open-index/open-npm huggingface dataset:
npm package: @fe-chef/component
Description: create components skeleton
Author: Venkat.R
Latest version: 0.2.2

# @fe-chef/component
Create Component Skeleton in Lightning speed.

### Below are useful commands.

Refer sample definition file - 	[definitions.txt](https://raw.githubusercontent.com/web-slate/chef-component/main/definitions.txt)

#### Create component from definition file.
```
npx @fe-chef/component -f definitions.txt
npx @fe-chef/component --definitionFile=definitions.txt
```

#### Create component in TypeScript format
```
npx @fe-chef/component -f definitions.txt -e tsx
npx @fe-chef/component --definitionFile=definitions.txt --extension=tsx
```

#### Create component in JSX format
```
npx @fe-chef/component -f definitions.txt -e jsx
npx @fe-chef/component --definitionFile=definitions.txt --extension=jsx
```

#### Create component from existing location.
```
npx @fe-chef/component -f definitions.txt -l someDir/subDir1/subDir2
npx @fe-chef/component --definitionFile=definitions.txt --location=someDir/subDir1/subDir2
```

#### Create component in same path
```
npx @fe-chef/component -f definitions.txt -l .
npx @fe-chef/component --definitionFile=definitions.txt --location=.
```

#### Create component in with CSS file
```
npx @fe-chef/component -f definitions.txt -s css
npx @fe-chef/component --definitionFile=definitions.txt --style=css
```

#### Create component in with SASS file
```
npx @fe-chef/component -f definitions.txt -s sass
npx @fe-chef/component --definitionFile=definitions.txt --style=scss
```

#### Create component in with Styled file
```
npx @fe-chef/component -f definitions.txt -s styled
npx @fe-chef/component --definitionFile=definitions.txt --style=styled
```
npm package: @fe-components/cpv-number
Description: [![Build Status](https://travis-ci.org/FEComponents/cpv-number.svg?branch=main)](https://travis-ci.com/fe-components/cpv-number) [![NPM Download](https://badgen.net/npm/dm/@fe-components/cpv-number)](https://www.npmjs.com/package/@fe-components/cpv-number
Author: https://github.com/fe-components
Latest version: 1.0.5

# cpv-number

[![Build Status](https://travis-ci.org/FEComponents/cpv-number.svg?branch=main)](https://travis-ci.com/fe-components/cpv-number)
[![NPM Download](https://badgen.net/npm/dm/@fe-components/cpv-number)](https://www.npmjs.com/package/@fe-components/cpv-number)
[![NPM Version](https://badge.fury.io/js/%40fe-components%2Fcpv-number.svg)](https://www.npmjs.com/package/@fe-components/cpv-number)
[![NPM License](https://badgen.net/github/license/FEComponents/cpv-number)](https://github.com/fe-components/cpv-number/blob/main/LICENSE)
[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/fe-components/cpv-number/pulls)
[![Automated Release Notes by gren](https://img.shields.io/badge/%F0%9F%A4%96-release%20notes-00B2EE.svg)](https://github-tools.github.io/github-release-notes/)

Auto requesting by iview👏

## Table of Contents

- [Introduction](#introduction)
- [Features](#features)
- [Install](#install)
- [Usage](#usage)
- [Links](#links)
- [Contributing](#contributing)
- [Contributors](#contributors)
- [License](#license)

## Introduction

数字格式输入框

[⬆ Back to Top](#table-of-contents)

## Features

[⬆ Back to Top](#table-of-contents)

## Install

[⬆ Back to Top](#table-of-contents)

## Usage

[⬆ Back to Top](#table-of-contents)

## Links

- [docs](https://yuwangi.github.io/cpv-number/)

[⬆ Back to Top](#table-of-contents)

## Contributing

For those who are interested in contributing to this project, such as:

- report a bug
- request new feature
- fix a bug
- implement a new feature

Please refer to our [contributing guide](https://github.com/FEMessage/.github/blob/master/CONTRIBUTING.md).

[⬆ Back to Top](#table-of-contents)

## Contributors

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):

<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
<!-- prettier-ignore -->
<!-- ALL-CONTRIBUTORS-LIST:END -->

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!

[⬆ Back to Top](#table-of-contents)

## License

[MIT](./LICENSE)

[⬆ Back to Top](#table-of-contents)
npm package: @fe-components/cpv-text
Description: [![Build Status](https://badgen.net/travis/fe-components/cpv-text/main)](https://travis-ci.com/fe-components/cpv-text) [![NPM Download](https://badgen.net/npm/dm/@fe-components/cpv-text)](https://www.npmjs.com/package/@fe-components/cpv-text) [![NPM Versi
Author: https://github.com/fe-components
Latest version: 1.0.0

# cpv-text

[![Build Status](https://badgen.net/travis/fe-components/cpv-text/main)](https://travis-ci.com/fe-components/cpv-text)
[![NPM Download](https://badgen.net/npm/dm/@fe-components/cpv-text)](https://www.npmjs.com/package/@fe-components/cpv-text)
[![NPM Version](https://badge.fury.io/js/%40fe-components%2Fcpv-text.svg)](https://www.npmjs.com/package/@fe-components/cpv-text)
[![NPM License](https://badgen.net/npm/license/@fe-components/cpv-text)](https://github.com/fe-components/cpv-text/blob/main/LICENSE)
[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/fe-components/cpv-text/pulls)
[![Automated Release Notes by gren](https://img.shields.io/badge/%F0%9F%A4%96-release%20notes-00B2EE.svg)](https://github-tools.github.io/github-release-notes/)

short description + sample image(png/gif/mp4)

## Table of Contents

- [Introduction](#introduction)
- [Features](#features)
- [Install](#install)
- [Usage](#usage)
- [Links](#links)
- [Contributing](#contributing)
- [Contributors](#contributors)
- [License](#license)

## Introduction

If there is no more words to write, this section can be deleted.

[⬆ Back to Top](#table-of-contents)

## Features

[⬆ Back to Top](#table-of-contents)

## Install

[⬆ Back to Top](#table-of-contents)

## Usage

[⬆ Back to Top](#table-of-contents)

## Links

- [docs](https://fe-components.github.io/cpv-text/)

[⬆ Back to Top](#table-of-contents)

## Contributing

For those who are interested in contributing to this project, such as:

- report a bug
- request new feature
- fix a bug
- implement a new feature

Please refer to our [contributing guide](https://github.com/FEMessage/.github/blob/main/CONTRIBUTING.md).

[⬆ Back to Top](#table-of-contents)

## Contributors

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):

<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
<!-- prettier-ignore -->
<!-- ALL-CONTRIBUTORS-LIST:END -->

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!

[⬆ Back to Top](#table-of-contents)

## License

[MIT](./LICENSE)

[⬆ Back to Top](#table-of-contents)
npm package: @fe-components/import-modal
Description: [![Build Status](https://badgen.net/travis/yuwangi/import-modal/master)](https://travis-ci.com/yuwangi/import-modal) [![NPM Download](https://badgen.net/npm/dm/@yuwangi/import-modal)](https://www.npmjs.com/package/@yuwangi/import-modal) [![NPM Version](ht
Author: https://github.com/yuwangi
Latest version: 0.0.2

# import-modal

[![Build Status](https://badgen.net/travis/yuwangi/import-modal/master)](https://travis-ci.com/yuwangi/import-modal)
[![NPM Download](https://badgen.net/npm/dm/@yuwangi/import-modal)](https://www.npmjs.com/package/@yuwangi/import-modal)
[![NPM Version](https://badge.fury.io/js/%40yuwangi%2Fimport-modal.svg)](https://www.npmjs.com/package/@yuwangi/import-modal)
[![NPM License](https://badgen.net/npm/license/@yuwangi/import-modal)](https://github.com/yuwangi/import-modal/blob/master/LICENSE)
[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/yuwangi/import-modal/pulls)
[![Automated Release Notes by gren](https://img.shields.io/badge/%F0%9F%A4%96-release%20notes-00B2EE.svg)](https://github-tools.github.io/github-release-notes/)

Auto requesting by iview👏

## Table of Contents

- [Introduction](#introduction)
- [Features](#features)
- [Install](#install)
- [Usage](#usage)
- [Links](#links)
- [Contributing](#contributing)
- [Contributors](#contributors)
- [License](#license)

## Introduction

通用上传文件模态框

[⬆ Back to Top](#table-of-contents)

## Features

[⬆ Back to Top](#table-of-contents)

## Install

[⬆ Back to Top](#table-of-contents)

## Usage

[⬆ Back to Top](#table-of-contents)

## Links

- [docs](https://yuwangi.github.io/import-modal/)

[⬆ Back to Top](#table-of-contents)

## Contributing

For those who are interested in contributing to this project, such as:

- report a bug
- request new feature
- fix a bug
- implement a new feature

Please refer to our [contributing guide](https://github.com/FEMessage/.github/blob/master/CONTRIBUTING.md).

[⬆ Back to Top](#table-of-contents)

## Contributors

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):

<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
<!-- prettier-ignore -->
<!-- ALL-CONTRIBUTORS-LIST:END -->

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!

[⬆ Back to Top](#table-of-contents)

## License

[MIT](./LICENSE)

[⬆ Back to Top](#table-of-contents)
npm package: @fe-cookie/client-request-crypto
Description: ## 客户端接口加密设计
Author: fortune_cookie
Latest version: 1.0.1

# client-request-check

## 客户端接口加密设计

### 加密规则

> 1. `全局拦截`API 请求的参数[GET/POST]，并转换为 JSON 格式。
> 2. 请求体中附加时间戳参数，参数字段为`_`,值为时间戳。
> 3. 对转换后的请求体 JSON 进行排序，
> 4. 对排序好的 JSON 进行字符串拼接，
> 5. 拼接好的字符串（通过`key=val&`）最后再附加上固定盐值得到最后需要加密的字符串（即`...&key=val&salt`）。
> 6. 使用`MD5`的方式加密最后拼接的字符串，得到加密密钥。

### 排序规则

> 1. 只对对象的 key 进行排序。
> 2. 进行深度遍历排序。
> 3. 当遇到数组时，检测数组的每项值，若为`对象(Object/Array)`则遍历对象进行递归排序，其他类型不做处理。

### 拼接规则

> 1. 遍历 JSON 对象(只遍历第一层)，通过`key=val&` 的方式进行拼接 （使用`&`符合进行字段间的拼接）。
> 2. 当某个 key 对应的值为`Object类型`时候（即：JSON/Array）时，通过`JSON.stringify` `转换为字符串`再进行拼接。

### Started

```javascript
import { clientCrypto } from '@fe-cookie/client-request-crypto'

// mock api params
// GET OR POST 请求

const getParams = {
	name: 'gaga',
	age: 20
}

const { sign } = clientCrypto({ params, salt: 'xxx' })

axios({
	url: 'xxx',
	method: 'GET',
	headers: {
		'X-AUTHO-TOKEN': sign
	}
})
```
npm package: @fe-cookie/server-request-crypto
Description: ### 使用场景
Author: fortune_cookie
Latest version: 1.0.0

# server-request-crypto

### 使用场景

> - 1. 客户端与 BFF 之间进行接口加密校验
> - 2. BFF 与第三方语言加密校验 （例如：php 接口）

    ### 加密规则

> 1. 获取 GET,POST 请求的请求体参数，转换为 JSON 格式。
> 2. 请求体中附加时间戳参数，参数字段为`_`,值为时间戳。（备注：时间戳优先取请求体中的`_`字段,若没有则取 `header头`中的 `x-timestamp`字段）。
> 3. 对转换后的请求体 JSON 进行排序，(此处参考[排序规则](#排序规则))。
> 4. 对排序好的 JSON 进行字符串拼接，(此处参考[拼接规则](#拼接规则)) 。
> 5. 拼接好的字符串（通过`key=val&`）最后再附加上固定盐值得到最后需要加密的字符串（即`...&key=val&salt`）。
> 6. 使用`MD5`的方式加密最后拼接的字符串，得到加密密钥。

### 取值标识

> 1.  通过`Header头` `autho-token\|x-autho-token\|external-token` 获取需要匹配的加密字段。 <br \>
> 2.  通过`Header头` `autho-pass\|x-autho-pass` 来觉得是否需要进行加密校验（备注：此字段通常应用于测试，方便于接口测试）。 <br \>
> 3.  优先通过请求体的`_`字段获得时间戳，其次通过 `Header头` `x-timestamp` 获得时间字段。
npm package: @fe-eule/react-keyboard-avoiding-view
Description: This component is a component that automatically adjusts the view so that the fixed element is not covered by the keyboard when the keyboard appears on iOS devices.
Latest version: 1.0.12

# @fe-eule/react-keyboard-avoiding-view

[![npm bundle size](https://img.shields.io/bundlephobia/min/react-keyboard-avoiding-view)](https://bundlephobia.com/package/@fe-eule/react-keyboard-avoiding-view)

`react-keyboard-avoiding-view` is a simple and easy to use package that allows you to avoid the keyboard when it pops up on your screen. It is a simple wrapper around the KeyboardAvoidingView component.

In iOS, the keyboard will cover the fixed elements when it pops up. This package will help you to avoid this issue.

## Preview

### iOS issue 🥹

https://github.com/user-attachments/assets/d0ee5892-50a7-4d66-995d-a64fc215a247

### with `react-keyboard-avoiding-view` 😎

https://github.com/user-attachments/assets/765d72ae-03b7-4d83-8ecc-42cb893a6d3f

## Installation

```bash
npm install @fe-eule/react-keyboard-avoiding-view
```

## Usage

```jsx
/**
 * Use react not react-native
 * Support server side rendering
 */
import React from "react";
import KeyboardAvoidingView from "@fe-eule/react-keyboard-avoiding-view";

const App = () => {
  return (
    <div>
      <input className="keyboard-avoiding-input" type="text" />
      <KeyboardAvoidingView>
        <button type="button">Next</button>
      </KeyboardAvoidingView>
    </div>
  );
};
```

## Inspiration

- [react-native KeyboardAvoidingView](https://reactnative.dev/docs/keyboardavoidingview)
npm package: @fe-hl/admin-design-vue
Description: 本项目是基于Vite、vue3、typescript、element-plus组件二次封装的组件库，能够快速配置出表单、列表...，能够快速的构建管理页面，解放你的双手，摸鱼神器
Author: hulei
Latest version: 2.4.5

# @fe-hl/admin-design-vue

## 本项目是基于 Vite、vue3、typescript、element-plus 组件二次封装的组件库，能够快速配置出表单、列表...，能够快速的构建管理页面，解放你的双手，摸鱼神器

## 安装依赖大于等于`[element-plus ^2.2.16]`

## npm 安装

```sh
npm i @fe-hl/admin-design-vue -s
```

## 注册组件

```js
import { createApp } from 'vue'
import AdminDesignVue，{ DialogForm, Form ... } from "@fe-hl/admin-design-vue";
import "@fe-hl/admin-design-vue/lib/index/style.css";
// 注册所有组件
app.use(AdminDesignVue)
// 单个注册
app.use(Form)
app.use(DialogForm)

<ad-dialog-form .../>
<ad-form .../>
```

### 使用说明文档[点击打开链接](https://fe-hl.github.io/document/)
- 文档地址迁移到github
```js
https://fe-hl.github.io/document/
```
npm package: @fe-hl/cli
Description: 前端cli脚手架
Author: hulei
Latest version: 2.0.1

# 前端脚手架@fe-hl/cli

### 安装

```npm
npm i @fe-hl/cli -g
```

### 全局Usage

```shell
Usage: hl-cli <command> [options]

Options:
  -v,--version                  查看版本号
  -h, --help                    查看帮助文档
  -d, --debug                   是否开启调试模式 (default: false)

Commands:
  init [options] <projectName>  初始化项目
  sourceMap <sourceMapPath>     SourceMap错误代码还原
  search [options]              搜索 github or gitee 仓库、代码
  gitflow [options]             github or gitee 仓库创建提交
  mirror [options]              npm、cnpm、yarn、pnpm 镜像管理
  help [command]                display help for command
```

### 创建项目

```shell
Usage: hl-cli init [options] <projectName>

初始化项目

Options:
  -f --force                 是否强制初始化项目 (default: false)
  -t, --template <template>  模板名称
  -o, --origin               源默认npm(值：[false=>npm]/[true=>cnpm]) (default: false)
  -h, --help                 display help for command
```

```npm
hl-cli init createApp
```

### 代码还原

- 如果目录不是绝对路径，会自动拼接当前的执行目录

```npm
hl-cli sourceMap xxx.map
OR
hl-cli sourceMap /user/js/xxx.map
```

### github 码云仓库查询

```shell
Usage: hl-cli search [options]

搜索 github or gitee 仓库、代码

Options:
  -c --cache            清空git缓存 (default: false)
  -p --platform <name>  设置默认平台（gitee 或 github）
  -t --token <token>    设置平台token
  -h, --help            display help for command
```

```npm
hl-cli search
```

### github or gitee 仓库创建提交

```shell
Usage: hl-cli gitflow [options]

github or gitee 仓库创建提交

Options:
  -c --cache            清空git缓存 (default: false)
  -p --platform <name>  设置默认平台（gitee 或 github）
  -t --token <token>    设置平台token
  -h, --help            display help for command
```

```npm
hl-cli gitflow
```


### mirror 镜像切换

```shell
Usage: hl-cli mirror [options]

npm、cnpm、yarn、pnpm 镜像管理

Options:
  -l --list    镜像列表
  -s --switch  切换镜像
  -h, --help   display help for command
```

```npm
hl-cli mirror --list
```

### 帮助文档

```npm
hl-cli -h

hl-cli help init
```
npm package: @fe-hl/cli-shared
Description: cli脚手架工具库
Author: hl
Latest version: 2.0.0

# cli 脚手架工具库

## 引用

```js
import {
  fse,
  pathExists,
  chalk,
  rootCheck,
  semver,
  logs,
  isDebug,
  request,
  spinnerLoading,
  makeList,
  makeInput,
  makeConfirm,
  makePassword,
  getLatestVersion,
  checkGlobalUpdate,
  welcome,
  checkNodeVersion,
  getPkgInfo,
  getDirname,
  getFilename,
  exception,
  printErrorLog,
  createCli
  saveToken,
  homedir,
  importLocal
} from "@fe-hl/cli-shared";
```

## fse 等同 fs-extra 库

```js
import fse from "fs-extra";
```

## pathExists 等同 pathExists 库

```js
import { pathExists } from "path-exists";
```

## chalk 等同 chalk 库

```js
import chalk from "chalk";
```

## rootCheck 等同 rootCheck 库

```js
import rootCheck from "root-check";
```

## semver 等同 semver 库

```js
import semver from "semver";
```

## logs 日志输出

```js
logs.silly(prefix, message);
logs.verbose(prefix, message);
logs.info(prefix, message);
logs.http(prefix, message);
logs.warn(prefix, message);
logs.error(prefix, message);
```

## isDebug 模式判断

```js
// hl-cli init createApp -- --debug
isDebug();
```

## request http 请求

```js
await request.get(url);
await request.post(url);
```

## spinnerLoading

```js
const { spinnerSucceed, spinnerFail } = spinnerLoading("开始创建远程仓库");
spinnerSucceed(message?);
spinnerFail(message?);
```

## makeList,makeInput,makeConfirm,makePassword

```js
await makeList({
  choices: [
    {
      name: "项目",
      value: "project",
    },
  ],
  message: "请选择初始化类型",
  defaultValue: "project",
});

await makeInput({
  message: "请输入开发语言",
});

await makeConfirm({
  message: `检测到新版本【${latestVersion}】,是否使用最新版本模版?`,
});

await makePassword({
  message: "请输入token信息",
});
```

## getLatestVersion 获取 npm 最新的版本号

```js
const lastVersion = await getLatestVersion(npmName);
```

## checkGlobalUpdate 检测 npm 包是否有新版本

```js
const importMeta = import.meta;
checkGlobalUpdate(importMeta);
```

## welcome 欢迎语

```js
const importMeta = import.meta;
welcome(importMeta);
```

## checkNodeVersion 检测 Node 版本

```js
checkNodeVersion("14.0.0");
```

## getPkgInfo package.json 转 JSON

```js
const importMeta = import.meta;
const pkg = getPkgInfo(importMeta);
```

## getDirname 获取执行文件的目录路径

```js
const importMeta = import.meta;
const dirname = getDirname(importMeta);
```

## getFilename 获取执行文件的路径

```js
const importMeta = import.meta;
const filename = getFilename(importMeta);
```

## exception

- node 全局异常、promise 异常打印控制台

```js
exception();
```

## createCli

- 创建 cli 命令行工具
npm package: @fe-hl/command
Description: common command class
Author: hl
Latest version: 2.0.0

# 通用`command`类

## 使用指南

```js
class GitflowCommand extends Command {
  // 命令名称
  get command() {
    return "gitflow <name>";
  }
  // 命令描述
  get description() {
    return "github or gitee 仓库创建提交";
  }
  // 命令选项
  get options() {
    return [
      ["-c --cache", "清空git缓存", false],
      ["-p --platform <name>", "设置默认平台（gitee 或 github）"],
    ];
  }

  // 命令执行前
  preAction() {
    logs.verbose("preAction");
  }
  // 命令执行后
  postAction() {
    logs.verbose("postAction");
  }

  // 命令执行
   action(action, options) {
    logs.verbose("action");
  }
```

## 命令示例

```
cli gitflow init
cli gitflow init -p github
cli gitflow init -p gitee -c
```
npm package: @fe-hl/gitflow
Description: github or gitee 仓库创建提交
Author: hl
Latest version: 2.0.0

# 前端脚手架@fe-hl/gitflow

### 安装

```npm
npm i @fe-hl/gitflow -g
```

### github or gitee 仓库创建提交

```shell
Usage: hl-gitflow gitflow [options]

github or gitee 仓库创建提交

Options:
  -c --cache            清空git缓存 (default: false)
  -p --platform <name>  设置默认平台（gitee 或 github）
  -t --token <token>    设置平台token
  -h, --help            display help for command
```

```npm
hl-gitflow gitflow
```

### 帮助文档

```npm
hl-gitflow help gitflow
npm package: @fe-hl/mirror
Description: npm、cnpm、yarn、pnpm 官方镜像管理
Author: hl
Latest version: 2.0.0

# 前端脚手架@fe-hl/mirror

### 安装

```npm
npm i @fe-hl/mirror -g
```

### npm、cnpm、yarn、pnpm 官方镜像管理

```shell
Usage: hl-mirror mirror [options]

npm、cnpm、yarn、pnpm 镜像管理

Options:
  -l --list    镜像列表
  -s --switch  切换镜像
  -h, --help   display help for command
```

```npm
hl-mirror mirror --list
hl-mirror mirror --switch
```
npm package: @fe-hl/search
Description: github/码云仓库查询克隆
Author: hl
Latest version: 2.0.0

# 前端脚手架@fe-hl/search

### 安装

```shell
Usage: hl-search search [options]

搜索 github or gitee 仓库、代码

Options:
  -c --cache            清空git缓存 (default: false)
  -p --platform <name>  设置默认平台（gitee 或 github）
  -t --token <token>    设置平台token
  -h, --help            display help for command
```

```npm
npm i @fe-hl/search -g
```

### github/码云仓库查询克隆

```npm
hl-search search
```
npm package: @fe-hl/shared
Description: javascript常用工具库，支持typescript
Author: hulei
Latest version: 1.0.6

# @fe-hl/shared

## javascript 常用工具库，支持 typescript 日期、金额、本地存储、常用正则、其他工具等等

# 使用说明

> javascript 常用工具库，支持 typescript

## npm 安装

```sh
npm i @fe-hl/shared -s
```

## npm 打包

```sh
npm run build
```

### 导入方式一

```js
import * as shared from '@fe-hl/shared';
```

### 导入方式二

```js
import {
	dateAddDay,
	dateAddMonth,
	dateAddYears,
	dateDiffDay,
	dateDiffHour,
	dateDiffMonth,
	dateDiffYears,
	dateFormat,
	dateSubtractDay,
	dateSubtractMonth,
	dateSubtractYears,
	dateToTime,
	...
} from '@fe-hl/shared';
```

### 使用说明文档[点击打开链接](https://fe-hl.github.io/shared/)
- 文档地址迁移到github
```js
https://fe-hl.github.io/shared/
```
npm package: @fe-hl/source-map
Description: sourceMap还原源码
Author: hl
Latest version: 3.0.0

# 前端脚手架@fe-hl/sourceMap

### 安装

```npm
npm i @fe-hl/sourceMap -g
```

### 代码还原

- 如果目录不是绝对路径，会自动拼接当前的执行目录

```npm
hl-source-map sourceMap xxx.map
OR
hl-source-map sourceMap /user/js/xxx.map
```
npm package: @fe-hl/template-react18-h5
Description: 本项目时基于vite+react18,ant.design搭建的H5项目模版。支持ts、国际化、一键换肤、ant.design组件二次封装，axios二次封装等等，开箱即用
Author: hulei
Latest version: 2.0.3

ERROR: No README data found!
npm package: @fe-hl/template-vue3-h5
Description: 本项目时基于vite+vue3,vant4搭建的H5项目模版。支持ts、国际化、一键换肤、vant4组件二次封装，axios二次封装等等，开箱即用
Author: hulei
Latest version: 2.0.6

ERROR: No README data found!
npm package: @fe-kit/components
Description: react business components
Author: wood3n
Latest version: 1.0.10

# @fe-kit/components

<img alt="NPM Version" src="https://img.shields.io/npm/v/%40fe-kit%2Fcomponents?style=for-the-badge&logo=npm">
<img alt="Static Badge" src="https://img.shields.io/badge/react-ts-blue?style=for-the-badge&logo=react">
<img alt="Static Badge" src="https://img.shields.io/badge/storybook-FF4685?style=for-the-badge&logo=storybook&logoColor=fff">

## install

```shell
pnpm add @fe-kit/components
```

## usage

```ts
import { PdfViewer } from "@fe-kit/components";
```
npm package: @fe-kit/utils
Description: front-end dev utilities
Author: wood3n
Latest version: 1.0.7

# @fe-kit/utils

<img alt="NPM Version" src="https://img.shields.io/npm/v/%40fe-kit%2Futils?style=for-the-badge&logo=npm">

## install

```shell
pnpm add @fe-kit/utils
```

## usage

```ts
import { download } from "@fe-kit/utils";
```
npm package: @fe-lang/hardhat-fe
Description: Hardhat plugin to develop smart contracts with fe
Author: FeLang Developers
Latest version: 0.5.0

<p align="center">
    <h2 align="center">hardhat-fe</h2>
    <p align="center">
    <a href="https://hardhat.org">Hardhat</a> plugin to develop smart contracts with <a href="https://github.com/ethereum/fe">Fe</a>
    </p>
</p>

[![npm version](https://badge.fury.io/js/@fe-lang%2Fhardhat-fe.svg)](https://badge.fury.io/js/@fe-lang%2Fhardhat-fe)
[![hardhat](https://hardhat.org/buidler-plugin-badge.svg?1)](https://hardhat.org)

## What

This plugin adds support for Fe to Hardhat. Once installed, Fe contracts can be compiled by running the `compile` task.

This plugin plans to generate the same artifact format as the built-in Solidity compiler, so that it can be used in conjunction with all other plugins.

The Fe compiler is run using the [official binary releases](https://github.com/ethereum/fe/releases).

## Installation

First, you need to install the plugin by running

```bash
npm install --save-dev @fe-lang/hardhat-fe
```

And add the following statement to your `hardhat.config.js`:

```js
require("@fe-lang/hardhat-fe");
```

Or, if you are using TypeScript, add this to your `hardhat.config.ts`:

```js
import "@fe-lang/hardhat-fe";
```

## Required plugins

No plugins dependencies.

## Tasks

This plugin creates no additional tasks.

## Environment extensions

This plugin does not extend the Hardhat Runtime Environment.

## Configuration

This plugin adds an optional `fe` entry to Hardhat's config, which lets you specify the Fe version to use.

This is an example of how to set it:

```js
module.exports = {
  fe: {
    version: "0.19.1-alpha",
  },
};
```

Or you can use a customized compiler by specifying the path to the binary instead of downloading from official releases:

```js
module.exports = {
  fe: {
    compilerPath: "absolute_path_to_fe_compiler_binary",
  },
};
```

Otherwise, if you leave the `fe` config entry blank, the plugin will use the default version of Fe compiler which currently is `0.19.1-alpha`

## Usage

There are no additional steps you need to take for this plugin to work.

## Known issues

since Fe is still under heavy development

* the abi file generated by Fe compiler does not contain `deployedBytecode` attribute
* the abi file generated by Fe compiler does not contain `stateMutability` attribute, [related issue](https://github.com/ethereum/fe/issues/557)

## Development

```
npm install // install dependencies
npm run build // build before publish
npm run test // run tests
```
npm package: @fe-lints/commitlint-config
Description: git commitlint 
Author: Andy.Chen
Latest version: 0.0.4

# `@fe-lints/commitlint-config`


Support matching commitlint configuration (https://commitlint.js.org/#/concepts-shareable-config), used for ` git commit message ` calibration.

## Installation


```bash
npm install @fe-lints/commitlint-config --save-dev
```

## Configuration .commitlintrc

update `commitlintrc` file `extends` :

```json
{
  "extends": ["@fe-lints/commitlint-config"]
}
```

###  `commit message` 

```
<type>[optional scope]: <subject>

[optional body]

[optional footer(s)]
```

## setting git hook

 [husky](https://www.npmjs.com/package/husky) set in ` git commit ` triggered when ` commitlint `.

install husky：

```bash
npm install husky --save-dev
```

add `commit-msg`:

```bash
npx husky add .husky/commit-msg 'npx commitlint --edit $1'
```

See [commitlint document](https://commitlint.js.org/#/guides-local-setup?id=install-husky)。
npm package: @fe-lints/eslint-config-ts
Description: ESLint TS
Author: Andy.Chen
Latest version: 0.0.8

# `@fe-lints/eslint-config-ts`

typescript specific linting rules for `eslint`

## Installation

```sh
npm install eslint typescript @fe-lints/eslint-config-ts --save-dev
```

## Configuration (legacy: `.eslintrc`) <a id="configuration"></a>

```json
{
  "extends": ["@fe-lints/eslint-config-ts"]
}
```

## Configuration `package.json`

```json
{
  "scripts": {
  "lint": "eslint --ext .js,.jsx,.ts,.tsx .", // or  "eslint --ext .js,.jsx,.ts,.tsx src/"
  "lint:fix": "eslint --fix --ext .js,.jsx,.ts,.tsx .",
  // other 
}
}
```

See [`eslint` documentation](https://eslint.org/docs/user-guide/configuring) for more information about extending configuration files.

## License

`@fe-lints/eslint-config-ts` is licensed under the [MIT License](https://opensource.org/licenses/mit-license.php).
npm package: @fe-micro/import-html-entry
Description: import html and get the exports of entry
Author: Kuitos
Latest version: 10.0.2

# import-html-entry
Treats the index html as manifest and loads the assets(css,js), get the exports from entry script.

```html
<!-- subApp/index.html -->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>test</title>
</head>
<body>

<!-- mark the entry script with entry attribute -->
<script src="https://unpkg.com/mobx@5.0.3/lib/mobx.umd.js" entry></script>
<script src="https://unpkg.com/react@16.4.2/umd/react.production.min.js"></script>
</body>
</html>
```

```js
import importHTML from 'import-html-entry';

importHTML('./subApp/index.html')
    .then(res => {
        console.log(res.template);

        res.execScripts().then(exports => {
            const mobx = exports;
            const { observable } = mobx;
            observable({
                name: 'kuitos'
            })	
        })
});
```
npm package: @fe-monorepo/hook
Description: A collection of reusable React hooks for common functionality.
Latest version: 1.0.0

# @fe-monorepo/hook

A collection of reusable React hooks for common functionality.

## Installation

```bash
npm install @fe-monorepo/hook
# or
pnpm add @fe-monorepo/hook
# or
yarn add @fe-monorepo/hook
```

## Prerequisites

- **React** 19 or higher

## Usage

Import hooks from the package:

```tsx
import {
  useDebounce,
  useIsClient,
  useLocalStorage,
  useMediaQuery,
} from "@fe-monorepo/hook";

function MyComponent() {
  const isClient = useIsClient();
  const [value, setValue] = useState("");
  const debouncedValue = useDebounce(value, 500);
  const [stored, setStored] = useLocalStorage("key", "default");

  // ...
}
```

### Import Individual Hooks

You can also import hooks individually:

```tsx
import { useDebounce } from "@fe-monorepo/hook/hooks/use-debounce";
import { useLocalStorage } from "@fe-monorepo/hook/hooks/use-local-storage";
```

## Available Hooks

### Client-side Hooks

- `useIsClient` - Detects if code is running on the client
- `useIsMobile` - Detects mobile devices
- `useIsomorphicLayoutEffect` - SSR-safe layout effect hook
- `useMediaQuery` - Responsive media query hook
- `useOnScreen` - Intersection Observer hook
- `useNetworkStatus` - Network connectivity status

### Utility Hooks

- `useCopyToClipboard` - Copy text to clipboard
- `useCountdown` - Countdown timer
- `useDebounce` - Debounce values
- `useThrottle` - Throttle values
- `useTimeout` - Timeout hook
- `useHover` - Hover state detection
- `useLocalStorage` - Local storage with React state
- `useFetch` - Data fetching hook

## Type Safety

All hooks are fully typed with TypeScript. Types are exported and can be used in your components.

## License

MIT
npm package: @fe-qianxun/prettier
Description: prettier config used by qianxun
Author: lkwavestian
Latest version: 1.0.1

# @fe-qianxun/prettier

prettier config used by qianxun

## 安装

```sh
pnpm add -D @fe-qianxun/prettier
# OR
npm i -D @fe-qianxun/prettier
```

## 使用

[Sharing configurations · Prettier](https://prettier.io/docs/en/configuration.html#sharing-configurations)

### 添加配置项到 `package.json`

> 直接使用时推荐该方案

```sh
npm pkg set prettier='@fe-qianxun/prettier'
```

### 使用单独的配置文件

> 为了兼容 `esm` 的项目，直接使用 `cjs`

先创建 `.prettierrc.cjs` 文件（内容如下）

```js
module.exports = require('@fe-qianxun/prettier')
```

命令行一键创建

```sh
echo "module.exports = require('@fe-qianxun/prettier')" > .prettierrc.cjs
```
npm package: @fe-qianxun/tailwind-config
Description: tailwindcss config used by qianxun
Author: lkwavestian
Latest version: 1.0.3

# @fe-qianxun/tailwind-config

tailwindcss config used by maomao

## 安装

```sh
pnpm add -D @fe-qianxun/tailwind-config
# OR
npm i -D @fe-qianxun/tailwind-config
```

## 使用

> 为了兼容 `esm` 的项目，直接使用 `cjs`

创建 `tailwind.config.cjs` 文件（内容如下）

```js
/** @type {import('tailwindcss').Config} */
module.exports = {
  presets: [require("@fe-qianxun/tailwind-config")],
};
```

## 功能

- [x] `tailwindcss` 基础配置
- [x] 新的工具类
  - `flex-row-center` 水平垂直居中（水平排列）
  - `flex-col-center` 水平垂直居中（垂直排列）
npm package: @fe-qianxun/verify-commit
Description: Simple commit message format verify
Author: lkwavestian
Latest version: 2.0.1

# @fe-qianxun/verify-commit

一个简单的 commit message 校验工具

## 安装与使用

有两种使用方式，可使用`simple-git-hooks`运行 和 也可使用`husky`运行。

### 使用 `simple-git-hooks` 运行

#### 安装

```sh
pnpm add -D @fe-qianxun/verify-commit simple-git-hooks
# OR
npm i -D @fe-qianxun/verify-commit simple-git-hooks
```

#### 添加配置项到 `package.json`

```sh
# 使用 npx + bin 运行
npm pkg set simple-git-hooks.commit-msg='npx fe-qianxun-verify-commit $1'

# OR 使用 pnpm + bin 运行
npm pkg set simple-git-hooks.commit-msg='pnpm fe-qianxun-verify-commit $1'

# OR 使用 node 运行
npm pkg set simple-git-hooks.commit-msg='node ./node_modules/@fe-qianxun/verify-commit/index.js $1'
```

#### 注册 `git-hooks`

> 当 `simple-git-hooks` 有更新时，需要重新注册

```sh
npx simple-git-hooks
```

> 添加 `prepare` 脚本，可以在 `install` 时自动注册已经配置的 `git-hooks`，第一次使用时需要手动运行一次 `npm run prepare`

```sh
npm pkg set scripts.prepare="npx simple-git-hooks"
```

### 使用 `husky` 运行

#### 安装

```sh
pnpm dlx husky-init && pnpm add -D @fe-qianxun/verify-commit
# OR
npx husky-init && npm i -D @fe-qianxun/verify-commit
```

#### 注册 `git-hooks`

```sh
npx husky add .husky/commit-msg 'npx fe-qianxun-verify-commit $1'
```

## 相关链接

- [vue — verify-commit-msg.js | GitHub](https://github.com/vuejs/vue/blob/main/scripts/verify-commit-msg.js)
- [Git 提交规范 | 千浔物语](https://docs.fe-qianxun.com/workflow/git/#commit-%E5%B8%B8%E7%94%A8-type)
- [simple-git-hooks | GitHub](https://github.com/toplenboren/simple-git-hooks)
- [husky | GitHub](https://github.com/typicode/husky)
npm package: @fe-rc/switch
Description: switch ui component for react
Latest version: 1.0.0

# @fe-rc/switch

Switch ui component for react.

[![NPM version][npm-image]][npm-url]
[![npm download][download-image]][download-url]

[npm-image]: https://img.shields.io/npm/v/@fe-rc/switch.svg?style=flat-square
[npm-url]: https://npmjs.org/package/@fe-rc/switch
[download-image]: http://img.shields.io/npm/dm/@fe-rc/switch.svg?style=flat
[download-url]: https://npmjs.org/package/@fe-rc/switch

## Install
```
npm i @fe-rc/switch -S
```

## Usage

```js
import Switch from '@fe-rc/switch';

export default () => <Switch />;
```

## API

| Property       | Type                     | Default   | Description                                              |
| -------------- | ------------------------ | --------- | -------------------------------------------------------- |
| prefixCls      | String                   | rc-switch |                                                          |
| className      | String                   | ''        | additional class name of root node                       |
| checked        | boolean                  | false     | whether switch is checked                                |
| defaultChecked | boolean                  | false     | whether switch is checked on init                        |
| onChange       | Function(checked, event) |           | called when switch is checked or unchecked               |
| tabIndex       | number                   |           | tab-index of switch node                                 |
| onClick        | Function(checked, event) |           | called when switch is clicked                            |
| autoFocus      | boolean                  |           | get focus when mounts                                    |
| disabled       | boolean                  | false     | whether switch is disabled                               |
| loadingIcon    | React.ReactNode          |           | specific the extra node. generally used in loading icon. |

## Development

```
npm install
npm start
```

## License

 MIT license.
npm package: @fe-steven/google-maps-util
Description: Provides some functions with Google maps.
Author: 吴建鹏
Latest version: 1.0.2

# google-maps-util

Provides some functions with Google maps.

## Core Functions

- converseLngLatToGoogleCoordinates
- getGoogleAddrFromArray
- getEachPolygonLngLatStr
- resetCenter

## Usage

### converseLngLatToGoogleCoordinates
```javascript
const lngLats = 'lng,lat;lng,lat;lng,lat;';
const googleCoordinates = converseLngLatToGoogleCoordinates(lngLats);
// => [{lat: , lng: }, {lat: , lng: }, {lat: , lng: }, {lat: , lng: }]

```

### getGoogleAddrFromArray
```javascript
const addrs = ['France', 'Île-de-France', 'Paris' ];
const googleAddr = getGoogleAddrFromArray(addrs);
// => Paris,Île-de-France,France
```

### getEachPolygonLngLatStr
```javascript
const str = getEachPolygonLngLatStr(polygon);
// lng,lat;lng,lat;lng,lat;lng,lat;lng,lat;
```

### resetCenter
调用谷歌地图的Geocoding Service查询地址的坐标，重新聚焦
```javascript
resetCenter(map, address, zoom);
```
npm package: @fe-util/common
Description: JS Common Utils 
Latest version: 1.0.5

# @fe-util/common

[![NPM version](https://img.shields.io/npm/v/@fe-util/common.svg?style=flat)](https://npmjs.org/package/@fe-util/common)
[![NPM downloads](http://img.shields.io/npm/dm/@fe-util/common.svg?style=flat)](https://npmjs.org/package/@fe-util/common)

前端工具库

## Usage

```
npm i @fe-util/common -S

import { isEmpty } from "@fe-util/common";

```

- 不要将与业务逻辑有关的代码放在本库
- 所有工具方法，都要提供单元测试代码

## Development

```bash
# install dependencies
$ pnpm install

# develop library by docs demo
$ pnpm start

# build library source code
$ pnpm run build

# build library source code in watch mode
$ pnpm run build:watch

# build docs
$ pnpm run docs:build

# Locally preview the production build.
$ pnpm run docs:preview

# check your project for potential problems
$ pnpm run doctor

# add new modules
pnpm add --save-dev jest
```

## 单元测试

单元测试会在提交时自动执行，若不通过，则阻止提交，若要手动执行，运行：

```bash
pnpm test
```

## LICENSE

MIT
npm package: @fe-z/cli
Description: 前端脚手架
Author: micro-kid
Latest version: 0.0.3

# cli

实现物料库dev build release功能

## dev

开发单个组件时，在指定组件目录下运行 fe dev 即可进行组件本地开发

解析md，生成临时文件App.vue

生成临时文件main.js

main.js作为入口打包，生成临时文件index.js、index.css

生成临时文件index.html

启动开发服务器，展示index.html

监听文件变化

热更新

## build

约定组件根目录下index.js作为入口进行打包

## release

支持单个组件独立发布或整包发布
npm package: @fe.whnhouse/flex.box
Description: A Flex and Box React Component Wrapper around Flexbox.
Author: Felix Wohnhaas
Latest version: 1.0.2

# flex.box

## Installation

You can simply install this Repo via `npm`. It requires you to use `styled-components` and `react` (they are listed as peer dependencies of this project).

`npm install @fe.whnhouse/flex.box`

`yarn add @fe.whnhouse/flex.box`

## Usage

The module exposes two Styled Components, `FlexParent` and `FlexChild`. Together, they allow the combination of all flex props, converted in a simple API:

```
interface IFlexChildProps {
  grow?: number
  shrink?: number
  order?: number
  alignSelf?: 'auto' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch'
  basis?: number | 'auto'
  style?: React.CSSProperties
}

interface IFlexParentProps {
  fullWidth?: boolean
  fullHeight?: boolean
  justify?: 'flex-start' | 'flex-end' | 'center' | 'space-around' | 'space-between' | 'space-evenly'
  align?: 'stretch' | 'flex-start' | 'flex-end' | 'center' | 'baseline'
  alignContent?: 'flex-start' | 'flex-end' | 'center' | 'space-around' | 'space-between' | 'strech'
  direction?: 'row' | 'row-reverse' | 'column' | 'column-reverse'
  wrap?: 'nowrap' | 'wrap' | 'wrap-reverse'
  style?: React.CSSProperties
}
```

The components can then simply be used like this:

```
const App = () => {
    return (
    <FlexParent direction="column justify="space-between" align="center">
        <FlexChild>First Child</FlexChild>
        <FlexChild>Second Child</FlexChild>
        <FlexChild>Third Child</FlexChild>
      </FlexParent>

    )
}
```

## Example

The `example` folder provides a react-app using this module as example. Feel free to take a look.
npm package: @fe.whnhouse/use-socket.io
Description: A React Hook to use with Socket.io
Author: Felix Wohnhaas
Latest version: 1.0.3

# use-socket.io

This repo provides a simple React Hook Wrapper around socket.io, providing the user with a reference to the `data` object and an `emit` function.

## Installation

This Repo is not publicly available yet, but will be made available on `npm` as soon as its API is finalized.

## Usage

You can currently use three different exported objects.

### SocketProvider

The `SocketProvider` should wrap your whole Application, which should be familiar from other libraries such as [react-redux](https://github.com/reduxjs/react-redux). It should be initialized with a `uri` and optionally an `options` object, as per [socket.io Documentation](https://socket.io/docs/client-api/#io-url-options).

```
const  App = () => {
	const options = {
		reconnectionDelay: 500
	}
	return (
		<SocketProvider  uri="ws://localhost:4000" options={options}>
			<YourApp/>
		</SocketProvider>
	)
}

```

### useSocket

Once your socket is initialized with the Provider, you can use the `useSocket` hook to listen for a `message` and to get access to an `emit` function, allowing communication between client and server

```
const  YourApp = () => {
	const [data, emit] = useSocket('eventName') //The data property will be filled with data once the server emits an event with the event name "eventName"
	const  handleClick = () => {
		emit('message to server!') //The server will receive this event if he listens for an incoming event with the event name "eventName"
	}
	return (
		<div>
			<h1>{data}</h1>
			<button  onClick={handleClick}>
				Test Event
			</button>
		</div>
	)
}

```

### useClient

This simple hook gives you a reference to the `socket` object, in case you need to do any specific operations which are not covered by the hook provided above.

`const socket = useClient()`
npm package: @fe.whnhouse/use-system-mode
Description: A React Hook to determine system mode (light / dark)
Author: Felix Wohnhaas
Latest version: 1.0.3

# use-system-mode

This React Hook allows you to determine your system´s current Appearance Theme. It uses the CSS Feature MatchMedia to determine if dark mode is enabled or not.

## Browser Support

<p class="ciu_embed" data-feature="matchmedia" data-periods="future_1,current,past_1,past_2" data-accessible-colours="false">
<a href="http://caniuse.com/#feat=matchmedia">
<picture>
<source type="image/webp" srcset="https://caniuse.bitsofco.de/image/matchmedia.webp">
<img src="https://caniuse.bitsofco.de/image/matchmedia.png" alt="Data on support for the matchmedia feature across the major browsers from caniuse.com">
</picture>
</a>
</p>

## Features

The library exposes two different hooks:

`useSystemMode()` allows you to get a reactive variable which contains either the value `light` or `dark`, depending on the selected theme.

`useIsDarkMode()` gives you a boolean variable which determines whether dark mode is enabled or not.

## Usage

```
const App = () => {
    const systemMode = useSystemMode()
    return (
        <div>
            <h1>System Mode: {systemMode}</h1>
        </div>
    )
}
```

```
const App = () => {
    const darkMode = useIsDarkMode()
    return (
        <div>
            {darkMode ? <h1>Dark Mode</h1> : <h1>Light Mode</h1>}
        </div>
    )
}
```
npm package: @fe.whnhouse/use-typewriter
Description: A React Hook to write text delayed on render, like a typewriter.
Author: Felix Wohnhaas
Latest version: 1.0.0

# use-typewriter

This package provides a simple React Hook to delay the print of a given string by a given time (ms).

## API

`useTypewriter({title: string, speed?: number}): string`

## Usage

```
const App = () => {
	const title = useTypewriter({title: 'Test Title', speed: 60})
	return <h1>{title}</h1>
}
```
npm package: @fe4nn0r/react-slider
Description: Slider component for React
Author: Michał Powaga
Latest version: 1.3.3

# React Slider

[![npm version](https://badge.fury.io/js/react-slider.svg)](https://badge.fury.io/js/react-slider)

Accessible, CSS agnostic, slider component for React.

[![react-slider example](react-slider.gif)](https://zillow.github.io/react-slider/)

### Installation

```sh
npm install react-slider
```

### API Documentation

For component props, methods, and living examples, see the demo:

https://zillow.github.io/react-slider/

### TypeScript Support

```sh
npm install --save-dev @types/react-slider
```

### License

See the [License](LICENSE) file.
npm package: @fe6/amap
Description: Gaud components of vue3
Author: 李梦龙
Latest version: 1.1.5

# AMap
vue3 高德地图的简单版封装

[![@fe6/amap](https://img.shields.io/npm/v/@fe6/amap.svg?style=flat-square)](https://www.npmjs.org/package/@fe6/amap)
[![NPM downloads](http://img.shields.io/npm/dm/@fe6/amap.svg?style=flat-square)](https://npmjs.org/package/@fe6/amap)
[![NPM downloads](https://img.shields.io/npm/dt/@fe6/amap.svg?style=flat-square)](https://npmjs.org/package/@fe6/amap)

## 功能

- 全局 load 加载及配置
- 点标记
- 搜索
- 瓦片图
- 点聚合
- 矩形

## License

@fe6/amap is licensed under a [MIT License](./LICENSE).
npm package: @fe6/calendar
Description: vue 2.x 日历组件
Author: 李梦龙
Latest version: 1.0.0

<p align="center">
  <a href="https://fe6.github.io/water">
    <img width="200" src="https://avatars2.githubusercontent.com/u/38205290?s=400&u=e73d0e918dbf3d73a31c09ac28a2aee1d32b3044&v=4)](https://fe6.github.io/water" alt="水滴 - water">
  </a>
</p>

# 日历组件 - calendar

>一套企业级的 UI 设计语言和 Vue.js 实现。

[![@fe6/calendar](https://img.shields.io/npm/v/@fe6/calendar.svg?style=flat-square)](https://www.npmjs.org/package/@fe6/calendar)

![GitHub language count](https://img.shields.io/github/languages/count/fe6/calendar.svg)
![GitHub code size in bytes](https://img.shields.io/github/languages/code-size/fe6/calendar.svg)
[![Fork calendar](https://img.shields.io/github/forks/fe6/calendar.svg?style=flat&label=Fork)](https://github.com/fe6/calendar/fork) [![Star calendar](https://img.shields.io/github/stars/fe6/calendar.svg?style=flat&label=Star)](https://github.com/fe6/calendar/stargazers)
[![watchers in calendar](https://img.shields.io/github/watchers/fe6/calendar.svg?style=flat&label=Watch)](https://github.com/fe6/calendar/watchers)

[![Sauce Labs Test Status (for master branch)](https://badges.herokuapp.com/browsers?googlechrome=7&firefox=7&microsoftedge=10&iexplore=9&safari=10.10)](https://saucelabs.com/u/_wmhilton)

## 特性

- 提炼自企业级中后台产品的交互语言和视觉风格。
- 开箱即用的高质量 Vue.js 组件。
- 全链路开发和设计工具体系。
- 按需加载系统。

## 需要的环境

- node.js >= 9.0.0
- npm >= 5.0.0

## 说明

本仓库是用脚手架 [fecli](https://github.com/fe6/fecli)，结合 [component-template](https://github.com/fe6/component-template) 模板生成的。
npm package: @fe6/cli
Description: 快速为模块和应用程序创建一个开发环境
Author: 李梦龙
Latest version: 0.3.0

# cli

> 快速搭建程序

- 从 github 拉代码
  
```bash
fe6 init a -c https://github.com/iq9891/ieditor.git
```

- 快速创建

```bash
fe6 init a
```

[更新记录](https://github.com/fe6/cli/blob/master/packages/tpl-flutter/CHANGELOG.md)
npm package: @fe6/cli-utils
Description: fe6-cli 软件包的共享实用程序
Author: 李梦龙
Latest version: 0.3.0

# @fe6/cli-utils

> @fe6/cli 公共方法

[更新记录](https://github.com/fe6/cli/blob/master/packages/cli-utils/CHANGELOG.md)
npm package: @fe6/fecli
Description: 一键下载 github 仓库作为模板
Author: 李梦龙
Latest version: 0.2.0

# fecli

> 一键下载 github 仓库作为模板


## 使用

```
$ fe add
$ fe init
$ fe list
$ fe delete
```

## 命令的功能

### fe add

> 全局添加 github 模板

需要注意的是添加模板信息的时候尽量使用 **英文** ，中文在显示列表的时候会引起表格错乱。

![fe add 例子](./public/add.gif)

### fe list

> 显示模板列表

![fe list 例子](./public/list.gif)

### fe init

> 初始化某一个模板

![fe init 例子](./public/init.gif)

### fe delete

> 删除已添加模板

![fe delete 例子](./public/delete.gif)