@datametria/vue-components 2.1.0 → 2.2.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/README.md +32 -10
- package/dist/index.d.ts +2 -0
- package/dist/index.es.js +1814 -1735
- 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 +52 -0
- package/dist/vue-components.css +1 -1
- package/package.json +4 -2
- package/src/components/DatametriaSortableTable.vue +204 -14
- package/src/types/index.ts +2 -0
package/README.md
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
## Vue.js Component Library com Sistema de Theming Multi-Brand/Multi-Tenant
|
|
8
8
|
|
|
9
9
|
[](https://github.com/datametria/DATAMETRIA-common-libraries/actions)
|
|
10
|
-
[](https://github.com/datametria/DATAMETRIA-common-libraries)
|
|
11
11
|
[](LICENSE)
|
|
12
12
|
[](https://www.npmjs.com/package/@datametria/vue-components)
|
|
13
13
|
[](https://vuejs.org/)
|
|
@@ -20,8 +20,8 @@
|
|
|
20
20
|
|
|
21
21
|
</div>
|
|
22
22
|
|
|
23
|
-
**Versão**: 2.
|
|
24
|
-
**Data**:
|
|
23
|
+
**Versão**: 2.2.0
|
|
24
|
+
**Data**: 20/11/2025
|
|
25
25
|
**Autor**: Vander Loto - CTO DATAMETRIA
|
|
26
26
|
|
|
27
27
|
---
|
|
@@ -60,7 +60,7 @@ Biblioteca completa de componentes Vue.js 3 com suporte a **theming multi-brand/
|
|
|
60
60
|
|
|
61
61
|
### Benefícios
|
|
62
62
|
|
|
63
|
-
- ✅ **
|
|
63
|
+
- ✅ **32 Componentes**: Com theming integrado
|
|
64
64
|
- ✅ **TypeScript**: Type safety completo
|
|
65
65
|
- ✅ **Responsive**: Mobile-first design
|
|
66
66
|
- ✅ **Dark Mode**: Suporte nativo
|
|
@@ -78,6 +78,14 @@ 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
|
+
### Novidades v2.2.0
|
|
82
|
+
|
|
83
|
+
- 🔍 **Filtros Avançados DatametriaSortableTable**
|
|
84
|
+
- 4 tipos de filtro: text, date, select, multiselect
|
|
85
|
+
- filterOptions: 'auto' para geração automática
|
|
86
|
+
- Detecção automática de Date objects
|
|
87
|
+
- Correção: espaços no filtro de texto
|
|
88
|
+
|
|
81
89
|
### Novidades v2.1.0
|
|
82
90
|
|
|
83
91
|
- 🏗️ **Novos Componentes de Navegação**
|
|
@@ -97,13 +105,19 @@ Biblioteca completa de componentes Vue.js 3 com suporte a **theming multi-brand/
|
|
|
97
105
|
### NPM
|
|
98
106
|
|
|
99
107
|
```bash
|
|
100
|
-
npm install @datametria/vue-components
|
|
108
|
+
npm install @datametria/vue-components@latest
|
|
101
109
|
```
|
|
102
110
|
|
|
103
111
|
### Yarn
|
|
104
112
|
|
|
105
113
|
```bash
|
|
106
|
-
yarn add @datametria/vue-components
|
|
114
|
+
yarn add @datametria/vue-components@latest
|
|
115
|
+
```
|
|
116
|
+
|
|
117
|
+
### PNPM
|
|
118
|
+
|
|
119
|
+
```bash
|
|
120
|
+
pnpm add @datametria/vue-components@latest
|
|
107
121
|
```
|
|
108
122
|
|
|
109
123
|
### Pré-requisitos
|
|
@@ -116,6 +130,13 @@ yarn add @datametria/vue-components@^2.1.0
|
|
|
116
130
|
|
|
117
131
|
## 🚀 Uso Básico
|
|
118
132
|
|
|
133
|
+
### Importar CSS
|
|
134
|
+
|
|
135
|
+
```typescript
|
|
136
|
+
// main.ts ou main.js
|
|
137
|
+
import '@datametria/vue-components/style.css'
|
|
138
|
+
```
|
|
139
|
+
|
|
119
140
|
### Sem Theming (v1.x compatível)
|
|
120
141
|
|
|
121
142
|
```vue
|
|
@@ -131,6 +152,7 @@ yarn add @datametria/vue-components@^2.1.0
|
|
|
131
152
|
|
|
132
153
|
<script setup lang="ts">
|
|
133
154
|
import { DatametriaButton, DatametriaCard } from '@datametria/vue-components'
|
|
155
|
+
import '@datametria/vue-components/style.css'
|
|
134
156
|
</script>
|
|
135
157
|
```
|
|
136
158
|
|
|
@@ -342,7 +364,7 @@ const temas = {
|
|
|
342
364
|
|
|
343
365
|
### Data Display (5 componentes)
|
|
344
366
|
- `DatametriaTable` - Tabela básica + theming
|
|
345
|
-
- `DatametriaSortableTable` - Tabela com ordenação + theming
|
|
367
|
+
- `DatametriaSortableTable` - Tabela com ordenação e filtros avançados + theming ✨ **MELHORADO v2.2**
|
|
346
368
|
- `DatametriaAvatar` - Avatar de usuário + theming
|
|
347
369
|
- `DatametriaBadge` - Badge de status + theming
|
|
348
370
|
- `DatametriaChip` - Chip removível + theming
|
|
@@ -378,7 +400,7 @@ const temas = {
|
|
|
378
400
|
- **WCAG 2.1 AA**: Compliance de acessibilidade
|
|
379
401
|
- **Responsive**: Mobile-first design
|
|
380
402
|
- **Dark Mode**: Suporte nativo
|
|
381
|
-
- **98.
|
|
403
|
+
- **98.2% Coverage**: Testes automatizados
|
|
382
404
|
|
|
383
405
|
### ✅ Developer Experience
|
|
384
406
|
- **Composition API**: Vue 3 nativo
|
|
@@ -486,8 +508,8 @@ src/
|
|
|
486
508
|
|
|
487
509
|
### Qualidade
|
|
488
510
|
- **Componentes**: 32 com theming
|
|
489
|
-
- **Cobertura**: 98.
|
|
490
|
-
- **TypeScript**: 100% tipado
|
|
511
|
+
- **Cobertura**: 98.2% testes
|
|
512
|
+
- **TypeScript**: 100% tipado com arquivos .d.ts
|
|
491
513
|
- **Acessibilidade**: WCAG 2.1 AA
|
|
492
514
|
|
|
493
515
|
### Compatibilidade
|
package/dist/index.d.ts
ADDED