@shjjs/visual-ui 2.0.6 → 2.0.7

package/es/components/Scene/components/Amap3d/index.vue2.mjs

@@ -1,8 +1,8 @@
-import { defineComponent as $, computed as le, watch as u, createElementBlock as O, unref as B, openBlock as W, normalizeClass as oe, createElementVNode as w, shallowRef as P, ref as h, onMounted as se, onUnmounted as ie } from "vue";
-import ne from "@amap/amap-jsapi-loader";
-import ce from "axios";
-import { nanoid as me } from "nanoid";
-import { debounce as x } from "lodash";
+import { defineComponent as P, computed as B, watch as u, createElementBlock as C, openBlock as S, normalizeClass as oe, unref as ie, createElementVNode as L, shallowRef as W, ref as h, onMounted as ne, onUnmounted as ce } from "vue";
+import me from "@amap/amap-jsapi-loader";
+import de from "axios";
+import { nanoid as ue } from "nanoid";
+import { debounce as E } from "lodash";
 /* empty css                                     */
 /* empty css                                     */
 import "../../../Interaction/components/Tabs/index.mjs";
@@ -157,14 +157,17 @@ import "../UnityIframe/index.mjs";
 import "../UnityWebgl/index.mjs";
 import "../Vr/index.mjs";
 import "../Earth/index.mjs";
-import { SHJDatasourceV2 as de } from "../../../../commons/plugins/datasource/index.mjs";
+import { SHJDatasourceV2 as ye } from "../../../../commons/plugins/datasource/index.mjs";
 import { SHJParseEvent as p } from "../../../../commons/plugins/event/index.mjs";
-import { upgradeAmap3d as ue } from "./version.mjs";
-const ye = {
+import { upgradeAmap3d as pe } from "./version.mjs";
+const ge = { class: "relative w-full h-full" }, fe = {
+  ref: "amap3dContainer",
+  class: "zerov-amap-container"
+}, ve = {
   key: 1,
-  class: "w-full h-full flex flex-col items-center justify-center"
-}, pe = $({ name: "ShjAmap3d" }), gr = /* @__PURE__ */ $({
-  ...pe,
+  class: "empty-wrap"
+}, he = P({ name: "ShjAmap3d" }), kr = /* @__PURE__ */ P({
+  ...he,
   props: {
     option: {},
     sources: {},
@@ -180,13 +183,23 @@ const ye = {
     "amap3d-scene-dragend",
     "amap3d-scene-pulseLinkLayer"
   ],
-  setup(m, { expose: J, emit: D }) {
-    const s = le(() => ue(m.option)), y = D, T = () => {
-      const o = P(), c = P(), L = h(!1), k = h(), b = h(), z = h(), d = h(), E = (t) => {
-        I(), window._AMapSecurityConfig = {
-          securityJsCode: t.basic.securityJsCode
-        }, ne.load({
-          key: t.basic.key,
+  setup(m, { expose: $, emit: J }) {
+    const i = B(() => pe(m.option)), D = B(
+      () => {
+        var s, n;
+        return !!((s = i.value.basic) != null && s.key && ((n = i.value.basic) != null && n.securityJsCode));
+      }
+    ), y = J, T = () => {
+      const s = W(), n = W(), w = h(!1), j = h(), k = h(), b = h(), z = h(), d = h(), A = (t) => {
+        var e, a;
+        if (!((e = t.basic) != null && e.key) || !((a = t.basic) != null && a.securityJsCode)) {
+          w.value = !1, x();
+          return;
+        }
+        x(), window._AMapSecurityConfig = {
+          securityJsCode: t.basic.securityJsCode || ""
+        }, me.load({
+          key: t.basic.key || "",
           // 申请好的Web端开发者Key，首次调用 load 时必填
           version: "2.0",
           // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
@@ -202,9 +215,9 @@ const ye = {
             "AMap.ImageLayer",
             "AMap.TileLayer"
           ]
-        }).then((e) => {
-          d.value = e;
-          const a = new d.value.createDefaultLayer({
+        }).then((r) => {
+          d.value = r;
+          const l = new d.value.createDefaultLayer({
             visible: !0,
             // 是否可见
             opacity: 1,
@@ -212,7 +225,7 @@ const ye = {
             zIndex: 0
             // 叠加层级
           });
-          o.value = new e.Map("zerov-amap-3d", {
+          s.value = new r.Map(j.value, {
             rotateEnable: t.config.rotateEnable,
             // 是否开启地图旋转交互 鼠标右键 + 鼠标画圈移动 或 键盘Ctrl + 鼠标画圈移动
             pitchEnable: t.config.pitchEnable,
@@ -237,119 +250,119 @@ const ye = {
             wallColor: t.config.floors.wallColor,
             roofColor: t.config.floors.roofColor,
             skyColor: t.config.skyColor,
-            layers: [a]
-          }), c.value = new window.Loca.Container({
-            map: o.value
+            layers: [l]
+          }), n.value = new window.Loca.Container({
+            map: s.value
           }), z.value = new d.value.Scale({
             visible: t.config.plugin.scale.visible,
             position: {
               left: t.config.plugin.scale.position.left + "px",
               bottom: t.config.plugin.scale.position.bottom + "px"
             }
-          }), o.value.addControl(z.value), k.value = new e.ControlBar({
+          }), s.value.addControl(z.value), k.value = new r.ControlBar({
             visible: t.config.plugin.controlBar.visible,
             showControlButton: t.config.plugin.controlBar.showControlButton,
             position: {
               right: t.config.plugin.controlBar.position.right + "px",
               top: t.config.plugin.controlBar.position.top + "px"
             }
-          }), o.value.addControl(k.value), b.value = new e.ToolBar({
+          }), s.value.addControl(k.value), b.value = new r.ToolBar({
             visible: t.config.plugin.toolBar.visible,
             position: {
               left: t.config.plugin.toolBar.position.left + "px",
               top: t.config.plugin.toolBar.position.top + "px"
             }
-          }), o.value.addControl(b.value), M(e), o.value.on("complete", () => {
+          }), s.value.addControl(b.value), I(r), s.value.on("complete", () => {
             setTimeout(() => {
-              L.value = !0, y("amap3d-scene-success"), p.parseEvents(m.useEvents, "amap3d-scene-success", null);
+              w.value = !0, y("amap3d-scene-success"), p.parseEvents(m.useEvents, "amap3d-scene-success", null);
             }, 666);
-          }), o.value.on("zoomstart", () => {
+          }), s.value.on("zoomstart", () => {
             y("amap3d-scene-zoomstart"), p.parseEvents(m.useEvents, "amap3d-scene-zoomstart", null);
-          }), o.value.on("zoomend", () => {
+          }), s.value.on("zoomend", () => {
             y("amap3d-scene-zoomend"), p.parseEvents(m.useEvents, "amap3d-scene-zoomend", null);
-          }), o.value.on("click", (r) => {
-            y("amap3d-scene-mapclick", r.lnglat), p.parseEvents(
+          }), s.value.on("click", (o) => {
+            y("amap3d-scene-mapclick", o.lnglat), p.parseEvents(
               m.useEvents,
               "amap3d-scene-mapclick",
-              r.lnglat
+              o.lnglat
             );
-          }), o.value.on("dragstart", (r) => {
-            y("amap3d-scene-dragstart", r.lnglat), p.parseEvents(
+          }), s.value.on("dragstart", (o) => {
+            y("amap3d-scene-dragstart", o.lnglat), p.parseEvents(
               m.useEvents,
               "amap3d-scene-dragstart",
-              r.lnglat
+              o.lnglat
             );
-          }), o.value.on("dragend", (r) => {
-            y("amap3d-scene-dragend", r.lnglat), p.parseEvents(
+          }), s.value.on("dragend", (o) => {
+            y("amap3d-scene-dragend", o.lnglat), p.parseEvents(
               m.useEvents,
               "amap3d-scene-dragend",
-              r.lnglat
+              o.lnglat
             );
           });
-        }).catch((e) => {
+        }).catch((r) => {
         });
-      }, M = x((t) => {
-        m.sources && m.sources.length > 0 ? s.value.widgets.forEach((a, r) => {
-          de.parse({
+      }, I = E((t) => {
+        m.sources && m.sources.length > 0 ? i.value.widgets.forEach((a, r) => {
+          ye.parse({
             sources: [m.sources[r]],
             callback: (l) => {
               try {
-                a && a.type === "heatmap" && V(
+                a && a.type === "heatmap" && U(
                   window.Loca,
                   a,
                   f(l.data[0].data, "Point")
-                ), a && a.type === "dotlayers" && U(
+                ), a && a.type === "dotlayers" && q(
                   window.Loca,
                   a,
                   f(l.data[0].data, "Point")
-                ), a && a.type === "scatter" && q(
+                ), a && a.type === "scatter" && Q(
                   window.Loca,
                   a,
                   f(l.data[0].data, "Point")
-                ), a && a.type === "labelsLayer" && K(
+                ), a && a.type === "labelsLayer" && X(
                   window.Loca,
                   a,
                   f(l.data[0].data, "Point")
-                ), a && a.type === "signagePoints" && Q(
+                ), a && a.type === "signagePoints" && Y(
                   window.Loca,
                   a,
                   f(l.data[0].data, "Point")
-                ), a && a.type === "pulseLinkLayer" && X(
+                ), a && a.type === "pulseLinkLayer" && _(
                   window.Loca,
                   a,
                   f(l.data[0].data, "LineString")
                 );
               } catch {
               }
-              s.value.widgets.filter((i) => i.type === "boundary").forEach((i) => {
-                A(t, i);
+              i.value.widgets.filter((o) => o.type === "boundary").forEach((o) => {
+                O(t, o);
               });
             }
           });
-        }) : s.value.widgets.filter((a) => a.type === "boundary").forEach((a) => {
-          A(t, a);
+        }) : i.value.widgets.filter((a) => a.type === "boundary").forEach((a) => {
+          O(t, a);
         });
-        const e = o.value.getLayers();
+        const e = s.value.getLayers();
         for (let a = 0; a < e.length; a++)
-          (e[a].type === "sketchTileLayer" || e[a]._opts.type === "sketchImageLayer") && o.value.removeLayer(e[a]);
-        s.value.widgets.filter((a) => a.type === "sketchTile").forEach((a) => {
-          const r = j(a);
-          r && o.value.addLayer(r);
-        }), s.value.widgets.filter((a) => a.type === "sketchImage").forEach((a) => {
-          const r = R(a);
-          o.value.addLayer(r);
+          (e[a].type === "sketchTileLayer" || e[a]._opts.type === "sketchImageLayer") && s.value.removeLayer(e[a]);
+        i.value.widgets.filter((a) => a.type === "sketchTile").forEach((a) => {
+          const r = V(a);
+          r && s.value.addLayer(r);
+        }), i.value.widgets.filter((a) => a.type === "sketchImage").forEach((a) => {
+          const r = K(a);
+          s.value.addLayer(r);
         });
-      }, 200), Z = (t) => {
+      }, 200), R = (t) => {
         const a = t.slice(
           t.indexOf("(") + 1,
           t.lastIndexOf(")")
         ).split(",").map((l) => l.trim()), r = {};
         for (let l = 1; l < a.length; l++) {
-          const i = a[l].split(" "), n = i[0], v = parseFloat(i[1]) / 100, re = Math.round(v * 100) / 100;
-          r[re] = n;
+          const o = a[l].split(" "), c = o[0], v = parseFloat(o[1]) / 100, se = Math.round(v * 100) / 100;
+          r[se] = c;
         }
         return r;
-      }, j = (t) => {
+      }, V = (t) => {
         try {
           return new d.value.TileLayer({
             bounds: new d.value.Bounds(
@@ -371,7 +384,7 @@ const ye = {
         } catch {
         }
         return null;
-      }, R = (t) => {
+      }, K = (t) => {
         try {
           return new d.value.ImageLayer({
             bounds: new d.value.Bounds(
@@ -390,7 +403,7 @@ const ye = {
         } catch {
         }
         return null;
-      }, V = (t, e, a) => {
+      }, U = (t, e, a) => {
         try {
           const r = new t.HeatMapLayer({
             zIndex: 10,
@@ -405,26 +418,26 @@ const ye = {
             unit: e.style.unit,
             height: e.style.height,
             opacity: e.style.opacity,
-            gradient: Z(e.style.gradient),
-            value: function(i, n) {
-              return n.coordinates[2] || 0;
+            gradient: R(e.style.gradient),
+            value: function(o, c) {
+              return c.coordinates[2] || 0;
             },
             min: e.style.min,
             max: e.style.max,
             // 4.6
             heightBezier: [0, 0.53, 0.37, 0.98]
-          }), c.value.add(r);
+          }), n.value.add(r);
         } catch {
         }
-      }, A = async (t, e) => {
+      }, O = async (t, e) => {
         try {
-          const a = await ce.get(e.geojson);
+          const a = await de.get(e.geojson);
           if (a.status === 200) {
             const r = new t.GeoJSON({
               geoJSON: a.data,
-              getPolygon: function(l, i) {
-                const n = new t.Polygon({
-                  path: i,
+              getPolygon: function(l, o) {
+                const c = new t.Polygon({
+                  path: o,
                   zIndex: e.zIndex,
                   fillColor: e.style.fillColor,
                   // 填充色
@@ -439,8 +452,8 @@ const ye = {
                   strokeStyle: e.style.strokeStyle
                   // 线条样式
                 });
-                return n.on("mouseover", () => {
-                  n.setOptions({
+                return c.on("mouseover", () => {
+                  c.setOptions({
                     fillOpacity: e.mouseover.fillOpacity,
                     fillColor: e.mouseover.fillColor,
                     strokeOpacity: e.mouseover.strokeOpacity,
@@ -448,8 +461,8 @@ const ye = {
                     strokeStyle: e.mouseover.strokeStyle,
                     strokeWeight: e.mouseover.strokeWeight
                   });
-                }), n.on("mouseout", () => {
-                  n.setOptions({
+                }), c.on("mouseout", () => {
+                  c.setOptions({
                     fillColor: e.style.fillColor,
                     // 填充色
                     strokeOpacity: e.style.strokeOpacity,
@@ -463,14 +476,14 @@ const ye = {
                     strokeStyle: e.style.strokeStyle
                     // 线条样式
                   });
-                }), n;
+                }), c;
               }
             });
-            o.value.add(r);
+            s.value.add(r);
           }
         } catch {
         }
-      }, U = (t, e, a) => {
+      }, q = (t, e, a) => {
         try {
           const r = new t.GeoJSONSource({
             data: a
@@ -479,7 +492,7 @@ const ye = {
             blend: e.blend,
             visible: e.visible,
             opacity: e.opacity
-          }), i = {
+          }), o = {
             radius: e.style.radius,
             unit: e.style.unit,
             color: e.style.color,
@@ -487,7 +500,7 @@ const ye = {
             blurWidth: e.style.blurWidth,
             borderColor: e.style.borderColor
           };
-          l.setSource(r), l.setStyle(i), c.value.add(l), l.addAnimate({
+          l.setSource(r), l.setStyle(o), n.value.add(l), l.addAnimate({
             key: e.animate.key,
             value: e.animate.value,
             duration: e.animate.duration,
@@ -500,12 +513,12 @@ const ye = {
           });
         } catch {
         }
-      }, q = (t, e, a) => {
+      }, Q = (t, e, a) => {
         try {
           const r = new t.GeoJSONSource({
             data: a
           }), l = new t.ScatterLayer({
-            loca: c.value,
+            loca: n.value,
             zIndex: e.zIndex,
             opacity: e.opacity,
             visible: e.visible,
@@ -518,10 +531,10 @@ const ye = {
             texture: e.style.texture,
             duration: e.style.duration,
             animate: e.style.animate
-          }), c.value.animate.start();
+          }), n.value.animate.start();
         } catch {
         }
-      }, K = (t, e, a) => {
+      }, X = (t, e, a) => {
         try {
           const r = new t.GeoJSONSource({
             data: a
@@ -544,7 +557,7 @@ const ye = {
             },
             text: {
               // 每项配置都可使用回调函数来动态配置
-              content: (i, n) => n.properties[e.text.content],
+              content: (o, c) => c.properties[e.text.content],
               zooms: e.text.zooms,
               offset: e.text.offset,
               direction: e.text.direction,
@@ -562,16 +575,16 @@ const ye = {
               }
             }
           }), l.on("complete", () => {
-            const i = l.getLabelsLayer().getAllOverlays();
-            for (const n of i)
-              n.on("click", (v) => {
-              }), n.on("mouseover", (v) => {
-              }), n.on("mouseout", (v) => {
+            const o = l.getLabelsLayer().getAllOverlays();
+            for (const c of o)
+              c.on("click", (v) => {
+              }), c.on("mouseover", (v) => {
+              }), c.on("mouseout", (v) => {
               });
-          }), c.value.add(l);
+          }), n.value.add(l);
         } catch {
         }
-      }, Q = (t, e, a) => {
+      }, Y = (t, e, a) => {
         try {
           const r = new t.GeoJSONSource({
             data: a
@@ -583,7 +596,7 @@ const ye = {
             depth: !1
           });
           l.setSource(r), l.setStyle({
-            content: (n, v) => `<div style="
+            content: (c, v) => `<div style="
                                 width: ${e.signs.style.width}px;
                                 height: ${e.signs.style.height + 148}px;
                             ">
@@ -607,15 +620,15 @@ const ye = {
             alwaysFront: e.signs.style.alwaysFront,
             size: [e.signs.style.width, e.signs.style.height + 148],
             altitude: e.signs.style.altitude
-          }), c.value.add(l);
-          const i = new t.ZMarkerLayer({
+          }), n.value.add(l);
+          const o = new t.ZMarkerLayer({
             zIndex: e.landmark.zIndex,
             visible: e.landmark.visible,
             zooms: e.landmark.zooms,
             opacity: e.landmark.opacity,
             depth: !1
           });
-          i.setSource(r), i.setStyle({
+          o.setSource(r), o.setStyle({
             content: () => `<div style="
                             width: ${e.landmark.style.size[0]}px;
                             height: ${e.landmark.style.size[1]}px;
@@ -628,7 +641,7 @@ const ye = {
             alwaysFront: e.landmark.style.alwaysFront,
             size: e.landmark.style.size,
             altitude: e.landmark.style.altitude
-          }), i.addAnimate({
+          }), o.addAnimate({
             key: "altitude",
             value: [0, 1],
             random: e.landmark.animate.random,
@@ -637,10 +650,10 @@ const ye = {
             delay: e.landmark.animate.delay,
             yoyo: e.landmark.animate.yoyo,
             repeat: e.landmark.animate.repeat
-          }), c.value.add(i), c.value.animate.start();
+          }), n.value.add(o), n.value.animate.start();
         } catch {
         }
-      }, X = (t, e, a) => {
+      }, _ = (t, e, a) => {
         const r = new t.PulseLinkLayer({
           zIndex: e.zIndex,
           opacity: e.opacity,
@@ -654,8 +667,8 @@ const ye = {
           unit: e.style.unit,
           dash: [4e4, 0, 4e4, 0],
           lineWidth: e.style.lineWidth,
-          height: function(i, n) {
-            return n.distance / 3 + e.style.height;
+          height: function(o, c) {
+            return c.distance / 3 + e.style.height;
           },
           // altitude: 1000,
           smoothSteps: 30,
@@ -668,14 +681,14 @@ const ye = {
           // 弧顶位置比例
           headColor: e.style.headColor,
           trailColor: e.style.trailColor
-        }), o.value.on("click", (i) => {
-          const n = r.queryFeature(i.pixel.toArray());
-          n && (y("amap3d-scene-pulseLinkLayer", n), p.parseEvents(
+        }), s.value.on("click", (o) => {
+          const c = r.queryFeature(o.pixel.toArray());
+          c && (y("amap3d-scene-pulseLinkLayer", c), p.parseEvents(
             m.useEvents,
             "amap3d-scene-pulseLinkLayer",
-            n
+            c
           ));
-        }), c.value.add(r), c.value.animate.start();
+        }), n.value.add(r), n.value.animate.start();
       }, f = (t, e) => {
         const a = {
           type: "FeatureCollection",
@@ -684,7 +697,7 @@ const ye = {
         return t.forEach((r) => {
           const l = {
             type: "Feature",
-            id: me(),
+            id: ue(),
             properties: {
               type: e === "Point" ? e : 0,
               ...r
@@ -696,123 +709,122 @@ const ye = {
           };
           a.features.push(l);
         }), a;
-      }, Y = (t) => {
-        o.value.setFeatures(t.config.features), o.value.setPitch(t.config.pitch), o.value.setRotation(t.config.rotation), o.value.setStatus({
+      }, ee = (t) => {
+        s.value && (s.value.setFeatures(t.config.features), s.value.setPitch(t.config.pitch), s.value.setRotation(t.config.rotation), s.value.setStatus({
           dragEnable: t.config.dragEnable,
           zoomEnable: t.config.zoomEnable,
           rotateEnable: t.config.rotateEnable,
           pitchEnable: t.config.pitchEnable
-        }), t.config.plugin.scale.visible ? z.value.show() : z.value.hide(), t.config.plugin.toolBar.visible ? b.value.show() : b.value.hide(), t.config.plugin.controlBar.visible ? k.value.show() : k.value.hide();
-      }, _ = () => {
-        o.value && (o.value.clearMap(), c.value.clear(), M(d.value));
-      }, ee = (t) => {
-        o.value.setMapStyle(t.config.mapStyle);
-      }, te = (t) => {
-        o.value.setZoom(t.config.zoom, !1, 200);
+        }), t.config.plugin.scale.visible ? z.value.show() : z.value.hide(), t.config.plugin.toolBar.visible ? b.value.show() : b.value.hide(), t.config.plugin.controlBar.visible ? k.value.show() : k.value.hide());
+      }, te = () => {
+        s.value && (s.value.clearMap(), n.value.clear(), I(d.value));
       }, ae = (t) => {
-        o.value.setCenter(t.config.center, !1, 200);
-      }, I = () => {
-        o.value && (o.value.clearMap(), o.value.destroy(), o.value = null, c.value && (c.value.clear(), c.value.destroy(), c.value = null));
+        s.value && s.value.setMapStyle(t.config.mapStyle);
+      }, re = (t) => {
+        s.value && s.value.setZoom(t.config.zoom, !1, 200);
+      }, le = (t) => {
+        s.value && s.value.setCenter(t.config.center, !1, 200);
+      }, x = () => {
+        s.value && (s.value.clearMap(), s.value.destroy(), s.value = null, n.value && (n.value.clear(), n.value.destroy(), n.value = null));
       };
-      return se(() => {
+      return ne(() => {
         setTimeout(() => {
-          E(s.value);
+          A(i.value);
         }, 0);
-      }), ie(() => I()), {
-        initAMap3d: E,
-        updateAMapStyle: ee,
-        updateAMapConfig: Y,
-        updateAMapComponents: _,
-        updateAMapZoom: te,
-        updateAMapCenter: ae,
-        amap3d: o,
-        loading: L,
+      }), ce(() => x()), {
+        initAMap3d: A,
+        updateAMapStyle: ae,
+        updateAMapConfig: ee,
+        updateAMapComponents: te,
+        updateAMapZoom: re,
+        updateAMapCenter: le,
+        amap3d: s,
+        loading: w,
         AMapPrototype: d
       };
     }, {
       initAMap3d: g,
       updateAMapStyle: F,
-      updateAMapConfig: C,
+      updateAMapConfig: M,
       updateAMapComponents: N,
       updateAMapZoom: G,
       updateAMapCenter: H,
-      loading: S
+      loading: Z
     } = T();
     return u(
-      () => s.value.config,
+      () => i.value.config,
       () => {
-        C(s.value);
+        M(i.value);
       },
       { deep: !0 }
     ), u(
-      () => s.value.config.zoom,
+      () => i.value.config.zoom,
       () => {
-        G(s.value);
+        G(i.value);
       },
       { deep: !0 }
     ), u(
-      () => s.value.config.center,
+      () => i.value.config.center,
       () => {
-        H(s.value);
+        H(i.value);
       },
       { deep: !0 }
     ), u(
-      () => s.value.config.floors,
-      x(() => {
-        g(s.value);
+      () => i.value.config.floors,
+      E(() => {
+        g(i.value);
       }, 300),
       { deep: !0 }
     ), u(
-      () => s.value.config.skyColor,
-      x(() => {
-        g(s.value);
+      () => i.value.config.skyColor,
+      E(() => {
+        g(i.value);
       }, 300),
       { deep: !0 }
     ), u(
-      () => s.value.widgets,
+      () => i.value.widgets,
       () => {
         N();
       },
       { deep: !0 }
     ), u(
-      () => s.value.config.mapStyle,
+      () => i.value.config.mapStyle,
       () => {
-        F(s.value);
+        F(i.value);
       },
       { deep: !0 }
     ), u(
-      () => s.value.basic,
+      () => i.value.basic,
       () => {
-        g(s.value);
+        g(i.value);
       },
       { deep: !0 }
     ), u(
       () => m.sources,
       () => {
-        g(s.value);
+        g(i.value);
       },
       { deep: !0 }
-    ), J({
-      refresh: () => g(s.value),
-      refreshView: () => C(s.value),
-      refreshData: () => g(s.value)
-    }), (o, c) => B(S) ? (W(), O("div", {
-      key: 0,
-      class: oe(["amap-3d-wrap", { show: B(S) }])
-    }, c[0] || (c[0] = [
-      w("div", {
-        id: "zerov-amap-3d",
-        class: "zerov-amap-container"
-      }, null, -1)
-    ]), 2)) : (W(), O("div", ye, c[1] || (c[1] = [
-      w("i", {
-        class: "iconfont shj-gaodeditu",
-        style: { "font-size": "48px" }
-      }, null, -1),
-      w("p", { class: "text-gray-500" }, " 缺少必要的Key和密钥，请先在右侧配置面板中进行配置 ", -1)
-    ])));
+    ), $({
+      refresh: () => g(i.value),
+      refreshView: () => M(i.value),
+      refreshData: () => g(i.value)
+    }), (s, n) => (S(), C("div", ge, [
+      D.value ? (S(), C("div", {
+        key: 0,
+        class: oe(["amap-3d-wrap", { show: ie(Z) }])
+      }, [
+        L("div", fe, null, 512)
+      ], 2)) : (S(), C("div", ve, n[0] || (n[0] = [
+        L("i", {
+          class: "iconfont shj-gaodeditu",
+          style: { "font-size": "48px" }
+        }, null, -1),
+        L("p", { class: "text-gray-500" }, " 缺少必要的Key和密钥，请先在右侧配置面板中进行配置 ", -1)
+      ])))
+    ]));
   }
 });
 export {
-  gr as default
+  kr as default
 };