@up-packages/ui 0.1.1-qa.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 +22 -0
- package/README.md +360 -0
- package/dist/components/UpAccordion/UpAccordion.vue.d.ts +26 -0
- package/dist/components/UpAccordion/index.d.ts +2 -0
- package/dist/components/UpBadge/UpBadge.vue.d.ts +41 -0
- package/dist/components/UpBadge/index.d.ts +2 -0
- package/dist/components/UpButton/UpButton.vue.d.ts +30 -0
- package/dist/components/UpButton/index.d.ts +2 -0
- package/dist/components/UpCalendar/UpCalendar.vue.d.ts +35 -0
- package/dist/components/UpCalendar/index.d.ts +2 -0
- package/dist/components/UpCard/UpCard.vue.d.ts +20 -0
- package/dist/components/UpCard/UpCardIndicator.vue.d.ts +17 -0
- package/dist/components/UpCard/UpCardInfo.vue.d.ts +16 -0
- package/dist/components/UpCard/UpCardInteractive.vue.d.ts +23 -0
- package/dist/components/UpCard/UpCardItem.vue.d.ts +15 -0
- package/dist/components/UpCard/UpCardList.vue.d.ts +12 -0
- package/dist/components/UpCard/UpCardNode.vue.d.ts +21 -0
- package/dist/components/UpCard/UpCardProduct.vue.d.ts +16 -0
- package/dist/components/UpCard/index.d.ts +9 -0
- package/dist/components/UpCard/types.d.ts +33 -0
- package/dist/components/UpCell/UpCell.vue.d.ts +17 -0
- package/dist/components/UpCell/index.d.ts +6 -0
- package/dist/components/UpCell/types.d.ts +24 -0
- package/dist/components/UpCheckbox/UpCheckbox.vue.d.ts +11 -0
- package/dist/components/UpCheckbox/index.d.ts +6 -0
- package/dist/components/UpCheckbox/types.d.ts +31 -0
- package/dist/components/UpDataTable/UpDataTable.vue.d.ts +70 -0
- package/dist/components/UpDataTable/index.d.ts +2 -0
- package/dist/components/UpDatePicker/UpDatePicker.vue.d.ts +59 -0
- package/dist/components/UpDatePicker/index.d.ts +2 -0
- package/dist/components/UpDivider/UpDivider.vue.d.ts +5 -0
- package/dist/components/UpDivider/index.d.ts +2 -0
- package/dist/components/UpDivider/types.d.ts +7 -0
- package/dist/components/UpEnvironmentBadge/UpEnvironmentBadge.vue.d.ts +2 -0
- package/dist/components/UpEnvironmentBadge/index.d.ts +1 -0
- package/dist/components/UpFloatMenu/UpFloatMenu.vue.d.ts +16 -0
- package/dist/components/UpFloatMenu/index.d.ts +2 -0
- package/dist/components/UpFloatMenu/types.d.ts +41 -0
- package/dist/components/UpNotification/UpNotification.vue.d.ts +11 -0
- package/dist/components/UpNotification/index.d.ts +2 -0
- package/dist/components/UpPagination/UpPagination.vue.d.ts +26 -0
- package/dist/components/UpPagination/index.d.ts +2 -0
- package/dist/components/UpPagination/types.d.ts +20 -0
- package/dist/components/UpProduct/UpProduct.vue.d.ts +3 -0
- package/dist/components/UpProduct/index.d.ts +2 -0
- package/dist/components/UpProduct/types.d.ts +7 -0
- package/dist/components/UpRadio/UpRadio.vue.d.ts +52 -0
- package/dist/components/UpRadio/index.d.ts +2 -0
- package/dist/components/UpSelect/UpSelect.vue.d.ts +97 -0
- package/dist/components/UpSelect/index.d.ts +2 -0
- package/dist/components/UpSelect/types.d.ts +38 -0
- package/dist/components/UpSideBar/UpSideBar.vue.d.ts +23 -0
- package/dist/components/UpSideBar/index.d.ts +2 -0
- package/dist/components/UpSideBar/types.d.ts +11 -0
- package/dist/components/UpStepper/UpStepper.vue.d.ts +11 -0
- package/dist/components/UpStepper/index.d.ts +2 -0
- package/dist/components/UpStepper/types.d.ts +9 -0
- package/dist/components/UpSwitch/UpSwitch.vue.d.ts +15 -0
- package/dist/components/UpSwitch/index.d.ts +2 -0
- package/dist/components/UpTab/UpTab.vue.d.ts +13 -0
- package/dist/components/UpTab/index.d.ts +2 -0
- package/dist/components/UpTab/types.d.ts +11 -0
- package/dist/components/UpTextField/UpTextField.vue.d.ts +73 -0
- package/dist/components/UpTextField/index.d.ts +2 -0
- package/dist/components/UpTitleBar/UpTitleBar.vue.d.ts +13 -0
- package/dist/components/UpTitleBar/index.d.ts +2 -0
- package/dist/components/UpTitleBar/types.d.ts +9 -0
- package/dist/components/UpToast/UpToast.vue.d.ts +44 -0
- package/dist/components/UpToast/index.d.ts +2 -0
- package/dist/components/UpTooltip/UpTooltip.vue.d.ts +19 -0
- package/dist/components/UpTooltip/index.d.ts +2 -0
- package/dist/components/UpTooltip/types.d.ts +6 -0
- package/dist/components/UpWindow/UpWindow.vue.d.ts +22 -0
- package/dist/components/UpWindow/index.d.ts +2 -0
- package/dist/components/UpWindow/types.d.ts +16 -0
- package/dist/components/index.d.ts +50 -0
- package/dist/composables/index.d.ts +6 -0
- package/dist/composables/useToast.d.ts +40 -0
- package/dist/config/environments.d.ts +26 -0
- package/dist/directives/index.d.ts +21 -0
- package/dist/directives/textFormat.d.ts +15 -0
- package/dist/index.d.ts +10 -0
- package/dist/install.d.ts +35 -0
- package/dist/plugins/vuetify.d.ts +142 -0
- package/dist/uplexis-ui.css +5 -0
- package/dist/uplexis-ui.js +15474 -0
- package/dist/uplexis-ui.js.map +1 -0
- package/dist/uplexis-ui.umd.cjs +5 -0
- package/dist/uplexis-ui.umd.cjs.map +1 -0
- package/dist/utils/formatters.d.ts +49 -0
- package/dist/utils/helpers.d.ts +19 -0
- package/dist/utils/index.d.ts +6 -0
- package/package.json +82 -0
package/LICENSE
ADDED
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2024 Uplexis
|
|
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.
|
|
22
|
+
|
package/README.md
ADDED
|
@@ -0,0 +1,360 @@
|
|
|
1
|
+
# @uplexis/ui
|
|
2
|
+
|
|
3
|
+
<div align="center">
|
|
4
|
+
|
|
5
|
+

|
|
6
|
+
|
|
7
|
+
**Biblioteca de componentes Vue 3 + Vuetify para Uplexis**
|
|
8
|
+
|
|
9
|
+
[](https://vuejs.org/)
|
|
10
|
+
[](https://vuetifyjs.com/)
|
|
11
|
+
[](https://www.typescriptlang.org/)
|
|
12
|
+
[](https://vitejs.dev/)
|
|
13
|
+
[](https://storybook.js.org/)
|
|
14
|
+
[](./LICENSE)
|
|
15
|
+
|
|
16
|
+
Uma biblioteca moderna e profissional de componentes UI construída com Vue 3 e Vuetify 3, com tema corporativo customizado, TypeScript e Storybook.
|
|
17
|
+
|
|
18
|
+
[Documentação](#-documentação-completa) • [Instalação](#-instalação) • [Componentes](#-componentes) • [Exemplos](./examples/basic-usage.vue)
|
|
19
|
+
|
|
20
|
+
</div>
|
|
21
|
+
|
|
22
|
+
---
|
|
23
|
+
|
|
24
|
+
## 📚 Documentação Completa
|
|
25
|
+
|
|
26
|
+
**🚀 Novo aqui? Comece por:** [GETTING_STARTED.md](./GETTING_STARTED.md)
|
|
27
|
+
|
|
28
|
+
**📖 Índice completo:** [INDEX.md](./INDEX.md)
|
|
29
|
+
|
|
30
|
+
### Guias Rápidos
|
|
31
|
+
|
|
32
|
+
- 🎯 [Getting Started](./GETTING_STARTED.md) - Primeiro uso e checklist
|
|
33
|
+
- ⚡ [Quick Start](./QUICK_START.md) - Guia rápido de desenvolvimento
|
|
34
|
+
- 📦 [Install Guide](./INSTALL.md) - Instalação e configuração
|
|
35
|
+
|
|
36
|
+
### Documentação Técnica
|
|
37
|
+
|
|
38
|
+
- 📁 [Project Structure](./PROJECT_STRUCTURE.md) - Estrutura e arquitetura
|
|
39
|
+
- 📊 [Summary](./SUMMARY.md) - Resumo completo do projeto
|
|
40
|
+
- 🎨 [Colors Guide](./docs/COLORS.md) - Guia completo de cores
|
|
41
|
+
- 🌍 [Environments Guide](./docs/ENVIRONMENTS.md) - Guia de ambientes (QA, Staging, Produção)
|
|
42
|
+
- 📝 [Changelog](./CHANGELOG.md) - Histórico de versões
|
|
43
|
+
|
|
44
|
+
### Exemplos
|
|
45
|
+
|
|
46
|
+
- 💻 [Basic Usage](./examples/basic-usage.vue) - Exemplo completo de uso
|
|
47
|
+
- 🎨 [Colors Showcase](./examples/colors-showcase.vue) - Demonstração de todas as cores
|
|
48
|
+
- 📚 Storybook - `npm run storybook` para ver todos os exemplos
|
|
49
|
+
|
|
50
|
+
---
|
|
51
|
+
|
|
52
|
+
## ✨ Características
|
|
53
|
+
|
|
54
|
+
- 🎨 **Tema Corporativo**: Cores e estilos customizados para Uplexis
|
|
55
|
+
- 🧩 **Componentes Reutilizáveis**: Componentes prontos e bem documentados
|
|
56
|
+
- 📘 **TypeScript**: Totalmente tipado para melhor DX
|
|
57
|
+
- 📚 **Storybook**: Documentação interativa dos componentes
|
|
58
|
+
- 🎯 **Tree-shaking**: Importe apenas o que você precisa
|
|
59
|
+
- 🌗 **Tema Claro/Escuro**: Suporte nativo a temas
|
|
60
|
+
- ♿ **Acessível**: Componentes seguindo boas práticas de acessibilidade
|
|
61
|
+
|
|
62
|
+
## 📦 Instalação
|
|
63
|
+
|
|
64
|
+
```bash
|
|
65
|
+
npm install @uplexis/ui
|
|
66
|
+
# ou
|
|
67
|
+
yarn add @uplexis/ui
|
|
68
|
+
# ou
|
|
69
|
+
pnpm add @uplexis/ui
|
|
70
|
+
```
|
|
71
|
+
|
|
72
|
+
### Peer Dependencies
|
|
73
|
+
|
|
74
|
+
Esta biblioteca requer as seguintes dependências no seu projeto:
|
|
75
|
+
|
|
76
|
+
```bash
|
|
77
|
+
npm install vue@^3.4.0 vuetify@^3.6.0
|
|
78
|
+
```
|
|
79
|
+
|
|
80
|
+
## 🚀 Uso
|
|
81
|
+
|
|
82
|
+
### Instalação Global (Recomendado)
|
|
83
|
+
|
|
84
|
+
Registre todos os componentes globalmente no seu app:
|
|
85
|
+
|
|
86
|
+
```typescript
|
|
87
|
+
// main.ts
|
|
88
|
+
import { createApp } from "vue";
|
|
89
|
+
import App from "./App.vue";
|
|
90
|
+
import UplexisUI from "@uplexis/ui";
|
|
91
|
+
import "@uplexis/ui/styles.css";
|
|
92
|
+
|
|
93
|
+
const app = createApp(App);
|
|
94
|
+
app.use(UplexisUI);
|
|
95
|
+
app.mount("#app");
|
|
96
|
+
```
|
|
97
|
+
|
|
98
|
+
Agora você pode usar os componentes em qualquer lugar:
|
|
99
|
+
|
|
100
|
+
```vue
|
|
101
|
+
<template>
|
|
102
|
+
<div>
|
|
103
|
+
<UpButton color="primary" @click="handleClick"> Clique aqui </UpButton>
|
|
104
|
+
|
|
105
|
+
<UpTextField v-model="name" label="Nome" placeholder="Digite seu nome" />
|
|
106
|
+
|
|
107
|
+
<UpDataTable :headers="headers" :items="items" />
|
|
108
|
+
</div>
|
|
109
|
+
</template>
|
|
110
|
+
|
|
111
|
+
<script setup lang="ts">
|
|
112
|
+
import { ref } from "vue";
|
|
113
|
+
|
|
114
|
+
const name = ref("");
|
|
115
|
+
const handleClick = () => {
|
|
116
|
+
console.log("Botão clicado!");
|
|
117
|
+
};
|
|
118
|
+
</script>
|
|
119
|
+
```
|
|
120
|
+
|
|
121
|
+
### Importação Individual (Tree-shaking)
|
|
122
|
+
|
|
123
|
+
Para otimizar o bundle, importe apenas os componentes que você precisa:
|
|
124
|
+
|
|
125
|
+
```vue
|
|
126
|
+
<template>
|
|
127
|
+
<UpButton color="primary">Meu Botão</UpButton>
|
|
128
|
+
</template>
|
|
129
|
+
|
|
130
|
+
<script setup lang="ts">
|
|
131
|
+
import { UpButton } from "@uplexis/ui";
|
|
132
|
+
import "@uplexis/ui/styles.css";
|
|
133
|
+
</script>
|
|
134
|
+
```
|
|
135
|
+
|
|
136
|
+
### Usando com Vuetify Customizado
|
|
137
|
+
|
|
138
|
+
Se você já tem uma instância do Vuetify configurada:
|
|
139
|
+
|
|
140
|
+
```typescript
|
|
141
|
+
// main.ts
|
|
142
|
+
import { createApp } from "vue";
|
|
143
|
+
import { createVuetify } from "vuetify";
|
|
144
|
+
import UplexisUI from "@uplexis/ui";
|
|
145
|
+
import "@uplexis/ui/styles.css";
|
|
146
|
+
|
|
147
|
+
const myVuetify = createVuetify({
|
|
148
|
+
// suas configurações
|
|
149
|
+
});
|
|
150
|
+
|
|
151
|
+
const app = createApp(App);
|
|
152
|
+
app.use(UplexisUI, { vuetify: myVuetify });
|
|
153
|
+
app.mount("#app");
|
|
154
|
+
```
|
|
155
|
+
|
|
156
|
+
## 🎨 Tema
|
|
157
|
+
|
|
158
|
+
A biblioteca vem com dois temas pré-configurados:
|
|
159
|
+
|
|
160
|
+
- **uplexisLight** (padrão)
|
|
161
|
+
- **uplexisDark**
|
|
162
|
+
|
|
163
|
+
### Alternando entre temas
|
|
164
|
+
|
|
165
|
+
```vue
|
|
166
|
+
<template>
|
|
167
|
+
<v-app>
|
|
168
|
+
<UpButton @click="toggleTheme"> Alternar Tema </UpButton>
|
|
169
|
+
</v-app>
|
|
170
|
+
</template>
|
|
171
|
+
|
|
172
|
+
<script setup lang="ts">
|
|
173
|
+
import { useTheme } from "vuetify";
|
|
174
|
+
|
|
175
|
+
const theme = useTheme();
|
|
176
|
+
|
|
177
|
+
const toggleTheme = () => {
|
|
178
|
+
theme.global.name.value = theme.global.current.value.dark
|
|
179
|
+
? "uplexisLight"
|
|
180
|
+
: "uplexisDark";
|
|
181
|
+
};
|
|
182
|
+
</script>
|
|
183
|
+
```
|
|
184
|
+
|
|
185
|
+
### Cores do Tema
|
|
186
|
+
|
|
187
|
+
```scss
|
|
188
|
+
// Tema Claro
|
|
189
|
+
primary: #0052CC
|
|
190
|
+
secondary: #FFB800
|
|
191
|
+
accent: #6366F1
|
|
192
|
+
success: #2EBD85
|
|
193
|
+
warning: #FF9800
|
|
194
|
+
error: #E5484D
|
|
195
|
+
info: #2196F3
|
|
196
|
+
```
|
|
197
|
+
|
|
198
|
+
## 📚 Componentes
|
|
199
|
+
|
|
200
|
+
### UpButton
|
|
201
|
+
|
|
202
|
+
Botão customizado baseado no VBtn do Vuetify.
|
|
203
|
+
|
|
204
|
+
```vue
|
|
205
|
+
<UpButton
|
|
206
|
+
color="primary"
|
|
207
|
+
variant="elevated"
|
|
208
|
+
size="default"
|
|
209
|
+
prepend-icon="mdi-plus"
|
|
210
|
+
@click="handleClick"
|
|
211
|
+
>
|
|
212
|
+
Adicionar
|
|
213
|
+
</UpButton>
|
|
214
|
+
```
|
|
215
|
+
|
|
216
|
+
**Props:**
|
|
217
|
+
|
|
218
|
+
- `color`: Cor do botão (primary, secondary, success, warning, error, info)
|
|
219
|
+
- `variant`: Variante (elevated, flat, tonal, outlined, text, plain)
|
|
220
|
+
- `size`: Tamanho (x-small, small, default, large, x-large)
|
|
221
|
+
- `loading`: Estado de carregamento
|
|
222
|
+
- `disabled`: Desabilitado
|
|
223
|
+
- `block`: Largura total
|
|
224
|
+
- `icon`: Ícone (para botão de ícone)
|
|
225
|
+
- `prependIcon`: Ícone antes do texto
|
|
226
|
+
- `appendIcon`: Ícone depois do texto
|
|
227
|
+
|
|
228
|
+
### UpTextField
|
|
229
|
+
|
|
230
|
+
Campo de texto customizado baseado no VTextField do Vuetify.
|
|
231
|
+
|
|
232
|
+
```vue
|
|
233
|
+
<UpTextField
|
|
234
|
+
v-model="email"
|
|
235
|
+
label="Email"
|
|
236
|
+
type="email"
|
|
237
|
+
placeholder="seu@email.com"
|
|
238
|
+
hint="Digite um email válido"
|
|
239
|
+
:rules="emailRules"
|
|
240
|
+
clearable
|
|
241
|
+
/>
|
|
242
|
+
```
|
|
243
|
+
|
|
244
|
+
**Props:**
|
|
245
|
+
|
|
246
|
+
- `modelValue`: Valor do campo (v-model)
|
|
247
|
+
- `label`: Label do campo
|
|
248
|
+
- `placeholder`: Placeholder
|
|
249
|
+
- `type`: Tipo do input (text, password, email, number, etc.)
|
|
250
|
+
- `variant`: Variante (outlined, filled, underlined, solo, etc.)
|
|
251
|
+
- `density`: Densidade (default, comfortable, compact)
|
|
252
|
+
- `disabled`: Desabilitado
|
|
253
|
+
- `readonly`: Somente leitura
|
|
254
|
+
- `loading`: Estado de carregamento
|
|
255
|
+
- `clearable`: Mostra botão de limpar
|
|
256
|
+
- `rules`: Regras de validação
|
|
257
|
+
- `counter`: Contador de caracteres
|
|
258
|
+
- `maxlength`: Tamanho máximo
|
|
259
|
+
|
|
260
|
+
### UpDataTable
|
|
261
|
+
|
|
262
|
+
Tabela de dados customizada baseada no VDataTable do Vuetify.
|
|
263
|
+
|
|
264
|
+
```vue
|
|
265
|
+
<UpDataTable
|
|
266
|
+
:headers="headers"
|
|
267
|
+
:items="items"
|
|
268
|
+
:loading="loading"
|
|
269
|
+
:search="search"
|
|
270
|
+
show-select
|
|
271
|
+
v-model="selected"
|
|
272
|
+
>
|
|
273
|
+
<template #item.actions="{ item }">
|
|
274
|
+
<UpButton size="small" icon="mdi-pencil" @click="edit(item)" />
|
|
275
|
+
</template>
|
|
276
|
+
</UpDataTable>
|
|
277
|
+
```
|
|
278
|
+
|
|
279
|
+
**Props:**
|
|
280
|
+
|
|
281
|
+
- `headers`: Array de cabeçalhos
|
|
282
|
+
- `items`: Array de itens
|
|
283
|
+
- `loading`: Estado de carregamento
|
|
284
|
+
- `search`: Texto de busca
|
|
285
|
+
- `itemsPerPage`: Itens por página
|
|
286
|
+
- `density`: Densidade (default, comfortable, compact)
|
|
287
|
+
- `hover`: Efeito hover nas linhas
|
|
288
|
+
- `fixedHeader`: Cabeçalho fixo
|
|
289
|
+
- `showSelect`: Mostra checkbox de seleção
|
|
290
|
+
- `modelValue`: Itens selecionados (v-model)
|
|
291
|
+
|
|
292
|
+
## 🛠️ Desenvolvimento
|
|
293
|
+
|
|
294
|
+
### Instalando dependências
|
|
295
|
+
|
|
296
|
+
```bash
|
|
297
|
+
npm install
|
|
298
|
+
```
|
|
299
|
+
|
|
300
|
+
### Rodando o Storybook
|
|
301
|
+
|
|
302
|
+
```bash
|
|
303
|
+
npm run storybook
|
|
304
|
+
```
|
|
305
|
+
|
|
306
|
+
O Storybook estará disponível em `http://localhost:6006`
|
|
307
|
+
|
|
308
|
+
### Build da biblioteca
|
|
309
|
+
|
|
310
|
+
```bash
|
|
311
|
+
npm run build
|
|
312
|
+
```
|
|
313
|
+
|
|
314
|
+
### Executando testes
|
|
315
|
+
|
|
316
|
+
```bash
|
|
317
|
+
npm run test
|
|
318
|
+
```
|
|
319
|
+
|
|
320
|
+
### Type checking
|
|
321
|
+
|
|
322
|
+
```bash
|
|
323
|
+
npm run type-check
|
|
324
|
+
```
|
|
325
|
+
|
|
326
|
+
## 📖 Storybook
|
|
327
|
+
|
|
328
|
+
A biblioteca inclui Storybook com exemplos interativos de todos os componentes.
|
|
329
|
+
|
|
330
|
+
Para visualizar:
|
|
331
|
+
|
|
332
|
+
```bash
|
|
333
|
+
npm run storybook
|
|
334
|
+
```
|
|
335
|
+
|
|
336
|
+
Para fazer build do Storybook:
|
|
337
|
+
|
|
338
|
+
```bash
|
|
339
|
+
npm run build:storybook
|
|
340
|
+
```
|
|
341
|
+
|
|
342
|
+
## 🤝 Contribuindo
|
|
343
|
+
|
|
344
|
+
1. Fork o projeto
|
|
345
|
+
2. Crie uma branch para sua feature (`git checkout -b feature/MinhaFeature`)
|
|
346
|
+
3. Commit suas mudanças (`git commit -m 'Adiciona MinhaFeature'`)
|
|
347
|
+
4. Push para a branch (`git push origin feature/MinhaFeature`)
|
|
348
|
+
5. Abra um Pull Request
|
|
349
|
+
|
|
350
|
+
## 📝 Licença
|
|
351
|
+
|
|
352
|
+
MIT © Uplexis
|
|
353
|
+
|
|
354
|
+
## 🔗 Links Úteis
|
|
355
|
+
|
|
356
|
+
- [Vue 3](https://vuejs.org/)
|
|
357
|
+
- [Vuetify 3](https://vuetifyjs.com/)
|
|
358
|
+
- [Vite](https://vitejs.dev/)
|
|
359
|
+
- [Storybook](https://storybook.js.org/)
|
|
360
|
+
- [TypeScript](https://www.typescriptlang.org/)
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
export interface UpAccordionItem {
|
|
2
|
+
title: string;
|
|
3
|
+
value: string;
|
|
4
|
+
}
|
|
5
|
+
export interface UpAccordionProps {
|
|
6
|
+
items: UpAccordionItem[];
|
|
7
|
+
modelValue?: string | null;
|
|
8
|
+
}
|
|
9
|
+
declare var __VLS_10: string, __VLS_11: {};
|
|
10
|
+
type __VLS_Slots = {} & {
|
|
11
|
+
[K in NonNullable<typeof __VLS_10>]?: (props: typeof __VLS_11) => any;
|
|
12
|
+
};
|
|
13
|
+
declare const __VLS_component: import("vue").DefineComponent<UpAccordionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
14
|
+
"update:modelValue": (value: string | null) => any;
|
|
15
|
+
}, string, import("vue").PublicProps, Readonly<UpAccordionProps> & Readonly<{
|
|
16
|
+
"onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
|
|
17
|
+
}>, {
|
|
18
|
+
modelValue: string | null;
|
|
19
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
20
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
21
|
+
export default _default;
|
|
22
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
23
|
+
new (): {
|
|
24
|
+
$slots: S;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
export type UpBadgeType = "PF" | "PF-admin" | "SP" | "PEP" | "PJ" | "PJ-filial" | "ADM-PEP-SP" | "custom";
|
|
2
|
+
export type UpBadgeVariant = "primary" | "secondary" | "tertiary" | "info" | "error" | "warning" | "text" | "success";
|
|
3
|
+
export type UpBadgeSize = "sm" | "lg";
|
|
4
|
+
export interface UpBadgeProps {
|
|
5
|
+
type: UpBadgeType;
|
|
6
|
+
variant?: UpBadgeVariant;
|
|
7
|
+
size?: UpBadgeSize;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
block?: boolean;
|
|
10
|
+
prependIcon?: string;
|
|
11
|
+
appendIcon?: string;
|
|
12
|
+
prependIconBtn?: boolean;
|
|
13
|
+
appendIconBtn?: boolean;
|
|
14
|
+
prependIconEvent?: string;
|
|
15
|
+
appendIconEvent?: string;
|
|
16
|
+
content?: string;
|
|
17
|
+
}
|
|
18
|
+
declare var __VLS_1: {}, __VLS_7: {}, __VLS_13: {}, __VLS_15: {}, __VLS_21: {};
|
|
19
|
+
type __VLS_Slots = {} & {
|
|
20
|
+
prependIcon?: (props: typeof __VLS_1) => any;
|
|
21
|
+
} & {
|
|
22
|
+
prependIcon?: (props: typeof __VLS_7) => any;
|
|
23
|
+
} & {
|
|
24
|
+
default?: (props: typeof __VLS_13) => any;
|
|
25
|
+
} & {
|
|
26
|
+
appendIcon?: (props: typeof __VLS_15) => any;
|
|
27
|
+
} & {
|
|
28
|
+
appendIcon?: (props: typeof __VLS_21) => any;
|
|
29
|
+
};
|
|
30
|
+
declare const __VLS_component: import("vue").DefineComponent<UpBadgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
31
|
+
[x: string]: (value: string) => any;
|
|
32
|
+
}, string, import("vue").PublicProps, Readonly<UpBadgeProps> & Readonly<{
|
|
33
|
+
[x: `on${Capitalize<string>}`]: ((value: string) => any) | undefined;
|
|
34
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
35
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
36
|
+
export default _default;
|
|
37
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
38
|
+
new (): {
|
|
39
|
+
$slots: S;
|
|
40
|
+
};
|
|
41
|
+
};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
export interface UpButtonProps {
|
|
2
|
+
type?: "primary" | "secondary" | "tertiary";
|
|
3
|
+
size?: "small" | "medium" | "large";
|
|
4
|
+
prependIcon?: string;
|
|
5
|
+
nativeType?: "button" | "submit" | "reset";
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
loading?: boolean;
|
|
8
|
+
}
|
|
9
|
+
declare var __VLS_9: {};
|
|
10
|
+
type __VLS_Slots = {} & {
|
|
11
|
+
default?: (props: typeof __VLS_9) => any;
|
|
12
|
+
};
|
|
13
|
+
declare const __VLS_component: import("vue").DefineComponent<UpButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
14
|
+
click: (event: MouseEvent) => any;
|
|
15
|
+
}, string, import("vue").PublicProps, Readonly<UpButtonProps> & Readonly<{
|
|
16
|
+
onClick?: ((event: MouseEvent) => any) | undefined;
|
|
17
|
+
}>, {
|
|
18
|
+
size: "small" | "medium" | "large";
|
|
19
|
+
loading: boolean;
|
|
20
|
+
disabled: boolean;
|
|
21
|
+
type: "primary" | "secondary" | "tertiary";
|
|
22
|
+
nativeType: "button" | "submit" | "reset";
|
|
23
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
24
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
25
|
+
export default _default;
|
|
26
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
27
|
+
new (): {
|
|
28
|
+
$slots: S;
|
|
29
|
+
};
|
|
30
|
+
};
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
export interface UpCalendarEvent {
|
|
2
|
+
title: string;
|
|
3
|
+
date: Date;
|
|
4
|
+
color?: string;
|
|
5
|
+
}
|
|
6
|
+
export interface UpCalendarDay {
|
|
7
|
+
day: number;
|
|
8
|
+
date: Date;
|
|
9
|
+
isCurrentMonth: boolean;
|
|
10
|
+
isToday: boolean;
|
|
11
|
+
isSelected: boolean;
|
|
12
|
+
isWeekend: boolean;
|
|
13
|
+
events?: UpCalendarEvent[];
|
|
14
|
+
}
|
|
15
|
+
export interface UpCalendarProps {
|
|
16
|
+
modelValue?: Date | string | null;
|
|
17
|
+
events?: UpCalendarEvent[];
|
|
18
|
+
color?: string;
|
|
19
|
+
firstDayOfWeek?: number;
|
|
20
|
+
}
|
|
21
|
+
declare const _default: import("vue").DefineComponent<UpCalendarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
22
|
+
"update:modelValue": (value: Date | null) => any;
|
|
23
|
+
"click:date": (date: Date) => any;
|
|
24
|
+
"click:event": (event: UpCalendarEvent) => any;
|
|
25
|
+
}, string, import("vue").PublicProps, Readonly<UpCalendarProps> & Readonly<{
|
|
26
|
+
"onUpdate:modelValue"?: ((value: Date | null) => any) | undefined;
|
|
27
|
+
"onClick:date"?: ((date: Date) => any) | undefined;
|
|
28
|
+
"onClick:event"?: ((event: UpCalendarEvent) => any) | undefined;
|
|
29
|
+
}>, {
|
|
30
|
+
color: string;
|
|
31
|
+
modelValue: Date | string | null;
|
|
32
|
+
events: UpCalendarEvent[];
|
|
33
|
+
firstDayOfWeek: number;
|
|
34
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
35
|
+
export default _default;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { UpCardProps } from "./types";
|
|
2
|
+
export interface Props {
|
|
3
|
+
props: UpCardProps;
|
|
4
|
+
}
|
|
5
|
+
declare var __VLS_11: string | number, __VLS_12: any;
|
|
6
|
+
type __VLS_Slots = {} & {
|
|
7
|
+
[K in NonNullable<typeof __VLS_11>]?: (props: typeof __VLS_12) => any;
|
|
8
|
+
};
|
|
9
|
+
declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
10
|
+
update: () => any;
|
|
11
|
+
}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
|
|
12
|
+
onUpdate?: (() => any) | undefined;
|
|
13
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
14
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
15
|
+
export default _default;
|
|
16
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
17
|
+
new (): {
|
|
18
|
+
$slots: S;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export interface UpCardIndicatorProps {
|
|
2
|
+
level?: "low" | "medium" | "high" | "error";
|
|
3
|
+
}
|
|
4
|
+
declare var __VLS_1: {}, __VLS_3: {};
|
|
5
|
+
type __VLS_Slots = {} & {
|
|
6
|
+
icon?: (props: typeof __VLS_1) => any;
|
|
7
|
+
} & {
|
|
8
|
+
default?: (props: typeof __VLS_3) => any;
|
|
9
|
+
};
|
|
10
|
+
declare const __VLS_component: import("vue").DefineComponent<UpCardIndicatorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<UpCardIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
11
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
12
|
+
export default _default;
|
|
13
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
14
|
+
new (): {
|
|
15
|
+
$slots: S;
|
|
16
|
+
};
|
|
17
|
+
};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { UpCardInfoVariant } from "./types";
|
|
2
|
+
export interface UpCardInfoProps {
|
|
3
|
+
variant: UpCardInfoVariant;
|
|
4
|
+
}
|
|
5
|
+
declare var __VLS_1: {};
|
|
6
|
+
type __VLS_Slots = {} & {
|
|
7
|
+
default?: (props: typeof __VLS_1) => any;
|
|
8
|
+
};
|
|
9
|
+
declare const __VLS_component: import("vue").DefineComponent<UpCardInfoProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<UpCardInfoProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
10
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
11
|
+
export default _default;
|
|
12
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
13
|
+
new (): {
|
|
14
|
+
$slots: S;
|
|
15
|
+
};
|
|
16
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
export interface UpCardInteractiveProps {
|
|
2
|
+
variant: "positive" | "negative" | "neutral";
|
|
3
|
+
}
|
|
4
|
+
declare var __VLS_1: {}, __VLS_7: {}, __VLS_9: {};
|
|
5
|
+
type __VLS_Slots = {} & {
|
|
6
|
+
icon?: (props: typeof __VLS_1) => any;
|
|
7
|
+
} & {
|
|
8
|
+
title?: (props: typeof __VLS_7) => any;
|
|
9
|
+
} & {
|
|
10
|
+
description?: (props: typeof __VLS_9) => any;
|
|
11
|
+
};
|
|
12
|
+
declare const __VLS_component: import("vue").DefineComponent<UpCardInteractiveProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
13
|
+
update: () => any;
|
|
14
|
+
}, string, import("vue").PublicProps, Readonly<UpCardInteractiveProps> & Readonly<{
|
|
15
|
+
onUpdate?: (() => any) | undefined;
|
|
16
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
17
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
18
|
+
export default _default;
|
|
19
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
20
|
+
new (): {
|
|
21
|
+
$slots: S;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export interface UpCardItemProps {
|
|
2
|
+
variant?: "button";
|
|
3
|
+
}
|
|
4
|
+
declare var __VLS_1: {};
|
|
5
|
+
type __VLS_Slots = {} & {
|
|
6
|
+
default?: (props: typeof __VLS_1) => any;
|
|
7
|
+
};
|
|
8
|
+
declare const __VLS_component: import("vue").DefineComponent<UpCardItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<UpCardItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
9
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
10
|
+
export default _default;
|
|
11
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
12
|
+
new (): {
|
|
13
|
+
$slots: S;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
declare var __VLS_1: {};
|
|
2
|
+
type __VLS_Slots = {} & {
|
|
3
|
+
default?: (props: typeof __VLS_1) => any;
|
|
4
|
+
};
|
|
5
|
+
declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
6
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
7
|
+
export default _default;
|
|
8
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
9
|
+
new (): {
|
|
10
|
+
$slots: S;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import type { UpCardEntityType } from "./types";
|
|
2
|
+
export interface UpCardNodeProps {
|
|
3
|
+
variant: UpCardEntityType;
|
|
4
|
+
bordered?: boolean;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
}
|
|
7
|
+
declare var __VLS_5: {};
|
|
8
|
+
type __VLS_Slots = {} & {
|
|
9
|
+
default?: (props: typeof __VLS_5) => any;
|
|
10
|
+
};
|
|
11
|
+
declare const __VLS_component: import("vue").DefineComponent<UpCardNodeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<UpCardNodeProps> & Readonly<{}>, {
|
|
12
|
+
disabled: boolean;
|
|
13
|
+
bordered: boolean;
|
|
14
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
15
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
16
|
+
export default _default;
|
|
17
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
18
|
+
new (): {
|
|
19
|
+
$slots: S;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export interface UpCardProductProps {
|
|
2
|
+
variant: "product" | "custom";
|
|
3
|
+
size: "lg" | "sm";
|
|
4
|
+
}
|
|
5
|
+
declare var __VLS_1: {};
|
|
6
|
+
type __VLS_Slots = {} & {
|
|
7
|
+
default?: (props: typeof __VLS_1) => any;
|
|
8
|
+
};
|
|
9
|
+
declare const __VLS_component: import("vue").DefineComponent<UpCardProductProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<UpCardProductProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
10
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
11
|
+
export default _default;
|
|
12
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
13
|
+
new (): {
|
|
14
|
+
$slots: S;
|
|
15
|
+
};
|
|
16
|
+
};
|