ureport2/ureport2-js/src/table/ContextMenu.js

/**
 * Created by Jacky.Gao on 2017-01-31.
 */
import {undoManager,resetTableData,setDirty} from '../Utils.js';
import {doInsertRow} from './operation/InsertRowOperation.js';
import {doInsertCol} from './operation/InsertColOperation.js';
import {doDeleteRow} from './operation/DeleteRowOperation.js';
import {doDeleteCol} from './operation/DeleteColOperation.js';
import {renderRowHeader} from './HeaderUtils.js';
import RowColWidthHeightDialog from '../dialog/RowColWidthHeightDialog.js';
import Handsontable from 'handsontable';

export const contextMenuConfigure={
    callback: function (key, options) {
        const _this=this;
        if (key === 'insert_row_above') {
            doInsertRow.call(this,true);
        }else if(key === 'insert_row_below'){
            doInsertRow.call(this);
        }else if(key==='insert_col_left'){
            doInsertCol.call(this,true);
        }else if(key==='insert_col_right'){
            doInsertCol.call(this);
        }else if(key==='del_row'){
            doDeleteRow.call(this);
        }else if(key==='del_col'){
            doDeleteCol.call(this);
        }else if(key==='clean_content'){
            const selected=this.getSelected();
            const startRow=selected[0],endRow=selected[2],startCol=selected[1],endCol=selected[3];
            let removeCellsMap=cleanCells(_this.context,startRow,endRow,startCol,endCol,'content');
            undoManager.add({
                redo:function(){
                    removeCellsMap=cleanCells(_this.context,startRow,endRow,startCol,endCol,'content');
                },
                undo:function(){
                    undoCleanCells(_this.context,startRow,endRow,startCol,endCol,removeCellsMap,'content');
                }
            })
        }else if(key==='clean_style'){
            const selected=this.getSelected();
            const startRow=selected[0],endRow=selected[2],startCol=selected[1],endCol=selected[3];
            let removeCellsMap=cleanCells(_this.context,startRow,endRow,startCol,endCol,'style');
            undoManager.add({
                redo:function(){
                    removeCellsMap=cleanCells(_this.context,startRow,endRow,startCol,endCol,'style');
                },
                undo:function(){
                    undoCleanCells(_this.context,startRow,endRow,startCol,endCol,removeCellsMap,'style');
                }
            })
        }else if(key==='clean'){
            const selected=this.getSelected();
            const startRow=selected[0],endRow=selected[2],startCol=selected[1],endCol=selected[3];
            let removeCellsMap=cleanCells(_this.context,startRow,endRow,startCol,endCol,'all');
            undoManager.add({
                redo:function(){
                    removeCellsMap=cleanCells(_this.context,startRow,endRow,startCol,endCol,'all');
                },
                undo:function(){
                    undoCleanCells(_this.context,startRow,endRow,startCol,endCol,removeCellsMap,'all');
                }
            })
        }else if(key==='repeat_row_header'){
            const selected=this.getSelected();
            const startRow=selected[0],endRow=selected[2];
            const context=this.context;
            for(let rowNumber=startRow;rowNumber<=endRow;rowNumber++){
                context.addRowHeader(rowNumber,'headerrepeat');
            }
            renderRowHeader(this,context);
            setDirty();
        }else if(key==='repeat_row_footer'){
            const selected=this.getSelected();
            const startRow=selected[0],endRow=selected[2];
            const context=this.context;
            for(let rowNumber=startRow;rowNumber<=endRow;rowNumber++){
                context.addRowHeader(rowNumber,'footerrepeat');
            }
            renderRowHeader(this,context);
            setDirty();
        }else if(key==='repeat_cancel'){
            const selected=this.getSelected();
            const startRow=selected[0],endRow=selected[2];
            const context=this.context;
            for(let rowNumber=startRow;rowNumber<=endRow;rowNumber++){
                context.adjustDelRowHeaders(rowNumber);
            }
            renderRowHeader(this,context);
            setDirty();
        }else if(key==='row_height'){
            const selected=this.getSelected();
            const startRow=selected[0];
            const rowHeight=this.getRowHeight(startRow);
            const dialog=new RowColWidthHeightDialog();
            dialog.show(function(newHeight){
                const rowHeights=_this.getSettings().rowHeights;
                rowHeights.splice(startRow,1,newHeight);
                _this.updateSettings({
                    rowHeights:rowHeights,
                    manualRowResize:rowHeights
                });
            },rowHeight,false);
            setDirty();
        }else if(key==='col_width'){
            const selected=this.getSelected();
            const startCol=selected[1];
            const colWidth=this.getColWidth(startCol);
            const dialog=new RowColWidthHeightDialog();
            dialog.show(function(newColWidth){
                const colWidths=_this.getSettings().colWidths;
                colWidths.splice(startCol,1,newColWidth);
                _this.updateSettings({
                    colWidths:colWidths,
                    manualColumnResize:colWidths
                });
            },colWidth,true);
            setDirty();
        }
    },
    items: {
        "insert_row_above": {
            name: '<i class="ureport ureport-insertrow" style="color: #3344d3;font-size: 13px"></i> 插入行(上)'
        },
        "insert_row_below": {
            name: '<i class="ureport ureport-insertrow" style="color: #3344d3;font-size: 13px"></i> 插入行(下)'
        },
        "insert_col_left": {
            name: '<i class="ureport ureport-insert-column" style="color: #008ed3;font-size: 13px"></i> 插入列(前)'
        },
        "insert_col_right": {
            name: '<i class="ureport ureport-insert-column" style="color: #008ed3;font-size: 13px"></i> 插入列(后)'
        },
        "del_row": {
            name: '<i class="ureport ureport-deleterow" style="color: #d30a16;font-size: 13px"></i>  删除行',
            disabled:checkRowDeleteOperationDisabled
        },
        "del_col": {
            name: '<i class="ureport ureport-deletecolumn" style="color: #d30a16;font-size: 13px"></i>  删除列',
            disabled:checkColDeleteOperationDisabled
        },
        "row_height": {
            name: '<i class="ureport ureport-height" style="color: #d30a16;font-size: 13px;font-weight:bold"></i>  设置行高',
            disabled:checkRowDeleteOperationDisabled
        },
        "col_width": {
            name: '<i class="ureport ureport-width" style="color: #d30a16;font-size: 13px;font-weight:bold"></i>  设置列宽',
            disabled:checkColDeleteOperationDisabled
        },
        "repeat_row_header": {
            name: '<i class="ureport ureport-header-repeat" style="color: #9C27B0;font-size: 13px"></i>  重复表头',
            disabled:checkRowDeleteOperationDisabled
        },
        "repeat_row_footer": {
            name: '<i class="ureport ureport-footer-repeat" style="color: #9C27B0;font-size: 13px"></i>  重复表尾',
            disabled:checkRowDeleteOperationDisabled
        },
        "repeat_cancel": {
            name: '<i class="glyphicon glyphicon-remove-circle" style="color: #d30e00;font-size: 13px"></i>  取消重复',
            disabled:checkRowDeleteOperationDisabled
        },
        "clean_content": {
            name: '<i class="ureport ureport-clean-content" style="color: #007471;font-size: 13px"></i>  清空内容',
            disabled:checkCleanOperationDisabled
        },
        "clean_style": {
            name: '<i class="ureport ureport-clean-style" style="color: #00746f;font-size: 13px"></i>  清空格式',
            disabled:checkCleanOperationDisabled
        },
        "clean": {
            name: '<i class="ureport ureport-clean" style="color: #d30e00;font-size: 13px"></i>  清空所有',
            disabled:checkCleanOperationDisabled
        }
    }
};

function undoCleanCells(context,startRow,endRow,startCol,endCol,removeCellsMap,type){
    let cellsMap=context.cellsMap,hot=context.hot;
    for(let i=startRow;i<=endRow;i++) {
        for (let j = startCol; j <= endCol; j++) {
            let cell = context.getCell(i, j);
            if (!cell) {
                continue;
            }
            let key=cell.rowNumber+","+cell.columnNumber;
            if(type==='content'){
                let orgValue=removeCellsMap.get(key);
                if(!orgValue){
                    alert("撤消清空单元格内容操作失败！");
                    return;
                }
                cell.value=orgValue;
                let value=cell.value;
                let valueType=value.type;
                let text=value.value;
                if(valueType==='dataset'){
                    text=value.datasetName+"."+value.aggregate+"("+value.property+")";
                }
                hot.setDataAtCell(i,j,text);
            }else if(type==='style'){
                let orgStyle=removeCellsMap.get(key);
                if(!orgStyle){
                    alert("撤消清空单元格样式操作失败！");
                    return;
                }
                cell.cellStyle=orgStyle;
            }else if(type==='all'){
                context.removeCell(cell);
                let orgCell=removeCellsMap.get(key);
                if(!orgCell){
                    alert("撤消清空单元格操作失败！");
                    return;
                }
                context.addCell(orgCell);
                let value=orgCell.value;
                let valueType=value.type;
                let text=value.value;
                if(valueType==='dataset'){
                    text=value.datasetName+"."+value.aggregate+"("+value.property+")";
                }
                hot.setDataAtCell(i,j,text);
            }
        }
    }
    Handsontable.hooks.run(hot, 'afterSelectionEnd',startRow,startCol,endRow,endCol);
    hot.render();
};

function cleanCells(context,startRow,endRow,startCol,endCol,type){
    let removeCellsMap=new Map(),hot=context.hot;
    for(let i=startRow;i<=endRow;i++){
        for(let j=startCol;j<=endCol;j++){
            let cell=context.getCell(i,j);
            if(!cell){
                continue;
            }
            cell.cellStyle.format=null;
            let key=cell.rowNumber+","+cell.columnNumber;
            if(type==='content'){
                removeCellsMap.set(key,cell.value);
                cell.value={
                    type:'simple',
                    value:''
                };
                cell.expand='None';
                cell.conditionPropertyItems=null;
                hot.setDataAtCell(i,j,'');
            }else if(type==='style'){
                removeCellsMap.set(key,cell.cellStyle);
                cell.cellStyle={fontSize:9,forecolor:'0,0,0',fontFamily:'宋体',align:'center',valign:'middle'};
            }else if(type==='all'){
                context.removeCell(cell);
                removeCellsMap.set(key,cell);
                let newCell={
                    rowNumber:cell.rowNumber,
                    columnNumber:cell.columnNumber,
                    expand:'None',
                    value:{
                        type:'simple',
                        value:''
                    },
                    cellStyle:{fontSize:9,forecolor:'0,0,0',fontFamily:'宋体',align:'center',valign:'middle'}
                };
                context.addCell(newCell);
                hot.setDataAtCell(i,j,'');
            }
        }
    }
    Handsontable.hooks.run(hot, 'afterSelectionEnd',startRow,startCol,endRow,endCol);
    hot.render();
    return removeCellsMap;
};

function checkRowDeleteOperationDisabled(){
    const selected=this.getSelected();
    if(!selected){
        return true;
    }
    const startRow=selected[0], endRow=selected[2];
    let dif=Math.abs(startRow-endRow)+1;
    const countRows=this.countRows();
    if(dif>=countRows){
        return true;
    }else{
        return false;
    }
};

function checkColDeleteOperationDisabled(){
    const selected=this.getSelected();
    if(!selected){
        return true;
    }
    const startCol=selected[1], endCol=selected[3];
    let dif=Math.abs(startCol-endCol)+1;
    const countCols=this.countCols();
    if(dif>=countCols){
        return true;
    }else{
        return false;
    }
};
function checkCleanOperationDisabled(){
    const selected=this.getSelected();
    if(!selected || selected.length===0){
        return true;
    }
    return false;
};