-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.js
133 lines (108 loc) · 5.9 KB
/
index.js
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
125
126
127
128
129
130
131
132
133
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
import * as React from 'react';
import Animate from 'rc-animate';
import addEventListener from "rc-util/es/Dom/addEventListener";
import classNames from 'classnames';
import omit from 'omit.js';
import { ConfigConsumer } from '../config-provider';
import getScroll from '../_util/getScroll';
import scrollTo from '../_util/scrollTo';
function getDefaultTarget() {
return window;
}
var BackTop =
/*#__PURE__*/
function (_React$Component) {
_inherits(BackTop, _React$Component);
function BackTop(props) {
var _this;
_classCallCheck(this, BackTop);
_this = _possibleConstructorReturn(this, _getPrototypeOf(BackTop).call(this, props));
_this.scrollToTop = function (e) {
var _this$props = _this.props,
_this$props$target = _this$props.target,
target = _this$props$target === void 0 ? getDefaultTarget : _this$props$target,
onClick = _this$props.onClick;
scrollTo(0, {
getContainer: target
});
if (typeof onClick === 'function') {
onClick(e);
}
};
_this.handleScroll = function () {
var _this$props2 = _this.props,
visibilityHeight = _this$props2.visibilityHeight,
_this$props2$target = _this$props2.target,
target = _this$props2$target === void 0 ? getDefaultTarget : _this$props2$target;
var scrollTop = getScroll(target(), true);
_this.setState({
visible: scrollTop > visibilityHeight
});
};
_this.renderBackTop = function (_ref) {
var getPrefixCls = _ref.getPrefixCls;
var _this$props3 = _this.props,
customizePrefixCls = _this$props3.prefixCls,
_this$props3$classNam = _this$props3.className,
className = _this$props3$classNam === void 0 ? '' : _this$props3$classNam,
children = _this$props3.children;
var prefixCls = getPrefixCls('back-top', customizePrefixCls);
var classString = classNames(prefixCls, className);
var defaultElement = React.createElement("div", {
className: "".concat(prefixCls, "-content")
}, React.createElement("div", {
className: "".concat(prefixCls, "-icon")
})); // fix https://fb.me/react-unknown-prop
var divProps = omit(_this.props, ['prefixCls', 'className', 'children', 'visibilityHeight', 'target', 'visible']);
var visible = 'visible' in _this.props ? _this.props.visible : _this.state.visible;
var backTopBtn = visible ? React.createElement("div", _extends({}, divProps, {
className: classString,
onClick: _this.scrollToTop
}), children || defaultElement) : null;
return React.createElement(Animate, {
component: "",
transitionName: "fade"
}, backTopBtn);
};
_this.state = {
visible: false
};
return _this;
}
_createClass(BackTop, [{
key: "componentDidMount",
value: function componentDidMount() {
var getTarget = this.props.target || getDefaultTarget;
this.scrollEvent = addEventListener(getTarget(), 'scroll', this.handleScroll);
this.handleScroll();
}
}, {
key: "componentWillUnmount",
value: function componentWillUnmount() {
if (this.scrollEvent) {
this.scrollEvent.remove();
}
}
}, {
key: "render",
value: function render() {
return React.createElement(ConfigConsumer, null, this.renderBackTop);
}
}]);
return BackTop;
}(React.Component);
export { BackTop as default };
BackTop.defaultProps = {
visibilityHeight: 400
};
//# sourceMappingURL=index.js.map