nuke-components
Advanced tools
Comparing version 0.1.22 to 0.1.23
@@ -30,7 +30,100 @@ # 输入框 | ||
style={{ | ||
width: '200rem', | ||
height: '200rem', | ||
border: '1px solid # 000' | ||
width: '750rem', | ||
marginBottom:'50rem', | ||
height: '80rem', | ||
borderWidth:1, | ||
borderStyle:'solid', | ||
borderColor:'#cccccc' | ||
}} | ||
/> | ||
<TextInput | ||
placeholder="试email" | ||
type="email" | ||
onFocus={() => console.log('onFocus')} | ||
onBlur={() => console.log('onBlur')} | ||
onInput={() => console.log('onInput')} | ||
style={{ | ||
width: '750rem', | ||
marginBottom:'50rem', | ||
height: '80rem', | ||
borderWidth:1, | ||
borderStyle:'solid', | ||
borderColor:'#cccccc' | ||
}} | ||
/> | ||
<TextInput | ||
placeholder="password" | ||
type="password" | ||
onFocus={() => console.log('onFocus')} | ||
onBlur={() => console.log('onBlur')} | ||
onInput={() => console.log('onInput')} | ||
style={{ | ||
width: '750rem', | ||
marginBottom:'50rem', | ||
height: '80rem', | ||
borderWidth:1, | ||
borderStyle:'solid', | ||
borderColor:'#cccccc' | ||
}} | ||
/> | ||
<TextInput | ||
placeholder="url" | ||
type="url" | ||
onFocus={() => console.log('onFocus')} | ||
onBlur={() => console.log('onBlur')} | ||
onInput={() => console.log('onInput')} | ||
style={{ | ||
width: '750rem', | ||
marginBottom:'50rem', | ||
height: '80rem', | ||
borderWidth:1, | ||
borderStyle:'solid', | ||
borderColor:'#cccccc' | ||
}} | ||
/> | ||
<TextInput | ||
placeholder="tel" | ||
type="tel" | ||
onFocus={() => console.log('onFocus')} | ||
onBlur={() => console.log('onBlur')} | ||
onInput={() => console.log('onInput')} | ||
style={{ | ||
width: '750rem', | ||
marginBottom:'50rem', | ||
height: '80rem', | ||
borderWidth:1, | ||
borderStyle:'solid', | ||
borderColor:'#cccccc' | ||
}} | ||
/> | ||
<TextInput | ||
placeholder="date" | ||
type="date" | ||
onFocus={() => console.log('onFocus')} | ||
onBlur={() => console.log('onBlur')} | ||
onInput={() => console.log('onInput')} | ||
style={{ | ||
width: '750rem', | ||
marginBottom:'50rem', | ||
height: '80rem', | ||
borderWidth:1, | ||
borderStyle:'solid', | ||
borderColor:'#cccccc' | ||
}} | ||
/> | ||
<TextInput | ||
placeholder="time" | ||
type="time" | ||
onFocus={() => console.log('onFocus')} | ||
onBlur={() => console.log('onBlur')} | ||
onInput={() => console.log('onInput')} | ||
style={{ | ||
width: '750rem', | ||
marginBottom:'50rem', | ||
height: '80rem', | ||
borderWidth:1, | ||
borderStyle:'solid', | ||
borderColor:'#cccccc' | ||
}} | ||
/> | ||
@@ -37,0 +130,0 @@ </View>; |
# Changelog | ||
## 0.1.23 / 2016-12-28 | ||
* [[323f5f5](http://gitlab.alibaba-inc.com/nuke/components/commit/323f5f51123e11f0dee09e28469283c1edf7bc8b)] - `fix` add input type for textinput | ||
## 0.1.22 / 2016-12-28 | ||
@@ -5,0 +9,0 @@ |
@@ -112,5 +112,8 @@ /* @jsx createElement */ | ||
var _props2 = this.props, | ||
_props2$type = _props2.type, | ||
type = _props2$type === undefined ? 'default' : _props2$type, | ||
multiline = _props2.multiline, | ||
multiple = _props2.multiple; | ||
multiline = multiple || multiple; | ||
@@ -141,3 +144,3 @@ var propsCommon = { | ||
var type = typeMap[keyboardType]; | ||
type = typeMap[keyboardType] || type; | ||
if (password || secureTextEntry) { | ||
@@ -144,0 +147,0 @@ type = 'password'; |
{ | ||
"name": "nuke-components", | ||
"version": "0.1.22", | ||
"version": "0.1.23", | ||
"description": "nuke原件库", | ||
@@ -5,0 +5,0 @@ "main": "lib/index", |
@@ -72,3 +72,3 @@ # Components | ||
+ **multiline:** 是否多行【即将废弃】 | ||
+ **multiline【即将废弃】:** 是否多行 | ||
+ **multiple** 是否多行 | ||
@@ -79,3 +79,4 @@ + **accessibilityLabel:** 为元素添加标识 | ||
+ **editable:** 默认为true 如果为fase则文本框不可编辑 | ||
+ **keyboardType:** 设置弹出哪种软键盘 可用的值有`default` `ascii-capable` `numbers-and-punctuation` `url` `number-pad` `phone-pad` `name-phone-pad` `email-address` `decimal-pad` `twitter` `web-search` `numeric` | ||
+ **keyboardType【即将废弃】:** 设置弹出哪种软键盘 可用的值有`default` `ascii-capable` `numbers-and-punctuation` `url` `number-pad` `phone-pad` `name-phone-pad` `email-address` `decimal-pad` `twitter` `web-search` `numeric` | ||
+ **type:** 设置弹出哪种软键盘 可用的值有`text` `url` `password` `tel` `date` `time` `email` | ||
+ **maxLength:** 设置最大可输入值 | ||
@@ -85,4 +86,4 @@ + **maxNumberOfLines:** 当文本框为mutiline时设置最多的行数 | ||
+ **placeholder:** 设置文本框提示 | ||
+ **password:** 文本框内容密码显示 | ||
+ **secureTextEntry:** 同上文本框内容密码显示 | ||
+ **password【即将废弃】:** 文本框内容密码显示 | ||
+ **secureTextEntry【即将废弃】:** 同上文本框内容密码显示 | ||
+ **style:** 设置样式 | ||
@@ -89,0 +90,0 @@ + **value:** 文本框的文字内容 |
@@ -85,3 +85,5 @@ /* @jsx createElement */ | ||
} = this.props; | ||
let { multiline,multiple} = this.props; | ||
let { type ='default', multiline , multiple } = this.props; | ||
multiline= multiple || multiple; | ||
@@ -115,3 +117,3 @@ let propsCommon = { | ||
let type = typeMap[keyboardType]; | ||
type = typeMap[keyboardType] || type; | ||
if (password || secureTextEntry) { | ||
@@ -118,0 +120,0 @@ type = 'password'; |
103765
2084
267