open-index/open-npm huggingface dataset:
npm package: @mctools/errors
Description: Scan debug.log file to find unknown errors
Author: Krutoy242
Latest version: 1.0.0

<h1 align="center">@mctools/errors</h1>

Scan debug.log file to find unknown errors

<!-- extended_desc --><!-- /extended_desc -->

## Usage

1. Install latest NodeJS for [Windows](https://nodejs.org/en/download/current/) or [Unix](https://nodejs.org/en/download/package-manager/)

2. Open console, navigate to your Minecraft directory (one with the mods/ directory or options.txt file)
    ```sh
    > cd C:/Instances/MyModpack
    ```

3. Run:
    ```sh
    > npx @mctools/errors --help
    ```

### Options

```shell
Options:
      --version  Show version number  [boolean]
  -o, --output   Path for output with errors. If not specified output into stdout.  [string]
  -l, --log      debug.log file path (may need to be enabled by launcher)  [string] [default: "logs/debug.log"]
  -c, --config   Path to .yml file with configs  [string] [default: "packages\errors\src\config.yml"]
  -h, --help     Show help  [boolean]
```

## Author

* https://github.com/Krutoy242

## Other tools

* [@mctools/modlist](https://github.com/Krutoy242/mc-tools/tree/master/packages/modlist) - Generate .md file with all mods listed
npm package: @mctx-ai/dev
Description: Local development server for @mctx-ai/app with hot reload
Author: mctx, Inc.
Latest version: 1.0.1

<div align="center">
  <img src="https://mctx.ai/brand/logo-black.png" width="120" alt="mctx" />
</div>

# @mctx-ai/dev

Dev server with hot reload for [@mctx-ai/app](https://www.npmjs.com/package/@mctx-ai/app).

[![npm version](https://img.shields.io/npm/v/@mctx-ai/dev)](https://www.npmjs.com/package/@mctx-ai/dev)

---

## Quick Start

```bash
npm install -D @mctx-ai/dev
npx mctx-dev index.js
```

Your server restarts automatically on file changes.

---

## What It Does

- **Hot reload** — watches `.js`, `.mjs`, `.cjs`, and `.json` files and restarts on save
- **Request logging** — logs every MCP request and response to the console
- **Handler log surfacing** — prints any `log.*()` calls made inside your handlers to the dev console after each request
- **Sampling stub** — when a tool calls `ask()`, the `/_mctx/sampling` endpoint returns a clear error explaining that sampling is not supported in dev mode
- **Local testing** — serves your server over HTTP for use with any MCP client

---

## Usage

```
npx mctx-dev <entry-file> [options]
```

**Options:**

| Flag              | Description       | Default |
| ----------------- | ----------------- | ------- |
| `--port <number>` | Port to listen on | `3000`  |
| `-h, --help`      | Show help message |         |

**Environment Variables:**

| Variable       | Description                                                                                                                                                                                               |
| -------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `PORT`         | Port to listen on (overridden by `--port`)                                                                                                                                                                |
| `MCTX_VERBOSE` | Set to `true` to pretty-print full JSON request and response bodies to stdout for every non-handshake MCP method call. Default (unset): compact one-line logs showing direction, status, and timing only. |

**Examples:**

```bash
# Start on default port 3000
npx mctx-dev index.js

# Start on a custom port
npx mctx-dev index.js --port 8080
```

---

## Visual Testing

Use [MCP Inspector](https://github.com/modelcontextprotocol/inspector) to test your server interactively in the browser while `mctx-dev` is running.

---

## Pairs With

This package is the dev companion to [@mctx-ai/app](https://www.npmjs.com/package/@mctx-ai/app) — the zero-dependency MCP framework.

---

<p align="center">
  <a href="https://mctx.ai">mctx</a> · <a href="https://docs.mctx.ai">Docs</a> · <a href="https://github.com/mctx-ai/app">GitHub</a><br/>
  MIT License
</p>
npm package: @mctx-ai/mcp-dev
Description: Local development server for @mctx-ai/mcp-server with hot reload
Author: mctx, Inc.
Latest version: 1.1.3
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

<div align="center">
  <img src="https://mctx.ai/brand/logo-black.png" width="120" alt="mctx" />
</div>

# @mctx-ai/mcp-dev

Dev server with hot reload for [@mctx-ai/mcp-server](https://www.npmjs.com/package/@mctx-ai/mcp-server).

[![npm version](https://img.shields.io/npm/v/@mctx-ai/mcp-dev)](https://www.npmjs.com/package/@mctx-ai/mcp-dev)

---

## Quick Start

```bash
npm install -D @mctx-ai/mcp-dev
npx mctx-dev index.js
```

Your server restarts automatically on file changes.

---

## What It Does

- **Hot reload** — watches `.js`, `.mjs`, `.cjs`, and `.json` files and restarts on save
- **Request logging** — logs every MCP request and response to the console
- **Handler log surfacing** — prints any `log.*()` calls made inside your handlers to the dev console after each request
- **Sampling stub** — when a tool calls `ask()`, the `/_mctx/sampling` endpoint returns a clear error explaining that sampling is not supported in dev mode
- **Local testing** — serves your server over HTTP for use with any MCP client

---

## Usage

```
npx mctx-dev <entry-file> [options]
```

**Options:**

| Flag              | Description       | Default |
| ----------------- | ----------------- | ------- |
| `--port <number>` | Port to listen on | `3000`  |
| `-h, --help`      | Show help message |         |

**Environment Variables:**

| Variable       | Description                                                                                                                                                                                               |
| -------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `PORT`         | Port to listen on (overridden by `--port`)                                                                                                                                                                |
| `MCTX_VERBOSE` | Set to `true` to pretty-print full JSON request and response bodies to stdout for every non-handshake MCP method call. Default (unset): compact one-line logs showing direction, status, and timing only. |

**Examples:**

```bash
# Start on default port 3000
npx mctx-dev index.js

# Start on a custom port
npx mctx-dev index.js --port 8080
```

---

## Visual Testing

Use [MCP Inspector](https://github.com/modelcontextprotocol/inspector) to test your server interactively in the browser while `mctx-dev` is running.

---

## Pairs With

This package is the dev companion to [@mctx-ai/mcp-server](https://www.npmjs.com/package/@mctx-ai/mcp-server) — the zero-dependency MCP framework.

---

<p align="center">
  <a href="https://mctx.ai">mctx</a> · <a href="https://docs.mctx.ai">Docs</a> · <a href="https://github.com/mctx-ai/mcp-server">GitHub</a><br/>
  MIT License
</p>
npm package: @mcui/btns
Description: MCUI按钮组件，依赖@mcui/core核心，文档详见官网 https://mcui.fekit.cn/
Author: xiaojunbo
Latest version: 1.2.14

# @mcui/btns
MCUI按钮组件，依赖@mcui/core核心，文档详见官网 https://mcui.fekit.cn/

## 安装组件

```
npm i @mcui/btns
```

或

```
yarn add @mcui/btns
```

## 可选主题

- btns@a.scss
- btns@b.scss
  使用示例：

```html
<button mcui-btn="@a">按钮</button>
```

## 指定语义

| 语议 | 属性 | 备注                                                     |
| ---- | ---- | -------------------------------------------------------- |
| 主体 | main | 跟随主题风格主体色                                       |
| 主体 | vice | 跟随主题风格辅助色                                       |
| 提倡 | well | 代表提倡的，安全的，推荐的，成功的，建议用户点击的       |
| 警告 | warn | 代表警告的，需再次确认的，并非绝对安全的，需要用户慎重的 |
| 风险 | risk | 代表失败的，危险的，错误的，有风险的，不建议用户操作的   |
| 信息 | info | 代表只读的，上面三个状态之外使用                         |

使用示例：

```html
<button mcui-btn="@a well"></button>
```

## 指定大小

| 大小 | 属性 |
| ---- | ---- |
| 小   | s    |
| 中   | m    |
| 大   | l    |
| 特大 | x    |

使用示例：

```html
<button mcui-btn="@a s"></button>
```

## 线形按钮

```html
<button mcui-btn="@a :line"></button>
```

## 圆角按钮

```html
<button mcui-btn="@a round"></button>
```

## 按钮群组

```html
<div mcui-btns="@a line :border">
  <button>Button1</button>
  <button>Button2</button>
  <button>Button3</button>
</div>
```
npm package: @mcui/core
Description: MCUI 核心组件，MCUI 全局架构性组件。官网 https://mcui.fekit.cn
Author: xiaojunbo
Latest version: 1.12.12

# @mcui/core

MCUI 核心组件，MCUI 全局架构性组件。官网 [https://mcui.fekit.cn/](https://mcui.fekit.cn/)

## 安装

### 安装核心
```
npm i @mcui/core
```
### 安装组件
```
npm i @mcui/btns
```

## 引用

```scss
// main.scss

// 添加主题
$theme: (
  light: (
    main: #d52932,                 // 主体
    vice: #67337d,                 // 辅助
    text: #000000,                 // 文本
    back: #ffffff,                 // 底色
    link: #0d66d0,                 // 链接
    code: #e23861,                 // 代码
    well: #4bbc73,                 // 提倡
    warn: #fb9a2a,                 // 警告
    risk: #f95850,                 // 风险
    info: #0889e4                  // 信息
  ),
  dark: (
    main: #91cc48,
    vice: #ffa60f,
    text: rgba(255, 255, 255, 0.9),
    back: #262629,
    link: #00b9ff,
    code: #e23861,
    well: #49ca74,
    warn: #fb9a2a,
    risk: #fd7466,
    info: #949af9
  )
  // 添加更多主题...
);

// 引用框架核心
@import '~@mcui/core';

// 引用业务组件
@import '~@mcui/btns';
// 引用更多组件...
```

## 使用

### 颜色
```scss
@import '~@mcui/core';

.header {
  position: fixed;
  width: 100%;
  height: 4rem;
  left: 0;
  top: 0;

  @include theme {
    background-color: co(back);
    color: co(text);
  }
}
```

↓

```css
/* 编译成css: */
.header {
  position: fixed;
  width: 100%;
  height: 4rem;
  left: 0;
  top: 0;
}
[mcui~='light'] .header {
  background-color: #ffffff;
  color: #000000;
}
[mcui~='dark'] .header {
  background-color: #262629;
  color: rgba(255, 255, 255, 0.9);
}
```

### 响应三端
```scss
@import '~@mcui/core';

body{
  font-size:14px;

  @include mob{
    font-size: 12px;
  }
}

```
↓
```css
/* 编译成css: */
body{
  font-size:14px;
}
@media screen and (max-width: 767px) {
  body{
  font-size:12px;
}
}
```

## 更多
详细文档请到MCUI官网 [https://mcui.fekit.cn](https://mcui.fekit.cn)
npm package: @mcui/form
Description: MCUI 核心组件，MCUI 全局架构性组件。官网 [https://mcui.fekit.cn/](https://mcui.fekit.cn/)
Author: xiaojunbo
Latest version: 1.3.63

# @mcui/core

MCUI 核心组件，MCUI 全局架构性组件。官网 [https://mcui.fekit.cn/](https://mcui.fekit.cn/)

## 安装

### 安装核心
```
npm i @mcui/core
```
### 安装组件
```
npm i @mcui/btns
```

## 引用

```scss
// main.scss

// 添加主题
$theme: (
  light: (
    main: #d52932,                 // 主体
    vice: #67337d,                 // 辅助
    text: #000000,                 // 文本
    back: #ffffff,                 // 底色
    link: #0d66d0,                 // 链接
    code: #e23861,                 // 代码
    well: #4bbc73,                 // 提倡
    warn: #fb9a2a,                 // 警告
    risk: #f95850,                 // 风险
    info: #0889e4                  // 信息
  ),
  dark: (
    main: #91cc48,
    vice: #ffa60f,
    text: rgba(255, 255, 255, 0.9),
    back: #262629,
    link: #00b9ff,
    code: #e23861,
    well: #49ca74,
    warn: #fb9a2a,
    risk: #fd7466,
    info: #949af9
  )
  // 添加更多主题...
);

// 引用框架核心
@import '~@mcui/core';

// 引用业务组件
@import '~@mcui/btns';
// 引用更多组件...
```

## 使用

### 颜色
```scss
@import '~@mcui/core';

.header {
  position: fixed;
  width: 100%;
  height: 4rem;
  left: 0;
  top: 0;

  @include theme {
    background-color: co(back);
    color: co(text);
  }
}
```

↓

```css
/* 编译成css: */
.header {
  position: fixed;
  width: 100%;
  height: 4rem;
  left: 0;
  top: 0;
}
[mcui~='light'] .header {
  background-color: #ffffff;
  color: #000000;
}
[mcui~='dark'] .header {
  background-color: #262629;
  color: rgba(255, 255, 255, 0.9);
}
```

### 响应三端
```scss
@import '~@mcui/core';

body{
  font-size:14px;

  @include mob{
    font-size: 12px;
  }
}

```
↓
```css
/* 编译成css: */
body{
  font-size:14px;
}
@media screen and (max-width: 767px) {
  body{
  font-size:12px;
}
}
```

## 更多
详细文档请到MCUI官网 [https://mcui.fekit.cn](https://mcui.fekit.cn)
npm package: @mcui/imgs
Description: MCUI图片组件，依赖@mcui/core核心，文档详见官网 https://mcui.fekit.cn/
Author: xiaojunbo
Latest version: 1.1.17

# @mcui/imgs
MCUI图片组件，依赖@mcui/core核心，文档详见官网 https://mcui.fekit.cn/

## 安装组件

```
npm i @mcui/imgs
```

或

```
yarn add @mcui/imgs
```

## 可选主题

- imgs@a.scss
- imgs@b.scss
  使用示例：

```html
<button mcui-btn="@a">按钮</button>
```

## 指定语义

| 语议 | 属性 | 备注                                                     |
| ---- | ---- | -------------------------------------------------------- |
| 主体 | main | 跟随主题风格主体色                                       |
| 主体 | vice | 跟随主题风格辅助色                                       |
| 提倡 | well | 代表提倡的，安全的，推荐的，成功的，建议用户点击的       |
| 警告 | warn | 代表警告的，需再次确认的，并非绝对安全的，需要用户慎重的 |
| 风险 | risk | 代表失败的，危险的，错误的，有风险的，不建议用户操作的   |
| 信息 | info | 代表只读的，上面三个状态之外使用                         |

使用示例：

```html
<button mcui-btn="@a well"></button>
```

## 指定大小

| 大小 | 属性 |
| ---- | ---- |
| 小   | ss    |
| 中   | sm    |
| 大   | sl    |


使用示例：

```html
<button mcui-btn="@a s"></button>
```

## 线形按钮

```html
<button mcui-btn="@a :line"></button>
```

## 圆角按钮

```html
<button mcui-btn="@a round"></button>
```

## 按钮群组

```html
<div mcui-imgs="@a line :border">
  <button>Button1</button>
  <button>Button2</button>
  <button>Button3</button>
</div>
```
npm package: @mcui/load
Description: 官网 https://mcui.fekit.cn/
Author: xiaojunbo
Latest version: 1.1.0

# @mcui/btns
官网 https://mcui.fekit.cn/

## 安装组件

```
npm i @mcui/btns
```

或

```
yarn add @mcui/btns
```

## 可选主题

- btns@a.scss
- btns@b.scss
  使用示例：

```html
<button mcui-btn="@a">按钮</button>
```

## 指定语义

| 语议 | 属性 | 备注                                                     |
| ---- | ---- | -------------------------------------------------------- |
| 主体 | main | 跟随主题风格主体色                                       |
| 主体 | vice | 跟随主题风格辅助色                                       |
| 提倡 | well | 代表提倡的，安全的，推荐的，成功的，建议用户点击的       |
| 警告 | warn | 代表警告的，需再次确认的，并非绝对安全的，需要用户慎重的 |
| 风险 | risk | 代表失败的，危险的，错误的，有风险的，不建议用户操作的   |
| 信息 | info | 代表只读的，上面三个状态之外使用                         |

使用示例：

```html
<button mcui-btn="@a well"></button>
```

## 指定大小

| 大小 | 属性 |
| ---- | ---- |
| 小   | s    |
| 中   | m    |
| 大   | l    |
| 特大 | x    |

使用示例：

```html
<button mcui-btn="@a s"></button>
```

## 线形按钮

```html
<button mcui-btn="@a :line"></button>
```

## 圆角按钮

```html
<button mcui-btn="@a round"></button>
```
npm package: @mcui/navs
Description: MCUI导航组件，基于MCUI核心@mcui/core, 官网 https://mcui.fekit.cn/
Author: xiaojunbo
Latest version: 1.0.2

# @mcui/navs

MCUI导航组件，基于MCUI核心@mcui/core, 官网 https://mcui.fekit.cn/

## 安装组件

```
npm i @mcui/navs
```

或

```
yarn add @mcui/navs
```

## 可选主题

- navs@a.scss
- navs@b.scss

## 使用示例

```html
<ul mcui-navs="@a">
  <li class="active"><span>导航一</span></li>
  <li><span>导航二</span></li>
  <li><span>导航三</span></li>
</ul>
```
npm package: @mcui/path
Description: MCUI 核心组件，MCUI 全局架构性组件。官网 [https://mcui.fekit.cn/](https://mcui.fekit.cn/)
Author: xiaojunbo
Latest version: 1.0.0

# @mcui/core

MCUI 核心组件，MCUI 全局架构性组件。官网 [https://mcui.fekit.cn/](https://mcui.fekit.cn/)

## 安装

### 安装核心
```
npm i @mcui/core
```
### 安装组件
```
npm i @mcui/btns
```

## 引用

```scss
// main.scss

// 添加主题
$theme: (
  light: (
    main: #d52932,                 // 主体
    vice: #67337d,                 // 辅助
    text: #000000,                 // 文本
    back: #ffffff,                 // 底色
    link: #0d66d0,                 // 链接
    code: #e23861,                 // 代码
    well: #4bbc73,                 // 提倡
    warn: #fb9a2a,                 // 警告
    risk: #f95850,                 // 风险
    info: #0889e4                  // 信息
  ),
  dark: (
    main: #91cc48,
    vice: #ffa60f,
    text: rgba(255, 255, 255, 0.9),
    back: #262629,
    link: #00b9ff,
    code: #e23861,
    well: #49ca74,
    warn: #fb9a2a,
    risk: #fd7466,
    info: #949af9
  )
  // 添加更多主题...
);

// 引用框架核心
@import '~@mcui/core';

// 引用业务组件
@import '~@mcui/btns';
// 引用更多组件...
```

## 使用

### 颜色
```scss
@import '~@mcui/core';

.header {
  position: fixed;
  width: 100%;
  height: 4rem;
  left: 0;
  top: 0;

  @include theme {
    background-color: co(back);
    color: co(text);
  }
}
```

↓

```css
/* 编译成css: */
.header {
  position: fixed;
  width: 100%;
  height: 4rem;
  left: 0;
  top: 0;
}
[mcui~='light'] .header {
  background-color: #ffffff;
  color: #000000;
}
[mcui~='dark'] .header {
  background-color: #262629;
  color: rgba(255, 255, 255, 0.9);
}
```

### 响应三端
```scss
@import '~@mcui/core';

body{
  font-size:14px;

  @include mob{
    font-size: 12px;
  }
}

```
↓
```css
/* 编译成css: */
body{
  font-size:14px;
}
@media screen and (max-width: 767px) {
  body{
  font-size:12px;
}
}
```

## 更多
详细文档请到MCUI官网 [https://mcui.fekit.cn](https://mcui.fekit.cn)
npm package: @mcui/tabs
Description: MCUI 选项卡组件。本组件依赖框架核心 @mcui/core 。更多详情请访问官网 [https://mcui.fekit.cn/](https://mcui.fekit.cn/)
Author: xiaojunbo
Latest version: 1.0.8

# @mcui/core

MCUI 选项卡组件。本组件依赖框架核心 @mcui/core 。更多详情请访问官网 [https://mcui.fekit.cn/](https://mcui.fekit.cn/)

## 安装

### 安装核心

```
npm i @mcui/core
```

### 安装组件

```
npm i @mcui/tabs
```

## 引用

### scss

```scss
$theme: (
  light: (
    main: #d52932,
    vice: #67337d,
    text: #000000,
    back: #ffffff,
    link: #0d66d0,
    code: #e23861,
    well: #4bbc73,
    warn: #fb9a2a,
    risk: #f95850,
    info: #0889e4
  )
  // 添加更多主题...
);

// 引用框架核心
@import '~@mcui/core';

// 引用业务组件
@import '~@mcui/tabs/tabs@a';
// 引用更多组件...
```

### html

```html
<div mcui-tabs="@a">
  <div class="active">选择卡1</div>
  <div>选择卡2</div>
  <div>选择卡3</div>
</div>
```

## 使用

## 更多

详细文档请到 MCUI 官网 [https://mcui.fekit.cn](https://mcui.fekit.cn)
npm package: @mcui/tags
Description: MCUI 选项卡组件。本组件依赖框架核心 @mcui/core 。更多详情请访问官网 [https://mcui.fekit.cn/](https://mcui.fekit.cn/)
Author: xiaojunbo
Latest version: 1.1.2

# @mcui/tags

MCUI 选项卡组件。本组件依赖框架核心 @mcui/core 。更多详情请访问官网 [https://mcui.fekit.cn/](https://mcui.fekit.cn/)

## 安装

### 安装核心

```
npm i @mcui/core
```

### 安装组件

```
npm i @mcui/tags
```

## 引用

### scss

```scss
$theme: (
  light: (
    main: #d52932,
    vice: #67337d,
    text: #000000,
    back: #ffffff,
    link: #0d66d0,
    code: #e23861,
    well: #4bbc73,
    warn: #fb9a2a,
    risk: #f95850,
    info: #0889e4
  )
  // 添加更多主题...
);

// 引用框架核心
@import '~@mcui/core';

// 引用业务组件
@import '~@mcui/tags/tags@a';
// 引用更多组件...
```

### html

```html
<!-- 群组 -->
<div mcui-tags="@a main">
  <div class="active">标签1</div>
  <div>标签1</div>
  <div>标签1</div>
</div>

<!-- 单个 -->
<ul>
  <li mcui-tag="@a info">信息</li>
  <li mcui-tag="@a well">提倡</li>
  <li mcui-tag="@a warn">警告</li>
  <li mcui-tag="@a risk">风险</li>
</ul>
```

## 使用

## 更多

详细文档请到 MCUI 官网 [https://mcui.fekit.cn](https://mcui.fekit.cn)
npm package: @mcui/tips
Description: MCUI 选项卡组件。本组件依赖框架核心 @mcui/core 。更多详情请访问官网 [https://mcui.fekit.cn/](https://mcui.fekit.cn/)
Author: xiaojunbo
Latest version: 1.1.8

# @mcui/core

MCUI 选项卡组件。本组件依赖框架核心 @mcui/core 。更多详情请访问官网 [https://mcui.fekit.cn/](https://mcui.fekit.cn/)

## 安装

### 安装核心

```
npm i @mcui/core
```

### 安装组件

```
npm i @mcui/tabs
```

## 引用

### scss

```scss
$theme: (
  light: (
    main: #d52932,
    vice: #67337d,
    text: #000000,
    back: #ffffff,
    link: #0d66d0,
    code: #e23861,
    well: #4bbc73,
    warn: #fb9a2a,
    risk: #f95850,
    info: #0889e4
  )
  // 添加更多主题...
);

// 引用框架核心
@import '~@mcui/core';

// 引用业务组件
@import '~@mcui/tabs/tabs@a';
// 引用更多组件...
```

### html

```html
<div mcui-tabs="@a">
  <div class="active">选择卡1</div>
  <div>选择卡2</div>
  <div>选择卡3</div>
</div>
```

## 使用

## 更多

详细文档请到 MCUI 官网 [https://mcui.fekit.cn](https://mcui.fekit.cn)
npm package: @mcui/vue
Description: basic component ui
Author: xiaojunbo
Latest version: 1.0.0

# 基础 UI 组件

```javascript
// 规则描述 Rule Description 简称 RD
const rd = {
  // 筛选配置
  limit: [
    {
      label: '',
      field: '',
      paths: '',
      enums: [],
      modle: '',
      value: '',
      rules: [],
      logic: true | false,
      _view: 1,
    }
  ],

  // 表格配置
  table: [
    {
      label: '', // 标签名
      field: '', // 字段名
      paths: '', // 源数据里的JSON结构层级 如{a:{aa:{aaaa:1},b:{bb:{bbb:2}}} 如果field是bbb则需要在paths里填写'b.bb'告诉驱动器这个字段在源数据中所处的位置
      enums: [], // 枚举
      modle: '', // 模型 链接Link|复制Copy|图片Image|标签Tag|... 有一个特殊的自定义代码'@',当驱动器不会自动处理这个字段需要手工在业务代码里处理
      value: '', // 显示内容，一般不填写，只有需要计算显示值时才使用，比如给显示值设置特殊格式{ value: ()=> idate(val).format('YYYY-MM-DD') }
      event: {}, // 事件
      attrs: {}, // 属性
      popup: {}, // 提示（无限套娃遍历）
      logic: true, // 逻辑控制（开启关闭）
      fixed: true|false|1｜0｜'l'|'r' // 是否固定
      rules: [], // 校验规则
      view: true|false|'always', // 是否显示（自动生成静态值交互可控）
      chlid:[], // 子元素（无限套娃遍历）
      clear: true|false // 是否清除字段，代替logic，logic另有他用
    }
  ],

  // 表单配置
  form: [
    {
      label: '', // 标签名
      field: '', // 字段名
      paths: '', // 源数据里的JSON结构层级 如{a:{aa:{aaaa:1},b:{bb:{bbb:2}}} 如果field是bbb则需要在paths里填写'b.bb'告诉驱动器这个字段在源数据中所处的位置
      enums: [], // 枚举
      modle: '', // 模型 简写'Select'，详细写法 ['Select',{ attrName:'1' }]
      value: '',
      event: {}, // 事件
      attrs: {}, // 属性
      logic: true, // 逻辑控制（开启关闭）
      rules: [
        {
          type: 'risk',
          msg: '这是必填项',
          required: true
        },
        {
          type: 'risk',
          msg: '请正确填写中文名',
          validator: () => validateChineseName
        }
      ],
      logic: true | false, // 是否显示
      media: 'mob-24 pad-12 dpc-8', // 媒体查询

      // 数组类型
      array: true,
      // 子块标题
      title: (data: any, item: any) => {
        return item.customerName + '的评价';
      },
      // 子块字段
      child: []
    }
  ]
};
```

## 封装组件

```
TableLoader           ✓
LimitLoader           ✓
FormView              ✓
FormRowView           ✓
FormColView           ✓


Grid                  0%
Button                0%
Input                 ✓
NumberInput           0%
Radio                 0%
Checkbox              0%
Rate                  0%
Slider                0%
Select                ✓
MoreSelect            ✓
SearchSelect          ✓
SearchMoreSelect      ✓
PageSelect            ✓
TreeSelect            ✓
CascaderSelect        ✓
DatePicker            50%  急
TimePicker            50%  急
DateTimePicker        50%  急
Switch                50%
Textarea              50%
FileUpload            0%
ImageUpload           ✓
Avatar                0%
Badge                 0%
Calendar              0%
Card                  0%
Carousel              0%
Collapse              0%
Empty                 0%
Image                 ✓
InfiniteScroll        0%
Pagination            ✓
Progress              0%
Result                0%
Tag                   0%
Timeline              0%
Tree                  0%
Tabs                  0%
Divider               0%
Message               0%
```

## Version

```
v1.0.0
开源第一版本
```
npm package: @mcurros22/react-tabulator
Description: React Tabulator is based on tabulator - a JS table library with many advanced features.
Author: Duc Nguyen
Latest version: 0.19.4

# react-tabulator

React Tabulator is based on Tabulator - a JS table library with many advanced features. [Link.](https://github.com/olifolkerd/tabulator)

- **NOTE: from v0.16.x (WIP) or later, this uses the latest tabulator-tables v5.x, many cases are not tested yet.**
- Live Demo: [Codesandbox](https://codesandbox.io/s/0mwpy612xw?module=/src/components/Home.js)
- Example code: [/src/ReactTabulatorExample.tsx](/src/ReactTabulatorExample.tsx)
- More Examples, Use cases, FAQ: [More Live Examples / Use cases](/docs/examples.md)

[<img src="docs/react-tabulator-demo.gif" />](https://codesandbox.io/s/0mwpy612xw?module=/src/components/Home.js)

### 🌟 Features

Tabulator's features:
```
  Filters      Sorting      Formatting    Grouping      Ajax      Editing    Virtualization
  Pagination   Themes       A11y          I18n          Layouts   Frozen Cols/Rows
  Key Binding  Responsive   Persisting    History       Calc      Validation
  Clipboard    Tree Layout  Nested Tables
```

#### Plus more features:
- React.
- Simple syntax; Import css, themes.
- Typescript, Tslint.
- Jest-puppeteer for testing.
- React Cell Editors: DateEditor, MultiSelectEditor, etc.
- React Cell Formatters: MultiValueFormatter, etc.
- React Filters (TBD).
- For the legacy React 15.x, use: import React15Tabulator.

### 📦 Usage

```
$ npm install react-tabulator --save

import 'react-tabulator/lib/styles.css'; // required styles
import 'react-tabulator/lib/css/tabulator.min.css'; // theme
import { ReactTabulator } from 'react-tabulator';

    <ReactTabulator columns={columns} data={data} options={} events={{ rowClick: rowClickHandler }} />

* "options" will be passed directly to Tabulator's options.
* "events" is an object like { eventName: handlerFunction }
* use "ref.table" to access to all tabulator functions.
```
- More Examples, Use cases, FAQ: [More Live Examples / Use cases](/docs/examples.md)

### 🔧 Development - Commands

Require: `NodeJS`

```
$ npm install --legacy-peer-deps        install dependencies for development.
$ npm run dev      Launch DEV mode (with hot reload).
$ npm run build    Make a build.

$ npm run test     Run tests using jest-puppeteer (with headless Chrome).
```

- Development Doc - see [docs/development.md](docs/development.md)

### 📖 Documentation

- [Change Log](/CHANGELOG.md)
- [Todo / Roadmap](/TODO.md)

### 🙌 Thanks

All contributions are welcome!

- Main library [olifolkerd/tabulator](https://github.com/olifolkerd/tabulator) (Thanks olifolkerd for this great library!)

While you're here, also check out
- [Node-rem](https://github.com/ngduc/node-rem) - Node REM - NodeJS Rest Express MongoDB and more: typescript, passport, JWT, socket.io, HTTPS, HTTP2, async/await, nodemailer, templates, pagination, docker, etc.
- [VSCode - TODO.md Kanban Board](https://marketplace.visualstudio.com/items?itemName=coddx.coddx-alpha) or [TODO.md spec](https://github.com/todomd/todo.md)