el-plus-crud 0.0.12 → 0.0.13

package/dist/style.css

@@ -1 +1 @@
-@charset "UTF-8";.ElPlusFormArea-panel[data-v-a9653fd0],.ElPlusFormAutocomplete-panel[data-v-de84b568],.el-plus-form-btn-group{display:flex}.el-plus-form-btn-group .group-menu-btn{margin-left:10px}.ElPlusFormCascader-panel[data-v-ab6b4aed],.ElPlusFormCascaderPanel-panel[data-v-298c9c68],.ElPlusFormCheckbox-panel[data-v-1fad6d4e],.ElPlusFormCheckboxButton-panel[data-v-393cd84d],.ElPlusFormColor-panel[data-v-6e010f98],.ElPlusFormDate-panel[data-v-7295d086],.el-plusF-form-daterange-panel[data-v-21a80cbc],.ElPlusFormDatetime-panel[data-v-831e254a]{display:flex}.file-icons-panel[data-v-e0d1255f]{width:100%}.file-icons-panel .file-list[data-v-e0d1255f]{width:100%;display:flex;flex-direction:column}.file-icons-panel .file-list .file-item[data-v-e0d1255f]{display:flex;flex-direction:row;align-items:center;width:100%;height:28px;line-height:28px;padding-left:10px;background:#f5f7fa;margin-bottom:10px;cursor:pointer;font-size:13px;font-weight:400;color:#303133}.file-icons-panel .file-list .file-item[data-v-e0d1255f]:hover{background:#e7e8eb;color:#1890ff}.file-icons-panel .file-list .file-item .file-name[data-v-e0d1255f]{margin-left:10px}.file-icons-panel .card-list[data-v-e0d1255f]{width:100%;display:flex;flex-direction:row}.file-icons-panel .card-list .file-item[data-v-e0d1255f]{display:flex;flex-direction:column;align-items:center}.file-icons-panel .card-list .file-item .file-name[data-v-e0d1255f]{margin-top:10px}.ele-form-file{width:100%;display:flex;justify-content:center;margin-top:10px}.ele-form-file .form-file-list{display:flex;flex-direction:column;width:100%}.ele-form-file .no-img-tip{width:100%;color:#999;padding-left:20px}.ele-form-image{display:flex;flex-wrap:wrap}.ele-form-image .no-img-tip{color:#999}.ele-form-image .el-image{margin-left:10px;margin-bottom:10px}.ele-form-image .el-image{border-radius:5px;margin-bottom:10px}.ele-form-image .el-image .el-image__error{font-size:12px;line-height:13px}.el-plus-form-link[data-v-e9e128a8]{width:100%}.el-plus-form-link .items-panel[data-v-e9e128a8] .el-input__inner{cursor:pointer}.el-plus-form-link[data-v-e9e128a8] .el-tag__close{display:none!important}.form-link-dialog{width:100%;display:flex;box-sizing:border-box}.form-link-dialog .panel-left{min-width:60%;height:500px;display:flex;flex-direction:column}.form-link-dialog .panel-left .dept-breadcrumb{width:100%;padding:0 10px;margin-bottom:20px;cursor:pointer}.form-link-dialog .panel-right{min-width:40%;max-width:40%;margin-left:20px;border-left:1px var(--el-border-color) var(--el-border-style);padding:20px;display:flex;overflow:hidden;flex-direction:column}.form-link-dialog .panel-right .right-title{width:100%;font-size:14px;color:#999;margin-bottom:20px}.form-link-dialog .panel-right .tag-list{width:100%;height:400px;overflow:hidden}.form-link-dialog .panel-right .tag-list .tag-item .el-tag__content{max-width:100px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.form-link-dialog .panel-right .btn-panel{width:100%;min-height:50px;padding-top:10px;display:flex;justify-content:center}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}.ElPlusFormNumber-panel[data-v-9e51e72b]{width:100%!important;max-width:100%}.ElPlusFormNumber-panel[data-v-9e51e72b] .el-input__wrapper input{text-align:left!important}.el-plus-form-quick-input{width:100%;display:flex;align-items:center;margin-top:10px}.el-plus-form-quick-input .el-tag{margin-right:10px}.ElPlusFormRadio-panel[data-v-8d4a5a8c],.ElPlusFormRate-panel[data-v-d813a6a7]{display:flex}.el-plus-form-select-options{width:100%;display:flex;justify-content:space-between;align-items:center}.el-plus-form-select-options>div{color:#aaa;max-width:40%;font-size:12px;word-break:break-all}.el-select-dropdown__item{height:auto;white-space:break-spaces}.ElPlusFormSlider-panel[data-v-c8429f7c]{display:flex}.ElPlusFormStatus-panel[data-v-940f4af6]{display:flex;line-height:25px;align-items:center}.ElPlusFormStatus-panel i[data-v-940f4af6]{display:inline-block;min-width:10px;min-height:10px;border-radius:50%;margin-right:5px}.ElPlusFormStatus-panel .status-danger[data-v-940f4af6]{background:#f56c6c}.ElPlusFormStatus-panel .status-success[data-v-940f4af6]{background:#67c23a}.ElPlusFormStatus-panel .status-warning[data-v-940f4af6]{background:#e6a23c}.ElPlusFormStatus-panel .status-info[data-v-940f4af6]{background:#909399}.ele-form-text[data-v-07e15a42]{color:#606266;word-break:break-all;display:flex;align-items:center}.ele-form-text-click[data-v-07e15a42]{color:#1890ff;cursor:pointer}.ele-form-transfer[data-v-31ae19d3]{line-height:1}.el-plus-form-tree[data-v-a734400f]{width:100%}.ele-form-upload-image{width:100%;display:flex}.ele-form-upload-image .ele-image-upload{display:flex;justify-content:flex-start;width:100%}.ele-form-upload-image .upload-panel-icon{margin:auto}.ele-form-upload-image .upload-disabled .el-upload--picture-card{cursor:not-allowed!important}.ele-form-upload-image .el-icon-close-tip{display:none!important}.ele-form-upload-image .el-upload--picture-card{margin-bottom:12px}.ele-form-upload-image .over-limit .el-upload--picture-card{display:none!important}.ele-form-upload-image .el-upload--picture-card,.ele-form-upload-image .el-upload-list--picture-card .el-upload-list__item{width:100px!important;height:100px!important;border:none!important}.ele-form-upload-image .el-upload-dragger{display:flex;padding:0!important;min-height:100px}.ele-form-upload-image .el-upload-dragger .el-upload__text{font-size:12px!important;color:#999}.ele-form-upload-image .el-upload-dragger .el-upload__text2{font-size:16px;color:#303133;line-height:22px;margin-top:16px;margin-bottom:16px}.ele-form-upload-image .el-progress-circle{width:90px!important;height:90px!important;margin:auto}.ele-form-upload-image .el-upload-list--picture-card .el-upload-list__item-thumbnail{object-fit:cover!important}.ele-form-upload-image .el-icon--close-tip{display:none!important}.ele-form-upload-file .ele-image-upload{flex-direction:column}.ele-form-upload-file .el-upload-list__item{margin:0!important}.ele-form-upload-file .el-form-item--default .el-form-item__content,.ele-form-upload-file .el-upload-list__item-name{line-height:20px!important;font-size:12px!important}.el-plus-form-panel .el-plus-form--inline .el-plus-form-btns{width:auto}.el-plus-form-panel .el-form--inline .el-form-item{margin-right:12px!important}.el-plus-form-panel .el-plus-form-col--break{clear:both}.el-plus-form-panel .el-plus-form-tip{color:#909399;line-height:1.5em;margin-top:3px}.el-plus-form-panel .el-plus-form-tip code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}.el-plus-form-panel .el-plus-form-column-panel>.el-form-item--default{margin-bottom:18px!important}.el-plus-form-panel .el-plus-form-column-panel>.el-form-item--default>.el-form-item__label{line-height:40px;margin-bottom:0}.el-plus-table-edit-column[data-v-76fa7ef7]{margin:0 10px;display:inline-block}.el-plus-table-edit-column .select-panel[data-v-76fa7ef7]{width:100%;height:30px;padding:0 10px;border-bottom:1px solid #eee;margin-bottom:10px}.el-plus-table-header-info .el-plus-table-header-form{display:flex;flex-wrap:wrap;align-items:center}.el-plus-table-header-info .el-plus-table-header-form .el-form{display:flex;justify-content:flex-start;flex-wrap:wrap}.el-plus-table-header-info .el-plus-table-header-form .el-form .el-form-item{margin-bottom:16px!important}.el-plus-table-header-info .el-plus-table-header-form .el-form .el-form-item .el-form-item__label{width:auto!important}.el-plus-table-header-info .el-plus-table-header-form .el-form .waterfall-panel{width:auto!important;align-items:center}.el-plus-table-header-info .el-plus-table-header-form .el-form .table-header-form-btns{white-space:nowrap;display:flex;flex-wrap:wrap;align-items:center}.el-plus-table-header-info .el-plus-table-header-form .el-form .table-header-form-btns>*{margin-bottom:16px}.el-plus-table-header-info .el-plus-table-header-form .el-plus-table-header-btns{display:flex;align-items:center;flex-wrap:wrap}.el-plus-table-header-info .el-plus-table-header-form .el-plus-table-header-btns .el-plus-table-header-btn{height:40px;display:flex;align-items:center;margin-right:10px}.el-plus-table-header-info[data-v-6ce69554]{width:100%}.el-plus-table-column-item[data-v-53e27808]{width:100%;display:flex}.el-plus-table-column-item[data-v-53e27808] .ele-form-text{display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.el-plus-table-column-row[data-v-53e27808]{flex-direction:row}.el-plus-table-column-row>div[data-v-53e27808]{margin-right:10px}.el-plus-table-column-row>div[data-v-53e27808]:last-child{margin:0}.el-plus-table-column-column[data-v-53e27808]{flex-direction:row}.el-plus-table-column-column>div[data-v-53e27808]{margin-bottom:10px}.el-plus-table-column-column>div[data-v-53e27808]:last-child{margin:0}.el-plus-table-content{background-color:#fff;border-radius:5px;padding:10px;width:100%;max-height:100%;overflow:hidden;display:flex;flex-direction:column;position:relative}.el-plus-table-content .th-required{position:relative}.el-plus-table-content .th-required:before{content:"*";position:absolute;left:-10px;font-size:16px;top:2px;color:#ff3b30;font-weight:700}.el-plus-table-content .select-items{display:flex;flex-wrap:wrap;align-items:center}.el-plus-table-content .select-items .title{font-size:18px;font-weight:700;margin-right:20px}.el-plus-table-content .select-items .select-item{margin:5px 10px 5px 0}.el-plus-table-content .select-items .select-item:last-child{margin-right:0}.el-plus-table-content .table-tabs-panel{margin-bottom:16px}.el-plus-table-content .summary-row{width:100%;background-color:var(--el-table-row-hover-bg-color);color:var(--el-table-text-color);padding:16px 20px;line-height:24px;height:40px;display:flex;position:relative}.el-plus-table-content .summary-row .summary-item{display:flex;align-items:center;margin-right:30px}.el-plus-table-content .summary-row .summary-item>span{margin-right:20px}.el-plus-table-content .el-plus-table-main{width:100%;flex:1;max-height:100%;display:flex;flex-direction:column}.el-plus-table-content .el-plus-table-main .el-table .cell{display:flex;align-items:center}.el-plus-table-content .pager-statistic{width:100%;position:fixed;height:32px;line-height:32px;bottom:0;text-align:right;min-width:900px}.el-plus-table-content .pager-statistic .statistic-item{display:inline-block}.el-plus-table-content .el-cascader__label{width:300px!important}.el-plus-table-content .bottom-page-static-info{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;min-height:41px;margin-top:10px}.el-plus-table-content .bottom-page-static-info .page-info{margin-right:30px}.el-plus-table-content .common-list-export-excel{background:#20a0ff;text-decoration:none;color:#fff;font-size:12px;height:29px;line-height:30px;display:block;margin-top:5px;border-radius:3px;padding:0 10px}.el-plus-table-content .common-list-export-excel:hover{background:#58b6ff}.el-plus-table-content .el-table__empty-block{height:auto!important}
+@charset "UTF-8";.ElPlusFormArea-panel[data-v-a9653fd0],.ElPlusFormAutocomplete-panel[data-v-9a2a6259],.el-plus-form-btn-group{display:flex}.el-plus-form-btn-group .group-menu-btn{margin-left:10px}.ElPlusFormCascader-panel[data-v-ab6b4aed],.ElPlusFormCascaderPanel-panel[data-v-2c8fbcd6],.ElPlusFormCheckbox-panel[data-v-d9495439],.ElPlusFormCheckboxButton-panel[data-v-01d22bc6],.ElPlusFormColor-panel[data-v-b0687872],.ElPlusFormDate-panel[data-v-7295d086],.el-plusF-form-daterange-panel[data-v-2f54b570],.ElPlusFormDatetime-panel[data-v-e8947510]{display:flex}.file-icons-panel[data-v-e0d1255f]{width:100%}.file-icons-panel .file-list[data-v-e0d1255f]{width:100%;display:flex;flex-direction:column}.file-icons-panel .file-list .file-item[data-v-e0d1255f]{display:flex;flex-direction:row;align-items:center;width:100%;height:28px;line-height:28px;padding-left:10px;background:#f5f7fa;margin-bottom:10px;cursor:pointer;font-size:13px;font-weight:400;color:#303133}.file-icons-panel .file-list .file-item[data-v-e0d1255f]:hover{background:#e7e8eb;color:#1890ff}.file-icons-panel .file-list .file-item .file-name[data-v-e0d1255f]{margin-left:10px}.file-icons-panel .card-list[data-v-e0d1255f]{width:100%;display:flex;flex-direction:row}.file-icons-panel .card-list .file-item[data-v-e0d1255f]{display:flex;flex-direction:column;align-items:center}.file-icons-panel .card-list .file-item .file-name[data-v-e0d1255f]{margin-top:10px}.ele-form-file{width:100%;display:flex;justify-content:center;margin-top:10px}.ele-form-file .form-file-list{display:flex;flex-direction:column;width:100%}.ele-form-file .no-img-tip{width:100%;color:#999;padding-left:20px}.ele-form-image{display:flex;flex-wrap:wrap}.ele-form-image .no-img-tip{color:#999}.ele-form-image .el-image{margin-left:10px;margin-bottom:10px}.ele-form-image .el-image{border-radius:5px;margin-bottom:10px}.ele-form-image .el-image .el-image__error{font-size:12px;line-height:13px}.el-plus-form-link[data-v-e9e128a8]{width:100%}.el-plus-form-link .items-panel[data-v-e9e128a8] .el-input__inner{cursor:pointer}.el-plus-form-link[data-v-e9e128a8] .el-tag__close{display:none!important}.form-link-dialog{width:100%;display:flex;box-sizing:border-box}.form-link-dialog .panel-left{min-width:60%;height:500px;display:flex;flex-direction:column}.form-link-dialog .panel-left .dept-breadcrumb{width:100%;padding:0 10px;margin-bottom:20px;cursor:pointer}.form-link-dialog .panel-right{min-width:40%;max-width:40%;margin-left:20px;border-left:1px var(--el-border-color) var(--el-border-style);padding:20px;display:flex;overflow:hidden;flex-direction:column}.form-link-dialog .panel-right .right-title{width:100%;font-size:14px;color:#999;margin-bottom:20px}.form-link-dialog .panel-right .tag-list{width:100%;height:400px;overflow:hidden}.form-link-dialog .panel-right .tag-list .tag-item .el-tag__content{max-width:100px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.form-link-dialog .panel-right .btn-panel{width:100%;min-height:50px;padding-top:10px;display:flex;justify-content:center}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}.ElPlusFormNumber-panel[data-v-9e51e72b]{width:100%!important;max-width:100%}.ElPlusFormNumber-panel[data-v-9e51e72b] .el-input__wrapper input{text-align:left!important}.el-plus-form-quick-input{width:100%;display:flex;align-items:center;margin-top:10px}.el-plus-form-quick-input .el-tag{margin-right:10px}.ElPlusFormRadio-panel[data-v-2d59dd3c],.ElPlusFormRate-panel[data-v-c585734a]{display:flex}.el-plus-form-select-options{width:100%;display:flex;justify-content:space-between;align-items:center}.el-plus-form-select-options>div{color:#aaa;max-width:40%;font-size:12px;word-break:break-all}.el-select-dropdown__item{height:auto;white-space:break-spaces}.ElPlusFormSlider-panel[data-v-b3d36458]{display:flex}.ElPlusFormStatus-panel[data-v-87ed9e56]{display:flex;line-height:25px;align-items:center}.ElPlusFormStatus-panel i[data-v-87ed9e56]{display:inline-block;min-width:10px;min-height:10px;border-radius:50%;margin-right:5px}.ElPlusFormStatus-panel .status-danger[data-v-87ed9e56]{background:#f56c6c}.ElPlusFormStatus-panel .status-success[data-v-87ed9e56]{background:#67c23a}.ElPlusFormStatus-panel .status-warning[data-v-87ed9e56]{background:#e6a23c}.ElPlusFormStatus-panel .status-info[data-v-87ed9e56]{background:#909399}.ele-form-text[data-v-07e15a42]{color:#606266;word-break:break-all;display:flex;align-items:center}.ele-form-text-click[data-v-07e15a42]{color:#1890ff;cursor:pointer}.ele-form-transfer[data-v-6262dcef]{line-height:1}.el-plus-form-tree[data-v-4aa78551]{width:100%}.ele-form-upload-image{width:100%;display:flex}.ele-form-upload-image .ele-image-upload{display:flex;justify-content:flex-start;width:100%}.ele-form-upload-image .upload-panel-icon{margin:auto}.ele-form-upload-image .upload-disabled .el-upload--picture-card{cursor:not-allowed!important}.ele-form-upload-image .el-icon-close-tip{display:none!important}.ele-form-upload-image .el-upload--picture-card{margin-bottom:12px}.ele-form-upload-image .over-limit .el-upload--picture-card{display:none!important}.ele-form-upload-image .el-upload--picture-card,.ele-form-upload-image .el-upload-list--picture-card .el-upload-list__item{width:100px!important;height:100px!important;border:none!important}.ele-form-upload-image .el-upload-dragger{display:flex;padding:0!important;min-height:100px}.ele-form-upload-image .el-upload-dragger .el-upload__text{font-size:12px!important;color:#999}.ele-form-upload-image .el-upload-dragger .el-upload__text2{font-size:16px;color:#303133;line-height:22px;margin-top:16px;margin-bottom:16px}.ele-form-upload-image .el-progress-circle{width:90px!important;height:90px!important;margin:auto}.ele-form-upload-image .el-upload-list--picture-card .el-upload-list__item-thumbnail{object-fit:cover!important}.ele-form-upload-image .el-icon--close-tip{display:none!important}.ele-form-upload-file .ele-image-upload{flex-direction:column}.ele-form-upload-file .el-upload-list__item{margin:0!important}.ele-form-upload-file .el-form-item--default .el-form-item__content,.ele-form-upload-file .el-upload-list__item-name{line-height:20px!important;font-size:12px!important}.el-plus-form-panel .el-plus-form--inline .el-plus-form-btns{width:auto}.el-plus-form-panel .el-form--inline .el-form-item{margin-right:12px!important}.el-plus-form-panel .el-plus-form-col--break{clear:both}.el-plus-form-panel .el-plus-form-tip{color:#909399;line-height:1.5em;margin-top:3px}.el-plus-form-panel .el-plus-form-tip code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}.el-plus-form-panel .el-plus-form-column-panel>.el-form-item--default{margin-bottom:18px!important}.el-plus-form-panel .el-plus-form-column-panel>.el-form-item--default>.el-form-item__label{line-height:40px;margin-bottom:0}.el-plus-table-edit-column[data-v-76fa7ef7]{margin:0 10px;display:inline-block}.el-plus-table-edit-column .select-panel[data-v-76fa7ef7]{width:100%;height:30px;padding:0 10px;border-bottom:1px solid #eee;margin-bottom:10px}.el-plus-table-header-info .el-plus-table-header-form{display:flex;flex-wrap:wrap;align-items:center}.el-plus-table-header-info .el-plus-table-header-form .el-form{display:flex;justify-content:flex-start;flex-wrap:wrap}.el-plus-table-header-info .el-plus-table-header-form .el-form .el-form-item{margin-bottom:16px!important}.el-plus-table-header-info .el-plus-table-header-form .el-form .el-form-item .el-form-item__label{width:auto!important}.el-plus-table-header-info .el-plus-table-header-form .el-form .waterfall-panel{width:auto!important;align-items:center}.el-plus-table-header-info .el-plus-table-header-form .el-form .table-header-form-btns{white-space:nowrap;display:flex;flex-wrap:wrap;align-items:center}.el-plus-table-header-info .el-plus-table-header-form .el-form .table-header-form-btns>*{margin-bottom:16px}.el-plus-table-header-info .el-plus-table-header-form .el-plus-table-header-btns{display:flex;align-items:center;flex-wrap:wrap}.el-plus-table-header-info .el-plus-table-header-form .el-plus-table-header-btns .el-plus-table-header-btn{height:40px;display:flex;align-items:center;margin-right:10px}.el-plus-table-header-info[data-v-6ce69554]{width:100%}.el-plus-table-column-item[data-v-53e27808]{width:100%;display:flex}.el-plus-table-column-item[data-v-53e27808] .ele-form-text{display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.el-plus-table-column-row[data-v-53e27808]{flex-direction:row}.el-plus-table-column-row>div[data-v-53e27808]{margin-right:10px}.el-plus-table-column-row>div[data-v-53e27808]:last-child{margin:0}.el-plus-table-column-column[data-v-53e27808]{flex-direction:row}.el-plus-table-column-column>div[data-v-53e27808]{margin-bottom:10px}.el-plus-table-column-column>div[data-v-53e27808]:last-child{margin:0}.el-plus-table-content{background-color:#fff;border-radius:5px;padding:10px;width:100%;max-height:100%;overflow:hidden;display:flex;flex-direction:column;position:relative}.el-plus-table-content .th-required{position:relative}.el-plus-table-content .th-required:before{content:"*";position:absolute;left:-10px;font-size:16px;top:2px;color:#ff3b30;font-weight:700}.el-plus-table-content .select-items{display:flex;flex-wrap:wrap;align-items:center}.el-plus-table-content .select-items .title{font-size:18px;font-weight:700;margin-right:20px}.el-plus-table-content .select-items .select-item{margin:5px 10px 5px 0}.el-plus-table-content .select-items .select-item:last-child{margin-right:0}.el-plus-table-content .table-tabs-panel{margin-bottom:16px}.el-plus-table-content .summary-row{width:100%;background-color:var(--el-table-row-hover-bg-color);color:var(--el-table-text-color);padding:16px 20px;line-height:24px;height:40px;display:flex;position:relative}.el-plus-table-content .summary-row .summary-item{display:flex;align-items:center;margin-right:30px}.el-plus-table-content .summary-row .summary-item>span{margin-right:20px}.el-plus-table-content .el-plus-table-main{width:100%;flex:1;max-height:100%;display:flex;flex-direction:column}.el-plus-table-content .el-plus-table-main .el-table .cell{display:flex;align-items:center}.el-plus-table-content .pager-statistic{width:100%;position:fixed;height:32px;line-height:32px;bottom:0;text-align:right;min-width:900px}.el-plus-table-content .pager-statistic .statistic-item{display:inline-block}.el-plus-table-content .el-cascader__label{width:300px!important}.el-plus-table-content .bottom-page-static-info{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;min-height:41px;margin-top:10px}.el-plus-table-content .bottom-page-static-info .page-info{margin-right:30px}.el-plus-table-content .common-list-export-excel{background:#20a0ff;text-decoration:none;color:#fff;font-size:12px;height:29px;line-height:30px;display:block;margin-top:5px;border-radius:3px;padding:0 10px}.el-plus-table-content .common-list-export-excel:hover{background:#58b6ff}.el-plus-table-content .el-table__empty-block{height:auto!important}

package/lib/components/el-plus-form/ElPlusFormDialog.vue

@@ -1,107 +1,107 @@
-<template>
-  <el-dialog class="el-plus-form-dialog" v-model="currentShow" :title="props.title" v-bind="dialogAttrs" destroy-on-close>
-    <!-- title 插槽 -->
-    <template #header>
-      <slot name="header" />
-    </template>
-    <ElPlusForm ref="refElPlusDialogForm" style="padding: 20px" :isDialog="true" v-model="currentValue" v-bind="attrs" :success="dialogSuccess" @cancel="close">
-      <template #top>
-        <slot name="top" />
-      </template>
-      <template #default>
-        <slot name="default" />
-      </template>
-    </ElPlusForm>
-  </el-dialog>
-</template>
-<script lang="ts">
-export default {
-  name: 'ElPlusFormDialog',
-  inheritAttrs: false,
-  customOptions: {}
-}
-</script>
-<script lang="ts" setup>
-import { ref, computed, useAttrs, nextTick } from 'vue'
-import ElPlusForm from './ElPlusForm.vue'
-import { ElMessage } from 'element-plus'
-
-const emits = defineEmits(['update:show', 'update:modelValue'])
-const props = withDefaults(defineProps<{ modelValue?: { [key: string]: any } | {}; show?: boolean; title?: string; tableRef?: any; success?: Function; successTip?: string }>(), {
-  title: '',
-  modelValue: () => {
-    return {}
-  },
-  show: false,
-  successTip: '操作成功!'
-})
-
-// 重新定义当前值
-const currentValue = computed({
-  get: () => props.modelValue,
-  set(val: any) {
-    emits('update:modelValue', val)
-  }
-})
-
-// 是否显示弹框
-const currentShow = computed({
-  get() {
-    // 打开时，清空一下校验
-    if (props.show) {
-      nextTick(() => {
-        setTimeout(() => {
-          refElPlusDialogForm.value?.clearValid()
-        }, 10)
-      })
-    }
-    return props.show
-  },
-  set(val: boolean) {
-    val ? open() : close()
-  }
-})
-const refElPlusDialogForm = ref(null as any)
-
-// 合并属性
-const { width, top, modal, appendToBody, showClose, draggable, closeOnClickModal, ...attrs } = Object.assign({ width: '700px', draggable: true, top: '15vh', closeOnClickModal: false, showCancel: true }, useAttrs())
-// 弹框属性
-const dialogAttrs = { width, top, modal, appendToBody, showClose, draggable, closeOnClickModal }
-
-/**
- * 这里重新定义一下成功事件
- * @param formBack
- */
-function dialogSuccess(formBack: IFormBack) {
-  if (props.success) {
-    props.success(formBack)
-  } else {
-    if (props.tableRef) {
-      ElMessage.success(props.successTip)
-      props.tableRef.reload()
-      close()
-      setTimeout(() => {
-        formBack.callback()
-      }, 200)
-    }
-  }
-}
-
-/**
- * 打开弹框
- */
-function open() {
-  emits('update:show', true)
-}
-
-/**
- * 关闭弹框
- */
-function close() {
-  emits('update:show', false)
-  // 这里清空一下表单
-  refElPlusDialogForm.value?.clear()
-}
-
-defineExpose({ open, close })
-</script>
+<template>
+  <el-dialog class="el-plus-form-dialog" v-model="currentShow" :title="props.title" v-bind="dialogAttrs" destroy-on-close>
+    <!-- title 插槽 -->
+    <template #header>
+      <slot name="header" />
+    </template>
+    <ElPlusForm ref="refElPlusDialogForm" style="padding: 20px" :isDialog="true" v-model="currentValue" v-bind="attrs" :success="dialogSuccess" @cancel="close">
+      <template #top>
+        <slot name="top" />
+      </template>
+      <template #default>
+        <slot name="default" />
+      </template>
+    </ElPlusForm>
+  </el-dialog>
+</template>
+<script lang="ts">
+export default {
+  name: 'ElPlusFormDialog',
+  inheritAttrs: false,
+  customOptions: {}
+}
+</script>
+<script lang="ts" setup>
+import { ref, computed, useAttrs, nextTick } from 'vue'
+import ElPlusForm from './ElPlusForm.vue'
+import { ElMessage } from 'element-plus'
+
+const emits = defineEmits(['update:show', 'update:modelValue'])
+const props = withDefaults(defineProps<{ modelValue?: { [key: string]: any } | {}; show?: boolean; title?: string; tableRef?: any; success?: Function; successTip?: string }>(), {
+  title: '',
+  modelValue: () => {
+    return {}
+  },
+  show: false,
+  successTip: '操作成功!'
+})
+
+// 重新定义当前值
+const currentValue = computed({
+  get: () => props.modelValue,
+  set(val: any) {
+    emits('update:modelValue', val)
+  }
+})
+
+// 是否显示弹框
+const currentShow = computed({
+  get() {
+    // 打开时，清空一下校验
+    if (props.show) {
+      nextTick(() => {
+        setTimeout(() => {
+          refElPlusDialogForm.value?.clearValid()
+        }, 10)
+      })
+    }
+    return props.show
+  },
+  set(val: boolean) {
+    val ? open() : close()
+  }
+})
+const refElPlusDialogForm = ref(null as any)
+
+// 合并属性
+const { width, top, modal, appendToBody, showClose, draggable, closeOnClickModal, ...attrs } = Object.assign({ width: '700px', draggable: true, top: '15vh', closeOnClickModal: false, showCancel: true }, useAttrs())
+// 弹框属性
+const dialogAttrs = { width, top, modal, appendToBody, showClose, draggable, closeOnClickModal }
+
+/**
+ * 这里重新定义一下成功事件
+ * @param formBack
+ */
+function dialogSuccess(formBack: IFormBack) {
+  if (props.success) {
+    props.success(formBack)
+  } else {
+    if (props.tableRef) {
+      ElMessage.success(props.successTip)
+      props.tableRef.reload()
+      close()
+      setTimeout(() => {
+        formBack.callback()
+      }, 200)
+    }
+  }
+}
+
+/**
+ * 打开弹框
+ */
+function open() {
+  emits('update:show', true)
+}
+
+/**
+ * 关闭弹框
+ */
+function close() {
+  emits('update:show', false)
+  // 这里清空一下表单
+  refElPlusDialogForm.value?.clear()
+}
+
+defineExpose({ open, close })
+</script>

package/lib/components/el-plus-form/components/ElPlusFormAutocomplete.vue

@@ -1,49 +1,49 @@
-<template>
-  <el-autocomplete class="ElPlusFormAutocomplete-panel" v-bind="attrs" v-on="onEvents" v-model="currentValue">
-    <!-- 作用域插槽 -->
-    <template #default="data">
-      <slot :data="data" />
-    </template>
-
-    <!-- 非作用域插槽 -->
-    <template v-for="(item, key, index) in slots" #[key]="data" :key="index">
-      <slot :name="key" :data="data" />
-    </template>
-  </el-autocomplete>
-</template>
-<script lang="ts">
-export default {
-  name: 'ElPlusFormAutocomplete',
-  inheritAttrs: false,
-  typeName: 'autocomplete',
-  customOptions: {}
-}
-</script>
-<script lang="ts" setup>
-import { ref, useAttrs, useSlots, onBeforeMount } from 'vue'
-import { getAttrs, getEvents } from '../mixins'
-
-const props = defineProps<{
-  modelValue?: string | number | '' | null
-  field: string
-  desc: { [key: string]: any }
-  formData: { [key: string]: any }
-}>()
-
-const emits = defineEmits(['update:modelValue'])
-const currentValue = ref(props.modelValue)
-emits('update:modelValue', currentValue)
-
-const slots = ref(Object.assign({}, useSlots(), props.desc.slots))
-const attrs = ref({} as any)
-const onEvents = ref(getEvents(props))
-
-onBeforeMount(async () => {
-  attrs.value = await getAttrs(props, { autocomplete: 'new-password', ...useAttrs() })
-})
-</script>
-<style lang="scss" scoped>
-.ElPlusFormAutocomplete-panel {
-  display: flex;
-}
-</style>
+<template>
+  <el-autocomplete class="ElPlusFormAutocomplete-panel" v-bind="attrs" v-on="onEvents" v-model="currentValue">
+    <!-- 作用域插槽 -->
+    <template #default="data">
+      <slot :data="data" />
+    </template>
+
+    <!-- 非作用域插槽 -->
+    <template v-for="(item, key, index) in slots" #[key]="data" :key="index">
+      <slot :name="key" :data="data" />
+    </template>
+  </el-autocomplete>
+</template>
+<script lang="ts">
+export default {
+  name: 'ElPlusFormAutocomplete',
+  inheritAttrs: false,
+  typeName: 'autocomplete',
+  customOptions: {}
+}
+</script>
+<script lang="ts" setup>
+import { ref, useAttrs, useSlots, onBeforeMount } from 'vue'
+import { getAttrs, getEvents } from '../mixins'
+
+const props = defineProps<{
+  modelValue?: string | number | '' | null
+  field: string
+  desc: { [key: string]: any }
+  formData: { [key: string]: any }
+}>()
+
+const emits = defineEmits(['update:modelValue'])
+const currentValue = ref(props.modelValue)
+emits('update:modelValue', currentValue)
+
+const slots = ref(Object.assign({}, useSlots(), props.desc.slots))
+const attrs = ref({} as any)
+const onEvents = ref(getEvents(props))
+
+onBeforeMount(async () => {
+  attrs.value = await getAttrs(props, { autocomplete: 'new-password', ...useAttrs() })
+})
+</script>
+<style lang="scss" scoped>
+.ElPlusFormAutocomplete-panel {
+  display: flex;
+}
+</style>

package/lib/components/el-plus-form/components/ElPlusFormBtns.vue

@@ -1,133 +1,133 @@
-<template>
-  <div class="el-plus-form-btn-group" :style="{ 'justify-content': getAlignItems }">
-    <template v-for="(item, i) in localBtnList" :key="i + (item.label || item.title || '')">
-      <ElPlusFormBtn type="primary" :field="field" :desc="item || {}" :formData="formData" :plain="(item && item.plain) ?? desc.plain ?? true" :text="desc.text" :rowIndex="rowIndex" />
-    </template>
-    <template v-if="limitList && limitList.length > 0">
-      <el-dropdown class="group-menu-btn" :size="desc.size || 'small'">
-        <el-button type="primary" :size="desc.size || 'small'" :plain="desc.plain ?? true"> 更多<i class="ele-ArrowDown el-icon--right" /> </el-button>
-        <template #dropdown>
-          <el-dropdown-menu>
-            <el-dropdown-item v-for="(item, i) in limitList" :key="i + (item.label || item.title)" v-on="handelEvelt(item)">
-              {{ item.label || item.title }}
-            </el-dropdown-item>
-          </el-dropdown-menu>
-        </template>
-      </el-dropdown>
-    </template>
-  </div>
-</template>
-<script lang="ts">
-export default {
-  name: 'ElPlusFormBtns',
-  inheritAttrs: false,
-  typeName: 'btns',
-  customOptions: {}
-}
-</script>
-<script lang="ts" setup>
-import { ref, computed, watch, onMounted } from 'vue'
-import ElPlusFormBtn from './ElPlusFormBtn.vue'
-import { ElMessageBox } from 'element-plus'
-
-const props = defineProps<{
-  field: string
-  rowIndex?: number
-  desc: { [key: string]: any }
-  formData: { [key: string]: any }
-}>()
-
-const localBtnList = ref([] as any[])
-const limitList = ref([] as any[])
-
-const getAlignItems = computed(() => {
-  switch (props.desc.align) {
-    case 'right':
-      return 'flex-end'
-    case 'center':
-      return 'center'
-    case undefined:
-    case 'left':
-      return 'flex-start'
-    default:
-      return 'flex-start'
-  }
-})
-
-const handelEvelt = computed(() => {
-  return (item: any) => {
-    const events = {} as any
-    if (item && item.on) {
-      for (const key in item.on) {
-        if (key === 'click' && item.confirm) {
-          events[key] = function () {
-            ElMessageBox.confirm(item.confirm, '提示', {
-              type: 'warning'
-            }).then(() => {
-              item.on[key]({ row: props.formData, field: props.field, rowIndex: props.rowIndex } as IBtnBack)
-            })
-          }
-        } else {
-          events[key] = function () {
-            item.on[key]({ row: props.formData, field: props.field, rowIndex: props.rowIndex } as IBtnBack)
-          }
-        }
-      }
-    }
-    return events
-  }
-})
-
-// 初始化
-const initBtnList = () => {
-  const tempList = [] as any[]
-  if (props.desc.btns.length > 0) {
-    props.desc.btns.map((item: any) => {
-      if (handelItemVIf(item)) {
-        tempList.push(item)
-      }
-    })
-  }
-  localBtnList.value = tempList
-  const limit = props.desc.limit || 3
-  if (localBtnList.value.length > limit) {
-    limitList.value = localBtnList.value.splice(limit - 1)
-  }
-}
-// 执行一次vif的处理
-const handelItemVIf = (formItem: any): Boolean => {
-  if (typeof formItem.vif === 'function') {
-    return Boolean(runFnGetData(formItem.vif))
-  } else if (typeof formItem.vif === 'boolean') {
-    return formItem.vif
-  }
-  return true
-}
-// 执行函数,获取相关数据
-const runFnGetData = (fn: Function) => {
-  return fn(props.formData)
-}
-
-watch(
-  () => props.desc,
-  () => initBtnList()
-)
-watch(
-  () => props.formData,
-  () => initBtnList()
-)
-
-onMounted(() => {
-  initBtnList()
-})
-</script>
-
-<style lang="scss">
-.el-plus-form-btn-group {
-  display: flex;
-
-  .group-menu-btn {
-    margin-left: 10px;
-  }
-}
-</style>
+<template>
+  <div class="el-plus-form-btn-group" :style="{ 'justify-content': getAlignItems }">
+    <template v-for="(item, i) in localBtnList" :key="i + (item.label || item.title || '')">
+      <ElPlusFormBtn type="primary" :field="field" :desc="item || {}" :formData="formData" :plain="(item && item.plain) ?? desc.plain ?? true" :text="desc.text" :rowIndex="rowIndex" />
+    </template>
+    <template v-if="limitList && limitList.length > 0">
+      <el-dropdown class="group-menu-btn" :size="desc.size || 'small'">
+        <el-button type="primary" :size="desc.size || 'small'" :plain="desc.plain ?? true"> 更多<i class="ele-ArrowDown el-icon--right" /> </el-button>
+        <template #dropdown>
+          <el-dropdown-menu>
+            <el-dropdown-item v-for="(item, i) in limitList" :key="i + (item.label || item.title)" v-on="handelEvelt(item)">
+              {{ item.label || item.title }}
+            </el-dropdown-item>
+          </el-dropdown-menu>
+        </template>
+      </el-dropdown>
+    </template>
+  </div>
+</template>
+<script lang="ts">
+export default {
+  name: 'ElPlusFormBtns',
+  inheritAttrs: false,
+  typeName: 'btns',
+  customOptions: {}
+}
+</script>
+<script lang="ts" setup>
+import { ref, computed, watch, onMounted } from 'vue'
+import ElPlusFormBtn from './ElPlusFormBtn.vue'
+import { ElMessageBox } from 'element-plus'
+
+const props = defineProps<{
+  field: string
+  rowIndex?: number
+  desc: { [key: string]: any }
+  formData: { [key: string]: any }
+}>()
+
+const localBtnList = ref([] as any[])
+const limitList = ref([] as any[])
+
+const getAlignItems = computed(() => {
+  switch (props.desc.align) {
+    case 'right':
+      return 'flex-end'
+    case 'center':
+      return 'center'
+    case undefined:
+    case 'left':
+      return 'flex-start'
+    default:
+      return 'flex-start'
+  }
+})
+
+const handelEvelt = computed(() => {
+  return (item: any) => {
+    const events = {} as any
+    if (item && item.on) {
+      for (const key in item.on) {
+        if (key === 'click' && item.confirm) {
+          events[key] = function () {
+            ElMessageBox.confirm(item.confirm, '提示', {
+              type: 'warning'
+            }).then(() => {
+              item.on[key]({ row: props.formData, field: props.field, rowIndex: props.rowIndex } as IBtnBack)
+            })
+          }
+        } else {
+          events[key] = function () {
+            item.on[key]({ row: props.formData, field: props.field, rowIndex: props.rowIndex } as IBtnBack)
+          }
+        }
+      }
+    }
+    return events
+  }
+})
+
+// 初始化
+const initBtnList = () => {
+  const tempList = [] as any[]
+  if (props.desc.btns.length > 0) {
+    props.desc.btns.map((item: any) => {
+      if (handelItemVIf(item)) {
+        tempList.push(item)
+      }
+    })
+  }
+  localBtnList.value = tempList
+  const limit = props.desc.limit || 3
+  if (localBtnList.value.length > limit) {
+    limitList.value = localBtnList.value.splice(limit - 1)
+  }
+}
+// 执行一次vif的处理
+const handelItemVIf = (formItem: any): Boolean => {
+  if (typeof formItem.vif === 'function') {
+    return Boolean(runFnGetData(formItem.vif))
+  } else if (typeof formItem.vif === 'boolean') {
+    return formItem.vif
+  }
+  return true
+}
+// 执行函数,获取相关数据
+const runFnGetData = (fn: Function) => {
+  return fn(props.formData)
+}
+
+watch(
+  () => props.desc,
+  () => initBtnList()
+)
+watch(
+  () => props.formData,
+  () => initBtnList()
+)
+
+onMounted(() => {
+  initBtnList()
+})
+</script>
+
+<style lang="scss">
+.el-plus-form-btn-group {
+  display: flex;
+
+  .group-menu-btn {
+    margin-left: 10px;
+  }
+}
+</style>