# @beisen/upaas-textbox-search

> * 文本框的搜索态组件

Latest version **0.0.10** (published 2018-03-19) · ISC license · 0 weekly downloads

## Install

```sh
npm install @beisen/upaas-textbox-search
pnpm add @beisen/upaas-textbox-search
yarn add @beisen/upaas-textbox-search
bun add @beisen/upaas-textbox-search
```

## Health

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

Positive: no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.10 |
| Published | 2018-03-19 |
| First published | 2017-05-05 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 2 |
| Unpacked size | 1.4 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | beisencorp |
| Keywords | beisen, react-component, es6, karma, jasmine |

## Links

- npm: https://www.npmjs.com/package/@beisen/upaas-textbox-search
- Repository: git@gitlab.beisen.co:cnpm/beisen-module-template
- npm.io page: https://npm.io/package/@beisen/upaas-textbox-search

## Dependencies (2)

- [react](https://npm.io/package/react.md) ^0.14.6
- [react-dom](https://npm.io/package/react-dom.md) ^0.14.6

## Recent versions

- 0.0.10 (latest) — 2018-03-19
- 0.0.9 — 2017-08-21
- 0.0.8 — 2017-08-10
- 0.0.7 — 2017-08-08
- 0.0.6 — 2017-06-08
- 0.0.5 — 2017-05-25
- 0.0.4 — 2017-05-25
- 0.0.3 — 2017-05-08
- 0.0.2 — 2017-05-05

## README

#### @beisen/upaas-textbox-search

* 文本框的搜索态组件

* 默认需要的参数

```
  /**必传参数
  * @param {String} title 下拉按钮文本---必传
  * @param {Function} onChange 组件对外onchange回调，this.props.onChange({text: '', value: ''}) ---必传
  */
  
  /**可选参数
  * @param {Boolean} hidden 显示或隐藏
  * @param {Object} baseData : {
    'bsStyle': 'default'
    ,'bsSize': 'small'
    ,'active': false
    ,'disabled': false
    ,'href': null          /**如果该字段有定义且非空，return（<a/>）,否则return（</button>）**/
    ,'title': '确定'         /**显示文本(string)**/
    ,'hidden': false   //是否显示按钮
    ,'maxWidth': '40px'          //最大宽度，默认为"" ,超出后，超出的部门显示...
  }
  * @param {Object} textContent: {
    "showTag":""
    ,"defaultValue":""
    ,"placeHolder":"请输入文本"
    ,"errorStatus":false
    ,"showText":""
    ,"errorMsg":"出错了~~~！"
    ,"symbol":"" //符号，为空时没有符号
    ,"helpMsg":""
    ,"sideTip":false //toolTip是否左右显示
    ,"hiddenTip":false //toolTip是否显示
    ,"hidden":false
    ,"disabled":false
    ,"readonly":false
    ,"required":false
  */

```

* 使用demo

```
import TextboxSearch from '@beisen/upaas-textbox-search';

class Demo extends Component{

  constructor(props){
    super(props);

    this.state = {
      "title": "技术"   //下拉按钮文本--》必填
      ,onChange: function(obj) {
         console.log(obj, "获得文本框中的值")
      }  //必填
      /*下边的都选填*/
      ,hidden: false
      //按钮数据
      ,baseData: {
        'bsStyle': 'default'
        ,'bsSize': 'small'
        ,'active': false
        ,'disabled': false
        ,'href': null          /**如果该字段有定义且非空，return（<a/>）,否则return（</button>）**/
        ,'title': '确定'         /**显示文本(string)**/
        ,'hidden': false   //是否显示按钮
        ,'maxWidth': '40px'          //最大宽度，默认为"" ,超出后，超出的部门显示...
      }
      //文本框数据
      ,textContent: {
        "showTag":""
        ,"defaultValue":""
        ,"placeHolder":"请输入文本"
        ,"errorStatus":false
        ,"showText":""
        ,"errorMsg":"出错了~~~！"
        ,"symbol":"" //符号，为空时没有符号
        ,"helpMsg":""
        ,"sideTip":false //toolTip是否左右显示
        ,"hiddenTip":false //toolTip是否显示
        ,"hidden":false
        ,"disabled":false
        ,"readonly":false
        ,"required":false
      }
    }
  }

  render () {
    return (
      <div style={{width: '50px'}}>
          <TextboxSearch {...this.state}/>
      </div>
    )
  }
}
```

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