# jun-rc-antd

> Ant Design of React

Latest version **1.0.4** (published 2020-08-21) · ISC license · 0 weekly downloads

## Install

```sh
npm install jun-rc-antd
pnpm add jun-rc-antd
yarn add jun-rc-antd
bun add jun-rc-antd
```

## Health

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

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.4 |
| Published | 2020-08-21 |
| First published | 2020-06-04 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Node | >=8.0.0 |
| Dependencies | 7 |
| Unpacked size | 3.3 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 5 |
| Author | xwjune@163.com |
| Maintainers | xwjune |

## Links

- npm: https://www.npmjs.com/package/jun-rc-antd
- Repository: https://github.com/xwjune/rc-antd
- Homepage: https://github.com/xwjune/rc-antd#readme
- Issues: https://github.com/xwjune/rc-antd/issues
- npm.io page: https://npm.io/package/jun-rc-antd

## Dependencies (7)

- [antd](https://npm.io/package/antd.md) ^4.1.0
- [react](https://npm.io/package/react.md) ^16.13.1
- [lodash](https://npm.io/package/lodash.md) ^4.17.15
- [jun-utils](https://npm.io/package/jun-utils.md) ^1.10.3
- [react-dom](https://npm.io/package/react-dom.md) ^16.13.1
- [classnames](https://npm.io/package/classnames.md) ^2.2.6
- [prop-types](https://npm.io/package/prop-types.md) ^15.7.2

## Recent versions

- 1.0.4 (latest) — 2020-08-21
- 1.0.3 — 2020-06-09
- 1.0.2 — 2020-06-09
- 1.0.1 — 2020-06-05
- 0.0.2 — 2020-06-05
- 0.0.1 — 2020-06-04

## README

> Ant Design of React

## Installation

Install with npm:

```bash
npm install jun-rc-antd
```

Install with yarn:

```bash
yarn add jun-rc-antd
```

## Usage

ES6 module:

```jsx
import { ImgView } from 'jun-rc-antd';

// 图片预览
ReactDOM.render(
  <ImgView src="pic.png">
    <img
      alt="图片"
      src="pic.png"
      style={{ width: 80, height: 80 }}
    />
  </ImgView>,
  mountNode
);
```

Script:

```html
<!DOCTYPE html>
<html lang="zh-cn">
<head>
  <meta charset="utf-8">
  <title>jun-rc-antd</title>
  <link rel="stylesheet" type="text/css" href="jun-rc-antd.min.css">
</head>
<body>
  <div id="root"></div>
  <script type="text/javascript" charset="utf-8" src="react.js"></script>
  <script type="text/javascript" charset="utf-8" src="react-dom.js"></script>
  <script type="text/javascript" charset="utf-8" src="browser.js"></script>
  <script type="text/javascript" charset="utf-8" src="jun-rc-antd.min.js"></script>
  <script type="text/babel">
    const ImgView = junRcAntd.ImgView;
    // 图片预览
    ReactDOM.render(
      <ImgView src="pic.png">
        <img
          alt="图片"
          src="pic.png"
          style={{ width: 80, height: 80 }}
        />
      </ImgView>,
      document.getElementById('root')
    );
  </script>
</body>
</html>
```

## Note
部分组件需要引入样式

## Components

### ImgView
**图片预览**

样式：`jun-rc-antd/lib/components/imgView/style.css`

| Property | Description | Type | Default |
| :------- | :---------- | :--- | :------ |
| src | 图片资源 | string | - |

### SearchForm
**搜索表单**

| Property | Description | Type | Default |
| :------- | :---------- | :--- | :------ |
| className | 样式类 | string  | - |
| formRef | 表单实体 | object | - |
| onSearch | 查询回调 | function(values) | - |
| onReset | 重置回调 | function | - |
| list | 选择项 | array | - |
| multiple | 是否为高级搜索 | boolean | false |
| collapsed | 高级搜索是否收起 | boolean | true |
| size | 简易搜索个数 | number | 3 |
| loading | 是否正在查询 | boolean | - |
| initialValues | 初始值 | object | - |
| onExport | 导出回调 | function | - |
| extra | 搜索栏额外元素【操作按钮】 | string \| ReactNode | - |
| onCollapse | 展开 \| 收起回调 | function(collapsed) | noop |
| searchText | 查询按钮文字 | string | 查询 |
| resetText | 重置按钮文字 | string | 重置 |
| exportText | 导出按钮文字 | string | 导出 |
| collapseText | 收起状态按钮文字 | string | 展开 |
| uncollapseText | 展开状态按钮文字 | string | 收起 |

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