# anice-ui

> react ui components base on antd

Latest version **1.0.2** (published 2020-04-30) · ISC license · 0 weekly downloads

## Install

```sh
npm install anice-ui
pnpm add anice-ui
yarn add anice-ui
bun add anice-ui
```

## Health

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

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.2 |
| Published | 2020-04-30 |
| First published | 2020-04-28 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 9 |
| Unpacked size | 3 MB |
| Known vulnerabilities | 0 (+3 in 2 direct dependencies) |
| Install scripts | no |
| Author | rgy |
| Maintainers | rgy19930329 |

## Links

- npm: https://www.npmjs.com/package/anice-ui
- npm.io page: https://npm.io/package/anice-ui

## Dependencies (9)

- [antd](https://npm.io/package/antd.md) ~3.26.0
- [react](https://npm.io/package/react.md) ^16.12.0
- [marked](https://npm.io/package/marked.md) ^0.7.0
- [uniqueid](https://npm.io/package/uniqueid.md) ^1.0.0
- [react-dom](https://npm.io/package/react-dom.md) ^16.12.0
- [prop-types](https://npm.io/package/prop-types.md) ^15.6.2
- [react-quill](https://npm.io/package/react-quill.md) ^1.3.3
- [highlight.js](https://npm.io/package/highlight.js.md) ^9.15.10
- [lodash.debounce](https://npm.io/package/lodash.debounce.md) ^4.0.8

## Recent versions

- 1.0.2 (latest) — 2020-04-30
- 1.0.1 — 2020-04-29
- 1.0.0 — 2020-04-28

## README

# nice-ui

基于 react、antd 封装的场景化 ui 库

## Project setup

```shell
$ npm install --verbose

$ cd website && npm install --verbose
```

## New & Remove

```shell
$ npm run new

$ npm run remove
```

## Development

```
$ npm run watch

$ npm run website

# 打开 http://127.0.0.1:9999/
```

## Build

```shell
$ npm run build
```

## Install

```shell
$ npm install anice-ui@https://github.com/rgy19930329/nice-ui.git#master --save

或者

$ npm install anice-ui --verbose
```

# Usage

```js
// 方案一： 修改 webpack 配置：

module: {
  loaders: [
    {
      test: /\.(js|jsx)$/,
      include: [
        ...
        path.resolve(__dirname, 'node_modules/anice-ui/src'),
      ],
    }
  ]
}

// 方案二：配置babel plugins

// 第一步

"plugins": [
  [
    "import", {
      "libraryName": "anice-ui",
      "libraryDirectory": "es",
    }
  ]
]

// 第二步 入口文件中添加：

import "antd/dist/antd.css";

// 第三步 入口文件中添加：

import "babel-polyfill";

// 或者 在 webpack 配置的 entry 字段最前面添加

entry: [
  "babel-polyfill",
  //...
]

```

## Import

```js
import { Label } from "anice-ui";
```

## Components

| Component                                                 | Desc                                            | Author | Date                |
| --------------------------------------------------------- | ----------------------------------------------- | :----: | ------------------- |
| [Label](./components/Label/README.md)                     | 数据展示 - 字段名和值                           |  rgy   | 2019-5-1            |
| [EnumSelect](./components/EnumSelect/README.md)           | 表单组件 - 下拉选择组件                         |  rgy   | 2019-08-08 15:25:34 |
| [RichText](./components/RichText/README.md)               | 表单组件 - 富文本编辑器                         |  rgy   | 2019-08-12 10:08:10 |
| [HocAsync](./components/HocAsync/README.md)               | 高阶组件 - 代码分割，按需加载                   |  rgy   | 2019-08-13 13:58:31 |
| [HocLoading](./components/HocLoading/README.md)           | 高阶组件 - 为组件添加数据加载 Loading 效果      |  rgy   | 2019-08-13 14:05:54 |
| [CellLimit](./components/CellLimit/README.md)             | 数据展示 - 超出限制宽度部分通过省略号展示       |  rgy   | 2019-08-13 17:17:11 |
| [EnumChoice](./components/EnumChoice/README.md)           | 表单组件 - 选择组件（包括单选、复选）           |  rgy   | 2019-08-13 22:41:53 |
| [Section](./components/Section/README.md)                 | 布局组件 - 区域包裹工具                         |  rgy   | 2019-08-13 23:28:53 |
| [RTabs](./components/RTabs/README.md)                     | 布局组件 - 区域现实隐藏切换                     |  rgy   | 2019-08-16 15:33:54 |
| [EditTable](./components/EditTable/README.md)             | 表单组件 - 可编辑表格                           |  rgy   | 2019-08-16 15:59:24 |
| [HocDebounce](./components/HocDebounce/README.md)         | 高阶组件 - 防抖                                 |  rgy   | 2019-08-19 14:49:21 |
| [ValidateWrapper](./components/ValidateWrapper/README.md) | 数据展示 - 校验信息提示容器                     |  rgy   | 2019-08-27 17:42:46 |
| [FormTable](./components/FormTable/README.md)             | 表单组件 - 表格表单项组件                       |  rgy   | 2019-08-30 18:00:28 |
| [withQuery](./components/withQuery/README.md)             | 高阶组件 - 参数解析                             |  rgy   | 2019-09-02 11:35:13 |
| [withFormInChild](./components/withFormInChild/README.md) | 高阶组件 - 在 context 中传递 form               |  rgy   | 2019-09-02 17:13:03 |
| [PureField](./components/PureField/README.md)             | 表单组件 - 纯数据展示                           |  rgy   | 2019-09-03 13:39:31 |
| [SearchWrapper](./components/SearchWrapper/README.md)     | 布局组件 - 搜索区包裹组件                       |  rgy   | 2019-09-03 15:39:49 |
| [RotateToggle](./components/RotateToggle/README.md)       | 控制组件 - 旋转开关                             |  rgy   | 2019-09-03 18:27:17 |
| [MarkDown](./components/MarkDown/README.md)               | 数据展示 - 解析 markdown 文本并展示             |  rgy   | 2019-09-04 13:59:17 |
| [InlineList](./components/InlineList/README.md)           | 数据展示 - 行内列表数据展示                     |  rgy   | 2019-09-05 15:41:56 |
| [RUpload](./components/RUpload/README.md)                 | 表单组件 - 文件上传                             |  rgy   | 2019-09-10 14:53:45 |
| [RCheckbox](./components/RCheckbox/README.md)             | 表单组件 - 映射 Checkbox 的值                   |  rgy   | 2019-09-17 16:43:41 |
| [ListPage](./components/ListPage/README.md)               | 场景组件 - 带查询条件的列表页                   |  rgy   | 2019-10-04 09:40:04 |
| [MultiItems](./components/MultiItems/README.md)           | 表单组件 - 为自定义的选择组件提供输入框展示模式 |  rgy   | 2019-10-09 09:09:52 |
| [HzTable](./components/HzTable/README.md)                 | 场景组件 - 表格组件                             |  RGY   | 2019-12-11 13:45:15 |

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