302 lines
11 KiB
JavaScript
302 lines
11 KiB
JavaScript
(window.webpackJsonp = window.webpackJsonp || []).push([
|
|
[40],
|
|
{
|
|
'4Cm8': function (t, e, i) {
|
|
'use strict';
|
|
i.d(e, 'a', function () {
|
|
return C;
|
|
});
|
|
var s = i('mrSG'),
|
|
r = i('q1tI'),
|
|
n = i('TSYQ'),
|
|
o = i('XmVn'),
|
|
l = i('Iivm'),
|
|
a = i('beCu'),
|
|
c = i('j1f4'),
|
|
u = i('Ialn'),
|
|
h = i('Vike'),
|
|
p = i('ji/R'),
|
|
d = { isVisibleScrollbar: !0, shouldMeasure: !0, hideButtonsFrom: 1 };
|
|
function f(t) {
|
|
var e;
|
|
return r.createElement('div', {
|
|
className: n(
|
|
p.fadeLeft,
|
|
((e = {}), (e[p.isVisible] = t.isVisible), e),
|
|
),
|
|
});
|
|
}
|
|
function w(t) {
|
|
var e;
|
|
return r.createElement('div', {
|
|
className: n(
|
|
p.fadeRight,
|
|
((e = {}), (e[p.isVisible] = t.isVisible), e),
|
|
),
|
|
});
|
|
}
|
|
function m(t) {
|
|
return r.createElement(
|
|
v,
|
|
Object(s.__assign)({}, t, { className: p.scrollLeft }),
|
|
);
|
|
}
|
|
function b(t) {
|
|
return r.createElement(
|
|
v,
|
|
Object(s.__assign)({}, t, { className: p.scrollRight }),
|
|
);
|
|
}
|
|
function v(t) {
|
|
var e;
|
|
return r.createElement(
|
|
'div',
|
|
{
|
|
className: n(
|
|
t.className,
|
|
((e = {}), (e[p.isVisible] = t.isVisible), e),
|
|
),
|
|
onClick: t.onClick,
|
|
},
|
|
r.createElement(
|
|
'div',
|
|
{ className: p.iconWrap },
|
|
r.createElement(l.Icon, { icon: h, className: p.icon }),
|
|
),
|
|
);
|
|
}
|
|
var _,
|
|
R,
|
|
S,
|
|
V,
|
|
g,
|
|
C =
|
|
(void 0 === (_ = m) && (_ = m),
|
|
void 0 === (R = b) && (R = b),
|
|
void 0 === (S = f) && (S = f),
|
|
void 0 === (V = w) && (V = w),
|
|
((g = (function (t) {
|
|
function e(e) {
|
|
var i = t.call(this, e) || this;
|
|
return (
|
|
(i._scroll = r.createRef()),
|
|
(i._wrapMeasureRef = r.createRef()),
|
|
(i._contentMeasureRef = r.createRef()),
|
|
(i._handleScrollLeft = function () {
|
|
if (i.props.onScrollButtonClick)
|
|
i.props.onScrollButtonClick('left');
|
|
else {
|
|
var t = i.props.scrollStepSize || i.state.widthWrap - 50;
|
|
i.animateTo(Math.max(0, i.currentPosition() - t));
|
|
}
|
|
}),
|
|
(i._handleScrollRight = function () {
|
|
if (i.props.onScrollButtonClick)
|
|
i.props.onScrollButtonClick('right');
|
|
else {
|
|
var t = i.props.scrollStepSize || i.state.widthWrap - 50;
|
|
i.animateTo(
|
|
Math.min(
|
|
(i.state.widthContent || 0) - (i.state.widthWrap || 0),
|
|
i.currentPosition() + t,
|
|
),
|
|
);
|
|
}
|
|
}),
|
|
(i._handleResizeWrap = function (t) {
|
|
i.props.onMeasureWrap && i.props.onMeasureWrap(t),
|
|
i.setState({ widthWrap: t.width }),
|
|
i._checkButtonsVisibility();
|
|
}),
|
|
(i._handleResizeContent = function (t) {
|
|
i.props.onMeasureContent && i.props.onMeasureContent(t);
|
|
var e = i.props,
|
|
s = e.shouldDecreaseWidthContent,
|
|
r = e.buttonsWidthIfDecreasedWidthContent;
|
|
s && r
|
|
? i.setState({ widthContent: t.width + 2 * r })
|
|
: i.setState({ widthContent: t.width });
|
|
}),
|
|
(i._handleScroll = function () {
|
|
var t = i.props.onScroll;
|
|
t && t(i.currentPosition(), i.isAtLeft(), i.isAtRight()),
|
|
i._checkButtonsVisibility();
|
|
}),
|
|
(i._checkButtonsVisibility = function () {
|
|
var t = i.state,
|
|
e = t.isVisibleLeftButton,
|
|
s = t.isVisibleRightButton,
|
|
r = i.isAtLeft(),
|
|
n = i.isAtRight();
|
|
r || e
|
|
? r && e && i.setState({ isVisibleLeftButton: !1 })
|
|
: i.setState({ isVisibleLeftButton: !0 }),
|
|
n || s
|
|
? n && s && i.setState({ isVisibleRightButton: !1 })
|
|
: i.setState({ isVisibleRightButton: !0 });
|
|
}),
|
|
(i.state = {
|
|
widthContent: 0,
|
|
widthWrap: 0,
|
|
isVisibleRightButton: !1,
|
|
isVisibleLeftButton: !1,
|
|
}),
|
|
i
|
|
);
|
|
}
|
|
return (
|
|
Object(s.__extends)(e, t),
|
|
(e.prototype.componentDidMount = function () {
|
|
this._checkButtonsVisibility();
|
|
}),
|
|
(e.prototype.componentDidUpdate = function (t, e) {
|
|
(e.widthWrap === this.state.widthWrap &&
|
|
e.widthContent === this.state.widthContent) ||
|
|
this._handleScroll(),
|
|
this.props.shouldMeasure &&
|
|
this._wrapMeasureRef.current &&
|
|
this._contentMeasureRef.current &&
|
|
(this._wrapMeasureRef.current.measure(),
|
|
this._contentMeasureRef.current.measure());
|
|
}),
|
|
(e.prototype.currentPosition = function () {
|
|
return this._scroll.current
|
|
? Object(u.isRtl)()
|
|
? Object(u.getLTRScrollLeft)(this._scroll.current)
|
|
: this._scroll.current.scrollLeft
|
|
: 0;
|
|
}),
|
|
(e.prototype.isAtLeft = function () {
|
|
return (
|
|
!this._isOverflowed() ||
|
|
this.currentPosition() <= this.props.hideButtonsFrom
|
|
);
|
|
}),
|
|
(e.prototype.isAtRight = function () {
|
|
return (
|
|
!this._isOverflowed() ||
|
|
this.currentPosition() + this.state.widthWrap >=
|
|
this.state.widthContent - this.props.hideButtonsFrom
|
|
);
|
|
}),
|
|
(e.prototype.animateTo = function (t, e) {
|
|
void 0 === e && (e = c.dur);
|
|
var i = this._scroll.current;
|
|
i &&
|
|
(Object(u.isRtl)() &&
|
|
(t = Object(u.getLTRScrollLeftOffset)(i, t)),
|
|
e <= 0
|
|
? (i.scrollLeft = Math.round(t))
|
|
: Object(a.doAnimate)({
|
|
onStep: function (t, e) {
|
|
i.scrollLeft = Math.round(e);
|
|
},
|
|
from: i.scrollLeft,
|
|
to: Math.round(t),
|
|
easing: c.easingFunc.easeInOutCubic,
|
|
duration: e,
|
|
}));
|
|
}),
|
|
(e.prototype.render = function () {
|
|
var t,
|
|
e = this.props,
|
|
i = e.children,
|
|
s = e.isVisibleScrollbar,
|
|
l = e.isVisibleFade,
|
|
a = e.isVisibleButtons,
|
|
c = e.shouldMeasure,
|
|
u = e.shouldDecreaseWidthContent,
|
|
h = e.buttonsWidthIfDecreasedWidthContent,
|
|
d = e.onMouseOver,
|
|
f = e.onMouseOut,
|
|
w = this.state,
|
|
m = w.isVisibleRightButton,
|
|
b = w.isVisibleLeftButton,
|
|
v = u && h;
|
|
return r.createElement(
|
|
o,
|
|
{
|
|
whitelist: ['width'],
|
|
onMeasure: this._handleResizeWrap,
|
|
shouldMeasure: c,
|
|
ref: this._wrapMeasureRef,
|
|
},
|
|
r.createElement(
|
|
'div',
|
|
{
|
|
className: p.wrapOverflow,
|
|
onMouseOver: d,
|
|
onMouseOut: f,
|
|
},
|
|
r.createElement(
|
|
'div',
|
|
{ className: n(p.wrap, v ? p.wrapWithArrowsOuting : '') },
|
|
r.createElement(
|
|
'div',
|
|
{
|
|
className: n(
|
|
p.scrollWrap,
|
|
((t = {}), (t[p.noScrollBar] = !s), t),
|
|
),
|
|
onScroll: this._handleScroll,
|
|
ref: this._scroll,
|
|
},
|
|
r.createElement(
|
|
o,
|
|
{
|
|
onMeasure: this._handleResizeContent,
|
|
whitelist: ['width'],
|
|
shouldMeasure: c,
|
|
ref: this._contentMeasureRef,
|
|
},
|
|
i,
|
|
),
|
|
),
|
|
l && r.createElement(S, { isVisible: b }),
|
|
l && r.createElement(V, { isVisible: m }),
|
|
a &&
|
|
r.createElement(_, {
|
|
onClick: this._handleScrollLeft,
|
|
isVisible: b,
|
|
}),
|
|
a &&
|
|
r.createElement(R, {
|
|
onClick: this._handleScrollRight,
|
|
isVisible: m,
|
|
}),
|
|
),
|
|
),
|
|
);
|
|
}),
|
|
(e.prototype._isOverflowed = function () {
|
|
var t = this.state;
|
|
return t.widthContent > t.widthWrap;
|
|
}),
|
|
e
|
|
);
|
|
})(r.PureComponent)).defaultProps = d),
|
|
g);
|
|
},
|
|
Vike: function (t, e) {
|
|
t.exports =
|
|
'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 10" width="20" height="10"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M2 1l8 8 8-8"/></svg>';
|
|
},
|
|
'ji/R': function (t, e, i) {
|
|
t.exports = {
|
|
wrap: 'wrap-5DN0XnS4',
|
|
wrapWithArrowsOuting: 'wrapWithArrowsOuting-1OPNi0IP',
|
|
wrapOverflow: 'wrapOverflow-2FHnhKaN',
|
|
scrollWrap: 'scrollWrap-nAnkzkWd',
|
|
noScrollBar: 'noScrollBar-34JzryqI',
|
|
icon: 'icon-1nfNqIRh',
|
|
scrollLeft: 'scrollLeft-2cl_k1e7',
|
|
scrollRight: 'scrollRight-2SEqCpTf',
|
|
isVisible: 'isVisible-Stm3XOHb',
|
|
iconWrap: 'iconWrap-1E4GEP7h',
|
|
fadeLeft: 'fadeLeft-244lj3pA',
|
|
fadeRight: 'fadeRight-1JnS42hI',
|
|
};
|
|
},
|
|
},
|
|
]);
|