@shjjs/visual-ui 2.0.6 → 3.0.0

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 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,14 +157,18 @@ 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 ge } 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 = {
-  key: 1,
-  class: "w-full h-full flex flex-col items-center justify-center"
-}, pe = $({ name: "ShjAmap3d" }), gr = /* @__PURE__ */ $({
-  ...pe,
+import { upgradeAmap3d as fe } from "./version.mjs";
+const ve = { class: "relative w-full h-full" }, he = {
+  key: 0,
+  class: "empty-wrap"
+}, 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: {},
@@ -180,12 +184,12 @@ 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 = {
+  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
-        }, ne.load({
+        }, ue.load({
           key: t.basic.key,
           // 申请好的Web端开发者Key，首次调用 load 时必填
           version: "2.0",
@@ -212,7 +216,7 @@ const ye = {
             zIndex: 0
             // 叠加层级
           });
-          o.value = new e.Map("zerov-amap-3d", {
+          s.value = new e.Map("zerov-amap-3d", {
             rotateEnable: t.config.rotateEnable,
             // 是否开启地图旋转交互 鼠标右键 + 鼠标画圈移动 或 键盘Ctrl + 鼠标画圈移动
             pitchEnable: t.config.pitchEnable,
@@ -239,47 +243,47 @@ const ye = {
             skyColor: t.config.skyColor,
             layers: [a]
           }), c.value = new window.Loca.Container({
-            map: o.value
+            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 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"
             }
-          }), o.value.addControl(k.value), b.value = new e.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"
             }
-          }), o.value.addControl(b.value), M(e), o.value.on("complete", () => {
+          }), s.value.addControl(b.value), W(e), s.value.on("complete", () => {
             setTimeout(() => {
-              L.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);
-          }), 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) => {
+          }), s.value.on("click", (r) => {
             y("amap3d-scene-mapclick", r.lnglat), p.parseEvents(
               m.useEvents,
               "amap3d-scene-mapclick",
               r.lnglat
             );
-          }), o.value.on("dragstart", (r) => {
+          }), s.value.on("dragstart", (r) => {
             y("amap3d-scene-dragstart", r.lnglat), p.parseEvents(
               m.useEvents,
               "amap3d-scene-dragstart",
               r.lnglat
             );
-          }), o.value.on("dragend", (r) => {
+          }), s.value.on("dragend", (r) => {
             y("amap3d-scene-dragend", r.lnglat), p.parseEvents(
               m.useEvents,
               "amap3d-scene-dragend",
@@ -287,69 +291,70 @@ const ye = {
             );
           });
         }).catch((e) => {
+          x.value = !1, C.value = "缺少必要的Key和密钥，请先在右侧配置面板中进行配置";
         });
-      }, M = x((t) => {
-        m.sources && m.sources.length > 0 ? s.value.widgets.forEach((a, r) => {
-          de.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" && V(
+                a && a.type === "heatmap" && K(
                   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" && X(
                   window.Loca,
                   a,
                   f(l.data[0].data, "Point")
-                ), a && a.type === "labelsLayer" && K(
+                ), a && a.type === "labelsLayer" && Y(
                   window.Loca,
                   a,
                   f(l.data[0].data, "Point")
-                ), a && a.type === "signagePoints" && Q(
+                ), a && a.type === "signagePoints" && _(
                   window.Loca,
                   a,
                   f(l.data[0].data, "Point")
-                ), a && a.type === "pulseLinkLayer" && X(
+                ), a && a.type === "pulseLinkLayer" && ee(
                   window.Loca,
                   a,
                   f(l.data[0].data, "LineString")
                 );
               } catch {
               }
-              s.value.widgets.filter((i) => i.type === "boundary").forEach((i) => {
-                A(t, i);
+              o.value.widgets.filter((i) => i.type === "boundary").forEach((i) => {
+                P(t, i);
               });
             }
           });
-        }) : s.value.widgets.filter((a) => a.type === "boundary").forEach((a) => {
-          A(t, a);
+        }) : o.value.widgets.filter((a) => a.type === "boundary").forEach((a) => {
+          P(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]);
+        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);
         });
-      }, 200), Z = (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 i = a[l].split(" "), n = i[0], v = parseFloat(i[1]) / 100, re = Math.round(v * 100) / 100;
-          r[re] = n;
+          const i = a[l].split(" "), n = i[0], v = parseFloat(i[1]) / 100, oe = Math.round(v * 100) / 100;
+          r[oe] = n;
         }
         return r;
-      }, j = (t) => {
+      }, U = (t) => {
         try {
           return new d.value.TileLayer({
             bounds: new d.value.Bounds(
@@ -371,7 +376,7 @@ const ye = {
         } catch {
         }
         return null;
-      }, R = (t) => {
+      }, q = (t) => {
         try {
           return new d.value.ImageLayer({
             bounds: new d.value.Bounds(
@@ -390,7 +395,7 @@ const ye = {
         } catch {
         }
         return null;
-      }, V = (t, e, a) => {
+      }, K = (t, e, a) => {
         try {
           const r = new t.HeatMapLayer({
             zIndex: 10,
@@ -405,7 +410,7 @@ const ye = {
             unit: e.style.unit,
             height: e.style.height,
             opacity: e.style.opacity,
-            gradient: Z(e.style.gradient),
+            gradient: V(e.style.gradient),
             value: function(i, n) {
               return n.coordinates[2] || 0;
             },
@@ -416,9 +421,9 @@ const ye = {
           }), c.value.add(r);
         } catch {
         }
-      }, A = async (t, e) => {
+      }, P = async (t, e) => {
         try {
-          const a = await ce.get(e.geojson);
+          const a = await ye.get(e.geojson);
           if (a.status === 200) {
             const r = new t.GeoJSON({
               geoJSON: a.data,
@@ -466,11 +471,11 @@ const ye = {
                 }), n;
               }
             });
-            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
@@ -500,7 +505,7 @@ const ye = {
           });
         } catch {
         }
-      }, q = (t, e, a) => {
+      }, X = (t, e, a) => {
         try {
           const r = new t.GeoJSONSource({
             data: a
@@ -521,7 +526,7 @@ const ye = {
           }), c.value.animate.start();
         } catch {
         }
-      }, K = (t, e, a) => {
+      }, Y = (t, e, a) => {
         try {
           const r = new t.GeoJSONSource({
             data: a
@@ -571,7 +576,7 @@ const ye = {
           }), c.value.add(l);
         } catch {
         }
-      }, Q = (t, e, a) => {
+      }, _ = (t, e, a) => {
         try {
           const r = new t.GeoJSONSource({
             data: a
@@ -640,7 +645,7 @@ const ye = {
           }), c.value.add(i), c.value.animate.start();
         } catch {
         }
-      }, X = (t, e, a) => {
+      }, ee = (t, e, a) => {
         const r = new t.PulseLinkLayer({
           zIndex: e.zIndex,
           opacity: e.opacity,
@@ -668,7 +673,7 @@ const ye = {
           // 弧顶位置比例
           headColor: e.style.headColor,
           trailColor: e.style.trailColor
-        }), o.value.on("click", (i) => {
+        }), s.value.on("click", (i) => {
           const n = r.queryFeature(i.pixel.toArray());
           n && (y("amap3d-scene-pulseLinkLayer", n), p.parseEvents(
             m.useEvents,
@@ -684,7 +689,7 @@ const ye = {
         return t.forEach((r) => {
           const l = {
             type: "Feature",
-            id: me(),
+            id: pe(),
             properties: {
               type: e === "Point" ? e : 0,
               ...r
@@ -696,123 +701,124 @@ 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({
+      }, 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();
-      }, _ = () => {
-        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);
-      }, 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));
+        }), 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);
+      }, 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));
       };
-      return se(() => {
+      return me(() => {
         setTimeout(() => {
-          E(s.value);
+          B(o.value);
         }, 0);
-      }), ie(() => I()), {
-        initAMap3d: E,
-        updateAMapStyle: ee,
-        updateAMapConfig: Y,
-        updateAMapComponents: _,
-        updateAMapZoom: te,
-        updateAMapCenter: ae,
-        amap3d: o,
-        loading: L,
-        AMapPrototype: d
+      }), de(() => $()), {
+        initAMap3d: B,
+        updateAMapStyle: re,
+        updateAMapConfig: te,
+        updateAMapComponents: ae,
+        updateAMapZoom: le,
+        updateAMapCenter: se,
+        amap3d: s,
+        loading: x,
+        AMapPrototype: d,
+        errorMessage: C
       };
     }, {
       initAMap3d: g,
-      updateAMapStyle: F,
-      updateAMapConfig: C,
-      updateAMapComponents: N,
-      updateAMapZoom: G,
-      updateAMapCenter: H,
-      loading: S
-    } = T();
+      updateAMapStyle: H,
+      updateAMapConfig: A,
+      updateAMapComponents: Z,
+      updateAMapZoom: j,
+      updateAMapCenter: R,
+      loading: I,
+      errorMessage: O
+    } = G();
     return u(
-      () => s.value.config,
+      () => o.value.config,
       () => {
-        C(s.value);
+        A(o.value);
       },
       { deep: !0 }
     ), u(
-      () => s.value.config.zoom,
+      () => o.value.config.zoom,
       () => {
-        G(s.value);
+        j(o.value);
       },
       { deep: !0 }
     ), u(
-      () => s.value.config.center,
+      () => o.value.config.center,
       () => {
-        H(s.value);
+        R(o.value);
       },
       { deep: !0 }
     ), u(
-      () => s.value.config.floors,
-      x(() => {
-        g(s.value);
+      () => o.value.config.floors,
+      M(() => {
+        g(o.value);
       }, 300),
       { deep: !0 }
     ), u(
-      () => s.value.config.skyColor,
-      x(() => {
-        g(s.value);
+      () => o.value.config.skyColor,
+      M(() => {
+        g(o.value);
       }, 300),
       { deep: !0 }
     ), u(
-      () => s.value.widgets,
+      () => o.value.widgets,
       () => {
-        N();
+        Z();
       },
       { deep: !0 }
     ), u(
-      () => s.value.config.mapStyle,
+      () => o.value.config.mapStyle,
       () => {
-        F(s.value);
+        H(o.value);
       },
       { deep: !0 }
     ), u(
-      () => s.value.basic,
+      () => o.value.basic,
       () => {
-        g(s.value);
+        g(o.value);
       },
       { deep: !0 }
     ), u(
       () => m.sources,
       () => {
-        g(s.value);
+        g(o.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)
-    ])));
+    ), 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 {
-  gr as default
+  wr as default
 };

package/es/components/Scene/components/Map3d/index.vue.mjs

@@ -2,7 +2,7 @@ import o from "./index.vue2.mjs";
 /* empty css            */
 /* empty css            */
 import t from "../../../../_virtual/_plugin-vue_export-helper.mjs";
-const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d0ab4e88"]]);
+const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-03cb3209"]]);
 export {
-  e as default
+  _ as default
 };