65 lines
1.6 KiB
Plaintext
65 lines
1.6 KiB
Plaintext
|
/* eslint-disable */
|
||
|
|
function tabClass(active, ellipsis) {
|
||
|
|
var classes = ["tab-class"];
|
||
|
|
|
||
|
|
if (active) {
|
||
|
|
classes.push("tab-active-class");
|
||
|
|
}
|
||
|
|
|
||
|
|
if (ellipsis) {
|
||
|
|
classes.push("van-ellipsis");
|
||
|
|
}
|
||
|
|
|
||
|
|
return classes.join(" ");
|
||
|
|
}
|
||
|
|
|
||
|
|
function tabStyle(active, ellipsis, color, type, disabled, activeColor, inactiveColor, swipeThreshold, scrollable) {
|
||
|
|
var styles = [];
|
||
|
|
var isCard = type === "card";
|
||
|
|
// card theme color
|
||
|
|
if (color && isCard) {
|
||
|
|
styles.push("border-color:" + color);
|
||
|
|
|
||
|
|
if (!disabled) {
|
||
|
|
if (active) {
|
||
|
|
styles.push("background-color:" + color);
|
||
|
|
} else {
|
||
|
|
styles.push("color:" + color);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
var titleColor = active ? activeColor : inactiveColor;
|
||
|
|
if (titleColor) {
|
||
|
|
styles.push("color:" + titleColor);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (scrollable && ellipsis) {
|
||
|
|
styles.push("flex-basis:" + 88 / swipeThreshold + "%");
|
||
|
|
}
|
||
|
|
|
||
|
|
return styles.join(";");
|
||
|
|
}
|
||
|
|
|
||
|
|
function tabCardTypeBorderStyle(color, type) {
|
||
|
|
var isCard = type === "card";
|
||
|
|
var styles = [];
|
||
|
|
if (isCard && color) {
|
||
|
|
styles.push("border-color:" + color);
|
||
|
|
}
|
||
|
|
return styles.join(";");
|
||
|
|
}
|
||
|
|
|
||
|
|
function trackStyle(data) {
|
||
|
|
if (!data.animated) {
|
||
|
|
return "";
|
||
|
|
}
|
||
|
|
|
||
|
|
return ["transform: translate3d(" + -100 * data.currentIndex + "%, 0, 0)", "-webkit-transition-duration: " + data.duration + "s", "transition-duration: " + data.duration + "s"].join(";");
|
||
|
|
}
|
||
|
|
|
||
|
|
module.exports.tabClass = tabClass;
|
||
|
|
module.exports.tabStyle = tabStyle;
|
||
|
|
module.exports.trackStyle = trackStyle;
|
||
|
|
module.exports.tabCardTypeBorderStyle = tabCardTypeBorderStyle;
|