el-plus-crud 0.0.39 → 0.0.40

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/style.css CHANGED
@@ -1 +1 @@
1
- @charset "UTF-8";.ElPlusFormArea-panel[data-v-2f7bbae6],.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-a7ddb338],.ElPlusFormCascaderPanel-panel[data-v-9b97ec3d],.ElPlusFormCheckbox-panel[data-v-2465ae9d],.ElPlusFormCheckboxButton-panel[data-v-8f342dc8],.ElPlusFormColor-panel[data-v-b0687872],.ElPlusFormDate-panel[data-v-7295d086],.el-plusF-form-daterange-panel[data-v-45f09558],.ElPlusFormDatetime-panel[data-v-a93735d0],.el-plusF-form-datetimerange-panel[data-v-d225590c]{display:flex}.file-icons-panel[data-v-26d8ab17]{width:100%}.file-icons-panel .file-list[data-v-26d8ab17]{width:100%;display:flex;flex-direction:column}.file-icons-panel .file-list .file-item[data-v-26d8ab17]{display:flex;flex-direction:row;align-items:center;width:100%;height:28px;line-height:28px;padding:0 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-26d8ab17]:hover{background:#e7e8eb;color:var(--el-color-primary)}.file-icons-panel .file-list .file-item .file-name[data-v-26d8ab17]{margin-left:10px}.file-icons-panel .card-list[data-v-26d8ab17]{width:100%;display:flex;flex-direction:row}.file-icons-panel .card-list .file-item[data-v-26d8ab17]{display:flex;flex-direction:column;align-items:center}.file-icons-panel .card-list .file-item .file-name[data-v-26d8ab17]{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}.el-plus-form-link-user[data-v-a971483b]{width:100%}.el-plus-form-link-user .items-panel[data-v-a971483b] .el-input__inner{cursor:pointer}.el-plus-form-link-user[data-v-a971483b] .el-tag__close{display:none!important}.form-link-user-dialog{width:100%;display:flex;box-sizing:border-box}.form-link-user-dialog .panel-left{width:60%;display:flex;flex-direction:column}.form-link-user-dialog .panel-left .dept-breadcrumb{width:100%;padding:0 10px;margin-bottom:20px;cursor:pointer}.form-link-user-dialog .panel-right{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-user-dialog .panel-right .right-title{width:100%;font-size:14px;color:#999;margin-bottom:20px}.form-link-user-dialog .panel-right .tag-list{width:100%;flex:1;overflow-y:hidden}.form-link-user-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-309a20b7]{width:100%!important;max-width:100%}.ElPlusFormNumber-panel[data-v-309a20b7] .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-02c49aae]{display:flex;line-height:25px;align-items:center}.ElPlusFormStatus-panel i[data-v-02c49aae]{display:inline-block;min-width:10px;min-height:10px;border-radius:50%;margin-right:5px}.ele-form-text[data-v-be811ef2]{color:#606266;word-break:break-all;display:flex;align-items:center}.ele-form-text-click[data-v-be811ef2]{color:var(--el-color-primary);cursor:pointer}.ele-form-transfer[data-v-6262dcef]{line-height:1}.el-plus-form-tree[data-v-c636bc55]{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-form-group .title-line{width:100%;height:22px;font-size:16px;font-weight:500;color:#222;line-height:22px;position:relative;padding-left:10px;margin-bottom:20px}.el-plus-form-group .title-line:before{position:absolute;content:"";width:3px;height:16px;left:0;top:1px;background-color:var(--el-color-primary)}.el-plus-table-edit-column[data-v-c53d7d2d]{margin:0 10px;display:inline-block}.el-plus-table-edit-column .select-panel[data-v-c53d7d2d]{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-14a90d82]{width:100%}.el-plus-table-column-item[data-v-7b9b91ba]{width:100%;display:flex}.el-plus-table-column-item[data-v-7b9b91ba] .ele-form-text{display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.el-plus-table-column-row[data-v-7b9b91ba]{flex-direction:row}.el-plus-table-column-row>div[data-v-7b9b91ba]{margin-right:10px}.el-plus-table-column-row>div[data-v-7b9b91ba]:last-child{margin:0}.el-plus-table-column-column[data-v-7b9b91ba]{flex-direction:row}.el-plus-table-column-column>div[data-v-7b9b91ba]{margin-bottom:10px}.el-plus-table-column-column>div[data-v-7b9b91ba]: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}.el-plus-table-content .el-plus-table-main .el-table .is-center .cell{align-items:center;justify-content: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}
1
+ @charset "UTF-8";.ElPlusFormArea-panel[data-v-2f7bbae6],.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-a7ddb338],.ElPlusFormCascaderPanel-panel[data-v-9b97ec3d],.ElPlusFormCheckbox-panel[data-v-2465ae9d],.ElPlusFormCheckboxButton-panel[data-v-8f342dc8],.ElPlusFormColor-panel[data-v-b0687872],.ElPlusFormDate-panel[data-v-7295d086],.el-plusF-form-daterange-panel[data-v-45f09558],.ElPlusFormDatetime-panel[data-v-a93735d0],.el-plusF-form-datetimerange-panel[data-v-9066a7c0]{display:flex}.file-icons-panel[data-v-26d8ab17]{width:100%}.file-icons-panel .file-list[data-v-26d8ab17]{width:100%;display:flex;flex-direction:column}.file-icons-panel .file-list .file-item[data-v-26d8ab17]{display:flex;flex-direction:row;align-items:center;width:100%;height:28px;line-height:28px;padding:0 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-26d8ab17]:hover{background:#e7e8eb;color:var(--el-color-primary)}.file-icons-panel .file-list .file-item .file-name[data-v-26d8ab17]{margin-left:10px}.file-icons-panel .card-list[data-v-26d8ab17]{width:100%;display:flex;flex-direction:row}.file-icons-panel .card-list .file-item[data-v-26d8ab17]{display:flex;flex-direction:column;align-items:center}.file-icons-panel .card-list .file-item .file-name[data-v-26d8ab17]{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}.el-plus-form-link-user[data-v-a971483b]{width:100%}.el-plus-form-link-user .items-panel[data-v-a971483b] .el-input__inner{cursor:pointer}.el-plus-form-link-user[data-v-a971483b] .el-tag__close{display:none!important}.form-link-user-dialog{width:100%;display:flex;box-sizing:border-box}.form-link-user-dialog .panel-left{width:60%;display:flex;flex-direction:column}.form-link-user-dialog .panel-left .dept-breadcrumb{width:100%;padding:0 10px;margin-bottom:20px;cursor:pointer}.form-link-user-dialog .panel-right{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-user-dialog .panel-right .right-title{width:100%;font-size:14px;color:#999;margin-bottom:20px}.form-link-user-dialog .panel-right .tag-list{width:100%;flex:1;overflow-y:hidden}.form-link-user-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-309a20b7]{width:100%!important;max-width:100%}.ElPlusFormNumber-panel[data-v-309a20b7] .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-02c49aae]{display:flex;line-height:25px;align-items:center}.ElPlusFormStatus-panel i[data-v-02c49aae]{display:inline-block;min-width:10px;min-height:10px;border-radius:50%;margin-right:5px}.ele-form-text[data-v-be811ef2]{color:#606266;word-break:break-all;display:flex;align-items:center}.ele-form-text-click[data-v-be811ef2]{color:var(--el-color-primary);cursor:pointer}.ele-form-transfer[data-v-6262dcef]{line-height:1}.el-plus-form-tree[data-v-c636bc55]{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-form-group .title-line{width:100%;height:22px;font-size:16px;font-weight:500;color:#222;line-height:22px;position:relative;padding-left:10px;margin-bottom:20px}.el-plus-form-group .title-line:before{position:absolute;content:"";width:3px;height:16px;left:0;top:1px;background-color:var(--el-color-primary)}.el-plus-table-edit-column[data-v-c53d7d2d]{margin:0 10px;display:inline-block}.el-plus-table-edit-column .select-panel[data-v-c53d7d2d]{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-14a90d82]{width:100%}.el-plus-table-column-item[data-v-7b9b91ba]{width:100%;display:flex}.el-plus-table-column-item[data-v-7b9b91ba] .ele-form-text{display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.el-plus-table-column-row[data-v-7b9b91ba]{flex-direction:row}.el-plus-table-column-row>div[data-v-7b9b91ba]{margin-right:10px}.el-plus-table-column-row>div[data-v-7b9b91ba]:last-child{margin:0}.el-plus-table-column-column[data-v-7b9b91ba]{flex-direction:row}.el-plus-table-column-column>div[data-v-7b9b91ba]{margin-bottom:10px}.el-plus-table-column-column>div[data-v-7b9b91ba]: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}.el-plus-table-content .el-plus-table-main .el-table .is-center .cell{align-items:center;justify-content: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}
@@ -6,7 +6,7 @@
6
6
  <el-row :gutter="10" v-for="(formList, index) in attrMapToTableList" :key="index" :style="{ marginRight: isTable ? '20px' : 0 }">
7
7
  <el-col v-for="(formItem, y) in formList" :key="index + '-' + y + '-' + formItem.field" :xs="24" :sm="24" :md="formItem.colspan && formItem.colspan >= column ? 24 : column >= 2 ? 12 : 24" :lg="formItem.colspan && formItem.colspan >= column ? 24 : Math.floor((24 / column) * (formItem.colspan || 1))" :xl="formItem.colspan && formItem.colspan >= column ? 24 : Math.floor((24 / column) * (formItem.colspan || 1))">
8
8
  <div v-if="formItem._vif" class="el-plus-form-column-panel" :style="{ 'justify-content': isTable ? 'flex-end' : 'flex-start' }">
9
- <el-form-item style="min-height: 40px" :label="showLabel && formItem.showLabel !== false ? formItem._label : null" :label-width="formItem.labelWidth || labelWidth || (isDialog ? '100px' : '120px')" :prop="formItem.field" :style="{ width: formItem._attrs?.width || formItem.width || (isTable ? '150px' : '100%') }">
9
+ <el-form-item style="min-height: 40px; display: flex" :label="showLabel && formItem.showLabel !== false ? formItem._label : null" :label-width="formItem.labelWidth || labelWidth || (isDialog ? '100px' : '120px')" :prop="formItem.field" :style="{ width: formItem._attrs?.width || formItem.width || (isTable ? '150px' : '100%') }">
10
10
  <component style="min-width: 80px; width: 100%" :is="formItem._type" :formData="props.modelValue" :disabled="formItem._disabled ?? disabled ?? false" :readonly="readonly ?? false" v-bind="formItem._attrs" :desc="formItem" :ref="setComponentRef" :field="formItem.field" v-model="props.modelValue[formItem.field || '']" :isTable="isTable" @validateThis="() => handelValidateThis(formItem.field || '')"></component>
11
11
  <div class="el-plus-form-tip" v-if="formItem._tip" v-html="formItem._tip" />
12
12
  </el-form-item>
@@ -463,7 +463,6 @@ const handelValToForm = (desc: IFormDescItem, field: string, val: any) => {
463
463
  result.streetId = sid || -1
464
464
  }
465
465
  } else if (desc.type === 'daterange') {
466
- console.log('daterange**********************************')
467
466
  if (val && val.length === 2) {
468
467
  result.startTime = val[0]
469
468
  if (typeof val[1] === 'string') {
@@ -633,7 +632,6 @@ const handleSubmitForm = async () => {
633
632
  * 重置,并清除校验
634
633
  */
635
634
  const reset = () => {
636
- console.log('reset**********************************')
637
635
  // refElPlusForm.value.resetFields();
638
636
  // 重置
639
637
  Object.keys(props.modelValue).map((key) => {
@@ -686,7 +684,6 @@ function handelValidateThis(field: string) {
686
684
  * 刷新表单
687
685
  */
688
686
  function refresh() {
689
- console.log('refresh***************************')
690
687
  // 重新刷新表单
691
688
  initFormAttrs()
692
689
  // 重置校验
@@ -1,46 +1,46 @@
1
- <template>
2
- <el-date-picker v-if="isInit" class="el-plusF-form-datetimerange-panel" v-bind="attrs" v-on="onEvents" v-model="currentValue">
3
- <!-- 非作用域插槽 -->
4
- <template v-for="(item, key, index) in slots" #[key]="data" :key="index">
5
- <slot :name="key" :data="data" />
6
- </template>
7
- </el-date-picker>
8
- </template>
9
- <script lang="ts">
10
- export default {
11
- name: 'ElPlusFormDatetimerange',
12
- inheritAttrs: false,
13
- typeName: 'datetimerange',
14
- customOptions: {}
15
- }
16
- </script>
17
- <script lang="ts" setup>
18
- import { ref, useAttrs, useSlots, onBeforeMount } from 'vue'
19
- import { getAttrs, getEvents } from '../mixins'
20
-
21
- const props = defineProps<{
22
- modelValue?: Array<string> | Date
23
- field: string
24
- desc: { [key: string]: any }
25
- formData: { [key: string]: any }
26
- }>()
27
-
28
- const emits = defineEmits(['update:modelValue'])
29
- const currentValue = ref(props.modelValue)
30
- const slots = ref(Object.assign({}, useSlots(), props.desc.slots))
31
- const attrs = ref({} as any)
32
- const isInit = ref(false)
33
- const onEvents = ref(getEvents(props))
34
-
35
- emits('update:modelValue', currentValue)
36
-
37
- onBeforeMount(async () => {
38
- attrs.value = await getAttrs(props, { type: 'datetimerange', format: 'YYYY-MM-DD HH:mm:ss', valueFormat: 'x', editable: false, ...useAttrs() })
39
- isInit.value = true
40
- })
41
- </script>
42
- <style lang="scss" scoped>
43
- .el-plusF-form-datetimerange-panel {
44
- display: flex;
45
- }
46
- </style>
1
+ <template>
2
+ <el-date-picker v-if="isInit" class="el-plusF-form-datetimerange-panel" v-bind="attrs" v-on="onEvents" v-model="currentValue">
3
+ <!-- 非作用域插槽 -->
4
+ <template v-for="(item, key, index) in slots" #[key]="data" :key="index">
5
+ <slot :name="key" :data="data" />
6
+ </template>
7
+ </el-date-picker>
8
+ </template>
9
+ <script lang="ts">
10
+ export default {
11
+ name: 'ElPlusFormDatetimerange',
12
+ inheritAttrs: false,
13
+ typeName: 'datetimerange',
14
+ customOptions: {}
15
+ }
16
+ </script>
17
+ <script lang="ts" setup>
18
+ import { ref, useAttrs, useSlots, onBeforeMount } from 'vue'
19
+ import { getAttrs, getEvents } from '../mixins'
20
+
21
+ const props = defineProps<{
22
+ modelValue?: Array<string> | Date
23
+ field: string
24
+ desc: { [key: string]: any }
25
+ formData: { [key: string]: any }
26
+ }>()
27
+
28
+ const emits = defineEmits(['update:modelValue'])
29
+ const currentValue = ref(props.modelValue)
30
+ const slots = ref(Object.assign({}, useSlots(), props.desc.slots))
31
+ const attrs = ref({} as any)
32
+ const isInit = ref(false)
33
+ const onEvents = ref(getEvents(props))
34
+
35
+ emits('update:modelValue', currentValue)
36
+
37
+ onBeforeMount(async () => {
38
+ attrs.value = await getAttrs(props, { type: 'datetimerange', format: 'YYYY-MM-DD HH:mm:ss', valueFormat: 'x', editable: false, ...useAttrs() })
39
+ isInit.value = true
40
+ })
41
+ </script>
42
+ <style lang="scss" scoped>
43
+ .el-plusF-form-datetimerange-panel {
44
+ display: flex;
45
+ }
46
+ </style>
@@ -1,61 +1,61 @@
1
- <template>
2
- <el-input v-if="isInit" style="display: flex" v-bind="attrs" v-on="onEvents" v-model="currentValue">
3
- <template v-for="(item, key, index) of slots" #[key] :key="index">
4
- <slot :name="key" />
5
- </template>
6
- </el-input>
7
- </template>
8
- <script lang="ts">
9
- export default {
10
- name: 'ElPlusFormInput',
11
- inheritAttrs: false,
12
- typeName: 'input',
13
- customOptions: {}
14
- }
15
- </script>
16
- <script lang="ts" setup>
17
- import { ref, watch, useAttrs, useSlots, onBeforeMount, inject } from 'vue'
18
- import { getAttrs, getEvents } from '../mixins'
19
-
20
- const defaultConf = inject('defaultConf') as ICRUDConfig
21
-
22
- const props = defineProps<{
23
- modelValue?: string | null
24
- field: string
25
- desc: { [key: string]: any }
26
- formData: { [key: string]: any }
27
- }>()
28
-
29
- const emits = defineEmits(['update:modelValue', 'validateThis'])
30
- const slots = ref(Object.assign({}, useSlots(), props.desc.slots))
31
- const attrs = ref({} as any)
32
- const isInit = ref(false)
33
- const onEvents = ref(getEvents(props))
34
-
35
- const currentValue = ref()
36
- emits('update:modelValue', currentValue)
37
-
38
- onBeforeMount(async () => {
39
- attrs.value = await getAttrs(props, { autocomplete: 'new-password', maxlength: defaultConf.form?.leng?.input || 0, clearable: true, ...useAttrs() })
40
- isInit.value = true
41
- })
42
-
43
- watch(
44
- () => props.modelValue,
45
- (data: string | null | undefined) => {
46
- // 这里要截取一下字符串长度
47
- if (data && data.length > attrs.value.maxlength) {
48
- data = data.substring(0, attrs.value.maxlength)
49
- }
50
- currentValue.value = data
51
- },
52
- { immediate: true }
53
- )
54
-
55
- watch(
56
- () => currentValue.value,
57
- () => {
58
- emits('validateThis')
59
- }
60
- )
61
- </script>
1
+ <template>
2
+ <el-input v-if="isInit" style="display: flex" v-bind="attrs" v-on="onEvents" v-model="currentValue">
3
+ <template v-for="(item, key, index) of slots" #[key] :key="index">
4
+ <slot :name="key" />
5
+ </template>
6
+ </el-input>
7
+ </template>
8
+ <script lang="ts">
9
+ export default {
10
+ name: 'ElPlusFormInput',
11
+ inheritAttrs: false,
12
+ typeName: 'input',
13
+ customOptions: {}
14
+ }
15
+ </script>
16
+ <script lang="ts" setup>
17
+ import { ref, watch, useAttrs, useSlots, onBeforeMount, inject } from 'vue'
18
+ import { getAttrs, getEvents } from '../mixins'
19
+
20
+ const defaultConf = inject('defaultConf') as ICRUDConfig
21
+
22
+ const props = defineProps<{
23
+ modelValue?: string | null
24
+ field: string
25
+ desc: { [key: string]: any }
26
+ formData: { [key: string]: any }
27
+ }>()
28
+
29
+ const emits = defineEmits(['update:modelValue', 'validateThis'])
30
+ const slots = ref(Object.assign({}, useSlots(), props.desc.slots))
31
+ const attrs = ref({} as any)
32
+ const isInit = ref(false)
33
+ const onEvents = ref(getEvents(props))
34
+
35
+ const currentValue = ref()
36
+ emits('update:modelValue', currentValue)
37
+
38
+ onBeforeMount(async () => {
39
+ attrs.value = await getAttrs(props, { autocomplete: 'new-password', maxlength: defaultConf.form?.leng?.input || 0, clearable: true, ...useAttrs() })
40
+ isInit.value = true
41
+ })
42
+
43
+ watch(
44
+ () => props.modelValue,
45
+ (data: string | null | undefined) => {
46
+ // 这里要截取一下字符串长度
47
+ if (data && data.length > attrs.value.maxlength) {
48
+ data = data.substring(0, attrs.value.maxlength)
49
+ }
50
+ currentValue.value = data
51
+ },
52
+ { immediate: true }
53
+ )
54
+
55
+ watch(
56
+ () => currentValue.value,
57
+ () => {
58
+ emits('validateThis')
59
+ }
60
+ )
61
+ </script>
@@ -1,43 +1,43 @@
1
- <template>
2
- <el-input v-if="isInit" :class="desc.class" :show-password="true" v-bind="attrs" v-on="onEvents" v-model="currentValue">
3
- <!-- 组件内部插槽 -->
4
- <template v-for="(item, key, index) in slots" #[key]="data" :key="index">
5
- <slot :name="key" :data="data" />
6
- </template>
7
- </el-input>
8
- </template>
9
- <script lang="ts">
10
- export default {
11
- name: 'ElPlusFormPassword',
12
- inheritAttrs: false,
13
- typeName: 'password',
14
- customOptions: {}
15
- }
16
- </script>
17
- <script lang="ts" setup>
18
- import { ref, useAttrs, useSlots, onBeforeMount, inject } from 'vue'
19
- import { getAttrs, getEvents } from '../mixins'
20
-
21
- const defaultConf = inject('defaultConf') as ICRUDConfig
22
-
23
- const props = defineProps<{
24
- modelValue?: string | number | '' | null
25
- field: string
26
- loading?: boolean
27
- desc: { [key: string]: any }
28
- formData: { [key: string]: any }
29
- }>()
30
- const emits = defineEmits(['update:modelValue'])
31
- const currentValue = ref(props.modelValue)
32
- emits('update:modelValue', currentValue)
33
-
34
- const slots = ref(Object.assign({}, useSlots(), props.desc.slots))
35
- const attrs = ref({} as any)
36
- const isInit = ref(false)
37
- const onEvents = ref(getEvents(props))
38
-
39
- onBeforeMount(async () => {
40
- attrs.value = await getAttrs(props, { autocomplete: 'new-password', maxlength: defaultConf.form?.leng?.input || 0, ...useAttrs() })
41
- isInit.value = true
42
- })
43
- </script>
1
+ <template>
2
+ <el-input v-if="isInit" :class="desc.class" :show-password="true" v-bind="attrs" v-on="onEvents" v-model="currentValue">
3
+ <!-- 组件内部插槽 -->
4
+ <template v-for="(item, key, index) in slots" #[key]="data" :key="index">
5
+ <slot :name="key" :data="data" />
6
+ </template>
7
+ </el-input>
8
+ </template>
9
+ <script lang="ts">
10
+ export default {
11
+ name: 'ElPlusFormPassword',
12
+ inheritAttrs: false,
13
+ typeName: 'password',
14
+ customOptions: {}
15
+ }
16
+ </script>
17
+ <script lang="ts" setup>
18
+ import { ref, useAttrs, useSlots, onBeforeMount, inject } from 'vue'
19
+ import { getAttrs, getEvents } from '../mixins'
20
+
21
+ const defaultConf = inject('defaultConf') as ICRUDConfig
22
+
23
+ const props = defineProps<{
24
+ modelValue?: string | number | '' | null
25
+ field: string
26
+ loading?: boolean
27
+ desc: { [key: string]: any }
28
+ formData: { [key: string]: any }
29
+ }>()
30
+ const emits = defineEmits(['update:modelValue'])
31
+ const currentValue = ref(props.modelValue)
32
+ emits('update:modelValue', currentValue)
33
+
34
+ const slots = ref(Object.assign({}, useSlots(), props.desc.slots))
35
+ const attrs = ref({} as any)
36
+ const isInit = ref(false)
37
+ const onEvents = ref(getEvents(props))
38
+
39
+ onBeforeMount(async () => {
40
+ attrs.value = await getAttrs(props, { autocomplete: 'new-password', maxlength: defaultConf.form?.leng?.input || 0, ...useAttrs() })
41
+ isInit.value = true
42
+ })
43
+ </script>
@@ -74,6 +74,7 @@ function getPlaceholder(desc: { [key: string]: any }) {
74
74
  case 'number':
75
75
  case 'validCode':
76
76
  case 'tag':
77
+ case 'textarea':
77
78
  return { placeholder: desc?.placeholder || '请输入' + desc?._label }
78
79
  case 'switch':
79
80
  return {}
@@ -85,7 +86,8 @@ function getPlaceholder(desc: { [key: string]: any }) {
85
86
  case 'data':
86
87
  case 'datetime':
87
88
  case 'datas':
88
- return { placeholder: '选择日期' }
89
+ case 'date':
90
+ return { placeholder: '请选择日期' }
89
91
  case 'daterange':
90
92
  case 'datetimerange':
91
93
  case 'timerange':
@@ -95,9 +97,9 @@ function getPlaceholder(desc: { [key: string]: any }) {
95
97
  endPlaceholder: '结束日期'
96
98
  }
97
99
  case 'dates':
98
- return { placeholder: '选择一个或多个日期' }
100
+ return { placeholder: '请选择一个或多个日期' }
99
101
  case 'month':
100
- return { placeholder: '选择月' }
102
+ return { placeholder: '请选择月' }
101
103
  case 'time':
102
104
  case 'timsPicker':
103
105
  return { placeholder: '请选择时间' }
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "el-plus-crud",
3
3
  "description": "采用Vue3 + TS,封装的element-plus数据驱动表单、列表组件",
4
4
  "author": "K.D.Jack",
5
- "version": "0.0.39",
5
+ "version": "0.0.40",
6
6
  "license": "MIT",
7
7
  "private": false,
8
8
  "main": "dist/el-plus-crud.mjs",