el-plus-crud 0.0.39 → 0.0.41

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.
Files changed (73) hide show
  1. package/.eslintrc.js +78 -78
  2. package/.prettierrc.js +39 -39
  3. package/CHANGELOG.md +5 -1
  4. package/build.js +31 -31
  5. package/dist/el-plus-crud.mjs +1803 -1801
  6. package/dist/el-plus-crud.umd.js +7 -7
  7. package/dist/style.css +1 -1
  8. package/example/App.vue +67 -67
  9. package/example/main.js +18 -18
  10. package/index.html +13 -13
  11. package/lib/components/el-plus-form/ElPlusForm.vue +771 -774
  12. package/lib/components/el-plus-form/ElPlusFormDialog.vue +90 -90
  13. package/lib/components/el-plus-form/ElPlusFormGroup.vue +116 -116
  14. package/lib/components/el-plus-form/components/ElPlusFormArea.vue +61 -61
  15. package/lib/components/el-plus-form/components/ElPlusFormAutocomplete.vue +49 -49
  16. package/lib/components/el-plus-form/components/ElPlusFormBtn.vue +102 -102
  17. package/lib/components/el-plus-form/components/ElPlusFormBtns.vue +133 -133
  18. package/lib/components/el-plus-form/components/ElPlusFormCascader.vue +63 -63
  19. package/lib/components/el-plus-form/components/ElPlusFormCascaderPanel.vue +53 -53
  20. package/lib/components/el-plus-form/components/ElPlusFormCheckbox.vue +44 -44
  21. package/lib/components/el-plus-form/components/ElPlusFormCheckboxButton.vue +44 -44
  22. package/lib/components/el-plus-form/components/ElPlusFormColor.vue +38 -38
  23. package/lib/components/el-plus-form/components/ElPlusFormDate.vue +39 -39
  24. package/lib/components/el-plus-form/components/ElPlusFormDaterange.vue +46 -46
  25. package/lib/components/el-plus-form/components/ElPlusFormDatetime.vue +40 -40
  26. package/lib/components/el-plus-form/components/ElPlusFormFile.vue +47 -47
  27. package/lib/components/el-plus-form/components/ElPlusFormImage.vue +113 -113
  28. package/lib/components/el-plus-form/components/ElPlusFormLink.vue +281 -281
  29. package/lib/components/el-plus-form/components/ElPlusFormLkuser.vue +489 -489
  30. package/lib/components/el-plus-form/components/ElPlusFormNbinput.vue +53 -53
  31. package/lib/components/el-plus-form/components/ElPlusFormNumber.vue +146 -146
  32. package/lib/components/el-plus-form/components/ElPlusFormQuickInput.vue +94 -94
  33. package/lib/components/el-plus-form/components/ElPlusFormRadio.vue +42 -42
  34. package/lib/components/el-plus-form/components/ElPlusFormRate.vue +38 -38
  35. package/lib/components/el-plus-form/components/ElPlusFormSelect.vue +161 -161
  36. package/lib/components/el-plus-form/components/ElPlusFormSlider.vue +38 -38
  37. package/lib/components/el-plus-form/components/ElPlusFormSwitch.vue +38 -38
  38. package/lib/components/el-plus-form/components/ElPlusFormTag.vue +78 -78
  39. package/lib/components/el-plus-form/components/ElPlusFormText.vue +99 -99
  40. package/lib/components/el-plus-form/components/ElPlusFormTextarea.vue +49 -49
  41. package/lib/components/el-plus-form/components/ElPlusFormTransfer.vue +44 -44
  42. package/lib/components/el-plus-form/components/ElPlusFormTree.vue +76 -76
  43. package/lib/components/el-plus-form/components/ElPlusFormTreeSelect.vue +59 -59
  44. package/lib/components/el-plus-form/components/ElPlusFormUpload.vue +368 -368
  45. package/lib/components/el-plus-form/components/components/file-icons/FileIcons.vue +135 -135
  46. package/lib/components/el-plus-form/components/components/file-icons/data/index.ts +27 -27
  47. package/lib/components/el-plus-form/components/components/file-icons/images/doc.svg +12 -12
  48. package/lib/components/el-plus-form/components/components/file-icons/images/file.svg +18 -18
  49. package/lib/components/el-plus-form/components/components/file-icons/images/jpg.svg +13 -13
  50. package/lib/components/el-plus-form/components/components/file-icons/images/pdf.svg +12 -12
  51. package/lib/components/el-plus-form/components/components/file-icons/images/png.svg +12 -12
  52. package/lib/components/el-plus-form/components/components/file-icons/images/ppt.svg +12 -12
  53. package/lib/components/el-plus-form/components/components/file-icons/images/xls.svg +12 -12
  54. package/lib/components/el-plus-form/components/index.ts +17 -17
  55. package/lib/components/el-plus-form/data/file.ts +74 -74
  56. package/lib/components/el-plus-form/mixins/index.ts +115 -113
  57. package/lib/components/el-plus-form/util/index.ts +257 -257
  58. package/lib/components/el-plus-form/util/validate.ts +332 -332
  59. package/lib/components/el-plus-table/components/columnItem.vue +205 -205
  60. package/lib/components/el-plus-table/components/header.vue +240 -240
  61. package/lib/components/el-plus-table/components/statisticInfo.vue +47 -47
  62. package/lib/components/el-plus-table/util/index.ts +147 -147
  63. package/lib/config/index.ts +30 -30
  64. package/lib/index.d.ts +4 -4
  65. package/lib/index.ts +51 -51
  66. package/package.json +1 -1
  67. package/types/axios.d.ts +13 -13
  68. package/types/formList.d.ts +440 -440
  69. package/types/layout.d.ts +57 -57
  70. package/types/mitt.d.ts +38 -38
  71. package/types/pinia.d.ts +149 -149
  72. package/types/views.d.ts +329 -329
  73. package/vite.config.ts +78 -78
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-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-cd5f87d0],.ElPlusFormCheckbox-panel[data-v-3ead6c8c],.ElPlusFormCheckboxButton-panel[data-v-a708200f],.ElPlusFormColor-panel[data-v-6e010f98],.ElPlusFormDate-panel[data-v-2b056ca7],.el-plusF-form-daterange-panel[data-v-7f57d982],.ElPlusFormDatetime-panel[data-v-333995ca],.el-plusF-form-datetimerange-panel[data-v-d225590c]{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-774eee1d]{width:100%!important;max-width:100%}.ElPlusFormNumber-panel[data-v-774eee1d] .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}
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>