poe-svelte-ui-lib 1.40.3 → 1.42.0
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/README.md +3 -1
- package/dist/Accordion/README.md +0 -8
- package/dist/Button/README.md +0 -12
- package/dist/Carousel/README.md +0 -5
- package/dist/Divider/README.md +0 -4
- package/dist/FileAttach/README.md +0 -12
- package/dist/Graph/README.md +0 -9
- package/dist/Input/README.md +0 -18
- package/dist/Joystick/README.md +0 -12
- package/dist/PeriodChart/README.md +0 -4
- package/dist/ProgressBar/README.md +0 -15
- package/dist/Select/README.md +0 -12
- package/dist/Slider/README.md +0 -12
- package/dist/Switch/README.md +0 -12
- package/dist/Table/README.md +0 -8
- package/dist/Tabs/README.md +0 -8
- package/dist/TextField/README.md +0 -18
- package/dist/VideoViewer/README.md +0 -7
- package/dist/Widget/README.md +0 -12
- package/dist/WidgetMap/README.md +19 -19
- package/dist/WidgetMap/WidgetMap.svelte +14 -10
- package/dist/WidgetMap/WidgetMapProps.svelte +1 -1
- package/dist/WidgetMap/mapWrapper/MapLibre.svelte +1 -1
- package/dist/WidgetMap/mapWrapper/utils.d.ts +1 -1
- package/dist/WidgetMap/mapWrapper/utils.js +22 -20
- package/dist/WidgetPFD/README.md +4 -2
- package/dist/WidgetPFD/WidgetPFD.svelte +95 -21
- package/dist/locales/translations.js +9 -8
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -26,6 +26,8 @@ npm install poe-svelte-ui-lib
|
|
|
26
26
|
/* дальше — только собственные отличия приложения, например :root { min-width: 640px; } */
|
|
27
27
|
```
|
|
28
28
|
|
|
29
|
+
**Предпросмотр темы** — страница «Тема» витрины (`src/routes/components/theme`): один и тот же интерфейс облака (шапка устройства, палитра токенов, кнопки во всех ролях, поля, таблица, виджеты, типографика, Markdown) на одной странице; тема переключается глобально кнопкой в шапке витрины. Правьте `theme.css` и смотрите результат там.
|
|
30
|
+
|
|
29
31
|
Текст в Markdown, таблицы и код переносятся по ширине контейнера — горизонтальной прокрутки быть не должно, только вертикальная. Markdown рендерится с `breaks: true` (как в облаке), поэтому абзац и пункт списка пишутся одной строкой — ручной перенос внутри абзаца превращается в разрыв строки.
|
|
30
32
|
|
|
31
33
|
**Глобальные стили тегов — только в `@layer base`.** Компоненты задают размеры текста и отступы Tailwind-утилитами (например `text-[12px]` у подписи `<h5>`). Правило вне слоя (`h5 { font-size: 1rem }`, `label { … }`, `p { … }`) сильнее любой утилиты, и в приложении подписи станут крупнее задуманного и перестанут помещаться. Поэтому типографику тегов оборачивайте:
|
|
@@ -95,7 +97,7 @@ npm run Formatting # prettier --write .
|
|
|
95
97
|
|
|
96
98
|
Связь настраивается на npmjs.com → пакет → Settings → Trusted Publisher: GitHub Actions, `Oleg-Perevyshin/ElementsUI`, workflow `npm_publish.yaml`, разрешение «npm publish». Новая связь подтверждается первой успешной публикацией и должна пройти её в течение 2 дней, иначе истекает. Существующую связь изменить нельзя — только удалить и создать заново.
|
|
97
99
|
|
|
98
|
-
**Обновление DevCloud — автоматически.** После публикации job `update-devcloud` того же workflow ждёт новую версию в npm, клонирует `xPOE-Studio/DevCloud` (Forgejo) по секрету `
|
|
100
|
+
**Обновление DevCloud — автоматически.** После публикации job `update-devcloud` того же workflow ждёт новую версию в npm, клонирует `xPOE-Studio/DevCloud` (Forgejo) по секрету `DEVCLOUD_ACCESS_TOKEN` (токен Forgejo с правом записи в репозиторий), ставит `poe-svelte-ui-lib@<версия>`, прогоняет `svelte-kit sync`, `prisma generate` (с заглушкой `DATABASE_URL`, к БД не подключается) и `svelte-check` и, если проверка прошла, пушит в `main` коммит `poe-svelte-ui-lib <версия> [deploy]` — облако разворачивается само. Вручную версию в облаке не поднимаем; изменения кода облака, которым нужна новая версия библиотеки, коммитятся без `[deploy]` до выпуска — их развернёт этот коммит. Если `svelte-check` упал, коммита нет, облако остаётся на прежней версии (смотрите лог job в GitHub Actions).
|
|
99
101
|
|
|
100
102
|
---
|
|
101
103
|
|
package/dist/Accordion/README.md
CHANGED
|
@@ -16,9 +16,7 @@
|
|
|
16
16
|
|
|
17
17
|
### Адаптивность
|
|
18
18
|
|
|
19
|
-
- Компонент использует Tailwind CSS для адаптивного дизайна
|
|
20
19
|
- Сетка содержимого адаптируется под размеры экрана (sm:p-3)
|
|
21
|
-
- Используются относительные единицы измерения для обеспечения масштабируемости
|
|
22
20
|
|
|
23
21
|
### Ограничения
|
|
24
22
|
|
|
@@ -28,9 +26,7 @@
|
|
|
28
26
|
|
|
29
27
|
### Производительность
|
|
30
28
|
|
|
31
|
-
- Компонент использует оптимизации Svelte для минимизации перерисовок
|
|
32
29
|
- Содержимое аккордеона рендерится только при его открытии (`{#if isOpen}`)
|
|
33
|
-
- Используется эффективное объединение классов через `twMerge`
|
|
34
30
|
|
|
35
31
|
## Пропсы
|
|
36
32
|
|
|
@@ -119,11 +115,8 @@
|
|
|
119
115
|
|
|
120
116
|
### Особенности конструктора
|
|
121
117
|
|
|
122
|
-
- Предоставляет визуальные элементы управления для всех доступных свойств
|
|
123
118
|
- Включает модальное окно для выбора иконок из библиотеки
|
|
124
119
|
- Поддерживает загрузку изображений для фона
|
|
125
|
-
- Имеет различные наборы полей в зависимости от режима (`forConstructor`)
|
|
126
|
-
- Использует систему локализации через `$T('constructor.props.*')`
|
|
127
120
|
- Поддерживает валидацию числовых значений (min/max) для размеров
|
|
128
121
|
|
|
129
122
|
### Что настраивается
|
|
@@ -140,7 +133,6 @@
|
|
|
140
133
|
|
|
141
134
|
### Сторы и зависимости
|
|
142
135
|
|
|
143
|
-
- Используется стор `twMerge` для объединения Tailwind CSS классов
|
|
144
136
|
- Применяется переход `slide` из `svelte/transition` для анимации открытия/закрытия
|
|
145
137
|
|
|
146
138
|
### Директивы
|
package/dist/Button/README.md
CHANGED
|
@@ -21,8 +21,6 @@
|
|
|
21
21
|
|
|
22
22
|
### Адаптивность
|
|
23
23
|
|
|
24
|
-
- Компонент использует Tailwind CSS для адаптивного дизайна
|
|
25
|
-
- Используются относительные единицы измерения для обеспечения масштабируемости
|
|
26
24
|
- Подсказки автоматически позиционируются в зависимости от стороны отображения
|
|
27
25
|
|
|
28
26
|
### Ограничения
|
|
@@ -33,9 +31,7 @@
|
|
|
33
31
|
|
|
34
32
|
### Производительность
|
|
35
33
|
|
|
36
|
-
- Компонент использует оптимизации Svelte для минимизации перерисовок
|
|
37
34
|
- Обработчики клавиатуры удаляются при размонтировании компонента
|
|
38
|
-
- Используется эффективное объединение классов через `twMerge`
|
|
39
35
|
|
|
40
36
|
## Пропсы
|
|
41
37
|
|
|
@@ -148,11 +144,8 @@
|
|
|
148
144
|
|
|
149
145
|
### Особенности конструктора
|
|
150
146
|
|
|
151
|
-
- Предоставляет визуальные элементы управления для всех доступных свойств
|
|
152
147
|
- Включает модальное окно для выбора иконок из библиотеки
|
|
153
148
|
- Поддерживает настройку обработчика событий и аргументов
|
|
154
|
-
- Имеет различные наборы полей в зависимости от режима (`forConstructor`)
|
|
155
|
-
- Использует систему локализации через `$T('constructor.props.*')`
|
|
156
149
|
- Поддерживает валидацию вводимых данных через регулярные выражения
|
|
157
150
|
|
|
158
151
|
### Что настраивается
|
|
@@ -169,7 +162,6 @@
|
|
|
169
162
|
|
|
170
163
|
### Сторы и зависимости
|
|
171
164
|
|
|
172
|
-
- Используется стор `twMerge` для объединения Tailwind CSS классов
|
|
173
165
|
- Применяется переход `fly` из `svelte/transition` для анимации подсказки
|
|
174
166
|
- Используется `onMount` для подписки и отписки от глобальных событий клавиатуры
|
|
175
167
|
|
|
@@ -178,7 +170,3 @@
|
|
|
178
170
|
- `transition:fly` для анимации появления/скрытия информационной подсказки
|
|
179
171
|
- Обработчики `onmouseenter` и `onmouseleave` для показа/скрытия подсказки
|
|
180
172
|
- Обработчик `onclick` для активации кнопки
|
|
181
|
-
|
|
182
|
-
### Слоты
|
|
183
|
-
|
|
184
|
-
- Компонент не использует внешних слотов
|
package/dist/Carousel/README.md
CHANGED
|
@@ -12,9 +12,7 @@
|
|
|
12
12
|
|
|
13
13
|
### Адаптивность
|
|
14
14
|
|
|
15
|
-
- Компонент использует Tailwind CSS для адаптивного дизайна
|
|
16
15
|
- Стрелки навигации автоматически скрываются при достижении начала или конца карусели
|
|
17
|
-
- Используются относительные единицы измерения для обеспечения масштабируемости
|
|
18
16
|
|
|
19
17
|
### Ограничения
|
|
20
18
|
|
|
@@ -24,9 +22,7 @@
|
|
|
24
22
|
|
|
25
23
|
### Производительность
|
|
26
24
|
|
|
27
|
-
- Компонент использует оптимизации Svelte для минимизации перерисовок
|
|
28
25
|
- Обработчики событий и `ResizeObserver` корректно удаляются при размонтировании
|
|
29
|
-
- Используется эффективное объединение классов через `twMerge`
|
|
30
26
|
|
|
31
27
|
## Пропсы
|
|
32
28
|
|
|
@@ -129,7 +125,6 @@
|
|
|
129
125
|
|
|
130
126
|
### Сторы и зависимости
|
|
131
127
|
|
|
132
|
-
- Используется стор `twMerge` для объединения Tailwind CSS классов
|
|
133
128
|
- Применяется переход `slide` из `svelte/transition` для анимации стрелок навигации
|
|
134
129
|
- Используется `ResizeObserver` для отслеживания изменений размера
|
|
135
130
|
|
package/dist/Divider/README.md
CHANGED
|
@@ -21,9 +21,7 @@
|
|
|
21
21
|
|
|
22
22
|
### Адаптивность
|
|
23
23
|
|
|
24
|
-
- Компонент использует Tailwind CSS для адаптивного дизайна
|
|
25
24
|
- Изображения масштабируются с учетом режима (cover/contain)
|
|
26
|
-
- Используются относительные единицы измерения для обеспечения масштабируемости
|
|
27
25
|
|
|
28
26
|
### Ограничения
|
|
29
27
|
|
|
@@ -33,9 +31,7 @@
|
|
|
33
31
|
|
|
34
32
|
### Производительность
|
|
35
33
|
|
|
36
|
-
- Компонент использует оптимизации Svelte для минимизации перерисовок
|
|
37
34
|
- URL предварительного просмотра создаются только при необходимости
|
|
38
|
-
- Используется эффективное объединение классов через `twMerge`
|
|
39
35
|
|
|
40
36
|
## Пропсы
|
|
41
37
|
|
|
@@ -143,11 +139,8 @@
|
|
|
143
139
|
|
|
144
140
|
### Особенности конструктора
|
|
145
141
|
|
|
146
|
-
- Предоставляет визуальные элементы управления для всех доступных свойств
|
|
147
142
|
- Поддерживает настройку типа компонента (файл или изображение)
|
|
148
143
|
- Включает настройки размеров и режима отображения для изображений
|
|
149
|
-
- Имеет различные наборы полей в зависимости от режима (`forConstructor`)
|
|
150
|
-
- Использует систему локализации через `$T('constructor.props.*')`
|
|
151
144
|
|
|
152
145
|
### Что настраивается
|
|
153
146
|
|
|
@@ -164,7 +157,6 @@
|
|
|
164
157
|
|
|
165
158
|
### Сторы и зависимости
|
|
166
159
|
|
|
167
|
-
- Используется стор `twMerge` для объединения Tailwind CSS классов
|
|
168
160
|
- Используется `URL.createObjectURL` для мгновенного превью выбранного файла — предыдущий blob-URL отзывается через `URL.revokeObjectURL` перед созданием нового и при размонтировании компонента
|
|
169
161
|
|
|
170
162
|
### Директивы
|
|
@@ -172,7 +164,3 @@
|
|
|
172
164
|
- `bind:currentImage` для двусторонней привязки текущего изображения
|
|
173
165
|
- Обработчик `onchange` для отслеживания изменения файла
|
|
174
166
|
- Обработчик `onclick` для активации выбора файла
|
|
175
|
-
|
|
176
|
-
### Слоты
|
|
177
|
-
|
|
178
|
-
- Компонент не использует внешних слотов
|
package/dist/Graph/README.md
CHANGED
|
@@ -22,9 +22,7 @@
|
|
|
22
22
|
|
|
23
23
|
### Адаптивность
|
|
24
24
|
|
|
25
|
-
- Компонент использует Tailwind CSS для адаптивного дизайна
|
|
26
25
|
- График автоматически масштабируется под размер контейнера
|
|
27
|
-
- Используются относительные единицы измерения для обеспечения масштабируемости
|
|
28
26
|
|
|
29
27
|
### Ограничения
|
|
30
28
|
|
|
@@ -35,7 +33,6 @@
|
|
|
35
33
|
|
|
36
34
|
### Производительность
|
|
37
35
|
|
|
38
|
-
- Компонент использует оптимизации Svelte для минимизации перерисовок
|
|
39
36
|
- Используется Canvas API для эффективной отрисовки графиков
|
|
40
37
|
- Автоматическая очистка точек при превышении лимита для предотвращения утечки памяти
|
|
41
38
|
|
|
@@ -159,8 +156,6 @@
|
|
|
159
156
|
- Предоставляет визуальные элементы управления для всех доступных свойств, включая `refreshRate` (`constructor.props.refreshrate`) через `Select` с теми же вариантами, что и на самом графике (`REFRESH_OPTIONS` из `Graph.svelte`)
|
|
160
157
|
- Поддерживает настройку переменной для отображения
|
|
161
158
|
- Включает переключатель для режима тестирования
|
|
162
|
-
- Имеет различные наборы полей в зависимости от режима (`forConstructor`)
|
|
163
|
-
- Использует систему локализации через `$T('constructor.props.*')`
|
|
164
159
|
|
|
165
160
|
### Что настраивается
|
|
166
161
|
|
|
@@ -190,7 +185,3 @@
|
|
|
190
185
|
- `bind:this` для получения ссылок на DOM-элементы (container, canvas)
|
|
191
186
|
- `$effect` для обработки изменений данных и настроек
|
|
192
187
|
- `onMount` для инициализации данных графика
|
|
193
|
-
|
|
194
|
-
### Слоты
|
|
195
|
-
|
|
196
|
-
- Компонент не использует внешних слотов
|
package/dist/Input/README.md
CHANGED
|
@@ -21,11 +21,6 @@
|
|
|
21
21
|
- Неверный ввод (длина, диапазон, выражение валидации) подсвечивается и не отправляется
|
|
22
22
|
- «Только чтение» — поле для отображения с кнопкой копирования
|
|
23
23
|
|
|
24
|
-
### Адаптивность
|
|
25
|
-
|
|
26
|
-
- Компонент использует Tailwind CSS для адаптивного дизайна
|
|
27
|
-
- Используются относительные единицы измерения для обеспечения масштабируемости
|
|
28
|
-
|
|
29
24
|
### Ограничения
|
|
30
25
|
|
|
31
26
|
- Для типа `password` кнопка копирования недоступна
|
|
@@ -33,11 +28,6 @@
|
|
|
33
28
|
- Числовые значения автоматически округляются (до 5 знаков после запятой) для устранения ошибок плавающей точки
|
|
34
29
|
- Подсказки не поддерживают HTML-разметку, отображают только текст
|
|
35
30
|
|
|
36
|
-
### Производительность
|
|
37
|
-
|
|
38
|
-
- Компонент использует оптимизации Svelte для минимизации перерисовок
|
|
39
|
-
- Используется эффективное объединение классов через `twMerge`
|
|
40
|
-
|
|
41
31
|
## Пропсы
|
|
42
32
|
|
|
43
33
|
| Название | Тип | По умолчанию | Описание |
|
|
@@ -157,12 +147,9 @@
|
|
|
157
147
|
|
|
158
148
|
### Особенности конструктора
|
|
159
149
|
|
|
160
|
-
- Предоставляет визуальные элементы управления для всех доступных свойств
|
|
161
150
|
- Поддерживает выбор типа поля: текст, пароль, число, многострочный текст, битовая маска
|
|
162
151
|
- Включает библиотеку готовых регулярных выражений для валидации (модальное окно с выбором шаблона)
|
|
163
152
|
- Для типа `bitMode` позволяет задать диапазон битов слайдером; `number.maxNum` рассчитывается автоматически
|
|
164
|
-
- Имеет различные наборы полей в зависимости от режима (`forConstructor`)
|
|
165
|
-
- Использует систему локализации через `$T('constructor.props.*')`
|
|
166
153
|
- Поддерживает валидацию вводимых данных через регулярные выражения
|
|
167
154
|
|
|
168
155
|
### Что настраивается
|
|
@@ -183,7 +170,6 @@
|
|
|
183
170
|
|
|
184
171
|
### Сторы и зависимости
|
|
185
172
|
|
|
186
|
-
- Используется стор `twMerge` для объединения Tailwind CSS классов
|
|
187
173
|
- Используется компонент `InfoIcon` для отображения иконки информационной подсказки
|
|
188
174
|
- Применяется переход `fly` из `svelte/transition` для анимации подсказки и `fade` для индикации копирования
|
|
189
175
|
|
|
@@ -194,7 +180,3 @@
|
|
|
194
180
|
- `onkeydown` блокирует ввод символа `.` для типа `number`
|
|
195
181
|
- `onclick` для кнопок инкремента/декремента (типы `number`/`bitMode`), кнопки копирования и кнопки показа пароля
|
|
196
182
|
- `onmouseenter`/`onmouseleave` для показа/скрытия информационной подсказки
|
|
197
|
-
|
|
198
|
-
### Слоты
|
|
199
|
-
|
|
200
|
-
- Компонент не использует внешних слотов
|
package/dist/Joystick/README.md
CHANGED
|
@@ -23,9 +23,7 @@
|
|
|
23
23
|
|
|
24
24
|
### Адаптивность
|
|
25
25
|
|
|
26
|
-
- Компонент использует Tailwind CSS для адаптивного дизайна
|
|
27
26
|
- Джойстик автоматически масштабируется под размер контейнера
|
|
28
|
-
- Используются относительные единицы измерения для обеспечения масштабируемости
|
|
29
27
|
|
|
30
28
|
### Ограничения
|
|
31
29
|
|
|
@@ -35,9 +33,7 @@
|
|
|
35
33
|
|
|
36
34
|
### Производительность
|
|
37
35
|
|
|
38
|
-
- Компонент использует оптимизации Svelte для минимизации перерисовок
|
|
39
36
|
- Чувствительность управляется дискретными значениями для предотвращения чрезмерной нагрузки
|
|
40
|
-
- Используется эффективное объединение классов через `twMerge`
|
|
41
37
|
|
|
42
38
|
## Пропсы
|
|
43
39
|
|
|
@@ -118,11 +114,8 @@
|
|
|
118
114
|
|
|
119
115
|
### Особенности конструктора
|
|
120
116
|
|
|
121
|
-
- Предоставляет визуальные элементы управления для всех доступных свойств
|
|
122
117
|
- Поддерживает настройку осей управления (названия, диапазоны значений)
|
|
123
118
|
- Включает настройки чувствительности и иконки центральной кнопки
|
|
124
|
-
- Имеет различные наборы полей в зависимости от режима (`forConstructor`)
|
|
125
|
-
- Использует систему локализации через `$T('constructor.props.*')`
|
|
126
119
|
|
|
127
120
|
### Что настраивается
|
|
128
121
|
|
|
@@ -140,7 +133,6 @@
|
|
|
140
133
|
|
|
141
134
|
### Сторы и зависимости
|
|
142
135
|
|
|
143
|
-
- Используется стор `twMerge` для объединения Tailwind CSS классов
|
|
144
136
|
- Используются тригонометрические функции для расчета позиций элементов джойстика
|
|
145
137
|
|
|
146
138
|
### Директивы
|
|
@@ -148,7 +140,3 @@
|
|
|
148
140
|
- `bind:value` для двусторонней привязки значений осей
|
|
149
141
|
- `$effect` для обработки изменений чувствительности и значений
|
|
150
142
|
- `onmouseenter` и `onmouseleave` для визуальной обратной связи при наведении
|
|
151
|
-
|
|
152
|
-
### Слоты
|
|
153
|
-
|
|
154
|
-
- Компонент не использует внешних слотов
|
|
@@ -21,9 +21,7 @@
|
|
|
21
21
|
|
|
22
22
|
### Адаптивность
|
|
23
23
|
|
|
24
|
-
- Компонент использует Tailwind CSS для адаптивного дизайна
|
|
25
24
|
- Индикаторы автоматически масштабируются под размер контейнера
|
|
26
|
-
- Используются относительные единицы измерения для обеспечения масштабируемости
|
|
27
25
|
|
|
28
26
|
### Ограничения
|
|
29
27
|
|
|
@@ -33,9 +31,7 @@
|
|
|
33
31
|
|
|
34
32
|
### Производительность
|
|
35
33
|
|
|
36
|
-
- Компонент использует оптимизации Svelte для минимизации перерисовок
|
|
37
34
|
- Значения нормализуются для предотвращения некорректного отображения
|
|
38
|
-
- Используется эффективное объединение классов через `twMerge`
|
|
39
35
|
|
|
40
36
|
## Пропсы
|
|
41
37
|
|
|
@@ -125,11 +121,8 @@
|
|
|
125
121
|
|
|
126
122
|
### Особенности конструктора
|
|
127
123
|
|
|
128
|
-
- Предоставляет визуальные элементы управления для всех доступных свойств
|
|
129
124
|
- Поддерживает добавление и удаление элементов индикатора
|
|
130
125
|
- Включает настройки типа, диапазона значений и единиц измерения
|
|
131
|
-
- Имеет различные наборы полей в зависимости от режима (`forConstructor`)
|
|
132
|
-
- Использует систему локализации через `$T('constructor.props.*')`
|
|
133
126
|
|
|
134
127
|
### Что настраивается
|
|
135
128
|
|
|
@@ -145,15 +138,7 @@
|
|
|
145
138
|
- Функция `progressPercent` вычисляет процент заполнения индикатора
|
|
146
139
|
- Функция `roundToClean` округляет числа для отображения
|
|
147
140
|
|
|
148
|
-
### Сторы и зависимости
|
|
149
|
-
|
|
150
|
-
- Используется стор `twMerge` для объединения Tailwind CSS классов
|
|
151
|
-
|
|
152
141
|
### Директивы
|
|
153
142
|
|
|
154
143
|
- `$derived` для вычисления минимального и максимального значений
|
|
155
144
|
- `#each` для отображения нескольких элементов индикатора
|
|
156
|
-
|
|
157
|
-
### Слоты
|
|
158
|
-
|
|
159
|
-
- Компонент не использует внешних слотов
|
package/dist/Select/README.md
CHANGED
|
@@ -23,9 +23,7 @@
|
|
|
23
23
|
|
|
24
24
|
### Адаптивность
|
|
25
25
|
|
|
26
|
-
- Компонент использует Tailwind CSS для адаптивного дизайна
|
|
27
26
|
- Выпадающий список автоматически позиционируется относительно родителя
|
|
28
|
-
- Используются относительные единицы измерения для обеспечения масштабируемости
|
|
29
27
|
|
|
30
28
|
### Ограничения
|
|
31
29
|
|
|
@@ -35,9 +33,7 @@
|
|
|
35
33
|
|
|
36
34
|
### Производительность
|
|
37
35
|
|
|
38
|
-
- Компонент использует оптимизации Svelte для минимизации перерисовок
|
|
39
36
|
- Фильтрация опций выполняется только при изменении поискового запроса
|
|
40
|
-
- Используется эффективное объединение классов через `twMerge`
|
|
41
37
|
|
|
42
38
|
## Пропсы
|
|
43
39
|
|
|
@@ -162,11 +158,8 @@
|
|
|
162
158
|
|
|
163
159
|
### Особенности конструктора
|
|
164
160
|
|
|
165
|
-
- Предоставляет визуальные элементы управления для всех доступных свойств
|
|
166
161
|
- Поддерживает настройку типа отображения, значения и мультивыбора
|
|
167
162
|
- Включает управление списком опций с возможностью добавления/удаления
|
|
168
|
-
- Имеет различные наборы полей в зависимости от режима (`forConstructor`)
|
|
169
|
-
- Использует систему локализации через `$T('constructor.props.*')`
|
|
170
163
|
|
|
171
164
|
### Что настраивается
|
|
172
165
|
|
|
@@ -184,7 +177,6 @@
|
|
|
184
177
|
|
|
185
178
|
### Сторы и зависимости
|
|
186
179
|
|
|
187
|
-
- Используется стор `twMerge` для объединения Tailwind CSS классов
|
|
188
180
|
- Применяется переход `slide` из `svelte/transition` для анимации выпадающего списка
|
|
189
181
|
|
|
190
182
|
### Директивы
|
|
@@ -192,7 +184,3 @@
|
|
|
192
184
|
- `bind:value` для двусторонней привязки значения
|
|
193
185
|
- `transition:slide` для анимации выпадающего списка
|
|
194
186
|
- `onMount` и `onDestroy` для управления слушателями событий клика
|
|
195
|
-
|
|
196
|
-
### Слоты
|
|
197
|
-
|
|
198
|
-
- Компонент не использует внешних слотов
|
package/dist/Slider/README.md
CHANGED
|
@@ -20,9 +20,7 @@
|
|
|
20
20
|
|
|
21
21
|
### Адаптивность
|
|
22
22
|
|
|
23
|
-
- Компонент использует Tailwind CSS для адаптивного дизайна
|
|
24
23
|
- Слайдер автоматически масштабируется под размер контейнера
|
|
25
|
-
- Используются относительные единицы измерения для обеспечения масштабируемости
|
|
26
24
|
|
|
27
25
|
### Ограничения
|
|
28
26
|
|
|
@@ -32,9 +30,7 @@
|
|
|
32
30
|
|
|
33
31
|
### Производительность
|
|
34
32
|
|
|
35
|
-
- Компонент использует оптимизации Svelte для минимизации перерисовок
|
|
36
33
|
- Значения нормализуются для предотвращения некорректного отображения
|
|
37
|
-
- Используется эффективное объединение классов через `twMerge`
|
|
38
34
|
|
|
39
35
|
## Пропсы
|
|
40
36
|
|
|
@@ -146,11 +142,8 @@
|
|
|
146
142
|
|
|
147
143
|
### Особенности конструктора
|
|
148
144
|
|
|
149
|
-
- Предоставляет визуальные элементы управления для всех доступных свойств
|
|
150
145
|
- Поддерживает настройку типа слайдера (одиночный или диапазонный)
|
|
151
146
|
- Включает настройки диапазона значений и шага
|
|
152
|
-
- Имеет различные наборы полей в зависимости от режима (`forConstructor`)
|
|
153
|
-
- Использует систему локализации через `$T('constructor.props.*')`
|
|
154
147
|
|
|
155
148
|
### Что настраивается
|
|
156
149
|
|
|
@@ -168,7 +161,6 @@
|
|
|
168
161
|
|
|
169
162
|
### Сторы и зависимости
|
|
170
163
|
|
|
171
|
-
- Используется стор `twMerge` для объединения Tailwind CSS классов
|
|
172
164
|
- Используется `navigator.userAgent` для определения типа устройства для корректного отображения слайдера
|
|
173
165
|
|
|
174
166
|
### Директивы
|
|
@@ -176,7 +168,3 @@
|
|
|
176
168
|
- `bind:value` для двусторонней привязки значений слайдера
|
|
177
169
|
- `$effect` для синхронизации значений при изменении входных данных
|
|
178
170
|
- `oninput` для обработки изменения значений через пользовательский ввод
|
|
179
|
-
|
|
180
|
-
### Слоты
|
|
181
|
-
|
|
182
|
-
- Компонент не использует внешних слотов
|
package/dist/Switch/README.md
CHANGED
|
@@ -20,9 +20,7 @@
|
|
|
20
20
|
|
|
21
21
|
### Адаптивность
|
|
22
22
|
|
|
23
|
-
- Компонент использует Tailwind CSS для адаптивного дизайна
|
|
24
23
|
- Переключатели автоматически масштабируются под размер контейнера
|
|
25
|
-
- Используются относительные единицы измерения для обеспечения масштабируемости
|
|
26
24
|
|
|
27
25
|
### Ограничения
|
|
28
26
|
|
|
@@ -32,9 +30,7 @@
|
|
|
32
30
|
|
|
33
31
|
### Производительность
|
|
34
32
|
|
|
35
|
-
- Компонент использует оптимизации Svelte для минимизации перерисовок
|
|
36
33
|
- Битовые операции выполняются эффективно для управления состоянием
|
|
37
|
-
- Используется эффективное объединение классов через `twMerge`
|
|
38
34
|
|
|
39
35
|
## Пропсы
|
|
40
36
|
|
|
@@ -163,11 +159,8 @@
|
|
|
163
159
|
|
|
164
160
|
### Особенности конструктора
|
|
165
161
|
|
|
166
|
-
- Предоставляет визуальные элементы управления для всех доступных свойств
|
|
167
162
|
- Поддерживает настройку типа переключателя, режима битов и подписей
|
|
168
163
|
- Включает управление списком опций с возможностью добавления/удаления
|
|
169
|
-
- Имеет различные наборы полей в зависимости от режима (`forConstructor`)
|
|
170
|
-
- Использует систему локализации через `$T('constructor.props.*')`
|
|
171
164
|
|
|
172
165
|
### Что настраивается
|
|
173
166
|
|
|
@@ -185,7 +178,6 @@
|
|
|
185
178
|
|
|
186
179
|
### Сторы и зависимости
|
|
187
180
|
|
|
188
|
-
- Используется стор `twMerge` для объединения Tailwind CSS классов
|
|
189
181
|
- Применяется переход `fly` из `svelte/transition` для анимации подсказки
|
|
190
182
|
|
|
191
183
|
### Директивы
|
|
@@ -193,7 +185,3 @@
|
|
|
193
185
|
- `bind:value` для двусторонней привязки значения
|
|
194
186
|
- `transition:fly` для анимации информационной подсказки
|
|
195
187
|
- `$effect` для инициализации значения при его отсутствии
|
|
196
|
-
|
|
197
|
-
### Слоты
|
|
198
|
-
|
|
199
|
-
- Компонент не использует внешних слотов
|
package/dist/Table/README.md
CHANGED
|
@@ -26,9 +26,7 @@
|
|
|
26
26
|
|
|
27
27
|
### Адаптивность
|
|
28
28
|
|
|
29
|
-
- Компонент использует Tailwind CSS для адаптивного дизайна
|
|
30
29
|
- Таблица автоматически адаптируется под размеры контейнера
|
|
31
|
-
- Используются относительные единицы измерения для обеспечения масштабируемости
|
|
32
30
|
- Размер текста строк задаётся CSS-переменной `--table-font-size` на любом родителе (по умолчанию `13px`), например `style="--table-font-size: 11.5px"` — так потребитель меняет масштаб данных без правки компонента
|
|
33
31
|
|
|
34
32
|
### Ограничения
|
|
@@ -39,9 +37,7 @@
|
|
|
39
37
|
|
|
40
38
|
### Производительность
|
|
41
39
|
|
|
42
|
-
- Компонент использует оптимизации Svelte для минимизации перерисовок
|
|
43
40
|
- Буферизация данных позволяет эффективно отображать большие объемы информации
|
|
44
|
-
- Используется эффективное объединение классов через `twMerge`
|
|
45
41
|
|
|
46
42
|
## Пропсы
|
|
47
43
|
|
|
@@ -235,11 +231,8 @@
|
|
|
235
231
|
|
|
236
232
|
### Особенности конструктора
|
|
237
233
|
|
|
238
|
-
- Предоставляет визуальные элементы управления для всех доступных свойств
|
|
239
234
|
- Поддерживает настройку столбцов таблицы с различными типами содержимого
|
|
240
235
|
- Включает настройки буфера данных, обводки и автопрокрутки
|
|
241
|
-
- Имеет различные наборы полей в зависимости от режима (`forConstructor`)
|
|
242
|
-
- Использует систему локализации через `$T('constructor.props.*')`
|
|
243
236
|
|
|
244
237
|
### Что настраивается
|
|
245
238
|
|
|
@@ -257,7 +250,6 @@
|
|
|
257
250
|
|
|
258
251
|
### Сторы и зависимости
|
|
259
252
|
|
|
260
|
-
- Используется стор `twMerge` для объединения Tailwind CSS классов
|
|
261
253
|
- Используются переходы `fade`, `fly`, `slide` из `svelte/transition` для анимаций
|
|
262
254
|
- Используется `onMount` для инициализации обработчиков прокрутки
|
|
263
255
|
|
package/dist/Tabs/README.md
CHANGED
|
@@ -15,9 +15,7 @@
|
|
|
15
15
|
|
|
16
16
|
### Адаптивность
|
|
17
17
|
|
|
18
|
-
- Компонент использует Tailwind CSS для адаптивного дизайна
|
|
19
18
|
- Вкладки автоматически адаптируются под размер контейнера
|
|
20
|
-
- Используются относительные единицы измерения для обеспечения масштабируемости
|
|
21
19
|
|
|
22
20
|
### Ограничения
|
|
23
21
|
|
|
@@ -27,8 +25,6 @@
|
|
|
27
25
|
|
|
28
26
|
### Производительность
|
|
29
27
|
|
|
30
|
-
- Компонент использует оптимизации Svelte для минимизации перерисовок
|
|
31
|
-
- Используется эффективное объединение классов через `twMerge`
|
|
32
28
|
- Содержимое вкладок рендерится только при активации соответствующей вкладки
|
|
33
29
|
|
|
34
30
|
## Пропсы
|
|
@@ -145,11 +141,8 @@
|
|
|
145
141
|
|
|
146
142
|
### Особенности конструктора
|
|
147
143
|
|
|
148
|
-
- Предоставляет визуальные элементы управления для всех доступных свойств
|
|
149
144
|
- Поддерживает настройку позиционирования иконки и текста
|
|
150
145
|
- Включает управление списком вкладок с возможностью добавления/удаления
|
|
151
|
-
- Имеет различные наборы полей в зависимости от режима (`forConstructor`)
|
|
152
|
-
- Использует систему локализации через `$T('constructor.props.*')`
|
|
153
146
|
|
|
154
147
|
### Что настраивается
|
|
155
148
|
|
|
@@ -166,7 +159,6 @@
|
|
|
166
159
|
|
|
167
160
|
### Сторы и зависимости
|
|
168
161
|
|
|
169
|
-
- Используется стор `twMerge` для объединения Tailwind CSS классов
|
|
170
162
|
- Используется `optionsStore` для получения цветовых опций
|
|
171
163
|
|
|
172
164
|
### Директивы
|
package/dist/TextField/README.md
CHANGED
|
@@ -14,9 +14,7 @@
|
|
|
14
14
|
|
|
15
15
|
### Адаптивность
|
|
16
16
|
|
|
17
|
-
- Компонент использует Tailwind CSS для адаптивного дизайна
|
|
18
17
|
- Текст автоматически адаптируется под размер контейнера
|
|
19
|
-
- Используются относительные единицы измерения для обеспечения масштабируемости
|
|
20
18
|
|
|
21
19
|
### Ограничения
|
|
22
20
|
|
|
@@ -24,11 +22,6 @@
|
|
|
24
22
|
- При использовании фона применяется стандартное оформление с закругленными углами
|
|
25
23
|
- Текст всегда выравнивается по центру
|
|
26
24
|
|
|
27
|
-
### Производительность
|
|
28
|
-
|
|
29
|
-
- Компонент использует оптимизации Svelte для минимизации перерисовок
|
|
30
|
-
- Используется эффективное объединение классов через `twMerge`
|
|
31
|
-
|
|
32
25
|
## Пропсы
|
|
33
26
|
|
|
34
27
|
| Название | Тип | По умолчанию | Описание |
|
|
@@ -94,11 +87,8 @@
|
|
|
94
87
|
|
|
95
88
|
### Особенности конструктора
|
|
96
89
|
|
|
97
|
-
- Предоставляет визуальные элементы управления для всех доступных свойств
|
|
98
90
|
- Поддерживает настройку размера текста и цвета
|
|
99
91
|
- Включает настройки оформления (жирный, курсив, фон)
|
|
100
|
-
- Имеет различные наборы полей в зависимости от режима (`forConstructor`)
|
|
101
|
-
- Использует систему локализации через `$T('constructor.props.*')`
|
|
102
92
|
|
|
103
93
|
### Что настраивается
|
|
104
94
|
|
|
@@ -113,15 +103,7 @@
|
|
|
113
103
|
- Объект `textSize` определяет CSS-классы для различных размеров текста
|
|
114
104
|
- Переменная `background` управляет отображением фонового оформления
|
|
115
105
|
|
|
116
|
-
### Сторы и зависимости
|
|
117
|
-
|
|
118
|
-
- Используется стор `twMerge` для объединения Tailwind CSS классов
|
|
119
|
-
|
|
120
106
|
### Директивы
|
|
121
107
|
|
|
122
108
|
- `twMerge` для объединения классов обертки и текста
|
|
123
109
|
- `$props()` для получения пропсов компонента
|
|
124
|
-
|
|
125
|
-
### Слоты
|
|
126
|
-
|
|
127
|
-
- Компонент не использует внешних слотов
|