mrege
This commit is contained in:
commit
bd48c4c8eb
10
CHANGELOG.md
10
CHANGELOG.md
|
@ -1,3 +1,13 @@
|
||||||
|
<a name="1.6.8"></a>
|
||||||
|
## [1.6.8](https://github.com/tinper-bee/bee-table/compare/v1.6.7...v1.6.8) (2018-12-05)
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<a name="1.6.7"></a>
|
||||||
|
## [1.6.7](https://github.com/tinper-bee/bee-table/compare/v1.6.6...v1.6.7) (2018-12-04)
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a name="1.6.6"></a>
|
<a name="1.6.6"></a>
|
||||||
## [1.6.6](https://github.com/tinper-bee/bee-table/compare/v1.6.5...v1.6.6) (2018-12-04)
|
## [1.6.6](https://github.com/tinper-bee/bee-table/compare/v1.6.5...v1.6.6) (2018-12-04)
|
||||||
|
|
||||||
|
|
|
@ -59,15 +59,25 @@ var FilterDropDown = function (_Component) {
|
||||||
_this.onSelectDropdown = function (item) {
|
_this.onSelectDropdown = function (item) {
|
||||||
var _this$props = _this.props,
|
var _this$props = _this.props,
|
||||||
onSelectDropdown = _this$props.onSelectDropdown,
|
onSelectDropdown = _this$props.onSelectDropdown,
|
||||||
dataText = _this$props.dataText;
|
dataText = _this$props.dataText,
|
||||||
|
filterDropdownType = _this$props.filterDropdownType;
|
||||||
|
|
||||||
if (onSelectDropdown) {
|
if (onSelectDropdown) {
|
||||||
if (dataText != "") {
|
if (dataText != "") {
|
||||||
_this.setState({
|
if (filterDropdownType == 'string') {
|
||||||
selectValue: [item.key]
|
_this.setState({
|
||||||
}, function () {
|
selectValue: [item.key]
|
||||||
onSelectDropdown(item);
|
}, function () {
|
||||||
});
|
onSelectDropdown(item);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
if (filterDropdownType == 'number') {
|
||||||
|
_this.setState({
|
||||||
|
selectNumberValue: [item.key]
|
||||||
|
}, function () {
|
||||||
|
onSelectDropdown(item);
|
||||||
|
});
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
@ -77,7 +87,8 @@ var FilterDropDown = function (_Component) {
|
||||||
|
|
||||||
if (onClickClear) {
|
if (onClickClear) {
|
||||||
_this.setState({
|
_this.setState({
|
||||||
selectValue: []
|
selectValue: [],
|
||||||
|
selectNumberValue: []
|
||||||
}, function () {
|
}, function () {
|
||||||
onClickClear();
|
onClickClear();
|
||||||
});
|
});
|
||||||
|
@ -85,7 +96,9 @@ var FilterDropDown = function (_Component) {
|
||||||
};
|
};
|
||||||
|
|
||||||
_this.getMenu = function () {
|
_this.getMenu = function () {
|
||||||
var selectValue = _this.state.selectValue;
|
var _this$state = _this.state,
|
||||||
|
selectValue = _this$state.selectValue,
|
||||||
|
selectNumberValue = _this$state.selectNumberValue;
|
||||||
var filterDropdownType = _this.props.filterDropdownType;
|
var filterDropdownType = _this.props.filterDropdownType;
|
||||||
|
|
||||||
var locale = (0, _tool.getComponentLocale)(_this.props, _this.context, 'Table', function () {
|
var locale = (0, _tool.getComponentLocale)(_this.props, _this.context, 'Table', function () {
|
||||||
|
@ -135,7 +148,7 @@ var FilterDropDown = function (_Component) {
|
||||||
_beeMenus2["default"],
|
_beeMenus2["default"],
|
||||||
{
|
{
|
||||||
onSelect: _this.onSelectDropdown,
|
onSelect: _this.onSelectDropdown,
|
||||||
selectedKeys: selectValue
|
selectedKeys: selectNumberValue
|
||||||
},
|
},
|
||||||
_react2["default"].createElement(
|
_react2["default"].createElement(
|
||||||
Item,
|
Item,
|
||||||
|
@ -174,7 +187,8 @@ var FilterDropDown = function (_Component) {
|
||||||
};
|
};
|
||||||
|
|
||||||
_this.state = {
|
_this.state = {
|
||||||
selectValue: [] //选择的条件的值
|
selectValue: ['LIKE'],
|
||||||
|
selectNumberValue: ['EQ']
|
||||||
};
|
};
|
||||||
return _this;
|
return _this;
|
||||||
}
|
}
|
||||||
|
|
|
@ -392,7 +392,11 @@ var FilterType = function (_Component) {
|
||||||
FilterType.prototype.render = function render() {
|
FilterType.prototype.render = function render() {
|
||||||
var rendertype = this.props.rendertype;
|
var rendertype = this.props.rendertype;
|
||||||
|
|
||||||
return this.renderControl(rendertype);
|
return _react2["default"].createElement(
|
||||||
|
'div',
|
||||||
|
{ 'data-filter-type': 'filterContext' },
|
||||||
|
this.renderControl(rendertype)
|
||||||
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
return FilterType;
|
return FilterType;
|
||||||
|
|
|
@ -136,9 +136,11 @@ var TableHeader = function (_Component) {
|
||||||
};
|
};
|
||||||
|
|
||||||
_this.dragAbleMouseDown = function (e) {
|
_this.dragAbleMouseDown = function (e) {
|
||||||
_utils.Event.stopPropagation(e);
|
// Event.stopPropagation(e);
|
||||||
var event = _utils.Event.getEvent(e);
|
var event = _utils.Event.getEvent(e);
|
||||||
if (!_this.props.draggable) return;
|
if (!_this.props.draggable) return;
|
||||||
|
var th = _this.getThDome(event.target);
|
||||||
|
if (!th) return;
|
||||||
event.target.setAttribute('draggable', true); //添加交换列效果
|
event.target.setAttribute('draggable', true); //添加交换列效果
|
||||||
_this.drag.option = 'dragAble';
|
_this.drag.option = 'dragAble';
|
||||||
_this.currentDome = event.target;
|
_this.currentDome = event.target;
|
||||||
|
@ -163,7 +165,7 @@ var TableHeader = function (_Component) {
|
||||||
if (_this.drag.option === 'border') {
|
if (_this.drag.option === 'border') {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
console.log(_this.drag.option + ' -------onDragStart----------', event.target);
|
// console.log(this.drag.option+' -------onDragStart----------',event.target);
|
||||||
var th = _this.getThDome(event.target);
|
var th = _this.getThDome(event.target);
|
||||||
if (!th) return;
|
if (!th) return;
|
||||||
var currentIndex = parseInt(th.getAttribute("data-line-index"));
|
var currentIndex = parseInt(th.getAttribute("data-line-index"));
|
||||||
|
@ -187,7 +189,7 @@ var TableHeader = function (_Component) {
|
||||||
_this.currentDome.setAttribute('draggable', false); //添加交换列效果
|
_this.currentDome.setAttribute('draggable', false); //添加交换列效果
|
||||||
var data = _this.getCurrentEventData(e);
|
var data = _this.getCurrentEventData(e);
|
||||||
if (!data) return;
|
if (!data) return;
|
||||||
console.log(_this.drag.option + ' -------onDrop----------', event.target);
|
// console.log(this.drag.option+' -------onDrop----------',event.target);
|
||||||
if (!_this.currentObj || _this.currentObj.key == data.key) return;
|
if (!_this.currentObj || _this.currentObj.key == data.key) return;
|
||||||
if (!_this.props.onDrop) return;
|
if (!_this.props.onDrop) return;
|
||||||
_this.props.onDrop(event, { dragSource: _this.currentObj, dragTarg: data });
|
_this.props.onDrop(event, { dragSource: _this.currentObj, dragTarg: data });
|
||||||
|
@ -520,6 +522,7 @@ var TableHeader = function (_Component) {
|
||||||
|
|
||||||
TableHeader.prototype.getThDome = function getThDome(element) {
|
TableHeader.prototype.getThDome = function getThDome(element) {
|
||||||
var _tagName = element.tagName.toLowerCase();
|
var _tagName = element.tagName.toLowerCase();
|
||||||
|
if (element.getAttribute('data-filter-type') === 'filterContext') return null;
|
||||||
if (_tagName === 'i') return null;
|
if (_tagName === 'i') return null;
|
||||||
if (_tagName != 'th') {
|
if (_tagName != 'th') {
|
||||||
return this.getThDome(element.parentElement);
|
return this.getThDome(element.parentElement);
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
{
|
{
|
||||||
"name": "bee-table",
|
"name": "bee-table",
|
||||||
"version": "1.6.7",
|
"version": "1.6.8",
|
||||||
"description": "Table ui component for react",
|
"description": "Table ui component for react",
|
||||||
"keywords": [
|
"keywords": [
|
||||||
"react",
|
"react",
|
||||||
|
|
Loading…
Reference in New Issue