From 33d6c961bb2d88fa1ba73448c2b808957f750544 Mon Sep 17 00:00:00 2001 From: wpxp123456 <2677556700@qq.com> Date: Fri, 9 Oct 2020 17:25:51 +0800 Subject: [PATCH] feat(image): copy and paste --- src/controllers/handler.js | 3 + src/controllers/imageCtrl.js | 65 +++++++++++++++++++++- src/controllers/keyboard.js | 19 ++++++- src/controllers/luckysheetConfigsetting.js | 2 + src/controllers/sheetmanage.js | 5 ++ src/core.js | 2 + src/global/api.js | 37 +++++++----- 7 files changed, 115 insertions(+), 18 deletions(-) diff --git a/src/controllers/handler.js b/src/controllers/handler.js index 24b8e3e..311f741 100644 --- a/src/controllers/handler.js +++ b/src/controllers/handler.js @@ -4853,6 +4853,9 @@ export default function luckysheetHandler() { selection.pasteHandlerOfCopyPaste(Store.luckysheet_copy_save); } } + else if(txtdata.indexOf("luckysheet_copy_action_image") > - 1){ + imageCtrl.pasteImgItem(); + } else { if (txtdata.indexOf("table") > -1) { $("#luckysheet-copy-content").html(txtdata); diff --git a/src/controllers/imageCtrl.js b/src/controllers/imageCtrl.js index c1b9a1a..2749b6b 100644 --- a/src/controllers/imageCtrl.js +++ b/src/controllers/imageCtrl.js @@ -48,7 +48,10 @@ const imageCtrl = { cropChange: null, cropChangeXY: null, cropChangeObj: null, + copyImgItemObj: null, inserImg: function(src){ + let _this = this; + let rowIndex = Store.luckysheet_select_save[0].row_focus || 0; let colIndex = Store.luckysheet_select_save[0].column_focus || 0; let left = colIndex == 0 ? 0 : Store.visibledatacolumn[colIndex - 1]; @@ -67,7 +70,7 @@ const imageCtrl = { originHeight: height } - imageCtrl.addImgItem(img); + _this.addImgItem(img); } image.src = src; }, @@ -615,6 +618,8 @@ const imageCtrl = { "top": -imgItem.border.width, "bottom": -imgItem.border.width, }) + + _this.currentImgId = null; }, addImgItem: function(img) { let _this = this; @@ -855,6 +860,64 @@ const imageCtrl = { _this.ref(); }, + copyImgItem: function(e) { + let _this = this; + + _this.copyImgItemObj = $.extend(true, {}, _this.images[_this.currentImgId]); + + let clipboardData = window.clipboardData; //for IE + if (!clipboardData) { // for chrome + clipboardData = e.originalEvent.clipboardData; + } + + let cpdata = '
'; + + if (!clipboardData) { + let textarea = $("#luckysheet-copy-content"); + textarea.html(cpdata); + textarea.focus(); + textarea.select(); + document.execCommand("selectAll"); + document.execCommand("Copy"); + // 等50毫秒，keyPress事件发生了再去处理数据 + setTimeout(function () { + $("#luckysheet-copy-content").blur(); + }, 10); + } + else { + clipboardData.setData('Text', cpdata); + return false;//否则设不生效 + } + }, + pasteImgItem: function() { + let _this = this; + + let rowIndex = Store.luckysheet_select_save[0].row_focus || 0; + let colIndex = Store.luckysheet_select_save[0].column_focus || 0; + let left = colIndex == 0 ? 0 : Store.visibledatacolumn[colIndex - 1]; + let top = rowIndex == 0 ? 0 : Store.visibledatarow[rowIndex - 1]; + + let img = $.extend(true, {}, _this.copyImgItemObj); + + img.default.left = left - img.crop.offsetLeft; + img.default.top = top - img.crop.offsetTop; + + let scrollTop = $("#luckysheet-cell-main").scrollTop(), + scrollLeft = $("#luckysheet-cell-main").scrollLeft(); + + img.fixedLeft = img.default.left - scrollLeft + Store.rowHeaderWidth; + img.fixedTop = img.default.top - scrollTop + Store.infobarHeight + Store.toolbarHeight + Store.calculatebarHeight + Store.columeHeaderHeight; + + let id = _this.generateRandomId(); + let modelHtml = _this.modelHtml(id, img); + + $("#luckysheet-image-showBoxs .img-list").append(modelHtml); + + _this.images[id] = img; + _this.ref(); + + _this.init(); + }, allImagesShow: function() { let _this = this; diff --git a/src/controllers/keyboard.js b/src/controllers/keyboard.js index fa15d37..f2548f2 100644 --- a/src/controllers/keyboard.js +++ b/src/controllers/keyboard.js @@ -14,6 +14,7 @@ import { selectHightlightShow, selectIsOverlap } from './select'; import selection from './selection'; import searchReplace from './searchReplace'; import controlHistory from './controlHistory'; +import imageCtrl from './imageCtrl'; import { getByteLen, @@ -313,8 +314,6 @@ export function keyboardInitial(){ return; } - - let $inputbox = $("#luckysheet-input-box"); @@ -433,6 +432,11 @@ export function keyboardInitial(){ $("#luckysheet-icon-bold").click(); } else if (kcode == 67) {//Ctrl + C 复制 + if(imageCtrl.currentImgId != null){ + imageCtrl.copyImgItem(event); + return; + } + //复制时存在格式刷状态，取消格式刷 if(menuButton.luckysheetPaintModelOn){ menuButton.cancelPaintModel(); @@ -749,10 +753,19 @@ export function keyboardInitial(){ selectHightlightShow(); } else if (kcode == keycode.DELETE) { - $("#luckysheet-delete-text").click(); + if(imageCtrl.currentImgId != null){ + imageCtrl.removeImgItem(); + } + else{ + $("#luckysheet-delete-text").click(); + } event.preventDefault(); } + else if(kcode == 8 && imageCtrl.currentImgId != null){ + imageCtrl.removeImgItem(); + event.preventDefault(); + } else if (kcode == keycode.UP) { if (parseInt($inputbox.css("top")) > 0 || $(event.target).hasClass("formulaInputFocus") || $("#luckysheet-singleRange-dialog").is(":visible") || $("#luckysheet-multiRange-dialog").is(":visible")) { return; diff --git a/src/controllers/luckysheetConfigsetting.js b/src/controllers/luckysheetConfigsetting.js index 656d1c0..70c2cc2 100644 --- a/src/controllers/luckysheetConfigsetting.js +++ b/src/controllers/luckysheetConfigsetting.js @@ -26,6 +26,8 @@ const luckysheetConfigsetting = { editMode: false, beforeCreateDom: null, + workbookCreateBefore: null, + workbookCreateAfter: null, fireMousedown: null, plugins:[], forceCalculation:false,//强制刷新公式，公式较多会有性能问题，慎用 diff --git a/src/controllers/sheetmanage.js b/src/controllers/sheetmanage.js index 50642d4..29af1a2 100644 --- a/src/controllers/sheetmanage.js +++ b/src/controllers/sheetmanage.js @@ -761,10 +761,15 @@ const sheetmanage = { } } + //钩子函数 表格创建之前触发 if(typeof luckysheetConfigsetting.beforeCreateDom == "function" ){ luckysheetConfigsetting.beforeCreateDom(luckysheet); } + if(typeof luckysheetConfigsetting.workbookCreateBefore == "function"){ + luckysheetConfigsetting.workbookCreateBefore(luckysheet); + } + if(luckysheetConfigsetting.pointEdit){ setTimeout(function(){ $("#luckysheetloadingdata").remove(); diff --git a/src/core.js b/src/core.js index 24a8044..ccbc140 100644 --- a/src/core.js +++ b/src/core.js @@ -95,6 +95,8 @@ luckysheet.create = function (setting) { luckysheetConfigsetting.editMode = extendsetting.editMode; luckysheetConfigsetting.beforeCreateDom = extendsetting.beforeCreateDom; + luckysheetConfigsetting.workbookCreateBefore = extendsetting.workbookCreateBefore; + luckysheetConfigsetting.workbookCreateAfter = extendsetting.workbookCreateAfter; luckysheetConfigsetting.fireMousedown = extendsetting.fireMousedown; luckysheetConfigsetting.forceCalculation = extendsetting.forceCalculation; diff --git a/src/global/api.js b/src/global/api.js index cef2304..9b52cc4 100644 --- a/src/global/api.js +++ b/src/global/api.js @@ -93,20 +93,26 @@ export function getCellValue(row, column, options = {}) { * @param {Function} options.success 操作结束的回调函数 */ export function setCellValue(row, column, value, options = {}) { - if (row == null && column == null) { - return tooltip.info('Arguments row or column cannot be null or undefined.', '') + if (getObjType(row) != "number" || getObjType(column) != "number") { + return tooltip.info('The row or column parameter is invalid.', ''); } - let curSheetOrder = getSheetIndex(Store.currentSheetIndex); + let { - index = Store.currentSheetIndex, - order = curSheetOrder, + order = getSheetIndex(Store.currentSheetIndex), isRefresh = true, success } = {...options} + + let file = Store.luckysheetfile[order]; + + if(file == null){ + return tooltip.info("The order parameter is invalid.", ""); + } - let luckysheetfile = getluckysheetfile(); - let arrayIndex = getSheetIndex(index); - let data = luckysheetfile[arrayIndex].data; + let data = $.extend(true, [], file.data); + if(data.length == 0){ + data = sheetmanage.buildGridData(file); + } // luckysheetformula.updatecell(row, column, value); let formatList = { @@ -130,7 +136,12 @@ export function setCellValue(row, column, value, options = {}) { //f: 1, //formula qp:1 //quotePrefix, show number as string } - if(value instanceof Object){ + + if(value == null || value.toString().length == 0){ + formula.delFunctionGroup(row, column); + setcellvalue(row, column, data, value); + } + else if(value instanceof Object){ let curv = {}; if(value.f!=null && value.v==null){ curv.f = value.f; @@ -163,22 +174,20 @@ export function setCellValue(row, column, value, options = {}) { } } else{ - if(value.substr(0,1)=="=" || value.substr(0,5)=="