ac-search-panel

react ac-search-panel component for tinper-bee

折叠查询条件

使用方法

import SearchPanel from 'ac-search-panel';

class SearchPanelDemo extends Component {
    render() {
        return (
            <SearchPanel/>
        )
    }
}

样式引入

• 可以使用link引入build目录下SearchPanel.css

<link rel="stylesheet" href="./node_modules/ac-search-panel/build/SearchPanel.css">

• 可以在js中import样式

import "./node_modules/ac-search-panel/src/SearchPanel.scss"
//或是
import "./node_modules/ac-search-panel/build/SearchPanel.css"

API

参数	说明	类型	默认值
searchOpen	是否默认展开	boolean	false
showIcon	是否显示展开关闭图标	boolean	true
searchHead	标题	string	-
searchContent	表单内容	ReactNode/string	-
searchClick	查询按钮回调	function	()=>{}
clearClick	清空按钮回调	function	()=>{}

开发调试

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