next-element-vue 0.4.3 → 0.4.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.css CHANGED
@@ -4,8 +4,8 @@
4
4
  .next-layout .next-layout-header-logo__title,.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root{--next-layout-header-height:64px;--next-layout-nav-height:45px;--next-layout-sidebar-width:240px}.next-layout-transverse-header{align-items:center;background-color:var(--next-layout-bg-color);color:var(--next-layout-font-color);display:flex;height:var(--next-layout-header-height,64px);justify-content:space-between;width:100%}.next-layout-transverse-header .next-layout-transverse-header-menu{flex:1 1 auto;height:100%;overflow:hidden}.next-layout-transverse-header .next-layout-transverse-header-right{flex-grow:0;flex-shrink:0;height:100%;padding-left:30px}.next-layout-transverse-main{height:calc(100% - var(--next-layout-header-height, 64px));width:100%}.next-layout-columns{display:flex;height:100%;justify-content:space-between;width:100%}.next-layout-columns .next-layout-columns-sidebar{flex-grow:0;flex-shrink:0;height:100%;width:var(--next-layout-sidebar-width,240px)}.next-layout-columns .next-layout-columns-content{flex:1 1 auto;height:100%;width:calc(100% - var(--next-layout-sidebar-width, 240px))}.next-layout-columns .next-layout-columns-header{align-items:center;background-color:var(--next-layout-bg-color);color:var(--next-layout-font-color);display:flex;height:var(--next-layout-header-height,64px);justify-content:space-between;width:100%}.next-layout-columns .next-layout-columns-header .next-layout-columns-header-menu{flex:1 1 auto;height:100%;overflow:hidden}.next-layout-columns .next-layout-columns-main{height:calc(100% - var(--next-layout-header-height, 64px));width:100%}.next-layout-classic-header{align-items:center;background-color:var(--next-layout-bg-color);color:var(--next-layout-font-color);display:flex;height:var(--next-layout-header-height,64px);justify-content:space-between;width:100%}.next-layout-classic-header .next-layout-classic-header-menu{flex:1 1 auto;height:100%;overflow:hidden}.next-layout-classic-content{display:flex;height:100%;height:calc(100% - var(--next-layout-header-height, 64px));justify-content:space-between;width:100%}.next-layout-classic-content .next-layout-classic-container{flex:1 1 auto;height:100%;width:calc(100% - var(--next-layout-sidebar-width, 240px))}.next-layout-classic-content .next-layout-classic-container .next-layout-classic-main{height:100%;width:100%}.next-layout-classic-content .next-layout-classic-sidebar{box-shadow:0 2px 6px rgba(0,0,0,.06);flex-grow:0;flex-shrink:0;height:100%;width:var(--next-layout-sidebar-width,240px)}.next-layout-classic-content .next-layout-classic-sidebar>.el-scrollbar .el-scrollbar__view{box-sizing:border-box;height:100%;padding:0 10px}.next-layout-classic-content.is-layout-tabs{height:calc(100% - var(--next-layout-header-height, 64px))!important}.next-layout-classic-content.is-layout-tabs .next-layout-classic-container .next-layout-classic-main{height:calc(100% - var(--next-layout-nav-height, 45px));width:100%}.next-layout-defaults{--next-layout-sidebar-width:300px;--next-layout-font-color:var(--el-text-color-primary);background-color:#f5f5f5;display:flex;height:100%;justify-content:space-between;width:100%}.next-layout-defaults .next-layout-defaults-sidebar{box-sizing:border-box;flex-grow:0;flex-shrink:0;height:100%;padding:16px 0 16px 16px;position:relative;width:var(--next-layout-sidebar-width,240px)}.next-layout-defaults .next-layout-defaults-sidebar>.el-scrollbar{background-color:var(--el-bg-color);border-radius:6px}.next-layout-defaults .next-layout-defaults-sidebar>.el-scrollbar .el-scrollbar__view{box-shadow:var(--el-box-shadow-light);height:100%}.next-layout-defaults .next-layout-defaults-header{align-items:center;border-radius:6px 6px 0 0;display:flex;height:var(--next-layout-header-height,64px);justify-content:space-between}.next-layout-defaults .next-layout-defaults-header,.next-layout-defaults .next-tabs{background-color:var(--el-bg-color);color:var(--el-text-color-primary);margin:0 16px;width:calc(100% - 32px)}.next-layout-defaults .next-tabs{border-radius:0 0 6px 6px}.next-layout-defaults .next-layout-defaults-content{flex:1 1 auto;height:calc(100% - 16px);margin-top:16px;width:calc(100% - var(--next-layout-sidebar-width, 240px))}.next-layout-defaults .next-layout-defaults-main{height:calc(100% - var(--next-layout-header-height, 64px));width:100%}.next-layout-composite-header{align-items:center;background-color:var(--next-layout-bg-color);color:var(--next-layout-font-color);display:flex;height:var(--next-layout-header-height,64px);justify-content:space-between;width:100%}.next-layout-composite-header .next-layout-composite-header-menu{flex:1 1 auto;height:100%;overflow:hidden}.next-layout-composite-content{display:flex;height:100%;height:calc(100% - var(--next-layout-header-height, 64px));justify-content:space-between;width:100%}.next-layout-composite-content .next-layout-composite-container{flex:1 1 auto;height:100%;width:calc(100% - var(--next-layout-sidebar-width, 240px))}.next-layout-composite-content .next-layout-composite-container .next-layout-composite-main{height:100%;width:100%}.next-layout-composite-content .next-layout-composite-sidebar{box-shadow:0 2px 6px rgba(0,0,0,.06);flex-grow:0;flex-shrink:0;height:100%;width:var(--next-layout-sidebar-width,240px)}.next-layout-composite-content .next-layout-composite-sidebar>.el-scrollbar .el-scrollbar__view{box-sizing:border-box;height:100%;padding:0 10px}.next-layout-composite-content.is-layout-tabs{height:calc(100% - var(--next-layout-header-height, 64px))!important}.next-layout-composite-content.is-layout-tabs .next-layout-composite-container .next-layout-composite-main{height:calc(100% - var(--next-layout-nav-height, 45px));width:100%}.next-layout{height:100%;width:100%}.next-layout .next-layout-header-logo{align-items:center;display:flex;padding:0 20px 0 10px}.next-layout .next-layout-header-logo__img{height:calc(var(--next-layout-header-height, 64px) - 16px)}.next-layout .next-layout-header-logo__title{max-width:300px}.next-layout .is-layout-tabs{height:calc(100% - var(--next-layout-header-height, 64px) - var(--next-layout-nav-height, 45px))}.next-layout .next-layout-header-tools{align-items:center;display:flex;height:100%;padding-right:10px}.next-layout .next-layout-header-tools>li{align-items:center;display:flex;height:inherit;padding:0 10px}.next-layout .next-layout-header-tools>li .el-icon{color:var(--next-layout-font-color);cursor:pointer;transition:all .3s}.next-layout .next-layout-header-tools>li .el-icon:hover{transform:scale(1.1)}.next-layout .next-layout-header-tools>li .el-icon .icon{fill:var(--next-layout-font-color)}.next-layout .next-layout-header-tools__user{align-items:center;color:var(--next-layout-font-color);cursor:pointer;display:flex;padding:0 10px;white-space:nowrap}.next-layout .next-layout-header-tools__user .user-photo{background-color:var(--el-fill-color-darker);border-radius:100%;height:32px;margin-right:6px;width:32px}.next-layout :focus{outline:0!important}.next-layout-header-tools__userDropdown .el-dropdown-menu .el-dropdown-menu__item .item-svg{align-items:center;display:flex;padding-right:5px}.next-layout-header-tools__userDropdown .el-dropdown-menu .el-dropdown-menu__item .item-svg .icon{fill:var(--el-text-color-regular)}.next-layout-header-tools__userDropdown .el-dropdown-menu .el-dropdown-menu__item:hover .icon{fill:var(--el-color-primary)}.next-layout-drawer__setting>.el-drawer__header{border-bottom:1px solid #dcdfe6;margin-bottom:unset;padding-bottom:15px}.next-layout-drawer__setting>.el-drawer__body{padding:0}.next-layout-drawer__setting>.el-drawer__body .el-scrollbar{padding:15px 20px}.next-layout-drawer__setting .next-layout-config-bar-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px}.next-layout-drawer__setting .next-layout-config-bar-item__label{color:var(--el-text-color-primary);flex:1;font-size:14px}.next-layout-drawer__setting .next-layout-config-bar-item__value{text-align:right}.next-layout-drawer__setting .next-layout-config-bar-layout{align-items:center;display:flex;flex-wrap:wrap}.next-layout-drawer__setting .next-layout-config-bar-layout>li{background-color:#e9eef3;border:1px solid transparent;border-radius:5px;box-shadow:0 1px 3px 0 rgba(0,0,0,.2);box-sizing:border-box;cursor:pointer;height:80px;margin:5px 10px;overflow:hidden;position:relative;transition:all .3s ease-in-out;width:calc(50% - 20px)}.next-layout-drawer__setting .next-layout-config-bar-layout>li:hover{transform:scale(1.01) translateY(-3px)}.next-layout-drawer__setting .next-layout-config-bar-layout>li:hover .tip-wrap{opacity:.9}.next-layout-drawer__setting .next-layout-config-bar-layout>li>.layout-wrap{border:1px solid #9fceff;border-radius:50%;bottom:50%;opacity:.6;padding:4px;position:absolute;right:50%;transform:translateX(50%) translateY(50%)}.next-layout-drawer__setting .next-layout-config-bar-layout>li>.layout-wrap .layout-box{border:1px solid #9fceff;border-radius:50%;height:30px;width:30px}.next-layout-drawer__setting .next-layout-config-bar-layout>li>.layout-wrap .layout-box .layout-text{background-color:#e9eef3;color:#9fceff;font-size:12px;height:17px;letter-spacing:2px;line-height:17px;position:relative;text-align:center;top:5px;transform:rotate(30deg);white-space:nowrap;width:32px}.next-layout-drawer__setting .next-layout-config-bar-layout__transverse:before{background-color:#273352;content:"";height:10px;left:0;position:absolute;right:0;top:0;z-index:11}.next-layout-drawer__setting .next-layout-config-bar-layout__columns:before{background-color:rgba(39,51,82,.1);content:"";height:10px;left:25px;position:absolute;right:0;top:0;z-index:11}.next-layout-drawer__setting .next-layout-config-bar-layout__columns:after{background-color:#273352;bottom:0;content:"";left:0;position:absolute;top:0;width:10px}.next-layout-drawer__setting .next-layout-config-bar-layout__columns aside{background-color:rgba(39,51,82,.3);bottom:0;left:10px;position:absolute;top:0;width:15px}.next-layout-drawer__setting .next-layout-config-bar-layout__classic:before{background-color:rgba(39,51,82,.3);content:"";height:10px;left:0;position:absolute;right:0;top:0;z-index:11}.next-layout-drawer__setting .next-layout-config-bar-layout__classic:after{background-color:rgba(39,51,82,.8);bottom:0;content:"";left:0;position:absolute;top:10px;width:20px}.next-layout-drawer__setting .next-layout-config-bar-layout__defaults:before{background-color:rgba(39,51,82,.1);content:"";height:10px;left:20px;position:absolute;right:0;top:0;z-index:11}.next-layout-drawer__setting .next-layout-config-bar-layout__defaults:after{background-color:rgba(39,51,82,.8);bottom:0;content:"";left:0;position:absolute;top:0;width:20px}.next-layout-drawer__setting .next-layout-config-bar-layout__composite:before{background-color:#273352;content:"";height:10px;left:0;position:absolute;right:0;top:0;z-index:11}.next-layout-drawer__setting .next-layout-config-bar-layout__composite:after{background-color:rgba(39,51,82,.6);bottom:0;content:"";left:0;position:absolute;top:10px;width:20px}.next-layout-drawer__setting .next-layout-config-bar-layout>li.is-active{border-color:var(--el-color-primary);opacity:1}.next-layout-drawer__setting .next-layout-config-bar-layout>li.is-active:hover{opacity:1;transition:none}
5
5
  .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)}
6
6
  .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}
7
- .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}
8
- .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)}
7
+ .next-dialog{border-radius:6px;padding:unset}.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-nofill .el-dialog__body{padding:0}.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}
8
+ .next-form__input-table .el-input__wrapper,.next-form__input-table .next-form__input-table--placeholder,.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__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{height:calc(var(--el-input-height, 32px))}.next-form__input-table .el-input__wrapper{border-bottom-right-radius:0;border-top-right-radius:0;justify-content:flex-start}.next-form__input-table .el-input__wrapper:hover{box-shadow:0 0 0 1px var(--el-input-focus-border-color) inset}.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__input-table .next-form__input-table--value>.el-tag{margin-right:6px}.next-form__input-table .next-form__input-table--value>.el-tag:last-child{margin-right:unset}.next-form__input-table .next-form__input-table--placeholder{color:var(--el-text-color-placeholder)}.next-form__input-table .next-form__input-table--append{border-bottom-left-radius:0;border-top-left-radius:0}.next-form__input-table.is-disabled,.next-form__input-table.is-disabled .el-input__wrapper{cursor:not-allowed}.next-form__input-table.is-disabled .el-input__wrapper:hover{box-shadow:none}.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)}
9
9
  .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-cascader,.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-cascader .el-range-separator,.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}
10
10
  .text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.next-crud-table-virtualized{height:100%;transition:all .3s;width:inherit}
11
11
  .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 CHANGED
@@ -2,14 +2,14 @@
2
2
  /**
3
3
  * 作  者:huangteng
4
4
  * 邮  箱:htengweb@163.com
5
- * 当前版本:0.4.3 v
6
- * 发布日期:2024-11-20
5
+ * 当前版本:0.4.6 v
6
+ * 发布日期:2024-12-02
7
7
  * 地  址:https://www.npmjs.com/package/next-element-vue
8
8
  */
9
9
 
10
10
  import { getCurrentInstance, inject, ref, computed, unref, isRef, defineComponent, createVNode, Fragment, openBlock, createElementBlock, createElementVNode, reactive, createTextVNode, resolveComponent, Teleport, isVNode, onUnmounted, provide, watch, nextTick, markRaw, watchEffect, h, onMounted, toRaw, render, toRef } from "vue";
11
11
 
12
- 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";
12
+ 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, ElCheckboxGroup, ElRadioGroup, ElRadio, ElUpload, ElImageViewer, ElImage, ElTreeSelect, ElCascader, ElTimeSelect, ElEmpty, ElPopover, ElPopconfirm } from "element-plus";
13
13
 
14
14
  import { useDateFormat, useNow, useFullscreen } from "@vueuse/core";
15
15
 
@@ -4419,6 +4419,10 @@ var NextDialog$1 = defineComponent({
4419
4419
  top: {
4420
4420
  type: String,
4421
4421
  default: "15vh"
4422
+ },
4423
+ nofill: {
4424
+ type: Boolean,
4425
+ default: !1
4422
4426
  }
4423
4427
  },
4424
4428
  emits: [ "close" ],
@@ -4433,7 +4437,7 @@ var NextDialog$1 = defineComponent({
4433
4437
  return () => createVNode(Fragment, null, [ createVNode(ElDialog, {
4434
4438
  modelValue: visible.value,
4435
4439
  "onUpdate:modelValue": $event => visible.value = $event,
4436
- class: [ ns$b.b(), props.className ],
4440
+ class: [ ns$b.b(), props.className, props.nofill && ns$b.b("nofill") ],
4437
4441
  style: props.style,
4438
4442
  title: props.title,
4439
4443
  appendToBody: props.appendToBody,
@@ -4575,7 +4579,7 @@ function _isSlot$3(s) {
4575
4579
  }
4576
4580
 
4577
4581
  const ns$9 = useNamespace("form"), InputTableSelect = defineComponent({
4578
- name: "InputTableSelect",
4582
+ name: "NextInputTableSelect",
4579
4583
  props: {
4580
4584
  modelValue: {
4581
4585
  type: [ Array, String, Number, Boolean, Object ],
@@ -4591,6 +4595,10 @@ const ns$9 = useNamespace("form"), InputTableSelect = defineComponent({
4591
4595
  type: Boolean,
4592
4596
  default: !1
4593
4597
  },
4598
+ closable: {
4599
+ type: Boolean,
4600
+ default: !1
4601
+ },
4594
4602
  formParams: {
4595
4603
  type: Object,
4596
4604
  default: () => ({})
@@ -4602,7 +4610,10 @@ const ns$9 = useNamespace("form"), InputTableSelect = defineComponent({
4602
4610
  },
4603
4611
  emits: [ "select" ],
4604
4612
  setup(props, {emit: emit}) {
4605
- const {t: t} = useLocale(), _disabled = props.disabled, _column = props.column, _placeholder = _column.placeholder || t("next.form.select") + _column.label, _tableDefaultConfig = deepClone(defaultConfig$4), _tableSelectConfig = deepClone(tableSelectConfig), _options = merge$1(_tableDefaultConfig, _tableSelectConfig, _column.tableSelect), tableSelectDialog = reactive({
4613
+ const {t: t} = useLocale(), _disabled = props.disabled, _closable = props.closable, _column = props.column, _placeholder = _column.placeholder || t("next.form.select") + _column.label, _tableDefaultConfig = deepClone(defaultConfig$4), _tableSelectConfig = deepClone(tableSelectConfig), _options = merge$1(_tableDefaultConfig, _tableSelectConfig, _column.tableSelect), {value: propsValue, label: propsLabel} = _column.tableSelectProps || {
4614
+ value: "id",
4615
+ label: "name"
4616
+ }, tableSelectDialog = reactive({
4606
4617
  visible: !1,
4607
4618
  title: _column.label + t("next.form.tableSelect"),
4608
4619
  dialogWidth: _options.dialogWidth
@@ -4623,15 +4634,13 @@ const ns$9 = useNamespace("form"), InputTableSelect = defineComponent({
4623
4634
  tableReactive.data = res.data || [], tableReactive.page.total = res.total || 0,
4624
4635
  tableReactive.loading = !1;
4625
4636
  }));
4626
- }, multipleSelection = ref([]);
4637
+ }, multipleSelection = ref([]), sinleSelection = ref("");
4627
4638
  _column.tableSelectDefaultValue?.(props.formParams, _column, (rows => {
4628
- rows?.length && (_column.tableSelectRows = rows, multipleSelection.value = rows);
4639
+ rows?.length && (_column.tableSelectRows = rows, multipleSelection.value = rows,
4640
+ sinleSelection.value = rows[0][propsValue]);
4629
4641
  }));
4630
- const sinleSelection = ref(""), _disabledSelect = computed((() => "radio" === _options.selectType ? !sinleSelection.value : 0 === multipleSelection.value.length)), isSelected = row => multipleSelection.value.includes(row), onResetTableSelect = () => {
4642
+ const _disabledSelect = computed((() => "radio" === _options.selectType ? !sinleSelection.value : 0 === multipleSelection.value.length)), onResetTableSelect = () => {
4631
4643
  multipleSelection.value = [], sinleSelection.value = "";
4632
- }, {value: propsValue, label: propsLabel} = _column.tableSelectProps || {
4633
- value: "id",
4634
- label: "name"
4635
4644
  }, onConfirmSelect = () => {
4636
4645
  const rows = toRaw(multipleSelection.value), _rows = arrayObjNoRepeat(rows, propsValue);
4637
4646
  onCloseTableDialog(), emit("select", _rows);
@@ -4640,10 +4649,10 @@ const ns$9 = useNamespace("form"), InputTableSelect = defineComponent({
4640
4649
  }, renderSelectTypeContent = (row, index) => {
4641
4650
  const rowKey = _options.rowKey, value = valueExist(row[rowKey], index);
4642
4651
  return "checkbox" === _options.selectType ? createVNode(ElCheckbox, {
4643
- modelValue: isSelected(toRaw(row)),
4652
+ value: value,
4644
4653
  onChange: event => ((event, row) => {
4645
4654
  if (event) multipleSelection.value.push(row); else {
4646
- const index = multipleSelection.value.indexOf(row);
4655
+ const index = multipleSelection.value.findIndex((o => o[propsValue] === row[propsValue]));
4647
4656
  -1 !== index && multipleSelection.value.splice(index, 1);
4648
4657
  }
4649
4658
  })(event, toRaw(row))
@@ -4655,8 +4664,8 @@ const ns$9 = useNamespace("form"), InputTableSelect = defineComponent({
4655
4664
  }, null);
4656
4665
  }, tags = ref([]), tagsMore = ref([]), _updateTags = () => {
4657
4666
  const rows = arrayObjNoRepeat(multipleSelection.value, propsValue).map((row => ({
4658
- value: row[propsValue || "value"],
4659
- label: row[propsLabel || "label"]
4667
+ value: row[propsValue],
4668
+ label: row[propsLabel]
4660
4669
  })));
4661
4670
  rows.length > 1 ? (tags.value = rows.splice(0, 1), tagsMore.value = rows) : (tags.value = rows,
4662
4671
  tagsMore.value = []);
@@ -4667,6 +4676,20 @@ const ns$9 = useNamespace("form"), InputTableSelect = defineComponent({
4667
4676
  deep: !0,
4668
4677
  immediate: !0
4669
4678
  });
4679
+ const _multipleSelection = ref([]);
4680
+ watch((() => [ props.formParams[_column.prop], multipleSelection.value ]), (() => {
4681
+ _multipleSelection.value = multipleSelection.value.map((o => o[propsValue])), _updateTags();
4682
+ }), {
4683
+ deep: !0,
4684
+ immediate: !0
4685
+ });
4686
+ const _sinleSelection = ref(null);
4687
+ watch((() => [ props.formParams[_column.prop], sinleSelection.value ]), (() => {
4688
+ _sinleSelection.value = sinleSelection.value, _updateTags();
4689
+ }), {
4690
+ deep: !0,
4691
+ immediate: !0
4692
+ });
4670
4693
  const _onCloseTag = (tag, i) => {
4671
4694
  const rows = toRaw(multipleSelection.value);
4672
4695
  rows.splice(i, 1), multipleSelection.value = rows, _updateTags(), emit("select", rows);
@@ -4679,7 +4702,7 @@ const ns$9 = useNamespace("form"), InputTableSelect = defineComponent({
4679
4702
  }, [ tags?.value.length ? createVNode("span", {
4680
4703
  class: ns$9.em("input-table", "value")
4681
4704
  }, [ tags.value.map(((tag, index) => createVNode(ElTag, {
4682
- closable: !_disabled,
4705
+ closable: !_closable,
4683
4706
  onClose: () => _onCloseTag(0, index)
4684
4707
  }, {
4685
4708
  default: () => [ tag.label ]
@@ -4692,7 +4715,7 @@ const ns$9 = useNamespace("form"), InputTableSelect = defineComponent({
4692
4715
  default: () => [ createTextVNode("+ "), tagsMore.value.length ]
4693
4716
  }),
4694
4717
  content: () => tagsMore.value.map(((tag, index) => createVNode(ElTag, {
4695
- closable: !_disabled,
4718
+ closable: !_closable,
4696
4719
  onClose: () => _onCloseTag(0, index + 1)
4697
4720
  }, {
4698
4721
  default: () => [ tag.label ]
@@ -4711,13 +4734,35 @@ const ns$9 = useNamespace("form"), InputTableSelect = defineComponent({
4711
4734
  title: tableSelectDialog.title,
4712
4735
  closeOnClickModal: _options.closeOnClickModal,
4713
4736
  width: _options.dialogWidth,
4737
+ appendToBody: valueExist(_options.dialogAppendToBody, !0),
4714
4738
  modal: !1,
4715
4739
  onClose: onCloseTableDialog
4716
4740
  }, {
4717
4741
  default: () => [ createVNode("div", {
4718
4742
  class: ns$9.em("input-table", "content")
4719
- }, [ createVNode(ElRadioGroup, {
4720
- modelValue: sinleSelection.value
4743
+ }, [ "checkbox" === _options.selectType ? createVNode(ElCheckboxGroup, {
4744
+ modelValue: _multipleSelection.value
4745
+ }, {
4746
+ default: () => [ createVNode(NextCrudTable, {
4747
+ options: _options,
4748
+ loading: tableReactive.loading,
4749
+ data: tableReactive.data,
4750
+ page: tableReactive.page,
4751
+ "onConfirm-search": onConfirmSearch,
4752
+ "onClick-add-edit": onClickAddEdit
4753
+ }, {
4754
+ default: () => [ createVNode(ElTableColumn, {
4755
+ fixed: "left",
4756
+ label: t("next.table.selection"),
4757
+ width: 55,
4758
+ headerAlign: _options.headerAlign,
4759
+ align: _options.cellAlign
4760
+ }, {
4761
+ default: ({row: row, $index: $index}) => renderSelectTypeContent(row, $index)
4762
+ }) ]
4763
+ }) ]
4764
+ }) : createVNode(ElRadioGroup, {
4765
+ modelValue: _sinleSelection.value
4721
4766
  }, {
4722
4767
  default: () => [ createVNode(NextCrudTable, {
4723
4768
  options: _options,
@@ -5233,6 +5278,7 @@ var Element$7 = defineComponent({
5233
5278
  disabled: valueExist(col.disabled, !1),
5234
5279
  readonly: valueExist(col.readonly, !1),
5235
5280
  multiple: valueExist(col.multiple, !1),
5281
+ filterable: valueExist(col.filterable, !1),
5236
5282
  "collapse-tags-tooltip": !0,
5237
5283
  onChange: event => col.onChange?.(event, col, formParams, formColumns)
5238
5284
  }, {
@@ -5465,7 +5511,7 @@ var Element$7 = defineComponent({
5465
5511
  }
5466
5512
  });
5467
5513
 
5468
- const NextTreeSelect = withInstall(treeSelect), NextTreeCascader = withInstall(treeCascader), NextForm = withInstall(Element$7);
5514
+ const NextTreeSelect = withInstall(treeSelect), NextTreeCascader = withInstall(treeCascader), NextInputTableSelect = withInstall(InputTableSelect), NextForm = withInstall(Element$7);
5469
5515
 
5470
5516
  var AddEditForm = defineComponent({
5471
5517
  name: "AddEditForm",
@@ -5977,7 +6023,7 @@ const NextUpload = withInstall(defineComponent({
5977
6023
  default: "image/*"
5978
6024
  }
5979
6025
  },
5980
- emits: [ "change" ],
6026
+ emits: [ "change", "remove", "preview" ],
5981
6027
  setup() {
5982
6028
  const {appContext: appContext} = getCurrentInstance(), {t: t} = useLocale();
5983
6029
  return {
@@ -6008,10 +6054,14 @@ const NextUpload = withInstall(defineComponent({
6008
6054
  }
6009
6055
  }) ])
6010
6056
  });
6011
- previewImagesContainer.appContext = this.appContext, render(previewComponent, previewImagesContainer);
6057
+ previewImagesContainer.appContext = this.appContext, render(previewComponent, previewImagesContainer),
6058
+ emit("preview", uploadFile);
6012
6059
  },
6013
6060
  onChange: (uploadfile, uploadfiles) => {
6014
6061
  uploadfilesPreview.value = uploadfiles, emit("change", uploadfile, uploadfiles);
6062
+ },
6063
+ onRemove: (uploadfile, uploadfiles) => {
6064
+ uploadfilesPreview.value = uploadfiles, emit("remove", uploadfile, uploadfiles);
6015
6065
  }
6016
6066
  }, {
6017
6067
  trigger: () => slots.default ? slots.default() : "picture-card" === props.listType ? createVNode(ElIcon, null, {
@@ -8384,6 +8434,7 @@ var components = Object.freeze({
8384
8434
  NextDialog: NextDialog,
8385
8435
  NextDragResize: NextDragResize,
8386
8436
  NextForm: NextForm,
8437
+ NextInputTableSelect: NextInputTableSelect,
8387
8438
  NextLabelimg: NextLabelimg,
8388
8439
  NextLabelimgPreview: NextLabelimgPreview,
8389
8440
  NextLabelme: NextLabelme,
@@ -8430,7 +8481,7 @@ const zoomDialog = app => {
8430
8481
  }));
8431
8482
  }
8432
8483
  });
8433
- }, version = "0.4.3", install = function(app) {
8484
+ }, version = "0.4.6", install = function(app) {
8434
8485
  Object.keys(components).forEach((key => {
8435
8486
  const component = components[key];
8436
8487
  app.component(component.name, component);
@@ -8440,8 +8491,8 @@ const zoomDialog = app => {
8440
8491
  };
8441
8492
 
8442
8493
  var index = {
8443
- version: "0.4.3",
8494
+ version: "0.4.6",
8444
8495
  install: install
8445
8496
  };
8446
8497
 
8447
- export { NextContainer, NextCrudTable, NextCrudTableVirtualized, NextDialog, NextDragResize, NextForm, NextLabelimg, NextLabelimgPreview, NextLabelme, NextLayout, NextMenu, NextSpinLoading, NextTabs, NextTextEllipsis, NextTreeCascader, NextTreeSelect, NextUpload, NextVideoPlayer, buildLocaleContext, buildTranslator, index as default, defaultNamespace, install, localeContextKey, localeLang, namespaceContextKey, nextUseCssTheme, nextUseCssVar, translate, updateThemeColor, updateThemeColorCssVar, useDetectVideo, useGetDerivedNamespace, useLanguage, useLocale, useNamespace, version };
8498
+ export { NextContainer, NextCrudTable, NextCrudTableVirtualized, NextDialog, NextDragResize, NextForm, NextInputTableSelect, NextLabelimg, NextLabelimgPreview, NextLabelme, NextLayout, NextMenu, NextSpinLoading, NextTabs, NextTextEllipsis, NextTreeCascader, NextTreeSelect, NextUpload, NextVideoPlayer, buildLocaleContext, buildTranslator, index as default, defaultNamespace, install, localeContextKey, localeLang, namespaceContextKey, nextUseCssTheme, nextUseCssVar, translate, updateThemeColor, updateThemeColorCssVar, useDetectVideo, useGetDerivedNamespace, useLanguage, useLocale, useNamespace, version };