drip-public/iview
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Cascader support slot

Browse source 
Cascader support slot
This commit is contained in:
梁灏 2017-01-16 17:46:51 +08:00
parent 54a83aa565
commit 75e5c6a51e
3 changed files with 78 additions and 69 deletions
Download patch file Download diff file Expand all files Collapse all files

28
src/components/cascader/cascader.vue
View file

@ -1,14 +1,17 @@
<template>
<div :class="classes" v-clickoutside="handleClose">
<i-input
readonly
:disabled="disabled"
:value.sync="displayRender"
:size="size"
:placeholder="placeholder"
@on-focus="onFocus"></i-input>
<Icon type="ios-close" :class="[prefixCls + '-arrow']" v-show="showCloseIcon" @click.stop="clearSelect"></Icon>
<Icon type="arrow-down-b" :class="[prefixCls + '-arrow']"></Icon>
<div :class="[prefixCls + '-rel']" @click="toggleOpen">
<slot>
<i-input
readonly
:disabled="disabled"
:value.sync="displayRender"
:size="size"
:placeholder="placeholder"></i-input>
<Icon type="ios-close" :class="[prefixCls + '-arrow']" v-show="showCloseIcon" @click.stop="clearSelect"></Icon>
<Icon type="arrow-down-b" :class="[prefixCls + '-arrow']"></Icon>
</slot>
</div>
<Dropdown v-show="visible" transition="slide-up">
<div>
<Caspanel
@ -125,6 +128,13 @@
handleClose () {
this.visible = false;
},
toggleOpen () {
if (this.visible) {
this.handleClose();
} else {
this.onFocus();
}
},
onFocus () {
this.visible = true;
if (!this.value.length) {