# @jdthfe/eui

> [ ![Travis (.org)](https://img.shields.io/travis/jdthfe/eui.svg?style=for-the-badge)](https://travis-ci.com/jdthfe/eui) [ ![Codecov](https://img.shields.io/codecov/c/gh/jdthfe/eui.svg?style=for-the-badge)](https://codecov.io/gh/jdthfe/eui/) ![GitHub top l

Latest version **0.0.3** (published 2021-12-08) · MIT license · 0 weekly downloads

## Install

```sh
npm install @jdthfe/eui
pnpm add @jdthfe/eui
yarn add @jdthfe/eui
bun add @jdthfe/eui
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.3 |
| Published | 2021-12-08 |
| First published | 2019-06-19 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 3 |
| Unpacked size | 483.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 15 |
| Author | qqqqqcy |
| Maintainers | jdthfe |
| Keywords | eui, typescript, react, ui, mobile |

## Links

- npm: https://www.npmjs.com/package/@jdthfe/eui
- Repository: https://github.com/jdthfe/eui
- Homepage: https://github.com/jdthfe/eui#readme
- Issues: https://github.com/jdthfe/eui/issues
- npm.io page: https://npm.io/package/@jdthfe/eui

## Dependencies (3)

- [classnames](https://npm.io/package/classnames.md) ^2.2.6
- [vfile-message](https://npm.io/package/vfile-message.md) ^2.0.4
- [@babel/runtime-corejs2](https://npm.io/package/@babel/runtime-corejs2.md) ^7.5.5

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 0.0.3 (latest) — 2021-12-08
- 0.0.2 — 2019-06-20
- 0.0.1 — 2019-06-19

## README

# EUI（Elephant UI）

[ ![Travis (.org)](https://img.shields.io/travis/jdthfe/eui.svg?style=for-the-badge)](https://travis-ci.com/jdthfe/eui) [ ![Codecov](https://img.shields.io/codecov/c/gh/jdthfe/eui.svg?style=for-the-badge)](https://codecov.io/gh/jdthfe/eui/) ![GitHub top language](https://img.shields.io/github/languages/top/jdthfe/eui.svg?style=for-the-badge) ![GitHub](https://img.shields.io/github/license/jdthfe/eui.svg?style=for-the-badge)

`EUI` ( Elephant UI) 是一套使用 Typescript 和最新 React Hooks 语法开发的移动端组件库。

<p align="center">
  <a href="https://jdthfe.github.io/eui/" rel="nofollow">
    <img width="320" src="./site/assets/logo.png" style="max-width:100%;">
  </a>
</p>

## 效果预览

-   [文档](https://jdthfe.github.io/eui/)

-   [移动端实例](https://jdthfe.github.io/eui/#/instance)

## 快速开发

安装依赖

yarn（推荐）

```bash
yarn install
```

npm

```bash
npm install
```

## 使用

-   [开发新组件](./docs/develop.md)
-   [使用组件库](https://jdthfe.github.io/eui/#/document/Introduce)

## 目录结构

[查看完整文件结构](./docs/docsMap.md)

```js
Project
│
├── src              //  组件源码
│   ├── _util            //  工具集
│   ├── [component]      //  单个组件
│   │   ├── __tests__    //  测试文件
│   │   ├── demo         //  用以展示的 demo
│   │   └── style        //  组件样式
│   └── style            //  样式
│
├── site             //  展示页源码
│   ├── _util            //  通用方法
│   ├── assets           //  静态资源
│   ├── document         //  文档页（用以电脑访问）
│   ├── instance         //  实例（用以手机访问）
│   └── style            //  样式
│
├── script           //  开发脚本
│   ├── config           //  webpack config
│   ├── gulp             //  gulp script
│   ├── template         //  组件模板
│   └── tests            //  测试相关
│
├── docs             //  项目文档
├── typings          //  类型文件
│                    //  下列文件夹需要运行对应脚本生成
├── build            //  yarn build，展示页打包代码
├── compiled         //  yarn prod，组件库打包代码
│   ├── dist             //  符合 umd 的代码
│   ├── es               //  符合 es6 模块化的代码
│   └── lib              //  符合 CommonJS 规范的模块化的代码
└── coverage         //  测试覆盖率
    ...
```

## 项目特性

-   UI 样式高度可配置，拓展性更强，轻松适应各类产品风格
-   提供 "组件按需加载" / "Web 页面高清显示" / "SVG Icon" 等优化方案，一体式开发
-   使用 TypeScript 开发，提供类型定义文件，支持类型及属性智能提示，方便业务开发
-   配合 TS 使用属性继承，方便对组件进行二次封装
-   使用 React Hooks 开发，性能优异
-   [测试覆盖率 80% 以上](https://codecov.io/gh/jdthfe/eui/)

## 0.0.3

-   新增了 Input 校验的触发方式
-   Radio 更新

---
_Source: https://npm.io/package/@jdthfe/eui · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._
