@hufe921/canvas-editor 0.9.24 → 0.9.28

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-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-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: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)}})();})();
+(()=>{(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;z-index:9;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-zone-indicator>div{padding:3px 6px;color:#000;font-size:12px;background:rgb(218 231 252);position:absolute;transform-origin:0 0}.ce-zone-indicator-border__top,.ce-zone-indicator-border__bottom,.ce-zone-indicator-border__left,.ce-zone-indicator-border__right{display:block;position:absolute;z-index:0}.ce-zone-indicator-border__top{border-top:2px dashed rgb(238,238,238)}.ce-zone-indicator-border__bottom{border-top:2px dashed rgb(238,238,238);width:100%}.ce-zone-indicator-border__left{border-left:2px dashed rgb(238,238,238)}.ce-zone-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,9 +23,20 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 var index = "";
-const version = "0.9.24";
+const version = "0.9.28";
+var MaxHeightRatio;
+(function(MaxHeightRatio2) {
+  MaxHeightRatio2["HALF"] = "half";
+  MaxHeightRatio2["ONE_THIRD"] = "one-third";
+  MaxHeightRatio2["QUARTER"] = "quarter";
+})(MaxHeightRatio || (MaxHeightRatio = {}));
 const ZERO = "\u200B";
 const WRAP = "\n";
+const maxHeightRadioMapping = {
+  [MaxHeightRatio.HALF]: 1 / 2,
+  [MaxHeightRatio.ONE_THIRD]: 1 / 3,
+  [MaxHeightRatio.QUARTER]: 1 / 4
+};
 var RowFlex;
 (function(RowFlex2) {
   RowFlex2["LEFT"] = "left";
@@ -201,6 +212,7 @@ const EDITOR_ELEMENT_ZIP_ATTR = [
   "rowMargin",
   "dashArray",
   "trList",
+  "borderType",
   "width",
   "height",
   "url",
@@ -3269,6 +3281,9 @@ function formatElementList(elementList, options) {
           const tr = el.trList[t];
           const trId = getUUID();
           tr.id = trId;
+          if (!tr.minHeight || tr.minHeight < editorOptions.defaultTrMinHeight) {
+            tr.minHeight = editorOptions.defaultTrMinHeight;
+          }
           for (let d = 0; d < tr.tdList.length; d++) {
             const td = tr.tdList[d];
             const tdId = getUUID();
@@ -4319,9 +4334,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();
@@ -4776,6 +4789,10 @@ function keydown(evt, host) {
     evt.preventDefault();
   } else if (evt.key === KeyMap.ESC) {
     host.clearPainterStyle();
+    const zoneManager = draw.getZone();
+    if (!zoneManager.isMainActive()) {
+      zoneManager.setZone(EditorZone.MAIN);
+    }
     evt.preventDefault();
   } else if (evt.key === KeyMap.TAB) {
     draw.insertElementList([{
@@ -5441,8 +5458,15 @@ class Position {
   }
   getOriginalPositionList() {
     const zoneManager = this.draw.getZone();
-    const header = this.draw.getHeader();
-    return zoneManager.isHeaderActive() ? header.getPositionList() : this.positionList;
+    if (zoneManager.isHeaderActive()) {
+      const header = this.draw.getHeader();
+      return header.getPositionList();
+    }
+    if (zoneManager.isFooterActive()) {
+      const footer = this.draw.getFooter();
+      return footer.getPositionList();
+    }
+    return this.positionList;
   }
   getOriginalMainPositionList() {
     return this.positionList;
@@ -5579,7 +5603,8 @@ class Position {
     }
     const zoneManager = this.draw.getZone();
     const curPageNo = this.draw.getPageNo();
-    const positionNo = zoneManager.isMainActive() ? curPageNo : 0;
+    const isMainActive = zoneManager.isMainActive();
+    const positionNo = isMainActive ? curPageNo : 0;
     for (let j = 0; j < positionList.length; j++) {
       const { index: index2, pageNo, coordinate: { leftTop, rightTop, leftBottom } } = positionList[j];
       if (positionNo !== pageNo)
@@ -5651,13 +5676,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
@@ -5665,15 +5691,15 @@ class Position {
         }
       }
     }
-    const firstLetterList = positionList.filter((p) => p.isLastLetter && p.pageNo === positionNo);
-    for (let j = 0; j < firstLetterList.length; j++) {
-      const { index: index2, pageNo, coordinate: { leftTop, leftBottom } } = firstLetterList[j];
+    const lastLetterList = positionList.filter((p) => p.isLastLetter && p.pageNo === positionNo);
+    for (let j = 0; j < lastLetterList.length; j++) {
+      const { index: index2, pageNo, coordinate: { leftTop, leftBottom } } = lastLetterList[j];
       if (positionNo !== pageNo)
         continue;
       if (y > leftTop[1] && y <= leftBottom[1]) {
         const isHead = x < this.options.margins[3];
         if (isHead) {
-          const headIndex = positionList.findIndex((p) => p.pageNo === positionNo && p.rowNo === firstLetterList[j].rowNo);
+          const headIndex = positionList.findIndex((p) => p.pageNo === positionNo && p.rowNo === lastLetterList[j].rowNo);
           curPositionIndex = ~headIndex ? headIndex - 1 : index2;
         } else {
           curPositionIndex = index2;
@@ -5683,16 +5709,26 @@ class Position {
       }
     }
     if (!isLastArea) {
-      if (zoneManager.isMainActive()) {
-        if (y < firstLetterList[0].coordinate.leftTop[1]) {
+      const header = this.draw.getHeader();
+      const headerBottomY = header.getHeaderTop() + header.getHeight();
+      const footer = this.draw.getFooter();
+      const pageHeight = this.draw.getHeight();
+      const footerTopY = pageHeight - (footer.getFooterBottom() + footer.getHeight());
+      if (isMainActive) {
+        if (y < headerBottomY) {
           return {
             index: -1,
             zone: EditorZone.HEADER
           };
         }
-      }
-      if (zoneManager.isHeaderActive()) {
-        if (y > firstLetterList[0].coordinate.leftTop[1]) {
+        if (y > footerTopY) {
+          return {
+            index: -1,
+            zone: EditorZone.FOOTER
+          };
+        }
+      } else {
+        if (y <= footerTopY && y >= headerBottomY) {
           return {
             index: -1,
             zone: EditorZone.MAIN
@@ -5700,7 +5736,7 @@ class Position {
         }
       }
       return {
-        index: ((_a = firstLetterList[firstLetterList.length - 1]) == null ? void 0 : _a.index) || positionList.length - 1
+        index: ((_a = lastLetterList[lastLetterList.length - 1]) == null ? void 0 : _a.index) || positionList.length - 1
       };
     }
     return {
@@ -6457,7 +6493,7 @@ class PageNumber {
     const margins = this.draw.getMargins();
     const { width: textWidth } = ctx.measureText(text);
     if (rowFlex === RowFlex.CENTER) {
-      x = (width + textWidth) / 2;
+      x = (width - textWidth) / 2;
     } else if (rowFlex === RowFlex.RIGHT) {
       x = width - textWidth - margins[1];
     } else {
@@ -6610,14 +6646,35 @@ class TableParticle {
     this.range = draw.getRange();
     this.options = draw.getOptions();
   }
-  _drawBorder(ctx, startX, startY, width, height) {
+  getTrListGroupByCol(payload) {
+    const trList = deepClone(payload);
+    for (let t = 0; t < payload.length; t++) {
+      const tr = trList[t];
+      for (let d = tr.tdList.length - 1; d >= 0; d--) {
+        const td = tr.tdList[d];
+        const { rowspan, rowIndex, colIndex } = td;
+        const curRowIndex = rowIndex + rowspan - 1;
+        if (curRowIndex !== d) {
+          const changeTd = tr.tdList.splice(d, 1)[0];
+          trList[curRowIndex].tdList.splice(colIndex, 0, changeTd);
+        }
+      }
+    }
+    return trList;
+  }
+  _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);
   }
@@ -6739,29 +6796,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();
@@ -6774,8 +6841,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");
@@ -6783,6 +6851,7 @@ class TableTool {
     __publicField(this, "container");
     __publicField(this, "toolRowContainer");
     __publicField(this, "toolColContainer");
+    __publicField(this, "toolBorderContainer");
     __publicField(this, "anchorLine");
     __publicField(this, "mousedownX");
     __publicField(this, "mousedownY");
@@ -6793,34 +6862,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) {
@@ -6832,7 +6913,6 @@ class TableTool {
         this._mousedown({
           evt,
           element,
-          position,
           index: r,
           order: TableOrder.ROW
         });
@@ -6841,15 +6921,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) {
@@ -6861,22 +6942,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 + td2.rowspan - 1,
+            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 + td2.colspan - 1,
+            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();
@@ -6920,10 +7046,17 @@ class TableTool {
     };
     document.addEventListener("mousemove", mousemoveFn);
     document.addEventListener("mouseup", () => {
+      var _a;
       let isChangeSize = false;
       if (order === TableOrder.ROW) {
-        element.trList[index2].height += dy;
+        const tr = element.trList[index2];
+        const { defaultTrMinHeight } = this.options;
+        if (dy < 0 && tr.height + dy < defaultTrMinHeight) {
+          dy = defaultTrMinHeight - tr.height;
+        }
         if (dy) {
+          tr.height += dy;
+          tr.minHeight = tr.height;
           isChangeSize = true;
         }
       } else {
@@ -6931,10 +7064,14 @@ class TableTool {
         if (colgroup && dx) {
           const innerWidth = this.draw.getInnerWidth();
           const curColWidth = colgroup[index2].width;
-          const moveColWidth = curColWidth + dx;
-          if (moveColWidth < this.minTdWidth) {
-            dx = this.minTdWidth - curColWidth;
+          if (dx < 0 && curColWidth + dx < this.MIN_TD_WIDTH) {
+            dx = this.MIN_TD_WIDTH - curColWidth;
           }
+          const nextColWidth = (_a = colgroup[index2 + 1]) == null ? void 0 : _a.width;
+          if (dx > 0 && nextColWidth && nextColWidth - dx < this.MIN_TD_WIDTH) {
+            dx = nextColWidth - this.MIN_TD_WIDTH;
+          }
+          const moveColWidth = curColWidth + dx;
           let moveTableWidth = 0;
           for (let c = 0; c < colgroup.length; c++) {
             const group2 = colgroup[c];
@@ -6963,7 +7100,6 @@ class TableTool {
       }
       if (isChangeSize) {
         this.draw.render({ isSetCursor: false });
-        this.render(element, position);
       }
       anchorLine.remove();
       document.removeEventListener("mousemove", mousemoveFn);
@@ -7048,21 +7184,6 @@ class HyperlinkParticle {
     ctx.restore();
   }
 }
-var HeaderMaxHeightRatio;
-(function(HeaderMaxHeightRatio2) {
-  HeaderMaxHeightRatio2["HALF"] = "half";
-  HeaderMaxHeightRatio2["ONE_THIRD"] = "one-third";
-  HeaderMaxHeightRatio2["QUARTER"] = "quarter";
-})(HeaderMaxHeightRatio || (HeaderMaxHeightRatio = {}));
-const defaultHeaderOption = {
-  top: 30,
-  maxHeightRadio: HeaderMaxHeightRatio.HALF
-};
-const maxHeightRadioMapping = {
-  [HeaderMaxHeightRatio.HALF]: 1 / 2,
-  [HeaderMaxHeightRatio.ONE_THIRD]: 1 / 3,
-  [HeaderMaxHeightRatio.QUARTER]: 1 / 4
-};
 class Header {
   constructor(draw) {
     __publicField(this, "draw");
@@ -8257,7 +8378,11 @@ const contextmenu$1 = {
     verticalAlign: "\u5782\u76F4\u5BF9\u9F50",
     verticalAlignTop: "\u9876\u7AEF\u5BF9\u9F50",
     verticalAlignMiddle: "\u5782\u76F4\u5C45\u4E2D",
-    verticalAlignBottom: "\u5E95\u7AEF\u5BF9\u9F50"
+    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 = {
@@ -8280,9 +8405,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 = {}) {
@@ -9011,7 +9141,11 @@ const contextmenu = {
     verticalAlign: "Vertical align",
     verticalAlignTop: "Top",
     verticalAlignMiddle: "Middle",
-    verticalAlignBottom: "Bottom"
+    verticalAlignBottom: "Bottom",
+    border: "Table border",
+    borderAll: "All",
+    borderEmpty: "Empty",
+    borderExternal: "External"
   }
 };
 const datePicker = {
@@ -9034,9 +9168,14 @@ const datePicker = {
   minute: "Minute",
   second: "Second"
 };
+const frame = {
+  header: "Header",
+  footer: "Footer"
+};
 var en = {
   contextmenu,
-  datePicker
+  datePicker,
+  frame
 };
 class I18n {
   constructor() {
@@ -9089,14 +9228,20 @@ class ImageObserver {
 }
 class Zone {
   constructor(draw) {
+    __publicField(this, "INDICATOR_PADDING", 2);
+    __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");
+    __publicField(this, "indicatorContainer");
     this.draw = draw;
+    this.i18n = draw.getI18n();
+    this.options = draw.getOptions();
     this.container = draw.getContainer();
     this.currentZone = EditorZone.MAIN;
-    this.headerIndicatorContainer = null;
+    this.indicatorContainer = null;
   }
   isHeaderActive() {
     return this.getZone() === EditorZone.HEADER;
@@ -9104,6 +9249,9 @@ class Zone {
   isMainActive() {
     return this.getZone() === EditorZone.MAIN;
   }
+  isFooterActive() {
+    return this.getZone() === EditorZone.FOOTER;
+  }
   getZone() {
     return this.currentZone;
   }
@@ -9117,30 +9265,171 @@ class Zone {
       isSetCursor: false,
       isCompute: false
     });
-    if (this.isHeaderActive()) {
-      this._drawHeaderZoneIndicator();
-    } else {
-      this._clearHeaderZoneIndicator();
-    }
+    this.drawZoneIndicator();
   }
-  _drawHeaderZoneIndicator() {
-    this.headerIndicatorContainer = document.createElement("div");
-    this.headerIndicatorContainer.classList.add(`${EDITOR_PREFIX}-header-indicator`);
+  drawZoneIndicator() {
+    this._clearZoneIndicator();
+    if (!this.isHeaderActive() && !this.isFooterActive())
+      return;
+    const { scale } = this.options;
+    const isHeaderActive = this.isHeaderActive();
+    const [offsetX, offsetY] = this.INDICATOR_TITLE_TRANSLATE;
     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;
+    this.indicatorContainer = document.createElement("div");
+    this.indicatorContainer.classList.add(`${EDITOR_PREFIX}-zone-indicator`);
+    const header = this.draw.getHeader();
+    const footer = this.draw.getFooter();
+    const indicatorHeight = isHeaderActive ? header.getHeight() : footer.getHeight();
+    const indicatorTop = isHeaderActive ? header.getHeaderTop() : pageHeight - footer.getFooterBottom() - indicatorHeight;
     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);
-    }
-    this.container.append(this.headerIndicatorContainer);
-  }
-  _clearHeaderZoneIndicator() {
+      const startY = preY * p + indicatorTop;
+      const indicatorLeftX = margins[3] - this.INDICATOR_PADDING;
+      const indicatorRightX = margins[3] + innerWidth + this.INDICATOR_PADDING;
+      const indicatorTopY = isHeaderActive ? startY - this.INDICATOR_PADDING : startY + indicatorHeight + this.INDICATOR_PADDING;
+      const indicatorBottomY = isHeaderActive ? startY + indicatorHeight + this.INDICATOR_PADDING : startY - this.INDICATOR_PADDING;
+      const indicatorTitle = document.createElement("div");
+      indicatorTitle.innerText = this.i18n.t(`frame.${isHeaderActive ? "header" : "footer"}`);
+      indicatorTitle.style.top = `${indicatorBottomY}px`;
+      indicatorTitle.style.transform = `translate(${offsetX * scale}px, ${offsetY * scale}px) scale(${scale})`;
+      this.indicatorContainer.append(indicatorTitle);
+      const lineTop = document.createElement("span");
+      lineTop.classList.add(`${EDITOR_PREFIX}-zone-indicator-border__top`);
+      lineTop.style.top = `${indicatorTopY}px`;
+      lineTop.style.width = `${innerWidth}px`;
+      lineTop.style.marginLeft = `${margins[3]}px`;
+      this.indicatorContainer.append(lineTop);
+      const lineLeft = document.createElement("span");
+      lineLeft.classList.add(`${EDITOR_PREFIX}-zone-indicator-border__left`);
+      lineLeft.style.top = `${startY}px`;
+      lineLeft.style.height = `${indicatorHeight}px`;
+      lineLeft.style.left = `${indicatorLeftX}px`;
+      this.indicatorContainer.append(lineLeft);
+      const lineBottom = document.createElement("span");
+      lineBottom.classList.add(`${EDITOR_PREFIX}-zone-indicator-border__bottom`);
+      lineBottom.style.top = `${indicatorBottomY}px`;
+      this.indicatorContainer.append(lineBottom);
+      const lineRight = document.createElement("span");
+      lineRight.classList.add(`${EDITOR_PREFIX}-zone-indicator-border__right`);
+      lineRight.style.top = `${startY}px`;
+      lineRight.style.height = `${indicatorHeight}px`;
+      lineRight.style.left = `${indicatorRightX}px`;
+      this.indicatorContainer.append(lineRight);
+    }
+    this.container.append(this.indicatorContainer);
+  }
+  _clearZoneIndicator() {
     var _a;
-    (_a = this.headerIndicatorContainer) == null ? void 0 : _a.remove();
+    (_a = this.indicatorContainer) == null ? void 0 : _a.remove();
+    this.indicatorContainer = null;
+  }
+}
+class Footer {
+  constructor(draw) {
+    __publicField(this, "draw");
+    __publicField(this, "position");
+    __publicField(this, "options");
+    __publicField(this, "elementList");
+    __publicField(this, "rowList");
+    __publicField(this, "positionList");
+    this.draw = draw;
+    this.position = draw.getPosition();
+    this.options = draw.getOptions();
+    this.elementList = draw.getFooterElementList();
+    this.rowList = [];
+    this.positionList = [];
+  }
+  setElementList(elementList) {
+    this.elementList = elementList;
+  }
+  getElementList() {
+    return this.elementList;
+  }
+  getPositionList() {
+    return this.positionList;
+  }
+  compute() {
+    this._recovery();
+    this._computeRowList();
+    this._computePositionList();
+  }
+  _recovery() {
+    this.rowList = [];
+    this.positionList = [];
+  }
+  _computeRowList() {
+    const innerWidth = this.draw.getInnerWidth();
+    this.rowList = this.draw.computeRowList(innerWidth, this.elementList);
+  }
+  _computePositionList() {
+    const footerBottom = this.getFooterBottom();
+    const innerWidth = this.draw.getInnerWidth();
+    const margins = this.draw.getMargins();
+    const startX = margins[3];
+    const pageHeight = this.draw.getHeight();
+    const footerHeight = this.getHeight();
+    const startY = pageHeight - footerBottom - footerHeight;
+    this.position.computePageRowPosition({
+      positionList: this.positionList,
+      rowList: this.rowList,
+      pageNo: 0,
+      startIndex: 0,
+      startX,
+      startY,
+      innerWidth
+    });
+  }
+  getFooterBottom() {
+    const { footer: { bottom }, scale } = this.options;
+    return Math.floor(bottom * scale);
+  }
+  getMaxHeight() {
+    const { footer: { maxHeightRadio } } = this.options;
+    const height = this.draw.getHeight();
+    return Math.floor(height * maxHeightRadioMapping[maxHeightRadio]);
+  }
+  getHeight() {
+    const maxHeight = this.getMaxHeight();
+    const rowHeight = this.getRowHeight();
+    return rowHeight > maxHeight ? maxHeight : rowHeight;
+  }
+  getRowHeight() {
+    return this.rowList.reduce((pre, cur) => pre + cur.height, 0);
+  }
+  getExtraHeight() {
+    const margins = this.draw.getMargins();
+    const footerHeight = this.getHeight();
+    const footerBottom = this.getFooterBottom();
+    const extraHeight = footerBottom + footerHeight - margins[2];
+    return extraHeight <= 0 ? 0 : extraHeight;
+  }
+  render(ctx, pageNo) {
+    ctx.globalAlpha = 1;
+    const innerWidth = this.draw.getInnerWidth();
+    const maxHeight = this.getMaxHeight();
+    const rowList = [];
+    let curRowHeight = 0;
+    for (let r = 0; r < this.rowList.length; r++) {
+      const row = this.rowList[r];
+      if (curRowHeight + row.height > maxHeight) {
+        break;
+      }
+      rowList.push(row);
+      curRowHeight += row.height;
+    }
+    this.draw.drawRow(ctx, {
+      elementList: this.elementList,
+      positionList: this.positionList,
+      rowList,
+      pageNo,
+      startIndex: 0,
+      innerWidth,
+      zone: EditorZone.FOOTER
+    });
   }
 }
 class Draw {
@@ -9179,6 +9468,7 @@ class Draw {
     __publicField(this, "pageNumber");
     __publicField(this, "waterMark");
     __publicField(this, "header");
+    __publicField(this, "footer");
     __publicField(this, "hyperlinkParticle");
     __publicField(this, "dateParticle");
     __publicField(this, "separatorParticle");
@@ -9232,6 +9522,7 @@ class Draw {
     this.pageNumber = new PageNumber(this);
     this.waterMark = new Watermark(this);
     this.header = new Header(this);
+    this.footer = new Footer(this);
     this.hyperlinkParticle = new HyperlinkParticle(this);
     this.dateParticle = new DateParticle(this);
     this.separatorParticle = new SeparatorParticle();
@@ -9284,9 +9575,13 @@ class Draw {
   }
   getMainHeight() {
     const pageHeight = this.getHeight();
+    return pageHeight - this.getMainOuterHeight();
+  }
+  getMainOuterHeight() {
     const margins = this.getMargins();
-    const extraHeight = this.header.getExtraHeight();
-    return pageHeight - margins[0] - margins[2] - extraHeight;
+    const headerExtraHeight = this.header.getExtraHeight();
+    const footerExtraHeight = this.footer.getExtraHeight();
+    return margins[0] + margins[2] + headerExtraHeight + footerExtraHeight;
   }
   getCanvasWidth(pageNo = -1) {
     const page = this.getPage(pageNo);
@@ -9320,9 +9615,6 @@ class Draw {
     const { pageNumber: { bottom }, scale } = this.options;
     return bottom * scale;
   }
-  getHeaderTop() {
-    return this.options.headerTop * this.options.scale;
-  }
   getMarginIndicatorSize() {
     return this.options.marginIndicatorSize * this.options.scale;
   }
@@ -9414,7 +9706,13 @@ class Draw {
   }
   getOriginalElementList() {
     const zoneManager = this.getZone();
-    return zoneManager.isHeaderActive() ? this.header.getElementList() : this.elementList;
+    if (zoneManager.isHeaderActive()) {
+      return this.header.getElementList();
+    }
+    if (zoneManager.isFooterActive()) {
+      return this.footer.getElementList();
+    }
+    return this.elementList;
   }
   getOriginalMainElementList() {
     return this.elementList;
@@ -9486,6 +9784,9 @@ class Draw {
   getHeader() {
     return this.header;
   }
+  getFooter() {
+    return this.footer;
+  }
   getHyperlinkParticle() {
     return this.hyperlinkParticle;
   }
@@ -9643,7 +9944,8 @@ class Draw {
     const { width, height, margins, watermark } = this.options;
     const data2 = {
       header: zipElementList(this.headerElementList),
-      main: zipElementList(this.elementList)
+      main: zipElementList(this.elementList),
+      footer: zipElementList(this.footerElementList)
     };
     return {
       version,
@@ -9767,6 +10069,40 @@ class Draw {
                 changeTd.height += extraHeight;
               });
             }
+            let curTdMinHeight = 0;
+            let curTdRealHeight = 0;
+            let i2 = 0;
+            while (i2 < td.rowspan) {
+              const curTr = trList[i2 + t];
+              curTdMinHeight += curTr.minHeight;
+              curTdRealHeight += curTr.height;
+              i2++;
+            }
+            td.realMinHeight = curTdMinHeight;
+            td.realHeight = curTdRealHeight;
+            td.mainHeight = curTdHeight;
+          }
+        }
+        const reduceTrList = this.tableParticle.getTrListGroupByCol(trList);
+        for (let t = 0; t < reduceTrList.length; t++) {
+          const tr = reduceTrList[t];
+          let reduceHeight = -1;
+          for (let d = 0; d < tr.tdList.length; d++) {
+            const td = tr.tdList[d];
+            const curTdRealHeight = td.realHeight;
+            const curTdHeight = td.mainHeight;
+            const curTdMinHeight = td.realMinHeight;
+            const curReduceHeight = curTdHeight < curTdMinHeight ? curTdRealHeight - curTdMinHeight : curTdRealHeight - curTdHeight;
+            if (!~reduceHeight || curReduceHeight < reduceHeight) {
+              reduceHeight = curReduceHeight;
+            }
+          }
+          if (reduceHeight > 0) {
+            const changeTr = trList[t];
+            changeTr.height -= reduceHeight;
+            changeTr.tdList.forEach((changeTd) => {
+              changeTd.height -= reduceHeight;
+            });
           }
         }
         this.tableParticle.computeRowColInfo(element);
@@ -9780,10 +10116,8 @@ class Draw {
         metrics.height = elementHeight;
         metrics.boundingBoxDescent = elementHeight;
         metrics.boundingBoxAscent = 0;
-        const margins = this.getMargins();
         const height2 = this.getHeight();
-        const headerExtraHeight = this.header.getExtraHeight();
-        const marginHeight = margins[0] + margins[2] + headerExtraHeight;
+        const marginHeight = this.getMainOuterHeight();
         let curPagePreHeight = marginHeight;
         for (let r = 0; r < rowList.length; r++) {
           const row = rowList[r];
@@ -9931,9 +10265,7 @@ class Draw {
     const pageRowList = [[]];
     const { pageMode } = this.options;
     const height = this.getHeight();
-    const margins = this.getMargins();
-    const headerExtraHeight = this.header.getExtraHeight();
-    const marginHeight = margins[0] + margins[2] + headerExtraHeight;
+    const marginHeight = this.getMainOuterHeight();
     let pageHeight = marginHeight;
     let pageNo = 0;
     if (pageMode === PageMode.CONTINUITY) {
@@ -10122,7 +10454,7 @@ class Draw {
     const { inactiveAlpha, pageMode } = this.options;
     const innerWidth = this.getInnerWidth();
     const ctx = this.ctxList[pageNo];
-    ctx.globalAlpha = this.zone.isHeaderActive() ? inactiveAlpha : 1;
+    ctx.globalAlpha = !this.zone.isMainActive() ? inactiveAlpha : 1;
     this._clearPage(pageNo);
     this.background.render(ctx);
     this.margin.render(ctx, pageNo);
@@ -10138,6 +10470,7 @@ class Draw {
     });
     this.header.render(ctx, pageNo);
     this.pageNumber.render(ctx, pageNo);
+    this.footer.render(ctx, pageNo);
     if (this.search.getSearchKeyword()) {
       this.search.render(ctx, pageNo);
     }
@@ -10154,7 +10487,6 @@ class Draw {
       entries.forEach((entry) => {
         if (entry.isIntersecting) {
           const index2 = Number(entry.target.dataset.index);
-          this.header.render(this.ctxList[index2], index2);
           this._drawPage({
             elementList,
             positionList,
@@ -10188,6 +10520,7 @@ class Draw {
     const innerWidth = this.getInnerWidth();
     if (isCompute) {
       this.header.compute();
+      this.footer.compute();
       this.rowList = this.computeRowList(innerWidth, this.elementList);
       this.pageRowList = this._computePageList();
       this.position.computePositionList();
@@ -10215,9 +10548,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();
@@ -10236,21 +10569,29 @@ class Draw {
       const self = this;
       const oldElementList = deepClone(this.elementList);
       const oldHeaderElementList = deepClone(this.header.getElementList());
+      const oldFooterElementList = deepClone(this.footer.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);
         self.setPageNo(pageNo);
-        self.position.setPositionContext(oldPositionContext);
-        self.header.setElementList(oldHeaderElementList);
+        self.position.setPositionContext(deepClone(oldPositionContext));
+        self.header.setElementList(deepClone(oldHeaderElementList));
+        self.footer.setElementList(deepClone(oldFooterElementList));
         self.elementList = deepClone(oldElementList);
         self.range.setRange(startIndex, endIndex);
         self.render({ curIndex, isSubmitHistory: false });
       });
     }
     nextTick(() => {
+      if (isCompute && !this.isReadonly() && positionContext.isTable) {
+        this.tableTool.render();
+      }
+      if (isCompute && !this.zone.isMainActive()) {
+        this.zone.drawZoneIndicator();
+      }
       if (this.listener.pageSizeChange) {
         this.listener.pageSizeChange(this.pageRowList.length);
       }
@@ -10308,6 +10649,7 @@ const _Command = class {
     _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);
@@ -10462,6 +10804,9 @@ const _Command = class {
   executeTableTdVerticalAlign(payload) {
     return _Command.tableTdVerticalAlign(payload);
   }
+  executeTableBorderType(payload) {
+    return _Command.tableBorderType(payload);
+  }
   executeHyperlink(payload) {
     return _Command.hyperlink(payload);
   }
@@ -10603,6 +10948,7 @@ __publicField(Command, "deleteTable");
 __publicField(Command, "mergeTableCell");
 __publicField(Command, "cancelMergeTableCell");
 __publicField(Command, "tableTdVerticalAlign");
+__publicField(Command, "tableBorderType");
 __publicField(Command, "image");
 __publicField(Command, "hyperlink");
 __publicField(Command, "deleteHyperlink");
@@ -10643,6 +10989,12 @@ 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";
@@ -11127,7 +11479,7 @@ class CommandAdapt {
     }
     const element = {
       type: ElementType.TABLE,
-      value: ZERO,
+      value: !startIndex ? "" : ZERO,
       colgroup,
       trList
     };
@@ -11201,8 +11553,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();
@@ -11263,8 +11614,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();
@@ -11318,8 +11668,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();
@@ -11373,8 +11722,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();
@@ -11593,8 +11941,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();
@@ -11654,8 +12001,7 @@ 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;
@@ -11678,6 +12024,25 @@ class CommandAdapt {
       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();
     if (isReadonly)
@@ -12346,6 +12711,39 @@ 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",
@@ -12697,6 +13095,10 @@ class ContextMenu {
     this.contextMenuRelationShip.clear();
   }
 }
+const defaultHeaderOption = {
+  top: 30,
+  maxHeightRadio: MaxHeightRatio.HALF
+};
 const richtextKeys = [
   {
     key: KeyMap.X_UPPERCASE,
@@ -12848,6 +13250,10 @@ const defaultPageNumberOption = {
   color: "#000000",
   rowFlex: RowFlex.CENTER
 };
+const defaultFooterOption = {
+  bottom: 30,
+  maxHeightRadio: MaxHeightRatio.HALF
+};
 class Editor {
   constructor(container, data2, options = {}) {
     __publicField(this, "command");
@@ -12855,6 +13261,7 @@ class Editor {
     __publicField(this, "register");
     __publicField(this, "destroy");
     const headerOptions = __spreadValues(__spreadValues({}, defaultHeaderOption), options.header);
+    const footerOptions = __spreadValues(__spreadValues({}, defaultFooterOption), options.footer);
     const pageNumberOptions = __spreadValues(__spreadValues({}, defaultPageNumberOption), options.pageNumber);
     const waterMarkOptions = __spreadValues(__spreadValues({}, defaultWatermarkOption), options.watermark);
     const controlOptions = __spreadValues(__spreadValues({}, defaultControlOption), options.control);
@@ -12890,13 +13297,13 @@ class Editor {
       margins: [100, 120, 100, 120],
       pageMode: PageMode.PAGING,
       tdPadding: 5,
-      defaultTdHeight: 40,
+      defaultTrMinHeight: 40,
       defaultHyperlinkColor: "#0000FF",
-      headerTop: 50,
       paperDirection: PaperDirection.VERTICAL,
       inactiveAlpha: 0.6
     }, options), {
       header: headerOptions,
+      footer: footerOptions,
       pageNumber: pageNumberOptions,
       watermark: waterMarkOptions,
       control: controlOptions,
@@ -12905,22 +13312,24 @@ class Editor {
     });
     let headerElementList = [];
     let mainElementList = [];
+    let footerElementList = [];
     if (Array.isArray(data2)) {
       mainElementList = data2;
     } else {
       headerElementList = data2.header || [];
       mainElementList = data2.main;
+      footerElementList = data2.footer || [];
     }
-    formatElementList(headerElementList, {
-      editorOptions
-    });
-    formatElementList(mainElementList, {
-      editorOptions
+    [headerElementList, mainElementList, footerElementList].forEach((elementList) => {
+      formatElementList(elementList, {
+        editorOptions
+      });
     });
     this.listener = new Listener();
     const draw = new Draw(container, editorOptions, {
       header: headerElementList,
-      main: mainElementList
+      main: mainElementList,
+      footer: footerElementList
     }, this.listener);
     this.command = new Command(new CommandAdapt(draw));
     const contextMenu = new ContextMenu(draw, this.command);
@@ -12937,5 +13346,5 @@ class Editor {
     };
   }
 }
-export { BlockType, Command, ControlType, EDITOR_COMPONENT, Editor, EditorComponent, EditorMode, EditorZone, ElementType, ImageDisplay, KeyMap, PageMode, PaperDirection, RowFlex, VerticalAlign, Editor as default };
+export { BlockType, Command, ControlType, EDITOR_COMPONENT, Editor, EditorComponent, EditorMode, EditorZone, ElementType, ImageDisplay, KeyMap, MaxHeightRatio, PageMode, PaperDirection, RowFlex, TableBorder, VerticalAlign, Editor as default };
 //# sourceMappingURL=canvas-editor.es.js.map