@fouro/melx
Advanced tools
+1
-1
@@ -56,3 +56,3 @@ { | ||
| }, | ||
| "version": "1.0.7" | ||
| "version": "1.0.8" | ||
| } |
@@ -12,6 +12,14 @@ <template> | ||
| <div class="el-dialog__body"> | ||
| <div class="el-input v-filter" v-if="filterable"> | ||
| <input type="text" autocomplete="off" :placeholder="filterPlaceholder" class="el-input__inner" @input.stop="doQuery" v-model="filterText"> | ||
| <template v-show="options.length > 0 && !loading"> | ||
| <div class="el-input v-filter" v-if="filterable"> | ||
| <input type="text" autocomplete="off" :placeholder="filterPlaceholder" class="el-input__inner" @input.stop="doQuery" v-model="filterText"> | ||
| </div> | ||
| <slot></slot> | ||
| </template> | ||
| <div v-if="emptyText && ( loading || options.length === 0 )"> | ||
| <slot name="empty" v-if="$slots.empty"></slot> | ||
| <p class="el-select-dropdown__empty" v-else> | ||
| {{ emptyText }} | ||
| </p> | ||
| </div> | ||
| <slot></slot> | ||
| </div> | ||
@@ -112,10 +120,10 @@ <div class="el-dialog__footer" @click.prevent.stop="revert"><button class="cancel">{{this.$t('common.button.cancel')}}</button><button @click.prevent.stop="confirm">{{this.$t('common.button.ok')}}</button></div> | ||
| if (this.loading) { | ||
| return this.loadingText || this.t('el.select.loading'); | ||
| return this.loadingText || t('el.select.loading'); | ||
| } else { | ||
| if (this.remote && this.filterText === '' && this.options.length === 0) return false; | ||
| if (this.filterable && this.filterText && this.options.length > 0 && this.filteredOptionsCount === 0) { | ||
| return this.noMatchText || this.t('el.select.noMatch'); | ||
| return this.noMatchText || t('el.select.noMatch'); | ||
| } | ||
| if (this.options.length === 0) { | ||
| return this.noDataText || this.t('el.select.noData'); | ||
| return this.noDataText || t('el.select.noData'); | ||
| } | ||
@@ -441,2 +449,11 @@ } | ||
| } | ||
| .select-field .select-dialog .el-select-dropdown__empty { | ||
| padding: 1rem 0; | ||
| margin: 0; | ||
| text-align: center; | ||
| color: #999; | ||
| font-size: 1.4rem; | ||
| margin-left: -1.5rem; | ||
| } | ||
| </style> |
216009
0.25%