# @beisen-platform/common-input

> 多选的选择器，不可输入；在表单中多配合表单项标题使用。

Latest version **1.0.2-rc.3** (published 2019-06-10) · ISC license · 0 weekly downloads

## Install

```sh
npm install @beisen-platform/common-input
pnpm add @beisen-platform/common-input
yarn add @beisen-platform/common-input
bun add @beisen-platform/common-input
```

## 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.2-rc.3 |
| Published | 2019-06-10 |
| First published | 2018-11-28 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 4 |
| Unpacked size | 362.7 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/common-input
- Repository: http://gitlab.beisencorp.com/ux-cnpm/ux-common-input
- npm.io page: https://npm.io/package/@beisen-platform/common-input

## 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/es6-promise-debounce](https://npm.io/package/@beisen/es6-promise-debounce.md)

## Recent versions

- 1.0.2-rc.3 (latest) — 2019-06-10
- 1.0.2-rc.2 — 2019-04-30
- 1.0.2-rc.1 — 2019-04-29
- 1.0.2 — 2019-04-16
- 1.0.1 — 2019-03-15
- 1.0.0 — 2019-01-09
- 0.0.80-beta.5 — 2018-11-28
- 0.0.80-beta.4 — 2018-11-28
- 0.0.80-beta.3 — 2018-11-28
- 0.0.80-beta.2 — 2018-11-28
- 0.0.80-beta.1 — 2018-11-28
- 0.0.80 — 2018-11-28

## README

# common-input 使用说明

## 项目运行

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

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

3. npm run test （测试用例）

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

## InputBox 参数

```
  data:{
    "status": "edit" 
    ,"isActive": false //蓝线是否出现
    ,"placeHolder": "请输入" //input中的placeholder
    ,"defaultValue":"1111111" //input中的defaultvalue
    ,"readonly": false //只读态
    ,"errorStatus": false //报错
    ,"errorMsg":"saca99999sc" //报错信息，为空时不显示
    ,"PromptMsg":"" //报错信息，为空时不显示
    ,"istips": true  //渲染tips
    ,"hasInput":true  //直接控制是否渲染input框
    ,"showInput": false  //当为true时，并且selectDate有值时则不显示input框（hasinput = false）
    ,"selectDate":[
        // {
        //     "value":0
        //     ,"name":"查看详情1"
            
        //     ,"isActive":false
        //     ,"isChecked":true
        // },{
        //     "value":1
        //     ,"name":"查看详情2"
        //     ,"pname":"细节看撒2"
        //     ,"isActive":false
        //     ,"isChecked":true
        // } ,{
        //     "value":2
        //     ,"name":"查看详情3"
        //     ,"pname":"细节看撒3"
        //     ,"isActive":false
        //     ,"isChecked":true
        // }  ,{
        //     "value":3
        //     ,"name":"查看详情4"
        //     ,"pname":"细节看撒4"
        //     ,"isActive":false
        //     ,"isChecked":true
        // } 
    ]//数据
    ,handlerClick: function(event, dom){
        console.log(dom)
    }//组件点击事件
    ,itemClose: function(event, item, index){
        self.itemClose(index)
        console.log(item)
    }//删除按钮回调
    ,inputChange: function(event, status, value){
        console.log(value)
    }//input的change事件
    ,inputClick: function(event, status, value){
        console.log(value)
        self.inputClick();
    }//input的点击事件
    ,inputBlur: function(event, status, value){
        console.log(value)
        self.inputBlur();
    }//input的blur事件
    ,dropClick : function(event, status, dom){
        console.log(dom)
    }
```


## common-input 调用方法

1.安装npm组件包

```
npm install @beisen/common-input --save-dev
```

2.引用组件

  ```
import CommonInput from "@beisen/common-input"
  ```
3.传入参数

  ```
  data:{
    "status": "edit" 
    ,"isActive": false //蓝线是否出现
    ,"placeHolder": "请输入" //input中的placeholder
    ,"defaultValue":"1111111" //input中的defaultvalue
    ,"readonly": false //只读态
    ,"errorStatus": false //报错
    ,"errorMsg":"saca99999sc" //报错信息，为空时不显示
    ,"PromptMsg":"" //报错信息，为空时不显示
    ,"istips": true
    ,"hasInput":true
    ,"showInput": false
    ,"selectDate":[
        // {
        //     "value":0
        //     ,"name":"查看详情1"
            
        //     ,"isActive":false
        //     ,"isChecked":true
        // },{
        //     "value":1
        //     ,"name":"查看详情2"
        //     ,"pname":"细节看撒2"
        //     ,"isActive":false
        //     ,"isChecked":true
        // } ,{
        //     "value":2
        //     ,"name":"查看详情3"
        //     ,"pname":"细节看撒3"
        //     ,"isActive":false
        //     ,"isChecked":true
        // }  ,{
        //     "value":3
        //     ,"name":"查看详情4"
        //     ,"pname":"细节看撒4"
        //     ,"isActive":false
        //     ,"isChecked":true
        // } 
    ]//数据
    ,handlerClick: function(event, dom){
        console.log(dom)
    }//组件点击事件
    ,itemClose: function(event, item, index){
        self.itemClose(index)
        console.log(item)
    }//删除按钮回调
    ,inputChange: function(event, status, value){
        console.log(value)
    }//input的change事件
    ,inputClick: function(event, status, value){
        console.log(value)
        self.inputClick();
    }//input的点击事件
    ,inputBlur: function(event, status, value){
        console.log(value)
        self.inputBlur();
    }//input的blur事件
    ,dropClick : function(event, status, dom){
        console.log(dom)
    }
  render () {
      return (
        <CommonInput {...this.state.data} />
      )
    }
  ```

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