wpxp123456
5 years ago
9 changed files with 387 additions and 2 deletions
@ -0,0 +1,265 @@ |
|||||
|
import { replaceHtml } from '../utils/util'; |
||||
|
import { getcellvalue } from '../global/getdata'; |
||||
|
import { luckysheetrefreshgrid } from '../global/refresh'; |
||||
|
import formula from '../global/formula'; |
||||
|
import tooltip from '../global/tooltip'; |
||||
|
import editor from '../global/editor'; |
||||
|
import { modelHTML } from './constant'; |
||||
|
import server from './server'; |
||||
|
import { getSheetIndex } from '../methods/get'; |
||||
|
import locale from '../locale/locale'; |
||||
|
import Store from '../store'; |
||||
|
|
||||
|
const hyperlinkCtrl = { |
||||
|
item: { |
||||
|
linkType: 'external', //链接类型 external外部链接，internal内部链接
|
||||
|
linkAddress: '', //链接地址 网页地址或工作表单元格引用
|
||||
|
linkTooltip: '', //提示
|
||||
|
}, |
||||
|
hyperlink: null, |
||||
|
createDialog: function(){ |
||||
|
let _this = this; |
||||
|
|
||||
|
const _locale = locale(); |
||||
|
const hyperlinkText = _locale.insertLink; |
||||
|
const toolbarText = _locale.toolbar; |
||||
|
const buttonText = _locale.button; |
||||
|
|
||||
|
$("#luckysheet-modal-dialog-mask").show(); |
||||
|
$("#luckysheet-insertLink-dialog").remove(); |
||||
|
|
||||
|
let sheetListOption = ''; |
||||
|
Store.luckysheetfile.forEach(item => { |
||||
|
sheetListOption += `<option value="${item.name}">${item.name}</option>`; |
||||
|
}) |
||||
|
|
||||
|
let content = `<div class="box">
|
||||
|
<div class="box-item"> |
||||
|
<label for="luckysheet-insertLink-dialog-linkText">${hyperlinkText.linkText}：</label> |
||||
|
<input type="text" id="luckysheet-insertLink-dialog-linkText"/> |
||||
|
</div> |
||||
|
<div class="box-item"> |
||||
|
<label for="luckysheet-insertLink-dialog-linkType">${hyperlinkText.linkType}：</label> |
||||
|
<select id="luckysheet-insertLink-dialog-linkType"> |
||||
|
<option value="external">${hyperlinkText.external}</option> |
||||
|
<option value="internal">${hyperlinkText.internal}</option> |
||||
|
</select> |
||||
|
</div> |
||||
|
<div class="show-box show-box-external"> |
||||
|
<div class="box-item"> |
||||
|
<label for="luckysheet-insertLink-dialog-linkAddress">${hyperlinkText.linkAddress}：</label> |
||||
|
<input type="text" id="luckysheet-insertLink-dialog-linkAddress" placeholder="${hyperlinkText.placeholder1}" /> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="show-box show-box-internal"> |
||||
|
<div class="box-item"> |
||||
|
<label for="luckysheet-insertLink-dialog-linkSheet">${hyperlinkText.linkSheet}：</label> |
||||
|
<select id="luckysheet-insertLink-dialog-linkSheet"> |
||||
|
${sheetListOption} |
||||
|
</select> |
||||
|
</div> |
||||
|
<div class="box-item"> |
||||
|
<label for="luckysheet-insertLink-dialog-linkCell">${hyperlinkText.linkCell}：</label> |
||||
|
<input type="text" id="luckysheet-insertLink-dialog-linkCell" value="A1" placeholder="${hyperlinkText.placeholder2}" /> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="box-item"> |
||||
|
<label for="luckysheet-insertLink-dialog-linkTooltip">${hyperlinkText.linkTooltip}：</label> |
||||
|
<input type="text" id="luckysheet-insertLink-dialog-linkTooltip" placeholder="${hyperlinkText.placeholder3}" /> |
||||
|
</div> |
||||
|
</div>`; |
||||
|
|
||||
|
$("body").append(replaceHtml(modelHTML, { |
||||
|
"id": "luckysheet-insertLink-dialog", |
||||
|
"addclass": "luckysheet-insertLink-dialog", |
||||
|
"title": toolbarText.insertLink, |
||||
|
"content": content, |
||||
|
"botton": `<button id="luckysheet-insertLink-dialog-confirm" class="btn btn-primary">${buttonText.confirm}</button>
|
||||
|
<button class="btn btn-default luckysheet-model-close-btn">${buttonText.cancel}</button>`, |
||||
|
"style": "z-index:100003" |
||||
|
})); |
||||
|
let $t = $("#luckysheet-insertLink-dialog").find(".luckysheet-modal-dialog-content").css("min-width", 350).end(), |
||||
|
myh = $t.outerHeight(), |
||||
|
myw = $t.outerWidth(); |
||||
|
let winw = $(window).width(), |
||||
|
winh = $(window).height(); |
||||
|
let scrollLeft = $(document).scrollLeft(), |
||||
|
scrollTop = $(document).scrollTop(); |
||||
|
$("#luckysheet-insertLink-dialog").css({ |
||||
|
"left": (winw + scrollLeft - myw) / 2, |
||||
|
"top": (winh + scrollTop - myh) / 3 |
||||
|
}).show(); |
||||
|
|
||||
|
_this.dataAllocation(); |
||||
|
}, |
||||
|
init: function (){ |
||||
|
let _this = this; |
||||
|
|
||||
|
const _locale = locale(); |
||||
|
const hyperlinkText = _locale.insertLink; |
||||
|
|
||||
|
//链接类型
|
||||
|
$(document).off("change.linkType").on("change.linkType", "#luckysheet-insertLink-dialog-linkType", function(e){ |
||||
|
let value = this.value; |
||||
|
|
||||
|
$("#luckysheet-insertLink-dialog .show-box").hide(); |
||||
|
$("#luckysheet-insertLink-dialog .show-box-" + value).show(); |
||||
|
}) |
||||
|
|
||||
|
//确认按钮
|
||||
|
$(document).off("click.confirm").on("click.confirm", "#luckysheet-insertLink-dialog-confirm", function(e){ |
||||
|
let last = Store.luckysheet_select_save[Store.luckysheet_select_save.length - 1]; |
||||
|
let rowIndex = last.row_focus || last.row[0]; |
||||
|
let colIndex = last.column_focus || last.column[0]; |
||||
|
|
||||
|
//文本
|
||||
|
let linkText = $("#luckysheet-insertLink-dialog-linkText").val(); |
||||
|
|
||||
|
let linkType = $("#luckysheet-insertLink-dialog-linkType").val(); |
||||
|
let linkAddress = $("#luckysheet-insertLink-dialog-linkAddress").val(); |
||||
|
let linkSheet = $("#luckysheet-insertLink-dialog-linkSheet").val(); |
||||
|
let linkCell = $("#luckysheet-insertLink-dialog-linkCell").val(); |
||||
|
let linkTooltip = $("#luckysheet-insertLink-dialog-linkTooltip").val(); |
||||
|
|
||||
|
if(linkType == 'external'){ |
||||
|
if(!/^http[s]?:\/\/([\w\-\.]+)+[\w-]*([\w\-\.\/\?%&=]+)?$/ig.test(linkAddress)){ |
||||
|
tooltip.info('<i class="fa fa-exclamation-triangle"></i>', hyperlinkText.tooltipInfo1); |
||||
|
return; |
||||
|
} |
||||
|
} |
||||
|
else{ |
||||
|
if(!formula.iscelldata(linkCell)){ |
||||
|
tooltip.info('<i class="fa fa-exclamation-triangle"></i>', hyperlinkText.tooltipInfo2); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
linkAddress = linkSheet + "!" + linkCell; |
||||
|
} |
||||
|
|
||||
|
if(linkText == null || linkText.replace(/\s/g, '') == ''){ |
||||
|
linkText = linkAddress; |
||||
|
} |
||||
|
|
||||
|
let item = { |
||||
|
linkType: linkType, |
||||
|
linkAddress: linkAddress, |
||||
|
linkTooltip: linkTooltip, |
||||
|
} |
||||
|
|
||||
|
let historyHyperlink = $.extend(true, {}, _this.hyperlink); |
||||
|
let currentHyperlink = $.extend(true, {}, _this.hyperlink); |
||||
|
|
||||
|
currentHyperlink[rowIndex + "_" + colIndex] = item; |
||||
|
|
||||
|
let d = editor.deepCopyFlowData(Store.flowdata); |
||||
|
let cell = d[rowIndex][colIndex]; |
||||
|
|
||||
|
if(cell == null){ |
||||
|
cell = {}; |
||||
|
} |
||||
|
|
||||
|
cell.fc = 'rgb(0, 0, 255)'; |
||||
|
cell.un = 1; |
||||
|
cell.v = linkText; |
||||
|
|
||||
|
d[rowIndex][colIndex] = cell; |
||||
|
|
||||
|
_this.ref( |
||||
|
historyHyperlink, |
||||
|
currentHyperlink, |
||||
|
Store.currentSheetIndex, |
||||
|
d, |
||||
|
{ row: [rowIndex, rowIndex], column: [colIndex, colIndex] } |
||||
|
); |
||||
|
|
||||
|
$("#luckysheet-modal-dialog-mask").hide(); |
||||
|
$("#luckysheet-insertLink-dialog").hide(); |
||||
|
}) |
||||
|
}, |
||||
|
dataAllocation: function(){ |
||||
|
let _this = this; |
||||
|
|
||||
|
let last = Store.luckysheet_select_save[Store.luckysheet_select_save.length - 1]; |
||||
|
let rowIndex = last.row_focus || last.row[0]; |
||||
|
let colIndex = last.column_focus || last.column[0]; |
||||
|
|
||||
|
let hyperlink = _this.hyperlink || {}; |
||||
|
let item = hyperlink[rowIndex + "_" + colIndex] || {}; |
||||
|
|
||||
|
//文本
|
||||
|
let text = getcellvalue(rowIndex, colIndex, null, 'm'); |
||||
|
$("#luckysheet-insertLink-dialog-linkText").val(text); |
||||
|
|
||||
|
//链接类型
|
||||
|
let linkType = item.linkType || 'external'; |
||||
|
$("#luckysheet-insertLink-dialog-linkType").val(linkType); |
||||
|
|
||||
|
$("#luckysheet-insertLink-dialog .show-box").hide(); |
||||
|
$("#luckysheet-insertLink-dialog .show-box-" + linkType).show(); |
||||
|
|
||||
|
//链接地址
|
||||
|
let linkAddress = item.linkAddress || ''; |
||||
|
|
||||
|
if(linkType == 'external'){ |
||||
|
$("#luckysheet-insertLink-dialog-linkAddress").val(linkAddress); |
||||
|
} |
||||
|
else{ |
||||
|
if(formula.iscelldata(linkAddress)){ |
||||
|
let sheettxt = linkAddress.split("!")[0]; |
||||
|
let rangetxt = linkAddress.split("!")[1]; |
||||
|
|
||||
|
$("#luckysheet-insertLink-dialog-linkSheet").val(sheettxt); |
||||
|
$("#luckysheet-insertLink-dialog-linkCell").val(rangetxt); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
//提示
|
||||
|
let linkTooltip = item.linkTooltip || ''; |
||||
|
$("#luckysheet-insertLink-dialog-linkTooltip").val(linkTooltip); |
||||
|
}, |
||||
|
cellFocus: function(r, c){ |
||||
|
let _this = this; |
||||
|
|
||||
|
if(_this.hyperlink == null || _this.hyperlink[r + '_' + c] == null){ |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
}, |
||||
|
ref: function(historyHyperlink, currentHyperlink, sheetIndex, d, range){ |
||||
|
let _this = this; |
||||
|
|
||||
|
if (Store.clearjfundo) { |
||||
|
Store.jfundo = []; |
||||
|
|
||||
|
let redo = {}; |
||||
|
redo["type"] = "updateHyperlink"; |
||||
|
redo["sheetIndex"] = sheetIndex; |
||||
|
redo["historyHyperlink"] = historyHyperlink; |
||||
|
redo["currentHyperlink"] = currentHyperlink; |
||||
|
redo["data"] = Store.flowdata; |
||||
|
redo["curData"] = d; |
||||
|
redo["range"] = range; |
||||
|
Store.jfredo.push(redo); |
||||
|
} |
||||
|
|
||||
|
_this.hyperlink = currentHyperlink; |
||||
|
Store.luckysheetfile[getSheetIndex(sheetIndex)].hyperlink = currentHyperlink; |
||||
|
|
||||
|
Store.flowdata = d; |
||||
|
editor.webWorkerFlowDataCache(Store.flowdata);//worker存数据
|
||||
|
Store.luckysheetfile[getSheetIndex(sheetIndex)].data = Store.flowdata; |
||||
|
|
||||
|
//共享编辑模式
|
||||
|
if(server.allowUpdate){ |
||||
|
server.saveParam("all", sheetIndex, currentHyperlink, { "k": "hyperlink" }); |
||||
|
server.historyParam(Store.flowdata, sheetIndex, range); |
||||
|
} |
||||
|
|
||||
|
setTimeout(function () { |
||||
|
luckysheetrefreshgrid(); |
||||
|
}, 1); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
export default hyperlinkCtrl; |
||||
Loading…
Reference in new issue