Latest updates from IceHrmPro
This commit is contained in:
71
web/node_modules/rc-slider/es/common/Marks.js
generated
vendored
Normal file
71
web/node_modules/rc-slider/es/common/Marks.js
generated
vendored
Normal file
@@ -0,0 +1,71 @@
|
||||
import _extends from 'babel-runtime/helpers/extends';
|
||||
import _defineProperty from 'babel-runtime/helpers/defineProperty';
|
||||
import React from 'react';
|
||||
import classNames from 'classnames';
|
||||
|
||||
var Marks = function Marks(_ref) {
|
||||
var className = _ref.className,
|
||||
vertical = _ref.vertical,
|
||||
reverse = _ref.reverse,
|
||||
marks = _ref.marks,
|
||||
included = _ref.included,
|
||||
upperBound = _ref.upperBound,
|
||||
lowerBound = _ref.lowerBound,
|
||||
max = _ref.max,
|
||||
min = _ref.min,
|
||||
onClickLabel = _ref.onClickLabel;
|
||||
|
||||
var marksKeys = Object.keys(marks);
|
||||
|
||||
var range = max - min;
|
||||
var elements = marksKeys.map(parseFloat).sort(function (a, b) {
|
||||
return a - b;
|
||||
}).map(function (point) {
|
||||
var _classNames;
|
||||
|
||||
var markPoint = marks[point];
|
||||
var markPointIsObject = typeof markPoint === 'object' && !React.isValidElement(markPoint);
|
||||
var markLabel = markPointIsObject ? markPoint.label : markPoint;
|
||||
if (!markLabel && markLabel !== 0) {
|
||||
return null;
|
||||
}
|
||||
|
||||
var isActive = !included && point === upperBound || included && point <= upperBound && point >= lowerBound;
|
||||
var markClassName = classNames((_classNames = {}, _defineProperty(_classNames, className + '-text', true), _defineProperty(_classNames, className + '-text-active', isActive), _classNames));
|
||||
|
||||
var bottomStyle = _defineProperty({
|
||||
marginBottom: '-50%'
|
||||
}, reverse ? 'top' : 'bottom', (point - min) / range * 100 + '%');
|
||||
|
||||
var leftStyle = _defineProperty({
|
||||
transform: 'translateX(' + (reverse ? '50%' : '-50%') + ')',
|
||||
msTransform: 'translateX(' + (reverse ? '50%' : '-50%') + ')'
|
||||
}, reverse ? 'right' : 'left', (point - min) / range * 100 + '%');
|
||||
|
||||
var style = vertical ? bottomStyle : leftStyle;
|
||||
var markStyle = markPointIsObject ? _extends({}, style, markPoint.style) : style;
|
||||
return React.createElement(
|
||||
'span',
|
||||
{
|
||||
className: markClassName,
|
||||
style: markStyle,
|
||||
key: point,
|
||||
onMouseDown: function onMouseDown(e) {
|
||||
return onClickLabel(e, point);
|
||||
},
|
||||
onTouchStart: function onTouchStart(e) {
|
||||
return onClickLabel(e, point);
|
||||
}
|
||||
},
|
||||
markLabel
|
||||
);
|
||||
});
|
||||
|
||||
return React.createElement(
|
||||
'div',
|
||||
{ className: className },
|
||||
elements
|
||||
);
|
||||
};
|
||||
|
||||
export default Marks;
|
||||
61
web/node_modules/rc-slider/es/common/Steps.js
generated
vendored
Normal file
61
web/node_modules/rc-slider/es/common/Steps.js
generated
vendored
Normal file
@@ -0,0 +1,61 @@
|
||||
import _defineProperty from 'babel-runtime/helpers/defineProperty';
|
||||
import _extends from 'babel-runtime/helpers/extends';
|
||||
import React from 'react';
|
||||
import classNames from 'classnames';
|
||||
import warning from 'warning';
|
||||
|
||||
var calcPoints = function calcPoints(vertical, marks, dots, step, min, max) {
|
||||
warning(dots ? step > 0 : true, '`Slider[step]` should be a positive number in order to make Slider[dots] work.');
|
||||
var points = Object.keys(marks).map(parseFloat).sort(function (a, b) {
|
||||
return a - b;
|
||||
});
|
||||
if (dots && step) {
|
||||
for (var i = min; i <= max; i += step) {
|
||||
if (points.indexOf(i) === -1) {
|
||||
points.push(i);
|
||||
}
|
||||
}
|
||||
}
|
||||
return points;
|
||||
};
|
||||
|
||||
var Steps = function Steps(_ref) {
|
||||
var prefixCls = _ref.prefixCls,
|
||||
vertical = _ref.vertical,
|
||||
reverse = _ref.reverse,
|
||||
marks = _ref.marks,
|
||||
dots = _ref.dots,
|
||||
step = _ref.step,
|
||||
included = _ref.included,
|
||||
lowerBound = _ref.lowerBound,
|
||||
upperBound = _ref.upperBound,
|
||||
max = _ref.max,
|
||||
min = _ref.min,
|
||||
dotStyle = _ref.dotStyle,
|
||||
activeDotStyle = _ref.activeDotStyle;
|
||||
|
||||
var range = max - min;
|
||||
var elements = calcPoints(vertical, marks, dots, step, min, max).map(function (point) {
|
||||
var _classNames;
|
||||
|
||||
var offset = Math.abs(point - min) / range * 100 + '%';
|
||||
|
||||
var isActived = !included && point === upperBound || included && point <= upperBound && point >= lowerBound;
|
||||
var style = vertical ? _extends({}, dotStyle, _defineProperty({}, reverse ? 'top' : 'bottom', offset)) : _extends({}, dotStyle, _defineProperty({}, reverse ? 'right' : 'left', offset));
|
||||
if (isActived) {
|
||||
style = _extends({}, style, activeDotStyle);
|
||||
}
|
||||
|
||||
var pointClassName = classNames((_classNames = {}, _defineProperty(_classNames, prefixCls + '-dot', true), _defineProperty(_classNames, prefixCls + '-dot-active', isActived), _defineProperty(_classNames, prefixCls + '-dot-reverse', reverse), _classNames));
|
||||
|
||||
return React.createElement('span', { className: pointClassName, style: style, key: point });
|
||||
});
|
||||
|
||||
return React.createElement(
|
||||
'div',
|
||||
{ className: prefixCls + '-step' },
|
||||
elements
|
||||
);
|
||||
};
|
||||
|
||||
export default Steps;
|
||||
28
web/node_modules/rc-slider/es/common/Track.js
generated
vendored
Normal file
28
web/node_modules/rc-slider/es/common/Track.js
generated
vendored
Normal file
@@ -0,0 +1,28 @@
|
||||
import _extends from 'babel-runtime/helpers/extends';
|
||||
import _defineProperty from 'babel-runtime/helpers/defineProperty';
|
||||
import React from 'react';
|
||||
|
||||
var Track = function Track(props) {
|
||||
var _ref, _ref2;
|
||||
|
||||
var className = props.className,
|
||||
included = props.included,
|
||||
vertical = props.vertical,
|
||||
style = props.style;
|
||||
var length = props.length,
|
||||
offset = props.offset,
|
||||
reverse = props.reverse;
|
||||
|
||||
if (length < 0) {
|
||||
reverse = !reverse;
|
||||
length = Math.abs(length);
|
||||
offset = 100 - offset;
|
||||
}
|
||||
|
||||
var positonStyle = vertical ? (_ref = {}, _defineProperty(_ref, reverse ? 'top' : 'bottom', offset + '%'), _defineProperty(_ref, reverse ? 'bottom' : 'top', 'auto'), _defineProperty(_ref, 'height', length + '%'), _ref) : (_ref2 = {}, _defineProperty(_ref2, reverse ? 'right' : 'left', offset + '%'), _defineProperty(_ref2, reverse ? 'left' : 'right', 'auto'), _defineProperty(_ref2, 'width', length + '%'), _ref2);
|
||||
|
||||
var elStyle = _extends({}, style, positonStyle);
|
||||
return included ? React.createElement('div', { className: className, style: elStyle }) : null;
|
||||
};
|
||||
|
||||
export default Track;
|
||||
383
web/node_modules/rc-slider/es/common/createSlider.js
generated
vendored
Normal file
383
web/node_modules/rc-slider/es/common/createSlider.js
generated
vendored
Normal file
@@ -0,0 +1,383 @@
|
||||
import _objectWithoutProperties from 'babel-runtime/helpers/objectWithoutProperties';
|
||||
import _extends from 'babel-runtime/helpers/extends';
|
||||
import _defineProperty from 'babel-runtime/helpers/defineProperty';
|
||||
import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
|
||||
import _createClass from 'babel-runtime/helpers/createClass';
|
||||
import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
|
||||
import _get from 'babel-runtime/helpers/get';
|
||||
import _inherits from 'babel-runtime/helpers/inherits';
|
||||
import React from 'react';
|
||||
import addEventListener from 'rc-util/es/Dom/addEventListener';
|
||||
import classNames from 'classnames';
|
||||
import warning from 'warning';
|
||||
import Steps from './Steps';
|
||||
import Marks from './Marks';
|
||||
import Handle from '../Handle';
|
||||
import * as utils from '../utils';
|
||||
|
||||
function noop() {}
|
||||
|
||||
export default function createSlider(Component) {
|
||||
var _class, _temp;
|
||||
|
||||
return _temp = _class = function (_Component) {
|
||||
_inherits(ComponentEnhancer, _Component);
|
||||
|
||||
function ComponentEnhancer(props) {
|
||||
_classCallCheck(this, ComponentEnhancer);
|
||||
|
||||
var _this = _possibleConstructorReturn(this, (ComponentEnhancer.__proto__ || Object.getPrototypeOf(ComponentEnhancer)).call(this, props));
|
||||
|
||||
_this.onMouseDown = function (e) {
|
||||
if (e.button !== 0) {
|
||||
return;
|
||||
}
|
||||
|
||||
var isVertical = _this.props.vertical;
|
||||
var position = utils.getMousePosition(isVertical, e);
|
||||
if (!utils.isEventFromHandle(e, _this.handlesRefs)) {
|
||||
_this.dragOffset = 0;
|
||||
} else {
|
||||
var handlePosition = utils.getHandleCenterPosition(isVertical, e.target);
|
||||
_this.dragOffset = position - handlePosition;
|
||||
position = handlePosition;
|
||||
}
|
||||
_this.removeDocumentEvents();
|
||||
_this.onStart(position);
|
||||
_this.addDocumentMouseEvents();
|
||||
};
|
||||
|
||||
_this.onTouchStart = function (e) {
|
||||
if (utils.isNotTouchEvent(e)) return;
|
||||
|
||||
var isVertical = _this.props.vertical;
|
||||
var position = utils.getTouchPosition(isVertical, e);
|
||||
if (!utils.isEventFromHandle(e, _this.handlesRefs)) {
|
||||
_this.dragOffset = 0;
|
||||
} else {
|
||||
var handlePosition = utils.getHandleCenterPosition(isVertical, e.target);
|
||||
_this.dragOffset = position - handlePosition;
|
||||
position = handlePosition;
|
||||
}
|
||||
_this.onStart(position);
|
||||
_this.addDocumentTouchEvents();
|
||||
utils.pauseEvent(e);
|
||||
};
|
||||
|
||||
_this.onFocus = function (e) {
|
||||
var _this$props = _this.props,
|
||||
onFocus = _this$props.onFocus,
|
||||
vertical = _this$props.vertical;
|
||||
|
||||
if (utils.isEventFromHandle(e, _this.handlesRefs)) {
|
||||
var handlePosition = utils.getHandleCenterPosition(vertical, e.target);
|
||||
_this.dragOffset = 0;
|
||||
_this.onStart(handlePosition);
|
||||
utils.pauseEvent(e);
|
||||
if (onFocus) {
|
||||
onFocus(e);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
_this.onBlur = function (e) {
|
||||
var onBlur = _this.props.onBlur;
|
||||
|
||||
_this.onEnd();
|
||||
if (onBlur) {
|
||||
onBlur(e);
|
||||
}
|
||||
};
|
||||
|
||||
_this.onMouseUp = function () {
|
||||
if (_this.handlesRefs[_this.prevMovedHandleIndex]) {
|
||||
_this.handlesRefs[_this.prevMovedHandleIndex].clickFocus();
|
||||
}
|
||||
};
|
||||
|
||||
_this.onMouseMove = function (e) {
|
||||
if (!_this.sliderRef) {
|
||||
_this.onEnd();
|
||||
return;
|
||||
}
|
||||
var position = utils.getMousePosition(_this.props.vertical, e);
|
||||
_this.onMove(e, position - _this.dragOffset);
|
||||
};
|
||||
|
||||
_this.onTouchMove = function (e) {
|
||||
if (utils.isNotTouchEvent(e) || !_this.sliderRef) {
|
||||
_this.onEnd();
|
||||
return;
|
||||
}
|
||||
|
||||
var position = utils.getTouchPosition(_this.props.vertical, e);
|
||||
_this.onMove(e, position - _this.dragOffset);
|
||||
};
|
||||
|
||||
_this.onKeyDown = function (e) {
|
||||
if (_this.sliderRef && utils.isEventFromHandle(e, _this.handlesRefs)) {
|
||||
_this.onKeyboard(e);
|
||||
}
|
||||
};
|
||||
|
||||
_this.onClickMarkLabel = function (e, value) {
|
||||
e.stopPropagation();
|
||||
_this.onChange({ value: value });
|
||||
_this.setState({ value: value }, function () {
|
||||
return _this.onEnd(true);
|
||||
});
|
||||
};
|
||||
|
||||
_this.saveSlider = function (slider) {
|
||||
_this.sliderRef = slider;
|
||||
};
|
||||
|
||||
var step = props.step,
|
||||
max = props.max,
|
||||
min = props.min;
|
||||
|
||||
var isPointDiffEven = isFinite(max - min) ? (max - min) % step === 0 : true; // eslint-disable-line
|
||||
warning(step && Math.floor(step) === step ? isPointDiffEven : true, 'Slider[max] - Slider[min] (%s) should be a multiple of Slider[step] (%s)', max - min, step);
|
||||
_this.handlesRefs = {};
|
||||
return _this;
|
||||
}
|
||||
|
||||
_createClass(ComponentEnhancer, [{
|
||||
key: 'componentDidMount',
|
||||
value: function componentDidMount() {
|
||||
// Snapshot testing cannot handle refs, so be sure to null-check this.
|
||||
this.document = this.sliderRef && this.sliderRef.ownerDocument;
|
||||
|
||||
var _props = this.props,
|
||||
autoFocus = _props.autoFocus,
|
||||
disabled = _props.disabled;
|
||||
|
||||
if (autoFocus && !disabled) {
|
||||
this.focus();
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: 'componentWillUnmount',
|
||||
value: function componentWillUnmount() {
|
||||
if (_get(ComponentEnhancer.prototype.__proto__ || Object.getPrototypeOf(ComponentEnhancer.prototype), 'componentWillUnmount', this)) _get(ComponentEnhancer.prototype.__proto__ || Object.getPrototypeOf(ComponentEnhancer.prototype), 'componentWillUnmount', this).call(this);
|
||||
this.removeDocumentEvents();
|
||||
}
|
||||
}, {
|
||||
key: 'getSliderStart',
|
||||
value: function getSliderStart() {
|
||||
var slider = this.sliderRef;
|
||||
var _props2 = this.props,
|
||||
vertical = _props2.vertical,
|
||||
reverse = _props2.reverse;
|
||||
|
||||
var rect = slider.getBoundingClientRect();
|
||||
if (vertical) {
|
||||
return reverse ? rect.bottom : rect.top;
|
||||
}
|
||||
return window.pageXOffset + (reverse ? rect.right : rect.left);
|
||||
}
|
||||
}, {
|
||||
key: 'getSliderLength',
|
||||
value: function getSliderLength() {
|
||||
var slider = this.sliderRef;
|
||||
if (!slider) {
|
||||
return 0;
|
||||
}
|
||||
|
||||
var coords = slider.getBoundingClientRect();
|
||||
return this.props.vertical ? coords.height : coords.width;
|
||||
}
|
||||
}, {
|
||||
key: 'addDocumentTouchEvents',
|
||||
value: function addDocumentTouchEvents() {
|
||||
// just work for Chrome iOS Safari and Android Browser
|
||||
this.onTouchMoveListener = addEventListener(this.document, 'touchmove', this.onTouchMove);
|
||||
this.onTouchUpListener = addEventListener(this.document, 'touchend', this.onEnd);
|
||||
}
|
||||
}, {
|
||||
key: 'addDocumentMouseEvents',
|
||||
value: function addDocumentMouseEvents() {
|
||||
this.onMouseMoveListener = addEventListener(this.document, 'mousemove', this.onMouseMove);
|
||||
this.onMouseUpListener = addEventListener(this.document, 'mouseup', this.onEnd);
|
||||
}
|
||||
}, {
|
||||
key: 'removeDocumentEvents',
|
||||
value: function removeDocumentEvents() {
|
||||
/* eslint-disable no-unused-expressions */
|
||||
this.onTouchMoveListener && this.onTouchMoveListener.remove();
|
||||
this.onTouchUpListener && this.onTouchUpListener.remove();
|
||||
|
||||
this.onMouseMoveListener && this.onMouseMoveListener.remove();
|
||||
this.onMouseUpListener && this.onMouseUpListener.remove();
|
||||
/* eslint-enable no-unused-expressions */
|
||||
}
|
||||
}, {
|
||||
key: 'focus',
|
||||
value: function focus() {
|
||||
if (!this.props.disabled) {
|
||||
this.handlesRefs[0].focus();
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: 'blur',
|
||||
value: function blur() {
|
||||
var _this2 = this;
|
||||
|
||||
if (!this.props.disabled) {
|
||||
Object.keys(this.handlesRefs).forEach(function (key) {
|
||||
if (_this2.handlesRefs[key] && _this2.handlesRefs[key].blur) {
|
||||
_this2.handlesRefs[key].blur();
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: 'calcValue',
|
||||
value: function calcValue(offset) {
|
||||
var _props3 = this.props,
|
||||
vertical = _props3.vertical,
|
||||
min = _props3.min,
|
||||
max = _props3.max;
|
||||
|
||||
var ratio = Math.abs(Math.max(offset, 0) / this.getSliderLength());
|
||||
var value = vertical ? (1 - ratio) * (max - min) + min : ratio * (max - min) + min;
|
||||
return value;
|
||||
}
|
||||
}, {
|
||||
key: 'calcValueByPos',
|
||||
value: function calcValueByPos(position) {
|
||||
var sign = this.props.reverse ? -1 : +1;
|
||||
var pixelOffset = sign * (position - this.getSliderStart());
|
||||
var nextValue = this.trimAlignValue(this.calcValue(pixelOffset));
|
||||
return nextValue;
|
||||
}
|
||||
}, {
|
||||
key: 'calcOffset',
|
||||
value: function calcOffset(value) {
|
||||
var _props4 = this.props,
|
||||
min = _props4.min,
|
||||
max = _props4.max;
|
||||
|
||||
var ratio = (value - min) / (max - min);
|
||||
return Math.max(0, ratio * 100);
|
||||
}
|
||||
}, {
|
||||
key: 'saveHandle',
|
||||
value: function saveHandle(index, handle) {
|
||||
this.handlesRefs[index] = handle;
|
||||
}
|
||||
}, {
|
||||
key: 'render',
|
||||
value: function render() {
|
||||
var _classNames;
|
||||
|
||||
var _props5 = this.props,
|
||||
prefixCls = _props5.prefixCls,
|
||||
className = _props5.className,
|
||||
marks = _props5.marks,
|
||||
dots = _props5.dots,
|
||||
step = _props5.step,
|
||||
included = _props5.included,
|
||||
disabled = _props5.disabled,
|
||||
vertical = _props5.vertical,
|
||||
reverse = _props5.reverse,
|
||||
min = _props5.min,
|
||||
max = _props5.max,
|
||||
children = _props5.children,
|
||||
maximumTrackStyle = _props5.maximumTrackStyle,
|
||||
style = _props5.style,
|
||||
railStyle = _props5.railStyle,
|
||||
dotStyle = _props5.dotStyle,
|
||||
activeDotStyle = _props5.activeDotStyle;
|
||||
|
||||
var _get$call = _get(ComponentEnhancer.prototype.__proto__ || Object.getPrototypeOf(ComponentEnhancer.prototype), 'render', this).call(this),
|
||||
tracks = _get$call.tracks,
|
||||
handles = _get$call.handles;
|
||||
|
||||
var sliderClassName = classNames(prefixCls, (_classNames = {}, _defineProperty(_classNames, prefixCls + '-with-marks', Object.keys(marks).length), _defineProperty(_classNames, prefixCls + '-disabled', disabled), _defineProperty(_classNames, prefixCls + '-vertical', vertical), _defineProperty(_classNames, className, className), _classNames));
|
||||
return React.createElement(
|
||||
'div',
|
||||
{
|
||||
ref: this.saveSlider,
|
||||
className: sliderClassName,
|
||||
onTouchStart: disabled ? noop : this.onTouchStart,
|
||||
onMouseDown: disabled ? noop : this.onMouseDown,
|
||||
onMouseUp: disabled ? noop : this.onMouseUp,
|
||||
onKeyDown: disabled ? noop : this.onKeyDown,
|
||||
onFocus: disabled ? noop : this.onFocus,
|
||||
onBlur: disabled ? noop : this.onBlur,
|
||||
style: style
|
||||
},
|
||||
React.createElement('div', {
|
||||
className: prefixCls + '-rail',
|
||||
style: _extends({}, maximumTrackStyle, railStyle)
|
||||
}),
|
||||
tracks,
|
||||
React.createElement(Steps, {
|
||||
prefixCls: prefixCls,
|
||||
vertical: vertical,
|
||||
reverse: reverse,
|
||||
marks: marks,
|
||||
dots: dots,
|
||||
step: step,
|
||||
included: included,
|
||||
lowerBound: this.getLowerBound(),
|
||||
upperBound: this.getUpperBound(),
|
||||
max: max,
|
||||
min: min,
|
||||
dotStyle: dotStyle,
|
||||
activeDotStyle: activeDotStyle
|
||||
}),
|
||||
handles,
|
||||
React.createElement(Marks, {
|
||||
className: prefixCls + '-mark',
|
||||
onClickLabel: disabled ? noop : this.onClickMarkLabel,
|
||||
vertical: vertical,
|
||||
marks: marks,
|
||||
included: included,
|
||||
lowerBound: this.getLowerBound(),
|
||||
upperBound: this.getUpperBound(),
|
||||
max: max,
|
||||
min: min,
|
||||
reverse: reverse
|
||||
}),
|
||||
children
|
||||
);
|
||||
}
|
||||
}]);
|
||||
|
||||
return ComponentEnhancer;
|
||||
}(Component), _class.displayName = 'ComponentEnhancer(' + Component.displayName + ')', _class.defaultProps = _extends({}, Component.defaultProps, {
|
||||
prefixCls: 'rc-slider',
|
||||
className: '',
|
||||
min: 0,
|
||||
max: 100,
|
||||
step: 1,
|
||||
marks: {},
|
||||
handle: function handle(_ref) {
|
||||
var index = _ref.index,
|
||||
restProps = _objectWithoutProperties(_ref, ['index']);
|
||||
|
||||
delete restProps.dragging;
|
||||
if (restProps.value === null) {
|
||||
return null;
|
||||
}
|
||||
|
||||
return React.createElement(Handle, _extends({}, restProps, { key: index }));
|
||||
},
|
||||
|
||||
onBeforeChange: noop,
|
||||
onChange: noop,
|
||||
onAfterChange: noop,
|
||||
included: true,
|
||||
disabled: false,
|
||||
dots: false,
|
||||
vertical: false,
|
||||
reverse: false,
|
||||
trackStyle: [{}],
|
||||
handleStyle: [{}],
|
||||
railStyle: {},
|
||||
dotStyle: {},
|
||||
activeDotStyle: {}
|
||||
}), _temp;
|
||||
}
|
||||
Reference in New Issue
Block a user