el-plus-crud 0.0.11 → 0.0.13

package/dist/style.css

@@ -1 +1 @@
-@charset "UTF-8";.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-8b943369],.ElPlusFormCascaderPanel-panel[data-v-2c8fbcd6],.ElPlusFormCheckbox-panel[data-v-d9495439],.ElPlusFormCheckboxButton-panel[data-v-01d22bc6],.ElPlusFormColor-panel[data-v-b0687872],.ElPlusFormDate-panel[data-v-1d69d940],.el-plusF-form-daterange-panel[data-v-2f54b570],.ElPlusFormDatetime-panel[data-v-e8947510]{display:flex}.file-icons-panel[data-v-e0d1255f]{width:100%}.file-icons-panel .file-list[data-v-e0d1255f]{width:100%;display:flex;flex-direction:column}.file-icons-panel .file-list .file-item[data-v-e0d1255f]{display:flex;flex-direction:row;align-items:center;width:100%;height:28px;line-height:28px;padding-left: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-e0d1255f]:hover{background:#e7e8eb;color:#1890ff}.file-icons-panel .file-list .file-item .file-name[data-v-e0d1255f]{margin-left:10px}.file-icons-panel .card-list[data-v-e0d1255f]{width:100%;display:flex;flex-direction:row}.file-icons-panel .card-list .file-item[data-v-e0d1255f]{display:flex;flex-direction:column;align-items:center}.file-icons-panel .card-list .file-item .file-name[data-v-e0d1255f]{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-1947aab1]{width:100%}.el-plus-form-link .items-panel[data-v-1947aab1] .el-input__inner{cursor:pointer}.el-plus-form-link[data-v-1947aab1] .el-tag__close{display:none!important}.form-link-dialog{width:100%;display:flex;box-sizing:border-box}.form-link-dialog .panel-left{flex:1;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{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-8ab5b54a]{width:100%!important;max-width:100%}.ElPlusFormNumber-panel[data-v-8ab5b54a] .el-input__wrapper input{text-align:left!important}.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-e3c3f0d0]{color:#606266;word-break:break-all;display:flex;align-items:center}.ele-form-text-click[data-v-e3c3f0d0]{color:#1890ff;cursor:pointer}.ele-form-transfer[data-v-6262dcef]{line-height:1}.el-plus-form-tree[data-v-4aa78551]{width:100%}.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-form-item--default{margin-bottom:18px!important}.el-plus-table-edit-column[data-v-f91a3dba]{margin:0 10px;display:inline-block}.el-plus-table-edit-column .select-panel[data-v-f91a3dba]{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-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-8c541368]{width:100%}.el-plus-table-column-item[data-v-1037cba6]{width:100%;display:flex}.el-plus-table-column-item[data-v-1037cba6] .ele-form-text{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.el-plus-table-column-row[data-v-1037cba6]{flex-direction:row}.el-plus-table-column-row>div[data-v-1037cba6]{margin-right:10px}.el-plus-table-column-row>div[data-v-1037cba6]:last-child{margin:0}.el-plus-table-column-column[data-v-1037cba6]{flex-direction:column}.el-plus-table-column-column>div[data-v-1037cba6]{margin-bottom:10px}.el-plus-table-column-column>div[data-v-1037cba6]: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}
+@charset "UTF-8";.ElPlusFormArea-panel[data-v-a9653fd0],.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-e0d1255f]{width:100%}.file-icons-panel .file-list[data-v-e0d1255f]{width:100%;display:flex;flex-direction:column}.file-icons-panel .file-list .file-item[data-v-e0d1255f]{display:flex;flex-direction:row;align-items:center;width:100%;height:28px;line-height:28px;padding-left: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-e0d1255f]:hover{background:#e7e8eb;color:#1890ff}.file-icons-panel .file-list .file-item .file-name[data-v-e0d1255f]{margin-left:10px}.file-icons-panel .card-list[data-v-e0d1255f]{width:100%;display:flex;flex-direction:row}.file-icons-panel .card-list .file-item[data-v-e0d1255f]{display:flex;flex-direction:column;align-items:center}.file-icons-panel .card-list .file-item .file-name[data-v-e0d1255f]{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-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}

package/lib/components/el-plus-form/ElPlusForm.vue

@@ -45,7 +45,6 @@ import * as validates from './util/validate'
 import { typeList } from './components/index'
 import ElPlusFormBtn from './components/ElPlusFormBtn.vue'
 import { cloneDeep } from 'lodash'
-
 // IFormProps定义
 export interface IFormProps {
   // 表单描述
@@ -103,6 +102,7 @@ export interface IFormProps {
   // 其他钩子 直接放到attrs里面去了
 }
 
+const defaultConf = inject('defaultConf') as ICRUDConfig
 // 定义全局的format对象
 const elPlusFormFormat = inject('format') as any
 
@@ -180,6 +180,8 @@ const innerIsLoading = ref(false)
 
 let oldFormData = null as any
 
+const size = computed(() => props.size || defaultConf.size)
+
 // 整体的布局方式
 const formLayout = computed(() => ({ display: 'flex', flexDirection: props.isTable ? 'row' : 'column' })) as any
 
@@ -314,6 +316,10 @@ const initFormAttrs = throttle(() => {
           if (formItem.default !== undefined && formItem.default !== null && props.modelValue[field] === undefined) {
             props.modelValue[field] = formItem.default
           }
+          // 这里初始化一下默认选中项
+          if (formItem.defaultItem !== undefined && formItem.defaultItem !== null && props.modelValue[field] === undefined) {
+            props.modelValue[field] = formItem.defaultItem.value
+          }
           // 这里格式化一下数据
           if (formItem.format) {
             if (typeof formItem.format === 'string') {
@@ -342,7 +348,7 @@ const btnList = computed(() => {
       field: '_reset_btn',
       desc: {
         label: props.cancelBtnText || '取消',
-        size: props.size,
+        size: size.value,
         disabled: innerIsLoading.value,
         on: { click: () => emits('cancel') }
       }
@@ -355,7 +361,7 @@ const btnList = computed(() => {
       desc: {
         label: props.resetBtnText || '重置',
         confirm: `确定要${props.resetBtnText || '重置'}?`,
-        size: props.size,
+        size: size.value,
         disabled: innerIsLoading.value,
         on: { click: reset }
       }
@@ -367,7 +373,7 @@ const btnList = computed(() => {
       field: '_reset_btn',
       desc: {
         label: props.submitBtnText || '提交',
-        size: props.size,
+        size: size.value,
         type: 'primary',
         loading: props.isLoading || innerIsLoading.value,
         on: { click: handleSubmitForm }
@@ -564,7 +570,6 @@ const handleSubmitForm = async () => {
         nextTick(() => {
           if (tempAttr.success && typeof tempAttr.success === 'function') {
             tempAttr.success({ response, formData: props.modelValue, callback: () => (innerIsLoading.value = false) } as IFormBack)
-            reset()
           }
         })
       } catch (error) {
@@ -606,7 +611,8 @@ const handleSubmitForm = async () => {
       emits('request', postData)
     }
   } catch (error) {
-    // console.log('error: ', error)
+    // eslint-disable-next-line no-console
+    console.log('error: ', error)
   }
 }
 
@@ -737,8 +743,14 @@ defineExpose({ submit: handleSubmitForm, getData: getFormData, validate: validat
     background-color: #f9f2f4;
     border-radius: 4px;
   }
-  .el-form-item--default {
-    margin-bottom: 18px !important;
+  .el-plus-form-column-panel {
+    & > .el-form-item--default {
+      margin-bottom: 18px !important;
+      & > .el-form-item__label {
+        line-height: 40px;
+        margin-bottom: 0;
+      }
+    }
   }
 }
 </style>

package/lib/components/el-plus-form/components/ElPlusFormArea.vue

@@ -0,0 +1,59 @@
+<template>
+  <el-cascader v-if="areaList && areaList.length" class="ElPlusFormArea-panel" v-bind="attrs" v-on="onEvents" v-model="currentValue" :options="areaList" />
+</template>
+<script lang="ts">
+export default {
+  name: 'ElPlusFormArea',
+  inheritAttrs: false,
+  typeName: 'area',
+  customOptions: {}
+}
+</script>
+<script lang="ts" setup>
+import { onMounted, ref, useAttrs, onBeforeMount, inject } from 'vue'
+import { getAttrs, getEvents } from '../mixins'
+
+const globalData = inject('globalData') as any
+
+const props = defineProps<{
+  modelValue?: Array<any> | null
+  field: string
+  desc: { [key: string]: any }
+  formData: { [key: string]: any }
+}>()
+
+const emits = defineEmits(['update:modelValue'])
+const areaList = ref([] as any)
+const attrs = ref({} as any)
+const onEvents = ref(getEvents(props))
+const currentValue = ref(props.modelValue)
+
+emits('update:modelValue', currentValue)
+
+/**
+ * 远程加载数据
+ * @param node
+ * @param resolve
+ */
+// async function lazyLoad(node: any, resolve: any) {
+//   resolve(
+//     ((await queryAreaByPId(node && node.value ? node.value : '0')) as Array<any>).map((item) => {
+//       item.leaf = true
+//       return item
+//     })
+//   )
+// }
+
+onBeforeMount(async () => {
+  attrs.value = await getAttrs(props, { props: { value: 'id', label: 'name', children: 'childs', checkStrictly: !!props.desc.checkStrictly }, clearable: true, filterable: true, ...useAttrs() })
+})
+
+onMounted(async () => {
+  areaList.value = (globalData.areaList || []) as any[]
+})
+</script>
+<style lang="scss" scoped>
+.ElPlusFormArea-panel {
+  display: flex;
+}
+</style>

package/lib/components/el-plus-form/components/ElPlusFormBtn.vue

@@ -26,8 +26,8 @@ export default {
 }
 </script>
 <script lang="ts" setup>
-import { ref, computed, useAttrs, watch } from 'vue'
 import { cloneDeep } from 'lodash'
+import { ref, computed, useAttrs, watch } from 'vue'
 
 const props = defineProps<{
   field?: string

package/lib/components/el-plus-form/components/ElPlusFormCascader.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-cascader class="ElPlusFormCascader-panel" v-bind="attrs" v-on="onEvents" :options="props.desc.options" v-model="currentValue" />
+  <el-cascader class="ElPlusFormCascader-panel" v-bind="attrs" v-on="onEvents" :options="options" v-model="currentValue" />
 </template>
 <script lang="ts">
 export default {
@@ -10,8 +10,11 @@ export default {
 }
 </script>
 <script lang="ts" setup>
-import { ref, useAttrs, onBeforeMount } from 'vue'
+import { ref, useAttrs, onBeforeMount, inject, reactive, watch } from 'vue'
 import { getAttrs, getEvents } from '../mixins'
+import { isEqual } from 'lodash'
+
+const globalData = inject('globalData') as any
 
 const props = defineProps<{
   modelValue?: Array<string> | string | null
@@ -26,10 +29,30 @@ emits('update:modelValue', currentValue)
 
 const attrs = ref({} as any)
 const onEvents = ref(getEvents(props))
+const options = reactive([] as any[])
 
 onBeforeMount(async () => {
   attrs.value = await getAttrs(props, { clearable: true, props: { value: 'value', label: 'label', children: 'children', checkStrictly: !!props.desc.checkStrictly }, ...useAttrs() })
 })
+
+//监听options数据
+watch(
+  () => props.desc.options,
+  async (data) => {
+    if (typeof data === 'string') {
+      options.splice(0, options.length, ...(globalData[data] || []))
+    } else if (typeof data === 'function') {
+      options.splice(0, options.length, ...(await data(props.formData)))
+    } else if (Array.isArray(data)) {
+      if (data && options && !isEqual(data, options)) {
+        options.splice(0, options.length, ...data)
+      }
+    } else {
+      options.splice(0, options.length)
+    }
+  },
+  { immediate: true }
+)
 </script>
 <style lang="scss" scoped>
 .ElPlusFormCascader-panel {

package/lib/components/el-plus-form/components/ElPlusFormDate.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-date-picker class="ElPlusFormDate-panel" v-bind="attrs" v-on="onEvents" v-model="currentValue" />
+  <el-date-picker v-if="isInit" class="ElPlusFormDate-panel" v-bind="attrs" v-on="onEvents" v-model="currentValue" />
 </template>
 <script lang="ts">
 export default {
@@ -21,6 +21,7 @@ const props = defineProps<{
 }>()
 
 const emits = defineEmits(['update:modelValue'])
+const isInit = ref(false)
 const attrs = ref({} as any)
 const onEvents = ref(getEvents(props))
 const currentValue = ref(props.modelValue)
@@ -28,6 +29,7 @@ emits('update:modelValue', currentValue)
 
 onBeforeMount(async () => {
   attrs.value = await getAttrs(props, { valueFormat: 'YYYY-MM-DD HH:mm:ss', editable: false, ...useAttrs() })
+  isInit.value = true
 })
 </script>
 <style lang="scss" scoped>

package/lib/components/el-plus-form/components/ElPlusFormFile.vue

@@ -3,7 +3,7 @@
     <template v-if="props.modelValue && props.modelValue.length > 0">
       <FileIcons :files="props.modelValue" showName preview />
     </template>
-    <span v-else class="no-img-tip">暂无</span>
+    <span v-else class="no-img-tip">暂无内容</span>
   </div>
 </template>
 <script lang="ts">

package/lib/components/el-plus-form/components/ElPlusFormInput.vue

@@ -14,9 +14,11 @@ export default {
 }
 </script>
 <script lang="ts" setup>
-import { ref, watch, useAttrs, useSlots, onBeforeMount } from 'vue'
+import { ref, watch, useAttrs, useSlots, onBeforeMount, inject } from 'vue'
 import { getAttrs, getEvents } from '../mixins'
 
+const defaultConf = inject('defaultConf') as ICRUDConfig
+
 const props = defineProps<{
   modelValue?: string | null
   field: string
@@ -32,7 +34,7 @@ const currentValue = ref()
 emits('update:modelValue', currentValue)
 
 onBeforeMount(async () => {
-  attrs.value = await getAttrs(props, { autocomplete: 'new-password', maxlength: 20, clearable: true, ...useAttrs() })
+  attrs.value = await getAttrs(props, { autocomplete: 'new-password', maxlength: defaultConf.form?.leng.input, clearable: true, ...useAttrs() })
 })
 
 watch(

package/lib/components/el-plus-form/components/ElPlusFormLink.vue

@@ -4,7 +4,7 @@
       <el-option v-for="option in options" :key="option.value" v-bind="option" />
     </el-select>
     <!-- 弹框 -->
-    <el-dialog :width="desc.dialogWidth || '1000px'" :title="desc.placeholder || '选择' + desc.label" draggable :closeOnClickModal="false" showCancel v-model="isShowDialog" append-to-body destroy-on-close>
+    <el-dialog :width="desc.dialogWidth || '1000px'" :title="desc.title || desc.placeholder || '请选择' + desc.label" draggable :closeOnClickModal="false" showCancel v-model="isShowDialog" append-to-body destroy-on-close>
       <div style="width: 100%" class="form-link-dialog">
         <div class="panel-left">
           <!-- 左侧列表 -->
@@ -42,10 +42,11 @@ import { getEvents } from '../mixins'
 interface ILinkItem {
   label: string
   value: string
+  dataItem: { [key: string]: any }
 }
 
 const props = defineProps<{
-  modelValue?: any
+  modelValue?: []
   field: string
   loading?: boolean
   desc: { [key: string]: any }
@@ -56,7 +57,7 @@ const onEvents = ref(getEvents(props))
 
 const emits = defineEmits(['update:modelValue', 'change', 'input', 'validateThis'])
 
-const currentValue = ref(props.modelValue)
+const currentValue = ref(props.modelValue as any[])
 emits('update:modelValue', currentValue)
 
 // 顶部的select
@@ -68,7 +69,8 @@ const topAttrs = reactive({
   size: props.desc.size,
   collapseTags: true,
   collapseTagsTooltip: true,
-  clearable: true
+  clearable: true,
+  placeholder: props.desc.placeholder || '请选择' + props.desc.label
 })
 
 // 显示弹框
@@ -110,7 +112,7 @@ function handelTableSelection(selection: any[]) {
   // 这里全是新增
   selectData.splice(0, selectData.length)
   selection.map((row) => {
-    selectData.push({ label: row[props.desc.lkey || 'name'], value: row[vkey.value] })
+    selectData.push({ label: row[props.desc.lkey || 'name'], value: row[vkey.value], dataItem: row })
   })
 }
 
@@ -120,7 +122,7 @@ function handelTableSelection(selection: any[]) {
  */
 function handelSignleSelect({ row }: IBtnBack) {
   selectData.splice(0, selectData.length)
-  selectData.push({ label: row[props.desc.lkey || 'name'], value: row[vkey.value] })
+  selectData.push({ label: row[props.desc.lkey || 'name'], value: row[vkey.value], dataItem: row })
   // 直接关闭
   submit()
 }
@@ -151,15 +153,22 @@ function cancel() {
 function submit() {
   options.splice(0, options.length, ...selectData)
   const tempIds = [] as string[]
+  const tempNames = [] as string[]
   values.splice(0, values.length)
 
   // 遍历数据
   selectData.map((item) => {
     values.push(item.value)
     tempIds.push(item.value)
+    tempNames.push(item.label)
   })
   // 设置值
-  currentValue.value = selectData.length > 0 ? tempIds : null
+  currentValue.value = selectData.length > 0 ? [tempIds, tempNames] : []
+
+  // 触发外部change事件
+  if (onEvents.value.change) {
+    onEvents.value.change(props.formData, null, currentValue.value)
+  }
 
   isShowDialog.value = false
   emits('validateThis')
@@ -188,7 +197,7 @@ watch(
     }
     tableConfig.value = tempConfig
   },
-  { deep: true }
+  { deep: true, immediate: true }
 )
 
 onMounted(async () => {})
@@ -215,7 +224,8 @@ onMounted(async () => {})
   box-sizing: border-box;
 
   .panel-left {
-    flex: 1;
+    // flex: 1;
+    min-width: 60%;
     height: 500px;
     display: flex;
     flex-direction: column;
@@ -229,7 +239,7 @@ onMounted(async () => {})
   }
 
   .panel-right {
-    // min-width: 40%;
+    min-width: 40%;
     max-width: 40%;
     margin-left: 20px;
     border-left: 1px var(--el-border-color) var(--el-border-style);

package/lib/components/el-plus-form/components/ElPlusFormNumber.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-input-number class="ElPlusFormNumber-panel" v-bind="attrs" v-on="onEvents" v-model="currentValue" onkeypress="return( /[\d\.]/.test(String.fromCharCode(event.keyCode)))" />
+  <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)))" />
 </template>
 <script lang="ts">
 export default {
@@ -10,10 +10,12 @@ export default {
 }
 </script>
 <script lang="ts" setup>
-import { ref, computed, useAttrs, onBeforeMount, nextTick } from 'vue'
+import { ref, computed, useAttrs, onBeforeMount, nextTick, inject } from 'vue'
 import { getAttrs, getEvents } from '../mixins'
 import { ElMessage } from 'element-plus'
 
+const defaultConf = inject('defaultConf') as ICRUDConfig
+
 const props = defineProps<{
   modelValue?: number | null
   field: string
@@ -22,23 +24,52 @@ const props = defineProps<{
   formData: { [key: string]: any }
   rowIndex?: number
 }>()
-const emits = defineEmits(['update:modelValue'])
+
+const emits = defineEmits(['update:modelValue', 'validateThis'])
 const currentValue = ref(props.modelValue)
 emits('update:modelValue', currentValue)
 const attrs = ref({} as any)
 const onEvents = ref(getEvents(props))
 
+const isDoChange = ref(false)
+
 onBeforeMount(async () => {
-  attrs.value = await getAttrs(props, { min: 0, max: 999999999, precision: 0, controlsPosition: 'right', ...useAttrs() })
+  attrs.value = await getAttrs(props, { ...defaultConf.form?.leng.nbinput, ...useAttrs() })
   delete attrs.value.min
   delete attrs.value.max
 })
 
+/**
+ * 获取焦点
+ */
+function handelFocus() {
+  isDoChange.value = false
+}
+
+/**
+ * 处理失去焦点
+ * @param event
+ */
+function handelBlur() {
+  if (!isDoChange.value) {
+    if (!currentValue.value) {
+      nextTick(() => {
+        currentValue.value = numBindAttr.value.min ?? 0
+      })
+    } else {
+      handelValChange(currentValue.value, 0)
+    }
+  }
+  nextTick(() => {
+    emits('validateThis')
+  })
+}
+
 /**
  * 绑定属性
  */
 const numBindAttr = computed(() => {
-  let numAttrs = props.desc.attrs || { min: 0, max: 999999999, precision: 0, controlsPosition: 'right' }
+  let numAttrs = props.desc.attrs || defaultConf.form?.leng.nbinput
   if (typeof props.desc.attrs === 'function') {
     numAttrs = props.desc.attrs(props.formData)
   }
@@ -61,7 +92,6 @@ if (currentValue.value !== undefined && currentValue.value !== null) {
 }
 
 const change = onEvents.value.change
-
 if (change) {
   onEvents.value.change = (val: any, oldVal: any) => {
     handelValChange(val, oldVal)
@@ -75,6 +105,7 @@ if (change) {
  * @param val
  */
 function handelValChange(val: any, oldVal: any) {
+  isDoChange.value = true
   if (val !== oldVal) {
     if (val < numBindAttr.value.min) {
       ElMessage.warning(`${props.desc?.label || ''}最少不能低于${numBindAttr.value.min}`)

package/lib/components/el-plus-form/components/ElPlusFormQuickInput.vue

@@ -0,0 +1,92 @@
+<template>
+  <el-input :class="desc.class" :style="desc.style" type="textarea" v-bind="attrs" v-model="currentValue" v-on="onEvents"> </el-input>
+  <div class="el-plus-form-quick-input">
+    <el-tag v-for="(option, index) in options" :key="index" type="info" @click="changeTip(option.label)">{{ option.label }}</el-tag>
+  </div>
+</template>
+<script lang="ts">
+export default {
+  name: 'ElPlusFormQuickinput',
+  inheritAttrs: false,
+  typeName: 'quickinput',
+  customOptions: {}
+}
+</script>
+<script lang="ts" setup>
+import { ref, useAttrs, watch, onBeforeMount, inject, reactive } from 'vue'
+import { getAttrs, getEvents } from '../mixins'
+import { isEqual } from 'lodash'
+
+const globalData = inject('globalData') as any
+const defaultConf = inject('defaultConf') as ICRUDConfig
+
+const props = defineProps<{
+  modelValue?: string | null
+  field: string
+  loading?: boolean
+  desc: { [key: string]: any }
+  formData: { [key: string]: any }
+}>()
+
+const emits = defineEmits(['update:modelValue', 'validateThis'])
+const attrs = ref({} as any)
+const onEvents = ref(getEvents(props))
+const options = reactive([] as any[])
+const currentValue = ref(props.modelValue)
+emits('update:modelValue', currentValue)
+
+onBeforeMount(async () => {
+  attrs.value = await getAttrs(props, { maxlength: defaultConf.form?.leng.textare, showWordLimit: true, rows: 3, ...useAttrs() })
+})
+
+/**
+ *
+ * @param text
+ * 选中
+ */
+function changeTip(text: any) {
+  currentValue.value = text
+  emits('validateThis')
+}
+
+watch(
+  () => props.modelValue,
+  (data: string | null | undefined) => {
+    // 这里要截取一下字符串长度
+    if (data && data.length > attrs.value.maxlength) {
+      data = data.substring(0, attrs.value.maxlength)
+    }
+    currentValue.value = data
+  },
+  { immediate: true }
+)
+watch(
+  () => props.desc.options,
+  async (data) => {
+    if (typeof data === 'string') {
+      //   // 从全局数据中获取options
+      options.splice(0, options.length, ...(globalData[data] || []))
+    } else if (typeof data === 'function') {
+      options.splice(0, options.length, ...(await data(props.formData)))
+    } else if (Array.isArray(data)) {
+      if (data && options && !isEqual(data, options)) {
+        options.splice(0, options.length, ...data)
+      }
+    } else {
+      options.splice(0, options.length)
+    }
+  },
+  { immediate: true }
+)
+</script>
+<style lang="scss">
+.el-plus-form-quick-input {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  margin-top: 10px;
+  .el-tag {
+    margin-right: 10px;
+  }
+}
+</style>

package/lib/components/el-plus-form/components/ElPlusFormSelect.vue

@@ -22,6 +22,7 @@ import { ElMessage } from 'element-plus'
 import { getAttrs } from '../mixins'
 import { isEqual } from 'lodash'
 
+const defaultConf = inject('defaultConf') as ICRUDConfig
 const globalData = inject('globalData') as any
 
 const props = defineProps<{
@@ -58,6 +59,17 @@ if (props.desc.remote) {
       if (oldQuery.value !== query) {
         oldQuery.value = query
         options.splice(0, options.length, ...(await props.desc.remote(query)))
+        if (query === '') {
+          // 判断是否有默认选项
+          if (props.desc.defaultItem) {
+            // 这里需要判断下默认值是否已经出现在了options中，如果存在，则需要删除
+            const index = options.findIndex((item) => item.value === props.desc.defaultItem.value)
+            if (index >= 0) {
+              options.splice(index, 1)
+            }
+            options.unshift(props.desc.defaultItem)
+          }
+        }
       }
     }
   }
@@ -102,7 +114,7 @@ watch(
   async (data) => {
     if (typeof data === 'string') {
       // 从全局数据中获取options
-      options.splice(0, options.length, ...globalData[data])
+      options.splice(0, options.length, ...(globalData[data] || []))
     } else if (typeof data === 'function') {
       options.splice(0, options.length, ...(await data(props.formData)))
     } else if (Array.isArray(data)) {
@@ -120,9 +132,9 @@ watch(
   () => currentValue.value,
   (val: any) => {
     if (attrs.value.allowCreate) {
-      if (val && Array.isArray(val) && (val as Array<any>).some((item) => typeof item === 'string' && item.length > 20)) {
-        ElMessage.warning('最大长度为： ' + 20)
-        currentValue.value = (val as Array<string>).filter((item) => typeof item !== 'string' || item.length <= 20)
+      if (val && Array.isArray(val) && (val as Array<any>).some((item) => typeof item === 'string' && item.length > (defaultConf.form?.leng.input || 20))) {
+        ElMessage.warning('最大长度为： ' + (defaultConf.form?.leng.input || 20))
+        currentValue.value = (val as Array<string>).filter((item) => typeof item !== 'string' || item.length <= (defaultConf.form?.leng.input || 20))
       }
     }
   }