@idmui/spot 0.5.8 → 0.5.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +385 -395
- package/dist/index.umd.cjs +17 -17
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -2,8 +2,8 @@ import H from "moment";
|
|
|
2
2
|
import W from "moment-timezone";
|
|
3
3
|
import { ArrowRightBold as Ve, Calendar as $e, Download as et, Search as tt } from "@element-plus/icons-vue";
|
|
4
4
|
import { LngLatHelper as _e } from "@idm-plugin/geo";
|
|
5
|
-
import * as
|
|
6
|
-
import { markRaw as st, resolveComponent as
|
|
5
|
+
import * as Be from "echarts";
|
|
6
|
+
import { markRaw as st, resolveComponent as Ie, openBlock as r, createElementBlock as l, createElementVNode as s, createVNode as be, withCtx as Qe, Fragment as we, renderList as pe, createBlock as Pe, normalizeClass as me, toDisplayString as p, createTextVNode as ne, createCommentVNode as Me, withDirectives as Oe, vShow as Ye, normalizeStyle as Ce } from "vue";
|
|
7
7
|
import ze from "axios";
|
|
8
8
|
const Se = [
|
|
9
9
|
{
|
|
@@ -283,7 +283,7 @@ const Se = [
|
|
|
283
283
|
variables: "swell_wave_direction,swell_wave_height,swell_wave_period,swell_wave_peak_period,wave_direction,wave_height,wave_period,wind_wave_direction,wind_wave_height,wind_wave_period,wind_wave_peak_period"
|
|
284
284
|
}
|
|
285
285
|
];
|
|
286
|
-
class
|
|
286
|
+
class ke {
|
|
287
287
|
static standardWeatherModels() {
|
|
288
288
|
return Se.filter((e) => !e.disabled && e.alias);
|
|
289
289
|
}
|
|
@@ -294,19 +294,19 @@ class Le {
|
|
|
294
294
|
var a, h;
|
|
295
295
|
const t = e.toLowerCase().split(","), o = [], u = [];
|
|
296
296
|
for (const v of t) {
|
|
297
|
-
let I = Se.find((
|
|
298
|
-
var C,
|
|
299
|
-
return ((C =
|
|
300
|
-
}), b = Fe.find((
|
|
301
|
-
var C,
|
|
302
|
-
return ((C =
|
|
297
|
+
let I = Se.find((x) => {
|
|
298
|
+
var C, M, N;
|
|
299
|
+
return ((C = x.models) == null ? void 0 : C.includes(v)) || ((M = x.alias) == null ? void 0 : M.toLowerCase()) === v || ((N = x.name) == null ? void 0 : N.toLowerCase()) === v;
|
|
300
|
+
}), b = Fe.find((x) => {
|
|
301
|
+
var C, M, N;
|
|
302
|
+
return ((C = x.models) == null ? void 0 : C.includes(v)) || ((M = x.alias) == null ? void 0 : M.toLowerCase()) === v || ((N = x.name) == null ? void 0 : N.toLowerCase()) === v;
|
|
303
303
|
});
|
|
304
|
-
I = I || Se.find((
|
|
305
|
-
var C,
|
|
306
|
-
return ((C =
|
|
307
|
-
}), b = b || Fe.find((
|
|
308
|
-
var C,
|
|
309
|
-
return ((C =
|
|
304
|
+
I = I || Se.find((x) => {
|
|
305
|
+
var C, M;
|
|
306
|
+
return ((C = x.alias) == null ? void 0 : C.toLowerCase()) === ((M = b == null ? void 0 : b.alias) == null ? void 0 : M.toLowerCase());
|
|
307
|
+
}), b = b || Fe.find((x) => {
|
|
308
|
+
var C, M;
|
|
309
|
+
return ((C = x.alias) == null ? void 0 : C.toLowerCase()) === ((M = I == null ? void 0 : I.alias) == null ? void 0 : M.toLowerCase());
|
|
310
310
|
}), I = I || Se[0], b = b || Fe[0], o.push((a = I.models) != null && a.includes(v) ? v : I.model), u.push((h = b.models) != null && h.includes(v) ? v : b.model);
|
|
311
311
|
}
|
|
312
312
|
return {
|
|
@@ -315,94 +315,94 @@ class Le {
|
|
|
315
315
|
};
|
|
316
316
|
}
|
|
317
317
|
static pickHourly(e, a) {
|
|
318
|
-
var h, t, o, u, v, I, b,
|
|
319
|
-
const f = typeof a == "string" ? H(a) : a, K = e == null ? void 0 : e.weather, y = e == null ? void 0 : e.marine, ve = H((t = (h = K == null ? void 0 : K[0]) == null ? void 0 : h.hourly) == null ? void 0 : t.date).utc(), G = ve.clone().add((v = (u = (o = K == null ? void 0 : K[0]) == null ? void 0 : o.hourly) == null ? void 0 : u.time) == null ? void 0 : v.at(0), "h"),
|
|
320
|
-
if (f.isBetween(G,
|
|
321
|
-
const
|
|
322
|
-
let
|
|
318
|
+
var h, t, o, u, v, I, b, x, C, M, N, se, ae, le, Y, U, R, X, q, J, Z, V, $, ee, te, c, F, T, P, m, S, k, L, D, he, de, Ae, g, ue, E, z, _, ce, A, O, ie, Q, re, j, d;
|
|
319
|
+
const f = typeof a == "string" ? H(a) : a, K = e == null ? void 0 : e.weather, y = e == null ? void 0 : e.marine, ve = H((t = (h = K == null ? void 0 : K[0]) == null ? void 0 : h.hourly) == null ? void 0 : t.date).utc(), G = ve.clone().add((v = (u = (o = K == null ? void 0 : K[0]) == null ? void 0 : o.hourly) == null ? void 0 : u.time) == null ? void 0 : v.at(0), "h"), oe = ve.clone().add((x = (b = (I = K == null ? void 0 : K[0]) == null ? void 0 : I.hourly) == null ? void 0 : b.time) == null ? void 0 : x.at(-1), "h"), fe = [];
|
|
320
|
+
if (f.isBetween(G, oe, "millisecond", "[]")) {
|
|
321
|
+
const B = f.utc().diff(G, "h", !1);
|
|
322
|
+
let i, w;
|
|
323
323
|
if (K) {
|
|
324
|
-
let
|
|
324
|
+
let xe = 0, Le = 0;
|
|
325
325
|
for (const ge of K) {
|
|
326
326
|
const ye = ge.hourly;
|
|
327
|
-
for (let
|
|
328
|
-
|
|
329
|
-
for (let
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
temp: (
|
|
333
|
-
apparentTemp: (se = ye.apparent_temperature) == null ? void 0 : se.at(
|
|
334
|
-
rh: (
|
|
335
|
-
dp: (
|
|
327
|
+
for (let Ee = B - (B - 1) % 3; Ee <= B; Ee++)
|
|
328
|
+
xe += (C = ye.precipitation) == null ? void 0 : C.at(Ee);
|
|
329
|
+
for (let Ee = B - (B - 1) % 6; Ee <= B; Ee++)
|
|
330
|
+
Le += (M = ye.precipitation) == null ? void 0 : M.at(Ee);
|
|
331
|
+
i = {
|
|
332
|
+
temp: (N = ye.temperature_2m) == null ? void 0 : N.at(B),
|
|
333
|
+
apparentTemp: (se = ye.apparent_temperature) == null ? void 0 : se.at(B),
|
|
334
|
+
rh: (ae = ye.relative_humidity_2m) == null ? void 0 : ae.at(B),
|
|
335
|
+
dp: (le = ye.dew_point_2m) == null ? void 0 : le.at(B),
|
|
336
336
|
precip: {
|
|
337
|
-
probability: (Y = ye.precipitation_probability) == null ? void 0 : Y.at(
|
|
338
|
-
sum: (U = ye.precipitation) == null ? void 0 : U.at(
|
|
339
|
-
sum3Hours: Math.round(
|
|
340
|
-
sum6Hours: Math.round(
|
|
337
|
+
probability: (Y = ye.precipitation_probability) == null ? void 0 : Y.at(B),
|
|
338
|
+
sum: (U = ye.precipitation) == null ? void 0 : U.at(B),
|
|
339
|
+
sum3Hours: Math.round(xe * 100) / 100,
|
|
340
|
+
sum6Hours: Math.round(Le * 100) / 100
|
|
341
341
|
},
|
|
342
|
-
pmsl: (R = ye.pressure_msl) == null ? void 0 : R.at(
|
|
343
|
-
psurf: (X = ye.surface_pressure) == null ? void 0 : X.at(
|
|
344
|
-
code: (q = ye.weather_code) == null ? void 0 : q.at(
|
|
345
|
-
visibility: this.m2nm((J = ye.visibility) == null ? void 0 : J.at(
|
|
342
|
+
pmsl: (R = ye.pressure_msl) == null ? void 0 : R.at(B),
|
|
343
|
+
psurf: (X = ye.surface_pressure) == null ? void 0 : X.at(B),
|
|
344
|
+
code: (q = ye.weather_code) == null ? void 0 : q.at(B),
|
|
345
|
+
visibility: this.m2nm((J = ye.visibility) == null ? void 0 : J.at(B)),
|
|
346
346
|
wind: {
|
|
347
|
-
speed: (Z = ye.wind_speed_10m) == null ? void 0 : Z.at(
|
|
348
|
-
kts: (V = ye.wind_speed_10m) == null ? void 0 : V.at(
|
|
349
|
-
degree: ($ = ye.wind_direction_10m) == null ? void 0 : $.at(
|
|
350
|
-
bearing: ((ee = ye.wind_direction_10m) == null ? void 0 : ee.at(
|
|
351
|
-
gusts: (c = ye.wind_gusts_10m) == null ? void 0 : c.at(
|
|
347
|
+
speed: (Z = ye.wind_speed_10m) == null ? void 0 : Z.at(B),
|
|
348
|
+
kts: (V = ye.wind_speed_10m) == null ? void 0 : V.at(B),
|
|
349
|
+
degree: ($ = ye.wind_direction_10m) == null ? void 0 : $.at(B),
|
|
350
|
+
bearing: ((ee = ye.wind_direction_10m) == null ? void 0 : ee.at(B)) !== null ? (((te = ye.wind_direction_10m) == null ? void 0 : te.at(B)) + 180) % 360 : null,
|
|
351
|
+
gusts: (c = ye.wind_gusts_10m) == null ? void 0 : c.at(B)
|
|
352
352
|
},
|
|
353
|
-
isDay: (F = ye.is_day) == null ? void 0 : F.at(
|
|
353
|
+
isDay: (F = ye.is_day) == null ? void 0 : F.at(B)
|
|
354
354
|
};
|
|
355
|
-
const { name: Ne, url: Te, bg: Ge } = this.parseWeatherCode(
|
|
356
|
-
|
|
357
|
-
utc: G.add(
|
|
355
|
+
const { name: Ne, url: Te, bg: Ge } = this.parseWeatherCode(i.code, i.isDay);
|
|
356
|
+
i.name = Ne, i.url = Te, i.bg = Ge, i.wind.scale = this.beaufort(this.kts2ms(i.wind.kts)), i.wind.direction = this.degree2Direction(i.wind.degree), fe.push({
|
|
357
|
+
utc: G.add(B, "h").format(),
|
|
358
358
|
model: ge.model,
|
|
359
|
-
weather: { ...
|
|
359
|
+
weather: { ...i }
|
|
360
360
|
});
|
|
361
361
|
}
|
|
362
362
|
}
|
|
363
363
|
if (y) {
|
|
364
|
-
let
|
|
365
|
-
for (const
|
|
366
|
-
const ge =
|
|
367
|
-
|
|
364
|
+
let xe = 0;
|
|
365
|
+
for (const Le of y) {
|
|
366
|
+
const ge = Le.hourly;
|
|
367
|
+
w = {
|
|
368
368
|
wave: {
|
|
369
369
|
sig: {
|
|
370
|
-
height: (T = ge.wave_height) == null ? void 0 : T.at(
|
|
371
|
-
degree: (
|
|
372
|
-
bearing: ((m = ge.wave_direction) == null ? void 0 : m.at(
|
|
373
|
-
period: (
|
|
370
|
+
height: (T = ge.wave_height) == null ? void 0 : T.at(B),
|
|
371
|
+
degree: (P = ge.wave_direction) == null ? void 0 : P.at(B),
|
|
372
|
+
bearing: ((m = ge.wave_direction) == null ? void 0 : m.at(B)) !== null ? (((S = ge.wave_direction) == null ? void 0 : S.at(B)) + 180) % 360 : null,
|
|
373
|
+
period: (k = ge.wave_period) == null ? void 0 : k.at(B)
|
|
374
374
|
},
|
|
375
375
|
swell: {
|
|
376
|
-
height: (L = ge.swell_wave_height) == null ? void 0 : L.at(
|
|
377
|
-
degree: (D = ge.swell_wave_direction) == null ? void 0 : D.at(
|
|
378
|
-
bearing: ((he = ge.swell_wave_direction) == null ? void 0 : he.at(
|
|
379
|
-
period: (Ae = ge.swell_wave_period) == null ? void 0 : Ae.at(
|
|
380
|
-
peakPeriod: (g = ge.swell_wave_peak_period) == null ? void 0 : g.at(
|
|
376
|
+
height: (L = ge.swell_wave_height) == null ? void 0 : L.at(B),
|
|
377
|
+
degree: (D = ge.swell_wave_direction) == null ? void 0 : D.at(B),
|
|
378
|
+
bearing: ((he = ge.swell_wave_direction) == null ? void 0 : he.at(B)) !== null ? (((de = ge.swell_wave_direction) == null ? void 0 : de.at(B)) + 180) % 360 : null,
|
|
379
|
+
period: (Ae = ge.swell_wave_period) == null ? void 0 : Ae.at(B),
|
|
380
|
+
peakPeriod: (g = ge.swell_wave_peak_period) == null ? void 0 : g.at(B)
|
|
381
381
|
},
|
|
382
382
|
wd: {
|
|
383
|
-
height: (ue = ge.wind_wave_height) == null ? void 0 : ue.at(
|
|
384
|
-
degree: (E = ge.wind_wave_direction) == null ? void 0 : E.at(
|
|
385
|
-
bearing: ((z = ge.wind_wave_direction) == null ? void 0 : z.at(
|
|
386
|
-
period: (ce = ge.wind_wave_period) == null ? void 0 : ce.at(
|
|
387
|
-
peakPeriod: (A = ge.wind_wave_peak_period) == null ? void 0 : A.at(
|
|
383
|
+
height: (ue = ge.wind_wave_height) == null ? void 0 : ue.at(B),
|
|
384
|
+
degree: (E = ge.wind_wave_direction) == null ? void 0 : E.at(B),
|
|
385
|
+
bearing: ((z = ge.wind_wave_direction) == null ? void 0 : z.at(B)) !== null ? (((_ = ge.wind_wave_direction) == null ? void 0 : _.at(B)) + 180) % 360 : null,
|
|
386
|
+
period: (ce = ge.wind_wave_period) == null ? void 0 : ce.at(B),
|
|
387
|
+
peakPeriod: (A = ge.wind_wave_peak_period) == null ? void 0 : A.at(B)
|
|
388
388
|
}
|
|
389
389
|
},
|
|
390
390
|
current: {
|
|
391
|
-
speed: (O = ge.ocean_current_velocity) == null ? void 0 : O.at(
|
|
392
|
-
kts: (
|
|
393
|
-
degree: (Q = ge.ocean_current_direction) == null ? void 0 : Q.at(
|
|
394
|
-
bearing: ((
|
|
391
|
+
speed: (O = ge.ocean_current_velocity) == null ? void 0 : O.at(B),
|
|
392
|
+
kts: (ie = ge.ocean_current_velocity) == null ? void 0 : ie.at(B),
|
|
393
|
+
degree: (Q = ge.ocean_current_direction) == null ? void 0 : Q.at(B),
|
|
394
|
+
bearing: ((re = ge.ocean_current_direction) == null ? void 0 : re.at(B)) ?? null
|
|
395
395
|
},
|
|
396
|
-
sst: (j = ge.sea_surface_temperature) == null ? void 0 : j.at(
|
|
397
|
-
height: (d = ge.sea_level_height_msl) == null ? void 0 : d.at(
|
|
398
|
-
},
|
|
396
|
+
sst: (j = ge.sea_surface_temperature) == null ? void 0 : j.at(B),
|
|
397
|
+
height: (d = ge.sea_level_height_msl) == null ? void 0 : d.at(B)
|
|
398
|
+
}, w.wave = this.parseWave(w.wave), w.current.direction = this.degree2Direction(w.current.degree), Object.assign(fe[xe], w), xe++;
|
|
399
399
|
}
|
|
400
400
|
}
|
|
401
401
|
}
|
|
402
402
|
return fe;
|
|
403
403
|
}
|
|
404
404
|
static toLegacy(e) {
|
|
405
|
-
var a, h, t, o, u, v, I, b,
|
|
405
|
+
var a, h, t, o, u, v, I, b, x, C;
|
|
406
406
|
return {
|
|
407
407
|
wind: (a = e == null ? void 0 : e.weather) == null ? void 0 : a.wind,
|
|
408
408
|
visibility: (h = e == null ? void 0 : e.weather) == null ? void 0 : h.visibility,
|
|
@@ -413,7 +413,7 @@ class Le {
|
|
|
413
413
|
},
|
|
414
414
|
precip: (I = e == null ? void 0 : e.weather) == null ? void 0 : I.precip,
|
|
415
415
|
code: (b = e == null ? void 0 : e.weather) == null ? void 0 : b.code,
|
|
416
|
-
name: (
|
|
416
|
+
name: (x = e == null ? void 0 : e.weather) == null ? void 0 : x.name,
|
|
417
417
|
url: (C = e == null ? void 0 : e.weather) == null ? void 0 : C.url,
|
|
418
418
|
wave: e == null ? void 0 : e.wave,
|
|
419
419
|
current: e == null ? void 0 : e.current,
|
|
@@ -424,28 +424,28 @@ class Le {
|
|
|
424
424
|
};
|
|
425
425
|
}
|
|
426
426
|
static pickDaily(e, a) {
|
|
427
|
-
var h, t, o, u, v, I, b,
|
|
428
|
-
const O = typeof a == "string" ? H(a) : a,
|
|
429
|
-
if (O.isBetween(
|
|
427
|
+
var h, t, o, u, v, I, b, x, C, M, N, se, ae, le, Y, U, R, X, q, J, Z, V, $, ee, te, c, F, T, P, m, S, k, L, D, he, de, Ae, g, ue, E, z, _, ce, A;
|
|
428
|
+
const O = typeof a == "string" ? H(a) : a, ie = e == null ? void 0 : e.weather, Q = e == null ? void 0 : e.marine, re = H((o = (t = (h = ie == null ? void 0 : ie[0]) == null ? void 0 : h.daily) == null ? void 0 : t.time) == null ? void 0 : o.at(0)), j = H((I = (v = (u = ie == null ? void 0 : ie[0]) == null ? void 0 : u.daily) == null ? void 0 : v.time) == null ? void 0 : I.at(-1)), d = [];
|
|
429
|
+
if (O.isBetween(re, j, "millisecond", "[]")) {
|
|
430
430
|
let f, K;
|
|
431
|
-
const y = O.diff(
|
|
432
|
-
if (
|
|
433
|
-
for (const ve of
|
|
431
|
+
const y = O.diff(re, "d", !1);
|
|
432
|
+
if (ie)
|
|
433
|
+
for (const ve of ie) {
|
|
434
434
|
const G = ve.daily;
|
|
435
435
|
f = {
|
|
436
436
|
code: (b = G.weather_code) == null ? void 0 : b.at(y),
|
|
437
437
|
temp: {
|
|
438
|
-
max: (
|
|
438
|
+
max: (x = G.temperature_2m_max) == null ? void 0 : x.at(y),
|
|
439
439
|
min: (C = G.temperature_2m_min) == null ? void 0 : C.at(y),
|
|
440
|
-
mean: (
|
|
440
|
+
mean: (M = G.temperature_2m_mean) == null ? void 0 : M.at(y)
|
|
441
441
|
},
|
|
442
442
|
apparentTemp: {
|
|
443
|
-
max: (
|
|
443
|
+
max: (N = G.apparent_temperature_max) == null ? void 0 : N.at(y),
|
|
444
444
|
min: (se = G.apparent_temperature_min) == null ? void 0 : se.at(y)
|
|
445
445
|
},
|
|
446
446
|
precip: {
|
|
447
|
-
sum: (
|
|
448
|
-
rainSum: (
|
|
447
|
+
sum: (ae = G.precipitation_sum) == null ? void 0 : ae.at(y),
|
|
448
|
+
rainSum: (le = G.rain_sum) == null ? void 0 : le.at(y),
|
|
449
449
|
snowfallSum: (Y = G.snowfall_sum) == null ? void 0 : Y.at(y),
|
|
450
450
|
showersSum: (U = G.showers_sum) == null ? void 0 : U.at(y),
|
|
451
451
|
hours: (R = G.precipitation_hours) == null ? void 0 : R.at(y),
|
|
@@ -464,9 +464,9 @@ class Le {
|
|
|
464
464
|
bearing: ((c = G.wind_direction_10m_dominant) == null ? void 0 : c.at(y)) !== null ? (((F = G.wind_direction_10m_dominant) == null ? void 0 : F.at(y)) + 180) % 360 : null
|
|
465
465
|
}
|
|
466
466
|
};
|
|
467
|
-
const { name:
|
|
468
|
-
f.name =
|
|
469
|
-
utc:
|
|
467
|
+
const { name: oe, url: fe, bg: B } = this.parseWeatherCode(f.code, !0);
|
|
468
|
+
f.name = oe, f.url = fe, f.bg = B, f.wind.scale = this.beaufort(this.kts2ms(f.wind.kts)), f.wind.direction = this.degree2Direction(f.wind.degree), d.push({
|
|
469
|
+
utc: re.add(y, "d").utc().format(),
|
|
470
470
|
model: ve.model,
|
|
471
471
|
weather: { ...f }
|
|
472
472
|
});
|
|
@@ -474,28 +474,28 @@ class Le {
|
|
|
474
474
|
if (Q) {
|
|
475
475
|
let ve = 0;
|
|
476
476
|
for (const G of Q) {
|
|
477
|
-
const
|
|
477
|
+
const oe = G.daily;
|
|
478
478
|
K = {
|
|
479
479
|
wave: {
|
|
480
480
|
sig: {
|
|
481
|
-
height: (T =
|
|
482
|
-
degree: (
|
|
483
|
-
period: (m =
|
|
484
|
-
bearing: ((S =
|
|
481
|
+
height: (T = oe.wave_height_max) == null ? void 0 : T.at(y),
|
|
482
|
+
degree: (P = oe.wave_direction_dominant) == null ? void 0 : P.at(y),
|
|
483
|
+
period: (m = oe.wave_period_max) == null ? void 0 : m.at(y),
|
|
484
|
+
bearing: ((S = oe.wave_direction_dominant) == null ? void 0 : S.at(y)) !== null ? (((k = oe.wave_direction_dominant) == null ? void 0 : k.at(y)) + 180) % 360 : null
|
|
485
485
|
},
|
|
486
486
|
swell: {
|
|
487
|
-
height: (L =
|
|
488
|
-
degree: (D =
|
|
489
|
-
period: (he =
|
|
490
|
-
peakPeriod: (de =
|
|
491
|
-
bearing: ((Ae =
|
|
487
|
+
height: (L = oe.swell_wave_height_max) == null ? void 0 : L.at(y),
|
|
488
|
+
degree: (D = oe.swell_wave_direction_dominant) == null ? void 0 : D.at(y),
|
|
489
|
+
period: (he = oe.swell_wave_period_max) == null ? void 0 : he.at(y),
|
|
490
|
+
peakPeriod: (de = oe.swell_wave_peak_period_max) == null ? void 0 : de.at(y),
|
|
491
|
+
bearing: ((Ae = oe.swell_wave_direction_dominant) == null ? void 0 : Ae.at(y)) !== null ? (((g = oe.swell_wave_direction_dominant) == null ? void 0 : g.at(y)) + 180) % 360 : null
|
|
492
492
|
},
|
|
493
493
|
wd: {
|
|
494
|
-
height: (ue =
|
|
495
|
-
degree: (E =
|
|
496
|
-
period: (z =
|
|
497
|
-
peakPeriod: (_ =
|
|
498
|
-
bearing: ((ce =
|
|
494
|
+
height: (ue = oe.wind_wave_height_max) == null ? void 0 : ue.at(y),
|
|
495
|
+
degree: (E = oe.wind_wave_direction_dominant) == null ? void 0 : E.at(y),
|
|
496
|
+
period: (z = oe.wind_wave_period_max) == null ? void 0 : z.at(y),
|
|
497
|
+
peakPeriod: (_ = oe.wind_wave_peak_period_max) == null ? void 0 : _.at(y),
|
|
498
|
+
bearing: ((ce = oe.wind_wave_direction_dominant) == null ? void 0 : ce.at(y)) !== null ? (((A = oe.wind_wave_direction_dominant) == null ? void 0 : A.at(y)) + 180) % 360 : null
|
|
499
499
|
}
|
|
500
500
|
}
|
|
501
501
|
}, K.wave = this.parseWave(K.wave), Object.assign(d[ve], K), ve++;
|
|
@@ -1114,9 +1114,9 @@ const at = (n, e) => {
|
|
|
1114
1114
|
params: { b: 2, pn: 1, ps: 1e4 }
|
|
1115
1115
|
});
|
|
1116
1116
|
((e = n == null ? void 0 : n.data) == null ? void 0 : e.code) === 0 && ((h = (a = n.data) == null ? void 0 : a.data) == null || h.rows.forEach((t) => {
|
|
1117
|
-
var u, v, I, b,
|
|
1117
|
+
var u, v, I, b, x, C, M, N;
|
|
1118
1118
|
const o = {};
|
|
1119
|
-
o.followId = t.id, o.remark = t.remark, o.name = ((u = t.port) == null ? void 0 : u.name) || this.computeLat((v = t == null ? void 0 : t.coordinate) == null ? void 0 : v.lat) + ", " + this.computeLng((I = t == null ? void 0 : t.coordinate) == null ? void 0 : I.lng), o.nameRemark = o.remark ? `${o.name} ( ${o.remark} )` : o.name, o.portId = (b = t.port) == null ? void 0 : b.id, o.lat = ((
|
|
1119
|
+
o.followId = t.id, o.remark = t.remark, o.name = ((u = t.port) == null ? void 0 : u.name) || this.computeLat((v = t == null ? void 0 : t.coordinate) == null ? void 0 : v.lat) + ", " + this.computeLng((I = t == null ? void 0 : t.coordinate) == null ? void 0 : I.lng), o.nameRemark = o.remark ? `${o.name} ( ${o.remark} )` : o.name, o.portId = (b = t.port) == null ? void 0 : b.id, o.lat = ((x = t.port) == null ? void 0 : x.lat) || ((C = t == null ? void 0 : t.coordinate) == null ? void 0 : C.lat), o.lng = ((M = t.port) == null ? void 0 : M.lng) || ((N = t == null ? void 0 : t.coordinate) == null ? void 0 : N.lng), this.followList.push(o);
|
|
1120
1120
|
}), this.followItem = this.followList.find((t) => {
|
|
1121
1121
|
var o, u;
|
|
1122
1122
|
return t.followId && ((o = this.position) == null ? void 0 : o.followId) && t.followId === ((u = this.position) == null ? void 0 : u.followId);
|
|
@@ -1152,7 +1152,7 @@ const at = (n, e) => {
|
|
|
1152
1152
|
handleDownload() {
|
|
1153
1153
|
},
|
|
1154
1154
|
async fetchForecastMeteo(n) {
|
|
1155
|
-
var o, u, v, I, b,
|
|
1155
|
+
var o, u, v, I, b, x, C;
|
|
1156
1156
|
if (this.meteoData = void 0, !this.token)
|
|
1157
1157
|
return !1;
|
|
1158
1158
|
this.loading = {
|
|
@@ -1163,7 +1163,7 @@ const at = (n, e) => {
|
|
|
1163
1163
|
hourlyTable: !0,
|
|
1164
1164
|
seasonalEchart: !0
|
|
1165
1165
|
};
|
|
1166
|
-
const { weatherModels: e, marineModels: a } =
|
|
1166
|
+
const { weatherModels: e, marineModels: a } = ke.autoPickMeteoModel(this.forecastModel), h = {
|
|
1167
1167
|
lat: this.position.lat,
|
|
1168
1168
|
lng: this.position.lng,
|
|
1169
1169
|
forecastDays: n || 7,
|
|
@@ -1176,14 +1176,14 @@ const at = (n, e) => {
|
|
|
1176
1176
|
});
|
|
1177
1177
|
(t == null ? void 0 : t.data.code) === 0 && (this.meteoData = {
|
|
1178
1178
|
...t == null ? void 0 : t.data.data
|
|
1179
|
-
}, this.etime = (o = t == null ? void 0 : t.data) == null ? void 0 : o.etime, this.positionGmt = (I = (v = (u = this.meteoData) == null ? void 0 : u.weather) == null ? void 0 : v[0]) == null ? void 0 : I.timezone, this.positionOffset = (C = (
|
|
1179
|
+
}, this.etime = (o = t == null ? void 0 : t.data) == null ? void 0 : o.etime, this.positionGmt = (I = (v = (u = this.meteoData) == null ? void 0 : u.weather) == null ? void 0 : v[0]) == null ? void 0 : I.timezone, this.positionOffset = (C = (x = (b = this.meteoData) == null ? void 0 : b.weather) == null ? void 0 : x[0]) == null ? void 0 : C.offset, this.issuedDate = H(this.etime).utc().format("MMM-DD/HHmm[Z], YYYY"));
|
|
1180
1180
|
},
|
|
1181
1181
|
async fetchHistoryMeteo(n) {
|
|
1182
|
-
var u, v, I, b,
|
|
1182
|
+
var u, v, I, b, x, C, M;
|
|
1183
1183
|
if (this.meteoData = void 0, !this.token)
|
|
1184
1184
|
return !1;
|
|
1185
1185
|
this.loading.meteogramEchart = !0, this.loading.hourlyTable = !0;
|
|
1186
|
-
const { weatherModels: e, marineModels: a } =
|
|
1186
|
+
const { weatherModels: e, marineModels: a } = ke.autoPickMeteoModel(this.forecastModel), h = W(this.dateRangeZ[0] || this.etime).tz(this.positionGmt).set({ hour: 0, minute: 0, second: 0 }).format(), t = {
|
|
1187
1187
|
lat: this.position.lat,
|
|
1188
1188
|
lng: this.position.lng,
|
|
1189
1189
|
datetime: h,
|
|
@@ -1195,7 +1195,7 @@ const at = (n, e) => {
|
|
|
1195
1195
|
Authorization: this.token
|
|
1196
1196
|
}
|
|
1197
1197
|
});
|
|
1198
|
-
(o == null ? void 0 : o.data.code) === 0 && (this.meteoData = o == null ? void 0 : o.data.data, this.meteoData.showDateSelect = !1, this.etime = (u = o == null ? void 0 : o.data) == null ? void 0 : u.etime, this.positionGmt = (b = (I = (v = this.meteoData) == null ? void 0 : v.weather) == null ? void 0 : I[0]) == null ? void 0 : b.timezone, this.positionOffset = (
|
|
1198
|
+
(o == null ? void 0 : o.data.code) === 0 && (this.meteoData = o == null ? void 0 : o.data.data, this.meteoData.showDateSelect = !1, this.etime = (u = o == null ? void 0 : o.data) == null ? void 0 : u.etime, this.positionGmt = (b = (I = (v = this.meteoData) == null ? void 0 : v.weather) == null ? void 0 : I[0]) == null ? void 0 : b.timezone, this.positionOffset = (M = (C = (x = this.meteoData) == null ? void 0 : x.weather) == null ? void 0 : C[0]) == null ? void 0 : M.offset, this.issuedDate = H(this.etime).utc().format("MMM-DD/HHmm[Z], YYYY"));
|
|
1199
1199
|
},
|
|
1200
1200
|
async handleRender() {
|
|
1201
1201
|
if (this.disposeEcharts(), this.menuIndex === 1) {
|
|
@@ -1247,33 +1247,33 @@ const at = (n, e) => {
|
|
|
1247
1247
|
};
|
|
1248
1248
|
},
|
|
1249
1249
|
initWeatherEchart() {
|
|
1250
|
-
const n = [], e = [], a = [], h = [], t = [], o = [], u = [], v = [], I = [], b = [],
|
|
1250
|
+
const n = [], e = [], a = [], h = [], t = [], o = [], u = [], v = [], I = [], b = [], x = {}, C = "data:image/svg+xml;base64," + window.btoa(
|
|
1251
1251
|
unescape(
|
|
1252
1252
|
encodeURIComponent(
|
|
1253
1253
|
'<svg t="1740385441519" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10951" width="200" height="200"><path d="M512 804.83593751A276.87183211 276.87183211 0 0 1 235.12816789 527.9641054Q235.12816789 375.21005376 512 13.82031251q276.87183211 361.30792288 276.87183211 514.14379289a276.87183211 276.87183211 0 0 1-276.87183211 276.87183211zM294.4461577 527.9641054a217.47202472 217.47202472 0 0 0 217.5538423 217.55384231 19.79993605 19.79993605 0 1 0 0-39.51805453 177.9539702 177.9539702 0 0 1-177.9539702-178.03578778 19.79993605 19.79993605 0 0 0-39.5998721 0z" fill="#0c73a8" p-id="10952"></path></svg>'
|
|
1254
1254
|
)
|
|
1255
1255
|
)
|
|
1256
|
-
),
|
|
1256
|
+
), M = "data:image/svg+xml;base64," + window.btoa(
|
|
1257
1257
|
unescape(
|
|
1258
1258
|
encodeURIComponent(
|
|
1259
1259
|
'<svg t="1740383449285" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10797" width="200" height="200"><path d="M133.8 579l-44.4-44.4c-18.8-18.8-18.8-49.2 0-67.8L478 78c18.8-18.8 49.2-18.8 67.8 0l388.6 388.6c18.8 18.8 18.8 49.2 0 67.8L890 578.8c-19 19-50 18.6-68.6-0.8L592 337.2V912c0 26.6-21.4 48-48 48h-64c-26.6 0-48-21.4-48-48V337.2L202.4 578.2c-18.6 19.6-49.6 20-68.6 0.8z" fill="#333" p-id="10798"></path></svg>'
|
|
1260
1260
|
)
|
|
1261
1261
|
)
|
|
1262
|
-
),
|
|
1263
|
-
|
|
1264
|
-
var R, X, q, J, Z, V, $, ee, te, c, F, T,
|
|
1262
|
+
), N = new Image(64, 64);
|
|
1263
|
+
N.src = M, N.onload = () => {
|
|
1264
|
+
var R, X, q, J, Z, V, $, ee, te, c, F, T, P;
|
|
1265
1265
|
this.loading.weatherEchart = !1;
|
|
1266
1266
|
for (let m = 0; m < 7; m++) {
|
|
1267
1267
|
const S = H(this.pickedDate).clone().add(m, "d").format();
|
|
1268
1268
|
n.push(W(S).tz(this.positionGmt).format("yyyy-MM-DD")), e.push(this.computeMMMDDLT(S)), a.push(m === 0 ? "Today" : this.computeWeekLT(S));
|
|
1269
|
-
const
|
|
1270
|
-
h.push(this.roundPrecision((q = (X =
|
|
1269
|
+
const k = ((R = ke.pickDaily(this.meteoData, S)) == null ? void 0 : R[0]) || {};
|
|
1270
|
+
h.push(this.roundPrecision((q = (X = k.weather) == null ? void 0 : X.temp) == null ? void 0 : q.min, 0)), t.push(this.roundPrecision((Z = (J = k.weather) == null ? void 0 : J.temp) == null ? void 0 : Z.max, 0)), v.push(this.roundPrecision(($ = (V = k.weather) == null ? void 0 : V.wind) == null ? void 0 : $.kts, 1) ?? "- kts"), b.push(this.roundPrecision((te = (ee = k.weather) == null ? void 0 : ee.precip) == null ? void 0 : te.sum, 1) ?? "- mm"), o.push({ symbol: "image://" + ((c = k.weather) == null ? void 0 : c.url) }), u.push((F = k.weather) == null ? void 0 : F.name), I.push((P = (T = k.weather) == null ? void 0 : T.wind) == null ? void 0 : P.bearing);
|
|
1271
1271
|
const L = document.createElement("canvas"), D = L.getContext("2d");
|
|
1272
|
-
L.width =
|
|
1272
|
+
L.width = N.width, L.height = N.height;
|
|
1273
1273
|
const de = I[m] * (Math.PI / 180);
|
|
1274
|
-
D.translate(L.width / 2, L.height / 2), D.rotate(de), D.translate(-
|
|
1274
|
+
D.translate(L.width / 2, L.height / 2), D.rotate(de), D.translate(-N.width / 2, -N.height / 2), D.drawImage(N, 0, 0, 64, 64);
|
|
1275
1275
|
const Ae = L.toDataURL();
|
|
1276
|
-
|
|
1276
|
+
x[`WindIcon${m}`] = {
|
|
1277
1277
|
height: 12,
|
|
1278
1278
|
width: 12,
|
|
1279
1279
|
align: "left",
|
|
@@ -1282,7 +1282,7 @@ const at = (n, e) => {
|
|
|
1282
1282
|
}
|
|
1283
1283
|
};
|
|
1284
1284
|
}
|
|
1285
|
-
const se = Math.max(...t.filter((m) => typeof m == "number" && !isNaN(m))) - Math.min(...h.filter((m) => typeof m == "number" && !isNaN(m))),
|
|
1285
|
+
const se = Math.max(...t.filter((m) => typeof m == "number" && !isNaN(m))) - Math.min(...h.filter((m) => typeof m == "number" && !isNaN(m))), ae = Math.min(...h.filter((m) => typeof m == "number" && !isNaN(m))) - 1.5 * se, le = Math.max(...t.filter((m) => typeof m == "number" && !isNaN(m))) + 2 * se, Y = 4 + 0.5 / n.length * 92 + "%", U = {
|
|
1286
1286
|
grid: {
|
|
1287
1287
|
bottom: 0,
|
|
1288
1288
|
top: 0,
|
|
@@ -1445,8 +1445,8 @@ const at = (n, e) => {
|
|
|
1445
1445
|
type: "value",
|
|
1446
1446
|
name: "温度(℃)",
|
|
1447
1447
|
show: !1,
|
|
1448
|
-
min:
|
|
1449
|
-
max:
|
|
1448
|
+
min: ae,
|
|
1449
|
+
max: le,
|
|
1450
1450
|
axisLabel: {
|
|
1451
1451
|
formatter: "{value} °C"
|
|
1452
1452
|
}
|
|
@@ -1542,7 +1542,7 @@ const at = (n, e) => {
|
|
|
1542
1542
|
color: "rgba(0,0,0,0.7)",
|
|
1543
1543
|
// formatter: '{c}'
|
|
1544
1544
|
rich: {
|
|
1545
|
-
...
|
|
1545
|
+
...x,
|
|
1546
1546
|
title: {
|
|
1547
1547
|
align: "center",
|
|
1548
1548
|
vertical: "center"
|
|
@@ -1586,20 +1586,20 @@ const at = (n, e) => {
|
|
|
1586
1586
|
]
|
|
1587
1587
|
};
|
|
1588
1588
|
this.$nextTick(() => {
|
|
1589
|
-
const m =
|
|
1589
|
+
const m = Be.init(document.getElementById("weather-chart"));
|
|
1590
1590
|
m.setOption(U), m.on("click", (S) => {
|
|
1591
|
-
const
|
|
1592
|
-
this.pickedDate = W().tz(this.positionGmt).set({ year: L[0], month: Number(L[1] - 1), date: Number(L[2]), hour: 0, minute: 0, second: 0, millisecond: 0 }).format(), this.pickedWeek =
|
|
1591
|
+
const k = S.dataIndex, L = n[k].split("-");
|
|
1592
|
+
this.pickedDate = W().tz(this.positionGmt).set({ year: L[0], month: Number(L[1] - 1), date: Number(L[2]), hour: 0, minute: 0, second: 0, millisecond: 0 }).format(), this.pickedWeek = k === 0 ? "Today" : this.computeWeekLT(this.pickedDate), this.activeIndex = k === 0 ? W(this.etime).tz(this.positionGmt).hour() : void 0, this.initHoursTableData(), U.series[3].markArea = {
|
|
1593
1593
|
itemStyle: {
|
|
1594
1594
|
color: "rgba(64,159,255,0.25)"
|
|
1595
1595
|
},
|
|
1596
1596
|
data: [
|
|
1597
1597
|
[
|
|
1598
1598
|
{
|
|
1599
|
-
x: 4 +
|
|
1599
|
+
x: 4 + k / n.length * 92 + "%"
|
|
1600
1600
|
},
|
|
1601
1601
|
{
|
|
1602
|
-
x: 4 + (
|
|
1602
|
+
x: 4 + (k + 1) / n.length * 92 + "%"
|
|
1603
1603
|
}
|
|
1604
1604
|
]
|
|
1605
1605
|
]
|
|
@@ -1636,19 +1636,19 @@ const at = (n, e) => {
|
|
|
1636
1636
|
)
|
|
1637
1637
|
), t = new Image(64, 64);
|
|
1638
1638
|
t.src = h, t.onload = () => {
|
|
1639
|
-
var u, v, I, b,
|
|
1639
|
+
var u, v, I, b, x, C, M, N, se, ae, le, Y, U, R, X, q, J, Z, V, $, ee, te, c, F, T, P, m, S, k, L, D, he, de, Ae, g, ue, E, z, _, ce, A;
|
|
1640
1640
|
this.loading.meteogramEchart = !1;
|
|
1641
1641
|
const o = W(this.etime).tz(this.positionGmt).set({ hour: 0, minute: 0, second: 0, millisecond: 0 }).format();
|
|
1642
1642
|
for (let O = 0; O < 7 * 24; O++) {
|
|
1643
|
-
const
|
|
1644
|
-
(u = this.meteogramData) == null || u.dates.push(
|
|
1645
|
-
const Q = ((v =
|
|
1646
|
-
if (O % 12 === 0 && O % 24 !== 0 ? (I = this.meteogramData) == null || I.xDates.push(W(
|
|
1647
|
-
const
|
|
1648
|
-
|
|
1643
|
+
const ie = H(o).clone().add(O, "h").format();
|
|
1644
|
+
(u = this.meteogramData) == null || u.dates.push(ie);
|
|
1645
|
+
const Q = ((v = ke.pickHourly(n, ie)) == null ? void 0 : v[0]) || {};
|
|
1646
|
+
if (O % 12 === 0 && O % 24 !== 0 ? (I = this.meteogramData) == null || I.xDates.push(W(ie).tz(this.positionGmt).format("MMM-DD")) : (b = this.meteogramData) == null || b.xDates.push(""), O % 3 === 0 ? (x = this.meteogramData) == null || x.hours.push(this.computeHourLT(ie)) : (C = this.meteogramData) == null || C.hours.push(""), (N = this.meteogramData) == null || N.temperaturesX.push([ie, this.roundPrecision((M = Q == null ? void 0 : Q.weather) == null ? void 0 : M.temp, 0)]), (ae = this.meteogramData) == null || ae.temperaturesY.push(this.roundPrecision((se = Q == null ? void 0 : Q.weather) == null ? void 0 : se.temp, 0)), (U = this.meteogramData) == null || U.precip.push(this.roundPrecision((Y = (le = Q == null ? void 0 : Q.weather) == null ? void 0 : le.precip) == null ? void 0 : Y.sum, 1)), (q = this.meteogramData) == null || q.windspeed.push(this.roundPrecision((X = (R = Q.weather) == null ? void 0 : R.wind) == null ? void 0 : X.kts, 1)), (V = this.meteogramData) == null || V.windGusts.push(this.roundPrecision((Z = (J = Q == null ? void 0 : Q.weather) == null ? void 0 : J.wind) == null ? void 0 : Z.gusts, 1)), (te = this.meteogramData) == null || te.sigWaveHeight.push(this.roundPrecision((ee = ($ = Q == null ? void 0 : Q.wave) == null ? void 0 : $.sig) == null ? void 0 : ee.height)), (T = this.meteogramData) == null || T.swellHeight.push(this.roundPrecision((F = (c = Q == null ? void 0 : Q.wave) == null ? void 0 : c.swell) == null ? void 0 : F.height)), O % 6 === 0 ? ((m = this.meteogramData) == null || m.weatherIcons.push({ symbol: "image://" + ((P = Q.weather) == null ? void 0 : P.url), symbolSize: 30 }), (k = this.meteogramData) == null || k.weatherNames.push((S = Q.weather) == null ? void 0 : S.name)) : ((D = this.meteogramData) == null || D.weatherIcons.push({ symbol: "image://" + ((L = Q.weather) == null ? void 0 : L.url), symbolSize: 0 }), (he = this.meteogramData) == null || he.weatherNames.push("")), O % 3 === 0 ? (g = this.meteogramData) == null || g.windDir.push((Ae = (de = Q.weather) == null ? void 0 : de.wind) == null ? void 0 : Ae.bearing) : (ue = this.meteogramData) == null || ue.windDir.push(void 0), O % 3 === 0) {
|
|
1647
|
+
const re = document.createElement("canvas"), j = re.getContext("2d");
|
|
1648
|
+
re.width = t.width, re.height = t.height;
|
|
1649
1649
|
const f = ((E = this.meteogramData) == null ? void 0 : E.windDir[O]) * (Math.PI / 180);
|
|
1650
|
-
j.translate(
|
|
1651
|
-
const K =
|
|
1650
|
+
j.translate(re.width / 2, re.height / 2), j.rotate(f), j.translate(-t.width / 2, -t.height / 2), j.drawImage(t, 0, 0, 64, 64);
|
|
1651
|
+
const K = re.toDataURL();
|
|
1652
1652
|
this.meteogramData.windDirIcons[O] = K;
|
|
1653
1653
|
} else
|
|
1654
1654
|
this.meteogramData.windDirIcons[O] = void 0;
|
|
@@ -1695,23 +1695,23 @@ const at = (n, e) => {
|
|
|
1695
1695
|
)
|
|
1696
1696
|
), v = new Image(64, 64);
|
|
1697
1697
|
v.src = u, v.onload = () => {
|
|
1698
|
-
var b,
|
|
1698
|
+
var b, x, C, M, N, se, ae, le, Y, U, R, X, q, J, Z, V, $, ee, te, c, F, T, P, m, S, k, L, D, he, de, Ae, g, ue, E, z, _, ce, A, O, ie, Q, re;
|
|
1699
1699
|
this.loading.meteogramEchart = !1;
|
|
1700
1700
|
const I = W(t).tz(this.positionGmt).set({ hour: 0, minute: 0, second: 0, millisecond: 0 }).format();
|
|
1701
1701
|
for (let j = 0; j < h * 24; j++) {
|
|
1702
1702
|
const d = H(I).clone().add(j, "h").format();
|
|
1703
1703
|
(b = this.meteogramData) == null || b.dates.push(d);
|
|
1704
|
-
const f = ((
|
|
1705
|
-
if ((
|
|
1704
|
+
const f = ((x = ke.pickHourly(n, d)) == null ? void 0 : x[0]) || {};
|
|
1705
|
+
if ((M = this.meteogramData) == null || M.temperaturesY.push(this.roundPrecision((C = f == null ? void 0 : f.weather) == null ? void 0 : C.temp, 0)), (ae = this.meteogramData) == null || ae.windspeed.push(this.roundPrecision((se = (N = f.weather) == null ? void 0 : N.wind) == null ? void 0 : se.kts, 1)), (U = this.meteogramData) == null || U.windGusts.push(this.roundPrecision((Y = (le = f == null ? void 0 : f.weather) == null ? void 0 : le.wind) == null ? void 0 : Y.gusts, 1)), (q = this.meteogramData) == null || q.sigWaveHeight.push(this.roundPrecision((X = (R = f == null ? void 0 : f.wave) == null ? void 0 : R.sig) == null ? void 0 : X.height)), (V = this.meteogramData) == null || V.swellHeight.push(this.roundPrecision((Z = (J = f == null ? void 0 : f.wave) == null ? void 0 : J.swell) == null ? void 0 : Z.height)), j % 3 === 0 ? ((te = this.meteogramData) == null || te.precip.push(this.roundPrecision((ee = ($ = f == null ? void 0 : f.weather) == null ? void 0 : $.precip) == null ? void 0 : ee.sum3Hours, 1)), (F = this.meteogramData) == null || F.temperaturesX.push([d, this.roundPrecision((c = f == null ? void 0 : f.weather) == null ? void 0 : c.temp, 0)])) : (T = this.meteogramData) == null || T.precip.push(null), j % 12 === 0 && j % 24 !== 0 ? (P = this.meteogramData) == null || P.xDates.push(W(d).tz(this.positionGmt).format("MMM-DD")) : (m = this.meteogramData) == null || m.xDates.push(""), j % 6 === 0 ? (S = this.meteogramData) == null || S.hours.push(this.computeHourLT(d)) : (k = this.meteogramData) == null || k.hours.push(""), j % 12 === 0 ? ((D = this.meteogramData) == null || D.weatherIcons.push({ symbol: "image://" + ((L = f.weather) == null ? void 0 : L.url), symbolSize: 30 }), (de = this.meteogramData) == null || de.weatherNames.push((he = f.weather) == null ? void 0 : he.name)) : ((g = this.meteogramData) == null || g.weatherIcons.push({ symbol: "image://" + ((Ae = f.weather) == null ? void 0 : Ae.url), symbolSize: 0 }), (ue = this.meteogramData) == null || ue.weatherNames.push("")), j % 6 === 0 ? (_ = this.meteogramData) == null || _.windDir.push((z = (E = f.weather) == null ? void 0 : E.wind) == null ? void 0 : z.bearing) : (ce = this.meteogramData) == null || ce.windDir.push(void 0), j % 6 === 0) {
|
|
1706
1706
|
const K = document.createElement("canvas"), y = K.getContext("2d");
|
|
1707
1707
|
K.width = v.width, K.height = v.height;
|
|
1708
1708
|
const G = ((A = this.meteogramData) == null ? void 0 : A.windDir[j]) * (Math.PI / 180);
|
|
1709
1709
|
y.translate(K.width / 2, K.height / 2), y.rotate(G), y.translate(-v.width / 2, -v.height / 2), y.drawImage(v, 0, 0, 64, 64);
|
|
1710
|
-
const
|
|
1711
|
-
this.meteogramData.windDirIcons[j] =
|
|
1710
|
+
const oe = K.toDataURL();
|
|
1711
|
+
this.meteogramData.windDirIcons[j] = oe;
|
|
1712
1712
|
} else
|
|
1713
1713
|
this.meteogramData.windDirIcons[j] = void 0;
|
|
1714
|
-
(O = f == null ? void 0 : f.weather) != null && O.isDay ? o.end === void 0 && o.start >= 0 && (o.end = j) : o.start === void 0 && (o.start = j), (o.start >= 0 && o.end >= 0 || o.start >= 0 && j === h * 24 - 1) && ((
|
|
1714
|
+
(O = f == null ? void 0 : f.weather) != null && O.isDay ? o.end === void 0 && o.start >= 0 && (o.end = j) : o.start === void 0 && (o.start = j), (o.start >= 0 && o.end >= 0 || o.start >= 0 && j === h * 24 - 1) && ((ie = this.meteogramData) == null || ie.markarea.push([
|
|
1715
1715
|
{
|
|
1716
1716
|
x: 4 + o.start / (h * 24) * 92 + "%"
|
|
1717
1717
|
},
|
|
@@ -1720,14 +1720,14 @@ const at = (n, e) => {
|
|
|
1720
1720
|
}
|
|
1721
1721
|
]), o = { start: void 0, end: void 0 });
|
|
1722
1722
|
}
|
|
1723
|
-
this.meteogramData.offset = 4 + 0.5 / ((
|
|
1723
|
+
this.meteogramData.offset = 4 + 0.5 / ((re = (Q = this.meteogramData) == null ? void 0 : Q.dates) == null ? void 0 : re.length) * 92 + "%", this.$nextTick(() => {
|
|
1724
1724
|
this.initMeteogramEchart(14);
|
|
1725
1725
|
});
|
|
1726
1726
|
};
|
|
1727
1727
|
},
|
|
1728
1728
|
initMeteogramEchart(n) {
|
|
1729
|
-
var se,
|
|
1730
|
-
const e =
|
|
1729
|
+
var se, ae, le, Y, U, R, X, q, J, Z, V, $, ee, te, c, F, T, P, m, S, k, L, D, he, de, Ae, g, ue, E, z, _, ce, A, O, ie, Q, re, j;
|
|
1730
|
+
const e = Be.init(document.getElementById("weather-icons")), a = {
|
|
1731
1731
|
grid: {
|
|
1732
1732
|
show: !0,
|
|
1733
1733
|
bottom: "0%",
|
|
@@ -1763,8 +1763,8 @@ const at = (n, e) => {
|
|
|
1763
1763
|
},
|
|
1764
1764
|
singleAxis: [
|
|
1765
1765
|
{
|
|
1766
|
-
left: (
|
|
1767
|
-
right: (
|
|
1766
|
+
left: (ae = this.meteogramData) == null ? void 0 : ae.offset,
|
|
1767
|
+
right: (le = this.meteogramData) == null ? void 0 : le.offset,
|
|
1768
1768
|
type: "category",
|
|
1769
1769
|
show: !1,
|
|
1770
1770
|
axisLine: {
|
|
@@ -1861,7 +1861,7 @@ const at = (n, e) => {
|
|
|
1861
1861
|
label: "Light, <5mm"
|
|
1862
1862
|
}
|
|
1863
1863
|
]);
|
|
1864
|
-
const
|
|
1864
|
+
const x = Be.init(document.getElementById("weather-condition")), C = {
|
|
1865
1865
|
title: {
|
|
1866
1866
|
text: "Weather conditions",
|
|
1867
1867
|
top: "10px",
|
|
@@ -1887,24 +1887,24 @@ const at = (n, e) => {
|
|
|
1887
1887
|
show: !0,
|
|
1888
1888
|
position: "right",
|
|
1889
1889
|
formatter: (d) => {
|
|
1890
|
-
var K, y, ve, G,
|
|
1891
|
-
const f = (K = d == null ? void 0 : d.find((
|
|
1892
|
-
if (d.find((
|
|
1890
|
+
var K, y, ve, G, oe, fe, B, i, w, xe, Le, ge, ye, Ne, Te, Ge, Ee, je, Ke, Ue, We, Re, Xe, qe, Je, Ze;
|
|
1891
|
+
const f = (K = d == null ? void 0 : d.find((De) => De.seriesType === "bar")) == null ? void 0 : K.dataIndex;
|
|
1892
|
+
if (d.find((De) => De.seriesType === "scatter"))
|
|
1893
1893
|
return !1;
|
|
1894
1894
|
{
|
|
1895
|
-
let
|
|
1896
|
-
return n === 7 ? (((y = d[1]) == null ? void 0 : y.value) < 2 ?
|
|
1897
|
-
<div style="display: ${(
|
|
1898
|
-
<span>Weather : </span><strong>${(
|
|
1895
|
+
let De = "";
|
|
1896
|
+
return n === 7 ? (((y = d[1]) == null ? void 0 : y.value) < 2 ? De = "rgba(172, 210, 255, 1)" : ((ve = d[1]) == null ? void 0 : ve.value) <= 3.9 ? De = "rgba(3, 248, 103, 1)" : ((G = d[1]) == null ? void 0 : G.value) <= 7.9 ? De = "rgba(190, 226, 2, 18)" : ((oe = d[1]) == null ? void 0 : oe.value) <= 19.9 ? De = "rgba(248, 1, 1, 1)" : ((fe = d[1]) == null ? void 0 : fe.value) >= 20 ? De = "rgba(197, 5, 58, 1)" : De = "rgba(172, 210, 255, 1)", `<div style="font-size: 13px;"><strong>${W((B = this.meteogramData) == null ? void 0 : B.dates[f]).tz(this.positionGmt).format("MMM-DD/HHmm[LT]")}</strong></div>
|
|
1897
|
+
<div style="display: ${(i = this.meteogramData) != null && i.weatherNames[f] ? "block" : "none"}; font-size: 13px;">
|
|
1898
|
+
<span>Weather : </span><strong>${(w = this.meteogramData) == null ? void 0 : w.weatherNames[f]}</strong>
|
|
1899
1899
|
</div>
|
|
1900
1900
|
<div style="font-size: 13px;">
|
|
1901
1901
|
<span style="display:inline-block; height: 10px;width: 10px;border-radius: 50%;background-color: #FF9500;}"></span>
|
|
1902
|
-
<span>Temperature : </span><strong>${(
|
|
1902
|
+
<span>Temperature : </span><strong>${(Le = (xe = d[0]) == null ? void 0 : xe.value) == null ? void 0 : Le[1]}</strong><span style="padding-left: 3px;">℃</span>
|
|
1903
1903
|
</div>
|
|
1904
1904
|
<div style="font-size: 13px;">
|
|
1905
|
-
<span style="display:inline-block; height: 10px;width: 10px;border-radius: 50%;background: ${
|
|
1905
|
+
<span style="display:inline-block; height: 10px;width: 10px;border-radius: 50%;background: ${De};"></span>
|
|
1906
1906
|
<span>Precip.1h : </span><strong>${(ge = d[1]) == null ? void 0 : ge.value}</strong><span style="padding-left: 3px;">mm</span>
|
|
1907
|
-
</div>`) : n === 14 ? (((ye = d[1]) == null ? void 0 : ye.value) < 5 ?
|
|
1907
|
+
</div>`) : n === 14 ? (((ye = d[1]) == null ? void 0 : ye.value) < 5 ? De = "rgba(172, 210, 255, 1)" : ((Ne = d[1]) == null ? void 0 : Ne.value) <= 9.9 ? De = "rgba(3, 248, 103, 1)" : ((Te = d[1]) == null ? void 0 : Te.value) <= 24.9 ? De = "rgba(190, 226, 2, 18)" : ((Ge = d[1]) == null ? void 0 : Ge.value) <= 49.9 ? De = "rgba(248, 1, 1, 1)" : ((Ee = d[1]) == null ? void 0 : Ee.value) > 50 ? De = "rgba(197, 5, 58, 1)" : De = "rgba(172, 210, 255, 1)", `<div style="font-size: 13px;"
|
|
1908
1908
|
<strong>${W((je = this.meteogramData) == null ? void 0 : je.dates[f]).tz(this.positionGmt).format("MMM-DD/HHmm[LT]")}</strong>
|
|
1909
1909
|
</div>
|
|
1910
1910
|
<div style="display: ${(Ke = this.meteogramData) != null && Ke.weatherNames[f] ? "block" : "none"}; font-size: 13px;">
|
|
@@ -1915,7 +1915,7 @@ const at = (n, e) => {
|
|
|
1915
1915
|
<span>Temperature : </span><strong>${(qe = (Xe = d[0]) == null ? void 0 : Xe.value) == null ? void 0 : qe[1]}</strong><span style="padding-left: 3px;">℃</span>
|
|
1916
1916
|
</div>
|
|
1917
1917
|
<div style="display: ${isNaN((Je = d[1]) == null ? void 0 : Je.value) ? "none" : "block"};font-size: 13px;">
|
|
1918
|
-
<span style="display:inline-block; height: 10px;width: 10px;border-radius: 50%;background: ${
|
|
1918
|
+
<span style="display:inline-block; height: 10px;width: 10px;border-radius: 50%;background: ${De};"></span>
|
|
1919
1919
|
<span>Precip.3h : </span><strong>${(Ze = d[1]) == null ? void 0 : Ze.value}</strong><span style="padding-left: 3px;">mm</span>
|
|
1920
1920
|
</div>`) : !1;
|
|
1921
1921
|
}
|
|
@@ -2061,7 +2061,7 @@ const at = (n, e) => {
|
|
|
2061
2061
|
// 隐藏分割线
|
|
2062
2062
|
},
|
|
2063
2063
|
boundaryGap: !1,
|
|
2064
|
-
data: (
|
|
2064
|
+
data: (P = this.meteogramData) == null ? void 0 : P.dates,
|
|
2065
2065
|
top: "92%",
|
|
2066
2066
|
height: "2%"
|
|
2067
2067
|
}
|
|
@@ -2144,7 +2144,7 @@ const at = (n, e) => {
|
|
|
2144
2144
|
name: "Precipitation:",
|
|
2145
2145
|
type: "bar",
|
|
2146
2146
|
yAxisIndex: 1,
|
|
2147
|
-
data: (
|
|
2147
|
+
data: (k = this.meteogramData) == null ? void 0 : k.precip,
|
|
2148
2148
|
itemStyle: {
|
|
2149
2149
|
color: "#0c73a8"
|
|
2150
2150
|
},
|
|
@@ -2184,8 +2184,8 @@ const at = (n, e) => {
|
|
|
2184
2184
|
}
|
|
2185
2185
|
]
|
|
2186
2186
|
};
|
|
2187
|
-
|
|
2188
|
-
const
|
|
2187
|
+
x.setOption(C);
|
|
2188
|
+
const M = Be.init(document.getElementById("wave-swell")), N = {
|
|
2189
2189
|
title: {
|
|
2190
2190
|
text: "Wave & Swell",
|
|
2191
2191
|
top: "10px",
|
|
@@ -2212,24 +2212,24 @@ const at = (n, e) => {
|
|
|
2212
2212
|
show: !0,
|
|
2213
2213
|
position: "right",
|
|
2214
2214
|
formatter: (d) => {
|
|
2215
|
-
var K, y, ve, G,
|
|
2215
|
+
var K, y, ve, G, oe, fe, B, i, w, xe;
|
|
2216
2216
|
const f = (K = d == null ? void 0 : d[0]) == null ? void 0 : K.dataIndex;
|
|
2217
|
-
return d.find((
|
|
2217
|
+
return d.find((Le) => Le.seriesType === "scatter") ? !1 : `<div style="font-size: 13px;"><strong>${W((y = this.meteogramData) == null ? void 0 : y.dates[f]).tz(this.positionGmt).format("MMM-DD/HHmm[LT]")}</strong></div>
|
|
2218
2218
|
<div style="font-size: 13px;display: ${isNaN((ve = d[0]) == null ? void 0 : ve.value) ? "none" : "block"}">
|
|
2219
2219
|
<span style="display:inline-block; height: 10px;width: 10px;border-radius: 50%;background-color: #60c43e;}"></span>
|
|
2220
2220
|
<span>Wind Speed : </span><strong>${(G = d[0]) == null ? void 0 : G.value}</strong><span style="padding-left: 3px;">kts</span>
|
|
2221
2221
|
</div>
|
|
2222
|
-
<div style="font-size: 13px;display: ${isNaN((
|
|
2222
|
+
<div style="font-size: 13px;display: ${isNaN((oe = d[2]) == null ? void 0 : oe.value) ? "none" : "block"}">
|
|
2223
2223
|
<span style="display:inline-block; height: 10px;width: 10px;border-radius: 50%;background-color: #4ba229;}"></span>
|
|
2224
2224
|
<span>Wind Gusts : </span><strong>${(fe = d[2]) == null ? void 0 : fe.value}</strong><span style="padding-left: 3px;">kts</span>
|
|
2225
2225
|
</div>
|
|
2226
|
-
<div style="font-size: 13px;display: ${isNaN((
|
|
2226
|
+
<div style="font-size: 13px;display: ${isNaN((B = d[3]) == null ? void 0 : B.value) ? "none" : "block"}">
|
|
2227
2227
|
<span style="display:inline-block; height: 10px;width: 10px;border-radius: 50%;background-color: #21baa3;"></span>
|
|
2228
|
-
<span>Swell Height : </span><strong>${(
|
|
2228
|
+
<span>Swell Height : </span><strong>${(i = d[3]) == null ? void 0 : i.value}</strong><span style="padding-left: 3px;">m</span>
|
|
2229
2229
|
</div>
|
|
2230
|
-
<div style="font-size: 13px;display: ${isNaN((
|
|
2230
|
+
<div style="font-size: 13px;display: ${isNaN((w = d[4]) == null ? void 0 : w.value) ? "none" : "block"}">
|
|
2231
2231
|
<span style="display:inline-block; height: 10px;width: 10px;border-radius: 50%;background-color: #049f9c;}"></span>
|
|
2232
|
-
<span>Sig.Wave Height : </span><strong>${(
|
|
2232
|
+
<span>Sig.Wave Height : </span><strong>${(xe = d[4]) == null ? void 0 : xe.value}</strong><span style="padding-left: 3px;">m</span>
|
|
2233
2233
|
</div>
|
|
2234
2234
|
`;
|
|
2235
2235
|
}
|
|
@@ -2448,7 +2448,7 @@ const at = (n, e) => {
|
|
|
2448
2448
|
name: "Swell Height",
|
|
2449
2449
|
type: "line",
|
|
2450
2450
|
yAxisIndex: 1,
|
|
2451
|
-
data: (
|
|
2451
|
+
data: (ie = this.meteogramData) == null ? void 0 : ie.swellHeight,
|
|
2452
2452
|
symbol: "none",
|
|
2453
2453
|
smooth: !1,
|
|
2454
2454
|
itemStyle: {
|
|
@@ -2477,7 +2477,7 @@ const at = (n, e) => {
|
|
|
2477
2477
|
singleAxisIndex: 0,
|
|
2478
2478
|
coordinateSystem: "singleAxis",
|
|
2479
2479
|
type: "scatter",
|
|
2480
|
-
data: (
|
|
2480
|
+
data: (re = this.meteogramData) == null ? void 0 : re.hours,
|
|
2481
2481
|
itemStyle: {
|
|
2482
2482
|
color: "#fff"
|
|
2483
2483
|
},
|
|
@@ -2506,12 +2506,12 @@ const at = (n, e) => {
|
|
|
2506
2506
|
}
|
|
2507
2507
|
]
|
|
2508
2508
|
};
|
|
2509
|
-
|
|
2509
|
+
M.setOption(N), M.on("legendselectchanged", (d) => {
|
|
2510
2510
|
d.name === "Wind Speed" && (d.selected["Wind Direction"] = d.selected["Wind Speed"]);
|
|
2511
2511
|
});
|
|
2512
2512
|
},
|
|
2513
2513
|
async fetchSeasonalData() {
|
|
2514
|
-
var t, o, u, v, I, b,
|
|
2514
|
+
var t, o, u, v, I, b, x, C, M, N, se, ae, le, Y, U, R, X, q, J, Z, V, $, ee, te, c, F, T, P, m, S, k;
|
|
2515
2515
|
if (!this.token)
|
|
2516
2516
|
return !1;
|
|
2517
2517
|
this.loading.seasonalEchart = !0, this.seasonalData = {
|
|
@@ -2547,19 +2547,19 @@ const at = (n, e) => {
|
|
|
2547
2547
|
}
|
|
2548
2548
|
});
|
|
2549
2549
|
if ((h == null ? void 0 : h.data.code) === 0) {
|
|
2550
|
-
this.etime = (t = h == null ? void 0 : h.data) == null ? void 0 : t.etime, this.positionGmt = (v = (u = (o = this.meteoData) == null ? void 0 : o.weather) == null ? void 0 : u[0]) == null ? void 0 : v.timezone, this.positionOffset = (
|
|
2550
|
+
this.etime = (t = h == null ? void 0 : h.data) == null ? void 0 : t.etime, this.positionGmt = (v = (u = (o = this.meteoData) == null ? void 0 : o.weather) == null ? void 0 : u[0]) == null ? void 0 : v.timezone, this.positionOffset = (x = (b = (I = this.meteoData) == null ? void 0 : I.weather) == null ? void 0 : b[0]) == null ? void 0 : x.offset, this.issuedDate = H(this.etime).utc().format("MMM-DD/HHmm[Z], YYYY");
|
|
2551
2551
|
let L = (C = h == null ? void 0 : h.data.data) == null ? void 0 : C.seasonal, D = W(this.etime).tz(this.positionGmt).set({ year: e.year(), month: e.month(), date: 1, hour: 0, minute: 0, second: 0 }).format();
|
|
2552
2552
|
const he = H(a.endDate).diff(H(a.startDate), "day", !0);
|
|
2553
2553
|
for (let E = 0; E < he; E++) {
|
|
2554
|
-
const z = H(D).clone().add(E, "d").format(), _ = ((
|
|
2555
|
-
(
|
|
2554
|
+
const z = H(D).clone().add(E, "d").format(), _ = ((M = ke.pickDaily(L, z)) == null ? void 0 : M[0]) || {};
|
|
2555
|
+
(N = this.seasonalData) == null || N.dates.push(W(z).tz(this.positionGmt).format("MMM-DD")), (se = this.seasonalData) == null || se.xDates.push(W(z).tz(this.positionGmt).format("DD")), (Y = this.seasonalData) == null || Y.highTemp.push(this.roundPrecision((le = (ae = _ == null ? void 0 : _.weather) == null ? void 0 : ae.temp) == null ? void 0 : le.max, 0)), (X = this.seasonalData) == null || X.lowTemp.push(this.roundPrecision((R = (U = _ == null ? void 0 : _.weather) == null ? void 0 : U.temp) == null ? void 0 : R.min, 0)), (Z = this.seasonalData) == null || Z.windSpeed.push(this.roundPrecision((J = (q = _.weather) == null ? void 0 : q.wind) == null ? void 0 : J.kts, 1)), (ee = this.seasonalData) == null || ee.windDirection.push(($ = (V = _.weather) == null ? void 0 : V.wind) == null ? void 0 : $.direction), (F = this.seasonalData) == null || F.precip.push(this.roundPrecision((c = (te = _ == null ? void 0 : _.weather) == null ? void 0 : te.precip) == null ? void 0 : c.sum, 1));
|
|
2556
2556
|
}
|
|
2557
|
-
(((
|
|
2558
|
-
var _, ce, A, O,
|
|
2557
|
+
(((P = (T = h == null ? void 0 : h.data.data) == null ? void 0 : T.past) == null ? void 0 : P.reverse()) || []).forEach((E, z) => {
|
|
2558
|
+
var _, ce, A, O, ie, Q, re, j, d, f, K, y, ve;
|
|
2559
2559
|
D = W(this.etime).tz(this.positionGmt).set({ year: e.year() - (z + 1), month: e.month(), date: 1, hour: 0, minute: 0, second: 0 }).format();
|
|
2560
2560
|
for (let G = 0; G < he; G++) {
|
|
2561
|
-
const
|
|
2562
|
-
(O = this.seasonalData) == null || O.lastYearHighTemp.push(this.roundPrecision((A = (ce = fe == null ? void 0 : fe.weather) == null ? void 0 : ce.temp) == null ? void 0 : A.max, 0)), (
|
|
2561
|
+
const oe = H(D).clone().add(G, "d").format(), fe = ((_ = ke.pickDaily(E, oe)) == null ? void 0 : _[0]) || {};
|
|
2562
|
+
(O = this.seasonalData) == null || O.lastYearHighTemp.push(this.roundPrecision((A = (ce = fe == null ? void 0 : fe.weather) == null ? void 0 : ce.temp) == null ? void 0 : A.max, 0)), (re = this.seasonalData) == null || re.lastYearLowTemp.push(this.roundPrecision((Q = (ie = fe == null ? void 0 : fe.weather) == null ? void 0 : ie.temp) == null ? void 0 : Q.min, 0)), (f = this.seasonalData) == null || f.lastYearWindSpeed.push(this.roundPrecision((d = (j = fe.weather) == null ? void 0 : j.wind) == null ? void 0 : d.kts, 1)), (ve = this.seasonalData) == null || ve.lastYearPrecip.push(this.roundPrecision((y = (K = fe == null ? void 0 : fe.weather) == null ? void 0 : K.precip) == null ? void 0 : y.sum, 1));
|
|
2563
2563
|
}
|
|
2564
2564
|
}), this.seasonalData.offset = 4 + 0.5 / ((S = (m = this.seasonalData) == null ? void 0 : m.dates) == null ? void 0 : S.length) * 92 + "%", this.seasonalData.minHighTemp = Math.min(...this.seasonalData.highTemp.filter((E) => typeof E == "number" && !isNaN(E))), this.seasonalData.maxHighTemp = Math.max(...this.seasonalData.highTemp.filter((E) => typeof E == "number" && !isNaN(E))), this.seasonalData.minLowTemp = Math.min(...this.seasonalData.lowTemp.filter((E) => typeof E == "number" && !isNaN(E))), this.seasonalData.maxLowTemp = Math.max(...this.seasonalData.lowTemp.filter((E) => typeof E == "number" && !isNaN(E)));
|
|
2565
2565
|
let Ae = 0;
|
|
@@ -2569,7 +2569,7 @@ const at = (n, e) => {
|
|
|
2569
2569
|
let g = 0;
|
|
2570
2570
|
this.seasonalData.lowTemp.forEach((E, z) => {
|
|
2571
2571
|
E === this.seasonalData.minLowTemp && (g = z);
|
|
2572
|
-
}), this.seasonalData.coldestDay = this.seasonalData.dates[g], this.seasonalData.meanWind = this.seasonalData.windSpeed.reduce((E, z) => E + z, 0) / ((
|
|
2572
|
+
}), this.seasonalData.coldestDay = this.seasonalData.dates[g], this.seasonalData.meanWind = this.seasonalData.windSpeed.reduce((E, z) => E + z, 0) / ((k = this.seasonalData.windSpeed) == null ? void 0 : k.length), this.seasonalData.maxWindSpeed = Math.max(...this.seasonalData.windSpeed.filter((E) => typeof E == "number" && !isNaN(E)));
|
|
2573
2573
|
let ue = 0;
|
|
2574
2574
|
this.seasonalData.windSpeed.forEach((E, z) => {
|
|
2575
2575
|
E === this.seasonalData.maxWindSpeed && (ue = z);
|
|
@@ -2616,9 +2616,9 @@ const at = (n, e) => {
|
|
|
2616
2616
|
show: !0,
|
|
2617
2617
|
position: "right",
|
|
2618
2618
|
formatter: (c) => {
|
|
2619
|
-
var T,
|
|
2619
|
+
var T, P, m, S, k, L;
|
|
2620
2620
|
const F = (T = c == null ? void 0 : c[0]) == null ? void 0 : T.dataIndex;
|
|
2621
|
-
return c.find((D) => D.seriesType === "scatter") ? !1 : `<div style="font-size: 13px;"><strong>${(
|
|
2621
|
+
return c.find((D) => D.seriesType === "scatter") ? !1 : `<div style="font-size: 13px;"><strong>${(P = this.seasonalData) == null ? void 0 : P.dates[F]}</strong></div>
|
|
2622
2622
|
<div style="font-size: 13px;">
|
|
2623
2623
|
<span style="display:inline-block; height: 10px;width: 10px;border-radius: 50%;background-color: #FF9500;}"></span>
|
|
2624
2624
|
<span>High : </span><strong>${(m = c[0]) == null ? void 0 : m.value}</strong><span style="padding-left: 3px;">℃</span>
|
|
@@ -2629,7 +2629,7 @@ const at = (n, e) => {
|
|
|
2629
2629
|
</div>
|
|
2630
2630
|
<div style="font-size: 13px;">
|
|
2631
2631
|
<span style="display:inline-block; height: 10px;width: 10px;border-radius: 50%;background-color: #2164bf;}"></span>
|
|
2632
|
-
<span>Low : </span><strong>${(
|
|
2632
|
+
<span>Low : </span><strong>${(k = c[2]) == null ? void 0 : k.value}</strong><span style="padding-left: 3px;">mm</span>
|
|
2633
2633
|
</div>
|
|
2634
2634
|
<div style="font-size: 13px;">
|
|
2635
2635
|
<span style="display:inline-block; height: 10px;width: 10px;border-radius: 50%;background-color: #7baef7;}"></span>
|
|
@@ -2752,7 +2752,7 @@ const at = (n, e) => {
|
|
|
2752
2752
|
]
|
|
2753
2753
|
};
|
|
2754
2754
|
this.loading.seasonalEchart = !1, this.$nextTick(() => {
|
|
2755
|
-
|
|
2755
|
+
Be.init(document.getElementById("temperature-echart")).setOption(o);
|
|
2756
2756
|
});
|
|
2757
2757
|
function u(c) {
|
|
2758
2758
|
return {
|
|
@@ -2761,8 +2761,8 @@ const at = (n, e) => {
|
|
|
2761
2761
|
F.setAttribute("width", "10"), F.setAttribute("height", "5"), F.setAttribute("viewBox", "0 0 10 5");
|
|
2762
2762
|
const T = document.createElementNS("http://www.w3.org/2000/svg", "rect");
|
|
2763
2763
|
T.setAttribute("x", "0"), T.setAttribute("y", "0"), T.setAttribute("width", "10"), T.setAttribute("height", "5"), T.setAttribute("fill", c), F.appendChild(T);
|
|
2764
|
-
const
|
|
2765
|
-
|
|
2764
|
+
const P = document.createElementNS("http://www.w3.org/2000/svg", "line");
|
|
2765
|
+
P.setAttribute("x1", "0"), P.setAttribute("y1", "0"), P.setAttribute("x2", "10"), P.setAttribute("y2", "5"), P.setAttribute("stroke", "#fff"), P.setAttribute("stroke-width", "1"), F.appendChild(P);
|
|
2766
2766
|
const m = new XMLSerializer().serializeToString(F), S = new Blob([m], { type: "image/svg+xml;charset=utf-8" });
|
|
2767
2767
|
return URL.createObjectURL(S);
|
|
2768
2768
|
})(),
|
|
@@ -2771,7 +2771,7 @@ const at = (n, e) => {
|
|
|
2771
2771
|
}
|
|
2772
2772
|
let v = Math.max(
|
|
2773
2773
|
...[...this.seasonalData.windSpeed, ...this.seasonalData.lastYearWindSpeed].filter((c) => typeof c == "number" && !isNaN(c))
|
|
2774
|
-
), b = Math.min(...[...this.seasonalData.windSpeed, ...this.seasonalData.lastYearWindSpeed].filter((c) => typeof c == "number" && !isNaN(c))) > 0 ? 0 : Math.min(...[...this.seasonalData.windSpeed, ...this.seasonalData.lastYearWindSpeed].filter((c) => typeof c == "number" && !isNaN(c))),
|
|
2774
|
+
), b = Math.min(...[...this.seasonalData.windSpeed, ...this.seasonalData.lastYearWindSpeed].filter((c) => typeof c == "number" && !isNaN(c))) > 0 ? 0 : Math.min(...[...this.seasonalData.windSpeed, ...this.seasonalData.lastYearWindSpeed].filter((c) => typeof c == "number" && !isNaN(c))), x = Math.ceil((v + 1) / 5) * 5, C = Math.ceil((x - b) / 5), M = Math.max(...[...this.seasonalData.precip, ...this.seasonalData.lastYearPrecip].filter((c) => typeof c == "number" && !isNaN(c))), se = 0, ae = Math.ceil(M * 2 / 5) * 5, le = Math.ceil((ae - se) / 5);
|
|
2775
2775
|
const Y = {
|
|
2776
2776
|
title: {
|
|
2777
2777
|
text: "Wind & Preciption",
|
|
@@ -2798,21 +2798,21 @@ const at = (n, e) => {
|
|
|
2798
2798
|
show: !0,
|
|
2799
2799
|
position: "right",
|
|
2800
2800
|
formatter: (c) => {
|
|
2801
|
-
var T,
|
|
2801
|
+
var T, P, m, S, k, L, D, he, de, Ae, g, ue, E, z, _, ce;
|
|
2802
2802
|
const F = (T = c == null ? void 0 : c[0]) == null ? void 0 : T.dataIndex;
|
|
2803
2803
|
if (c.find((A) => A.seriesType === "scatter"))
|
|
2804
2804
|
return !1;
|
|
2805
2805
|
{
|
|
2806
2806
|
let A = { color: "", colorLastYear: "", url: "" };
|
|
2807
|
-
return ((
|
|
2807
|
+
return ((P = c[2]) == null ? void 0 : P.value) < 9.9 ? A.color = "rgba(172, 210, 255, 1)" : ((m = c[2]) == null ? void 0 : m.value) < 24.9 ? A.color = "rgba(3, 248, 103, 1)" : ((S = c[2]) == null ? void 0 : S.value) < 49.9 ? A.color = "rgba(190, 226, 2, 18)" : ((k = c[2]) == null ? void 0 : k.value) < 99.9 ? A.color = "rgba(248, 1, 1, 1)" : ((L = c[2]) == null ? void 0 : L.value) > 100 ? A.color = "rgba(197, 5, 58, 1)" : A.color = "rgba(172, 210, 255, 1)", ((D = c[3]) == null ? void 0 : D.value) < 9.9 ? A.colorLastYear = "rgba(172, 210, 255, 1)" : ((he = c[3]) == null ? void 0 : he.value) < 24.9 ? A.colorLastYear = "rgba(3, 248, 103, 1)" : ((de = c[3]) == null ? void 0 : de.value) < 49.9 ? A.colorLastYear = "rgba(190, 226, 2, 18)" : ((Ae = c[3]) == null ? void 0 : Ae.value) < 99.9 ? A.colorLastYear = "rgba(248, 1, 1, 1)" : ((g = c[3]) == null ? void 0 : g.value) > 100 ? A.colorLastYear = "rgba(197, 5, 58, 1)" : A.colorLastYear = "rgba(172, 210, 255, 1)", A.url = (() => {
|
|
2808
2808
|
const O = document.createElementNS("http://www.w3.org/2000/svg", "svg");
|
|
2809
2809
|
O.setAttribute("width", "10"), O.setAttribute("height", "10"), O.setAttribute("viewBox", "0 0 10 10");
|
|
2810
|
-
const
|
|
2811
|
-
|
|
2810
|
+
const ie = document.createElementNS("http://www.w3.org/2000/svg", "rect");
|
|
2811
|
+
ie.setAttribute("x", "0"), ie.setAttribute("y", "0"), ie.setAttribute("width", "10"), ie.setAttribute("height", "10"), ie.setAttribute("fill", A.colorLastYear), O.appendChild(ie);
|
|
2812
2812
|
const Q = document.createElementNS("http://www.w3.org/2000/svg", "line");
|
|
2813
2813
|
Q.setAttribute("x1", "0"), Q.setAttribute("y1", "0"), Q.setAttribute("x2", "10"), Q.setAttribute("y2", "5"), Q.setAttribute("stroke", "#fff"), Q.setAttribute("stroke-width", "1"), O.appendChild(Q);
|
|
2814
|
-
const
|
|
2815
|
-
|
|
2814
|
+
const re = document.createElementNS("http://www.w3.org/2000/svg", "line");
|
|
2815
|
+
re.setAttribute("x1", "0"), re.setAttribute("y1", "5"), re.setAttribute("x2", "10"), re.setAttribute("y2", "10"), re.setAttribute("stroke", "#fff"), re.setAttribute("stroke-width", "1"), O.appendChild(re);
|
|
2816
2816
|
const j = new XMLSerializer().serializeToString(O), d = new Blob([j], { type: "image/svg+xml;charset=utf-8" });
|
|
2817
2817
|
return URL.createObjectURL(d);
|
|
2818
2818
|
})(), `<div style="font-size: 13px;"><strong>${(ue = this.seasonalData) == null ? void 0 : ue.dates[F]}</strong></div>
|
|
@@ -2890,7 +2890,7 @@ const at = (n, e) => {
|
|
|
2890
2890
|
name: "Wind speed max ( kts ) ",
|
|
2891
2891
|
show: !0,
|
|
2892
2892
|
min: b,
|
|
2893
|
-
max:
|
|
2893
|
+
max: x,
|
|
2894
2894
|
interval: C,
|
|
2895
2895
|
splitNumber: 5,
|
|
2896
2896
|
nameRotate: 90,
|
|
@@ -2907,8 +2907,8 @@ const at = (n, e) => {
|
|
|
2907
2907
|
name: "Precipitation ( mm ) ",
|
|
2908
2908
|
show: !0,
|
|
2909
2909
|
min: se,
|
|
2910
|
-
max:
|
|
2911
|
-
interval:
|
|
2910
|
+
max: ae,
|
|
2911
|
+
interval: le,
|
|
2912
2912
|
splitNumber: 5,
|
|
2913
2913
|
nameRotate: 90,
|
|
2914
2914
|
nameLocation: "middle",
|
|
@@ -3061,14 +3061,14 @@ const at = (n, e) => {
|
|
|
3061
3061
|
]
|
|
3062
3062
|
};
|
|
3063
3063
|
this.$nextTick(() => {
|
|
3064
|
-
|
|
3064
|
+
Be.init(document.getElementById("wind-precip-echart")).setOption(Y);
|
|
3065
3065
|
});
|
|
3066
3066
|
},
|
|
3067
3067
|
disposeEcharts() {
|
|
3068
|
-
document.getElementById("weather-chart") &&
|
|
3068
|
+
document.getElementById("weather-chart") && Be.dispose(document.getElementById("weather-chart")), document.getElementById("weather-icons") && Be.dispose(document.getElementById("weather-icons")), document.getElementById("weather-condition") && Be.dispose(document.getElementById("weather-condition")), document.getElementById("wave-swell") && Be.dispose(document.getElementById("wave-swell")), document.getElementById("temperature-echart") && Be.dispose(document.getElementById("temperature-echart")), document.getElementById("wind-precip-echart") && Be.dispose(document.getElementById("wind-precip-echart"));
|
|
3069
3069
|
},
|
|
3070
3070
|
initHoursTableData() {
|
|
3071
|
-
var n, e, a, h, t, o, u, v, I, b,
|
|
3071
|
+
var n, e, a, h, t, o, u, v, I, b, x, C, M, N, se, ae, le, Y, U, R, X, q, J, Z, V, $, ee, te, c, F, T, P, m, S;
|
|
3072
3072
|
this.hoursTableData = {
|
|
3073
3073
|
hours: [],
|
|
3074
3074
|
utcHours: [],
|
|
@@ -3095,23 +3095,23 @@ const at = (n, e) => {
|
|
|
3095
3095
|
seaLevel: [],
|
|
3096
3096
|
seaTemp: []
|
|
3097
3097
|
};
|
|
3098
|
-
for (let
|
|
3099
|
-
const L = H(this.pickedDate).clone().add(
|
|
3098
|
+
for (let k = 0; k < 24; k++) {
|
|
3099
|
+
const L = H(this.pickedDate).clone().add(k, "h").format();
|
|
3100
3100
|
this.hoursTableData.hours.push(L);
|
|
3101
|
-
const D = ((n =
|
|
3102
|
-
this.hoursTableData.weatherUrls.push((e = D.weather) == null ? void 0 : e.url), this.hoursTableData.weatherNames.push(((a = D.weather) == null ? void 0 : a.name) ?? "-"), this.hoursTableData.temp.push(this.roundPrecision((h = D.weather) == null ? void 0 : h.temp, 0) ?? "-"), this.hoursTableData.precipProbability.push(this.roundPrecision((o = (t = D.weather) == null ? void 0 : t.precip) == null ? void 0 : o.probability, 1) ?? "-"), this.hoursTableData.precip1h.push(this.roundPrecision((v = (u = D.weather) == null ? void 0 : u.precip) == null ? void 0 : v.sum, 1) ?? "-"), this.hoursTableData.visibility.push(this.roundPrecision((I = D.weather) == null ? void 0 : I.visibility, 0) ?? "-"), this.hoursTableData.humidity.push(this.roundPrecision((b = D.weather) == null ? void 0 : b.rh, 0) ?? "-"), this.hoursTableData.windSpeed.push(this.roundPrecision((C = (
|
|
3101
|
+
const D = ((n = ke.pickHourly(this.meteoData, L)) == null ? void 0 : n[0]) || {};
|
|
3102
|
+
this.hoursTableData.weatherUrls.push((e = D.weather) == null ? void 0 : e.url), this.hoursTableData.weatherNames.push(((a = D.weather) == null ? void 0 : a.name) ?? "-"), this.hoursTableData.temp.push(this.roundPrecision((h = D.weather) == null ? void 0 : h.temp, 0) ?? "-"), this.hoursTableData.precipProbability.push(this.roundPrecision((o = (t = D.weather) == null ? void 0 : t.precip) == null ? void 0 : o.probability, 1) ?? "-"), this.hoursTableData.precip1h.push(this.roundPrecision((v = (u = D.weather) == null ? void 0 : u.precip) == null ? void 0 : v.sum, 1) ?? "-"), this.hoursTableData.visibility.push(this.roundPrecision((I = D.weather) == null ? void 0 : I.visibility, 0) ?? "-"), this.hoursTableData.humidity.push(this.roundPrecision((b = D.weather) == null ? void 0 : b.rh, 0) ?? "-"), this.hoursTableData.windSpeed.push(this.roundPrecision((C = (x = D.weather) == null ? void 0 : x.wind) == null ? void 0 : C.kts, 1)), this.hoursTableData.windDir.push((N = (M = D.weather) == null ? void 0 : M.wind) == null ? void 0 : N.bearing), this.hoursTableData.windGust.push(this.roundPrecision((ae = (se = D.weather) == null ? void 0 : se.wind) == null ? void 0 : ae.gusts, 1) ?? "-"), this.hoursTableData.sigwaveHeight.push(this.roundPrecision((Y = (le = D.wave) == null ? void 0 : le.sig) == null ? void 0 : Y.height, 1) ?? "-"), this.hoursTableData.sigwaveDir.push((R = (U = D.wave) == null ? void 0 : U.sig) == null ? void 0 : R.bearing), this.hoursTableData.windwaveHeight.push(this.roundPrecision((q = (X = D.wave) == null ? void 0 : X.wd) == null ? void 0 : q.height, 1) ?? "-"), this.hoursTableData.windwaveDir.push((Z = (J = D.wave) == null ? void 0 : J.wd) == null ? void 0 : Z.bearing), this.hoursTableData.windwavePeriod.push(this.roundPrecision(($ = (V = D.wave) == null ? void 0 : V.wd) == null ? void 0 : $.period, 1) ?? "-"), this.hoursTableData.swellHeight.push(this.roundPrecision((te = (ee = D.wave) == null ? void 0 : ee.swell) == null ? void 0 : te.height, 1) ?? "-"), this.hoursTableData.swellDir.push((F = (c = D.wave) == null ? void 0 : c.swell) == null ? void 0 : F.bearing), this.hoursTableData.swellPeriod.push(this.roundPrecision((P = (T = D.wave) == null ? void 0 : T.swell) == null ? void 0 : P.period, 1) ?? "-"), this.hoursTableData.currentSpeed.push(this.roundPrecision((m = D.current) == null ? void 0 : m.speed, 1) ?? "-"), this.hoursTableData.currentDir.push((S = D.current) == null ? void 0 : S.bearing), this.hoursTableData.seaLevel.push(this.roundPrecision(D.height, 1) ?? "-"), this.hoursTableData.seaTemp.push(this.roundPrecision(D.sst, 0) ?? "-");
|
|
3103
3103
|
}
|
|
3104
3104
|
this.loading.hoursTable = !1;
|
|
3105
3105
|
},
|
|
3106
3106
|
handleClearHoursTable() {
|
|
3107
|
-
this.position = {}, this.meteoData = {}, this.followItem = void 0,
|
|
3107
|
+
this.position = {}, this.meteoData = {}, this.followItem = void 0, Be && document.getElementById("weather-chart") && Be.dispose(document.getElementById("weather-chart"));
|
|
3108
3108
|
},
|
|
3109
3109
|
initDaysTableData() {
|
|
3110
|
-
var e, a, h, t, o, u, v, I, b,
|
|
3110
|
+
var e, a, h, t, o, u, v, I, b, x, C, M, N, se, ae, le, Y, U, R, X, q, J, Z, V, $, ee, te, c, F, T, P, m, S, k, L, D, he;
|
|
3111
3111
|
this.daysTableData = [];
|
|
3112
3112
|
const n = W(this.etime).tz(this.positionGmt).set({ hour: 0, minute: 0, second: 0, millisecond: 0 }).format();
|
|
3113
3113
|
for (let de = 0; de < 14; de++) {
|
|
3114
|
-
const Ae = H(n).clone().add(de, "d").format(), g = ((e =
|
|
3114
|
+
const Ae = H(n).clone().add(de, "d").format(), g = ((e = ke.pickDaily(this.meteoData, Ae)) == null ? void 0 : e[0]) || {};
|
|
3115
3115
|
this.daysTableData.push({
|
|
3116
3116
|
localWeek: this.computeWeekLT(Ae),
|
|
3117
3117
|
localDate: this.computeMMMDDLT(Ae),
|
|
@@ -3120,48 +3120,48 @@ const at = (n, e) => {
|
|
|
3120
3120
|
maxTemp: this.roundPrecision((u = (o = g == null ? void 0 : g.weather) == null ? void 0 : o.temp) == null ? void 0 : u.max, 0) ?? "-",
|
|
3121
3121
|
weatherName: (v = g == null ? void 0 : g.weather) == null ? void 0 : v.name,
|
|
3122
3122
|
precipSum: this.roundPrecision((b = (I = g == null ? void 0 : g.weather) == null ? void 0 : I.precip) == null ? void 0 : b.sum, 1) ?? "-",
|
|
3123
|
-
precipRainSum: this.roundPrecision((C = (
|
|
3124
|
-
precipSnowfallSum: this.roundPrecision((
|
|
3125
|
-
windSpeedMax: this.roundPrecision((
|
|
3126
|
-
windSpeedDir: (Y = (
|
|
3123
|
+
precipRainSum: this.roundPrecision((C = (x = g == null ? void 0 : g.weather) == null ? void 0 : x.precip) == null ? void 0 : C.rainSum, 1) ?? "-",
|
|
3124
|
+
precipSnowfallSum: this.roundPrecision((N = (M = g == null ? void 0 : g.weather) == null ? void 0 : M.precip) == null ? void 0 : N.snowfallSum, 1) ?? "-",
|
|
3125
|
+
windSpeedMax: this.roundPrecision((ae = (se = g == null ? void 0 : g.weather) == null ? void 0 : se.wind) == null ? void 0 : ae.kts, 1) ?? "-",
|
|
3126
|
+
windSpeedDir: (Y = (le = g == null ? void 0 : g.weather) == null ? void 0 : le.wind) == null ? void 0 : Y.bearing,
|
|
3127
3127
|
gustSpeedMax: this.roundPrecision((R = (U = g == null ? void 0 : g.weather) == null ? void 0 : U.wind) == null ? void 0 : R.gusts, 1) ?? "-",
|
|
3128
3128
|
windWaveHeight: this.roundPrecision((q = (X = g == null ? void 0 : g.wave) == null ? void 0 : X.wd) == null ? void 0 : q.height, 1) ?? "-",
|
|
3129
3129
|
windWavePeriod: this.roundPrecision((Z = (J = g == null ? void 0 : g.wave) == null ? void 0 : J.wd) == null ? void 0 : Z.period, 1) ?? "-",
|
|
3130
3130
|
windWaveDir: ($ = (V = g == null ? void 0 : g.wave) == null ? void 0 : V.wd) == null ? void 0 : $.bearing,
|
|
3131
3131
|
swellWaveHeight: this.roundPrecision((te = (ee = g == null ? void 0 : g.wave) == null ? void 0 : ee.swell) == null ? void 0 : te.height, 1) ?? "-",
|
|
3132
3132
|
swellWavePeriod: this.roundPrecision((F = (c = g == null ? void 0 : g.wave) == null ? void 0 : c.swell) == null ? void 0 : F.period, 1) ?? "-",
|
|
3133
|
-
swellWaveDir: (
|
|
3133
|
+
swellWaveDir: (P = (T = g == null ? void 0 : g.wave) == null ? void 0 : T.swell) == null ? void 0 : P.bearing,
|
|
3134
3134
|
sigWaveHeight: this.roundPrecision((S = (m = g == null ? void 0 : g.wave) == null ? void 0 : m.sig) == null ? void 0 : S.height, 1) ?? "-",
|
|
3135
|
-
sigWavePeriod: this.roundPrecision((L = (
|
|
3135
|
+
sigWavePeriod: this.roundPrecision((L = (k = g == null ? void 0 : g.wave) == null ? void 0 : k.sig) == null ? void 0 : L.period, 1) ?? "-",
|
|
3136
3136
|
sigWaveDir: (he = (D = g == null ? void 0 : g.wave) == null ? void 0 : D.sig) == null ? void 0 : he.bearing
|
|
3137
3137
|
});
|
|
3138
3138
|
}
|
|
3139
3139
|
this.loading.daysTable = !1;
|
|
3140
3140
|
},
|
|
3141
3141
|
initHourlyTableData(n, e, a, h) {
|
|
3142
|
-
var v, I, b,
|
|
3142
|
+
var v, I, b, x, C, M, N, se, ae, le, Y, U, R, X, q, J, Z, V, $, ee, te, c, F, T, P, m, S, k, L, D, he, de, Ae, g, ue, E;
|
|
3143
3143
|
this.hourlyTableData = [];
|
|
3144
3144
|
const t = e || 14, o = a || this.etime, u = W(o).tz(this.positionGmt).set({ hour: 0, minute: 0, second: 0, millisecond: 0 }).format();
|
|
3145
3145
|
for (let z = 0; z < t * 24; z++) {
|
|
3146
3146
|
let _, ce;
|
|
3147
3147
|
if (z % 3 === 0 && (ce = 3), h ? z % 3 === 0 && (_ = H(u).clone().add(z, "h").format()) : z < 3 * 24 ? _ = H(u).clone().add(z, "h").format() : z < 7 * 24 ? z % 3 === 0 && (_ = H(u).clone().add(z, "h").format()) : z % 6 === 0 && (_ = H(u).clone().add(z, "h").format()), _) {
|
|
3148
|
-
const A = ((v =
|
|
3148
|
+
const A = ((v = ke.pickHourly(n, _)) == null ? void 0 : v[0]) || {}, O = ce === 6 ? this.roundPrecision((b = (I = A == null ? void 0 : A.weather) == null ? void 0 : I.precip) == null ? void 0 : b.sum6Hours, 1) : ce === 3 ? this.roundPrecision((C = (x = A == null ? void 0 : A.weather) == null ? void 0 : x.precip) == null ? void 0 : C.sum3Hours, 1) : "-";
|
|
3149
3149
|
this.hourlyTableData.push({
|
|
3150
3150
|
localDate: this.computeMMMDDHHmmLT(_),
|
|
3151
|
-
temp: this.roundPrecision((
|
|
3151
|
+
temp: this.roundPrecision((M = A == null ? void 0 : A.weather) == null ? void 0 : M.temp, 0) ?? "-",
|
|
3152
3152
|
precipSum: O ?? "-",
|
|
3153
|
-
visibility: this.roundPrecision((
|
|
3154
|
-
windSpeed: this.roundPrecision((
|
|
3155
|
-
windDir: (Y = (
|
|
3153
|
+
visibility: this.roundPrecision((N = A == null ? void 0 : A.weather) == null ? void 0 : N.visibility, 1) ?? "-",
|
|
3154
|
+
windSpeed: this.roundPrecision((ae = (se = A == null ? void 0 : A.weather) == null ? void 0 : se.wind) == null ? void 0 : ae.kts, 1) ?? "-",
|
|
3155
|
+
windDir: (Y = (le = A == null ? void 0 : A.weather) == null ? void 0 : le.wind) == null ? void 0 : Y.direction,
|
|
3156
3156
|
windBearing: (R = (U = A == null ? void 0 : A.weather) == null ? void 0 : U.wind) == null ? void 0 : R.bearing,
|
|
3157
3157
|
windBF: ((q = (X = A == null ? void 0 : A.weather) == null ? void 0 : X.wind) == null ? void 0 : q.scale) ?? "-",
|
|
3158
3158
|
windGusts: this.roundPrecision((Z = (J = A == null ? void 0 : A.weather) == null ? void 0 : J.wind) == null ? void 0 : Z.gusts, 1) ?? "-",
|
|
3159
3159
|
windWaveHeight: this.roundPrecision(($ = (V = A == null ? void 0 : A.wave) == null ? void 0 : V.wd) == null ? void 0 : $.height, 1) ?? "-",
|
|
3160
3160
|
windWavePeriod: this.roundPrecision((te = (ee = A == null ? void 0 : A.wave) == null ? void 0 : ee.wd) == null ? void 0 : te.period, 1) ?? "-",
|
|
3161
3161
|
windWaveDir: (F = (c = A == null ? void 0 : A.wave) == null ? void 0 : c.wd) == null ? void 0 : F.direction,
|
|
3162
|
-
windWaveBearing: (
|
|
3162
|
+
windWaveBearing: (P = (T = A == null ? void 0 : A.wave) == null ? void 0 : T.wd) == null ? void 0 : P.bearing,
|
|
3163
3163
|
sigWaveHeight: this.roundPrecision((S = (m = A == null ? void 0 : A.wave) == null ? void 0 : m.sig) == null ? void 0 : S.height, 1) ?? "-",
|
|
3164
|
-
sigWavePeriod: this.roundPrecision((L = (
|
|
3164
|
+
sigWavePeriod: this.roundPrecision((L = (k = A == null ? void 0 : A.wave) == null ? void 0 : k.sig) == null ? void 0 : L.period, 1) ?? "-",
|
|
3165
3165
|
sigWaveDir: (he = (D = A == null ? void 0 : A.wave) == null ? void 0 : D.sig) == null ? void 0 : he.direction,
|
|
3166
3166
|
sigWaveBearing: (Ae = (de = A == null ? void 0 : A.wave) == null ? void 0 : de.sig) == null ? void 0 : Ae.bearing,
|
|
3167
3167
|
currentDir: (g = A == null ? void 0 : A.current) == null ? void 0 : g.direction,
|
|
@@ -3414,8 +3414,8 @@ const at = (n, e) => {
|
|
|
3414
3414
|
class: "text"
|
|
3415
3415
|
}, Ha = { class: "info-box-item flex-center" };
|
|
3416
3416
|
function Pa(n, e, a, h, t, o) {
|
|
3417
|
-
var U, R, X, q, J, Z, V, $, ee, te, c, F, T,
|
|
3418
|
-
const u =
|
|
3417
|
+
var Y, U, R, X, q, J, Z, V, $, ee, te, c, F, T, P, m, S, k, L, D, he, de, Ae, g, ue, E, z, _, ce, A, O, ie, Q, re, j, d, f, K, y, ve, G, oe, fe, B;
|
|
3418
|
+
const u = Ie("ElOption"), v = Ie("ElSelect"), I = Ie("ElTooltip"), b = Ie("Calendar"), x = Ie("el-icon"), C = Ie("ArrowRightBold"), M = Ie("ElIcon"), N = Ie("el-date-picker"), se = Ie("ElInput"), ae = Ie("ElButton"), le = Ie("ElDialog");
|
|
3419
3419
|
return r(), l("div", ot, [
|
|
3420
3420
|
s("div", nt, [
|
|
3421
3421
|
s("div", rt, [
|
|
@@ -3435,7 +3435,7 @@ function Pa(n, e, a, h, t, o) {
|
|
|
3435
3435
|
onBlur: e[1] || (e[1] = (i) => t.placeholder = "search for port name or coordinates"),
|
|
3436
3436
|
onChange: o.handleSearch
|
|
3437
3437
|
}, {
|
|
3438
|
-
default:
|
|
3438
|
+
default: Qe(() => [
|
|
3439
3439
|
(r(!0), l(we, null, pe(t.positionList, (i) => (r(), Pe(u, {
|
|
3440
3440
|
key: i.name,
|
|
3441
3441
|
label: i.nameRemark,
|
|
@@ -3454,7 +3454,7 @@ function Pa(n, e, a, h, t, o) {
|
|
|
3454
3454
|
style: { width: "150px", "margin-left": "10px" },
|
|
3455
3455
|
onChange: o.handleModelChange
|
|
3456
3456
|
}, {
|
|
3457
|
-
default:
|
|
3457
|
+
default: Qe(() => [
|
|
3458
3458
|
(r(!0), l(we, null, pe(t.modelList, (i) => (r(), Pe(u, {
|
|
3459
3459
|
key: i,
|
|
3460
3460
|
label: i,
|
|
@@ -3487,11 +3487,11 @@ function Pa(n, e, a, h, t, o) {
|
|
|
3487
3487
|
s("div", ht, [
|
|
3488
3488
|
s("div", dt, [
|
|
3489
3489
|
s("div", null, [
|
|
3490
|
-
s("div", gt, p(t.menuIndex === 4 ? "Seasonal" : "") + " Weather forecast for " + p(((
|
|
3490
|
+
s("div", gt, p(t.menuIndex === 4 ? "Seasonal" : "") + " Weather forecast for " + p(((Y = t.position) == null ? void 0 : Y.name) || "-") + " ( UTC" + p(t.positionOffset) + " )", 1),
|
|
3491
3491
|
s("div", ct, [
|
|
3492
|
-
|
|
3493
|
-
(
|
|
3494
|
-
|
|
3492
|
+
ne(" At " + p((U = t.position) != null && U.portId ? "port" : "coordinates"), 1),
|
|
3493
|
+
(R = t.position) != null && R.portId ? (r(), l("span", wt, ", " + p(o.computeLat(t.position.lat)) + ", " + p(o.computeLng(t.position.lng)), 1)) : Me("", !0),
|
|
3494
|
+
ne(", issued " + p(t.issuedDate), 1)
|
|
3495
3495
|
])
|
|
3496
3496
|
]),
|
|
3497
3497
|
s("div", pt, [
|
|
@@ -3501,7 +3501,7 @@ function Pa(n, e, a, h, t, o) {
|
|
|
3501
3501
|
content: t.followItem ? "Remove the Port/Coordinate from My Follows" : "Add the Port/Coordinate to My Follows",
|
|
3502
3502
|
"show-after": 1e3
|
|
3503
3503
|
}, {
|
|
3504
|
-
default:
|
|
3504
|
+
default: Qe(() => [
|
|
3505
3505
|
t.followItem ? (r(), l("span", {
|
|
3506
3506
|
key: 0,
|
|
3507
3507
|
class: "iconfont icon active",
|
|
@@ -3513,42 +3513,32 @@ function Pa(n, e, a, h, t, o) {
|
|
|
3513
3513
|
}, ""))
|
|
3514
3514
|
]),
|
|
3515
3515
|
_: 1
|
|
3516
|
-
}, 8, ["content"])
|
|
3517
|
-
be(B, {
|
|
3518
|
-
size: "20px",
|
|
3519
|
-
class: "icon",
|
|
3520
|
-
onClick: e[9] || (e[9] = (i) => t.showDownloadDialog = !0)
|
|
3521
|
-
}, {
|
|
3522
|
-
default: Ee(() => [
|
|
3523
|
-
be(b)
|
|
3524
|
-
]),
|
|
3525
|
-
_: 1
|
|
3526
|
-
})
|
|
3516
|
+
}, 8, ["content"])
|
|
3527
3517
|
])
|
|
3528
3518
|
]),
|
|
3529
3519
|
t.menuIndex === 1 || t.menuIndex === 2 || t.menuIndex === 3 ? (r(), l("div", mt, [
|
|
3530
|
-
(
|
|
3520
|
+
(X = t.position) != null && X.name && a.token && !((q = t.loading) != null && q.meteogramEchart) ? (r(), l("div", ut, [
|
|
3531
3521
|
s("div", ft, [
|
|
3532
|
-
e[
|
|
3522
|
+
e[15] || (e[15] = s("div", { style: { "margin-right": "20px" } }, "Meteogram", -1)),
|
|
3533
3523
|
Oe(s("div", {
|
|
3534
3524
|
id: "history-date-title",
|
|
3535
3525
|
class: "flex-space",
|
|
3536
3526
|
style: { cursor: "pointer" },
|
|
3537
|
-
onClick: e[
|
|
3527
|
+
onClick: e[9] || (e[9] = (i) => t.meteoData.showDateSelect = !t.meteoData.showDateSelect)
|
|
3538
3528
|
}, [
|
|
3539
|
-
be(
|
|
3529
|
+
be(x, {
|
|
3540
3530
|
size: "16",
|
|
3541
3531
|
style: { "margin-right": "10px" }
|
|
3542
3532
|
}, {
|
|
3543
|
-
default:
|
|
3544
|
-
be(
|
|
3533
|
+
default: Qe(() => [
|
|
3534
|
+
be(b)
|
|
3545
3535
|
]),
|
|
3546
3536
|
_: 1
|
|
3547
3537
|
}),
|
|
3548
3538
|
s("span", vt, p(o.computeMMMDDyyyyLT(t.dateRangeZ[0])) + " ~ " + p(o.computeMMMDDyyyyLT(t.dateRangeZ[1])), 1),
|
|
3549
|
-
be(
|
|
3550
|
-
default:
|
|
3551
|
-
be(
|
|
3539
|
+
be(M, { size: "16" }, {
|
|
3540
|
+
default: Qe(() => [
|
|
3541
|
+
be(C)
|
|
3552
3542
|
]),
|
|
3553
3543
|
_: 1
|
|
3554
3544
|
})
|
|
@@ -3556,9 +3546,9 @@ function Pa(n, e, a, h, t, o) {
|
|
|
3556
3546
|
[Ye, t.menuIndex === 1]
|
|
3557
3547
|
]),
|
|
3558
3548
|
Oe(s("div", yt, [
|
|
3559
|
-
be(
|
|
3549
|
+
be(N, {
|
|
3560
3550
|
modelValue: t.dateRange,
|
|
3561
|
-
"onUpdate:modelValue": e[
|
|
3551
|
+
"onUpdate:modelValue": e[10] || (e[10] = (i) => t.dateRange = i),
|
|
3562
3552
|
type: "daterange",
|
|
3563
3553
|
"range-separator": "~",
|
|
3564
3554
|
"start-placeholder": "Start date",
|
|
@@ -3569,38 +3559,38 @@ function Pa(n, e, a, h, t, o) {
|
|
|
3569
3559
|
onChange: o.handleDateRange
|
|
3570
3560
|
}, null, 8, ["modelValue", "shortcuts", "disabledDate", "onCalendarChange", "onChange"])
|
|
3571
3561
|
], 512), [
|
|
3572
|
-
[Ye, ((
|
|
3562
|
+
[Ye, ((J = t.meteoData) == null ? void 0 : J.showDateSelect) && t.menuIndex === 1]
|
|
3573
3563
|
])
|
|
3574
3564
|
]),
|
|
3575
|
-
e[
|
|
3576
|
-
e[
|
|
3577
|
-
e[
|
|
3578
|
-
])) : (
|
|
3565
|
+
e[16] || (e[16] = s("div", { id: "weather-icons" }, null, -1)),
|
|
3566
|
+
e[17] || (e[17] = s("div", { id: "weather-condition" }, null, -1)),
|
|
3567
|
+
e[18] || (e[18] = s("div", { id: "wave-swell" }, null, -1))
|
|
3568
|
+
])) : (Z = t.loading) != null && Z.meteogramEchart ? (r(), l("div", Dt, e[19] || (e[19] = [
|
|
3579
3569
|
s("img", {
|
|
3580
3570
|
style: { height: "200px" },
|
|
3581
3571
|
src: He
|
|
3582
3572
|
}, null, -1)
|
|
3583
3573
|
]))) : (r(), l("div", Bt, "No Data"))
|
|
3584
|
-
])) :
|
|
3574
|
+
])) : Me("", !0),
|
|
3585
3575
|
t.menuIndex === 2 ? (r(), l("div", xt, [
|
|
3586
|
-
(
|
|
3576
|
+
(V = t.position) != null && V.name && a.token && !(($ = t.loading) != null && $.weatherEchart) ? (r(), l("div", bt)) : (ee = t.loading) != null && ee.weatherEchart ? (r(), l("div", Ct, e[20] || (e[20] = [
|
|
3587
3577
|
s("img", {
|
|
3588
3578
|
style: { height: "200px" },
|
|
3589
3579
|
src: He
|
|
3590
3580
|
}, null, -1)
|
|
3591
3581
|
]))) : (r(), l("div", It, "No Data"))
|
|
3592
|
-
])) :
|
|
3582
|
+
])) : Me("", !0),
|
|
3593
3583
|
t.menuIndex === 2 ? (r(), l("div", Et, [
|
|
3594
|
-
(
|
|
3584
|
+
(te = t.position) != null && te.name && a.token && !((c = t.loading) != null && c.hoursTable) ? (r(), l("div", Qt, [
|
|
3595
3585
|
s("div", Mt, p(t.pickedWeek) + " " + p(o.computeMMMDDLT(t.pickedDate)), 1),
|
|
3596
3586
|
s("table", kt, [
|
|
3597
3587
|
s("tr", Lt, [
|
|
3598
|
-
e[
|
|
3588
|
+
e[21] || (e[21] = s("th", {
|
|
3599
3589
|
rowspan: "1",
|
|
3600
3590
|
colspan: "1",
|
|
3601
3591
|
class: "td-title"
|
|
3602
3592
|
}, [
|
|
3603
|
-
|
|
3593
|
+
ne("Local time"),
|
|
3604
3594
|
s("span", { class: "unit" }, "(LT)")
|
|
3605
3595
|
], -1)),
|
|
3606
3596
|
(r(!0), l(we, null, pe(t.hoursTableData.hours, (i, w) => (r(), l("th", {
|
|
@@ -3611,12 +3601,12 @@ function Pa(n, e, a, h, t, o) {
|
|
|
3611
3601
|
}, p(o.computeHourLT(i)), 3))), 128))
|
|
3612
3602
|
]),
|
|
3613
3603
|
s("tr", zt, [
|
|
3614
|
-
e[
|
|
3604
|
+
e[22] || (e[22] = s("th", {
|
|
3615
3605
|
rowspan: "1",
|
|
3616
3606
|
colspan: "1",
|
|
3617
3607
|
class: "td-title"
|
|
3618
3608
|
}, [
|
|
3619
|
-
|
|
3609
|
+
ne("UTC"),
|
|
3620
3610
|
s("span", { class: "unit" })
|
|
3621
3611
|
], -1)),
|
|
3622
3612
|
(r(!0), l(we, null, pe(t.hoursTableData.hours, (i, w) => (r(), l("th", {
|
|
@@ -3627,12 +3617,12 @@ function Pa(n, e, a, h, t, o) {
|
|
|
3627
3617
|
}, p(o.computeHourZ(i)), 3))), 128))
|
|
3628
3618
|
]),
|
|
3629
3619
|
s("tr", Ht, [
|
|
3630
|
-
e[
|
|
3620
|
+
e[23] || (e[23] = s("td", {
|
|
3631
3621
|
rowspan: "1",
|
|
3632
3622
|
colspan: "1",
|
|
3633
3623
|
class: "td-title"
|
|
3634
3624
|
}, [
|
|
3635
|
-
|
|
3625
|
+
ne("Weather"),
|
|
3636
3626
|
s("span", { class: "unit" })
|
|
3637
3627
|
], -1)),
|
|
3638
3628
|
(r(!0), l(we, null, pe(t.hoursTableData.weatherUrls, (i, w) => (r(), l("td", {
|
|
@@ -3647,24 +3637,24 @@ function Pa(n, e, a, h, t, o) {
|
|
|
3647
3637
|
content: t.hoursTableData.weatherNames[w],
|
|
3648
3638
|
"show-after": 500
|
|
3649
3639
|
}, {
|
|
3650
|
-
default:
|
|
3640
|
+
default: Qe(() => [
|
|
3651
3641
|
i ? (r(), l("img", {
|
|
3652
3642
|
key: 0,
|
|
3653
3643
|
class: "iconfont weather-icon",
|
|
3654
3644
|
src: i
|
|
3655
|
-
}, null, 8, Pt)) :
|
|
3645
|
+
}, null, 8, Pt)) : Me("", !0)
|
|
3656
3646
|
]),
|
|
3657
3647
|
_: 2
|
|
3658
3648
|
}, 1032, ["content"])
|
|
3659
3649
|
], 2))), 128))
|
|
3660
3650
|
]),
|
|
3661
3651
|
s("tr", Nt, [
|
|
3662
|
-
e[
|
|
3652
|
+
e[24] || (e[24] = s("td", {
|
|
3663
3653
|
rowspan: "1",
|
|
3664
3654
|
colspan: "1",
|
|
3665
3655
|
class: "td-title"
|
|
3666
3656
|
}, [
|
|
3667
|
-
|
|
3657
|
+
ne("Temperature"),
|
|
3668
3658
|
s("span", { class: "unit" }, "°C")
|
|
3669
3659
|
], -1)),
|
|
3670
3660
|
(r(!0), l(we, null, pe(t.hoursTableData.temp, (i, w) => (r(), l("td", {
|
|
@@ -3675,12 +3665,12 @@ function Pa(n, e, a, h, t, o) {
|
|
|
3675
3665
|
}, p(i), 3))), 128))
|
|
3676
3666
|
]),
|
|
3677
3667
|
s("tr", Tt, [
|
|
3678
|
-
e[
|
|
3668
|
+
e[25] || (e[25] = s("td", {
|
|
3679
3669
|
rowspan: "1",
|
|
3680
3670
|
colspan: "1",
|
|
3681
3671
|
class: "td-title"
|
|
3682
3672
|
}, [
|
|
3683
|
-
|
|
3673
|
+
ne("Precipitation Probability"),
|
|
3684
3674
|
s("span", { class: "unit" }, "%")
|
|
3685
3675
|
], -1)),
|
|
3686
3676
|
(r(!0), l(we, null, pe(t.hoursTableData.precipProbability, (i, w) => (r(), l("td", {
|
|
@@ -3691,12 +3681,12 @@ function Pa(n, e, a, h, t, o) {
|
|
|
3691
3681
|
}, p(i), 3))), 128))
|
|
3692
3682
|
]),
|
|
3693
3683
|
s("tr", Gt, [
|
|
3694
|
-
e[
|
|
3684
|
+
e[26] || (e[26] = s("td", {
|
|
3695
3685
|
rowspan: "1",
|
|
3696
3686
|
colspan: "1",
|
|
3697
3687
|
class: "td-title"
|
|
3698
3688
|
}, [
|
|
3699
|
-
|
|
3689
|
+
ne("Precipitation 1h"),
|
|
3700
3690
|
s("span", { class: "unit" }, "mm")
|
|
3701
3691
|
], -1)),
|
|
3702
3692
|
(r(!0), l(we, null, pe(t.hoursTableData.precip1h, (i, w) => (r(), l("td", {
|
|
@@ -3707,12 +3697,12 @@ function Pa(n, e, a, h, t, o) {
|
|
|
3707
3697
|
}, p(i), 3))), 128))
|
|
3708
3698
|
]),
|
|
3709
3699
|
s("tr", St, [
|
|
3710
|
-
e[
|
|
3700
|
+
e[27] || (e[27] = s("td", {
|
|
3711
3701
|
rowspan: "1",
|
|
3712
3702
|
colspan: "1",
|
|
3713
3703
|
class: "td-title"
|
|
3714
3704
|
}, [
|
|
3715
|
-
|
|
3705
|
+
ne("Visibility"),
|
|
3716
3706
|
s("span", { class: "unit" }, "nm")
|
|
3717
3707
|
], -1)),
|
|
3718
3708
|
(r(!0), l(we, null, pe(t.hoursTableData.visibility, (i, w) => (r(), l("td", {
|
|
@@ -3723,12 +3713,12 @@ function Pa(n, e, a, h, t, o) {
|
|
|
3723
3713
|
}, p(i), 3))), 128))
|
|
3724
3714
|
]),
|
|
3725
3715
|
s("tr", Ft, [
|
|
3726
|
-
e[
|
|
3716
|
+
e[28] || (e[28] = s("td", {
|
|
3727
3717
|
rowspan: "1",
|
|
3728
3718
|
colspan: "1",
|
|
3729
3719
|
class: "td-title"
|
|
3730
3720
|
}, [
|
|
3731
|
-
|
|
3721
|
+
ne("Relative Humidity"),
|
|
3732
3722
|
s("span", { class: "unit" }, "%")
|
|
3733
3723
|
], -1)),
|
|
3734
3724
|
(r(!0), l(we, null, pe(t.hoursTableData.humidity, (i, w) => (r(), l("td", {
|
|
@@ -3739,12 +3729,12 @@ function Pa(n, e, a, h, t, o) {
|
|
|
3739
3729
|
}, p(i), 3))), 128))
|
|
3740
3730
|
]),
|
|
3741
3731
|
s("tr", _t, [
|
|
3742
|
-
e[
|
|
3732
|
+
e[29] || (e[29] = s("td", {
|
|
3743
3733
|
rowspan: "1",
|
|
3744
3734
|
colspan: "1",
|
|
3745
3735
|
class: "td-title"
|
|
3746
3736
|
}, [
|
|
3747
|
-
|
|
3737
|
+
ne("Wind direction"),
|
|
3748
3738
|
s("span", { class: "unit" })
|
|
3749
3739
|
], -1)),
|
|
3750
3740
|
(r(!0), l(we, null, pe(t.hoursTableData.windDir, (i, w) => (r(), l("td", {
|
|
@@ -3756,17 +3746,17 @@ function Pa(n, e, a, h, t, o) {
|
|
|
3756
3746
|
isNaN(i) ? (r(), l("span", Ot, "-")) : (r(), l("span", {
|
|
3757
3747
|
key: 0,
|
|
3758
3748
|
class: "iconfont icon",
|
|
3759
|
-
style:
|
|
3749
|
+
style: Ce({ display: "inline-block", transform: `rotate(${i}deg)` })
|
|
3760
3750
|
}, "", 4))
|
|
3761
3751
|
], 2))), 128))
|
|
3762
3752
|
]),
|
|
3763
3753
|
s("tr", Yt, [
|
|
3764
|
-
e[
|
|
3754
|
+
e[30] || (e[30] = s("td", {
|
|
3765
3755
|
rowspan: "1",
|
|
3766
3756
|
colspan: "1",
|
|
3767
3757
|
class: "td-title"
|
|
3768
3758
|
}, [
|
|
3769
|
-
|
|
3759
|
+
ne("Wind speed"),
|
|
3770
3760
|
s("span", { class: "unit" }, "kts")
|
|
3771
3761
|
], -1)),
|
|
3772
3762
|
(r(!0), l(we, null, pe(t.hoursTableData.windSpeed, (i, w) => (r(), l("td", {
|
|
@@ -3777,12 +3767,12 @@ function Pa(n, e, a, h, t, o) {
|
|
|
3777
3767
|
}, p(i), 3))), 128))
|
|
3778
3768
|
]),
|
|
3779
3769
|
s("tr", jt, [
|
|
3780
|
-
e[
|
|
3770
|
+
e[31] || (e[31] = s("td", {
|
|
3781
3771
|
rowspan: "1",
|
|
3782
3772
|
colspan: "1",
|
|
3783
3773
|
class: "td-title"
|
|
3784
3774
|
}, [
|
|
3785
|
-
|
|
3775
|
+
ne("Wind gust"),
|
|
3786
3776
|
s("span", { class: "unit" }, "kts")
|
|
3787
3777
|
], -1)),
|
|
3788
3778
|
(r(!0), l(we, null, pe(t.hoursTableData.windGust, (i, w) => (r(), l("td", {
|
|
@@ -3793,15 +3783,15 @@ function Pa(n, e, a, h, t, o) {
|
|
|
3793
3783
|
}, p(i), 3))), 128))
|
|
3794
3784
|
])
|
|
3795
3785
|
]),
|
|
3796
|
-
e[
|
|
3786
|
+
e[43] || (e[43] = s("div", { style: { "text-align": "center", padding: "3px" } }, null, -1)),
|
|
3797
3787
|
s("table", Kt, [
|
|
3798
3788
|
s("tr", Ut, [
|
|
3799
|
-
e[
|
|
3789
|
+
e[32] || (e[32] = s("td", {
|
|
3800
3790
|
rowspan: "1",
|
|
3801
3791
|
colspan: "1",
|
|
3802
3792
|
class: "td-title"
|
|
3803
3793
|
}, [
|
|
3804
|
-
|
|
3794
|
+
ne("Wind wave height"),
|
|
3805
3795
|
s("span", { class: "unit" }, "m")
|
|
3806
3796
|
], -1)),
|
|
3807
3797
|
(r(!0), l(we, null, pe(t.hoursTableData.windwaveHeight, (i, w) => (r(), l("td", {
|
|
@@ -3812,12 +3802,12 @@ function Pa(n, e, a, h, t, o) {
|
|
|
3812
3802
|
}, p(i), 3))), 128))
|
|
3813
3803
|
]),
|
|
3814
3804
|
s("tr", Wt, [
|
|
3815
|
-
e[
|
|
3805
|
+
e[33] || (e[33] = s("td", {
|
|
3816
3806
|
rowspan: "1",
|
|
3817
3807
|
colspan: "1",
|
|
3818
3808
|
class: "td-title"
|
|
3819
3809
|
}, [
|
|
3820
|
-
|
|
3810
|
+
ne("Wind wave direction"),
|
|
3821
3811
|
s("span", { class: "unit" })
|
|
3822
3812
|
], -1)),
|
|
3823
3813
|
(r(!0), l(we, null, pe(t.hoursTableData.windwaveDir, (i, w) => (r(), l("td", {
|
|
@@ -3829,17 +3819,17 @@ function Pa(n, e, a, h, t, o) {
|
|
|
3829
3819
|
isNaN(i) ? (r(), l("span", Rt, "-")) : (r(), l("span", {
|
|
3830
3820
|
key: 0,
|
|
3831
3821
|
class: "iconfont icon",
|
|
3832
|
-
style:
|
|
3822
|
+
style: Ce({ display: "inline-block", transform: `rotate(${i}deg)` })
|
|
3833
3823
|
}, "", 4))
|
|
3834
3824
|
], 2))), 128))
|
|
3835
3825
|
]),
|
|
3836
3826
|
s("tr", Xt, [
|
|
3837
|
-
e[
|
|
3827
|
+
e[34] || (e[34] = s("td", {
|
|
3838
3828
|
rowspan: "1",
|
|
3839
3829
|
colspan: "1",
|
|
3840
3830
|
class: "td-title"
|
|
3841
3831
|
}, [
|
|
3842
|
-
|
|
3832
|
+
ne("Wind wave period"),
|
|
3843
3833
|
s("span", { class: "unit" }, "s")
|
|
3844
3834
|
], -1)),
|
|
3845
3835
|
(r(!0), l(we, null, pe(t.hoursTableData.windwavePeriod, (i, w) => (r(), l("td", {
|
|
@@ -3850,12 +3840,12 @@ function Pa(n, e, a, h, t, o) {
|
|
|
3850
3840
|
}, p(i), 3))), 128))
|
|
3851
3841
|
]),
|
|
3852
3842
|
s("tr", qt, [
|
|
3853
|
-
e[
|
|
3843
|
+
e[35] || (e[35] = s("td", {
|
|
3854
3844
|
rowspan: "1",
|
|
3855
3845
|
colspan: "1",
|
|
3856
3846
|
class: "td-title"
|
|
3857
3847
|
}, [
|
|
3858
|
-
|
|
3848
|
+
ne("Swell height"),
|
|
3859
3849
|
s("span", { class: "unit" }, "m")
|
|
3860
3850
|
], -1)),
|
|
3861
3851
|
(r(!0), l(we, null, pe(t.hoursTableData.swellHeight, (i, w) => (r(), l("td", {
|
|
@@ -3866,12 +3856,12 @@ function Pa(n, e, a, h, t, o) {
|
|
|
3866
3856
|
}, p(i), 3))), 128))
|
|
3867
3857
|
]),
|
|
3868
3858
|
s("tr", Jt, [
|
|
3869
|
-
e[
|
|
3859
|
+
e[36] || (e[36] = s("td", {
|
|
3870
3860
|
rowspan: "1",
|
|
3871
3861
|
colspan: "1",
|
|
3872
3862
|
class: "td-title"
|
|
3873
3863
|
}, [
|
|
3874
|
-
|
|
3864
|
+
ne("Swell direction"),
|
|
3875
3865
|
s("span", { class: "unit" })
|
|
3876
3866
|
], -1)),
|
|
3877
3867
|
(r(!0), l(we, null, pe(t.hoursTableData.swellDir, (i, w) => (r(), l("td", {
|
|
@@ -3883,17 +3873,17 @@ function Pa(n, e, a, h, t, o) {
|
|
|
3883
3873
|
isNaN(i) ? (r(), l("span", Zt, "-")) : (r(), l("span", {
|
|
3884
3874
|
key: 0,
|
|
3885
3875
|
class: "iconfont icon",
|
|
3886
|
-
style:
|
|
3876
|
+
style: Ce({ display: "inline-block", transform: `rotate(${i}deg)` })
|
|
3887
3877
|
}, "", 4))
|
|
3888
3878
|
], 2))), 128))
|
|
3889
3879
|
]),
|
|
3890
3880
|
s("tr", Vt, [
|
|
3891
|
-
e[
|
|
3881
|
+
e[37] || (e[37] = s("td", {
|
|
3892
3882
|
rowspan: "1",
|
|
3893
3883
|
colspan: "1",
|
|
3894
3884
|
class: "td-title"
|
|
3895
3885
|
}, [
|
|
3896
|
-
|
|
3886
|
+
ne("Swell period"),
|
|
3897
3887
|
s("span", { class: "unit" }, "s")
|
|
3898
3888
|
], -1)),
|
|
3899
3889
|
(r(!0), l(we, null, pe(t.hoursTableData.swellPeriod, (i, w) => (r(), l("td", {
|
|
@@ -3904,12 +3894,12 @@ function Pa(n, e, a, h, t, o) {
|
|
|
3904
3894
|
}, p(i), 3))), 128))
|
|
3905
3895
|
]),
|
|
3906
3896
|
s("tr", $t, [
|
|
3907
|
-
e[
|
|
3897
|
+
e[38] || (e[38] = s("td", {
|
|
3908
3898
|
rowspan: "1",
|
|
3909
3899
|
colspan: "1",
|
|
3910
3900
|
class: "td-title"
|
|
3911
3901
|
}, [
|
|
3912
|
-
|
|
3902
|
+
ne("Sig wave height"),
|
|
3913
3903
|
s("span", { class: "unit" }, "m")
|
|
3914
3904
|
], -1)),
|
|
3915
3905
|
(r(!0), l(we, null, pe(t.hoursTableData.sigwaveHeight, (i, w) => (r(), l("td", {
|
|
@@ -3920,12 +3910,12 @@ function Pa(n, e, a, h, t, o) {
|
|
|
3920
3910
|
}, p(i), 3))), 128))
|
|
3921
3911
|
]),
|
|
3922
3912
|
s("tr", es, [
|
|
3923
|
-
e[
|
|
3913
|
+
e[39] || (e[39] = s("td", {
|
|
3924
3914
|
rowspan: "1",
|
|
3925
3915
|
colspan: "1",
|
|
3926
3916
|
class: "td-title"
|
|
3927
3917
|
}, [
|
|
3928
|
-
|
|
3918
|
+
ne("Current direction"),
|
|
3929
3919
|
s("span", { class: "unit" })
|
|
3930
3920
|
], -1)),
|
|
3931
3921
|
(r(!0), l(we, null, pe(t.hoursTableData.currentDir, (i, w) => (r(), l("td", {
|
|
@@ -3937,17 +3927,17 @@ function Pa(n, e, a, h, t, o) {
|
|
|
3937
3927
|
isNaN(i) ? (r(), l("span", ts, "-")) : (r(), l("span", {
|
|
3938
3928
|
key: 0,
|
|
3939
3929
|
class: "iconfont icon",
|
|
3940
|
-
style:
|
|
3930
|
+
style: Ce({ display: "inline-block", transform: `rotate(${i}deg)` })
|
|
3941
3931
|
}, "", 4))
|
|
3942
3932
|
], 2))), 128))
|
|
3943
3933
|
]),
|
|
3944
3934
|
s("tr", ss, [
|
|
3945
|
-
e[
|
|
3935
|
+
e[40] || (e[40] = s("td", {
|
|
3946
3936
|
rowspan: "1",
|
|
3947
3937
|
colspan: "1",
|
|
3948
3938
|
class: "td-title"
|
|
3949
3939
|
}, [
|
|
3950
|
-
|
|
3940
|
+
ne("Current speed"),
|
|
3951
3941
|
s("span", { class: "unit" }, "kts")
|
|
3952
3942
|
], -1)),
|
|
3953
3943
|
(r(!0), l(we, null, pe(t.hoursTableData.currentSpeed, (i, w) => (r(), l("td", {
|
|
@@ -3958,15 +3948,15 @@ function Pa(n, e, a, h, t, o) {
|
|
|
3958
3948
|
}, p(i), 3))), 128))
|
|
3959
3949
|
])
|
|
3960
3950
|
]),
|
|
3961
|
-
e[
|
|
3951
|
+
e[44] || (e[44] = s("div", { style: { "text-align": "center", padding: "3px" } }, null, -1)),
|
|
3962
3952
|
s("table", as, [
|
|
3963
3953
|
s("tr", is, [
|
|
3964
|
-
e[
|
|
3954
|
+
e[41] || (e[41] = s("td", {
|
|
3965
3955
|
rowspan: "1",
|
|
3966
3956
|
colspan: "1",
|
|
3967
3957
|
class: "td-title"
|
|
3968
3958
|
}, [
|
|
3969
|
-
|
|
3959
|
+
ne("Sea level height"),
|
|
3970
3960
|
s("span", { class: "unit" }, "m")
|
|
3971
3961
|
], -1)),
|
|
3972
3962
|
(r(!0), l(we, null, pe(t.hoursTableData.seaLevel, (i, w) => (r(), l("td", {
|
|
@@ -3977,12 +3967,12 @@ function Pa(n, e, a, h, t, o) {
|
|
|
3977
3967
|
}, p(i), 3))), 128))
|
|
3978
3968
|
]),
|
|
3979
3969
|
s("tr", os, [
|
|
3980
|
-
e[
|
|
3970
|
+
e[42] || (e[42] = s("td", {
|
|
3981
3971
|
rowspan: "1",
|
|
3982
3972
|
colspan: "1",
|
|
3983
3973
|
class: "td-title"
|
|
3984
3974
|
}, [
|
|
3985
|
-
|
|
3975
|
+
ne("Sea surface temperature"),
|
|
3986
3976
|
s("span", { class: "unit" }, "°C")
|
|
3987
3977
|
], -1)),
|
|
3988
3978
|
(r(!0), l(we, null, pe(t.hoursTableData.seaTemp, (i, w) => (r(), l("td", {
|
|
@@ -3993,18 +3983,18 @@ function Pa(n, e, a, h, t, o) {
|
|
|
3993
3983
|
}, p(i), 3))), 128))
|
|
3994
3984
|
])
|
|
3995
3985
|
])
|
|
3996
|
-
])) : (
|
|
3986
|
+
])) : (F = t.loading) != null && F.hoursTable ? (r(), l("div", ns, e[45] || (e[45] = [
|
|
3997
3987
|
s("img", {
|
|
3998
3988
|
style: { height: "200px" },
|
|
3999
3989
|
src: He
|
|
4000
3990
|
}, null, -1)
|
|
4001
3991
|
]))) : (r(), l("div", rs, "No Data"))
|
|
4002
|
-
])) :
|
|
3992
|
+
])) : Me("", !0),
|
|
4003
3993
|
t.menuIndex === 3 ? (r(), l("div", ls, [
|
|
4004
|
-
(
|
|
4005
|
-
e[
|
|
3994
|
+
(T = t.position) != null && T.name && a.token && !((P = t.loading) != null && P.daysTable) ? (r(), l("div", As, [
|
|
3995
|
+
e[57] || (e[57] = s("div", { class: "date" }, "Daily Forecast", -1)),
|
|
4006
3996
|
s("table", hs, [
|
|
4007
|
-
e[
|
|
3997
|
+
e[55] || (e[55] = s("tr", { class: "day tr-title" }, [
|
|
4008
3998
|
s("th", {
|
|
4009
3999
|
rowspan: "1",
|
|
4010
4000
|
colspan: "1"
|
|
@@ -4030,7 +4020,7 @@ function Pa(n, e, a, h, t, o) {
|
|
|
4030
4020
|
class: "text-align-left"
|
|
4031
4021
|
}, "Wave")
|
|
4032
4022
|
], -1)),
|
|
4033
|
-
e[
|
|
4023
|
+
e[56] || (e[56] = s("tr", { class: "hour tr-title border-bottom" }, [
|
|
4034
4024
|
s("th", {
|
|
4035
4025
|
rowspan: "1",
|
|
4036
4026
|
colspan: "1",
|
|
@@ -4112,79 +4102,79 @@ function Pa(n, e, a, h, t, o) {
|
|
|
4112
4102
|
class: "iconfont weather-icon",
|
|
4113
4103
|
style: { width: "34px", height: "34px" },
|
|
4114
4104
|
src: i.weatherUrl
|
|
4115
|
-
}, null, 8, cs)) :
|
|
4105
|
+
}, null, 8, cs)) : Me("", !0)
|
|
4116
4106
|
]),
|
|
4117
4107
|
s("td", ws, p(i.weatherName), 1),
|
|
4118
4108
|
s("td", ps, [
|
|
4119
|
-
|
|
4120
|
-
e[
|
|
4109
|
+
ne(p(i.minTemp) + " / " + p(i.maxTemp), 1),
|
|
4110
|
+
e[46] || (e[46] = s("span", { class: "unit" }, "°C", -1))
|
|
4121
4111
|
]),
|
|
4122
4112
|
s("td", ms, [
|
|
4123
|
-
|
|
4124
|
-
e[
|
|
4113
|
+
ne(p(i.precipSum), 1),
|
|
4114
|
+
e[47] || (e[47] = s("span", { class: "unit" }, "mm", -1))
|
|
4125
4115
|
]),
|
|
4126
4116
|
s("td", us, [
|
|
4127
|
-
|
|
4128
|
-
e[
|
|
4117
|
+
ne(p(i.precipRainSum), 1),
|
|
4118
|
+
e[48] || (e[48] = s("span", { class: "unit" }, "mm", -1))
|
|
4129
4119
|
]),
|
|
4130
4120
|
s("td", fs, [
|
|
4131
|
-
|
|
4132
|
-
e[
|
|
4121
|
+
ne(p(i.precipSnowfallSum), 1),
|
|
4122
|
+
e[49] || (e[49] = s("span", { class: "unit" }, "mm", -1))
|
|
4133
4123
|
]),
|
|
4134
4124
|
s("td", vs, [
|
|
4135
4125
|
s("span", null, p(i.windSpeedMax), 1),
|
|
4136
|
-
e[
|
|
4126
|
+
e[50] || (e[50] = s("span", { class: "unit" }, "kts", -1)),
|
|
4137
4127
|
!isNaN(i.windSpeedDir) && !isNaN(i.windSpeedMax) ? (r(), l("span", {
|
|
4138
4128
|
key: 0,
|
|
4139
4129
|
class: "iconfont icon",
|
|
4140
|
-
style:
|
|
4130
|
+
style: Ce({ display: "inline-block", transform: `rotate(${i.windSpeedDir}deg)` })
|
|
4141
4131
|
}, "", 4)) : (r(), l("span", ys, "-"))
|
|
4142
4132
|
]),
|
|
4143
4133
|
s("td", Ds, [
|
|
4144
4134
|
s("span", null, p(i.gustSpeedMax), 1),
|
|
4145
|
-
e[
|
|
4135
|
+
e[51] || (e[51] = s("span", { class: "unit" }, "kts", -1))
|
|
4146
4136
|
]),
|
|
4147
4137
|
s("td", Bs, [
|
|
4148
4138
|
s("span", null, p(i.windWaveHeight), 1),
|
|
4149
|
-
e[
|
|
4139
|
+
e[52] || (e[52] = s("span", { class: "unit" }, "m", -1)),
|
|
4150
4140
|
!isNaN(i.windWaveDir) && !isNaN(i.windWaveHeight) ? (r(), l("span", {
|
|
4151
4141
|
key: 0,
|
|
4152
4142
|
class: "iconfont icon",
|
|
4153
|
-
style:
|
|
4143
|
+
style: Ce({ display: "inline-block", transform: `rotate(${i.windWaveDir}deg)` })
|
|
4154
4144
|
}, "", 4)) : (r(), l("span", xs, "-"))
|
|
4155
4145
|
]),
|
|
4156
4146
|
s("td", bs, [
|
|
4157
4147
|
s("span", null, p(i.swellWaveHeight), 1),
|
|
4158
|
-
e[
|
|
4148
|
+
e[53] || (e[53] = s("span", { class: "unit" }, "m", -1)),
|
|
4159
4149
|
!isNaN(i.swellWaveDir) && !isNaN(i.swellWaveHeight) ? (r(), l("span", {
|
|
4160
4150
|
key: 0,
|
|
4161
4151
|
class: "iconfont icon",
|
|
4162
|
-
style:
|
|
4152
|
+
style: Ce({ display: "inline-block", transform: `rotate(${i.swellWaveDir}deg)` })
|
|
4163
4153
|
}, "", 4)) : (r(), l("span", Cs, "-"))
|
|
4164
4154
|
]),
|
|
4165
4155
|
s("td", Is, [
|
|
4166
4156
|
s("span", null, p(i.sigWaveHeight), 1),
|
|
4167
|
-
e[
|
|
4157
|
+
e[54] || (e[54] = s("span", { class: "unit" }, "m", -1)),
|
|
4168
4158
|
!isNaN(i.sigWaveDir) && !isNaN(i.sigWaveHeight) ? (r(), l("span", {
|
|
4169
4159
|
key: 0,
|
|
4170
4160
|
class: "iconfont icon",
|
|
4171
|
-
style:
|
|
4161
|
+
style: Ce({ display: "inline-block", transform: `rotate(${i.sigWaveDir}deg)` })
|
|
4172
4162
|
}, "", 4)) : (r(), l("span", Es, "-"))
|
|
4173
4163
|
])
|
|
4174
4164
|
]))), 128))
|
|
4175
4165
|
])
|
|
4176
|
-
])) : (
|
|
4166
|
+
])) : (m = t.loading) != null && m.daysTable ? (r(), l("div", Qs, e[58] || (e[58] = [
|
|
4177
4167
|
s("img", {
|
|
4178
4168
|
style: { height: "200px" },
|
|
4179
4169
|
src: He
|
|
4180
4170
|
}, null, -1)
|
|
4181
4171
|
]))) : (r(), l("div", Ms, "No Data"))
|
|
4182
|
-
])) :
|
|
4172
|
+
])) : Me("", !0),
|
|
4183
4173
|
t.menuIndex === 1 || t.menuIndex === 3 ? (r(), l("div", ks, [
|
|
4184
|
-
(
|
|
4185
|
-
e[
|
|
4174
|
+
(S = t.position) != null && S.name && a.token && !((k = t.loading) != null && k.hourlyTable) ? (r(), l("div", Ls, [
|
|
4175
|
+
e[61] || (e[61] = s("div", { class: "date" }, "Hourly Forecast", -1)),
|
|
4186
4176
|
s("table", zs, [
|
|
4187
|
-
e[
|
|
4177
|
+
e[59] || (e[59] = s("tr", { class: "day tr-title" }, [
|
|
4188
4178
|
s("th", {
|
|
4189
4179
|
rowspan: "2",
|
|
4190
4180
|
colspan: "1",
|
|
@@ -4237,7 +4227,7 @@ function Pa(n, e, a, h, t, o) {
|
|
|
4237
4227
|
class: "border"
|
|
4238
4228
|
}, "Sea Surface")
|
|
4239
4229
|
], -1)),
|
|
4240
|
-
e[
|
|
4230
|
+
e[60] || (e[60] = s("tr", { class: "hour tr-title" }, [
|
|
4241
4231
|
s("th", {
|
|
4242
4232
|
rowspan: "1",
|
|
4243
4233
|
colspan: "1",
|
|
@@ -4338,42 +4328,42 @@ function Pa(n, e, a, h, t, o) {
|
|
|
4338
4328
|
s("td", Ns, p(i.precipSum), 1),
|
|
4339
4329
|
s("td", Ts, p(i.visibility), 1),
|
|
4340
4330
|
s("td", Gs, [
|
|
4341
|
-
|
|
4331
|
+
ne(p(i.windDir) + " ", 1),
|
|
4342
4332
|
!isNaN(i.windBearing) && i.windDir ? (r(), l("span", {
|
|
4343
4333
|
key: 0,
|
|
4344
4334
|
class: "iconfont icon",
|
|
4345
|
-
style:
|
|
4335
|
+
style: Ce({ display: "inline-block", transform: `rotate(${i.windBearing}deg)` })
|
|
4346
4336
|
}, "", 4)) : (r(), l("span", Ss, "-"))
|
|
4347
4337
|
]),
|
|
4348
4338
|
s("td", Fs, p(i.windSpeed), 1),
|
|
4349
4339
|
s("td", _s, p(i.windBF), 1),
|
|
4350
4340
|
s("td", Os, p(i.windGusts), 1),
|
|
4351
4341
|
s("td", Ys, [
|
|
4352
|
-
|
|
4342
|
+
ne(p(i.windWaveDir) + " ", 1),
|
|
4353
4343
|
!isNaN(i.windWaveBearing) && i.windWaveDir ? (r(), l("span", {
|
|
4354
4344
|
key: 0,
|
|
4355
4345
|
class: "iconfont icon",
|
|
4356
|
-
style:
|
|
4346
|
+
style: Ce({ display: "inline-block", transform: `rotate(${i.windWaveBearing}deg)` })
|
|
4357
4347
|
}, "", 4)) : (r(), l("span", js, "-"))
|
|
4358
4348
|
]),
|
|
4359
4349
|
s("td", Ks, p(i.windWaveHeight), 1),
|
|
4360
4350
|
s("td", Us, p(i.windWavePeriod), 1),
|
|
4361
4351
|
s("td", Ws, [
|
|
4362
|
-
|
|
4352
|
+
ne(p(i.sigWaveDir) + " ", 1),
|
|
4363
4353
|
!isNaN(i.sigWaveBearing) && i.sigWaveDir ? (r(), l("span", {
|
|
4364
4354
|
key: 0,
|
|
4365
4355
|
class: "iconfont icon",
|
|
4366
|
-
style:
|
|
4356
|
+
style: Ce({ display: "inline-block", transform: `rotate(${i.sigWaveBearing}deg)` })
|
|
4367
4357
|
}, "", 4)) : (r(), l("span", Rs, "-"))
|
|
4368
4358
|
]),
|
|
4369
4359
|
s("td", Xs, p(i.sigWaveHeight), 1),
|
|
4370
4360
|
s("td", qs, p(i.sigWavePeriod), 1),
|
|
4371
4361
|
s("td", Js, [
|
|
4372
|
-
|
|
4362
|
+
ne(p(i.currentDir) + " ", 1),
|
|
4373
4363
|
!isNaN(i.currentBearing) && i.currentDir ? (r(), l("span", {
|
|
4374
4364
|
key: 0,
|
|
4375
4365
|
class: "iconfont icon",
|
|
4376
|
-
style:
|
|
4366
|
+
style: Ce({ display: "inline-block", transform: `rotate(${i.currentBearing}deg)` })
|
|
4377
4367
|
}, "", 4)) : (r(), l("span", Zs, "-"))
|
|
4378
4368
|
]),
|
|
4379
4369
|
s("td", Vs, p(i.currentSpd), 1),
|
|
@@ -4381,26 +4371,26 @@ function Pa(n, e, a, h, t, o) {
|
|
|
4381
4371
|
s("td", ea, p(i.seaSurfaceTemp), 1)
|
|
4382
4372
|
]))), 128))
|
|
4383
4373
|
])
|
|
4384
|
-
])) : (
|
|
4374
|
+
])) : (L = t.loading) != null && L.hourlyTable ? (r(), l("div", ta, e[62] || (e[62] = [
|
|
4385
4375
|
s("img", {
|
|
4386
4376
|
style: { height: "200px" },
|
|
4387
4377
|
src: He
|
|
4388
4378
|
}, null, -1)
|
|
4389
4379
|
]))) : (r(), l("div", sa, "No Data"))
|
|
4390
|
-
])) :
|
|
4380
|
+
])) : Me("", !0),
|
|
4391
4381
|
t.menuIndex === 4 ? (r(), l("div", aa, [
|
|
4392
|
-
(
|
|
4382
|
+
(D = t.position) != null && D.name && a.token && !((he = t.loading) != null && he.seasonalEchart) ? (r(), l("div", ia, [
|
|
4393
4383
|
s("div", oa, [
|
|
4394
4384
|
s("div", {
|
|
4395
4385
|
id: "seasonal-title",
|
|
4396
4386
|
class: "title flex-start",
|
|
4397
|
-
onClick: e[
|
|
4387
|
+
onClick: e[11] || (e[11] = (i) => t.seasonalData.showMonths = !t.seasonalData.showMonths)
|
|
4398
4388
|
}, [
|
|
4399
|
-
s("div", na, p((
|
|
4389
|
+
s("div", na, p((g = (Ae = (de = t.currentMonth) == null ? void 0 : de.month) == null ? void 0 : Ae.split("-")) == null ? void 0 : g[0]) + " " + p((z = (E = (ue = t.currentMonth) == null ? void 0 : ue.month) == null ? void 0 : E.split("-")) == null ? void 0 : z[1]), 1),
|
|
4400
4390
|
s("div", ra, [
|
|
4401
|
-
be(
|
|
4402
|
-
default:
|
|
4403
|
-
be(
|
|
4391
|
+
be(M, null, {
|
|
4392
|
+
default: Qe(() => [
|
|
4393
|
+
be(C)
|
|
4404
4394
|
]),
|
|
4405
4395
|
_: 1
|
|
4406
4396
|
})
|
|
@@ -4412,7 +4402,7 @@ function Pa(n, e, a, h, t, o) {
|
|
|
4412
4402
|
return r(), l("div", {
|
|
4413
4403
|
key: i,
|
|
4414
4404
|
class: me(["month-option", ((w = t.currentMonth) == null ? void 0 : w.month) === i.month ? "active" : ""]),
|
|
4415
|
-
onClick: (
|
|
4405
|
+
onClick: (xe) => o.handleSelectMonth(i)
|
|
4416
4406
|
}, p(i.month), 11, ha);
|
|
4417
4407
|
}), 128))
|
|
4418
4408
|
])
|
|
@@ -4420,38 +4410,38 @@ function Pa(n, e, a, h, t, o) {
|
|
|
4420
4410
|
[Ye, t.seasonalData.showMonths]
|
|
4421
4411
|
])
|
|
4422
4412
|
]),
|
|
4423
|
-
e[
|
|
4424
|
-
e[
|
|
4413
|
+
e[63] || (e[63] = s("div", { id: "temperature-echart" }, null, -1)),
|
|
4414
|
+
e[64] || (e[64] = s("div", { id: "wind-precip-echart" }, null, -1))
|
|
4425
4415
|
]),
|
|
4426
4416
|
s("div", da, [
|
|
4427
|
-
s("div", ga, p((
|
|
4428
|
-
e[
|
|
4417
|
+
s("div", ga, p((_ = t.currentMonth) == null ? void 0 : _.month) + " Summary", 1),
|
|
4418
|
+
e[65] || (e[65] = s("div", { class: "label" }, "Temperature", -1)),
|
|
4429
4419
|
s("div", ca, "Avg High Temp: " + p(t.seasonalData.minHighTemp) + " to " + p(t.seasonalData.maxHighTemp) + " °C", 1),
|
|
4430
4420
|
s("div", wa, "Avg Low Temp: " + p(t.seasonalData.minLowTemp) + " to " + p(t.seasonalData.maxLowTemp) + " °C", 1),
|
|
4431
4421
|
s("div", pa, "Hottest Day: " + p(t.seasonalData.hottestDay), 1),
|
|
4432
4422
|
s("div", ma, "Coldest Day: " + p(t.seasonalData.coldestDay), 1),
|
|
4433
|
-
e[
|
|
4434
|
-
s("div", ua, "Light (<10mm): " + p((
|
|
4435
|
-
s("div", fa, "Moderate (<=24.9mm): " + p((
|
|
4436
|
-
s("div", va, "Heavy (<=49.9mm): " + p((
|
|
4437
|
-
s("div", ya, "Rainstorm (<=99.9mm): " + p((
|
|
4438
|
-
s("div", Da, "Heavy Rainstorm (>=100mm): " + p((
|
|
4439
|
-
e[
|
|
4423
|
+
e[66] || (e[66] = s("div", { class: "label" }, "Precipitation", -1)),
|
|
4424
|
+
s("div", ua, "Light (<10mm): " + p((O = (A = (ce = t.seasonalData) == null ? void 0 : ce.precip) == null ? void 0 : A.filter((i) => i < 10)) == null ? void 0 : O.length) + " days", 1),
|
|
4425
|
+
s("div", fa, "Moderate (<=24.9mm): " + p((re = (Q = (ie = t.seasonalData) == null ? void 0 : ie.precip) == null ? void 0 : Q.filter((i) => i >= 10 && i < 24.9)) == null ? void 0 : re.length) + " days", 1),
|
|
4426
|
+
s("div", va, "Heavy (<=49.9mm): " + p((f = (d = (j = t.seasonalData) == null ? void 0 : j.precip) == null ? void 0 : d.filter((i) => i >= 24.9 && i < 49.9)) == null ? void 0 : f.length) + " days", 1),
|
|
4427
|
+
s("div", ya, "Rainstorm (<=99.9mm): " + p((ve = (y = (K = t.seasonalData) == null ? void 0 : K.precip) == null ? void 0 : y.filter((i) => i >= 49.9 && i < 99.9)) == null ? void 0 : ve.length) + " days", 1),
|
|
4428
|
+
s("div", Da, "Heavy Rainstorm (>=100mm): " + p((fe = (oe = (G = t.seasonalData) == null ? void 0 : G.precip) == null ? void 0 : oe.filter((i) => i >= 100)) == null ? void 0 : fe.length) + " days", 1),
|
|
4429
|
+
e[67] || (e[67] = s("div", { class: "label" }, "Wind", -1)),
|
|
4440
4430
|
s("div", Ba, "Mean Wind: " + p(o.roundPrecision(t.seasonalData.meanWind, 1)) + " kts", 1),
|
|
4441
4431
|
s("div", xa, "Windiest Day: " + p(t.seasonalData.windiestDay) + " ( " + p(t.seasonalData.maxWindSpeed) + "kts )", 1),
|
|
4442
4432
|
s("div", ba, "Dominant Wind Dir: " + p(t.seasonalData.dominantWind), 1)
|
|
4443
4433
|
])
|
|
4444
|
-
])) : (
|
|
4434
|
+
])) : (B = t.loading) != null && B.seasonalEchart ? (r(), l("div", Ca, e[68] || (e[68] = [
|
|
4445
4435
|
s("img", {
|
|
4446
4436
|
style: { height: "200px" },
|
|
4447
4437
|
src: He
|
|
4448
4438
|
}, null, -1)
|
|
4449
4439
|
]))) : (r(), l("div", Ia, "No Data"))
|
|
4450
|
-
])) :
|
|
4440
|
+
])) : Me("", !0)
|
|
4451
4441
|
]),
|
|
4452
|
-
be(
|
|
4442
|
+
be(le, {
|
|
4453
4443
|
modelValue: t.showFollowDialog,
|
|
4454
|
-
"onUpdate:modelValue": e[
|
|
4444
|
+
"onUpdate:modelValue": e[14] || (e[14] = (i) => t.showFollowDialog = i),
|
|
4455
4445
|
title: t.followDialogTitle,
|
|
4456
4446
|
modal: !1,
|
|
4457
4447
|
width: "440",
|
|
@@ -4460,47 +4450,47 @@ function Pa(n, e, a, h, t, o) {
|
|
|
4460
4450
|
class: "follow-dialog",
|
|
4461
4451
|
"close-on-click-modal": !1
|
|
4462
4452
|
}, {
|
|
4463
|
-
default:
|
|
4453
|
+
default: Qe(() => [
|
|
4464
4454
|
s("div", null, [
|
|
4465
4455
|
s("div", {
|
|
4466
4456
|
class: "iconfont close-btn",
|
|
4467
|
-
onClick: e[
|
|
4457
|
+
onClick: e[12] || (e[12] = (i) => t.showFollowDialog = !1)
|
|
4468
4458
|
}, ""),
|
|
4469
4459
|
t.position.portId ? (r(), l("div", Ea, [
|
|
4470
|
-
e[
|
|
4460
|
+
e[69] || (e[69] = s("span", { class: "label" }, "Port:", -1)),
|
|
4471
4461
|
s("span", Qa, p(t.position.name), 1)
|
|
4472
|
-
])) :
|
|
4462
|
+
])) : Me("", !0),
|
|
4473
4463
|
s("div", Ma, [
|
|
4474
|
-
e[
|
|
4464
|
+
e[70] || (e[70] = s("span", { class: "label" }, "Postion:", -1)),
|
|
4475
4465
|
s("span", ka, p(this.computeLat(this.position.lat) + ", " + this.computeLng(this.position.lng)), 1)
|
|
4476
4466
|
]),
|
|
4477
4467
|
s("div", La, [
|
|
4478
|
-
e[
|
|
4479
|
-
t.followItem ? (r(), l("span", za, p(t.position.remark || "-"), 1)) : (r(), Pe(
|
|
4468
|
+
e[71] || (e[71] = s("span", { class: "label" }, "Remark:", -1)),
|
|
4469
|
+
t.followItem ? (r(), l("span", za, p(t.position.remark || "-"), 1)) : (r(), Pe(se, {
|
|
4480
4470
|
key: 0,
|
|
4481
4471
|
modelValue: t.followRemark,
|
|
4482
|
-
"onUpdate:modelValue": e[
|
|
4472
|
+
"onUpdate:modelValue": e[13] || (e[13] = (i) => t.followRemark = i),
|
|
4483
4473
|
class: "text"
|
|
4484
4474
|
}, null, 8, ["modelValue"]))
|
|
4485
4475
|
]),
|
|
4486
4476
|
s("div", Ha, [
|
|
4487
|
-
t.followItem ? (r(), Pe(
|
|
4477
|
+
t.followItem ? (r(), Pe(ae, {
|
|
4488
4478
|
key: 0,
|
|
4489
4479
|
type: "info",
|
|
4490
4480
|
plain: "",
|
|
4491
4481
|
onClick: o.handleClickFollow
|
|
4492
4482
|
}, {
|
|
4493
|
-
default:
|
|
4494
|
-
|
|
4483
|
+
default: Qe(() => e[72] || (e[72] = [
|
|
4484
|
+
ne("Remove")
|
|
4495
4485
|
])),
|
|
4496
4486
|
_: 1
|
|
4497
|
-
}, 8, ["onClick"])) : (r(), Pe(
|
|
4487
|
+
}, 8, ["onClick"])) : (r(), Pe(ae, {
|
|
4498
4488
|
key: 1,
|
|
4499
4489
|
type: "primary",
|
|
4500
4490
|
onClick: o.handleClickFollow
|
|
4501
4491
|
}, {
|
|
4502
|
-
default:
|
|
4503
|
-
|
|
4492
|
+
default: Qe(() => e[73] || (e[73] = [
|
|
4493
|
+
ne("Confirm")
|
|
4504
4494
|
])),
|
|
4505
4495
|
_: 1
|
|
4506
4496
|
}, 8, ["onClick"]))
|
|
@@ -4511,7 +4501,7 @@ function Pa(n, e, a, h, t, o) {
|
|
|
4511
4501
|
}, 8, ["modelValue", "title"])
|
|
4512
4502
|
]);
|
|
4513
4503
|
}
|
|
4514
|
-
const Na = /* @__PURE__ */ at(it, [["render", Pa], ["__scopeId", "data-v-
|
|
4504
|
+
const Na = /* @__PURE__ */ at(it, [["render", Pa], ["__scopeId", "data-v-72a6c747"]]), Ya = {
|
|
4515
4505
|
install(n) {
|
|
4516
4506
|
n.component("SpotReport", Na);
|
|
4517
4507
|
}
|