| OLD | NEW |
| 1 // Copyright 2015 The Chromium Authors. All rights reserved. | 1 // Copyright 2015 The Chromium Authors. All rights reserved. |
| 2 // Use of this source code is governed by a BSD-style license that can be | 2 // Use of this source code is governed by a BSD-style license that can be |
| 3 // found in the LICENSE file. | 3 // found in the LICENSE file. |
| 4 | 4 |
| 5 import '../editing2/editable_string.dart'; | 5 import '../editing2/editable_string.dart'; |
| 6 import '../editing2/editable_text.dart'; | 6 import '../editing2/editable_text.dart'; |
| 7 import '../editing2/keyboard.dart'; | 7 import '../editing2/keyboard.dart'; |
| 8 import '../fn2.dart'; | 8 import '../fn2.dart'; |
| 9 import '../theme2/colors.dart'; | 9 import '../theme2/colors.dart'; |
| 10 import '../theme2/typography.dart' as typography; | 10 import '../theme2/typography.dart' as typography; |
| 11 import '../rendering/flex.dart'; | 11 import '../rendering/flex.dart'; |
| 12 import 'dart:sky' as sky; | 12 import 'dart:sky' as sky; |
| 13 | 13 |
| 14 typedef void ValueChanged(value); | 14 typedef void ValueChanged(value); |
| 15 | 15 |
| 16 class Input extends Component { | 16 class Input extends Component { |
| 17 |
| 18 Input({Object key, |
| 19 this.placeholder, |
| 20 this.onChanged, |
| 21 this.focused}) |
| 22 : super(key: key, stateful: true) { |
| 23 _editableValue = new EditableString(text: _value, |
| 24 onUpdated: _handleTextUpdated); |
| 25 onDidUnmount(() { |
| 26 if (_isAttachedToKeyboard) |
| 27 keyboard.hide(); |
| 28 }); |
| 29 } |
| 30 |
| 17 // static final Style _style = new Style(''' | 31 // static final Style _style = new Style(''' |
| 18 // transform: translateX(0); | 32 // transform: translateX(0); |
| 19 // margin: 8px; | 33 // margin: 8px; |
| 20 // padding: 8px; | 34 // padding: 8px; |
| 21 // border-bottom: 1px solid ${Grey[200]}; | 35 // border-bottom: 1px solid ${Grey[200]}; |
| 22 // align-self: center; | 36 // align-self: center; |
| 23 // height: 1.2em; | 37 // height: 1.2em; |
| 24 // white-space: pre; | 38 // white-space: pre; |
| 25 // overflow: hidden;''' | 39 // overflow: hidden;''' |
| 26 // ); | 40 // ); |
| (...skipping 10 matching lines...) Expand all Loading... |
| 37 // border-bottom: 2px solid ${Blue[500]};'''; | 51 // border-bottom: 2px solid ${Blue[500]};'''; |
| 38 | 52 |
| 39 ValueChanged onChanged; | 53 ValueChanged onChanged; |
| 40 String placeholder; | 54 String placeholder; |
| 41 bool focused = false; | 55 bool focused = false; |
| 42 | 56 |
| 43 String _value = ''; | 57 String _value = ''; |
| 44 bool _isAttachedToKeyboard = false; | 58 bool _isAttachedToKeyboard = false; |
| 45 EditableString _editableValue; | 59 EditableString _editableValue; |
| 46 | 60 |
| 47 Input({Object key, | |
| 48 this.placeholder, | |
| 49 this.onChanged, | |
| 50 this.focused}) | |
| 51 : super(key: key, stateful: true) { | |
| 52 _editableValue = new EditableString(text: _value, | |
| 53 onUpdated: _handleTextUpdated); | |
| 54 onDidUnmount(() { | |
| 55 if (_isAttachedToKeyboard) | |
| 56 keyboard.hide(); | |
| 57 }); | |
| 58 } | |
| 59 | |
| 60 void _handleTextUpdated() { | 61 void _handleTextUpdated() { |
| 61 scheduleBuild(); | 62 scheduleBuild(); |
| 62 if (_value != _editableValue.text) { | 63 if (_value != _editableValue.text) { |
| 63 _value = _editableValue.text; | 64 _value = _editableValue.text; |
| 64 if (onChanged != null) | 65 if (onChanged != null) |
| 65 onChanged(_value); | 66 onChanged(_value); |
| 66 } | 67 } |
| 67 } | 68 } |
| 68 | 69 |
| 69 UINode build() { | 70 UINode build() { |
| (...skipping 16 matching lines...) Expand all Loading... |
| 86 return new EventListenerNode( | 87 return new EventListenerNode( |
| 87 new FlexContainer( | 88 new FlexContainer( |
| 88 direction: FlexDirection.vertical, | 89 direction: FlexDirection.vertical, |
| 89 // style: _style, | 90 // style: _style, |
| 90 // inlineStyle: focused ? _focusedInlineStyle : null, | 91 // inlineStyle: focused ? _focusedInlineStyle : null, |
| 91 children: children | 92 children: children |
| 92 ), | 93 ), |
| 93 onPointerDown: (sky.Event e) => keyboard.showByRequest() | 94 onPointerDown: (sky.Event e) => keyboard.showByRequest() |
| 94 ); | 95 ); |
| 95 } | 96 } |
| 97 |
| 96 } | 98 } |
| OLD | NEW |