@shjjs/visual-ui 3.0.5 → 3.0.8

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

@@ -1,8 +1,8 @@
-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";
+import { defineComponent as F, computed as ue, watch as y, createElementBlock as E, openBlock as A, createElementVNode as I, createCommentVNode as T, normalizeClass as me, unref as x, toDisplayString as de, shallowRef as N, ref as p, onMounted as ye, onUnmounted as pe } from "vue";
+import ge from "@amap/amap-jsapi-loader";
+import ve from "axios";
+import { nanoid as fe } from "nanoid";
+import { debounce as O } from "lodash";
 /* empty css                                     */
 /* empty css                                     */
 import "../../../Interaction/components/Tabs/index.mjs";
@@ -158,18 +158,18 @@ import "../UnityIframe/index.mjs";
 import "../UnityWebgl/index.mjs";
 import "../Vr/index.mjs";
 import "../Earth/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 fe } from "./version.mjs";
-const ve = { class: "relative w-full h-full" }, he = {
+import { SHJDatasourceV2 as he } from "../../../../commons/plugins/datasource/index.mjs";
+import { SHJParseEvent as f } from "../../../../commons/plugins/event/index.mjs";
+import { upgradeAmap3d as ke } from "./version.mjs";
+const be = { class: "relative w-full h-full" }, ze = {
   key: 0,
   class: "empty-wrap"
-}, ke = {
+}, we = {
   key: 0,
   class: "iconfont shj-gaodeditu",
   style: { "font-size": "48px" }
-}, be = { class: "text-gray-500" }, ze = N({ name: "ShjAmap3d" }), xr = /* @__PURE__ */ N({
-  ...ze,
+}, xe = { class: "text-gray-500" }, Ce = F({ name: "ShjAmap3d" }), Lr = /* @__PURE__ */ F({
+  ...Ce,
   props: {
     option: {},
     sources: {},
@@ -185,12 +185,16 @@ const ve = { class: "relative w-full h-full" }, he = {
     "amap3d-scene-dragend",
     "amap3d-scene-pulseLinkLayer"
   ],
-  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 = {
+  setup(u, { expose: H, emit: G }) {
+    const s = ue(() => ke(u.option)), g = G, Z = () => {
+      const l = N(), c = N(), C = p(!1), S = p(!1);
+      let L = 0;
+      const b = p(), z = p(), w = p(), d = p(), M = p(""), v = p(null), $ = (t) => {
+        L += 1;
+        const e = L;
+        S.value = !1, J(), window._AMapSecurityConfig = {
           securityJsCode: t.basic.securityJsCode
-        }, ue.load({
+        }, ge.load({
           key: t.basic.key,
           // 申请好的Web端开发者Key，首次调用 load 时必填
           version: "2.0",
@@ -207,9 +211,10 @@ const ve = { class: "relative w-full h-full" }, he = {
             "AMap.ImageLayer",
             "AMap.TileLayer"
           ]
-        }).then((e) => {
-          d.value = e;
-          const a = new d.value.createDefaultLayer({
+        }).then((a) => {
+          if (S.value || e !== L) return;
+          d.value = a;
+          const o = new d.value.createDefaultLayer({
             visible: !0,
             // 是否可见
             opacity: 1,
@@ -217,7 +222,7 @@ const ve = { class: "relative w-full h-full" }, he = {
             zIndex: 0
             // 叠加层级
           });
-          s.value = new e.Map("zerov-amap-3d", {
+          l.value = new a.Map("zerov-amap-3d", {
             rotateEnable: t.config.rotateEnable,
             // 是否开启地图旋转交互 鼠标右键 + 鼠标画圈移动 或 键盘Ctrl + 鼠标画圈移动
             pitchEnable: t.config.pitchEnable,
@@ -242,129 +247,126 @@ const ve = { class: "relative w-full h-full" }, he = {
             wallColor: t.config.floors.wallColor,
             roofColor: t.config.floors.roofColor,
             skyColor: t.config.skyColor,
-            layers: [a]
+            layers: [o]
           }), c.value = new window.Loca.Container({
-            map: s.value
-          }), z.value = new d.value.Scale({
+            map: l.value
+          }), w.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"
             }
-          }), s.value.addControl(z.value), k.value = new e.ControlBar({
+          }), l.value.addControl(w.value), b.value = new a.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 e.ToolBar({
+          }), l.value.addControl(b.value), z.value = new a.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), W(e), s.value.on("complete", () => {
+          }), l.value.addControl(z.value), D(a), l.value.on("complete", () => {
             setTimeout(() => {
-              x.value = !0, y("amap3d-scene-success"), p.parseEvents(m.useEvents, "amap3d-scene-success", null), C.value = "";
+              C.value = !0, g("amap3d-scene-success"), f.parseEvents(u.useEvents, "amap3d-scene-success", null), M.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", (r) => {
-            y("amap3d-scene-mapclick", r.lnglat), p.parseEvents(
-              m.useEvents,
+          }), l.value.on("zoomstart", () => {
+            g("amap3d-scene-zoomstart"), f.parseEvents(u.useEvents, "amap3d-scene-zoomstart", null);
+          }), l.value.on("zoomend", () => {
+            g("amap3d-scene-zoomend"), f.parseEvents(u.useEvents, "amap3d-scene-zoomend", null);
+          }), l.value.on("click", (r) => {
+            g("amap3d-scene-mapclick", r.lnglat), f.parseEvents(
+              u.useEvents,
               "amap3d-scene-mapclick",
               r.lnglat
             );
-          }), s.value.on("dragstart", (r) => {
-            y("amap3d-scene-dragstart", r.lnglat), p.parseEvents(
-              m.useEvents,
+          }), l.value.on("dragstart", (r) => {
+            g("amap3d-scene-dragstart", r.lnglat), f.parseEvents(
+              u.useEvents,
               "amap3d-scene-dragstart",
               r.lnglat
             );
-          }), s.value.on("dragend", (r) => {
-            y("amap3d-scene-dragend", r.lnglat), p.parseEvents(
-              m.useEvents,
+          }), l.value.on("dragend", (r) => {
+            g("amap3d-scene-dragend", r.lnglat), f.parseEvents(
+              u.useEvents,
               "amap3d-scene-dragend",
               r.lnglat
             );
           });
-        }).catch((e) => {
-          x.value = !1, C.value = "缺少必要的Key和密钥，请先在右侧配置面板中进行配置";
+        }).catch((a) => {
+          C.value = !1, M.value = "缺少必要的Key和密钥，请先在右侧配置面板中进行配置";
         });
-      }, W = M((t) => {
-        m.sources && m.sources.length > 0 ? o.value.widgets.forEach((a, r) => {
-          ge.parse({
-            sources: [m.sources[r]],
-            callback: (l) => {
+      }, D = O((t) => {
+        u.sources && u.sources.length > 0 && s.value.widgets.forEach((a, o) => {
+          a && a.type === "boundary" || he.parse({
+            sources: [u.sources[o]],
+            callback: (r) => {
               try {
-                a && a.type === "heatmap" && K(
+                a && a.type === "heatmap" && X(
                   window.Loca,
                   a,
-                  f(l.data[0].data, "Point")
-                ), a && a.type === "dotlayers" && Q(
+                  k(r.data[0].data, "Point")
+                ), a && a.type === "dotlayers" && _(
                   window.Loca,
                   a,
-                  f(l.data[0].data, "Point")
-                ), a && a.type === "scatter" && X(
+                  k(r.data[0].data, "Point")
+                ), a && a.type === "scatter" && ee(
                   window.Loca,
                   a,
-                  f(l.data[0].data, "Point")
-                ), a && a.type === "labelsLayer" && Y(
+                  k(r.data[0].data, "Point")
+                ), a && a.type === "labelsLayer" && te(
                   window.Loca,
                   a,
-                  f(l.data[0].data, "Point")
-                ), a && a.type === "signagePoints" && _(
+                  k(r.data[0].data, "Point")
+                ), a && a.type === "signagePoints" && ae(
                   window.Loca,
                   a,
-                  f(l.data[0].data, "Point")
-                ), a && a.type === "pulseLinkLayer" && ee(
+                  k(r.data[0].data, "Point")
+                ), a && a.type === "pulseLinkLayer" && re(
                   window.Loca,
                   a,
-                  f(l.data[0].data, "LineString")
+                  k(r.data[0].data, "LineString")
                 );
               } catch {
               }
-              o.value.widgets.filter((i) => i.type === "boundary").forEach((i) => {
-                P(t, i);
-              });
             }
           });
-        }) : o.value.widgets.filter((a) => a.type === "boundary").forEach((a) => {
-          P(t, a);
+        }), s.value.widgets.filter((a) => a.type === "boundary").forEach((a) => {
+          Y(t, a);
         });
-        const e = s.value.getLayers();
+        const e = l.value.getLayers();
         for (let a = 0; a < e.length; a++)
-          (e[a].type === "sketchTileLayer" || e[a]._opts.type === "sketchImageLayer") && s.value.removeLayer(e[a]);
-        o.value.widgets.filter((a) => a.type === "sketchTile").forEach((a) => {
-          const r = U(a);
-          r && s.value.addLayer(r);
-        }), o.value.widgets.filter((a) => a.type === "sketchImage").forEach((a) => {
-          const r = q(a);
-          s.value.addLayer(r);
+          (e[a].type === "sketchTileLayer" || e[a]._opts.type === "sketchImageLayer") && l.value.removeLayer(e[a]);
+        s.value.widgets.filter((a) => a.type === "sketchTile").forEach((a) => {
+          const o = K(a);
+          o && l.value.addLayer(o);
+        }), s.value.widgets.filter((a) => a.type === "sketchImage").forEach((a) => {
+          const o = Q(a);
+          l.value.addLayer(o);
         });
-      }, 200), V = (t) => {
+      }, 200), q = (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, oe = Math.round(v * 100) / 100;
-          r[oe] = n;
+        ).split(",").map((r) => r.trim()), o = {};
+        for (let r = 1; r < a.length; r++) {
+          const i = a[r].split(" "), n = i[0], m = parseFloat(i[1]) / 100, ce = Math.round(m * 100) / 100;
+          o[ce] = n;
         }
-        return r;
-      }, U = (t) => {
+        return o;
+      }, K = (t) => {
         try {
           return new d.value.TileLayer({
             bounds: new d.value.Bounds(
               t.bounds[0],
               t.bounds[1]
             ),
-            getTileUrl: function(a, r, l) {
+            getTileUrl: function(a, o, r) {
               try {
-                return t.url.replace("{z}", l).replace("{x}", a).replace("{y}", r);
+                return t.url.replace("{z}", r).replace("{x}", a).replace("{y}", o);
               } catch {
               }
             },
@@ -377,7 +379,7 @@ const ve = { class: "relative w-full h-full" }, he = {
         } catch {
         }
         return null;
-      }, q = (t) => {
+      }, Q = (t) => {
         try {
           return new d.value.ImageLayer({
             bounds: new d.value.Bounds(
@@ -396,22 +398,22 @@ const ve = { class: "relative w-full h-full" }, he = {
         } catch {
         }
         return null;
-      }, K = (t, e, a) => {
+      }, X = (t, e, a) => {
         try {
-          const r = new t.HeatMapLayer({
+          const o = new t.HeatMapLayer({
             zIndex: 10,
             opacity: e.opacity,
             visible: !0,
             zooms: [2, 22]
-          }), l = new t.GeoJSONSource({
+          }), r = new t.GeoJSONSource({
             data: a
           });
-          r.setSource(l, {
+          o.setSource(r, {
             radius: e.style.radius,
             unit: e.style.unit,
             height: e.style.height,
             opacity: e.style.opacity,
-            gradient: V(e.style.gradient),
+            gradient: q(e.style.gradient),
             value: function(i, n) {
               return n.coordinates[2] || 0;
             },
@@ -419,16 +421,16 @@ const ve = { class: "relative w-full h-full" }, he = {
             max: e.style.max,
             // 4.6
             heightBezier: [0, 0.53, 0.37, 0.98]
-          }), c.value.add(r);
+          }), c.value.add(o);
         } catch {
         }
-      }, P = async (t, e) => {
+      }, Y = async (t, e) => {
         try {
-          const a = await ye.get(e.geojson);
+          const a = await ve.get(e.geojson);
           if (a.status === 200) {
-            const r = new t.GeoJSON({
+            const o = new t.GeoJSON({
               geoJSON: a.data,
-              getPolygon: function(l, i) {
+              getPolygon: function(r, i) {
                 const n = new t.Polygon({
                   path: i,
                   zIndex: e.zIndex,
@@ -472,15 +474,15 @@ const ve = { class: "relative w-full h-full" }, he = {
                 }), n;
               }
             });
-            s.value.add(r);
+            l.value.add(o);
           }
         } catch {
         }
-      }, Q = (t, e, a) => {
+      }, _ = (t, e, a) => {
         try {
-          const r = new t.GeoJSONSource({
+          const o = new t.GeoJSONSource({
             data: a
-          }), l = new t.PointLayer({
+          }), r = new t.PointLayer({
             zIndex: e.zIndex,
             blend: e.blend,
             visible: e.visible,
@@ -493,7 +495,7 @@ const ve = { class: "relative w-full h-full" }, he = {
             blurWidth: e.style.blurWidth,
             borderColor: e.style.borderColor
           };
-          l.setSource(r), l.setStyle(i), c.value.add(l), l.addAnimate({
+          r.setSource(o), r.setStyle(i), c.value.add(r), r.addAnimate({
             key: e.animate.key,
             value: e.animate.value,
             duration: e.animate.duration,
@@ -506,18 +508,18 @@ const ve = { class: "relative w-full h-full" }, he = {
           });
         } catch {
         }
-      }, X = (t, e, a) => {
+      }, ee = (t, e, a) => {
         try {
-          const r = new t.GeoJSONSource({
+          const o = new t.GeoJSONSource({
             data: a
-          }), l = new t.ScatterLayer({
+          }), r = new t.ScatterLayer({
             loca: c.value,
             zIndex: e.zIndex,
             opacity: e.opacity,
             visible: e.visible,
             zooms: e.zooms
           });
-          l.setSource(r), l.setStyle({
+          r.setSource(o), r.setStyle({
             unit: e.style.unit,
             size: e.style.size,
             borderWidth: e.style.borderWidth,
@@ -527,11 +529,11 @@ const ve = { class: "relative w-full h-full" }, he = {
           }), c.value.animate.start();
         } catch {
         }
-      }, Y = (t, e, a) => {
+      }, te = (t, e, a) => {
         try {
-          const r = new t.GeoJSONSource({
+          const o = new t.GeoJSONSource({
             data: a
-          }), l = new t.LabelsLayer({
+          }), r = new t.LabelsLayer({
             eventSupport: !0,
             visible: e.visible,
             zooms: e.zooms,
@@ -540,7 +542,7 @@ const ve = { class: "relative w-full h-full" }, he = {
             allowCollision: e.allowCollision,
             zIndex: e.zIndex
           });
-          l.setSource(r), l.setStyle({
+          r.setSource(o), r.setStyle({
             icon: {
               image: e.icon.image,
               size: e.icon.size,
@@ -567,29 +569,29 @@ const ve = { class: "relative w-full h-full" }, he = {
                 fontWeight: e.text.style.fontWeight
               }
             }
-          }), l.on("complete", () => {
-            const i = l.getLabelsLayer().getAllOverlays();
+          }), r.on("complete", () => {
+            const i = r.getLabelsLayer().getAllOverlays();
             for (const n of i)
-              n.on("click", (v) => {
-              }), n.on("mouseover", (v) => {
-              }), n.on("mouseout", (v) => {
+              n.on("click", (m) => {
+              }), n.on("mouseover", (m) => {
+              }), n.on("mouseout", (m) => {
               });
-          }), c.value.add(l);
+          }), c.value.add(r);
         } catch {
         }
-      }, _ = (t, e, a) => {
+      }, ae = (t, e, a) => {
         try {
-          const r = new t.GeoJSONSource({
+          const o = new t.GeoJSONSource({
             data: a
-          }), l = new t.ZMarkerLayer({
+          }), r = new t.ZMarkerLayer({
             zIndex: e.signs.zIndex,
             visible: e.signs.visible,
             zooms: e.signs.zooms,
             opacity: e.signs.opacity,
             depth: !1
           });
-          l.setSource(r), l.setStyle({
-            content: (n, v) => `<div style="
+          r.setSource(o), r.setStyle({
+            content: (n, m) => `<div style="
                                 width: ${e.signs.style.width}px;
                                 height: ${e.signs.style.height + 148}px;
                             ">
@@ -605,7 +607,7 @@ const ve = { class: "relative w-full h-full" }, he = {
                                 color:${e.signs.style.fillColor};
                                 margin:0;
                             ">
-                                ${v.properties.name}
+                                ${m.properties.name}
                             </p>
                         </div>`,
             unit: e.signs.style.unit,
@@ -613,7 +615,7 @@ const ve = { class: "relative w-full h-full" }, he = {
             alwaysFront: e.signs.style.alwaysFront,
             size: [e.signs.style.width, e.signs.style.height + 148],
             altitude: e.signs.style.altitude
-          }), c.value.add(l);
+          }), c.value.add(r);
           const i = new t.ZMarkerLayer({
             zIndex: e.landmark.zIndex,
             visible: e.landmark.visible,
@@ -621,7 +623,7 @@ const ve = { class: "relative w-full h-full" }, he = {
             opacity: e.landmark.opacity,
             depth: !1
           });
-          i.setSource(r), i.setStyle({
+          i.setSource(o), i.setStyle({
             content: () => `<div style="
                             width: ${e.landmark.style.size[0]}px;
                             height: ${e.landmark.style.size[1]}px;
@@ -646,17 +648,17 @@ const ve = { class: "relative w-full h-full" }, he = {
           }), c.value.add(i), c.value.animate.start();
         } catch {
         }
-      }, ee = (t, e, a) => {
-        const r = new t.PulseLinkLayer({
+      }, re = (t, e, a) => {
+        const o = new t.PulseLinkLayer({
           zIndex: e.zIndex,
           opacity: e.opacity,
           visible: e.visible,
           zooms: e.zooms,
           depth: e.depth
-        }), l = new t.GeoJSONSource({
+        }), r = new t.GeoJSONSource({
           data: a
         });
-        r.setSource(l), r.setStyle({
+        if (o.setSource(r), o.setStyle({
           unit: e.style.unit,
           dash: [4e4, 0, 4e4, 0],
           lineWidth: e.style.lineWidth,
@@ -674,152 +676,158 @@ const ve = { class: "relative w-full h-full" }, he = {
           // 弧顶位置比例
           headColor: e.style.headColor,
           trailColor: e.style.trailColor
-        }), 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",
-            n
-          ));
-        }), c.value.add(r), c.value.animate.start();
-      }, f = (t, e) => {
+        }), l.value && v.value && (l.value.off("click", v.value), v.value = null), l.value) {
+          const i = (n) => {
+            const m = o.queryFeature(n.pixel.toArray());
+            m && (g("amap3d-scene-pulseLinkLayer", m), f.parseEvents(
+              u.useEvents,
+              "amap3d-scene-pulseLinkLayer",
+              m
+            ));
+          };
+          l.value.on("click", i), v.value = i;
+        }
+        c.value.add(o), c.value.animate.start();
+      }, k = (t, e) => {
         const a = {
           type: "FeatureCollection",
           features: []
         };
-        return t.forEach((r) => {
-          const l = {
+        return t.forEach((o) => {
+          const r = {
             type: "Feature",
-            id: pe(),
+            id: fe(),
             properties: {
               type: e === "Point" ? e : 0,
-              ...r
+              ...o
             },
             geometry: {
               type: e,
-              coordinates: r.value
+              coordinates: o.value
             }
           };
-          a.features.push(l);
+          a.features.push(r);
         }), a;
-      }, 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({
+      }, le = (t) => {
+        l.value && (l.value.setFeatures(t.config.features), l.value.setPitch(t.config.pitch), l.value.setRotation(t.config.rotation), l.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());
-      }, ae = () => {
-        s.value && (s.value.clearMap(), c.value.clear(), W(d.value));
-      }, re = (t) => {
-        s.value && s.value.setMapStyle(t.config.mapStyle);
-      }, le = (t) => {
-        s.value && s.value.setZoom(t.config.zoom, !1, 200);
+        }), t.config.plugin.scale.visible ? w.value.show() : w.value.hide(), t.config.plugin.toolBar.visible ? z.value.show() : z.value.hide(), t.config.plugin.controlBar.visible ? b.value.show() : b.value.hide());
+      }, oe = () => {
+        l.value && (l.value.clearMap(), c.value.clear(), D(d.value));
       }, se = (t) => {
-        s.value && s.value.setCenter(t.config.center, !1, 200);
-      }, $ = () => {
-        s.value && (s.value.clearMap(), s.value.destroy(), s.value = null, c.value && (c.value.clear(), c.value.destroy(), c.value = null));
+        l.value && l.value.setMapStyle(t.config.mapStyle);
+      }, ie = (t) => {
+        l.value && l.value.setZoom(t.config.zoom, !1, 200);
+      }, ne = (t) => {
+        l.value && l.value.setCenter(t.config.center, !1, 200);
+      }, J = () => {
+        l.value && v.value && (l.value.off("click", v.value), v.value = null), l.value && (l.value.clearMap(), l.value.destroy(), l.value = null), c.value && (c.value.clear(), c.value.destroy(), c.value = null);
       };
-      return me(() => {
+      return ye(() => {
         setTimeout(() => {
-          B(o.value);
+          $(s.value);
         }, 0);
-      }), de(() => $()), {
-        initAMap3d: B,
-        updateAMapStyle: re,
-        updateAMapConfig: te,
-        updateAMapComponents: ae,
-        updateAMapZoom: le,
-        updateAMapCenter: se,
-        amap3d: s,
-        loading: x,
+      }), pe(() => {
+        S.value = !0, J();
+      }), {
+        initAMap3d: $,
+        updateAMapStyle: se,
+        updateAMapConfig: le,
+        updateAMapComponents: oe,
+        updateAMapZoom: ie,
+        updateAMapCenter: ne,
+        amap3d: l,
+        loading: C,
         AMapPrototype: d,
-        errorMessage: C
+        errorMessage: M
       };
     }, {
-      initAMap3d: g,
-      updateAMapStyle: H,
-      updateAMapConfig: A,
-      updateAMapComponents: Z,
-      updateAMapZoom: j,
-      updateAMapCenter: R,
-      loading: I,
-      errorMessage: O
-    } = G();
-    return u(
-      () => o.value.config,
+      initAMap3d: h,
+      updateAMapStyle: j,
+      updateAMapConfig: B,
+      updateAMapComponents: R,
+      updateAMapZoom: V,
+      updateAMapCenter: U,
+      loading: W,
+      errorMessage: P
+    } = Z();
+    return y(
+      () => s.value.config,
       () => {
-        A(o.value);
+        B(s.value);
       },
       { deep: !0 }
-    ), u(
-      () => o.value.config.zoom,
+    ), y(
+      () => s.value.config.zoom,
       () => {
-        j(o.value);
+        V(s.value);
       },
       { deep: !0 }
-    ), u(
-      () => o.value.config.center,
+    ), y(
+      () => s.value.config.center,
       () => {
-        R(o.value);
+        U(s.value);
       },
       { deep: !0 }
-    ), u(
-      () => o.value.config.floors,
-      M(() => {
-        g(o.value);
+    ), y(
+      () => s.value.config.floors,
+      O(() => {
+        h(s.value);
       }, 300),
       { deep: !0 }
-    ), u(
-      () => o.value.config.skyColor,
-      M(() => {
-        g(o.value);
+    ), y(
+      () => s.value.config.skyColor,
+      O(() => {
+        h(s.value);
       }, 300),
       { deep: !0 }
-    ), u(
-      () => o.value.widgets,
+    ), y(
+      () => s.value.widgets,
       () => {
-        Z();
+        R();
       },
       { deep: !0 }
-    ), u(
-      () => o.value.config.mapStyle,
+    ), y(
+      () => s.value.config.mapStyle,
       () => {
-        H(o.value);
+        j(s.value);
       },
       { deep: !0 }
-    ), u(
-      () => o.value.basic,
+    ), y(
+      () => s.value.basic,
       () => {
-        g(o.value);
+        h(s.value);
       },
       { deep: !0 }
-    ), u(
-      () => m.sources,
+    ), y(
+      () => u.sources,
       () => {
-        g(o.value);
+        h(s.value);
       },
       { deep: !0 }
-    ), 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) }])
+    ), H({
+      refresh: () => h(s.value),
+      refreshView: () => B(s.value),
+      refreshData: () => h(s.value)
+    }), (l, c) => (A(), E("div", be, [
+      I("div", {
+        class: me(["amap-3d-wrap", { show: x(W) }])
       }, c[0] || (c[0] = [
-        E("div", {
+        I("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)
+      x(W) ? T("", !0) : (A(), E("div", ze, [
+        x(P) !== "" ? (A(), E("i", we)) : T("", !0),
+        I("p", xe, de(x(P)), 1)
       ]))
     ]));
   }
 });
 export {
-  xr as default
+  Lr as default
 };