mirror of
https://github.com/atom/atom.git
synced 2026-01-23 05:48:10 -05:00
1a56b487a1
React seems to be handling these events when they bubble to the root of the document. We want to avoid wasting time on this.
52 lines
1.4 KiB
CoffeeScript
52 lines
1.4 KiB
CoffeeScript
punycode = require 'punycode'
|
|
{last, isEqual} = require 'underscore-plus'
|
|
React = require 'react'
|
|
{input} = require 'reactionary'
|
|
|
|
module.exports =
|
|
InputComponent = React.createClass
|
|
displayName: 'InputComponent'
|
|
|
|
render: ->
|
|
{className, style, onFocus, onBlur} = @props
|
|
|
|
input {className, style, onFocus, onBlur}
|
|
|
|
getInitialState: ->
|
|
{lastChar: ''}
|
|
|
|
componentDidMount: ->
|
|
@getDOMNode().addEventListener 'input', @onInput
|
|
@getDOMNode().addEventListener 'compositionupdate', @onCompositionUpdate
|
|
|
|
# Don't let text accumulate in the input forever, but avoid excessive reflows
|
|
componentDidUpdate: ->
|
|
if @lastValueLength > 500 and not @isPressAndHoldCharacter(@state.lastChar)
|
|
@getDOMNode().value = ''
|
|
@lastValueLength = 0
|
|
|
|
# This should actually consult the property lists in /System/Library/Input Methods/PressAndHold.app
|
|
isPressAndHoldCharacter: (char) ->
|
|
@state.lastChar.match /[aeiouAEIOU]/
|
|
|
|
shouldComponentUpdate: (newProps) ->
|
|
not isEqual(newProps.style, @props.style)
|
|
|
|
onInput: (e) ->
|
|
e.stopPropagation()
|
|
valueCharCodes = punycode.ucs2.decode(@getDOMNode().value)
|
|
valueLength = valueCharCodes.length
|
|
replaceLastChar = valueLength is @lastValueLength
|
|
@lastValueLength = valueLength
|
|
lastChar = String.fromCharCode(last(valueCharCodes))
|
|
@props.onInput?(lastChar, replaceLastChar)
|
|
|
|
onFocus: ->
|
|
@props.onFocus?()
|
|
|
|
onBlur: ->
|
|
@props.onBlur?()
|
|
|
|
focus: ->
|
|
@getDOMNode().focus()
|