From 6344e9151bccf817d4baa7e51a7efd3999507ae7 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Tue, 28 Jul 2015 17:08:06 +0800
Subject: [PATCH] Add component tag

---
 components/tag/demo/basic.md | 17 +++++++++++++++++
 components/tag/index.jsx     | 29 +++++++++++++++++++++++++++++
 index.js                     |  1 +
 3 files changed, 47 insertions(+)
 create mode 100644 components/tag/demo/basic.md
 create mode 100644 components/tag/index.jsx

diff --git a/components/tag/demo/basic.md b/components/tag/demo/basic.md
new file mode 100644
index 0000000000..aae6d97002
--- /dev/null
+++ b/components/tag/demo/basic.md
@@ -0,0 +1,17 @@
+# 基本
+
+- order: 0
+
+标签。
+
+---
+
+````jsx
+var Tag = antd.Tag;
+
+React.render(<div>
+  <Tag>标签一</Tag>
+  <Tag closable>标签二</Tag>
+  <Tag>标签三</Tag>
+</div>, document.getElementById('components-tag-demo-basic'));
+````
diff --git a/components/tag/index.jsx b/components/tag/index.jsx
new file mode 100644
index 0000000000..e664f9fae8
--- /dev/null
+++ b/components/tag/index.jsx
@@ -0,0 +1,29 @@
+import React from 'react';
+const prefixCls = 'ant-tag';
+
+class AntTag extends React.Component {
+  destroy() {
+    let node = React.findDOMNode(this);
+    React.unmountComponentAtNode(node);
+    node.parentNode.removeChild(node);
+    this.props.onClose.call(this);
+  }
+  render() {
+    var close = this.props.closable ?
+      <i className="anticon anticon-cross" onClick={this.destroy.bind(this)}></i> : '';
+    return <div className={this.props.prefixCls}>
+      <span className={this.props.prefixCls + '-text'}>
+        {this.props.children}
+      </span>
+      {close}
+    </div>;
+  }
+}
+
+AntTag.defaultProps = {
+  prefixCls: prefixCls,
+  closable: false,
+  onClose: function() {}
+};
+
+export default AntTag;
diff --git a/index.js b/index.js
index 78dad62408..704c3f730a 100644
--- a/index.js
+++ b/index.js
@@ -19,6 +19,7 @@ var antd = {
   Switch: require('./components/switch'),
   Checkbox: require('./components/checkbox'),
   Table: require('./components/table'),
+  Tag: require('./components/tag'),
   Collapse: require('./components/collapse'),
   message: require('./components/message'),
   Slider: require('./components/slider'),
-- 
GitLab