import locale from '../locale/locale' ;
import Store from '../store' ;
import luckysheetConfigsetting from './luckysheetConfigsetting' ;
import { getObjType } from '../utils/util' ;
import { createToolbarHtml } from './toolbar' ;
//dom variable
const gridHTML = function ( ) {
const _ locale = locale ( ) ;
const locale_info = _ locale . info ;
const locale_print = _ locale . print ;
const userInfo = luckysheetConfigsetting . userInfo === true ? '<i style="font-size:16px;color:#ff6a00;" class="fa fa-taxi" aria-hidden="true"></i> Lucky' : luckysheetConfigsetting . userInfo ; // When true, use the default HTML string. The rendering of userInfo below uses nested template strings. Otherwise, when display is used and the image path is not passed in, there will be an undefined request
return ` <div class="luckysheet">
< canvas id = "luckysheetTableContentF" style = "display:none;" class = "luckysheetTableContent" > < / c a n v a s >
< div class = "luckysheet-work-area luckysheet-noselected-text" >
< div id = "luckysheet_info_detail" class = "luckysheet_info_detail" >
< div data - tips = "${locale_info.return}" id = "luckysheet_info_detail_title" class = "luckysheet_info_detail_back" >
< i style = "color:#444D5A;" class = "fa fa-angle-left fa-2x" aria - hidden = "true" > < / i >
< / d i v >
< div class = "luckysheet-share-logo" title = "\${logotitle}" > < / d i v >
< div class = "sheet-name" >
< 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}" >
< / d i v >
< div id = "luckysheet_info_detail_update" class = "luckysheet_info_detail_update" > $ { locale_info . detailUpdate } < / d i v >
< div id = "luckysheet_info_detail_save" class = "luckysheet_info_detail_save" > $ { locale_info . wait } < / d i v >
\ $ { functionButton }
$ { getObjType ( userInfo ) === 'string' ? ` <div class="luckysheet_info_detail_user">
< span id = "luckysheet_info_detail_user" > $ { userInfo } < / s p a n > < / d i v > ` : ' ' }
$ { getObjType ( userInfo ) === 'object' ? ` <div class="luckysheet_info_detail_user">
< img src = "${userInfo.userImage}" id = "luckysheet_info_detail_user_img" >
< span id = "luckysheet_info_detail_user" > $ { userInfo . userName } < / s p a n >
< / d i v > ` : ' ' }
< / d i v >
< div id = "luckysheet-wa-editor" class = "luckysheet-wa-editor toolbar" > \ $ { menu } < / d i v >
< div id = "luckysheet-wa-calculate" class = "luckysheet-wa-calculate" >
< div class = "luckysheet-wa-calculate-size" id = "luckysheet-wa-calculate-size" > < / d i v >
< 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" > < / d i v >
< / d i v >
< / d i v >
< div class = "luckysheet-wa-calculate-help-tool" >
< i class = "fa fa-caret-down" aria - hidden = "true" > < / i >
< / d i v >
< / d i v >
< div id = "luckysheet-wa-functionbox-cancel" class = "luckysheet-wa-functionbox" >
< span > < i class = "iconfont luckysheet-iconfont-qingchu" aria - hidden = "true" > < / i > < / s p a n >
< / d i v >
< div id = "luckysheet-wa-functionbox-confirm" class = "luckysheet-wa-functionbox" >
< span > < i class = "iconfont luckysheet-iconfont-yunhang" aria - hidden = "true" > < / i > < / s p a n >
< / d i v >
< div id = "luckysheet-wa-functionbox-fx" class = "luckysheet-wa-functionbox" >
< span > < i class = "iconfont luckysheet-iconfont-hanshu" aria - hidden = "true" style = "color:#333" > < / i > < / s p a n >
< / d i v >
< 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" > < / d i v >
< / d i v >
< / d i v >
< / d i v >
< / d i v >
< / d i v >
< div class = "luckysheet-grid-container luckysheet-scrollbars-enabled" >
< div class = "luckysheet-grid-window" >
< div class = "luckysheet-help-sub" > < / d i v >
< div class = "luckysheet-grid-window-1" id = "luckysheet-grid-window-1" >
< canvas id = "luckysheetTableContent" class = "luckysheetTableContent" > < / c a n v a s >
< 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" > < / d i v >
< / t d >
< 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" > < / d i v >
< 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 > < / d i v >
< div class = "luckysheet-cols-h-hover" id = "luckysheet-cols-h-hover" > < / d i v >
< div id = "luckysheet-cols-h-selected" > < / d i v >
< div class = "luckysheet-grdusedrange" > < / d i v >
< div class = "luckysheet-grdblkflowpush" > < / d i v > \ $ { c o l u m n H e a d e r }
< / d i v >
< / t d >
< / t r >
< 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" > < / d i v >
< div class = "luckysheet-rows-h-hover" id = "luckysheet-rows-h-hover" > < / d i v >
< div id = "luckysheet-rows-h-selected" > < / d i v >
< div class = "luckysheet-grdusedrange" > < / d i v >
< div class = "luckysheet-grdblkflowpush" > < / d i v > \ $ { r o w H e a d e r }
< / d i v >
< / t d >
< 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 > < / s p a n >
< / d i v >
< / d i v >
< div class = "luckysheet-cell-freezen" > < / d i v >
< div class = "luckysheet-scrollbars luckysheet-scrollbar-ltr luckysheet-scrollbar-x" id = "luckysheet-scrollbar-x" > < div > < / d i v > < / d i v >
< div class = "luckysheet-scrollbars luckysheet-scrollbar-ltr luckysheet-scrollbar-y" id = "luckysheet-scrollbar-y" > < div > < / d i v > < / d i v >
< div class = "luckysheet-cell-main " id = "luckysheet-cell-main" >
< div id = "luckysheet-formula-functionrange" > < / d i v >
< div id = "luckysheet-formula-functionrange-select" class = "luckysheet-selection-copy luckysheet-formula-functionrange-select" >
< div class = "luckysheet-selection-copy-top luckysheet-copy" > < / d i v >
< div class = "luckysheet-selection-copy-right luckysheet-copy" > < / d i v >
< div class = "luckysheet-selection-copy-bottom luckysheet-copy" > < / d i v >
< div class = "luckysheet-selection-copy-left luckysheet-copy" > < / d i v >
< div class = "luckysheet-selection-copy-hc" > < / d i v >
< / d i v >
< div class = "luckysheet-row-count-show luckysheet-count-show" id = "luckysheet-row-count-show" > < / d i v >
< div class = "luckysheet-column-count-show luckysheet-count-show" id = "luckysheet-column-count-show" > < / d i v >
< div class = "luckysheet-change-size-line" id = "luckysheet-change-size-line" > < / d i v >
< div class = "luckysheet-cell-selected-focus" id = "luckysheet-cell-selected-focus" > < / d i v >
< div id = "luckysheet-selection-copy" > < / d i v >
< div id = "luckysheet-chart-rangeShow" > < / d i v >
< div class = "luckysheet-cell-selected-extend" id = "luckysheet-cell-selected-extend" > < / d i v >
< div class = "luckysheet-cell-selected-move" id = "luckysheet-cell-selected-move" > < / d i v >
< div id = "luckysheet-cell-selected-boxs" >
< div id = "luckysheet-cell-selected" class = "luckysheet-cell-selected" >
< div class = "luckysheet-cs-inner-border" > < / d i v >
< div class = "luckysheet-cs-fillhandle" > < / d i v >
< div class = "luckysheet-cs-inner-border" > < / d i v >
< div class = "luckysheet-cs-draghandle-top luckysheet-cs-draghandle" > < / d i v >
< div class = "luckysheet-cs-draghandle-bottom luckysheet-cs-draghandle" > < / d i v >
< div class = "luckysheet-cs-draghandle-left luckysheet-cs-draghandle" > < / d i v >
< div class = "luckysheet-cs-draghandle-right luckysheet-cs-draghandle" > < / d i v >
< div class = "luckysheet-cs-touchhandle luckysheet-cs-touchhandle-lt" > < div class = "luckysheet-cs-touchhandle-btn" > < / d i v > < / d i v >
< div class = "luckysheet-cs-touchhandle luckysheet-cs-touchhandle-rb" > < div class = "luckysheet-cs-touchhandle-btn" > < / d i v > < / d i v >
< / d i v >
< / d i v >
< div id = "luckysheet-postil-showBoxs" > < / d i v >
< div id = "luckysheet-multipleRange-show" > < / d i v >
< div id = "luckysheet-dynamicArray-hightShow" > < / d i v >
< div id = "luckysheet-image-showBoxs" >
< div id = "luckysheet-modal-dialog-activeImage" class = "luckysheet-modal-dialog" style = "display:none;padding:0;position:absolute;z-index:300;" >
< div class = "luckysheet-modal-dialog-border" style = "position:absolute;" > < / d i v >
< div class = "luckysheet-modal-dialog-content" > < / d i v >
< div class = "luckysheet-modal-dialog-resize" >
< div class = "luckysheet-modal-dialog-resize-item luckysheet-modal-dialog-resize-item-lt" data - type = "lt" > < / d i v >
< div class = "luckysheet-modal-dialog-resize-item luckysheet-modal-dialog-resize-item-mt" data - type = "mt" > < / d i v >
< div class = "luckysheet-modal-dialog-resize-item luckysheet-modal-dialog-resize-item-lm" data - type = "lm" > < / d i v >
< div class = "luckysheet-modal-dialog-resize-item luckysheet-modal-dialog-resize-item-rm" data - type = "rm" > < / d i v >
< div class = "luckysheet-modal-dialog-resize-item luckysheet-modal-dialog-resize-item-rt" data - type = "rt" > < / d i v >
< div class = "luckysheet-modal-dialog-resize-item luckysheet-modal-dialog-resize-item-lb" data - type = "lb" > < / d i v >
< div class = "luckysheet-modal-dialog-resize-item luckysheet-modal-dialog-resize-item-mb" data - type = "mb" > < / d i v >
< div class = "luckysheet-modal-dialog-resize-item luckysheet-modal-dialog-resize-item-rb" data - type = "rb" > < / d i v >
< / d i v >
< div class = "luckysheet-modal-dialog-controll" >
< span class = "luckysheet-modal-controll-btn luckysheet-modal-controll-crop" role = "button" tabindex = "0" aria - label = "裁剪" title = "裁剪" >
< i class = "fa fa-pencil" aria - hidden = "true" > < / i >
< / s p a n >
< span class = "luckysheet-modal-controll-btn luckysheet-modal-controll-restore" role = "button" tabindex = "0" aria - label = "恢复原图" title = "恢复原图" >
< i class = "fa fa-window-maximize" aria - hidden = "true" > < / i >
< / s p a n >
< span class = "luckysheet-modal-controll-btn luckysheet-modal-controll-del" role = "button" tabindex = "0" aria - label = "删除" title = "删除" >
< i class = "fa fa-trash" aria - hidden = "true" > < / i >
< / s p a n >
< / d i v >
< / d i v >
< div id = "luckysheet-modal-dialog-cropping" class = "luckysheet-modal-dialog" style = "display:none;padding:0;position:absolute;z-index:300;" >
< div class = "cropping-mask" > < / d i v >
< div class = "cropping-content" > < / d i v >
< div class = "luckysheet-modal-dialog-border" style = "position:absolute;" > < / d i v >
< div class = "luckysheet-modal-dialog-resize" >
< div class = "resize-item lt" data - type = "lt" > < / d i v >
< div class = "resize-item mt" data - type = "mt" > < / d i v >
< div class = "resize-item lm" data - type = "lm" > < / d i v >
< div class = "resize-item rm" data - type = "rm" > < / d i v >
< div class = "resize-item rt" data - type = "rt" > < / d i v >
< div class = "resize-item lb" data - type = "lb" > < / d i v >
< div class = "resize-item mb" data - type = "mb" > < / d i v >
< div class = "resize-item rb" data - type = "rb" > < / d i v >
< / d i v >
< div class = "luckysheet-modal-dialog-controll" >
< span class = "luckysheet-modal-controll-btn luckysheet-modal-controll-crop" role = "button" tabindex = "0" aria - label = "裁剪" title = "裁剪" >
< i class = "fa fa-pencil" aria - hidden = "true" > < / i >
< / s p a n >
< span class = "luckysheet-modal-controll-btn luckysheet-modal-controll-restore" role = "button" tabindex = "0" aria - label = "恢复原图" title = "恢复原图" >
< i class = "fa fa-window-maximize" aria - hidden = "true" > < / i >
< / s p a n >
< span class = "luckysheet-modal-controll-btn luckysheet-modal-controll-del" role = "button" tabindex = "0" aria - label = "删除" title = "删除" >
< i class = "fa fa-trash" aria - hidden = "true" > < / i >
< / s p a n >
< / d i v >
< / d i v >
< div class = "img-list" > < / d i v >
< div class = "cell-date-picker" >
< input id = "cellDatePickerBtn" class = "formulaInputFocus" readonly = "readonly" / >
< / d i v >
< / d i v >
< div id = "luckysheet-dataVerification-dropdown-btn" > < / d i v >
< div id = "luckysheet-dataVerification-dropdown-List" class = "luckysheet-mousedown-cancel" > < / d i v >
< div id = "luckysheet-dataVerification-showHintBox" class = "luckysheet-mousedown-cancel" > < / d i v >
< div class = "luckysheet-cell-copy" > < / d i v >
< div class = "luckysheet-grdblkflowpush" > < / d i v > \ $ { f l o w }
< / d i v >
< / t d >
< / t r >
< / t b o d y >
< / t a b l e >
< / d i v >
< div class = "luckysheet-sheet-area luckysheet-noselected-text" id = "luckysheet-sheet-area" >
< div id = "luckysheet-sheet-content" >
< div id = "luckysheet-sheets-add" class = "luckysheet-sheets-add lucky-button-custom" > < i class = "iconfont luckysheet-iconfont-jia1" > < / i > < / d i v >
< div id = "luckysheet-sheets-m" class = "luckysheet-sheets-m lucky-button-custom" > < i class = "iconfont luckysheet-iconfont-caidan2" > < / i > < / d i v >
< 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" > < / d i v >
< div class = "docs-sheet-fade2" > < / d i v >
< div class = "docs-sheet-fade1" > < / d i v >
< / d i v >
< div class = "docs-sheet-fade docs-sheet-fade-right" style = "display: none;" >
< div class = "docs-sheet-fade1" > < / d i v >
< div class = "docs-sheet-fade2" > < / d i v >
< div class = "docs-sheet-fade3" > < / d i v >
< / d i v >
< div class = "luckysheet-sheet-container-c" id = "luckysheet-sheet-container-c" > < / d i v >
< / d i v >
< div id = "luckysheet-sheets-leftscroll" class = "luckysheet-sheets-scroll lucky-button-custom" > < i class = "fa fa-caret-left" > < / i > < / d i v >
< div id = "luckysheet-sheets-rightscroll" class = "luckysheet-sheets-scroll lucky-button-custom" > < i class = "fa fa-caret-right" > < / i > < / d i v >
< / d i v >
< / d i v >
< / d i v >
< div class = "luckysheet-stat-area" >
< div class = "luckysheet-sta-c" >
< div class = "luckysheet-zoom-content" id = "luckysheet-zoom-content" >
< div class = "luckysheet-zoom-minus" id = "luckysheet-zoom-minus" >
< div class = "luckysheet-zoom-minus-icon" > < / d i v >
< / d i v >
< div class = "luckysheet-zoom-slider" id = "luckysheet-zoom-slider" >
< div class = "luckysheet-zoom-line" > < / d i v >
< div class = "luckysheet-zoom-cursor" id = "luckysheet-zoom-cursor" > < / d i v >
< div class = "luckysheet-zoom-hundred" > < / d i v >
< / d i v >
< div class = "luckysheet-zoom-plus" id = "luckysheet-zoom-plus" >
< div class = "luckysheet-zoom-plus-icon" > < / d i v >
< / d i v >
< div class = "luckysheet-zoom-ratioText" id = "luckysheet-zoom-ratioText" > 100 % < / d i v >
< / d i v >
< div class = "luckysheet-print-viewList" >
< div type = "viewNormal" class = "luckysheet-print-viewBtn luckysheet-print-viewNormal luckysheet-print-viewBtn-active" title = "${locale_print.normalBtn}" > < i class = "icon iconfont luckysheet-iconfont-putong" > < / i > < / d i v >
< div type = "viewLayout" class = "luckysheet-print-viewBtn luckysheet-print-viewLayout" title = "${locale_print.layoutBtn}" > < i class = "icon iconfont luckysheet-iconfont-yemianbuju" > < / i > < / d i v >
< div type = "viewPage" class = "luckysheet-print-viewBtn luckysheet-print-viewPage" title = "${locale_print.pageBtn}" > < i class = "icon iconfont luckysheet-iconfont-fenyeyulan" > < / i > < / d i v >
< / d i v >
< div class = "luckysheet-sta-content" id = "luckysheet-sta-content" > < / d i v >
<!-- < div class = "luckysheet-bottom-content" id = "luckysheet-bottom-content-show" > < / d i v > - - >
< / d i v >
< / d i v >
< / d i v >
< div id = "luckysheet-copy-content" contenteditable = "true" > < / d i v >
< 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;" > < / d i v >
< / d i v > ` ;
}
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 _ locale = locale ( ) ;
const rightclick = _ locale . rightclick ;
const toolbar = _ locale . toolbar ;
const config = customCellRightClickConfig ( ) ;
// 当一个功能菜单块内所有的按钮都隐藏的时候，它顶部的分割线也需要隐藏掉
let handleincellMenuseparator = true ;
if ( ! config . insertRow && ! config . insertColumn && ! config . deleteRow && ! config . deleteColumn && ! config . deleteCell ) {
handleincellMenuseparator = false ;
}
let dataMenuseparator = true ;
if ( ! config . clear && ! config . matrix && ! config . sort && ! config . filter && ! config . chart && ! config . image && ! config . link && ! config . data && ! config . cellFormat ) {
dataMenuseparator = false ;
}
const customsButtons = ( config . customs || [ { title : 'test' } ] ) . map ( ( item , index ) => `
< div data - index = "${index}" class = "luckysheetColsRowsHandleAdd_custom luckysheet-cols-menuitem luckysheet-mousedown-cancel" >
< div class = "luckysheet-cols-menuitem-content luckysheet-mousedown-cancel" >
$ { item . title }
< / d i v >
< / d i v > `
) . join ( "" ) ;
const rightclickContainer = ` <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" style = "display:${config.copy ? 'block' : 'none'};" >
< div class = "luckysheet-cols-menuitem-content luckysheet-mousedown-cancel" > $ { rightclick . copy } < / d i v >
< / d i v >
< div id = "luckysheetcopyfor" class = "luckysheet-cols-menuitem luckysheet-cols-submenu luckysheet-mousedown-cancel" style = "display:${config.copyAs ? 'block' : 'none'};" >
< div class = "luckysheet-cols-menuitem-content luckysheet-mousedown-cancel" >
$ { rightclick . copyAs } < span class = "luckysheet-submenu-arrow iconfont luckysheet-iconfont-youjiantou" style = "user-select: none;" > < / s p a n >
< / d i v >
< / d i v >
< div id = "luckysheet-copy-paste" class = "luckysheet-cols-menuitem luckysheet-mousedown-cancel" style = "display:${config.paste ? 'block' : 'none'};" >
< div class = "luckysheet-cols-menuitem-content luckysheet-mousedown-cancel" > $ { rightclick . paste } < / d i v >
< / d i v >
< div id = "luckysheet-cols-rows-handleincell" >
< div class = "luckysheet-menuseparator luckysheet-mousedown-cancel" role = "separator" style = "display:${handleincellMenuseparator ? 'block' : 'none'};" > < / d i v >
< div id = "luckysheetColsRowsHandleAdd_row" class = "luckysheet-cols-menuitem luckysheet-mousedown-cancel" style = "display:${config.insertRow ? 'block' : 'none'};" >
< div class = "luckysheet-cols-menuitem-content luckysheet-mousedown-cancel" >
$ { rightclick . insert } $ { rightclick . row } < span class = "luckysheet-submenu-arrow" style = "user-select: none;" > < / s p a n >
< / d i v >
< / d i v >
< div id = "luckysheetColsRowsHandleAdd_column" class = "luckysheet-cols-menuitem luckysheet-mousedown-cancel" style = "display:${config.insertColumn ? 'block' : 'none'};" >
< div class = "luckysheet-cols-menuitem-content luckysheet-mousedown-cancel" >
$ { rightclick . insert } $ { rightclick . column } < span class = "luckysheet-submenu-arrow" style = "user-select: none;" > < / s p a n >
< / d i v >
< / d i v >
< div id = "luckysheet-delRows" class = "luckysheet-cols-menuitem luckysheet-cols-submenu luckysheet-mousedown-cancel" style = "display:${config.deleteRow ? 'block' : 'none'};" >
< div class = "luckysheet-cols-menuitem-content luckysheet-mousedown-cancel" >
$ { rightclick . deleteSelected } $ { rightclick . row } < span class = "luckysheet-submenu-arrow" style = "user-select: none;" > < / s p a n >
< / d i v >
< / d i v >
< div id = "luckysheet-delCols" class = "luckysheet-cols-menuitem luckysheet-cols-submenu luckysheet-mousedown-cancel" style = "display:${config.deleteColumn ? 'block' : 'none'};" >
< div class = "luckysheet-cols-menuitem-content luckysheet-mousedown-cancel" >
$ { rightclick . deleteSelected } $ { rightclick . column } < span class = "luckysheet-submenu-arrow" style = "user-select: none;" > < / s p a n >
< / d i v >
< / d i v >
<!-- cell right click remove hide button
< 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 iconfont luckysheet-iconfont-youjiantou" style = "user-select: none;" > < / s p a n >
< / d i v >
< / d i v >
-- >
< div id = "luckysheetCellsHandleDel" class = "luckysheet-cols-menuitem luckysheet-cols-submenu luckysheet-mousedown-cancel" style = "display:${config.deleteCell ? 'block' : 'none'};" >
< div class = "luckysheet-cols-menuitem-content luckysheet-mousedown-cancel" >
$ { rightclick . deleteCell } < span class = "luckysheet-submenu-arrow iconfont luckysheet-iconfont-youjiantou" style = "user-select: none;" > < / s p a n >
< / d i v >
< / d i v >
< / d i v >
< div id = "luckysheet-cols-rows-add" >
< div class = "luckysheet-menuseparator luckysheet-mousedown-cancel" role = "separator" > < / d i v >
< div id = "luckysheet-top-left-add-selected" 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 } < / s p a n >
$ { rightclick . add }
< input type = "text" class = "luckysheet-mousedown-cancel" placeholder = "${rightclick.number}" value = "1" style = "width:40px;height:20px;box-sizing:border-box;text-align:center;margin-left:5px;" / >
< span class = "luckysheet-cols-rows-shift-word luckysheet-mousedown-cancel" > $ { rightclick . column } < / s p a n >
< / d i v >
< / d i v >
< div id = "luckysheet-bottom-right-add-selected" 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 } < / s p a n >
$ { rightclick . add }
< input type = "text" class = "luckysheet-mousedown-cancel" placeholder = "${rightclick.number}" value = "1" style = "width:40px;height:20px;box-sizing:border-box;text-align: center;margin-left:5px;" / >
< span class = "luckysheet-cols-rows-shift-word luckysheet-mousedown-cancel" > $ { rightclick . column } < / s p a n >
< / d i v >
< / d i v >
< 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 } < / s p a n >
< / d i v >
< / d i v >
< div id = "luckysheet-hide-selected" class = "luckysheet-cols-menuitem luckysheet-mousedown-cancel" >
< div class = "luckysheet-cols-menuitem-content luckysheet-mousedown-cancel" >
$ { rightclick . hideSelected }
< span class = "luckysheet-cols-rows-shift-word luckysheet-mousedown-cancel" > $ { rightclick . column } < / s p a n >
< / d i v >
< / d i v >
< div id = "luckysheet-show-selected" class = "luckysheet-cols-menuitem luckysheet-mousedown-cancel" >
< div class = "luckysheet-cols-menuitem-content luckysheet-mousedown-cancel" >
$ { rightclick . showHide }
< span class = "luckysheet-cols-rows-shift-word luckysheet-mousedown-cancel" > $ { rightclick . column } < / s p a n >
< / d i v >
< / d i v >
< div id = "luckysheet-column-row-width-selected" 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 } < / s p a n >
< span class = "luckysheet-cols-rows-shift-size luckysheet-mousedown-cancel" > $ { rightclick . width } < / s p a n >
< input type = "number" class = "luckysheet-mousedown-cancel rcsize" min = "0" max = "255" placeholder = "${rightclick.number}" value = "" style = "width:50px;height:20px;box-sizing:border-box;text-align: center;margin-left:5px;" >
px
< / d i v >
< / d i v >
< / d i v >
< div id = "luckysheet-cols-rows-shift" >
< div class = "luckysheet-menuseparator luckysheet-mousedown-cancel" role = "separator" style = "display:${config.sort ? 'block' : 'none'};" > < / d i v >
< div id = "luckysheetorderbyasc" class = "luckysheet-cols-menuitem luckysheet-mousedown-cancel" style = "display:${config.sort ? 'block' : 'none'};" >
< div class = "luckysheet-cols-menuitem-content luckysheet-mousedown-cancel" > $ { rightclick . orderAZ } < / d i v >
< / d i v >
< div id = "luckysheetorderbydesc" class = "luckysheet-cols-menuitem luckysheet-mousedown-cancel" style = "display:${config.sort ? 'block' : 'none'};" >
< div class = "luckysheet-cols-menuitem-content luckysheet-mousedown-cancel" > $ { rightclick . orderZA } < / d i v >
< / d i v >
< / d i v >
< div id = "luckysheet-cols-rows-data" >
< div class = "luckysheet-menuseparator luckysheet-mousedown-cancel" role = "separator" style = "display:${dataMenuseparator ? 'block' : 'none'};" > < / d i v >
< div id = "luckysheet-delete-text" class = "luckysheet-cols-menuitem luckysheet-mousedown-cancel" style = "display:${config.clear ? 'block' : 'none'};" >
< div class = "luckysheet-cols-menuitem-content luckysheet-mousedown-cancel" > $ { rightclick . clearContent } < / d i v >
< / d i v >
< div id = "luckysheetmatrix" class = "luckysheet-cols-menuitem luckysheet-cols-submenu luckysheet-mousedown-cancel" style = "display:${config.matrix ? 'block' : 'none'};" >
< div class = "luckysheet-cols-menuitem-content luckysheet-mousedown-cancel" >
$ { rightclick . matrix } < span class = "luckysheet-submenu-arrow iconfont luckysheet-iconfont-youjiantou" style = "user-select: none;" > < / s p a n >
< / d i v >
< / d i v >
< div id = "luckysheetorderby" class = "luckysheet-cols-menuitem luckysheet-mousedown-cancel" style = "display:${config.sort ? 'block' : 'none'};" >
< div class = "luckysheet-cols-menuitem-content luckysheet-mousedown-cancel" > $ { rightclick . sortSelection } < / d i v >
< / d i v >
< div id = "luckysheetfilter" class = "luckysheet-cols-menuitem luckysheet-mousedown-cancel" style = "display:${config.filter ? 'block' : 'none'};" >
< div class = "luckysheet-cols-menuitem-content luckysheet-mousedown-cancel" > $ { rightclick . filterSelection } < / d i v >
< / d i v >
< div id = "luckysheetdatavisual" class = "luckysheet-cols-menuitem luckysheet-mousedown-cancel" style = "display:${config.chart ? 'block' : 'none'};" >
< div class = "luckysheet-cols-menuitem-content luckysheet-mousedown-cancel" > $ { rightclick . chartGeneration } < / d i v >
< / d i v >
< div id = "luckysheetInsertImage" class = "luckysheet-cols-menuitem luckysheet-mousedown-cancel" style = "display:${config.image ? 'block' : 'none'};" >
< div class = "luckysheet-cols-menuitem-content luckysheet-mousedown-cancel" > $ { toolbar . insertImage } < / d i v >
< / d i v >
< div id = "luckysheetInsertLink" class = "luckysheet-cols-menuitem luckysheet-mousedown-cancel" style = "display:${config.link ? 'block' : 'none'};" >
< div class = "luckysheet-cols-menuitem-content luckysheet-mousedown-cancel" > $ { toolbar . insertLink } < / d i v >
< / d i v >
< div id = "luckysheetDataVerification" class = "luckysheet-cols-menuitem luckysheet-mousedown-cancel" style = "display:${config.data ? 'block' : 'none'};" >
< div class = "luckysheet-cols-menuitem-content luckysheet-mousedown-cancel" > $ { toolbar . dataVerification } < / d i v >
< / d i v >
< div id = "luckysheetCellFormatRightClickMenu" class = "luckysheet-cols-menuitem luckysheet-mousedown-cancel" style = "display:${config.cellFormat ? 'block' : 'none'};" >
< div class = "luckysheet-cols-menuitem-content luckysheet-mousedown-cancel" > $ { toolbar . cellFormat } < / d i v >
< / d i v >
$ { customsButtons }
< / d i v >
< / d i v >
< div id = "luckysheetcopyfor_sub" class = "luckysheet-cols-menu luckysheet-rightgclick-menu luckysheet-rightgclick-menu-sub luckysheet-mousedown-cancel" >
< div id = "luckysheet-copy-json-head" 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" > Json $ { rightclick . firstLineTitle } < / d i v >
< / d i v >
< div id = "luckysheet-copy-json-nohead" 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" > Json $ { rightclick . untitled } < / d i v >
< / d i v >
< 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 } < / d i v >
< / d i v >
< 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 } < / d i v >
< / d i v >
< div id = "luckysheet-copy-arraymore-confirm" data - clipboard - action = "copy" data - clipboard - target = "#luckysheet-copy-content" class = "luckysheet-cols-menuitem luckysheet-mousedown-cancel" >
< div class = "luckysheet-cols-menuitem-content luckysheet-mousedown-cancel" >
< span class = "luckysheet-mousedown-cancel" > $ { rightclick . array3 } < / s p a n >
< input type = "number" id = "luckysheet-copy-arraymore-row" min = "1" class = "luckysheet-mousedown-cancel" placeholder = "${rightclick.row}" style = "width:40px;height:20px;box-sizing:border-box;text-align: center;" / >
×
< input type = "number" id = "luckysheet-copy-arraymore-col" min = "1" class = "luckysheet-mousedown-cancel" placeholder = "${rightclick.column}" style = "width:40px;height:20px;box-sizing:border-box;text-align: center;" / >
< / d i v >
< / d i v >
< div class = "luckysheet-menuseparator luckysheet-mousedown-cancel" role = "separator" > < / d i v >
< 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 } < / d i v >
< / d i v >
< 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 } < / d i v >
< / d i v >
< div id = "luckysheet-copy-diagonaloffset" 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:20px;box-sizing:border-box;text-align: center;margin-left:5px;" / >
$ { rightclick . column }
< / d i v >
< / d i v >
< 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 } < / d i v >
< / d i v >
< / d i v >
<!-- Revision : modeled on google sheet
< 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:20px;box-sizing:border-box;text-align: center;margin-left:5px;" / >
< span class = "luckysheet-mousedown-cancel" > $ { rightclick . row } < / s p a n >
< / d i v >
< / d i v >
< 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:20px;box-sizing:border-box;text-align: center;margin-left:5px;" / >
< span class = "luckysheet-mousedown-cancel" > $ { rightclick . row } < / s p a n >
< / d i v >
< / d i v >
< 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:20px;box-sizing:border-box;text-align: center;margin-left:5px;" / >
< span class = "luckysheet-mousedown-cancel" > $ { rightclick . column } < / s p a n >
< / d i v >
< / d i v >
< 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:20px;box-sizing:border-box;text-align: center;margin-left:5px;" / >
< span class = "luckysheet-mousedown-cancel" > $ { rightclick . column } < / s p a n >
< / d i v >
< / d i v >
< / d i v >
-- >
<!-- delete row or column
< 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 }
< / d i v >
< / d i v >
< div id = "luckysheet-delCols" class = "luckysheet-cols-menuitem luckysheet-mousedown-cancel" >
< div class = "luckysheet-cols-menuitem-content luckysheet-mousedown-cancel" >
$ { rightclick . deleteSelected } $ { rightclick . column }
< / d i v >
< / d i v >
< / d i v >
-- >
<!--
< 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 }
< / d i v >
< / d i v >
< div id = "luckysheet-showHidRows" class = "luckysheet-cols-menuitem luckysheet-mousedown-cancel" >
< div class = "luckysheet-cols-menuitem-content luckysheet-mousedown-cancel" >
$ { rightclick . showHide } $ { rightclick . row }
< / d i v >
< / d i v >
< div id = "luckysheet-hidCols" class = "luckysheet-cols-menuitem luckysheet-mousedown-cancel" >
< div class = "luckysheet-cols-menuitem-content luckysheet-mousedown-cancel" >
$ { rightclick . hideSelected } $ { rightclick . column }
< / d i v >
< / d i v >
< div id = "luckysheet-showHidCols" class = "luckysheet-cols-menuitem luckysheet-mousedown-cancel" >
< div class = "luckysheet-cols-menuitem-content luckysheet-mousedown-cancel" >
$ { rightclick . showHide } $ { rightclick . column }
< / d i v >
< / d i v >
< / d i v >
-- >
< div id = "luckysheetCellsHandleDel_sub" class = "luckysheet-cols-menu luckysheet-rightgclick-menu luckysheet-rightgclick-menu-sub luckysheet-mousedown-cancel" >
< div id = "luckysheet-delCellsMoveLeft" class = "luckysheet-cols-menuitem luckysheet-mousedown-cancel" >
< div class = "luckysheet-cols-menuitem-content luckysheet-mousedown-cancel" >
$ { rightclick . moveLeft }
< / d i v >
< / d i v >
< div id = "luckysheet-delCellsMoveUp" class = "luckysheet-cols-menuitem luckysheet-mousedown-cancel" >
< div class = "luckysheet-cols-menuitem-content luckysheet-mousedown-cancel" >
$ { rightclick . moveUp }
< / d i v >
< / d i v >
< / d i v >
< 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 } < / b u t t o n >
< 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 } < / b u t t o n >
< / d i v >
< / d i v >
< 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 } < / b u t t o n >
< 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 } < / b u t t o n >
< / d i v >
< / d i v >
< div class = "luckysheet-cols-menuitem luckysheet-mousedown-cancel" >
< div id = "luckysheet-matrix-turn-trans" class = "luckysheet-cols-menuitem-content luckysheet-mousedown-cancel" > $ { rightclick . transpose } < / d i v >
< / d i v >
< div class = "luckysheet-menuseparator luckysheet-mousedown-cancel" role = "separator" > < / d i v >
< div id = "luckysheet-matrix-cal-confirm" class = "luckysheet-cols-menuitem luckysheet-mousedown-cancel" >
< div class = "luckysheet-cols-menuitem-content luckysheet-mousedown-cancel" >
< div class = "luckysheet-mousedown-cancel" > $ { rightclick . matrixCalculation } < / d i v >
< div class = "luckysheet-mousedown-cancel" >
< select id = "luckysheet-matrix-cal-type" class = "luckysheet-mousedown-cancel" style = "height:20px;" >
< option value = "plus" > $ { rightclick . plus } < / o p t i o n >
< option value = "minus" > $ { rightclick . minus } < / o p t i o n >
< option value = "multiply" > $ { rightclick . multiply } < / o p t i o n >
< option value = "divided" > $ { rightclick . divided } < / o p t i o n >
< option value = "power" > $ { rightclick . power } < / o p t i o n >
< option value = "root" > $ { rightclick . root } < / o p t i o n >
< option value = "log" > $ { rightclick . log } < / o p t i o n >
< / s e l e c t >
< input type = "number" id = "luckysheet-matrix-cal-value" class = "luckysheet-mousedown-cancel" placeholder = "${rightclick.number}" value = "2" style = "width:40px;height:20px;box-sizing:border-box;text-align: center;margin-left:5px;" / >
< / d i v >
< / d i v >
< / d i v >
< 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 } < / b u t t o n >
< 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 } < / b u t t o n >
< / d i v >
< / d i v >
< 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 } < / b u t t o n >
< 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 } < / b u t t o n >
< / d i v >
< / d i v >
< / d i v > ` ;
return rightclickContainer ;
}
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 + ' < / s p a n > < s p a n c l a s s = " l u c k y s h e e t - s u b m e n u - a r r o w l u c k y s h e e t - m o u s e d o w n - c a n c e l " s t y l e = " u s e r - s e l e c t : n o n e ; " > < i c l a s s = " f a f a - c h e c k l u c k y s h e e t - m o u s e d o w n - c a n c e l " a r i a - h i d d e n = " t r u
}
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 ;
const config = customSheetRightClickConfig ( ) ;
/* 如果配置项全部为flase，则隐藏入口且不再菜单项 */
if ( Object . values ( config ) . every ( ele => ! ele ) ) {
$ ( '#luckysheet-sheet-container-c' ) . addClass ( "luckysheet-sheet-container-menu-hide" ) ;
return "" ;
}
let hideTopMenuseparator = true ;
let moveTopMenuseparator = true ;
// 1. 当一个功能菜单块上方的功能块按钮都隐藏的时候，下方的功能块的顶部分割线也需要隐藏
if ( ! config . delete && ! config . copy && ! config . rename && ! config . color ) {
hideTopMenuseparator = false ;
if ( ! config . hide ) {
moveTopMenuseparator = false ;
}
}
// 2. 当一个功能菜单块内所有的按钮都隐藏的时候，它顶部的分割线也需要隐藏掉
if ( ! config . hide ) {
hideTopMenuseparator = false ;
}
if ( ! config . move ) {
moveTopMenuseparator = false ;
}
const sheetconfigModel = ` <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" style = "display:${config.delete ? 'block' : 'none'};" >
< div class = "luckysheet-cols-menuitem-content luckysheet-mousedown-cancel" > $ { sheetconfig . delete } < / d i v >
< / d i v >
< div id = "luckysheetsheetconfigcopy" class = "luckysheet-cols-menuitem luckysheet-mousedown-cancel" style = "display:${config.copy ? 'block' : 'none'};" >
< div class = "luckysheet-cols-menuitem-content luckysheet-mousedown-cancel" > $ { sheetconfig . copy } < / d i v >
< / d i v >
< div id = "luckysheetsheetconfigrename" class = "luckysheet-cols-menuitem luckysheet-mousedown-cancel" style = "display:${config.rename ? 'block' : 'none'};" >
< div class = "luckysheet-cols-menuitem-content luckysheet-mousedown-cancel" > $ { sheetconfig . rename } < / d i v >
< / d i v >
< div id = "luckysheetsheetconfigcolor" class = "luckysheet-cols-menuitem luckysheet-cols-submenu luckysheet-mousedown-cancel" style = "display:${config.color ? 'block' : 'none'};" >
< div class = "luckysheet-cols-menuitem-content luckysheet-mousedown-cancel" >
$ { sheetconfig . changeColor } < span class = "luckysheet-submenu-arrow iconfont luckysheet-iconfont-youjiantou" style = "user-select: none;" > < / s p a n >
< / d i v >
< / d i v >
< div class = "luckysheet-menuseparator luckysheet-mousedown-cancel" role = "separator" style = "display:${hideTopMenuseparator ? 'block' : 'none'};" > < / d i v >
< div id = "luckysheetsheetconfighide" class = "luckysheet-cols-menuitem luckysheet-mousedown-cancel" style = "display:${config.hide ? 'block' : 'none'};" >
< div class = "luckysheet-cols-menuitem-content luckysheet-mousedown-cancel" > $ { sheetconfig . hide } < / d i v >
< / d i v >
< div id = "luckysheetsheetconfigshow" class = "luckysheet-cols-menuitem luckysheet-mousedown-cancel" style = "display:${config.hide ? 'block' : 'none'};" >
< div class = "luckysheet-cols-menuitem-content luckysheet-mousedown-cancel" > $ { sheetconfig . unhide } < / d i v >
< / d i v >
< div class = "luckysheet-menuseparator luckysheet-mousedown-cancel" role = "separator" style = "display:${moveTopMenuseparator ? 'block' : 'none'};" > < / d i v >
< div id = "luckysheetsheetconfigmoveleft" class = "luckysheet-cols-menuitem luckysheet-mousedown-cancel" style = "display:${config.move ? 'block' : 'none'};" >
< div class = "luckysheet-cols-menuitem-content luckysheet-mousedown-cancel" > $ { sheetconfig . moveLeft } < / d i v >
< / d i v >
< div id = "luckysheetsheetconfigmoveright" class = "luckysheet-cols-menuitem luckysheet-mousedown-cancel" style = "display:${config.move ? 'block' : 'none'};" >
< div class = "luckysheet-cols-menuitem-content luckysheet-mousedown-cancel" > $ { sheetconfig . moveRight } < / d i v >
< / d i v >
< / d i v >
< 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 } < / d i v >
< / d i v >
< div class = "luckysheet-mousedown-cancel" >
< div class = "luckysheet-mousedown-cancel" >
< input type = "text" id = "luckysheetsheetconfigcolorur" / >
< / d i v >
< / d i v >
< / d i v > ` ;
return sheetconfigModel ;
}
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>';
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 > < / s p a n > < / d i v >
< div class = "luckysheet-modal-dialog-slider-content" >
< div class = "luckysheet-modal-dialog-slider-range" >
< div id = "luckysheet-dialog-pivotTable-range" > < / d i v >
< div id = "luckysheet-dialog-pivotTable-range-seleted" > $ { locale_pivotTable . editRange } < / d i v >
< / d i v >
< div class = "luckysheet-modal-dialog-slider-list-title" > $ { locale_pivotTable . tipPivotFieldSelected } < span title = "${locale_pivotTable.tipClearSelectedField}" id = "luckysheet-dialog-pivotTable-clearitem" > $ { locale_pivotTable . btnClearSelectedField } < / s p a n > < / d i v >
< div id = "luckysheet-modal-dialog-pivotTable-list" class = "luckysheet-modal-dialog-slider-list luckysheet-scrollbars" > < / d i v >
< 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 > $ { l o c a l e _ p i v o t T a b l e . b t n F i l t e r } < / s p a n > < / d i v >
< div id = "luckysheet-modal-dialog-config-filter" class = "luckysheet-modal-dialog-slider-config-list luckysheet-scrollbars" > < / d i v >
< / d i v >
< div class = "luckysheet-modal-dialog-slider-config luckysheet-modal-dialog-config-row" >
< div > < span > < i class = "fa fa-list-alt" aria - hidden = "true" > < / i > $ { l o c a l e _ p i v o t T a b l e . t i t l e R o w } < / s p a n > < / d i v >
< div id = "luckysheet-modal-dialog-config-row" class = "luckysheet-modal-dialog-slider-config-list luckysheet-scrollbars" > < / d i v >
< / d i v >
< div class = "luckysheet-modal-dialog-slider-config luckysheet-modal-dialog-config-column" >
< div > < span > < i class = "fa fa-indent" aria - hidden = "true" > < / i > $ { l o c a l e _ p i v o t T a b l e . t i t l e C o l u m n } < / s p a n > < / d i v >
< div id = "luckysheet-modal-dialog-config-column" class = "luckysheet-modal-dialog-slider-config-list luckysheet-scrollbars" > < / d i v >
< / d i v >
< div class = "luckysheet-modal-dialog-slider-config luckysheet-modal-dialog-config-value" >
< div > < span > < i class = "fa fa-cube" aria - hidden = "true" > < / i > $ { l o c a l e _ p i v o t T a b l e . t i t l e V a l u e } < / s p a n > < s p a n s t y l e = " f l o a t : r i g h t ; m a r g i n - r i g h t : 1 0 p x ; d i s p l a y : n o n e ; " i d = " l u c k y s h e e t p i v o t t a b l e v a l u e c o l r o w s h o w " > < l a b e l s t y l e = " p a d d i n g : 0 p x 5 p x ; m a r g i n : 0 p x ; f o n t - s i z e : 1 2 p x ; h e i g h t : 1 5 p x ; l i n e - h e i g h t : 1 5 p x ; " t i t l e = " $ { l o c a l e _ p i v o t T a b l e . t i p S h o w C o l u m n } " f o r = " l u c k y s h e e t p i v o t t a b l e v a l u e c o l r o w " > $ { l o c a l e _ p i v o t T a b l e . t i t l e C o l u m n } < / l a b e l > < i n p u t t y p e = " r a d i o " c h e c k e d = " c h e c k e d " v a l u e = " 1 " n a m e = " l u c k y s h e e t p i v o t t a b l e v a l u e c o l r o w " i d = " l u c k y s h e e t p i v o t t a b l e v a l u e c o l r o w " / > < l a b e l s t y l e = " p a d d i n g : 0 p x 5 p x ; m a r g i n : 0 p x ; f o n t - s i z e : 1 2 p x ; h e i g h t : 1 5 p x ; l i n e - h e i g h t : 1 5 p x ; " t i t l e = " $ { l o c a l e _ p i v o t T a b l e . t i p S h o w R o w } " f o r = " l u c k y s h e e t p i v o t t a b l e v a l u e c o l r o w 1 " > $ { l o c a l e _ p i v o t T a b l e . t i t l e R o w } < / l a b e l > < i n p u t t y p e = " r a d i o " v a l u e = " 0 " n a m e = " l u c k y s h e e t p i v o t t a b l e v a l u e c o l r o w " i d = " l u c k y s h e e t p i v o t t a b l e v a l u e c o l r o w 1 " / > < / s p a n > < / d i v >
< div id = "luckysheet-modal-dialog-config-value" class = "luckysheet-modal-dialog-slider-config-list luckysheet-scrollbars" > < / d i v >
< / d i v >
< / d i v >
< / d i v >
< / d i v >
` ;
}
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 iconfont luckysheet-iconfont-youjiantou" 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-c
}
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-cancel" d
}
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;" > 选择维度 < / d i v > < d i v c l a s s = " l u c k y s h e e t - d a t a v i s u a l - c o n t e n t - c o l u m n l u c k y s h e e t - d a t a v i s u a l - c o n t e n t - c o l u m n - r i g h t l u c k y s h e e t - d a t a v i s u a l - c o n t e n t - c o l u m n - 2 x " s t y l e = " w i d t h : 8 0 % ; " > < s e l e c t d a t a - t i p s = " 维 度 选 择 " n a m e = " l u c k y s h e e t p o i n t c o n f i g s e a r c h d i m " i d = " l u c k y s h e e t p o i n t c o n f i g s e a r c h d i m " > < / s e l e c t > < / d i v > < / d i v > < d i v c l a s s = " l u c k y s h e e t - d a t a v i s u a l - c o n t e n t - r o w " s t y l e = " m a r g i n - b o t t o m : 0 p x ; m a r g i n - t o p : 3 p x ; h e i g h t : 3 0 p x ; " > < d i v c l a s s = " l u c k y s h e e t - d a t a v i s u a l - c o n t e n t - c o l u m n l u c k y s h e e t - d a t a v i s u a l - c o n t e n t - c o l u m n - t i t l e l u c k y s h e e t - d a t a v i s u a l - c o n t e n t - c o l u m n - 2 x " s t y l e = " w i d t h : 1 0 % ; " > 排 序 < / d i v > < d i v c l a s s = " l u c k y s h e e t - d a t a v i s u a l - c o n t e n t - c o l u m n l u c k y s h e e t - d a t a v i s u a l - c o n t e n t - c o l u m n - r i g h t l u c k y s h e e t - d a t a v i s u a l - c o n t e n t - c o l u m n - 2 x " s t y l e = " w i d t h : 8 0 % ; " > < l a b e l d a t a - t i p s = " 无 排 序 " f o r = " l u c k y s h e e t p o i n t c o n f i g s e a r c h o r d e r n o " > 无 排 序 < / l a b e l > < i n p u t t y p e = " r a d i o " c h e c k e d = " c h e c k e d " v a l u e = " 0 " n a m e = " l u c k y s h e e t p o i n t c o n f i g s e a r c h o r d e r " i d = " l u c k y s h e e t p o i n t c o n f i g s e a r c h o r d e r n o " > < l a b e l d a t a - t i p s = " 升 序 " f o r = " l u c k y s h e e t p o i n t c o n f i g s e a r c h o r d e r a s c " > 升 序 < / l a b e l > < i n p u t t y p e = " r a d i o " v a l u e = " 1 " n a m e = " l u c k y s h e e t p o i n t c o n f i g s e a r c h o r d e r " i d = " l u c k y s h e e t p o i n t c o n f i g s e a r c h o r d e r a s c " > < l a b e l d a t a - t i p s = " 降 序 " f o r = " l u c k y s h e e t p o i n t c o n f i g s e a r c h o r d e r d e s c " > 降 序 < / l a b e l > < i n p u t t y p e = " r a d i o " v a l u e = " 2 " n a m e = " l u c k y s h e e t p o i n t c o n f i g s e a r c h o r d e r " i d = " l u c k y s h e e t p o i n t c o n f i g s e a r c h o r d e r d e s c " > < / d i v > < / d i v > < d i v c l a s s = " l u c k y s h e e t - d a t a v i s u a l - c o n t e n t - r o w " s t y l e = " m a r g i n - b o t t o m : 0 p x ; m a r g i n - t o p : 5 p x ; h e i g h t : 3 0 p x ; " > < d i v c l a s s = " l u c k y s h e e t - d a t a v i s u a l - c o n t e n t - c o l u m n l u c k y s h e e t - d a t a v i s u a l - c o n t e n t - c o l u m n - r i g h t l u c k y s h e e t - d a t a v i s u a l - c o n t e n t - c o l u m n - 2 x " s t y l e = " w i d t h : 9 0 % ; t e x t - a l i g n : l e f t ; " > < s e l e c t d a t a - w i d t h = " 7 0 " d a t a - t i p s = " 按 照 什 么 方 式 查 询 " n a m e = " l u c k y s h e e t p o i n t c o n f i g s e a r c h t y p e " i d = " l u c k y s h e e t p o i n t c o n f i g s e a r c h t y p e " > < o p t i o n v a l u e = " 0 " s e l e c t e d = " s e l e c t e d " > 按 照 名 称 < / o p t i o n > < o p t i o n v a l u e = " 1 " > 按 排 序 前 % < / o p t i o n > < / s e l e c t > < i n p u t d a t a - t i p s = " 查 询 关 于 点 的 关 键 字 " i d = " l u c k y s h e e t p o i n t c o n f i g s e a r c h c o n t e n t " t y p e = " t e x t " c l a s s = " l u c k y s h e e t - d a t a v i s u a l - c o n f i g - i n p u t - n o " s t y l e = " w i d t h : 4 0 % ; " p l a c e h o l d e r = " 查 询 内 容 " / > < b u t t o n i d = " l u c k y s h e e t p o i n t c o n f i g s e a r c h c o m f i r m " c l a s s = " b t n b t n - p r i m a r y l u c k y s h e e t - m o d e l - c o n f o r m - b t n " > 查 询 < / b u t t o n > < / d i v > < / d i v > < / d i v > < / d i v > < d i v c l a s s = " l u c k y s h e e t - c h a r t - p o i n t - c o n f i g - l e f t - m i d " > < s p a n i d = " l u c k y s h e e t - c h a r t - p o i n t - b t n - a l l " c l a s s = " l u c k y s h e e t - m o u s e d o w n - c a n c e l " > 全 选 < / s p a n > - < s p a n i d = " l u c k y s h e e t - c h a r t - p o i n t - b t n - c l e a r " c l a s s = " l u c k y s h e e t - m o u s e d o w n - c a n c e l " > 清 除 < / s p a n > - < s p a n i d = " l u c k y s h e e t - c h a r t - p o i n t - b t n - c o n t r a " c l a s s = " l u c k y s h e e t - m o u s e d o w n - c a n c e l " > 反 选 < / s p a n > < s p a n s t y l e = " t e x t - d e c o r a t i o n : n o n e ; c o l o r : # 8 D 8 D 8 D ; f l o a t : r i g h t ; m a r g i n - r i g h t : 4 0 p x ; c u r s o r : d e f a u l t ; " c l a s s = " l u c k y s h e e t - m o u s e d o w n - c a n c e l " > 可 以 直 接 框 选 数 据 点 < / s p a n > < / d i v > < d i v c l a s s = " l u c k y s h e e t - c h a r t - p o i n t - c o n f i g - l e f t - b o t t o m " > < d i v c l a s s = " l u c k y s h e e t - c h a r t - p o i n t - s e a r c h i t e m - c l u c k y s h e e t - n o s e l e c t e d - t e x t " > < / d i v > < / d i v > < / d i v > < d i v c l a s s = " l u c k y s h e e t - c h a r t - p o i n t - c o n f i g - r i g h t " > < d i v c l a s s = " l u c k y s h e e t - c h a r t - p o i n t - i t e m c o n f i g " > < d i v c l a s s = " l u c k y s h e e t - d a t a v i s u a l - c o n t e n t - r o w " s t y l e = " f o n t - s i z e : 1 6 p x ; f o n t - w e i g h t : b o l d ; " > 数 据 点 设 置 < / d i v > < d i v c l a s s = " l u c k y s h e e t - d a t a v i s u a l - c o n t e n t - r o w " > < d i v c l a s s = " l u c k y s h e e t - d a t a v i s u a l - c o n t e n t - c o l u m n l u c k y s h e e t - d a t a v i s u a l - c o n t e n t - c o l u m n - t i t l e l u c k y s h e e t - d a t a v i s u a l - c o n t e n t - c o l u m n - 2 x " s t y l e = " w i d t h : 1 0 % ; w h i t e - s p a c e : n o w r a p ; " > 图 形 颜 色 < / d i v > < d i v c l a s s = " l u c k y s h e e t - d a t a v i s u a l - c o n t e n t - c o l u m n l u c k y s h e e t - d a t a v i s u a l - c o n t e n t - c o l u m n - r i g h t l u c k y s h e e t - d a t a v i s u a l - c o n t e n t - c o l u m n - 2 x " s t y l e = " w i d t h : 8 0 % ; " > < i n p u t d a t a - t i p s = " 颜 色 " c l a s s = " l u c k y s h e e t - d a t a v i s
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 ( ) {
return createToolbarHtml ( ) ;
}
function customLoadingConfig ( ) {
const _ locale = locale ( ) ;
const info = _ locale . info ;
const config = {
enable : true ,
image : 'image://css/loading.gif' ,
text : info . loading ,
viewBox : "32 32 64 64" , // 只有为path时，才会使用
imageClass : '' ,
textClass : '' ,
customClass : ''
}
if ( JSON . stringify ( luckysheetConfigsetting . loading ) !== '{}' ) {
Object . assign ( config , luckysheetConfigsetting . loading ) ;
}
return config ;
}
const luckysheetloadingImage = function ( config ) {
if ( typeof config . image === "function" ) {
return config . image ( )
}
const regE = new RegExp ( "^(image|path)://" ) ;
const regResult = regE . exec ( config . image ) ;
let imageHtml = '' ;
if ( regResult !== null ) {
const prefix = regResult [ 0 ] ;
const type = regResult [ 1 ] ;
const imageStr = regResult . input . substring ( prefix . length ) ;
switch ( type ) {
case "image" :
imageHtml = ` <div class="image-type" style="background-image: url( ${ imageStr } );"></div> ` ;
break ;
case "path" :
const svg = document . createElementNS ( "http://www.w3.org/2000/svg" , "svg" ) ;
svg . setAttribute ( "class" , "path-type" ) ;
svg . setAttribute ( "viewBox" , config . viewBox ) ;
const path = document . createElementNS ( "http://www.w3.org/2000/svg" , "path" ) ;
path . setAttribute ( "d" , imageStr ) ;
path . setAttribute ( "fill" , "currentColor" ) ;
svg . appendChild ( path ) ;
imageHtml = svg . outerHTML ;
break ;
default :
break ;
}
}
return imageHtml ;
}
const luckysheetlodingHTML = function ( target , coverConfig ) {
if ( ! target ) {
return ;
}
const config = customLoadingConfig ( ) ;
if ( coverConfig && JSON . stringify ( coverConfig ) !== "{}" ) {
Object . assign ( config , coverConfig ) ;
}
if ( typeof config . enable === "boolean" && config . enable === false ) {
return {
el : '' ,
show : show ,
close : close
}
}
const imageHtml = luckysheetloadingImage ( config ) ;
const id = "luckysheet-loading-" + uuid . v4 ( ) ;
const loadingHtml = `
< div class = "luckysheet-loading-content" >
< div class = "${config.imageClass} luckysheet-loading-image" >
$ { imageHtml }
< / d i v >
< div class = "${config.textClass} luckysheet-loading-text" >
< span > $ { config . text } < / s p a n >
< / d i v >
< / d i v > ` ;
const loading = document . createElement ( "div" ) ;
loading . id = id ;
loading . className = "luckysheet-loading-mask " + config . customClass ;
$ ( loading ) . html ( loadingHtml ) ;
$ ( target ) . append ( loading ) ;
function show ( ) {
if ( id ) {
$ ( "#" + id ) . show ( ) ;
}
}
function close ( ) {
if ( id ) {
$ ( "#" + id ) . hide ( ) ;
}
}
return {
el : loading ,
show : show ,
close : close
} ;
}
// 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 ' + Store . defaultFontSize + '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 + 3 t + 9 f7vOec5 / zOec8PgBESJpHmomoAOVKFPDrYH49PSMTJvYACFUjgBCAQ5svCZwXFAADwA3l4fnSwP / wBr28AAgBw1S4kEsfh / 4 O6UCZXACCRAOAiEucLAZBSAMguVMgUAMgYALBTs2QKAJQAAGx5fEIiAKoNAOz0ST4FANipk9wXANiiHKkIAI0BAJkoRyQCQLsAYFWBUiwCwMIAoKxAIi4EwK4BgFm2MkcCgL0FAHaOWJAPQGAAgJlCLMwAIDgCAEMeE80DIEwDoDDSv + CpX3CFuEgBAMDLlc2XS9IzFLiV0Bp38vDg4iHiwmyxQmEXKRBmCeQinJebIxNI5wNMzgwAABr50cH + OD + Q5 + bk4eZm52zv9MWi / mvwbyI + IfHf / ryMAgQAEE7P79pf5eXWA3DHAbB1v2upWwDaVgBo3 / ldM9sJoFoK0Hr5i3k4 / EAenqFQyDwdHAoLC + 0 lYqG9MOOLPv8z4W / gi372 / EAe / tt68ABxmkCZrcCjg / 1 xYW52rlKO58sEQjFu9 + cj / seFf / 2 OKdHiNLFcLBWK8ViJuFAiTcd5uVKRRCHJleIS6X8y8R + W / QmTdw0ArIZPwE62B7XLbMB + 7 gECiw5Y0nYAQH7zLYwaC5EAEGc0Mnn3AACTv / mPQCsBAM2XpOMAALzoGFyolBdMxggAAESggSqwQQcMwRSswA6cwR28wBcCYQZEQAwkwDwQQgbkgBwKoRiWQRlUwDrYBLWwAxqgEZrhELTBMTgN5 + ASXIHrcBcGYBiewhi8hgkEQcgIE2EhOogRYo7YIs4IF5mOBCJhSDSSgKQg6YgUUSLFyHKkAqlCapFdSCPyLXIUOY1cQPqQ28ggMor8irxHMZSBslED1AJ1QLmoHxqKxqBz0XQ0D12AlqJr0Rq0Hj2AtqKn0UvodXQAfYqOY4DRMQ5mjNlhXIyHRWCJWBomxxZj5Vg1Vo81Yx1YN3YVG8CeYe8IJAKLgBPsCF6EEMJsgpCQR1hMWEOoJewjtBK6CFcJg4Qxwicik6hPtCV6EvnEeGI6sZBYRqwm7iEeIZ4lXicOE1 + TSCQOyZLkTgohJZAySQtJa0jbSC2kU6Q + 0 hBpnEwm65Btyd7kCLKArCCXkbeQD5BPkvvJw + S3FDrFiOJMCaIkUqSUEko1ZT / lBKWfMkKZoKpRzame1AiqiDqfWkltoHZQL1OHqRM0dZolzZsWQ8ukLaPV0JppZ2n3aC / pdLoJ3YMeRZfQl9Jr6Afp5 + mD9HcMDYYNg8dIYigZaxl7GacYtxkvmUymBdOXmchUMNcyG5lnmA + Yb1VYKvYqfBWRyhKVOpVWlX6V56pUVXNVP9V5qgtUq1UPq15WfaZGVbNQ46kJ1Bar1akdVbupNq7OUndSj1DPUV + jvl / 9 gvpjDbKGhUaghkijVGO3xhmNIRbGMmXxWELWclYD6yxrmE1iW7L57Ex2Bfsbdi97TFNDc6pmrGaRZp3mcc0BDsax4PA52ZxKziHODc57LQMtPy2x1mqtZq1 + rTfaetq + 2 mLtcu0W7eva73VwnUCdLJ31Om0693UJuja6UbqFutt1z + o + 02 PreekJ9cr1Dund0Uf1bfSj9Rfq79bv0R83MDQINpAZbDE4Y / DMkGPoa5hpuNHwhOGoEctoupHEaKPRSaMnuCbuh2fjNXgXPmasbxxirDTeZdxrPGFiaTLbpMSkxeS + Kc2Ua5pmutG003TMzMgs3KzYrMnsjjnVnGueYb7ZvNv8jYWlRZzFSos2i8eW2pZ8ywWWTZb3rJhWPlZ5VvVW16xJ1lzrLOtt1ldsUBtXmwybOpvLtqitm63Edptt3xTiFI8p0in1U27aMez87ArsmuwG7Tn2YfYl9m32zx3MHBId1jt0O3xydHXMdmxwvOuk4TTDqcSpw + lXZxtnoXOd8zUXpkuQyxKXdpcXU22niqdun3rLleUa7rrStdP1o5u7m9yt2W3U3cw9xX2r + 00 umxvJXcM970H08PdY4nHM452nm6fC85DnL152Xlle + 70 eT7OcJp7WMG3I28Rb4L3Le2A6Pj1l + s7pAz7GPgKfep + Hvqa + It89viN + 1 n6Zfgf8nvs7 + sv9j / i / 4 XnyFvFOBWABwQHlAb2BGoGzA2sDHwSZBKUHNQWNBbsGLww + FUIMCQ1ZH3KTb8AX8hv5YzPcZyya0RXKCJ0VWhv6MMwmTB7WEY6GzwjfEH5vpvlM6cy2CIjgR2yIuB9pGZkX + X0UKSoyqi7qUbRTdHF09yzWrORZ + 2e9 jvGPqYy5O9tqtnJ2Z6xqbFJsY + ybuIC4qriBeIf4RfGXEnQTJAntieTE2MQ9ieNzAudsmjOc5JpUlnRjruXcorkX5unOy553PFk1WZB8OIWYEpeyP + WDIEJQLxhP5aduTR0T8oSbhU9FvqKNolGxt7hKPJLmnVaV9jjdO31D + miGT0Z1xjMJT1IreZEZkrkj801WRNberM / ZcdktOZSclJyjUg1plrQr1zC3KLdPZisrkw3keeZtyhuTh8r35CP5c / PbFWyFTNGjtFKuUA4WTC + oK3hbGFt4uEi9SFrUM99m / ur5IwuCFny9kLBQuLCz2Lh4WfHgIr9FuxYji1MXdy4xXVK6ZHhp8NJ9y2jLspb9UOJYUlXyannc8o5Sg9KlpUMrglc0lamUycturvRauWMVYZVkVe9ql9VbVn8qF5VfrHCsqK74sEa45uJXTl / VfPV5bdra3kq3yu3rSOuk626s91m / r0q9akHV0IbwDa0b8Y3lG19tSt50oXpq9Y7NtM3KzQM1YTXtW8y2rNvyoTaj9nqdf13LVv2tq7e + 2 Sba1r / dd3vzDoMdFTve75TsvLUreFdrvUV99W7S7oLdjxpiG7q / 5 n7duEd3T8Wej3ulewf2Re / ranRvbNyvv7 + yCW1SNo0eSDpw5ZuAb9qb7Zp3tXBaKg7CQeXBJ9 + mfHvjUOihzsPcw83fmX + 39 QjrSHkr0jq / dawto22gPaG97 + iMo50dXh1Hvrf / fu8x42N1xzWPV56gnSg98fnkgpPjp2Snnp1OPz3Umdx590z8mWtdUV29Z0PPnj8XdO5Mt1 / 3 yfPe549d8Lxw9CL3Ytslt0utPa49R35w / eFIr1tv62X3y + 1 XPK509E3rO9Hv03 / 6 asDVc9f41y5dn3m978bsG7duJt0cuCW69fh29u0XdwruTNxdeo94r / y + 2 v3qB / oP6n + 0 / rFlwG3g + GDAYM / DWQ / vDgmHnv6U / 9 OH4dJHzEfVI0YjjY + dHx8bDRq98mTOk + GnsqcTz8p + Vv9563Or59 / 94 vtLz1j82PAL + YvPv655qfNy76uprzrHI8cfvM55PfGm / K3O233vuO + 638e9 H5ko / ED + UPPR + mPHp9BP9z7nfP78L / eE8 / sl0p8zAAAAIGNIUk0AAHolAACAgwAA + f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAHBbSURBVHja7J13mFxV + cc / M7OzLbvpjZBKQhISUgAhgAlVkADSRcDyky4iYAAhAmpQQtMIiqigYkV6FRHphgBBKSGBkB5IIb1sdrO72dmZ + f3xniGTzZR755a5s / t + nmefTGbuPec7Z8497ynveU9on5m3YJMuwNnAt4B9gA3A48CPgY0UyPxJUzN / MLMShxwDXAMcAmwGbgD + UlBKhzVn / + yqqwrVFwIuBL7tZnkyYwaK98yaNb / QW6uBk4DLgfHAduDfwI + ApYUmOnHiKC + 0 AowAfgh8EYgAvwF + AMTd1OlQ40nAtcB + QIMpzx8Cy70oT8U6YZvXn2x + tN8A44ByYE / gMmA18B9g7wB9v58AzwNfADoBA4A / m4c5
const iconfontObjects = {
border : {
'border-top' : ' iconfont luckysheet-iconfont-shangbiankuang' ,
'border-bottom' : ' iconfont luckysheet-iconfont-xiabiankuang' ,
'border-left' : ' iconfont luckysheet-iconfont-zuobiankuang' ,
'border-right' : ' iconfont luckysheet-iconfont-youbiankuang' ,
'border-none' : ' iconfont luckysheet-iconfont-wubiankuang' ,
'border-all' : ' iconfont luckysheet-iconfont-quanjiabiankuang' ,
'border-outside' : ' iconfont luckysheet-iconfont-sizhoujiabiankuang' ,
'border-inside' : ' iconfont luckysheet-iconfont-neikuangxian' ,
'border-horizontal' : ' iconfont luckysheet-iconfont-neikuanghengxian' ,
'border-vertical' : ' iconfont luckysheet-iconfont-neikuangshuxian' ,
} ,
align : {
'left' : ' iconfont luckysheet-iconfont-wenbenzuoduiqi' ,
'center' : ' iconfont luckysheet-iconfont-wenbenjuzhongduiqi' ,
'right' : ' iconfont luckysheet-iconfont-wenbenyouduiqi' ,
'top' : ' iconfont luckysheet-iconfont-dingbuduiqi' ,
'middle' : ' iconfont luckysheet-iconfont-shuipingduiqi' ,
'bottom' : ' iconfont luckysheet-iconfont-dibuduiqi' ,
} ,
textWrap : {
'overflow' : ' iconfont luckysheet-iconfont-yichu1' ,
'wrap' : ' iconfont luckysheet-iconfont-zidonghuanhang' ,
'clip' : ' iconfont luckysheet-iconfont-jieduan' ,
} ,
rotation : {
'none' : ' iconfont luckysheet-iconfont-wuxuanzhuang' ,
'angleup' : ' iconfont luckysheet-iconfont-xiangshangqingxie' ,
'angledown' : ' iconfont luckysheet-iconfont-xiangxiaqingxie' ,
'vertical' : ' iconfont luckysheet-iconfont-shupaiwenzi' ,
'rotation-up' : ' iconfont luckysheet-iconfont-wenbenxiangshang' ,
'rotation-down' : ' iconfont luckysheet-iconfont-xiangxia90' ,
}
}
/ * *
* 单元格右击菜单配置
*
* /
function customCellRightClickConfig ( ) {
const config = {
copy : true , // copy
copyAs : true , // copy as
paste : true , // paste
insertRow : true , // insert row
insertColumn : true , // insert column
deleteRow : true , // delete the selected row
deleteColumn : true , // delete the selected column
deleteCell : true , // delete cell
hideRow : true , // hide the selected row and display the selected row
hideColumn : true , // hide the selected column and display the selected column
rowHeight : true , // row height
columnWidth : true , // column width
clear : true , // clear content
matrix : true , // matrix operation selection
sort : true , // sort selection
filter : true , // filter selection
chart : true , // chart generation
image : true , // insert picture
link : true , // insert link
data : true , // data verification
cellFormat : true // Set cell format
}
// cellRightClickConfig determines the final result
if ( JSON . stringify ( luckysheetConfigsetting . cellRightClickConfig ) !== '{}' ) {
Object . assign ( config , luckysheetConfigsetting . cellRightClickConfig ) ;
}
luckysheetConfigsetting . cellRightClickConfig = config ;
return config ;
}
/ * *
* sheet页右击菜单配置
*
* /
function customSheetRightClickConfig ( ) {
const config = {
delete : true , //Delete
copy : true , //Copy
rename : true , //Rename
color : true , //Change color
hide : true , //Hide, unhide
move : true , //Move to the left, move to the right
}
// sheetRightClickConfig determines the final result
if ( JSON . stringify ( luckysheetConfigsetting . sheetRightClickConfig ) !== '{}' ) {
Object . assign ( config , luckysheetConfigsetting . sheetRightClickConfig ) ;
}
luckysheetConfigsetting . sheetRightClickConfig = config ;
return config ;
}
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 ,
iconfontObjects
}
