1 | 'use strict';
|
2 |
|
3 | Object.defineProperty(exports, "__esModule", {
|
4 | value: true
|
5 | });
|
6 | exports.TabPane = undefined;
|
7 |
|
8 | var _extends2 = require('babel-runtime/helpers/extends');
|
9 |
|
10 | var _extends3 = _interopRequireDefault(_extends2);
|
11 |
|
12 | var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
|
13 |
|
14 | var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
|
15 |
|
16 | var _createClass2 = require('babel-runtime/helpers/createClass');
|
17 |
|
18 | var _createClass3 = _interopRequireDefault(_createClass2);
|
19 |
|
20 | var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
|
21 |
|
22 | var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
|
23 |
|
24 | var _inherits2 = require('babel-runtime/helpers/inherits');
|
25 |
|
26 | var _inherits3 = _interopRequireDefault(_inherits2);
|
27 |
|
28 | var _react = require('react');
|
29 |
|
30 | var _react2 = _interopRequireDefault(_react);
|
31 |
|
32 | var _util = require('./util');
|
33 |
|
34 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
|
35 |
|
36 | var __rest = undefined && undefined.__rest || function (s, e) {
|
37 | var t = {};
|
38 | for (var p in s) {
|
39 | if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
40 | }if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
41 | if (e.indexOf(p[i]) < 0) t[p[i]] = s[p[i]];
|
42 | }return t;
|
43 | };
|
44 |
|
45 | var TabPane = exports.TabPane = function (_React$PureComponent) {
|
46 | (0, _inherits3['default'])(TabPane, _React$PureComponent);
|
47 |
|
48 | function TabPane() {
|
49 | (0, _classCallCheck3['default'])(this, TabPane);
|
50 |
|
51 | var _this = (0, _possibleConstructorReturn3['default'])(this, (TabPane.__proto__ || Object.getPrototypeOf(TabPane)).apply(this, arguments));
|
52 |
|
53 | _this.offsetX = 0;
|
54 | _this.offsetY = 0;
|
55 | _this.setLayout = function (div) {
|
56 | _this.layout = div;
|
57 | };
|
58 | return _this;
|
59 | }
|
60 |
|
61 | (0, _createClass3['default'])(TabPane, [{
|
62 | key: 'componentWillReceiveProps',
|
63 | value: function componentWillReceiveProps(nextProps) {
|
64 | if (this.props.active !== nextProps.active) {
|
65 | if (nextProps.active) {
|
66 | this.offsetX = 0;
|
67 | this.offsetY = 0;
|
68 | } else {
|
69 | this.offsetX = this.layout.scrollLeft;
|
70 | this.offsetY = this.layout.scrollTop;
|
71 | }
|
72 | }
|
73 | }
|
74 | }, {
|
75 | key: 'render',
|
76 | value: function render() {
|
77 | var _a = this.props,
|
78 | active = _a.active,
|
79 | fixX = _a.fixX,
|
80 | fixY = _a.fixY,
|
81 | props = __rest(_a, ["active", "fixX", "fixY"]);
|
82 | var style = (0, _extends3['default'])({}, fixX && this.offsetX ? (0, _util.getTransformPropValue)((0, _util.getPxStyle)(-this.offsetX, 'px', false)) : {}, fixY && this.offsetY ? (0, _util.getTransformPropValue)((0, _util.getPxStyle)(-this.offsetY, 'px', true)) : {});
|
83 | return _react2['default'].createElement(
|
84 | 'div',
|
85 | (0, _extends3['default'])({}, props, { style: style, ref: this.setLayout }),
|
86 | props.children
|
87 | );
|
88 | }
|
89 | }]);
|
90 | return TabPane;
|
91 | }(_react2['default'].PureComponent);
|
92 |
|
93 | TabPane.defaultProps = {
|
94 | fixX: true,
|
95 | fixY: true
|
96 | }; |
\ | No newline at end of file |