poe-svelte-ui-lib 1.17.4 → 1.17.5
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/PeriodChart/README.md +22 -17
- package/dist/Table/Table.svelte +1 -1
- package/package.json +1 -1
|
@@ -10,18 +10,18 @@
|
|
|
10
10
|
|
|
11
11
|
## Пропсы
|
|
12
12
|
|
|
13
|
-
| Название
|
|
14
|
-
|
|
|
15
|
-
| `id`
|
|
16
|
-
| `wrapperClass`
|
|
17
|
-
| `label`
|
|
18
|
-
| `levels`
|
|
19
|
-
| `levels[].name`
|
|
20
|
-
| `levels[].variable` | `string`
|
|
21
|
-
| `levels[].data`
|
|
22
|
-
| `levels[].labels`
|
|
23
|
-
| `unit`
|
|
24
|
-
| `onLevelChange`
|
|
13
|
+
| Название | Тип | По умолчанию | Описание |
|
|
14
|
+
| ------------------- | --------------------------------------------------- | ----------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
15
|
+
| `id` | `string` | `crypto.randomUUID()` | Уникальный идентификатор компонента |
|
|
16
|
+
| `wrapperClass` | `string` | `"bg-blue"` | CSS-классы обёртки — через `bg-*` задаёт цвет переключателя и столбиков |
|
|
17
|
+
| `label` | `{ name?: string; class?: string }` | `{ name: "", class: "" }` | Заголовок над графиком |
|
|
18
|
+
| `levels` | `IPeriodChartLevel[]` | 4 демо-уровня со случайными данными | Уровни детализации, порядок = порядок вкладок переключателя; открывается всегда на первом (индекс 0) |
|
|
19
|
+
| `levels[].name` | `string` | `-` | Подпись вкладки, напр. `"Час"` |
|
|
20
|
+
| `levels[].variable` | `string` | `undefined` | Имя переменной устройства, откуда берутся `data` этого уровня, напр. `"PWR.EHour"` — используется конструктором для подписки, сам компонент по нему ничего не запрашивает |
|
|
21
|
+
| `levels[].data` | `number[]` | `-` | Значения — длина массива = число столбиков, ничем не ограничена |
|
|
22
|
+
| `levels[].labels` | `string[]` | `undefined` | Подписи столбиков по X; если не заданы — используется индекс+1 |
|
|
23
|
+
| `unit` | `string` | `""` | Единицы измерения, добавляются к значению в `aria-label`, напр. `"Вт·ч"` |
|
|
24
|
+
| `onLevelChange` | `(index: number, level: IPeriodChartLevel) => void` | `() => {}` | Вызывается при переключении вкладки — только уведомление, без фетча внутри |
|
|
25
25
|
|
|
26
26
|
## События
|
|
27
27
|
|
|
@@ -51,7 +51,12 @@
|
|
|
51
51
|
import * as UI from "poe-svelte-ui-lib"
|
|
52
52
|
|
|
53
53
|
let levels = [
|
|
54
|
-
{
|
|
54
|
+
{
|
|
55
|
+
name: "Год",
|
|
56
|
+
variable: "PWR.EYear",
|
|
57
|
+
data: deviceData.EYear,
|
|
58
|
+
labels: ["янв", "фев", "мар", "апр", "май", "июн", "июл", "авг", "сен", "окт", "ноя", "дек"],
|
|
59
|
+
},
|
|
55
60
|
{ name: "Месяц", variable: "PWR.EMonth", data: deviceData.EMonth },
|
|
56
61
|
{ name: "Сутки", variable: "PWR.EDay", data: deviceData.EDay },
|
|
57
62
|
{ name: "Час", variable: "PWR.EHour", data: deviceData.EHour, labels: ["0-10", "10-20", "20-30", "30-40", "40-50", "50-60"] },
|
|
@@ -121,10 +126,10 @@
|
|
|
121
126
|
### Пропсы конструктора
|
|
122
127
|
|
|
123
128
|
| Название | Тип | По умолчанию | Описание |
|
|
124
|
-
| ------------------ |
|
|
125
|
-
| `component` | `UIComponent & { properties: Partial<IPeriodChartProps> }`
|
|
126
|
-
| `onPropertyChange` | `(updates: Partial<{ properties?: string \| object; name?: string; access?: string; eventHandler?: IUIComponentHandler }>) => void` | `-` | Коллбэк для обновления свойств компонента
|
|
127
|
-
| `forConstructor` | `boolean`
|
|
129
|
+
| ------------------ | ----------------------------------------------------------------------------------------------------------------------------------- | ------------ | ------------------------------------------------------- |
|
|
130
|
+
| `component` | `UIComponent & { properties: Partial<IPeriodChartProps> }` | `-` | Объект компонента с его свойствами |
|
|
131
|
+
| `onPropertyChange` | `(updates: Partial<{ properties?: string \| object; name?: string; access?: string; eventHandler?: IUIComponentHandler }>) => void` | `-` | Коллбэк для обновления свойств компонента |
|
|
132
|
+
| `forConstructor` | `boolean` | `true` | Режим отображения (для конструктора или редактирования) |
|
|
128
133
|
|
|
129
134
|
### Особенности конструктора
|
|
130
135
|
|
package/dist/Table/Table.svelte
CHANGED
|
@@ -336,7 +336,7 @@
|
|
|
336
336
|
>
|
|
337
337
|
{#if button?.icon}
|
|
338
338
|
<span
|
|
339
|
-
class={`flex items-center justify-center overflow-visible h-
|
|
339
|
+
class={`flex items-center justify-center overflow-visible h-9 w-9 [&_svg]:h-full [&_svg]:max-h-full [&_svg]:w-full [&_svg]:max-w-full`}
|
|
340
340
|
>
|
|
341
341
|
{#if typeof button?.icon === "string"}
|
|
342
342
|
{@html button.icon}
|