el-plus-crud 0.0.38 → 0.0.39
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/.eslintrc.js +78 -78
- package/.prettierrc.js +39 -39
- package/CHANGELOG.md +7 -5
- package/build.js +31 -31
- package/dist/el-plus-crud.mjs +2750 -2722
- package/dist/el-plus-crud.umd.js +14 -14
- package/dist/style.css +1 -1
- package/example/App.vue +67 -67
- package/example/main.js +18 -18
- package/index.html +13 -13
- package/lib/components/el-plus-form/ElPlusForm.vue +774 -772
- package/lib/components/el-plus-form/ElPlusFormDialog.vue +90 -90
- package/lib/components/el-plus-form/ElPlusFormGroup.vue +116 -116
- package/lib/components/el-plus-form/components/ElPlusFormArea.vue +61 -61
- package/lib/components/el-plus-form/components/ElPlusFormAutocomplete.vue +49 -49
- package/lib/components/el-plus-form/components/ElPlusFormBtn.vue +102 -102
- package/lib/components/el-plus-form/components/ElPlusFormBtns.vue +133 -133
- package/lib/components/el-plus-form/components/ElPlusFormCascader.vue +63 -63
- package/lib/components/el-plus-form/components/ElPlusFormCascaderPanel.vue +53 -51
- package/lib/components/el-plus-form/components/ElPlusFormCheckbox.vue +44 -42
- package/lib/components/el-plus-form/components/ElPlusFormCheckboxButton.vue +44 -42
- package/lib/components/el-plus-form/components/ElPlusFormColor.vue +38 -38
- package/lib/components/el-plus-form/components/ElPlusFormDate.vue +39 -39
- package/lib/components/el-plus-form/components/ElPlusFormDaterange.vue +46 -44
- package/lib/components/el-plus-form/components/ElPlusFormDatetime.vue +40 -38
- package/lib/components/el-plus-form/components/ElPlusFormDatetimerange.vue +3 -1
- package/lib/components/el-plus-form/components/ElPlusFormFile.vue +47 -47
- package/lib/components/el-plus-form/components/ElPlusFormImage.vue +113 -113
- package/lib/components/el-plus-form/components/ElPlusFormInput.vue +3 -1
- package/lib/components/el-plus-form/components/ElPlusFormLink.vue +281 -281
- package/lib/components/el-plus-form/components/ElPlusFormLkuser.vue +489 -489
- package/lib/components/el-plus-form/components/ElPlusFormNbinput.vue +53 -51
- package/lib/components/el-plus-form/components/ElPlusFormNumber.vue +146 -144
- package/lib/components/el-plus-form/components/ElPlusFormPassword.vue +3 -1
- package/lib/components/el-plus-form/components/ElPlusFormQuickInput.vue +94 -92
- package/lib/components/el-plus-form/components/ElPlusFormRadio.vue +42 -42
- package/lib/components/el-plus-form/components/ElPlusFormRate.vue +38 -38
- package/lib/components/el-plus-form/components/ElPlusFormSelect.vue +161 -161
- package/lib/components/el-plus-form/components/ElPlusFormSlider.vue +38 -38
- package/lib/components/el-plus-form/components/ElPlusFormSwitch.vue +38 -38
- package/lib/components/el-plus-form/components/ElPlusFormTag.vue +78 -78
- package/lib/components/el-plus-form/components/ElPlusFormText.vue +99 -99
- package/lib/components/el-plus-form/components/ElPlusFormTextarea.vue +49 -47
- package/lib/components/el-plus-form/components/ElPlusFormTransfer.vue +44 -44
- package/lib/components/el-plus-form/components/ElPlusFormTree.vue +76 -76
- package/lib/components/el-plus-form/components/ElPlusFormTreeSelect.vue +59 -59
- package/lib/components/el-plus-form/components/ElPlusFormUpload.vue +368 -368
- package/lib/components/el-plus-form/components/components/file-icons/FileIcons.vue +135 -135
- package/lib/components/el-plus-form/components/components/file-icons/data/index.ts +27 -27
- package/lib/components/el-plus-form/components/components/file-icons/images/doc.svg +12 -12
- package/lib/components/el-plus-form/components/components/file-icons/images/file.svg +18 -18
- package/lib/components/el-plus-form/components/components/file-icons/images/jpg.svg +13 -13
- package/lib/components/el-plus-form/components/components/file-icons/images/pdf.svg +12 -12
- package/lib/components/el-plus-form/components/components/file-icons/images/png.svg +12 -12
- package/lib/components/el-plus-form/components/components/file-icons/images/ppt.svg +12 -12
- package/lib/components/el-plus-form/components/components/file-icons/images/xls.svg +12 -12
- package/lib/components/el-plus-form/components/index.ts +17 -17
- package/lib/components/el-plus-form/data/file.ts +74 -74
- package/lib/components/el-plus-form/mixins/index.ts +113 -113
- package/lib/components/el-plus-form/util/index.ts +257 -257
- package/lib/components/el-plus-form/util/validate.ts +332 -332
- package/lib/components/el-plus-table/components/columnItem.vue +205 -205
- package/lib/components/el-plus-table/components/header.vue +240 -240
- package/lib/components/el-plus-table/components/statisticInfo.vue +47 -47
- package/lib/components/el-plus-table/util/index.ts +147 -147
- package/lib/config/index.ts +30 -30
- package/lib/index.d.ts +4 -4
- package/lib/index.ts +51 -51
- package/package.json +1 -1
- package/types/axios.d.ts +13 -13
- package/types/formList.d.ts +440 -440
- package/types/layout.d.ts +57 -57
- package/types/mitt.d.ts +38 -38
- package/types/pinia.d.ts +149 -149
- package/types/views.d.ts +329 -329
- package/vite.config.ts +78 -78
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";.ElPlusFormArea-panel[data-v-9acb5330],.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-eaec5973],.ElPlusFormCascaderPanel-panel[data-v-298c9c68],.ElPlusFormCheckbox-panel[data-v-1fad6d4e],.ElPlusFormCheckboxButton-panel[data-v-393cd84d],.ElPlusFormColor-panel[data-v-6e010f98],.ElPlusFormDate-panel[data-v-2b056ca7],.el-plusF-form-daterange-panel[data-v-21a80cbc],.ElPlusFormDatetime-panel[data-v-831e254a],.el-plusF-form-datetimerange-panel[data-v-0e3d5450]{display:flex}.file-icons-panel[data-v-8343f7e6]{width:100%}.file-icons-panel .file-list[data-v-8343f7e6]{width:100%;display:flex;flex-direction:column}.file-icons-panel .file-list .file-item[data-v-8343f7e6]{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-8343f7e6]:hover{background:#e7e8eb;color:var(--el-color-primary)}.file-icons-panel .file-list .file-item .file-name[data-v-8343f7e6]{margin-left:10px}.file-icons-panel .card-list[data-v-8343f7e6]{width:100%;display:flex;flex-direction:row}.file-icons-panel .card-list .file-item[data-v-8343f7e6]{display:flex;flex-direction:column;align-items:center}.file-icons-panel .card-list .file-item .file-name[data-v-8343f7e6]{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-1a636c3b]{width:100%}.el-plus-form-link .items-panel[data-v-1a636c3b] .el-input__inner{cursor:pointer}.el-plus-form-link[data-v-1a636c3b] .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-3d7d6cbc]{width:100%}.el-plus-form-link-user .items-panel[data-v-3d7d6cbc] .el-input__inner{cursor:pointer}.el-plus-form-link-user[data-v-3d7d6cbc] .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-4ceeb83d]{width:100%!important;max-width:100%}.ElPlusFormNumber-panel[data-v-4ceeb83d] .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-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-7ff94e29]{color:#606266;word-break:break-all;display:flex;align-items:center}.ele-form-text-click[data-v-7ff94e29]{color:var(--el-color-primary);cursor:pointer}.ele-form-transfer[data-v-31ae19d3]{line-height:1}.el-plus-form-tree[data-v-cce11306]{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-0ba409f1]{width:100%}.el-plus-table-column-item[data-v-7ac02a39]{width:100%;display:flex}.el-plus-table-column-item[data-v-7ac02a39] .ele-form-text{display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.el-plus-table-column-row[data-v-7ac02a39]{flex-direction:row}.el-plus-table-column-row>div[data-v-7ac02a39]{margin-right:10px}.el-plus-table-column-row>div[data-v-7ac02a39]:last-child{margin:0}.el-plus-table-column-column[data-v-7ac02a39]{flex-direction:row}.el-plus-table-column-column>div[data-v-7ac02a39]{margin-bottom:10px}.el-plus-table-column-column>div[data-v-7ac02a39]: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-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}
|
package/example/App.vue
CHANGED
|
@@ -1,67 +1,67 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<el-config-provider :locale="zhCn">
|
|
3
|
-
<div class="layout-padding">
|
|
4
|
-
<ElPlusFormGroup v-model="formData" :formGroup="formGroupConfig">
|
|
5
|
-
<template #default0>default0插槽</template>
|
|
6
|
-
<template #default1>default1插槽</template>
|
|
7
|
-
<template #default2>default2插槽</template>
|
|
8
|
-
</ElPlusFormGroup>
|
|
9
|
-
</div>
|
|
10
|
-
</el-config-provider>
|
|
11
|
-
</template>
|
|
12
|
-
|
|
13
|
-
<script setup lang="ts" name="systemUser">
|
|
14
|
-
import { reactive, ref, onMounted } from 'vue'
|
|
15
|
-
import zhCn from 'element-plus/es/locale/lang/zh-cn'
|
|
16
|
-
import { ElMessage } from 'element-plus'
|
|
17
|
-
|
|
18
|
-
let formData = reactive({
|
|
19
|
-
name: 'xiaoha'
|
|
20
|
-
} as any)
|
|
21
|
-
const formGroupConfig = ref({
|
|
22
|
-
column: 2,
|
|
23
|
-
requestFn: () => {},
|
|
24
|
-
beforeRequest: (data: any) => {
|
|
25
|
-
return data
|
|
26
|
-
},
|
|
27
|
-
success: (formBack: IFormBack) => {
|
|
28
|
-
ElMessage.success('保存成功~')
|
|
29
|
-
// 表单回调
|
|
30
|
-
formBack.callback && formBack.callback()
|
|
31
|
-
},
|
|
32
|
-
group: [
|
|
33
|
-
{
|
|
34
|
-
title: '基本信息',
|
|
35
|
-
formDesc: {
|
|
36
|
-
name: { type: 'input', label: '名称', require: true, attrs: { maxlength: 30 } },
|
|
37
|
-
contactsName: { type: 'input', label: '联系人', require: true, attrs: { maxlength: 20 } },
|
|
38
|
-
contactsPhone: { type: 'input', label: '联系电话', rules: 'phone', require: true }
|
|
39
|
-
} as IFormDesc
|
|
40
|
-
},
|
|
41
|
-
{
|
|
42
|
-
title: '地址信息',
|
|
43
|
-
formDesc: {
|
|
44
|
-
// _area: { type: 'area', label: '所在地区', require: true },
|
|
45
|
-
address: { type: 'input', label: '详细地址', require: true, attrs: { maxlength: 50 } }
|
|
46
|
-
} as IFormDesc
|
|
47
|
-
},
|
|
48
|
-
// {
|
|
49
|
-
// title: '文件上传',
|
|
50
|
-
// formDesc: {
|
|
51
|
-
// businessLicense: { type: 'upload', label: '营业执照', require: true, colspan: 2 },
|
|
52
|
-
// appendix: { type: 'upload', upType: 'file', label: '附件', multiple: true, require: true, colspan: 2 }
|
|
53
|
-
// } as IFormDesc
|
|
54
|
-
// },
|
|
55
|
-
{
|
|
56
|
-
title: '备注信息',
|
|
57
|
-
formDesc: {
|
|
58
|
-
remark: { type: 'textarea', label: '备注', colspan: 2, require: true }
|
|
59
|
-
} as IFormDesc
|
|
60
|
-
}
|
|
61
|
-
]
|
|
62
|
-
} as IFormGroupConfig)
|
|
63
|
-
|
|
64
|
-
onMounted(async () => {
|
|
65
|
-
// 初始化部门列表
|
|
66
|
-
})
|
|
67
|
-
</script>
|
|
1
|
+
<template>
|
|
2
|
+
<el-config-provider :locale="zhCn">
|
|
3
|
+
<div class="layout-padding">
|
|
4
|
+
<ElPlusFormGroup v-model="formData" :formGroup="formGroupConfig">
|
|
5
|
+
<template #default0>default0插槽</template>
|
|
6
|
+
<template #default1>default1插槽</template>
|
|
7
|
+
<template #default2>default2插槽</template>
|
|
8
|
+
</ElPlusFormGroup>
|
|
9
|
+
</div>
|
|
10
|
+
</el-config-provider>
|
|
11
|
+
</template>
|
|
12
|
+
|
|
13
|
+
<script setup lang="ts" name="systemUser">
|
|
14
|
+
import { reactive, ref, onMounted } from 'vue'
|
|
15
|
+
import zhCn from 'element-plus/es/locale/lang/zh-cn'
|
|
16
|
+
import { ElMessage } from 'element-plus'
|
|
17
|
+
|
|
18
|
+
let formData = reactive({
|
|
19
|
+
name: 'xiaoha'
|
|
20
|
+
} as any)
|
|
21
|
+
const formGroupConfig = ref({
|
|
22
|
+
column: 2,
|
|
23
|
+
requestFn: () => {},
|
|
24
|
+
beforeRequest: (data: any) => {
|
|
25
|
+
return data
|
|
26
|
+
},
|
|
27
|
+
success: (formBack: IFormBack) => {
|
|
28
|
+
ElMessage.success('保存成功~')
|
|
29
|
+
// 表单回调
|
|
30
|
+
formBack.callback && formBack.callback()
|
|
31
|
+
},
|
|
32
|
+
group: [
|
|
33
|
+
{
|
|
34
|
+
title: '基本信息',
|
|
35
|
+
formDesc: {
|
|
36
|
+
name: { type: 'input', label: '名称', require: true, attrs: { maxlength: 30 } },
|
|
37
|
+
contactsName: { type: 'input', label: '联系人', require: true, attrs: { maxlength: 20 } },
|
|
38
|
+
contactsPhone: { type: 'input', label: '联系电话', rules: 'phone', require: true }
|
|
39
|
+
} as IFormDesc
|
|
40
|
+
},
|
|
41
|
+
{
|
|
42
|
+
title: '地址信息',
|
|
43
|
+
formDesc: {
|
|
44
|
+
// _area: { type: 'area', label: '所在地区', require: true },
|
|
45
|
+
address: { type: 'input', label: '详细地址', require: true, attrs: { maxlength: 50 } }
|
|
46
|
+
} as IFormDesc
|
|
47
|
+
},
|
|
48
|
+
// {
|
|
49
|
+
// title: '文件上传',
|
|
50
|
+
// formDesc: {
|
|
51
|
+
// businessLicense: { type: 'upload', label: '营业执照', require: true, colspan: 2 },
|
|
52
|
+
// appendix: { type: 'upload', upType: 'file', label: '附件', multiple: true, require: true, colspan: 2 }
|
|
53
|
+
// } as IFormDesc
|
|
54
|
+
// },
|
|
55
|
+
{
|
|
56
|
+
title: '备注信息',
|
|
57
|
+
formDesc: {
|
|
58
|
+
remark: { type: 'textarea', label: '备注', colspan: 2, require: true }
|
|
59
|
+
} as IFormDesc
|
|
60
|
+
}
|
|
61
|
+
]
|
|
62
|
+
} as IFormGroupConfig)
|
|
63
|
+
|
|
64
|
+
onMounted(async () => {
|
|
65
|
+
// 初始化部门列表
|
|
66
|
+
})
|
|
67
|
+
</script>
|
package/example/main.js
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import { createApp } from 'vue'
|
|
2
|
-
import './style.css'
|
|
3
|
-
import App from './App.vue'
|
|
4
|
-
|
|
5
|
-
import ElementPlus from 'element-plus'
|
|
6
|
-
import 'element-plus/dist/index.css'
|
|
7
|
-
|
|
8
|
-
import ElPlusCurd from '@/index'
|
|
9
|
-
|
|
10
|
-
const app = createApp(App)
|
|
11
|
-
|
|
12
|
-
// import(/* webpackChunkName: "ElPlusCurd" */ '@/index').then((components) => {
|
|
13
|
-
// app.use(components.default)
|
|
14
|
-
// })
|
|
15
|
-
|
|
16
|
-
app.use(ElPlusCurd)
|
|
17
|
-
|
|
18
|
-
app.use(ElementPlus).mount('#app')
|
|
1
|
+
import { createApp } from 'vue'
|
|
2
|
+
import './style.css'
|
|
3
|
+
import App from './App.vue'
|
|
4
|
+
|
|
5
|
+
import ElementPlus from 'element-plus'
|
|
6
|
+
import 'element-plus/dist/index.css'
|
|
7
|
+
|
|
8
|
+
import ElPlusCurd from '@/index'
|
|
9
|
+
|
|
10
|
+
const app = createApp(App)
|
|
11
|
+
|
|
12
|
+
// import(/* webpackChunkName: "ElPlusCurd" */ '@/index').then((components) => {
|
|
13
|
+
// app.use(components.default)
|
|
14
|
+
// })
|
|
15
|
+
|
|
16
|
+
app.use(ElPlusCurd)
|
|
17
|
+
|
|
18
|
+
app.use(ElementPlus).mount('#app')
|
package/index.html
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
<!doctype html>
|
|
2
|
-
<html lang="en">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="UTF-8" />
|
|
5
|
-
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
|
6
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
7
|
-
<title>Vite + Vue</title>
|
|
8
|
-
</head>
|
|
9
|
-
<body>
|
|
10
|
-
<div id="app"></div>
|
|
11
|
-
<script type="module" src="/example/main.js"></script>
|
|
12
|
-
</body>
|
|
13
|
-
</html>
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8" />
|
|
5
|
+
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
|
6
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
7
|
+
<title>Vite + Vue</title>
|
|
8
|
+
</head>
|
|
9
|
+
<body>
|
|
10
|
+
<div id="app"></div>
|
|
11
|
+
<script type="module" src="/example/main.js"></script>
|
|
12
|
+
</body>
|
|
13
|
+
</html>
|