# @beisen/search

> Search

Latest version **0.1.80** (published 2019-07-18) · ISC license · 0 weekly downloads

## Install

```sh
npm install @beisen/search
pnpm add @beisen/search
yarn add @beisen/search
bun add @beisen/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.1.80 |
| Published | 2019-07-18 |
| First published | 2017-02-09 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 3 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | xiaosiyu |
| Maintainers | beisencorp |
| Keywords | beisen, react-component, es6, karma, jasmine |

## Links

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

## Recent versions

- 0.1.80 (latest) — 2019-07-18
- 0.1.79 — 2019-07-12
- 0.1.78 — 2019-07-11
- 0.1.77 — 2019-06-28
- 0.1.76 — 2019-05-27
- 0.1.75 — 2019-04-28
- 0.1.74 — 2019-04-04
- 0.1.73 — 2018-12-14
- 0.1.72 — 2018-12-13
- 0.1.71-2 — 2018-11-01
- 0.1.71-1 — 2018-10-31
- 0.1.71 — 2018-07-12
- 0.1.70 — 2018-05-30
- 0.1.69 — 2018-02-28
- 0.1.68 — 2018-02-01
- … 28 more at https://npm.io/package/@beisen/search/versions

## README

# Search使用说明

## 项目运行

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

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

3. npm run test （测试用例）

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

## Search参数

```javascript
const props = {
  /**
   * 没有值的时候显示的内容
   */
  placeholder: '搜索',

  /**
   * 文字前面的图标IconName
   */
  iconName: 'sys-icon-sousuo',

  /**
   * 搜索框中的默认值
   */
  value: '111',

  /**
   * 初始状态时是否激活
   */
  active: false,

  /**
   * 设置隐藏
   */
  hidden: false,

  /**
   * 设置只读
   */
  readonly: false,

  /**
   * 不可用状态
   */
  disabled: false,

  /**
   * 只读
   */
  readonly:false,

  /**
   * 使用input的placeholder
   * 将placeholder传给原生<input>元素
   * 值为true时原生<input>和Search组件的包装都有placeholder，
   * 否则只有Search组件的包装有placeholder
   */
  useInputPlaceHolder:false,

  /**
   * 支持的事件
   */
  onClick: function (val) { console.log(val) },
  onBlur: function (val) { console.log(val) },
  onFocus: function (val) { console.log(val) },
  onChange: function (val) { console.log(val) },
  onKeyDown: function (val) { console.log(val) }
}

```


## Search调用方法

1.安装npm组件包

```
npm install @beisen/search --save-dev
```

2.引用组件

  ```javascript
import Search from "@beisen/search"
  ```
3. 传入参数

  该参数为上述参数，传入方式使用: data={参数}

  ```javascript
  state= {
    SearchData :{
      "placeholder":"搜索"        /**没有值的时候显示的内容(string)**/
      ,"iconName":"icon-sousuo"     /**IconName 文字前面的图标**/
      ,"value":""  //搜索框中的默认值
      ,"active":true //input框激活
      ,"hidden":false             //隐藏搜索框
      ,"readonly":false           //搜索框只读
      ,"disabled":false           //搜索框禁用
      ,"onClick":function(val){console.log(val)}
      ,"onBlur":function(val){console.log(val)}
      ,"onFocus":function(val){console.log(val)}
      ,"onChange":function(val){console.log(val)}
    }
  }
  render () {
      return (
        <Search {...this.state.SearchData} />
      )
    }
  ```

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