initializaion

.gitignore

@@ -0,0 +1,38 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# node-waf configuration
+.lock-wscript
+
+
+# Dependency directories
+node_modules
+jspm_packages
+
+# Optional npm cache directory
+.npm
+
+# Optional REPL history
+.node_repl_history
+
+dist
+coverage

.npmignore

@@ -0,0 +1,28 @@
+bower_components/
+*.cfg
+node_modules/
+nohup.out
+*.iml
+.idea/
+.ipr
+.iws
+*~
+~*
+*.diff
+*.log
+*.patch
+*.bak
+.DS_Store
+Thumbs.db
+.project
+.*proj
+.svn/
+*.swp
+out/
+.build
+node_modules
+_site
+sea-modules
+spm_modules
+.cache
+coverage

.travis.yml

@@ -0,0 +1,22 @@
+sudo: false
+
+language: node_js
+
+node_js:
+  - "6"
+
+service_name: travis-ci
+repo_token: add
+
+env:
+  global:
+    - NODE_ENV=travisci
+    - NPM_CONFIG_PROGRESS="false"
+
+before_install:
+  - npm install -g bee-tools
+
+script:  npm test
+
+after_script:
+    - npm run coveralls

README.md

@@ -0,0 +1,61 @@
+# bee-search-panel
+
+[![npm version](https://img.shields.io/npm/v/bee-search-panel.svg)](https://www.npmjs.com/package/bee-search-panel)
+[![Build Status](https://img.shields.io/travis/tinper-bee/bee-search-panel/master.svg)](https://travis-ci.org/tinper-bee/bee-search-panel)
+[![Coverage Status](https://coveralls.io/repos/github/tinper-bee/bee-search-panel/badge.svg?branch=master)](https://coveralls.io/github/tinper-bee/bee-search-panel?branch=master)
+[![devDependency Status](https://img.shields.io/david/dev/tinper-bee/bee-search-panel.svg)](https://david-dm.org/tinper-bee/bee-search-panel#info=devDependencies)
+[![NPM downloads](http://img.shields.io/npm/dm/bee-search-panel.svg?style=flat)](https://npmjs.org/package/bee-search-panel)
+[![Average time to resolve an issue](http://isitmaintained.com/badge/resolution/tinper-bee/bee-search-panel.svg)](http://isitmaintained.com/project/tinper-bee/bee-search-panel "Average time to resolve an issue")
+[![Percentage of issues still open](http://isitmaintained.com/badge/open/tinper-bee/bee-search-panel.svg)](http://isitmaintained.com/project/tinper-bee/bee-search-panel "Percentage of issues still open")
+
+
+react bee-search-panel component for tinper-bee
+
+折叠查询条件
+
+## 使用方法
+
+```
+import SearchPanel from 'bee-search-panel';
+
+class SearchPanelDemo extends Component {
+    render() {
+        return (
+            <SearchPanel/>
+        )
+    }
+}
+```
+#### 样式引入
+- 可以使用link引入build目录下SearchPanel.css
+```
+<link rel="stylesheet" href="./node_modules/bee-search-panel/build/SearchPanel.css">
+```
+- 可以在js中import样式
+```js
+import "./node_modules/bee-search-panel/src/SearchPanel.scss"
+//或是
+import "./node_modules/bee-search-panel/build/SearchPanel.css"
+```
+
+
+## API
+
+|参数|说明|类型|默认值|
+|:--|:---:|:--:|---:|
+|searchOpen|是否默认展开|boolean|false|
+|showIcon|是否显示展开关闭图标|boolean|true|
+|searchHead|标题|string|-|
+|searchContent|表单内容|ReactNode/string|-|
+|searchClick|查询按钮回调|function|()=>{}|
+|clearClick|清空按钮回调|function|()=>{}|
+
+#### 开发调试
+
+```sh
+$ npm install -g bee-tools
+$ git clone https://github.com/tinper-bee/bee-search-panel
+$ cd bee-search-panel
+$ npm install
+$ npm run dev
+```

README_EN.md

@@ -0,0 +1,38 @@
+# bee-search-panel
+
+[![npm version](https://img.shields.io/npm/v/bee-search-panel.svg)](https://www.npmjs.com/package/bee-search-panel)
+[![Build Status](https://img.shields.io/travis/tinper-bee/bee-search-panel/master.svg)](https://travis-ci.org/tinper-bee/bee-search-panel)
+[![Coverage Status](https://coveralls.io/repos/github/tinper-bee/bee-search-panel/badge.svg?branch=master)](https://coveralls.io/github/tinper-bee/bee-search-panel?branch=master)
+[![devDependency Status](https://img.shields.io/david/dev/tinper-bee/bee-search-panel.svg)](https://david-dm.org/tinper-bee/bee-search-panel#info=devDependencies)
+[![NPM downloads](http://img.shields.io/npm/dm/bee-search-panel.svg?style=flat)](https://npmjs.org/package/bee-search-panel)
+[![Average time to resolve an issue](http://isitmaintained.com/badge/resolution/tinper-bee/bee-search-panel.svg)](http://isitmaintained.com/project/tinper-bee/bee-search-panel "Average time to resolve an issue")
+[![Percentage of issues still open](http://isitmaintained.com/badge/open/tinper-bee/bee-search-panel.svg)](http://isitmaintained.com/project/tinper-bee/bee-search-panel "Percentage of issues still open")
+
+
+
+react bee-search-panel component for tinper-bee
+
+
+## Usage
+
+```js
+
+
+```
+
+
+
+## API
+
+|参数|说明|类型|默认值|
+|:--|:---:|:--:|---:|
+
+#### develop
+
+```sh
+$ npm install -g bee-tools
+$ git clone https://github.com/tinper-bee/bee-search-panel
+$ cd bee-search-panel
+$ npm install
+$ npm run dev
+```

demo/SearchPanelDemo.js

@@ -0,0 +1,5 @@
+import SearchPanel from '../src/index';
+import React, { Component } from 'react';
+import ReactDOM from 'react-dom';
+class Demo extends Component {render(){return( <SearchPanel/> )}}
+export default Demo;

demo/SearchPanelDemo.scss

@@ -0,0 +1,6 @@
+@import "../node_modules/tinper-bee-core/scss/index.scss";
+@import "../src/SearchPanel.scss";
+@import "../node_modules/bee-panel/src/Panel.scss";
+@import "../node_modules/bee-layout/src/Layout.scss";
+@import "../node_modules/bee-button/src/Button.scss";
+@import "../node_modules/bee-transition/src/Transition.scss";

demo/atom-one-dark.css

@@ -0,0 +1,96 @@
+/*
+
+Atom One Dark by Daniel Gamage
+Original One Dark Syntax theme from https://github.com/atom/one-dark-syntax
+
+base:    #282c34
+mono-1:  #abb2bf
+mono-2:  #818896
+mono-3:  #5c6370
+hue-1:   #56b6c2
+hue-2:   #61aeee
+hue-3:   #c678dd
+hue-4:   #98c379
+hue-5:   #e06c75
+hue-5-2: #be5046
+hue-6:   #d19a66
+hue-6-2: #e6c07b
+
+*/
+
+.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 0.5em;
+  color: #abb2bf;
+  background: #282c34;
+}
+
+.hljs-comment,
+.hljs-quote {
+  color: #5c6370;
+  font-style: italic;
+}
+
+.hljs-doctag,
+.hljs-keyword,
+.hljs-formula {
+  color: #c678dd;
+}
+
+.hljs-section,
+.hljs-name,
+.hljs-selector-tag,
+.hljs-deletion,
+.hljs-subst {
+  color: #e06c75;
+}
+
+.hljs-literal {
+  color: #56b6c2;
+}
+
+.hljs-string,
+.hljs-regexp,
+.hljs-addition,
+.hljs-attribute,
+.hljs-meta-string {
+  color: #98c379;
+}
+
+.hljs-built_in,
+.hljs-class .hljs-title {
+  color: #e6c07b;
+}
+
+.hljs-attr,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-type,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-number {
+  color: #d19a66;
+}
+
+.hljs-symbol,
+.hljs-bullet,
+.hljs-link,
+.hljs-meta,
+.hljs-selector-id,
+.hljs-title {
+  color: #61aeee;
+}
+
+.hljs-emphasis {
+  font-style: italic;
+}
+
+.hljs-strong {
+  font-weight: bold;
+}
+
+.hljs-link {
+  text-decoration: underline;
+}