@shjjs/visual-ui 2.0.6 → 3.0.0

package/es/commons/plugins/datasource/utils/utils.mjs

@@ -1,6 +1,6 @@
-var d = Object.defineProperty;
-var f = (l, e, a) => e in l ? d(l, e, { enumerable: !0, configurable: !0, writable: !0, value: a }) : l[e] = a;
-var c = (l, e, a) => f(l, typeof e != "symbol" ? e + "" : e, a);
+var f = Object.defineProperty;
+var d = (l, e, a) => e in l ? f(l, e, { enumerable: !0, configurable: !0, writable: !0, value: a }) : l[e] = a;
+var c = (l, e, a) => d(l, typeof e != "symbol" ? e + "" : e, a);
 import { cloneDeep as h } from "lodash";
 import { SHJDatasourceV2 as b } from "../index.mjs";
 import "../../event/actions/fullScreenAction.mjs";
@@ -86,10 +86,10 @@ const r = class r {
    */
   static setEnvironments(e) {
     const a = e.find((t) => t.selected);
-    window._apiEnvironment = {
+    a && (window._apiEnvironment = {
       envName: a.envName,
       envBaseUrl: a.envBaseUrl
-    };
+    });
   }
   /**
    * 获取变量数据

package/es/components/Scene/components/Amap2d/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 m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c412c185"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-56e45189"]]);
 export {
-  m as default
+  p as default
 };

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

@@ -1,7 +1,7 @@
-import { defineComponent as M, computed as Z, shallowRef as O, ref as f, onMounted as K, nextTick as q, onUnmounted as Q, watch as p, createElementBlock as B, openBlock as I, normalizeClass as X, createElementVNode as x } from "vue";
-import Y from "@amap/amap-jsapi-loader";
-import $ from "axios";
-import { nanoid as _ } from "nanoid";
+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";
 /* empty css                                     */
 /* empty css                                     */
 import "../../../Interaction/components/Tabs/index.mjs";
@@ -156,15 +156,19 @@ import "../UnityIframe/index.mjs";
 import "../UnityWebgl/index.mjs";
 import "../Vr/index.mjs";
 import "../Earth/index.mjs";
-import { SHJDatasourceV2 as ee } from "../../../../commons/plugins/datasource/index.mjs";
-import { SHJParseEvent as y } from "../../../../commons/plugins/event/index.mjs";
+import { SHJDatasourceV2 as ae } from "../../../../commons/plugins/datasource/index.mjs";
+import { SHJParseEvent as v } from "../../../../commons/plugins/event/index.mjs";
 import "lodash";
-import { upgradeAmap2d as te } from "./version.mjs";
-const re = {
-  key: 1,
-  class: "w-full h-full flex flex-col items-center justify-center"
-}, ae = M({ name: "ShjAmap2d" }), oa = /* @__PURE__ */ M({
-  ...ae,
+import { upgradeAmap2d as oe } from "./version.mjs";
+const le = { class: "relative w-full h-full" }, se = {
+  key: 0,
+  class: "empty-wrap"
+}, ie = {
+  key: 0,
+  class: "iconfont shj-gaodeditu",
+  style: { "font-size": "48px" }
+}, ne = { class: "text-gray-500" }, ce = A({ name: "ShjAmap2d" }), ma = /* @__PURE__ */ A({
+  ...ce,
   props: {
     option: {},
     sources: {},
@@ -179,11 +183,11 @@ const re = {
     "amap2d-scene-dragging",
     "amap2d-scene-dragend"
   ],
-  setup(m, { expose: W, emit: A }) {
-    const s = Z(() => te(m.option)), d = A, o = O(), c = O(), z = f(!1), g = f(), h = f(), b = f(), u = f(), v = (t) => {
-      E(), window._AMapSecurityConfig = {
+  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 = {
         securityJsCode: t.basic.securityJsCode
-      }, Y.load({
+      }, ee.load({
         key: t.basic.key,
         // 申请好的Web端开发者Key，首次调用 load 时必填
         version: "2.0",
@@ -228,98 +232,99 @@ const re = {
           mapStyle: t.config.mapStyle,
           features: t.config.features,
           layers: [r]
-        }), c.value = new window.Loca.Container({
+        }), m.value = new window.Loca.Container({
           map: o.value
-        }), b.value = new u.value.Scale({
+        }), k.value = new u.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(b.value), g.value = new e.ControlBar({
+        }), o.value.addControl(k.value), h.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(g.value), h.value = new e.ToolBar({
+        }), o.value.addControl(h.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(h.value), C(e), o.value.on("complete", () => {
+        }), o.value.addControl(b.value), E(e), o.value.on("complete", () => {
           setTimeout(() => {
-            z.value = !0, d("amap2d-scene-success"), y.parseEvents(m.useEvents, "amap2d-scene-success", null);
+            g.value = !0, d("amap2d-scene-success"), v.parseEvents(c.useEvents, "amap2d-scene-success", null);
           }, 666);
         }), o.value.on("zoomstart", () => {
-          d("amap2d-scene-zoomstart"), y.parseEvents(m.useEvents, "amap2d-scene-zoomstart", null);
+          d("amap2d-scene-zoomstart"), v.parseEvents(c.useEvents, "amap2d-scene-zoomstart", null);
         }), o.value.on("zoomend", () => {
-          d("amap2d-scene-zoomend"), y.parseEvents(m.useEvents, "amap2d-scene-zoomend", null);
+          d("amap2d-scene-zoomend"), v.parseEvents(c.useEvents, "amap2d-scene-zoomend", null);
         }), o.value.on("click", (a) => {
-          d("amap2d-scene-mapclick", a.lnglat), y.parseEvents(m.useEvents, "amap2d-scene-mapclick", a.lnglat);
+          d("amap2d-scene-mapclick", a.lnglat), v.parseEvents(c.useEvents, "amap2d-scene-mapclick", a.lnglat);
         }), o.value.on("dragstart", (a) => {
-          d("amap2d-scene-dragstart", a.lnglat), y.parseEvents(
-            m.useEvents,
+          d("amap2d-scene-dragstart", a.lnglat), v.parseEvents(
+            c.useEvents,
             "amap2d-scene-dragstart",
             a.lnglat
           );
         }), o.value.on("dragend", (a) => {
-          d("amap2d-scene-dragend", a.lnglat), y.parseEvents(m.useEvents, "amap2d-scene-dragend", a.lnglat);
+          d("amap2d-scene-dragend", a.lnglat), v.parseEvents(c.useEvents, "amap2d-scene-dragend", a.lnglat);
         });
       }).catch((e) => {
+        g.value = !1, w.value = "缺少必要的Key和密钥，请先在右侧配置面板中进行配置";
       });
-    }, C = (t) => {
-      m.sources && m.sources.length > 0 ? s.value.widgets.forEach((r, a) => {
-        ee.parse({
-          sources: [m.sources[a]],
+    }, E = (t) => {
+      c.sources && c.sources.length > 0 ? s.value.widgets.forEach((r, a) => {
+        ae.parse({
+          sources: [c.sources[a]],
           callback: (l) => {
             try {
-              r && r.type === "heatmap" && P(t, r, l.data[0].data), r && r.type === "dotlayers" && N(
+              r && r.type === "heatmap" && j(t, r, l.data[0].data), r && r.type === "dotlayers" && F(
                 window.Loca,
                 r,
-                w(l.data[0].data)
-              ), r && r.type === "scatter" && j(
+                x(l.data[0].data)
+              ), r && r.type === "scatter" && G(
                 window.Loca,
                 r,
-                w(l.data[0].data)
-              ), r && r.type === "labelsLayer" && F(
+                x(l.data[0].data)
+              ), r && r.type === "labelsLayer" && H(
                 window.Loca,
                 r,
-                w(l.data[0].data)
+                x(l.data[0].data)
               );
             } catch {
             }
             s.value.widgets.filter((i) => i.type === "boundary").forEach((i) => {
-              S(t, i);
+              O(t, i);
             });
           }
         });
       }) : s.value.widgets.filter((r) => r.type === "boundary").forEach((r) => {
-        S(t, r);
+        O(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 = T(r);
+        const a = P(r);
         a && o.value.addLayer(a);
       }), s.value.widgets.filter((r) => r.type === "sketchImage").forEach((r) => {
-        const a = J(r);
+        const a = N(r);
         o.value.addLayer(a);
       });
-    }, D = (t) => {
+    }, J = (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], k = parseFloat(i[1]) / 100, U = Math.round(k * 100) / 100;
-        a[U] = n;
+        const i = r[l].split(" "), n = i[0], z = parseFloat(i[1]) / 100, K = Math.round(z * 100) / 100;
+        a[K] = n;
       }
       return a;
-    }, T = (t) => {
+    }, P = (t) => {
       try {
         return new u.value.TileLayer({
           bounds: new u.value.Bounds(
@@ -341,7 +346,7 @@ const re = {
       } catch {
       }
       return null;
-    }, J = (t) => {
+    }, N = (t) => {
       try {
         return new u.value.ImageLayer({
           bounds: new u.value.Bounds(
@@ -360,13 +365,13 @@ const re = {
       } catch {
       }
       return null;
-    }, P = (t, e, r) => {
+    }, j = (t, e, r) => {
       try {
         const a = new t.HeatMap(o.value, {
           radius: e.radius,
           // 给定半径
           opacity: e.opacity,
-          gradient: D(e.gradient)
+          gradient: J(e.gradient)
         });
         setTimeout(() => {
           a.setDataSet({
@@ -376,9 +381,9 @@ const re = {
         }, 0);
       } catch {
       }
-    }, S = async (t, e) => {
+    }, O = async (t, e) => {
       try {
-        const r = await $.get(e.geojson);
+        const r = await te.get(e.geojson);
         if (r.status === 200) {
           const a = new t.GeoJSON({
             geoJSON: r.data,
@@ -430,7 +435,7 @@ const re = {
         }
       } catch {
       }
-    }, N = (t, e, r) => {
+    }, F = (t, e, r) => {
       try {
         const a = new t.GeoJSONSource({
           data: r
@@ -447,7 +452,7 @@ const re = {
           blurWidth: e.style.blurWidth,
           borderColor: e.style.borderColor
         };
-        l.setSource(a), l.setStyle(i), c.value.add(l), l.addAnimate({
+        l.setSource(a), l.setStyle(i), m.value.add(l), l.addAnimate({
           key: e.animate.key,
           value: e.animate.value,
           duration: e.animate.duration,
@@ -460,12 +465,12 @@ const re = {
         });
       } catch {
       }
-    }, j = (t, e, r) => {
+    }, G = (t, e, r) => {
       try {
         const a = new t.GeoJSONSource({
           data: r
         }), l = new t.ScatterLayer({
-          loca: c.value,
+          loca: m.value,
           zIndex: e.zIndex,
           opacity: e.opacity,
           visible: e.visible,
@@ -478,10 +483,10 @@ const re = {
           texture: e.style.texture,
           duration: e.style.duration,
           animate: e.style.animate
-        }), c.value.animate.start();
+        }), m.value.animate.start();
       } catch {
       }
-    }, F = (t, e, r) => {
+    }, H = (t, e, r) => {
       try {
         const a = new t.GeoJSONSource({
           data: r
@@ -524,14 +529,14 @@ const re = {
         }), l.on("complete", () => {
           const i = l.getLabelsLayer().getAllOverlays();
           for (const n of i)
-            n.on("click", (k) => {
-            }), n.on("mouseover", (k) => {
-            }), n.on("mouseout", (k) => {
+            n.on("click", (z) => {
+            }), n.on("mouseover", (z) => {
+            }), n.on("mouseout", (z) => {
             });
-        }), c.value.add(l);
+        }), m.value.add(l);
       } catch {
       }
-    }, w = (t) => {
+    }, x = (t) => {
       const e = {
         type: "FeatureCollection",
         features: []
@@ -539,7 +544,7 @@ const re = {
       return t.forEach((r) => {
         const a = {
           type: "Feature",
-          id: _(),
+          id: re(),
           properties: {
             name: r.name || "",
             _draw_type: "point"
@@ -551,90 +556,89 @@ const re = {
         };
         e.features.push(a);
       }), e;
-    }, L = (t) => {
-      o.value.setFeatures(t.config.features), o.value.setStatus({
+    }, B = (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 ? b.value.show() : b.value.hide(), t.config.plugin.toolBar.visible ? h.value.show() : h.value.hide(), t.config.plugin.controlBar.visible ? g.value.show() : g.value.hide();
-    }, G = () => {
-      o.value && (o.value.clearMap(), c.value.clear(), C(u.value));
-    }, H = (t) => {
-      o.value.setMapStyle(t.config.mapStyle);
+      }), 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) => {
-      o.value.setZoom(t.config.zoom, !1, 200);
-    }, V = (t) => {
-      o.value.setCenter(t.config.center, !1, 200);
-    }, E = () => {
-      o.value && (o.value.clearMap(), o.value.destroy(), o.value = null, c.value && (c.value.clear(), c.value.destroy(), c.value = null));
+      o.value && o.value.setMapStyle(t.config.mapStyle);
+    }, U = (t) => {
+      o.value && o.value.setZoom(t.config.zoom, !1, 200);
+    }, Z = (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));
     };
-    return K(() => {
-      q(() => {
-        v(s.value);
+    return Q(() => {
+      X(() => {
+        f(s.value);
       });
-    }), Q(() => E()), p(
+    }), Y(() => I()), p(
       () => s.value.config,
       () => {
-        L(s.value);
+        B(s.value);
       },
       { deep: !0 }
     ), p(
       () => s.value.config.zoom,
       () => {
-        R(s.value);
+        U(s.value);
       },
       { deep: !0 }
     ), p(
       () => s.value.config.center,
       () => {
-        V(s.value);
+        Z(s.value);
       },
       { deep: !0 }
     ), p(
       () => s.value.widgets,
       () => {
-        G();
+        V();
       },
       { deep: !0 }
     ), p(
       () => s.value.config.mapStyle,
       () => {
-        H(s.value);
+        R(s.value);
       },
       { deep: !0 }
     ), p(
       () => s.value.basic,
       () => {
-        v(s.value);
+        f(s.value);
       },
       { deep: !0 }
     ), p(
-      () => m.sources,
+      () => c.sources,
       () => {
-        v(s.value);
+        f(s.value);
       },
       { deep: !0 }
-    ), W({
-      refresh: () => v(s.value),
-      refreshView: () => L(s.value),
-      refreshData: () => v(s.value)
-    }), (t, e) => z.value ? (I(), B("div", {
-      key: 0,
-      class: X(["amap-2d-wrap", { show: z.value }])
-    }, e[0] || (e[0] = [
-      x("div", {
-        id: "zerov-amap-2d",
-        class: "zerov-amap-container"
-      }, null, -1)
-    ]), 2)) : (I(), B("div", re, e[1] || (e[1] = [
-      x("i", {
-        class: "iconfont shj-gaodeditu",
-        style: { "font-size": "48px" }
-      }, null, -1),
-      x("p", { class: "text-gray-500" }, " 缺少必要的Key和密钥，请先在右侧配置面板中进行配置 ", -1)
-    ])));
+    ), D({
+      refresh: () => f(s.value),
+      refreshView: () => B(s.value),
+      refreshData: () => f(s.value)
+    }), (t, e) => (S(), C("div", le, [
+      L("div", {
+        class: $(["amap-2d-wrap", { show: g.value }])
+      }, e[0] || (e[0] = [
+        L("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)
+      ]))
+    ]));
   }
 });
 export {
-  oa as default
+  ma 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-5f8abb3e"]]);
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-add171b8"]]);
 export {
   a as default
 };