3 lines
2.5 KiB
JavaScript
3 lines
2.5 KiB
JavaScript
|
var Canban,CanbanCell,CanbanColumn;export default window.Canban=Canban=class Canban extends React.Component{constructor(t){var e,n,a;super(t),this.state={columns:null!=(e=t.columns)?e:[],data:null!=(n=t.data)?n:{},callback:null!=(a=t.callback)?a:null},this.renderColumn=this.renderColumn.bind(this),this.onCellClick=this.onCellClick.bind(this)}onCellClick(id){var base,x;return console.log(this.props.onCellClick),"string"==typeof this.props.onCellClick?(x=eval(this.props.onCellClick),x(id)):"function"==typeof(base=this.props).onCellClick?base.onCellClick(id):void 0}renderColumn(t){var e;return({data:e}=this.state),React.createElement(CanbanColumn,{item:t,data:e[t.id],onClick:this.onCellClick})}componentDidMount(){var t;return t=this,$(".column",this.wrap).sortable({distance:5,connectWith:".column",stop:function(x,_cell,_column){var cell,column;if(cell=_cell.data("react"),column=_column.data("react"),"string"==typeof t.props.callback)return x=eval(t.props.callback),x(cell.state.id,column.state.id)}})}render(){var t,e,n=this;return({columns:e}=this.state),t=e.map(this.renderColumn),React.createElement("div",{className:"canban_wrap",ref:function(t){return n.wrap=t}},React.createElement("div",{className:"canban"},t))}};CanbanColumn=class extends React.Component{constructor(t){super(t),this.state={item:t.item,data:t.data,id:t.item.id},this.renderCell=this.renderCell.bind(this),this.onCellClick=this.onCellClick.bind(this),this.column=null}onCellClick(t){var e;return"function"==typeof(e=this.props).onClick?e.onClick(t):void 0}renderCell(t){return React.createElement(CanbanCell,{data:t,onClick:this.onCellClick})}componentDidMount(){return $(this.column).data("react",this)}render(){var t,e,n,a=this;return({item:n,data:e}=this.state),t=null,Array.isArray(e)&&(t=e.map(this.renderCell)),React.createElement("div",{className:"canban_column"},React.createElement("div",{className:"canban_title"},n.title),React.createElement("div",{className:"column",ref:function(t){return a.column=t}},t))}},CanbanCell=class extends React.Component{constructor(t){super(t),this.state={data:t.data,id:t.data.id},this.wrap=null,this.onClick=this.onClick.bind(this)}onClick(t){var e;return"function"==typeof(e=this.props).onClick?e.onClick(this.state.id):void 0}componentDidMount(){return $(this.wrap).data("react",this)}render(){var t,e=this;return({data:t}=this.state),React.createElement("div",{ref:function(t){return e.wrap=t},className:"canban_dash",onClick:this.onClick},React.createElement("div",{className:"title"},t.title))}};
|
||
|
|
//# sourceMappingURL=canban.min.js.map
|