# ac-complex-search-panel > ComplexSearchPanel ui component for react Latest version **0.1.7** (published 2020-12-09) · MIT license · 0 weekly downloads ## Install ```sh npm install ac-complex-search-panel pnpm add ac-complex-search-panel yarn add ac-complex-search-panel bun add ac-complex-search-panel ``` ## Health **Score 15/100 (F)** — status: abandoned. Positive: no vulnerabilities. Warnings: low downloads; no types; no esm support; large bundle; pre 1.0. Negative: abandoned; low maintenance score. ## Facts | | | |---|---| | Version | 0.1.7 | | Published | 2020-12-09 | | First published | 2018-10-29 | | Weekly downloads | 0 | | License | MIT | | TypeScript types | none | | Module format | CommonJS | | Node | >=4.0.0 | | Dependencies | 5 | | Unpacked size | 20 MB | | Known vulnerabilities | 0 | | Install scripts | no | | Author | Yonyou FED | | Maintainers | gcht163, gaox2025f, houjitong, tinper-bot, liuyk, banyudu, bjyxszd, huayingjie, npm_yx, yangchch, yonyoufed, jonyw, guoyongfeng, zhaoyuchief, kvkens, liushaozhen, whizbz | | Keywords | react, react-component, ac-complex-search-panel, iuap-design, tinper-bee, ComplexSearchPanel | ## Links - npm: https://www.npmjs.com/package/ac-complex-search-panel - Repository: https://github.com/tinper-bee/ac-complex-search-panel - Homepage: https://github.com/tinper-acs/ac-complex-search-panel.git - Issues: https://github.com/tinper-acs/ac-complex-search-panel.git/issues - npm.io page: https://npm.io/package/ac-complex-search-panel ## Dependencies (5) - [bee-panel](https://npm.io/package/bee-panel.md) 1.2.13 - [classnames](https://npm.io/package/classnames.md) ^2.2.5 - [babel-runtime](https://npm.io/package/babel-runtime.md) ^6.23.0 - [react-hot-keys](https://npm.io/package/react-hot-keys.md) ^1.3.0 - [tinper-bee-core](https://npm.io/package/tinper-bee-core.md) latest ## Alternatives - [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads - [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads - [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads - [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads - [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads ## Recent versions - 0.1.7 (latest) — 2020-12-09 - 0.1.6 — 2020-12-09 - 0.1.5 — 2019-03-27 - 0.1.4 — 2019-03-26 - 0.1.3 — 2019-02-18 - 0.1.2 — 2019-02-16 - 0.1.0 — 2019-02-16 - 0.0.6 — 2018-12-07 - 0.0.5 — 2018-11-12 - 0.0.4 — 2018-11-08 - 0.0.3 — 2018-11-08 - 0.0.2 — 2018-10-29 ## README # ac-complex-search-panel [![npm version](https://img.shields.io/npm/v/ac-complex-search-panel.svg)](https://www.npmjs.com/package/ac-complex-search-panel) [![Build Status](https://img.shields.io/travis/tinper-bee/ac-complex-search-panel/master.svg)](https://travis-ci.org/tinper-bee/ac-complex-search-panel) [![Coverage Status](https://coveralls.io/repos/github/tinper-bee/ac-complex-search-panel/badge.svg?branch=master)](https://coveralls.io/github/tinper-bee/ac-complex-search-panel?branch=master) [![devDependency Status](https://img.shields.io/david/dev/tinper-bee/ac-complex-search-panel.svg)](https://david-dm.org/tinper-bee/ac-complex-search-panel#info=devDependencies) [![NPM downloads](http://img.shields.io/npm/dm/ac-complex-search-panel.svg?style=flat)](https://npmjs.org/package/ac-complex-search-panel) [![Average time to resolve an issue](http://isitmaintained.com/badge/resolution/tinper-bee/ac-complex-search-panel.svg)](http://isitmaintained.com/project/tinper-bee/ac-complex-search-panel "Average time to resolve an issue") [![Percentage of issues still open](http://isitmaintained.com/badge/open/tinper-bee/ac-complex-search-panel.svg)](http://isitmaintained.com/project/tinper-bee/ac-complex-search-panel "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 ## 使用方法 ```js $ 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 | 查询面板 | #### 开发调试 ```sh $ 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 ``` --- _Source: https://npm.io/package/ac-complex-search-panel · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._