@hufe921/canvas-editor 0.9.23 → 0.9.27

package/dist/canvas-editor.es.js

@@ -1,4 +1,4 @@
-(()=>{(function(){"use strict";try{if(typeof document!="undefined"){var e=document.createElement("style");e.appendChild(document.createTextNode('.ce-select-control-popup{max-width:160px;min-width:69px;max-height:225px;position:absolute;z-index:1;border:1px solid #e4e7ed;border-radius:4px;background-color:#fff;box-shadow:0 2px 12px #0000001a;box-sizing:border-box;margin:5px 0;overflow-y:auto}.ce-select-control-popup ul{list-style:none;padding:3px 0;margin:0;box-sizing:border-box}.ce-select-control-popup ul li{font-size:13px;padding:0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#666;height:36px;line-height:36px;box-sizing:border-box;cursor:pointer}.ce-select-control-popup ul li:hover{background-color:#eef2fd}.ce-select-control-popup ul li.active{color:var(--COLOR-HOVER, #5175f4);font-weight:700}.ce-date-container{display:none;width:300px;overflow:hidden;left:0;right:0;position:absolute;z-index:1;color:#606266;background:#ffffff;border-radius:4px;padding:10px;user-select:none;border:1px solid #e4e7ed;box-shadow:0 2px 12px #0000001a}.ce-date-container.active{display:block}.ce-date-wrap{display:none}.ce-date-wrap.active{display:block}.ce-date-title{display:flex;justify-content:center;align-items:center;text-align:center;color:#606266;font-size:16px}.ce-date-title>span{display:inline-block}.ce-date-title>span:not(.ce-date-title__now){font-family:cursive;cursor:pointer}.ce-date-title>span:not(.ce-date-title__now):hover{color:#5175f4}.ce-date-title .ce-date-title__pre-year,.ce-date-title .ce-date-title__pre-month{width:15%}.ce-date-title .ce-date-title__now{width:40%}.ce-date-title .ce-date-title__next-year,.ce-date-title .ce-date-title__next-month{width:15%}.ce-date-week{width:100%;display:flex;justify-content:center;margin-top:15px;padding-bottom:5px;border-bottom:1px solid #e4e7ed}.ce-date-week>span{list-style:none;width:14.28571%;text-align:center;color:#606266;font-size:14px}.ce-date-day{width:100%;display:flex;flex-wrap:wrap;align-items:center;margin-top:5px}.ce-date-day>div{width:14.28571%;height:40px;text-align:center;color:#606266;font-size:14px;cursor:pointer;line-height:40px;border-radius:4px}.ce-date-day>div:hover{color:#5175f4;opacity:.8}.ce-date-day>div.active{color:#5175f4;font-weight:700}.ce-date-day>div.disable{color:#c0c4cc}.ce-date-day>div.select{color:#fff;background-color:#5175f4}.ce-time-wrap{display:none;padding:10px;height:286px}.ce-time-wrap ::-webkit-scrollbar{width:0}.ce-time-wrap.active{display:flex}.ce-time-wrap li{list-style:none}.ce-time-wrap>li{width:33.3%;height:100%;text-align:center}.ce-time-wrap>li>span{transform:translateY(-5px);display:inline-block}.ce-time-wrap>li>ol{height:calc(100% - 20px);overflow-y:auto;border:1px solid #e2e2e2;position:relative}.ce-time-wrap>li:first-child>ol{border-right:0}.ce-time-wrap>li:last-child>ol{border-left:0}.ce-time-wrap>li>ol>li{line-height:30px;cursor:pointer;transition:all .3s}.ce-time-wrap>li>ol>li:hover{background-color:#eaeaea}.ce-time-wrap>li>ol>li.active{color:#fff;background:#5175F4}.ce-date-menu{width:100%;height:28px;display:flex;justify-content:flex-end;align-items:center;padding-top:10px;position:relative;border-top:1px solid #e4e7ed}.ce-date-menu button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dcdfe6;color:#606266;appearance:none;text-align:center;box-sizing:border-box;outline:none;transition:.1s;font-weight:500;user-select:none;padding:7px 15px;font-size:12px;border-radius:3px;margin:0 0 0 10px}.ce-date-menu button:hover{color:#5175f4;border-color:#5175f4}.ce-date-menu button.ce-date-menu__time{border:1px solid transparent;position:absolute;left:0;margin-left:0}.ce-date-menu button.ce-date-menu__time:hover{color:#5175f4}.ce-block-item{position:absolute;z-index:0;overflow:hidden;border-radius:8px;background-color:#fff;border:1px solid rgb(235 236 240)}.ce-table-tool__row{position:absolute;width:12px;border-radius:6.5px;overflow:hidden;background-color:#e2e6ed}.ce-table-tool__row .ce-table-tool__row__item{width:100%;position:relative}.ce-table-tool__row .ce-table-tool__row__item:after{content:"";position:absolute;bottom:0;left:2px;width:8px;height:1px;background-color:#c0c6cf}.ce-table-tool__row .ce-table-tool__row__item:last-child:after{display:none}.ce-table-tool__col{position:absolute;height:12px;border-radius:6.5px;overflow:hidden;background-color:#e2e6ed;display:flex}.ce-table-tool__col .ce-table-tool__col__item{height:100%;position:relative}.ce-table-tool__col .ce-table-tool__col__item:after{content:"";position:absolute;top:2px;left:-1px;width:1px;height:8px;z-index:1;background-color:#c0c6cf}.ce-table-tool__col .ce-table-tool__col__item:first-child:after{display:none}.ce-table-tool__row .ce-table-tool__row__item.active,.ce-table-tool__col .ce-table-tool__col__item.active{background-color:#c4d7fa}.ce-table-tool__col .ce-table-tool__anchor{right:-5px;width:10px;height:12px;z-index:9;position:absolute;cursor:col-resize}.ce-table-tool__row .ce-table-tool__anchor{bottom:-5px;left:0;width:12px;height:10px;z-index:9;position:absolute;cursor:row-resize}.ce-table-anchor__line{z-index:9;position:absolute;border:1px dotted #000000}.ce-resizer-selection{position:absolute;border:1px solid}.ce-resizer-selection>div{position:absolute;width:10px;height:10px;box-shadow:0 1px 4px #0000004d;border-radius:5px;border:2px solid #ffffff;box-sizing:border-box}.ce-resizer-selection .handle-0{cursor:nw-resize}.ce-resizer-selection .handle-1{cursor:n-resize}.ce-resizer-selection .handle-2{cursor:ne-resize}.ce-resizer-selection .handle-3{cursor:e-resize}.ce-resizer-selection .handle-4{cursor:se-resize}.ce-resizer-selection .handle-5{cursor:s-resize}.ce-resizer-selection .handle-6{cursor:sw-resize}.ce-resizer-selection .handle-7{cursor:w-resize}.ce-resizer-image{position:absolute;opacity:.5}.ce-image-previewer{position:fixed;left:0;top:0;z-index:1000;width:100%;height:100%;overflow:hidden;background:#f2f4f7;display:flex;align-items:center;justify-content:center;animation:previewerAnimation .3s}@keyframes previewerAnimation{0%{opacity:.1}to{opacity:1}}.ce-image-previewer .image-close{width:24px;height:24px;display:inline-block;position:absolute;right:50px;top:30px;z-index:99;cursor:pointer;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIzLjk3IDdsMS40MTUgMS40MTQtNy43NzkgNy43NzggNy43NzkgNy43NzktMS40MTQgMS40MTQtNy43NzktNy43NzktNy43NzggNy43NzlMNyAyMy45N2w3Ljc3OC03Ljc3OUw3IDguNDE0IDguNDE0IDdsNy43NzggNy43NzhMMjMuOTcxIDd6IiBmaWxsPSIjM0Q0NzU3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=) no-repeat;background-size:100% 100%;transition:all .3s;border-radius:50%}.ce-image-previewer .image-close:hover{background-color:#e2e6ed}.ce-image-previewer .ce-image-container{position:relative}.ce-image-previewer .ce-image-container img{cursor:move;position:relative}.ce-image-previewer .ce-image-menu{height:50px;position:absolute;bottom:50px;z-index:99;display:flex;align-items:center;justify-content:center}.ce-image-previewer .ce-image-menu i{width:32px;height:32px;margin:0 8px;cursor:pointer;display:inline-block;background-repeat:no-repeat;background-size:100% 100%;transition:all .3s;border-radius:50%}.ce-image-previewer .ce-image-menu i:hover{background-color:#e2e6ed}.ce-image-previewer .ce-image-menu i.zoom-in{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0IDE0di00aDJ2NGg0djJoLTR2NGgtMnYtNGgtNHYtMmg0em04Ljc0OSAxMC4xNjNBMTEuOTUyIDExLjk1MiAwIDAxMTUgMjdDOC4zNzMgMjcgMyAyMS42MjcgMyAxNVM4LjM3MyAzIDE1IDNzMTIgNS4zNzMgMTIgMTJjMCAyLjk1NC0xLjA2NyA1LjY1OC0yLjgzNyA3Ljc0OWw0LjkwOCA0LjkwOC0xLjQxNCAxLjQxNC00LjkwOC00LjkwOHpNMTUgMjVjNS41MjMgMCAxMC00LjQ3NyAxMC0xMFMyMC41MjMgNSAxNSA1IDUgOS40NzcgNSAxNXM0LjQ3NyAxMCAxMCAxMHoiIGZpbGw9IiMzRDQ3NTciLz48L3N2Zz4=)}.ce-image-previewer .ce-image-menu i.zoom-out{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIyLjc0OSAyNC4xNjNBMTEuOTUyIDExLjk1MiAwIDAxMTUgMjdDOC4zNzMgMjcgMyAyMS42MjcgMyAxNVM4LjM3MyAzIDE1IDNzMTIgNS4zNzMgMTIgMTJjMCAyLjk1NC0xLjA2NyA1LjY1OC0yLjgzNyA3Ljc0OWw0LjkwOCA0LjkwOC0xLjQxNCAxLjQxNC00LjkwOC00LjkwOHpNMTUgMjVjNS41MjMgMCAxMC00LjQ3NyAxMC0xMFMyMC41MjMgNSAxNSA1IDUgOS40NzcgNSAxNXM0LjQ3NyAxMCAxMCAxMHptLTUtMTFoMTB2MkgxMHYtMnoiIGZpbGw9IiMzRDQ3NTciLz48L3N2Zz4=)}.ce-image-previewer .ce-image-menu i.rotate{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iIzNENDc1NyIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTYgNGM2LjYyNyAwIDEyIDUuMzczIDEyIDEyYTExLjk3IDExLjk3IDAgMDEtNCA4Ljk0NFYyM2gtLjg2QTkuOTY4IDkuOTY4IDAgMDAyNiAxNmMwLTUuNTIzLTQuNDc3LTEwLTEwLTEwUzYgMTAuNDc3IDYgMTZjMCA1LjE4NSAzLjk0NyA5LjQ0OSA5IDkuOTV2Mi4wMDlDOC44NCAyNy40NTEgNCAyMi4yOTEgNCAxNiA0IDkuMzczIDkuMzczIDQgMTYgNHoiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik0xOS44NzkgMjcuMzI4bDEuNzY3LTYuNzE3IDQuOTUgNC45NXoiLz48L2c+PC9zdmc+)}.ce-image-previewer .ce-image-menu i.original-size{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQgNGgyNHYyNEg0VjR6bTIgMnYyMGgyMFY2SDZ6bTQgNWgydjEwaC0yVjExem01IDJoMnYyaC0ydi0yem0wIDRoMnYyaC0ydi0yem01LTZoMnYxMGgtMlYxMXoiIGZpbGw9IiMzRDQ3NTciLz48L3N2Zz4=)}.ce-image-previewer .ce-image-menu i.image-download{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQuNSAxNXYzLjVoMTVWMTVIMjF2NUgzdi01aDEuNXptOC4yMzItMTEuMjI2djkuMTk2bDQuMDUtNC4wNSAxLjA2IDEuMDYtNS44MzQgNS44MzQtNS44MzMtNS44MzMgMS4wNi0xLjA2IDMuOTk4IDMuOTk2VjMuNzc0aDEuNXoiIGZpbGw9IiMzRDQ3NTciLz48L3N2Zz4=)}.ce-contextmenu-container{z-index:9;position:fixed;display:none;padding:4px;overflow-x:hidden;overflow-y:auto;background:#fff;box-shadow:0 2px 12px #38383833;border:1px solid #e2e6ed;border-radius:2px}.ce-contextmenu-content{display:flex;flex-direction:column}.ce-contextmenu-content .ce-contextmenu-sub-item:after{position:absolute;content:"";width:16px;height:16px;right:12px;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCAwaDE2djE2SDB6Ii8+PGcgZmlsbD0iIzc2N0M4NSI+PHBhdGggZD0iTTcgMTIuMjQzbC0uNzA3LS43MDcgNC4yNDMtNC4yNDMuNzA3LjcwN3oiLz48cGF0aCBkPSJNNi4yOTMgNC40NjRMNyAzLjc1NyAxMS4yNDMgOGwtLjcwNy43MDd6Ii8+PC9nPjwvZz48L3N2Zz4=)}.ce-contextmenu-content .ce-contextmenu-item{min-width:140px;padding:0 32px 0 16px;height:30px;display:flex;align-items:center;white-space:nowrap;box-sizing:border-box;cursor:pointer}.ce-contextmenu-content .ce-contextmenu-item.hover{background:rgba(25,55,88,.04)}.ce-contextmenu-content .ce-contextmenu-item span{max-width:300px;font-size:12px;color:#3d4757;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ce-contextmenu-content .ce-contextmenu-item span.ce-shortcut{color:#767c85;height:30px;flex:1;text-align:right;line-height:30px;margin-left:20px}.ce-contextmenu-content .ce-contextmenu-item i{width:16px;height:16px;vertical-align:middle;display:inline-block;background-repeat:no-repeat;background-size:100% 100%;flex-shrink:0;margin-right:8px}.ce-contextmenu-divider{background-color:#e2e6ed;margin:4px 16px;height:1px}.ce-contextmenu-print{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjM0Q0NzU3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0xMiA0aC0xVjJINXYySDRWMmExIDEgMCAwMTEtMWg2YTEgMSAwIDAxMSAxdjJ6bTAgNXY0YTEgMSAwIDAxLTEgMUg1YTEgMSAwIDAxLTEtMVY5aDF2NGg2VjloMXoiLz48cGF0aCBkPSJNMTIgMTJ2LTFoMlY1SDJ2NmgydjFIMmExIDEgMCAwMS0xLTFWNWExIDEgMCAwMTEtMWgxMmExIDEgMCAwMTEgMXY2YTEgMSAwIDAxLTEgMWgtMnoiLz48cGF0aCBkPSJNMyA4aDEwdjFIM3ptOC0yaDJ2MWgtMnoiLz48L2c+PC9zdmc+)}.ce-contextmenu-image{background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSLlm77lsYJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZT4uc3Qwe2ZpbGw6IzNkNDc1N308L3N0eWxlPjxnIGlkPSJfeDMwXzAt5YWs5YWxX3gyRl8wMuW3peWFt+agj194MkZf5o+S5YWl5Zu+54mHLTE2cHgtIj48ZyBpZD0iR3JvdXAtMTkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMSkiPjxwYXRoIGlkPSJDb21iaW5lZC1TaGFwZSIgY2xhc3M9InN0MCIgZD0iTTEgMGgxMmMuNiAwIDEgLjQgMSAxdjExYzAgLjYtLjQgMS0xIDFIMWMtLjYgMC0xLS40LTEtMVYxYzAtLjYuNC0xIDEtMXptMCAxdjExaDEyVjFIMXoiLz48Y2lyY2xlIGlkPSLmpK3lnIblvaIiIGNsYXNzPSJzdDAiIGN4PSIxMCIgY3k9IjQiIHI9IjEiLz48cGF0aCBpZD0iUGF0aCIgY2xhc3M9InN0MCIgZD0iTTguNSAxMS4ybC00LTQuMUwxIDEwLjdWOS4yYzEuNy0xLjYgMi43LTIuNSAzLTIuOC40LS41LjctLjQgMSAwTDguNSAxMCAxMSA3LjNjLjQtLjUuNi0uNSAxLS4xbDIgMi44djEuNWwtMi41LTMuNC0zIDMuMXoiLz48L2c+PC9nPjwvc3ZnPg==)}.ce-contextmenu-image-change{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyIDQpIiBmaWxsPSIjM0Q0NzU3Ij48Y2lyY2xlIGZpbGwtcnVsZT0ibm9uemVybyIgY3g9IjMiIGN5PSIxIiByPSIxIi8+PHBhdGggZD0iTTcuNDczIDguMjIzTDMuNDcgNC4xMDcgMCA3LjY2N3YtMS41QzEuNzE1IDQuNiAyLjcwNyAzLjY2NCAyLjk3NSAzLjM1OGMuNDAyLS40NTcuNjUxLS4zOSAxLjA0MiAwTDcuNDczIDcgOS45NiA0LjM0OWMuNDE0LS40NjIuNjItLjQ2MiAxLjAxMS0uMDcxTDEzIDcuMDZ2MS41bC0yLjUxLTMuNDEtMy4wMTcgMy4wNzJ6Ii8+PC9nPjxwYXRoIGQ9Ik02IDEuNUgxLjV2MTJoMTN2LTRWMTNhLjUuNSAwIDAxLS41LjVIMmEuNS41IDAgMDEtLjUtLjVWMmEuNS41IDAgMDEuNS0uNWg0em04LjUgOFY2bC0uNS41aDFsLS41LS41djMuNXpNNiAxLjVoNEw5LjUgMXYxbC41LS41SDZ6IiBzdHJva2U9IiMzRDQ3NTciLz48cGF0aCBkPSJNMTMuMDg1IDEuMzE2bC0zLjgxNCA0YTEgMSAwIDAwMS40NTggMS4zNjhsMy44MTUtNGExIDEgMCAxMC0xLjQ1OS0xLjM2OHoiIGZpbGw9IiMzRDQ3NTciIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvZz48L3N2Zz4=)}.ce-contextmenu-insert-row-col{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBzdHJva2U9IiMzRDQ3NTciIGQ9Ik04LjUgNS41aDZ2NGgtNnoiLz48cGF0aCBmaWxsPSIjM0Q0NzU3IiBkPSJNNCA3djFoMlY3em0tMyAuNUw0IDV2NXpNMSAxaDEydjFIMXptMCAxMmgxMnYxSDF6Ii8+PC9nPjwvc3ZnPg==)}.ce-contextmenu-insert-top-row{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjM0Q0NzU3IiBkPSJNOCA1SDd2M2gxem0tLjUtM0wxMCA1SDV6Ii8+PHJlY3Qgc3Ryb2tlPSIjM0Q0NzU3IiB4PSIxLjUiIHk9IjEwLjUiIHdpZHRoPSIxMiIgaGVpZ2h0PSIzIiByeD0iMSIvPjwvZz48L3N2Zz4=)}.ce-contextmenu-insert-bottom-row{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjM0Q0NzU3IiBkPSJNNyAxMWgxVjhIN3ptLjUgM0w1IDExaDV6Ii8+PHJlY3Qgc3Ryb2tlPSIjM0Q0NzU3IiB4PSIxLjUiIHk9IjIuNSIgd2lkdGg9IjEyIiBoZWlnaHQ9IjMiIHJ4PSIxIi8+PC9nPjwvc3ZnPg==)}.ce-contextmenu-insert-left-col{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjM0Q0NzU3IiBkPSJNMTEgN3YxaDNWN3ptLTMgLjVMMTEgNXY1eiIvPjxyZWN0IHN0cm9rZT0iIzNENDc1NyIgdHJhbnNmb3JtPSJyb3RhdGUoOTAgNCA3LjUpIiB4PSItMiIgeT0iNiIgd2lkdGg9IjEyIiBoZWlnaHQ9IjMiIHJ4PSIxIi8+PC9nPjwvc3ZnPg==)}.ce-contextmenu-insert-right-col{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjM0Q0NzU3IiBkPSJNNSA4VjdIMnYxem0zLS41TDUgMTBWNXoiLz48cmVjdCBzdHJva2U9IiMzRDQ3NTciIHRyYW5zZm9ybT0icm90YXRlKDkwIDEyIDcuNSkiIHg9IjYiIHk9IjYiIHdpZHRoPSIxMiIgaGVpZ2h0PSIzIiByeD0iMSIvPjwvZz48L3N2Zz4=)}.ce-contextmenu-delete-row-col{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBzdHJva2U9IiM5MjlBQTgiIGQ9Ik04LjUgNi41aDZ2MmgtNnoiLz48cGF0aCBmaWxsPSIjM0Q0NzU3IiBkPSJNMiAxMmgxMXYxSDJ6TTIgMmgxMXYxSDJ6bS42MyAzTDcgOS4zNWwtLjYzNS42NUwyIDUuNjN6Ii8+PHBhdGggZmlsbD0iIzNENDc1NyIgZD0iTTIgOS4zNjNMNi4zNTUgNSA3IDUuNzA3IDIuNjk1IDEweiIvPjwvZz48L3N2Zz4=)}.ce-contextmenu-delete-row{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBzdHJva2U9IiM5MjlBQTgiIGQ9Ik04LjUgNS41aDZ2NGgtNnoiLz48cGF0aCBmaWxsPSIjM0Q0NzU3IiBkPSJNMSAxM2gxMnYxSDF6TTEgMWgxMnYxSDF6bTAgNGgxdjFIMXptMSAxaDF2MUgyem0xIDFoMXYxSDN6bTEtMWgxdjFINHptMS0xaDF2MUg1ek00IDhoMXYxSDR6TTIgOGgxdjFIMnptMyAxaDF2MUg1ek0xIDloMXYxSDF6Ii8+PC9nPjwvc3ZnPg==)}.ce-contextmenu-delete-col{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBzdHJva2U9IiM5MjlBQTgiIGQ9Ik01LjUgNy41di02aDR2NnoiLz48cGF0aCBmaWxsPSIjM0Q0NzU3IiBkPSJNMTMgMTVWM2gxdjEyek0xIDE1VjNoMXYxMnptNCAwdi0xaDF2MXptMS0xdi0xaDF2MXptMS0xdi0xaDF2MXptLTEtMXYtMWgxdjF6bS0xLTF2LTFoMXYxem0zIDF2LTFoMXYxem0wIDJ2LTFoMXYxem0xLTN2LTFoMXYxem0wIDR2LTFoMXYxeiIvPjwvZz48L3N2Zz4=)}.ce-contextmenu-delete-table{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iIzNENDc1NyIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTQgMTNoLTF2LTNIMnYzSDF2LTNhMSAxIDAgMDExLTFoMTFhMSAxIDAgMDExIDF2M3oiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik01LjYyNSAyTDEwIDYuMzc1IDkuMzc1IDcgNSAyLjYyNXoiLz48cGF0aCBkPSJNNSA2LjM3NUw5LjM3NSAybC42MjUuNjI1TDUuNjI1IDd6Ii8+PC9nPjwvc3ZnPg==)}.ce-contextmenu-merge-cell{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iIzNENDc1NyIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNNiAxdjFIMnYxMWg0djFIMmExIDEgMCAwMS0xLTFWMmExIDEgMCAwMTEtMWg0em0zIDBoNGExIDEgMCAwMTEgMXYxMWExIDEgMCAwMS0xIDFIOXYtMWg0VjJIOVYxeiIvPjxwYXRoIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTYgMWgxdjRINnptMiAwaDF2NEg4eiIvPjxwYXRoIGQ9Ik04IDcuNUwxMCA2djN6bS0xIDBMNSA2djN6Ii8+PHBhdGggZD0iTTkgN2gzdjFIOXpNMyA3aDN2MUgzeiIvPjxwYXRoIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTggMTBoMXY0SDh6bS0yIDBoMXY0SDZ6Ii8+PC9nPjwvc3ZnPg==)}.ce-contextmenu-merge-cancel-cell{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iIzNENDc1NyIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNNiAxdjFIMnYxMWg0djFIMmExIDEgMCAwMS0xLTFWMmExIDEgMCAwMTEtMWg0em0zIDBoNGExIDEgMCAwMTEgMXYxMWExIDEgMCAwMS0xIDFIOXYtMWg0VjJIOVYxeiIvPjxwYXRoIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTYgMWgxdjRINnptMiAwaDF2NEg4eiIvPjxwYXRoIGQ9Ik0zIDcuNUw1IDZ2M3ptOSAwTDEwIDZ2M3oiLz48cGF0aCBkPSJNNCA3aDN2MUg0em00IDBoM3YxSDh6Ii8+PHBhdGggZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNOCAxMGgxdjRIOHptLTIgMGgxdjRINnoiLz48L2c+PC9zdmc+)}.ce-hyperlink-popup{background:#fff;box-shadow:0 2px 12px #626b8433;border-radius:2px;color:#3d4757;padding:12px 16px;position:absolute;z-index:1;text-align:center;display:none}.ce-hyperlink-popup a{min-width:100px;max-width:300px;font-size:12px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;text-decoration:none;border-bottom-width:1px;border-bottom-style:solid;color:#00f}.ce-header-indicator>div{padding:3px 6px;color:#000;font-size:12px;background:rgb(218 231 252);position:absolute;transform:translate(10px,10px)}.ce-inputarea{width:0;height:12px;min-width:0;min-height:0;margin:0;padding:0;left:0;right:0;letter-spacing:0;font-size:12px;position:absolute;outline:none;resize:none;border:none;overflow:hidden;color:transparent;user-select:none;background-color:transparent}.ce-cursor{width:1px;height:20px;left:0;right:0;position:absolute;outline:none;background-color:#000;pointer-events:none}.ce-cursor.ce-cursor--animation{animation-duration:1s;animation-iteration-count:infinite;animation-name:cursorAnimation}@keyframes cursorAnimation{0%{opacity:1}13%{opacity:0}50%{opacity:0}63%{opacity:1}to{opacity:1}}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}})();})();
+(()=>{(function(){"use strict";try{if(typeof document!="undefined"){var e=document.createElement("style");e.appendChild(document.createTextNode('.ce-select-control-popup{max-width:160px;min-width:69px;max-height:225px;position:absolute;z-index:1;border:1px solid #e4e7ed;border-radius:4px;background-color:#fff;box-shadow:0 2px 12px #0000001a;box-sizing:border-box;margin:5px 0;overflow-y:auto}.ce-select-control-popup ul{list-style:none;padding:3px 0;margin:0;box-sizing:border-box}.ce-select-control-popup ul li{font-size:13px;padding:0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#666;height:36px;line-height:36px;box-sizing:border-box;cursor:pointer}.ce-select-control-popup ul li:hover{background-color:#eef2fd}.ce-select-control-popup ul li.active{color:var(--COLOR-HOVER, #5175f4);font-weight:700}.ce-date-container{display:none;width:300px;overflow:hidden;left:0;right:0;position:absolute;z-index:1;color:#606266;background:#ffffff;border-radius:4px;padding:10px;user-select:none;border:1px solid #e4e7ed;box-shadow:0 2px 12px #0000001a}.ce-date-container.active{display:block}.ce-date-wrap{display:none}.ce-date-wrap.active{display:block}.ce-date-title{display:flex;justify-content:center;align-items:center;text-align:center;color:#606266;font-size:16px}.ce-date-title>span{display:inline-block}.ce-date-title>span:not(.ce-date-title__now){font-family:cursive;cursor:pointer}.ce-date-title>span:not(.ce-date-title__now):hover{color:#5175f4}.ce-date-title .ce-date-title__pre-year,.ce-date-title .ce-date-title__pre-month{width:15%}.ce-date-title .ce-date-title__now{width:40%}.ce-date-title .ce-date-title__next-year,.ce-date-title .ce-date-title__next-month{width:15%}.ce-date-week{width:100%;display:flex;justify-content:center;margin-top:15px;padding-bottom:5px;border-bottom:1px solid #e4e7ed}.ce-date-week>span{list-style:none;width:14.28571%;text-align:center;color:#606266;font-size:14px}.ce-date-day{width:100%;display:flex;flex-wrap:wrap;align-items:center;margin-top:5px}.ce-date-day>div{width:14.28571%;height:40px;text-align:center;color:#606266;font-size:14px;cursor:pointer;line-height:40px;border-radius:4px}.ce-date-day>div:hover{color:#5175f4;opacity:.8}.ce-date-day>div.active{color:#5175f4;font-weight:700}.ce-date-day>div.disable{color:#c0c4cc}.ce-date-day>div.select{color:#fff;background-color:#5175f4}.ce-time-wrap{display:none;padding:10px;height:286px}.ce-time-wrap ::-webkit-scrollbar{width:0}.ce-time-wrap.active{display:flex}.ce-time-wrap li{list-style:none}.ce-time-wrap>li{width:33.3%;height:100%;text-align:center}.ce-time-wrap>li>span{transform:translateY(-5px);display:inline-block}.ce-time-wrap>li>ol{height:calc(100% - 20px);overflow-y:auto;border:1px solid #e2e2e2;position:relative}.ce-time-wrap>li:first-child>ol{border-right:0}.ce-time-wrap>li:last-child>ol{border-left:0}.ce-time-wrap>li>ol>li{line-height:30px;cursor:pointer;transition:all .3s}.ce-time-wrap>li>ol>li:hover{background-color:#eaeaea}.ce-time-wrap>li>ol>li.active{color:#fff;background:#5175F4}.ce-date-menu{width:100%;height:28px;display:flex;justify-content:flex-end;align-items:center;padding-top:10px;position:relative;border-top:1px solid #e4e7ed}.ce-date-menu button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dcdfe6;color:#606266;appearance:none;text-align:center;box-sizing:border-box;outline:none;transition:.1s;font-weight:500;user-select:none;padding:7px 15px;font-size:12px;border-radius:3px;margin:0 0 0 10px}.ce-date-menu button:hover{color:#5175f4;border-color:#5175f4}.ce-date-menu button.ce-date-menu__time{border:1px solid transparent;position:absolute;left:0;margin-left:0}.ce-date-menu button.ce-date-menu__time:hover{color:#5175f4}.ce-block-item{position:absolute;z-index:0;overflow:hidden;border-radius:8px;background-color:#fff;border:1px solid rgb(235 236 240)}.ce-table-tool__row{position:absolute;width:12px;border-radius:6.5px;overflow:hidden;background-color:#e2e6ed}.ce-table-tool__row .ce-table-tool__row__item{width:100%;position:relative}.ce-table-tool__row .ce-table-tool__row__item:after{content:"";position:absolute;bottom:0;left:2px;width:8px;height:1px;background-color:#c0c6cf}.ce-table-tool__row .ce-table-tool__row__item:last-child:after{display:none}.ce-table-tool__col{position:absolute;height:12px;border-radius:6.5px;overflow:hidden;background-color:#e2e6ed;display:flex}.ce-table-tool__col .ce-table-tool__col__item{height:100%;position:relative}.ce-table-tool__col .ce-table-tool__col__item:after{content:"";position:absolute;top:2px;left:-1px;width:1px;height:8px;z-index:1;background-color:#c0c6cf}.ce-table-tool__col .ce-table-tool__col__item:first-child:after{display:none}.ce-table-tool__row .ce-table-tool__row__item.active,.ce-table-tool__col .ce-table-tool__col__item.active{background-color:#c4d7fa}.ce-table-tool__col .ce-table-tool__anchor{right:-5px;width:10px;height:12px;z-index:9;position:absolute;cursor:col-resize}.ce-table-tool__row .ce-table-tool__anchor{bottom:-5px;left:0;width:12px;height:10px;z-index:9;position:absolute;cursor:row-resize}.ce-table-anchor__line{z-index:9;position:absolute;border:1px dotted #000000}.ce-table-tool__border{position:absolute;z-index:1;background:transparent;pointer-events:none}.ce-table-tool__border__row{position:absolute;cursor:row-resize;pointer-events:auto}.ce-table-tool__border__col{position:absolute;cursor:col-resize;pointer-events:auto}.ce-resizer-selection{position:absolute;border:1px solid}.ce-resizer-selection>div{position:absolute;width:10px;height:10px;box-shadow:0 1px 4px #0000004d;border-radius:5px;border:2px solid #ffffff;box-sizing:border-box}.ce-resizer-selection .handle-0{cursor:nw-resize}.ce-resizer-selection .handle-1{cursor:n-resize}.ce-resizer-selection .handle-2{cursor:ne-resize}.ce-resizer-selection .handle-3{cursor:e-resize}.ce-resizer-selection .handle-4{cursor:se-resize}.ce-resizer-selection .handle-5{cursor:s-resize}.ce-resizer-selection .handle-6{cursor:sw-resize}.ce-resizer-selection .handle-7{cursor:w-resize}.ce-resizer-image{position:absolute;opacity:.5}.ce-image-previewer{position:fixed;left:0;top:0;z-index:1000;width:100%;height:100%;overflow:hidden;background:#f2f4f7;display:flex;align-items:center;justify-content:center;animation:previewerAnimation .3s}@keyframes previewerAnimation{0%{opacity:.1}to{opacity:1}}.ce-image-previewer .image-close{width:24px;height:24px;display:inline-block;position:absolute;right:50px;top:30px;z-index:99;cursor:pointer;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIzLjk3IDdsMS40MTUgMS40MTQtNy43NzkgNy43NzggNy43NzkgNy43NzktMS40MTQgMS40MTQtNy43NzktNy43NzktNy43NzggNy43NzlMNyAyMy45N2w3Ljc3OC03Ljc3OUw3IDguNDE0IDguNDE0IDdsNy43NzggNy43NzhMMjMuOTcxIDd6IiBmaWxsPSIjM0Q0NzU3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=) no-repeat;background-size:100% 100%;transition:all .3s;border-radius:50%}.ce-image-previewer .image-close:hover{background-color:#e2e6ed}.ce-image-previewer .ce-image-container{position:relative}.ce-image-previewer .ce-image-container img{cursor:move;position:relative}.ce-image-previewer .ce-image-menu{height:50px;position:absolute;bottom:50px;z-index:99;display:flex;align-items:center;justify-content:center}.ce-image-previewer .ce-image-menu i{width:32px;height:32px;margin:0 8px;cursor:pointer;display:inline-block;background-repeat:no-repeat;background-size:100% 100%;transition:all .3s;border-radius:50%}.ce-image-previewer .ce-image-menu i:hover{background-color:#e2e6ed}.ce-image-previewer .ce-image-menu i.zoom-in{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0IDE0di00aDJ2NGg0djJoLTR2NGgtMnYtNGgtNHYtMmg0em04Ljc0OSAxMC4xNjNBMTEuOTUyIDExLjk1MiAwIDAxMTUgMjdDOC4zNzMgMjcgMyAyMS42MjcgMyAxNVM4LjM3MyAzIDE1IDNzMTIgNS4zNzMgMTIgMTJjMCAyLjk1NC0xLjA2NyA1LjY1OC0yLjgzNyA3Ljc0OWw0LjkwOCA0LjkwOC0xLjQxNCAxLjQxNC00LjkwOC00LjkwOHpNMTUgMjVjNS41MjMgMCAxMC00LjQ3NyAxMC0xMFMyMC41MjMgNSAxNSA1IDUgOS40NzcgNSAxNXM0LjQ3NyAxMCAxMCAxMHoiIGZpbGw9IiMzRDQ3NTciLz48L3N2Zz4=)}.ce-image-previewer .ce-image-menu i.zoom-out{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIyLjc0OSAyNC4xNjNBMTEuOTUyIDExLjk1MiAwIDAxMTUgMjdDOC4zNzMgMjcgMyAyMS42MjcgMyAxNVM4LjM3MyAzIDE1IDNzMTIgNS4zNzMgMTIgMTJjMCAyLjk1NC0xLjA2NyA1LjY1OC0yLjgzNyA3Ljc0OWw0LjkwOCA0LjkwOC0xLjQxNCAxLjQxNC00LjkwOC00LjkwOHpNMTUgMjVjNS41MjMgMCAxMC00LjQ3NyAxMC0xMFMyMC41MjMgNSAxNSA1IDUgOS40NzcgNSAxNXM0LjQ3NyAxMCAxMCAxMHptLTUtMTFoMTB2MkgxMHYtMnoiIGZpbGw9IiMzRDQ3NTciLz48L3N2Zz4=)}.ce-image-previewer .ce-image-menu i.rotate{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iIzNENDc1NyIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTYgNGM2LjYyNyAwIDEyIDUuMzczIDEyIDEyYTExLjk3IDExLjk3IDAgMDEtNCA4Ljk0NFYyM2gtLjg2QTkuOTY4IDkuOTY4IDAgMDAyNiAxNmMwLTUuNTIzLTQuNDc3LTEwLTEwLTEwUzYgMTAuNDc3IDYgMTZjMCA1LjE4NSAzLjk0NyA5LjQ0OSA5IDkuOTV2Mi4wMDlDOC44NCAyNy40NTEgNCAyMi4yOTEgNCAxNiA0IDkuMzczIDkuMzczIDQgMTYgNHoiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik0xOS44NzkgMjcuMzI4bDEuNzY3LTYuNzE3IDQuOTUgNC45NXoiLz48L2c+PC9zdmc+)}.ce-image-previewer .ce-image-menu i.original-size{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQgNGgyNHYyNEg0VjR6bTIgMnYyMGgyMFY2SDZ6bTQgNWgydjEwaC0yVjExem01IDJoMnYyaC0ydi0yem0wIDRoMnYyaC0ydi0yem01LTZoMnYxMGgtMlYxMXoiIGZpbGw9IiMzRDQ3NTciLz48L3N2Zz4=)}.ce-image-previewer .ce-image-menu i.image-download{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQuNSAxNXYzLjVoMTVWMTVIMjF2NUgzdi01aDEuNXptOC4yMzItMTEuMjI2djkuMTk2bDQuMDUtNC4wNSAxLjA2IDEuMDYtNS44MzQgNS44MzQtNS44MzMtNS44MzMgMS4wNi0xLjA2IDMuOTk4IDMuOTk2VjMuNzc0aDEuNXoiIGZpbGw9IiMzRDQ3NTciLz48L3N2Zz4=)}.ce-contextmenu-container{z-index:9;position:fixed;display:none;padding:4px;overflow-x:hidden;overflow-y:auto;background:#fff;box-shadow:0 2px 12px #38383833;border:1px solid #e2e6ed;border-radius:2px}.ce-contextmenu-content{display:flex;flex-direction:column}.ce-contextmenu-content .ce-contextmenu-sub-item:after{position:absolute;content:"";width:16px;height:16px;right:12px;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCAwaDE2djE2SDB6Ii8+PGcgZmlsbD0iIzc2N0M4NSI+PHBhdGggZD0iTTcgMTIuMjQzbC0uNzA3LS43MDcgNC4yNDMtNC4yNDMuNzA3LjcwN3oiLz48cGF0aCBkPSJNNi4yOTMgNC40NjRMNyAzLjc1NyAxMS4yNDMgOGwtLjcwNy43MDd6Ii8+PC9nPjwvZz48L3N2Zz4=)}.ce-contextmenu-content .ce-contextmenu-item{min-width:140px;padding:0 32px 0 16px;height:30px;display:flex;align-items:center;white-space:nowrap;box-sizing:border-box;cursor:pointer}.ce-contextmenu-content .ce-contextmenu-item.hover{background:rgba(25,55,88,.04)}.ce-contextmenu-content .ce-contextmenu-item span{max-width:300px;font-size:12px;color:#3d4757;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ce-contextmenu-content .ce-contextmenu-item span.ce-shortcut{color:#767c85;height:30px;flex:1;text-align:right;line-height:30px;margin-left:20px}.ce-contextmenu-content .ce-contextmenu-item i{width:16px;height:16px;vertical-align:middle;display:inline-block;background-repeat:no-repeat;background-size:100% 100%;flex-shrink:0;margin-right:8px}.ce-contextmenu-divider{background-color:#e2e6ed;margin:4px 16px;height:1px}.ce-contextmenu-print{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjM0Q0NzU3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0xMiA0aC0xVjJINXYySDRWMmExIDEgMCAwMTEtMWg2YTEgMSAwIDAxMSAxdjJ6bTAgNXY0YTEgMSAwIDAxLTEgMUg1YTEgMSAwIDAxLTEtMVY5aDF2NGg2VjloMXoiLz48cGF0aCBkPSJNMTIgMTJ2LTFoMlY1SDJ2NmgydjFIMmExIDEgMCAwMS0xLTFWNWExIDEgMCAwMTEtMWgxMmExIDEgMCAwMTEgMXY2YTEgMSAwIDAxLTEgMWgtMnoiLz48cGF0aCBkPSJNMyA4aDEwdjFIM3ptOC0yaDJ2MWgtMnoiLz48L2c+PC9zdmc+)}.ce-contextmenu-image{background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSLlm77lsYJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZT4uc3Qwe2ZpbGw6IzNkNDc1N308L3N0eWxlPjxnIGlkPSJfeDMwXzAt5YWs5YWxX3gyRl8wMuW3peWFt+agj194MkZf5o+S5YWl5Zu+54mHLTE2cHgtIj48ZyBpZD0iR3JvdXAtMTkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMSkiPjxwYXRoIGlkPSJDb21iaW5lZC1TaGFwZSIgY2xhc3M9InN0MCIgZD0iTTEgMGgxMmMuNiAwIDEgLjQgMSAxdjExYzAgLjYtLjQgMS0xIDFIMWMtLjYgMC0xLS40LTEtMVYxYzAtLjYuNC0xIDEtMXptMCAxdjExaDEyVjFIMXoiLz48Y2lyY2xlIGlkPSLmpK3lnIblvaIiIGNsYXNzPSJzdDAiIGN4PSIxMCIgY3k9IjQiIHI9IjEiLz48cGF0aCBpZD0iUGF0aCIgY2xhc3M9InN0MCIgZD0iTTguNSAxMS4ybC00LTQuMUwxIDEwLjdWOS4yYzEuNy0xLjYgMi43LTIuNSAzLTIuOC40LS41LjctLjQgMSAwTDguNSAxMCAxMSA3LjNjLjQtLjUuNi0uNSAxLS4xbDIgMi44djEuNWwtMi41LTMuNC0zIDMuMXoiLz48L2c+PC9nPjwvc3ZnPg==)}.ce-contextmenu-image-change{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyIDQpIiBmaWxsPSIjM0Q0NzU3Ij48Y2lyY2xlIGZpbGwtcnVsZT0ibm9uemVybyIgY3g9IjMiIGN5PSIxIiByPSIxIi8+PHBhdGggZD0iTTcuNDczIDguMjIzTDMuNDcgNC4xMDcgMCA3LjY2N3YtMS41QzEuNzE1IDQuNiAyLjcwNyAzLjY2NCAyLjk3NSAzLjM1OGMuNDAyLS40NTcuNjUxLS4zOSAxLjA0MiAwTDcuNDczIDcgOS45NiA0LjM0OWMuNDE0LS40NjIuNjItLjQ2MiAxLjAxMS0uMDcxTDEzIDcuMDZ2MS41bC0yLjUxLTMuNDEtMy4wMTcgMy4wNzJ6Ii8+PC9nPjxwYXRoIGQ9Ik02IDEuNUgxLjV2MTJoMTN2LTRWMTNhLjUuNSAwIDAxLS41LjVIMmEuNS41IDAgMDEtLjUtLjVWMmEuNS41IDAgMDEuNS0uNWg0em04LjUgOFY2bC0uNS41aDFsLS41LS41djMuNXpNNiAxLjVoNEw5LjUgMXYxbC41LS41SDZ6IiBzdHJva2U9IiMzRDQ3NTciLz48cGF0aCBkPSJNMTMuMDg1IDEuMzE2bC0zLjgxNCA0YTEgMSAwIDAwMS40NTggMS4zNjhsMy44MTUtNGExIDEgMCAxMC0xLjQ1OS0xLjM2OHoiIGZpbGw9IiMzRDQ3NTciIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvZz48L3N2Zz4=)}.ce-contextmenu-insert-row-col{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBzdHJva2U9IiMzRDQ3NTciIGQ9Ik04LjUgNS41aDZ2NGgtNnoiLz48cGF0aCBmaWxsPSIjM0Q0NzU3IiBkPSJNNCA3djFoMlY3em0tMyAuNUw0IDV2NXpNMSAxaDEydjFIMXptMCAxMmgxMnYxSDF6Ii8+PC9nPjwvc3ZnPg==)}.ce-contextmenu-insert-top-row{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjM0Q0NzU3IiBkPSJNOCA1SDd2M2gxem0tLjUtM0wxMCA1SDV6Ii8+PHJlY3Qgc3Ryb2tlPSIjM0Q0NzU3IiB4PSIxLjUiIHk9IjEwLjUiIHdpZHRoPSIxMiIgaGVpZ2h0PSIzIiByeD0iMSIvPjwvZz48L3N2Zz4=)}.ce-contextmenu-insert-bottom-row{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjM0Q0NzU3IiBkPSJNNyAxMWgxVjhIN3ptLjUgM0w1IDExaDV6Ii8+PHJlY3Qgc3Ryb2tlPSIjM0Q0NzU3IiB4PSIxLjUiIHk9IjIuNSIgd2lkdGg9IjEyIiBoZWlnaHQ9IjMiIHJ4PSIxIi8+PC9nPjwvc3ZnPg==)}.ce-contextmenu-insert-left-col{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjM0Q0NzU3IiBkPSJNMTEgN3YxaDNWN3ptLTMgLjVMMTEgNXY1eiIvPjxyZWN0IHN0cm9rZT0iIzNENDc1NyIgdHJhbnNmb3JtPSJyb3RhdGUoOTAgNCA3LjUpIiB4PSItMiIgeT0iNiIgd2lkdGg9IjEyIiBoZWlnaHQ9IjMiIHJ4PSIxIi8+PC9nPjwvc3ZnPg==)}.ce-contextmenu-insert-right-col{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjM0Q0NzU3IiBkPSJNNSA4VjdIMnYxem0zLS41TDUgMTBWNXoiLz48cmVjdCBzdHJva2U9IiMzRDQ3NTciIHRyYW5zZm9ybT0icm90YXRlKDkwIDEyIDcuNSkiIHg9IjYiIHk9IjYiIHdpZHRoPSIxMiIgaGVpZ2h0PSIzIiByeD0iMSIvPjwvZz48L3N2Zz4=)}.ce-contextmenu-delete-row-col{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBzdHJva2U9IiM5MjlBQTgiIGQ9Ik04LjUgNi41aDZ2MmgtNnoiLz48cGF0aCBmaWxsPSIjM0Q0NzU3IiBkPSJNMiAxMmgxMXYxSDJ6TTIgMmgxMXYxSDJ6bS42MyAzTDcgOS4zNWwtLjYzNS42NUwyIDUuNjN6Ii8+PHBhdGggZmlsbD0iIzNENDc1NyIgZD0iTTIgOS4zNjNMNi4zNTUgNSA3IDUuNzA3IDIuNjk1IDEweiIvPjwvZz48L3N2Zz4=)}.ce-contextmenu-delete-row{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBzdHJva2U9IiM5MjlBQTgiIGQ9Ik04LjUgNS41aDZ2NGgtNnoiLz48cGF0aCBmaWxsPSIjM0Q0NzU3IiBkPSJNMSAxM2gxMnYxSDF6TTEgMWgxMnYxSDF6bTAgNGgxdjFIMXptMSAxaDF2MUgyem0xIDFoMXYxSDN6bTEtMWgxdjFINHptMS0xaDF2MUg1ek00IDhoMXYxSDR6TTIgOGgxdjFIMnptMyAxaDF2MUg1ek0xIDloMXYxSDF6Ii8+PC9nPjwvc3ZnPg==)}.ce-contextmenu-delete-col{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBzdHJva2U9IiM5MjlBQTgiIGQ9Ik01LjUgNy41di02aDR2NnoiLz48cGF0aCBmaWxsPSIjM0Q0NzU3IiBkPSJNMTMgMTVWM2gxdjEyek0xIDE1VjNoMXYxMnptNCAwdi0xaDF2MXptMS0xdi0xaDF2MXptMS0xdi0xaDF2MXptLTEtMXYtMWgxdjF6bS0xLTF2LTFoMXYxem0zIDF2LTFoMXYxem0wIDJ2LTFoMXYxem0xLTN2LTFoMXYxem0wIDR2LTFoMXYxeiIvPjwvZz48L3N2Zz4=)}.ce-contextmenu-delete-table{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iIzNENDc1NyIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTQgMTNoLTF2LTNIMnYzSDF2LTNhMSAxIDAgMDExLTFoMTFhMSAxIDAgMDExIDF2M3oiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik01LjYyNSAyTDEwIDYuMzc1IDkuMzc1IDcgNSAyLjYyNXoiLz48cGF0aCBkPSJNNSA2LjM3NUw5LjM3NSAybC42MjUuNjI1TDUuNjI1IDd6Ii8+PC9nPjwvc3ZnPg==)}.ce-contextmenu-merge-cell{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iIzNENDc1NyIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNNiAxdjFIMnYxMWg0djFIMmExIDEgMCAwMS0xLTFWMmExIDEgMCAwMTEtMWg0em0zIDBoNGExIDEgMCAwMTEgMXYxMWExIDEgMCAwMS0xIDFIOXYtMWg0VjJIOVYxeiIvPjxwYXRoIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTYgMWgxdjRINnptMiAwaDF2NEg4eiIvPjxwYXRoIGQ9Ik04IDcuNUwxMCA2djN6bS0xIDBMNSA2djN6Ii8+PHBhdGggZD0iTTkgN2gzdjFIOXpNMyA3aDN2MUgzeiIvPjxwYXRoIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTggMTBoMXY0SDh6bS0yIDBoMXY0SDZ6Ii8+PC9nPjwvc3ZnPg==)}.ce-contextmenu-merge-cancel-cell{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iIzNENDc1NyIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNNiAxdjFIMnYxMWg0djFIMmExIDEgMCAwMS0xLTFWMmExIDEgMCAwMTEtMWg0em0zIDBoNGExIDEgMCAwMTEgMXYxMWExIDEgMCAwMS0xIDFIOXYtMWg0VjJIOVYxeiIvPjxwYXRoIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTYgMWgxdjRINnptMiAwaDF2NEg4eiIvPjxwYXRoIGQ9Ik0zIDcuNUw1IDZ2M3ptOSAwTDEwIDZ2M3oiLz48cGF0aCBkPSJNNCA3aDN2MUg0em00IDBoM3YxSDh6Ii8+PHBhdGggZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNOCAxMGgxdjRIOHptLTIgMGgxdjRINnoiLz48L2c+PC9zdmc+)}.ce-contextmenu-vertical-align{background-image:url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMiAxM2gxMnYxSDJ6bTAtM2g4djFIMnptMC0zaDEydjFIMnptMC02aDEydjFIMnptMCAzaDh2MUgyeiIgZmlsbD0iIzNkNDc1NyIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)}.ce-contextmenu-vertical-align-top{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTggOEg3djZoMXptLS41LTNMMTAgOEg1ek0yIDNoMTF2MUgyeiIgZmlsbD0iIzNENDc1NyIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)}.ce-contextmenu-vertical-align-middle{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOCAxMkg3djNoMXptLS41LTNsMi41IDNINXpNNyAzaDFWMEg3em0uNSAzTDUgM2g1ek0yIDdoMTF2MUgyeiIgZmlsbD0iIzNENDc1NyIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)}.ce-contextmenu-vertical-align-bottom{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcgOWgxVjNIN3ptLjUgM0w1IDloNXpNMiAxM2gxMXYxSDJ6IiBmaWxsPSIjM0Q0NzU3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=)}.ce-contextmenu-border-all{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuNSAzYS41LjUgMCAwMS41LS41aDExYS41LjUgMCAwMS41LjV2MTFhLjUuNSAwIDAxLS41LjVIM2EuNS41IDAgMDEtLjUtLjVWM3oiIHN0cm9rZT0iIzNENDc1NyIvPjxwYXRoIGZpbGw9IiMzRDQ3NTciIGQ9Ik0zIDhoMTF2MUgzeiIvPjxwYXRoIGZpbGw9IiMzRDQ3NTciIGQ9Ik05IDN2MTFIOFYzeiIvPjwvc3ZnPg==)}.ce-contextmenu-border-empty{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMyAzaC0xVjJoMWExIDEgMCAwMTEgMXYxaC0xVjN6bS0zLTF2MUg4LjV2MmgtMVYzSDZWMmg0ek00IDJ2MUgzdjFIMlYzYTEgMSAwIDAxMS0xaDF6TTIgNmgxdjEuNWgydjFIM1YxMEgyVjZ6bTAgNmgxdjFoMXYxSDNhMSAxIDAgMDEtMS0xdi0xem00IDJ2LTFoMS41di0yaDF2MkgxMHYxSDZ6bTYgMHYtMWgxdi0xaDF2MWExIDEgMCAwMS0xIDFoLTF6bTItNGgtMVY4LjVoLTJ2LTFoMlY2aDF2NHpNOC41IDcuNXYtMWgtMXYxaC0xdjFoMXYxaDF2LTFoMXYtMWgtMXoiIGZpbGw9IiNBQUFDQjAiLz48L3N2Zz4=)}.ce-contextmenu-border-external{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuNSAzYS41LjUgMCAwMS41LS41aDExYS41LjUgMCAwMS41LjV2MTFhLjUuNSAwIDAxLS41LjVIM2EuNS41IDAgMDEtLjUtLjVWM3oiIHN0cm9rZT0iIzNENDc1NyIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOSA1VjNIOHYyaDF6bTAgOXYtMkg4djJoMXpNNSA4SDN2MWgyVjh6bTkgMGgtMnYxaDJWOHpNOSA3djFoMXYxSDl2MUg4VjlIN1Y4aDFWN2gxeiIgZmlsbD0iI0FBQUNCMCIvPjwvc3ZnPg==)}.ce-hyperlink-popup{background:#fff;box-shadow:0 2px 12px #626b8433;border-radius:2px;color:#3d4757;padding:12px 16px;position:absolute;z-index:1;text-align:center;display:none}.ce-hyperlink-popup a{min-width:100px;max-width:300px;font-size:12px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;text-decoration:none;border-bottom-width:1px;border-bottom-style:solid;color:#00f}.ce-header-indicator>div{padding:3px 6px;color:#000;font-size:12px;background:rgb(218 231 252);position:absolute;transform-origin:0 0}.ce-header-indicator-border__top,.ce-header-indicator-border__bottom,.ce-header-indicator-border__left,.ce-header-indicator-border__right{display:block;position:absolute}.ce-header-indicator-border__top{border-top:2px dashed rgb(238,238,238)}.ce-header-indicator-border__bottom{border-top:2px dashed rgb(238,238,238);width:100%}.ce-header-indicator-border__left{border-left:2px dashed rgb(238,238,238)}.ce-header-indicator-border__right{border-right:2px dashed rgb(238,238,238)}.ce-inputarea{width:1px;height:12px;min-width:0;min-height:0;margin:0;padding:0;left:0;right:0;letter-spacing:0;font-size:12px;position:absolute;z-index:-1;outline:none;resize:none;border:none;overflow:hidden;color:transparent;user-select:none;background-color:transparent}.ce-cursor{width:1px;height:20px;left:0;right:0;position:absolute;outline:none;background-color:#000;pointer-events:none}.ce-cursor.ce-cursor--animation{animation-duration:1s;animation-iteration-count:infinite;animation-name:cursorAnimation}@keyframes cursorAnimation{0%{opacity:1}13%{opacity:0}50%{opacity:0}63%{opacity:1}to{opacity:1}}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}})();})();
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
@@ -23,7 +23,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 var index = "";
-const version = "0.9.23";
+const version = "0.9.26";
 const ZERO = "\u200B";
 const WRAP = "\n";
 var RowFlex;
@@ -201,6 +201,7 @@ const EDITOR_ELEMENT_ZIP_ATTR = [
   "rowMargin",
   "dashArray",
   "trList",
+  "borderType",
   "width",
   "height",
   "url",
@@ -3503,7 +3504,7 @@ function zipElementList(payload) {
   let e = 0;
   while (e < elementList.length) {
     let element = elementList[e];
-    if (e === 0 && element.value === ZERO) {
+    if (e === 0 && element.value === ZERO && (!element.type || element.type === ElementType.TEXT)) {
       e++;
       continue;
     }
@@ -3514,11 +3515,15 @@ function zipElementList(payload) {
           delete tr.id;
           for (let d = 0; d < tr.tdList.length; d++) {
             const td = tr.tdList[d];
-            tr.tdList[d] = {
+            const zipTd = {
               colspan: td.colspan,
               rowspan: td.rowspan,
               value: zipElementList(td.value)
             };
+            if (td.verticalAlign) {
+              zipTd.verticalAlign = td.verticalAlign;
+            }
+            tr.tdList[d] = zipTd;
           }
         }
       }
@@ -4315,9 +4320,7 @@ function mousedown(evt, host) {
   const tableTool = draw.getTableTool();
   tableTool.dispose();
   if (isTable && !isReadonly) {
-    const originalElementList = draw.getOriginalElementList();
-    const originalPositionList = position.getOriginalPositionList();
-    tableTool.render(originalElementList[index2], originalPositionList[index2]);
+    tableTool.render();
   }
   const hyperlinkParticle = draw.getHyperlinkParticle();
   hyperlinkParticle.clearHyperlinkPopup();
@@ -4772,6 +4775,10 @@ function keydown(evt, host) {
     evt.preventDefault();
   } else if (evt.key === KeyMap.ESC) {
     host.clearPainterStyle();
+    const zoneManager = draw.getZone();
+    if (zoneManager.isHeaderActive()) {
+      zoneManager.setZone(EditorZone.MAIN);
+    }
     evt.preventDefault();
   } else if (evt.key === KeyMap.TAB) {
     draw.insertElementList([{
@@ -5491,15 +5498,30 @@ class Position {
             for (let d = 0; d < tr.tdList.length; d++) {
               const td = tr.tdList[d];
               td.positionList = [];
+              const rowList2 = td.rowList;
               const drawRowResult = this.computePageRowPosition({
                 positionList: td.positionList,
-                rowList: td.rowList,
+                rowList: rowList2,
                 pageNo,
                 startIndex: 0,
                 startX: (td.x + tdPadding) * scale + tablePreX,
                 startY: td.y * scale + tablePreY,
                 innerWidth: (td.width - tdGap) * scale
               });
+              if (td.verticalAlign === VerticalAlign.MIDDLE || td.verticalAlign == VerticalAlign.BOTTOM) {
+                const rowsHeight = rowList2.reduce((pre, cur) => pre + cur.height, 0);
+                const blankHeight = td.height - tdGap - rowsHeight;
+                const offsetHeight = td.verticalAlign === VerticalAlign.MIDDLE ? blankHeight / 2 : blankHeight;
+                if (Math.floor(offsetHeight) > 0) {
+                  td.positionList.forEach((tdPosition) => {
+                    const { coordinate: { leftTop, leftBottom, rightBottom, rightTop } } = tdPosition;
+                    leftTop[1] += offsetHeight;
+                    leftBottom[1] += offsetHeight;
+                    rightBottom[1] += offsetHeight;
+                    rightTop[1] += offsetHeight;
+                  });
+                }
+              }
               x = drawRowResult.x;
               y = drawRowResult.y;
             }
@@ -5632,13 +5654,14 @@ class Position {
     let isLastArea = false;
     let curPositionIndex = -1;
     if (isTable) {
+      const { scale } = this.options;
       const { td, tablePosition } = payload;
       if (td && tablePosition) {
         const { leftTop } = tablePosition.coordinate;
-        const tdX = td.x + leftTop[0];
-        const tdY = td.y + leftTop[1];
-        const tdWidth = td.width;
-        const tdHeight = td.height;
+        const tdX = td.x * scale + leftTop[0];
+        const tdY = td.y * scale + leftTop[1];
+        const tdWidth = td.width * scale;
+        const tdHeight = td.height * scale;
         if (!(tdX < x && x < tdX + tdWidth && tdY < y && y < tdY + tdHeight)) {
           return {
             index: curPositionIndex
@@ -5756,6 +5779,12 @@ class RangeManager {
     const elementList = this.draw.getElementList();
     return elementList.slice(startIndex + 1, endIndex + 1);
   }
+  getTextLikeSelection() {
+    const selection = this.getSelection();
+    if (!selection)
+      return null;
+    return selection.filter((s) => !s.type || TEXTLIKE_ELEMENT_TYPE.includes(s.type));
+  }
   getRangeRow() {
     const { startIndex, endIndex } = this.range;
     if (!~startIndex && !~endIndex)
@@ -5825,6 +5854,7 @@ class RangeManager {
       return;
     const type = curElement.type || ElementType.TEXT;
     const font = curElement.font || this.options.defaultFont;
+    const size = curElement.size || this.options.defaultSize;
     const bold = !~curElementList.findIndex((el) => !el.bold);
     const italic = !~curElementList.findIndex((el) => !el.italic);
     const underline = !~curElementList.findIndex((el) => !el.underline);
@@ -5843,6 +5873,7 @@ class RangeManager {
       redo,
       painter,
       font,
+      size,
       bold,
       italic,
       underline,
@@ -5858,6 +5889,7 @@ class RangeManager {
     if (!this.listener.rangeStyleChange)
       return;
     const font = this.options.defaultFont;
+    const size = this.options.defaultSize;
     const rowMargin = this.options.defaultRowMargin;
     const painter = !!this.draw.getPainterStyle();
     const undo = this.historyManager.isCanUndo();
@@ -5868,6 +5900,7 @@ class RangeManager {
       redo,
       painter,
       font,
+      size,
       bold: false,
       italic: false,
       underline: false,
@@ -6415,14 +6448,26 @@ class PageNumber {
     this.options = draw.getOptions();
   }
   render(ctx, pageNo) {
-    const { pageNumberSize, pageNumberFont, scale, pageMode } = this.options;
+    const { pageNumber: { size, font, color, rowFlex }, scale, pageMode } = this.options;
+    const text = `${pageNo + 1}`;
     const width = this.draw.getWidth();
     const height = pageMode === PageMode.CONTINUITY ? this.draw.getCanvasHeight(pageNo) : this.draw.getHeight();
     const pageNumberBottom = this.draw.getPageNumberBottom();
+    const y = height - pageNumberBottom;
     ctx.save();
-    ctx.fillStyle = "#00000";
-    ctx.font = `${pageNumberSize * scale}px ${pageNumberFont}`;
-    ctx.fillText(`${pageNo + 1}`, width / 2, height - pageNumberBottom);
+    ctx.fillStyle = color;
+    ctx.font = `${size * scale}px ${font}`;
+    let x = 0;
+    const margins = this.draw.getMargins();
+    const { width: textWidth } = ctx.measureText(text);
+    if (rowFlex === RowFlex.CENTER) {
+      x = (width + textWidth) / 2;
+    } else if (rowFlex === RowFlex.RIGHT) {
+      x = width - textWidth - margins[1];
+    } else {
+      x = margins[3];
+    }
+    ctx.fillText(text, x, y);
     ctx.restore();
   }
 }
@@ -6569,14 +6614,19 @@ class TableParticle {
     this.range = draw.getRange();
     this.options = draw.getOptions();
   }
-  _drawBorder(ctx, startX, startY, width, height) {
+  _drawBorder(payload) {
+    const { ctx, startX, startY, width, height, isDrawFullBorder } = payload;
     ctx.beginPath();
     const x = Math.round(startX);
     const y = Math.round(startY);
     ctx.translate(0.5, 0.5);
-    ctx.moveTo(x, y + height);
-    ctx.lineTo(x, y);
-    ctx.lineTo(x + width, y);
+    if (isDrawFullBorder) {
+      ctx.rect(x, y, width, height);
+    } else {
+      ctx.moveTo(x, y + height);
+      ctx.lineTo(x, y);
+      ctx.lineTo(x + width, y);
+    }
     ctx.stroke();
     ctx.translate(-0.5, -0.5);
   }
@@ -6698,29 +6748,39 @@ class TableParticle {
     ctx.restore();
   }
   render(ctx, element, startX, startY) {
-    const { colgroup, trList } = element;
-    if (!colgroup || !trList)
+    const { colgroup, trList, borderType } = element;
+    if (!colgroup || !trList || borderType === TableBorder.EMPTY)
       return;
     const { scale } = this.options;
     const tableWidth = element.width * scale;
     const tableHeight = element.height * scale;
+    const isExternalBorderType = borderType === TableBorder.EXTERNAL;
     ctx.save();
-    this._drawBorder(ctx, startX, startY, tableWidth, tableHeight);
-    for (let t = 0; t < trList.length; t++) {
-      const tr = trList[t];
-      for (let d = 0; d < tr.tdList.length; d++) {
-        const td = tr.tdList[d];
-        const width = td.width * scale;
-        const height = td.height * scale;
-        const x = Math.round(td.x * scale + startX + width);
-        const y = Math.round(td.y * scale + startY);
-        ctx.translate(0.5, 0.5);
-        ctx.beginPath();
-        ctx.moveTo(x, y);
-        ctx.lineTo(x, y + height);
-        ctx.lineTo(x - width, y + height);
-        ctx.stroke();
-        ctx.translate(-0.5, -0.5);
+    this._drawBorder({
+      ctx,
+      startX,
+      startY,
+      width: tableWidth,
+      height: tableHeight,
+      isDrawFullBorder: isExternalBorderType
+    });
+    if (!isExternalBorderType) {
+      for (let t = 0; t < trList.length; t++) {
+        const tr = trList[t];
+        for (let d = 0; d < tr.tdList.length; d++) {
+          const td = tr.tdList[d];
+          const width = td.width * scale;
+          const height = td.height * scale;
+          const x = Math.round(td.x * scale + startX + width);
+          const y = Math.round(td.y * scale + startY);
+          ctx.translate(0.5, 0.5);
+          ctx.beginPath();
+          ctx.moveTo(x, y);
+          ctx.lineTo(x, y + height);
+          ctx.lineTo(x - width, y + height);
+          ctx.stroke();
+          ctx.translate(-0.5, -0.5);
+        }
       }
     }
     ctx.restore();
@@ -6733,8 +6793,9 @@ var TableOrder;
 })(TableOrder || (TableOrder = {}));
 class TableTool {
   constructor(draw) {
-    __publicField(this, "translate", 18);
-    __publicField(this, "minTdWidth", 20);
+    __publicField(this, "MIN_TD_WIDTH", 20);
+    __publicField(this, "ROW_COL_OFFSET", 18);
+    __publicField(this, "BORDER_VALUE", 4);
     __publicField(this, "draw");
     __publicField(this, "canvas");
     __publicField(this, "options");
@@ -6742,6 +6803,7 @@ class TableTool {
     __publicField(this, "container");
     __publicField(this, "toolRowContainer");
     __publicField(this, "toolColContainer");
+    __publicField(this, "toolBorderContainer");
     __publicField(this, "anchorLine");
     __publicField(this, "mousedownX");
     __publicField(this, "mousedownY");
@@ -6752,34 +6814,46 @@ class TableTool {
     this.container = draw.getContainer();
     this.toolRowContainer = null;
     this.toolColContainer = null;
+    this.toolBorderContainer = null;
     this.anchorLine = null;
     this.mousedownX = 0;
     this.mousedownY = 0;
   }
   dispose() {
-    var _a, _b;
+    var _a, _b, _c;
     (_a = this.toolRowContainer) == null ? void 0 : _a.remove();
     (_b = this.toolColContainer) == null ? void 0 : _b.remove();
+    (_c = this.toolBorderContainer) == null ? void 0 : _c.remove();
+    this.toolRowContainer = null;
+    this.toolColContainer = null;
+    this.toolBorderContainer = null;
   }
-  render(element, position) {
+  render() {
+    const { isTable, index: index2, trIndex, tdIndex } = this.position.getPositionContext();
+    if (!isTable)
+      return;
     this.dispose();
-    const { trIndex, tdIndex } = this.position.getPositionContext();
     const { scale } = this.options;
-    const height = this.draw.getHeight();
-    const pageGap = this.draw.getPageGap();
+    const elementList = this.draw.getOriginalElementList();
+    const positionList = this.position.getOriginalPositionList();
+    const element = elementList[index2];
+    const position = positionList[index2];
     const { colgroup, trList } = element;
     const { coordinate: { leftTop } } = position;
+    const height = this.draw.getHeight();
+    const pageGap = this.draw.getPageGap();
     const prePageHeight = this.draw.getPageNo() * (height + pageGap);
+    const tableX = leftTop[0];
+    const tableY = leftTop[1] + prePageHeight;
     const td = element.trList[trIndex].tdList[tdIndex];
     const rowIndex = td.rowIndex;
     const colIndex = td.colIndex;
-    const rowList = trList.map((tr) => tr.height);
-    const colList = colgroup.map((col) => col.width);
+    const rowHeightList = trList.map((tr) => tr.height);
     const rowContainer = document.createElement("div");
     rowContainer.classList.add(`${EDITOR_PREFIX}-table-tool__row`);
-    rowContainer.style.transform = `translateX(-${this.translate * scale}px)`;
-    for (let r = 0; r < rowList.length; r++) {
-      const rowHeight = rowList[r] * scale;
+    rowContainer.style.transform = `translateX(-${this.ROW_COL_OFFSET * scale}px)`;
+    for (let r = 0; r < rowHeightList.length; r++) {
+      const rowHeight = rowHeightList[r] * scale;
       const rowItem = document.createElement("div");
       rowItem.classList.add(`${EDITOR_PREFIX}-table-tool__row__item`);
       if (r === rowIndex) {
@@ -6791,7 +6865,6 @@ class TableTool {
         this._mousedown({
           evt,
           element,
-          position,
           index: r,
           order: TableOrder.ROW
         });
@@ -6800,15 +6873,16 @@ class TableTool {
       rowItem.style.height = `${rowHeight}px`;
       rowContainer.append(rowItem);
     }
-    rowContainer.style.left = `${leftTop[0]}px`;
-    rowContainer.style.top = `${leftTop[1] + prePageHeight}px`;
+    rowContainer.style.left = `${tableX}px`;
+    rowContainer.style.top = `${tableY}px`;
     this.container.append(rowContainer);
     this.toolRowContainer = rowContainer;
+    const colWidthList = colgroup.map((col) => col.width);
     const colContainer = document.createElement("div");
     colContainer.classList.add(`${EDITOR_PREFIX}-table-tool__col`);
-    colContainer.style.transform = `translateY(-${this.translate * scale}px)`;
-    for (let c = 0; c < colList.length; c++) {
-      const colHeight = colList[c] * scale;
+    colContainer.style.transform = `translateY(-${this.ROW_COL_OFFSET * scale}px)`;
+    for (let c = 0; c < colWidthList.length; c++) {
+      const colWidth = colWidthList[c] * scale;
       const colItem = document.createElement("div");
       colItem.classList.add(`${EDITOR_PREFIX}-table-tool__col__item`);
       if (c === colIndex) {
@@ -6820,22 +6894,67 @@ class TableTool {
         this._mousedown({
           evt,
           element,
-          position,
           index: c,
           order: TableOrder.COL
         });
       };
       colItem.append(colItemAnchor);
-      colItem.style.width = `${colHeight}px`;
+      colItem.style.width = `${colWidth}px`;
       colContainer.append(colItem);
     }
-    colContainer.style.left = `${leftTop[0]}px`;
-    colContainer.style.top = `${leftTop[1] + prePageHeight}px`;
+    colContainer.style.left = `${tableX}px`;
+    colContainer.style.top = `${tableY}px`;
     this.container.append(colContainer);
     this.toolColContainer = colContainer;
+    const tableHeight = element.height * scale;
+    const tableWidth = element.width * scale;
+    const borderContainer = document.createElement("div");
+    borderContainer.classList.add(`${EDITOR_PREFIX}-table-tool__border`);
+    borderContainer.style.height = `${tableHeight}px`;
+    borderContainer.style.width = `${tableWidth}px`;
+    borderContainer.style.left = `${tableX}px`;
+    borderContainer.style.top = `${tableY}px`;
+    for (let r = 0; r < trList.length; r++) {
+      const tr = trList[r];
+      for (let d = 0; d < tr.tdList.length; d++) {
+        const td2 = tr.tdList[d];
+        const rowBorder = document.createElement("div");
+        rowBorder.classList.add(`${EDITOR_PREFIX}-table-tool__border__row`);
+        rowBorder.style.width = `${td2.width * scale}px`;
+        rowBorder.style.height = `${this.BORDER_VALUE}px`;
+        rowBorder.style.top = `${(td2.y + td2.height) * scale - this.BORDER_VALUE / 2}px`;
+        rowBorder.style.left = `${td2.x * scale}px`;
+        rowBorder.onmousedown = (evt) => {
+          this._mousedown({
+            evt,
+            element,
+            index: td2.rowIndex,
+            order: TableOrder.ROW
+          });
+        };
+        borderContainer.appendChild(rowBorder);
+        const colBorder = document.createElement("div");
+        colBorder.classList.add(`${EDITOR_PREFIX}-table-tool__border__col`);
+        colBorder.style.width = `${this.BORDER_VALUE}px`;
+        colBorder.style.height = `${td2.height * scale}px`;
+        colBorder.style.top = `${td2.y * scale}px`;
+        colBorder.style.left = `${(td2.x + td2.width) * scale - this.BORDER_VALUE / 2}px`;
+        colBorder.onmousedown = (evt) => {
+          this._mousedown({
+            evt,
+            element,
+            index: td2.colIndex,
+            order: TableOrder.COL
+          });
+        };
+        borderContainer.appendChild(colBorder);
+      }
+    }
+    this.container.append(borderContainer);
+    this.toolBorderContainer = borderContainer;
   }
   _mousedown(payload) {
-    const { evt, index: index2, order, element, position } = payload;
+    const { evt, index: index2, order, element } = payload;
     this.canvas = this.draw.getPage();
     const { scale } = this.options;
     const width = this.draw.getWidth();
@@ -6879,6 +6998,7 @@ class TableTool {
     };
     document.addEventListener("mousemove", mousemoveFn);
     document.addEventListener("mouseup", () => {
+      var _a;
       let isChangeSize = false;
       if (order === TableOrder.ROW) {
         element.trList[index2].height += dy;
@@ -6891,8 +7011,9 @@ class TableTool {
           const innerWidth = this.draw.getInnerWidth();
           const curColWidth = colgroup[index2].width;
           const moveColWidth = curColWidth + dx;
-          if (moveColWidth < this.minTdWidth) {
-            dx = this.minTdWidth - curColWidth;
+          const nextColWidth = ((_a = colgroup[index2 + 1]) == null ? void 0 : _a.width) || 0;
+          if (moveColWidth < this.MIN_TD_WIDTH || moveColWidth > curColWidth + nextColWidth) {
+            dx = this.MIN_TD_WIDTH - curColWidth;
           }
           let moveTableWidth = 0;
           for (let c = 0; c < colgroup.length; c++) {
@@ -6922,7 +7043,6 @@ class TableTool {
       }
       if (isChangeSize) {
         this.draw.render({ isSetCursor: false });
-        this.render(element, position);
       }
       anchorLine.remove();
       document.removeEventListener("mousemove", mousemoveFn);
@@ -7873,7 +7993,7 @@ class WorkerManager {
       this.wordCountWorker.onerror = (evt) => {
         reject(evt);
       };
-      const elementList = this.draw.getOriginalElementList();
+      const elementList = this.draw.getOriginalMainElementList();
       this.wordCountWorker.postMessage(elementList);
     });
   }
@@ -8212,7 +8332,15 @@ const contextmenu$1 = {
     deleteCol: "\u5220\u96641\u5217",
     deleteTable: "\u5220\u9664\u6574\u4E2A\u8868\u683C",
     mergeCell: "\u5408\u5E76\u5355\u5143\u683C",
-    mergeCancelCell: "\u53D6\u6D88\u5408\u5E76"
+    mergeCancelCell: "\u53D6\u6D88\u5408\u5E76",
+    verticalAlign: "\u5782\u76F4\u5BF9\u9F50",
+    verticalAlignTop: "\u9876\u7AEF\u5BF9\u9F50",
+    verticalAlignMiddle: "\u5782\u76F4\u5C45\u4E2D",
+    verticalAlignBottom: "\u5E95\u7AEF\u5BF9\u9F50",
+    border: "\u8868\u683C\u8FB9\u6846",
+    borderAll: "\u6240\u6709\u6846\u7EBF",
+    borderEmpty: "\u65E0\u6846\u7EBF",
+    borderExternal: "\u5916\u4FA7\u6846\u7EBF"
   }
 };
 const datePicker$1 = {
@@ -8235,9 +8363,14 @@ const datePicker$1 = {
   minute: "\u5206",
   second: "\u79D2"
 };
+const frame$1 = {
+  header: "\u9875\u7709",
+  footer: "\u9875\u811A"
+};
 var zhCN = {
   contextmenu: contextmenu$1,
-  datePicker: datePicker$1
+  datePicker: datePicker$1,
+  frame: frame$1
 };
 class DatePicker {
   constructor(options = {}) {
@@ -8962,7 +9095,15 @@ const contextmenu = {
     deleteCol: "Delete 1 col",
     deleteTable: "Delete table",
     mergeCell: "Merge cell",
-    mergeCancelCell: "Cancel merge cell"
+    mergeCancelCell: "Cancel merge cell",
+    verticalAlign: "Vertical align",
+    verticalAlignTop: "Top",
+    verticalAlignMiddle: "Middle",
+    verticalAlignBottom: "Bottom",
+    border: "Table border",
+    borderAll: "All",
+    borderEmpty: "Empty",
+    borderExternal: "External"
   }
 };
 const datePicker = {
@@ -8985,9 +9126,14 @@ const datePicker = {
   minute: "Minute",
   second: "Second"
 };
+const frame = {
+  header: "Header",
+  footer: "Footer"
+};
 var en = {
   contextmenu,
-  datePicker
+  datePicker,
+  frame
 };
 class I18n {
   constructor() {
@@ -9040,11 +9186,16 @@ class ImageObserver {
 }
 class Zone {
   constructor(draw) {
+    __publicField(this, "INDICATOR_TITLE_TRANSLATE", [20, 5]);
     __publicField(this, "draw");
+    __publicField(this, "options");
+    __publicField(this, "i18n");
     __publicField(this, "container");
     __publicField(this, "currentZone");
     __publicField(this, "headerIndicatorContainer");
     this.draw = draw;
+    this.i18n = draw.getI18n();
+    this.options = draw.getOptions();
     this.container = draw.getContainer();
     this.currentZone = EditorZone.MAIN;
     this.headerIndicatorContainer = null;
@@ -9069,29 +9220,62 @@ class Zone {
       isCompute: false
     });
     if (this.isHeaderActive()) {
-      this._drawHeaderZoneIndicator();
+      this.drawHeaderZoneIndicator();
     } else {
       this._clearHeaderZoneIndicator();
     }
   }
-  _drawHeaderZoneIndicator() {
+  drawHeaderZoneIndicator() {
+    this._clearHeaderZoneIndicator();
+    const { scale } = this.options;
+    const [offsetX, offsetY] = this.INDICATOR_TITLE_TRANSLATE;
     this.headerIndicatorContainer = document.createElement("div");
     this.headerIndicatorContainer.classList.add(`${EDITOR_PREFIX}-header-indicator`);
     const pageList = this.draw.getPageList();
+    const margins = this.draw.getMargins();
+    const innerWidth = this.draw.getInnerWidth();
     const pageHeight = this.draw.getHeight();
     const pageGap = this.draw.getPageGap();
     const preY = pageHeight + pageGap;
+    const header = this.draw.getHeader();
+    const headerHeight = header.getHeight();
+    const headerTop = header.getHeaderTop();
     for (let p = 0; p < pageList.length; p++) {
-      const indicator = document.createElement("div");
-      indicator.innerText = `\u7F16\u8F91\u9875\u7709`;
-      indicator.style.top = `${preY * p}px`;
-      this.headerIndicatorContainer.append(indicator);
+      const startY = preY * p + headerTop;
+      const indicatorTitle = document.createElement("div");
+      indicatorTitle.innerText = this.i18n.t("frame.header");
+      indicatorTitle.style.top = `${startY + headerHeight}px`;
+      indicatorTitle.style.transform = `translate(${offsetX * scale}px, ${offsetY * scale}px) scale(${scale})`;
+      this.headerIndicatorContainer.append(indicatorTitle);
+      const lineTop = document.createElement("span");
+      lineTop.classList.add(`${EDITOR_PREFIX}-header-indicator-border__top`);
+      lineTop.style.top = `${startY}px`;
+      lineTop.style.width = `${innerWidth}px`;
+      lineTop.style.marginLeft = `${margins[3]}px`;
+      this.headerIndicatorContainer.append(lineTop);
+      const lineLeft = document.createElement("span");
+      lineLeft.classList.add(`${EDITOR_PREFIX}-header-indicator-border__left`);
+      lineLeft.style.top = `${startY}px`;
+      lineLeft.style.height = `${headerHeight}px`;
+      lineLeft.style.left = `${margins[3]}px`;
+      this.headerIndicatorContainer.append(lineLeft);
+      const lineBottom = document.createElement("span");
+      lineBottom.classList.add(`${EDITOR_PREFIX}-header-indicator-border__bottom`);
+      lineBottom.style.top = `${startY + headerHeight}px`;
+      this.headerIndicatorContainer.append(lineBottom);
+      const lineRight = document.createElement("span");
+      lineRight.classList.add(`${EDITOR_PREFIX}-header-indicator-border__right`);
+      lineRight.style.top = `${startY}px`;
+      lineRight.style.height = `${headerHeight}px`;
+      lineRight.style.left = `${margins[3] + innerWidth}px`;
+      this.headerIndicatorContainer.append(lineRight);
     }
     this.container.append(this.headerIndicatorContainer);
   }
   _clearHeaderZoneIndicator() {
     var _a;
     (_a = this.headerIndicatorContainer) == null ? void 0 : _a.remove();
+    this.headerIndicatorContainer = null;
   }
 }
 class Draw {
@@ -9268,10 +9452,8 @@ class Draw {
     return this.options.pageGap * this.options.scale;
   }
   getPageNumberBottom() {
-    return this.options.pageNumberBottom * this.options.scale;
-  }
-  getHeaderTop() {
-    return this.options.headerTop * this.options.scale;
+    const { pageNumber: { bottom }, scale } = this.options;
+    return bottom * scale;
   }
   getMarginIndicatorSize() {
     return this.options.marginIndicatorSize * this.options.scale;
@@ -9703,20 +9885,21 @@ class Draw {
         const trList = element.trList;
         for (let t = 0; t < trList.length; t++) {
           const tr = trList[t];
-          let maxTrHeight = 0;
           for (let d = 0; d < tr.tdList.length; d++) {
             const td = tr.tdList[d];
             const rowList2 = this.computeRowList((td.width - tdGap) * scale, td.value);
             const rowHeight = rowList2.reduce((pre, cur) => pre + cur.height, 0);
             td.rowList = rowList2;
-            const curTrHeight = (rowHeight + tdGap) / scale;
-            if (maxTrHeight < curTrHeight) {
-              maxTrHeight = curTrHeight;
+            const curTdHeight = (rowHeight + tdGap) / scale;
+            if (td.height < curTdHeight) {
+              const extraHeight = curTdHeight - td.height;
+              const changeTr = trList[t + td.rowspan - 1];
+              changeTr.height += extraHeight;
+              changeTr.tdList.forEach((changeTd) => {
+                changeTd.height += extraHeight;
+              });
             }
           }
-          if (maxTrHeight > tr.height) {
-            tr.height = maxTrHeight;
-          }
         }
         this.tableParticle.computeRowColInfo(element);
         const tableHeight = trList.reduce((pre, cur) => pre + cur.height, 0);
@@ -10164,9 +10347,9 @@ class Draw {
     } else {
       this._immediateRender();
     }
+    const positionContext = this.position.getPositionContext();
     if (isSetCursor) {
       const positionList = this.position.getPositionList();
-      const positionContext = this.position.getPositionContext();
       if (positionContext.isTable) {
         const { index: index2, trIndex, tdIndex } = positionContext;
         const elementList = this.getOriginalElementList();
@@ -10187,7 +10370,7 @@ class Draw {
       const oldHeaderElementList = deepClone(this.header.getElementList());
       const { startIndex, endIndex } = this.range.getRange();
       const pageNo = this.pageNo;
-      const oldPositionContext = deepClone(this.position.getPositionContext());
+      const oldPositionContext = deepClone(positionContext);
       const zone = this.zone.getZone();
       this.historyManager.execute(function() {
         self.zone.setZone(zone);
@@ -10200,6 +10383,12 @@ class Draw {
       });
     }
     nextTick(() => {
+      if (isCompute && !this.isReadonly() && positionContext.isTable) {
+        this.tableTool.render();
+      }
+      if (isCompute && this.zone.isHeaderActive()) {
+        this.zone.drawHeaderZoneIndicator();
+      }
       if (this.listener.pageSizeChange) {
         this.listener.pageSizeChange(this.pageRowList.length);
       }
@@ -10230,6 +10419,7 @@ const _Command = class {
     _Command.applyPainterStyle = adapt.applyPainterStyle.bind(adapt);
     _Command.format = adapt.format.bind(adapt);
     _Command.font = adapt.font.bind(adapt);
+    _Command.size = adapt.size.bind(adapt);
     _Command.sizeAdd = adapt.sizeAdd.bind(adapt);
     _Command.sizeMinus = adapt.sizeMinus.bind(adapt);
     _Command.bold = adapt.bold.bind(adapt);
@@ -10255,6 +10445,8 @@ const _Command = class {
     _Command.deleteTable = adapt.deleteTable.bind(adapt);
     _Command.mergeTableCell = adapt.mergeTableCell.bind(adapt);
     _Command.cancelMergeTableCell = adapt.cancelMergeTableCell.bind(adapt);
+    _Command.tableTdVerticalAlign = adapt.tableTdVerticalAlign.bind(adapt);
+    _Command.tableBorderType = adapt.tableBorderType.bind(adapt);
     _Command.image = adapt.image.bind(adapt);
     _Command.hyperlink = adapt.hyperlink.bind(adapt);
     _Command.deleteHyperlink = adapt.deleteHyperlink.bind(adapt);
@@ -10328,6 +10520,9 @@ const _Command = class {
   executeFont(payload) {
     return _Command.font(payload);
   }
+  executeSize(payload) {
+    return _Command.size(payload);
+  }
   executeSizeAdd() {
     return _Command.sizeAdd();
   }
@@ -10403,6 +10598,12 @@ const _Command = class {
   executeCancelMergeTableCell() {
     return _Command.cancelMergeTableCell();
   }
+  executeTableTdVerticalAlign(payload) {
+    return _Command.tableTdVerticalAlign(payload);
+  }
+  executeTableBorderType(payload) {
+    return _Command.tableBorderType(payload);
+  }
   executeHyperlink(payload) {
     return _Command.hyperlink(payload);
   }
@@ -10517,6 +10718,7 @@ __publicField(Command, "painter");
 __publicField(Command, "applyPainterStyle");
 __publicField(Command, "format");
 __publicField(Command, "font");
+__publicField(Command, "size");
 __publicField(Command, "sizeAdd");
 __publicField(Command, "sizeMinus");
 __publicField(Command, "bold");
@@ -10542,6 +10744,8 @@ __publicField(Command, "deleteTableCol");
 __publicField(Command, "deleteTable");
 __publicField(Command, "mergeTableCell");
 __publicField(Command, "cancelMergeTableCell");
+__publicField(Command, "tableTdVerticalAlign");
+__publicField(Command, "tableBorderType");
 __publicField(Command, "image");
 __publicField(Command, "hyperlink");
 __publicField(Command, "deleteHyperlink");
@@ -10582,6 +10786,18 @@ const defaultWatermarkOption = {
   size: 200,
   font: "Yahei"
 };
+var TableBorder;
+(function(TableBorder2) {
+  TableBorder2["ALL"] = "all";
+  TableBorder2["EMPTY"] = "empty";
+  TableBorder2["EXTERNAL"] = "external";
+})(TableBorder || (TableBorder = {}));
+var VerticalAlign;
+(function(VerticalAlign2) {
+  VerticalAlign2["TOP"] = "top";
+  VerticalAlign2["MIDDLE"] = "middle";
+  VerticalAlign2["BOTTOM"] = "bottom";
+})(VerticalAlign || (VerticalAlign = {}));
 function printImageBase64(base64List, width, height) {
   const iframe = document.createElement("iframe");
   iframe.style.visibility = "hidden";
@@ -10768,47 +10984,78 @@ class CommandAdapt {
     });
     this.draw.render({ isSetCursor: false });
   }
-  sizeAdd() {
+  size(payload) {
+    const { minSize, maxSize, defaultSize } = this.options;
+    if (payload < minSize || payload > maxSize)
+      return;
     const isReadonly = this.draw.isReadonly();
     if (isReadonly)
       return;
-    const selection = this.range.getSelection();
-    if (!selection)
+    const selection = this.range.getTextLikeSelection();
+    if (!selection || !selection.length)
+      return;
+    let isExistUpdate = false;
+    selection.forEach((el) => {
+      if (!el.size && payload === defaultSize || el.size && el.size === payload)
+        return;
+      el.size = payload;
+      isExistUpdate = true;
+    });
+    if (isExistUpdate) {
+      this.draw.render({ isSetCursor: false });
+    }
+  }
+  sizeAdd() {
+    const isReadonly = this.draw.isReadonly();
+    if (isReadonly)
       return;
-    const lessThanMaxSizeIndex = selection.findIndex((s) => !s.size || s.size + 2 <= 72);
-    const { defaultSize } = this.options;
-    if (!~lessThanMaxSizeIndex)
+    const selection = this.range.getTextLikeSelection();
+    if (!selection || !selection.length)
       return;
+    const { defaultSize, maxSize } = this.options;
+    let isExistUpdate = false;
     selection.forEach((el) => {
       if (!el.size) {
         el.size = defaultSize;
       }
-      if (el.size + 2 > 72)
+      if (el.size >= maxSize)
         return;
-      el.size += 2;
+      if (el.size + 2 > maxSize) {
+        el.size = maxSize;
+      } else {
+        el.size += 2;
+      }
+      isExistUpdate = true;
     });
-    this.draw.render({ isSetCursor: false });
+    if (isExistUpdate) {
+      this.draw.render({ isSetCursor: false });
+    }
   }
   sizeMinus() {
     const isReadonly = this.draw.isReadonly();
     if (isReadonly)
       return;
-    const selection = this.range.getSelection();
-    if (!selection)
+    const selection = this.range.getTextLikeSelection();
+    if (!selection || !selection.length)
       return;
-    const greaterThanMaxSizeIndex = selection.findIndex((s) => !s.size || s.size - 2 >= 8);
-    if (!~greaterThanMaxSizeIndex)
-      return;
-    const { defaultSize } = this.options;
+    const { defaultSize, minSize } = this.options;
+    let isExistUpdate = false;
     selection.forEach((el) => {
       if (!el.size) {
         el.size = defaultSize;
       }
-      if (el.size - 2 < 8)
+      if (el.size <= minSize)
         return;
-      el.size -= 2;
+      if (el.size - 2 < minSize) {
+        el.size = minSize;
+      } else {
+        el.size -= 2;
+      }
+      isExistUpdate = true;
     });
-    this.draw.render({ isSetCursor: false });
+    if (isExistUpdate) {
+      this.draw.render({ isSetCursor: false });
+    }
   }
   bold() {
     const isReadonly = this.draw.isReadonly();
@@ -11103,8 +11350,7 @@ class CommandAdapt {
     });
     this.range.setRange(0, 0);
     this.draw.render({ curIndex: 0 });
-    const position = this.position.getOriginalPositionList();
-    this.tableTool.render(element, position[index2]);
+    this.tableTool.render();
   }
   insertTableBottomRow() {
     const isReadonly = this.draw.isReadonly();
@@ -11165,8 +11411,7 @@ class CommandAdapt {
     });
     this.range.setRange(0, 0);
     this.draw.render({ curIndex: 0 });
-    const position = this.position.getOriginalPositionList();
-    this.tableTool.render(element, position[index2]);
+    this.tableTool.render();
   }
   insertTableLeftCol() {
     const isReadonly = this.draw.isReadonly();
@@ -11220,8 +11465,7 @@ class CommandAdapt {
     });
     this.range.setRange(0, 0);
     this.draw.render({ curIndex: 0 });
-    const position = this.position.getOriginalPositionList();
-    this.tableTool.render(element, position[index2]);
+    this.tableTool.render();
   }
   insertTableRightCol() {
     const isReadonly = this.draw.isReadonly();
@@ -11275,8 +11519,7 @@ class CommandAdapt {
     });
     this.range.setRange(0, 0);
     this.draw.render({ curIndex: 0 });
-    const position = this.position.getOriginalPositionList();
-    this.tableTool.render(element, position[index2]);
+    this.tableTool.render();
   }
   deleteTableRow() {
     const isReadonly = this.draw.isReadonly();
@@ -11495,8 +11738,7 @@ class CommandAdapt {
     const curIndex = startTd.value.length - 1;
     this.range.setRange(curIndex, curIndex);
     this.draw.render();
-    const position = this.position.getOriginalPositionList();
-    this.tableTool.render(element, position[index2]);
+    this.tableTool.render();
   }
   cancelMergeTableCell() {
     const isReadonly = this.draw.isReadonly();
@@ -11556,8 +11798,47 @@ class CommandAdapt {
     const curIndex = curTd.value.length - 1;
     this.range.setRange(curIndex, curIndex);
     this.draw.render();
-    const position = this.position.getOriginalPositionList();
-    this.tableTool.render(element, position[index2]);
+    this.tableTool.render();
+  }
+  tableTdVerticalAlign(payload) {
+    var _a, _b, _c;
+    const isReadonly = this.draw.isReadonly();
+    if (isReadonly)
+      return;
+    const positionContext = this.position.getPositionContext();
+    if (!positionContext.isTable)
+      return;
+    const { index: index2, trIndex, tdIndex } = positionContext;
+    const originalElementList = this.draw.getOriginalElementList();
+    const element = originalElementList[index2];
+    const curTd = (_c = (_b = (_a = element == null ? void 0 : element.trList) == null ? void 0 : _a[trIndex]) == null ? void 0 : _b.tdList) == null ? void 0 : _c[tdIndex];
+    if (!curTd || curTd.verticalAlign === payload || !curTd.verticalAlign && payload === VerticalAlign.TOP) {
+      return;
+    }
+    curTd.verticalAlign = payload;
+    const { endIndex } = this.range.getRange();
+    this.draw.render({
+      curIndex: endIndex
+    });
+  }
+  tableBorderType(payload) {
+    const isReadonly = this.draw.isReadonly();
+    if (isReadonly)
+      return;
+    const positionContext = this.position.getPositionContext();
+    if (!positionContext.isTable)
+      return;
+    const { index: index2 } = positionContext;
+    const originalElementList = this.draw.getOriginalElementList();
+    const element = originalElementList[index2];
+    if (!element.borderType && payload === TableBorder.ALL || element.borderType === payload) {
+      return;
+    }
+    element.borderType = payload;
+    const { endIndex } = this.range.getRange();
+    this.draw.render({
+      curIndex: endIndex
+    });
   }
   hyperlink(payload) {
     const isReadonly = this.draw.isReadonly();
@@ -12227,6 +12508,72 @@ const tableMenus = [
   {
     isDivider: true
   },
+  {
+    i18nPath: "contextmenu.table.border",
+    icon: "border-all",
+    when: (payload) => {
+      return !payload.isReadonly && payload.isInTable;
+    },
+    childMenus: [
+      {
+        i18nPath: "contextmenu.table.borderAll",
+        icon: "border-all",
+        when: () => true,
+        callback: (command) => {
+          command.executeTableBorderType(TableBorder.ALL);
+        }
+      },
+      {
+        i18nPath: "contextmenu.table.borderEmpty",
+        icon: "border-empty",
+        when: () => true,
+        callback: (command) => {
+          command.executeTableBorderType(TableBorder.EMPTY);
+        }
+      },
+      {
+        i18nPath: "contextmenu.table.borderExternal",
+        icon: "border-external",
+        when: () => true,
+        callback: (command) => {
+          command.executeTableBorderType(TableBorder.EXTERNAL);
+        }
+      }
+    ]
+  },
+  {
+    i18nPath: "contextmenu.table.verticalAlign",
+    icon: "vertical-align",
+    when: (payload) => {
+      return !payload.isReadonly && payload.isInTable;
+    },
+    childMenus: [
+      {
+        i18nPath: "contextmenu.table.verticalAlignTop",
+        icon: "vertical-align-top",
+        when: () => true,
+        callback: (command) => {
+          command.executeTableTdVerticalAlign(VerticalAlign.TOP);
+        }
+      },
+      {
+        i18nPath: "contextmenu.table.verticalAlignMiddle",
+        icon: "vertical-align-middle",
+        when: () => true,
+        callback: (command) => {
+          command.executeTableTdVerticalAlign(VerticalAlign.MIDDLE);
+        }
+      },
+      {
+        i18nPath: "contextmenu.table.verticalAlignBottom",
+        icon: "vertical-align-bottom",
+        when: () => true,
+        callback: (command) => {
+          command.executeTableTdVerticalAlign(VerticalAlign.BOTTOM);
+        }
+      }
+    ]
+  },
   {
     i18nPath: "contextmenu.table.insertRowCol",
     icon: "insert-row-col",
@@ -12689,6 +13036,13 @@ class Shortcut {
     }
   }
 }
+const defaultPageNumberOption = {
+  bottom: 60,
+  size: 12,
+  font: "Yahei",
+  color: "#000000",
+  rowFlex: RowFlex.CENTER
+};
 class Editor {
   constructor(container, data2, options = {}) {
     __publicField(this, "command");
@@ -12696,6 +13050,7 @@ class Editor {
     __publicField(this, "register");
     __publicField(this, "destroy");
     const headerOptions = __spreadValues(__spreadValues({}, defaultHeaderOption), options.header);
+    const pageNumberOptions = __spreadValues(__spreadValues({}, defaultPageNumberOption), options.pageNumber);
     const waterMarkOptions = __spreadValues(__spreadValues({}, defaultWatermarkOption), options.watermark);
     const controlOptions = __spreadValues(__spreadValues({}, defaultControlOption), options.control);
     const checkboxOptions = __spreadValues(__spreadValues({}, defaultCheckboxOption), options.checkbox);
@@ -12705,6 +13060,8 @@ class Editor {
       defaultType: "TEXT",
       defaultFont: "Yahei",
       defaultSize: 16,
+      minSize: 5,
+      maxSize: 72,
       defaultRowMargin: 1,
       defaultBasicRowMarginHeight: 8,
       defaultTabWidth: 32,
@@ -12712,9 +13069,6 @@ class Editor {
       height: 1123,
       scale: 1,
       pageGap: 20,
-      pageNumberBottom: 60,
-      pageNumberSize: 12,
-      pageNumberFont: "Yahei",
       underlineColor: "#000000",
       strikeoutColor: "#FF0000",
       rangeAlpha: 0.6,
@@ -12733,11 +13087,11 @@ class Editor {
       tdPadding: 5,
       defaultTdHeight: 40,
       defaultHyperlinkColor: "#0000FF",
-      headerTop: 50,
       paperDirection: PaperDirection.VERTICAL,
       inactiveAlpha: 0.6
     }, options), {
       header: headerOptions,
+      pageNumber: pageNumberOptions,
       watermark: waterMarkOptions,
       control: controlOptions,
       checkbox: checkboxOptions,
@@ -12777,5 +13131,5 @@ class Editor {
     };
   }
 }
-export { BlockType, Command, ControlType, EDITOR_COMPONENT, Editor, EditorComponent, EditorMode, EditorZone, ElementType, ImageDisplay, KeyMap, PageMode, PaperDirection, RowFlex, Editor as default };
+export { BlockType, Command, ControlType, EDITOR_COMPONENT, Editor, EditorComponent, EditorMode, EditorZone, ElementType, ImageDisplay, KeyMap, PageMode, PaperDirection, RowFlex, TableBorder, VerticalAlign, Editor as default };
 //# sourceMappingURL=canvas-editor.es.js.map