@shjjs/visual-ui 1.0.0

package/es/components/map-earth-fly-line/index.vue.mjs

@@ -0,0 +1,147 @@
+import { defineComponent as g, ref as c, onMounted as x, watch as f, openBlock as l, createElementBlock as E, createElementVNode as L, unref as O, createVNode as z, withCtx as W, createBlock as d, createCommentVNode as v } from "vue";
+import { cloneDeep as n, debounce as N, isEqual as k } from "lodash";
+import { nanoid as I } from "nanoid";
+import T from "../../core/earth/main.vue.mjs";
+import p from "../../core/earth/border.vue.mjs";
+const V = { class: "zerov-widget" }, A = ["id"], D = g({ name: "zv-map-earth-fly-line" }), R = /* @__PURE__ */ g({
+  ...D,
+  props: {
+    basicOption: {},
+    sources: {},
+    useEvents: {},
+    uuid: {}
+  },
+  emits: ["on-success"],
+  setup(w, { expose: b, emit: B }) {
+    const S = B, r = w, C = I(), s = c(), y = c(!0), e = c(n(r.basicOption)), o = N((t = !1) => {
+      y.value = !0, e.value = n(r.basicOption), r.sources && r.sources.length > 0 ? window.SHJDatasourceV2({
+        tId: r.uuid,
+        sources: r.sources,
+        callback: (a) => {
+          try {
+            window.SHJParseEvent(r.useEvents, "dataListener", a.data);
+            const u = e.value.lines && e.value.lines.find((i) => i._sourceId === a.id);
+            u && (u.data = a.data[0].data);
+            const h = e.value.flylines && e.value.flylines.find((i) => i._sourceId === a.id);
+            h && (h.data = a.data[0].data);
+            const m = e.value.lightBeams && e.value.lightBeams.find((i) => i._sourceId === a.id);
+            m && (m.data = a.data[0].data), !t && s.value.refresh();
+          } catch {
+            window.SHJParseEvent(r.useEvents, "dataListener", null);
+          }
+        }
+      }) : !t && s.value.refresh();
+    }, 200);
+    x(() => o(!0)), f(() => n(r.basicOption), (t, a) => {
+      k(t, a) || o();
+    }, { deep: !0 }), f(() => n(r.sources), (t, a) => {
+      k(t, a) || o();
+    }, { deep: !0 }), b({
+      refresh: () => o(),
+      refreshView: () => o(),
+      refreshData: () => o()
+    });
+    const _ = () => {
+      y.value = !1, S("on-success"), window.SHJParseEvent(r.useEvents, "on-success", null);
+    };
+    return (t, a) => (l(), E("div", V, [
+      L("div", {
+        id: O(C),
+        class: "widget"
+      }, [
+        z(T, {
+          ref_key: "earthRef",
+          ref: s,
+          style: { height: "100%" },
+          background: e.value.background,
+          "is-background": e.value.isBackground,
+          fog: e.value.fog,
+          "fog-color": e.value.fogColor,
+          "fog-near": e.value.fogNear,
+          "fog-far": e.value.fogFar,
+          stats: e.value.stats,
+          "stats-type": e.value.statsType,
+          radius: e.value.radius,
+          subdivision: e.value.subdivision,
+          animation: e.value.animation,
+          "animation-speed": e.value.animationSpeed,
+          texture: e.value.texture,
+          color: e.value.color,
+          opacity: e.value.opacity,
+          transparent: e.value.transparent,
+          wireframe: e.value.wireframe,
+          label: e.value.label,
+          particle: e.value.particle,
+          "particle-color": e.value.particleColor,
+          "particle-size": e.value.particleSize,
+          aperture: e.value.aperture,
+          "aperture-color": e.value.apertureColor,
+          "aperture-opacity": e.value.apertureOpacity,
+          "aperture-transparent": e.value.apertureTransparent,
+          "aperture-depth-write": e.value.apertureDepthWrite,
+          "cloud-cover": e.value.cloudCover,
+          "cloud-cover-color": e.value.cloudCoverColor,
+          "cloud-cover-opacity": e.value.cloudCoverOpacity,
+          "cloud-cover-transparent": e.value.cloudCoverTransparent,
+          "cloud-cover-animation": e.value.cloudCoverAnimation,
+          "cloud-cover-animation-speed": e.value.cloudCoverAnimationSpeed,
+          "starry-sky": e.value.starrySky,
+          "starry-sky-texture": e.value.starrySkyTexture,
+          "starry-sky-number": e.value.starrySkyNumber,
+          "starry-sky-size": e.value.starrySkySize,
+          "starry-sky-color": e.value.starrySkyColor,
+          "starry-sky-opacity": e.value.starrySkyOpacity,
+          "starry-sky-animation": e.value.starrySkyAnimation,
+          "starry-sky-animation-speed": e.value.starrySkyAnimationSpeed,
+          "ambient-light-color": e.value.ambientLightColor,
+          "ambient-light-intensity": e.value.ambientLightIntensity,
+          "directional-light-x": e.value.directionalLightX,
+          "directional-light-y": e.value.directionalLightY,
+          "directional-light-z": e.value.directionalLightZ,
+          "directional-light-intensity": e.value.directionalLightIntensity,
+          "directional-light-color": e.value.directionalLightColor,
+          "is-composer": e.value.isComposer,
+          composer: e.value.composer,
+          flylines: e.value.flylines,
+          lines: e.value.lines,
+          "light-beam": e.value.lightBeams,
+          onOnSuccess: _
+        }, {
+          default: W(() => [
+            e.value.chinaBorderShow ? (l(), d(p, {
+              key: 0,
+              geojson: "china",
+              color: e.value.chinaBorderColor,
+              width: e.value.chinaBorderWidth,
+              opacity: e.value.chinaBorderOpacity,
+              wakeline: e.value.chinaBorderWakeline,
+              "wakeline-number": e.value.chinaBorderWakelineNumber
+            }, null, 8, ["color", "width", "opacity", "wakeline", "wakeline-number"])) : v("", !0),
+            e.value.china2BorderShow ? (l(), d(p, {
+              key: 1,
+              geojson: "china-border",
+              color: e.value.china2BorderColor,
+              width: e.value.china2BorderWidth,
+              opacity: e.value.china2BorderOpacity,
+              wakeline: e.value.china2BorderWakeline,
+              "wakeline-number": e.value.china2BorderWakelineNumber
+            }, null, 8, ["color", "width", "opacity", "wakeline", "wakeline-number"])) : v("", !0),
+            e.value.worldBorderShow ? (l(), d(p, {
+              key: 2,
+              geojson: "world",
+              color: e.value.worldBorderColor,
+              width: e.value.worldBorderWidth,
+              opacity: e.value.worldBorderOpacity,
+              wakeline: e.value.worldBorderWakeline,
+              "wakeline-number": e.value.worldBorderWakelineNumber
+            }, null, 8, ["color", "width", "opacity", "wakeline", "wakeline-number"])) : v("", !0)
+          ]),
+          _: 1
+        }, 8, ["background", "is-background", "fog", "fog-color", "fog-near", "fog-far", "stats", "stats-type", "radius", "subdivision", "animation", "animation-speed", "texture", "color", "opacity", "transparent", "wireframe", "label", "particle", "particle-color", "particle-size", "aperture", "aperture-color", "aperture-opacity", "aperture-transparent", "aperture-depth-write", "cloud-cover", "cloud-cover-color", "cloud-cover-opacity", "cloud-cover-transparent", "cloud-cover-animation", "cloud-cover-animation-speed", "starry-sky", "starry-sky-texture", "starry-sky-number", "starry-sky-size", "starry-sky-color", "starry-sky-opacity", "starry-sky-animation", "starry-sky-animation-speed", "ambient-light-color", "ambient-light-intensity", "directional-light-x", "directional-light-y", "directional-light-z", "directional-light-intensity", "directional-light-color", "is-composer", "composer", "flylines", "lines", "light-beam"])
+      ], 8, A)
+    ]));
+  }
+});
+export {
+  R as default
+};

package/es/components/map-earth-fly-line/index.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./index.vue.mjs";
+export {
+  f as default
+};