vue-openlayers-plugin 1.0.84 → 1.0.85

package/lib/{BasemapPanel-1145a7ed.mjs → BasemapPanel-3f78db9f.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent, inject, computed, ref, watch, onMounted, onUnmounted, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createElementBlock, Fragment, renderList, normalizeClass, toDisplayString } from "vue";
-import { l as layerEventBus } from "./index-6f94a7fa.mjs";
+import { l as layerEventBus } from "./index-5a13e877.mjs";
 import "ol";
 const _hoisted_1 = { class: "basemap-content" };
 const _hoisted_2 = { class: "basemap-grid" };

package/lib/{CoordinateLocationDialog-be972ee5.mjs → CoordinateLocationDialog-d265fbae.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent, inject, computed, ref, reactive, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createVNode, createTextVNode } from "vue";
-import { T as TooltipHelper } from "./index-6f94a7fa.mjs";
+import { T as TooltipHelper } from "./index-5a13e877.mjs";
 import "ol";
 const _hoisted_1 = { class: "coordinate-content" };
 const _hoisted_2 = { class: "format-selection" };

package/lib/{FilterPanel-9d55d20c.mjs → FilterPanel-136dc7d8.mjs}

@@ -1,4 +1,4 @@
-import { a1 as _sfc_main } from "./index-6f94a7fa.mjs";
+import { a1 as _sfc_main } from "./index-5a13e877.mjs";
 import "vue";
 import "ol";
 export {

package/lib/{MapPrintDialog-3d0a2891.mjs → LayerPanel-58997ef0.mjs}

@@ -1,4 +1,4 @@
-import { e as _sfc_main } from "./index-6f94a7fa.mjs";
+import { h as _sfc_main } from "./index-5a13e877.mjs";
 import "vue";
 import "ol";
 export {

package/lib/{LayerPanel-0272f4a3.mjs → MapPrintDialog-6ed0e095.mjs}

@@ -1,4 +1,4 @@
-import { h as _sfc_main } from "./index-6f94a7fa.mjs";
+import { e as _sfc_main } from "./index-5a13e877.mjs";
 import "vue";
 import "ol";
 export {

package/lib/{MeasurementDialog-37a0bbb3.mjs → MeasurementDialog-b86c21c6.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent, inject, computed, ref, watch, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createVNode, createTextVNode, toDisplayString, createElementBlock, Fragment, renderList, normalizeClass } from "vue";
-import { f as formatMeasurementResult, g as getUnitByType, d as _export_sfc } from "./index-6f94a7fa.mjs";
+import { f as formatMeasurementResult, g as getUnitByType, d as _export_sfc } from "./index-5a13e877.mjs";
 import "ol";
 const getIconPath = (name) => {
   return `/icons/${name}.svg`;

package/lib/{MyMarkersDialog-61d5c30d.mjs → MyMarkersDialog-fbbd0aeb.mjs}

@@ -1,6 +1,6 @@
 import { defineComponent, inject, computed, ref, reactive, onUnmounted, watch, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx, createElementVNode, unref, normalizeClass, createTextVNode, toDisplayString, renderList, createBlock, withModifiers } from "vue";
-import { i as plus_default, j as folder_opened_default, k as download_default, m as delete_default, s as search_default, n as location_filled_default, o as edit_default, M as MarkerDrawingAdapter, t as toLonLat } from "./index-6f94a7fa.mjs";
-import { E as ElMessageBox } from "./index-91e9a4e6.mjs";
+import { i as plus_default, j as folder_opened_default, k as download_default, m as delete_default, s as search_default, n as location_filled_default, o as edit_default, M as MarkerDrawingAdapter, t as toLonLat } from "./index-5a13e877.mjs";
+import { E as ElMessageBox } from "./index-14efa785.mjs";
 import "ol";
 const _hoisted_1 = { class: "markers-content" };
 const _hoisted_2 = { class: "toolbar" };

package/lib/{ViewBookmarksDialog-107a29d1.mjs → ViewBookmarksDialog-94010687.mjs}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, ref, reactive, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createVNode, createTextVNode, unref, createElementBlock, Fragment, renderList, withModifiers, toDisplayString, createCommentVNode } from "vue";
-import { i as plus_default, j as folder_opened_default, k as download_default, m as delete_default, s as search_default, q as camera_default, v as view_default, o as edit_default, u as location_default, z as zoom_in_default } from "./index-6f94a7fa.mjs";
-import { E as ElMessageBox } from "./index-91e9a4e6.mjs";
+import { i as plus_default, j as folder_opened_default, k as download_default, m as delete_default, s as search_default, q as camera_default, v as view_default, o as edit_default, u as location_default, z as zoom_in_default } from "./index-5a13e877.mjs";
+import { E as ElMessageBox } from "./index-14efa785.mjs";
 import "ol";
 const _hoisted_1 = { class: "bookmarks-content" };
 const _hoisted_2 = { class: "toolbar" };

package/lib/{index-91e9a4e6.mjs → index-14efa785.mjs}

@@ -1,5 +1,5 @@
 import { nextTick, defineComponent, computed, ref, reactive, markRaw, watch, onMounted, onBeforeUnmount, toRefs, resolveComponent, openBlock, createBlock, Transition, withCtx, withDirectives, createVNode, createElementVNode, normalizeClass, normalizeStyle, withModifiers, createElementBlock, resolveDynamicComponent, createCommentVNode, toDisplayString, withKeys, renderSlot, vShow, createTextVNode, isVNode, render } from "vue";
-import { w as componentSizes, x as obtainAllFocusableElements, y as getEventCode, E as EVENT_CODE, A as ElButton, B as ElFocusTrap, C as ElInput, D as ElOverlay, F as ElIcon, G as TypeComponents, H as useGlobalComponentSettings, I as loading_default, J as TypeComponentsMap, K as useId, L as useDraggable, N as isFunction, O as isString, P as useLockscreen, Q as _export_sfc, S as useSameTarget, U as isClient, V as hasOwn, W as isObject, X as isUndefined, Y as isElement, Z as debugWarn } from "./index-6f94a7fa.mjs";
+import { w as componentSizes, x as obtainAllFocusableElements, y as getEventCode, E as EVENT_CODE, A as ElButton, B as ElFocusTrap, C as ElInput, D as ElOverlay, F as ElIcon, G as TypeComponents, H as useGlobalComponentSettings, I as loading_default, J as TypeComponentsMap, K as useId, L as useDraggable, N as isFunction, O as isString, P as useLockscreen, Q as _export_sfc, S as useSameTarget, U as isClient, V as hasOwn, W as isObject, X as isUndefined, Y as isElement, Z as debugWarn } from "./index-5a13e877.mjs";
 const isValidComponentSize = (val) => ["", ...componentSizes].includes(val);
 const FOCUSABLE_CHILDREN = "_trap-focus-children";
 const FOCUS_STACK = [];

package/lib/{index-6f94a7fa.mjs → index-5a13e877.mjs}

@@ -468745,16 +468745,16 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
   }
 });
 const defaultComponents = {
-  "measurement": () => import("./MeasurementDialog-37a0bbb3.mjs"),
-  "basemap": () => import("./BasemapPanel-1145a7ed.mjs"),
-  "print": () => import("./MapPrintDialog-3d0a2891.mjs"),
-  "layer-panel": () => import("./LayerPanel-0272f4a3.mjs"),
-  "coordinate": () => import("./CoordinateLocationDialog-be972ee5.mjs"),
+  "measurement": () => import("./MeasurementDialog-b86c21c6.mjs"),
+  "basemap": () => import("./BasemapPanel-3f78db9f.mjs"),
+  "print": () => import("./MapPrintDialog-6ed0e095.mjs"),
+  "layer-panel": () => import("./LayerPanel-58997ef0.mjs"),
+  "coordinate": () => import("./CoordinateLocationDialog-d265fbae.mjs"),
   "region-navigation": () => import("./RegionNavigationDialog-0808549f.mjs"),
-  "my-markers": () => import("./MyMarkersDialog-61d5c30d.mjs"),
-  "view-bookmarks": () => import("./ViewBookmarksDialog-107a29d1.mjs"),
-  "map-drawing": () => import("./index-3d1e1ad0.mjs"),
-  "filter-panel": () => import("./FilterPanel-9d55d20c.mjs")
+  "my-markers": () => import("./MyMarkersDialog-fbbd0aeb.mjs"),
+  "view-bookmarks": () => import("./ViewBookmarksDialog-94010687.mjs"),
+  "map-drawing": () => import("./index-5b1583d0.mjs"),
+  "filter-panel": () => import("./FilterPanel-136dc7d8.mjs")
 };
 const _DialogRegistry = class _DialogRegistry {
   constructor() {
@@ -472966,8 +472966,8 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
 var ae$1 = /* @__PURE__ */ defineComponent({
   name: "Close",
   __name: "close",
-  setup(d2) {
-    return (C3, f2) => (openBlock(), createElementBlock("svg", {
+  setup(a3) {
+    return (E4, r2) => (openBlock(), createElementBlock("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -472982,8 +472982,8 @@ var re$1 = ae$1;
 var ce$1 = /* @__PURE__ */ defineComponent({
   name: "FullScreen",
   __name: "full-screen",
-  setup(d2) {
-    return (C3, f2) => (openBlock(), createElementBlock("svg", {
+  setup(a3) {
+    return (E4, r2) => (openBlock(), createElementBlock("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -473015,12 +473015,14 @@ const N$1 = /* @__PURE__ */ defineComponent({
     minWidth: { default: 200 },
     minHeight: { default: 150 },
     draggable: { type: Boolean, default: true },
-    showFullscreen: { type: Boolean, default: true }
+    showFullscreen: { type: Boolean, default: true },
+    modalPenetrable: { type: Boolean, default: true },
+    closeOnClickModal: { type: Boolean, default: false }
   },
-  setup(d2, { expose: C3 }) {
-    const f2 = d2, A5 = computed(() => f2.showFullscreen !== false), p5 = ref(), L2 = useAttrs$1(), X2 = useSlots(), a3 = ref(false), Y2 = computed(() => {
-      const s2 = L2.modal;
-      return s2 === void 0 ? false : s2 === "" ? true : s2 === "false" ? false : s2 === "true" ? true : !!s2;
+  setup(a3, { expose: E4 }) {
+    const r2 = a3, A5 = computed(() => r2.showFullscreen !== false), p5 = ref(), V2 = useAttrs$1(), O2 = useSlots(), c2 = ref(false), X2 = computed(() => {
+      const l2 = V2.modal;
+      return l2 !== void 0 ? l2 === "" ? true : l2 === "false" ? false : l2 === "true" ? true : !!l2 : !r2.modalPenetrable;
     }), i = {
       width: "",
       height: "",
@@ -473029,101 +473031,102 @@ const N$1 = /* @__PURE__ */ defineComponent({
       transform: "",
       marginTop: "",
       marginBottom: ""
-    }, $2 = () => {
-      a3.value ? (a3.value = false, nextTick(() => {
+    }, L2 = () => {
+      c2.value ? (c2.value = false, nextTick(() => {
         e8 && (e8.style.width = i.width, e8.style.height = i.height, e8.style.left = i.left, e8.style.top = i.top, e8.style.transform = i.transform, e8.style.marginTop = i.marginTop, e8.style.marginBottom = i.marginBottom);
-      })) : (e8 && (i.width = e8.style.width, i.height = e8.style.height, i.left = e8.style.left, i.top = e8.style.top, i.transform = e8.style.transform, i.marginTop = e8.style.marginTop, i.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 = ""), a3.value = true), nextTick(() => {
-        R2();
+      })) : (e8 && (i.width = e8.style.width, i.height = e8.style.height, i.left = e8.style.left, i.top = e8.style.top, i.transform = e8.style.transform, i.marginTop = e8.style.marginTop, i.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 = ""), c2.value = true), nextTick(() => {
+        M5();
       });
     };
-    C3({
+    E4({
       dialogRef: p5,
-      toggleFullscreen: $2,
-      isFullscreen: a3
+      toggleFullscreen: L2,
+      isFullscreen: c2
     });
-    let k2 = 0, H4 = 0, x2 = 0, B3 = 0, g2 = 0, y2 = 0, r2 = "", e8 = null;
-    const j2 = ["n", "e", "s", "w", "ne", "nw", "se", "sw"], R2 = () => {
-      var l2;
-      if (f2.resizable === false || a3.value) {
+    let $2 = 0, H4 = 0, x2 = 0, B3 = 0, g2 = 0, y2 = 0, u2 = "", e8 = null;
+    const Y2 = ["n", "e", "s", "w", "ne", "nw", "se", "sw"], M5 = () => {
+      var s2;
+      if (r2.resizable === false || c2.value) {
         e8 && e8.querySelectorAll(".resize-handle").forEach((n2) => n2.style.display = "none");
         return;
       }
       if (e8 && e8.querySelectorAll(".resize-handle").forEach((n2) => n2.style.display = "block"), !p5.value)
         return;
-      const s2 = ((l2 = p5.value.dialogContentRef) == null ? void 0 : l2.$el) || p5.value.$el;
-      !s2 || (e8 = s2.querySelector(".el-dialog") || s2, (!e8 || !e8.classList.contains("el-dialog")) && (s2.classList.contains("el-dialog") ? e8 = s2 : e8 = document.querySelector(".el-dialog")), !e8) || (getComputedStyle(e8).position === "static" && (e8.style.position = "relative"), e8.querySelector(".resize-handle")) || j2.forEach((t3) => {
+      const l2 = ((s2 = p5.value.dialogContentRef) == null ? void 0 : s2.$el) || p5.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")) || Y2.forEach((t3) => {
         const n2 = document.createElement("div");
-        n2.className = `resize-handle resize-handle-${t3}`, n2.dataset.dir = t3, Object.assign(n2.style, O2(t3)), n2.addEventListener("mousedown", (c2) => U2(c2, t3)), e8.appendChild(n2);
+        n2.className = `resize-handle resize-handle-${t3}`, n2.dataset.dir = t3, Object.assign(n2.style, j2(t3)), n2.addEventListener("mousedown", (d2) => U2(d2, t3)), e8.appendChild(n2);
       });
-    }, O2 = (s2) => {
-      const o2 = "10px", l2 = "-5px", t3 = {
+    }, j2 = (l2) => {
+      const o2 = "10px", s2 = "-5px", t3 = {
         position: "absolute",
         zIndex: "100",
-        width: ["n", "s"].includes(s2) ? "100%" : o2,
-        height: ["e", "w"].includes(s2) ? "100%" : o2,
-        cursor: `${s2}-resize`
+        width: ["n", "s"].includes(l2) ? "100%" : o2,
+        height: ["e", "w"].includes(l2) ? "100%" : o2,
+        cursor: `${l2}-resize`
       };
-      return s2.includes("n") && (t3.top = l2), s2.includes("s") && (t3.bottom = l2), s2.includes("w") && (t3.left = l2), s2.includes("e") && (t3.right = l2), s2 === "ne" && (t3.top = l2, t3.right = l2, t3.width = o2, t3.height = o2, t3.cursor = "ne-resize"), s2 === "nw" && (t3.top = l2, t3.left = l2, t3.width = o2, t3.height = o2, t3.cursor = "nw-resize"), s2 === "se" && (t3.bottom = l2, t3.right = l2, t3.width = o2, t3.height = o2, t3.cursor = "se-resize"), s2 === "sw" && (t3.bottom = l2, t3.left = l2, t3.width = o2, t3.height = o2, t3.cursor = "sw-resize"), t3;
-    }, U2 = (s2, o2) => {
-      if (s2.preventDefault(), s2.stopPropagation(), !e8)
+      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;
+    }, U2 = (l2, o2) => {
+      if (l2.preventDefault(), l2.stopPropagation(), !e8)
         return;
-      r2 = o2, k2 = s2.clientX, H4 = s2.clientY;
-      const l2 = window.getComputedStyle(e8);
-      x2 = parseInt(l2.width), B3 = parseInt(l2.height), g2 = parseInt(l2.left) || 0, y2 = parseInt(l2.top) || 0;
+      u2 = o2, $2 = l2.clientX, H4 = l2.clientY;
+      const s2 = window.getComputedStyle(e8);
+      x2 = parseInt(s2.width), B3 = parseInt(s2.height), g2 = parseInt(s2.left) || 0, y2 = parseInt(s2.top) || 0;
       const t3 = e8.getBoundingClientRect();
-      if (l2.position !== "absolute" && l2.position !== "fixed") {
-        const n2 = e8.offsetParent, c2 = n2 ? n2.getBoundingClientRect() : { left: 0, top: 0 }, v5 = t3.left - c2.left, w2 = t3.top - c2.top;
+      if (s2.position !== "absolute" && s2.position !== "fixed") {
+        const n2 = e8.offsetParent, d2 = n2 ? n2.getBoundingClientRect() : { left: 0, top: 0 }, v5 = t3.left - d2.left, w2 = t3.top - d2.top;
         e8.style.position = "absolute", e8.style.margin = "0", e8.style.left = `${v5}px`, e8.style.top = `${w2}px`, g2 = v5, y2 = w2;
       } else
-        g2 = parseInt(l2.left), y2 = parseInt(l2.top);
-      document.addEventListener("mousemove", M5), document.addEventListener("mouseup", P6);
-    }, M5 = (s2) => {
+        g2 = parseInt(s2.left), y2 = parseInt(s2.top);
+      document.addEventListener("mousemove", P6), document.addEventListener("mouseup", R2);
+    }, P6 = (l2) => {
       if (!e8)
         return;
-      const o2 = s2.clientX - k2, l2 = s2.clientY - H4;
-      let t3 = x2, n2 = B3, c2 = g2, v5 = y2;
-      const w2 = f2.minWidth || 200, T2 = f2.minHeight || 150;
-      if (r2.includes("e") && (t3 = Math.max(w2, x2 + o2)), r2.includes("s") && (n2 = Math.max(T2, B3 + l2)), r2.includes("w")) {
+      const o2 = l2.clientX - $2, s2 = l2.clientY - H4;
+      let t3 = x2, n2 = B3, d2 = g2, v5 = y2;
+      const w2 = r2.minWidth || 200, T2 = r2.minHeight || 150;
+      if (u2.includes("e") && (t3 = Math.max(w2, x2 + o2)), u2.includes("s") && (n2 = Math.max(T2, B3 + s2)), u2.includes("w")) {
         const _2 = x2 - o2;
-        _2 >= w2 && (t3 = _2, c2 = g2 + o2);
+        _2 >= w2 && (t3 = _2, d2 = g2 + o2);
       }
-      if (r2.includes("n")) {
-        const _2 = B3 - l2;
-        _2 >= T2 && (n2 = _2, v5 = y2 + l2);
+      if (u2.includes("n")) {
+        const _2 = B3 - s2;
+        _2 >= T2 && (n2 = _2, v5 = y2 + s2);
       }
-      e8.style.width = `${t3}px`, e8.style.height = `${n2}px`, (r2.includes("w") || r2.includes("n")) && (e8.style.left = `${c2}px`, e8.style.top = `${v5}px`);
-    }, P6 = () => {
-      document.removeEventListener("mousemove", M5), document.removeEventListener("mouseup", P6);
+      e8.style.width = `${t3}px`, e8.style.height = `${n2}px`, (u2.includes("w") || u2.includes("n")) && (e8.style.left = `${d2}px`, e8.style.top = `${v5}px`);
+    }, R2 = () => {
+      document.removeEventListener("mousemove", P6), document.removeEventListener("mouseup", R2);
     };
-    return watch(() => L2.modelValue, (s2) => {
-      s2 && nextTick(() => {
-        R2();
+    return watch(() => V2.modelValue, (l2) => {
+      l2 && nextTick(() => {
+        M5();
       });
-    }), (s2, o2) => (openBlock(), createBlock(unref(ElDialog), mergeProps({
+    }), (l2, o2) => (openBlock(), createBlock(unref(ElDialog), mergeProps({
       ref_key: "dialogRef",
       ref: p5,
       class: "e-plus-resize-dialog"
-    }, s2.$attrs, {
-      modal: Y2.value,
-      draggable: d2.draggable,
-      fullscreen: a3.value,
+    }, l2.$attrs, {
+      modal: X2.value,
+      "close-on-click-modal": a3.closeOnClickModal,
+      draggable: a3.draggable,
+      fullscreen: c2.value,
       "show-close": false
     }), createSlots({
-      header: withCtx(({ close: l2, titleId: t3, titleClass: n2 }) => [
+      header: withCtx(({ close: s2, titleId: t3, titleClass: n2 }) => [
         createElementVNode("div", de$1, [
           createElementVNode("span", {
             id: t3,
             class: normalizeClass(n2)
-          }, toDisplayString(s2.$attrs.title), 11, fe$1),
+          }, toDisplayString(l2.$attrs.title), 11, fe$1),
           createElementVNode("div", he$1, [
             A5.value ? (openBlock(), createElementBlock("div", {
               key: 0,
               class: "custom-header-btn",
-              onClick: $2
+              onClick: L2
             }, [
               createVNode$1(unref(ElIcon), { size: "18" }, {
                 default: withCtx(() => [
-                  a3.value ? (openBlock(), createElementBlock("svg", me$1, [...o2[0] || (o2[0] = [
+                  c2.value ? (openBlock(), createElementBlock("svg", me$1, [...o2[0] || (o2[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"
@@ -473133,10 +473136,10 @@ const N$1 = /* @__PURE__ */ defineComponent({
                 _: 1
               })
             ])) : createCommentVNode("", true),
-            s2.$attrs["show-close"] !== false ? (openBlock(), createElementBlock("div", {
+            l2.$attrs["show-close"] !== false ? (openBlock(), createElementBlock("div", {
               key: 1,
               class: "custom-header-btn",
-              onClick: l2
+              onClick: s2
             }, [
               createVNode$1(unref(ElIcon), { size: "20" }, {
                 default: withCtx(() => [
@@ -473150,17 +473153,17 @@ const N$1 = /* @__PURE__ */ defineComponent({
       ]),
       _: 2
     }, [
-      renderList(unref(X2), (l2, t3) => ({
+      renderList(unref(O2), (s2, t3) => ({
         name: t3,
         fn: withCtx((n2) => [
-          renderSlot(s2.$slots, t3, normalizeProps(guardReactiveProps(n2 || {})))
+          renderSlot(l2.$slots, t3, normalizeProps(guardReactiveProps(n2 || {})))
         ])
       }))
-    ]), 1040, ["modal", "draggable", "fullscreen"]));
+    ]), 1040, ["modal", "close-on-click-modal", "draggable", "fullscreen"]));
   }
 });
-N$1.install = (d2) => {
-  d2.component("EPlusResizeDialog", N$1);
+N$1.install = (a3) => {
+  a3.component("EPlusResizeDialog", N$1);
 };
 const _hoisted_1$6 = { class: "flex-1 overflow-y-auto p-4" };
 const _hoisted_2$5 = { class: "pb-2 flex items-center justify-between" };
@@ -473207,7 +473210,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         resizable: ui2.resizable ?? true,
         showClose: ui2.showClose ?? true,
         showFullscreen: ui2.showFullscreen ?? true,
-        closeOnClickModal: ui2.closeOnClickModal ?? true,
+        closeOnClickModal: ui2.closeOnClickModal ?? false,
         closeOnPressEscape: ui2.closeOnPressEscape ?? true,
         destroyOnClose: ui2.destroyOnClose ?? false,
         lockScroll: ui2.lockScroll ?? true,
@@ -475883,7 +475886,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         resizable: lpControls.resizable ?? true,
         showClose: lpControls.showClose ?? true,
         showFullscreen: lpControls.showFullscreen ?? true,
-        closeOnClickModal: lpControls.closeOnClickModal ?? true,
+        closeOnClickModal: lpControls.closeOnClickModal ?? false,
         closeOnPressEscape: lpControls.closeOnPressEscape ?? true,
         fullscreen: lpControls.fullscreen ?? false,
         destroyOnClose: lpControls.destroyOnClose ?? false,
@@ -477314,7 +477317,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     right: {},
     bottom: {},
     modal: { type: Boolean, default: true },
-    closeOnClickModal: { type: Boolean, default: true },
+    closeOnClickModal: { type: Boolean, default: false },
     closeOnPressEscape: { type: Boolean, default: true },
     showClose: { type: Boolean, default: true },
     showFullscreen: { type: Boolean, default: true },
@@ -488771,7 +488774,7 @@ function(t3) {
  */
 function(t3) {
   function e8() {
-    return (n.canvg ? Promise.resolve(n.canvg) : import("./index.es-03fbdea2.mjs")).catch(function(t4) {
+    return (n.canvg ? Promise.resolve(n.canvg) : import("./index.es-0c397170.mjs")).catch(function(t4) {
       return Promise.reject(new Error("Could not load canvg: " + t4));
     }).then(function(t4) {
       return t4.default ? t4.default : t4;

package/lib/{index-3d1e1ad0.mjs → index-5b1583d0.mjs}

@@ -1,5 +1,5 @@
 import { inject, computed, ref, onMounted, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, Fragment, renderList, createElementVNode, normalizeClass, toDisplayString, unref, createTextVNode, createCommentVNode, createBlock } from "vue";
-import { d as _export_sfc, $ as DrawingManager, a0 as close_default } from "./index-6f94a7fa.mjs";
+import { d as _export_sfc, $ as DrawingManager, a0 as close_default } from "./index-5a13e877.mjs";
 import "ol";
 const icons = {
   pointMarker: "/icons/point.png",

package/lib/{index.es-03fbdea2.mjs → index.es-0c397170.mjs}

@@ -1,4 +1,4 @@
-import { c as commonjsGlobal, R as RGBColor, r as requestAnimationFrame, _ as _asyncToGenerator, a as _, p as processCanvasRGBA, b as _defineProperty } from "./index-6f94a7fa.mjs";
+import { c as commonjsGlobal, R as RGBColor, r as requestAnimationFrame, _ as _asyncToGenerator, a as _, p as processCanvasRGBA, b as _defineProperty } from "./index-5a13e877.mjs";
 import "vue";
 import "ol";
 var check = function(it) {

package/lib/index.esm.js

@@ -1,4 +1,4 @@
-import { aw, ak, aa, a2, an, $, aT, as, av, aY, aX, aD, aE, aP, aQ, ah, aF, aG, aW, aU, aj, ai, aR, aS, aN, aO, aL, aM, aJ, aK, a9, a5, a4, a8, a2 as a22, a3, a6, a7, ax, ay, aB, aC, aH, aI, aZ, ab, az, aA, af, au, al, ao, ar, ad, f, ag, at, ap, g, am, aV, ac, aq, l, ae } from "./index-6f94a7fa.mjs";
+import { aw, ak, aa, a2, an, $, aT, as, av, aY, aX, aD, aE, aP, aQ, ah, aF, aG, aW, aU, aj, ai, aR, aS, aN, aO, aL, aM, aJ, aK, a9, a5, a4, a8, a2 as a22, a3, a6, a7, ax, ay, aB, aC, aH, aI, aZ, ab, az, aA, af, au, al, ao, ar, ad, f, ag, at, ap, g, am, aV, ac, aq, l, ae } from "./index-5a13e877.mjs";
 import "vue";
 import "ol";
 export {

package/lib/index.umd.js

@@ -474510,8 +474510,8 @@ ${this.attributes_.map(
   var ae$1 = /* @__PURE__ */ vue.defineComponent({
     name: "Close",
     __name: "close",
-    setup(d2) {
-      return (C3, f2) => (vue.openBlock(), vue.createElementBlock("svg", {
+    setup(a3) {
+      return (E4, r2) => (vue.openBlock(), vue.createElementBlock("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         viewBox: "0 0 1024 1024"
       }, [
@@ -474524,8 +474524,8 @@ ${this.attributes_.map(
   }), re$1 = ae$1, ce$1 = /* @__PURE__ */ vue.defineComponent({
     name: "FullScreen",
     __name: "full-screen",
-    setup(d2) {
-      return (C3, f2) => (vue.openBlock(), vue.createElementBlock("svg", {
+    setup(a3) {
+      return (E4, r2) => (vue.openBlock(), vue.createElementBlock("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         viewBox: "0 0 1024 1024"
       }, [
@@ -474551,12 +474551,14 @@ ${this.attributes_.map(
       minWidth: { default: 200 },
       minHeight: { default: 150 },
       draggable: { type: Boolean, default: true },
-      showFullscreen: { type: Boolean, default: true }
+      showFullscreen: { type: Boolean, default: true },
+      modalPenetrable: { type: Boolean, default: true },
+      closeOnClickModal: { type: Boolean, default: false }
     },
-    setup(d2, { expose: C3 }) {
-      const f2 = d2, A5 = vue.computed(() => f2.showFullscreen !== false), p5 = vue.ref(), L2 = vue.useAttrs(), X2 = vue.useSlots(), a3 = vue.ref(false), Y2 = vue.computed(() => {
-        const s2 = L2.modal;
-        return s2 === void 0 ? false : s2 === "" ? true : s2 === "false" ? false : s2 === "true" ? true : !!s2;
+    setup(a3, { expose: E4 }) {
+      const r2 = a3, A5 = vue.computed(() => r2.showFullscreen !== false), p5 = vue.ref(), V2 = vue.useAttrs(), O2 = vue.useSlots(), c2 = vue.ref(false), X2 = vue.computed(() => {
+        const l2 = V2.modal;
+        return l2 !== void 0 ? l2 === "" ? true : l2 === "false" ? false : l2 === "true" ? true : !!l2 : !r2.modalPenetrable;
       }), i2 = {
         width: "",
         height: "",
@@ -474565,101 +474567,102 @@ ${this.attributes_.map(
         transform: "",
         marginTop: "",
         marginBottom: ""
-      }, $2 = () => {
-        a3.value ? (a3.value = false, vue.nextTick(() => {
+      }, L2 = () => {
+        c2.value ? (c2.value = false, vue.nextTick(() => {
           e3 && (e3.style.width = i2.width, e3.style.height = i2.height, e3.style.left = i2.left, e3.style.top = i2.top, e3.style.transform = i2.transform, e3.style.marginTop = i2.marginTop, e3.style.marginBottom = i2.marginBottom);
-        })) : (e3 && (i2.width = e3.style.width, i2.height = e3.style.height, i2.left = e3.style.left, i2.top = e3.style.top, i2.transform = e3.style.transform, i2.marginTop = e3.style.marginTop, i2.marginBottom = e3.style.marginBottom, e3.style.width = "", e3.style.height = "", e3.style.transform = "", e3.style.left = "", e3.style.top = "", e3.style.marginTop = "", e3.style.marginBottom = ""), a3.value = true), vue.nextTick(() => {
-          R2();
+        })) : (e3 && (i2.width = e3.style.width, i2.height = e3.style.height, i2.left = e3.style.left, i2.top = e3.style.top, i2.transform = e3.style.transform, i2.marginTop = e3.style.marginTop, i2.marginBottom = e3.style.marginBottom, e3.style.width = "", e3.style.height = "", e3.style.transform = "", e3.style.left = "", e3.style.top = "", e3.style.marginTop = "", e3.style.marginBottom = ""), c2.value = true), vue.nextTick(() => {
+          M5();
         });
       };
-      C3({
+      E4({
         dialogRef: p5,
-        toggleFullscreen: $2,
-        isFullscreen: a3
+        toggleFullscreen: L2,
+        isFullscreen: c2
       });
-      let k2 = 0, H4 = 0, x2 = 0, B3 = 0, g2 = 0, y2 = 0, r2 = "", e3 = null;
-      const j2 = ["n", "e", "s", "w", "ne", "nw", "se", "sw"], R2 = () => {
-        var l2;
-        if (f2.resizable === false || a3.value) {
+      let $2 = 0, H4 = 0, x2 = 0, B3 = 0, g2 = 0, y2 = 0, u2 = "", e3 = null;
+      const Y2 = ["n", "e", "s", "w", "ne", "nw", "se", "sw"], M5 = () => {
+        var s2;
+        if (r2.resizable === false || c2.value) {
           e3 && e3.querySelectorAll(".resize-handle").forEach((n2) => n2.style.display = "none");
           return;
         }
         if (e3 && e3.querySelectorAll(".resize-handle").forEach((n2) => n2.style.display = "block"), !p5.value)
           return;
-        const s2 = ((l2 = p5.value.dialogContentRef) == null ? void 0 : l2.$el) || p5.value.$el;
-        !s2 || (e3 = s2.querySelector(".el-dialog") || s2, (!e3 || !e3.classList.contains("el-dialog")) && (s2.classList.contains("el-dialog") ? e3 = s2 : e3 = document.querySelector(".el-dialog")), !e3) || (getComputedStyle(e3).position === "static" && (e3.style.position = "relative"), e3.querySelector(".resize-handle")) || j2.forEach((t2) => {
+        const l2 = ((s2 = p5.value.dialogContentRef) == null ? void 0 : s2.$el) || p5.value.$el;
+        !l2 || (e3 = l2.querySelector(".el-dialog") || l2, (!e3 || !e3.classList.contains("el-dialog")) && (l2.classList.contains("el-dialog") ? e3 = l2 : e3 = document.querySelector(".el-dialog")), !e3) || (getComputedStyle(e3).position === "static" && (e3.style.position = "relative"), e3.querySelector(".resize-handle")) || Y2.forEach((t2) => {
           const n2 = document.createElement("div");
-          n2.className = `resize-handle resize-handle-${t2}`, n2.dataset.dir = t2, Object.assign(n2.style, O2(t2)), n2.addEventListener("mousedown", (c2) => U2(c2, t2)), e3.appendChild(n2);
+          n2.className = `resize-handle resize-handle-${t2}`, n2.dataset.dir = t2, Object.assign(n2.style, j2(t2)), n2.addEventListener("mousedown", (d2) => U2(d2, t2)), e3.appendChild(n2);
         });
-      }, O2 = (s2) => {
-        const o2 = "10px", l2 = "-5px", t2 = {
+      }, j2 = (l2) => {
+        const o2 = "10px", s2 = "-5px", t2 = {
           position: "absolute",
           zIndex: "100",
-          width: ["n", "s"].includes(s2) ? "100%" : o2,
-          height: ["e", "w"].includes(s2) ? "100%" : o2,
-          cursor: `${s2}-resize`
+          width: ["n", "s"].includes(l2) ? "100%" : o2,
+          height: ["e", "w"].includes(l2) ? "100%" : o2,
+          cursor: `${l2}-resize`
         };
-        return s2.includes("n") && (t2.top = l2), s2.includes("s") && (t2.bottom = l2), s2.includes("w") && (t2.left = l2), s2.includes("e") && (t2.right = l2), s2 === "ne" && (t2.top = l2, t2.right = l2, t2.width = o2, t2.height = o2, t2.cursor = "ne-resize"), s2 === "nw" && (t2.top = l2, t2.left = l2, t2.width = o2, t2.height = o2, t2.cursor = "nw-resize"), s2 === "se" && (t2.bottom = l2, t2.right = l2, t2.width = o2, t2.height = o2, t2.cursor = "se-resize"), s2 === "sw" && (t2.bottom = l2, t2.left = l2, t2.width = o2, t2.height = o2, t2.cursor = "sw-resize"), t2;
-      }, U2 = (s2, o2) => {
-        if (s2.preventDefault(), s2.stopPropagation(), !e3)
+        return l2.includes("n") && (t2.top = s2), l2.includes("s") && (t2.bottom = s2), l2.includes("w") && (t2.left = s2), l2.includes("e") && (t2.right = s2), l2 === "ne" && (t2.top = s2, t2.right = s2, t2.width = o2, t2.height = o2, t2.cursor = "ne-resize"), l2 === "nw" && (t2.top = s2, t2.left = s2, t2.width = o2, t2.height = o2, t2.cursor = "nw-resize"), l2 === "se" && (t2.bottom = s2, t2.right = s2, t2.width = o2, t2.height = o2, t2.cursor = "se-resize"), l2 === "sw" && (t2.bottom = s2, t2.left = s2, t2.width = o2, t2.height = o2, t2.cursor = "sw-resize"), t2;
+      }, U2 = (l2, o2) => {
+        if (l2.preventDefault(), l2.stopPropagation(), !e3)
           return;
-        r2 = o2, k2 = s2.clientX, H4 = s2.clientY;
-        const l2 = window.getComputedStyle(e3);
-        x2 = parseInt(l2.width), B3 = parseInt(l2.height), g2 = parseInt(l2.left) || 0, y2 = parseInt(l2.top) || 0;
+        u2 = o2, $2 = l2.clientX, H4 = l2.clientY;
+        const s2 = window.getComputedStyle(e3);
+        x2 = parseInt(s2.width), B3 = parseInt(s2.height), g2 = parseInt(s2.left) || 0, y2 = parseInt(s2.top) || 0;
         const t2 = e3.getBoundingClientRect();
-        if (l2.position !== "absolute" && l2.position !== "fixed") {
-          const n2 = e3.offsetParent, c2 = n2 ? n2.getBoundingClientRect() : { left: 0, top: 0 }, v5 = t2.left - c2.left, w2 = t2.top - c2.top;
+        if (s2.position !== "absolute" && s2.position !== "fixed") {
+          const n2 = e3.offsetParent, d2 = n2 ? n2.getBoundingClientRect() : { left: 0, top: 0 }, v5 = t2.left - d2.left, w2 = t2.top - d2.top;
           e3.style.position = "absolute", e3.style.margin = "0", e3.style.left = `${v5}px`, e3.style.top = `${w2}px`, g2 = v5, y2 = w2;
         } else
-          g2 = parseInt(l2.left), y2 = parseInt(l2.top);
-        document.addEventListener("mousemove", M5), document.addEventListener("mouseup", P6);
-      }, M5 = (s2) => {
+          g2 = parseInt(s2.left), y2 = parseInt(s2.top);
+        document.addEventListener("mousemove", P6), document.addEventListener("mouseup", R2);
+      }, P6 = (l2) => {
         if (!e3)
           return;
-        const o2 = s2.clientX - k2, l2 = s2.clientY - H4;
-        let t2 = x2, n2 = B3, c2 = g2, v5 = y2;
-        const w2 = f2.minWidth || 200, T2 = f2.minHeight || 150;
-        if (r2.includes("e") && (t2 = Math.max(w2, x2 + o2)), r2.includes("s") && (n2 = Math.max(T2, B3 + l2)), r2.includes("w")) {
+        const o2 = l2.clientX - $2, s2 = l2.clientY - H4;
+        let t2 = x2, n2 = B3, d2 = g2, v5 = y2;
+        const w2 = r2.minWidth || 200, T2 = r2.minHeight || 150;
+        if (u2.includes("e") && (t2 = Math.max(w2, x2 + o2)), u2.includes("s") && (n2 = Math.max(T2, B3 + s2)), u2.includes("w")) {
           const _2 = x2 - o2;
-          _2 >= w2 && (t2 = _2, c2 = g2 + o2);
+          _2 >= w2 && (t2 = _2, d2 = g2 + o2);
         }
-        if (r2.includes("n")) {
-          const _2 = B3 - l2;
-          _2 >= T2 && (n2 = _2, v5 = y2 + l2);
+        if (u2.includes("n")) {
+          const _2 = B3 - s2;
+          _2 >= T2 && (n2 = _2, v5 = y2 + s2);
         }
-        e3.style.width = `${t2}px`, e3.style.height = `${n2}px`, (r2.includes("w") || r2.includes("n")) && (e3.style.left = `${c2}px`, e3.style.top = `${v5}px`);
-      }, P6 = () => {
-        document.removeEventListener("mousemove", M5), document.removeEventListener("mouseup", P6);
+        e3.style.width = `${t2}px`, e3.style.height = `${n2}px`, (u2.includes("w") || u2.includes("n")) && (e3.style.left = `${d2}px`, e3.style.top = `${v5}px`);
+      }, R2 = () => {
+        document.removeEventListener("mousemove", P6), document.removeEventListener("mouseup", R2);
       };
-      return vue.watch(() => L2.modelValue, (s2) => {
-        s2 && vue.nextTick(() => {
-          R2();
+      return vue.watch(() => V2.modelValue, (l2) => {
+        l2 && vue.nextTick(() => {
+          M5();
         });
-      }), (s2, o2) => (vue.openBlock(), vue.createBlock(vue.unref(ElDialog), vue.mergeProps({
+      }), (l2, o2) => (vue.openBlock(), vue.createBlock(vue.unref(ElDialog), vue.mergeProps({
         ref_key: "dialogRef",
         ref: p5,
         class: "e-plus-resize-dialog"
-      }, s2.$attrs, {
-        modal: Y2.value,
-        draggable: d2.draggable,
-        fullscreen: a3.value,
+      }, l2.$attrs, {
+        modal: X2.value,
+        "close-on-click-modal": a3.closeOnClickModal,
+        draggable: a3.draggable,
+        fullscreen: c2.value,
         "show-close": false
       }), vue.createSlots({
-        header: vue.withCtx(({ close: l2, titleId: t2, titleClass: n2 }) => [
+        header: vue.withCtx(({ close: s2, titleId: t2, titleClass: n2 }) => [
           vue.createElementVNode("div", de$1, [
             vue.createElementVNode("span", {
               id: t2,
               class: vue.normalizeClass(n2)
-            }, vue.toDisplayString(s2.$attrs.title), 11, fe$1),
+            }, vue.toDisplayString(l2.$attrs.title), 11, fe$1),
             vue.createElementVNode("div", he$1, [
               A5.value ? (vue.openBlock(), vue.createElementBlock("div", {
                 key: 0,
                 class: "custom-header-btn",
-                onClick: $2
+                onClick: L2
               }, [
                 vue.createVNode(vue.unref(ElIcon), { size: "18" }, {
                   default: vue.withCtx(() => [
-                    a3.value ? (vue.openBlock(), vue.createElementBlock("svg", me$1, [...o2[0] || (o2[0] = [
+                    c2.value ? (vue.openBlock(), vue.createElementBlock("svg", me$1, [...o2[0] || (o2[0] = [
                       vue.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"
@@ -474669,10 +474672,10 @@ ${this.attributes_.map(
                   _: 1
                 })
               ])) : vue.createCommentVNode("", true),
-              s2.$attrs["show-close"] !== false ? (vue.openBlock(), vue.createElementBlock("div", {
+              l2.$attrs["show-close"] !== false ? (vue.openBlock(), vue.createElementBlock("div", {
                 key: 1,
                 class: "custom-header-btn",
-                onClick: l2
+                onClick: s2
               }, [
                 vue.createVNode(vue.unref(ElIcon), { size: "20" }, {
                   default: vue.withCtx(() => [
@@ -474686,17 +474689,17 @@ ${this.attributes_.map(
         ]),
         _: 2
       }, [
-        vue.renderList(vue.unref(X2), (l2, t2) => ({
+        vue.renderList(vue.unref(O2), (s2, t2) => ({
           name: t2,
           fn: vue.withCtx((n2) => [
-            vue.renderSlot(s2.$slots, t2, vue.normalizeProps(vue.guardReactiveProps(n2 || {})))
+            vue.renderSlot(l2.$slots, t2, vue.normalizeProps(vue.guardReactiveProps(n2 || {})))
           ])
         }))
-      ]), 1040, ["modal", "draggable", "fullscreen"]));
+      ]), 1040, ["modal", "close-on-click-modal", "draggable", "fullscreen"]));
     }
   });
-  N$1.install = (d2) => {
-    d2.component("EPlusResizeDialog", N$1);
+  N$1.install = (a3) => {
+    a3.component("EPlusResizeDialog", N$1);
   };
   const style = "";
   const _hoisted_1$f = { class: "flex-1 overflow-y-auto p-4" };
@@ -474744,7 +474747,7 @@ ${this.attributes_.map(
           resizable: ui2.resizable ?? true,
           showClose: ui2.showClose ?? true,
           showFullscreen: ui2.showFullscreen ?? true,
-          closeOnClickModal: ui2.closeOnClickModal ?? true,
+          closeOnClickModal: ui2.closeOnClickModal ?? false,
           closeOnPressEscape: ui2.closeOnPressEscape ?? true,
           destroyOnClose: ui2.destroyOnClose ?? false,
           lockScroll: ui2.lockScroll ?? true,
@@ -477431,7 +477434,7 @@ ${this.attributes_.map(
           resizable: lpControls.resizable ?? true,
           showClose: lpControls.showClose ?? true,
           showFullscreen: lpControls.showFullscreen ?? true,
-          closeOnClickModal: lpControls.closeOnClickModal ?? true,
+          closeOnClickModal: lpControls.closeOnClickModal ?? false,
           closeOnPressEscape: lpControls.closeOnPressEscape ?? true,
           fullscreen: lpControls.fullscreen ?? false,
           destroyOnClose: lpControls.destroyOnClose ?? false,
@@ -478863,7 +478866,7 @@ ${this.attributes_.map(
       right: {},
       bottom: {},
       modal: { type: Boolean, default: true },
-      closeOnClickModal: { type: Boolean, default: true },
+      closeOnClickModal: { type: Boolean, default: false },
       closeOnPressEscape: { type: Boolean, default: true },
       showClose: { type: Boolean, default: true },
       showFullscreen: { type: Boolean, default: true },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-openlayers-plugin",
-  "version": "1.0.84",
+  "version": "1.0.85",
   "description": "A Vue 3 plugin for OpenLayers with custom components and utilities",
   "main": "lib/index.umd.js",
   "module": "lib/index.esm.js",
@@ -47,15 +47,15 @@
   "author": "kaixin <1501643111@qq.com>",
   "license": "MIT",
   "peerDependencies": {
+    "@element-plus/icons-vue": "^2.3.2",
     "@supermapgis/iclient-ol": "^12.0.0-r",
+    "e-plus-dialog-vue3": "^1.0.11",
     "element-plus": "^2.11.1",
     "ol": "^10.6.1",
     "proj4": "^2.9.2",
     "vue": "^3.3.0"
   },
   "dependencies": {
-    "@element-plus/icons-vue": "^2.3.2",
-    "e-plus-dialog-vue3": "^1.0.10",
     "gifler": "^0.1.0",
     "html2canvas": "^1.4.1",
     "jspdf": "^2.5.1",
@@ -64,6 +64,7 @@
     "uuid": "^11.1.0"
   },
   "devDependencies": {
+    "@element-plus/icons-vue": "^2.3.2",
     "@supermapgis/iclient-ol": "^12.0.0-r",
     "@types/node": "^20.5.2",
     "@typescript-eslint/eslint-plugin": "^6.4.0",
@@ -72,6 +73,7 @@
     "@vue/eslint-config-prettier": "^8.0.0",
     "@vue/eslint-config-typescript": "^11.0.3",
     "@vue/tsconfig": "^0.4.0",
+    "e-plus-dialog-vue3": "^1.0.11",
     "element-plus": "^2.13.0",
     "eslint": "^8.45.0",
     "eslint-plugin-vue": "^9.17.0",