Feature: disabled option of Cascader

This commit is contained in:
afc163
2016-01-25 15:31:08 +08:00
parent ecc2b6fe8c
commit 0cd7acb59d
3 changed files with 52 additions and 1 deletions
@@ -0,0 +1,44 @@
# 禁用选项
- order: 4
通过指定 options 里的 `disabled` 字段。
---
````jsx
import { Cascader } from 'antd';
const options = [{
value: 'zhejiang',
label: '浙江',
children: [{
value: 'hangzhou',
label: '杭州',
children: [{
value: 'xihu',
label: '西湖',
}],
}],
}, {
value: 'jiangsu',
label: '江苏',
disabled: true,
children: [{
value: 'nanjing',
label: '南京',
children: [{
value: 'zhonghuamen',
label: '中华门',
}],
}],
}];
function onChange(value) {
console.log(value);
}
ReactDOM.render(
<Cascader options={options} onChange={onChange} />
, mountNode);
````
+1 -1
View File
@@ -40,7 +40,7 @@
"object-assign": "~4.0.1",
"rc-animate": "~2.0.2",
"rc-calendar": "~5.3.0",
"rc-cascader": "~0.6.0",
"rc-cascader": "~0.7.0",
"rc-checkbox": "~1.2.0",
"rc-collapse": "~1.4.4",
"rc-dialog": "~5.3.1",
+7
View File
@@ -113,6 +113,13 @@
&:hover {
background: tint(@primary-color, 90%);
}
&-disabled {
cursor: not-allowed;
color: #ccc;
&:hover {
background: transparent;
}
}
&-active {
background: tint(@primary-color, 80%);
&:hover {