@shjjs/visual-ui 3.0.7 → 3.0.8

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

@@ -1,7 +1,7 @@
-import { defineComponent as A, computed as q, shallowRef as M, ref as y, onMounted as Q, nextTick as X, onUnmounted as Y, watch as p, createElementBlock as C, openBlock as S, createElementVNode as L, createCommentVNode as W, normalizeClass as $, toDisplayString as _ } from "vue";
-import ee from "@amap/amap-jsapi-loader";
-import te from "axios";
-import { nanoid as re } from "nanoid";
+import { defineComponent as T, computed as X, shallowRef as W, ref as p, onMounted as Y, nextTick as $, onUnmounted as _, watch as d, createElementBlock as L, openBlock as E, createElementVNode as O, createCommentVNode as A, normalizeClass as ee, toDisplayString as te } from "vue";
+import re from "@amap/amap-jsapi-loader";
+import ae from "axios";
+import { nanoid as oe } from "nanoid";
 /* empty css                                     */
 /* empty css                                     */
 import "../../../Interaction/components/Tabs/index.mjs";
@@ -157,19 +157,19 @@ import "../UnityIframe/index.mjs";
 import "../UnityWebgl/index.mjs";
 import "../Vr/index.mjs";
 import "../Earth/index.mjs";
-import { SHJDatasourceV2 as ae } from "../../../../commons/plugins/datasource/index.mjs";
+import { SHJDatasourceV2 as le } from "../../../../commons/plugins/datasource/index.mjs";
 import { SHJParseEvent as v } from "../../../../commons/plugins/event/index.mjs";
 import "lodash";
-import { upgradeAmap2d as oe } from "./version.mjs";
-const le = { class: "relative w-full h-full" }, se = {
+import { upgradeAmap2d as se } from "./version.mjs";
+const ie = { class: "relative w-full h-full" }, ne = {
   key: 0,
   class: "empty-wrap"
-}, ie = {
+}, ce = {
   key: 0,
   class: "iconfont shj-gaodeditu",
   style: { "font-size": "48px" }
-}, ne = { class: "text-gray-500" }, ce = A({ name: "ShjAmap2d" }), ua = /* @__PURE__ */ A({
-  ...ce,
+}, me = { class: "text-gray-500" }, ue = T({ name: "ShjAmap2d" }), da = /* @__PURE__ */ T({
+  ...ue,
   props: {
     option: {},
     sources: {},
@@ -184,11 +184,15 @@ const le = { class: "relative w-full h-full" }, se = {
     "amap2d-scene-dragging",
     "amap2d-scene-dragend"
   ],
-  setup(c, { expose: D, emit: T }) {
-    const s = q(() => oe(c.option)), d = T, o = M(), m = M(), g = y(!1), h = y(), b = y(), k = y(), u = y(), w = y(""), f = (t) => {
-      I(), window._AMapSecurityConfig = {
+  setup(n, { expose: D, emit: J }) {
+    const s = X(() => se(n.option)), y = J, o = W(), c = W(), g = p(!1), w = p(!1);
+    let x = 0;
+    const h = p(), b = p(), k = p(), u = p(), C = p(""), f = (t) => {
+      x += 1;
+      const e = x;
+      w.value = !1, I(), window._AMapSecurityConfig = {
         securityJsCode: t.basic.securityJsCode
-      }, ee.load({
+      }, re.load({
         key: t.basic.key,
         // 申请好的Web端开发者Key，首次调用 load 时必填
         version: "2.0",
@@ -205,9 +209,10 @@ const le = { class: "relative w-full h-full" }, se = {
           "AMap.ImageLayer",
           "AMap.TileLayer"
         ]
-      }).then((e) => {
-        u.value = e;
-        const r = new u.value.createDefaultLayer({
+      }).then((r) => {
+        if (w.value || e !== x) return;
+        u.value = r;
+        const l = new u.value.createDefaultLayer({
           visible: !0,
           // 是否可见
           opacity: 1,
@@ -215,7 +220,7 @@ const le = { class: "relative w-full h-full" }, se = {
           zIndex: 0
           // 叠加层级
         });
-        o.value = new e.Map("zerov-amap-2d", {
+        o.value = new r.Map("zerov-amap-2d", {
           rotateEnable: t.config.rotateEnable,
           // 是否开启地图旋转交互 鼠标右键 + 鼠标画圈移动 或 键盘Ctrl + 鼠标画圈移动
           pitchEnable: t.config.pitchEnable,
@@ -232,8 +237,8 @@ const le = { class: "relative w-full h-full" }, se = {
           // 初始地图中心经纬度
           mapStyle: t.config.mapStyle,
           features: t.config.features,
-          layers: [r]
-        }), m.value = new window.Loca.Container({
+          layers: [l]
+        }), c.value = new window.Loca.Container({
           map: o.value
         }), k.value = new u.value.Scale({
           visible: t.config.plugin.scale.visible,
@@ -241,100 +246,97 @@ const le = { class: "relative w-full h-full" }, se = {
             left: t.config.plugin.scale.position.left + "px",
             bottom: t.config.plugin.scale.position.bottom + "px"
           }
-        }), o.value.addControl(k.value), h.value = new e.ControlBar({
+        }), o.value.addControl(k.value), h.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(h.value), b.value = new e.ToolBar({
+        }), o.value.addControl(h.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), E(e), o.value.on("complete", () => {
+        }), o.value.addControl(b.value), B(r), o.value.on("complete", () => {
           setTimeout(() => {
-            g.value = !0, d("amap2d-scene-success"), v.parseEvents(c.useEvents, "amap2d-scene-success", null);
+            g.value = !0, y("amap2d-scene-success"), v.parseEvents(n.useEvents, "amap2d-scene-success", null);
           }, 666);
         }), o.value.on("zoomstart", () => {
-          d("amap2d-scene-zoomstart"), v.parseEvents(c.useEvents, "amap2d-scene-zoomstart", null);
+          y("amap2d-scene-zoomstart"), v.parseEvents(n.useEvents, "amap2d-scene-zoomstart", null);
         }), o.value.on("zoomend", () => {
-          d("amap2d-scene-zoomend"), v.parseEvents(c.useEvents, "amap2d-scene-zoomend", null);
+          y("amap2d-scene-zoomend"), v.parseEvents(n.useEvents, "amap2d-scene-zoomend", null);
         }), o.value.on("click", (a) => {
-          d("amap2d-scene-mapclick", a.lnglat), v.parseEvents(c.useEvents, "amap2d-scene-mapclick", a.lnglat);
+          y("amap2d-scene-mapclick", a.lnglat), v.parseEvents(n.useEvents, "amap2d-scene-mapclick", a.lnglat);
         }), o.value.on("dragstart", (a) => {
-          d("amap2d-scene-dragstart", a.lnglat), v.parseEvents(
-            c.useEvents,
+          y("amap2d-scene-dragstart", a.lnglat), v.parseEvents(
+            n.useEvents,
             "amap2d-scene-dragstart",
             a.lnglat
           );
         }), o.value.on("dragend", (a) => {
-          d("amap2d-scene-dragend", a.lnglat), v.parseEvents(c.useEvents, "amap2d-scene-dragend", a.lnglat);
+          y("amap2d-scene-dragend", a.lnglat), v.parseEvents(n.useEvents, "amap2d-scene-dragend", a.lnglat);
         });
-      }).catch((e) => {
-        g.value = !1, w.value = "缺少必要的Key和密钥，请先在右侧配置面板中进行配置";
+      }).catch((r) => {
+        g.value = !1, C.value = "缺少必要的Key和密钥，请先在右侧配置面板中进行配置";
       });
-    }, E = (t) => {
-      c.sources && c.sources.length > 0 ? s.value.widgets.forEach((r, a) => {
-        ae.parse({
-          sources: [c.sources[a]],
-          callback: (l) => {
+    }, B = (t) => {
+      n.sources && n.sources.length > 0 && s.value.widgets.forEach((r, l) => {
+        r && r.type === "boundary" || le.parse({
+          sources: [n.sources[l]],
+          callback: (a) => {
             try {
-              r && r.type === "heatmap" && j(t, r, l.data[0].data), r && r.type === "dotlayers" && F(
+              r && r.type === "heatmap" && F(t, r, a.data[0].data), r && r.type === "dotlayers" && H(
                 window.Loca,
                 r,
-                x(l.data[0].data)
-              ), r && r.type === "scatter" && G(
+                S(a.data[0].data)
+              ), r && r.type === "scatter" && V(
                 window.Loca,
                 r,
-                x(l.data[0].data)
-              ), r && r.type === "labelsLayer" && H(
+                S(a.data[0].data)
+              ), r && r.type === "labelsLayer" && R(
                 window.Loca,
                 r,
-                x(l.data[0].data)
+                S(a.data[0].data)
               );
             } catch {
             }
-            s.value.widgets.filter((i) => i.type === "boundary").forEach((i) => {
-              O(t, i);
-            });
           }
         });
-      }) : s.value.widgets.filter((r) => r.type === "boundary").forEach((r) => {
-        O(t, r);
+      }), s.value.widgets.filter((r) => r.type === "boundary").forEach((r) => {
+        G(t, r);
       });
       const e = o.value.getLayers();
       for (let r = 0; r < e.length; r++)
         (e[r].type === "sketchTileLayer" || e[r]._opts.type === "sketchImageLayer") && o.value.removeLayer(e[r]);
       s.value.widgets.filter((r) => r.type === "sketchTile").forEach((r) => {
-        const a = P(r);
-        a && o.value.addLayer(a);
+        const l = N(r);
+        l && o.value.addLayer(l);
       }), s.value.widgets.filter((r) => r.type === "sketchImage").forEach((r) => {
-        const a = N(r);
-        o.value.addLayer(a);
+        const l = j(r);
+        o.value.addLayer(l);
       });
-    }, J = (t) => {
+    }, P = (t) => {
       const r = t.slice(
         t.indexOf("(") + 1,
         t.lastIndexOf(")")
-      ).split(",").map((l) => l.trim()), a = {};
-      for (let l = 1; l < r.length; l++) {
-        const i = r[l].split(" "), n = i[0], z = parseFloat(i[1]) / 100, K = Math.round(z * 100) / 100;
-        a[K] = n;
+      ).split(",").map((a) => a.trim()), l = {};
+      for (let a = 1; a < r.length; a++) {
+        const m = r[a].split(" "), i = m[0], z = parseFloat(m[1]) / 100, Q = Math.round(z * 100) / 100;
+        l[Q] = i;
       }
-      return a;
-    }, P = (t) => {
+      return l;
+    }, N = (t) => {
       try {
         return new u.value.TileLayer({
           bounds: new u.value.Bounds(
             t.bounds[0],
             t.bounds[1]
           ),
-          getTileUrl: function(r, a, l) {
+          getTileUrl: function(r, l, a) {
             try {
-              return t.url.replace("{z}", l).replace("{x}", r).replace("{y}", a);
+              return t.url.replace("{z}", a).replace("{x}", r).replace("{y}", l);
             } catch {
             }
           },
@@ -347,7 +349,7 @@ const le = { class: "relative w-full h-full" }, se = {
       } catch {
       }
       return null;
-    }, N = (t) => {
+    }, j = (t) => {
       try {
         return new u.value.ImageLayer({
           bounds: new u.value.Bounds(
@@ -366,31 +368,31 @@ const le = { class: "relative w-full h-full" }, se = {
       } catch {
       }
       return null;
-    }, j = (t, e, r) => {
+    }, F = (t, e, r) => {
       try {
-        const a = new t.HeatMap(o.value, {
+        const l = new t.HeatMap(o.value, {
           radius: e.radius,
           // 给定半径
           opacity: e.opacity,
-          gradient: J(e.gradient)
+          gradient: P(e.gradient)
         });
         setTimeout(() => {
-          a.setDataSet({
+          l.setDataSet({
             data: r,
             max: e.max
           });
         }, 0);
       } catch {
       }
-    }, O = async (t, e) => {
+    }, G = async (t, e) => {
       try {
-        const r = await te.get(e.geojson);
+        const r = await ae.get(e.geojson);
         if (r.status === 200) {
-          const a = new t.GeoJSON({
+          const l = new t.GeoJSON({
             geoJSON: r.data,
-            getPolygon: function(l, i) {
-              const n = new t.Polygon({
-                path: i,
+            getPolygon: function(a, m) {
+              const i = new t.Polygon({
+                path: m,
                 zIndex: e.zIndex,
                 fillColor: e.style.fillColor,
                 // 填充色
@@ -405,8 +407,8 @@ const le = { class: "relative w-full h-full" }, se = {
                 strokeStyle: e.style.strokeStyle
                 // 线条样式
               });
-              return n.on("mouseover", () => {
-                n.setOptions({
+              return i.on("mouseover", () => {
+                i.setOptions({
                   fillOpacity: e.mouseover.fillOpacity,
                   fillColor: e.mouseover.fillColor,
                   strokeOpacity: e.mouseover.strokeOpacity,
@@ -414,8 +416,8 @@ const le = { class: "relative w-full h-full" }, se = {
                   strokeStyle: e.mouseover.strokeStyle,
                   strokeWeight: e.mouseover.strokeWeight
                 });
-              }), n.on("mouseout", () => {
-                n.setOptions({
+              }), i.on("mouseout", () => {
+                i.setOptions({
                   fillColor: e.style.fillColor,
                   // 填充色
                   strokeOpacity: e.style.strokeOpacity,
@@ -429,23 +431,23 @@ const le = { class: "relative w-full h-full" }, se = {
                   strokeStyle: e.style.strokeStyle
                   // 线条样式
                 });
-              }), n;
+              }), i;
             }
           });
-          o.value.add(a);
+          o.value.add(l);
         }
       } catch {
       }
-    }, F = (t, e, r) => {
+    }, H = (t, e, r) => {
       try {
-        const a = new t.GeoJSONSource({
+        const l = new t.GeoJSONSource({
           data: r
-        }), l = new t.PointLayer({
+        }), a = new t.PointLayer({
           zIndex: e.zIndex,
           blend: e.blend,
           visible: e.visible,
           opacity: e.opacity
-        }), i = {
+        }), m = {
           radius: e.style.radius,
           unit: e.style.unit,
           color: e.style.color,
@@ -453,7 +455,7 @@ const le = { class: "relative w-full h-full" }, se = {
           blurWidth: e.style.blurWidth,
           borderColor: e.style.borderColor
         };
-        l.setSource(a), l.setStyle(i), m.value.add(l), l.addAnimate({
+        a.setSource(l), a.setStyle(m), c.value.add(a), a.addAnimate({
           key: e.animate.key,
           value: e.animate.value,
           duration: e.animate.duration,
@@ -466,32 +468,32 @@ const le = { class: "relative w-full h-full" }, se = {
         });
       } catch {
       }
-    }, G = (t, e, r) => {
+    }, V = (t, e, r) => {
       try {
-        const a = new t.GeoJSONSource({
+        const l = new t.GeoJSONSource({
           data: r
-        }), l = new t.ScatterLayer({
-          loca: m.value,
+        }), a = new t.ScatterLayer({
+          loca: c.value,
           zIndex: e.zIndex,
           opacity: e.opacity,
           visible: e.visible,
           zooms: e.zooms
         });
-        l.setSource(a), l.setStyle({
+        a.setSource(l), a.setStyle({
           unit: e.style.unit,
           size: e.style.size,
           borderWidth: e.style.borderWidth,
           texture: e.style.texture,
           duration: e.style.duration,
           animate: e.style.animate
-        }), m.value.animate.start();
+        }), c.value.animate.start();
       } catch {
       }
-    }, H = (t, e, r) => {
+    }, R = (t, e, r) => {
       try {
-        const a = new t.GeoJSONSource({
+        const l = new t.GeoJSONSource({
           data: r
-        }), l = new t.LabelsLayer({
+        }), a = new t.LabelsLayer({
           eventSupport: !0,
           visible: e.visible,
           zooms: e.zooms,
@@ -500,7 +502,7 @@ const le = { class: "relative w-full h-full" }, se = {
           allowCollision: e.allowCollision,
           zIndex: e.zIndex
         });
-        l.setSource(a), l.setStyle({
+        a.setSource(l), a.setStyle({
           icon: {
             image: e.icon.image,
             size: e.icon.size,
@@ -510,7 +512,7 @@ const le = { class: "relative w-full h-full" }, se = {
           },
           text: {
             // 每项配置都可使用回调函数来动态配置
-            content: (i, n) => n.properties[e.text.content],
+            content: (m, i) => i.properties[e.text.content],
             zooms: e.text.zooms,
             offset: e.text.offset,
             direction: e.text.direction,
@@ -527,25 +529,25 @@ const le = { class: "relative w-full h-full" }, se = {
               fontWeight: e.text.style.fontWeight
             }
           }
-        }), l.on("complete", () => {
-          const i = l.getLabelsLayer().getAllOverlays();
-          for (const n of i)
-            n.on("click", (z) => {
-            }), n.on("mouseover", (z) => {
-            }), n.on("mouseout", (z) => {
+        }), a.on("complete", () => {
+          const m = a.getLabelsLayer().getAllOverlays();
+          for (const i of m)
+            i.on("click", (z) => {
+            }), i.on("mouseover", (z) => {
+            }), i.on("mouseout", (z) => {
             });
-        }), m.value.add(l);
+        }), c.value.add(a);
       } catch {
       }
-    }, x = (t) => {
+    }, S = (t) => {
       const e = {
         type: "FeatureCollection",
         features: []
       };
       return t.forEach((r) => {
-        const a = {
+        const l = {
           type: "Feature",
-          id: re(),
+          id: oe(),
           properties: {
             name: r.name || "",
             _draw_type: "point"
@@ -555,91 +557,93 @@ const le = { class: "relative w-full h-full" }, se = {
             coordinates: r.value
           }
         };
-        e.features.push(a);
+        e.features.push(l);
       }), e;
-    }, B = (t) => {
+    }, M = (t) => {
       o.value && (o.value.setFeatures(t.config.features), o.value.setStatus({
         dragEnable: t.config.dragEnable,
         zoomEnable: t.config.zoomEnable,
         rotateEnable: t.config.rotateEnable
       }), t.config.plugin.scale.visible ? k.value.show() : k.value.hide(), t.config.plugin.toolBar.visible ? b.value.show() : b.value.hide(), t.config.plugin.controlBar.visible ? h.value.show() : h.value.hide());
-    }, V = () => {
-      o.value && (o.value.clearMap(), m.value.clear(), E(u.value));
-    }, R = (t) => {
+    }, U = () => {
+      o.value && (o.value.clearMap(), c.value.clear(), B(u.value));
+    }, Z = (t) => {
       o.value && o.value.setMapStyle(t.config.mapStyle);
-    }, U = (t) => {
+    }, K = (t) => {
       o.value && o.value.setZoom(t.config.zoom, !1, 200);
-    }, Z = (t) => {
+    }, q = (t) => {
       o.value && o.value.setCenter(t.config.center, !1, 200);
     }, I = () => {
-      o.value && (o.value.clearMap(), o.value.destroy(), o.value = null, m.value && (m.value.clear(), m.value.destroy(), m.value = null));
+      o.value && (o.value.clearMap(), o.value.destroy(), o.value = null), c.value && (c.value.clear(), c.value.destroy(), c.value = null);
     };
-    return Q(() => {
-      X(() => {
+    return Y(() => {
+      $(() => {
         f(s.value);
       });
-    }), Y(() => I()), p(
+    }), _(() => {
+      w.value = !0, I();
+    }), d(
       () => s.value.config,
       () => {
-        B(s.value);
+        M(s.value);
       },
       { deep: !0 }
-    ), p(
+    ), d(
       () => s.value.config.zoom,
       () => {
-        U(s.value);
+        K(s.value);
       },
       { deep: !0 }
-    ), p(
+    ), d(
       () => s.value.config.center,
       () => {
-        Z(s.value);
+        q(s.value);
       },
       { deep: !0 }
-    ), p(
+    ), d(
       () => s.value.widgets,
       () => {
-        V();
+        U();
       },
       { deep: !0 }
-    ), p(
+    ), d(
       () => s.value.config.mapStyle,
       () => {
-        R(s.value);
+        Z(s.value);
       },
       { deep: !0 }
-    ), p(
+    ), d(
       () => s.value.basic,
       () => {
         f(s.value);
       },
       { deep: !0 }
-    ), p(
-      () => c.sources,
+    ), d(
+      () => n.sources,
       () => {
         f(s.value);
       },
       { deep: !0 }
     ), D({
       refresh: () => f(s.value),
-      refreshView: () => B(s.value),
+      refreshView: () => M(s.value),
       refreshData: () => f(s.value)
-    }), (t, e) => (S(), C("div", le, [
-      L("div", {
-        class: $(["amap-2d-wrap", { show: g.value }])
+    }), (t, e) => (E(), L("div", ie, [
+      O("div", {
+        class: ee(["amap-2d-wrap", { show: g.value }])
       }, e[0] || (e[0] = [
-        L("div", {
+        O("div", {
           id: "zerov-amap-2d",
           class: "zerov-amap-container"
         }, null, -1)
       ]), 2),
-      g.value ? W("", !0) : (S(), C("div", se, [
-        w.value !== "" ? (S(), C("i", ie)) : W("", !0),
-        L("p", ne, _(w.value), 1)
+      g.value ? A("", !0) : (E(), L("div", ne, [
+        C.value !== "" ? (E(), L("i", ce)) : A("", !0),
+        O("p", me, te(C.value), 1)
       ]))
     ]));
   }
 });
 export {
-  ua as default
+  da as default
 };

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

@@ -1,7 +1,7 @@
 import o from "./index.vue2.mjs";
 /* empty css            */
 import t from "../../../../_virtual/_plugin-vue_export-helper.mjs";
-const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-add171b8"]]);
+const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f8d2f985"]]);
 export {
-  a as default
+  r as default
 };