Add Tooltip

components/tooltip/demo/basic.md

@@ -0,0 +1,18 @@
+# 基本
+
+- order: 0
+
+最简单的用法。
+
+---
+
+````jsx
+var Tooltip = antd.tooltip;
+
+React.render(
+  <Tooltip title="提示文字">
+    <span>文字文字文字</span>
+  </Tooltip>
+, document.getElementById('components-tooltip-demo-basic'));
+````
+

components/tooltip/demo/placement.md

@@ -0,0 +1,17 @@
+# 位置
+
+- order: 1
+
+位置有四个方向。
+
+---
+
+````jsx
+var Tooltip = antd.tooltip;
+
+React.render(
+  <Tooltip placement="right" title={<span>提示文字</span>}>
+    <a href="#">右边右边右边</a>
+  </Tooltip>
+, document.getElementById('components-tooltip-demo-placement'));
+````

components/tooltip/index.jsx

@@ -0,0 +1,26 @@
+var React = require('react');
+var Tooltip = require('rc-tooltip');
+require('rc-tooltip/assets/bootstrap.css');
+
+module.exports = React.createClass({
+  getInitialState: function () {
+    var state = {};
+    state.placement = this.props.placement;
+    state.title = this.props.title;
+    return state;
+  },
+  getDefaultProps: function () {
+    return {
+      placement: 'top'
+    };
+  },
+  render: function() {
+    return  (
+      <Tooltip placement={this.state.placement}
+        trigger="hover"
+        overlay={this.state.title}>
+        {this.props.children}
+      </Tooltip>
+    );
+  }
+});

components/tooltip/index.md

@@ -5,28 +5,8 @@
 
 ---
 
+简单的文字提示气泡框。
+
 ## 何时使用
 
-当你再次和我说起 青春时的故事
-我正在下着雨的无锡 乞讨着生活的权利
-前一天早晨 我睁开眼已是江南
-他们说柔软的地方 总会发生柔软的事
-那年的舞台上 说谎的人一直歌唱
-大不列颠的广场上 有没有鸽子飞翔
-青春和瞎子一起 变成了哑巴
-今天扯平了我们的当年 分食了理想
-
-
-## 为什么使用
-
-你可知道你的名字解释了我的一生
-碎了满天的往事如烟 与世无争
-当你装满行李 回到故乡
-我的余生 却再也没有北方
-
-有一天我又梦见 那个装满乐器的教室
-你还站在门口 一脸羞涩的表情
-你说这么多年你还没找到 让你心动的男人
-我说去他妈的爱情 都是过眼云烟的东西
-
-我的余生 都用来寻找北方
+鼠标移入则显示提示，移出消失，气泡浮层不承载复杂文本和操作。代替系统默认的 title 提示，用于提供一个按钮/文字/操作的文案解释。

index.js

@@ -1,7 +1,8 @@
 require('rc-style/index.less');
 
 var antd = {
-  datepicker: require('./components/datepicker')
+  datepicker: require('./components/datepicker'),
+  tooltip: require('./components/tooltip')
 };
 
 module.exports = antd;

package.json

@@ -14,7 +14,8 @@
     "gregorian-calendar": "~3.0.0",
     "gregorian-calendar-format": "~3.0.1",
     "rc-calendar": "~3.7.0",
-    "rc-style": "git://github.com/ant-design/style.git"
+    "rc-style": "git://github.com/ant-design/style.git",
+    "rc-tooltip": "~1.2.0"
   },
   "devDependencies": {
     "babel-core": "~5.4.7",