@datametria/vue-components 2.0.1 → 2.1.1
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 +43 -23
- package/dist/index.d.ts +2 -0
- package/dist/index.es.js +1687 -1539
- package/dist/index.umd.js +9 -9
- package/dist/src/components/DatametriaAlert.vue.d.ts +33 -0
- package/dist/src/components/DatametriaAutocomplete.vue.d.ts +28 -0
- package/dist/src/components/DatametriaAvatar.vue.d.ts +25 -0
- package/dist/src/components/DatametriaBadge.vue.d.ts +26 -0
- package/dist/src/components/DatametriaBreadcrumb.vue.d.ts +16 -0
- package/dist/src/components/DatametriaButton.vue.d.ts +37 -0
- package/dist/src/components/DatametriaCard.vue.d.ts +25 -0
- package/dist/src/components/DatametriaCheckbox.vue.d.ts +14 -0
- package/dist/src/components/DatametriaChip.vue.d.ts +34 -0
- package/dist/src/components/DatametriaContainer.vue.d.ts +24 -0
- package/dist/src/components/DatametriaDatePicker.vue.d.ts +55 -0
- package/dist/src/components/DatametriaDivider.vue.d.ts +25 -0
- package/dist/src/components/DatametriaFileUpload.vue.d.ts +28 -0
- package/dist/src/components/DatametriaFloatingBar.vue.d.ts +32 -0
- package/dist/src/components/DatametriaGrid.vue.d.ts +24 -0
- package/dist/src/components/DatametriaInput.vue.d.ts +18 -0
- package/dist/src/components/DatametriaMenu.vue.d.ts +71 -0
- package/dist/src/components/DatametriaModal.vue.d.ts +34 -0
- package/dist/src/components/DatametriaNavbar.vue.d.ts +34 -0
- package/dist/src/components/DatametriaPasswordInput.vue.d.ts +29 -0
- package/dist/src/components/DatametriaProgress.vue.d.ts +12 -0
- package/dist/src/components/DatametriaRadio.vue.d.ts +17 -0
- package/dist/src/components/DatametriaSelect.vue.d.ts +23 -0
- package/dist/src/components/DatametriaSidebar.vue.d.ts +45 -0
- package/dist/src/components/DatametriaSkeleton.vue.d.ts +18 -0
- package/dist/src/components/DatametriaSlider.vue.d.ts +41 -0
- package/dist/src/components/DatametriaSortableTable.vue.d.ts +32 -0
- package/dist/src/components/DatametriaSpinner.vue.d.ts +12 -0
- package/dist/src/components/DatametriaSwitch.vue.d.ts +16 -0
- package/dist/src/components/DatametriaTable.vue.d.ts +29 -0
- package/dist/src/components/DatametriaTabs.vue.d.ts +41 -0
- package/dist/src/components/DatametriaTextarea.vue.d.ts +22 -0
- package/dist/src/components/DatametriaTimePicker.vue.d.ts +36 -0
- package/dist/src/components/DatametriaToast.vue.d.ts +20 -0
- package/dist/src/components/DatametriaTooltip.vue.d.ts +58 -0
- package/dist/src/composables/useAPI.d.ts +14 -0
- package/dist/src/composables/useAccessibilityScale.d.ts +14 -0
- package/dist/src/composables/useBreakpoints.d.ts +33 -0
- package/dist/src/composables/useClipboard.d.ts +6 -0
- package/dist/src/composables/useDebounce.d.ts +2 -0
- package/dist/src/composables/useHapticFeedback.d.ts +34 -0
- package/dist/src/composables/useLocalStorage.d.ts +2 -0
- package/dist/src/composables/useRipple.d.ts +49 -0
- package/dist/src/composables/useTheme.d.ts +10 -0
- package/dist/src/composables/useValidation.d.ts +14 -0
- package/dist/src/index.d.ts +53 -0
- package/dist/src/theme/ThemeProvider.vue.d.ts +24 -0
- package/dist/src/theme/constants.d.ts +5 -0
- package/dist/src/theme/index.d.ts +11 -0
- package/dist/src/theme/presets/datametria.d.ts +2 -0
- package/dist/src/theme/presets/default.d.ts +2 -0
- package/dist/src/theme/presets/index.d.ts +7 -0
- package/dist/src/theme/tokens/colors.d.ts +2 -0
- package/dist/src/theme/tokens/index.d.ts +8 -0
- package/dist/src/theme/tokens/spacing.d.ts +2 -0
- package/dist/src/theme/tokens/typography.d.ts +2 -0
- package/dist/src/theme/types.d.ts +102 -0
- package/dist/src/theme/useTheme.d.ts +8 -0
- package/dist/src/types/index.d.ts +47 -0
- package/dist/vue-components.css +1 -1
- package/package.json +5 -3
- package/src/components/DatametriaFloatingBar.vue +126 -0
- package/src/components/DatametriaSidebar.vue +230 -0
- package/src/components/DatametriaTabs.vue +150 -29
- package/src/components/__tests__/DatametriaFloatingBar.test.ts +137 -0
- package/src/components/__tests__/DatametriaSidebar.test.ts +169 -0
- package/src/components/__tests__/DatametriaTabs.test.ts +232 -0
- package/src/index.ts +2 -0
package/README.md
CHANGED
|
@@ -20,8 +20,8 @@
|
|
|
20
20
|
|
|
21
21
|
</div>
|
|
22
22
|
|
|
23
|
-
**Versão**: 2.
|
|
24
|
-
**Data**:
|
|
23
|
+
**Versão**: 2.1.1
|
|
24
|
+
**Data**: 20/11/2025
|
|
25
25
|
**Autor**: Vander Loto - CTO DATAMETRIA
|
|
26
26
|
|
|
27
27
|
---
|
|
@@ -78,13 +78,17 @@ Biblioteca completa de componentes Vue.js 3 com suporte a **theming multi-brand/
|
|
|
78
78
|
- 🏢 **Multi-Tenant**: Suporte a múltiplas marcas simultaneamente
|
|
79
79
|
- 📱 **Backward Compatible**: 100% compatível com v1.x
|
|
80
80
|
|
|
81
|
-
###
|
|
81
|
+
### Novidades v2.1.0
|
|
82
82
|
|
|
83
|
-
-
|
|
84
|
-
-
|
|
85
|
-
-
|
|
86
|
-
-
|
|
87
|
-
-
|
|
83
|
+
- 🏗️ **Novos Componentes de Navegação**
|
|
84
|
+
- DatametriaSidebar: Sidebar lateral com colapso
|
|
85
|
+
- DatametriaFloatingBar: Barra flutuante para ações rápidas
|
|
86
|
+
- ⬆️ **DatametriaTabs Melhorado**
|
|
87
|
+
- Variantes: default, pills, underline
|
|
88
|
+
- Orientação: horizontal e vertical
|
|
89
|
+
- Ícones, badges e tabs desabilitáveis
|
|
90
|
+
- 🧪 **Testes**: +62 testes (100% coverage)
|
|
91
|
+
- 📚 **Documentação**: 3 novos guias completos
|
|
88
92
|
|
|
89
93
|
---
|
|
90
94
|
|
|
@@ -93,18 +97,24 @@ Biblioteca completa de componentes Vue.js 3 com suporte a **theming multi-brand/
|
|
|
93
97
|
### NPM
|
|
94
98
|
|
|
95
99
|
```bash
|
|
96
|
-
npm install @datametria/vue-components
|
|
100
|
+
npm install @datametria/vue-components@latest
|
|
97
101
|
```
|
|
98
102
|
|
|
99
103
|
### Yarn
|
|
100
104
|
|
|
101
105
|
```bash
|
|
102
|
-
yarn add @datametria/vue-components
|
|
106
|
+
yarn add @datametria/vue-components@latest
|
|
107
|
+
```
|
|
108
|
+
|
|
109
|
+
### PNPM
|
|
110
|
+
|
|
111
|
+
```bash
|
|
112
|
+
pnpm add @datametria/vue-components@latest
|
|
103
113
|
```
|
|
104
114
|
|
|
105
115
|
### Pré-requisitos
|
|
106
116
|
|
|
107
|
-
- **Vue.js**: 3.3+
|
|
117
|
+
- **Vue.js**: 3.3+
|
|
108
118
|
- **Node.js**: 18+
|
|
109
119
|
- **TypeScript**: 5.3+ (opcional, mas recomendado)
|
|
110
120
|
|
|
@@ -112,6 +122,13 @@ yarn add @datametria/vue-components@^2.0.1
|
|
|
112
122
|
|
|
113
123
|
## 🚀 Uso Básico
|
|
114
124
|
|
|
125
|
+
### Importar CSS
|
|
126
|
+
|
|
127
|
+
```typescript
|
|
128
|
+
// main.ts ou main.js
|
|
129
|
+
import '@datametria/vue-components/style.css'
|
|
130
|
+
```
|
|
131
|
+
|
|
115
132
|
### Sem Theming (v1.x compatível)
|
|
116
133
|
|
|
117
134
|
```vue
|
|
@@ -127,6 +144,7 @@ yarn add @datametria/vue-components@^2.0.1
|
|
|
127
144
|
|
|
128
145
|
<script setup lang="ts">
|
|
129
146
|
import { DatametriaButton, DatametriaCard } from '@datametria/vue-components'
|
|
147
|
+
import '@datametria/vue-components/style.css'
|
|
130
148
|
</script>
|
|
131
149
|
```
|
|
132
150
|
|
|
@@ -258,10 +276,10 @@ const theme = useTheme()
|
|
|
258
276
|
|
|
259
277
|
```vue
|
|
260
278
|
<script setup lang="ts">
|
|
261
|
-
import {
|
|
262
|
-
ThemeProvider,
|
|
263
|
-
datametriaTheme,
|
|
264
|
-
defaultTheme
|
|
279
|
+
import {
|
|
280
|
+
ThemeProvider,
|
|
281
|
+
datametriaTheme,
|
|
282
|
+
defaultTheme
|
|
265
283
|
} from '@datametria/vue-components'
|
|
266
284
|
|
|
267
285
|
// Usar tema DATAMETRIA (padrão)
|
|
@@ -282,7 +300,7 @@ const tema = defaultTheme
|
|
|
282
300
|
<option value="clienteA">Cliente A</option>
|
|
283
301
|
<option value="clienteB">Cliente B</option>
|
|
284
302
|
</select>
|
|
285
|
-
|
|
303
|
+
|
|
286
304
|
<ThemeProvider :theme="temas[tenantAtual]">
|
|
287
305
|
<MeuApp />
|
|
288
306
|
</ThemeProvider>
|
|
@@ -343,18 +361,20 @@ const temas = {
|
|
|
343
361
|
- `DatametriaBadge` - Badge de status + theming
|
|
344
362
|
- `DatametriaChip` - Chip removível + theming
|
|
345
363
|
|
|
346
|
-
### Navigation (
|
|
364
|
+
### Navigation (6 componentes)
|
|
347
365
|
- `DatametriaNavbar` - Barra de navegação + theming
|
|
366
|
+
- `DatametriaSidebar` - Sidebar lateral com colapso + theming ✨ **NOVO v2.1**
|
|
367
|
+
- `DatametriaFloatingBar` - Barra flutuante para ações + theming ✨ **NOVO v2.1**
|
|
348
368
|
- `DatametriaMenu` - Menu dropdown + theming
|
|
349
369
|
- `DatametriaBreadcrumb` - Navegação breadcrumb + theming
|
|
350
|
-
- `DatametriaTabs` - Abas navegáveis + theming
|
|
370
|
+
- `DatametriaTabs` - Abas navegáveis (melhorado v2.1) + theming
|
|
351
371
|
|
|
352
372
|
### Theming System (3 componentes)
|
|
353
373
|
- `ThemeProvider` - Provider de tema
|
|
354
374
|
- `useTheme` - Composable para acessar tema
|
|
355
375
|
- Presets: `datametriaTheme`, `defaultTheme`
|
|
356
376
|
|
|
357
|
-
**Total:
|
|
377
|
+
**Total: 32 componentes com theming**
|
|
358
378
|
|
|
359
379
|
---
|
|
360
380
|
|
|
@@ -448,7 +468,7 @@ npm run type-check
|
|
|
448
468
|
|
|
449
469
|
```
|
|
450
470
|
src/
|
|
451
|
-
├── components/ #
|
|
471
|
+
├── components/ # 32 componentes
|
|
452
472
|
├── composables/ # 10 composables
|
|
453
473
|
├── theme/ # Sistema de theming (novo!)
|
|
454
474
|
│ ├── ThemeProvider.vue
|
|
@@ -479,9 +499,9 @@ src/
|
|
|
479
499
|
- **Tree Shaking**: Suporte completo
|
|
480
500
|
|
|
481
501
|
### Qualidade
|
|
482
|
-
- **Componentes**:
|
|
502
|
+
- **Componentes**: 32 com theming
|
|
483
503
|
- **Cobertura**: 98.2% testes
|
|
484
|
-
- **TypeScript**: 100% tipado
|
|
504
|
+
- **TypeScript**: 100% tipado com arquivos .d.ts
|
|
485
505
|
- **Acessibilidade**: WCAG 2.1 AA
|
|
486
506
|
|
|
487
507
|
### Compatibilidade
|
|
@@ -545,4 +565,4 @@ Este projeto está licenciado sob a Licença MIT - veja o arquivo [LICENSE](LICE
|
|
|
545
565
|
|
|
546
566
|
⭐ **Se este projeto te ajudou, considere dar uma estrela!** ⭐
|
|
547
567
|
|
|
548
|
-
</div>
|
|
568
|
+
</div>
|
package/dist/index.d.ts
ADDED