blackteay/vant-weapp
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant-weapp.git synced 2025-04-05 19:41:45 +08:00
Code Issues Projects Releases Wiki Activity

[build] 0.5.1

Browse Source
This commit is contained in:
陈嘉涵 2019-01-10 21:28:59 +08:00
parent efc74f7782
commit 2983117b89
15 changed files with 187 additions and 104 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
dist/area/index.js vendored
View File

@ -133,6 +133,8 @@ VantComponent({
return 0;
},
setValues: function setValues() {
var _this = this;
var county = this.getConfig('county');
var code = this.code || Object.keys(county)[0] || '';
var province = this.getList('province');
@ -143,16 +145,19 @@ VantComponent({
return;
}
picker.setColumnValues(0, province);
picker.setColumnValues(1, city);
var stack = [];
stack.push(picker.setColumnValues(0, province));
stack.push(picker.setColumnValues(1, city));
if (city.length && code.slice(2, 4) === '00') {
;
code = city[0].code;
}
picker.setColumnValues(2, this.getList('county', code.slice(0, 4)));
picker.setIndexes([this.getIndex('province', code), this.getIndex('city', code), this.getIndex('county', code)]);
stack.push(picker.setColumnValues(2, this.getList('county', code.slice(0, 4))));
return Promise.all(stack).then(function () {
return picker.setIndexes([_this.getIndex('province', code), _this.getIndex('city', code), _this.getIndex('county', code)]);
}).catch(function () {});
},
getValues: function getValues() {
var picker = this.getPicker();
@ -192,7 +197,7 @@ VantComponent({
},
reset: function reset() {
this.code = '';
this.setValues();
return this.setValues();
}
}
});

2
dist/button/index.wxss vendored
View File

@ -1 +1 @@
@import '../common/index.wxss';.van-button{position:relative;padding:0;display:inline-block;height:44px;line-height:42px;border-radius:2px;box-sizing:border-box;font-size:16px;text-align:center;vertical-align:middle;-webkit-appearance:none;-webkit-text-size-adjust:100%}.van-button::after{content:" ";position:absolute;top:50%;left:50%;opacity:0;width:100%;height:100%;border:inherit;border-color:#000;background-color:#000;border-radius:inherit;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.van-button:active::after{opacity:.15}.van-button--unclickable::after{display:none}.van-button--default{color:#333;background-color:#fff;border:1px solid #eee}.van-button--primary{color:#fff;background-color:#4b0;border:1px solid #4b0}.van-button--danger{color:#fff;background-color:#f44;border:1px solid #f44}.van-button--warning{color:#fff;background-color:#ff976a;border:1px solid #ff976a}.van-button--plain{background-color:#fff}.van-button--plain.van-button--primary{color:#4b0}.van-button--plain.van-button--danger{color:#f44}.van-button--plain.van-button--warning{color:#ff976a}.van-button--large{width:100%;height:50px;line-height:48px}.van-button--normal{padding:0 15px;font-size:14px}.van-button--small{height:30px;padding:0 8px;min-width:60px;font-size:12px;line-height:28px}.van-button--mini{display:inline-block;width:50px;height:22px;line-height:20px;font-size:10px}.van-button--mini+.van-button--mini{margin-left:5px}.van-button--block{width:100%;display:block}.van-button--round{border-radius:10em}.van-button--square{border-radius:0}.van-button--disabled{opacity:.5}
@import '../common/index.wxss';.van-button{position:relative;padding:0;display:inline-block;height:44px;line-height:42px;border-radius:2px;box-sizing:border-box;font-size:16px;text-align:center;vertical-align:middle;-webkit-appearance:none;-webkit-text-size-adjust:100%}.van-button::after{content:" ";position:absolute;top:50%;left:50%;opacity:0;width:100%;height:100%;border:inherit;border-color:#000;background-color:#000;border-radius:inherit;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.van-button:active::after{opacity:.15}.van-button--unclickable::after{display:none}.van-button--default{color:#333;background-color:#fff;border:1px solid #eee}.van-button--primary{color:#fff;background-color:#07c160;border:1px solid #07c160}.van-button--danger{color:#fff;background-color:#f44;border:1px solid #f44}.van-button--warning{color:#fff;background-color:#ff976a;border:1px solid #ff976a}.van-button--plain{background-color:#fff}.van-button--plain.van-button--primary{color:#07c160}.van-button--plain.van-button--danger{color:#f44}.van-button--plain.van-button--warning{color:#ff976a}.van-button--large{width:100%;height:50px;line-height:48px}.van-button--normal{padding:0 15px;font-size:14px}.van-button--small{height:30px;padding:0 8px;min-width:60px;font-size:12px;line-height:28px}.van-button--mini{display:inline-block;width:50px;height:22px;line-height:20px;font-size:10px}.van-button--mini+.van-button--mini{margin-left:5px}.van-button--block{width:100%;display:block}.van-button--round{border-radius:10em}.van-button--square{border-radius:0}.van-button--disabled{opacity:.5}

2
dist/common/color.js vendored
View File

@ -1,3 +1,3 @@
export var RED = '#f44';
export var BLUE = '#1989fa';
export var GREEN = '#4b0';
export var GREEN = '#07c160';

27
dist/datetime-picker/index.js vendored
View File

@ -118,13 +118,6 @@ VantComponent({
maxMinute: 'updateColumns'
},
methods: {
asyncSet: function asyncSet(data) {
var _this2 = this;
return new Promise(function (resolve) {
_this2.set(data, resolve);
});
},
getPicker: function getPicker() {
if (this.picker == null) {
var picker = this.picker = this.selectComponent('.van-datetime-picker');
@ -154,7 +147,7 @@ VantComponent({
values: values
};
});
return this.asyncSet({
return this.set({
columns: results
});
},
@ -280,7 +273,7 @@ VantComponent({
this.$emit('confirm', this.data.innerValue);
},
onChange: function onChange() {
var _this3 = this;
var _this2 = this;
var data = this.data;
var value;
@ -314,13 +307,13 @@ VantComponent({
value = this.correctValue(value);
this.updateColumnValue(value).then(function () {
_this3.$emit('input', value);
_this2.$emit('input', value);
_this3.$emit('change', picker);
_this2.$emit('change', picker);
});
},
updateColumnValue: function updateColumnValue(value) {
var _this4 = this;
var _this3 = this;
var values = [];
var data = this.data;
@ -342,21 +335,21 @@ VantComponent({
}
}
return this.asyncSet({
return this.set({
innerValue: value
}).then(function () {
return _this4.updateColumns();
return _this3.updateColumns();
}).then(function () {
picker.setValues(values);
return picker.setValues(values);
});
}
},
created: function created() {
var _this5 = this;
var _this4 = this;
var innerValue = this.correctValue(this.data.value);
this.updateColumnValue(innerValue).then(function () {
_this5.$emit('input', innerValue);
_this4.$emit('input', innerValue);
});
}
});

38
dist/field/index.js vendored
View File

@ -74,9 +74,7 @@ VantComponent({
value: value,
showClear: this.getShowClear(value)
}, function () {
_this.$emit('input', value);
_this.$emit('change', value);
_this.emitChange(value);
});
},
onFocus: function onFocus(event) {
@ -91,11 +89,14 @@ VantComponent({
height: height
});
this.focused = true;
this.blurFromClear = false;
this.set({
showClear: this.getShowClear()
});
},
onBlur: function onBlur(event) {
var _this2 = this;
var _ref3 = event.detail || {},
_ref3$value = _ref3.value,
value = _ref3$value === void 0 ? '' : _ref3$value,
@ -107,9 +108,21 @@ VantComponent({
cursor: cursor
});
this.focused = false;
this.set({
showClear: this.getShowClear()
});
var showClear = this.getShowClear();
if (this.data.value === value) {
this.set({
showClear: showClear
});
} else if (!this.blurFromClear) {
// fix: the handwritten keyboard does not trigger input change
this.set({
value: value,
showClear: showClear
}, function () {
_this2.emitChange(value);
});
}
},
onClickIcon: function onClickIcon() {
this.$emit('click-icon');
@ -119,21 +132,24 @@ VantComponent({
return this.data.clearable && this.focused && value && !this.data.readonly;
},
onClear: function onClear() {
var _this2 = this;
var _this3 = this;
this.blurFromClear = true;
this.set({
value: '',
showClear: this.getShowClear('')
}, function () {
_this2.$emit('input', '');
_this3.emitChange('');
_this2.$emit('change', '');
_this2.$emit('clear', '');
_this3.$emit('clear', '');
});
},
onConfirm: function onConfirm() {
this.$emit('confirm', this.data.value);
},
emitChange: function emitChange(value) {
this.$emit('input', value);
this.$emit('change', value);
}
}
});

2
dist/icon/index.wxss vendored
View File

File diff suppressed because one or more lines are too long

23
dist/mixins/observer/behavior.js vendored
View File

@ -1,3 +1,10 @@
function setAsync(context, data) {
return new Promise(function (resolve) {
context.setData(data, resolve);
});
}
;
export var behavior = Behavior({
created: function created() {
var _this = this;
@ -31,13 +38,25 @@ export var behavior = Behavior({
methods: {
// set data and set computed data
set: function set(data, callback) {
var _this2 = this;
var stack = [];
if (data) {
this.setData(data, callback);
stack.push(setAsync(this, data));
}
if (this.calcComputed) {
this.setData(this.calcComputed());
stack.push(setAsync(this, this.calcComputed()));
}
return Promise.all(stack).then(function (res) {
if (callback && typeof callback === 'function') {
callback.call(_this2);
}
return res;
});
}
}
});

18
dist/picker-column/index.js vendored
View File

@ -106,17 +106,23 @@ VantComponent({
return isObj(option) && data.valueKey in option ? option[data.valueKey] : option;
},
setIndex: function setIndex(index, userAction) {
var _this2 = this;
var data = this.data;
index = this.adjustIndex(index) || 0;
this.set({
offset: -index * data.itemHeight
});
var offset = -index * data.itemHeight;
if (index !== data.currentIndex) {
this.set({
return this.set({
offset: offset,
currentIndex: index
}).then(function () {
userAction && _this2.$emit('change', index);
});
} else {
return this.set({
offset: offset
});
userAction && this.$emit('change', index);
}
},
setValue: function setValue(value) {
@ -127,6 +133,8 @@ VantComponent({
return this.setIndex(i);
}
}
return Promise.resolve();
},
getValue: function getValue() {
var data = this.data;

41
dist/picker/index.js vendored
View File

@ -33,10 +33,10 @@ VantComponent({
}
this.simple = isSimple(columns);
var children = this.children = this.selectAllComponents('.van-picker__column');
this.children = this.selectAllComponents('.van-picker__column');
if (Array.isArray(children) && children.length) {
this.setColumns();
if (Array.isArray(this.children) && this.children.length) {
this.setColumns().catch(function () {});
}
}
}
@ -53,9 +53,10 @@ VantComponent({
var columns = this.simple ? [{
values: data.columns
}] : data.columns;
columns.forEach(function (columns, index) {
_this.setColumnValues(index, columns.values);
var stack = columns.map(function (column, index) {
return _this.setColumnValues(index, column.values);
});
return Promise.all(stack);
},
emit: function emit(event) {
var type = event.currentTarget.dataset.type;
@ -99,7 +100,12 @@ VantComponent({
// set column value by index
setColumnValue: function setColumnValue(index, value) {
var column = this.getColumn(index);
column && column.setValue(value);
if (column) {
return column.setValue(value);
}
return Promise.reject('setColumnValue: 对应列不存在');
},
// get column option index by column index
getColumnIndex: function getColumnIndex(columnIndex) {
@ -108,7 +114,12 @@ VantComponent({
// set column option index by column index
setColumnIndex: function setColumnIndex(columnIndex, optionIndex) {
var column = this.getColumn(columnIndex);
column && column.setIndex(optionIndex);
if (column) {
return column.setIndex(optionIndex);
}
return Promise.reject('setColumnIndex: 对应列不存在');
},
// get options of column by index
getColumnValues: function getColumnValues(index) {
@ -123,14 +134,16 @@ VantComponent({
var column = this.children[index];
if (column && JSON.stringify(column.data.options) !== JSON.stringify(options)) {
column.set({
return column.set({
options: options
}, function () {
}).then(function () {
if (needReset) {
column.setIndex(0);
}
});
}
return Promise.reject('setColumnValues: 对应列不存在');
},
// get values of all columns
getValues: function getValues() {
@ -142,9 +155,10 @@ VantComponent({
setValues: function setValues(values) {
var _this2 = this;
values.forEach(function (value, index) {
_this2.setColumnValue(index, value);
var stack = values.map(function (value, index) {
return _this2.setColumnValue(index, value);
});
return Promise.all(stack);
},
// get indexes of all columns
getIndexes: function getIndexes() {
@ -156,9 +170,10 @@ VantComponent({
setIndexes: function setIndexes(indexes) {
var _this3 = this;
indexes.forEach(function (optionIndex, columnIndex) {
_this3.setColumnIndex(columnIndex, optionIndex);
var stack = indexes.map(function (optionIndex, columnIndex) {
return _this3.setColumnIndex(columnIndex, optionIndex);
});
return Promise.all(stack);
}
}
});

2
dist/radio/index.wxss vendored
View File

@ -1 +1 @@
@import '../common/index.wxss';.van-radio{overflow:hidden;line-height:1;-webkit-user-select:none;user-select:none}.van-radio__input,.van-radio__label{display:inline-block;vertical-align:middle}.van-radio__input{position:relative;font-size:20px}.van-radio__control{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;margin:0;opacity:0}.van-radio__label{margin-left:10px;color:#333;font-size:16px;line-height:20px}.van-radio__label--left{margin:0 10px 0 0;float:left}.van-radio__label:empty{margin:0}.van-radio__icon{pointer-events:none;display:block;line-height:0}.van-radio__icon--disabled{color:#e5e5e5}.van-radio__icon--checked{color:#1989fa}.van-radio__icon--check{color:#999}
@import '../common/index.wxss';.van-radio{overflow:hidden;line-height:1;-webkit-user-select:none;user-select:none}.van-radio__input,.van-radio__label{display:inline-block;vertical-align:middle}.van-radio__input{position:relative;font-size:20px}.van-radio__control{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;margin:0;opacity:0}.van-radio__label{margin-left:10px;color:#333;font-size:16px;line-height:20px}.van-radio__label--left{margin:0 10px 0 0;float:left}.van-radio__label:empty{margin:0}.van-radio__icon{pointer-events:none;display:block;line-height:0}.van-radio__icon--disabled{color:#e5e5e5}.van-radio__icon--checked{color:#1989fa}.van-radio__icon--check{color:#c9c9c9}

13
dist/slider/index.js vendored
View File

@ -50,7 +50,7 @@ VantComponent({
this.getRect('.van-slider').then(function (rect) {
var diff = _this.deltaX / rect.width * 100;
_this.updateValue(_this.startValue + diff);
_this.updateValue(_this.startValue + diff, false, true);
});
},
onTouchEnd: function onTouchEnd() {
@ -67,15 +67,18 @@ VantComponent({
_this2.updateValue(value, true);
});
},
updateValue: function updateValue(value, end) {
updateValue: function updateValue(value, end, drag) {
value = this.format(value);
this.set({
value: value,
barStyle: "width: " + value + "%; height: " + this.data.barHeight + ";"
});
this.$emit('drag', {
value: value
});
if (drag) {
this.$emit('drag', {
value: value
});
}
if (end) {
this.$emit('change', value);

2
dist/steps/index.wxss vendored
View File

@ -1 +1 @@
@import '../common/index.wxss';.van-steps{overflow:hidden;background-color:#fff}.van-steps--horizontal{padding:10px}.van-steps--horizontal .van-step__wrapper{position:relative;display:-webkit-flex;display:flex;overflow:hidden}.van-steps--vertical{padding-left:10px}.van-steps--vertical .van-step__wrapper{padding:0 0 0 20px}.van-step{position:relative;-webkit-flex:1;flex:1;font-size:14px;color:#999}.van-step--finish{color:#333}.van-step__circle{width:5px;height:5px;border-radius:50%;background-color:#999}.van-step--horizontal{padding-bottom:14px}.van-step--horizontal:first-child .van-step__title{-webkit-transform:none;transform:none}.van-step--horizontal:first-child .van-step__circle-container{padding:0 8px 0 0;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}.van-step--horizontal:last-child{position:absolute;right:0;width:auto}.van-step--horizontal:last-child .van-step__title{-webkit-transform:none;transform:none;text-align:right}.van-step--horizontal:last-child .van-step__circle-container{right:0;padding:0 0 0 8px;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}.van-step--horizontal .van-step__circle-container{position:absolute;bottom:6px;z-index:1;padding:0 8px;background-color:#fff;-webkit-transform:translate3d(-50%,50%,0);transform:translate3d(-50%,50%,0)}.van-step--horizontal .van-step__title{display:inline-block;font-size:12px;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.van-step--horizontal .van-step__line{position:absolute;left:0;right:0;bottom:6px;height:1px;background-color:#eee;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}.van-step--horizontal.van-step--process{color:#333}.van-step--horizontal.van-step--process .van-step__active{display:block;font-size:12px;color:#4b0;line-height:1}.van-step--vertical{font-size:14px;line-height:18px;padding:10px 10px 10px 0}.van-step--vertical::after{border-bottom-width:1px}.van-step--vertical:last-child::after{border-bottom-width:none}.van-step--vertical:first-child::before{content:'';position:absolute;width:1px;height:20px;background-color:#fff;top:0;left:-15px;z-index:1}.van-step--vertical .van-step__active,.van-step--vertical .van-step__circle,.van-step--vertical .van-step__line{position:absolute;top:19px;left:-14px;z-index:2;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.van-step--vertical .van-step__active{font-size:12px;line-height:1}.van-step--vertical .van-step__line{z-index:1;width:1px;height:100%;background-color:#eee;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}
@import '../common/index.wxss';.van-steps{overflow:hidden;background-color:#fff}.van-steps--horizontal{padding:10px}.van-steps--horizontal .van-step__wrapper{position:relative;display:-webkit-flex;display:flex;overflow:hidden}.van-steps--vertical{padding-left:10px}.van-steps--vertical .van-step__wrapper{padding:0 0 0 20px}.van-step{position:relative;-webkit-flex:1;flex:1;font-size:14px;color:#999}.van-step--finish{color:#333}.van-step__circle{width:5px;height:5px;border-radius:50%;background-color:#999}.van-step--horizontal{padding-bottom:14px}.van-step--horizontal:first-child .van-step__title{-webkit-transform:none;transform:none}.van-step--horizontal:first-child .van-step__circle-container{padding:0 8px 0 0;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}.van-step--horizontal:last-child{position:absolute;right:0;width:auto}.van-step--horizontal:last-child .van-step__title{-webkit-transform:none;transform:none;text-align:right}.van-step--horizontal:last-child .van-step__circle-container{right:0;padding:0 0 0 8px;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}.van-step--horizontal .van-step__circle-container{position:absolute;bottom:6px;z-index:1;padding:0 8px;background-color:#fff;-webkit-transform:translate3d(-50%,50%,0);transform:translate3d(-50%,50%,0)}.van-step--horizontal .van-step__title{display:inline-block;font-size:12px;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.van-step--horizontal .van-step__line{position:absolute;left:0;right:0;bottom:6px;height:1px;background-color:#eee;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}.van-step--horizontal.van-step--process{color:#333}.van-step--horizontal.van-step--process .van-step__active{display:block;font-size:12px;color:#07c160;line-height:1}.van-step--vertical{font-size:14px;line-height:18px;padding:10px 10px 10px 0}.van-step--vertical::after{border-bottom-width:1px}.van-step--vertical:last-child::after{border-bottom-width:none}.van-step--vertical:first-child::before{content:'';position:absolute;width:1px;height:20px;background-color:#fff;top:0;left:-15px;z-index:1}.van-step--vertical .van-step__active,.van-step--vertical .van-step__circle,.van-step--vertical .van-step__line{position:absolute;top:19px;left:-14px;z-index:2;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.van-step--vertical .van-step__active{font-size:12px;line-height:1}.van-step--vertical .van-step__line{z-index:1;width:1px;height:100%;background-color:#eee;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}

8
dist/tab/index.js vendored
View File

@ -5,17 +5,17 @@ VantComponent({
type: 'ancestor'
},
props: {
title: String,
disabled: Boolean,
dot: Boolean,
info: null,
title: String,
disabled: Boolean,
titleStyle: String
},
data: {
width: null,
inited: false,
active: false,
animated: false,
width: null
animated: false
},
watch: {
title: 'update',

96
dist/tabs/index.js vendored
View File

@ -19,10 +19,17 @@ VantComponent({
},
props: {
color: String,
sticky: Boolean,
animated: Boolean,
swipeable: Boolean,
lineWidth: {
type: Number,
value: -1
},
lineHeight: {
type: Number,
value: -1
},
active: {
type: Number,
value: 0
@ -47,16 +54,9 @@ VantComponent({
type: Number,
value: 4
},
animated: Boolean,
sticky: Boolean,
offsetTop: {
type: Number,
value: 0
},
swipeable: Boolean,
scrollTop: {
type: Number,
value: 0
}
},
data: {
@ -76,9 +76,9 @@ VantComponent({
},
color: 'setLine',
lineWidth: 'setLine',
lineHeight: 'setLine',
active: 'setActiveTab',
animated: 'setTrack',
scrollTop: 'onScroll',
offsetTop: 'setWrapStyle'
},
beforeCreate: function beforeCreate() {
@ -88,6 +88,11 @@ VantComponent({
this.setLine();
this.setTrack();
this.scrollIntoView();
this.observerTabScroll();
this.observerContentScroll();
},
destroyed: function destroyed() {
wx.createIntersectionObserver(this).disconnect();
},
methods: {
updateTabs: function updateTabs(tabs) {
@ -134,17 +139,19 @@ VantComponent({
color = _this$data.color,
active = _this$data.active,
duration = _this$data.duration,
lineWidth = _this$data.lineWidth;
lineWidth = _this$data.lineWidth,
lineHeight = _this$data.lineHeight;
this.getRect('.van-tab', true).then(function (rects) {
var rect = rects[active];
var width = lineWidth !== -1 ? lineWidth : rect.width / 2;
var height = lineHeight !== -1 ? "height: " + lineHeight + "px;" : '';
var left = rects.slice(0, active).reduce(function (prev, curr) {
return prev + curr.width;
}, 0);
left += (rect.width - width) / 2;
_this.set({
lineStyle: "\n width: " + width + "px;\n background-color: " + color + ";\n -webkit-transform: translateX(" + left + "px);\n -webkit-transition-duration: " + duration + "s;\n transform: translateX(" + left + "px);\n transition-duration: " + duration + "s;\n "
lineStyle: "\n " + height + "\n width: " + width + "px;\n background-color: " + color + ";\n -webkit-transform: translateX(" + left + "px);\n -webkit-transition-duration: " + duration + "s;\n transform: translateX(" + left + "px);\n transition-duration: " + duration + "s;\n "
});
});
},
@ -274,40 +281,57 @@ VantComponent({
wrapStyle: wrapStyle
});
},
// adjust tab position
onScroll: function onScroll(scrollTop) {
observerTabScroll: function observerTabScroll() {
var _this5 = this;
if (!this.data.sticky) return;
var offsetTop = this.data.offsetTop;
this.getRect('.van-tabs').then(function (rect) {
var top = rect.top,
height = rect.height;
wx.createIntersectionObserver(this, {
thresholds: [1]
}).relativeToViewport().observe('.van-tabs', function (result) {
var top = result.boundingClientRect.top;
var position = '';
_this5.getRect('.van-tabs__wrap').then(function (rect) {
var wrapHeight = rect.height;
var position = '';
if (offsetTop > top) {
position = 'top';
}
if (offsetTop > top + height - wrapHeight) {
position = 'bottom';
} else if (offsetTop > top) {
position = 'top';
}
_this5.$emit('scroll', {
scrollTop: scrollTop + offsetTop,
isFixed: position === 'top'
});
if (position !== _this5.data.position) {
_this5.set({
position: position
}, function () {
_this5.setWrapStyle();
});
}
_this5.$emit('scroll', {
scrollTop: top + offsetTop,
isFixed: position === 'top'
});
_this5.setPosition(position);
});
},
observerContentScroll: function observerContentScroll() {
var _this6 = this;
if (!this.data.sticky) return;
var offsetTop = this.data.offsetTop;
wx.createIntersectionObserver(this).relativeToViewport().observe('.van-tabs__content', function (result) {
var top = result.boundingClientRect.top;
var position = '';
if (result.intersectionRatio <= 0) {
position = 'bottom';
} else if (offsetTop > top) {
position = 'top';
}
_this6.setPosition(position);
});
},
setPosition: function setPosition(position) {
var _this7 = this;
if (position !== this.data.position) {
this.set({
position: position
}, function () {
_this7.setWrapStyle();
});
}
}
}
});

2
dist/tabs/index.wxss vendored
View File

@ -1 +1 @@
@import '../common/index.wxss';.van-tabs{position:relative;-webkit-tap-highlight-color:transparent}.van-tabs__wrap{position:absolute;top:0;right:0;left:0}.van-tabs__wrap--page-top{position:fixed}.van-tabs__wrap--content-bottom{top:auto;bottom:0}.van-tabs__wrap--scrollable .van-tab{-webkit-flex:0 0 22%;flex:0 0 22%}.van-tabs__scroll--card{border:1px solid #f44;border-radius:2px}.van-tabs__nav{position:relative;display:-webkit-flex;display:flex;background-color:#fff;-webkit-user-select:none;user-select:none}.van-tabs__nav--line{height:100%}.van-tabs__nav--card{height:30px}.van-tabs__nav--card .van-tab{line-height:30px;color:#f44;border-right:1px solid #f44}.van-tabs__nav--card .van-tab:last-child{border-right:none}.van-tabs__nav--card .van-tab.van-tab--active{color:#fff;background-color:#f44}.van-tabs__line{position:absolute;bottom:0;left:0;z-index:1;height:2px;background-color:#f44;border-radius:2px}.van-tabs--line{padding-top:44px}.van-tabs--line .van-tabs__wrap{height:44px}.van-tabs--card{padding-top:30px;margin:0 15px}.van-tabs--card .van-tabs__wrap{height:30px}.van-tabs__content{overflow:hidden}.van-tabs__track{position:relative}.van-tab{position:relative;min-width:0;padding:0 5px;font-size:14px;line-height:44px;color:#7d7e80;text-align:center;cursor:pointer;background-color:#fff;box-sizing:border-box;-webkit-flex:1;flex:1}.van-tab--active{font-weight:500;color:#333}.van-tab--disabled{color:#c9c9c9}.van-tab__title--dot::after{display:inline-block;width:8px;height:8px;vertical-align:middle;background-color:#f44;border-radius:100%;content:''}.van-tab__title__info{position:relative!important;top:-1px!important;display:inline-block;-webkit-transform:translateX(0)!important;transform:translateX(0)!important}
@import '../common/index.wxss';.van-tabs{position:relative;-webkit-tap-highlight-color:transparent}.van-tabs__wrap{position:absolute;top:0;right:0;left:0}.van-tabs__wrap--page-top{position:fixed}.van-tabs__wrap--content-bottom{top:auto;bottom:0}.van-tabs__wrap--scrollable .van-tab{-webkit-flex:0 0 22%;flex:0 0 22%}.van-tabs__scroll--card{border:1px solid #f44;border-radius:2px}.van-tabs__nav{position:relative;display:-webkit-flex;display:flex;background-color:#fff;-webkit-user-select:none;user-select:none}.van-tabs__nav--line{height:100%}.van-tabs__nav--card{height:30px}.van-tabs__nav--card .van-tab{line-height:30px;color:#f44;border-right:1px solid #f44}.van-tabs__nav--card .van-tab:last-child{border-right:none}.van-tabs__nav--card .van-tab.van-tab--active{color:#fff;background-color:#f44}.van-tabs__line{position:absolute;bottom:0;left:0;z-index:1;height:3px;background-color:#f44;border-radius:3px}.van-tabs--line{padding-top:44px}.van-tabs--line .van-tabs__wrap{height:44px}.van-tabs--card{padding-top:30px;margin:0 15px}.van-tabs--card .van-tabs__wrap{height:30px}.van-tabs__content{overflow:hidden}.van-tabs__track{position:relative}.van-tab{position:relative;min-width:0;padding:0 5px;font-size:14px;line-height:44px;color:#7d7e80;text-align:center;cursor:pointer;background-color:#fff;box-sizing:border-box;-webkit-flex:1;flex:1}.van-tab--active{font-weight:500;color:#333}.van-tab--disabled{color:#c9c9c9}.van-tab__title--dot::after{display:inline-block;width:8px;height:8px;vertical-align:middle;background-color:#f44;border-radius:100%;content:''}.van-tab__title__info{position:relative!important;top:-1px!important;display:inline-block;-webkit-transform:translateX(0)!important;transform:translateX(0)!important}