@agile_jy/word-editor 0.0.1-beta.3 → 0.0.1-beta.31

package/dist/canvas-editor.es.js

@@ -1,6 +1,6 @@
-(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-calculator{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;padding:8px;width:200px}.ce-calculator-display{width:100%;height:40px;line-height:40px;text-align:right;padding:0 10px;margin-bottom:8px;border:1px solid #e4e7ed;border-radius:4px;background-color:#f5f7fa;font-size:16px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis}.ce-calculator-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.ce-calculator-button{width:100%;height:36px;border:1px solid #e4e7ed;border-radius:4px;background-color:#fff;font-size:14px;cursor:pointer;transition:all .2s;box-sizing:border-box}.ce-calculator-button:hover{background-color:#eef2fd;border-color:#c6d1ff}.ce-calculator-button:active{background-color:#e1e8ff}.ce-calculator-button.operator{background-color:#f5f7fa}.ce-calculator-button.operator:hover{background-color:#eef2fd}.ce-calculator-button.equal{background-color:var(--COLOR-HOVER, #5175f4);color:#fff;border-color:var(--COLOR-HOVER, #5175f4)}.ce-calculator-button.equal:hover{background-color:var(--COLOR-HOVER, #6a84ff);border-color:var(--COLOR-HOVER, #6a84ff)}.ce-calculator-button.utility{background-color:#f0f2f5}.ce-calculator-button.utility:hover{background-color:#e6e8eb}.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:calc(100%/7);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:calc(100%/7);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;background-color:#fff;border:1px solid rgb(235 236 240)}.ce-block-item .ce-resizer-selection{width:100%;height:100%}.ce-block-item .ce-resizer-mask{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;background-color:transparent}.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-image-previewer .ce-image-menu .image-navigate{display:flex;align-items:center;justify-content:center}.ce-image-previewer .ce-image-menu i.image-pre{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyLjUgNC4wNjNMNi44NzUgMTBsNS42MjUgNS45MzgiIHN0cm9rZT0iIzNENDc1NyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==)}.ce-image-previewer .ce-image-menu i.image-next{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcuNSA0LjA2M0wxMy4xMjUgMTAgNy41IDE1LjkzOCIgc3Ryb2tlPSIjM0Q0NzU3IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+)}.ce-image-previewer .ce-image-menu .image-count{color:#000;font-size:20px}.ce-image-previewer .ce-image-menu i.disabled{cursor:not-allowed;opacity:.5}.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}.dialog-mask{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.5;background:#000000;z-index:99}.dialog-container{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;z-index:999;margin:0;display:flex;justify-content:center;align-items:center}.dialog{position:absolute;padding:0 30px 30px;background:#ffffff;box-shadow:0 2px 12px #38383833;border:1px solid #e2e6ed;border-radius:2px}.dialog-title{position:relative;border-bottom:1px solid #e2e6ed;margin-bottom:30px;height:60px;display:flex;align-items:center;justify-content:space-between}.dialog-title i{width:16px;height:16px;cursor:pointer;display:inline-block;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC45IDguMTkybDQuMjQyIDQuMjQzLS43MDcuNzA3TDguMTkyIDguOSAzLjk1IDEzLjE0MmwtLjcwNy0uNzA3IDQuMjQyLTQuMjQzTDMuMjQzIDMuOTVsLjcwNy0uNzA3IDQuMjQyIDQuMjQyIDQuMjQzLTQuMjQyLjcwNy43MDdMOC45IDguMTkyeiIgZmlsbD0iIzZBNkE2QSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)}.dialog-option__item{margin-bottom:18px;display:flex;align-items:center;justify-content:space-between}.dialog-option__item span{margin-right:12px;font-size:14px;color:#3d4757;position:relative}.dialog-option__item input,.dialog-option__item textarea,.dialog-option__item select{width:276px;height:30px;border-radius:2px;border:1px solid #d3d3d3;min-height:30px;padding:5px;box-sizing:border-box;outline:none;appearance:none;user-select:none;font-family:inherit}.dialog-option__item input:focus,.dialog-option__item textarea:focus{border-color:#4991f2}.dialog-option__item--require:before{content:"*";color:#f56c6c;margin-right:4px;position:absolute;left:-8px}.dialog-menu{display:flex;align-items:center;justify-content:flex-end}.dialog-menu button{position:relative;display:inline-block;border:1px solid #e2e6ed;border-radius:2px;background:#ffffff;line-height:22px;padding:0 16px;white-space:nowrap;cursor:pointer}.dialog-menu button:hover{background:rgba(25,55,88,.04)}.dialog-menu__cancel{margin-right:16px}.dialog-menu button[type=submit]{color:#fff;background:#4991f2;border-color:#4991f2}.dialog-menu button[type=submit]:hover{background:#5b9cf3;border-color:#5b9cf3}')),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-calculator{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;padding:8px;width:200px}.ce-calculator-display{width:100%;height:40px;line-height:40px;text-align:right;padding:0 10px;margin-bottom:8px;border:1px solid #e4e7ed;border-radius:4px;background-color:#f5f7fa;font-size:16px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis}.ce-calculator-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.ce-calculator-button{width:100%;height:36px;border:1px solid #e4e7ed;border-radius:4px;background-color:#fff;font-size:14px;cursor:pointer;transition:all .2s;box-sizing:border-box}.ce-calculator-button:hover{background-color:#eef2fd;border-color:#c6d1ff}.ce-calculator-button:active{background-color:#e1e8ff}.ce-calculator-button.operator{background-color:#f5f7fa}.ce-calculator-button.operator:hover{background-color:#eef2fd}.ce-calculator-button.equal{background-color:var(--COLOR-HOVER, #5175f4);color:#fff;border-color:var(--COLOR-HOVER, #5175f4)}.ce-calculator-button.equal:hover{background-color:var(--COLOR-HOVER, #6a84ff);border-color:var(--COLOR-HOVER, #6a84ff)}.ce-calculator-button.utility{background-color:#f0f2f5}.ce-calculator-button.utility:hover{background-color:#e6e8eb}.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:calc(100%/7);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:calc(100%/7);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;background-color:#fff;border:1px solid rgb(235 236 240)}.ce-block-item .ce-resizer-selection{width:100%;height:100%}.ce-block-item .ce-resizer-mask{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;background-color:transparent}.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-image-previewer .ce-image-menu .image-navigate{display:flex;align-items:center;justify-content:center}.ce-image-previewer .ce-image-menu i.image-pre{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyLjUgNC4wNjNMNi44NzUgMTBsNS42MjUgNS45MzgiIHN0cm9rZT0iIzNENDc1NyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==)}.ce-image-previewer .ce-image-menu i.image-next{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcuNSA0LjA2M0wxMy4xMjUgMTAgNy41IDE1LjkzOCIgc3Ryb2tlPSIjM0Q0NzU3IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+)}.ce-image-previewer .ce-image-menu .image-count{color:#000;font-size:20px}.ce-image-previewer .ce-image-menu i.disabled{cursor:not-allowed;opacity:.5}.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}.dialog-mask{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.5;background:#000000;z-index:99}.dialog-container{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;z-index:999;margin:0;display:flex;justify-content:center;align-items:center}.dialog{position:absolute;padding:0 30px 30px;background:#ffffff;box-shadow:0 2px 12px #38383833;border:1px solid #e2e6ed;border-radius:2px}.dialog-title{position:relative;border-bottom:1px solid #e2e6ed;margin-bottom:30px;height:60px;display:flex;align-items:center;justify-content:space-between}.dialog-title i{width:16px;height:16px;cursor:pointer;display:inline-block;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC45IDguMTkybDQuMjQyIDQuMjQzLS43MDcuNzA3TDguMTkyIDguOSAzLjk1IDEzLjE0MmwtLjcwNy0uNzA3IDQuMjQyLTQuMjQzTDMuMjQzIDMuOTVsLjcwNy0uNzA3IDQuMjQyIDQuMjQyIDQuMjQzLTQuMjQyLjcwNy43MDdMOC45IDguMTkyeiIgZmlsbD0iIzZBNkE2QSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)}.dialog-option__item{margin-bottom:18px;display:flex;align-items:center;justify-content:space-between}.dialog-option__item span{margin-right:12px;font-size:14px;color:#3d4757;position:relative}.dialog-option__item input,.dialog-option__item select{width:276px;height:28px;border-radius:2px;border:1px solid #d3d3d3;min-height:28px;padding:5px;box-sizing:border-box;outline:none;appearance:none;user-select:none;font-family:inherit}.dialog-option__item textarea{width:276px;height:58px;border-radius:2px;border:1px solid #d3d3d3;min-height:58px;padding:5px;box-sizing:border-box;outline:none;appearance:none;user-select:none;font-family:inherit}.dialog-option__item input:focus,.dialog-option__item textarea:focus{border-color:#4991f2}.dialog-option__item--require:before{content:"*";color:#f56c6c;margin-right:4px;position:absolute;left:-8px}.dialog-menu{display:flex;align-items:center;justify-content:flex-end}.dialog-menu button{position:relative;display:inline-block;border:1px solid #e2e6ed;border-radius:2px;background:#ffffff;line-height:22px;padding:0 16px;white-space:nowrap;cursor:pointer}.dialog-menu button:hover{background:rgba(25,55,88,.04)}.dialog-menu__cancel{margin-right:16px}.dialog-menu button[type=submit]{color:#fff;background:#4991f2;border-color:#4991f2}.dialog-menu button[type=submit]:hover{background:#5b9cf3;border-color:#5b9cf3}.searchable-select{position:relative;width:276px;height:30px;box-sizing:border-box}.searchable-select__input-wrapper{position:relative;display:flex;align-items:center;width:100%;height:100%;border:1px solid #d3d3d3}.searchable-select__input-wrapper .searchable-select__input{border:none}.searchable-select__input-wrapper .searchable-select__arrow{margin-right:0;margin-top:-12px}.searchable-select__input{width:100%;height:30px;border-radius:2px;border:1px solid #d3d3d3;padding:5px 30px 5px 5px;box-sizing:border-box;outline:none;font-family:inherit;font-size:14px;cursor:pointer;background-color:#fff}.searchable-select__input:focus{border-color:#4991f2}.searchable-select__arrow{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:10px;color:#666;cursor:pointer;user-select:none;line-height:1;z-index:1}.searchable-select__dropdown{position:absolute;top:calc(100% + 4px);left:0;width:100%;background:#ffffff;border:1px solid #d3d3d3;border-radius:2px;box-shadow:0 2px 8px #00000026;max-height:200px;overflow-y:auto;z-index:1000}.searchable-select__option{padding:8px 12px;cursor:pointer;font-size:14px;color:#3d4757;transition:background-color .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.searchable-select__option:hover{background-color:#f5f7fa}.searchable-select__option--selected{background-color:#ecf5ff;color:#4991f2;font-weight:500}.searchable-select__option--empty{color:#999;cursor:not-allowed;text-align:center;padding:12px}.searchable-select__option--empty:hover{background-color:transparent}.searchable-select__dropdown::-webkit-scrollbar{width:6px}.searchable-select__dropdown::-webkit-scrollbar-thumb{background-color:#c0c4cc;border-radius:3px}.searchable-select__dropdown::-webkit-scrollbar-thumb:hover{background-color:#909399}.searchable-select__dropdown::-webkit-scrollbar-track{background-color:#f5f7fa}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}})();
 var index = "";
-const version = "0.0.1-beta.3";
+const version = "0.0.1-beta.31";
 var MaxHeightRatio;
 (function(MaxHeightRatio2) {
   MaxHeightRatio2["HALF"] = "half";
@@ -507,7 +507,16 @@ const EDITOR_ELEMENT_STYLE_ATTR = [
   "strikeout",
   "textDecoration"
 ];
-const EDITOR_ROW_ATTR = ["rowFlex", "rowMargin"];
+const EDITOR_ROW_ATTR = [
+  "rowFlex",
+  "rowMargin",
+  "textIndent",
+  "marginLeft",
+  "marginRight",
+  "marginTop",
+  "minHeight",
+  "whiteSpace"
+];
 const EDITOR_ELEMENT_COPY_ATTR = [
   "type",
   "font",
@@ -526,6 +535,12 @@ const EDITOR_ELEMENT_COPY_ATTR = [
   "dateFormat",
   "groupIds",
   "rowMargin",
+  "textIndent",
+  "marginLeft",
+  "marginRight",
+  "marginTop",
+  "minHeight",
+  "whiteSpace",
   "textDecoration"
 ];
 const EDITOR_ELEMENT_ZIP_ATTR = [
@@ -540,6 +555,12 @@ const EDITOR_ELEMENT_ZIP_ATTR = [
   "strikeout",
   "rowFlex",
   "rowMargin",
+  "textIndent",
+  "marginLeft",
+  "marginRight",
+  "marginTop",
+  "minHeight",
+  "whiteSpace",
   "dashArray",
   "trList",
   "tableToolDisabled",
@@ -4086,6 +4107,28 @@ var TdSlash;
   TdSlash2["FORWARD"] = "forward";
   TdSlash2["BACK"] = "back";
 })(TdSlash || (TdSlash = {}));
+function computeElementRowMarginPx(el, options) {
+  var _a, _b, _c, _d, _e;
+  const defaultSize = (_a = options.defaultSize) != null ? _a : 16;
+  const defaultBasicRowMarginHeight = (_b = options.defaultBasicRowMarginHeight) != null ? _b : 8;
+  const defaultRowMargin = (_c = options.defaultRowMargin) != null ? _c : 1;
+  const scale = (_d = options.scale) != null ? _d : 1;
+  const fontSize = el.size || defaultSize;
+  let ratio = 1;
+  if (fontSize < 12) {
+    ratio = fontSize / 12;
+  } else if (fontSize > 30) {
+    ratio = 1 + (fontSize - 30) / 30;
+  }
+  return defaultBasicRowMarginHeight * ratio * ((_e = el.rowMargin) != null ? _e : defaultRowMargin) * scale;
+}
+function computeElementLineHeightPx(el, options) {
+  var _a;
+  const defaultSize = (_a = options.defaultSize) != null ? _a : 16;
+  const fontSize = el.size || defaultSize;
+  const side = computeElementRowMarginPx(el, options);
+  return fontSize + 2 * side;
+}
 var BackgroundSize;
 (function(BackgroundSize2) {
   BackgroundSize2["CONTAIN"] = "contain";
@@ -4098,11 +4141,19 @@ var BackgroundRepeat;
   BackgroundRepeat2["REPEAT_X"] = "repeat-x";
   BackgroundRepeat2["REPEAT_Y"] = "repeat-y";
 })(BackgroundRepeat || (BackgroundRepeat = {}));
+var BackgroundPosition;
+(function(BackgroundPosition2) {
+  BackgroundPosition2["CENTER"] = "center";
+  BackgroundPosition2["TOP_LEFT"] = "topLeft";
+})(BackgroundPosition || (BackgroundPosition = {}));
 const defaultBackground = {
   color: "#FFFFFF",
   image: "",
-  size: BackgroundSize.COVER,
+  size: BackgroundSize.CONTAIN,
   repeat: BackgroundRepeat.NO_REPEAT,
+  opacity: 1,
+  position: BackgroundPosition.CENTER,
+  adaptive: true,
   applyPageNumbers: []
 };
 var VerticalAlign;
@@ -4162,7 +4213,7 @@ const defaultLabelOption = {
 };
 const defaultImgCaptionOption = {
   color: "#666666",
-  font: "Microsoft YaHei",
+  font: "SimSun",
   size: 12,
   top: 5
 };
@@ -4172,9 +4223,10 @@ const defaultLineBreak = {
   lineWidth: 1.5
 };
 const defaultPageBreakOption = {
-  font: "Microsoft YaHei",
+  font: "SimSun",
   fontSize: 12,
-  lineDash: [3, 1]
+  lineDash: [3, 1],
+  visible: true
 };
 const FORMAT_PLACEHOLDER = {
   PAGE_NO: "{pageNo}",
@@ -4183,7 +4235,7 @@ const FORMAT_PLACEHOLDER = {
 const defaultPageNumberOption = {
   bottom: 60,
   size: 12,
-  font: "Microsoft YaHei",
+  font: "SimSun",
   color: "#000000",
   rowFlex: RowFlex.CENTER,
   format: FORMAT_PLACEHOLDER.PAGE_NO,
@@ -4198,7 +4250,7 @@ const defaultPlaceholderOption = {
   color: "#DCDFE6",
   opacity: 1,
   size: 16,
-  font: "Microsoft YaHei"
+  font: "SimSun"
 };
 const defaultRadioOption = {
   width: 14,
@@ -4233,7 +4285,7 @@ const defaultWatermarkOption = {
   color: "#AEB5C0",
   opacity: 0.3,
   size: 200,
-  font: "Microsoft YaHei",
+  font: "SimSun",
   repeat: false,
   gap: [10, 10],
   numberType: NumberType.ARABIC
@@ -4248,7 +4300,7 @@ var LineNumberType;
 })(LineNumberType || (LineNumberType = {}));
 const defaultLineNumberOption = {
   size: 12,
-  font: "Microsoft YaHei",
+  font: "SimSun",
   color: "#000000",
   disabled: true,
   right: 20,
@@ -4394,7 +4446,8 @@ function mergeOption(options = {}) {
     locale: "zhCN",
     defaultType: "TEXT",
     defaultColor: "#000000",
-    defaultFont: "Microsoft YaHei",
+    defaultFont: "SimSun",
+    fonts: {},
     defaultSize: 16,
     minSize: 5,
     maxSize: 72,
@@ -4419,7 +4472,7 @@ function mergeOption(options = {}) {
     resizerSize: 5,
     marginIndicatorSize: 35,
     marginIndicatorColor: "#BABABA",
-    margins: [100, 120, 100, 120],
+    margins: [0, 0, 0, 0],
     pageMode: PageMode.PAGING,
     renderMode: RenderMode.SPEED,
     defaultHyperlinkColor: "#0000FF",
@@ -4865,6 +4918,7 @@ function formatElementList(elementList, options) {
     }
     if (el.type === ElementType.IMAGE || el.type === ElementType.BLOCK) {
       el.id = el.id || getUUID();
+      el.verticalAlign = "text-top";
     }
     if (el.type === ElementType.LATEX) {
       const { svg, width, height } = LaTexParticle.convertLaTextToSVG(el.value);
@@ -5195,6 +5249,68 @@ function convertRowFlexToJustifyContent(rowFlex) {
       return "flex-start";
   }
 }
+function isFloatOverlayImage(element) {
+  return !!element && element.type === ElementType.IMAGE && (element.imgDisplay === ImageDisplay.SURROUND || element.imgDisplay === ImageDisplay.FLOAT_TOP || element.imgDisplay === ImageDisplay.FLOAT_BOTTOM);
+}
+function isFloatOverlayOnlyParagraph(p) {
+  var _a, _b;
+  let hasFloatImg = false;
+  for (const node of Array.from(p.childNodes)) {
+    if (node.nodeType === Node.TEXT_NODE) {
+      if ((_a = node.textContent) == null ? void 0 : _a.trim())
+        return false;
+      continue;
+    }
+    if (node.nodeType !== Node.ELEMENT_NODE)
+      continue;
+    const el = node;
+    if (el.nodeName === "IMG") {
+      const display = el.getAttribute("data-img-display");
+      if (display === ImageDisplay.FLOAT_TOP || display === ImageDisplay.FLOAT_BOTTOM || display === ImageDisplay.SURROUND) {
+        hasFloatImg = true;
+        continue;
+      }
+      return false;
+    }
+    if ((_b = el.textContent) == null ? void 0 : _b.trim())
+      return false;
+  }
+  return hasFloatImg;
+}
+function groupElementListByRowFlex(elementList) {
+  var _a;
+  const elementListGroupList = [];
+  if (!elementList.length)
+    return elementListGroupList;
+  let currentRowFlex = ((_a = elementList[0]) == null ? void 0 : _a.rowFlex) || null;
+  elementListGroupList.push({
+    rowFlex: currentRowFlex,
+    data: [elementList[0]]
+  });
+  for (let e = 1; e < elementList.length; e++) {
+    const element = elementList[e];
+    const prev = elementList[e - 1];
+    const rowFlex = element.rowFlex || null;
+    const curIsFloatOverlay = isFloatOverlayImage(element);
+    const prevIsFloatOverlay = isFloatOverlayImage(prev);
+    const bothImages = element.type === ElementType.IMAGE && (prev == null ? void 0 : prev.type) === ElementType.IMAGE;
+    if (currentRowFlex === rowFlex && !getIsBlockElement(element) && !getIsBlockElement(prev) || bothImages || curIsFloatOverlay || prevIsFloatOverlay) {
+      const lastElementListGroup = elementListGroupList[elementListGroupList.length - 1];
+      lastElementListGroup.data.push(element);
+    } else {
+      elementListGroupList.push({
+        rowFlex,
+        data: [element]
+      });
+      currentRowFlex = rowFlex;
+    }
+  }
+  for (let g = 0; g < elementListGroupList.length; g++) {
+    const elementListGroup = elementListGroupList[g];
+    elementListGroup.data = zipElementList(elementListGroup.data);
+  }
+  return elementListGroupList;
+}
 function isTextLikeElement(element) {
   return !element.type || TEXTLIKE_ELEMENT_TYPE.includes(element.type);
 }
@@ -5251,8 +5367,14 @@ function formatElementContext(sourceElementList, formatElementList2, anchorIndex
     cloneProperty(cloneAttr, copyElement, targetElement);
   }
 }
+function resolveExportFont(element, options) {
+  return element.font || options.defaultFont || "SimSun";
+}
+function applyExportFontToDom(dom, element, options) {
+  dom.style.setProperty("font-family", resolveExportFont(element, options));
+}
 function convertElementToDom(element, options) {
-  var _a, _b;
+  var _a;
   let tagName = "span";
   if (element.type === ElementType.SUPERSCRIPT) {
     tagName = "sup";
@@ -5260,7 +5382,7 @@ function convertElementToDom(element, options) {
     tagName = "sub";
   }
   const dom = document.createElement(tagName);
-  dom.style.fontFamily = element.font || options.defaultFont;
+  applyExportFontToDom(dom, element, options);
   if (element.rowFlex) {
     dom.style.textAlign = convertRowFlexToTextAlign(element.rowFlex);
   }
@@ -5287,12 +5409,80 @@ function convertElementToDom(element, options) {
   if (element.type) {
     dom.setAttribute("data-type", element.type);
   }
-  if (element.rowMargin) {
-    dom.style.lineHeight = ((_b = element.rowMargin) != null ? _b : options.defaultRowMargin).toString();
+  applyLineHeightExportToDom(dom, element, options);
+  if (element.textIndent) {
+    dom.style.textIndent = `${element.textIndent}px`;
+  }
+  if (element.marginLeft) {
+    dom.style.marginInlineStart = `${element.marginLeft}px`;
+  }
+  if (element.marginRight) {
+    dom.style.marginInlineEnd = `${element.marginRight}px`;
+  }
+  if (element.marginTop) {
+    dom.style.marginTop = `${element.marginTop}px`;
+  }
+  if (element.minHeight) {
+    dom.style.minHeight = `${element.minHeight}px`;
+  }
+  if (element.whiteSpace) {
+    dom.style.whiteSpace = element.whiteSpace;
   }
   dom.innerText = element.value.replace(new RegExp(`${ZERO}`, "g"), "\n");
   return dom;
 }
+function applyLineHeightExportToDom(dom, element, options) {
+  var _a;
+  const rowMargin = (_a = element.rowMargin) != null ? _a : options.defaultRowMargin;
+  const lineHeightPx = Math.round(computeElementLineHeightPx(element, options));
+  dom.style.lineHeight = `${lineHeightPx}px`;
+  dom.setAttribute("data-row-margin", String(rowMargin));
+  dom.setAttribute("data-line-height", String(lineHeightPx));
+}
+function applyParagraphStyleToDom(dom, element, options) {
+  dom.style.margin = "0";
+  if (element.rowFlex) {
+    dom.style.textAlign = convertRowFlexToTextAlign(element.rowFlex);
+  }
+  applyLineHeightExportToDom(dom, element, options);
+  if (element.textIndent) {
+    dom.style.textIndent = `${element.textIndent}px`;
+  }
+  if (element.marginLeft) {
+    dom.style.marginInlineStart = `${element.marginLeft}px`;
+  }
+  if (element.marginRight) {
+    dom.style.marginInlineEnd = `${element.marginRight}px`;
+  }
+  if (element.marginTop) {
+    dom.style.marginTop = `${element.marginTop}px`;
+  }
+  const minHeight = element.minHeight || element.size;
+  if (minHeight) {
+    dom.style.minHeight = `${minHeight}px`;
+  }
+  if (element.whiteSpace) {
+    dom.style.whiteSpace = element.whiteSpace;
+  } else {
+    dom.style.whiteSpace = "pre-wrap";
+  }
+}
+function convertInlineElementToDom(element, options) {
+  const dom = convertElementToDom(element, options);
+  dom.style.textIndent = "";
+  dom.style.marginInlineStart = "";
+  dom.style.marginInlineEnd = "";
+  dom.style.marginTop = "";
+  dom.style.textAlign = "";
+  dom.style.minHeight = "";
+  if (element.whiteSpace) {
+    dom.style.whiteSpace = element.whiteSpace;
+  } else {
+    dom.style.whiteSpace = "pre-wrap";
+  }
+  applyExportFontToDom(dom, element, options);
+  return dom;
+}
 function splitListElement(elementList) {
   let curListIndex = 0;
   const listElementListMap = /* @__PURE__ */ new Map();
@@ -5325,44 +5515,415 @@ function splitListElement(elementList) {
   }
   return listElementListMap;
 }
-function groupElementListByRowFlex(elementList) {
-  var _a;
-  const elementListGroupList = [];
-  if (!elementList.length)
-    return elementListGroupList;
-  let currentRowFlex = ((_a = elementList[0]) == null ? void 0 : _a.rowFlex) || null;
-  elementListGroupList.push({
-    rowFlex: currentRowFlex,
-    data: [elementList[0]]
-  });
-  for (let e = 1; e < elementList.length; e++) {
-    const element = elementList[e];
-    const rowFlex = element.rowFlex || null;
-    if (currentRowFlex === rowFlex && !getIsBlockElement(element) && !getIsBlockElement(elementList[e - 1])) {
-      const lastElementListGroup = elementListGroupList[elementListGroupList.length - 1];
-      lastElementListGroup.data.push(element);
-    } else {
-      elementListGroupList.push({
-        rowFlex,
-        data: [element]
-      });
-      currentRowFlex = rowFlex;
+const IMAGE_DISPLAY_VALUES = Object.values(ImageDisplay);
+const htmlFloatOffsetMap = /* @__PURE__ */ new Map();
+const htmlImgRowLeftMap = /* @__PURE__ */ new Map();
+function getHtmlFloatOffsetKey(element) {
+  var _a, _b, _c;
+  const p = element.imgFloatPosition;
+  return [
+    element.imgDisplay || "",
+    element.width || 0,
+    element.height || 0,
+    (_a = p == null ? void 0 : p.x) != null ? _a : "",
+    (_b = p == null ? void 0 : p.y) != null ? _b : "",
+    (_c = p == null ? void 0 : p.pageNo) != null ? _c : "",
+    typeof element.value === "string" ? element.value.slice(0, 80) : ""
+  ].join("|");
+}
+function isParagraphBreakElement(element) {
+  if (element.type === ElementType.PAGE_BREAK)
+    return true;
+  if (element.type === ElementType.TABLE)
+    return true;
+  if (element.type === ElementType.TITLE)
+    return true;
+  if (element.type === ElementType.LIST)
+    return true;
+  if (element.type === ElementType.SEPARATOR)
+    return true;
+  const value = element.value;
+  return value === WRAP || value === "\n" || value === ZERO;
+}
+function getParagraphPageOrigin(elementList, positionList, imageIndex) {
+  var _a, _b;
+  let start = imageIndex;
+  while (start > 0) {
+    if (isParagraphBreakElement(elementList[start - 1]))
+      break;
+    start--;
+  }
+  let originX = Number.POSITIVE_INFINITY;
+  let originY = Number.POSITIVE_INFINITY;
+  for (let i = start; i < elementList.length; i++) {
+    if (i > start && isParagraphBreakElement(elementList[i]))
+      break;
+    if (elementList[i].imgDisplay === ImageDisplay.FLOAT_TOP || elementList[i].imgDisplay === ImageDisplay.FLOAT_BOTTOM || elementList[i].imgDisplay === ImageDisplay.SURROUND) {
+      continue;
     }
+    const pos = positionList[i];
+    if (!((_a = pos == null ? void 0 : pos.coordinate) == null ? void 0 : _a.leftTop))
+      continue;
+    const [x, y] = pos.coordinate.leftTop;
+    originX = Math.min(originX, x);
+    originY = Math.min(originY, y);
   }
-  for (let g = 0; g < elementListGroupList.length; g++) {
-    const elementListGroup = elementListGroupList[g];
-    elementListGroup.data = zipElementList(elementListGroup.data);
+  if (!Number.isFinite(originX) || !Number.isFinite(originY)) {
+    const flowPos = positionList[imageIndex];
+    if ((_b = flowPos == null ? void 0 : flowPos.coordinate) == null ? void 0 : _b.leftTop) {
+      return {
+        x: flowPos.coordinate.leftTop[0],
+        y: flowPos.coordinate.leftTop[1]
+      };
+    }
+    return { x: 0, y: 0 };
+  }
+  return { x: originX, y: originY };
+}
+function attachHtmlFloatOffset(elementList, positionList, scale = 1) {
+  const safeScale = scale || 1;
+  for (let i = 0; i < elementList.length; i++) {
+    const element = elementList[i];
+    if (element.type !== ElementType.IMAGE || element.imgDisplay !== ImageDisplay.FLOAT_TOP && element.imgDisplay !== ImageDisplay.FLOAT_BOTTOM && element.imgDisplay !== ImageDisplay.SURROUND || !element.imgFloatPosition) {
+      continue;
+    }
+    const origin = getParagraphPageOrigin(elementList, positionList, i);
+    htmlFloatOffsetMap.set(getHtmlFloatOffsetKey(element), {
+      left: (element.imgFloatPosition.x - origin.x) / safeScale,
+      top: (element.imgFloatPosition.y - origin.y) / safeScale
+    });
+  }
+}
+function clearHtmlFloatOffset() {
+  htmlFloatOffsetMap.clear();
+  htmlImgRowLeftMap.clear();
+}
+function attachHtmlImgRowLeft(elementList, positionList, scale = 1) {
+  var _a, _b, _c, _d, _e;
+  const safeScale = scale || 1;
+  const rowLeftMap = /* @__PURE__ */ new Map();
+  for (const pos of positionList) {
+    if (!((_a = pos == null ? void 0 : pos.coordinate) == null ? void 0 : _a.leftTop))
+      continue;
+    const key = `${pos.pageNo}|${pos.rowIndex}`;
+    const x = pos.coordinate.leftTop[0];
+    const prev = rowLeftMap.get(key);
+    if (prev === void 0 || x < prev) {
+      rowLeftMap.set(key, x);
+    }
+  }
+  for (let i = 0; i < elementList.length; i++) {
+    const element = elementList[i];
+    if (element.type === ElementType.TABLE && element.trList) {
+      for (const tr of element.trList) {
+        for (const td of tr.tdList) {
+          if (((_b = td.value) == null ? void 0 : _b.length) && ((_c = td.positionList) == null ? void 0 : _c.length)) {
+            attachHtmlImgRowLeft(td.value, td.positionList, scale);
+          }
+        }
+      }
+      continue;
+    }
+    if (element.type !== ElementType.IMAGE)
+      continue;
+    const pos = positionList[i];
+    if (!((_d = pos == null ? void 0 : pos.coordinate) == null ? void 0 : _d.leftTop))
+      continue;
+    const rowKey = `${pos.pageNo}|${pos.rowIndex}`;
+    const rowLeft = (_e = rowLeftMap.get(rowKey)) != null ? _e : pos.coordinate.leftTop[0];
+    const isFloat = element.imgDisplay === ImageDisplay.FLOAT_TOP || element.imgDisplay === ImageDisplay.FLOAT_BOTTOM || element.imgDisplay === ImageDisplay.SURROUND;
+    const imageX = isFloat && element.imgFloatPosition ? element.imgFloatPosition.x : pos.coordinate.leftTop[0];
+    const dist = Math.round((imageX - rowLeft) / safeScale * 100) / 100;
+    htmlImgRowLeftMap.set(getHtmlFloatOffsetKey(element), dist);
+  }
+}
+const HTML_FLOAT_TOP_ADJUST_PX = -2;
+function isFloatOverlayDisplay(display) {
+  return display === ImageDisplay.SURROUND || display === ImageDisplay.FLOAT_TOP || display === ImageDisplay.FLOAT_BOTTOM;
+}
+function reconcileHtmlFloatPositions(elementList, positionList, scale = 1) {
+  const safeScale = scale || 1;
+  let changed = false;
+  for (let i = 0; i < elementList.length; i++) {
+    const element = elementList[i];
+    const pos = element.imgFloatPosition;
+    if (element.type !== ElementType.IMAGE || !isFloatOverlayDisplay(element.imgDisplay) || !pos || pos.htmlLeft === void 0 || pos.htmlTop === void 0) {
+      continue;
+    }
+    const origin = getParagraphPageOrigin(elementList, positionList, i);
+    const nextX = origin.x + pos.htmlLeft * safeScale;
+    const nextY = origin.y + (pos.htmlTop - HTML_FLOAT_TOP_ADJUST_PX) * safeScale;
+    if (Math.abs(nextX - pos.x) > 0.01 || Math.abs(nextY - pos.y) > 0.01) {
+      pos.x = nextX;
+      pos.y = nextY;
+      changed = true;
+    }
+    delete pos.htmlLeft;
+    delete pos.htmlTop;
+  }
+  return changed;
+}
+function buildImageWrapStyle(element) {
+  const styles = ["vertical-align: text-top"];
+  const { imgDisplay, imgFloatPosition } = element;
+  const offset = htmlFloatOffsetMap.get(getHtmlFloatOffsetKey(element));
+  const leftPx = offset ? offset.left : imgFloatPosition ? imgFloatPosition.x : void 0;
+  const topBase = offset ? offset.top : imgFloatPosition ? imgFloatPosition.y : void 0;
+  const topPx = topBase !== void 0 ? topBase + HTML_FLOAT_TOP_ADJUST_PX : void 0;
+  if (imgDisplay === ImageDisplay.SURROUND) {
+    styles.push("position: absolute", "z-index: 1");
+    if (leftPx !== void 0) {
+      styles.push(`left: ${leftPx}px`);
+    }
+    if (topPx !== void 0) {
+      styles.push(`top: ${topPx}px`);
+    }
+  } else if (imgDisplay === ImageDisplay.FLOAT_TOP) {
+    styles.push("position: absolute", "z-index: 2");
+    if (leftPx !== void 0) {
+      styles.push(`left: ${leftPx}px`);
+    }
+    if (topPx !== void 0) {
+      styles.push(`top: ${topPx}px`);
+    }
+  } else if (imgDisplay === ImageDisplay.FLOAT_BOTTOM) {
+    styles.push("position: absolute", "z-index: -1");
+    if (leftPx !== void 0) {
+      styles.push(`left: ${leftPx}px`);
+    }
+    if (topPx !== void 0) {
+      styles.push(`top: ${topPx}px`);
+    }
+  } else if (imgDisplay === ImageDisplay.BLOCK) {
+    styles.push("display: block");
+  } else if (imgDisplay === ImageDisplay.INLINE) {
+    styles.push("display: block", "clear: both");
+  }
+  return styles.join("; ");
+}
+function applyImageWrapToDom(img, element) {
+  img.setAttribute("style", buildImageWrapStyle(element));
+  if (element.imgDisplay) {
+    img.setAttribute("data-img-display", element.imgDisplay);
+  }
+  if (element.imgFloatPosition) {
+    const { x, y, pageNo } = element.imgFloatPosition;
+    img.setAttribute("data-img-float-position", JSON.stringify(pageNo === void 0 ? { x, y } : { x, y, pageNo }));
+  }
+  const rowLeft = htmlImgRowLeftMap.get(getHtmlFloatOffsetKey(element));
+  if (rowLeft !== void 0) {
+    img.setAttribute("data-img-row-left", String(rowLeft));
+  }
+}
+function relocateFloatOverlayImages(root) {
+  const imgs = Array.from(root.querySelectorAll('img[data-img-display="float-top"], img[data-img-display="float-bottom"], img[data-img-display="surround"]'));
+  for (const img of imgs) {
+    const parent = img.parentElement;
+    if (parent && (parent.nodeName === "P" || /^H[1-6]$/.test(parent.nodeName))) {
+      parent.style.position = "relative";
+      continue;
+    }
+    let target = null;
+    let next = img.nextElementSibling;
+    while (next) {
+      if (next.nodeName === "P" || /^H[1-6]$/.test(next.nodeName)) {
+        target = next;
+        break;
+      }
+      if (next.nodeName === "DIV") {
+        const innerP = next.querySelector("p,h1,h2,h3,h4,h5,h6");
+        if (innerP) {
+          target = innerP;
+          break;
+        }
+      }
+      if (next.getAttribute("data-type") === ElementType.PAGE_BREAK) {
+        break;
+      }
+      next = next.nextElementSibling;
+    }
+    if (!target) {
+      let prev = img.previousElementSibling;
+      while (prev) {
+        if (prev.nodeName === "P" || /^H[1-6]$/.test(prev.nodeName)) {
+          target = prev;
+          break;
+        }
+        if (prev.nodeName === "DIV") {
+          const paras = prev.querySelectorAll("p,h1,h2,h3,h4,h5,h6");
+          if (paras.length) {
+            target = paras[paras.length - 1];
+            break;
+          }
+        }
+        prev = prev.previousElementSibling;
+      }
+    }
+    if (target) {
+      const targetEl = target;
+      targetEl.style.position = "relative";
+      targetEl.append(img);
+    } else if (parent) {
+      const p = document.createElement("p");
+      p.style.position = "relative";
+      p.style.margin = "0";
+      parent.insertBefore(p, img);
+      p.append(img);
+    }
+  }
+  mergeFloatOnlyParagraphs(root);
+}
+function mergeFloatOnlyParagraphs(root) {
+  let i = 0;
+  while (i < root.children.length) {
+    const el = root.children[i];
+    if (el.nodeName !== "P" || !isFloatOverlayOnlyParagraph(el)) {
+      i++;
+      continue;
+    }
+    const host = el;
+    host.style.position = "relative";
+    const j = i + 1;
+    while (j < root.children.length) {
+      const next = root.children[j];
+      if (next.nodeName === "P" && isFloatOverlayOnlyParagraph(next)) {
+        Array.from(next.querySelectorAll("img")).forEach((img) => host.append(img));
+        next.remove();
+        continue;
+      }
+      if (next.nodeName === "P") {
+        next.style.position = "relative";
+        Array.from(host.querySelectorAll("img")).forEach((img) => {
+          next.insertBefore(img, next.firstChild);
+        });
+        host.remove();
+        break;
+      }
+      break;
+    }
+    i++;
+  }
+}
+function applyImageWrapFromDom(img, element) {
+  const displayAttr = img.getAttribute("data-img-display");
+  if (displayAttr && IMAGE_DISPLAY_VALUES.includes(displayAttr)) {
+    element.imgDisplay = displayAttr;
+  } else {
+    const { float, position, zIndex, display, clear } = img.style;
+    if (float === "left" || float === "right") {
+      element.imgDisplay = ImageDisplay.SURROUND;
+    } else if (position === "absolute") {
+      const z = Number.parseInt(zIndex || "0", 10);
+      element.imgDisplay = z < 0 ? ImageDisplay.FLOAT_BOTTOM : ImageDisplay.FLOAT_TOP;
+    } else if (display === "block" && clear === "both") {
+      element.imgDisplay = ImageDisplay.INLINE;
+    } else if (display === "block") {
+      element.imgDisplay = ImageDisplay.BLOCK;
+    }
+  }
+  const floatPosAttr = img.getAttribute("data-img-float-position");
+  if (floatPosAttr) {
+    try {
+      element.imgFloatPosition = JSON.parse(floatPosAttr);
+    } catch {
+    }
+  }
+  if (isFloatOverlayDisplay(element.imgDisplay)) {
+    const left2 = Number.parseFloat(img.style.left);
+    const top = Number.parseFloat(img.style.top);
+    if (!Number.isNaN(left2) && !Number.isNaN(top)) {
+      if (!element.imgFloatPosition) {
+        element.imgFloatPosition = { x: left2, y: top };
+      } else if (element.imgFloatPosition.htmlLeft === void 0 || element.imgFloatPosition.htmlTop === void 0) {
+        element.imgFloatPosition.htmlLeft = left2;
+        element.imgFloatPosition.htmlTop = top;
+      }
+    }
   }
-  return elementListGroupList;
 }
 function createDomFromElementList(elementList, options) {
   const editorOptions = mergeOption(options);
   function buildDom(payload) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
     const clipboardDom2 = document.createElement("div");
+    clipboardDom2.style.position = "relative";
+    let paragraphDom = null;
+    const flushParagraph = () => {
+      if (paragraphDom) {
+        clipboardDom2.append(paragraphDom);
+        paragraphDom = null;
+      }
+    };
+    const ensureParagraph = (styleSource) => {
+      if (!paragraphDom) {
+        paragraphDom = document.createElement("p");
+        applyParagraphStyleToDom(paragraphDom, styleSource, editorOptions);
+      }
+    };
+    const emitEmptyParagraph = (styleSource) => {
+      ensureParagraph(styleSource);
+      if (!paragraphDom.childNodes.length) {
+        const dom = convertInlineElementToDom(styleSource, editorOptions);
+        dom.innerText = NBSP;
+        paragraphDom.append(dom);
+      }
+      flushParagraph();
+    };
+    const appendInlineNode = (node, styleSource) => {
+      ensureParagraph(styleSource);
+      paragraphDom.append(node);
+    };
+    const shouldEmitEmptyParagraph = (next) => {
+      if (!next)
+        return true;
+      if (next.listWrap)
+        return false;
+      if (next.value === ZERO || next.value === WRAP || next.value === "\n") {
+        return true;
+      }
+      return next.type === ElementType.TABLE || next.type === ElementType.TITLE || next.type === ElementType.LIST || next.type === ElementType.PAGE_BREAK || next.type === ElementType.SEPARATOR;
+    };
+    const appendTextRuns = (element, rawText, index2) => {
+      let text = rawText;
+      if (!text)
+        return;
+      text = text.replace(new RegExp(`${ZERO}`, "g"), "\n");
+      if (/^\n+$/.test(text)) {
+        const next = payload[index2 + 1];
+        for (let i = 0; i < text.length; i++) {
+          if (paragraphDom && paragraphDom.childNodes.length > 0) {
+            if (isFloatOverlayOnlyParagraph(paragraphDom)) {
+              continue;
+            }
+            flushParagraph();
+            if (shouldEmitEmptyParagraph(next)) {
+              emitEmptyParagraph(element);
+            }
+          } else if (shouldEmitEmptyParagraph(next)) {
+            emitEmptyParagraph(element);
+          }
+        }
+        return;
+      }
+      const parts = text.split("\n");
+      for (let i = 0; i < parts.length; i++) {
+        if (i > 0) {
+          flushParagraph();
+        }
+        const part = parts[i];
+        if (!part) {
+          emitEmptyParagraph(element);
+          continue;
+        }
+        const dom = convertInlineElementToDom(element, editorOptions);
+        dom.innerText = part;
+        appendInlineNode(dom, element);
+      }
+    };
     for (let e = 0; e < payload.length; e++) {
       const element = payload[e];
       if (element.type === ElementType.TABLE) {
+        flushParagraph();
         const tableDom = document.createElement("table");
         tableDom.setAttribute("cellSpacing", "0");
         tableDom.setAttribute("cellpadding", "0");
@@ -5425,13 +5986,17 @@ function createDomFromElementList(elementList, options) {
         if (element.url) {
           a.href = element.url;
         }
-        clipboardDom2.append(a);
+        applyExportFontToDom(a, element, editorOptions);
+        appendInlineNode(a, element);
       } else if (element.type === ElementType.TITLE) {
+        flushParagraph();
         const h = document.createElement(`h${titleOrderNumberMapping[element.level]}`);
+        applyParagraphStyleToDom(h, element, editorOptions);
         const childDom = buildDom(element.valueList);
         h.innerHTML = childDom.innerHTML;
         clipboardDom2.append(h);
       } else if (element.type === ElementType.LIST) {
+        flushParagraph();
         const list = document.createElement(listTypeElementMapping[element.listType]);
         if (element.listStyle) {
           list.style.listStyleType = listStyleCSSMapping[element.listStyle];
@@ -5447,16 +6012,32 @@ function createDomFromElementList(elementList, options) {
         clipboardDom2.append(list);
       } else if (element.type === ElementType.IMAGE) {
         const img = document.createElement("img");
-        console.log(element);
         if (element.value) {
           img.src = element.value;
           img.width = element.width;
           img.height = element.height;
           img.id = getUUID();
-          img.setAttribute("data-form-input", JSON.stringify(element.formInput));
+          if (element.formInput) {
+            img.setAttribute("data-form-input", JSON.stringify(element.formInput));
+          }
+          applyImageWrapToDom(img, element);
+        }
+        if (element.imgDisplay === ImageDisplay.SURROUND || element.imgDisplay === ImageDisplay.FLOAT_TOP || element.imgDisplay === ImageDisplay.FLOAT_BOTTOM) {
+          ensureParagraph(element);
+          paragraphDom.style.position = "relative";
+          paragraphDom.append(img);
+        } else if (element.imgDisplay === ImageDisplay.BLOCK || element.imgDisplay === ImageDisplay.INLINE) {
+          const prev = payload[e - 1];
+          const prevIsSameKind = (prev == null ? void 0 : prev.type) === ElementType.IMAGE && (prev.imgDisplay === ImageDisplay.BLOCK || prev.imgDisplay === ImageDisplay.INLINE);
+          if (!prevIsSameKind) {
+            flushParagraph();
+          }
+          clipboardDom2.append(img);
+        } else {
+          appendInlineNode(img, element);
         }
-        clipboardDom2.append(img);
       } else if (element.type === ElementType.BLOCK) {
+        flushParagraph();
         if (((_e = element.block) == null ? void 0 : _e.type) === BlockType.VIDEO) {
           const src = (_f = element.block.videoBlock) == null ? void 0 : _f.src;
           if (src) {
@@ -5487,6 +6068,7 @@ function createDomFromElementList(elementList, options) {
           }
         }
       } else if (element.type === ElementType.SEPARATOR) {
+        flushParagraph();
         const hr = document.createElement("hr");
         if ((_h = element.dashArray) == null ? void 0 : _h.length) {
           hr.setAttribute("data-dash-array", element.dashArray.join(","));
@@ -5498,26 +6080,31 @@ function createDomFromElementList(elementList, options) {
         if ((_i = element.checkbox) == null ? void 0 : _i.value) {
           checkbox.setAttribute("checked", "true");
         }
-        clipboardDom2.append(checkbox);
+        appendInlineNode(checkbox, element);
       } else if (element.type === ElementType.RADIO) {
         const radio = document.createElement("input");
         radio.type = "radio";
         if ((_j = element.radio) == null ? void 0 : _j.value) {
           radio.setAttribute("checked", "true");
         }
-        clipboardDom2.append(radio);
+        appendInlineNode(radio, element);
       } else if (element.type === ElementType.TAB) {
         const tab2 = document.createElement("span");
+        applyExportFontToDom(tab2, element, editorOptions);
+        tab2.style.whiteSpace = "pre-wrap";
         tab2.innerHTML = `${NON_BREAKING_SPACE}${NON_BREAKING_SPACE}`;
-        clipboardDom2.append(tab2);
+        appendInlineNode(tab2, element);
       } else if (element.type === ElementType.CONTROL) {
         const controlElement = document.createElement("span");
+        applyExportFontToDom(controlElement, element, editorOptions);
         const childDom = buildDom(((_k = element.control) == null ? void 0 : _k.value) || []);
         controlElement.innerHTML = childDom.innerHTML;
-        clipboardDom2.append(controlElement);
+        appendInlineNode(controlElement, element);
       } else if (element.type === ElementType.PAGE_BREAK) {
+        flushParagraph();
         const pageBreakElement = document.createElement("div");
         pageBreakElement.style.breakAfter = "page";
+        pageBreakElement.setAttribute("data-type", ElementType.PAGE_BREAK);
         clipboardDom2.append(pageBreakElement);
       } else if (!element.type || element.type === ElementType.LATEX || TEXTLIKE_ELEMENT_TYPE.includes(element.type)) {
         let text = "";
@@ -5528,14 +6115,13 @@ function createDomFromElementList(elementList, options) {
         }
         if (!text)
           continue;
-        const dom = convertElementToDom(element, editorOptions);
         if (((_m = payload[e - 1]) == null ? void 0 : _m.type) === ElementType.TITLE) {
           text = text.replace(/^\n/, "");
         }
-        dom.innerText = text.replace(new RegExp(`${ZERO}`, "g"), "\n");
-        clipboardDom2.append(dom);
+        appendTextRuns(element, text, e);
       }
     }
+    flushParagraph();
     return clipboardDom2;
   }
   const clipboardDom = document.createElement("div");
@@ -5565,8 +6151,19 @@ function createDomFromElementList(elementList, options) {
       });
     }
   }
+  relocateFloatOverlayImages(clipboardDom);
+  ensureSpanExportFonts(clipboardDom, editorOptions.defaultFont || "SimSun");
   return clipboardDom;
 }
+function ensureSpanExportFonts(root, defaultFont) {
+  const nodes = root.querySelectorAll("span, sup, sub");
+  for (let i = 0; i < nodes.length; i++) {
+    const el = nodes[i];
+    if (!el.style.getPropertyValue("font-family")) {
+      el.style.setProperty("font-family", defaultFont);
+    }
+  }
+}
 function convertTextNodeToElement(textNode) {
   if (!textNode || textNode.nodeType !== 3)
     return null;
@@ -5601,12 +6198,29 @@ function convertTextNodeToElement(textNode) {
   if (style.textDecorationLine.includes("line-through")) {
     element.strikeout = true;
   }
+  const letterSpacing = parseFloat(style.letterSpacing);
+  if (letterSpacing && !isNaN(letterSpacing)) {
+    element.letterSpacing = letterSpacing;
+  }
+  const wordSpacing = parseFloat(style.wordSpacing);
+  if (wordSpacing && !isNaN(wordSpacing)) {
+    element.wordSpacing = wordSpacing;
+  }
   return element;
 }
 function getElementListByHTML(htmlText, options) {
   const elementList = [];
+  const visitedNodes = options._visitedNodes || /* @__PURE__ */ new WeakSet();
+  if (!options._visitedNodes) {
+    options._visitedNodes = visitedNodes;
+  }
   function findTextNode(dom) {
     var _a;
+    if (visitedNodes.has(dom)) {
+      console.warn("Circular reference detected in DOM tree. Skipping node to prevent infinite recursion.");
+      return;
+    }
+    visitedNodes.add(dom);
     if (dom.nodeType === 3) {
       const element = convertTextNodeToElement(dom);
       if (element) {
@@ -5620,6 +6234,13 @@ function getElementListByHTML(htmlText, options) {
           elementList.push({
             value: "\n"
           });
+        } else if (node.nodeName === "DIV" && node.getAttribute("data-ce-clear") === "both") {
+          continue;
+        } else if (node.nodeName === "DIV" && node.getAttribute("data-type") === ElementType.PAGE_BREAK) {
+          elementList.push({
+            type: ElementType.PAGE_BREAK,
+            value: "\n"
+          });
         } else if (node.nodeName === "A") {
           const aElement = node;
           const value = aElement.innerText;
@@ -5682,17 +6303,20 @@ function getElementListByHTML(htmlText, options) {
           });
         } else if (node.nodeName === "IMG") {
           const imgElement = node;
-          const { src, width, height } = imgElement;
+          const { src } = imgElement;
+          const width = imgElement.width || Number.parseFloat(imgElement.getAttribute("width") || "") || Number.parseFloat(imgElement.style.width) || 0;
+          const height = imgElement.height || Number.parseFloat(imgElement.getAttribute("height") || "") || Number.parseFloat(imgElement.style.height) || 0;
           if (src && width && height) {
             const element = {
               width,
               height,
               value: src,
               type: ElementType.IMAGE,
-              rowFlex: convertTextAlignToRowFlex(node.parentElement)
+              rowFlex: convertTextAlignToRowFlex(node.parentElement),
+              verticalAlign: "text-top"
             };
+            applyImageWrapFromDom(imgElement, element);
             const formInputAttr = imgElement.getAttribute("data-form-input");
-            console.log("data-form-input", formInputAttr);
             if (formInputAttr) {
               try {
                 element.formInput = JSON.parse(formInputAttr);
@@ -5753,7 +6377,16 @@ function getElementListByHTML(htmlText, options) {
             };
             trElement.querySelectorAll("th,td").forEach((tdElement) => {
               const tableCell = tdElement;
+              if (tableCell.style.display === "none" || window.getComputedStyle(tableCell).display === "none") {
+                return;
+              }
               const valueList = getElementListByHTML(tableCell.innerHTML, options);
+              if (valueList.length > 1 && (valueList[valueList.length - 1].value === "\n" || valueList[valueList.length - 1].value === WRAP)) {
+                valueList.pop();
+              }
+              if (!valueList.length) {
+                valueList.push({ value: "\n" });
+              }
               const td = {
                 colspan: tableCell.colSpan,
                 rowspan: tableCell.rowSpan,
@@ -5761,20 +6394,35 @@ function getElementListByHTML(htmlText, options) {
                 verticalAlign: window.getComputedStyle(tdElement).verticalAlign,
                 width: parseFloat(window.getComputedStyle(tdElement).width)
               };
-              if (tableCell.style.backgroundColor) {
+              const bg = (tableCell.style.backgroundColor || "").trim().toLowerCase();
+              if (bg && bg !== "inherit" && bg !== "transparent" && bg !== "initial" && bg !== "unset" && bg !== "none" && bg !== "rgba(0, 0, 0, 0)" && bg !== "rgb(0, 0, 0, 0)") {
                 td.backgroundColor = tableCell.style.backgroundColor;
               }
               tr.tdList.push(td);
             });
-            element.trList.push(tr);
+            if (tr.tdList.length) {
+              element.trList.push(tr);
+            }
           });
           if (element.trList.length) {
             const tdCount = element.trList[0].tdList.reduce((pre, cur) => pre + cur.colspan, 0);
             const width = Math.ceil(options.innerWidth / tdCount);
             for (let i = 0; i < tdCount; i++) {
-              const colElement = (_a = colElements[i]) == null ? void 0 : _a.getAttribute("width");
+              const colEl = colElements[i];
+              let colWidth = width;
+              if (colEl) {
+                const attr = colEl.getAttribute("width");
+                const styleW = (_a = colEl.style) == null ? void 0 : _a.width;
+                const raw2 = attr || styleW;
+                if (raw2) {
+                  const n2 = Number.parseFloat(raw2);
+                  if (Number.isFinite(n2) && n2 > 0) {
+                    colWidth = /pt$/i.test(raw2.trim()) ? Math.round(n2 * 96 / 72) : Math.round(n2);
+                  }
+                }
+              }
               element.colgroup.push({
-                width: colElement ? parseFloat(colElement) : width
+                width: colWidth
               });
             }
             elementList.push(element);
@@ -5810,6 +6458,10 @@ function getElementListByHTML(htmlText, options) {
       }
     }
   }
+  if (options.container) {
+    findTextNode(options.container);
+    return elementList;
+  }
   const clipboardHost = document.createElement("div");
   document.body.appendChild(clipboardHost);
   const shadowRoot = clipboardHost.attachShadow({ mode: "open" });
@@ -5951,6 +6603,20 @@ function getNonHideElementIndex(elementList, index2, position = LocationPosition
   }
   return i;
 }
+function convertToXHTML(dom, options) {
+  var _a;
+  if (!dom)
+    return "";
+  const serializer = new XMLSerializer();
+  let xhtml = serializer.serializeToString(dom);
+  xhtml = xhtml.replace(/\sxmlns="http:\/\/www\.w3\.org\/1999\/xhtml"/g, "");
+  const keepRoot = (options == null ? void 0 : options.keepRoot) || ((_a = dom.classList) == null ? void 0 : _a.contains("ce-export-page"));
+  if (keepRoot) {
+    return xhtml;
+  }
+  const match = xhtml.match(/<[^>]+>([\s\S]*)<\/[^>]+>$/i);
+  return match ? match[1] : xhtml;
+}
 function setClipboardData(data2) {
   localStorage.setItem(EDITOR_CLIPBOARD, JSON.stringify({
     text: data2.text,
@@ -8452,6 +9118,22 @@ function dblclick(host, evt) {
         editor.showFormRadioConfig(curElement);
         return;
       }
+      if (curElement.formInput && curElement.formInput.type === "image") {
+        editor.showFormImageConfig(curElement);
+        return;
+      }
+      if (curElement.formInput && curElement.formInput.type === "signature") {
+        editor.showFormSignatureConfig(curElement);
+        return;
+      }
+      if (curElement.formInput && curElement.formInput.type === "seal") {
+        editor.showFormSealConfig(curElement);
+        return;
+      }
+      if (curElement.formInput && curElement.formInput.type === "riskCopy") {
+        editor.showFormRiskCopyConfig(curElement);
+        return;
+      }
       editor.showFormInputConfig(curElement);
       return;
     }
@@ -9002,7 +9684,6 @@ class Position {
       for (let j = 0; j < curRow.elementList.length; j++) {
         const element = curRow.elementList[j];
         const metrics = element.metrics;
-        const offsetY = !element.hide && (element.imgDisplay !== ImageDisplay.INLINE && element.type === ElementType.IMAGE || element.type === ElementType.LATEX) ? curRow.ascent - metrics.height : curRow.ascent;
         if (element.left) {
           x += element.left;
         }
@@ -9017,7 +9698,7 @@ class Position {
           rowNo: i,
           metrics,
           left: element.left || 0,
-          ascent: offsetY,
+          ascent: element.type === ElementType.IMAGE ? 4 : 17,
           lineHeight: curRow.height,
           isFirstLetter: j === 0,
           isLastLetter: j === curRow.elementList.length - 1,
@@ -9914,6 +10595,8 @@ class RangeManager {
     const highlight = curElement.highlight || null;
     const rowFlex = curElement.rowFlex || null;
     const rowMargin = (_a = curElement.rowMargin) != null ? _a : this.options.defaultRowMargin;
+    const textIndent = curElement.textIndent || 0;
+    const marginLeft = curElement.marginLeft || 0;
     const dashArray = curElement.dashArray || [];
     const level = curElement.level || null;
     const listType = curElement.listType || null;
@@ -9939,6 +10622,8 @@ class RangeManager {
       highlight,
       rowFlex,
       rowMargin,
+      textIndent,
+      marginLeft,
       dashArray,
       level,
       listType,
@@ -9980,6 +10665,8 @@ class RangeManager {
       highlight: null,
       rowFlex: null,
       rowMargin,
+      textIndent: 0,
+      marginLeft: 0,
       dashArray: [],
       level: null,
       listType: null,
@@ -10089,28 +10776,26 @@ class Background {
   }
   _drawImage(ctx, imageElement, width, height) {
     const { background, scale } = this.options;
-    if (background.size === BackgroundSize.CONTAIN) {
-      const imageWidth = imageElement.width * scale;
-      const imageHeight = imageElement.height * scale;
-      if (!background.repeat || background.repeat === BackgroundRepeat.NO_REPEAT) {
-        ctx.drawImage(imageElement, 0, 0, imageWidth, imageHeight);
-      } else {
-        let startX = 0;
-        let startY = 0;
-        const repeatXCount = background.repeat === BackgroundRepeat.REPEAT || background.repeat === BackgroundRepeat.REPEAT_X ? Math.ceil(width * scale / imageWidth) : 1;
-        const repeatYCount = background.repeat === BackgroundRepeat.REPEAT || background.repeat === BackgroundRepeat.REPEAT_Y ? Math.ceil(height * scale / imageHeight) : 1;
-        for (let x = 0; x < repeatXCount; x++) {
-          for (let y = 0; y < repeatYCount; y++) {
-            ctx.drawImage(imageElement, startX, startY, imageWidth, imageHeight);
-            startY += imageHeight;
-          }
-          startY = 0;
-          startX += imageWidth;
-        }
-      }
-    } else {
-      ctx.drawImage(imageElement, 0, 0, width * scale, height * scale);
+    const pageWidth = width * scale;
+    const pageHeight = height * scale;
+    const imgWidth = imageElement.width;
+    const imgHeight = imageElement.height;
+    if (!imgWidth || !imgHeight)
+      return;
+    const opacity = typeof background.opacity === "number" ? background.opacity : 1;
+    ctx.save();
+    ctx.globalAlpha = Math.min(1, Math.max(0, opacity));
+    const ratio = Math.min(pageWidth / imgWidth, pageHeight / imgHeight, 1);
+    const drawWidth = imgWidth * ratio;
+    const drawHeight = imgHeight * ratio;
+    let dx = 0;
+    let dy = 0;
+    if (background.position === BackgroundPosition.CENTER) {
+      dx = (pageWidth - drawWidth) / 2;
+      dy = (pageHeight - drawHeight) / 2;
     }
+    ctx.drawImage(imageElement, dx, dy, drawWidth, drawHeight);
+    ctx.restore();
   }
   _renderBackgroundImage(ctx, width, height) {
     const { background } = this.options;
@@ -10133,13 +10818,12 @@ class Background {
   }
   render(ctx, pageNo) {
     const { background: { image, color, applyPageNumbers } } = this.options;
+    const { width, height } = this.options;
+    const canvasWidth = this.draw.getCanvasWidth(pageNo);
+    const canvasHeight = this.draw.getCanvasHeight(pageNo);
+    this._renderBackgroundColor(ctx, color, canvasWidth, canvasHeight);
     if (image && (!(applyPageNumbers == null ? void 0 : applyPageNumbers.length) || applyPageNumbers.includes(pageNo))) {
-      const { width, height } = this.options;
       this._renderBackgroundImage(ctx, width, height);
-    } else {
-      const width = this.draw.getCanvasWidth(pageNo);
-      const height = this.draw.getCanvasHeight(pageNo);
-      this._renderBackgroundColor(ctx, color, width, height);
     }
   }
 }
@@ -11275,6 +11959,10 @@ class TableParticle {
         const td = tr.tdList[d];
         if (!td.backgroundColor)
           continue;
+        const bg = td.backgroundColor.trim().toLowerCase();
+        if (bg === "inherit" || bg === "transparent" || bg === "initial" || bg === "unset") {
+          continue;
+        }
         ctx.save();
         const width = td.width * scale;
         const height = td.height * scale;
@@ -15493,7 +16181,7 @@ function WorkerWrapper$1() {
     objURL && (window.URL || window.webkitURL).revokeObjectURL(objURL);
   }
 }
-const encodedJs = "KGZ1bmN0aW9uKCl7InVzZSBzdHJpY3QiO3ZhciBSPShlPT4oZS5IQUxGPSJoYWxmIixlLk9ORV9USElSRD0ib25lLXRoaXJkIixlLlFVQVJURVI9InF1YXJ0ZXIiLGUpKShSfHx7fSksZz0oZT0+KGUuQVJBQklDPSJhcmFiaWMiLGUuQ0hJTkVTRT0iY2hpbmVzZSIsZSkpKGd8fHt9KTtjb25zdCB2PSJcdTIwMEIiO1IuSEFMRisiIiwxLzIsUi5PTkVfVEhJUkQrIiIsMS8zLFIuUVVBUlRFUisiIiwxLzQ7ZnVuY3Rpb24gUyhlKXtpZih0eXBlb2Ygc3RydWN0dXJlZENsb25lPT0iZnVuY3Rpb24iKXJldHVybiBzdHJ1Y3R1cmVkQ2xvbmUoZSk7aWYoIWV8fHR5cGVvZiBlIT0ib2JqZWN0IilyZXR1cm4gZTtsZXQgbj17fTtyZXR1cm4gQXJyYXkuaXNBcnJheShlKT9uPWUubWFwKHU9PlModSkpOk9iamVjdC5rZXlzKGUpLmZvckVhY2godT0+e25bdV09UyhlW3VdKX0pLG59ZnVuY3Rpb24geShlLG4pe2NvbnN0IHU9e307Zm9yKGNvbnN0IGYgaW4gZSluLmluY2x1ZGVzKGYpJiYodVtmXT1lW2ZdKTtyZXR1cm4gdX1mdW5jdGlvbiBYKGUsbil7cmV0dXJuIGUubGVuZ3RoIT09bi5sZW5ndGg/ITE6IWUuc29tZSh1PT4hbi5pbmNsdWRlcyh1KSl9dmFyIGE9KGU9PihlLlRFWFQ9InRleHQiLGUuSU1BR0U9ImltYWdlIixlLlRBQkxFPSJ0YWJsZSIsZS5IWVBFUkxJTks9Imh5cGVybGluayIsZS5TVVBFUlNDUklQVD0ic3VwZXJzY3JpcHQiLGUuU1VCU0NSSVBUPSJzdWJzY3JpcHQiLGUuU0VQQVJBVE9SPSJzZXBhcmF0b3IiLGUuUEFHRV9CUkVBSz0icGFnZUJyZWFrIixlLkNPTlRST0w9ImNvbnRyb2wiLGUuQVJFQT0iYXJlYSIsZS5DSEVDS0JPWD0iY2hlY2tib3giLGUuUkFESU89InJhZGlvIixlLkxBVEVYPSJsYXRleCIsZS5UQUI9InRhYiIsZS5EQVRFPSJkYXRlIixlLkJMT0NLPSJibG9jayIsZS5USVRMRT0idGl0bGUiLGUuTElTVD0ibGlzdCIsZS5MQUJFTD0ibGFiZWwiLGUpKShhfHx7fSk7Y29uc3QgXz1bInJvd0ZsZXgiLCJyb3dNYXJnaW4iXSxCPVsidHlwZSIsImZvbnQiLCJzaXplIiwiYm9sZCIsImNvbG9yIiwiaXRhbGljIiwiaGlnaGxpZ2h0IiwidW5kZXJsaW5lIiwic3RyaWtlb3V0Iiwicm93RmxleCIsInJvd01hcmdpbiIsImRhc2hBcnJheSIsInRyTGlzdCIsInRhYmxlVG9vbERpc2FibGVkIiwiYm9yZGVyVHlwZSIsImJvcmRlckNvbG9yIiwidHJhbnNsYXRlWCIsIndpZHRoIiwiaGVpZ2h0IiwidXJsIiwiY29sZ3JvdXAiLCJ2YWx1ZUxpc3QiLCJjb250cm9sIiwiY2hlY2tib3giLCJyYWRpbyIsImRhdGVGb3JtYXQiLCJibG9jayIsImxldmVsIiwidGl0bGUiLCJsaXN0VHlwZSIsImxpc3RTdHlsZSIsImxpc3RXcmFwIiwiZ3JvdXBJZHMiLCJjb25jZXB0SWQiLCJpbWdEaXNwbGF5IiwiaW1nRmxvYXRQb3NpdGlvbiIsImltZ1Rvb2xEaXNhYmxlZCIsImltZ1ByZXZpZXdEaXNhYmxlZCIsImltZ0Nyb3AiLCJpbWdDYXB0aW9uIiwidGV4dERlY29yYXRpb24iLCJleHRlbnNpb24iLCJleHRlcm5hbElkIiwiYXJlYUlkIiwiYXJlYSIsImhpZGUiLCJsYWJlbCIsImxhYmVsSWQiLCJsaW5lV2lkdGgiLCJmb3JtSW5wdXQiXSxVPVsiY29uY2VwdElkIiwiZXh0ZW5zaW9uIiwiZXh0ZXJuYWxJZCIsInZlcnRpY2FsQWxpZ24iLCJiYWNrZ3JvdW5kQ29sb3IiLCJib3JkZXJUeXBlcyIsInNsYXNoVHlwZXMiLCJkaXNhYmxlZCIsImRlbGV0YWJsZSJdLHc9WyJmb250Iiwic2l6ZSIsImJvbGQiLCJoaWdobGlnaHQiLCJpdGFsaWMiLCJzdHJpa2VvdXQiXTthLlRFWFQsYS5IWVBFUkxJTkssYS5TVUJTQ1JJUFQsYS5TVVBFUlNDUklQVCxhLkNPTlRST0wsYS5EQVRFLGEuSU1BR0UsYS5MQVRFWCxhLkJMT0NLLGEuUEFHRV9CUkVBSyxhLlNFUEFSQVRPUixhLlRBQkxFLGEuVElUTEUsYS5MSVNUO3ZhciBQPShlPT4oZS5VTD0idWwiLGUuT0w9Im9sIixlKSkoUHx8e30pLE89KGU9PihlLkRJU0M9ImRpc2MiLGUuQ0lSQ0xFPSJjaXJjbGUiLGUuU1FVQVJFPSJzcXVhcmUiLGUuQ0hFQ0tCT1g9ImNoZWNrYm94IixlKSkoT3x8e30pLHA9KGU9PihlLkRJU0M9ImRpc2MiLGUuQ0lSQ0xFPSJjaXJjbGUiLGUuU1FVQVJFPSJzcXVhcmUiLGUuREVDSU1BTD0iZGVjaW1hbCIsZS5DSEVDS0JPWD0iY2hlY2tib3giLGUpKShwfHx7fSk7Ty5ESVNDKyIiLE8uQ0lSQ0xFKyIiLE8uU1FVQVJFKyIiLE8uQ0hFQ0tCT1grIiIsUC5PTCsiIixQLlVMKyIiLHAuRElTQysiIixwLkNJUkNMRSsiIixwLlNRVUFSRSsiIixwLkRFQ0lNQUwrIiIscC5DSEVDS0JPWCsiIjt2YXIgRT0oZT0+KGUuRklSU1Q9ImZpcnN0IixlLlNFQ09ORD0ic2Vjb25kIixlLlRISVJEPSJ0aGlyZCIsZS5GT1VSVEg9ImZvdXJ0aCIsZS5GSUZUSD0iZmlmdGgiLGUuU0lYVEg9InNpeHRoIixlKSkoRXx8e30pO0UuRklSU1QrIiIsRS5TRUNPTkQrIiIsRS5USElSRCsiIixFLkZPVVJUSCsiIixFLkZJRlRIKyIiLEUuU0lYVEgrIiIsRS5GSVJTVCsiIixFLlNFQ09ORCsiIixFLlRISVJEKyIiLEUuRk9VUlRIKyIiLEUuRklGVEgrIiIsRS5TSVhUSCsiIixFLkZJUlNULEUuU0VDT05ELEUuVEhJUkQsRS5GT1VSVEgsRS5GSUZUSCxFLlNJWFRIO3ZhciBBPShlPT4oZS5QUkVGSVg9InByZWZpeCIsZS5QT1NURklYPSJwb3N0Zml4IixlLlBSRV9URVhUPSJwcmVUZXh0IixlLlBPU1RfVEVYVD0icG9zdFRleHQiLGUuUExBQ0VIT0xERVI9InBsYWNlaG9sZGVyIixlLlZBTFVFPSJ2YWx1ZSIsZS5DSEVDS0JPWD0iY2hlY2tib3giLGUuUkFESU89InJhZGlvIixlKSkoQXx8e30pLEQ9KGU9PihlLkxFRlQ9ImxlZnQiLGUuQ0VOVEVSPSJjZW50ZXIiLGUuUklHSFQ9InJpZ2h0IixlLkFMSUdOTUVOVD0iYWxpZ25tZW50IixlLkpVU1RJRlk9Imp1c3RpZnkiLGUpKShEfHx7fSksTj0oZT0+KGUuQ09OVEFJTj0iY29udGFpbiIsZS5DT1ZFUj0iY292ZXIiLGUpKShOfHx7fSksaz0oZT0+KGUuUkVQRUFUPSJyZXBlYXQiLGUuTk9fUkVQRUFUPSJuby1yZXBlYXQiLGUuUkVQRUFUX1g9InJlcGVhdC14IixlLlJFUEVBVF9ZPSJyZXBlYXQteSIsZSkpKGt8fHt9KTtOLkNPVkVSLGsuTk9fUkVQRUFUO3ZhciBiPShlPT4oZS5UT1A9InRvcCIsZS5NSURETEU9Im1pZGRsZSIsZS5CT1RUT009ImJvdHRvbSIsZSkpKGJ8fHt9KTtiLkJPVFRPTSxSLkhBTEYsUi5IQUxGO2NvbnN0IEs9e1BBR0VfTk86IntwYWdlTm99IixQQUdFX0NPVU5UOiJ7cGFnZUNvdW50fSJ9O0QuQ0VOVEVSLEsuUEFHRV9OTyxnLkFSQUJJQyxiLkJPVFRPTTt2YXIgbT0oZT0+KGUuVEVYVD0idGV4dCIsZS5JTUFHRT0iaW1hZ2UiLGUpKShtfHx7fSk7bS5URVhULGcuQVJBQklDO3ZhciB4PShlPT4oZS5QQUdFPSJwYWdlIixlLkNPTlRJTlVJVFk9ImNvbnRpbnVpdHkiLGUpKSh4fHx7fSk7eC5DT05USU5VSVRZO2Z1bmN0aW9uIE0oZSxuKXtjb25zdCB1PU9iamVjdC5rZXlzKGUpLGY9T2JqZWN0LmtleXMobik7aWYodS5sZW5ndGghPT1mLmxlbmd0aClyZXR1cm4hMTtmb3IobGV0IEk9MDtJPHUubGVuZ3RoO0krKyl7Y29uc3QgbD11W0ldO2lmKGwhPT0idmFsdWUiJiYhKGw9PT0iZ3JvdXBJZHMiJiZBcnJheS5pc0FycmF5KGVbbF0pJiZBcnJheS5pc0FycmF5KG5bbF0pJiZYKGVbbF0sbltsXSkpJiZlW2xdIT09bltsXSlyZXR1cm4hMX1yZXR1cm4hMH1mdW5jdGlvbiBIKGUsbj17fSl7Y29uc3R7ZXh0cmFQaWNrQXR0cnM6dX09bixmPVsuLi5CXTt1JiZmLnB1c2goLi4udSk7Y29uc3QgST17dmFsdWU6ZS52YWx1ZT09PXY/YApgOmUudmFsdWV9O3JldHVybiBmLmZvckVhY2gobD0+e2NvbnN0IEM9ZVtsXTtDIT09dm9pZCAwJiYoSVtsXT1DKX0pLEl9ZnVuY3Rpb24gVChlLG49e30pe2NvbnN0e2V4dHJhUGlja0F0dHJzOnUsaXNDbGFzc2lmeUFyZWE6Zj0hMSxpc0Nsb25lOkk9ITB9PW4sbD1JP1MoZSk6ZSxDPVtdO2xldCBpPTA7Zm9yKDtpPGwubGVuZ3RoOyl7bGV0IHQ9bFtpXTtpZihpPT09MCYmdC52YWx1ZT09PXYmJiF0Lmxpc3RJZCYmKCF0LnR5cGV8fHQudHlwZT09PWEuVEVYVCkpe2krKztjb250aW51ZX1pZih0LmFyZWFJZCl7Y29uc3Qgcj10LmFyZWFJZCxkPXQuYXJlYSxjPVtdO2Zvcig7aTxsLmxlbmd0aDspe2NvbnN0IG89bFtpXTtpZihyIT09by5hcmVhSWQpe2ktLTticmVha31kZWxldGUgby5hcmVhLGRlbGV0ZSBvLmFyZWFJZCxjLnB1c2gobyksaSsrfWNvbnN0IHM9VChjLG4pO2lmKGYpe2NvbnN0IG89e3R5cGU6YS5BUkVBLHZhbHVlOiIiLGFyZWFJZDpyLGFyZWE6ZH07by52YWx1ZUxpc3Q9cyx0PW99ZWxzZXtDLnNwbGljZShpLDAsLi4ucyk7Y29udGludWV9fWVsc2UgaWYodC50aXRsZUlkJiZ0LmxldmVsKXtjb25zdCByPXQudGl0bGVJZDtpZihyKXtjb25zdCBkPXQubGV2ZWwsYz17dHlwZTphLlRJVExFLHRpdGxlOnQudGl0bGUsdGl0bGVJZDpyLHZhbHVlOiIiLGxldmVsOmR9LHM9W107Zm9yKDtpPGwubGVuZ3RoOyl7Y29uc3Qgbz1sW2ldO2lmKHIhPT1vLnRpdGxlSWQpe2ktLTticmVha31kZWxldGUgby5sZXZlbCxkZWxldGUgby50aXRsZSxzLnB1c2gobyksaSsrfWMudmFsdWVMaXN0PVQocyxuKSx0PWN9fWVsc2UgaWYodC5saXN0SWQmJnQubGlzdFR5cGUpe2NvbnN0IHI9dC5saXN0SWQ7aWYocil7Y29uc3QgZD10Lmxpc3RUeXBlLGM9dC5saXN0U3R5bGUscz17dHlwZTphLkxJU1QsdmFsdWU6IiIsbGlzdElkOnIsbGlzdFR5cGU6ZCxsaXN0U3R5bGU6Y30sbz1bXTtmb3IoO2k8bC5sZW5ndGg7KXtjb25zdCBoPWxbaV07aWYociE9PWgubGlzdElkKXtpLS07YnJlYWt9ZGVsZXRlIGgubGlzdFR5cGUsZGVsZXRlIGgubGlzdFN0eWxlLG8ucHVzaChoKSxpKyt9cy52YWx1ZUxpc3Q9VChvLG4pLHQ9c319ZWxzZSBpZih0LnR5cGU9PT1hLlRBQkxFKXtpZih0LnBhZ2luZ0lkKXtsZXQgcj1pKzEsZD0wO2Zvcig7cjxsLmxlbmd0aDspe2NvbnN0IGM9bFtyXTtpZihjLnBhZ2luZ0lkPT09dC5wYWdpbmdJZCl0LmhlaWdodCs9Yy5oZWlnaHQsdC50ckxpc3QucHVzaCguLi5jLnRyTGlzdCkscisrLGQrKztlbHNlIGJyZWFrfWkrPWR9aWYodC50ckxpc3QpZm9yKGxldCByPTA7cjx0LnRyTGlzdC5sZW5ndGg7cisrKXtjb25zdCBkPXQudHJMaXN0W3JdO2RlbGV0ZSBkLmlkO2ZvcihsZXQgYz0wO2M8ZC50ZExpc3QubGVuZ3RoO2MrKyl7Y29uc3Qgcz1kLnRkTGlzdFtjXSxvPXtjb2xzcGFuOnMuY29sc3Bhbixyb3dzcGFuOnMucm93c3Bhbix2YWx1ZTpUKHMudmFsdWUsey4uLm4saXNDbGFzc2lmeUFyZWE6ITF9KX07VS5mb3JFYWNoKGg9Pntjb25zdCBMPXNbaF07TCE9PXZvaWQgMCYmKG9baF09TCl9KSxkLnRkTGlzdFtjXT1vfX19ZWxzZSBpZih0LnR5cGU9PT1hLkhZUEVSTElOSyl7Y29uc3Qgcj10Lmh5cGVybGlua0lkO2lmKHIpe2NvbnN0IGQ9e3R5cGU6YS5IWVBFUkxJTkssdmFsdWU6IiIsdXJsOnQudXJsfSxjPVtdO2Zvcig7aTxsLmxlbmd0aDspe2NvbnN0IHM9bFtpXTtpZihyIT09cy5oeXBlcmxpbmtJZCl7aS0tO2JyZWFrfWRlbGV0ZSBzLnR5cGUsZGVsZXRlIHMudXJsLGMucHVzaChzKSxpKyt9ZC52YWx1ZUxpc3Q9VChjLG4pLHQ9ZH19ZWxzZSBpZih0LnR5cGU9PT1hLkRBVEUpe2NvbnN0IHI9dC5kYXRlSWQ7aWYocil7Y29uc3QgZD17dHlwZTphLkRBVEUsdmFsdWU6IiIsZGF0ZUZvcm1hdDp0LmRhdGVGb3JtYXR9LGM9W107Zm9yKDtpPGwubGVuZ3RoOyl7Y29uc3Qgcz1sW2ldO2lmKHIhPT1zLmRhdGVJZCl7aS0tO2JyZWFrfWRlbGV0ZSBzLnR5cGUsZGVsZXRlIHMuZGF0ZUZvcm1hdCxjLnB1c2gocyksaSsrfWQudmFsdWVMaXN0PVQoYyxuKSx0PWR9fWVsc2UgaWYodC5jb250cm9sSWQpe2NvbnN0IHI9dC5jb250cm9sSWQ7aWYodC5jb250cm9sQ29tcG9uZW50PT09QS5QUkVGSVgpe2NvbnN0IGQ9W107bGV0IGM9ITEscz1pO2Zvcig7czxsLmxlbmd0aDspe2NvbnN0IG89bFtzXTtpZihyIT09by5jb250cm9sSWQpYnJlYWs7by5jb250cm9sQ29tcG9uZW50PT09QS5WQUxVRSYmKGRlbGV0ZSBvLmNvbnRyb2wsZGVsZXRlIG8uY29udHJvbElkLGQucHVzaChvKSksby5jb250cm9sQ29tcG9uZW50PT09QS5QT1NURklYJiYoYz0hMCkscysrfWlmKGMpe2NvbnN0IG89eSh0LHcpLGg9ey4uLnQuY29udHJvbCwuLi5vfSxMPXsuLi55KHQsXyksdHlwZTphLkNPTlRST0wsdmFsdWU6IiIsY29udHJvbDpoLGNvbnRyb2xJZDpyfTtMLmNvbnRyb2wudmFsdWU9VChkLG4pLHQ9SChMLHtleHRyYVBpY2tBdHRyczp1fSksaSs9cy1pLTF9fWlmKHQuY29udHJvbENvbXBvbmVudCYmKGRlbGV0ZSB0LmNvbnRyb2wsZGVsZXRlIHQuY29udHJvbElkLHQuY29udHJvbENvbXBvbmVudCE9PUEuVkFMVUUmJnQuY29udHJvbENvbXBvbmVudCE9PUEuUFJFX1RFWFQmJnQuY29udHJvbENvbXBvbmVudCE9PUEuUE9TVF9URVhUKSl7aSsrO2NvbnRpbnVlfX1jb25zdCBGPUgodCx7ZXh0cmFQaWNrQXR0cnM6dX0pO2lmKCF0LnR5cGV8fHQudHlwZT09PWEuVEVYVHx8dC50eXBlPT09YS5TVUJTQ1JJUFR8fHQudHlwZT09PWEuU1VQRVJTQ1JJUFQpZm9yKDtpPGwubGVuZ3RoOyl7Y29uc3Qgcj1sW2krMV07aWYoaSsrLHImJk0oRixIKHIse2V4dHJhUGlja0F0dHJzOnV9KSkpe2NvbnN0IGQ9ci52YWx1ZT09PXY/YApgOnIudmFsdWU7Ri52YWx1ZSs9ZH1lbHNlIGJyZWFrfWVsc2UgaSsrO0MucHVzaChGKX1yZXR1cm4gQ31vbm1lc3NhZ2U9ZT0+e2NvbnN0IG49ZS5kYXRhLHtvcHRpb25zOnUsZGF0YTpmfT1uLHtleHRyYVBpY2tBdHRyczpJPVtdfT11fHx7fSxsPXtoZWFkZXI6VChmLmhlYWRlcix7ZXh0cmFQaWNrQXR0cnM6SSxpc0Nsb25lOiExfSksbWFpbjpUKGYubWFpbix7ZXh0cmFQaWNrQXR0cnM6SSxpc0NsYXNzaWZ5QXJlYTohMCxpc0Nsb25lOiExfSksZm9vdGVyOlQoZi5mb290ZXIse2V4dHJhUGlja0F0dHJzOkksaXNDbG9uZTohMX0pfTtwb3N0TWVzc2FnZShsKX19KSgpOwo=";
+const encodedJs = "KGZ1bmN0aW9uKCl7InVzZSBzdHJpY3QiO3ZhciBSPShlPT4oZS5IQUxGPSJoYWxmIixlLk9ORV9USElSRD0ib25lLXRoaXJkIixlLlFVQVJURVI9InF1YXJ0ZXIiLGUpKShSfHx7fSksZz0oZT0+KGUuQVJBQklDPSJhcmFiaWMiLGUuQ0hJTkVTRT0iY2hpbmVzZSIsZSkpKGd8fHt9KSxOPShlPT4oZS5JTkxJTkU9ImlubGluZSIsZS5CTE9DSz0iYmxvY2siLGUuU1VSUk9VTkQ9InN1cnJvdW5kIixlLkZMT0FUX1RPUD0iZmxvYXQtdG9wIixlLkZMT0FUX0JPVFRPTT0iZmxvYXQtYm90dG9tIixlKSkoTnx8e30pO2NvbnN0IFM9Ilx1MjAwQiI7Ui5IQUxGKyIiLDEvMixSLk9ORV9USElSRCsiIiwxLzMsUi5RVUFSVEVSKyIiLDEvNDtmdW5jdGlvbiB2KGUpe2lmKHR5cGVvZiBzdHJ1Y3R1cmVkQ2xvbmU9PSJmdW5jdGlvbiIpcmV0dXJuIHN0cnVjdHVyZWRDbG9uZShlKTtpZighZXx8dHlwZW9mIGUhPSJvYmplY3QiKXJldHVybiBlO2xldCBvPXt9O3JldHVybiBBcnJheS5pc0FycmF5KGUpP289ZS5tYXAoZD0+dihkKSk6T2JqZWN0LmtleXMoZSkuZm9yRWFjaChkPT57b1tkXT12KGVbZF0pfSksb31mdW5jdGlvbiBtKGUsbyl7Y29uc3QgZD17fTtmb3IoY29uc3QgVCBpbiBlKW8uaW5jbHVkZXMoVCkmJihkW1RdPWVbVF0pO3JldHVybiBkfWZ1bmN0aW9uIEIoZSxvKXtyZXR1cm4gZS5sZW5ndGghPT1vLmxlbmd0aD8hMTohZS5zb21lKGQ9PiFvLmluY2x1ZGVzKGQpKX12YXIgYT0oZT0+KGUuVEVYVD0idGV4dCIsZS5JTUFHRT0iaW1hZ2UiLGUuVEFCTEU9InRhYmxlIixlLkhZUEVSTElOSz0iaHlwZXJsaW5rIixlLlNVUEVSU0NSSVBUPSJzdXBlcnNjcmlwdCIsZS5TVUJTQ1JJUFQ9InN1YnNjcmlwdCIsZS5TRVBBUkFUT1I9InNlcGFyYXRvciIsZS5QQUdFX0JSRUFLPSJwYWdlQnJlYWsiLGUuQ09OVFJPTD0iY29udHJvbCIsZS5BUkVBPSJhcmVhIixlLkNIRUNLQk9YPSJjaGVja2JveCIsZS5SQURJTz0icmFkaW8iLGUuTEFURVg9ImxhdGV4IixlLlRBQj0idGFiIixlLkRBVEU9ImRhdGUiLGUuQkxPQ0s9ImJsb2NrIixlLlRJVExFPSJ0aXRsZSIsZS5MSVNUPSJsaXN0IixlLkxBQkVMPSJsYWJlbCIsZSkpKGF8fHt9KTtjb25zdCBVPVsicm93RmxleCIsInJvd01hcmdpbiIsInRleHRJbmRlbnQiLCJtYXJnaW5MZWZ0IiwibWFyZ2luUmlnaHQiLCJtYXJnaW5Ub3AiLCJtaW5IZWlnaHQiLCJ3aGl0ZVNwYWNlIl0sdz1bInR5cGUiLCJmb250Iiwic2l6ZSIsImJvbGQiLCJjb2xvciIsIml0YWxpYyIsImhpZ2hsaWdodCIsInVuZGVybGluZSIsInN0cmlrZW91dCIsInJvd0ZsZXgiLCJyb3dNYXJnaW4iLCJ0ZXh0SW5kZW50IiwibWFyZ2luTGVmdCIsIm1hcmdpblJpZ2h0IiwibWFyZ2luVG9wIiwibWluSGVpZ2h0Iiwid2hpdGVTcGFjZSIsImRhc2hBcnJheSIsInRyTGlzdCIsInRhYmxlVG9vbERpc2FibGVkIiwiYm9yZGVyVHlwZSIsImJvcmRlckNvbG9yIiwidHJhbnNsYXRlWCIsIndpZHRoIiwiaGVpZ2h0IiwidXJsIiwiY29sZ3JvdXAiLCJ2YWx1ZUxpc3QiLCJjb250cm9sIiwiY2hlY2tib3giLCJyYWRpbyIsImRhdGVGb3JtYXQiLCJibG9jayIsImxldmVsIiwidGl0bGUiLCJsaXN0VHlwZSIsImxpc3RTdHlsZSIsImxpc3RXcmFwIiwiZ3JvdXBJZHMiLCJjb25jZXB0SWQiLCJpbWdEaXNwbGF5IiwiaW1nRmxvYXRQb3NpdGlvbiIsImltZ1Rvb2xEaXNhYmxlZCIsImltZ1ByZXZpZXdEaXNhYmxlZCIsImltZ0Nyb3AiLCJpbWdDYXB0aW9uIiwidGV4dERlY29yYXRpb24iLCJleHRlbnNpb24iLCJleHRlcm5hbElkIiwiYXJlYUlkIiwiYXJlYSIsImhpZGUiLCJsYWJlbCIsImxhYmVsSWQiLCJsaW5lV2lkdGgiLCJmb3JtSW5wdXQiXSxLPVsiY29uY2VwdElkIiwiZXh0ZW5zaW9uIiwiZXh0ZXJuYWxJZCIsInZlcnRpY2FsQWxpZ24iLCJiYWNrZ3JvdW5kQ29sb3IiLCJib3JkZXJUeXBlcyIsInNsYXNoVHlwZXMiLCJkaXNhYmxlZCIsImRlbGV0YWJsZSJdLHo9WyJmb250Iiwic2l6ZSIsImJvbGQiLCJoaWdobGlnaHQiLCJpdGFsaWMiLCJzdHJpa2VvdXQiXTthLlRFWFQsYS5IWVBFUkxJTkssYS5TVUJTQ1JJUFQsYS5TVVBFUlNDUklQVCxhLkNPTlRST0wsYS5EQVRFLGEuSU1BR0UsYS5MQVRFWCxhLkJMT0NLLGEuUEFHRV9CUkVBSyxhLlNFUEFSQVRPUixhLlRBQkxFLGEuVElUTEUsYS5MSVNUO3ZhciBiPShlPT4oZS5VTD0idWwiLGUuT0w9Im9sIixlKSkoYnx8e30pLEw9KGU9PihlLkRJU0M9ImRpc2MiLGUuQ0lSQ0xFPSJjaXJjbGUiLGUuU1FVQVJFPSJzcXVhcmUiLGUuQ0hFQ0tCT1g9ImNoZWNrYm94IixlKSkoTHx8e30pLHA9KGU9PihlLkRJU0M9ImRpc2MiLGUuQ0lSQ0xFPSJjaXJjbGUiLGUuU1FVQVJFPSJzcXVhcmUiLGUuREVDSU1BTD0iZGVjaW1hbCIsZS5DSEVDS0JPWD0iY2hlY2tib3giLGUpKShwfHx7fSk7TC5ESVNDKyIiLEwuQ0lSQ0xFKyIiLEwuU1FVQVJFKyIiLEwuQ0hFQ0tCT1grIiIsYi5PTCsiIixiLlVMKyIiLHAuRElTQysiIixwLkNJUkNMRSsiIixwLlNRVUFSRSsiIixwLkRFQ0lNQUwrIiIscC5DSEVDS0JPWCsiIjt2YXIgRT0oZT0+KGUuRklSU1Q9ImZpcnN0IixlLlNFQ09ORD0ic2Vjb25kIixlLlRISVJEPSJ0aGlyZCIsZS5GT1VSVEg9ImZvdXJ0aCIsZS5GSUZUSD0iZmlmdGgiLGUuU0lYVEg9InNpeHRoIixlKSkoRXx8e30pO0UuRklSU1QrIiIsRS5TRUNPTkQrIiIsRS5USElSRCsiIixFLkZPVVJUSCsiIixFLkZJRlRIKyIiLEUuU0lYVEgrIiIsRS5GSVJTVCsiIixFLlNFQ09ORCsiIixFLlRISVJEKyIiLEUuRk9VUlRIKyIiLEUuRklGVEgrIiIsRS5TSVhUSCsiIixFLkZJUlNULEUuU0VDT05ELEUuVEhJUkQsRS5GT1VSVEgsRS5GSUZUSCxFLlNJWFRIO3ZhciBBPShlPT4oZS5QUkVGSVg9InByZWZpeCIsZS5QT1NURklYPSJwb3N0Zml4IixlLlBSRV9URVhUPSJwcmVUZXh0IixlLlBPU1RfVEVYVD0icG9zdFRleHQiLGUuUExBQ0VIT0xERVI9InBsYWNlaG9sZGVyIixlLlZBTFVFPSJ2YWx1ZSIsZS5DSEVDS0JPWD0iY2hlY2tib3giLGUuUkFESU89InJhZGlvIixlKSkoQXx8e30pLHk9KGU9PihlLkxFRlQ9ImxlZnQiLGUuQ0VOVEVSPSJjZW50ZXIiLGUuUklHSFQ9InJpZ2h0IixlLkFMSUdOTUVOVD0iYWxpZ25tZW50IixlLkpVU1RJRlk9Imp1c3RpZnkiLGUpKSh5fHx7fSksRD0oZT0+KGUuQ09OVEFJTj0iY29udGFpbiIsZS5DT1ZFUj0iY292ZXIiLGUpKShEfHx7fSksaz0oZT0+KGUuUkVQRUFUPSJyZXBlYXQiLGUuTk9fUkVQRUFUPSJuby1yZXBlYXQiLGUuUkVQRUFUX1g9InJlcGVhdC14IixlLlJFUEVBVF9ZPSJyZXBlYXQteSIsZSkpKGt8fHt9KSx4PShlPT4oZS5DRU5URVI9ImNlbnRlciIsZS5UT1BfTEVGVD0idG9wTGVmdCIsZSkpKHh8fHt9KTtELkNPTlRBSU4say5OT19SRVBFQVQseC5DRU5URVI7dmFyIFA9KGU9PihlLlRPUD0idG9wIixlLk1JRERMRT0ibWlkZGxlIixlLkJPVFRPTT0iYm90dG9tIixlKSkoUHx8e30pO1AuQk9UVE9NLFIuSEFMRixSLkhBTEY7Y29uc3QgTT17UEFHRV9OTzoie3BhZ2VOb30iLFBBR0VfQ09VTlQ6IntwYWdlQ291bnR9In07eS5DRU5URVIsTS5QQUdFX05PLGcuQVJBQklDLFAuQk9UVE9NO3ZhciBfPShlPT4oZS5URVhUPSJ0ZXh0IixlLklNQUdFPSJpbWFnZSIsZSkpKF98fHt9KTtfLlRFWFQsZy5BUkFCSUM7dmFyIFg9KGU9PihlLlBBR0U9InBhZ2UiLGUuQ09OVElOVUlUWT0iY29udGludWl0eSIsZSkpKFh8fHt9KTtYLkNPTlRJTlVJVFk7ZnVuY3Rpb24gRyhlLG8pe2NvbnN0IGQ9T2JqZWN0LmtleXMoZSksVD1PYmplY3Qua2V5cyhvKTtpZihkLmxlbmd0aCE9PVQubGVuZ3RoKXJldHVybiExO2ZvcihsZXQgZj0wO2Y8ZC5sZW5ndGg7ZisrKXtjb25zdCBsPWRbZl07aWYobCE9PSJ2YWx1ZSImJiEobD09PSJncm91cElkcyImJkFycmF5LmlzQXJyYXkoZVtsXSkmJkFycmF5LmlzQXJyYXkob1tsXSkmJkIoZVtsXSxvW2xdKSkmJmVbbF0hPT1vW2xdKXJldHVybiExfXJldHVybiEwfWZ1bmN0aW9uIEYoZSxvPXt9KXtjb25zdHtleHRyYVBpY2tBdHRyczpkfT1vLFQ9Wy4uLnddO2QmJlQucHVzaCguLi5kKTtjb25zdCBmPXt2YWx1ZTplLnZhbHVlPT09Uz9gCmA6ZS52YWx1ZX07cmV0dXJuIFQuZm9yRWFjaChsPT57Y29uc3QgTz1lW2xdO08hPT12b2lkIDAmJihmW2xdPU8pfSksZn1mdW5jdGlvbiBJKGUsbz17fSl7Y29uc3R7ZXh0cmFQaWNrQXR0cnM6ZCxpc0NsYXNzaWZ5QXJlYTpUPSExLGlzQ2xvbmU6Zj0hMH09byxsPWY/dihlKTplLE89W107bGV0IGk9MDtmb3IoO2k8bC5sZW5ndGg7KXtsZXQgdD1sW2ldO2lmKGk9PT0wJiZ0LnZhbHVlPT09UyYmIXQubGlzdElkJiYoIXQudHlwZXx8dC50eXBlPT09YS5URVhUKSl7aSsrO2NvbnRpbnVlfWlmKHQuYXJlYUlkKXtjb25zdCByPXQuYXJlYUlkLHU9dC5hcmVhLGM9W107Zm9yKDtpPGwubGVuZ3RoOyl7Y29uc3Qgcz1sW2ldO2lmKHIhPT1zLmFyZWFJZCl7aS0tO2JyZWFrfWRlbGV0ZSBzLmFyZWEsZGVsZXRlIHMuYXJlYUlkLGMucHVzaChzKSxpKyt9Y29uc3Qgbj1JKGMsbyk7aWYoVCl7Y29uc3Qgcz17dHlwZTphLkFSRUEsdmFsdWU6IiIsYXJlYUlkOnIsYXJlYTp1fTtzLnZhbHVlTGlzdD1uLHQ9c31lbHNle08uc3BsaWNlKGksMCwuLi5uKTtjb250aW51ZX19ZWxzZSBpZih0LnRpdGxlSWQmJnQubGV2ZWwpe2NvbnN0IHI9dC50aXRsZUlkO2lmKHIpe2NvbnN0IHU9dC5sZXZlbCxjPXt0eXBlOmEuVElUTEUsdGl0bGU6dC50aXRsZSx0aXRsZUlkOnIsdmFsdWU6IiIsbGV2ZWw6dX0sbj1bXTtmb3IoO2k8bC5sZW5ndGg7KXtjb25zdCBzPWxbaV07aWYociE9PXMudGl0bGVJZCl7aS0tO2JyZWFrfWRlbGV0ZSBzLmxldmVsLGRlbGV0ZSBzLnRpdGxlLG4ucHVzaChzKSxpKyt9Yy52YWx1ZUxpc3Q9SShuLG8pLHQ9Y319ZWxzZSBpZih0Lmxpc3RJZCYmdC5saXN0VHlwZSl7Y29uc3Qgcj10Lmxpc3RJZDtpZihyKXtjb25zdCB1PXQubGlzdFR5cGUsYz10Lmxpc3RTdHlsZSxuPXt0eXBlOmEuTElTVCx2YWx1ZToiIixsaXN0SWQ6cixsaXN0VHlwZTp1LGxpc3RTdHlsZTpjfSxzPVtdO2Zvcig7aTxsLmxlbmd0aDspe2NvbnN0IGg9bFtpXTtpZihyIT09aC5saXN0SWQpe2ktLTticmVha31kZWxldGUgaC5saXN0VHlwZSxkZWxldGUgaC5saXN0U3R5bGUscy5wdXNoKGgpLGkrK31uLnZhbHVlTGlzdD1JKHMsbyksdD1ufX1lbHNlIGlmKHQudHlwZT09PWEuVEFCTEUpe2lmKHQucGFnaW5nSWQpe2xldCByPWkrMSx1PTA7Zm9yKDtyPGwubGVuZ3RoOyl7Y29uc3QgYz1sW3JdO2lmKGMucGFnaW5nSWQ9PT10LnBhZ2luZ0lkKXQuaGVpZ2h0Kz1jLmhlaWdodCx0LnRyTGlzdC5wdXNoKC4uLmMudHJMaXN0KSxyKyssdSsrO2Vsc2UgYnJlYWt9aSs9dX1pZih0LnRyTGlzdClmb3IobGV0IHI9MDtyPHQudHJMaXN0Lmxlbmd0aDtyKyspe2NvbnN0IHU9dC50ckxpc3Rbcl07ZGVsZXRlIHUuaWQ7Zm9yKGxldCBjPTA7Yzx1LnRkTGlzdC5sZW5ndGg7YysrKXtjb25zdCBuPXUudGRMaXN0W2NdLHM9e2NvbHNwYW46bi5jb2xzcGFuLHJvd3NwYW46bi5yb3dzcGFuLHZhbHVlOkkobi52YWx1ZSx7Li4ubyxpc0NsYXNzaWZ5QXJlYTohMX0pfTtLLmZvckVhY2goaD0+e2NvbnN0IEM9bltoXTtDIT09dm9pZCAwJiYoc1toXT1DKX0pLHUudGRMaXN0W2NdPXN9fX1lbHNlIGlmKHQudHlwZT09PWEuSFlQRVJMSU5LKXtjb25zdCByPXQuaHlwZXJsaW5rSWQ7aWYocil7Y29uc3QgdT17dHlwZTphLkhZUEVSTElOSyx2YWx1ZToiIix1cmw6dC51cmx9LGM9W107Zm9yKDtpPGwubGVuZ3RoOyl7Y29uc3Qgbj1sW2ldO2lmKHIhPT1uLmh5cGVybGlua0lkKXtpLS07YnJlYWt9ZGVsZXRlIG4udHlwZSxkZWxldGUgbi51cmwsYy5wdXNoKG4pLGkrK311LnZhbHVlTGlzdD1JKGMsbyksdD11fX1lbHNlIGlmKHQudHlwZT09PWEuREFURSl7Y29uc3Qgcj10LmRhdGVJZDtpZihyKXtjb25zdCB1PXt0eXBlOmEuREFURSx2YWx1ZToiIixkYXRlRm9ybWF0OnQuZGF0ZUZvcm1hdH0sYz1bXTtmb3IoO2k8bC5sZW5ndGg7KXtjb25zdCBuPWxbaV07aWYociE9PW4uZGF0ZUlkKXtpLS07YnJlYWt9ZGVsZXRlIG4udHlwZSxkZWxldGUgbi5kYXRlRm9ybWF0LGMucHVzaChuKSxpKyt9dS52YWx1ZUxpc3Q9SShjLG8pLHQ9dX19ZWxzZSBpZih0LmNvbnRyb2xJZCl7Y29uc3Qgcj10LmNvbnRyb2xJZDtpZih0LmNvbnRyb2xDb21wb25lbnQ9PT1BLlBSRUZJWCl7Y29uc3QgdT1bXTtsZXQgYz0hMSxuPWk7Zm9yKDtuPGwubGVuZ3RoOyl7Y29uc3Qgcz1sW25dO2lmKHIhPT1zLmNvbnRyb2xJZClicmVhaztzLmNvbnRyb2xDb21wb25lbnQ9PT1BLlZBTFVFJiYoZGVsZXRlIHMuY29udHJvbCxkZWxldGUgcy5jb250cm9sSWQsdS5wdXNoKHMpKSxzLmNvbnRyb2xDb21wb25lbnQ9PT1BLlBPU1RGSVgmJihjPSEwKSxuKyt9aWYoYyl7Y29uc3Qgcz1tKHQseiksaD17Li4udC5jb250cm9sLC4uLnN9LEM9ey4uLm0odCxVKSx0eXBlOmEuQ09OVFJPTCx2YWx1ZToiIixjb250cm9sOmgsY29udHJvbElkOnJ9O0MuY29udHJvbC52YWx1ZT1JKHUsbyksdD1GKEMse2V4dHJhUGlja0F0dHJzOmR9KSxpKz1uLWktMX19aWYodC5jb250cm9sQ29tcG9uZW50JiYoZGVsZXRlIHQuY29udHJvbCxkZWxldGUgdC5jb250cm9sSWQsdC5jb250cm9sQ29tcG9uZW50IT09QS5WQUxVRSYmdC5jb250cm9sQ29tcG9uZW50IT09QS5QUkVfVEVYVCYmdC5jb250cm9sQ29tcG9uZW50IT09QS5QT1NUX1RFWFQpKXtpKys7Y29udGludWV9fWNvbnN0IEg9Rih0LHtleHRyYVBpY2tBdHRyczpkfSk7aWYoIXQudHlwZXx8dC50eXBlPT09YS5URVhUfHx0LnR5cGU9PT1hLlNVQlNDUklQVHx8dC50eXBlPT09YS5TVVBFUlNDUklQVClmb3IoO2k8bC5sZW5ndGg7KXtjb25zdCByPWxbaSsxXTtpZihpKyssciYmRyhILEYocix7ZXh0cmFQaWNrQXR0cnM6ZH0pKSl7Y29uc3QgdT1yLnZhbHVlPT09Uz9gCmA6ci52YWx1ZTtILnZhbHVlKz11fWVsc2UgYnJlYWt9ZWxzZSBpKys7Ty5wdXNoKEgpfXJldHVybiBPfU9iamVjdC52YWx1ZXMoTiksb25tZXNzYWdlPWU9Pntjb25zdCBvPWUuZGF0YSx7b3B0aW9uczpkLGRhdGE6VH09byx7ZXh0cmFQaWNrQXR0cnM6Zj1bXX09ZHx8e30sbD17aGVhZGVyOkkoVC5oZWFkZXIse2V4dHJhUGlja0F0dHJzOmYsaXNDbG9uZTohMX0pLG1haW46SShULm1haW4se2V4dHJhUGlja0F0dHJzOmYsaXNDbGFzc2lmeUFyZWE6ITAsaXNDbG9uZTohMX0pLGZvb3RlcjpJKFQuZm9vdGVyLHtleHRyYVBpY2tBdHRyczpmLGlzQ2xvbmU6ITF9KX07cG9zdE1lc3NhZ2UobCl9fSkoKTsK";
 const blob = typeof window !== "undefined" && window.Blob && new Blob([atob(encodedJs)], { type: "text/javascript;charset=utf-8" });
 function WorkerWrapper() {
   const objURL = blob && (window.URL || window.webkitURL).createObjectURL(blob);
@@ -15577,6 +16265,7 @@ class Dialog {
     this.mask = null;
     this.container = null;
     this.inputList = [];
+    this.searchDropdowns = /* @__PURE__ */ new Map();
     this._render();
   }
   _render() {
@@ -15620,45 +16309,65 @@ class Dialog {
           optionName.classList.add("dialog-option__item--require");
         }
       }
-      let optionInput;
       if (option.type === "select") {
-        optionInput = document.createElement("select");
-        (_a = option.options) == null ? void 0 : _a.forEach((item) => {
-          const optionItem = document.createElement("option");
-          optionItem.value = item.value;
-          optionItem.label = item.label;
-          optionInput.append(optionItem);
-        });
-      } else if (option.type === "textarea") {
-        optionInput = document.createElement("textarea");
-      } else if (option.type === "color") {
-        optionInput = document.createElement("input");
-        optionInput.type = "text";
-        optionInput.onclick = function() {
-          colorControlDom.click();
-        };
-        const colorControlDom = document.querySelector("#color");
-        colorControlDom.oninput = function() {
-          optionInput.value = colorControlDom.value;
-        };
+        if (option.searchable === false) {
+          const optionInput = document.createElement("select");
+          if (option.width) {
+            optionInput.style.width = `${option.width}px`;
+          }
+          if (option.height) {
+            optionInput.style.height = `${option.height}px`;
+          }
+          optionInput.name = option.name;
+          optionInput.value = option.value || "";
+          (_a = option.options) == null ? void 0 : _a.forEach((item) => {
+            const optionItem = document.createElement("option");
+            optionItem.value = item.value;
+            optionItem.label = item.label;
+            optionInput.append(optionItem);
+          });
+          optionItemContainer.append(optionInput);
+          optionContainer.append(optionItemContainer);
+          this.inputList.push(optionInput);
+        } else {
+          const searchableSelect = this._createSearchableSelect(option);
+          optionItemContainer.append(searchableSelect);
+          optionContainer.append(optionItemContainer);
+          this.inputList.push(searchableSelect);
+        }
       } else {
-        optionInput = document.createElement("input");
-        optionInput.type = option.type;
-      }
-      if (option.width) {
-        optionInput.style.width = `${option.width}px`;
-      }
-      if (option.height) {
-        optionInput.style.height = `${option.height}px`;
-      }
-      optionInput.name = option.name;
-      optionInput.value = option.value || "";
-      if (!(optionInput instanceof HTMLSelectElement)) {
-        optionInput.placeholder = option.placeholder || "";
+        let optionInput;
+        if (option.type === "textarea") {
+          optionInput = document.createElement("textarea");
+        } else if (option.type === "color") {
+          optionInput = document.createElement("input");
+          optionInput.type = "text";
+          optionInput.onclick = function() {
+            colorControlDom.click();
+          };
+          const colorControlDom = document.querySelector("#color");
+          colorControlDom.oninput = function() {
+            optionInput.value = colorControlDom.value;
+          };
+        } else {
+          optionInput = document.createElement("input");
+          optionInput.type = option.type;
+        }
+        if (option.width) {
+          optionInput.style.width = `${option.width}px`;
+        }
+        if (option.height) {
+          optionInput.style.height = `${option.height}px`;
+        }
+        optionInput.name = option.name;
+        optionInput.value = option.value || "";
+        if (!(optionInput instanceof HTMLSelectElement)) {
+          optionInput.placeholder = option.placeholder || "";
+        }
+        optionItemContainer.append(optionInput);
+        optionContainer.append(optionItemContainer);
+        this.inputList.push(optionInput);
       }
-      optionItemContainer.append(optionInput);
-      optionContainer.append(optionItemContainer);
-      this.inputList.push(optionInput);
     }
     dialogContainer.append(optionContainer);
     const menuContainer = document.createElement("div");
@@ -15679,10 +16388,21 @@ class Dialog {
     confirmBtn.type = "submit";
     confirmBtn.onclick = () => {
       if (onConfirm) {
-        const payload = this.inputList.map((input2) => ({
-          name: input2.name,
-          value: input2.value
-        }));
+        const payload = this.inputList.map((input2) => {
+          if (input2 instanceof HTMLDivElement && input2.classList.contains("searchable-select")) {
+            const name = input2.getAttribute("data-name") || "";
+            const dropdownInfo = this.searchDropdowns.get(name);
+            return {
+              name,
+              value: (dropdownInfo == null ? void 0 : dropdownInfo.selectedValue) || ""
+            };
+          }
+          const element = input2;
+          return {
+            name: element.name,
+            value: element.value
+          };
+        });
         onConfirm(payload);
       }
       this._dispose();
@@ -15693,6 +16413,127 @@ class Dialog {
     this.container = container;
     this.mask = mask;
   }
+  _createSearchableSelect(option) {
+    var _a;
+    const container = document.createElement("div");
+    container.classList.add("searchable-select");
+    container.setAttribute("data-name", option.name);
+    if (option.width) {
+      container.style.width = `${option.width}px`;
+    }
+    const input2 = document.createElement("input");
+    input2.type = "text";
+    input2.classList.add("searchable-select__input");
+    input2.placeholder = option.placeholder || "\u8BF7\u9009\u62E9\u6216\u641C\u7D22";
+    const dropdownInfo = this.searchDropdowns.get(option.name);
+    const currentValue = (dropdownInfo == null ? void 0 : dropdownInfo.selectedValue) || option.value || "";
+    if (currentValue && option.options) {
+      const selectedOption = option.options.find((opt) => opt.value === currentValue);
+      if (selectedOption) {
+        input2.value = selectedOption.label;
+      }
+    }
+    const arrow = document.createElement("span");
+    arrow.classList.add("searchable-select__arrow");
+    arrow.innerHTML = "\u25BC";
+    const inputWrapper = document.createElement("div");
+    inputWrapper.classList.add("searchable-select__input-wrapper");
+    inputWrapper.append(input2);
+    inputWrapper.append(arrow);
+    const dropdown = document.createElement("div");
+    dropdown.classList.add("searchable-select__dropdown");
+    dropdown.style.display = "none";
+    const renderOptions = (filterText = "") => {
+      var _a2;
+      dropdown.innerHTML = "";
+      const filteredOptions = ((_a2 = option.options) == null ? void 0 : _a2.filter((opt) => !filterText || opt.label.toLowerCase().includes(filterText.toLowerCase()))) || [];
+      const dropdownInfo2 = this.searchDropdowns.get(option.name);
+      const currentValue2 = (dropdownInfo2 == null ? void 0 : dropdownInfo2.selectedValue) || option.value || "";
+      if (filteredOptions.length === 0) {
+        const emptyItem = document.createElement("div");
+        emptyItem.classList.add("searchable-select__option", "searchable-select__option--empty");
+        emptyItem.textContent = "\u65E0\u5339\u914D\u9009\u9879";
+        dropdown.append(emptyItem);
+      } else {
+        filteredOptions.forEach((item) => {
+          const optionItem = document.createElement("div");
+          optionItem.classList.add("searchable-select__option");
+          optionItem.textContent = item.label;
+          optionItem.setAttribute("data-value", item.value);
+          if (item.value === currentValue2) {
+            optionItem.classList.add("searchable-select__option--selected");
+          }
+          optionItem.onclick = (e) => {
+            e.stopPropagation();
+            const selectedValue = optionItem.getAttribute("data-value") || "";
+            input2.value = item.label;
+            const allOptions = dropdown.querySelectorAll(".searchable-select__option");
+            allOptions.forEach((opt) => {
+              opt.classList.remove("searchable-select__option--selected");
+            });
+            optionItem.classList.add("searchable-select__option--selected");
+            const dropdownInfo3 = this.searchDropdowns.get(option.name);
+            if (dropdownInfo3) {
+              dropdownInfo3.selectedValue = selectedValue;
+            }
+            dropdown.style.display = "none";
+          };
+          dropdown.append(optionItem);
+        });
+      }
+    };
+    renderOptions();
+    input2.oninput = () => {
+      renderOptions(input2.value);
+      dropdown.style.display = "block";
+    };
+    input2.onclick = (e) => {
+      e.stopPropagation();
+      const allDropdowns = document.querySelectorAll(".searchable-select__dropdown");
+      allDropdowns.forEach((d) => {
+        if (d !== dropdown) {
+          d.style.display = "none";
+        }
+      });
+      dropdown.style.display = dropdown.style.display === "block" ? "none" : "block";
+    };
+    arrow.onclick = (e) => {
+      e.stopPropagation();
+      const allDropdowns = document.querySelectorAll(".searchable-select__dropdown");
+      allDropdowns.forEach((d) => {
+        if (d !== dropdown) {
+          d.style.display = "none";
+        }
+      });
+      dropdown.style.display = dropdown.style.display === "block" ? "none" : "block";
+      input2.focus();
+    };
+    const closeDropdown = (e) => {
+      const target = e.target;
+      if (!container.contains(target)) {
+        dropdown.style.display = "none";
+      }
+    };
+    document.addEventListener("click", closeDropdown);
+    const hiddenSelect = document.createElement("select");
+    hiddenSelect.style.display = "none";
+    hiddenSelect.name = option.name;
+    hiddenSelect.value = option.value || "";
+    (_a = option.options) == null ? void 0 : _a.forEach((item) => {
+      const optionItem = document.createElement("option");
+      optionItem.value = item.value;
+      optionItem.label = item.label;
+      hiddenSelect.append(optionItem);
+    });
+    this.searchDropdowns.set(option.name, {
+      selectedValue: option.value || "",
+      selectElement: hiddenSelect
+    });
+    container.append(inputWrapper);
+    container.append(dropdown);
+    container.append(hiddenSelect);
+    return container;
+  }
   _dispose() {
     var _a, _b;
     (_a = this.mask) == null ? void 0 : _a.remove();
@@ -15987,7 +16828,8 @@ function formCheckboxPropertiesConfigDialog(el, editor) {
       const fontFamily = (_h2 = payload.find((p) => p.name === "fontFamily")) == null ? void 0 : _h2.value;
       const type = "checkbox";
       const formInputKeys = editor.getExtensionParam("formInputKeys");
-      formInputKeys.find((kel2) => kel2.value === key) ? JSON.parse(kel) : "";
+      const item = formInputKeys.find((item2) => item2.value === key);
+      const elemProp = item ? JSON.stringify(item) : "";
       const formInput = {
         key,
         width,
@@ -15997,7 +16839,8 @@ function formCheckboxPropertiesConfigDialog(el, editor) {
         fontSize,
         fontFamily,
         color,
-        type
+        type,
+        elemProp
       };
       const imageDataUrl = generateCheckboxImage({
         checked,
@@ -16127,7 +16970,8 @@ function formRadioPropertiesConfigDialog(el, editor) {
       const fontFamily = (_h2 = payload.find((p) => p.name === "fontFamily")) == null ? void 0 : _h2.value;
       const type = "radio";
       const formInputKeys = editor.getExtensionParam("formInputKeys");
-      formInputKeys.find((kel2) => kel2.value === key) ? JSON.parse(kel) : "";
+      const item = formInputKeys.find((item2) => item2.value === key);
+      const elemProp = item ? JSON.stringify(item) : "";
       const formInput = {
         key,
         width,
@@ -16137,7 +16981,8 @@ function formRadioPropertiesConfigDialog(el, editor) {
         fontSize,
         fontFamily,
         color,
-        type
+        type,
+        elemProp
       };
       const imageDataUrl = generateRadioImage({
         checked,
@@ -16168,7 +17013,7 @@ function formRadioPropertiesConfigDialog(el, editor) {
   });
 }
 function formInputPropertiesConfigDialog(el, editor) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
   console.log("el", el);
   new Dialog({
     title: "\u8868\u5355\u6587\u672C\u6846",
@@ -16198,20 +17043,28 @@ function formInputPropertiesConfigDialog(el, editor) {
         placeholder: "\u8BF7\u8F93\u5165\u9AD8\u5EA6",
         value: (_f = (_e = el == null ? void 0 : el.formInput) == null ? void 0 : _e.height) != null ? _f : "50"
       },
+      {
+        type: "text",
+        label: "\u884C\u9AD8",
+        name: "lineHeight",
+        required: false,
+        placeholder: "\u683C\u5F0F\u5316\u6587\u672C\u4F7F\u7528",
+        value: (_h = (_g = el == null ? void 0 : el.formInput) == null ? void 0 : _g.lineHeight) != null ? _h : ""
+      },
       {
         type: "number",
         label: "\u5B57\u53F7",
         name: "fontSize",
         required: true,
         placeholder: "\u8BF7\u8F93\u5165\u5B57\u53F7",
-        value: (_h = (_g = el == null ? void 0 : el.formInput) == null ? void 0 : _g.fontSize) != null ? _h : "10"
+        value: (_j = (_i = el == null ? void 0 : el.formInput) == null ? void 0 : _i.fontSize) != null ? _j : "10"
       },
       {
         type: "select",
         label: "\u662F\u5426\u52A0\u7C97",
         name: "bold",
         required: true,
-        value: ((_i = el == null ? void 0 : el.formInput) == null ? void 0 : _i.bold) ? String((_j = el == null ? void 0 : el.formInput) == null ? void 0 : _j.bold) : "false",
+        value: ((_k = el == null ? void 0 : el.formInput) == null ? void 0 : _k.bold) ? String((_l = el == null ? void 0 : el.formInput) == null ? void 0 : _l.bold) : "false",
         options: [
           {
             label: "\u662F",
@@ -16228,7 +17081,7 @@ function formInputPropertiesConfigDialog(el, editor) {
         label: "\u662F\u5426\u659C\u4F53",
         name: "italic",
         required: true,
-        value: ((_k = el == null ? void 0 : el.formInput) == null ? void 0 : _k.italic) ? String((_l = el == null ? void 0 : el.formInput) == null ? void 0 : _l.italic) : "false",
+        value: ((_m = el == null ? void 0 : el.formInput) == null ? void 0 : _m.italic) ? String((_n = el == null ? void 0 : el.formInput) == null ? void 0 : _n.italic) : "false",
         options: [
           {
             label: "\u662F",
@@ -16245,7 +17098,7 @@ function formInputPropertiesConfigDialog(el, editor) {
         label: "\u586B\u5145\u7C7B\u578B",
         name: "txtFillType",
         required: true,
-        value: ((_m = el == null ? void 0 : el.formInput) == null ? void 0 : _m.txtFillType) ? String((_n = el == null ? void 0 : el.formInput) == null ? void 0 : _n.txtFillType) : "0",
+        value: ((_o = el == null ? void 0 : el.formInput) == null ? void 0 : _o.txtFillType) ? String((_p = el == null ? void 0 : el.formInput) == null ? void 0 : _p.txtFillType) : "0",
         options: [
           {
             label: "\u6587\u672C",
@@ -16262,7 +17115,7 @@ function formInputPropertiesConfigDialog(el, editor) {
         label: "\u662F\u5426\u81EA\u52A8\u6362\u884C",
         name: "txtRowAutoFlag",
         required: false,
-        value: ((_o = el == null ? void 0 : el.formInput) == null ? void 0 : _o.txtRowAutoFlag) ? String((_p = el == null ? void 0 : el.formInput) == null ? void 0 : _p.txtRowAutoFlag) : "1",
+        value: ((_q = el == null ? void 0 : el.formInput) == null ? void 0 : _q.txtRowAutoFlag) ? String((_r = el == null ? void 0 : el.formInput) == null ? void 0 : _r.txtRowAutoFlag) : "1",
         options: [
           {
             label: "\u662F",
@@ -16279,7 +17132,7 @@ function formInputPropertiesConfigDialog(el, editor) {
         label: "\u662F\u5426\u53EF\u7F16\u8F91",
         name: "txtEditFlag",
         required: false,
-        value: ((_q = el == null ? void 0 : el.formInput) == null ? void 0 : _q.txtEditFlag) ? String((_r = el == null ? void 0 : el.formInput) == null ? void 0 : _r.txtEditFlag) : "1",
+        value: ((_s = el == null ? void 0 : el.formInput) == null ? void 0 : _s.txtEditFlag) ? String((_t = el == null ? void 0 : el.formInput) == null ? void 0 : _t.txtEditFlag) : "1",
         options: [
           {
             label: "\u662F",
@@ -16292,23 +17145,776 @@ function formInputPropertiesConfigDialog(el, editor) {
         ]
       },
       {
-        type: "color",
-        label: "\u5B57\u4F53\u989C\u8272",
-        name: "color",
+        type: "color",
+        label: "\u5B57\u4F53\u989C\u8272",
+        name: "color",
+        required: true,
+        value: (_v = (_u = el == null ? void 0 : el.formInput) == null ? void 0 : _u.color) != null ? _v : "#000000"
+      },
+      {
+        type: "select",
+        label: "\u5B57\u4F53\u6837\u5F0F",
+        name: "fontFamily",
+        required: true,
+        value: (_x = (_w = el == null ? void 0 : el.formInput) == null ? void 0 : _w.fontFamily) != null ? _x : "SimSun",
+        options: editor.getExtensionParam("fontOptions") == void 0 || editor.getExtensionParam("fontOptions") == null ? [{ label: "SimSun", value: "SimSun" }] : editor.getExtensionParam("fontOptions")
+      }
+    ],
+    onConfirm: (payload) => {
+      var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2;
+      console.log("payload: ", payload);
+      const key = (_a2 = payload.find((p) => p.name === "key")) == null ? void 0 : _a2.value;
+      if (!key)
+        return;
+      const width = (_b2 = payload.find((p) => p.name === "width")) == null ? void 0 : _b2.value;
+      if (!width)
+        return;
+      const height = (_c2 = payload.find((p) => p.name === "height")) == null ? void 0 : _c2.value;
+      if (!height)
+        return;
+      const fontSize = (_d2 = payload.find((p) => p.name === "fontSize")) == null ? void 0 : _d2.value;
+      const lineHeight = (_e2 = payload.find((p) => p.name === "lineHeight")) == null ? void 0 : _e2.value;
+      const bold = ((_f2 = payload.find((p) => p.name === "bold")) == null ? void 0 : _f2.value) === "true";
+      const italic = ((_g2 = payload.find((p) => p.name === "italic")) == null ? void 0 : _g2.value) === "true";
+      const color = (_h2 = payload.find((p) => p.name === "color")) == null ? void 0 : _h2.value;
+      const fontFamily = (_i2 = payload.find((p) => p.name === "fontFamily")) == null ? void 0 : _i2.value;
+      const type = "input";
+      const formInputKeys = editor.getExtensionParam("formInputKeys");
+      const item = formInputKeys.find((item2) => item2.value === key);
+      const elemProp = item ? JSON.stringify(item) : "";
+      const txtFillType = (_j2 = payload.find((p) => p.name === "txtFillType")) == null ? void 0 : _j2.value;
+      const txtRowAutoFlag = (_k2 = payload.find((p) => p.name === "txtRowAutoFlag")) == null ? void 0 : _k2.value;
+      const txtEditFlag = (_l2 = payload.find((p) => p.name === "txtEditFlag")) == null ? void 0 : _l2.value;
+      const formInput = {
+        key,
+        width,
+        height,
+        fontSize,
+        bold,
+        italic,
+        color,
+        fontFamily,
+        type,
+        txtFillType,
+        txtRowAutoFlag,
+        txtEditFlag,
+        elemProp,
+        lineHeight
+      };
+      const imageDataUrl = generateTextImage({
+        text: key,
+        width,
+        height
+      });
+      const param = {
+        "value": imageDataUrl,
+        "type": ElementType.IMAGE,
+        "formInput": formInput,
+        "width": Number(width),
+        "height": Number(height),
+        "verticalAlign": "text-top"
+      };
+      if (el == null ? void 0 : el.id) {
+        const deleteOpt = {
+          id: el.id,
+          properties: param
+        };
+        console.log("deleteOpt12", deleteOpt);
+        editor.command.executeUpdateElementById(deleteOpt);
+        return;
+      }
+      editor.command.executeInsertElementList([
+        param
+      ]);
+    }
+  });
+}
+function generateImagePropertiesImage(options) {
+  const config = {
+    key: "",
+    width: 200,
+    height: 150,
+    picAutoFlag: false,
+    picFillType: "default",
+    borderColor: "#000000",
+    borderWidth: 1,
+    ...options
+  };
+  const canvas = document.createElement("canvas");
+  const ctx = canvas.getContext("2d");
+  canvas.width = config.width;
+  canvas.height = config.height;
+  ctx.clearRect(0, 0, canvas.width, canvas.height);
+  ctx.fillStyle = "#ffffff";
+  ctx.fillRect(0, 0, canvas.width, canvas.height);
+  ctx.strokeStyle = config.borderColor;
+  ctx.lineWidth = config.borderWidth;
+  ctx.strokeRect(
+    config.borderWidth / 2,
+    config.borderWidth / 2,
+    config.width - config.borderWidth,
+    config.height - config.borderWidth
+  );
+  const iconSize = 60;
+  const iconX = (config.width - iconSize) / 2;
+  const iconY = config.height / 2 - iconSize / 2 - 10;
+  ctx.strokeStyle = "#999999";
+  ctx.lineWidth = 2;
+  ctx.strokeRect(iconX, iconY, iconSize, iconSize);
+  ctx.fillStyle = "#cccccc";
+  ctx.beginPath();
+  ctx.moveTo(iconX + 10, iconY + iconSize - 10);
+  ctx.lineTo(iconX + iconSize / 2, iconY + 15);
+  ctx.lineTo(iconX + iconSize - 10, iconY + iconSize - 10);
+  ctx.closePath();
+  ctx.fill();
+  ctx.fillStyle = "#ffcc00";
+  ctx.beginPath();
+  ctx.arc(iconX + iconSize - 20, iconY + 15, 8, 0, Math.PI * 2);
+  ctx.fill();
+  if (config.key) {
+    ctx.font = "14px SimSun";
+    ctx.fillStyle = "#000000";
+    ctx.textAlign = "center";
+    ctx.textBaseline = "middle";
+    ctx.fillText(config.key, config.width / 2, iconY + iconSize + 20);
+  }
+  if (config.picAutoFlag === "0") {
+    ctx.font = "12px SimSun";
+    ctx.fillStyle = "#5175f4";
+    ctx.textAlign = "left";
+    ctx.fillText("\u2713 \u81EA\u9002\u5E94", 10, config.height - 15);
+  }
+  const picFillTypeText = config.picFillType === "0" ? "\u9ED8\u8BA4\u5927\u5C0F" : config.picFillType === "1" ? "\u5206\u5272" : "\u987A\u5E8F";
+  ctx.font = "12px SimSun";
+  ctx.fillStyle = "#666666";
+  ctx.textAlign = "right";
+  ctx.fillText(`\u586B\u5145: ${picFillTypeText}`, config.width - 10, config.height - 15);
+  return canvas.toDataURL("image/png");
+}
+function generateSignatureImage(options) {
+  const config = {
+    key: "",
+    width: 200,
+    height: 100,
+    picAutoFlag: false,
+    borderColor: "#000000",
+    borderWidth: 1,
+    ...options
+  };
+  const canvas = document.createElement("canvas");
+  const ctx = canvas.getContext("2d");
+  canvas.width = config.width;
+  canvas.height = config.height;
+  ctx.clearRect(0, 0, canvas.width, canvas.height);
+  ctx.fillStyle = "#ffffff";
+  ctx.fillRect(0, 0, canvas.width, canvas.height);
+  ctx.strokeStyle = config.borderColor;
+  ctx.lineWidth = config.borderWidth;
+  ctx.strokeRect(
+    config.borderWidth / 2,
+    config.borderWidth / 2,
+    config.width - config.borderWidth,
+    config.height - config.borderWidth
+  );
+  const iconSize = 50;
+  const iconX = (config.width - iconSize) / 2;
+  const iconY = config.height / 2 - iconSize / 2 - 5;
+  ctx.fillStyle = "#4a90e2";
+  ctx.beginPath();
+  ctx.moveTo(iconX + 10, iconY + iconSize);
+  ctx.lineTo(iconX + iconSize - 10, iconY + 10);
+  ctx.lineTo(iconX + iconSize, iconY + 15);
+  ctx.lineTo(iconX + 15, iconY + iconSize + 5);
+  ctx.closePath();
+  ctx.fill();
+  ctx.fillStyle = "#333333";
+  ctx.beginPath();
+  ctx.moveTo(iconX + 10, iconY + iconSize);
+  ctx.lineTo(iconX + 15, iconY + iconSize + 5);
+  ctx.lineTo(iconX + 5, iconY + iconSize + 8);
+  ctx.closePath();
+  ctx.fill();
+  if (config.key) {
+    ctx.font = "14px SimSun";
+    ctx.fillStyle = "#000000";
+    ctx.textAlign = "center";
+    ctx.textBaseline = "middle";
+    ctx.fillText(config.key, config.width / 2, iconY + iconSize + 20);
+  }
+  if (config.picAutoFlag === "0") {
+    ctx.font = "12px SimSun";
+    ctx.fillStyle = "#5175f4";
+    ctx.textAlign = "left";
+    ctx.fillText("\u2713 \u81EA\u9002\u5E94", 10, config.height - 15);
+  }
+  ctx.font = "12px SimSun";
+  ctx.fillStyle = "#666666";
+  ctx.textAlign = "right";
+  ctx.fillText("\u7B7E\u5B57\u6846", config.width - 10, config.height - 15);
+  return canvas.toDataURL("image/png");
+}
+function generateSealImage(options) {
+  const config = {
+    key: "",
+    width: 200,
+    height: 100,
+    picAutoFlag: false,
+    borderColor: "#000000",
+    borderWidth: 1,
+    ...options
+  };
+  const canvas = document.createElement("canvas");
+  const ctx = canvas.getContext("2d");
+  canvas.width = config.width;
+  canvas.height = config.height;
+  ctx.clearRect(0, 0, canvas.width, canvas.height);
+  ctx.fillStyle = "#ffffff";
+  ctx.fillRect(0, 0, canvas.width, canvas.height);
+  ctx.strokeStyle = config.borderColor;
+  ctx.lineWidth = config.borderWidth;
+  ctx.strokeRect(
+    config.borderWidth / 2,
+    config.borderWidth / 2,
+    config.width - config.borderWidth,
+    config.height - config.borderWidth
+  );
+  const iconSize = 50;
+  const iconX = (config.width - iconSize) / 2;
+  const iconY = config.height / 2 - iconSize / 2 - 5;
+  const centerX = iconX + iconSize / 2;
+  const centerY = iconY + iconSize / 2;
+  ctx.strokeStyle = "#e74c3c";
+  ctx.lineWidth = 2.5;
+  ctx.beginPath();
+  ctx.arc(centerX, centerY, iconSize / 2 - 5, 0, Math.PI * 2);
+  ctx.stroke();
+  ctx.strokeStyle = "#e74c3c";
+  ctx.lineWidth = 1.5;
+  ctx.beginPath();
+  ctx.arc(centerX, centerY, iconSize / 2 - 10, 0, Math.PI * 2);
+  ctx.stroke();
+  ctx.fillStyle = "#e74c3c";
+  ctx.font = "bold 16px SimSun";
+  ctx.textAlign = "center";
+  ctx.textBaseline = "middle";
+  ctx.fillText("\u7AE0", centerX, centerY);
+  if (config.key) {
+    ctx.font = "14px SimSun";
+    ctx.fillStyle = "#000000";
+    ctx.textAlign = "center";
+    ctx.textBaseline = "middle";
+    ctx.fillText(config.key, config.width / 2, iconY + iconSize + 20);
+  }
+  if (config.picAutoFlag === "0") {
+    ctx.font = "12px SimSun";
+    ctx.fillStyle = "#5175f4";
+    ctx.textAlign = "left";
+    ctx.fillText("\u2713 \u81EA\u9002\u5E94", 10, config.height - 15);
+  }
+  ctx.font = "12px SimSun";
+  ctx.fillStyle = "#666666";
+  ctx.textAlign = "right";
+  ctx.fillText("\u7B7E\u7AE0\u6846", config.width - 10, config.height - 15);
+  return canvas.toDataURL("image/png");
+}
+function generateRiskCopyImage(options) {
+  const config = {
+    key: "",
+    width: 200,
+    height: 100,
+    riskCopyContent: "",
+    borderColor: "#000000",
+    borderWidth: 1,
+    ...options
+  };
+  const canvas = document.createElement("canvas");
+  const ctx = canvas.getContext("2d");
+  canvas.width = config.width;
+  canvas.height = config.height;
+  ctx.clearRect(0, 0, canvas.width, canvas.height);
+  ctx.fillStyle = "#ffffff";
+  ctx.fillRect(0, 0, canvas.width, canvas.height);
+  ctx.strokeStyle = config.borderColor;
+  ctx.lineWidth = config.borderWidth;
+  ctx.strokeRect(
+    config.borderWidth / 2,
+    config.borderWidth / 2,
+    config.width - config.borderWidth,
+    config.height - config.borderWidth
+  );
+  const iconSize = 50;
+  const iconX = (config.width - iconSize) / 2;
+  const iconY = config.height / 2 - iconSize / 2 - 5;
+  ctx.strokeStyle = "#f39c12";
+  ctx.lineWidth = 2;
+  ctx.strokeRect(iconX + 5, iconY + 5, iconSize - 10, iconSize - 10);
+  ctx.beginPath();
+  ctx.moveTo(iconX + 10, iconY + 15);
+  ctx.lineTo(iconX + iconSize - 10, iconY + 15);
+  ctx.moveTo(iconX + 10, iconY + 25);
+  ctx.lineTo(iconX + iconSize - 10, iconY + 25);
+  ctx.moveTo(iconX + 10, iconY + 35);
+  ctx.lineTo(iconX + iconSize - 20, iconY + 35);
+  ctx.stroke();
+  ctx.fillStyle = "#e74c3c";
+  ctx.beginPath();
+  ctx.moveTo(iconX + iconSize - 15, iconY + 5);
+  ctx.lineTo(iconX + iconSize - 5, iconY + 20);
+  ctx.lineTo(iconX + iconSize - 25, iconY + 20);
+  ctx.closePath();
+  ctx.fill();
+  ctx.fillStyle = "#ffffff";
+  ctx.font = "bold 12px Arial";
+  ctx.textAlign = "center";
+  ctx.textBaseline = "middle";
+  ctx.fillText("!", iconX + iconSize - 15, iconY + 14);
+  if (config.key) {
+    ctx.font = "14px SimSun";
+    ctx.fillStyle = "#000000";
+    ctx.textAlign = "center";
+    ctx.textBaseline = "middle";
+    ctx.fillText(config.key, config.width / 2, iconY + iconSize + 20);
+  }
+  if (config.riskCopyContent) {
+    ctx.font = "11px SimSun";
+    ctx.fillStyle = "#666666";
+    ctx.textAlign = "left";
+    const previewText = config.riskCopyContent.length > 20 ? config.riskCopyContent.substring(0, 20) + "..." : config.riskCopyContent;
+    ctx.fillText(previewText, 10, config.height - 30);
+  }
+  ctx.font = "12px SimSun";
+  ctx.fillStyle = "#666666";
+  ctx.textAlign = "right";
+  ctx.fillText("\u98CE\u9669\u6284\u5F55", config.width - 10, config.height - 15);
+  return canvas.toDataURL("image/png");
+}
+function formImagePropertiesConfigDialog(el, editor) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
+  console.log("el", el);
+  new Dialog({
+    title: "\u56FE\u7247\u6846\u914D\u7F6E",
+    data: [
+      {
+        type: "select",
+        label: "\u5143\u7D20\u540D\u79F0",
+        name: "key",
+        required: true,
+        value: (_b = (_a = el == null ? void 0 : el.formInput) == null ? void 0 : _a.key) != null ? _b : "",
+        placeholder: "\u8BF7\u9009\u62E9\u5143\u7D20\u540D\u79F0",
+        options: editor.getExtensionParam("picKeys") == void 0 || editor.getExtensionParam("picKeys") == null ? [] : editor.getExtensionParam("picKeys")
+      },
+      {
+        type: "number",
+        label: "\u5BBD\u5EA6 (px)",
+        name: "width",
+        required: true,
+        placeholder: "\u8BF7\u8F93\u5165\u5BBD\u5EA6",
+        value: (_d = (_c = el == null ? void 0 : el.formInput) == null ? void 0 : _c.width) != null ? _d : "200"
+      },
+      {
+        type: "number",
+        label: "\u9AD8\u5EA6 (px)",
+        name: "height",
+        required: true,
+        placeholder: "\u8BF7\u8F93\u5165\u9AD8\u5EA6",
+        value: (_f = (_e = el == null ? void 0 : el.formInput) == null ? void 0 : _e.height) != null ? _f : "150"
+      },
+      {
+        type: "select",
+        label: "\u662F\u5426\u81EA\u9002\u5E94",
+        name: "picAutoFlag",
+        required: false,
+        value: (_h = (_g = el == null ? void 0 : el.formInput) == null ? void 0 : _g.picAutoFlag) != null ? _h : "1",
+        options: [
+          {
+            label: "\u5426",
+            value: "1"
+          },
+          {
+            label: "\u662F",
+            value: "0"
+          }
+        ]
+      },
+      {
+        type: "select",
+        label: "\u662F\u5426\u7F29\u653E\u56FE\u7247",
+        name: "reduceSizeFlag",
+        required: false,
+        value: (_j = (_i = el == null ? void 0 : el.formInput) == null ? void 0 : _i.reduceSizeFlag) != null ? _j : "1",
+        options: [
+          {
+            label: "\u5426",
+            value: "1"
+          },
+          {
+            label: "\u662F",
+            value: "0"
+          }
+        ]
+      },
+      {
+        type: "select",
+        label: "\u56FE\u7247\u586B\u5145\u914D\u7F6E",
+        name: "picFillType",
+        required: true,
+        value: (_l = (_k = el == null ? void 0 : el.formInput) == null ? void 0 : _k.picFillType) != null ? _l : "0",
+        options: [
+          {
+            label: "\u9ED8\u8BA4\u5927\u5C0F",
+            value: "0"
+          },
+          {
+            label: "\u5206\u5272",
+            value: "1"
+          },
+          {
+            label: "\u987A\u5E8F",
+            value: "2"
+          }
+        ]
+      },
+      {
+        type: "number",
+        label: "\u884C\u6570",
+        name: "rowNum",
+        required: false,
+        placeholder: "\u8BF7\u8F93\u5165\u884C\u6570",
+        value: (_n = (_m = el == null ? void 0 : el.formInput) == null ? void 0 : _m.rowNum) != null ? _n : "1"
+      },
+      {
+        type: "number",
+        label: "\u5217\u6570",
+        name: "colNum",
+        required: false,
+        placeholder: "\u8BF7\u8F93\u5165\u5217\u6570",
+        value: (_p = (_o = el == null ? void 0 : el.formInput) == null ? void 0 : _o.colNum) != null ? _p : "1"
+      }
+    ],
+    onConfirm: (payload) => {
+      var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
+      console.log("payload: ", payload);
+      const key = (_a2 = payload.find((p) => p.name === "key")) == null ? void 0 : _a2.value;
+      if (!key)
+        return;
+      const width = (_b2 = payload.find((p) => p.name === "width")) == null ? void 0 : _b2.value;
+      if (!width)
+        return;
+      const height = (_c2 = payload.find((p) => p.name === "height")) == null ? void 0 : _c2.value;
+      if (!height)
+        return;
+      const picAutoFlag = ((_d2 = payload.find((p) => p.name === "picAutoFlag")) == null ? void 0 : _d2.value) || "1";
+      const picFillType = ((_e2 = payload.find((p) => p.name === "picFillType")) == null ? void 0 : _e2.value) || "0";
+      const type = "image";
+      const picKeys = editor.getExtensionParam("picKeys");
+      if (!picKeys)
+        return;
+      const item = picKeys.find((item2) => item2.value === key);
+      const elemProp = item ? JSON.stringify(item) : "";
+      const reduceSizeFlag = ((_f2 = payload.find((p) => p.name === "reduceSizeFlag")) == null ? void 0 : _f2.value) || "1";
+      const rowNum = ((_g2 = payload.find((p) => p.name === "rowNum")) == null ? void 0 : _g2.value) || "1";
+      const colNum = ((_h2 = payload.find((p) => p.name === "colNum")) == null ? void 0 : _h2.value) || "1";
+      const formInput = {
+        key,
+        width,
+        height,
+        type,
+        picAutoFlag,
+        picFillType,
+        elemProp,
+        reduceSizeFlag,
+        rowNum,
+        colNum
+      };
+      const imageDataUrl = generateImagePropertiesImage({
+        key,
+        width: Number(width),
+        height: Number(height),
+        picAutoFlag,
+        picFillType
+      });
+      const param = {
+        value: imageDataUrl,
+        type: ElementType.IMAGE,
+        formInput,
+        width: Number(width),
+        height: Number(height)
+      };
+      if (el == null ? void 0 : el.id) {
+        const updateOpt = {
+          id: el.id,
+          properties: param
+        };
+        console.log("updateOpt", updateOpt);
+        editor.command.executeUpdateElementById(updateOpt);
+        return;
+      }
+      editor.command.executeInsertElementList([param]);
+    }
+  });
+}
+function formSignatureConfigDialog(el, editor) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+  console.log("el", el);
+  new Dialog({
+    title: "\u7B7E\u5B57\u6846\u914D\u7F6E",
+    data: [
+      {
+        type: "select",
+        label: "\u5143\u7D20\u540D\u79F0",
+        name: "key",
+        required: true,
+        value: (_b = (_a = el == null ? void 0 : el.formInput) == null ? void 0 : _a.key) != null ? _b : "",
+        placeholder: "\u8BF7\u9009\u62E9\u5143\u7D20\u540D\u79F0",
+        options: editor.getExtensionParam("signPicKeys") == void 0 || editor.getExtensionParam("signPicKeys") == null ? [] : editor.getExtensionParam("signPicKeys")
+      },
+      {
+        type: "number",
+        label: "\u5BBD\u5EA6 (px)",
+        name: "width",
+        required: true,
+        placeholder: "\u8BF7\u8F93\u5165\u5BBD\u5EA6",
+        value: (_d = (_c = el == null ? void 0 : el.formInput) == null ? void 0 : _c.width) != null ? _d : "200"
+      },
+      {
+        type: "number",
+        label: "\u9AD8\u5EA6 (px)",
+        name: "height",
+        required: true,
+        placeholder: "\u8BF7\u8F93\u5165\u9AD8\u5EA6",
+        value: (_f = (_e = el == null ? void 0 : el.formInput) == null ? void 0 : _e.height) != null ? _f : "100"
+      },
+      {
+        type: "select",
+        label: "\u662F\u5426\u81EA\u9002\u5E94",
+        name: "picAutoFlag",
+        required: false,
+        value: (_h = (_g = el == null ? void 0 : el.formInput) == null ? void 0 : _g.picAutoFlag) != null ? _h : "1",
+        options: [
+          {
+            label: "\u5426",
+            value: "1"
+          },
+          {
+            label: "\u662F",
+            value: "0"
+          }
+        ]
+      },
+      {
+        type: "select",
+        label: "\u662F\u5426\u7F29\u653E",
+        name: "reduceSizeFlag",
+        required: false,
+        value: (_j = (_i = el == null ? void 0 : el.formInput) == null ? void 0 : _i.reduceSizeFlag) != null ? _j : "1",
+        options: [
+          {
+            label: "\u5426",
+            value: "1"
+          },
+          {
+            label: "\u662F",
+            value: "0"
+          }
+        ]
+      }
+    ],
+    onConfirm: (payload) => {
+      var _a2, _b2, _c2, _d2, _e2;
+      console.log("payload: ", payload);
+      const key = (_a2 = payload.find((p) => p.name === "key")) == null ? void 0 : _a2.value;
+      if (!key)
+        return;
+      const width = (_b2 = payload.find((p) => p.name === "width")) == null ? void 0 : _b2.value;
+      if (!width)
+        return;
+      const height = (_c2 = payload.find((p) => p.name === "height")) == null ? void 0 : _c2.value;
+      if (!height)
+        return;
+      const picAutoFlag = ((_d2 = payload.find((p) => p.name === "picAutoFlag")) == null ? void 0 : _d2.value) || "1";
+      const type = "signature";
+      const signPicKeys = editor.getExtensionParam("signPicKeys");
+      const item = signPicKeys.find((item2) => item2.value === key);
+      const elemProp = item ? JSON.stringify(item) : "";
+      const reduceSizeFlag = ((_e2 = payload.find((p) => p.name === "reduceSizeFlag")) == null ? void 0 : _e2.value) || "1";
+      const formInput = {
+        key,
+        width,
+        height,
+        type,
+        picAutoFlag,
+        elemProp,
+        reduceSizeFlag
+      };
+      const imageDataUrl = generateSignatureImage({
+        key,
+        width: Number(width),
+        height: Number(height),
+        picAutoFlag
+      });
+      const param = {
+        value: imageDataUrl,
+        type: ElementType.IMAGE,
+        formInput,
+        width: Number(width),
+        height: Number(height)
+      };
+      if (el == null ? void 0 : el.id) {
+        const updateOpt = {
+          id: el.id,
+          properties: param
+        };
+        console.log("updateOpt", updateOpt);
+        editor.command.executeUpdateElementById(updateOpt);
+        return;
+      }
+      editor.command.executeInsertElementList([param]);
+    }
+  });
+}
+function formSealConfigDialog(el, editor) {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  console.log("el", el);
+  new Dialog({
+    title: "\u7B7E\u7AE0\u6846\u914D\u7F6E",
+    data: [
+      {
+        type: "select",
+        label: "\u5143\u7D20\u540D\u79F0",
+        name: "key",
+        required: true,
+        value: (_b = (_a = el == null ? void 0 : el.formInput) == null ? void 0 : _a.key) != null ? _b : "",
+        placeholder: "\u8BF7\u9009\u62E9\u5143\u7D20\u540D\u79F0",
+        options: editor.getExtensionParam("sealPicKeys") == void 0 || editor.getExtensionParam("sealPicKeys") == null ? [] : editor.getExtensionParam("sealPicKeys")
+      },
+      {
+        type: "number",
+        label: "\u5BBD\u5EA6 (px)",
+        name: "width",
+        required: true,
+        placeholder: "\u8BF7\u8F93\u5165\u5BBD\u5EA6",
+        value: (_d = (_c = el == null ? void 0 : el.formInput) == null ? void 0 : _c.width) != null ? _d : "200"
+      },
+      {
+        type: "number",
+        label: "\u9AD8\u5EA6 (px)",
+        name: "height",
+        required: true,
+        placeholder: "\u8BF7\u8F93\u5165\u9AD8\u5EA6",
+        value: (_f = (_e = el == null ? void 0 : el.formInput) == null ? void 0 : _e.height) != null ? _f : "100"
+      },
+      {
+        type: "select",
+        label: "\u662F\u5426\u81EA\u9002\u5E94",
+        name: "picAutoFlag",
+        required: false,
+        value: (_h = (_g = el == null ? void 0 : el.formInput) == null ? void 0 : _g.picAutoFlag) != null ? _h : "1",
+        options: [
+          {
+            label: "\u5426",
+            value: "1"
+          },
+          {
+            label: "\u662F",
+            value: "0"
+          }
+        ]
+      }
+    ],
+    onConfirm: (payload) => {
+      var _a2, _b2, _c2, _d2;
+      console.log("payload: ", payload);
+      const key = (_a2 = payload.find((p) => p.name === "key")) == null ? void 0 : _a2.value;
+      if (!key)
+        return;
+      const width = (_b2 = payload.find((p) => p.name === "width")) == null ? void 0 : _b2.value;
+      if (!width)
+        return;
+      const height = (_c2 = payload.find((p) => p.name === "height")) == null ? void 0 : _c2.value;
+      if (!height)
+        return;
+      const picAutoFlag = ((_d2 = payload.find((p) => p.name === "picAutoFlag")) == null ? void 0 : _d2.value) || "1";
+      const type = "seal";
+      const sealPicKeys = editor.getExtensionParam("sealPicKeys");
+      const item = sealPicKeys.find((item2) => item2.value === key);
+      const elemProp = item ? JSON.stringify(item) : "";
+      const formInput = {
+        key,
+        width,
+        height,
+        type,
+        picAutoFlag,
+        elemProp
+      };
+      const imageDataUrl = generateSealImage({
+        key,
+        width: Number(width),
+        height: Number(height),
+        picAutoFlag
+      });
+      const param = {
+        value: imageDataUrl,
+        type: ElementType.IMAGE,
+        formInput,
+        width: Number(width),
+        height: Number(height)
+      };
+      if (el == null ? void 0 : el.id) {
+        const updateOpt = {
+          id: el.id,
+          properties: param
+        };
+        console.log("updateOpt", updateOpt);
+        editor.command.executeUpdateElementById(updateOpt);
+        return;
+      }
+      editor.command.executeInsertElementList([param]);
+    }
+  });
+}
+function formRiskCopyConfigDialog(el, editor) {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  console.log("el", el);
+  new Dialog({
+    title: "\u98CE\u9669\u6284\u5F55\u6846\u914D\u7F6E",
+    data: [
+      {
+        type: "select",
+        label: "\u5143\u7D20\u540D\u79F0",
+        name: "key",
+        required: true,
+        value: (_b = (_a = el == null ? void 0 : el.formInput) == null ? void 0 : _a.key) != null ? _b : "",
+        placeholder: "\u8BF7\u9009\u62E9\u5143\u7D20\u540D\u79F0",
+        options: editor.getExtensionParam("riskCopyKeys") == void 0 || editor.getExtensionParam("riskCopyKeys") == null ? [] : editor.getExtensionParam("riskCopyKeys")
+      },
+      {
+        type: "number",
+        label: "\u5BBD\u5EA6 (px)",
+        name: "width",
+        required: true,
+        placeholder: "\u8BF7\u8F93\u5165\u5BBD\u5EA6",
+        value: (_d = (_c = el == null ? void 0 : el.formInput) == null ? void 0 : _c.width) != null ? _d : "200"
+      },
+      {
+        type: "number",
+        label: "\u9AD8\u5EA6 (px)",
+        name: "height",
         required: true,
-        value: (_t = (_s = el == null ? void 0 : el.formInput) == null ? void 0 : _s.color) != null ? _t : "#000000"
+        placeholder: "\u8BF7\u8F93\u5165\u9AD8\u5EA6",
+        value: (_f = (_e = el == null ? void 0 : el.formInput) == null ? void 0 : _e.height) != null ? _f : "100"
       },
       {
-        type: "select",
-        label: "\u5B57\u4F53\u6837\u5F0F",
-        name: "fontFamily",
-        required: true,
-        value: (_v = (_u = el == null ? void 0 : el.formInput) == null ? void 0 : _u.fontFamily) != null ? _v : "SimSun",
-        options: editor.getExtensionParam("fontOptions") == void 0 || editor.getExtensionParam("fontOptions") == null ? [{ label: "SimSun", value: "SimSun" }] : editor.getExtensionParam("fontOptions")
+        type: "textarea",
+        label: "\u98CE\u9669\u6284\u5F55\u5185\u5BB9",
+        name: "riskCopyContent",
+        required: false,
+        placeholder: "\u8BF7\u8F93\u5165\u98CE\u9669\u6284\u5F55\u5185\u5BB9",
+        value: (_h = (_g = el == null ? void 0 : el.formInput) == null ? void 0 : _g.riskCopyContent) != null ? _h : ""
       }
     ],
     onConfirm: (payload) => {
-      var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2;
+      var _a2, _b2, _c2, _d2;
       console.log("payload: ", payload);
       const key = (_a2 = payload.find((p) => p.name === "key")) == null ? void 0 : _a2.value;
       if (!key)
@@ -16319,56 +17925,42 @@ function formInputPropertiesConfigDialog(el, editor) {
       const height = (_c2 = payload.find((p) => p.name === "height")) == null ? void 0 : _c2.value;
       if (!height)
         return;
-      const fontSize = (_d2 = payload.find((p) => p.name === "fontSize")) == null ? void 0 : _d2.value;
-      const bold = ((_e2 = payload.find((p) => p.name === "bold")) == null ? void 0 : _e2.value) === "true";
-      const italic = ((_f2 = payload.find((p) => p.name === "italic")) == null ? void 0 : _f2.value) === "true";
-      const color = (_g2 = payload.find((p) => p.name === "color")) == null ? void 0 : _g2.value;
-      const fontFamily = (_h2 = payload.find((p) => p.name === "fontFamily")) == null ? void 0 : _h2.value;
-      const type = "input";
-      const formInputKeys = editor.getExtensionParam("formInputKeys");
-      const elemProp = formInputKeys.find((kel2) => kel2.value === key) ? JSON.parse(kel) : "";
-      const txtFillType = (_i2 = payload.find((p) => p.name === "txtFillType")) == null ? void 0 : _i2.value;
-      const txtRowAutoFlag = (_j2 = payload.find((p) => p.name === "txtRowAutoFlag")) == null ? void 0 : _j2.value;
-      const txtEditFlag = (_k2 = payload.find((p) => p.name === "txtEditFlag")) == null ? void 0 : _k2.value;
+      const riskCopyContent = ((_d2 = payload.find((p) => p.name === "riskCopyContent")) == null ? void 0 : _d2.value) || "";
+      const type = "riskCopy";
+      const riskCopyKeys = editor.getExtensionParam("riskCopyKeys");
+      const item = riskCopyKeys.find((item2) => item2.value === key);
+      const elemProp = item ? JSON.stringify(item) : "";
       const formInput = {
         key,
         width,
         height,
-        fontSize,
-        bold,
-        italic,
-        color,
-        fontFamily,
         type,
-        txtFillType,
-        txtRowAutoFlag,
-        txtEditFlag,
+        riskCopyContent,
         elemProp
       };
-      const imageDataUrl = generateTextImage({
-        text: key,
-        width,
-        height
+      const imageDataUrl = generateRiskCopyImage({
+        key,
+        width: Number(width),
+        height: Number(height),
+        riskCopyContent
       });
       const param = {
-        "value": imageDataUrl,
-        "type": ElementType.IMAGE,
-        "formInput": formInput,
-        "width": Number(width),
-        "height": Number(height)
+        value: imageDataUrl,
+        type: ElementType.IMAGE,
+        formInput,
+        width: Number(width),
+        height: Number(height)
       };
       if (el == null ? void 0 : el.id) {
-        const deleteOpt = {
+        const updateOpt = {
           id: el.id,
           properties: param
         };
-        console.log("deleteOpt12", deleteOpt);
-        editor.command.executeUpdateElementById(deleteOpt);
+        console.log("updateOpt", updateOpt);
+        editor.command.executeUpdateElementById(updateOpt);
         return;
       }
-      editor.command.executeInsertElementList([
-        param
-      ]);
+      editor.command.executeInsertElementList([param]);
     }
   });
 }
@@ -16477,23 +18069,6 @@ class Previewer {
     const cursor = window.getComputedStyle(target).cursor;
     document.body.style.cursor = cursor;
     this.canvas.style.cursor = cursor;
-    if (this.curElement.formInput) {
-      console.log("this.curElement.formInput", this.curElement.formInput);
-      console.log("this.curElement.formInput.type", this.curElement.formInput.type);
-      this.curElement.formInput.width = `${this.curElement.width * scale}`;
-      this.curElement.formInput.height = `${this.curElement.height * scale}`;
-      if (this.curElement.formInput.type == "checkbox") {
-        this.curElementSrc = generateCheckboxImage(this.curElement.formInput);
-      } else if (this.curElement.formInput.type == "radio") {
-        this.curElementSrc = generateRadioImage(this.curElement.formInput);
-      } else {
-        this.curElementSrc = generateTextImage({
-          text: this.curElement.formInput.key,
-          width: this.curElement.formInput.width,
-          height: this.curElement.formInput.height
-        });
-      }
-    }
     console.log(this.curElement);
     this.resizerImage.src = this.curElementSrc;
     this.resizerImageContainer.style.display = "block";
@@ -16516,6 +18091,14 @@ class Previewer {
             this.curElementSrc = generateCheckboxImage(this.curElement.formInput);
           } else if (this.curElement.formInput.type == "radio") {
             this.curElementSrc = generateRadioImage(this.curElement.formInput);
+          } else if (this.curElement.formInput.type == "image") {
+            this.curElementSrc = generateImagePropertiesImage(this.curElement.formInput);
+          } else if (this.curElement.formInput.type == "signature") {
+            this.curElementSrc = generateSignatureImage(this.curElement.formInput);
+          } else if (this.curElement.formInput.type == "seal") {
+            this.curElementSrc = generateSealImage(this.curElement.formInput);
+          } else if (this.curElement.formInput.type == "riskCopy") {
+            this.curElementSrc = generateRiskCopyImage(this.curElement.formInput);
           } else {
             this.curElementSrc = generateTextImage({
               text: this.curElement.formInput.key,
@@ -20568,19 +22151,10 @@ class Draw {
     return el.actualSize || el.size || this.options.defaultSize;
   }
   getElementRowMargin(el) {
-    var _a;
-    const { defaultSize, defaultBasicRowMarginHeight, defaultRowMargin, scale } = this.options;
-    const fontSize = el.size || defaultSize;
-    let ratio = 1;
-    if (fontSize < 12) {
-      ratio = fontSize / 12;
-    } else if (fontSize > 30) {
-      ratio = 1 + (fontSize - 30) / 30;
-    }
-    return defaultBasicRowMarginHeight * ratio * ((_a = el.rowMargin) != null ? _a : defaultRowMargin) * scale;
+    return computeElementRowMarginPx(el, this.options);
   }
   computeRowList(payload) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
     const { innerWidth, elementList, isPagingMode = false, isFromTable = false, startX = 0, startY = 0, pageHeight = 0, mainOuterHeight = 0, surroundElementList = [] } = payload;
     const { defaultSize, scale, imgCaption, table: { tdPadding, defaultTrMinHeight }, defaultTabWidth } = this.options;
     const defaultBasicRowMarginHeight = this.getDefaultBasicRowMarginHeight();
@@ -20605,6 +22179,11 @@ class Draw {
     let listId;
     let listIndex = 0;
     let controlRealWidth = 0;
+    const getParagraphOffsetX = (el, isFirstLine) => {
+      const marginLeft = el.marginLeft || 0;
+      const textIndent = isFirstLine ? el.textIndent || 0 : 0;
+      return (marginLeft + textIndent) * scale;
+    };
     for (let i = 0; i < elementList.length; i++) {
       const curRow = rowList[rowList.length - 1];
       const element = elementList[i];
@@ -20615,8 +22194,17 @@ class Draw {
         boundingBoxAscent: 0,
         boundingBoxDescent: 0
       };
+      if (curRow.offsetX === void 0 && !element.listId && (element.marginLeft || element.textIndent || element.marginRight || element.marginTop)) {
+        const preElement2 = elementList[i - 1];
+        const isFirstLine = i === 0 || (preElement2 == null ? void 0 : preElement2.value) === ZERO || (preElement2 == null ? void 0 : preElement2.type) === ElementType.PAGE_BREAK;
+        curRow.offsetX = getParagraphOffsetX(element, isFirstLine);
+        if (isFirstLine && element.marginTop) {
+          curRow.offsetY = (curRow.offsetY || 0) + element.marginTop * scale;
+        }
+      }
       const offsetX = curRow.offsetX || element.listId && listStyleMap.get(element.listId) || 0;
-      const availableWidth = innerWidth - offsetX;
+      const marginRight = (element.marginRight || 0) * scale;
+      const availableWidth = innerWidth - offsetX - marginRight;
       const isStartElement = curRow.elementList.length === 1;
       x += isStartElement ? offsetX : 0;
       y += isStartElement ? curRow.offsetY || 0 : 0;
@@ -20859,7 +22447,7 @@ class Draw {
       } else if (element.type === ElementType.PAGE_BREAK) {
         element.width = availableWidth / scale;
         metrics.width = availableWidth;
-        metrics.height = defaultSize;
+        metrics.height = this.options.pageBreak.visible ? defaultSize : 0;
       } else if (element.type === ElementType.RADIO || element.controlComponent === ControlComponent.RADIO) {
         const { width, height: height2, gap } = this.options.radio;
         const elementWidth = width + gap * 2;
@@ -20907,6 +22495,9 @@ class Draw {
         if (element.letterSpacing) {
           metrics.width += element.letterSpacing * scale;
         }
+        if (element.wordSpacing) {
+          metrics.width += element.wordSpacing * scale;
+        }
         const basisMetrics = this.textParticle.measureBasisWord(ctx, element.font);
         metrics.boundingBoxAscent = basisMetrics.actualBoundingBoxAscent * scale;
         metrics.boundingBoxDescent = basisMetrics.actualBoundingBoxDescent * scale;
@@ -20916,8 +22507,8 @@ class Draw {
           metrics.boundingBoxDescent += metrics.height / 2;
         }
       }
-      const ascent = !element.hide && (element.imgDisplay !== ImageDisplay.INLINE && element.type === ElementType.IMAGE || element.type === ElementType.LATEX) ? metrics.height + rowMargin : metrics.boundingBoxAscent + rowMargin;
-      const height = rowMargin + metrics.boundingBoxAscent + metrics.boundingBoxDescent + rowMargin;
+      const ascent = element.type === ElementType.IMAGE && (element.imgDisplay === ImageDisplay.SURROUND || element.imgDisplay === ImageDisplay.FLOAT_TOP || element.imgDisplay === ImageDisplay.FLOAT_BOTTOM) ? 0 : !element.hide && (element.imgDisplay !== ImageDisplay.INLINE && element.type === ElementType.IMAGE || element.type === ElementType.LATEX) ? metrics.height + rowMargin : metrics.boundingBoxAscent + rowMargin;
+      const height = element.type === ElementType.IMAGE && (element.imgDisplay === ImageDisplay.SURROUND || element.imgDisplay === ImageDisplay.FLOAT_TOP || element.imgDisplay === ImageDisplay.FLOAT_BOTTOM) ? 0 : rowMargin + metrics.boundingBoxAscent + metrics.boundingBoxDescent + rowMargin;
       const rowElement = Object.assign(element, {
         metrics,
         left: 0,
@@ -20990,10 +22581,10 @@ class Draw {
           elementList: [rowElement],
           ascent,
           rowIndex: curRow.rowIndex + 1,
-          rowFlex: ((_p = elementList[i]) == null ? void 0 : _p.rowFlex) || ((_q = elementList[i + 1]) == null ? void 0 : _q.rowFlex),
+          rowFlex: element.value === ZERO ? (_r = (_p = elementList[i + 1]) == null ? void 0 : _p.rowFlex) != null ? _r : (_q = elementList[i]) == null ? void 0 : _q.rowFlex : ((_s = elementList[i]) == null ? void 0 : _s.rowFlex) || ((_t = elementList[i + 1]) == null ? void 0 : _t.rowFlex),
           isPageBreak: element.type === ElementType.PAGE_BREAK
         };
-        if (rowElement.controlComponent !== ControlComponent.PREFIX && ((_r = rowElement.control) == null ? void 0 : _r.indentation) === ControlIndentation.VALUE_START) {
+        if (rowElement.controlComponent !== ControlComponent.PREFIX && ((_u = rowElement.control) == null ? void 0 : _u.indentation) === ControlIndentation.VALUE_START) {
           const preStartIndex = curRow.elementList.findIndex((el) => el.controlId === rowElement.controlId && el.controlComponent !== ControlComponent.PREFIX);
           if (~preStartIndex) {
             const preRowPositionList = this.position.computeRowPosition({
@@ -21010,12 +22601,17 @@ class Draw {
           row.isList = true;
           row.offsetX = listStyleMap.get(element.listId);
           row.listIndex = listIndex;
+        } else if (element.marginLeft || element.textIndent || element.marginRight) {
+          row.offsetX = getParagraphOffsetX(element, isForceBreak);
+        }
+        row.offsetY = !isFromTable && ((_v = element.area) == null ? void 0 : _v.top) && element.areaId !== ((_w = elementList[i - 1]) == null ? void 0 : _w.areaId) ? element.area.top * scale : 0;
+        if (isForceBreak && element.marginTop) {
+          row.offsetY = (row.offsetY || 0) + element.marginTop * scale;
         }
-        row.offsetY = !isFromTable && ((_s = element.area) == null ? void 0 : _s.top) && element.areaId !== ((_t = elementList[i - 1]) == null ? void 0 : _t.areaId) ? element.area.top * scale : 0;
         rowList.push(row);
       } else {
         curRow.width += metrics.width;
-        if (i === 0 && (getIsBlockElement(elementList[1]) || !!((_u = elementList[1]) == null ? void 0 : _u.areaId))) {
+        if (i === 0 && (getIsBlockElement(elementList[1]) || !!((_x = elementList[1]) == null ? void 0 : _x.areaId))) {
           curRow.height = defaultBasicRowMarginHeight;
           curRow.ascent = defaultBasicRowMarginHeight;
         } else if (curRow.height < height) {
@@ -21026,8 +22622,18 @@ class Draw {
       }
       if (isWrap || i === elementList.length - 1) {
         curRow.isWidthNotEnough = isWidthNotEnough && !isForceBreak;
+        let rowMinHeight = 0;
+        for (let e = 0; e < curRow.elementList.length; e++) {
+          const el = curRow.elementList[e];
+          const mh = (el.minHeight || 0) * scale;
+          if (mh > rowMinHeight)
+            rowMinHeight = mh;
+        }
+        if (rowMinHeight > curRow.height) {
+          curRow.height = rowMinHeight;
+        }
         if (!curRow.isSurround && ((preElement == null ? void 0 : preElement.rowFlex) === RowFlex.JUSTIFY || (preElement == null ? void 0 : preElement.rowFlex) === RowFlex.ALIGNMENT && curRow.isWidthNotEnough)) {
-          const rowElementList = ((_v = curRow.elementList[0]) == null ? void 0 : _v.value) === ZERO ? curRow.elementList.slice(1) : curRow.elementList;
+          const rowElementList = ((_y = curRow.elementList[0]) == null ? void 0 : _y.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];
@@ -21161,14 +22767,15 @@ class Draw {
       for (let j = 0; j < curRow.elementList.length; j++) {
         const element = curRow.elementList[j];
         const metrics = element.metrics;
-        const { ascent: offsetY, coordinate: { leftTop: [x, y] } } = positionList[curRow.startIndex + j];
+        const { coordinate: { leftTop: [x, y] } } = positionList[curRow.startIndex + j];
+        const offsetY = 17;
         const preElement = curRow.elementList[j - 1];
         if ((element.hide || ((_a = element.control) == null ? void 0 : _a.hide) || ((_b = element.area) == null ? void 0 : _b.hide)) && !this.isDesignMode()) {
           this.textParticle.complete();
         } else if (element.type === ElementType.IMAGE) {
           this.textParticle.complete();
           if (element.imgDisplay !== ImageDisplay.SURROUND && element.imgDisplay !== ImageDisplay.FLOAT_TOP && element.imgDisplay !== ImageDisplay.FLOAT_BOTTOM) {
-            this.imageParticle.render(ctx, element, x, y + offsetY);
+            this.imageParticle.render(ctx, element, x, y + 4);
           }
         } else if (element.type === ElementType.LATEX) {
           this.textParticle.complete();
@@ -21205,7 +22812,7 @@ class Draw {
         } else if (element.type === ElementType.SEPARATOR) {
           this.separatorParticle.render(ctx, element, x, y);
         } else if (element.type === ElementType.PAGE_BREAK) {
-          if (this.mode !== EditorMode.CLEAN && !isPrintMode) {
+          if (this.mode !== EditorMode.CLEAN && !isPrintMode && this.options.pageBreak.visible) {
             this.pageBreakParticle.render(ctx, element, x, y);
           }
         } else if (element.type === ElementType.CHECKBOX || element.controlComponent === ControlComponent.CHECKBOX) {
@@ -21239,7 +22846,7 @@ class Draw {
             this.textParticle.complete();
           }
           this.textParticle.record(ctx, element, x, y + offsetY);
-          if (element.width || element.letterSpacing || PUNCTUATION_REG.test(element.value)) {
+          if (element.width || element.letterSpacing || element.wordSpacing || PUNCTUATION_REG.test(element.value)) {
             this.textParticle.complete();
           }
         }
@@ -21694,6 +23301,7 @@ class Command {
     this.executeList = adapt.list.bind(adapt);
     this.executeRowFlex = adapt.rowFlex.bind(adapt);
     this.executeRowMargin = adapt.rowMargin.bind(adapt);
+    this.executeTextIndent = adapt.textIndent.bind(adapt);
     this.executeInsertTable = adapt.insertTable.bind(adapt);
     this.executeInsertTableTopRow = adapt.insertTableTopRow.bind(adapt);
     this.executeInsertTableBottomRow = adapt.insertTableBottomRow.bind(adapt);
@@ -21722,6 +23330,9 @@ class Command {
     this.executePageBreak = adapt.pageBreak.bind(adapt);
     this.executeAddWatermark = adapt.addWatermark.bind(adapt);
     this.executeDeleteWatermark = adapt.deleteWatermark.bind(adapt);
+    this.executeSetBackground = adapt.setBackground.bind(adapt);
+    this.getBackground = adapt.getBackground.bind(adapt);
+    this.executeDeleteBackground = adapt.deleteBackground.bind(adapt);
     this.executeSearch = adapt.search.bind(adapt);
     this.executeSearchNavigatePre = adapt.searchNavigatePre.bind(adapt);
     this.executeSearchNavigateNext = adapt.searchNavigateNext.bind(adapt);
@@ -21759,6 +23370,8 @@ class Command {
     this.executeLocationCatalog = adapt.locationCatalog.bind(adapt);
     this.executeWordTool = adapt.wordTool.bind(adapt);
     this.executeSetHTML = adapt.setHTML.bind(adapt);
+    this.executeSetHtmlDocx = adapt.setHtmlDocx.bind(adapt);
+    this.executeImportDocx = adapt.importDocx.bind(adapt);
     this.executeSetGroup = adapt.setGroup.bind(adapt);
     this.executeDeleteGroup = adapt.deleteGroup.bind(adapt);
     this.executeLocationGroup = adapt.locationGroup.bind(adapt);
@@ -21769,6 +23382,7 @@ class Command {
     this.executeComputeElementListHeight = adapt.computeElementListHeight.bind(adapt);
     this.getImage = adapt.getImage.bind(adapt);
     this.getOptions = adapt.getOptions.bind(adapt);
+    this.getDefaultLineHeight = adapt.getDefaultLineHeight.bind(adapt);
     this.getValue = adapt.getValue.bind(adapt);
     this.getValueAsync = adapt.getValueAsync.bind(adapt);
     this.getHTML = adapt.getHTML.bind(adapt);
@@ -21817,6 +23431,487 @@ function getParagraphNo(elementList, index2) {
   }
   return paragraphNo;
 }
+const FALLBACK_FONT = "SimSun";
+function cleanFontFamily(font) {
+  var _a;
+  if (!font)
+    return "";
+  return ((_a = font.split(",")[0]) == null ? void 0 : _a.replace(/['"]/g, "").trim()) || "";
+}
+function normalizeFontFamily(font, fonts, fallback = FALLBACK_FONT) {
+  const cleaned = cleanFontFamily(font);
+  if (!cleaned)
+    return void 0;
+  if (!fonts || !Object.keys(fonts).length) {
+    return cleaned;
+  }
+  const lower = cleaned.toLowerCase();
+  const keyMatch = Object.keys(fonts).find((k) => k.toLowerCase() === lower);
+  if (keyMatch)
+    return keyMatch;
+  const byLabel = Object.entries(fonts).find(([, label]) => label.toLowerCase() === lower);
+  if (byLabel)
+    return byLabel[0];
+  const simSunKey = Object.keys(fonts).find((k) => k.toLowerCase() === "simsun");
+  return simSunKey || fallback;
+}
+function normalizeElementListFonts(elements, fonts) {
+  if (!(elements == null ? void 0 : elements.length) || !fonts || !Object.keys(fonts).length)
+    return;
+  const walk = (list) => {
+    var _a, _b, _c;
+    for (const el of list) {
+      if (el.font) {
+        el.font = normalizeFontFamily(el.font, fonts);
+      }
+      if ((_a = el.valueList) == null ? void 0 : _a.length) {
+        walk(el.valueList);
+      }
+      if ((_b = el.trList) == null ? void 0 : _b.length) {
+        for (const tr of el.trList) {
+          for (const td of tr.tdList || []) {
+            if ((_c = td.value) == null ? void 0 : _c.length) {
+              walk(td.value);
+            }
+          }
+        }
+      }
+    }
+  };
+  walk(elements);
+}
+function parsePx(value) {
+  const n = Number.parseFloat(value);
+  return Number.isFinite(n) ? n : 0;
+}
+function parseLengthToPx(value) {
+  const trimmed = value.trim();
+  if (!trimmed || /%$/.test(trimmed))
+    return 0;
+  const n = Number.parseFloat(trimmed);
+  if (!Number.isFinite(n))
+    return 0;
+  if (/pt$/i.test(trimmed))
+    return n * 96 / 72;
+  if (/pc$/i.test(trimmed))
+    return n * 16;
+  if (/in$/i.test(trimmed))
+    return n * 96;
+  if (/cm$/i.test(trimmed))
+    return n * 96 / 2.54;
+  if (/mm$/i.test(trimmed))
+    return n * 96 / 25.4;
+  return n;
+}
+function parseTdBackgroundColor(td) {
+  const raw2 = (td.style.backgroundColor || "").trim();
+  if (!raw2)
+    return void 0;
+  const lower = raw2.toLowerCase();
+  if (lower === "inherit" || lower === "transparent" || lower === "initial" || lower === "unset" || lower === "none" || lower === "rgba(0, 0, 0, 0)" || lower === "rgb(0, 0, 0, 0)") {
+    return void 0;
+  }
+  return raw2;
+}
+function isHiddenTableCell(td) {
+  if (td.style.display === "none")
+    return true;
+  return window.getComputedStyle(td).display === "none";
+}
+function parseColWidth(col, fallback) {
+  var _a;
+  const attrWidth = col.getAttribute("width");
+  if (attrWidth) {
+    const fromAttr = parseLengthToPx(attrWidth);
+    if (fromAttr > 0)
+      return Math.round(fromAttr);
+  }
+  const styleWidth = (_a = col.style) == null ? void 0 : _a.width;
+  if (styleWidth) {
+    const fromStyle = parseLengthToPx(styleWidth);
+    if (fromStyle > 0)
+      return Math.round(fromStyle);
+  }
+  return fallback;
+}
+function parseDocxPaperMeta(section) {
+  const style = window.getComputedStyle(section);
+  const width = Math.round(parsePx(style.width)) || Math.round(section.clientWidth);
+  const height = Math.round(parsePx(style.minHeight || style.height)) || Math.round(section.clientHeight);
+  const margins = [
+    Math.round(parsePx(style.paddingTop)),
+    Math.round(parsePx(style.paddingRight)),
+    Math.round(parsePx(style.paddingBottom)),
+    Math.round(parsePx(style.paddingLeft))
+  ];
+  return {
+    width: width || 794,
+    height: height || 1123,
+    margins
+  };
+}
+function parseLineHeightAsRowMargin(lineHeight, fontSizePx) {
+  const trimmed = lineHeight.trim();
+  if (!trimmed || trimmed === "normal")
+    return void 0;
+  if (/^\d+(\.\d+)?$/.test(trimmed)) {
+    const ratio = Number.parseFloat(trimmed);
+    return Number.isFinite(ratio) && ratio > 0 ? ratio : void 0;
+  }
+  const px = parsePx(trimmed);
+  if (px > 0 && fontSizePx > 0) {
+    return px / fontSizePx;
+  }
+  return void 0;
+}
+const IDEOGRAPHIC_SPACE = "\u3000";
+function getParagraphStyle(p) {
+  const style = window.getComputedStyle(p);
+  const fontSize = parsePx(style.fontSize) || 14;
+  const rowFlex = convertTextAlignToRowFlex(p);
+  const dataRowMargin = p.getAttribute("data-row-margin");
+  let rowMargin;
+  if (dataRowMargin != null && dataRowMargin !== "") {
+    const n = Number.parseFloat(dataRowMargin);
+    if (Number.isFinite(n) && n > 0) {
+      rowMargin = n;
+    }
+  }
+  if (rowMargin === void 0) {
+    rowMargin = parseLineHeightAsRowMargin(style.lineHeight, fontSize);
+  }
+  let minHeight = parsePx(style.minHeight);
+  if (!minHeight && fontSize) {
+    minHeight = fontSize;
+  }
+  let whiteSpace = style.whiteSpace;
+  if (!whiteSpace || whiteSpace === "normal") {
+    const span = p.querySelector("span");
+    if (span) {
+      const spanWhiteSpace = window.getComputedStyle(span).whiteSpace;
+      if (spanWhiteSpace && spanWhiteSpace !== "normal") {
+        whiteSpace = spanWhiteSpace;
+      }
+    }
+  }
+  if ((!whiteSpace || whiteSpace === "normal") && p.closest(".docx, .docx-wrapper")) {
+    whiteSpace = "pre-wrap";
+  }
+  const result = {};
+  result.rowFlex = rowFlex;
+  if (rowMargin !== void 0)
+    result.rowMargin = rowMargin;
+  if (minHeight)
+    result.minHeight = minHeight;
+  if (whiteSpace && whiteSpace !== "normal") {
+    result.whiteSpace = whiteSpace;
+  }
+  return result;
+}
+function getLeadingIndentSpaceCount(p) {
+  const style = window.getComputedStyle(p);
+  const fontSize = parsePx(style.fontSize) || 14;
+  if (fontSize <= 0)
+    return 0;
+  const textIndent = Math.max(0, parsePx(style.textIndent));
+  const marginLeft = Math.max(0, parsePx(style.marginInlineStart || style.marginLeft));
+  const indentPx = textIndent + marginLeft;
+  if (indentPx <= 0)
+    return 0;
+  return Math.max(0, Math.round(indentPx / fontSize));
+}
+function createLeadingSpaceElements(count) {
+  if (count <= 0)
+    return [];
+  return splitText(IDEOGRAPHIC_SPACE.repeat(count)).map((value) => ({ value }));
+}
+function applyParagraphStyle(elements, paragraphStyle) {
+  if (!elements.length)
+    return;
+  const keys = Object.keys(paragraphStyle);
+  if (!keys.length)
+    return;
+  for (const el of elements) {
+    if (el.type === ElementType.IMAGE && (el.imgDisplay === ImageDisplay.FLOAT_TOP || el.imgDisplay === ImageDisplay.FLOAT_BOTTOM || el.imgDisplay === ImageDisplay.SURROUND)) {
+      continue;
+    }
+    Object.assign(el, paragraphStyle);
+  }
+}
+function styleFromComputed(el) {
+  var _a, _b;
+  const style = window.getComputedStyle(el);
+  const element = {
+    color: style.color,
+    bold: Number(style.fontWeight) > 500,
+    italic: style.fontStyle.includes("italic"),
+    size: Math.floor(parsePx(style.fontSize)) || void 0,
+    font: (_b = (_a = style.fontFamily) == null ? void 0 : _a.split(",")[0]) == null ? void 0 : _b.replace(/['"]/g, "").trim()
+  };
+  if (style.backgroundColor && style.backgroundColor !== "rgba(0, 0, 0, 0)") {
+    element.highlight = style.backgroundColor;
+  }
+  if (style.textDecorationLine.includes("underline")) {
+    element.underline = true;
+  }
+  if (style.textDecorationLine.includes("line-through")) {
+    element.strikeout = true;
+  }
+  const letterSpacing = parsePx(style.letterSpacing);
+  if (letterSpacing)
+    element.letterSpacing = letterSpacing;
+  if (style.whiteSpace && style.whiteSpace !== "normal") {
+    element.whiteSpace = style.whiteSpace;
+  }
+  const spanMinHeight = parsePx(style.minHeight);
+  if (spanMinHeight)
+    element.minHeight = spanMinHeight;
+  return element;
+}
+function parseTextFromNode(node) {
+  if (node.nodeType === 3) {
+    const text = node.textContent || "";
+    if (!text)
+      return [];
+    const parent = node.parentElement;
+    const base = parent ? styleFromComputed(parent) : {};
+    return splitText(text).map((ch) => ({
+      value: ch,
+      ...base
+    }));
+  }
+  if (node.nodeType !== 1)
+    return [];
+  const el = node;
+  const name = el.nodeName;
+  if (name === "BR") {
+    return [{ value: WRAP }];
+  }
+  if (name === "IMG") {
+    return parseImage(el);
+  }
+  if (name === "A") {
+    const value = el.innerText;
+    if (!value)
+      return [];
+    return [
+      {
+        type: ElementType.HYPERLINK,
+        value: "",
+        valueList: splitText(value).map((ch) => ({ value: ch })),
+        url: el.href
+      }
+    ];
+  }
+  const result = [];
+  el.childNodes.forEach((child) => {
+    result.push(...parseTextFromNode(child));
+  });
+  return result;
+}
+function parseImage(img) {
+  const { src, width, height } = img;
+  const w = width || parsePx(window.getComputedStyle(img).width);
+  const h = height || parsePx(window.getComputedStyle(img).height);
+  if (!src || !w || !h)
+    return [];
+  const element = {
+    width: w,
+    height: h,
+    value: src,
+    type: ElementType.IMAGE,
+    rowFlex: convertTextAlignToRowFlex(img.parentElement || img),
+    verticalAlign: "text-top"
+  };
+  applyImageWrapFromDom(img, element);
+  const formInputAttr = img.getAttribute("data-form-input");
+  if (formInputAttr) {
+    try {
+      element.formInput = JSON.parse(formInputAttr);
+    } catch {
+    }
+  }
+  return [element];
+}
+function parseParagraph(p) {
+  const paragraphStyle = getParagraphStyle(p);
+  const leadingSpaces = createLeadingSpaceElements(getLeadingIndentSpaceCount(p));
+  const children = [];
+  p.childNodes.forEach((child) => {
+    children.push(...parseTextFromNode(child));
+  });
+  const body = [...leadingSpaces, ...children];
+  if (!body.length) {
+    return [{ value: WRAP, ...paragraphStyle }];
+  }
+  applyParagraphStyle(body, paragraphStyle);
+  const wrapElement = { value: WRAP, ...paragraphStyle };
+  delete wrapElement.rowFlex;
+  body.push(wrapElement);
+  return body;
+}
+function normalizeTdValueList(valueList) {
+  const list = valueList.slice();
+  if (list.length > 1 && (list[list.length - 1].value === WRAP || list[list.length - 1].value === "\n")) {
+    list.pop();
+  }
+  if (!list.length) {
+    list.push({ value: WRAP });
+  }
+  return list;
+}
+function parseTable(table, innerWidth) {
+  const element = {
+    type: ElementType.TABLE,
+    value: WRAP,
+    colgroup: [],
+    trList: []
+  };
+  const colElements = table.querySelectorAll("colgroup col");
+  table.querySelectorAll("tr").forEach((trElement) => {
+    const trHeight = parsePx(window.getComputedStyle(trElement).height) || 0;
+    const tr = {
+      height: trHeight,
+      minHeight: trHeight,
+      tdList: []
+    };
+    trElement.querySelectorAll("th,td").forEach((tdElement) => {
+      const tableCell = tdElement;
+      if (isHiddenTableCell(tableCell))
+        return;
+      const valueList = normalizeTdValueList(parseBlockChildren(tableCell, innerWidth));
+      const td = {
+        colspan: tableCell.colSpan,
+        rowspan: tableCell.rowSpan,
+        value: valueList,
+        verticalAlign: window.getComputedStyle(tdElement).verticalAlign,
+        width: parsePx(window.getComputedStyle(tdElement).width)
+      };
+      const backgroundColor = parseTdBackgroundColor(tableCell);
+      if (backgroundColor) {
+        td.backgroundColor = backgroundColor;
+      }
+      tr.tdList.push(td);
+    });
+    if (tr.tdList.length) {
+      element.trList.push(tr);
+    }
+  });
+  if (!element.trList.length)
+    return [];
+  const tdCount = element.trList[0].tdList.reduce((pre, cur) => pre + cur.colspan, 0);
+  const defaultColWidth = Math.ceil(innerWidth / Math.max(tdCount, 1));
+  for (let i = 0; i < tdCount; i++) {
+    const col = colElements[i];
+    element.colgroup.push({
+      width: col ? parseColWidth(col, defaultColWidth) : defaultColWidth
+    });
+  }
+  return [element];
+}
+function parseBlockChildren(root, innerWidth) {
+  const result = [];
+  root.childNodes.forEach((node) => {
+    var _a;
+    if (node.nodeType !== 1) {
+      if (node.nodeType === 3 && ((_a = node.textContent) == null ? void 0 : _a.trim())) {
+        result.push(...parseTextFromNode(node));
+        result.push({ value: WRAP });
+      }
+      return;
+    }
+    const el = node;
+    const name = el.nodeName;
+    if (name === "P" || /^H[1-6]$/.test(name)) {
+      result.push(...parseParagraph(el));
+    } else if (name === "TABLE") {
+      result.push(...parseTable(el, innerWidth));
+    } else if (name === "IMG") {
+      result.push(...parseImage(el));
+      result.push({ value: WRAP });
+    } else if (name === "BR") {
+      result.push({ value: WRAP });
+    } else if (name === "DIV" && el.getAttribute("data-type") === ElementType.PAGE_BREAK) {
+      result.push({
+        type: ElementType.PAGE_BREAK,
+        value: WRAP
+      });
+    } else if (name === "DIV" && el.getAttribute("data-ce-clear") === "both") {
+      return;
+    } else if (name === "ARTICLE" || name === "DIV" || name === "SECTION") {
+      result.push(...parseBlockChildren(el, innerWidth));
+    } else {
+      const nested = parseBlockChildren(el, innerWidth);
+      if (nested.length) {
+        result.push(...nested);
+      } else {
+        const inline = parseTextFromNode(el);
+        if (inline.length) {
+          result.push(...inline);
+          result.push({ value: WRAP });
+        }
+      }
+    }
+  });
+  return result;
+}
+function parseSectionContent(section, innerWidth) {
+  const article = section.querySelector("article") || section;
+  return parseBlockChildren(article, innerWidth);
+}
+function parseDocxDom(container, options = {}) {
+  const sections = Array.from(container.querySelectorAll("section.docx"));
+  const exportPages = Array.from(container.querySelectorAll(".ce-export-page"));
+  const targets = sections.length ? sections : exportPages.length ? exportPages : [container];
+  const paper = parseDocxPaperMeta(targets[0]);
+  const contentWidth = Math.max(paper.width - paper.margins[1] - paper.margins[3], 1);
+  const main = [];
+  targets.forEach((section, index2) => {
+    const sectionElements = parseSectionContent(section, contentWidth);
+    if (sectionElements.length) {
+      main.push(...sectionElements);
+    }
+    if (index2 < targets.length - 1) {
+      main.push({
+        type: ElementType.PAGE_BREAK,
+        value: WRAP
+      });
+    }
+  });
+  normalizeElementListFonts(main, options.fonts);
+  return { paper, main };
+}
+const A4_WIDTH_PX = Math.round(595.3 * 96 / 72);
+const A4_HEIGHT_PX = Math.round(841.95 * 96 / 72);
+const DEFAULT_MARGINS = [96, 120, 96, 120];
+function toPadding(margins) {
+  const [top, right2, bottom, left2] = margins;
+  return `${top}px ${right2}px ${bottom}px ${left2}px`;
+}
+function mountHtmlForDocx(html, margins) {
+  const tempContainer = document.querySelector("#tempDiv") || document.createElement("div");
+  if (!tempContainer.isConnected) {
+    tempContainer.style.cssText = "opacity:0;position:absolute;left:-9999px;top:0;pointer-events:none;";
+    document.body.append(tempContainer);
+  }
+  const trimmed = html.trim();
+  const hasDocxSection = /<section[^>]*class=["'][^"']*\bdocx\b/i.test(trimmed);
+  const hasExportPage = /class=["'][^"']*\bce-export-page\b/i.test(trimmed);
+  if (hasDocxSection || hasExportPage) {
+    tempContainer.innerHTML = trimmed;
+    if (margins) {
+      const paperEl = tempContainer.querySelector("section.docx") || tempContainer.querySelector(".ce-export-page");
+      if (paperEl) {
+        paperEl.style.padding = toPadding(margins);
+        paperEl.style.boxSizing = "border-box";
+      }
+    }
+  } else {
+    const padding = toPadding(margins != null ? margins : DEFAULT_MARGINS);
+    tempContainer.innerHTML = `<section class="docx" style="width:${A4_WIDTH_PX}px;min-height:${A4_HEIGHT_PX}px;padding:${padding};box-sizing:border-box;background:#fff;"><article>${trimmed}</article></section>`;
+  }
+  return tempContainer;
+}
 function convertPxToPaperSize(width, height) {
   if (width === 1125 && height === 1593) {
     return {
@@ -22598,6 +24693,30 @@ class CommandAdapt {
     const curIndex = isSetCursor ? endIndex : startIndex;
     this.draw.render({ curIndex, isSetCursor });
   }
+  textIndent(payload) {
+    const isReadonly = this.draw.isReadonly();
+    if (isReadonly)
+      return;
+    const { startIndex, endIndex } = this.range.getRange();
+    if (!~startIndex && !~endIndex)
+      return;
+    const paragraphElementList = this.range.getRangeParagraphElementList();
+    if (!paragraphElementList)
+      return;
+    const indent = Math.max(0, payload);
+    paragraphElementList.forEach((element) => {
+      if (indent) {
+        element.textIndent = indent;
+        delete element.marginLeft;
+      } else {
+        delete element.textIndent;
+        delete element.marginLeft;
+      }
+    });
+    const isSetCursor = startIndex === endIndex;
+    const curIndex = isSetCursor ? endIndex : startIndex;
+    this.draw.render({ curIndex, isSetCursor });
+  }
   insertTable(row, col) {
     const isDisabled = this.draw.isReadonly() || this.draw.isDisabled();
     if (isDisabled)
@@ -22932,6 +25051,67 @@ class CommandAdapt {
       });
     }
   }
+  setBackground(payload) {
+    const isReadonly = this.draw.isReadonly();
+    if (isReadonly)
+      return;
+    const options = this.draw.getOptions();
+    const bg = options.background;
+    if (payload.image !== void 0) {
+      bg.image = payload.image;
+    }
+    if (payload.color !== void 0) {
+      bg.color = payload.color;
+    }
+    if (payload.opacity !== void 0) {
+      bg.opacity = Math.min(1, Math.max(0, payload.opacity));
+    }
+    if (payload.position !== void 0) {
+      bg.position = payload.position;
+    }
+    if (payload.applyPageNumbers !== void 0) {
+      bg.applyPageNumbers = payload.applyPageNumbers;
+    }
+    bg.adaptive = true;
+    bg.size = BackgroundSize.CONTAIN;
+    bg.repeat = BackgroundRepeat.NO_REPEAT;
+    if (payload.position === void 0 && !bg.position) {
+      bg.position = BackgroundPosition.CENTER;
+    }
+    this.draw.render({
+      isSetCursor: false,
+      isSubmitHistory: false,
+      isCompute: false
+    });
+  }
+  getBackground() {
+    const { background } = this.draw.getOptions();
+    return {
+      color: background.color,
+      image: background.image,
+      size: BackgroundSize.CONTAIN,
+      repeat: BackgroundRepeat.NO_REPEAT,
+      opacity: background.opacity,
+      position: background.position,
+      adaptive: true,
+      applyPageNumbers: [...background.applyPageNumbers || []]
+    };
+  }
+  deleteBackground() {
+    const isReadonly = this.draw.isReadonly();
+    if (isReadonly)
+      return;
+    const options = this.draw.getOptions();
+    options.background = {
+      ...defaultBackground,
+      color: options.background.color || defaultBackground.color
+    };
+    this.draw.render({
+      isSetCursor: false,
+      isSubmitHistory: false,
+      isCompute: false
+    });
+  }
   image(payload) {
     const isDisabled = this.draw.isReadonly() || this.draw.isDisabled();
     if (isDisabled)
@@ -23071,6 +25251,21 @@ class CommandAdapt {
   getOptions() {
     return this.options;
   }
+  getDefaultLineHeight(payload) {
+    var _a, _b;
+    const { defaultSize, defaultRowMargin } = this.options;
+    const size = (_a = payload == null ? void 0 : payload.size) != null ? _a : defaultSize;
+    const rowMargin = (_b = payload == null ? void 0 : payload.rowMargin) != null ? _b : defaultRowMargin;
+    const el = { value: "", size, rowMargin };
+    const rowMarginPx = computeElementRowMarginPx(el, this.options);
+    const lineHeightPx = Math.round(computeElementLineHeightPx(el, this.options));
+    return {
+      rowMargin,
+      rowMarginPx,
+      lineHeightPx,
+      size
+    };
+  }
   getValue(options) {
     return this.draw.getValue(options);
   }
@@ -23085,11 +25280,40 @@ class CommandAdapt {
     const headerElementList = this.draw.getHeaderElementList();
     const mainElementList = this.draw.getOriginalMainElementList();
     const footerElementList = this.draw.getFooterElementList();
-    return {
-      header: createDomFromElementList(headerElementList, options).innerHTML,
-      main: createDomFromElementList(mainElementList, options).innerHTML,
-      footer: createDomFromElementList(footerElementList, options).innerHTML
+    const headerPositionList = this.draw.getHeader().getPositionList();
+    const mainPositionList = this.position.getOriginalMainPositionList();
+    const footerPositionList = this.draw.getFooter().getPositionList();
+    const { scale } = options;
+    attachHtmlFloatOffset(headerElementList, headerPositionList, scale);
+    attachHtmlFloatOffset(mainElementList, mainPositionList, scale);
+    attachHtmlFloatOffset(footerElementList, footerPositionList, scale);
+    attachHtmlImgRowLeft(headerElementList, headerPositionList, scale);
+    attachHtmlImgRowLeft(mainElementList, mainPositionList, scale);
+    attachHtmlImgRowLeft(footerElementList, footerPositionList, scale);
+    const wrapPaper = (dom) => {
+      const { width, height, margins } = options;
+      const wrapper = document.createElement("div");
+      wrapper.className = "ce-export-page";
+      wrapper.style.width = `${width}px`;
+      wrapper.style.minHeight = `${height}px`;
+      wrapper.style.padding = `${margins[0]}px ${margins[1]}px ${margins[2]}px ${margins[3]}px`;
+      wrapper.style.boxSizing = "border-box";
+      wrapper.style.position = "relative";
+      wrapper.style.background = "#fff";
+      while (dom.firstChild) {
+        wrapper.append(dom.firstChild);
+      }
+      return convertToXHTML(wrapper, { keepRoot: true });
     };
+    try {
+      return {
+        header: wrapPaper(createDomFromElementList(headerElementList, options)),
+        main: wrapPaper(createDomFromElementList(mainElementList, options)),
+        footer: wrapPaper(createDomFromElementList(footerElementList, options))
+      };
+    } finally {
+      clearHtmlFloatOffset();
+    }
   }
   getText() {
     const headerElementList = this.draw.getHeaderElementList();
@@ -23692,16 +25916,53 @@ class CommandAdapt {
     }
   }
   setHTML(payload) {
-    const { header, main, footer } = payload;
+    const { header, main, footer, container } = payload;
     const innerWidth = this.draw.getOriginalInnerWidth();
     const getElementList = (htmlText) => htmlText !== void 0 ? getElementListByHTML(htmlText, {
-      innerWidth
+      innerWidth,
+      container
     }) : void 0;
     this.setValue({
       header: getElementList(header),
       main: getElementList(main),
       footer: getElementList(footer)
     });
+    this.reconcileImportedFloatPositions();
+  }
+  setHtmlDocx(payload) {
+    const { container, margins } = payload;
+    if (!container)
+      return;
+    const { paper, main } = parseDocxDom(container, {
+      fonts: this.options.fonts
+    });
+    this.options.margins = margins != null ? margins : paper.margins;
+    this.draw.setPaperSize(paper.width, paper.height);
+    this.setValue({ main });
+    this.reconcileImportedFloatPositions();
+  }
+  reconcileImportedFloatPositions() {
+    const { scale } = this.options;
+    const headerElementList = this.draw.getHeaderElementList();
+    const mainElementList = this.draw.getOriginalMainElementList();
+    const footerElementList = this.draw.getFooterElementList();
+    const headerPositionList = this.draw.getHeader().getPositionList();
+    const mainPositionList = this.position.getOriginalMainPositionList();
+    const footerPositionList = this.draw.getFooter().getPositionList();
+    const changed = reconcileHtmlFloatPositions(headerElementList, headerPositionList, scale) || reconcileHtmlFloatPositions(mainElementList, mainPositionList, scale) || reconcileHtmlFloatPositions(footerElementList, footerPositionList, scale);
+    if (changed) {
+      this.draw.render({
+        isSubmitHistory: false,
+        isSetCursor: false
+      });
+    }
+  }
+  importDocx(payload) {
+    const { html, margins } = payload;
+    if (!html)
+      return;
+    const container = mountHtmlForDocx(html, margins);
+    this.setHtmlDocx({ container, margins });
   }
   setGroup() {
     const isReadonly = this.draw.isReadonly();
@@ -25185,6 +27446,8 @@ class EventBus {
 }
 class Override {
 }
+function docxPlugin(_editor) {
+}
 class Editor {
   showFormInputConfig(el) {
     formInputPropertiesConfigDialog(el, this);
@@ -25195,6 +27458,18 @@ class Editor {
   showFormRadioConfig(el) {
     formRadioPropertiesConfigDialog(el, this);
   }
+  showFormImageConfig(el) {
+    formImagePropertiesConfigDialog(el, this);
+  }
+  showFormSignatureConfig(el) {
+    formSignatureConfigDialog(el, this);
+  }
+  showFormSealConfig(el) {
+    formSealConfigDialog(el, this);
+  }
+  showFormRiskCopyConfig(el) {
+    formRiskCopyConfigDialog(el, this);
+  }
   setExtensionParam(key, value) {
     this.extensionParams.set(key, value);
   }
@@ -25275,8 +27550,14 @@ class Editor {
     const plugin = new Plugin(this);
     this.use = plugin.use.bind(plugin);
     this.extensionParams = /* @__PURE__ */ new Map();
+    if (editorOptions.fonts && Object.keys(editorOptions.fonts).length) {
+      this.setExtensionParam("fontOptions", Object.entries(editorOptions.fonts).map(([value, label]) => ({
+        value,
+        label: label || value
+      })));
+    }
     Reflect.set(window, "editor", this);
   }
 }
-export { AreaMode, BackgroundRepeat, BackgroundSize, BlockType, Command, ControlComponent, ControlIndentation, ControlState, ControlType, EDITOR_CLIPBOARD, EDITOR_COMPONENT, Editor, EditorComponent, EditorMode, EditorZone, ElementType, FlexDirection, INTERNAL_CONTEXT_MENU_KEY, INTERNAL_SHORTCUT_KEY, ImageDisplay, KeyMap, LETTER_CLASS, LineNumberType, ListStyle, ListType, LocationPosition, MaxHeightRatio, NumberType, PageMode, PaperDirection, RenderMode, RowFlex, TableBorder, TdBorder, TdSlash, TextDecorationStyle, TitleLevel, VerticalAlign, WatermarkType, WordBreak, createDomFromElementList, Editor as default, formCheckboxPropertiesConfigDialog, formInputPropertiesConfigDialog, formRadioPropertiesConfigDialog, getElementListByHTML, getTextFromElementList, splitText };
+export { AreaMode, BackgroundPosition, BackgroundRepeat, BackgroundSize, BlockType, Command, ControlComponent, ControlIndentation, ControlState, ControlType, Dialog, EDITOR_CLIPBOARD, EDITOR_COMPONENT, Editor, EditorComponent, EditorMode, EditorZone, ElementType, FlexDirection, INTERNAL_CONTEXT_MENU_KEY, INTERNAL_SHORTCUT_KEY, ImageDisplay, KeyMap, LETTER_CLASS, LineNumberType, ListStyle, ListType, LocationPosition, MaxHeightRatio, NumberType, PageMode, PaperDirection, RenderMode, RowFlex, TableBorder, TdBorder, TdSlash, TextDecorationStyle, TitleLevel, VerticalAlign, WatermarkType, WordBreak, computeElementLineHeightPx, computeElementRowMarginPx, createDomFromElementList, Editor as default, docxPlugin, formCheckboxPropertiesConfigDialog, formImagePropertiesConfigDialog, formInputPropertiesConfigDialog, formRadioPropertiesConfigDialog, formRiskCopyConfigDialog, formSealConfigDialog, formSignatureConfigDialog, getElementListByHTML, getTextFromElementList, splitText };
 //# sourceMappingURL=canvas-editor.es.js.map