open-index/open-npm huggingface dataset:
npm package: @lpetrolli/dynamic-form-lib
Description: Biblioteca Angular para criação de formulários dinâmicos com Bootstrap 5 e layouts flexíveis
Author: Lucas Almeida
Latest version: 1.0.1

# Dynamic Form Library

Uma biblioteca Angular poderosa e flexível para criação de formulários dinâmicos com suporte a Bootstrap 5 e múltiplos layouts.

## ✨ Características

- 🎨 **13 tipos de campos** suportados (text, email, select, password, date, textarea, number, tel, url, checkbox, radio, range, color)
- 📐 **3 tipos de layout** (column, row, grid)
- 🎯 **Totalmente tipado** com TypeScript
- 🔄 **Reactive Forms** do Angular
- 📱 **Responsivo** com Bootstrap 5
- ⚡ **Standalone Components**
- 🎨 **Customizável** via classes CSS

## 📦 Instalação

```bash
npm install @lpetrolli/dynamic-form-lib bootstrap
```

## 🚀 Uso Básico

### 1. Importe o Bootstrap no seu projeto

No arquivo `styles.scss`:

```scss
@import 'bootstrap/dist/css/bootstrap.min.css';
```

### 2. Importe o componente

```typescript
import { Component, signal } from '@angular/core';
import { DynamicFormComponent, DynamicFormSchema, FieldType } from '@lpetrolli/dynamic-form-lib';

@Component({
  selector: 'app-root',
  standalone: true,
  imports: [DynamicFormComponent],
  template: `
    <lib-dynamic-form 
      [schema]="formSchema()" 
      (submit)="onFormSubmit($event)"
    />
  `
})
export class AppComponent {
  formSchema = signal<DynamicFormSchema>({
    submitLabel: 'Enviar',
    layout: 'column',
    fields: [
      {
        name: 'name',
        label: 'Nome',
        type: FieldType.Text,
        required: true,
        placeholder: 'Digite seu nome'
      },
      {
        name: 'email',
        label: 'Email',
        type: FieldType.Email,
        required: true,
        placeholder: 'Digite seu email'
      }
    ]
  });

  onFormSubmit(data: { [key: string]: unknown }) {
    console.log('Form submitted:', data);
  }
}
```

## 📖 Tipos de Campos Disponíveis

- `Text` - Campo de texto
- `Email` - Campo de email com validação
- `Select` - Dropdown/select
- `Date` - Seletor de data
- `Password` - Campo de senha
- `Textarea` - Área de texto
- `Number` - Campo numérico
- `Tel` - Campo de telefone
- `Url` - Campo de URL
- `Checkbox` - Checkbox
- `Radio` - Radio buttons
- `Range` - Slider/barra deslizante
- `Color` - Seletor de cor

## 🎨 Layouts

### Grid Layout (Responsivo)

```typescript
{
  submitLabel: 'Cadastrar',
  layout: 'grid',
  fields: [
    {
      name: 'firstName',
      label: 'Primeiro Nome',
      type: FieldType.Text,
      required: true,
      colClass: 'col-12 col-md-6' // 100% mobile, 50% desktop
    }
  ]
}
```

### Row Layout (Horizontal)

```typescript
{
  submitLabel: 'Buscar',
  layout: 'row',
  containerClass: 'gap-3',
  fields: [
    {
      name: 'search',
      label: 'Buscar',
      type: FieldType.Text,
      required: false,
      fieldClass: 'flex-grow-1'
    }
  ]
}
```

## 📝 Licença

MIT

## 👨‍💻 Autor

Lucas Almeida
npm package: @lpezet/hpcc-cluster
Description: HPCC Cluster management in JS
Author: Luke Pezet
Latest version: 1.3.1

# HPCC Cluster

Create and manage HPCC Clusters.

[![NPM Version][npm-image]][npm-url]
[![Linux Build][travis-image]][travis-url]
[![Windows Build][appveyor-image]][appveyor-url]
[![Test Coverage][coveralls-image]][coveralls-url]
[![Known Vulnerabilities][vulnerabilities-image]][vulnerabilities-url]



# License

  [MIT](LICENSE)

[npm-image]: https://badge.fury.io/js/%40lpezet%2Fhpcc-cluster.svg
[npm-url]: https://npmjs.com/package/@lpezet/hpcc-cluster
[travis-image]: https://travis-ci.org/lpezet/hpcc-cluster.svg?branch=master
[travis-url]: https://travis-ci.org/lpezet/hpcc-cluster
[coveralls-image]: https://coveralls.io/repos/github/lpezet/hpcc-cluster/badge.svg?branch=master
[coveralls-url]: https://coveralls.io/github/lpezet/hpcc-cluster?branch=master
[appveyor-image]: https://ci.appveyor.com/api/projects/status/dgyq3h5w6cdlddoh?svg=true
[appveyor-url]: https://ci.appveyor.com/project/lpezet/hpcc-cluster
[vulnerabilities-image]: https://snyk.io/test/github/lpezet/hpcc-cluster/badge.svg
[vulnerabilities-url]: https://snyk.io/test/github/lpezet/hpcc-cluster
npm package: @lpezet/time-tracker
Description: Toolbox for time tracking.
Latest version: 1.0.4

# Time Tracker

Toolbox for time tracking.

[![NPM Version][npm-image]][npm-url]
[![Linux Build][travis-image]][travis-url]
[![Windows Build][appveyor-image]][appveyor-url]
[![Test Coverage][coveralls-image]][coveralls-url]
[![Known Vulnerabilities][vulnerabilities-image]][vulnerabilities-url]

```bash
echo -e "# 01/07/2021\n- [8:00AM-8:30AM] Shower.\n\n# 01/08/2021\n- [9:00AM-9:45AM] Breakfast\n\n# 01/16/2021\n- [11:00AM-1:15PM] Nap time.\n\n# 01/23/2021\n- [2:00PM-4:00PM] Woodworking." > test.md
@lpezet-time-tracker calc test.md
> Day 01/07/2021: 0 hours 30 minutes
> Day 01/08/2021: 0 hours 45 minutes
> ## Biweekly 01/01: 1 hours 15 minutes
> Day 01/16/2021: 2 hours 15 minutes
> Day 01/23/2021: 2 hours 0 minutes
> ## Biweekly 01/15: 4 hours 15 minutes
```

# Installation

```bash
npm install --global @lpezet/time-tracker
```

# Features

- Calculate time (up to minutes) spent in tasks tracked in markdown file, following strict syntax.

# License

[MIT](LICENSE)

[npm-image]: https://badge.fury.io/js/%40lpezet%2Ftime-tracker.svg
[npm-url]: https://npmjs.com/package/@lpezet/time-tracker
[travis-image]: https://travis-ci.org/lpezet/time-tracker.svg?branch=master
[travis-url]: https://travis-ci.org/lpezet/time-tracker
[coveralls-image]: https://coveralls.io/repos/github/lpezet/time-tracker/badge.svg?branch=master
[coveralls-url]: https://coveralls.io/github/lpezet/time-tracker?branch=master
[appveyor-image]: https://ci.appveyor.com/api/projects/status/hxkr7yml7qhi9jo8?svg=true
[appveyor-url]: https://ci.appveyor.com/project/lpezet/time-tracker
[vulnerabilities-image]: https://snyk.io/test/github/lpezet/time-tracker/badge.svg
[vulnerabilities-url]: https://snyk.io/test/github/lpezet/time-tracker

# Publishing

To publish next version of `time-tracker`, run the following:

```bash
npm version patch
git push --tags origin master
npm run dist
npm publish dist/ --access public
```
npm package: @lpg/l-ui
Description: 基于 element-ui 二次开发
Author: zclee
Latest version: 1.0.7

# [l-ui](https://zc-lee.gitee.io/blog/lui/)

## intro

基于 element-ui 二次开发

```
.
├── cdn
├── components
│   ├── ErrorPage
│   │   └── 404
│   ├── Pager 分页
│   └── table 表格
├── examples
├── lib
├── markdowns 说明文档
├── packages
├── scss
├── src
├── README
└── package.json
```

## use

```shell
yarn add @lpg/l-ui
```

```javascript
// main.js
import lui from '@lpg/l-ui'
import '@/scss'
Vue.use(lui)
```

```scss
// /src/scss/index.scss
@import '~@/scss/element-variables'; // 变量

$--font-path: '~element-ui/lib/theme-chalk/fonts'; // element字体

@import '~element-ui/packages/theme-chalk/src/index'; // element style

@import '~@lpg/l-ui/scss'; // lui style
// 需配置webpack自动后缀 extensions 
// 若未配置，引入方式 import '@lpg/l-ui/scss/index.scss';
```

## components

### [pager](./markdowns/pager.md)
### [table](./markdowns/table.md)



## notice

### vue ie es6兼容
```js
// vue.config.js
  transpileDependencies:['@lpg/l-ui'],
```


## version

### 1.0.0

1. components
   1. table 组件
   2. ErrorPage 404 组件
   3. Pager 分页组件
2. scss
   1. var 变量
   2. modules -> table

### 1.0.1
1. ie 兼容性配置说明
2. README 使用说明更新
3. components -> table
   1. pxtorem
   2. 修复handle计算宽度
      1. 判断最长字数
      2. 修复相同个数操作按钮可能字数不同，导致按钮显示不全
         1. 最大值不一定字数最大，操作文字可能不同


### 1.0.2
1. components -> table
   1. 组件问题解决方案
      1. 使用rem调节字体时，列表滑动边框位置错乱
      2. 解决方案 调节字体时重新渲染列表
      3. 无数据页面调整
         1. 添加配置项是否显示表头
         2. 添加配置项无数据显示文字
2. 说明文档补充
   1. markdowns -> table

### 1.0.3
1. 说明文档补充
   1. markdowns -> table
2. components -> pager 
   1. 修复分页器中间页数显示bug

### 1.0.4
1. 说明文档补充
   1. markdowns -> table
   2. markdowns -> pager 
2. components -> pager 
   1. 样式调整


### 1.0.5
1. components -> pager 
   1. 修复分页器偶数显示bug
### 1.0.6
1. 说明文档补充
   1. markdowns -> table
2. components -> pager 
   1. 样式调整取消，采用elementUi初始样式
3. components -> table
   1. tableOptions -> formatterOptions 所设置列可通过参数配置handle `handle: [{ operationName: 'col.titleCode', urlPath: "methodName()", systemShow: '2' }]` 触发methodName 事件
### 1.0.7
1. 说明文档补充
   1. markdowns -> table
2. 新增 components -> ErrorPage404 
3. 新增 components -> ImageViewer 
4. 新增 markdowns -> ImageViewer