diff --git a/components/cascader/demo/disabled-option.md b/components/cascader/demo/disabled-option.md new file mode 100644 index 0000000000..e0a1aaf77c --- /dev/null +++ b/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( + +, mountNode); +```` diff --git a/package.json b/package.json index ecd3871d6d..2c77d33140 100644 --- a/package.json +++ b/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", diff --git a/style/components/cascader.less b/style/components/cascader.less index 3346634d7e..16939f99ec 100644 --- a/style/components/cascader.less +++ b/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 {