1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
| "use strict";
| Object.defineProperty(exports, "__esModule", { value: true });
| var utils_1 = require("../common/utils");
| var component_1 = require("../common/component");
| var validator_1 = require("../common/validator");
| var page_scroll_1 = require("../mixins/page-scroll");
| var ROOT_ELEMENT = '.van-sticky';
| (0, component_1.VantComponent)({
| props: {
| zIndex: {
| type: Number,
| value: 99,
| },
| offsetTop: {
| type: Number,
| value: 0,
| observer: 'onScroll',
| },
| disabled: {
| type: Boolean,
| observer: 'onScroll',
| },
| container: {
| type: null,
| observer: 'onScroll',
| },
| scrollTop: {
| type: null,
| observer: function (val) {
| this.onScroll({ scrollTop: val });
| },
| },
| },
| mixins: [
| (0, page_scroll_1.pageScrollMixin)(function (event) {
| if (this.data.scrollTop != null) {
| return;
| }
| this.onScroll(event);
| }),
| ],
| data: {
| height: 0,
| fixed: false,
| transform: 0,
| },
| mounted: function () {
| this.onScroll();
| },
| methods: {
| onScroll: function (_a) {
| var _this = this;
| var _b = _a === void 0 ? {} : _a, scrollTop = _b.scrollTop;
| var _c = this.data, container = _c.container, offsetTop = _c.offsetTop, disabled = _c.disabled;
| if (disabled) {
| this.setDataAfterDiff({
| fixed: false,
| transform: 0,
| });
| return;
| }
| this.scrollTop = scrollTop || this.scrollTop;
| if (typeof container === 'function') {
| Promise.all([
| (0, utils_1.getRect)(this, ROOT_ELEMENT),
| this.getContainerRect(),
| ]).then(function (_a) {
| var root = _a[0], container = _a[1];
| if (offsetTop + root.height > container.height + container.top) {
| _this.setDataAfterDiff({
| fixed: false,
| transform: container.height - root.height,
| });
| }
| else if (offsetTop >= root.top) {
| _this.setDataAfterDiff({
| fixed: true,
| height: root.height,
| transform: 0,
| });
| }
| else {
| _this.setDataAfterDiff({ fixed: false, transform: 0 });
| }
| });
| return;
| }
| (0, utils_1.getRect)(this, ROOT_ELEMENT).then(function (root) {
| if (!(0, validator_1.isDef)(root)) {
| return;
| }
| if (offsetTop >= root.top) {
| _this.setDataAfterDiff({ fixed: true, height: root.height });
| _this.transform = 0;
| }
| else {
| _this.setDataAfterDiff({ fixed: false });
| }
| });
| },
| setDataAfterDiff: function (data) {
| var _this = this;
| wx.nextTick(function () {
| var diff = Object.keys(data).reduce(function (prev, key) {
| if (data[key] !== _this.data[key]) {
| prev[key] = data[key];
| }
| return prev;
| }, {});
| if (Object.keys(diff).length > 0) {
| _this.setData(diff);
| }
| _this.$emit('scroll', {
| scrollTop: _this.scrollTop,
| isFixed: data.fixed || _this.data.fixed,
| });
| });
| },
| getContainerRect: function () {
| var nodesRef = this.data.container();
| return new Promise(function (resolve) { return nodesRef.boundingClientRect(resolve).exec(); });
| },
| },
| });
|
|
