|
|
|
|
import locale from '../locale/locale';
|
|
|
|
|
import Store from '../store';
|
|
|
|
|
|
|
|
|
|
//dom variable
|
|
|
|
|
const gridHTML = function(){
|
|
|
|
|
|
|
|
|
|
const _locale = locale();
|
|
|
|
|
const locale_info = _locale.info;
|
|
|
|
|
|
|
|
|
|
return '<div class="luckysheet">' +
|
|
|
|
|
'<canvas id="luckysheetTableContentF" style="display:none;" class="luckysheetTableContent"></canvas>' +
|
|
|
|
|
'<div class="luckysheet-work-area luckysheet-noselected-text">' +
|
|
|
|
|
'<div class="luckysheet-share-logo" title="${logotitle}"></div>' +
|
|
|
|
|
'<div id ="luckysheet_info_detail" class="luckysheet_info_detail">' +
|
|
|
|
|
'<div data-tips="'+locale_info.return+'" id="luckysheet_info_detail_title" class="luckysheet_info_detail_title">' +
|
|
|
|
|
'<i style="margin-left: -2px;" class="fa fa-chevron-left" aria-hidden="true"></i>' +
|
|
|
|
|
'</div>' +
|
|
|
|
|
'<div>' +
|
|
|
|
|
'<input data-tips="'+locale_info.tips+'" id="luckysheet_info_detail_input" class="luckysheet_info_detail_input luckysheet-mousedown-cancel" value="'+locale_info.noName+'" tabindex="0" dir="ltr" aria-label="'+locale_info.rename+'" style="visibility: visible; width: 149px;" data-tooltip="'+locale_info.rename+'">' +
|
|
|
|
|
'</div>' +
|
|
|
|
|
'<div id="luckysheet_info_detail_update" class="luckysheet_info_detail_update"> '+locale_info.detailUpdate+' </div>' +
|
|
|
|
|
'<div id="luckysheet_info_detail_save" class="luckysheet_info_detail_save"> '+locale_info.wait+' </div>' +
|
|
|
|
|
'<div class="luckysheet_info_detail_user"> ${functionButton} <span id="luckysheet_info_detail_user"></span> </div>' +
|
|
|
|
|
'</div>' +
|
|
|
|
|
'<div id="luckysheet-wa-editor" class="luckysheet-wa-editor"> ${menu} </div>' +
|
|
|
|
|
'<div id="luckysheet-wa-calculate" class="luckysheet-wa-calculate">' +
|
|
|
|
|
'<div class="luckysheet-wa-calculate-size" id="luckysheet-wa-calculate-size"></div>' +
|
|
|
|
|
'<div class="luckysheet-wa-calculate-help">' +
|
|
|
|
|
'<div class="luckysheet-wa-calculate-help-box">' +
|
|
|
|
|
'<div spellcheck="false" aria-hidden="false" id="luckysheet-helpbox">' +
|
|
|
|
|
'<div id="luckysheet-helpbox-cell" class="luckysheet-helpbox-cell-input luckysheet-mousedown-cancel" tabindex="0" contenteditable="true" dir="ltr" aria-autocomplete="list"></div>' +
|
|
|
|
|
'</div>' +
|
|
|
|
|
'</div>' +
|
|
|
|
|
'<div class="luckysheet-wa-calculate-help-tool">' +
|
|
|
|
|
'<i class="fa fa-caret-down" aria-hidden="true" style="margin-top: 7px;"></i>' +
|
|
|
|
|
'</div>' +
|
|
|
|
|
'</div>' +
|
|
|
|
|
'<div id="luckysheet-wa-functionbox-cancel" class="luckysheet-wa-functionbox">' +
|
|
|
|
|
'<span><i class="fa fa-remove" aria-hidden="true"></i></span>' +
|
|
|
|
|
'</div>' +
|
|
|
|
|
'<div id="luckysheet-wa-functionbox-confirm" class="luckysheet-wa-functionbox">' +
|
|
|
|
|
'<span><i class="fa fa-check" aria-hidden="true"></i></span>' +
|
|
|
|
|
'</div>' +
|
|
|
|
|
'<div id="luckysheet-wa-functionbox-fx" class="luckysheet-wa-functionbox">' +
|
|
|
|
|
'<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAHdElNRQfdBg4KFCeL2MAqAAACOUlEQVRYw+3Wy2+MURjH8U9Hp0VLVTTRUupWqfs9xEpE3ULSsLK0qVg0rJAgiD/A2kpCQkJC0rhEJMJampBSFYle0BYNMUNKTY+F0bi10zFjIZnvuzrPe57fc3mfnPeQI0eO/5+8tHaPVW22cn1aNYlnO5nlzmgzIAiazcm2/FoPBEHMY+2uKcqufKlGQcIt29RYYl6azU3JLh8E99VkuzHfKHZekHDw38hT5Zmg17L0XSMj2jVXGTq9+lcBZilAp1j6AfKHfVtmh1IDauWjQoPPIp64IpF+qD+xSKfw23PV6GxV0KdFHJWKJLwQR0SbgezkT1SFSivcE3SrM9U005WlIzF8Bf1eokAUMQ89T9oLjdWfPOwixssT1/9niZFMUakJ+Kg3uV7olKtOm4kx6jU6qzqTRq33VnBHIahy0z0dgmPy7NGjx23ThnIeSQUTlKA7OZrjNNvtHNaoc8hFm+33MpMK9giCU4PJFGKrz7o8dVnF8M6pK4iYDLoGh/MT2jw32TuHU+WeOkC+KQi/CPXqwA2PUueXigIz8UnnT9b5ZmF68sNnFKBEFbq9/sFW7bioLxYpzjzAamV4pAtElahwQtQRb1WaZ4rtxqVUGZLv/7IDyfVGl1zXbpOJmgTnXXBXZfrCk9RabKmTYoIWc5P2o2La1RslYr8OPe5a9zeZ7/TGMx0Sgvf2Dt4hamyxMnmCFVllgxl/15oGcUHwRYt9mdyBhrrdlFtgtkIvNGvN3vmfI0eO/5Ov+PeiZHME+tcAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTYtMDktMTdUMTU6MTk6MDcrMDg6MDARPBuqAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDEzLTA2LTE0VDEwOjIwOjM5KzA4OjAw59f0jAAAAE10RVh0c29mdHdhcmUASW1hZ2VNYWdpY2sgNy4wLjEtNiBRMTYgeDg2XzY0IDIwMTYtMDktMTcgaHR0cDovL3d3dy5pbWFnZW1hZ2ljay5vcmfd2aVOAAAAGHRFWHRUaHVtYjo6RG9jdW1lbnQ6OlBhZ2VzADGn/7svAAAAF3RFWHRUaHVtYjo6SW1hZ2U6OkhlaWdodAA3Nkv1+ekAAAAWdEVYdFRodW1iOjpJbWFnZTo6V2lkdGgANzazWjlkAAAAGXRFWHRUaHVtYjo6TWltZXR5cGUAaW1hZ2UvcG5nP7JWTgAAABd0RVh0VGh1bWI6Ok1UaW1lADEzNzExNzY0MzntxStTAAAAEHRFWHRUaHVtYjo6U2l6ZQA5OTdClByG1AAAAF90RVh0VGh1bWI6OlVSSQBmaWxlOi8vL2hvbWUvd3d3cm9vdC9zaXRlL3d3dy5lYXN5aWNvbi5uZXQvY2RuLWltZy5lYXN5aWNvbi5jbi9zcmMvMTExNTkvMTExNTkzNy5wbmeOkn0GAAAAAElFTkSuQmCC" alt="" style="vertical-align:middle"/>' +
|
|
|
|
|
'</div>' +
|
|
|
|
|
'<div id="luckysheet-functionbox-container" class="luckysheet-mousedown-cancel">' +
|
|
|
|
|
'<div class="luckysheet-mousedown-cancel" dir="ltr">' +
|
|
|
|
|
'<div spellcheck="false" aria-hidden="false" id="luckysheet-functionbox">' +
|
|
|
|
|
'<div id="luckysheet-functionbox-cell" class="luckysheet-functionbox-cell-input luckysheet-mousedown-cancel" tabindex="0" contenteditable="true" dir="ltr" aria-autocomplete="list" aria-label="D4"></div>' +
|
|
|
|
|
'</div>' +
|
|
|
|
|
'</div>' +
|
|
|
|
|
'</div>' +
|
|
|
|
|
'</div>' +
|
|
|
|
|
'</div>' +
|
|
|
|
|
'<div class="luckysheet-grid-container luckysheet-scrollbars-enabled">' +
|
|
|
|
|
'<div class="luckysheet-grid-window">' +
|
|
|
|
|
'<div class="luckysheet-help-sub"></div>' +
|
|
|
|
|
'<div class="luckysheet-grid-window-1" id="luckysheet-grid-window-1">' +
|
|
|
|
|
'<canvas id="luckysheetTableContent" class="luckysheetTableContent"></canvas>' +
|
|
|
|
|
'<table class="luckysheet-grid-window-2" cellspacing="0" cellpadding="0" dir="ltr" tabindex="-1" >' +
|
|
|
|
|
'<tbody>' +
|
|
|
|
|
'<tr>' +
|
|
|
|
|
'<td valign="top" class="luckysheet-paneswrapper">' +
|
|
|
|
|
'<div class="luckysheet-left-top" id="luckysheet-left-top"> </div>' +
|
|
|
|
|
'</td>' +
|
|
|
|
|
'<td valign="top" class="luckysheet-paneswrapper">' +
|
|
|
|
|
'<div id="luckysheet-cols-h-c" class="luckysheet-cols-h-c">' +
|
|
|
|
|
'<div class="luckysheet-cols-change-size" id="luckysheet-cols-change-size"></div>' +
|
|
|
|
|
'<div class="luckysheet-cols-menu-btn luckysheet-mousedown-cancel" id="luckysheet-cols-menu-btn"><i class="fa fa-caret-down luckysheet-mousedown-cancel" aria-hidden="true"></i></div>' +
|
|
|
|
|
'<div class="luckysheet-cols-h-hover" id="luckysheet-cols-h-hover"></div>' +
|
|
|
|
|
'<div id="luckysheet-cols-h-selected"></div>' +
|
|
|
|
|
'<div class="luckysheet-grdusedrange"></div>' +
|
|
|
|
|
'<div class="luckysheet-grdblkflowpush"></div> ${columnHeader}' +
|
|
|
|
|
'</div>' +
|
|
|
|
|
'</td>' +
|
|
|
|
|
'</tr>' +
|
|
|
|
|
'<tr>' +
|
|
|
|
|
'<td valign="top" class="luckysheet-paneswrapper">' +
|
|
|
|
|
'<div class="luckysheet-rows-h" id="luckysheet-rows-h">' +
|
|
|
|
|
'<div class="luckysheet-rows-change-size" id="luckysheet-rows-change-size"></div>' +
|
|
|
|
|
'<div class="luckysheet-rows-h-hover" id="luckysheet-rows-h-hover"></div>' +
|
|
|
|
|
'<div id="luckysheet-rows-h-selected"></div>' +
|
|
|
|
|
'<div class="luckysheet-grdusedrange"></div>' +
|
|
|
|
|
'<div class="luckysheet-grdblkflowpush"></div> ${rowHeader}' +
|
|
|
|
|
'</div>' +
|
|
|
|
|
'</td>' +
|
|
|
|
|
'<td valign="top" class="luckysheet-paneswrapper">' +
|
|
|
|
|
'<div class="luckysheet-cell-loading" id="luckysheet-cell-loading">' +
|
|
|
|
|
'<div class="luckysheet-cell-loading-inner">' +
|
|
|
|
|
'<i class="fa fa-circle-o-notch fa-spin"></i>' +
|
|
|
|
|
'<span></span>' +
|
|
|
|
|
'</div>' +
|
|
|
|
|
'</div>' +
|
|
|
|
|
'<div class="luckysheet-cell-freezen"></div>' +
|
|
|
|
|
'<div class="luckysheet-scrollbars luckysheet-scrollbar-ltr luckysheet-scrollbar-x" id="luckysheet-scrollbar-x"><div></div></div>' +
|
|
|
|
|
'<div class="luckysheet-scrollbars luckysheet-scrollbar-ltr luckysheet-scrollbar-y" id="luckysheet-scrollbar-y"><div></div></div>' +
|
|
|
|
|
'<div class="luckysheet-cell-main " id="luckysheet-cell-main">' +
|
|
|
|
|
'<div id="luckysheet-formula-functionrange"></div>' +
|
|
|
|
|
'<div id="luckysheet-formula-functionrange-select" class="luckysheet-selection-copy luckysheet-formula-functionrange-select">' +
|
|
|
|
|
'<div class="luckysheet-selection-copy-top luckysheet-copy"></div>' +
|
|
|
|
|
'<div class="luckysheet-selection-copy-right luckysheet-copy"></div>' +
|
|
|
|
|
'<div class="luckysheet-selection-copy-bottom luckysheet-copy"></div>' +
|
|
|
|
|
'<div class="luckysheet-selection-copy-left luckysheet-copy"></div>' +
|
|
|
|
|
'<div class="luckysheet-selection-copy-hc"></div>' +
|
|
|
|
|
'</div>' +
|
|
|
|
|
'<div class="luckysheet-row-count-show luckysheet-count-show" id="luckysheet-row-count-show"></div>' +
|
|
|
|
|
'<div class="luckysheet-column-count-show luckysheet-count-show" id="luckysheet-column-count-show"></div>' +
|
|
|
|
|
'<div class="luckysheet-change-size-line" id="luckysheet-change-size-line"></div>' +
|
|
|
|
|
'<div class="luckysheet-cell-selected-focus" id="luckysheet-cell-selected-focus"></div>' +
|
|
|
|
|
'<div id="luckysheet-selection-copy"></div>' +
|
|
|
|
|
'<div id="luckysheet-chart-rangeShow"></div>' +
|
|
|
|
|
'<div class="luckysheet-cell-selected-extend" id="luckysheet-cell-selected-extend"></div>' +
|
|
|
|
|
'<div class="luckysheet-cell-selected-move" id="luckysheet-cell-selected-move"></div>' +
|
|
|
|
|
'<div id="luckysheet-cell-selected-boxs">' +
|
|
|
|
|
'<div id="luckysheet-cell-selected" class="luckysheet-cell-selected">' +
|
|
|
|
|
'<div class="luckysheet-cs-inner-border"></div>' +
|
|
|
|
|
'<div class="luckysheet-cs-fillhandle"></div>' +
|
|
|
|
|
'<div class="luckysheet-cs-inner-border"></div>' +
|
|
|
|
|
'<div class="luckysheet-cs-draghandle-top luckysheet-cs-draghandle"></div>' +
|
|
|
|
|
'<div class="luckysheet-cs-draghandle-bottom luckysheet-cs-draghandle"></div>' +
|
|
|
|
|
'<div class="luckysheet-cs-draghandle-left luckysheet-cs-draghandle"></div>' +
|
|
|
|
|
'<div class="luckysheet-cs-draghandle-right luckysheet-cs-draghandle"></div>' +
|
|
|
|
|
'<div class="luckysheet-cs-touchhandle luckysheet-cs-touchhandle-lt"><div class="luckysheet-cs-touchhandle-btn"></div></div>' +
|
|
|
|
|
'<div class="luckysheet-cs-touchhandle luckysheet-cs-touchhandle-rb"><div class="luckysheet-cs-touchhandle-btn"></div></div>' +
|
|
|
|
|
'</div>' +
|
|
|
|
|
'</div>' +
|
|
|
|
|
'<div id="luckysheet-postil-showBoxs"></div>' +
|
|
|
|
|
'<div id="luckysheet-multipleRange-show"></div>' +
|
|
|
|
|
'<div id="luckysheet-dynamicArray-hightShow"></div>' +
|
|
|
|
|
'<div class="luckysheet-cell-copy"></div>' +
|
|
|
|
|
'<div class="luckysheet-grdblkflowpush"></div> ${flow}' +
|
|
|
|
|
'</div>' +
|
|
|
|
|
'</td>' +
|
|
|
|
|
'</tr>' +
|
|
|
|
|
'</tbody>' +
|
|
|
|
|
'</table>' +
|
|
|
|
|
'</div>' +
|
|
|
|
|
'<div class="luckysheet-sheet-area luckysheet-noselected-text" id="luckysheet-sheet-area">' +
|
|
|
|
|
'<div id="luckysheet-sheets-add" class="btn btn-default luckysheet-sheets-add"><i class="fa fa-plus"></i></div>' +
|
|
|
|
|
'<div id="luckysheet-sheets-m" class="btn btn-default luckysheet-sheets-m"><i class="fa fa-bars"></i></div>' +
|
|
|
|
|
'<div class="luckysheet-sheet-container" id="luckysheet-sheet-container">' +
|
|
|
|
|
'<div class="docs-sheet-fade docs-sheet-fade-left" style="display: none;">' +
|
|
|
|
|
'<div class="docs-sheet-fade3"></div>' +
|
|
|
|
|
'<div class="docs-sheet-fade2"></div>' +
|
|
|
|
|
'<div class="docs-sheet-fade1"></div>' +
|
|
|
|
|
'</div>' +
|
|
|
|
|
'<div class="docs-sheet-fade docs-sheet-fade-right" style="display: none;">' +
|
|
|
|
|
'<div class="docs-sheet-fade1"></div>' +
|
|
|
|
|
'<div class="docs-sheet-fade2"></div>' +
|
|
|
|
|
'<div class="docs-sheet-fade3"></div>' +
|
|
|
|
|
'</div>' +
|
|
|
|
|
'<div class="luckysheet-sheet-container-c" id="luckysheet-sheet-container-c"></div>' +
|
|
|
|
|
'</div>' +
|
|
|
|
|
'<div id="luckysheet-sheets-leftscroll" class="btn btn-default luckysheet-sheets-scroll"><i class="fa fa-caret-left"></i></div>' +
|
|
|
|
|
'<div id="luckysheet-sheets-rightscroll" class="btn btn-default luckysheet-sheets-scroll"><i class="fa fa-caret-right"></i></div>' +
|
|
|
|
|
'</div>' +
|
|
|
|
|
'</div>' +
|
|
|
|
|
'<div class="luckysheet-stat-area">' +
|
|
|
|
|
'<div class="luckysheet-sta-c">' +
|
|
|
|
|
'<div class="luckysheet-sta-content" id="luckysheet-sta-content"></div>' +
|
|
|
|
|
'<div class="luckysheet-bottom-content" id="luckysheet-bottom-content-show"></div>' +
|
|
|
|
|
'</div>' +
|
|
|
|
|
'</div>' +
|
|
|
|
|
'</div>' +
|
|
|
|
|
'<div id="luckysheet-copy-content" contenteditable="true"></div>' +
|
|
|
|
|
'<input id="luckysheet-copy-btn" type="button" data-clipboard-target="luckysheet-copy-content">' +
|
|
|
|
|
'<div id="testdpidiv" style="height: 1in; left: -100%; position: absolute; top: -100%; width: 1in;"></div>' +
|
|
|
|
|
'</div>';
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const columeHeader_word = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'],
|
|
|
|
|
columeHeader_word_index = { 'A': 0, 'B': 1, 'C': 2, 'D': 3, 'E': 4, 'F': 5, 'G': 6, 'H': 7, 'I': 8, 'J': 9, 'K': 10, 'L': 11, 'M': 12, 'N': 13, 'O': 14, 'P': 15, 'Q': 16, 'R': 17, 'S': 18, 'T': 19, 'U': 20, 'V': 21, 'W': 22, 'X': 23, 'Y': 24, 'Z': 25 },
|
|
|
|
|
flow = '<div id="luckysheet-cell-flow_${index}" class="luckysheet-cell-flow luckysheetsheetchange" style="width:${width}px;"><div class="luckysheet-cell-flow-clip"><div class="luckysheet-grdblkpush"></div>${flow}</div></div>',
|
|
|
|
|
colsmenuHTML = '';
|
|
|
|
|
|
|
|
|
|
//右键菜单dom
|
|
|
|
|
function rightclickHTML(){
|
|
|
|
|
const rightclick = locale().rightclick;
|
|
|
|
|
|
|
|
|
|
return `<div id="luckysheet-rightclick-menu" class="luckysheet-cols-menu luckysheet-rightgclick-menu luckysheet-mousedown-cancel">
|
|
|
|
|
<div id="luckysheet-copy-btn" class="luckysheet-cols-menuitem luckysheet-mousedown-cancel luckysheet-copy-btn" data-clipboard-action="copy" data-clipboard-target="#luckysheet-copy-content">
|
|
|
|
|
<div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">${rightclick.copy}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="luckysheetcopyfor" class="luckysheet-cols-menuitem luckysheet-cols-submenu luckysheet-mousedown-cancel">
|
|
|
|
|
<div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">
|
|
|
|
|
${rightclick.copyAs}<span class="luckysheet-submenu-arrow" style="user-select: none;">►</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="luckysheet-copy-paste" class="luckysheet-cols-menuitem luckysheet-mousedown-cancel">
|
|
|
|
|
<div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">${rightclick.paste}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="luckysheet-cols-rows-handleincell">
|
|
|
|
|
<div class="luckysheet-menuseparator luckysheet-mousedown-cancel" role="separator"></div>
|
|
|
|
|
<div id="luckysheetColsRowsHandleAdd" class="luckysheet-cols-menuitem luckysheet-cols-submenu luckysheet-mousedown-cancel">
|
|
|
|
|
<div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">
|
|
|
|
|
${rightclick.insert}<span class="luckysheet-submenu-arrow" style="user-select: none;">►</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="luckysheetColsRowsHandleDel" class="luckysheet-cols-menuitem luckysheet-cols-submenu luckysheet-mousedown-cancel">
|
|
|
|
|
<div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">
|
|
|
|
|
${rightclick.delete}<span class="luckysheet-submenu-arrow" style="user-select: none;">►</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="luckysheetColsRowsHandleHid" class="luckysheet-cols-menuitem luckysheet-cols-submenu luckysheet-mousedown-cancel">
|
|
|
|
|
<div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">
|
|
|
|
|
${rightclick.hide}<span class="luckysheet-submenu-arrow" style="user-select: none;">►</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="luckysheet-cols-rows-add">
|
|
|
|
|
<div class="luckysheet-menuseparator luckysheet-mousedown-cancel" role="separator"></div>
|
|
|
|
|
<div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel">
|
|
|
|
|
<div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">
|
|
|
|
|
${rightclick.to}
|
|
|
|
|
<span class="luckysheet-cols-rows-shift-left">${rightclick.left}</span>
|
|
|
|
|
${rightclick.add}
|
|
|
|
|
<input type="text" class="luckysheet-mousedown-cancel" placeholder="${rightclick.number}" value="1" style="width:40px;height:18px;margin-left:5px;"/>
|
|
|
|
|
<span class="luckysheet-cols-rows-shift-word luckysheet-mousedown-cancel">${rightclick.column}</span>
|
|
|
|
|
<button id="luckysheet-add-lefttop" class="btn btn-primary luckysheet-copy-btn luckysheet-mousedown-cancel" style="margin-left:5px;padding:2px 3px;line-height:12px;font-size:12px;">${rightclick.confirm}</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel">
|
|
|
|
|
<div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">
|
|
|
|
|
${rightclick.to}
|
|
|
|
|
<span class="luckysheet-cols-rows-shift-right">${rightclick.right}</span>
|
|
|
|
|
${rightclick.add}
|
|
|
|
|
<input type="text" class="luckysheet-mousedown-cancel" placeholder="${rightclick.number}" value="1" style="width:40px;height:18px;margin-left:5px;"/>
|
|
|
|
|
<span class="luckysheet-cols-rows-shift-word luckysheet-mousedown-cancel">${rightclick.column}</span>
|
|
|
|
|
<button id="luckysheet-add-rightbottom" class="btn btn-primary luckysheet-copy-btn luckysheet-mousedown-cancel" style="margin-left:5px;padding:2px 3px;line-height:12px;font-size:12px;">${rightclick.confirm}</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="luckysheet-del-selected" class="luckysheet-cols-menuitem luckysheet-mousedown-cancel">
|
|
|
|
|
<div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">
|
|
|
|
|
${rightclick.deleteSelected}
|
|
|
|
|
<span class="luckysheet-cols-rows-shift-word luckysheet-mousedown-cancel">${rightclick.column}</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel">
|
|
|
|
|
<div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">
|
|
|
|
|
<span class="luckysheet-cols-rows-shift-word luckysheet-mousedown-cancel">${rightclick.column}</span>
|
|
|
|
|
<span class="luckysheet-cols-rows-shift-size luckysheet-mousedown-cancel">${rightclick.width}</span>
|
|
|
|
|
<input type="number" class="luckysheet-mousedown-cancel rcsize" min="0" max="255" placeholder="${rightclick.number}" value="" style="width:40px;height:18px;margin-left:5px;">
|
|
|
|
|
px
|
|
|
|
|
<button id="luckysheet-rows-cols-changesize" class="btn btn-primary luckysheet-copy-btn luckysheet-mousedown-cancel" style="margin-left:5px;padding:2px 3px;line-height:12px;font-size:12px;">${rightclick.confirm}</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="luckysheet-cols-rows-shift">
|
|
|
|
|
<div class="luckysheet-menuseparator luckysheet-mousedown-cancel" role="separator"></div>
|
|
|
|
|
<div id="luckysheetorderbyasc" class="luckysheet-cols-menuitem luckysheet-mousedown-cancel">
|
|
|
|
|
<div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">${rightclick.orderAZ}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="luckysheetorderbydesc" class="luckysheet-cols-menuitem luckysheet-mousedown-cancel">
|
|
|
|
|
<div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">${rightclick.orderZA}</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="luckysheet-cols-rows-data">
|
|
|
|
|
<div class="luckysheet-menuseparator luckysheet-mousedown-cancel" role="separator"></div>
|
|
|
|
|
<div id="luckysheet-delete-text" class="luckysheet-cols-menuitem luckysheet-mousedown-cancel">
|
|
|
|
|
<div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">${rightclick.clearContent}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="luckysheetmatrix" class="luckysheet-cols-menuitem luckysheet-cols-submenu luckysheet-mousedown-cancel">
|
|
|
|
|
<div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">
|
|
|
|
|
${rightclick.matrix}<span class="luckysheet-submenu-arrow" style="user-select: none;">►</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="luckysheetorderby" class="luckysheet-cols-menuitem luckysheet-mousedown-cancel">
|
|
|
|
|
<div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">${rightclick.sortSelection}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="luckysheetfilter" class="luckysheet-cols-menuitem luckysheet-mousedown-cancel">
|
|
|
|
|
<div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">${rightclick.filterSelection}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="luckysheetdatavisual" class="luckysheet-cols-menuitem luckysheet-mousedown-cancel">
|
|
|
|
|
<div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">${rightclick.chartGeneration}</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="luckysheetcopyfor_sub" class="luckysheet-cols-menu luckysheet-rightgclick-menu luckysheet-rightgclick-menu-sub luckysheet-mousedown-cancel">
|
|
|
|
|
<div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel">
|
|
|
|
|
<div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">
|
|
|
|
|
Json
|
|
|
|
|
<button id="luckysheet-copy-json-head" data-clipboard-action="copy" data-clipboard-target="#luckysheet-copy-content" class="btn btn-primary luckysheet-copy-btn luckysheet-mousedown-cancel" style="margin-left:5px;padding:2px 3px;line-height:12px;font-size:12px;">${rightclick.firstLineTitle}</button>
|
|
|
|
|
<button id="luckysheet-copy-json-nohead" class="btn btn-primary luckysheet-copy-btn luckysheet-mousedown-cancel" data-clipboard-action="copy" data-clipboard-target="#luckysheet-copy-content" style="margin-left:5px;padding:2px 3px;line-height:12px;font-size:12px;">${rightclick.untitled}</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="luckysheet-copy-array1" data-clipboard-action="copy" data-clipboard-target="#luckysheet-copy-content" class="luckysheet-cols-menuitem luckysheet-copy-btn luckysheet-mousedown-cancel">
|
|
|
|
|
<div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">${rightclick.array1}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="luckysheet-copy-array2" data-clipboard-action="copy" data-clipboard-target="#luckysheet-copy-content" class="luckysheet-cols-menuitem luckysheet-copy-btn luckysheet-mousedown-cancel">
|
|
|
|
|
<div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">${rightclick.array2}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel">
|
|
|
|
|
<div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">
|
|
|
|
|
<div class="luckysheet-mousedown-cancel">${rightclick.array3}</div>
|
|
|
|
|
<div>
|
|
|
|
|
<input type="number" id="luckysheet-copy-arraymore-row" min="1" class="luckysheet-mousedown-cancel" placeholder="${rightclick.row}" style="width:40px;height:18px;"/>
|
|
|
|
|
×
|
|
|
|
|
<input type="number" id="luckysheet-copy-arraymore-col" min="1" class="luckysheet-mousedown-cancel" placeholder="${rightclick.column}" style="width:40px;height:18px;"/>
|
|
|
|
|
<button id="luckysheet-copy-arraymore-confirm" data-clipboard-action="copy" data-clipboard-target="#luckysheet-copy-content" class="btn btn-primary luckysheet-copy-btn luckysheet-mousedown-cancel" style="margin-left:5px;padding:2px 3px;line-height:12px;font-size:12px;">${rightclick.confirm}</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-menuseparator luckysheet-mousedown-cancel" role="separator"></div>
|
|
|
|
|
<div id="luckysheet-copy-diagonal" data-clipboard-action="copy" data-clipboard-target="#luckysheet-copy-content" class="luckysheet-cols-menuitem luckysheet-copy-btn luckysheet-mousedown-cancel">
|
|
|
|
|
<div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">${rightclick.diagonal}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="luckysheet-copy-antidiagonal" data-clipboard-action="copy" data-clipboard-target="#luckysheet-copy-content" class="luckysheet-cols-menuitem luckysheet-copy-btn luckysheet-mousedown-cancel">
|
|
|
|
|
<div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">${rightclick.antiDiagonal}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel">
|
|
|
|
|
<div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">
|
|
|
|
|
${rightclick.diagonalOffset}
|
|
|
|
|
<input type="number" id="luckysheet-copy-diagonaloffset-value" class="luckysheet-mousedown-cancel" placeholder="${rightclick.offset}" value="1" style="width:40px;height:18px;margin-left:5px;"/>
|
|
|
|
|
${rightclick.column}
|
|
|
|
|
<button id="luckysheet-copy-diagonaloffset" class="btn btn-primary luckysheet-copy-btn luckysheet-mousedown-cancel" data-clipboard-action="copy" data-clipboard-target="#luckysheet-copy-content" style="margin-left:5px;padding:2px 3px;line-height:12px;font-size:12px;">${rightclick.confirm}</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="luckysheet-copy-boolvalue" data-clipboard-action="copy" data-clipboard-target="#luckysheet-copy-content" class="luckysheet-cols-menuitem luckysheet-copy-btn luckysheet-mousedown-cancel">
|
|
|
|
|
<div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">${rightclick.boolean}</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="luckysheetColsRowsHandleAdd_sub" class="luckysheet-cols-menu luckysheet-rightgclick-menu luckysheet-rightgclick-menu-sub luckysheet-mousedown-cancel">
|
|
|
|
|
<div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel">
|
|
|
|
|
<div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">
|
|
|
|
|
${rightclick.to}${rightclick.top}${rightclick.add}
|
|
|
|
|
<input type="text" class="luckysheet-mousedown-cancel" placeholder="${rightclick.number}" value="1" style="width:40px;height:18px;margin-left:5px;"/>
|
|
|
|
|
<span class="luckysheet-mousedown-cancel">${rightclick.row}</span>
|
|
|
|
|
<button id="luckysheet-addTopRows" class="btn btn-primary luckysheet-copy-btn luckysheet-mousedown-cancel" style="margin-left:5px;padding:2px 3px;line-height:12px;font-size:12px;">${rightclick.confirm}</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel">
|
|
|
|
|
<div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">
|
|
|
|
|
${rightclick.to}${rightclick.bottom}${rightclick.add}
|
|
|
|
|
<input type="text" class="luckysheet-mousedown-cancel" placeholder="${rightclick.number}" value="1" style="width:40px;height:18px;margin-left:5px;"/>
|
|
|
|
|
<span class="luckysheet-mousedown-cancel">${rightclick.row}</span>
|
|
|
|
|
<button id="luckysheet-addBottomRows" class="btn btn-primary luckysheet-copy-btn luckysheet-mousedown-cancel" style="margin-left:5px;padding:2px 3px;line-height:12px;font-size:12px;">${rightclick.confirm}</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel">
|
|
|
|
|
<div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">
|
|
|
|
|
${rightclick.to}${rightclick.left}${rightclick.add}
|
|
|
|
|
<input type="text" class="luckysheet-mousedown-cancel" placeholder="${rightclick.number}" value="1" style="width:40px;height:18px;margin-left:5px;"/>
|
|
|
|
|
<span class="luckysheet-mousedown-cancel">${rightclick.column}</span>
|
|
|
|
|
<button id="luckysheet-addLeftCols" class="btn btn-primary luckysheet-copy-btn luckysheet-mousedown-cancel" style="margin-left:5px;padding:2px 3px;line-height:12px;font-size:12px;">${rightclick.confirm}</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel">
|
|
|
|
|
<div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">
|
|
|
|
|
${rightclick.to}${rightclick.right}${rightclick.add}
|
|
|
|
|
<input type="text" class="luckysheet-mousedown-cancel" placeholder="${rightclick.number}" value="1" style="width:40px;height:18px;margin-left:5px;"/>
|
|
|
|
|
<span class="luckysheet-mousedown-cancel">${rightclick.column}</span>
|
|
|
|
|
<button id="luckysheet-addRightCols" class="btn btn-primary luckysheet-copy-btn luckysheet-mousedown-cancel" style="margin-left:5px;padding:2px 3px;line-height:12px;font-size:12px;">${rightclick.confirm}</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="luckysheetColsRowsHandleDel_sub" class="luckysheet-cols-menu luckysheet-rightgclick-menu luckysheet-rightgclick-menu-sub luckysheet-mousedown-cancel">
|
|
|
|
|
<div id="luckysheet-delRows" class="luckysheet-cols-menuitem luckysheet-mousedown-cancel">
|
|
|
|
|
<div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">
|
|
|
|
|
${rightclick.deleteSelected}${rightclick.row}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="luckysheet-delCols" class="luckysheet-cols-menuitem luckysheet-mousedown-cancel">
|
|
|
|
|
<div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">
|
|
|
|
|
${rightclick.deleteSelected}${rightclick.column}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="luckysheetColsRowsHandleHid_sub" class="luckysheet-cols-menu luckysheet-rightgclick-menu luckysheet-rightgclick-menu-sub luckysheet-mousedown-cancel">
|
|
|
|
|
<div id="luckysheet-hidRows" class="luckysheet-cols-menuitem luckysheet-mousedown-cancel">
|
|
|
|
|
<div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">
|
|
|
|
|
${rightclick.hideSelected}${rightclick.row}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="luckysheet-showHidRows" class="luckysheet-cols-menuitem luckysheet-mousedown-cancel">
|
|
|
|
|
<div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">
|
|
|
|
|
${rightclick.showHide}${rightclick.row}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="luckysheetmatrix_sub" class="luckysheet-cols-menu luckysheet-rightgclick-menu luckysheet-rightgclick-menu-sub luckysheet-mousedown-cancel">
|
|
|
|
|
<div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel">
|
|
|
|
|
<div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">
|
|
|
|
|
${rightclick.flip}
|
|
|
|
|
<button id="luckysheet-matrix-turn-up" class="btn btn-primary luckysheet-mousedown-cancel" style="margin-left:5px;padding:2px 3px;line-height:12px;font-size:12px;">${rightclick.upAndDown}</button>
|
|
|
|
|
<button id="luckysheet-matrix-turn-left" class="btn btn-primary luckysheet-mousedown-cancel" style="margin-left:5px;padding:2px 3px;line-height:12px;font-size:12px;">${rightclick.leftAndRight}</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel">
|
|
|
|
|
<div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">
|
|
|
|
|
${rightclick.flip}
|
|
|
|
|
<button id="luckysheet-matrix-turn-cw" class="btn btn-primary luckysheet-mousedown-cancel" style="margin-left:5px;padding:2px 3px;line-height:12px;font-size:12px;">${rightclick.clockwise}</button>
|
|
|
|
|
<button id="luckysheet-matrix-turn-anticw" class="btn btn-primary luckysheet-mousedown-cancel" style="margin-left:5px;padding:2px 3px;line-height:12px;font-size:12px;">${rightclick.counterclockwise}</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel">
|
|
|
|
|
<div id="luckysheet-matrix-turn-trans" class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">${rightclick.transpose}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-menuseparator luckysheet-mousedown-cancel" role="separator"></div>
|
|
|
|
|
<div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel">
|
|
|
|
|
<div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">
|
|
|
|
|
<div class="luckysheet-mousedown-cancel">${rightclick.matrixCalculation}</div>
|
|
|
|
|
<div class="luckysheet-mousedown-cancel">
|
|
|
|
|
<select id="luckysheet-matrix-cal-type" class="luckysheet-mousedown-cancel" style="height:24px;">
|
|
|
|
|
<option value="plus">${rightclick.plus}</option>
|
|
|
|
|
<option value="minus">${rightclick.minus}</option>
|
|
|
|
|
<option value="multiply">${rightclick.multiply}</option>
|
|
|
|
|
<option value="divided">${rightclick.divided}</option>
|
|
|
|
|
<option value="power">${rightclick.power}</option>
|
|
|
|
|
<option value="root">${rightclick.root}</option>
|
|
|
|
|
<option value="log">${rightclick.log}</option>
|
|
|
|
|
</select>
|
|
|
|
|
<input type="number" id="luckysheet-matrix-cal-value" class="luckysheet-mousedown-cancel" placeholder="${rightclick.number}" value="2" style="width:40px;height:18px;margin-left:5px;"/>
|
|
|
|
|
<button id="luckysheet-matrix-cal-confirm" class="btn btn-primary luckysheet-mousedown-cancel" style="margin-left:5px;padding:2px 3px;line-height:12px;font-size:12px;">${rightclick.confirm}</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel">
|
|
|
|
|
<div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">
|
|
|
|
|
${rightclick.delete0}
|
|
|
|
|
<button id="luckysheet-matrix-delezero-row" class="btn btn-primary luckysheet-mousedown-cancel" style="margin-left:5px;padding:2px 3px;line-height:12px;font-size:12px;">${rightclick.byRow}</button>
|
|
|
|
|
<button id="luckysheet-matrix-delezero-column" class="btn btn-primary luckysheet-mousedown-cancel" style="margin-left:5px;padding:2px 3px;line-height:12px;font-size:12px;">${rightclick.byCol}</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel">
|
|
|
|
|
<div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">
|
|
|
|
|
${rightclick.removeDuplicate}
|
|
|
|
|
<button id="luckysheet-matrix-delerpt-row" class="btn btn-primary luckysheet-mousedown-cancel" style="margin-left:5px;padding:2px 3px;line-height:12px;font-size:12px;">${rightclick.byRow}</button>
|
|
|
|
|
<button id="luckysheet-matrix-delerpt-column" class="btn btn-primary luckysheet-mousedown-cancel" style="margin-left:5px;padding:2px 3px;line-height:12px;font-size:12px;">${rightclick.byCol}</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel">
|
|
|
|
|
<div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">${rightclick.generateNewMatrix}</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>`;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const pivottableconfigHTML = function(){
|
|
|
|
|
const _locale = locale();
|
|
|
|
|
const locale_pivotTable = _locale.pivotTable;
|
|
|
|
|
|
|
|
|
|
return '<div class="luckysheet-cols-menu luckysheet-rightgclick-menu luckysheet-mousedown-cancel" id="luckysheet-pivotTable-config-option"> <div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel"> <div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel"> <div class="luckysheet-mousedown-cancel"> <span class="luckysheet-mousedown-cancel">'+locale_pivotTable.titleSort+'</span> <select class="luckysheet-mousedown-cancel" style="height:24px;" id="luckysheet-pivotTable-config-option-order"> <option selected="selected" value="default">'+locale_pivotTable.titleNoSort+'</option> <option value="asc">'+locale_pivotTable.titleSortAsc+'</option> <option value="desc">'+locale_pivotTable.titleSortDesc+'</option> </select> </div> </div> </div> <div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel"> <div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel"> <div class="luckysheet-mousedown-cancel"> <span class="luckysheet-mousedown-cancel">'+locale_pivotTable.titleSortBy+'</span> <select class="luckysheet-mousedown-cancel" style="height:24px;" id="luckysheet-pivotTable-config-option-orderby"> </select> </div> </div> </div> <div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel"> <div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel"> <div class="luckysheet-mousedown-cancel"> <span class="luckysheet-mousedown-cancel">'+locale_pivotTable.titleShowSum+'</span> <select class="luckysheet-mousedown-cancel" style="height:24px;" id="luckysheet-pivotTable-config-option-stastic"> <option value="0">'+locale_pivotTable.titleStasticFalse+'</option> <option value="1" selected="selected">'+locale_pivotTable.titleStasticTrue+'</option> </select> </div> </div> </div> </div>';
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const pivottablesumHTML = function(){
|
|
|
|
|
const _locale = locale();
|
|
|
|
|
const locale_pivotTable = _locale.pivotTable;
|
|
|
|
|
|
|
|
|
|
return '<div class="luckysheet-cols-menu luckysheet-rightgclick-menu luckysheet-mousedown-cancel" id="luckysheet-pivotTable-config-option-sumtype"> <div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" sumtype="SUM"> <div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel"> <span class="luckysheet-mousedown-cancel">'+locale_pivotTable.valueStatisticsSUM+'</span> <span class="luckysheet-submenu-arrow luckysheet-mousedown-cancel" style="user-select: none;"><i class="fa fa-check luckysheet-mousedown-cancel" aria-hidden="true"></i></span> </div> </div> <div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" sumtype="COUNT"> <div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel"> <span class="luckysheet-mousedown-cancel">'+locale_pivotTable.valueStatisticsCOUNT+'</span> <span class="luckysheet-submenu-arrow luckysheet-mousedown-cancel" style="user-select: none;"><i class="fa fa-check luckysheet-mousedown-cancel" aria-hidden="true"></i></span> </div> </div> <div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" sumtype="COUNTA"> <div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel"> <span class="luckysheet-mousedown-cancel">'+locale_pivotTable.valueStatisticsCOUNTA+'</span> <span class="luckysheet-submenu-arrow luckysheet-mousedown-cancel" style="user-select: none;"><i class="fa fa-check luckysheet-mousedown-cancel" aria-hidden="true"></i></span> </div> </div> <div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" sumtype="COUNTUNIQUE"> <div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel"> <span class="luckysheet-mousedown-cancel">'+locale_pivotTable.valueStatisticsCOUNTUNIQUE+'</span> <span class="luckysheet-submenu-arrow luckysheet-mousedown-cancel" style="user-select: none;"><i class="fa fa-check luckysheet-mousedown-cancel" aria-hidden="true"></i></span> </div> </div> <div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" sumtype="AVERAGE"> <div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel"> <span class="luckysheet-mousedown-cancel">'+locale_pivotTable.valueStatisticsAVERAGE+'</span> <span class="luckysheet-submenu-arrow luckysheet-mousedown-cancel" style="user-select: none;"><i class="fa fa-check luckysheet-mousedown-cancel" aria-hidden="true"></i></span> </div> </div> <div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" sumtype="MAX"> <div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel"> <span class="luckysheet-mousedown-cancel">'+locale_pivotTable.valueStatisticsMAX+'</span> <span class="luckysheet-submenu-arrow luckysheet-mousedown-cancel" style="user-select: none;"><i class="fa fa-check luckysheet-mousedown-cancel" aria-hidden="true"></i></span> </div> </div> <div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" sumtype="MIN"> <div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel"> <span class="luckysheet-mousedown-cancel">'+locale_pivotTable.valueStatisticsMIN+'</span> <span class="luckysheet-submenu-arrow luckysheet-mousedown-cancel" style="user-select: none;"><i class="fa fa-check luckysheet-mousedown-cancel" aria-hidden="true"></i></span> </div> </div> <div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" sumtype="MEDIAN"> <div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel"> <span class="luckysheet-mousedown-cancel">'+locale_pivotTable.valueStatisticsMEDIAN+'</span> <span class="luckysheet-submenu-arrow luckysheet-mousedown-cancel" style="user-select: none;"><i class="fa fa-check luckysheet-mousedown-cancel" aria-hidden="true"></i></span> </div> </div> <div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" sumtype="PRODUCT"> <div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel"> <span class="luckysheet-mousedown-cancel">'+locale_pivotTable.valueStatisticsPRODUCT+'</span> <span class="luckysheet-submenu-arrow luckysheet-mousedown-cancel" style="user-select: none;"><i class="fa fa-check luckysheet-mousedown-cancel" aria-hidden="tru
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const sheetHTML = '<div style="${style}" id="luckysheet-sheets-item${index}" data-index="${index}" class="luckysheet-sheets-item ${active}"><span class="luckysheet-sheets-item-name" spellcheck ="false" contenteditable="false">${name}</span> <span class="luckysheet-sheets-item-menu luckysheet-mousedown-cancel"><i class="fa fa-sort-desc luckysheet-mousedown-cancel"></i></span>${colorset}</div>',
|
|
|
|
|
columnHeaderHTML = '<div class="luckysheet-cols-h-cells luckysheetsheetchange" id="luckysheet-cols-h-cells_${index}" style="width:${width}px;"> <div class="luckysheet-cols-h-cells-c"> <div class="luckysheet-grdblkpush"></div>${column}</div></div>',
|
|
|
|
|
sheetselectlistHTML = '<div class="luckysheet-cols-menu luckysheet-rightgclick-menu luckysheet-mousedown-cancel" id="luckysheet-sheet-list">${item}</div>',
|
|
|
|
|
sheetselectlistitemHTML = '<div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" id="luckysheet-sheet-btn${index}" data-index="${index}"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel" style="${style}" ><span class="icon luckysheet-mousedown-cancel">${icon}</span>${name}</div></div>',
|
|
|
|
|
inputHTML = '<div dir="ltr"><div class="luckysheet-input-box-index" id="luckysheet-input-box-index"></div><div id="luckysheet-input-box" spellcheck="false" aria-hidden="false" class="luckysheet-input-box"><div class="luckysheet-cell-input editable" tabindex="0" role="combobox" contenteditable="true" id="luckysheet-rich-text-editor" dir="ltr" g_editable="true" aria-autocomplete="list"></div></div></div>',
|
|
|
|
|
modelHTML = '<div id="${id}" style="${style}" class="luckysheet-modal-dialog ${addclass}" tabindex="0" role="dialog" aria-labelledby=":41e" dir="ltr"> <div class="luckysheet-modal-dialog-title luckysheet-modal-dialog-title-draggable"> <span class="luckysheet-modal-dialog-title-text" role="heading">${title}</span> <span class="luckysheet-modal-dialog-title-close" role="button" tabindex="0" aria-label="${close}"><i class="fa fa-times" aria-hidden="true"></i></span> </div> <div class="luckysheet-modal-dialog-content">${content}</div> <div class="luckysheet-modal-dialog-buttons"> ${botton} </div></div>',
|
|
|
|
|
|
|
|
|
|
maskHTML = '<div class="luckysheet-modal-dialog-mask" id="luckysheet-modal-dialog-mask"></div>';
|
|
|
|
|
|
|
|
|
|
//底部 表格标签操作dom
|
|
|
|
|
function sheetconfigHTML(){
|
|
|
|
|
const sheetconfig = locale().sheetconfig;
|
|
|
|
|
|
|
|
|
|
return `<div id="luckysheet-rightclick-sheet-menu" class="luckysheet-cols-menu luckysheet-rightgclick-menu luckysheet-mousedown-cancel">
|
|
|
|
|
<div id="luckysheetsheetconfigdelete" class="luckysheet-cols-menuitem luckysheet-mousedown-cancel">
|
|
|
|
|
<div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">${sheetconfig.delete}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="luckysheetsheetconfigcopy" class="luckysheet-cols-menuitem luckysheet-mousedown-cancel">
|
|
|
|
|
<div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">${sheetconfig.copy}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="luckysheetsheetconfigrename" class="luckysheet-cols-menuitem luckysheet-mousedown-cancel">
|
|
|
|
|
<div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">${sheetconfig.rename}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="luckysheetsheetconfigcolor" class="luckysheet-cols-menuitem luckysheet-cols-submenu luckysheet-mousedown-cancel">
|
|
|
|
|
<div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">
|
|
|
|
|
${sheetconfig.changeColor} <span class="luckysheet-submenu-arrow" style="user-select: none;">►</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-menuseparator luckysheet-mousedown-cancel" role="separator"></div>
|
|
|
|
|
<div id="luckysheetsheetconfighide" class="luckysheet-cols-menuitem luckysheet-mousedown-cancel">
|
|
|
|
|
<div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">${sheetconfig.hide}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="luckysheetsheetconfigshow" class="luckysheet-cols-menuitem luckysheet-mousedown-cancel">
|
|
|
|
|
<div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">${sheetconfig.unhide}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-menuseparator luckysheet-mousedown-cancel" role="separator"></div>
|
|
|
|
|
<div id="luckysheetsheetconfigmoveleft" class="luckysheet-cols-menuitem luckysheet-mousedown-cancel">
|
|
|
|
|
<div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">${sheetconfig.moveLeft}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="luckysheetsheetconfigmoveright" class="luckysheet-cols-menuitem luckysheet-mousedown-cancel">
|
|
|
|
|
<div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">${sheetconfig.moveRight}</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="luckysheetsheetconfigcolor_sub" class="luckysheet-cols-menu luckysheet-rightgclick-menu luckysheet-rightgclick-menu-sub luckysheet-mousedown-cancel">
|
|
|
|
|
<div id="luckysheetsheetconfigcolorreset" class="luckysheet-cols-menuitem luckysheet-mousedown-cancel">
|
|
|
|
|
<div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">${sheetconfig.resetColor}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-mousedown-cancel">
|
|
|
|
|
<div class="luckysheet-mousedown-cancel">
|
|
|
|
|
<input type="text" id="luckysheetsheetconfigcolorur" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>`;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const luckysheetPivotTableHTML = function(){
|
|
|
|
|
const _locale = locale();
|
|
|
|
|
const locale_pivotTable = _locale.pivotTable;
|
|
|
|
|
return '<div id="luckysheet-modal-dialog-slider-pivot" class="luckysheet-modal-dialog-slider luckysheet-modal-dialog-slider-pivot"> <div class="luckysheet-modal-dialog-slider-title"> <span>'+locale_pivotTable.title+'</span> <span id="luckysheet-modal-dialog-slider-close" title="'+locale_pivotTable.closePannel+'"><i class="fa fa-times" aria-hidden="true"></i></span> </div> <div class="luckysheet-modal-dialog-slider-content"> <div class="luckysheet-modal-dialog-slider-range"> <div id="luckysheet-dialog-pivotTable-range"></div> <div id="luckysheet-dialog-pivotTable-range-seleted">'+locale_pivotTable.editRange+'</div> </div> <div class="luckysheet-modal-dialog-slider-list-title"> '+locale_pivotTable.tipPivotFieldSelected+' <span title="'+locale_pivotTable.tipClearSelectedField+'" id="luckysheet-dialog-pivotTable-clearitem">'+locale_pivotTable.btnClearSelectedField+'</span></div> <div id="luckysheet-modal-dialog-pivotTable-list" class="luckysheet-modal-dialog-slider-list luckysheet-scrollbars"> </div> <div class="luckysheet-modal-dialog-slider-config-c"> <div class="luckysheet-modal-dialog-slider-config luckysheet-modal-dialog-config-filter"> <div> <span><i class="fa fa-filter luckysheet-mousedown-cancel" aria-hidden="true"></i> '+locale_pivotTable.btnFilter+'</span> </div> <div id="luckysheet-modal-dialog-config-filter" class="luckysheet-modal-dialog-slider-config-list luckysheet-scrollbars"> </div> </div> <div class="luckysheet-modal-dialog-slider-config luckysheet-modal-dialog-config-row"> <div> <span><i class="fa fa-list-alt" aria-hidden="true"></i> '+locale_pivotTable.titleRow+'</span> </div> <div id="luckysheet-modal-dialog-config-row" class="luckysheet-modal-dialog-slider-config-list luckysheet-scrollbars"> </div> </div> <div class="luckysheet-modal-dialog-slider-config luckysheet-modal-dialog-config-column"> <div> <span><i class="fa fa-indent" aria-hidden="true"></i> '+locale_pivotTable.titleColumn+'</span> </div> <div id="luckysheet-modal-dialog-config-column" class="luckysheet-modal-dialog-slider-config-list luckysheet-scrollbars"> </div> </div> <div class="luckysheet-modal-dialog-slider-config luckysheet-modal-dialog-config-value"> <div> <span><i class="fa fa-cube" aria-hidden="true"></i> '+locale_pivotTable.titleValue+'</span> <span style="float: right;margin-right: 10px;display:none;" id="luckysheetpivottablevaluecolrowshow"><label style="padding:0px 5px;margin:0px;font-size:12px;height:15px;line-height:15px;" title="'+locale_pivotTable.tipShowColumn+'" for="luckysheetpivottablevaluecolrow">'+locale_pivotTable.titleColumn+'</label> <input type="radio" checked="checked" value="1" name="luckysheetpivottablevaluecolrow" id="luckysheetpivottablevaluecolrow" /> <label style="padding:0px 5px;margin:0px;font-size:12px;height:15px;line-height:15px;" title="'+locale_pivotTable.tipShowRow+'" for="luckysheetpivottablevaluecolrow1">'+locale_pivotTable.titleRow+'</label> <input type="radio" value="0" name="luckysheetpivottablevaluecolrow" id="luckysheetpivottablevaluecolrow1" /></span></div> <div id="luckysheet-modal-dialog-config-value" class="luckysheet-modal-dialog-slider-config-list luckysheet-scrollbars"> </div> </div> </div> </div> </div>';
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function filtermenuHTML() {
|
|
|
|
|
const _locale = locale();
|
|
|
|
|
const locale_filter = _locale.filter;
|
|
|
|
|
|
|
|
|
|
return `<div class="luckysheet-cols-menu luckysheet-mousedown-cancel luckysheet-filter-menu" id="luckysheet-\${menuid}-menu"><div id="luckysheet-\${menuid}-orderby-asc" class="luckysheet-cols-menuitem luckysheet-mousedown-cancel"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">${locale_filter.sortByAsc}</div></div><div id="luckysheet-\${menuid}-orderby-desc" class="luckysheet-cols-menuitem luckysheet-mousedown-cancel"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel"><div style="width:205px;" class="luckysheet-mousedown-cancel">${locale_filter.sortByDesc}</div></div></div> <div class="luckysheet-menuseparator luckysheet-mousedown-cancel" role="separator"></div><div id="luckysheet-\${menuid}-orderby-color" class="luckysheet-cols-menuitem luckysheet-cols-submenu luckysheet-mousedown-cancel"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel" style="position: relative;">${locale_filter.filterByColor}<span class="luckysheet-submenu-arrow" style="user-select: none;right: 0;">►</span></div></div><div class="luckysheet-menuseparator luckysheet-mousedown-cancel" role="separator"></div> <div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" id="luckysheet-\${menuid}-bycondition" style="padding-top:0px;padding-bottom:0px;"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel"><i class="fa fa-caret-right" aria-hidden="true"></i> ${locale_filter.filterByCondition}</div></div> <div class="luckysheet-\${menuid}-bycondition" style="display:none;"><div class="luckysheet-flat-menu-button luckysheet-mousedown-cancel" id="luckysheet-\${menuid}-selected"><span class="luckysheet-mousedown-cancel" data-value="null" data-type="0">${locale_filter.filiterInputNone}</span><div class="luckysheet-mousedown-cancel"><i class="fa fa-sort" aria-hidden="true"></i></div></div><div class="luckysheet-\${menuid}-selected-input"><input type="text" placeholder="${locale_filter.filiterInputTip}" class="luckysheet-mousedown-cancel" /></div><div class="luckysheet-\${menuid}-selected-input luckysheet-\${menuid}-selected-input2"><span>从</span><input type="text" placeholder="${locale_filter.filiterRangeStartTip}" class="luckysheet-mousedown-cancel" /><span>到</span><input type="text" placeholder="${locale_filter.filiterRangeEndTip}" class="luckysheet-mousedown-cancel" /></div></div> <div class="luckysheet-menuseparator luckysheet-mousedown-cancel" role="separator"></div> <div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" id="luckysheet-\${menuid}-byvalue" style="padding-top:0px;padding-bottom:0px;"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel"><i class="fa fa-caret-right" aria-hidden="true"></i> ${locale_filter.filterByValues}</div></div> <div class="luckysheet-\${menuid}-byvalue"><div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel luckysheet-mousedown-\${menuid}-byvalue-btn"><span id="luckysheet-\${menuid}-byvalue-btn-all" class="luckysheet-mousedown-cancel">${locale_filter.filterValueByAllBtn}</span> - <span id="luckysheet-\${menuid}-byvalue-btn-clear" class="luckysheet-mousedown-cancel">${locale_filter.filterValueByClearBtn}</span> - <span id="luckysheet-\${menuid}-byvalue-btn-contra" class="luckysheet-mousedown-cancel">${locale_filter.filterValueByInverseBtn}</span> <div><i class="fa fa-\${menuid} luckysheet-mousedown-cancel" aria-hidden="true"></i></div></div></div><div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" style="padding-left:3px; padding-right:3px;"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel"><input type="text" placeholder="${locale_filter.filterValueByTip}" class="luckysheet-mousedown-cancel" id="luckysheet-\${menuid}-byvalue-input" /><div class="luckysheet-\${menuid}-byvalue-input-icon luckysheet-mousedown-cancel"><i class="fa fa-search luckysheet-mousedown-cancel" aria-hidden="true"></i></div></div></div><div class="luckysheet-cols-menuitem luckysheet-mousedown
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function filtersubmenuHTML() {
|
|
|
|
|
const _locale = locale();
|
|
|
|
|
const locale_filter = _locale.filter;
|
|
|
|
|
|
|
|
|
|
return `<div style="z-index:1004;overflow-y:auto;" class="luckysheet-filter-submenu luckysheet-cols-menu luckysheet-mousedown-cancel" id="luckysheet-\${menuid}-submenu"><div data-value="null" data-type="0" class="luckysheet-cols-menuitem luckysheet-mousedown-cancel"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">${locale_filter.conditionNone}</div></div><div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" data-value="cellnull" data-type="0"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">${locale_filter.conditionCellIsNull}</div></div><div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" data-value="cellnonull" data-type="0"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">${locale_filter.conditionCellNotNull}</div></div><div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" data-value="textinclude"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">${locale_filter.conditionCellTextContain}</div></div><div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" data-value="textnotinclude"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">${locale_filter.conditionCellTextNotContain}</div></div><div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" data-value="textstart"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">${locale_filter.conditionCellTextStart}</div></div><div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" data-value="textend"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">${locale_filter.conditionCellTextEnd}</div></div><div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" data-value="textequal"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">${locale_filter.conditionCellTextEqual}</div></div> <div class="luckysheet-menuseparator luckysheet-mousedown-cancel" role="separator"></div> <div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" data-value="dateequal"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">${locale_filter.conditionCellDateEqual}</div></div><div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" data-value="datelessthan"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">${locale_filter.conditionCellDateBefore}</div></div><div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" data-value="datemorethan"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">${locale_filter.conditionCellDateAfter}</div></div> <div class="luckysheet-menuseparator luckysheet-mousedown-cancel" role="separator"></div> <div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" data-value="morethan"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">${locale_filter.conditionCellGreater}</div></div><div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" data-value="moreequalthan"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">${locale_filter.conditionCellGreaterEqual}</div></div><div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" data-value="lessthan"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">${locale_filter.conditionCellLess}</div></div><div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" data-value="lessequalthan"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">${locale_filter.conditionCellLessEqual}</div></div><div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" data-value="equal"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">${locale_filter.conditionCellEqual}</div></div><div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" data-value="noequal"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">${locale_filter.conditionCellNotEqual}</div></div><div class="luckysheet-cols-menuitem luckysheet-mousedown-cance
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function luckysheetAlternateformatHtml(){
|
|
|
|
|
const _locale = locale()
|
|
|
|
|
const alternatingColors =_locale.alternatingColors;
|
|
|
|
|
const toolbar = _locale.toolbar;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
return '<div id="luckysheet-modal-dialog-slider-alternateformat" class="luckysheet-modal-dialog-slider luckysheet-modal-dialog-slider-alternateformat" style="display: block;">'+
|
|
|
|
|
'<div class="luckysheet-modal-dialog-slider-title">'+
|
|
|
|
|
'<span>'+ toolbar.alternatingColors +'</span>'+
|
|
|
|
|
'<span class="luckysheet-model-close-btn" title="'+ alternatingColors.close +'">'+
|
|
|
|
|
'<i class="fa fa-times" aria-hidden="true"></i>'+
|
|
|
|
|
'</span>'+
|
|
|
|
|
'</div>'+
|
|
|
|
|
'<div class="luckysheet-modal-dialog-slider-content">'+
|
|
|
|
|
'<div class="textTitle">'+ alternatingColors.applyRange +'</div>'+
|
|
|
|
|
'<div id="luckysheet-alternateformat-range">'+
|
|
|
|
|
'<input class="formulaInputFocus" placeholder="'+ alternatingColors.selectRange +'"/>'+
|
|
|
|
|
'<i class="fa fa-table" aria-hidden="true"></i>'+
|
|
|
|
|
'</div>'+
|
|
|
|
|
'<div id="luckysheet-alternateformat-checkbox">'+
|
|
|
|
|
'<div class="cf">'+
|
|
|
|
|
'<input type="checkbox" id="luckysheet-alternateformat-rowHeader"/>'+
|
|
|
|
|
'<label for="luckysheet-alternateformat-rowHeader">'+ alternatingColors.header +'</label>'+
|
|
|
|
|
'</div>'+
|
|
|
|
|
'<div class="cf">'+
|
|
|
|
|
'<input type="checkbox" id="luckysheet-alternateformat-rowFooter"/>'+
|
|
|
|
|
'<label for="luckysheet-alternateformat-rowFooter">'+ alternatingColors.footer +'</label>'+
|
|
|
|
|
'</div>'+
|
|
|
|
|
'</div>'+
|
|
|
|
|
'<div class="textTitle">'+alternatingColors.textTitle+'</div>'+
|
|
|
|
|
'<div id="luckysheet-alternateformat-modelList" class="cf"></div>'+
|
|
|
|
|
'<div class="textTitle">'+alternatingColors.custom+'</div>'+
|
|
|
|
|
'<div id="luckysheet-alternateformat-modelCustom" class="cf"></div>'+
|
|
|
|
|
'<div id="luckysheet-alternateformat-modelToning">'+
|
|
|
|
|
'<div class="toningbox header">'+
|
|
|
|
|
'<div class="toningShow"> '+ alternatingColors.header +' </div>'+
|
|
|
|
|
'<div class="luckysheet-color-menu-button-indicator" title="'+ alternatingColors.selectionTextColor +'" style="border-bottom-color: #000;margin-right: 10px;"> <div class="luckysheet-icon luckysheet-inline-block"> <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-text-color" style="user-select: none;"> </div> </div> </div>'+
|
|
|
|
|
'<div class="luckysheet-color-menu-button-indicator" title="'+ alternatingColors.selectionCellColor +'" style="border-bottom-color: #fff;"> <div class="luckysheet-icon luckysheet-inline-block"> <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-cell-color" style="user-select: none;"> </div> </div> </div>'+
|
|
|
|
|
'</div>'+
|
|
|
|
|
'<div class="toningbox ctOne">'+
|
|
|
|
|
'<div class="toningShow"> '+ alternatingColors.colorShow +'1 </div>'+
|
|
|
|
|
'<div class="luckysheet-color-menu-button-indicator" title="'+ alternatingColors.selectionTextColor +'" style="border-bottom-color: #000;margin-right: 10px;"> <div class="luckysheet-icon luckysheet-inline-block"> <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-text-color" style="user-select: none;"> </div> </div> </div>'+
|
|
|
|
|
'<div class="luckysheet-color-menu-button-indicator" title="'+ alternatingColors.selectionCellColor +'" style="border-bottom-color: #fff;"> <div class="luckysheet-icon luckysheet-inline-block"> <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-cell-color" style="user-select: none;"> </div> </div> </div>'+
|
|
|
|
|
'</div>'+
|
|
|
|
|
'<div class="toningbox ctTwo">'+
|
|
|
|
|
'<div class="toningShow"> '+ alternatingColors.colorShow +'2 </div>'+
|
|
|
|
|
'<div class="luckysheet-color-menu-button-indicator" title="'+ alternatingColors.selectionTextColor +'" style="border-bottom-color: #000;margin-right: 10px;"> <div class="luckysheet-icon luckysheet-inline-block"> <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-text-color" style="user-select: none;"> </div> </div> </div>'+
|
|
|
|
|
'<div class="luckysheet-color-menu-button-indicator" title="'+ alternatingColors.selectionCellColor +'" style="border-bottom-color: #fff;"> <div class="luckysheet-icon luckysheet-inline-block"> <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-cell-color" style="user-select: none;"> </div> </div> </div>'+
|
|
|
|
|
'</div>'+
|
|
|
|
|
'<div class="toningbox footer">'+
|
|
|
|
|
'<div class="toningShow"> '+ alternatingColors.footer +' </div>'+
|
|
|
|
|
'<div class="luckysheet-color-menu-button-indicator" title="'+ alternatingColors.selectionTextColor +'" style="border-bottom-color: #000;margin-right: 10px;"> <div class="luckysheet-icon luckysheet-inline-block"> <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-text-color" style="user-select: none;"> </div> </div> </div>'+
|
|
|
|
|
'<div class="luckysheet-color-menu-button-indicator" title="'+ alternatingColors.selectionCellColor +'" style="border-bottom-color: #fff;"> <div class="luckysheet-icon luckysheet-inline-block"> <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-cell-color" style="user-select: none;"> </div> </div> </div>'+
|
|
|
|
|
'</div>'+
|
|
|
|
|
'</div>'+
|
|
|
|
|
'<button id="luckysheet-alternateformat-remove" class="btn btn-default" style="margin: 10px;">'+ alternatingColors.removeColor +'</button>'+
|
|
|
|
|
'</div>'+
|
|
|
|
|
'</div>';
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const luckysheetchartpointconfigHTML = '<div class="luckysheet-chart-point-config"> <div class="luckysheet-chart-point-config-set"> <div class="luckysheet-chart-point-config-left"> <div class="luckysheet-chart-point-config-left-top"> <div class="luckysheet-chart-point-searchcondition"> <div class="luckysheet-datavisual-content-row" style="margin-bottom: 0px;margin-top: 0px;height: 30px;"> <div class="luckysheet-datavisual-content-column luckysheet-datavisual-content-column-title luckysheet-datavisual-content-column-2x" style="width:10%;white-space:nowrap;">选择维度</div> <div class="luckysheet-datavisual-content-column luckysheet-datavisual-content-column-right luckysheet-datavisual-content-column-2x" style="width:80%;"> <select data-tips="维度选择" name="luckysheetpointconfigsearchdim" id="luckysheetpointconfigsearchdim"> </select> </div> </div> <div class="luckysheet-datavisual-content-row" style="margin-bottom: 0px;margin-top: 3px;height: 30px;"> <div class="luckysheet-datavisual-content-column luckysheet-datavisual-content-column-title luckysheet-datavisual-content-column-2x" style="width:10%;">排序</div> <div class="luckysheet-datavisual-content-column luckysheet-datavisual-content-column-right luckysheet-datavisual-content-column-2x" style="width:80%;"> <label data-tips="无排序" for="luckysheetpointconfigsearchorderno">无排序</label> <input type="radio" checked="checked" value="0" name="luckysheetpointconfigsearchorder" id="luckysheetpointconfigsearchorderno"> <label data-tips="升序" for="luckysheetpointconfigsearchorderasc">升序</label> <input type="radio" value="1" name="luckysheetpointconfigsearchorder" id="luckysheetpointconfigsearchorderasc"> <label data-tips="降序" for="luckysheetpointconfigsearchorderdesc">降序</label> <input type="radio" value="2" name="luckysheetpointconfigsearchorder" id="luckysheetpointconfigsearchorderdesc"> </div> </div> <div class="luckysheet-datavisual-content-row" style="margin-bottom: 0px;margin-top: 5px;height: 30px;"> <div class="luckysheet-datavisual-content-column luckysheet-datavisual-content-column-right luckysheet-datavisual-content-column-2x" style="width:90%;text-align: left;"> <select data-width="70" data-tips="按照什么方式查询" name="luckysheetpointconfigsearchtype" id="luckysheetpointconfigsearchtype"> <option value="0" selected="selected">按照名称</option> <option value="1">按排序前%</option> </select> <input data-tips="查询关于点的关键字" id="luckysheetpointconfigsearchcontent" type="text" class="luckysheet-datavisual-config-input-no" style="width:40%;" placeholder="查询内容" /> <button id="luckysheetpointconfigsearchcomfirm" class="btn btn-primary luckysheet-model-conform-btn">查询</button> </div> </div> </div> </div> <div class="luckysheet-chart-point-config-left-mid"> <span id="luckysheet-chart-point-btn-all" class="luckysheet-mousedown-cancel">全选</span> - <span id="luckysheet-chart-point-btn-clear" class="luckysheet-mousedown-cancel">清除</span> - <span id="luckysheet-chart-point-btn-contra" class="luckysheet-mousedown-cancel">反选</span><span style="text-decoration:none;color:#8D8D8D;float:right;margin-right:40px;cursor:default;" class="luckysheet-mousedown-cancel">可以直接框选数据点</span> </div> <div class="luckysheet-chart-point-config-left-bottom"> <div class="luckysheet-chart-point-searchitem-c luckysheet-noselected-text"> </div> </div> </div> <div class="luckysheet-chart-point-config-right"> <div class="luckysheet-chart-point-itemconfig"> <div class="luckysheet-datavisual-content-row" style="font-size: 16px;font-weight: bold;"> 数据点设置 </div> <div class="luckysheet-datavisual-content-row"> <div class="luckysheet-datavisual-content-column luckysheet-datavisual-content-column-title luckysheet-datavisual-content-column-2x" style="width:10%;white-space:nowrap;">图形颜色</div> <div class="luckysheet-datavisual-content-column luckysheet-datavisual-content-column-right luckysheet-datavisual-content-column-2x" style="width:80%;"> <input data-tips="颜色" class="luckysheet-datavis
|
|
|
|
|
const luckysheetToolHTML = '<div id="luckysheet-tooltip-up" class="jfk-tooltip" role="tooltip" aria-hidden="true" style="left: 505px; top: 410px;"><div class="jfk-tooltip-contentId">组合图表</div><div class="jfk-tooltip-arrow jfk-tooltip-arrowup" style="left: 35.5px;"><div class="jfk-tooltip-arrowimplbefore"></div><div class="jfk-tooltip-arrowimplafter"></div></div></div>';
|
|
|
|
|
|
|
|
|
|
// toolbar
|
|
|
|
|
function menuToolBar (){
|
|
|
|
|
const toolbar = locale().toolbar;
|
|
|
|
|
const fontarray = locale().fontarray;
|
|
|
|
|
return `<div class="luckysheet-toolbar-left-theme">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-toolbar-button luckysheet-inline-block" data-tips="${toolbar.undo}"
|
|
|
|
|
id="luckysheet-icon-undo" role="button" style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
|
|
|
|
|
<div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-undo"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-toolbar-button luckysheet-inline-block" data-tips="${toolbar.redo}"
|
|
|
|
|
id="luckysheet-icon-redo" role="button" style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
|
|
|
|
|
<div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-redo"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-toolbar-button luckysheet-inline-block" data-tips="${toolbar.paintFormat}"
|
|
|
|
|
id="luckysheet-icon-paintformat" role="button" style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
|
|
|
|
|
<div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-paintformat"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!--<div class="luckysheet-toolbar-separator luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;"> </div> <div class="luckysheet-toolbar-zoom-combobox luckysheet-toolbar-combo-button luckysheet-inline-block" data-tips="缩放" id="luckysheet-icon-zoom" style="user-select: none;"> <div class="luckysheet-toolbar-combo-button-outer-box luckysheet-inline-block" style="user-select: none;"> <div class="luckysheet-toolbar-combo-button-inner-box luckysheet-inline-block" style="user-select: none;"> <div aria-posinset="4" aria-setsize="7" class="luckysheet-inline-block luckysheet-toolbar-combo-button-caption" style="user-select: none;"> <input aria-label="缩放比例" class="luckysheet-toolbar-combo-button-input luckysheet-toolbar-textinput luckysheet-mousedown-cancel" role="combobox" style="user-select: none;" tabindex="-1" type="text" value="100%"/> </div> <div class="luckysheet-toolbar-combo-button-dropdown luckysheet-inline-block " style="user-select: none;"> </div> </div> </div> </div> -->
|
|
|
|
|
<div class="luckysheet-toolbar-separator luckysheet-inline-block" style="user-select: none;">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-toolbar-button luckysheet-inline-block" data-tips="${toolbar.currencyFormat}"
|
|
|
|
|
id="luckysheet-icon-currency" role="button" style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
¥
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-toolbar-button luckysheet-inline-block" data-tips="${toolbar.percentageFormat}"
|
|
|
|
|
id="luckysheet-icon-percent" role="button" style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
%
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-toolbar-button luckysheet-inline-block" data-tips="${toolbar.numberDecrease}"
|
|
|
|
|
id="luckysheet-icon-fmt-decimal-decrease" role="button" style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-icon luckysheet-inline-block toolbar-decimal-icon"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-decimal-decrease"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-toolbar-button luckysheet-inline-block" data-tips="${toolbar.numberIncrease}"
|
|
|
|
|
id="luckysheet-icon-fmt-decimal-increase" role="button" style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-icon luckysheet-inline-block toolbar-decimal-icon"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-decimal-increase"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button luckysheet-inline-block" data-tips="${toolbar.moreFormats}"
|
|
|
|
|
id="luckysheet-icon-fmt-other" role="button" style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-caption luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
123
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-dropdown luckysheet-inline-block "
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-toolbar-separator luckysheet-inline-block" style="user-select: none;">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-toolbar-select luckysheet-toolbar-menu-button luckysheet-inline-block"
|
|
|
|
|
data-tooltip="${toolbar.font}" id="luckysheet-icon-font-family" role="button" style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-caption luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
${fontarray[0]}
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-dropdown luckysheet-inline-block "
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-toolbar-separator luckysheet-inline-block" style="user-select: none;">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-toolbar-zoom-combobox luckysheet-toolbar-combo-button luckysheet-inline-block"
|
|
|
|
|
data-tips="${toolbar.fontSize}" id="luckysheet-icon-font-size" style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-combo-button-outer-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-combo-button-inner-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div aria-posinset="4" aria-setsize="7" class="luckysheet-inline-block luckysheet-toolbar-combo-button-caption"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<input aria-label="${toolbar.fontSize}" class="luckysheet-toolbar-combo-button-input luckysheet-toolbar-textinput"
|
|
|
|
|
role="combobox" style="user-select: none;" tabindex="-1" type="text" value="10"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-toolbar-combo-button-dropdown luckysheet-inline-block "
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-toolbar-separator luckysheet-inline-block" style="user-select: none;">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-toolbar-button luckysheet-inline-block" data-tips="${toolbar.bold}"
|
|
|
|
|
id="luckysheet-icon-bold" role="button" style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
|
|
|
|
|
<div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-bold"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-toolbar-button luckysheet-inline-block" data-tips="${toolbar.italic}"
|
|
|
|
|
id="luckysheet-icon-italic" role="button" style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
|
|
|
|
|
<div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-italic"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-toolbar-button luckysheet-inline-block" data-tips="${toolbar.strikethrough}"
|
|
|
|
|
id="luckysheet-icon-strikethrough" role="button" style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
|
|
|
|
|
<div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-strikethrough"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-toolbar-button-split-left luckysheet-toolbar-button luckysheet-inline-block"
|
|
|
|
|
data-tips="${toolbar.textColor}" id="luckysheet-icon-text-color" role="button" style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-caption luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-color-menu-button-indicator" style="border-bottom-color: rgb(0, 0, 0); user-select: none;">
|
|
|
|
|
<div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
|
|
|
|
|
<div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-text-color"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-toolbar-button-split-right luckysheet-toolbar-menu-button luckysheet-inline-block"
|
|
|
|
|
data-tips="${toolbar.chooseColor}..." id="luckysheet-icon-text-color-menu" role="button"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-dropdown luckysheet-inline-block "
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-toolbar-separator luckysheet-inline-block" style="user-select: none;">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-toolbar-button-split-left luckysheet-toolbar-button luckysheet-inline-block"
|
|
|
|
|
data-tips="${toolbar.fillColor}" id="luckysheet-icon-cell-color" role="button" style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-caption luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-color-menu-button-indicator" style="border-bottom-color: rgb(255, 255, 255); user-select: none;">
|
|
|
|
|
<div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
|
|
|
|
|
<div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-cell-color"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-toolbar-button-split-right luckysheet-toolbar-menu-button luckysheet-inline-block"
|
|
|
|
|
data-tips="${toolbar.chooseColor}..." id="luckysheet-icon-cell-color-menu" role="button"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-dropdown luckysheet-inline-block "
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-toolbar-button-split-left luckysheet-toolbar-button luckysheet-inline-block"
|
|
|
|
|
data-tips="${toolbar.border}" id="luckysheet-icon-border-all" role="button" style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
|
|
|
|
|
<div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-border-all"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-toolbar-button-split-right luckysheet-toolbar-menu-button luckysheet-inline-block"
|
|
|
|
|
data-tips="${toolbar.borderStyle}..." id="luckysheet-icon-border-menu" role="button" style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-dropdown luckysheet-inline-block "
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-toolbar-button-split-left luckysheet-toolbar-button luckysheet-inline-block"
|
|
|
|
|
data-tips="${toolbar.mergeCell}" id="luckysheet-icon-merge-button" role="button" style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
|
|
|
|
|
<div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-merge"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-toolbar-button-split-right luckysheet-toolbar-menu-button luckysheet-inline-block"
|
|
|
|
|
data-tips="${toolbar.chooseMergeType}..." id="luckysheet-icon-merge-menu" role="button" style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-dropdown luckysheet-inline-block "
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-toolbar-separator luckysheet-inline-block" style="user-select: none;">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-toolbar-button-split-left luckysheet-toolbar-button luckysheet-inline-block"
|
|
|
|
|
data-tips="${toolbar.horizontalAlign}" id="luckysheet-icon-align" role="button" style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-caption luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
|
|
|
|
|
<div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-align-left"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-toolbar-button-split-right luckysheet-toolbar-menu-button luckysheet-inline-block"
|
|
|
|
|
data-tips="${toolbar.alignment}..." id="luckysheet-icon-align-menu" role="button" style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-dropdown luckysheet-inline-block "
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-toolbar-button-split-left luckysheet-toolbar-button luckysheet-inline-block"
|
|
|
|
|
data-tips="${toolbar.verticalAlign}" id="luckysheet-icon-valign" role="button" style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-caption luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
|
|
|
|
|
<div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-valign-bottom"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-toolbar-button-split-right luckysheet-toolbar-menu-button luckysheet-inline-block"
|
|
|
|
|
data-tips="${toolbar.alignment}..." id="luckysheet-icon-valign-menu" role="button" style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-dropdown luckysheet-inline-block "
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-toolbar-button-split-left luckysheet-toolbar-button luckysheet-inline-block"
|
|
|
|
|
data-tips="${toolbar.textWrap}" id="luckysheet-icon-textwrap" role="button" style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-caption luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
|
|
|
|
|
<div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-textwrap-clip"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-toolbar-button-split-right luckysheet-toolbar-menu-button luckysheet-inline-block"
|
|
|
|
|
data-tips="${toolbar.textWrapMode}..." id="luckysheet-icon-textwrap-menu" role="button" style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-dropdown luckysheet-inline-block "
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-toolbar-button-split-left luckysheet-toolbar-button luckysheet-inline-block"
|
|
|
|
|
data-tips="${toolbar.textRotate}" id="luckysheet-icon-rotation" role="button" style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-caption luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
|
|
|
|
|
<div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-rotation-none"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-toolbar-button-split-right luckysheet-toolbar-menu-button luckysheet-inline-block"
|
|
|
|
|
data-tips="${toolbar.textRotateMode}..." id="luckysheet-icon-rotation-menu" role="button" style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-dropdown luckysheet-inline-block "
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-toolbar-separator luckysheet-inline-block" style="user-select: none;">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-toolbar-button-split-left luckysheet-toolbar-button luckysheet-inline-block"
|
|
|
|
|
data-tips="${toolbar.freezeTopRow}" id="luckysheet-freezen-btn-horizontal" role="button" style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-caption luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<i class="fa fa-list-alt">
|
|
|
|
|
</i>
|
|
|
|
|
${toolbar.freezeTopRow}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-toolbar-button-split-right luckysheet-toolbar-menu-button luckysheet-inline-block"
|
|
|
|
|
data-tips="更多选项..." id="luckysheet-icon-freezen-menu" role="button" style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-dropdown luckysheet-inline-block "
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-toolbar-separator luckysheet-inline-block" style="user-select: none;">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button luckysheet-inline-block" data-tips="${toolbar.sortAndFilter}"
|
|
|
|
|
id="luckysheet-icon-autofilter" role="button" style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
|
|
|
|
|
<div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-autofilter"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-dropdown luckysheet-inline-block "
|
|
|
|
|
style="user-select: none;margin-left: 0px;margin-right: 4px;">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button luckysheet-inline-block" data-tips="${toolbar.findAndReplace}"
|
|
|
|
|
id="luckysheet-icon-seachmore" role="button" style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-caption luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;font-size: 14px;">
|
|
|
|
|
<i class="fa fa-search" aria-hidden="true">
|
|
|
|
|
</i>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-dropdown luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;margin-left: 0px;margin-right: 4px;">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-toolbar-button-split-left luckysheet-toolbar-button luckysheet-inline-block"
|
|
|
|
|
data-tips="${toolbar.autoSum}" id="luckysheet-icon-function" role="button" style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
|
|
|
|
|
<div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-function"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-caption luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
${toolbar.sum}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-toolbar-button-split-right luckysheet-toolbar-menu-button luckysheet-inline-block"
|
|
|
|
|
data-tips="${toolbar.moreFunction}..." id="luckysheet-icon-function-menu" role="button" style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-dropdown luckysheet-inline-block "
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button luckysheet-inline-block" data-tips="${toolbar.conditionalFormat}"
|
|
|
|
|
id="luckysheet-icon-conditionformat" role="button" style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-caption luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
${toolbar.conditionalFormat}
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-dropdown luckysheet-inline-block "
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button luckysheet-inline-block" data-tips="${toolbar.postil}"
|
|
|
|
|
id="luckysheet-icon-postil" role="button" style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-caption luckysheet-inline-block"
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
${toolbar.postil}
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheet-toolbar-menu-button-dropdown luckysheet-inline-block "
|
|
|
|
|
style="user-select: none;">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheetfulltoolbar" id="luckysheet-pivot-btn-title">
|
|
|
|
|
<i aria-hidden="true" class="fa fa-cube">
|
|
|
|
|
</i>
|
|
|
|
|
${toolbar.pivotTable}
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheetfulltoolbar" id="luckysheet-chart-btn-title">
|
|
|
|
|
<i class="fa fa-pie-chart">
|
|
|
|
|
</i>
|
|
|
|
|
${toolbar.chart}
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheetfulltoolbar" id="luckysheet-chart-btn-screenshot">
|
|
|
|
|
<i class="fa fa-object-group">
|
|
|
|
|
</i>
|
|
|
|
|
${toolbar.screenshot}
|
|
|
|
|
</div>
|
|
|
|
|
<div class="luckysheetfulltoolbar" id="luckysheet-splitColumn-btn-title">
|
|
|
|
|
<i class="fa fa-gg">
|
|
|
|
|
</i>
|
|
|
|
|
${toolbar.splitColumn}
|
|
|
|
|
</div>`;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const luckysheetlodingHTML = function(){
|
|
|
|
|
const _locale = locale()
|
|
|
|
|
const info =_locale.info;
|
|
|
|
|
return'<div id="luckysheetloadingdata" style="width:100%;text-align:center;position:absolute;top:0px;height:100%;font-size: 16px;z-index:1000000000;background:#fff;"><div style="position:relative;top:45%;width:100%;"> <div class="luckysheetLoaderGif"></div> <span>'+info.loading+'...</span></div></div>';
|
|
|
|
|
}
|
|
|
|
|
// var menusetting = {
|
|
|
|
|
// menu_selectall: '<div id="luckysheet-selectall-btn-title"><i class="fa fa-i-cursor"></i> 全选</div>',
|
|
|
|
|
// menu_copy: '<div id="luckysheet-copy-btn-title"><i class="fa fa-copy"></i> 复制</div>',
|
|
|
|
|
// menu_undo: '<div id="luckysheet-redo-btn-title"><i class="fa fa-reply"></i> 撤销</div>',
|
|
|
|
|
// menu_redo: '<div id="luckysheet-undo-btn-title"><i class="fa fa-share"></i> 恢复</div>',
|
|
|
|
|
// menu_paste: '<div id="luckysheet-paste-btn-title"><i class="fa fa-clipboard"></i> 粘贴</div>',
|
|
|
|
|
// menu_download: '<div id="luckysheet-download-btn-title"><i class="fa fa-cloud-download"></i> 下载</div>',
|
|
|
|
|
// menu_share: '<div id="luckysheet-share-btn-title"><i class="fa fa-share-alt"></i> 分享</div>',
|
|
|
|
|
// menu_chart: '<div id="luckysheet-chart-btn-title"> <i class="fa fa-pie-chart"></i> 图表生成</div>',
|
|
|
|
|
// menu_pivot: '<div id="luckysheet-pivot-btn-title"> <i class="fa fa-cube" aria-hidden="true"></i> 数据透视表</div>',
|
|
|
|
|
// menu_freezenrow: '<div id="luckysheet-freezen-btn-horizontal"><i class="fa fa-list-alt"></i> 冻结首行</div>',
|
|
|
|
|
// menu_freezencolumn: '<div id="luckysheet-freezen-btn-vertical"><i class="fa fa-indent"></i> 冻结首列</div>',
|
|
|
|
|
// };
|
|
|
|
|
|
|
|
|
|
const luckyColor = [
|
|
|
|
|
"#c1232b",
|
|
|
|
|
"#27727b",
|
|
|
|
|
"#fcce10",
|
|
|
|
|
"#e87c25",
|
|
|
|
|
"#b5c334",
|
|
|
|
|
"#fe8463",
|
|
|
|
|
"#9bca63",
|
|
|
|
|
"#fad860",
|
|
|
|
|
"#f3a43b",
|
|
|
|
|
"#60c0dd",
|
|
|
|
|
"#d7504b",
|
|
|
|
|
"#c6e579",
|
|
|
|
|
"#f4e001",
|
|
|
|
|
"#f0805a",
|
|
|
|
|
"#26c0c0",
|
|
|
|
|
"#c12e34",
|
|
|
|
|
"#e6b600",
|
|
|
|
|
"#0098d9",
|
|
|
|
|
"#2b821d",
|
|
|
|
|
"#005eaa",
|
|
|
|
|
"#339ca8",
|
|
|
|
|
"#cda819",
|
|
|
|
|
"#32a487",
|
|
|
|
|
"#3fb1e3",
|
|
|
|
|
"#6be6c1",
|
|
|
|
|
"#626c91",
|
|
|
|
|
"#a0a7e6",
|
|
|
|
|
"#c4ebad",
|
|
|
|
|
"#96dee8"
|
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
const keycode = {
|
|
|
|
|
|
|
|
|
|
BACKSPACE: 8,
|
|
|
|
|
TAB: 9,
|
|
|
|
|
ENTER: 13,
|
|
|
|
|
SHIFT: 16,
|
|
|
|
|
CTRL: 17,
|
|
|
|
|
PAUSE: 19,
|
|
|
|
|
CAPSLOCK: 20,
|
|
|
|
|
ESC: 27,
|
|
|
|
|
|
|
|
|
|
SPACE: 33,
|
|
|
|
|
PAGEUP: 33,
|
|
|
|
|
PAGEDOWN: 34,
|
|
|
|
|
END: 35,
|
|
|
|
|
HOME: 36,
|
|
|
|
|
LEFT: 37,
|
|
|
|
|
UP: 38,
|
|
|
|
|
RIGHT: 39,
|
|
|
|
|
DOWN: 40,
|
|
|
|
|
INSERT: 45,
|
|
|
|
|
DELETE: 46,
|
|
|
|
|
|
|
|
|
|
WIN: 91,
|
|
|
|
|
WIN_R: 92,
|
|
|
|
|
MENU: 93,
|
|
|
|
|
|
|
|
|
|
F1: 112,
|
|
|
|
|
F2: 113,
|
|
|
|
|
F3: 114,
|
|
|
|
|
F4: 115,
|
|
|
|
|
F5: 116,
|
|
|
|
|
F6: 117,
|
|
|
|
|
F7: 118,
|
|
|
|
|
F8: 119,
|
|
|
|
|
F9: 120,
|
|
|
|
|
F10: 121,
|
|
|
|
|
F11: 122,
|
|
|
|
|
F12: 123,
|
|
|
|
|
NUMLOCK: 144,
|
|
|
|
|
SCROLLLOCK: 145
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const luckysheetdefaultstyle = {
|
|
|
|
|
fillStyle: "#000000",
|
|
|
|
|
textBaseline: "middle",
|
|
|
|
|
strokeStyle: "#dfdfdf",
|
|
|
|
|
rowFillStyle: "#5e5e5e",
|
|
|
|
|
textAlign: 'center'
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const luckysheetdefaultFont = function(){
|
|
|
|
|
return 'normal normal normal '+ Math.ceil(10 * Store.devicePixelRatio) +'pt '+ locale().fontarray[0] +', "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif';
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const luckysheet_CFiconsImg = new Image();
|
|
|
|
|
luckysheet_CFiconsImg.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZoAAAGACAYAAACUS6SeAAAACXBIWXMAAC4jAAAuIwF4pT92AAAKTWlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVN3WJP3Fj7f92UPVkLY8LGXbIEAIiOsCMgQWaIQkgBhhBASQMWFiApWFBURnEhVxILVCkidiOKgKLhnQYqIWotVXDjuH9yntX167+3t+9f7vOec5/zOec8PgBESJpHmomoAOVKFPDrYH49PSMTJvYACFUjgBCAQ5svCZwXFAADwA3l4fnSwP/wBr28AAgBw1S4kEsfh/4O6UCZXACCRAOAiEucLAZBSAMguVMgUAMgYALBTs2QKAJQAAGx5fEIiAKoNAOz0ST4FANipk9wXANiiHKkIAI0BAJkoRyQCQLsAYFWBUiwCwMIAoKxAIi4EwK4BgFm2MkcCgL0FAHaOWJAPQGAAgJlCLMwAIDgCAEMeE80DIEwDoDDSv+CpX3CFuEgBAMDLlc2XS9IzFLiV0Bp38vDg4iHiwmyxQmEXKRBmCeQinJebIxNI5wNMzgwAABr50cH+OD+Q5+bk4eZm52zv9MWi/mvwbyI+IfHf/ryMAgQAEE7P79pf5eXWA3DHAbB1v2upWwDaVgBo3/ldM9sJoFoK0Hr5i3k4/EAenqFQyDwdHAoLC+0lYqG9MOOLPv8z4W/gi372/EAe/tt68ABxmkCZrcCjg/1xYW52rlKO58sEQjFu9+cj/seFf/2OKdHiNLFcLBWK8ViJuFAiTcd5uVKRRCHJleIS6X8y8R+W/QmTdw0ArIZPwE62B7XLbMB+7gECiw5Y0nYAQH7zLYwaC5EAEGc0Mnn3AACTv/mPQCsBAM2XpOMAALzoGFyolBdMxggAAESggSqwQQcMwRSswA6cwR28wBcCYQZEQAwkwDwQQgbkgBwKoRiWQRlUwDrYBLWwAxqgEZrhELTBMTgN5+ASXIHrcBcGYBiewhi8hgkEQcgIE2EhOogRYo7YIs4IF5mOBCJhSDSSgKQg6YgUUSLFyHKkAqlCapFdSCPyLXIUOY1cQPqQ28ggMor8irxHMZSBslED1AJ1QLmoHxqKxqBz0XQ0D12AlqJr0Rq0Hj2AtqKn0UvodXQAfYqOY4DRMQ5mjNlhXIyHRWCJWBomxxZj5Vg1Vo81Yx1YN3YVG8CeYe8IJAKLgBPsCF6EEMJsgpCQR1hMWEOoJewjtBK6CFcJg4Qxwicik6hPtCV6EvnEeGI6sZBYRqwm7iEeIZ4lXicOE1+TSCQOyZLkTgohJZAySQtJa0jbSC2kU6Q+0hBpnEwm65Btyd7kCLKArCCXkbeQD5BPkvvJw+S3FDrFiOJMCaIkUqSUEko1ZT/lBKWfMkKZoKpRzame1AiqiDqfWkltoHZQL1OHqRM0dZolzZsWQ8ukLaPV0JppZ2n3aC/pdLoJ3YMeRZfQl9Jr6Afp5+mD9HcMDYYNg8dIYigZaxl7GacYtxkvmUymBdOXmchUMNcyG5lnmA+Yb1VYKvYqfBWRyhKVOpVWlX6V56pUVXNVP9V5qgtUq1UPq15WfaZGVbNQ46kJ1Bar1akdVbupNq7OUndSj1DPUV+jvl/9gvpjDbKGhUaghkijVGO3xhmNIRbGMmXxWELWclYD6yxrmE1iW7L57Ex2Bfsbdi97TFNDc6pmrGaRZp3mcc0BDsax4PA52ZxKziHODc57LQMtPy2x1mqtZq1+rTfaetq+2mLtcu0W7eva73VwnUCdLJ31Om0693UJuja6UbqFutt1z+o+02PreekJ9cr1Dund0Uf1bfSj9Rfq79bv0R83MDQINpAZbDE4Y/DMkGPoa5hpuNHwhOGoEctoupHEaKPRSaMnuCbuh2fjNXgXPmasbxxirDTeZdxrPGFiaTLbpMSkxeS+Kc2Ua5pmutG003TMzMgs3KzYrMnsjjnVnGueYb7ZvNv8jYWlRZzFSos2i8eW2pZ8ywWWTZb3rJhWPlZ5VvVW16xJ1lzrLOtt1ldsUBtXmwybOpvLtqitm63Edptt3xTiFI8p0in1U27aMez87ArsmuwG7Tn2YfYl9m32zx3MHBId1jt0O3xydHXMdmxwvOuk4TTDqcSpw+lXZxtnoXOd8zUXpkuQyxKXdpcXU22niqdun3rLleUa7rrStdP1o5u7m9yt2W3U3cw9xX2r+00umxvJXcM970H08PdY4nHM452nm6fC85DnL152Xlle+70eT7OcJp7WMG3I28Rb4L3Le2A6Pj1l+s7pAz7GPgKfep+Hvqa+It89viN+1n6Zfgf8nvs7+sv9j/i/4XnyFvFOBWABwQHlAb2BGoGzA2sDHwSZBKUHNQWNBbsGLww+FUIMCQ1ZH3KTb8AX8hv5YzPcZyya0RXKCJ0VWhv6MMwmTB7WEY6GzwjfEH5vpvlM6cy2CIjgR2yIuB9pGZkX+X0UKSoyqi7qUbRTdHF09yzWrORZ+2e9jvGPqYy5O9tqtnJ2Z6xqbFJsY+ybuIC4qriBeIf4RfGXEnQTJAntieTE2MQ9ieNzAudsmjOc5JpUlnRjruXcorkX5unOy553PFk1WZB8OIWYEpeyP+WDIEJQLxhP5aduTR0T8oSbhU9FvqKNolGxt7hKPJLmnVaV9jjdO31D+miGT0Z1xjMJT1IreZEZkrkj801WRNberM/ZcdktOZSclJyjUg1plrQr1zC3KLdPZisrkw3keeZtyhuTh8r35CP5c/PbFWyFTNGjtFKuUA4WTC+oK3hbGFt4uEi9SFrUM99m/ur5IwuCFny9kLBQuLCz2Lh4WfHgIr9FuxYji1MXdy4xXVK6ZHhp8NJ9y2jLspb9UOJYUlXyannc8o5Sg9KlpUMrglc0lamUycturvRauWMVYZVkVe9ql9VbVn8qF5VfrHCsqK74sEa45uJXTl/VfPV5bdra3kq3yu3rSOuk626s91m/r0q9akHV0IbwDa0b8Y3lG19tSt50oXpq9Y7NtM3KzQM1YTXtW8y2rNvyoTaj9nqdf13LVv2tq7e+2Sba1r/dd3vzDoMdFTve75TsvLUreFdrvUV99W7S7oLdjxpiG7q/5n7duEd3T8Wej3ulewf2Re/ranRvbNyvv7+yCW1SNo0eSDpw5ZuAb9qb7Zp3tXBaKg7CQeXBJ9+mfHvjUOihzsPcw83fmX+39QjrSHkr0jq/dawto22gPaG97+iMo50dXh1Hvrf/fu8x42N1xzWPV56gnSg98fnkgpPjp2Snnp1OPz3Umdx590z8mWtdUV29Z0PPnj8XdO5Mt1/3yfPe549d8Lxw9CL3Ytslt0utPa49R35w/eFIr1tv62X3y+1XPK509E3rO9Hv03/6asDVc9f41y5dn3m978bsG7duJt0cuCW69fh29u0XdwruTNxdeo94r/y+2v3qB/oP6n+0/rFlwG3g+GDAYM/DWQ/vDgmHnv6U/9OH4dJHzEfVI0YjjY+dHx8bDRq98mTOk+GnsqcTz8p+Vv9563Or59/94vtLz1j82PAL+YvPv655qfNy76uprzrHI8cfvM55PfGm/K3O233vuO+638e9H5ko/ED+UPPR+mPHp9BP9z7nfP78L/eE8/sl0p8zAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAHBbSURBVHja7J13mFxV+cc/M7OzLbvpjZBKQhISUgAhgAlVkADSRcDyky4iYAAhAmpQQtMIiqigYkV6FRHphgBBKSGBkB5IIb1sdrO72dmZ+f3xniGTzZR755a5s/t+nmefTGbuPec7Z8497ynveU9on5m3YJMuwNnAt4B9gA3A48CPgY0UyPxJUzN/MLMShxwDXAMcAmwGbgD+UlBKhzVn/+yqqwrVFwIuBL7tZnkyYwaK98yaNb/QW6uBk4DLgfHAduDfwI+ApYUmOnHiKC+0AowAfgh8EYgAvwF+AMTd1OlQ40nAtcB+QIMpzx8Cy70oT8U6YZvXn2x+tN8A44ByYE/gMmA18B9g7wB9v58AzwNfADoBA4A/m4c5
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
export {
|
|
|
|
|
gridHTML,
|
|
|
|
|
columeHeader_word,
|
|
|
|
|
columeHeader_word_index,
|
|
|
|
|
flow,
|
|
|
|
|
colsmenuHTML,
|
|
|
|
|
rightclickHTML,
|
|
|
|
|
pivottableconfigHTML,
|
|
|
|
|
pivottablesumHTML,
|
|
|
|
|
sheetHTML,
|
|
|
|
|
columnHeaderHTML,
|
|
|
|
|
sheetselectlistHTML,
|
|
|
|
|
sheetselectlistitemHTML,
|
|
|
|
|
inputHTML,
|
|
|
|
|
modelHTML,
|
|
|
|
|
maskHTML,
|
|
|
|
|
filtermenuHTML,
|
|
|
|
|
filtersubmenuHTML,
|
|
|
|
|
sheetconfigHTML,
|
|
|
|
|
luckysheetPivotTableHTML,
|
|
|
|
|
luckysheetAlternateformatHtml,
|
|
|
|
|
luckysheetchartpointconfigHTML,
|
|
|
|
|
luckysheetToolHTML,
|
|
|
|
|
menuToolBar,
|
|
|
|
|
luckysheetlodingHTML,
|
|
|
|
|
luckyColor,
|
|
|
|
|
keycode,
|
|
|
|
|
luckysheetdefaultstyle,
|
|
|
|
|
luckysheet_CFiconsImg,
|
|
|
|
|
luckysheetdefaultFont
|
|
|
|
|
}
|
