mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-25 11:40:04 +08:00
Code Issues Actions 17 Packages Projects Releases Wiki Activity

Fix tag closing meaning

Browse Source
This commit is contained in:
afc163 2015-08-21 17:27:29 +08:00
parent b89c0a5f4c
commit 3a134c7219
1 changed files with 11 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
components/tag/index.jsx
View File

@ -1,15 +1,13 @@
import React from 'react';
const prefixCls = 'ant-tag';
import { transitionEndEvent, addEventListenerOnce } from '../util/index';
import Animate from 'rc-animate';
const prefixCls = 'ant-tag';
class AntTag extends React.Component {
constructor(props) {
super(props);
this.state = {
closing: true,
closing: false,
closed: false
};
}
@ -20,15 +18,15 @@ class AntTag extends React.Component {
// It's Magic Code, don't know why
dom.style.width = dom.offsetWidth + 'px';
this.setState({
closing: false
closing: true
});
this.props.onClose.call(this, e);
}
animationEnd() {
this.setState({
closed: true,
closing: true
closing: false
});
}
@ -38,15 +36,14 @@ class AntTag extends React.Component {
let colorClass = this.props.color ? this.props.prefixCls + '-' + this.props.color : '';
let className = this.props.prefixCls + ' ' + colorClass;
className = !this.state.closing ? className + ' ' + this.props.prefixCls + '-close' : className;
className = this.state.closing ? className + ' ' + this.props.prefixCls + '-close' : className;
return this.state.closed ? null
: <Animate
component=""
: <Animate component=""
showProp='data-show'
transitionName="zoom-tag"
onEnd={this.animationEnd.bind(this)}>
<div data-show={this.state.closing} className={className}>
<div data-show={!this.state.closing} className={className}>
<a className={this.props.prefixCls + '-text'} {...this.props} />
{close}
</div>