vue-openlayers-plugin 1.0.56 → 1.0.57

package/lib/{index-a4ec7e53.mjs → index-799a4733.mjs}

@@ -4,7 +4,7 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import { getCurrentInstance, inject, ref, computed, unref, getCurrentScope, onScopeDispose, shallowRef, watchEffect, readonly, onMounted, nextTick, watch, isRef, warn as warn$3, provide, defineComponent, openBlock, createElementBlock, mergeProps, renderSlot, createElementVNode, toRef, onUnmounted, useAttrs as useAttrs$1, useSlots, normalizeClass, normalizeStyle as normalizeStyle$1, createCommentVNode, Fragment, createBlock, withCtx, resolveDynamicComponent, withModifiers, toDisplayString, onBeforeUnmount, createVNode as createVNode$1, Transition, withDirectives, createTextVNode, vShow, Text as Text$6, reactive, h as h$4, shallowReactive, isVNode, render as render$3, markRaw, toRefs, resolveComponent, withKeys, renderList, createApp, resolveDirective, Teleport } from "vue";
+import { getCurrentInstance, inject, ref, computed, unref, getCurrentScope, onScopeDispose, shallowRef, watchEffect, readonly, onMounted, nextTick, watch, isRef, warn as warn$3, provide, defineComponent, openBlock, createElementBlock, mergeProps, renderSlot, createElementVNode, toRef, onUnmounted, useAttrs as useAttrs$1, useSlots, normalizeClass, normalizeStyle as normalizeStyle$1, createCommentVNode, Fragment, createBlock, withCtx, resolveDynamicComponent, withModifiers, toDisplayString, onBeforeUnmount, createVNode as createVNode$1, Transition, withDirectives, createTextVNode, vShow, Text as Text$6, reactive, h as h$4, shallowReactive, isVNode, render as render$3, markRaw, toRefs, resolveComponent, withKeys, renderList, createApp, resolveDirective, Teleport, createSlots, normalizeProps, guardReactiveProps } from "vue";
 import { Feature as Feature$6, Map as Map$8 } from "ol";
 function _mergeNamespaces(n2, m2) {
   for (var i = 0; i < m2.length; i++) {
@@ -478890,7 +478890,22 @@ class ConfigLoader {
         fullScreen: false,
         scaleLine: true,
         mousePosition: false,
-        overviewMap: false
+        overviewMap: false,
+        layerPanel: {
+          enabled: true,
+          defaultOpen: false,
+          position: "right",
+          title: "图层管理",
+          width: "350px",
+          height: "600px",
+          modal: false,
+          draggable: true,
+          resizable: true,
+          showClose: true,
+          cacheId: "layer-dialog",
+          className: "layer-dialog",
+          collapsible: true
+        }
       },
       baseLayers: [
         {
@@ -480159,8 +480174,18 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const layerTreeManager = new LayerTreeManager();
     const layerConfigManager = new LayerConfigManager();
     const defaultExpandedKeys = computed(() => layerTreeManager.defaultExpandedKeys.value);
-    const defaultCheckedKeys = computed(() => layerTreeManager.defaultCheckedKeys.value);
-    const treeData = computed(() => layerTreeManager.treeData.value);
+    const defaultCheckedKeys = ref([]);
+    const treeData = ref([]);
+    onMounted(() => {
+      try {
+        defaultCheckedKeys.value = Array.isArray(layerTreeManager.defaultCheckedKeys.value) ? [...layerTreeManager.defaultCheckedKeys.value] : [];
+        const source = layerTreeManager.treeData.value;
+        treeData.value = source ? JSON.parse(JSON.stringify(source)) : [];
+      } catch (e8) {
+        defaultCheckedKeys.value = layerTreeManager.defaultCheckedKeys.value || [];
+        treeData.value = layerTreeManager.treeData.value || [];
+      }
+    });
     const handleLayerDoubleClick = (data) => {
       layerTreeManager.handleLayerDoubleClick(data, layerManager.value, map2.value);
     };
@@ -480271,6 +480296,22 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     inject("eventBus");
     inject("storage");
     const mapManager = inject("mapManager");
+    const dialogProps = computed(() => {
+      var _a3;
+      const ui2 = ((_a3 = config == null ? void 0 : config.value) == null ? void 0 : _a3.ui) || {};
+      return {
+        title: ui2.title ?? "图层管理",
+        width: ui2.width ?? "350px",
+        height: ui2.height ?? "600px",
+        modal: ui2.modal ?? false,
+        draggable: ui2.draggable ?? true,
+        resizable: ui2.resizable ?? true,
+        showClose: ui2.showClose ?? true,
+        position: ui2.position ?? "right",
+        cacheId: ui2.cacheId ?? "layer-dialog",
+        className: ui2.className ?? "layer-dialog"
+      };
+    });
     watch(config, (newConfig) => {
       var _a3, _b3, _c2;
       console.log("🔍 [LayerPanel] config变化:", newConfig);
@@ -480526,11 +480567,33 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         treeRef.value.setCheckedKeys(checkedKeys);
       }
     };
+    const hasTreeSnapshot = ref(false);
+    const expectedLayerCount = computed(() => {
+      var _a3, _b3, _c2;
+      const c2 = (config == null ? void 0 : config.value) || {};
+      const total = (((_a3 = c2.baseLayers) == null ? void 0 : _a3.length) || 0) + (((_b3 = c2.overlayLayers) == null ? void 0 : _b3.length) || 0) + (((_c2 = c2.vectorLayers) == null ? void 0 : _c2.length) || 0);
+      return total;
+    });
     watchEffect(() => {
       if (layerGroups.value.length > 0) {
         layerTreeManager.setLayerGroups(layerGroups.value);
         layerTreeManager.setDefaultExpandedKeys(layerGroups.value.map((group2) => group2.id));
         initializeExpandedKeys();
+        if (!hasTreeSnapshot.value) {
+          const isInitialRegistrationDone = layers.value.length >= expectedLayerCount.value || expectedLayerCount.value === 0;
+          console.log("🔍 [LayerPanel] 快照准备检查: layers.length=", layers.value.length, " expected=", expectedLayerCount.value, " done=", isInitialRegistrationDone);
+          if (isInitialRegistrationDone) {
+            try {
+              defaultCheckedKeys.value = Array.isArray(layerTreeManager.defaultCheckedKeys.value) ? [...layerTreeManager.defaultCheckedKeys.value] : [];
+              const source = layerTreeManager.treeData.value;
+              treeData.value = source ? JSON.parse(JSON.stringify(source)) : [];
+            } catch (e8) {
+              defaultCheckedKeys.value = layerTreeManager.defaultCheckedKeys.value || [];
+              treeData.value = layerTreeManager.treeData.value || [];
+            }
+            hasTreeSnapshot.value = true;
+          }
+        }
         nextTick(() => {
           syncTreeCheckedState();
         });
@@ -480728,20 +480791,41 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(CustomDialog, {
         modelValue: visible.value,
         "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => visible.value = $event),
-        title: "图层管理",
-        width: "350px",
-        height: "600px",
-        "show-modal": false,
-        draggable: true,
-        resizable: true,
-        "show-close": true,
-        position: "right",
-        cacheId: "layer-dialog",
-        class: "layer-dialog",
+        title: dialogProps.value.title,
+        width: dialogProps.value.width,
+        height: dialogProps.value.height,
+        "show-modal": dialogProps.value.modal,
+        draggable: dialogProps.value.draggable,
+        resizable: dialogProps.value.resizable,
+        "show-close": dialogProps.value.showClose,
+        position: dialogProps.value.position,
+        cacheId: dialogProps.value.cacheId,
+        class: normalizeClass(dialogProps.value.className),
         onClose: handleClose
       }, {
         default: withCtx(() => [
-          createVNode$1(_component_el_tabs, {
+          _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", {
+            key: 0,
+            layers: layers.value,
+            layerGroups: layerGroups.value,
+            onTreeCheck,
+            handleLayerVisibilityChange,
+            updateLayerOpacity,
+            updateClusterDistance,
+            updateSuperMapConfig,
+            resetLayerStyle,
+            layerManager: layerManager.value,
+            layerTreeManager: unref(layerTreeManager),
+            layerConfigManager: unref(layerConfigManager),
+            treeRef: treeRef.value,
+            treeData: treeData.value,
+            treeProps,
+            defaultExpandedKeys: defaultExpandedKeys.value,
+            defaultCheckedKeys: defaultCheckedKeys.value,
+            syncTreeCheckedState,
+            getAllTreeNodes
+          }, void 0, true) : (openBlock(), createBlock(_component_el_tabs, {
+            key: 1,
             modelValue: activeMainTab.value,
             "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => activeMainTab.value = $event),
             class: "main-tabs"
@@ -480847,14 +480931,14 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               })
             ]),
             _: 1
-          }, 8, ["modelValue"])
+          }, 8, ["modelValue"]))
         ]),
-        _: 1
-      }, 8, ["modelValue"]);
+        _: 3
+      }, 8, ["modelValue", "title", "width", "height", "show-modal", "draggable", "resizable", "show-close", "position", "cacheId", "class"]);
     };
   }
 });
-const LayerPanel = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-c66f28f2"]]);
+const LayerPanel = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-d12fef13"]]);
 const _hoisted_1$1 = {
   key: 2,
   class: "tooltip-content"
@@ -481105,7 +481189,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1 = {
-  key: 10,
+  key: 8,
   class: "absolute top-15 right-2.5 w-62.5 max-h-75 bg-white rounded-md shadow-lg z-1000 overflow-hidden md:w-50 md:top-20 md:right-1.25"
 };
 const _hoisted_2 = { class: "flex items-center justify-between px-4 py-3 border-b border-gray-200 bg-gray-50" };
@@ -481192,6 +481276,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const hasMapInfoSlot = computed(() => !!slots.mapInfo || !!slots["map-info"]);
     const hasLayerPanelSlot = computed(() => !!slots.layerPanel || !!slots["layer-panel"]);
     const hasLegendSlot = computed(() => !!slots.legend);
+    const finalEnableLayerPanel = computed(() => {
+      var _a3, _b3;
+      if (hasLayerPanelSlot.value)
+        return true;
+      return props.showLayerPanel !== void 0 ? props.showLayerPanel : ((_b3 = (_a3 = finalMapConfig.value.controls) == null ? void 0 : _a3.layerPanel) == null ? void 0 : _b3.enabled) ?? false;
+    });
     const finalShowToolbar = computed(() => {
       var _a3;
       if (hasToolbarSlot.value)
@@ -481204,12 +481294,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return false;
       return props.showMapInfo !== void 0 ? props.showMapInfo : ((_a3 = finalMapConfig.value.ui) == null ? void 0 : _a3.showMapInfo) ?? true;
     });
-    const finalShowLayerPanel = computed(() => {
-      var _a3;
-      if (hasLayerPanelSlot.value)
-        return false;
-      return props.showLayerPanel !== void 0 ? props.showLayerPanel : ((_a3 = finalMapConfig.value.ui) == null ? void 0 : _a3.showLayerPanel) ?? false;
-    });
     const showLegend = computed(() => {
       var _a3;
       if (hasLegendSlot.value)
@@ -481252,18 +481336,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const finalShowControls = computed(() => {
       var _a3;
-      return props.showControls !== void 0 ? props.showControls : ((_a3 = finalMapConfig.value.controls) == null ? void 0 : _a3.useCustomStyle) ?? false;
+      const controls = finalMapConfig.value.controls || {};
+      const useCustomStyle = controls.useCustomStyle ?? ((_a3 = controls.tools) == null ? void 0 : _a3.useCustomStyle) ?? false;
+      return props.showControls !== void 0 ? props.showControls : useCustomStyle;
     });
     const finalControlsConfig = computed(() => {
-      var _a3, _b3, _c2, _d, _e2, _f;
+      const controls = finalMapConfig.value.controls || {};
+      const { tools = {}, ...controlsRest } = controls;
       return {
-        ...finalMapConfig.value.controls,
-        position: props.controlsPosition || ((_a3 = finalMapConfig.value.controls) == null ? void 0 : _a3.position) || "bottom-left",
-        direction: props.controlsDirection || ((_b3 = finalMapConfig.value.controls) == null ? void 0 : _b3.direction) || "vertical",
-        leftOffset: props.controlsLeftOffset || ((_c2 = finalMapConfig.value.controls) == null ? void 0 : _c2.leftOffset),
-        rightOffset: props.controlsRightOffset || ((_d = finalMapConfig.value.controls) == null ? void 0 : _d.rightOffset),
-        topOffset: props.controlsTopOffset || ((_e2 = finalMapConfig.value.controls) == null ? void 0 : _e2.topOffset),
-        bottomOffset: props.controlsBottomOffset || ((_f = finalMapConfig.value.controls) == null ? void 0 : _f.bottomOffset),
+        ...tools,
+        ...controlsRest,
+        position: props.controlsPosition || controlsRest.position || tools.position || "bottom-left",
+        direction: props.controlsDirection || controlsRest.direction || tools.direction || "vertical",
+        leftOffset: props.controlsLeftOffset || controlsRest.leftOffset,
+        rightOffset: props.controlsRightOffset || controlsRest.rightOffset,
+        topOffset: props.controlsTopOffset || controlsRest.topOffset,
+        bottomOffset: props.controlsBottomOffset || controlsRest.bottomOffset,
         ...props.controlsConfig
       };
     });
@@ -481314,9 +481402,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const measurementResults = ref([]);
     const layerPanelConfig = computed(() => {
+      var _a3, _b3;
       console.log("🔍 [CustomOpenlayer] layerPanelConfig计算中...");
       console.log("🔍 [CustomOpenlayer] loadedConfig.value:", loadedConfig.value);
       console.log("🔍 [CustomOpenlayer] props.mapConfig:", props.mapConfig);
+      const lpControls = ((_b3 = (_a3 = finalMapConfig.value) == null ? void 0 : _a3.controls) == null ? void 0 : _b3.layerPanel) || {};
+      const ui2 = {
+        title: lpControls.title ?? "图层管理",
+        width: lpControls.width ?? "350px",
+        height: lpControls.height ?? "600px",
+        modal: lpControls.modal ?? false,
+        draggable: lpControls.draggable ?? true,
+        resizable: lpControls.resizable ?? true,
+        showClose: lpControls.showClose ?? true,
+        position: lpControls.position ?? "right",
+        cacheId: lpControls.cacheId ?? "layer-dialog",
+        className: lpControls.className ?? "layer-dialog"
+      };
       if (loadedConfig.value) {
         const hasLayers = loadedConfig.value.baseLayers && loadedConfig.value.baseLayers.length > 0 || loadedConfig.value.overlayLayers && loadedConfig.value.overlayLayers.length > 0 || loadedConfig.value.vectorLayers && loadedConfig.value.vectorLayers.length > 0;
         console.log("🔍 [CustomOpenlayer] loadedConfig hasLayers:", hasLayers);
@@ -481324,7 +481426,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           const config = {
             baseLayers: loadedConfig.value.baseLayers || [],
             overlayLayers: loadedConfig.value.overlayLayers || [],
-            vectorLayers: loadedConfig.value.vectorLayers || []
+            vectorLayers: loadedConfig.value.vectorLayers || [],
+            ui: ui2
           };
           console.log("🔍 [CustomOpenlayer] 使用loadedConfig，返回配置:", config);
           return config;
@@ -481334,7 +481437,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         const config = {
           baseLayers: props.mapConfig.baseLayers || [],
           overlayLayers: props.mapConfig.overlayLayers || [],
-          vectorLayers: props.mapConfig.vectorLayers || []
+          vectorLayers: props.mapConfig.vectorLayers || [],
+          ui: ui2
         };
         console.log("🔍 [CustomOpenlayer] 使用props.mapConfig，返回配置:", config);
         console.log("🔍 [CustomOpenlayer] overlayLayers数量:", config.overlayLayers.length);
@@ -481347,7 +481451,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return {
         baseLayers: [],
         overlayLayers: [],
-        vectorLayers: []
+        vectorLayers: [],
+        ui: ui2
       };
     });
     const measurementTool = ref(null);
@@ -481378,6 +481483,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       },
       { deep: true }
     );
+    watch(
+      () => props.showLayerPanel,
+      (val) => {
+        if (val !== void 0) {
+          showLayerPanel.value = val;
+        }
+      }
+    );
     watch(
       finalMapConfig,
       (newConfig) => {
@@ -481394,7 +481507,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       { deep: true }
     );
     onMounted(async () => {
+      var _a3, _b3;
       await loadConfig();
+      const defaultLayerPanelOpen = props.showLayerPanel !== void 0 ? props.showLayerPanel : ((_b3 = (_a3 = finalMapConfig.value.controls) == null ? void 0 : _a3.layerPanel) == null ? void 0 : _b3.defaultOpen) ?? false;
+      if (defaultLayerPanelOpen) {
+        showLayerPanel.value = true;
+      }
       if (props.enableStorage) {
         loadStoredData();
       }
@@ -481630,10 +481748,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const onSearchClear = () => {
       emit("search-clear");
     };
-    const onLayerChange = (layer2) => {
-      emit("layer-change", layer2);
-      console.log("Layer changed:", layer2);
-    };
     const onShowLayerPanel = () => {
       showLayerPanel.value = true;
     };
@@ -482189,16 +482303,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         hasToolbarSlot.value ? renderSlot(_ctx.$slots, "toolbar", { key: 2 }, void 0, true) : createCommentVNode("", true),
         hasMapInfoSlot.value ? renderSlot(_ctx.$slots, "mapInfo", { key: 3 }, void 0, true) : createCommentVNode("", true),
         hasMapInfoSlot.value ? renderSlot(_ctx.$slots, "map-info", { key: 4 }, void 0, true) : createCommentVNode("", true),
-        finalShowLayerPanel.value ? (openBlock(), createBlock(LayerPanel, {
+        finalEnableLayerPanel.value ? (openBlock(), createBlock(LayerPanel, {
           key: 5,
           modelValue: showLayerPanel.value,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => showLayerPanel.value = $event),
-          onLayerChange
-        }, null, 8, ["modelValue"])) : createCommentVNode("", true),
-        hasLayerPanelSlot.value ? renderSlot(_ctx.$slots, "layerPanel", { key: 6 }, void 0, true) : createCommentVNode("", true),
-        hasLayerPanelSlot.value ? renderSlot(_ctx.$slots, "layer-panel", { key: 7 }, void 0, true) : createCommentVNode("", true),
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => showLayerPanel.value = $event)
+        }, createSlots({ _: 2 }, [
+          hasLayerPanelSlot.value ? {
+            name: "default",
+            fn: withCtx((panel) => [
+              renderSlot(_ctx.$slots, "layerPanel", normalizeProps(guardReactiveProps(panel)), void 0, true),
+              renderSlot(_ctx.$slots, "layer-panel", normalizeProps(guardReactiveProps(panel)), void 0, true)
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["modelValue"])) : createCommentVNode("", true),
         showLegend.value ? (openBlock(), createBlock(LegendPanel, {
-          key: 8,
+          key: 6,
           position: finalLegendPosition.value,
           width: finalLegendWidth.value,
           collapsible: finalLegendCollapsible.value,
@@ -482209,7 +482329,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "top-offset": props.legendTopOffset,
           "bottom-offset": props.legendBottomOffset
         }, null, 8, ["position", "width", "collapsible", "default-collapsed", "show-only-visible", "left-offset", "right-offset", "top-offset", "bottom-offset"])) : createCommentVNode("", true),
-        hasLegendSlot.value ? renderSlot(_ctx.$slots, "legend", { key: 9 }, void 0, true) : createCommentVNode("", true),
+        hasLegendSlot.value ? renderSlot(_ctx.$slots, "legend", { key: 7 }, void 0, true) : createCommentVNode("", true),
         measurementResults.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1, [
           createElementVNode("div", _hoisted_2, [
             _cache[6] || (_cache[6] = createElementVNode("h4", { class: "m-0 text-sm font-semibold text-gray-800" }, "测量结果", -1)),
@@ -482256,7 +482376,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CustomOpenlayer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c8137b4e"]]);
+const CustomOpenlayer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a8800082"]]);
 var u8 = Uint8Array;
 var u16 = Uint16Array;
 var i32 = Int32Array;
@@ -490528,7 +490648,7 @@ function(t3) {
  */
 function(t3) {
   function e8() {
-    return (n.canvg ? Promise.resolve(n.canvg) : import("./index.es-1ed309bd.mjs")).catch(function(t4) {
+    return (n.canvg ? Promise.resolve(n.canvg) : import("./index.es-6d89f2cf.mjs")).catch(function(t4) {
       return Promise.reject(new Error("Could not load canvg: " + t4));
     }).then(function(t4) {
       return t4.default ? t4.default : t4;

package/lib/{index.es-1ed309bd.mjs → index.es-6d89f2cf.mjs}

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

package/lib/index.esm.js

@@ -1,4 +1,4 @@
-import { z, B, d, C, D, a2, a3, u, y, a7, a6, I, H, Z, $, L, J, K, a4, h, M, a0, a1, X, Y, U, W, Q, S, P, A, F, G, N, O, a8, e, T, E, V, x, j, o, t, f, k, g, w, q, m, n, a5, i, s, l, v } from "./index-a4ec7e53.mjs";
+import { z, B, d, C, D, a2, a3, u, y, a7, a6, I, H, Z, $, L, J, K, a4, h, M, a0, a1, X, Y, U, W, Q, S, P, A, F, G, N, O, a8, e, T, E, V, x, j, o, t, f, k, g, w, q, m, n, a5, i, s, l, v } from "./index-799a4733.mjs";
 import "vue";
 import "ol";
 export {