vue-openlayers-plugin 1.2.0 → 1.2.1

package/lib/index.umd.js

@@ -4187,7 +4187,6 @@ var __publicField = (obj, key, value) => {
       dest
     );
   }
-  const SimpleGeometry$1 = SimpleGeometry;
   function linearRing(flatCoordinates, offset2, end2, stride) {
     let twiceArea = 0;
     const x0 = flatCoordinates[end2 - stride];
@@ -4640,7 +4639,7 @@ var __publicField = (obj, key, value) => {
     }
     return simplifiedOffset;
   }
-  let LinearRing$1 = class LinearRing2 extends SimpleGeometry$1 {
+  let LinearRing$1 = class LinearRing2 extends SimpleGeometry {
     /**
      * @param {Array<import("../coordinate.js").Coordinate>|Array<number>} coordinates Coordinates.
      *     For internal use, flat coordinates in combination with `layout` are also accepted.
@@ -4797,7 +4796,7 @@ var __publicField = (obj, key, value) => {
     }
   };
   const LinearRing$2 = LinearRing$1;
-  let Point$6 = class Point2 extends SimpleGeometry$1 {
+  let Point$6 = class Point2 extends SimpleGeometry {
     /**
      * @param {import("../coordinate.js").Coordinate} coordinates Coordinates.
      * @param {import("./Geometry.js").GeometryLayout} [layout] Layout.
@@ -5282,7 +5281,7 @@ var __publicField = (obj, key, value) => {
     }
     return endss;
   }
-  let Polygon$6 = class Polygon2 extends SimpleGeometry$1 {
+  let Polygon$6 = class Polygon2 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
@@ -18182,7 +18181,7 @@ var __publicField = (obj, key, value) => {
     }
     return length2;
   }
-  let LineString$1 = class LineString2 extends SimpleGeometry$1 {
+  let LineString$1 = class LineString2 extends SimpleGeometry {
     /**
      * @param {Array<import("../coordinate.js").Coordinate>|Array<number>} coordinates Coordinates.
      *     For internal use, flat coordinates in combination with `layout` are also accepted.
@@ -19780,7 +19779,7 @@ var __publicField = (obj, key, value) => {
     }
     return flatCenters;
   }
-  let Circle$6 = class Circle2 extends SimpleGeometry$1 {
+  let Circle$6 = class Circle2 extends SimpleGeometry {
     /**
      * @param {!import("../coordinate.js").Coordinate} center Center.
      *     For internal use, flat coordinates in combination with `layout` and no
@@ -20292,7 +20291,7 @@ var __publicField = (obj, key, value) => {
     return geometries.map((geometry) => geometry.clone());
   }
   const GeometryCollection$1 = GeometryCollection;
-  let MultiLineString$1 = class MultiLineString2 extends SimpleGeometry$1 {
+  let MultiLineString$1 = class MultiLineString2 extends SimpleGeometry {
     /**
      * @param {Array<Array<import("../coordinate.js").Coordinate>|LineString>|Array<number>} coordinates
      *     Coordinates or LineString geometries. (For internal use, flat coordinates in
@@ -20608,7 +20607,7 @@ var __publicField = (obj, key, value) => {
     }
   };
   const MultiLineString$2 = MultiLineString$1;
-  let MultiPoint$1 = class MultiPoint2 extends SimpleGeometry$1 {
+  let MultiPoint$1 = class MultiPoint2 extends SimpleGeometry {
     /**
      * @param {Array<import("../coordinate.js").Coordinate>|Array<number>} coordinates Coordinates.
      *     For internal use, flat coordinates in combination with `layout` are also accepted.
@@ -20783,7 +20782,7 @@ var __publicField = (obj, key, value) => {
     }
   };
   const MultiPoint$2 = MultiPoint$1;
-  let MultiPolygon$1 = class MultiPolygon2 extends SimpleGeometry$1 {
+  let MultiPolygon$1 = class MultiPolygon2 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.
@@ -55186,7 +55185,6 @@ ${this.attributes_.map(
       return abstract();
     }
   }
-  const FeatureFormat$1 = FeatureFormat;
   function transformGeometryWithOptions(geometry, write2, options) {
     const featureProjection = options ? get$6(options.featureProjection) : null;
     const dataProjection = options ? get$6(options.dataProjection) : null;
@@ -55299,7 +55297,7 @@ ${this.attributes_.map(
       options
     );
   }
-  class JSONFeature extends FeatureFormat$1 {
+  class JSONFeature extends FeatureFormat {
     constructor() {
       super();
     }
@@ -56236,7 +56234,7 @@ ${this.attributes_.map(
     }
     return document_;
   }
-  class XMLFeature extends FeatureFormat$1 {
+  class XMLFeature extends FeatureFormat {
     constructor() {
       super();
       this.xmlSerializer_ = getXMLSerializer();
@@ -58742,7 +58740,7 @@ ${this.attributes_.map(
   GML.prototype.writeFeatures;
   GML.prototype.writeFeaturesNode;
   const GML$1 = GML;
-  class TextFeature extends FeatureFormat$1 {
+  class TextFeature extends FeatureFormat {
     constructor() {
       super();
     }
@@ -62053,7 +62051,7 @@ ${this.attributes_.map(
     }
     return pos;
   }
-  class MVT extends FeatureFormat$1 {
+  class MVT extends FeatureFormat {
     /**
      * @param {Options<FeatureType>} [options] Options.
      */
@@ -335067,24 +335065,24 @@ ${indentData}`);
     key: 0,
     class: "image-loading"
   };
-  const _hoisted_8$f = {
+  const _hoisted_8$g = {
     key: 1,
     class: "image-error"
   };
-  const _hoisted_9$e = {
+  const _hoisted_9$f = {
     key: 2,
     class: "image-navigation"
   };
-  const _hoisted_10$e = {
+  const _hoisted_10$f = {
     key: 3,
     class: "image-counter"
   };
-  const _hoisted_11$c = {
+  const _hoisted_11$d = {
     key: 2,
     class: "image-thumbnails"
   };
-  const _hoisted_12$a = ["onClick"];
-  const _hoisted_13$9 = ["src", "alt"];
+  const _hoisted_12$b = ["onClick"];
+  const _hoisted_13$a = ["src", "alt"];
   const _hoisted_14$7 = {
     key: 3,
     class: "slideshow-controls"
@@ -335255,10 +335253,10 @@ ${indentData}`);
                     vue.createElementVNode("div", { class: "loading-spinner" }, null, -1),
                     vue.createElementVNode("span", null, "加载中...", -1)
                   ])])) : vue.createCommentVNode("", true),
-                  imageError.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$f, [..._cache[5] || (_cache[5] = [
+                  imageError.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$g, [..._cache[5] || (_cache[5] = [
                     vue.createElementVNode("span", null, "图片加载失败", -1)
                   ])])) : vue.createCommentVNode("", true),
-                  imageList.value.length > 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$e, [
+                  imageList.value.length > 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$f, [
                     vue.createVNode(vue.unref(elementPlus.ElButton), {
                       class: "nav-btn prev-btn",
                       disabled: currentIndex.value === 0,
@@ -335284,10 +335282,10 @@ ${indentData}`);
                       _: 1
                     }, 8, ["disabled"])
                   ])) : vue.createCommentVNode("", true),
-                  imageList.value.length > 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$e, vue.toDisplayString(currentIndex.value + 1) + " / " + vue.toDisplayString(imageList.value.length), 1)) : vue.createCommentVNode("", true)
+                  imageList.value.length > 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$f, vue.toDisplayString(currentIndex.value + 1) + " / " + vue.toDisplayString(imageList.value.length), 1)) : vue.createCommentVNode("", true)
                 ])
               ]),
-              _ctx.config.showThumbnails && imageList.value.length > 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11$c, [
+              _ctx.config.showThumbnails && imageList.value.length > 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11$d, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(imageList.value, (image2, index2) => {
                   return vue.openBlock(), vue.createElementBlock("div", {
                     key: index2,
@@ -335297,8 +335295,8 @@ ${indentData}`);
                     vue.createElementVNode("img", {
                       src: image2,
                       alt: `缩略图 ${index2 + 1}`
-                    }, null, 8, _hoisted_13$9)
-                  ], 10, _hoisted_12$a);
+                    }, null, 8, _hoisted_13$a)
+                  ], 10, _hoisted_12$b);
                 }), 128))
               ])) : vue.createCommentVNode("", true),
               _ctx.config.slideshow && imageList.value.length > 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_14$7, [
@@ -335371,18 +335369,18 @@ ${indentData}`);
     class: "data-stats"
   };
   const _hoisted_7$i = { key: 0 };
-  const _hoisted_8$e = {
+  const _hoisted_8$f = {
     key: 5,
     class: "table-view"
   };
-  const _hoisted_9$d = { class: "table-container" };
-  const _hoisted_10$d = { class: "data-table" };
-  const _hoisted_11$b = ["onClick"];
-  const _hoisted_12$9 = {
+  const _hoisted_9$e = { class: "table-container" };
+  const _hoisted_10$e = { class: "data-table" };
+  const _hoisted_11$c = ["onClick"];
+  const _hoisted_12$a = {
     key: 0,
     class: "sort-indicator"
   };
-  const _hoisted_13$8 = ["onClick"];
+  const _hoisted_13$9 = ["onClick"];
   const _hoisted_14$6 = { key: 0 };
   const _hoisted_15$5 = ["src", "alt"];
   const _hoisted_16$5 = { key: 1 };
@@ -335639,9 +335637,9 @@ ${indentData}`);
                 vue.createElementVNode("span", null, "共 " + vue.toDisplayString(filteredData.value.length) + " 条记录", 1),
                 searchQuery.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$i, "（已过滤 " + vue.toDisplayString(arrayData.value.length - filteredData.value.length) + " 条）", 1)) : vue.createCommentVNode("", true)
               ])) : vue.createCommentVNode("", true),
-              currentView.value === "table" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$e, [
-                vue.createElementVNode("div", _hoisted_9$d, [
-                  vue.createElementVNode("table", _hoisted_10$d, [
+              currentView.value === "table" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$f, [
+                vue.createElementVNode("div", _hoisted_9$e, [
+                  vue.createElementVNode("table", _hoisted_10$e, [
                     vue.createElementVNode("thead", null, [
                       vue.createElementVNode("tr", null, [
                         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(displayFields.value, (field) => {
@@ -335651,8 +335649,8 @@ ${indentData}`);
                             onClick: ($event) => handleSort(field.key)
                           }, [
                             vue.createTextVNode(vue.toDisplayString(field.label) + " ", 1),
-                            field.sortable && sortField.value === field.key ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_12$9, vue.toDisplayString(sortOrder.value === "asc" ? "↑" : "↓"), 1)) : vue.createCommentVNode("", true)
-                          ], 10, _hoisted_11$b);
+                            field.sortable && sortField.value === field.key ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_12$a, vue.toDisplayString(sortOrder.value === "asc" ? "↑" : "↓"), 1)) : vue.createCommentVNode("", true)
+                          ], 10, _hoisted_11$c);
                         }), 128))
                       ])
                     ]),
@@ -335681,7 +335679,7 @@ ${indentData}`);
                               ])) : field.type === "date" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_18$5, vue.toDisplayString(formatDate(getFieldValue(item, field.key || field.name))), 1)) : field.type === "number" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_19$5, vue.toDisplayString(formatNumber2(getFieldValue(item, field.key || field.name))), 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_20$3, vue.toDisplayString(getFieldValue(item, field.key || field.name)), 1))
                             ]);
                           }), 128))
-                        ], 8, _hoisted_13$8);
+                        ], 8, _hoisted_13$9);
                       }), 128))
                     ])
                   ])
@@ -339149,18 +339147,18 @@ ${indentData}`);
   const _hoisted_5$q = ["onClick"];
   const _hoisted_6$k = { class: "item-content" };
   const _hoisted_7$h = { class: "item-name" };
-  const _hoisted_8$d = { class: "item-address" };
-  const _hoisted_9$c = {
+  const _hoisted_8$e = { class: "item-address" };
+  const _hoisted_9$d = {
     key: 1,
     class: "search-section"
   };
-  const _hoisted_10$c = {
+  const _hoisted_10$d = {
     key: 0,
     class: "section-title"
   };
-  const _hoisted_11$a = { class: "result-count" };
-  const _hoisted_12$8 = ["onClick"];
-  const _hoisted_13$7 = { class: "item-content" };
+  const _hoisted_11$b = { class: "result-count" };
+  const _hoisted_12$9 = ["onClick"];
+  const _hoisted_13$8 = { class: "item-content" };
   const _hoisted_14$5 = ["innerHTML"];
   const _hoisted_15$4 = ["innerHTML"];
   const _hoisted_16$4 = {
@@ -339650,20 +339648,20 @@ ${indentData}`);
                       }),
                       vue.createElementVNode("div", _hoisted_6$k, [
                         vue.createElementVNode("div", _hoisted_7$h, vue.toDisplayString(item.name), 1),
-                        vue.createElementVNode("div", _hoisted_8$d, vue.toDisplayString(item.address), 1)
+                        vue.createElementVNode("div", _hoisted_8$e, vue.toDisplayString(item.address), 1)
                       ])
                     ], 10, _hoisted_5$q)
                   ]);
                 }), 128))
               ])) : vue.createCommentVNode("", true),
-              searchResults.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$c, [
+              searchResults.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$d, [
                 vue.renderSlot(_ctx.$slots, "results-title", {
                   searchQuery: searchQuery.value,
                   resultsCount: searchResults.value.length
                 }, () => [
-                  searchQuery.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$c, [
+                  searchQuery.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$d, [
                     vue.createElementVNode("span", null, vue.toDisplayString(resultsTitleText.value), 1),
-                    vue.createElementVNode("span", _hoisted_11$a, "(" + vue.toDisplayString(searchResults.value.length) + ")", 1)
+                    vue.createElementVNode("span", _hoisted_11$b, "(" + vue.toDisplayString(searchResults.value.length) + ")", 1)
                   ])) : vue.createCommentVNode("", true)
                 ]),
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(displayResults.value, (result, index2) => {
@@ -339688,7 +339686,7 @@ ${indentData}`);
                         ]),
                         _: 1
                       }),
-                      vue.createElementVNode("div", _hoisted_13$7, [
+                      vue.createElementVNode("div", _hoisted_13$8, [
                         vue.createElementVNode("div", {
                           class: "item-name",
                           innerHTML: highlightText(result.name, searchQuery.value)
@@ -339700,7 +339698,7 @@ ${indentData}`);
                         result.type ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_16$4, vue.toDisplayString(result.type), 1)) : vue.createCommentVNode("", true)
                       ]),
                       result.confidence ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_17$4, vue.toDisplayString(Math.round(result.confidence * 100)) + "% ", 1)) : vue.createCommentVNode("", true)
-                    ], 10, _hoisted_12$8)
+                    ], 10, _hoisted_12$9)
                   ]);
                 }), 128))
               ])) : vue.createCommentVNode("", true),
@@ -339877,6 +339875,24 @@ ${indentData}`);
     key: 6,
     class: "control-section"
   };
+  const _hoisted_8$d = { class: "drawing-menu-panel-content" };
+  const _hoisted_9$c = { class: "drawing-tool-list" };
+  const _hoisted_10$c = {
+    key: 0,
+    class: "drawing-menu-divider"
+  };
+  const _hoisted_11$a = {
+    key: 1,
+    class: "drawing-toggle-row"
+  };
+  const _hoisted_12$8 = {
+    key: 7,
+    class: "control-divider"
+  };
+  const _hoisted_13$7 = {
+    key: 8,
+    class: "control-section"
+  };
   const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
     __name: "OlControlPanel",
     props: {
@@ -339889,8 +339905,10 @@ ${indentData}`);
       bottomOffset: {},
       viewBookmarks: {}
     },
-    setup(__props, { expose: __expose }) {
+    emits: ["drawing-complete"],
+    setup(__props, { expose: __expose, emit: __emit }) {
       const props = __props;
+      const emit = __emit;
       const map2 = vue.inject("map");
       const mapManager = vue.inject("mapManager");
       const overviewMapUtil = createOverviewMapUtil();
@@ -339900,7 +339918,37 @@ ${indentData}`);
       const currentZoom = vue.ref(10);
       const minZoom = vue.ref(3);
       const maxZoom = vue.ref(18);
+      const isDrawingMenuOpen = vue.ref(false);
+      const continuousDrawing = vue.ref(false);
+      const activeDrawingMode = vue.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 = vue.computed(() => map2 == null ? void 0 : map2.value);
+      const popoverPlacement = vue.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 = vue.computed(() => {
         const basePositions = {
           "top-left": "top-4 left-4",
@@ -339984,10 +340032,55 @@ ${indentData}`);
         const tools = props.config.tools;
         return !!((tools == null ? void 0 : tools.viewBookmarks) || props.config.viewBookmarks);
       });
+      const drawingControlConfig = vue.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 = vue.computed(() => drawingControlConfig.value.enabled);
+      const isDrawingActive = vue.computed(() => activeDrawingMode.value !== "none");
       const hasOtherTools = vue.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);
       });
+      vue.watch(
+        drawingControlConfig,
+        (config) => {
+          continuousDrawing.value = config.continuous;
+        },
+        { immediate: true }
+      );
       const initOverviewMap = () => {
         const tools = props.config.tools || {};
         const rawConfig = tools.overviewMap ?? props.config.overviewMap;
@@ -340157,6 +340250,83 @@ ${indentData}`);
           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) {
@@ -340200,6 +340370,16 @@ ${indentData}`);
         },
         { immediate: true }
       );
+      vue.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;
       };
@@ -340211,6 +340391,7 @@ ${indentData}`);
         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);
@@ -340241,7 +340422,7 @@ ${indentData}`);
         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 = vue.resolveComponent("el-slider");
         return vue.openBlock(), vue.createElementBlock("div", {
           class: vue.normalizeClass(["mapcontrols absolute z-1 pointer-events-none select-none animate-fade-in", positionClasses.value]),
@@ -340480,8 +340661,119 @@ ${indentData}`);
                 _: 1
               }, 8, ["title"])) : vue.createCommentVNode("", true)
             ])) : vue.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) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$j)) : vue.createCommentVNode("", true),
-            ((_p = _ctx.config.tools) == null ? void 0 : _p.clearAll) || _ctx.config.clearAll ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$g, [
+            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) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$j)) : vue.createCommentVNode("", true),
+            isDrawingEnabled.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$g, [
+              vue.createVNode(vue.unref(elementPlus.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: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(elementPlus.ElButton), {
+                    class: vue.normalizeClass(["control-btn", { "is-active": isDrawingMenuOpen.value || isDrawingActive.value }]),
+                    title: "快捷绘制",
+                    size: "small",
+                    text: ""
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(vue.unref(elementPlus.ElIcon), null, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(vue.unref(iconsVue.EditPen))
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["class"])
+                ]),
+                default: vue.withCtx(() => [
+                  vue.createElementVNode("div", _hoisted_8$d, [
+                    _cache[5] || (_cache[5] = vue.createElementVNode("div", { class: "drawing-menu-title" }, "快捷绘制", -1)),
+                    vue.createElementVNode("div", _hoisted_9$c, [
+                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(drawingControlConfig.value.tools, (tool) => {
+                        return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElTooltip), {
+                          key: tool,
+                          content: drawingToolLabels[tool],
+                          placement: "top",
+                          "show-after": 200
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(vue.unref(elementPlus.ElButton), {
+                              size: "small",
+                              text: "",
+                              class: vue.normalizeClass(["drawing-tool-btn", { "is-active": activeDrawingMode.value === tool }]),
+                              onClick: ($event) => startQuickDrawing(tool)
+                            }, {
+                              default: vue.withCtx(() => [
+                                tool === "point" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElIcon), { key: 0 }, {
+                                  default: vue.withCtx(() => [
+                                    vue.createVNode(vue.unref(iconsVue.Location))
+                                  ]),
+                                  _: 1
+                                })) : tool === "line" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElIcon), { key: 1 }, {
+                                  default: vue.withCtx(() => [
+                                    vue.createVNode(vue.unref(iconsVue.Minus))
+                                  ]),
+                                  _: 1
+                                })) : tool === "polygon" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElIcon), { key: 2 }, {
+                                  default: vue.withCtx(() => [
+                                    vue.createVNode(vue.unref(iconsVue.Share))
+                                  ]),
+                                  _: 1
+                                })) : tool === "circle" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElIcon), { key: 3 }, {
+                                  default: vue.withCtx(() => [
+                                    vue.createVNode(vue.unref(iconsVue.CircleCheck))
+                                  ]),
+                                  _: 1
+                                })) : tool === "rectangle" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElIcon), { key: 4 }, {
+                                  default: vue.withCtx(() => [
+                                    vue.createVNode(vue.unref(iconsVue.FullScreen))
+                                  ]),
+                                  _: 1
+                                })) : vue.createCommentVNode("", true)
+                              ]),
+                              _: 2
+                            }, 1032, ["class", "onClick"])
+                          ]),
+                          _: 2
+                        }, 1032, ["content"]);
+                      }), 128))
+                    ]),
+                    drawingControlConfig.value.showContinuousToggle || isDrawingActive.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$c)) : vue.createCommentVNode("", true),
+                    drawingControlConfig.value.showContinuousToggle ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11$a, [
+                      vue.createVNode(vue.unref(elementPlus.ElCheckbox), {
+                        modelValue: continuousDrawing.value,
+                        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => continuousDrawing.value = $event)
+                      }, {
+                        default: vue.withCtx(() => [..._cache[3] || (_cache[3] = [
+                          vue.createTextVNode(" 是否连续绘制 ", -1)
+                        ])]),
+                        _: 1
+                      }, 8, ["modelValue"])
+                    ])) : vue.createCommentVNode("", true),
+                    isDrawingActive.value ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElButton), {
+                      key: 2,
+                      size: "small",
+                      text: "",
+                      class: "drawing-stop-btn",
+                      onClick: stopQuickDrawing
+                    }, {
+                      default: vue.withCtx(() => [..._cache[4] || (_cache[4] = [
+                        vue.createTextVNode(" 停止绘制 ", -1)
+                      ])]),
+                      _: 1
+                    })) : vue.createCommentVNode("", true)
+                  ])
+                ]),
+                _: 1
+              }, 8, ["placement", "trigger", "visible", "disabled"])
+            ])) : vue.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) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12$8)) : vue.createCommentVNode("", true),
+            ((_r2 = _ctx.config.tools) == null ? void 0 : _r2.clearAll) || _ctx.config.clearAll ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_13$7, [
               vue.createVNode(vue.unref(elementPlus.ElButton), {
                 class: "control-btn",
                 title: "清空绘制内容",
@@ -340505,8 +340797,8 @@ ${indentData}`);
       };
     }
   });
-  const OlControlPanel_vue_vue_type_style_index_0_scoped_fdbbb5b4_lang = "";
-  const OlControlPanel = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-fdbbb5b4"]]);
+  const OlControlPanel_vue_vue_type_style_index_0_scoped_13e7a909_lang = "";
+  const OlControlPanel = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-13e7a909"]]);
   const _hoisted_1$u = {
     key: 0,
     class: "ol-legend-header"
@@ -365743,7 +366035,7 @@ ${indentData}`);
       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 = vue.ref([]);
       const currentLayers = vue.ref([]);
@@ -366605,6 +366897,9 @@ ${indentData}`);
             break;
         }
       };
+      const onDrawingComplete = (result) => {
+        emit("drawing-complete", result);
+      };
       const onPrintAction = (data2) => {
         console.log("打印操作:", data2);
         switch (data2.action) {
@@ -367291,7 +367586,8 @@ ${indentData}`);
             "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: vue.withCtx(({ controls }) => [
               vue.renderSlot(_ctx.$slots, "controls", {
@@ -367428,8 +367724,8 @@ ${indentData}`);
       };
     }
   });
-  const OlMap_vue_vue_type_style_index_0_scoped_888f37cb_lang = "";
-  const OlMap = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-888f37cb"]]);
+  const OlMap_vue_vue_type_style_index_0_scoped_847d5f65_lang = "";
+  const OlMap = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-847d5f65"]]);
   const ol = "";
   const Property$1 = {
     ACCURACY: "accuracy",