# @beisen-platform/radio-list

> 用于在多个备选项中选中单个状态。与单选选择器的区别在于备选项直观可见适用于备选项不超过5个且字数较少的场景下

Latest version **1.0.4-rc.2** (published 2019-11-15) · ISC license · 0 weekly downloads

## Install

```sh
npm install @beisen-platform/radio-list
pnpm add @beisen-platform/radio-list
yarn add @beisen-platform/radio-list
bun add @beisen-platform/radio-list
```

## 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-rc.2 |
| Published | 2019-11-15 |
| First published | 2018-11-29 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 4 |
| Unpacked size | 28.9 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | beisen |
| Maintainers | beisencorp |
| Keywords | beisen, react-component, es6 |

## Links

- npm: https://www.npmjs.com/package/@beisen-platform/radio-list
- Repository: http://gitlab.beisencorp.com/ux-cnpm/ux-radio-list
- npm.io page: https://npm.io/package/@beisen-platform/radio-list

## Dependencies (4)

- [@beisen-platform/tool-tip](https://npm.io/package/@beisen-platform/tool-tip.md)
- [@beisen-platform/common-func](https://npm.io/package/@beisen-platform/common-func.md)
- [@beisen-platform/react-icons](https://npm.io/package/@beisen-platform/react-icons.md)
- [@beisen-platform/common-label](https://npm.io/package/@beisen-platform/common-label.md)

## Recent versions

- 1.0.4-rc.2 (latest) — 2019-11-15
- 1.0.4-rc.1 — 2019-06-10
- 1.0.4 — 2019-06-10
- 1.0.3 — 2019-05-27
- 1.0.2-rc.1 — 2019-04-30
- 1.0.2 — 2019-04-17
- 1.0.1 — 2019-04-17
- 1.0.0 — 2019-04-17
- 0.1.1 — 2019-04-16
- 0.1.0 — 2019-04-16
- 0.0.100 — 2019-03-15
- 0.0.99 — 2019-03-15
- 0.0.98 — 2018-11-29

## README

# RadioList 使用说明

## 项目运行

1. cnpm install 或 npm install cnpm使用教程

2. npm run dev （开发环境打包 port:8080）

3. npm run test （测试用例）

4. npm run build （生产环境打包）

## RadioList 参数

```
  data:{
        hidden:false,
        disabled:true,
        required: true,
        hasRender: true,
        radioLabel: '测试测试测试测试',
        radioValue: '内容2',
        errorStatus:true, //是否报错
        errorMsg:"出错了~~~！", //报错信息
        helpMsg:"dqwdqw",
        sideTip:false ,//toolTip是否左右显示
        hiddenTip:false, //toolTip是否显示
        lablePos: true, //label位置，true时在左边，false在上边
        lableTxt: false, //label中文字对齐方式，true左对齐，false右对齐
        onClick:function(e,val){console.log(e,val)},
        onLabelClick: function(val){console.log(val)},
        radioItems: [
          {
            value: 0,
            bsStyle: true,
            isChecked: false,
            text: '内容0'
          },
          {
            value: 1,
            bsStyle: true,
            isChecked: false,
            text: '内容1',
          },
          {
            value: 2,
            bsStyle: true,
            isChecked: true,
            text: '内容2'
          }
        ]
      }


```

## Radiolist 调用方法

1.安装npm组件包

```
npm install @beisen/radio-list --save-dev
```

2.引用组件

  ```
import RadioList from "@beisen/radio-list"
  ```

3.传入参数

```

data:{
        hidden:false,
        disabled:true,
        required: true,
        hasRender: true,
        radioLabel: '测试测试测试测试',
        radioValue: '内容2',
        errorStatus:true, //是否报错
        errorMsg:"出错了~~~！", //报错信息
        helpMsg:"dqwdqw",
        sideTip:false ,//toolTip是否左右显示
        hiddenTip:false, //toolTip是否显示
        lablePos: true, //label位置，true时在左边，false在上边
        lableTxt: false, //label中文字对齐方式，true左对齐，false右对齐
        onClick:function(e,val){console.log(e,val)},
        onLabelClick: function(val){console.log(val)},
        radioItems: [
          {
            value: 0,
            bsStyle: true,
            isChecked: false,
            text: '内容0'
          },
          {
            value: 1,
            bsStyle: true,
            isChecked: false,
            text: '内容1',
          },
          {
            value: 2,
            bsStyle: true,
            isChecked: true,
            text: '内容2'
          }
        ]
      }
      //定义传入组件的数据

```
使用组件

```
<RadioList {...this.state} /> //将数据传入组件


```

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