Browse Source

Feature: disabled option of Cascader

pull/928/head
afc163 9 years ago
parent
commit
0cd7acb59d
  1. 44
      components/cascader/demo/disabled-option.md
  2. 2
      package.json
  3. 7
      style/components/cascader.less

44
components/cascader/demo/disabled-option.md

@ -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);
````

2
package.json

@ -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
style/components/cascader.less

@ -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 {

Loading…
Cancel
Save