el-plus-crud 0.0.35 → 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/CHANGELOG.md +75 -67
- package/dist/el-plus-crud.mjs +2317 -2287
- package/dist/el-plus-crud.umd.js +14 -14
- package/dist/style.css +1 -1
- package/lib/components/el-plus-form/ElPlusForm.vue +2 -0
- package/lib/components/el-plus-form/components/ElPlusFormCascaderPanel.vue +3 -1
- package/lib/components/el-plus-form/components/ElPlusFormCheckbox.vue +3 -1
- package/lib/components/el-plus-form/components/ElPlusFormCheckboxButton.vue +3 -1
- package/lib/components/el-plus-form/components/ElPlusFormDaterange.vue +3 -1
- package/lib/components/el-plus-form/components/ElPlusFormDatetime.vue +3 -1
- package/lib/components/el-plus-form/components/ElPlusFormDatetimerange.vue +3 -1
- package/lib/components/el-plus-form/components/ElPlusFormInput.vue +61 -59
- package/lib/components/el-plus-form/components/ElPlusFormNbinput.vue +3 -1
- package/lib/components/el-plus-form/components/ElPlusFormNumber.vue +3 -1
- package/lib/components/el-plus-form/components/ElPlusFormPassword.vue +43 -41
- package/lib/components/el-plus-form/components/ElPlusFormQuickInput.vue +3 -1
- package/lib/components/el-plus-form/components/ElPlusFormTextarea.vue +3 -1
- package/lib/components/el-plus-table/ElPlusTable.vue +773 -767
- package/lib/components/el-plus-table/components/settingColumn.vue +178 -178
- package/package.json +1 -1
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-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],.el-plusF-form-datetimerange-panel[data-v-0e3d5450]{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-798814cd]{width:100%!important;max-width:100%}.ElPlusFormNumber-panel[data-v-798814cd] .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-0f8e3d4b]{margin:0 10px;display:inline-block}.el-plus-table-edit-column .select-panel[data-v-0f8e3d4b]{width:100%;height:30px;padding:0 10px;border-bottom:1px solid #eee;margin-bottom:10px}.el-plus-table-header-info .el-plus-table-header-form{display:flex;flex-wrap:wrap;align-items:center}.el-plus-table-header-info .el-plus-table-header-form .el-form{display:flex;justify-content:flex-start;flex-wrap:wrap}.el-plus-table-header-info .el-plus-table-header-form .el-form .el-form-item{margin-bottom:16px!important}.el-plus-table-header-info .el-plus-table-header-form .el-form .el-form-item .el-form-item__label{width:auto!important}.el-plus-table-header-info .el-plus-table-header-form .el-form .waterfall-panel{width:auto!important;align-items:center}.el-plus-table-header-info .el-plus-table-header-form .el-form .table-header-form-btns{white-space:nowrap;display:flex;flex-wrap:wrap;align-items:center}.el-plus-table-header-info .el-plus-table-header-form .el-form .table-header-form-btns>*{margin-bottom:16px}.el-plus-table-header-info .el-plus-table-header-form .el-plus-table-header-btns{display:flex;align-items:center;flex-wrap:wrap}.el-plus-table-header-info .el-plus-table-header-form .el-plus-table-header-btns .el-plus-table-header-btn{height:40px;display:flex;align-items:center;margin-right:10px}.el-plus-table-header-info[data-v-14a90d82]{width:100%}.el-plus-table-column-item[data-v-7b9b91ba]{width:100%;display:flex}.el-plus-table-column-item[data-v-7b9b91ba] .ele-form-text{display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.el-plus-table-column-row[data-v-7b9b91ba]{flex-direction:row}.el-plus-table-column-row>div[data-v-7b9b91ba]{margin-right:10px}.el-plus-table-column-row>div[data-v-7b9b91ba]:last-child{margin:0}.el-plus-table-column-column[data-v-7b9b91ba]{flex-direction:row}.el-plus-table-column-column>div[data-v-7b9b91ba]{margin-bottom:10px}.el-plus-table-column-column>div[data-v-7b9b91ba]:last-child{margin:0}.el-plus-table-content{background-color:#fff;border-radius:5px;padding:10px;width:100%;max-height:100%;overflow:hidden;display:flex;flex-direction:column;position:relative}.el-plus-table-content .th-required{position:relative}.el-plus-table-content .th-required:before{content:"*";position:absolute;left:-10px;font-size:16px;top:2px;color:#ff3b30;font-weight:700}.el-plus-table-content .select-items{display:flex;flex-wrap:wrap;align-items:center}.el-plus-table-content .select-items .title{font-size:18px;font-weight:700;margin-right:20px}.el-plus-table-content .select-items .select-item{margin:5px 10px 5px 0}.el-plus-table-content .select-items .select-item:last-child{margin-right:0}.el-plus-table-content .table-tabs-panel{margin-bottom:16px}.el-plus-table-content .summary-row{width:100%;background-color:var(--el-table-row-hover-bg-color);color:var(--el-table-text-color);padding:16px 20px;line-height:24px;height:40px;display:flex;position:relative}.el-plus-table-content .summary-row .summary-item{display:flex;align-items:center;margin-right:30px}.el-plus-table-content .summary-row .summary-item>span{margin-right:20px}.el-plus-table-content .el-plus-table-main{width:100%;flex:1;max-height:100%;display:flex;flex-direction:column}.el-plus-table-content .el-plus-table-main .el-table .cell{display:flex}.el-plus-table-content .el-plus-table-main .el-table .is-center .cell{align-items:center;justify-content:center}.el-plus-table-content .pager-statistic{width:100%;position:fixed;height:32px;line-height:32px;bottom:0;text-align:right;min-width:900px}.el-plus-table-content .pager-statistic .statistic-item{display:inline-block}.el-plus-table-content .el-cascader__label{width:300px!important}.el-plus-table-content .bottom-page-static-info{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;min-height:41px;margin-top:10px}.el-plus-table-content .bottom-page-static-info .page-info{margin-right:30px}.el-plus-table-content .common-list-export-excel{background:#20a0ff;text-decoration:none;color:#fff;font-size:12px;height:29px;line-height:30px;display:block;margin-top:5px;border-radius:3px;padding:0 10px}.el-plus-table-content .common-list-export-excel:hover{background:#58b6ff}.el-plus-table-content .el-table__empty-block{height:auto!important}
|
|
1
|
+
@charset "UTF-8";.ElPlusFormArea-panel[data-v-2f7bbae6],.ElPlusFormAutocomplete-panel[data-v-9a2a6259],.el-plus-form-btn-group{display:flex}.el-plus-form-btn-group .group-menu-btn{margin-left:10px}.ElPlusFormCascader-panel[data-v-a7ddb338],.ElPlusFormCascaderPanel-panel[data-v-9b97ec3d],.ElPlusFormCheckbox-panel[data-v-2465ae9d],.ElPlusFormCheckboxButton-panel[data-v-8f342dc8],.ElPlusFormColor-panel[data-v-b0687872],.ElPlusFormDate-panel[data-v-7295d086],.el-plusF-form-daterange-panel[data-v-45f09558],.ElPlusFormDatetime-panel[data-v-a93735d0],.el-plusF-form-datetimerange-panel[data-v-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}
|
|
@@ -463,6 +463,7 @@ const handelValToForm = (desc: IFormDescItem, field: string, val: any) => {
|
|
|
463
463
|
result.streetId = sid || -1
|
|
464
464
|
}
|
|
465
465
|
} else if (desc.type === 'daterange') {
|
|
466
|
+
console.log('daterange**********************************')
|
|
466
467
|
if (val && val.length === 2) {
|
|
467
468
|
result.startTime = val[0]
|
|
468
469
|
if (typeof val[1] === 'string') {
|
|
@@ -632,6 +633,7 @@ const handleSubmitForm = async () => {
|
|
|
632
633
|
* 重置,并清除校验
|
|
633
634
|
*/
|
|
634
635
|
const reset = () => {
|
|
636
|
+
console.log('reset**********************************')
|
|
635
637
|
// refElPlusForm.value.resetFields();
|
|
636
638
|
// 重置
|
|
637
639
|
Object.keys(props.modelValue).map((key) => {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<el-cascader-panel class="ElPlusFormCascaderPanel-panel" v-bind="attrs" v-on="onEvents" :options="props.desc.options" v-model="currentValue">
|
|
2
|
+
<el-cascader-panel v-if="isInit" class="ElPlusFormCascaderPanel-panel" v-bind="attrs" v-on="onEvents" :options="props.desc.options" v-model="currentValue">
|
|
3
3
|
<!-- 非作用域插槽 -->
|
|
4
4
|
<template v-for="(item, key, index) in slots" #[key]="data" :key="index">
|
|
5
5
|
<slot :name="key" :data="data" />
|
|
@@ -31,6 +31,7 @@ emits('update:modelValue', currentValue)
|
|
|
31
31
|
|
|
32
32
|
const slots = ref(Object.assign({}, useSlots(), props.desc.slots))
|
|
33
33
|
const attrs = ref({} as any)
|
|
34
|
+
const isInit = ref(false)
|
|
34
35
|
const onEvents = ref(getEvents(props))
|
|
35
36
|
|
|
36
37
|
onBeforeMount(async () => {
|
|
@@ -42,6 +43,7 @@ onBeforeMount(async () => {
|
|
|
42
43
|
},
|
|
43
44
|
...useAttrs()
|
|
44
45
|
})
|
|
46
|
+
isInit.value = true
|
|
45
47
|
})
|
|
46
48
|
</script>
|
|
47
49
|
<style lang="scss" scoped>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<el-checkbox-group class="ElPlusFormCheckbox-panel" v-bind="attrs" v-on="onEvents" v-model="currentValue">
|
|
2
|
+
<el-checkbox-group v-if="isInit" class="ElPlusFormCheckbox-panel" v-bind="attrs" v-on="onEvents" v-model="currentValue">
|
|
3
3
|
<el-checkbox v-for="option of desc.options" :key="option.value" :label="option.value" v-bind="option.attrs">
|
|
4
4
|
{{ option.text }}
|
|
5
5
|
</el-checkbox>
|
|
@@ -29,10 +29,12 @@ const currentValue = ref(props.modelValue)
|
|
|
29
29
|
emits('update:modelValue', currentValue)
|
|
30
30
|
|
|
31
31
|
const attrs = ref({} as any)
|
|
32
|
+
const isInit = ref(false)
|
|
32
33
|
const onEvents = ref(getEvents(props))
|
|
33
34
|
|
|
34
35
|
onBeforeMount(async () => {
|
|
35
36
|
attrs.value = await getAttrs(props, { ...useAttrs() })
|
|
37
|
+
isInit.value = true
|
|
36
38
|
})
|
|
37
39
|
</script>
|
|
38
40
|
<style lang="scss" scoped>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<el-checkbox-group class="ElPlusFormCheckboxButton-panel" v-bind="attrs" v-on="onEvents" v-model="currentValue">
|
|
2
|
+
<el-checkbox-group v-if="isInit" class="ElPlusFormCheckboxButton-panel" v-bind="attrs" v-on="onEvents" v-model="currentValue">
|
|
3
3
|
<el-checkbox-button v-for="option of desc.options" :key="option.value" :label="option.value" v-bind="option.attrs">
|
|
4
4
|
{{ option.text }}
|
|
5
5
|
</el-checkbox-button>
|
|
@@ -29,10 +29,12 @@ const currentValue = ref(props.modelValue)
|
|
|
29
29
|
emits('update:modelValue', currentValue)
|
|
30
30
|
|
|
31
31
|
const attrs = ref({} as any)
|
|
32
|
+
const isInit = ref(false)
|
|
32
33
|
const onEvents = ref(getEvents(props))
|
|
33
34
|
|
|
34
35
|
onBeforeMount(async () => {
|
|
35
36
|
attrs.value = await getAttrs(props, { ...useAttrs() })
|
|
37
|
+
isInit.value = true
|
|
36
38
|
})
|
|
37
39
|
</script>
|
|
38
40
|
<style lang="scss" scoped>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<el-date-picker class="el-plusF-form-daterange-panel" v-bind="attrs" v-on="onEvents" v-model="currentValue">
|
|
2
|
+
<el-date-picker v-if="isInit" class="el-plusF-form-daterange-panel" v-bind="attrs" v-on="onEvents" v-model="currentValue">
|
|
3
3
|
<!-- 非作用域插槽 -->
|
|
4
4
|
<template v-for="(item, key, index) in slots" #[key]="data" :key="index">
|
|
5
5
|
<slot :name="key" :data="data" />
|
|
@@ -28,6 +28,7 @@ const props = defineProps<{
|
|
|
28
28
|
const emits = defineEmits(['update:modelValue'])
|
|
29
29
|
const currentValue = ref(props.modelValue)
|
|
30
30
|
const slots = ref(Object.assign({}, useSlots(), props.desc.slots))
|
|
31
|
+
const isInit = ref(false)
|
|
31
32
|
const attrs = ref({} as any)
|
|
32
33
|
const onEvents = ref(getEvents(props))
|
|
33
34
|
|
|
@@ -35,6 +36,7 @@ emits('update:modelValue', currentValue)
|
|
|
35
36
|
|
|
36
37
|
onBeforeMount(async () => {
|
|
37
38
|
attrs.value = await getAttrs(props, { type: 'daterange', format: 'YYYY-MM-DD', valueFormat: 'x', editable: false, ...useAttrs() })
|
|
39
|
+
isInit.value = true
|
|
38
40
|
})
|
|
39
41
|
</script>
|
|
40
42
|
<style lang="scss" scoped>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<el-date-picker class="ElPlusFormDatetime-panel" v-bind="attrs" v-on="onEvents" type="datetime" v-model="currentValue" />
|
|
2
|
+
<el-date-picker v-if="isInit" class="ElPlusFormDatetime-panel" v-bind="attrs" v-on="onEvents" type="datetime" v-model="currentValue" />
|
|
3
3
|
</template>
|
|
4
4
|
<script lang="ts">
|
|
5
5
|
export default {
|
|
@@ -23,12 +23,14 @@ const props = defineProps<{
|
|
|
23
23
|
const emits = defineEmits(['update:modelValue'])
|
|
24
24
|
const currentValue = ref(props.modelValue)
|
|
25
25
|
const attrs = ref({} as any)
|
|
26
|
+
const isInit = ref(false)
|
|
26
27
|
const onEvents = ref(getEvents(props))
|
|
27
28
|
|
|
28
29
|
emits('update:modelValue', currentValue)
|
|
29
30
|
|
|
30
31
|
onBeforeMount(async () => {
|
|
31
32
|
attrs.value = await getAttrs(props, { valueFormat: 'YYYY-MM-DD HH:mm:ss', ...useAttrs() })
|
|
33
|
+
isInit.value = true
|
|
32
34
|
})
|
|
33
35
|
</script>
|
|
34
36
|
<style lang="scss" scoped>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<el-date-picker class="el-plusF-form-datetimerange-panel" v-bind="attrs" v-on="onEvents" v-model="currentValue">
|
|
2
|
+
<el-date-picker v-if="isInit" class="el-plusF-form-datetimerange-panel" v-bind="attrs" v-on="onEvents" v-model="currentValue">
|
|
3
3
|
<!-- 非作用域插槽 -->
|
|
4
4
|
<template v-for="(item, key, index) in slots" #[key]="data" :key="index">
|
|
5
5
|
<slot :name="key" :data="data" />
|
|
@@ -29,12 +29,14 @@ const emits = defineEmits(['update:modelValue'])
|
|
|
29
29
|
const currentValue = ref(props.modelValue)
|
|
30
30
|
const slots = ref(Object.assign({}, useSlots(), props.desc.slots))
|
|
31
31
|
const attrs = ref({} as any)
|
|
32
|
+
const isInit = ref(false)
|
|
32
33
|
const onEvents = ref(getEvents(props))
|
|
33
34
|
|
|
34
35
|
emits('update:modelValue', currentValue)
|
|
35
36
|
|
|
36
37
|
onBeforeMount(async () => {
|
|
37
38
|
attrs.value = await getAttrs(props, { type: 'datetimerange', format: 'YYYY-MM-DD HH:mm:ss', valueFormat: 'x', editable: false, ...useAttrs() })
|
|
39
|
+
isInit.value = true
|
|
38
40
|
})
|
|
39
41
|
</script>
|
|
40
42
|
<style lang="scss" scoped>
|
|
@@ -1,59 +1,61 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<el-input style="display: flex" v-bind="attrs" v-on="onEvents" v-model="currentValue">
|
|
3
|
-
<template v-for="(item, key, index) of slots" #[key] :key="index">
|
|
4
|
-
<slot :name="key" />
|
|
5
|
-
</template>
|
|
6
|
-
</el-input>
|
|
7
|
-
</template>
|
|
8
|
-
<script lang="ts">
|
|
9
|
-
export default {
|
|
10
|
-
name: 'ElPlusFormInput',
|
|
11
|
-
inheritAttrs: false,
|
|
12
|
-
typeName: 'input',
|
|
13
|
-
customOptions: {}
|
|
14
|
-
}
|
|
15
|
-
</script>
|
|
16
|
-
<script lang="ts" setup>
|
|
17
|
-
import { ref, watch, useAttrs, useSlots, onBeforeMount, inject } from 'vue'
|
|
18
|
-
import { getAttrs, getEvents } from '../mixins'
|
|
19
|
-
|
|
20
|
-
const defaultConf = inject('defaultConf') as ICRUDConfig
|
|
21
|
-
|
|
22
|
-
const props = defineProps<{
|
|
23
|
-
modelValue?: string | null
|
|
24
|
-
field: string
|
|
25
|
-
desc: { [key: string]: any }
|
|
26
|
-
formData: { [key: string]: any }
|
|
27
|
-
}>()
|
|
28
|
-
|
|
29
|
-
const emits = defineEmits(['update:modelValue', 'validateThis'])
|
|
30
|
-
const slots = ref(Object.assign({}, useSlots(), props.desc.slots))
|
|
31
|
-
const attrs = ref({} as any)
|
|
32
|
-
const
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
})
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
)
|
|
59
|
-
|
|
1
|
+
<template>
|
|
2
|
+
<el-input v-if="isInit" style="display: flex" v-bind="attrs" v-on="onEvents" v-model="currentValue">
|
|
3
|
+
<template v-for="(item, key, index) of slots" #[key] :key="index">
|
|
4
|
+
<slot :name="key" />
|
|
5
|
+
</template>
|
|
6
|
+
</el-input>
|
|
7
|
+
</template>
|
|
8
|
+
<script lang="ts">
|
|
9
|
+
export default {
|
|
10
|
+
name: 'ElPlusFormInput',
|
|
11
|
+
inheritAttrs: false,
|
|
12
|
+
typeName: 'input',
|
|
13
|
+
customOptions: {}
|
|
14
|
+
}
|
|
15
|
+
</script>
|
|
16
|
+
<script lang="ts" setup>
|
|
17
|
+
import { ref, watch, useAttrs, useSlots, onBeforeMount, inject } from 'vue'
|
|
18
|
+
import { getAttrs, getEvents } from '../mixins'
|
|
19
|
+
|
|
20
|
+
const defaultConf = inject('defaultConf') as ICRUDConfig
|
|
21
|
+
|
|
22
|
+
const props = defineProps<{
|
|
23
|
+
modelValue?: string | null
|
|
24
|
+
field: string
|
|
25
|
+
desc: { [key: string]: any }
|
|
26
|
+
formData: { [key: string]: any }
|
|
27
|
+
}>()
|
|
28
|
+
|
|
29
|
+
const emits = defineEmits(['update:modelValue', 'validateThis'])
|
|
30
|
+
const slots = ref(Object.assign({}, useSlots(), props.desc.slots))
|
|
31
|
+
const attrs = ref({} as any)
|
|
32
|
+
const isInit = ref(false)
|
|
33
|
+
const onEvents = ref(getEvents(props))
|
|
34
|
+
|
|
35
|
+
const currentValue = ref()
|
|
36
|
+
emits('update:modelValue', currentValue)
|
|
37
|
+
|
|
38
|
+
onBeforeMount(async () => {
|
|
39
|
+
attrs.value = await getAttrs(props, { autocomplete: 'new-password', maxlength: defaultConf.form?.leng?.input || 0, clearable: true, ...useAttrs() })
|
|
40
|
+
isInit.value = true
|
|
41
|
+
})
|
|
42
|
+
|
|
43
|
+
watch(
|
|
44
|
+
() => props.modelValue,
|
|
45
|
+
(data: string | null | undefined) => {
|
|
46
|
+
// 这里要截取一下字符串长度
|
|
47
|
+
if (data && data.length > attrs.value.maxlength) {
|
|
48
|
+
data = data.substring(0, attrs.value.maxlength)
|
|
49
|
+
}
|
|
50
|
+
currentValue.value = data
|
|
51
|
+
},
|
|
52
|
+
{ immediate: true }
|
|
53
|
+
)
|
|
54
|
+
|
|
55
|
+
watch(
|
|
56
|
+
() => currentValue.value,
|
|
57
|
+
() => {
|
|
58
|
+
emits('validateThis')
|
|
59
|
+
}
|
|
60
|
+
)
|
|
61
|
+
</script>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<el-input :class="desc.class" :style="desc.style" :clearable="attrs.clearable ?? true" type="number" v-bind="attrs" v-on="onEvents" v-model="currentValue">
|
|
2
|
+
<el-input v-if="isInit" :class="desc.class" :style="desc.style" :clearable="attrs.clearable ?? true" type="number" v-bind="attrs" v-on="onEvents" v-model="currentValue">
|
|
3
3
|
<template v-for="(item, key, index) of slots" #[key] :key="index">
|
|
4
4
|
<slot :name="key" />
|
|
5
5
|
</template>
|
|
@@ -32,10 +32,12 @@ emits('update:modelValue', currentValue)
|
|
|
32
32
|
|
|
33
33
|
const slots = ref(Object.assign({}, useSlots(), props.desc.slots))
|
|
34
34
|
const attrs = ref({} as any)
|
|
35
|
+
const isInit = ref(false)
|
|
35
36
|
const onEvents = ref(getEvents(props))
|
|
36
37
|
|
|
37
38
|
onBeforeMount(async () => {
|
|
38
39
|
attrs.value = await getAttrs(props, { ...useAttrs() })
|
|
40
|
+
isInit.value = true
|
|
39
41
|
})
|
|
40
42
|
</script>
|
|
41
43
|
<style lang="scss">
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<el-input-number class="ElPlusFormNumber-panel" v-bind="attrs" v-on="onEvents" v-model="currentValue" @focus="handelFocus" @blur="handelBlur" onkeypress="return( /[\d\.]/.test(String.fromCharCode(event.keyCode)))" />
|
|
2
|
+
<el-input-number v-if="isInit" class="ElPlusFormNumber-panel" v-bind="attrs" v-on="onEvents" v-model="currentValue" @focus="handelFocus" @blur="handelBlur" onkeypress="return( /[\d\.]/.test(String.fromCharCode(event.keyCode)))" />
|
|
3
3
|
</template>
|
|
4
4
|
<script lang="ts">
|
|
5
5
|
export default {
|
|
@@ -29,6 +29,7 @@ const emits = defineEmits(['update:modelValue', 'validateThis'])
|
|
|
29
29
|
const currentValue = ref(props.modelValue)
|
|
30
30
|
emits('update:modelValue', currentValue)
|
|
31
31
|
const attrs = ref({} as any)
|
|
32
|
+
const isInit = ref(false)
|
|
32
33
|
const onEvents = ref(getEvents(props))
|
|
33
34
|
|
|
34
35
|
const isDoChange = ref(false)
|
|
@@ -37,6 +38,7 @@ onBeforeMount(async () => {
|
|
|
37
38
|
attrs.value = await getAttrs(props, { ...defaultConf.form?.leng.nbinput, ...useAttrs() })
|
|
38
39
|
delete attrs.value.min
|
|
39
40
|
delete attrs.value.max
|
|
41
|
+
isInit.value = true
|
|
40
42
|
})
|
|
41
43
|
|
|
42
44
|
/**
|
|
@@ -1,41 +1,43 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<el-input :class="desc.class" :show-password="true" v-bind="attrs" v-on="onEvents" v-model="currentValue">
|
|
3
|
-
<!-- 组件内部插槽 -->
|
|
4
|
-
<template v-for="(item, key, index) in slots" #[key]="data" :key="index">
|
|
5
|
-
<slot :name="key" :data="data" />
|
|
6
|
-
</template>
|
|
7
|
-
</el-input>
|
|
8
|
-
</template>
|
|
9
|
-
<script lang="ts">
|
|
10
|
-
export default {
|
|
11
|
-
name: 'ElPlusFormPassword',
|
|
12
|
-
inheritAttrs: false,
|
|
13
|
-
typeName: 'password',
|
|
14
|
-
customOptions: {}
|
|
15
|
-
}
|
|
16
|
-
</script>
|
|
17
|
-
<script lang="ts" setup>
|
|
18
|
-
import { ref, useAttrs, useSlots, onBeforeMount, inject } from 'vue'
|
|
19
|
-
import { getAttrs, getEvents } from '../mixins'
|
|
20
|
-
|
|
21
|
-
const defaultConf = inject('defaultConf') as ICRUDConfig
|
|
22
|
-
|
|
23
|
-
const props = defineProps<{
|
|
24
|
-
modelValue?: string | number | '' | null
|
|
25
|
-
field: string
|
|
26
|
-
loading?: boolean
|
|
27
|
-
desc: { [key: string]: any }
|
|
28
|
-
formData: { [key: string]: any }
|
|
29
|
-
}>()
|
|
30
|
-
const emits = defineEmits(['update:modelValue'])
|
|
31
|
-
const currentValue = ref(props.modelValue)
|
|
32
|
-
emits('update:modelValue', currentValue)
|
|
33
|
-
|
|
34
|
-
const slots = ref(Object.assign({}, useSlots(), props.desc.slots))
|
|
35
|
-
const attrs = ref({} as any)
|
|
36
|
-
const
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
})
|
|
41
|
-
|
|
1
|
+
<template>
|
|
2
|
+
<el-input v-if="isInit" :class="desc.class" :show-password="true" v-bind="attrs" v-on="onEvents" v-model="currentValue">
|
|
3
|
+
<!-- 组件内部插槽 -->
|
|
4
|
+
<template v-for="(item, key, index) in slots" #[key]="data" :key="index">
|
|
5
|
+
<slot :name="key" :data="data" />
|
|
6
|
+
</template>
|
|
7
|
+
</el-input>
|
|
8
|
+
</template>
|
|
9
|
+
<script lang="ts">
|
|
10
|
+
export default {
|
|
11
|
+
name: 'ElPlusFormPassword',
|
|
12
|
+
inheritAttrs: false,
|
|
13
|
+
typeName: 'password',
|
|
14
|
+
customOptions: {}
|
|
15
|
+
}
|
|
16
|
+
</script>
|
|
17
|
+
<script lang="ts" setup>
|
|
18
|
+
import { ref, useAttrs, useSlots, onBeforeMount, inject } from 'vue'
|
|
19
|
+
import { getAttrs, getEvents } from '../mixins'
|
|
20
|
+
|
|
21
|
+
const defaultConf = inject('defaultConf') as ICRUDConfig
|
|
22
|
+
|
|
23
|
+
const props = defineProps<{
|
|
24
|
+
modelValue?: string | number | '' | null
|
|
25
|
+
field: string
|
|
26
|
+
loading?: boolean
|
|
27
|
+
desc: { [key: string]: any }
|
|
28
|
+
formData: { [key: string]: any }
|
|
29
|
+
}>()
|
|
30
|
+
const emits = defineEmits(['update:modelValue'])
|
|
31
|
+
const currentValue = ref(props.modelValue)
|
|
32
|
+
emits('update:modelValue', currentValue)
|
|
33
|
+
|
|
34
|
+
const slots = ref(Object.assign({}, useSlots(), props.desc.slots))
|
|
35
|
+
const attrs = ref({} as any)
|
|
36
|
+
const isInit = ref(false)
|
|
37
|
+
const onEvents = ref(getEvents(props))
|
|
38
|
+
|
|
39
|
+
onBeforeMount(async () => {
|
|
40
|
+
attrs.value = await getAttrs(props, { autocomplete: 'new-password', maxlength: defaultConf.form?.leng?.input || 0, ...useAttrs() })
|
|
41
|
+
isInit.value = true
|
|
42
|
+
})
|
|
43
|
+
</script>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<el-input :class="desc.class" :style="desc.style" type="textarea" v-bind="attrs" v-model="currentValue" v-on="onEvents"> </el-input>
|
|
2
|
+
<el-input v-if="isInit" :class="desc.class" :style="desc.style" type="textarea" v-bind="attrs" v-model="currentValue" v-on="onEvents"> </el-input>
|
|
3
3
|
<div class="el-plus-form-quick-input">
|
|
4
4
|
<el-tag v-for="(option, index) in options" :key="index" type="info" @click="changeTip(option.label)">{{ option.label }}</el-tag>
|
|
5
5
|
</div>
|
|
@@ -30,6 +30,7 @@ const props = defineProps<{
|
|
|
30
30
|
|
|
31
31
|
const emits = defineEmits(['update:modelValue', 'validateThis'])
|
|
32
32
|
const attrs = ref({} as any)
|
|
33
|
+
const isInit = ref(false)
|
|
33
34
|
const onEvents = ref(getEvents(props))
|
|
34
35
|
const options = reactive([] as any[])
|
|
35
36
|
const currentValue = ref(props.modelValue)
|
|
@@ -37,6 +38,7 @@ emits('update:modelValue', currentValue)
|
|
|
37
38
|
|
|
38
39
|
onBeforeMount(async () => {
|
|
39
40
|
attrs.value = await getAttrs(props, { maxlength: defaultConf.form?.leng.textare, showWordLimit: true, rows: 3, ...useAttrs() })
|
|
41
|
+
isInit.value = true
|
|
40
42
|
})
|
|
41
43
|
|
|
42
44
|
/**
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<el-input :class="desc.class" :style="desc.style" type="textarea" v-bind="attrs" v-model="currentValue" v-on="onEvents"> </el-input>
|
|
2
|
+
<el-input v-if="isInit" :class="desc.class" :style="desc.style" type="textarea" v-bind="attrs" v-model="currentValue" v-on="onEvents"> </el-input>
|
|
3
3
|
</template>
|
|
4
4
|
<script lang="ts">
|
|
5
5
|
export default {
|
|
@@ -24,6 +24,7 @@ const props = defineProps<{
|
|
|
24
24
|
}>()
|
|
25
25
|
const emits = defineEmits(['update:modelValue', 'validateThis'])
|
|
26
26
|
const attrs = ref({} as any)
|
|
27
|
+
const isInit = ref(false)
|
|
27
28
|
const onEvents = ref(getEvents(props))
|
|
28
29
|
|
|
29
30
|
const currentValue = ref(props.modelValue)
|
|
@@ -31,6 +32,7 @@ emits('update:modelValue', currentValue)
|
|
|
31
32
|
|
|
32
33
|
onBeforeMount(async () => {
|
|
33
34
|
attrs.value = await getAttrs(props, { maxlength: defaultConf.form?.leng.textare, showWordLimit: true, rows: 3, ...useAttrs() })
|
|
35
|
+
isInit.value = true
|
|
34
36
|
})
|
|
35
37
|
|
|
36
38
|
watch(
|