@wgalleti/primevue-components 1.8.0 → 1.9.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.
@@ -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. */
@@ -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
  /**