mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-02 03:59:01 +08:00
render to body
This commit is contained in:
parent
69412f4ca3
commit
c4b5b186ae
@ -10,7 +10,7 @@
|
||||
var Menu = antd.Menu;
|
||||
var Dropdown = antd.Dropdown;
|
||||
|
||||
var menu = <Menu>
|
||||
var menu = <Menu style={{width:150}}>
|
||||
<Menu.Item>
|
||||
<a target="_blank" href="http://www.alipay.com/">第一个菜单项</a>
|
||||
</Menu.Item>
|
||||
|
@ -9,11 +9,11 @@
|
||||
````jsx
|
||||
var Menu = antd.Menu;
|
||||
var Dropdown = antd.Dropdown;
|
||||
var onClick = function ({key}){
|
||||
var onSelect = function ({key}){
|
||||
alert('选中了菜单' + key);
|
||||
};
|
||||
|
||||
var menu = <Menu onClick={onClick}>
|
||||
var menu = <Menu onSelect={onSelect} style={{width:150}}>
|
||||
<Menu.Item key="1">第一个菜单项</Menu.Item>
|
||||
<Menu.Item key="2">第二个菜单项</Menu.Item>
|
||||
<Menu.Item key="3">第三个菜单项</Menu.Item>
|
||||
|
@ -10,7 +10,7 @@
|
||||
var Menu = antd.Menu;
|
||||
var Dropdown = antd.Dropdown;
|
||||
|
||||
var menu = <Menu>
|
||||
var menu = <Menu style={{width:150}}>
|
||||
<Menu.Item key="0">
|
||||
<a target="_blank" href="http://www.alipay.com/">第一个菜单项</a>
|
||||
</Menu.Item>
|
||||
|
@ -10,7 +10,7 @@
|
||||
var Menu = antd.Menu;
|
||||
var Dropdown = antd.Dropdown;
|
||||
|
||||
var menu = <Menu>
|
||||
var menu = <Menu style={{width:150}}>
|
||||
<Menu.Item key="0">
|
||||
<a href="http://www.alipay.com/">第一个菜单项</a>
|
||||
</Menu.Item>
|
||||
|
@ -63,7 +63,6 @@ export default React.createClass({
|
||||
<Tooltip placement={this.props.placement}
|
||||
overlayStyle={this.props.overlayStyle}
|
||||
prefixCls={prefixCls}
|
||||
renderPopupToBody={true}
|
||||
onVisibleChange={this.onVisibleChange}
|
||||
transitionName={transitionName}
|
||||
visible={this.state.visible}
|
||||
|
@ -33,7 +33,6 @@ export default React.createClass({
|
||||
prefixCls={prefixCls}
|
||||
delay={0.1}
|
||||
overlayStyle={this.props.overlayStyle}
|
||||
renderPopupToBody={true}
|
||||
transitionName={transitionName}
|
||||
trigger={this.props.trigger}
|
||||
overlay={overlay}>
|
||||
|
@ -37,10 +37,10 @@ var App = React.createClass({
|
||||
},
|
||||
render() {
|
||||
var provinceOptions = provinceData.map(function(province) {
|
||||
return <Option value={province}>{province}</Option>;
|
||||
return <Option key={province}>{province}</Option>;
|
||||
});
|
||||
var cityOptions = this.state.cities.map(function(city) {
|
||||
return <Option value={city}>{city}</Option>;
|
||||
return <Option key={city}>{city}</Option>;
|
||||
});
|
||||
return <div>
|
||||
<Select defaultValue={provinceData[0]} style={{width:150}} onChange={this.handleProvinceChange}>
|
||||
|
@ -39,11 +39,11 @@
|
||||
"is-equal-shallow": "~0.1.3",
|
||||
"object-assign": "3.x",
|
||||
"rc-animate": "~1.1.0",
|
||||
"rc-calendar": "~3.13.0",
|
||||
"rc-calendar": "~3.14.0",
|
||||
"rc-checkbox": "~1.1.1",
|
||||
"rc-collapse": "~1.2.3",
|
||||
"rc-dialog": "~5.0.1",
|
||||
"rc-dropdown": "~1.2.0",
|
||||
"rc-dropdown": "~1.3.0",
|
||||
"rc-form-validation": "~2.4.7",
|
||||
"rc-input-number": "~2.0.1",
|
||||
"rc-menu": "~4.3.1",
|
||||
@ -57,7 +57,7 @@
|
||||
"rc-switch": "~1.2.0",
|
||||
"rc-table": "~3.1.0",
|
||||
"rc-tabs": "~5.3.2",
|
||||
"rc-tooltip": "~2.5.0",
|
||||
"rc-tooltip": "~2.6.1",
|
||||
"rc-tree": "~0.14.3",
|
||||
"rc-upload": "~1.3.1",
|
||||
"rc-util": "~2.0.3",
|
||||
@ -71,7 +71,6 @@
|
||||
"babel-loader": "^5.3.2",
|
||||
"busboy": "~0.2.9",
|
||||
"chalk": "~1.1.0",
|
||||
"css-animation": "~1.0.3",
|
||||
"css-loader": "^0.14.1",
|
||||
"eslint": "^1.1.0",
|
||||
"eslint-plugin-react": "~3.2.2",
|
||||
@ -84,7 +83,6 @@
|
||||
"lodash": "^3.10.0",
|
||||
"nico-jsx": "~0.5.8",
|
||||
"precommit-hook": "^1.0.7",
|
||||
"rc-tabs": "~5.3.3",
|
||||
"react-router": "~1.0.0-beta3",
|
||||
"webpack": "^1.10.1",
|
||||
"webpack-dev-middleware": "^1.2.0"
|
||||
|
@ -1,17 +1,19 @@
|
||||
.@{calendar-prefix-cls}-picker .@{calendar-prefix-cls},
|
||||
.@{calendar-prefix-cls}-picker-container .@{calendar-prefix-cls} {
|
||||
&-hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
position: absolute;
|
||||
display: none;
|
||||
left: -9999px;
|
||||
top: -9999px;
|
||||
z-index: 9;
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
.@{calendar-prefix-cls}-picker {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
|
||||
&-input {
|
||||
> input {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
|
@ -288,7 +288,7 @@
|
||||
box-shadow: @overlay-shadow;
|
||||
border-radius: 4px;
|
||||
box-sizing: border-box;
|
||||
z-index: 100;
|
||||
z-index: 1000;
|
||||
left: -9999px;
|
||||
top: -9999px;
|
||||
position: absolute;
|
||||
|
Loading…
Reference in New Issue
Block a user