@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.
@@ -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
- * **Tablet em pé (`< 840px`): a tabela vira card**, uma linha por card, como o
16
- * `WCrudView` já faz com a listagem. E vira sem tela paralela: a marcação é a
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 régua: card abaixo de
48
- * 840px, tabela acima. `never` mantém a tabela em qualquer largura (planilha
49
- * que só faz sentido em grade); `always` é para vitrine e teste.
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' para preencher a largura com quantos
6
- * KPIs couberem (responsivo, sem overflow). Use 'auto' em dashboards que devem
7
- * aproveitar o máximo da tela.
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
  /**