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 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) по секрету `FORGEJO_ACCESS_TOKEN`, ставит `poe-svelte-ui-lib@<версия>`, прогоняет `prisma generate` и `svelte-check` и, если проверка прошла, пушит в `main` коммит `poe-svelte-ui-lib <версия> [deploy]` — облако разворачивается само. Вручную версию в облаке не поднимаем; изменения кода облака, которым нужна новая версия библиотеки, коммитятся без `[deploy]` до выпуска — их развернёт этот коммит. Если `svelte-check` упал, коммита нет, облако остаётся на прежней версии (смотрите лог job в GitHub Actions).
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
 
@@ -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
  ### Директивы
@@ -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
- - Компонент не использует внешних слотов
@@ -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
 
@@ -110,7 +110,3 @@
110
110
 
111
111
  - `twMerge` для объединения классов обёртки и полосы
112
112
  - `$props()` для получения пропсов компонента
113
-
114
- ### Слоты
115
-
116
- - Компонент не использует внешних слотов
@@ -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
- - Компонент не использует внешних слотов
@@ -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
- - Компонент не использует внешних слотов
@@ -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
- - Компонент не использует внешних слотов
@@ -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
- - Компонент не использует внешних слотов
@@ -152,7 +152,3 @@
152
152
 
153
153
  - `#each` для отображения вкладок переключателя, столбиков графика и подписей по X
154
154
  - `#if` для пустого состояния (уровень без данных)
155
-
156
- ### Слоты
157
-
158
- - Компонент не использует внешних слотов
@@ -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
- - Компонент не использует внешних слотов
@@ -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
- - Компонент не использует внешних слотов
@@ -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
- - Компонент не использует внешних слотов
@@ -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
- - Компонент не использует внешних слотов
@@ -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
 
@@ -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
  ### Директивы
@@ -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
- - Компонент не использует внешних слотов