@shjjs/visual-ui 2.0.6 → 2.0.7

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
 };

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

@@ -1,6 +1,6 @@
-import { defineComponent as $, computed as F, ref as y, onMounted as Q, onBeforeUnmount as X, watch as E, createElementBlock as u, openBlock as d, normalizeClass as j, createCommentVNode as C, normalizeStyle as h, Fragment as R, renderList as O, createElementVNode as x, toDisplayString as B, unref as Y } from "vue";
-import { cloneDeep as v, isEqual as S } from "lodash";
-import T from "gsap";
+import { defineComponent as P, computed as F, ref as f, onMounted as Q, onBeforeUnmount as X, watch as S, createElementBlock as u, openBlock as d, createElementVNode as B, normalizeClass as A, createCommentVNode as L, normalizeStyle as h, Fragment as O, renderList as z, toDisplayString as j, unref as Y } from "vue";
+import { cloneDeep as v, isEqual as E } from "lodash";
+import $ from "gsap";
 import { useFps as Z } from "@vueuse/core";
 import { World as _ } from "./utils/map.mjs";
 import { initWatch as ee } from "./watch.mjs";
@@ -168,14 +168,14 @@ import "../UnityWebgl/index.mjs";
 import "../Vr/index.mjs";
 import "../Earth/index.mjs";
 import { SHJDatasourceV2 as oe } from "../../../../commons/plugins/datasource/index.mjs";
-import { SHJParseEvent as m } from "../../../../commons/plugins/event/index.mjs";
+import { SHJParseEvent as s } from "../../../../commons/plugins/event/index.mjs";
 import { upgradeMap3d as re } from "./version.mjs";
 import { Utils as b } from "../../../../commons/utils/utils.mjs";
-const ae = { class: "value" }, le = ["onClick"], ie = {
+const ae = { style: { width: "100%", height: "100%" } }, le = { class: "value" }, ie = ["onClick"], ne = {
   key: 3,
   class: "fps"
-}, ne = $({ name: "ShjMap3d" }), kr = /* @__PURE__ */ $({
-  ...ne,
+}, ce = P({ name: "ShjMap3d" }), Sr = /* @__PURE__ */ P({
+  ...ce,
   props: {
     option: {},
     sources: {},
@@ -194,8 +194,8 @@ const ae = { class: "value" }, le = ["onClick"], ie = {
     "on-return",
     "on-data-change"
   ],
-  setup(l, { expose: P, emit: V }) {
-    const a = F(() => re(l.option)), p = V, r = y(), L = y(!1), I = y(!1), w = "zerov-map3d-scene", H = "zerov-map3d-scene-wrap", i = new te(), g = y(!1), k = (e = !0) => {
+  setup(l, { expose: T, emit: V }) {
+    const a = F(() => re(l.option)), p = V, r = f(), x = f(!1), H = f(!1), w = "zerov-map3d-scene", C = f(), i = new te(), g = f(!1), k = (e = !0) => {
       r.value.cleanAllBar(), r.value.cleanAllScatter(), r.value.cleanAllFlyLine(), r.value.createAllRegionalLevel(), l.sources && l.sources.length > 0 && a.value.widgets.forEach((o, t) => {
         oe.parse({
           sources: [l.sources[t]],
@@ -216,85 +216,83 @@ const ae = { class: "value" }, le = ["onClick"], ie = {
                 n.data[0].data,
                 !0,
                 e
-              ), e && (r.value.createBarTimeLine(), r.value.createScatterTimeLine(), r.value.createFlyLineTimeLine(), r.value.createRegionalLevelTimeLine()), p("on-data-change", n), m.parseEvents(l.useEvents, "on-data-change", n);
+              ), e && (r.value.createBarTimeLine(), r.value.createScatterTimeLine(), r.value.createFlyLineTimeLine(), r.value.createRegionalLevelTimeLine()), p("on-data-change", n), s.parseEvents(l.useEvents, "on-data-change", n);
             } catch {
-              p("on-data-change", null), m.parseEvents(l.useEvents, "on-data-change", null);
+              p("on-data-change", null), s.parseEvents(l.useEvents, "on-data-change", null);
             }
           }
         });
       });
     }, N = () => {
       try {
-        document.getElementById(w) && document.getElementById(H).removeChild(document.getElementById(w));
+        C.value && document.getElementById(w) && C.value.removeChild(document.getElementById(w));
         const e = document.createElement("canvas");
-        e.id = w, e.className = "zerov-map-3d", e.style.width = "100%", e.style.height = "100%", document.getElementById(H).appendChild(e);
+        e.id = w, e.className = "zerov-map-3d", e.style.width = "100%", e.style.height = "100%", C.value.appendChild(e);
       } catch {
       }
-    }, f = (e) => (L.value = !1, I.value = !1, r.value && (r.value.destroy(), r.value = null), N(), new _(
+    }, y = (e) => (x.value = !1, H.value = !1, r.value && (r.value.destroy(), r.value = null), N(), new _(
       document.getElementById(w),
       { geoProjectionCenter: [108.55, 36.32] },
       e,
       {
         onAreaMouseover: (t) => {
-          p("on-area-mouseover", t), m.parseEvents(l.useEvents, "on-area-mouseover", t);
+          p("on-area-mouseover", t), s.parseEvents(l.useEvents, "on-area-mouseover", t);
         },
         onAreaMouseout: (t) => {
-          p("on-area-mouseout", t), m.parseEvents(l.useEvents, "on-area-mouseout", t);
+          p("on-area-mouseout", t), s.parseEvents(l.useEvents, "on-area-mouseout", t);
         },
         onLoadChild: (t) => {
-          if (p("on-area-click", t), m.parseEvents(l.useEvents, "on-area-click", t), t.adcode !== i.present && e.scene.isDrilling && e.scene.defaultMapAdcode !== 1) {
-            p("on-drill-down", t), m.parseEvents(l.useEvents, "on-drill-down", t);
+          if (p("on-area-click", t), s.parseEvents(l.useEvents, "on-area-click", t), t.adcode !== i.present && e.scene.isDrilling && e.scene.defaultMapAdcode !== 1) {
+            p("on-drill-down", t), s.parseEvents(l.useEvents, "on-drill-down", t);
             const n = v(e);
-            n.scene.defaultMapAdcode = t.adcode, r.value = f(n), i.push(t.adcode), i.past.length <= 0 ? g.value = !1 : g.value = !0;
+            n.scene.defaultMapAdcode = t.adcode, r.value = y(n), i.push(t.adcode), i.past.length <= 0 ? g.value = !1 : g.value = !0;
           }
         },
         onMapSuccess: () => {
-          L.value = !0, p("on-loaded"), m.parseEvents(l.useEvents, "on-loaded", null);
+          x.value = !0, p("on-loaded"), s.parseEvents(l.useEvents, "on-loaded", null);
         },
         onMapAnimationSuccess: () => {
-          k(), I.value = !0, p("on-animated"), m.parseEvents(l.useEvents, "on-animated", null);
+          k(), H.value = !0, p("on-animated"), s.parseEvents(l.useEvents, "on-animated", null);
         },
         onClickBar: (t) => {
-          p("on-bar-click", t), m.parseEvents(l.useEvents, "on-bar-click", t);
+          p("on-bar-click", t), s.parseEvents(l.useEvents, "on-bar-click", t);
         },
         onClickScatter: (t) => {
-          p("on-scatter-click", t), m.parseEvents(l.useEvents, "on-scatter-click", t);
+          p("on-scatter-click", t), s.parseEvents(l.useEvents, "on-scatter-click", t);
         },
         onClickFlyline: (t) => {
-          p("on-flyline-click", t), m.parseEvents(l.useEvents, "on-flyline-click", t);
+          p("on-flyline-click", t), s.parseEvents(l.useEvents, "on-flyline-click", t);
         }
       }
     ));
     Q(() => {
-      setTimeout(() => {
-        r.value = f(a.value), i.push(a.value.scene.defaultMapAdcode), ee(
-          { option: a.value, sources: l.sources, useEvents: l.useEvents },
-          r,
-          f,
-          k,
-          U
-        );
-      }, 0), window.addEventListener("resize", () => {
-        r.value = f(a.value);
+      r.value = y(a.value), i.push(a.value.scene.defaultMapAdcode), ee(
+        { option: a.value, sources: l.sources, useEvents: l.useEvents },
+        r,
+        y,
+        k,
+        U
+      ), window.addEventListener("resize", () => {
+        r.value = y(a.value);
       });
     }), X(() => {
       r.value && r.value.destroy();
     });
-    const A = () => {
+    const I = () => {
       p("on-return", {
         parentAdcode: i.past[i.past.length - 1],
         adcode: i.present
-      }), m.parseEvents(l.useEvents, "on-return", {
+      }), s.parseEvents(l.useEvents, "on-return", {
         parentAdcode: i.past[i.past.length - 1],
         adcode: i.present
       }), i.undo();
       const e = v(a.value);
-      e.scene.defaultMapAdcode = i.present, r.value = f(e), i.past.length <= 0 ? g.value = !1 : g.value = !0;
+      e.scene.defaultMapAdcode = i.present, r.value = y(e), i.past.length <= 0 ? g.value = !1 : g.value = !0;
     }, U = () => {
-      i.empty(), i.push(a.value.scene.defaultMapAdcode), r.value = f(a.value), i.past.length <= 0 ? g.value = !1 : g.value = !0;
+      i.empty(), i.push(a.value.scene.defaultMapAdcode), r.value = y(a.value), i.past.length <= 0 ? g.value = !1 : g.value = !0;
     }, D = (e, o, t) => {
-      T.timeline().add(
-        T.to(r.value.camera.instance.position, {
+      $.timeline().add(
+        $.to(r.value.camera.instance.position, {
           duration: 2,
           delay: 0,
           x: e,
@@ -304,16 +302,16 @@ const ae = { class: "value" }, le = ["onClick"], ie = {
         })
       );
     };
-    P({
+    T({
       refresh: () => k(),
       refreshView: () => k(),
       refreshData: () => k(),
       // 返回上一级
-      goBack: () => A(),
+      goBack: () => I(),
       // 更新相机位置
       setCameraPosition: (e, o, t) => D(e, o, t)
     });
-    const J = Z(), M = y(), q = (e) => {
+    const J = Z(), M = f(), q = (e) => {
       if (M.value && e) {
         const o = `url(${e.backgroundImage})`;
         return {
@@ -326,9 +324,9 @@ const ae = { class: "value" }, le = ["onClick"], ie = {
         };
       }
       return {};
-    }, s = y(v(a.value.widgets)), c = F(() => {
+    }, m = f(v(a.value.widgets)), c = F(() => {
       try {
-        const e = s.value.filter(
+        const e = m.value.filter(
           (o) => o.type === "regionalLevel"
         );
         return e.length > 0 ? e[0].isHide ? null : e[0] : null;
@@ -336,22 +334,22 @@ const ae = { class: "value" }, le = ["onClick"], ie = {
         return null;
       }
     });
-    E(
+    S(
       () => v(a.value.widgets),
       (e, o) => {
         try {
-          !S(e, o) && r.value && (s.value = v(a.value.widgets));
+          !E(e, o) && r.value && (m.value = v(a.value.widgets));
         } catch {
         }
       },
       {
         deep: !0
       }
-    ), E(
-      () => v(s.value.filter((e) => e.type === "bar")),
+    ), S(
+      () => v(m.value.filter((e) => e.type === "bar")),
       (e, o) => {
         try {
-          !S(e, o) && r.value && e.length === o.length && e.forEach((t) => {
+          !E(e, o) && r.value && e.length === o.length && e.forEach((t) => {
             r.value.createBar(t, void 0, !1);
           });
         } catch {
@@ -360,11 +358,11 @@ const ae = { class: "value" }, le = ["onClick"], ie = {
       {
         deep: !0
       }
-    ), E(
-      () => v(s.value.filter((e) => e.type === "scatter")),
+    ), S(
+      () => v(m.value.filter((e) => e.type === "scatter")),
       (e, o) => {
         try {
-          !S(e, o) && r.value && e.length === o.length && e.forEach((t) => {
+          !E(e, o) && r.value && e.length === o.length && e.forEach((t) => {
             r.value.createScatter(t, void 0, !1);
           });
         } catch {
@@ -373,11 +371,11 @@ const ae = { class: "value" }, le = ["onClick"], ie = {
       {
         deep: !0
       }
-    ), E(
-      () => v(s.value.filter((e) => e.type === "flyline")),
+    ), S(
+      () => v(m.value.filter((e) => e.type === "flyline")),
       (e, o) => {
         try {
-          !S(e, o) && r.value && e.length === o.length && e.forEach((t) => {
+          !E(e, o) && r.value && e.length === o.length && e.forEach((t) => {
             r.value.createFlyLine(t, void 0, !1);
           });
         } catch {
@@ -386,11 +384,11 @@ const ae = { class: "value" }, le = ["onClick"], ie = {
       {
         deep: !0
       }
-    ), E(
-      () => v(s.value.filter((e) => e.type === "regionalLevel")),
+    ), S(
+      () => v(m.value.filter((e) => e.type === "regionalLevel")),
       (e, o) => {
         try {
-          !S(e, o) && r.value && e.length === o.length && e.forEach((t) => {
+          !E(e, o) && r.value && e.length === o.length && e.forEach((t) => {
             r.value.createRegionalLevel(t, void 0, !1);
           });
         } catch {
@@ -407,12 +405,12 @@ const ae = { class: "value" }, le = ["onClick"], ie = {
       }
     }, K = () => {
       try {
-        const e = s.value.every((o) => !o.isHide);
-        s.value.forEach((o) => o.isHide = e);
+        const e = m.value.every((o) => !o.isHide);
+        m.value.forEach((o) => o.isHide = e);
       } catch {
       }
     }, W = (e) => {
-      const o = `url(${e.backgroundImage})`, t = `url(${z(e.hover.backgroundImage)})`, n = `url(${z(e.active.backgroundImage)})`;
+      const o = `url(${e.backgroundImage})`, t = `url(${R(e.hover.backgroundImage)})`, n = `url(${R(e.active.backgroundImage)})`;
       return {
         ...b.json2cssObject(e),
         ...b.json2cssObject(e.hover, "hover"),
@@ -421,79 +419,82 @@ const ae = { class: "value" }, le = ["onClick"], ie = {
         "--hover-background-image": t,
         "--active-background-image": n
       };
-    }, z = (e) => !e.startsWith("http") && !e.startsWith("//") ? "../" + e : e;
-    return (e, o) => (d(), u("div", {
-      id: "zerov-map3d-scene-wrap",
-      class: j(["map-3d-wrap", { show: L.value }])
-    }, [
-      I.value && g.value && a.value.backButton.show ? (d(), u("div", {
-        key: 0,
-        ref_key: "buttonRef",
-        ref: M,
-        class: "return-btn",
-        style: h(q(a.value.backButton)),
-        onClick: A
-      }, " 返回上一级 ", 4)) : C("", !0),
-      c.value ? (d(), u("div", {
-        key: 1,
-        class: "regional-level",
-        style: h({
-          left: c.value.labelStyle.left + "%",
-          top: c.value.labelStyle.top + "%",
-          flexDirection: c.value.labelStyle.direction,
-          gap: c.value.labelStyle.gap + "px",
-          fontSize: c.value.labelStyle.fontSize + "px",
-          fontFamily: c.value.labelStyle.fontFamily,
-          fontStyle: c.value.labelStyle.fontStyle,
-          color: c.value.labelStyle.color,
-          "--color-width": c.value.labelStyle.colorStyle.width + "px",
-          "--color-height": c.value.labelStyle.colorStyle.height + "px",
-          "--color-borderRadius": c.value.labelStyle.colorStyle.borderRadius + "px"
-        })
+    }, R = (e) => !e.startsWith("http") && !e.startsWith("//") ? "../" + e : e;
+    return (e, o) => (d(), u("div", ae, [
+      B("div", {
+        ref_key: "map3dWrapRef",
+        ref: C,
+        class: A(["map-3d-wrap", { show: x.value }])
       }, [
-        (d(!0), u(R, null, O(c.value.rules, (t, n) => (d(), u("div", {
-          key: n,
-          class: "item"
+        H.value && g.value && a.value.backButton.show ? (d(), u("div", {
+          key: 0,
+          ref_key: "buttonRef",
+          ref: M,
+          class: "return-btn",
+          style: h(q(a.value.backButton)),
+          onClick: I
+        }, " 返回上一级 ", 4)) : L("", !0),
+        c.value ? (d(), u("div", {
+          key: 1,
+          class: "regional-level",
+          style: h({
+            left: c.value.labelStyle.left + "%",
+            top: c.value.labelStyle.top + "%",
+            flexDirection: c.value.labelStyle.direction,
+            gap: c.value.labelStyle.gap + "px",
+            fontSize: c.value.labelStyle.fontSize + "px",
+            fontFamily: c.value.labelStyle.fontFamily,
+            fontStyle: c.value.labelStyle.fontStyle,
+            color: c.value.labelStyle.color,
+            "--color-width": c.value.labelStyle.colorStyle.width + "px",
+            "--color-height": c.value.labelStyle.colorStyle.height + "px",
+            "--color-borderRadius": c.value.labelStyle.colorStyle.borderRadius + "px"
+          })
         }, [
-          x("div", {
-            class: "color",
-            style: h({ backgroundColor: t.color })
-          }, null, 4),
-          x("span", ae, B(t.label), 1)
-        ]))), 128))
-      ], 4)) : C("", !0),
-      a.value.widgets.length > 0 && a.value.widgetControlStyle && a.value.widgetControlStyle.show ? (d(), u("div", {
-        key: 2,
-        class: "widget-control",
-        style: h({
-          left: a.value.widgetControlStyle.left + "%",
-          top: a.value.widgetControlStyle.top + "%",
-          flexDirection: a.value.widgetControlStyle.direction,
-          gap: a.value.widgetControlStyle.gap + "px",
-          "--widget-width": a.value.widgetControlStyle.width + "px",
-          "--widget-height": a.value.widgetControlStyle.height + "px"
-        })
-      }, [
-        x("div", {
-          class: j(["control-button", {
-            active: s.value.every((t) => !t.isHide)
-          }]),
-          style: h(W(a.value.widgetControlStyle)),
-          onClick: K
-        }, B(s.value.every((t) => !t.isHide) ? "隐藏" : "显示") + "/全部 ", 7),
-        (d(!0), u(R, null, O(s.value, (t) => (d(), u("div", {
-          key: t.id,
-          class: j(["control-button", {
-            active: !t.isHide
-          }]),
-          style: h(W(a.value.widgetControlStyle)),
-          onClick: (n) => G(t)
-        }, B(t.name || "-"), 15, le))), 128))
-      ], 4)) : C("", !0),
-      a.value.debugger ? (d(), u("div", ie, "fps:" + B(Y(J)), 1)) : C("", !0)
-    ], 2));
+          (d(!0), u(O, null, z(c.value.rules, (t, n) => (d(), u("div", {
+            key: n,
+            class: "item"
+          }, [
+            B("div", {
+              class: "color",
+              style: h({ backgroundColor: t.color })
+            }, null, 4),
+            B("span", le, j(t.label), 1)
+          ]))), 128))
+        ], 4)) : L("", !0),
+        a.value.widgets.length > 0 && a.value.widgetControlStyle && a.value.widgetControlStyle.show ? (d(), u("div", {
+          key: 2,
+          class: "widget-control",
+          style: h({
+            left: a.value.widgetControlStyle.left + "%",
+            top: a.value.widgetControlStyle.top + "%",
+            flexDirection: a.value.widgetControlStyle.direction,
+            gap: a.value.widgetControlStyle.gap + "px",
+            "--widget-width": a.value.widgetControlStyle.width + "px",
+            "--widget-height": a.value.widgetControlStyle.height + "px"
+          })
+        }, [
+          B("div", {
+            class: A(["control-button", {
+              active: m.value.every((t) => !t.isHide)
+            }]),
+            style: h(W(a.value.widgetControlStyle)),
+            onClick: K
+          }, j(m.value.every((t) => !t.isHide) ? "隐藏" : "显示") + "/全部 ", 7),
+          (d(!0), u(O, null, z(m.value, (t) => (d(), u("div", {
+            key: t.id,
+            class: A(["control-button", {
+              active: !t.isHide
+            }]),
+            style: h(W(a.value.widgetControlStyle)),
+            onClick: (n) => G(t)
+          }, j(t.name || "-"), 15, ie))), 128))
+        ], 4)) : L("", !0),
+        a.value.debugger ? (d(), u("div", ne, "fps:" + j(Y(J)), 1)) : L("", !0)
+      ], 2)
+    ]));
   }
 });
 export {
-  kr as default
+  Sr as default
 };

package/es/packages/components/Scene/components/Amap2d/index.vue.d.ts

@@ -14,10 +14,12 @@ declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractProp
     };
 }>, {
     option: import("vue").ComputedRef<IAmap2dOption>;
+    hasKeyAndSec: import("vue").ComputedRef<boolean>;
     emit: (event: "amap2d-scene-success" | "amap2d-scene-zoomstart" | "amap2d-scene-zoomend" | "amap2d-scene-mapclick" | "amap2d-scene-dragstart" | "amap2d-scene-dragging" | "amap2d-scene-dragend", ...args: any[]) => void;
     amap2d: import("vue").ShallowRef<any, any>;
     amapLoca: import("vue").ShallowRef<any, any>;
     loading: import("vue").Ref<boolean, boolean>;
+    amap2dContainer: import("vue").Ref<any, any>;
     controlBar: import("vue").Ref<any, any>;
     toolBar: import("vue").Ref<any, any>;
     scale: import("vue").Ref<any, any>;

package/es/packages/components/Scene/components/Amap3d/index.vue.d.ts

@@ -14,6 +14,7 @@ declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractProp
     };
 }>, {
     option: import("vue").ComputedRef<IAmap3dOption>;
+    hasKeyAndSec: import("vue").ComputedRef<boolean>;
     emit: (event: "amap3d-scene-success" | "amap3d-scene-zoomstart" | "amap3d-scene-zoomend" | "amap3d-scene-mapclick" | "amap3d-scene-dragstart" | "amap3d-scene-dragging" | "amap3d-scene-dragend" | "amap3d-scene-pulseLinkLayer", ...args: any[]) => void;
     useAMap3d: () => {
         initAMap3d: (option: any) => void;

package/es/packages/components/Scene/components/Map3d/index.vue.d.ts

@@ -20,7 +20,7 @@ declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractProp
     loading: import("vue").Ref<boolean, boolean>;
     loading2: import("vue").Ref<boolean, boolean>;
     canvasId: string;
-    canvasWrapId: string;
+    map3dWrapRef: import("vue").Ref<HTMLDivElement, HTMLDivElement>;
     history: any;
     goBackShow: import("vue").Ref<boolean, boolean>;
     initData: (isAnimation?: boolean) => void;