next-element-vue 0.3.5 → 0.3.6

package/dist/index.css

@@ -12,5 +12,5 @@
 .next-upload .el-upload-list__item-thumbnail{-o-object-fit:cover;object-fit:cover}
 .next-video-player{border-radius:5px;height:100%;min-height:200px;overflow:hidden;position:relative;width:100%}.next-video-player .vjs-default-skin{height:100%!important;left:0;min-height:200px;padding:unset!important;position:absolute;top:0;width:100%}.next-video-player .screemshot-btn{align-items:center;background-color:rgba(0,0,0,.6);border-radius:50%;cursor:pointer;display:inline-flex;height:45px;justify-content:center;opacity:0;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:all .5s ease-in-out;width:45px}.next-video-player .screemshot-btn i{transition:all .3s ease-in-out}.next-video-player .screemshot-btn:hover i{transform:scale(1.1)}.next-video-player:hover .screemshot-btn{opacity:1}.next-video-player-recongition{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:99}
 .next-drag-resize{position:relative}
-.next-labelimg-loading .next-spin-loading-mask__text{text-shadow:unset}.next-labelimg-fullscreen{background-color:#fff;bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;transition:all .3s;z-index:999}.next-labelimg{border:1px solid #eee;border-radius:3px;box-sizing:border-box;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.next-labelimg-header{box-shadow:0 0 4px 0 rgba(0,0,0,.15);font-size:12px;justify-content:space-between;padding:10px 12px}.next-labelimg-header,.next-labelimg-header__tool,.next-labelimg-header__tool>li{align-items:center;display:flex}.next-labelimg-header__tool>li{cursor:pointer;margin:0 6px}.next-labelimg-header__tool>li.hover:hover{color:var(--el-color-primary)}.next-labelimg-header__tool>li.hover:hover svg{fill:var(--el-color-primary)}.next-labelimg-main{align-items:center;display:flex;justify-content:space-between}.next-labelimg-main__content{align-items:center;display:flex;flex:1 1 100%;justify-content:center}.next-labelimg-main .next-labelimg-loading{align-items:center;display:flex;justify-content:center;width:100%}.next-labelimg-main .next-labelimg-canvas{height:100%;min-height:500px;position:relative;width:100%}.next-labelimg-main .next-labelimg-canvas__context{height:100%;position:absolute;width:100%;z-index:3}.next-labelimg-main .next-labelimg-canvas__rect{height:100%;position:absolute;width:100%;z-index:1}.next-labelimg-main .next-labelimg-right{box-sizing:border-box;flex:0 0 200px;height:inherit;padding:10px;text-align:left}.next-labelimg-main .next-labelimg-right>ul{border-radius:5px;box-shadow:0 0 4px 0 rgba(0,0,0,.15);box-sizing:border-box;height:100%;padding:10px}.next-labelimg-main .next-labelimg-right>ul li{align-items:center;border:1px solid #ddd;border-radius:3px;display:flex;font-size:12px;justify-content:space-between;line-height:20px;margin:5px 0;padding:3px 6px}.next-labelimg-main .next-labelimg-right>ul li .el-icon{cursor:pointer}.next-labelimg-main .next-labelimg-right>ul li:hover{border:1px solid var(--el-color-primary)}.next-labelimg-main .next-labelimg-right>ul li .label-line{border-radius:3px;display:inline-block;height:10px;margin-right:6px;width:3px}.next-labelimg-footer{align-items:center;display:flex;justify-content:space-between;padding:20px 12px 8px}.next-labelimg-footer .left-right,.next-labelimg-footer .next-labelimg-footer__left,.next-labelimg-footer .next-labelimg-footer__right{align-items:center;display:flex;flex:0 0 50px;justify-content:center}.next-labelimg-footer .left-right .el-icon:hover,.next-labelimg-footer .next-labelimg-footer__left .el-icon:hover,.next-labelimg-footer .next-labelimg-footer__right .el-icon:hover{cursor:pointer}.next-labelimg-footer__center{flex:1 1 auto}.next-labelimg-footer__center--list{align-items:center;display:flex;flex-wrap:nowrap;justify-content:flex-start;min-height:80px}.next-labelimg-footer__center--list>li{background-color:#fff;border:1px solid #eee;box-sizing:border-box;cursor:pointer;flex:0 0 100px;height:80px;margin:0 5px;overflow:hidden;text-align:center}.next-labelimg-footer__center--list>li.is-activate,.next-labelimg-footer__center--list>li:hover{border:1px solid var(--el-color-primary)}.next-labelimg .next-labelimg-contextmenu-label{background-color:#fff;border-radius:8px;box-shadow:0 0 50px 3px #ccc;padding:10px 15px;position:fixed;transition:all .3s;white-space:nowrap;z-index:9999}.next-labelimg .next-labelimg-contextmenu-label>.label-head{align-items:center;display:flex;font-size:14px;justify-content:space-between;padding-bottom:10px}.next-labelimg .next-labelimg-contextmenu-label>.label-head .el-icon{transition:all .3s}.next-labelimg .next-labelimg-contextmenu-label>.label-head .el-icon:hover{cursor:pointer;transform:rotate(90deg)}.next-labelimg .next-labelimg-contextmenu-label>.label-main{scrollbar-face-color:transparent;scrollbar-3dlight-color:#aaa;scrollbar-highlight-color:#aaa;scrollbar-shadow-color:#aaa;scrollbar-base-color:#aaa;scrollbar-track-color:transparent;scrollbar-arrow-color:transparent;max-height:300px;overflow-y:auto}.next-labelimg .next-labelimg-contextmenu-label>.label-main::-webkit-scrollbar{background-color:transparent;border-radius:6px;height:10px;max-width:6px;width:6px}.next-labelimg .next-labelimg-contextmenu-label>.label-main::-webkit-scrollbar-thumb{background-color:hsla(0,0%,67%,.2);border-radius:6px}.next-labelimg .next-labelimg-contextmenu-label>.label-main::-webkit-scrollbar-thumb:hover{background-color:#aaa}.next-labelimg .next-labelimg-contextmenu-label>.label-main::-webkit-scrollbar-thumb:inactive{background-color:#eee}.next-labelimg .next-labelimg-contextmenu-label>.label-main:hover::-webkit-scrollbar-thumb{background-color:hsla(0,0%,67%,.5)}.next-labelimg .next-labelimg-contextmenu-label>.label-main::-webkit-scrollbar-track-piece{background-color:transparent;border-radius:6px}.next-labelimg .next-labelimg-contextmenu-label>.label-main::-webkit-resizer,.next-labelimg .next-labelimg-contextmenu-label>.label-main::-webkit-scrollbar-corner{background-color:transparent}.next-labelimg .next-labelimg-contextmenu-label>.label-main>li{align-items:center;display:flex;font-size:12px;padding:3px 0}.next-labelimg .next-labelimg-contextmenu-label>.label-main>li .label-line{border-radius:3px;display:inline-block;height:10px;margin-right:6px;width:3px}.next-labelimg .next-labelimg-contextmenu-label>.label-main>li.activate-label{color:var(--el-color-primary)}.next-labelimg .next-labelimg-draggable-rect{background-color:hsla(0,0%,99%,.5);cursor:move;position:absolute;z-index:999}.next-labelimg .next-labelimg-draggable-rect__resize{height:100%;position:relative;width:100%}.next-labelimg .next-labelimg-draggable-rect__resize .bottom-center,.next-labelimg .next-labelimg-draggable-rect__resize .bottom-left,.next-labelimg .next-labelimg-draggable-rect__resize .bottom-right,.next-labelimg .next-labelimg-draggable-rect__resize .dot,.next-labelimg .next-labelimg-draggable-rect__resize .left-center,.next-labelimg .next-labelimg-draggable-rect__resize .right-center,.next-labelimg .next-labelimg-draggable-rect__resize .top-center,.next-labelimg .next-labelimg-draggable-rect__resize .top-left,.next-labelimg .next-labelimg-draggable-rect__resize .top-right{background-color:var(--el-color-primary);border:1px solid var(--el-color-primary);box-sizing:border-box;height:10px;position:absolute;width:10px}.next-labelimg .next-labelimg-draggable-rect__resize .top-left{cursor:nw-resize;left:-5px;top:-5px}.next-labelimg .next-labelimg-draggable-rect__resize .top-center{cursor:s-resize;left:50%;top:-5px;transform:translateX(-50%)}.next-labelimg .next-labelimg-draggable-rect__resize .top-right{cursor:sw-resize;right:-5px;top:-5px}.next-labelimg .next-labelimg-draggable-rect__resize .left-center{cursor:w-resize;left:-5px;top:50%;transform:translateY(-50%)}.next-labelimg .next-labelimg-draggable-rect__resize .right-center{cursor:w-resize;right:-5px;top:50%;transform:translateY(-50%)}.next-labelimg .next-labelimg-draggable-rect__resize .bottom-left{bottom:-5px;cursor:sw-resize;left:-5px}.next-labelimg .next-labelimg-draggable-rect__resize .bottom-center{bottom:-5px;cursor:s-resize;left:50%;transform:translateX(-50%)}.next-labelimg .next-labelimg-draggable-rect__resize .bottom-right{bottom:-5px;cursor:nw-resize;right:-5px}.next-labelimg-preview{display:inline-block;height:100%}
-.next-labelme-loading .next-spin-loading-mask__text{text-shadow:unset}.next-labelme-fullscreen{background-color:#fff;bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;transition:all .3s;z-index:999}.next-labelme{border:1px solid #eee;border-radius:3px;box-sizing:border-box;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.next-labelme-header{box-shadow:0 0 4px 0 rgba(0,0,0,.15);font-size:12px;justify-content:space-between;padding:10px 12px}.next-labelme-header,.next-labelme-header__tool,.next-labelme-header__tool>li{align-items:center;display:flex}.next-labelme-header__tool>li{cursor:pointer;justify-content:center;margin:0 6px;text-align:center}.next-labelme-header__tool>li>.label-text{line-height:normal;margin:0;padding:5px 8px}.next-labelme-header__tool>li.tool-item{flex-direction:column}.next-labelme-header__tool>li.tool-item:hover{color:var(--el-color-primary)}.next-labelme-header__tool>li.tool-item:hover svg{fill:var(--el-color-primary)}.next-labelme-main{align-items:center;display:flex;justify-content:space-between}.next-labelme-main__content{align-items:center;display:flex;flex:1 1 100%;height:100%;justify-content:center}.next-labelme-main .next-labelme-loading{align-items:center;display:flex;justify-content:center;width:100%}.next-labelme-main .next-labelme-canvas{height:100%;min-height:500px;position:relative;width:100%}.next-labelme-main .next-labelme-canvas__context{height:100%;position:absolute;width:100%;z-index:3}.next-labelme-main .next-labelme-canvas__rect{height:100%;position:absolute;width:100%;z-index:1}.next-labelme-footer{align-items:center;display:flex;justify-content:space-between;padding:20px 12px 8px}.next-labelme-footer .left-right,.next-labelme-footer .next-labelme-footer__left,.next-labelme-footer .next-labelme-footer__right{align-items:center;display:flex;flex:0 0 50px;justify-content:center}.next-labelme-footer .left-right .el-icon:hover,.next-labelme-footer .next-labelme-footer__left .el-icon:hover,.next-labelme-footer .next-labelme-footer__right .el-icon:hover{cursor:pointer}.next-labelme-footer__center{flex:1 1 auto}.next-labelme-footer__center--list{align-items:center;display:flex;flex-wrap:nowrap;justify-content:flex-start;min-height:80px}.next-labelme-footer__center--list>li{background-color:#fff;border:1px solid #eee;box-sizing:border-box;cursor:pointer;flex:0 0 100px;height:80px;margin:0 5px;overflow:hidden;text-align:center}.next-labelme-footer__center--list>li.is-activate,.next-labelme-footer__center--list>li:hover{border:1px solid var(--el-color-primary)}
+.next-labelimg-loading .next-spin-loading-mask__text{text-shadow:unset}.next-labelimg{border:1px solid #eee;border-radius:3px;box-sizing:border-box;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.next-labelimg-header{box-shadow:0 0 4px 0 rgba(0,0,0,.15);font-size:12px;justify-content:space-between;padding:10px 12px}.next-labelimg-header,.next-labelimg-header__tool,.next-labelimg-header__tool>li{align-items:center;display:flex}.next-labelimg-header__tool>li{cursor:pointer;margin:0 6px}.next-labelimg-header__tool>li.hover:hover{color:var(--el-color-primary)}.next-labelimg-header__tool>li.hover:hover svg{fill:var(--el-color-primary)}.next-labelimg-main{align-items:center;display:flex;justify-content:space-between}.next-labelimg-main__content.el-scrollbar{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAADZJREFUOE9jZKAQMFKon2HUAAYah8HZs2f/MzAw3DY2NlbDFVt4Y4FiA4hJI6PpgNbpgJhYAAB1/AoRxXg31wAAAABJRU5ErkJggg==)}.next-labelimg-main__content.el-scrollbar .el-scrollbar__wrap{width:100%}.next-labelimg-main__content{align-items:center;display:flex;flex:1 1 100%;justify-content:center}.next-labelimg-main .next-labelimg-loading{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.next-labelimg-main .next-labelimg-canvas{height:100%;min-height:500px;position:relative;width:100%}.next-labelimg-main .next-labelimg-canvas__context{height:100%;position:absolute;width:100%;z-index:3}.next-labelimg-main .next-labelimg-canvas__rect{height:100%;position:absolute;width:100%;z-index:1}.next-labelimg-main .next-labelimg-right{box-sizing:border-box;flex:0 0 200px;height:inherit;padding:10px;text-align:left}.next-labelimg-main .next-labelimg-right>ul{border-radius:5px;box-shadow:0 0 4px 0 rgba(0,0,0,.15);box-sizing:border-box;height:100%;padding:10px}.next-labelimg-main .next-labelimg-right>ul li{align-items:center;border:1px solid #ddd;border-radius:3px;display:flex;font-size:12px;justify-content:space-between;line-height:20px;margin:5px 0;padding:3px 6px}.next-labelimg-main .next-labelimg-right>ul li .el-icon{cursor:pointer}.next-labelimg-main .next-labelimg-right>ul li:hover{border:1px solid var(--el-color-primary)}.next-labelimg-main .next-labelimg-right>ul li .label-line{border-radius:3px;display:inline-block;height:10px;margin-right:6px;width:3px}.next-labelimg-footer{align-items:center;display:flex;justify-content:space-between;padding:20px 12px 8px}.next-labelimg-footer .left-right,.next-labelimg-footer .next-labelimg-footer__left,.next-labelimg-footer .next-labelimg-footer__right{align-items:center;display:flex;flex:0 0 50px;justify-content:center}.next-labelimg-footer .left-right .el-icon:hover,.next-labelimg-footer .next-labelimg-footer__left .el-icon:hover,.next-labelimg-footer .next-labelimg-footer__right .el-icon:hover{cursor:pointer}.next-labelimg-footer__center{flex:1 1 auto}.next-labelimg-footer__center--list{align-items:center;display:flex;flex-wrap:nowrap;justify-content:flex-start;min-height:80px}.next-labelimg-footer__center--list>li{background-color:#fff;border:1px solid #eee;box-sizing:border-box;cursor:pointer;flex:0 0 100px;height:80px;margin:0 5px;overflow:hidden;text-align:center}.next-labelimg-footer__center--list>li.is-activate,.next-labelimg-footer__center--list>li:hover{border:1px solid var(--el-color-primary)}.next-labelimg .next-labelimg-contextmenu-label{background-color:#fff;border-radius:8px;box-shadow:0 0 50px 3px #ccc;padding:10px 15px;position:fixed;transition:all .3s;white-space:nowrap;z-index:9999}.next-labelimg .next-labelimg-contextmenu-label>.label-head{align-items:center;display:flex;font-size:14px;justify-content:space-between;padding-bottom:10px}.next-labelimg .next-labelimg-contextmenu-label>.label-head .el-icon{transition:all .3s}.next-labelimg .next-labelimg-contextmenu-label>.label-head .el-icon:hover{cursor:pointer;transform:rotate(90deg)}.next-labelimg .next-labelimg-contextmenu-label>.label-main{scrollbar-face-color:transparent;scrollbar-3dlight-color:#aaa;scrollbar-highlight-color:#aaa;scrollbar-shadow-color:#aaa;scrollbar-base-color:#aaa;scrollbar-track-color:transparent;scrollbar-arrow-color:transparent;max-height:300px;overflow-y:auto}.next-labelimg .next-labelimg-contextmenu-label>.label-main::-webkit-scrollbar{background-color:transparent;border-radius:6px;height:10px;max-width:6px;width:6px}.next-labelimg .next-labelimg-contextmenu-label>.label-main::-webkit-scrollbar-thumb{background-color:hsla(0,0%,67%,.2);border-radius:6px}.next-labelimg .next-labelimg-contextmenu-label>.label-main::-webkit-scrollbar-thumb:hover{background-color:#aaa}.next-labelimg .next-labelimg-contextmenu-label>.label-main::-webkit-scrollbar-thumb:inactive{background-color:#eee}.next-labelimg .next-labelimg-contextmenu-label>.label-main:hover::-webkit-scrollbar-thumb{background-color:hsla(0,0%,67%,.5)}.next-labelimg .next-labelimg-contextmenu-label>.label-main::-webkit-scrollbar-track-piece{background-color:transparent;border-radius:6px}.next-labelimg .next-labelimg-contextmenu-label>.label-main::-webkit-resizer,.next-labelimg .next-labelimg-contextmenu-label>.label-main::-webkit-scrollbar-corner{background-color:transparent}.next-labelimg .next-labelimg-contextmenu-label>.label-main>li{align-items:center;display:flex;font-size:12px;padding:3px 0}.next-labelimg .next-labelimg-contextmenu-label>.label-main>li .label-line{border-radius:3px;display:inline-block;height:10px;margin-right:6px;width:3px}.next-labelimg .next-labelimg-contextmenu-label>.label-main>li.activate-label{color:var(--el-color-primary)}.next-labelimg .next-labelimg-draggable-rect{background-color:hsla(0,0%,99%,.5);cursor:move;position:absolute;z-index:999}.next-labelimg .next-labelimg-draggable-rect__resize{height:100%;position:relative;width:100%}.next-labelimg .next-labelimg-draggable-rect__resize .bottom-center,.next-labelimg .next-labelimg-draggable-rect__resize .bottom-left,.next-labelimg .next-labelimg-draggable-rect__resize .bottom-right,.next-labelimg .next-labelimg-draggable-rect__resize .dot,.next-labelimg .next-labelimg-draggable-rect__resize .left-center,.next-labelimg .next-labelimg-draggable-rect__resize .right-center,.next-labelimg .next-labelimg-draggable-rect__resize .top-center,.next-labelimg .next-labelimg-draggable-rect__resize .top-left,.next-labelimg .next-labelimg-draggable-rect__resize .top-right{background-color:var(--el-color-primary);border:1px solid var(--el-color-primary);box-sizing:border-box;height:10px;position:absolute;width:10px}.next-labelimg .next-labelimg-draggable-rect__resize .top-left{cursor:nw-resize;left:-5px;top:-5px}.next-labelimg .next-labelimg-draggable-rect__resize .top-center{cursor:s-resize;left:50%;top:-5px;transform:translateX(-50%)}.next-labelimg .next-labelimg-draggable-rect__resize .top-right{cursor:sw-resize;right:-5px;top:-5px}.next-labelimg .next-labelimg-draggable-rect__resize .left-center{cursor:w-resize;left:-5px;top:50%;transform:translateY(-50%)}.next-labelimg .next-labelimg-draggable-rect__resize .right-center{cursor:w-resize;right:-5px;top:50%;transform:translateY(-50%)}.next-labelimg .next-labelimg-draggable-rect__resize .bottom-left{bottom:-5px;cursor:sw-resize;left:-5px}.next-labelimg .next-labelimg-draggable-rect__resize .bottom-center{bottom:-5px;cursor:s-resize;left:50%;transform:translateX(-50%)}.next-labelimg .next-labelimg-draggable-rect__resize .bottom-right{bottom:-5px;cursor:nw-resize;right:-5px}.next-labelimg-fullscreen{background-color:#fff;bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;transition:all .3s;z-index:999}.next-labelimg-preview{display:inline-block;height:100%}
+.next-labelme-loading .next-spin-loading-mask__text{text-shadow:unset}.next-labelme-fullscreen{background-color:#fff;bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;transition:all .3s;z-index:999}.next-labelme{border:1px solid #eee;border-radius:3px;box-sizing:border-box;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.next-labelme-header{box-shadow:0 0 4px 0 rgba(0,0,0,.15);font-size:12px;justify-content:space-between;padding:10px 12px}.next-labelme-header,.next-labelme-header__tool,.next-labelme-header__tool>li{align-items:center;display:flex}.next-labelme-header__tool>li{cursor:pointer;justify-content:center;margin:0 6px;text-align:center}.next-labelme-header__tool>li>.label-text{line-height:normal;margin:0;padding:5px 8px}.next-labelme-header__tool>li.tool-item{flex-direction:column}.next-labelme-header__tool>li.tool-item:hover{color:var(--el-color-primary)}.next-labelme-header__tool>li.tool-item:hover svg{fill:var(--el-color-primary)}.next-labelme-main{align-items:center;display:flex;justify-content:space-between}.next-labelme-main__content{align-items:center;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAADZJREFUOE9jZKAQMFKon2HUAAYah8HZs2f/MzAw3DY2NlbDFVt4Y4FiA4hJI6PpgNbpgJhYAAB1/AoRxXg31wAAAABJRU5ErkJggg==);display:flex;flex:1 1 100%;height:100%;justify-content:center}.next-labelme-main .next-labelme-loading{align-items:center;display:flex;justify-content:center;width:100%}.next-labelme-main .next-labelme-canvas{height:100%;min-height:500px;position:relative;width:100%}.next-labelme-main .next-labelme-canvas__context{height:100%;position:absolute;width:100%;z-index:3}.next-labelme-main .next-labelme-canvas__rect{height:100%;position:absolute;width:100%;z-index:1}.next-labelme-footer{align-items:center;display:flex;justify-content:space-between;padding:20px 12px 8px}.next-labelme-footer .left-right,.next-labelme-footer .next-labelme-footer__left,.next-labelme-footer .next-labelme-footer__right{align-items:center;display:flex;flex:0 0 50px;justify-content:center}.next-labelme-footer .left-right .el-icon:hover,.next-labelme-footer .next-labelme-footer__left .el-icon:hover,.next-labelme-footer .next-labelme-footer__right .el-icon:hover{cursor:pointer}.next-labelme-footer__center{flex:1 1 auto}.next-labelme-footer__center--list{align-items:center;display:flex;flex-wrap:nowrap;justify-content:flex-start;min-height:80px}.next-labelme-footer__center--list>li{background-color:#fff;border:1px solid #eee;box-sizing:border-box;cursor:pointer;flex:0 0 100px;height:80px;margin:0 5px;overflow:hidden;text-align:center}.next-labelme-footer__center--list>li.is-activate,.next-labelme-footer__center--list>li:hover{border:1px solid var(--el-color-primary)}

package/dist/index.js

@@ -2,8 +2,8 @@
 /**
  * 作　　者：huangteng
  * 邮　　箱：htengweb@163.com
- * 当前版本：0.3.5 v
- * 发布日期：2024-09-03
+ * 当前版本：0.3.6 v
+ * 发布日期：2024-09-15
  * 地　　址：https://www.npmjs.com/package/next-element-vue
  */
 
@@ -895,7 +895,8 @@ var merge = createAssigner((function(object, source, srcIndex) {
             confirmDeleteLabel: "确定要删除该标注吗？",
             saveLabel: "保存当前标注",
             instructions: "使用说明",
-            labelNoUpdate: "暂无标签数据更新"
+            labelNoUpdate: "暂无标签数据更新",
+            zoomRestore: "还原"
         },
         labelme: {
             saveLabel: "保存",
@@ -979,7 +980,8 @@ var merge = createAssigner((function(object, source, srcIndex) {
             confirmDeleteLabel: "Are you sure you want to delete this annotation?",
             saveLabel: "save label",
             instructions: "instructions",
-            labelNoUpdate: "No label data update"
+            labelNoUpdate: "No label data update",
+            zoomRestore: "restore zoom"
         },
         labelme: {
             saveLabel: "saving...",
@@ -1063,7 +1065,8 @@ var merge = createAssigner((function(object, source, srcIndex) {
             confirmDeleteLabel: "确定要删除该标注吗？",
             saveLabel: "保存当前标注",
             instructions: "使用说明",
-            labelNoUpdate: "暂无标签数据更新"
+            labelNoUpdate: "暂无标签数据更新",
+            zoomRestore: "还原"
         },
         labelme: {
             saveLabel: "保存"
@@ -6022,7 +6025,7 @@ var ToolHeader = defineComponent({
     emits: [ "fullscreen", "save" ],
     setup(props, {emit: emit}) {
         const _ns = inject("ns", {}), {t: t} = useLocale(), switchFillscreen = val => {
-            emit("fullscreen", val);
+            emit("fullscreen", val), document.body.style.overflow = val ? "hidden" : "auto";
         };
         return () => createVNode(Fragment, null, [ createVNode(Fragment, null, [ createVNode("ul", {
             class: [ _ns.be("header", "tool") ]
@@ -6405,7 +6408,7 @@ var DraggableRect = defineComponent({
     },
     emits: [ "change" ],
     setup(props, {emit: emit, expose: expose}) {
-        const ns = inject("ns", {}), _emit = inject("_emit", null), canvasMainRef = ref(), canvasBaseRef = ref(), canvasRectRef = ref(), labels = ref([]), drawBaseCanvas = ref({}), formatLabelsType = () => {
+        const ns = inject("ns", {}), _emit = inject("_emit", null), mainBasaeRef = ref(), canvasMainRef = ref(), canvasBaseRef = ref(), canvasRectRef = ref(), labels = ref([]), drawBaseCanvas = ref({}), formatLabelsType = () => {
             const _labels = deepClone(labels.value);
             let yolo_label = [];
             return {
@@ -6423,22 +6426,39 @@ var DraggableRect = defineComponent({
             canvasRectRef.value.width = canvasWidth, canvasRectRef.value.height = canvasHeight, 
             canvasRectRef.value.style.width = canvasWidth + "px", canvasRectRef.value.style.height = canvasHeight + "px";
         }, loadingImage = ref(!1), renderImageLabel = rowInfo => {
-            labels.value = (rowInfo => rowInfo.labels ? rowInfo.labels.map((rect => {
-                const typeName = props.classes[rect.type];
-                return typeName && (rect.typeName = typeName), rect;
-            })) : [])(rowInfo);
-            const clientHeight = canvasMainRef.value?.clientHeight, ctx = canvasBaseRef.value?.getContext("2d");
+            const ctx = canvasBaseRef.value?.getContext("2d");
             if (rowInfo?.imageSrc) {
                 const image = new Image;
                 image.src = rowInfo.imageSrc, loadingImage.value = !0, image.onload = () => {
                     loadingImage.value = !1;
-                    let {width: width, height: height} = image;
-                    if (height > clientHeight) {
-                        const scale = height / clientHeight;
-                        height = clientHeight, image.style.height = height + "px", width /= scale;
-                    }
-                    const canvasHeight = height, scaleFactor = parseFloat((canvasHeight / height).toFixed(3)), canvasWidth = Math.ceil(width * scaleFactor);
-                    setContainerWidthHeight(canvasWidth, canvasHeight), labels.value = ((labels, canvasHeight) => {
+                    const {canvasWidth: canvasWidth, canvasHeight: canvasHeight, scaleFactor: scaleFactor, originWidth: originWidth, originHeight: originHeight} = (image => {
+                        const clientWidth = mainBasaeRef.value?.elementInstance.clientWidth, clientHeight = mainBasaeRef.value?.elementInstance.clientHeight;
+                        let {width: width, height: height} = image, scaleFactor = 1;
+                        const scale = width / height;
+                        if (scale > 1 ? (width = clientWidth, height = clientWidth / scale) : (width = clientHeight * scale, 
+                        height = clientHeight), height > clientHeight) {
+                            const scale = height / clientHeight;
+                            height = clientHeight, width /= scale;
+                        } else if (width > clientWidth) {
+                            const scale = width / clientWidth;
+                            width = clientWidth, height /= scale;
+                        }
+                        const canvasWidth = parseInt(width.toString()), canvasHeight = parseInt(height.toString());
+                        return scaleFactor = Number((canvasWidth / canvasHeight).toFixed(2)), {
+                            canvasWidth: canvasWidth,
+                            canvasHeight: canvasHeight,
+                            scaleFactor: scaleFactor,
+                            originWidth: image.width,
+                            originHeight: image.height
+                        };
+                    })(image);
+                    labels.value = ((rowInfo, originWidth, originHeight) => rowInfo.labels ? rowInfo.labels.map((rect => {
+                        const typeName = props.classes[rect.type];
+                        return typeName && (rect.typeName = typeName), rect.originWidth || (rect.originWidth = originWidth), 
+                        rect.originHeight || (rect.originHeight = originHeight), rect;
+                    })) : [])(rowInfo, originWidth, originHeight), image.style.width = canvasWidth + "px", 
+                    image.style.height = canvasHeight + "px", setContainerWidthHeight(canvasWidth, canvasHeight), 
+                    labels.value = ((labels, canvasHeight) => {
                         let scale_rects = [];
                         for (let i = 0; i < labels.length; i++) {
                             const rect = labels[i], scale = parseFloat((canvasHeight / rect.canvasHeight).toFixed(3));
@@ -6450,8 +6470,10 @@ var DraggableRect = defineComponent({
                         return scale_rects;
                     })(labels.value, canvasHeight);
                     const {updateLabels: updateLabels, addDrawRect: addDrawRect, hitCanvasLabel: hitCanvasLabel} = (options => {
-                        const {ctx: ctx, labels: labels, image: image, canvasWidth: canvasWidth, canvasHeight: canvasHeight} = options, updateLabels = () => {
-                            ctx.clearRect(0, 0, canvasWidth, canvasHeight), ctx.drawImage(image, 0, 0, canvasWidth, canvasHeight);
+                        const {canvas: canvas, ctx: ctx, labels: labels, image: image, canvasWidth: canvasWidth, canvasHeight: canvasHeight} = options, updateLabels = scaleOffset => {
+                            scaleOffset && (canvas.width = canvasWidth, ctx.save(), ctx.translate(scaleOffset.x, scaleOffset.y), 
+                            ctx.scale(scaleOffset.scale, scaleOffset.scale)), ctx.clearRect(0, 0, canvasWidth, canvasHeight), 
+                            ctx.drawImage(image, 0, 0, canvasWidth, canvasHeight);
                             for (let i = 0; i < labels.length; i++) {
                                 const rect = labels[i], {startX: startX, startY: startY, rectWidth: rectWidth, rectHeight: rectHeight, type: type} = rect, color = colors$1[type % colors$1.length];
                                 if (ctx.font = "bold 14px serif", ctx.textBaseline = "top", ctx.save(), ctx.strokeStyle = color, 
@@ -6466,7 +6488,8 @@ var DraggableRect = defineComponent({
                             updateLabels: updateLabels,
                             addDrawRect: (rect, color = "#f30635") => {
                                 const {startX: startX, startY: startY, rectWidth: rectWidth, rectHeight: rectHeight} = rect;
-                                ctx.strokeStyle = color, ctx.strokeRect(startX, startY, rectWidth, rectHeight);
+                                ctx.save(), ctx.strokeStyle = color, ctx.strokeRect(startX, startY, rectWidth, rectHeight), 
+                                ctx.restore();
                             },
                             hitCanvasLabel: (x, y) => {
                                 let hit_rect = null, hit_index = null, color = null;
@@ -6493,7 +6516,7 @@ var DraggableRect = defineComponent({
                     });
                     drawBaseCanvas.value.updateLabels = updateLabels, drawBaseCanvas.value.addDrawRect = addDrawRect, 
                     drawBaseCanvas.value.hitCanvasLabel = hitCanvasLabel;
-                    const {clearCanvas: clearCanvas, removeEventAll: removeEventAll} = ((canvas, callback, keyW) => {
+                    const {clearCanvas: clearCanvas, removeEventAll: removeEventAll} = (({canvas: canvas, originWidth: originWidth, originHeight: originHeight}, callback, keyW) => {
                         const canvasWidth = canvas.width, canvasHeight = canvas.height, ctx = canvas?.getContext("2d"), clearCanvas = () => {
                             ctx.clearRect(0, 0, canvasWidth, canvasHeight);
                         };
@@ -6507,14 +6530,16 @@ var DraggableRect = defineComponent({
                                 rectWidth: rectWidth,
                                 rectHeight: rectHeight,
                                 canvasWidth: canvasWidth,
-                                canvasHeight: canvasHeight
+                                canvasHeight: canvasHeight,
+                                originWidth: originWidth,
+                                originHeight: originHeight
                             }, {
                                 endX: endX,
                                 endY: endY
                             });
                         }, documentKeydown = event => {
-                            "KeyW" === event.code && (isWKeyPressed = !0, canvas.style.cursor = "crosshair", 
-                            canvas.style.zIndex = "11", keyW && keyW());
+                            isWKeyPressed || "KeyW" === event.code && (event.preventDefault(), isWKeyPressed = !0, 
+                            canvas.style.cursor = "crosshair", canvas.style.zIndex = "11", keyW && keyW());
                         }, documentKeyup = event => {
                             isDrawing || "KeyW" === event.code && (isWKeyPressed = !1, canvas.style.cursor = "unset", 
                             canvas.style.zIndex = "0");
@@ -6524,13 +6549,13 @@ var DraggableRect = defineComponent({
                         };
                         document.addEventListener("keydown", documentKeydown), document.addEventListener("keyup", documentKeyup), 
                         document.addEventListener("mouseup", documentMouseup);
-                        const canvasMousedown = e => {
-                            isWKeyPressed && (isDrawing = !0, startX = e.offsetX, startY = e.offsetY);
-                        }, canvasMousemove = e => {
-                            isDrawing && isWKeyPressed && (isRectDraw = !0, endX = e.offsetX, endY = e.offsetY, 
+                        const canvasMousedown = event => {
+                            isWKeyPressed && (isDrawing = !0, startX = event.offsetX, startY = event.offsetY);
+                        }, canvasMousemove = event => {
+                            isDrawing && isWKeyPressed && (isRectDraw = !0, endX = event.offsetX, endY = event.offsetY, 
                             drawRect());
-                        }, canvasMouseup = e => {
-                            e.stopPropagation(), isRectDraw && (isDrawing = !1, isWKeyPressed = !1, canvas.style.cursor = "unset", 
+                        }, canvasMouseup = event => {
+                            event.stopPropagation(), isRectDraw && (isDrawing = !1, isWKeyPressed = !1, canvas.style.cursor = "unset", 
                             canvas.style.zIndex = "0", drawRectDone(), isRectDraw = !1);
                         };
                         canvas.addEventListener("mousedown", canvasMousedown), canvas.addEventListener("mousemove", canvasMousemove), 
@@ -6544,12 +6569,16 @@ var DraggableRect = defineComponent({
                             clearCanvas: clearCanvas,
                             drawRect: drawRect,
                             removeEventAll: () => {
-                                document.removeEventListener("mousedown", documentKeydown), document.removeEventListener("keyup", documentKeyup), 
+                                document.removeEventListener("keydown", documentKeydown), document.removeEventListener("keyup", documentKeyup), 
                                 document.removeEventListener("mouseup", documentMouseup), canvas.removeEventListener("mousedown", canvasMousedown), 
                                 canvas.removeEventListener("mousemove", canvasMousemove), canvas.removeEventListener("mouseup", canvasMouseup);
                             }
                         };
-                    })(canvasRectRef.value, ((rect, {endX: endX, endY: endY}) => {
+                    })({
+                        canvas: canvasRectRef.value,
+                        originWidth: originWidth,
+                        originHeight: originHeight
+                    }, ((rect, {endX: endX, endY: endY}) => {
                         activate_add_label.value = rect, drawBaseCanvas.value.addDrawRect(rect), updateContextmenuLabelFixed(endX, endY, rect);
                     }), (() => {
                         onCloseDraggableRectFixed();
@@ -6566,11 +6595,14 @@ var DraggableRect = defineComponent({
                     updateContextmenuLabelFixed(x, y, hit_rect);
                 }));
             })), canvasBaseRef.value.addEventListener("click", (e => {
+                if (e.ctrlKey) return;
                 const x = e.offsetX, y = e.offsetY, {hit_rect: hit_rect, hit_index: hit_index, color: color} = drawBaseCanvas.value.hitCanvasLabel(x, y);
                 onCloseDraggableRectFixed(), onCloseContentmenuLabel(), hit_rect && nextTick((() => {
                     updateDraggableRectFixed(x, y, hit_rect, hit_index, color);
                 }));
             }));
+        }, onWindowWheel = e => {
+            e.ctrlKey && e.preventDefault();
         };
         onMounted((() => {
             watch((() => props.rowInfo), (info => {
@@ -6579,15 +6611,20 @@ var DraggableRect = defineComponent({
             }), {
                 deep: !0,
                 immediate: !0
-            }), watch((() => props.contextClientHeight), (height => {
+            }), watch((() => props.classes), (() => {
+                const rowInfo = toRaw(props.rowInfo);
+                renderImageLabel(rowInfo);
+            })), watch((() => props.contextClientHeight), (height => {
                 if (valueExist(height)) {
                     canvasMainRef.value.style.height = height + "px";
                     const rowInfo = toRaw(props.rowInfo);
                     renderImageLabel(rowInfo);
                 }
-            }));
+            })), window.addEventListener("wheel", onWindowWheel, {
+                passive: !1
+            });
         })), onUnmounted((() => {
-            drawBaseCanvas.value.removeEventAll();
+            drawBaseCanvas.value.removeEventAll?.(), window.removeEventListener("wheel", onWindowWheel);
         }));
         const contextmenuLabelFixed = ref({
             show: !1,
@@ -6631,9 +6668,9 @@ var DraggableRect = defineComponent({
             draggableRectFixed.value.width = 0, draggableRectFixed.value.height = 0, draggableRectFixed.value.activateRect = null, 
             draggableRectFixed.value.activateIndex = null, draggableRectFixed.value.color = null;
         }, onDraggleRectResize = rect => {
-            draggableRectFixed.value.activateRect = rect, drawBaseCanvas.value.updateLabels();
+            draggableRectFixed.value.activateRect = rect;
             const i = labels.value.findIndex((o => isEqual(o, rect)));
-            i > -1 && labels.value.splice(i, 1, rect);
+            i > -1 && labels.value.splice(i, 1, rect), drawBaseCanvas.value.updateLabels();
             const {rects: rects, label_txt: label_txt} = formatLabelsType();
             _emit("change", rects, label_txt), emit("change", rects, label_txt);
         }, onContextmenuDraggable = (e, rect) => {
@@ -6677,6 +6714,7 @@ var DraggableRect = defineComponent({
             }
         });
         return () => createVNode(Fragment, null, [ createVNode(NextSpinLoading, {
+            ref: mainBasaeRef,
             loading: loadingImage.value,
             class: [ ns.b("loading") ]
         }, {
@@ -6721,13 +6759,15 @@ var DraggableRect = defineComponent({
     },
     emits: [ "delete", "select" ],
     setup(props, {emit: emit}) {
-        const {t: t} = useLocale(), ns = inject("ns", {}), labels = ref([]);
-        watch((() => props.labels), (rects => {
+        const {t: t} = useLocale(), ns = inject("ns", {}), labels = ref([]), formatLabelsTypeName = labels => labels.length ? labels.map((rect => {
+            const typeName = props.classes[rect.type];
+            return typeName && (rect.typeName = typeName), rect;
+        })) : [];
+        watch((() => props.classes), (() => {
+            labels.value = formatLabelsTypeName(labels.value);
+        })), watch((() => props.labels), (rects => {
             const _rects = toRaw(rects);
-            labels.value = (labels => labels.length ? labels.map((rect => {
-                const typeName = props.classes[rect.type];
-                return typeName && (rect.typeName = typeName), rect;
-            })) : [])(_rects);
+            labels.value = formatLabelsTypeName(_rects);
         }), {
             deep: !0,
             immediate: !0
@@ -7297,15 +7337,17 @@ class CreateDrawCanvas {
     canvasWidth;
     canvasHeight;
     paths;
+    scaleX;
+    scaleY;
     editDrawPolygon;
     createPolygonVertexes;
     editVertexes;
     editPolygonObservers=[];
     constructor(options) {
-        const {canvas: canvas, ctx: ctx, image: image, canvasWidth: canvasWidth, canvasHeight: canvasHeight, paths: paths} = options;
+        const {canvas: canvas, ctx: ctx, image: image, canvasWidth: canvasWidth, canvasHeight: canvasHeight, paths: paths, scaleX: scaleX, scaleY: scaleY} = options;
         this.canvas = canvas, this.ctx = ctx, this.image = image, this.canvasWidth = canvasWidth, 
-        this.canvasHeight = canvasHeight, this.paths = paths || [], this.editVertexes = [], 
-        this.render(), this.createPolygonVertexes = new CreatePolygonVertexes(canvas, ctx), 
+        this.canvasHeight = canvasHeight, this.paths = paths || [], this.scaleX = scaleX || 1, 
+        this.scaleY = scaleY || 1, this.editVertexes = [], this.render(), this.createPolygonVertexes = new CreatePolygonVertexes(canvas, ctx), 
         this.editDrawPolygon = new EditPolygonPath(canvas, ctx), this.createPolygonVertexes.vertexesChangeEventListener(((vertexes, mouseOffset) => {
             this.render(), this.editDrawPolygon.drawPolygon(vertexes, mouseOffset), this.editVertexes = vertexes, 
             this.notifyObservers();
@@ -7326,12 +7368,14 @@ class CreateDrawCanvas {
     }
     drawPolygons(paths) {
         const ctx = this.ctx;
+        ctx.scale(this.scaleX, this.scaleY);
         for (let i = 0; i < paths.length; i++) {
             const path = paths[i].path;
             if (!path.length) return;
             const color = colors[i % colors.length];
-            ctx.beginPath(), ctx.lineWidth = 2, ctx.strokeStyle = color, ctx.fillStyle = hexToRgba(color, .2), 
-            ctx.moveTo(path[0][0], path[0][1]);
+            ctx.beginPath(), ctx.lineWidth = 2, ctx.strokeStyle = color, ctx.fillStyle = hexToRgba(color, .2);
+            const startX = path[0][0], startY = path[0][1];
+            ctx.moveTo(startX, startY);
             for (let i = 1; i < path.length; i++) {
                 const [x, y] = path[i];
                 ctx.lineTo(x, y);
@@ -7341,7 +7385,7 @@ class CreateDrawCanvas {
     }
     initCanvas=() => {
         this.ctx.clearRect(0, 0, this.canvasWidth, this.canvasHeight), this.ctx.drawImage(this.image, 0, 0, this.canvasWidth, this.canvasHeight), 
-        this.drawPolygons(this.paths);
+        this.ctx.save(), this.drawPolygons(this.paths), this.ctx.restore();
     };
     render=() => {
         this.initCanvas();
@@ -7368,22 +7412,40 @@ var CanvasContext = defineComponent({
     },
     emits: [ "editPolygon" ],
     setup(props, {emit: emit, expose: expose}) {
-        const ns = inject("ns", {}), canvasMainRef = ref(), canvasBaseRef = ref(), drawCanvas = ref(), setContainerWidthHeight = (canvasWidth, canvasHeight) => {
+        const ns = inject("ns", {}), mainBasaeRef = ref(), canvasMainRef = ref(), canvasBaseRef = ref(), drawCanvas = ref(), setContainerWidthHeight = (canvasWidth, canvasHeight) => {
             canvasMainRef.value.style.width = canvasWidth + "px", canvasMainRef.value.style.height = canvasHeight + "px", 
             canvasBaseRef.value.width = canvasWidth, canvasBaseRef.value.height = canvasHeight, 
             canvasBaseRef.value.style.width = canvasWidth + "px", canvasBaseRef.value.style.height = canvasHeight + "px";
         }, loadingImage = ref(!1), renderImageLabel = rowInfo => {
-            const clientHeight = canvasMainRef.value?.clientHeight, ctx = canvasBaseRef.value?.getContext("2d");
+            const ctx = canvasBaseRef.value?.getContext("2d");
             if (rowInfo?.imageSrc) {
                 const image = new Image;
                 image.src = rowInfo.imageSrc, loadingImage.value = !0, image.onload = () => {
                     loadingImage.value = !1;
-                    let {width: width, height: height} = image;
-                    if (height > clientHeight) {
-                        const scale = height / clientHeight;
-                        height = clientHeight, image.style.height = height + "px", width /= scale;
-                    }
-                    const canvasHeight = height, scaleFactor = parseFloat((canvasHeight / height).toFixed(3)), canvasWidth = Math.ceil(width * scaleFactor);
+                    const {canvasWidth: canvasWidth, canvasHeight: canvasHeight, scaleFactor: scaleFactor, scaleX: scaleX, scaleY: scaleY} = (image => {
+                        const clientWidth = mainBasaeRef.value?.elementInstance.clientWidth, clientHeight = mainBasaeRef.value?.elementInstance.clientHeight;
+                        let {width: width, height: height} = image, scaleFactor = 1;
+                        const aspect_ratio = width / height;
+                        if (aspect_ratio > 1 ? (width = clientWidth, height = clientWidth / aspect_ratio) : (width = clientHeight * aspect_ratio, 
+                        height = clientHeight), height > clientHeight) {
+                            const scale = height / clientHeight;
+                            height = clientHeight, width /= scale;
+                        } else if (width > clientWidth) {
+                            const scale = width / clientWidth;
+                            width = clientWidth, height /= scale;
+                        }
+                        const canvasWidth = parseInt(width.toString()), canvasHeight = parseInt(height.toString());
+                        scaleFactor = Number((canvasWidth / canvasHeight).toFixed(2));
+                        const scaleX = (canvasWidth / image.width).toFixed(8), scaleY = (canvasHeight / image.height).toFixed(8);
+                        return {
+                            canvasWidth: canvasWidth,
+                            canvasHeight: canvasHeight,
+                            scaleFactor: scaleFactor,
+                            scaleX: Number(scaleX),
+                            scaleY: Number(scaleY)
+                        };
+                    })(image);
+                    image.style.width = canvasWidth + "px", image.style.height = canvasHeight + "px", 
                     setContainerWidthHeight(canvasWidth, canvasHeight), drawCanvas.value = new CreateDrawCanvas({
                         canvas: canvasBaseRef.value,
                         ctx: ctx,
@@ -7391,7 +7453,9 @@ var CanvasContext = defineComponent({
                         canvasWidth: canvasWidth,
                         canvasHeight: canvasHeight,
                         scaleFactor: scaleFactor,
-                        paths: rowInfo.labels
+                        paths: rowInfo.labels,
+                        scaleX: scaleX,
+                        scaleY: scaleY
                     }), drawCanvas.value.updatePolygon((vertexes => {
                         emit("editPolygon", {
                             vertexes: vertexes,
@@ -7427,6 +7491,7 @@ var CanvasContext = defineComponent({
                 }));
             }
         }), () => createVNode(Fragment, null, [ createVNode(NextSpinLoading, {
+            ref: mainBasaeRef,
             loading: loadingImage.value,
             class: [ ns.b("loading") ],
             style: {
@@ -7460,7 +7525,7 @@ var CanvasContext = defineComponent({
     emits: [ "fullscreen", "save" ],
     setup(props, {emit: emit}) {
         const _ns = inject("ns", {}), {t: t} = useLocale(), switchFillscreen = val => {
-            emit("fullscreen", val);
+            emit("fullscreen", val), document.body.style.overflow = val ? "hidden" : "auto";
         };
         return () => createVNode(Fragment, null, [ createVNode(Fragment, null, [ createVNode("ul", {
             class: [ _ns.be("header", "tool") ]
@@ -7682,20 +7747,25 @@ var Element = defineComponent({
             if (loading.value) return;
             loading.value = !0;
             const node = currentNode.value;
-            emit("save", {
+            return emit("save", {
                 node: node
             }, (imageItem => {
                 labelImages.value[activateNodeIndex.value] = imageItem || node, activateNodeIndex.value = index, 
                 loading.value = !1;
             }), (() => {
                 loading.value = !1;
-            }));
+            })), !0;
         }, isFullscreen = ref(!1), onSwitchFillscreen = val => {
             isFullscreen.value = val, updateMainContentHeight(), nextTick((() => {
                 canvasContextRef.value.rerenderImage();
             }));
         }, onEditPlygonChange = plygon => {
-            emit("edit-polygon", plygon);
+            currentNode.value.labels = plygon, emit("edit-polygon", plygon);
+        }, onToolHeaderSave = () => {
+            onChangeActivateNode(activateNodeIndex.value) || ElMessage({
+                type: "info",
+                message: t("next.labelimg.labelNoUpdate")
+            });
         };
         return () => createVNode(Fragment, null, [ createVNode("div", {
             ref: layoutLabelRef,
@@ -7716,7 +7786,8 @@ var Element = defineComponent({
                     isFullscreen: isFullscreen.value,
                     imageIndex: activateNodeIndex.value,
                     imageLength: labelImages.value.length,
-                    onFullscreen: onSwitchFillscreen
+                    onFullscreen: onSwitchFillscreen,
+                    onSave: onToolHeaderSave
                 }, null) ]), createVNode("div", {
                     ref: mainRef,
                     class: [ ns.b("main") ]
@@ -7828,7 +7899,7 @@ const zoomDialog = app => {
             }));
         }
     });
-}, version = "0.3.5", install = function(app) {
+}, version = "0.3.6", install = function(app) {
     Object.keys(components).forEach((key => {
         const component = components[key];
         app.component(component.name, component);
@@ -7838,7 +7909,7 @@ const zoomDialog = app => {
 };
 
 var index = {
-    version: "0.3.5",
+    version: "0.3.6",
     install: install
 };