2018-11-07 17:11:25 +08:00
"use strict" ;
2017-01-12 08:53:51 +08:00
Object . defineProperty ( exports , "__esModule" , {
value : true
} ) ;
var _extends = Object . assign || function ( target ) { for ( var i = 1 ; i < arguments . length ; i ++ ) { var source = arguments [ i ] ; for ( var key in source ) { if ( Object . prototype . hasOwnProperty . call ( source , key ) ) { target [ key ] = source [ key ] ; } } } return target ; } ;
2018-11-07 17:11:25 +08:00
var _react = require ( "react" ) ;
2017-01-12 08:53:51 +08:00
var _react2 = _interopRequireDefault ( _react ) ;
2018-11-07 17:11:25 +08:00
var _propTypes = require ( "prop-types" ) ;
2017-06-03 20:34:07 +08:00
var _propTypes2 = _interopRequireDefault ( _propTypes ) ;
2018-11-07 17:11:25 +08:00
var _shallowequal = require ( "shallowequal" ) ;
2017-01-12 08:53:51 +08:00
var _shallowequal2 = _interopRequireDefault ( _shallowequal ) ;
2018-11-07 17:11:25 +08:00
var _throttleDebounce = require ( "throttle-debounce" ) ;
2018-09-27 15:24:29 +08:00
2018-11-07 17:11:25 +08:00
var _utils = require ( "./utils" ) ;
2018-05-11 11:30:56 +08:00
2018-11-07 17:11:25 +08:00
var _FilterType = require ( "./FilterType" ) ;
2018-09-27 15:24:29 +08:00
var _FilterType2 = _interopRequireDefault ( _FilterType ) ;
2017-01-12 08:53:51 +08:00
function _interopRequireDefault ( obj ) { return obj && obj . _ _esModule ? obj : { "default" : obj } ; }
function _defaults ( obj , defaults ) { var keys = Object . getOwnPropertyNames ( defaults ) ; for ( var i = 0 ; i < keys . length ; i ++ ) { var key = keys [ i ] ; var value = Object . getOwnPropertyDescriptor ( defaults , key ) ; if ( value && value . configurable && obj [ key ] === undefined ) { Object . defineProperty ( obj , key , value ) ; } } return obj ; }
function _classCallCheck ( instance , Constructor ) { if ( ! ( instance instanceof Constructor ) ) { throw new TypeError ( "Cannot call a class as a function" ) ; } }
function _possibleConstructorReturn ( self , call ) { if ( ! self ) { throw new ReferenceError ( "this hasn't been initialised - super() hasn't been called" ) ; } return call && ( typeof call === "object" || typeof call === "function" ) ? call : self ; }
function _inherits ( subClass , superClass ) { if ( typeof superClass !== "function" && superClass !== null ) { throw new TypeError ( "Super expression must either be null or a function, not " + typeof superClass ) ; } subClass . prototype = Object . create ( superClass && superClass . prototype , { constructor : { value : subClass , enumerable : false , writable : true , configurable : true } } ) ; if ( superClass ) Object . setPrototypeOf ? Object . setPrototypeOf ( subClass , superClass ) : _defaults ( subClass , superClass ) ; }
var propTypes = {
2017-06-03 20:34:07 +08:00
clsPrefix : _propTypes2 [ "default" ] . string ,
rowStyle : _propTypes2 [ "default" ] . object ,
rows : _propTypes2 [ "default" ] . array
2017-01-12 08:53:51 +08:00
} ;
2018-06-25 00:44:05 +08:00
var grap = 16 ; //偏移数值
2017-01-12 08:53:51 +08:00
var TableHeader = function ( _Component ) {
_inherits ( TableHeader , _Component ) ;
function TableHeader ( props ) {
_classCallCheck ( this , TableHeader ) ;
2018-05-11 09:29:43 +08:00
var _this = _possibleConstructorReturn ( this , _Component . call ( this , props ) ) ;
_this . onDragStart = function ( event , data ) {
event . dataTransfer . effectAllowed = "move" ;
event . dataTransfer . setData ( "Text" , data . key ) ;
_this . currentObj = data ;
event . dataTransfer . setDragImage ( event . target , 0 , 0 ) ;
_this . props . onDragStart ( event , data ) ;
} ;
_this . onDragOver = function ( event , data ) {
2018-07-05 11:01:19 +08:00
if ( ! _this . currentObj || _this . currentObj . key == data . key ) return ;
2018-05-11 09:29:43 +08:00
event . preventDefault ( ) ;
_this . props . onDragOver ( event , data ) ;
} ;
_this . onDragEnter = function ( event , data ) {
2018-07-05 11:01:19 +08:00
if ( ! _this . currentObj || _this . currentObj . key == data . key ) return ;
2018-05-11 09:29:43 +08:00
_this . props . onDragEnter ( event , data ) ;
} ;
_this . onDrop = function ( event , data ) {
2018-07-05 11:01:19 +08:00
if ( ! _this . currentObj || _this . currentObj . key == data . key ) return ;
2018-05-11 09:29:43 +08:00
_this . props . onDrop ( event , data ) ;
} ;
2018-09-12 14:14:05 +08:00
_this . onMouseOver = function ( event , data ) {
//如果是固定列没有拖拽功能
if ( _this . border || data . fixed ) return ;
2018-05-11 11:30:56 +08:00
var clsPrefix = _this . props . clsPrefix ;
2018-11-07 17:11:25 +08:00
event . target . className = clsPrefix + "-thead-th-drag-gap th-drag-gap-hover" ;
2018-05-11 11:30:56 +08:00
} ;
2018-09-12 14:14:05 +08:00
_this . onMouseMove = function ( event , data ) {
//如果是固定列没有拖拽功能
if ( _this . border || data . fixed ) return ;
2018-11-07 17:11:25 +08:00
// const {clsPrefix} = this.props;
2018-09-12 14:14:05 +08:00
// event.target.className = `${clsPrefix}-thead-th-drag-gap th-drag-gap-hover`;
} ;
2018-05-11 11:30:56 +08:00
_this . onMouseOut = function ( event , data ) {
if ( _this . border ) return ;
var clsPrefix = _this . props . clsPrefix ;
2018-11-07 17:11:25 +08:00
event . target . className = clsPrefix + "-thead-th-drag-gap th-drag-gap" ;
2018-05-11 11:30:56 +08:00
} ;
_this . onMouseDown = function ( event , data ) {
_this . border = true ;
2018-09-12 14:14:05 +08:00
var _this$props = _this . props ,
clsPrefix = _this$props . clsPrefix ,
contentTable = _this$props . contentTable ;
2018-05-11 11:30:56 +08:00
_this . drag . initPageLeftX = event . pageX ;
_this . drag . initLeft = ( 0 , _utils . tryParseInt ) ( event . target . style . left ) ;
_this . drag . x = _this . drag . initLeft ;
2018-05-14 10:01:06 +08:00
_this . drag . currIndex = _this . props . rows [ 0 ] . findIndex ( function ( da ) {
return da . key == data . key ;
} ) ;
2018-09-30 11:08:05 +08:00
2018-09-15 13:47:32 +08:00
var contentTableDom = document . getElementById ( "u-table-drag-thead-" + _this . theadKey ) . parentNode ;
2018-09-27 15:24:29 +08:00
var styleWidth = contentTableDom . style . width ;
2018-11-07 17:11:25 +08:00
if ( styleWidth && ( typeof styleWidth == "number" || styleWidth . includes ( "px" ) ) ) {
2018-09-27 15:24:29 +08:00
_this . contentTableWidth = parseInt ( styleWidth ) ;
} else {
_this . contentTableWidth = parseInt ( contentTableDom . scrollWidth ) ;
}
2018-09-30 11:08:05 +08:00
var dragColWidth = _this . drag . data [ _this . drag . currIndex ] . width ;
2018-11-07 17:11:25 +08:00
if ( typeof dragColWidth == "string" && dragColWidth . indexOf ( "%" ) > - 1 ) {
2018-09-30 11:08:05 +08:00
_this . drag . width = _this . contentTableWidth * parseInt ( dragColWidth ) / 100 ;
} else {
_this . drag . width = parseInt ( _this . drag . data [ _this . drag . currIndex ] . width ) ;
}
2018-05-11 11:30:56 +08:00
} ;
_this . onMouseUp = function ( event , data ) {
_this . border = false ;
var clsPrefix = _this . props . clsPrefix ;
2018-11-07 17:11:25 +08:00
event . target . className = clsPrefix + "-thead-th-drag-gap th-drag-gap" ;
2018-05-14 10:01:06 +08:00
} ;
_this . onThMouseUp = function ( event , data ) {
_this . border = false ;
2018-10-25 19:21:05 +08:00
var _this$props2 = _this . props ,
clsPrefix = _this$props2 . clsPrefix ,
2018-11-07 17:11:25 +08:00
rows = _this$props2 . rows ,
columns = _this$props2 . columns ;
2018-09-27 15:24:29 +08:00
var eventDom = event . target ;
var optDom = void 0 ;
2018-11-07 17:11:25 +08:00
if ( eventDom . classList . contains ( ".th-drag-gap-hover" ) ) {
2018-09-27 15:24:29 +08:00
optDom = eventDom ;
} else {
2018-11-07 17:11:25 +08:00
optDom = eventDom . querySelector ( "." + clsPrefix + "-thead-th-drag-gap" ) ;
2018-09-27 15:24:29 +08:00
}
if ( optDom ) {
2018-11-07 17:11:25 +08:00
optDom . classList . remove ( "th-drag-gap-hover" ) ;
optDom . classList . add ( "th-drag-gap" ) ;
2018-09-27 15:24:29 +08:00
}
2018-11-07 17:11:25 +08:00
// columns[this.drag.currIndex].width = data.width;
2018-10-25 19:21:05 +08:00
//宽度拖拽后,增加回调函数,外部可以记录宽度
2018-11-07 17:11:25 +08:00
if ( typeof _this . props . afterDragColWidth == "function" && rows && rows [ 0 ] && _this . drag . currIndex ) {
_this . props . afterDragColWidth ( rows [ 0 ] [ _this . drag . currIndex ] , _this . drag . currIndex ) ;
2018-10-25 19:21:05 +08:00
}
2018-05-14 10:01:06 +08:00
} ;
_this . onThMouseMove = function ( event , data ) {
if ( ! _this . border ) return ;
2018-09-27 15:24:29 +08:00
//固定表头拖拽
2018-10-25 19:21:05 +08:00
var _this$props3 = _this . props ,
dragborderKey = _this$props3 . dragborderKey ,
contentTable = _this$props3 . contentTable ;
2018-05-14 10:01:06 +08:00
var x = event . pageX - _this . drag . initPageLeftX + _this . drag . initLeft - 0 ;
2018-09-15 13:47:32 +08:00
var contentTableDom = document . getElementById ( "u-table-drag-thead-" + _this . theadKey ) . parentNode ;
2018-09-12 14:14:05 +08:00
if ( ! _this . contentTableWidth ) {
2018-09-27 15:24:29 +08:00
var styleWidth = contentTableDom . style . width ;
2018-11-07 17:11:25 +08:00
if ( styleWidth && ( typeof styleWidth == "number" || styleWidth . includes ( "px" ) ) ) {
2018-09-27 15:24:29 +08:00
_this . contentTableWidth = parseInt ( styleWidth ) ;
} else {
_this . contentTableWidth = parseInt ( contentTableDom . scrollWidth ) ;
}
2018-09-12 14:14:05 +08:00
}
var newTableWidth = _this . contentTableWidth + x ;
var newWidth = _this . drag . width + x ;
if ( newWidth < _this . props . minColumnWidth ) {
//清楚样式
2018-11-07 17:11:25 +08:00
var moveDom = event . target . querySelector ( ".th-drag-gap-hover" ) ;
moveDom && moveDom . classList . remove ( "th-drag-gap-hover" ) ;
2018-09-12 14:14:05 +08:00
// event.target.classList.remove('th-drag-gap-hover');
return ;
}
2018-05-14 10:01:06 +08:00
//设置hiden的left
//"u-table-drag-hide-table"
var currentHideDom = document . getElementById ( "u-table-drag-hide-table-" + dragborderKey ) . getElementsByTagName ( "div" ) [ _this . drag . currIndex ] ;
2018-06-25 00:44:05 +08:00
currentHideDom . style . left = _this . drag . initPageLeftX + x - grap + "px" ;
//获取最小宽度,不让拖动
// let minWidth = 0;
// for(let i=0;i<=this.drag.currIndex;i++){
// minWidth += this.drag.data[i].width;
// }
// //判断最小值后在赋值 todo
// let currLeft = this.drag.initPageLeftX+x-grap;
// console.log("currLeft minWidth ",currLeft + " "+minWidth);
// if(currLeft <= minWidth){
// return;
// }
2018-11-07 17:11:25 +08:00
// currentHideDom.style.left = currLeft+"px";
2018-06-25 00:44:05 +08:00
2018-11-07 17:11:25 +08:00
//设置当前的宽度
2018-05-14 10:01:06 +08:00
var currentData = _this . drag . data [ _this . drag . currIndex ] ;
2018-09-12 14:14:05 +08:00
currentData . width = newWidth ;
2018-05-14 10:01:06 +08:00
var currentDom = document . getElementById ( "u-table-drag-thead-" + _this . theadKey ) . getElementsByTagName ( "th" ) [ _this . drag . currIndex ] ;
2018-09-12 14:14:05 +08:00
currentDom . style . width = newWidth + "px" ;
// this.contentTableWidth = newTableWidth;
2018-11-07 17:11:25 +08:00
contentTableDom . style . width = newTableWidth + "px" ;
2018-10-25 19:21:05 +08:00
data . width = newWidth ;
2018-05-14 10:01:06 +08:00
_this . drag . x = x ;
2018-11-07 17:11:25 +08:00
var contentColDomArr = contentTableDom . querySelectorAll ( "colgroup col" ) ;
2018-09-27 15:24:29 +08:00
contentColDomArr [ _this . drag . currIndex ] . style . width = newWidth + "px" ;
//固定表头时,表头和表体分开,拖拽时表体的宽度也需要一起联动
var siblingDom = contentTableDom . parentNode . nextElementSibling ;
if ( siblingDom ) {
2018-11-07 17:11:25 +08:00
var bodyTableDom = siblingDom . querySelector ( "table" ) ;
2018-09-27 15:24:29 +08:00
//2、是的话将表头对应的表格的宽度给表体对应的表格的宽度
2018-11-07 17:11:25 +08:00
bodyTableDom . style . width = newTableWidth + "px" ;
2018-09-27 15:24:29 +08:00
//3、对应的col也要跟这变
2018-11-07 17:11:25 +08:00
var colDomArr = bodyTableDom . querySelectorAll ( "colgroup col" ) ;
2018-09-27 15:24:29 +08:00
colDomArr [ _this . drag . currIndex ] . style . width = newWidth + "px" ;
//4、设置overflow属性
}
} ;
_this . handlerFilterTextChange = function ( key , val ) {
var onFilterRowsChange = _this . props . onFilterRowsChange ;
if ( onFilterRowsChange ) {
onFilterRowsChange ( key , val ) ;
}
} ;
_this . handlerFilterDropChange = function ( key , val ) {
var onFilterRowsDropChange = _this . props . onFilterRowsDropChange ;
if ( onFilterRowsDropChange ) {
onFilterRowsDropChange ( key , val . key ) ;
}
} ;
_this . filterRenderType = function ( type , dataIndex , index ) {
2018-10-25 19:21:05 +08:00
var _this$props4 = _this . props ,
clsPrefix = _this$props4 . clsPrefix ,
rows = _this$props4 . rows ,
2018-11-01 14:35:46 +08:00
filterDelay = _this$props4 . filterDelay ,
locale = _this$props4 . locale ;
2018-09-27 15:24:29 +08:00
switch ( type ) {
//文本输入
2018-11-07 17:11:25 +08:00
case "text" :
2018-09-27 15:24:29 +08:00
return _react2 [ "default" ] . createElement ( _FilterType2 [ "default" ] , {
2018-11-01 14:35:46 +08:00
locale : locale ,
2018-09-27 15:24:29 +08:00
rendertype : type ,
clsPrefix : clsPrefix ,
2018-11-07 17:11:25 +08:00
className : clsPrefix + " filter-text" ,
2018-10-17 11:20:29 +08:00
onChange : ( 0 , _throttleDebounce . debounce ) ( filterDelay || 300 , _this . handlerFilterTextChange . bind ( _this , dataIndex ) )
// onChange={this.handlerFilterTextChange.bind(this, dataIndex)}
, onSelectDropdown : _this . handlerFilterDropChange . bind ( _this , dataIndex ) ,
2018-11-07 17:11:25 +08:00
filterDropdown : rows [ 1 ] [ index ] [ "filterdropdown" ]
2018-09-27 15:24:29 +08:00
} ) ;
//下拉框选择
2018-11-07 17:11:25 +08:00
case "dropdown" :
2018-09-27 15:24:29 +08:00
var selectDataSource = [ ] ;
2018-11-07 17:11:25 +08:00
if ( rows . length > 0 && ( rows [ 1 ] [ index ] [ "filterdropdownauto" ] || "auto" ) == "auto" ) {
2018-09-27 15:24:29 +08:00
var hash = { } ;
//处理下拉重复对象组装dropdown
selectDataSource = Array . from ( rows [ 1 ] [ 0 ] . datasource , function ( x ) {
2018-11-07 17:11:25 +08:00
return {
key : x [ dataIndex ] ,
value : x [ dataIndex ]
} ;
2018-09-27 15:24:29 +08:00
} ) ;
selectDataSource = selectDataSource . reduceRight ( function ( item , next ) {
2018-11-07 17:11:25 +08:00
hash [ next . key ] ? "" : hash [ next . key ] = true && item . push ( next ) ;
2018-09-27 15:24:29 +08:00
return item ;
} , [ ] ) ;
2018-10-11 22:53:27 +08:00
} else {
2018-11-07 17:11:25 +08:00
selectDataSource = rows [ 1 ] [ index ] [ "filterdropdowndata" ] ;
2018-09-27 15:24:29 +08:00
}
return _react2 [ "default" ] . createElement ( _FilterType2 [ "default" ] , {
2018-11-01 14:35:46 +08:00
locale : locale ,
2018-09-27 15:24:29 +08:00
rendertype : type ,
2018-11-07 17:11:25 +08:00
className : clsPrefix + " filter-dropdown" ,
2018-09-27 15:24:29 +08:00
data : selectDataSource ,
onChange : _this . handlerFilterTextChange . bind ( _this , dataIndex ) ,
onSelectDropdown : _this . handlerFilterDropChange . bind ( _this , dataIndex ) ,
2018-11-07 17:11:25 +08:00
filterDropdown : rows [ 1 ] [ index ] [ "filterdropdown" ] ,
onFocus : rows [ 1 ] [ index ] [ "filterdropdownfocus" ]
2018-09-27 15:24:29 +08:00
} ) ;
//日期
2018-11-07 17:11:25 +08:00
case "date" :
2018-09-27 15:24:29 +08:00
return _react2 [ "default" ] . createElement ( _FilterType2 [ "default" ] , {
2018-11-01 14:35:46 +08:00
locale : locale ,
2018-09-27 15:24:29 +08:00
rendertype : type ,
2018-11-07 17:11:25 +08:00
className : "filter-date" ,
2018-09-27 15:24:29 +08:00
onClick : function onClick ( ) { } ,
2018-11-07 17:11:25 +08:00
format : rows [ 1 ] [ index ] [ "format" ] || "YYYY-MM-DD" ,
2018-09-27 15:24:29 +08:00
onChange : _this . handlerFilterTextChange . bind ( _this , dataIndex ) ,
onSelectDropdown : _this . handlerFilterDropChange . bind ( _this , dataIndex ) ,
2018-11-07 17:11:25 +08:00
filterDropdown : rows [ 1 ] [ index ] [ "filterdropdown" ]
2018-09-27 15:24:29 +08:00
} ) ;
default :
//不匹配类型默认文本输入
2018-11-07 17:11:25 +08:00
return _react2 [ "default" ] . createElement ( "div" , null ) ;
2018-09-27 15:24:29 +08:00
}
2018-05-11 11:30:56 +08:00
} ;
2018-05-11 09:29:43 +08:00
_this . currentObj = null ;
2018-05-14 10:01:06 +08:00
_this . state = {
border : false
2018-11-07 17:11:25 +08:00
} ;
//拖拽宽度处理
if ( ! props . dragborder ) return _possibleConstructorReturn ( _this ) ;
2018-05-11 11:30:56 +08:00
_this . border = false ;
2018-05-14 10:01:06 +08:00
_this . theadKey = new Date ( ) . getTime ( ) ;
2018-05-11 11:30:56 +08:00
_this . drag = {
initPageLeftX : 0 ,
initLeft : 0 ,
2018-05-14 10:01:06 +08:00
x : 0 ,
width : 0
2018-11-07 17:11:25 +08:00
} ;
// let _da = {};
// Object.assign(_da,this.props.rows[0]);
// this.drag.data = JSON.parse(JSON.stringify(this.props.rows[0]));
// let a = this.props.rows[0];
2018-06-25 00:44:05 +08:00
2018-11-07 17:11:25 +08:00
var _row = [ ] ;
2018-10-11 22:53:27 +08:00
_this . props . rows [ 0 ] && _this . props . rows [ 0 ] . forEach ( function ( item ) {
2018-06-25 00:44:05 +08:00
var newItem = item . key != "checkbox" ? ( 0 , _utils . ObjectAssign ) ( item ) : item ;
_row . push ( newItem ) ;
} ) ;
_this . drag . data = _row ; //JSON.parse(JSON.stringify(this.props.rows[0]));
2018-05-11 09:29:43 +08:00
return _this ;
2017-01-12 08:53:51 +08:00
}
TableHeader . prototype . shouldComponentUpdate = function shouldComponentUpdate ( nextProps ) {
return ! ( 0 , _shallowequal2 [ "default" ] ) ( nextProps , this . props ) ;
} ;
2018-09-27 15:24:29 +08:00
/ * *
* @ description 过滤输入后的回调函数
* /
/ * *
* @ description 过滤输入后的回调函数
* /
/ * *
* @ description 过滤渲染的组件类型
* /
2017-01-12 08:53:51 +08:00
TableHeader . prototype . render = function render ( ) {
2018-05-11 09:29:43 +08:00
var _this2 = this ;
2017-01-12 08:53:51 +08:00
var _props = this . props ,
clsPrefix = _props . clsPrefix ,
rowStyle = _props . rowStyle ,
2018-05-11 09:29:43 +08:00
onDragStart = _props . onDragStart ,
onDragOver = _props . onDragOver ,
onDrop = _props . onDrop ,
draggable = _props . draggable ,
rows = _props . rows ,
2018-09-27 15:24:29 +08:00
filterable = _props . filterable ,
onFilterRowsChange = _props . onFilterRowsChange ,
2018-05-11 09:29:43 +08:00
onMouseDown = _props . onMouseDown ,
onMouseMove = _props . onMouseMove ,
onMouseUp = _props . onMouseUp ,
2018-05-11 11:30:56 +08:00
dragborder = _props . dragborder ,
2018-09-12 14:14:05 +08:00
onMouseOut = _props . onMouseOut ,
contentWidthDiff = _props . contentWidthDiff ,
2018-09-13 10:28:28 +08:00
fixed = _props . fixed ,
lastShowIndex = _props . lastShowIndex ;
2017-01-12 08:53:51 +08:00
2018-11-07 17:11:25 +08:00
var attr = dragborder ? { id : "u-table-drag-thead-" + this . theadKey } : { } ;
2017-01-12 08:53:51 +08:00
return _react2 [ "default" ] . createElement (
2018-11-07 17:11:25 +08:00
"thead" ,
_extends ( { className : clsPrefix + "-thead" } , attr ) ,
2017-01-12 08:53:51 +08:00
rows . map ( function ( row , index ) {
return _react2 [ "default" ] . createElement (
2018-11-07 17:11:25 +08:00
"tr" ,
2018-11-12 17:49:58 +08:00
{ key : index , style : rowStyle , className : filterable && index == rows . length - 1 ? 'filterable' : '' } ,
2018-09-12 14:14:05 +08:00
row . map ( function ( da , i , arr ) {
2018-11-07 17:11:25 +08:00
var thHover = da . drgHover ? " " + clsPrefix + "-thead th-drag-hover" : "" ;
2018-05-11 11:37:55 +08:00
delete da . drgHover ;
2018-11-07 17:11:25 +08:00
var fixedStyle = "" ;
var canDotDrag = "" ;
2018-09-12 14:14:05 +08:00
if ( ! fixed && da . fixed ) {
2018-11-07 17:11:25 +08:00
fixedStyle = clsPrefix + "-row-fixed-columns-in-body" ;
2018-09-12 14:14:05 +08:00
}
2018-11-07 17:11:25 +08:00
if ( typeof da . width == "string" && da . width . indexOf ( "%" ) > - 1 && _this2 . props . contentWidth ) {
2018-10-16 19:06:18 +08:00
da . width = parseInt ( _this2 . props . contentWidth * parseInt ( da . width ) / 100 ) ;
} else if ( da . width ) {
da . width = parseInt ( da . width ) ;
}
2018-09-13 10:28:28 +08:00
if ( lastShowIndex == i ) {
2018-09-12 14:14:05 +08:00
da . width = parseInt ( da . width ) + contentWidthDiff ;
2018-11-07 17:11:25 +08:00
canDotDrag = "th-can-not-drag" ;
2018-09-12 14:14:05 +08:00
}
2018-10-11 14:12:19 +08:00
if ( filterable && index == rows . length - 1 ) {
2018-11-07 17:11:25 +08:00
da . children = _this2 . filterRenderType ( da [ "filtertype" ] , da . dataindex , i ) ;
2018-10-15 14:59:53 +08:00
delete da . filterdropdownfocus ;
2018-10-11 14:12:19 +08:00
}
2018-05-11 09:29:43 +08:00
if ( draggable ) {
2018-11-07 17:11:25 +08:00
return _react2 [ "default" ] . createElement ( "th" , _extends ( { } , da , {
2018-05-11 09:29:43 +08:00
onDragStart : function onDragStart ( event ) {
_this2 . onDragStart ( event , da ) ;
} ,
onDragOver : function onDragOver ( event ) {
_this2 . onDragOver ( event , da ) ;
} ,
onDrop : function onDrop ( event ) {
_this2 . onDrop ( event , da ) ;
} ,
onDragEnter : function onDragEnter ( event ) {
_this2 . onDragEnter ( event , da ) ;
} ,
draggable : draggable ,
2018-11-07 17:11:25 +08:00
className : da . className + " " + clsPrefix + "-thead th-drag " + thHover + " " + fixedStyle ,
key : da . key
} ) ) ;
2018-05-11 09:29:43 +08:00
} else if ( dragborder ) {
2018-05-11 11:30:56 +08:00
return _react2 [ "default" ] . createElement (
2018-11-07 17:11:25 +08:00
"th" ,
2018-05-11 11:37:55 +08:00
{
2018-09-12 14:14:05 +08:00
style : { width : da . width } ,
2018-05-14 10:01:06 +08:00
onMouseMove : function onMouseMove ( event ) {
_this2 . onThMouseMove ( event , da ) ;
} ,
onMouseUp : function onMouseUp ( event ) {
_this2 . onThMouseUp ( event , da ) ;
} ,
2018-11-07 17:11:25 +08:00
className : da . className + " " + clsPrefix + "-thead-th " + canDotDrag + " " + fixedStyle ,
key : i
} ,
2018-05-11 11:30:56 +08:00
da . children ,
2018-11-07 17:11:25 +08:00
da . fixed ? "" : _react2 [ "default" ] . createElement ( "div" , {
ref : function ref ( el ) {
2018-05-11 11:30:56 +08:00
return _this2 . gap = el ;
} ,
onMouseMove : function onMouseMove ( event ) {
_this2 . onMouseMove ( event , da ) ;
} ,
onMouseOut : function onMouseOut ( event ) {
_this2 . onMouseOut ( event , da ) ;
} ,
onMouseDown : function onMouseDown ( event ) {
_this2 . onMouseDown ( event , da ) ;
} ,
onMouseUp : function onMouseUp ( event ) {
_this2 . onMouseUp ( event , da ) ;
} ,
2018-09-12 14:14:05 +08:00
onMouseOver : function onMouseOver ( event ) {
_this2 . onMouseOver ( event , da ) ;
} ,
2018-11-07 17:11:25 +08:00
className : clsPrefix + "-thead-th-drag-gap "
} )
2018-05-11 11:30:56 +08:00
) ;
2018-05-11 09:29:43 +08:00
} else {
2018-09-27 15:24:29 +08:00
var th = void 0 ;
2018-11-07 17:11:25 +08:00
th = da . onClick ? _react2 [ "default" ] . createElement ( "th" , _extends ( { } , da , {
className : da . className + " " + fixedStyle ,
key : i ,
onClick : function onClick ( event ) {
2018-10-11 14:12:19 +08:00
da . onClick ( da , event ) ;
2018-11-07 17:11:25 +08:00
}
} ) ) : _react2 [ "default" ] . createElement ( "th" , _extends ( { } , da , {
key : i ,
className : da . className + " " + fixedStyle
} ) ) ;
2018-05-11 11:37:55 +08:00
return th ;
2018-05-11 09:29:43 +08:00
}
2017-01-12 08:53:51 +08:00
} )
) ;
} )
) ;
} ;
return TableHeader ;
} ( _react . Component ) ;
2018-09-12 14:14:05 +08:00
TableHeader . defaultProps = {
contentWidthDiff : 0
} ;
2018-11-07 17:11:25 +08:00
2017-01-12 08:53:51 +08:00
TableHeader . propTypes = propTypes ;
exports [ "default" ] = TableHeader ;
2018-11-07 17:11:25 +08:00
module . exports = exports [ "default" ] ;