@totvs/tds-webtoolkit v0.0.22

TDS-WebToolKit, standard UI for TDS products English

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.

Funcionalidades

• Componentes padronizados (visual e uso)
• Visual integrado aos temas do VSCode
• Baseado em React
• Abstrações de painéis (WebViewPanel) e modelos de dados

Instalação

Na pasta principal do projeto, execute o comando:

npm i @totvs/tds-webtoolkit

Componente não visual

Componentes visuais

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

Demonstração

Para executar as demonstrações dos diversos componentes, faça:

1. Compile a extensão

npm run compile

2. Inicie o servidor Vite

npm run start:vite

3. Inicie a execução do lançador Demo (port 3000)