open-index/open-npm huggingface dataset:
npm package: @qiniu/browserslist-config
Description: browserslist config for Qiniu projects.
Author: nighca@live.cn
Latest version: 0.0.2

# @qiniu/browserslist-config

[browserslist](https://github.com/browserslist/browserslist) config for Qiniu projects.

### `@qiniu/browserslist-config/portal`

browserslist config for [Qiniu Portal](https://portal.qiniu.com).

### Maintenance

* browserslist stats data 来自隔壁 `generator/` 目录
npm package: @qiniu/build-config
Description: build-config for Qiniu projects.
Author: nighca@live.cn
Latest version: 0.0.2

# @qiniu/build-config

[fec-builder](https://github.com/Front-End-Engineering-Cloud/builder) config for Qiniu projects.

### `@qiniu/build-config/portal`

build config for [Qiniu Portal](https://portal.qiniu.com).
npm package: @qiniu/eslint-config
Description: ESLint config for Qiniu
Author: nighca@live.cn
Latest version: 0.0.6

# @qiniu/eslint-config

ESLint config for Qiniu.

### Install

```shell
npx install-peerdeps --dev @qiniu/eslint-config
```

### Usage

Add

```json
{
  "extends": ["@qiniu"]
}
```

to your `.eslintrc` file.
npm package: @qinjiajia/hb-components-react
Description: 恒宝react组件库
Latest version: 0.0.4

# hb-components

[![NPM version](https://img.shields.io/npm/v/hb-components.svg?style=flat)](https://npmjs.org/package/hb-components)
[![NPM downloads](http://img.shields.io/npm/dm/hb-components.svg?style=flat)](https://npmjs.org/package/hb-components)

恒宝react组件库

## Usage

TODO

## Options

TODO

## Development

```bash
# install dependencies
$ yarn install

# develop library by docs demo
$ yarn start

# build library source code
$ yarn run build

# build library source code in watch mode
$ yarn run build:watch

# build docs
$ yarn run docs:build

# Locally preview the production build.
$ yarn run docs:preview

# check your project for potential problems
$ yarn run doctor
```

## LICENSE

MIT
npm package: @qinliuliu/openinula-vtable
Description: The openinula version of VTable
Author: VisActor
Latest version: 1.22.3

<div align="center">
  <a href="" target="_blank">
    <img alt="VisActor Logo" width="200" src="https://github.com/VisActor/.github/blob/main/profile/500_200.svg"/>
  </a>
</div>

<div align="center">
  <h1>Openinula-VTable</h1>
</div>

<div align="center">

VTable is not just a high-performance multidimensional data analysis table, but also a grid artist that creates art between rows and columns.Openinula-VTable is a openinula wrapper of VTable.

[![npm Version](https://img.shields.io/npm/v/@visactor/vtable.svg)](https://www.npmjs.com/package/@visactor/openinula-vtable)
[![npm Download](https://img.shields.io/npm/dm/@visactor/vtable.svg)](https://www.npmjs.com/package/@visactor/openinula-vtable)
[![license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/visactor/vtable/blob/main/LICENSE)

</div>

# Usage

## Installation

[npm package](https://www.npmjs.com/package/@visactor/openinula-vtable)

```bash
// npm
npm install @visactor/openinula-vtable

// yarn
yarn add @visactor/openinula-vtable
```

## Quick Start

```jsx
import Inula from 'openinula';

const option = {
  header: [
    {
      field: "0",
      caption: "name",
    },
    {
      field: "1",
      caption: "age",
    },
    {
      field: "2",
      caption: "gender",
    },
    {
      field: "3",
      caption: "hobby",
    },
  ],
  records: new Array(1000).fill(["John", 18, "male", "🏀"]),
};

Inula.render(
  <ListTable option={option} height={'500px'}/>,
  (document.getElementById('root') as HTMLElement)
);
```

##

[More demos and detailed tutorials](https://visactor.io/vtable)

# Related Links

- [Official website](https://visactor.io/vtable)

# Ecosystem

| Project                                                     | Description                                                                            |
| ----------------------------------------------------------- | -------------------------------------------------------------------------------------- |
| [AI-generated Components](https://visactor.io/ai-vtable)    | AI-generated table component.                                                          |

# Contribution

If you would like to contribute, please read the [Code of Conduct ](./CODE_OF_CONDUCT.md) 和 [ Guide](./CONTRIBUTING.zh-CN.md) first。

Small streams converge to make great rivers and seas!

<a href="https://github.com/visactor/vtable/graphs/contributors"><img src="https://contrib.rocks/image?repo=visactor/vtable" /></a>

# License

[MIT License](./LICENSE)
npm package: @qinliuliu/vtable-calendar
Description: The calendar component of VTable
Author: VisActor
Latest version: 1.22.3

<div align="center">
  <a href="" target="_blank">
    <img alt="VisActor Logo" width="200" src="https://github.com/VisActor/.github/blob/main/profile/500_200.svg"/>
  </a>
</div>

<div align="center">
  <h1>VTable-Calendar</h1>
</div>

<div align="center">

vtable-calendar is a calendar component built on VTable. It provides a calendar component that can be used to display and custom with calendar data.

[![npm Version](https://img.shields.io/npm/v/@visactor/vtable.svg)](https://www.npmjs.com/package/@visactor/react-vtable)
[![npm Download](https://img.shields.io/npm/dm/@visactor/vtable.svg)](https://www.npmjs.com/package/@visactor/react-vvtable)
[![license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/visactor/vtable/blob/main/LICENSE)

</div>

# Usage

## Installation

[npm package](https://www.npmjs.com/package/@visactor/vtable-calendar)

```bash
// npm
npm install @visactor/vtable-calendar

// yarn
yarn add @visactor/vtable-calendar
```

## Quick Start

```jsx
import { Calendar } from '@visactor/vtable-calendar';

const calendar = new Calendar(document.getElementById(CONTAINER_ID));
```

##

[More demos and detailed tutorials](https://visactor.io/vtable)

# Related Links

- [Official website](https://visactor.io/vtable)

# Ecosystem

| Project                                                     | Description                                                                            |
| ----------------------------------------------------------- | -------------------------------------------------------------------------------------- |
| [AI-generated Components](https://visactor.io/ai-vtable)    | AI-generated table component.                                                          |

# Contribution

If you would like to contribute, please read the [Code of Conduct ](./CODE_OF_CONDUCT.md) 和 [ Guide](./CONTRIBUTING.zh-CN.md) first。

Small streams converge to make great rivers and seas!

<a href="https://github.com/visactor/vtable/graphs/contributors"><img src="https://contrib.rocks/image?repo=visactor/vtable" /></a>

# License

[MIT License](./LICENSE)
npm package: @qinliuliu/vtable-export
Description: The export util of VTable
Author: VisActor
Latest version: 1.22.3

<div align="center">
  <a href="" target="_blank">
    <img alt="VisActor Logo" width="200" src="https://github.com/VisActor/.github/blob/main/profile/500_200.svg"/>
  </a>
</div>

<div align="center">
  <h1>VTable-Export</h1>
</div>

<div align="center">

This package is no longer maintained, please use the `TableExportPlugin` plugin in `@visactor/vtable-plugins`

[![npm Version](https://img.shields.io/npm/v/@visactor/vtable.svg)](https://www.npmjs.com/package/@visactor/react-vtable)
[![npm Download](https://img.shields.io/npm/dm/@visactor/vtable.svg)](https://www.npmjs.com/package/@visactor/react-vvtable)
[![license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/visactor/vtable/blob/main/LICENSE)

</div>

# Usage

## Installation

[npm package](https://www.npmjs.com/package/@visactor/vtable-export)

```bash
// npm
npm install @visactor/vtable-export

// yarn
yarn add @visactor/vtable-export
```

## Quick Start

```jsx
import * as VTable from '@visactor/vtable';
import { downloadCsv, exportVTableToCsv, downloadExcel, exportVTableToExcel } from '@visactor/vtable-export';

const option = {
  header: [
    {
      field: '0',
      caption: 'name'
    },
    {
      field: '1',
      caption: 'age'
    },
    {
      field: '2',
      caption: 'gender'
    },
    {
      field: '3',
      caption: 'hobby'
    }
  ],
  records: new Array(1000).fill(['John', 18, 'male', '🏀'])
};

const tableInstance = new VTable.ListTable(option);

// download csv file
await downloadCsv(exportVTableToCsv(tableInstance), 'export-csv');

// download excel file
await downloadExcel(await exportVTableToExcel(tableInstance), 'export-excel');
```

##

[More demos and detailed tutorials](https://visactor.io/vtable)

# Related Links

- [Official website](https://visactor.io/vtable)

# Ecosystem

| Project                                                  | Description                   |
| -------------------------------------------------------- | ----------------------------- |
| [AI-generated Components](https://visactor.io/ai-vtable) | AI-generated table component. |

# Contribution

If you would like to contribute, please read the [Code of Conduct ](./CODE_OF_CONDUCT.md) 和 [ Guide](./CONTRIBUTING.zh-CN.md) first。

Small streams converge to make great rivers and seas!

<a href="https://github.com/visactor/vtable/graphs/contributors"><img src="https://contrib.rocks/image?repo=visactor/vtable" /></a>

# License

[MIT License](./LICENSE)
npm package: @qinliuliu/vtable-plugins
Description: The search util of VTable
Author: VisActor
Latest version: 1.22.3

<div align="center">
  <a href="" target="_blank">
    <img alt="VisActor Logo" width="200" src="https://github.com/VisActor/.github/blob/main/profile/500_200.svg"/>
  </a>
</div>

<div align="center">
  <h1>VTable-Plugins</h1>
</div>

<div align="center">

VTable is not just a high-performance multidimensional data analysis table, but also a grid artist that creates art between rows and columns.React-VTable is a React wrapper of VTable.

[![npm Version](https://img.shields.io/npm/v/@visactor/vtable.svg)](https://www.npmjs.com/package/@visactor/react-vtable)
[![npm Download](https://img.shields.io/npm/dm/@visactor/vtable.svg)](https://www.npmjs.com/package/@visactor/react-vvtable)
[![license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/visactor/vtable/blob/main/LICENSE)

</div>

# Usage

## 可选依赖

部分高级功能需要额外的依赖：

- **甘特图导出功能**：需要安装 `@visactor/vtable-gantt`

  ```bash
  npm install @visactor/vtable-gantt
  ```
  
  可以通过两种方式使用：
  
  1. 直接从主包导入（推荐，自动处理依赖缺失情况）：
  ```js
  import { ExportGanttPlugin } from '@visactor/vtable-plugins';
  
  const exportPlugin = new ExportGanttPlugin();
  // 如果未安装甘特图依赖，会收到友好的警告信息
  ```
  
  2. 从专用入口导入（明确表示需要额外依赖）：
  ```js
  import { ExportGanttPlugin } from '@visactor/vtable-plugins/gantt-extensions';
  ```

## Installation

[npm package](https://www.npmjs.com/package/@visactor/vtable-search)

```bash
// npm
npm install @visactor/vtable-plugins

// yarn
yarn add @visactor/vtable-plugins
```

##

[More demos and detailed tutorials](https://visactor.io/vtable)

# Related Links

- [Official website](https://visactor.io/vtable)

# Ecosystem

| Project                                                  | Description                   |
| -------------------------------------------------------- | ----------------------------- |
| [AI-generated Components](https://visactor.io/ai-vtable) | AI-generated table component. |

# Contribution

If you would like to contribute, please read the [Code of Conduct ](./CODE_OF_CONDUCT.md) 和 [ Guide](./CONTRIBUTING.zh-CN.md) first。

Small streams converge to make great rivers and seas!

<a href="https://github.com/visactor/vtable/graphs/contributors"><img src="https://contrib.rocks/image?repo=visactor/vtable" /></a>

# License

- **MIT License** - [LICENSE](../../LICENSE)
- **Apache 2.0 License** - [LICENSE-APACHE](./LICENSE-APACHE)

> **Note**: The auto-fill functionality references [Univer](https://github.com/dream-num/univer)'s implementation and is subject to Apache 2.0 license terms.
npm package: @qinliuliu/vtable-search
Description: The search util of VTable
Author: VisActor
Latest version: 1.22.3

<div align="center">
  <a href="" target="_blank">
    <img alt="VisActor Logo" width="200" src="https://github.com/VisActor/.github/blob/main/profile/500_200.svg"/>
  </a>
</div>

<div align="center">
  <h1>VTable-Search</h1>
</div>

<div align="center">

VTable is not just a high-performance multidimensional data analysis table, but also a grid artist that creates art between rows and columns.React-VTable is a React wrapper of VTable.

[![npm Version](https://img.shields.io/npm/v/@visactor/vtable.svg)](https://www.npmjs.com/package/@visactor/react-vtable)
[![npm Download](https://img.shields.io/npm/dm/@visactor/vtable.svg)](https://www.npmjs.com/package/@visactor/react-vvtable)
[![license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/visactor/vtable/blob/main/LICENSE)

</div>

# Usage

## Installation

[npm package](https://www.npmjs.com/package/@visactor/vtable-search)

```bash
// npm
npm install @visactor/vtable-search

// yarn
yarn add @visactor/vtable-search
```

## Quick Start

```jsx
const option = {
  container: document.getElementById(CONTAINER_ID),
  records,
  columns,
};
const tableInstance = new VTable.ListTable(option);
window.tableInstance = tableInstance;

const search = new SearchComponent({
  table: tableInstance,
  autoJump: true
});
window.search = search;

```

##

[More demos and detailed tutorials](https://visactor.io/vtable)

# Related Links

- [Official website](https://visactor.io/vtable)

# Ecosystem

| Project                                                     | Description                                                                            |
| ----------------------------------------------------------- | -------------------------------------------------------------------------------------- |
| [AI-generated Components](https://visactor.io/ai-vtable)    | AI-generated table component.                                                          |

# Contribution

If you would like to contribute, please read the [Code of Conduct ](./CODE_OF_CONDUCT.md) 和 [ Guide](./CONTRIBUTING.zh-CN.md) first。

Small streams converge to make great rivers and seas!

<a href="https://github.com/visactor/vtable/graphs/contributors"><img src="https://contrib.rocks/image?repo=visactor/vtable" /></a>

# License

[MIT License](./LICENSE)
npm package: @qinloong/snow-sky
Description: This template should help get you started developing with Vue 3 in Vite.
Author: qinloong
Latest version: 1.0.0

# snow-sky

This template should help get you started developing with Vue 3 in Vite.

## Recommended IDE Setup

[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).

## Type Support for `.vue` Imports in TS

TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.

## Customize configuration

See [Vite Configuration Reference](https://vitejs.dev/config/).

## Project Setup

```sh
npm install
```

### Compile and Hot-Reload for Development

```sh
npm run dev
```

### Type-Check, Compile and Minify for Production

```sh
npm run build
```

### Lint with [ESLint](https://eslint.org/)

```sh
npm run lint
```