poe-svelte-ui-lib 1.44.0 → 1.45.0

package/dist/Accordion/AccordionProps.svelte

@@ -89,7 +89,7 @@
     label={{ name: $T("constructor.props.open") }}
     value={component.properties.isOpen}
     options={[{ id: crypto.randomUUID(), value: 0, class: "" }]}
-    onChange={(value) => updateProperty("isOpen", value, component, onPropertyChange)}
+    onChange={(value) => updateProperty("isOpen", value === 1, component, onPropertyChange)}
   />
 {/snippet}
 

package/dist/CommonSnippets.svelte

@@ -159,7 +159,7 @@
     label={{ name: $T("constructor.props.disabled") }}
     value={(component.properties as UI.IInputProps | UI.ISwitchProps | UI.ISliderProps | UI.IFileAttachProps)?.disabled ? 1 : 0}
     options={[{ id: crypto.randomUUID(), value: 0, class: "" }]}
-    onChange={(value) => updateProperty("disabled", value, component, onPropertyChange)}
+    onChange={(value) => updateProperty("disabled", value === 1, component, onPropertyChange)}
   />
 {/snippet}
 
@@ -181,7 +181,7 @@
     label={{ name: $T("constructor.props.readonly") }}
     value={Number((component.properties as UI.IInputProps | UI.IJoystickProps | UI.IWidgetProps).readonly)}
     options={[{ id: crypto.randomUUID(), value: 0, class: "" }]}
-    onChange={(value) => updateProperty("readonly", value, component, onPropertyChange)}
+    onChange={(value) => updateProperty("readonly", value === 1, component, onPropertyChange)}
   />
 {/snippet}
 

package/dist/Graph/Graph.svelte

@@ -15,6 +15,7 @@
 </script>
 
 <script lang="ts">
+  import { T } from "../locales/i18n"
   import { onMount } from "svelte"
   import Select from "../Select/Select.svelte"
   import type { IGraphDataObject, IGraphProps } from "../types"
@@ -416,27 +417,23 @@
       {#if !isHistoryMode}
         <!-- Развертка по горизонтали -->
         <Select
-          label={{ name: "Refresh Rate", class: "" }}
+          label={{ name: $T("ui.graph.refresh"), class: "" }}
           options={REFRESH_OPTIONS}
           value={REFRESH_OPTIONS.find((o) => o.value == selectedRefreshRate)}
           onUpdate={(value) => (selectedRefreshRate = (value as IOption).value as number)}
         />
       {/if}
 
-      <!-- Переменные и их значение -->
-      <div>
-        <h5 class="px-4">Values</h5>
-        <table class="w-full font-mono text-sm">
-          <tbody>
-            {#each graphData as data, i (data.id)}
-              <tr>
-                <td><div class="mr-2 h-4 w-4 rounded-full" style="background-color: {data.color}"></div></td>
-                <td class="w-24 truncate text-left font-semibold">{data.name}</td>
-                <td class="w-16 text-right">{currentValues[i]?.toFixed(2)}</td>
-              </tr>
-            {/each}
-          </tbody>
-        </table>
+      <!-- Переменные и их значение: сетка, а не таблица — имя обрезается «…», значение не переносится -->
+      <div class="flex flex-col gap-1">
+        <h5 class="text-[12px] font-semibold text-(--muted-color)">{$T("ui.graph.values")}</h5>
+        <div class="grid grid-cols-[auto_minmax(0,1fr)_auto] items-center gap-x-2 gap-y-1 text-[13px]">
+          {#each graphData as data, i (data.id)}
+            <span class="size-2.5 rounded-full" style="background-color: {data.color}"></span>
+            <span class="truncate font-semibold" title={data.name}>{data.name}</span>
+            <span class="text-right whitespace-nowrap tabular-nums">{currentValues[i]?.toFixed(2)}</span>
+          {/each}
+        </div>
       </div>
     </div>
   </div>

package/dist/Graph/GraphProps.svelte

@@ -35,7 +35,7 @@
     label={{ name: $T("constructor.props.istest") }}
     value={component.properties.isTest}
     options={[{ id: crypto.randomUUID(), value: 0, class: "" }]}
-    onChange={(value) => updateProperty("isTest", value, component, onPropertyChange)}
+    onChange={(value) => updateProperty("isTest", value === 1, component, onPropertyChange)}
   />
 {/snippet}
 

package/dist/Graph/README.md

@@ -19,6 +19,7 @@
 ## Особенности
 
 - Для накопленных по периодам значений (энергия за час/сутки) лучше «Диаграмма по периодам»
+- Справа от графика — развёртка и текущие значения серий: каждая серия в одну строку (цвет, имя, значение), длинное имя обрезается «…» с полным именем во всплывающей подсказке
 
 ### Адаптивность
 

package/dist/Input/InputProps.svelte

@@ -2,6 +2,8 @@
   import TextsEditor from "../TextsEditor.svelte"
   import { getContext } from "svelte"
   import { T } from "../locales/i18n"
+  import translations from "../locales/translations"
+  import { LANGUAGE_CODES } from "../locales/localize"
   import type { IInputProps, UIComponent, IOption, IUIComponentHandler } from "../types"
   import * as UI from ".."
   import { optionsStore, findColorOption } from "../options"
@@ -34,6 +36,12 @@
   )
 
   /* Обновление свойства */
+  /* Подсказка битового режима «Максимальное число: N» сразу на всех языках — иначе записалась бы на языке интерфейса конструктора */
+  const maxNumInfo = (range: { start: number; end: number }) => {
+    const max = Math.pow(2, range.end - range.start + 1) - 1
+    return Object.fromEntries(LANGUAGE_CODES.map((lang, i) => [lang, `${translations["constructor.props.maxnum"][i]}: ${max}`]))
+  }
+
   const updateProperty = (path: string, value: string | object | boolean | number | RegExp) => {
     const newProperties = JSON.parse(JSON.stringify(component.properties))
     if (path === "regExp") {
@@ -138,7 +146,7 @@
         updateProperty("number.minNum", 0)
         updateProperty("number.maxNum", Math.pow(2, component.properties.range.end - component.properties.range.start + 1) - 1)
         updateProperty("number.step", 1)
-        updateProperty("help.info", `${$T("constructor.props.maxnum")}: ${component.properties.number.maxNum}`)
+        updateProperty("help.info", maxNumInfo(component.properties.range))
       } else {
         updateProperty("help.info", "")
       }
@@ -247,7 +255,7 @@
           updateProperty("number.minNum", 0)
           updateProperty("number.maxNum", Math.pow(2, component.properties.range.end - component.properties.range.start + 1) - 1)
           updateProperty("number.step", 1)
-          updateProperty("help.info", `${$T("constructor.props.maxnum")}: ${component.properties.number.maxNum}`)
+          updateProperty("help.info", maxNumInfo({ start: value[0] as number, end: value[1] as number }))
         }
       }}
     />
@@ -349,7 +357,7 @@
     label={{ name: $T("constructor.props.disabled") }}
     value={component.properties.disabled}
     options={[{ id: crypto.randomUUID(), value: 0, class: "" }]}
-    onChange={(value) => updateProperty("disabled", value)}
+    onChange={(value) => updateProperty("disabled", value === 1)}
   />
 {/snippet}
 

package/dist/Select/SelectProps.svelte

@@ -131,7 +131,7 @@
     value={component.properties.bitMode}
     options={[{ id: crypto.randomUUID(), value: 0, class: "" }]}
     onChange={(value) => {
-      updateProperty("bitMode", value, component, onPropertyChange)
+      updateProperty("bitMode", value === 1, component, onPropertyChange)
       const options = [...(component.properties?.options || [])]
       const maxNumber = Math.pow(2, component.properties.range.end - component.properties.range.start + 1) - 1
       options.forEach((option) => {
@@ -147,7 +147,7 @@
       value={component.properties.multiSelect}
       options={[{ id: crypto.randomUUID(), value: 0, class: "" }]}
       onChange={(value) => {
-        updateProperty("multiSelect", value, component, onPropertyChange)
+        updateProperty("multiSelect", value === 1, component, onPropertyChange)
       }}
     />
   {/if}

package/dist/Switch/SwitchProps.svelte

@@ -61,7 +61,7 @@
     value={component.properties.bitMode}
     options={[{ id: crypto.randomUUID(), value: 0, class: "" }]}
     onChange={(value) => {
-      updateProperty("bitMode", value, component, onPropertyChange)
+      updateProperty("bitMode", value === 1, component, onPropertyChange)
       updateProperty("value", 0, component, onPropertyChange)
       // if (!component.properties.bitMode) updateProperty("value", 0, component, onPropertyChange)
     }}

package/dist/Table/TableProps.svelte

@@ -104,7 +104,7 @@
     label={{ name: $T("constructor.props.outline") }}
     value={component.properties.outline}
     options={[{ id: crypto.randomUUID(), value: 0, class: "" }]}
-    onChange={(value) => updateProperty("outline", value, component, onPropertyChange)}
+    onChange={(value) => updateProperty("outline", value === 1, component, onPropertyChange)}
   />
 {/snippet}
 
@@ -493,9 +493,9 @@
     value={component.properties.dataBuffer.stashData}
     options={[{ id: crypto.randomUUID(), value: 0, class: "" }]}
     onChange={(value) => {
-      updateProperty("dataBuffer.stashData", value, component, onPropertyChange)
+      updateProperty("dataBuffer.stashData", value === 1, component, onPropertyChange)
       if (value == 0) {
-        updateProperty("dataBuffer.clearButton", 0, component, onPropertyChange)
+        updateProperty("dataBuffer.clearButton", false, component, onPropertyChange)
         updateProperty("dataBuffer.logger", 0, component, onPropertyChange)
       }
     }}
@@ -509,7 +509,7 @@
     }}
     value={component.properties.dataBuffer.clearButton}
     options={[{ id: crypto.randomUUID(), value: 0, class: "", disabled: !component.properties.dataBuffer.stashData }]}
-    onChange={(value) => updateProperty("dataBuffer.clearButton", value, component, onPropertyChange)}
+    onChange={(value) => updateProperty("dataBuffer.clearButton", value === 1, component, onPropertyChange)}
   />
 {/snippet}
 
@@ -518,7 +518,7 @@
     label={{ name: $T("constructor.props.table.logger"), captionLeft: $T("constructor.props.info.bottom"), captionRight: $T("constructor.props.info.top") }}
     value={component.properties.dataBuffer.logger}
     options={[{ id: crypto.randomUUID(), value: 0, class: "", disabled: !component.properties.dataBuffer.stashData }]}
-    onChange={(value) => updateProperty("dataBuffer.logger", value, component, onPropertyChange)}
+    onChange={(value) => updateProperty("dataBuffer.logger", value === 1, component, onPropertyChange)}
   />
 {/snippet}
 

package/dist/VideoViewer/VideoViewerProps.svelte

@@ -24,7 +24,7 @@
     label={{ name: $T("constructor.props.showSelect") }}
     value={component.properties?.showSelect ? 1 : 0}
     options={[{ id: crypto.randomUUID(), value: 0, class: "" }]}
-    onChange={(value) => updateProperty("showSelect", value, component, onPropertyChange)}
+    onChange={(value) => updateProperty("showSelect", value === 1, component, onPropertyChange)}
   />
 {/snippet}
 

package/dist/Widget/WidgetProps.svelte

@@ -62,7 +62,7 @@
     label={{ name: $T("constructor.props.widget.mode") }}
     value={component.properties.icons.cycling}
     options={[{ id: crypto.randomUUID(), value: 0, class: "" }]}
-    onChange={(value) => updateProperty("icons.cycling", value, component, onPropertyChange)}
+    onChange={(value) => updateProperty("icons.cycling", value === 1, component, onPropertyChange)}
   />
 {/snippet}
 

package/dist/WidgetDeviceInfo/README.md

@@ -11,6 +11,7 @@
 - Поля группы `CFG` (меняется префиксом в настройках), привязывать переменные не нужно
 - «Сохранить» отправляет изменённые поля одним пакетом `SET ModCfg`
 - 🔌 «Перезагрузить» — команда `SET Restart`
+- ♻️ «Сброс настроек» — после подтверждения команда `SET RstNVS`: прошивка очищает NVS и перезагружается, все настройки возвращаются к заводским
 
 ## Ключи
 
@@ -27,7 +28,7 @@
 
 ## Особенности
 
-Смарт-виджет информации об устройстве. Как и `WidgetWiFi`, не привязывается к одной произвольной переменной устройства — работает с фиксированным набором полей, соответствующих реальной прошивочной конвенции (`main_config.c`, группа `CFG`, ProdFactory-ESP): `DevSN`, `DevID`, `DevFW`, `RunCnt`, `StaIP`, `ApIP` — только чтение; `DevName`, `HostName`, `WebUser`, `WebPsw` — редактируются локально и сохраняются одним пакетом по кнопке "Сохранить". Отдельная кнопка "Перезагрузить" рядом с заголовком вызывает `onRestart` немедленно (не входит в пакет сохранения полей). Реальное имя поля устройства для каждого ключа можно переопределить через `keys` (по умолчанию совпадает с именем ключа). Компонент ничего не знает про DeviceStore/WebSocket — только `value`/`onSave`/`onRestart`.
+Смарт-виджет информации об устройстве. Как и `WidgetWiFi`, не привязывается к одной произвольной переменной устройства — работает с фиксированным набором полей, соответствующих реальной прошивочной конвенции (`main_config.c`, группа `CFG`, ProdFactory-ESP): `DevSN`, `DevID`, `DevFW`, `RunCnt`, `StaIP`, `ApIP` — только чтение; `DevName`, `HostName`, `WebUser`, `WebPsw` — редактируются локально и сохраняются одним пакетом по кнопке "Сохранить". Отдельная кнопка "Перезагрузить" рядом с заголовком вызывает `onRestart` немедленно (не входит в пакет сохранения полей). Реальное имя поля устройства для каждого ключа можно переопределить через `keys` (по умолчанию совпадает с именем ключа). Внизу — «Сброс настроек» (`onFactoryReset`): все настройки к заводским, только после подтверждения в окне поверх виджета; без колбэка кнопка не показывается. Компонент ничего не знает про DeviceStore/WebSocket — только `value`/`onSave`/`onRestart`/`onFactoryReset`.
 
 - Серийный номер устройства обычно длинный (например `00.00.000-00_0000AC670000B22B00007428:DBC5`) — в разметке занимает отдельную строку, чтобы не обрезаться в узкой сетке.
 - `WebPsw` в реальном устройстве исторически передаётся обычным текстом; в виджете сделан `type="password"` для консистентности с остальным обликом конструктора.
@@ -44,6 +45,8 @@
 | `persistKey`     | `string`                                  | `undefined`       | Ключ для сохранения состояния `collapsed` в `localStorage` — при заданном ключе состояние сворачивания переживает перезагрузку страницы |
 | `onSave`         | `(info: IWidgetDeviceInfoConfig) => void` | `undefined`       | Срабатывает при нажатии "Сохранить" — редактируемые поля одним пакетом                                                                  |
 | `onRestart`      | `() => void`                              | `undefined`       | Срабатывает при нажатии "Перезагрузить"                                                                                                 |
+| `onFactoryReset` | `() => void`                              | `undefined`       | Срабатывает после подтверждения «Сброс настроек»; без колбэка кнопки нет                                                                |
+| `resetCommand`   | `{ header?: string; argument?: string }`  | `SET` / `RstNVS`  | Команда сброса настроек — для приложения, сам компонент её не отправляет                                                                |
 
 ### IWidgetDeviceInfoConfig
 
@@ -98,7 +101,7 @@
 | `component`        | `UIComponent & { properties: Partial<IWidgetDeviceInfoProps> }`                                 | Объект компонента с его свойствами        |
 | `onPropertyChange` | `(updates: Partial<{ properties?: string \| object; name?: string; access?: string }>) => void` | Коллбэк для обновления свойств компонента |
 
-Панель содержит заголовок, мастер-цвет (через общий `WidgetAccentPicker.svelte`), префикс прошивочной группы (ID), переопределение имени поля устройства для каждого ключа `IWidgetDeviceInfoConfig` (по умолчанию совпадает с именем ключа) и команду перезагрузки (Header/Argument, по умолчанию `SET`/`Restart`).
+Панель содержит заголовок, мастер-цвет (через общий `WidgetAccentPicker.svelte`), префикс прошивочной группы (ID), переопределение имени поля устройства для каждого ключа `IWidgetDeviceInfoConfig` (по умолчанию совпадает с именем ключа) команду перезагрузки (Header/Argument, по умолчанию `SET`/`Restart`) и команду сброса настроек (по умолчанию `SET`/`RstNVS`).
 
 ### Что настраивается
 

package/dist/WidgetDeviceInfo/WidgetDeviceInfo.svelte

@@ -2,11 +2,12 @@
      Фиксированный набор полей (см. IWidgetDeviceInfoConfig в types.ts), соответствует реальной
      прошивочной конвенции (main_config.c, группа "CFG", ProdFactory-ESP):
      DevSN/DevID/DevFW/RunCnt — только чтение; DevName/HostName/WebUser/WebPsw — сохраняются
-     одним пакетом. Ничего не знает про DeviceStore/WebSocket — value/onSave/onRestart. -->
+     одним пакетом; «Сброс настроек» — с подтверждением, все настройки к заводским. Ничего не знает про DeviceStore/WebSocket —
+     value/onSave/onRestart/onFactoryReset. -->
 <script lang="ts">
   import { T } from "../locales/i18n"
   import { untrack } from "svelte"
-  import { slide } from "svelte/transition"
+  import { fade, scale, slide } from "svelte/transition"
   import { twMerge } from "tailwind-merge"
   import * as UI from ".."
   import type { IWidgetDeviceInfoConfig, IWidgetDeviceInfoProps } from "../types"
@@ -25,8 +26,15 @@
     persistKey,
     onSave = () => {},
     onRestart = () => {},
+    onFactoryReset,
   }: IWidgetDeviceInfoProps = $props()
 
+  let confirmReset = $state(false)
+  const factoryReset = () => {
+    confirmReset = false
+    onFactoryReset?.()
+  }
+
   let accentStyle = $derived(widgetAccentStyle(componentClass ?? ""))
 
   let info: IWidgetDeviceInfoConfig = $state(
@@ -80,7 +88,10 @@
   }
 </script>
 
-<div class={twMerge("flex w-full flex-col gap-4 rounded-2xl border border-(--hairline-color) bg-(--container-color) p-4", wrapperClass)} style={accentStyle}>
+<div
+  class={twMerge("relative flex w-full flex-col gap-4 rounded-2xl border border-(--hairline-color) bg-(--container-color) p-4", wrapperClass)}
+  style={accentStyle}
+>
   <!-- Заголовок -->
   <WidgetHeader icon={CpuIcon} label={label?.name || $T("widget.info.title")} bind:collapsed>
     {#snippet right()}
@@ -128,6 +139,41 @@
         {/if}
         <UI.Button wrapperClass="w-40" componentClass="bg-accent" content={{ name: $T("widget.common.save") }} disabled={!isDirty} onClick={save} />
       </div>
+
+      <!-- Сброс всех настроек к заводским — отдельно от сохранения, только с подтверждением -->
+      {#if onFactoryReset}
+        <div class="flex items-center justify-between gap-3 border-t border-(--hairline-color) pt-3">
+          <span class="text-[12px] text-(--muted-color)">{$T("widget.info.factory_reset_hint")}</span>
+          <UI.Button
+            wrapperClass="w-auto shrink-0"
+            componentClass="bg-red px-3"
+            content={{ name: $T("widget.info.factory_reset") }}
+            onClick={() => (confirmReset = true)}
+          />
+        </div>
+      {/if}
+    </div>
+  {/if}
+
+  {#if confirmReset}
+    <!-- Подтверждение локально к виджету, как удаление файла у WidgetFileSystem -->
+    <div class="absolute inset-0 z-10 flex items-center justify-center rounded-2xl bg-black/40 backdrop-blur-[2px]" transition:fade={{ duration: 150 }}>
+      <div
+        class="flex w-full max-w-96 flex-col gap-3 rounded-[16px] border border-(--hairline-color) bg-(--back-color) p-4 shadow-(--elevation-3)"
+        transition:scale={{ duration: 150, start: 0.96 }}
+      >
+        <h4 class="text-[15px] font-semibold">{$T("widget.info.factory_reset_title")}</h4>
+        <p class="text-[13px] text-(--muted-color)">{$T("widget.info.factory_reset_text")}</p>
+        <div class="flex gap-2">
+          <UI.Button
+            wrapperClass="flex-1"
+            componentClass="bg-transparent"
+            content={{ name: $T("widget.common.cancel") }}
+            onClick={() => (confirmReset = false)}
+          />
+          <UI.Button wrapperClass="flex-1" componentClass="bg-red" content={{ name: $T("widget.info.factory_reset") }} onClick={factoryReset} />
+        </div>
+      </div>
     </div>
   {/if}
 </div>

package/dist/WidgetDeviceInfo/WidgetDeviceInfoProps.svelte

@@ -29,18 +29,18 @@
   {/each}
 {/snippet}
 
-{#snippet WidgetRestartCommand()}
+{#snippet WidgetCommand(path: "restartCommand" | "resetCommand", defaultArgument: string)}
   <UI.Select
     label={{ name: $T("widget.common.packet_header") }}
     type="buttons"
     options={$optionsStore.HEADER_OPTIONS}
-    value={$optionsStore.HEADER_OPTIONS.find((o) => o.value === (component.properties.restartCommand?.header || "SET"))}
-    onUpdate={(option) => updateProperty("restartCommand.header", (option as IOption<string>).value as string, component, onPropertyChange)}
+    value={$optionsStore.HEADER_OPTIONS.find((o) => o.value === (component.properties[path]?.header || "SET"))}
+    onUpdate={(option) => updateProperty(`${path}.header`, (option as IOption<string>).value as string, component, onPropertyChange)}
   />
   <UI.Input
     label={{ name: $T("widget.common.argument") }}
-    value={component.properties.restartCommand?.argument ?? "Restart"}
-    onUpdate={(value) => updateProperty("restartCommand.argument", value as string, component, onPropertyChange)}
+    value={component.properties[path]?.argument ?? defaultArgument}
+    onUpdate={(value) => updateProperty(`${path}.argument`, value as string, component, onPropertyChange)}
   />
 {/snippet}
 
@@ -61,6 +61,9 @@
     {@render WidgetKeys()}
   </PropsGroup>
   <PropsGroup label={$T("widget.info.restart_command")}>
-    {@render WidgetRestartCommand()}
+    {@render WidgetCommand("restartCommand", "Restart")}
+  </PropsGroup>
+  <PropsGroup label={$T("widget.info.reset_command")}>
+    {@render WidgetCommand("resetCommand", "RstNVS")}
   </PropsGroup>
 </div>

package/dist/locales/translations.js

@@ -103,9 +103,9 @@ const translations = {
         "🎯 **用途**\n设备网络的完整配置：模式、连接路由器、自身接入点。\n\n📦 **数据包**\n- `CFG` 分组的字段（可通过设置中的前缀更改），无需绑定变量\n- 字段在本地编辑，「保存」以一个 `SET ModCfg` 数据包发送已修改的字段\n- 🔍 扫描网络 —— `GET APsList`，找到的网络出现在 SSID 列表中\n\n🔑 **键**\n- `WiFiMode` —— 数字：`0` 关闭、`1` 客户端、`2` 接入点、`3` 两者\n- `StaSSID`、`StaPSK` —— 字符串：路由器网络和密码\n- `StaticIP` —— 数字：`0` DHCP、`1` 静态地址\n- `StaIP`、`StaMS`、`StaGW` —— 字符串：客户端地址、掩码、网关\n- `ApSSID`、`ApPSK` —— 字符串：自身接入点名称和密码\n- `ApIP`、`ApMS`、`ApGW` —— 字符串：接入点地址、掩码、网关\n\n✨ **特点**\n- 仅启用接入点时组件会提醒：设备可能从局域网中消失\n\n⚙️ **设置**\n- 分组前缀（ID）、字段名覆盖、主色",
     ],
     "component.info.WidgetDeviceInfo": [
-        "🎯 **Назначение**\nПаспорт устройства и его основные настройки.\n\n📦 **Пакет данных**\n- Поля группы `CFG` (меняется префиксом в настройках), привязывать переменные не нужно\n- «Сохранить» отправляет изменённые поля одним пакетом `SET ModCfg`\n- 🔌 «Перезагрузить» — команда `SET Restart`\n\n🔑 **Ключи**\n- `DevSN` — строка: серийный номер, только чтение\n- `DevID` — строка: код изделия, только чтение\n- `DevFW` — число: версия ПО, только чтение\n- `RunCnt` — число: счётчик запусков, только чтение\n- `StaIP`, `ApIP` — строки: текущие адреса клиента и точки доступа, только чтение\n- `DevName` — строка: имя устройства\n- `HostName` — строка: сетевое имя\n- `WebUser`, `WebPsw` — строки: логин и пароль веб-интерфейса\n\n⚙️ **Настройки**\n- Префикс группы (ID), мастер-цвет",
-        '🎯 **Purpose**\nDevice passport and its main settings.\n\n📦 **Data packet**\n- Fields of the `CFG` group (changed by the prefix in settings), no variable binding needed\n- "Save" sends the changed fields in one `SET ModCfg` packet\n- 🔌 "Restart" — the `SET Restart` command\n\n🔑 **Keys**\n- `DevSN` — string: serial number, read only\n- `DevID` — string: product code, read only\n- `DevFW` — number: firmware version, read only\n- `RunCnt` — number: boot counter, read only\n- `StaIP`, `ApIP` — strings: current client and access point addresses, read only\n- `DevName` — string: device name\n- `HostName` — string: network host name\n- `WebUser`, `WebPsw` — strings: web interface login and password\n\n⚙️ **Settings**\n- Group prefix (ID), master color',
-        "🎯 **用途**\n设备档案及其主要设置。\n\n📦 **数据包**\n- `CFG` 分组的字段（可通过设置中的前缀更改），无需绑定变量\n- 「保存」以一个 `SET ModCfg` 数据包发送已修改的字段\n- 🔌「重启」—— `SET Restart` 命令\n\n🔑 **键**\n- `DevSN` —— 字符串：序列号，只读\n- `DevID` —— 字符串：产品代码，只读\n- `DevFW` —— 数字：固件版本，只读\n- `RunCnt` —— 数字：启动计数，只读\n- `StaIP`、`ApIP` —— 字符串：客户端和接入点的当前地址，只读\n- `DevName` —— 字符串：设备名称\n- `HostName` —— 字符串：网络主机名\n- `WebUser`、`WebPsw` —— 字符串：Web 界面登录名和密码\n\n⚙️ **设置**\n- 分组前缀（ID）、主色",
+        "🎯 **Назначение**\nПаспорт устройства и его основные настройки.\n\n📦 **Пакет данных**\n- Поля группы `CFG` (меняется префиксом в настройках), привязывать переменные не нужно\n- «Сохранить» отправляет изменённые поля одним пакетом `SET ModCfg`\n- ♻️ «Сброс настроек» — после подтверждения команда `SET RstNVS`, все настройки к заводским, прибор перезагружается\n- 🔌 «Перезагрузить» — команда `SET Restart`\n\n🔑 **Ключи**\n- `DevSN` — строка: серийный номер, только чтение\n- `DevID` — строка: код изделия, только чтение\n- `DevFW` — число: версия ПО, только чтение\n- `RunCnt` — число: счётчик запусков, только чтение\n- `StaIP`, `ApIP` — строки: текущие адреса клиента и точки доступа, только чтение\n- `DevName` — строка: имя устройства\n- `HostName` — строка: сетевое имя\n- `WebUser`, `WebPsw` — строки: логин и пароль веб-интерфейса\n\n⚙️ **Настройки**\n- Префикс группы (ID), мастер-цвет",
+        '🎯 **Purpose**\nDevice passport and its main settings.\n\n📦 **Data packet**\n- Fields of the `CFG` group (changed by the prefix in settings), no variable binding needed\n- "Save" sends the changed fields in one `SET ModCfg` packet\n- ♻️ "Factory reset" — after confirmation the `SET RstNVS` command, all settings return to factory defaults and the device restarts\n- 🔌 "Restart" — the `SET Restart` command\n\n🔑 **Keys**\n- `DevSN` — string: serial number, read only\n- `DevID` — string: product code, read only\n- `DevFW` — number: firmware version, read only\n- `RunCnt` — number: boot counter, read only\n- `StaIP`, `ApIP` — strings: current client and access point addresses, read only\n- `DevName` — string: device name\n- `HostName` — string: network host name\n- `WebUser`, `WebPsw` — strings: web interface login and password\n\n⚙️ **Settings**\n- Group prefix (ID), master color',
+        "🎯 **用途**\n设备档案及其主要设置。\n\n📦 **数据包**\n- `CFG` 分组的字段（可通过设置中的前缀更改），无需绑定变量\n- 「保存」以一个 `SET ModCfg` 数据包发送已修改的字段\n- ♻️「恢复出厂设置」—— 确认后发送 `SET RstNVS` 命令，所有设置恢复为出厂默认值，设备重启\n- 🔌「重启」—— `SET Restart` 命令\n\n🔑 **键**\n- `DevSN` —— 字符串：序列号，只读\n- `DevID` —— 字符串：产品代码，只读\n- `DevFW` —— 数字：固件版本，只读\n- `RunCnt` —— 数字：启动计数，只读\n- `StaIP`、`ApIP` —— 字符串：客户端和接入点的当前地址，只读\n- `DevName` —— 字符串：设备名称\n- `HostName` —— 字符串：网络主机名\n- `WebUser`、`WebPsw` —— 字符串：Web 界面登录名和密码\n\n⚙️ **设置**\n- 分组前缀（ID）、主色",
     ],
     "component.info.WidgetFileSystem": [
         '🎯 **Назначение**\nПамять устройства, список файлов, удаление и закачка.\n\n📦 **Пакет данных**\n- Один объект `CFG.FS` (префикс и имя поля меняются в настройках), привязывать переменные не нужно\n- 🔄 «Обновить» — `GET FS`\n- «Удалить» — `SET FS` с `Op: Delete` после подтверждения\n- Закачка — `SET FS` с `Op` `UploadStart` → `UploadChunk` → `UploadDone`\n\n🔑 **Ключи**\n- `Total`, `Used`, `Free` — числа, байт: объём, занято, свободно\n- `List` — массив `[{ "Name", "Size" }]`: полный путь файла и размер в байтах\n- `Upload` — объект `{ "Name", "Size", "Progress" }`, есть только во время закачки; `Progress` — 0–100\n\n✨ **Особенности**\n- Полоса занятости оранжевая от 75%, красная от 90%\n- Закачка с другого клиента тоже видна\n- Имя файла — не длиннее 31 символа (ограничение прошивки, задаётся в настройках)\n\n⚙️ **Настройки**\n- Префикс группы (ID), поле состояния ФС, аргумент команд, мастер-цвет\n- Допустимые файлы (фильтр в окне выбора), максимальная длина имени',
@@ -133,10 +133,8 @@ const translations = {
         '🎯 **用途**\n固件调试：空闲内存和任务栈余量。\n\n📦 **数据包**\n- 来自 `GET StackInfo` 响应的一个 `StackInfo` 对象，无需绑定变量\n- 通过「刷新」按钮或自动轮询请求\n\n🔑 **键**\n- `Heap` —— 数组 `[{ "Name", "Total", "Free", "MinFree" }]`，字节：内存堆，`MinFree` —— 启动以来的最小空闲\n- `Tasks` —— 数组 `[{ "Name", "State", "Prio", "Core", "FreeMin" }]`：任务；`State` —— `0` 运行、`1` 就绪、`2` 阻塞、`3` 挂起、`4` 已删除；`Core` —— 内核（仅 ESP32，`-1` 未绑定）；`FreeMin` —— 最小栈余量，字节\n\n✨ **特点**\n- 堆条的浅色部分为峰值占用\n- 任务按栈余量排序 —— 风险最高的在上方\n- 折叠的组件不轮询设备\n\n⚙️ **设置**\n- 栈余量阈值：低于阈值 —— 红色，低于两倍 —— 橙色\n- 自动轮询：关 / 1 / 5 / 10 秒；主色',
     ],
     /* Опции редактора свойств */
-    "constructor.props.action.update": ["Обновить", "Update", "更新"],
     "constructor.props.action.save": ["Сохранить", "Save", "保存"],
     "constructor.props.action.nosend": ["Без отправки", "No send", "不发送"],
-    "constructor.props.action.custom": ["Свой аргумент", "Custom argument", "自定义参数"],
     "constructor.props.height.small": ["Авто", "Auto", "自动"],
     "constructor.props.height.medium": ["Средняя", "Medium", "中等"],
     "constructor.props.height.large": ["Большая", "Large", "大"],
@@ -178,14 +176,10 @@ const translations = {
     "constructor.props.switch": ["Переключатель", "Switch", "开关"],
     /* Общие для редактора свойств */
     "constructor.props.id": ["Идентификатор", "Identifier", "标识符"],
-    "constructor.props.label": ["Текст надписи", "Label text", "标签文本"],
     "constructor.props.label.class": ["Стили надписи", "Label styles", "标签样式"],
-    "constructor.props.settings.label": ["Текст надписи настроек", "Settings label text", "设置标签文本"],
     "constructor.props.wrapperclass": ["Стили обёртки", "Wrapper styles", "容器样式"],
     "constructor.props.componentclass": ["Стили компонента", "Component styles", "组件样式"],
-    "constructor.props.svgicon": ["SVG-иконка (строка)", "SVG icon (string)", "SVG 图标（字符串）"],
     "constructor.props.open": ["Разворачивание", "Expand", "展开"],
-    "constructor.props.defaultcolor": ["Первоначальный цвет", "Initial color", "初始颜色"],
     "constructor.props.file.accept": ["Допустимые файлы", "Allowed files", "允许的文件"],
     "constructor.props.file.accept.help": [
         "'audio/*', 'video/*', 'image/*' или расширения файлов через пробел в формате '.pdf'",
@@ -198,15 +192,12 @@ const translations = {
     "constructor.props.form": ["Форма", "Shape", "形状"],
     "constructor.props.type": ["Тип", "Type", "类型"],
     "constructor.props.size": ["Размер", "Size", "大小"],
-    "constructor.props.footer": ["Нижняя панель", "Footer panel", "底部面板"],
     "constructor.props.group.general": ["Общее", "General", "常规"],
     "constructor.props.group.appearance": ["Оформление", "Appearance", "外观"],
     "constructor.props.group.layout": ["Расположение", "Layout", "布局"],
     "constructor.props.group.value": ["Значение", "Value", "数值"],
     "constructor.props.group.behavior": ["Поведение", "Behavior", "行为"],
-    "constructor.props.group.options": ["Варианты", "Options", "选项"],
     "constructor.props.group.content": ["Содержимое", "Content", "内容"],
-    "constructor.props.group.icon": ["Значок", "Icon", "图标"],
     "constructor.props.header": ["Заголовок пакета", "Packet header", "数据包头"],
     "constructor.props.argument": ["Аргумент", "Argument", "参数"],
     "constructor.props.argument.info": [
@@ -228,17 +219,13 @@ const translations = {
         "用于以 JSON 格式输入数据包 Value 的字段",
     ],
     "constructor.props.align": ["Выравнивание надписи", "Label alignment", "标签对齐"],
-    "constructor.props.align.header": ["Выравнивание заголовка", "Header alignment", "标题对齐"],
     "constructor.props.align.content": ["Выравнивание контента", "Content alignment", "内容对齐"],
-    "constructor.props.table.content.type": ["Тип контента ", "Content type", "内容类型"],
     "constructor.props.tablecolumn.settings": ["Настройки текста", "Text settings", "文本设置"],
     "constructor.props.textfield.settings": ["Настройки текста", "Text settings", "文本设置"],
     "constructor.props.image": ["Фоновое изображение", "Background image", "背景图片"],
     "constructor.props.labelicon": ["Иконка заголовка", "Header icon", "标题图标"],
     "constructor.props.markerIcon": ["Иконка маркера", "Marker icon", "标记图标"],
     "constructor.props.buttonIcon": ["Иконка кнопки", "Button icon", "按钮图标"],
-    "constructor.props.removeimage": ["Удалить изображение", "Remove image", "删除图片"],
-    "constructor.props.name": ["Текст", "Text", "文本"],
     "constructor.props.height": ["Высота", "Height", "高度"],
     "constructor.props.colors": ["Цвет фона", "Background color", "背景颜色"],
     "constructor.props.button.colors.hint": [
@@ -248,8 +235,6 @@ const translations = {
     ],
     "constructor.props.outline": ["Границы таблицы", "Table borders", "表格边框"],
     "constructor.props.textcolors": ["Цвет текста", "Text color", "文本颜色"],
-    "constructor.props.componentcolor": ["Цвет компонентов", "Component color", "组件颜色"],
-    "constructor.props.iconcolor": ["Цвет иконки", "Icon color", "图标颜色"],
     "constructor.props.settings.type": ["Тип настроек", "Settings type", "设置类型"],
     "constructor.props.textarea.rows": ["Количество строк", "Number of rows", "行数"],
     "constructor.props.autocomplete": ["Автозаполнение", "Autocomplete", "自动填充"],
@@ -289,9 +274,6 @@ const translations = {
     "constructor.props.maxnum": ["Максимальное число", "Maximum number", "最大数值"],
     "constructor.props.units": ["Единица измерения", "Unit of measurement", "计量单位"],
     "constructor.props.step": ["Шаг", "Step", "步长"],
-    "constructor.props.rows": ["Количество строк", "Number of rows", "行数"],
-    "constructor.props.placeholder": ["Заполнитель", "Placeholder", "占位符"],
-    "constructor.props.info": ["Подсказка", "Hint", "提示"],
     "constructor.props.info.side": ["Положение подсказки", "Hint position", "提示位置"],
     "constructor.props.iconpos.left": ["Иконка слева", "Icon on the left", "图标在左"],
     "constructor.props.iconpos.top": ["Иконка сверху", "Icon on top", "图标在上"],
@@ -315,7 +297,6 @@ const translations = {
     "constructor.props.refreshrate": ["Скорость обновления", "Refresh rate", "刷新速率"],
     "constructor.props.variable": ["Имя переменной", "Variable name", "变量名"],
     "constructor.props.widthMode": ["Ширина кнопок", "Button width", "按钮宽度"],
-    "constructor.props.graphdata.title": ["Начальные данные ", "Initial data", "初始数据"],
     "constructor.props.options.title": ["Опции компонента", "Component options", "组件选项"],
     "constructor.props.progressbar.title": ["Полосы прогресса", "Progress bars", "进度条"],
     "constructor.props.bits.title": ["Биты", "Bits", "位"],
@@ -325,8 +306,6 @@ const translations = {
     "constructor.props.periodchart.labels": ["Подписи столбиков (через пробел)", "Bar labels (comma-separated)", "柱标签（逗号分隔）"],
     "constructor.props.valuetype": ["Тип значения", "Value type", "值类型"],
     "constructor.props.action": ["Действие при переключении", "Action on switch", "切换时的操作"],
-    "constructor.props.caption.left": ["Надпись слева", "Left caption", "左侧标题"],
-    "constructor.props.caption.right": ["Надпись справа", "Right caption", "右侧标题"],
     "constructor.props.bold": ["Жирный", "Bold", "粗体"],
     "constructor.props.italic": ["Курсив", "Italic", "斜体"],
     "constructor.props.background": ["Фон", "Background", "背景"],
@@ -375,23 +354,16 @@ const translations = {
     "constructor.props.table.text.key": ["Ключ текста", "Text key", "文本键"],
     "constructor.props.table.select.key": ["Ключ селектора", "Selector key", "选择器键"],
     "constructor.props.table.progressBar.key": ["Ключ прогресса", "Progress key", "进度键"],
-    "constructor.props.table.columns.key": ["Ключ", "Key", "键"],
-    "constructor.props.table.columns.label": ["Название колонки", "Column name", "列名"],
     "constructor.props.table.columns.width": ["Ширина, %", "Width, %", "宽度，%"],
     "constructor.props.table.columns.sortable": ["Сортировка", "Sortable", "排序"],
     "constructor.props.table.columns.truncated": ["Сократить контент", "Truncate content", "截断内容"],
     "constructor.props.table.columns.tooltip": ["Всплывающее окно", "Tooltip", "工具提示"],
     "constructor.props.table.fulldata": ["Полные данные", "Full data", "完整数据"],
     "constructor.props.table.columns.modal": ["Модальное окно", "Modal window", "模态窗口"],
-    "constructor.props.table.columns.alt": ["Альтернативное название иконок", "Alternative icon name", "图标替代名称"],
     "constructor.props.table.columns.class": ["Стили иконки", "Icon styles", "图标样式"],
     "constructor.props.table.columns.defaultIcon": ["Иконка по умолчанию", "Default icon", "默认图标"],
     "constructor.props.table.columns.image.width": ["Ширина иконки, rem", "Icon width, rem", "图标宽度，rem"],
     "constructor.props.table.columns.image.height": ["Высота иконки, rem", "Icon height, rem", "图标高度，rem"],
-    "constructor.props.table.deletecolumn": ["Удалить колонку", "Delete column", "删除列"],
-    "constructor.props.table.deletebutton": ["Удалить кнопку", "Delete button", "删除按钮"],
-    "constructor.props.table.addaction": ["Добавить действие", "Add action", "添加操作"],
-    "constructor.props.table.addbutton": ["Добавить кнопку", "Add button", "添加按钮"],
     "constructor.props.table.keys": ["Перечень ключей", "List of keys", "键列表"],
     "constructor.props.table.keys.info": [
         "Ключи колонок, значения которых будут возвращаться. Перечислить через пробел",
@@ -412,7 +384,6 @@ const translations = {
     "constructor.props.table.type.select": ["Селектор", "Selector", "选择器"],
     "constructor.props.table.type.icon": ["Иконка", "Icon", "图标"],
     "constructor.props.table.type.progressbar": ["Прогресс", "Progress", "进度"],
-    "constructor.props.table.timestamp": ["Время", "Time", "时间"],
     "constructor.props.table.visibleRows": ["Видимые строки", "Visible rows", "可见行数"],
     "constructor.props.table.logger": ["Добавление строк", "Row appending", "行添加"],
     "constructor.props.icon.access": ["Доступ", "Access", "访问权限"],
@@ -463,7 +434,6 @@ const translations = {
     "widget.common.kbytes": ["{n} КБ", "{n} KB", "{n} KB"],
     "widget.common.mbytes": ["{n} МБ", "{n} MB", "{n} MB"],
     "widget.common.free": ["Свободно {size}", "Free {size}", "可用 {size}"],
-    "widget.common.title": ["Заголовок", "Title", "标题"],
     "widget.common.group_prefix": ["Префикс группы (ID)", "Group prefix (ID)", "组前缀 (ID)"],
     "widget.common.packet_header": ["Заголовок пакета", "Packet header", "数据包头"],
     "widget.common.argument": ["Аргумент", "Argument", "参数"],
@@ -782,5 +752,16 @@ const translations = {
     "constructor.texts.hiddenInfo": ["Скрытая подсказка", "Hidden hint", "隐藏提示"],
     "constructor.texts.progressBars": ["Шкала", "Bar", "进度条"],
     "constructor.texts.buttons": ["Кнопка", "Button", "按钮"],
+    "ui.graph.values": ["Значения", "Values", "数值"],
+    "ui.graph.refresh": ["Развёртка", "Refresh rate", "刷新率"],
+    "widget.info.factory_reset": ["Сброс настроек", "Factory reset", "恢复出厂设置"],
+    "widget.info.factory_reset_hint": ["Все настройки к заводским", "All settings to factory defaults", "所有设置恢复为出厂默认值"],
+    "widget.info.factory_reset_title": ["Сбросить все настройки?", "Reset all settings?", "重置所有设置？"],
+    "widget.info.factory_reset_text": [
+        "Все настройки прибора — Wi-Fi, имя, пароль Web, настройки модулей — вернутся к заводским, прибор перезагрузится. Связь по Wi-Fi может пропасть.",
+        "All device settings — Wi-Fi, name, Web password, module settings — return to factory defaults and the device restarts. The Wi-Fi connection may be lost.",
+        "设备的所有设置（Wi-Fi、名称、Web 密码、模块设置）将恢复为出厂默认值，设备将重启。Wi-Fi 连接可能会断开。",
+    ],
+    "widget.info.reset_command": ["Команда сброса настроек", "Factory reset command", "恢复出厂命令"],
 };
 export default translations;

package/dist/types.d.ts

@@ -525,10 +525,15 @@ export interface IWidgetDeviceInfoProps {
         header?: string;
         argument?: string;
     };
+    resetCommand?: {
+        header?: string;
+        argument?: string;
+    };
     collapsed?: boolean;
     persistKey?: string;
     onSave?: (info: IWidgetDeviceInfoConfig) => void;
     onRestart?: () => void;
+    onFactoryReset?: () => void;
 }
 export interface IWidgetFileSystemFile {
     Name: string;

package/package.json

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