Interfaces tecidas à mão para Vue 3

• Grandes ferramentas, de série

  Grelha com cem mil linhas, kanban, Gantt, diagramas, agenda, gestor de ficheiros e editor de PDF. O que noutras bibliotecas é um extra pago ou um pacote à parte.

• Um só sistema

  Os mesmos tokens, temas, idiomas e ritmo de espaçamento em cada peça. Mudar o tema muda tudo, também no escuro e com contraste AA.

• Pronta para agentes

  Um servidor MCP para que os agentes de código a usem bem e um renderizador A2UI para que os agentes de interface desenhem com ela.

A mesma grelha, numa moldura que se estreita ao descer: ao passar cada patamar muda de modo (colunas por prioridade, cartões) porque mede a própria largura, não a janela. Depois, esticar com a pega.

• Peso do TrDataGrid

  Antes897 KBAgora513 KB

• Ordenar 1000 × 20 linhas agrupadas

  Antes2.724 msAgora124 ms

• Nós do DOM ao ordenar 1000 × 20 linhas agrupadas

  Antes22.206Agora1.153

• watch ao montar uma grelha

  Antes64Agora27

• onMounted ao montar uma grelha

  Antes14Agora5

Bancada perf:grid da biblioteca (happy-dom), fases 1 a 5 de desempenho do TrDataGrid. Os milissegundos são relativos; os contadores, exatos.

1. Apontar o âmbito @javeintimilla para o GitHub Packages no .npmrc do projeto (com um token de leitura de pacotes).

   @javeintimilla:registry=https://npm.pkg.github.com
   //npm.pkg.github.com/:_authToken=TU_TOKEN

2. Instalar a biblioteca.

   pnpm add @javeintimilla/trama

   A carregar a demonstração… Gestor de pacotes

3. Importar os estilos e usar o primeiro componente.

   import { createApp } from 'vue'
   import '@javeintimilla/trama/styles.css'
   import App from './App.vue'
   
   createApp(App).mount('#app')

   <script setup lang="ts">
   import { TrButton } from '@javeintimilla/trama'
   </script>
   
   <template>
     <TrButton variant="primary" icon="add" label="Hola, Trama" />
   </template>

O pacote e a montra são privados por agora; o acesso abrirá em breve. Pedir acessoEm breveEstamos a preparar o acesso ao Trama. Em breve poderá pedi-lo aqui.