微信登录版

wechat_v2/miniprogram_npm/@vant/weapp/sticky/index.js

@@ -0,0 +1,124 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+var utils_1 = require('../common/utils');
+var component_1 = require('../common/component');
+var page_scroll_1 = require('../mixins/page-scroll');
+var ROOT_ELEMENT = '.van-sticky';
+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: [
+    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([
+          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;
+      }
+      utils_1.getRect(this, ROOT_ELEMENT).then(function (root) {
+        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();
+      });
+    },
+  },
+});

wechat_v2/miniprogram_npm/@vant/weapp/sticky/index.json

@@ -0,0 +1,3 @@
+{
+  "component": true
+}

wechat_v2/miniprogram_npm/@vant/weapp/sticky/index.wxml

@@ -0,0 +1,8 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+<wxs src="./index.wxs" module="computed" />
+
+<view class="custom-class van-sticky" style="{{ computed.containerStyle({ fixed, height, zIndex }) }}">
+  <view class="{{ utils.bem('sticky-wrap', { fixed }) }}" style="{{ computed.wrapStyle({ fixed, offsetTop, transform, zIndex }) }}">
+    <slot />
+  </view>
+</view>

wechat_v2/miniprogram_npm/@vant/weapp/sticky/index.wxs

@@ -0,0 +1,25 @@
+/* eslint-disable */
+var style = require('../wxs/style.wxs');
+var addUnit = require('../wxs/add-unit.wxs');
+
+function wrapStyle(data) {
+  return style({
+    transform: data.transform
+      ? 'translate3d(0, ' + data.transform + 'px, 0)'
+      : '',
+    top: data.fixed ? addUnit(data.offsetTop) : '',
+    'z-index': data.zIndex,
+  });
+}
+
+function containerStyle(data) {
+  return style({
+    height: data.fixed ? addUnit(data.height) : '',
+    'z-index': data.zIndex,
+  });
+}
+
+module.exports = {
+  wrapStyle: wrapStyle,
+  containerStyle: containerStyle,
+};

wechat_v2/miniprogram_npm/@vant/weapp/sticky/index.wxss

@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-sticky{position:relative}.van-sticky-wrap--fixed{position:fixed;right:0;left:0}