first
This commit is contained in:
1
node_modules/vant/es/tab/index.css
generated
vendored
Normal file
1
node_modules/vant/es/tab/index.css
generated
vendored
Normal file
@ -0,0 +1 @@
|
||||
.van-tab__pane,.van-tab__pane-wrapper{-webkit-flex-shrink:0;flex-shrink:0;box-sizing:border-box;width:100%}.van-tab__pane-wrapper--inactive{height:0;overflow:visible}
|
102
node_modules/vant/es/tab/index.js
generated
vendored
Normal file
102
node_modules/vant/es/tab/index.js
generated
vendored
Normal file
@ -0,0 +1,102 @@
|
||||
import _extends from "@babel/runtime/helpers/esm/extends";
|
||||
import { createNamespace } from '../utils';
|
||||
import { ChildrenMixin } from '../mixins/relation';
|
||||
import { routeProps } from '../utils/router';
|
||||
|
||||
var _createNamespace = createNamespace('tab'),
|
||||
createComponent = _createNamespace[0],
|
||||
bem = _createNamespace[1];
|
||||
|
||||
export default createComponent({
|
||||
mixins: [ChildrenMixin('vanTabs')],
|
||||
props: _extends({}, routeProps, {
|
||||
dot: Boolean,
|
||||
name: [Number, String],
|
||||
// @deprecated
|
||||
info: [Number, String],
|
||||
badge: [Number, String],
|
||||
title: String,
|
||||
titleStyle: null,
|
||||
titleClass: null,
|
||||
disabled: Boolean
|
||||
}),
|
||||
data: function data() {
|
||||
return {
|
||||
inited: false
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
computedName: function computedName() {
|
||||
var _this$name;
|
||||
|
||||
return (_this$name = this.name) != null ? _this$name : this.index;
|
||||
},
|
||||
isActive: function isActive() {
|
||||
var active = this.computedName === this.parent.currentName;
|
||||
|
||||
if (active) {
|
||||
this.inited = true;
|
||||
}
|
||||
|
||||
return active;
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
title: function title() {
|
||||
this.parent.setLine();
|
||||
this.parent.scrollIntoView();
|
||||
},
|
||||
inited: function inited(val) {
|
||||
var _this = this;
|
||||
|
||||
if (this.parent.lazyRender && val) {
|
||||
this.$nextTick(function () {
|
||||
_this.parent.$emit('rendered', _this.computedName, _this.title);
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
render: function render(h) {
|
||||
var slots = this.slots,
|
||||
parent = this.parent,
|
||||
isActive = this.isActive;
|
||||
var slotContent = slots();
|
||||
|
||||
if (process.env.NODE_ENV === 'development' && this.info) {
|
||||
console.warn('[Vant] Tab: "info" prop is deprecated, use "badge" prop instead.');
|
||||
}
|
||||
|
||||
if (!slotContent && !parent.animated) {
|
||||
return;
|
||||
}
|
||||
|
||||
var show = parent.scrollspy || isActive;
|
||||
var shouldRender = this.inited || parent.scrollspy || !parent.lazyRender;
|
||||
var Content = shouldRender ? slotContent : h();
|
||||
|
||||
if (parent.animated) {
|
||||
return h("div", {
|
||||
"attrs": {
|
||||
"role": "tabpanel",
|
||||
"aria-hidden": !isActive
|
||||
},
|
||||
"class": bem('pane-wrapper', {
|
||||
inactive: !isActive
|
||||
})
|
||||
}, [h("div", {
|
||||
"class": bem('pane')
|
||||
}, [Content])]);
|
||||
}
|
||||
|
||||
return h("div", {
|
||||
"directives": [{
|
||||
name: "show",
|
||||
value: show
|
||||
}],
|
||||
"attrs": {
|
||||
"role": "tabpanel"
|
||||
},
|
||||
"class": bem('pane')
|
||||
}, [Content]);
|
||||
}
|
||||
});
|
17
node_modules/vant/es/tab/index.less
generated
vendored
Normal file
17
node_modules/vant/es/tab/index.less
generated
vendored
Normal file
@ -0,0 +1,17 @@
|
||||
@import '../style/var';
|
||||
|
||||
.van-tab {
|
||||
&__pane {
|
||||
&,
|
||||
&-wrapper {
|
||||
flex-shrink: 0;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&-wrapper--inactive {
|
||||
height: 0;
|
||||
overflow: visible;
|
||||
}
|
||||
}
|
||||
}
|
2
node_modules/vant/es/tab/style/index.js
generated
vendored
Normal file
2
node_modules/vant/es/tab/style/index.js
generated
vendored
Normal file
@ -0,0 +1,2 @@
|
||||
import '../../style/base.css';
|
||||
import '../index.css';
|
2
node_modules/vant/es/tab/style/less.js
generated
vendored
Normal file
2
node_modules/vant/es/tab/style/less.js
generated
vendored
Normal file
@ -0,0 +1,2 @@
|
||||
import '../../style/base.less';
|
||||
import '../index.less';
|
Reference in New Issue
Block a user