@wgalleti/primevue-components 1.8.0 → 1.10.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/dist/components/crud/WCrudView.vue.d.ts +12 -0
- package/dist/components/crud/WEditableTable.vue.d.ts +11 -7
- package/dist/components/ui/WKpiCard.vue.d.ts +6 -0
- package/dist/components/ui/WKpiGrid.vue.d.ts +3 -3
- package/dist/{components-BV6JxbiL.js → components-Dv6Keltn.js} +1763 -1662
- package/dist/components-Dv6Keltn.js.map +1 -0
- package/dist/components-Zifsam8l.cjs +25 -0
- package/dist/components-Zifsam8l.cjs.map +1 -0
- package/dist/components.cjs +1 -1
- package/dist/components.js +1 -1
- package/dist/composables/useCardFit.d.ts +24 -0
- package/dist/index.cjs +1 -1
- package/dist/index.js +1 -1
- package/dist/primevue-components.css +1 -1
- package/dist/types/editableTable.d.ts +30 -8
- package/dist/types/kpi.d.ts +2 -0
- package/package.json +1 -1
- package/dist/components-BV6JxbiL.js.map +0 -1
- package/dist/components-D2MkIY-O.cjs +0 -25
- package/dist/components-D2MkIY-O.cjs.map +0 -1
|
@@ -27,6 +27,17 @@ type __VLS_Props = {
|
|
|
27
27
|
viewToggle?: boolean;
|
|
28
28
|
defaultView?: 'table' | 'cards';
|
|
29
29
|
cardFields?: number;
|
|
30
|
+
/**
|
|
31
|
+
* Quando a largura FORÇA os cards. `auto` (default) segue a largura da área da
|
|
32
|
+
* listagem (não da janela): cards abaixo de 840px, e o alternador some; acima,
|
|
33
|
+
* tabela — que rola na horizontal se as colunas não couberem. `fit` é para a
|
|
34
|
+
* lista embutida (painel lateral, gaveta): card só quando as colunas não cabem
|
|
35
|
+
* na área — o piso da tabela —, sem a régua de 840. `never` nunca força;
|
|
36
|
+
* `always` é sempre card, sem alternador. A escolha do usuário (`defaultView`,
|
|
37
|
+
* alternador, `persistState`) vale só quando nada força. Lido na montagem:
|
|
38
|
+
* trocar entre `auto` e `fit` depois de montado não é suportado.
|
|
39
|
+
*/
|
|
40
|
+
cardMode?: 'auto' | 'never' | 'always' | 'fit';
|
|
30
41
|
/** Cards "sem moldura": remove o chrome padrão do card (borda/sombra/padding/
|
|
31
42
|
* seleção) para o slot `#card` desenhar o card inteiro (ex.: um card de design
|
|
32
43
|
* próprio). O wrapper vira só a célula do grid. */
|
|
@@ -176,6 +187,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {
|
|
|
176
187
|
viewToggle: boolean;
|
|
177
188
|
defaultView: "table" | "cards";
|
|
178
189
|
cardFields: number;
|
|
190
|
+
cardMode: "auto" | "never" | "always" | "fit";
|
|
179
191
|
actionRail: boolean;
|
|
180
192
|
showPrint: boolean;
|
|
181
193
|
exportCsv: boolean;
|
|
@@ -12,15 +12,18 @@ import { EditableColumnDef, EditableRow } from '../../types/editableTable';
|
|
|
12
12
|
* A subtabela de insumos do design é este mesmo componente dentro do slot
|
|
13
13
|
* `#expansion` — não existe componente separado para "tabela filha".
|
|
14
14
|
*
|
|
15
|
-
* **
|
|
16
|
-
* `WCrudView` já faz com a listagem.
|
|
15
|
+
* **Componente mais estreito que 840px ou que o piso da grade: a tabela vira
|
|
16
|
+
* card**, uma linha por card, como o `WCrudView` já faz com a listagem. A régua é a largura do PRÓPRIO
|
|
17
|
+
* componente, não a da janela: com a barra lateral do app, a janela passa de 840
|
|
18
|
+
* muito antes de a tabela caber, e era nessa faixa que a coluna do título caía a
|
|
19
|
+
* zero. E vira sem tela paralela: a marcação é a
|
|
17
20
|
* MESMA — o `<table>` troca de display e cada `<tbody>` (que já era uma linha)
|
|
18
21
|
* vira o card. É isso que mantém os slots `#cell-*`, os editores e a expansão
|
|
19
22
|
* funcionando iguais nas duas larguras; duplicar a árvore para o tablet daria
|
|
20
23
|
* duas UIs para a mesma etapa, que divergem na primeira correção.
|
|
21
24
|
*
|
|
22
25
|
* O que cada coluna vira dentro do card sai de `column.card` (título, ações,
|
|
23
|
-
* contexto, campo, leitura). Sem declarar nada, a primeira coluna é o título e
|
|
26
|
+
* contexto, número principal, campo, leitura). Sem declarar nada, a primeira coluna é o título e
|
|
24
27
|
* as demais são campos — toda tabela existente já cai em pé no tablet.
|
|
25
28
|
*/
|
|
26
29
|
type __VLS_Props = {
|
|
@@ -44,9 +47,10 @@ type __VLS_Props = {
|
|
|
44
47
|
/** Campo usado como `key` das linhas. Sem ele, a chave é o índice. */
|
|
45
48
|
rowKey?: string;
|
|
46
49
|
/**
|
|
47
|
-
* Quando a tabela vira card. `auto` (default) segue a
|
|
48
|
-
*
|
|
49
|
-
*
|
|
50
|
+
* Quando a tabela vira card. `auto` (default) segue a largura do próprio
|
|
51
|
+
* componente (não da janela): card abaixo de 840px ou do piso da grade, o que
|
|
52
|
+
* for maior; tabela acima. `never` mantém a tabela em qualquer largura (planilha
|
|
53
|
+
* que só faz sentido em grade, rola na horizontal); `always` é para vitrine e teste.
|
|
50
54
|
*/
|
|
51
55
|
cardMode?: 'auto' | 'never' | 'always';
|
|
52
56
|
/** Rótulo do abridor da expansão no card — lá não existe coluna de seta. */
|
|
@@ -92,8 +96,8 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
|
|
|
92
96
|
columns: EditableColumnDef[];
|
|
93
97
|
removable: boolean;
|
|
94
98
|
expandable: boolean;
|
|
95
|
-
footerLabel: string;
|
|
96
99
|
cardMode: "auto" | "never" | "always";
|
|
100
|
+
footerLabel: string;
|
|
97
101
|
expansionLabel: string;
|
|
98
102
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
99
103
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
@@ -25,6 +25,11 @@ type __VLS_Props = {
|
|
|
25
25
|
size?: 'default' | 'compact';
|
|
26
26
|
/** Card usado como filtro e aplicado agora: destaca e anuncia `aria-pressed`. */
|
|
27
27
|
active?: boolean;
|
|
28
|
+
/**
|
|
29
|
+
* O que o tom da severidade pinta: `icon` (padrão) só o ícone; `value` também o
|
|
30
|
+
* número — para o KPI cujo valor já é o alerta (atraso, saldo negativo).
|
|
31
|
+
*/
|
|
32
|
+
tint?: 'icon' | 'value';
|
|
28
33
|
};
|
|
29
34
|
declare var __VLS_28: {}, __VLS_30: {}, __VLS_32: {}, __VLS_34: {}, __VLS_36: {};
|
|
30
35
|
type __VLS_Slots = {} & {
|
|
@@ -44,6 +49,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
|
|
|
44
49
|
onClick?: ((event: KeyboardEvent | MouseEvent) => any) | undefined;
|
|
45
50
|
}>, {
|
|
46
51
|
size: "default" | "compact";
|
|
52
|
+
tint: "icon" | "value";
|
|
47
53
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
48
54
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
49
55
|
declare const _default: typeof __VLS_export;
|
|
@@ -2,9 +2,9 @@ import { KpiItem, KpiItemClickEvent } from '../../types/kpi';
|
|
|
2
2
|
type __VLS_Props = {
|
|
3
3
|
items?: KpiItem[];
|
|
4
4
|
/**
|
|
5
|
-
* Número fixo de colunas (2–6) ou 'auto'
|
|
6
|
-
*
|
|
7
|
-
*
|
|
5
|
+
* Número fixo de colunas (2–6) ou 'auto': a grade escolhe, pela própria
|
|
6
|
+
* largura, um número de colunas que fecha as linhas (4 KPIs: 4, 2×2 ou 1 —
|
|
7
|
+
* nunca 3 + 1). Use 'auto' em dashboards que devem aproveitar a largura.
|
|
8
8
|
*/
|
|
9
9
|
columns?: 2 | 3 | 4 | 5 | 6 | 'auto';
|
|
10
10
|
/**
|