Latest updates from IceHrmPro
This commit is contained in:
222
web/node_modules/rc-slider/es/Slider.js
generated
vendored
Normal file
222
web/node_modules/rc-slider/es/Slider.js
generated
vendored
Normal file
@@ -0,0 +1,222 @@
|
||||
import _extends from 'babel-runtime/helpers/extends';
|
||||
import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
|
||||
import _createClass from 'babel-runtime/helpers/createClass';
|
||||
import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
|
||||
import _inherits from 'babel-runtime/helpers/inherits';
|
||||
import React from 'react';
|
||||
import warning from 'warning';
|
||||
import Track from './common/Track';
|
||||
import createSlider from './common/createSlider';
|
||||
import * as utils from './utils';
|
||||
|
||||
var Slider = function (_React$Component) {
|
||||
_inherits(Slider, _React$Component);
|
||||
|
||||
function Slider(props) {
|
||||
_classCallCheck(this, Slider);
|
||||
|
||||
var _this = _possibleConstructorReturn(this, (Slider.__proto__ || Object.getPrototypeOf(Slider)).call(this, props));
|
||||
|
||||
_this.onEnd = function (force) {
|
||||
var dragging = _this.state.dragging;
|
||||
|
||||
_this.removeDocumentEvents();
|
||||
if (dragging || force) {
|
||||
_this.props.onAfterChange(_this.getValue());
|
||||
}
|
||||
_this.setState({ dragging: false });
|
||||
};
|
||||
|
||||
var defaultValue = props.defaultValue !== undefined ? props.defaultValue : props.min;
|
||||
var value = props.value !== undefined ? props.value : defaultValue;
|
||||
|
||||
_this.state = {
|
||||
value: _this.trimAlignValue(value),
|
||||
dragging: false
|
||||
};
|
||||
|
||||
warning(!('minimumTrackStyle' in props), 'minimumTrackStyle will be deprecated, please use trackStyle instead.');
|
||||
warning(!('maximumTrackStyle' in props), 'maximumTrackStyle will be deprecated, please use railStyle instead.');
|
||||
return _this;
|
||||
}
|
||||
|
||||
_createClass(Slider, [{
|
||||
key: 'componentDidUpdate',
|
||||
value: function componentDidUpdate(prevProps, prevState) {
|
||||
if (!('value' in this.props || 'min' in this.props || 'max' in this.props)) {
|
||||
return;
|
||||
}
|
||||
var _props = this.props,
|
||||
value = _props.value,
|
||||
onChange = _props.onChange;
|
||||
|
||||
var theValue = value !== undefined ? value : prevState.value;
|
||||
var nextValue = this.trimAlignValue(theValue, this.props);
|
||||
if (nextValue !== prevState.value) {
|
||||
// eslint-disable-next-line
|
||||
this.setState({ value: nextValue });
|
||||
if (utils.isValueOutOfRange(theValue, this.props)) {
|
||||
onChange(nextValue);
|
||||
}
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: 'onChange',
|
||||
value: function onChange(state) {
|
||||
var props = this.props;
|
||||
var isNotControlled = !('value' in props);
|
||||
var nextState = state.value > this.props.max ? _extends({}, state, { value: this.props.max }) : state;
|
||||
if (isNotControlled) {
|
||||
this.setState(nextState);
|
||||
}
|
||||
|
||||
var changedValue = nextState.value;
|
||||
props.onChange(changedValue);
|
||||
}
|
||||
}, {
|
||||
key: 'onStart',
|
||||
value: function onStart(position) {
|
||||
this.setState({ dragging: true });
|
||||
var props = this.props;
|
||||
var prevValue = this.getValue();
|
||||
props.onBeforeChange(prevValue);
|
||||
|
||||
var value = this.calcValueByPos(position);
|
||||
this.startValue = value;
|
||||
this.startPosition = position;
|
||||
|
||||
if (value === prevValue) return;
|
||||
|
||||
this.prevMovedHandleIndex = 0;
|
||||
|
||||
this.onChange({ value: value });
|
||||
}
|
||||
}, {
|
||||
key: 'onMove',
|
||||
value: function onMove(e, position) {
|
||||
utils.pauseEvent(e);
|
||||
var oldValue = this.state.value;
|
||||
|
||||
var value = this.calcValueByPos(position);
|
||||
if (value === oldValue) return;
|
||||
|
||||
this.onChange({ value: value });
|
||||
}
|
||||
}, {
|
||||
key: 'onKeyboard',
|
||||
value: function onKeyboard(e) {
|
||||
var _props2 = this.props,
|
||||
reverse = _props2.reverse,
|
||||
vertical = _props2.vertical;
|
||||
|
||||
var valueMutator = utils.getKeyboardValueMutator(e, vertical, reverse);
|
||||
if (valueMutator) {
|
||||
utils.pauseEvent(e);
|
||||
var state = this.state;
|
||||
var oldValue = state.value;
|
||||
var mutatedValue = valueMutator(oldValue, this.props);
|
||||
var value = this.trimAlignValue(mutatedValue);
|
||||
if (value === oldValue) return;
|
||||
|
||||
this.onChange({ value: value });
|
||||
this.props.onAfterChange(value);
|
||||
this.onEnd();
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: 'getValue',
|
||||
value: function getValue() {
|
||||
return this.state.value;
|
||||
}
|
||||
}, {
|
||||
key: 'getLowerBound',
|
||||
value: function getLowerBound() {
|
||||
return this.props.min;
|
||||
}
|
||||
}, {
|
||||
key: 'getUpperBound',
|
||||
value: function getUpperBound() {
|
||||
return this.state.value;
|
||||
}
|
||||
}, {
|
||||
key: 'trimAlignValue',
|
||||
value: function trimAlignValue(v) {
|
||||
var nextProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
||||
|
||||
if (v === null) {
|
||||
return null;
|
||||
}
|
||||
|
||||
var mergedProps = _extends({}, this.props, nextProps);
|
||||
var val = utils.ensureValueInRange(v, mergedProps);
|
||||
return utils.ensureValuePrecision(val, mergedProps);
|
||||
}
|
||||
}, {
|
||||
key: 'render',
|
||||
value: function render() {
|
||||
var _this2 = this;
|
||||
|
||||
var _props3 = this.props,
|
||||
prefixCls = _props3.prefixCls,
|
||||
vertical = _props3.vertical,
|
||||
included = _props3.included,
|
||||
disabled = _props3.disabled,
|
||||
minimumTrackStyle = _props3.minimumTrackStyle,
|
||||
trackStyle = _props3.trackStyle,
|
||||
handleStyle = _props3.handleStyle,
|
||||
tabIndex = _props3.tabIndex,
|
||||
ariaLabelForHandle = _props3.ariaLabelForHandle,
|
||||
ariaLabelledByForHandle = _props3.ariaLabelledByForHandle,
|
||||
ariaValueTextFormatterForHandle = _props3.ariaValueTextFormatterForHandle,
|
||||
min = _props3.min,
|
||||
max = _props3.max,
|
||||
startPoint = _props3.startPoint,
|
||||
reverse = _props3.reverse,
|
||||
handleGenerator = _props3.handle;
|
||||
var _state = this.state,
|
||||
value = _state.value,
|
||||
dragging = _state.dragging;
|
||||
|
||||
var offset = this.calcOffset(value);
|
||||
var handle = handleGenerator({
|
||||
className: prefixCls + '-handle',
|
||||
prefixCls: prefixCls,
|
||||
vertical: vertical,
|
||||
offset: offset,
|
||||
value: value,
|
||||
dragging: dragging,
|
||||
disabled: disabled,
|
||||
min: min,
|
||||
max: max,
|
||||
reverse: reverse,
|
||||
index: 0,
|
||||
tabIndex: tabIndex,
|
||||
ariaLabel: ariaLabelForHandle,
|
||||
ariaLabelledBy: ariaLabelledByForHandle,
|
||||
ariaValueTextFormatter: ariaValueTextFormatterForHandle,
|
||||
style: handleStyle[0] || handleStyle,
|
||||
ref: function ref(h) {
|
||||
return _this2.saveHandle(0, h);
|
||||
}
|
||||
});
|
||||
|
||||
var trackOffset = startPoint !== undefined ? this.calcOffset(startPoint) : 0;
|
||||
var _trackStyle = trackStyle[0] || trackStyle;
|
||||
var track = React.createElement(Track, {
|
||||
className: prefixCls + '-track',
|
||||
vertical: vertical,
|
||||
included: included,
|
||||
offset: trackOffset,
|
||||
reverse: reverse,
|
||||
length: offset - trackOffset,
|
||||
style: _extends({}, minimumTrackStyle, _trackStyle)
|
||||
});
|
||||
|
||||
return { tracks: track, handles: handle };
|
||||
}
|
||||
}]);
|
||||
|
||||
return Slider;
|
||||
}(React.Component);
|
||||
|
||||
export default createSlider(Slider);
|
||||
Reference in New Issue
Block a user