vue-openlayers-plugin 1.0.84 → 1.0.87

package/lib/{BasemapPanel-1145a7ed.mjs → BasemapPanel-6d2a04e9.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-b5b0a094.mjs";
 import "ol";
 const _hoisted_1 = { class: "basemap-content" };
 const _hoisted_2 = { class: "basemap-grid" };

package/lib/{CoordinateLocationDialog-be972ee5.mjs → CoordinateLocationDialog-de357c83.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-b5b0a094.mjs";
 import "ol";
 const _hoisted_1 = { class: "coordinate-content" };
 const _hoisted_2 = { class: "format-selection" };

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

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

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

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

package/lib/{LayerPanel-0272f4a3.mjs → MapPrintDialog-74d86245.mjs}

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

package/lib/{MeasurementDialog-37a0bbb3.mjs → MeasurementDialog-d29c4928.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-b5b0a094.mjs";
 import "ol";
 const getIconPath = (name) => {
   return `/icons/${name}.svg`;

package/lib/{MyMarkersDialog-61d5c30d.mjs → MyMarkersDialog-b4318073.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-b5b0a094.mjs";
+import { E as ElMessageBox } from "./index-5bc5966e.mjs";
 import "ol";
 const _hoisted_1 = { class: "markers-content" };
 const _hoisted_2 = { class: "toolbar" };

package/lib/{ViewBookmarksDialog-107a29d1.mjs → ViewBookmarksDialog-cdf56611.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-b5b0a094.mjs";
+import { E as ElMessageBox } from "./index-5bc5966e.mjs";
 import "ol";
 const _hoisted_1 = { class: "bookmarks-content" };
 const _hoisted_2 = { class: "toolbar" };

package/lib/{index-91e9a4e6.mjs → index-5bc5966e.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-b5b0a094.mjs";
 const isValidComponentSize = (val) => ["", ...componentSizes].includes(val);
 const FOCUSABLE_CHILDREN = "_trap-focus-children";
 const FOCUS_STACK = [];

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

@@ -110862,14 +110862,14 @@ function e$4(A5) {
   var g2 = y$7(A5), I2 = g2[0], C3 = g2[1];
   return I2 || C3 ? (C3 && (C3 = C3.substr(0, C3.length - 1)), I2 + C3) : ".";
 }
-function N$4(A5, g2) {
+function N$3(A5, g2) {
   var I2 = y$7(A5)[2];
   return g2 && I2.substr(-1 * g2.length) === g2 && (I2 = I2.substr(0, I2.length - g2.length)), I2;
 }
 function r$2(A5) {
   return y$7(A5)[3];
 }
-var Y$2 = { extname: r$2, basename: N$4, dirname: e$4, sep: "/", delimiter: ":", relative: h$3, join: K$2, isAbsolute: t$2, normalize: n$3, resolve: M$3 };
+var Y$3 = { extname: r$2, basename: N$3, dirname: e$4, sep: "/", delimiter: ":", relative: h$3, join: K$2, isAbsolute: t$2, normalize: n$3, resolve: M$3 };
 function H$2(A5, g2) {
   if (A5.filter)
     return A5.filter(g2);
@@ -110882,7 +110882,7 @@ var R$4 = "b" === "ab".substr(-1) ? function(A5, g2, I2) {
 } : function(A5, g2, I2) {
   return g2 < 0 && (g2 = A5.length + g2), A5.substr(g2, I2);
 };
-var w$2 = E$4(Object.freeze({ __proto__: null, resolve: M$3, normalize: n$3, isAbsolute: t$2, join: K$2, relative: h$3, sep: "/", delimiter: ":", dirname: e$4, basename: N$4, extname: r$2, default: Y$2 }));
+var w$2 = E$4(Object.freeze({ __proto__: null, resolve: M$3, normalize: n$3, isAbsolute: t$2, join: K$2, relative: h$3, sep: "/", delimiter: ":", dirname: e$4, basename: N$3, extname: r$2, default: Y$3 }));
 !function(A5, g2) {
   var I2 = function(g3) {
     g3 = void 0 !== g3 ? g3 : {};
@@ -297432,9 +297432,9 @@ var j$1 = function(e8) {
 var x$3 = function(e8) {
   return this.__data__.has(e8);
 };
-var N$3 = "object" == typeof s$2 && s$2 && s$2.Object === Object && s$2;
+var N$2 = "object" == typeof s$2 && s$2 && s$2.Object === Object && s$2;
 var O$2 = "object" == typeof self && self && self.Object === Object && self;
-var k$1 = N$3 || O$2 || Function("return this")();
+var k$1 = N$2 || O$2 || Function("return this")();
 var I$1 = k$1.Symbol;
 var S$1 = Object.prototype;
 var M$2 = S$1.hasOwnProperty;
@@ -297490,9 +297490,9 @@ var H$1 = function(e8) {
 };
 var W$1 = /^\[object .+?Constructor\]$/;
 var q$1 = Function.prototype;
-var Y$1 = Object.prototype;
+var Y$2 = Object.prototype;
 var J$1 = q$1.toString;
-var X$1 = Y$1.hasOwnProperty;
+var X$1 = Y$2.hasOwnProperty;
 var K$1 = RegExp("^" + J$1.call(X$1).replace(/[\\^$.*+?()[\]{}|]/g, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$");
 var Q$1 = function(e8) {
   return !(!D$2(e8) || V$2(e8)) && (z$2(e8) ? K$1 : W$1).test(H$1(e8));
@@ -297506,7 +297506,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) {
@@ -297514,7 +297514,7 @@ var oe$1 = function(e8) {
   return this.size -= n2 ? 1 : 0, n2;
 };
 var ie$1 = Object.prototype.hasOwnProperty;
-var ae$2 = function(e8) {
+var ae$1 = function(e8) {
   var n2 = this.__data__;
   if (te$1) {
     var t3 = n2[e8];
@@ -297538,7 +297538,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$2, 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$2, 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() };
@@ -297547,22 +297547,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$1 = function(e8) {
-  return ve$1(this, e8).get(e8);
+var ge$2 = function(e8) {
+  return ve$2(this, e8).get(e8);
 };
 var ye$1 = function(e8) {
-  return ve$1(this, e8).has(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) {
@@ -297572,7 +297572,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$1, 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$1, me$2.prototype.set = be$1;
 var we$1 = me$2;
 var Ee = function(e8, n2) {
   var t3 = this.__data__;
@@ -297665,7 +297665,7 @@ var He = function(e8) {
   };
 };
 var We = d$1(function(e8, n2) {
-  var t3 = n2 && !n2.nodeType && n2, r2 = t3 && e8 && !e8.nodeType && e8, o2 = r2 && r2.exports === t3 && N$3.process, i = function() {
+  var t3 = n2 && !n2.nodeType && n2, r2 = t3 && e8 && !e8.nodeType && e8, o2 = r2 && r2.exports === t3 && N$2.process, i = function() {
     try {
       var e9 = r2 && r2.require && r2.require("util").types;
       return e9 || o2 && o2.binding && o2.binding("util");
@@ -371918,7 +371918,7 @@ var f$2 = function(t3) {
                   } else if ((3 === this.curArgs.length || 4 === this.curArgs.length) && "0" !== this.curNumber && "1" !== this.curNumber)
                     throw new SyntaxError('Expected a flag, got "' + this.curNumber + '" at index "' + a3 + '"');
                 }
-                this.curArgs.push(u2), this.curArgs.length === N$2[this.curCommandType] && (_$1.HORIZ_LINE_TO === this.curCommandType ? i({ type: _$1.HORIZ_LINE_TO, relative: this.curCommandRelative, x: u2 }) : _$1.VERT_LINE_TO === this.curCommandType ? i({ type: _$1.VERT_LINE_TO, relative: this.curCommandRelative, y: u2 }) : this.curCommandType === _$1.MOVE_TO || this.curCommandType === _$1.LINE_TO || this.curCommandType === _$1.SMOOTH_QUAD_TO ? (i({ type: this.curCommandType, relative: this.curCommandRelative, x: this.curArgs[0], y: this.curArgs[1] }), _$1.MOVE_TO === this.curCommandType && (this.curCommandType = _$1.LINE_TO)) : this.curCommandType === _$1.CURVE_TO ? i({ type: _$1.CURVE_TO, relative: this.curCommandRelative, x1: this.curArgs[0], y1: this.curArgs[1], x2: this.curArgs[2], y2: this.curArgs[3], x: this.curArgs[4], y: this.curArgs[5] }) : this.curCommandType === _$1.SMOOTH_CURVE_TO ? i({ type: _$1.SMOOTH_CURVE_TO, relative: this.curCommandRelative, x2: this.curArgs[0], y2: this.curArgs[1], x: this.curArgs[2], y: this.curArgs[3] }) : this.curCommandType === _$1.QUAD_TO ? i({ type: _$1.QUAD_TO, relative: this.curCommandRelative, x1: this.curArgs[0], y1: this.curArgs[1], x: this.curArgs[2], y: this.curArgs[3] }) : this.curCommandType === _$1.ARC && i({ type: _$1.ARC, relative: this.curCommandRelative, rX: this.curArgs[0], rY: this.curArgs[1], xRot: this.curArgs[2], lArcFlag: this.curArgs[3], sweepFlag: this.curArgs[4], x: this.curArgs[5], y: this.curArgs[6] })), this.curNumber = "", this.curNumberHasExpDigits = false, this.curNumberHasExp = false, this.curNumberHasDecimal = false, this.canParseCommandOrComma = true;
+                this.curArgs.push(u2), this.curArgs.length === N$1[this.curCommandType] && (_$1.HORIZ_LINE_TO === this.curCommandType ? i({ type: _$1.HORIZ_LINE_TO, relative: this.curCommandRelative, x: u2 }) : _$1.VERT_LINE_TO === this.curCommandType ? i({ type: _$1.VERT_LINE_TO, relative: this.curCommandRelative, y: u2 }) : this.curCommandType === _$1.MOVE_TO || this.curCommandType === _$1.LINE_TO || this.curCommandType === _$1.SMOOTH_QUAD_TO ? (i({ type: this.curCommandType, relative: this.curCommandRelative, x: this.curArgs[0], y: this.curArgs[1] }), _$1.MOVE_TO === this.curCommandType && (this.curCommandType = _$1.LINE_TO)) : this.curCommandType === _$1.CURVE_TO ? i({ type: _$1.CURVE_TO, relative: this.curCommandRelative, x1: this.curArgs[0], y1: this.curArgs[1], x2: this.curArgs[2], y2: this.curArgs[3], x: this.curArgs[4], y: this.curArgs[5] }) : this.curCommandType === _$1.SMOOTH_CURVE_TO ? i({ type: _$1.SMOOTH_CURVE_TO, relative: this.curCommandRelative, x2: this.curArgs[0], y2: this.curArgs[1], x: this.curArgs[2], y: this.curArgs[3] }) : this.curCommandType === _$1.QUAD_TO ? i({ type: _$1.QUAD_TO, relative: this.curCommandRelative, x1: this.curArgs[0], y1: this.curArgs[1], x: this.curArgs[2], y: this.curArgs[3] }) : this.curCommandType === _$1.ARC && i({ type: _$1.ARC, relative: this.curCommandRelative, rX: this.curArgs[0], rY: this.curArgs[1], xRot: this.curArgs[2], lArcFlag: this.curArgs[3], sweepFlag: this.curArgs[4], x: this.curArgs[5], y: this.curArgs[6] })), this.curNumber = "", this.curNumberHasExpDigits = false, this.curNumberHasExp = false, this.curNumberHasDecimal = false, this.canParseCommandOrComma = true;
               }
               if (!T$2(n2))
                 if ("," === n2 && this.canParseCommandOrComma)
@@ -372002,7 +372002,7 @@ var _$1 = function(t3) {
     return r2.parse(t4, e8), r2.finish(e8), e8;
   }, i.CLOSE_PATH = 1, i.MOVE_TO = 2, i.HORIZ_LINE_TO = 4, i.VERT_LINE_TO = 8, i.LINE_TO = 16, i.CURVE_TO = 32, i.SMOOTH_CURVE_TO = 64, i.QUAD_TO = 128, i.SMOOTH_QUAD_TO = 256, i.ARC = 512, i.LINE_COMMANDS = i.LINE_TO | i.HORIZ_LINE_TO | i.VERT_LINE_TO, i.DRAWING_COMMANDS = i.HORIZ_LINE_TO | i.VERT_LINE_TO | i.LINE_TO | i.CURVE_TO | i.SMOOTH_CURVE_TO | i.QUAD_TO | i.SMOOTH_QUAD_TO | i.ARC, i;
 }(l$1);
-var N$2 = ((O$1 = {})[_$1.MOVE_TO] = 2, O$1[_$1.LINE_TO] = 2, O$1[_$1.HORIZ_LINE_TO] = 1, O$1[_$1.VERT_LINE_TO] = 1, O$1[_$1.CLOSE_PATH] = 0, O$1[_$1.QUAD_TO] = 4, O$1[_$1.SMOOTH_QUAD_TO] = 2, O$1[_$1.CURVE_TO] = 6, O$1[_$1.SMOOTH_CURVE_TO] = 4, O$1[_$1.ARC] = 7, O$1);
+var N$1 = ((O$1 = {})[_$1.MOVE_TO] = 2, O$1[_$1.LINE_TO] = 2, O$1[_$1.HORIZ_LINE_TO] = 1, O$1[_$1.VERT_LINE_TO] = 1, O$1[_$1.CLOSE_PATH] = 0, O$1[_$1.QUAD_TO] = 4, O$1[_$1.SMOOTH_QUAD_TO] = 2, O$1[_$1.CURVE_TO] = 6, O$1[_$1.SMOOTH_CURVE_TO] = 4, O$1[_$1.ARC] = 7, O$1);
 function _typeof(obj) {
   "@babel/helpers - typeof";
   if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
@@ -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-d29c4928.mjs"),
+  "basemap": () => import("./BasemapPanel-6d2a04e9.mjs"),
+  "print": () => import("./MapPrintDialog-74d86245.mjs"),
+  "layer-panel": () => import("./LayerPanel-de7c698a.mjs"),
+  "coordinate": () => import("./CoordinateLocationDialog-de357c83.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-b4318073.mjs"),
+  "view-bookmarks": () => import("./ViewBookmarksDialog-cdf56611.mjs"),
+  "map-drawing": () => import("./index-dfd59202.mjs"),
+  "filter-panel": () => import("./FilterPanel-d40a133c.mjs")
 };
 const _DialogRegistry = class _DialogRegistry {
   constructor() {
@@ -472963,11 +472963,11 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   }
 });
 /*! Element Plus Icons Vue v2.3.2 */
-var ae$1 = /* @__PURE__ */ defineComponent({
+var ce$1 = /* @__PURE__ */ defineComponent({
   name: "Close",
   __name: "close",
-  setup(d2) {
-    return (C3, f2) => (openBlock(), createElementBlock("svg", {
+  setup(r2) {
+    return (S2, c2) => (openBlock(), createElementBlock("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -472978,12 +472978,12 @@ var ae$1 = /* @__PURE__ */ defineComponent({
     ]));
   }
 });
-var re$1 = ae$1;
-var ce$1 = /* @__PURE__ */ defineComponent({
+var de$1 = ce$1;
+var ue$1 = /* @__PURE__ */ defineComponent({
   name: "FullScreen",
   __name: "full-screen",
-  setup(d2) {
-    return (C3, f2) => (openBlock(), createElementBlock("svg", {
+  setup(r2) {
+    return (S2, c2) => (openBlock(), createElementBlock("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -472994,11 +472994,11 @@ var ce$1 = /* @__PURE__ */ defineComponent({
     ]));
   }
 });
-var ue$1 = ce$1;
-const de$1 = { class: "custom-dialog-header" };
-const fe$1 = ["id"];
-const he$1 = { class: "custom-dialog-actions" };
-const me$1 = {
+var fe$1 = ue$1;
+const he$1 = { class: "custom-dialog-header" };
+const me$1 = ["id"];
+const pe$1 = { class: "custom-dialog-actions" };
+const ge$1 = {
   key: 1,
   class: "icon",
   viewBox: "0 0 1025 1024",
@@ -473007,21 +473007,23 @@ const me$1 = {
   width: "1em",
   height: "1em"
 };
-const pe$1 = ["onClick"];
-const N$1 = /* @__PURE__ */ defineComponent({
+const ve$1 = ["onClick"];
+const Y$1 = /* @__PURE__ */ defineComponent({
   __name: "EPlusResizeDialog",
   props: {
     resizable: { type: Boolean, default: true },
     minWidth: { default: 200 },
     minHeight: { default: 150 },
     draggable: { type: Boolean, default: true },
-    showFullscreen: { type: Boolean, default: true }
-  },
-  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;
-    }), i = {
+    showFullscreen: { type: Boolean, default: true },
+    modalPenetrable: { type: Boolean, default: true },
+    closeOnClickModal: { type: Boolean, default: false }
+  },
+  setup(r2, { expose: S2 }) {
+    const c2 = r2, j2 = computed(() => c2.showFullscreen !== false), i = ref(), V2 = useAttrs$1(), U2 = useSlots(), d2 = ref(false), g2 = computed(() => {
+      const l2 = V2.modal;
+      return l2 !== void 0 ? l2 === "" ? true : l2 === "false" ? false : l2 === "true" ? true : !!l2 : !c2.modalPenetrable;
+    }), a3 = {
       width: "",
       height: "",
       left: "",
@@ -473030,137 +473032,154 @@ const N$1 = /* @__PURE__ */ defineComponent({
       marginTop: "",
       marginBottom: ""
     }, $2 = () => {
-      a3.value ? (a3.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();
+      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();
       });
     };
-    C3({
-      dialogRef: p5,
+    S2({
+      dialogRef: i,
       toggleFullscreen: $2,
-      isFullscreen: a3
+      isFullscreen: d2
     });
-    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 R2 = 0, H4 = 0, B3 = 0, C3 = 0, v5 = 0, y2 = 0, u2 = "", e8 = null;
+    const G2 = ["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");
         return;
       }
-      if (e8 && e8.querySelectorAll(".resize-handle").forEach((n2) => n2.style.display = "block"), !p5.value)
+      if (e8 && e8.querySelectorAll(".resize-handle").forEach((n2) => n2.style.display = "block"), !i.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 = 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")) || G2.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", (f2) => K2(f2, 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;
+    }, K2 = (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, R2 = l2.clientX, H4 = l2.clientY;
+      const s2 = window.getComputedStyle(e8);
+      B3 = parseInt(s2.width), C3 = parseInt(s2.height), v5 = 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;
-        e8.style.position = "absolute", e8.style.margin = "0", e8.style.left = `${v5}px`, e8.style.top = `${w2}px`, g2 = v5, y2 = w2;
+      if (s2.position !== "absolute" && s2.position !== "fixed") {
+        const n2 = e8.offsetParent, f2 = n2 ? n2.getBoundingClientRect() : { left: 0, top: 0 }, w2 = t3.left - f2.left, _2 = t3.top - f2.top;
+        e8.style.position = "absolute", e8.style.margin = "0", e8.style.left = `${w2}px`, e8.style.top = `${_2}px`, v5 = w2, y2 = _2;
       } else
-        g2 = parseInt(l2.left), y2 = parseInt(l2.top);
-      document.addEventListener("mousemove", M5), document.addEventListener("mouseup", P6);
-    }, M5 = (s2) => {
+        v5 = parseInt(s2.left), y2 = parseInt(s2.top);
+      document.addEventListener("mousemove", P6), document.addEventListener("mouseup", T2);
+    }, 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 _2 = x2 - o2;
-        _2 >= w2 && (t3 = _2, c2 = g2 + o2);
-      }
-      if (r2.includes("n")) {
-        const _2 = B3 - l2;
-        _2 >= T2 && (n2 = _2, v5 = y2 + l2);
-      }
-      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);
-    };
-    return watch(() => L2.modelValue, (s2) => {
-      s2 && nextTick(() => {
-        R2();
-      });
-    }), (s2, o2) => (openBlock(), createBlock(unref(ElDialog), mergeProps({
+      const o2 = l2.clientX - R2, s2 = l2.clientY - H4;
+      let t3 = B3, n2 = C3, f2 = v5, w2 = y2;
+      const _2 = c2.minWidth || 200, I2 = c2.minHeight || 150;
+      if (u2.includes("e") && (t3 = Math.max(_2, B3 + o2)), u2.includes("s") && (n2 = Math.max(I2, C3 + s2)), u2.includes("w")) {
+        const z2 = B3 - o2;
+        z2 >= _2 && (t3 = z2, f2 = v5 + o2);
+      }
+      if (u2.includes("n")) {
+        const z2 = C3 - s2;
+        z2 >= I2 && (n2 = z2, w2 = y2 + 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 = `${w2}px`);
+    }, T2 = () => {
+      document.removeEventListener("mousemove", P6), document.removeEventListener("mouseup", T2);
+    };
+    watch(() => V2.modelValue, (l2) => {
+      l2 && nextTick(() => {
+        M5(), D2();
+      });
+    }), watch(() => g2.value, () => {
+      nextTick(() => {
+        D2();
+      });
+    });
+    const D2 = () => {
+      var s2;
+      if (!i.value)
+        return;
+      const l2 = ((s2 = i.value.dialogContentRef) == null ? void 0 : s2.$el) || i.value.$el;
+      if (!l2)
+        return;
+      let o2 = l2.closest(".el-overlay");
+      o2 || (o2 = l2.closest(".el-overlay-dialog")), o2 && (g2.value ? o2.classList.remove("e-plus-modal-hidden-overlay") : o2.classList.add("e-plus-modal-hidden-overlay"));
+    };
+    return (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,
+      ref: i,
+      class: ["e-plus-resize-dialog", { "is-modal-hidden": !g2.value }]
+    }, l2.$attrs, {
+      modal: g2.value,
+      "close-on-click-modal": r2.closeOnClickModal,
+      draggable: r2.draggable,
+      fullscreen: d2.value,
       "show-close": false
     }), createSlots({
-      header: withCtx(({ close: l2, titleId: t3, titleClass: n2 }) => [
-        createElementVNode("div", de$1, [
+      header: withCtx(({ close: s2, titleId: t3, titleClass: n2 }) => [
+        createElementVNode("div", he$1, [
+          createTextVNode(toDisplayString(g2.value) + " ", 1),
           createElementVNode("span", {
             id: t3,
             class: normalizeClass(n2)
-          }, toDisplayString(s2.$attrs.title), 11, fe$1),
-          createElementVNode("div", he$1, [
-            A5.value ? (openBlock(), createElementBlock("div", {
+          }, toDisplayString(l2.$attrs.title), 11, me$1),
+          createElementVNode("div", pe$1, [
+            j2.value ? (openBlock(), createElementBlock("div", {
               key: 0,
               class: "custom-header-btn",
               onClick: $2
             }, [
               createVNode$1(unref(ElIcon), { size: "18" }, {
                 default: withCtx(() => [
-                  a3.value ? (openBlock(), createElementBlock("svg", me$1, [...o2[0] || (o2[0] = [
+                  d2.value ? (openBlock(), createElementBlock("svg", ge$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"
                     }, null, -1)
-                  ])])) : (openBlock(), createBlock(unref(ue$1), { key: 0 }))
+                  ])])) : (openBlock(), createBlock(unref(fe$1), { key: 0 }))
                 ]),
                 _: 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(() => [
-                  createVNode$1(unref(re$1))
+                  createVNode$1(unref(de$1))
                 ]),
                 _: 1
               })
-            ], 8, pe$1)) : createCommentVNode("", true)
+            ], 8, ve$1)) : createCommentVNode("", true)
           ])
         ])
       ]),
       _: 2
     }, [
-      renderList(unref(X2), (l2, t3) => ({
+      renderList(unref(U2), (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, ["class", "modal", "close-on-click-modal", "draggable", "fullscreen"]));
   }
 });
-N$1.install = (d2) => {
-  d2.component("EPlusResizeDialog", N$1);
+Y$1.install = (r2) => {
+  r2.component("EPlusResizeDialog", Y$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 +473226,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,
@@ -473937,7 +473956,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       const _component_el_tree = resolveComponent("el-tree");
       const _component_el_tab_pane = resolveComponent("el-tab-pane");
       const _component_el_tabs = resolveComponent("el-tabs");
-      return openBlock(), createBlock(unref(N$1), mergeProps({
+      return openBlock(), createBlock(unref(Y$1), mergeProps({
         modelValue: visible.value,
         "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => visible.value = $event)
       }, dialogProps2.value, { onClose: handleClose }), createSlots({
@@ -475883,7 +475902,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 +477333,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 +488790,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-1fe2c0bd.mjs")).catch(function(t4) {
       return Promise.reject(new Error("Could not load canvg: " + t4));
     }).then(function(t4) {
       return t4.default ? t4.default : t4;
@@ -497655,7 +497674,7 @@ const install = (app) => {
   app.component("OlBaseLayerSwitcher", OlBaseLayerSwitcher);
   app.component("CustomOpenlayer", _sfc_main$2);
   app.component("CustomDialog", _sfc_main);
-  app.component("EPlusDialog", N$1);
+  app.component("EPlusDialog", Y$1);
   app.component("SvgIcon", _sfc_main$1);
 };
 const index = {
@@ -497663,7 +497682,7 @@ const index = {
   OlMap: _sfc_main$2,
   CustomOpenlayer: _sfc_main$2,
   CustomDialog: _sfc_main,
-  EPlusDialog: N$1,
+  EPlusDialog: Y$1,
   SvgIcon: _sfc_main$1
 };
 const version = "1.0.0";

package/lib/{index-3d1e1ad0.mjs → index-dfd59202.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-b5b0a094.mjs";
 import "ol";
 const icons = {
   pointMarker: "/icons/point.png",

package/lib/{index.es-03fbdea2.mjs → index.es-1fe2c0bd.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-b5b0a094.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-b5b0a094.mjs";
 import "vue";
 import "ol";
 export {

package/lib/index.umd.js

@@ -112121,14 +112121,14 @@ For more detail, please visit: ${ref}
     var g2 = y$7(A5), I2 = g2[0], C3 = g2[1];
     return I2 || C3 ? (C3 && (C3 = C3.substr(0, C3.length - 1)), I2 + C3) : ".";
   }
-  function N$4(A5, g2) {
+  function N$3(A5, g2) {
     var I2 = y$7(A5)[2];
     return g2 && I2.substr(-1 * g2.length) === g2 && (I2 = I2.substr(0, I2.length - g2.length)), I2;
   }
   function r$2(A5) {
     return y$7(A5)[3];
   }
-  var Y$2 = { extname: r$2, basename: N$4, dirname: e$4, sep: "/", delimiter: ":", relative: h$3, join: K$2, isAbsolute: t$2, normalize: n$3, resolve: M$3 };
+  var Y$3 = { extname: r$2, basename: N$3, dirname: e$4, sep: "/", delimiter: ":", relative: h$3, join: K$2, isAbsolute: t$2, normalize: n$3, resolve: M$3 };
   function H$2(A5, g2) {
     if (A5.filter)
       return A5.filter(g2);
@@ -112140,7 +112140,7 @@ For more detail, please visit: ${ref}
     return A5.substr(g2, I2);
   } : function(A5, g2, I2) {
     return g2 < 0 && (g2 = A5.length + g2), A5.substr(g2, I2);
-  }, w$2 = E$4(Object.freeze({ __proto__: null, resolve: M$3, normalize: n$3, isAbsolute: t$2, join: K$2, relative: h$3, sep: "/", delimiter: ":", dirname: e$4, basename: N$4, extname: r$2, default: Y$2 }));
+  }, w$2 = E$4(Object.freeze({ __proto__: null, resolve: M$3, normalize: n$3, isAbsolute: t$2, join: K$2, relative: h$3, sep: "/", delimiter: ":", dirname: e$4, basename: N$3, extname: r$2, default: Y$3 }));
   !function(A5, g2) {
     var I2 = function(g3) {
       g3 = void 0 !== g3 ? g3 : {};
@@ -298646,7 +298646,7 @@ ${publicKeyStr}
   };
   var x$3 = function(e3) {
     return this.__data__.has(e3);
-  }, N$3 = "object" == typeof s$2 && s$2 && s$2.Object === Object && s$2, O$2 = "object" == typeof self && self && self.Object === Object && self, k$1 = N$3 || O$2 || Function("return this")(), I$1 = k$1.Symbol, S$1 = Object.prototype, M$2 = S$1.hasOwnProperty, C$1 = S$1.toString, G$1 = I$1 ? I$1.toStringTag : void 0;
+  }, N$2 = "object" == typeof s$2 && s$2 && s$2.Object === Object && s$2, O$2 = "object" == typeof self && self && self.Object === Object && self, k$1 = N$2 || O$2 || Function("return this")(), I$1 = k$1.Symbol, S$1 = Object.prototype, M$2 = S$1.hasOwnProperty, C$1 = S$1.toString, G$1 = I$1 ? I$1.toStringTag : void 0;
   var B$3 = function(e3) {
     var n2 = M$2.call(e3, G$1), t2 = e3[G$1];
     try {
@@ -298688,7 +298688,7 @@ ${publicKeyStr}
       }
     }
     return "";
-  }, W$1 = /^\[object .+?Constructor\]$/, q$1 = Function.prototype, Y$1 = Object.prototype, J$1 = q$1.toString, X$1 = Y$1.hasOwnProperty, K$1 = RegExp("^" + J$1.call(X$1).replace(/[\\^$.*+?()[\]{}|]/g, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$");
+  }, W$1 = /^\[object .+?Constructor\]$/, q$1 = Function.prototype, Y$2 = Object.prototype, J$1 = q$1.toString, X$1 = Y$2.hasOwnProperty, K$1 = RegExp("^" + J$1.call(X$1).replace(/[\\^$.*+?()[\]{}|]/g, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$");
   var Q$1 = function(e3) {
     return !(!D$2(e3) || V$2(e3)) && (z$2(e3) ? K$1 : W$1).test(H$1(e3));
   };
@@ -298699,14 +298699,14 @@ ${publicKeyStr}
     var t2 = Z$2(e3, n2);
     return Q$1(t2) ? t2 : void 0;
   }, ne$1 = ee$1(k$1, "Map"), 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(e3) {
     var n2 = this.has(e3) && delete this.__data__[e3];
     return this.size -= n2 ? 1 : 0, n2;
   }, ie$1 = Object.prototype.hasOwnProperty;
-  var ae$2 = function(e3) {
+  var ae$1 = function(e3) {
     var n2 = this.__data__;
     if (te$1) {
       var t2 = n2[e3];
@@ -298729,7 +298729,7 @@ ${publicKeyStr}
       this.set(r2[0], r2[1]);
     }
   }
-  de$2.prototype.clear = re$2, de$2.prototype.delete = oe$1, de$2.prototype.get = ae$2, 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$2, 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() };
@@ -298738,22 +298738,22 @@ ${publicKeyStr}
     var n2 = typeof e3;
     return "string" == n2 || "number" == n2 || "symbol" == n2 || "boolean" == n2 ? "__proto__" !== e3 : null === e3;
   };
-  var ve$1 = function(e3, n2) {
+  var ve$2 = function(e3, n2) {
     var t2 = e3.__data__;
     return le$1(n2) ? t2["string" == typeof n2 ? "string" : "hash"] : t2.map;
   };
   var pe$2 = function(e3) {
-    var n2 = ve$1(this, e3).delete(e3);
+    var n2 = ve$2(this, e3).delete(e3);
     return this.size -= n2 ? 1 : 0, n2;
   };
-  var ge$1 = function(e3) {
-    return ve$1(this, e3).get(e3);
+  var ge$2 = function(e3) {
+    return ve$2(this, e3).get(e3);
   };
   var ye$1 = function(e3) {
-    return ve$1(this, e3).has(e3);
+    return ve$2(this, e3).has(e3);
   };
   var be$1 = function(e3, n2) {
-    var t2 = ve$1(this, e3), r2 = t2.size;
+    var t2 = ve$2(this, e3), r2 = t2.size;
     return t2.set(e3, n2), this.size += t2.size == r2 ? 0 : 1, this;
   };
   function me$2(e3) {
@@ -298763,7 +298763,7 @@ ${publicKeyStr}
       this.set(r2[0], r2[1]);
     }
   }
-  me$2.prototype.clear = he$2, me$2.prototype.delete = pe$2, me$2.prototype.get = ge$1, 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$1, me$2.prototype.set = be$1;
   var we$1 = me$2;
   var Ee = function(e3, n2) {
     var t2 = this.__data__;
@@ -298845,7 +298845,7 @@ ${publicKeyStr}
       return e3(n2);
     };
   }, We = d$1(function(e3, n2) {
-    var t2 = n2 && !n2.nodeType && n2, r2 = t2 && e3 && !e3.nodeType && e3, o2 = r2 && r2.exports === t2 && N$3.process, i2 = function() {
+    var t2 = n2 && !n2.nodeType && n2, r2 = t2 && e3 && !e3.nodeType && e3, o2 = r2 && r2.exports === t2 && N$2.process, i2 = function() {
       try {
         var e4 = r2 && r2.require && r2.require("util").types;
         return e4 || o2 && o2.binding && o2.binding("util");
@@ -372927,7 +372927,7 @@ ${indentData}`);
                     } else if ((3 === this.curArgs.length || 4 === this.curArgs.length) && "0" !== this.curNumber && "1" !== this.curNumber)
                       throw new SyntaxError('Expected a flag, got "' + this.curNumber + '" at index "' + a3 + '"');
                   }
-                  this.curArgs.push(u2), this.curArgs.length === N$2[this.curCommandType] && (_$1.HORIZ_LINE_TO === this.curCommandType ? i2({ type: _$1.HORIZ_LINE_TO, relative: this.curCommandRelative, x: u2 }) : _$1.VERT_LINE_TO === this.curCommandType ? i2({ type: _$1.VERT_LINE_TO, relative: this.curCommandRelative, y: u2 }) : this.curCommandType === _$1.MOVE_TO || this.curCommandType === _$1.LINE_TO || this.curCommandType === _$1.SMOOTH_QUAD_TO ? (i2({ type: this.curCommandType, relative: this.curCommandRelative, x: this.curArgs[0], y: this.curArgs[1] }), _$1.MOVE_TO === this.curCommandType && (this.curCommandType = _$1.LINE_TO)) : this.curCommandType === _$1.CURVE_TO ? i2({ type: _$1.CURVE_TO, relative: this.curCommandRelative, x1: this.curArgs[0], y1: this.curArgs[1], x2: this.curArgs[2], y2: this.curArgs[3], x: this.curArgs[4], y: this.curArgs[5] }) : this.curCommandType === _$1.SMOOTH_CURVE_TO ? i2({ type: _$1.SMOOTH_CURVE_TO, relative: this.curCommandRelative, x2: this.curArgs[0], y2: this.curArgs[1], x: this.curArgs[2], y: this.curArgs[3] }) : this.curCommandType === _$1.QUAD_TO ? i2({ type: _$1.QUAD_TO, relative: this.curCommandRelative, x1: this.curArgs[0], y1: this.curArgs[1], x: this.curArgs[2], y: this.curArgs[3] }) : this.curCommandType === _$1.ARC && i2({ type: _$1.ARC, relative: this.curCommandRelative, rX: this.curArgs[0], rY: this.curArgs[1], xRot: this.curArgs[2], lArcFlag: this.curArgs[3], sweepFlag: this.curArgs[4], x: this.curArgs[5], y: this.curArgs[6] })), this.curNumber = "", this.curNumberHasExpDigits = false, this.curNumberHasExp = false, this.curNumberHasDecimal = false, this.canParseCommandOrComma = true;
+                  this.curArgs.push(u2), this.curArgs.length === N$1[this.curCommandType] && (_$1.HORIZ_LINE_TO === this.curCommandType ? i2({ type: _$1.HORIZ_LINE_TO, relative: this.curCommandRelative, x: u2 }) : _$1.VERT_LINE_TO === this.curCommandType ? i2({ type: _$1.VERT_LINE_TO, relative: this.curCommandRelative, y: u2 }) : this.curCommandType === _$1.MOVE_TO || this.curCommandType === _$1.LINE_TO || this.curCommandType === _$1.SMOOTH_QUAD_TO ? (i2({ type: this.curCommandType, relative: this.curCommandRelative, x: this.curArgs[0], y: this.curArgs[1] }), _$1.MOVE_TO === this.curCommandType && (this.curCommandType = _$1.LINE_TO)) : this.curCommandType === _$1.CURVE_TO ? i2({ type: _$1.CURVE_TO, relative: this.curCommandRelative, x1: this.curArgs[0], y1: this.curArgs[1], x2: this.curArgs[2], y2: this.curArgs[3], x: this.curArgs[4], y: this.curArgs[5] }) : this.curCommandType === _$1.SMOOTH_CURVE_TO ? i2({ type: _$1.SMOOTH_CURVE_TO, relative: this.curCommandRelative, x2: this.curArgs[0], y2: this.curArgs[1], x: this.curArgs[2], y: this.curArgs[3] }) : this.curCommandType === _$1.QUAD_TO ? i2({ type: _$1.QUAD_TO, relative: this.curCommandRelative, x1: this.curArgs[0], y1: this.curArgs[1], x: this.curArgs[2], y: this.curArgs[3] }) : this.curCommandType === _$1.ARC && i2({ type: _$1.ARC, relative: this.curCommandRelative, rX: this.curArgs[0], rY: this.curArgs[1], xRot: this.curArgs[2], lArcFlag: this.curArgs[3], sweepFlag: this.curArgs[4], x: this.curArgs[5], y: this.curArgs[6] })), this.curNumber = "", this.curNumberHasExpDigits = false, this.curNumberHasExp = false, this.curNumberHasDecimal = false, this.canParseCommandOrComma = true;
                 }
                 if (!T$2(n2))
                   if ("," === n2 && this.canParseCommandOrComma)
@@ -373009,7 +373009,7 @@ ${indentData}`);
       var r2 = new f$2(), e3 = [];
       return r2.parse(t3, e3), r2.finish(e3), e3;
     }, i2.CLOSE_PATH = 1, i2.MOVE_TO = 2, i2.HORIZ_LINE_TO = 4, i2.VERT_LINE_TO = 8, i2.LINE_TO = 16, i2.CURVE_TO = 32, i2.SMOOTH_CURVE_TO = 64, i2.QUAD_TO = 128, i2.SMOOTH_QUAD_TO = 256, i2.ARC = 512, i2.LINE_COMMANDS = i2.LINE_TO | i2.HORIZ_LINE_TO | i2.VERT_LINE_TO, i2.DRAWING_COMMANDS = i2.HORIZ_LINE_TO | i2.VERT_LINE_TO | i2.LINE_TO | i2.CURVE_TO | i2.SMOOTH_CURVE_TO | i2.QUAD_TO | i2.SMOOTH_QUAD_TO | i2.ARC, i2;
-  }(l$1), N$2 = ((O$1 = {})[_$1.MOVE_TO] = 2, O$1[_$1.LINE_TO] = 2, O$1[_$1.HORIZ_LINE_TO] = 1, O$1[_$1.VERT_LINE_TO] = 1, O$1[_$1.CLOSE_PATH] = 0, O$1[_$1.QUAD_TO] = 4, O$1[_$1.SMOOTH_QUAD_TO] = 2, O$1[_$1.CURVE_TO] = 6, O$1[_$1.SMOOTH_CURVE_TO] = 4, O$1[_$1.ARC] = 7, O$1);
+  }(l$1), N$1 = ((O$1 = {})[_$1.MOVE_TO] = 2, O$1[_$1.LINE_TO] = 2, O$1[_$1.HORIZ_LINE_TO] = 1, O$1[_$1.VERT_LINE_TO] = 1, O$1[_$1.CLOSE_PATH] = 0, O$1[_$1.QUAD_TO] = 4, O$1[_$1.SMOOTH_QUAD_TO] = 2, O$1[_$1.CURVE_TO] = 6, O$1[_$1.SMOOTH_CURVE_TO] = 4, O$1[_$1.ARC] = 7, O$1);
   function _typeof$1(obj) {
     "@babel/helpers - typeof";
     if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
@@ -474507,11 +474507,11 @@ ${this.attributes_.map(
   });
   const LayerTreeNode_vue_vue_type_style_index_0_lang = "";
   /*! Element Plus Icons Vue v2.3.2 */
-  var ae$1 = /* @__PURE__ */ vue.defineComponent({
+  var ce$1 = /* @__PURE__ */ vue.defineComponent({
     name: "Close",
     __name: "close",
-    setup(d2) {
-      return (C3, f2) => (vue.openBlock(), vue.createElementBlock("svg", {
+    setup(r2) {
+      return (S2, c2) => (vue.openBlock(), vue.createElementBlock("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         viewBox: "0 0 1024 1024"
       }, [
@@ -474521,11 +474521,11 @@ ${this.attributes_.map(
         })
       ]));
     }
-  }), re$1 = ae$1, ce$1 = /* @__PURE__ */ vue.defineComponent({
+  }), de$1 = ce$1, ue$1 = /* @__PURE__ */ vue.defineComponent({
     name: "FullScreen",
     __name: "full-screen",
-    setup(d2) {
-      return (C3, f2) => (vue.openBlock(), vue.createElementBlock("svg", {
+    setup(r2) {
+      return (S2, c2) => (vue.openBlock(), vue.createElementBlock("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         viewBox: "0 0 1024 1024"
       }, [
@@ -474535,8 +474535,8 @@ ${this.attributes_.map(
         })
       ]));
     }
-  }), ue$1 = ce$1;
-  const de$1 = { class: "custom-dialog-header" }, fe$1 = ["id"], he$1 = { class: "custom-dialog-actions" }, me$1 = {
+  }), fe$1 = ue$1;
+  const he$1 = { class: "custom-dialog-header" }, me$1 = ["id"], pe$1 = { class: "custom-dialog-actions" }, ge$1 = {
     key: 1,
     class: "icon",
     viewBox: "0 0 1025 1024",
@@ -474544,20 +474544,22 @@ ${this.attributes_.map(
     xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
     height: "1em"
-  }, pe$1 = ["onClick"], N$1 = /* @__PURE__ */ vue.defineComponent({
+  }, ve$1 = ["onClick"], Y$1 = /* @__PURE__ */ vue.defineComponent({
     __name: "EPlusResizeDialog",
     props: {
       resizable: { type: Boolean, default: true },
       minWidth: { default: 200 },
       minHeight: { default: 150 },
       draggable: { type: Boolean, default: true },
-      showFullscreen: { type: Boolean, default: true }
-    },
-    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;
-      }), i2 = {
+      showFullscreen: { type: Boolean, default: true },
+      modalPenetrable: { type: Boolean, default: true },
+      closeOnClickModal: { type: Boolean, default: false }
+    },
+    setup(r2, { expose: S2 }) {
+      const c2 = r2, j2 = vue.computed(() => c2.showFullscreen !== false), i2 = vue.ref(), V2 = vue.useAttrs(), U2 = vue.useSlots(), d2 = vue.ref(false), g2 = vue.computed(() => {
+        const l2 = V2.modal;
+        return l2 !== void 0 ? l2 === "" ? true : l2 === "false" ? false : l2 === "true" ? true : !!l2 : !c2.modalPenetrable;
+      }), a3 = {
         width: "",
         height: "",
         left: "",
@@ -474566,137 +474568,154 @@ ${this.attributes_.map(
         marginTop: "",
         marginBottom: ""
       }, $2 = () => {
-        a3.value ? (a3.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();
+        d2.value ? (d2.value = false, vue.nextTick(() => {
+          e3 && (e3.style.width = a3.width, e3.style.height = a3.height, e3.style.left = a3.left, e3.style.top = a3.top, e3.style.transform = a3.transform, e3.style.marginTop = a3.marginTop, e3.style.marginBottom = a3.marginBottom);
+        })) : (e3 && (a3.width = e3.style.width, a3.height = e3.style.height, a3.left = e3.style.left, a3.top = e3.style.top, a3.transform = e3.style.transform, a3.marginTop = e3.style.marginTop, a3.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 = ""), d2.value = true), vue.nextTick(() => {
+          M5();
         });
       };
-      C3({
-        dialogRef: p5,
+      S2({
+        dialogRef: i2,
         toggleFullscreen: $2,
-        isFullscreen: a3
+        isFullscreen: d2
       });
-      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 R2 = 0, H4 = 0, B3 = 0, C3 = 0, v5 = 0, y2 = 0, u2 = "", e3 = null;
+      const G2 = ["n", "e", "s", "w", "ne", "nw", "se", "sw"], M5 = () => {
+        var s2;
+        if (c2.resizable === false || d2.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)
+        if (e3 && e3.querySelectorAll(".resize-handle").forEach((n2) => n2.style.display = "block"), !i2.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 = i2.value.dialogContentRef) == null ? void 0 : s2.$el) || i2.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")) || G2.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", (f2) => K2(f2, 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;
+      }, K2 = (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, R2 = l2.clientX, H4 = l2.clientY;
+        const s2 = window.getComputedStyle(e3);
+        B3 = parseInt(s2.width), C3 = parseInt(s2.height), v5 = 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;
-          e3.style.position = "absolute", e3.style.margin = "0", e3.style.left = `${v5}px`, e3.style.top = `${w2}px`, g2 = v5, y2 = w2;
+        if (s2.position !== "absolute" && s2.position !== "fixed") {
+          const n2 = e3.offsetParent, f2 = n2 ? n2.getBoundingClientRect() : { left: 0, top: 0 }, w2 = t2.left - f2.left, _2 = t2.top - f2.top;
+          e3.style.position = "absolute", e3.style.margin = "0", e3.style.left = `${w2}px`, e3.style.top = `${_2}px`, v5 = w2, y2 = _2;
         } else
-          g2 = parseInt(l2.left), y2 = parseInt(l2.top);
-        document.addEventListener("mousemove", M5), document.addEventListener("mouseup", P6);
-      }, M5 = (s2) => {
+          v5 = parseInt(s2.left), y2 = parseInt(s2.top);
+        document.addEventListener("mousemove", P6), document.addEventListener("mouseup", T2);
+      }, 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 _2 = x2 - o2;
-          _2 >= w2 && (t2 = _2, c2 = g2 + o2);
-        }
-        if (r2.includes("n")) {
-          const _2 = B3 - l2;
-          _2 >= T2 && (n2 = _2, v5 = y2 + l2);
-        }
-        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);
-      };
-      return vue.watch(() => L2.modelValue, (s2) => {
-        s2 && vue.nextTick(() => {
-          R2();
-        });
-      }), (s2, o2) => (vue.openBlock(), vue.createBlock(vue.unref(ElDialog), vue.mergeProps({
+        const o2 = l2.clientX - R2, s2 = l2.clientY - H4;
+        let t2 = B3, n2 = C3, f2 = v5, w2 = y2;
+        const _2 = c2.minWidth || 200, I2 = c2.minHeight || 150;
+        if (u2.includes("e") && (t2 = Math.max(_2, B3 + o2)), u2.includes("s") && (n2 = Math.max(I2, C3 + s2)), u2.includes("w")) {
+          const z2 = B3 - o2;
+          z2 >= _2 && (t2 = z2, f2 = v5 + o2);
+        }
+        if (u2.includes("n")) {
+          const z2 = C3 - s2;
+          z2 >= I2 && (n2 = z2, w2 = y2 + s2);
+        }
+        e3.style.width = `${t2}px`, e3.style.height = `${n2}px`, (u2.includes("w") || u2.includes("n")) && (e3.style.left = `${f2}px`, e3.style.top = `${w2}px`);
+      }, T2 = () => {
+        document.removeEventListener("mousemove", P6), document.removeEventListener("mouseup", T2);
+      };
+      vue.watch(() => V2.modelValue, (l2) => {
+        l2 && vue.nextTick(() => {
+          M5(), D2();
+        });
+      }), vue.watch(() => g2.value, () => {
+        vue.nextTick(() => {
+          D2();
+        });
+      });
+      const D2 = () => {
+        var s2;
+        if (!i2.value)
+          return;
+        const l2 = ((s2 = i2.value.dialogContentRef) == null ? void 0 : s2.$el) || i2.value.$el;
+        if (!l2)
+          return;
+        let o2 = l2.closest(".el-overlay");
+        o2 || (o2 = l2.closest(".el-overlay-dialog")), o2 && (g2.value ? o2.classList.remove("e-plus-modal-hidden-overlay") : o2.classList.add("e-plus-modal-hidden-overlay"));
+      };
+      return (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,
+        ref: i2,
+        class: ["e-plus-resize-dialog", { "is-modal-hidden": !g2.value }]
+      }, l2.$attrs, {
+        modal: g2.value,
+        "close-on-click-modal": r2.closeOnClickModal,
+        draggable: r2.draggable,
+        fullscreen: d2.value,
         "show-close": false
       }), vue.createSlots({
-        header: vue.withCtx(({ close: l2, titleId: t2, titleClass: n2 }) => [
-          vue.createElementVNode("div", de$1, [
+        header: vue.withCtx(({ close: s2, titleId: t2, titleClass: n2 }) => [
+          vue.createElementVNode("div", he$1, [
+            vue.createTextVNode(vue.toDisplayString(g2.value) + " ", 1),
             vue.createElementVNode("span", {
               id: t2,
               class: vue.normalizeClass(n2)
-            }, vue.toDisplayString(s2.$attrs.title), 11, fe$1),
-            vue.createElementVNode("div", he$1, [
-              A5.value ? (vue.openBlock(), vue.createElementBlock("div", {
+            }, vue.toDisplayString(l2.$attrs.title), 11, me$1),
+            vue.createElementVNode("div", pe$1, [
+              j2.value ? (vue.openBlock(), vue.createElementBlock("div", {
                 key: 0,
                 class: "custom-header-btn",
                 onClick: $2
               }, [
                 vue.createVNode(vue.unref(ElIcon), { size: "18" }, {
                   default: vue.withCtx(() => [
-                    a3.value ? (vue.openBlock(), vue.createElementBlock("svg", me$1, [...o2[0] || (o2[0] = [
+                    d2.value ? (vue.openBlock(), vue.createElementBlock("svg", ge$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"
                       }, null, -1)
-                    ])])) : (vue.openBlock(), vue.createBlock(vue.unref(ue$1), { key: 0 }))
+                    ])])) : (vue.openBlock(), vue.createBlock(vue.unref(fe$1), { key: 0 }))
                   ]),
                   _: 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(() => [
-                    vue.createVNode(vue.unref(re$1))
+                    vue.createVNode(vue.unref(de$1))
                   ]),
                   _: 1
                 })
-              ], 8, pe$1)) : vue.createCommentVNode("", true)
+              ], 8, ve$1)) : vue.createCommentVNode("", true)
             ])
           ])
         ]),
         _: 2
       }, [
-        vue.renderList(vue.unref(X2), (l2, t2) => ({
+        vue.renderList(vue.unref(U2), (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, ["class", "modal", "close-on-click-modal", "draggable", "fullscreen"]));
     }
   });
-  N$1.install = (d2) => {
-    d2.component("EPlusResizeDialog", N$1);
+  Y$1.install = (r2) => {
+    r2.component("EPlusResizeDialog", Y$1);
   };
   const style = "";
   const _hoisted_1$f = { class: "flex-1 overflow-y-auto p-4" };
@@ -474744,7 +474763,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,
@@ -475474,7 +475493,7 @@ ${this.attributes_.map(
         const _component_el_tree = vue.resolveComponent("el-tree");
         const _component_el_tab_pane = vue.resolveComponent("el-tab-pane");
         const _component_el_tabs = vue.resolveComponent("el-tabs");
-        return vue.openBlock(), vue.createBlock(vue.unref(N$1), vue.mergeProps({
+        return vue.openBlock(), vue.createBlock(vue.unref(Y$1), vue.mergeProps({
           modelValue: visible.value,
           "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => visible.value = $event)
         }, dialogProps2.value, { onClose: handleClose }), vue.createSlots({
@@ -477431,7 +477450,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 +478882,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 },
@@ -499141,7 +499160,7 @@ ${this.attributes_.map(
     app.component("OlBaseLayerSwitcher", OlBaseLayerSwitcher);
     app.component("CustomOpenlayer", _sfc_main$b);
     app.component("CustomDialog", _sfc_main$9);
-    app.component("EPlusDialog", N$1);
+    app.component("EPlusDialog", Y$1);
     app.component("SvgIcon", _sfc_main$a);
   };
   const index$3 = {
@@ -499149,7 +499168,7 @@ ${this.attributes_.map(
     OlMap: _sfc_main$b,
     CustomOpenlayer: _sfc_main$b,
     CustomDialog: _sfc_main$9,
-    EPlusDialog: N$1,
+    EPlusDialog: Y$1,
     SvgIcon: _sfc_main$a
   };
   const version$1 = "1.0.0";

package/lib/style.css

@@ -1130,7 +1130,7 @@ label {
 }
 }
 }
-.resize-handle{-webkit-user-select:none;user-select:none}.custom-dialog-actions{display:flex;align-items:center}.custom-dialog-header{display:flex;justify-content:space-between;align-items:center;width:100%}.custom-dialog-actions .custom-header-btn{position:static;margin-left:10px;font-size:16px;width:20px;height:20px;line-height:1;border:none;background:transparent;cursor:pointer;padding:0;color:var(--el-color-info)}.custom-dialog-actions .custom-header-btn:hover{color:var(--el-color-primary)}.custom-dialog-actions .custom-header-btn svg{width:100%;height:100%;vertical-align:middle}.e-plus-resize-dialog{display:flex;flex-direction:column;max-height:85vh;overflow:hidden;margin-bottom:0}.e-plus-resize-dialog.is-fullscreen{max-height:100vh;height:100vh!important;margin:0!important}.e-plus-resize-dialog .el-dialog__header,.e-plus-resize-dialog .el-dialog__footer{flex-shrink:0}.e-plus-resize-dialog .el-dialog__body{flex:1;overflow:auto;min-height:0}
+.el-modal-dialog{pointer-events:none}.resize-handle{-webkit-user-select:none;user-select:none}.custom-dialog-actions{display:flex;align-items:center}.custom-dialog-header{display:flex;justify-content:space-between;align-items:center;width:100%}.custom-dialog-actions .custom-header-btn{position:static;margin-left:10px;font-size:16px;width:20px;height:20px;line-height:1;border:none;background:transparent;cursor:pointer;padding:0;color:var(--el-color-info)}.custom-dialog-actions .custom-header-btn:hover{color:var(--el-color-primary)}.custom-dialog-actions .custom-header-btn svg{width:100%;height:100%;vertical-align:middle}.e-plus-resize-dialog{display:flex;flex-direction:column;max-height:85vh;overflow:hidden;margin-bottom:0}.e-plus-resize-dialog.is-fullscreen{max-height:100vh;height:100vh!important;margin:0!important}.e-plus-resize-dialog .el-dialog__header,.e-plus-resize-dialog .el-dialog__footer{flex-shrink:0}.e-plus-resize-dialog .el-dialog__body{flex:1;overflow:auto;min-height:0}.e-plus-modal-hidden-overlay,.e-plus-modal-hidden-overlay .el-overlay-dialog{pointer-events:none!important}.e-plus-resize-dialog.is-modal-hidden{pointer-events:auto!important}
 
 .layer-dialog {
   /* 全局样式面板样式 */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-openlayers-plugin",
-  "version": "1.0.84",
+  "version": "1.0.87",
   "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.15",
     "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.15",
     "element-plus": "^2.13.0",
     "eslint": "^8.45.0",
     "eslint-plugin-vue": "^9.17.0",