open-index/open-npm huggingface dataset:
npm package: @szhou/eslint-config
Description: eslint config for typescript&react
Latest version: 2.2.0

# @szhou/eslint-config
## 介绍

无依赖第三方规则包，启用的所有规则都可以在.eslintrc.js 或 rules 文件夹下找到  
启用的所有规则都有注释，所有规则的详细说明都在 docs 文件夹下，可通过规则名搜到对应规则的文件名

## 安装

```shell
pnpm i @szhou/eslint-config --save-dev
```

## 注意

不要在项目里手动指定 `eslint` 版本，正确的做法是使用 `@szhou/eslint-config` 里的 `eslint` 版本。  
如果 `eslint` 版本不一致，那么 `@szhou/eslint-config` 有可能不会正常工作。

## 使用

将下面的代码保存至项目根目录，文件名为.eslintrc.js
`默认用法`

```js
module.exports = {
  extends: ['@szhou/eslint-config'],
  rules: {},
};
```

`仅使用javascript规则的用法`

```js
module.exports = {
  extends: ['@szhou/eslint-config/base'],
  rules: {},
};
```

`仅使用react规则的用法`

```js
module.exports = {
  extends: ['@szhou/eslint-config/react'],
  rules: {},
};
```

`仅使用prettier规则的用法`

```js
module.exports = {
  extends: ['@szhou/eslint-config/prettier'],
  rules: {},
};
```

`仅使用vue规则的用法`

```js
module.exports = {
  extends: ['@szhou/eslint-config/vue'],
  rules: {},
};
```

### 使用 Prettier

`eslint有可能会与prettier冲突，请参考此文档排查规则：https://github.com/prettier/eslint-config-prettier#curly`

- vscode 下安装插件,

- [WebStorm 的安装配置点这里](https://prettier.io/docs/en/webstorm.html)

- 忽略 Prettier 规则，[参考这里](https://prettier.io/docs/en/ignore.html)

- 安装 Prettier

```bash
npm i prettier -D
```

- 使用

```javascript

// 在package.json 设置如下
{
  "prettier": "@szhou/eslint-configg/.prettierrc"
}

// 或者 在 .prettierrc.js，如
module.exports = {
  ...require("@szhou/eslint-config/.prettierrc"),
  semi: false,
};

```

- [配置项文档](https://prettier.io/docs/en/options.html)

## 非 typescript 非 React 项目的配置参考

```js
module.exports = {
  extends: ['@szhou/eslint-config/base', '@szhou/eslint-config/prettier'],
};
```

## 规则说明

"0"表示忽略问题，等同于"off";
"1"表示给出警告，等同于"warn";
"2"表示直接报错，等同于"error"。

`若不适用 React 请使用 base.js`

## 官方地址

`eslint官方地址`：<https://eslint.cn/docs/rules/>
`eslint-plugin-react官方地址`：<https://github.com/yannickcr/eslint-plugin-react>
`eslint-plugin-jsx-a11y官方地址`：<https://github.com/jsx-eslint/eslint-plugin-jsx-a11y>
`eslint-plugin-react-hooks官方地址`：<https://github.com/facebook/react/tree/c11015ff4f610ac2924d1fc6d569a17657a404fd/packages/eslint-plugin-react-hooks>
`eslint-plugin-import官方地址`：<https://github.com/benmosher/eslint-plugin-import>

### 代码提交类型说明

`type` :(required)代表提交类型；如修改一个 bug 或者是添加一个新的 feature。类型有以下几种：

- feat :新功能（feature）
- fix :修复 bug
- docs :仅修改了文档，如 README、CHANGLOG 等
- style :仅修改了空格、缩进、逗号、单双引号等，不修改代码逻辑
- refactor :代码重构，没有新增功能或者修改 bug
- perf :优化相关，比如提升性能、体验
- test :测试用例，单元测试、集成测试
- chore :改进构建流程或添加新依赖、工具等
- revert :回滚代码到上一次提交
npm package: @szhou/eslint-config-ts-base
Description: eslint config for typescript&react
Latest version: 1.1.2

# eslint-config-ts-base
## 介绍

无依赖第三方规则包，启用的所有规则都可以在.eslintrc.js 或 rules 文件夹下找到  
启用的所有规则都有注释，所有规则的详细说明都在 docs 文件夹下，可通过规则名搜到对应规则的文件名

## 安装

```shell
npm i eslint-config-ts-base --save-dev
```

## 注意

不要在项目里手动指定 `eslint` 版本，正确的做法是使用 `eslint-config-ts-base` 里的 `eslint` 版本。  
如果 `eslint` 版本不一致，那么 `eslint-config-ts-base` 有可能不会正常工作。

## 使用

将下面的代码保存至项目根目录，文件名为.eslintrc.js
`默认用法`

```js
module.exports = {
  extends: ['eslint-config-ts-base'],
  rules: {},
};
```

`仅使用javascript规则的用法`

```js
module.exports = {
  extends: ['eslint-config-ts-base/base'],
  rules: {},
};
```

`仅使用react规则的用法`

```js
module.exports = {
  extends: ['eslint-config-ts-base/react'],
  rules: {},
};
```

`仅使用prettier规则的用法`

```js
module.exports = {
  extends: ['eslint-config-ts-base/prettier'],
  rules: {},
};
```

`仅使用vue规则的用法`

```js
module.exports = {
  extends: ['eslint-config-ts-base/vue'],
  rules: {},
};
```

`仅使用typescript规则的用法`

```js
module.exports = {
  extends: ['eslint-config-ts-base/typescript'],
  rules: {},
};
```

`仅使用comment规则的用法`

```js
module.exports = {
  extends: ['eslint-config-ts-base/comment'],
  rules: {},
};
```

建议直接使用`"extends": ["eslint-config-ts-base"]`,不要使用`"extends": ["eslint-config-ts-base/base", "eslint-config-ts-base/react", "eslint-config-ts-base/typescript"]`,因为eslint-config-ts-base 还包含了 prettier 相关的规则

### 使用 Prettier

`eslint有可能会与prettier冲突，请参考此文档排查规则：https://github.com/prettier/eslint-config-prettier#curly`

- vscode 下安装插件,

- [WebStorm 的安装配置点这里](https://prettier.io/docs/en/webstorm.html)

- 忽略 Prettier 规则，[参考这里](https://prettier.io/docs/en/ignore.html)

- 安装 Prettier

```bash
npm i prettier -D
```

- 使用

```javascript

// 在package.json 设置如下
{
  "prettier": "eslint-config-ts-baseg/.prettierrc"
}

// 或者 在 .prettierrc.js，如
module.exports = {
  ...require("eslint-config-ts-base/.prettierrc"),
  semi: false,
};

```

- [配置项文档](https://prettier.io/docs/en/options.html)

## 非 typescript 非 React 项目的配置参考

```js
module.exports = {
  extends: ['eslint-config-ts-base/base', 'eslint-config-ts-base/prettier'],
};
```

## 规则说明

"0"表示忽略问题，等同于"off";
"1"表示给出警告，等同于"warn";
"2"表示直接报错，等同于"error"。

`若不适用 React 请使用 base.js`

## 官方地址

`eslint官方地址`：<https://eslint.cn/docs/rules/>
`eslint-plugin-react官方地址`：<https://github.com/yannickcr/eslint-plugin-react>
`eslint-plugin-jsx-a11y官方地址`：<https://github.com/jsx-eslint/eslint-plugin-jsx-a11y>
`eslint-plugin-react-hooks官方地址`：<https://github.com/facebook/react/tree/c11015ff4f610ac2924d1fc6d569a17657a404fd/packages/eslint-plugin-react-hooks>
`eslint-plugin-import官方地址`：<https://github.com/benmosher/eslint-plugin-import>

### 代码提交类型说明

`type` :(required)代表提交类型；如修改一个 bug 或者是添加一个新的 feature。类型有以下几种：

- feat :新功能（feature）
- fix :修复 bug
- docs :仅修改了文档，如 README、CHANGLOG 等
- style :仅修改了空格、缩进、逗号、单双引号等，不修改代码逻辑
- refactor :代码重构，没有新增功能或者修改 bug
- perf :优化相关，比如提升性能、体验
- test :测试用例，单元测试、集成测试
- chore :改进构建流程或添加新依赖、工具等
- revert :回滚代码到上一次提交
npm package: @szhou/scaffold-cli
Description: 聚均前端项目脚手架
Latest version: 1.5.0

# @szhou/scaffold-cli

## 安装

```shell
npm i @szhou/scaffold-cli@latest -g
```

## 使用

`创建vue3项目`

```shell
szhou-scaffold-cli create vue3
```

`创建vue2项目`

```shell
szhou-scaffold-cli create vue2
```

`检查版本`

```shell
szhou-scaffold-cli -V
# 或
szhou-scaffold-cli --version
```

`显示帮助`

```shell
szhou-scaffold-cli -h
# 或
szhou-scaffold-cli --help
```

## 调试

```shell
npm run debug
```
npm package: @szhou/script-tools
Description: charm script-tools
Latest version: 1.7.0

# @szhou/script-tools

## CLI 介绍

1. `npx script-tools manifest`: 一般放置在 postbuild 命令里，用于生成该分支的最后一次提交信息

## 工具函数介绍

见`lib/index.ts`，每个文件每个方法的上面都有其介绍。

## 工具函数的使用

```js
import { deepClone } from '@szhou/script-tools';

const valueCopy = deepClone(value);
```
npm package: @szhsin/react-accordion
Description: The complete accordion solution for React.
Author: Zheng Song
Latest version: 1.4.1

# React-Accordion

> An unstyled, accessible accordion library for React apps and design systems.

**[Examples and Docs](https://szhsin.github.io/react-accordion/)**

[![NPM](https://img.shields.io/npm/v/@szhsin/react-accordion.svg)](https://www.npmjs.com/package/@szhsin/react-accordion)
[![bundlephobia](https://img.shields.io/bundlephobia/minzip/@szhsin/react-accordion)](https://bundlephobia.com/package/@szhsin/react-accordion)
[![bundlejs](https://deno.bundlejs.com/?q=%40szhsin%2Freact-accordion&treeshake=%5B*%5D&config=%7B%22esbuild%22%3A%7B%22external%22%3A%5B%22react%22%2C%22react-dom%22%5D%7D%7D&badge=simple)](https://bundlejs.com/?q=%40szhsin%2Freact-accordion&treeshake=%5B*%5D&config=%7B%22esbuild%22%3A%7B%22external%22%3A%5B%22react%22%2C%22react-dom%22%5D%7D%7D&bundle)

## Features

- Unstyled React accordion components
- Headless usage via React hooks
- [WAI-ARIA compliant](https://www.w3.org/WAI/ARIA/apg/patterns/accordion/)
- Fully keyboard accessible
- Supports animations
- Works in controlled and uncontrolled modes
- Control to expand/collapse individual or all items
- Compatible with React 18+ concurrent rendering
- Supports server-side rendering (SSR)
- Lightweight and tree-shakable [(~3kB)](https://bundlephobia.com/package/@szhsin/react-accordion)
- Fully typed API with TypeScript

![react accordion](https://user-images.githubusercontent.com/41896553/236674264-2412dd3b-48b1-4df1-ab31-40d191e188de.gif)

## Install

with npm

```bash
npm install @szhsin/react-accordion
```

or with Yarn

```bash
yarn add @szhsin/react-accordion
```

## Usage

```jsx
import { Accordion, AccordionItem } from '@szhsin/react-accordion';

export default function Example() {
  return (
    <Accordion>
      <AccordionItem header="What is Lorem Ipsum?">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
        do eiusmod tempor incididunt ut labore et dolore magna aliqua.
      </AccordionItem>

      <AccordionItem header="Where does it come from?">
        Quisque eget luctus mi, vehicula mollis lorem. Proin fringilla
        vel erat quis sodales. Nam ex enim, eleifend venenatis lectus
        vitae, accumsan auctor mi.
      </AccordionItem>

      <AccordionItem header="Why do we use it?">
        Suspendisse massa risus, pretium id interdum in, dictum sit
        amet ante. Fusce vulputate purus sed tempus feugiat.
      </AccordionItem>
    </Accordion>
  );
}
```

**[Edit on CodeSandbox](https://codesandbox.io/s/react-accordion-css-module-eqvnzg)**<br>  
**[Visit more examples and docs](https://szhsin.github.io/react-accordion/)**<br><br>

## License

[MIT](https://github.com/szhsin/react-accordion/blob/master/LICENSE) Licensed.
npm package: @szhsin/react-menu
Description: React component for building accessible menu, dropdown, submenu, context menu, and more
Author: Zheng Song
Latest version: 4.5.1

# React-Menu

> An accessible, keyboard-friendly React menu library

**[Live examples and docs](https://szhsin.github.io/react-menu/)**

[![NPM](https://img.shields.io/npm/v/@szhsin/react-menu.svg)](https://www.npmjs.com/package/@szhsin/react-menu)
[![NPM](https://img.shields.io/npm/dm/@szhsin/react-menu)](https://www.npmjs.com/package/@szhsin/react-menu)
[![bundlephobia](https://img.shields.io/bundlephobia/minzip/@szhsin/react-menu)](https://bundlephobia.com/package/@szhsin/react-menu)
[![Known Vulnerabilities](https://snyk.io/test/github/szhsin/react-menu/badge.svg)](https://snyk.io/test/github/szhsin/react-menu)

## Features

- [Lightweight](https://bundlephobia.com/package/@szhsin/react-menu), unstyled React menu components
- Unlimited submenu nesting
- Supports dropdown, hover, and context menus
- Radio and checkbox menu items
- Flexible positioning options
- Full keyboard interaction support
- Compatible with React 18+ concurrent rendering
- Supports server-side rendering
- Implements [WAI-ARIA menu](https://www.w3.org/WAI/ARIA/apg/patterns/menu/) pattern

## Install

with npm

```bash
npm install @szhsin/react-menu
```

or with Yarn

```bash
yarn add @szhsin/react-menu
```

## Usage

```jsx
import { Menu, MenuItem, MenuButton, SubMenu } from '@szhsin/react-menu';

export default function App() {
  return (
    <Menu menuButton={<MenuButton>Open menu</MenuButton>}>
      <MenuItem>New File</MenuItem>
      <MenuItem>Save</MenuItem>
      <SubMenu label="Edit">
        <MenuItem>Cut</MenuItem>
        <MenuItem>Copy</MenuItem>
        <MenuItem>Paste</MenuItem>
      </SubMenu>
      <MenuItem>Print...</MenuItem>
    </Menu>
  );
}
```

**[Edit on CodeSandbox](https://codesandbox.io/s/react-menu-starter-3ez3c)**<br><br>
**[Visit more examples and docs](https://szhsin.github.io/react-menu/)**<br><br>
**[FAQs](docs/FAQs.md)**<br><br>
Still on an old version? Please checkout our [migration guides](docs/migration/index.md).

## License

[MIT](https://github.com/szhsin/react-menu/blob/master/LICENSE) Licensed.
npm package: @szhxa/create-front-apps
Description: 1. 在开发、学习 `vue3` 项目过程中，搭建了多个 `vue3` 的项目开发模版
Author: shizhihuaxu
Latest version: 1.0.1

# create-front-apps		

1. 在开发、学习 `vue3` 项目过程中，搭建了多个 `vue3` 的项目开发模版

​		 [vue3-template](https://github.com/shizhihuaxu/vue3-template) 

​		 [vue3-admin](https://github.com/shizhihuaxu/vue3-admin)

便于在后续项目中复用，为了基于此模版快速创建项目，于是参照 [create-vite](https://github.com/vitejs/vite/tree/main/packages/create-vite) 项目，搭建了一个创建项目的脚手架工具。

使用 npm:

```bash
# npm 6.x
npm create @szhxa/front-apps@latest app-name --template [vue3-ts][vue3-admin]

# npm 7+
npm create @szhxa/front-apps@latest app-name -- --template [vue3-ts][vue3-admin]
```

使用 yarn：

```bash
$ yarn create @szhxa/front-apps app-name --template [vue3-ts][vue3-admin]
```



`vue3-ts` 模版：

- 单元测试、mock 数据、国际化及其他vue3项目基础依赖的使用方法示例，不包含任何页面示例及功能逻辑处理示例；
  - node 版本管理：nvm 0.39.1
  - node版本：node 16.16.0
  - 包管理：yarn 1.22.19
  - 构建工具：vite 3.0.0
  - 框架：vue 3.2.37
  - 路由：Vue Router 4.1.3
  - 状态管理：Pinia 2.0.17
  - 请求库：axios 0.27.2
  - 类型检查：Typescript 4.6.4 
  - 代码风格：Eslint 8.20.0
  - 预处理器：SCSS（用于书写样式） + Less（用于配置主题） + StyleLint 14.9.1
  - 组件库：Element Plus 2.2.26
  - 图表：Echarts 5.3.3
  - 国际化：vue i18n 9.2.0
  - Mock数据 Mock.js 1.1.0 + vite-plugin-mock(mock 接口)
  - 单元测试：Jest 
  - E2E 测试：Cypress（TODO） 
  - commit：commitizen+Husky + Lint Staged + Commitlint

`vue3-admin` 模版：

- 无单元测试、mock 数据，封装了部分后台管理系统常用组件、hooks及其他常用工具功能处理示例；
  - node 版本管理：nvm 0.39.1
  - node版本：node 16.16.0
  - 包管理：yarn 1.22.19
  - 构建工具：vite 4.0.0
  - 框架：vue 3.2.45
  - 路由：Vue Router 4.1.3
  - 状态管理：Pinia 2.0.17 + pinia-plugin-persistedstate 持久化
  - 请求库：axios 0.27.2
  - 类型检查：Typescript 4.6.4 
  - 代码风格：Eslint 8.30.0
  - 预处理器：SCSS + StyleLint 14.9.1
  - 组件库：Element-Plus
  - commit：commitizen+Husky + Lint Staged + Commitlint
npm package: @szhxa/eslint-config
Description: szhx's ESLint config
Author: shizhihuaxu
Latest version: 0.3.0

eslint 默认配置，使用方法：

1. 在项目中安装此依赖

   ```
   yarn add -D eslint @szhxa/eslint-config
   ```

   

2. 项目中 eslint 配置文件中增加以下配置

   ```
   {
     extends: [
       "@szhxa/eslint-config"
     ]
   }
   ```
npm package: @szivgy/ng-gantt-extended
Description: [![Build Status](https://travis-ci.com/jsGanttImproved/ng-gantt.svg?branch=master)](https://travis-ci.com/jsGanttImproved/ng-gantt)
Latest version: 0.0.1

# Angular Gantt Editor

[![Build Status](https://travis-ci.com/jsGanttImproved/ng-gantt.svg?branch=master)](https://travis-ci.com/jsGanttImproved/ng-gantt)

Angular Gantt Editor (wrapper for [jsgantt-improved](https://github.com/jsGanttImproved/jsgantt-improved)). View/Edit Gantt file with formatting.

[StackBlitz template](https://stackblitz.com/edit/angular-ng-gantt)

Working with latest Angular 10. 

![Demo Image](/src/demo.gif)

## Installation

To install this library with npm, run below command:

$ npm install --save jsgantt-improved ng-gantt

## Usage

### Configuration

First, Import Angular  GanttEditor module in root

```ts
import { NgGanttEditorModule } from 'ng-gantt' 

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    ....,
    NgGanttEditorModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
```
Then setup your component models as below :

```ts
import { Component, ViewChild } from '@angular/core';
import { GanttEditorComponent, GanttEditorOptions } from 'ng-gantt';

@Component({
  selector: 'app-root',
  template: '<ng-gantt [options]="editorOptions" [data]="data"></ng-gantt>',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  public editorOptions: GanttEditorOptions;
  public data: any;
  @ViewChild(GanttEditorComponent, { static: true }) editor: GanttEditorComponent;

  constructor() { 
    this.editorOptions = new GanttEditorOptions()
     this.data = [{
      'pID': 1,
      'pName': 'Define Chart API',
      'pStart': '',
      'pEnd': '',
      'pClass': 'ggroupblack',
      'pLink': '',
      'pMile': 0,
      'pRes': 'Brian',
      'pComp': 0,
      'pGroup': 1,
      'pParent': 0,
      'pOpen': 1,
      'pDepend': '',
      'pCaption': '',
      'pNotes': 'Some Notes text'
    }]; 
  }
}
```
Note : For better styling, add below line to your main style.css file

```ts
@import "~jsgantt-improved/dist/jsgantt.css";
```

# Demo

Demo component files are included in Git Project.

When publishing it to npm, look over this docs: https://docs.npmjs.com/misc/developers

# License
MIT(./LICENSE)