@idmwx/idmui-gl4 3.9.5 → 3.9.6

package/dist/{chunk-3VYIPD3A-7c3a348c.js → chunk-3VYIPD3A-24ad3023.js}

@@ -1,4 +1,4 @@
-import { l as b } from "./index-70965a2e.js";
+import { l as b } from "./index-f5930426.js";
 function M(e) {
   return typeof e == "string" && /^data:image\/svg\+xml/i.test(e);
 }

package/dist/{chunk-ANSXOGKI-556e7f83.js → chunk-ANSXOGKI-a767a2ef.js}

@@ -1,4 +1,4 @@
-import { W as a } from "./chunk-3VYIPD3A-7c3a348c.js";
+import { W as a } from "./chunk-3VYIPD3A-24ad3023.js";
 async function o(r, t) {
   let i = await a(r, t), e = new Image();
   return e.src = i.toDataURL(`image/${t.format}`, t.quality), await e.decode(), e.style.width = `${i.width / t.dpr}px`, e.style.height = `${i.height / t.dpr}px`, e;

package/dist/{chunk-T4JIPPZO-fea6ca0d.js → chunk-T4JIPPZO-2877877c.js}

@@ -1,4 +1,4 @@
-import { W as m } from "./chunk-3VYIPD3A-7c3a348c.js";
+import { W as m } from "./chunk-3VYIPD3A-24ad3023.js";
 async function a(n, e) {
   let o = e.type;
   if (o === "svg") {

package/dist/{download-a02c5e56.js → download-ab84e805.js}

@@ -1,6 +1,6 @@
-import { m as d } from "./chunk-T4JIPPZO-fea6ca0d.js";
-import { W as f } from "./chunk-3VYIPD3A-7c3a348c.js";
-import "./index-70965a2e.js";
+import { m as d } from "./chunk-T4JIPPZO-2877877c.js";
+import { W as f } from "./chunk-3VYIPD3A-24ad3023.js";
+import "./index-f5930426.js";
 import "axios";
 import "vuetify";
 import "vue";

package/dist/{index-70965a2e.js → index-f5930426.js}

@@ -9928,8 +9928,8 @@ const Ud = {
       immediate: !0
     },
     map: {
-      handler() {
-        this.map ? (this.toggle = localStorage.getItem(this.tropicalCacheKey) === "true" || !1, localStorage.setItem(this.tropicalCacheKey, this.toggle), this.toggle && this.fetchTropicals()) : this.handleClear();
+      handler(t, e) {
+        e == null || e.off("render", this.handleUpdateMarkerVisibility), this.map ? (this.map.on("render", this.handleUpdateMarkerVisibility), this.toggle = localStorage.getItem(this.tropicalCacheKey) === "true" || !1, localStorage.setItem(this.tropicalCacheKey, this.toggle), this.toggle && this.fetchTropicals()) : this.handleClear();
       }
     },
     showTropicalsInfo: {
@@ -10280,8 +10280,23 @@ const Ud = {
       }
     },
     handleClear() {
-      var t, e, o, i;
-      this.map && (this.map.getLayer(this.historyLayer) && this.map.removeLayer(this.historyLayer), this.map.getLayer(this.forecastLayer) && this.map.removeLayer(this.forecastLayer), this.map.getLayer(this.forecastModelLayer) && this.map.removeLayer(this.forecastModelLayer), this.map.getLayer(this.forecastNameLayer) && this.map.removeLayer(this.forecastNameLayer), this.map.getLayer(this.pointCircleLayer) && this.map.removeLayer(this.pointCircleLayer), this.map.getLayer(this.pointCircleLayer + "-border") && this.map.removeLayer(this.pointCircleLayer + "-border"), this.map.getLayer(this.pointLabelLayer) && this.map.removeLayer(this.pointLabelLayer), this.map.getLayer(this.historyPointCircleLayer) && this.map.removeLayer(this.historyPointCircleLayer), this.map.getLayer(this.historyPointCircleLayer + "-border") && this.map.removeLayer(this.historyPointCircleLayer + "-border"), this.map.getLayer(this.historyPointCircleLayer + "-inner") && this.map.removeLayer(this.historyPointCircleLayer + "-inner"), this.map.getLayer(this.historyPointLabelLayer) && this.map.removeLayer(this.historyPointLabelLayer), this.map.getLayer(this.interpolateLineLayer) && this.map.removeLayer(this.interpolateLineLayer), (t = this.interpolateMarkers) == null || t.forEach((a) => a == null ? void 0 : a.remove()), this.map.getSource(this.source) && this.map.removeSource(this.source), this.map.getSource(this.clusterSource) && this.map.removeSource(this.clusterSource), this.map.getSource(this.interpolateSource) && this.map.removeSource(this.interpolateSource)), (e = this.map) == null || e.off("click", this.clickLayers, this.handleClick), (o = this.map) == null || o.off("mousemove", this.hoverLayers, this.handleHover), (i = this.map) == null || i.off("mouseleave", this.hoverLayers, this.handleLeave), this.handleCloseInfoMarker();
+      var t, e, o, i, a;
+      this.map && (this.map.getLayer(this.historyLayer) && this.map.removeLayer(this.historyLayer), this.map.getLayer(this.forecastLayer) && this.map.removeLayer(this.forecastLayer), this.map.getLayer(this.forecastModelLayer) && this.map.removeLayer(this.forecastModelLayer), this.map.getLayer(this.forecastNameLayer) && this.map.removeLayer(this.forecastNameLayer), this.map.getLayer(this.pointCircleLayer) && this.map.removeLayer(this.pointCircleLayer), this.map.getLayer(this.pointCircleLayer + "-border") && this.map.removeLayer(this.pointCircleLayer + "-border"), this.map.getLayer(this.pointLabelLayer) && this.map.removeLayer(this.pointLabelLayer), this.map.getLayer(this.historyPointCircleLayer) && this.map.removeLayer(this.historyPointCircleLayer), this.map.getLayer(this.historyPointCircleLayer + "-border") && this.map.removeLayer(this.historyPointCircleLayer + "-border"), this.map.getLayer(this.historyPointCircleLayer + "-inner") && this.map.removeLayer(this.historyPointCircleLayer + "-inner"), this.map.getLayer(this.historyPointLabelLayer) && this.map.removeLayer(this.historyPointLabelLayer), this.map.getLayer(this.interpolateLineLayer) && this.map.removeLayer(this.interpolateLineLayer), (t = this.interpolateMarkers) == null || t.forEach((r) => r == null ? void 0 : r.remove()), this.map.getSource(this.source) && this.map.removeSource(this.source), this.map.getSource(this.clusterSource) && this.map.removeSource(this.clusterSource), this.map.getSource(this.interpolateSource) && this.map.removeSource(this.interpolateSource)), (e = this.map) == null || e.off("click", this.clickLayers, this.handleClick), (o = this.map) == null || o.off("mousemove", this.hoverLayers, this.handleHover), (i = this.map) == null || i.off("mouseleave", this.hoverLayers, this.handleLeave), (a = this.map) == null || a.off("render", this.handleUpdateMarkerVisibility), this.handleCloseInfoMarker();
+    },
+    // globe 下 DOM marker 无背面遮挡（mapbox-gl 2.15 无 occlusion），背面点的投影坐标
+    // 会镜像翻转乱跳造成闪烁；与视野中心大圆角距 ≥ 90° 判定为球体背面，隐藏其 DOM
+    handleUpdateMarkerVisibility() {
+      const t = this.map;
+      if (!t)
+        return;
+      const e = t.getCenter();
+      for (const o of this.interpolateMarkers || []) {
+        const i = o == null ? void 0 : o.getElement();
+        if (!i)
+          continue;
+        const a = o.getLngLat(), l = Z.distance(e.toArray(), [a.lng, a.lat], { units: "radians" }) >= Math.PI / 2 ? "hidden" : "visible";
+        i.style.visibility !== l && (i.style.visibility = l);
+      }
     },
     handleDateChange() {
       var t, e, o, i, a, r, l, n, s, d, m, g, p, y, u, h, f, L, M, A, z, C, P, T, R, B, G, N, K, oe, se, ce, ye, E, $;
@@ -10348,7 +10363,7 @@ const Ud = {
             const Ce = new ke.Marker(Ae).setLngLat(V.geometry.coordinates).addTo(this.map);
             this.interpolateMarkers.push(Ce);
           }
-        this.$emit("tropicalCenterPoints", le);
+        this.handleUpdateMarkerVisibility(), this.$emit("tropicalCenterPoints", le);
       } else
         (E = this.map) != null && E.getSource(this.interpolateSource) && (($ = this.map) == null || $.getSource(this.interpolateSource).setData(this.empty));
     },
@@ -18335,52 +18350,52 @@ Se.capture = async (t, e, o) => {
   if (o !== fl)
     throw new Error("[snapdom.capture] is internal. Use snapdom(...) instead.");
   let i = await gl(t, e), a = { img: async (u, h) => {
-    let { toImg: f } = await import("./toImg-63e950e6.js");
+    let { toImg: f } = await import("./toImg-27ca69b4.js");
     return f(i, { ...u, ...h || {} });
   }, svg: async (u, h) => {
-    let { toSvg: f } = await import("./toImg-63e950e6.js");
+    let { toSvg: f } = await import("./toImg-27ca69b4.js");
     return f(i, { ...u, ...h || {} });
   }, canvas: async (u, h) => {
-    let { toCanvas: f } = await import("./toCanvas-d6183a9d.js");
+    let { toCanvas: f } = await import("./toCanvas-cb314a1f.js");
     return f(i, { ...u, ...h || {} });
   }, blob: async (u, h) => {
-    let { toBlob: f } = await import("./toBlob-d4af49d9.js");
+    let { toBlob: f } = await import("./toBlob-c01e1e2b.js");
     return f(i, { ...u, ...h || {} });
   }, png: async (u, h) => {
-    let { rasterize: f } = await import("./rasterize-JS5G2XHH-3b65b332.js");
+    let { rasterize: f } = await import("./rasterize-JS5G2XHH-ef4de766.js");
     return f(i, { ...u, ...h || {}, format: "png" });
   }, jpeg: async (u, h) => {
-    let { rasterize: f } = await import("./rasterize-JS5G2XHH-3b65b332.js");
+    let { rasterize: f } = await import("./rasterize-JS5G2XHH-ef4de766.js");
     return f(i, { ...u, ...h || {}, format: "jpeg" });
   }, webp: async (u, h) => {
-    let { rasterize: f } = await import("./rasterize-JS5G2XHH-3b65b332.js");
+    let { rasterize: f } = await import("./rasterize-JS5G2XHH-ef4de766.js");
     return f(i, { ...u, ...h || {}, format: "webp" });
   }, download: async (u, h) => {
-    let { download: f } = await import("./download-a02c5e56.js");
+    let { download: f } = await import("./download-ab84e805.js");
     return f(i, { ...u, ...h || {} });
   } }, r = { ...e, export: { url: i }, exports: { svg: async (u) => {
-    let { toSvg: h } = await import("./toImg-63e950e6.js");
+    let { toSvg: h } = await import("./toImg-27ca69b4.js");
     return h(i, { ...e, ...u || {}, [po]: !0 });
   }, canvas: async (u) => {
-    let { toCanvas: h } = await import("./toCanvas-d6183a9d.js");
+    let { toCanvas: h } = await import("./toCanvas-cb314a1f.js");
     return h(i, { ...e, ...u || {}, [po]: !0 });
   }, png: async (u) => {
-    let { rasterize: h } = await import("./rasterize-JS5G2XHH-3b65b332.js");
+    let { rasterize: h } = await import("./rasterize-JS5G2XHH-ef4de766.js");
     return h(i, { ...e, ...u || {}, format: "png", [po]: !0 });
   }, jpeg: async (u) => {
-    let { rasterize: h } = await import("./rasterize-JS5G2XHH-3b65b332.js");
+    let { rasterize: h } = await import("./rasterize-JS5G2XHH-ef4de766.js");
     return h(i, { ...e, ...u || {}, format: "jpeg", [po]: !0 });
   }, jpg: async (u) => {
-    let { rasterize: h } = await import("./rasterize-JS5G2XHH-3b65b332.js");
+    let { rasterize: h } = await import("./rasterize-JS5G2XHH-ef4de766.js");
     return h(i, { ...e, ...u || {}, format: "jpeg", [po]: !0 });
   }, webp: async (u) => {
-    let { rasterize: h } = await import("./rasterize-JS5G2XHH-3b65b332.js");
+    let { rasterize: h } = await import("./rasterize-JS5G2XHH-ef4de766.js");
     return h(i, { ...e, ...u || {}, format: "webp", [po]: !0 });
   }, blob: async (u) => {
-    let { toBlob: h } = await import("./toBlob-d4af49d9.js");
+    let { toBlob: h } = await import("./toBlob-c01e1e2b.js");
     return h(i, { ...e, ...u || {}, [po]: !0 });
   }, img: async (u) => {
-    let { toImg: h } = await import("./toImg-63e950e6.js");
+    let { toImg: h } = await import("./toImg-27ca69b4.js");
     return h(i, { ...e, ...u || {}, [po]: !0 });
   } } }, l = await D0("defineExports", r), n = Object.assign({}, ...l.filter((u) => u && typeof u == "object")), s = { ...a, ...n };
   s.jpeg && !s.jpg && (s.jpg = (u, h) => s.jpeg(u, h));

package/dist/index.js

@@ -1,4 +1,4 @@
-import { B as D, c as M, D as n, L as x, a as T, b as W, M as h, g as V, e as f, P as k, S as w, T as y, V as B, f as d, W as u, d as v } from "./index-70965a2e.js";
+import { B as D, c as M, D as n, L as x, a as T, b as W, M as h, g as V, e as f, P as k, S as w, T as y, V as B, f as d, W as u, d as v } from "./index-f5930426.js";
 import "axios";
 import "vuetify";
 import "vue";