123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778 |
- /* 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;
|