vue-openlayers-plugin 1.0.91 → 1.0.93

package/lib/{ViewBookmarksDialog-b9fdb1d5.mjs → ViewBookmarksDialog-9f767176.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-dd63f686.mjs";
-import { E as ElMessageBox } from "./index-a081b5c1.mjs";
+import { defineComponent, inject, computed, ref, reactive, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createVNode, createTextVNode, unref, createElementBlock, Fragment, renderList, withModifiers, toDisplayString, createCommentVNode } from "vue";
+import { j as plus_default, k as folder_opened_default, m as download_default, n as delete_default, s as search_default, v as camera_default, w as view_default, q as edit_default, x as location_default, z as zoom_in_default, u as toLonLat, t as fromLonLat, E as ElMessage, y as getUid } from "./index-bc98d31c.mjs";
+import { E as ElMessageBox } from "./index-915b9f4d.mjs";
 import "ol";
 const _hoisted_1 = { class: "bookmarks-content" };
 const _hoisted_2 = { class: "toolbar" };
@@ -8,26 +8,30 @@ const _hoisted_3 = { class: "search-filter" };
 const _hoisted_4 = { class: "bookmarks-grid" };
 const _hoisted_5 = ["onClick"];
 const _hoisted_6 = { class: "bookmark-thumbnail" };
-const _hoisted_7 = { class: "thumbnail-placeholder" };
-const _hoisted_8 = { class: "bookmark-overlay" };
-const _hoisted_9 = { class: "bookmark-info" };
-const _hoisted_10 = { class: "bookmark-title" };
-const _hoisted_11 = { class: "bookmark-meta" };
-const _hoisted_12 = { class: "use-count" };
-const _hoisted_13 = { class: "bookmark-description" };
-const _hoisted_14 = { class: "bookmark-details" };
-const _hoisted_15 = { class: "detail-item" };
+const _hoisted_7 = ["src"];
+const _hoisted_8 = {
+  key: 1,
+  class: "thumbnail-placeholder"
+};
+const _hoisted_9 = { class: "bookmark-overlay" };
+const _hoisted_10 = { class: "bookmark-info" };
+const _hoisted_11 = { class: "bookmark-title" };
+const _hoisted_12 = { class: "bookmark-meta" };
+const _hoisted_13 = { class: "use-count" };
+const _hoisted_14 = { class: "bookmark-description" };
+const _hoisted_15 = { class: "bookmark-details" };
 const _hoisted_16 = { class: "detail-item" };
-const _hoisted_17 = { class: "bookmark-time" };
-const _hoisted_18 = {
+const _hoisted_17 = { class: "detail-item" };
+const _hoisted_18 = { class: "bookmark-time" };
+const _hoisted_19 = {
   key: 0,
   class: "empty-state"
 };
-const _hoisted_19 = {
+const _hoisted_20 = {
   key: 1,
   class: "statistics"
 };
-const _hoisted_20 = { class: "dialog-footer" };
+const _hoisted_21 = { class: "dialog-footer" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ViewBookmarksDialog",
   props: {
@@ -37,6 +41,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const mapRef = inject("map");
+    const map = computed(() => mapRef == null ? void 0 : mapRef.value);
     const dialogVisible = computed({
       get: () => props.modelValue,
       set: (value) => emit("update:modelValue", value)
@@ -77,8 +83,110 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       centerLon: 116.407526,
       centerLat: 39.90403,
       zoom: 10,
-      rotation: 0
+      rotation: 0,
+      thumbnail: "",
+      saveLayerState: true
     });
+    const getLayerStates = () => {
+      if (!map.value)
+        return [];
+      const states = [];
+      const layers = map.value.getLayers().getArray();
+      const processLayer = (layer) => {
+        const id = layer.get("id") || getUid(layer).toString();
+        const title = layer.get("title") || layer.get("name") || "未命名图层";
+        states.push({
+          id,
+          visible: layer.getVisible(),
+          opacity: layer.getOpacity(),
+          title
+        });
+        if (layer.getLayers) {
+          layer.getLayers().forEach((child) => processLayer(child));
+        }
+      };
+      layers.forEach((layer) => processLayer(layer));
+      return states;
+    };
+    const mapManager = inject("mapManager");
+    inject("eventBus");
+    const layerEventBus = inject("layerEventBus");
+    const restoreLayerStates = (states) => {
+      if (!map.value || !states || states.length === 0)
+        return;
+      let restoredCount = 0;
+      const allLayers = [];
+      const collectLayers = (layers) => {
+        layers.forEach((layer) => {
+          allLayers.push(layer);
+          if (layer.getLayers) {
+            collectLayers(layer.getLayers().getArray());
+          }
+        });
+      };
+      collectLayers(map.value.getLayers().getArray());
+      states.forEach((state) => {
+        var _a, _b;
+        const layer = allLayers.find((l) => {
+          const id = l.get("id") || getUid(l).toString();
+          return id === state.id || state.title && l.get("title") === state.title;
+        });
+        if (layer) {
+          if (layer.getVisible() !== state.visible) {
+            layer.setVisible(state.visible);
+            const layerId = layer.get("id") || getUid(layer).toString();
+            const layerName = layer.get("name") || layer.get("title") || "未命名图层";
+            const layerType = layer.get("type") || "unknown";
+            if ((_a = mapManager == null ? void 0 : mapManager.value) == null ? void 0 : _a.layerManager) {
+              mapManager.value.layerManager.setLayerVisible(layerId, state.visible);
+            }
+            if (layerEventBus) {
+              layerEventBus.emit("layer-visibility-changed", {
+                layerId,
+                visible: state.visible,
+                layerName,
+                layerType
+              });
+            }
+          }
+          if (Math.abs(layer.getOpacity() - state.opacity) > 0.01) {
+            layer.setOpacity(state.opacity);
+            const layerId = layer.get("id") || getUid(layer).toString();
+            if ((_b = mapManager == null ? void 0 : mapManager.value) == null ? void 0 : _b.layerManager) {
+              mapManager.value.layerManager.setLayerOpacity(layerId, state.opacity);
+            }
+          }
+          restoredCount++;
+        }
+      });
+      if (restoredCount < states.length) {
+        console.warn(
+          `部分图层状态未恢复: 仅恢复 ${restoredCount}/${states.length} 个图层`
+        );
+      }
+    };
+    const generateThumbnail = () => {
+      if (!map.value)
+        return "";
+      try {
+        const mapCanvas = map.value.getViewport().querySelector("canvas");
+        if (mapCanvas) {
+          const canvas = document.createElement("canvas");
+          const ctx = canvas.getContext("2d");
+          const width = 300;
+          const height = width * (mapCanvas.height / mapCanvas.width);
+          canvas.width = width;
+          canvas.height = height;
+          if (ctx) {
+            ctx.drawImage(mapCanvas, 0, 0, width, height);
+            return canvas.toDataURL("image/jpeg", 0.7);
+          }
+        }
+      } catch (error) {
+        console.error("生成缩略图失败:", error);
+      }
+      return "";
+    };
     const categories = computed(() => {
       const cats = [...new Set(bookmarks.value.map((b) => b.category))];
       return cats.filter((cat) => cat);
@@ -92,7 +200,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         );
       }
       if (filterCategory.value) {
-        result = result.filter((bookmark) => bookmark.category === filterCategory.value);
+        result = result.filter(
+          (bookmark) => bookmark.category === filterCategory.value
+        );
       }
       result.sort((a, b) => {
         switch (sortBy.value) {
@@ -113,12 +223,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return bookmarks.value.filter((bookmark) => bookmark.createTime >= today).length;
     });
     const totalUseCount = computed(() => {
-      return bookmarks.value.reduce((total, bookmark) => total + bookmark.useCount, 0);
+      return bookmarks.value.reduce(
+        (total, bookmark) => total + bookmark.useCount,
+        0
+      );
     });
     const handleSearch = () => {
     };
     const showAddBookmark = () => {
       editingIndex.value = -1;
+      const thumbnail = generateThumbnail();
       Object.assign(bookmarkForm, {
         name: "",
         category: "默认",
@@ -126,8 +240,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         centerLon: 116.407526,
         centerLat: 39.90403,
         zoom: 10,
-        rotation: 0
+        rotation: 0,
+        thumbnail,
+        saveLayerState: true
       });
+      if (map.value) {
+        const view = map.value.getView();
+        const center = view.getCenter();
+        const zoom = view.getZoom();
+        const rotation = view.getRotation();
+        const projection = view.getProjection().getCode();
+        const lonLat = projection === "EPSG:4326" || projection === "EPSG:4490" ? center : toLonLat(center);
+        Object.assign(bookmarkForm, {
+          centerLon: lonLat[0],
+          centerLat: lonLat[1],
+          zoom,
+          rotation: rotation * 180 / Math.PI
+          // 转换为角度
+        });
+      }
       showBookmarkForm.value = true;
     };
     const editBookmark = (bookmark, index) => {
@@ -139,7 +270,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         centerLon: bookmark.center[0],
         centerLat: bookmark.center[1],
         zoom: bookmark.zoom,
-        rotation: bookmark.rotation
+        rotation: bookmark.rotation,
+        thumbnail: bookmark.thumbnail || "",
+        saveLayerState: !!(bookmark.layerStates && bookmark.layerStates.length > 0)
       });
       showBookmarkForm.value = true;
     };
@@ -148,16 +281,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         console.error("请输入书签名称");
         return;
       }
+      const layerStates = bookmarkForm.saveLayerState ? getLayerStates() : void 0;
       const bookmarkData = {
         id: editingIndex.value >= 0 ? bookmarks.value[editingIndex.value].id : Date.now().toString(),
         name: bookmarkForm.name,
         category: bookmarkForm.category || "默认",
         description: bookmarkForm.description,
-        center: [Number(bookmarkForm.centerLon), Number(bookmarkForm.centerLat)],
+        center: [
+          Number(bookmarkForm.centerLon),
+          Number(bookmarkForm.centerLat)
+        ],
         zoom: bookmarkForm.zoom,
         rotation: bookmarkForm.rotation,
         useCount: editingIndex.value >= 0 ? bookmarks.value[editingIndex.value].useCount : 0,
-        createTime: editingIndex.value >= 0 ? bookmarks.value[editingIndex.value].createTime : /* @__PURE__ */ new Date()
+        createTime: editingIndex.value >= 0 ? bookmarks.value[editingIndex.value].createTime : /* @__PURE__ */ new Date(),
+        thumbnail: bookmarkForm.thumbnail,
+        layerStates
       };
       if (editingIndex.value >= 0) {
         bookmarks.value[editingIndex.value] = bookmarkData;
@@ -174,6 +313,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const applyBookmark = (bookmark) => {
       bookmark.useCount++;
+      if (map.value) {
+        const view = map.value.getView();
+        const projection = view.getProjection().getCode();
+        const center = projection === "EPSG:4326" || projection === "EPSG:4490" ? bookmark.center : fromLonLat(bookmark.center);
+        view.animate({
+          center,
+          zoom: bookmark.zoom,
+          rotation: bookmark.rotation * Math.PI / 180,
+          // 转换为弧度
+          duration: 1e3
+        });
+        if (bookmark.layerStates && bookmark.layerStates.length > 0) {
+          restoreLayerStates(bookmark.layerStates);
+          ElMessage.success(`已应用视角并恢复图层状态`);
+        } else {
+          ElMessage.success(`已应用视角`);
+        }
+      }
       emit("bookmark-action", {
         action: "apply",
         bookmark
@@ -181,15 +338,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       console.log(`已应用视角: ${bookmark.name}`);
     };
     const deleteBookmark = (index) => {
-      ElMessageBox.confirm(
-        "确定要删除这个书签吗？",
-        "确认删除",
-        {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning"
-        }
-      ).then(() => {
+      ElMessageBox.confirm("确定要删除这个书签吗？", "确认删除", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(() => {
         const bookmark = bookmarks.value[index];
         bookmarks.value.splice(index, 1);
         emit("bookmark-action", {
@@ -201,15 +354,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       });
     };
     const clearAllBookmarks = () => {
-      ElMessageBox.confirm(
-        "确定要清空所有书签吗？此操作不可恢复！",
-        "确认清空",
-        {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning"
-        }
-      ).then(() => {
+      ElMessageBox.confirm("确定要清空所有书签吗？此操作不可恢复！", "确认清空", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(() => {
         bookmarks.value = [];
         emit("bookmark-action", {
           action: "clear"
@@ -285,7 +434,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_el_col = resolveComponent("el-col");
       const _component_el_row = resolveComponent("el-row");
       const _component_el_form_item = resolveComponent("el-form-item");
-      const _component_el_slider = resolveComponent("el-slider");
+      const _component_el_checkbox = resolveComponent("el-checkbox");
       const _component_el_form = resolveComponent("el-form");
       const _component_EPlusDialog = resolveComponent("EPlusDialog");
       return openBlock(), createBlock(_component_EPlusDialog, {
@@ -296,13 +445,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "before-close": handleClose,
         "show-modal": false,
         "modal-class": ["pointer-events-none"],
-        cacheId: "bookmarks-dialog",
+        "cache-id": "bookmarks-dialog",
         class: "bookmarks-dialog"
       }, {
         footer: withCtx(() => [
-          createElementVNode("div", _hoisted_20, [
+          createElementVNode("div", _hoisted_21, [
             createVNode(_component_el_button, { onClick: handleClose }, {
-              default: withCtx(() => [..._cache[23] || (_cache[23] = [
+              default: withCtx(() => [..._cache[24] || (_cache[24] = [
                 createTextVNode("关闭", -1)
               ])]),
               _: 1
@@ -342,8 +491,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, 8, ["icon"]),
               createVNode(_component_el_button, {
                 icon: unref(delete_default),
-                onClick: clearAllBookmarks,
-                disabled: bookmarks.value.length === 0
+                disabled: bookmarks.value.length === 0,
+                onClick: clearAllBookmarks
               }, {
                 default: withCtx(() => [..._cache[16] || (_cache[16] = [
                   createTextVNode(" 清空全部 ", -1)
@@ -358,8 +507,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 placeholder: "搜索书签名称或描述...",
                 "prefix-icon": unref(search_default),
                 clearable: "",
-                onInput: handleSearch,
-                style: { "width": "300px" }
+                style: { "width": "300px" },
+                onInput: handleSearch
               }, null, 8, ["modelValue", "prefix-icon"]),
               createVNode(_component_el_select, {
                 modelValue: filterCategory.value,
@@ -414,7 +563,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   onClick: ($event) => applyBookmark(bookmark)
                 }, [
                   createElementVNode("div", _hoisted_6, [
-                    createElementVNode("div", _hoisted_7, [
+                    bookmark.thumbnail ? (openBlock(), createElementBlock("img", {
+                      key: 0,
+                      src: bookmark.thumbnail,
+                      class: "thumbnail-image"
+                    }, null, 8, _hoisted_7)) : (openBlock(), createElementBlock("div", _hoisted_8, [
                       createVNode(_component_el_icon, {
                         size: "40",
                         color: "#409eff"
@@ -424,8 +577,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         ]),
                         _: 1
                       })
-                    ]),
-                    createElementVNode("div", _hoisted_8, [
+                    ])),
+                    createElementVNode("div", _hoisted_9, [
                       createVNode(_component_el_button_group, null, {
                         default: withCtx(() => [
                           createVNode(_component_el_button, {
@@ -452,8 +605,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           createVNode(_component_el_button, {
                             size: "small",
                             icon: unref(delete_default),
-                            onClick: withModifiers(($event) => deleteBookmark(index), ["stop"]),
-                            class: "delete-btn"
+                            class: "delete-btn",
+                            onClick: withModifiers(($event) => deleteBookmark(index), ["stop"])
                           }, {
                             default: withCtx(() => [..._cache[19] || (_cache[19] = [
                               createTextVNode(" 删除 ", -1)
@@ -465,9 +618,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       }, 1024)
                     ])
                   ]),
-                  createElementVNode("div", _hoisted_9, [
-                    createElementVNode("div", _hoisted_10, toDisplayString(bookmark.name), 1),
-                    createElementVNode("div", _hoisted_11, [
+                  createElementVNode("div", _hoisted_10, [
+                    createElementVNode("div", _hoisted_11, toDisplayString(bookmark.name), 1),
+                    createElementVNode("div", _hoisted_12, [
                       createVNode(_component_el_tag, {
                         size: "small",
                         type: "info"
@@ -477,11 +630,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         ]),
                         _: 2
                       }, 1024),
-                      createElementVNode("span", _hoisted_12, "使用 " + toDisplayString(bookmark.useCount) + " 次", 1)
+                      createElementVNode("span", _hoisted_13, "使用 " + toDisplayString(bookmark.useCount) + " 次", 1)
                     ]),
-                    createElementVNode("div", _hoisted_13, toDisplayString(bookmark.description), 1),
-                    createElementVNode("div", _hoisted_14, [
-                      createElementVNode("span", _hoisted_15, [
+                    createElementVNode("div", _hoisted_14, toDisplayString(bookmark.description), 1),
+                    createElementVNode("div", _hoisted_15, [
+                      createElementVNode("span", _hoisted_16, [
                         createVNode(_component_el_icon, null, {
                           default: withCtx(() => [
                             createVNode(unref(location_default))
@@ -490,7 +643,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         }),
                         createTextVNode(" " + toDisplayString(bookmark.center[0].toFixed(4)) + ", " + toDisplayString(bookmark.center[1].toFixed(4)), 1)
                       ]),
-                      createElementVNode("span", _hoisted_16, [
+                      createElementVNode("span", _hoisted_17, [
                         createVNode(_component_el_icon, null, {
                           default: withCtx(() => [
                             createVNode(unref(zoom_in_default))
@@ -500,12 +653,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         createTextVNode(" 缩放: " + toDisplayString(bookmark.zoom), 1)
                       ])
                     ]),
-                    createElementVNode("div", _hoisted_17, toDisplayString(formatTime(bookmark.createTime)), 1)
+                    createElementVNode("div", _hoisted_18, toDisplayString(formatTime(bookmark.createTime)), 1)
                   ])
                 ], 8, _hoisted_5);
               }), 128))
             ]),
-            filteredBookmarks.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_18, [
+            filteredBookmarks.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_19, [
               createVNode(_component_el_empty, { description: "暂无书签" }, {
                 default: withCtx(() => [
                   createVNode(_component_el_button, {
@@ -521,7 +674,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 _: 1
               })
             ])) : createCommentVNode("", true),
-            bookmarks.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_19, [
+            bookmarks.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_20, [
               createVNode(_component_el_row, { gutter: 20 }, {
                 default: withCtx(() => [
                   createVNode(_component_el_col, { span: 6 }, {
@@ -570,14 +723,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => showBookmarkForm.value = $event),
             title: editingIndex.value >= 0 ? "编辑书签" : "保存视角书签",
             width: "450px",
-            cacheId: "bookmark-form",
+            "cache-id": "bookmark-form",
             "show-modal": false
           }, {
             footer: withCtx(() => [
               createVNode(_component_el_button, {
                 onClick: _cache[10] || (_cache[10] = ($event) => showBookmarkForm.value = false)
               }, {
-                default: withCtx(() => [..._cache[21] || (_cache[21] = [
+                default: withCtx(() => [..._cache[22] || (_cache[22] = [
                   createTextVNode("取消", -1)
                 ])]),
                 _: 1
@@ -586,7 +739,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 type: "primary",
                 onClick: saveBookmark
               }, {
-                default: withCtx(() => [..._cache[22] || (_cache[22] = [
+                default: withCtx(() => [..._cache[23] || (_cache[23] = [
                   createTextVNode("保存", -1)
                 ])]),
                 _: 1
@@ -649,27 +802,34 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   }),
                   createVNode(_component_el_form_item, { label: "中心点" }, {
                     default: withCtx(() => [
-                      createVNode(_component_el_row, { gutter: 10 }, {
+                      createVNode(_component_el_row, {
+                        gutter: 10,
+                        style: { "width": "100%", "margin": "0" }
+                      }, {
                         default: withCtx(() => [
-                          createVNode(_component_el_col, { span: 12 }, {
+                          createVNode(_component_el_col, {
+                            span: 12,
+                            style: { "padding-left": "0" }
+                          }, {
                             default: withCtx(() => [
                               createVNode(_component_el_input, {
                                 modelValue: bookmarkForm.centerLon,
                                 "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => bookmarkForm.centerLon = $event),
-                                type: "number",
-                                step: "0.000001",
+                                readonly: "",
                                 placeholder: "经度"
                               }, null, 8, ["modelValue"])
                             ]),
                             _: 1
                           }),
-                          createVNode(_component_el_col, { span: 12 }, {
+                          createVNode(_component_el_col, {
+                            span: 12,
+                            style: { "padding-right": "0" }
+                          }, {
                             default: withCtx(() => [
                               createVNode(_component_el_input, {
                                 modelValue: bookmarkForm.centerLat,
                                 "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => bookmarkForm.centerLat = $event),
-                                type: "number",
-                                step: "0.000001",
+                                readonly: "",
                                 placeholder: "纬度"
                               }, null, 8, ["modelValue"])
                             ]),
@@ -681,29 +841,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   }),
-                  createVNode(_component_el_form_item, { label: "缩放级别" }, {
+                  createVNode(_component_el_form_item, { label: "旋转角度" }, {
                     default: withCtx(() => [
-                      createVNode(_component_el_slider, {
-                        modelValue: bookmarkForm.zoom,
-                        "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => bookmarkForm.zoom = $event),
-                        min: 1,
-                        max: 20,
-                        step: 0.1,
-                        "show-input": ""
+                      createVNode(_component_el_input, {
+                        modelValue: bookmarkForm.rotation,
+                        "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => bookmarkForm.rotation = $event),
+                        readonly: ""
                       }, null, 8, ["modelValue"])
                     ]),
                     _: 1
                   }),
-                  createVNode(_component_el_form_item, { label: "旋转角度" }, {
+                  createVNode(_component_el_form_item, null, {
                     default: withCtx(() => [
-                      createVNode(_component_el_slider, {
-                        modelValue: bookmarkForm.rotation,
-                        "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => bookmarkForm.rotation = $event),
-                        min: 0,
-                        max: 360,
-                        step: 1,
-                        "show-input": ""
-                      }, null, 8, ["modelValue"])
+                      createVNode(_component_el_checkbox, {
+                        modelValue: bookmarkForm.saveLayerState,
+                        "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => bookmarkForm.saveLayerState = $event)
+                      }, {
+                        default: withCtx(() => [..._cache[21] || (_cache[21] = [
+                          createTextVNode("保存当前图层状态（可见性、透明度）", -1)
+                        ])]),
+                        _: 1
+                      }, 8, ["modelValue"])
                     ]),
                     _: 1
                   })