0.1.80 • Published 6 years ago
@beisen/search v0.1.80
Search使用说明
项目运行
cnpm install 或 npm install cnpm使用教程
npm run dev (开发环境打包 port:8080)
npm run test (测试用例)
npm run build (生产环境打包)
Search参数
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.引用组件
import Search from "@beisen/search"
传入参数
该参数为上述参数,传入方式使用: data={参数}
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} /> ) }
0.1.80
6 years ago
0.1.79
6 years ago
0.1.78
6 years ago
0.1.77
6 years ago
0.1.76
6 years ago
0.1.75
6 years ago
0.1.74
6 years ago
0.1.73
7 years ago
0.1.72
7 years ago
0.1.71-2
7 years ago
0.1.71-1
7 years ago
0.1.71
7 years ago
0.1.70
7 years ago
0.1.69
7 years ago
0.1.68
7 years ago
0.1.67
8 years ago
0.1.66
8 years ago
0.1.65
8 years ago
0.1.64
8 years ago
0.1.63
8 years ago
0.1.62
8 years ago
0.1.61
8 years ago
0.1.60
8 years ago
0.1.58
8 years ago
0.1.57
8 years ago
0.1.56
8 years ago
0.1.55
8 years ago
0.1.54
8 years ago
0.1.53
8 years ago
0.1.52
8 years ago
0.1.51
8 years ago
0.1.50
8 years ago
0.1.49
8 years ago
0.1.48
8 years ago
0.1.47
8 years ago
0.1.46
8 years ago
0.1.45
8 years ago
0.1.44
8 years ago
0.1.43
8 years ago
0.1.42
8 years ago
0.1.39
8 years ago
0.1.22
8 years ago
0.1.38
8 years ago