el-plus-crud 0.0.20 → 0.0.21
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/CHANGELOG.md +2 -0
- package/dist/components/el-plus-form/ElPlusForm.vue.d.ts +320 -357
- package/dist/components/el-plus-form/ElPlusFormDialog.vue.d.ts +74 -101
- package/dist/components/el-plus-form/ElPlusFormGroup.vue.d.ts +39 -61
- package/dist/components/el-plus-form/components/ElPlusFormArea.vue.d.ts +44 -60
- package/dist/components/el-plus-form/components/ElPlusFormAutocomplete.vue.d.ts +55 -70
- package/dist/components/el-plus-form/components/ElPlusFormBtn.vue.d.ts +44 -60
- package/dist/components/el-plus-form/components/ElPlusFormBtns.vue.d.ts +42 -58
- package/dist/components/el-plus-form/components/ElPlusFormCascader.vue.d.ts +44 -60
- package/dist/components/el-plus-form/components/ElPlusFormCascaderPanel.vue.d.ts +51 -68
- package/dist/components/el-plus-form/components/ElPlusFormCheckbox.vue.d.ts +44 -60
- package/dist/components/el-plus-form/components/ElPlusFormCheckboxButton.vue.d.ts +44 -60
- package/dist/components/el-plus-form/components/ElPlusFormColor.vue.d.ts +44 -60
- package/dist/components/el-plus-form/components/ElPlusFormDate.vue.d.ts +44 -60
- package/dist/components/el-plus-form/components/ElPlusFormDaterange.vue.d.ts +51 -68
- package/dist/components/el-plus-form/components/ElPlusFormDatetime.vue.d.ts +44 -60
- package/dist/components/el-plus-form/components/ElPlusFormFile.vue.d.ts +48 -64
- package/dist/components/el-plus-form/components/ElPlusFormImage.vue.d.ts +48 -64
- package/dist/components/el-plus-form/components/ElPlusFormInput.vue.d.ts +50 -69
- package/dist/components/el-plus-form/components/ElPlusFormLink.vue.d.ts +53 -69
- package/dist/components/el-plus-form/components/ElPlusFormNbinput.vue.d.ts +61 -80
- package/dist/components/el-plus-form/components/ElPlusFormNumber.vue.d.ts +57 -73
- package/dist/components/el-plus-form/components/ElPlusFormPassword.vue.d.ts +57 -74
- package/dist/components/el-plus-form/components/ElPlusFormQuickInput.vue.d.ts +51 -67
- package/dist/components/el-plus-form/components/ElPlusFormRadio.vue.d.ts +44 -60
- package/dist/components/el-plus-form/components/ElPlusFormRate.vue.d.ts +44 -60
- package/dist/components/el-plus-form/components/ElPlusFormSelect.vue.d.ts +56 -72
- package/dist/components/el-plus-form/components/ElPlusFormSlider.vue.d.ts +44 -60
- package/dist/components/el-plus-form/components/ElPlusFormStatus.vue.d.ts +44 -60
- package/dist/components/el-plus-form/components/ElPlusFormSwitch.vue.d.ts +50 -66
- package/dist/components/el-plus-form/components/ElPlusFormTag.vue.d.ts +48 -64
- package/dist/components/el-plus-form/components/ElPlusFormText.vue.d.ts +48 -64
- package/dist/components/el-plus-form/components/ElPlusFormTextarea.vue.d.ts +51 -67
- package/dist/components/el-plus-form/components/ElPlusFormTransfer.vue.d.ts +57 -74
- package/dist/components/el-plus-form/components/ElPlusFormTree.vue.d.ts +50 -66
- package/dist/components/el-plus-form/components/ElPlusFormTreeSelect.vue.d.ts +50 -66
- package/dist/components/el-plus-form/components/ElPlusFormUpload.vue.d.ts +51 -67
- package/dist/components/el-plus-form/components/components/file-icons/FileIcons.vue.d.ts +42 -58
- package/dist/components/el-plus-form/components/components/file-icons/data/index.d.ts +15 -15
- package/dist/components/el-plus-form/components/index.d.ts +3 -3
- package/dist/components/el-plus-form/data/file.d.ts +63 -63
- package/dist/components/el-plus-form/mixins/index.d.ts +28 -33
- package/dist/components/el-plus-form/util/index.d.ts +47 -47
- package/dist/components/el-plus-form/util/validate.d.ts +253 -256
- package/dist/components/el-plus-table/ElPlusTable.vue.d.ts +155 -171
- package/dist/components/el-plus-table/components/columnItem.vue.d.ts +42 -58
- package/dist/components/el-plus-table/components/header.vue.d.ts +93 -115
- package/dist/components/el-plus-table/components/settingColumn.vue.d.ts +28 -44
- package/dist/components/el-plus-table/util/index.d.ts +26 -26
- package/dist/components-list.d.ts +2 -2
- package/dist/config/index.d.ts +2 -2
- package/dist/el-plus-crud.mjs +931 -925
- package/dist/el-plus-crud.umd.js +25 -7608
- package/dist/index.d.ts +9 -18
- package/dist/style.css +1 -1
- package/lib/components/el-plus-form/components/ElPlusFormTree.vue +25 -2
- package/lib/components-list.ts +34 -34
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,18 +1,9 @@
|
|
|
1
|
-
import { App } from 'vue'
|
|
2
|
-
declare const _default: {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
| undefined,
|
|
11
|
-
globalData?:
|
|
12
|
-
| {
|
|
13
|
-
[key: string]: Function
|
|
14
|
-
}
|
|
15
|
-
| undefined
|
|
16
|
-
) => void
|
|
17
|
-
}
|
|
18
|
-
export default _default
|
|
1
|
+
import { App } from 'vue';
|
|
2
|
+
declare const _default: {
|
|
3
|
+
install: (app: App, config: ICRUDConfig, format?: {
|
|
4
|
+
[key: string]: Function;
|
|
5
|
+
} | undefined, globalData?: {
|
|
6
|
+
[key: string]: Function;
|
|
7
|
+
} | undefined) => void;
|
|
8
|
+
};
|
|
9
|
+
export default _default;
|
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-ab6b4aed],.ElPlusFormCascaderPanel-panel[data-v-2c8fbcd6],.ElPlusFormCheckbox-panel[data-v-d9495439],.ElPlusFormCheckboxButton-panel[data-v-01d22bc6],.ElPlusFormColor-panel[data-v-b0687872],.ElPlusFormDate-panel[data-v-7295d086],.el-plusF-form-daterange-panel[data-v-2f54b570],.ElPlusFormDatetime-panel[data-v-e8947510]{display:flex}.file-icons-panel[data-v-d8bed7ef]{width:100%}.file-icons-panel .file-list[data-v-d8bed7ef]{width:100%;display:flex;flex-direction:column}.file-icons-panel .file-list .file-item[data-v-d8bed7ef]{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-d8bed7ef]:hover{background:#e7e8eb;color:#1890ff}.file-icons-panel .file-list .file-item .file-name[data-v-d8bed7ef]{margin-left:10px}.file-icons-panel .card-list[data-v-d8bed7ef]{width:100%;display:flex;flex-direction:row}.file-icons-panel .card-list .file-item[data-v-d8bed7ef]{display:flex;flex-direction:column;align-items:center}.file-icons-panel .card-list .file-item .file-name[data-v-d8bed7ef]{margin-top:10px}.ele-form-file{width:100%;display:flex;justify-content:center;margin-top:10px}.ele-form-file .form-file-list{display:flex;flex-direction:column;width:100%}.ele-form-file .no-img-tip{width:100%;color:#999;padding-left:20px}.ele-form-image{display:flex;flex-wrap:wrap}.ele-form-image .no-img-tip{color:#999}.ele-form-image .el-image{margin-left:10px;margin-bottom:10px}.ele-form-image .el-image{border-radius:5px;margin-bottom:10px}.ele-form-image .el-image .el-image__error{font-size:12px;line-height:13px}.el-plus-form-link[data-v-e9e128a8]{width:100%}.el-plus-form-link .items-panel[data-v-e9e128a8] .el-input__inner{cursor:pointer}.el-plus-form-link[data-v-e9e128a8] .el-tag__close{display:none!important}.form-link-dialog{width:100%;display:flex;box-sizing:border-box}.form-link-dialog .panel-left{min-width:60%;height:500px;display:flex;flex-direction:column}.form-link-dialog .panel-left .dept-breadcrumb{width:100%;padding:0 10px;margin-bottom:20px;cursor:pointer}.form-link-dialog .panel-right{min-width:40%;max-width:40%;margin-left:20px;border-left:1px var(--el-border-color) var(--el-border-style);padding:20px;display:flex;overflow:hidden;flex-direction:column}.form-link-dialog .panel-right .right-title{width:100%;font-size:14px;color:#999;margin-bottom:20px}.form-link-dialog .panel-right .tag-list{width:100%;height:400px;overflow:hidden}.form-link-dialog .panel-right .tag-list .tag-item .el-tag__content{max-width:100px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.form-link-dialog .panel-right .btn-panel{width:100%;min-height:50px;padding-top:10px;display:flex;justify-content:center}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}.ElPlusFormNumber-panel[data-v-9e51e72b]{width:100%!important;max-width:100%}.ElPlusFormNumber-panel[data-v-9e51e72b] .el-input__wrapper input{text-align:left!important}.el-plus-form-quick-input{width:100%;display:flex;align-items:center;margin-top:10px}.el-plus-form-quick-input .el-tag{margin-right:10px}.ElPlusFormRadio-panel[data-v-2d59dd3c],.ElPlusFormRate-panel[data-v-c585734a]{display:flex}.el-plus-form-select-options{width:100%;display:flex;justify-content:space-between;align-items:center}.el-plus-form-select-options>div{color:#aaa;max-width:40%;font-size:12px;word-break:break-all}.el-select-dropdown__item{height:auto;white-space:break-spaces}.ElPlusFormSlider-panel[data-v-b3d36458]{display:flex}.ElPlusFormStatus-panel[data-v-87ed9e56]{display:flex;line-height:25px;align-items:center}.ElPlusFormStatus-panel i[data-v-87ed9e56]{display:inline-block;min-width:10px;min-height:10px;border-radius:50%;margin-right:5px}.ElPlusFormStatus-panel .status-danger[data-v-87ed9e56]{background:#f56c6c}.ElPlusFormStatus-panel .status-success[data-v-87ed9e56]{background:#67c23a}.ElPlusFormStatus-panel .status-warning[data-v-87ed9e56]{background:#e6a23c}.ElPlusFormStatus-panel .status-info[data-v-87ed9e56]{background:#909399}.ele-form-text[data-v-07e15a42]{color:#606266;word-break:break-all;display:flex;align-items:center}.ele-form-text-click[data-v-07e15a42]{color:#1890ff;cursor:pointer}.ele-form-transfer[data-v-6262dcef]{line-height:1}.el-plus-form-tree[data-v-4aa78551]{width:100%}.ele-form-upload-image{width:100%;display:flex}.ele-form-upload-image .ele-image-upload{display:flex;justify-content:flex-start;width:100%}.ele-form-upload-image .upload-panel-icon{margin:auto}.ele-form-upload-image .upload-disabled .el-upload--picture-card{cursor:not-allowed!important}.ele-form-upload-image .el-icon-close-tip{display:none!important}.ele-form-upload-image .el-upload--picture-card{margin-bottom:12px}.ele-form-upload-image .over-limit .el-upload--picture-card{display:none!important}.ele-form-upload-image .el-upload--picture-card,.ele-form-upload-image .el-upload-list--picture-card .el-upload-list__item{width:100px!important;height:100px!important;border:none!important}.ele-form-upload-image .el-upload-dragger{display:flex;padding:0!important;min-height:100px}.ele-form-upload-image .el-upload-dragger .el-upload__text{font-size:12px!important;color:#999}.ele-form-upload-image .el-upload-dragger .el-upload__text2{font-size:16px;color:#303133;line-height:22px;margin-top:16px;margin-bottom:16px}.ele-form-upload-image .el-progress-circle{width:90px!important;height:90px!important;margin:auto}.ele-form-upload-image .el-upload-list--picture-card .el-upload-list__item-thumbnail{object-fit:cover!important}.ele-form-upload-image .el-icon--close-tip{display:none!important}.ele-form-upload-file .ele-image-upload{flex-direction:column}.ele-form-upload-file .el-upload-list__item{margin:0!important}.ele-form-upload-file .el-form-item--default .el-form-item__content,.ele-form-upload-file .el-upload-list__item-name{line-height:20px!important;font-size:12px!important}.el-plus-form-panel .el-plus-form--inline .el-plus-form-btns{width:auto}.el-plus-form-panel .el-form--inline .el-form-item{margin-right:12px!important}.el-plus-form-panel .el-plus-form-col--break{clear:both}.el-plus-form-panel .el-plus-form-tip{color:#909399;line-height:1.5em;margin-top:3px}.el-plus-form-panel .el-plus-form-tip code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}.el-plus-form-panel .el-plus-form-column-panel>.el-form-item--default{margin-bottom:18px!important}.el-plus-form-panel .el-plus-form-column-panel>.el-form-item--default>.el-form-item__label{line-height:40px;margin-bottom:0}.el-plus-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:#1890ff}.el-plus-table-edit-column[data-v-76fa7ef7]{margin:0 10px;display:inline-block}.el-plus-table-edit-column .select-panel[data-v-76fa7ef7]{width:100%;height:30px;padding:0 10px;border-bottom:1px solid #eee;margin-bottom:10px}.el-plus-table-header-info .el-plus-table-header-form{display:flex;flex-wrap:wrap;align-items:center}.el-plus-table-header-info .el-plus-table-header-form .el-form{display:flex;justify-content:flex-start;flex-wrap:wrap}.el-plus-table-header-info .el-plus-table-header-form .el-form .el-form-item{margin-bottom:16px!important}.el-plus-table-header-info .el-plus-table-header-form .el-form .el-form-item .el-form-item__label{width:auto!important}.el-plus-table-header-info .el-plus-table-header-form .el-form .waterfall-panel{width:auto!important;align-items:center}.el-plus-table-header-info .el-plus-table-header-form .el-form .table-header-form-btns{white-space:nowrap;display:flex;flex-wrap:wrap;align-items:center}.el-plus-table-header-info .el-plus-table-header-form .el-form .table-header-form-btns>*{margin-bottom:16px}.el-plus-table-header-info .el-plus-table-header-form .el-plus-table-header-btns{display:flex;align-items:center;flex-wrap:wrap}.el-plus-table-header-info .el-plus-table-header-form .el-plus-table-header-btns .el-plus-table-header-btn{height:40px;display:flex;align-items:center;margin-right:10px}.el-plus-table-header-info[data-v-6ce69554]{width:100%}.el-plus-table-column-item[data-v-53e27808]{width:100%;display:flex}.el-plus-table-column-item[data-v-53e27808] .ele-form-text{display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.el-plus-table-column-row[data-v-53e27808]{flex-direction:row}.el-plus-table-column-row>div[data-v-53e27808]{margin-right:10px}.el-plus-table-column-row>div[data-v-53e27808]:last-child{margin:0}.el-plus-table-column-column[data-v-53e27808]{flex-direction:row}.el-plus-table-column-column>div[data-v-53e27808]{margin-bottom:10px}.el-plus-table-column-column>div[data-v-53e27808]:last-child{margin:0}.el-plus-table-content{background-color:#fff;border-radius:5px;padding:10px;width:100%;max-height:100%;overflow:hidden;display:flex;flex-direction:column;position:relative}.el-plus-table-content .th-required{position:relative}.el-plus-table-content .th-required:before{content:"*";position:absolute;left:-10px;font-size:16px;top:2px;color:#ff3b30;font-weight:700}.el-plus-table-content .select-items{display:flex;flex-wrap:wrap;align-items:center}.el-plus-table-content .select-items .title{font-size:18px;font-weight:700;margin-right:20px}.el-plus-table-content .select-items .select-item{margin:5px 10px 5px 0}.el-plus-table-content .select-items .select-item:last-child{margin-right:0}.el-plus-table-content .table-tabs-panel{margin-bottom:16px}.el-plus-table-content .summary-row{width:100%;background-color:var(--el-table-row-hover-bg-color);color:var(--el-table-text-color);padding:16px 20px;line-height:24px;height:40px;display:flex;position:relative}.el-plus-table-content .summary-row .summary-item{display:flex;align-items:center;margin-right:30px}.el-plus-table-content .summary-row .summary-item>span{margin-right:20px}.el-plus-table-content .el-plus-table-main{width:100%;flex:1;max-height:100%;display:flex;flex-direction:column}.el-plus-table-content .el-plus-table-main .el-table .cell{display:flex;align-items:center}.el-plus-table-content .pager-statistic{width:100%;position:fixed;height:32px;line-height:32px;bottom:0;text-align:right;min-width:900px}.el-plus-table-content .pager-statistic .statistic-item{display:inline-block}.el-plus-table-content .el-cascader__label{width:300px!important}.el-plus-table-content .bottom-page-static-info{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;min-height:41px;margin-top:10px}.el-plus-table-content .bottom-page-static-info .page-info{margin-right:30px}.el-plus-table-content .common-list-export-excel{background:#20a0ff;text-decoration:none;color:#fff;font-size:12px;height:29px;line-height:30px;display:block;margin-top:5px;border-radius:3px;padding:0 10px}.el-plus-table-content .common-list-export-excel:hover{background:#58b6ff}.el-plus-table-content .el-table__empty-block{height:auto!important}
|
|
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-ab6b4aed],.ElPlusFormCascaderPanel-panel[data-v-2c8fbcd6],.ElPlusFormCheckbox-panel[data-v-d9495439],.ElPlusFormCheckboxButton-panel[data-v-01d22bc6],.ElPlusFormColor-panel[data-v-b0687872],.ElPlusFormDate-panel[data-v-7295d086],.el-plusF-form-daterange-panel[data-v-2f54b570],.ElPlusFormDatetime-panel[data-v-e8947510]{display:flex}.file-icons-panel[data-v-d8bed7ef]{width:100%}.file-icons-panel .file-list[data-v-d8bed7ef]{width:100%;display:flex;flex-direction:column}.file-icons-panel .file-list .file-item[data-v-d8bed7ef]{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-d8bed7ef]:hover{background:#e7e8eb;color:#1890ff}.file-icons-panel .file-list .file-item .file-name[data-v-d8bed7ef]{margin-left:10px}.file-icons-panel .card-list[data-v-d8bed7ef]{width:100%;display:flex;flex-direction:row}.file-icons-panel .card-list .file-item[data-v-d8bed7ef]{display:flex;flex-direction:column;align-items:center}.file-icons-panel .card-list .file-item .file-name[data-v-d8bed7ef]{margin-top:10px}.ele-form-file{width:100%;display:flex;justify-content:center;margin-top:10px}.ele-form-file .form-file-list{display:flex;flex-direction:column;width:100%}.ele-form-file .no-img-tip{width:100%;color:#999;padding-left:20px}.ele-form-image{display:flex;flex-wrap:wrap}.ele-form-image .no-img-tip{color:#999}.ele-form-image .el-image{margin-left:10px;margin-bottom:10px}.ele-form-image .el-image{border-radius:5px;margin-bottom:10px}.ele-form-image .el-image .el-image__error{font-size:12px;line-height:13px}.el-plus-form-link[data-v-e9e128a8]{width:100%}.el-plus-form-link .items-panel[data-v-e9e128a8] .el-input__inner{cursor:pointer}.el-plus-form-link[data-v-e9e128a8] .el-tag__close{display:none!important}.form-link-dialog{width:100%;display:flex;box-sizing:border-box}.form-link-dialog .panel-left{min-width:60%;height:500px;display:flex;flex-direction:column}.form-link-dialog .panel-left .dept-breadcrumb{width:100%;padding:0 10px;margin-bottom:20px;cursor:pointer}.form-link-dialog .panel-right{min-width:40%;max-width:40%;margin-left:20px;border-left:1px var(--el-border-color) var(--el-border-style);padding:20px;display:flex;overflow:hidden;flex-direction:column}.form-link-dialog .panel-right .right-title{width:100%;font-size:14px;color:#999;margin-bottom:20px}.form-link-dialog .panel-right .tag-list{width:100%;height:400px;overflow:hidden}.form-link-dialog .panel-right .tag-list .tag-item .el-tag__content{max-width:100px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.form-link-dialog .panel-right .btn-panel{width:100%;min-height:50px;padding-top:10px;display:flex;justify-content:center}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}.ElPlusFormNumber-panel[data-v-9e51e72b]{width:100%!important;max-width:100%}.ElPlusFormNumber-panel[data-v-9e51e72b] .el-input__wrapper input{text-align:left!important}.el-plus-form-quick-input{width:100%;display:flex;align-items:center;margin-top:10px}.el-plus-form-quick-input .el-tag{margin-right:10px}.ElPlusFormRadio-panel[data-v-2d59dd3c],.ElPlusFormRate-panel[data-v-c585734a]{display:flex}.el-plus-form-select-options{width:100%;display:flex;justify-content:space-between;align-items:center}.el-plus-form-select-options>div{color:#aaa;max-width:40%;font-size:12px;word-break:break-all}.el-select-dropdown__item{height:auto;white-space:break-spaces}.ElPlusFormSlider-panel[data-v-b3d36458]{display:flex}.ElPlusFormStatus-panel[data-v-87ed9e56]{display:flex;line-height:25px;align-items:center}.ElPlusFormStatus-panel i[data-v-87ed9e56]{display:inline-block;min-width:10px;min-height:10px;border-radius:50%;margin-right:5px}.ElPlusFormStatus-panel .status-danger[data-v-87ed9e56]{background:#f56c6c}.ElPlusFormStatus-panel .status-success[data-v-87ed9e56]{background:#67c23a}.ElPlusFormStatus-panel .status-warning[data-v-87ed9e56]{background:#e6a23c}.ElPlusFormStatus-panel .status-info[data-v-87ed9e56]{background:#909399}.ele-form-text[data-v-07e15a42]{color:#606266;word-break:break-all;display:flex;align-items:center}.ele-form-text-click[data-v-07e15a42]{color:#1890ff;cursor:pointer}.ele-form-transfer[data-v-6262dcef]{line-height:1}.el-plus-form-tree[data-v-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:#1890ff}.el-plus-table-edit-column[data-v-76fa7ef7]{margin:0 10px;display:inline-block}.el-plus-table-edit-column .select-panel[data-v-76fa7ef7]{width:100%;height:30px;padding:0 10px;border-bottom:1px solid #eee;margin-bottom:10px}.el-plus-table-header-info .el-plus-table-header-form{display:flex;flex-wrap:wrap;align-items:center}.el-plus-table-header-info .el-plus-table-header-form .el-form{display:flex;justify-content:flex-start;flex-wrap:wrap}.el-plus-table-header-info .el-plus-table-header-form .el-form .el-form-item{margin-bottom:16px!important}.el-plus-table-header-info .el-plus-table-header-form .el-form .el-form-item .el-form-item__label{width:auto!important}.el-plus-table-header-info .el-plus-table-header-form .el-form .waterfall-panel{width:auto!important;align-items:center}.el-plus-table-header-info .el-plus-table-header-form .el-form .table-header-form-btns{white-space:nowrap;display:flex;flex-wrap:wrap;align-items:center}.el-plus-table-header-info .el-plus-table-header-form .el-form .table-header-form-btns>*{margin-bottom:16px}.el-plus-table-header-info .el-plus-table-header-form .el-plus-table-header-btns{display:flex;align-items:center;flex-wrap:wrap}.el-plus-table-header-info .el-plus-table-header-form .el-plus-table-header-btns .el-plus-table-header-btn{height:40px;display:flex;align-items:center;margin-right:10px}.el-plus-table-header-info[data-v-6ce69554]{width:100%}.el-plus-table-column-item[data-v-53e27808]{width:100%;display:flex}.el-plus-table-column-item[data-v-53e27808] .ele-form-text{display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.el-plus-table-column-row[data-v-53e27808]{flex-direction:row}.el-plus-table-column-row>div[data-v-53e27808]{margin-right:10px}.el-plus-table-column-row>div[data-v-53e27808]:last-child{margin:0}.el-plus-table-column-column[data-v-53e27808]{flex-direction:row}.el-plus-table-column-column>div[data-v-53e27808]{margin-bottom:10px}.el-plus-table-column-column>div[data-v-53e27808]:last-child{margin:0}.el-plus-table-content{background-color:#fff;border-radius:5px;padding:10px;width:100%;max-height:100%;overflow:hidden;display:flex;flex-direction:column;position:relative}.el-plus-table-content .th-required{position:relative}.el-plus-table-content .th-required:before{content:"*";position:absolute;left:-10px;font-size:16px;top:2px;color:#ff3b30;font-weight:700}.el-plus-table-content .select-items{display:flex;flex-wrap:wrap;align-items:center}.el-plus-table-content .select-items .title{font-size:18px;font-weight:700;margin-right:20px}.el-plus-table-content .select-items .select-item{margin:5px 10px 5px 0}.el-plus-table-content .select-items .select-item:last-child{margin-right:0}.el-plus-table-content .table-tabs-panel{margin-bottom:16px}.el-plus-table-content .summary-row{width:100%;background-color:var(--el-table-row-hover-bg-color);color:var(--el-table-text-color);padding:16px 20px;line-height:24px;height:40px;display:flex;position:relative}.el-plus-table-content .summary-row .summary-item{display:flex;align-items:center;margin-right:30px}.el-plus-table-content .summary-row .summary-item>span{margin-right:20px}.el-plus-table-content .el-plus-table-main{width:100%;flex:1;max-height:100%;display:flex;flex-direction:column}.el-plus-table-content .el-plus-table-main .el-table .cell{display:flex;align-items:center}.el-plus-table-content .pager-statistic{width:100%;position:fixed;height:32px;line-height:32px;bottom:0;text-align:right;min-width:900px}.el-plus-table-content .pager-statistic .statistic-item{display:inline-block}.el-plus-table-content .el-cascader__label{width:300px!important}.el-plus-table-content .bottom-page-static-info{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;min-height:41px;margin-top:10px}.el-plus-table-content .bottom-page-static-info .page-info{margin-right:30px}.el-plus-table-content .common-list-export-excel{background:#20a0ff;text-decoration:none;color:#fff;font-size:12px;height:29px;line-height:30px;display:block;margin-top:5px;border-radius:3px;padding:0 10px}.el-plus-table-content .common-list-export-excel:hover{background:#58b6ff}.el-plus-table-content .el-table__empty-block{height:auto!important}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<el-tree ref="treeRef" v-if="isInit" :class="
|
|
2
|
+
<el-tree ref="treeRef" v-if="isInit" :class="desc.class" :style="desc.style" v-bind="attrs" :default-checked-keys="currentValue" :loading="loading" node-key="id" :data="options" v-on="onEvents" class="el-plus-form-tree" @check-change="handelCheckChange" />
|
|
3
3
|
</template>
|
|
4
4
|
<script lang="ts">
|
|
5
5
|
export default {
|
|
@@ -10,9 +10,12 @@ export default {
|
|
|
10
10
|
}
|
|
11
11
|
</script>
|
|
12
12
|
<script lang="ts" setup>
|
|
13
|
-
import {
|
|
13
|
+
import { isEqual } from 'lodash'
|
|
14
|
+
import { ref, reactive, useAttrs, onBeforeMount, watch, inject } from 'vue'
|
|
14
15
|
import { getAttrs, getEvents } from '../mixins'
|
|
15
16
|
|
|
17
|
+
const globalData = inject('globalData') as any
|
|
18
|
+
|
|
16
19
|
const props = defineProps<{
|
|
17
20
|
modelValue?: string
|
|
18
21
|
field: string
|
|
@@ -23,6 +26,7 @@ const props = defineProps<{
|
|
|
23
26
|
const emits = defineEmits(['update:modelValue'])
|
|
24
27
|
const currentValue = ref(props.modelValue?.split(',') || [])
|
|
25
28
|
|
|
29
|
+
const options = reactive([] as any[])
|
|
26
30
|
const isInit = ref(false)
|
|
27
31
|
const attrs = ref({} as any)
|
|
28
32
|
const onEvents = ref(getEvents(props))
|
|
@@ -38,6 +42,25 @@ function handelCheckChange() {
|
|
|
38
42
|
emits('update:modelValue', [...treeRef.value!.getCheckedKeys(!(props.desc.isPId ?? true))].join(','))
|
|
39
43
|
}
|
|
40
44
|
|
|
45
|
+
watch(
|
|
46
|
+
() => props.desc.options,
|
|
47
|
+
async (data) => {
|
|
48
|
+
if (typeof data === 'string') {
|
|
49
|
+
// 从全局数据中获取options
|
|
50
|
+
options.splice(0, options.length, ...(globalData[data] || []))
|
|
51
|
+
} else if (typeof data === 'function') {
|
|
52
|
+
options.splice(0, options.length, ...(await data(props.formData)))
|
|
53
|
+
} else if (Array.isArray(data)) {
|
|
54
|
+
if (data && options && !isEqual(data, options)) {
|
|
55
|
+
options.splice(0, options.length, ...data)
|
|
56
|
+
}
|
|
57
|
+
} else {
|
|
58
|
+
options.splice(0, options.length)
|
|
59
|
+
}
|
|
60
|
+
},
|
|
61
|
+
{ immediate: true }
|
|
62
|
+
)
|
|
63
|
+
|
|
41
64
|
watch(
|
|
42
65
|
() => props.modelValue,
|
|
43
66
|
(val) => {
|
package/lib/components-list.ts
CHANGED
|
@@ -33,37 +33,37 @@ import ElPlusFormTreeSelect from './components/el-plus-form/components/ElPlusFor
|
|
|
33
33
|
import ElPlusFormUpload from './components/el-plus-form/components/ElPlusFormUpload.vue'
|
|
34
34
|
|
|
35
35
|
export default [
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
] as any[]
|
|
36
|
+
ElPlusFormArea,
|
|
37
|
+
ElPlusFormAutocomplete,
|
|
38
|
+
ElPlusFormBtn,
|
|
39
|
+
ElPlusFormBtns,
|
|
40
|
+
ElPlusFormCascader,
|
|
41
|
+
ElPlusFormCascaderPanel,
|
|
42
|
+
ElPlusFormCheckbox,
|
|
43
|
+
ElPlusFormCheckboxButton,
|
|
44
|
+
ElPlusFormColor,
|
|
45
|
+
ElPlusFormDate,
|
|
46
|
+
ElPlusFormDaterange,
|
|
47
|
+
ElPlusFormDatetime,
|
|
48
|
+
ElPlusFormFile,
|
|
49
|
+
ElPlusFormImage,
|
|
50
|
+
ElPlusFormInput,
|
|
51
|
+
ElPlusFormLink,
|
|
52
|
+
ElPlusFormNbinput,
|
|
53
|
+
ElPlusFormNumber,
|
|
54
|
+
ElPlusFormPassword,
|
|
55
|
+
ElPlusFormQuickInput,
|
|
56
|
+
ElPlusFormRadio,
|
|
57
|
+
ElPlusFormRate,
|
|
58
|
+
ElPlusFormSelect,
|
|
59
|
+
ElPlusFormSlider,
|
|
60
|
+
ElPlusFormStatus,
|
|
61
|
+
ElPlusFormSwitch,
|
|
62
|
+
ElPlusFormTag,
|
|
63
|
+
ElPlusFormText,
|
|
64
|
+
ElPlusFormTextarea,
|
|
65
|
+
ElPlusFormTransfer,
|
|
66
|
+
ElPlusFormTree,
|
|
67
|
+
ElPlusFormTreeSelect,
|
|
68
|
+
ElPlusFormUpload,
|
|
69
|
+
] as any[]
|