@web-utils/component 2.8.25 → 2.8.27

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/base.css CHANGED
@@ -1 +1 @@
1
- .border-bottom{border-bottom:1px solid #d7dae0}.clear-fix:after{display:block;clear:both;height:0;visibility:hidden;content:" "}.flex-row{display:flex;flex-direction:row;flex-shrink:0}.flex-row.vertical-center{align-items:center}.flex-row.vertical-start{align-items:flex-start}.flex-row.horizon-center{justify-content:center}.text-center{text-align:center}.flex-column{display:flex;flex-direction:column}.flex-column.vertical-center{justify-content:center}.flex-column.horizon-center{align-items:center}.flex-item,.flex-item-relative{flex:1 1 auto}.flex-item-relative{position:relative}.flex-item-relative .flex-content{position:absolute;inset:0}.flex-not-shrink{flex-shrink:0}body{font-family:Chinese Quote,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol}*{outline:none}.avue-canvas{display:none}.avue-ghost{background:#c8ebfb;opacity:.5}.avue--disabled{color:#ccc}.avue--detail .hover-row td{background-color:#fff!important}.avue--detail .avue-group__header{padding-left:10px;border-bottom:1px solid #eee}.avue--detail .el-collapse-item__header{margin-bottom:0}.avue--detail .el-input.is-disabled .el-input__inner,.avue--detail .el-textarea.is-disabled .el-textarea__inner,.avue--detail .el-range-editor.is-disabled,.avue--detail .el-range-editor.is-disabled input{padding-left:0;color:#606266;background-color:#fff}.avue--detail .el-input-number__decrease,.avue--detail .el-input-number__increase{display:none}.avue--detail .el-input-group__append,.avue--detail .el-input-group__prepend{background-color:transparent;border:none}.avue--detail .el-input__suffix,.avue--detail .el-input__prefix{display:none}.avue--detail .el-input__inner,.avue--detail .el-textarea__inner{border:none}.avue--detail .el-input__inner::placeholder,.avue--detail .el-textarea__inner::placeholder{color:transparent!important}.avue--detail .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:#409eff;border-color:#409eff}.avue--detail .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner:after{border-color:#fff}.avue--detail .el-radio__input.is-disabled.is-checked .el-radio__inner{background-color:#409eff;border-color:#409eff}.avue--detail .el-radio__input.is-disabled.is-checked .el-radio__inner:after{background-color:#fff}.avue--detail .el-checkbox__input.is-disabled+span.el-checkbox__label,.avue--detail .el-radio__input.is-disabled+span.el-radio__label{color:#606266}.avue--detail .el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:before,.avue--detail .el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before{display:none}.avue--detail .el-row{border-top:1px solid #ebeef5;border-left:1px solid #ebeef5}.avue--detail .el-col{margin:0!important;padding:0!important;border-right:1px solid #ebeef5;border-bottom:1px solid #ebeef5}.avue--detail .el-form-item--medium.el-form-item,.avue--detail .el-form-item--mini.el-form-item,.avue--detail .el-form-item--small.el-form-item{margin:0;background:#fafafa}.avue--detail .el-form-item__label,.avue--detail .el-form-item__content{padding:2px 0}.avue--detail .el-form-item__label{box-sizing:border-box;padding-right:20px;color:#909399}.avue--detail .el-tag{margin-right:6px!important;margin-left:0!important}.avue--detail .avue-crud .el-form-item__content{border:none}.avue--detail .el-form-item__content{box-sizing:border-box;padding-left:20px;background-color:#fff;border-left:1px solid #ebeef5}.avue--detail__column .el-form-item{background-color:#fff}.avue--detail__column .el-form-item__label{padding-right:12px}.avue--detail__column .el-form-item__content{padding-left:0;border-left:none}.avue-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,0,0,.1) 1px,transparent 0),linear-gradient(90deg,rgba(0,0,0,.1) 1px,transparent 0);background-size:20px 20px,20px 20px}.avue-mask{position:fixed;inset:0;z-index:1000;height:100%;background-color:#37373799}.avue--card{border-radius:5px;box-shadow:2px 1px 8px #00000026}.avue-dialog{overflow:visible}.avue-dialog .el-dialog{position:absolute;top:0;left:50%;display:flex;flex-direction:column;max-width:calc(100% - 100px);min-height:180px;max-height:calc(100% - 200px);border-radius:2px;transform:translate(-50%)}.avue-dialog .el-dialog__header{min-height:20px;padding:16px 24px;border-bottom:1px solid #f0f0f0}.avue-dialog .el-dialog__title,.avue-dialog .el-drawer__header{color:#000000d9;font-weight:500;word-wrap:break-word}.avue-dialog .el-dialog__body{margin-bottom:50px;padding:30px 20px 20px}.avue-dialog .el-dialog .el-dialog__body{flex:1;overflow:hidden;overflow-y:auto}.avue-dialog .el-drawer{position:absolute;top:0;right:0;display:flex;flex-direction:column}.avue-dialog .el-drawer__header{min-height:20px;margin:0;padding:16px 10px 16px 24px;border-bottom:1px solid #f0f0f0}.avue-dialog .el-drawer,.avue-dialog .el-drawer__body{flex:1;overflow:auto}.avue-dialog__footer{position:absolute;bottom:0;left:0;display:block;box-sizing:border-box;width:100%;padding:10px 16px;text-align:right;background-color:#fff;border-top:1px solid #f0f0f0}.avue-dialog__footer--left{text-align:left}.avue-dialog__footer--center{text-align:center}.avue-dialog--fullscreen .el-dialog{top:0;left:0;width:100%!important;max-width:100%;height:100%;max-height:100%;transform:translate(0)}.avue-dialog--top .el-dialog{top:15%}.avue-dialog--none .el-dialog__body{margin-bottom:0}.avue-opacity{opacity:0}.avue-opacity--active{opacity:1}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}.el-tooltip__popper{max-width:60%}.avue-crud .el-select,.avue-crud .el-date-editor.el-input,.avue-crud .el-date-editor.el-input__inner,.avue-crud .el-cascader,.avue-crud .avue-input-number,.avue-form .el-select,.avue-form .el-date-editor.el-input,.avue-form .el-date-editor.el-input__inner,.avue-form .el-cascader,.avue-form .avue-input-number{width:100%!important}.avue-crud .el-form-item.el-form-item--small .el-input-group--append .el-input__inner,.avue-form .el-form-item.el-form-item--small .el-input-group--append .el-input__inner{height:33px;line-height:33px}.avue-crud .el-input-number .el-input__inner,.avue-form .el-input-number .el-input__inner{text-align:left}.avue-crud .avue-crud__left .el-button+.el-button,.avue-crud .avue-crud__right .el-button+.el-button,.avue-form .avue-crud__left .el-button+.el-button,.avue-form .avue-crud__right .el-button+.el-button{margin-left:0}.avue-crud .avue-crud__left .el-button,.avue-crud .avue-crud__right .el-button,.avue-form .avue-crud__left .el-button,.avue-form .avue-crud__right .el-button{margin-right:5px;margin-bottom:0}.avue-crud .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content,.avue-form .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{color:#409eff}.avue-crud .el-tree-node__label,.avue-form .el-tree-node__label{margin-left:8px}.avue-crud .el-input__inner,.avue-form .el-input__inner{height:38px;line-height:38px}.avue-crud .el-range-editor--small,.avue-form .el-range-editor--small{height:32px;line-height:32px}.avue-crud .el-range-editor--mini,.avue-form .el-range-editor--mini{height:28px;line-height:28px}.avue-crud .el-input--small input,.avue-form .el-input--small input{height:32px;line-height:32px}.avue-crud .el-input--mini input,.avue-form .el-input--mini input{height:28px;line-height:28px}.avue-crud .el-table--medium td,.avue-form .el-table--medium td{padding:7px 0!important}.avue-crud .el-tooltip__popper,.avue-form .el-tooltip__popper{max-width:60%}.avue-crud .el-dropdown-menu__item,.avue-form .el-dropdown-menu__item{line-height:25px}.avue-crud .el-table-filter__list,.avue-form .el-table-filter__list{width:100%;height:300px;overflow-y:auto}.el-form-item--mini .el-color-picker--mini,.el-form-item--mini .el-color-picker--mini .el-color-picker__trigger{width:23px;height:23px}.el-dropdown-menu .el-button--text{width:100%!important}.el-pagination__editor.el-input .el-input__inner{line-height:28px}.el-drawer .el-drawer__body{height:100%}.el-drawer .avue-form{padding:20px}.el-checkbox:last-of-type{margin-right:8px}.el-table th.gutter,.el-table colgroup.gutter{display:table-cell!important}.el-input-number .el-input__suffix{display:none}.el-input-number__decrease,.el-input-number__increase{background-color:transparent}.el-tree-node.is-current>.el-tree-node__content{color:#409eff;background-color:#f5f7fa}.el-select-dropdown .el-scrollbar .el-scrollbar__view .el-select-dropdown__item{height:auto}.el-select-dropdown .el-scrollbar .el-scrollbar__view .el-select-dropdown__item>span{padding:0 20px}.el-select-dropdown__item.selected,.el-select-dropdown .el-tree-node__label{font-weight:400}.el-form-item.is-error .avue-dynamic{border:1px solid #F56C6C;border-radius:3px}.el-dropdown-menu__item{padding-top:3px!important;padding-bottom:3px!important}.el-upload--picture-card .el-upload-dragger,.el-upload--picture-img .el-upload-dragger{width:inherit;height:inherit;background-color:inherit}@media screen and (max-width: 992px){.el-dialog__footer{display:flex;justify-content:center}.el-button+.el-button{margin-left:0}.el-upload-list--picture-card .el-upload-list__item,.avue-upload__avatar,.el-upload--picture-card,.avue-upload__icon{width:100px;height:100px;line-height:100px}.avue-tip{display:none}.avue-crud__menu{display:block!important}.avue-crud .el-form-item{width:100%}.avue-crud .el-form-item__label{flex:1}.avue-crud .el-form-item__content{flex:5}.avue-crud__searchMenu{text-align:center}.avue-crud__title{display:block!important}.avue-crud__title p{margin-bottom:20px}.avue-crud__title .avue-date__group{justify-content:center}.avue-crud__title .avue-date__date{display:none}.avue-crud__title .avue-date__radio{width:100%}.avue-crud__title .avue-date__radio .el-radio-group{display:flex}.avue-crud__title .avue-date__radio .el-radio-group label,.avue-crud__title .avue-date__radio .el-radio-group .el-radio-button__inner{width:100%}.avue-crud__title .avue-date__radio .el-radio-button:last-child .el-radio-button__inner{border-right:1px solid #dcdfe6;border-radius:0 4px 4px 0}}
1
+ .border-bottom{border-bottom:1px solid #d7dae0}.clear-fix:after{display:block;clear:both;height:0;visibility:hidden;content:" "}.flex-row{display:flex;flex-direction:row;flex-shrink:0}.flex-row.vertical-center{align-items:center}.flex-row.vertical-start{align-items:flex-start}.flex-row.horizon-center{justify-content:center}.text-center{text-align:center}.flex-column{display:flex;flex-direction:column}.flex-column.vertical-center{justify-content:center}.flex-column.horizon-center{align-items:center}.flex-item,.flex-item-relative{flex:1 1 auto}.flex-item-relative{position:relative}.flex-item-relative .flex-content{position:absolute;inset:0}.flex-not-shrink{flex-shrink:0}body{font-family:Chinese Quote,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol}*{outline:none}.avue-canvas{display:none}.avue-ghost{background:#c8ebfb;opacity:.5}.avue--disabled{color:#ccc}.avue--detail .hover-row td{background-color:#fff!important}.avue--detail .avue-group__header{padding-left:10px;border-bottom:1px solid #eee}.avue--detail .el-collapse-item__header{margin-bottom:0}.avue--detail .el-input.is-disabled .el-input__inner,.avue--detail .el-textarea.is-disabled .el-textarea__inner,.avue--detail .el-range-editor.is-disabled,.avue--detail .el-range-editor.is-disabled input{padding-left:0;color:#606266;background-color:#fff}.avue--detail .el-input-number__decrease,.avue--detail .el-input-number__increase{display:none}.avue--detail .el-input-group__append,.avue--detail .el-input-group__prepend{background-color:transparent;border:none}.avue--detail .el-input__suffix,.avue--detail .el-input__prefix{display:none}.avue--detail .el-input__inner,.avue--detail .el-textarea__inner{border:none}.avue--detail .el-input__inner::placeholder,.avue--detail .el-textarea__inner::placeholder{color:transparent!important}.avue--detail .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:#409eff;border-color:#409eff}.avue--detail .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner:after{border-color:#fff}.avue--detail .el-radio__input.is-disabled.is-checked .el-radio__inner{background-color:#409eff;border-color:#409eff}.avue--detail .el-radio__input.is-disabled.is-checked .el-radio__inner:after{background-color:#fff}.avue--detail .el-checkbox__input.is-disabled+span.el-checkbox__label,.avue--detail .el-radio__input.is-disabled+span.el-radio__label{color:#606266}.avue--detail .el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:before,.avue--detail .el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before{display:none}.avue--detail .el-row{border-top:1px solid #ebeef5;border-left:1px solid #ebeef5}.avue--detail .el-col{margin:0!important;padding:0!important;border-right:1px solid #ebeef5;border-bottom:1px solid #ebeef5}.avue--detail .el-form-item--medium.el-form-item,.avue--detail .el-form-item--mini.el-form-item,.avue--detail .el-form-item--small.el-form-item{margin:0;background:#fafafa}.avue--detail .el-form-item__label,.avue--detail .el-form-item__content{padding:2px 0}.avue--detail .el-form-item__label{box-sizing:border-box;padding-right:20px;color:#909399}.avue--detail .el-tag{margin-right:6px!important;margin-left:0!important}.avue--detail .avue-crud .el-form-item__content{border:none}.avue--detail .el-form-item__content{box-sizing:border-box;padding-left:20px;background-color:#fff;border-left:1px solid #ebeef5}.avue--detail__column .el-form-item{background-color:#fff}.avue--detail__column .el-form-item__label{padding-right:12px}.avue--detail__column .el-form-item__content{padding-left:0;border-left:none}.avue-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,0,0,.1) 1px,transparent 0),linear-gradient(90deg,rgba(0,0,0,.1) 1px,transparent 0);background-size:20px 20px,20px 20px}.avue-mask{position:fixed;inset:0;z-index:1000;height:100%;background-color:#37373799}.avue--card{border-radius:5px;box-shadow:2px 1px 8px #00000026}.avue-dialog{overflow:visible}.avue-dialog .el-dialog{position:absolute;top:0;left:50%;display:flex;flex-direction:column;max-width:calc(100% - 100px);min-height:180px;max-height:calc(100% - 200px);border-radius:2px;transform:translate(-50%)}.avue-dialog .el-dialog__header{min-height:20px;padding:16px 24px;border-bottom:1px solid #f0f0f0}.avue-dialog .el-dialog__title,.avue-dialog .el-drawer__header{color:#000000d9;font-weight:500;word-wrap:break-word}.avue-dialog .el-dialog__body{margin-bottom:50px;padding:30px 20px 20px}.avue-dialog .el-dialog .el-dialog__body{flex:1;overflow:hidden;overflow-y:auto}.avue-dialog .el-drawer{position:absolute;top:0;right:0;display:flex;flex-direction:column}.avue-dialog .el-drawer__header{min-height:20px;margin:0;padding:16px 10px 16px 24px;border-bottom:1px solid #f0f0f0}.avue-dialog .el-drawer,.avue-dialog .el-drawer__body{flex:1;overflow:auto}.avue-dialog__footer{position:absolute;bottom:0;left:0;display:block;box-sizing:border-box;width:100%;padding:10px 16px;text-align:right;background-color:#fff;border-top:1px solid #f0f0f0}.avue-dialog__footer--left{text-align:left}.avue-dialog__footer--center{text-align:center}.avue-dialog--fullscreen .el-dialog{top:0;left:0;width:100%!important;max-width:100%;height:100%;max-height:100%;transform:translate(0)}.avue-dialog--top .el-dialog{top:15%}.avue-dialog--none .el-dialog__body{margin-bottom:0}.avue-opacity{opacity:0}.avue-opacity--active{opacity:1}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}.avue-crud .el-select,.avue-crud .el-date-editor.el-input,.avue-crud .el-date-editor.el-input__inner,.avue-crud .el-cascader,.avue-crud .avue-input-number,.avue-form .el-select,.avue-form .el-date-editor.el-input,.avue-form .el-date-editor.el-input__inner,.avue-form .el-cascader,.avue-form .avue-input-number{width:100%!important}.avue-crud .el-form-item.el-form-item--small .el-input-group--append .el-input__inner,.avue-form .el-form-item.el-form-item--small .el-input-group--append .el-input__inner{height:33px;line-height:33px}.avue-crud .el-input-number .el-input__inner,.avue-form .el-input-number .el-input__inner{text-align:left}.avue-crud .avue-crud__left .el-button+.el-button,.avue-crud .avue-crud__right .el-button+.el-button,.avue-form .avue-crud__left .el-button+.el-button,.avue-form .avue-crud__right .el-button+.el-button{margin-left:0}.avue-crud .avue-crud__left .el-button,.avue-crud .avue-crud__right .el-button,.avue-form .avue-crud__left .el-button,.avue-form .avue-crud__right .el-button{margin-right:5px;margin-bottom:0}.avue-crud .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content,.avue-form .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{color:#409eff}.avue-crud .el-tree-node__label,.avue-form .el-tree-node__label{margin-left:8px}.avue-crud .el-input__inner,.avue-form .el-input__inner{height:38px;line-height:38px}.avue-crud .el-range-editor--small,.avue-form .el-range-editor--small{height:32px;line-height:32px}.avue-crud .el-range-editor--mini,.avue-form .el-range-editor--mini{height:28px;line-height:28px}.avue-crud .el-input--small input,.avue-form .el-input--small input{height:32px;line-height:32px}.avue-crud .el-input--mini input,.avue-form .el-input--mini input{height:28px;line-height:28px}.avue-crud .el-table--medium td,.avue-form .el-table--medium td{padding:7px 0!important}.avue-crud .el-tooltip__popper,.avue-form .el-tooltip__popper{max-width:60%}.avue-crud .el-dropdown-menu__item,.avue-form .el-dropdown-menu__item{line-height:25px}.avue-crud .el-table-filter__list,.avue-form .el-table-filter__list{width:100%;height:300px;overflow-y:auto}@media screen and (max-width: 992px){.el-dialog__footer{display:flex;justify-content:center}.el-button+.el-button{margin-left:0}.el-upload-list--picture-card .el-upload-list__item,.avue-upload__avatar,.el-upload--picture-card,.avue-upload__icon{width:100px;height:100px;line-height:100px}.avue-tip{display:none}.avue-crud__menu{display:block!important}.avue-crud .el-form-item{width:100%}.avue-crud .el-form-item__label{flex:1}.avue-crud .el-form-item__content{flex:5}.avue-crud__searchMenu{text-align:center}.avue-crud__title{display:block!important}.avue-crud__title p{margin-bottom:20px}.avue-crud__title .avue-date__group{justify-content:center}.avue-crud__title .avue-date__date{display:none}.avue-crud__title .avue-date__radio{width:100%}.avue-crud__title .avue-date__radio .el-radio-group{display:flex}.avue-crud__title .avue-date__radio .el-radio-group label,.avue-crud__title .avue-date__radio .el-radio-group .el-radio-button__inner{width:100%}.avue-crud__title .avue-date__radio .el-radio-button:last-child .el-radio-button__inner{border-right:1px solid #dcdfe6;border-radius:0 4px 4px 0}}
package/fy-curd/style.css CHANGED
@@ -1 +1 @@
1
- .dialog-form .element-dialog.el-dialog.el-dialog-resizeable .el-dialog__body,.dialog-form .el-drawer__body{position:static;margin-bottom:53px}.avue-crud{width:100%;margin:0 auto}.avue-crud .el-card+.el-card{margin-top:8px}.avue-crud--card .el-card{border:none}.avue-crud--card .el-card__body{padding:0}.avue-crud--card .el-card+.el-card{margin-top:0}.avue-crud .el-table .el-form-item{display:inline-block;width:100%;margin-bottom:0}.avue-crud .el-table .el-form-item__label{position:absolute;left:2px}.avue-crud .el-table .el-form-item__content{font-size:inherit;line-height:inherit}.avue-crud .el-table .el-form-item__error{position:relative;width:100%;text-align:left}.avue-crud .el-dropdown+.el-button{margin-left:10px}.avue-crud .el-checkbox:last-of-type{margin-right:0}.avue-crud .el-range-editor--mini{height:28px}.avue-crud__img{display:flex;justify-content:center}.avue-crud__img>*{height:50px;margin-right:5px;object-fit:contain;font-size:50px}.avue-crud__column .el-checkbox{margin-bottom:10px;cursor:move}.avue-crud__menu{position:relative;display:flex;justify-content:space-between;width:100%;height:auto;min-height:40px;margin-bottom:5px;overflow:hidden;background-color:#fff}.avue-crud__search .el-form-item--medium.el-form-item{margin-bottom:22px}.avue-crud__search .el-form-item--mini.el-form-item,.avue-crud__search .el-form-item--small.el-form-item{margin-bottom:14px}.avue-crud .el-table--mini .avue-crud__color{width:20px;height:20px}.avue-crud .el-table--mini .avue-crud__icon{font-size:20px}.avue-crud .el-table--small .avue-crud__color{width:30px;height:30px}.avue-crud .el-table--small .avue-crud__icon{font-size:30px}.avue-crud th{color:#000000d9;word-break:break-word;background-color:#fafafa}.avue-crud table td{line-height:26px}.avue-crud--indeterminate .is-indeterminate .el-checkbox__inner{background-color:#fff;border-color:#dcdfe6}.avue-crud .el-table th{color:#000000d9;word-break:break-word;background-color:#fafafa}.avue-crud__color{display:block;width:40px;height:40px;margin:0 auto;border-radius:5px}.avue-crud__icon{font-size:45px}.avue-crud__icon--small{width:20px;height:20px;font-size:20px}.avue-crud__ghost{cursor:move;opacity:.4}.is-always-shadow+.avue-crud__pagination{padding:0}.avue-crud__pagination{position:relative;padding:25px 0 20px 20px;text-align:right}.avue-crud__pagination .el-pagination{display:inline-block}.avue-crud__form{padding:0 8px}.avue-crud__empty{padding:20px 0}.avue-crud__empty .el-empty__description{margin-top:0}.avue-crud__header{margin-bottom:10px}.avue-crud__header>.el-button{padding:12px 25px}.avue-crud__title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;font-weight:700;font-size:22px}.avue-crud__tip{display:flex;align-items:center;margin:0 0 8px;font-size:12px}.avue-crud__tip-name{margin-right:10px}.avue-crud__tip-count{font-weight:600;font-size:16px}.avue-crud__tip .el-button{margin-bottom:0}.avue-crud__filter-item{display:flex;align-items:center;justify-content:center;margin-bottom:12px}.avue-crud__filter-menu{margin-bottom:20px;padding:0 5px}.avue-crud__filter-label{width:120px!important;margin:0 5px}.avue-crud__filter-symbol{width:80px!important;margin:0 5px}.avue-crud__filter-value{width:150px!important;margin:0 5px}.avue-crud__filter-value .el-date-editor.el-input,.avue-crud__filter-value .el-date-editor.el-input__inner{width:100%}.avue-crud__filter-icon{margin-left:10px}.avue-crud__dialog .el-drawer__header .avue-crud__dialog__menu{padding-right:0}.avue-crud__dialog__header{display:flex;align-items:center;justify-content:space-between}.avue-crud__dialog__menu{padding-right:20px}.avue-crud__dialog__menu i{color:#909399;font-size:15px}.avue-crud__dialog__menu i:hover{color:#409eff}.avue-crud__dialog .el-dialog__body,.avue-crud__dialog .el-drawer__body{padding:20px 20px 5px 10px}.avue-crud__dialog .el-drawer__close-btn{margin-top:2px;font-size:18px}.avue-crud__dialog .el-scrollbar__wrap{overflow-x:hidden}.avue-crud__dialog .avue-form__menu{padding-top:15px}
1
+ .dialog-form .element-dialog.el-dialog.el-dialog-resizeable .el-dialog__body,.dialog-form .el-drawer__body{position:static;margin-bottom:53px}.dialog-form .el-drawer .el-drawer__body{height:100%}.dialog-form .el-drawer .avue-form{padding:20px}.avue-crud{width:100%;margin:0 auto}.avue-crud .el-card+.el-card{margin-top:8px}.avue-crud--card .el-card{border:none}.avue-crud--card .el-card__body{padding:0}.avue-crud--card .el-card+.el-card{margin-top:0}.avue-crud .el-table .el-form-item{display:inline-block;width:100%;margin-bottom:0}.avue-crud .el-table .el-form-item__label{position:absolute;left:2px}.avue-crud .el-table .el-form-item__content{font-size:inherit;line-height:inherit}.avue-crud .el-table .el-form-item__error{position:relative;width:100%;text-align:left}.avue-crud .el-dropdown+.el-button{margin-left:10px}.avue-crud .el-checkbox:last-of-type{margin-right:0}.avue-crud .el-range-editor--mini{height:28px}.avue-crud__img{display:flex;justify-content:center}.avue-crud__img>*{height:50px;margin-right:5px;object-fit:contain;font-size:50px}.avue-crud__column .el-checkbox{margin-bottom:10px;cursor:move}.avue-crud__menu{position:relative;display:flex;justify-content:space-between;width:100%;height:auto;min-height:40px;margin-bottom:5px;overflow:hidden;background-color:#fff}.avue-crud__search .el-form-item--medium.el-form-item{margin-bottom:22px}.avue-crud__search .el-form-item--mini.el-form-item,.avue-crud__search .el-form-item--small.el-form-item{margin-bottom:14px}.avue-crud .el-table--mini .avue-crud__color{width:20px;height:20px}.avue-crud .el-table--mini .avue-crud__icon{font-size:20px}.avue-crud .el-table--small .avue-crud__color{width:30px;height:30px}.avue-crud .el-table--small .avue-crud__icon{font-size:30px}.avue-crud th{color:#000000d9;word-break:break-word;background-color:#fafafa}.avue-crud table td{line-height:26px}.avue-crud--indeterminate .is-indeterminate .el-checkbox__inner{background-color:#fff;border-color:#dcdfe6}.avue-crud .el-table th{color:#000000d9;word-break:break-word;background-color:#fafafa}.avue-crud__color{display:block;width:40px;height:40px;margin:0 auto;border-radius:5px}.avue-crud__icon{font-size:45px}.avue-crud__icon--small{width:20px;height:20px;font-size:20px}.avue-crud__ghost{cursor:move;opacity:.4}.is-always-shadow+.avue-crud__pagination{padding:0}.avue-crud__pagination{position:relative;padding:25px 0 20px 20px;text-align:right}.avue-crud__pagination .el-pagination{display:inline-block}.avue-crud__form{padding:0 8px}.avue-crud__empty{padding:20px 0}.avue-crud__empty .el-empty__description{margin-top:0}.avue-crud__header{margin-bottom:10px}.avue-crud__header>.el-button{padding:12px 25px}.avue-crud__title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;font-weight:700;font-size:22px}.avue-crud__tip{display:flex;align-items:center;margin:0 0 8px;font-size:12px}.avue-crud__tip-name{margin-right:10px}.avue-crud__tip-count{font-weight:600;font-size:16px}.avue-crud__tip .el-button{margin-bottom:0}.avue-crud__filter-item{display:flex;align-items:center;justify-content:center;margin-bottom:12px}.avue-crud__filter-menu{margin-bottom:20px;padding:0 5px}.avue-crud__filter-label{width:120px!important;margin:0 5px}.avue-crud__filter-symbol{width:80px!important;margin:0 5px}.avue-crud__filter-value{width:150px!important;margin:0 5px}.avue-crud__filter-value .el-date-editor.el-input,.avue-crud__filter-value .el-date-editor.el-input__inner{width:100%}.avue-crud__filter-icon{margin-left:10px}.avue-crud__dialog .el-drawer__header .avue-crud__dialog__menu{padding-right:0}.avue-crud__dialog__header{display:flex;align-items:center;justify-content:space-between}.avue-crud__dialog__menu{padding-right:20px}.avue-crud__dialog__menu i{color:#909399;font-size:15px}.avue-crud__dialog__menu i:hover{color:#409eff}.avue-crud__dialog .el-dialog__body,.avue-crud__dialog .el-drawer__body{padding:20px 20px 5px 10px}.avue-crud__dialog .el-drawer__close-btn{margin-top:2px;font-size:18px}.avue-crud__dialog .el-scrollbar__wrap{overflow-x:hidden}.avue-crud__dialog .avue-form__menu{padding-top:15px}
@@ -1 +1 @@
1
- .avue-dynamic__item{display:flex;align-items:center;width:100%;margin-bottom:10px}.avue-dynamic__header{padding-left:40px}.avue-dynamic__row{position:relative;padding-top:13px;border-top:1px dashed #eee}.avue-dynamic__row:first-child{border-top:0}.avue-dynamic__menu{position:absolute;right:0;z-index:1024}.avue-dynamic__input{width:100%;margin-right:8px}.avue-dynamic__button{margin-bottom:0!important}
1
+ .avue-dynamic__item{display:flex;align-items:center;width:100%;margin-bottom:10px}.avue-dynamic__header{padding-left:40px}.avue-dynamic__row{position:relative;padding-top:13px;border-top:1px dashed #eee}.avue-dynamic__row:first-child{border-top:0}.avue-dynamic__menu{position:absolute;right:0;z-index:1024}.avue-dynamic__input{width:100%;margin-right:8px}.avue-dynamic__button{margin-bottom:0!important}.el-form-item.is-error .avue-dynamic{border:1px solid #F56C6C;border-radius:3px}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@web-utils/component",
3
3
  "description": "Web Components",
4
- "version": "2.8.25",
4
+ "version": "2.8.27",
5
5
  "author": "Simple",
6
6
  "license": "MIT",
7
7
  "type": "module",
@@ -31,7 +31,9 @@ var f = function() {
31
31
  }, [e._v(" " + e._s(e.getTagName(s)) + " ")]);
32
32
  }) : e.enable ? e._e() : [n("span", {
33
33
  staticStyle: {
34
- color: "#b5b5b5"
34
+ color: "#b5b5b5",
35
+ "line-height": "16px",
36
+ "margin-left": "4px"
35
37
  }
36
38
  }, [e._v("无")])], e.enable ? n("ElButton", {
37
39
  staticClass: "add-tag",
@@ -92,22 +94,22 @@ const p = {
92
94
  }
93
95
  }
94
96
  }, u = {};
95
- var v = /* @__PURE__ */ g(
97
+ var h = /* @__PURE__ */ g(
96
98
  p,
97
99
  f,
98
100
  d,
99
101
  !1,
100
- h,
102
+ v,
101
103
  null,
102
104
  null,
103
105
  null
104
106
  );
105
- function h(e) {
107
+ function v(e) {
106
108
  for (let t in u)
107
109
  this[t] = u[t];
108
110
  }
109
111
  const $ = /* @__PURE__ */ function() {
110
- return v.exports;
112
+ return h.exports;
111
113
  }();
112
114
  export {
113
115
  $ as default
package/web-types.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "$schema": "https://json.schemastore.org/web-types",
3
3
  "framework": "vue",
4
4
  "name": "@web-utils/component",
5
- "version": "2.8.25",
5
+ "version": "2.8.27",
6
6
  "contributions": {
7
7
  "html": {
8
8
  "description-markup": "markdown",
@@ -20086,6 +20086,14 @@
20086
20086
  },
20087
20087
  "default": "','"
20088
20088
  },
20089
+ {
20090
+ "name": "count",
20091
+ "value": {
20092
+ "kind": "expression",
20093
+ "type": "boolean"
20094
+ },
20095
+ "default": "true"
20096
+ },
20089
20097
  {
20090
20098
  "name": "arrayMode",
20091
20099
  "value": {
@@ -1,27 +1,27 @@
1
1
  var f = Object.defineProperty, _ = Object.defineProperties;
2
2
  var v = Object.getOwnPropertyDescriptors;
3
3
  var p = Object.getOwnPropertySymbols;
4
- var y = Object.prototype.hasOwnProperty, b = Object.prototype.propertyIsEnumerable;
5
- var h = (t, a, e) => a in t ? f(t, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[a] = e, m = (t, a) => {
4
+ var b = Object.prototype.hasOwnProperty, y = Object.prototype.propertyIsEnumerable;
5
+ var h = (t, a, e) => a in t ? f(t, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[a] = e, g = (t, a) => {
6
6
  for (var e in a || (a = {}))
7
- y.call(a, e) && h(t, e, a[e]);
7
+ b.call(a, e) && h(t, e, a[e]);
8
8
  if (p)
9
9
  for (var e of p(a))
10
- b.call(a, e) && h(t, e, a[e]);
10
+ y.call(a, e) && h(t, e, a[e]);
11
11
  return t;
12
- }, d = (t, a) => _(t, v(a));
13
- var u = (t, a, e) => new Promise((s, n) => {
12
+ }, m = (t, a) => _(t, v(a));
13
+ var r = (t, a, e) => new Promise((s, n) => {
14
14
  var o = (i) => {
15
15
  try {
16
16
  l(e.next(i));
17
- } catch (r) {
18
- n(r);
17
+ } catch (u) {
18
+ n(u);
19
19
  }
20
20
  }, c = (i) => {
21
21
  try {
22
22
  l(e.throw(i));
23
- } catch (r) {
24
- n(r);
23
+ } catch (u) {
24
+ n(u);
25
25
  }
26
26
  }, l = (i) => i.done ? s(i.value) : Promise.resolve(i.value).then(o, c);
27
27
  l((e = e.apply(t, a)).next());
@@ -30,13 +30,14 @@ import { n as V } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
30
30
  var w = function() {
31
31
  var t = this, a = t.$createElement, e = t._self._c || a;
32
32
  return e("div", {
33
- staticClass: "fy-input-tag"
34
- }, [t._l(t.tags, function(s, n) {
33
+ staticClass: "x-input-tag"
34
+ }, [t.tags && t.tags.length && t.tags[0] ? t._l(t.tags, function(s, n) {
35
35
  return e("ElTag", {
36
36
  key: s.id,
37
37
  attrs: {
38
- closable: !t.inputDisabled,
39
- "disable-transitions": !t.arrayMode
38
+ size: "medium",
39
+ "disable-transitions": "",
40
+ closable: !t.inputDisabled
40
41
  },
41
42
  on: {
42
43
  close: function(o) {
@@ -44,11 +45,21 @@ var w = function() {
44
45
  }
45
46
  }
46
47
  }, [t._v(" " + t._s(s.tagName) + " ")]);
47
- }), !t.inputDisabled && t.inputVisible ? e("ElInput", {
48
+ }) : t.inputDisabled ? [e("span", {
49
+ staticStyle: {
50
+ color: "#b5b5b5"
51
+ }
52
+ }, [t._v("无")])] : t._e(), t.inputDisabled ? t._e() : e("ElInput", {
53
+ directives: [{
54
+ name: "show",
55
+ rawName: "v-show",
56
+ value: t.inputVisible,
57
+ expression: "inputVisible"
58
+ }],
48
59
  ref: "saveTagInput",
49
60
  staticClass: "input-new-tag",
50
61
  attrs: {
51
- size: "small"
62
+ size: "mini"
52
63
  },
53
64
  on: {
54
65
  blur: t.handleInputConfirm
@@ -65,7 +76,7 @@ var w = function() {
65
76
  },
66
77
  expression: "inputValue"
67
78
  }
68
- }) : t._e(), !t.inputDisabled && !t.inputVisible ? e("ElButton", {
79
+ }), !t.inputDisabled && !t.inputVisible ? e("ElButton", {
69
80
  directives: [{
70
81
  name: "show",
71
82
  rawName: "v-show",
@@ -74,14 +85,16 @@ var w = function() {
74
85
  }],
75
86
  staticClass: "button-new-tag",
76
87
  attrs: {
77
- size: "small"
88
+ size: "mini"
78
89
  },
79
90
  on: {
80
91
  click: t.showInput
81
92
  }
82
- }, [t._v(" + 添加 ")]) : t._e()], 2);
93
+ }, [t._v(" + 添加 ")]) : t._e(), t.count ? e("span", {
94
+ staticClass: "tags-count"
95
+ }, [t._v(t._s(t.tags.length && t.tags[0] ? t.tags.length : ""))]) : t._e()], 2);
83
96
  }, x = [];
84
- const I = {
97
+ const C = {
85
98
  name: "XInputTag",
86
99
  inject: {
87
100
  elForm: {
@@ -101,6 +114,10 @@ const I = {
101
114
  type: String,
102
115
  default: ","
103
116
  },
117
+ count: {
118
+ type: Boolean,
119
+ default: !0
120
+ },
104
121
  arrayMode: {
105
122
  type: Boolean,
106
123
  default: !0
@@ -121,7 +138,7 @@ const I = {
121
138
  get() {
122
139
  var t, a;
123
140
  if (this.arrayMode)
124
- return (t = this.value) != null && t.length ? this.value.map((e) => e.id > 0 ? e : d(m({}, e), { id: Math.random() })) : [];
141
+ return (t = this.value) != null && t.length ? this.value.map((e) => e.id > 0 ? e : m(g({}, e), { id: Math.random() })) : [];
125
142
  {
126
143
  const e = ((a = this.value) == null ? void 0 : a.split(this.separator)) || [];
127
144
  return e.length && e[0] ? e.map((s) => ({ tagName: s, id: Math.random() })) : [];
@@ -131,7 +148,7 @@ const I = {
131
148
  },
132
149
  methods: {
133
150
  showInput() {
134
- return u(this, null, function* () {
151
+ return r(this, null, function* () {
135
152
  this.inputVisible = !0, yield this.$nextTick(), this.$refs.saveTagInput.$refs.input.focus();
136
153
  });
137
154
  },
@@ -140,7 +157,7 @@ const I = {
140
157
  this.$emit("input", this.arrayMode ? a : a.map((e) => e.tagName).join(this.separator));
141
158
  },
142
159
  handleInputConfirm() {
143
- return u(this, null, function* () {
160
+ return r(this, null, function* () {
144
161
  var a;
145
162
  if (this.tags.length >= this.maxTag) {
146
163
  this.$message.warning({ message: "标签已达上限,请删除一些标签再添加!", showClose: !0 }), this.inputVisible = !1, this.inputValue = "";
@@ -159,9 +176,9 @@ const I = {
159
176
  });
160
177
  }
161
178
  }
162
- }, g = {};
163
- var C = /* @__PURE__ */ V(
164
- I,
179
+ }, d = {};
180
+ var I = /* @__PURE__ */ V(
181
+ C,
165
182
  w,
166
183
  x,
167
184
  !1,
@@ -171,11 +188,11 @@ var C = /* @__PURE__ */ V(
171
188
  null
172
189
  );
173
190
  function T(t) {
174
- for (let a in g)
175
- this[a] = g[a];
191
+ for (let a in d)
192
+ this[a] = d[a];
176
193
  }
177
194
  const $ = /* @__PURE__ */ function() {
178
- return C.exports;
195
+ return I.exports;
179
196
  }();
180
197
  export {
181
198
  $ as default
@@ -1 +1 @@
1
- .el-form-item.is-error .fy-input-tag{border-color:#f56c6c}.fy-input-tag{height:120px;padding:0 10px 10px;overflow:auto;border:1px solid var(--border-color);border-radius:4px}.fy-input-tag .el-tag{margin-top:10px;margin-right:10px}.fy-input-tag .el-tag+.el-tag{margin-right:10px}.fy-input-tag .button-new-tag{height:28px;margin-top:10px;padding-top:0;padding-bottom:0;line-height:26px}.fy-input-tag .el-input.input-new-tag{width:170px;height:28px;margin-top:10px;line-height:26px;vertical-align:bottom}
1
+ .el-form-item.is-error .x-input-tag{border-color:#f56c6c}.x-input-tag{height:120px;overflow:auto;border:1px solid var(--border-color);border-radius:4px;line-height:0;padding-top:4px;padding-right:4px}.x-input-tag .el-tag .el-tag__close:hover{background-color:#ee8677}.x-input-tag .el-tag,.x-input-tag .button-new-tag{margin-left:4px;margin-bottom:4px}.x-input-tag .el-input.input-new-tag{width:120px;margin-left:4px;margin-bottom:4px}.x-input-tag .tags-count{position:absolute;right:6px;bottom:10px;color:#b7b7b7;font-size:.9em}