commit
2a21b455a3
5 changed files with 22 additions and 6 deletions
|
@ -141,9 +141,7 @@
|
||||||
default: false
|
default: false
|
||||||
},
|
},
|
||||||
autocomplete: {
|
autocomplete: {
|
||||||
validator (value) {
|
type: String,
|
||||||
return oneOf(value, ['on', 'off']);
|
|
||||||
},
|
|
||||||
default: 'off'
|
default: 'off'
|
||||||
},
|
},
|
||||||
clearable: {
|
clearable: {
|
||||||
|
|
|
@ -5,7 +5,7 @@
|
||||||
</transition>
|
</transition>
|
||||||
<div :class="wrapClasses" :style="wrapStyles" @click="handleWrapClick">
|
<div :class="wrapClasses" :style="wrapStyles" @click="handleWrapClick">
|
||||||
<transition :name="transitionNames[0]" @after-leave="animationFinish">
|
<transition :name="transitionNames[0]" @after-leave="animationFinish">
|
||||||
<div :class="classes" :style="mainStyles" v-show="visible">
|
<div :class="classes" :style="mainStyles" v-show="visible" @mousedown="handleMousedown">
|
||||||
<div :class="contentClasses" ref="content" :style="contentStyles" @click="handleClickModal">
|
<div :class="contentClasses" ref="content" :style="contentStyles" @click="handleClickModal">
|
||||||
<a :class="[prefixCls + '-close']" v-if="closable" @click="close">
|
<a :class="[prefixCls + '-close']" v-if="closable" @click="close">
|
||||||
<slot name="close">
|
<slot name="close">
|
||||||
|
@ -140,6 +140,7 @@
|
||||||
dragging: false
|
dragging: false
|
||||||
},
|
},
|
||||||
modalIndex: this.handleGetModalIndex(), // for Esc close the top modal
|
modalIndex: this.handleGetModalIndex(), // for Esc close the top modal
|
||||||
|
isMouseTriggerIn: false, // #5800
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
|
@ -243,10 +244,17 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
handleWrapClick (event) {
|
handleWrapClick (event) {
|
||||||
|
if (this.isMouseTriggerIn) {
|
||||||
|
this.isMouseTriggerIn = false;
|
||||||
|
return;
|
||||||
|
}
|
||||||
// use indexOf,do not use === ,because ivu-modal-wrap can have other custom className
|
// use indexOf,do not use === ,because ivu-modal-wrap can have other custom className
|
||||||
const className = event.target.getAttribute('class');
|
const className = event.target.getAttribute('class');
|
||||||
if (className && className.indexOf(`${prefixCls}-wrap`) > -1) this.handleMask();
|
if (className && className.indexOf(`${prefixCls}-wrap`) > -1) this.handleMask();
|
||||||
},
|
},
|
||||||
|
handleMousedown () {
|
||||||
|
this.isMouseTriggerIn = true;
|
||||||
|
},
|
||||||
cancel () {
|
cancel () {
|
||||||
this.close();
|
this.close();
|
||||||
},
|
},
|
||||||
|
|
|
@ -437,6 +437,8 @@
|
||||||
if (query === null) {
|
if (query === null) {
|
||||||
this.onQueryChange('');
|
this.onQueryChange('');
|
||||||
this.values = [];
|
this.values = [];
|
||||||
|
// #5620,修复清空搜索关键词后,重新搜索相同的关键词没有触发远程搜索
|
||||||
|
this.lastRemoteQuery = '';
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
clearSingleSelect(){ // PUBLIC API
|
clearSingleSelect(){ // PUBLIC API
|
||||||
|
|
|
@ -16,7 +16,7 @@
|
||||||
<span v-if="!column.renderHeader">{{ column.title || '' }}</span>
|
<span v-if="!column.renderHeader">{{ column.title || '' }}</span>
|
||||||
<render-header v-else :render="column.renderHeader" :column="column" :index="index"></render-header>
|
<render-header v-else :render="column.renderHeader" :column="column" :index="index"></render-header>
|
||||||
</template>
|
</template>
|
||||||
<template v-else-if="column.type === 'selection'"><Checkbox :value="isSelectAll" :disabled="!data.length" @on-change="selectAll"></Checkbox></template>
|
<template v-else-if="column.type === 'selection'"><Checkbox :value="isSelectAll" :disabled="isSelectDisabled" @on-change="selectAll"></Checkbox></template>
|
||||||
<template v-else>
|
<template v-else>
|
||||||
<span v-if="!column.renderHeader" :class="{[prefixCls + '-cell-sort']: column.sortable}" @click="handleSortByHead(getColumn(rowIndex, index)._index)">{{ column.title || '#' }}</span>
|
<span v-if="!column.renderHeader" :class="{[prefixCls + '-cell-sort']: column.sortable}" @click="handleSortByHead(getColumn(rowIndex, index)._index)">{{ column.title || '#' }}</span>
|
||||||
<render-header v-else :render="column.renderHeader" :column="column" :index="index"></render-header>
|
<render-header v-else :render="column.renderHeader" :column="column" :index="index"></render-header>
|
||||||
|
@ -61,7 +61,7 @@
|
||||||
</template>
|
</template>
|
||||||
</div>
|
</div>
|
||||||
</th>
|
</th>
|
||||||
|
|
||||||
<th v-if="$parent.showVerticalScrollBar && rowIndex===0" :class='scrollBarCellClass()' :rowspan="headRows.length"></th>
|
<th v-if="$parent.showVerticalScrollBar && rowIndex===0" :class='scrollBarCellClass()' :rowspan="headRows.length"></th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
|
@ -121,6 +121,12 @@
|
||||||
} else {
|
} else {
|
||||||
return [this.columns];
|
return [this.columns];
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
isSelectDisabled () {
|
||||||
|
let isSelectDisabled = false;
|
||||||
|
if (!this.data.length) isSelectDisabled = true;
|
||||||
|
if (!this.data.find(item => !item._disabled)) isSelectDisabled = true;
|
||||||
|
return isSelectDisabled;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
|
|
@ -161,6 +161,8 @@
|
||||||
|
|
||||||
&-tooltip{
|
&-tooltip{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
&-content{
|
&-content{
|
||||||
display: block;
|
display: block;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
Loading…
Add table
Reference in a new issue