next-element-vue 0.3.8 → 0.4.0

package/dist/index.css

@@ -5,7 +5,7 @@
 .next-tabs{align-items:center;box-shadow:0 2px 6px rgba(0,0,0,.06);display:flex;height:var(--next-layout-nav-height,45px);justify-content:space-between;position:relative;width:100%;z-index:11}.next-tabs .el-scrollbar__view,.next-tabs>.el-scrollbar{height:100%;width:100%}.next-tabs .el-scrollbar__view .next-tabs-list,.next-tabs>.el-scrollbar .next-tabs-list{box-sizing:border-box;display:flex;font-size:12px;height:100%;padding:10px 15px 0;white-space:nowrap}.next-tabs .el-scrollbar__view .next-tabs-list .active,.next-tabs .el-scrollbar__view .next-tabs-list li.is-active,.next-tabs .el-scrollbar__view .next-tabs-list li.tab-item:hover,.next-tabs>.el-scrollbar .el-scrollbar__view .next-tabs-list li.is-active,.next-tabs>.el-scrollbar .next-tabs-list .active,.next-tabs>.el-scrollbar .next-tabs-list li.is-active,.next-tabs>.el-scrollbar .next-tabs-list li.tab-item:hover{background-color:var(--el-color-primary-light-9);color:var(--el-color-primary);-webkit-mask:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANoAAAAkBAMAAAAdqzmBAAAAMFBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlTPQ5AAAAD3RSTlMAr3DvEM8wgCBA379gj5//tJBPAAAAnUlEQVRIx2NgAAM27fj/tAO/xBsYkIHyf9qCT8iWMf6nNQhAsk2f5rYheY7Dnua2/U+A28ZEe8v+F9Ax2v7/F4DbxkUH2wzgtvHTwbYPo7aN2jZq26hto7aN2jZq25Cy7Qvctnw62PYNbls9HWz7S8/G6//PsI6H4396gAUQy1je08W2jxDbpv6nD4gB2uWp+J9eYPsEhv/0BPS1DQBvoBLVZ3BppgAAAABJRU5ErkJggg==);-webkit-mask-repeat:no-repeat;-webkit-mask-size:100% 100%;padding:0 25px!important}.next-tabs .el-scrollbar__view .next-tabs-list li.tab-item,.next-tabs>.el-scrollbar .next-tabs-list li.tab-item{align-items:center;color:var(--el-text-color-primary);cursor:pointer;display:flex;font-size:var(--el-font-size-base);font-weight:400;height:calc(var(--next-layout-nav-height, 45px) - 10px);justify-content:center;margin-right:-10px;padding:0 20px;transition-duration:.3s;transition-property:width,padding;transition-timing-function:cubic-bezier(.645,.045,.355,1);-webkit-user-select:none;-moz-user-select:none;user-select:none}.next-tabs .el-scrollbar__view .next-tabs-list li.tab-item:hover,.next-tabs>.el-scrollbar .next-tabs-list li.tab-item:hover{background-color:var(--el-color-primary-light-9)}.next-tabs .el-scrollbar__view .next-tabs-list li.tab-item:hover .tab-close,.next-tabs>.el-scrollbar .next-tabs-list li.tab-item:hover .tab-close{transform:scale(1);width:14px}.next-tabs .el-scrollbar__view .next-tabs-list li.tab-item:hover .tab-icon,.next-tabs>.el-scrollbar .next-tabs-list li.tab-item:hover .tab-icon{color:var(--el-color-primary)}.next-tabs .el-scrollbar__view .next-tabs-list li.tab-item .el-icon svg,.next-tabs>.el-scrollbar .next-tabs-list li.tab-item .el-icon svg{height:unset;width:unset}.next-tabs .el-scrollbar__view .next-tabs-list li.tab-item .tab-icon,.next-tabs>.el-scrollbar .next-tabs-list li.tab-item .tab-icon{color:var(--el-text-color-primary);font-size:16px;margin-right:5px}.next-tabs .el-scrollbar__view .next-tabs-list li.tab-item .tab-close,.next-tabs>.el-scrollbar .next-tabs-list li.tab-item .tab-close{border-radius:50%;display:inline-block;font-size:12px;height:14px;line-height:15px;margin-left:10px;text-align:center;transform:scale(0);transition:all .3s cubic-bezier(.645,.045,.355,1);vertical-align:middle;width:0}.next-tabs .el-scrollbar__view .next-tabs-list li.tab-item .tab-close:hover,.next-tabs>.el-scrollbar .next-tabs-list li.tab-item .tab-close:hover{background-color:var(--el-color-primary-light-3);color:var(--el-color-white)}.next-tabs .el-scrollbar__view .next-tabs-list li.is-active,.next-tabs .el-scrollbar__view .next-tabs-list li.is-active .tab-icon,.next-tabs>.el-scrollbar .next-tabs-list li.is-active,.next-tabs>.el-scrollbar .next-tabs-list li.is-active .tab-icon{color:var(--el-color-primary)}.next-tabs .el-scrollbar__view .next-tabs-list li.is-active:hover,.next-tabs>.el-scrollbar .next-tabs-list li.is-active:hover{background-color:var(--el-color-primary-light-9)!important;color:var(--el-color-primary)}.next-tabs .next-tabs-tab-more{cursor:pointer;display:inline-block;padding:0 20px;transition:transform .3s ease-out}.next-tabs .next-tabs-tab-more:focus{outline:none}.next-tabs .next-tabs-tab-more__box{display:block;height:8px;position:relative;width:14px}.next-tabs .next-tabs-tab-more__box:before{background:#9a9a9a;content:"";height:6px;left:0;position:absolute;top:2px;transition:transform .3s ease-out .3s;width:6px}.next-tabs .next-tabs-tab-more__box:after{background:#9a9a9a;content:"";height:6px;left:8px;position:absolute;top:2px;width:6px}.next-tabs .next-tabs-tab-more[aria-expanded=true]{color:var(--el-color-primary);transform:rotate(90deg)}.next-tabs .next-tabs-tab-more[aria-expanded=true] .next-tabs-tab-more__top:before{background:var(--el-color-primary);transform:rotate(45deg)}.next-tabs .next-tabs-tab-more[aria-expanded=true] .next-tabs-tab-more__bottom:after,.next-tabs .next-tabs-tab-more[aria-expanded=true] .next-tabs-tab-more__bottom:before,.next-tabs .next-tabs-tab-more[aria-expanded=true] .next-tabs-tab-more__top:after{background:var(--el-color-primary)}
 .next-container{box-sizing:border-box;height:100%;width:100%}.next-container .next-container-card,.next-container>.el-scrollbar__wrap>.el-scrollbar__view{box-sizing:border-box;height:100%;padding:var(--next-container-padding,20px)}.next-container .next-container-card{background-color:var(--next-main-bg-color,#fff);border-radius:12px;box-shadow:0 0 27px rgba(0,0,0,.05);transition:all .3s}
 .next-dialog{border-radius:6px;padding:unset;transition:all .3s ease-out}.next-dialog .el-dialog__header{align-items:center;background-color:var(--el-color-primary-light-9);border-bottom:1px solid var(--el-color-primary-light-8);border-radius:6px 6px 0 0;display:flex;justify-content:space-between;margin-right:unset;padding:var(--el-dialog-padding-primary)}.next-dialog .el-dialog__header .el-dialog__title{color:#303133;font-size:16px;font-weight:400}.next-dialog .el-dialog__header .next-dialog-header{align-items:center;display:flex;justify-content:space-between;width:100%}.next-dialog .el-dialog__header .next-dialog__header-right{align-items:center;display:flex;height:var(--el-dialog-font-line-height)}.next-dialog .el-dialog__header .next-dialog__header-right .icon-fullscreen{font-size:18px;margin-top:2px}.next-dialog .el-dialog__header .next-dialog__header-right .el-icon{color:#909399;cursor:pointer}.next-dialog .el-dialog__header .next-dialog__header-right .el-icon:hover{color:var(--el-color-primary)}.next-dialog .el-dialog__header .next-dialog__header-right .icon-close{align-items:center;display:flex;margin-left:10px}.next-dialog .el-dialog__header .next-dialog__header-right .icon-close .el-icon{transition:all .3s}.next-dialog .el-dialog__header .next-dialog__header-right .icon-close:hover .el-icon{transform:rotate(90deg)}.next-dialog .el-dialog__body{min-height:60px;padding:10px 20px}.next-dialog .el-dialog__footer{padding:unset}.next-dialog .next-dialog-footer__zoom{bottom:-10px;cursor:se-resize;height:20px;position:absolute;right:-10px;width:20px}.next-dialog.is-fullscreen{border-radius:3px;overflow-y:hidden}.next-dialog.is-fullscreen .el-dialog__body{box-sizing:border-box;height:calc(100% - 55px);overflow-y:auto}.next-dialog.is-fullscreen .el-dialog__body::-webkit-scrollbar{background-color:#f5f5f5;height:6px;width:6px}.next-dialog.is-fullscreen .el-dialog__body::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:3px}.next-dialog.is-fullscreen .el-dialog__body::-webkit-scrollbar-thumb:hover{background-color:#aaa}.next-dialog.is-fullscreen .el-dialog__body::-webkit-scrollbar-thumb:inactive{background-color:#eee}
-.next-form .next-form__input-table .el-input__wrapper,.next-form .next-form__input-table .next-form__input-table--placeholder,.next-form .next-form__input-table .next-form__input-table--value,.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.next-form{padding:10px 0}.next-form .el-form-item .el-form-item__label{align-items:center;text-align:right;width:var(--form-label-width)}.next-form .el-form-item .el-form-item__label .next-form__item-label{box-sizing:border-box;max-width:100%;width:auto}.next-form .el-form-item .el-form-item__content>.el-checkbox-group,.next-form .el-form-item .el-form-item__content>.el-input,.next-form .el-form-item .el-form-item__content>.el-select{width:100%}.next-form .next-form__number-range{align-items:center;display:flex;justify-content:space-evenly;width:100%}.next-form .next-form__number-range .el-input-number{flex:1 1 auto}.next-form .next-form__number-range .el-input-number .el-input-number__decrease,.next-form .next-form__number-range .el-input-number .el-input-number__increase{width:24px}.next-form .next-form__number-range .el-input-number .el-input__wrapper{padding-left:26px;padding-right:26px}.next-form .next-form__number-range .next-form__number-range--division{color:#606266;font-size:12px;padding:0 10px}.next-form .next-form__input-table{height:calc(var(--el-input-height, 32px))}.next-form .next-form__input-table .el-input__wrapper{border-bottom-right-radius:0;border-top-right-radius:0;justify-content:flex-start}.next-form .next-form__input-table .el-input__wrapper:hover{box-shadow:0 0 0 1px var(--el-input-focus-border-color) inset}.next-form .next-form__input-table .next-form__input-table--value{align-items:center;color:var(--el-input-text-color,var(--el-text-color-regular));display:flex;width:100%}.next-form .next-form__input-table .next-form__input-table--value>.el-tag{margin-right:6px}.next-form .next-form__input-table .next-form__input-table--value>.el-tag:last-child{margin-right:unset}.next-form .next-form__input-table .next-form__input-table--placeholder{color:var(--el-text-color-placeholder)}.next-form .next-form__input-table .next-form__input-table--append{border-bottom-left-radius:0;border-top-left-radius:0}.next-form .next-form__input-table.is-disabled,.next-form .next-form__input-table.is-disabled .el-input__wrapper{cursor:not-allowed}.next-form .next-form__input-table.is-disabled .el-input__wrapper:hover{box-shadow:none}.next-form .next-form__preview-image{margin-right:6px}.next-form .next-form__preview-image:last-child{margin-right:unset}.next-form .next-form__footer{padding:10px 0;text-align:center}.next-form__input-table--content{height:500px}.next-form__input-table--content .el-radio-group{height:100%;width:100%}.next-form__input-table--content .el-radio-group .el-radio .el-radio__label{display:none}.next-form__input-table--content .el-radio-group .next-crud-table .el-input__wrapper{box-shadow:0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset}.next-form__tooltip-tags>.el-tag{margin:0 3px}.next-form__input-table--footer{bottom:-10px;padding:0 0 10px;position:sticky;text-align:right}.next-dialog.is-fullscreen .el-dialog__body .next-form__input-table--content{height:calc(100% - 50px)}
+.next-form .next-form__input-table .el-input__wrapper,.next-form .next-form__input-table .next-form__input-table--placeholder,.next-form .next-form__input-table .next-form__input-table--value,.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.next-form{padding:10px 0}.next-form .el-form-item .el-form-item__label{align-items:center;text-align:right;width:var(--form-label-width)}.next-form .el-form-item .el-form-item__label .next-form__item-label{box-sizing:border-box;max-width:100%;width:auto}.next-form .el-form-item .el-form-item__content>.el-cascader,.next-form .el-form-item .el-form-item__content>.el-checkbox-group,.next-form .el-form-item .el-form-item__content>.el-input,.next-form .el-form-item .el-form-item__content>.el-select{width:100%}.next-form .next-form__number-range{align-items:center;display:flex;justify-content:space-evenly;width:100%}.next-form .next-form__number-range .el-input-number{flex:1 1 auto}.next-form .next-form__number-range .el-input-number .el-input-number__decrease,.next-form .next-form__number-range .el-input-number .el-input-number__increase{width:24px}.next-form .next-form__number-range .el-input-number .el-input__wrapper{padding-left:26px;padding-right:26px}.next-form .next-form__number-range .next-form__number-range--division{color:#606266;font-size:12px;padding:0 10px}.next-form .next-form__input-table{height:calc(var(--el-input-height, 32px))}.next-form .next-form__input-table .el-input__wrapper{border-bottom-right-radius:0;border-top-right-radius:0;justify-content:flex-start}.next-form .next-form__input-table .el-input__wrapper:hover{box-shadow:0 0 0 1px var(--el-input-focus-border-color) inset}.next-form .next-form__input-table .next-form__input-table--value{align-items:center;color:var(--el-input-text-color,var(--el-text-color-regular));display:flex;width:100%}.next-form .next-form__input-table .next-form__input-table--value>.el-tag{margin-right:6px}.next-form .next-form__input-table .next-form__input-table--value>.el-tag:last-child{margin-right:unset}.next-form .next-form__input-table .next-form__input-table--placeholder{color:var(--el-text-color-placeholder)}.next-form .next-form__input-table .next-form__input-table--append{border-bottom-left-radius:0;border-top-left-radius:0}.next-form .next-form__input-table.is-disabled,.next-form .next-form__input-table.is-disabled .el-input__wrapper{cursor:not-allowed}.next-form .next-form__input-table.is-disabled .el-input__wrapper:hover{box-shadow:none}.next-form .next-form__preview-image{margin-right:6px}.next-form .next-form__preview-image:last-child{margin-right:unset}.next-form .next-form__footer{padding:10px 0;text-align:center}.next-form__input-table--content{height:500px}.next-form__input-table--content .el-radio-group{height:100%;width:100%}.next-form__input-table--content .el-radio-group .el-radio .el-radio__label{display:none}.next-form__input-table--content .el-radio-group .next-crud-table .el-input__wrapper{box-shadow:0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset}.next-form__tooltip-tags>.el-tag{margin:0 3px}.next-form__input-table--footer{bottom:-10px;padding:0 0 10px;position:sticky;text-align:right}.next-dialog.is-fullscreen .el-dialog__body .next-form__input-table--content{height:calc(100% - 50px)}
 .next-crud-table-header-search-expandBtn>span,.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.next-crud-table{height:100%;transition:all .3s;width:inherit}.next-crud-table-header-search-item .el-form-item{box-sizing:border-box;margin-bottom:18px;margin-right:10px;width:100%}.next-crud-table-header-search-item .el-form-item .el-date-editor--datetimerange,.next-crud-table-header-search-item .el-form-item .el-input,.next-crud-table-header-search-item .el-form-item .el-select{width:100%}.next-crud-table-header-search-item .el-form-item .el-date-editor--datetimerange .el-range-separator,.next-crud-table-header-search-item .el-form-item .el-input .el-range-separator,.next-crud-table-header-search-item .el-form-item .el-select .el-range-separator{font-size:12px}.next-crud-table-header-search-item input::-webkit-inner-spin-button,.next-crud-table-header-search-item input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.next-crud-table-header-search-item input[type=number]{-moz-appearance:textfield}.next-crud-table-header-search-item-number-range{align-items:center;display:flex;justify-content:space-evenly;width:100%}.next-crud-table-header-search-item-number-range .el-input-number{flex:1 1 auto}.next-crud-table-header-search-item-number-range .el-input-number .el-input-number__decrease,.next-crud-table-header-search-item-number-range .el-input-number .el-input-number__increase{width:24px}.next-crud-table-header-search-item-number-range .el-input-number .el-input__wrapper{padding-left:26px;padding-right:26px}.next-crud-table-header-search-item-number-range .number-range-division{color:#606266;font-size:12px;padding:0 10px}.next-crud-table-header-search-btns .el-form-item__content{flex-wrap:nowrap}.next-crud-table-header-search-expandBtn .el-icon{transform:rotate(90deg)}.next-crud-table-header-search-expandBtn>span{display:inline-block;max-width:70px}.next-crud-table-header-menu{align-items:center;display:flex;justify-content:space-between;padding-bottom:10px}.next-crud-table-content{flex:1 1}.next-crud-table-content .el-table{transition:all .3s}.next-crud-table-content .operations-btn.el-button span{margin-left:unset}.next-crud-table-content .el-table__header-wrapper .el-table__header thead tr th{background-color:var(--el-color-primary-light-8)}.next-crud-table-content .el-table__header-wrapper .el-table__header thead tr th .cell{align-items:center;display:flex;white-space:nowrap}.next-crud-table-content .el-table__header-wrapper .el-table__header thead tr th.is-center .cell{justify-content:center}.next-crud-table-content .el-table__body-wrapper .el-table__body tr.el-table__row td.el-table__cell em.cell-unit{color:#909399;font-size:12px;padding-left:2px}.next-crud-table-content .el-table__body-wrapper .el-table__body tr.hover-row td.el-table__cell{background-color:var(--el-color-primary-light-9)}.next-crud-table-content .el-scrollbar__bar.is-horizontal{height:8px}.next-crud-table-content .el-table-fixed-column--right .el-button+.el-button.is-text{margin-left:unset}.next-crud-table-content .el-empty{padding:unset}.next-crud-table-content .el-empty .el-empty__description{margin-top:unset}.next-crud-table-footer .el-pagination{display:flex;justify-content:center;padding:10px 0}.next-crud-table-setting-drawer .el-drawer__header{border-bottom:1px solid #dcdfe6;margin-bottom:0;padding-bottom:22px}.next-crud-table-setting-drawer .el-drawer__body{padding:0}.next-crud-table-setting-drawer__container{padding:10px 20px}
 .text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.next-crud-table-virtualized{height:100%;transition:all .3s;width:inherit}
 .next-spin-loading{position:relative}.next-spin-loading-mask{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);height:100%;inset-inline-start:0;left:0;position:absolute;top:0;transition:opacity .3s;width:100%;z-index:4}.next-spin-loading-mask-dot{animation:antRotate 1.2s linear infinite;inset-inline-start:50%;position:absolute;top:50%;transform:rotate(45deg)}.next-spin-loading-mask__text{color:var(--el-color-primary);font-size:14px;left:0;padding-top:15px;position:absolute;text-align:center;text-shadow:0 1px 2px #fff;top:50%;width:100%}.next-spin-loading-mask__dot-item{animation:antSpinMove 1s linear infinite alternate;background-color:var(--el-color-primary);border-radius:100%;display:block;height:12px;opacity:.3;position:absolute;transform:scale(.75);transform-origin:50% 50%;width:12px}.next-spin-loading-mask__dot-item:first-child{inset-inline-start:0;top:0}.next-spin-loading-mask__dot-item:nth-child(2){animation-delay:.4s;inset-inline-end:0;top:0}.next-spin-loading-mask__dot-item:nth-child(3){animation-delay:.8s;bottom:0;inset-inline-end:0}.next-spin-loading-mask__dot-item:nth-child(4){animation-delay:1.2s;bottom:0;inset-inline-start:0}@keyframes antRotate{to{transform:rotate(405deg)}}@keyframes antSpinMove{to{opacity:1}}

package/dist/index.js

@@ -2,14 +2,14 @@
 /**
  * 作　　者：huangteng
  * 邮　　箱：htengweb@163.com
- * 当前版本：0.3.8 v
- * 发布日期：2024-09-26
+ * 当前版本：0.4.0 v
+ * 发布日期：2024-11-13
  * 地　　址：https://www.npmjs.com/package/next-element-vue
  */
 
 import { getCurrentInstance, inject, ref, computed, unref, isRef, defineComponent, createVNode, Fragment, openBlock, createElementBlock, createElementVNode, reactive, createTextVNode, resolveComponent, Teleport, isVNode, onUnmounted, provide, watch, markRaw, watchEffect, h, onMounted, toRaw, render, nextTick, toRef } from "vue";
 
-import { localeContextKey as localeContextKey$1, ElMessage, ElTooltip, ElScrollbar, ElDivider, ElColorPicker, ElSwitch, ElDropdown, ElIcon, ElDropdownMenu, ElDropdownItem, ElDrawer, ElMenuItem, ElSubMenu, ElMenu, ElContainer, ElCol, ElFormItem, ElInput, ElSelect, ElOption, ElDatePicker, ElInputNumber, ElForm, ElRow, ElButton, ElTable, ElTableColumn, ElCheckbox, ElMessageBox, ElPagination, ElDialog, ElTag, ElRadioGroup, ElRadio, ElUpload, ElImageViewer, ElImage, ElTreeSelect, ElTimeSelect, ElCheckboxGroup, ElEmpty, ElPopover, ElPopconfirm } from "element-plus";
+import { localeContextKey as localeContextKey$1, ElMessage, ElTooltip, ElScrollbar, ElDivider, ElColorPicker, ElSwitch, ElDropdown, ElIcon, ElDropdownMenu, ElDropdownItem, ElDrawer, ElMenuItem, ElSubMenu, ElMenu, ElContainer, ElCol, ElFormItem, ElInput, ElSelect, ElOption, ElDatePicker, ElInputNumber, ElForm, ElRow, ElButton, ElTable, ElTableColumn, ElCheckbox, ElMessageBox, ElPagination, ElDialog, ElTag, ElRadioGroup, ElRadio, ElUpload, ElImageViewer, ElImage, ElTreeSelect, ElCascader, ElTimeSelect, ElCheckboxGroup, ElEmpty, ElPopover, ElPopconfirm } from "element-plus";
 
 import { useDateFormat, useNow, useFullscreen } from "@vueuse/core";
 
@@ -1977,15 +1977,18 @@ var Header$3 = defineComponent({
             return isHeaderBarColorGradual ? {
                 background: `linear-gradient(to bottom , ${color}, ${getLightColor$3(color, .5)})`
             } : "";
-        }));
-        return createVNode("header", {
+        })), __slots_header_tools = {};
+        return slots[slots_config_headerToolsPrefix] && (__slots_header_tools[slots_config_headerToolsPrefix] = () => slots[slots_config_headerToolsPrefix]()), 
+        slots[slots_config_headerToolsSuffix] && (__slots_header_tools[slots_config_headerToolsSuffix] = () => slots[slots_config_headerToolsSuffix]()), 
+        createVNode("header", {
             class: _ns.b("header"),
             style: headerStyle.value
         }, [ createVNode(LogoView, null, null), createVNode("div", {
             class: _ns.bf("header", "right")
-        }, [ createVNode(HeaderTools, null, {
-            default: () => [ slots[slots_config_headerToolsPrefix]?.(), slots[slots_config_headerToolsSuffix]?.() ]
-        }) ]) ]);
+        }, [ createVNode(HeaderTools, null, (s = __slots_header_tools, "function" == typeof s || "[object Object]" === Object.prototype.toString.call(s) && !isVNode(s) ? __slots_header_tools : {
+            default: () => [ __slots_header_tools ]
+        })) ]) ]);
+        var s;
     }
 });
 
@@ -2824,21 +2827,29 @@ var defaults = defineComponent({
     render() {
         const slots = this.$slots, _config = inject("options", {}), _emit = inject("__emit__", {});
         slots.menu;
+        const __slots_header_tools = {};
+        slots[slots_config_headerToolsPrefix] && (__slots_header_tools[slots_config_headerToolsPrefix] = () => slots[slots_config_headerToolsPrefix]()), 
+        slots[slots_config_headerToolsSuffix] && (__slots_header_tools[slots_config_headerToolsSuffix] = () => slots[slots_config_headerToolsSuffix]());
         const isTabs = ref(!!slots.tabs);
         return void 0 === slots.tabs && _config.showTabs && (isTabs.value = !0), createVNode(ElContainer, {
             class: ns$j.b()
         }, {
-            default: () => [ createVNode(Sidebar$2, null, null), createVNode("div", {
-                class: [ ns$j.b("content") ]
-            }, [ createVNode(Header$3, null, null), _config.showTabs ? slots.tabs ? slots.tabs?.() : createVNode(NextTabs, {
-                tabs: _config.tabs,
-                activeTab: _config.activeTab,
-                onChange: (...arg) => _emit("tabsChange", ...arg),
-                onSelect: (...arg) => _emit("tabsSelect", ...arg),
-                onClose: (...arg) => _emit("tabsClose", ...arg)
-            }, null) : null, createVNode("main", {
-                class: [ ns$j.bf("main"), ns$j.is("layout-tabs", isTabs.value) ]
-            }, [ slots.default?.() ]) ]) ]
+            default: () => {
+                return [ createVNode(Sidebar$2, null, null), createVNode("div", {
+                    class: [ ns$j.b("content") ]
+                }, [ createVNode(Header$3, null, (s = __slots_header_tools, "function" == typeof s || "[object Object]" === Object.prototype.toString.call(s) && !isVNode(s) ? __slots_header_tools : {
+                    default: () => [ __slots_header_tools ]
+                })), _config.showTabs ? slots.tabs ? slots.tabs?.() : createVNode(NextTabs, {
+                    tabs: _config.tabs,
+                    activeTab: _config.activeTab,
+                    onChange: (...arg) => _emit("tabsChange", ...arg),
+                    onSelect: (...arg) => _emit("tabsSelect", ...arg),
+                    onClose: (...arg) => _emit("tabsClose", ...arg)
+                }, null) : null, createVNode("main", {
+                    class: [ ns$j.bf("main"), ns$j.is("layout-tabs", isTabs.value) ]
+                }, [ slots.default?.() ]) ]) ];
+                var s;
+            }
         });
     }
 });
@@ -2852,21 +2863,26 @@ var Header$2 = defineComponent({
             return isHeaderBarColorGradual ? {
                 background: `linear-gradient(to bottom , ${color}, ${getLightColor$2(color, .5)})`
             } : "";
-        }));
-        return () => createVNode(Fragment, null, [ createVNode("header", {
-            class: _ns.b("header"),
-            style: headerStyle.value
-        }, [ createVNode(LogoView, null, null), createVNode("div", {
-            class: _ns.bf("header", "menu")
-        }, [ slots[slots_config_headerMenu] ? slots[slots_config_headerMenu]() : createVNode(NextMenu, {
-            menuTree: _config.menuTree,
-            router: _config.menuRouter,
-            mode: _config.menuMode
-        }, null) ]), createVNode("div", {
-            class: _ns.bf("header", "right")
-        }, [ createVNode(HeaderTools, null, {
-            default: () => [ slots[slots_config_headerToolsPrefix]?.(), slots[slots_config_headerToolsSuffix]?.() ]
-        }) ]) ]) ]);
+        })), __slots_header_tools = {};
+        slots[slots_config_headerToolsPrefix] && (__slots_header_tools[slots_config_headerToolsPrefix] = () => slots[slots_config_headerToolsPrefix]()), 
+        slots[slots_config_headerToolsSuffix] && (__slots_header_tools[slots_config_headerToolsSuffix] = () => slots[slots_config_headerToolsSuffix]());
+        return () => {
+            return createVNode(Fragment, null, [ createVNode("header", {
+                class: _ns.b("header"),
+                style: headerStyle.value
+            }, [ createVNode(LogoView, null, null), createVNode("div", {
+                class: _ns.bf("header", "menu")
+            }, [ slots[slots_config_headerMenu] ? slots[slots_config_headerMenu]() : createVNode(NextMenu, {
+                menuTree: _config.menuTree,
+                router: _config.menuRouter,
+                mode: _config.menuMode
+            }, null) ]), createVNode("div", {
+                class: _ns.bf("header", "right")
+            }, [ createVNode(HeaderTools, null, (s = __slots_header_tools, "function" == typeof s || "[object Object]" === Object.prototype.toString.call(s) && !isVNode(s) ? __slots_header_tools : {
+                default: () => [ __slots_header_tools ]
+            })) ]) ]) ]);
+            var s;
+        };
     }
 });
 
@@ -2906,17 +2922,22 @@ var Header$1 = defineComponent({
             return isHeaderBarColorGradual ? {
                 background: `linear-gradient(to bottom , ${color}, ${getLightColor$1(color, .5)})`
             } : "";
-        }));
-        return () => createVNode(Fragment, null, [ createVNode("header", {
-            class: _ns.b("header"),
-            style: headerStyle.value
-        }, [ createVNode(LogoView, null, null), createVNode("div", {
-            class: _ns.bf("header", "menu")
-        }, null), createVNode("div", {
-            class: _ns.bf("header", "right")
-        }, [ createVNode(HeaderTools, null, {
-            default: () => [ slots[slots_config_headerToolsPrefix]?.(), slots[slots_config_headerToolsSuffix]?.() ]
-        }) ]) ]) ]);
+        })), __slots_header_tools = {};
+        slots[slots_config_headerToolsPrefix] && (__slots_header_tools[slots_config_headerToolsPrefix] = () => slots[slots_config_headerToolsPrefix]()), 
+        slots[slots_config_headerToolsSuffix] && (__slots_header_tools[slots_config_headerToolsSuffix] = () => slots[slots_config_headerToolsSuffix]());
+        return () => {
+            return createVNode(Fragment, null, [ createVNode("header", {
+                class: _ns.b("header"),
+                style: headerStyle.value
+            }, [ createVNode(LogoView, null, null), createVNode("div", {
+                class: _ns.bf("header", "menu")
+            }, null), createVNode("div", {
+                class: _ns.bf("header", "right")
+            }, [ createVNode(HeaderTools, null, (s = __slots_header_tools, "function" == typeof s || "[object Object]" === Object.prototype.toString.call(s) && !isVNode(s) ? __slots_header_tools : {
+                default: () => [ __slots_header_tools ]
+            })) ]) ]) ]);
+            var s;
+        };
     }
 }), Sidebar$1 = defineComponent({
     setup: () => ({
@@ -2976,17 +2997,22 @@ var Header = defineComponent({
             return isHeaderBarColorGradual ? {
                 background: `linear-gradient(to bottom , ${color}, ${getLightColor(color, .5)})`
             } : "";
-        }));
-        return () => createVNode(Fragment, null, [ createVNode("header", {
-            class: _ns.b("header"),
-            style: headerStyle.value
-        }, [ createVNode(LogoView, null, null), createVNode("div", {
-            class: _ns.bf("header", "menu")
-        }, [ slots[slots_config_headerMenu]?.() ]), createVNode("div", {
-            class: _ns.bf("header", "right")
-        }, [ createVNode(HeaderTools, null, {
-            default: () => [ slots[slots_config_headerToolsPrefix]?.(), slots[slots_config_headerToolsSuffix]?.() ]
-        }) ]) ]) ]);
+        })), __slots_header_tools = {};
+        slots[slots_config_headerToolsPrefix] && (__slots_header_tools[slots_config_headerToolsPrefix] = () => slots[slots_config_headerToolsPrefix]()), 
+        slots[slots_config_headerToolsSuffix] && (__slots_header_tools[slots_config_headerToolsSuffix] = () => slots[slots_config_headerToolsSuffix]());
+        return () => {
+            return createVNode(Fragment, null, [ createVNode("header", {
+                class: _ns.b("header"),
+                style: headerStyle.value
+            }, [ createVNode(LogoView, null, null), createVNode("div", {
+                class: _ns.bf("header", "menu")
+            }, [ slots[slots_config_headerMenu]?.() ]), createVNode("div", {
+                class: _ns.bf("header", "right")
+            }, [ createVNode(HeaderTools, null, (s = __slots_header_tools, "function" == typeof s || "[object Object]" === Object.prototype.toString.call(s) && !isVNode(s) ? __slots_header_tools : {
+                default: () => [ __slots_header_tools ]
+            })) ]) ]) ]);
+            var s;
+        };
     }
 }), Sidebar = defineComponent({
     setup: () => ({
@@ -3015,8 +3041,14 @@ var classic = defineComponent({
     render() {
         const slots = this.$slots, _config = inject("options", {}), _emit = inject("__emit__", {});
         slots.menu;
+        const __slots_header_tools = {};
+        slots[slots_config_headerToolsPrefix] && (__slots_header_tools[slots_config_headerToolsPrefix] = () => slots[slots_config_headerToolsPrefix]()), 
+        slots[slots_config_headerToolsSuffix] && (__slots_header_tools[slots_config_headerToolsSuffix] = () => slots[slots_config_headerToolsSuffix]());
         const isTabs = ref(!!slots.tabs);
-        return void 0 === slots.tabs && _config.showTabs && (isTabs.value = !0), createVNode(Fragment, null, [ createVNode(Header, null, null), createVNode("div", {
+        return void 0 === slots.tabs && _config.showTabs && (isTabs.value = !0), createVNode(Fragment, null, [ createVNode(Header, null, (s = __slots_header_tools, 
+        "function" == typeof s || "[object Object]" === Object.prototype.toString.call(s) && !isVNode(s) ? __slots_header_tools : {
+            default: () => [ __slots_header_tools ]
+        })), createVNode("div", {
             class: [ ns$g.b("content"), ns$g.is("layout-tabs", isTabs.value) ]
         }, [ createVNode(Sidebar, null, null), createVNode("div", {
             class: ns$g.b("container")
@@ -3029,6 +3061,7 @@ var classic = defineComponent({
         }, null) : null, createVNode("main", {
             class: [ ns$g.b("main") ]
         }, [ slots.default?.() ]) ]) ]) ]);
+        var s;
     }
 });
 
@@ -3963,9 +3996,15 @@ const TableColumnDynamic = defineComponent({
         columnSlots.value.forEach((slotName => {
             column_slots[slotName] = (...arg) => slots[slotName] && slots[slotName](...arg);
         }));
-        const _options = inject("options", {}), options = isRef(_options) ? unref(_options) : _options, columnOption = props.columnOption, _dicKey = valueExist(columnOption.dicKey, "value"), _formatterColumnValue = (value, dicData) => {
+        const _options = inject("options", {}), options = isRef(_options) ? unref(_options) : _options, columnOption = props.columnOption, _dicKey = valueExist(columnOption.dicKey, "value"), _dicLabel = valueExist(columnOption.dicLabel, columnOption.treeSelectProps?.label, "label"), _separator = valueExist(columnOption.treeSelectProps?.separator, ","), _formatterColumnValue = (value, dicData) => {
+            if (Array.isArray(value)) {
+                const temp = [];
+                return value.forEach((val => {
+                    temp.push(_formatterColumnValue(val, dicData));
+                })), temp.join(_separator);
+            }
             const item = dicData.find((o => o[_dicKey] == value));
-            return item ? item.label : value;
+            return item ? item[_dicLabel] : value;
         }, renderCustomItem = (row, $index) => {
             if (columnOption.children?.length > 0) return createVNode(Fragment, null, [ columnOption.children.map((column => {
                 return createVNode(TableColumnDynamic, {
@@ -4161,6 +4200,14 @@ const ns$b = useNamespace("dialog");
 var NextDialog$1 = defineComponent({
     name: "NextDialog",
     props: {
+        className: {
+            type: String,
+            default: ""
+        },
+        style: {
+            type: Object,
+            default: () => ({})
+        },
         modelValue: {
             type: Boolean,
             default: !1
@@ -4226,7 +4273,8 @@ var NextDialog$1 = defineComponent({
         return () => createVNode(Fragment, null, [ createVNode(ElDialog, {
             modelValue: visible.value,
             "onUpdate:modelValue": $event => visible.value = $event,
-            class: ns$b.b(),
+            class: [ ns$b.b(), props.className ],
+            style: props.style,
             title: props.title,
             appendToBody: props.appendToBody,
             "destroy-on-close": !0,
@@ -4750,6 +4798,60 @@ var UploadImage = defineComponent({
             onClear: onClearValue
         }, null) ]);
     }
+}), NestTreeCascader = defineComponent({
+    name: "NextTreeCascader",
+    props: {
+        modelValue: {
+            type: [ Number, String, Boolean, Object, Array ],
+            default: ""
+        },
+        column: {
+            type: Object,
+            default: () => ({})
+        },
+        disabled: {
+            type: Boolean,
+            default: !1
+        },
+        formParams: {
+            type: Object,
+            default: () => ({})
+        }
+    },
+    emits: [ "change", "clear", "expand-change", "visible-change", "remove-tag", "blur", "focus" ],
+    setup(props, {emit: emit, expose: expose}) {
+        const {t: t} = useLocale(), _modelValue = ref(props.modelValue);
+        watch((() => props.modelValue), (val => {
+            _modelValue.value = val;
+        }));
+        const _column = props.column, placeholder = _column.placeholder || t("next.form.select") + _column.label, _defaultProps = {
+            label: "label",
+            children: "children"
+        }, onChange = val => {
+            const nodes = treeSelectRef.value.getCheckedNodes().map((item => item.data));
+            props.formParams[_column.prop] = val, _modelValue.value = val, emit("change", val, nodes);
+        }, treeSelectRef = ref(), getInstance = () => treeSelectRef.value;
+        _column.loadInstance && _column.loadInstance(getInstance()), expose({
+            getInstance: getInstance,
+            onClearValue: () => {
+                props.formParams[_column.prop] = "", _modelValue.value = "";
+            }
+        });
+        return () => createVNode(Fragment, null, [ createVNode(ElCascader, {
+            ref: treeSelectRef,
+            modelValue: _modelValue.value,
+            "onUpdate:modelValue": $event => _modelValue.value = $event,
+            placeholder: placeholder,
+            options: valueExist(_column.dicData, []),
+            props: valueExist(_column.treeSelectProps, _defaultProps),
+            disabled: valueExist(props.disabled, !1),
+            clearable: valueExist(_column.clearable, !0),
+            filterable: valueExist(_column.filterable, !1),
+            "collapse-tags": !0,
+            "collapse-tags-tooltip": !0,
+            onChange: onChange
+        }, null) ]);
+    }
 });
 
 function _isSlot$2(s) {
@@ -4868,9 +4970,9 @@ var Element$7 = defineComponent({
                 return createVNode(ElInput, {
                     modelValue: formParams[col.prop],
                     "onUpdate:modelValue": $event => formParams[col.prop] = $event,
-                    clearable: !0,
+                    clearable: valueExist(col.clearable, !0),
                     readonly: valueExist(col.readonly, !1),
-                    disabled: col.disabled,
+                    disabled: valueExist(col.disabled, !1),
                     placeholder: placeholder,
                     onChange: event => col.onChange?.(event, col, formParams, formColumns)
                 }, {
@@ -4886,7 +4988,7 @@ var Element$7 = defineComponent({
                     modelValue: formParams[col.prop],
                     "onUpdate:modelValue": $event => formParams[col.prop] = $event,
                     type: "password",
-                    clearable: !0,
+                    clearable: valueExist(col.clearable, !0),
                     "show-password": !0,
                     readonly: valueExist(col.readonly, !1),
                     disabled: col.disabled,
@@ -4904,7 +5006,7 @@ var Element$7 = defineComponent({
                 return createVNode(ElInput, {
                     modelValue: formParams[col.prop],
                     "onUpdate:modelValue": $event => formParams[col.prop] = $event,
-                    clearable: !0,
+                    clearable: valueExist(col.clearable, !0),
                     readonly: valueExist(col.readonly, !1),
                     disabled: col.disabled,
                     placeholder: placeholder,
@@ -4925,7 +5027,7 @@ var Element$7 = defineComponent({
                 return createVNode(ElInput, {
                     modelValue: formParams[col.prop],
                     "onUpdate:modelValue": $event => formParams[col.prop] = $event,
-                    clearable: !0,
+                    clearable: valueExist(col.clearable, !0),
                     readonly: valueExist(col.readonly, !1),
                     disabled: col.disabled,
                     placeholder: placeholder,
@@ -4949,7 +5051,7 @@ var Element$7 = defineComponent({
                     modelValue: formParams[col.prop],
                     "onUpdate:modelValue": $event => formParams[col.prop] = $event,
                     type: "textarea",
-                    clearable: !0,
+                    clearable: valueExist(col.clearable, !0),
                     readonly: valueExist(col.readonly, !1),
                     disabled: col.disabled,
                     placeholder: placeholder,
@@ -4967,8 +5069,9 @@ var Element$7 = defineComponent({
                     modelValue: formParams[col.prop],
                     "onUpdate:modelValue": $event => formParams[col.prop] = $event,
                     placeholder: placeholder,
-                    clearable: !0,
-                    disabled: col.disabled,
+                    clearable: valueExist(col.clearable, !0),
+                    disabled: valueExist(col.disabled, !1),
+                    readonly: valueExist(col.readonly, !1),
                     multiple: valueExist(col.multiple, !1),
                     "collapse-tags-tooltip": !0,
                     onChange: event => col.onChange?.(event, col, formParams, formColumns)
@@ -4989,8 +5092,10 @@ var Element$7 = defineComponent({
                     start: "00:00",
                     step: "00:30",
                     end: "23:59",
-                    editable: !1,
-                    disabled: col.disabled,
+                    clearable: valueExist(col.clearable, !0),
+                    editable: valueExist(col.editable, !1),
+                    disabled: valueExist(col.disabled, !1),
+                    readonly: valueExist(col.readonly, !1),
                     placeholder: placeholder,
                     onChange: event => col.onChange?.(event, col, formParams, formColumns)
                 }, {
@@ -5001,7 +5106,8 @@ var Element$7 = defineComponent({
             if ("radio" === col.type) return createVNode(ElRadioGroup, {
                 modelValue: formParams[col.prop],
                 "onUpdate:modelValue": $event => formParams[col.prop] = $event,
-                disabled: col.disabled,
+                disabled: valueExist(col.disabled, !1),
+                readonly: valueExist(col.readonly, !1),
                 onChange: event => col.onChange?.(event, col, formParams, formColumns)
             }, {
                 default: () => [ col.dicData && col.dicData.map((item => createVNode(ElRadio, {
@@ -5016,7 +5122,8 @@ var Element$7 = defineComponent({
             createVNode(ElCheckboxGroup, {
                 modelValue: formParams[col.prop],
                 "onUpdate:modelValue": $event => formParams[col.prop] = $event,
-                disabled: col.disabled,
+                disabled: valueExist(col.disabled, !1),
+                readonly: valueExist(col.readonly, !1),
                 onChange: event => col.onChange?.(event, col, formParams, formColumns)
             }, {
                 default: () => [ col.dicData && col.dicData.map((item => createVNode(ElCheckbox, {
@@ -5036,10 +5143,11 @@ var Element$7 = defineComponent({
                     type: "date",
                     valueFormat: col.format || "YYYY-MM-DD",
                     format: col.format || "YYYY-MM-DD",
-                    clearable: !0,
+                    clearable: valueExist(col.clearable, !0),
                     disabledDate: col.disabledDate || _defaultDisabledDate,
-                    disabled: col.disabled,
-                    editable: col.editable
+                    editable: valueExist(col.editable, !1),
+                    disabled: valueExist(col.disabled, !1),
+                    readonly: valueExist(col.readonly, !1)
                 }, null);
             }
             if ("datetime" === col.type) {
@@ -5051,10 +5159,11 @@ var Element$7 = defineComponent({
                     type: "datetime",
                     valueFormat: col.format || "YYYY-MM-DD HH:mm:ss",
                     format: col.format || "YYYY-MM-DD HH:mm:ss",
-                    clearable: !0,
+                    clearable: valueExist(col.clearable, !0),
                     disabledDate: col.disabledDate || _defaultDisabledDate,
-                    disabled: col.disabled,
-                    editable: col.editable
+                    editable: valueExist(col.editable, !1),
+                    disabled: valueExist(col.disabled, !1),
+                    readonly: valueExist(col.readonly, !1)
                 }, null);
             }
             if ("datetimerange" === col.type) {
@@ -5066,13 +5175,14 @@ var Element$7 = defineComponent({
                     type: "datetimerange",
                     valueFormat: col.format || "YYYY-MM-DD HH:mm:ss",
                     format: col.format || "YYYY-MM-DD HH:mm:ss",
-                    clearable: !0,
                     "range-separator": t("next.date.rangeSeparator"),
                     "start-placeholder": t("next.date.startPlaceholder"),
                     "end-placeholder": t("next.date.endPlaceholder"),
                     disabledDate: col.disabledDate || _defaultDisabledDate,
-                    disabled: col.disabled,
-                    editable: col.editable,
+                    clearable: valueExist(col.clearable, !0),
+                    editable: valueExist(col.editable, !1),
+                    disabled: valueExist(col.disabled, !1),
+                    readonly: valueExist(col.readonly, !1),
                     shortcuts: col.shortcuts || _defaultShortcuts
                 }, null);
             }
@@ -5090,7 +5200,7 @@ var Element$7 = defineComponent({
                 "onUpdate:modelValue": $event => formParams[col.prop] = $event,
                 formParams: formParams,
                 column: col,
-                disabled: col.disabled,
+                disabled: valueExist(col.disabled, !1),
                 onSelect: rows => ((rows, col) => {
                     rows && (col.tableSelectRows = rows);
                     const {value: value} = col.tableSelectProps || {};
@@ -5099,17 +5209,25 @@ var Element$7 = defineComponent({
             }, null) : "uploadImage" === col.type ? createVNode(UploadImage, {
                 modelValue: formParams[col.prop],
                 "onUpdate:modelValue": $event => formParams[col.prop] = $event,
-                disabled: col.disabled,
-                multiple: col.multiple,
+                disabled: valueExist(col.disabled, !1),
+                multiple: valueExist(col.multiple, !1),
                 limit: col.limit,
                 onChange: (...arg) => col.onChange?.(...arg, col, formParams, formColumns),
                 onExceed: (...arg) => col.onExceed?.(...arg, col, formParams, formColumns)
             }, null) : "treeSelect" === col.type ? createVNode(treeSelect, {
                 modelValue: formParams[col.prop],
                 "onUpdate:modelValue": $event => formParams[col.prop] = $event,
-                disabled: col.disabled,
+                disabled: valueExist(col.disabled, !1),
                 column: col,
-                formParams: formParams
+                formParams: formParams,
+                onChange: (...arg) => col.onChange?.(...arg, col, formParams, formColumns)
+            }, null) : "cascader" === col.type ? createVNode(NestTreeCascader, {
+                modelValue: formParams[col.prop],
+                "onUpdate:modelValue": $event => formParams[col.prop] = $event,
+                disabled: valueExist(col.disabled, !1),
+                column: col,
+                formParams: formParams,
+                onChange: (...arg) => col.onChange?.(...arg, col, formParams, formColumns)
             }, null) : void 0;
         };
         expose({
@@ -5284,7 +5402,7 @@ var Element$6 = defineComponent({
                         append: valueExist(col.formAppend, col.append, null),
                         hide: valueExist(col.formHide, col.hide, !1),
                         disabled: valueExist(col.formDisabled, col.disabled, !1),
-                        clearable: valueExist(col.formClearable, col.clearable, !1),
+                        clearable: valueExist(col.formClearable, col.clearable, !0),
                         readonly: valueExist(col.formReadonly, col.readonly, !1),
                         tip: valueExist(col.formTip, col.tip, null),
                         rules: valueExist(col.formRules, col.rules, null),
@@ -7378,6 +7496,10 @@ class EditPolygonPath {
     onEditPolygon(callback) {
         this.editPolygonObserver = callback;
     }
+    getTransformPoint(x, y) {
+        const transformMatrix = this.ctx.getTransform(), scaleX = parseFloat(transformMatrix.a.toFixed(1)), scaleY = parseFloat(transformMatrix.d.toFixed(1)), translateX = Math.ceil(transformMatrix.e), translateY = Math.ceil(transformMatrix.f);
+        return [ Math.floor((x - translateX) / scaleX), Math.floor((y - translateY) / scaleY) ];
+    }
     drawPolygonPath(vertexes, mouseX, mouseY) {
         const ctx = this.ctx;
         if (!vertexes.length) return;
@@ -7409,11 +7531,11 @@ class EditPolygonPath {
         this.drawPolygonEdgeCentre(vertexes));
     }
     pointInVertexes(x, y) {
-        const vertexes = this.vertexes;
+        const [_x, _y] = this.getTransformPoint(x, y), vertexes = this.vertexes;
         let aimIndex = null;
         for (let i = 0; i < vertexes.length; i++) {
             const [vertex_x, vertex_y] = vertexes[i];
-            if (isPointInCircle(x, y, vertex_x, vertex_y, this.vertexRadius)) {
+            if (isPointInCircle(_x, _y, vertex_x, vertex_y, this.vertexRadius)) {
                 this.canvas.style.cursor = "pointer", aimIndex = i;
                 break;
             }
@@ -7422,11 +7544,11 @@ class EditPolygonPath {
         return aimIndex;
     }
     pointInEdgeCentre(x, y) {
-        const vertexes = this.vertexes;
+        const [_x, _y] = this.getTransformPoint(x, y), vertexes = this.vertexes;
         let aimIndex = null;
         for (let i = 0; i < vertexes.length; i++) {
             const start = vertexes[i % vertexes.length], end = vertexes[(i + 1) % vertexes.length], vertex_x = start[0] + (end[0] - start[0]) / 2, vertex_y = start[1] + (end[1] - start[1]) / 2;
-            if (isPointInCircle(x, y, vertex_x, vertex_y, this.edgeCentreRadius)) {
+            if (isPointInCircle(_x, _y, vertex_x, vertex_y, this.edgeCentreRadius)) {
                 this.canvas.style.cursor = "pointer", aimIndex = i;
                 break;
             }
@@ -7435,9 +7557,9 @@ class EditPolygonPath {
         return aimIndex;
     }
     pointInVertexesOrEdgeCentre(x, y) {
-        const vertexes = this.vertexes;
+        const [_x, _y] = this.getTransformPoint(x, y), vertexes = this.vertexes;
         for (let i = 0; i < vertexes.length; i++) {
-            const [vertex_x, vertex_y] = vertexes[i], isInVertex = isPointInCircle(x, y, vertex_x, vertex_y, this.vertexRadius), start = vertexes[i % vertexes.length], end = vertexes[(i + 1) % vertexes.length], edge_center_x = start[0] + (end[0] - start[0]) / 2, edge_center_y = start[1] + (end[1] - start[1]) / 2, isInEdgeCenter = isPointInCircle(x, y, edge_center_x, edge_center_y, this.edgeCentreRadius);
+            const [vertex_x, vertex_y] = vertexes[i], isInVertex = isPointInCircle(_x, _y, vertex_x, vertex_y, this.vertexRadius), start = vertexes[i % vertexes.length], end = vertexes[(i + 1) % vertexes.length], edge_center_x = start[0] + (end[0] - start[0]) / 2, edge_center_y = start[1] + (end[1] - start[1]) / 2, isInEdgeCenter = isPointInCircle(_x, _y, edge_center_x, edge_center_y, this.edgeCentreRadius);
             if (isInVertex || isInEdgeCenter) {
                 this.canvas.style.cursor = "pointer";
                 break;
@@ -7578,7 +7700,7 @@ class CreateDrawCanvas {
         this.ctx.clearRect(0, 0, this.canvasWidth, this.canvasHeight), this.ctx.drawImage(this.image, 0, 0, this.canvasWidth, this.canvasHeight), 
         this.ctx.save();
         const shapes = this.labels.shapes;
-        this.drawPolygons(shapes), this.ctx.restore();
+        shapes?.length && this.drawPolygons(shapes), this.ctx.restore();
     };
     render=() => {
         this.canvas.width = this.canvasWidth, this.scaleOffset.value && (this.ctx.translate(this.scaleOffset.value.x, this.scaleOffset.value.y), 
@@ -8147,7 +8269,7 @@ const zoomDialog = app => {
             }));
         }
     });
-}, version = "0.3.8", install = function(app) {
+}, version = "0.4.0", install = function(app) {
     Object.keys(components).forEach((key => {
         const component = components[key];
         app.component(component.name, component);
@@ -8157,7 +8279,7 @@ const zoomDialog = app => {
 };
 
 var index = {
-    version: "0.3.8",
+    version: "0.4.0",
     install: install
 };