poe-svelte-ui-lib 1.44.0 → 1.44.1

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/locales/translations.js

@@ -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,7 @@ const translations = {
     "constructor.texts.hiddenInfo": ["Скрытая подсказка", "Hidden hint", "隐藏提示"],
     "constructor.texts.progressBars": ["Шкала", "Bar", "进度条"],
     "constructor.texts.buttons": ["Кнопка", "Button", "按钮"],
+    "ui.graph.values": ["Значения", "Values", "数值"],
+    "ui.graph.refresh": ["Развёртка", "Refresh rate", "刷新率"],
 };
 export default translations;

package/package.json

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