r3ui-lib 1.2.0 → 1.2.2
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 +68 -25
- package/dist/r3ui-lib.css +6 -2
- package/dist/{ui-library.es.js → r3ui-lib.es.js} +10835 -8420
- package/dist/r3ui-lib.umd.js +54 -0
- package/dist/types/components/DefaultButton.vue.d.ts +2 -2
- package/dist/types/components/DefaultButton.vue.d.ts.map +1 -1
- package/dist/types/components/Divider.vue.d.ts +2 -2
- package/dist/types/components/cards/CardInfo.vue.d.ts +2 -2
- package/dist/types/components/cards/CardInfo.vue.d.ts.map +1 -1
- package/dist/types/components/form/CustomInput.vue.d.ts +14 -6
- package/dist/types/components/form/CustomInput.vue.d.ts.map +1 -1
- package/dist/types/components/forms/AddressForm.stories.d.ts +3 -0
- package/dist/types/components/forms/AddressForm.stories.d.ts.map +1 -1
- package/dist/types/components/forms/AddressForm.vue.d.ts +2 -2
- package/dist/types/components/forms/AddressForm.vue.d.ts.map +1 -1
- package/dist/types/components/forms/Flatpickr.vue.d.ts +3 -1
- package/dist/types/components/forms/Flatpickr.vue.d.ts.map +1 -1
- package/dist/types/components/layout/Breadcrumbs.vue.d.ts.map +1 -1
- package/dist/types/components/layout/Header.vue.d.ts +13 -1
- package/dist/types/components/layout/Header.vue.d.ts.map +1 -1
- package/dist/types/components/layout/MainComponent.vue.d.ts.map +1 -1
- package/dist/types/components/logo/Logo.stories.d.ts +12 -0
- package/dist/types/components/logo/Logo.stories.d.ts.map +1 -0
- package/dist/types/components/logo/Logo.vue.d.ts +28 -0
- package/dist/types/components/logo/Logo.vue.d.ts.map +1 -0
- package/dist/types/components/modals/ConfirmationModal.vue.d.ts +2 -2
- package/dist/types/components/modals/ConfirmationModal.vue.d.ts.map +1 -1
- package/dist/types/components/modals/DefaultModal.vue.d.ts +15 -4
- package/dist/types/components/modals/DefaultModal.vue.d.ts.map +1 -1
- package/dist/types/components/modals/EditTableColumnsModalComponent.vue.d.ts.map +1 -1
- package/dist/types/components/modals/TableFilterModalComponent.vue.d.ts.map +1 -1
- package/dist/types/components/notifications/ErrorMessageComponent.vue.d.ts +1 -1
- package/dist/types/components/notifications/ErrorMessageComponent.vue.d.ts.map +1 -1
- package/dist/types/components/tables/EditTableColumns.vue.d.ts +4 -4
- package/dist/types/components/tables/EditTableColumns.vue.d.ts.map +1 -1
- package/dist/types/components/tables/Table.vue.d.ts +22 -2
- package/dist/types/components/tables/Table.vue.d.ts.map +1 -1
- package/dist/types/components/tables/TableColumnsButton.vue.d.ts +30 -0
- package/dist/types/components/tables/TableColumnsButton.vue.d.ts.map +1 -0
- package/dist/types/components/tables/TableColumnsModal.vue.d.ts +30 -0
- package/dist/types/components/tables/TableColumnsModal.vue.d.ts.map +1 -0
- package/dist/types/components/tables/TableCount.vue.d.ts.map +1 -1
- package/dist/types/composables/main/useBreadcrumbs.d.ts +34 -0
- package/dist/types/composables/main/useBreadcrumbs.d.ts.map +1 -0
- package/dist/types/composables/table/useTableColumns.d.ts +42 -0
- package/dist/types/composables/table/useTableColumns.d.ts.map +1 -0
- package/dist/types/composables/table/useTableColumnsEnhanced.d.ts +81 -0
- package/dist/types/composables/table/useTableColumnsEnhanced.d.ts.map +1 -0
- package/dist/types/composables/table/useTableColumnsIntegration.d.ts +111 -0
- package/dist/types/composables/table/useTableColumnsIntegration.d.ts.map +1 -0
- package/dist/types/composables/table/useTableDefault.d.ts +4 -2
- package/dist/types/composables/table/useTableDefault.d.ts.map +1 -1
- package/dist/types/main.d.ts +20 -3
- package/dist/types/main.d.ts.map +1 -1
- package/dist/types/types/table.d.ts +33 -0
- package/dist/types/types/table.d.ts.map +1 -0
- package/dist/types/utils/table-columns-utils.d.ts +163 -0
- package/dist/types/utils/table-columns-utils.d.ts.map +1 -0
- package/dist/types/utils/tableLocalizations.d.ts +24 -1
- package/dist/types/utils/tableLocalizations.d.ts.map +1 -1
- package/package.json +8 -6
- package/dist/ui-library.umd.js +0 -54
package/README.md
CHANGED
|
@@ -7,6 +7,7 @@
|
|
|
7
7
|
[](https://vuejs.org/)
|
|
8
8
|
[](https://www.typescriptlang.org/)
|
|
9
9
|
|
|
10
|
+
|
|
10
11
|
## 🚀 Быстрый старт
|
|
11
12
|
|
|
12
13
|
```bash
|
|
@@ -34,6 +35,9 @@ import { DefaultButton, Table, useTableDefault } from 'r3ui-lib'
|
|
|
34
35
|
- `AddButton` - Кнопка добавления
|
|
35
36
|
- `ExportButton` - Кнопка экспорта
|
|
36
37
|
- `PrintButton` - Кнопка печати
|
|
38
|
+
- `ClearFormButton` - Кнопка очистки формы
|
|
39
|
+
- `CollapseButton` - Кнопка сворачивания/разворачивания
|
|
40
|
+
- `ToggleButtons` - Переключатели для выбора опций
|
|
37
41
|
|
|
38
42
|
### 📝 Формы
|
|
39
43
|
- `CustomInput` - Поле ввода с валидацией
|
|
@@ -41,15 +45,28 @@ import { DefaultButton, Table, useTableDefault } from 'r3ui-lib'
|
|
|
41
45
|
- `Checkbox` - Чекбокс
|
|
42
46
|
- `FormError` - Отображение ошибок
|
|
43
47
|
- `VSelect` - Селект с поиском и загрузкой
|
|
48
|
+
- `BooleanCheckbox` - Булевый чекбокс с кастомными значениями
|
|
49
|
+
- `MultiCheckbox` - Множественный выбор чекбоксов
|
|
50
|
+
- `MultiInput` - Динамические поля ввода
|
|
51
|
+
- `Flatpickr` - Поле выбора даты
|
|
52
|
+
- `HeaderSearchForm` - Форма поиска в заголовке
|
|
44
53
|
- `AddressForm` - Форма адреса с каскадной загрузкой
|
|
54
|
+
- `AgeFromAgeTo` - Диапазон возрастов
|
|
45
55
|
|
|
46
56
|
### 📊 Таблицы
|
|
47
57
|
- `Table` - Универсальная таблица с AJAX
|
|
48
58
|
- `TableCount` - Счетчик записей
|
|
59
|
+
- `ColumnSubFilter` - Подфильтры для колонок таблицы
|
|
60
|
+
- `TableAppliedFiltersStorage` - Сохранение фильтров в localStorage
|
|
61
|
+
- `TableQuickFilterComponent` - Быстрые фильтры таблицы
|
|
62
|
+
- `EditTableColumns` - Управление колонками таблицы
|
|
63
|
+
- `ToggleAllTableRowButtons` - Кнопки выбора всех строк
|
|
49
64
|
|
|
50
65
|
### 🪟 Модальные окна
|
|
51
66
|
- `DefaultModal` - Базовое модальное окно
|
|
52
67
|
- `ConfirmationModal` - Модальное окно подтверждения
|
|
68
|
+
- `TableFilterModalComponent` - Модальное окно фильтров таблицы
|
|
69
|
+
- `EditTableColumnsModalComponent` - Модальное окно редактирования колонок
|
|
53
70
|
|
|
54
71
|
### 🔔 Уведомления
|
|
55
72
|
- `Toast` - Всплывающие уведомления
|
|
@@ -59,6 +76,29 @@ import { DefaultButton, Table, useTableDefault } from 'r3ui-lib'
|
|
|
59
76
|
- `PageTitle` - Заголовок страницы
|
|
60
77
|
- `Card` - Карточка
|
|
61
78
|
- `Divider` - Разделитель
|
|
79
|
+
- `Footer` - Подвал страницы
|
|
80
|
+
- `Header` - Заголовок страницы
|
|
81
|
+
- `MainComponent` - Основной компонент макета
|
|
82
|
+
- `CardInfo` - Информационная карточка
|
|
83
|
+
- `PageCard` - Карточка страницы
|
|
84
|
+
|
|
85
|
+
### 📋 Аккордеоны
|
|
86
|
+
- `DefaultAccordion` - Базовый аккордеон
|
|
87
|
+
- `KindCheckboxesAccordion` - Аккордеон с чекбоксами по категориям
|
|
88
|
+
|
|
89
|
+
### 🔍 Фильтры
|
|
90
|
+
- `MultipleQuickFilterComponent` - Множественные быстрые фильтры
|
|
91
|
+
|
|
92
|
+
### 🎨 Утилиты
|
|
93
|
+
- `Spinner` - Индикатор загрузки
|
|
94
|
+
- `Icon` - Компонент иконки
|
|
95
|
+
- `DefaultDropDown` - Выпадающий список
|
|
96
|
+
- `QuestionIcon` - Иконка вопроса
|
|
97
|
+
- `FilterValuesPanel` - Панель значений фильтра
|
|
98
|
+
- `Slider` - Диапазонный слайдер
|
|
99
|
+
|
|
100
|
+
### 📤 Экспорт
|
|
101
|
+
- `ExportComponent` - Компонент экспорта данных
|
|
62
102
|
|
|
63
103
|
### 🏠 Адресные компоненты
|
|
64
104
|
- `AddressForm` - Полная форма адреса с каскадной загрузкой
|
|
@@ -70,12 +110,14 @@ import { DefaultButton, Table, useTableDefault } from 'r3ui-lib'
|
|
|
70
110
|
|
|
71
111
|
- `useTableDefault` - Управление состоянием таблицы
|
|
72
112
|
- `useTableStorage` - Работа с localStorage
|
|
113
|
+
- `useBreadcrumbs` - Универсальное управление breadcrumbs
|
|
73
114
|
|
|
74
115
|
## 📁 Примеры
|
|
75
116
|
|
|
76
117
|
См. папку [`examples/`](./examples/) для полных примеров:
|
|
77
118
|
|
|
78
119
|
- **[TableWithComposable.vue](./examples/TableWithComposable.vue)** - Пример использования Table с useTableDefault
|
|
120
|
+
- **[BreadcrumbsExample.vue](./examples/BreadcrumbsExample.vue)** - Пример использования useBreadcrumbs
|
|
79
121
|
|
|
80
122
|
## 🛠️ Разработка
|
|
81
123
|
|
|
@@ -111,7 +153,7 @@ npm install r3ui-lib
|
|
|
111
153
|
<template>
|
|
112
154
|
<div>
|
|
113
155
|
<PageTitle title="Моя страница" />
|
|
114
|
-
|
|
156
|
+
|
|
115
157
|
<Card>
|
|
116
158
|
<Table
|
|
117
159
|
:columns="columns"
|
|
@@ -120,7 +162,7 @@ npm install r3ui-lib
|
|
|
120
162
|
@sort="handleSort"
|
|
121
163
|
/>
|
|
122
164
|
</Card>
|
|
123
|
-
|
|
165
|
+
|
|
124
166
|
<DefaultButton
|
|
125
167
|
label="Сохранить"
|
|
126
168
|
styles="primary"
|
|
@@ -130,12 +172,12 @@ npm install r3ui-lib
|
|
|
130
172
|
</template>
|
|
131
173
|
|
|
132
174
|
<script setup>
|
|
133
|
-
import {
|
|
134
|
-
PageTitle,
|
|
135
|
-
Card,
|
|
136
|
-
Table,
|
|
175
|
+
import {
|
|
176
|
+
PageTitle,
|
|
177
|
+
Card,
|
|
178
|
+
Table,
|
|
137
179
|
DefaultButton,
|
|
138
|
-
useTableDefault
|
|
180
|
+
useTableDefault
|
|
139
181
|
} from 'r3ui-lib'
|
|
140
182
|
|
|
141
183
|
// Ваша логика
|
|
@@ -162,11 +204,11 @@ import {
|
|
|
162
204
|
|
|
163
205
|
<script setup>
|
|
164
206
|
import { AddressForm } from 'r3ui-lib'
|
|
165
|
-
import {
|
|
166
|
-
getRegionOptions,
|
|
167
|
-
getDistrictOptions,
|
|
168
|
-
getLocalityOptions,
|
|
169
|
-
getStreetOptions
|
|
207
|
+
import {
|
|
208
|
+
getRegionOptions,
|
|
209
|
+
getDistrictOptions,
|
|
210
|
+
getLocalityOptions,
|
|
211
|
+
getStreetOptions
|
|
170
212
|
} from '~/utils/address/selectOptions'
|
|
171
213
|
|
|
172
214
|
const addressData = ref({})
|
|
@@ -190,24 +232,25 @@ MIT License
|
|
|
190
232
|
|
|
191
233
|
---
|
|
192
234
|
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
**Последнее обновление:** Сентябрь 2024
|
|
235
|
+
**Статус:** ✅ Готов к использованию
|
|
236
|
+
**Последнее обновление:** Декабрь 2024
|
|
196
237
|
|
|
197
238
|
## 🆕 Последние обновления
|
|
198
|
-
|
|
199
|
-
|
|
239
|
+
- ✅ Добавлены новые компоненты форм: `BooleanCheckbox`, `MultiCheckbox`, `MultiInput`, `Flatpickr`, `HeaderSearchForm`, `AgeFromAgeTo`
|
|
240
|
+
- ✅ Расширены компоненты таблиц: `ColumnSubFilter`, `TableAppliedFiltersStorage`, `TableQuickFilterComponent`, `EditTableColumns`, `ToggleAllTableRowButtons`
|
|
241
|
+
- ✅ Добавлены новые модальные окна: `TableFilterModalComponent`, `EditTableColumnsModalComponent`
|
|
242
|
+
- ✅ Добавлены компоненты макета: `Footer`, `Header`, `MainComponent`, `CardInfo`, `PageCard`
|
|
243
|
+
- ✅ Добавлены аккордеоны: `DefaultAccordion`, `KindCheckboxesAccordion`
|
|
244
|
+
- ✅ Добавлены утилиты: `Spinner`, `Icon`, `DefaultDropDown`, `QuestionIcon`, `FilterValuesPanel`, `Slider`
|
|
245
|
+
- ✅ Добавлен компонент экспорта: `ExportComponent`
|
|
246
|
+
- ✅ Добавлены кнопки: `ClearFormButton`, `CollapseButton`, `ToggleButtons`
|
|
247
|
+
- ✅ Обновлена документация с полным списком всех 56+ компонентов
|
|
248
|
+
- ✅ Добавлены примеры использования для всех новых компонентов
|
|
200
249
|
- ✅ Исправлена бесконечная рекурсия в `AddressForm`
|
|
201
250
|
- ✅ Добавлен watcher для `countryId` с автоматической загрузкой регионов
|
|
202
251
|
- ✅ Восстановлен функционал `setFilterParamsStringsHandler`
|
|
203
252
|
- ✅ Добавлены методы сброса полей и получения полного адреса
|
|
204
|
-
|
|
205
|
-
### v1.1.3
|
|
206
253
|
- ✅ Исправлены TypeScript декларации
|
|
207
254
|
- ✅ Добавлена полная поддержка TypeScript
|
|
208
|
-
- ✅
|
|
209
|
-
|
|
210
|
-
### v1.1.0
|
|
211
|
-
- ✅ Изменена точка входа с `main-simple.ts` на `main.ts`
|
|
212
|
-
- ✅ Все 56 компонентов теперь доступны
|
|
213
|
-
- ✅ Улучшена производительность сборки
|
|
255
|
+
- ✅ Все 56+ компонентов теперь доступны
|
|
256
|
+
- ✅ Улучшена производительность сборки
|