ac-complex-search-panel

ac-complex-search-panel

react ac-complex-search-panel component for tinper-bee

some description...

依赖

• react >= 15.3.0
• react-dom >= 15.3.0
• prop-types >= 15.6.0

使用方法

$ npm install ac-complex-search-panel --save-dev

引入

import AcComplexSearchPanel from 'ac-complex-search-panel';

样式引入

import 'ac-complex-search-panel/dist/ac-complex-search-panel.css';

API

参数	说明	类型	默认值
form	bee-form组件内的form，必须传入	object	-
searchOpen	是否默认展开更多查询条件	string	false
open	设置展开显示	string	-
openHandle	展开收起回调	function	() => {}
search	查询的回调	function	() => {}
reset	重置的回调,默认首先调用'this.props.form.resetFields()'清空所有值,无法清空的需要在回调中手动清空	function	() => {}
resetName	重置的文字	string	重置
searchName	查询的文字	string	查询
searchHead	查询标题文字	string	查询面板
btnPosition	按钮位置	left/right/center	right
openName	展开的文字或者dom	string/dom	展开
closeName	收起的文字或者dom	string/dom	收起
showIcon	是否显示展开收起的图标	bool	true
renderHeader	自定义头部信息	function	-
renderFooter	自定义底部信息	function	-
searchBtnProps	查询按钮属性，onClick无效	object	-
resetBtnProps	清空按钮属性，onClick无效	object	-
searchBtnPosition	查询按钮位置	left/right	left
searchHead	查询面板标题	string	查询面板

开发调试

$ npm install -g bee-tools
$ git clone https://github.com/tinper-bee/ac-complex-search-panel
$ cd ac-complex-search-panel
$ npm install
$ npm run dev