@agile_jy/word-editor 0.0.4 → 0.0.5

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)}})();
 var index = "";
-const version = "0.0.3";
+const version = "0.0.5";
 var MaxHeightRatio;
 (function(MaxHeightRatio2) {
   MaxHeightRatio2["HALF"] = "half";
@@ -8341,974 +8341,208 @@ function drop(evt, host) {
     }
   }
 }
-var dialog = "";
-class Dialog {
-  constructor(options) {
-    this.options = options;
-    this.mask = null;
-    this.container = null;
-    this.inputList = [];
-    this._render();
+function getWordRangeBySegmenter(host) {
+  var _a;
+  if (!Intl.Segmenter)
+    return null;
+  const draw = host.getDraw();
+  const cursorPosition = draw.getPosition().getCursorPosition();
+  if (!cursorPosition)
+    return null;
+  const rangeManager = draw.getRange();
+  const paragraphInfo = rangeManager.getRangeParagraphInfo();
+  if (!paragraphInfo)
+    return null;
+  const paragraphText = ((_a = paragraphInfo == null ? void 0 : paragraphInfo.elementList) == null ? void 0 : _a.map((e) => !e.type || e.type !== ElementType.CONTROL && TEXTLIKE_ELEMENT_TYPE.includes(e.type) ? e.value : ZERO).join("")) || "";
+  if (!paragraphText)
+    return null;
+  const cursorStartIndex = cursorPosition.isFirstLetter || draw.getCursor().getHitLineStartIndex() ? cursorPosition.index + 1 : cursorPosition.index;
+  const offset = paragraphInfo.startIndex;
+  const segmenter = new Intl.Segmenter(void 0, { granularity: "word" });
+  const segments = segmenter.segment(paragraphText);
+  let startIndex = -1;
+  let endIndex = -1;
+  for (const { segment, index: index2, isWordLike } of segments) {
+    const realSegmentStartIndex = index2 + offset;
+    if (isWordLike && cursorStartIndex >= realSegmentStartIndex && cursorStartIndex < realSegmentStartIndex + segment.length) {
+      startIndex = realSegmentStartIndex - 1;
+      endIndex = startIndex + segment.length;
+      break;
+    }
   }
-  _render() {
-    var _a;
-    const { title, data: data2, onClose, onCancel, onConfirm } = this.options;
-    const mask = document.createElement("div");
-    mask.classList.add("dialog-mask");
-    mask.setAttribute(EDITOR_COMPONENT, EditorComponent.COMPONENT);
-    document.body.append(mask);
-    const container = document.createElement("div");
-    container.classList.add("dialog-container");
-    container.setAttribute(EDITOR_COMPONENT, EditorComponent.COMPONENT);
-    const dialogContainer = document.createElement("div");
-    dialogContainer.classList.add("dialog");
-    container.append(dialogContainer);
-    const titleContainer = document.createElement("div");
-    titleContainer.classList.add("dialog-title");
-    const titleSpan = document.createElement("span");
-    titleSpan.append(document.createTextNode(title));
-    const titleClose = document.createElement("i");
-    titleClose.onclick = () => {
-      if (onClose) {
-        onClose();
-      }
-      this._dispose();
-    };
-    titleContainer.append(titleSpan);
-    titleContainer.append(titleClose);
-    dialogContainer.append(titleContainer);
-    const optionContainer = document.createElement("div");
-    optionContainer.classList.add("dialog-option");
-    for (let i = 0; i < data2.length; i++) {
-      const option = data2[i];
-      const optionItemContainer = document.createElement("div");
-      optionItemContainer.classList.add("dialog-option__item");
-      if (option.label) {
-        const optionName = document.createElement("span");
-        optionName.append(document.createTextNode(option.label));
-        optionItemContainer.append(optionName);
-        if (option.required) {
-          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;
-        };
+  return ~startIndex && ~endIndex ? { startIndex, endIndex } : null;
+}
+function getWordRangeByCursor(host) {
+  const draw = host.getDraw();
+  const cursorPosition = draw.getPosition().getCursorPosition();
+  if (!cursorPosition)
+    return null;
+  const { value, index: index2 } = cursorPosition;
+  const LETTER_REG = draw.getLetterReg();
+  let upCount = 0;
+  let downCount = 0;
+  const isNumber2 = NUMBER_LIKE_REG.test(value);
+  if (isNumber2 || LETTER_REG.test(value)) {
+    const elementList = draw.getElementList();
+    let upStartIndex = index2 - 1;
+    while (upStartIndex > 0) {
+      const value2 = elementList[upStartIndex].value;
+      if (isNumber2 && NUMBER_LIKE_REG.test(value2) || !isNumber2 && LETTER_REG.test(value2)) {
+        upCount++;
+        upStartIndex--;
       } 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`;
+        break;
       }
-      optionInput.name = option.name;
-      optionInput.value = option.value || "";
-      if (!(optionInput instanceof HTMLSelectElement)) {
-        optionInput.placeholder = option.placeholder || "";
+    }
+    let downStartIndex = index2 + 1;
+    while (downStartIndex < elementList.length) {
+      const value2 = elementList[downStartIndex].value;
+      if (isNumber2 && NUMBER_LIKE_REG.test(value2) || !isNumber2 && LETTER_REG.test(value2)) {
+        downCount++;
+        downStartIndex++;
+      } else {
+        break;
       }
-      optionItemContainer.append(optionInput);
-      optionContainer.append(optionItemContainer);
-      this.inputList.push(optionInput);
     }
-    dialogContainer.append(optionContainer);
-    const menuContainer = document.createElement("div");
-    menuContainer.classList.add("dialog-menu");
-    const cancelBtn = document.createElement("button");
-    cancelBtn.classList.add("dialog-menu__cancel");
-    cancelBtn.append(document.createTextNode("\u53D6\u6D88"));
-    cancelBtn.type = "button";
-    cancelBtn.onclick = () => {
-      if (onCancel) {
-        onCancel();
+  }
+  const startIndex = index2 - upCount - 1;
+  if (startIndex < 0)
+    return null;
+  return {
+    startIndex,
+    endIndex: index2 + downCount
+  };
+}
+function dblclick(host, evt) {
+  const draw = host.getDraw();
+  const position = draw.getPosition();
+  const positionContext = position.getPositionByXY({
+    x: evt.offsetX,
+    y: evt.offsetY
+  });
+  if (positionContext.isImage && positionContext.isDirectHit) {
+    const elementList = draw.getElementList();
+    const eventBus = draw.getEventBus();
+    const curElement = elementList[positionContext.index];
+    if (eventBus.isSubscribe("imageDblclick")) {
+      eventBus.emit("imageDblclick", {
+        evt,
+        element: curElement
+      });
+    }
+    if (curElement.formInput) {
+      const editor = Reflect.get(window, "editor");
+      console.log("curElement", curElement);
+      if (curElement.formInput && curElement.formInput.type === "checkbox") {
+        editor.showFormCheckboxConfig(curElement);
+        return;
       }
-      this._dispose();
-    };
-    menuContainer.append(cancelBtn);
-    const confirmBtn = document.createElement("button");
-    confirmBtn.append(document.createTextNode("\u786E\u5B9A"));
-    confirmBtn.type = "submit";
-    confirmBtn.onclick = () => {
-      if (onConfirm) {
-        const payload = this.inputList.map((input2) => ({
-          name: input2.name,
-          value: input2.value
-        }));
-        onConfirm(payload);
+      if (curElement.formInput && curElement.formInput.type === "radio") {
+        editor.showformRadioConfig(curElement);
+        return;
       }
-      this._dispose();
-    };
-    menuContainer.append(confirmBtn);
-    dialogContainer.append(menuContainer);
-    document.body.append(container);
-    this.container = container;
-    this.mask = mask;
+      editor.showFormInputConfig(curElement);
+      return;
+    }
+    if (curElement.imgPreviewDisabled)
+      return;
+    draw.getPreviewer().render();
+    return;
   }
-  _dispose() {
-    var _a, _b;
-    (_a = this.mask) == null ? void 0 : _a.remove();
-    (_b = this.container) == null ? void 0 : _b.remove();
+  if (draw.getIsPagingMode()) {
+    if (!~positionContext.index && positionContext.zone) {
+      draw.getZone().setZone(positionContext.zone);
+      draw.clearSideEffect();
+      position.setPositionContext({
+        isTable: false
+      });
+      return;
+    }
+  }
+  if ((positionContext.isCheckbox || positionContext.isRadio) && positionContext.isDirectHit) {
+    return;
   }
+  const rangeManager = draw.getRange();
+  const segmenterRange = getWordRangeBySegmenter(host) || getWordRangeByCursor(host);
+  if (!segmenterRange)
+    return;
+  rangeManager.setRange(segmenterRange.startIndex, segmenterRange.endIndex);
+  draw.render({
+    isSubmitHistory: false,
+    isSetCursor: false,
+    isCompute: false
+  });
+  rangeManager.setRangeStyle();
 }
-function generateTextImage(options) {
-  const config = {
-    width: 400,
-    height: 200,
-    fontFamily: "Simsun",
-    fontSize: 20,
-    color: "#ffffff",
-    bold: false,
-    italic: false,
-    borderWidth: 1,
-    textBgColor: "#000000",
-    borderColor: "#000000",
-    text: "",
-    ...options
-  };
-  console.log("config", config);
-  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);
-  let fontStyle = "";
-  if (config.bold)
-    fontStyle += "bold ";
-  if (config.italic)
-    fontStyle += "italic ";
-  let currentFontSize = config.fontSize;
-  let textWidth, textHeight;
-  do {
-    const font = `${fontStyle}${currentFontSize}px ${config.fontFamily}`;
-    ctx.font = font;
-    const textMetrics2 = ctx.measureText(config.text);
-    textWidth = textMetrics2.width;
-    textHeight = textMetrics2.actualBoundingBoxAscent + textMetrics2.actualBoundingBoxDescent;
-    if ((textWidth > config.width || textHeight > config.height) && currentFontSize > 1) {
-      currentFontSize--;
-    } else {
+function threeClick(host) {
+  var _a, _b;
+  const draw = host.getDraw();
+  const control = draw.getControl();
+  if (control.getActiveControl() && control.selectValue())
+    return;
+  const position = draw.getPosition();
+  const cursorPosition = position.getCursorPosition();
+  if (!cursorPosition)
+    return;
+  const { index: index2 } = cursorPosition;
+  const elementList = draw.getElementList();
+  let upCount = 0;
+  let downCount = 0;
+  let upStartIndex = index2 - 1;
+  while (upStartIndex > 0) {
+    const element = elementList[upStartIndex];
+    const preElement = elementList[upStartIndex - 1];
+    if (element.value === ZERO && !element.listWrap || element.listId !== (preElement == null ? void 0 : preElement.listId) || element.titleId !== (preElement == null ? void 0 : preElement.titleId)) {
       break;
     }
-  } while (true);
-  const finalFont = `${fontStyle}${currentFontSize}px ${config.fontFamily}`;
-  ctx.font = finalFont;
-  const textMetrics = ctx.measureText(config.text);
-  textWidth = textMetrics.width;
-  textHeight = textMetrics.actualBoundingBoxAscent + textMetrics.actualBoundingBoxDescent;
-  const bgX = (config.width - textWidth) / 2 - 4;
-  const bgY = (config.height - textHeight) / 2 - 4;
-  ctx.fillStyle = config.textBgColor;
-  ctx.fillRect(bgX, bgY, textWidth + 8, textHeight + 8);
-  ctx.fillStyle = config.color;
-  ctx.textAlign = "center";
-  ctx.textBaseline = "middle";
-  ctx.fillText(config.text, canvas.width / 2, canvas.height / 2);
-  const offset = config.borderWidth;
-  ctx.strokeStyle = config.borderColor;
-  ctx.lineWidth = config.borderWidth;
-  ctx.strokeRect(
-    offset,
-    offset,
-    config.width - offset * 2,
-    config.height - offset * 2
-  );
-  return canvas.toDataURL("image/png");
-}
-function generateCheckboxImage(options) {
-  const config = {
-    checked: false,
-    width: 100,
-    height: 40,
-    label: "",
-    fontSize: 14,
-    fontFamily: "SimSun",
-    color: "#000000",
-    borderColor: "#000000",
-    checkColor: "#5175f4",
-    boxSize: 20,
-    gap: 8,
-    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 centerY = config.height / 2;
-  const boxLeft = config.gap + config.borderWidth;
-  const boxTop = centerY - config.boxSize / 2;
-  ctx.strokeStyle = config.borderColor;
-  ctx.lineWidth = 1.5;
-  ctx.strokeRect(boxLeft, boxTop, config.boxSize, config.boxSize);
-  if (config.checked) {
-    ctx.fillStyle = config.checkColor;
-    ctx.fillRect(boxLeft + 2, boxTop + 2, config.boxSize - 4, config.boxSize - 4);
-    ctx.beginPath();
-    ctx.strokeStyle = "#ffffff";
-    ctx.lineWidth = 2;
-    ctx.lineCap = "round";
-    ctx.lineJoin = "round";
-    const checkStartX = boxLeft + 5;
-    const checkStartY = boxTop + config.boxSize / 2 + 2;
-    const checkMiddleX = boxLeft + config.boxSize / 2 - 1;
-    const checkMiddleY = boxTop + config.boxSize - 6;
-    const checkEndX = boxLeft + config.boxSize - 4;
-    const checkEndY = boxTop + 6;
-    ctx.moveTo(checkStartX, checkStartY);
-    ctx.lineTo(checkMiddleX, checkMiddleY);
-    ctx.lineTo(checkEndX, checkEndY);
-    ctx.stroke();
+    upCount++;
+    upStartIndex--;
   }
-  if (config.label) {
-    ctx.font = `${config.fontSize}px ${config.fontFamily}`;
-    ctx.fillStyle = config.color;
-    ctx.textAlign = "left";
-    ctx.textBaseline = "middle";
-    const textX = boxLeft + config.boxSize + config.gap;
-    ctx.fillText(config.label, textX, centerY);
+  let downStartIndex = index2 + 1;
+  while (downStartIndex < elementList.length) {
+    const element = elementList[downStartIndex];
+    const nextElement = elementList[downStartIndex + 1];
+    if (element.value === ZERO && !element.listWrap || element.listId !== (nextElement == null ? void 0 : nextElement.listId) || element.titleId !== (nextElement == null ? void 0 : nextElement.titleId)) {
+      break;
+    }
+    downCount++;
+    downStartIndex++;
   }
-  return canvas.toDataURL("image/png");
-}
-function generateRadioImage(options) {
-  const config = {
-    checked: false,
-    width: 100,
-    height: 40,
-    label: "",
-    fontSize: 14,
-    fontFamily: "SimSun",
-    color: "#000000",
-    borderColor: "#000000",
-    checkColor: "#5175f4",
-    boxSize: 20,
-    gap: 8,
-    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 centerY = config.height / 2;
-  const circleLeft = config.gap + config.borderWidth;
-  const circleTop = centerY - config.boxSize / 2;
-  const circleCenterX = circleLeft + config.boxSize / 2;
-  const circleCenterY = circleTop + config.boxSize / 2;
-  ctx.strokeStyle = config.borderColor;
-  ctx.lineWidth = 1.5;
-  ctx.beginPath();
-  ctx.arc(circleCenterX, circleCenterY, config.boxSize / 2, 0, Math.PI * 2);
-  ctx.stroke();
-  if (config.checked) {
-    ctx.fillStyle = config.checkColor;
-    ctx.beginPath();
-    ctx.arc(circleCenterX, circleCenterY, config.boxSize / 4, 0, Math.PI * 2);
-    ctx.fill();
+  const rangeManager = draw.getRange();
+  let newStartIndex = index2 - upCount - 1;
+  if (((_a = elementList[newStartIndex]) == null ? void 0 : _a.value) !== ZERO) {
+    newStartIndex -= 1;
   }
-  if (config.label) {
-    ctx.font = `${config.fontSize}px ${config.fontFamily}`;
-    ctx.fillStyle = config.color;
-    ctx.textAlign = "left";
-    ctx.textBaseline = "middle";
-    const textX = circleLeft + config.boxSize + config.gap;
-    ctx.fillText(config.label, textX, centerY);
+  if (newStartIndex < 0)
+    return;
+  let newEndIndex = index2 + downCount + 1;
+  if (((_b = elementList[newEndIndex]) == null ? void 0 : _b.value) === ZERO || newEndIndex > elementList.length - 1) {
+    newEndIndex -= 1;
   }
-  return canvas.toDataURL("image/png");
+  rangeManager.setRange(newStartIndex, newEndIndex);
+  draw.render({
+    isSubmitHistory: false,
+    isSetCursor: false,
+    isCompute: false
+  });
 }
-function formCheckboxPropertiesConfigDialog(el, command) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
-  console.log("el", el);
-  const fontDom = document.querySelector(".menu-item__font");
-  const fontOptionDom = fontDom.querySelector(".options");
-  const liOption = [];
-  fontOptionDom.querySelectorAll("li").forEach((li) => {
-    var _a2, _b2;
-    liOption.push({
-      label: li.innerText,
-      value: (_b2 = (_a2 = li.attributes.getNamedItem("data-family")) == null ? void 0 : _a2.value) != null ? _b2 : ""
-    });
-  });
-  new Dialog({
-    title: "\u8868\u5355\u590D\u9009\u6846",
-    data: [
-      {
-        type: "text",
-        label: "\u8868\u5355 Key",
-        name: "key",
-        required: true,
-        value: (_b = (_a = el == null ? void 0 : el.formInput) == null ? void 0 : _a.key) != null ? _b : "",
-        placeholder: "\u8BF7\u8F93\u5165\u8868\u5355 Key"
-      },
-      {
-        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 : "120"
-      },
-      {
-        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 : "40"
-      },
-      {
-        type: "select",
-        label: "\u9ED8\u8BA4\u9009\u4E2D",
-        name: "checked",
-        required: true,
-        value: ((_g = el == null ? void 0 : el.formInput) == null ? void 0 : _g.checked) ? "true" : "false",
-        options: [
-          {
-            label: "\u662F",
-            value: "true"
-          },
-          {
-            label: "\u5426",
-            value: "false"
-          }
-        ]
-      },
-      {
-        type: "text",
-        label: "\u6807\u7B7E\u6587\u5B57",
-        name: "label",
-        required: true,
-        value: (_i = (_h = el == null ? void 0 : el.formInput) == null ? void 0 : _h.label) != null ? _i : "",
-        placeholder: "\u8BF7\u8F93\u5165\u6807\u7B7E\u6587\u5B57"
-      },
-      {
-        type: "number",
-        label: "\u5B57\u53F7",
-        name: "fontSize",
-        required: true,
-        placeholder: "\u8BF7\u8F93\u5165\u5B57\u53F7",
-        value: (_k = (_j = el == null ? void 0 : el.formInput) == null ? void 0 : _j.fontSize) != null ? _k : "14"
-      },
-      {
-        type: "color",
-        label: "\u5B57\u4F53\u989C\u8272",
-        name: "color",
-        required: true,
-        value: (_m = (_l = el == null ? void 0 : el.formInput) == null ? void 0 : _l.color) != null ? _m : "#000000"
-      },
-      {
-        type: "select",
-        label: "\u5B57\u4F53\u6837\u5F0F",
-        name: "fontFamily",
-        required: true,
-        value: (_o = (_n = el == null ? void 0 : el.formInput) == null ? void 0 : _n.fontFamily) != null ? _o : "SimSun",
-        options: liOption
-      }
-    ],
-    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 checked = ((_d2 = payload.find((p) => p.name === "checked")) == null ? void 0 : _d2.value) === "true";
-      const label = ((_e2 = payload.find((p) => p.name === "label")) == null ? void 0 : _e2.value) || "";
-      const fontSize = (_f2 = payload.find((p) => p.name === "fontSize")) == null ? void 0 : _f2.value;
-      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 = "checkbox";
-      const formInput = {
-        key,
-        width,
-        height,
-        checked,
-        label,
-        fontSize,
-        fontFamily,
-        color,
-        type
-      };
-      const imageDataUrl = generateCheckboxImage({
-        checked,
-        label,
-        width: Number(width),
-        height: Number(height),
-        fontSize: Number(fontSize),
-        fontFamily,
-        color
-      });
-      const param = {
-        value: imageDataUrl,
-        type: ElementType.IMAGE,
-        formInput,
-        width: Number(width),
-        height: Number(height)
-      };
-      if (el == null ? void 0 : el.id) {
-        const deleteOpt = {
-          id: el.id,
-          properties: param
-        };
-        console.log("deleteOpt12", deleteOpt);
-        command.executeUpdateElementById(deleteOpt);
-        return;
-      }
-      command.executeInsertElementList([param]);
-    }
-  });
-}
-function formRadioPropertiesConfigDialog(el, command) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
-  console.log("el", el);
-  const fontDom = document.querySelector(".menu-item__font");
-  const fontOptionDom = fontDom.querySelector(".options");
-  const liOption = [];
-  fontOptionDom.querySelectorAll("li").forEach((li) => {
-    var _a2, _b2;
-    liOption.push({
-      label: li.innerText,
-      value: (_b2 = (_a2 = li.attributes.getNamedItem("data-family")) == null ? void 0 : _a2.value) != null ? _b2 : ""
-    });
-  });
-  new Dialog({
-    title: "\u8868\u5355\u5355\u9009\u6846",
-    data: [
-      {
-        type: "text",
-        label: "\u8868\u5355 Key",
-        name: "key",
-        required: true,
-        value: (_b = (_a = el == null ? void 0 : el.formInput) == null ? void 0 : _a.key) != null ? _b : "",
-        placeholder: "\u8BF7\u8F93\u5165\u8868\u5355 Key"
-      },
-      {
-        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 : "120"
-      },
-      {
-        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 : "40"
-      },
-      {
-        type: "select",
-        label: "\u9ED8\u8BA4\u9009\u4E2D",
-        name: "checked",
-        required: true,
-        value: ((_g = el == null ? void 0 : el.formInput) == null ? void 0 : _g.checked) ? "true" : "false",
-        options: [
-          {
-            label: "\u662F",
-            value: "true"
-          },
-          {
-            label: "\u5426",
-            value: "false"
-          }
-        ]
-      },
-      {
-        type: "text",
-        label: "\u6807\u7B7E\u6587\u5B57",
-        name: "label",
-        required: true,
-        value: (_i = (_h = el == null ? void 0 : el.formInput) == null ? void 0 : _h.label) != null ? _i : "",
-        placeholder: "\u8BF7\u8F93\u5165\u6807\u7B7E\u6587\u5B57"
-      },
-      {
-        type: "number",
-        label: "\u5B57\u53F7",
-        name: "fontSize",
-        required: true,
-        placeholder: "\u8BF7\u8F93\u5165\u5B57\u53F7",
-        value: (_k = (_j = el == null ? void 0 : el.formInput) == null ? void 0 : _j.fontSize) != null ? _k : "14"
-      },
-      {
-        type: "color",
-        label: "\u5B57\u4F53\u989C\u8272",
-        name: "color",
-        required: true,
-        value: (_m = (_l = el == null ? void 0 : el.formInput) == null ? void 0 : _l.color) != null ? _m : "#000000"
-      },
-      {
-        type: "select",
-        label: "\u5B57\u4F53\u6837\u5F0F",
-        name: "fontFamily",
-        required: true,
-        value: (_o = (_n = el == null ? void 0 : el.formInput) == null ? void 0 : _n.fontFamily) != null ? _o : "SimSun",
-        options: liOption
-      }
-    ],
-    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 checked = ((_d2 = payload.find((p) => p.name === "checked")) == null ? void 0 : _d2.value) === "true";
-      const label = ((_e2 = payload.find((p) => p.name === "label")) == null ? void 0 : _e2.value) || "";
-      const fontSize = (_f2 = payload.find((p) => p.name === "fontSize")) == null ? void 0 : _f2.value;
-      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 = "radio";
-      const formInput = {
-        key,
-        width,
-        height,
-        checked,
-        label,
-        fontSize,
-        fontFamily,
-        color,
-        type
-      };
-      const imageDataUrl = generateRadioImage({
-        checked,
-        label,
-        width: Number(width),
-        height: Number(height),
-        fontSize: Number(fontSize),
-        fontFamily,
-        color
-      });
-      const param = {
-        value: imageDataUrl,
-        type: ElementType.IMAGE,
-        formInput,
-        width: Number(width),
-        height: Number(height)
-      };
-      if (el == null ? void 0 : el.id) {
-        const deleteOpt = {
-          id: el.id,
-          properties: param
-        };
-        console.log("deleteOpt12", deleteOpt);
-        command.executeUpdateElementById(deleteOpt);
-        return;
-      }
-      command.executeInsertElementList([param]);
-    }
-  });
-}
-function formInputPropertiesConfigDialog(el, command) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
-  console.log("el", el);
-  const fontDom = document.querySelector(".menu-item__font");
-  const fontOptionDom = fontDom.querySelector(".options");
-  const liOption = [];
-  fontOptionDom.querySelectorAll("li").forEach((li) => {
-    var _a2, _b2;
-    liOption.push({
-      label: li.innerText,
-      value: (_b2 = (_a2 = li.attributes.getNamedItem("data-family")) == null ? void 0 : _a2.value) != null ? _b2 : ""
-    });
-  });
-  new Dialog({
-    title: "\u8868\u5355\u6587\u672C\u6846",
-    data: [
-      {
-        type: "text",
-        label: "\u8868\u5355Key",
-        name: "key",
-        required: true,
-        value: (_b = (_a = el == null ? void 0 : el.formInput) == null ? void 0 : _a.key) != null ? _b : "",
-        placeholder: "\u8BF7\u8F93\u5165\u8868\u5355Key"
-      },
-      {
-        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 : "100"
-      },
-      {
-        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 : "50"
-      },
-      {
-        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"
-      },
-      {
-        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",
-        options: [
-          {
-            label: "\u662F",
-            value: "true"
-          },
-          {
-            label: "\u5426",
-            value: "false"
-          }
-        ]
-      },
-      {
-        type: "select",
-        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",
-        options: [
-          {
-            label: "\u662F",
-            value: "true"
-          },
-          {
-            label: "\u5426",
-            value: "false"
-          }
-        ]
-      },
-      {
-        type: "color",
-        label: "\u5B57\u4F53\u989C\u8272",
-        name: "color",
-        required: true,
-        value: (_n = (_m = el == null ? void 0 : el.formInput) == null ? void 0 : _m.color) != null ? _n : "#000000"
-      },
-      {
-        type: "select",
-        label: "\u5B57\u4F53\u6837\u5F0F",
-        name: "fontFamily",
-        required: true,
-        value: (_p = (_o = el == null ? void 0 : el.formInput) == null ? void 0 : _o.fontFamily) != null ? _p : "SimSun",
-        options: liOption
-      }
-    ],
-    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 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 formInput = {
-        key,
-        width,
-        height,
-        fontSize,
-        bold,
-        italic,
-        color,
-        fontFamily,
-        type
-      };
-      const imageDataUrl = generateTextImage({
-        text: key,
-        width,
-        height
-      });
-      const param = {
-        "value": imageDataUrl,
-        "type": ElementType.IMAGE,
-        "formInput": formInput,
-        "width": Number(width),
-        "height": Number(height)
-      };
-      if (el == null ? void 0 : el.id) {
-        const deleteOpt = {
-          id: el.id,
-          properties: param
-        };
-        console.log("deleteOpt12", deleteOpt);
-        command.executeUpdateElementById(deleteOpt);
-        return;
-      }
-      command.executeInsertElementList([
-        param
-      ]);
-    }
-  });
-}
-function getWordRangeBySegmenter(host) {
-  var _a;
-  if (!Intl.Segmenter)
-    return null;
-  const draw = host.getDraw();
-  const cursorPosition = draw.getPosition().getCursorPosition();
-  if (!cursorPosition)
-    return null;
-  const rangeManager = draw.getRange();
-  const paragraphInfo = rangeManager.getRangeParagraphInfo();
-  if (!paragraphInfo)
-    return null;
-  const paragraphText = ((_a = paragraphInfo == null ? void 0 : paragraphInfo.elementList) == null ? void 0 : _a.map((e) => !e.type || e.type !== ElementType.CONTROL && TEXTLIKE_ELEMENT_TYPE.includes(e.type) ? e.value : ZERO).join("")) || "";
-  if (!paragraphText)
-    return null;
-  const cursorStartIndex = cursorPosition.isFirstLetter || draw.getCursor().getHitLineStartIndex() ? cursorPosition.index + 1 : cursorPosition.index;
-  const offset = paragraphInfo.startIndex;
-  const segmenter = new Intl.Segmenter(void 0, { granularity: "word" });
-  const segments = segmenter.segment(paragraphText);
-  let startIndex = -1;
-  let endIndex = -1;
-  for (const { segment, index: index2, isWordLike } of segments) {
-    const realSegmentStartIndex = index2 + offset;
-    if (isWordLike && cursorStartIndex >= realSegmentStartIndex && cursorStartIndex < realSegmentStartIndex + segment.length) {
-      startIndex = realSegmentStartIndex - 1;
-      endIndex = startIndex + segment.length;
-      break;
-    }
-  }
-  return ~startIndex && ~endIndex ? { startIndex, endIndex } : null;
-}
-function getWordRangeByCursor(host) {
-  const draw = host.getDraw();
-  const cursorPosition = draw.getPosition().getCursorPosition();
-  if (!cursorPosition)
-    return null;
-  const { value, index: index2 } = cursorPosition;
-  const LETTER_REG = draw.getLetterReg();
-  let upCount = 0;
-  let downCount = 0;
-  const isNumber2 = NUMBER_LIKE_REG.test(value);
-  if (isNumber2 || LETTER_REG.test(value)) {
-    const elementList = draw.getElementList();
-    let upStartIndex = index2 - 1;
-    while (upStartIndex > 0) {
-      const value2 = elementList[upStartIndex].value;
-      if (isNumber2 && NUMBER_LIKE_REG.test(value2) || !isNumber2 && LETTER_REG.test(value2)) {
-        upCount++;
-        upStartIndex--;
-      } else {
-        break;
-      }
-    }
-    let downStartIndex = index2 + 1;
-    while (downStartIndex < elementList.length) {
-      const value2 = elementList[downStartIndex].value;
-      if (isNumber2 && NUMBER_LIKE_REG.test(value2) || !isNumber2 && LETTER_REG.test(value2)) {
-        downCount++;
-        downStartIndex++;
-      } else {
-        break;
-      }
-    }
-  }
-  const startIndex = index2 - upCount - 1;
-  if (startIndex < 0)
-    return null;
-  return {
-    startIndex,
-    endIndex: index2 + downCount
-  };
-}
-function dblclick(host, evt) {
-  const draw = host.getDraw();
-  const position = draw.getPosition();
-  const positionContext = position.getPositionByXY({
-    x: evt.offsetX,
-    y: evt.offsetY
-  });
-  if (positionContext.isImage && positionContext.isDirectHit) {
-    const elementList = draw.getElementList();
-    const eventBus = draw.getEventBus();
-    const curElement = elementList[positionContext.index];
-    if (eventBus.isSubscribe("imageDblclick")) {
-      eventBus.emit("imageDblclick", {
-        evt,
-        element: curElement
-      });
-    }
-    if (curElement.formInput) {
-      const editor = Reflect.get(window, "editor");
-      console.log("curElement", curElement);
-      if (curElement.formInput && curElement.formInput.type === "checkbox") {
-        formCheckboxPropertiesConfigDialog(curElement, editor.command);
-        return;
-      }
-      if (curElement.formInput && curElement.formInput.type === "radio") {
-        formRadioPropertiesConfigDialog(curElement, editor.command);
-        return;
-      }
-      formInputPropertiesConfigDialog(curElement, editor.command);
-      return;
-    }
-    if (curElement.imgPreviewDisabled)
-      return;
-    draw.getPreviewer().render();
-    return;
-  }
-  if (draw.getIsPagingMode()) {
-    if (!~positionContext.index && positionContext.zone) {
-      draw.getZone().setZone(positionContext.zone);
-      draw.clearSideEffect();
-      position.setPositionContext({
-        isTable: false
-      });
-      return;
-    }
-  }
-  if ((positionContext.isCheckbox || positionContext.isRadio) && positionContext.isDirectHit) {
-    return;
-  }
-  const rangeManager = draw.getRange();
-  const segmenterRange = getWordRangeBySegmenter(host) || getWordRangeByCursor(host);
-  if (!segmenterRange)
-    return;
-  rangeManager.setRange(segmenterRange.startIndex, segmenterRange.endIndex);
-  draw.render({
-    isSubmitHistory: false,
-    isSetCursor: false,
-    isCompute: false
-  });
-  rangeManager.setRangeStyle();
-}
-function threeClick(host) {
-  var _a, _b;
-  const draw = host.getDraw();
-  const control = draw.getControl();
-  if (control.getActiveControl() && control.selectValue())
-    return;
-  const position = draw.getPosition();
-  const cursorPosition = position.getCursorPosition();
-  if (!cursorPosition)
-    return;
-  const { index: index2 } = cursorPosition;
-  const elementList = draw.getElementList();
-  let upCount = 0;
-  let downCount = 0;
-  let upStartIndex = index2 - 1;
-  while (upStartIndex > 0) {
-    const element = elementList[upStartIndex];
-    const preElement = elementList[upStartIndex - 1];
-    if (element.value === ZERO && !element.listWrap || element.listId !== (preElement == null ? void 0 : preElement.listId) || element.titleId !== (preElement == null ? void 0 : preElement.titleId)) {
-      break;
-    }
-    upCount++;
-    upStartIndex--;
-  }
-  let downStartIndex = index2 + 1;
-  while (downStartIndex < elementList.length) {
-    const element = elementList[downStartIndex];
-    const nextElement = elementList[downStartIndex + 1];
-    if (element.value === ZERO && !element.listWrap || element.listId !== (nextElement == null ? void 0 : nextElement.listId) || element.titleId !== (nextElement == null ? void 0 : nextElement.titleId)) {
-      break;
-    }
-    downCount++;
-    downStartIndex++;
-  }
-  const rangeManager = draw.getRange();
-  let newStartIndex = index2 - upCount - 1;
-  if (((_a = elementList[newStartIndex]) == null ? void 0 : _a.value) !== ZERO) {
-    newStartIndex -= 1;
-  }
-  if (newStartIndex < 0)
-    return;
-  let newEndIndex = index2 + downCount + 1;
-  if (((_b = elementList[newEndIndex]) == null ? void 0 : _b.value) === ZERO || newEndIndex > elementList.length - 1) {
-    newEndIndex -= 1;
-  }
-  rangeManager.setRange(newStartIndex, newEndIndex);
-  draw.render({
-    isSubmitHistory: false,
-    isSetCursor: false,
-    isCompute: false
-  });
-}
-var click = {
-  dblclick,
-  threeClick
-};
-function compositionstart(host) {
-  host.isComposing = true;
-}
-function compositionend(host, evt) {
-  host.isComposing = false;
-  const draw = host.getDraw();
-  if (!evt.data) {
-    removeComposingInput(host);
-    const rangeManager = draw.getRange();
-    const { endIndex: curIndex } = rangeManager.getRange();
-    draw.render({
-      curIndex,
-      isSubmitHistory: false
+var click = {
+  dblclick,
+  threeClick
+};
+function compositionstart(host) {
+  host.isComposing = true;
+}
+function compositionend(host, evt) {
+  host.isComposing = false;
+  const draw = host.getDraw();
+  if (!evt.data) {
+    removeComposingInput(host);
+    const rangeManager = draw.getRange();
+    const { endIndex: curIndex } = rangeManager.getRange();
+    draw.render({
+      curIndex,
+      isSubmitHistory: false
     });
   } else {
     if (isFirefox) {
@@ -16073,257 +15307,1023 @@ class Control {
       row.width += left2 - controlFirstElementLeft;
     }
   }
-}
-class CheckboxParticle {
-  constructor(draw) {
-    this.draw = draw;
-    this.options = draw.getOptions();
+}
+class CheckboxParticle {
+  constructor(draw) {
+    this.draw = draw;
+    this.options = draw.getOptions();
+  }
+  setSelect(element) {
+    const { checkbox } = element;
+    if (checkbox) {
+      checkbox.value = !checkbox.value;
+    } else {
+      element.checkbox = {
+        value: true
+      };
+    }
+    this.draw.render({
+      isCompute: false,
+      isSetCursor: false
+    });
+  }
+  render(payload) {
+    const { ctx, x, index: index2, row } = payload;
+    let { y } = payload;
+    const { checkbox: { gap, lineWidth, fillStyle, strokeStyle, verticalAlign }, scale } = this.options;
+    const { metrics, checkbox } = row.elementList[index2];
+    if (verticalAlign === VerticalAlign.TOP || verticalAlign === VerticalAlign.MIDDLE) {
+      let nextIndex = index2 + 1;
+      let nextElement = null;
+      while (nextIndex < row.elementList.length) {
+        nextElement = row.elementList[nextIndex];
+        if (nextElement.value !== ZERO && nextElement.value !== NBSP)
+          break;
+        nextIndex++;
+      }
+      if (nextElement) {
+        const { metrics: { boundingBoxAscent, boundingBoxDescent } } = nextElement;
+        const textHeight = boundingBoxAscent + boundingBoxDescent;
+        if (textHeight > metrics.height) {
+          if (verticalAlign === VerticalAlign.TOP) {
+            y -= boundingBoxAscent - metrics.height;
+          } else if (verticalAlign === VerticalAlign.MIDDLE) {
+            y -= (textHeight - metrics.height) / 2;
+          }
+        }
+      }
+    }
+    const left2 = Math.round(x + gap * scale);
+    const top = Math.round(y - metrics.height + lineWidth);
+    const width = metrics.width - gap * 2 * scale;
+    const height = metrics.height;
+    ctx.save();
+    ctx.beginPath();
+    ctx.translate(0.5, 0.5);
+    if (checkbox == null ? void 0 : checkbox.value) {
+      ctx.lineWidth = lineWidth;
+      ctx.strokeStyle = "red";
+      ctx.rect(left2, top, width, height);
+      ctx.stroke();
+      ctx.beginPath();
+      ctx.fillStyle = fillStyle;
+      ctx.fillRect(left2, top, width, height);
+      ctx.beginPath();
+      ctx.strokeStyle = strokeStyle;
+      ctx.lineWidth = lineWidth * 2 * scale;
+      ctx.moveTo(left2 + 2 * scale, top + height / 2);
+      ctx.lineTo(left2 + width / 2, top + height - 3 * scale);
+      ctx.lineTo(left2 + width - 2 * scale, top + 3 * scale);
+      ctx.stroke();
+    } else {
+      ctx.lineWidth = lineWidth;
+      ctx.strokeStyle = "red";
+      ctx.rect(left2, top, width, height);
+      ctx.stroke();
+    }
+    debugger;
+    ctx.closePath();
+    ctx.restore();
+  }
+}
+class RadioParticle {
+  constructor(draw) {
+    this.draw = draw;
+    this.options = draw.getOptions();
+  }
+  setSelect(element) {
+    const { radio } = element;
+    if (radio) {
+      radio.value = !radio.value;
+    } else {
+      element.radio = {
+        value: true
+      };
+    }
+    this.draw.render({
+      isCompute: false,
+      isSetCursor: false
+    });
+  }
+  render(payload) {
+    const { ctx, x, index: index2, row } = payload;
+    let { y } = payload;
+    const { radio: { gap, lineWidth, fillStyle, strokeStyle, verticalAlign }, scale } = this.options;
+    const { metrics, radio } = row.elementList[index2];
+    if (verticalAlign === VerticalAlign.TOP || verticalAlign === VerticalAlign.MIDDLE) {
+      let nextIndex = index2 + 1;
+      let nextElement = null;
+      while (nextIndex < row.elementList.length) {
+        nextElement = row.elementList[nextIndex];
+        if (nextElement.value !== ZERO && nextElement.value !== NBSP)
+          break;
+        nextIndex++;
+      }
+      if (nextElement) {
+        const { metrics: { boundingBoxAscent, boundingBoxDescent } } = nextElement;
+        const textHeight = boundingBoxAscent + boundingBoxDescent;
+        if (textHeight > metrics.height) {
+          if (verticalAlign === VerticalAlign.TOP) {
+            y -= boundingBoxAscent - metrics.height;
+          } else if (verticalAlign === VerticalAlign.MIDDLE) {
+            y -= (textHeight - metrics.height) / 2;
+          }
+        }
+      }
+    }
+    const left2 = Math.round(x + gap * scale);
+    const top = Math.round(y - metrics.height + lineWidth);
+    const width = metrics.width - gap * 2 * scale;
+    const height = metrics.height;
+    ctx.save();
+    ctx.beginPath();
+    ctx.translate(0.5, 0.5);
+    ctx.strokeStyle = (radio == null ? void 0 : radio.value) ? fillStyle : strokeStyle;
+    ctx.lineWidth = lineWidth;
+    ctx.arc(left2 + width / 2, top + height / 2, width / 2, 0, Math.PI * 2);
+    ctx.stroke();
+    if (radio == null ? void 0 : radio.value) {
+      ctx.beginPath();
+      ctx.fillStyle = fillStyle;
+      ctx.arc(left2 + width / 2, top + height / 2, width / 3, 0, Math.PI * 2);
+      ctx.fill();
+    }
+    ctx.closePath();
+    ctx.restore();
+  }
+}
+const encodedJs$3 = "KGZ1bmN0aW9uKCl7InVzZSBzdHJpY3QiO2NvbnN0IHA9Ilx1MjAwQiIsdT1gCmA7ZnVuY3Rpb24gYShpKXt2YXIgYyxmO2xldCBsPSIiLG49MDtmb3IoO248aS5sZW5ndGg7KXtjb25zdCB0PWlbbl07aWYodC50eXBlPT09InRhYmxlIil7aWYodC50ckxpc3QpZm9yKGxldCBzPTA7czx0LnRyTGlzdC5sZW5ndGg7cysrKXtjb25zdCBvPXQudHJMaXN0W3NdO2ZvcihsZXQgZT0wO2U8by50ZExpc3QubGVuZ3RoO2UrKyl7Y29uc3Qgcj1vLnRkTGlzdFtlXTtsKz1hKHIudmFsdWUpfX19ZWxzZSBpZih0LnR5cGU9PT0iaHlwZXJsaW5rIil7Y29uc3Qgcz10Lmh5cGVybGlua0lkLG89W107Zm9yKDtuPGkubGVuZ3RoOyl7Y29uc3QgZT1pW25dO2lmKHMhPT1lLmh5cGVybGlua0lkKXtuLS07YnJlYWt9ZGVsZXRlIGUudHlwZSxvLnB1c2goZSksbisrfWwrPWEobyl9ZWxzZSBpZih0LmNvbnRyb2xJZCl7aWYoISgoYz10LmNvbnRyb2wpIT1udWxsJiZjLmhpZGUpKXtjb25zdCBzPXQuY29udHJvbElkLG89W107Zm9yKDtuPGkubGVuZ3RoOyl7Y29uc3QgZT1pW25dO2lmKHMhPT1lLmNvbnRyb2xJZCl7bi0tO2JyZWFrfWUuY29udHJvbENvbXBvbmVudD09PSJ2YWx1ZSImJihkZWxldGUgZS5jb250cm9sSWQsby5wdXNoKGUpKSxuKyt9bCs9YShvKX19ZWxzZSghdC50eXBlfHx0LnR5cGU9PT0idGV4dCIpJiYhKChmPXQuYXJlYSkhPW51bGwmJmYuaGlkZSkmJihsKz10LnZhbHVlKTtuKyt9cmV0dXJuIGx9ZnVuY3Rpb24gaChpKXtjb25zdCBsPVtdLG49L1swLTldLyxjPS9bQS1aYS16XS8sZj0vXHMvO2xldCB0PSExLHM9ITEsbz0iIjtmdW5jdGlvbiBlKCl7byYmKGwucHVzaChvKSxvPSIiKX1mb3IoY29uc3QgciBvZiBpKWMudGVzdChyKT8odHx8ZSgpLG8rPXIsdD0hMCxzPSExKTpuLnRlc3Qocik/KHN8fGUoKSxvKz1yLHQ9ITEscz0hMCk6KGUoKSx0PSExLHM9ITEsZi50ZXN0KHIpfHxsLnB1c2gocikpO3JldHVybiBlKCksbH1vbm1lc3NhZ2U9aT0+e2NvbnN0IGw9aS5kYXRhLGM9YShsKS5yZXBsYWNlKG5ldyBSZWdFeHAoYF4ke3B9YCksIiIpLnJlcGxhY2UobmV3IFJlZ0V4cChwLCJnIiksdSksZj1oKGMpO3Bvc3RNZXNzYWdlKGYubGVuZ3RoKX19KSgpOwo=";
+const blob$3 = typeof window !== "undefined" && window.Blob && new Blob([atob(encodedJs$3)], { type: "text/javascript;charset=utf-8" });
+function WorkerWrapper$3() {
+  const objURL = blob$3 && (window.URL || window.webkitURL).createObjectURL(blob$3);
+  try {
+    return objURL ? new Worker(objURL, {}) : new Worker("data:application/javascript;base64," + encodedJs$3, { type: "module" });
+  } finally {
+    objURL && (window.URL || window.webkitURL).revokeObjectURL(objURL);
+  }
+}
+const encodedJs$2 = "KGZ1bmN0aW9uKCl7InVzZSBzdHJpY3QiO2NvbnN0IGg9e2ZpcnN0OjEsc2Vjb25kOjIsdGhpcmQ6Myxmb3VydGg6NCxmaWZ0aDo1LHNpeHRoOjZ9LGI9WyJ0ZXh0IiwiaHlwZXJsaW5rIiwic3Vic2NyaXB0Iiwic3VwZXJzY3JpcHQiLCJjb250cm9sIiwiZGF0ZSIsImxhYmVsIl0sbT0iXHUyMDBCIjtmdW5jdGlvbiBJKGMpe3JldHVybiFjLnR5cGV8fGIuaW5jbHVkZXMoYy50eXBlKX1mdW5jdGlvbiBOKGMpe3ZhciBFO2NvbnN0e2VsZW1lbnRMaXN0OmcscG9zaXRpb25MaXN0OmR9PWMscD1bXTtsZXQgcj0wO2Zvcig7cjxnLmxlbmd0aDspe2NvbnN0IHQ9Z1tyXSxsPShlLG4scyk9Pntjb25zdCB1PWUudGl0bGVJZCxMPWUubGV2ZWwsaT17dHlwZToidGl0bGUiLHZhbHVlOiIiLGxldmVsOkwsdGl0bGVJZDp1LHBhZ2VObzpkW3JdLnBhZ2VOb30sbz1bXTtmb3IoO3M8bi5sZW5ndGg7KXtjb25zdCBhPW5bc107aWYodSE9PWEudGl0bGVJZCl7cy0tO2JyZWFrfW8ucHVzaChhKSxzKyt9cmV0dXJuIGkudmFsdWU9by5maWx0ZXIoYT0+SShhKSkubWFwKGE9PmEudmFsdWUpLmpvaW4oIiIpLnJlcGxhY2UobmV3IFJlZ0V4cChtLCJnIiksIiIpLHtwb3NpdGlvbjpzLHRpdGxlRWxlbWVudDppfX07aWYodC50aXRsZUlkKXtjb25zdHtwb3NpdGlvbjplLHRpdGxlRWxlbWVudDpufT1sKHQsZyxyKTtyPWUscC5wdXNoKG4pfWlmKHQudHlwZT09PSJ0YWJsZSIpe2NvbnN0IGU9dC50ckxpc3Q7Zm9yKGxldCBuPTA7bjxlLmxlbmd0aDtuKyspe2NvbnN0IHM9ZVtuXTtmb3IobGV0IHU9MDt1PHMudGRMaXN0Lmxlbmd0aDt1Kyspe2NvbnN0IGk9cy50ZExpc3RbdV0udmFsdWU7aWYoaS5sZW5ndGg+MSl7bGV0IG89MTtmb3IoO288aS5sZW5ndGg7KXtpZigoRT1pW29dKSE9bnVsbCYmRS50aXRsZUlkKXtjb25zdHt0aXRsZUVsZW1lbnQ6YSxwb3NpdGlvbjp5fT1sKGlbb10saSxvKTtwLnB1c2goYSksbz15fW8rK319fX19cisrfWlmKCFwLmxlbmd0aClyZXR1cm4gbnVsbDtjb25zdCBmPSh0LGwpPT57Y29uc3QgZT1sLnN1YkNhdGFsb2dbbC5zdWJDYXRhbG9nLmxlbmd0aC0xXSxuPWhbZT09bnVsbD92b2lkIDA6ZS5sZXZlbF0scz1oW3QubGV2ZWxdO2UmJnM+bj9mKHQsZSk6bC5zdWJDYXRhbG9nLnB1c2goe2lkOnQudGl0bGVJZCxuYW1lOnQudmFsdWUsbGV2ZWw6dC5sZXZlbCxwYWdlTm86dC5wYWdlTm8sc3ViQ2F0YWxvZzpbXX0pfSx2PVtdO2ZvcihsZXQgdD0wO3Q8cC5sZW5ndGg7dCsrKXtjb25zdCBsPXBbdF0sZT12W3YubGVuZ3RoLTFdLG49aFtlPT1udWxsP3ZvaWQgMDplLmxldmVsXSxzPWhbbC5sZXZlbF07ZSYmcz5uP2YobCxlKTp2LnB1c2goe2lkOmwudGl0bGVJZCxuYW1lOmwudmFsdWUsbGV2ZWw6bC5sZXZlbCxwYWdlTm86bC5wYWdlTm8sc3ViQ2F0YWxvZzpbXX0pfXJldHVybiB2fW9ubWVzc2FnZT1jPT57Y29uc3QgZz1jLmRhdGEsZD1OKGcpO3Bvc3RNZXNzYWdlKGQpfX0pKCk7Cg==";
+const blob$2 = typeof window !== "undefined" && window.Blob && new Blob([atob(encodedJs$2)], { type: "text/javascript;charset=utf-8" });
+function WorkerWrapper$2() {
+  const objURL = blob$2 && (window.URL || window.webkitURL).createObjectURL(blob$2);
+  try {
+    return objURL ? new Worker(objURL, {}) : new Worker("data:application/javascript;base64," + encodedJs$2, { type: "module" });
+  } finally {
+    objURL && (window.URL || window.webkitURL).revokeObjectURL(objURL);
+  }
+}
+const encodedJs$1 = "KGZ1bmN0aW9uKCl7InVzZSBzdHJpY3QiO2Z1bmN0aW9uIHUoZSl7Y29uc3QgdD1bXTtmb3IoY29uc3QgcyBvZiBlKXtpZihzLnR5cGU9PT0idGFibGUiKXtjb25zdCBvPXMudHJMaXN0O2ZvcihsZXQgbj0wO248by5sZW5ndGg7bisrKXtjb25zdCBjPW9bbl07Zm9yKGxldCByPTA7cjxjLnRkTGlzdC5sZW5ndGg7cisrKXtjb25zdCBpPWMudGRMaXN0W3JdO3QucHVzaCguLi51KGkudmFsdWUpKX19fWlmKCEhcy5ncm91cElkcylmb3IoY29uc3QgbyBvZiBzLmdyb3VwSWRzKXQuaW5jbHVkZXMobyl8fHQucHVzaChvKX1yZXR1cm4gdH1vbm1lc3NhZ2U9ZT0+e2NvbnN0IHQ9ZS5kYXRhLHM9dSh0KTtwb3N0TWVzc2FnZShzKX19KSgpOwo=";
+const blob$1 = typeof window !== "undefined" && window.Blob && new Blob([atob(encodedJs$1)], { type: "text/javascript;charset=utf-8" });
+function WorkerWrapper$1() {
+  const objURL = blob$1 && (window.URL || window.webkitURL).createObjectURL(blob$1);
+  try {
+    return objURL ? new Worker(objURL, {}) : new Worker("data:application/javascript;base64," + encodedJs$1, { type: "module" });
+  } finally {
+    objURL && (window.URL || window.webkitURL).revokeObjectURL(objURL);
+  }
+}
+const encodedJs = "KGZ1bmN0aW9uKCl7InVzZSBzdHJpY3QiO3ZhciBSPShlPT4oZS5IQUxGPSJoYWxmIixlLk9ORV9USElSRD0ib25lLXRoaXJkIixlLlFVQVJURVI9InF1YXJ0ZXIiLGUpKShSfHx7fSksZz0oZT0+KGUuQVJBQklDPSJhcmFiaWMiLGUuQ0hJTkVTRT0iY2hpbmVzZSIsZSkpKGd8fHt9KTtjb25zdCB2PSJcdTIwMEIiO1IuSEFMRisiIiwxLzIsUi5PTkVfVEhJUkQrIiIsMS8zLFIuUVVBUlRFUisiIiwxLzQ7ZnVuY3Rpb24gUyhlKXtpZih0eXBlb2Ygc3RydWN0dXJlZENsb25lPT0iZnVuY3Rpb24iKXJldHVybiBzdHJ1Y3R1cmVkQ2xvbmUoZSk7aWYoIWV8fHR5cGVvZiBlIT0ib2JqZWN0IilyZXR1cm4gZTtsZXQgbj17fTtyZXR1cm4gQXJyYXkuaXNBcnJheShlKT9uPWUubWFwKHU9PlModSkpOk9iamVjdC5rZXlzKGUpLmZvckVhY2godT0+e25bdV09UyhlW3VdKX0pLG59ZnVuY3Rpb24geShlLG4pe2NvbnN0IHU9e307Zm9yKGNvbnN0IGYgaW4gZSluLmluY2x1ZGVzKGYpJiYodVtmXT1lW2ZdKTtyZXR1cm4gdX1mdW5jdGlvbiBYKGUsbil7cmV0dXJuIGUubGVuZ3RoIT09bi5sZW5ndGg/ITE6IWUuc29tZSh1PT4hbi5pbmNsdWRlcyh1KSl9dmFyIGE9KGU9PihlLlRFWFQ9InRleHQiLGUuSU1BR0U9ImltYWdlIixlLlRBQkxFPSJ0YWJsZSIsZS5IWVBFUkxJTks9Imh5cGVybGluayIsZS5TVVBFUlNDUklQVD0ic3VwZXJzY3JpcHQiLGUuU1VCU0NSSVBUPSJzdWJzY3JpcHQiLGUuU0VQQVJBVE9SPSJzZXBhcmF0b3IiLGUuUEFHRV9CUkVBSz0icGFnZUJyZWFrIixlLkNPTlRST0w9ImNvbnRyb2wiLGUuQVJFQT0iYXJlYSIsZS5DSEVDS0JPWD0iY2hlY2tib3giLGUuUkFESU89InJhZGlvIixlLkxBVEVYPSJsYXRleCIsZS5UQUI9InRhYiIsZS5EQVRFPSJkYXRlIixlLkJMT0NLPSJibG9jayIsZS5USVRMRT0idGl0bGUiLGUuTElTVD0ibGlzdCIsZS5MQUJFTD0ibGFiZWwiLGUpKShhfHx7fSk7Y29uc3QgXz1bInJvd0ZsZXgiLCJyb3dNYXJnaW4iXSxCPVsidHlwZSIsImZvbnQiLCJzaXplIiwiYm9sZCIsImNvbG9yIiwiaXRhbGljIiwiaGlnaGxpZ2h0IiwidW5kZXJsaW5lIiwic3RyaWtlb3V0Iiwicm93RmxleCIsInJvd01hcmdpbiIsImRhc2hBcnJheSIsInRyTGlzdCIsInRhYmxlVG9vbERpc2FibGVkIiwiYm9yZGVyVHlwZSIsImJvcmRlckNvbG9yIiwidHJhbnNsYXRlWCIsIndpZHRoIiwiaGVpZ2h0IiwidXJsIiwiY29sZ3JvdXAiLCJ2YWx1ZUxpc3QiLCJjb250cm9sIiwiY2hlY2tib3giLCJyYWRpbyIsImRhdGVGb3JtYXQiLCJibG9jayIsImxldmVsIiwidGl0bGUiLCJsaXN0VHlwZSIsImxpc3RTdHlsZSIsImxpc3RXcmFwIiwiZ3JvdXBJZHMiLCJjb25jZXB0SWQiLCJpbWdEaXNwbGF5IiwiaW1nRmxvYXRQb3NpdGlvbiIsImltZ1Rvb2xEaXNhYmxlZCIsImltZ1ByZXZpZXdEaXNhYmxlZCIsImltZ0Nyb3AiLCJpbWdDYXB0aW9uIiwidGV4dERlY29yYXRpb24iLCJleHRlbnNpb24iLCJleHRlcm5hbElkIiwiYXJlYUlkIiwiYXJlYSIsImhpZGUiLCJsYWJlbCIsImxhYmVsSWQiLCJsaW5lV2lkdGgiLCJmb3JtSW5wdXQiXSxVPVsiY29uY2VwdElkIiwiZXh0ZW5zaW9uIiwiZXh0ZXJuYWxJZCIsInZlcnRpY2FsQWxpZ24iLCJiYWNrZ3JvdW5kQ29sb3IiLCJib3JkZXJUeXBlcyIsInNsYXNoVHlwZXMiLCJkaXNhYmxlZCIsImRlbGV0YWJsZSJdLHc9WyJmb250Iiwic2l6ZSIsImJvbGQiLCJoaWdobGlnaHQiLCJpdGFsaWMiLCJzdHJpa2VvdXQiXTthLlRFWFQsYS5IWVBFUkxJTkssYS5TVUJTQ1JJUFQsYS5TVVBFUlNDUklQVCxhLkNPTlRST0wsYS5EQVRFLGEuSU1BR0UsYS5MQVRFWCxhLkJMT0NLLGEuUEFHRV9CUkVBSyxhLlNFUEFSQVRPUixhLlRBQkxFLGEuVElUTEUsYS5MSVNUO3ZhciBQPShlPT4oZS5VTD0idWwiLGUuT0w9Im9sIixlKSkoUHx8e30pLE89KGU9PihlLkRJU0M9ImRpc2MiLGUuQ0lSQ0xFPSJjaXJjbGUiLGUuU1FVQVJFPSJzcXVhcmUiLGUuQ0hFQ0tCT1g9ImNoZWNrYm94IixlKSkoT3x8e30pLHA9KGU9PihlLkRJU0M9ImRpc2MiLGUuQ0lSQ0xFPSJjaXJjbGUiLGUuU1FVQVJFPSJzcXVhcmUiLGUuREVDSU1BTD0iZGVjaW1hbCIsZS5DSEVDS0JPWD0iY2hlY2tib3giLGUpKShwfHx7fSk7Ty5ESVNDKyIiLE8uQ0lSQ0xFKyIiLE8uU1FVQVJFKyIiLE8uQ0hFQ0tCT1grIiIsUC5PTCsiIixQLlVMKyIiLHAuRElTQysiIixwLkNJUkNMRSsiIixwLlNRVUFSRSsiIixwLkRFQ0lNQUwrIiIscC5DSEVDS0JPWCsiIjt2YXIgRT0oZT0+KGUuRklSU1Q9ImZpcnN0IixlLlNFQ09ORD0ic2Vjb25kIixlLlRISVJEPSJ0aGlyZCIsZS5GT1VSVEg9ImZvdXJ0aCIsZS5GSUZUSD0iZmlmdGgiLGUuU0lYVEg9InNpeHRoIixlKSkoRXx8e30pO0UuRklSU1QrIiIsRS5TRUNPTkQrIiIsRS5USElSRCsiIixFLkZPVVJUSCsiIixFLkZJRlRIKyIiLEUuU0lYVEgrIiIsRS5GSVJTVCsiIixFLlNFQ09ORCsiIixFLlRISVJEKyIiLEUuRk9VUlRIKyIiLEUuRklGVEgrIiIsRS5TSVhUSCsiIixFLkZJUlNULEUuU0VDT05ELEUuVEhJUkQsRS5GT1VSVEgsRS5GSUZUSCxFLlNJWFRIO3ZhciBBPShlPT4oZS5QUkVGSVg9InByZWZpeCIsZS5QT1NURklYPSJwb3N0Zml4IixlLlBSRV9URVhUPSJwcmVUZXh0IixlLlBPU1RfVEVYVD0icG9zdFRleHQiLGUuUExBQ0VIT0xERVI9InBsYWNlaG9sZGVyIixlLlZBTFVFPSJ2YWx1ZSIsZS5DSEVDS0JPWD0iY2hlY2tib3giLGUuUkFESU89InJhZGlvIixlKSkoQXx8e30pLEQ9KGU9PihlLkxFRlQ9ImxlZnQiLGUuQ0VOVEVSPSJjZW50ZXIiLGUuUklHSFQ9InJpZ2h0IixlLkFMSUdOTUVOVD0iYWxpZ25tZW50IixlLkpVU1RJRlk9Imp1c3RpZnkiLGUpKShEfHx7fSksTj0oZT0+KGUuQ09OVEFJTj0iY29udGFpbiIsZS5DT1ZFUj0iY292ZXIiLGUpKShOfHx7fSksaz0oZT0+KGUuUkVQRUFUPSJyZXBlYXQiLGUuTk9fUkVQRUFUPSJuby1yZXBlYXQiLGUuUkVQRUFUX1g9InJlcGVhdC14IixlLlJFUEVBVF9ZPSJyZXBlYXQteSIsZSkpKGt8fHt9KTtOLkNPVkVSLGsuTk9fUkVQRUFUO3ZhciBiPShlPT4oZS5UT1A9InRvcCIsZS5NSURETEU9Im1pZGRsZSIsZS5CT1RUT009ImJvdHRvbSIsZSkpKGJ8fHt9KTtiLkJPVFRPTSxSLkhBTEYsUi5IQUxGO2NvbnN0IEs9e1BBR0VfTk86IntwYWdlTm99IixQQUdFX0NPVU5UOiJ7cGFnZUNvdW50fSJ9O0QuQ0VOVEVSLEsuUEFHRV9OTyxnLkFSQUJJQyxiLkJPVFRPTTt2YXIgbT0oZT0+KGUuVEVYVD0idGV4dCIsZS5JTUFHRT0iaW1hZ2UiLGUpKShtfHx7fSk7bS5URVhULGcuQVJBQklDO3ZhciB4PShlPT4oZS5QQUdFPSJwYWdlIixlLkNPTlRJTlVJVFk9ImNvbnRpbnVpdHkiLGUpKSh4fHx7fSk7eC5DT05USU5VSVRZO2Z1bmN0aW9uIE0oZSxuKXtjb25zdCB1PU9iamVjdC5rZXlzKGUpLGY9T2JqZWN0LmtleXMobik7aWYodS5sZW5ndGghPT1mLmxlbmd0aClyZXR1cm4hMTtmb3IobGV0IEk9MDtJPHUubGVuZ3RoO0krKyl7Y29uc3QgbD11W0ldO2lmKGwhPT0idmFsdWUiJiYhKGw9PT0iZ3JvdXBJZHMiJiZBcnJheS5pc0FycmF5KGVbbF0pJiZBcnJheS5pc0FycmF5KG5bbF0pJiZYKGVbbF0sbltsXSkpJiZlW2xdIT09bltsXSlyZXR1cm4hMX1yZXR1cm4hMH1mdW5jdGlvbiBIKGUsbj17fSl7Y29uc3R7ZXh0cmFQaWNrQXR0cnM6dX09bixmPVsuLi5CXTt1JiZmLnB1c2goLi4udSk7Y29uc3QgST17dmFsdWU6ZS52YWx1ZT09PXY/YApgOmUudmFsdWV9O3JldHVybiBmLmZvckVhY2gobD0+e2NvbnN0IEM9ZVtsXTtDIT09dm9pZCAwJiYoSVtsXT1DKX0pLEl9ZnVuY3Rpb24gVChlLG49e30pe2NvbnN0e2V4dHJhUGlja0F0dHJzOnUsaXNDbGFzc2lmeUFyZWE6Zj0hMSxpc0Nsb25lOkk9ITB9PW4sbD1JP1MoZSk6ZSxDPVtdO2xldCBpPTA7Zm9yKDtpPGwubGVuZ3RoOyl7bGV0IHQ9bFtpXTtpZihpPT09MCYmdC52YWx1ZT09PXYmJiF0Lmxpc3RJZCYmKCF0LnR5cGV8fHQudHlwZT09PWEuVEVYVCkpe2krKztjb250aW51ZX1pZih0LmFyZWFJZCl7Y29uc3Qgcj10LmFyZWFJZCxkPXQuYXJlYSxjPVtdO2Zvcig7aTxsLmxlbmd0aDspe2NvbnN0IG89bFtpXTtpZihyIT09by5hcmVhSWQpe2ktLTticmVha31kZWxldGUgby5hcmVhLGRlbGV0ZSBvLmFyZWFJZCxjLnB1c2gobyksaSsrfWNvbnN0IHM9VChjLG4pO2lmKGYpe2NvbnN0IG89e3R5cGU6YS5BUkVBLHZhbHVlOiIiLGFyZWFJZDpyLGFyZWE6ZH07by52YWx1ZUxpc3Q9cyx0PW99ZWxzZXtDLnNwbGljZShpLDAsLi4ucyk7Y29udGludWV9fWVsc2UgaWYodC50aXRsZUlkJiZ0LmxldmVsKXtjb25zdCByPXQudGl0bGVJZDtpZihyKXtjb25zdCBkPXQubGV2ZWwsYz17dHlwZTphLlRJVExFLHRpdGxlOnQudGl0bGUsdGl0bGVJZDpyLHZhbHVlOiIiLGxldmVsOmR9LHM9W107Zm9yKDtpPGwubGVuZ3RoOyl7Y29uc3Qgbz1sW2ldO2lmKHIhPT1vLnRpdGxlSWQpe2ktLTticmVha31kZWxldGUgby5sZXZlbCxkZWxldGUgby50aXRsZSxzLnB1c2gobyksaSsrfWMudmFsdWVMaXN0PVQocyxuKSx0PWN9fWVsc2UgaWYodC5saXN0SWQmJnQubGlzdFR5cGUpe2NvbnN0IHI9dC5saXN0SWQ7aWYocil7Y29uc3QgZD10Lmxpc3RUeXBlLGM9dC5saXN0U3R5bGUscz17dHlwZTphLkxJU1QsdmFsdWU6IiIsbGlzdElkOnIsbGlzdFR5cGU6ZCxsaXN0U3R5bGU6Y30sbz1bXTtmb3IoO2k8bC5sZW5ndGg7KXtjb25zdCBoPWxbaV07aWYociE9PWgubGlzdElkKXtpLS07YnJlYWt9ZGVsZXRlIGgubGlzdFR5cGUsZGVsZXRlIGgubGlzdFN0eWxlLG8ucHVzaChoKSxpKyt9cy52YWx1ZUxpc3Q9VChvLG4pLHQ9c319ZWxzZSBpZih0LnR5cGU9PT1hLlRBQkxFKXtpZih0LnBhZ2luZ0lkKXtsZXQgcj1pKzEsZD0wO2Zvcig7cjxsLmxlbmd0aDspe2NvbnN0IGM9bFtyXTtpZihjLnBhZ2luZ0lkPT09dC5wYWdpbmdJZCl0LmhlaWdodCs9Yy5oZWlnaHQsdC50ckxpc3QucHVzaCguLi5jLnRyTGlzdCkscisrLGQrKztlbHNlIGJyZWFrfWkrPWR9aWYodC50ckxpc3QpZm9yKGxldCByPTA7cjx0LnRyTGlzdC5sZW5ndGg7cisrKXtjb25zdCBkPXQudHJMaXN0W3JdO2RlbGV0ZSBkLmlkO2ZvcihsZXQgYz0wO2M8ZC50ZExpc3QubGVuZ3RoO2MrKyl7Y29uc3Qgcz1kLnRkTGlzdFtjXSxvPXtjb2xzcGFuOnMuY29sc3Bhbixyb3dzcGFuOnMucm93c3Bhbix2YWx1ZTpUKHMudmFsdWUsey4uLm4saXNDbGFzc2lmeUFyZWE6ITF9KX07VS5mb3JFYWNoKGg9Pntjb25zdCBMPXNbaF07TCE9PXZvaWQgMCYmKG9baF09TCl9KSxkLnRkTGlzdFtjXT1vfX19ZWxzZSBpZih0LnR5cGU9PT1hLkhZUEVSTElOSyl7Y29uc3Qgcj10Lmh5cGVybGlua0lkO2lmKHIpe2NvbnN0IGQ9e3R5cGU6YS5IWVBFUkxJTkssdmFsdWU6IiIsdXJsOnQudXJsfSxjPVtdO2Zvcig7aTxsLmxlbmd0aDspe2NvbnN0IHM9bFtpXTtpZihyIT09cy5oeXBlcmxpbmtJZCl7aS0tO2JyZWFrfWRlbGV0ZSBzLnR5cGUsZGVsZXRlIHMudXJsLGMucHVzaChzKSxpKyt9ZC52YWx1ZUxpc3Q9VChjLG4pLHQ9ZH19ZWxzZSBpZih0LnR5cGU9PT1hLkRBVEUpe2NvbnN0IHI9dC5kYXRlSWQ7aWYocil7Y29uc3QgZD17dHlwZTphLkRBVEUsdmFsdWU6IiIsZGF0ZUZvcm1hdDp0LmRhdGVGb3JtYXR9LGM9W107Zm9yKDtpPGwubGVuZ3RoOyl7Y29uc3Qgcz1sW2ldO2lmKHIhPT1zLmRhdGVJZCl7aS0tO2JyZWFrfWRlbGV0ZSBzLnR5cGUsZGVsZXRlIHMuZGF0ZUZvcm1hdCxjLnB1c2gocyksaSsrfWQudmFsdWVMaXN0PVQoYyxuKSx0PWR9fWVsc2UgaWYodC5jb250cm9sSWQpe2NvbnN0IHI9dC5jb250cm9sSWQ7aWYodC5jb250cm9sQ29tcG9uZW50PT09QS5QUkVGSVgpe2NvbnN0IGQ9W107bGV0IGM9ITEscz1pO2Zvcig7czxsLmxlbmd0aDspe2NvbnN0IG89bFtzXTtpZihyIT09by5jb250cm9sSWQpYnJlYWs7by5jb250cm9sQ29tcG9uZW50PT09QS5WQUxVRSYmKGRlbGV0ZSBvLmNvbnRyb2wsZGVsZXRlIG8uY29udHJvbElkLGQucHVzaChvKSksby5jb250cm9sQ29tcG9uZW50PT09QS5QT1NURklYJiYoYz0hMCkscysrfWlmKGMpe2NvbnN0IG89eSh0LHcpLGg9ey4uLnQuY29udHJvbCwuLi5vfSxMPXsuLi55KHQsXyksdHlwZTphLkNPTlRST0wsdmFsdWU6IiIsY29udHJvbDpoLGNvbnRyb2xJZDpyfTtMLmNvbnRyb2wudmFsdWU9VChkLG4pLHQ9SChMLHtleHRyYVBpY2tBdHRyczp1fSksaSs9cy1pLTF9fWlmKHQuY29udHJvbENvbXBvbmVudCYmKGRlbGV0ZSB0LmNvbnRyb2wsZGVsZXRlIHQuY29udHJvbElkLHQuY29udHJvbENvbXBvbmVudCE9PUEuVkFMVUUmJnQuY29udHJvbENvbXBvbmVudCE9PUEuUFJFX1RFWFQmJnQuY29udHJvbENvbXBvbmVudCE9PUEuUE9TVF9URVhUKSl7aSsrO2NvbnRpbnVlfX1jb25zdCBGPUgodCx7ZXh0cmFQaWNrQXR0cnM6dX0pO2lmKCF0LnR5cGV8fHQudHlwZT09PWEuVEVYVHx8dC50eXBlPT09YS5TVUJTQ1JJUFR8fHQudHlwZT09PWEuU1VQRVJTQ1JJUFQpZm9yKDtpPGwubGVuZ3RoOyl7Y29uc3Qgcj1sW2krMV07aWYoaSsrLHImJk0oRixIKHIse2V4dHJhUGlja0F0dHJzOnV9KSkpe2NvbnN0IGQ9ci52YWx1ZT09PXY/YApgOnIudmFsdWU7Ri52YWx1ZSs9ZH1lbHNlIGJyZWFrfWVsc2UgaSsrO0MucHVzaChGKX1yZXR1cm4gQ31vbm1lc3NhZ2U9ZT0+e2NvbnN0IG49ZS5kYXRhLHtvcHRpb25zOnUsZGF0YTpmfT1uLHtleHRyYVBpY2tBdHRyczpJPVtdfT11fHx7fSxsPXtoZWFkZXI6VChmLmhlYWRlcix7ZXh0cmFQaWNrQXR0cnM6SSxpc0Nsb25lOiExfSksbWFpbjpUKGYubWFpbix7ZXh0cmFQaWNrQXR0cnM6SSxpc0NsYXNzaWZ5QXJlYTohMCxpc0Nsb25lOiExfSksZm9vdGVyOlQoZi5mb290ZXIse2V4dHJhUGlja0F0dHJzOkksaXNDbG9uZTohMX0pfTtwb3N0TWVzc2FnZShsKX19KSgpOwo=";
+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);
+  try {
+    return objURL ? new Worker(objURL, {}) : new Worker("data:application/javascript;base64," + encodedJs, { type: "module" });
+  } finally {
+    objURL && (window.URL || window.webkitURL).revokeObjectURL(objURL);
+  }
+}
+class WorkerManager {
+  constructor(draw) {
+    this.draw = draw;
+    this.wordCountWorker = new WorkerWrapper$3();
+    this.catalogWorker = new WorkerWrapper$2();
+    this.groupWorker = new WorkerWrapper$1();
+    this.valueWorker = new WorkerWrapper();
+  }
+  getWordCount() {
+    return new Promise((resolve, reject) => {
+      this.wordCountWorker.onmessage = (evt) => {
+        resolve(evt.data);
+      };
+      this.wordCountWorker.onerror = (evt) => {
+        reject(evt);
+      };
+      const elementList = this.draw.getOriginalMainElementList();
+      this.wordCountWorker.postMessage(elementList);
+    });
   }
-  setSelect(element) {
-    const { checkbox } = element;
-    if (checkbox) {
-      checkbox.value = !checkbox.value;
-    } else {
-      element.checkbox = {
-        value: true
+  getCatalog() {
+    return new Promise((resolve, reject) => {
+      this.catalogWorker.onmessage = (evt) => {
+        resolve(evt.data);
       };
-    }
-    this.draw.render({
-      isCompute: false,
-      isSetCursor: false
+      this.catalogWorker.onerror = (evt) => {
+        reject(evt);
+      };
+      const elementList = this.draw.getOriginalMainElementList();
+      const positionList = this.draw.getPosition().getOriginalMainPositionList();
+      this.catalogWorker.postMessage({
+        elementList,
+        positionList
+      });
     });
   }
-  render(payload) {
-    const { ctx, x, index: index2, row } = payload;
-    let { y } = payload;
-    const { checkbox: { gap, lineWidth, fillStyle, strokeStyle, verticalAlign }, scale } = this.options;
-    const { metrics, checkbox } = row.elementList[index2];
-    if (verticalAlign === VerticalAlign.TOP || verticalAlign === VerticalAlign.MIDDLE) {
-      let nextIndex = index2 + 1;
-      let nextElement = null;
-      while (nextIndex < row.elementList.length) {
-        nextElement = row.elementList[nextIndex];
-        if (nextElement.value !== ZERO && nextElement.value !== NBSP)
-          break;
-        nextIndex++;
+  getGroupIds() {
+    return new Promise((resolve, reject) => {
+      this.groupWorker.onmessage = (evt) => {
+        resolve(evt.data);
+      };
+      this.groupWorker.onerror = (evt) => {
+        reject(evt);
+      };
+      const elementList = this.draw.getOriginalMainElementList();
+      this.groupWorker.postMessage(elementList);
+    });
+  }
+  getValue(options) {
+    return new Promise((resolve, reject) => {
+      this.valueWorker.onmessage = (evt) => {
+        resolve({
+          version,
+          data: evt.data,
+          options: deepClone(this.draw.getOptions())
+        });
+      };
+      this.valueWorker.onerror = (evt) => {
+        reject(evt);
+      };
+      this.valueWorker.postMessage({
+        data: this.draw.getOriginValue(options),
+        options
+      });
+    });
+  }
+}
+var dialog = "";
+class Dialog {
+  constructor(options) {
+    this.options = options;
+    this.mask = null;
+    this.container = null;
+    this.inputList = [];
+    this._render();
+  }
+  _render() {
+    var _a;
+    const { title, data: data2, onClose, onCancel, onConfirm } = this.options;
+    const mask = document.createElement("div");
+    mask.classList.add("dialog-mask");
+    mask.setAttribute(EDITOR_COMPONENT, EditorComponent.COMPONENT);
+    document.body.append(mask);
+    const container = document.createElement("div");
+    container.classList.add("dialog-container");
+    container.setAttribute(EDITOR_COMPONENT, EditorComponent.COMPONENT);
+    const dialogContainer = document.createElement("div");
+    dialogContainer.classList.add("dialog");
+    container.append(dialogContainer);
+    const titleContainer = document.createElement("div");
+    titleContainer.classList.add("dialog-title");
+    const titleSpan = document.createElement("span");
+    titleSpan.append(document.createTextNode(title));
+    const titleClose = document.createElement("i");
+    titleClose.onclick = () => {
+      if (onClose) {
+        onClose();
       }
-      if (nextElement) {
-        const { metrics: { boundingBoxAscent, boundingBoxDescent } } = nextElement;
-        const textHeight = boundingBoxAscent + boundingBoxDescent;
-        if (textHeight > metrics.height) {
-          if (verticalAlign === VerticalAlign.TOP) {
-            y -= boundingBoxAscent - metrics.height;
-          } else if (verticalAlign === VerticalAlign.MIDDLE) {
-            y -= (textHeight - metrics.height) / 2;
-          }
+      this._dispose();
+    };
+    titleContainer.append(titleSpan);
+    titleContainer.append(titleClose);
+    dialogContainer.append(titleContainer);
+    const optionContainer = document.createElement("div");
+    optionContainer.classList.add("dialog-option");
+    for (let i = 0; i < data2.length; i++) {
+      const option = data2[i];
+      const optionItemContainer = document.createElement("div");
+      optionItemContainer.classList.add("dialog-option__item");
+      if (option.label) {
+        const optionName = document.createElement("span");
+        optionName.append(document.createTextNode(option.label));
+        optionItemContainer.append(optionName);
+        if (option.required) {
+          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;
+        };
+      } 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);
     }
-    const left2 = Math.round(x + gap * scale);
-    const top = Math.round(y - metrics.height + lineWidth);
-    const width = metrics.width - gap * 2 * scale;
-    const height = metrics.height;
-    ctx.save();
-    ctx.beginPath();
-    ctx.translate(0.5, 0.5);
-    if (checkbox == null ? void 0 : checkbox.value) {
-      ctx.lineWidth = lineWidth;
-      ctx.strokeStyle = "red";
-      ctx.rect(left2, top, width, height);
-      ctx.stroke();
-      ctx.beginPath();
-      ctx.fillStyle = fillStyle;
-      ctx.fillRect(left2, top, width, height);
-      ctx.beginPath();
-      ctx.strokeStyle = strokeStyle;
-      ctx.lineWidth = lineWidth * 2 * scale;
-      ctx.moveTo(left2 + 2 * scale, top + height / 2);
-      ctx.lineTo(left2 + width / 2, top + height - 3 * scale);
-      ctx.lineTo(left2 + width - 2 * scale, top + 3 * scale);
-      ctx.stroke();
+    dialogContainer.append(optionContainer);
+    const menuContainer = document.createElement("div");
+    menuContainer.classList.add("dialog-menu");
+    const cancelBtn = document.createElement("button");
+    cancelBtn.classList.add("dialog-menu__cancel");
+    cancelBtn.append(document.createTextNode("\u53D6\u6D88"));
+    cancelBtn.type = "button";
+    cancelBtn.onclick = () => {
+      if (onCancel) {
+        onCancel();
+      }
+      this._dispose();
+    };
+    menuContainer.append(cancelBtn);
+    const confirmBtn = document.createElement("button");
+    confirmBtn.append(document.createTextNode("\u786E\u5B9A"));
+    confirmBtn.type = "submit";
+    confirmBtn.onclick = () => {
+      if (onConfirm) {
+        const payload = this.inputList.map((input2) => ({
+          name: input2.name,
+          value: input2.value
+        }));
+        onConfirm(payload);
+      }
+      this._dispose();
+    };
+    menuContainer.append(confirmBtn);
+    dialogContainer.append(menuContainer);
+    document.body.append(container);
+    this.container = container;
+    this.mask = mask;
+  }
+  _dispose() {
+    var _a, _b;
+    (_a = this.mask) == null ? void 0 : _a.remove();
+    (_b = this.container) == null ? void 0 : _b.remove();
+  }
+}
+function generateTextImage(options) {
+  const config = {
+    width: 400,
+    height: 200,
+    fontFamily: "Simsun",
+    fontSize: 20,
+    color: "#ffffff",
+    bold: false,
+    italic: false,
+    borderWidth: 1,
+    textBgColor: "#000000",
+    borderColor: "#000000",
+    text: "",
+    ...options
+  };
+  console.log("config", config);
+  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);
+  let fontStyle = "";
+  if (config.bold)
+    fontStyle += "bold ";
+  if (config.italic)
+    fontStyle += "italic ";
+  let currentFontSize = config.fontSize;
+  let textWidth, textHeight;
+  do {
+    const font = `${fontStyle}${currentFontSize}px ${config.fontFamily}`;
+    ctx.font = font;
+    const textMetrics2 = ctx.measureText(config.text);
+    textWidth = textMetrics2.width;
+    textHeight = textMetrics2.actualBoundingBoxAscent + textMetrics2.actualBoundingBoxDescent;
+    if ((textWidth > config.width || textHeight > config.height) && currentFontSize > 1) {
+      currentFontSize--;
     } else {
-      ctx.lineWidth = lineWidth;
-      ctx.strokeStyle = "red";
-      ctx.rect(left2, top, width, height);
-      ctx.stroke();
+      break;
     }
-    debugger;
-    ctx.closePath();
-    ctx.restore();
-  }
+  } while (true);
+  const finalFont = `${fontStyle}${currentFontSize}px ${config.fontFamily}`;
+  ctx.font = finalFont;
+  const textMetrics = ctx.measureText(config.text);
+  textWidth = textMetrics.width;
+  textHeight = textMetrics.actualBoundingBoxAscent + textMetrics.actualBoundingBoxDescent;
+  const bgX = (config.width - textWidth) / 2 - 4;
+  const bgY = (config.height - textHeight) / 2 - 4;
+  ctx.fillStyle = config.textBgColor;
+  ctx.fillRect(bgX, bgY, textWidth + 8, textHeight + 8);
+  ctx.fillStyle = config.color;
+  ctx.textAlign = "center";
+  ctx.textBaseline = "middle";
+  ctx.fillText(config.text, canvas.width / 2, canvas.height / 2);
+  const offset = config.borderWidth;
+  ctx.strokeStyle = config.borderColor;
+  ctx.lineWidth = config.borderWidth;
+  ctx.strokeRect(
+    offset,
+    offset,
+    config.width - offset * 2,
+    config.height - offset * 2
+  );
+  return canvas.toDataURL("image/png");
 }
-class RadioParticle {
-  constructor(draw) {
-    this.draw = draw;
-    this.options = draw.getOptions();
-  }
-  setSelect(element) {
-    const { radio } = element;
-    if (radio) {
-      radio.value = !radio.value;
-    } else {
-      element.radio = {
-        value: true
-      };
-    }
-    this.draw.render({
-      isCompute: false,
-      isSetCursor: false
-    });
-  }
-  render(payload) {
-    const { ctx, x, index: index2, row } = payload;
-    let { y } = payload;
-    const { radio: { gap, lineWidth, fillStyle, strokeStyle, verticalAlign }, scale } = this.options;
-    const { metrics, radio } = row.elementList[index2];
-    if (verticalAlign === VerticalAlign.TOP || verticalAlign === VerticalAlign.MIDDLE) {
-      let nextIndex = index2 + 1;
-      let nextElement = null;
-      while (nextIndex < row.elementList.length) {
-        nextElement = row.elementList[nextIndex];
-        if (nextElement.value !== ZERO && nextElement.value !== NBSP)
-          break;
-        nextIndex++;
-      }
-      if (nextElement) {
-        const { metrics: { boundingBoxAscent, boundingBoxDescent } } = nextElement;
-        const textHeight = boundingBoxAscent + boundingBoxDescent;
-        if (textHeight > metrics.height) {
-          if (verticalAlign === VerticalAlign.TOP) {
-            y -= boundingBoxAscent - metrics.height;
-          } else if (verticalAlign === VerticalAlign.MIDDLE) {
-            y -= (textHeight - metrics.height) / 2;
-          }
-        }
-      }
-    }
-    const left2 = Math.round(x + gap * scale);
-    const top = Math.round(y - metrics.height + lineWidth);
-    const width = metrics.width - gap * 2 * scale;
-    const height = metrics.height;
-    ctx.save();
+function generateCheckboxImage(options) {
+  const config = {
+    checked: false,
+    width: 100,
+    height: 40,
+    label: "",
+    fontSize: 14,
+    fontFamily: "SimSun",
+    color: "#000000",
+    borderColor: "#000000",
+    checkColor: "#5175f4",
+    boxSize: 20,
+    gap: 8,
+    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 centerY = config.height / 2;
+  const boxLeft = config.gap + config.borderWidth;
+  const boxTop = centerY - config.boxSize / 2;
+  ctx.strokeStyle = config.borderColor;
+  ctx.lineWidth = 1.5;
+  ctx.strokeRect(boxLeft, boxTop, config.boxSize, config.boxSize);
+  if (config.checked) {
+    ctx.fillStyle = config.checkColor;
+    ctx.fillRect(boxLeft + 2, boxTop + 2, config.boxSize - 4, config.boxSize - 4);
     ctx.beginPath();
-    ctx.translate(0.5, 0.5);
-    ctx.strokeStyle = (radio == null ? void 0 : radio.value) ? fillStyle : strokeStyle;
-    ctx.lineWidth = lineWidth;
-    ctx.arc(left2 + width / 2, top + height / 2, width / 2, 0, Math.PI * 2);
+    ctx.strokeStyle = "#ffffff";
+    ctx.lineWidth = 2;
+    ctx.lineCap = "round";
+    ctx.lineJoin = "round";
+    const checkStartX = boxLeft + 5;
+    const checkStartY = boxTop + config.boxSize / 2 + 2;
+    const checkMiddleX = boxLeft + config.boxSize / 2 - 1;
+    const checkMiddleY = boxTop + config.boxSize - 6;
+    const checkEndX = boxLeft + config.boxSize - 4;
+    const checkEndY = boxTop + 6;
+    ctx.moveTo(checkStartX, checkStartY);
+    ctx.lineTo(checkMiddleX, checkMiddleY);
+    ctx.lineTo(checkEndX, checkEndY);
     ctx.stroke();
-    if (radio == null ? void 0 : radio.value) {
-      ctx.beginPath();
-      ctx.fillStyle = fillStyle;
-      ctx.arc(left2 + width / 2, top + height / 2, width / 3, 0, Math.PI * 2);
-      ctx.fill();
-    }
-    ctx.closePath();
-    ctx.restore();
-  }
-}
-const encodedJs$3 = "KGZ1bmN0aW9uKCl7InVzZSBzdHJpY3QiO2NvbnN0IHA9Ilx1MjAwQiIsdT1gCmA7ZnVuY3Rpb24gYShpKXt2YXIgYyxmO2xldCBsPSIiLG49MDtmb3IoO248aS5sZW5ndGg7KXtjb25zdCB0PWlbbl07aWYodC50eXBlPT09InRhYmxlIil7aWYodC50ckxpc3QpZm9yKGxldCBzPTA7czx0LnRyTGlzdC5sZW5ndGg7cysrKXtjb25zdCBvPXQudHJMaXN0W3NdO2ZvcihsZXQgZT0wO2U8by50ZExpc3QubGVuZ3RoO2UrKyl7Y29uc3Qgcj1vLnRkTGlzdFtlXTtsKz1hKHIudmFsdWUpfX19ZWxzZSBpZih0LnR5cGU9PT0iaHlwZXJsaW5rIil7Y29uc3Qgcz10Lmh5cGVybGlua0lkLG89W107Zm9yKDtuPGkubGVuZ3RoOyl7Y29uc3QgZT1pW25dO2lmKHMhPT1lLmh5cGVybGlua0lkKXtuLS07YnJlYWt9ZGVsZXRlIGUudHlwZSxvLnB1c2goZSksbisrfWwrPWEobyl9ZWxzZSBpZih0LmNvbnRyb2xJZCl7aWYoISgoYz10LmNvbnRyb2wpIT1udWxsJiZjLmhpZGUpKXtjb25zdCBzPXQuY29udHJvbElkLG89W107Zm9yKDtuPGkubGVuZ3RoOyl7Y29uc3QgZT1pW25dO2lmKHMhPT1lLmNvbnRyb2xJZCl7bi0tO2JyZWFrfWUuY29udHJvbENvbXBvbmVudD09PSJ2YWx1ZSImJihkZWxldGUgZS5jb250cm9sSWQsby5wdXNoKGUpKSxuKyt9bCs9YShvKX19ZWxzZSghdC50eXBlfHx0LnR5cGU9PT0idGV4dCIpJiYhKChmPXQuYXJlYSkhPW51bGwmJmYuaGlkZSkmJihsKz10LnZhbHVlKTtuKyt9cmV0dXJuIGx9ZnVuY3Rpb24gaChpKXtjb25zdCBsPVtdLG49L1swLTldLyxjPS9bQS1aYS16XS8sZj0vXHMvO2xldCB0PSExLHM9ITEsbz0iIjtmdW5jdGlvbiBlKCl7byYmKGwucHVzaChvKSxvPSIiKX1mb3IoY29uc3QgciBvZiBpKWMudGVzdChyKT8odHx8ZSgpLG8rPXIsdD0hMCxzPSExKTpuLnRlc3Qocik/KHN8fGUoKSxvKz1yLHQ9ITEscz0hMCk6KGUoKSx0PSExLHM9ITEsZi50ZXN0KHIpfHxsLnB1c2gocikpO3JldHVybiBlKCksbH1vbm1lc3NhZ2U9aT0+e2NvbnN0IGw9aS5kYXRhLGM9YShsKS5yZXBsYWNlKG5ldyBSZWdFeHAoYF4ke3B9YCksIiIpLnJlcGxhY2UobmV3IFJlZ0V4cChwLCJnIiksdSksZj1oKGMpO3Bvc3RNZXNzYWdlKGYubGVuZ3RoKX19KSgpOwo=";
-const blob$3 = typeof window !== "undefined" && window.Blob && new Blob([atob(encodedJs$3)], { type: "text/javascript;charset=utf-8" });
-function WorkerWrapper$3() {
-  const objURL = blob$3 && (window.URL || window.webkitURL).createObjectURL(blob$3);
-  try {
-    return objURL ? new Worker(objURL, {}) : new Worker("data:application/javascript;base64," + encodedJs$3, { type: "module" });
-  } finally {
-    objURL && (window.URL || window.webkitURL).revokeObjectURL(objURL);
-  }
-}
-const encodedJs$2 = "KGZ1bmN0aW9uKCl7InVzZSBzdHJpY3QiO2NvbnN0IGg9e2ZpcnN0OjEsc2Vjb25kOjIsdGhpcmQ6Myxmb3VydGg6NCxmaWZ0aDo1LHNpeHRoOjZ9LGI9WyJ0ZXh0IiwiaHlwZXJsaW5rIiwic3Vic2NyaXB0Iiwic3VwZXJzY3JpcHQiLCJjb250cm9sIiwiZGF0ZSIsImxhYmVsIl0sbT0iXHUyMDBCIjtmdW5jdGlvbiBJKGMpe3JldHVybiFjLnR5cGV8fGIuaW5jbHVkZXMoYy50eXBlKX1mdW5jdGlvbiBOKGMpe3ZhciBFO2NvbnN0e2VsZW1lbnRMaXN0OmcscG9zaXRpb25MaXN0OmR9PWMscD1bXTtsZXQgcj0wO2Zvcig7cjxnLmxlbmd0aDspe2NvbnN0IHQ9Z1tyXSxsPShlLG4scyk9Pntjb25zdCB1PWUudGl0bGVJZCxMPWUubGV2ZWwsaT17dHlwZToidGl0bGUiLHZhbHVlOiIiLGxldmVsOkwsdGl0bGVJZDp1LHBhZ2VObzpkW3JdLnBhZ2VOb30sbz1bXTtmb3IoO3M8bi5sZW5ndGg7KXtjb25zdCBhPW5bc107aWYodSE9PWEudGl0bGVJZCl7cy0tO2JyZWFrfW8ucHVzaChhKSxzKyt9cmV0dXJuIGkudmFsdWU9by5maWx0ZXIoYT0+SShhKSkubWFwKGE9PmEudmFsdWUpLmpvaW4oIiIpLnJlcGxhY2UobmV3IFJlZ0V4cChtLCJnIiksIiIpLHtwb3NpdGlvbjpzLHRpdGxlRWxlbWVudDppfX07aWYodC50aXRsZUlkKXtjb25zdHtwb3NpdGlvbjplLHRpdGxlRWxlbWVudDpufT1sKHQsZyxyKTtyPWUscC5wdXNoKG4pfWlmKHQudHlwZT09PSJ0YWJsZSIpe2NvbnN0IGU9dC50ckxpc3Q7Zm9yKGxldCBuPTA7bjxlLmxlbmd0aDtuKyspe2NvbnN0IHM9ZVtuXTtmb3IobGV0IHU9MDt1PHMudGRMaXN0Lmxlbmd0aDt1Kyspe2NvbnN0IGk9cy50ZExpc3RbdV0udmFsdWU7aWYoaS5sZW5ndGg+MSl7bGV0IG89MTtmb3IoO288aS5sZW5ndGg7KXtpZigoRT1pW29dKSE9bnVsbCYmRS50aXRsZUlkKXtjb25zdHt0aXRsZUVsZW1lbnQ6YSxwb3NpdGlvbjp5fT1sKGlbb10saSxvKTtwLnB1c2goYSksbz15fW8rK319fX19cisrfWlmKCFwLmxlbmd0aClyZXR1cm4gbnVsbDtjb25zdCBmPSh0LGwpPT57Y29uc3QgZT1sLnN1YkNhdGFsb2dbbC5zdWJDYXRhbG9nLmxlbmd0aC0xXSxuPWhbZT09bnVsbD92b2lkIDA6ZS5sZXZlbF0scz1oW3QubGV2ZWxdO2UmJnM+bj9mKHQsZSk6bC5zdWJDYXRhbG9nLnB1c2goe2lkOnQudGl0bGVJZCxuYW1lOnQudmFsdWUsbGV2ZWw6dC5sZXZlbCxwYWdlTm86dC5wYWdlTm8sc3ViQ2F0YWxvZzpbXX0pfSx2PVtdO2ZvcihsZXQgdD0wO3Q8cC5sZW5ndGg7dCsrKXtjb25zdCBsPXBbdF0sZT12W3YubGVuZ3RoLTFdLG49aFtlPT1udWxsP3ZvaWQgMDplLmxldmVsXSxzPWhbbC5sZXZlbF07ZSYmcz5uP2YobCxlKTp2LnB1c2goe2lkOmwudGl0bGVJZCxuYW1lOmwudmFsdWUsbGV2ZWw6bC5sZXZlbCxwYWdlTm86bC5wYWdlTm8sc3ViQ2F0YWxvZzpbXX0pfXJldHVybiB2fW9ubWVzc2FnZT1jPT57Y29uc3QgZz1jLmRhdGEsZD1OKGcpO3Bvc3RNZXNzYWdlKGQpfX0pKCk7Cg==";
-const blob$2 = typeof window !== "undefined" && window.Blob && new Blob([atob(encodedJs$2)], { type: "text/javascript;charset=utf-8" });
-function WorkerWrapper$2() {
-  const objURL = blob$2 && (window.URL || window.webkitURL).createObjectURL(blob$2);
-  try {
-    return objURL ? new Worker(objURL, {}) : new Worker("data:application/javascript;base64," + encodedJs$2, { type: "module" });
-  } finally {
-    objURL && (window.URL || window.webkitURL).revokeObjectURL(objURL);
   }
-}
-const encodedJs$1 = "KGZ1bmN0aW9uKCl7InVzZSBzdHJpY3QiO2Z1bmN0aW9uIHUoZSl7Y29uc3QgdD1bXTtmb3IoY29uc3QgcyBvZiBlKXtpZihzLnR5cGU9PT0idGFibGUiKXtjb25zdCBvPXMudHJMaXN0O2ZvcihsZXQgbj0wO248by5sZW5ndGg7bisrKXtjb25zdCBjPW9bbl07Zm9yKGxldCByPTA7cjxjLnRkTGlzdC5sZW5ndGg7cisrKXtjb25zdCBpPWMudGRMaXN0W3JdO3QucHVzaCguLi51KGkudmFsdWUpKX19fWlmKCEhcy5ncm91cElkcylmb3IoY29uc3QgbyBvZiBzLmdyb3VwSWRzKXQuaW5jbHVkZXMobyl8fHQucHVzaChvKX1yZXR1cm4gdH1vbm1lc3NhZ2U9ZT0+e2NvbnN0IHQ9ZS5kYXRhLHM9dSh0KTtwb3N0TWVzc2FnZShzKX19KSgpOwo=";
-const blob$1 = typeof window !== "undefined" && window.Blob && new Blob([atob(encodedJs$1)], { type: "text/javascript;charset=utf-8" });
-function WorkerWrapper$1() {
-  const objURL = blob$1 && (window.URL || window.webkitURL).createObjectURL(blob$1);
-  try {
-    return objURL ? new Worker(objURL, {}) : new Worker("data:application/javascript;base64," + encodedJs$1, { type: "module" });
-  } finally {
-    objURL && (window.URL || window.webkitURL).revokeObjectURL(objURL);
+  if (config.label) {
+    ctx.font = `${config.fontSize}px ${config.fontFamily}`;
+    ctx.fillStyle = config.color;
+    ctx.textAlign = "left";
+    ctx.textBaseline = "middle";
+    const textX = boxLeft + config.boxSize + config.gap;
+    ctx.fillText(config.label, textX, centerY);
   }
+  return canvas.toDataURL("image/png");
 }
-const encodedJs = "KGZ1bmN0aW9uKCl7InVzZSBzdHJpY3QiO3ZhciBSPShlPT4oZS5IQUxGPSJoYWxmIixlLk9ORV9USElSRD0ib25lLXRoaXJkIixlLlFVQVJURVI9InF1YXJ0ZXIiLGUpKShSfHx7fSksZz0oZT0+KGUuQVJBQklDPSJhcmFiaWMiLGUuQ0hJTkVTRT0iY2hpbmVzZSIsZSkpKGd8fHt9KTtjb25zdCB2PSJcdTIwMEIiO1IuSEFMRisiIiwxLzIsUi5PTkVfVEhJUkQrIiIsMS8zLFIuUVVBUlRFUisiIiwxLzQ7ZnVuY3Rpb24gUyhlKXtpZih0eXBlb2Ygc3RydWN0dXJlZENsb25lPT0iZnVuY3Rpb24iKXJldHVybiBzdHJ1Y3R1cmVkQ2xvbmUoZSk7aWYoIWV8fHR5cGVvZiBlIT0ib2JqZWN0IilyZXR1cm4gZTtsZXQgbj17fTtyZXR1cm4gQXJyYXkuaXNBcnJheShlKT9uPWUubWFwKHU9PlModSkpOk9iamVjdC5rZXlzKGUpLmZvckVhY2godT0+e25bdV09UyhlW3VdKX0pLG59ZnVuY3Rpb24geShlLG4pe2NvbnN0IHU9e307Zm9yKGNvbnN0IGYgaW4gZSluLmluY2x1ZGVzKGYpJiYodVtmXT1lW2ZdKTtyZXR1cm4gdX1mdW5jdGlvbiBYKGUsbil7cmV0dXJuIGUubGVuZ3RoIT09bi5sZW5ndGg/ITE6IWUuc29tZSh1PT4hbi5pbmNsdWRlcyh1KSl9dmFyIGE9KGU9PihlLlRFWFQ9InRleHQiLGUuSU1BR0U9ImltYWdlIixlLlRBQkxFPSJ0YWJsZSIsZS5IWVBFUkxJTks9Imh5cGVybGluayIsZS5TVVBFUlNDUklQVD0ic3VwZXJzY3JpcHQiLGUuU1VCU0NSSVBUPSJzdWJzY3JpcHQiLGUuU0VQQVJBVE9SPSJzZXBhcmF0b3IiLGUuUEFHRV9CUkVBSz0icGFnZUJyZWFrIixlLkNPTlRST0w9ImNvbnRyb2wiLGUuQVJFQT0iYXJlYSIsZS5DSEVDS0JPWD0iY2hlY2tib3giLGUuUkFESU89InJhZGlvIixlLkxBVEVYPSJsYXRleCIsZS5UQUI9InRhYiIsZS5EQVRFPSJkYXRlIixlLkJMT0NLPSJibG9jayIsZS5USVRMRT0idGl0bGUiLGUuTElTVD0ibGlzdCIsZS5MQUJFTD0ibGFiZWwiLGUpKShhfHx7fSk7Y29uc3QgXz1bInJvd0ZsZXgiLCJyb3dNYXJnaW4iXSxCPVsidHlwZSIsImZvbnQiLCJzaXplIiwiYm9sZCIsImNvbG9yIiwiaXRhbGljIiwiaGlnaGxpZ2h0IiwidW5kZXJsaW5lIiwic3RyaWtlb3V0Iiwicm93RmxleCIsInJvd01hcmdpbiIsImRhc2hBcnJheSIsInRyTGlzdCIsInRhYmxlVG9vbERpc2FibGVkIiwiYm9yZGVyVHlwZSIsImJvcmRlckNvbG9yIiwidHJhbnNsYXRlWCIsIndpZHRoIiwiaGVpZ2h0IiwidXJsIiwiY29sZ3JvdXAiLCJ2YWx1ZUxpc3QiLCJjb250cm9sIiwiY2hlY2tib3giLCJyYWRpbyIsImRhdGVGb3JtYXQiLCJibG9jayIsImxldmVsIiwidGl0bGUiLCJsaXN0VHlwZSIsImxpc3RTdHlsZSIsImxpc3RXcmFwIiwiZ3JvdXBJZHMiLCJjb25jZXB0SWQiLCJpbWdEaXNwbGF5IiwiaW1nRmxvYXRQb3NpdGlvbiIsImltZ1Rvb2xEaXNhYmxlZCIsImltZ1ByZXZpZXdEaXNhYmxlZCIsImltZ0Nyb3AiLCJpbWdDYXB0aW9uIiwidGV4dERlY29yYXRpb24iLCJleHRlbnNpb24iLCJleHRlcm5hbElkIiwiYXJlYUlkIiwiYXJlYSIsImhpZGUiLCJsYWJlbCIsImxhYmVsSWQiLCJsaW5lV2lkdGgiLCJmb3JtSW5wdXQiXSxVPVsiY29uY2VwdElkIiwiZXh0ZW5zaW9uIiwiZXh0ZXJuYWxJZCIsInZlcnRpY2FsQWxpZ24iLCJiYWNrZ3JvdW5kQ29sb3IiLCJib3JkZXJUeXBlcyIsInNsYXNoVHlwZXMiLCJkaXNhYmxlZCIsImRlbGV0YWJsZSJdLHc9WyJmb250Iiwic2l6ZSIsImJvbGQiLCJoaWdobGlnaHQiLCJpdGFsaWMiLCJzdHJpa2VvdXQiXTthLlRFWFQsYS5IWVBFUkxJTkssYS5TVUJTQ1JJUFQsYS5TVVBFUlNDUklQVCxhLkNPTlRST0wsYS5EQVRFLGEuSU1BR0UsYS5MQVRFWCxhLkJMT0NLLGEuUEFHRV9CUkVBSyxhLlNFUEFSQVRPUixhLlRBQkxFLGEuVElUTEUsYS5MSVNUO3ZhciBQPShlPT4oZS5VTD0idWwiLGUuT0w9Im9sIixlKSkoUHx8e30pLE89KGU9PihlLkRJU0M9ImRpc2MiLGUuQ0lSQ0xFPSJjaXJjbGUiLGUuU1FVQVJFPSJzcXVhcmUiLGUuQ0hFQ0tCT1g9ImNoZWNrYm94IixlKSkoT3x8e30pLHA9KGU9PihlLkRJU0M9ImRpc2MiLGUuQ0lSQ0xFPSJjaXJjbGUiLGUuU1FVQVJFPSJzcXVhcmUiLGUuREVDSU1BTD0iZGVjaW1hbCIsZS5DSEVDS0JPWD0iY2hlY2tib3giLGUpKShwfHx7fSk7Ty5ESVNDKyIiLE8uQ0lSQ0xFKyIiLE8uU1FVQVJFKyIiLE8uQ0hFQ0tCT1grIiIsUC5PTCsiIixQLlVMKyIiLHAuRElTQysiIixwLkNJUkNMRSsiIixwLlNRVUFSRSsiIixwLkRFQ0lNQUwrIiIscC5DSEVDS0JPWCsiIjt2YXIgRT0oZT0+KGUuRklSU1Q9ImZpcnN0IixlLlNFQ09ORD0ic2Vjb25kIixlLlRISVJEPSJ0aGlyZCIsZS5GT1VSVEg9ImZvdXJ0aCIsZS5GSUZUSD0iZmlmdGgiLGUuU0lYVEg9InNpeHRoIixlKSkoRXx8e30pO0UuRklSU1QrIiIsRS5TRUNPTkQrIiIsRS5USElSRCsiIixFLkZPVVJUSCsiIixFLkZJRlRIKyIiLEUuU0lYVEgrIiIsRS5GSVJTVCsiIixFLlNFQ09ORCsiIixFLlRISVJEKyIiLEUuRk9VUlRIKyIiLEUuRklGVEgrIiIsRS5TSVhUSCsiIixFLkZJUlNULEUuU0VDT05ELEUuVEhJUkQsRS5GT1VSVEgsRS5GSUZUSCxFLlNJWFRIO3ZhciBBPShlPT4oZS5QUkVGSVg9InByZWZpeCIsZS5QT1NURklYPSJwb3N0Zml4IixlLlBSRV9URVhUPSJwcmVUZXh0IixlLlBPU1RfVEVYVD0icG9zdFRleHQiLGUuUExBQ0VIT0xERVI9InBsYWNlaG9sZGVyIixlLlZBTFVFPSJ2YWx1ZSIsZS5DSEVDS0JPWD0iY2hlY2tib3giLGUuUkFESU89InJhZGlvIixlKSkoQXx8e30pLEQ9KGU9PihlLkxFRlQ9ImxlZnQiLGUuQ0VOVEVSPSJjZW50ZXIiLGUuUklHSFQ9InJpZ2h0IixlLkFMSUdOTUVOVD0iYWxpZ25tZW50IixlLkpVU1RJRlk9Imp1c3RpZnkiLGUpKShEfHx7fSksTj0oZT0+KGUuQ09OVEFJTj0iY29udGFpbiIsZS5DT1ZFUj0iY292ZXIiLGUpKShOfHx7fSksaz0oZT0+KGUuUkVQRUFUPSJyZXBlYXQiLGUuTk9fUkVQRUFUPSJuby1yZXBlYXQiLGUuUkVQRUFUX1g9InJlcGVhdC14IixlLlJFUEVBVF9ZPSJyZXBlYXQteSIsZSkpKGt8fHt9KTtOLkNPVkVSLGsuTk9fUkVQRUFUO3ZhciBiPShlPT4oZS5UT1A9InRvcCIsZS5NSURETEU9Im1pZGRsZSIsZS5CT1RUT009ImJvdHRvbSIsZSkpKGJ8fHt9KTtiLkJPVFRPTSxSLkhBTEYsUi5IQUxGO2NvbnN0IEs9e1BBR0VfTk86IntwYWdlTm99IixQQUdFX0NPVU5UOiJ7cGFnZUNvdW50fSJ9O0QuQ0VOVEVSLEsuUEFHRV9OTyxnLkFSQUJJQyxiLkJPVFRPTTt2YXIgbT0oZT0+KGUuVEVYVD0idGV4dCIsZS5JTUFHRT0iaW1hZ2UiLGUpKShtfHx7fSk7bS5URVhULGcuQVJBQklDO3ZhciB4PShlPT4oZS5QQUdFPSJwYWdlIixlLkNPTlRJTlVJVFk9ImNvbnRpbnVpdHkiLGUpKSh4fHx7fSk7eC5DT05USU5VSVRZO2Z1bmN0aW9uIE0oZSxuKXtjb25zdCB1PU9iamVjdC5rZXlzKGUpLGY9T2JqZWN0LmtleXMobik7aWYodS5sZW5ndGghPT1mLmxlbmd0aClyZXR1cm4hMTtmb3IobGV0IEk9MDtJPHUubGVuZ3RoO0krKyl7Y29uc3QgbD11W0ldO2lmKGwhPT0idmFsdWUiJiYhKGw9PT0iZ3JvdXBJZHMiJiZBcnJheS5pc0FycmF5KGVbbF0pJiZBcnJheS5pc0FycmF5KG5bbF0pJiZYKGVbbF0sbltsXSkpJiZlW2xdIT09bltsXSlyZXR1cm4hMX1yZXR1cm4hMH1mdW5jdGlvbiBIKGUsbj17fSl7Y29uc3R7ZXh0cmFQaWNrQXR0cnM6dX09bixmPVsuLi5CXTt1JiZmLnB1c2goLi4udSk7Y29uc3QgST17dmFsdWU6ZS52YWx1ZT09PXY/YApgOmUudmFsdWV9O3JldHVybiBmLmZvckVhY2gobD0+e2NvbnN0IEM9ZVtsXTtDIT09dm9pZCAwJiYoSVtsXT1DKX0pLEl9ZnVuY3Rpb24gVChlLG49e30pe2NvbnN0e2V4dHJhUGlja0F0dHJzOnUsaXNDbGFzc2lmeUFyZWE6Zj0hMSxpc0Nsb25lOkk9ITB9PW4sbD1JP1MoZSk6ZSxDPVtdO2xldCBpPTA7Zm9yKDtpPGwubGVuZ3RoOyl7bGV0IHQ9bFtpXTtpZihpPT09MCYmdC52YWx1ZT09PXYmJiF0Lmxpc3RJZCYmKCF0LnR5cGV8fHQudHlwZT09PWEuVEVYVCkpe2krKztjb250aW51ZX1pZih0LmFyZWFJZCl7Y29uc3Qgcj10LmFyZWFJZCxkPXQuYXJlYSxjPVtdO2Zvcig7aTxsLmxlbmd0aDspe2NvbnN0IG89bFtpXTtpZihyIT09by5hcmVhSWQpe2ktLTticmVha31kZWxldGUgby5hcmVhLGRlbGV0ZSBvLmFyZWFJZCxjLnB1c2gobyksaSsrfWNvbnN0IHM9VChjLG4pO2lmKGYpe2NvbnN0IG89e3R5cGU6YS5BUkVBLHZhbHVlOiIiLGFyZWFJZDpyLGFyZWE6ZH07by52YWx1ZUxpc3Q9cyx0PW99ZWxzZXtDLnNwbGljZShpLDAsLi4ucyk7Y29udGludWV9fWVsc2UgaWYodC50aXRsZUlkJiZ0LmxldmVsKXtjb25zdCByPXQudGl0bGVJZDtpZihyKXtjb25zdCBkPXQubGV2ZWwsYz17dHlwZTphLlRJVExFLHRpdGxlOnQudGl0bGUsdGl0bGVJZDpyLHZhbHVlOiIiLGxldmVsOmR9LHM9W107Zm9yKDtpPGwubGVuZ3RoOyl7Y29uc3Qgbz1sW2ldO2lmKHIhPT1vLnRpdGxlSWQpe2ktLTticmVha31kZWxldGUgby5sZXZlbCxkZWxldGUgby50aXRsZSxzLnB1c2gobyksaSsrfWMudmFsdWVMaXN0PVQocyxuKSx0PWN9fWVsc2UgaWYodC5saXN0SWQmJnQubGlzdFR5cGUpe2NvbnN0IHI9dC5saXN0SWQ7aWYocil7Y29uc3QgZD10Lmxpc3RUeXBlLGM9dC5saXN0U3R5bGUscz17dHlwZTphLkxJU1QsdmFsdWU6IiIsbGlzdElkOnIsbGlzdFR5cGU6ZCxsaXN0U3R5bGU6Y30sbz1bXTtmb3IoO2k8bC5sZW5ndGg7KXtjb25zdCBoPWxbaV07aWYociE9PWgubGlzdElkKXtpLS07YnJlYWt9ZGVsZXRlIGgubGlzdFR5cGUsZGVsZXRlIGgubGlzdFN0eWxlLG8ucHVzaChoKSxpKyt9cy52YWx1ZUxpc3Q9VChvLG4pLHQ9c319ZWxzZSBpZih0LnR5cGU9PT1hLlRBQkxFKXtpZih0LnBhZ2luZ0lkKXtsZXQgcj1pKzEsZD0wO2Zvcig7cjxsLmxlbmd0aDspe2NvbnN0IGM9bFtyXTtpZihjLnBhZ2luZ0lkPT09dC5wYWdpbmdJZCl0LmhlaWdodCs9Yy5oZWlnaHQsdC50ckxpc3QucHVzaCguLi5jLnRyTGlzdCkscisrLGQrKztlbHNlIGJyZWFrfWkrPWR9aWYodC50ckxpc3QpZm9yKGxldCByPTA7cjx0LnRyTGlzdC5sZW5ndGg7cisrKXtjb25zdCBkPXQudHJMaXN0W3JdO2RlbGV0ZSBkLmlkO2ZvcihsZXQgYz0wO2M8ZC50ZExpc3QubGVuZ3RoO2MrKyl7Y29uc3Qgcz1kLnRkTGlzdFtjXSxvPXtjb2xzcGFuOnMuY29sc3Bhbixyb3dzcGFuOnMucm93c3Bhbix2YWx1ZTpUKHMudmFsdWUsey4uLm4saXNDbGFzc2lmeUFyZWE6ITF9KX07VS5mb3JFYWNoKGg9Pntjb25zdCBMPXNbaF07TCE9PXZvaWQgMCYmKG9baF09TCl9KSxkLnRkTGlzdFtjXT1vfX19ZWxzZSBpZih0LnR5cGU9PT1hLkhZUEVSTElOSyl7Y29uc3Qgcj10Lmh5cGVybGlua0lkO2lmKHIpe2NvbnN0IGQ9e3R5cGU6YS5IWVBFUkxJTkssdmFsdWU6IiIsdXJsOnQudXJsfSxjPVtdO2Zvcig7aTxsLmxlbmd0aDspe2NvbnN0IHM9bFtpXTtpZihyIT09cy5oeXBlcmxpbmtJZCl7aS0tO2JyZWFrfWRlbGV0ZSBzLnR5cGUsZGVsZXRlIHMudXJsLGMucHVzaChzKSxpKyt9ZC52YWx1ZUxpc3Q9VChjLG4pLHQ9ZH19ZWxzZSBpZih0LnR5cGU9PT1hLkRBVEUpe2NvbnN0IHI9dC5kYXRlSWQ7aWYocil7Y29uc3QgZD17dHlwZTphLkRBVEUsdmFsdWU6IiIsZGF0ZUZvcm1hdDp0LmRhdGVGb3JtYXR9LGM9W107Zm9yKDtpPGwubGVuZ3RoOyl7Y29uc3Qgcz1sW2ldO2lmKHIhPT1zLmRhdGVJZCl7aS0tO2JyZWFrfWRlbGV0ZSBzLnR5cGUsZGVsZXRlIHMuZGF0ZUZvcm1hdCxjLnB1c2gocyksaSsrfWQudmFsdWVMaXN0PVQoYyxuKSx0PWR9fWVsc2UgaWYodC5jb250cm9sSWQpe2NvbnN0IHI9dC5jb250cm9sSWQ7aWYodC5jb250cm9sQ29tcG9uZW50PT09QS5QUkVGSVgpe2NvbnN0IGQ9W107bGV0IGM9ITEscz1pO2Zvcig7czxsLmxlbmd0aDspe2NvbnN0IG89bFtzXTtpZihyIT09by5jb250cm9sSWQpYnJlYWs7by5jb250cm9sQ29tcG9uZW50PT09QS5WQUxVRSYmKGRlbGV0ZSBvLmNvbnRyb2wsZGVsZXRlIG8uY29udHJvbElkLGQucHVzaChvKSksby5jb250cm9sQ29tcG9uZW50PT09QS5QT1NURklYJiYoYz0hMCkscysrfWlmKGMpe2NvbnN0IG89eSh0LHcpLGg9ey4uLnQuY29udHJvbCwuLi5vfSxMPXsuLi55KHQsXyksdHlwZTphLkNPTlRST0wsdmFsdWU6IiIsY29udHJvbDpoLGNvbnRyb2xJZDpyfTtMLmNvbnRyb2wudmFsdWU9VChkLG4pLHQ9SChMLHtleHRyYVBpY2tBdHRyczp1fSksaSs9cy1pLTF9fWlmKHQuY29udHJvbENvbXBvbmVudCYmKGRlbGV0ZSB0LmNvbnRyb2wsZGVsZXRlIHQuY29udHJvbElkLHQuY29udHJvbENvbXBvbmVudCE9PUEuVkFMVUUmJnQuY29udHJvbENvbXBvbmVudCE9PUEuUFJFX1RFWFQmJnQuY29udHJvbENvbXBvbmVudCE9PUEuUE9TVF9URVhUKSl7aSsrO2NvbnRpbnVlfX1jb25zdCBGPUgodCx7ZXh0cmFQaWNrQXR0cnM6dX0pO2lmKCF0LnR5cGV8fHQudHlwZT09PWEuVEVYVHx8dC50eXBlPT09YS5TVUJTQ1JJUFR8fHQudHlwZT09PWEuU1VQRVJTQ1JJUFQpZm9yKDtpPGwubGVuZ3RoOyl7Y29uc3Qgcj1sW2krMV07aWYoaSsrLHImJk0oRixIKHIse2V4dHJhUGlja0F0dHJzOnV9KSkpe2NvbnN0IGQ9ci52YWx1ZT09PXY/YApgOnIudmFsdWU7Ri52YWx1ZSs9ZH1lbHNlIGJyZWFrfWVsc2UgaSsrO0MucHVzaChGKX1yZXR1cm4gQ31vbm1lc3NhZ2U9ZT0+e2NvbnN0IG49ZS5kYXRhLHtvcHRpb25zOnUsZGF0YTpmfT1uLHtleHRyYVBpY2tBdHRyczpJPVtdfT11fHx7fSxsPXtoZWFkZXI6VChmLmhlYWRlcix7ZXh0cmFQaWNrQXR0cnM6SSxpc0Nsb25lOiExfSksbWFpbjpUKGYubWFpbix7ZXh0cmFQaWNrQXR0cnM6SSxpc0NsYXNzaWZ5QXJlYTohMCxpc0Nsb25lOiExfSksZm9vdGVyOlQoZi5mb290ZXIse2V4dHJhUGlja0F0dHJzOkksaXNDbG9uZTohMX0pfTtwb3N0TWVzc2FnZShsKX19KSgpOwo=";
-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);
-  try {
-    return objURL ? new Worker(objURL, {}) : new Worker("data:application/javascript;base64," + encodedJs, { type: "module" });
-  } finally {
-    objURL && (window.URL || window.webkitURL).revokeObjectURL(objURL);
+function generateRadioImage(options) {
+  const config = {
+    checked: false,
+    width: 100,
+    height: 40,
+    label: "",
+    fontSize: 14,
+    fontFamily: "SimSun",
+    color: "#000000",
+    borderColor: "#000000",
+    checkColor: "#5175f4",
+    boxSize: 20,
+    gap: 8,
+    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 centerY = config.height / 2;
+  const circleLeft = config.gap + config.borderWidth;
+  const circleTop = centerY - config.boxSize / 2;
+  const circleCenterX = circleLeft + config.boxSize / 2;
+  const circleCenterY = circleTop + config.boxSize / 2;
+  ctx.strokeStyle = config.borderColor;
+  ctx.lineWidth = 1.5;
+  ctx.beginPath();
+  ctx.arc(circleCenterX, circleCenterY, config.boxSize / 2, 0, Math.PI * 2);
+  ctx.stroke();
+  if (config.checked) {
+    ctx.fillStyle = config.checkColor;
+    ctx.beginPath();
+    ctx.arc(circleCenterX, circleCenterY, config.boxSize / 4, 0, Math.PI * 2);
+    ctx.fill();
   }
-}
-class WorkerManager {
-  constructor(draw) {
-    this.draw = draw;
-    this.wordCountWorker = new WorkerWrapper$3();
-    this.catalogWorker = new WorkerWrapper$2();
-    this.groupWorker = new WorkerWrapper$1();
-    this.valueWorker = new WorkerWrapper();
+  if (config.label) {
+    ctx.font = `${config.fontSize}px ${config.fontFamily}`;
+    ctx.fillStyle = config.color;
+    ctx.textAlign = "left";
+    ctx.textBaseline = "middle";
+    const textX = circleLeft + config.boxSize + config.gap;
+    ctx.fillText(config.label, textX, centerY);
   }
-  getWordCount() {
-    return new Promise((resolve, reject) => {
-      this.wordCountWorker.onmessage = (evt) => {
-        resolve(evt.data);
+  return canvas.toDataURL("image/png");
+}
+function formCheckboxPropertiesConfigDialog(el, command) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
+  console.log("el", el);
+  const fontDom = document.querySelector(".menu-item__font");
+  const fontOptionDom = fontDom.querySelector(".options");
+  const liOption = [];
+  fontOptionDom.querySelectorAll("li").forEach((li) => {
+    var _a2, _b2;
+    liOption.push({
+      label: li.innerText,
+      value: (_b2 = (_a2 = li.attributes.getNamedItem("data-family")) == null ? void 0 : _a2.value) != null ? _b2 : ""
+    });
+  });
+  new Dialog({
+    title: "\u8868\u5355\u590D\u9009\u6846",
+    data: [
+      {
+        type: "text",
+        label: "\u8868\u5355 Key",
+        name: "key",
+        required: true,
+        value: (_b = (_a = el == null ? void 0 : el.formInput) == null ? void 0 : _a.key) != null ? _b : "",
+        placeholder: "\u8BF7\u8F93\u5165\u8868\u5355 Key"
+      },
+      {
+        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 : "120"
+      },
+      {
+        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 : "40"
+      },
+      {
+        type: "select",
+        label: "\u9ED8\u8BA4\u9009\u4E2D",
+        name: "checked",
+        required: true,
+        value: ((_g = el == null ? void 0 : el.formInput) == null ? void 0 : _g.checked) ? "true" : "false",
+        options: [
+          {
+            label: "\u662F",
+            value: "true"
+          },
+          {
+            label: "\u5426",
+            value: "false"
+          }
+        ]
+      },
+      {
+        type: "text",
+        label: "\u6807\u7B7E\u6587\u5B57",
+        name: "label",
+        required: true,
+        value: (_i = (_h = el == null ? void 0 : el.formInput) == null ? void 0 : _h.label) != null ? _i : "",
+        placeholder: "\u8BF7\u8F93\u5165\u6807\u7B7E\u6587\u5B57"
+      },
+      {
+        type: "number",
+        label: "\u5B57\u53F7",
+        name: "fontSize",
+        required: true,
+        placeholder: "\u8BF7\u8F93\u5165\u5B57\u53F7",
+        value: (_k = (_j = el == null ? void 0 : el.formInput) == null ? void 0 : _j.fontSize) != null ? _k : "14"
+      },
+      {
+        type: "color",
+        label: "\u5B57\u4F53\u989C\u8272",
+        name: "color",
+        required: true,
+        value: (_m = (_l = el == null ? void 0 : el.formInput) == null ? void 0 : _l.color) != null ? _m : "#000000"
+      },
+      {
+        type: "select",
+        label: "\u5B57\u4F53\u6837\u5F0F",
+        name: "fontFamily",
+        required: true,
+        value: (_o = (_n = el == null ? void 0 : el.formInput) == null ? void 0 : _n.fontFamily) != null ? _o : "SimSun",
+        options: liOption
+      }
+    ],
+    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 checked = ((_d2 = payload.find((p) => p.name === "checked")) == null ? void 0 : _d2.value) === "true";
+      const label = ((_e2 = payload.find((p) => p.name === "label")) == null ? void 0 : _e2.value) || "";
+      const fontSize = (_f2 = payload.find((p) => p.name === "fontSize")) == null ? void 0 : _f2.value;
+      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 = "checkbox";
+      const formInput = {
+        key,
+        width,
+        height,
+        checked,
+        label,
+        fontSize,
+        fontFamily,
+        color,
+        type
       };
-      this.wordCountWorker.onerror = (evt) => {
-        reject(evt);
+      const imageDataUrl = generateCheckboxImage({
+        checked,
+        label,
+        width: Number(width),
+        height: Number(height),
+        fontSize: Number(fontSize),
+        fontFamily,
+        color
+      });
+      const param = {
+        value: imageDataUrl,
+        type: ElementType.IMAGE,
+        formInput,
+        width: Number(width),
+        height: Number(height)
       };
-      const elementList = this.draw.getOriginalMainElementList();
-      this.wordCountWorker.postMessage(elementList);
+      if (el == null ? void 0 : el.id) {
+        const deleteOpt = {
+          id: el.id,
+          properties: param
+        };
+        console.log("deleteOpt12", deleteOpt);
+        command.executeUpdateElementById(deleteOpt);
+        return;
+      }
+      command.executeInsertElementList([param]);
+    }
+  });
+}
+function formRadioPropertiesConfigDialog(el, command) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
+  console.log("el", el);
+  const fontDom = document.querySelector(".menu-item__font");
+  const fontOptionDom = fontDom.querySelector(".options");
+  const liOption = [];
+  fontOptionDom.querySelectorAll("li").forEach((li) => {
+    var _a2, _b2;
+    liOption.push({
+      label: li.innerText,
+      value: (_b2 = (_a2 = li.attributes.getNamedItem("data-family")) == null ? void 0 : _a2.value) != null ? _b2 : ""
     });
-  }
-  getCatalog() {
-    return new Promise((resolve, reject) => {
-      this.catalogWorker.onmessage = (evt) => {
-        resolve(evt.data);
-      };
-      this.catalogWorker.onerror = (evt) => {
-        reject(evt);
+  });
+  new Dialog({
+    title: "\u8868\u5355\u5355\u9009\u6846",
+    data: [
+      {
+        type: "text",
+        label: "\u8868\u5355 Key",
+        name: "key",
+        required: true,
+        value: (_b = (_a = el == null ? void 0 : el.formInput) == null ? void 0 : _a.key) != null ? _b : "",
+        placeholder: "\u8BF7\u8F93\u5165\u8868\u5355 Key"
+      },
+      {
+        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 : "120"
+      },
+      {
+        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 : "40"
+      },
+      {
+        type: "select",
+        label: "\u9ED8\u8BA4\u9009\u4E2D",
+        name: "checked",
+        required: true,
+        value: ((_g = el == null ? void 0 : el.formInput) == null ? void 0 : _g.checked) ? "true" : "false",
+        options: [
+          {
+            label: "\u662F",
+            value: "true"
+          },
+          {
+            label: "\u5426",
+            value: "false"
+          }
+        ]
+      },
+      {
+        type: "text",
+        label: "\u6807\u7B7E\u6587\u5B57",
+        name: "label",
+        required: true,
+        value: (_i = (_h = el == null ? void 0 : el.formInput) == null ? void 0 : _h.label) != null ? _i : "",
+        placeholder: "\u8BF7\u8F93\u5165\u6807\u7B7E\u6587\u5B57"
+      },
+      {
+        type: "number",
+        label: "\u5B57\u53F7",
+        name: "fontSize",
+        required: true,
+        placeholder: "\u8BF7\u8F93\u5165\u5B57\u53F7",
+        value: (_k = (_j = el == null ? void 0 : el.formInput) == null ? void 0 : _j.fontSize) != null ? _k : "14"
+      },
+      {
+        type: "color",
+        label: "\u5B57\u4F53\u989C\u8272",
+        name: "color",
+        required: true,
+        value: (_m = (_l = el == null ? void 0 : el.formInput) == null ? void 0 : _l.color) != null ? _m : "#000000"
+      },
+      {
+        type: "select",
+        label: "\u5B57\u4F53\u6837\u5F0F",
+        name: "fontFamily",
+        required: true,
+        value: (_o = (_n = el == null ? void 0 : el.formInput) == null ? void 0 : _n.fontFamily) != null ? _o : "SimSun",
+        options: liOption
+      }
+    ],
+    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 checked = ((_d2 = payload.find((p) => p.name === "checked")) == null ? void 0 : _d2.value) === "true";
+      const label = ((_e2 = payload.find((p) => p.name === "label")) == null ? void 0 : _e2.value) || "";
+      const fontSize = (_f2 = payload.find((p) => p.name === "fontSize")) == null ? void 0 : _f2.value;
+      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 = "radio";
+      const formInput = {
+        key,
+        width,
+        height,
+        checked,
+        label,
+        fontSize,
+        fontFamily,
+        color,
+        type
       };
-      const elementList = this.draw.getOriginalMainElementList();
-      const positionList = this.draw.getPosition().getOriginalMainPositionList();
-      this.catalogWorker.postMessage({
-        elementList,
-        positionList
+      const imageDataUrl = generateRadioImage({
+        checked,
+        label,
+        width: Number(width),
+        height: Number(height),
+        fontSize: Number(fontSize),
+        fontFamily,
+        color
       });
-    });
-  }
-  getGroupIds() {
-    return new Promise((resolve, reject) => {
-      this.groupWorker.onmessage = (evt) => {
-        resolve(evt.data);
-      };
-      this.groupWorker.onerror = (evt) => {
-        reject(evt);
+      const param = {
+        value: imageDataUrl,
+        type: ElementType.IMAGE,
+        formInput,
+        width: Number(width),
+        height: Number(height)
       };
-      const elementList = this.draw.getOriginalMainElementList();
-      this.groupWorker.postMessage(elementList);
+      if (el == null ? void 0 : el.id) {
+        const deleteOpt = {
+          id: el.id,
+          properties: param
+        };
+        console.log("deleteOpt12", deleteOpt);
+        command.executeUpdateElementById(deleteOpt);
+        return;
+      }
+      command.executeInsertElementList([param]);
+    }
+  });
+}
+function formInputPropertiesConfigDialog(el, command) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
+  console.log("el", el);
+  const fontDom = document.querySelector(".menu-item__font");
+  const fontOptionDom = fontDom.querySelector(".options");
+  const liOption = [];
+  fontOptionDom.querySelectorAll("li").forEach((li) => {
+    var _a2, _b2;
+    liOption.push({
+      label: li.innerText,
+      value: (_b2 = (_a2 = li.attributes.getNamedItem("data-family")) == null ? void 0 : _a2.value) != null ? _b2 : ""
     });
-  }
-  getValue(options) {
-    return new Promise((resolve, reject) => {
-      this.valueWorker.onmessage = (evt) => {
-        resolve({
-          version,
-          data: evt.data,
-          options: deepClone(this.draw.getOptions())
-        });
-      };
-      this.valueWorker.onerror = (evt) => {
-        reject(evt);
+  });
+  new Dialog({
+    title: "\u8868\u5355\u6587\u672C\u6846",
+    data: [
+      {
+        type: "text",
+        label: "\u8868\u5355Key",
+        name: "key",
+        required: true,
+        value: (_b = (_a = el == null ? void 0 : el.formInput) == null ? void 0 : _a.key) != null ? _b : "",
+        placeholder: "\u8BF7\u8F93\u5165\u8868\u5355Key"
+      },
+      {
+        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 : "100"
+      },
+      {
+        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 : "50"
+      },
+      {
+        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"
+      },
+      {
+        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",
+        options: [
+          {
+            label: "\u662F",
+            value: "true"
+          },
+          {
+            label: "\u5426",
+            value: "false"
+          }
+        ]
+      },
+      {
+        type: "select",
+        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",
+        options: [
+          {
+            label: "\u662F",
+            value: "true"
+          },
+          {
+            label: "\u5426",
+            value: "false"
+          }
+        ]
+      },
+      {
+        type: "color",
+        label: "\u5B57\u4F53\u989C\u8272",
+        name: "color",
+        required: true,
+        value: (_n = (_m = el == null ? void 0 : el.formInput) == null ? void 0 : _m.color) != null ? _n : "#000000"
+      },
+      {
+        type: "select",
+        label: "\u5B57\u4F53\u6837\u5F0F",
+        name: "fontFamily",
+        required: true,
+        value: (_p = (_o = el == null ? void 0 : el.formInput) == null ? void 0 : _o.fontFamily) != null ? _p : "SimSun",
+        options: liOption
+      }
+    ],
+    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 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 formInput = {
+        key,
+        width,
+        height,
+        fontSize,
+        bold,
+        italic,
+        color,
+        fontFamily,
+        type
       };
-      this.valueWorker.postMessage({
-        data: this.draw.getOriginValue(options),
-        options
+      const imageDataUrl = generateTextImage({
+        text: key,
+        width,
+        height
       });
-    });
-  }
+      const param = {
+        "value": imageDataUrl,
+        "type": ElementType.IMAGE,
+        "formInput": formInput,
+        "width": Number(width),
+        "height": Number(height)
+      };
+      if (el == null ? void 0 : el.id) {
+        const deleteOpt = {
+          id: el.id,
+          properties: param
+        };
+        console.log("deleteOpt12", deleteOpt);
+        command.executeUpdateElementById(deleteOpt);
+        return;
+      }
+      command.executeInsertElementList([
+        param
+      ]);
+    }
+  });
 }
 class Previewer {
   constructor(draw) {
@@ -25139,6 +25139,15 @@ class EventBus {
 class Override {
 }
 class Editor {
+  showFormInputConfig(el) {
+    formInputPropertiesConfigDialog(el, this.command);
+  }
+  showFormCheckboxConfig(el) {
+    formCheckboxPropertiesConfigDialog(el, this.command);
+  }
+  showFormRadioConfig(el) {
+    formRadioPropertiesConfigDialog(el, this.command);
+  }
   constructor(container, data2, options = {}) {
     const editorOptions = mergeOption(options);
     data2 = deepClone(data2);
@@ -25188,10 +25197,12 @@ class Editor {
       shortcut.removeEvent();
       contextMenu.removeEvent();
       this.eventBus.dangerouslyClearAll();
+      Reflect.set(window, "editor", null);
     };
     const plugin = new Plugin(this);
     this.use = plugin.use.bind(plugin);
+    Reflect.set(window, "editor", this);
   }
 }
-export { AreaMode, 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, createDomFromElementList, Editor as default, formCheckboxPropertiesConfigDialog, formInputPropertiesConfigDialog, formRadioPropertiesConfigDialog, getElementListByHTML, getTextFromElementList, splitText };
+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 };
 //# sourceMappingURL=canvas-editor.es.js.map