@hufe921/canvas-editor 0.9.22 → 0.9.23

package/dist/canvas-editor.es.js

@@ -1,4 +1,4 @@
-(()=>{(function(){"use strict";try{if(typeof document!="undefined"){var e=document.createElement("style");e.appendChild(document.createTextNode('.ce-select-control-popup{max-width:160px;min-width:69px;max-height:225px;position:absolute;z-index:1;border:1px solid #e4e7ed;border-radius:4px;background-color:#fff;box-shadow:0 2px 12px #0000001a;box-sizing:border-box;margin:5px 0;overflow-y:auto}.ce-select-control-popup ul{list-style:none;padding:3px 0;margin:0;box-sizing:border-box}.ce-select-control-popup ul li{font-size:13px;padding:0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#666;height:36px;line-height:36px;box-sizing:border-box;cursor:pointer}.ce-select-control-popup ul li:hover{background-color:#eef2fd}.ce-select-control-popup ul li.active{color:var(--COLOR-HOVER, #5175f4);font-weight:700}.ce-date-container{display:none;width:300px;overflow:hidden;left:0;right:0;position:absolute;z-index:1;color:#606266;background:#ffffff;border-radius:4px;padding:10px;user-select:none;border:1px solid #e4e7ed;box-shadow:0 2px 12px #0000001a}.ce-date-container.active{display:block}.ce-date-wrap{display:none}.ce-date-wrap.active{display:block}.ce-date-title{display:flex;justify-content:center;align-items:center;text-align:center;color:#606266;font-size:16px}.ce-date-title>span{display:inline-block}.ce-date-title>span:not(.ce-date-title__now){font-family:cursive;cursor:pointer}.ce-date-title>span:not(.ce-date-title__now):hover{color:#5175f4}.ce-date-title .ce-date-title__pre-year,.ce-date-title .ce-date-title__pre-month{width:15%}.ce-date-title .ce-date-title__now{width:40%}.ce-date-title .ce-date-title__next-year,.ce-date-title .ce-date-title__next-month{width:15%}.ce-date-week{width:100%;display:flex;justify-content:center;margin-top:15px;padding-bottom:5px;border-bottom:1px solid #e4e7ed}.ce-date-week>span{list-style:none;width:14.28571%;text-align:center;color:#606266;font-size:14px}.ce-date-day{width:100%;display:flex;flex-wrap:wrap;align-items:center;margin-top:5px}.ce-date-day>div{width:14.28571%;height:40px;text-align:center;color:#606266;font-size:14px;cursor:pointer;line-height:40px;border-radius:4px}.ce-date-day>div:hover{color:#5175f4;opacity:.8}.ce-date-day>div.active{color:#5175f4;font-weight:700}.ce-date-day>div.disable{color:#c0c4cc}.ce-date-day>div.select{color:#fff;background-color:#5175f4}.ce-time-wrap{display:none;padding:10px;height:286px}.ce-time-wrap ::-webkit-scrollbar{width:0}.ce-time-wrap.active{display:flex}.ce-time-wrap li{list-style:none}.ce-time-wrap>li{width:33.3%;height:100%;text-align:center}.ce-time-wrap>li>span{transform:translateY(-5px);display:inline-block}.ce-time-wrap>li>ol{height:calc(100% - 20px);overflow-y:auto;border:1px solid #e2e2e2;position:relative}.ce-time-wrap>li:first-child>ol{border-right:0}.ce-time-wrap>li:last-child>ol{border-left:0}.ce-time-wrap>li>ol>li{line-height:30px;cursor:pointer;transition:all .3s}.ce-time-wrap>li>ol>li:hover{background-color:#eaeaea}.ce-time-wrap>li>ol>li.active{color:#fff;background:#5175F4}.ce-date-menu{width:100%;height:28px;display:flex;justify-content:flex-end;align-items:center;padding-top:10px;position:relative;border-top:1px solid #e4e7ed}.ce-date-menu button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dcdfe6;color:#606266;appearance:none;text-align:center;box-sizing:border-box;outline:none;transition:.1s;font-weight:500;user-select:none;padding:7px 15px;font-size:12px;border-radius:3px;margin:0 0 0 10px}.ce-date-menu button:hover{color:#5175f4;border-color:#5175f4}.ce-date-menu button.ce-date-menu__time{border:1px solid transparent;position:absolute;left:0;margin-left:0}.ce-date-menu button.ce-date-menu__time:hover{color:#5175f4}.ce-block-item{position:absolute;z-index:0;overflow:hidden;border-radius:8px;background-color:#fff;border:1px solid rgb(235 236 240)}.ce-table-tool__row{position:absolute;width:12px;border-radius:6.5px;overflow:hidden;background-color:#e2e6ed}.ce-table-tool__row .ce-table-tool__row__item{width:100%;position:relative}.ce-table-tool__row .ce-table-tool__row__item:after{content:"";position:absolute;bottom:0;left:2px;width:8px;height:1px;background-color:#c0c6cf}.ce-table-tool__row .ce-table-tool__row__item:last-child:after{display:none}.ce-table-tool__col{position:absolute;height:12px;border-radius:6.5px;overflow:hidden;background-color:#e2e6ed;display:flex}.ce-table-tool__col .ce-table-tool__col__item{height:100%;position:relative}.ce-table-tool__col .ce-table-tool__col__item:after{content:"";position:absolute;top:2px;left:-1px;width:1px;height:8px;z-index:1;background-color:#c0c6cf}.ce-table-tool__col .ce-table-tool__col__item:first-child:after{display:none}.ce-table-tool__row .ce-table-tool__row__item.active,.ce-table-tool__col .ce-table-tool__col__item.active{background-color:#c4d7fa}.ce-table-tool__col .ce-table-tool__anchor{right:-5px;width:10px;height:12px;z-index:9;position:absolute;cursor:col-resize}.ce-table-tool__row .ce-table-tool__anchor{bottom:-5px;left:0;width:12px;height:10px;z-index:9;position:absolute;cursor:row-resize}.ce-table-anchor__line{z-index:9;position:absolute;border:1px dotted #000000}.ce-resizer-selection{position:absolute;border:1px solid}.ce-resizer-selection>div{position:absolute;width:10px;height:10px;box-shadow:0 1px 4px #0000004d;border-radius:5px;border:2px solid #ffffff;box-sizing:border-box}.ce-resizer-selection .handle-0{cursor:nw-resize}.ce-resizer-selection .handle-1{cursor:n-resize}.ce-resizer-selection .handle-2{cursor:ne-resize}.ce-resizer-selection .handle-3{cursor:e-resize}.ce-resizer-selection .handle-4{cursor:se-resize}.ce-resizer-selection .handle-5{cursor:s-resize}.ce-resizer-selection .handle-6{cursor:sw-resize}.ce-resizer-selection .handle-7{cursor:w-resize}.ce-resizer-image{position:absolute;opacity:.5}.ce-image-previewer{position:fixed;left:0;top:0;z-index:1000;width:100%;height:100%;overflow:hidden;background:#f2f4f7;display:flex;align-items:center;justify-content:center;animation:previewerAnimation .3s}@keyframes previewerAnimation{0%{opacity:.1}to{opacity:1}}.ce-image-previewer .image-close{width:24px;height:24px;display:inline-block;position:absolute;right:50px;top:30px;z-index:99;cursor:pointer;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIzLjk3IDdsMS40MTUgMS40MTQtNy43NzkgNy43NzggNy43NzkgNy43NzktMS40MTQgMS40MTQtNy43NzktNy43NzktNy43NzggNy43NzlMNyAyMy45N2w3Ljc3OC03Ljc3OUw3IDguNDE0IDguNDE0IDdsNy43NzggNy43NzhMMjMuOTcxIDd6IiBmaWxsPSIjM0Q0NzU3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=) no-repeat;background-size:100% 100%;transition:all .3s;border-radius:50%}.ce-image-previewer .image-close:hover{background-color:#e2e6ed}.ce-image-previewer .ce-image-container{position:relative}.ce-image-previewer .ce-image-container img{cursor:move;position:relative}.ce-image-previewer .ce-image-menu{height:50px;position:absolute;bottom:50px;z-index:99;display:flex;align-items:center;justify-content:center}.ce-image-previewer .ce-image-menu i{width:32px;height:32px;margin:0 8px;cursor:pointer;display:inline-block;background-repeat:no-repeat;background-size:100% 100%;transition:all .3s;border-radius:50%}.ce-image-previewer .ce-image-menu i:hover{background-color:#e2e6ed}.ce-image-previewer .ce-image-menu i.zoom-in{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0IDE0di00aDJ2NGg0djJoLTR2NGgtMnYtNGgtNHYtMmg0em04Ljc0OSAxMC4xNjNBMTEuOTUyIDExLjk1MiAwIDAxMTUgMjdDOC4zNzMgMjcgMyAyMS42MjcgMyAxNVM4LjM3MyAzIDE1IDNzMTIgNS4zNzMgMTIgMTJjMCAyLjk1NC0xLjA2NyA1LjY1OC0yLjgzNyA3Ljc0OWw0LjkwOCA0LjkwOC0xLjQxNCAxLjQxNC00LjkwOC00LjkwOHpNMTUgMjVjNS41MjMgMCAxMC00LjQ3NyAxMC0xMFMyMC41MjMgNSAxNSA1IDUgOS40NzcgNSAxNXM0LjQ3NyAxMCAxMCAxMHoiIGZpbGw9IiMzRDQ3NTciLz48L3N2Zz4=)}.ce-image-previewer .ce-image-menu i.zoom-out{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIyLjc0OSAyNC4xNjNBMTEuOTUyIDExLjk1MiAwIDAxMTUgMjdDOC4zNzMgMjcgMyAyMS42MjcgMyAxNVM4LjM3MyAzIDE1IDNzMTIgNS4zNzMgMTIgMTJjMCAyLjk1NC0xLjA2NyA1LjY1OC0yLjgzNyA3Ljc0OWw0LjkwOCA0LjkwOC0xLjQxNCAxLjQxNC00LjkwOC00LjkwOHpNMTUgMjVjNS41MjMgMCAxMC00LjQ3NyAxMC0xMFMyMC41MjMgNSAxNSA1IDUgOS40NzcgNSAxNXM0LjQ3NyAxMCAxMCAxMHptLTUtMTFoMTB2MkgxMHYtMnoiIGZpbGw9IiMzRDQ3NTciLz48L3N2Zz4=)}.ce-image-previewer .ce-image-menu i.rotate{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iIzNENDc1NyIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTYgNGM2LjYyNyAwIDEyIDUuMzczIDEyIDEyYTExLjk3IDExLjk3IDAgMDEtNCA4Ljk0NFYyM2gtLjg2QTkuOTY4IDkuOTY4IDAgMDAyNiAxNmMwLTUuNTIzLTQuNDc3LTEwLTEwLTEwUzYgMTAuNDc3IDYgMTZjMCA1LjE4NSAzLjk0NyA5LjQ0OSA5IDkuOTV2Mi4wMDlDOC44NCAyNy40NTEgNCAyMi4yOTEgNCAxNiA0IDkuMzczIDkuMzczIDQgMTYgNHoiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik0xOS44NzkgMjcuMzI4bDEuNzY3LTYuNzE3IDQuOTUgNC45NXoiLz48L2c+PC9zdmc+)}.ce-image-previewer .ce-image-menu i.original-size{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQgNGgyNHYyNEg0VjR6bTIgMnYyMGgyMFY2SDZ6bTQgNWgydjEwaC0yVjExem01IDJoMnYyaC0ydi0yem0wIDRoMnYyaC0ydi0yem01LTZoMnYxMGgtMlYxMXoiIGZpbGw9IiMzRDQ3NTciLz48L3N2Zz4=)}.ce-image-previewer .ce-image-menu i.image-download{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQuNSAxNXYzLjVoMTVWMTVIMjF2NUgzdi01aDEuNXptOC4yMzItMTEuMjI2djkuMTk2bDQuMDUtNC4wNSAxLjA2IDEuMDYtNS44MzQgNS44MzQtNS44MzMtNS44MzMgMS4wNi0xLjA2IDMuOTk4IDMuOTk2VjMuNzc0aDEuNXoiIGZpbGw9IiMzRDQ3NTciLz48L3N2Zz4=)}.ce-contextmenu-container{z-index:9;position:fixed;display:none;padding:4px;overflow-x:hidden;overflow-y:auto;background:#fff;box-shadow:0 2px 12px #38383833;border:1px solid #e2e6ed;border-radius:2px}.ce-contextmenu-content{display:flex;flex-direction:column}.ce-contextmenu-content .ce-contextmenu-sub-item:after{position:absolute;content:"";width:16px;height:16px;right:12px;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCAwaDE2djE2SDB6Ii8+PGcgZmlsbD0iIzc2N0M4NSI+PHBhdGggZD0iTTcgMTIuMjQzbC0uNzA3LS43MDcgNC4yNDMtNC4yNDMuNzA3LjcwN3oiLz48cGF0aCBkPSJNNi4yOTMgNC40NjRMNyAzLjc1NyAxMS4yNDMgOGwtLjcwNy43MDd6Ii8+PC9nPjwvZz48L3N2Zz4=)}.ce-contextmenu-content .ce-contextmenu-item{min-width:140px;padding:0 32px 0 16px;height:30px;display:flex;align-items:center;white-space:nowrap;box-sizing:border-box;cursor:pointer}.ce-contextmenu-content .ce-contextmenu-item.hover{background:rgba(25,55,88,.04)}.ce-contextmenu-content .ce-contextmenu-item span{max-width:300px;font-size:12px;color:#3d4757;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ce-contextmenu-content .ce-contextmenu-item span.ce-shortcut{color:#767c85;height:30px;flex:1;text-align:right;line-height:30px;margin-left:20px}.ce-contextmenu-content .ce-contextmenu-item i{width:16px;height:16px;vertical-align:middle;display:inline-block;background-repeat:no-repeat;background-size:100% 100%;flex-shrink:0;margin-right:8px}.ce-contextmenu-divider{background-color:#e2e6ed;margin:4px 16px;height:1px}.ce-contextmenu-print{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjM0Q0NzU3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0xMiA0aC0xVjJINXYySDRWMmExIDEgMCAwMTEtMWg2YTEgMSAwIDAxMSAxdjJ6bTAgNXY0YTEgMSAwIDAxLTEgMUg1YTEgMSAwIDAxLTEtMVY5aDF2NGg2VjloMXoiLz48cGF0aCBkPSJNMTIgMTJ2LTFoMlY1SDJ2NmgydjFIMmExIDEgMCAwMS0xLTFWNWExIDEgMCAwMTEtMWgxMmExIDEgMCAwMTEgMXY2YTEgMSAwIDAxLTEgMWgtMnoiLz48cGF0aCBkPSJNMyA4aDEwdjFIM3ptOC0yaDJ2MWgtMnoiLz48L2c+PC9zdmc+)}.ce-contextmenu-image{background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSLlm77lsYJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZT4uc3Qwe2ZpbGw6IzNkNDc1N308L3N0eWxlPjxnIGlkPSJfeDMwXzAt5YWs5YWxX3gyRl8wMuW3peWFt+agj194MkZf5o+S5YWl5Zu+54mHLTE2cHgtIj48ZyBpZD0iR3JvdXAtMTkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMSkiPjxwYXRoIGlkPSJDb21iaW5lZC1TaGFwZSIgY2xhc3M9InN0MCIgZD0iTTEgMGgxMmMuNiAwIDEgLjQgMSAxdjExYzAgLjYtLjQgMS0xIDFIMWMtLjYgMC0xLS40LTEtMVYxYzAtLjYuNC0xIDEtMXptMCAxdjExaDEyVjFIMXoiLz48Y2lyY2xlIGlkPSLmpK3lnIblvaIiIGNsYXNzPSJzdDAiIGN4PSIxMCIgY3k9IjQiIHI9IjEiLz48cGF0aCBpZD0iUGF0aCIgY2xhc3M9InN0MCIgZD0iTTguNSAxMS4ybC00LTQuMUwxIDEwLjdWOS4yYzEuNy0xLjYgMi43LTIuNSAzLTIuOC40LS41LjctLjQgMSAwTDguNSAxMCAxMSA3LjNjLjQtLjUuNi0uNSAxLS4xbDIgMi44djEuNWwtMi41LTMuNC0zIDMuMXoiLz48L2c+PC9nPjwvc3ZnPg==)}.ce-contextmenu-image-change{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyIDQpIiBmaWxsPSIjM0Q0NzU3Ij48Y2lyY2xlIGZpbGwtcnVsZT0ibm9uemVybyIgY3g9IjMiIGN5PSIxIiByPSIxIi8+PHBhdGggZD0iTTcuNDczIDguMjIzTDMuNDcgNC4xMDcgMCA3LjY2N3YtMS41QzEuNzE1IDQuNiAyLjcwNyAzLjY2NCAyLjk3NSAzLjM1OGMuNDAyLS40NTcuNjUxLS4zOSAxLjA0MiAwTDcuNDczIDcgOS45NiA0LjM0OWMuNDE0LS40NjIuNjItLjQ2MiAxLjAxMS0uMDcxTDEzIDcuMDZ2MS41bC0yLjUxLTMuNDEtMy4wMTcgMy4wNzJ6Ii8+PC9nPjxwYXRoIGQ9Ik02IDEuNUgxLjV2MTJoMTN2LTRWMTNhLjUuNSAwIDAxLS41LjVIMmEuNS41IDAgMDEtLjUtLjVWMmEuNS41IDAgMDEuNS0uNWg0em04LjUgOFY2bC0uNS41aDFsLS41LS41djMuNXpNNiAxLjVoNEw5LjUgMXYxbC41LS41SDZ6IiBzdHJva2U9IiMzRDQ3NTciLz48cGF0aCBkPSJNMTMuMDg1IDEuMzE2bC0zLjgxNCA0YTEgMSAwIDAwMS40NTggMS4zNjhsMy44MTUtNGExIDEgMCAxMC0xLjQ1OS0xLjM2OHoiIGZpbGw9IiMzRDQ3NTciIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvZz48L3N2Zz4=)}.ce-contextmenu-insert-row-col{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBzdHJva2U9IiMzRDQ3NTciIGQ9Ik04LjUgNS41aDZ2NGgtNnoiLz48cGF0aCBmaWxsPSIjM0Q0NzU3IiBkPSJNNCA3djFoMlY3em0tMyAuNUw0IDV2NXpNMSAxaDEydjFIMXptMCAxMmgxMnYxSDF6Ii8+PC9nPjwvc3ZnPg==)}.ce-contextmenu-insert-top-row{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjM0Q0NzU3IiBkPSJNOCA1SDd2M2gxem0tLjUtM0wxMCA1SDV6Ii8+PHJlY3Qgc3Ryb2tlPSIjM0Q0NzU3IiB4PSIxLjUiIHk9IjEwLjUiIHdpZHRoPSIxMiIgaGVpZ2h0PSIzIiByeD0iMSIvPjwvZz48L3N2Zz4=)}.ce-contextmenu-insert-bottom-row{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjM0Q0NzU3IiBkPSJNNyAxMWgxVjhIN3ptLjUgM0w1IDExaDV6Ii8+PHJlY3Qgc3Ryb2tlPSIjM0Q0NzU3IiB4PSIxLjUiIHk9IjIuNSIgd2lkdGg9IjEyIiBoZWlnaHQ9IjMiIHJ4PSIxIi8+PC9nPjwvc3ZnPg==)}.ce-contextmenu-insert-left-col{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjM0Q0NzU3IiBkPSJNMTEgN3YxaDNWN3ptLTMgLjVMMTEgNXY1eiIvPjxyZWN0IHN0cm9rZT0iIzNENDc1NyIgdHJhbnNmb3JtPSJyb3RhdGUoOTAgNCA3LjUpIiB4PSItMiIgeT0iNiIgd2lkdGg9IjEyIiBoZWlnaHQ9IjMiIHJ4PSIxIi8+PC9nPjwvc3ZnPg==)}.ce-contextmenu-insert-right-col{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjM0Q0NzU3IiBkPSJNNSA4VjdIMnYxem0zLS41TDUgMTBWNXoiLz48cmVjdCBzdHJva2U9IiMzRDQ3NTciIHRyYW5zZm9ybT0icm90YXRlKDkwIDEyIDcuNSkiIHg9IjYiIHk9IjYiIHdpZHRoPSIxMiIgaGVpZ2h0PSIzIiByeD0iMSIvPjwvZz48L3N2Zz4=)}.ce-contextmenu-delete-row-col{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBzdHJva2U9IiM5MjlBQTgiIGQ9Ik04LjUgNi41aDZ2MmgtNnoiLz48cGF0aCBmaWxsPSIjM0Q0NzU3IiBkPSJNMiAxMmgxMXYxSDJ6TTIgMmgxMXYxSDJ6bS42MyAzTDcgOS4zNWwtLjYzNS42NUwyIDUuNjN6Ii8+PHBhdGggZmlsbD0iIzNENDc1NyIgZD0iTTIgOS4zNjNMNi4zNTUgNSA3IDUuNzA3IDIuNjk1IDEweiIvPjwvZz48L3N2Zz4=)}.ce-contextmenu-delete-row{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBzdHJva2U9IiM5MjlBQTgiIGQ9Ik04LjUgNS41aDZ2NGgtNnoiLz48cGF0aCBmaWxsPSIjM0Q0NzU3IiBkPSJNMSAxM2gxMnYxSDF6TTEgMWgxMnYxSDF6bTAgNGgxdjFIMXptMSAxaDF2MUgyem0xIDFoMXYxSDN6bTEtMWgxdjFINHptMS0xaDF2MUg1ek00IDhoMXYxSDR6TTIgOGgxdjFIMnptMyAxaDF2MUg1ek0xIDloMXYxSDF6Ii8+PC9nPjwvc3ZnPg==)}.ce-contextmenu-delete-col{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBzdHJva2U9IiM5MjlBQTgiIGQ9Ik01LjUgNy41di02aDR2NnoiLz48cGF0aCBmaWxsPSIjM0Q0NzU3IiBkPSJNMTMgMTVWM2gxdjEyek0xIDE1VjNoMXYxMnptNCAwdi0xaDF2MXptMS0xdi0xaDF2MXptMS0xdi0xaDF2MXptLTEtMXYtMWgxdjF6bS0xLTF2LTFoMXYxem0zIDF2LTFoMXYxem0wIDJ2LTFoMXYxem0xLTN2LTFoMXYxem0wIDR2LTFoMXYxeiIvPjwvZz48L3N2Zz4=)}.ce-contextmenu-delete-table{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iIzNENDc1NyIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTQgMTNoLTF2LTNIMnYzSDF2LTNhMSAxIDAgMDExLTFoMTFhMSAxIDAgMDExIDF2M3oiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik01LjYyNSAyTDEwIDYuMzc1IDkuMzc1IDcgNSAyLjYyNXoiLz48cGF0aCBkPSJNNSA2LjM3NUw5LjM3NSAybC42MjUuNjI1TDUuNjI1IDd6Ii8+PC9nPjwvc3ZnPg==)}.ce-contextmenu-merge-cell{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iIzNENDc1NyIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNNiAxdjFIMnYxMWg0djFIMmExIDEgMCAwMS0xLTFWMmExIDEgMCAwMTEtMWg0em0zIDBoNGExIDEgMCAwMTEgMXYxMWExIDEgMCAwMS0xIDFIOXYtMWg0VjJIOVYxeiIvPjxwYXRoIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTYgMWgxdjRINnptMiAwaDF2NEg4eiIvPjxwYXRoIGQ9Ik04IDcuNUwxMCA2djN6bS0xIDBMNSA2djN6Ii8+PHBhdGggZD0iTTkgN2gzdjFIOXpNMyA3aDN2MUgzeiIvPjxwYXRoIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTggMTBoMXY0SDh6bS0yIDBoMXY0SDZ6Ii8+PC9nPjwvc3ZnPg==)}.ce-contextmenu-merge-cancel-cell{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iIzNENDc1NyIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNNiAxdjFIMnYxMWg0djFIMmExIDEgMCAwMS0xLTFWMmExIDEgMCAwMTEtMWg0em0zIDBoNGExIDEgMCAwMTEgMXYxMWExIDEgMCAwMS0xIDFIOXYtMWg0VjJIOVYxeiIvPjxwYXRoIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTYgMWgxdjRINnptMiAwaDF2NEg4eiIvPjxwYXRoIGQ9Ik0zIDcuNUw1IDZ2M3ptOSAwTDEwIDZ2M3oiLz48cGF0aCBkPSJNNCA3aDN2MUg0em00IDBoM3YxSDh6Ii8+PHBhdGggZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNOCAxMGgxdjRIOHptLTIgMGgxdjRINnoiLz48L2c+PC9zdmc+)}.ce-hyperlink-popup{background:#fff;box-shadow:0 2px 12px #626b8433;border-radius:2px;color:#3d4757;padding:12px 16px;position:absolute;z-index:1;text-align:center;display:none}.ce-hyperlink-popup a{min-width:100px;max-width:300px;font-size:12px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;text-decoration:none;border-bottom-width:1px;border-bottom-style:solid;color:#00f}.ce-inputarea{width:0;height:12px;min-width:0;min-height:0;margin:0;padding:0;left:0;right:0;letter-spacing:0;font-size:12px;position:absolute;outline:none;resize:none;border:none;overflow:hidden;color:transparent;user-select:none;background-color:transparent}.ce-cursor{width:1px;height:20px;left:0;right:0;position:absolute;outline:none;background-color:#000;pointer-events:none}.ce-cursor.ce-cursor--animation{animation-duration:1s;animation-iteration-count:infinite;animation-name:cursorAnimation}@keyframes cursorAnimation{0%{opacity:1}13%{opacity:0}50%{opacity:0}63%{opacity:1}to{opacity:1}}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}})();})();
+(()=>{(function(){"use strict";try{if(typeof document!="undefined"){var e=document.createElement("style");e.appendChild(document.createTextNode('.ce-select-control-popup{max-width:160px;min-width:69px;max-height:225px;position:absolute;z-index:1;border:1px solid #e4e7ed;border-radius:4px;background-color:#fff;box-shadow:0 2px 12px #0000001a;box-sizing:border-box;margin:5px 0;overflow-y:auto}.ce-select-control-popup ul{list-style:none;padding:3px 0;margin:0;box-sizing:border-box}.ce-select-control-popup ul li{font-size:13px;padding:0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#666;height:36px;line-height:36px;box-sizing:border-box;cursor:pointer}.ce-select-control-popup ul li:hover{background-color:#eef2fd}.ce-select-control-popup ul li.active{color:var(--COLOR-HOVER, #5175f4);font-weight:700}.ce-date-container{display:none;width:300px;overflow:hidden;left:0;right:0;position:absolute;z-index:1;color:#606266;background:#ffffff;border-radius:4px;padding:10px;user-select:none;border:1px solid #e4e7ed;box-shadow:0 2px 12px #0000001a}.ce-date-container.active{display:block}.ce-date-wrap{display:none}.ce-date-wrap.active{display:block}.ce-date-title{display:flex;justify-content:center;align-items:center;text-align:center;color:#606266;font-size:16px}.ce-date-title>span{display:inline-block}.ce-date-title>span:not(.ce-date-title__now){font-family:cursive;cursor:pointer}.ce-date-title>span:not(.ce-date-title__now):hover{color:#5175f4}.ce-date-title .ce-date-title__pre-year,.ce-date-title .ce-date-title__pre-month{width:15%}.ce-date-title .ce-date-title__now{width:40%}.ce-date-title .ce-date-title__next-year,.ce-date-title .ce-date-title__next-month{width:15%}.ce-date-week{width:100%;display:flex;justify-content:center;margin-top:15px;padding-bottom:5px;border-bottom:1px solid #e4e7ed}.ce-date-week>span{list-style:none;width:14.28571%;text-align:center;color:#606266;font-size:14px}.ce-date-day{width:100%;display:flex;flex-wrap:wrap;align-items:center;margin-top:5px}.ce-date-day>div{width:14.28571%;height:40px;text-align:center;color:#606266;font-size:14px;cursor:pointer;line-height:40px;border-radius:4px}.ce-date-day>div:hover{color:#5175f4;opacity:.8}.ce-date-day>div.active{color:#5175f4;font-weight:700}.ce-date-day>div.disable{color:#c0c4cc}.ce-date-day>div.select{color:#fff;background-color:#5175f4}.ce-time-wrap{display:none;padding:10px;height:286px}.ce-time-wrap ::-webkit-scrollbar{width:0}.ce-time-wrap.active{display:flex}.ce-time-wrap li{list-style:none}.ce-time-wrap>li{width:33.3%;height:100%;text-align:center}.ce-time-wrap>li>span{transform:translateY(-5px);display:inline-block}.ce-time-wrap>li>ol{height:calc(100% - 20px);overflow-y:auto;border:1px solid #e2e2e2;position:relative}.ce-time-wrap>li:first-child>ol{border-right:0}.ce-time-wrap>li:last-child>ol{border-left:0}.ce-time-wrap>li>ol>li{line-height:30px;cursor:pointer;transition:all .3s}.ce-time-wrap>li>ol>li:hover{background-color:#eaeaea}.ce-time-wrap>li>ol>li.active{color:#fff;background:#5175F4}.ce-date-menu{width:100%;height:28px;display:flex;justify-content:flex-end;align-items:center;padding-top:10px;position:relative;border-top:1px solid #e4e7ed}.ce-date-menu button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dcdfe6;color:#606266;appearance:none;text-align:center;box-sizing:border-box;outline:none;transition:.1s;font-weight:500;user-select:none;padding:7px 15px;font-size:12px;border-radius:3px;margin:0 0 0 10px}.ce-date-menu button:hover{color:#5175f4;border-color:#5175f4}.ce-date-menu button.ce-date-menu__time{border:1px solid transparent;position:absolute;left:0;margin-left:0}.ce-date-menu button.ce-date-menu__time:hover{color:#5175f4}.ce-block-item{position:absolute;z-index:0;overflow:hidden;border-radius:8px;background-color:#fff;border:1px solid rgb(235 236 240)}.ce-table-tool__row{position:absolute;width:12px;border-radius:6.5px;overflow:hidden;background-color:#e2e6ed}.ce-table-tool__row .ce-table-tool__row__item{width:100%;position:relative}.ce-table-tool__row .ce-table-tool__row__item:after{content:"";position:absolute;bottom:0;left:2px;width:8px;height:1px;background-color:#c0c6cf}.ce-table-tool__row .ce-table-tool__row__item:last-child:after{display:none}.ce-table-tool__col{position:absolute;height:12px;border-radius:6.5px;overflow:hidden;background-color:#e2e6ed;display:flex}.ce-table-tool__col .ce-table-tool__col__item{height:100%;position:relative}.ce-table-tool__col .ce-table-tool__col__item:after{content:"";position:absolute;top:2px;left:-1px;width:1px;height:8px;z-index:1;background-color:#c0c6cf}.ce-table-tool__col .ce-table-tool__col__item:first-child:after{display:none}.ce-table-tool__row .ce-table-tool__row__item.active,.ce-table-tool__col .ce-table-tool__col__item.active{background-color:#c4d7fa}.ce-table-tool__col .ce-table-tool__anchor{right:-5px;width:10px;height:12px;z-index:9;position:absolute;cursor:col-resize}.ce-table-tool__row .ce-table-tool__anchor{bottom:-5px;left:0;width:12px;height:10px;z-index:9;position:absolute;cursor:row-resize}.ce-table-anchor__line{z-index:9;position:absolute;border:1px dotted #000000}.ce-resizer-selection{position:absolute;border:1px solid}.ce-resizer-selection>div{position:absolute;width:10px;height:10px;box-shadow:0 1px 4px #0000004d;border-radius:5px;border:2px solid #ffffff;box-sizing:border-box}.ce-resizer-selection .handle-0{cursor:nw-resize}.ce-resizer-selection .handle-1{cursor:n-resize}.ce-resizer-selection .handle-2{cursor:ne-resize}.ce-resizer-selection .handle-3{cursor:e-resize}.ce-resizer-selection .handle-4{cursor:se-resize}.ce-resizer-selection .handle-5{cursor:s-resize}.ce-resizer-selection .handle-6{cursor:sw-resize}.ce-resizer-selection .handle-7{cursor:w-resize}.ce-resizer-image{position:absolute;opacity:.5}.ce-image-previewer{position:fixed;left:0;top:0;z-index:1000;width:100%;height:100%;overflow:hidden;background:#f2f4f7;display:flex;align-items:center;justify-content:center;animation:previewerAnimation .3s}@keyframes previewerAnimation{0%{opacity:.1}to{opacity:1}}.ce-image-previewer .image-close{width:24px;height:24px;display:inline-block;position:absolute;right:50px;top:30px;z-index:99;cursor:pointer;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIzLjk3IDdsMS40MTUgMS40MTQtNy43NzkgNy43NzggNy43NzkgNy43NzktMS40MTQgMS40MTQtNy43NzktNy43NzktNy43NzggNy43NzlMNyAyMy45N2w3Ljc3OC03Ljc3OUw3IDguNDE0IDguNDE0IDdsNy43NzggNy43NzhMMjMuOTcxIDd6IiBmaWxsPSIjM0Q0NzU3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=) no-repeat;background-size:100% 100%;transition:all .3s;border-radius:50%}.ce-image-previewer .image-close:hover{background-color:#e2e6ed}.ce-image-previewer .ce-image-container{position:relative}.ce-image-previewer .ce-image-container img{cursor:move;position:relative}.ce-image-previewer .ce-image-menu{height:50px;position:absolute;bottom:50px;z-index:99;display:flex;align-items:center;justify-content:center}.ce-image-previewer .ce-image-menu i{width:32px;height:32px;margin:0 8px;cursor:pointer;display:inline-block;background-repeat:no-repeat;background-size:100% 100%;transition:all .3s;border-radius:50%}.ce-image-previewer .ce-image-menu i:hover{background-color:#e2e6ed}.ce-image-previewer .ce-image-menu i.zoom-in{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0IDE0di00aDJ2NGg0djJoLTR2NGgtMnYtNGgtNHYtMmg0em04Ljc0OSAxMC4xNjNBMTEuOTUyIDExLjk1MiAwIDAxMTUgMjdDOC4zNzMgMjcgMyAyMS42MjcgMyAxNVM4LjM3MyAzIDE1IDNzMTIgNS4zNzMgMTIgMTJjMCAyLjk1NC0xLjA2NyA1LjY1OC0yLjgzNyA3Ljc0OWw0LjkwOCA0LjkwOC0xLjQxNCAxLjQxNC00LjkwOC00LjkwOHpNMTUgMjVjNS41MjMgMCAxMC00LjQ3NyAxMC0xMFMyMC41MjMgNSAxNSA1IDUgOS40NzcgNSAxNXM0LjQ3NyAxMCAxMCAxMHoiIGZpbGw9IiMzRDQ3NTciLz48L3N2Zz4=)}.ce-image-previewer .ce-image-menu i.zoom-out{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIyLjc0OSAyNC4xNjNBMTEuOTUyIDExLjk1MiAwIDAxMTUgMjdDOC4zNzMgMjcgMyAyMS42MjcgMyAxNVM4LjM3MyAzIDE1IDNzMTIgNS4zNzMgMTIgMTJjMCAyLjk1NC0xLjA2NyA1LjY1OC0yLjgzNyA3Ljc0OWw0LjkwOCA0LjkwOC0xLjQxNCAxLjQxNC00LjkwOC00LjkwOHpNMTUgMjVjNS41MjMgMCAxMC00LjQ3NyAxMC0xMFMyMC41MjMgNSAxNSA1IDUgOS40NzcgNSAxNXM0LjQ3NyAxMCAxMCAxMHptLTUtMTFoMTB2MkgxMHYtMnoiIGZpbGw9IiMzRDQ3NTciLz48L3N2Zz4=)}.ce-image-previewer .ce-image-menu i.rotate{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iIzNENDc1NyIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTYgNGM2LjYyNyAwIDEyIDUuMzczIDEyIDEyYTExLjk3IDExLjk3IDAgMDEtNCA4Ljk0NFYyM2gtLjg2QTkuOTY4IDkuOTY4IDAgMDAyNiAxNmMwLTUuNTIzLTQuNDc3LTEwLTEwLTEwUzYgMTAuNDc3IDYgMTZjMCA1LjE4NSAzLjk0NyA5LjQ0OSA5IDkuOTV2Mi4wMDlDOC44NCAyNy40NTEgNCAyMi4yOTEgNCAxNiA0IDkuMzczIDkuMzczIDQgMTYgNHoiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik0xOS44NzkgMjcuMzI4bDEuNzY3LTYuNzE3IDQuOTUgNC45NXoiLz48L2c+PC9zdmc+)}.ce-image-previewer .ce-image-menu i.original-size{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQgNGgyNHYyNEg0VjR6bTIgMnYyMGgyMFY2SDZ6bTQgNWgydjEwaC0yVjExem01IDJoMnYyaC0ydi0yem0wIDRoMnYyaC0ydi0yem01LTZoMnYxMGgtMlYxMXoiIGZpbGw9IiMzRDQ3NTciLz48L3N2Zz4=)}.ce-image-previewer .ce-image-menu i.image-download{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQuNSAxNXYzLjVoMTVWMTVIMjF2NUgzdi01aDEuNXptOC4yMzItMTEuMjI2djkuMTk2bDQuMDUtNC4wNSAxLjA2IDEuMDYtNS44MzQgNS44MzQtNS44MzMtNS44MzMgMS4wNi0xLjA2IDMuOTk4IDMuOTk2VjMuNzc0aDEuNXoiIGZpbGw9IiMzRDQ3NTciLz48L3N2Zz4=)}.ce-contextmenu-container{z-index:9;position:fixed;display:none;padding:4px;overflow-x:hidden;overflow-y:auto;background:#fff;box-shadow:0 2px 12px #38383833;border:1px solid #e2e6ed;border-radius:2px}.ce-contextmenu-content{display:flex;flex-direction:column}.ce-contextmenu-content .ce-contextmenu-sub-item:after{position:absolute;content:"";width:16px;height:16px;right:12px;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCAwaDE2djE2SDB6Ii8+PGcgZmlsbD0iIzc2N0M4NSI+PHBhdGggZD0iTTcgMTIuMjQzbC0uNzA3LS43MDcgNC4yNDMtNC4yNDMuNzA3LjcwN3oiLz48cGF0aCBkPSJNNi4yOTMgNC40NjRMNyAzLjc1NyAxMS4yNDMgOGwtLjcwNy43MDd6Ii8+PC9nPjwvZz48L3N2Zz4=)}.ce-contextmenu-content .ce-contextmenu-item{min-width:140px;padding:0 32px 0 16px;height:30px;display:flex;align-items:center;white-space:nowrap;box-sizing:border-box;cursor:pointer}.ce-contextmenu-content .ce-contextmenu-item.hover{background:rgba(25,55,88,.04)}.ce-contextmenu-content .ce-contextmenu-item span{max-width:300px;font-size:12px;color:#3d4757;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ce-contextmenu-content .ce-contextmenu-item span.ce-shortcut{color:#767c85;height:30px;flex:1;text-align:right;line-height:30px;margin-left:20px}.ce-contextmenu-content .ce-contextmenu-item i{width:16px;height:16px;vertical-align:middle;display:inline-block;background-repeat:no-repeat;background-size:100% 100%;flex-shrink:0;margin-right:8px}.ce-contextmenu-divider{background-color:#e2e6ed;margin:4px 16px;height:1px}.ce-contextmenu-print{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjM0Q0NzU3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0xMiA0aC0xVjJINXYySDRWMmExIDEgMCAwMTEtMWg2YTEgMSAwIDAxMSAxdjJ6bTAgNXY0YTEgMSAwIDAxLTEgMUg1YTEgMSAwIDAxLTEtMVY5aDF2NGg2VjloMXoiLz48cGF0aCBkPSJNMTIgMTJ2LTFoMlY1SDJ2NmgydjFIMmExIDEgMCAwMS0xLTFWNWExIDEgMCAwMTEtMWgxMmExIDEgMCAwMTEgMXY2YTEgMSAwIDAxLTEgMWgtMnoiLz48cGF0aCBkPSJNMyA4aDEwdjFIM3ptOC0yaDJ2MWgtMnoiLz48L2c+PC9zdmc+)}.ce-contextmenu-image{background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSLlm77lsYJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZT4uc3Qwe2ZpbGw6IzNkNDc1N308L3N0eWxlPjxnIGlkPSJfeDMwXzAt5YWs5YWxX3gyRl8wMuW3peWFt+agj194MkZf5o+S5YWl5Zu+54mHLTE2cHgtIj48ZyBpZD0iR3JvdXAtMTkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMSkiPjxwYXRoIGlkPSJDb21iaW5lZC1TaGFwZSIgY2xhc3M9InN0MCIgZD0iTTEgMGgxMmMuNiAwIDEgLjQgMSAxdjExYzAgLjYtLjQgMS0xIDFIMWMtLjYgMC0xLS40LTEtMVYxYzAtLjYuNC0xIDEtMXptMCAxdjExaDEyVjFIMXoiLz48Y2lyY2xlIGlkPSLmpK3lnIblvaIiIGNsYXNzPSJzdDAiIGN4PSIxMCIgY3k9IjQiIHI9IjEiLz48cGF0aCBpZD0iUGF0aCIgY2xhc3M9InN0MCIgZD0iTTguNSAxMS4ybC00LTQuMUwxIDEwLjdWOS4yYzEuNy0xLjYgMi43LTIuNSAzLTIuOC40LS41LjctLjQgMSAwTDguNSAxMCAxMSA3LjNjLjQtLjUuNi0uNSAxLS4xbDIgMi44djEuNWwtMi41LTMuNC0zIDMuMXoiLz48L2c+PC9nPjwvc3ZnPg==)}.ce-contextmenu-image-change{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyIDQpIiBmaWxsPSIjM0Q0NzU3Ij48Y2lyY2xlIGZpbGwtcnVsZT0ibm9uemVybyIgY3g9IjMiIGN5PSIxIiByPSIxIi8+PHBhdGggZD0iTTcuNDczIDguMjIzTDMuNDcgNC4xMDcgMCA3LjY2N3YtMS41QzEuNzE1IDQuNiAyLjcwNyAzLjY2NCAyLjk3NSAzLjM1OGMuNDAyLS40NTcuNjUxLS4zOSAxLjA0MiAwTDcuNDczIDcgOS45NiA0LjM0OWMuNDE0LS40NjIuNjItLjQ2MiAxLjAxMS0uMDcxTDEzIDcuMDZ2MS41bC0yLjUxLTMuNDEtMy4wMTcgMy4wNzJ6Ii8+PC9nPjxwYXRoIGQ9Ik02IDEuNUgxLjV2MTJoMTN2LTRWMTNhLjUuNSAwIDAxLS41LjVIMmEuNS41IDAgMDEtLjUtLjVWMmEuNS41IDAgMDEuNS0uNWg0em04LjUgOFY2bC0uNS41aDFsLS41LS41djMuNXpNNiAxLjVoNEw5LjUgMXYxbC41LS41SDZ6IiBzdHJva2U9IiMzRDQ3NTciLz48cGF0aCBkPSJNMTMuMDg1IDEuMzE2bC0zLjgxNCA0YTEgMSAwIDAwMS40NTggMS4zNjhsMy44MTUtNGExIDEgMCAxMC0xLjQ1OS0xLjM2OHoiIGZpbGw9IiMzRDQ3NTciIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvZz48L3N2Zz4=)}.ce-contextmenu-insert-row-col{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBzdHJva2U9IiMzRDQ3NTciIGQ9Ik04LjUgNS41aDZ2NGgtNnoiLz48cGF0aCBmaWxsPSIjM0Q0NzU3IiBkPSJNNCA3djFoMlY3em0tMyAuNUw0IDV2NXpNMSAxaDEydjFIMXptMCAxMmgxMnYxSDF6Ii8+PC9nPjwvc3ZnPg==)}.ce-contextmenu-insert-top-row{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjM0Q0NzU3IiBkPSJNOCA1SDd2M2gxem0tLjUtM0wxMCA1SDV6Ii8+PHJlY3Qgc3Ryb2tlPSIjM0Q0NzU3IiB4PSIxLjUiIHk9IjEwLjUiIHdpZHRoPSIxMiIgaGVpZ2h0PSIzIiByeD0iMSIvPjwvZz48L3N2Zz4=)}.ce-contextmenu-insert-bottom-row{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjM0Q0NzU3IiBkPSJNNyAxMWgxVjhIN3ptLjUgM0w1IDExaDV6Ii8+PHJlY3Qgc3Ryb2tlPSIjM0Q0NzU3IiB4PSIxLjUiIHk9IjIuNSIgd2lkdGg9IjEyIiBoZWlnaHQ9IjMiIHJ4PSIxIi8+PC9nPjwvc3ZnPg==)}.ce-contextmenu-insert-left-col{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjM0Q0NzU3IiBkPSJNMTEgN3YxaDNWN3ptLTMgLjVMMTEgNXY1eiIvPjxyZWN0IHN0cm9rZT0iIzNENDc1NyIgdHJhbnNmb3JtPSJyb3RhdGUoOTAgNCA3LjUpIiB4PSItMiIgeT0iNiIgd2lkdGg9IjEyIiBoZWlnaHQ9IjMiIHJ4PSIxIi8+PC9nPjwvc3ZnPg==)}.ce-contextmenu-insert-right-col{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjM0Q0NzU3IiBkPSJNNSA4VjdIMnYxem0zLS41TDUgMTBWNXoiLz48cmVjdCBzdHJva2U9IiMzRDQ3NTciIHRyYW5zZm9ybT0icm90YXRlKDkwIDEyIDcuNSkiIHg9IjYiIHk9IjYiIHdpZHRoPSIxMiIgaGVpZ2h0PSIzIiByeD0iMSIvPjwvZz48L3N2Zz4=)}.ce-contextmenu-delete-row-col{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBzdHJva2U9IiM5MjlBQTgiIGQ9Ik04LjUgNi41aDZ2MmgtNnoiLz48cGF0aCBmaWxsPSIjM0Q0NzU3IiBkPSJNMiAxMmgxMXYxSDJ6TTIgMmgxMXYxSDJ6bS42MyAzTDcgOS4zNWwtLjYzNS42NUwyIDUuNjN6Ii8+PHBhdGggZmlsbD0iIzNENDc1NyIgZD0iTTIgOS4zNjNMNi4zNTUgNSA3IDUuNzA3IDIuNjk1IDEweiIvPjwvZz48L3N2Zz4=)}.ce-contextmenu-delete-row{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBzdHJva2U9IiM5MjlBQTgiIGQ9Ik04LjUgNS41aDZ2NGgtNnoiLz48cGF0aCBmaWxsPSIjM0Q0NzU3IiBkPSJNMSAxM2gxMnYxSDF6TTEgMWgxMnYxSDF6bTAgNGgxdjFIMXptMSAxaDF2MUgyem0xIDFoMXYxSDN6bTEtMWgxdjFINHptMS0xaDF2MUg1ek00IDhoMXYxSDR6TTIgOGgxdjFIMnptMyAxaDF2MUg1ek0xIDloMXYxSDF6Ii8+PC9nPjwvc3ZnPg==)}.ce-contextmenu-delete-col{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBzdHJva2U9IiM5MjlBQTgiIGQ9Ik01LjUgNy41di02aDR2NnoiLz48cGF0aCBmaWxsPSIjM0Q0NzU3IiBkPSJNMTMgMTVWM2gxdjEyek0xIDE1VjNoMXYxMnptNCAwdi0xaDF2MXptMS0xdi0xaDF2MXptMS0xdi0xaDF2MXptLTEtMXYtMWgxdjF6bS0xLTF2LTFoMXYxem0zIDF2LTFoMXYxem0wIDJ2LTFoMXYxem0xLTN2LTFoMXYxem0wIDR2LTFoMXYxeiIvPjwvZz48L3N2Zz4=)}.ce-contextmenu-delete-table{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iIzNENDc1NyIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTQgMTNoLTF2LTNIMnYzSDF2LTNhMSAxIDAgMDExLTFoMTFhMSAxIDAgMDExIDF2M3oiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik01LjYyNSAyTDEwIDYuMzc1IDkuMzc1IDcgNSAyLjYyNXoiLz48cGF0aCBkPSJNNSA2LjM3NUw5LjM3NSAybC42MjUuNjI1TDUuNjI1IDd6Ii8+PC9nPjwvc3ZnPg==)}.ce-contextmenu-merge-cell{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iIzNENDc1NyIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNNiAxdjFIMnYxMWg0djFIMmExIDEgMCAwMS0xLTFWMmExIDEgMCAwMTEtMWg0em0zIDBoNGExIDEgMCAwMTEgMXYxMWExIDEgMCAwMS0xIDFIOXYtMWg0VjJIOVYxeiIvPjxwYXRoIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTYgMWgxdjRINnptMiAwaDF2NEg4eiIvPjxwYXRoIGQ9Ik04IDcuNUwxMCA2djN6bS0xIDBMNSA2djN6Ii8+PHBhdGggZD0iTTkgN2gzdjFIOXpNMyA3aDN2MUgzeiIvPjxwYXRoIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTggMTBoMXY0SDh6bS0yIDBoMXY0SDZ6Ii8+PC9nPjwvc3ZnPg==)}.ce-contextmenu-merge-cancel-cell{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iIzNENDc1NyIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNNiAxdjFIMnYxMWg0djFIMmExIDEgMCAwMS0xLTFWMmExIDEgMCAwMTEtMWg0em0zIDBoNGExIDEgMCAwMTEgMXYxMWExIDEgMCAwMS0xIDFIOXYtMWg0VjJIOVYxeiIvPjxwYXRoIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTYgMWgxdjRINnptMiAwaDF2NEg4eiIvPjxwYXRoIGQ9Ik0zIDcuNUw1IDZ2M3ptOSAwTDEwIDZ2M3oiLz48cGF0aCBkPSJNNCA3aDN2MUg0em00IDBoM3YxSDh6Ii8+PHBhdGggZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNOCAxMGgxdjRIOHptLTIgMGgxdjRINnoiLz48L2c+PC9zdmc+)}.ce-hyperlink-popup{background:#fff;box-shadow:0 2px 12px #626b8433;border-radius:2px;color:#3d4757;padding:12px 16px;position:absolute;z-index:1;text-align:center;display:none}.ce-hyperlink-popup a{min-width:100px;max-width:300px;font-size:12px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;text-decoration:none;border-bottom-width:1px;border-bottom-style:solid;color:#00f}.ce-header-indicator>div{padding:3px 6px;color:#000;font-size:12px;background:rgb(218 231 252);position:absolute;transform:translate(10px,10px)}.ce-inputarea{width:0;height:12px;min-width:0;min-height:0;margin:0;padding:0;left:0;right:0;letter-spacing:0;font-size:12px;position:absolute;outline:none;resize:none;border:none;overflow:hidden;color:transparent;user-select:none;background-color:transparent}.ce-cursor{width:1px;height:20px;left:0;right:0;position:absolute;outline:none;background-color:#000;pointer-events:none}.ce-cursor.ce-cursor--animation{animation-duration:1s;animation-iteration-count:infinite;animation-name:cursorAnimation}@keyframes cursorAnimation{0%{opacity:1}13%{opacity:0}50%{opacity:0}63%{opacity:1}to{opacity:1}}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}})();})();
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
@@ -23,7 +23,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 var index = "";
-const version = "0.9.22";
+const version = "0.9.23";
 const ZERO = "\u200B";
 const WRAP = "\n";
 var RowFlex;
@@ -4011,7 +4011,9 @@ class Cursor {
     const height = this.draw.getHeight();
     const pageGap = this.draw.getPageGap();
     const { metrics, coordinate: { leftTop, rightTop }, ascent, pageNo } = cursorPosition;
-    const preY = pageNo * (height + pageGap);
+    const zoneManager = this.draw.getZone();
+    const curPageNo = zoneManager.isMainActive() ? pageNo : this.draw.getPageNo();
+    const preY = curPageNo * (height + pageGap);
     const offsetHeight = metrics.height / 4;
     const cursorHeight = metrics.height + offsetHeight * 2;
     const agentCursorDom = this.cursorAgent.getAgentCursorDom();
@@ -4264,6 +4266,8 @@ function mousedown(evt, host) {
     x: evt.offsetX,
     y: evt.offsetY
   });
+  if (!positionResult)
+    return;
   const { index: index2, isDirectHit, isCheckbox, isImage, isTable, tdValueIndex } = positionResult;
   host.mouseDownStartPosition = __spreadProps(__spreadValues({}, positionResult), {
     index: isTable ? tdValueIndex : index2
@@ -4494,6 +4498,8 @@ function mousemove(evt, host) {
     x: evt.offsetX,
     y: evt.offsetY
   });
+  if (!~positionResult.index)
+    return;
   const { index: index2, isTable, tdValueIndex, tdIndex, trIndex, tableId } = positionResult;
   const { index: startIndex, isTable: startIsTable, tdIndex: startTdIndex, trIndex: startTrIndex } = host.mouseDownStartPosition;
   const endIndex = isTable ? tdValueIndex : index2;
@@ -4933,9 +4939,17 @@ function drop(evt, host) {
 }
 const LETTER_REG = /[a-zA-Z]/;
 const NUMBER_LIKE_REG = /[0-9.]/;
-function dblclick(host) {
+function dblclick(host, evt) {
   const draw = host.getDraw();
   const position = draw.getPosition();
+  const positionContext = position.getPositionByXY({
+    x: evt.offsetX,
+    y: evt.offsetY
+  });
+  if (!~positionContext.index && positionContext.zone) {
+    draw.getZone().setZone(positionContext.zone);
+    return;
+  }
   const cursorPosition = position.getCursorPosition();
   if (!cursorPosition)
     return;
@@ -5058,10 +5072,13 @@ function dragover(evt, host) {
     draw.setPageNo(Number(pageIndex));
   }
   const position = draw.getPosition();
-  const { isTable, tdValueIndex, index: index2 } = position.adjustPositionContext({
+  const positionContext = position.adjustPositionContext({
     x: evt.offsetX,
     y: evt.offsetY
   });
+  if (!positionContext)
+    return;
+  const { isTable, tdValueIndex, index: index2 } = positionContext;
   const positionList = position.getPositionList();
   const curIndex = isTable ? tdValueIndex : index2;
   if (~index2) {
@@ -5184,8 +5201,8 @@ class CanvasEvent {
   keydown(evt) {
     keydown(evt, this);
   }
-  dblclick() {
-    click.dblclick(this);
+  dblclick(evt) {
+    click.dblclick(this, evt);
   }
   threeClick() {
     click.threeClick(this);
@@ -5356,6 +5373,42 @@ class HistoryManager {
     return !!this.redoStack.length;
   }
 }
+var EditorComponent;
+(function(EditorComponent2) {
+  EditorComponent2["COMPONENT"] = "component";
+  EditorComponent2["MENU"] = "menu";
+  EditorComponent2["MAIN"] = "main";
+  EditorComponent2["FOOTER"] = "footer";
+  EditorComponent2["CONTEXTMENU"] = "contextmenu";
+  EditorComponent2["POPUP"] = "popup";
+})(EditorComponent || (EditorComponent = {}));
+var EditorContext;
+(function(EditorContext2) {
+  EditorContext2["PAGE"] = "page";
+  EditorContext2["TABLE"] = "table";
+})(EditorContext || (EditorContext = {}));
+var EditorMode;
+(function(EditorMode2) {
+  EditorMode2["EDIT"] = "edit";
+  EditorMode2["CLEAN"] = "clean";
+  EditorMode2["READONLY"] = "readonly";
+})(EditorMode || (EditorMode = {}));
+var EditorZone;
+(function(EditorZone2) {
+  EditorZone2["HEADER"] = "header";
+  EditorZone2["MAIN"] = "main";
+  EditorZone2["FOOTER"] = "footer";
+})(EditorZone || (EditorZone = {}));
+var PageMode;
+(function(PageMode2) {
+  PageMode2["PAGING"] = "paging";
+  PageMode2["CONTINUITY"] = "continuity";
+})(PageMode || (PageMode = {}));
+var PaperDirection;
+(function(PaperDirection2) {
+  PaperDirection2["VERTICAL"] = "vertical";
+  PaperDirection2["HORIZONTAL"] = "horizontal";
+})(PaperDirection || (PaperDirection = {}));
 class Position {
   constructor(draw) {
     __publicField(this, "cursorPosition");
@@ -5372,16 +5425,22 @@ class Position {
     this.draw = draw;
     this.options = draw.getOptions();
   }
-  getOriginalPositionList() {
-    return this.positionList;
+  getTablePositionList(sourceElementList) {
+    const { index: index2, trIndex, tdIndex } = this.positionContext;
+    return sourceElementList[index2].trList[trIndex].tdList[tdIndex].positionList || [];
   }
   getPositionList() {
-    const { isTable } = this.positionContext;
-    if (isTable) {
-      const { index: index2, trIndex, tdIndex } = this.positionContext;
-      const elementList = this.draw.getOriginalElementList();
-      return elementList[index2].trList[trIndex].tdList[tdIndex].positionList || [];
-    }
+    return this.positionContext.isTable ? this.getTablePositionList(this.draw.getOriginalElementList()) : this.getOriginalPositionList();
+  }
+  getMainPositionList() {
+    return this.positionContext.isTable ? this.getTablePositionList(this.draw.getOriginalMainElementList()) : this.positionList;
+  }
+  getOriginalPositionList() {
+    const zoneManager = this.draw.getZone();
+    const header = this.draw.getHeader();
+    return zoneManager.isHeaderActive() ? header.getPositionList() : this.positionList;
+  }
+  getOriginalMainPositionList() {
     return this.positionList;
   }
   setPositionList(payload) {
@@ -5460,7 +5519,9 @@ class Position {
     const pageRowList = this.draw.getPageRowList();
     const margins = this.draw.getMargins();
     const startX = margins[3];
-    const startY = margins[0];
+    const header = this.draw.getHeader();
+    const extraHeight = header.getExtraHeight();
+    const startY = margins[0] + extraHeight;
     for (let i = 0; i < pageRowList.length; i++) {
       const rowList = pageRowList[i];
       const startIndex = rowList[0].startIndex;
@@ -5495,12 +5556,14 @@ class Position {
       elementList = this.draw.getOriginalElementList();
     }
     if (!positionList) {
-      positionList = this.positionList;
+      positionList = this.getOriginalPositionList();
     }
+    const zoneManager = this.draw.getZone();
     const curPageNo = this.draw.getPageNo();
+    const positionNo = zoneManager.isMainActive() ? curPageNo : 0;
     for (let j = 0; j < positionList.length; j++) {
       const { index: index2, pageNo, coordinate: { leftTop, rightTop, leftBottom } } = positionList[j];
-      if (curPageNo !== pageNo)
+      if (positionNo !== pageNo)
         continue;
       if (leftTop[0] <= x && rightTop[0] >= x && leftTop[1] <= y && leftBottom[1] >= y) {
         let curPositionIndex2 = j;
@@ -5583,15 +5646,15 @@ class Position {
         }
       }
     }
-    const firstLetterList = positionList.filter((p) => p.isLastLetter && p.pageNo === curPageNo);
+    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];
-      if (curPageNo !== pageNo)
+      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 === curPageNo && p.rowNo === firstLetterList[j].rowNo);
+          const headIndex = positionList.findIndex((p) => p.pageNo === positionNo && p.rowNo === firstLetterList[j].rowNo);
           curPositionIndex = ~headIndex ? headIndex - 1 : index2;
         } else {
           curPositionIndex = index2;
@@ -5601,7 +5664,25 @@ class Position {
       }
     }
     if (!isLastArea) {
-      return { index: ((_a = firstLetterList[firstLetterList.length - 1]) == null ? void 0 : _a.index) || positionList.length - 1 };
+      if (zoneManager.isMainActive()) {
+        if (y < firstLetterList[0].coordinate.leftTop[1]) {
+          return {
+            index: -1,
+            zone: EditorZone.HEADER
+          };
+        }
+      }
+      if (zoneManager.isHeaderActive()) {
+        if (y > firstLetterList[0].coordinate.leftTop[1]) {
+          return {
+            index: -1,
+            zone: EditorZone.MAIN
+          };
+        }
+      }
+      return {
+        index: ((_a = firstLetterList[firstLetterList.length - 1]) == null ? void 0 : _a.index) || positionList.length - 1
+      };
     }
     return {
       index: curPositionIndex,
@@ -5610,11 +5691,9 @@ class Position {
   }
   adjustPositionContext(payload) {
     const isReadonly = this.draw.isReadonly();
-    const { x, y } = payload;
-    const positionResult = this.getPositionByXY({
-      x,
-      y
-    });
+    const positionResult = this.getPositionByXY(payload);
+    if (!~positionResult.index)
+      return null;
     if (positionResult.isControl && !isReadonly) {
       const { index: index22, isTable: isTable2, trIndex: trIndex2, tdIndex: tdIndex2, tdValueIndex } = positionResult;
       const control = this.draw.getControl();
@@ -5667,6 +5746,9 @@ class RangeManager {
   getRange() {
     return this.range;
   }
+  clearRange() {
+    this.setRange(-1, -1);
+  }
   getSelection() {
     const { startIndex, endIndex } = this.range;
     if (startIndex === endIndex)
@@ -5713,6 +5795,7 @@ class RangeManager {
     this.range.startTrIndex = startTrIndex;
     this.range.endTrIndex = endTrIndex;
     this.range.isCrossRowCol = !!(startTdIndex || endTdIndex || startTrIndex || endTrIndex);
+    this.range.zone = this.draw.getZone().getZone();
     const control = this.draw.getControl();
     if (~startIndex && ~endIndex) {
       const elementList = this.draw.getElementList();
@@ -5940,36 +6023,6 @@ class Highlight extends AbstractRichText {
     this.clearFillInfo();
   }
 }
-var EditorComponent;
-(function(EditorComponent2) {
-  EditorComponent2["COMPONENT"] = "component";
-  EditorComponent2["MENU"] = "menu";
-  EditorComponent2["MAIN"] = "main";
-  EditorComponent2["FOOTER"] = "footer";
-  EditorComponent2["CONTEXTMENU"] = "contextmenu";
-  EditorComponent2["POPUP"] = "popup";
-})(EditorComponent || (EditorComponent = {}));
-var EditorContext;
-(function(EditorContext2) {
-  EditorContext2["PAGE"] = "page";
-  EditorContext2["TABLE"] = "table";
-})(EditorContext || (EditorContext = {}));
-var EditorMode;
-(function(EditorMode2) {
-  EditorMode2["EDIT"] = "edit";
-  EditorMode2["CLEAN"] = "clean";
-  EditorMode2["READONLY"] = "readonly";
-})(EditorMode || (EditorMode = {}));
-var PageMode;
-(function(PageMode2) {
-  PageMode2["PAGING"] = "paging";
-  PageMode2["CONTINUITY"] = "continuity";
-})(PageMode || (PageMode = {}));
-var PaperDirection;
-(function(PaperDirection2) {
-  PaperDirection2["VERTICAL"] = "vertical";
-  PaperDirection2["HORIZONTAL"] = "horizontal";
-})(PaperDirection || (PaperDirection = {}));
 class Margin {
   constructor(draw) {
     __publicField(this, "draw");
@@ -6954,26 +7007,121 @@ 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");
+    __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.getHeaderElementList();
+    this.rowList = [];
+    this.positionList = [];
   }
-  render(ctx) {
-    const { header: { data: data2, size, color, font }, scale } = this.options;
-    if (!data2)
-      return;
-    const width = this.draw.getWidth();
-    const top = this.draw.getHeaderTop();
-    ctx.save();
-    ctx.fillStyle = color;
-    ctx.font = `${size * scale}px ${font}`;
-    const textWidth = ctx.measureText(`${data2}`).width;
-    const left = (width - textWidth) / 2;
-    ctx.fillText(`${data2}`, left < 0 ? 0 : left, top);
-    ctx.restore();
+  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 headerTop = this.getHeaderTop();
+    const innerWidth = this.draw.getInnerWidth();
+    const margins = this.draw.getMargins();
+    const startX = margins[3];
+    const startY = headerTop;
+    this.position.computePageRowPosition({
+      positionList: this.positionList,
+      rowList: this.rowList,
+      pageNo: 0,
+      startIndex: 0,
+      startX,
+      startY,
+      innerWidth
+    });
+  }
+  getHeaderTop() {
+    const { header: { top }, scale } = this.options;
+    return Math.floor(top * scale);
+  }
+  getMaxHeight() {
+    const { header: { 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 headerHeight = this.getHeight();
+    const headerTop = this.getHeaderTop();
+    const extraHeight = headerTop + headerHeight - margins[0];
+    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.HEADER
+    });
   }
 }
 class SuperscriptParticle {
@@ -8890,8 +9038,64 @@ class ImageObserver {
     return Promise.allSettled(this.promiseList);
   }
 }
+class Zone {
+  constructor(draw) {
+    __publicField(this, "draw");
+    __publicField(this, "container");
+    __publicField(this, "currentZone");
+    __publicField(this, "headerIndicatorContainer");
+    this.draw = draw;
+    this.container = draw.getContainer();
+    this.currentZone = EditorZone.MAIN;
+    this.headerIndicatorContainer = null;
+  }
+  isHeaderActive() {
+    return this.getZone() === EditorZone.HEADER;
+  }
+  isMainActive() {
+    return this.getZone() === EditorZone.MAIN;
+  }
+  getZone() {
+    return this.currentZone;
+  }
+  setZone(payload) {
+    if (this.currentZone === payload)
+      return;
+    this.currentZone = payload;
+    this.draw.getRange().clearRange();
+    this.draw.render({
+      isSubmitHistory: false,
+      isSetCursor: false,
+      isCompute: false
+    });
+    if (this.isHeaderActive()) {
+      this._drawHeaderZoneIndicator();
+    } else {
+      this._clearHeaderZoneIndicator();
+    }
+  }
+  _drawHeaderZoneIndicator() {
+    this.headerIndicatorContainer = document.createElement("div");
+    this.headerIndicatorContainer.classList.add(`${EDITOR_PREFIX}-header-indicator`);
+    const pageList = this.draw.getPageList();
+    const pageHeight = this.draw.getHeight();
+    const pageGap = this.draw.getPageGap();
+    const preY = pageHeight + pageGap;
+    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() {
+    var _a;
+    (_a = this.headerIndicatorContainer) == null ? void 0 : _a.remove();
+  }
+}
 class Draw {
-  constructor(rootContainer, options, elementList, listener) {
+  constructor(rootContainer, options, data2, listener) {
     __publicField(this, "container");
     __publicField(this, "pageContainer");
     __publicField(this, "pageList");
@@ -8900,7 +9104,10 @@ class Draw {
     __publicField(this, "mode");
     __publicField(this, "options");
     __publicField(this, "position");
+    __publicField(this, "zone");
+    __publicField(this, "headerElementList");
     __publicField(this, "elementList");
+    __publicField(this, "footerElementList");
     __publicField(this, "listener");
     __publicField(this, "i18n");
     __publicField(this, "canvasEvent");
@@ -8949,7 +9156,9 @@ class Draw {
     this.pageNo = 0;
     this.mode = options.mode;
     this.options = options;
-    this.elementList = elementList;
+    this.headerElementList = data2.header || [];
+    this.elementList = data2.main;
+    this.footerElementList = data2.footer || [];
     this.listener = listener;
     this._formatContainer();
     this.pageContainer = this._createPageContainer();
@@ -8957,6 +9166,7 @@ class Draw {
     this.i18n = new I18n();
     this.historyManager = new HistoryManager();
     this.position = new Position(this);
+    this.zone = new Zone(this);
     this.range = new RangeManager(this);
     this.margin = new Margin(this);
     this.background = new Background(this);
@@ -9023,6 +9233,12 @@ class Draw {
   getHeight() {
     return Math.floor(this.getOriginalHeight() * this.options.scale);
   }
+  getMainHeight() {
+    const pageHeight = this.getHeight();
+    const margins = this.getMargins();
+    const extraHeight = this.header.getExtraHeight();
+    return pageHeight - margins[0] - margins[2] - extraHeight;
+  }
   getCanvasWidth(pageNo = -1) {
     const page = this.getPage(pageNo);
     return page.width;
@@ -9123,17 +9339,39 @@ class Draw {
   getPosition() {
     return this.position;
   }
+  getZone() {
+    return this.zone;
+  }
   getRange() {
     return this.range;
   }
+  getHeaderElementList() {
+    return this.headerElementList;
+  }
+  getTableElementList(sourceElementList) {
+    const positionContext = this.position.getPositionContext();
+    const { index: index2, trIndex, tdIndex } = positionContext;
+    return sourceElementList[index2].trList[trIndex].tdList[tdIndex].value;
+  }
   getElementList() {
     const positionContext = this.position.getPositionContext();
-    if (positionContext.isTable) {
-      const { index: index2, trIndex, tdIndex } = positionContext;
-      return this.elementList[index2].trList[trIndex].tdList[tdIndex].value;
-    }
+    const elementList = this.getOriginalElementList();
+    return positionContext.isTable ? this.getTableElementList(elementList) : elementList;
+  }
+  getMainElementList() {
+    const positionContext = this.position.getPositionContext();
+    return positionContext.isTable ? this.getTableElementList(this.elementList) : this.elementList;
+  }
+  getOriginalElementList() {
+    const zoneManager = this.getZone();
+    return zoneManager.isHeaderActive() ? this.header.getElementList() : this.elementList;
+  }
+  getOriginalMainElementList() {
     return this.elementList;
   }
+  getFooterElementList() {
+    return this.footerElementList;
+  }
   insertElementList(payload) {
     if (!payload.length)
       return;
@@ -9177,9 +9415,6 @@ class Draw {
       });
     }
   }
-  getOriginalElementList() {
-    return this.elementList;
-  }
   getCanvasEvent() {
     return this.canvasEvent;
   }
@@ -9198,6 +9433,9 @@ class Draw {
   getTableTool() {
     return this.tableTool;
   }
+  getHeader() {
+    return this.header;
+  }
   getHyperlinkParticle() {
     return this.hyperlinkParticle;
   }
@@ -9352,14 +9590,16 @@ class Draw {
     });
   }
   getValue() {
-    const { width, height, margins, watermark, header } = this.options;
-    const data2 = zipElementList(this.elementList);
+    const { width, height, margins, watermark } = this.options;
+    const data2 = {
+      header: zipElementList(this.headerElementList),
+      main: zipElementList(this.elementList)
+    };
     return {
       version,
       width,
       height,
       margins,
-      header: header.data ? header : void 0,
       watermark: watermark.data ? watermark : void 0,
       data: data2
     };
@@ -9413,7 +9653,7 @@ class Draw {
     const size = el.actualSize || el.size || defaultSize;
     return `${el.italic ? "italic " : ""}${el.bold ? "bold " : ""}${size * scale}px ${font}`;
   }
-  _computeRowList(innerWidth, elementList) {
+  computeRowList(innerWidth, elementList) {
     var _a, _b, _c, _d;
     const { defaultSize, defaultRowMargin, scale, tdPadding, defaultTabWidth } = this.options;
     const defaultBasicRowMarginHeight = this.getDefaultBasicRowMarginHeight();
@@ -9466,7 +9706,7 @@ class Draw {
           let maxTrHeight = 0;
           for (let d = 0; d < tr.tdList.length; d++) {
             const td = tr.tdList[d];
-            const rowList2 = this._computeRowList((td.width - tdGap) * scale, td.value);
+            const rowList2 = this.computeRowList((td.width - tdGap) * scale, td.value);
             const rowHeight = rowList2.reduce((pre, cur) => pre + cur.height, 0);
             td.rowList = rowList2;
             const curTrHeight = (rowHeight + tdGap) / scale;
@@ -9491,7 +9731,8 @@ class Draw {
         metrics.boundingBoxAscent = 0;
         const margins = this.getMargins();
         const height2 = this.getHeight();
-        const marginHeight = margins[0] + margins[2];
+        const headerExtraHeight = this.header.getExtraHeight();
+        const marginHeight = margins[0] + margins[2] + headerExtraHeight;
         let curPagePreHeight = marginHeight;
         for (let r = 0; r < rowList.length; r++) {
           const row = rowList[r];
@@ -9501,7 +9742,7 @@ class Draw {
             curPagePreHeight += row.height;
           }
         }
-        const rowMarginHeight = rowMargin * 2;
+        const rowMarginHeight = rowMargin * 2 * scale;
         if (curPagePreHeight + rowMarginHeight + elementHeight > height2) {
           const trList2 = element.trList;
           let deleteStart = 0;
@@ -9510,7 +9751,8 @@ class Draw {
           if (trList2.length > 1) {
             for (let r = 0; r < trList2.length; r++) {
               const tr = trList2[r];
-              if (curPagePreHeight + rowMarginHeight + preTrHeight + tr.height > height2) {
+              const trHeight = tr.height * scale;
+              if (curPagePreHeight + rowMarginHeight + preTrHeight + trHeight > height2) {
                 if (((_c = element.colgroup) == null ? void 0 : _c.length) !== tr.tdList.length) {
                   deleteCount = 0;
                 }
@@ -9518,7 +9760,7 @@ class Draw {
               } else {
                 deleteStart = r + 1;
                 deleteCount = trList2.length - deleteStart;
-                preTrHeight += tr.height;
+                preTrHeight += trHeight;
               }
             }
           }
@@ -9543,13 +9785,13 @@ class Draw {
       } else if (element.type === ElementType.SEPARATOR) {
         element.width = innerWidth;
         metrics.width = innerWidth;
-        metrics.height = this.options.defaultSize;
+        metrics.height = defaultSize;
         metrics.boundingBoxAscent = -rowMargin;
         metrics.boundingBoxDescent = -rowMargin;
       } else if (element.type === ElementType.PAGE_BREAK) {
         element.width = innerWidth;
         metrics.width = innerWidth;
-        metrics.height = this.options.defaultSize;
+        metrics.height = defaultSize;
       } else if (element.type === ElementType.CHECKBOX || element.controlComponent === ControlComponent.CHECKBOX) {
         const { width, height: height2, gap } = this.options.checkbox;
         const elementWidth = (width + gap * 2) * scale;
@@ -9573,7 +9815,7 @@ class Draw {
         metrics.boundingBoxDescent = metrics.height;
         metrics.boundingBoxAscent = 0;
       } else {
-        const size = element.size || this.options.defaultSize;
+        const size = element.size || defaultSize;
         if (element.type === ElementType.SUPERSCRIPT || element.type === ElementType.SUBSCRIPT) {
           element.actualSize = Math.ceil(size * 0.6);
         }
@@ -9639,7 +9881,8 @@ class Draw {
     const { pageMode } = this.options;
     const height = this.getHeight();
     const margins = this.getMargins();
-    const marginHeight = margins[0] + margins[2];
+    const headerExtraHeight = this.header.getExtraHeight();
+    const marginHeight = margins[0] + margins[2] + headerExtraHeight;
     let pageHeight = marginHeight;
     let pageNo = 0;
     if (pageMode === PageMode.CONTINUITY) {
@@ -9678,8 +9921,8 @@ class Draw {
     this.highlight.render(ctx);
     this.textParticle.complete();
   }
-  _drawRow(ctx, payload) {
-    const { rowList, pageNo, positionList, startIndex } = payload;
+  drawRow(ctx, payload) {
+    const { rowList, pageNo, elementList, positionList, startIndex, zone } = payload;
     const { scale, tdPadding } = this.options;
     const { isCrossRowCol, tableId } = this.range.getRange();
     let index2 = startIndex;
@@ -9760,10 +10003,10 @@ class Draw {
         } else if (preElement == null ? void 0 : preElement.highlight) {
           this.highlight.render(ctx);
         }
-        const { startIndex: startIndex2, endIndex } = this.range.getRange();
-        if (startIndex2 !== endIndex && startIndex2 <= index2 && index2 <= endIndex) {
+        const { zone: currentZone, startIndex: startIndex2, endIndex } = this.range.getRange();
+        if (currentZone === zone && startIndex2 !== endIndex && startIndex2 <= index2 && index2 <= endIndex) {
           if (startIndex2 === index2) {
-            const nextElement = this.elementList[startIndex2 + 1];
+            const nextElement = elementList[startIndex2 + 1];
             if (nextElement && nextElement.value === ZERO) {
               rangeRecord.x = x + metrics.width;
               rangeRecord.y = y;
@@ -9793,12 +10036,14 @@ class Draw {
             const tr = element.trList[t];
             for (let d = 0; d < tr.tdList.length; d++) {
               const td = tr.tdList[d];
-              this._drawRow(ctx, {
+              this.drawRow(ctx, {
+                elementList: td.value,
                 positionList: td.positionList,
                 rowList: td.rowList,
                 pageNo,
                 startIndex: 0,
-                innerWidth: (td.width - tdGap) * scale
+                innerWidth: (td.width - tdGap) * scale,
+                zone
               });
             }
           }
@@ -9821,22 +10066,26 @@ class Draw {
     ctx.clearRect(0, 0, pageDom.width, pageDom.height);
     this.blockParticle.clear();
   }
-  _drawPage(positionList, rowList, pageNo) {
-    const { pageMode } = this.options;
+  _drawPage(payload) {
+    const { elementList, positionList, rowList, pageNo } = payload;
+    const { inactiveAlpha, pageMode } = this.options;
     const innerWidth = this.getInnerWidth();
     const ctx = this.ctxList[pageNo];
+    ctx.globalAlpha = this.zone.isHeaderActive() ? inactiveAlpha : 1;
     this._clearPage(pageNo);
     this.background.render(ctx);
     this.margin.render(ctx, pageNo);
     const index2 = rowList[0].startIndex;
-    this._drawRow(ctx, {
+    this.drawRow(ctx, {
+      elementList,
       positionList,
       rowList,
       pageNo,
       startIndex: index2,
-      innerWidth
+      innerWidth,
+      zone: EditorZone.MAIN
     });
-    this.header.render(ctx);
+    this.header.render(ctx, pageNo);
     this.pageNumber.render(ctx, pageNo);
     if (this.search.getSearchKeyword()) {
       this.search.render(ctx, pageNo);
@@ -9847,13 +10096,20 @@ class Draw {
   }
   _lazyRender() {
     var _a;
-    const positionList = this.position.getOriginalPositionList();
+    const positionList = this.position.getOriginalMainPositionList();
+    const elementList = this.getOriginalMainElementList();
     (_a = this.lazyRenderIntersectionObserver) == null ? void 0 : _a.disconnect();
     this.lazyRenderIntersectionObserver = new IntersectionObserver((entries) => {
       entries.forEach((entry) => {
         if (entry.isIntersecting) {
           const index2 = Number(entry.target.dataset.index);
-          this._drawPage(positionList, this.pageRowList[index2], index2);
+          this.header.render(this.ctxList[index2], index2);
+          this._drawPage({
+            elementList,
+            positionList,
+            rowList: this.pageRowList[index2],
+            pageNo: index2
+          });
         }
       });
     });
@@ -9862,9 +10118,15 @@ class Draw {
     });
   }
   _immediateRender() {
-    const positionList = this.position.getOriginalPositionList();
+    const positionList = this.position.getOriginalMainPositionList();
+    const elementList = this.getOriginalMainElementList();
     for (let i = 0; i < this.pageRowList.length; i++) {
-      this._drawPage(positionList, this.pageRowList[i], i);
+      this._drawPage({
+        elementList,
+        positionList,
+        rowList: this.pageRowList[i],
+        pageNo: i
+      });
     }
   }
   render(payload) {
@@ -9874,7 +10136,8 @@ class Draw {
     let { curIndex } = payload || {};
     const innerWidth = this.getInnerWidth();
     if (isCompute) {
-      this.rowList = this._computeRowList(innerWidth, this.elementList);
+      this.header.compute();
+      this.rowList = this.computeRowList(innerWidth, this.elementList);
       this.pageRowList = this._computePageList();
       this.position.computePositionList();
       const searchKeyword = this.search.getSearchKeyword();
@@ -9884,7 +10147,6 @@ class Draw {
     }
     this.imageObserver.clearAll();
     this.cursor.recoveryCursor();
-    const positionList = this.position.getOriginalPositionList();
     for (let i = 0; i < this.pageRowList.length; i++) {
       if (!this.pageList[i]) {
         this._createPage(i);
@@ -9903,32 +10165,35 @@ class Draw {
       this._immediateRender();
     }
     if (isSetCursor) {
+      const positionList = this.position.getPositionList();
       const positionContext = this.position.getPositionContext();
       if (positionContext.isTable) {
         const { index: index2, trIndex, tdIndex } = positionContext;
-        const tablePositionList = (_a = this.elementList[index2].trList) == null ? void 0 : _a[trIndex].tdList[tdIndex].positionList;
+        const elementList = this.getOriginalElementList();
+        const tablePositionList = (_a = elementList[index2].trList) == null ? void 0 : _a[trIndex].tdList[tdIndex].positionList;
         if (curIndex === void 0 && tablePositionList) {
           curIndex = tablePositionList.length - 1;
         }
         const tablePosition = tablePositionList == null ? void 0 : tablePositionList[curIndex];
         this.position.setCursorPosition(tablePosition || null);
       } else {
-        if (curIndex === void 0) {
-          curIndex = positionList.length - 1;
-        }
-        this.position.setCursorPosition(positionList[curIndex] || null);
+        this.position.setCursorPosition(curIndex !== void 0 ? positionList[curIndex] : null);
       }
       this.cursor.drawCursor();
     }
     if (isSubmitHistory) {
       const self = this;
       const oldElementList = deepClone(this.elementList);
+      const oldHeaderElementList = deepClone(this.header.getElementList());
       const { startIndex, endIndex } = this.range.getRange();
       const pageNo = this.pageNo;
       const oldPositionContext = deepClone(this.position.getPositionContext());
+      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.elementList = deepClone(oldElementList);
         self.range.setRange(startIndex, endIndex);
         self.render({ curIndex, isSubmitHistory: false });
@@ -10738,7 +11003,7 @@ class CommandAdapt {
     if (!~startIndex && !~endIndex)
       return;
     const elementList = this.draw.getElementList();
-    const innerWidth = this.draw.getInnerWidth();
+    const innerWidth = this.draw.getOriginalInnerWidth();
     const colgroup = [];
     const colWidth = innerWidth / col;
     for (let c = 0; c < col; c++) {
@@ -12280,12 +12545,6 @@ class ContextMenu {
     this.contextMenuRelationShip.clear();
   }
 }
-const defaultHeaderOption = {
-  data: "",
-  color: "#AAAAAA",
-  size: 14,
-  font: "Yahei"
-};
 const richtextKeys = [
   {
     key: KeyMap.X_UPPERCASE,
@@ -12431,7 +12690,7 @@ class Shortcut {
   }
 }
 class Editor {
-  constructor(container, elementList, options = {}) {
+  constructor(container, data2, options = {}) {
     __publicField(this, "command");
     __publicField(this, "listener");
     __publicField(this, "register");
@@ -12475,7 +12734,8 @@ class Editor {
       defaultTdHeight: 40,
       defaultHyperlinkColor: "#0000FF",
       headerTop: 50,
-      paperDirection: PaperDirection.VERTICAL
+      paperDirection: PaperDirection.VERTICAL,
+      inactiveAlpha: 0.6
     }, options), {
       header: headerOptions,
       watermark: waterMarkOptions,
@@ -12483,11 +12743,25 @@ class Editor {
       checkbox: checkboxOptions,
       cursor: cursorOptions
     });
-    formatElementList(elementList, {
+    let headerElementList = [];
+    let mainElementList = [];
+    if (Array.isArray(data2)) {
+      mainElementList = data2;
+    } else {
+      headerElementList = data2.header || [];
+      mainElementList = data2.main;
+    }
+    formatElementList(headerElementList, {
+      editorOptions
+    });
+    formatElementList(mainElementList, {
       editorOptions
     });
     this.listener = new Listener();
-    const draw = new Draw(container, editorOptions, elementList, this.listener);
+    const draw = new Draw(container, editorOptions, {
+      header: headerElementList,
+      main: mainElementList
+    }, this.listener);
     this.command = new Command(new CommandAdapt(draw));
     const contextMenu = new ContextMenu(draw, this.command);
     const shortcut = new Shortcut(draw, this.command);
@@ -12503,5 +12777,5 @@ class Editor {
     };
   }
 }
-export { BlockType, Command, ControlType, EDITOR_COMPONENT, Editor, EditorComponent, EditorMode, ElementType, ImageDisplay, KeyMap, PageMode, PaperDirection, RowFlex, Editor as default };
+export { BlockType, Command, ControlType, EDITOR_COMPONENT, Editor, EditorComponent, EditorMode, EditorZone, ElementType, ImageDisplay, KeyMap, PageMode, PaperDirection, RowFlex, Editor as default };
 //# sourceMappingURL=canvas-editor.es.js.map