vue-openlayers-plugin 1.2.0 → 1.2.1

package/lib/{index-58704a25.mjs → index-e8d5fc75.mjs}

@@ -5,11 +5,11 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 import { defineComponent, ref, computed, watch, onMounted, openBlock, createElementBlock, normalizeClass, normalizeStyle as normalizeStyle$1, withModifiers, createElementVNode, createBlock, unref, withCtx, createTextVNode, createCommentVNode, renderSlot, nextTick, toDisplayString, onUnmounted, createVNode as createVNode$1, Fragment, renderList, h as h$3, createApp, inject, provide, isRef, resolveDirective, withDirectives, vShow, defineAsyncComponent, reactive, shallowRef, resolveComponent, resolveDynamicComponent, withKeys, useAttrs, useSlots, mergeProps, createSlots, normalizeProps, guardReactiveProps, watchEffect, Teleport } from "vue";
-import { MapLocation, Grid as Grid$6, Tools, Location, Guide, Flag, Printer, EditPen, Delete, Switch, DocumentCopy, Search, Loading, Clock, InfoFilled, Plus, Minus, RefreshLeft, RefreshRight, Right, FullScreen, Aim, Menu as Menu$2, View as View$4, Expand, FolderOpened, DataBoard, Setting, Download, Refresh, ZoomIn, ZoomOut, Document as Document$1, Position, Close } from "@element-plus/icons-vue";
+import { MapLocation, Grid as Grid$6, Tools, Location, Guide, Flag, Printer, EditPen, Delete, Switch, DocumentCopy, Search, Loading, Clock, InfoFilled, Plus, Minus, RefreshLeft, RefreshRight, Right, FullScreen, Aim, Menu as Menu$2, View as View$4, Expand, Share, CircleCheck, FolderOpened, DataBoard, Setting, Download, Refresh, ZoomIn, ZoomOut, Document as Document$1, Position, Close } from "@element-plus/icons-vue";
 import { Feature as Feature$3, Map as Map$4 } from "ol";
 import proj4 from "proj4";
 import { TileSuperMapRest, Util as Util$3, GetFeaturesByGeometryParameters as GetFeaturesByGeometryParameters$1, FeatureService } from "@supermapgis/iclient-ol";
-import { ElButton, ElInput, ElIcon, ElDialog } from "element-plus";
+import { ElButton, ElInput, ElIcon, ElPopover, ElTooltip, ElCheckbox, ElDialog } from "element-plus";
 function _mergeNamespaces(n2, m2) {
   for (var i = 0; i < m2.length; i++) {
     const e8 = m2[i];
@@ -4183,7 +4183,6 @@ function transformGeom2D(simpleGeometry, transform3, dest) {
     dest
   );
 }
-const SimpleGeometry$1 = SimpleGeometry;
 function linearRing(flatCoordinates, offset2, end3, stride) {
   let twiceArea = 0;
   const x0 = flatCoordinates[end3 - stride];
@@ -4636,7 +4635,7 @@ function quantizeMultiArray(flatCoordinates, offset2, endss, stride, tolerance2,
   }
   return simplifiedOffset;
 }
-let LinearRing$1 = class LinearRing extends SimpleGeometry$1 {
+let LinearRing$1 = class LinearRing extends SimpleGeometry {
   /**
    * @param {Array<import("../coordinate.js").Coordinate>|Array<number>} coordinates Coordinates.
    *     For internal use, flat coordinates in combination with `layout` are also accepted.
@@ -4793,7 +4792,7 @@ let LinearRing$1 = class LinearRing extends SimpleGeometry$1 {
   }
 };
 const LinearRing$2 = LinearRing$1;
-let Point$5 = class Point extends SimpleGeometry$1 {
+let Point$5 = class Point extends SimpleGeometry {
   /**
    * @param {import("../coordinate.js").Coordinate} coordinates Coordinates.
    * @param {import("./Geometry.js").GeometryLayout} [layout] Layout.
@@ -5278,7 +5277,7 @@ function inflateEnds(flatCoordinates, ends) {
   }
   return endss;
 }
-let Polygon$6 = class Polygon extends SimpleGeometry$1 {
+let Polygon$6 = class Polygon extends SimpleGeometry {
   /**
    * @param {!Array<Array<import("../coordinate.js").Coordinate>>|!Array<number>} coordinates
    *     Array of linear rings that define the polygon. The first linear ring of the
@@ -18178,7 +18177,7 @@ function lineStringLength(flatCoordinates, offset2, end3, stride) {
   }
   return length2;
 }
-let LineString$1 = class LineString extends SimpleGeometry$1 {
+let LineString$1 = class LineString extends SimpleGeometry {
   /**
    * @param {Array<import("../coordinate.js").Coordinate>|Array<number>} coordinates Coordinates.
    *     For internal use, flat coordinates in combination with `layout` are also accepted.
@@ -19776,7 +19775,7 @@ function linearRingss(flatCoordinates, offset2, endss, stride) {
   }
   return flatCenters;
 }
-let Circle$6 = class Circle extends SimpleGeometry$1 {
+let Circle$6 = class Circle extends SimpleGeometry {
   /**
    * @param {!import("../coordinate.js").Coordinate} center Center.
    *     For internal use, flat coordinates in combination with `layout` and no
@@ -20288,7 +20287,7 @@ function cloneGeometries(geometries) {
   return geometries.map((geometry) => geometry.clone());
 }
 const GeometryCollection$1 = GeometryCollection;
-let MultiLineString$1 = class MultiLineString extends SimpleGeometry$1 {
+let MultiLineString$1 = class MultiLineString extends SimpleGeometry {
   /**
    * @param {Array<Array<import("../coordinate.js").Coordinate>|LineString>|Array<number>} coordinates
    *     Coordinates or LineString geometries. (For internal use, flat coordinates in
@@ -20604,7 +20603,7 @@ let MultiLineString$1 = class MultiLineString extends SimpleGeometry$1 {
   }
 };
 const MultiLineString$2 = MultiLineString$1;
-let MultiPoint$1 = class MultiPoint extends SimpleGeometry$1 {
+let MultiPoint$1 = class MultiPoint extends SimpleGeometry {
   /**
    * @param {Array<import("../coordinate.js").Coordinate>|Array<number>} coordinates Coordinates.
    *     For internal use, flat coordinates in combination with `layout` are also accepted.
@@ -20779,7 +20778,7 @@ let MultiPoint$1 = class MultiPoint extends SimpleGeometry$1 {
   }
 };
 const MultiPoint$2 = MultiPoint$1;
-let MultiPolygon$1 = class MultiPolygon extends SimpleGeometry$1 {
+let MultiPolygon$1 = class MultiPolygon extends SimpleGeometry {
   /**
    * @param {Array<Array<Array<import("../coordinate.js").Coordinate>>|Polygon>|Array<number>} coordinates Coordinates.
    *     For internal use, flat coordinates in combination with `layout` and `endss` are also accepted.
@@ -54625,7 +54624,6 @@ class FeatureFormat {
     return abstract();
   }
 }
-const FeatureFormat$1 = FeatureFormat;
 function transformGeometryWithOptions(geometry, write3, options) {
   const featureProjection = options ? get$5(options.featureProjection) : null;
   const dataProjection = options ? get$5(options.dataProjection) : null;
@@ -54738,7 +54736,7 @@ function createGeometry(object2, options) {
     options
   );
 }
-class JSONFeature extends FeatureFormat$1 {
+class JSONFeature extends FeatureFormat {
   constructor() {
     super();
   }
@@ -55675,7 +55673,7 @@ function getDocument() {
   }
   return document_;
 }
-class XMLFeature extends FeatureFormat$1 {
+class XMLFeature extends FeatureFormat {
   constructor() {
     super();
     this.xmlSerializer_ = getXMLSerializer();
@@ -58181,7 +58179,7 @@ const GML = GML3$1;
 GML.prototype.writeFeatures;
 GML.prototype.writeFeaturesNode;
 const GML$1 = GML;
-class TextFeature extends FeatureFormat$1 {
+class TextFeature extends FeatureFormat {
   constructor() {
     super();
   }
@@ -61492,7 +61490,7 @@ function writeUtf8(buf, str2, pos) {
   }
   return pos;
 }
-class MVT extends FeatureFormat$1 {
+class MVT extends FeatureFormat {
   /**
    * @param {Options<FeatureType>} [options] Options.
    */
@@ -334669,24 +334667,24 @@ const _hoisted_7$c = {
   key: 0,
   class: "image-loading"
 };
-const _hoisted_8$b = {
+const _hoisted_8$c = {
   key: 1,
   class: "image-error"
 };
-const _hoisted_9$b = {
+const _hoisted_9$c = {
   key: 2,
   class: "image-navigation"
 };
-const _hoisted_10$b = {
+const _hoisted_10$c = {
   key: 3,
   class: "image-counter"
 };
-const _hoisted_11$9 = {
+const _hoisted_11$a = {
   key: 2,
   class: "image-thumbnails"
 };
-const _hoisted_12$7 = ["onClick"];
-const _hoisted_13$7 = ["src", "alt"];
+const _hoisted_12$8 = ["onClick"];
+const _hoisted_13$8 = ["src", "alt"];
 const _hoisted_14$5 = {
   key: 3,
   class: "slideshow-controls"
@@ -334857,10 +334855,10 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
                   createElementVNode("div", { class: "loading-spinner" }, null, -1),
                   createElementVNode("span", null, "加载中...", -1)
                 ])])) : createCommentVNode("", true),
-                imageError.value ? (openBlock(), createElementBlock("div", _hoisted_8$b, [..._cache[5] || (_cache[5] = [
+                imageError.value ? (openBlock(), createElementBlock("div", _hoisted_8$c, [..._cache[5] || (_cache[5] = [
                   createElementVNode("span", null, "图片加载失败", -1)
                 ])])) : createCommentVNode("", true),
-                imageList.value.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_9$b, [
+                imageList.value.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_9$c, [
                   createVNode$1(unref(ElButton), {
                     class: "nav-btn prev-btn",
                     disabled: currentIndex.value === 0,
@@ -334886,10 +334884,10 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
                     _: 1
                   }, 8, ["disabled"])
                 ])) : createCommentVNode("", true),
-                imageList.value.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_10$b, toDisplayString(currentIndex.value + 1) + " / " + toDisplayString(imageList.value.length), 1)) : createCommentVNode("", true)
+                imageList.value.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_10$c, toDisplayString(currentIndex.value + 1) + " / " + toDisplayString(imageList.value.length), 1)) : createCommentVNode("", true)
               ])
             ]),
-            _ctx.config.showThumbnails && imageList.value.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_11$9, [
+            _ctx.config.showThumbnails && imageList.value.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_11$a, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(imageList.value, (image2, index2) => {
                 return openBlock(), createElementBlock("div", {
                   key: index2,
@@ -334899,8 +334897,8 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
                   createElementVNode("img", {
                     src: image2,
                     alt: `缩略图 ${index2 + 1}`
-                  }, null, 8, _hoisted_13$7)
-                ], 10, _hoisted_12$7);
+                  }, null, 8, _hoisted_13$8)
+                ], 10, _hoisted_12$8);
               }), 128))
             ])) : createCommentVNode("", true),
             _ctx.config.slideshow && imageList.value.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_14$5, [
@@ -334972,18 +334970,18 @@ const _hoisted_6$c = {
   class: "data-stats"
 };
 const _hoisted_7$b = { key: 0 };
-const _hoisted_8$a = {
+const _hoisted_8$b = {
   key: 5,
   class: "table-view"
 };
-const _hoisted_9$a = { class: "table-container" };
-const _hoisted_10$a = { class: "data-table" };
-const _hoisted_11$8 = ["onClick"];
-const _hoisted_12$6 = {
+const _hoisted_9$b = { class: "table-container" };
+const _hoisted_10$b = { class: "data-table" };
+const _hoisted_11$9 = ["onClick"];
+const _hoisted_12$7 = {
   key: 0,
   class: "sort-indicator"
 };
-const _hoisted_13$6 = ["onClick"];
+const _hoisted_13$7 = ["onClick"];
 const _hoisted_14$4 = { key: 0 };
 const _hoisted_15$3 = ["src", "alt"];
 const _hoisted_16$3 = { key: 1 };
@@ -335240,9 +335238,9 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
               createElementVNode("span", null, "共 " + toDisplayString(filteredData.value.length) + " 条记录", 1),
               searchQuery.value ? (openBlock(), createElementBlock("span", _hoisted_7$b, "（已过滤 " + toDisplayString(arrayData.value.length - filteredData.value.length) + " 条）", 1)) : createCommentVNode("", true)
             ])) : createCommentVNode("", true),
-            currentView.value === "table" ? (openBlock(), createElementBlock("div", _hoisted_8$a, [
-              createElementVNode("div", _hoisted_9$a, [
-                createElementVNode("table", _hoisted_10$a, [
+            currentView.value === "table" ? (openBlock(), createElementBlock("div", _hoisted_8$b, [
+              createElementVNode("div", _hoisted_9$b, [
+                createElementVNode("table", _hoisted_10$b, [
                   createElementVNode("thead", null, [
                     createElementVNode("tr", null, [
                       (openBlock(true), createElementBlock(Fragment, null, renderList(displayFields.value, (field) => {
@@ -335252,8 +335250,8 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
                           onClick: ($event) => handleSort(field.key)
                         }, [
                           createTextVNode(toDisplayString(field.label) + " ", 1),
-                          field.sortable && sortField.value === field.key ? (openBlock(), createElementBlock("span", _hoisted_12$6, toDisplayString(sortOrder.value === "asc" ? "↑" : "↓"), 1)) : createCommentVNode("", true)
-                        ], 10, _hoisted_11$8);
+                          field.sortable && sortField.value === field.key ? (openBlock(), createElementBlock("span", _hoisted_12$7, toDisplayString(sortOrder.value === "asc" ? "↑" : "↓"), 1)) : createCommentVNode("", true)
+                        ], 10, _hoisted_11$9);
                       }), 128))
                     ])
                   ]),
@@ -335282,7 +335280,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
                             ])) : field.type === "date" ? (openBlock(), createElementBlock("span", _hoisted_18$3, toDisplayString(formatDate(getFieldValue(item, field.key || field.name))), 1)) : field.type === "number" ? (openBlock(), createElementBlock("span", _hoisted_19$3, toDisplayString(formatNumber2(getFieldValue(item, field.key || field.name))), 1)) : (openBlock(), createElementBlock("span", _hoisted_20$2, toDisplayString(getFieldValue(item, field.key || field.name)), 1))
                           ]);
                         }), 128))
-                      ], 8, _hoisted_13$6);
+                      ], 8, _hoisted_13$7);
                     }), 128))
                   ])
                 ])
@@ -337397,19 +337395,19 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
   }
 });
 const defaultComponents = {
-  measurement: () => import("./MeasurementDialog-4e084192.mjs"),
-  basemap: () => import("./BasemapPanel-d6e4ea88.mjs"),
-  print: () => import("./MapPrintDialog-64d46412.mjs"),
-  "layer-panel": () => import("./LayerPanel-9bf28955.mjs"),
-  coordinate: () => import("./CoordinateLocationDialog-81d00abc.mjs"),
-  "region-navigation": () => import("./RegionNavigationDialog-467ad6c0.mjs"),
-  "my-markers": () => import("./MyMarkersDialog-aa44e5bd.mjs"),
-  "view-bookmarks": () => import("./ViewBookmarksDialog-83cf5ec4.mjs"),
-  "map-drawing": () => import("./index-ee58f2f8.mjs"),
-  "filter-panel": () => import("./FilterPanel-7358e3fb.mjs"),
-  "swipe-compare": () => import("./SwipeCompareDialog-c322e2f6.mjs"),
-  "split-compare": () => import("./SplitCompareDialog-50410c0b.mjs"),
-  "quad-compare": () => import("./QuadCompareDialog-84a88cf9.mjs")
+  measurement: () => import("./MeasurementDialog-ebda57e6.mjs"),
+  basemap: () => import("./BasemapPanel-aa284bf3.mjs"),
+  print: () => import("./MapPrintDialog-2e5a22e7.mjs"),
+  "layer-panel": () => import("./LayerPanel-88983648.mjs"),
+  coordinate: () => import("./CoordinateLocationDialog-6c0a6b23.mjs"),
+  "region-navigation": () => import("./RegionNavigationDialog-549597e1.mjs"),
+  "my-markers": () => import("./MyMarkersDialog-1f851036.mjs"),
+  "view-bookmarks": () => import("./ViewBookmarksDialog-10b5fe14.mjs"),
+  "map-drawing": () => import("./index-b9d6884a.mjs"),
+  "filter-panel": () => import("./FilterPanel-b91325ac.mjs"),
+  "swipe-compare": () => import("./SwipeCompareDialog-374b9865.mjs"),
+  "split-compare": () => import("./SplitCompareDialog-9bcce145.mjs"),
+  "quad-compare": () => import("./QuadCompareDialog-8f624242.mjs")
 };
 const _DialogRegistry = class _DialogRegistry {
   constructor() {
@@ -338747,18 +338745,18 @@ const _hoisted_4$h = { class: "section-title" };
 const _hoisted_5$f = ["onClick"];
 const _hoisted_6$b = { class: "item-content" };
 const _hoisted_7$a = { class: "item-name" };
-const _hoisted_8$9 = { class: "item-address" };
-const _hoisted_9$9 = {
+const _hoisted_8$a = { class: "item-address" };
+const _hoisted_9$a = {
   key: 1,
   class: "search-section"
 };
-const _hoisted_10$9 = {
+const _hoisted_10$a = {
   key: 0,
   class: "section-title"
 };
-const _hoisted_11$7 = { class: "result-count" };
-const _hoisted_12$5 = ["onClick"];
-const _hoisted_13$5 = { class: "item-content" };
+const _hoisted_11$8 = { class: "result-count" };
+const _hoisted_12$6 = ["onClick"];
+const _hoisted_13$6 = { class: "item-content" };
 const _hoisted_14$3 = ["innerHTML"];
 const _hoisted_15$2 = ["innerHTML"];
 const _hoisted_16$2 = {
@@ -339248,20 +339246,20 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
                     }),
                     createElementVNode("div", _hoisted_6$b, [
                       createElementVNode("div", _hoisted_7$a, toDisplayString(item.name), 1),
-                      createElementVNode("div", _hoisted_8$9, toDisplayString(item.address), 1)
+                      createElementVNode("div", _hoisted_8$a, toDisplayString(item.address), 1)
                     ])
                   ], 10, _hoisted_5$f)
                 ]);
               }), 128))
             ])) : createCommentVNode("", true),
-            searchResults.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_9$9, [
+            searchResults.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_9$a, [
               renderSlot(_ctx.$slots, "results-title", {
                 searchQuery: searchQuery.value,
                 resultsCount: searchResults.value.length
               }, () => [
-                searchQuery.value ? (openBlock(), createElementBlock("div", _hoisted_10$9, [
+                searchQuery.value ? (openBlock(), createElementBlock("div", _hoisted_10$a, [
                   createElementVNode("span", null, toDisplayString(resultsTitleText.value), 1),
-                  createElementVNode("span", _hoisted_11$7, "(" + toDisplayString(searchResults.value.length) + ")", 1)
+                  createElementVNode("span", _hoisted_11$8, "(" + toDisplayString(searchResults.value.length) + ")", 1)
                 ])) : createCommentVNode("", true)
               ]),
               (openBlock(true), createElementBlock(Fragment, null, renderList(displayResults.value, (result, index2) => {
@@ -339286,7 +339284,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
                       ]),
                       _: 1
                     }),
-                    createElementVNode("div", _hoisted_13$5, [
+                    createElementVNode("div", _hoisted_13$6, [
                       createElementVNode("div", {
                         class: "item-name",
                         innerHTML: highlightText(result.name, searchQuery.value)
@@ -339298,7 +339296,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
                       result.type ? (openBlock(), createElementBlock("div", _hoisted_16$2, toDisplayString(result.type), 1)) : createCommentVNode("", true)
                     ]),
                     result.confidence ? (openBlock(), createElementBlock("div", _hoisted_17$2, toDisplayString(Math.round(result.confidence * 100)) + "% ", 1)) : createCommentVNode("", true)
-                  ], 10, _hoisted_12$5)
+                  ], 10, _hoisted_12$6)
                 ]);
               }), 128))
             ])) : createCommentVNode("", true),
@@ -339474,6 +339472,24 @@ const _hoisted_7$9 = {
   key: 6,
   class: "control-section"
 };
+const _hoisted_8$9 = { class: "drawing-menu-panel-content" };
+const _hoisted_9$9 = { class: "drawing-tool-list" };
+const _hoisted_10$9 = {
+  key: 0,
+  class: "drawing-menu-divider"
+};
+const _hoisted_11$7 = {
+  key: 1,
+  class: "drawing-toggle-row"
+};
+const _hoisted_12$5 = {
+  key: 7,
+  class: "control-divider"
+};
+const _hoisted_13$5 = {
+  key: 8,
+  class: "control-section"
+};
 const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "OlControlPanel",
   props: {
@@ -339486,8 +339502,10 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     bottomOffset: {},
     viewBookmarks: {}
   },
-  setup(__props, { expose: __expose }) {
+  emits: ["drawing-complete"],
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const map2 = inject("map");
     const mapManager = inject("mapManager");
     const overviewMapUtil = createOverviewMapUtil();
@@ -339497,7 +339515,37 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     const currentZoom = ref(10);
     const minZoom = ref(3);
     const maxZoom = ref(18);
+    const isDrawingMenuOpen = ref(false);
+    const continuousDrawing = ref(false);
+    const activeDrawingMode = ref("none");
+    const DEFAULT_DRAWING_TOOLS = [
+      "rectangle",
+      "polygon",
+      "circle",
+      "line",
+      "point"
+    ];
+    const drawingToolLabels = {
+      point: "绘制点",
+      line: "绘制线",
+      polygon: "绘制多边形",
+      circle: "绘制圆形",
+      rectangle: "绘制矩形"
+    };
+    const geoJsonFormat = new GeoJSON$2();
+    let boundDrawingManager = null;
+    let boundDrawingEndHandler = null;
+    let boundModeChangeHandler = null;
     const currentMap = computed(() => map2 == null ? void 0 : map2.value);
+    const popoverPlacement = computed(() => {
+      const isRight = props.position.includes("right");
+      const isBottom = props.position.includes("bottom");
+      if (props.direction === "vertical") {
+        return isRight ? "left" : "right";
+      } else {
+        return isBottom ? "top" : "bottom";
+      }
+    });
     const positionClasses = computed(() => {
       const basePositions = {
         "top-left": "top-4 left-4",
@@ -339581,10 +339629,55 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
       const tools = props.config.tools;
       return !!((tools == null ? void 0 : tools.viewBookmarks) || props.config.viewBookmarks);
     });
+    const drawingControlConfig = computed(() => {
+      var _a2;
+      const rawConfig = ((_a2 = props.config.tools) == null ? void 0 : _a2.drawing) ?? props.config.drawing;
+      if (rawConfig === false) {
+        return {
+          enabled: false,
+          trigger: "hover",
+          continuous: false,
+          showContinuousToggle: true,
+          tools: DEFAULT_DRAWING_TOOLS,
+          onDrawEnd: void 0
+        };
+      }
+      if (rawConfig === true || rawConfig === void 0) {
+        return {
+          enabled: rawConfig === true,
+          trigger: "hover",
+          continuous: false,
+          showContinuousToggle: true,
+          tools: DEFAULT_DRAWING_TOOLS,
+          onDrawEnd: void 0
+        };
+      }
+      const config = rawConfig;
+      const tools = (config.tools || DEFAULT_DRAWING_TOOLS).filter(
+        (tool) => DEFAULT_DRAWING_TOOLS.includes(tool)
+      );
+      return {
+        enabled: config.enabled !== false,
+        trigger: config.trigger || "hover",
+        continuous: config.continuous ?? false,
+        showContinuousToggle: config.showContinuousToggle !== false,
+        tools: tools.length > 0 ? Array.from(new Set(tools)) : DEFAULT_DRAWING_TOOLS,
+        onDrawEnd: config.onDrawEnd
+      };
+    });
+    const isDrawingEnabled = computed(() => drawingControlConfig.value.enabled);
+    const isDrawingActive = computed(() => activeDrawingMode.value !== "none");
     const hasOtherTools = computed(() => {
       const tools = props.config.tools;
       return !!((tools == null ? void 0 : tools.fullScreen) || props.config.fullScreen || (tools == null ? void 0 : tools.location) || props.config.location || isLayerPanelEnabled.value || isViewBookmarksEnabled.value || (tools == null ? void 0 : tools.overviewMap) || props.config.overviewMap || (tools == null ? void 0 : tools.zoomToExtent) || props.config.zoomToExtent);
     });
+    watch(
+      drawingControlConfig,
+      (config) => {
+        continuousDrawing.value = config.continuous;
+      },
+      { immediate: true }
+    );
     const initOverviewMap = () => {
       const tools = props.config.tools || {};
       const rawConfig = tools.overviewMap ?? props.config.overviewMap;
@@ -339754,6 +339847,83 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
         mapManager.value.clearAll();
       }
     };
+    const buildDrawingResult = (drawing) => {
+      const drawingJson = drawing.toJSON();
+      const feature = drawing.getFeature();
+      let geojson = null;
+      if (feature && currentMap.value) {
+        try {
+          geojson = geoJsonFormat.writeFeatureObject(feature, {
+            featureProjection: currentMap.value.getView().getProjection(),
+            dataProjection: "EPSG:4326"
+          });
+        } catch (error2) {
+          console.warn("绘制结果转 GeoJSON 失败:", error2);
+        }
+      }
+      return {
+        id: drawing.getId(),
+        type: drawing.getType(),
+        name: drawing.getName(),
+        coordinates: drawingJson.coordinates,
+        properties: drawingJson.properties || {},
+        style: drawingJson.style || {},
+        config: drawingJson.config || {},
+        geojson,
+        drawing,
+        feature,
+        source: "controls"
+      };
+    };
+    const cleanupDrawingListeners = () => {
+      if (boundDrawingManager && boundDrawingEndHandler && boundModeChangeHandler) {
+        boundDrawingManager.off("drawing-end", boundDrawingEndHandler);
+        boundDrawingManager.off("mode-change", boundModeChangeHandler);
+      }
+      boundDrawingManager = null;
+      boundDrawingEndHandler = null;
+      boundModeChangeHandler = null;
+      activeDrawingMode.value = "none";
+    };
+    const bindDrawingListeners = (drawingManager) => {
+      cleanupDrawingListeners();
+      if (!drawingManager)
+        return;
+      boundDrawingManager = drawingManager;
+      activeDrawingMode.value = drawingManager.getMode();
+      boundDrawingEndHandler = (drawing) => {
+        var _a2, _b2;
+        const result = buildDrawingResult(drawing);
+        (_b2 = (_a2 = drawingControlConfig.value).onDrawEnd) == null ? void 0 : _b2.call(_a2, result);
+        emit("drawing-complete", result);
+      };
+      boundModeChangeHandler = (mode) => {
+        activeDrawingMode.value = mode;
+      };
+      drawingManager.on("drawing-end", boundDrawingEndHandler);
+      drawingManager.on("mode-change", boundModeChangeHandler);
+    };
+    const startQuickDrawing = (tool) => {
+      var _a2;
+      const drawingManager = (_a2 = mapManager == null ? void 0 : mapManager.value) == null ? void 0 : _a2.getDrawingManager();
+      if (!drawingManager) {
+        console.warn("DrawingManager not found");
+        return;
+      }
+      drawingManager.setContinuousDrawing(continuousDrawing.value);
+      drawingManager.setMode(tool, {
+        allowContinuousDrawing: continuousDrawing.value
+      });
+      isDrawingMenuOpen.value = false;
+    };
+    const stopQuickDrawing = () => {
+      var _a2;
+      const drawingManager = (_a2 = mapManager == null ? void 0 : mapManager.value) == null ? void 0 : _a2.getDrawingManager();
+      if (!drawingManager)
+        return;
+      drawingManager.setMode("none");
+      isDrawingMenuOpen.value = false;
+    };
     const zoomToExtent = () => {
       var _a2;
       if (currentMap.value) {
@@ -339797,6 +339967,16 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
       },
       { immediate: true }
     );
+    watch(
+      () => {
+        var _a2;
+        return ((_a2 = mapManager == null ? void 0 : mapManager.value) == null ? void 0 : _a2.getDrawingManager()) || null;
+      },
+      (drawingManager) => {
+        bindDrawingListeners(drawingManager);
+      },
+      { immediate: true }
+    );
     const handleFullscreenChange = () => {
       isFullscreen.value = !!document.fullscreenElement;
     };
@@ -339808,6 +339988,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
       var _a2;
       document.removeEventListener("fullscreenchange", handleFullscreenChange);
       overviewMapUtil.destroy();
+      cleanupDrawingListeners();
       if (currentMap.value) {
         currentMap.value.un("moveend", updateScale);
         (_a2 = currentMap.value.getTargetElement()) == null ? void 0 : _a2.removeEventListener("mousemove", updateMousePosition);
@@ -339838,7 +340019,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
       isMinZoom
     });
     return (_ctx, _cache) => {
-      var _a2, _b2, _c2, _d, _e2, _f, _g, _h, _i2, _j, _k, _l, _m, _n2, _o2, _p;
+      var _a2, _b2, _c2, _d, _e2, _f, _g, _h, _i2, _j, _k, _l, _m, _n2, _o2, _p, _q, _r2;
       const _component_el_slider = resolveComponent("el-slider");
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["mapcontrols absolute z-1 pointer-events-none select-none animate-fade-in", positionClasses.value]),
@@ -340077,8 +340258,119 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
               _: 1
             }, 8, ["title"])) : createCommentVNode("", true)
           ])) : createCommentVNode("", true),
-          (((_m = _ctx.config.tools) == null ? void 0 : _m.clearAll) || _ctx.config.clearAll) && (hasOtherTools.value || ((_n2 = _ctx.config.tools) == null ? void 0 : _n2.zoom) || _ctx.config.zoom || ((_o2 = _ctx.config.tools) == null ? void 0 : _o2.rotate) || _ctx.config.rotate) ? (openBlock(), createElementBlock("div", _hoisted_6$a)) : createCommentVNode("", true),
-          ((_p = _ctx.config.tools) == null ? void 0 : _p.clearAll) || _ctx.config.clearAll ? (openBlock(), createElementBlock("div", _hoisted_7$9, [
+          isDrawingEnabled.value && (hasOtherTools.value || ((_m = _ctx.config.tools) == null ? void 0 : _m.zoom) || _ctx.config.zoom || ((_n2 = _ctx.config.tools) == null ? void 0 : _n2.rotate) || _ctx.config.rotate) ? (openBlock(), createElementBlock("div", _hoisted_6$a)) : createCommentVNode("", true),
+          isDrawingEnabled.value ? (openBlock(), createElementBlock("div", _hoisted_7$9, [
+            createVNode$1(unref(ElPopover), {
+              placement: popoverPlacement.value,
+              trigger: drawingControlConfig.value.trigger === "hover" ? "hover" : "click",
+              visible: isDrawingMenuOpen.value,
+              "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => isDrawingMenuOpen.value = $event),
+              width: 180,
+              "popper-class": "drawing-menu-popover",
+              disabled: !isDrawingEnabled.value
+            }, {
+              reference: withCtx(() => [
+                createVNode$1(unref(ElButton), {
+                  class: normalizeClass(["control-btn", { "is-active": isDrawingMenuOpen.value || isDrawingActive.value }]),
+                  title: "快捷绘制",
+                  size: "small",
+                  text: ""
+                }, {
+                  default: withCtx(() => [
+                    createVNode$1(unref(ElIcon), null, {
+                      default: withCtx(() => [
+                        createVNode$1(unref(EditPen))
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["class"])
+              ]),
+              default: withCtx(() => [
+                createElementVNode("div", _hoisted_8$9, [
+                  _cache[5] || (_cache[5] = createElementVNode("div", { class: "drawing-menu-title" }, "快捷绘制", -1)),
+                  createElementVNode("div", _hoisted_9$9, [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(drawingControlConfig.value.tools, (tool) => {
+                      return openBlock(), createBlock(unref(ElTooltip), {
+                        key: tool,
+                        content: drawingToolLabels[tool],
+                        placement: "top",
+                        "show-after": 200
+                      }, {
+                        default: withCtx(() => [
+                          createVNode$1(unref(ElButton), {
+                            size: "small",
+                            text: "",
+                            class: normalizeClass(["drawing-tool-btn", { "is-active": activeDrawingMode.value === tool }]),
+                            onClick: ($event) => startQuickDrawing(tool)
+                          }, {
+                            default: withCtx(() => [
+                              tool === "point" ? (openBlock(), createBlock(unref(ElIcon), { key: 0 }, {
+                                default: withCtx(() => [
+                                  createVNode$1(unref(Location))
+                                ]),
+                                _: 1
+                              })) : tool === "line" ? (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
+                                default: withCtx(() => [
+                                  createVNode$1(unref(Minus))
+                                ]),
+                                _: 1
+                              })) : tool === "polygon" ? (openBlock(), createBlock(unref(ElIcon), { key: 2 }, {
+                                default: withCtx(() => [
+                                  createVNode$1(unref(Share))
+                                ]),
+                                _: 1
+                              })) : tool === "circle" ? (openBlock(), createBlock(unref(ElIcon), { key: 3 }, {
+                                default: withCtx(() => [
+                                  createVNode$1(unref(CircleCheck))
+                                ]),
+                                _: 1
+                              })) : tool === "rectangle" ? (openBlock(), createBlock(unref(ElIcon), { key: 4 }, {
+                                default: withCtx(() => [
+                                  createVNode$1(unref(FullScreen))
+                                ]),
+                                _: 1
+                              })) : createCommentVNode("", true)
+                            ]),
+                            _: 2
+                          }, 1032, ["class", "onClick"])
+                        ]),
+                        _: 2
+                      }, 1032, ["content"]);
+                    }), 128))
+                  ]),
+                  drawingControlConfig.value.showContinuousToggle || isDrawingActive.value ? (openBlock(), createElementBlock("div", _hoisted_10$9)) : createCommentVNode("", true),
+                  drawingControlConfig.value.showContinuousToggle ? (openBlock(), createElementBlock("div", _hoisted_11$7, [
+                    createVNode$1(unref(ElCheckbox), {
+                      modelValue: continuousDrawing.value,
+                      "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => continuousDrawing.value = $event)
+                    }, {
+                      default: withCtx(() => [..._cache[3] || (_cache[3] = [
+                        createTextVNode(" 是否连续绘制 ", -1)
+                      ])]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ])) : createCommentVNode("", true),
+                  isDrawingActive.value ? (openBlock(), createBlock(unref(ElButton), {
+                    key: 2,
+                    size: "small",
+                    text: "",
+                    class: "drawing-stop-btn",
+                    onClick: stopQuickDrawing
+                  }, {
+                    default: withCtx(() => [..._cache[4] || (_cache[4] = [
+                      createTextVNode(" 停止绘制 ", -1)
+                    ])]),
+                    _: 1
+                  })) : createCommentVNode("", true)
+                ])
+              ]),
+              _: 1
+            }, 8, ["placement", "trigger", "visible", "disabled"])
+          ])) : createCommentVNode("", true),
+          (((_o2 = _ctx.config.tools) == null ? void 0 : _o2.clearAll) || _ctx.config.clearAll) && (hasOtherTools.value || isDrawingEnabled.value || ((_p = _ctx.config.tools) == null ? void 0 : _p.zoom) || _ctx.config.zoom || ((_q = _ctx.config.tools) == null ? void 0 : _q.rotate) || _ctx.config.rotate) ? (openBlock(), createElementBlock("div", _hoisted_12$5)) : createCommentVNode("", true),
+          ((_r2 = _ctx.config.tools) == null ? void 0 : _r2.clearAll) || _ctx.config.clearAll ? (openBlock(), createElementBlock("div", _hoisted_13$5, [
             createVNode$1(unref(ElButton), {
               class: "control-btn",
               title: "清空绘制内容",
@@ -340102,7 +340394,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const OlControlPanel = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-fdbbb5b4"]]);
+const OlControlPanel = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-13e7a909"]]);
 const _hoisted_1$i = {
   key: 0,
   class: "ol-legend-header"
@@ -352703,7 +352995,7 @@ function(t3) {
  */
 function(t3) {
   function e8() {
-    return (n.canvg ? Promise.resolve(n.canvg) : import("./index.es-320e524d.mjs")).catch(function(t4) {
+    return (n.canvg ? Promise.resolve(n.canvg) : import("./index.es-ff0f4147.mjs")).catch(function(t4) {
       return Promise.reject(new Error("Could not load canvg: " + t4));
     }).then(function(t4) {
       return t4.default ? t4.default : t4;
@@ -365392,7 +365684,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     popupConfig: {},
     enableGeolocation: { type: Boolean, default: true }
   },
-  emits: ["map-ready", "map-click", "map-dblclick", "map-contextmenu", "map-move", "zoom-change", "feature-click", "tooltip-show", "tooltip-hide", "layer-change", "measurement-change", "measurement-start", "measurement-end", "measurement-result", "context-menu", "bookmark-action", "marker-action", "tool-action", "search", "search-select", "search-clear", "popup-show", "popup-hide", "popup-close"],
+  emits: ["map-ready", "map-click", "map-dblclick", "map-contextmenu", "map-move", "zoom-change", "feature-click", "tooltip-show", "tooltip-hide", "layer-change", "measurement-change", "measurement-start", "measurement-end", "measurement-result", "context-menu", "bookmark-action", "marker-action", "tool-action", "drawing-complete", "search", "search-select", "search-clear", "popup-show", "popup-hide", "popup-close"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const currentLegends = ref([]);
     const currentLayers = ref([]);
@@ -366254,6 +366546,9 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
           break;
       }
     };
+    const onDrawingComplete = (result) => {
+      emit("drawing-complete", result);
+    };
     const onPrintAction = (data) => {
       console.log("打印操作:", data);
       switch (data.action) {
@@ -366940,7 +367235,8 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
           "right-offset": finalControlsConfig.value.rightOffset,
           "top-offset": finalControlsConfig.value.topOffset,
           "bottom-offset": finalControlsConfig.value.bottomOffset,
-          "view-bookmarks": props.viewBookmarks
+          "view-bookmarks": props.viewBookmarks,
+          onDrawingComplete
         }, {
           custom: withCtx(({ controls }) => [
             renderSlot(_ctx.$slots, "controls", {
@@ -367077,7 +367373,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const OlMap = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-888f37cb"]]);
+const OlMap = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-847d5f65"]]);
 const Property = {
   ACCURACY: "accuracy",
   ACCURACY_GEOMETRY: "accuracyGeometry",