Standard UI for TDS products
npm install @totvs/tds-webtoolkit
A extensão TDS-WebToolKit é um conjunto de componentes para o desenvolvimento de extensões VSCode e recomendado para quem deseja desenvolver extensões VSCode para os produtos TDS, seguindo o padrão de desenvolvimento visual da TOTVS, com agilidade e facilidade.
- Componentes padronizados (visual e uso)
- Visual integrado aos temas do VSCode
- Baseado em React
- Abstrações de painéis (_WebViewPanel_) e modelos de dados
Na pasta principal do projeto, execute o comando:
``bash`
npm i @totvs/tds-webtoolkit
Componentes visuais baseados em React e @vscode-elements, que agiliza a criação de visões (_views_), simplificando e padronizando-as através da abstração do visual (tema), de definições (propriedades) e de detalhes de funcionamento do React, mas sem perder a flexibilidade no desenvolvimento de visões mais complexas.
- TdsPage
- TdsForm
- TdsCheckBoxField
- TdsLabelField
- TdsNumericField
- TdsSelectionField
- TdsMultiSelectionField
- TdsSelectionResourceField
- TdsSimpleCheckBoxField
- TdsSimpleLabelField
- TdsTextField
- TdsButton
Para executar as demonstrações dos diversos componentes, faça:
1. Compile a extensão
`bash`
npm run compile
2. Inicie o servidor Vite
`bash`
npm run start:vite
3. Inicie a execução do lançador Demo (port 3000)`