feat:增加 Hover状态是否同步到左侧Checkbox属性syncHover
This commit is contained in:
parent
e7d4988925
commit
f30218c4dd
|
@ -106,6 +106,7 @@ class Demo extends Component {
|
||||||
| onFilterChange | 触发过滤输入操作以及下拉条件的回调 | function | (field,value,condition) => ()
|
| onFilterChange | 触发过滤输入操作以及下拉条件的回调 | function | (field,value,condition) => ()
|
||||||
| onFilterClear | 清除过滤条件的回调函数,回调参数为清空的字段 | function | (field) => ()
|
| onFilterClear | 清除过滤条件的回调函数,回调参数为清空的字段 | function | (field) => ()
|
||||||
| headerScroll | 表头下是否显示滚动条 | bool| false
|
| headerScroll | 表头下是否显示滚动条 | bool| false
|
||||||
|
| syncHover | 是否同步Hover状态到左侧Checkbox,关闭此功能有助于提升性能 | bool| true
|
||||||
|
|
||||||
|
|
||||||
*注意: data参数中的key值必需,否则会导致部分功能出现问题!建议使用唯一的值,如id*
|
*注意: data参数中的key值必需,否则会导致部分功能出现问题!建议使用唯一的值,如id*
|
||||||
|
|
|
@ -92,7 +92,13 @@ var propTypes = {
|
||||||
getBodyWrapper: _propTypes2["default"].func,
|
getBodyWrapper: _propTypes2["default"].func,
|
||||||
children: _propTypes2["default"].node,
|
children: _propTypes2["default"].node,
|
||||||
draggable: _propTypes2["default"].bool,
|
draggable: _propTypes2["default"].bool,
|
||||||
minColumnWidth: _propTypes2["default"].number
|
minColumnWidth: _propTypes2["default"].number,
|
||||||
|
filterable: _propTypes2["default"].bool,
|
||||||
|
filterDelay: _propTypes2["default"].number,
|
||||||
|
onFilterChange: _propTypes2["default"].func,
|
||||||
|
onFilterClear: _propTypes2["default"].func,
|
||||||
|
syncHover: _propTypes2["default"].bool
|
||||||
|
|
||||||
};
|
};
|
||||||
|
|
||||||
var defaultProps = {
|
var defaultProps = {
|
||||||
|
@ -132,7 +138,8 @@ var defaultProps = {
|
||||||
},
|
},
|
||||||
columns: [],
|
columns: [],
|
||||||
minColumnWidth: 80,
|
minColumnWidth: 80,
|
||||||
locale: {}
|
locale: {},
|
||||||
|
syncHover: true
|
||||||
};
|
};
|
||||||
|
|
||||||
var Table = function (_Component) {
|
var Table = function (_Component) {
|
||||||
|
@ -1088,9 +1095,14 @@ var Table = function (_Component) {
|
||||||
};
|
};
|
||||||
|
|
||||||
Table.prototype.handleRowHover = function handleRowHover(isHover, key) {
|
Table.prototype.handleRowHover = function handleRowHover(isHover, key) {
|
||||||
this.store.setState({
|
//增加新的API,设置是否同步Hover状态,提高性能,避免无关的渲染
|
||||||
currentHoverKey: isHover ? key : null
|
var syncHover = this.props.syncHover;
|
||||||
});
|
|
||||||
|
if (syncHover) {
|
||||||
|
this.store.setState({
|
||||||
|
currentHoverKey: isHover ? key : null
|
||||||
|
});
|
||||||
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
Table.prototype.render = function render() {
|
Table.prototype.render = function render() {
|
||||||
|
|
|
@ -10727,7 +10727,13 @@
|
||||||
getBodyWrapper: _propTypes2['default'].func,
|
getBodyWrapper: _propTypes2['default'].func,
|
||||||
children: _propTypes2['default'].node,
|
children: _propTypes2['default'].node,
|
||||||
draggable: _propTypes2['default'].bool,
|
draggable: _propTypes2['default'].bool,
|
||||||
minColumnWidth: _propTypes2['default'].number
|
minColumnWidth: _propTypes2['default'].number,
|
||||||
|
filterable: _propTypes2['default'].bool,
|
||||||
|
filterDelay: _propTypes2['default'].number,
|
||||||
|
onFilterChange: _propTypes2['default'].func,
|
||||||
|
onFilterClear: _propTypes2['default'].func,
|
||||||
|
syncHover: _propTypes2['default'].bool
|
||||||
|
|
||||||
};
|
};
|
||||||
|
|
||||||
var defaultProps = {
|
var defaultProps = {
|
||||||
|
@ -10767,7 +10773,8 @@
|
||||||
},
|
},
|
||||||
columns: [],
|
columns: [],
|
||||||
minColumnWidth: 80,
|
minColumnWidth: 80,
|
||||||
locale: {}
|
locale: {},
|
||||||
|
syncHover: true
|
||||||
};
|
};
|
||||||
|
|
||||||
var Table = function (_Component) {
|
var Table = function (_Component) {
|
||||||
|
@ -11723,9 +11730,14 @@
|
||||||
};
|
};
|
||||||
|
|
||||||
Table.prototype.handleRowHover = function handleRowHover(isHover, key) {
|
Table.prototype.handleRowHover = function handleRowHover(isHover, key) {
|
||||||
this.store.setState({
|
//增加新的API,设置是否同步Hover状态,提高性能,避免无关的渲染
|
||||||
currentHoverKey: isHover ? key : null
|
var syncHover = this.props.syncHover;
|
||||||
});
|
|
||||||
|
if (syncHover) {
|
||||||
|
this.store.setState({
|
||||||
|
currentHoverKey: isHover ? key : null
|
||||||
|
});
|
||||||
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
Table.prototype.render = function render() {
|
Table.prototype.render = function render() {
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -54,6 +54,9 @@ import 'bee-table/build/Table.css';
|
||||||
| onFilterClear | 清除过滤条件的回调函数,回调参数为清空的字段 | function | (field) => ()
|
| onFilterClear | 清除过滤条件的回调函数,回调参数为清空的字段 | function | (field) => ()
|
||||||
| headerScroll | 表头下是否显示滚动条 | bool| false
|
| headerScroll | 表头下是否显示滚动条 | bool| false
|
||||||
| sort | 排序的属性 | object| { mode:'single'//单列排序, backSource:false //默认是前端排序,值为true为后端排序 } mode:multiple-多列排序
|
| sort | 排序的属性 | object| { mode:'single'//单列排序, backSource:false //默认是前端排序,值为true为后端排序 } mode:multiple-多列排序
|
||||||
|
| syncHover | 是否同步Hover状态到左侧Checkbox,关闭此功能有助于提升性能 | bool| true
|
||||||
|
|
||||||
|
|
||||||
*注意: data参数中的key值必需,否则会导致部分功能出现问题!建议使用唯一的值,如id*
|
*注意: data参数中的key值必需,否则会导致部分功能出现问题!建议使用唯一的值,如id*
|
||||||
|
|
||||||
|
|
||||||
|
|
22
src/Table.js
22
src/Table.js
|
@ -42,7 +42,13 @@ const propTypes = {
|
||||||
getBodyWrapper: PropTypes.func,
|
getBodyWrapper: PropTypes.func,
|
||||||
children: PropTypes.node,
|
children: PropTypes.node,
|
||||||
draggable: PropTypes.bool,
|
draggable: PropTypes.bool,
|
||||||
minColumnWidth: PropTypes.number
|
minColumnWidth: PropTypes.number,
|
||||||
|
filterable: PropTypes.bool,
|
||||||
|
filterDelay: PropTypes.number,
|
||||||
|
onFilterChange: PropTypes.func,
|
||||||
|
onFilterClear: PropTypes.func,
|
||||||
|
syncHover: PropTypes.bool,
|
||||||
|
|
||||||
};
|
};
|
||||||
|
|
||||||
const defaultProps = {
|
const defaultProps = {
|
||||||
|
@ -71,7 +77,8 @@ const defaultProps = {
|
||||||
emptyText: () => 'No Data',
|
emptyText: () => 'No Data',
|
||||||
columns:[],
|
columns:[],
|
||||||
minColumnWidth: 80,
|
minColumnWidth: 80,
|
||||||
locale:{}
|
locale:{},
|
||||||
|
syncHover: true
|
||||||
};
|
};
|
||||||
|
|
||||||
class Table extends Component {
|
class Table extends Component {
|
||||||
|
@ -958,9 +965,14 @@ class Table extends Component {
|
||||||
}
|
}
|
||||||
|
|
||||||
handleRowHover(isHover, key) {
|
handleRowHover(isHover, key) {
|
||||||
this.store.setState({
|
//增加新的API,设置是否同步Hover状态,提高性能,避免无关的渲染
|
||||||
currentHoverKey: isHover ? key : null,
|
let { syncHover } = this.props;
|
||||||
});
|
if(syncHover){
|
||||||
|
this.store.setState({
|
||||||
|
currentHoverKey: isHover ? key : null,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
render() {
|
render() {
|
||||||
|
|
Loading…
Reference in New Issue