Skip to content

tinper-acs/ac-complex-search-panel

 
 

Repository files navigation

ac-complex-search-panel

npm version Build Status Coverage Status devDependency Status NPM downloads Average time to resolve an issue Percentage of issues still open

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