r3ui-lib 1.1.4 → 1.1.6
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
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
# 📚
|
|
1
|
+
# 📚 r3ui-lib UI Library
|
|
2
2
|
|
|
3
3
|
> Современная библиотека Vue 3 компонентов с TypeScript поддержкой
|
|
4
4
|
|
|
5
|
-
[](https://www.npmjs.com/package/r3ui-lib)
|
|
6
|
+
[](https://github.com/REGAGRO-LTD-CY/r3ui-lib/blob/main/LICENSE)
|
|
7
7
|
[](https://vuejs.org/)
|
|
8
8
|
[](https://www.typescriptlang.org/)
|
|
9
9
|
|
|
@@ -40,6 +40,8 @@ import { DefaultButton, Table, useTableDefault } from 'r3ui-lib'
|
|
|
40
40
|
- `PasswordInput` - Поле пароля
|
|
41
41
|
- `Checkbox` - Чекбокс
|
|
42
42
|
- `FormError` - Отображение ошибок
|
|
43
|
+
- `VSelect` - Селект с поиском и загрузкой
|
|
44
|
+
- `AddressForm` - Форма адреса с каскадной загрузкой
|
|
43
45
|
|
|
44
46
|
### 📊 Таблицы
|
|
45
47
|
- `Table` - Универсальная таблица с AJAX
|
|
@@ -58,6 +60,12 @@ import { DefaultButton, Table, useTableDefault } from 'r3ui-lib'
|
|
|
58
60
|
- `Card` - Карточка
|
|
59
61
|
- `Divider` - Разделитель
|
|
60
62
|
|
|
63
|
+
### 🏠 Адресные компоненты
|
|
64
|
+
- `AddressForm` - Полная форма адреса с каскадной загрузкой
|
|
65
|
+
- Автоматическая загрузка регионов при изменении страны
|
|
66
|
+
- Поддержка `setFilterParamsStringsHandler` для интеграции
|
|
67
|
+
- Методы сброса полей и получения полного адреса
|
|
68
|
+
|
|
61
69
|
## 🔧 Composables
|
|
62
70
|
|
|
63
71
|
- `useTableDefault` - Управление состоянием таблицы
|
|
@@ -92,11 +100,13 @@ npm run test
|
|
|
92
100
|
## 📦 Установка
|
|
93
101
|
|
|
94
102
|
```bash
|
|
95
|
-
npm install
|
|
103
|
+
npm install r3ui-lib
|
|
96
104
|
```
|
|
97
105
|
|
|
98
106
|
## 🎯 Использование
|
|
99
107
|
|
|
108
|
+
### Базовые компоненты
|
|
109
|
+
|
|
100
110
|
```vue
|
|
101
111
|
<template>
|
|
102
112
|
<div>
|
|
@@ -132,11 +142,47 @@ import {
|
|
|
132
142
|
</script>
|
|
133
143
|
```
|
|
134
144
|
|
|
145
|
+
### Форма адреса
|
|
146
|
+
|
|
147
|
+
```vue
|
|
148
|
+
<template>
|
|
149
|
+
<AddressForm
|
|
150
|
+
:countryId="selectedCountryId"
|
|
151
|
+
:modelValue="addressData"
|
|
152
|
+
@update:modelValue="addressData = $event"
|
|
153
|
+
:loadRegions="getRegionOptions"
|
|
154
|
+
:loadDistricts="getDistrictOptions"
|
|
155
|
+
:loadLocalities="getLocalityOptions"
|
|
156
|
+
:loadStreets="getStreetOptions"
|
|
157
|
+
:setFilterParamsStringsHandler="handleAddressChange"
|
|
158
|
+
filterName="address_full_address"
|
|
159
|
+
prefix="address_"
|
|
160
|
+
/>
|
|
161
|
+
</template>
|
|
162
|
+
|
|
163
|
+
<script setup>
|
|
164
|
+
import { AddressForm } from 'r3ui-lib'
|
|
165
|
+
import {
|
|
166
|
+
getRegionOptions,
|
|
167
|
+
getDistrictOptions,
|
|
168
|
+
getLocalityOptions,
|
|
169
|
+
getStreetOptions
|
|
170
|
+
} from '~/utils/address/selectOptions'
|
|
171
|
+
|
|
172
|
+
const addressData = ref({})
|
|
173
|
+
const selectedCountryId = ref(1)
|
|
174
|
+
|
|
175
|
+
function handleAddressChange(key, value) {
|
|
176
|
+
console.log(`${key}: ${value}`)
|
|
177
|
+
}
|
|
178
|
+
</script>
|
|
179
|
+
```
|
|
180
|
+
|
|
135
181
|
## 🔗 Полезные ссылки
|
|
136
182
|
|
|
137
|
-
- [GitHub Repository](git@github.com:REGAGRO-LTD-CY/
|
|
183
|
+
- [GitHub Repository](git@github.com:REGAGRO-LTD-CY/r3ui-lib.git)
|
|
138
184
|
- [Storybook](http://localhost:6006) - Интерактивные примеры
|
|
139
|
-
- [NPM Package](https://www.npmjs.com/package/
|
|
185
|
+
- [NPM Package](https://www.npmjs.com/package/r3ui-lib)
|
|
140
186
|
|
|
141
187
|
## 📄 Лицензия
|
|
142
188
|
|
|
@@ -144,6 +190,24 @@ MIT License
|
|
|
144
190
|
|
|
145
191
|
---
|
|
146
192
|
|
|
147
|
-
**Версия:** 1.
|
|
193
|
+
**Версия:** 1.1.4
|
|
148
194
|
**Статус:** ✅ Готов к использованию
|
|
149
|
-
**Последнее обновление:** Сентябрь 2024
|
|
195
|
+
**Последнее обновление:** Сентябрь 2024
|
|
196
|
+
|
|
197
|
+
## 🆕 Последние обновления
|
|
198
|
+
|
|
199
|
+
### v1.1.4
|
|
200
|
+
- ✅ Исправлена бесконечная рекурсия в `AddressForm`
|
|
201
|
+
- ✅ Добавлен watcher для `countryId` с автоматической загрузкой регионов
|
|
202
|
+
- ✅ Восстановлен функционал `setFilterParamsStringsHandler`
|
|
203
|
+
- ✅ Добавлены методы сброса полей и получения полного адреса
|
|
204
|
+
|
|
205
|
+
### v1.1.3
|
|
206
|
+
- ✅ Исправлены TypeScript декларации
|
|
207
|
+
- ✅ Добавлена полная поддержка TypeScript
|
|
208
|
+
- ✅ Исправлены watchers в `AddressForm`
|
|
209
|
+
|
|
210
|
+
### v1.1.0
|
|
211
|
+
- ✅ Изменена точка входа с `main-simple.ts` на `main.ts`
|
|
212
|
+
- ✅ Все 56 компонентов теперь доступны
|
|
213
|
+
- ✅ Улучшена производительность сборки
|