@idmwx/idmui-gl4 0.4.7 → 0.4.9

package/dist/index.js

@@ -2,7 +2,7 @@ var Vo = Object.defineProperty;
 var Yo = (o, e, t) => e in o ? Vo(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
 var le = (o, e, t) => (Yo(o, typeof e != "symbol" ? e + "" : e, t), t);
 import Ie from "axios";
-import { openBlock as y, createElementBlock as M, withDirectives as He, createElementVNode as l, vShow as Ge, toDisplayString as C, normalizeStyle as Q, createCommentVNode as O, resolveComponent as w, createVNode as h, withCtx as g, mergeProps as j, normalizeClass as Ne, createTextVNode as U, Fragment as fe, renderList as _e, createBlock as V, withModifiers as Zo } from "vue";
+import { openBlock as y, createElementBlock as M, withDirectives as He, createElementVNode as l, vShow as Ge, toDisplayString as C, normalizeStyle as Q, createCommentVNode as O, resolveComponent as w, createVNode as h, withCtx as g, mergeProps as j, normalizeClass as je, createTextVNode as U, Fragment as fe, renderList as _e, createBlock as V, withModifiers as Zo } from "vue";
 import Pe from "mapbox-gl";
 import { LngLatHelper as ae, TropicalHelper as Ho, LaneHelper as Be } from "@idm-plugin/geo";
 import * as F from "@turf/turf";
@@ -1659,7 +1659,7 @@ function mi(o, e, t, i, a, r) {
             onClick: r.handleMenuToggle
           }), {
             default: g(() => e[5] || (e[5] = [
-              l("i", { class: "iconfont icon-Layer text-h4 menu-icon-color" }, null, -1)
+              l("i", { class: "iconfont icon-Layer text-h4" }, null, -1)
             ])),
             _: 2,
             __: [5]
@@ -1669,7 +1669,7 @@ function mi(o, e, t, i, a, r) {
       }, 8, ["text"])
     ], 4),
     l("div", {
-      class: Ne(["available-layers transition", a.toggle ? "right-bar" : ""]),
+      class: je(["available-layers transition", a.toggle ? "right-bar" : ""]),
       style: Q({ top: t.top + "px", right: a.toggle ? "0px" : "-280px" })
     }, [
       l("div", Ka, [
@@ -1720,7 +1720,7 @@ function mi(o, e, t, i, a, r) {
                     onClick: (ne) => r.handleToggleMapFeather(I)
                   }, [
                     l("div", {
-                      class: Ne([a.mapFeather === I.value ? "active" : "", "img-box"])
+                      class: je([a.mapFeather === I.value ? "active" : "", "img-box"])
                     }, [
                       I.value === "dark" ? (y(), M("img", ti)) : I.value === "nautical" ? (y(), M("img", oi)) : I.value === "satellite" ? (y(), M("img", ai)) : (y(), M("img", ii))
                     ], 2),
@@ -2613,7 +2613,7 @@ function fi(o, e, t, i, a, r) {
         onClick: r.handleMenuToggle
       }, {
         default: g(() => e[0] || (e[0] = [
-          l("i", { class: "iconfont icon-Legend text-h4 menu-icon-color" }, null, -1)
+          l("i", { class: "iconfont icon-Legend text-h4" }, null, -1)
         ])),
         _: 1,
         __: [0]
@@ -2639,7 +2639,7 @@ function fi(o, e, t, i, a, r) {
                   default: g(() => [
                     l("div", ui, [
                       l("i", {
-                        class: Ne(["iconfont", r.barbsIconName[f]]),
+                        class: je(["iconfont", r.barbsIconName[f]]),
                         style: Q({ color: t.theme === "dark" ? "#fff" : "#000" })
                       }, null, 6),
                       l("span", gi, C(Number(b) < 10 ? `00${b}kts` : Number(b) < 100 ? `0${b}kts` : `${b}kts`), 1)
@@ -3052,7 +3052,7 @@ function Ci(o, e, t, i, a, r) {
             onClick: r.handleMenuToggle
           }), {
             default: g(() => e[0] || (e[0] = [
-              l("i", { class: "iconfont icon-Legend text-h4 menu-icon-color" }, null, -1)
+              l("i", { class: "iconfont icon-Legend text-h4" }, null, -1)
             ])),
             _: 2,
             __: [0]
@@ -3589,7 +3589,7 @@ function Gi(o, e, t, i, a, r) {
         onClick: r.handleMenuToggle
       }, {
         default: g(() => e[0] || (e[0] = [
-          l("i", { class: "iconfont icon-Legend menu-icon-color" }, null, -1)
+          l("i", { class: "iconfont icon-Legend" }, null, -1)
         ])),
         _: 1,
         __: [0]
@@ -3944,7 +3944,7 @@ function qi(o, e, t, i, a, r) {
             onClick: r.handleMenuToggle
           }), {
             default: g(() => e[0] || (e[0] = [
-              l("i", { class: "iconfont icon-Legend text-h4 menu-icon-color" }, null, -1)
+              l("i", { class: "iconfont icon-Legend text-h4" }, null, -1)
             ])),
             _: 2,
             __: [0]
@@ -5405,7 +5405,7 @@ function Gr(o, e, t, i, a, r) {
             onClick: r.handleMenuToggle
           }), {
             default: g(() => e[6] || (e[6] = [
-              l("i", { class: "iconfont icon-Weather text-h4 menu-icon-color" }, null, -1)
+              l("i", { class: "iconfont icon-Weather text-h4" }, null, -1)
             ])),
             _: 2,
             __: [6]
@@ -5415,7 +5415,7 @@ function Gr(o, e, t, i, a, r) {
       }, 8, ["text"])
     ], 4),
     l("div", {
-      class: Ne(["available-layers transition flex-center", a.toggle ? "right-bar" : ""]),
+      class: je(["available-layers transition flex-center", a.toggle ? "right-bar" : ""]),
       style: Q({ top: t.top + "px", right: a.toggle ? "0px" : "-280px" })
     }, [
       l("div", Cr, [
@@ -5447,7 +5447,7 @@ function Gr(o, e, t, i, a, r) {
         }, 8, ["onClick"])
       ]),
       l("div", {
-        class: Ne(["list-box scroll pl-4 pr-2 overflow-y-auto", a.autoActive ? "" : "cursor-not-allowed"])
+        class: je(["list-box scroll pl-4 pr-2 overflow-y-auto", a.autoActive ? "" : "cursor-not-allowed"])
       }, [
         h(f, {
           class: "menu-card mx-auto my-3",
@@ -6110,18 +6110,18 @@ class Go {
   }
   static pickHourly(e, t) {
     var i, a, r, s, c, n, u, d, m, b, f, L, S, P, E, T, k, v, _, z, x, R, H, Y, G, W, $, ee, K, se, me, pe, he, q, I, ne, ge, be, ke, ze, Se, Me, Te, te, de, we, Re, J, Ce, xe;
-    const ie = typeof t == "string" ? D(t) : t, ue = e == null ? void 0 : e.weather, N = e == null ? void 0 : e.marine, Le = D((a = (i = ue == null ? void 0 : ue[0]) == null ? void 0 : i.hourly) == null ? void 0 : a.date).utc(), oe = Le.clone().add((c = (s = (r = ue == null ? void 0 : ue[0]) == null ? void 0 : r.hourly) == null ? void 0 : s.time) == null ? void 0 : c.at(0), "h"), re = Le.clone().add((d = (u = (n = ue == null ? void 0 : ue[0]) == null ? void 0 : n.hourly) == null ? void 0 : u.time) == null ? void 0 : d.at(-1), "h"), je = [];
+    const ie = typeof t == "string" ? D(t) : t, ue = e == null ? void 0 : e.weather, N = e == null ? void 0 : e.marine, Le = D((a = (i = ue == null ? void 0 : ue[0]) == null ? void 0 : i.hourly) == null ? void 0 : a.date).utc(), oe = Le.clone().add((c = (s = (r = ue == null ? void 0 : ue[0]) == null ? void 0 : r.hourly) == null ? void 0 : s.time) == null ? void 0 : c.at(0), "h"), re = Le.clone().add((d = (u = (n = ue == null ? void 0 : ue[0]) == null ? void 0 : n.hourly) == null ? void 0 : u.time) == null ? void 0 : d.at(-1), "h"), Ee = [];
     if (ie.isBetween(oe, re, "millisecond", "[]")) {
       const B = ie.utc().diff(oe, "h", !1);
       let ye, Oe;
       if (ue) {
-        let Ee = 0, Fe = 0;
+        let Fe = 0, Ne = 0;
         for (const A of ue) {
           const Z = A == null ? void 0 : A.hourly;
           for (let Ae = B - (B - 1) % 3; Ae <= B; Ae++)
-            Ee += (m = Z == null ? void 0 : Z.precipitation) == null ? void 0 : m.at(Ae);
+            Fe += (m = Z == null ? void 0 : Z.precipitation) == null ? void 0 : m.at(Ae);
           for (let Ae = B - (B - 1) % 6; Ae <= B; Ae++)
-            Fe += (b = Z == null ? void 0 : Z.precipitation) == null ? void 0 : b.at(Ae);
+            Ne += (b = Z == null ? void 0 : Z.precipitation) == null ? void 0 : b.at(Ae);
           ye = {
             temp: (f = Z == null ? void 0 : Z.temperature_2m) == null ? void 0 : f.at(B),
             apparentTemp: (L = Z == null ? void 0 : Z.apparent_temperature) == null ? void 0 : L.at(B),
@@ -6130,8 +6130,8 @@ class Go {
             precip: {
               probability: (E = Z == null ? void 0 : Z.precipitation_probability) == null ? void 0 : E.at(B),
               sum: (T = Z == null ? void 0 : Z.precipitation) == null ? void 0 : T.at(B),
-              sum3Hours: Math.round(Ee * 100) / 100,
-              sum6Hours: Math.round(Fe * 100) / 100
+              sum3Hours: Math.round(Fe * 100) / 100,
+              sum6Hours: Math.round(Ne * 100) / 100
             },
             pmsl: (k = Z == null ? void 0 : Z.pressure_msl) == null ? void 0 : k.at(B),
             psurf: (v = Z == null ? void 0 : Z.surface_pressure) == null ? void 0 : v.at(B),
@@ -6147,7 +6147,7 @@ class Go {
             isDay: ($ = Z == null ? void 0 : Z.is_day) == null ? void 0 : $.at(B)
           };
           const { name: Ye, url: Ze, bg: Xe } = this.parseWeatherCode(ye.code, ye.isDay);
-          ye.name = Ye, ye.url = Ze, ye.bg = Xe, ye.wind.scale = this.beaufort(this.kts2ms(ye.wind.kts)), ye.wind.direction = this.degree2Direction(ye.wind.degree), je.push({
+          ye.name = Ye, ye.url = Ze, ye.bg = Xe, ye.wind.scale = this.beaufort(this.kts2ms(ye.wind.kts)), ye.wind.direction = this.degree2Direction(ye.wind.degree), Ee.push({
             utc: oe.add(B, "h").format(),
             model: A.model,
             weather: { ...ye }
@@ -6155,9 +6155,9 @@ class Go {
         }
       }
       if (N) {
-        let Ee = 0;
-        for (const Fe of N) {
-          const A = Fe == null ? void 0 : Fe.hourly;
+        let Fe = 0;
+        for (const Ne of N) {
+          const A = Ne == null ? void 0 : Ne.hourly;
           Oe = {
             wave: {
               sig: {
@@ -6189,11 +6189,11 @@ class Go {
             },
             sst: (Ce = A == null ? void 0 : A.sea_surface_temperature) == null ? void 0 : Ce.at(B),
             height: (xe = A == null ? void 0 : A.sea_level_height_msl) == null ? void 0 : xe.at(B)
-          }, Oe.wave = this.parseWave(Oe.wave, ye == null ? void 0 : ye.wind), Oe.current.direction = this.degree2Direction(Oe.current.degree), Object.assign(je[Ee], Oe), Ee++;
+          }, Oe.wave = this.parseWave(Oe.wave, ye == null ? void 0 : ye.wind), Oe.current.direction = this.degree2Direction(Oe.current.degree), Object.assign(Ee[Fe], Oe), Fe++;
         }
       }
     }
-    return je;
+    return Ee;
   }
   static toLegacy(e) {
     var t, i, a, r, s, c, n, u, d, m;
@@ -6258,8 +6258,8 @@ class Go {
               bearing: ((W = oe.wind_direction_10m_dominant) == null ? void 0 : W.at(N)) !== null ? ((($ = oe.wind_direction_10m_dominant) == null ? void 0 : $.at(N)) + 180) % 360 : null
             }
           };
-          const { name: re, url: je, bg: B } = this.parseWeatherCode(ie.code, !0);
-          ie.name = re, ie.url = je, ie.bg = B, ie.wind.scale = this.beaufort(this.kts2ms(ie.wind.kts)), ie.wind.direction = this.degree2Direction(ie.wind.degree), xe.push({
+          const { name: re, url: Ee, bg: B } = this.parseWeatherCode(ie.code, !0);
+          ie.name = re, ie.url = Ee, ie.bg = B, ie.wind.scale = this.beaufort(this.kts2ms(ie.wind.kts)), ie.wind.direction = this.degree2Direction(ie.wind.degree), xe.push({
             utc: J.add(N, "d").utc().format(),
             model: Le.model,
             weather: { ...ie }
@@ -7314,7 +7314,7 @@ function il(o, e, t, i, a, r) {
             onClick: r.handleMenuToggle
           }), {
             default: g(() => e[1] || (e[1] = [
-              l("i", { class: "iconfont icon-a-Tropicalcyclone text-h4 menu-icon-color" }, null, -1)
+              l("i", { class: "iconfont icon-a-Tropicalcyclone text-h4" }, null, -1)
             ])),
             _: 2,
             __: [1]
@@ -7399,7 +7399,7 @@ function il(o, e, t, i, a, r) {
                       var R, H, Y, G;
                       return y(), M("div", {
                         key: x,
-                        class: Ne([
+                        class: je([
                           "model",
                           z.disabled ? "" : "active",
                           x > 0 && x < ((H = (R = a.activeTropicals) == null ? void 0 : R.forecasts) == null ? void 0 : H.length) - 1 && ((G = (Y = a.activeTropicals) == null ? void 0 : Y.forecasts) == null ? void 0 : G.length) > 2 ? "center-child" : ""
@@ -7407,7 +7407,7 @@ function il(o, e, t, i, a, r) {
                         onClick: (W) => r.handleForecastToggle(z)
                       }, [
                         l("span", {
-                          class: Ne(z.model)
+                          class: je(z.model)
                         }, C(z.model), 3)
                       ], 10, al);
                     }), 128))
@@ -7883,6 +7883,11 @@ const hl = {
         this.form.forecastModel = this.forecastModel;
       },
       immediate: !0
+    },
+    "form.forecastModel": {
+      handler(o, e) {
+        !o && e && (this.form.forecastModel = e === "GFS" ? "ECMWF" : "GFS");
+      }
     }
   },
   mounted() {
@@ -8049,7 +8054,7 @@ function Cl(o, e, t, i, a, r) {
             onClick: r.handleMenuToggle
           }), {
             default: g(() => e[8] || (e[8] = [
-              l("i", { class: "iconfont icon-a-Spotweather text-h4 menu-icon-color" }, null, -1)
+              l("i", { class: "iconfont icon-a-Spotweather text-h4" }, null, -1)
             ])),
             _: 2,
             __: [8]
@@ -8308,7 +8313,7 @@ function Cl(o, e, t, i, a, r) {
                               density: "compact",
                               height: "30",
                               value: "GFS",
-                              class: "text-none flex-1-1-0 nop-btn-border",
+                              class: je(["text-none flex-1-1-0", a.form.forecastModel === "GFS" ? "" : "nop-btn-border"]),
                               color: a.form.forecastModel === "GFS" ? "primary" : "",
                               "base-color": ""
                             }, {
@@ -8317,11 +8322,11 @@ function Cl(o, e, t, i, a, r) {
                               ])),
                               _: 1,
                               __: [19]
-                            }, 8, ["color"]),
+                            }, 8, ["class", "color"]),
                             h(s, {
                               density: "compact",
                               height: "30",
-                              class: "text-none flex-1-1-0 nop-btn-border",
+                              class: je(["text-none flex-1-1-0", a.form.forecastModel === "ECMWF" ? "" : "nop-btn-border"]),
                               color: a.form.forecastModel === "ECMWF" ? "primary" : "",
                               "base-color": "",
                               value: "ECMWF"
@@ -8331,7 +8336,7 @@ function Cl(o, e, t, i, a, r) {
                               ])),
                               _: 1,
                               __: [20]
-                            }, 8, ["color"])
+                            }, 8, ["class", "color"])
                           ]),
                           _: 1
                         }, 8, ["modelValue"])
@@ -8393,7 +8398,7 @@ function Cl(o, e, t, i, a, r) {
             var v, _;
             return [
               l("div", Ll, [
-                e[23] || (e[23] = l("i", { class: "iconfont icon-a-Spotweather text-h5 map-icon-primary" }, null, -1)),
+                e[23] || (e[23] = l("i", { class: "iconfont icon-a-Spotweather text-h5 map-icon-aqua" }, null, -1)),
                 l("div", Pl, C(r.computeLat((v = a.currentHourData) == null ? void 0 : v.lat)) + "," + C(r.computeLng((_ = a.currentHourData) == null ? void 0 : _.lng)), 1)
               ]),
               h(s, {
@@ -8991,7 +8996,7 @@ function Rl(o, e, t, i, a, r) {
             onClick: r.handleMenuToggle
           }), {
             default: g(() => e[0] || (e[0] = [
-              l("i", { class: "iconfont icon-a-Measuredistance text-h4 menu-icon-color" }, null, -1)
+              l("i", { class: "iconfont icon-a-Measuredistance text-h4" }, null, -1)
             ])),
             _: 2,
             __: [0]
@@ -9537,7 +9542,7 @@ class ql {
     le(this, "hi");
     le(this, "td");
     le(this, "windy");
-    var t, i, a, r, s, c, n, u, d, m, b, f, L, S, P, E, T, k, v, _, z, x, R, H, Y, G, W, $, ee, K, se, me, pe, he, q, I, ne, ge, be, ke, ze, Se, Me, Te, te, de, we, Re, J, Ce, xe, ie, ue, N, Le, oe, re, je, B, ye, Oe, Ee, Fe, A, Z, Ye, Ze, Xe, Ae, Qe, $e, et, tt, ot, at, it, rt, lt, st, nt, ct, mt, ht, dt, pt, ut, gt, ft, bt, yt, wt, xt, vt, _t, kt, zt, Lt, Pt, Ct, St, Mt, Tt, Rt, It, At, Dt, Ot, Bt, jt, Et, Ft, Nt, Ht, Gt, Wt, Ut, Vt, Yt, Zt, Xt, qt, Kt, Jt, Qt, eo, to, oo, ao, io, ro, lo, so, no, co, mo, ho, po, uo, go, fo, bo, yo, wo, xo, vo, _o, ko, zo, Lo, Po, Co, So, Mo, To, Ro, Io, Ao, Do, Oo, Bo, jo, Eo, Fo, No;
+    var t, i, a, r, s, c, n, u, d, m, b, f, L, S, P, E, T, k, v, _, z, x, R, H, Y, G, W, $, ee, K, se, me, pe, he, q, I, ne, ge, be, ke, ze, Se, Me, Te, te, de, we, Re, J, Ce, xe, ie, ue, N, Le, oe, re, Ee, B, ye, Oe, Fe, Ne, A, Z, Ye, Ze, Xe, Ae, Qe, $e, et, tt, ot, at, it, rt, lt, st, nt, ct, mt, ht, dt, pt, ut, gt, ft, bt, yt, wt, xt, vt, _t, kt, zt, Lt, Pt, Ct, St, Mt, Tt, Rt, It, At, Dt, Ot, Bt, jt, Et, Ft, Nt, Ht, Gt, Wt, Ut, Vt, Yt, Zt, Xt, qt, Kt, Jt, Qt, eo, to, oo, ao, io, ro, lo, so, no, co, mo, ho, po, uo, go, fo, bo, yo, wo, xo, vo, _o, ko, zo, Lo, Po, Co, So, Mo, To, Ro, Io, Ao, Do, Oo, Bo, jo, Eo, Fo, No;
     this.i4 = {
       source: {
         type: "raster",
@@ -71571,10 +71576,10 @@ class ql {
           (ie = (xe = this.originStyle) == null ? void 0 : xe.dark.layers) == null ? void 0 : ie.find((p) => p.id === "empty-layer-1"),
           (N = (ue = this.originStyle) == null ? void 0 : ue.dark.layers) == null ? void 0 : N.find((p) => p.id === "country-boundaries"),
           (oe = (Le = this.originStyle) == null ? void 0 : Le.dark.layers) == null ? void 0 : oe.find((p) => p.id === "water-outline"),
-          (je = (re = this.originStyle) == null ? void 0 : re.dark.layers) == null ? void 0 : je.find((p) => p.id === "empty-layer-2"),
+          (Ee = (re = this.originStyle) == null ? void 0 : re.dark.layers) == null ? void 0 : Ee.find((p) => p.id === "empty-layer-2"),
           (ye = (B = this.originStyle) == null ? void 0 : B.dark.layers) == null ? void 0 : ye.find((p) => p.id === "empty-layer-3"),
-          (Ee = (Oe = this.originStyle) == null ? void 0 : Oe.dark.layers) == null ? void 0 : Ee.find((p) => p.id === "empty-layer-4"),
-          (A = (Fe = this.originStyle) == null ? void 0 : Fe.dark.layers) == null ? void 0 : A.find((p) => p.id === "water-line-label"),
+          (Fe = (Oe = this.originStyle) == null ? void 0 : Oe.dark.layers) == null ? void 0 : Fe.find((p) => p.id === "empty-layer-4"),
+          (A = (Ne = this.originStyle) == null ? void 0 : Ne.dark.layers) == null ? void 0 : A.find((p) => p.id === "water-line-label"),
           (Ye = (Z = this.originStyle) == null ? void 0 : Z.dark.layers) == null ? void 0 : Ye.find((p) => p.id === "water-point-label"),
           (Xe = (Ze = this.originStyle) == null ? void 0 : Ze.dark.layers) == null ? void 0 : Xe.find((p) => p.id === "world-12nm-v4-20231025"),
           (Qe = (Ae = this.originStyle) == null ? void 0 : Ae.dark.layers) == null ? void 0 : Qe.find((p) => p.id === "ne-10m-outline"),
@@ -71909,7 +71914,7 @@ function es(o, e, t, i, a, r) {
           onClick: r.handleZoomIn
         }, {
           default: g(() => e[0] || (e[0] = [
-            l("i", { class: "iconfont icon-a-Zoomin text-h4 menu-icon-color" }, null, -1)
+            l("i", { class: "iconfont icon-a-Zoomin text-h4" }, null, -1)
           ])),
           _: 1,
           __: [0]
@@ -71923,7 +71928,7 @@ function es(o, e, t, i, a, r) {
           onClick: r.handleZoomOut
         }, {
           default: g(() => e[1] || (e[1] = [
-            l("i", { class: "iconfont icon-a-Zoomout text-h4 menu-icon-color" }, null, -1)
+            l("i", { class: "iconfont icon-a-Zoomout text-h4" }, null, -1)
           ])),
           _: 1,
           __: [1]