@shjjs/visual-ui 2.0.7 → 3.0.0

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

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