r3ui-lib 1.0.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/LICENSE +21 -0
- package/README.md +149 -0
- package/dist/img/confirmation.png +0 -0
- package/dist/img/error.png +0 -0
- package/dist/img/success.png +0 -0
- package/dist/img/warning.png +0 -0
- package/dist/r3ui-lib.css +5 -0
- package/dist/ui-library.es.js +22028 -0
- package/dist/ui-library.umd.js +51 -0
- package/dist/vite.svg +1 -0
- package/package.json +97 -0
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2024 REGAGRO LTD
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
ADDED
|
@@ -0,0 +1,149 @@
|
|
|
1
|
+
# π r3lib UI Library
|
|
2
|
+
|
|
3
|
+
> Π‘ΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½Π°Ρ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ° Vue 3 ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² Ρ TypeScript ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΎΠΉ
|
|
4
|
+
|
|
5
|
+
[](https://www.npmjs.com/package/r3lib)
|
|
6
|
+
[](https://github.com/REGAGRO-LTD-CY/r3lib/blob/main/LICENSE)
|
|
7
|
+
[](https://vuejs.org/)
|
|
8
|
+
[](https://www.typescriptlang.org/)
|
|
9
|
+
|
|
10
|
+
## π ΠΡΡΡΡΡΠΉ ΡΡΠ°ΡΡ
|
|
11
|
+
|
|
12
|
+
```bash
|
|
13
|
+
# Π£ΡΡΠ°Π½ΠΎΠ²ΠΊΠ°
|
|
14
|
+
npm install r3ui-lib
|
|
15
|
+
|
|
16
|
+
# ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅
|
|
17
|
+
import { DefaultButton, Table, useTableDefault } from 'r3ui-lib'
|
|
18
|
+
```
|
|
19
|
+
|
|
20
|
+
## π ΠΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΡ
|
|
21
|
+
|
|
22
|
+
ΠΠΎΠ»Π½Π°Ρ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΡ Π΄ΠΎΡΡΡΠΏΠ½Π° Π² ΠΏΠ°ΠΏΠΊΠ΅ [`docs/`](./docs/):
|
|
23
|
+
|
|
24
|
+
- **[π ΠΠ»Π°Π²Π½Π°Ρ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΡ](./docs/README.md)** - ΠΠ±Π·ΠΎΡ ΠΈ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΡ
|
|
25
|
+
- **[𧩠ΠΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ](./docs/components/)** - ΠΡΠ΅ UI ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ
|
|
26
|
+
- **[π§ Composables](./docs/composables/)** - Vue composables
|
|
27
|
+
- **[π¨ Π‘ΡΠΈΠ»ΠΈΠ·Π°ΡΠΈΡ](./docs/styling/)** - Π’Π΅ΠΌΡ ΠΈ ΡΡΠΈΠ»ΠΈ
|
|
28
|
+
- **[π ΠΡΠΈΠΌΠ΅ΡΡ](./examples/)** - ΠΠΎΡΠΎΠ²ΡΠ΅ ΠΏΡΠΈΠΌΠ΅ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ
|
|
29
|
+
|
|
30
|
+
## 𧩠ΠΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ
|
|
31
|
+
|
|
32
|
+
### π ΠΠ½ΠΎΠΏΠΊΠΈ ΠΈ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ
|
|
33
|
+
- `DefaultButton` - ΠΠ°Π·ΠΎΠ²Π°Ρ ΠΊΠ½ΠΎΠΏΠΊΠ° Ρ 7 ΡΡΠΈΠ»ΡΠΌΠΈ
|
|
34
|
+
- `AddButton` - ΠΠ½ΠΎΠΏΠΊΠ° Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΡ
|
|
35
|
+
- `ExportButton` - ΠΠ½ΠΎΠΏΠΊΠ° ΡΠΊΡΠΏΠΎΡΡΠ°
|
|
36
|
+
- `PrintButton` - ΠΠ½ΠΎΠΏΠΊΠ° ΠΏΠ΅ΡΠ°ΡΠΈ
|
|
37
|
+
|
|
38
|
+
### π Π€ΠΎΡΠΌΡ
|
|
39
|
+
- `CustomInput` - ΠΠΎΠ»Π΅ Π²Π²ΠΎΠ΄Π° Ρ Π²Π°Π»ΠΈΠ΄Π°ΡΠΈΠ΅ΠΉ
|
|
40
|
+
- `PasswordInput` - ΠΠΎΠ»Π΅ ΠΏΠ°ΡΠΎΠ»Ρ
|
|
41
|
+
- `Checkbox` - Π§Π΅ΠΊΠ±ΠΎΠΊΡ
|
|
42
|
+
- `FormError` - ΠΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΎΡΠΈΠ±ΠΎΠΊ
|
|
43
|
+
|
|
44
|
+
### π Π’Π°Π±Π»ΠΈΡΡ
|
|
45
|
+
- `Table` - Π£Π½ΠΈΠ²Π΅ΡΡΠ°Π»ΡΠ½Π°Ρ ΡΠ°Π±Π»ΠΈΡΠ° Ρ AJAX
|
|
46
|
+
- `TableCount` - Π‘ΡΠ΅ΡΡΠΈΠΊ Π·Π°ΠΏΠΈΡΠ΅ΠΉ
|
|
47
|
+
|
|
48
|
+
### πͺ ΠΠΎΠ΄Π°Π»ΡΠ½ΡΠ΅ ΠΎΠΊΠ½Π°
|
|
49
|
+
- `DefaultModal` - ΠΠ°Π·ΠΎΠ²ΠΎΠ΅ ΠΌΠΎΠ΄Π°Π»ΡΠ½ΠΎΠ΅ ΠΎΠΊΠ½ΠΎ
|
|
50
|
+
- `ConfirmationModal` - ΠΠΎΠ΄Π°Π»ΡΠ½ΠΎΠ΅ ΠΎΠΊΠ½ΠΎ ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΆΠ΄Π΅Π½ΠΈΡ
|
|
51
|
+
|
|
52
|
+
### π Π£Π²Π΅Π΄ΠΎΠΌΠ»Π΅Π½ΠΈΡ
|
|
53
|
+
- `Toast` - ΠΡΠΏΠ»ΡΠ²Π°ΡΡΠΈΠ΅ ΡΠ²Π΅Π΄ΠΎΠΌΠ»Π΅Π½ΠΈΡ
|
|
54
|
+
- `ErrorMessageComponent` - ΠΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ ΠΎΡΠΈΠ±ΠΎΠΊ
|
|
55
|
+
|
|
56
|
+
### π¨ ΠΠ°ΠΊΠ΅Ρ
|
|
57
|
+
- `PageTitle` - ΠΠ°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΡΡΡΠ°Π½ΠΈΡΡ
|
|
58
|
+
- `Card` - ΠΠ°ΡΡΠΎΡΠΊΠ°
|
|
59
|
+
- `Divider` - Π Π°Π·Π΄Π΅Π»ΠΈΡΠ΅Π»Ρ
|
|
60
|
+
|
|
61
|
+
## π§ Composables
|
|
62
|
+
|
|
63
|
+
- `useTableDefault` - Π£ΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΡΠΎΡΡΠΎΡΠ½ΠΈΠ΅ΠΌ ΡΠ°Π±Π»ΠΈΡΡ
|
|
64
|
+
- `useTableStorage` - Π Π°Π±ΠΎΡΠ° Ρ localStorage
|
|
65
|
+
|
|
66
|
+
## π ΠΡΠΈΠΌΠ΅ΡΡ
|
|
67
|
+
|
|
68
|
+
Π‘ΠΌ. ΠΏΠ°ΠΏΠΊΡ [`examples/`](./examples/) Π΄Π»Ρ ΠΏΠΎΠ»Π½ΡΡ
ΠΏΡΠΈΠΌΠ΅ΡΠΎΠ²:
|
|
69
|
+
|
|
70
|
+
- **[TableWithComposable.vue](./examples/TableWithComposable.vue)** - ΠΡΠΈΠΌΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ Table Ρ useTableDefault
|
|
71
|
+
|
|
72
|
+
## π οΈ Π Π°Π·ΡΠ°Π±ΠΎΡΠΊΠ°
|
|
73
|
+
|
|
74
|
+
```bash
|
|
75
|
+
# ΠΠ»ΠΎΠ½ΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ΅ΠΏΠΎΠ·ΠΈΡΠΎΡΠΈΡ
|
|
76
|
+
git clone git@github.com:REGAGRO-LTD-CY/r3lib.git
|
|
77
|
+
cd r3lib
|
|
78
|
+
|
|
79
|
+
# Π£ΡΡΠ°Π½ΠΎΠ²ΠΊΠ° Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠ΅ΠΉ
|
|
80
|
+
npm install
|
|
81
|
+
|
|
82
|
+
# ΠΠ°ΠΏΡΡΠΊ Storybook
|
|
83
|
+
npm run storybook
|
|
84
|
+
|
|
85
|
+
# Π‘Π±ΠΎΡΠΊΠ° Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ
|
|
86
|
+
npm run build
|
|
87
|
+
|
|
88
|
+
# Π’Π΅ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅
|
|
89
|
+
npm run test
|
|
90
|
+
```
|
|
91
|
+
|
|
92
|
+
## π¦ Π£ΡΡΠ°Π½ΠΎΠ²ΠΊΠ°
|
|
93
|
+
|
|
94
|
+
```bash
|
|
95
|
+
npm install r3lib
|
|
96
|
+
```
|
|
97
|
+
|
|
98
|
+
## π― ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅
|
|
99
|
+
|
|
100
|
+
```vue
|
|
101
|
+
<template>
|
|
102
|
+
<div>
|
|
103
|
+
<PageTitle title="ΠΠΎΡ ΡΡΡΠ°Π½ΠΈΡΠ°" />
|
|
104
|
+
|
|
105
|
+
<Card>
|
|
106
|
+
<Table
|
|
107
|
+
:columns="columns"
|
|
108
|
+
:data="data"
|
|
109
|
+
:loading="isLoading"
|
|
110
|
+
@sort="handleSort"
|
|
111
|
+
/>
|
|
112
|
+
</Card>
|
|
113
|
+
|
|
114
|
+
<DefaultButton
|
|
115
|
+
label="Π‘ΠΎΡ
ΡΠ°Π½ΠΈΡΡ"
|
|
116
|
+
styles="primary"
|
|
117
|
+
@click="handleSave"
|
|
118
|
+
/>
|
|
119
|
+
</div>
|
|
120
|
+
</template>
|
|
121
|
+
|
|
122
|
+
<script setup>
|
|
123
|
+
import {
|
|
124
|
+
PageTitle,
|
|
125
|
+
Card,
|
|
126
|
+
Table,
|
|
127
|
+
DefaultButton,
|
|
128
|
+
useTableDefault
|
|
129
|
+
} from 'r3ui-lib'
|
|
130
|
+
|
|
131
|
+
// ΠΠ°ΡΠ° Π»ΠΎΠ³ΠΈΠΊΠ°
|
|
132
|
+
</script>
|
|
133
|
+
```
|
|
134
|
+
|
|
135
|
+
## π ΠΠΎΠ»Π΅Π·Π½ΡΠ΅ ΡΡΡΠ»ΠΊΠΈ
|
|
136
|
+
|
|
137
|
+
- [GitHub Repository](git@github.com:REGAGRO-LTD-CY/r3lib.git)
|
|
138
|
+
- [Storybook](http://localhost:6006) - ΠΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΠ΅ ΠΏΡΠΈΠΌΠ΅ΡΡ
|
|
139
|
+
- [NPM Package](https://www.npmjs.com/package/r3lib)
|
|
140
|
+
|
|
141
|
+
## π ΠΠΈΡΠ΅Π½Π·ΠΈΡ
|
|
142
|
+
|
|
143
|
+
MIT License
|
|
144
|
+
|
|
145
|
+
---
|
|
146
|
+
|
|
147
|
+
**ΠΠ΅ΡΡΠΈΡ:** 1.0.0
|
|
148
|
+
**Π‘ΡΠ°ΡΡΡ:** β
ΠΠΎΡΠΎΠ² ΠΊ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ
|
|
149
|
+
**ΠΠΎΡΠ»Π΅Π΄Π½Π΅Π΅ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠ΅:** Π‘Π΅Π½ΡΡΠ±ΡΡ 2024
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|