bkp

README.md

@@ -53,6 +53,8 @@ src/
       EliTabela.vue
       index.ts
       README.md
+      celulas/
+        README.md
   tipos/
     botao.ts
     indicador.ts
@@ -141,6 +143,8 @@ import {
   EliEntradaTexto,
   EliEntradaNumero,
   EliEntradaDataHora,
+  EliEntradaParagrafo,
+  EliEntradaSelecao,
 } from "eli-vue";
 ```
 
@@ -238,6 +242,54 @@ export default defineComponent({
 </script>
 ```
 
+### EliTabela — célula `tags`
+
+Você pode renderizar múltiplas tags/chips numa célula usando `celulaTabela("tags", ...)`.
+
+```ts
+import { celulaTabela } from "eli-vue";
+import { BadgeCheck, Pencil } from "lucide-vue-next";
+
+celula: (l) =>
+  celulaTabela("tags", {
+    opcoes: [
+      { rotulo: "Ativo", cor: "success", icone: BadgeCheck },
+      { rotulo: "Editar", cor: "primary", icone: Pencil, acao: () => editar(l) },
+    ],
+  })
+```
+
+### EliTabela — célula `numero` com prefixo/sufixo
+
+Para representar **moeda** ou **unidade de medida**, a célula `numero` aceita `prefixo` e `sufixo`:
+
+```ts
+import { celulaTabela } from "eli-vue";
+
+// moeda
+celula: (l) => celulaTabela("numero", { numero: l.total, prefixo: "R$" })
+
+// unidade
+celula: (l) => celulaTabela("numero", { numero: l.peso, sufixo: "kg" })
+```
+
+### EliTabela — célula `data`
+
+Para exibir datas (ISO 8601) com diferentes formatos, use a célula `data`:
+
+```ts
+import { celulaTabela } from "eli-vue";
+
+// somente data
+celula: (l) => celulaTabela("data", { valor: l.criado_em, formato: "data" })
+
+// data e hora
+celula: (l) => celulaTabela("data", { valor: l.criado_em, formato: "data_hora" })
+
+// relativo (dayjs)
+celula: (l) => celulaTabela("data", { valor: l.atualizado_em, formato: "relativo" })
+```
+
 ## Troubleshooting (problemas comuns)
 
 ### 1) "Failed to resolve component" / componente não registrado