blob: a40a8ec9e7fb0d43ba3a938c37bdf8e4312503cd (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
|
import React from 'react';
import autosize from 'autosize';
const UPDATE = 'autosize:update',
DESTROY = 'autosize:destroy',
RESIZED = 'autosize:resized';
export default class TextareaAutosize extends React.Component {
static propTypes = {
onResize: React.PropTypes.func
};
static defaultProps = {
rows: 1
};
getTextareaDOMNode = () => (
this.refs.textarea.nodeType === 1 ?
this.refs.textarea :
React.findDOMNode(this.refs.textarea)
);
componentDidMount() {
autosize(this.getTextareaDOMNode());
if (this.props.onResize) {
this.getTextareaDOMNode().addEventListener(RESIZED, this.props.onResize);
}
}
componentWillUnmount() {
if (this.props.onResize) {
this.getTextareaDOMNode().removeEventListener(RESIZED, this.props.onResize);
}
this.dispatchEvent(DESTROY);
}
dispatchEvent = (EVENT_TYPE, defer) => {
const event = document.createEvent('Event');
event.initEvent(EVENT_TYPE, true, false);
const dispatch = () => this.getTextareaDOMNode().dispatchEvent(event);
if (defer) {
setTimeout(dispatch);
} else {
dispatch();
}
};
getValue = ({ valueLink, value }) => valueLink ? valueLink.value : value;
render() {
const { children, ...props } = this.props;
return (
<textarea {...props} ref='textarea'>
{children}
</textarea>
);
}
componentWillReceiveProps(nextProps) {
if (this.getValue(nextProps) !== this.getValue(this.props)) {
this.dispatchEvent(UPDATE, true);
}
}
}
|
