@shjjs/visual-ui 2.0.7 → 3.0.0

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 e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-ea4ce3db"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-56e45189"]]);
 export {
-  e as default
+  p as default
 };

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

@@ -1,7 +1,7 @@
-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";
+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 re } from "../../../../commons/plugins/datasource/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 ae } from "./version.mjs";
-const oe = {
-  key: 1,
+import { upgradeAmap2d as oe } from "./version.mjs";
+const le = { class: "relative w-full h-full" }, se = {
+  key: 0,
   class: "empty-wrap"
-}, le = A({ name: "ShjAmap2d" }), sa = /* @__PURE__ */ A({
-  ...le,
+}, 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,21 +183,11 @@ const oe = {
     "amap2d-scene-dragging",
     "amap2d-scene-dragend"
   ],
-  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 = {
+  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
-      }, _.load({
+      }, ee.load({
         key: t.basic.key,
         // 申请好的Web端开发者Key，首次调用 load 时必填
         version: "2.0",
@@ -210,9 +204,9 @@ const oe = {
           "AMap.ImageLayer",
           "AMap.TileLayer"
         ]
-      }).then((a) => {
-        u.value = a;
-        const l = new u.value.createDefaultLayer({
+      }).then((e) => {
+        u.value = e;
+        const r = new u.value.createDefaultLayer({
           visible: !0,
           // 是否可见
           opacity: 1,
@@ -220,7 +214,7 @@ const oe = {
           zIndex: 0
           // 叠加层级
         });
-        o.value = new a.Map(S.value, {
+        o.value = new e.Map("zerov-amap-2d", {
           rotateEnable: t.config.rotateEnable,
           // 是否开启地图旋转交互 鼠标右键 + 鼠标画圈移动 或 键盘Ctrl + 鼠标画圈移动
           pitchEnable: t.config.pitchEnable,
@@ -237,99 +231,100 @@ const oe = {
           // 初始地图中心经纬度
           mapStyle: t.config.mapStyle,
           features: t.config.features,
-          layers: [l]
+          layers: [r]
         }), 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 a.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 a.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), L(a), o.value.on("complete", () => {
+        }), o.value.addControl(b.value), E(e), o.value.on("complete", () => {
           setTimeout(() => {
-            z.value = !0, d("amap2d-scene-success"), v.parseEvents(c.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"), v.parseEvents(c.useEvents, "amap2d-scene-zoomstart", null);
         }), o.value.on("zoomend", () => {
           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(
+        }), o.value.on("click", (a) => {
+          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), v.parseEvents(
             c.useEvents,
             "amap2d-scene-dragstart",
-            i.lnglat
+            a.lnglat
           );
-        }), o.value.on("dragend", (i) => {
-          d("amap2d-scene-dragend", i.lnglat), v.parseEvents(c.useEvents, "amap2d-scene-dragend", i.lnglat);
+        }), o.value.on("dragend", (a) => {
+          d("amap2d-scene-dragend", a.lnglat), v.parseEvents(c.useEvents, "amap2d-scene-dragend", a.lnglat);
         });
-      }).catch((a) => {
+      }).catch((e) => {
+        g.value = !1, w.value = "缺少必要的Key和密钥，请先在右侧配置面板中进行配置";
       });
-    }, L = (t) => {
+    }, E = (t) => {
       c.sources && c.sources.length > 0 ? s.value.widgets.forEach((r, a) => {
-        re.parse({
+        ae.parse({
           sources: [c.sources[a]],
           callback: (l) => {
             try {
-              r && r.type === "heatmap" && F(t, r, l.data[0].data), r && r.type === "dotlayers" && G(
+              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" && H(
+                x(l.data[0].data)
+              ), r && r.type === "scatter" && G(
                 window.Loca,
                 r,
-                w(l.data[0].data)
-              ), r && r.type === "labelsLayer" && R(
+                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) => {
-              E(t, i);
+              O(t, i);
             });
           }
         });
       }) : s.value.widgets.filter((r) => r.type === "boundary").forEach((r) => {
-        E(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 = N(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);
       });
-    }, P = (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, q = Math.round(k * 100) / 100;
-        a[q] = 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;
-    }, N = (t) => {
+    }, P = (t) => {
       try {
         return new u.value.TileLayer({
           bounds: new u.value.Bounds(
@@ -351,7 +346,7 @@ const oe = {
       } catch {
       }
       return null;
-    }, j = (t) => {
+    }, N = (t) => {
       try {
         return new u.value.ImageLayer({
           bounds: new u.value.Bounds(
@@ -370,13 +365,13 @@ const oe = {
       } catch {
       }
       return null;
-    }, F = (t, e, r) => {
+    }, j = (t, e, r) => {
       try {
         const a = new t.HeatMap(o.value, {
           radius: e.radius,
           // 给定半径
           opacity: e.opacity,
-          gradient: P(e.gradient)
+          gradient: J(e.gradient)
         });
         setTimeout(() => {
           a.setDataSet({
@@ -386,9 +381,9 @@ const oe = {
         }, 0);
       } catch {
       }
-    }, E = async (t, e) => {
+    }, O = async (t, e) => {
       try {
-        const r = await ee.get(e.geojson);
+        const r = await te.get(e.geojson);
         if (r.status === 200) {
           const a = new t.GeoJSON({
             geoJSON: r.data,
@@ -440,7 +435,7 @@ const oe = {
         }
       } catch {
       }
-    }, G = (t, e, r) => {
+    }, F = (t, e, r) => {
       try {
         const a = new t.GeoJSONSource({
           data: r
@@ -470,7 +465,7 @@ const oe = {
         });
       } catch {
       }
-    }, H = (t, e, r) => {
+    }, G = (t, e, r) => {
       try {
         const a = new t.GeoJSONSource({
           data: r
@@ -491,7 +486,7 @@ const oe = {
         }), m.value.animate.start();
       } catch {
       }
-    }, R = (t, e, r) => {
+    }, H = (t, e, r) => {
       try {
         const a = new t.GeoJSONSource({
           data: r
@@ -534,14 +529,14 @@ const oe = {
         }), 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) => {
             });
         }), m.value.add(l);
       } catch {
       }
-    }, w = (t) => {
+    }, x = (t) => {
       const e = {
         type: "FeatureCollection",
         features: []
@@ -549,7 +544,7 @@ const oe = {
       return t.forEach((r) => {
         const a = {
           type: "Feature",
-          id: te(),
+          id: re(),
           properties: {
             name: r.name || "",
             _draw_type: "point"
@@ -561,31 +556,31 @@ const oe = {
         };
         e.features.push(a);
       }), e;
-    }, O = (t) => {
+    }, 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());
+      }), 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(), L(u.value));
-    }, K = (t) => {
+      o.value && (o.value.clearMap(), m.value.clear(), E(u.value));
+    }, R = (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 = () => {
+    }, I = () => {
       o.value && (o.value.clearMap(), o.value.destroy(), o.value = null, m.value && (m.value.clear(), m.value.destroy(), m.value = null));
     };
     return Q(() => {
       X(() => {
         f(s.value);
       });
-    }), Y(() => x()), p(
+    }), Y(() => I()), p(
       () => s.value.config,
       () => {
-        O(s.value);
+        B(s.value);
       },
       { deep: !0 }
     ), p(
@@ -609,7 +604,7 @@ const oe = {
     ), p(
       () => s.value.config.mapStyle,
       () => {
-        K(s.value);
+        R(s.value);
       },
       { deep: !0 }
     ), p(
@@ -626,26 +621,24 @@ const oe = {
       { deep: !0 }
     ), D({
       refresh: () => f(s.value),
-      refreshView: () => O(s.value),
+      refreshView: () => B(s.value),
       refreshData: () => f(s.value)
-    }), (t, e) => T.value ? (W(), M("div", {
-      key: 0,
-      class: $(["amap-2d-wrap", { show: z.value }])
-    }, [
-      C("div", {
-        ref_key: "amap2dContainer",
-        ref: S,
-        class: "zerov-amap-container"
-      }, null, 512)
-    ], 2)) : (W(), M("div", oe, e[0] || (e[0] = [
-      C("i", {
-        class: "iconfont shj-gaodeditu",
-        style: { "font-size": "48px" }
-      }, null, -1),
-      C("p", { class: "text-gray-500" }, " 缺少必要的Key和密钥，请先在右侧配置面板中进行配置 ", -1)
-    ])));
+    }), (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 {
-  sa 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 c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-94bc752d"]]);
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-add171b8"]]);
 export {
-  c as default
+  a as default
 };