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