update the master branch to the latest
This commit is contained in:
parent
67d534df27
commit
23a0ba9831
611 changed files with 122648 additions and 0 deletions
80
src/components/tabs/pane.vue
Normal file
80
src/components/tabs/pane.vue
Normal file
|
@ -0,0 +1,80 @@
|
|||
<template>
|
||||
<div :class="prefixCls" v-if="show" :style="contentStyle"><slot></slot></div>
|
||||
</template>
|
||||
<script>
|
||||
const prefixCls = 'ivu-tabs-tabpane';
|
||||
|
||||
export default {
|
||||
name: 'TabPane',
|
||||
inject: ['TabsInstance'],
|
||||
props: {
|
||||
name: {
|
||||
type: String
|
||||
},
|
||||
label: {
|
||||
type: [String, Function],
|
||||
default: ''
|
||||
},
|
||||
icon: {
|
||||
type: String
|
||||
},
|
||||
disabled: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
closable: {
|
||||
type: Boolean,
|
||||
default: null
|
||||
},
|
||||
// Tabs 嵌套时,用 tab 区分层级,指向对应的 Tabs 的 name
|
||||
tab: {
|
||||
type: String
|
||||
},
|
||||
// 在 TabPane 使用 v-if 时,并不会按照预先的顺序渲染,这时可设置 index,并从小到大排序
|
||||
// 数值需大于 0
|
||||
index: {
|
||||
type: Number
|
||||
}
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
prefixCls: prefixCls,
|
||||
show: true,
|
||||
currentName: this.name
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
contentStyle () {
|
||||
return {
|
||||
visibility: this.TabsInstance.activeKey !== this.currentName ? 'hidden' : 'visible'
|
||||
};
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
updateNav () {
|
||||
this.TabsInstance.updateNav();
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
name (val) {
|
||||
this.currentName = val;
|
||||
this.updateNav();
|
||||
},
|
||||
label () {
|
||||
this.updateNav();
|
||||
},
|
||||
icon () {
|
||||
this.updateNav();
|
||||
},
|
||||
disabled () {
|
||||
this.updateNav();
|
||||
}
|
||||
},
|
||||
mounted () {
|
||||
this.updateNav();
|
||||
},
|
||||
destroyed () {
|
||||
this.updateNav();
|
||||
}
|
||||
};
|
||||
</script>
|
Loading…
Add table
Add a link
Reference in a new issue