@shjjs/visual-ui 2.0.6 → 2.0.7

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 e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-ea4ce3db"]]);
 export {
-  m as default
+  e 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 B, shallowRef as I, ref as y, onMounted as Q, nextTick as X, onUnmounted as Y, watch as p, createElementBlock as M, openBlock as W, normalizeClass as $, createElementVNode as C } from "vue";
+import _ from "@amap/amap-jsapi-loader";
+import ee from "axios";
+import { nanoid as te } from "nanoid";
 /* empty css                                     */
 /* empty css                                     */
 import "../../../Interaction/components/Tabs/index.mjs";
@@ -156,15 +156,15 @@ 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 re } 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 = {
+import { upgradeAmap2d as ae } from "./version.mjs";
+const oe = {
   key: 1,
-  class: "w-full h-full flex flex-col items-center justify-center"
-}, ae = M({ name: "ShjAmap2d" }), oa = /* @__PURE__ */ M({
-  ...ae,
+  class: "empty-wrap"
+}, le = A({ name: "ShjAmap2d" }), sa = /* @__PURE__ */ A({
+  ...le,
   props: {
     option: {},
     sources: {},
@@ -179,11 +179,21 @@ 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: J }) {
+    const s = B(() => ae(c.option)), T = B(
+      () => {
+        var t, e;
+        return !!((t = s.value.basic) != null && t.key && ((e = s.value.basic) != null && e.securityJsCode));
+      }
+    ), d = J, o = I(), m = I(), z = y(!1), S = y(), g = y(), h = y(), b = y(), u = y(), f = (t) => {
+      var e, r;
+      if (!((e = t.basic) != null && e.key) || !((r = t.basic) != null && r.securityJsCode)) {
+        z.value = !1, x();
+        return;
+      }
+      x(), window._AMapSecurityConfig = {
         securityJsCode: t.basic.securityJsCode
-      }, Y.load({
+      }, _.load({
         key: t.basic.key,
         // 申请好的Web端开发者Key，首次调用 load 时必填
         version: "2.0",
@@ -200,9 +210,9 @@ const re = {
           "AMap.ImageLayer",
           "AMap.TileLayer"
         ]
-      }).then((e) => {
-        u.value = e;
-        const r = new u.value.createDefaultLayer({
+      }).then((a) => {
+        u.value = a;
+        const l = new u.value.createDefaultLayer({
           visible: !0,
           // 是否可见
           opacity: 1,
@@ -210,7 +220,7 @@ const re = {
           zIndex: 0
           // 叠加层级
         });
-        o.value = new e.Map("zerov-amap-2d", {
+        o.value = new a.Map(S.value, {
           rotateEnable: t.config.rotateEnable,
           // 是否开启地图旋转交互 鼠标右键 + 鼠标画圈移动 或 键盘Ctrl + 鼠标画圈移动
           pitchEnable: t.config.pitchEnable,
@@ -227,8 +237,8 @@ const re = {
           // 初始地图中心经纬度
           mapStyle: t.config.mapStyle,
           features: t.config.features,
-          layers: [r]
-        }), c.value = new window.Loca.Container({
+          layers: [l]
+        }), m.value = new window.Loca.Container({
           map: o.value
         }), b.value = new u.value.Scale({
           visible: t.config.plugin.scale.visible,
@@ -236,55 +246,55 @@ const re = {
             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(b.value), g.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"
           }
-        }), o.value.addControl(g.value), h.value = new e.ToolBar({
+        }), o.value.addControl(g.value), h.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"
           }
-        }), o.value.addControl(h.value), C(e), o.value.on("complete", () => {
+        }), o.value.addControl(h.value), L(a), o.value.on("complete", () => {
           setTimeout(() => {
-            z.value = !0, d("amap2d-scene-success"), y.parseEvents(m.useEvents, "amap2d-scene-success", null);
+            z.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);
-        }), o.value.on("click", (a) => {
-          d("amap2d-scene-mapclick", a.lnglat), y.parseEvents(m.useEvents, "amap2d-scene-mapclick", a.lnglat);
-        }), o.value.on("dragstart", (a) => {
-          d("amap2d-scene-dragstart", a.lnglat), y.parseEvents(
-            m.useEvents,
+          d("amap2d-scene-zoomend"), v.parseEvents(c.useEvents, "amap2d-scene-zoomend", null);
+        }), o.value.on("click", (i) => {
+          d("amap2d-scene-mapclick", i.lnglat), v.parseEvents(c.useEvents, "amap2d-scene-mapclick", i.lnglat);
+        }), o.value.on("dragstart", (i) => {
+          d("amap2d-scene-dragstart", i.lnglat), v.parseEvents(
+            c.useEvents,
             "amap2d-scene-dragstart",
-            a.lnglat
+            i.lnglat
           );
-        }), o.value.on("dragend", (a) => {
-          d("amap2d-scene-dragend", a.lnglat), y.parseEvents(m.useEvents, "amap2d-scene-dragend", a.lnglat);
+        }), o.value.on("dragend", (i) => {
+          d("amap2d-scene-dragend", i.lnglat), v.parseEvents(c.useEvents, "amap2d-scene-dragend", i.lnglat);
         });
-      }).catch((e) => {
+      }).catch((a) => {
       });
-    }, C = (t) => {
-      m.sources && m.sources.length > 0 ? s.value.widgets.forEach((r, a) => {
-        ee.parse({
-          sources: [m.sources[a]],
+    }, L = (t) => {
+      c.sources && c.sources.length > 0 ? s.value.widgets.forEach((r, a) => {
+        re.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" && F(t, r, l.data[0].data), r && r.type === "dotlayers" && G(
                 window.Loca,
                 r,
                 w(l.data[0].data)
-              ), r && r.type === "scatter" && j(
+              ), r && r.type === "scatter" && H(
                 window.Loca,
                 r,
                 w(l.data[0].data)
-              ), r && r.type === "labelsLayer" && F(
+              ), r && r.type === "labelsLayer" && R(
                 window.Loca,
                 r,
                 w(l.data[0].data)
@@ -292,34 +302,34 @@ const re = {
             } catch {
             }
             s.value.widgets.filter((i) => i.type === "boundary").forEach((i) => {
-              S(t, i);
+              E(t, i);
             });
           }
         });
       }) : s.value.widgets.filter((r) => r.type === "boundary").forEach((r) => {
-        S(t, r);
+        E(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 = N(r);
         a && o.value.addLayer(a);
       }), s.value.widgets.filter((r) => r.type === "sketchImage").forEach((r) => {
-        const a = J(r);
+        const a = j(r);
         o.value.addLayer(a);
       });
-    }, D = (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], k = parseFloat(i[1]) / 100, U = Math.round(k * 100) / 100;
-        a[U] = n;
+        const i = r[l].split(" "), n = i[0], k = parseFloat(i[1]) / 100, q = Math.round(k * 100) / 100;
+        a[q] = n;
       }
       return a;
-    }, T = (t) => {
+    }, N = (t) => {
       try {
         return new u.value.TileLayer({
           bounds: new u.value.Bounds(
@@ -341,7 +351,7 @@ const re = {
       } catch {
       }
       return null;
-    }, J = (t) => {
+    }, j = (t) => {
       try {
         return new u.value.ImageLayer({
           bounds: new u.value.Bounds(
@@ -360,13 +370,13 @@ const re = {
       } catch {
       }
       return null;
-    }, P = (t, e, r) => {
+    }, F = (t, e, r) => {
       try {
         const a = new t.HeatMap(o.value, {
           radius: e.radius,
           // 给定半径
           opacity: e.opacity,
-          gradient: D(e.gradient)
+          gradient: P(e.gradient)
         });
         setTimeout(() => {
           a.setDataSet({
@@ -376,9 +386,9 @@ const re = {
         }, 0);
       } catch {
       }
-    }, S = async (t, e) => {
+    }, E = async (t, e) => {
       try {
-        const r = await $.get(e.geojson);
+        const r = await ee.get(e.geojson);
         if (r.status === 200) {
           const a = new t.GeoJSON({
             geoJSON: r.data,
@@ -430,7 +440,7 @@ const re = {
         }
       } catch {
       }
-    }, N = (t, e, r) => {
+    }, G = (t, e, r) => {
       try {
         const a = new t.GeoJSONSource({
           data: r
@@ -447,7 +457,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 +470,12 @@ const re = {
         });
       } catch {
       }
-    }, j = (t, e, r) => {
+    }, H = (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 +488,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) => {
+    }, R = (t, e, r) => {
       try {
         const a = new t.GeoJSONSource({
           data: r
@@ -528,7 +538,7 @@ const re = {
             }), n.on("mouseover", (k) => {
             }), n.on("mouseout", (k) => {
             });
-        }), c.value.add(l);
+        }), m.value.add(l);
       } catch {
       }
     }, w = (t) => {
@@ -539,7 +549,7 @@ const re = {
       return t.forEach((r) => {
         const a = {
           type: "Feature",
-          id: _(),
+          id: te(),
           properties: {
             name: r.name || "",
             _draw_type: "point"
@@ -551,90 +561,91 @@ const re = {
         };
         e.features.push(a);
       }), e;
-    }, L = (t) => {
-      o.value.setFeatures(t.config.features), o.value.setStatus({
+    }, O = (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);
-    }, 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));
+      }), 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());
+    }, V = () => {
+      o.value && (o.value.clearMap(), m.value.clear(), L(u.value));
+    }, K = (t) => {
+      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);
+    }, x = () => {
+      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(() => x()), p(
       () => s.value.config,
       () => {
-        L(s.value);
+        O(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);
+        K(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", {
+    ), D({
+      refresh: () => f(s.value),
+      refreshView: () => O(s.value),
+      refreshData: () => f(s.value)
+    }), (t, e) => T.value ? (W(), M("div", {
       key: 0,
-      class: X(["amap-2d-wrap", { show: z.value }])
-    }, e[0] || (e[0] = [
-      x("div", {
-        id: "zerov-amap-2d",
+      class: $(["amap-2d-wrap", { show: z.value }])
+    }, [
+      C("div", {
+        ref_key: "amap2dContainer",
+        ref: S,
         class: "zerov-amap-container"
-      }, null, -1)
-    ]), 2)) : (I(), B("div", re, e[1] || (e[1] = [
-      x("i", {
+      }, null, 512)
+    ], 2)) : (W(), M("div", oe, e[0] || (e[0] = [
+      C("i", {
         class: "iconfont shj-gaodeditu",
         style: { "font-size": "48px" }
       }, null, -1),
-      x("p", { class: "text-gray-500" }, " 缺少必要的Key和密钥，请先在右侧配置面板中进行配置 ", -1)
+      C("p", { class: "text-gray-500" }, " 缺少必要的Key和密钥，请先在右侧配置面板中进行配置 ", -1)
     ])));
   }
 });
 export {
-  oa as default
+  sa 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 c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-94bc752d"]]);
 export {
-  a as default
+  c as default
 };