poe-svelte-ui-lib 1.37.0 → 1.37.2

package/dist/Map/Map.svelte

@@ -51,6 +51,8 @@
   }
 
   let devices: MapDevice[] = $state([])
+  /* Экземпляр MapLibre — для кнопки «Все борта»; сам вид карта не меняет, бортов может быть много */
+  let mapInstance: any = $state()
   let isCopied = $state(false)
   let isDarkMode = $state(false)
   let markerTimeout = $state(30_000)
@@ -84,11 +86,13 @@
   $effect(() => {
     if (data) {
       /* (0, 0) — признак отсутствия реального GPS-фикса, в траекторию такие точки не добавляем */
-      const hasFix = data.NavLat !== 0 || data.NavLon !== 0
+      const hasFix = Number.isFinite(data.NavLat) && Number.isFinite(data.NavLon) && (data.NavLat !== 0 || data.NavLon !== 0)
       const idx = devices.findIndex((d) => d.DevSN === data?.DevSN)
       if (idx !== -1) {
-        /* Обновление существующего */
-        const track = hasFix ? [...devices[idx].track, [data.NavLon, data.NavLat] as [number, number]].slice(-trackLength) : devices[idx].track
+        /* Обновление существующего; точку трека добавляем только при смене координат — курс и высота приходят чаще позиции */
+        const last = devices[idx].track.at(-1)
+        const moved = !last || last[0] !== data.NavLon || last[1] !== data.NavLat
+        const track = hasFix && moved ? [...devices[idx].track, [data.NavLon, data.NavLat] as [number, number]].slice(-trackLength) : devices[idx].track
         devices[idx] = { ...devices[idx], ...data, track }
       } else {
         /* Новое устройство */
@@ -153,6 +157,23 @@
     { label: "1 h", value: 3_600_000 },
   ]
 
+  /* Вписывает в экран все борта с фиксом, один борт — приближение к нему */
+  const hasFixPoint = (d: MapDevice) => Number.isFinite(d.NavLat) && Number.isFinite(d.NavLon) && (d.NavLat !== 0 || d.NavLon !== 0)
+  const fitAllDevices = () => {
+    const fixed = devices.filter(hasFixPoint)
+    if (!mapInstance || fixed.length === 0) return
+    if (fixed.length === 1) return mapInstance.flyTo({ center: [fixed[0].NavLon, fixed[0].NavLat], zoom: 16 })
+    const lons = fixed.map((d) => d.NavLon)
+    const lats = fixed.map((d) => d.NavLat)
+    mapInstance.fitBounds(
+      [
+        [Math.min(...lons), Math.min(...lats)],
+        [Math.max(...lons), Math.max(...lats)],
+      ],
+      { padding: 60, maxZoom: 16 },
+    )
+  }
+
   const changeTimeout = (val: number) => {
     markerTimeout = val
     devices.forEach((device) => restartFreshTimer(device.DevSN))
@@ -164,6 +185,7 @@
     <h5 class={twMerge(` w-full px-4 text-center`, label.class)}>{label.name}</h5>
   {/if}
   <MapLibre
+    bind:map={mapInstance}
     class={twMerge("h-[calc(100%-2rem)] min-h-50 overflow-hidden rounded-[14px] border border-(--hairline-color)", roleRingClass)}
     style={isDarkMode ? "https://basemaps.cartocdn.com/gl/dark-matter-gl-style/style.json" : "https://basemaps.cartocdn.com/gl/voyager-gl-style/style.json"}
     zoom={1.5}
@@ -205,6 +227,14 @@
             {/each}
           </select>
         </div>
+
+        <button
+          class="cursor-pointer rounded px-2 py-1 text-sm font-medium whitespace-nowrap disabled:cursor-default disabled:opacity-50"
+          disabled={!devices.some(hasFixPoint)}
+          onclick={fitAllDevices}
+        >
+          {$T("constructor.props.map.fitAll")}
+        </button>
       </div>
     </CustomControl>
 
@@ -216,7 +246,7 @@
       {/each}
     {/if}
 
-    {#each devices as device}
+    {#each devices.filter((d) => Number.isFinite(d.NavLat) && Number.isFinite(d.NavLon)) as device (device.DevSN)}
       <Marker lnglat={{ lng: device.NavLon, lat: device.NavLat }}>
         {#snippet content()}
           <div class="flex flex-col items-center justify-center leading-none">
@@ -261,19 +291,19 @@
             <div class={`${twMerge("grid grid-cols-2 gap-x-3 gap-y-1 rounded-lg bg-(--container-color) p-2 text-xs", roleBgClass)} ${roleBgPaint}`}>
               <div>
                 <p class="text-[0.6rem] font-semibold tracking-wide uppercase opacity-60">Lat / Lon</p>
-                <p class="font-medium">{device.NavLat.toFixed(5)}, {device.NavLon.toFixed(5)}</p>
+                <p class="font-medium">{(device.NavLat ?? 0).toFixed(5)}, {(device.NavLon ?? 0).toFixed(5)}</p>
               </div>
               <div>
                 <p class="text-[0.6rem] font-semibold tracking-wide uppercase opacity-60">Alt</p>
-                <p class="font-medium">{device.NavAlt.toFixed(1)} m</p>
+                <p class="font-medium">{(device.NavAlt ?? 0).toFixed(1)} m</p>
               </div>
               <div>
                 <p class="text-[0.6rem] font-semibold tracking-wide uppercase opacity-60">Heading</p>
-                <p class="font-medium">{device.NavHeading.toFixed(1)}°</p>
+                <p class="font-medium">{(device.NavHeading ?? 0).toFixed(1)}°</p>
               </div>
               <div>
                 <p class="text-[0.6rem] font-semibold tracking-wide uppercase opacity-60">Satellites</p>
-                <p class="font-medium">{device.NavSatUse}</p>
+                <p class="font-medium">{device.NavSatUse ?? "—"}</p>
               </div>
             </div>
 
@@ -286,7 +316,7 @@
                   onclick={(e) => {
                     e.preventDefault()
                     navigator.clipboard.writeText(
-                      `DevName: ${device.DevName}\nDevSN: ${device.DevSN}\nLat: ${device.NavLat.toFixed(3)} | Lon: ${device.NavLon.toFixed(3)} | Alt: ${device.NavAlt}\nHeading: ${device.NavHeading} | Satellites: ${device.NavSatUse}`,
+                      `DevName: ${device.DevName}\nDevSN: ${device.DevSN}\nLat: ${(device.NavLat ?? 0).toFixed(6)} | Lon: ${(device.NavLon ?? 0).toFixed(6)} | Alt: ${device.NavAlt}\nHeading: ${device.NavHeading} | Satellites: ${device.NavSatUse}`,
                     )
                     isCopied = true
                     setTimeout(() => (isCopied = false), 1000)

package/dist/Map/README.md

@@ -4,6 +4,12 @@
 
 Карта - это UI-компонент, который позволяет отображать географическую информацию с маркерами устройств GPS. Компонент поддерживает различные настройки отображения, темы оформления, настройки таймаута маркеров и другие параметры через систему пропсов.
 
+## Источник данных в DevCloud и WebApp
+
+В конструкторе `id` карты — префикс группы полей, как у смарт-виджетов: `"MAV"` (или любое поле группы, например `"MAV.Lat"`) — GUIPreview собирает `data` из `MAV.Lat`, `MAV.Lon`, `MAV.Alt`, `MAV.Heading`, `MAV.Sat` выбранного модуля. Если под `id` лежит готовый объект `IDeviceGNSS` — старый формат, передаётся как есть.
+
+Вид карта сама не меняет — бортов может быть много. Кнопка «Все борта» на панели карты вписывает в экран все борта с фиксом (один борт — приближение к нему, зум 16). Точка траектории добавляется только при смене координат — курс и высота могут обновляться чаще позиции. Маркер без конечных координат не рисуется.
+
 ## Пропсы
 
 | Название          | Тип                                            | По умолчанию          | Описание                                                                                                                                                          |

package/dist/Map/mapWrapper/MapLibre.svelte

@@ -9,6 +9,7 @@
     style?: any | string
     zoom?: number
     center?: any
+    map?: any
     children?: Snippet<[any]>
   }
 
@@ -17,11 +18,11 @@
     style = { version: 8, sources: {}, layers: [] },
     zoom = $bindable(undefined),
     center = $bindable(undefined),
+    map = $bindable(undefined),
     children,
   }: Props = $props()
 
   let container: HTMLElement | undefined = $state()
-  let map: any | undefined = $state()
   let isLoading = $state(false)
   let hasConnection = $state(true)
 

package/dist/Map/mapWrapper/MapLibre.svelte.d.ts

@@ -4,8 +4,9 @@ interface Props {
     style?: any | string;
     zoom?: number;
     center?: any;
+    map?: any;
     children?: Snippet<[any]>;
 }
-declare const MapLibre: import("svelte").Component<Props, {}, "center" | "zoom">;
+declare const MapLibre: import("svelte").Component<Props, {}, "center" | "map" | "zoom">;
 type MapLibre = ReturnType<typeof MapLibre>;
 export default MapLibre;

package/dist/locales/translations.js

@@ -351,6 +351,7 @@ const translations = {
     "constructor.props.multiselect": ["Мультивыбор", "Multi-select", "多选"],
     "constructor.props.access": ["Доступ (не для владельца)", "Access (non-owner)", "访问权限（非所有者）"],
     "constructor.props.map.timeout": ["Таймаут маркеров:", "Marker timeout:", "标记超时："],
+    "constructor.props.map.fitAll": ["Все борта", "All vehicles", "全部设备"],
     "constructor.props.map.track": ["Траектория", "Track", "轨迹"],
     "constructor.props.map.trackLength": ["Точек в траектории:", "Points in track:", "轨迹点数："],
     "constructor.props.joystick.pitch.axe": ["Ocь ⮃", "Pitch axis ⮃", "俯仰轴 ⮃"],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "poe-svelte-ui-lib",
-  "version": "1.37.0",
+  "version": "1.37.2",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/Oleg-Perevyshin/ElementsUI.git"