mengshukeji
5 years ago
committed by
GitHub
GitHub
60 changed files with 3849 additions and 1107 deletions
@ -0,0 +1,20 @@ |
|||
# Tutorials and resources |
|||
|
|||
Open source software is inseparable from the contribution of the community. Here will be a list of tutorials, learning materials and supporting solutions provided by the community. |
|||
|
|||
If you have written or found an excellent tutorial and want to recommend it to us, please directly [edit this page](https://github.com/mengshukeji/Luckysheet/edit/master/docs/guide/resource.md) submit a PR. |
|||
|
|||
## Blog |
|||
- [How Luckysheet initializes the data with merged cells](https://www.cnblogs.com/DuShuSir/p/13272397.html)[Pending translation] |
|||
- [How Luckysheet saves the data in the table to the database](https://www.cnblogs.com/DuShuSir/p/13857874.html)[Pending translation] |
|||
- [Case of introducing Luckysheet into local HTML using CDN loading](https://www.cnblogs.com/DuShuSir/p/13859103.html)[Pending translation] |
|||
|
|||
## Collaborative editing background |
|||
|
|||
### Community Case |
|||
- Java background [Luckysheet save and restore](https://gitee.com/ichiva/luckysheet-saved-in-recovery)[Pending translation] |
|||
|
|||
|
|||
## Learning Materials |
|||
|
|||
- [How to build a web data analysis report from 0 to 1](https://github.com/mengshukeji/LuckyResources/blob/master/ppt/%E5%A6%82%E4%BD%95%E4%BB%8E0%E5%88%B01%E6%90%AD%E5%BB%BA%20Web%20%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90%E6%8A%A5%E8%A1%A8.pptx)[Pending translation] |
|||
@ -0,0 +1,20 @@ |
|||
# 教程与资源 |
|||
|
|||
开源软件离不开社区的贡献，这里将会列举出社区提供的教程、学习资料及配套解决方案。 |
|||
|
|||
如果您写了或者发现了优秀的教程想要推荐给我们，请直接[编辑此页](https://github.com/mengshukeji/Luckysheet/edit/master/docs/zh/guide/resource.md)提交PR。 |
|||
|
|||
## 博客 |
|||
- [Luckysheet如何初始化含合并单元格的数据](https://www.cnblogs.com/DuShuSir/p/13272397.html) |
|||
- [Luckysheet如何把表格里的数据保存到数据库](https://www.cnblogs.com/DuShuSir/p/13857874.html) |
|||
- [本地HTML采用cdn加载方式引入Luckysheet的案例](https://www.cnblogs.com/DuShuSir/p/13859103.html) |
|||
|
|||
## 协同编辑后台 |
|||
|
|||
### 社区案例 |
|||
- Java后台 [Luckysheet保存与恢复](https://gitee.com/ichiva/luckysheet-saved-in-recovery) |
|||
|
|||
|
|||
## 学习资料 |
|||
|
|||
- [如何从0到1搭建 Web 数据分析报表](https://github.com/mengshukeji/LuckyResources/blob/master/ppt/%E5%A6%82%E4%BD%95%E4%BB%8E0%E5%88%B01%E6%90%AD%E5%BB%BA%20Web%20%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90%E6%8A%A5%E8%A1%A8.pptx) |
|||
File diff suppressed because one or more lines are too long
Binary file not shown.
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 80 KiB After Width: | Height: | Size: 85 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -0,0 +1,361 @@ |
|||
import { replaceHtml } from '../utils/util'; |
|||
import { getcellvalue } from '../global/getdata'; |
|||
import { luckysheetrefreshgrid } from '../global/refresh'; |
|||
import { rowLocation, colLocation, mouseposition } from '../global/location'; |
|||
import formula from '../global/formula'; |
|||
import tooltip from '../global/tooltip'; |
|||
import editor from '../global/editor'; |
|||
import { modelHTML } from './constant'; |
|||
import { selectHightlightShow } from './select'; |
|||
import server from './server'; |
|||
import sheetmanage from './sheetmanage'; |
|||
import luckysheetFreezen from './freezen'; |
|||
import menuButton from './menuButton'; |
|||
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; |
|||
} |
|||
|
|||
let item = _this.hyperlink[r + '_' + c]; |
|||
|
|||
if(item.linkType == 'external'){ |
|||
window.open(item.linkAddress); |
|||
} |
|||
else{ |
|||
let cellrange = formula.getcellrange(item.linkAddress); |
|||
let sheetIndex = cellrange.sheetIndex; |
|||
let range = [{ |
|||
row: cellrange.row, |
|||
column: cellrange.column |
|||
}]; |
|||
|
|||
if(sheetIndex != Store.currentSheetIndex){ |
|||
$("#luckysheet-sheet-area div.luckysheet-sheets-item").removeClass("luckysheet-sheets-item-active"); |
|||
$("#luckysheet-sheets-item" + sheetIndex).addClass("luckysheet-sheets-item-active"); |
|||
|
|||
sheetmanage.changeSheet(sheetIndex); |
|||
} |
|||
|
|||
Store.luckysheet_select_save = range; |
|||
selectHightlightShow(true); |
|||
|
|||
let row_pre = cellrange.row[0] - 1 == -1 ? 0 : Store.visibledatarow[cellrange.row[0] - 1]; |
|||
let col_pre = cellrange.column[0] - 1 == -1 ? 0 : Store.visibledatacolumn[cellrange.column[0] - 1]; |
|||
|
|||
$("#luckysheet-scrollbar-x").scrollLeft(col_pre); |
|||
$("#luckysheet-scrollbar-y").scrollTop(row_pre); |
|||
} |
|||
}, |
|||
overshow: function(event){ |
|||
let _this = this; |
|||
|
|||
$("#luckysheet-hyperlink-overshow").remove(); |
|||
|
|||
if($(event.target).closest("#luckysheet-cell-main").length == 0){ |
|||
return; |
|||
} |
|||
|
|||
let mouse = mouseposition(event.pageX, event.pageY); |
|||
let scrollLeft = $("#luckysheet-cell-main").scrollLeft(); |
|||
let scrollTop = $("#luckysheet-cell-main").scrollTop(); |
|||
let x = mouse[0] + scrollLeft; |
|||
let y = mouse[1] + scrollTop; |
|||
|
|||
if(luckysheetFreezen.freezenverticaldata != null && mouse[0] < (luckysheetFreezen.freezenverticaldata[0] - luckysheetFreezen.freezenverticaldata[2])){ |
|||
return; |
|||
} |
|||
|
|||
if(luckysheetFreezen.freezenhorizontaldata != null && mouse[1] < (luckysheetFreezen.freezenhorizontaldata[0] - luckysheetFreezen.freezenhorizontaldata[2])){ |
|||
return; |
|||
} |
|||
|
|||
let row_index = rowLocation(y)[2]; |
|||
let col_index = colLocation(x)[2]; |
|||
|
|||
let margeset = menuButton.mergeborer(Store.flowdata, row_index, col_index); |
|||
if(!!margeset){ |
|||
row_index = margeset.row[2]; |
|||
col_index = margeset.column[2]; |
|||
} |
|||
|
|||
if(_this.hyperlink == null || _this.hyperlink[row_index + "_" + col_index] == null){ |
|||
return; |
|||
} |
|||
|
|||
let item = _this.hyperlink[row_index + "_" + col_index]; |
|||
let linkTooltip = item.linkTooltip; |
|||
|
|||
if(linkTooltip == null || linkTooltip.replace(/\s/g, '') == ''){ |
|||
linkTooltip = item.linkAddress; |
|||
} |
|||
|
|||
let row = Store.visibledatarow[row_index], |
|||
row_pre = row_index - 1 == -1 ? 0 : Store.visibledatarow[row_index - 1]; |
|||
let col = Store.visibledatacolumn[col_index], |
|||
col_pre = col_index - 1 == -1 ? 0 : Store.visibledatacolumn[col_index - 1]; |
|||
|
|||
if(!!margeset){ |
|||
row = margeset.row[1]; |
|||
row_pre = margeset.row[0]; |
|||
|
|||
col = margeset.column[1]; |
|||
col_pre = margeset.column[0]; |
|||
} |
|||
|
|||
let html = `<div id="luckysheet-hyperlink-overshow" style="background:#fff;padding:5px 10px;border:1px solid #000;box-shadow:2px 2px #999;position:absolute;left:${col_pre}px;top:${row + 5}px;z-index:100;">
|
|||
<div>${linkTooltip}</div> |
|||
<div>单击鼠标可以追踪</div> |
|||
</div>`; |
|||
|
|||
$(html).appendTo($("#luckysheet-cell-main")); |
|||
}, |
|||
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; |
|||
File diff suppressed because it is too large
Loading…
Reference in new issue