@hufe921/canvas-editor 0.9.96 → 0.9.98

package/dist/canvas-editor.es.js

@@ -1,4 +1,4 @@
-(()=>{(function(){"use strict";try{if(typeof document!="undefined"){var e=document.createElement("style");e.id="canvas-editor-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;cursor:pointer;transition:all .3s}.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:hover{background-color:#dadce0}.ce-table-tool__row .ce-table-tool__row__item:last-child:after{display:none}.ce-table-tool__quick__add{width:16px;height:16px;position:absolute;border-radius:50%;background-color:#e2e6ed;cursor:pointer}.ce-table-tool__quick__add:after{content:"+";color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-55%)}.ce-table-tool__select{width:16px;height:18px;position:absolute;border-radius:3px;cursor:pointer}.ce-table-tool__select:hover{background-color:#e2e6ed}.ce-table-tool__select:after{content:":::";color:#aaaaab;position:absolute;top:50%;left:50%;transform:translate(-75%,-50%) rotate(-90deg)}.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;cursor:pointer;transition:all .3s}.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:hover{background-color:#dadce0}.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;pointer-events:none}.ce-resizer-selection .resizer-handle{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;pointer-events:initial}.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-size-view{display:flex;align-items:center;height:20px;white-space:nowrap;position:absolute;z-index:9;top:-30px;left:0;opacity:.9;background-color:#000;padding:0 5px;border-radius:4px}.ce-resizer-size-view span{color:#fff;font-size:12px}.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-dash{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMyAzaC0xVjJoMWExIDEgMCAwMTEgMXYxaC0xVjN6bS0zLTF2MUg4LjV2MmgtMVYzSDZWMmg0ek00IDJ2MUgzdjFIMlYzYTEgMSAwIDAxMS0xaDF6TTIgNmgxdjEuNWgydjFIM1YxMEgyVjZ6bTAgNmgxdjFoMXYxSDNhMSAxIDAgMDEtMS0xdi0xem00IDJ2LTFoMS41di0yaDF2MkgxMHYxSDZ6bTYgMHYtMWgxdi0xaDF2MWExIDEgMCAwMS0xIDFoLTF6bTItNGgtMVY4LjVoLTJ2LTFoMlY2aDF2NHpNOC41IDcuNXYtMWgtMXYxaC0xdjFoMXYxaDF2LTFoMXYtMWgtMXoiIGZpbGw9IiMwMDAwMDAiLz48L3N2Zz4=)}.ce-contextmenu-border-external{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuNSAzYS41LjUgMCAwMS41LS41aDExYS41LjUgMCAwMS41LjV2MTFhLjUuNSAwIDAxLS41LjVIM2EuNS41IDAgMDEtLjUtLjVWM3oiIHN0cm9rZT0iIzNENDc1NyIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOSA1VjNIOHYyaDF6bTAgOXYtMkg4djJoMXpNNSA4SDN2MWgyVjh6bTkgMGgtMnYxaDJWOHpNOSA3djFoMXYxSDl2MUg4VjlIN1Y4aDFWN2gxeiIgZmlsbD0iI0FBQUNCMCIvPjwvc3ZnPg==)}.ce-contextmenu-border-internal{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuNSAzYS41LjUgMCAwMS41LS41aDExYS41LjUgMCAwMS41LjV2MTFhLjUuNSAwIDAxLS41LjVIM2EuNS41IDAgMDEtLjUtLjVWM3oiIHN0cm9rZT0iI0FBQUNCMCIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOSA1VjNIOHYyaDF6bTAgOXYtMkg4djJoMXpNNSA4SDN2MWgyVjh6bTkgMGgtMnYxaDJWOHpNOSA3djFoMXYxSDl2MUg4VjlIN1Y4aDFWN2gxeiIgZmlsbD0iIzNENDc1NyIvPjwvc3ZnPg==)}.ce-contextmenu-border-td{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuNSAzYS41LjUgMCAwMS41LS41aDExYS41LjUgMCAwMS41LjV2MTFhLjUuNSAwIDAxLS41LjVIM2EuNS41IDAgMDEtLjUtLjVWM3oiIHN0cm9rZT0iI0FBQUNCMCIvPjxwYXRoIHN0cm9rZT0iIzNENDc1NyIgZD0iTTguNSAyLjUgdjYgaC02Ii8+PC9zdmc+)}.ce-contextmenu-border-td-top{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuNSAzYS41LjUgMCAwMS41LS41aDExYS41LjUgMCAwMS41LjV2MTFhLjUuNSAwIDAxLS41LjVIM2EuNS41IDAgMDEtLjUtLjVWM3oiIHN0cm9rZT0iI0FBQUNCMCIvPjxwYXRoIHN0cm9rZT0iIzNENDc1NyIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMi41IDMgaDEyIi8+PC9zdmc+)}.ce-contextmenu-border-td-left{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuNSAzYS41LjUgMCAwMS41LS41aDExYS41LjUgMCAwMS41LjV2MTFhLjUuNSAwIDAxLS41LjVIM2EuNS41IDAgMDEtLjUtLjVWM3oiIHN0cm9rZT0iI0FBQUNCMCIvPjxwYXRoIHN0cm9rZT0iIzNENDc1NyIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMyAzIHYxMSIvPjwvc3ZnPg==)}.ce-contextmenu-border-td-bottom{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuNSAzYS41LjUgMCAwMS41LS41aDExYS41LjUgMCAwMS41LjV2MTFhLjUuNSAwIDAxLS41LjVIM2EuNS41IDAgMDEtLjUtLjVWM3oiIHN0cm9rZT0iI0FBQUNCMCIvPjxwYXRoIHN0cm9rZT0iIzNENDc1NyIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMi41IDE0IGgxMiIvPjwvc3ZnPg==)}.ce-contextmenu-border-td-right{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuNSAzYS41LjUgMCAwMS41LS41aDExYS41LjUgMCAwMS41LjV2MTFhLjUuNSAwIDAxLS41LjVIM2EuNS41IDAgMDEtLjUtLjVWM3oiIHN0cm9rZT0iI0FBQUNCMCIvPjxwYXRoIHN0cm9rZT0iIzNENDc1NyIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMTQgMyB2MTEiLz48L3N2Zz4=)}.ce-contextmenu-border-td-forward{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuNSAzYS41LjUgMCAwMS41LS41aDExYS41LjUgMCAwMS41LjV2MTFhLjUuNSAwIDAxLS41LjVIM2EuNS41IDAgMDEtLjUtLjVWM3oiIHN0cm9rZT0iI0FBQUNCMCIgLz48cGF0aCBzdHJva2U9IiMzRDQ3NTciIGQ9Ik0xNCAzIGwtMTEgMTEiIC8+PC9zdmc+)}.ce-contextmenu-border-td-back{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuNSAzYS41LjUgMCAwMS41LS41aDExYS41LjUgMCAwMS41LjV2MTFhLjUuNSAwIDAxLS41LjVIM2EuNS41IDAgMDEtLjUtLjVWM3oiIHN0cm9rZT0iI0FBQUNCMCIgLz48cGF0aCBzdHJva2U9IiMzRDQ3NTciIGQ9Ik0zIDMgbDExIDExIiAvPjwvc3ZnPg==)}.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-zone-tip{display:none;align-items:center;height:30px;white-space:nowrap;position:fixed;opacity:.9;background-color:#000;padding:0 5px;border-radius:4px;z-index:9;transition:all .3s;outline:none;user-select:none;pointer-events:none;transform:translate(10px,10px)}.ce-zone-tip.show{display:flex}.ce-zone-tip span{color:#fff;font-size:12px}.ce-inputarea{width:100px;height:30px;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;caret-color:transparent;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}}.ce-float-image{position:absolute;opacity:.5;pointer-events:none}')),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.id="canvas-editor-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;cursor:pointer;transition:all .3s}.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:hover{background-color:#dadce0}.ce-table-tool__row .ce-table-tool__row__item:last-child:after{display:none}.ce-table-tool__quick__add{width:16px;height:16px;position:absolute;border-radius:50%;background-color:#e2e6ed;cursor:pointer}.ce-table-tool__quick__add:after{content:"+";color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-55%)}.ce-table-tool__select{width:16px;height:18px;position:absolute;border-radius:3px;cursor:pointer}.ce-table-tool__select:hover{background-color:#e2e6ed}.ce-table-tool__select:after{content:":::";color:#aaaaab;position:absolute;top:50%;left:50%;transform:translate(-75%,-50%) rotate(-90deg)}.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;cursor:pointer;transition:all .3s}.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:hover{background-color:#dadce0}.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;pointer-events:none}.ce-resizer-selection .resizer-handle{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;pointer-events:initial}.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-size-view{display:flex;align-items:center;height:20px;white-space:nowrap;position:absolute;z-index:9;top:-30px;left:0;opacity:.9;background-color:#000;padding:0 5px;border-radius:4px}.ce-resizer-size-view span{color:#fff;font-size:12px}.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-dash{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMyAzaC0xVjJoMWExIDEgMCAwMTEgMXYxaC0xVjN6bS0zLTF2MUg4LjV2MmgtMVYzSDZWMmg0ek00IDJ2MUgzdjFIMlYzYTEgMSAwIDAxMS0xaDF6TTIgNmgxdjEuNWgydjFIM1YxMEgyVjZ6bTAgNmgxdjFoMXYxSDNhMSAxIDAgMDEtMS0xdi0xem00IDJ2LTFoMS41di0yaDF2MkgxMHYxSDZ6bTYgMHYtMWgxdi0xaDF2MWExIDEgMCAwMS0xIDFoLTF6bTItNGgtMVY4LjVoLTJ2LTFoMlY2aDF2NHpNOC41IDcuNXYtMWgtMXYxaC0xdjFoMXYxaDF2LTFoMXYtMWgtMXoiIGZpbGw9IiMwMDAwMDAiLz48L3N2Zz4=)}.ce-contextmenu-border-external{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuNSAzYS41LjUgMCAwMS41LS41aDExYS41LjUgMCAwMS41LjV2MTFhLjUuNSAwIDAxLS41LjVIM2EuNS41IDAgMDEtLjUtLjVWM3oiIHN0cm9rZT0iIzNENDc1NyIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOSA1VjNIOHYyaDF6bTAgOXYtMkg4djJoMXpNNSA4SDN2MWgyVjh6bTkgMGgtMnYxaDJWOHpNOSA3djFoMXYxSDl2MUg4VjlIN1Y4aDFWN2gxeiIgZmlsbD0iI0FBQUNCMCIvPjwvc3ZnPg==)}.ce-contextmenu-border-internal{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuNSAzYS41LjUgMCAwMS41LS41aDExYS41LjUgMCAwMS41LjV2MTFhLjUuNSAwIDAxLS41LjVIM2EuNS41IDAgMDEtLjUtLjVWM3oiIHN0cm9rZT0iI0FBQUNCMCIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOSA1VjNIOHYyaDF6bTAgOXYtMkg4djJoMXpNNSA4SDN2MWgyVjh6bTkgMGgtMnYxaDJWOHpNOSA3djFoMXYxSDl2MUg4VjlIN1Y4aDFWN2gxeiIgZmlsbD0iIzNENDc1NyIvPjwvc3ZnPg==)}.ce-contextmenu-border-td{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuNSAzYS41LjUgMCAwMS41LS41aDExYS41LjUgMCAwMS41LjV2MTFhLjUuNSAwIDAxLS41LjVIM2EuNS41IDAgMDEtLjUtLjVWM3oiIHN0cm9rZT0iI0FBQUNCMCIvPjxwYXRoIHN0cm9rZT0iIzNENDc1NyIgZD0iTTguNSAyLjUgdjYgaC02Ii8+PC9zdmc+)}.ce-contextmenu-border-td-top{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuNSAzYS41LjUgMCAwMS41LS41aDExYS41LjUgMCAwMS41LjV2MTFhLjUuNSAwIDAxLS41LjVIM2EuNS41IDAgMDEtLjUtLjVWM3oiIHN0cm9rZT0iI0FBQUNCMCIvPjxwYXRoIHN0cm9rZT0iIzNENDc1NyIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMi41IDMgaDEyIi8+PC9zdmc+)}.ce-contextmenu-border-td-left{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuNSAzYS41LjUgMCAwMS41LS41aDExYS41LjUgMCAwMS41LjV2MTFhLjUuNSAwIDAxLS41LjVIM2EuNS41IDAgMDEtLjUtLjVWM3oiIHN0cm9rZT0iI0FBQUNCMCIvPjxwYXRoIHN0cm9rZT0iIzNENDc1NyIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMyAzIHYxMSIvPjwvc3ZnPg==)}.ce-contextmenu-border-td-bottom{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuNSAzYS41LjUgMCAwMS41LS41aDExYS41LjUgMCAwMS41LjV2MTFhLjUuNSAwIDAxLS41LjVIM2EuNS41IDAgMDEtLjUtLjVWM3oiIHN0cm9rZT0iI0FBQUNCMCIvPjxwYXRoIHN0cm9rZT0iIzNENDc1NyIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMi41IDE0IGgxMiIvPjwvc3ZnPg==)}.ce-contextmenu-border-td-right{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuNSAzYS41LjUgMCAwMS41LS41aDExYS41LjUgMCAwMS41LjV2MTFhLjUuNSAwIDAxLS41LjVIM2EuNS41IDAgMDEtLjUtLjVWM3oiIHN0cm9rZT0iI0FBQUNCMCIvPjxwYXRoIHN0cm9rZT0iIzNENDc1NyIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMTQgMyB2MTEiLz48L3N2Zz4=)}.ce-contextmenu-border-td-forward{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuNSAzYS41LjUgMCAwMS41LS41aDExYS41LjUgMCAwMS41LjV2MTFhLjUuNSAwIDAxLS41LjVIM2EuNS41IDAgMDEtLjUtLjVWM3oiIHN0cm9rZT0iI0FBQUNCMCIgLz48cGF0aCBzdHJva2U9IiMzRDQ3NTciIGQ9Ik0xNCAzIGwtMTEgMTEiIC8+PC9zdmc+)}.ce-contextmenu-border-td-back{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuNSAzYS41LjUgMCAwMS41LS41aDExYS41LjUgMCAwMS41LjV2MTFhLjUuNSAwIDAxLS41LjVIM2EuNS41IDAgMDEtLjUtLjVWM3oiIHN0cm9rZT0iI0FBQUNCMCIgLz48cGF0aCBzdHJva2U9IiMzRDQ3NTciIGQ9Ik0zIDMgbDExIDExIiAvPjwvc3ZnPg==)}.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-zone-tip{display:none;align-items:center;height:30px;white-space:nowrap;position:fixed;opacity:.9;background-color:#000;padding:0 5px;border-radius:4px;z-index:9;transition:all .3s;outline:none;user-select:none;pointer-events:none;transform:translate(10px,10px)}.ce-zone-tip.show{display:flex}.ce-zone-tip span{color:#fff;font-size:12px}.ce-inputarea{width:100px;height:30px;min-width:0;min-height:0;margin:0;padding:0;left:0;top: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;caret-color:transparent;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}}.ce-float-image{position:absolute;opacity:.5;pointer-events:none}')),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.96";
+const version = "0.9.98";
 var MaxHeightRatio;
 (function(MaxHeightRatio2) {
   MaxHeightRatio2["HALF"] = "half";
@@ -384,6 +384,12 @@ function isRectIntersect(rect1, rect2) {
   }
   return true;
 }
+function isNonValue(value) {
+  return value === void 0 || value === null;
+}
+function normalizeLineBreak(text) {
+  return text.replace(/\r\n|\r/g, "\n");
+}
 const CURSOR_AGENT_OFFSET_HEIGHT = 12;
 const defaultCursorOption = {
   width: 1,
@@ -412,6 +418,7 @@ var ElementType;
   ElementType2["SEPARATOR"] = "separator";
   ElementType2["PAGE_BREAK"] = "pageBreak";
   ElementType2["CONTROL"] = "control";
+  ElementType2["AREA"] = "area";
   ElementType2["CHECKBOX"] = "checkbox";
   ElementType2["RADIO"] = "radio";
   ElementType2["LATEX"] = "latex";
@@ -445,6 +452,7 @@ const EDITOR_ELEMENT_COPY_ATTR = [
   "strikeout",
   "rowFlex",
   "url",
+  "areaId",
   "hyperlinkId",
   "dateId",
   "dateFormat",
@@ -467,6 +475,7 @@ const EDITOR_ELEMENT_ZIP_ATTR = [
   "dashArray",
   "trList",
   "borderType",
+  "borderColor",
   "width",
   "height",
   "url",
@@ -488,7 +497,9 @@ const EDITOR_ELEMENT_ZIP_ATTR = [
   "imgFloatPosition",
   "textDecoration",
   "extension",
-  "externalId"
+  "externalId",
+  "areaId",
+  "area"
 ];
 const TABLE_TD_ZIP_ATTR = [
   "conceptId",
@@ -527,10 +538,12 @@ const CONTROL_STYLE_ATTR = [
   "italic",
   "strikeout"
 ];
+const AREA_CONTEXT_ATTR = ["areaId", "area"];
 const EDITOR_ELEMENT_CONTEXT_ATTR = [
   ...TABLE_CONTEXT_ATTR,
   ...TITLE_CONTEXT_ATTR,
-  ...LIST_CONTEXT_ATTR
+  ...LIST_CONTEXT_ATTR,
+  ...AREA_CONTEXT_ATTR
 ];
 const TEXTLIKE_ELEMENT_TYPE = [
   ElementType.TEXT,
@@ -3763,6 +3776,8 @@ var ControlComponent;
 (function(ControlComponent2) {
   ControlComponent2["PREFIX"] = "prefix";
   ControlComponent2["POSTFIX"] = "postfix";
+  ControlComponent2["PRE_TEXT"] = "preText";
+  ControlComponent2["POST_TEXT"] = "postText";
   ControlComponent2["PLACEHOLDER"] = "placeholder";
   ControlComponent2["VALUE"] = "value";
   ControlComponent2["CHECKBOX"] = "checkbox";
@@ -3773,6 +3788,11 @@ var ControlIndentation;
   ControlIndentation2["ROW_START"] = "rowStart";
   ControlIndentation2["VALUE_START"] = "valueStart";
 })(ControlIndentation || (ControlIndentation = {}));
+var ControlState;
+(function(ControlState2) {
+  ControlState2["ACTIVE"] = "active";
+  ControlState2["INACTIVE"] = "inactive";
+})(ControlState || (ControlState = {}));
 var BackgroundSize;
 (function(BackgroundSize2) {
   BackgroundSize2["CONTAIN"] = "contain";
@@ -3885,7 +3905,8 @@ const defaultSeparatorOption = {
 const defaultTableOption = {
   tdPadding: [0, 5, 5, 5],
   defaultTrMinHeight: 42,
-  defaultColMinWidth: 40
+  defaultColMinWidth: 40,
+  defaultBorderColor: "#000000"
 };
 const defaultWatermarkOption = {
   data: "",
@@ -4064,6 +4085,7 @@ function unzipElementList(elementList) {
   return result;
 }
 function formatElementList(elementList, options) {
+  var _a;
   const { isHandleFirstElement = true, isForceCompensation = false, editorOptions } = options;
   const startElement = elementList[0];
   if (isForceCompensation || isHandleFirstElement && (startElement == null ? void 0 : startElement.type) !== ElementType.LIST && ((startElement == null ? void 0 : startElement.type) && startElement.type !== ElementType.TEXT || !START_LINE_BREAK_REG.test(startElement == null ? void 0 : startElement.value))) {
@@ -4082,7 +4104,7 @@ function formatElementList(elementList, options) {
         isForceCompensation: false
       }));
       if (valueList.length) {
-        const titleId = getUUID();
+        const titleId = el.titleId || getUUID();
         const titleOptions = editorOptions.title;
         for (let v = 0; v < valueList.length; v++) {
           const value = valueList[v];
@@ -4123,6 +4145,39 @@ function formatElementList(elementList, options) {
         }
       }
       i--;
+    } else if (el.type === ElementType.AREA) {
+      elementList.splice(i, 1);
+      const valueList = (el == null ? void 0 : el.valueList) || [];
+      formatElementList(valueList, __spreadProps(__spreadValues({}, options), {
+        isHandleFirstElement: false,
+        isForceCompensation: false
+      }));
+      if (valueList.length) {
+        const areaId = getUUID();
+        for (let v = 0; v < valueList.length; v++) {
+          const value = valueList[v];
+          value.areaId = el.areaId || areaId;
+          value.area = el.area;
+          if (value.type === ElementType.TABLE) {
+            const trList = value.trList;
+            for (let r = 0; r < trList.length; r++) {
+              const tr = trList[r];
+              for (let d = 0; d < tr.tdList.length; d++) {
+                const td = tr.tdList[d];
+                const tdValueList = td.value;
+                for (let t = 0; t < tdValueList.length; t++) {
+                  const tdValue = tdValueList[t];
+                  tdValue.areaId = el.areaId || areaId;
+                  tdValue.area = el.area;
+                }
+              }
+            }
+          }
+          elementList.splice(i, 0, value);
+          i++;
+        }
+      }
+      i--;
     } else if (el.type === ElementType.TABLE) {
       const tableId = getUUID();
       el.id = tableId;
@@ -4190,9 +4245,9 @@ function formatElementList(elementList, options) {
         i++;
         continue;
       }
-      const { prefix, postfix, value, placeholder, code, type, valueSets } = el.control;
+      const { prefix, postfix, preText, postText, value, placeholder, code, type, valueSets } = el.control;
       const { editorOptions: { control: controlOption, checkbox: checkboxOption, radio: radioOption } } = options;
-      const controlId = getUUID();
+      const controlId = el.controlId || getUUID();
       elementList.splice(i, 1);
       const controlContext = pickObject(el, [
         ...EDITOR_ELEMENT_CONTEXT_ATTR,
@@ -4214,6 +4269,20 @@ function formatElementList(elementList, options) {
         }));
         i++;
       }
+      if (preText) {
+        const preTextStrList = splitText(preText);
+        for (let p = 0; p < preTextStrList.length; p++) {
+          const value2 = preTextStrList[p];
+          elementList.splice(i, 0, __spreadProps(__spreadValues(__spreadValues({}, controlContext), controlDefaultStyle), {
+            controlId,
+            value: value2,
+            type: el.type,
+            control: el.control,
+            controlComponent: ControlComponent.PRE_TEXT
+          }));
+          i++;
+        }
+      }
       if (value && value.length || type === ControlType.CHECKBOX || type === ControlType.RADIO || type === ControlType.SELECT && code && (!value || !value.length)) {
         let valueList = value || [];
         if (type === ControlType.CHECKBOX) {
@@ -4332,6 +4401,20 @@ function formatElementList(elementList, options) {
           i++;
         }
       }
+      if (postText) {
+        const postTextStrList = splitText(postText);
+        for (let p = 0; p < postTextStrList.length; p++) {
+          const value2 = postTextStrList[p];
+          elementList.splice(i, 0, __spreadProps(__spreadValues(__spreadValues({}, controlContext), controlDefaultStyle), {
+            controlId,
+            value: value2,
+            type: el.type,
+            control: el.control,
+            controlComponent: ControlComponent.POST_TEXT
+          }));
+          i++;
+        }
+      }
       const postfixStrList = splitText(postfix || controlOption.postfix);
       for (let p = 0; p < postfixStrList.length; p++) {
         const value2 = postfixStrList[p];
@@ -4345,7 +4428,7 @@ function formatElementList(elementList, options) {
         i++;
       }
       i--;
-    } else if ((!el.type || TEXTLIKE_ELEMENT_TYPE.includes(el.type)) && el.value.length > 1) {
+    } else if ((!el.type || TEXTLIKE_ELEMENT_TYPE.includes(el.type)) && ((_a = el.value) == null ? void 0 : _a.length) > 1) {
       elementList.splice(i, 1);
       const valueList = splitText(el.value);
       for (let v = 0; v < valueList.length; v++) {
@@ -4406,7 +4489,7 @@ function pickElementAttr(payload, option = {}) {
   return element;
 }
 function zipElementList(payload, options = {}) {
-  const { extraPickAttrs } = options;
+  const { extraPickAttrs, isClassifyArea = false } = options;
   const elementList = deepClone(payload);
   const zipElementListData = [];
   let e = 0;
@@ -4423,6 +4506,7 @@ function zipElementList(payload, options = {}) {
         const titleElement = {
           type: ElementType.TITLE,
           title: element.title,
+          titleId,
           value: "",
           level
         };
@@ -4468,6 +4552,35 @@ function zipElementList(payload, options = {}) {
         listElement.valueList = zipElementList(valueList, options);
         element = listElement;
       }
+    } else if (element.areaId && element.area) {
+      const areaId = element.areaId;
+      const area = element.area;
+      const valueList = [];
+      while (e < elementList.length) {
+        const areaE = elementList[e];
+        if (areaId !== areaE.areaId) {
+          e--;
+          break;
+        }
+        delete areaE.area;
+        delete areaE.areaId;
+        valueList.push(areaE);
+        e++;
+      }
+      const areaElementList = zipElementList(valueList, options);
+      if (isClassifyArea) {
+        const areaElement = {
+          type: ElementType.AREA,
+          value: "",
+          areaId,
+          area
+        };
+        areaElement.valueList = areaElementList;
+        element = areaElement;
+      } else {
+        zipElementListData.splice(e, 0, ...areaElementList);
+        continue;
+      }
     } else if (element.type === ElementType.TABLE) {
       if (element.pagingId) {
         let tableIndex = e + 1;
@@ -4494,7 +4607,9 @@ function zipElementList(payload, options = {}) {
             const zipTd = {
               colspan: td.colspan,
               rowspan: td.rowspan,
-              value: zipElementList(td.value, options)
+              value: zipElementList(td.value, __spreadProps(__spreadValues({}, options), {
+                isClassifyArea: false
+              }))
             };
             TABLE_TD_ZIP_ATTR.forEach((attr) => {
               const value = td[attr];
@@ -4554,31 +4669,45 @@ function zipElementList(payload, options = {}) {
       }
     } else if (element.controlId) {
       const controlId = element.controlId;
-      if (controlId) {
-        const controlDefaultStyle = pickObject(element, CONTROL_STYLE_ATTR);
-        const control = __spreadValues(__spreadValues({}, element.control), controlDefaultStyle);
-        const controlElement = __spreadProps(__spreadValues({}, pickObject(element, EDITOR_ROW_ATTR)), {
-          type: ElementType.CONTROL,
-          value: "",
-          control,
-          controlId
-        });
+      if (element.controlComponent === ControlComponent.PREFIX) {
         const valueList = [];
-        while (e < elementList.length) {
-          const controlE = elementList[e];
-          if (controlId !== controlE.controlId) {
-            e--;
+        let isFull = false;
+        let start = e;
+        while (start < elementList.length) {
+          const controlE = elementList[start];
+          if (controlId !== controlE.controlId)
             break;
-          }
           if (controlE.controlComponent === ControlComponent.VALUE) {
             delete controlE.control;
             delete controlE.controlId;
             valueList.push(controlE);
           }
+          if (controlE.controlComponent === ControlComponent.POSTFIX) {
+            isFull = true;
+          }
+          start++;
+        }
+        if (isFull) {
+          const controlDefaultStyle = pickObject(element, CONTROL_STYLE_ATTR);
+          const control = __spreadValues(__spreadValues({}, element.control), controlDefaultStyle);
+          const controlElement = __spreadProps(__spreadValues({}, pickObject(element, EDITOR_ROW_ATTR)), {
+            type: ElementType.CONTROL,
+            value: "",
+            control,
+            controlId
+          });
+          controlElement.control.value = zipElementList(valueList, options);
+          element = pickElementAttr(controlElement, { extraPickAttrs });
+          e += start - e - 1;
+        }
+      }
+      if (element.controlComponent) {
+        delete element.control;
+        delete element.controlId;
+        if (element.controlComponent !== ControlComponent.VALUE && element.controlComponent !== ControlComponent.PRE_TEXT && element.controlComponent !== ControlComponent.POST_TEXT) {
           e++;
+          continue;
         }
-        controlElement.control.value = zipElementList(valueList, options);
-        element = pickElementAttr(controlElement, { extraPickAttrs });
       }
     }
     const pickElement = pickElementAttr(element, { extraPickAttrs });
@@ -4645,7 +4774,7 @@ function getAnchorElement(elementList, anchorIndex) {
   if (!anchorElement)
     return null;
   const anchorNextElement = elementList[anchorIndex + 1];
-  return !anchorElement.listId && anchorElement.value === ZERO && anchorNextElement && anchorNextElement.value !== ZERO ? anchorNextElement : anchorElement;
+  return !anchorElement.listId && anchorElement.value === ZERO && anchorNextElement && anchorNextElement.value !== ZERO && anchorElement.areaId === anchorNextElement.areaId ? anchorNextElement : anchorElement;
 }
 function formatElementContext(sourceElementList, formatElementList2, anchorIndex, options) {
   var _a, _b, _c;
@@ -4664,7 +4793,11 @@ function formatElementContext(sourceElementList, formatElementList2, anchorIndex
       isBreakWarped = true;
     }
     if (isBreakWarped || !copyElement.listId && targetElement.type === ElementType.LIST) {
-      const cloneAttr2 = [...TABLE_CONTEXT_ATTR, ...EDITOR_ROW_ATTR];
+      const cloneAttr2 = [
+        ...TABLE_CONTEXT_ATTR,
+        ...EDITOR_ROW_ATTR,
+        ...AREA_CONTEXT_ATTR
+      ];
       cloneProperty(cloneAttr2, copyElement, targetElement);
       (_b = targetElement.valueList) == null ? void 0 : _b.forEach((valueItem) => {
         cloneProperty(cloneAttr2, copyElement, valueItem);
@@ -5153,7 +5286,7 @@ function getElementListByHTML(htmlText, options) {
 }
 function getTextFromElementList(elementList) {
   function buildText(payload) {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f, _g;
     let text = "";
     for (let e = 0; e < payload.length; e++) {
       const element = payload[e];
@@ -5198,9 +5331,10 @@ ${ulListStyleText || `${listIndex + 1}.`}${buildText(listElementList)}${isLast ?
       } else if (!element.type || element.type === ElementType.LATEX || TEXTLIKE_ELEMENT_TYPE.includes(element.type)) {
         let textLike = "";
         if (element.type === ElementType.CONTROL) {
-          textLike = ((_d = (_c = element.control.value) == null ? void 0 : _c[0]) == null ? void 0 : _d.value) || "";
+          const controlValue = ((_d = (_c = element.control.value) == null ? void 0 : _c[0]) == null ? void 0 : _d.value) || "";
+          textLike = controlValue ? `${((_e = element.control) == null ? void 0 : _e.preText) || ""}${controlValue}${((_f = element.control) == null ? void 0 : _f.postText) || ""}` : "";
         } else if (element.type === ElementType.DATE) {
-          textLike = ((_e = element.valueList) == null ? void 0 : _e.map((v) => v.value).join("")) || "";
+          textLike = ((_g = element.valueList) == null ? void 0 : _g.map((v) => v.value).join("")) || "";
         } else {
           textLike = element.value;
         }
@@ -5406,7 +5540,7 @@ function pasteByEvent(host, evt) {
   if (!getIsClipboardContainFile(clipboardData)) {
     const clipboardText = clipboardData.getData("text");
     const editorClipboardData = getClipboardData();
-    if (clipboardText === (editorClipboardData == null ? void 0 : editorClipboardData.text)) {
+    if (editorClipboardData && normalizeLineBreak(clipboardText) === normalizeLineBreak(editorClipboardData.text)) {
       pasteElement(host, editorClipboardData.elementList);
       return;
     }
@@ -5813,7 +5947,7 @@ class CheckboxControl {
     let preIndex = startIndex;
     while (preIndex > 0) {
       const preElement = elementList[preIndex];
-      if (preElement.controlId !== startElement.controlId || preElement.controlComponent === ControlComponent.PREFIX) {
+      if (preElement.controlId !== startElement.controlId || preElement.controlComponent === ControlComponent.PREFIX || preElement.controlComponent === ControlComponent.PRE_TEXT) {
         break;
       }
       if (preElement.controlComponent === ControlComponent.VALUE) {
@@ -5824,7 +5958,7 @@ class CheckboxControl {
     let nextIndex = startIndex + 1;
     while (nextIndex < elementList.length) {
       const nextElement = elementList[nextIndex];
-      if (nextElement.controlId !== startElement.controlId || nextElement.controlComponent === ControlComponent.POSTFIX) {
+      if (nextElement.controlId !== startElement.controlId || nextElement.controlComponent === ControlComponent.POSTFIX || nextElement.controlComponent === ControlComponent.POST_TEXT) {
         break;
       }
       if (nextElement.controlComponent === ControlComponent.VALUE) {
@@ -5848,7 +5982,7 @@ class CheckboxControl {
     let preIndex = startIndex;
     while (preIndex > 0) {
       const preElement = elementList[preIndex];
-      if (preElement.controlId !== startElement.controlId || preElement.controlComponent === ControlComponent.PREFIX) {
+      if (preElement.controlId !== startElement.controlId || preElement.controlComponent === ControlComponent.PREFIX || preElement.controlComponent === ControlComponent.PRE_TEXT) {
         break;
       }
       if (preElement.controlComponent === ControlComponent.CHECKBOX) {
@@ -5860,7 +5994,7 @@ class CheckboxControl {
     let nextIndex = startIndex + 1;
     while (nextIndex < elementList.length) {
       const nextElement = elementList[nextIndex];
-      if (nextElement.controlId !== startElement.controlId || nextElement.controlComponent === ControlComponent.POSTFIX) {
+      if (nextElement.controlId !== startElement.controlId || nextElement.controlComponent === ControlComponent.POSTFIX || nextElement.controlComponent === ControlComponent.POST_TEXT) {
         break;
       }
       if (nextElement.controlComponent === ControlComponent.CHECKBOX) {
@@ -5903,7 +6037,7 @@ class RadioControl extends CheckboxControl {
     let preIndex = startIndex;
     while (preIndex > 0) {
       const preElement = elementList[preIndex];
-      if (preElement.controlId !== startElement.controlId || preElement.controlComponent === ControlComponent.PREFIX) {
+      if (preElement.controlId !== startElement.controlId || preElement.controlComponent === ControlComponent.PREFIX || preElement.controlComponent === ControlComponent.PRE_TEXT) {
         break;
       }
       if (preElement.controlComponent === ControlComponent.RADIO) {
@@ -5915,7 +6049,7 @@ class RadioControl extends CheckboxControl {
     let nextIndex = startIndex + 1;
     while (nextIndex < elementList.length) {
       const nextElement = elementList[nextIndex];
-      if (nextElement.controlId !== startElement.controlId || nextElement.controlComponent === ControlComponent.POSTFIX) {
+      if (nextElement.controlId !== startElement.controlId || nextElement.controlComponent === ControlComponent.POSTFIX || nextElement.controlComponent === ControlComponent.POST_TEXT) {
         break;
       }
       if (nextElement.controlComponent === ControlComponent.RADIO) {
@@ -6527,7 +6661,7 @@ function del(evt, host) {
   }
 }
 function enter(evt, host) {
-  var _a, _b;
+  var _a, _b, _c;
   const draw = host.getDraw();
   if (draw.isReadonly())
     return;
@@ -6543,7 +6677,7 @@ function enter(evt, host) {
     draw.getListParticle().unsetList();
     return;
   }
-  const enterText = {
+  let enterText = {
     value: ZERO
   };
   if (evt.shiftKey && startElement.listId) {
@@ -6553,8 +6687,11 @@ function enter(evt, host) {
     isBreakWhenWrap: true,
     editorOptions: draw.getOptions()
   });
-  if (!(endElement.titleId && endElement.titleId !== ((_b = elementList[endIndex + 1]) == null ? void 0 : _b.titleId))) {
-    const copyElement = getAnchorElement(elementList, endIndex);
+  if (evt.shiftKey && endElement.areaId && endElement.areaId !== ((_b = elementList[endIndex + 1]) == null ? void 0 : _b.areaId)) {
+    enterText = omitObject(enterText, AREA_CONTEXT_ATTR);
+  }
+  if (!(endElement.titleId && endElement.titleId !== ((_c = elementList[endIndex + 1]) == null ? void 0 : _c.titleId))) {
+    const copyElement = rangeManager.getRangeAnchorStyle(elementList, endIndex);
     if (copyElement) {
       const copyAttr = [...EDITOR_ROW_ATTR];
       if (copyElement.controlComponent !== ControlComponent.POSTFIX) {
@@ -6593,7 +6730,7 @@ function enter(evt, host) {
   evt.preventDefault();
 }
 function left(evt, host) {
-  var _a, _b;
+  var _a, _b, _c;
   const draw = host.getDraw();
   const isReadonly = draw.isReadonly();
   if (isReadonly)
@@ -6611,7 +6748,7 @@ function left(evt, host) {
   const isCollapsed = rangeManager.getIsCollapsed();
   const elementList = draw.getElementList();
   const control = draw.getControl();
-  if (draw.getMode() === EditorMode.FORM && control.getActiveControl() && ((_a = elementList[index2]) == null ? void 0 : _a.controlComponent) === ControlComponent.PREFIX) {
+  if (draw.getMode() === EditorMode.FORM && control.getActiveControl() && (((_a = elementList[index2]) == null ? void 0 : _a.controlComponent) === ControlComponent.PREFIX || ((_b = elementList[index2]) == null ? void 0 : _b.controlComponent) === ControlComponent.PRE_TEXT)) {
     control.initNextControl({
       direction: MoveDirection.UP
     });
@@ -6621,7 +6758,7 @@ function left(evt, host) {
   if (isMod(evt)) {
     const LETTER_REG = draw.getLetterReg();
     const moveStartIndex = evt.shiftKey && !isCollapsed && startIndex === (cursorPosition == null ? void 0 : cursorPosition.index) ? endIndex : startIndex;
-    if (LETTER_REG.test((_b = elementList[moveStartIndex]) == null ? void 0 : _b.value)) {
+    if (LETTER_REG.test((_c = elementList[moveStartIndex]) == null ? void 0 : _c.value)) {
       let i = moveStartIndex - 1;
       while (i > 0) {
         const element = elementList[i];
@@ -6731,7 +6868,7 @@ function left(evt, host) {
   evt.preventDefault();
 }
 function right(evt, host) {
-  var _a, _b;
+  var _a, _b, _c;
   const draw = host.getDraw();
   const isReadonly = draw.isReadonly();
   if (isReadonly)
@@ -6750,7 +6887,7 @@ function right(evt, host) {
   const isCollapsed = rangeManager.getIsCollapsed();
   let elementList = draw.getElementList();
   const control = draw.getControl();
-  if (draw.getMode() === EditorMode.FORM && control.getActiveControl() && ((_a = elementList[index2 + 1]) == null ? void 0 : _a.controlComponent) === ControlComponent.POSTFIX) {
+  if (draw.getMode() === EditorMode.FORM && control.getActiveControl() && (((_a = elementList[index2 + 1]) == null ? void 0 : _a.controlComponent) === ControlComponent.POSTFIX || ((_b = elementList[index2 + 1]) == null ? void 0 : _b.controlComponent) === ControlComponent.POST_TEXT)) {
     control.initNextControl({
       direction: MoveDirection.DOWN
     });
@@ -6760,7 +6897,7 @@ function right(evt, host) {
   if (isMod(evt)) {
     const LETTER_REG = draw.getLetterReg();
     const moveStartIndex = evt.shiftKey && !isCollapsed && startIndex === (cursorPosition == null ? void 0 : cursorPosition.index) ? endIndex : startIndex;
-    if (LETTER_REG.test((_b = elementList[moveStartIndex + 1]) == null ? void 0 : _b.value)) {
+    if (LETTER_REG.test((_c = elementList[moveStartIndex + 1]) == null ? void 0 : _c.value)) {
       let i = moveStartIndex + 2;
       while (i < elementList.length) {
         const element = elementList[i];
@@ -7266,7 +7403,7 @@ function input(data2, host) {
 `, ZERO);
   const { startIndex, endIndex } = rangeManager.getRange();
   const elementList = draw.getElementList();
-  const copyElement = getAnchorElement(elementList, endIndex);
+  const copyElement = rangeManager.getRangeAnchorStyle(elementList, endIndex);
   if (!copyElement)
     return;
   const isDesignMode = draw.isDesignMode();
@@ -7376,7 +7513,7 @@ function cut(host) {
   rangeManager.setRange(curIndex, curIndex);
   draw.render({ curIndex });
 }
-function copy(host) {
+function copy(host, options) {
   const draw = host.getDraw();
   const { copy: copy2 } = draw.getOverride();
   if (copy2) {
@@ -7424,6 +7561,13 @@ function copy(host) {
   } else {
     copyElementList = rangeManager.getIsCollapsed() ? rangeManager.getRangeRowElementList() : rangeManager.getSelectionElementList();
   }
+  if ((options == null ? void 0 : options.isPlainText) && (copyElementList == null ? void 0 : copyElementList.length)) {
+    copyElementList = [
+      {
+        value: getTextFromElementList(copyElementList)
+      }
+    ];
+  }
   if (!(copyElementList == null ? void 0 : copyElementList.length))
     return;
   writeElementList(copyElementList, draw.getOptions());
@@ -7810,8 +7954,8 @@ class CanvasEvent {
   cut() {
     cut(this);
   }
-  copy() {
-    copy(this);
+  copy(options) {
+    copy(this, options);
   }
   compositionstart() {
     composition.compositionstart(this);
@@ -8081,6 +8225,7 @@ class Position {
         }
       }
       x += curRow.offsetX || 0;
+      y += curRow.offsetY || 0;
       const tablePreX = x;
       const tablePreY = y;
       for (let j = 0; j < curRow.elementList.length; j++) {
@@ -8441,7 +8586,7 @@ class Position {
         }
       }
       const margins = this.draw.getMargins();
-      if (y <= margins[1]) {
+      if (y <= margins[0]) {
         for (let p = 0; p < positionList.length; p++) {
           const position = positionList[p];
           if (position.pageNo !== positionNo || position.rowNo !== 0)
@@ -8593,6 +8738,7 @@ class RangeManager {
     __publicField(this, "eventBus");
     __publicField(this, "position");
     __publicField(this, "historyManager");
+    __publicField(this, "defaultStyle");
     this.draw = draw;
     this.options = draw.getOptions();
     this.listener = draw.getListener();
@@ -8603,6 +8749,7 @@ class RangeManager {
       startIndex: -1,
       endIndex: -1
     };
+    this.defaultStyle = null;
   }
   getRange() {
     return this.range;
@@ -8610,6 +8757,22 @@ class RangeManager {
   clearRange() {
     this.setRange(-1, -1);
   }
+  setDefaultStyle(style) {
+    if (!style) {
+      this.defaultStyle = null;
+    } else {
+      this.defaultStyle = __spreadValues(__spreadValues({}, this.defaultStyle), style);
+    }
+  }
+  getDefaultStyle() {
+    return this.defaultStyle;
+  }
+  getRangeAnchorStyle(elementList, anchorIndex) {
+    const anchorElement = getAnchorElement(elementList, anchorIndex);
+    if (!anchorElement)
+      return null;
+    return __spreadValues(__spreadValues({}, anchorElement), this.defaultStyle);
+  }
   getIsCollapsed() {
     const { startIndex, endIndex } = this.range;
     return startIndex === endIndex;
@@ -8853,15 +9016,17 @@ class RangeManager {
     return rangeList;
   }
   getIsCanInput() {
+    var _a;
     const { startIndex, endIndex } = this.getRange();
     if (!~startIndex && !~endIndex)
       return false;
-    if (startIndex === endIndex)
-      return true;
     const elementList = this.draw.getElementList();
     const startElement = elementList[startIndex];
+    if (startIndex === endIndex) {
+      return (startElement.controlComponent !== ControlComponent.PRE_TEXT || ((_a = elementList[startIndex + 1]) == null ? void 0 : _a.controlComponent) !== ControlComponent.PRE_TEXT) && startElement.controlComponent !== ControlComponent.POST_TEXT;
+    }
     const endElement = elementList[endIndex];
-    return !startElement.controlId && !endElement.controlId || (!startElement.controlId || startElement.controlComponent === ControlComponent.POSTFIX) && (!endElement.controlId || endElement.controlComponent === ControlComponent.POSTFIX) || !!startElement.controlId && endElement.controlId === startElement.controlId && endElement.controlComponent !== ControlComponent.POSTFIX;
+    return !startElement.controlId && !endElement.controlId || (!startElement.controlId || startElement.controlComponent === ControlComponent.POSTFIX) && (!endElement.controlId || endElement.controlComponent === ControlComponent.POSTFIX) || !!startElement.controlId && endElement.controlId === startElement.controlId && endElement.controlComponent !== ControlComponent.PRE_TEXT && endElement.controlComponent !== ControlComponent.POST_TEXT && endElement.controlComponent !== ControlComponent.POSTFIX;
   }
   setRange(startIndex, endIndex, tableId, startTdIndex, endTdIndex, startTrIndex, endTrIndex) {
     this.range.startIndex = startIndex;
@@ -8872,6 +9037,7 @@ class RangeManager {
     this.range.startTrIndex = startTrIndex;
     this.range.endTrIndex = endTrIndex;
     this.range.isCrossRowCol = !!(startTdIndex || endTdIndex || startTrIndex || endTrIndex);
+    this.setDefaultStyle(null);
     this.range.zone = this.draw.getZone().getZone();
     const control = this.draw.getControl();
     if (~startIndex && ~endIndex) {
@@ -8904,7 +9070,7 @@ class RangeManager {
     } else {
       const index2 = ~endIndex ? endIndex : 0;
       const elementList = this.draw.getElementList();
-      curElement = getAnchorElement(elementList, index2);
+      curElement = this.getRangeAnchorStyle(elementList, index2);
     }
     if (!curElement)
       return;
@@ -9017,7 +9183,7 @@ class RangeManager {
         let index2 = startIndex - 1;
         while (index2 > 0) {
           const preElement = elementList[index2];
-          if (preElement.controlId !== startElement.controlId || preElement.controlComponent === ControlComponent.PREFIX) {
+          if (preElement.controlId !== startElement.controlId || preElement.controlComponent === ControlComponent.PREFIX || preElement.controlComponent === ControlComponent.PRE_TEXT) {
             range.startIndex = index2;
             range.endIndex = index2;
             break;
@@ -9030,7 +9196,7 @@ class RangeManager {
         let index2 = endIndex - 1;
         while (index2 > 0) {
           const preElement = elementList[index2];
-          if (preElement.controlId !== endElement.controlId || preElement.controlComponent === ControlComponent.PREFIX) {
+          if (preElement.controlId !== endElement.controlId || preElement.controlComponent === ControlComponent.PREFIX || preElement.controlComponent === ControlComponent.PRE_TEXT) {
             range.startIndex = index2;
             range.endIndex = index2;
             return;
@@ -10053,10 +10219,10 @@ class TableParticle {
   }
   _drawBorder(ctx, element, startX, startY) {
     var _a, _b, _c, _d, _e, _f;
-    const { colgroup, trList, borderType } = element;
+    const { colgroup, trList, borderType, borderColor } = element;
     if (!colgroup || !trList)
       return;
-    const { scale } = this.options;
+    const { scale, table: { defaultBorderColor } } = this.options;
     const tableWidth = element.width * scale;
     const tableHeight = element.height * scale;
     const isEmptyBorderType = borderType === TableBorder.EMPTY;
@@ -10067,6 +10233,7 @@ class TableParticle {
       ctx.setLineDash([3, 3]);
     }
     ctx.lineWidth = scale;
+    ctx.strokeStyle = borderColor || defaultBorderColor;
     if (!isEmptyBorderType && !isInternalBorderType) {
       this._drawOuterBorder({
         ctx,
@@ -11186,7 +11353,10 @@ class SelectControl {
     __publicField(this, "isPopup");
     __publicField(this, "selectDom");
     __publicField(this, "options");
-    this.options = control.getDraw().getOptions();
+    __publicField(this, "VALUE_DELIMITER", ",");
+    __publicField(this, "DEFAULT_MULTI_SELECT_DELIMITER", ",");
+    const draw = control.getDraw();
+    this.options = draw.getOptions();
     this.element = element;
     this.control = control;
     this.isPopup = false;
@@ -11201,9 +11371,27 @@ class SelectControl {
   getIsPopup() {
     return this.isPopup;
   }
-  getCode() {
-    var _a;
-    return ((_a = this.element.control) == null ? void 0 : _a.code) || null;
+  getCodes() {
+    var _a, _b;
+    return ((_b = (_a = this.element) == null ? void 0 : _a.control) == null ? void 0 : _b.code) ? this.element.control.code.split(",") : [];
+  }
+  getText(codes) {
+    var _a, _b;
+    if (!((_a = this.element) == null ? void 0 : _a.control))
+      return null;
+    const control = this.element.control;
+    if (!((_b = control.valueSets) == null ? void 0 : _b.length))
+      return null;
+    const multiSelectDelimiter = (control == null ? void 0 : control.multiSelectDelimiter) || this.DEFAULT_MULTI_SELECT_DELIMITER;
+    const valueSets = control.valueSets;
+    const valueList = [];
+    codes.forEach((code) => {
+      const valueSet = valueSets.find((v) => v.code === code);
+      if (valueSet && !isNonValue(valueSet.value)) {
+        valueList.push(valueSet.value);
+      }
+    });
+    return valueList.join(multiSelectDelimiter) || null;
   }
   getValue(context = {}) {
     const elementList = context.elementList || this.control.getElementList();
@@ -11213,7 +11401,7 @@ class SelectControl {
     let preIndex = startIndex;
     while (preIndex > 0) {
       const preElement = elementList[preIndex];
-      if (preElement.controlId !== startElement.controlId || preElement.controlComponent === ControlComponent.PREFIX) {
+      if (preElement.controlId !== startElement.controlId || preElement.controlComponent === ControlComponent.PREFIX || preElement.controlComponent === ControlComponent.PRE_TEXT) {
         break;
       }
       if (preElement.controlComponent === ControlComponent.VALUE) {
@@ -11224,7 +11412,7 @@ class SelectControl {
     let nextIndex = startIndex + 1;
     while (nextIndex < elementList.length) {
       const nextElement = elementList[nextIndex];
-      if (nextElement.controlId !== startElement.controlId || nextElement.controlComponent === ControlComponent.POSTFIX) {
+      if (nextElement.controlId !== startElement.controlId || nextElement.controlComponent === ControlComponent.POSTFIX || nextElement.controlComponent === ControlComponent.POST_TEXT) {
         break;
       }
       if (nextElement.controlComponent === ControlComponent.VALUE) {
@@ -11234,8 +11422,38 @@ class SelectControl {
     }
     return data2;
   }
-  setValue() {
-    return -1;
+  setValue(data2, context = {}, options = {}) {
+    var _a, _b;
+    if (!((_b = (_a = this.element.control) == null ? void 0 : _a.selectExclusiveOptions) == null ? void 0 : _b.inputAble) || !options.isIgnoreDisabledRule && this.control.getIsDisabledControl(context)) {
+      return -1;
+    }
+    const elementList = context.elementList || this.control.getElementList();
+    const range = context.range || this.control.getRange();
+    this.control.shrinkBoundary(context);
+    const { startIndex, endIndex } = range;
+    const draw = this.control.getDraw();
+    if (startIndex !== endIndex) {
+      draw.spliceElementList(elementList, startIndex + 1, endIndex - startIndex);
+    } else {
+      this.control.removePlaceholder(startIndex, context);
+    }
+    const startElement = elementList[startIndex];
+    const anchorElement = startElement.type && !TEXTLIKE_ELEMENT_TYPE.includes(startElement.type) || startElement.controlComponent === ControlComponent.PREFIX || startElement.controlComponent === ControlComponent.PRE_TEXT ? pickObject(startElement, [
+      "control",
+      "controlId",
+      ...CONTROL_STYLE_ATTR
+    ]) : omitObject(startElement, ["type"]);
+    const start = range.startIndex + 1;
+    for (let i = 0; i < data2.length; i++) {
+      const newElement = __spreadProps(__spreadValues(__spreadValues({}, anchorElement), data2[i]), {
+        controlComponent: ControlComponent.VALUE
+      });
+      formatElementContext(elementList, [newElement], startIndex, {
+        editorOptions: this.options
+      });
+      draw.spliceElementList(elementList, start + i, 0, newElement);
+    }
+    return start + data2.length - 1;
   }
   keydown(evt) {
     if (this.control.getIsDisabledControl()) {
@@ -11251,7 +11469,7 @@ class SelectControl {
       if (startIndex !== endIndex) {
         return this.clearSelect();
       } else {
-        if (startElement.controlComponent === ControlComponent.PREFIX || endElement.controlComponent === ControlComponent.POSTFIX || startElement.controlComponent === ControlComponent.PLACEHOLDER) {
+        if (startElement.controlComponent === ControlComponent.PREFIX || startElement.controlComponent === ControlComponent.PRE_TEXT || endElement.controlComponent === ControlComponent.POSTFIX || endElement.controlComponent === ControlComponent.POST_TEXT || startElement.controlComponent === ControlComponent.PLACEHOLDER) {
           return this.control.removeControl(startIndex);
         } else {
           return this.clearSelect();
@@ -11262,7 +11480,7 @@ class SelectControl {
         return this.clearSelect();
       } else {
         const endNextElement = elementList[endIndex + 1];
-        if (startElement.controlComponent === ControlComponent.PREFIX && endNextElement.controlComponent === ControlComponent.PLACEHOLDER || endNextElement.controlComponent === ControlComponent.POSTFIX || startElement.controlComponent === ControlComponent.PLACEHOLDER) {
+        if ((startElement.controlComponent === ControlComponent.PREFIX || startElement.controlComponent === ControlComponent.PRE_TEXT) && endNextElement.controlComponent === ControlComponent.PLACEHOLDER || endNextElement.controlComponent === ControlComponent.POSTFIX || endNextElement.controlComponent === ControlComponent.POST_TEXT || startElement.controlComponent === ControlComponent.PLACEHOLDER) {
           return this.control.removeControl(startIndex);
         } else {
           return this.clearSelect();
@@ -11295,7 +11513,7 @@ class SelectControl {
     let preIndex = startIndex;
     while (preIndex > 0) {
       const preElement = elementList[preIndex];
-      if (preElement.controlId !== startElement.controlId || preElement.controlComponent === ControlComponent.PREFIX) {
+      if (preElement.controlId !== startElement.controlId || preElement.controlComponent === ControlComponent.PREFIX || preElement.controlComponent === ControlComponent.PRE_TEXT) {
         leftIndex = preIndex;
         break;
       }
@@ -11304,7 +11522,7 @@ class SelectControl {
     let nextIndex = startIndex + 1;
     while (nextIndex < elementList.length) {
       const nextElement = elementList[nextIndex];
-      if (nextElement.controlId !== startElement.controlId || nextElement.controlComponent === ControlComponent.POSTFIX) {
+      if (nextElement.controlId !== startElement.controlId || nextElement.controlComponent === ControlComponent.POSTFIX || nextElement.controlComponent === ControlComponent.POST_TEXT) {
         rightIndex = nextIndex - 1;
         break;
       }
@@ -11317,18 +11535,27 @@ class SelectControl {
     if (isAddPlaceholder) {
       this.control.addPlaceholder(preIndex, context);
     }
-    this.element.control.code = null;
+    this.control.setControlProperties({
+      code: null
+    }, {
+      elementList,
+      range: { startIndex: preIndex, endIndex: preIndex }
+    });
     return preIndex;
   }
   setSelect(code, context = {}, options = {}) {
+    var _a;
     if (!options.isIgnoreDisabledRule && this.control.getIsDisabledControl(context)) {
       return;
     }
     const elementList = context.elementList || this.control.getElementList();
     const range = context.range || this.control.getRange();
     const control = this.element.control;
+    const newCodes = (code == null ? void 0 : code.split(this.VALUE_DELIMITER)) || [];
     const oldCode = control.code;
-    if (code === oldCode) {
+    const oldCodes = ((_a = control.code) == null ? void 0 : _a.split(this.VALUE_DELIMITER)) || [];
+    const isMultiSelect = control.isMultiSelect;
+    if (!isMultiSelect && code === oldCode || isMultiSelect && isArrayEqual(oldCodes, newCodes)) {
       this.control.repaintControl({
         curIndex: range.startIndex,
         isCompute: false,
@@ -11340,9 +11567,18 @@ class SelectControl {
     const valueSets = control.valueSets;
     if (!Array.isArray(valueSets) || !valueSets.length)
       return;
-    const valueSet = valueSets.find((v) => v.code === code);
-    if (!valueSet)
+    const text = this.getText(newCodes);
+    if (!text) {
+      if (oldCode) {
+        const prefixIndex2 = this.clearSelect(context);
+        if (~prefixIndex2) {
+          this.control.repaintControl({
+            curIndex: prefixIndex2
+          });
+        }
+      }
       return;
+    }
     const valueElement = this.getValue(context)[0];
     const styleElement = valueElement ? pickObject(valueElement, EDITOR_ELEMENT_STYLE_ATTR) : pickObject(elementList[range.startIndex], CONTROL_STYLE_ATTR);
     const prefixIndex = this.clearSelect(context, {
@@ -11355,7 +11591,7 @@ class SelectControl {
     }
     const propertyElement = omitObject(elementList[prefixIndex], EDITOR_ELEMENT_STYLE_ATTR);
     const start = prefixIndex + 1;
-    const data2 = splitText(valueSet.value);
+    const data2 = splitText(text);
     const draw = this.control.getDraw();
     for (let i = 0; i < data2.length; i++) {
       const newElement = __spreadProps(__spreadValues(__spreadValues({}, styleElement), propertyElement), {
@@ -11368,13 +11604,20 @@ class SelectControl {
       });
       draw.spliceElementList(elementList, start + i, 0, newElement);
     }
-    control.code = code;
+    this.control.setControlProperties({
+      code
+    }, {
+      elementList,
+      range: { startIndex: prefixIndex, endIndex: prefixIndex }
+    });
     if (!context.range) {
       const newIndex = start + data2.length - 1;
       this.control.repaintControl({
         curIndex: newIndex
       });
-      this.destroy();
+      if (!isMultiSelect) {
+        this.destroy();
+      }
     }
   }
   _createSelectPopupDom() {
@@ -11392,12 +11635,26 @@ class SelectControl {
     for (let v = 0; v < valueSets.length; v++) {
       const valueSet = valueSets[v];
       const li = document.createElement("li");
-      const code = this.getCode();
-      if (code === valueSet.code) {
+      let codes = this.getCodes();
+      if (codes.includes(valueSet.code)) {
         li.classList.add("active");
       }
       li.onclick = () => {
-        this.setSelect(valueSet.code);
+        const codeIndex = codes.findIndex((code) => code === valueSet.code);
+        if (control.isMultiSelect) {
+          if (~codeIndex) {
+            codes.splice(codeIndex, 1);
+          } else {
+            codes.push(valueSet.code);
+          }
+        } else {
+          if (~codeIndex) {
+            codes = [];
+          } else {
+            codes = [valueSet.code];
+          }
+        }
+        this.setSelect(codes.join(this.VALUE_DELIMITER));
       };
       li.append(document.createTextNode(valueSet.value));
       ul.append(li);
@@ -11436,7 +11693,8 @@ class TextControl {
     __publicField(this, "element");
     __publicField(this, "control");
     __publicField(this, "options");
-    this.options = control.getDraw().getOptions();
+    const draw = control.getDraw();
+    this.options = draw.getOptions();
     this.element = element;
     this.control = control;
   }
@@ -11454,7 +11712,7 @@ class TextControl {
     let preIndex = startIndex;
     while (preIndex > 0) {
       const preElement = elementList[preIndex];
-      if (preElement.controlId !== startElement.controlId || preElement.controlComponent === ControlComponent.PREFIX) {
+      if (preElement.controlId !== startElement.controlId || preElement.controlComponent === ControlComponent.PREFIX || preElement.controlComponent === ControlComponent.PRE_TEXT) {
         break;
       }
       if (preElement.controlComponent === ControlComponent.VALUE) {
@@ -11465,7 +11723,7 @@ class TextControl {
     let nextIndex = startIndex + 1;
     while (nextIndex < elementList.length) {
       const nextElement = elementList[nextIndex];
-      if (nextElement.controlId !== startElement.controlId || nextElement.controlComponent === ControlComponent.POSTFIX) {
+      if (nextElement.controlId !== startElement.controlId || nextElement.controlComponent === ControlComponent.POSTFIX || nextElement.controlComponent === ControlComponent.POST_TEXT) {
         break;
       }
       if (nextElement.controlComponent === ControlComponent.VALUE) {
@@ -11490,7 +11748,7 @@ class TextControl {
       this.control.removePlaceholder(startIndex, context);
     }
     const startElement = elementList[startIndex];
-    const anchorElement = startElement.type && !TEXTLIKE_ELEMENT_TYPE.includes(startElement.type) || startElement.controlComponent === ControlComponent.PREFIX ? pickObject(startElement, [
+    const anchorElement = startElement.type && !TEXTLIKE_ELEMENT_TYPE.includes(startElement.type) || startElement.controlComponent === ControlComponent.PREFIX || startElement.controlComponent === ControlComponent.PRE_TEXT ? pickObject(startElement, [
       "control",
       "controlId",
       ...CONTROL_STYLE_ATTR
@@ -11541,7 +11799,7 @@ class TextControl {
         }
         return startIndex;
       } else {
-        if (startElement.controlComponent === ControlComponent.PREFIX || endElement.controlComponent === ControlComponent.POSTFIX || startElement.controlComponent === ControlComponent.PLACEHOLDER) {
+        if (startElement.controlComponent === ControlComponent.PREFIX || startElement.controlComponent === ControlComponent.PRE_TEXT || endElement.controlComponent === ControlComponent.POSTFIX || endElement.controlComponent === ControlComponent.POST_TEXT || startElement.controlComponent === ControlComponent.PLACEHOLDER) {
           return this.control.removeControl(startIndex);
         } else {
           draw.spliceElementList(elementList, startIndex, 1);
@@ -11562,7 +11820,7 @@ class TextControl {
         return startIndex;
       } else {
         const endNextElement = elementList[endIndex + 1];
-        if (startElement.controlComponent === ControlComponent.PREFIX && endNextElement.controlComponent === ControlComponent.PLACEHOLDER || endNextElement.controlComponent === ControlComponent.POSTFIX || startElement.controlComponent === ControlComponent.PLACEHOLDER) {
+        if ((startElement.controlComponent === ControlComponent.PREFIX || startElement.controlComponent === ControlComponent.PRE_TEXT) && endNextElement.controlComponent === ControlComponent.PLACEHOLDER || endNextElement.controlComponent === ControlComponent.POSTFIX || endNextElement.controlComponent === ControlComponent.POST_TEXT || startElement.controlComponent === ControlComponent.PLACEHOLDER) {
           return this.control.removeControl(startIndex);
         } else {
           draw.spliceElementList(elementList, startIndex + 1, 1);
@@ -12085,7 +12343,7 @@ class DateControl {
     let preIndex = startIndex;
     while (preIndex > 0) {
       const preElement = elementList[preIndex];
-      if (preElement.controlId !== startElement.controlId || preElement.controlComponent === ControlComponent.PREFIX) {
+      if (preElement.controlId !== startElement.controlId || preElement.controlComponent === ControlComponent.PREFIX || preElement.controlComponent === ControlComponent.PRE_TEXT) {
         break;
       }
       preIndex--;
@@ -12093,7 +12351,7 @@ class DateControl {
     let nextIndex = startIndex + 1;
     while (nextIndex < elementList.length) {
       const nextElement = elementList[nextIndex];
-      if (nextElement.controlId !== startElement.controlId || nextElement.controlComponent === ControlComponent.POSTFIX) {
+      if (nextElement.controlId !== startElement.controlId || nextElement.controlComponent === ControlComponent.POSTFIX || nextElement.controlComponent === ControlComponent.POST_TEXT) {
         break;
       }
       nextIndex++;
@@ -12132,7 +12390,7 @@ class DateControl {
       this.control.removePlaceholder(startIndex, context);
     }
     const startElement = elementList[startIndex];
-    const anchorElement = startElement.type && !TEXTLIKE_ELEMENT_TYPE.includes(startElement.type) || startElement.controlComponent === ControlComponent.PREFIX ? pickObject(startElement, [
+    const anchorElement = startElement.type && !TEXTLIKE_ELEMENT_TYPE.includes(startElement.type) || startElement.controlComponent === ControlComponent.PREFIX || startElement.controlComponent === ControlComponent.PRE_TEXT ? pickObject(startElement, [
       "control",
       "controlId",
       ...CONTROL_STYLE_ATTR
@@ -12223,7 +12481,7 @@ class DateControl {
         }
         return startIndex;
       } else {
-        if (startElement.controlComponent === ControlComponent.PREFIX || endElement.controlComponent === ControlComponent.POSTFIX || startElement.controlComponent === ControlComponent.PLACEHOLDER) {
+        if (startElement.controlComponent === ControlComponent.PREFIX || startElement.controlComponent === ControlComponent.PRE_TEXT || endElement.controlComponent === ControlComponent.POSTFIX || endElement.controlComponent === ControlComponent.POST_TEXT || startElement.controlComponent === ControlComponent.PLACEHOLDER) {
           return this.control.removeControl(startIndex);
         } else {
           draw.spliceElementList(elementList, startIndex, 1);
@@ -12244,7 +12502,7 @@ class DateControl {
         return startIndex;
       } else {
         const endNextElement = elementList[endIndex + 1];
-        if (startElement.controlComponent === ControlComponent.PREFIX && endNextElement.controlComponent === ControlComponent.PLACEHOLDER || endNextElement.controlComponent === ControlComponent.POSTFIX || startElement.controlComponent === ControlComponent.PLACEHOLDER) {
+        if ((startElement.controlComponent === ControlComponent.PREFIX || startElement.controlComponent === ControlComponent.PRE_TEXT) && endNextElement.controlComponent === ControlComponent.PLACEHOLDER || endNextElement.controlComponent === ControlComponent.POSTFIX || endNextElement.controlComponent === ControlComponent.POST_TEXT || startElement.controlComponent === ControlComponent.PLACEHOLDER) {
           return this.control.removeControl(startIndex);
         } else {
           draw.spliceElementList(elementList, startIndex + 1, 1);
@@ -12327,6 +12585,7 @@ class Control {
     __publicField(this, "options");
     __publicField(this, "controlOptions");
     __publicField(this, "activeControl");
+    __publicField(this, "activeControlValue");
     this.controlBorder = new ControlBorder(draw);
     this.draw = draw;
     this.range = draw.getRange();
@@ -12336,6 +12595,7 @@ class Control {
     this.options = draw.getOptions();
     this.controlOptions = this.options.control;
     this.activeControl = null;
+    this.activeControlValue = [];
   }
   setHighlightList(payload) {
     this.controlSearch.setHighlightList(payload);
@@ -12356,8 +12616,8 @@ class Control {
     return this.draw;
   }
   filterAssistElement(elementList) {
-    return elementList.filter((element) => {
-      var _a;
+    return elementList.filter((element, index2) => {
+      var _a, _b, _c;
       if (element.type === ElementType.TABLE) {
         const trList = element.trList;
         for (let r = 0; r < trList.length; r++) {
@@ -12375,6 +12635,37 @@ class Control {
           element.value = "";
           return true;
         }
+      } else {
+        if (((_b = element.control) == null ? void 0 : _b.preText) && element.controlComponent === ControlComponent.PRE_TEXT) {
+          let isExistValue = false;
+          let start = index2 + 1;
+          while (start < elementList.length) {
+            const nextElement = elementList[start];
+            if (element.controlId !== nextElement.controlId)
+              break;
+            if (nextElement.controlComponent === ControlComponent.VALUE) {
+              isExistValue = true;
+              break;
+            }
+            start++;
+          }
+          return isExistValue;
+        }
+        if (((_c = element.control) == null ? void 0 : _c.postText) && element.controlComponent === ControlComponent.POST_TEXT) {
+          let isExistValue = false;
+          let start = index2 - 1;
+          while (start < elementList.length) {
+            const preElement = elementList[start];
+            if (element.controlId !== preElement.controlId)
+              break;
+            if (preElement.controlComponent === ControlComponent.VALUE) {
+              isExistValue = true;
+              break;
+            }
+            start--;
+          }
+          return isExistValue;
+        }
       }
       return element.controlComponent !== ControlComponent.PREFIX && element.controlComponent !== ControlComponent.POSTFIX && element.controlComponent !== ControlComponent.PLACEHOLDER;
     });
@@ -12490,10 +12781,13 @@ class Control {
   getActiveControl() {
     return this.activeControl;
   }
+  updateActiveControlValue() {
+    if (this.activeControl) {
+      this.activeControlValue = this.activeControl.getValue();
+    }
+  }
   initControl() {
-    const isReadonly = this.draw.isReadonly();
-    if (isReadonly)
-      return;
+    var _a, _b;
     const elementList = this.getElementList();
     const range = this.getRange();
     const element = elementList[range.startIndex];
@@ -12506,10 +12800,15 @@ class Control {
         }
       }
       const controlElement = this.activeControl.getElement();
-      if (element.controlId === controlElement.controlId)
+      if (element.controlId === controlElement.controlId) {
+        this.updateActiveControlValue();
         return;
+      }
     }
     this.destroyControl();
+    const isReadonly = this.draw.isReadonly();
+    if (isReadonly)
+      return;
     const control = element.control;
     if (control.type === ControlType.TEXT) {
       this.activeControl = new TextControl(element, this);
@@ -12526,46 +12825,61 @@ class Control {
       this.activeControl = dateControl;
       dateControl.awake();
     }
-    nextTick(() => {
-      var _a;
-      const controlChangeListener = this.listener.controlChange;
-      const isSubscribeControlChange = this.eventBus.isSubscribe("controlChange");
-      if (!controlChangeListener && !isSubscribeControlChange)
-        return;
-      let payload;
-      const value = (_a = this.activeControl) == null ? void 0 : _a.getValue();
-      if (value && value.length) {
-        payload = zipElementList(value)[0].control;
+    this.updateActiveControlValue();
+    const isSubscribeControlChange = this.eventBus.isSubscribe("controlChange");
+    if (this.listener.controlChange || isSubscribeControlChange) {
+      let control2;
+      const value = this.activeControlValue;
+      if (value == null ? void 0 : value.length) {
+        control2 = zipElementList(value)[0].control;
       } else {
-        payload = pickElementAttr(deepClone(element)).control;
-      }
-      if (controlChangeListener) {
-        controlChangeListener(payload);
+        control2 = pickElementAttr(deepClone(element)).control;
+        control2.value = [];
       }
+      const payload = {
+        control: control2,
+        controlId: element.controlId,
+        state: ControlState.ACTIVE
+      };
+      (_b = (_a = this.listener).controlChange) == null ? void 0 : _b.call(_a, payload);
       if (isSubscribeControlChange) {
         this.eventBus.emit("controlChange", payload);
       }
-    });
+    }
   }
-  destroyControl() {
-    if (this.activeControl) {
-      if (this.activeControl instanceof SelectControl || this.activeControl instanceof DateControl) {
-        this.activeControl.destroy();
-      }
-      this.activeControl = null;
-      nextTick(() => {
-        const controlChangeListener = this.listener.controlChange;
-        const isSubscribeControlChange = this.eventBus.isSubscribe("controlChange");
-        if (!controlChangeListener && !isSubscribeControlChange)
-          return;
-        if (controlChangeListener) {
-          controlChangeListener(null);
+  destroyControl(options = {}) {
+    var _a, _b;
+    if (!this.activeControl)
+      return;
+    const { isEmitEvent = true } = options;
+    if (this.activeControl instanceof SelectControl || this.activeControl instanceof DateControl) {
+      this.activeControl.destroy();
+    }
+    if (isEmitEvent) {
+      const isSubscribeControlChange = this.eventBus.isSubscribe("controlChange");
+      if (this.listener.controlChange || isSubscribeControlChange) {
+        let control;
+        const value = this.activeControlValue;
+        const activeElement = this.activeControl.getElement();
+        if (value == null ? void 0 : value.length) {
+          control = zipElementList(value)[0].control;
+        } else {
+          control = pickElementAttr(deepClone(activeElement)).control;
+          control.value = [];
         }
+        const payload = {
+          control,
+          controlId: activeElement.controlId,
+          state: ControlState.INACTIVE
+        };
+        (_b = (_a = this.listener).controlChange) == null ? void 0 : _b.call(_a, payload);
         if (isSubscribeControlChange) {
-          this.eventBus.emit("controlChange", null);
+          this.eventBus.emit("controlChange", payload);
         }
-      });
+      }
     }
+    this.activeControl = null;
+    this.activeControlValue = [];
   }
   repaintControl(options = {}) {
     const { curIndex, isCompute = true, isSubmitHistory = true, isSetCursor = true } = options;
@@ -12626,11 +12940,11 @@ class Control {
         }
         startIndex++;
       }
-    } else if (element.controlComponent === ControlComponent.PREFIX) {
+    } else if (element.controlComponent === ControlComponent.PREFIX || element.controlComponent === ControlComponent.PRE_TEXT) {
       let startIndex = newIndex + 1;
       while (startIndex < elementList.length) {
         const nextElement = elementList[startIndex];
-        if (nextElement.controlId !== element.controlId || nextElement.controlComponent !== ControlComponent.PREFIX) {
+        if (nextElement.controlId !== element.controlId || nextElement.controlComponent !== ControlComponent.PREFIX && nextElement.controlComponent !== ControlComponent.PRE_TEXT) {
           return {
             newIndex: startIndex - 1,
             newElement: elementList[startIndex - 1]
@@ -12638,11 +12952,11 @@ class Control {
         }
         startIndex++;
       }
-    } else if (element.controlComponent === ControlComponent.PLACEHOLDER) {
+    } else if (element.controlComponent === ControlComponent.PLACEHOLDER || element.controlComponent === ControlComponent.POST_TEXT) {
       let startIndex = newIndex - 1;
       while (startIndex > 0) {
         const preElement = elementList[startIndex];
-        if (preElement.controlId !== element.controlId || preElement.controlComponent === ControlComponent.PREFIX) {
+        if (preElement.controlId !== element.controlId || preElement.controlComponent === ControlComponent.VALUE || preElement.controlComponent === ControlComponent.PREFIX || preElement.controlComponent === ControlComponent.PRE_TEXT) {
           return {
             newIndex: startIndex,
             newElement: elementList[startIndex]
@@ -12728,7 +13042,7 @@ class Control {
     for (let p = 0; p < placeholderStrList.length; p++) {
       const value = placeholderStrList[p];
       const newElement = __spreadProps(__spreadValues({}, anchorElementStyleAttr), {
-        value,
+        value: value === "\n" ? ZERO : value,
         controlId: startElement.controlId,
         type: ElementType.CONTROL,
         control: startElement.control,
@@ -12747,6 +13061,27 @@ class Control {
     }
     return this.activeControl.setValue(data2);
   }
+  setControlProperties(properties, context = {}) {
+    const elementList = context.elementList || this.getElementList();
+    const { startIndex } = context.range || this.getRange();
+    const startElement = elementList[startIndex];
+    let preIndex = startIndex;
+    while (preIndex > 0) {
+      const preElement = elementList[preIndex];
+      if (preElement.controlId !== startElement.controlId)
+        break;
+      preElement.control = __spreadValues(__spreadValues({}, preElement.control), properties);
+      preIndex--;
+    }
+    let nextIndex = startIndex + 1;
+    while (nextIndex < elementList.length) {
+      const nextElement = elementList[nextIndex];
+      if (nextElement.controlId !== startElement.controlId)
+        break;
+      nextElement.control = __spreadValues(__spreadValues({}, nextElement.control), properties);
+      nextIndex++;
+    }
+  }
   keydown(evt) {
     if (!this.activeControl) {
       throw new Error("active control is null");
@@ -12760,7 +13095,7 @@ class Control {
     return this.activeControl.cut();
   }
   getValueById(payload) {
-    const { id, conceptId } = payload;
+    const { id, conceptId, areaId } = payload;
     const result = [];
     if (!id && !conceptId)
       return result;
@@ -12779,7 +13114,7 @@ class Control {
             }
           }
         }
-        if (!element.control || id && element.controlId !== id || conceptId && element.control.conceptId !== conceptId) {
+        if (!element.control || id && element.controlId !== id || conceptId && element.control.conceptId !== conceptId || areaId && element.areaId !== areaId) {
           continue;
         }
         const { type, code, valueSets } = element.control;
@@ -12838,7 +13173,7 @@ class Control {
   }
   setValueById(payload) {
     let isExistSet = false;
-    const { id, conceptId, value } = payload;
+    const { id, conceptId, areaId, value } = payload;
     if (!id && !conceptId)
       return;
     const setValue = (elementList) => {
@@ -12856,7 +13191,7 @@ class Control {
             }
           }
         }
-        if (!element.control || id && element.controlId !== id || conceptId && element.control.conceptId !== conceptId) {
+        if (!element.control || id && element.controlId !== id || conceptId && element.control.conceptId !== conceptId || areaId && element.areaId !== areaId) {
           continue;
         }
         isExistSet = true;
@@ -12938,7 +13273,9 @@ class Control {
         i = newEndIndex;
       }
     };
-    this.destroyControl();
+    this.destroyControl({
+      isEmitEvent: false
+    });
     const data2 = [
       this.draw.getHeaderElementList(),
       this.draw.getOriginalMainElementList(),
@@ -12954,7 +13291,7 @@ class Control {
     }
   }
   setExtensionById(payload) {
-    const { id, conceptId, extension } = payload;
+    const { id, conceptId, areaId, extension } = payload;
     if (!id && !conceptId)
       return;
     const setExtension = (elementList) => {
@@ -12972,10 +13309,15 @@ class Control {
             }
           }
         }
-        if (!element.control || id && element.controlId !== id || conceptId && element.control.conceptId !== conceptId) {
+        if (!element.control || id && element.controlId !== id || conceptId && element.control.conceptId !== conceptId || areaId && element.areaId !== areaId) {
           continue;
         }
-        element.control.extension = extension;
+        this.setControlProperties({
+          extension
+        }, {
+          elementList,
+          range: { startIndex: i, endIndex: i }
+        });
         let newEndIndex = i;
         while (newEndIndex < elementList.length) {
           const nextElement = elementList[newEndIndex];
@@ -12996,11 +13338,11 @@ class Control {
     }
   }
   setPropertiesById(payload) {
-    const { id, conceptId, properties } = payload;
+    const { id, conceptId, areaId, properties } = payload;
     if (!id && !conceptId)
       return;
     let isExistUpdate = false;
-    function setProperties(elementList) {
+    const setProperties = (elementList) => {
       let i = 0;
       while (i < elementList.length) {
         const element = elementList[i];
@@ -13015,12 +13357,15 @@ class Control {
             }
           }
         }
-        if (!element.control || id && element.controlId !== id || conceptId && element.control.conceptId !== conceptId) {
+        if (!element.control || id && element.controlId !== id || conceptId && element.control.conceptId !== conceptId || areaId && element.areaId !== areaId) {
           continue;
         }
         isExistUpdate = true;
-        element.control = __spreadProps(__spreadValues(__spreadValues({}, element.control), properties), {
+        this.setControlProperties(__spreadProps(__spreadValues(__spreadValues({}, element.control), properties), {
           value: element.control.value
+        }), {
+          elementList,
+          range: { startIndex: i, endIndex: i }
         });
         CONTROL_STYLE_ATTR.forEach((key) => {
           const controlStyleProperty = properties[key];
@@ -13037,7 +13382,7 @@ class Control {
         }
         i = newEndIndex;
       }
-    }
+    };
     const pageComponentData = {
       header: this.draw.getHeaderElementList(),
       main: this.draw.getOriginalMainElementList(),
@@ -13051,7 +13396,9 @@ class Control {
       return;
     for (const key in pageComponentData) {
       const pageComponentKey = key;
-      const elementList = zipElementList(pageComponentData[pageComponentKey]);
+      const elementList = zipElementList(pageComponentData[pageComponentKey], {
+        isClassifyArea: true
+      });
       pageComponentData[pageComponentKey] = elementList;
       formatElementList(elementList, {
         editorOptions: this.options,
@@ -13148,7 +13495,7 @@ class Control {
         let nextIndex = e;
         while (nextIndex > 0) {
           const nextElement = elementList2[nextIndex];
-          if (nextElement.controlComponent === ControlComponent.VALUE || nextElement.controlComponent === ControlComponent.PREFIX) {
+          if (nextElement.controlComponent === ControlComponent.VALUE || nextElement.controlComponent === ControlComponent.PREFIX || nextElement.controlComponent === ControlComponent.PRE_TEXT) {
             break;
           }
           nextIndex--;
@@ -13220,6 +13567,7 @@ class Control {
       return null;
     const controlElement = this.activeControl.getElement();
     function getNextContext(elementList2, start) {
+      var _a, _b;
       for (let e = start; e < elementList2.length; e++) {
         const element = elementList2[e];
         if (element.type === ElementType.TABLE) {
@@ -13247,7 +13595,7 @@ class Control {
             }
           }
         }
-        if (!element.controlId || element.controlId === controlElement.controlId) {
+        if (!element.controlId || element.controlId === controlElement.controlId || ((_a = elementList2[e + 1]) == null ? void 0 : _a.controlComponent) === ControlComponent.PREFIX || ((_b = elementList2[e + 1]) == null ? void 0 : _b.controlComponent) === ControlComponent.PRE_TEXT) {
           continue;
         }
         return {
@@ -13533,7 +13881,7 @@ function WorkerWrapper$2() {
     objURL && (window.URL || window.webkitURL).revokeObjectURL(objURL);
   }
 }
-const encodedJs$1 = "KCgpPT57KGZ1bmN0aW9uKCl7InVzZSBzdHJpY3QiO3ZhciBsOyhmdW5jdGlvbih0KXt0LlRFWFQ9InRleHQiLHQuSU1BR0U9ImltYWdlIix0LlRBQkxFPSJ0YWJsZSIsdC5IWVBFUkxJTks9Imh5cGVybGluayIsdC5TVVBFUlNDUklQVD0ic3VwZXJzY3JpcHQiLHQuU1VCU0NSSVBUPSJzdWJzY3JpcHQiLHQuU0VQQVJBVE9SPSJzZXBhcmF0b3IiLHQuUEFHRV9CUkVBSz0icGFnZUJyZWFrIix0LkNPTlRST0w9ImNvbnRyb2wiLHQuQ0hFQ0tCT1g9ImNoZWNrYm94Iix0LlJBRElPPSJyYWRpbyIsdC5MQVRFWD0ibGF0ZXgiLHQuVEFCPSJ0YWIiLHQuREFURT0iZGF0ZSIsdC5CTE9DSz0iYmxvY2siLHQuVElUTEU9InRpdGxlIix0LkxJU1Q9Imxpc3QifSkobHx8KGw9e30pKTt2YXIgYTsoZnVuY3Rpb24odCl7dC5GSVJTVD0iZmlyc3QiLHQuU0VDT05EPSJzZWNvbmQiLHQuVEhJUkQ9InRoaXJkIix0LkZPVVJUSD0iZm91cnRoIix0LkZJRlRIPSJmaWZ0aCIsdC5TSVhUSD0ic2l4dGgifSkoYXx8KGE9e30pKTtjb25zdCBnPXtbYS5GSVJTVF06MSxbYS5TRUNPTkRdOjIsW2EuVEhJUkRdOjMsW2EuRk9VUlRIXTo0LFthLkZJRlRIXTo1LFthLlNJWFRIXTo2fSxMPVtsLlRFWFQsbC5IWVBFUkxJTkssbC5TVUJTQ1JJUFQsbC5TVVBFUlNDUklQVCxsLkNPTlRST0wsbC5EQVRFXSxUPSJcdTIwMEIiO2Z1bmN0aW9uIGQodCl7cmV0dXJuIXQudHlwZXx8TC5pbmNsdWRlcyh0LnR5cGUpfWZ1bmN0aW9uIGYodCl7Y29uc3R7ZWxlbWVudExpc3Q6bixwb3NpdGlvbkxpc3Q6dn09dCxJPVtdO2xldCBpPTA7Zm9yKDtpPG4ubGVuZ3RoOyl7Y29uc3Qgcz1uW2ldO2lmKHMudGl0bGVJZCl7Y29uc3QgZT1zLnRpdGxlSWQsbz1zLmxldmVsLGM9e3R5cGU6bC5USVRMRSx2YWx1ZToiIixsZXZlbDpvLHRpdGxlSWQ6ZSxwYWdlTm86dltpXS5wYWdlTm99LHI9W107Zm9yKDtpPG4ubGVuZ3RoOyl7Y29uc3QgdT1uW2ldO2lmKGUhPT11LnRpdGxlSWQpe2ktLTticmVha31yLnB1c2godSksaSsrfWMudmFsdWU9ci5maWx0ZXIodT0+ZCh1KSkubWFwKHU9PnUudmFsdWUpLmpvaW4oIiIpLnJlcGxhY2UobmV3IFJlZ0V4cChULCJnIiksIiIpLEkucHVzaChjKX1pKyt9aWYoIUkubGVuZ3RoKXJldHVybiBudWxsO2NvbnN0IGg9KHMsZSk9Pntjb25zdCBvPWUuc3ViQ2F0YWxvZ1tlLnN1YkNhdGFsb2cubGVuZ3RoLTFdLGM9Z1tvPT1udWxsP3ZvaWQgMDpvLmxldmVsXSxyPWdbcy5sZXZlbF07byYmcj5jP2gocyxvKTplLnN1YkNhdGFsb2cucHVzaCh7aWQ6cy50aXRsZUlkLG5hbWU6cy52YWx1ZSxsZXZlbDpzLmxldmVsLHBhZ2VObzpzLnBhZ2VObyxzdWJDYXRhbG9nOltdfSl9LFI9W107Zm9yKGxldCBzPTA7czxJLmxlbmd0aDtzKyspe2NvbnN0IGU9SVtzXSxvPVJbUi5sZW5ndGgtMV0sYz1nW289PW51bGw/dm9pZCAwOm8ubGV2ZWxdLHI9Z1tlLmxldmVsXTtvJiZyPmM/aChlLG8pOlIucHVzaCh7aWQ6ZS50aXRsZUlkLG5hbWU6ZS52YWx1ZSxsZXZlbDplLmxldmVsLHBhZ2VObzplLnBhZ2VObyxzdWJDYXRhbG9nOltdfSl9cmV0dXJuIFJ9b25tZXNzYWdlPXQ9Pntjb25zdCBuPXQuZGF0YSx2PWYobik7cG9zdE1lc3NhZ2Uodil9fSkoKTt9KSgpOwo=";
+const encodedJs$1 = "KCgpPT57KGZ1bmN0aW9uKCl7InVzZSBzdHJpY3QiO3ZhciBhOyhmdW5jdGlvbih0KXt0LlRFWFQ9InRleHQiLHQuSU1BR0U9ImltYWdlIix0LlRBQkxFPSJ0YWJsZSIsdC5IWVBFUkxJTks9Imh5cGVybGluayIsdC5TVVBFUlNDUklQVD0ic3VwZXJzY3JpcHQiLHQuU1VCU0NSSVBUPSJzdWJzY3JpcHQiLHQuU0VQQVJBVE9SPSJzZXBhcmF0b3IiLHQuUEFHRV9CUkVBSz0icGFnZUJyZWFrIix0LkNPTlRST0w9ImNvbnRyb2wiLHQuQ0hFQ0tCT1g9ImNoZWNrYm94Iix0LlJBRElPPSJyYWRpbyIsdC5MQVRFWD0ibGF0ZXgiLHQuVEFCPSJ0YWIiLHQuREFURT0iZGF0ZSIsdC5CTE9DSz0iYmxvY2siLHQuVElUTEU9InRpdGxlIix0LkFSRUE9ImFyZWEiLHQuTElTVD0ibGlzdCJ9KShhfHwoYT17fSkpO3ZhciBsOyhmdW5jdGlvbih0KXt0LkZJUlNUPSJmaXJzdCIsdC5TRUNPTkQ9InNlY29uZCIsdC5USElSRD0idGhpcmQiLHQuRk9VUlRIPSJmb3VydGgiLHQuRklGVEg9ImZpZnRoIix0LlNJWFRIPSJzaXh0aCJ9KShsfHwobD17fSkpO2NvbnN0IGc9e1tsLkZJUlNUXToxLFtsLlNFQ09ORF06MixbbC5USElSRF06MyxbbC5GT1VSVEhdOjQsW2wuRklGVEhdOjUsW2wuU0lYVEhdOjZ9LEw9W2EuVEVYVCxhLkhZUEVSTElOSyxhLlNVQlNDUklQVCxhLlNVUEVSU0NSSVBULGEuQ09OVFJPTCxhLkRBVEVdLGQ9Ilx1MjAwQiI7ZnVuY3Rpb24gZih0KXtyZXR1cm4hdC50eXBlfHxMLmluY2x1ZGVzKHQudHlwZSl9ZnVuY3Rpb24gQyh0KXtjb25zdHtlbGVtZW50TGlzdDpuLHBvc2l0aW9uTGlzdDp2fT10LEk9W107bGV0IGk9MDtmb3IoO2k8bi5sZW5ndGg7KXtjb25zdCBzPW5baV07aWYocy50aXRsZUlkKXtjb25zdCBvPXMudGl0bGVJZCxlPXMubGV2ZWwsYz17dHlwZTphLlRJVExFLHZhbHVlOiIiLGxldmVsOmUsdGl0bGVJZDpvLHBhZ2VObzp2W2ldLnBhZ2VOb30scj1bXTtmb3IoO2k8bi5sZW5ndGg7KXtjb25zdCB1PW5baV07aWYobyE9PXUudGl0bGVJZCl7aS0tO2JyZWFrfXIucHVzaCh1KSxpKyt9Yy52YWx1ZT1yLmZpbHRlcih1PT5mKHUpKS5tYXAodT0+dS52YWx1ZSkuam9pbigiIikucmVwbGFjZShuZXcgUmVnRXhwKGQsImciKSwiIiksSS5wdXNoKGMpfWkrK31pZighSS5sZW5ndGgpcmV0dXJuIG51bGw7Y29uc3QgaD0ocyxvKT0+e2NvbnN0IGU9by5zdWJDYXRhbG9nW28uc3ViQ2F0YWxvZy5sZW5ndGgtMV0sYz1nW2U9PW51bGw/dm9pZCAwOmUubGV2ZWxdLHI9Z1tzLmxldmVsXTtlJiZyPmM/aChzLGUpOm8uc3ViQ2F0YWxvZy5wdXNoKHtpZDpzLnRpdGxlSWQsbmFtZTpzLnZhbHVlLGxldmVsOnMubGV2ZWwscGFnZU5vOnMucGFnZU5vLHN1YkNhdGFsb2c6W119KX0sUj1bXTtmb3IobGV0IHM9MDtzPEkubGVuZ3RoO3MrKyl7Y29uc3Qgbz1JW3NdLGU9UltSLmxlbmd0aC0xXSxjPWdbZT09bnVsbD92b2lkIDA6ZS5sZXZlbF0scj1nW28ubGV2ZWxdO2UmJnI+Yz9oKG8sZSk6Ui5wdXNoKHtpZDpvLnRpdGxlSWQsbmFtZTpvLnZhbHVlLGxldmVsOm8ubGV2ZWwscGFnZU5vOm8ucGFnZU5vLHN1YkNhdGFsb2c6W119KX1yZXR1cm4gUn1vbm1lc3NhZ2U9dD0+e2NvbnN0IG49dC5kYXRhLHY9QyhuKTtwb3N0TWVzc2FnZSh2KX19KSgpO30pKCk7Cg==";
 const blob$1 = typeof window !== "undefined" && window.Blob && new Blob([atob(encodedJs$1)], { type: "text/javascript;charset=utf-8" });
 function WorkerWrapper$1() {
   const objURL = blob$1 && (window.URL || window.webkitURL).createObjectURL(blob$1);
@@ -15967,6 +16315,23 @@ class TableOperate {
       curIndex: endIndex
     });
   }
+  tableBorderColor(payload) {
+    const positionContext = this.position.getPositionContext();
+    if (!positionContext.isTable)
+      return;
+    const { index: index2 } = positionContext;
+    const originalElementList = this.draw.getOriginalElementList();
+    const element = originalElementList[index2];
+    if (!element.borderColor && payload === this.options.table.defaultBorderColor || element.borderColor === payload) {
+      return;
+    }
+    element.borderColor = payload;
+    const { endIndex } = this.range.getRange();
+    this.draw.render({
+      curIndex: endIndex,
+      isCompute: false
+    });
+  }
   tableTdBorderType(payload) {
     const rowCol = this.tableParticle.getRangeRowCol();
     if (!rowCol)
@@ -16073,6 +16438,178 @@ class TableOperate {
     });
   }
 }
+var AreaMode;
+(function(AreaMode2) {
+  AreaMode2["EDIT"] = "edit";
+  AreaMode2["READONLY"] = "readonly";
+  AreaMode2["FORM"] = "form";
+})(AreaMode || (AreaMode = {}));
+class Area {
+  constructor(draw) {
+    __publicField(this, "draw");
+    __publicField(this, "zone");
+    __publicField(this, "range");
+    __publicField(this, "position");
+    __publicField(this, "areaInfoMap", new Map());
+    this.draw = draw;
+    this.zone = draw.getZone();
+    this.range = draw.getRange();
+    this.position = draw.getPosition();
+  }
+  getActiveAreaId() {
+    if (!this.areaInfoMap.size)
+      return null;
+    const { startIndex } = this.range.getRange();
+    const elementList = this.draw.getElementList();
+    const element = elementList[startIndex];
+    return (element == null ? void 0 : element.areaId) || null;
+  }
+  getActiveAreaInfo() {
+    const activeAreaId = this.getActiveAreaId();
+    if (!activeAreaId)
+      return null;
+    return this.areaInfoMap.get(activeAreaId) || null;
+  }
+  isReadonly() {
+    const activeAreaInfo = this.getActiveAreaInfo();
+    if (!(activeAreaInfo == null ? void 0 : activeAreaInfo.area))
+      return false;
+    switch (activeAreaInfo.area.mode) {
+      case AreaMode.EDIT:
+        return false;
+      case AreaMode.READONLY:
+        return true;
+      case AreaMode.FORM:
+        return !this.draw.getControl().getIsRangeWithinControl();
+      default:
+        return false;
+    }
+  }
+  insertArea(payload) {
+    if (this.zone.getZone() !== EditorZone.MAIN) {
+      this.zone.setZone(EditorZone.MAIN);
+    }
+    this.draw.getPosition().setPositionContext({
+      isTable: false
+    });
+    const { id, value, area, position } = payload;
+    if (position === LocationPosition.BEFORE) {
+      this.range.setRange(0, 0);
+    } else {
+      const elementList = this.draw.getOriginalMainElementList();
+      const lastIndex = elementList.length - 1;
+      this.range.setRange(lastIndex, lastIndex);
+    }
+    const areaId = id || getUUID();
+    this.draw.insertElementList([
+      {
+        type: ElementType.AREA,
+        value: "",
+        areaId,
+        valueList: value,
+        area: deepClone(area)
+      }
+    ]);
+    return areaId;
+  }
+  render(ctx, pageNo) {
+    if (!this.areaInfoMap.size)
+      return;
+    ctx.save();
+    const margins = this.draw.getMargins();
+    const width = this.draw.getInnerWidth();
+    for (const areaInfoItem of this.areaInfoMap) {
+      const { area, positionList } = areaInfoItem[1];
+      if (!(area == null ? void 0 : area.backgroundColor) && !(area == null ? void 0 : area.borderColor))
+        continue;
+      const pagePositionList = positionList.filter((p) => p.pageNo === pageNo);
+      if (!pagePositionList.length)
+        continue;
+      ctx.translate(0.5, 0.5);
+      const firstPosition = pagePositionList[0];
+      const lastPosition = pagePositionList[pagePositionList.length - 1];
+      const x = margins[3];
+      const y = Math.ceil(firstPosition.coordinate.leftTop[1]);
+      const height = Math.ceil(lastPosition.coordinate.rightBottom[1] - y);
+      if (area.backgroundColor) {
+        ctx.fillStyle = area.backgroundColor;
+        ctx.fillRect(x, y, width, height);
+      }
+      if (area.borderColor) {
+        ctx.strokeStyle = area.borderColor;
+        ctx.strokeRect(x, y, width, height);
+      }
+    }
+    ctx.restore();
+  }
+  compute() {
+    this.areaInfoMap.clear();
+    const elementList = this.draw.getOriginalMainElementList();
+    const positionList = this.position.getOriginalMainPositionList();
+    for (let e = 0; e < elementList.length; e++) {
+      const element = elementList[e];
+      const areaId = element.areaId;
+      if (areaId) {
+        const areaInfo = this.areaInfoMap.get(areaId);
+        if (!areaInfo) {
+          this.areaInfoMap.set(areaId, {
+            id: areaId,
+            area: element.area,
+            elementList: [element],
+            positionList: [positionList[e]]
+          });
+        } else {
+          areaInfo.elementList.push(element);
+          areaInfo.positionList.push(positionList[e]);
+        }
+      }
+    }
+  }
+  getAreaValue(options = {}) {
+    const areaId = options.id || this.getActiveAreaId();
+    if (!areaId)
+      return null;
+    const areaInfo = this.areaInfoMap.get(areaId);
+    if (!areaInfo)
+      return null;
+    return {
+      area: areaInfo.area,
+      id: areaInfo.id,
+      startPageNo: areaInfo.positionList[0].pageNo,
+      endPageNo: areaInfo.positionList[areaInfo.positionList.length - 1].pageNo,
+      value: zipElementList(areaInfo.elementList)
+    };
+  }
+  setAreaProperties(payload) {
+    const areaId = payload.id || this.getActiveAreaId();
+    if (!areaId)
+      return;
+    const areaInfo = this.areaInfoMap.get(areaId);
+    if (!areaInfo)
+      return;
+    if (!areaInfo.area) {
+      areaInfo.area = {};
+    }
+    let isCompute = false;
+    if (payload.properties.mode) {
+      areaInfo.area.mode = payload.properties.mode;
+    }
+    if (payload.properties.borderColor) {
+      areaInfo.area.borderColor = payload.properties.borderColor;
+    }
+    if (payload.properties.backgroundColor) {
+      areaInfo.area.backgroundColor = payload.properties.backgroundColor;
+    }
+    if (!isNonValue(payload.properties.top)) {
+      isCompute = true;
+      areaInfo.area.top = payload.properties.top;
+    }
+    this.draw.render({
+      isCompute,
+      isSetCursor: false
+    });
+  }
+}
 class Draw {
   constructor(rootContainer, options, data2, listener, eventBus, override) {
     __publicField(this, "container");
@@ -16098,6 +16635,7 @@ class Draw {
     __publicField(this, "background");
     __publicField(this, "search");
     __publicField(this, "group");
+    __publicField(this, "area");
     __publicField(this, "underline");
     __publicField(this, "strikeout");
     __publicField(this, "highlight");
@@ -16165,6 +16703,7 @@ class Draw {
     this.background = new Background(this);
     this.search = new Search(this);
     this.group = new Group(this);
+    this.area = new Area(this);
     this.underline = new Underline(this);
     this.strikeout = new Strikeout(this);
     this.highlight = new Highlight(this);
@@ -16258,6 +16797,9 @@ class Draw {
     });
   }
   isReadonly() {
+    if (this.area.getActiveAreaId()) {
+      return this.area.isReadonly();
+    }
     switch (this.mode) {
       case EditorMode.DESIGN:
         return false;
@@ -16451,6 +16993,9 @@ class Draw {
   getGroup() {
     return this.group;
   }
+  getArea() {
+    return this.area;
+  }
   getHistoryManager() {
     return this.historyManager;
   }
@@ -16877,7 +17422,8 @@ class Draw {
         extraPickAttrs
       }),
       main: zipElementList(mainElementList, {
-        extraPickAttrs
+        extraPickAttrs,
+        isClassifyArea: true
       }),
       footer: zipElementList(this.getFooterElementList(), {
         extraPickAttrs
@@ -16989,9 +17535,9 @@ class Draw {
     return defaultBasicRowMarginHeight * ((_a = el.rowMargin) != null ? _a : defaultRowMargin) * scale;
   }
   computeRowList(payload) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
     const { innerWidth, elementList, isPagingMode = false, isFromTable = false, startX = 0, startY = 0, pageHeight = 0, mainOuterHeight = 0, surroundElementList = [] } = payload;
-    const { defaultSize, defaultRowMargin, scale, table: { tdPadding }, defaultTabWidth } = this.options;
+    const { defaultSize, defaultRowMargin, scale, table: { tdPadding, defaultTrMinHeight }, defaultTabWidth } = this.options;
     const defaultBasicRowMarginHeight = this.getDefaultBasicRowMarginHeight();
     const canvas = document.createElement("canvas");
     const ctx = canvas.getContext("2d");
@@ -17026,7 +17572,9 @@ class Draw {
       };
       const offsetX = curRow.offsetX || element.listId && listStyleMap.get(element.listId) || 0;
       const availableWidth = innerWidth - offsetX;
-      x += curRow.elementList.length === 1 ? offsetX : 0;
+      const isStartElement = curRow.elementList.length === 1;
+      x += isStartElement ? offsetX : 0;
+      y += isStartElement ? curRow.offsetY || 0 : 0;
       if (element.type === ElementType.IMAGE || element.type === ElementType.LATEX) {
         if (element.imgDisplay === ImageDisplay.SURROUND || element.imgDisplay === ImageDisplay.FLOAT_TOP || element.imgDisplay === ImageDisplay.FLOAT_BOTTOM) {
           metrics.width = 0;
@@ -17072,8 +17620,12 @@ class Draw {
           }
         }
         element.pagingIndex = (_d = element.pagingIndex) != null ? _d : 0;
-        this.tableParticle.computeRowColInfo(element);
         const trList = element.trList;
+        for (let t = 0; t < trList.length; t++) {
+          const tr = trList[t];
+          tr.height = tr.minHeight || defaultTrMinHeight;
+        }
+        this.tableParticle.computeRowColInfo(element);
         for (let t = 0; t < trList.length; t++) {
           const tr = trList[t];
           for (let d = 0; d < tr.tdList.length; d++) {
@@ -17093,6 +17645,11 @@ class Draw {
               changeTr.height += extraHeight;
               changeTr.tdList.forEach((changeTd) => {
                 changeTd.height += extraHeight;
+                if (!changeTd.realHeight) {
+                  changeTd.realHeight = changeTd.height;
+                } else {
+                  changeTd.realHeight += extraHeight;
+                }
               });
             }
             let curTdMinHeight = 0;
@@ -17128,6 +17685,7 @@ class Draw {
             changeTr.height -= reduceHeight;
             changeTr.tdList.forEach((changeTd) => {
               changeTd.height -= reduceHeight;
+              changeTd.realHeight -= reduceHeight;
             });
           }
         }
@@ -17151,10 +17709,11 @@ class Draw {
           let curPagePreHeight = marginHeight;
           for (let r = 0; r < rowList.length; r++) {
             const row = rowList[r];
-            if (row.height + curPagePreHeight > height2 || ((_f = rowList[r - 1]) == null ? void 0 : _f.isPageBreak)) {
-              curPagePreHeight = marginHeight + row.height;
+            const rowOffsetY = row.offsetY || 0;
+            if (row.height + curPagePreHeight + rowOffsetY > height2 || ((_f = rowList[r - 1]) == null ? void 0 : _f.isPageBreak)) {
+              curPagePreHeight = marginHeight + row.height + rowOffsetY;
             } else {
-              curPagePreHeight += row.height;
+              curPagePreHeight += row.height + rowOffsetY;
             }
           }
           const rowMarginHeight = rowMargin * 2 * scale;
@@ -17354,7 +17913,7 @@ class Draw {
       x = surroundPosition.x;
       curRowWidth += surroundPosition.rowIncreaseWidth;
       x += metrics.width;
-      const isForceBreak = element.type === ElementType.SEPARATOR || element.type === ElementType.TABLE || (preElement == null ? void 0 : preElement.type) === ElementType.TABLE || (preElement == null ? void 0 : preElement.type) === ElementType.BLOCK || element.type === ElementType.BLOCK || (preElement == null ? void 0 : preElement.imgDisplay) === ImageDisplay.INLINE || element.imgDisplay === ImageDisplay.INLINE || (preElement == null ? void 0 : preElement.listId) !== element.listId || i !== 0 && element.value === ZERO;
+      const isForceBreak = element.type === ElementType.SEPARATOR || element.type === ElementType.TABLE || (preElement == null ? void 0 : preElement.type) === ElementType.TABLE || (preElement == null ? void 0 : preElement.type) === ElementType.BLOCK || element.type === ElementType.BLOCK || (preElement == null ? void 0 : preElement.imgDisplay) === ImageDisplay.INLINE || element.imgDisplay === ImageDisplay.INLINE || (preElement == null ? void 0 : preElement.listId) !== element.listId || (preElement == null ? void 0 : preElement.areaId) !== element.areaId || i !== 0 && element.value === ZERO;
       const isWidthNotEnough = curRowWidth > availableWidth;
       const isWrap = isForceBreak || isWidthNotEnough;
       if (isWrap) {
@@ -17386,10 +17945,11 @@ class Draw {
           row.offsetX = listStyleMap.get(element.listId);
           row.listIndex = listIndex;
         }
+        row.offsetY = !isFromTable && ((_l = element.area) == null ? void 0 : _l.top) && element.areaId !== ((_m = elementList[i - 1]) == null ? void 0 : _m.areaId) ? element.area.top * scale : 0;
         rowList.push(row);
       } else {
         curRow.width += metrics.width;
-        if (i === 0 && getIsBlockElement(elementList[1])) {
+        if (i === 0 && (getIsBlockElement(elementList[1]) || !!((_n = elementList[1]) == null ? void 0 : _n.areaId))) {
           curRow.height = defaultBasicRowMarginHeight;
           curRow.ascent = defaultBasicRowMarginHeight;
         } else if (curRow.height < height) {
@@ -17400,8 +17960,8 @@ class Draw {
       }
       if (isWrap || i === elementList.length - 1) {
         curRow.isWidthNotEnough = isWidthNotEnough && !isForceBreak;
-        if (!curRow.isSurround && ((preElement == null ? void 0 : preElement.rowFlex) === RowFlex.JUSTIFY || (preElement == null ? void 0 : preElement.rowFlex) === RowFlex.ALIGNMENT && isWidthNotEnough)) {
-          const rowElementList = ((_l = curRow.elementList[0]) == null ? void 0 : _l.value) === ZERO ? curRow.elementList.slice(1) : curRow.elementList;
+        if (!curRow.isSurround && ((preElement == null ? void 0 : preElement.rowFlex) === RowFlex.JUSTIFY || (preElement == null ? void 0 : preElement.rowFlex) === RowFlex.ALIGNMENT && curRow.isWidthNotEnough)) {
+          const rowElementList = ((_o = curRow.elementList[0]) == null ? void 0 : _o.value) === ZERO ? curRow.elementList.slice(1) : curRow.elementList;
           const gap = (availableWidth - curRow.width) / (rowElementList.length - 1);
           for (let e = 0; e < rowElementList.length - 1; e++) {
             const el = rowElementList[e];
@@ -17449,7 +18009,7 @@ class Draw {
     let pageNo = 0;
     if (pageMode === PageMode.CONTINUITY) {
       pageRowList[0] = this.rowList;
-      pageHeight += this.rowList.reduce((pre, cur) => pre + cur.height, 0);
+      pageHeight += this.rowList.reduce((pre, cur) => pre + cur.height + (cur.offsetY || 0), 0);
       const dpr = this.getPagePixelRatio();
       const pageDom = this.pageList[0];
       const pageDomHeight = Number(pageDom.style.height.replace("px", ""));
@@ -17465,16 +18025,17 @@ class Draw {
     } else {
       for (let i = 0; i < this.rowList.length; i++) {
         const row = this.rowList[i];
-        if (row.height + pageHeight > height || ((_a = this.rowList[i - 1]) == null ? void 0 : _a.isPageBreak)) {
+        const rowOffsetY = row.offsetY || 0;
+        if (row.height + rowOffsetY + pageHeight > height || ((_a = this.rowList[i - 1]) == null ? void 0 : _a.isPageBreak)) {
           if (Number.isInteger(maxPageNo) && pageNo >= maxPageNo) {
             this.elementList = this.elementList.slice(0, row.startIndex);
             break;
           }
-          pageHeight = marginHeight + row.height;
+          pageHeight = marginHeight + row.height + rowOffsetY;
           pageRowList.push([row]);
           pageNo++;
         } else {
-          pageHeight += row.height;
+          pageHeight += row.height + rowOffsetY;
           pageRowList[pageNo].push(row);
         }
       }
@@ -17739,19 +18300,25 @@ class Draw {
     var _a, _b;
     const { elementList, positionList, rowList, pageNo } = payload;
     const { inactiveAlpha, pageMode, header, footer, pageNumber, lineNumber, pageBorder } = this.options;
+    const isPrintMode = this.mode === EditorMode.PRINT;
     const innerWidth = this.getInnerWidth();
     const ctx = this.ctxList[pageNo];
     ctx.globalAlpha = !this.zone.isMainActive() ? inactiveAlpha : 1;
     this._clearPage(pageNo);
     this.background.render(ctx, pageNo);
-    if (this.mode !== EditorMode.PRINT) {
+    if (!isPrintMode) {
+      this.area.render(ctx, pageNo);
+    }
+    if (!isPrintMode) {
       this.margin.render(ctx, pageNo);
     }
     this._drawFloat(ctx, {
       pageNo,
       imgDisplays: [ImageDisplay.FLOAT_BOTTOM]
     });
-    this.control.renderHighlightList(ctx, pageNo);
+    if (!isPrintMode) {
+      this.control.renderHighlightList(ctx, pageNo);
+    }
     const index2 = (_a = rowList[0]) == null ? void 0 : _a.startIndex;
     this.drawRow(ctx, {
       elementList,
@@ -17777,7 +18344,7 @@ class Draw {
       pageNo,
       imgDisplays: [ImageDisplay.FLOAT_TOP, ImageDisplay.SURROUND]
     });
-    if (this.search.getSearchKeyword()) {
+    if (!isPrintMode && this.search.getSearchKeyword()) {
       this.search.render(ctx, pageNo);
     }
     if (pageMode !== PageMode.CONTINUITY && this.options.watermark.data) {
@@ -17866,11 +18433,14 @@ class Draw {
       });
       this.pageRowList = this._computePageList();
       this.position.computePositionList();
-      const searchKeyword = this.search.getSearchKeyword();
-      if (searchKeyword) {
-        this.search.compute(searchKeyword);
+      this.area.compute();
+      if (this.mode !== EditorMode.PRINT) {
+        const searchKeyword = this.search.getSearchKeyword();
+        if (searchKeyword) {
+          this.search.compute(searchKeyword);
+        }
+        this.control.computeHighlightList();
       }
-      this.control.computeHighlightList();
     }
     this.imageObserver.clearAll();
     this.cursor.recoveryCursor();
@@ -18041,6 +18611,7 @@ class Command {
     __publicField(this, "executeCancelMergeTableCell");
     __publicField(this, "executeTableTdVerticalAlign");
     __publicField(this, "executeTableBorderType");
+    __publicField(this, "executeTableBorderColor");
     __publicField(this, "executeTableTdBorderType");
     __publicField(this, "executeTableTdSlashType");
     __publicField(this, "executeTableTdBackgroundColor");
@@ -18063,6 +18634,7 @@ class Command {
     __publicField(this, "executeSaveAsImageElement");
     __publicField(this, "executeChangeImageDisplay");
     __publicField(this, "executePageMode");
+    __publicField(this, "executePageScale");
     __publicField(this, "executePageScaleRecovery");
     __publicField(this, "executePageScaleMinus");
     __publicField(this, "executePageScaleAdd");
@@ -18070,6 +18642,8 @@ class Command {
     __publicField(this, "executePaperDirection");
     __publicField(this, "executeSetPaperMargin");
     __publicField(this, "executeInsertElementList");
+    __publicField(this, "executeInsertArea");
+    __publicField(this, "executeSetAreaProperties");
     __publicField(this, "executeAppendElementList");
     __publicField(this, "executeUpdateElementById");
     __publicField(this, "executeSetValue");
@@ -18095,6 +18669,7 @@ class Command {
     __publicField(this, "getImage");
     __publicField(this, "getOptions");
     __publicField(this, "getValue");
+    __publicField(this, "getAreaValue");
     __publicField(this, "getHTML");
     __publicField(this, "getText");
     __publicField(this, "getWordCount");
@@ -18160,6 +18735,7 @@ class Command {
     this.executeCancelMergeTableCell = adapt.cancelMergeTableCell.bind(adapt);
     this.executeTableTdVerticalAlign = adapt.tableTdVerticalAlign.bind(adapt);
     this.executeTableBorderType = adapt.tableBorderType.bind(adapt);
+    this.executeTableBorderColor = adapt.tableBorderColor.bind(adapt);
     this.executeTableTdBorderType = adapt.tableTdBorderType.bind(adapt);
     this.executeTableTdSlashType = adapt.tableTdSlashType.bind(adapt);
     this.executeTableTdBackgroundColor = adapt.tableTdBackgroundColor.bind(adapt);
@@ -18182,12 +18758,16 @@ class Command {
     this.executeSaveAsImageElement = adapt.saveAsImageElement.bind(adapt);
     this.executeChangeImageDisplay = adapt.changeImageDisplay.bind(adapt);
     this.executePageMode = adapt.pageMode.bind(adapt);
+    this.executePageScale = adapt.pageScale.bind(adapt);
     this.executePageScaleRecovery = adapt.pageScaleRecovery.bind(adapt);
     this.executePageScaleMinus = adapt.pageScaleMinus.bind(adapt);
     this.executePageScaleAdd = adapt.pageScaleAdd.bind(adapt);
     this.executePaperSize = adapt.paperSize.bind(adapt);
     this.executePaperDirection = adapt.paperDirection.bind(adapt);
     this.executeSetPaperMargin = adapt.setPaperMargin.bind(adapt);
+    this.getAreaValue = adapt.getAreaValue.bind(adapt);
+    this.executeInsertArea = adapt.insertArea.bind(adapt);
+    this.executeSetAreaProperties = adapt.setAreaProperties.bind(adapt);
     this.executeInsertElementList = adapt.insertElementList.bind(adapt);
     this.executeAppendElementList = adapt.appendElementList.bind(adapt);
     this.executeUpdateElementById = adapt.updateElementById.bind(adapt);
@@ -18346,8 +18926,8 @@ class CommandAdapt {
       return;
     this.canvasEvent.cut();
   }
-  copy() {
-    this.canvasEvent.copy();
+  copy(payload) {
+    this.canvasEvent.copy(payload);
   }
   paste(payload) {
     const isDisabled = this.draw.isReadonly() || this.draw.isDisabled();
@@ -18506,13 +19086,23 @@ class CommandAdapt {
       });
       this.draw.render({ isSetCursor: false });
     } else {
+      let isSubmitHistory = true;
       const { endIndex } = this.range.getRange();
       const elementList = this.draw.getElementList();
       const enterElement = elementList[endIndex];
       if ((enterElement == null ? void 0 : enterElement.value) === ZERO) {
         enterElement.font = payload;
-        this.draw.render({ curIndex: endIndex, isCompute: false });
+      } else {
+        this.range.setDefaultStyle({
+          font: payload
+        });
+        isSubmitHistory = false;
       }
+      this.draw.render({
+        isSubmitHistory,
+        curIndex: endIndex,
+        isCompute: false
+      });
     }
   }
   size(payload) {
@@ -18535,6 +19125,15 @@ class CommandAdapt {
       if ((enterElement == null ? void 0 : enterElement.value) === ZERO) {
         changeElementList.push(enterElement);
         renderOption = { curIndex: endIndex };
+      } else {
+        this.range.setDefaultStyle({
+          size: payload
+        });
+        this.draw.render({
+          curIndex: endIndex,
+          isCompute: false,
+          isSubmitHistory: false
+        });
       }
     }
     if (!changeElementList.length)
@@ -18555,6 +19154,7 @@ class CommandAdapt {
     const isDisabled = this.draw.isReadonly() || this.draw.isDisabled();
     if (isDisabled)
       return;
+    const { defaultSize, maxSize } = this.options;
     const selection = this.range.getTextLikeSelectionElementList();
     let renderOption = {};
     let changeElementList = [];
@@ -18568,11 +19168,21 @@ class CommandAdapt {
       if ((enterElement == null ? void 0 : enterElement.value) === ZERO) {
         changeElementList.push(enterElement);
         renderOption = { curIndex: endIndex };
+      } else {
+        const style = this.range.getDefaultStyle();
+        const anchorSize = (style == null ? void 0 : style.size) || enterElement.size || defaultSize;
+        this.range.setDefaultStyle({
+          size: anchorSize + 2 > maxSize ? maxSize : anchorSize + 2
+        });
+        this.draw.render({
+          curIndex: endIndex,
+          isCompute: false,
+          isSubmitHistory: false
+        });
       }
     }
     if (!changeElementList.length)
       return;
-    const { defaultSize, maxSize } = this.options;
     let isExistUpdate = false;
     changeElementList.forEach((el) => {
       if (!el.size) {
@@ -18595,6 +19205,7 @@ class CommandAdapt {
     const isDisabled = this.draw.isReadonly() || this.draw.isDisabled();
     if (isDisabled)
       return;
+    const { defaultSize, minSize } = this.options;
     const selection = this.range.getTextLikeSelectionElementList();
     let renderOption = {};
     let changeElementList = [];
@@ -18608,11 +19219,21 @@ class CommandAdapt {
       if ((enterElement == null ? void 0 : enterElement.value) === ZERO) {
         changeElementList.push(enterElement);
         renderOption = { curIndex: endIndex };
+      } else {
+        const style = this.range.getDefaultStyle();
+        const anchorSize = (style == null ? void 0 : style.size) || enterElement.size || defaultSize;
+        this.range.setDefaultStyle({
+          size: anchorSize - 2 < minSize ? minSize : anchorSize - 2
+        });
+        this.draw.render({
+          curIndex: endIndex,
+          isCompute: false,
+          isSubmitHistory: false
+        });
       }
     }
     if (!changeElementList.length)
       return;
-    const { defaultSize, minSize } = this.options;
     let isExistUpdate = false;
     changeElementList.forEach((el) => {
       if (!el.size) {
@@ -18632,6 +19253,7 @@ class CommandAdapt {
     }
   }
   bold() {
+    var _a;
     const isDisabled = this.draw.isReadonly() || this.draw.isDisabled();
     if (isDisabled)
       return;
@@ -18643,16 +19265,27 @@ class CommandAdapt {
       });
       this.draw.render({ isSetCursor: false });
     } else {
+      let isSubmitHistory = true;
       const { endIndex } = this.range.getRange();
       const elementList = this.draw.getElementList();
       const enterElement = elementList[endIndex];
       if ((enterElement == null ? void 0 : enterElement.value) === ZERO) {
         enterElement.bold = !enterElement.bold;
-        this.draw.render({ curIndex: endIndex, isCompute: false });
+      } else {
+        this.range.setDefaultStyle({
+          bold: enterElement.bold ? false : !((_a = this.range.getDefaultStyle()) == null ? void 0 : _a.bold)
+        });
+        isSubmitHistory = false;
       }
+      this.draw.render({
+        isSubmitHistory,
+        curIndex: endIndex,
+        isCompute: false
+      });
     }
   }
   italic() {
+    var _a;
     const isDisabled = this.draw.isReadonly() || this.draw.isDisabled();
     if (isDisabled)
       return;
@@ -18664,16 +19297,27 @@ class CommandAdapt {
       });
       this.draw.render({ isSetCursor: false });
     } else {
+      let isSubmitHistory = true;
       const { endIndex } = this.range.getRange();
       const elementList = this.draw.getElementList();
       const enterElement = elementList[endIndex];
       if ((enterElement == null ? void 0 : enterElement.value) === ZERO) {
         enterElement.italic = !enterElement.italic;
-        this.draw.render({ curIndex: endIndex, isCompute: false });
+      } else {
+        this.range.setDefaultStyle({
+          italic: enterElement.italic ? false : !((_a = this.range.getDefaultStyle()) == null ? void 0 : _a.italic)
+        });
+        isSubmitHistory = false;
       }
+      this.draw.render({
+        isSubmitHistory,
+        curIndex: endIndex,
+        isCompute: false
+      });
     }
   }
   underline(textDecoration) {
+    var _a;
     const isDisabled = this.draw.isReadonly() || this.draw.isDisabled();
     if (isDisabled)
       return;
@@ -18693,16 +19337,27 @@ class CommandAdapt {
         isCompute: false
       });
     } else {
+      let isSubmitHistory = true;
       const { endIndex } = this.range.getRange();
       const elementList = this.draw.getElementList();
       const enterElement = elementList[endIndex];
       if ((enterElement == null ? void 0 : enterElement.value) === ZERO) {
         enterElement.underline = !enterElement.underline;
-        this.draw.render({ curIndex: endIndex, isCompute: false });
+      } else {
+        this.range.setDefaultStyle({
+          underline: (enterElement == null ? void 0 : enterElement.underline) ? false : !((_a = this.range.getDefaultStyle()) == null ? void 0 : _a.underline)
+        });
+        isSubmitHistory = false;
       }
+      this.draw.render({
+        isSubmitHistory,
+        curIndex: endIndex,
+        isCompute: false
+      });
     }
   }
   strikeout() {
+    var _a;
     const isDisabled = this.draw.isReadonly() || this.draw.isDisabled();
     if (isDisabled)
       return;
@@ -18717,13 +19372,23 @@ class CommandAdapt {
         isCompute: false
       });
     } else {
+      let isSubmitHistory = true;
       const { endIndex } = this.range.getRange();
       const elementList = this.draw.getElementList();
       const enterElement = elementList[endIndex];
       if ((enterElement == null ? void 0 : enterElement.value) === ZERO) {
         enterElement.strikeout = !enterElement.strikeout;
-        this.draw.render({ curIndex: endIndex, isCompute: false });
+      } else {
+        this.range.setDefaultStyle({
+          strikeout: enterElement.strikeout ? false : !((_a = this.range.getDefaultStyle()) == null ? void 0 : _a.strikeout)
+        });
+        isSubmitHistory = false;
       }
+      this.draw.render({
+        isSubmitHistory,
+        curIndex: endIndex,
+        isCompute: false
+      });
     }
   }
   superscript() {
@@ -18788,6 +19453,7 @@ class CommandAdapt {
         isCompute: false
       });
     } else {
+      let isSubmitHistory = true;
       const { endIndex } = this.range.getRange();
       const elementList = this.draw.getElementList();
       const enterElement = elementList[endIndex];
@@ -18797,8 +19463,17 @@ class CommandAdapt {
         } else {
           delete enterElement.color;
         }
-        this.draw.render({ curIndex: endIndex, isCompute: false });
+      } else {
+        this.range.setDefaultStyle({
+          color: payload || void 0
+        });
+        isSubmitHistory = false;
       }
+      this.draw.render({
+        isSubmitHistory,
+        curIndex: endIndex,
+        isCompute: false
+      });
     }
   }
   highlight(payload) {
@@ -18819,6 +19494,7 @@ class CommandAdapt {
         isCompute: false
       });
     } else {
+      let isSubmitHistory = true;
       const { endIndex } = this.range.getRange();
       const elementList = this.draw.getElementList();
       const enterElement = elementList[endIndex];
@@ -18828,8 +19504,17 @@ class CommandAdapt {
         } else {
           delete enterElement.highlight;
         }
-        this.draw.render({ curIndex: endIndex, isCompute: false });
+      } else {
+        this.range.setDefaultStyle({
+          highlight: payload || void 0
+        });
+        isSubmitHistory = false;
       }
+      this.draw.render({
+        isSubmitHistory,
+        curIndex: endIndex,
+        isCompute: false
+      });
     }
   }
   title(payload) {
@@ -18984,6 +19669,12 @@ class CommandAdapt {
       return;
     this.tableOperate.tableBorderType(payload);
   }
+  tableBorderColor(payload) {
+    const isReadonly = this.draw.isReadonly();
+    if (isReadonly)
+      return;
+    this.tableOperate.tableBorderColor(payload);
+  }
   tableTdBorderType(payload) {
     const isReadonly = this.draw.isReadonly();
     if (isReadonly)
@@ -19433,6 +20124,9 @@ class CommandAdapt {
   getValue(options) {
     return this.draw.getValue(options);
   }
+  getAreaValue(options) {
+    return this.draw.getArea().getAreaValue(options);
+  }
   getHTML() {
     const options = this.options;
     const headerElementList = this.draw.getHeaderElementList();
@@ -19607,6 +20301,11 @@ class CommandAdapt {
   pageMode(payload) {
     this.draw.setPageMode(payload);
   }
+  pageScale(scale) {
+    if (scale === this.options.scale)
+      return;
+    this.draw.setPageScale(scale);
+  }
   pageScaleRecovery() {
     const { scale } = this.options;
     if (scale !== 1) {
@@ -19882,6 +20581,7 @@ class CommandAdapt {
   locationControl(controlId, options) {
     const isLocationAfter = (options == null ? void 0 : options.position) === LocationPosition.AFTER;
     function location(elementList, zone2) {
+      var _a, _b;
       let i = 0;
       while (i < elementList.length) {
         const element = elementList[i];
@@ -19914,7 +20614,11 @@ class CommandAdapt {
         let curIndex = i - 1;
         if (isLocationAfter) {
           curIndex -= 1;
-          if (element.controlComponent !== ControlComponent.PLACEHOLDER && element.controlComponent !== ControlComponent.POSTFIX) {
+          if (element.controlComponent !== ControlComponent.PLACEHOLDER && element.controlComponent !== ControlComponent.POSTFIX && element.controlComponent !== ControlComponent.POST_TEXT) {
+            continue;
+          }
+        } else {
+          if (element.controlComponent !== ControlComponent.PREFIX && element.controlComponent !== ControlComponent.PRE_TEXT || ((_a = elementList[i]) == null ? void 0 : _a.controlComponent) === ControlComponent.PREFIX || ((_b = elementList[i]) == null ? void 0 : _b.controlComponent) === ControlComponent.PRE_TEXT) {
             continue;
           }
         }
@@ -19973,7 +20677,8 @@ class CommandAdapt {
     const cloneAttr = [
       ...TABLE_CONTEXT_ATTR,
       ...EDITOR_ROW_ATTR,
-      ...LIST_CONTEXT_ATTR
+      ...LIST_CONTEXT_ATTR,
+      ...AREA_CONTEXT_ATTR
     ];
     cloneProperty(cloneAttr, copyElement, cloneElement);
     this.draw.insertElementList([cloneElement]);
@@ -20099,7 +20804,8 @@ class CommandAdapt {
     const cloneAttr = [
       ...TABLE_CONTEXT_ATTR,
       ...EDITOR_ROW_ATTR,
-      ...LIST_CONTEXT_ATTR
+      ...LIST_CONTEXT_ATTR,
+      ...AREA_CONTEXT_ATTR
     ];
     (_a = cloneElement.valueList) == null ? void 0 : _a.forEach((valueItem) => {
       cloneProperty(cloneAttr, copyElement, valueItem);
@@ -20121,6 +20827,12 @@ class CommandAdapt {
       direction: MoveDirection.DOWN
     });
   }
+  insertArea(payload) {
+    return this.draw.getArea().insertArea(payload);
+  }
+  setAreaProperties(payload) {
+    this.draw.getArea().setAreaProperties(payload);
+  }
 }
 class Listener {
   constructor() {
@@ -21284,5 +21996,5 @@ class Editor {
     this.use = plugin.use.bind(plugin);
   }
 }
-export { BackgroundRepeat, BackgroundSize, BlockType, Command, ControlIndentation, ControlType, EDITOR_CLIPBOARD, EDITOR_COMPONENT, Editor, EditorComponent, EditorMode, EditorZone, ElementType, INTERNAL_CONTEXT_MENU_KEY, ImageDisplay, KeyMap, LETTER_CLASS, LineNumberType, ListStyle, ListType, LocationPosition, MaxHeightRatio, NumberType, PageMode, PaperDirection, RenderMode, RowFlex, TableBorder, TdBorder, TdSlash, TextDecorationStyle, TitleLevel, VerticalAlign, WordBreak, createDomFromElementList, Editor as default, getElementListByHTML, getTextFromElementList, splitText };
+export { AreaMode, BackgroundRepeat, BackgroundSize, BlockType, Command, ControlIndentation, ControlState, ControlType, EDITOR_CLIPBOARD, EDITOR_COMPONENT, Editor, EditorComponent, EditorMode, EditorZone, ElementType, INTERNAL_CONTEXT_MENU_KEY, ImageDisplay, KeyMap, LETTER_CLASS, LineNumberType, ListStyle, ListType, LocationPosition, MaxHeightRatio, NumberType, PageMode, PaperDirection, RenderMode, RowFlex, TableBorder, TdBorder, TdSlash, TextDecorationStyle, TitleLevel, VerticalAlign, WordBreak, createDomFromElementList, Editor as default, getElementListByHTML, getTextFromElementList, splitText };
 //# sourceMappingURL=canvas-editor.es.js.map