fisrt

.eslintignore

@@ -0,0 +1,2 @@
+build/*
+node_modules

.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,29 @@
+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
+dist
+coverage

.travis.yml

@@ -0,0 +1,16 @@
+sudo: false
+
+language: node_js
+
+node_js:
+  - "6"
+
+env:
+  global:
+    - NODE_ENV=travisci
+    - NPM_CONFIG_PROGRESS="false"
+
+before_install:
+  - npm install -g bee-tools
+
+script:  npm test

README.md

@@ -0,0 +1,59 @@
+# bee-dropdown
+[![npm version]()]()
+[![Build Status]()]()
+[![devDependency Status](https://img.shields.io/david/dev/tinper-bee/bee-dropdown.svg)](https://david-dm.org/tinper-bee/bee-dropdown#info=devDependencies)
+
+
+[![NPM version][npm-image]][npm-url]
+[![build status][travis-image]][travis-url]
+[![Test coverage][coveralls-image]][coveralls-url]
+[![gemnasium deps][gemnasium-image]][gemnasium-url]
+[![npm download][download-image]][download-url]
+
+[npm-image]: https://img.shields.io/npm/v/bee-dropdown.svg?style=flat-square
+[npm-url]: https://www.npmjs.com/package/bee-dropdown
+[travis-image]: https://img.shields.io/travis/tinper-bee/generator-tinper-bee/master.svg?style=flat-square
+[travis-url]: https://travis-ci.org/tinper-bee/bee-dropdown
+
+[coveralls-image]: https://img.shields.io/coveralls/tinper-bee/bee-dropdown.svg?style=flat-square
+[coveralls-url]: https://coveralls.io/r/tinper-bee/bee-dropdown?branch=master
+[gemnasium-image]: http://img.shields.io/gemnasium/tinper-bee/bee-dropdown.svg?style=flat-square
+[gemnasium-url]: https://gemnasium.com/tinper-bee/bee-dropdown
+[node-image]: https://img.shields.io/badge/node.js-%3E=_0.10-green.svg?style=flat-square
+[node-url]: http://nodejs.org/download/
+[download-image]: https://img.shields.io/npm/dm/bee-dropdown.svg?style=flat-square
+[download-url]: https://npmjs.org/package/bee-dropdown
+
+
+## Browser Support
+
+|![IE](https://raw.github.com/alrra/browser-logos/master/internet-explorer/internet-explorer_48x48.png) | ![Chrome](https://raw.github.com/alrra/browser-logos/master/chrome/chrome_48x48.png) | ![Firefox](https://raw.github.com/alrra/browser-logos/master/firefox/firefox_48x48.png) | ![Opera](https://raw.github.com/alrra/browser-logos/master/opera/opera_48x48.png) | ![Safari](https://raw.github.com/alrra/browser-logos/master/safari/safari_48x48.png)|
+| --- | --- | --- | --- | --- |
+| IE 8+ ✔ | Chrome 31.0+ ✔ | Firefox 31.0+ ✔ | Opera 30.0+ ✔ | Safari 7.0+ ✔ |
+
+
+react bee-dropdown component for tinper-bee
+
+some description...
+
+## 使用方法
+
+```js
+
+```
+
+
+
+## API
+
+|参数|说明|类型|默认值|
+|:--|:---:|:--:|---:|
+
+#### 开发调试
+
+```sh
+$ git clone https://github.com/tinper-bee/bee-dropdown
+$ cd bee-dropdown
+$ npm install
+$ npm run dev
+```

demo/DropdownDemo.js

@@ -0,0 +1,74 @@
+import { Dropdown } from '../src';
+import React, { Component } from 'react'
+import ReactDOM from 'react-dom';
+
+const SHAPES = ['primary', 'accent','success', 'warning', 'danger', 'info'];
+
+function renderButtonGroup(shape,index){
+    return (
+        <Dropdown type={shape}  title={shape} key={index}>
+            <Dropdown.Item eventKey="A" >Default Item</Dropdown.Item>
+            <Dropdown.Item eventKey="B" active>Active Item</Dropdown.Item>
+            <Dropdown.Item eventKey="C" disabled>Disabled Item</Dropdown.Item>
+            <Dropdown.Item divider></Dropdown.Item>
+            <Dropdown.Item href="http://www.pagurian.com">Link Item</Dropdown.Item>
+        </Dropdown>
+    );
+}
+
+class Demo extends Component {
+  render(){
+    return(
+      <div>
+      <h3>不同颜色下拉</h3>
+      {SHAPES.map(renderButtonGroup)}
+      <h3>下拉</h3>
+      <Dropdown title="default">
+      <Dropdown.Item>下拉一</Dropdown.Item>
+      <Dropdown.Item>下拉2</Dropdown.Item>
+      <Dropdown.Item>下拉3</Dropdown.Item>
+      <Dropdown.Item>下拉4</Dropdown.Item>
+      </Dropdown>
+      <h3>不可用下拉</h3>
+      <Dropdown title="default" disabled>
+      <Dropdown.Item>下拉一</Dropdown.Item>
+      <Dropdown.Item>下拉2</Dropdown.Item>
+      <Dropdown.Item>下拉3</Dropdown.Item>
+      <Dropdown.Item>下拉4</Dropdown.Item>
+      </Dropdown>
+      <h3>带不可点击下拉</h3>
+      <Dropdown title="default">
+      <Dropdown.Item eventKey="A" disabled>下拉一</Dropdown.Item>
+      <Dropdown.Item eventKey="B" active>下拉2</Dropdown.Item>
+      <Dropdown.Item eventKey="C">下拉3</Dropdown.Item>
+      <Dropdown.Item eventKey="D">下拉4</Dropdown.Item>
+      <Dropdown.Item href="http://www.baidu.com">下拉4</Dropdown.Item>
+      </Dropdown>
+      <h3>上拉</h3>
+      <Dropdown title="default" dropup type="primary">
+      <Dropdown.Item disabled>下拉一</Dropdown.Item>
+      <Dropdown.Item>下拉2</Dropdown.Item>
+      <Dropdown.Item>下拉3</Dropdown.Item>
+      <Dropdown.Item>下拉4</Dropdown.Item>
+      </Dropdown>
+      <h3>上拉</h3>
+      <Dropdown title="default" type="primary">
+      <Dropdown.Item disabled>下拉一</Dropdown.Item>
+      <Dropdown.Item>下拉2</Dropdown.Item>
+      <Dropdown.Item>下拉3</Dropdown.Item>
+      <Dropdown.Item breakLine>下拉3</Dropdown.Item>
+      <Dropdown.Item>下拉4</Dropdown.Item>
+      </Dropdown>
+      <h3>hover显示</h3>
+      <Dropdown title="default" trigger="hover">
+      <Dropdown.Item disabled>下拉一</Dropdown.Item>
+      <Dropdown.Item>下拉2</Dropdown.Item>
+      <Dropdown.Item>下拉3</Dropdown.Item>
+      <Dropdown.Item breakLine>下拉3</Dropdown.Item>
+      <Dropdown.Item>下拉4</Dropdown.Item>
+      </Dropdown>
+      </div>
+    )
+  }
+}
+export default Demo;

demo/DropdownDemo.scss

@@ -0,0 +1,4 @@
+@import "../node_modules/tinper-bee-core/scss/index.scss";
+@import "../src/Dropdown.scss";
+
+@import "../node_modules/bee-button/src/Button.scss";

demo/index.js

@@ -0,0 +1,3 @@
+import Demo from './DropdownDemo';
+import ReactDOM from 'react-dom';
+ReactDOM.render(<Demo/>, document.getElementById('tinperBeeDemo'));

index.html

@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>dropdown</title>
+    <link rel="stylesheet" href="./dist/demo.css">
+</head>
+<body>
+    <div id="tinperBeeDemo"></div>
+    <script src="./node_modules/console-polyfill/index.js"></script>
+    <script src="./node_modules/es5-shim/es5-shim.min.js"></script>
+    <script src="./node_modules/es5-shim/es5-sham.min.js"></script>
+    <script src="./node_modules/react/dist/react-with-addons.js"></script>
+    <script src="./node_modules/react-dom/dist/react-dom.js"></script>
+    <script src="./dist/demo.js"></script>
+</body>
+</html>

package.json

@@ -0,0 +1,50 @@
+{
+  "name": "bee-dropdown",
+  "version": "0.0.1",
+  "description": "dropdown ui component for react",
+  "keywords": [
+    "react",
+    "react-component",
+    "bee-dropdown",
+    "iuap-design",
+    "tinper-bee",
+    "dropdown"
+  ],
+  "engines": {
+    "node": ">=4.0.0"
+  },
+  "homepage": "https://github.com/tinper-bee/dropdown",
+  "author": "boyuzhou",
+
+"repository": "http://github.com/tinper-bee/bee-dropdown",
+
+"bugs": "https://github.com/tinper-bee/dropdown/issues",
+"license": "MIT",
+
+"main":"./build/index.js",
+"config":{
+"port": 8000
+},
+"scripts": {
+"dev": "bee-tools run start",
+"build": "bee-tools run build",
+"lint": "bee-tools run lint",
+"test": "bee-tools run test",
+"chrome": "bee-tools run chrome",
+"browsers": "bee-tools run browsers",
+"pub": "bee-tools run pub"
+},
+"dependencies": {
+  "classnames": "^2.2.5",
+  "tinper-bee-core": "latest"
+},
+"devDependencies": {
+  "chai": "^3.5.0",
+  "enzyme": "^2.4.1",
+  "react": "~0.14.0",
+  "react-addons-test-utils": "^15.3.2",
+  "react-dom": "~0.14.0",
+  "console-polyfill": "~0.2.1",
+  "es5-shim": "~4.1.10"
+}
+}