@@ -5693,10 +5295,12 @@
// return element.offsetParent;
// }
// 统一的 offsetParent 方法
- var doc = _utils2['default'].getDocument(element);
+
+
+ var doc = utils.getDocument(element);
var body = doc.body;
- var parent = void 0;
- var positionStyle = _utils2['default'].css(element, 'position');
+ var parent;
+ var positionStyle = utils.css(element, 'position');
var skipStatic = positionStyle === 'fixed' || positionStyle === 'absolute';
if (!skipStatic) {
@@ -5704,71 +5308,133 @@
}
for (parent = getParent(element); parent && parent !== body; parent = getParent(parent)) {
- positionStyle = _utils2['default'].css(parent, 'position');
+ positionStyle = utils.css(parent, 'position');
+
if (positionStyle !== 'static') {
return parent;
}
}
+
return null;
}
- exports['default'] = getOffsetParent;
- module.exports = exports['default'];
-
-/***/ }),
-/* 58 */
-/***/ (function(module, exports, __webpack_require__) {
-
- 'use strict';
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports['default'] = isAncestorFixed;
-
- var _utils = __webpack_require__(54);
-
- var _utils2 = _interopRequireDefault(_utils);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
-
- var getParent = _utils2['default'].getParent;
+ var getParent$1 = utils.getParent;
function isAncestorFixed(element) {
- if (_utils2['default'].isWindow(element) || element.nodeType === 9) {
+ if (utils.isWindow(element) || element.nodeType === 9) {
return false;
}
- var doc = _utils2['default'].getDocument(element);
+ var doc = utils.getDocument(element);
var body = doc.body;
var parent = null;
- for (parent = getParent(element); parent && parent !== body; parent = getParent(parent)) {
- var positionStyle = _utils2['default'].css(parent, 'position');
+
+ for (parent = getParent$1(element); parent && parent !== body; parent = getParent$1(parent)) {
+ var positionStyle = utils.css(parent, 'position');
+
if (positionStyle === 'fixed') {
return true;
}
}
+
return false;
}
- module.exports = exports['default'];
-
-/***/ }),
-/* 59 */
-/***/ (function(module, exports, __webpack_require__) {
-
- 'use strict';
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
+ /**
+ * 获得元素的显示部分的区域
+ */
- var _utils = __webpack_require__(54);
+ function getVisibleRectForElement(element) {
+ var visibleRect = {
+ left: 0,
+ right: Infinity,
+ top: 0,
+ bottom: Infinity
+ };
+ var el = getOffsetParent(element);
+ var doc = utils.getDocument(element);
+ var win = doc.defaultView || doc.parentWindow;
+ var body = doc.body;
+ var documentElement = doc.documentElement; // Determine the size of the visible rect by climbing the dom accounting for
+ // all scrollable containers.
- var _utils2 = _interopRequireDefault(_utils);
+ while (el) {
+ // clientWidth is zero for inline block elements in ie.
+ if ((navigator.userAgent.indexOf('MSIE') === -1 || el.clientWidth !== 0) && // body may have overflow set on it, yet we still get the entire
+ // viewport. In some browsers, el.offsetParent may be
+ // document.documentElement, so check for that too.
+ el !== body && el !== documentElement && utils.css(el, 'overflow') !== 'visible') {
+ var pos = utils.offset(el); // add border
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+ pos.left += el.clientLeft;
+ pos.top += el.clientTop;
+ visibleRect.top = Math.max(visibleRect.top, pos.top);
+ visibleRect.right = Math.min(visibleRect.right, // consider area without scrollBar
+ pos.left + el.clientWidth);
+ visibleRect.bottom = Math.min(visibleRect.bottom, pos.top + el.clientHeight);
+ visibleRect.left = Math.max(visibleRect.left, pos.left);
+ } else if (el === body || el === documentElement) {
+ break;
+ }
+
+ el = getOffsetParent(el);
+ } // Set element position to fixed
+ // make sure absolute element itself don't affect it's visible area
+ // https://github.com/ant-design/ant-design/issues/7601
+
+
+ var originalPosition = null;
+
+ if (!utils.isWindow(element) && element.nodeType !== 9) {
+ originalPosition = element.style.position;
+ var position = utils.css(element, 'position');
+
+ if (position === 'absolute') {
+ element.style.position = 'fixed';
+ }
+ }
+
+ var scrollX = utils.getWindowScrollLeft(win);
+ var scrollY = utils.getWindowScrollTop(win);
+ var viewportWidth = utils.viewportWidth(win);
+ var viewportHeight = utils.viewportHeight(win);
+ var documentWidth = documentElement.scrollWidth;
+ var documentHeight = documentElement.scrollHeight; // scrollXXX on html is sync with body which means overflow: hidden on body gets wrong scrollXXX.
+ // We should cut this ourself.
+
+ var bodyStyle = window.getComputedStyle(body);
+
+ if (bodyStyle.overflowX === 'hidden') {
+ documentWidth = win.innerWidth;
+ }
+
+ if (bodyStyle.overflowY === 'hidden') {
+ documentHeight = win.innerHeight;
+ } // Reset element position after calculate the visible area
+
+
+ if (element.style) {
+ element.style.position = originalPosition;
+ }
+
+ if (isAncestorFixed(element)) {
+ // Clip by viewport's size.
+ visibleRect.left = Math.max(visibleRect.left, scrollX);
+ visibleRect.top = Math.max(visibleRect.top, scrollY);
+ visibleRect.right = Math.min(visibleRect.right, scrollX + viewportWidth);
+ visibleRect.bottom = Math.min(visibleRect.bottom, scrollY + viewportHeight);
+ } else {
+ // Clip by document's size.
+ var maxVisibleWidth = Math.max(documentWidth, scrollX + viewportWidth);
+ visibleRect.right = Math.min(visibleRect.right, maxVisibleWidth);
+ var maxVisibleHeight = Math.max(documentHeight, scrollY + viewportHeight);
+ visibleRect.bottom = Math.min(visibleRect.bottom, maxVisibleHeight);
+ }
+
+ return visibleRect.top >= 0 && visibleRect.left >= 0 && visibleRect.bottom > visibleRect.top && visibleRect.right > visibleRect.left ? visibleRect : null;
+ }
function adjustForViewport(elFuturePos, elRegion, visibleRect, overflow) {
- var pos = _utils2['default'].clone(elFuturePos);
+ var pos = utils.clone(elFuturePos);
var size = {
width: elRegion.width,
height: elRegion.height
@@ -5776,131 +5442,70 @@
if (overflow.adjustX && pos.left < visibleRect.left) {
pos.left = visibleRect.left;
- }
+ } // Left edge inside and right edge outside viewport, try to resize it.
+
- // Left edge inside and right edge outside viewport, try to resize it.
if (overflow.resizeWidth && pos.left >= visibleRect.left && pos.left + size.width > visibleRect.right) {
size.width -= pos.left + size.width - visibleRect.right;
- }
+ } // Right edge outside viewport, try to move it.
+
- // Right edge outside viewport, try to move it.
if (overflow.adjustX && pos.left + size.width > visibleRect.right) {
// 保证左边界和可视区域左边界对齐
pos.left = Math.max(visibleRect.right - size.width, visibleRect.left);
- }
+ } // Top edge outside viewport, try to move it.
+
- // Top edge outside viewport, try to move it.
if (overflow.adjustY && pos.top < visibleRect.top) {
pos.top = visibleRect.top;
- }
+ } // Top edge inside and bottom edge outside viewport, try to resize it.
+
- // Top edge inside and bottom edge outside viewport, try to resize it.
if (overflow.resizeHeight && pos.top >= visibleRect.top && pos.top + size.height > visibleRect.bottom) {
size.height -= pos.top + size.height - visibleRect.bottom;
- }
+ } // Bottom edge outside viewport, try to move it.
+
- // Bottom edge outside viewport, try to move it.
if (overflow.adjustY && pos.top + size.height > visibleRect.bottom) {
// 保证上边界和可视区域上边界对齐
pos.top = Math.max(visibleRect.bottom - size.height, visibleRect.top);
}
- return _utils2['default'].mix(pos, size);
+ return utils.mix(pos, size);
}
- exports['default'] = adjustForViewport;
- module.exports = exports['default'];
-
-/***/ }),
-/* 60 */
-/***/ (function(module, exports, __webpack_require__) {
-
- 'use strict';
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _utils = __webpack_require__(54);
-
- var _utils2 = _interopRequireDefault(_utils);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
-
function getRegion(node) {
- var offset = void 0;
- var w = void 0;
- var h = void 0;
- if (!_utils2['default'].isWindow(node) && node.nodeType !== 9) {
- offset = _utils2['default'].offset(node);
- w = _utils2['default'].outerWidth(node);
- h = _utils2['default'].outerHeight(node);
+ var offset;
+ var w;
+ var h;
+
+ if (!utils.isWindow(node) && node.nodeType !== 9) {
+ offset = utils.offset(node);
+ w = utils.outerWidth(node);
+ h = utils.outerHeight(node);
} else {
- var win = _utils2['default'].getWindow(node);
+ var win = utils.getWindow(node);
offset = {
- left: _utils2['default'].getWindowScrollLeft(win),
- top: _utils2['default'].getWindowScrollTop(win)
+ left: utils.getWindowScrollLeft(win),
+ top: utils.getWindowScrollTop(win)
};
- w = _utils2['default'].viewportWidth(win);
- h = _utils2['default'].viewportHeight(win);
+ w = utils.viewportWidth(win);
+ h = utils.viewportHeight(win);
}
+
offset.width = w;
offset.height = h;
return offset;
}
- exports['default'] = getRegion;
- module.exports = exports['default'];
-
-/***/ }),
-/* 61 */
-/***/ (function(module, exports, __webpack_require__) {
-
- 'use strict';
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _getAlignOffset = __webpack_require__(62);
-
- var _getAlignOffset2 = _interopRequireDefault(_getAlignOffset);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
-
- function getElFuturePos(elRegion, refNodeRegion, points, offset, targetOffset) {
- var p1 = (0, _getAlignOffset2['default'])(refNodeRegion, points[1]);
- var p2 = (0, _getAlignOffset2['default'])(elRegion, points[0]);
- var diff = [p2.left - p1.left, p2.top - p1.top];
-
- return {
- left: Math.round(elRegion.left - diff[0] + offset[0] - targetOffset[0]),
- top: Math.round(elRegion.top - diff[1] + offset[1] - targetOffset[1])
- };
- }
-
- exports['default'] = getElFuturePos;
- module.exports = exports['default'];
-
-/***/ }),
-/* 62 */
-/***/ (function(module, exports) {
-
- 'use strict';
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
/**
* 获取 node 上的 align 对齐点 相对于页面的坐标
*/
-
function getAlignOffset(region, align) {
var V = align.charAt(0);
var H = align.charAt(1);
var w = region.width;
var h = region.height;
-
var x = region.left;
var y = region.top;
@@ -5922,47 +5527,286 @@
};
}
- exports['default'] = getAlignOffset;
- module.exports = exports['default'];
-
-/***/ }),
-/* 63 */
-/***/ (function(module, exports, __webpack_require__) {
-
- 'use strict';
+ function getElFuturePos(elRegion, refNodeRegion, points, offset, targetOffset) {
+ var p1 = getAlignOffset(refNodeRegion, points[1]);
+ var p2 = getAlignOffset(elRegion, points[0]);
+ var diff = [p2.left - p1.left, p2.top - p1.top];
+ return {
+ left: Math.round(elRegion.left - diff[0] + offset[0] - targetOffset[0]),
+ top: Math.round(elRegion.top - diff[1] + offset[1] - targetOffset[1])
+ };
+ }
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
+ /**
+ * align dom node flexibly
+ * @author yiminghe@gmail.com
+ */
- var _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; };
+ function isFailX(elFuturePos, elRegion, visibleRect) {
+ return elFuturePos.left < visibleRect.left || elFuturePos.left + elRegion.width > visibleRect.right;
+ }
- var _utils = __webpack_require__(54);
+ function isFailY(elFuturePos, elRegion, visibleRect) {
+ return elFuturePos.top < visibleRect.top || elFuturePos.top + elRegion.height > visibleRect.bottom;
+ }
- var _utils2 = _interopRequireDefault(_utils);
+ function isCompleteFailX(elFuturePos, elRegion, visibleRect) {
+ return elFuturePos.left > visibleRect.right || elFuturePos.left + elRegion.width < visibleRect.left;
+ }
- var _align = __webpack_require__(53);
+ function isCompleteFailY(elFuturePos, elRegion, visibleRect) {
+ return elFuturePos.top > visibleRect.bottom || elFuturePos.top + elRegion.height < visibleRect.top;
+ }
- var _align2 = _interopRequireDefault(_align);
+ function flip(points, reg, map) {
+ var ret = [];
+ utils.each(points, function (p) {
+ ret.push(p.replace(reg, function (m) {
+ return map[m];
+ }));
+ });
+ return ret;
+ }
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+ function flipOffset(offset, index) {
+ offset[index] = -offset[index];
+ return offset;
+ }
+ function convertOffset(str, offsetLen) {
+ var n;
+
+ if (/%$/.test(str)) {
+ n = parseInt(str.substring(0, str.length - 1), 10) / 100 * offsetLen;
+ } else {
+ n = parseInt(str, 10);
+ }
+
+ return n || 0;
+ }
+
+ function normalizeOffset(offset, el) {
+ offset[0] = convertOffset(offset[0], el.width);
+ offset[1] = convertOffset(offset[1], el.height);
+ }
+ /**
+ * @param el
+ * @param tgtRegion 参照节点所占的区域: { left, top, width, height }
+ * @param align
+ */
+
+
+ function doAlign(el, tgtRegion, align, isTgtRegionVisible) {
+ var points = align.points;
+ var offset = align.offset || [0, 0];
+ var targetOffset = align.targetOffset || [0, 0];
+ var overflow = align.overflow;
+ var source = align.source || el;
+ offset = [].concat(offset);
+ targetOffset = [].concat(targetOffset);
+ overflow = overflow || {};
+ var newOverflowCfg = {};
+ var fail = 0; // 当前节点可以被放置的显示区域
+
+ var visibleRect = getVisibleRectForElement(source); // 当前节点所占的区域, left/top/width/height
+
+ var elRegion = getRegion(source); // 将 offset 转换成数值，支持百分比
+
+ normalizeOffset(offset, elRegion);
+ normalizeOffset(targetOffset, tgtRegion); // 当前节点将要被放置的位置
+
+ var elFuturePos = getElFuturePos(elRegion, tgtRegion, points, offset, targetOffset); // 当前节点将要所处的区域
+
+ var newElRegion = utils.merge(elRegion, elFuturePos); // 如果可视区域不能完全放置当前节点时允许调整
+
+ if (visibleRect && (overflow.adjustX || overflow.adjustY) && isTgtRegionVisible) {
+ if (overflow.adjustX) {
+ // 如果横向不能放下
+ if (isFailX(elFuturePos, elRegion, visibleRect)) {
+ // 对齐位置反下
+ var newPoints = flip(points, /[lr]/gi, {
+ l: 'r',
+ r: 'l'
+ }); // 偏移量也反下
+
+ var newOffset = flipOffset(offset, 0);
+ var newTargetOffset = flipOffset(targetOffset, 0);
+ var newElFuturePos = getElFuturePos(elRegion, tgtRegion, newPoints, newOffset, newTargetOffset);
+
+ if (!isCompleteFailX(newElFuturePos, elRegion, visibleRect)) {
+ fail = 1;
+ points = newPoints;
+ offset = newOffset;
+ targetOffset = newTargetOffset;
+ }
+ }
+ }
+
+ if (overflow.adjustY) {
+ // 如果纵向不能放下
+ if (isFailY(elFuturePos, elRegion, visibleRect)) {
+ // 对齐位置反下
+ var _newPoints = flip(points, /[tb]/gi, {
+ t: 'b',
+ b: 't'
+ }); // 偏移量也反下
+
+
+ var _newOffset = flipOffset(offset, 1);
+
+ var _newTargetOffset = flipOffset(targetOffset, 1);
+
+ var _newElFuturePos = getElFuturePos(elRegion, tgtRegion, _newPoints, _newOffset, _newTargetOffset);
+
+ if (!isCompleteFailY(_newElFuturePos, elRegion, visibleRect)) {
+ fail = 1;
+ points = _newPoints;
+ offset = _newOffset;
+ targetOffset = _newTargetOffset;
+ }
+ }
+ } // 如果失败，重新计算当前节点将要被放置的位置
+
+
+ if (fail) {
+ elFuturePos = getElFuturePos(elRegion, tgtRegion, points, offset, targetOffset);
+ utils.mix(newElRegion, elFuturePos);
+ }
+
+ var isStillFailX = isFailX(elFuturePos, elRegion, visibleRect);
+ var isStillFailY = isFailY(elFuturePos, elRegion, visibleRect); // 检查反下后的位置是否可以放下了，如果仍然放不下：
+ // 1. 复原修改过的定位参数
+
+ if (isStillFailX || isStillFailY) {
+ points = align.points;
+ offset = align.offset || [0, 0];
+ targetOffset = align.targetOffset || [0, 0];
+ } // 2. 只有指定了可以调整当前方向才调整
+
+
+ newOverflowCfg.adjustX = overflow.adjustX && isStillFailX;
+ newOverflowCfg.adjustY = overflow.adjustY && isStillFailY; // 确实要调整，甚至可能会调整高度宽度
+
+ if (newOverflowCfg.adjustX || newOverflowCfg.adjustY) {
+ newElRegion = adjustForViewport(elFuturePos, elRegion, visibleRect, newOverflowCfg);
+ }
+ } // need judge to in case set fixed with in css on height auto element
+
+
+ if (newElRegion.width !== elRegion.width) {
+ utils.css(source, 'width', utils.width(source) + newElRegion.width - elRegion.width);
+ }
+
+ if (newElRegion.height !== elRegion.height) {
+ utils.css(source, 'height', utils.height(source) + newElRegion.height - elRegion.height);
+ } // https://github.com/kissyteam/kissy/issues/190
+ // 相对于屏幕位置没变，而 left/top 变了
+ // 例如
+
+
+ utils.offset(source, {
+ left: newElRegion.left,
+ top: newElRegion.top
+ }, {
+ useCssRight: align.useCssRight,
+ useCssBottom: align.useCssBottom,
+ useCssTransform: align.useCssTransform,
+ ignoreShake: align.ignoreShake
+ });
+ return {
+ points: points,
+ offset: offset,
+ targetOffset: targetOffset,
+ overflow: newOverflowCfg
+ };
+ }
+ /**
+ * 2012-04-26 yiminghe@gmail.com
+ * - 优化智能对齐算法
+ * - 慎用 resizeXX
+ *
+ * 2011-07-13 yiminghe@gmail.com note:
+ * - 增加智能对齐，以及大小调整选项
+ **/
+
+ function isOutOfVisibleRect(target) {
+ var visibleRect = getVisibleRectForElement(target);
+ var targetRegion = getRegion(target);
+ return !visibleRect || targetRegion.left + targetRegion.width <= visibleRect.left || targetRegion.top + targetRegion.height <= visibleRect.top || targetRegion.left >= visibleRect.right || targetRegion.top >= visibleRect.bottom;
+ }
+
+ function alignElement(el, refNode, align) {
+ var target = align.target || refNode;
+ var refNodeRegion = getRegion(target);
+ var isTargetNotOutOfVisible = !isOutOfVisibleRect(target);
+ return doAlign(el, refNodeRegion, align, isTargetNotOutOfVisible);
+ }
+
+ alignElement.__getOffsetParent = getOffsetParent;
+ alignElement.__getVisibleRectForElement = getVisibleRectForElement;
+
+ function ownKeys(object, enumerableOnly) {
+ var keys = Object.keys(object);
+
+ if (Object.getOwnPropertySymbols) {
+ var symbols = Object.getOwnPropertySymbols(object);
+ if (enumerableOnly) symbols = symbols.filter(function (sym) {
+ return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+ });
+ keys.push.apply(keys, symbols);
+ }
+
+ return keys;
+ }
+
+ function _objectSpread(target) {
+ for (var i = 1; i < arguments.length; i++) {
+ var source = arguments[i] != null ? arguments[i] : {};
+
+ if (i % 2) {
+ ownKeys(source, true).forEach(function (key) {
+ _defineProperty(target, key, source[key]);
+ });
+ } else if (Object.getOwnPropertyDescriptors) {
+ Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+ } else {
+ ownKeys(source).forEach(function (key) {
+ Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+ });
+ }
+ }
+
+ return target;
+ }
+
+ function _defineProperty(obj, key, value) {
+ if (key in obj) {
+ Object.defineProperty(obj, key, {
+ value: value,
+ enumerable: true,
+ configurable: true,
+ writable: true
+ });
+ } else {
+ obj[key] = value;
+ }
+
+ return obj;
+ }
/**
* `tgtPoint`: { pageX, pageY } or { clientX, clientY }.
* If client position provided, will internal convert to page position.
*/
function alignPoint(el, tgtPoint, align) {
- var pageX = void 0;
- var pageY = void 0;
-
- var doc = _utils2['default'].getDocument(el);
+ var pageX;
+ var pageY;
+ var doc = utils.getDocument(el);
var win = doc.defaultView || doc.parentWindow;
-
- var scrollX = _utils2['default'].getWindowScrollLeft(win);
- var scrollY = _utils2['default'].getWindowScrollTop(win);
- var viewportWidth = _utils2['default'].viewportWidth(win);
- var viewportHeight = _utils2['default'].viewportHeight(win);
+ var scrollX = utils.getWindowScrollLeft(win);
+ var scrollY = utils.getWindowScrollTop(win);
+ var viewportWidth = utils.viewportWidth(win);
+ var viewportHeight = utils.viewportHeight(win);
if ('pageX' in tgtPoint) {
pageX = tgtPoint.pageX;
@@ -5982,20 +5826,22 @@
width: 0,
height: 0
};
+ var pointInView = pageX >= 0 && pageX <= scrollX + viewportWidth && pageY >= 0 && pageY <= scrollY + viewportHeight; // Provide default target point
- var pointInView = pageX >= 0 && pageX <= scrollX + viewportWidth && pageY >= 0 && pageY <= scrollY + viewportHeight;
-
- // Provide default target point
var points = [align.points[0], 'cc'];
-
- return (0, _align2['default'])(el, tgtRegion, _extends({}, align, { points: points }), pointInView);
+ return doAlign(el, tgtRegion, _objectSpread({}, align, {
+ points: points
+ }), pointInView);
}
- exports['default'] = alignPoint;
- module.exports = exports['default'];
+ exports.alignElement = alignElement;
+ exports.alignPoint = alignPoint;
+ exports.default = alignElement;
+ //# sourceMappingURL=index.js.map
+
/***/ }),
-/* 64 */
+/* 52 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -6116,7 +5962,7 @@
module.exports = exports['default'];
/***/ }),
-/* 65 */
+/* 53 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -6125,7 +5971,7 @@
value: true
});
- var _Message = __webpack_require__(66);
+ var _Message = __webpack_require__(54);
var _Message2 = _interopRequireDefault(_Message);
@@ -6135,7 +5981,7 @@
module.exports = exports['default'];
/***/ }),
-/* 66 */
+/* 54 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -6150,7 +5996,7 @@
var _react2 = _interopRequireDefault(_react);
- var _beeNotification = __webpack_require__(67);
+ var _beeNotification = __webpack_require__(55);
var _beeNotification2 = _interopRequireDefault(_beeNotification);
@@ -6293,7 +6139,7 @@
});
}
- function notice(content, duration_arg, type, onClose, position, style, keyboard, onEscapeKeyUp, showIcon) {
+ function notice(content, duration_arg, type, onClose, position, style, keyboard, onEscapeKeyUp, showIcon, icon) {
if (positionType.findIndex(function (item) {
return item === position;
}) < 0) {
@@ -6332,7 +6178,7 @@
showIcon ? _react2["default"].createElement(
'div',
{ className: clsPrefix + '-notice-description-icon' },
- _react2["default"].createElement('i', { className: (0, _classnames2["default"])(iconType) })
+ icon ? _react2["default"].createElement('i', { className: (0, _classnames2["default"])('' + icon) }) : _react2["default"].createElement('i', { className: (0, _classnames2["default"])(iconType) })
) : null,
_react2["default"].createElement(
'div',
@@ -6365,8 +6211,9 @@
var onClose = obj.onClose || noop;
var position = obj.position || "top";
var style = obj.style || {};
- var showIcon = obj.showIcon || true;
- return notice(content, duration, color, onClose, position, style, obj.keyboard, obj.onEscapeKeyUp, showIcon);
+ var showIcon = obj.hasOwnProperty('showIcon') ? obj.showIcon : true;
+ var icon = obj.hasOwnProperty('icon') ? obj.icon : false;
+ return notice(content, duration, color, onClose, position, style, obj.keyboard, obj.onEscapeKeyUp, showIcon, icon);
},
config: function config(options) {
if (options.top !== undefined) {
@@ -6409,7 +6256,7 @@
module.exports = exports['default'];
/***/ }),
-/* 67 */
+/* 55 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -6418,7 +6265,7 @@
value: true
});
- var _Notification = __webpack_require__(68);
+ var _Notification = __webpack_require__(56);
var _Notification2 = _interopRequireDefault(_Notification);
@@ -6428,7 +6275,7 @@
module.exports = exports['default'];
/***/ }),
-/* 68 */
+/* 56 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -6451,7 +6298,7 @@
var _reactDom2 = _interopRequireDefault(_reactDom);
- var _beeAnimate = __webpack_require__(69);
+ var _beeAnimate = __webpack_require__(57);
var _beeAnimate2 = _interopRequireDefault(_beeAnimate);
@@ -6459,11 +6306,11 @@
var _createChainedFunction2 = _interopRequireDefault(_createChainedFunction);
- var _ownerDocument = __webpack_require__(74);
+ var _ownerDocument = __webpack_require__(62);
var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
- var _addEventListener = __webpack_require__(76);
+ var _addEventListener = __webpack_require__(64);
var _addEventListener2 = _interopRequireDefault(_addEventListener);
@@ -6471,7 +6318,7 @@
var _classnames2 = _interopRequireDefault(_classnames);
- var _Notice = __webpack_require__(78);
+ var _Notice = __webpack_require__(66);
var _Notice2 = _interopRequireDefault(_Notice);
@@ -6674,7 +6521,7 @@
module.exports = exports['default'];
/***/ }),
-/* 69 */
+/* 57 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -6683,7 +6530,7 @@
value: true
});
- var _Animate = __webpack_require__(70);
+ var _Animate = __webpack_require__(58);
var _Animate2 = _interopRequireDefault(_Animate);
@@ -6693,7 +6540,7 @@
module.exports = exports['default'];
/***/ }),
-/* 70 */
+/* 58 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -6710,13 +6557,13 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _ChildrenUtils = __webpack_require__(71);
+ var _ChildrenUtils = __webpack_require__(59);
- var _AnimateChild = __webpack_require__(72);
+ var _AnimateChild = __webpack_require__(60);
var _AnimateChild2 = _interopRequireDefault(_AnimateChild);
- var _util = __webpack_require__(73);
+ var _util = __webpack_require__(61);
var _util2 = _interopRequireDefault(_util);
@@ -7073,7 +6920,7 @@
module.exports = exports['default'];
/***/ }),
-/* 71 */
+/* 59 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -7195,7 +7042,7 @@
}
/***/ }),
-/* 72 */
+/* 60 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -7220,7 +7067,7 @@
var _tinperBeeCore = __webpack_require__(27);
- var _util = __webpack_require__(73);
+ var _util = __webpack_require__(61);
var _util2 = _interopRequireDefault(_util);
@@ -7338,7 +7185,7 @@
module.exports = exports['default'];
/***/ }),
-/* 73 */
+/* 61 */
/***/ (function(module, exports) {
"use strict";
@@ -7370,7 +7217,7 @@
module.exports = exports["default"];
/***/ }),
-/* 74 */
+/* 62 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -7387,7 +7234,7 @@
var _reactDom2 = _interopRequireDefault(_reactDom);
- var _ownerDocument = __webpack_require__(75);
+ var _ownerDocument = __webpack_require__(63);
var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
@@ -7396,7 +7243,7 @@
module.exports = exports['default'];
/***/ }),
-/* 75 */
+/* 63 */
/***/ (function(module, exports) {
"use strict";
@@ -7411,7 +7258,7 @@
module.exports = exports["default"];
/***/ }),
-/* 76 */
+/* 64 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -7434,7 +7281,7 @@
var _on2 = _interopRequireDefault(_on);
- var _off = __webpack_require__(77);
+ var _off = __webpack_require__(65);
var _off2 = _interopRequireDefault(_off);
@@ -7443,7 +7290,7 @@
module.exports = exports['default'];
/***/ }),
-/* 77 */
+/* 65 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -7472,7 +7319,7 @@
module.exports = exports["default"];
/***/ }),
-/* 78 */
+/* 66 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -7493,7 +7340,7 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _beeIcon = __webpack_require__(79);
+ var _beeIcon = __webpack_require__(67);
var _beeIcon2 = _interopRequireDefault(_beeIcon);
@@ -7623,7 +7470,7 @@
module.exports = exports['default'];
/***/ }),
-/* 79 */
+/* 67 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -7632,7 +7479,7 @@
value: true
});
- var _Icon = __webpack_require__(80);
+ var _Icon = __webpack_require__(68);
var _Icon2 = _interopRequireDefault(_Icon);
@@ -7642,7 +7489,7 @@
module.exports = exports['default'];
/***/ }),
-/* 80 */
+/* 68 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -7721,12 +7568,12 @@
module.exports = exports['default'];
/***/ }),
-/* 81 */
+/* 69 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
- var deselectCurrent = __webpack_require__(82);
+ var deselectCurrent = __webpack_require__(70);
var defaultMessage = "Copy to clipboard: #{key}, Enter";
@@ -7821,7 +7668,7 @@
/***/ }),
-/* 82 */
+/* 70 */
/***/ (function(module, exports) {
@@ -7866,7 +7713,7 @@
/***/ }),
-/* 83 */
+/* 71 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -8013,7 +7860,7 @@
module.exports = exports['default'];
/***/ }),
-/* 84 */
+/* 72 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -8022,7 +7869,7 @@
value: true
});
- var _Drawer = __webpack_require__(85);
+ var _Drawer = __webpack_require__(73);
var _Drawer2 = _interopRequireDefault(_Drawer);
@@ -8032,7 +7879,7 @@
module.exports = exports['default'];
/***/ }),
-/* 85 */
+/* 73 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -8057,9 +7904,9 @@
var _classnames2 = _interopRequireDefault(_classnames);
- var _common = __webpack_require__(86);
+ var _common = __webpack_require__(74);
- var _reactTransitionGroup = __webpack_require__(87);
+ var _reactTransitionGroup = __webpack_require__(75);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -8335,7 +8182,7 @@
module.exports = exports['default'];
/***/ }),
-/* 86 */
+/* 74 */
/***/ (function(module, exports) {
'use strict';
@@ -8362,18 +8209,18 @@
}
/***/ }),
-/* 87 */
+/* 75 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
- var _CSSTransition = _interopRequireDefault(__webpack_require__(88));
+ var _CSSTransition = _interopRequireDefault(__webpack_require__(76));
- var _ReplaceTransition = _interopRequireDefault(__webpack_require__(95));
+ var _ReplaceTransition = _interopRequireDefault(__webpack_require__(83));
- var _TransitionGroup = _interopRequireDefault(__webpack_require__(96));
+ var _TransitionGroup = _interopRequireDefault(__webpack_require__(84));
- var _Transition = _interopRequireDefault(__webpack_require__(92));
+ var _Transition = _interopRequireDefault(__webpack_require__(80));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -8385,7 +8232,7 @@
};
/***/ }),
-/* 88 */
+/* 76 */
/***/ (function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(process) {"use strict";
@@ -8395,15 +8242,15 @@
var PropTypes = _interopRequireWildcard(__webpack_require__(6));
- var _addClass = _interopRequireDefault(__webpack_require__(89));
+ var _addClass = _interopRequireDefault(__webpack_require__(77));
- var _removeClass = _interopRequireDefault(__webpack_require__(91));
+ var _removeClass = _interopRequireDefault(__webpack_require__(79));
var _react = _interopRequireDefault(__webpack_require__(1));
- var _Transition = _interopRequireDefault(__webpack_require__(92));
+ var _Transition = _interopRequireDefault(__webpack_require__(80));
- var _PropTypes = __webpack_require__(94);
+ var _PropTypes = __webpack_require__(82);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -8755,7 +8602,7 @@
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(33)))
/***/ }),
-/* 89 */
+/* 77 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -8765,7 +8612,7 @@
exports.__esModule = true;
exports.default = addClass;
- var _hasClass = _interopRequireDefault(__webpack_require__(90));
+ var _hasClass = _interopRequireDefault(__webpack_require__(78));
function addClass(element, className) {
if (element.classList) element.classList.add(className);else if (!(0, _hasClass.default)(element, className)) if (typeof element.className === 'string') element.className = element.className + ' ' + className;else element.setAttribute('class', (element.className && element.className.baseVal || '') + ' ' + className);
@@ -8774,7 +8621,7 @@
module.exports = exports["default"];
/***/ }),
-/* 90 */
+/* 78 */
/***/ (function(module, exports) {
"use strict";
@@ -8789,7 +8636,7 @@
module.exports = exports["default"];
/***/ }),
-/* 91 */
+/* 79 */
/***/ (function(module, exports) {
'use strict';
@@ -8803,7 +8650,7 @@
};
/***/ }),
-/* 92 */
+/* 80 */
/***/ (function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(process) {"use strict";
@@ -8817,9 +8664,9 @@
var _reactDom = _interopRequireDefault(__webpack_require__(2));
- var _reactLifecyclesCompat = __webpack_require__(93);
+ var _reactLifecyclesCompat = __webpack_require__(81);
- var _PropTypes = __webpack_require__(94);
+ var _PropTypes = __webpack_require__(82);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -9418,7 +9265,7 @@
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(33)))
/***/ }),
-/* 93 */
+/* 81 */
/***/ (function(module, exports) {
'use strict';
@@ -9586,7 +9433,7 @@
/***/ }),
-/* 94 */
+/* 82 */
/***/ (function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(process) {"use strict";
@@ -9620,7 +9467,7 @@
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(33)))
/***/ }),
-/* 95 */
+/* 83 */
/***/ (function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(process) {"use strict";
@@ -9634,7 +9481,7 @@
var _reactDom = __webpack_require__(2);
- var _TransitionGroup = _interopRequireDefault(__webpack_require__(96));
+ var _TransitionGroup = _interopRequireDefault(__webpack_require__(84));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -9776,7 +9623,7 @@
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(33)))
/***/ }),
-/* 96 */
+/* 84 */
/***/ (function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(process) {"use strict";
@@ -9788,9 +9635,9 @@
var _react = _interopRequireDefault(__webpack_require__(1));
- var _reactLifecyclesCompat = __webpack_require__(93);
+ var _reactLifecyclesCompat = __webpack_require__(81);
- var _ChildMapping = __webpack_require__(97);
+ var _ChildMapping = __webpack_require__(85);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -9990,7 +9837,7 @@
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(33)))
/***/ }),
-/* 97 */
+/* 85 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -10145,7 +9992,7 @@
}
/***/ }),
-/* 98 */
+/* 86 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -10154,7 +10001,7 @@
value: true
});
- var _Clipboard = __webpack_require__(99);
+ var _Clipboard = __webpack_require__(87);
var _Clipboard2 = _interopRequireDefault(_Clipboard);
@@ -10164,7 +10011,7 @@
module.exports = exports['default'];
/***/ }),
-/* 99 */
+/* 87 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -10177,7 +10024,7 @@
var _react2 = _interopRequireDefault(_react);
- var _clipboard = __webpack_require__(100);
+ var _clipboard = __webpack_require__(88);
var _clipboard2 = _interopRequireDefault(_clipboard);
@@ -10185,7 +10032,7 @@
var _classnames2 = _interopRequireDefault(_classnames);
- var _beeIcon = __webpack_require__(79);
+ var _beeIcon = __webpack_require__(67);
var _beeIcon2 = _interopRequireDefault(_beeIcon);
@@ -10193,7 +10040,7 @@
var _reactDom2 = _interopRequireDefault(_reactDom);
- var _beeTooltip = __webpack_require__(108);
+ var _beeTooltip = __webpack_require__(96);
var _beeTooltip2 = _interopRequireDefault(_beeTooltip);
@@ -10201,13 +10048,13 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _tool = __webpack_require__(132);
+ var _tool = __webpack_require__(120);
- var _i18n = __webpack_require__(133);
+ var _i18n = __webpack_require__(121);
var _i18n2 = _interopRequireDefault(_i18n);
- var _beeModal = __webpack_require__(134);
+ var _beeModal = __webpack_require__(122);
var _beeModal2 = _interopRequireDefault(_beeModal);
@@ -10387,12 +10234,12 @@
module.exports = exports['default'];
/***/ }),
-/* 100 */
+/* 88 */
/***/ (function(module, exports, __webpack_require__) {
var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {
if (true) {
- !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, __webpack_require__(101), __webpack_require__(103), __webpack_require__(104)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
+ !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, __webpack_require__(89), __webpack_require__(91), __webpack_require__(92)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
} else if (typeof exports !== "undefined") {
factory(module, require('./clipboard-action'), require('tiny-emitter'), require('good-listener'));
} else {
@@ -10599,12 +10446,12 @@
});
/***/ }),
-/* 101 */
+/* 89 */
/***/ (function(module, exports, __webpack_require__) {
var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {
if (true) {
- !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, __webpack_require__(102)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
+ !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, __webpack_require__(90)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
} else if (typeof exports !== "undefined") {
factory(module, require('select'));
} else {
@@ -10833,7 +10680,7 @@
});
/***/ }),
-/* 102 */
+/* 90 */
/***/ (function(module, exports) {
function select(element) {
@@ -10882,7 +10729,7 @@
/***/ }),
-/* 103 */
+/* 91 */
/***/ (function(module, exports) {
function E () {
@@ -10955,11 +10802,11 @@
/***/ }),
-/* 104 */
+/* 92 */
/***/ (function(module, exports, __webpack_require__) {
- var is = __webpack_require__(105);
- var delegate = __webpack_require__(106);
+ var is = __webpack_require__(93);
+ var delegate = __webpack_require__(94);
/**
* Validates all params and calls the right
@@ -11056,7 +10903,7 @@
/***/ }),
-/* 105 */
+/* 93 */
/***/ (function(module, exports) {
/**
@@ -11111,10 +10958,10 @@
/***/ }),
-/* 106 */
+/* 94 */
/***/ (function(module, exports, __webpack_require__) {
- var closest = __webpack_require__(107);
+ var closest = __webpack_require__(95);
/**
* Delegates event to a selector.
@@ -11195,7 +11042,7 @@
/***/ }),
-/* 107 */
+/* 95 */
/***/ (function(module, exports) {
var DOCUMENT_NODE_TYPE = 9;
@@ -11234,7 +11081,7 @@
/***/ }),
-/* 108 */
+/* 96 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -11243,7 +11090,7 @@
value: true
});
- var _Tooltip = __webpack_require__(109);
+ var _Tooltip = __webpack_require__(97);
var _Tooltip2 = _interopRequireDefault(_Tooltip);
@@ -11253,7 +11100,7 @@
module.exports = exports['default'];
/***/ }),
-/* 109 */
+/* 97 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -11276,7 +11123,7 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _OverlayTrigger = __webpack_require__(110);
+ var _OverlayTrigger = __webpack_require__(98);
var _OverlayTrigger2 = _interopRequireDefault(_OverlayTrigger);
@@ -11501,7 +11348,7 @@
module.exports = exports['default'];
/***/ }),
-/* 110 */
+/* 98 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -11512,7 +11359,7 @@
var _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; };
- var _contains = __webpack_require__(111);
+ var _contains = __webpack_require__(99);
var _contains2 = _interopRequireDefault(_contains);
@@ -11532,15 +11379,15 @@
var _warning2 = _interopRequireDefault(_warning);
- var _Portal = __webpack_require__(112);
+ var _Portal = __webpack_require__(100);
var _Portal2 = _interopRequireDefault(_Portal);
- var _Overlay = __webpack_require__(114);
+ var _Overlay = __webpack_require__(102);
var _Overlay2 = _interopRequireDefault(_Overlay);
- var _createChainedFunction = __webpack_require__(131);
+ var _createChainedFunction = __webpack_require__(119);
var _createChainedFunction2 = _interopRequireDefault(_createChainedFunction);
@@ -11892,7 +11739,7 @@
module.exports = exports['default'];
/***/ }),
-/* 111 */
+/* 99 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -11930,7 +11777,7 @@
module.exports = exports["default"];
/***/ }),
-/* 112 */
+/* 100 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -11951,11 +11798,11 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _ownerDocument = __webpack_require__(74);
+ var _ownerDocument = __webpack_require__(62);
var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
- var _getContainer = __webpack_require__(113);
+ var _getContainer = __webpack_require__(101);
var _getContainer2 = _interopRequireDefault(_getContainer);
@@ -11975,16 +11822,16 @@
var createPortal = isReact16 ? _reactDom2["default"].createPortal : _reactDom2["default"].unstable_renderSubtreeIntoContainer;
var propTypes = {
- /**
- * 存放子组件的容器
+ /**
+ * 存放子组件的容器
*/
container: _propTypes2["default"].oneOfType([_tinperBeeCore.componentOrElement, _propTypes2["default"].func])
};
var defaultProps = {};
- /**
- * Portal组件是将子组件渲染
+ /**
+ * Portal组件是将子组件渲染
*/
var Portal = function (_Component) {
@@ -12062,8 +11909,8 @@
return null;
};
- /**
- * 如果要添加的子组件不存在，就将div添加到要添加容器的DOM中；
+ /**
+ * 如果要添加的子组件不存在，就将div添加到要添加容器的DOM中；
*/
Portal.prototype.mountOverlayTarget = function mountOverlayTarget() {
@@ -12073,8 +11920,8 @@
this.portalContainerNode.appendChild(this.overlayTarget);
}
};
- /**
- * 将要添加的子元素从容器中移除，并把变量置为null
+ /**
+ * 将要添加的子元素从容器中移除，并把变量置为null
*/
@@ -12085,8 +11932,8 @@
}
this.portalContainerNode = null;
};
- /**
- * 手动渲染_overlayTarget
+ /**
+ * 手动渲染_overlayTarget
*/
@@ -12104,8 +11951,8 @@
this.unmountOverlayTarget();
}
};
- /**
- * 销毁_overlayTarget组件。并把_overlayInstance置为null
+ /**
+ * 销毁_overlayTarget组件。并把_overlayInstance置为null
*/
@@ -12138,7 +11985,7 @@
module.exports = exports['default'];
/***/ }),
-/* 113 */
+/* 101 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -12154,11 +12001,11 @@
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
- /**
- * 获取容器组件
- * @param {[type]} container [description]
- * @param {[type]} defaultContainer [description]
- * @return {[type]} [description]
+ /**
+ * 获取容器组件
+ * @param {[type]} container [description]
+ * @param {[type]} defaultContainer [description]
+ * @return {[type]} [description]
*/
function getContainer(container, defaultContainer) {
container = typeof container === 'function' ? container() : container;
@@ -12167,7 +12014,7 @@
module.exports = exports['default'];
/***/ }),
-/* 114 */
+/* 102 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -12190,13 +12037,13 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _BaseOverlay = __webpack_require__(115);
+ var _BaseOverlay = __webpack_require__(103);
var _BaseOverlay2 = _interopRequireDefault(_BaseOverlay);
var _tinperBeeCore = __webpack_require__(27);
- var _Fade = __webpack_require__(129);
+ var _Fade = __webpack_require__(117);
var _Fade2 = _interopRequireDefault(_Fade);
@@ -12327,7 +12174,7 @@
module.exports = exports['default'];
/***/ }),
-/* 115 */
+/* 103 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -12350,15 +12197,15 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _Portal = __webpack_require__(112);
+ var _Portal = __webpack_require__(100);
var _Portal2 = _interopRequireDefault(_Portal);
- var _Position = __webpack_require__(116);
+ var _Position = __webpack_require__(104);
var _Position2 = _interopRequireDefault(_Position);
- var _RootCloseWrapper = __webpack_require__(128);
+ var _RootCloseWrapper = __webpack_require__(116);
var _RootCloseWrapper2 = _interopRequireDefault(_RootCloseWrapper);
@@ -12585,7 +12432,7 @@
module.exports = exports['default'];
/***/ }),
-/* 116 */
+/* 104 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -12614,27 +12461,27 @@
var _tinperBeeCore = __webpack_require__(27);
- var _requestAnimationFrame = __webpack_require__(117);
+ var _requestAnimationFrame = __webpack_require__(105);
var _requestAnimationFrame2 = _interopRequireDefault(_requestAnimationFrame);
- var _calculatePosition = __webpack_require__(118);
+ var _calculatePosition = __webpack_require__(106);
var _calculatePosition2 = _interopRequireDefault(_calculatePosition);
- var _getContainer = __webpack_require__(113);
+ var _getContainer = __webpack_require__(101);
var _getContainer2 = _interopRequireDefault(_getContainer);
- var _ownerDocument = __webpack_require__(74);
+ var _ownerDocument = __webpack_require__(62);
var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
- var _ownerWindow = __webpack_require__(126);
+ var _ownerWindow = __webpack_require__(114);
var _ownerWindow2 = _interopRequireDefault(_ownerWindow);
- var _addEventListener = __webpack_require__(76);
+ var _addEventListener = __webpack_require__(64);
var _addEventListener2 = _interopRequireDefault(_addEventListener);
@@ -12903,7 +12750,7 @@
module.exports = exports['default'];
/***/ }),
-/* 117 */
+/* 105 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -12962,7 +12809,7 @@
module.exports = exports["default"];
/***/ }),
-/* 118 */
+/* 106 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -12972,19 +12819,19 @@
});
exports["default"] = calculatePosition;
- var _offset = __webpack_require__(119);
+ var _offset = __webpack_require__(107);
var _offset2 = _interopRequireDefault(_offset);
- var _position = __webpack_require__(121);
+ var _position = __webpack_require__(109);
var _position2 = _interopRequireDefault(_position);
- var _scrollTop = __webpack_require__(124);
+ var _scrollTop = __webpack_require__(112);
var _scrollTop2 = _interopRequireDefault(_scrollTop);
- var _ownerDocument = __webpack_require__(74);
+ var _ownerDocument = __webpack_require__(62);
var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
@@ -13138,7 +12985,7 @@
module.exports = exports['default'];
/***/ }),
-/* 119 */
+/* 107 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -13148,11 +12995,11 @@
exports.__esModule = true;
exports.default = offset;
- var _contains = _interopRequireDefault(__webpack_require__(111));
+ var _contains = _interopRequireDefault(__webpack_require__(99));
- var _isWindow = _interopRequireDefault(__webpack_require__(120));
+ var _isWindow = _interopRequireDefault(__webpack_require__(108));
- var _ownerDocument = _interopRequireDefault(__webpack_require__(75));
+ var _ownerDocument = _interopRequireDefault(__webpack_require__(63));
function offset(node) {
var doc = (0, _ownerDocument.default)(node),
@@ -13181,7 +13028,7 @@
module.exports = exports["default"];
/***/ }),
-/* 120 */
+/* 108 */
/***/ (function(module, exports) {
"use strict";
@@ -13196,7 +13043,7 @@
module.exports = exports["default"];
/***/ }),
-/* 121 */
+/* 109 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -13206,15 +13053,15 @@
exports.__esModule = true;
exports.default = position;
- var _extends2 = _interopRequireDefault(__webpack_require__(122));
+ var _extends2 = _interopRequireDefault(__webpack_require__(110));
- var _offset = _interopRequireDefault(__webpack_require__(119));
+ var _offset = _interopRequireDefault(__webpack_require__(107));
- var _offsetParent = _interopRequireDefault(__webpack_require__(123));
+ var _offsetParent = _interopRequireDefault(__webpack_require__(111));
- var _scrollTop = _interopRequireDefault(__webpack_require__(124));
+ var _scrollTop = _interopRequireDefault(__webpack_require__(112));
- var _scrollLeft = _interopRequireDefault(__webpack_require__(125));
+ var _scrollLeft = _interopRequireDefault(__webpack_require__(113));
var _style = _interopRequireDefault(__webpack_require__(18));
@@ -13250,7 +13097,7 @@
module.exports = exports["default"];
/***/ }),
-/* 122 */
+/* 110 */
/***/ (function(module, exports) {
function _extends() {
@@ -13274,7 +13121,7 @@
module.exports = _extends;
/***/ }),
-/* 123 */
+/* 111 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -13284,7 +13131,7 @@
exports.__esModule = true;
exports.default = offsetParent;
- var _ownerDocument = _interopRequireDefault(__webpack_require__(75));
+ var _ownerDocument = _interopRequireDefault(__webpack_require__(63));
var _style = _interopRequireDefault(__webpack_require__(18));
@@ -13306,7 +13153,7 @@
module.exports = exports["default"];
/***/ }),
-/* 124 */
+/* 112 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -13316,7 +13163,7 @@
exports.__esModule = true;
exports.default = scrollTop;
- var _isWindow = _interopRequireDefault(__webpack_require__(120));
+ var _isWindow = _interopRequireDefault(__webpack_require__(108));
function scrollTop(node, val) {
var win = (0, _isWindow.default)(node);
@@ -13327,7 +13174,7 @@
module.exports = exports["default"];
/***/ }),
-/* 125 */
+/* 113 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -13337,7 +13184,7 @@
exports.__esModule = true;
exports.default = scrollTop;
- var _isWindow = _interopRequireDefault(__webpack_require__(120));
+ var _isWindow = _interopRequireDefault(__webpack_require__(108));
function scrollTop(node, val) {
var win = (0, _isWindow.default)(node);
@@ -13348,7 +13195,7 @@
module.exports = exports["default"];
/***/ }),
-/* 126 */
+/* 114 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -13365,7 +13212,7 @@
var _reactDom2 = _interopRequireDefault(_reactDom);
- var _ownerWindow = __webpack_require__(127);
+ var _ownerWindow = __webpack_require__(115);
var _ownerWindow2 = _interopRequireDefault(_ownerWindow);
@@ -13374,7 +13221,7 @@
module.exports = exports['default'];
/***/ }),
-/* 127 */
+/* 115 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -13384,7 +13231,7 @@
exports.__esModule = true;
exports.default = ownerWindow;
- var _ownerDocument = _interopRequireDefault(__webpack_require__(75));
+ var _ownerDocument = _interopRequireDefault(__webpack_require__(63));
function ownerWindow(node) {
var doc = (0, _ownerDocument.default)(node);
@@ -13394,7 +13241,7 @@
module.exports = exports["default"];
/***/ }),
-/* 128 */
+/* 116 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -13403,7 +13250,7 @@
value: true
});
- var _contains = __webpack_require__(111);
+ var _contains = __webpack_require__(99);
var _contains2 = _interopRequireDefault(_contains);
@@ -13419,11 +13266,11 @@
var _reactDom2 = _interopRequireDefault(_reactDom);
- var _addEventListener = __webpack_require__(76);
+ var _addEventListener = __webpack_require__(64);
var _addEventListener2 = _interopRequireDefault(_addEventListener);
- var _ownerDocument = __webpack_require__(74);
+ var _ownerDocument = __webpack_require__(62);
var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
@@ -13440,12 +13287,12 @@
var propTypes = {
onRootClose: _propTypes2["default"].func,
children: _propTypes2["default"].element,
- /**
- * 是否禁用
+ /**
+ * 是否禁用
*/
disabled: _propTypes2["default"].bool,
- /**
- * 触发事件选择
+ /**
+ * 触发事件选择
*/
event: _propTypes2["default"].oneOf(['click', 'mousedown'])
};
@@ -13556,7 +13403,7 @@
module.exports = exports['default'];
/***/ }),
-/* 129 */
+/* 117 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -13579,7 +13426,7 @@
var _react2 = _interopRequireDefault(_react);
- var _Transition = __webpack_require__(130);
+ var _Transition = __webpack_require__(118);
var _Transition2 = _interopRequireDefault(_Transition);
@@ -13594,51 +13441,51 @@
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
var propTypes = {
- /**
- * Show the component; triggers the fade in or fade out animation
+ /**
+ * Show the component; triggers the fade in or fade out animation
*/
"in": _propTypes2["default"].bool,
- /**
- * Unmount the component (remove it from the DOM) when it is faded out
+ /**
+ * Unmount the component (remove it from the DOM) when it is faded out
*/
unmountOnExit: _propTypes2["default"].bool,
- /**
- * Run the fade in animation when the component mounts, if it is initially
- * shown
+ /**
+ * Run the fade in animation when the component mounts, if it is initially
+ * shown
*/
transitionAppear: _propTypes2["default"].bool,
- /**
- * Duration of the fade animation in milliseconds, to ensure that finishing
- * callbacks are fired even if the original browser transition end events are
- * canceled
+ /**
+ * Duration of the fade animation in milliseconds, to ensure that finishing
+ * callbacks are fired even if the original browser transition end events are
+ * canceled
*/
timeout: _propTypes2["default"].number,
- /**
- * Callback fired before the component fades in
+ /**
+ * Callback fired before the component fades in
*/
onEnter: _propTypes2["default"].func,
- /**
- * Callback fired after the component starts to fade in
+ /**
+ * Callback fired after the component starts to fade in
*/
onEntering: _propTypes2["default"].func,
- /**
- * Callback fired after the has component faded in
+ /**
+ * Callback fired after the has component faded in
*/
onEntered: _propTypes2["default"].func,
- /**
- * Callback fired before the component fades out
+ /**
+ * Callback fired before the component fades out
*/
onExit: _propTypes2["default"].func,
- /**
- * Callback fired after the component starts to fade out
+ /**
+ * Callback fired after the component starts to fade out
*/
onExiting: _propTypes2["default"].func,
- /**
- * Callback fired after the component has faded out
+ /**
+ * Callback fired after the component has faded out
*/
onExited: _propTypes2["default"].func
};
@@ -13677,7 +13524,7 @@
module.exports = exports['default'];
/***/ }),
-/* 130 */
+/* 118 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -13735,65 +13582,65 @@
var EXITING = exports.EXITING = 4;
var propTypes = {
- /**
- * 是否触发动画
+ /**
+ * 是否触发动画
*/
"in": _propTypes2["default"].bool,
- /**
- * 不显示的时候是否移除组件
+ /**
+ * 不显示的时候是否移除组件
*/
unmountOnExit: _propTypes2["default"].bool,
- /**
- * 如果设置为默认显示，挂载时显示动画
+ /**
+ * 如果设置为默认显示，挂载时显示动画
*/
transitionAppear: _propTypes2["default"].bool,
- /**
- * 设置超时时间，防止出现问题，可设置为>=动画时间
+ /**
+ * 设置超时时间，防止出现问题，可设置为>=动画时间
*/
timeout: _propTypes2["default"].number,
- /**
- * 退出组件时添加的class
+ /**
+ * 退出组件时添加的class
*/
exitedClassName: _propTypes2["default"].string,
- /**
- * 退出组件中添加的class
+ /**
+ * 退出组件中添加的class
*/
exitingClassName: _propTypes2["default"].string,
- /**
- * 进入动画后添加的class
+ /**
+ * 进入动画后添加的class
*/
enteredClassName: _propTypes2["default"].string,
- /**
- * 进入动画时添加的class
+ /**
+ * 进入动画时添加的class
*/
enteringClassName: _propTypes2["default"].string,
- /**
- * 进入动画开始时的钩子函数
+ /**
+ * 进入动画开始时的钩子函数
*/
onEnter: _propTypes2["default"].func,
- /**
- * 进入动画中的钩子函数
+ /**
+ * 进入动画中的钩子函数
*/
onEntering: _propTypes2["default"].func,
- /**
- * 进入动画后的钩子函数
+ /**
+ * 进入动画后的钩子函数
*/
onEntered: _propTypes2["default"].func,
- /**
- * 退出动画开始时的钩子函数
+ /**
+ * 退出动画开始时的钩子函数
*/
onExit: _propTypes2["default"].func,
- /**
- * 退出动画中的钩子函数
+ /**
+ * 退出动画中的钩子函数
*/
onExiting: _propTypes2["default"].func,
- /**
- * 退出动画后的钩子函数
+ /**
+ * 退出动画后的钩子函数
*/
onExited: _propTypes2["default"].func
};
@@ -13813,8 +13660,8 @@
onExited: noop
};
- /**
- * 动画组件
+ /**
+ * 动画组件
*/
var Transition = function (_Component) {
@@ -14026,7 +13873,7 @@
exports["default"] = Transition;
/***/ }),
-/* 131 */
+/* 119 */
/***/ (function(module, exports) {
'use strict';
@@ -14034,14 +13881,14 @@
Object.defineProperty(exports, "__esModule", {
value: true
});
- /**
- * Safe chained function
- *
- * Will only create a new function if needed,
- * otherwise will pass back existing functions or null.
- *
- * @param {function} functions to chain
- * @returns {function|null}
+ /**
+ * Safe chained function
+ *
+ * Will only create a new function if needed,
+ * otherwise will pass back existing functions or null.
+ *
+ * @param {function} functions to chain
+ * @returns {function|null}
*/
function createChainedFunction() {
for (var _len = arguments.length, funcs = Array(_len), _key = 0; _key < _len; _key++) {
@@ -14074,7 +13921,7 @@
module.exports = exports['default'];
/***/ }),
-/* 132 */
+/* 120 */
/***/ (function(module, exports) {
'use strict';
@@ -14117,7 +13964,7 @@
}
/***/ }),
-/* 133 */
+/* 121 */
/***/ (function(module, exports) {
'use strict';
@@ -14150,7 +13997,7 @@
};
/***/ }),
-/* 134 */
+/* 122 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -14165,7 +14012,7 @@
var _react2 = _interopRequireDefault(_react);
- var _Modal = __webpack_require__(135);
+ var _Modal = __webpack_require__(123);
var _Modal2 = _interopRequireDefault(_Modal);
@@ -14173,7 +14020,7 @@
var _confirm2 = _interopRequireDefault(_confirm);
- var _beeIcon = __webpack_require__(79);
+ var _beeIcon = __webpack_require__(67);
var _beeIcon2 = _interopRequireDefault(_beeIcon);
@@ -14235,7 +14082,7 @@
module.exports = exports['default'];
/***/ }),
-/* 135 */
+/* 123 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -14255,11 +14102,11 @@
var _classnames2 = _interopRequireDefault(_classnames);
- var _events = __webpack_require__(136);
+ var _events = __webpack_require__(124);
var _events2 = _interopRequireDefault(_events);
- var _ownerDocument = __webpack_require__(75);
+ var _ownerDocument = __webpack_require__(63);
var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
@@ -14267,10 +14114,14 @@
var _inDOM2 = _interopRequireDefault(_inDOM);
- var _scrollbarSize = __webpack_require__(140);
+ var _scrollbarSize = __webpack_require__(128);
var _scrollbarSize2 = _interopRequireDefault(_scrollbarSize);
+ var _scrollTop = __webpack_require__(112);
+
+ var _scrollTop2 = _interopRequireDefault(_scrollTop);
+
var _react = __webpack_require__(1);
var _react2 = _interopRequireDefault(_react);
@@ -14279,11 +14130,11 @@
var _reactDom2 = _interopRequireDefault(_reactDom);
- var _Modal = __webpack_require__(141);
+ var _Modal = __webpack_require__(129);
var _Modal2 = _interopRequireDefault(_Modal);
- var _isOverflowing = __webpack_require__(147);
+ var _isOverflowing = __webpack_require__(135);
var _isOverflowing2 = _interopRequireDefault(_isOverflowing);
@@ -14291,11 +14142,11 @@
var _beeTransition = __webpack_require__(11);
- var _ModalBody = __webpack_require__(152);
+ var _ModalBody = __webpack_require__(140);
var _ModalBody2 = _interopRequireDefault(_ModalBody);
- var _ModalDialog = __webpack_require__(153);
+ var _ModalDialog = __webpack_require__(141);
var _ModalDialog2 = _interopRequireDefault(_ModalDialog);
@@ -14388,7 +14239,7 @@
onExited: _propTypes2["default"].func,
containerClassName: _propTypes2["default"].string
- }, _defineProperty(_extends2, 'containerClassName', _propTypes2["default"].string), _defineProperty(_extends2, 'container', _Modal2["default"].propTypes.container), _defineProperty(_extends2, 'size', _propTypes2["default"].oneOf(["sm", "lg", "xlg", ""])), _defineProperty(_extends2, 'width', _propTypes2["default"].oneOfType([_propTypes2["default"].number, _propTypes2["default"].string])), _defineProperty(_extends2, 'draggable', _propTypes2["default"].bool), _defineProperty(_extends2, 'resizable', _propTypes2["default"].bool), _defineProperty(_extends2, 'resizeClassName', _propTypes2["default"].string), _defineProperty(_extends2, 'onResizeStart', _propTypes2["default"].func), _defineProperty(_extends2, 'onResize', _propTypes2["default"].func), _defineProperty(_extends2, 'onResizeStop', _propTypes2["default"].func), _defineProperty(_extends2, 'minWidth', _propTypes2["default"].oneOfType([_propTypes2["default"].number, _propTypes2["default"].string])), _defineProperty(_extends2, 'minHeight', _propTypes2["default"].oneOfType([_propTypes2["default"].number, _propTypes2["default"].string])), _defineProperty(_extends2, 'maxWidth', _propTypes2["default"].oneOfType([_propTypes2["default"].number, _propTypes2["default"].string])), _defineProperty(_extends2, 'maxHeight', _propTypes2["default"].oneOfType([_propTypes2["default"].number, _propTypes2["default"].string])), _defineProperty(_extends2, 'bounds', _propTypes2["default"].oneOfType([_propTypes2["default"].string, _propTypes2["default"].Object])), _extends2));
+ }, _defineProperty(_extends2, 'containerClassName', _propTypes2["default"].string), _defineProperty(_extends2, 'container', _Modal2["default"].propTypes.container), _defineProperty(_extends2, 'size', _propTypes2["default"].oneOf(["sm", "lg", "xlg", ""])), _defineProperty(_extends2, 'width', _propTypes2["default"].oneOfType([_propTypes2["default"].number, _propTypes2["default"].string])), _defineProperty(_extends2, 'draggable', _propTypes2["default"].bool), _defineProperty(_extends2, 'resizable', _propTypes2["default"].bool), _defineProperty(_extends2, 'resizeClassName', _propTypes2["default"].string), _defineProperty(_extends2, 'onResizeStart', _propTypes2["default"].func), _defineProperty(_extends2, 'onResize', _propTypes2["default"].func), _defineProperty(_extends2, 'onResizeStop', _propTypes2["default"].func), _defineProperty(_extends2, 'minWidth', _propTypes2["default"].oneOfType([_propTypes2["default"].number, _propTypes2["default"].string])), _defineProperty(_extends2, 'minHeight', _propTypes2["default"].oneOfType([_propTypes2["default"].number, _propTypes2["default"].string])), _defineProperty(_extends2, 'maxWidth', _propTypes2["default"].oneOfType([_propTypes2["default"].number, _propTypes2["default"].string])), _defineProperty(_extends2, 'maxHeight', _propTypes2["default"].oneOfType([_propTypes2["default"].number, _propTypes2["default"].string])), _defineProperty(_extends2, 'bounds', _propTypes2["default"].oneOfType([_propTypes2["default"].string, _propTypes2["default"].Object])), _defineProperty(_extends2, 'className', _propTypes2["default"].string), _defineProperty(_extends2, 'centered', _propTypes2["default"].bool), _extends2));
var defaultProps = _extends({}, _Modal2["default"].defaultProps, {
backdropClosable: true,
@@ -14396,7 +14247,8 @@
dialogComponentClass: _ModalDialog2["default"],
draggable: false,
resizable: false,
- clsPrefix: 'u-modal'
+ clsPrefix: 'u-modal',
+ className: ''
});
var ModalFuncProps = {
@@ -14436,14 +14288,27 @@
var _this = _possibleConstructorReturn(this, _React$Component.call(this, props, context));
+ _this.clearCenteredCls = function () {
+ var centered = _this.state.centered;
+
+ if (!centered) {
+ return;
+ }
+ _this.offsetTop = _this.getOffsetTop();
+ _this.setState({
+ centered: false
+ });
+ };
+
+ _this.state = {
+ style: {},
+ centered: props.centered
+ };
+ _this.offsetTop = 0;
_this.handleEntering = _this.handleEntering.bind(_this);
_this.handleExited = _this.handleExited.bind(_this);
_this.handleWindowResize = _this.handleWindowResize.bind(_this);
_this.handleDialogClick = _this.handleDialogClick.bind(_this);
-
- _this.state = {
- style: {}
- };
return _this;
}
@@ -14505,6 +14370,16 @@
}
});
};
+ //ResizeStart 时，若模态框设置了 `centered` ，需要把居中属性移除，并通过 offsetTop 制造垂直居中的假象
+ //fixbug: Resize 和 centered 一起使用时，拖拽交互不正确
+
+
+ //计算 ModalDialog 的 offsetTop
+ Modal.prototype.getOffsetTop = function getOffsetTop() {
+ var modalDialog = document.getElementsByClassName("u-modal-dialog") && document.getElementsByClassName("u-modal-dialog")[0];
+ var topPos = modalDialog && modalDialog.offsetTop;
+ return topPos;
+ };
Modal.prototype.render = function render() {
var _this2 = this;
@@ -14529,7 +14404,14 @@
draggable = _props.draggable,
resizeClassName = _props.resizeClassName,
bounds = _props.bounds,
- props = _objectWithoutProperties(_props, ['backdrop', 'backdropClosable', 'animation', 'show', 'dialogComponentClass', 'className', 'clsPrefix', 'style', 'size', 'width', 'children', 'onEntering', 'onExited', 'backdropClassName', 'containerClassName', 'draggable', 'resizeClassName', 'bounds']);
+ container = _props.container,
+ props = _objectWithoutProperties(_props, ['backdrop', 'backdropClosable', 'animation', 'show', 'dialogComponentClass', 'className', 'clsPrefix', 'style', 'size', 'width', 'children', 'onEntering', 'onExited', 'backdropClassName', 'containerClassName', 'draggable', 'resizeClassName', 'bounds', 'container']);
+
+ var centered = this.state.centered;
+
+ var dialogMarginTop = 30;
+ //ResizeStart 时，计算 ModalDialog 的 offsetTop
+ var topPosStyle = this.offsetTop > 0 ? { top: this.offsetTop - dialogMarginTop } : null;
var _splitComponent = (0, _tinperBeeCore.splitComponent)(props, _Modal2["default"]),
_splitComponent2 = _slicedToArray(_splitComponent, 2),
@@ -14540,9 +14422,12 @@
var backdropClasses = _defineProperty({}, clsPrefix + '-backdrop', true);
var containerClasses = _defineProperty({}, clsPrefix + '-open', true);
+ if (!!centered) {
+ className += ' ' + clsPrefix + '-centered';
+ }
if (Number(width)) width += 'px';
- var styleRes = _extends({}, this.state.style, style);
+ var styleRes = _extends({}, this.state.style, style, topPosStyle);
if (width) {
_extends(styleRes, { width: width });
}
@@ -14571,7 +14456,8 @@
size: size,
draggable: draggable,
bounds: bounds,
- resizeClassName: resizeClassName
+ resizeClassName: resizeClassName,
+ clearCenteredCls: this.clearCenteredCls
}),
children
)
@@ -14609,7 +14495,7 @@
exports["default"] = Modal;
/***/ }),
-/* 136 */
+/* 124 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -14623,15 +14509,15 @@
exports.on = _on.default;
- var _off = _interopRequireDefault(__webpack_require__(77));
+ var _off = _interopRequireDefault(__webpack_require__(65));
exports.off = _off.default;
- var _filter = _interopRequireDefault(__webpack_require__(137));
+ var _filter = _interopRequireDefault(__webpack_require__(125));
exports.filter = _filter.default;
- var _listen = _interopRequireDefault(__webpack_require__(139));
+ var _listen = _interopRequireDefault(__webpack_require__(127));
exports.listen = _listen.default;
var _default = {
@@ -14643,7 +14529,7 @@
exports.default = _default;
/***/ }),
-/* 137 */
+/* 125 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -14653,9 +14539,9 @@
exports.__esModule = true;
exports.default = filterEvents;
- var _contains = _interopRequireDefault(__webpack_require__(111));
+ var _contains = _interopRequireDefault(__webpack_require__(99));
- var _querySelectorAll = _interopRequireDefault(__webpack_require__(138));
+ var _querySelectorAll = _interopRequireDefault(__webpack_require__(126));
function filterEvents(selector, handler) {
return function filterHandler(e) {
@@ -14671,7 +14557,7 @@
module.exports = exports["default"];
/***/ }),
-/* 138 */
+/* 126 */
/***/ (function(module, exports) {
"use strict";
@@ -14707,7 +14593,7 @@
module.exports = exports["default"];
/***/ }),
-/* 139 */
+/* 127 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -14721,7 +14607,7 @@
var _on = _interopRequireDefault(__webpack_require__(16));
- var _off = _interopRequireDefault(__webpack_require__(77));
+ var _off = _interopRequireDefault(__webpack_require__(65));
var listen = function listen() {};
@@ -14739,7 +14625,7 @@
module.exports = exports["default"];
/***/ }),
-/* 140 */
+/* 128 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -14774,7 +14660,7 @@
module.exports = exports["default"];
/***/ }),
-/* 141 */
+/* 129 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -14800,23 +14686,23 @@
var _tinperBeeCore = __webpack_require__(27);
- var _Portal = __webpack_require__(142);
+ var _Portal = __webpack_require__(130);
var _Portal2 = _interopRequireDefault(_Portal);
- var _ModalManager = __webpack_require__(145);
+ var _ModalManager = __webpack_require__(133);
var _ModalManager2 = _interopRequireDefault(_ModalManager);
- var _ownerDocument = __webpack_require__(143);
+ var _ownerDocument = __webpack_require__(131);
var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
- var _addEventListener = __webpack_require__(149);
+ var _addEventListener = __webpack_require__(137);
var _addEventListener2 = _interopRequireDefault(_addEventListener);
- var _addFocusListener = __webpack_require__(150);
+ var _addFocusListener = __webpack_require__(138);
var _addFocusListener2 = _interopRequireDefault(_addFocusListener);
@@ -14824,15 +14710,15 @@
var _inDOM2 = _interopRequireDefault(_inDOM);
- var _activeElement = __webpack_require__(151);
+ var _activeElement = __webpack_require__(139);
var _activeElement2 = _interopRequireDefault(_activeElement);
- var _contains = __webpack_require__(111);
+ var _contains = __webpack_require__(99);
var _contains2 = _interopRequireDefault(_contains);
- var _getContainer = __webpack_require__(144);
+ var _getContainer = __webpack_require__(132);
var _getContainer2 = _interopRequireDefault(_getContainer);
@@ -15318,7 +15204,7 @@
module.exports = exports['default'];
/***/ }),
-/* 142 */
+/* 130 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -15339,11 +15225,11 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _ownerDocument = __webpack_require__(143);
+ var _ownerDocument = __webpack_require__(131);
var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
- var _getContainer = __webpack_require__(144);
+ var _getContainer = __webpack_require__(132);
var _getContainer2 = _interopRequireDefault(_getContainer);
@@ -15526,7 +15412,7 @@
module.exports = exports['default'];
/***/ }),
-/* 143 */
+/* 131 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -15543,7 +15429,7 @@
var _reactDom2 = _interopRequireDefault(_reactDom);
- var _ownerDocument = __webpack_require__(75);
+ var _ownerDocument = __webpack_require__(63);
var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
@@ -15552,7 +15438,7 @@
module.exports = exports['default'];
/***/ }),
-/* 144 */
+/* 132 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -15581,7 +15467,7 @@
module.exports = exports['default'];
/***/ }),
-/* 145 */
+/* 133 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -15594,19 +15480,19 @@
var _style2 = _interopRequireDefault(_style);
- var _class = __webpack_require__(146);
+ var _class = __webpack_require__(134);
var _class2 = _interopRequireDefault(_class);
- var _scrollbarSize = __webpack_require__(140);
+ var _scrollbarSize = __webpack_require__(128);
var _scrollbarSize2 = _interopRequireDefault(_scrollbarSize);
- var _isOverflowing = __webpack_require__(147);
+ var _isOverflowing = __webpack_require__(135);
var _isOverflowing2 = _interopRequireDefault(_isOverflowing);
- var _manageAriaHidden = __webpack_require__(148);
+ var _manageAriaHidden = __webpack_require__(136);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -15762,7 +15648,7 @@
module.exports = exports['default'];
/***/ }),
-/* 146 */
+/* 134 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -15772,15 +15658,15 @@
exports.__esModule = true;
exports.default = void 0;
- var _addClass = _interopRequireDefault(__webpack_require__(89));
+ var _addClass = _interopRequireDefault(__webpack_require__(77));
exports.addClass = _addClass.default;
- var _removeClass = _interopRequireDefault(__webpack_require__(91));
+ var _removeClass = _interopRequireDefault(__webpack_require__(79));
exports.removeClass = _removeClass.default;
- var _hasClass = _interopRequireDefault(__webpack_require__(90));
+ var _hasClass = _interopRequireDefault(__webpack_require__(78));
exports.hasClass = _hasClass.default;
var _default = {
@@ -15791,7 +15677,7 @@
exports.default = _default;
/***/ }),
-/* 147 */
+/* 135 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -15801,11 +15687,11 @@
});
exports["default"] = isOverflowing;
- var _isWindow = __webpack_require__(120);
+ var _isWindow = __webpack_require__(108);
var _isWindow2 = _interopRequireDefault(_isWindow);
- var _ownerDocument = __webpack_require__(75);
+ var _ownerDocument = __webpack_require__(63);
var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
@@ -15836,7 +15722,7 @@
module.exports = exports['default'];
/***/ }),
-/* 148 */
+/* 136 */
/***/ (function(module, exports) {
'use strict';
@@ -15890,7 +15776,7 @@
}
/***/ }),
-/* 149 */
+/* 137 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -15913,7 +15799,7 @@
var _on2 = _interopRequireDefault(_on);
- var _off = __webpack_require__(77);
+ var _off = __webpack_require__(65);
var _off2 = _interopRequireDefault(_off);
@@ -15922,7 +15808,7 @@
module.exports = exports['default'];
/***/ }),
-/* 150 */
+/* 138 */
/***/ (function(module, exports) {
'use strict';
@@ -15958,7 +15844,7 @@
module.exports = exports['default'];
/***/ }),
-/* 151 */
+/* 139 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -15968,7 +15854,7 @@
exports.__esModule = true;
exports.default = activeElement;
- var _ownerDocument = _interopRequireDefault(__webpack_require__(75));
+ var _ownerDocument = _interopRequireDefault(__webpack_require__(63));
function activeElement(doc) {
if (doc === void 0) {
@@ -15985,7 +15871,7 @@
module.exports = exports["default"];
/***/ }),
-/* 152 */
+/* 140 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -16061,7 +15947,7 @@
module.exports = exports['default'];
/***/ }),
-/* 153 */
+/* 141 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -16088,7 +15974,7 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _beeDnd = __webpack_require__(154);
+ var _beeDnd = __webpack_require__(142);
var _beeDnd2 = _interopRequireDefault(_beeDnd);
@@ -16123,7 +16009,7 @@
minHeight: 150,
minWidth: 200,
clsPrefix: 'u-modal',
- bounds: { top: -20 }
+ bounds: null
};
var ModalDialog = function (_React$Component) {
@@ -16155,6 +16041,17 @@
});
return draggable;
}, _this.onStop = function (e, delta) {
+ var dialogWidth = _this.modalDialog && _this.modalDialog.offsetWidth;
+ var clientWidth = e && e.target && e.target.clientWidth;
+ if (delta.x > 0 && clientWidth - delta.x < 50) {
+ return;
+ }
+ if (delta.x < 0 && dialogWidth + delta.x < 50) {
+ return;
+ }
+ if (delta.y < 0) {
+ return;
+ }
_this.setState({
draged: true,
draging: false,
@@ -16167,6 +16064,7 @@
var onResizeStart = _this.props.onResizeStart;
typeof onResizeStart === "function" && onResizeStart(e, dir, elementRef);
+ _this.props.clearCenteredCls && _this.props.clearCenteredCls();
}, _this.onResize = function (e, direction, elementRef, delta) {
var onResize = _this.props.onResize;
var original = _this.state.original;
@@ -16249,6 +16147,53 @@
size = Number(value);
}
return size;
+ }, _this.renderModalContent = function () {
+ var _this$props = _this.props,
+ clsPrefix = _this$props.clsPrefix,
+ children = _this$props.children,
+ resizable = _this$props.resizable,
+ contentStyle = _this$props.contentStyle,
+ minHeight = _this$props.minHeight,
+ minWidth = _this$props.minWidth,
+ resizeClassName = _this$props.resizeClassName;
+ var _this$state = _this.state,
+ maxWidth = _this$state.maxWidth,
+ maxHeight = _this$state.maxHeight;
+
+ if (!resizable) {
+ return _react2["default"].createElement(
+ 'div',
+ { style: contentStyle, className: (0, _classnames2["default"])([clsPrefix + '-content']), role: 'document', ref: function ref(_ref) {
+ return _this.resize = _ref;
+ } },
+ children
+ );
+ }
+ return _react2["default"].createElement(
+ _reResizable2["default"],
+ {
+ className: resizeClassName,
+ ref: function ref(c) {
+ if (c) {
+ _this.resizable = c;
+ }
+ },
+ onResizeStart: _this.onResizeStart,
+ onResize: _this.onResize,
+ onResizeStop: _this.onResizeStop,
+ minWidth: _this.handleWH(minWidth),
+ minHeight: _this.handleWH(minHeight),
+ maxWidth: _this.handleWH(maxWidth),
+ maxHeight: _this.handleWH(maxHeight)
+ },
+ _react2["default"].createElement(
+ 'div',
+ { style: _extends({}, contentStyle, { height: "100%" }), className: (0, _classnames2["default"])([clsPrefix + '-content']), role: 'document', ref: function ref(_ref2) {
+ return _this.resize = _ref2;
+ } },
+ children
+ )
+ );
}, _temp), _possibleConstructorReturn(_this, _ret);
}
@@ -16266,6 +16211,8 @@
}
}
};
+ // 当ModalDialog留在可视区的宽度 < 50px 时，拖拽不生效
+
/* 开始resize */
@@ -16335,15 +16282,17 @@
tabIndex: '-1',
role: 'dialog',
style: modalStyle,
- ref: function ref(_ref3) {
- return _this2.backdrop = _ref3;
+ ref: function ref(_ref4) {
+ return _this2.backdrop = _ref4;
},
className: (0, _classnames2["default"])(className, uClassName)
}),
_react2["default"].createElement(
'div',
- { className: (0, _classnames2["default"])(dialogClassName, dialogClasses), style: style },
- _react2["default"].createElement(
+ { className: (0, _classnames2["default"])(dialogClassName, dialogClasses), style: style, ref: function ref(_ref3) {
+ return _this2.modalDialog = _ref3;
+ } },
+ draggable ? _react2["default"].createElement(
_beeDnd2["default"],
{
handle: '.dnd-handle',
@@ -16354,38 +16303,8 @@
position: original,
list: []
},
- resizable ? _react2["default"].createElement(
- _reResizable2["default"],
- {
- className: resizeClassName,
- ref: function ref(c) {
- if (c) {
- _this2.resizable = c;
- }
- },
- onResizeStart: this.onResizeStart,
- onResize: this.onResize,
- onResizeStop: this.onResizeStop,
- minWidth: this.handleWH(minWidth),
- minHeight: this.handleWH(minHeight),
- maxWidth: this.handleWH(maxWidth),
- maxHeight: this.handleWH(maxHeight)
- },
- _react2["default"].createElement(
- 'div',
- { style: _extends({}, contentStyle, { height: "100%" }), className: (0, _classnames2["default"])([clsPrefix + '-content']), role: 'document', ref: function ref(_ref) {
- return _this2.resize = _ref;
- } },
- children
- )
- ) : _react2["default"].createElement(
- 'div',
- { style: contentStyle, className: (0, _classnames2["default"])([clsPrefix + '-content']), role: 'document', ref: function ref(_ref2) {
- return _this2.resize = _ref2;
- } },
- children
- )
- )
+ this.renderModalContent()
+ ) : this.renderModalContent()
)
);
};
@@ -16400,7 +16319,7 @@
module.exports = exports['default'];
/***/ }),
-/* 154 */
+/* 142 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -16409,7 +16328,7 @@
value: true
});
- var _Dnd = __webpack_require__(155);
+ var _Dnd = __webpack_require__(143);
var _Dnd2 = _interopRequireDefault(_Dnd);
@@ -16419,7 +16338,7 @@
module.exports = exports['default'];
/***/ }),
-/* 155 */
+/* 143 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -16434,9 +16353,9 @@
var _react2 = _interopRequireDefault(_react);
- var _reactBeautifulDnd = __webpack_require__(156);
+ var _reactBeautifulDnd = __webpack_require__(144);
- var _reactDraggable = __webpack_require__(254);
+ var _reactDraggable = __webpack_require__(242);
var _reactDraggable2 = _interopRequireDefault(_reactDraggable);
@@ -16444,18 +16363,22 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _lodash = __webpack_require__(255);
+ var _lodash = __webpack_require__(243);
var _lodash2 = _interopRequireDefault(_lodash);
- var _SortList = __webpack_require__(256);
+ var _SortList = __webpack_require__(244);
var _SortList2 = _interopRequireDefault(_SortList);
- var _Between = __webpack_require__(258);
+ var _Between = __webpack_require__(246);
var _Between2 = _interopRequireDefault(_Between);
+ var _GridLayout = __webpack_require__(247);
+
+ var _GridLayout2 = _interopRequireDefault(_GridLayout);
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
@@ -16567,11 +16490,12 @@
Dnd.DragDropContext = _reactBeautifulDnd.DragDropContext;
Dnd.Droppable = _reactBeautifulDnd.Droppable;
Dnd.Draggable = _reactBeautifulDnd.Draggable;
+ Dnd.GridLayout = _GridLayout2["default"];
exports["default"] = Dnd;
module.exports = exports['default'];
/***/ }),
-/* 156 */
+/* 144 */
/***/ (function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(process) {'use strict';
@@ -16580,20 +16504,20 @@
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
- var _extends = _interopDefault(__webpack_require__(157));
- var invariant = _interopDefault(__webpack_require__(196));
- var cssBoxModel = __webpack_require__(197);
- var _Object$keys = _interopDefault(__webpack_require__(198));
- var memoizeOne = _interopDefault(__webpack_require__(202));
- var redux = __webpack_require__(203);
- var _Object$assign = _interopDefault(__webpack_require__(158));
- var rafSchd = _interopDefault(__webpack_require__(207));
- var _inheritsLoose = _interopDefault(__webpack_require__(208));
+ var _extends = _interopDefault(__webpack_require__(145));
+ var invariant = _interopDefault(__webpack_require__(184));
+ var cssBoxModel = __webpack_require__(185);
+ var _Object$keys = _interopDefault(__webpack_require__(186));
+ var memoizeOne = _interopDefault(__webpack_require__(190));
+ var redux = __webpack_require__(191);
+ var _Object$assign = _interopDefault(__webpack_require__(146));
+ var rafSchd = _interopDefault(__webpack_require__(195));
+ var _inheritsLoose = _interopDefault(__webpack_require__(196));
var React = __webpack_require__(1);
var React__default = _interopDefault(React);
var PropTypes = _interopDefault(__webpack_require__(6));
- var reactRedux = __webpack_require__(215);
- var reactMotion = __webpack_require__(240);
+ var reactRedux = __webpack_require__(203);
+ var reactMotion = __webpack_require__(228);
var vertical = {
direction: 'vertical',
@@ -23015,10 +22939,10 @@
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(33)))
/***/ }),
-/* 157 */
+/* 145 */
/***/ (function(module, exports, __webpack_require__) {
- var _Object$assign = __webpack_require__(158);
+ var _Object$assign = __webpack_require__(146);
function _extends() {
module.exports = _extends = _Object$assign || function (target) {
@@ -23041,38 +22965,38 @@
module.exports = _extends;
/***/ }),
-/* 158 */
+/* 146 */
/***/ (function(module, exports, __webpack_require__) {
- module.exports = __webpack_require__(159);
+ module.exports = __webpack_require__(147);
/***/ }),
-/* 159 */
+/* 147 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(160);
- module.exports = __webpack_require__(163).Object.assign;
+ __webpack_require__(148);
+ module.exports = __webpack_require__(151).Object.assign;
/***/ }),
-/* 160 */
+/* 148 */
/***/ (function(module, exports, __webpack_require__) {
// 19.1.3.1 Object.assign(target, source)
- var $export = __webpack_require__(161);
+ var $export = __webpack_require__(149);
- $export($export.S + $export.F, 'Object', { assign: __webpack_require__(177) });
+ $export($export.S + $export.F, 'Object', { assign: __webpack_require__(165) });
/***/ }),
-/* 161 */
+/* 149 */
/***/ (function(module, exports, __webpack_require__) {
- var global = __webpack_require__(162);
- var core = __webpack_require__(163);
- var ctx = __webpack_require__(164);
- var hide = __webpack_require__(166);
- var has = __webpack_require__(176);
+ var global = __webpack_require__(150);
+ var core = __webpack_require__(151);
+ var ctx = __webpack_require__(152);
+ var hide = __webpack_require__(154);
+ var has = __webpack_require__(164);
var PROTOTYPE = 'prototype';
var $export = function (type, name, source) {
@@ -23133,7 +23057,7 @@
/***/ }),
-/* 162 */
+/* 150 */
/***/ (function(module, exports) {
// https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
@@ -23145,7 +23069,7 @@
/***/ }),
-/* 163 */
+/* 151 */
/***/ (function(module, exports) {
var core = module.exports = { version: '2.6.9' };
@@ -23153,11 +23077,11 @@
/***/ }),
-/* 164 */
+/* 152 */
/***/ (function(module, exports, __webpack_require__) {
// optional / simple context binding
- var aFunction = __webpack_require__(165);
+ var aFunction = __webpack_require__(153);
module.exports = function (fn, that, length) {
aFunction(fn);
if (that === undefined) return fn;
@@ -23179,7 +23103,7 @@
/***/ }),
-/* 165 */
+/* 153 */
/***/ (function(module, exports) {
module.exports = function (it) {
@@ -23189,12 +23113,12 @@
/***/ }),
-/* 166 */
+/* 154 */
/***/ (function(module, exports, __webpack_require__) {
- var dP = __webpack_require__(167);
- var createDesc = __webpack_require__(175);
- module.exports = __webpack_require__(171) ? function (object, key, value) {
+ var dP = __webpack_require__(155);
+ var createDesc = __webpack_require__(163);
+ module.exports = __webpack_require__(159) ? function (object, key, value) {
return dP.f(object, key, createDesc(1, value));
} : function (object, key, value) {
object[key] = value;
@@ -23203,15 +23127,15 @@
/***/ }),
-/* 167 */
+/* 155 */
/***/ (function(module, exports, __webpack_require__) {
- var anObject = __webpack_require__(168);
- var IE8_DOM_DEFINE = __webpack_require__(170);
- var toPrimitive = __webpack_require__(174);
+ var anObject = __webpack_require__(156);
+ var IE8_DOM_DEFINE = __webpack_require__(158);
+ var toPrimitive = __webpack_require__(162);
var dP = Object.defineProperty;
- exports.f = __webpack_require__(171) ? Object.defineProperty : function defineProperty(O, P, Attributes) {
+ exports.f = __webpack_require__(159) ? Object.defineProperty : function defineProperty(O, P, Attributes) {
anObject(O);
P = toPrimitive(P, true);
anObject(Attributes);
@@ -23225,10 +23149,10 @@
/***/ }),
-/* 168 */
+/* 156 */
/***/ (function(module, exports, __webpack_require__) {
- var isObject = __webpack_require__(169);
+ var isObject = __webpack_require__(157);
module.exports = function (it) {
if (!isObject(it)) throw TypeError(it + ' is not an object!');
return it;
@@ -23236,7 +23160,7 @@
/***/ }),
-/* 169 */
+/* 157 */
/***/ (function(module, exports) {
module.exports = function (it) {
@@ -23245,26 +23169,26 @@
/***/ }),
-/* 170 */
+/* 158 */
/***/ (function(module, exports, __webpack_require__) {
- module.exports = !__webpack_require__(171) && !__webpack_require__(172)(function () {
- return Object.defineProperty(__webpack_require__(173)('div'), 'a', { get: function () { return 7; } }).a != 7;
+ module.exports = !__webpack_require__(159) && !__webpack_require__(160)(function () {
+ return Object.defineProperty(__webpack_require__(161)('div'), 'a', { get: function () { return 7; } }).a != 7;
});
/***/ }),
-/* 171 */
+/* 159 */
/***/ (function(module, exports, __webpack_require__) {
// Thank's IE8 for his funny defineProperty
- module.exports = !__webpack_require__(172)(function () {
+ module.exports = !__webpack_require__(160)(function () {
return Object.defineProperty({}, 'a', { get: function () { return 7; } }).a != 7;
});
/***/ }),
-/* 172 */
+/* 160 */
/***/ (function(module, exports) {
module.exports = function (exec) {
@@ -23277,11 +23201,11 @@
/***/ }),
-/* 173 */
+/* 161 */
/***/ (function(module, exports, __webpack_require__) {
- var isObject = __webpack_require__(169);
- var document = __webpack_require__(162).document;
+ var isObject = __webpack_require__(157);
+ var document = __webpack_require__(150).document;
// typeof document.createElement is 'object' in old IE
var is = isObject(document) && isObject(document.createElement);
module.exports = function (it) {
@@ -23290,11 +23214,11 @@
/***/ }),
-/* 174 */
+/* 162 */
/***/ (function(module, exports, __webpack_require__) {
// 7.1.1 ToPrimitive(input [, PreferredType])
- var isObject = __webpack_require__(169);
+ var isObject = __webpack_require__(157);
// instead of the ES6 spec version, we didn't implement @@toPrimitive case
// and the second argument - flag - preferred type is a string
module.exports = function (it, S) {
@@ -23308,7 +23232,7 @@
/***/ }),
-/* 175 */
+/* 163 */
/***/ (function(module, exports) {
module.exports = function (bitmap, value) {
@@ -23322,7 +23246,7 @@
/***/ }),
-/* 176 */
+/* 164 */
/***/ (function(module, exports) {
var hasOwnProperty = {}.hasOwnProperty;
@@ -23332,21 +23256,21 @@
/***/ }),
-/* 177 */
+/* 165 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
// 19.1.2.1 Object.assign(target, source, ...)
- var DESCRIPTORS = __webpack_require__(171);
- var getKeys = __webpack_require__(178);
- var gOPS = __webpack_require__(193);
- var pIE = __webpack_require__(194);
- var toObject = __webpack_require__(195);
- var IObject = __webpack_require__(181);
+ var DESCRIPTORS = __webpack_require__(159);
+ var getKeys = __webpack_require__(166);
+ var gOPS = __webpack_require__(181);
+ var pIE = __webpack_require__(182);
+ var toObject = __webpack_require__(183);
+ var IObject = __webpack_require__(169);
var $assign = Object.assign;
// should work with symbols and should have deterministic property order (V8 bug)
- module.exports = !$assign || __webpack_require__(172)(function () {
+ module.exports = !$assign || __webpack_require__(160)(function () {
var A = {};
var B = {};
// eslint-disable-next-line no-undef
@@ -23376,12 +23300,12 @@
/***/ }),
-/* 178 */
+/* 166 */
/***/ (function(module, exports, __webpack_require__) {
// 19.1.2.14 / 15.2.3.14 Object.keys(O)
- var $keys = __webpack_require__(179);
- var enumBugKeys = __webpack_require__(192);
+ var $keys = __webpack_require__(167);
+ var enumBugKeys = __webpack_require__(180);
module.exports = Object.keys || function keys(O) {
return $keys(O, enumBugKeys);
@@ -23389,13 +23313,13 @@
/***/ }),
-/* 179 */
+/* 167 */
/***/ (function(module, exports, __webpack_require__) {
- var has = __webpack_require__(176);
- var toIObject = __webpack_require__(180);
- var arrayIndexOf = __webpack_require__(184)(false);
- var IE_PROTO = __webpack_require__(188)('IE_PROTO');
+ var has = __webpack_require__(164);
+ var toIObject = __webpack_require__(168);
+ var arrayIndexOf = __webpack_require__(172)(false);
+ var IE_PROTO = __webpack_require__(176)('IE_PROTO');
module.exports = function (object, names) {
var O = toIObject(object);
@@ -23412,23 +23336,23 @@
/***/ }),
-/* 180 */
+/* 168 */
/***/ (function(module, exports, __webpack_require__) {
// to indexed object, toObject with fallback for non-array-like ES3 strings
- var IObject = __webpack_require__(181);
- var defined = __webpack_require__(183);
+ var IObject = __webpack_require__(169);
+ var defined = __webpack_require__(171);
module.exports = function (it) {
return IObject(defined(it));
};
/***/ }),
-/* 181 */
+/* 169 */
/***/ (function(module, exports, __webpack_require__) {
// fallback for non-array-like ES3 and non-enumerable old V8 strings
- var cof = __webpack_require__(182);
+ var cof = __webpack_require__(170);
// eslint-disable-next-line no-prototype-builtins
module.exports = Object('z').propertyIsEnumerable(0) ? Object : function (it) {
return cof(it) == 'String' ? it.split('') : Object(it);
@@ -23436,7 +23360,7 @@
/***/ }),
-/* 182 */
+/* 170 */
/***/ (function(module, exports) {
var toString = {}.toString;
@@ -23447,7 +23371,7 @@
/***/ }),
-/* 183 */
+/* 171 */
/***/ (function(module, exports) {
// 7.2.1 RequireObjectCoercible(argument)
@@ -23458,14 +23382,14 @@
/***/ }),
-/* 184 */
+/* 172 */
/***/ (function(module, exports, __webpack_require__) {
// false -> Array#indexOf
// true -> Array#includes
- var toIObject = __webpack_require__(180);
- var toLength = __webpack_require__(185);
- var toAbsoluteIndex = __webpack_require__(187);
+ var toIObject = __webpack_require__(168);
+ var toLength = __webpack_require__(173);
+ var toAbsoluteIndex = __webpack_require__(175);
module.exports = function (IS_INCLUDES) {
return function ($this, el, fromIndex) {
var O = toIObject($this);
@@ -23487,11 +23411,11 @@
/***/ }),
-/* 185 */
+/* 173 */
/***/ (function(module, exports, __webpack_require__) {
// 7.1.15 ToLength
- var toInteger = __webpack_require__(186);
+ var toInteger = __webpack_require__(174);
var min = Math.min;
module.exports = function (it) {
return it > 0 ? min(toInteger(it), 0x1fffffffffffff) : 0; // pow(2, 53) - 1 == 9007199254740991
@@ -23499,7 +23423,7 @@
/***/ }),
-/* 186 */
+/* 174 */
/***/ (function(module, exports) {
// 7.1.4 ToInteger
@@ -23511,10 +23435,10 @@
/***/ }),
-/* 187 */
+/* 175 */
/***/ (function(module, exports, __webpack_require__) {
- var toInteger = __webpack_require__(186);
+ var toInteger = __webpack_require__(174);
var max = Math.max;
var min = Math.min;
module.exports = function (index, length) {
@@ -23524,22 +23448,22 @@
/***/ }),
-/* 188 */
+/* 176 */
/***/ (function(module, exports, __webpack_require__) {
- var shared = __webpack_require__(189)('keys');
- var uid = __webpack_require__(191);
+ var shared = __webpack_require__(177)('keys');
+ var uid = __webpack_require__(179);
module.exports = function (key) {
return shared[key] || (shared[key] = uid(key));
};
/***/ }),
-/* 189 */
+/* 177 */
/***/ (function(module, exports, __webpack_require__) {
- var core = __webpack_require__(163);
- var global = __webpack_require__(162);
+ var core = __webpack_require__(151);
+ var global = __webpack_require__(150);
var SHARED = '__core-js_shared__';
var store = global[SHARED] || (global[SHARED] = {});
@@ -23547,20 +23471,20 @@
return store[key] || (store[key] = value !== undefined ? value : {});
})('versions', []).push({
version: core.version,
- mode: __webpack_require__(190) ? 'pure' : 'global',
+ mode: __webpack_require__(178) ? 'pure' : 'global',
copyright: '© 2019 Denis Pushkarev (zloirock.ru)'
});
/***/ }),
-/* 190 */
+/* 178 */
/***/ (function(module, exports) {
module.exports = true;
/***/ }),
-/* 191 */
+/* 179 */
/***/ (function(module, exports) {
var id = 0;
@@ -23571,7 +23495,7 @@
/***/ }),
-/* 192 */
+/* 180 */
/***/ (function(module, exports) {
// IE 8- don't enum bug keys
@@ -23581,32 +23505,32 @@
/***/ }),
-/* 193 */
+/* 181 */
/***/ (function(module, exports) {
exports.f = Object.getOwnPropertySymbols;
/***/ }),
-/* 194 */
+/* 182 */
/***/ (function(module, exports) {
exports.f = {}.propertyIsEnumerable;
/***/ }),
-/* 195 */
+/* 183 */
/***/ (function(module, exports, __webpack_require__) {
// 7.1.13 ToObject(argument)
- var defined = __webpack_require__(183);
+ var defined = __webpack_require__(171);
module.exports = function (it) {
return Object(defined(it));
};
/***/ }),
-/* 196 */
+/* 184 */
/***/ (function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(process) {'use strict';
@@ -23630,7 +23554,7 @@
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(33)))
/***/ }),
-/* 197 */
+/* 185 */
/***/ (function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(process) {'use strict';
@@ -23639,7 +23563,7 @@
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
- var invariant = _interopDefault(__webpack_require__(196));
+ var invariant = _interopDefault(__webpack_require__(184));
var getRect = function getRect(_ref) {
var top = _ref.top,
@@ -23802,28 +23726,28 @@
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(33)))
/***/ }),
-/* 198 */
+/* 186 */
/***/ (function(module, exports, __webpack_require__) {
- module.exports = __webpack_require__(199);
+ module.exports = __webpack_require__(187);
/***/ }),
-/* 199 */
+/* 187 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(200);
- module.exports = __webpack_require__(163).Object.keys;
+ __webpack_require__(188);
+ module.exports = __webpack_require__(151).Object.keys;
/***/ }),
-/* 200 */
+/* 188 */
/***/ (function(module, exports, __webpack_require__) {
// 19.1.2.14 Object.keys(O)
- var toObject = __webpack_require__(195);
- var $keys = __webpack_require__(178);
+ var toObject = __webpack_require__(183);
+ var $keys = __webpack_require__(166);
- __webpack_require__(201)('keys', function () {
+ __webpack_require__(189)('keys', function () {
return function keys(it) {
return $keys(toObject(it));
};
@@ -23831,13 +23755,13 @@
/***/ }),
-/* 201 */
+/* 189 */
/***/ (function(module, exports, __webpack_require__) {
// most Object methods by ES6 should accept primitives
- var $export = __webpack_require__(161);
- var core = __webpack_require__(163);
- var fails = __webpack_require__(172);
+ var $export = __webpack_require__(149);
+ var core = __webpack_require__(151);
+ var fails = __webpack_require__(160);
module.exports = function (KEY, exec) {
var fn = (core.Object || {})[KEY] || Object[KEY];
var exp = {};
@@ -23847,7 +23771,7 @@
/***/ }),
-/* 202 */
+/* 190 */
/***/ (function(module, exports) {
'use strict';
@@ -23867,7 +23791,7 @@
var calledOnce = false;
var isNewArgEqualToLast = function isNewArgEqualToLast(newArg, index) {
- return isEqual(newArg, lastArgs[index]);
+ return isEqual(newArg, lastArgs[index], index);
};
var result = function result() {
@@ -23893,7 +23817,7 @@
/***/ }),
-/* 203 */
+/* 191 */
/***/ (function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(process) {'use strict';
@@ -23902,7 +23826,7 @@
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
- var $$observable = _interopDefault(__webpack_require__(204));
+ var $$observable = _interopDefault(__webpack_require__(192));
/**
* These are private action types reserved by Redux.
@@ -23967,7 +23891,7 @@
var _ref2;
if (typeof preloadedState === 'function' && typeof enhancer === 'function' || typeof enhancer === 'function' && typeof arguments[3] === 'function') {
- throw new Error('It looks like you are passing several store enhancers to ' + 'createStore(). This is not supported. Instead, compose them ' + 'together to a single function');
+ throw new Error('It looks like you are passing several store enhancers to ' + 'createStore(). This is not supported. Instead, compose them ' + 'together to a single function.');
}
if (typeof preloadedState === 'function' && typeof enhancer === 'undefined') {
@@ -23992,6 +23916,13 @@
var currentListeners = [];
var nextListeners = currentListeners;
var isDispatching = false;
+ /**
+ * This makes a shallow copy of currentListeners so we can use
+ * nextListeners as a temporary list while dispatching.
+ *
+ * This prevents any bugs around consumers calling
+ * subscribe/unsubscribe in the middle of a dispatch.
+ */
function ensureCanMutateNextListeners() {
if (nextListeners === currentListeners) {
@@ -24137,7 +24068,11 @@
throw new Error('Expected the nextReducer to be a function.');
}
- currentReducer = nextReducer;
+ currentReducer = nextReducer; // This action has a similiar effect to ActionTypes.INIT.
+ // Any reducers that existed in both the new and old rootReducer
+ // will receive the previous state. This effectively populates
+ // the new state tree with any relevant data from the old one.
+
dispatch({
type: ActionTypes.REPLACE
});
@@ -24307,7 +24242,9 @@
}
}
- var finalReducerKeys = Object.keys(finalReducers);
+ var finalReducerKeys = Object.keys(finalReducers); // This is used to make sure we don't warn about the same
+ // keys multiple times.
+
var unexpectedKeyCache;
if (process.env.NODE_ENV !== 'production') {
@@ -24372,8 +24309,8 @@
* may be invoked directly. This is just a convenience method, as you can call
* `store.dispatch(MyActionCreators.doSomething())` yourself just fine.
*
- * For convenience, you can also pass a single function as the first argument,
- * and get a function in return.
+ * For convenience, you can also pass an action creator as the first argument,
+ * and get a dispatch wrapped function in return.
*
* @param {Function|Object} actionCreators An object whose values are action
* creator functions. One handy way to obtain it is to use ES6 `import * as`
@@ -24398,11 +24335,9 @@
throw new Error("bindActionCreators expected an object or a function, instead received " + (actionCreators === null ? 'null' : typeof actionCreators) + ". " + "Did you write \"import ActionCreators from\" instead of \"import * as ActionCreators from\"?");
}
- var keys = Object.keys(actionCreators);
var boundActionCreators = {};
- for (var i = 0; i < keys.length; i++) {
- var key = keys[i];
+ for (var key in actionCreators) {
var actionCreator = actionCreators[key];
if (typeof actionCreator === 'function') {
@@ -24428,20 +24363,34 @@
return obj;
}
- function _objectSpread(target) {
+ function ownKeys(object, enumerableOnly) {
+ var keys = Object.keys(object);
+
+ if (Object.getOwnPropertySymbols) {
+ keys.push.apply(keys, Object.getOwnPropertySymbols(object));
+ }
+
+ if (enumerableOnly) keys = keys.filter(function (sym) {
+ return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+ });
+ return keys;
+ }
+
+ function _objectSpread2(target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i] != null ? arguments[i] : {};
- var ownKeys = Object.keys(source);
- if (typeof Object.getOwnPropertySymbols === 'function') {
- ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {
- return Object.getOwnPropertyDescriptor(source, sym).enumerable;
- }));
+ if (i % 2) {
+ ownKeys(source, true).forEach(function (key) {
+ _defineProperty(target, key, source[key]);
+ });
+ } else if (Object.getOwnPropertyDescriptors) {
+ Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+ } else {
+ ownKeys(source).forEach(function (key) {
+ Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+ });
}
-
- ownKeys.forEach(function (key) {
- _defineProperty(target, key, source[key]);
- });
}
return target;
@@ -24506,7 +24455,7 @@
var store = createStore.apply(void 0, arguments);
var _dispatch = function dispatch() {
- throw new Error("Dispatching while constructing your middleware is not allowed. " + "Other middleware would not be applied to this dispatch.");
+ throw new Error('Dispatching while constructing your middleware is not allowed. ' + 'Other middleware would not be applied to this dispatch.');
};
var middlewareAPI = {
@@ -24519,7 +24468,7 @@
return middleware(middlewareAPI);
});
_dispatch = compose.apply(void 0, chain)(store.dispatch);
- return _objectSpread({}, store, {
+ return _objectSpread2({}, store, {
dispatch: _dispatch
});
};
@@ -24537,17 +24486,17 @@
warning('You are currently using minified code outside of NODE_ENV === "production". ' + 'This means that you are running a slower development build of Redux. ' + 'You can use loose-envify (https://github.com/zertosh/loose-envify) for browserify ' + 'or setting mode to production in webpack (https://webpack.js.org/concepts/mode/) ' + 'to ensure you have the correct code for your production build.');
}
- exports.createStore = createStore;
- exports.combineReducers = combineReducers;
- exports.bindActionCreators = bindActionCreators;
- exports.applyMiddleware = applyMiddleware;
- exports.compose = compose;
exports.__DO_NOT_USE__ActionTypes = ActionTypes;
+ exports.applyMiddleware = applyMiddleware;
+ exports.bindActionCreators = bindActionCreators;
+ exports.combineReducers = combineReducers;
+ exports.compose = compose;
+ exports.createStore = createStore;
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(33)))
/***/ }),
-/* 204 */
+/* 192 */
/***/ (function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(global, module) {'use strict';
@@ -24556,7 +24505,7 @@
value: true
});
- var _ponyfill = __webpack_require__(206);
+ var _ponyfill = __webpack_require__(194);
var _ponyfill2 = _interopRequireDefault(_ponyfill);
@@ -24579,10 +24528,10 @@
var result = (0, _ponyfill2['default'])(root);
exports['default'] = result;
- /* WEBPACK VAR INJECTION */}.call(exports, (function() { return this; }()), __webpack_require__(205)(module)))
+ /* WEBPACK VAR INJECTION */}.call(exports, (function() { return this; }()), __webpack_require__(193)(module)))
/***/ }),
-/* 205 */
+/* 193 */
/***/ (function(module, exports) {
module.exports = function(module) {
@@ -24598,7 +24547,7 @@
/***/ }),
-/* 206 */
+/* 194 */
/***/ (function(module, exports) {
'use strict';
@@ -24626,7 +24575,7 @@
};
/***/ }),
-/* 207 */
+/* 195 */
/***/ (function(module, exports) {
'use strict';
@@ -24668,10 +24617,10 @@
/***/ }),
-/* 208 */
+/* 196 */
/***/ (function(module, exports, __webpack_require__) {
- var _Object$create = __webpack_require__(209);
+ var _Object$create = __webpack_require__(197);
function _inheritsLoose(subClass, superClass) {
subClass.prototype = _Object$create(superClass.prototype);
@@ -24682,53 +24631,53 @@
module.exports = _inheritsLoose;
/***/ }),
-/* 209 */
+/* 197 */
/***/ (function(module, exports, __webpack_require__) {
- module.exports = __webpack_require__(210);
+ module.exports = __webpack_require__(198);
/***/ }),
-/* 210 */
+/* 198 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(211);
- var $Object = __webpack_require__(163).Object;
+ __webpack_require__(199);
+ var $Object = __webpack_require__(151).Object;
module.exports = function create(P, D) {
return $Object.create(P, D);
};
/***/ }),
-/* 211 */
+/* 199 */
/***/ (function(module, exports, __webpack_require__) {
- var $export = __webpack_require__(161);
+ var $export = __webpack_require__(149);
// 19.1.2.2 / 15.2.3.5 Object.create(O [, Properties])
- $export($export.S, 'Object', { create: __webpack_require__(212) });
+ $export($export.S, 'Object', { create: __webpack_require__(200) });
/***/ }),
-/* 212 */
+/* 200 */
/***/ (function(module, exports, __webpack_require__) {
// 19.1.2.2 / 15.2.3.5 Object.create(O [, Properties])
- var anObject = __webpack_require__(168);
- var dPs = __webpack_require__(213);
- var enumBugKeys = __webpack_require__(192);
- var IE_PROTO = __webpack_require__(188)('IE_PROTO');
+ var anObject = __webpack_require__(156);
+ var dPs = __webpack_require__(201);
+ var enumBugKeys = __webpack_require__(180);
+ var IE_PROTO = __webpack_require__(176)('IE_PROTO');
var Empty = function () { /* empty */ };
var PROTOTYPE = 'prototype';
// Create object with fake `null` prototype: use iframe Object with cleared prototype
var createDict = function () {
// Thrash, waste and sodomy: IE GC bug
- var iframe = __webpack_require__(173)('iframe');
+ var iframe = __webpack_require__(161)('iframe');
var i = enumBugKeys.length;
var lt = '<';
var gt = '>';
var iframeDocument;
iframe.style.display = 'none';
- __webpack_require__(214).appendChild(iframe);
+ __webpack_require__(202).appendChild(iframe);
iframe.src = 'javascript:'; // eslint-disable-line no-script-url
// createDict = iframe.contentWindow.Object;
// html.removeChild(iframe);
@@ -24755,14 +24704,14 @@
/***/ }),
-/* 213 */
+/* 201 */
/***/ (function(module, exports, __webpack_require__) {
- var dP = __webpack_require__(167);
- var anObject = __webpack_require__(168);
- var getKeys = __webpack_require__(178);
+ var dP = __webpack_require__(155);
+ var anObject = __webpack_require__(156);
+ var getKeys = __webpack_require__(166);
- module.exports = __webpack_require__(171) ? Object.defineProperties : function defineProperties(O, Properties) {
+ module.exports = __webpack_require__(159) ? Object.defineProperties : function defineProperties(O, Properties) {
anObject(O);
var keys = getKeys(Properties);
var length = keys.length;
@@ -24774,40 +24723,40 @@
/***/ }),
-/* 214 */
+/* 202 */
/***/ (function(module, exports, __webpack_require__) {
- var document = __webpack_require__(162).document;
+ var document = __webpack_require__(150).document;
module.exports = document && document.documentElement;
/***/ }),
-/* 215 */
+/* 203 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
var _interopRequireDefault = __webpack_require__(14);
- var _interopRequireWildcard = __webpack_require__(216);
+ var _interopRequireWildcard = __webpack_require__(204);
exports.__esModule = true;
- var _Provider = _interopRequireWildcard(__webpack_require__(217));
+ var _Provider = _interopRequireWildcard(__webpack_require__(205));
exports.Provider = _Provider.default;
exports.createProvider = _Provider.createProvider;
- var _connectAdvanced = _interopRequireDefault(__webpack_require__(221));
+ var _connectAdvanced = _interopRequireDefault(__webpack_require__(209));
exports.connectAdvanced = _connectAdvanced.default;
- var _connect = _interopRequireDefault(__webpack_require__(230));
+ var _connect = _interopRequireDefault(__webpack_require__(218));
exports.connect = _connect.default;
/***/ }),
-/* 216 */
+/* 204 */
/***/ (function(module, exports) {
function _interopRequireWildcard(obj) {
@@ -24838,7 +24787,7 @@
module.exports = _interopRequireWildcard;
/***/ }),
-/* 217 */
+/* 205 */
/***/ (function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(process) {"use strict";
@@ -24849,15 +24798,15 @@
exports.createProvider = createProvider;
exports.default = void 0;
- var _inheritsLoose2 = _interopRequireDefault(__webpack_require__(218));
+ var _inheritsLoose2 = _interopRequireDefault(__webpack_require__(206));
var _react = __webpack_require__(1);
var _propTypes = _interopRequireDefault(__webpack_require__(6));
- var _PropTypes = __webpack_require__(219);
+ var _PropTypes = __webpack_require__(207);
- var _warning = _interopRequireDefault(__webpack_require__(220));
+ var _warning = _interopRequireDefault(__webpack_require__(208));
var didWarnAboutReceivingStore = false;
@@ -24928,7 +24877,7 @@
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(33)))
/***/ }),
-/* 218 */
+/* 206 */
/***/ (function(module, exports) {
function _inheritsLoose(subClass, superClass) {
@@ -24940,7 +24889,7 @@
module.exports = _inheritsLoose;
/***/ }),
-/* 219 */
+/* 207 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -24970,7 +24919,7 @@
exports.storeShape = storeShape;
/***/ }),
-/* 220 */
+/* 208 */
/***/ (function(module, exports) {
"use strict";
@@ -25004,7 +24953,7 @@
}
/***/ }),
-/* 221 */
+/* 209 */
/***/ (function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(process) {"use strict";
@@ -25014,25 +24963,25 @@
exports.__esModule = true;
exports.default = connectAdvanced;
- var _inheritsLoose2 = _interopRequireDefault(__webpack_require__(218));
+ var _inheritsLoose2 = _interopRequireDefault(__webpack_require__(206));
- var _assertThisInitialized2 = _interopRequireDefault(__webpack_require__(222));
+ var _assertThisInitialized2 = _interopRequireDefault(__webpack_require__(210));
- var _extends2 = _interopRequireDefault(__webpack_require__(122));
+ var _extends2 = _interopRequireDefault(__webpack_require__(110));
- var _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(223));
+ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(211));
- var _hoistNonReactStatics = _interopRequireDefault(__webpack_require__(224));
+ var _hoistNonReactStatics = _interopRequireDefault(__webpack_require__(212));
- var _invariant = _interopRequireDefault(__webpack_require__(228));
+ var _invariant = _interopRequireDefault(__webpack_require__(216));
var _react = __webpack_require__(1);
- var _reactIs = __webpack_require__(225);
+ var _reactIs = __webpack_require__(213);
- var _Subscription = _interopRequireDefault(__webpack_require__(229));
+ var _Subscription = _interopRequireDefault(__webpack_require__(217));
- var _PropTypes = __webpack_require__(219);
+ var _PropTypes = __webpack_require__(207);
var hotReloadingVersion = 0;
var dummyState = {};
@@ -25317,7 +25266,7 @@
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(33)))
/***/ }),
-/* 222 */
+/* 210 */
/***/ (function(module, exports) {
function _assertThisInitialized(self) {
@@ -25331,7 +25280,7 @@
module.exports = _assertThisInitialized;
/***/ }),
-/* 223 */
+/* 211 */
/***/ (function(module, exports) {
function _objectWithoutPropertiesLoose(source, excluded) {
@@ -25352,7 +25301,7 @@
module.exports = _objectWithoutPropertiesLoose;
/***/ }),
-/* 224 */
+/* 212 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -25361,7 +25310,7 @@
* Copyright 2015, Yahoo! Inc.
* Copyrights licensed under the New BSD License. See the accompanying LICENSE file for terms.
*/
- var ReactIs = __webpack_require__(225);
+ var ReactIs = __webpack_require__(213);
var REACT_STATICS = {
childContextTypes: true,
contextType: true,
@@ -25461,24 +25410,24 @@
/***/ }),
-/* 225 */
+/* 213 */
/***/ (function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(process) {'use strict';
if (process.env.NODE_ENV === 'production') {
- module.exports = __webpack_require__(226);
+ module.exports = __webpack_require__(214);
} else {
- module.exports = __webpack_require__(227);
+ module.exports = __webpack_require__(215);
}
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(33)))
/***/ }),
-/* 226 */
+/* 214 */
/***/ (function(module, exports) {
- /** @license React v16.8.6
+ /** @license React v16.9.0
* react-is.production.min.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
@@ -25488,18 +25437,18 @@
*/
'use strict';Object.defineProperty(exports,"__esModule",{value:!0});
- var b="function"===typeof Symbol&&Symbol.for,c=b?Symbol.for("react.element"):60103,d=b?Symbol.for("react.portal"):60106,e=b?Symbol.for("react.fragment"):60107,f=b?Symbol.for("react.strict_mode"):60108,g=b?Symbol.for("react.profiler"):60114,h=b?Symbol.for("react.provider"):60109,k=b?Symbol.for("react.context"):60110,l=b?Symbol.for("react.async_mode"):60111,m=b?Symbol.for("react.concurrent_mode"):60111,n=b?Symbol.for("react.forward_ref"):60112,p=b?Symbol.for("react.suspense"):60113,q=b?Symbol.for("react.memo"):
- 60115,r=b?Symbol.for("react.lazy"):60116;function t(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c:switch(a=a.type,a){case l:case m:case e:case g:case f:case p:return a;default:switch(a=a&&a.$$typeof,a){case k:case n:case h:return a;default:return u}}case r:case q:case d:return u}}}function v(a){return t(a)===m}exports.typeOf=t;exports.AsyncMode=l;exports.ConcurrentMode=m;exports.ContextConsumer=k;exports.ContextProvider=h;exports.Element=c;exports.ForwardRef=n;
- exports.Fragment=e;exports.Lazy=r;exports.Memo=q;exports.Portal=d;exports.Profiler=g;exports.StrictMode=f;exports.Suspense=p;exports.isValidElementType=function(a){return"string"===typeof a||"function"===typeof a||a===e||a===m||a===g||a===f||a===p||"object"===typeof a&&null!==a&&(a.$$typeof===r||a.$$typeof===q||a.$$typeof===h||a.$$typeof===k||a.$$typeof===n)};exports.isAsyncMode=function(a){return v(a)||t(a)===l};exports.isConcurrentMode=v;exports.isContextConsumer=function(a){return t(a)===k};
- exports.isContextProvider=function(a){return t(a)===h};exports.isElement=function(a){return"object"===typeof a&&null!==a&&a.$$typeof===c};exports.isForwardRef=function(a){return t(a)===n};exports.isFragment=function(a){return t(a)===e};exports.isLazy=function(a){return t(a)===r};exports.isMemo=function(a){return t(a)===q};exports.isPortal=function(a){return t(a)===d};exports.isProfiler=function(a){return t(a)===g};exports.isStrictMode=function(a){return t(a)===f};
- exports.isSuspense=function(a){return t(a)===p};
+ var b="function"===typeof Symbol&&Symbol.for,c=b?Symbol.for("react.element"):60103,d=b?Symbol.for("react.portal"):60106,e=b?Symbol.for("react.fragment"):60107,f=b?Symbol.for("react.strict_mode"):60108,g=b?Symbol.for("react.profiler"):60114,h=b?Symbol.for("react.provider"):60109,k=b?Symbol.for("react.context"):60110,l=b?Symbol.for("react.async_mode"):60111,m=b?Symbol.for("react.concurrent_mode"):60111,n=b?Symbol.for("react.forward_ref"):60112,p=b?Symbol.for("react.suspense"):60113,q=b?Symbol.for("react.suspense_list"):
+ 60120,r=b?Symbol.for("react.memo"):60115,t=b?Symbol.for("react.lazy"):60116,v=b?Symbol.for("react.fundamental"):60117,w=b?Symbol.for("react.responder"):60118;function x(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c:switch(a=a.type,a){case l:case m:case e:case g:case f:case p:return a;default:switch(a=a&&a.$$typeof,a){case k:case n:case h:return a;default:return u}}case t:case r:case d:return u}}}function y(a){return x(a)===m}exports.typeOf=x;exports.AsyncMode=l;
+ exports.ConcurrentMode=m;exports.ContextConsumer=k;exports.ContextProvider=h;exports.Element=c;exports.ForwardRef=n;exports.Fragment=e;exports.Lazy=t;exports.Memo=r;exports.Portal=d;exports.Profiler=g;exports.StrictMode=f;exports.Suspense=p;
+ exports.isValidElementType=function(a){return"string"===typeof a||"function"===typeof a||a===e||a===m||a===g||a===f||a===p||a===q||"object"===typeof a&&null!==a&&(a.$$typeof===t||a.$$typeof===r||a.$$typeof===h||a.$$typeof===k||a.$$typeof===n||a.$$typeof===v||a.$$typeof===w)};exports.isAsyncMode=function(a){return y(a)||x(a)===l};exports.isConcurrentMode=y;exports.isContextConsumer=function(a){return x(a)===k};exports.isContextProvider=function(a){return x(a)===h};
+ exports.isElement=function(a){return"object"===typeof a&&null!==a&&a.$$typeof===c};exports.isForwardRef=function(a){return x(a)===n};exports.isFragment=function(a){return x(a)===e};exports.isLazy=function(a){return x(a)===t};exports.isMemo=function(a){return x(a)===r};exports.isPortal=function(a){return x(a)===d};exports.isProfiler=function(a){return x(a)===g};exports.isStrictMode=function(a){return x(a)===f};exports.isSuspense=function(a){return x(a)===p};
/***/ }),
-/* 227 */
+/* 215 */
/***/ (function(module, exports, __webpack_require__) {
- /* WEBPACK VAR INJECTION */(function(process) {/** @license React v16.8.6
+ /* WEBPACK VAR INJECTION */(function(process) {/** @license React v16.9.0
* react-is.development.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
@@ -25529,17 +25478,22 @@
var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for('react.profiler') : 0xead2;
var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for('react.provider') : 0xeacd;
var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for('react.context') : 0xeace;
+ // TODO: We don't use AsyncMode or ConcurrentMode anymore. They were temporary
+ // (unstable) APIs that have been removed. Can we remove the symbols?
var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for('react.async_mode') : 0xeacf;
var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for('react.concurrent_mode') : 0xeacf;
var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for('react.forward_ref') : 0xead0;
var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for('react.suspense') : 0xead1;
+ var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for('react.suspense_list') : 0xead8;
var REACT_MEMO_TYPE = hasSymbol ? Symbol.for('react.memo') : 0xead3;
var REACT_LAZY_TYPE = hasSymbol ? Symbol.for('react.lazy') : 0xead4;
+ var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for('react.fundamental') : 0xead5;
+ var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for('react.responder') : 0xead6;
function isValidElementType(type) {
return typeof type === 'string' || typeof type === 'function' ||
// Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
- type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || typeof type === 'object' && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE);
+ type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === 'object' && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE);
}
/**
@@ -25730,7 +25684,7 @@
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(33)))
/***/ }),
-/* 228 */
+/* 216 */
/***/ (function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(process) {/**
@@ -25786,7 +25740,7 @@
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(33)))
/***/ }),
-/* 229 */
+/* 217 */
/***/ (function(module, exports) {
"use strict";
@@ -25883,7 +25837,7 @@
exports.default = Subscription;
/***/ }),
-/* 230 */
+/* 218 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -25894,21 +25848,21 @@
exports.createConnect = createConnect;
exports.default = void 0;
- var _extends2 = _interopRequireDefault(__webpack_require__(122));
+ var _extends2 = _interopRequireDefault(__webpack_require__(110));
- var _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(223));
+ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(211));
- var _connectAdvanced = _interopRequireDefault(__webpack_require__(221));
+ var _connectAdvanced = _interopRequireDefault(__webpack_require__(209));
- var _shallowEqual = _interopRequireDefault(__webpack_require__(231));
+ var _shallowEqual = _interopRequireDefault(__webpack_require__(219));
- var _mapDispatchToProps = _interopRequireDefault(__webpack_require__(232));
+ var _mapDispatchToProps = _interopRequireDefault(__webpack_require__(220));
- var _mapStateToProps = _interopRequireDefault(__webpack_require__(236));
+ var _mapStateToProps = _interopRequireDefault(__webpack_require__(224));
- var _mergeProps = _interopRequireDefault(__webpack_require__(237));
+ var _mergeProps = _interopRequireDefault(__webpack_require__(225));
- var _selectorFactory = _interopRequireDefault(__webpack_require__(238));
+ var _selectorFactory = _interopRequireDefault(__webpack_require__(226));
/*
connect is a facade over connectAdvanced. It turns its args into a compatible
@@ -26003,7 +25957,7 @@
exports.default = _default;
/***/ }),
-/* 231 */
+/* 219 */
/***/ (function(module, exports) {
"use strict";
@@ -26041,7 +25995,7 @@
}
/***/ }),
-/* 232 */
+/* 220 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -26052,9 +26006,9 @@
exports.whenMapDispatchToPropsIsObject = whenMapDispatchToPropsIsObject;
exports.default = void 0;
- var _redux = __webpack_require__(203);
+ var _redux = __webpack_require__(191);
- var _wrapMapToProps = __webpack_require__(233);
+ var _wrapMapToProps = __webpack_require__(221);
function whenMapDispatchToPropsIsFunction(mapDispatchToProps) {
return typeof mapDispatchToProps === 'function' ? (0, _wrapMapToProps.wrapMapToPropsFunc)(mapDispatchToProps, 'mapDispatchToProps') : undefined;
@@ -26078,7 +26032,7 @@
exports.default = _default;
/***/ }),
-/* 233 */
+/* 221 */
/***/ (function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(process) {"use strict";
@@ -26090,7 +26044,7 @@
exports.getDependsOnOwnProps = getDependsOnOwnProps;
exports.wrapMapToPropsFunc = wrapMapToPropsFunc;
- var _verifyPlainObject = _interopRequireDefault(__webpack_require__(234));
+ var _verifyPlainObject = _interopRequireDefault(__webpack_require__(222));
function wrapMapToPropsConstant(getConstant) {
return function initConstantSelector(dispatch, options) {
@@ -26160,7 +26114,7 @@
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(33)))
/***/ }),
-/* 234 */
+/* 222 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -26170,9 +26124,9 @@
exports.__esModule = true;
exports.default = verifyPlainObject;
- var _isPlainObject = _interopRequireDefault(__webpack_require__(235));
+ var _isPlainObject = _interopRequireDefault(__webpack_require__(223));
- var _warning = _interopRequireDefault(__webpack_require__(220));
+ var _warning = _interopRequireDefault(__webpack_require__(208));
function verifyPlainObject(value, displayName, methodName) {
if (!(0, _isPlainObject.default)(value)) {
@@ -26181,7 +26135,7 @@
}
/***/ }),
-/* 235 */
+/* 223 */
/***/ (function(module, exports) {
"use strict";
@@ -26207,7 +26161,7 @@
}
/***/ }),
-/* 236 */
+/* 224 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -26217,7 +26171,7 @@
exports.whenMapStateToPropsIsMissing = whenMapStateToPropsIsMissing;
exports.default = void 0;
- var _wrapMapToProps = __webpack_require__(233);
+ var _wrapMapToProps = __webpack_require__(221);
function whenMapStateToPropsIsFunction(mapStateToProps) {
return typeof mapStateToProps === 'function' ? (0, _wrapMapToProps.wrapMapToPropsFunc)(mapStateToProps, 'mapStateToProps') : undefined;
@@ -26233,7 +26187,7 @@
exports.default = _default;
/***/ }),
-/* 237 */
+/* 225 */
/***/ (function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(process) {"use strict";
@@ -26247,9 +26201,9 @@
exports.whenMergePropsIsOmitted = whenMergePropsIsOmitted;
exports.default = void 0;
- var _extends2 = _interopRequireDefault(__webpack_require__(122));
+ var _extends2 = _interopRequireDefault(__webpack_require__(110));
- var _verifyPlainObject = _interopRequireDefault(__webpack_require__(234));
+ var _verifyPlainObject = _interopRequireDefault(__webpack_require__(222));
function defaultMergeProps(stateProps, dispatchProps, ownProps) {
return (0, _extends2.default)({}, ownProps, stateProps, dispatchProps);
@@ -26293,7 +26247,7 @@
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(33)))
/***/ }),
-/* 238 */
+/* 226 */
/***/ (function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(process) {"use strict";
@@ -26305,9 +26259,9 @@
exports.pureFinalPropsSelectorFactory = pureFinalPropsSelectorFactory;
exports.default = finalPropsSelectorFactory;
- var _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(223));
+ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(211));
- var _verifySubselectors = _interopRequireDefault(__webpack_require__(239));
+ var _verifySubselectors = _interopRequireDefault(__webpack_require__(227));
function impureFinalPropsSelectorFactory(mapStateToProps, mapDispatchToProps, mergeProps, dispatch) {
return function impureFinalPropsSelector(state, ownProps) {
@@ -26398,7 +26352,7 @@
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(33)))
/***/ }),
-/* 239 */
+/* 227 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -26408,7 +26362,7 @@
exports.__esModule = true;
exports.default = verifySubselectors;
- var _warning = _interopRequireDefault(__webpack_require__(220));
+ var _warning = _interopRequireDefault(__webpack_require__(208));
function verify(selector, methodName, displayName) {
if (!selector) {
@@ -26427,7 +26381,7 @@
}
/***/ }),
-/* 240 */
+/* 228 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -26436,38 +26390,38 @@
function _interopRequire(obj) { return obj && obj.__esModule ? obj['default'] : obj; }
- var _Motion = __webpack_require__(241);
+ var _Motion = __webpack_require__(229);
exports.Motion = _interopRequire(_Motion);
- var _StaggeredMotion = __webpack_require__(248);
+ var _StaggeredMotion = __webpack_require__(236);
exports.StaggeredMotion = _interopRequire(_StaggeredMotion);
- var _TransitionMotion = __webpack_require__(249);
+ var _TransitionMotion = __webpack_require__(237);
exports.TransitionMotion = _interopRequire(_TransitionMotion);
- var _spring = __webpack_require__(251);
+ var _spring = __webpack_require__(239);
exports.spring = _interopRequire(_spring);
- var _presets = __webpack_require__(252);
+ var _presets = __webpack_require__(240);
exports.presets = _interopRequire(_presets);
- var _stripStyle = __webpack_require__(243);
+ var _stripStyle = __webpack_require__(231);
exports.stripStyle = _interopRequire(_stripStyle);
// deprecated, dummy warning function
- var _reorderKeys = __webpack_require__(253);
+ var _reorderKeys = __webpack_require__(241);
exports.reorderKeys = _interopRequire(_reorderKeys);
/***/ }),
-/* 241 */
+/* 229 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -26484,27 +26438,27 @@
function _inherits(subClass, superClass) { if (typeof superClass !== 'function' && superClass !== null) { throw new TypeError('Super expression must either be null or a function, not ' + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
- var _mapToZero = __webpack_require__(242);
+ var _mapToZero = __webpack_require__(230);
var _mapToZero2 = _interopRequireDefault(_mapToZero);
- var _stripStyle = __webpack_require__(243);
+ var _stripStyle = __webpack_require__(231);
var _stripStyle2 = _interopRequireDefault(_stripStyle);
- var _stepper3 = __webpack_require__(244);
+ var _stepper3 = __webpack_require__(232);
var _stepper4 = _interopRequireDefault(_stepper3);
- var _performanceNow = __webpack_require__(245);
+ var _performanceNow = __webpack_require__(233);
var _performanceNow2 = _interopRequireDefault(_performanceNow);
- var _raf = __webpack_require__(246);
+ var _raf = __webpack_require__(234);
var _raf2 = _interopRequireDefault(_raf);
- var _shouldStopAnimation = __webpack_require__(247);
+ var _shouldStopAnimation = __webpack_require__(235);
var _shouldStopAnimation2 = _interopRequireDefault(_shouldStopAnimation);
@@ -26739,7 +26693,7 @@
// config)
/***/ }),
-/* 242 */
+/* 230 */
/***/ (function(module, exports) {
@@ -26763,7 +26717,7 @@
module.exports = exports['default'];
/***/ }),
-/* 243 */
+/* 231 */
/***/ (function(module, exports) {
@@ -26789,7 +26743,7 @@
module.exports = exports['default'];
/***/ }),
-/* 244 */
+/* 232 */
/***/ (function(module, exports) {
@@ -26837,7 +26791,7 @@
// array reference around.
/***/ }),
-/* 245 */
+/* 233 */
/***/ (function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(process) {// Generated by CoffeeScript 1.12.2
@@ -26880,10 +26834,10 @@
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(33)))
/***/ }),
-/* 246 */
+/* 234 */
/***/ (function(module, exports, __webpack_require__) {
- /* WEBPACK VAR INJECTION */(function(global) {var now = __webpack_require__(245)
+ /* WEBPACK VAR INJECTION */(function(global) {var now = __webpack_require__(233)
, root = typeof window === 'undefined' ? global : window
, vendors = ['moz', 'webkit']
, suffix = 'AnimationFrame'
@@ -26962,7 +26916,7 @@
/* WEBPACK VAR INJECTION */}.call(exports, (function() { return this; }())))
/***/ }),
-/* 247 */
+/* 235 */
/***/ (function(module, exports) {
@@ -26998,7 +26952,7 @@
module.exports = exports['default'];
/***/ }),
-/* 248 */
+/* 236 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -27015,27 +26969,27 @@
function _inherits(subClass, superClass) { if (typeof superClass !== 'function' && superClass !== null) { throw new TypeError('Super expression must either be null or a function, not ' + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
- var _mapToZero = __webpack_require__(242);
+ var _mapToZero = __webpack_require__(230);
var _mapToZero2 = _interopRequireDefault(_mapToZero);
- var _stripStyle = __webpack_require__(243);
+ var _stripStyle = __webpack_require__(231);
var _stripStyle2 = _interopRequireDefault(_stripStyle);
- var _stepper3 = __webpack_require__(244);
+ var _stepper3 = __webpack_require__(232);
var _stepper4 = _interopRequireDefault(_stepper3);
- var _performanceNow = __webpack_require__(245);
+ var _performanceNow = __webpack_require__(233);
var _performanceNow2 = _interopRequireDefault(_performanceNow);
- var _raf = __webpack_require__(246);
+ var _raf = __webpack_require__(234);
var _raf2 = _interopRequireDefault(_raf);
- var _shouldStopAnimation = __webpack_require__(247);
+ var _shouldStopAnimation = __webpack_require__(235);
var _shouldStopAnimation2 = _interopRequireDefault(_shouldStopAnimation);
@@ -27291,7 +27245,7 @@
// config)
/***/ }),
-/* 249 */
+/* 237 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -27308,31 +27262,31 @@
function _inherits(subClass, superClass) { if (typeof superClass !== 'function' && superClass !== null) { throw new TypeError('Super expression must either be null or a function, not ' + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
- var _mapToZero = __webpack_require__(242);
+ var _mapToZero = __webpack_require__(230);
var _mapToZero2 = _interopRequireDefault(_mapToZero);
- var _stripStyle = __webpack_require__(243);
+ var _stripStyle = __webpack_require__(231);
var _stripStyle2 = _interopRequireDefault(_stripStyle);
- var _stepper3 = __webpack_require__(244);
+ var _stepper3 = __webpack_require__(232);
var _stepper4 = _interopRequireDefault(_stepper3);
- var _mergeDiff = __webpack_require__(250);
+ var _mergeDiff = __webpack_require__(238);
var _mergeDiff2 = _interopRequireDefault(_mergeDiff);
- var _performanceNow = __webpack_require__(245);
+ var _performanceNow = __webpack_require__(233);
var _performanceNow2 = _interopRequireDefault(_performanceNow);
- var _raf = __webpack_require__(246);
+ var _raf = __webpack_require__(234);
var _raf2 = _interopRequireDefault(_raf);
- var _shouldStopAnimation = __webpack_require__(247);
+ var _shouldStopAnimation = __webpack_require__(235);
var _shouldStopAnimation2 = _interopRequireDefault(_shouldStopAnimation);
@@ -27818,7 +27772,7 @@
// In reality currentStyle should be 400
/***/ }),
-/* 250 */
+/* 238 */
/***/ (function(module, exports) {
@@ -27931,7 +27885,7 @@
// to loop through and find a key's index each time), but I no longer care
/***/ }),
-/* 251 */
+/* 239 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -27944,7 +27898,7 @@
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
- var _presets = __webpack_require__(252);
+ var _presets = __webpack_require__(240);
var _presets2 = _interopRequireDefault(_presets);
@@ -27959,7 +27913,7 @@
module.exports = exports['default'];
/***/ }),
-/* 252 */
+/* 240 */
/***/ (function(module, exports) {
"use strict";
@@ -27974,7 +27928,7 @@
module.exports = exports["default"];
/***/ }),
-/* 253 */
+/* 241 */
/***/ (function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(process) {'use strict';
@@ -27997,7 +27951,7 @@
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(33)))
/***/ }),
-/* 254 */
+/* 242 */
/***/ (function(module, exports, __webpack_require__) {
(function (global, factory) {
@@ -29243,8 +29197,8 @@
styleEl = doc.createElement('style');
styleEl.type = 'text/css';
styleEl.id = 'react-draggable-style-el';
- styleEl.innerHTML = '.react-draggable-transparent-selection *::-moz-selection {background: transparent;}\n';
- styleEl.innerHTML += '.react-draggable-transparent-selection *::selection {background: transparent;}\n';
+ styleEl.innerHTML = '.react-draggable-transparent-selection *::-moz-selection {all: inherit;}\n';
+ styleEl.innerHTML += '.react-draggable-transparent-selection *::selection {all: inherit;}\n';
doc.getElementsByTagName('head')[0].appendChild(styleEl);
}
if (doc.body) addClassName(doc.body, 'react-draggable-transparent-selection');
@@ -29991,18 +29945,15 @@
// Can only determine if SVG after mounting
isElementSVG: false
};
+
+ if (props.position && !(props.onDrag || props.onStop)) {
+ // eslint-disable-next-line no-console
+ console.warn('A `position` was applied to this
, without drag handlers. This will make this ' + 'component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the ' + '`position` of this element.');
+ }
return _this;
}
createClass(Draggable, [{
- key: 'componentWillMount',
- value: function componentWillMount() {
- if (this.props.position && !(this.props.onDrag || this.props.onStop)) {
- // eslint-disable-next-line
- console.warn('A `position` was applied to this , without drag handlers. This will make this ' + 'component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the ' + '`position` of this element.');
- }
- }
- }, {
key: 'componentDidMount',
value: function componentDidMount() {
// Check to see if the element passed is an instanceof SVGElement
@@ -30220,7 +30171,7 @@
/***/ }),
-/* 255 */
+/* 243 */
/***/ (function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(global, module) {/**
@@ -32072,10 +32023,10 @@
module.exports = isEqual;
- /* WEBPACK VAR INJECTION */}.call(exports, (function() { return this; }()), __webpack_require__(205)(module)))
+ /* WEBPACK VAR INJECTION */}.call(exports, (function() { return this; }()), __webpack_require__(193)(module)))
/***/ }),
-/* 256 */
+/* 244 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -32092,19 +32043,15 @@
var _react2 = _interopRequireDefault(_react);
- var _reactDom = __webpack_require__(2);
+ var _reactBeautifulDnd = __webpack_require__(144);
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- var _reactBeautifulDnd = __webpack_require__(156);
-
- var _util = __webpack_require__(257);
+ var _util = __webpack_require__(245);
var _classnames = __webpack_require__(5);
var _classnames2 = _interopRequireDefault(_classnames);
- var _lodash = __webpack_require__(255);
+ var _lodash = __webpack_require__(243);
var _lodash2 = _interopRequireDefault(_lodash);
@@ -32200,7 +32147,7 @@
_this2.state.items.map(function (item, index) {
return _react2["default"].createElement(
_reactBeautifulDnd.Draggable,
- { key: index, draggableId: index, index: index },
+ { key: index, draggableId: '' + index, index: index },
function (provided, snapshot) {
return _react2["default"].createElement(
'div',
@@ -32229,7 +32176,7 @@
module.exports = exports['default'];
/***/ }),
-/* 257 */
+/* 245 */
/***/ (function(module, exports) {
'use strict';
@@ -32278,7 +32225,7 @@
};
/***/ }),
-/* 258 */
+/* 246 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -32299,15 +32246,15 @@
var _reactDom2 = _interopRequireDefault(_reactDom);
- var _reactBeautifulDnd = __webpack_require__(156);
+ var _reactBeautifulDnd = __webpack_require__(144);
- var _util = __webpack_require__(257);
+ var _util = __webpack_require__(245);
var _classnames = __webpack_require__(5);
var _classnames2 = _interopRequireDefault(_classnames);
- var _lodash = __webpack_require__(255);
+ var _lodash = __webpack_require__(243);
var _lodash2 = _interopRequireDefault(_lodash);
@@ -32540,6 +32487,2633 @@
exports["default"] = Between;
module.exports = exports['default'];
+/***/ }),
+/* 247 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+
+ var _reactGridLayout = __webpack_require__(248);
+
+ var _reactGridLayout2 = _interopRequireDefault(_reactGridLayout);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+ exports["default"] = _reactGridLayout2["default"];
+ module.exports = exports['default'];
+
+/***/ }),
+/* 248 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ module.exports = __webpack_require__(249).default;
+ module.exports.utils = __webpack_require__(250);
+ module.exports.Responsive = __webpack_require__(256).default;
+ module.exports.Responsive.utils = __webpack_require__(257);
+ module.exports.WidthProvider = __webpack_require__(258).default;
+
+
+/***/ }),
+/* 249 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ /* WEBPACK VAR INJECTION */(function(process) {"use strict";
+
+ exports.__esModule = true;
+
+ var _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; };
+
+ var _react = __webpack_require__(1);
+
+ var _react2 = _interopRequireDefault(_react);
+
+ var _propTypes = __webpack_require__(6);
+
+ var _propTypes2 = _interopRequireDefault(_propTypes);
+
+ var _lodash = __webpack_require__(243);
+
+ var _lodash2 = _interopRequireDefault(_lodash);
+
+ var _classnames = __webpack_require__(5);
+
+ var _classnames2 = _interopRequireDefault(_classnames);
+
+ var _utils = __webpack_require__(250);
+
+ var _GridItem = __webpack_require__(251);
+
+ var _GridItem2 = _interopRequireDefault(_GridItem);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+ function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+ function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+ // End Types
+
+ /**
+ * A reactive, fluid grid layout with draggable, resizable components.
+ */
+
+ // Types
+ var ReactGridLayout = function (_React$Component) {
+ _inherits(ReactGridLayout, _React$Component);
+
+ // TODO publish internal ReactClass displayName transform
+ function ReactGridLayout(props, context) {
+ _classCallCheck(this, ReactGridLayout);
+
+ var _this = _possibleConstructorReturn(this, _React$Component.call(this, props, context));
+
+ _initialiseProps.call(_this);
+
+ (0, _utils.autoBindHandlers)(_this, ["onDragStart", "onDrag", "onDragStop", "onResizeStart", "onResize", "onResizeStop"]);
+ return _this;
+ }
+
+ ReactGridLayout.prototype.componentDidMount = function componentDidMount() {
+ this.setState({ mounted: true });
+ // Possibly call back with layout on mount. This should be done after correcting the layout width
+ // to ensure we don't rerender with the wrong width.
+ this.onLayoutMaybeChanged(this.state.layout, this.props.layout);
+ };
+
+ ReactGridLayout.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
+ var newLayoutBase = void 0;
+ // Legacy support for compactType
+ // Allow parent to set layout directly.
+ if (!(0, _lodash2.default)(nextProps.layout, this.props.layout) || nextProps.compactType !== this.props.compactType) {
+ newLayoutBase = nextProps.layout;
+ } else if (!(0, _utils.childrenEqual)(this.props.children, nextProps.children)) {
+ // If children change, also regenerate the layout. Use our state
+ // as the base in case because it may be more up to date than
+ // what is in props.
+ newLayoutBase = this.state.layout;
+ }
+
+ // We need to regenerate the layout.
+ if (newLayoutBase) {
+ var newLayout = (0, _utils.synchronizeLayoutWithChildren)(newLayoutBase, nextProps.children, nextProps.cols, this.compactType(nextProps));
+ var _oldLayout = this.state.layout;
+ this.setState({ layout: newLayout });
+ this.onLayoutMaybeChanged(newLayout, _oldLayout);
+ }
+ };
+
+ /**
+ * Calculates a pixel value for the container.
+ * @return {String} Container height in pixels.
+ */
+
+
+ ReactGridLayout.prototype.containerHeight = function containerHeight() {
+ if (!this.props.autoSize) return;
+ var nbRow = (0, _utils.bottom)(this.state.layout);
+ var containerPaddingY = this.props.containerPadding ? this.props.containerPadding[1] : this.props.margin[1];
+ return nbRow * this.props.rowHeight + (nbRow - 1) * this.props.margin[1] + containerPaddingY * 2 + "px";
+ };
+
+ ReactGridLayout.prototype.compactType = function compactType(props) {
+ if (!props) props = this.props;
+ return props.verticalCompact === false ? null : props.compactType;
+ };
+
+ /**
+ * When dragging starts
+ * @param {String} i Id of the child
+ * @param {Number} x X position of the move
+ * @param {Number} y Y position of the move
+ * @param {Event} e The mousedown event
+ * @param {Element} node The current dragging DOM element
+ */
+
+
+ ReactGridLayout.prototype.onDragStart = function onDragStart(i, x, y, _ref) {
+ var e = _ref.e,
+ node = _ref.node;
+ var layout = this.state.layout;
+
+ var l = (0, _utils.getLayoutItem)(layout, i);
+ if (!l) return;
+
+ this.setState({
+ oldDragItem: (0, _utils.cloneLayoutItem)(l),
+ oldLayout: this.state.layout
+ });
+
+ return this.props.onDragStart(layout, l, l, null, e, node);
+ };
+
+ /**
+ * Each drag movement create a new dragelement and move the element to the dragged location
+ * @param {String} i Id of the child
+ * @param {Number} x X position of the move
+ * @param {Number} y Y position of the move
+ * @param {Event} e The mousedown event
+ * @param {Element} node The current dragging DOM element
+ */
+
+
+ ReactGridLayout.prototype.onDrag = function onDrag(i, x, y, _ref2) {
+ var e = _ref2.e,
+ node = _ref2.node;
+ var oldDragItem = this.state.oldDragItem;
+ var layout = this.state.layout;
+ var cols = this.props.cols;
+
+ var l = (0, _utils.getLayoutItem)(layout, i);
+ if (!l) return;
+
+ // Create placeholder (display only)
+ var placeholder = {
+ w: l.w,
+ h: l.h,
+ x: l.x,
+ y: l.y,
+ placeholder: true,
+ i: i
+ };
+
+ // Move the element to the dragged location.
+ var isUserAction = true;
+ layout = (0, _utils.moveElement)(layout, l, x, y, isUserAction, this.props.preventCollision, this.compactType(), cols);
+
+ this.props.onDrag(layout, oldDragItem, l, placeholder, e, node);
+
+ this.setState({
+ layout: (0, _utils.compact)(layout, this.compactType(), cols),
+ activeDrag: placeholder
+ });
+ };
+
+ /**
+ * When dragging stops, figure out which position the element is closest to and update its x and y.
+ * @param {String} i Index of the child.
+ * @param {Number} x X position of the move
+ * @param {Number} y Y position of the move
+ * @param {Event} e The mousedown event
+ * @param {Element} node The current dragging DOM element
+ */
+
+
+ ReactGridLayout.prototype.onDragStop = function onDragStop(i, x, y, _ref3) {
+ var e = _ref3.e,
+ node = _ref3.node;
+ var oldDragItem = this.state.oldDragItem;
+ var layout = this.state.layout;
+ var _props = this.props,
+ cols = _props.cols,
+ preventCollision = _props.preventCollision;
+
+ var l = (0, _utils.getLayoutItem)(layout, i);
+ if (!l) return;
+
+ // Move the element here
+ var isUserAction = true;
+ layout = (0, _utils.moveElement)(layout, l, x, y, isUserAction, preventCollision, this.compactType(), cols);
+
+ this.props.onDragStop(layout, oldDragItem, l, null, e, node);
+
+ // Set state
+ var newLayout = (0, _utils.compact)(layout, this.compactType(), cols);
+ var oldLayout = this.state.oldLayout;
+
+ this.setState({
+ activeDrag: null,
+ layout: newLayout,
+ oldDragItem: null,
+ oldLayout: null
+ });
+
+ this.onLayoutMaybeChanged(newLayout, oldLayout);
+ };
+
+ ReactGridLayout.prototype.onLayoutMaybeChanged = function onLayoutMaybeChanged(newLayout, oldLayout) {
+ if (!oldLayout) oldLayout = this.state.layout;
+ if (!(0, _lodash2.default)(oldLayout, newLayout)) {
+ this.props.onLayoutChange(newLayout);
+ }
+ };
+
+ ReactGridLayout.prototype.onResizeStart = function onResizeStart(i, w, h, _ref4) {
+ var e = _ref4.e,
+ node = _ref4.node;
+ var layout = this.state.layout;
+
+ var l = (0, _utils.getLayoutItem)(layout, i);
+ if (!l) return;
+
+ this.setState({
+ oldResizeItem: (0, _utils.cloneLayoutItem)(l),
+ oldLayout: this.state.layout
+ });
+
+ this.props.onResizeStart(layout, l, l, null, e, node);
+ };
+
+ ReactGridLayout.prototype.onResize = function onResize(i, w, h, _ref5) {
+ var e = _ref5.e,
+ node = _ref5.node;
+ var _state = this.state,
+ layout = _state.layout,
+ oldResizeItem = _state.oldResizeItem;
+ var _props2 = this.props,
+ cols = _props2.cols,
+ preventCollision = _props2.preventCollision;
+
+ var l = (0, _utils.getLayoutItem)(layout, i);
+ if (!l) return;
+
+ // Something like quad tree should be used
+ // to find collisions faster
+ var hasCollisions = void 0;
+ if (preventCollision) {
+ var collisions = (0, _utils.getAllCollisions)(layout, _extends({}, l, { w: w, h: h })).filter(function (layoutItem) {
+ return layoutItem.i !== l.i;
+ });
+ hasCollisions = collisions.length > 0;
+
+ // If we're colliding, we need adjust the placeholder.
+ if (hasCollisions) {
+ // adjust w && h to maximum allowed space
+ var leastX = Infinity,
+ leastY = Infinity;
+ collisions.forEach(function (layoutItem) {
+ if (layoutItem.x > l.x) leastX = Math.min(leastX, layoutItem.x);
+ if (layoutItem.y > l.y) leastY = Math.min(leastY, layoutItem.y);
+ });
+
+ if (Number.isFinite(leastX)) l.w = leastX - l.x;
+ if (Number.isFinite(leastY)) l.h = leastY - l.y;
+ }
+ }
+
+ if (!hasCollisions) {
+ // Set new width and height.
+ l.w = w;
+ l.h = h;
+ }
+
+ // Create placeholder element (display only)
+ var placeholder = {
+ w: l.w,
+ h: l.h,
+ x: l.x,
+ y: l.y,
+ static: true,
+ i: i
+ };
+
+ this.props.onResize(layout, oldResizeItem, l, placeholder, e, node);
+
+ // Re-compact the layout and set the drag placeholder.
+ this.setState({
+ layout: (0, _utils.compact)(layout, this.compactType(), cols),
+ activeDrag: placeholder
+ });
+ };
+
+ ReactGridLayout.prototype.onResizeStop = function onResizeStop(i, w, h, _ref6) {
+ var e = _ref6.e,
+ node = _ref6.node;
+ var _state2 = this.state,
+ layout = _state2.layout,
+ oldResizeItem = _state2.oldResizeItem;
+ var cols = this.props.cols;
+
+ var l = (0, _utils.getLayoutItem)(layout, i);
+
+ this.props.onResizeStop(layout, oldResizeItem, l, null, e, node);
+
+ // Set state
+ var newLayout = (0, _utils.compact)(layout, this.compactType(), cols);
+ var oldLayout = this.state.oldLayout;
+
+ this.setState({
+ activeDrag: null,
+ layout: newLayout,
+ oldResizeItem: null,
+ oldLayout: null
+ });
+
+ this.onLayoutMaybeChanged(newLayout, oldLayout);
+ };
+
+ /**
+ * Create a placeholder object.
+ * @return {Element} Placeholder div.
+ */
+
+
+ ReactGridLayout.prototype.placeholder = function placeholder() {
+ var activeDrag = this.state.activeDrag;
+
+ if (!activeDrag) return null;
+ var _props3 = this.props,
+ width = _props3.width,
+ cols = _props3.cols,
+ margin = _props3.margin,
+ containerPadding = _props3.containerPadding,
+ rowHeight = _props3.rowHeight,
+ maxRows = _props3.maxRows,
+ useCSSTransforms = _props3.useCSSTransforms;
+
+ // {...this.state.activeDrag} is pretty slow, actually
+
+ return _react2.default.createElement(
+ _GridItem2.default,
+ {
+ w: activeDrag.w,
+ h: activeDrag.h,
+ x: activeDrag.x,
+ y: activeDrag.y,
+ i: activeDrag.i,
+ className: "react-grid-placeholder",
+ containerWidth: width,
+ cols: cols,
+ margin: margin,
+ containerPadding: containerPadding || margin,
+ maxRows: maxRows,
+ rowHeight: rowHeight,
+ isDraggable: false,
+ isResizable: false,
+ useCSSTransforms: useCSSTransforms
+ },
+ _react2.default.createElement("div", null)
+ );
+ };
+
+ /**
+ * Given a grid item, set its style attributes & surround in a .
+ * @param {Element} child React element.
+ * @return {Element} Element wrapped in draggable and properly placed.
+ */
+
+
+ ReactGridLayout.prototype.processGridItem = function processGridItem(child) {
+ if (!child || !child.key) return;
+ var l = (0, _utils.getLayoutItem)(this.state.layout, String(child.key));
+ if (!l) return null;
+ var _props4 = this.props,
+ width = _props4.width,
+ cols = _props4.cols,
+ margin = _props4.margin,
+ containerPadding = _props4.containerPadding,
+ rowHeight = _props4.rowHeight,
+ maxRows = _props4.maxRows,
+ isDraggable = _props4.isDraggable,
+ isResizable = _props4.isResizable,
+ useCSSTransforms = _props4.useCSSTransforms,
+ draggableCancel = _props4.draggableCancel,
+ draggableHandle = _props4.draggableHandle;
+ var mounted = this.state.mounted;
+
+ // Parse 'static'. Any properties defined directly on the grid item will take precedence.
+
+ var draggable = Boolean(!l.static && isDraggable && (l.isDraggable || l.isDraggable == null));
+ var resizable = Boolean(!l.static && isResizable && (l.isResizable || l.isResizable == null));
+
+ return _react2.default.createElement(
+ _GridItem2.default,
+ {
+ containerWidth: width,
+ cols: cols,
+ margin: margin,
+ containerPadding: containerPadding || margin,
+ maxRows: maxRows,
+ rowHeight: rowHeight,
+ cancel: draggableCancel,
+ handle: draggableHandle,
+ onDragStop: this.onDragStop,
+ onDragStart: this.onDragStart,
+ onDrag: this.onDrag,
+ onResizeStart: this.onResizeStart,
+ onResize: this.onResize,
+ onResizeStop: this.onResizeStop,
+ isDraggable: draggable,
+ isResizable: resizable,
+ useCSSTransforms: useCSSTransforms && mounted,
+ usePercentages: !mounted,
+ w: l.w,
+ h: l.h,
+ x: l.x,
+ y: l.y,
+ i: l.i,
+ minH: l.minH,
+ minW: l.minW,
+ maxH: l.maxH,
+ maxW: l.maxW,
+ "static": l.static
+ },
+ child
+ );
+ };
+
+ ReactGridLayout.prototype.render = function render() {
+ var _this2 = this;
+
+ var _props5 = this.props,
+ className = _props5.className,
+ style = _props5.style;
+
+
+ var mergedClassName = (0, _classnames2.default)("react-grid-layout", className);
+ var mergedStyle = _extends({
+ height: this.containerHeight()
+ }, style);
+
+ return _react2.default.createElement(
+ "div",
+ { className: mergedClassName, style: mergedStyle },
+ _react2.default.Children.map(this.props.children, function (child) {
+ return _this2.processGridItem(child);
+ }),
+ this.placeholder()
+ );
+ };
+
+ return ReactGridLayout;
+ }(_react2.default.Component);
+
+ ReactGridLayout.displayName = "ReactGridLayout";
+ ReactGridLayout.propTypes = {
+ //
+ // Basic props
+ //
+ className: _propTypes2.default.string,
+ style: _propTypes2.default.object,
+
+ // This can be set explicitly. If it is not set, it will automatically
+ // be set to the container width. Note that resizes will *not* cause this to adjust.
+ // If you need that behavior, use WidthProvider.
+ width: _propTypes2.default.number,
+
+ // If true, the container height swells and contracts to fit contents
+ autoSize: _propTypes2.default.bool,
+ // # of cols.
+ cols: _propTypes2.default.number,
+
+ // A selector that will not be draggable.
+ draggableCancel: _propTypes2.default.string,
+ // A selector for the draggable handler
+ draggableHandle: _propTypes2.default.string,
+
+ // Deprecated
+ verticalCompact: function verticalCompact(props) {
+ if (props.verticalCompact === false && process.env.NODE_ENV !== "production") {
+ console.warn(
+ // eslint-disable-line no-console
+ "`verticalCompact` on is deprecated and will be removed soon. " + 'Use `compactType`: "horizontal" | "vertical" | null.');
+ }
+ },
+ // Choose vertical or hotizontal compaction
+ compactType: _propTypes2.default.oneOf(["vertical", "horizontal"]),
+
+ // layout is an array of object with the format:
+ // {x: Number, y: Number, w: Number, h: Number, i: String}
+ layout: function layout(props) {
+ var layout = props.layout;
+ // I hope you're setting the data-grid property on the grid items
+ if (layout === undefined) return;
+ (0, _utils.validateLayout)(layout, "layout");
+ },
+
+ //
+ // Grid Dimensions
+ //
+
+ // Margin between items [x, y] in px
+ margin: _propTypes2.default.arrayOf(_propTypes2.default.number),
+ // Padding inside the container [x, y] in px
+ containerPadding: _propTypes2.default.arrayOf(_propTypes2.default.number),
+ // Rows have a static height, but you can change this based on breakpoints if you like
+ rowHeight: _propTypes2.default.number,
+ // Default Infinity, but you can specify a max here if you like.
+ // Note that this isn't fully fleshed out and won't error if you specify a layout that
+ // extends beyond the row capacity. It will, however, not allow users to drag/resize
+ // an item past the barrier. They can push items beyond the barrier, though.
+ // Intentionally not documented for this reason.
+ maxRows: _propTypes2.default.number,
+
+ //
+ // Flags
+ //
+ isDraggable: _propTypes2.default.bool,
+ isResizable: _propTypes2.default.bool,
+ // If true, grid items won't change position when being dragged over.
+ preventCollision: _propTypes2.default.bool,
+ // Use CSS transforms instead of top/left
+ useCSSTransforms: _propTypes2.default.bool,
+
+ //
+ // Callbacks
+ //
+
+ // Callback so you can save the layout. Calls after each drag & resize stops.
+ onLayoutChange: _propTypes2.default.func,
+
+ // Calls when drag starts. Callback is of the signature (layout, oldItem, newItem, placeholder, e, ?node).
+ // All callbacks below have the same signature. 'start' and 'stop' callbacks omit the 'placeholder'.
+ onDragStart: _propTypes2.default.func,
+ // Calls on each drag movement.
+ onDrag: _propTypes2.default.func,
+ // Calls when drag is complete.
+ onDragStop: _propTypes2.default.func,
+ //Calls when resize starts.
+ onResizeStart: _propTypes2.default.func,
+ // Calls when resize movement happens.
+ onResize: _propTypes2.default.func,
+ // Calls when resize is complete.
+ onResizeStop: _propTypes2.default.func,
+
+ //
+ // Other validations
+ //
+
+ // Children must not have duplicate keys.
+ children: function children(props, propName) {
+ var children = props[propName];
+
+ // Check children keys for duplicates. Throw if found.
+ var keys = {};
+ _react2.default.Children.forEach(children, function (child) {
+ if (keys[child.key]) {
+ throw new Error('Duplicate child key "' + child.key + '" found! This will cause problems in ReactGridLayout.');
+ }
+ keys[child.key] = true;
+ });
+ }
+ };
+ ReactGridLayout.defaultProps = {
+ autoSize: true,
+ cols: 12,
+ className: "",
+ style: {},
+ draggableHandle: "",
+ draggableCancel: "",
+ containerPadding: null,
+ rowHeight: 150,
+ maxRows: Infinity, // infinite vertical growth
+ layout: [],
+ margin: [10, 10],
+ isDraggable: true,
+ isResizable: true,
+ useCSSTransforms: true,
+ verticalCompact: true,
+ compactType: "vertical",
+ preventCollision: false,
+ onLayoutChange: _utils.noop,
+ onDragStart: _utils.noop,
+ onDrag: _utils.noop,
+ onDragStop: _utils.noop,
+ onResizeStart: _utils.noop,
+ onResize: _utils.noop,
+ onResizeStop: _utils.noop
+ };
+
+ var _initialiseProps = function _initialiseProps() {
+ this.state = {
+ activeDrag: null,
+ layout: (0, _utils.synchronizeLayoutWithChildren)(this.props.layout, this.props.children, this.props.cols,
+ // Legacy support for verticalCompact: false
+ this.compactType()),
+ mounted: false,
+ oldDragItem: null,
+ oldLayout: null,
+ oldResizeItem: null
+ };
+ };
+
+ exports.default = ReactGridLayout;
+ /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(33)))
+
+/***/ }),
+/* 250 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ /* WEBPACK VAR INJECTION */(function(process) {"use strict";
+
+ exports.__esModule = true;
+ exports.noop = undefined;
+
+ var _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; };
+
+ exports.bottom = bottom;
+ exports.cloneLayout = cloneLayout;
+ exports.cloneLayoutItem = cloneLayoutItem;
+ exports.childrenEqual = childrenEqual;
+ exports.collides = collides;
+ exports.compact = compact;
+ exports.compactItem = compactItem;
+ exports.correctBounds = correctBounds;
+ exports.getLayoutItem = getLayoutItem;
+ exports.getFirstCollision = getFirstCollision;
+ exports.getAllCollisions = getAllCollisions;
+ exports.getStatics = getStatics;
+ exports.moveElement = moveElement;
+ exports.moveElementAwayFromCollision = moveElementAwayFromCollision;
+ exports.perc = perc;
+ exports.setTransform = setTransform;
+ exports.setTopLeft = setTopLeft;
+ exports.sortLayoutItems = sortLayoutItems;
+ exports.sortLayoutItemsByRowCol = sortLayoutItemsByRowCol;
+ exports.sortLayoutItemsByColRow = sortLayoutItemsByColRow;
+ exports.synchronizeLayoutWithChildren = synchronizeLayoutWithChildren;
+ exports.validateLayout = validateLayout;
+ exports.autoBindHandlers = autoBindHandlers;
+
+ var _lodash = __webpack_require__(243);
+
+ var _lodash2 = _interopRequireDefault(_lodash);
+
+ var _react = __webpack_require__(1);
+
+ var _react2 = _interopRequireDefault(_react);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ // All callbacks are of the signature (layout, oldItem, newItem, placeholder, e).
+ var isProduction = process.env.NODE_ENV === "production";
+ var DEBUG = false;
+
+ /**
+ * Return the bottom coordinate of the layout.
+ *
+ * @param {Array} layout Layout array.
+ * @return {Number} Bottom coordinate.
+ */
+ function bottom(layout) {
+ var max = 0,
+ bottomY = void 0;
+ for (var _i = 0, len = layout.length; _i < len; _i++) {
+ bottomY = layout[_i].y + layout[_i].h;
+ if (bottomY > max) max = bottomY;
+ }
+ return max;
+ }
+
+ function cloneLayout(layout) {
+ var newLayout = Array(layout.length);
+ for (var _i2 = 0, len = layout.length; _i2 < len; _i2++) {
+ newLayout[_i2] = cloneLayoutItem(layout[_i2]);
+ }
+ return newLayout;
+ }
+
+ // Fast path to cloning, since this is monomorphic
+ function cloneLayoutItem(layoutItem) {
+ return {
+ w: layoutItem.w,
+ h: layoutItem.h,
+ x: layoutItem.x,
+ y: layoutItem.y,
+ i: layoutItem.i,
+ minW: layoutItem.minW,
+ maxW: layoutItem.maxW,
+ minH: layoutItem.minH,
+ maxH: layoutItem.maxH,
+ moved: Boolean(layoutItem.moved),
+ static: Boolean(layoutItem.static),
+ // These can be null
+ isDraggable: layoutItem.isDraggable,
+ isResizable: layoutItem.isResizable
+ };
+ }
+
+ /**
+ * Comparing React `children` is a bit difficult. This is a good way to compare them.
+ * This will catch differences in keys, order, and length.
+ */
+ function childrenEqual(a, b) {
+ return (0, _lodash2.default)(_react2.default.Children.map(a, function (c) {
+ return c.key;
+ }), _react2.default.Children.map(b, function (c) {
+ return c.key;
+ }));
+ }
+
+ /**
+ * Given two layoutitems, check if they collide.
+ */
+ function collides(l1, l2) {
+ if (l1 === l2) return false; // same element
+ if (l1.x + l1.w <= l2.x) return false; // l1 is left of l2
+ if (l1.x >= l2.x + l2.w) return false; // l1 is right of l2
+ if (l1.y + l1.h <= l2.y) return false; // l1 is above l2
+ if (l1.y >= l2.y + l2.h) return false; // l1 is below l2
+ return true; // boxes overlap
+ }
+
+ /**
+ * Given a layout, compact it. This involves going down each y coordinate and removing gaps
+ * between items.
+ *
+ * @param {Array} layout Layout.
+ * @param {Boolean} verticalCompact Whether or not to compact the layout
+ * vertically.
+ * @return {Array} Compacted Layout.
+ */
+ function compact(layout, compactType, cols) {
+ // Statics go in the compareWith array right away so items flow around them.
+ var compareWith = getStatics(layout);
+ // We go through the items by row and column.
+ var sorted = sortLayoutItems(layout, compactType);
+ // Holding for new items.
+ var out = Array(layout.length);
+
+ for (var _i3 = 0, len = sorted.length; _i3 < len; _i3++) {
+ var l = cloneLayoutItem(sorted[_i3]);
+
+ // Don't move static elements
+ if (!l.static) {
+ l = compactItem(compareWith, l, compactType, cols, sorted);
+
+ // Add to comparison array. We only collide with items before this one.
+ // Statics are already in this array.
+ compareWith.push(l);
+ }
+
+ // Add to output array to make sure they still come out in the right order.
+ out[layout.indexOf(sorted[_i3])] = l;
+
+ // Clear moved flag, if it exists.
+ l.moved = false;
+ }
+
+ return out;
+ }
+
+ var heightWidth = { x: "w", y: "h" };
+ /**
+ * Before moving item down, it will check if the movement will cause collisions and move those items down before.
+ */
+ function resolveCompactionCollision(layout, item, moveToCoord, axis) {
+ var sizeProp = heightWidth[axis];
+ item[axis] += 1;
+ var itemIndex = layout.indexOf(item);
+
+ // Go through each item we collide with.
+ for (var _i4 = itemIndex + 1; _i4 < layout.length; _i4++) {
+ var otherItem = layout[_i4];
+ // Ignore static items
+ if (otherItem.static) continue;
+
+ // Optimization: we can break early if we know we're past this el
+ // We can do this b/c it's a sorted layout
+ if (otherItem.y > item.y + item.h) break;
+
+ if (collides(item, otherItem)) {
+ resolveCompactionCollision(layout, otherItem, moveToCoord + item[sizeProp], axis);
+ }
+ }
+
+ item[axis] = moveToCoord;
+ }
+
+ /**
+ * Compact an item in the layout.
+ */
+ function compactItem(compareWith, l, compactType, cols, fullLayout) {
+ var compactV = compactType === "vertical";
+ var compactH = compactType === "horizontal";
+ if (compactV) {
+ // Bottom 'y' possible is the bottom of the layout.
+ // This allows you to do nice stuff like specify {y: Infinity}
+ // This is here because the layout must be sorted in order to get the correct bottom `y`.
+ l.y = Math.min(bottom(compareWith), l.y);
+ // Move the element up as far as it can go without colliding.
+ while (l.y > 0 && !getFirstCollision(compareWith, l)) {
+ l.y--;
+ }
+ } else if (compactH) {
+ l.y = Math.min(bottom(compareWith), l.y);
+ // Move the element left as far as it can go without colliding.
+ while (l.x > 0 && !getFirstCollision(compareWith, l)) {
+ l.x--;
+ }
+ }
+
+ // Move it down, and keep moving it down if it's colliding.
+ var collides = void 0;
+ while (collides = getFirstCollision(compareWith, l)) {
+ if (compactH) {
+ resolveCompactionCollision(fullLayout, l, collides.x + collides.w, "x");
+ } else {
+ resolveCompactionCollision(fullLayout, l, collides.y + collides.h, "y");
+ }
+ // Since we can't grow without bounds horizontally, if we've overflown, let's move it down and try again.
+ if (compactH && l.x + l.w > cols) {
+ l.x = cols - l.w;
+ l.y++;
+ }
+ }
+ return l;
+ }
+
+ /**
+ * Given a layout, make sure all elements fit within its bounds.
+ *
+ * @param {Array} layout Layout array.
+ * @param {Number} bounds Number of columns.
+ */
+ function correctBounds(layout, bounds) {
+ var collidesWith = getStatics(layout);
+ for (var _i5 = 0, len = layout.length; _i5 < len; _i5++) {
+ var l = layout[_i5];
+ // Overflows right
+ if (l.x + l.w > bounds.cols) l.x = bounds.cols - l.w;
+ // Overflows left
+ if (l.x < 0) {
+ l.x = 0;
+ l.w = bounds.cols;
+ }
+ if (!l.static) collidesWith.push(l);else {
+ // If this is static and collides with other statics, we must move it down.
+ // We have to do something nicer than just letting them overlap.
+ while (getFirstCollision(collidesWith, l)) {
+ l.y++;
+ }
+ }
+ }
+ return layout;
+ }
+
+ /**
+ * Get a layout item by ID. Used so we can override later on if necessary.
+ *
+ * @param {Array} layout Layout array.
+ * @param {String} id ID
+ * @return {LayoutItem} Item at ID.
+ */
+ function getLayoutItem(layout, id) {
+ for (var _i6 = 0, len = layout.length; _i6 < len; _i6++) {
+ if (layout[_i6].i === id) return layout[_i6];
+ }
+ }
+
+ /**
+ * Returns the first item this layout collides with.
+ * It doesn't appear to matter which order we approach this from, although
+ * perhaps that is the wrong thing to do.
+ *
+ * @param {Object} layoutItem Layout item.
+ * @return {Object|undefined} A colliding layout item, or undefined.
+ */
+ function getFirstCollision(layout, layoutItem) {
+ for (var _i7 = 0, len = layout.length; _i7 < len; _i7++) {
+ if (collides(layout[_i7], layoutItem)) return layout[_i7];
+ }
+ }
+
+ function getAllCollisions(layout, layoutItem) {
+ return layout.filter(function (l) {
+ return collides(l, layoutItem);
+ });
+ }
+
+ /**
+ * Get all static elements.
+ * @param {Array} layout Array of layout objects.
+ * @return {Array} Array of static layout items..
+ */
+ function getStatics(layout) {
+ return layout.filter(function (l) {
+ return l.static;
+ });
+ }
+
+ /**
+ * Move an element. Responsible for doing cascading movements of other elements.
+ *
+ * @param {Array} layout Full layout to modify.
+ * @param {LayoutItem} l element to move.
+ * @param {Number} [x] X position in grid units.
+ * @param {Number} [y] Y position in grid units.
+ */
+ function moveElement(layout, l, x, y, isUserAction, preventCollision, compactType, cols) {
+ if (l.static) return layout;
+
+ // Short-circuit if nothing to do.
+ if (l.y === y && l.x === x) return layout;
+
+ log("Moving element " + l.i + " to [" + String(x) + "," + String(y) + "] from [" + l.x + "," + l.y + "]");
+ var oldX = l.x;
+ var oldY = l.y;
+
+ // This is quite a bit faster than extending the object
+ if (typeof x === 'number') l.x = x;
+ if (typeof y === 'number') l.y = y;
+ l.moved = true;
+
+ // If this collides with anything, move it.
+ // When doing this comparison, we have to sort the items we compare with
+ // to ensure, in the case of multiple collisions, that we're getting the
+ // nearest collision.
+ var sorted = sortLayoutItems(layout, compactType);
+ var movingUp = compactType === "vertical" && typeof y === 'number' ? oldY >= y : compactType === "horizontal" && typeof x === 'number' ? oldX >= x : false;
+ if (movingUp) sorted = sorted.reverse();
+ var collisions = getAllCollisions(sorted, l);
+
+ // There was a collision; abort
+ if (preventCollision && collisions.length) {
+ log("Collision prevented on " + l.i + ", reverting.");
+ l.x = oldX;
+ l.y = oldY;
+ l.moved = false;
+ return layout;
+ }
+
+ // Move each item that collides away from this element.
+ for (var _i8 = 0, len = collisions.length; _i8 < len; _i8++) {
+ var collision = collisions[_i8];
+ log("Resolving collision between " + l.i + " at [" + l.x + "," + l.y + "] and " + collision.i + " at [" + collision.x + "," + collision.y + "]");
+
+ // Short circuit so we can't infinite loop
+ if (collision.moved) continue;
+
+ // Don't move static items - we have to move *this* element away
+ if (collision.static) {
+ layout = moveElementAwayFromCollision(layout, collision, l, isUserAction, compactType, cols);
+ } else {
+ layout = moveElementAwayFromCollision(layout, l, collision, isUserAction, compactType, cols);
+ }
+ }
+
+ return layout;
+ }
+
+ /**
+ * This is where the magic needs to happen - given a collision, move an element away from the collision.
+ * We attempt to move it up if there's room, otherwise it goes below.
+ *
+ * @param {Array} layout Full layout to modify.
+ * @param {LayoutItem} collidesWith Layout item we're colliding with.
+ * @param {LayoutItem} itemToMove Layout item we're moving.
+ */
+ function moveElementAwayFromCollision(layout, collidesWith, itemToMove, isUserAction, compactType, cols) {
+ var compactH = compactType === "horizontal";
+ var compactV = compactType === "vertical";
+ var preventCollision = false; // we're already colliding
+
+ // If there is enough space above the collision to put this element, move it there.
+ // We only do this on the main collision as this can get funky in cascades and cause
+ // unwanted swapping behavior.
+ if (isUserAction) {
+ // Reset isUserAction flag because we're not in the main collision anymore.
+ isUserAction = false;
+
+ // Make a mock item so we don't modify the item here, only modify in moveElement.
+ var fakeItem = {
+ x: compactH ? Math.max(collidesWith.x - itemToMove.w, 0) : itemToMove.x,
+ y: compactV ? Math.max(collidesWith.y - itemToMove.h, 0) : itemToMove.y,
+ w: itemToMove.w,
+ h: itemToMove.h,
+ i: "-1"
+ };
+
+ // No collision? If so, we can go up there; otherwise, we'll end up moving down as normal
+ if (!getFirstCollision(layout, fakeItem)) {
+ log("Doing reverse collision on " + itemToMove.i + " up to [" + fakeItem.x + "," + fakeItem.y + "].");
+ return moveElement(layout, itemToMove, compactH ? fakeItem.x : undefined, compactV ? fakeItem.y : undefined, isUserAction, preventCollision, compactType, cols);
+ }
+ }
+
+ return moveElement(layout, itemToMove, compactH ? itemToMove.x + 1 : undefined, compactV ? itemToMove.y + 1 : undefined, isUserAction, preventCollision, compactType, cols);
+ }
+
+ /**
+ * Helper to convert a number to a percentage string.
+ *
+ * @param {Number} num Any number
+ * @return {String} That number as a percentage.
+ */
+ function perc(num) {
+ return num * 100 + "%";
+ }
+
+ function setTransform(_ref) {
+ var top = _ref.top,
+ left = _ref.left,
+ width = _ref.width,
+ height = _ref.height;
+
+ // Replace unitless items with px
+ var translate = "translate(" + left + "px," + top + "px)";
+ return {
+ transform: translate,
+ WebkitTransform: translate,
+ MozTransform: translate,
+ msTransform: translate,
+ OTransform: translate,
+ width: width + "px",
+ height: height + "px",
+ position: "absolute"
+ };
+ }
+
+ function setTopLeft(_ref2) {
+ var top = _ref2.top,
+ left = _ref2.left,
+ width = _ref2.width,
+ height = _ref2.height;
+
+ return {
+ top: top + "px",
+ left: left + "px",
+ width: width + "px",
+ height: height + "px",
+ position: "absolute"
+ };
+ }
+
+ /**
+ * Get layout items sorted from top left to right and down.
+ *
+ * @return {Array} Array of layout objects.
+ * @return {Array} Layout, sorted static items first.
+ */
+ function sortLayoutItems(layout, compactType) {
+ if (compactType === "horizontal") return sortLayoutItemsByColRow(layout);else return sortLayoutItemsByRowCol(layout);
+ }
+
+ function sortLayoutItemsByRowCol(layout) {
+ return [].concat(layout).sort(function (a, b) {
+ if (a.y > b.y || a.y === b.y && a.x > b.x) {
+ return 1;
+ } else if (a.y === b.y && a.x === b.x) {
+ // Without this, we can get different sort results in IE vs. Chrome/FF
+ return 0;
+ }
+ return -1;
+ });
+ }
+
+ function sortLayoutItemsByColRow(layout) {
+ return [].concat(layout).sort(function (a, b) {
+ if (a.x > b.x || a.x === b.x && a.y > b.y) {
+ return 1;
+ }
+ return -1;
+ });
+ }
+
+ /**
+ * Generate a layout using the initialLayout and children as a template.
+ * Missing entries will be added, extraneous ones will be truncated.
+ *
+ * @param {Array} initialLayout Layout passed in through props.
+ * @param {String} breakpoint Current responsive breakpoint.
+ * @param {?String} compact Compaction option.
+ * @return {Array} Working layout.
+ */
+ function synchronizeLayoutWithChildren(initialLayout, children, cols, compactType) {
+ initialLayout = initialLayout || [];
+
+ // Generate one layout item per child.
+ var layout = [];
+ _react2.default.Children.forEach(children, function (child, i) {
+ // Don't overwrite if it already exists.
+ var exists = getLayoutItem(initialLayout, String(child.key));
+ if (exists) {
+ layout[i] = cloneLayoutItem(exists);
+ } else {
+ if (!isProduction && child.props._grid) {
+ console.warn("`_grid` properties on children have been deprecated as of React 15.2. " + // eslint-disable-line
+ "Please use `data-grid` or add your properties directly to the `layout`.");
+ }
+ var g = child.props["data-grid"] || child.props._grid;
+
+ // Hey, this item has a data-grid property, use it.
+ if (g) {
+ if (!isProduction) {
+ validateLayout([g], "ReactGridLayout.children");
+ }
+ layout[i] = cloneLayoutItem(_extends({}, g, { i: child.key }));
+ } else {
+ // Nothing provided: ensure this is added to the bottom
+ layout[i] = cloneLayoutItem({
+ w: 1,
+ h: 1,
+ x: 0,
+ y: bottom(layout),
+ i: String(child.key)
+ });
+ }
+ }
+ });
+
+ // Correct the layout.
+ layout = correctBounds(layout, { cols: cols });
+ layout = compact(layout, compactType, cols);
+
+ return layout;
+ }
+
+ /**
+ * Validate a layout. Throws errors.
+ *
+ * @param {Array} layout Array of layout items.
+ * @param {String} [contextName] Context name for errors.
+ * @throw {Error} Validation error.
+ */
+ function validateLayout(layout) {
+ var contextName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "Layout";
+
+ var subProps = ["x", "y", "w", "h"];
+ if (!Array.isArray(layout)) throw new Error(contextName + " must be an array!");
+ for (var _i9 = 0, len = layout.length; _i9 < len; _i9++) {
+ var item = layout[_i9];
+ for (var j = 0; j < subProps.length; j++) {
+ if (typeof item[subProps[j]] !== "number") {
+ throw new Error("ReactGridLayout: " + contextName + "[" + _i9 + "]." + subProps[j] + " must be a number!");
+ }
+ }
+ if (item.i && typeof item.i !== "string") {
+ throw new Error("ReactGridLayout: " + contextName + "[" + _i9 + "].i must be a string!");
+ }
+ if (item.static !== undefined && typeof item.static !== "boolean") {
+ throw new Error("ReactGridLayout: " + contextName + "[" + _i9 + "].static must be a boolean!");
+ }
+ }
+ }
+
+ // Flow can't really figure this out, so we just use Object
+ function autoBindHandlers(el, fns) {
+ fns.forEach(function (key) {
+ return el[key] = el[key].bind(el);
+ });
+ }
+
+ function log() {
+ var _console;
+
+ if (!DEBUG) return;
+ // eslint-disable-next-line no-console
+ (_console = console).log.apply(_console, arguments);
+ }
+
+ var noop = exports.noop = function noop() {};
+ /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(33)))
+
+/***/ }),
+/* 251 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+ exports.__esModule = true;
+
+ var _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; };
+
+ var _react = __webpack_require__(1);
+
+ var _react2 = _interopRequireDefault(_react);
+
+ var _propTypes = __webpack_require__(6);
+
+ var _propTypes2 = _interopRequireDefault(_propTypes);
+
+ var _reactDraggable = __webpack_require__(242);
+
+ var _reactResizable = __webpack_require__(252);
+
+ var _utils = __webpack_require__(250);
+
+ var _classnames = __webpack_require__(5);
+
+ var _classnames2 = _interopRequireDefault(_classnames);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+ function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+ function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+ /**
+ * An individual item within a ReactGridLayout.
+ */
+ var GridItem = function (_React$Component) {
+ _inherits(GridItem, _React$Component);
+
+ function GridItem() {
+ var _temp, _this, _ret;
+
+ _classCallCheck(this, GridItem);
+
+ for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+ args[_key] = arguments[_key];
+ }
+
+ return _ret = (_temp = (_this = _possibleConstructorReturn(this, _React$Component.call.apply(_React$Component, [this].concat(args))), _this), _this.state = {
+ resizing: null,
+ dragging: null,
+ className: ""
+ }, _temp), _possibleConstructorReturn(_this, _ret);
+ }
+
+ // Helper for generating column width
+ GridItem.prototype.calcColWidth = function calcColWidth() {
+ var _props = this.props,
+ margin = _props.margin,
+ containerPadding = _props.containerPadding,
+ containerWidth = _props.containerWidth,
+ cols = _props.cols;
+
+ return (containerWidth - margin[0] * (cols - 1) - containerPadding[0] * 2) / cols;
+ };
+
+ /**
+ * Return position on the page given an x, y, w, h.
+ * left, top, width, height are all in pixels.
+ * @param {Number} x X coordinate in grid units.
+ * @param {Number} y Y coordinate in grid units.
+ * @param {Number} w W coordinate in grid units.
+ * @param {Number} h H coordinate in grid units.
+ * @return {Object} Object containing coords.
+ */
+
+
+ GridItem.prototype.calcPosition = function calcPosition(x, y, w, h, state) {
+ var _props2 = this.props,
+ margin = _props2.margin,
+ containerPadding = _props2.containerPadding,
+ rowHeight = _props2.rowHeight;
+
+ var colWidth = this.calcColWidth();
+
+ var out = {
+ left: Math.round((colWidth + margin[0]) * x + containerPadding[0]),
+ top: Math.round((rowHeight + margin[1]) * y + containerPadding[1]),
+ // 0 * Infinity === NaN, which causes problems with resize constraints;
+ // Fix this if it occurs.
+ // Note we do it here rather than later because Math.round(Infinity) causes deopt
+ width: w === Infinity ? w : Math.round(colWidth * w + Math.max(0, w - 1) * margin[0]),
+ height: h === Infinity ? h : Math.round(rowHeight * h + Math.max(0, h - 1) * margin[1])
+ };
+
+ if (state && state.resizing) {
+ out.width = Math.round(state.resizing.width);
+ out.height = Math.round(state.resizing.height);
+ }
+
+ if (state && state.dragging) {
+ out.top = Math.round(state.dragging.top);
+ out.left = Math.round(state.dragging.left);
+ }
+
+ return out;
+ };
+
+ /**
+ * Translate x and y coordinates from pixels to grid units.
+ * @param {Number} top Top position (relative to parent) in pixels.
+ * @param {Number} left Left position (relative to parent) in pixels.
+ * @return {Object} x and y in grid units.
+ */
+
+
+ GridItem.prototype.calcXY = function calcXY(top, left) {
+ var _props3 = this.props,
+ margin = _props3.margin,
+ cols = _props3.cols,
+ rowHeight = _props3.rowHeight,
+ w = _props3.w,
+ h = _props3.h,
+ maxRows = _props3.maxRows;
+
+ var colWidth = this.calcColWidth();
+
+ // left = colWidth * x + margin * (x + 1)
+ // l = cx + m(x+1)
+ // l = cx + mx + m
+ // l - m = cx + mx
+ // l - m = x(c + m)
+ // (l - m) / (c + m) = x
+ // x = (left - margin) / (coldWidth + margin)
+ var x = Math.round((left - margin[0]) / (colWidth + margin[0]));
+ var y = Math.round((top - margin[1]) / (rowHeight + margin[1]));
+
+ // Capping
+ x = Math.max(Math.min(x, cols - w), 0);
+ y = Math.max(Math.min(y, maxRows - h), 0);
+
+ return { x: x, y: y };
+ };
+
+ /**
+ * Given a height and width in pixel values, calculate grid units.
+ * @param {Number} height Height in pixels.
+ * @param {Number} width Width in pixels.
+ * @return {Object} w, h as grid units.
+ */
+
+
+ GridItem.prototype.calcWH = function calcWH(_ref) {
+ var height = _ref.height,
+ width = _ref.width;
+ var _props4 = this.props,
+ margin = _props4.margin,
+ maxRows = _props4.maxRows,
+ cols = _props4.cols,
+ rowHeight = _props4.rowHeight,
+ x = _props4.x,
+ y = _props4.y;
+
+ var colWidth = this.calcColWidth();
+
+ // width = colWidth * w - (margin * (w - 1))
+ // ...
+ // w = (width + margin) / (colWidth + margin)
+ var w = Math.round((width + margin[0]) / (colWidth + margin[0]));
+ var h = Math.round((height + margin[1]) / (rowHeight + margin[1]));
+
+ // Capping
+ w = Math.max(Math.min(w, cols - x), 0);
+ h = Math.max(Math.min(h, maxRows - y), 0);
+ return { w: w, h: h };
+ };
+
+ /**
+ * This is where we set the grid item's absolute placement. It gets a little tricky because we want to do it
+ * well when server rendering, and the only way to do that properly is to use percentage width/left because
+ * we don't know exactly what the browser viewport is.
+ * Unfortunately, CSS Transforms, which are great for performance, break in this instance because a percentage
+ * left is relative to the item itself, not its container! So we cannot use them on the server rendering pass.
+ *
+ * @param {Object} pos Position object with width, height, left, top.
+ * @return {Object} Style object.
+ */
+
+
+ GridItem.prototype.createStyle = function createStyle(pos) {
+ var _props5 = this.props,
+ usePercentages = _props5.usePercentages,
+ containerWidth = _props5.containerWidth,
+ useCSSTransforms = _props5.useCSSTransforms;
+
+
+ var style = void 0;
+ // CSS Transforms support (default)
+ if (useCSSTransforms) {
+ style = (0, _utils.setTransform)(pos);
+ } else {
+ // top,left (slow)
+ style = (0, _utils.setTopLeft)(pos);
+
+ // This is used for server rendering.
+ if (usePercentages) {
+ style.left = (0, _utils.perc)(pos.left / containerWidth);
+ style.width = (0, _utils.perc)(pos.width / containerWidth);
+ }
+ }
+
+ return style;
+ };
+
+ /**
+ * Mix a Draggable instance into a child.
+ * @param {Element} child Child element.
+ * @return {Element} Child wrapped in Draggable.
+ */
+
+
+ GridItem.prototype.mixinDraggable = function mixinDraggable(child) {
+ return _react2.default.createElement(
+ _reactDraggable.DraggableCore,
+ {
+ onStart: this.onDragHandler("onDragStart"),
+ onDrag: this.onDragHandler("onDrag"),
+ onStop: this.onDragHandler("onDragStop"),
+ handle: this.props.handle,
+ cancel: ".react-resizable-handle" + (this.props.cancel ? "," + this.props.cancel : "")
+ },
+ child
+ );
+ };
+
+ /**
+ * Mix a Resizable instance into a child.
+ * @param {Element} child Child element.
+ * @param {Object} position Position object (pixel values)
+ * @return {Element} Child wrapped in Resizable.
+ */
+
+
+ GridItem.prototype.mixinResizable = function mixinResizable(child, position) {
+ var _props6 = this.props,
+ cols = _props6.cols,
+ x = _props6.x,
+ minW = _props6.minW,
+ minH = _props6.minH,
+ maxW = _props6.maxW,
+ maxH = _props6.maxH;
+
+ // This is the max possible width - doesn't go to infinity because of the width of the window
+
+ var maxWidth = this.calcPosition(0, 0, cols - x, 0).width;
+
+ // Calculate min/max constraints using our min & maxes
+ var mins = this.calcPosition(0, 0, minW, minH);
+ var maxes = this.calcPosition(0, 0, maxW, maxH);
+ var minConstraints = [mins.width, mins.height];
+ var maxConstraints = [Math.min(maxes.width, maxWidth), Math.min(maxes.height, Infinity)];
+ return _react2.default.createElement(
+ _reactResizable.Resizable,
+ {
+ width: position.width,
+ height: position.height,
+ minConstraints: minConstraints,
+ maxConstraints: maxConstraints,
+ onResizeStop: this.onResizeHandler("onResizeStop"),
+ onResizeStart: this.onResizeHandler("onResizeStart"),
+ onResize: this.onResizeHandler("onResize")
+ },
+ child
+ );
+ };
+
+ /**
+ * Wrapper around drag events to provide more useful data.
+ * All drag events call the function with the given handler name,
+ * with the signature (index, x, y).
+ *
+ * @param {String} handlerName Handler name to wrap.
+ * @return {Function} Handler function.
+ */
+
+
+ GridItem.prototype.onDragHandler = function onDragHandler(handlerName) {
+ var _this2 = this;
+
+ return function (e, _ref2) {
+ var node = _ref2.node,
+ deltaX = _ref2.deltaX,
+ deltaY = _ref2.deltaY;
+
+ var handler = _this2.props[handlerName];
+ if (!handler) return;
+
+ var newPosition = { top: 0, left: 0 };
+
+ // Get new XY
+ switch (handlerName) {
+ case "onDragStart":
+ {
+ // TODO: this wont work on nested parents
+ var offsetParent = node.offsetParent;
+
+ if (!offsetParent) return;
+ var parentRect = offsetParent.getBoundingClientRect();
+ var clientRect = node.getBoundingClientRect();
+ newPosition.left = clientRect.left - parentRect.left + offsetParent.scrollLeft;
+ newPosition.top = clientRect.top - parentRect.top + offsetParent.scrollTop;
+ _this2.setState({ dragging: newPosition });
+ break;
+ }
+ case "onDrag":
+ if (!_this2.state.dragging) throw new Error("onDrag called before onDragStart.");
+ newPosition.left = _this2.state.dragging.left + deltaX;
+ newPosition.top = _this2.state.dragging.top + deltaY;
+ _this2.setState({ dragging: newPosition });
+ break;
+ case "onDragStop":
+ if (!_this2.state.dragging) throw new Error("onDragEnd called before onDragStart.");
+ newPosition.left = _this2.state.dragging.left;
+ newPosition.top = _this2.state.dragging.top;
+ _this2.setState({ dragging: null });
+ break;
+ default:
+ throw new Error("onDragHandler called with unrecognized handlerName: " + handlerName);
+ }
+
+ var _calcXY = _this2.calcXY(newPosition.top, newPosition.left),
+ x = _calcXY.x,
+ y = _calcXY.y;
+
+ return handler.call(_this2, _this2.props.i, x, y, { e: e, node: node, newPosition: newPosition });
+ };
+ };
+
+ /**
+ * Wrapper around drag events to provide more useful data.
+ * All drag events call the function with the given handler name,
+ * with the signature (index, x, y).
+ *
+ * @param {String} handlerName Handler name to wrap.
+ * @return {Function} Handler function.
+ */
+
+
+ GridItem.prototype.onResizeHandler = function onResizeHandler(handlerName) {
+ var _this3 = this;
+
+ return function (e, _ref3) {
+ var node = _ref3.node,
+ size = _ref3.size;
+
+ var handler = _this3.props[handlerName];
+ if (!handler) return;
+ var _props7 = _this3.props,
+ cols = _props7.cols,
+ x = _props7.x,
+ i = _props7.i,
+ maxW = _props7.maxW,
+ minW = _props7.minW,
+ maxH = _props7.maxH,
+ minH = _props7.minH;
+
+ // Get new XY
+
+ var _calcWH = _this3.calcWH(size),
+ w = _calcWH.w,
+ h = _calcWH.h;
+
+ // Cap w at numCols
+
+
+ w = Math.min(w, cols - x);
+ // Ensure w is at least 1
+ w = Math.max(w, 1);
+
+ // Min/max capping
+ w = Math.max(Math.min(w, maxW), minW);
+ h = Math.max(Math.min(h, maxH), minH);
+
+ _this3.setState({ resizing: handlerName === "onResizeStop" ? null : size });
+
+ handler.call(_this3, i, w, h, { e: e, node: node, size: size });
+ };
+ };
+
+ GridItem.prototype.render = function render() {
+ var _props8 = this.props,
+ x = _props8.x,
+ y = _props8.y,
+ w = _props8.w,
+ h = _props8.h,
+ isDraggable = _props8.isDraggable,
+ isResizable = _props8.isResizable,
+ useCSSTransforms = _props8.useCSSTransforms;
+
+
+ var pos = this.calcPosition(x, y, w, h, this.state);
+ var child = _react2.default.Children.only(this.props.children);
+
+ // Create the child element. We clone the existing element but modify its className and style.
+ var newChild = _react2.default.cloneElement(child, {
+ className: (0, _classnames2.default)("react-grid-item", child.props.className, this.props.className, {
+ static: this.props.static,
+ resizing: Boolean(this.state.resizing),
+ "react-draggable": isDraggable,
+ "react-draggable-dragging": Boolean(this.state.dragging),
+ cssTransforms: useCSSTransforms
+ }),
+ // We can set the width and height on the child, but unfortunately we can't set the position.
+ style: _extends({}, this.props.style, child.props.style, this.createStyle(pos))
+ });
+
+ // Resizable support. This is usually on but the user can toggle it off.
+ if (isResizable) newChild = this.mixinResizable(newChild, pos);
+
+ // Draggable support. This is always on, except for with placeholders.
+ if (isDraggable) newChild = this.mixinDraggable(newChild);
+
+ return newChild;
+ };
+
+ return GridItem;
+ }(_react2.default.Component);
+
+ GridItem.propTypes = {
+ // Children must be only a single element
+ children: _propTypes2.default.element,
+
+ // General grid attributes
+ cols: _propTypes2.default.number.isRequired,
+ containerWidth: _propTypes2.default.number.isRequired,
+ rowHeight: _propTypes2.default.number.isRequired,
+ margin: _propTypes2.default.array.isRequired,
+ maxRows: _propTypes2.default.number.isRequired,
+ containerPadding: _propTypes2.default.array.isRequired,
+
+ // These are all in grid units
+ x: _propTypes2.default.number.isRequired,
+ y: _propTypes2.default.number.isRequired,
+ w: _propTypes2.default.number.isRequired,
+ h: _propTypes2.default.number.isRequired,
+
+ // All optional
+ minW: function minW(props, propName) {
+ var value = props[propName];
+ if (typeof value !== "number") return new Error("minWidth not Number");
+ if (value > props.w || value > props.maxW) return new Error("minWidth larger than item width/maxWidth");
+ },
+
+ maxW: function maxW(props, propName) {
+ var value = props[propName];
+ if (typeof value !== "number") return new Error("maxWidth not Number");
+ if (value < props.w || value < props.minW) return new Error("maxWidth smaller than item width/minWidth");
+ },
+
+ minH: function minH(props, propName) {
+ var value = props[propName];
+ if (typeof value !== "number") return new Error("minHeight not Number");
+ if (value > props.h || value > props.maxH) return new Error("minHeight larger than item height/maxHeight");
+ },
+
+ maxH: function maxH(props, propName) {
+ var value = props[propName];
+ if (typeof value !== "number") return new Error("maxHeight not Number");
+ if (value < props.h || value < props.minH) return new Error("maxHeight smaller than item height/minHeight");
+ },
+
+ // ID is nice to have for callbacks
+ i: _propTypes2.default.string.isRequired,
+
+ // Functions
+ onDragStop: _propTypes2.default.func,
+ onDragStart: _propTypes2.default.func,
+ onDrag: _propTypes2.default.func,
+ onResizeStop: _propTypes2.default.func,
+ onResizeStart: _propTypes2.default.func,
+ onResize: _propTypes2.default.func,
+
+ // Flags
+ isDraggable: _propTypes2.default.bool.isRequired,
+ isResizable: _propTypes2.default.bool.isRequired,
+ static: _propTypes2.default.bool,
+
+ // Use CSS transforms instead of top/left
+ useCSSTransforms: _propTypes2.default.bool.isRequired,
+
+ // Others
+ className: _propTypes2.default.string,
+ // Selector for draggable handle
+ handle: _propTypes2.default.string,
+ // Selector for draggable cancel (see react-draggable)
+ cancel: _propTypes2.default.string
+ };
+ GridItem.defaultProps = {
+ className: "",
+ cancel: "",
+ handle: "",
+ minH: 1,
+ minW: 1,
+ maxH: Infinity,
+ maxW: Infinity
+ };
+ exports.default = GridItem;
+
+/***/ }),
+/* 252 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ 'use strict';
+ module.exports = function() {
+ throw new Error("Don't instantiate Resizable directly! Use require('react-resizable').Resizable");
+ };
+
+ module.exports.Resizable = __webpack_require__(253).default;
+ module.exports.ResizableBox = __webpack_require__(255).default;
+
+
+/***/ }),
+/* 253 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ exports.__esModule = true;
+
+ var _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; };
+
+ var _react = __webpack_require__(1);
+
+ var _react2 = _interopRequireDefault(_react);
+
+ var _propTypes = __webpack_require__(6);
+
+ var _propTypes2 = _interopRequireDefault(_propTypes);
+
+ var _reactDraggable = __webpack_require__(242);
+
+ var _cloneElement = __webpack_require__(254);
+
+ var _cloneElement2 = _interopRequireDefault(_cloneElement);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
+
+ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+ function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+ function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+ var Resizable = function (_React$Component) {
+ _inherits(Resizable, _React$Component);
+
+ function Resizable() {
+ var _temp, _this, _ret;
+
+ _classCallCheck(this, Resizable);
+
+ for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+ args[_key] = arguments[_key];
+ }
+
+ return _ret = (_temp = (_this = _possibleConstructorReturn(this, _React$Component.call.apply(_React$Component, [this].concat(args))), _this), _this.state = {
+ resizing: false,
+ width: _this.props.width, height: _this.props.height,
+ slackW: 0, slackH: 0
+ }, _temp), _possibleConstructorReturn(_this, _ret);
+ }
+
+ Resizable.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
+ // If parent changes height/width, set that in our state.
+ if (!this.state.resizing && (nextProps.width !== this.props.width || nextProps.height !== this.props.height)) {
+ this.setState({
+ width: nextProps.width,
+ height: nextProps.height
+ });
+ }
+ };
+
+ Resizable.prototype.lockAspectRatio = function lockAspectRatio(width, height, aspectRatio) {
+ height = width / aspectRatio;
+ width = height * aspectRatio;
+ return [width, height];
+ };
+
+ // If you do this, be careful of constraints
+
+
+ Resizable.prototype.runConstraints = function runConstraints(width, height) {
+ var _ref = [this.props.minConstraints, this.props.maxConstraints],
+ min = _ref[0],
+ max = _ref[1];
+
+
+ if (this.props.lockAspectRatio) {
+ var ratio = this.state.width / this.state.height;
+ height = width / ratio;
+ width = height * ratio;
+ }
+
+ if (!min && !max) return [width, height];
+
+ var oldW = width,
+ oldH = height;
+
+ // Add slack to the values used to calculate bound position. This will ensure that if
+ // we start removing slack, the element won't react to it right away until it's been
+ // completely removed.
+
+ var _state = this.state,
+ slackW = _state.slackW,
+ slackH = _state.slackH;
+
+ width += slackW;
+ height += slackH;
+
+ if (min) {
+ width = Math.max(min[0], width);
+ height = Math.max(min[1], height);
+ }
+ if (max) {
+ width = Math.min(max[0], width);
+ height = Math.min(max[1], height);
+ }
+
+ // If the numbers changed, we must have introduced some slack. Record it for the next iteration.
+ slackW += oldW - width;
+ slackH += oldH - height;
+ if (slackW !== this.state.slackW || slackH !== this.state.slackH) {
+ this.setState({ slackW: slackW, slackH: slackH });
+ }
+
+ return [width, height];
+ };
+
+ /**
+ * Wrapper around drag events to provide more useful data.
+ *
+ * @param {String} handlerName Handler name to wrap.
+ * @return {Function} Handler function.
+ */
+
+
+ Resizable.prototype.resizeHandler = function resizeHandler(handlerName, axis) {
+ var _this2 = this;
+
+ return function (e, _ref2) {
+ var node = _ref2.node,
+ deltaX = _ref2.deltaX,
+ deltaY = _ref2.deltaY;
+
+
+ // Axis restrictions
+ var canDragX = (_this2.props.axis === 'both' || _this2.props.axis === 'x') && ['n', 's'].indexOf(axis) === -1;
+ var canDragY = (_this2.props.axis === 'both' || _this2.props.axis === 'y') && ['e', 'w'].indexOf(axis) === -1;
+
+ // reverse delta if using top or left drag handles
+ if (canDragX && axis[axis.length - 1] === 'w') {
+ deltaX = -deltaX;
+ }
+ if (canDragY && axis[0] === 'n') {
+ deltaY = -deltaY;
+ }
+
+ // Update w/h
+ var width = _this2.state.width + (canDragX ? deltaX : 0);
+ var height = _this2.state.height + (canDragY ? deltaY : 0);
+
+ // Early return if no change
+ var widthChanged = width !== _this2.state.width,
+ heightChanged = height !== _this2.state.height;
+ if (handlerName === 'onResize' && !widthChanged && !heightChanged) return;
+
+ // Set the appropriate state for this handler.
+ var _runConstraints = _this2.runConstraints(width, height);
+
+ width = _runConstraints[0];
+ height = _runConstraints[1];
+ var newState = {};
+ if (handlerName === 'onResizeStart') {
+ newState.resizing = true;
+ } else if (handlerName === 'onResizeStop') {
+ newState.resizing = false;
+ newState.slackW = newState.slackH = 0;
+ } else {
+ // Early return if no change after constraints
+ if (width === _this2.state.width && height === _this2.state.height) return;
+ newState.width = width;
+ newState.height = height;
+ }
+
+ var hasCb = typeof _this2.props[handlerName] === 'function';
+ if (hasCb) {
+ // $FlowIgnore isn't refining this correctly to SyntheticEvent
+ if (typeof e.persist === 'function') e.persist();
+ _this2.setState(newState, function () {
+ return _this2.props[handlerName](e, { node: node, size: { width: width, height: height }, handle: axis });
+ });
+ } else {
+ _this2.setState(newState);
+ }
+ };
+ };
+
+ Resizable.prototype.renderResizeHandle = function renderResizeHandle(resizeHandle) {
+ var handle = this.props.handle;
+
+ if (handle) {
+ if (typeof handle === 'function') {
+ return handle(resizeHandle);
+ }
+ return handle;
+ }
+ return _react2.default.createElement('span', { className: 'react-resizable-handle react-resizable-handle-' + resizeHandle });
+ };
+
+ Resizable.prototype.render = function render() {
+ var _this3 = this;
+
+ // eslint-disable-next-line no-unused-vars
+ var _props = this.props,
+ children = _props.children,
+ draggableOpts = _props.draggableOpts,
+ width = _props.width,
+ height = _props.height,
+ handleSize = _props.handleSize,
+ lockAspectRatio = _props.lockAspectRatio,
+ axis = _props.axis,
+ minConstraints = _props.minConstraints,
+ maxConstraints = _props.maxConstraints,
+ onResize = _props.onResize,
+ onResizeStop = _props.onResizeStop,
+ onResizeStart = _props.onResizeStart,
+ resizeHandles = _props.resizeHandles,
+ p = _objectWithoutProperties(_props, ['children', 'draggableOpts', 'width', 'height', 'handleSize', 'lockAspectRatio', 'axis', 'minConstraints', 'maxConstraints', 'onResize', 'onResizeStop', 'onResizeStart', 'resizeHandles']);
+
+ var className = p.className ? p.className + ' react-resizable' : 'react-resizable';
+
+ // What we're doing here is getting the child of this element, and cloning it with this element's props.
+ // We are then defining its children as:
+ // Its original children (resizable's child's children), and
+ // One or more draggable handles.
+ return (0, _cloneElement2.default)(children, _extends({}, p, {
+ className: className,
+ children: [children.props.children, resizeHandles.map(function (h) {
+ return _react2.default.createElement(
+ _reactDraggable.DraggableCore,
+ _extends({}, draggableOpts, {
+ key: 'resizableHandle-' + h,
+ onStop: _this3.resizeHandler('onResizeStop', h),
+ onStart: _this3.resizeHandler('onResizeStart', h),
+ onDrag: _this3.resizeHandler('onResize', h)
+ }),
+ _this3.renderResizeHandle(h)
+ );
+ })]
+ }));
+ };
+
+ return Resizable;
+ }(_react2.default.Component);
+
+ Resizable.propTypes = {
+ //
+ // Required Props
+ //
+
+ // Require that one and only one child be present.
+ children: _propTypes2.default.element.isRequired,
+
+ // Initial w/h
+ width: _propTypes2.default.number.isRequired,
+ height: _propTypes2.default.number.isRequired,
+
+ //
+ // Optional props
+ //
+
+ // Custom resize handle
+ handle: _propTypes2.default.element,
+
+ // If you change this, be sure to update your css
+ handleSize: _propTypes2.default.array,
+
+ // Defines which resize handles should be rendered (default: 'se')
+ // Allows for any combination of:
+ // 's' - South handle (bottom-center)
+ // 'w' - West handle (left-center)
+ // 'e' - East handle (right-center)
+ // 'n' - North handle (top-center)
+ // 'sw' - Southwest handle (bottom-left)
+ // 'nw' - Northwest handle (top-left)
+ // 'se' - Southeast handle (bottom-right)
+ // 'ne' - Northeast handle (top-center)
+ resizeHandles: _propTypes2.default.arrayOf(_propTypes2.default.oneOf(['s', 'w', 'e', 'n', 'sw', 'nw', 'se', 'ne'])),
+
+ // If true, will only allow width/height to move in lockstep
+ lockAspectRatio: _propTypes2.default.bool,
+
+ // Restricts resizing to a particular axis (default: 'both')
+ // 'both' - allows resizing by width or height
+ // 'x' - only allows the width to be changed
+ // 'y' - only allows the height to be changed
+ // 'none' - disables resizing altogether
+ axis: _propTypes2.default.oneOf(['both', 'x', 'y', 'none']),
+
+ // Min/max size
+ minConstraints: _propTypes2.default.arrayOf(_propTypes2.default.number),
+ maxConstraints: _propTypes2.default.arrayOf(_propTypes2.default.number),
+
+ // Callbacks
+ onResizeStop: _propTypes2.default.func,
+ onResizeStart: _propTypes2.default.func,
+ onResize: _propTypes2.default.func,
+
+ // These will be passed wholesale to react-draggable's DraggableCore
+ draggableOpts: _propTypes2.default.object
+ };
+ Resizable.defaultProps = {
+ handleSize: [20, 20],
+ lockAspectRatio: false,
+ axis: 'both',
+ minConstraints: [20, 20],
+ maxConstraints: [Infinity, Infinity],
+ resizeHandles: ['se']
+ };
+ exports.default = Resizable;
+
+/***/ }),
+/* 254 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ var _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; };
+
+ var _react = __webpack_require__(1);
+
+ var _react2 = _interopRequireDefault(_react);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ // React.addons.cloneWithProps look-alike that merges style & className.
+ module.exports = function cloneElement(element, props) {
+ if (props.style && element.props.style) {
+ props.style = _extends({}, element.props.style, props.style);
+ }
+ if (props.className && element.props.className) {
+ props.className = element.props.className + ' ' + props.className;
+ }
+ return _react2.default.cloneElement(element, props);
+ };
+
+/***/ }),
+/* 255 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ exports.__esModule = true;
+
+ var _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; };
+
+ var _react = __webpack_require__(1);
+
+ var _react2 = _interopRequireDefault(_react);
+
+ var _propTypes = __webpack_require__(6);
+
+ var _propTypes2 = _interopRequireDefault(_propTypes);
+
+ var _Resizable = __webpack_require__(253);
+
+ var _Resizable2 = _interopRequireDefault(_Resizable);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
+
+ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+ function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+ function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+ // An example use of Resizable.
+ var ResizableBox = function (_React$Component) {
+ _inherits(ResizableBox, _React$Component);
+
+ function ResizableBox() {
+ var _temp, _this, _ret;
+
+ _classCallCheck(this, ResizableBox);
+
+ for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+ args[_key] = arguments[_key];
+ }
+
+ return _ret = (_temp = (_this = _possibleConstructorReturn(this, _React$Component.call.apply(_React$Component, [this].concat(args))), _this), _this.state = {
+ width: _this.props.width,
+ height: _this.props.height
+ }, _this.onResize = function (e, data) {
+ var size = data.size;
+ var width = size.width,
+ height = size.height;
+
+
+ if (_this.props.onResize) {
+ e.persist && e.persist();
+ _this.setState(size, function () {
+ return _this.props.onResize && _this.props.onResize(e, data);
+ });
+ } else {
+ _this.setState(size);
+ }
+ }, _temp), _possibleConstructorReturn(_this, _ret);
+ }
+
+ ResizableBox.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
+ if (nextProps.width !== this.props.width || nextProps.height !== this.props.height) {
+ this.setState({
+ width: nextProps.width,
+ height: nextProps.height
+ });
+ }
+ };
+
+ ResizableBox.prototype.render = function render() {
+ // Basic wrapper around a Resizable instance.
+ // If you use Resizable directly, you are responsible for updating the child component
+ // with a new width and height.
+ var _props = this.props,
+ handle = _props.handle,
+ handleSize = _props.handleSize,
+ onResize = _props.onResize,
+ onResizeStart = _props.onResizeStart,
+ onResizeStop = _props.onResizeStop,
+ draggableOpts = _props.draggableOpts,
+ minConstraints = _props.minConstraints,
+ maxConstraints = _props.maxConstraints,
+ lockAspectRatio = _props.lockAspectRatio,
+ axis = _props.axis,
+ width = _props.width,
+ height = _props.height,
+ resizeHandles = _props.resizeHandles,
+ props = _objectWithoutProperties(_props, ['handle', 'handleSize', 'onResize', 'onResizeStart', 'onResizeStop', 'draggableOpts', 'minConstraints', 'maxConstraints', 'lockAspectRatio', 'axis', 'width', 'height', 'resizeHandles']);
+
+ return _react2.default.createElement(
+ _Resizable2.default,
+ {
+ handle: handle,
+ handleSize: handleSize,
+ width: this.state.width,
+ height: this.state.height,
+ onResizeStart: onResizeStart,
+ onResize: this.onResize,
+ onResizeStop: onResizeStop,
+ draggableOpts: draggableOpts,
+ minConstraints: minConstraints,
+ maxConstraints: maxConstraints,
+ lockAspectRatio: lockAspectRatio,
+ axis: axis,
+ resizeHandles: resizeHandles
+ },
+ _react2.default.createElement('div', _extends({ style: { width: this.state.width + 'px', height: this.state.height + 'px' } }, props))
+ );
+ };
+
+ return ResizableBox;
+ }(_react2.default.Component);
+
+ ResizableBox.propTypes = {
+ height: _propTypes2.default.number,
+ width: _propTypes2.default.number
+ };
+ ResizableBox.defaultProps = {
+ handleSize: [20, 20]
+ };
+ exports.default = ResizableBox;
+
+/***/ }),
+/* 256 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+ exports.__esModule = true;
+
+ var _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; };
+
+ var _react = __webpack_require__(1);
+
+ var _react2 = _interopRequireDefault(_react);
+
+ var _propTypes = __webpack_require__(6);
+
+ var _propTypes2 = _interopRequireDefault(_propTypes);
+
+ var _lodash = __webpack_require__(243);
+
+ var _lodash2 = _interopRequireDefault(_lodash);
+
+ var _utils = __webpack_require__(250);
+
+ var _responsiveUtils = __webpack_require__(257);
+
+ var _ReactGridLayout = __webpack_require__(249);
+
+ var _ReactGridLayout2 = _interopRequireDefault(_ReactGridLayout);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
+
+ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+ function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+ function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+ var type = function type(obj) {
+ return Object.prototype.toString.call(obj);
+ };
+
+ var ResponsiveReactGridLayout = function (_React$Component) {
+ _inherits(ResponsiveReactGridLayout, _React$Component);
+
+ function ResponsiveReactGridLayout() {
+ var _temp, _this, _ret;
+
+ _classCallCheck(this, ResponsiveReactGridLayout);
+
+ for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+ args[_key] = arguments[_key];
+ }
+
+ return _ret = (_temp = (_this = _possibleConstructorReturn(this, _React$Component.call.apply(_React$Component, [this].concat(args))), _this), _this.state = _this.generateInitialState(), _this.onLayoutChange = function (layout) {
+ var _extends2;
+
+ _this.props.onLayoutChange(layout, _extends({}, _this.props.layouts, (_extends2 = {}, _extends2[_this.state.breakpoint] = layout, _extends2)));
+ }, _temp), _possibleConstructorReturn(_this, _ret);
+ }
+ // This should only include propTypes needed in this code; RGL itself
+ // will do validation of the rest props passed to it.
+
+
+ ResponsiveReactGridLayout.prototype.generateInitialState = function generateInitialState() {
+ var _props = this.props,
+ width = _props.width,
+ breakpoints = _props.breakpoints,
+ layouts = _props.layouts,
+ cols = _props.cols;
+
+ var breakpoint = (0, _responsiveUtils.getBreakpointFromWidth)(breakpoints, width);
+ var colNo = (0, _responsiveUtils.getColsFromBreakpoint)(breakpoint, cols);
+ // verticalCompact compatibility, now deprecated
+ var compactType = this.props.verticalCompact === false ? null : this.props.compactType;
+ // Get the initial layout. This can tricky; we try to generate one however possible if one doesn't exist
+ // for this layout.
+ var initialLayout = (0, _responsiveUtils.findOrGenerateResponsiveLayout)(layouts, breakpoints, breakpoint, breakpoint, colNo, compactType);
+
+ return {
+ layout: initialLayout,
+ breakpoint: breakpoint,
+ cols: colNo
+ };
+ };
+
+ ResponsiveReactGridLayout.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
+ // Allow parent to set width or breakpoint directly.
+ if (nextProps.width != this.props.width || nextProps.breakpoint !== this.props.breakpoint || !(0, _lodash2.default)(nextProps.breakpoints, this.props.breakpoints) || !(0, _lodash2.default)(nextProps.cols, this.props.cols)) {
+ this.onWidthChange(nextProps);
+ } else if (!(0, _lodash2.default)(nextProps.layouts, this.props.layouts)) {
+ // Allow parent to set layouts directly.
+ var _state = this.state,
+ _breakpoint = _state.breakpoint,
+ _cols = _state.cols;
+
+ // Since we're setting an entirely new layout object, we must generate a new responsive layout
+ // if one does not exist.
+
+ var newLayout = (0, _responsiveUtils.findOrGenerateResponsiveLayout)(nextProps.layouts, nextProps.breakpoints, _breakpoint, _breakpoint, _cols, nextProps.compactType);
+ this.setState({ layout: newLayout });
+ }
+ };
+
+ // wrap layouts so we do not need to pass layouts to child
+
+
+ /**
+ * When the width changes work through breakpoints and reset state with the new width & breakpoint.
+ * Width changes are necessary to figure out the widget widths.
+ */
+ ResponsiveReactGridLayout.prototype.onWidthChange = function onWidthChange(nextProps) {
+ var breakpoints = nextProps.breakpoints,
+ cols = nextProps.cols,
+ layouts = nextProps.layouts,
+ compactType = nextProps.compactType;
+
+ var newBreakpoint = nextProps.breakpoint || (0, _responsiveUtils.getBreakpointFromWidth)(nextProps.breakpoints, nextProps.width);
+
+ var lastBreakpoint = this.state.breakpoint;
+
+ // Breakpoint change
+ if (lastBreakpoint !== newBreakpoint || this.props.breakpoints !== breakpoints || this.props.cols !== cols) {
+ // Preserve the current layout if the current breakpoint is not present in the next layouts.
+ if (!(lastBreakpoint in layouts)) layouts[lastBreakpoint] = (0, _utils.cloneLayout)(this.state.layout);
+
+ // Find or generate a new layout.
+ var newCols = (0, _responsiveUtils.getColsFromBreakpoint)(newBreakpoint, cols);
+ var _layout = (0, _responsiveUtils.findOrGenerateResponsiveLayout)(layouts, breakpoints, newBreakpoint, lastBreakpoint, newCols, compactType);
+
+ // This adds missing items.
+ _layout = (0, _utils.synchronizeLayoutWithChildren)(_layout, nextProps.children, newCols, compactType);
+
+ // Store the new layout.
+ layouts[newBreakpoint] = _layout;
+
+ // callbacks
+ this.props.onLayoutChange(_layout, layouts);
+ this.props.onBreakpointChange(newBreakpoint, newCols);
+ this.props.onWidthChange(nextProps.width, nextProps.margin, newCols, nextProps.containerPadding);
+
+ this.setState({
+ breakpoint: newBreakpoint,
+ layout: _layout,
+ cols: newCols
+ });
+ }
+ };
+
+ ResponsiveReactGridLayout.prototype.render = function render() {
+ /* eslint-disable no-unused-vars */
+ var _props2 = this.props,
+ breakpoint = _props2.breakpoint,
+ breakpoints = _props2.breakpoints,
+ cols = _props2.cols,
+ layouts = _props2.layouts,
+ onBreakpointChange = _props2.onBreakpointChange,
+ onLayoutChange = _props2.onLayoutChange,
+ onWidthChange = _props2.onWidthChange,
+ other = _objectWithoutProperties(_props2, ["breakpoint", "breakpoints", "cols", "layouts", "onBreakpointChange", "onLayoutChange", "onWidthChange"]);
+ /* eslint-enable no-unused-vars */
+
+ return _react2.default.createElement(_ReactGridLayout2.default, _extends({}, other, {
+ onLayoutChange: this.onLayoutChange,
+ layout: this.state.layout,
+ cols: this.state.cols
+ }));
+ };
+
+ return ResponsiveReactGridLayout;
+ }(_react2.default.Component);
+
+ ResponsiveReactGridLayout.propTypes = {
+ //
+ // Basic props
+ //
+
+ // Optional, but if you are managing width yourself you may want to set the breakpoint
+ // yourself as well.
+ breakpoint: _propTypes2.default.string,
+
+ // {name: pxVal}, e.g. {lg: 1200, md: 996, sm: 768, xs: 480}
+ breakpoints: _propTypes2.default.object,
+
+ // # of cols. This is a breakpoint -> cols map
+ cols: _propTypes2.default.object,
+
+ // layouts is an object mapping breakpoints to layouts.
+ // e.g. {lg: Layout, md: Layout, ...}
+ layouts: function layouts(props, propName) {
+ if (type(props[propName]) !== "[object Object]") {
+ throw new Error("Layout property must be an object. Received: " + type(props[propName]));
+ }
+ Object.keys(props[propName]).forEach(function (key) {
+ if (!(key in props.breakpoints)) {
+ throw new Error("Each key in layouts must align with a key in breakpoints.");
+ }
+ (0, _utils.validateLayout)(props.layouts[key], "layouts." + key);
+ });
+ },
+
+
+ // The width of this component.
+ // Required in this propTypes stanza because generateInitialState() will fail without it.
+ width: _propTypes2.default.number.isRequired,
+
+ //
+ // Callbacks
+ //
+
+ // Calls back with breakpoint and new # cols
+ onBreakpointChange: _propTypes2.default.func,
+
+ // Callback so you can save the layout.
+ // Calls back with (currentLayout, allLayouts). allLayouts are keyed by breakpoint.
+ onLayoutChange: _propTypes2.default.func,
+
+ // Calls back with (containerWidth, margin, cols, containerPadding)
+ onWidthChange: _propTypes2.default.func
+ };
+ ResponsiveReactGridLayout.defaultProps = {
+ breakpoints: { lg: 1200, md: 996, sm: 768, xs: 480, xxs: 0 },
+ cols: { lg: 12, md: 10, sm: 6, xs: 4, xxs: 2 },
+ layouts: {},
+ onBreakpointChange: _utils.noop,
+ onLayoutChange: _utils.noop,
+ onWidthChange: _utils.noop
+ };
+ exports.default = ResponsiveReactGridLayout;
+
+/***/ }),
+/* 257 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+ exports.__esModule = true;
+ exports.getBreakpointFromWidth = getBreakpointFromWidth;
+ exports.getColsFromBreakpoint = getColsFromBreakpoint;
+ exports.findOrGenerateResponsiveLayout = findOrGenerateResponsiveLayout;
+ exports.sortBreakpoints = sortBreakpoints;
+
+ var _utils = __webpack_require__(250);
+
+ /**
+ * Given a width, find the highest breakpoint that matches is valid for it (width > breakpoint).
+ *
+ * @param {Object} breakpoints Breakpoints object (e.g. {lg: 1200, md: 960, ...})
+ * @param {Number} width Screen width.
+ * @return {String} Highest breakpoint that is less than width.
+ */
+ function getBreakpointFromWidth(breakpoints, width) {
+ var sorted = sortBreakpoints(breakpoints);
+ var matching = sorted[0];
+ for (var i = 1, len = sorted.length; i < len; i++) {
+ var breakpointName = sorted[i];
+ if (width > breakpoints[breakpointName]) matching = breakpointName;
+ }
+ return matching;
+ }
+
+ /**
+ * Given a breakpoint, get the # of cols set for it.
+ * @param {String} breakpoint Breakpoint name.
+ * @param {Object} cols Map of breakpoints to cols.
+ * @return {Number} Number of cols.
+ */
+
+
+ function getColsFromBreakpoint(breakpoint, cols) {
+ if (!cols[breakpoint]) {
+ throw new Error("ResponsiveReactGridLayout: `cols` entry for breakpoint " + breakpoint + " is missing!");
+ }
+ return cols[breakpoint];
+ }
+
+ /**
+ * Given existing layouts and a new breakpoint, find or generate a new layout.
+ *
+ * This finds the layout above the new one and generates from it, if it exists.
+ *
+ * @param {Object} layouts Existing layouts.
+ * @param {Array} breakpoints All breakpoints.
+ * @param {String} breakpoint New breakpoint.
+ * @param {String} breakpoint Last breakpoint (for fallback).
+ * @param {Number} cols Column count at new breakpoint.
+ * @param {Boolean} verticalCompact Whether or not to compact the layout
+ * vertically.
+ * @return {Array} New layout.
+ */
+ function findOrGenerateResponsiveLayout(layouts, breakpoints, breakpoint, lastBreakpoint, cols, compactType) {
+ // If it already exists, just return it.
+ if (layouts[breakpoint]) return (0, _utils.cloneLayout)(layouts[breakpoint]);
+ // Find or generate the next layout
+ var layout = layouts[lastBreakpoint];
+ var breakpointsSorted = sortBreakpoints(breakpoints);
+ var breakpointsAbove = breakpointsSorted.slice(breakpointsSorted.indexOf(breakpoint));
+ for (var i = 0, len = breakpointsAbove.length; i < len; i++) {
+ var b = breakpointsAbove[i];
+ if (layouts[b]) {
+ layout = layouts[b];
+ break;
+ }
+ }
+ layout = (0, _utils.cloneLayout)(layout || []); // clone layout so we don't modify existing items
+ return (0, _utils.compact)((0, _utils.correctBounds)(layout, { cols: cols }), compactType, cols);
+ }
+
+ /**
+ * Given breakpoints, return an array of breakpoints sorted by width. This is usually
+ * e.g. ['xxs', 'xs', 'sm', ...]
+ *
+ * @param {Object} breakpoints Key/value pair of breakpoint names to widths.
+ * @return {Array} Sorted breakpoints.
+ */
+ function sortBreakpoints(breakpoints) {
+ var keys = Object.keys(breakpoints);
+ return keys.sort(function (a, b) {
+ return breakpoints[a] - breakpoints[b];
+ });
+ }
+
+/***/ }),
+/* 258 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+ exports.__esModule = true;
+
+ var _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; };
+
+ exports.default = WidthProvider;
+
+ var _react = __webpack_require__(1);
+
+ var _react2 = _interopRequireDefault(_react);
+
+ var _propTypes = __webpack_require__(6);
+
+ var _propTypes2 = _interopRequireDefault(_propTypes);
+
+ var _reactDom = __webpack_require__(2);
+
+ var _reactDom2 = _interopRequireDefault(_reactDom);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
+
+ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+ function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+ function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+ /*
+ * A simple HOC that provides facility for listening to container resizes.
+ */
+ function WidthProvider(ComposedComponent) {
+ var _class, _temp2;
+
+ return _temp2 = _class = function (_React$Component) {
+ _inherits(WidthProvider, _React$Component);
+
+ function WidthProvider() {
+ var _temp, _this, _ret;
+
+ _classCallCheck(this, WidthProvider);
+
+ for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+ args[_key] = arguments[_key];
+ }
+
+ return _ret = (_temp = (_this = _possibleConstructorReturn(this, _React$Component.call.apply(_React$Component, [this].concat(args))), _this), _this.state = {
+ width: 1280
+ }, _this.mounted = false, _this.onWindowResize = function () {
+ if (!_this.mounted) return;
+ // eslint-disable-next-line
+ var node = _reactDom2.default.findDOMNode(_this); // Flow casts this to Text | Element
+ if (node instanceof HTMLElement) _this.setState({ width: node.offsetWidth });
+ }, _temp), _possibleConstructorReturn(_this, _ret);
+ }
+
+ WidthProvider.prototype.componentDidMount = function componentDidMount() {
+ this.mounted = true;
+
+ window.addEventListener("resize", this.onWindowResize);
+ // Call to properly set the breakpoint and resize the elements.
+ // Note that if you're doing a full-width element, this can get a little wonky if a scrollbar
+ // appears because of the grid. In that case, fire your own resize event, or set `overflow: scroll` on your body.
+ this.onWindowResize();
+ };
+
+ WidthProvider.prototype.componentWillUnmount = function componentWillUnmount() {
+ this.mounted = false;
+ window.removeEventListener("resize", this.onWindowResize);
+ };
+
+ WidthProvider.prototype.render = function render() {
+ var _props = this.props,
+ measureBeforeMount = _props.measureBeforeMount,
+ rest = _objectWithoutProperties(_props, ["measureBeforeMount"]);
+
+ if (measureBeforeMount && !this.mounted) {
+ return _react2.default.createElement("div", { className: this.props.className, style: this.props.style });
+ }
+
+ return _react2.default.createElement(ComposedComponent, _extends({}, rest, this.state));
+ };
+
+ return WidthProvider;
+ }(_react2.default.Component), _class.defaultProps = {
+ measureBeforeMount: false
+ }, _class.propTypes = {
+ // If true, will not render children until mounted. Useful for getting the exact width before
+ // rendering, to prevent any unsightly resizing.
+ measureBeforeMount: _propTypes2.default.bool
+ }, _temp2;
+ }
+
/***/ }),
/* 259 */
/***/ (function(module, exports, __webpack_require__) {
@@ -33587,7 +36161,7 @@
var _classnames2 = _interopRequireDefault(_classnames);
- var _Modal = __webpack_require__(135);
+ var _Modal = __webpack_require__(123);
var _Modal2 = _interopRequireDefault(_Modal);
@@ -33595,7 +36169,7 @@
var _beeButton2 = _interopRequireDefault(_beeButton);
- var _beeIcon = __webpack_require__(79);
+ var _beeIcon = __webpack_require__(67);
var _beeIcon2 = _interopRequireDefault(_beeIcon);
@@ -33661,7 +36235,7 @@
width: width,
className: classString,
show: show,
- onHide: onHide,
+ onHide: close,
backdrop: backdrop },
_react2["default"].createElement(
_Modal2["default"].Header,
@@ -34005,7 +36579,7 @@
var _classnames2 = _interopRequireDefault(_classnames);
- var _beeIcon = __webpack_require__(79);
+ var _beeIcon = __webpack_require__(67);
var _beeIcon2 = _interopRequireDefault(_beeIcon);
@@ -34033,14 +36607,16 @@
onChange: _propTypes2["default"].func,
onBlur: _propTypes2["default"].func,
showClose: _propTypes2["default"].bool,
- focusSelect: _propTypes2["default"].bool
+ focusSelect: _propTypes2["default"].bool,
+ debounceDelay: _propTypes2["default"].number
};
var defaultProps = {
componentClass: 'input',
clsPrefix: 'u-form-control',
type: 'text',
- size: 'md'
+ size: 'md',
+ debounceDelay: 0
};
var FormControl = function (_React$Component) {
@@ -34065,12 +36641,14 @@
};
_this.handleChange = function (e) {
+ var now = new Date().getTime();
+ if (now - _this.lastScrollCall < _this.props.debounceDelay) return;
+ _this.lastScrollCall = now;
+
var onChange = _this.props.onChange;
var value = _this.input.value;
- _this.setState({
- showClose: true
- });
+
if (onChange) {
onChange(value, e);
}
@@ -34081,8 +36659,7 @@
_this.setState({
showSearch: true,
- value: "",
- showClose: false
+ value: ""
});
if (onChange) {
onChange("");
@@ -34176,7 +36753,7 @@
_react2["default"].createElement(
'div',
{ className: clsPrefix + '-suffix' },
- _this.state.showClose ? _react2["default"].createElement(_beeIcon2["default"], { onClick: _this.clearValue, type: 'uf-close-c' }) : ''
+ value ? _react2["default"].createElement(_beeIcon2["default"], { onClick: _this.clearValue, type: 'uf-close-c' }) : ''
)
) : _react2["default"].createElement(Component, _extends({}, others, {
type: type,
@@ -34239,8 +36816,7 @@
_this.state = {
showSearch: !props.value,
- value: props.value == null ? "" : props.value,
- showClose: false
+ value: props.value == null ? "" : props.value
};
_this.input = {};
return _this;
@@ -34277,8 +36853,8 @@
'use strict';
var Table = __webpack_require__(269);
- var Column = __webpack_require__(590);
- var ColumnGroup = __webpack_require__(591);
+ var Column = __webpack_require__(591);
+ var ColumnGroup = __webpack_require__(592);
Table.Column = Column;
Table.ColumnGroup = ColumnGroup;
@@ -34327,19 +36903,19 @@
var _addEventListener2 = _interopRequireDefault(_addEventListener);
- var _ColumnManager = __webpack_require__(589);
+ var _ColumnManager = __webpack_require__(590);
var _ColumnManager2 = _interopRequireDefault(_ColumnManager);
- var _createStore = __webpack_require__(592);
+ var _createStore = __webpack_require__(593);
var _createStore2 = _interopRequireDefault(_createStore);
- var _beeLoading = __webpack_require__(593);
+ var _beeLoading = __webpack_require__(594);
var _beeLoading2 = _interopRequireDefault(_beeLoading);
- var _beeIcon = __webpack_require__(79);
+ var _beeIcon = __webpack_require__(67);
var _beeIcon2 = _interopRequireDefault(_beeIcon);
@@ -34347,7 +36923,7 @@
var _i18n2 = _interopRequireDefault(_i18n);
- var _tool = __webpack_require__(132);
+ var _tool = __webpack_require__(120);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
@@ -35076,37 +37652,37 @@
});
};
- /**
- * 行拖拽开始时触发
- * @param currentKey 当前拖拽目标的key
+ /**
+ * 行拖拽开始时触发
+ * @param currentKey 当前拖拽目标的key
*/
- /**
- * 行拖拽结束时触发
- * @param currentKey 当前拖拽目标的key
- * @param targetKey 拖拽结束时，目标位置的key
+ /**
+ * 行拖拽结束时触发
+ * @param currentKey 当前拖拽目标的key
+ * @param targetKey 拖拽结束时，目标位置的key
*/
- /**
- * 数组元素交换位置
- * @param {array} arr 数组
- * @param {number} index1 添加项目的位置
- * @param {number} index2 删除项目的位置
+ /**
+ * 数组元素交换位置
+ * @param {array} arr 数组
+ * @param {number} index1 添加项目的位置
+ * @param {number} index2 删除项目的位置
*/
- /**
- *
- *
- * @param {*} data
- * @param {*} visible
- * @param {*} indent 层级
- * @param {*} columns
- * @param {*} fixed
- * @param {number} [rootIndex=-1] 祖级节点
- * @returns
- * @memberof Table
+ /**
+ *
+ *
+ * @param {*} data
+ * @param {*} visible
+ * @param {*} indent 层级
+ * @param {*} columns
+ * @param {*} fixed
+ * @param {number} [rootIndex=-1] 祖级节点
+ * @returns
+ * @memberof Table
*/
Table.prototype.getRowsByData = function getRowsByData(data, visible, indent, columns, fixed) {
var rootIndex = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : -1;
@@ -35927,6 +38503,8 @@
value: true
});
+ var _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; };
+
var _react = __webpack_require__(1);
var _react2 = _interopRequireDefault(_react);
@@ -36285,18 +38863,18 @@
}
};
- /**
- * 事件初始化
+ /**
+ * 事件初始化
*/
- /**
- * 事件移除，提供性能以及内存泄漏等问题。
+ /**
+ * 事件移除，提供性能以及内存泄漏等问题。
*/
- /**
- * 事件绑定和移除函数
+ /**
+ * 事件绑定和移除函数
*/
TableRow.prototype.eventListen = function eventListen(events, type, eventSource) {
for (var i = 0; i < events.length; i++) {
@@ -36309,45 +38887,45 @@
}
};
- /**
- * 开始调整交换列的事件
+ /**
+ * 开始调整交换列的事件
*/
- /**
- * 在一个拖动过程中，释放鼠标键时触发此事件。【目标事件】
- * @memberof TableHeader
+ /**
+ * 在一个拖动过程中，释放鼠标键时触发此事件。【目标事件】
+ * @memberof TableHeader
*/
- /**
- * 获取当前触摸的Dom节点
+ /**
+ * 获取当前触摸的Dom节点
*/
- /**
- * 开始调整交换行的事件
+ /**
+ * 开始调整交换行的事件
*/
- /**
- * 手指移开时触发
+ /**
+ * 手指移开时触发
*/
- /**
- *同步当前拖拽到阴影
- * @memberof TableRow
+ /**
+ *同步当前拖拽到阴影
+ * @memberof TableRow
*/
- /**
- * 同步自己,也需要同步当前行的行显示
+ /**
+ * 同步自己,也需要同步当前行的行显示
*/
- /**
- * 设置同步的style
+ /**
+ * 设置同步的style
*/
@@ -36550,7 +39128,7 @@
lazyEndIndex: lazyEndIndex
}));
}
- var style = { height: height };
+ var style = _extends({ height: height }, record ? record.style : undefined);
if (!visible) {
style.display = 'none';
}
@@ -37466,7 +40044,7 @@
var _i18n2 = _interopRequireDefault(_i18n);
- var _tool = __webpack_require__(132);
+ var _tool = __webpack_require__(120);
var _utils = __webpack_require__(271);
@@ -37880,7 +40458,7 @@
className: className,
onClick: this.handleClick,
title: title,
- style: { color: fontColor, backgroundColor: bgColor }
+ style: _extends({ color: fontColor, backgroundColor: bgColor }, column.style)
},
indentText,
expandIcon,
@@ -38372,35 +40950,6 @@
var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));
- _this.delayFire = function (visible, callBack) {
- var _this$props = _this.props,
- delayShow = _this$props.delayShow,
- delayHide = _this$props.delayHide,
- delay = _this$props.delay;
-
- var delayShowTime = delayShow || delay || false;
- var delayHideTime = delayHide || delay || false;
- if (delayShowTime) {
- if (visible) {
- clearTimeout(_this.timer);
- _this.timer = setTimeout(function () {
- callBack();
- }, delayShowTime);
- return;
- }
- }
- if (delayHideTime) {
- if (!visible) {
- clearTimeout(_this.timer);
- _this.timer = setTimeout(function () {
- callBack();
- }, delayHideTime);
- return;
- }
- }
- callBack();
- };
-
_this.state = {
visible: jadgeState(_this.props)
};
@@ -38438,17 +40987,13 @@
};
Dropdown.prototype.onVisibleChange = function onVisibleChange(visible) {
- var _this2 = this;
-
var props = this.props;
- this.delayFire(visible, function () {
- if (!('visible' in props)) {
- _this2.setState({
- visible: visible
- });
- }
- props.onVisibleChange(visible);
- });
+ if (!('visible' in props)) {
+ this.setState({
+ visible: visible
+ });
+ }
+ props.onVisibleChange(visible);
};
Dropdown.prototype.getMenuElement = function getMenuElement() {
@@ -38493,7 +41038,10 @@
trigger = _props2.trigger,
getDocument = _props2.getDocument,
disabled = _props2.disabled,
- props = _objectWithoutProperties(_props2, ['clsPrefix', 'children', 'transitionName', 'animation', 'align', 'placement', 'getPopupContainer', 'showAction', 'hideAction', 'overlayClassName', 'overlayStyle', 'trigger', 'getDocument', 'disabled']);
+ delay = _props2.delay,
+ delayShow = _props2.delayShow,
+ delayHide = _props2.delayHide,
+ props = _objectWithoutProperties(_props2, ['clsPrefix', 'children', 'transitionName', 'animation', 'align', 'placement', 'getPopupContainer', 'showAction', 'hideAction', 'overlayClassName', 'overlayStyle', 'trigger', 'getDocument', 'disabled', 'delay', 'delayShow', 'delayHide']);
return _react2["default"].createElement(
_trigger2["default"],
@@ -38515,7 +41063,9 @@
popup: this.getMenuElement(),
onPopupVisibleChange: this.onVisibleChange,
getPopupContainer: getPopupContainer,
- getDocument: getDocument
+ getDocument: getDocument,
+ mouseEnterDelay: delayShow && delayShow / 1000 || delay && delay / 1000,
+ mouseLeaveDelay: delayHide && delayHide / 1000 || delay && delay / 1000
}),
children
);
@@ -38564,7 +41114,7 @@
var _reactDom2 = _interopRequireDefault(_reactDom);
- var _contains = __webpack_require__(111);
+ var _contains = __webpack_require__(99);
var _contains2 = _interopRequireDefault(_contains);
@@ -38674,6 +41224,55 @@
return doc;
};
+ _this.bindDocument = function () {
+ var doc = document;
+ if (_this.props.getDocument) {
+ doc = _this.props.getDocument();
+ }
+ if (Array.isArray(doc)) {
+ var doc1 = doc[0];
+ var doc2 = doc[1];
+ _this.clickOutsideHandler = (0, _tinperBeeCore.addEventListener)(doc1, 'mousedown', _this.onDocumentClick);
+ _this.touchOutsideHandler = (0, _tinperBeeCore.addEventListener)(doc1, 'touchstart', _this.onDocumentClick);
+ _this.mouseWheelOutsideHandler = (0, _tinperBeeCore.addEventListener)(doc1, 'mousewheel', _this.onDocumentClick);
+ _this.clickOutsideHandlerIframe = (0, _tinperBeeCore.addEventListener)(doc2, 'mousedown', _this.onDocumentClick);
+ _this.touchOutsideHandlerIframe = (0, _tinperBeeCore.addEventListener)(doc2, 'touchstart', _this.onDocumentClick);
+ _this.mouseWheelOutsideHandlerIframe = (0, _tinperBeeCore.addEventListener)(doc2, 'mousewheel', _this.onDocumentClick);
+ } else {
+ _this.clickOutsideHandler = (0, _tinperBeeCore.addEventListener)(doc, 'mousedown', _this.onDocumentClick);
+ _this.touchOutsideHandler = (0, _tinperBeeCore.addEventListener)(doc, 'touchstart', _this.onDocumentClick);
+ _this.mouseWheelOutsideHandler = (0, _tinperBeeCore.addEventListener)(doc, 'mousewheel', _this.onDocumentClick);
+ }
+ };
+
+ _this.removeDocument = function () {
+ var doc = document;
+ if (_this.props.getDocument) {
+ doc = _this.props.getDocument();
+ }
+ if (Array.isArray(doc)) {
+ _this.clickOutsideHandler.remove();
+ _this.touchOutsideHandler.remove();
+ _this.mouseWheelOutsideHandler.remove();
+ _this.clickOutsideHandlerIframe.remove();
+ _this.touchOutsideHandlerIframe.remove();
+ _this.mouseWheelOutsideHandlerIframe.remove();
+ _this.clickOutsideHandler = null;
+ _this.touchOutsideHandler = null;
+ _this.mouseWheelOutsideHandler = null;
+ _this.clickOutsideHandlerIframe = null;
+ _this.touchOutsideHandlerIframe = null;
+ _this.mouseWheelOutsideHandlerIframe = null;
+ } else {
+ _this.clickOutsideHandler.remove();
+ _this.touchOutsideHandler.remove();
+ _this.mouseWheelOutsideHandler.remove();
+ _this.clickOutsideHandler = null;
+ _this.touchOutsideHandler = null;
+ _this.mouseWheelOutsideHandler = null;
+ }
+ };
+
_this.state = {
popupVisible: !!_this.props.popupVisible || _this.props.defaultPopupVisible
//this.removeContainer = this.removeContainer.bind(this);
@@ -38782,32 +41381,20 @@
if (this.isClickToHide()) {
if (state.popupVisible) {
if (!this.clickOutsideHandler) {
- this.clickOutsideHandler = (0, _tinperBeeCore.addEventListener)(this.getDocument(), 'mousedown', this.onDocumentClick);
- this.touchOutsideHandler = (0, _tinperBeeCore.addEventListener)(this.getDocument(), 'touchstart', this.onDocumentClick);
- this.mouseWheelOutsideHandler = (0, _tinperBeeCore.addEventListener)(this.getDocument(), 'mousewheel', this.onDocumentClick);
+ this.bindDocument();
}
return;
}
}
if (this.clickOutsideHandler) {
- this.clickOutsideHandler.remove();
- this.touchOutsideHandler.remove();
- this.mouseWheelOutsideHandler.remove();
- this.clickOutsideHandler = null;
- this.touchOutsideHandler = null;
- this.mouseWheelOutsideHandler = null;
+ this.removeDocument();
}
};
Trigger.prototype.componentWillUnmount = function componentWillUnmount() {
this.clearDelayTimer();
if (this.clickOutsideHandler) {
- this.clickOutsideHandler.remove();
- this.touchOutsideHandler.remove();
- this.mouseWheelOutsideHandler.remove();
- this.clickOutsideHandler = null;
- this.touchOutsideHandler = null;
- this.mouseWheelOutsideHandler = null;
+ this.removeDocument();
}
if (this._container) {
_reactDom2["default"].unmountComponentAtNode(this._container);
@@ -39167,7 +41754,7 @@
var _Align2 = _interopRequireDefault(_Align);
- var _beeAnimate = __webpack_require__(69);
+ var _beeAnimate = __webpack_require__(57);
var _beeAnimate2 = _interopRequireDefault(_beeAnimate);
@@ -39949,9 +42536,9 @@
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); } /**
- * This source code is quoted from rc-menu.
- * homepage: https://github.com/react-component/menu
+ function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); } /**
+ * This source code is quoted from rc-menu.
+ * homepage: https://github.com/react-component/menu
*/
@@ -40197,7 +42784,7 @@
};
this.focus = function () {
- (0, _util.fireKeyEvent)(_reactDom2["default"].findDOMNode(_this3.innerMenu), 'keydown', 40);
+ // fireKeyEvent(ReactDOM.findDOMNode(this.innerMenu),'keydown',40);
_this3.props.onFocus && _this3.props.onFocus();
};
};
@@ -40341,11 +42928,11 @@
var _shallowequal2 = _interopRequireDefault(_shallowequal);
- var _hoistNonReactStatics = __webpack_require__(224);
+ var _hoistNonReactStatics = __webpack_require__(212);
var _hoistNonReactStatics2 = _interopRequireDefault(_hoistNonReactStatics);
- var _reactLifecyclesCompat = __webpack_require__(93);
+ var _reactLifecyclesCompat = __webpack_require__(81);
var _PropTypes = __webpack_require__(303);
@@ -40592,9 +43179,9 @@
});
exports.SubPopupMenu = undefined;
- var _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; }; /**
- * This source code is quoted from rc-menu.
- * homepage: https://github.com/react-component/menu
+ var _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; }; /**
+ * This source code is quoted from rc-menu.
+ * homepage: https://github.com/react-component/menu
*/
@@ -40768,7 +43355,7 @@
}
if (props.focusable) {
domProps.tabIndex = this.props.tabIndex;
- domProps.onKeyDown = this.onKeyDown;
+ domProps.onKeyDown = props.keyboard && this.onKeyDown;
}
var prefixCls = props.prefixCls,
eventKey = props.eventKey,
@@ -41039,7 +43626,8 @@
Object.defineProperty(exports, "__esModule", {
value: true
});
- exports["default"] = createChainedFunction;
+ exports.default = createChainedFunction;
+
/**
* Safe chained function
*
@@ -41050,6 +43638,7 @@
*/
function createChainedFunction() {
var args = [].slice.call(arguments, 0);
+
if (args.length === 1) {
return args[0];
}
@@ -41062,7 +43651,6 @@
}
};
}
- module.exports = exports['default'];
/***/ }),
/* 309 */
@@ -41075,9 +43663,9 @@
});
exports.setStyle = exports.getWidth = exports.menuAllProps = undefined;
- var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; /**
- * This source code is quoted from rc-menu.
- * homepage: https://github.com/react-component/menu
+ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; /**
+ * This source code is quoted from rc-menu.
+ * homepage: https://github.com/react-component/menu
*/
@@ -42522,9 +45110,9 @@
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
- var _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; }; /**
- * This source code is quoted from rc-menu.
- * homepage: https://github.com/react-component/menu
+ var _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; }; /**
+ * This source code is quoted from rc-menu.
+ * homepage: https://github.com/react-component/menu
*/
@@ -42626,8 +45214,6 @@
};
SubMenu.prototype.componentDidUpdate = function componentDidUpdate() {
- var _this2 = this;
-
var _props = this.props,
mode = _props.mode,
parentMenu = _props.parentMenu,
@@ -42643,9 +45229,8 @@
return;
}
- this.minWidthTimeout = setTimeout(function () {
- return _this2.adjustWidth();
- }, 0);
+ // this.minWidthTimeout = setTimeout(() => this.adjustWidth(), 0);
+ this.adjustWidth();
};
SubMenu.prototype.componentWillUnmount = function componentWillUnmount() {
@@ -42658,9 +45243,9 @@
}
/* istanbul ignore if */
- if (this.minWidthTimeout) {
- clearTimeout(this.minWidthTimeout);
- }
+ /* if (this.minWidthTimeout) {
+ clearTimeout(this.minWidthTimeout);
+ }*/
/* istanbul ignore if */
if (this.mouseenterTimeout) {
@@ -42912,25 +45497,25 @@
};
var _initialiseProps = function _initialiseProps() {
- var _this3 = this;
+ var _this2 = this;
this.onDestroy = function (key) {
- _this3.props.onDestroy(key);
+ _this2.props.onDestroy(key);
};
this.onKeyDown = function (e) {
var keyCode = e.keyCode;
- var menu = _this3.menuInstance;
- var _props3 = _this3.props,
+ var menu = _this2.menuInstance;
+ var _props3 = _this2.props,
isOpen = _props3.isOpen,
store = _props3.store;
- if (_this3.props.store.getState().keyboard) {
+ if (_this2.props.store.getState().keyboard) {
//是否启用键盘操作
if (keyCode === _tinperBeeCore.KeyCode.ENTER) {
// this.onTitleClick(e);
menu && menu.onKeyDown && menu.onKeyDown(e);
- updateDefaultActiveFirst(store, _this3.props.eventKey, true);
+ updateDefaultActiveFirst(store, _this2.props.eventKey, true);
return true;
}
@@ -42938,9 +45523,9 @@
if (isOpen) {
menu.onKeyDown(e);
} else {
- _this3.triggerOpenChange(true);
+ _this2.triggerOpenChange(true);
// need to update current menu's defaultActiveFirst value
- updateDefaultActiveFirst(store, _this3.props.eventKey, true);
+ updateDefaultActiveFirst(store, _this2.props.eventKey, true);
}
return true;
}
@@ -42952,7 +45537,7 @@
return undefined;
}
if (!handled) {
- _this3.triggerOpenChange(false);
+ _this2.triggerOpenChange(false);
handled = true;
}
return handled;
@@ -42964,20 +45549,20 @@
};
this.onOpenChange = function (e) {
- _this3.props.onOpenChange(e);
+ _this2.props.onOpenChange(e);
};
this.onPopupVisibleChange = function (visible) {
- _this3.triggerOpenChange(visible, visible ? 'mouseenter' : 'mouseleave');
+ _this2.triggerOpenChange(visible, visible ? 'mouseenter' : 'mouseleave');
};
this.onMouseEnter = function (e) {
- var _props4 = _this3.props,
+ var _props4 = _this2.props,
key = _props4.eventKey,
onMouseEnter = _props4.onMouseEnter,
store = _props4.store;
- updateDefaultActiveFirst(store, _this3.props.eventKey, false);
+ updateDefaultActiveFirst(store, _this2.props.eventKey, false);
onMouseEnter({
key: key,
domEvent: e
@@ -42985,12 +45570,12 @@
};
this.onMouseLeave = function (e) {
- var _props5 = _this3.props,
+ var _props5 = _this2.props,
parentMenu = _props5.parentMenu,
eventKey = _props5.eventKey,
onMouseLeave = _props5.onMouseLeave;
- parentMenu.subMenuInstance = _this3;
+ parentMenu.subMenuInstance = _this2;
onMouseLeave({
key: eventKey,
domEvent: e
@@ -42998,7 +45583,7 @@
};
this.onTitleMouseEnter = function (domEvent) {
- var _props6 = _this3.props,
+ var _props6 = _this2.props,
key = _props6.eventKey,
onItemHover = _props6.onItemHover,
onTitleMouseEnter = _props6.onTitleMouseEnter;
@@ -43014,13 +45599,13 @@
};
this.onTitleMouseLeave = function (e) {
- var _props7 = _this3.props,
+ var _props7 = _this2.props,
parentMenu = _props7.parentMenu,
eventKey = _props7.eventKey,
onItemHover = _props7.onItemHover,
onTitleMouseLeave = _props7.onTitleMouseLeave;
- parentMenu.subMenuInstance = _this3;
+ parentMenu.subMenuInstance = _this2;
onItemHover({
key: eventKey,
hover: false
@@ -43032,7 +45617,7 @@
};
this.onTitleClick = function (e) {
- var props = _this3.props;
+ var props = _this2.props;
props.onTitleClick({
key: props.eventKey,
@@ -43041,70 +45626,70 @@
if (props.triggerSubMenuAction === 'hover') {
return;
}
- _this3.triggerOpenChange(!props.isOpen, 'click');
- updateDefaultActiveFirst(props.store, _this3.props.eventKey, false);
+ _this2.triggerOpenChange(!props.isOpen, 'click');
+ updateDefaultActiveFirst(props.store, _this2.props.eventKey, false);
};
this.onSubMenuClick = function (info) {
// in the case of overflowed submenu
// onClick is not copied over
- if (typeof _this3.props.onClick === 'function') {
- _this3.props.onClick(_this3.addKeyPath(info));
+ if (typeof _this2.props.onClick === 'function') {
+ _this2.props.onClick(_this2.addKeyPath(info));
}
};
this.onSelect = function (info) {
- _this3.props.onSelect(info);
+ _this2.props.onSelect(info);
};
this.onDeselect = function (info) {
- _this3.props.onDeselect(info);
+ _this2.props.onDeselect(info);
};
this.getPrefixCls = function () {
- return _this3.props.rootPrefixCls + '-submenu';
+ return _this2.props.rootPrefixCls + '-submenu';
};
this.getActiveClassName = function () {
- return _this3.getPrefixCls() + '-active';
+ return _this2.getPrefixCls() + '-active';
};
this.getDisabledClassName = function () {
- return _this3.getPrefixCls() + '-disabled';
+ return _this2.getPrefixCls() + '-disabled';
};
this.getSelectedClassName = function () {
- return _this3.getPrefixCls() + '-selected';
+ return _this2.getPrefixCls() + '-selected';
};
this.getOpenClassName = function () {
- return _this3.props.rootPrefixCls + '-submenu-open';
+ return _this2.props.rootPrefixCls + '-submenu-open';
};
this.saveMenuInstance = function (c) {
// children menu instance
- _this3.menuInstance = c;
+ _this2.menuInstance = c;
};
this.addKeyPath = function (info) {
return _extends({}, info, {
- keyPath: (info.keyPath || []).concat(_this3.props.eventKey)
+ keyPath: (info.keyPath || []).concat(_this2.props.eventKey)
});
};
this.triggerOpenChange = function (open, type) {
- var key = _this3.props.eventKey;
+ var key = _this2.props.eventKey;
var openChange = function openChange() {
- _this3.onOpenChange({
+ _this2.onOpenChange({
key: key,
- item: _this3,
+ item: _this2,
trigger: type,
open: open
});
};
if (type === 'mouseenter') {
// make sure mouseenter happen after other menu item's mouseleave
- _this3.mouseenterTimeout = setTimeout(function () {
+ _this2.mouseenterTimeout = setTimeout(function () {
openChange();
}, 0);
} else {
@@ -43114,30 +45699,30 @@
this.isChildrenSelected = function () {
var ret = { find: false };
- (0, _util.loopMenuItemRecursively)(_this3.props.children, _this3.props.selectedKeys, ret);
+ (0, _util.loopMenuItemRecursively)(_this2.props.children, _this2.props.selectedKeys, ret);
return ret.find;
};
this.isOpen = function () {
- return _this3.props.openKeys.indexOf(_this3.props.eventKey) !== -1;
+ return _this2.props.openKeys.indexOf(_this2.props.eventKey) !== -1;
};
this.adjustWidth = function () {
/* istanbul ignore if */
- if (!_this3.subMenuTitle || !_this3.menuInstance) {
+ if (!_this2.subMenuTitle || !_this2.menuInstance) {
return;
}
- var popupMenu = _reactDom2["default"].findDOMNode(_this3.menuInstance);
- if (popupMenu.offsetWidth >= _this3.subMenuTitle.offsetWidth) {
+ var popupMenu = _reactDom2["default"].findDOMNode(_this2.menuInstance);
+ if (popupMenu.offsetWidth >= _this2.subMenuTitle.offsetWidth) {
return;
}
/* istanbul ignore next */
- popupMenu.style.minWidth = _this3.subMenuTitle.offsetWidth + 'px';
+ popupMenu.style.minWidth = _this2.subMenuTitle.offsetWidth + 'px'; //bug是因为在这里加了一个minWidth
};
this.saveSubMenuTitle = function (subMenuTitle) {
- _this3.subMenuTitle = subMenuTitle;
+ _this2.subMenuTitle = subMenuTitle;
};
};
@@ -43192,6 +45777,8 @@
var _reactDom = __webpack_require__(2);
+ var _reactLifecyclesCompat = __webpack_require__(81);
+
var _contains = __webpack_require__(354);
var _contains2 = _interopRequireDefault(_contains);
@@ -43204,7 +45791,7 @@
var _ContainerRender2 = _interopRequireDefault(_ContainerRender);
- var _Portal = __webpack_require__(361);
+ var _Portal = __webpack_require__(357);
var _Portal2 = _interopRequireDefault(_Portal);
@@ -43212,9 +45799,9 @@
var _classnames2 = _interopRequireDefault(_classnames);
- var _utils = __webpack_require__(362);
+ var _utils = __webpack_require__(358);
- var _Popup = __webpack_require__(363);
+ var _Popup = __webpack_require__(359);
var _Popup2 = _interopRequireDefault(_Popup);
@@ -43257,11 +45844,16 @@
popupVisible = !!props.defaultPopupVisible;
}
- _this.prevPopupVisible = popupVisible;
-
_this.state = {
+ prevPopupVisible: popupVisible,
popupVisible: popupVisible
};
+
+ ALL_HANDLERS.forEach(function (h) {
+ _this['fire' + h] = function (e) {
+ _this.fireEvents(h, e);
+ };
+ });
return _this;
}
@@ -43273,32 +45865,12 @@
};
};
- Trigger.prototype.componentWillMount = function componentWillMount() {
- var _this2 = this;
-
- ALL_HANDLERS.forEach(function (h) {
- _this2['fire' + h] = function (e) {
- _this2.fireEvents(h, e);
- };
- });
- };
-
Trigger.prototype.componentDidMount = function componentDidMount() {
this.componentDidUpdate({}, {
popupVisible: this.state.popupVisible
});
};
- Trigger.prototype.componentWillReceiveProps = function componentWillReceiveProps(_ref) {
- var popupVisible = _ref.popupVisible;
-
- if (popupVisible !== undefined) {
- this.setState({
- popupVisible: popupVisible
- });
- }
- };
-
Trigger.prototype.componentDidUpdate = function componentDidUpdate(_, prevState) {
var props = this.props;
var state = this.state;
@@ -43311,8 +45883,6 @@
this.renderComponent(null, triggerAfterPopupVisibleChange);
}
- this.prevPopupVisible = prevState.popupVisible;
-
// We must listen to `mousedown` or `touchstart`, edge case:
// https://github.com/ant-design/ant-design/issues/5804
// https://github.com/react-component/calendar/issues/250
@@ -43349,6 +45919,19 @@
clearTimeout(this.mouseDownTimeout);
};
+ Trigger.getDerivedStateFromProps = function getDerivedStateFromProps(_ref, prevState) {
+ var popupVisible = _ref.popupVisible;
+
+ var newState = {};
+
+ if (popupVisible !== undefined && prevState.popupVisible !== popupVisible) {
+ newState.popupVisible = popupVisible;
+ newState.prevPopupVisible = prevState.popupVisible;
+ }
+
+ return newState;
+ };
+
Trigger.prototype.getPopupDomNode = function getPopupDomNode() {
// for test
if (this._component && this._component.getPopupDomNode) {
@@ -43375,13 +45958,14 @@
*/
Trigger.prototype.setPopupVisible = function setPopupVisible(popupVisible, event) {
var alignPoint = this.props.alignPoint;
+ var prevPopupVisible = this.state.popupVisible;
this.clearDelayTimer();
- if (this.state.popupVisible !== popupVisible) {
+ if (prevPopupVisible !== popupVisible) {
if (!('popupVisible' in this.props)) {
- this.setState({ popupVisible: popupVisible });
+ this.setState({ popupVisible: popupVisible, prevPopupVisible: prevPopupVisible });
}
this.props.onPopupVisibleChange(popupVisible);
}
@@ -43393,15 +45977,15 @@
};
Trigger.prototype.delaySetPopupVisible = function delaySetPopupVisible(visible, delayS, event) {
- var _this3 = this;
+ var _this2 = this;
var delay = delayS * 1000;
this.clearDelayTimer();
if (delay) {
var point = event ? { pageX: event.pageX, pageY: event.pageY } : null;
this.delayTimer = setTimeout(function () {
- _this3.setPopupVisible(visible, point);
- _this3.clearDelayTimer();
+ _this2.setPopupVisible(visible, point);
+ _this2.clearDelayTimer();
}, delay);
} else {
this.setPopupVisible(visible, event);
@@ -43524,7 +46108,7 @@
};
Trigger.prototype.render = function render() {
- var _this4 = this;
+ var _this3 = this;
var popupVisible = this.state.popupVisible;
var _props8 = this.props,
@@ -43592,7 +46176,7 @@
function (_ref2) {
var renderComponent = _ref2.renderComponent;
- _this4.renderComponent = renderComponent;
+ _this3.renderComponent = renderComponent;
return trigger;
}
);
@@ -43677,119 +46261,119 @@
};
var _initialiseProps = function _initialiseProps() {
- var _this5 = this;
+ var _this4 = this;
this.onMouseEnter = function (e) {
- var mouseEnterDelay = _this5.props.mouseEnterDelay;
+ var mouseEnterDelay = _this4.props.mouseEnterDelay;
- _this5.fireEvents('onMouseEnter', e);
- _this5.delaySetPopupVisible(true, mouseEnterDelay, mouseEnterDelay ? null : e);
+ _this4.fireEvents('onMouseEnter', e);
+ _this4.delaySetPopupVisible(true, mouseEnterDelay, mouseEnterDelay ? null : e);
};
this.onMouseMove = function (e) {
- _this5.fireEvents('onMouseMove', e);
- _this5.setPoint(e);
+ _this4.fireEvents('onMouseMove', e);
+ _this4.setPoint(e);
};
this.onMouseLeave = function (e) {
- _this5.fireEvents('onMouseLeave', e);
- _this5.delaySetPopupVisible(false, _this5.props.mouseLeaveDelay);
+ _this4.fireEvents('onMouseLeave', e);
+ _this4.delaySetPopupVisible(false, _this4.props.mouseLeaveDelay);
};
this.onPopupMouseEnter = function () {
- _this5.clearDelayTimer();
+ _this4.clearDelayTimer();
};
this.onPopupMouseLeave = function (e) {
// https://github.com/react-component/trigger/pull/13
// react bug?
- if (e.relatedTarget && !e.relatedTarget.setTimeout && _this5._component && _this5._component.getPopupDomNode && (0, _contains2['default'])(_this5._component.getPopupDomNode(), e.relatedTarget)) {
+ if (e.relatedTarget && !e.relatedTarget.setTimeout && _this4._component && _this4._component.getPopupDomNode && (0, _contains2['default'])(_this4._component.getPopupDomNode(), e.relatedTarget)) {
return;
}
- _this5.delaySetPopupVisible(false, _this5.props.mouseLeaveDelay);
+ _this4.delaySetPopupVisible(false, _this4.props.mouseLeaveDelay);
};
this.onFocus = function (e) {
- _this5.fireEvents('onFocus', e);
+ _this4.fireEvents('onFocus', e);
// incase focusin and focusout
- _this5.clearDelayTimer();
- if (_this5.isFocusToShow()) {
- _this5.focusTime = Date.now();
- _this5.delaySetPopupVisible(true, _this5.props.focusDelay);
+ _this4.clearDelayTimer();
+ if (_this4.isFocusToShow()) {
+ _this4.focusTime = Date.now();
+ _this4.delaySetPopupVisible(true, _this4.props.focusDelay);
}
};
this.onMouseDown = function (e) {
- _this5.fireEvents('onMouseDown', e);
- _this5.preClickTime = Date.now();
+ _this4.fireEvents('onMouseDown', e);
+ _this4.preClickTime = Date.now();
};
this.onTouchStart = function (e) {
- _this5.fireEvents('onTouchStart', e);
- _this5.preTouchTime = Date.now();
+ _this4.fireEvents('onTouchStart', e);
+ _this4.preTouchTime = Date.now();
};
this.onBlur = function (e) {
- _this5.fireEvents('onBlur', e);
- _this5.clearDelayTimer();
- if (_this5.isBlurToHide()) {
- _this5.delaySetPopupVisible(false, _this5.props.blurDelay);
+ _this4.fireEvents('onBlur', e);
+ _this4.clearDelayTimer();
+ if (_this4.isBlurToHide()) {
+ _this4.delaySetPopupVisible(false, _this4.props.blurDelay);
}
};
this.onContextMenu = function (e) {
e.preventDefault();
- _this5.fireEvents('onContextMenu', e);
- _this5.setPopupVisible(true, e);
+ _this4.fireEvents('onContextMenu', e);
+ _this4.setPopupVisible(true, e);
};
this.onContextMenuClose = function () {
- if (_this5.isContextMenuToShow()) {
- _this5.close();
+ if (_this4.isContextMenuToShow()) {
+ _this4.close();
}
};
this.onClick = function (event) {
- _this5.fireEvents('onClick', event);
+ _this4.fireEvents('onClick', event);
// focus will trigger click
- if (_this5.focusTime) {
+ if (_this4.focusTime) {
var preTime = void 0;
- if (_this5.preClickTime && _this5.preTouchTime) {
- preTime = Math.min(_this5.preClickTime, _this5.preTouchTime);
- } else if (_this5.preClickTime) {
- preTime = _this5.preClickTime;
- } else if (_this5.preTouchTime) {
- preTime = _this5.preTouchTime;
+ if (_this4.preClickTime && _this4.preTouchTime) {
+ preTime = Math.min(_this4.preClickTime, _this4.preTouchTime);
+ } else if (_this4.preClickTime) {
+ preTime = _this4.preClickTime;
+ } else if (_this4.preTouchTime) {
+ preTime = _this4.preTouchTime;
}
- if (Math.abs(preTime - _this5.focusTime) < 20) {
+ if (Math.abs(preTime - _this4.focusTime) < 20) {
return;
}
- _this5.focusTime = 0;
+ _this4.focusTime = 0;
}
- _this5.preClickTime = 0;
- _this5.preTouchTime = 0;
+ _this4.preClickTime = 0;
+ _this4.preTouchTime = 0;
// Only prevent default when all the action is click.
// https://github.com/ant-design/ant-design/issues/17043
// https://github.com/ant-design/ant-design/issues/17291
- if (_this5.isClickToShow() && (_this5.isClickToHide() || _this5.isBlurToHide()) && event && event.preventDefault) {
+ if (_this4.isClickToShow() && (_this4.isClickToHide() || _this4.isBlurToHide()) && event && event.preventDefault) {
event.preventDefault();
}
- var nextVisible = !_this5.state.popupVisible;
- if (_this5.isClickToHide() && !nextVisible || nextVisible && _this5.isClickToShow()) {
- _this5.setPopupVisible(!_this5.state.popupVisible, event);
+ var nextVisible = !_this4.state.popupVisible;
+ if (_this4.isClickToHide() && !nextVisible || nextVisible && _this4.isClickToShow()) {
+ _this4.setPopupVisible(!_this4.state.popupVisible, event);
}
};
this.onPopupMouseDown = function () {
- var _context$rcTrigger = _this5.context.rcTrigger,
+ var _context$rcTrigger = _this4.context.rcTrigger,
rcTrigger = _context$rcTrigger === undefined ? {} : _context$rcTrigger;
- _this5.hasPopupMouseDown = true;
+ _this4.hasPopupMouseDown = true;
- clearTimeout(_this5.mouseDownTimeout);
- _this5.mouseDownTimeout = setTimeout(function () {
- _this5.hasPopupMouseDown = false;
+ clearTimeout(_this4.mouseDownTimeout);
+ _this4.mouseDownTimeout = setTimeout(function () {
+ _this4.hasPopupMouseDown = false;
}, 0);
if (rcTrigger.onPopupMouseDown) {
@@ -43798,24 +46382,24 @@
};
this.onDocumentClick = function (event) {
- if (_this5.props.mask && !_this5.props.maskClosable) {
+ if (_this4.props.mask && !_this4.props.maskClosable) {
return;
}
var target = event.target;
- var root = (0, _reactDom.findDOMNode)(_this5);
- if (!(0, _contains2['default'])(root, target) && !_this5.hasPopupMouseDown) {
- _this5.close();
+ var root = (0, _reactDom.findDOMNode)(_this4);
+ if (!(0, _contains2['default'])(root, target) && !_this4.hasPopupMouseDown) {
+ _this4.close();
}
};
this.getRootDomNode = function () {
- return (0, _reactDom.findDOMNode)(_this5);
+ return (0, _reactDom.findDOMNode)(_this4);
};
this.getPopupClassNameFromAlign = function (align) {
var className = [];
- var _props9 = _this5.props,
+ var _props9 = _this4.props,
popupPlacement = _props9.popupPlacement,
builtinPlacements = _props9.builtinPlacements,
prefixCls = _props9.prefixCls,
@@ -43832,7 +46416,7 @@
};
this.getComponent = function () {
- var _props10 = _this5.props,
+ var _props10 = _this4.props,
prefixCls = _props10.prefixCls,
destroyPopupOnHide = _props10.destroyPopupOnHide,
popupClassName = _props10.popupClassName,
@@ -43848,23 +46432,23 @@
popup = _props10.popup,
stretch = _props10.stretch,
alignPoint = _props10.alignPoint;
- var _state = _this5.state,
+ var _state = _this4.state,
popupVisible = _state.popupVisible,
point = _state.point;
- var align = _this5.getPopupAlign();
+ var align = _this4.getPopupAlign();
var mouseProps = {};
- if (_this5.isMouseEnterToShow()) {
- mouseProps.onMouseEnter = _this5.onPopupMouseEnter;
+ if (_this4.isMouseEnterToShow()) {
+ mouseProps.onMouseEnter = _this4.onPopupMouseEnter;
}
- if (_this5.isMouseLeaveToHide()) {
- mouseProps.onMouseLeave = _this5.onPopupMouseLeave;
+ if (_this4.isMouseLeaveToHide()) {
+ mouseProps.onMouseLeave = _this4.onPopupMouseLeave;
}
- mouseProps.onMouseDown = _this5.onPopupMouseDown;
- mouseProps.onTouchStart = _this5.onPopupMouseDown;
+ mouseProps.onMouseDown = _this4.onPopupMouseDown;
+ mouseProps.onTouchStart = _this4.onPopupMouseDown;
return _react2['default'].createElement(
_Popup2['default'],
@@ -43878,24 +46462,24 @@
align: align,
onAlign: onPopupAlign,
animation: popupAnimation,
- getClassNameFromAlign: _this5.getPopupClassNameFromAlign
+ getClassNameFromAlign: _this4.getPopupClassNameFromAlign
}, mouseProps, {
stretch: stretch,
- getRootDomNode: _this5.getRootDomNode,
+ getRootDomNode: _this4.getRootDomNode,
style: popupStyle,
mask: mask,
zIndex: zIndex,
transitionName: popupTransitionName,
maskAnimation: maskAnimation,
maskTransitionName: maskTransitionName,
- ref: _this5.savePopup
+ ref: _this4.savePopup
}),
typeof popup === 'function' ? popup() : popup
);
};
this.getContainer = function () {
- var props = _this5.props;
+ var props = _this4.props;
var popupContainer = document.createElement('div');
// Make sure default popup container will never cause scrollbar appearing
@@ -43904,17 +46488,17 @@
popupContainer.style.top = '0';
popupContainer.style.left = '0';
popupContainer.style.width = '100%';
- var mountNode = props.getPopupContainer ? props.getPopupContainer((0, _reactDom.findDOMNode)(_this5)) : props.getDocument().body;
+ var mountNode = props.getPopupContainer ? props.getPopupContainer((0, _reactDom.findDOMNode)(_this4)) : props.getDocument().body;
mountNode.appendChild(popupContainer);
return popupContainer;
};
this.setPoint = function (point) {
- var alignPoint = _this5.props.alignPoint;
+ var alignPoint = _this4.props.alignPoint;
if (!alignPoint || !point) return;
- _this5.setState({
+ _this4.setState({
point: {
pageX: point.pageX,
pageY: point.pageY
@@ -43923,16 +46507,18 @@
};
this.handlePortalUpdate = function () {
- if (_this5.prevPopupVisible !== _this5.state.popupVisible) {
- _this5.props.afterPopupVisibleChange(_this5.state.popupVisible);
+ if (_this4.state.prevPopupVisible !== _this4.state.popupVisible) {
+ _this4.props.afterPopupVisibleChange(_this4.state.popupVisible);
}
};
this.savePopup = function (node) {
- _this5._component = node;
+ _this4._component = node;
};
};
+ (0, _reactLifecyclesCompat.polyfill)(Trigger);
+
exports['default'] = Trigger;
module.exports = exports['default'];
@@ -43968,7 +46554,7 @@
/* 315 */
/***/ (function(module, exports, __webpack_require__) {
- module.exports = { "default": __webpack_require__(159), __esModule: true };
+ module.exports = { "default": __webpack_require__(147), __esModule: true };
/***/ }),
/* 316 */
@@ -44074,8 +46660,8 @@
/* 322 */
/***/ (function(module, exports, __webpack_require__) {
- var toInteger = __webpack_require__(186);
- var defined = __webpack_require__(183);
+ var toInteger = __webpack_require__(174);
+ var defined = __webpack_require__(171);
// true -> String#at
// false -> String#codePointAt
module.exports = function (TO_STRING) {
@@ -44098,10 +46684,10 @@
/***/ (function(module, exports, __webpack_require__) {
'use strict';
- var LIBRARY = __webpack_require__(190);
- var $export = __webpack_require__(161);
+ var LIBRARY = __webpack_require__(178);
+ var $export = __webpack_require__(149);
var redefine = __webpack_require__(324);
- var hide = __webpack_require__(166);
+ var hide = __webpack_require__(154);
var Iterators = __webpack_require__(325);
var $iterCreate = __webpack_require__(326);
var setToStringTag = __webpack_require__(327);
@@ -44172,7 +46758,7 @@
/* 324 */
/***/ (function(module, exports, __webpack_require__) {
- module.exports = __webpack_require__(166);
+ module.exports = __webpack_require__(154);
/***/ }),
@@ -44187,13 +46773,13 @@
/***/ (function(module, exports, __webpack_require__) {
'use strict';
- var create = __webpack_require__(212);
- var descriptor = __webpack_require__(175);
+ var create = __webpack_require__(200);
+ var descriptor = __webpack_require__(163);
var setToStringTag = __webpack_require__(327);
var IteratorPrototype = {};
// 25.1.2.1.1 %IteratorPrototype%[@@iterator]()
- __webpack_require__(166)(IteratorPrototype, __webpack_require__(328)('iterator'), function () { return this; });
+ __webpack_require__(154)(IteratorPrototype, __webpack_require__(328)('iterator'), function () { return this; });
module.exports = function (Constructor, NAME, next) {
Constructor.prototype = create(IteratorPrototype, { next: descriptor(1, next) });
@@ -44205,8 +46791,8 @@
/* 327 */
/***/ (function(module, exports, __webpack_require__) {
- var def = __webpack_require__(167).f;
- var has = __webpack_require__(176);
+ var def = __webpack_require__(155).f;
+ var has = __webpack_require__(164);
var TAG = __webpack_require__(328)('toStringTag');
module.exports = function (it, tag, stat) {
@@ -44218,9 +46804,9 @@
/* 328 */
/***/ (function(module, exports, __webpack_require__) {
- var store = __webpack_require__(189)('wks');
- var uid = __webpack_require__(191);
- var Symbol = __webpack_require__(162).Symbol;
+ var store = __webpack_require__(177)('wks');
+ var uid = __webpack_require__(179);
+ var Symbol = __webpack_require__(150).Symbol;
var USE_SYMBOL = typeof Symbol == 'function';
var $exports = module.exports = function (name) {
@@ -44236,9 +46822,9 @@
/***/ (function(module, exports, __webpack_require__) {
// 19.1.2.9 / 15.2.3.2 Object.getPrototypeOf(O)
- var has = __webpack_require__(176);
- var toObject = __webpack_require__(195);
- var IE_PROTO = __webpack_require__(188)('IE_PROTO');
+ var has = __webpack_require__(164);
+ var toObject = __webpack_require__(183);
+ var IE_PROTO = __webpack_require__(176)('IE_PROTO');
var ObjectProto = Object.prototype;
module.exports = Object.getPrototypeOf || function (O) {
@@ -44255,8 +46841,8 @@
/***/ (function(module, exports, __webpack_require__) {
__webpack_require__(331);
- var global = __webpack_require__(162);
- var hide = __webpack_require__(166);
+ var global = __webpack_require__(150);
+ var hide = __webpack_require__(154);
var Iterators = __webpack_require__(325);
var TO_STRING_TAG = __webpack_require__(328)('toStringTag');
@@ -44283,7 +46869,7 @@
var addToUnscopables = __webpack_require__(332);
var step = __webpack_require__(333);
var Iterators = __webpack_require__(325);
- var toIObject = __webpack_require__(180);
+ var toIObject = __webpack_require__(168);
// 22.1.3.4 Array.prototype.entries()
// 22.1.3.13 Array.prototype.keys()
@@ -44352,7 +46938,7 @@
__webpack_require__(345);
__webpack_require__(346);
__webpack_require__(347);
- module.exports = __webpack_require__(163).Symbol;
+ module.exports = __webpack_require__(151).Symbol;
/***/ }),
@@ -44361,33 +46947,33 @@
'use strict';
// ECMAScript 6 symbols shim
- var global = __webpack_require__(162);
- var has = __webpack_require__(176);
- var DESCRIPTORS = __webpack_require__(171);
- var $export = __webpack_require__(161);
+ var global = __webpack_require__(150);
+ var has = __webpack_require__(164);
+ var DESCRIPTORS = __webpack_require__(159);
+ var $export = __webpack_require__(149);
var redefine = __webpack_require__(324);
var META = __webpack_require__(338).KEY;
- var $fails = __webpack_require__(172);
- var shared = __webpack_require__(189);
+ var $fails = __webpack_require__(160);
+ var shared = __webpack_require__(177);
var setToStringTag = __webpack_require__(327);
- var uid = __webpack_require__(191);
+ var uid = __webpack_require__(179);
var wks = __webpack_require__(328);
var wksExt = __webpack_require__(334);
var wksDefine = __webpack_require__(339);
var enumKeys = __webpack_require__(340);
var isArray = __webpack_require__(341);
- var anObject = __webpack_require__(168);
- var isObject = __webpack_require__(169);
- var toObject = __webpack_require__(195);
- var toIObject = __webpack_require__(180);
- var toPrimitive = __webpack_require__(174);
- var createDesc = __webpack_require__(175);
- var _create = __webpack_require__(212);
+ var anObject = __webpack_require__(156);
+ var isObject = __webpack_require__(157);
+ var toObject = __webpack_require__(183);
+ var toIObject = __webpack_require__(168);
+ var toPrimitive = __webpack_require__(162);
+ var createDesc = __webpack_require__(163);
+ var _create = __webpack_require__(200);
var gOPNExt = __webpack_require__(342);
var $GOPD = __webpack_require__(344);
- var $GOPS = __webpack_require__(193);
- var $DP = __webpack_require__(167);
- var $keys = __webpack_require__(178);
+ var $GOPS = __webpack_require__(181);
+ var $DP = __webpack_require__(155);
+ var $keys = __webpack_require__(166);
var gOPD = $GOPD.f;
var dP = $DP.f;
var gOPN = gOPNExt.f;
@@ -44511,10 +47097,10 @@
$GOPD.f = $getOwnPropertyDescriptor;
$DP.f = $defineProperty;
__webpack_require__(343).f = gOPNExt.f = $getOwnPropertyNames;
- __webpack_require__(194).f = $propertyIsEnumerable;
+ __webpack_require__(182).f = $propertyIsEnumerable;
$GOPS.f = $getOwnPropertySymbols;
- if (DESCRIPTORS && !__webpack_require__(190)) {
+ if (DESCRIPTORS && !__webpack_require__(178)) {
redefine(ObjectProto, 'propertyIsEnumerable', $propertyIsEnumerable, true);
}
@@ -44598,7 +47184,7 @@
});
// 19.4.3.4 Symbol.prototype[@@toPrimitive](hint)
- $Symbol[PROTOTYPE][TO_PRIMITIVE] || __webpack_require__(166)($Symbol[PROTOTYPE], TO_PRIMITIVE, $Symbol[PROTOTYPE].valueOf);
+ $Symbol[PROTOTYPE][TO_PRIMITIVE] || __webpack_require__(154)($Symbol[PROTOTYPE], TO_PRIMITIVE, $Symbol[PROTOTYPE].valueOf);
// 19.4.3.5 Symbol.prototype[@@toStringTag]
setToStringTag($Symbol, 'Symbol');
// 20.2.1.9 Math[@@toStringTag]
@@ -44611,15 +47197,15 @@
/* 338 */
/***/ (function(module, exports, __webpack_require__) {
- var META = __webpack_require__(191)('meta');
- var isObject = __webpack_require__(169);
- var has = __webpack_require__(176);
- var setDesc = __webpack_require__(167).f;
+ var META = __webpack_require__(179)('meta');
+ var isObject = __webpack_require__(157);
+ var has = __webpack_require__(164);
+ var setDesc = __webpack_require__(155).f;
var id = 0;
var isExtensible = Object.isExtensible || function () {
return true;
};
- var FREEZE = !__webpack_require__(172)(function () {
+ var FREEZE = !__webpack_require__(160)(function () {
return isExtensible(Object.preventExtensions({}));
});
var setMeta = function (it) {
@@ -44670,11 +47256,11 @@
/* 339 */
/***/ (function(module, exports, __webpack_require__) {
- var global = __webpack_require__(162);
- var core = __webpack_require__(163);
- var LIBRARY = __webpack_require__(190);
+ var global = __webpack_require__(150);
+ var core = __webpack_require__(151);
+ var LIBRARY = __webpack_require__(178);
var wksExt = __webpack_require__(334);
- var defineProperty = __webpack_require__(167).f;
+ var defineProperty = __webpack_require__(155).f;
module.exports = function (name) {
var $Symbol = core.Symbol || (core.Symbol = LIBRARY ? {} : global.Symbol || {});
if (name.charAt(0) != '_' && !(name in $Symbol)) defineProperty($Symbol, name, { value: wksExt.f(name) });
@@ -44686,9 +47272,9 @@
/***/ (function(module, exports, __webpack_require__) {
// all enumerable object keys, includes symbols
- var getKeys = __webpack_require__(178);
- var gOPS = __webpack_require__(193);
- var pIE = __webpack_require__(194);
+ var getKeys = __webpack_require__(166);
+ var gOPS = __webpack_require__(181);
+ var pIE = __webpack_require__(182);
module.exports = function (it) {
var result = getKeys(it);
var getSymbols = gOPS.f;
@@ -44707,7 +47293,7 @@
/***/ (function(module, exports, __webpack_require__) {
// 7.2.2 IsArray(argument)
- var cof = __webpack_require__(182);
+ var cof = __webpack_require__(170);
module.exports = Array.isArray || function isArray(arg) {
return cof(arg) == 'Array';
};
@@ -44718,7 +47304,7 @@
/***/ (function(module, exports, __webpack_require__) {
// fallback for IE11 buggy Object.getOwnPropertyNames with iframe and window
- var toIObject = __webpack_require__(180);
+ var toIObject = __webpack_require__(168);
var gOPN = __webpack_require__(343).f;
var toString = {}.toString;
@@ -44743,8 +47329,8 @@
/***/ (function(module, exports, __webpack_require__) {
// 19.1.2.7 / 15.2.3.4 Object.getOwnPropertyNames(O)
- var $keys = __webpack_require__(179);
- var hiddenKeys = __webpack_require__(192).concat('length', 'prototype');
+ var $keys = __webpack_require__(167);
+ var hiddenKeys = __webpack_require__(180).concat('length', 'prototype');
exports.f = Object.getOwnPropertyNames || function getOwnPropertyNames(O) {
return $keys(O, hiddenKeys);
@@ -44755,15 +47341,15 @@
/* 344 */
/***/ (function(module, exports, __webpack_require__) {
- var pIE = __webpack_require__(194);
- var createDesc = __webpack_require__(175);
- var toIObject = __webpack_require__(180);
- var toPrimitive = __webpack_require__(174);
- var has = __webpack_require__(176);
- var IE8_DOM_DEFINE = __webpack_require__(170);
+ var pIE = __webpack_require__(182);
+ var createDesc = __webpack_require__(163);
+ var toIObject = __webpack_require__(168);
+ var toPrimitive = __webpack_require__(162);
+ var has = __webpack_require__(164);
+ var IE8_DOM_DEFINE = __webpack_require__(158);
var gOPD = Object.getOwnPropertyDescriptor;
- exports.f = __webpack_require__(171) ? gOPD : function getOwnPropertyDescriptor(O, P) {
+ exports.f = __webpack_require__(159) ? gOPD : function getOwnPropertyDescriptor(O, P) {
O = toIObject(O);
P = toPrimitive(P, true);
if (IE8_DOM_DEFINE) try {
@@ -44842,7 +47428,7 @@
/***/ (function(module, exports, __webpack_require__) {
__webpack_require__(351);
- module.exports = __webpack_require__(163).Object.setPrototypeOf;
+ module.exports = __webpack_require__(151).Object.setPrototypeOf;
/***/ }),
@@ -44850,7 +47436,7 @@
/***/ (function(module, exports, __webpack_require__) {
// 19.1.3.19 Object.setPrototypeOf(O, proto)
- var $export = __webpack_require__(161);
+ var $export = __webpack_require__(149);
$export($export.S, 'Object', { setPrototypeOf: __webpack_require__(352).set });
@@ -44860,8 +47446,8 @@
// Works with __proto__ only. Old v8 can't work with null proto objects.
/* eslint-disable no-proto */
- var isObject = __webpack_require__(169);
- var anObject = __webpack_require__(168);
+ var isObject = __webpack_require__(157);
+ var anObject = __webpack_require__(156);
var check = function (O, proto) {
anObject(O);
if (!isObject(proto) && proto !== null) throw TypeError(proto + ": can't set as prototype!");
@@ -44870,7 +47456,7 @@
set: Object.setPrototypeOf || ('__proto__' in {} ? // eslint-disable-line
function (test, buggy, set) {
try {
- set = __webpack_require__(164)(Function.call, __webpack_require__(344).f(Object.prototype, '__proto__').set, 2);
+ set = __webpack_require__(152)(Function.call, __webpack_require__(344).f(Object.prototype, '__proto__').set, 2);
set(test, []);
buggy = !(test instanceof Array);
} catch (e) { buggy = true; }
@@ -44889,7 +47475,7 @@
/* 353 */
/***/ (function(module, exports, __webpack_require__) {
- module.exports = { "default": __webpack_require__(210), __esModule: true };
+ module.exports = { "default": __webpack_require__(198), __esModule: true };
/***/ }),
/* 354 */
@@ -44900,111 +47486,113 @@
Object.defineProperty(exports, "__esModule", {
value: true
});
- exports["default"] = contains;
+ exports.default = contains;
+
function contains(root, n) {
var node = n;
+
while (node) {
if (node === root) {
return true;
}
+
node = node.parentNode;
}
return false;
}
- module.exports = exports['default'];
/***/ }),
/* 355 */
/***/ (function(module, exports, __webpack_require__) {
- 'use strict';
+ "use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
- exports['default'] = addEventListenerWrap;
+ exports.default = addEventListenerWrap;
- var _addDomEventListener = __webpack_require__(41);
+ var _addDomEventListener = _interopRequireDefault(__webpack_require__(41));
- var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
+ var _reactDom = _interopRequireDefault(__webpack_require__(2));
- var _reactDom = __webpack_require__(2);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function addEventListenerWrap(target, eventType, cb, option) {
/* eslint camelcase: 2 */
- var callback = _reactDom2['default'].unstable_batchedUpdates ? function run(e) {
- _reactDom2['default'].unstable_batchedUpdates(cb, e);
+ var callback = _reactDom.default.unstable_batchedUpdates ? function run(e) {
+ _reactDom.default.unstable_batchedUpdates(cb, e);
} : cb;
- return (0, _addDomEventListener2['default'])(target, eventType, callback, option);
+ return (0, _addDomEventListener.default)(target, eventType, callback, option);
}
- module.exports = exports['default'];
/***/ }),
/* 356 */
/***/ (function(module, exports, __webpack_require__) {
- 'use strict';
+ "use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
+ exports.default = void 0;
- var _classCallCheck2 = __webpack_require__(316);
+ var _react = _interopRequireDefault(__webpack_require__(1));
- var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+ var _reactDom = _interopRequireDefault(__webpack_require__(2));
- var _createClass2 = __webpack_require__(357);
+ var _propTypes = _interopRequireDefault(__webpack_require__(6));
- var _createClass3 = _interopRequireDefault(_createClass2);
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- var _possibleConstructorReturn2 = __webpack_require__(317);
+ 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); }
- var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
- var _inherits2 = __webpack_require__(348);
+ 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); } }
- var _inherits3 = _interopRequireDefault(_inherits2);
+ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
- var _react = __webpack_require__(1);
+ function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
- var _react2 = _interopRequireDefault(_react);
+ function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
- var _reactDom = __webpack_require__(2);
+ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
- var _reactDom2 = _interopRequireDefault(_reactDom);
+ 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); }
- var _propTypes = __webpack_require__(6);
+ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
- var _propTypes2 = _interopRequireDefault(_propTypes);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
-
- var ContainerRender = function (_React$Component) {
- (0, _inherits3['default'])(ContainerRender, _React$Component);
+ var ContainerRender =
+ /*#__PURE__*/
+ function (_React$Component) {
+ _inherits(ContainerRender, _React$Component);
function ContainerRender() {
- var _ref;
+ var _getPrototypeOf2;
- var _temp, _this, _ret;
+ var _this;
- (0, _classCallCheck3['default'])(this, ContainerRender);
+ _classCallCheck(this, ContainerRender);
- for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+ for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
- return _ret = (_temp = (_this = (0, _possibleConstructorReturn3['default'])(this, (_ref = ContainerRender.__proto__ || Object.getPrototypeOf(ContainerRender)).call.apply(_ref, [this].concat(args))), _this), _this.removeContainer = function () {
+ _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(ContainerRender)).call.apply(_getPrototypeOf2, [this].concat(args)));
+
+ _this.removeContainer = function () {
if (_this.container) {
- _reactDom2['default'].unmountComponentAtNode(_this.container);
+ _reactDom.default.unmountComponentAtNode(_this.container);
+
_this.container.parentNode.removeChild(_this.container);
+
_this.container = null;
}
- }, _this.renderComponent = function (props, ready) {
+ };
+
+ _this.renderComponent = function (props, ready) {
var _this$props = _this.props,
visible = _this$props.visible,
getComponent = _this$props.getComponent,
@@ -45016,38 +47604,41 @@
if (!_this.container) {
_this.container = getContainer();
}
- _reactDom2['default'].unstable_renderSubtreeIntoContainer(parent, getComponent(props), _this.container, function callback() {
+
+ _reactDom.default.unstable_renderSubtreeIntoContainer(parent, getComponent(props), _this.container, function callback() {
if (ready) {
ready.call(this);
}
});
}
- }, _temp), (0, _possibleConstructorReturn3['default'])(_this, _ret);
+ };
+
+ return _this;
}
- (0, _createClass3['default'])(ContainerRender, [{
- key: 'componentDidMount',
+ _createClass(ContainerRender, [{
+ key: "componentDidMount",
value: function componentDidMount() {
if (this.props.autoMount) {
this.renderComponent();
}
}
}, {
- key: 'componentDidUpdate',
+ key: "componentDidUpdate",
value: function componentDidUpdate() {
if (this.props.autoMount) {
this.renderComponent();
}
}
}, {
- key: 'componentWillUnmount',
+ key: "componentWillUnmount",
value: function componentWillUnmount() {
if (this.props.autoDestroy) {
this.removeContainer();
}
}
}, {
- key: 'render',
+ key: "render",
value: function render() {
return this.props.children({
renderComponent: this.renderComponent,
@@ -45055,26 +47646,26 @@
});
}
}]);
- return ContainerRender;
- }(_react2['default'].Component);
+ return ContainerRender;
+ }(_react.default.Component);
+
+ exports.default = ContainerRender;
ContainerRender.propTypes = {
- autoMount: _propTypes2['default'].bool,
- autoDestroy: _propTypes2['default'].bool,
- visible: _propTypes2['default'].bool,
- forceRender: _propTypes2['default'].bool,
- parent: _propTypes2['default'].any,
- getComponent: _propTypes2['default'].func.isRequired,
- getContainer: _propTypes2['default'].func.isRequired,
- children: _propTypes2['default'].func.isRequired
+ autoMount: _propTypes.default.bool,
+ autoDestroy: _propTypes.default.bool,
+ visible: _propTypes.default.bool,
+ forceRender: _propTypes.default.bool,
+ parent: _propTypes.default.any,
+ getComponent: _propTypes.default.func.isRequired,
+ getContainer: _propTypes.default.func.isRequired,
+ children: _propTypes.default.func.isRequired
};
ContainerRender.defaultProps = {
autoMount: true,
autoDestroy: true,
forceRender: false
};
- exports['default'] = ContainerRender;
- module.exports = exports['default'];
/***/ }),
/* 357 */
@@ -45082,113 +47673,55 @@
"use strict";
- exports.__esModule = true;
-
- var _defineProperty = __webpack_require__(358);
-
- var _defineProperty2 = _interopRequireDefault(_defineProperty);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- exports.default = 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;
- (0, _defineProperty2.default)(target, descriptor.key, descriptor);
- }
- }
-
- return function (Constructor, protoProps, staticProps) {
- if (protoProps) defineProperties(Constructor.prototype, protoProps);
- if (staticProps) defineProperties(Constructor, staticProps);
- return Constructor;
- };
- }();
-
-/***/ }),
-/* 358 */
-/***/ (function(module, exports, __webpack_require__) {
-
- module.exports = { "default": __webpack_require__(359), __esModule: true };
-
-/***/ }),
-/* 359 */
-/***/ (function(module, exports, __webpack_require__) {
-
- __webpack_require__(360);
- var $Object = __webpack_require__(163).Object;
- module.exports = function defineProperty(it, key, desc) {
- return $Object.defineProperty(it, key, desc);
- };
-
-
-/***/ }),
-/* 360 */
-/***/ (function(module, exports, __webpack_require__) {
-
- var $export = __webpack_require__(161);
- // 19.1.2.4 / 15.2.3.6 Object.defineProperty(O, P, Attributes)
- $export($export.S + $export.F * !__webpack_require__(171), 'Object', { defineProperty: __webpack_require__(167).f });
-
-
-/***/ }),
-/* 361 */
-/***/ (function(module, exports, __webpack_require__) {
-
- 'use strict';
-
Object.defineProperty(exports, "__esModule", {
value: true
});
+ exports.default = void 0;
- var _classCallCheck2 = __webpack_require__(316);
+ var _react = _interopRequireDefault(__webpack_require__(1));
- var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+ var _reactDom = _interopRequireDefault(__webpack_require__(2));
- var _createClass2 = __webpack_require__(357);
+ var _propTypes = _interopRequireDefault(__webpack_require__(6));
- var _createClass3 = _interopRequireDefault(_createClass2);
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- var _possibleConstructorReturn2 = __webpack_require__(317);
+ 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); }
- var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
- var _inherits2 = __webpack_require__(348);
+ 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); } }
- var _inherits3 = _interopRequireDefault(_inherits2);
+ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
- var _react = __webpack_require__(1);
+ function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
- var _react2 = _interopRequireDefault(_react);
+ function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
- var _reactDom = __webpack_require__(2);
+ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
- var _reactDom2 = _interopRequireDefault(_reactDom);
+ 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); }
- var _propTypes = __webpack_require__(6);
+ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
- var _propTypes2 = _interopRequireDefault(_propTypes);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
-
- var Portal = function (_React$Component) {
- (0, _inherits3['default'])(Portal, _React$Component);
+ var Portal =
+ /*#__PURE__*/
+ function (_React$Component) {
+ _inherits(Portal, _React$Component);
function Portal() {
- (0, _classCallCheck3['default'])(this, Portal);
- return (0, _possibleConstructorReturn3['default'])(this, (Portal.__proto__ || Object.getPrototypeOf(Portal)).apply(this, arguments));
+ _classCallCheck(this, Portal);
+
+ return _possibleConstructorReturn(this, _getPrototypeOf(Portal).apply(this, arguments));
}
- (0, _createClass3['default'])(Portal, [{
- key: 'componentDidMount',
+ _createClass(Portal, [{
+ key: "componentDidMount",
value: function componentDidMount() {
this.createContainer();
}
}, {
- key: 'componentDidUpdate',
+ key: "componentDidUpdate",
value: function componentDidUpdate(prevProps) {
var didUpdate = this.props.didUpdate;
@@ -45197,45 +47730,46 @@
}
}
}, {
- key: 'componentWillUnmount',
+ key: "componentWillUnmount",
value: function componentWillUnmount() {
this.removeContainer();
}
}, {
- key: 'createContainer',
+ key: "createContainer",
value: function createContainer() {
this._container = this.props.getContainer();
this.forceUpdate();
}
}, {
- key: 'removeContainer',
+ key: "removeContainer",
value: function removeContainer() {
if (this._container) {
this._container.parentNode.removeChild(this._container);
}
}
}, {
- key: 'render',
+ key: "render",
value: function render() {
if (this._container) {
- return _reactDom2['default'].createPortal(this.props.children, this._container);
+ return _reactDom.default.createPortal(this.props.children, this._container);
}
+
return null;
}
}]);
- return Portal;
- }(_react2['default'].Component);
+ return Portal;
+ }(_react.default.Component);
+
+ exports.default = Portal;
Portal.propTypes = {
- getContainer: _propTypes2['default'].func.isRequired,
- children: _propTypes2['default'].node.isRequired,
- didUpdate: _propTypes2['default'].func
+ getContainer: _propTypes.default.func.isRequired,
+ children: _propTypes.default.node.isRequired,
+ didUpdate: _propTypes.default.func
};
- exports['default'] = Portal;
- module.exports = exports['default'];
/***/ }),
-/* 362 */
+/* 358 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -45281,7 +47815,7 @@
}
/***/ }),
-/* 363 */
+/* 359 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -45316,7 +47850,7 @@
var _reactDom2 = _interopRequireDefault(_reactDom);
- var _rcAlign = __webpack_require__(364);
+ var _rcAlign = __webpack_require__(360);
var _rcAlign2 = _interopRequireDefault(_rcAlign);
@@ -45332,7 +47866,7 @@
var _LazyRenderBox2 = _interopRequireDefault(_LazyRenderBox);
- var _utils = __webpack_require__(362);
+ var _utils = __webpack_require__(358);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
@@ -45668,7 +48202,7 @@
module.exports = exports['default'];
/***/ }),
-/* 364 */
+/* 360 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -45677,7 +48211,7 @@
value: true
});
- var _Align = __webpack_require__(365);
+ var _Align = __webpack_require__(361);
var _Align2 = _interopRequireDefault(_Align);
@@ -45688,7 +48222,7 @@
module.exports = exports['default'];
/***/ }),
-/* 365 */
+/* 361 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -45701,7 +48235,7 @@
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
- var _createClass2 = __webpack_require__(357);
+ var _createClass2 = __webpack_require__(362);
var _createClass3 = _interopRequireDefault(_createClass2);
@@ -45923,6 +48457,64 @@
exports['default'] = Align;
module.exports = exports['default'];
+/***/ }),
+/* 362 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+ exports.__esModule = true;
+
+ var _defineProperty = __webpack_require__(363);
+
+ var _defineProperty2 = _interopRequireDefault(_defineProperty);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ exports.default = 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;
+ (0, _defineProperty2.default)(target, descriptor.key, descriptor);
+ }
+ }
+
+ return function (Constructor, protoProps, staticProps) {
+ if (protoProps) defineProperties(Constructor.prototype, protoProps);
+ if (staticProps) defineProperties(Constructor, staticProps);
+ return Constructor;
+ };
+ }();
+
+/***/ }),
+/* 363 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ module.exports = { "default": __webpack_require__(364), __esModule: true };
+
+/***/ }),
+/* 364 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ __webpack_require__(365);
+ var $Object = __webpack_require__(151).Object;
+ module.exports = function defineProperty(it, key, desc) {
+ return $Object.defineProperty(it, key, desc);
+ };
+
+
+/***/ }),
+/* 365 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ var $export = __webpack_require__(149);
+ // 19.1.2.4 / 15.2.3.6 Object.defineProperty(O, P, Attributes)
+ $export($export.S + $export.F * !__webpack_require__(159), 'Object', { defineProperty: __webpack_require__(155).f });
+
+
/***/ }),
/* 366 */
/***/ (function(module, exports, __webpack_require__) {
@@ -46018,7 +48610,7 @@
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
- var _createClass2 = __webpack_require__(357);
+ var _createClass2 = __webpack_require__(362);
var _createClass3 = _interopRequireDefault(_createClass2);
@@ -46282,6 +48874,8 @@
Animate.isAnimate = true;
Animate.propTypes = {
+ className: _propTypes2['default'].string,
+ style: _propTypes2['default'].object,
component: _propTypes2['default'].any,
componentProps: _propTypes2['default'].object,
animation: _propTypes2['default'].object,
@@ -46398,7 +48992,7 @@
exports.__esModule = true;
- var _defineProperty = __webpack_require__(358);
+ var _defineProperty = __webpack_require__(363);
var _defineProperty2 = _interopRequireDefault(_defineProperty);
@@ -46555,7 +49149,7 @@
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
- var _createClass2 = __webpack_require__(357);
+ var _createClass2 = __webpack_require__(362);
var _createClass3 = _interopRequireDefault(_createClass2);
@@ -46685,7 +49279,9 @@
}(_react2['default'].Component);
AnimateChild.propTypes = {
- children: _propTypes2['default'].any
+ children: _propTypes2['default'].any,
+ animation: _propTypes2['default'].any,
+ transitionName: _propTypes2['default'].any
};
exports['default'] = AnimateChild;
module.exports = exports['default'];
@@ -47342,9 +49938,9 @@
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); } /**
- * This source code is quoted from rc-menu.
- * homepage: https://github.com/react-component/menu
+ function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); } /**
+ * This source code is quoted from rc-menu.
+ * homepage: https://github.com/react-component/menu
*/
@@ -48867,10 +51463,10 @@
this.eventListen([{ key: 'mouseup', fun: this.bodyonLineMouseUp }], 'remove', document.body);
};
- /**
- * 获取table的属性存放在this.table 中。(公用方法)
- * @returns
- * @memberof TableHeader
+ /**
+ * 获取table的属性存放在this.table 中。(公用方法)
+ * @returns
+ * @memberof TableHeader
*/
@@ -48912,8 +51508,8 @@
}
};
- /**
- * 事件初始化
+ /**
+ * 事件初始化
*/
@@ -48943,8 +51539,8 @@
}
};
- /**
- * 拖拽列宽事件的监听
+ /**
+ * 拖拽列宽事件的监听
*/
@@ -48954,8 +51550,8 @@
this.eventListen(events, '', this.table.tr[0]); //表示把事件添加到th元素上
};
- /**
- * 删除拖动改变列宽的事件监听
+ /**
+ * 删除拖动改变列宽的事件监听
*/
@@ -48982,39 +51578,39 @@
}
};
- /**
- *
- *根据 data-type 来获取当前拖拽的对象的Object，如果为null表示拖动的对象并非是online
- * @memberof TableHeader
+ /**
+ *
+ *根据 data-type 来获取当前拖拽的对象的Object，如果为null表示拖动的对象并非是online
+ * @memberof TableHeader
*/
- /**
- * 调整列宽的down事件
- * @memberof TableHeader
+ /**
+ * 调整列宽的down事件
+ * @memberof TableHeader
*/
- /**
- * 根据当前节点查找到有data-type类型的容器返回。
- * @memberof TableHeader
+ /**
+ * 根据当前节点查找到有data-type类型的容器返回。
+ * @memberof TableHeader
*/
- /**
- * 判断当前的target 是否是 th，如果不是，直接递归查找。
- * @memberof TableHeader
+ /**
+ * 判断当前的target 是否是 th，如果不是，直接递归查找。
+ * @memberof TableHeader
*/
- /**
- * 调整列宽的move事件
- * @memberof TableHeader
+ /**
+ * 调整列宽的move事件
+ * @memberof TableHeader
*/
- /**
- * 调整列宽的up事件
- * @memberof TableHeader
+ /**
+ * 调整列宽的up事件
+ * @memberof TableHeader
*/
@@ -49030,24 +51626,24 @@
this.clearThsDr();
};
- /**
- * 当前对象上绑定全局事件，用于拖拽区域以外时的事件处理
- * @param {*} events
- * @param {*} type
- * @memberof TableHeader
+ /**
+ * 当前对象上绑定全局事件，用于拖拽区域以外时的事件处理
+ * @param {*} events
+ * @param {*} type
+ * @memberof TableHeader
*/
- /**
- *相关滚动条联动操作
- *
- * @memberof TableHeader
+ /**
+ *相关滚动条联动操作
+ *
+ * @memberof TableHeader
*/
//---拖拽交换列代码----start-----
- /**
- * 添加换列的事件监听
+ /**
+ * 添加换列的事件监听
*/
TableHeader.prototype.dragAbleEventInit = function dragAbleEventInit() {
if (!this.props.draggable) return;
@@ -49059,8 +51655,8 @@
this.eventListen(events, '', this.table.tr[0]); //表示把事件添加到th元素上
};
- /**
- * 删除换列的事件监听
+ /**
+ * 删除换列的事件监听
*/
@@ -49069,22 +51665,22 @@
this.eventListen(events, 'remove', this.table.tr[0]);
};
- /**
- * 开始调整交换列的事件
+ /**
+ * 开始调整交换列的事件
*/
- /**
- * 在一个拖动过程中，释放鼠标键时触发此事件。【目标事件】
- * @memberof TableHeader
+ /**
+ * 在一个拖动过程中，释放鼠标键时触发此事件。【目标事件】
+ * @memberof TableHeader
*/
- /**
- * 获取当前th上的对象数据
- * @param {*} e
- * @returns
- * @memberof TableHeader
+ /**
+ * 获取当前th上的对象数据
+ * @param {*} e
+ * @returns
+ * @memberof TableHeader
*/
TableHeader.prototype.getCurrentEventData = function getCurrentEventData(th) {
if (!th) {
@@ -49103,11 +51699,11 @@
}
};
- /**
- * 根据当前鼠标点击的节点，进行递归遍历，最终找到th
- * @param {*} element
- * @returns | 对象
- * @memberof TableHeader
+ /**
+ * 根据当前鼠标点击的节点，进行递归遍历，最终找到th
+ * @param {*} element
+ * @returns | 对象
+ * @memberof TableHeader
*/
@@ -49124,18 +51720,18 @@
//---拖拽列交换----end-----
- /**
- * 过滤输入后或下拉条件的回调函数
+ /**
+ * 过滤输入后或下拉条件的回调函数
*/
- /**
- * 过滤行清除回调
+ /**
+ * 过滤行清除回调
*/
- /**
- * 过滤渲染的组件类型
+ /**
+ * 过滤渲染的组件类型
*/
@@ -49880,7 +52476,7 @@
var _beeInputNumber2 = _interopRequireDefault(_beeInputNumber);
- var _FilterDropDown = __webpack_require__(588);
+ var _FilterDropDown = __webpack_require__(589);
var _FilterDropDown2 = _interopRequireDefault(_FilterDropDown);
@@ -50189,39 +52785,39 @@
return _this;
}
- /**
- * 清除过滤条件
- *
+ /**
+ * 清除过滤条件
+ *
*/
- /**
- * 设置输入文本的值
- *
+ /**
+ * 设置输入文本的值
+ *
*/
- /**
- * 输入框回车执行回调
- *
+ /**
+ * 输入框回车执行回调
+ *
*/
- /**
- * 更改修改值
- *
+ /**
+ * 更改修改值
+ *
*/
- /**
- * 下拉条件的回调
- *
- * @param {*} key 字段
- * @param {*} value 值1,2,3...6
+ /**
+ * 下拉条件的回调
+ *
+ * @param {*} key 字段
+ * @param {*} value 值1,2,3...6
*/
- /**
- * 修改数值型的值
- *
+ /**
+ * 修改数值型的值
+ *
*/
//清除数值
@@ -50238,11 +52834,11 @@
//设置日期值
//组件渲染
- /**
- * 根据不同的类型生成对应的组件类型包含一些参数的适应
- *
- * @param {*} rendertype 参数类型，包括['text','dropdown','date','daterange','number']
- * @returns
+ /**
+ * 根据不同的类型生成对应的组件类型包含一些参数的适应
+ *
+ * @param {*} rendertype 参数类型，包括['text','dropdown','date','daterange','number']
+ * @returns
*/
@@ -50352,7 +52948,7 @@
var _moment2 = _interopRequireDefault(_moment);
- var _beeIcon = __webpack_require__(79);
+ var _beeIcon = __webpack_require__(67);
var _beeIcon2 = _interopRequireDefault(_beeIcon);
@@ -50394,9 +52990,11 @@
_initialiseProps.call(_this);
+ var value = props.value && (0, _moment2["default"])(props.value),
+ defaultValue = props.defaultValue && (0, _moment2["default"])(props.defaultValue);
_this.state = {
type: "month",
- value: props.value || props.defaultValue || _moment2["default"].Moment,
+ value: value || defaultValue || _moment2["default"].Moment,
open: props.open || false,
inputValue: props.value && _this.getValue(props.value) || props.defaultValue && _this.getValue(props.defaultValue) || '',
showClose: false
@@ -50408,7 +53006,7 @@
DatePicker.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
if ("value" in nextProps) {
this.setState({
- value: nextProps.value
+ value: nextProps.value && (0, _moment2["default"])(nextProps.value)
});
}
if ("open" in nextProps) {
@@ -50424,13 +53022,18 @@
};
//日期面板中输入框的失焦事件
+ //fix:更改系统时区后，日期框需要触发 onChange 事件
+
+ //阻止组件内部事件冒泡到组件外部容器
+
DatePicker.prototype.render = function render() {
var _this2 = this;
var state = this.state;
var props = this.props;
- var showClose = props.showClose;
+ var showClose = props.showClose,
+ defaultPanelShown = props.defaultPanelShown;
var value = state.value;
var pickerChangeHandler = {};
@@ -50469,7 +53072,7 @@
var classes = (0, _classnames2["default"])(props.className, "datepicker-container");
return _react2["default"].createElement(
"div",
- { className: classes },
+ { className: classes, onMouseEnter: this.onDateHover, onClick: this.stopPropagation, onMouseOver: this.stopPropagation },
_react2["default"].createElement(
_Picker2["default"],
_extends({
@@ -50478,7 +53081,7 @@
onOpenChange: this.onOpenChange,
calendar: calendar,
mode: 'year',
- open: this.state.open,
+ open: 'defaultPanelShown' in props ? defaultPanelShown : this.state.open,
value: state.value
}),
function () {
@@ -50611,7 +53214,7 @@
this.handleChange = function (value) {
var props = _this3.props;
_this3.setState({
- value: _extends(value, { _type: 'date' }),
+ value: value && _extends(value, { _type: 'date' }) || value,
inputValue: value && _this3.getValue(value) || ''
});
if (timerDatePicker) {
@@ -50721,6 +53324,24 @@
}
_this3.props.onDateInputBlur && _this3.props.onDateInputBlur(e, value);
};
+
+ this.onDateHover = function () {
+ var format = _this3.props.format;
+ var value = _this3.state.value,
+ newValue = value && _this3.getValue(value);
+
+
+ var inputValue = _this3.outInput.state.value;
+ inputValue = format ? inputValue : inputValue && _this3.getValue((0, _moment2["default"])(inputValue));
+
+ if (newValue && inputValue !== newValue) {
+ _this3.props.onChange && _this3.props.onChange(value, newValue || '');
+ }
+ };
+
+ this.stopPropagation = function (e) {
+ e.stopPropagation();
+ };
};
DatePicker.defaultProps = {
@@ -50791,7 +53412,7 @@
var _KeyCode2 = _interopRequireDefault(_KeyCode);
- var _reactLifecyclesCompat = __webpack_require__(93);
+ var _reactLifecyclesCompat = __webpack_require__(81);
var _DateTable = __webpack_require__(398);
@@ -50947,7 +53568,8 @@
'div',
{
tabIndex: this.props.focusablePanel ? 0 : undefined,
- className: prefixCls + '-date-panel'
+ className: prefixCls + '-date-panel',
+ onMouseOver: this.onMouseOver
},
_react2["default"].createElement(_CalendarHeader2["default"], {
locale: locale,
@@ -51194,6 +53816,10 @@
this.goTime = function (direction, unit) {
_this2.setValue((0, _toTime.goTime)(_this2.state.value, direction, unit));
};
+
+ this.onMouseOver = function (e) {
+ e.stopPropagation();
+ };
};
(0, _reactLifecyclesCompat.polyfill)(Calendar);
@@ -51205,453 +53831,583 @@
/* 397 */
/***/ (function(module, exports) {
- 'use strict';
+ "use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
+ exports.default = void 0;
+
/**
* @ignore
* some key-codes definition and utils from closure-library
* @author yiminghe@gmail.com
*/
-
var KeyCode = {
/**
* MAC_ENTER
*/
MAC_ENTER: 3,
+
/**
* BACKSPACE
*/
BACKSPACE: 8,
+
/**
* TAB
*/
TAB: 9,
+
/**
* NUMLOCK on FF/Safari Mac
*/
- NUM_CENTER: 12, // NUMLOCK on FF/Safari Mac
+ NUM_CENTER: 12,
+ // NUMLOCK on FF/Safari Mac
+
/**
* ENTER
*/
ENTER: 13,
+
/**
* SHIFT
*/
SHIFT: 16,
+
/**
* CTRL
*/
CTRL: 17,
+
/**
* ALT
*/
ALT: 18,
+
/**
* PAUSE
*/
PAUSE: 19,
+
/**
* CAPS_LOCK
*/
CAPS_LOCK: 20,
+
/**
* ESC
*/
ESC: 27,
+
/**
* SPACE
*/
SPACE: 32,
+
/**
* PAGE_UP
*/
- PAGE_UP: 33, // also NUM_NORTH_EAST
+ PAGE_UP: 33,
+ // also NUM_NORTH_EAST
+
/**
* PAGE_DOWN
*/
- PAGE_DOWN: 34, // also NUM_SOUTH_EAST
+ PAGE_DOWN: 34,
+ // also NUM_SOUTH_EAST
+
/**
* END
*/
- END: 35, // also NUM_SOUTH_WEST
+ END: 35,
+ // also NUM_SOUTH_WEST
+
/**
* HOME
*/
- HOME: 36, // also NUM_NORTH_WEST
+ HOME: 36,
+ // also NUM_NORTH_WEST
+
/**
* LEFT
*/
- LEFT: 37, // also NUM_WEST
+ LEFT: 37,
+ // also NUM_WEST
+
/**
* UP
*/
- UP: 38, // also NUM_NORTH
+ UP: 38,
+ // also NUM_NORTH
+
/**
* RIGHT
*/
- RIGHT: 39, // also NUM_EAST
+ RIGHT: 39,
+ // also NUM_EAST
+
/**
* DOWN
*/
- DOWN: 40, // also NUM_SOUTH
+ DOWN: 40,
+ // also NUM_SOUTH
+
/**
* PRINT_SCREEN
*/
PRINT_SCREEN: 44,
+
/**
* INSERT
*/
- INSERT: 45, // also NUM_INSERT
+ INSERT: 45,
+ // also NUM_INSERT
+
/**
* DELETE
*/
- DELETE: 46, // also NUM_DELETE
+ DELETE: 46,
+ // also NUM_DELETE
+
/**
* ZERO
*/
ZERO: 48,
+
/**
* ONE
*/
ONE: 49,
+
/**
* TWO
*/
TWO: 50,
+
/**
* THREE
*/
THREE: 51,
+
/**
* FOUR
*/
FOUR: 52,
+
/**
* FIVE
*/
FIVE: 53,
+
/**
* SIX
*/
SIX: 54,
+
/**
* SEVEN
*/
SEVEN: 55,
+
/**
* EIGHT
*/
EIGHT: 56,
+
/**
* NINE
*/
NINE: 57,
+
/**
* QUESTION_MARK
*/
- QUESTION_MARK: 63, // needs localization
+ QUESTION_MARK: 63,
+ // needs localization
+
/**
* A
*/
A: 65,
+
/**
* B
*/
B: 66,
+
/**
* C
*/
C: 67,
+
/**
* D
*/
D: 68,
+
/**
* E
*/
E: 69,
+
/**
* F
*/
F: 70,
+
/**
* G
*/
G: 71,
+
/**
* H
*/
H: 72,
+
/**
* I
*/
I: 73,
+
/**
* J
*/
J: 74,
+
/**
* K
*/
K: 75,
+
/**
* L
*/
L: 76,
+
/**
* M
*/
M: 77,
+
/**
* N
*/
N: 78,
+
/**
* O
*/
O: 79,
+
/**
* P
*/
P: 80,
+
/**
* Q
*/
Q: 81,
+
/**
* R
*/
R: 82,
+
/**
* S
*/
S: 83,
+
/**
* T
*/
T: 84,
+
/**
* U
*/
U: 85,
+
/**
* V
*/
V: 86,
+
/**
* W
*/
W: 87,
+
/**
* X
*/
X: 88,
+
/**
* Y
*/
Y: 89,
+
/**
* Z
*/
Z: 90,
+
/**
* META
*/
- META: 91, // WIN_KEY_LEFT
+ META: 91,
+ // WIN_KEY_LEFT
+
/**
* WIN_KEY_RIGHT
*/
WIN_KEY_RIGHT: 92,
+
/**
* CONTEXT_MENU
*/
CONTEXT_MENU: 93,
+
/**
* NUM_ZERO
*/
NUM_ZERO: 96,
+
/**
* NUM_ONE
*/
NUM_ONE: 97,
+
/**
* NUM_TWO
*/
NUM_TWO: 98,
+
/**
* NUM_THREE
*/
NUM_THREE: 99,
+
/**
* NUM_FOUR
*/
NUM_FOUR: 100,
+
/**
* NUM_FIVE
*/
NUM_FIVE: 101,
+
/**
* NUM_SIX
*/
NUM_SIX: 102,
+
/**
* NUM_SEVEN
*/
NUM_SEVEN: 103,
+
/**
* NUM_EIGHT
*/
NUM_EIGHT: 104,
+
/**
* NUM_NINE
*/
NUM_NINE: 105,
+
/**
* NUM_MULTIPLY
*/
NUM_MULTIPLY: 106,
+
/**
* NUM_PLUS
*/
NUM_PLUS: 107,
+
/**
* NUM_MINUS
*/
NUM_MINUS: 109,
+
/**
* NUM_PERIOD
*/
NUM_PERIOD: 110,
+
/**
* NUM_DIVISION
*/
NUM_DIVISION: 111,
+
/**
* F1
*/
F1: 112,
+
/**
* F2
*/
F2: 113,
+
/**
* F3
*/
F3: 114,
+
/**
* F4
*/
F4: 115,
+
/**
* F5
*/
F5: 116,
+
/**
* F6
*/
F6: 117,
+
/**
* F7
*/
F7: 118,
+
/**
* F8
*/
F8: 119,
+
/**
* F9
*/
F9: 120,
+
/**
* F10
*/
F10: 121,
+
/**
* F11
*/
F11: 122,
+
/**
* F12
*/
F12: 123,
+
/**
* NUMLOCK
*/
NUMLOCK: 144,
+
/**
* SEMICOLON
*/
- SEMICOLON: 186, // needs localization
+ SEMICOLON: 186,
+ // needs localization
+
/**
* DASH
*/
- DASH: 189, // needs localization
+ DASH: 189,
+ // needs localization
+
/**
* EQUALS
*/
- EQUALS: 187, // needs localization
+ EQUALS: 187,
+ // needs localization
+
/**
* COMMA
*/
- COMMA: 188, // needs localization
+ COMMA: 188,
+ // needs localization
+
/**
* PERIOD
*/
- PERIOD: 190, // needs localization
+ PERIOD: 190,
+ // needs localization
+
/**
* SLASH
*/
- SLASH: 191, // needs localization
+ SLASH: 191,
+ // needs localization
+
/**
* APOSTROPHE
*/
- APOSTROPHE: 192, // needs localization
+ APOSTROPHE: 192,
+ // needs localization
+
/**
* SINGLE_QUOTE
*/
- SINGLE_QUOTE: 222, // needs localization
+ SINGLE_QUOTE: 222,
+ // needs localization
+
/**
* OPEN_SQUARE_BRACKET
*/
- OPEN_SQUARE_BRACKET: 219, // needs localization
+ OPEN_SQUARE_BRACKET: 219,
+ // needs localization
+
/**
* BACKSLASH
*/
- BACKSLASH: 220, // needs localization
+ BACKSLASH: 220,
+ // needs localization
+
/**
* CLOSE_SQUARE_BRACKET
*/
- CLOSE_SQUARE_BRACKET: 221, // needs localization
+ CLOSE_SQUARE_BRACKET: 221,
+ // needs localization
+
/**
* WIN_KEY
*/
WIN_KEY: 224,
+
/**
* MAC_FF_META
*/
- MAC_FF_META: 224, // Firefox (Gecko) fires this for the meta key instead of 91
+ MAC_FF_META: 224,
+ // Firefox (Gecko) fires this for the meta key instead of 91
+
/**
* WIN_IME
*/
WIN_IME: 229
};
-
/*
whether text and modified key is entered at the same time.
*/
+
KeyCode.isTextModifyingKeyEvent = function isTextModifyingKeyEvent(e) {
var keyCode = e.keyCode;
- if (e.altKey && !e.ctrlKey || e.metaKey ||
- // Function keys don't generate text
+
+ if (e.altKey && !e.ctrlKey || e.metaKey || // Function keys don't generate text
keyCode >= KeyCode.F1 && keyCode <= KeyCode.F12) {
return false;
- }
-
- // The following keys are quite harmless, even in combination with
+ } // The following keys are quite harmless, even in combination with
// CTRL, ALT or SHIFT.
+
+
switch (keyCode) {
case KeyCode.ALT:
case KeyCode.CAPS_LOCK:
@@ -51677,14 +54433,16 @@
case KeyCode.WIN_KEY:
case KeyCode.WIN_KEY_RIGHT:
return false;
+
default:
return true;
}
};
-
/*
whether character is entered.
*/
+
+
KeyCode.isCharacterKey = function isCharacterKey(keyCode) {
if (keyCode >= KeyCode.ZERO && keyCode <= KeyCode.NINE) {
return true;
@@ -51696,9 +54454,9 @@
if (keyCode >= KeyCode.A && keyCode <= KeyCode.Z) {
return true;
- }
+ } // Safari sends zero key code for non-latin characters.
+
- // Safari sends zero key code for non-latin characters.
if (window.navigation.userAgent.indexOf('WebKit') !== -1 && keyCode === 0) {
return true;
}
@@ -51722,13 +54480,14 @@
case KeyCode.BACKSLASH:
case KeyCode.CLOSE_SQUARE_BRACKET:
return true;
+
default:
return false;
}
};
- exports['default'] = KeyCode;
- module.exports = exports['default'];
+ var _default = KeyCode;
+ exports.default = _default;
/***/ }),
/* 398 */
@@ -56516,7 +59275,7 @@
})));
- /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(205)(module)))
+ /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(193)(module)))
/***/ }),
/* 402 */
@@ -69334,7 +72093,9 @@
function getTodayTime(value) {
var today = (0, _moment2["default"])();
- today.locale(value.locale()).utcOffset(value.utcOffset());
+ if (typeof value !== 'undefined') {
+ today.locale(value.locale()).utcOffset(value.utcOffset());
+ }
return today;
}
@@ -69643,7 +72404,7 @@
var prefixCls = props.prefixCls;
var locale = props.locale;
var value = props.value;
- var localeData = value.localeData();
+ var localeData = value.localeData && value.localeData();
var monthBeforeYear = locale.monthBeforeYear;
var selectClassName = prefixCls + '-' + (monthBeforeYear ? 'my-select' : 'ym-select');
var timeClassName = showTimePicker ? ' ' + prefixCls + '-time-status' : '';
@@ -69715,18 +72476,16 @@
/* 533 */
/***/ (function(module, exports, __webpack_require__) {
- 'use strict';
+ "use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
- exports['default'] = mapSelf;
+ exports.default = mapSelf;
- var _react = __webpack_require__(1);
+ var _react = _interopRequireDefault(__webpack_require__(1));
- var _react2 = _interopRequireDefault(_react);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function mirror(o) {
return o;
@@ -69734,9 +72493,8 @@
function mapSelf(children) {
// return ReactFragment
- return _react2['default'].Children.map(children, mirror);
+ return _react.default.Children.map(children, mirror);
}
- module.exports = exports['default'];
/***/ }),
/* 534 */
@@ -69756,7 +72514,7 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _reactLifecyclesCompat = __webpack_require__(93);
+ var _reactLifecyclesCompat = __webpack_require__(81);
var _MonthTable = __webpack_require__(535);
@@ -70144,11 +72902,9 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _KeyCode = __webpack_require__(397);
+ var _tinperBeeCore = __webpack_require__(27);
- var _KeyCode2 = _interopRequireDefault(_KeyCode);
-
- var _reactLifecyclesCompat = __webpack_require__(93);
+ var _reactLifecyclesCompat = __webpack_require__(81);
var _moment = __webpack_require__(401);
@@ -70306,7 +73062,7 @@
if (!str) {
onChange(null);
_this2.setState({
- invalid: false,
+ // invalid: false,
str: str
});
return;
@@ -70316,7 +73072,7 @@
var parsed = (0, _moment2["default"])(str, format, true);
if (!parsed.isValid()) {
_this2.setState({
- invalid: true,
+ // invalid: true,
str: str
});
return;
@@ -70327,7 +73083,7 @@
if (!value || disabledDate && disabledDate(value)) {
_this2.setState({
- invalid: true,
+ // invalid: true,
str: str
});
return;
@@ -70335,7 +73091,7 @@
if (selectedValue !== value || selectedValue && value && !selectedValue.isSame(value)) {
_this2.setState({
- invalid: false,
+ // invalid: false,
str: str
});
onChange(value);
@@ -70347,6 +73103,47 @@
};
this.onBlur = function (e) {
+ var str = e.target.value;
+ var _props2 = _this2.props,
+ disabledDate = _props2.disabledDate,
+ format = _props2.format,
+ onChange = _props2.onChange,
+ selectedValue = _props2.selectedValue;
+
+ // 没有内容，合法并直接退出
+
+ if (!str) {
+ _this2.setState({
+ invalid: false
+ });
+ return;
+ }
+
+ // 不合法直接退出
+ var parsed = (0, _moment2["default"])(str, format, true);
+ if (!parsed.isValid()) {
+ _this2.setState({
+ invalid: true
+ });
+ return;
+ }
+
+ var value = _this2.props.value.clone();
+ value.year(parsed.year()).month(parsed.month()).date(parsed.date()).hour(parsed.hour()).minute(parsed.minute()).second(parsed.second());
+
+ if (!value || disabledDate && disabledDate(value)) {
+ _this2.setState({
+ invalid: true
+ });
+ return;
+ }
+
+ if (selectedValue !== value || selectedValue && value && !selectedValue.isSame(value)) {
+ _this2.setState({
+ invalid: false
+ });
+ }
+
_this2.setState(function (prevState, prevProps) {
return {
hasFocus: false,
@@ -70357,19 +73154,33 @@
};
this.onKeyDown = function (e) {
- var _props2 = _this2.props,
- onSelect = _props2.onSelect,
- value = _props2.value,
- onKeyDown = _props2.onKeyDown,
- format = _props2.format,
- isRange = _props2.isRange;
+ var _props3 = _this2.props,
+ onSelect = _props3.onSelect,
+ value = _props3.value,
+ onKeyDown = _props3.onKeyDown,
+ format = _props3.format,
+ isRange = _props3.isRange;
var str = e.target.value;
var parsed = (0, _moment2["default"])(str, format, true);
- if (e.keyCode === _KeyCode2["default"].ENTER) {
+ if (e.keyCode === _tinperBeeCore.KeyCode.ENTER) {
if (parsed.isValid() && onSelect) {
isRange ? onSelect(parsed.clone()) : onSelect(value.clone()); //FIX https://github.com/iuap-design/tinper-bee/issues/183
}
+ // 没有内容，回填默认值，并关闭面板
+ if (!str) {
+ _this2.setState({
+ invalid: false
+ });
+ onSelect && onSelect((0, _moment2["default"])());
+ return;
+ }
+ // 有内容，判断是否合法
+ if (!parsed.isValid()) {
+ _this2.setState({
+ invalid: true
+ });
+ }
}
// if (e.keyCode === KeyCode.ENTER && onSelect) {
// onSelect(value.clone());
@@ -71556,7 +74367,7 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _reactLifecyclesCompat = __webpack_require__(93);
+ var _reactLifecyclesCompat = __webpack_require__(81);
var _createChainedFunction = __webpack_require__(308);
@@ -71878,6 +74689,8 @@
var _classnames = _interopRequireDefault(__webpack_require__(5));
+ var _reactLifecyclesCompat = __webpack_require__(81);
+
var _Header = _interopRequireDefault(__webpack_require__(550));
var _Combobox = _interopRequireDefault(__webpack_require__(551));
@@ -71886,6 +74699,10 @@
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj["default"] = obj; return newObj; } }
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
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); } }
@@ -71937,12 +74754,20 @@
function (_Component) {
_inherits(Panel, _Component);
- function Panel(props) {
+ function Panel() {
+ var _getPrototypeOf2;
+
var _this;
_classCallCheck(this, Panel);
- _this = _possibleConstructorReturn(this, _getPrototypeOf(Panel).call(this, props));
+ for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+ args[_key] = arguments[_key];
+ }
+
+ _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Panel)).call.apply(_getPrototypeOf2, [this].concat(args)));
+
+ _defineProperty(_assertThisInitialized(_this), "state", {});
_defineProperty(_assertThisInitialized(_this), "onChange", function (newValue) {
var onChange = _this.props.onChange;
@@ -71988,24 +74813,10 @@
return disabledOptions;
});
- _this.state = {
- value: props.value
- };
return _this;
}
_createClass(Panel, [{
- key: "componentWillReceiveProps",
- value: function componentWillReceiveProps(nextProps) {
- var value = nextProps.value;
-
- if (value) {
- this.setState({
- value: value
- });
- }
- }
- }, {
key: "close",
// https://github.com/ant-design/ant-design/issues/5829
value: function close() {
@@ -72100,6 +74911,17 @@
isAM: this.isAM()
}), addon(this));
}
+ }], [{
+ key: "getDerivedStateFromProps",
+ value: function getDerivedStateFromProps(props, state) {
+ if ('value' in props) {
+ return _objectSpread({}, state, {
+ value: props.value
+ });
+ }
+
+ return null;
+ }
}]);
return Panel;
@@ -72148,6 +74970,7 @@
inputReadOnly: false
});
+ (0, _reactLifecyclesCompat.polyfill)(Panel);
var _default = Panel;
exports["default"] = _default;
@@ -72319,21 +75142,26 @@
}
}
}, {
- key: "componentWillReceiveProps",
- value: function componentWillReceiveProps(nextProps) {
- var value = nextProps.value,
- format = nextProps.format;
- this.setState({
- str: value && value.format(format) || '',
- invalid: false
- });
+ key: "componentDidUpdate",
+ value: function componentDidUpdate(prevProps) {
+ var _this$props3 = this.props,
+ value = _this$props3.value,
+ format = _this$props3.format;
+
+ if (value !== prevProps.value) {
+ // eslint-disable-next-line react/no-did-update-set-state
+ this.setState({
+ str: value && value.format(format) || '',
+ invalid: false
+ });
+ }
}
}, {
key: "getProtoValue",
value: function getProtoValue() {
- var _this$props3 = this.props,
- value = _this$props3.value,
- defaultOpenValue = _this$props3.defaultOpenValue;
+ var _this$props4 = this.props,
+ value = _this$props4.value,
+ defaultOpenValue = _this$props4.defaultOpenValue;
return value || defaultOpenValue;
}
}, {
@@ -72341,10 +75169,10 @@
value: function getInput() {
var _this3 = this;
- var _this$props4 = this.props,
- prefixCls = _this$props4.prefixCls,
- placeholder = _this$props4.placeholder,
- inputReadOnly = _this$props4.inputReadOnly;
+ var _this$props5 = this.props,
+ prefixCls = _this$props5.prefixCls,
+ placeholder = _this$props5.placeholder,
+ inputReadOnly = _this$props5.inputReadOnly;
var _this$state = this.state,
invalid = _this$state.invalid,
str = _this$state.str;
@@ -72744,7 +75572,7 @@
var _classnames = _interopRequireDefault(__webpack_require__(5));
- var _raf = _interopRequireDefault(__webpack_require__(246));
+ var _raf = _interopRequireDefault(__webpack_require__(234));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -73257,7 +76085,7 @@
var _beeFormControl2 = _interopRequireDefault(_beeFormControl);
- var _beeIcon = __webpack_require__(79);
+ var _beeIcon = __webpack_require__(67);
var _beeIcon2 = _interopRequireDefault(_beeIcon);
@@ -73314,7 +76142,7 @@
// }
_this.setState({
- value: _extends(value, { _type: 'month' })
+ value: value && _extends(value, { _type: 'month' }) || value
});
onChange && onChange(value, value ? value.format(format) : '');
};
@@ -73382,6 +76210,10 @@
_this.props.onChange && _this.props.onChange('', '');
};
+ _this.stopPropagation = function (e) {
+ e.stopPropagation();
+ };
+
_this.state = {
type: "month",
value: props.value || props.defaultValue,
@@ -73390,6 +76222,8 @@
};
return _this;
}
+ //阻止组件内部事件冒泡到组件外部容器
+
MonthPicker.prototype.render = function render() {
var _this2 = this;
@@ -73405,7 +76239,7 @@
var classes = (0, _classnames2["default"])(props.className, "datepicker-container");
return _react2["default"].createElement(
"div",
- { className: classes },
+ { className: classes, onClick: this.stopPropagation, onMouseOver: this.stopPropagation },
_react2["default"].createElement(
_Picker2["default"],
{
@@ -73731,7 +76565,7 @@
var _beeInputGroup2 = _interopRequireDefault(_beeInputGroup);
- var _beeIcon = __webpack_require__(79);
+ var _beeIcon = __webpack_require__(67);
var _beeIcon2 = _interopRequireDefault(_beeIcon);
@@ -73833,6 +76667,8 @@
};
//日期面板中输入框的失焦事件
+ //阻止组件内部事件冒泡到组件外部容器
+
RangePicker.prototype.render = function render() {
var _this2 = this;
@@ -73866,45 +76702,49 @@
});
return _react2["default"].createElement(
- _Picker2["default"],
- {
- value: value,
- animation: 'animation' in props ? props.animation : "slide-up",
- calendar: calendar,
- disabled: props.disabled,
- dropdownClassName: props.dropdownClassName,
- onOpenChange: this.onOpenChange,
- open: open
- },
- function (_ref) {
- _objectDestructuringEmpty(_ref);
+ "div",
+ { onClick: this.stopPropagation, onMouseOver: this.stopPropagation },
+ _react2["default"].createElement(
+ _Picker2["default"],
+ {
+ value: value,
+ animation: 'animation' in props ? props.animation : "slide-up",
+ calendar: calendar,
+ disabled: props.disabled,
+ dropdownClassName: props.dropdownClassName,
+ onOpenChange: this.onOpenChange,
+ open: open
+ },
+ function (_ref) {
+ _objectDestructuringEmpty(_ref);
- return _react2["default"].createElement(
- "div",
- { className: (0, _classnames2["default"])('calendar-picker', 'u-input-group', 'simple', props.className),
- onMouseEnter: _this2.onMouseEnter,
- onMouseLeave: _this2.onMouseLeave
- },
- _react2["default"].createElement(_beeFormControl2["default"], {
- placeholder: _this2.props.placeholder ? _this2.props.placeholder : 'start ~ end',
- value: isValidRange(value) && (0, _util.formatDate)(value[0], formatStr) + " ~ " + (0, _util.formatDate)(value[1], formatStr) || '',
- disabled: props.disabled,
- onFocus: function onFocus(v, e) {
- _this2.outInputFocus(e);
- }
- }),
- showClose && _this2.state.value && _this2.state.value.length > 0 && _this2.state.showClose && !props.disabled ? _react2["default"].createElement(
- _beeInputGroup2["default"].Button,
- { shape: "border",
- onClick: _this2.clear },
- props.closeIcon()
- ) : _react2["default"].createElement(
- _beeInputGroup2["default"].Button,
- { shape: "border" },
- props.renderIcon()
- )
- );
- }
+ return _react2["default"].createElement(
+ "div",
+ { className: (0, _classnames2["default"])('calendar-picker', 'u-input-group', 'simple', props.className),
+ onMouseEnter: _this2.onMouseEnter,
+ onMouseLeave: _this2.onMouseLeave
+ },
+ _react2["default"].createElement(_beeFormControl2["default"], {
+ placeholder: _this2.props.placeholder ? _this2.props.placeholder : 'start ~ end',
+ value: isValidRange(value) && (0, _util.formatDate)(value[0], formatStr) + " ~ " + (0, _util.formatDate)(value[1], formatStr) || '',
+ disabled: props.disabled,
+ onFocus: function onFocus(v, e) {
+ _this2.outInputFocus(e);
+ }
+ }),
+ showClose && _this2.state.value && _this2.state.value.length > 0 && _this2.state.showClose && !props.disabled ? _react2["default"].createElement(
+ _beeInputGroup2["default"].Button,
+ { shape: "border",
+ onClick: _this2.clear },
+ props.closeIcon()
+ ) : _react2["default"].createElement(
+ _beeInputGroup2["default"].Button,
+ { shape: "border" },
+ props.renderIcon()
+ )
+ );
+ }
+ )
);
};
@@ -73969,12 +76809,16 @@
value: []
});
_this3.props.onChange && _this3.props.onChange([], []);
+ _this3.props.onFormControlClear && _this3.props.onFormControlClear();
};
this.onOpenChange = function (open) {
var props = _this3.props;
var self = _this3;
-
+ // let {value} = this.state;
+ // if(!isValidRange(value)){
+ // debugger
+ // }
if (open === false) {
_this3.clearHoverValue();
}
@@ -74062,6 +76906,10 @@
}
_this3.props.onEndInputBlur && _this3.props.onEndInputBlur(e, endValue, "[\"" + startValue + "\" , \"" + endValue + "\"]");
};
+
+ this.stopPropagation = function (e) {
+ e.stopPropagation();
+ };
};
RangePicker.defaultProps = {
@@ -74111,7 +76959,7 @@
var _classnames3 = _interopRequireDefault(_classnames2);
- var _reactLifecyclesCompat = __webpack_require__(93);
+ var _reactLifecyclesCompat = __webpack_require__(81);
var _KeyCode = __webpack_require__(397);
@@ -74208,7 +77056,11 @@
var selectedValue = originalValue.concat();
var index = direction === 'left' ? 0 : 1;
selectedValue[index] = value;
+ // console.log(selectedValue[0], selectedValue[1], this.compare(selectedValue[0], selectedValue[1]))
if (selectedValue[0] && this.compare(selectedValue[0], selectedValue[1]) > 0) {
+ selectedValue[1] = this.state.showTimePicker ? selectedValue[index] : undefined;
+ }
+ if (selectedValue[0] && !selectedValue[1]) {
selectedValue[1 - index] = this.state.showTimePicker ? selectedValue[index] : undefined;
}
this.props.onInputSelect(selectedValue);
@@ -74331,7 +77183,7 @@
props.renderSidebar(),
_react2["default"].createElement(
'div',
- { className: prefixCls + '-panel' },
+ { className: prefixCls + '-panel', onMouseOver: this.onMouseOver },
showClear && selectedValue[0] && selectedValue[1] ? _react2["default"].createElement(
'a',
{
@@ -74897,7 +77749,7 @@
if (_this2.props.timePicker) {
return v1.diff(v2);
}
- return v1.diff(v2, 'days');
+ return v1 && v1.diff(v2, 'days');
};
this.fireSelectValueChange = function (selectedValue, direct, cause) {
@@ -74992,6 +77844,10 @@
return month.isSameOrBefore(value[0], 'month');
};
+
+ this.onMouseOver = function (e) {
+ e.stopPropagation();
+ };
};
(0, _reactLifecyclesCompat.polyfill)(RangeCalendar);
@@ -75231,7 +78087,7 @@
var _en_US2 = _interopRequireDefault(_en_US);
- var _beeIcon = __webpack_require__(79);
+ var _beeIcon = __webpack_require__(67);
var _beeIcon2 = _interopRequireDefault(_beeIcon);
@@ -75381,7 +78237,7 @@
_this.handleCalendarChange = function (value) {
_this.setState({
- value: _extends(value, { _type: 'week' })
+ value: value && _extends(value, { _type: 'week' }) || value
});
};
@@ -75405,6 +78261,10 @@
_this.props.onChange && _this.props.onChange('', '');
};
+ _this.stopPropagation = function (e) {
+ e.stopPropagation();
+ };
+
_this.state = {
value: props.value || props.defaultValue,
open: false,
@@ -75412,6 +78272,8 @@
};
return _this;
}
+ //阻止组件内部事件冒泡到组件外部容器
+
WeekPicker.prototype.render = function render() {
var _this2 = this;
@@ -75439,7 +78301,7 @@
var classes = (0, _classnames2["default"])(props.className, "datepicker-container");
return _react2["default"].createElement(
"div",
- { className: classes },
+ { className: classes, onClick: this.stopPropagation, onMouseOver: this.stopPropagation },
_react2["default"].createElement(
_Picker2["default"],
_extends({
@@ -75538,7 +78400,7 @@
var _beeInputGroup2 = _interopRequireDefault(_beeInputGroup);
- var _beeIcon = __webpack_require__(79);
+ var _beeIcon = __webpack_require__(67);
var _beeIcon2 = _interopRequireDefault(_beeIcon);
@@ -75604,6 +78466,9 @@
}
};
+ //阻止组件内部事件冒泡到组件外部容器
+
+
YearPicker.prototype.render = function render() {
var _this2 = this;
@@ -75623,7 +78488,7 @@
var classes = (0, _classnames2["default"])(props.className, "datepicker-container");
return _react2["default"].createElement(
"div",
- { className: classes },
+ { className: classes, onClick: this.stopPropagation, onMouseOver: this.stopPropagation },
_react2["default"].createElement(
_Picker2["default"],
_extends({
@@ -75723,7 +78588,7 @@
this.handleChange = function (value) {
var props = _this3.props;
_this3.setState({
- value: _extends(value, { _type: 'year' })
+ value: value && _extends(value, { _type: 'year' }) || value
});
props.onChange && props.onChange(value, value && value.format(props.format) || '');
};
@@ -75759,6 +78624,10 @@
onSelect && onSelect(value, value ? value.format(format) : '');
_reactDom2["default"].findDOMNode(_this3.outInput).focus();
};
+
+ this.stopPropagation = function (e) {
+ e.stopPropagation();
+ };
};
YearPicker.defaultProps = {
@@ -76009,7 +78878,7 @@
var _reactDom2 = _interopRequireDefault(_reactDom);
- var _reactLifecyclesCompat = __webpack_require__(93);
+ var _reactLifecyclesCompat = __webpack_require__(81);
var _tinperBeeCore = __webpack_require__(27);
@@ -76017,7 +78886,7 @@
var _classnames3 = _interopRequireDefault(_classnames2);
- var _beeAnimate = __webpack_require__(69);
+ var _beeAnimate = __webpack_require__(57);
var _beeAnimate2 = _interopRequireDefault(_beeAnimate);
@@ -76027,6 +78896,10 @@
var _rcMenu = __webpack_require__(569);
+ var _MenuItem = __webpack_require__(577);
+
+ var _MenuItem2 = _interopRequireDefault(_MenuItem);
+
var _warning = __webpack_require__(32);
var _warning2 = _interopRequireDefault(_warning);
@@ -76184,11 +79057,7 @@
}, _util.UNSELECTABLE_ATTRIBUTE, {
onClick: this.onClearSelection
}),
- clearIcon || _react2["default"].createElement(
- 'i',
- { className: prefixCls + '-selection-clear-icon' },
- '\xD7'
- )
+ clearIcon || _react2["default"].createElement('i', { className: prefixCls + '-selection-clear-icon' })
);
if (!allowClear) {
return null;
@@ -77197,7 +80066,7 @@
value.forEach(function (singleValue) {
var key = singleValue;
var menuItem = _react2["default"].createElement(
- _rcMenu.Item,
+ _MenuItem2["default"],
{
style: _util.UNSELECTABLE_STYLE,
role: 'option',
@@ -77226,7 +80095,7 @@
});
if (notFindInputItem) {
options.unshift(_react2["default"].createElement(
- _rcMenu.Item,
+ _MenuItem2["default"],
{
style: _util.UNSELECTABLE_STYLE,
role: 'option',
@@ -77242,7 +80111,7 @@
if (!options.length && notFoundContent) {
options = [_react2["default"].createElement(
- _rcMenu.Item,
+ _MenuItem2["default"],
{
style: _util.UNSELECTABLE_STYLE,
attribute: _util.UNSELECTABLE_ATTRIBUTE,
@@ -77293,7 +80162,7 @@
(0, _util.validateOptionValue)(childValue, _this2.props);
if (_this2.filterOption(inputValue, child)) {
- var menuItem = _react2["default"].createElement(_rcMenu.Item, _extends({
+ var menuItem = _react2["default"].createElement(_MenuItem2["default"], _extends({
style: _util.UNSELECTABLE_STYLE,
attribute: _util.UNSELECTABLE_ATTRIBUTE,
value: childValue,
@@ -79576,6 +82445,10 @@
}
};
+ _this.saveNode = function (node) {
+ _this.node = node;
+ };
+
return _this;
}
@@ -79584,11 +82457,23 @@
this.callRef();
};
- MenuItem.prototype.componentDidUpdate = function componentDidUpdate() {
- if (this.props.active) {
- (0, _domScrollIntoView2['default'])(_reactDom2['default'].findDOMNode(this), _reactDom2['default'].findDOMNode(this.props.parentMenu), {
- onlyScrollIfNeeded: true
- });
+ MenuItem.prototype.componentDidUpdate = function componentDidUpdate(prevProps) {
+ var _props = this.props,
+ active = _props.active,
+ parentMenu = _props.parentMenu,
+ eventKey = _props.eventKey;
+ // 在 parentMenu 上层保存滚动状态，避免重复的 MenuItem key 导致滚动跳动
+ // https://github.com/ant-design/ant-design/issues/16181
+
+ if (!prevProps.active && active && !parentMenu && !parentMenu['scrolled-' + eventKey]) {
+ if (this.node) {
+ (0, _domScrollIntoView2['default'])(this.node, _reactDom2['default'].findDOMNode(parentMenu), {
+ onlyScrollIfNeeded: true
+ });
+ parentMenu['scrolled-' + eventKey] = true;
+ }
+ } else if (parentMenu && parentMenu['scrolled-' + eventKey]) {
+ delete parentMenu['scrolled-' + eventKey];
}
this.callRef();
};
@@ -79668,9 +82553,7 @@
}
return _react2['default'].createElement(
'li',
- (0, _extends3['default'])({}, props, attrs, mouseEvent, {
- style: style
- }),
+ (0, _extends3['default'])({}, props, attrs, mouseEvent, { style: style, ref: this.saveNode }),
props.children,
icon
);
@@ -79935,9 +82818,9 @@
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); } /**
- * This source code is quoted from rc-select.
- * homepage: https://github.com/react-component/select
+ function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); } /**
+ * This source code is quoted from rc-select.
+ * homepage: https://github.com/react-component/select
*/
@@ -80461,7 +83344,7 @@
var _domScrollIntoView2 = _interopRequireDefault(_domScrollIntoView);
- var _raf = __webpack_require__(246);
+ var _raf = __webpack_require__(234);
var _raf2 = _interopRequireDefault(_raf);
@@ -80711,9 +83594,9 @@
var _validate = _propTypes2["default"].oneOfType([_propTypes2["default"].arrayOf(basicType), basicType]);
return _validate.apply(undefined, arguments);
}
- } /**
- * This source code is quoted from rc-select.
- * homepage: https://github.com/react-component/select
+ } /**
+ * This source code is quoted from rc-select.
+ * homepage: https://github.com/react-component/select
*/
var SelectPropTypes = exports.SelectPropTypes = {
id: _propTypes2["default"].string,
@@ -80816,8 +83699,14 @@
var _InputNumber2 = _interopRequireDefault(_InputNumber);
+ var _InputNumberGroup = __webpack_require__(588);
+
+ var _InputNumberGroup2 = _interopRequireDefault(_InputNumberGroup);
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+ _InputNumber2["default"].InputNumberGroup = _InputNumberGroup2["default"];
+
exports["default"] = _InputNumber2["default"];
module.exports = exports['default'];
@@ -81068,7 +83957,7 @@
}
v = unThousands(v);
var value = Number(v);
- if (precision) {
+ if (_this.props.hasOwnProperty('precision')) {
value = value.toFixed(precision);
}
_this.setState({
@@ -81346,7 +84235,7 @@
var disabledCon = disabled ? ' disabled-con' : '';
return _react2["default"].createElement(
'div',
- null,
+ { className: clsPrefix + '-out' },
iconStyle === 'double' ? _react2["default"].createElement(
_beeInputGroup2["default"],
{ className: (0, _classnames2["default"])(className, classes, disabledCon) },
@@ -81438,6 +84327,197 @@
value: true
});
+ var _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; };
+
+ var _react = __webpack_require__(1);
+
+ var _react2 = _interopRequireDefault(_react);
+
+ var _propTypes = __webpack_require__(6);
+
+ var _propTypes2 = _interopRequireDefault(_propTypes);
+
+ var _InputNumber = __webpack_require__(587);
+
+ var _InputNumber2 = _interopRequireDefault(_InputNumber);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+ function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
+
+ function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
+
+ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+ function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+ function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
+
+ var noop = function noop() {};
+
+ var propsTypes = {
+ clsfix: _propTypes2["default"].string,
+ className: _propTypes2["default"].string,
+ value: _propTypes2["default"].array,
+ onChange: _propTypes2["default"].func,
+ onBlur: _propTypes2["default"].func,
+ onFocus: _propTypes2["default"].func,
+ placeholder: _propTypes2["default"].array,
+
+ max: _propTypes2["default"].number,
+ min: _propTypes2["default"].number,
+ step: _propTypes2["default"].number,
+ precision: _propTypes2["default"].number,
+ format: _propTypes2["default"].func,
+ delay: _propTypes2["default"].number,
+ disabled: _propTypes2["default"].bool,
+ toThousands: _propTypes2["default"].bool,
+ toNumber: _propTypes2["default"].bool
+ };
+
+ var defaultProps = {
+ clsfix: 'u-input-number',
+ className: '',
+ value: [],
+ placeholder: [],
+ onChange: noop,
+ onBlur: noop,
+ onFocus: noop
+ };
+
+ var InputNumberGroup = function (_Component) {
+ _inherits(InputNumberGroup, _Component);
+
+ function InputNumberGroup(props) {
+ _classCallCheck(this, InputNumberGroup);
+
+ var _this = _possibleConstructorReturn(this, _Component.call(this, props));
+
+ _this.onChange = function (index, v) {
+ var value = _this.state.value;
+
+ value[index] = v;
+ _this.setState({
+ value: value
+ });
+ _this.props.onChange(value);
+ };
+
+ _this.onFocus = function (index, v) {
+ var value = _this.state.value;
+
+ value[index] = v;
+ _this.setState({
+ value: value
+ });
+ _this.props.onFocus(value);
+ };
+
+ _this.onBlur = function (index, v) {
+ var value = _this.state.value;
+
+ if (index == 1) {
+ if (v < value[0]) {
+ console.warn('The second value must be greater than or equal to the first value');
+ }
+ }
+ value[index] = v;
+ _this.setState({
+ value: value
+ });
+
+ _this.props.onBlur(value);
+ };
+
+ _this.state = {
+ value: props.value || []
+ };
+ return _this;
+ }
+
+ InputNumberGroup.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
+ if ('value' in nextProps) {
+ this.setState({
+ value: nextProps.value
+ });
+ }
+ };
+
+ InputNumberGroup.prototype.render = function render() {
+ var _this2 = this;
+
+ var _props = this.props,
+ className = _props.className,
+ clsfix = _props.clsfix,
+ value = _props.value,
+ onChange = _props.onChange,
+ placeholder = _props.placeholder,
+ split = _props.split,
+ onBlur = _props.onBlur,
+ onFocus = _props.onFocus,
+ other = _objectWithoutProperties(_props, ['className', 'clsfix', 'value', 'onChange', 'placeholder', 'split', 'onBlur', 'onFocus']);
+
+ var stateValue = this.state.value;
+
+ return _react2["default"].createElement(
+ 'div',
+ { className: clsfix + '-group ' + className },
+ _react2["default"].createElement(_InputNumber2["default"], _extends({
+ onChange: function onChange(value) {
+ _this2.onChange(0, value);
+ },
+ onBlur: function onBlur(value) {
+ _this2.onBlur(0, value);
+ },
+ onFocus: function onFocus(value) {
+ _this2.onFocus(0, value);
+ },
+ value: stateValue[0],
+ placeholder: placeholder[0]
+ }, other)),
+ split ? split : _react2["default"].createElement(
+ 'span',
+ { className: clsfix + '-group-split' },
+ '~'
+ ),
+ _react2["default"].createElement(_InputNumber2["default"], _extends({
+ onChange: function onChange(value) {
+ _this2.onChange(1, value);
+ },
+ onBlur: function onBlur(value) {
+ _this2.onBlur(1, value);
+ },
+ onFocus: function onFocus(value) {
+ _this2.onFocus(1, value);
+ },
+ value: stateValue[1],
+ placeholder: placeholder[1]
+ }, other))
+ );
+ };
+
+ return InputNumberGroup;
+ }(_react.Component);
+
+ InputNumberGroup.displayName = 'InputNumberGroup';
+
+
+ InputNumberGroup.propsTypes = propsTypes;
+ InputNumberGroup.defaultProps = defaultProps;
+
+ exports["default"] = InputNumberGroup;
+ module.exports = exports['default'];
+
+/***/ }),
+/* 589 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+
var _react = __webpack_require__(1);
var _react2 = _interopRequireDefault(_react);
@@ -81458,7 +84538,7 @@
var _beeButton2 = _interopRequireDefault(_beeButton);
- var _beeIcon = __webpack_require__(79);
+ var _beeIcon = __webpack_require__(67);
var _beeIcon2 = _interopRequireDefault(_beeIcon);
@@ -81466,7 +84546,7 @@
var _i18n2 = _interopRequireDefault(_i18n);
- var _tool = __webpack_require__(132);
+ var _tool = __webpack_require__(120);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
@@ -81476,8 +84556,8 @@
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); } /**
- * 过滤行功能内的下拉条件
+ function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); } /**
+ * 过滤行功能内的下拉条件
*/
var Item = _beeMenus2['default'].Item;
@@ -81678,23 +84758,23 @@
};
return _this;
}
- /**
- * 点击下拉菜单
- *
- * @param {*} s 选中的selectRecord
+ /**
+ * 点击下拉菜单
+ *
+ * @param {*} s 选中的selectRecord
*/
- /**
- * 清除事件
- *
+ /**
+ * 清除事件
+ *
*/
- /**
- * 根据props来获得指定的Menu,分为String和Number
- *
- * @returns JSX Menu
+ /**
+ * 根据props来获得指定的Menu,分为String和Number
+ *
+ * @returns JSX Menu
*/
@@ -81751,7 +84831,7 @@
module.exports = exports['default'];
/***/ }),
-/* 589 */
+/* 590 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -81766,15 +84846,15 @@
var _react2 = _interopRequireDefault(_react);
- var _Column = __webpack_require__(590);
+ var _Column = __webpack_require__(591);
var _Column2 = _interopRequireDefault(_Column);
- var _ColumnGroup = __webpack_require__(591);
+ var _ColumnGroup = __webpack_require__(592);
var _ColumnGroup2 = _interopRequireDefault(_ColumnGroup);
- var _beeIcon = __webpack_require__(79);
+ var _beeIcon = __webpack_require__(67);
var _beeIcon2 = _interopRequireDefault(_beeIcon);
@@ -82153,7 +85233,7 @@
module.exports = exports['default'];
/***/ }),
-/* 590 */
+/* 591 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -82214,7 +85294,7 @@
module.exports = exports['default'];
/***/ }),
-/* 591 */
+/* 592 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -82258,7 +85338,7 @@
module.exports = exports['default'];
/***/ }),
-/* 592 */
+/* 593 */
/***/ (function(module, exports) {
"use strict";
@@ -82303,7 +85383,7 @@
module.exports = exports["default"];
/***/ }),
-/* 593 */
+/* 594 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -82312,7 +85392,7 @@
value: true
});
- var _Loading = __webpack_require__(594);
+ var _Loading = __webpack_require__(595);
var _Loading2 = _interopRequireDefault(_Loading);
@@ -82322,7 +85402,7 @@
module.exports = exports['default'];
/***/ }),
-/* 594 */
+/* 595 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -82343,7 +85423,7 @@
var _classnames2 = _interopRequireDefault(_classnames);
- var _Portal = __webpack_require__(112);
+ var _Portal = __webpack_require__(100);
var _Portal2 = _interopRequireDefault(_Portal);
@@ -82543,7 +85623,7 @@
module.exports = exports["default"];
/***/ }),
-/* 595 */
+/* 596 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -82568,12 +85648,12 @@
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); } /**
- *
- * @title 基本表格
- * @parent 基础 Basic
- * @description 当单元格内容过多时，会自动显示省略号，鼠标hover有提示。showRowNum 设置是否显示序号列。
- * demo0101
+ function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); } /**
+ *
+ * @title 基本表格
+ * @parent 基础 Basic
+ * @description 当单元格内容过多时，会自动显示省略号，鼠标hover有提示。showRowNum 设置是否显示序号列。
+ * demo0101
*/
var columns = [{ title: "员工编号", dataIndex: "a", key: "a", width: 150 }, { title: "员工姓名", dataIndex: "b", key: "b", width: 100 }, { title: "性别", dataIndex: "c", key: "c", width: 100 }, { title: "部门", dataIndex: "d", key: "d", width: 100 }, { title: "职级", dataIndex: "e", key: "e", width: 100 }];
@@ -82604,7 +85684,7 @@
module.exports = exports["default"];
/***/ }),
-/* 596 */
+/* 597 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -82684,7 +85764,7 @@
module.exports = exports['default'];
/***/ }),
-/* 597 */
+/* 598 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -82843,7 +85923,7 @@
module.exports = exports['default'];
/***/ }),
-/* 598 */
+/* 599 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -82868,12 +85948,12 @@
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); } /**
- *
- * @title 隔行换色
- * @parent 基础 Basic
- * @description 可自定义斑马线颜色
- * demo0104
+ function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); } /**
+ *
+ * @title 隔行换色
+ * @parent 基础 Basic
+ * @description 可自定义斑马线颜色
+ * demo0104
*/
var columns04 = [{ title: "序号", dataIndex: "index", key: "index", width: 80,
@@ -82971,7 +86051,7 @@
module.exports = exports['default'];
/***/ }),
-/* 599 */
+/* 600 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -82988,7 +86068,7 @@
var _src2 = _interopRequireDefault(_src);
- var _tinperBee = __webpack_require__(600);
+ var _tinperBee = __webpack_require__(601);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -83058,21 +86138,21 @@
module.exports = exports["default"];
/***/ }),
-/* 600 */
+/* 601 */
/***/ (function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(process) {'use strict';
if (process.env.NODE_ENV === 'production') {
- module.exports = __webpack_require__(601);
+ module.exports = __webpack_require__(602);
} else {
- module.exports = __webpack_require__(601);
+ module.exports = __webpack_require__(602);
}
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(33)))
/***/ }),
-/* 601 */
+/* 602 */
/***/ (function(module, exports, __webpack_require__) {
(function webpackUniversalModuleDefinition(root, factory) {
@@ -83147,7 +86227,7 @@
/******/ __webpack_require__.p = "";
/******/
/******/ // Load entry module and return exports
- /******/ return __webpack_require__(__webpack_require__.s = 564);
+ /******/ return __webpack_require__(__webpack_require__.s = 556);
/******/ })
/************************************************************************/
/******/ ([
@@ -85083,7 +88163,7 @@
try {
oldLocale = globalLocale._abbr;
var aliasedRequire = require;
- __webpack_require__(1337)("./" + name);
+ __webpack_require__(1303)("./" + name);
getSetGlobalLocale(oldLocale);
} catch (e) {}
}
@@ -87834,7 +90914,7 @@
})));
- /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(239)(module)))
+ /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(242)(module)))
/***/ }),
/* 5 */
@@ -87883,11 +90963,11 @@
exports.__esModule = true;
- var _setPrototypeOf = __webpack_require__(788);
+ var _setPrototypeOf = __webpack_require__(780);
var _setPrototypeOf2 = _interopRequireDefault(_setPrototypeOf);
- var _create = __webpack_require__(792);
+ var _create = __webpack_require__(784);
var _create2 = _interopRequireDefault(_create);
@@ -87922,7 +91002,7 @@
exports.__esModule = true;
- var _assign = __webpack_require__(604);
+ var _assign = __webpack_require__(596);
var _assign2 = _interopRequireDefault(_assign);
@@ -88209,9 +91289,9 @@
*/
try {
- var index = __webpack_require__(241);
+ var index = __webpack_require__(245);
} catch (err) {
- var index = __webpack_require__(241);
+ var index = __webpack_require__(245);
}
/**
@@ -88399,63 +91479,6 @@
/***/ }),
/* 12 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, '__esModule', {
- value: true
- });
- exports['default'] = addEventListener;
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
-
- var _EventObject = __webpack_require__(758);
-
- var _EventObject2 = _interopRequireDefault(_EventObject);
-
- function addEventListener(target, eventType, callback, option) {
- function wrapCallback(e) {
- var ne = new _EventObject2['default'](e);
- callback.call(target, ne);
- }
-
- if (target.addEventListener) {
- var _ret = (function () {
- var useCapture = false;
- if (typeof option === 'object') {
- useCapture = option.capture || false;
- } else if (typeof option === 'boolean') {
- useCapture = option;
- }
-
- target.addEventListener(eventType, wrapCallback, option || false);
-
- return {
- v: {
- remove: function remove() {
- target.removeEventListener(eventType, wrapCallback, useCapture);
- }
- }
- };
- })();
-
- if (typeof _ret === 'object') return _ret.v;
- } else if (target.attachEvent) {
- target.attachEvent('on' + eventType, wrapCallback);
- return {
- remove: function remove() {
- target.detachEvent('on' + eventType, wrapCallback);
- }
- };
- }
- }
-
- module.exports = exports['default'];
-
- /***/ }),
- /* 13 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -88621,14 +91644,71 @@
+ /***/ }),
+ /* 13 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ Object.defineProperty(exports, '__esModule', {
+ value: true
+ });
+ exports['default'] = addEventListener;
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+ var _EventObject = __webpack_require__(749);
+
+ var _EventObject2 = _interopRequireDefault(_EventObject);
+
+ function addEventListener(target, eventType, callback, option) {
+ function wrapCallback(e) {
+ var ne = new _EventObject2['default'](e);
+ callback.call(target, ne);
+ }
+
+ if (target.addEventListener) {
+ var _ret = (function () {
+ var useCapture = false;
+ if (typeof option === 'object') {
+ useCapture = option.capture || false;
+ } else if (typeof option === 'boolean') {
+ useCapture = option;
+ }
+
+ target.addEventListener(eventType, wrapCallback, option || false);
+
+ return {
+ v: {
+ remove: function remove() {
+ target.removeEventListener(eventType, wrapCallback, useCapture);
+ }
+ }
+ };
+ })();
+
+ if (typeof _ret === 'object') return _ret.v;
+ } else if (target.attachEvent) {
+ target.attachEvent('on' + eventType, wrapCallback);
+ return {
+ remove: function remove() {
+ target.detachEvent('on' + eventType, wrapCallback);
+ }
+ };
+ }
+ }
+
+ module.exports = exports['default'];
+
/***/ }),
/* 14 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__align_alignElement__ = __webpack_require__(763);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__align_alignPoint__ = __webpack_require__(769);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__align_alignElement__ = __webpack_require__(755);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__align_alignPoint__ = __webpack_require__(761);
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "alignElement", function() { return __WEBPACK_IMPORTED_MODULE_0__align_alignElement__["a"]; });
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "alignPoint", function() { return __WEBPACK_IMPORTED_MODULE_1__align_alignPoint__["a"]; });
@@ -88645,32 +91725,11 @@
"use strict";
- exports.__esModule = true;
-
- exports.default = function (obj, keys) {
- var target = {};
-
- for (var i in obj) {
- if (keys.indexOf(i) >= 0) continue;
- if (!Object.prototype.hasOwnProperty.call(obj, i)) continue;
- target[i] = obj[i];
- }
-
- return target;
- };
-
- /***/ }),
- /* 16 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
Object.defineProperty(exports, "__esModule", {
value: true
});
- var _Icon = __webpack_require__(576);
+ var _Icon = __webpack_require__(568);
var _Icon2 = _interopRequireDefault(_Icon);
@@ -88680,7 +91739,7 @@
module.exports = exports['default'];
/***/ }),
- /* 17 */
+ /* 16 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -88886,7 +91945,7 @@
/* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(9)))
/***/ }),
- /* 18 */
+ /* 17 */
/***/ (function(module, exports) {
function _interopRequireDefault(obj) {
@@ -88898,46 +91957,37 @@
module.exports = _interopRequireDefault;
/***/ }),
- /* 19 */
+ /* 18 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.create = exports.connect = exports.Provider = undefined;
+ exports.__esModule = true;
- var _Provider2 = __webpack_require__(794);
+ exports.default = function (obj, keys) {
+ var target = {};
- var _Provider3 = _interopRequireDefault(_Provider2);
+ for (var i in obj) {
+ if (keys.indexOf(i) >= 0) continue;
+ if (!Object.prototype.hasOwnProperty.call(obj, i)) continue;
+ target[i] = obj[i];
+ }
- var _connect2 = __webpack_require__(795);
-
- var _connect3 = _interopRequireDefault(_connect2);
-
- var _create2 = __webpack_require__(798);
-
- var _create3 = _interopRequireDefault(_create2);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- exports.Provider = _Provider3.default;
- exports.connect = _connect3.default;
- exports.create = _create3.default;
+ return target;
+ };
/***/ }),
- /* 20 */
+ /* 19 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__required__ = __webpack_require__(226);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__whitespace__ = __webpack_require__(646);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__type__ = __webpack_require__(647);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__range__ = __webpack_require__(648);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__enum__ = __webpack_require__(649);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__pattern__ = __webpack_require__(650);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__required__ = __webpack_require__(228);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__whitespace__ = __webpack_require__(638);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__type__ = __webpack_require__(639);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__range__ = __webpack_require__(640);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__enum__ = __webpack_require__(641);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__pattern__ = __webpack_require__(642);
@@ -88955,4096 +92005,7 @@
});
/***/ }),
- /* 21 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
- exports.default = ownerDocument;
-
- function ownerDocument(node) {
- return node && node.ownerDocument || document;
- }
-
- module.exports = exports["default"];
-
- /***/ }),
- /* 22 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- var _interopRequireDefault = __webpack_require__(18);
-
- exports.__esModule = true;
- exports.default = void 0;
-
- var _inDOM = _interopRequireDefault(__webpack_require__(52));
-
- var on = function on() {};
-
- if (_inDOM.default) {
- on = function () {
- if (document.addEventListener) return function (node, eventName, handler, capture) {
- return node.addEventListener(eventName, handler, capture || false);
- };else if (document.attachEvent) return function (node, eventName, handler) {
- return node.attachEvent('on' + eventName, function (e) {
- e = e || window.event;
- e.target = e.target || e.srcElement;
- e.currentTarget = node;
- handler.call(node, e);
- });
- };
- }();
- }
-
- var _default = on;
- exports.default = _default;
- module.exports = exports["default"];
-
- /***/ }),
- /* 23 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
-
- var _defineProperty = __webpack_require__(212);
-
- var _defineProperty2 = _interopRequireDefault(_defineProperty);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- exports.default = 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;
- (0, _defineProperty2.default)(target, descriptor.key, descriptor);
- }
- }
-
- return function (Constructor, protoProps, staticProps) {
- if (protoProps) defineProperties(Constructor.prototype, protoProps);
- if (staticProps) defineProperties(Constructor, staticProps);
- return Constructor;
- };
- }();
-
- /***/ }),
- /* 24 */
- /***/ (function(module, exports) {
-
- var core = module.exports = { version: '2.6.5' };
- if (typeof __e == 'number') __e = core; // eslint-disable-line no-undef
-
-
- /***/ }),
- /* 25 */
- /***/ (function(module, exports, __webpack_require__) {
-
- /* WEBPACK VAR INJECTION */(function(global) {var now = __webpack_require__(826)
- , root = typeof window === 'undefined' ? global : window
- , vendors = ['moz', 'webkit']
- , suffix = 'AnimationFrame'
- , raf = root['request' + suffix]
- , caf = root['cancel' + suffix] || root['cancelRequest' + suffix]
-
- for(var i = 0; !raf && i < vendors.length; i++) {
- raf = root[vendors[i] + 'Request' + suffix]
- caf = root[vendors[i] + 'Cancel' + suffix]
- || root[vendors[i] + 'CancelRequest' + suffix]
- }
-
- // Some versions of FF have rAF but not cAF
- if(!raf || !caf) {
- var last = 0
- , id = 0
- , queue = []
- , frameDuration = 1000 / 60
-
- raf = function(callback) {
- if(queue.length === 0) {
- var _now = now()
- , next = Math.max(0, frameDuration - (_now - last))
- last = next + _now
- setTimeout(function() {
- var cp = queue.slice(0)
- // Clear queue here to prevent
- // callbacks from appending listeners
- // to the current frame's queue
- queue.length = 0
- for(var i = 0; i < cp.length; i++) {
- if(!cp[i].cancelled) {
- try{
- cp[i].callback(last)
- } catch(e) {
- setTimeout(function() { throw e }, 0)
- }
- }
- }
- }, Math.round(next))
- }
- queue.push({
- handle: ++id,
- callback: callback,
- cancelled: false
- })
- return id
- }
-
- caf = function(handle) {
- for(var i = 0; i < queue.length; i++) {
- if(queue[i].handle === handle) {
- queue[i].cancelled = true
- }
- }
- }
- }
-
- module.exports = function(fn) {
- // Wrap in a new function to prevent
- // `cancel` potentially being assigned
- // to the native rAF function
- return raf.call(root, fn)
- }
- module.exports.cancel = function() {
- caf.apply(root, arguments)
- }
- module.exports.polyfill = function(object) {
- if (!object) {
- object = root;
- }
- object.requestAnimationFrame = raf
- object.cancelAnimationFrame = caf
- }
-
- /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(37)))
-
- /***/ }),
- /* 26 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /**
- * @ignore
- * some key-codes definition and utils from closure-library
- * @author yiminghe@gmail.com
- */
-
- var KeyCode = {
- /**
- * MAC_ENTER
- */
- MAC_ENTER: 3,
- /**
- * BACKSPACE
- */
- BACKSPACE: 8,
- /**
- * TAB
- */
- TAB: 9,
- /**
- * NUMLOCK on FF/Safari Mac
- */
- NUM_CENTER: 12, // NUMLOCK on FF/Safari Mac
- /**
- * ENTER
- */
- ENTER: 13,
- /**
- * SHIFT
- */
- SHIFT: 16,
- /**
- * CTRL
- */
- CTRL: 17,
- /**
- * ALT
- */
- ALT: 18,
- /**
- * PAUSE
- */
- PAUSE: 19,
- /**
- * CAPS_LOCK
- */
- CAPS_LOCK: 20,
- /**
- * ESC
- */
- ESC: 27,
- /**
- * SPACE
- */
- SPACE: 32,
- /**
- * PAGE_UP
- */
- PAGE_UP: 33, // also NUM_NORTH_EAST
- /**
- * PAGE_DOWN
- */
- PAGE_DOWN: 34, // also NUM_SOUTH_EAST
- /**
- * END
- */
- END: 35, // also NUM_SOUTH_WEST
- /**
- * HOME
- */
- HOME: 36, // also NUM_NORTH_WEST
- /**
- * LEFT
- */
- LEFT: 37, // also NUM_WEST
- /**
- * UP
- */
- UP: 38, // also NUM_NORTH
- /**
- * RIGHT
- */
- RIGHT: 39, // also NUM_EAST
- /**
- * DOWN
- */
- DOWN: 40, // also NUM_SOUTH
- /**
- * PRINT_SCREEN
- */
- PRINT_SCREEN: 44,
- /**
- * INSERT
- */
- INSERT: 45, // also NUM_INSERT
- /**
- * DELETE
- */
- DELETE: 46, // also NUM_DELETE
- /**
- * ZERO
- */
- ZERO: 48,
- /**
- * ONE
- */
- ONE: 49,
- /**
- * TWO
- */
- TWO: 50,
- /**
- * THREE
- */
- THREE: 51,
- /**
- * FOUR
- */
- FOUR: 52,
- /**
- * FIVE
- */
- FIVE: 53,
- /**
- * SIX
- */
- SIX: 54,
- /**
- * SEVEN
- */
- SEVEN: 55,
- /**
- * EIGHT
- */
- EIGHT: 56,
- /**
- * NINE
- */
- NINE: 57,
- /**
- * QUESTION_MARK
- */
- QUESTION_MARK: 63, // needs localization
- /**
- * A
- */
- A: 65,
- /**
- * B
- */
- B: 66,
- /**
- * C
- */
- C: 67,
- /**
- * D
- */
- D: 68,
- /**
- * E
- */
- E: 69,
- /**
- * F
- */
- F: 70,
- /**
- * G
- */
- G: 71,
- /**
- * H
- */
- H: 72,
- /**
- * I
- */
- I: 73,
- /**
- * J
- */
- J: 74,
- /**
- * K
- */
- K: 75,
- /**
- * L
- */
- L: 76,
- /**
- * M
- */
- M: 77,
- /**
- * N
- */
- N: 78,
- /**
- * O
- */
- O: 79,
- /**
- * P
- */
- P: 80,
- /**
- * Q
- */
- Q: 81,
- /**
- * R
- */
- R: 82,
- /**
- * S
- */
- S: 83,
- /**
- * T
- */
- T: 84,
- /**
- * U
- */
- U: 85,
- /**
- * V
- */
- V: 86,
- /**
- * W
- */
- W: 87,
- /**
- * X
- */
- X: 88,
- /**
- * Y
- */
- Y: 89,
- /**
- * Z
- */
- Z: 90,
- /**
- * META
- */
- META: 91, // WIN_KEY_LEFT
- /**
- * WIN_KEY_RIGHT
- */
- WIN_KEY_RIGHT: 92,
- /**
- * CONTEXT_MENU
- */
- CONTEXT_MENU: 93,
- /**
- * NUM_ZERO
- */
- NUM_ZERO: 96,
- /**
- * NUM_ONE
- */
- NUM_ONE: 97,
- /**
- * NUM_TWO
- */
- NUM_TWO: 98,
- /**
- * NUM_THREE
- */
- NUM_THREE: 99,
- /**
- * NUM_FOUR
- */
- NUM_FOUR: 100,
- /**
- * NUM_FIVE
- */
- NUM_FIVE: 101,
- /**
- * NUM_SIX
- */
- NUM_SIX: 102,
- /**
- * NUM_SEVEN
- */
- NUM_SEVEN: 103,
- /**
- * NUM_EIGHT
- */
- NUM_EIGHT: 104,
- /**
- * NUM_NINE
- */
- NUM_NINE: 105,
- /**
- * NUM_MULTIPLY
- */
- NUM_MULTIPLY: 106,
- /**
- * NUM_PLUS
- */
- NUM_PLUS: 107,
- /**
- * NUM_MINUS
- */
- NUM_MINUS: 109,
- /**
- * NUM_PERIOD
- */
- NUM_PERIOD: 110,
- /**
- * NUM_DIVISION
- */
- NUM_DIVISION: 111,
- /**
- * F1
- */
- F1: 112,
- /**
- * F2
- */
- F2: 113,
- /**
- * F3
- */
- F3: 114,
- /**
- * F4
- */
- F4: 115,
- /**
- * F5
- */
- F5: 116,
- /**
- * F6
- */
- F6: 117,
- /**
- * F7
- */
- F7: 118,
- /**
- * F8
- */
- F8: 119,
- /**
- * F9
- */
- F9: 120,
- /**
- * F10
- */
- F10: 121,
- /**
- * F11
- */
- F11: 122,
- /**
- * F12
- */
- F12: 123,
- /**
- * NUMLOCK
- */
- NUMLOCK: 144,
- /**
- * SEMICOLON
- */
- SEMICOLON: 186, // needs localization
- /**
- * DASH
- */
- DASH: 189, // needs localization
- /**
- * EQUALS
- */
- EQUALS: 187, // needs localization
- /**
- * COMMA
- */
- COMMA: 188, // needs localization
- /**
- * PERIOD
- */
- PERIOD: 190, // needs localization
- /**
- * SLASH
- */
- SLASH: 191, // needs localization
- /**
- * APOSTROPHE
- */
- APOSTROPHE: 192, // needs localization
- /**
- * SINGLE_QUOTE
- */
- SINGLE_QUOTE: 222, // needs localization
- /**
- * OPEN_SQUARE_BRACKET
- */
- OPEN_SQUARE_BRACKET: 219, // needs localization
- /**
- * BACKSLASH
- */
- BACKSLASH: 220, // needs localization
- /**
- * CLOSE_SQUARE_BRACKET
- */
- CLOSE_SQUARE_BRACKET: 221, // needs localization
- /**
- * WIN_KEY
- */
- WIN_KEY: 224,
- /**
- * MAC_FF_META
- */
- MAC_FF_META: 224, // Firefox (Gecko) fires this for the meta key instead of 91
- /**
- * WIN_IME
- */
- WIN_IME: 229
- };
-
- /*
- whether text and modified key is entered at the same time.
- */
- KeyCode.isTextModifyingKeyEvent = function isTextModifyingKeyEvent(e) {
- var keyCode = e.keyCode;
- if (e.altKey && !e.ctrlKey || e.metaKey ||
- // Function keys don't generate text
- keyCode >= KeyCode.F1 && keyCode <= KeyCode.F12) {
- return false;
- }
-
- // The following keys are quite harmless, even in combination with
- // CTRL, ALT or SHIFT.
- switch (keyCode) {
- case KeyCode.ALT:
- case KeyCode.CAPS_LOCK:
- case KeyCode.CONTEXT_MENU:
- case KeyCode.CTRL:
- case KeyCode.DOWN:
- case KeyCode.END:
- case KeyCode.ESC:
- case KeyCode.HOME:
- case KeyCode.INSERT:
- case KeyCode.LEFT:
- case KeyCode.MAC_FF_META:
- case KeyCode.META:
- case KeyCode.NUMLOCK:
- case KeyCode.NUM_CENTER:
- case KeyCode.PAGE_DOWN:
- case KeyCode.PAGE_UP:
- case KeyCode.PAUSE:
- case KeyCode.PRINT_SCREEN:
- case KeyCode.RIGHT:
- case KeyCode.SHIFT:
- case KeyCode.UP:
- case KeyCode.WIN_KEY:
- case KeyCode.WIN_KEY_RIGHT:
- return false;
- default:
- return true;
- }
- };
-
- /*
- whether character is entered.
- */
- KeyCode.isCharacterKey = function isCharacterKey(keyCode) {
- if (keyCode >= KeyCode.ZERO && keyCode <= KeyCode.NINE) {
- return true;
- }
-
- if (keyCode >= KeyCode.NUM_ZERO && keyCode <= KeyCode.NUM_MULTIPLY) {
- return true;
- }
-
- if (keyCode >= KeyCode.A && keyCode <= KeyCode.Z) {
- return true;
- }
-
- // Safari sends zero key code for non-latin characters.
- if (window.navigation.userAgent.indexOf('WebKit') !== -1 && keyCode === 0) {
- return true;
- }
-
- switch (keyCode) {
- case KeyCode.SPACE:
- case KeyCode.QUESTION_MARK:
- case KeyCode.NUM_PLUS:
- case KeyCode.NUM_MINUS:
- case KeyCode.NUM_PERIOD:
- case KeyCode.NUM_DIVISION:
- case KeyCode.SEMICOLON:
- case KeyCode.DASH:
- case KeyCode.EQUALS:
- case KeyCode.COMMA:
- case KeyCode.PERIOD:
- case KeyCode.SLASH:
- case KeyCode.APOSTROPHE:
- case KeyCode.SINGLE_QUOTE:
- case KeyCode.OPEN_SQUARE_BRACKET:
- case KeyCode.BACKSLASH:
- case KeyCode.CLOSE_SQUARE_BRACKET:
- return true;
- default:
- return false;
- }
- };
-
- /* harmony default export */ __webpack_exports__["a"] = (KeyCode);
-
- /***/ }),
- /* 27 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- var _interopRequireDefault = __webpack_require__(18);
-
- exports.__esModule = true;
- exports.default = void 0;
-
- var _inDOM = _interopRequireDefault(__webpack_require__(52));
-
- var _default = function () {
- // HTML DOM and SVG DOM may have different support levels,
- // so we need to check on context instead of a document root element.
- return _inDOM.default ? function (context, node) {
- if (context.contains) {
- return context.contains(node);
- } else if (context.compareDocumentPosition) {
- return context === node || !!(context.compareDocumentPosition(node) & 16);
- } else {
- return fallback(context, node);
- }
- } : fallback;
- }();
-
- exports.default = _default;
-
- function fallback(context, node) {
- if (node) do {
- if (node === context) return true;
- } while (node = node.parentNode);
- return false;
- }
-
- module.exports = exports["default"];
-
- /***/ }),
- /* 28 */
- /***/ (function(module, exports, __webpack_require__) {
-
- var store = __webpack_require__(127)('wks');
- var uid = __webpack_require__(88);
- var Symbol = __webpack_require__(35).Symbol;
- var USE_SYMBOL = typeof Symbol == 'function';
-
- var $exports = module.exports = function (name) {
- return store[name] || (store[name] =
- USE_SYMBOL && Symbol[name] || (USE_SYMBOL ? Symbol : uid)('Symbol.' + name));
- };
-
- $exports.store = store;
-
-
- /***/ }),
- /* 29 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__ = __webpack_require__(8);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_defineProperty__ = __webpack_require__(43);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_defineProperty___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_defineProperty__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_classCallCheck__ = __webpack_require__(5);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_classCallCheck__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_createClass__ = __webpack_require__(23);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_createClass___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_createClass__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(6);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_inherits__ = __webpack_require__(7);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_inherits__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6_react__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_prop_types__ = __webpack_require__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_7_prop_types__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__ = __webpack_require__(804);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__AnimateChild__ = __webpack_require__(805);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__util_animate__ = __webpack_require__(255);
-
-
-
-
-
-
-
-
-
-
-
-
- var defaultKey = 'rc_animate_' + Date.now();
-
- function getChildrenFromProps(props) {
- var children = props.children;
- if (__WEBPACK_IMPORTED_MODULE_6_react___default.a.isValidElement(children)) {
- if (!children.key) {
- return __WEBPACK_IMPORTED_MODULE_6_react___default.a.cloneElement(children, {
- key: defaultKey
- });
- }
- }
- return children;
- }
-
- function noop() {}
-
- var Animate = function (_React$Component) {
- __WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_inherits___default()(Animate, _React$Component);
-
- // eslint-disable-line
-
- function Animate(props) {
- __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_classCallCheck___default()(this, Animate);
-
- var _this = __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn___default()(this, (Animate.__proto__ || Object.getPrototypeOf(Animate)).call(this, props));
-
- _initialiseProps.call(_this);
-
- _this.currentlyAnimatingKeys = {};
- _this.keysToEnter = [];
- _this.keysToLeave = [];
-
- _this.state = {
- children: Object(__WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__["e" /* toArrayChildren */])(getChildrenFromProps(props))
- };
-
- _this.childrenRefs = {};
- return _this;
- }
-
- __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_createClass___default()(Animate, [{
- key: 'componentDidMount',
- value: function componentDidMount() {
- var _this2 = this;
-
- var showProp = this.props.showProp;
- var children = this.state.children;
- if (showProp) {
- children = children.filter(function (child) {
- return !!child.props[showProp];
- });
- }
- children.forEach(function (child) {
- if (child) {
- _this2.performAppear(child.key);
- }
- });
- }
- }, {
- key: 'componentWillReceiveProps',
- value: function componentWillReceiveProps(nextProps) {
- var _this3 = this;
-
- this.nextProps = nextProps;
- var nextChildren = Object(__WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__["e" /* toArrayChildren */])(getChildrenFromProps(nextProps));
- var props = this.props;
- // exclusive needs immediate response
- if (props.exclusive) {
- Object.keys(this.currentlyAnimatingKeys).forEach(function (key) {
- _this3.stop(key);
- });
- }
- var showProp = props.showProp;
- var currentlyAnimatingKeys = this.currentlyAnimatingKeys;
- // last props children if exclusive
- var currentChildren = props.exclusive ? Object(__WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__["e" /* toArrayChildren */])(getChildrenFromProps(props)) : this.state.children;
- // in case destroy in showProp mode
- var newChildren = [];
- if (showProp) {
- currentChildren.forEach(function (currentChild) {
- var nextChild = currentChild && Object(__WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__["a" /* findChildInChildrenByKey */])(nextChildren, currentChild.key);
- var newChild = void 0;
- if ((!nextChild || !nextChild.props[showProp]) && currentChild.props[showProp]) {
- newChild = __WEBPACK_IMPORTED_MODULE_6_react___default.a.cloneElement(nextChild || currentChild, __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_defineProperty___default()({}, showProp, true));
- } else {
- newChild = nextChild;
- }
- if (newChild) {
- newChildren.push(newChild);
- }
- });
- nextChildren.forEach(function (nextChild) {
- if (!nextChild || !Object(__WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__["a" /* findChildInChildrenByKey */])(currentChildren, nextChild.key)) {
- newChildren.push(nextChild);
- }
- });
- } else {
- newChildren = Object(__WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__["d" /* mergeChildren */])(currentChildren, nextChildren);
- }
-
- // need render to avoid update
- this.setState({
- children: newChildren
- });
-
- nextChildren.forEach(function (child) {
- var key = child && child.key;
- if (child && currentlyAnimatingKeys[key]) {
- return;
- }
- var hasPrev = child && Object(__WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__["a" /* findChildInChildrenByKey */])(currentChildren, key);
- if (showProp) {
- var showInNext = child.props[showProp];
- if (hasPrev) {
- var showInNow = Object(__WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__["b" /* findShownChildInChildrenByKey */])(currentChildren, key, showProp);
- if (!showInNow && showInNext) {
- _this3.keysToEnter.push(key);
- }
- } else if (showInNext) {
- _this3.keysToEnter.push(key);
- }
- } else if (!hasPrev) {
- _this3.keysToEnter.push(key);
- }
- });
-
- currentChildren.forEach(function (child) {
- var key = child && child.key;
- if (child && currentlyAnimatingKeys[key]) {
- return;
- }
- var hasNext = child && Object(__WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__["a" /* findChildInChildrenByKey */])(nextChildren, key);
- if (showProp) {
- var showInNow = child.props[showProp];
- if (hasNext) {
- var showInNext = Object(__WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__["b" /* findShownChildInChildrenByKey */])(nextChildren, key, showProp);
- if (!showInNext && showInNow) {
- _this3.keysToLeave.push(key);
- }
- } else if (showInNow) {
- _this3.keysToLeave.push(key);
- }
- } else if (!hasNext) {
- _this3.keysToLeave.push(key);
- }
- });
- }
- }, {
- key: 'componentDidUpdate',
- value: function componentDidUpdate() {
- var keysToEnter = this.keysToEnter;
- this.keysToEnter = [];
- keysToEnter.forEach(this.performEnter);
- var keysToLeave = this.keysToLeave;
- this.keysToLeave = [];
- keysToLeave.forEach(this.performLeave);
- }
- }, {
- key: 'isValidChildByKey',
- value: function isValidChildByKey(currentChildren, key) {
- var showProp = this.props.showProp;
- if (showProp) {
- return Object(__WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__["b" /* findShownChildInChildrenByKey */])(currentChildren, key, showProp);
- }
- return Object(__WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__["a" /* findChildInChildrenByKey */])(currentChildren, key);
- }
- }, {
- key: 'stop',
- value: function stop(key) {
- delete this.currentlyAnimatingKeys[key];
- var component = this.childrenRefs[key];
- if (component) {
- component.stop();
- }
- }
- }, {
- key: 'render',
- value: function render() {
- var _this4 = this;
-
- var props = this.props;
- this.nextProps = props;
- var stateChildren = this.state.children;
- var children = null;
- if (stateChildren) {
- children = stateChildren.map(function (child) {
- if (child === null || child === undefined) {
- return child;
- }
- if (!child.key) {
- throw new Error('must set key for children');
- }
- return __WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(
- __WEBPACK_IMPORTED_MODULE_9__AnimateChild__["a" /* default */],
- {
- key: child.key,
- ref: function ref(node) {
- _this4.childrenRefs[child.key] = node;
- },
- animation: props.animation,
- transitionName: props.transitionName,
- transitionEnter: props.transitionEnter,
- transitionAppear: props.transitionAppear,
- transitionLeave: props.transitionLeave
- },
- child
- );
- });
- }
- var Component = props.component;
- if (Component) {
- var passedProps = props;
- if (typeof Component === 'string') {
- passedProps = __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default()({
- className: props.className,
- style: props.style
- }, props.componentProps);
- }
- return __WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(
- Component,
- passedProps,
- children
- );
- }
- return children[0] || null;
- }
- }]);
-
- return Animate;
- }(__WEBPACK_IMPORTED_MODULE_6_react___default.a.Component);
-
- Animate.isAnimate = true;
- Animate.propTypes = {
- component: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.any,
- componentProps: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.object,
- animation: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.object,
- transitionName: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.string, __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.object]),
- transitionEnter: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.bool,
- transitionAppear: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.bool,
- exclusive: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.bool,
- transitionLeave: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.bool,
- onEnd: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.func,
- onEnter: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.func,
- onLeave: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.func,
- onAppear: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.func,
- showProp: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.string,
- children: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.node
- };
- Animate.defaultProps = {
- animation: {},
- component: 'span',
- componentProps: {},
- transitionEnter: true,
- transitionLeave: true,
- transitionAppear: false,
- onEnd: noop,
- onEnter: noop,
- onLeave: noop,
- onAppear: noop
- };
-
- var _initialiseProps = function _initialiseProps() {
- var _this5 = this;
-
- this.performEnter = function (key) {
- // may already remove by exclusive
- if (_this5.childrenRefs[key]) {
- _this5.currentlyAnimatingKeys[key] = true;
- _this5.childrenRefs[key].componentWillEnter(_this5.handleDoneAdding.bind(_this5, key, 'enter'));
- }
- };
-
- this.performAppear = function (key) {
- if (_this5.childrenRefs[key]) {
- _this5.currentlyAnimatingKeys[key] = true;
- _this5.childrenRefs[key].componentWillAppear(_this5.handleDoneAdding.bind(_this5, key, 'appear'));
- }
- };
-
- this.handleDoneAdding = function (key, type) {
- var props = _this5.props;
- delete _this5.currentlyAnimatingKeys[key];
- // if update on exclusive mode, skip check
- if (props.exclusive && props !== _this5.nextProps) {
- return;
- }
- var currentChildren = Object(__WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__["e" /* toArrayChildren */])(getChildrenFromProps(props));
- if (!_this5.isValidChildByKey(currentChildren, key)) {
- // exclusive will not need this
- _this5.performLeave(key);
- } else if (type === 'appear') {
- if (__WEBPACK_IMPORTED_MODULE_10__util_animate__["a" /* default */].allowAppearCallback(props)) {
- props.onAppear(key);
- props.onEnd(key, true);
- }
- } else if (__WEBPACK_IMPORTED_MODULE_10__util_animate__["a" /* default */].allowEnterCallback(props)) {
- props.onEnter(key);
- props.onEnd(key, true);
- }
- };
-
- this.performLeave = function (key) {
- // may already remove by exclusive
- if (_this5.childrenRefs[key]) {
- _this5.currentlyAnimatingKeys[key] = true;
- _this5.childrenRefs[key].componentWillLeave(_this5.handleDoneLeaving.bind(_this5, key));
- }
- };
-
- this.handleDoneLeaving = function (key) {
- var props = _this5.props;
- delete _this5.currentlyAnimatingKeys[key];
- // if update on exclusive mode, skip check
- if (props.exclusive && props !== _this5.nextProps) {
- return;
- }
- var currentChildren = Object(__WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__["e" /* toArrayChildren */])(getChildrenFromProps(props));
- // in case state change is too fast
- if (_this5.isValidChildByKey(currentChildren, key)) {
- _this5.performEnter(key);
- } else {
- var end = function end() {
- if (__WEBPACK_IMPORTED_MODULE_10__util_animate__["a" /* default */].allowLeaveCallback(props)) {
- props.onLeave(key);
- props.onEnd(key, false);
- }
- };
- if (!Object(__WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__["c" /* isSameChildren */])(_this5.state.children, currentChildren, props.showProp)) {
- _this5.setState({
- children: currentChildren
- }, end);
- } else {
- end();
- }
- }
- };
- };
-
- /* harmony default export */ __webpack_exports__["default"] = (Animate);
-
- /***/ }),
- /* 30 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
- exports.Align = exports.toArray = exports.cssAnimation = exports.addEventListener = exports.contains = exports.KeyCode = exports.createChainedFunction = exports.splitComponent = exports.isRequiredForA11y = exports.elementType = exports.deprecated = exports.componentOrElement = exports.all = undefined;
-
- var _all2 = __webpack_require__(1419);
-
- var _all3 = _interopRequireDefault(_all2);
-
- var _componentOrElement2 = __webpack_require__(1420);
-
- var _componentOrElement3 = _interopRequireDefault(_componentOrElement2);
-
- var _deprecated2 = __webpack_require__(1421);
-
- var _deprecated3 = _interopRequireDefault(_deprecated2);
-
- var _elementType2 = __webpack_require__(1422);
-
- var _elementType3 = _interopRequireDefault(_elementType2);
-
- var _isRequiredForA11y2 = __webpack_require__(1423);
-
- var _isRequiredForA11y3 = _interopRequireDefault(_isRequiredForA11y2);
-
- var _splitComponent2 = __webpack_require__(1424);
-
- var _splitComponent3 = _interopRequireDefault(_splitComponent2);
-
- var _createChainedFunction2 = __webpack_require__(1425);
-
- var _createChainedFunction3 = _interopRequireDefault(_createChainedFunction2);
-
- var _keyCode = __webpack_require__(1426);
-
- var _keyCode2 = _interopRequireDefault(_keyCode);
-
- var _contains2 = __webpack_require__(1427);
-
- var _contains3 = _interopRequireDefault(_contains2);
-
- var _addEventListener2 = __webpack_require__(502);
-
- var _addEventListener3 = _interopRequireDefault(_addEventListener2);
-
- var _cssAnimation2 = __webpack_require__(1428);
-
- var _cssAnimation3 = _interopRequireDefault(_cssAnimation2);
-
- var _toArray2 = __webpack_require__(1430);
-
- var _toArray3 = _interopRequireDefault(_toArray2);
-
- var _Align2 = __webpack_require__(1431);
-
- var _Align3 = _interopRequireDefault(_Align2);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- exports.all = _all3.default;
- exports.componentOrElement = _componentOrElement3.default;
- exports.deprecated = _deprecated3.default;
- exports.elementType = _elementType3.default;
- exports.isRequiredForA11y = _isRequiredForA11y3.default;
- exports.splitComponent = _splitComponent3.default;
- exports.createChainedFunction = _createChainedFunction3.default;
- exports.KeyCode = _keyCode2.default;
- exports.contains = _contains3.default;
- exports.addEventListener = _addEventListener3.default;
- exports.cssAnimation = _cssAnimation3.default;
- exports.toArray = _toArray3.default;
- //export getContainerRenderMixin from './getContainerRenderMixin';
-
- exports.Align = _Align3.default;
-
- /***/ }),
- /* 31 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
- exports.Align = exports.toArray = exports.cssAnimation = exports.addEventListener = exports.contains = exports.KeyCode = exports.createChainedFunction = exports.splitComponent = exports.isRequiredForA11y = exports.elementType = exports.deprecated = exports.componentOrElement = exports.all = undefined;
-
- var _all2 = __webpack_require__(1653);
-
- var _all3 = _interopRequireDefault(_all2);
-
- var _componentOrElement2 = __webpack_require__(1654);
-
- var _componentOrElement3 = _interopRequireDefault(_componentOrElement2);
-
- var _deprecated2 = __webpack_require__(1655);
-
- var _deprecated3 = _interopRequireDefault(_deprecated2);
-
- var _elementType2 = __webpack_require__(1656);
-
- var _elementType3 = _interopRequireDefault(_elementType2);
-
- var _isRequiredForA11y2 = __webpack_require__(1657);
-
- var _isRequiredForA11y3 = _interopRequireDefault(_isRequiredForA11y2);
-
- var _splitComponent2 = __webpack_require__(1658);
-
- var _splitComponent3 = _interopRequireDefault(_splitComponent2);
-
- var _createChainedFunction2 = __webpack_require__(1659);
-
- var _createChainedFunction3 = _interopRequireDefault(_createChainedFunction2);
-
- var _keyCode = __webpack_require__(1660);
-
- var _keyCode2 = _interopRequireDefault(_keyCode);
-
- var _contains2 = __webpack_require__(1661);
-
- var _contains3 = _interopRequireDefault(_contains2);
-
- var _addEventListener2 = __webpack_require__(535);
-
- var _addEventListener3 = _interopRequireDefault(_addEventListener2);
-
- var _cssAnimation2 = __webpack_require__(1662);
-
- var _cssAnimation3 = _interopRequireDefault(_cssAnimation2);
-
- var _toArray2 = __webpack_require__(1664);
-
- var _toArray3 = _interopRequireDefault(_toArray2);
-
- var _Align2 = __webpack_require__(536);
-
- var _Align3 = _interopRequireDefault(_Align2);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- exports.all = _all3.default;
- exports.componentOrElement = _componentOrElement3.default;
- exports.deprecated = _deprecated3.default;
- exports.elementType = _elementType3.default;
- exports.isRequiredForA11y = _isRequiredForA11y3.default;
- exports.splitComponent = _splitComponent3.default;
- exports.createChainedFunction = _createChainedFunction3.default;
- exports.KeyCode = _keyCode2.default;
- exports.contains = _contains3.default;
- exports.addEventListener = _addEventListener3.default;
- exports.cssAnimation = _cssAnimation3.default;
- exports.toArray = _toArray3.default;
- //export getContainerRenderMixin from './getContainerRenderMixin';
-
- exports.Align = _Align3.default;
-
- /***/ }),
- /* 32 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* harmony export (immutable) */ __webpack_exports__["h"] = findPopupContainer;
- /* harmony export (immutable) */ __webpack_exports__["r"] = toTitle;
- /* unused harmony export toArray */
- /* harmony export (immutable) */ __webpack_exports__["g"] = createRef;
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return UNSELECTABLE_STYLE; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return UNSELECTABLE_ATTRIBUTE; });
- /* harmony export (immutable) */ __webpack_exports__["i"] = flatToHierarchy;
- /* unused harmony export resetAriaId */
- /* harmony export (immutable) */ __webpack_exports__["l"] = generateAriaId;
- /* harmony export (immutable) */ __webpack_exports__["o"] = isLabelInValue;
- /* harmony export (immutable) */ __webpack_exports__["q"] = parseSimpleTreeData;
- /* harmony export (immutable) */ __webpack_exports__["p"] = isPosRelated;
- /* harmony export (immutable) */ __webpack_exports__["c"] = cleanEntity;
- /* harmony export (immutable) */ __webpack_exports__["m"] = getFilterTree;
- /* harmony export (immutable) */ __webpack_exports__["j"] = formatInternalValue;
- /* unused harmony export getLabel */
- /* harmony export (immutable) */ __webpack_exports__["k"] = formatSelectorValue;
- /* harmony export (immutable) */ __webpack_exports__["e"] = convertDataToTree;
- /* harmony export (immutable) */ __webpack_exports__["f"] = convertTreeToEntities;
- /* harmony export (immutable) */ __webpack_exports__["n"] = getHalfCheckedKeys;
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return conductCheck; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_warning__ = __webpack_require__(1745);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_warning___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_warning__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_rc_tree_es_util__ = __webpack_require__(206);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_rc_util_es_Children_toArray__ = __webpack_require__(71);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_rc_util_es_Dom_class__ = __webpack_require__(1746);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__strategies__ = __webpack_require__(207);
- 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 _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
-
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-
-
-
-
-
-
- var warnDeprecatedLabel = false; // =================== DOM =====================
-
- function findPopupContainer(node, prefixClass) {
- var current = node;
-
- while (current) {
- if (Object(__WEBPACK_IMPORTED_MODULE_4_rc_util_es_Dom_class__["a" /* hasClass */])(current, prefixClass)) {
- return current;
- }
-
- current = current.parentNode;
- }
-
- return null;
- } // =================== MISC ====================
-
- function toTitle(title) {
- if (typeof title === 'string') {
- return title;
- }
-
- return null;
- }
- function toArray(data) {
- if (data === undefined || data === null) return [];
- return Array.isArray(data) ? data : [data];
- } // Shallow copy of React 16.3 createRef api
-
- function createRef() {
- var func = function setRef(node) {
- func.current = node;
- };
-
- return func;
- } // =============== Legacy ===============
-
- var UNSELECTABLE_STYLE = {
- userSelect: 'none',
- WebkitUserSelect: 'none'
- };
- var UNSELECTABLE_ATTRIBUTE = {
- unselectable: 'unselectable'
- };
- /**
- * Convert position list to hierarchy structure.
- * This is little hack since use '-' to split the position.
- */
-
- function flatToHierarchy(positionList) {
- if (!positionList.length) {
- return [];
- }
-
- var entrances = {}; // Prepare the position map
-
- var posMap = {};
- var parsedList = positionList.slice().map(function (entity) {
- var clone = _objectSpread({}, entity, {
- fields: entity.pos.split('-')
- });
-
- delete clone.children;
- return clone;
- });
- parsedList.forEach(function (entity) {
- posMap[entity.pos] = entity;
- });
- parsedList.sort(function (a, b) {
- return a.fields.length - b.fields.length;
- }); // Create the hierarchy
-
- parsedList.forEach(function (entity) {
- var parentPos = entity.fields.slice(0, -1).join('-');
- var parentEntity = posMap[parentPos];
-
- if (!parentEntity) {
- entrances[entity.pos] = entity;
- } else {
- parentEntity.children = parentEntity.children || [];
- parentEntity.children.push(entity);
- } // Some time position list provide `key`, we don't need it
-
-
- delete entity.key;
- delete entity.fields;
- });
- return Object.keys(entrances).map(function (key) {
- return entrances[key];
- });
- } // =============== Accessibility ===============
-
- var ariaId = 0;
- function resetAriaId() {
- ariaId = 0;
- }
- function generateAriaId(prefix) {
- ariaId += 1;
- return "".concat(prefix, "_").concat(ariaId);
- }
- function isLabelInValue(props) {
- var treeCheckable = props.treeCheckable,
- treeCheckStrictly = props.treeCheckStrictly,
- labelInValue = props.labelInValue;
-
- if (treeCheckable && treeCheckStrictly) {
- return true;
- }
-
- return labelInValue || false;
- } // =================== Tree ====================
-
- function parseSimpleTreeData(treeData, _ref) {
- var id = _ref.id,
- pId = _ref.pId,
- rootPId = _ref.rootPId;
- var keyNodes = {};
- var rootNodeList = []; // Fill in the map
-
- var nodeList = treeData.map(function (node) {
- var clone = _objectSpread({}, node);
-
- var key = clone[id];
- keyNodes[key] = clone;
- clone.key = clone.key || key;
- return clone;
- }); // Connect tree
-
- nodeList.forEach(function (node) {
- var parentKey = node[pId];
- var parent = keyNodes[parentKey]; // Fill parent
-
- if (parent) {
- parent.children = parent.children || [];
- parent.children.push(node);
- } // Fill root tree node
-
-
- if (parentKey === rootPId || !parent && rootPId === null) {
- rootNodeList.push(node);
- }
- });
- return rootNodeList;
- }
- /**
- * Detect if position has relation.
- * e.g. 1-2 related with 1-2-3
- * e.g. 1-3-2 related with 1
- * e.g. 1-2 not related with 1-21
- */
-
- function isPosRelated(pos1, pos2) {
- var fields1 = pos1.split('-');
- var fields2 = pos2.split('-');
- var minLen = Math.min(fields1.length, fields2.length);
-
- for (var i = 0; i < minLen; i += 1) {
- if (fields1[i] !== fields2[i]) {
- return false;
- }
- }
-
- return true;
- }
- /**
- * This function is only used on treeNode check (none treeCheckStrictly but has searchInput).
- * We convert entity to { node, pos, children } format.
- * This is legacy bug but we still need to do with it.
- * @param entity
- */
-
- function cleanEntity(_ref2) {
- var node = _ref2.node,
- pos = _ref2.pos,
- children = _ref2.children;
- var instance = {
- node: node,
- pos: pos
- };
-
- if (children) {
- instance.children = children.map(cleanEntity);
- }
-
- return instance;
- }
- /**
- * Get a filtered TreeNode list by provided treeNodes.
- * [Legacy] Since `Tree` use `key` as map but `key` will changed by React,
- * we have to convert `treeNodes > data > treeNodes` to keep the key.
- * Such performance hungry!
- *
- * We pass `Component` as argument is to fix eslint issue.
- */
-
- function getFilterTree(treeNodes, searchValue, filterFunc, valueEntities, Component) {
- if (!searchValue) {
- return null;
- }
-
- function mapFilteredNodeToData(node) {
- if (!node) return null;
- var match = false;
-
- if (filterFunc(searchValue, node)) {
- match = true;
- }
-
- var children = Object(__WEBPACK_IMPORTED_MODULE_3_rc_util_es_Children_toArray__["a" /* default */])(node.props.children).map(mapFilteredNodeToData).filter(function (n) {
- return n;
- });
-
- if (children.length || match) {
- return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(Component, _extends({}, node.props, {
- key: valueEntities[node.props.value].key
- }), children);
- }
-
- return null;
- }
-
- return treeNodes.map(mapFilteredNodeToData).filter(function (node) {
- return node;
- });
- } // =================== Value ===================
-
- /**
- * Convert value to array format to make logic simplify.
- */
-
- function formatInternalValue(value, props) {
- var valueList = toArray(value); // Parse label in value
-
- if (isLabelInValue(props)) {
- return valueList.map(function (val) {
- if (typeof val !== 'object' || !val) {
- return {
- value: '',
- label: ''
- };
- }
-
- return val;
- });
- }
-
- return valueList.map(function (val) {
- return {
- value: val
- };
- });
- }
- function getLabel(wrappedValue, entity, treeNodeLabelProp) {
- if (wrappedValue.label) {
- return wrappedValue.label;
- }
-
- if (entity && entity.node.props) {
- return entity.node.props[treeNodeLabelProp];
- } // Since value without entity will be in missValueList.
- // This code will never reached, but we still need this in case.
-
-
- return wrappedValue.value;
- }
- /**
- * Convert internal state `valueList` to user needed value list.
- * This will return an array list. You need check if is not multiple when return.
- *
- * `allCheckedNodes` is used for `treeCheckStrictly`
- */
-
- function formatSelectorValue(valueList, props, valueEntities) {
- var treeNodeLabelProp = props.treeNodeLabelProp,
- treeCheckable = props.treeCheckable,
- treeCheckStrictly = props.treeCheckStrictly,
- showCheckedStrategy = props.showCheckedStrategy; // Will hide some value if `showCheckedStrategy` is set
-
- if (treeCheckable && !treeCheckStrictly) {
- var values = {};
- valueList.forEach(function (wrappedValue) {
- values[wrappedValue.value] = wrappedValue;
- });
- var hierarchyList = flatToHierarchy(valueList.map(function (_ref3) {
- var value = _ref3.value;
- return valueEntities[value];
- }));
-
- if (showCheckedStrategy === __WEBPACK_IMPORTED_MODULE_5__strategies__["c" /* SHOW_PARENT */]) {
- // Only get the parent checked value
- return hierarchyList.map(function (_ref4) {
- var value = _ref4.node.props.value;
- return {
- label: getLabel(values[value], valueEntities[value], treeNodeLabelProp),
- value: value
- };
- });
- }
-
- if (showCheckedStrategy === __WEBPACK_IMPORTED_MODULE_5__strategies__["b" /* SHOW_CHILD */]) {
- // Only get the children checked value
- var targetValueList = []; // Find the leaf children
-
- var traverse = function traverse(_ref5) {
- var value = _ref5.node.props.value,
- children = _ref5.children;
-
- if (!children || children.length === 0) {
- targetValueList.push({
- label: getLabel(values[value], valueEntities[value], treeNodeLabelProp),
- value: value
- });
- return;
- }
-
- children.forEach(function (entity) {
- traverse(entity);
- });
- };
-
- hierarchyList.forEach(function (entity) {
- traverse(entity);
- });
- return targetValueList;
- }
- }
-
- return valueList.map(function (wrappedValue) {
- return {
- label: getLabel(wrappedValue, valueEntities[wrappedValue.value], treeNodeLabelProp),
- value: wrappedValue.value
- };
- });
- }
- /**
- * Use `rc-tree` convertDataToTree to convert treeData to TreeNodes.
- * This will change the label to title value
- */
-
- function processProps(props) {
- var title = props.title,
- label = props.label,
- key = props.key,
- value = props.value;
-
- var cloneProps = _objectSpread({}, props); // Warning user not to use deprecated label prop.
-
-
- if (label && !title) {
- if (!warnDeprecatedLabel) {
- __WEBPACK_IMPORTED_MODULE_1_warning___default()(false, "'label' in treeData is deprecated. Please use 'title' instead.");
- warnDeprecatedLabel = true;
- }
-
- cloneProps.title = label;
- }
-
- if (!key) {
- cloneProps.key = value;
- }
-
- return cloneProps;
- }
-
- function convertDataToTree(treeData) {
- return Object(__WEBPACK_IMPORTED_MODULE_2_rc_tree_es_util__["g" /* convertDataToTree */])(treeData, {
- processProps: processProps
- });
- }
- /**
- * Use `rc-tree` convertTreeToEntities for entities calculation.
- * We have additional entities of `valueEntities`
- */
-
- function initWrapper(wrapper) {
- return _objectSpread({}, wrapper, {
- valueEntities: {}
- });
- }
-
- function processEntity(entity, wrapper) {
- var value = entity.node.props.value;
- entity.value = value; // This should be empty, or will get error message.
-
- var currentEntity = wrapper.valueEntities[value];
-
- if (currentEntity) {
- __WEBPACK_IMPORTED_MODULE_1_warning___default()(false, "Conflict! value of node '".concat(entity.key, "' (").concat(value, ") has already used by node '").concat(currentEntity.key, "'."));
- }
-
- wrapper.valueEntities[value] = entity;
- }
-
- function convertTreeToEntities(treeNodes) {
- return Object(__WEBPACK_IMPORTED_MODULE_2_rc_tree_es_util__["h" /* convertTreeToEntities */])(treeNodes, {
- initWrapper: initWrapper,
- processEntity: processEntity
- });
- }
- /**
- * https://github.com/ant-design/ant-design/issues/13328
- * We need calculate the half check key when searchValue is set.
- */
- // TODO: This logic may better move to rc-tree
-
- function getHalfCheckedKeys(valueList, valueEntities) {
- var values = {}; // Fill checked keys
-
- valueList.forEach(function (_ref6) {
- var value = _ref6.value;
- values[value] = false;
- }); // Fill half checked keys
-
- valueList.forEach(function (_ref7) {
- var value = _ref7.value;
- var current = valueEntities[value];
-
- while (current && current.parent) {
- var parentValue = current.parent.value;
- if (parentValue in values) break;
- values[parentValue] = true;
- current = current.parent;
- }
- }); // Get half keys
-
- return Object.keys(values).filter(function (value) {
- return values[value];
- }).map(function (value) {
- return valueEntities[value].key;
- });
- }
- var conductCheck = __WEBPACK_IMPORTED_MODULE_2_rc_tree_es_util__["e" /* conductCheck */];
-
- /***/ }),
- /* 33 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _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; };
-
- exports.getTodayTime = getTodayTime;
- exports.getTitleString = getTitleString;
- exports.getTodayTimeStr = getTodayTimeStr;
- exports.getMonthName = getMonthName;
- exports.syncTime = syncTime;
- exports.getTimeConfig = getTimeConfig;
- exports.isTimeValidByConfig = isTimeValidByConfig;
- exports.isTimeValid = isTimeValid;
- exports.isAllowedDate = isAllowedDate;
- exports.formatDate = formatDate;
-
- var _moment = __webpack_require__(4);
-
- var _moment2 = _interopRequireDefault(_moment);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- var defaultDisabledTime = {
- disabledHours: function disabledHours() {
- return [];
- },
- disabledMinutes: function disabledMinutes() {
- return [];
- },
- disabledSeconds: function disabledSeconds() {
- return [];
- }
- };
-
- function getTodayTime(value) {
- var today = (0, _moment2["default"])();
- today.locale(value.locale()).utcOffset(value.utcOffset());
- return today;
- }
-
- function getTitleString(value) {
- return value.format('LL');
- }
-
- function getTodayTimeStr(value) {
- var today = getTodayTime(value);
- return getTitleString(today);
- }
-
- function getMonthName(month) {
- var locale = month.locale();
- var localeData = month.localeData();
- return localeData[locale === 'zh-cn' ? 'months' : 'monthsShort'](month);
- }
-
- function syncTime(from, to) {
- if (!_moment2["default"].isMoment(from) || !_moment2["default"].isMoment(to)) return;
- to.hour(from.hour());
- to.minute(from.minute());
- to.second(from.second());
- }
-
- function getTimeConfig(value, disabledTime) {
- var disabledTimeConfig = disabledTime ? disabledTime(value) : {};
- disabledTimeConfig = _extends({}, defaultDisabledTime, disabledTimeConfig);
- return disabledTimeConfig;
- }
-
- function isTimeValidByConfig(value, disabledTimeConfig) {
- var invalidTime = false;
- if (value) {
- var hour = value.hour();
- var minutes = value.minute();
- var seconds = value.second();
- var disabledHours = disabledTimeConfig.disabledHours();
- if (disabledHours.indexOf(hour) === -1) {
- var disabledMinutes = disabledTimeConfig.disabledMinutes(hour);
- if (disabledMinutes.indexOf(minutes) === -1) {
- var disabledSeconds = disabledTimeConfig.disabledSeconds(hour, minutes);
- invalidTime = disabledSeconds.indexOf(seconds) !== -1;
- } else {
- invalidTime = true;
- }
- } else {
- invalidTime = true;
- }
- }
- return !invalidTime;
- }
-
- function isTimeValid(value, disabledTime) {
- var disabledTimeConfig = getTimeConfig(value, disabledTime);
- return isTimeValidByConfig(value, disabledTimeConfig);
- }
-
- function isAllowedDate(value, disabledDate, disabledTime) {
- if (disabledDate) {
- if (disabledDate(value)) {
- return false;
- }
- }
- if (disabledTime) {
- if (!isTimeValid(value, disabledTime)) {
- return false;
- }
- }
- return true;
- }
-
- function formatDate(value, format) {
- if (!value) {
- return '';
- }
-
- if (Array.isArray(format)) {
- format = format[0];
- }
-
- return value.format(format);
- }
-
- /***/ }),
- /* 34 */
- /***/ (function(module, exports, __webpack_require__) {
-
- var global = __webpack_require__(35);
- var core = __webpack_require__(24);
- var ctx = __webpack_require__(121);
- var hide = __webpack_require__(57);
- var has = __webpack_require__(45);
- var PROTOTYPE = 'prototype';
-
- var $export = function (type, name, source) {
- var IS_FORCED = type & $export.F;
- var IS_GLOBAL = type & $export.G;
- var IS_STATIC = type & $export.S;
- var IS_PROTO = type & $export.P;
- var IS_BIND = type & $export.B;
- var IS_WRAP = type & $export.W;
- var exports = IS_GLOBAL ? core : core[name] || (core[name] = {});
- var expProto = exports[PROTOTYPE];
- var target = IS_GLOBAL ? global : IS_STATIC ? global[name] : (global[name] || {})[PROTOTYPE];
- var key, own, out;
- if (IS_GLOBAL) source = name;
- for (key in source) {
- // contains in native
- own = !IS_FORCED && target && target[key] !== undefined;
- if (own && has(exports, key)) continue;
- // export native or passed
- out = own ? target[key] : source[key];
- // prevent global pollution for namespaces
- exports[key] = IS_GLOBAL && typeof target[key] != 'function' ? source[key]
- // bind timers to global for call from export context
- : IS_BIND && own ? ctx(out, global)
- // wrap global constructors for prevent change them in library
- : IS_WRAP && target[key] == out ? (function (C) {
- var F = function (a, b, c) {
- if (this instanceof C) {
- switch (arguments.length) {
- case 0: return new C();
- case 1: return new C(a);
- case 2: return new C(a, b);
- } return new C(a, b, c);
- } return C.apply(this, arguments);
- };
- F[PROTOTYPE] = C[PROTOTYPE];
- return F;
- // make static versions for prototype methods
- })(out) : IS_PROTO && typeof out == 'function' ? ctx(Function.call, out) : out;
- // export proto methods to core.%CONSTRUCTOR%.methods.%NAME%
- if (IS_PROTO) {
- (exports.virtual || (exports.virtual = {}))[key] = out;
- // export proto methods to core.%CONSTRUCTOR%.prototype.%NAME%
- if (type & $export.R && expProto && !expProto[key]) hide(expProto, key, out);
- }
- }
- };
- // type bitmap
- $export.F = 1; // forced
- $export.G = 2; // global
- $export.S = 4; // static
- $export.P = 8; // proto
- $export.B = 16; // bind
- $export.W = 32; // wrap
- $export.U = 64; // safe
- $export.R = 128; // real proto method for `library`
- module.exports = $export;
-
-
- /***/ }),
- /* 35 */
- /***/ (function(module, exports) {
-
- // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
- var global = module.exports = typeof window != 'undefined' && window.Math == Math
- ? window : typeof self != 'undefined' && self.Math == Math ? self
- // eslint-disable-next-line no-new-func
- : Function('return this')();
- if (typeof __g == 'number') __g = global; // eslint-disable-line no-undef
-
-
- /***/ }),
- /* 36 */
- /***/ (function(module, exports, __webpack_require__) {
-
- var anObject = __webpack_require__(58);
- var IE8_DOM_DEFINE = __webpack_require__(213);
- var toPrimitive = __webpack_require__(122);
- var dP = Object.defineProperty;
-
- exports.f = __webpack_require__(44) ? Object.defineProperty : function defineProperty(O, P, Attributes) {
- anObject(O);
- P = toPrimitive(P, true);
- anObject(Attributes);
- if (IE8_DOM_DEFINE) try {
- return dP(O, P, Attributes);
- } catch (e) { /* empty */ }
- if ('get' in Attributes || 'set' in Attributes) throw TypeError('Accessors not supported!');
- if ('value' in Attributes) O[P] = Attributes.value;
- return O;
- };
-
-
- /***/ }),
- /* 37 */
- /***/ (function(module, exports) {
-
- var g;
-
- // This works in non-strict mode
- g = (function() {
- return this;
- })();
-
- try {
- // This works if eval is allowed (see CSP)
- g = g || Function("return this")() || (1,eval)("this");
- } catch(e) {
- // This works if the window reference is available
- if(typeof window === "object")
- g = window;
- }
-
- // g can still be undefined, but nothing to do about it...
- // We return undefined, instead of nothing here, so it's
- // easier to handle this case. if(!global) { ...}
-
- module.exports = g;
-
-
- /***/ }),
- /* 38 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* harmony export (immutable) */ __webpack_exports__["a"] = contains;
- function contains(root, n) {
- var node = n;
- while (node) {
- if (node === root) {
- return true;
- }
- node = node.parentNode;
- }
-
- return false;
- }
-
- /***/ }),
- /* 39 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* harmony export (immutable) */ __webpack_exports__["a"] = addEventListenerWrap;
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_add_dom_event_listener__ = __webpack_require__(12);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_add_dom_event_listener___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_add_dom_event_listener__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react_dom__ = __webpack_require__(3);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react_dom___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_react_dom__);
-
-
-
- function addEventListenerWrap(target, eventType, cb, option) {
- /* eslint camelcase: 2 */
- var callback = __WEBPACK_IMPORTED_MODULE_1_react_dom___default.a.unstable_batchedUpdates ? function run(e) {
- __WEBPACK_IMPORTED_MODULE_1_react_dom___default.a.unstable_batchedUpdates(cb, e);
- } : cb;
- return __WEBPACK_IMPORTED_MODULE_0_add_dom_event_listener___default()(target, eventType, callback, option);
- }
-
- /***/ }),
- /* 40 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- module.exports = __webpack_require__(811);
-
- /***/ }),
- /* 41 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- var _interopRequireDefault = __webpack_require__(18);
-
- exports.__esModule = true;
- exports.default = exports.animationEnd = exports.animationDelay = exports.animationTiming = exports.animationDuration = exports.animationName = exports.transitionEnd = exports.transitionDuration = exports.transitionDelay = exports.transitionTiming = exports.transitionProperty = exports.transform = void 0;
-
- var _inDOM = _interopRequireDefault(__webpack_require__(52));
-
- var transform = 'transform';
- exports.transform = transform;
- var prefix, transitionEnd, animationEnd;
- exports.animationEnd = animationEnd;
- exports.transitionEnd = transitionEnd;
- var transitionProperty, transitionDuration, transitionTiming, transitionDelay;
- exports.transitionDelay = transitionDelay;
- exports.transitionTiming = transitionTiming;
- exports.transitionDuration = transitionDuration;
- exports.transitionProperty = transitionProperty;
- var animationName, animationDuration, animationTiming, animationDelay;
- exports.animationDelay = animationDelay;
- exports.animationTiming = animationTiming;
- exports.animationDuration = animationDuration;
- exports.animationName = animationName;
-
- if (_inDOM.default) {
- var _getTransitionPropert = getTransitionProperties();
-
- prefix = _getTransitionPropert.prefix;
- exports.transitionEnd = transitionEnd = _getTransitionPropert.transitionEnd;
- exports.animationEnd = animationEnd = _getTransitionPropert.animationEnd;
- exports.transform = transform = prefix + "-" + transform;
- exports.transitionProperty = transitionProperty = prefix + "-transition-property";
- exports.transitionDuration = transitionDuration = prefix + "-transition-duration";
- exports.transitionDelay = transitionDelay = prefix + "-transition-delay";
- exports.transitionTiming = transitionTiming = prefix + "-transition-timing-function";
- exports.animationName = animationName = prefix + "-animation-name";
- exports.animationDuration = animationDuration = prefix + "-animation-duration";
- exports.animationTiming = animationTiming = prefix + "-animation-delay";
- exports.animationDelay = animationDelay = prefix + "-animation-timing-function";
- }
-
- var _default = {
- transform: transform,
- end: transitionEnd,
- property: transitionProperty,
- timing: transitionTiming,
- delay: transitionDelay,
- duration: transitionDuration
- };
- exports.default = _default;
-
- function getTransitionProperties() {
- var style = document.createElement('div').style;
- var vendorMap = {
- O: function O(e) {
- return "o" + e.toLowerCase();
- },
- Moz: function Moz(e) {
- return e.toLowerCase();
- },
- Webkit: function Webkit(e) {
- return "webkit" + e;
- },
- ms: function ms(e) {
- return "MS" + e;
- }
- };
- var vendors = Object.keys(vendorMap);
- var transitionEnd, animationEnd;
- var prefix = '';
-
- for (var i = 0; i < vendors.length; i++) {
- var vendor = vendors[i];
-
- if (vendor + "TransitionProperty" in style) {
- prefix = "-" + vendor.toLowerCase();
- transitionEnd = vendorMap[vendor]('TransitionEnd');
- animationEnd = vendorMap[vendor]('AnimationEnd');
- break;
- }
- }
-
- if (!transitionEnd && 'transitionProperty' in style) transitionEnd = 'transitionend';
- if (!animationEnd && 'animationName' in style) animationEnd = 'animationend';
- style = null;
- return {
- animationEnd: animationEnd,
- transitionEnd: transitionEnd,
- prefix: prefix
- };
- }
-
- /***/ }),
- /* 42 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.default = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
- module.exports = exports['default'];
-
- /***/ }),
- /* 43 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
-
- var _defineProperty = __webpack_require__(212);
-
- var _defineProperty2 = _interopRequireDefault(_defineProperty);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- exports.default = function (obj, key, value) {
- if (key in obj) {
- (0, _defineProperty2.default)(obj, key, {
- value: value,
- enumerable: true,
- configurable: true,
- writable: true
- });
- } else {
- obj[key] = value;
- }
-
- return obj;
- };
-
- /***/ }),
- /* 44 */
- /***/ (function(module, exports, __webpack_require__) {
-
- // Thank's IE8 for his funny defineProperty
- module.exports = !__webpack_require__(60)(function () {
- return Object.defineProperty({}, 'a', { get: function () { return 7; } }).a != 7;
- });
-
-
- /***/ }),
- /* 45 */
- /***/ (function(module, exports) {
-
- var hasOwnProperty = {}.hasOwnProperty;
- module.exports = function (it, key) {
- return hasOwnProperty.call(it, key);
- };
-
-
- /***/ }),
- /* 46 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
-
- var _iterator = __webpack_require__(628);
-
- var _iterator2 = _interopRequireDefault(_iterator);
-
- var _symbol = __webpack_require__(634);
-
- var _symbol2 = _interopRequireDefault(_symbol);
-
- var _typeof = typeof _symbol2.default === "function" && typeof _iterator2.default === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof _symbol2.default === "function" && obj.constructor === _symbol2.default && obj !== _symbol2.default.prototype ? "symbol" : typeof obj; };
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- exports.default = typeof _symbol2.default === "function" && _typeof(_iterator2.default) === "symbol" ? function (obj) {
- return typeof obj === "undefined" ? "undefined" : _typeof(obj);
- } : function (obj) {
- return obj && typeof _symbol2.default === "function" && obj.constructor === _symbol2.default && obj !== _symbol2.default.prototype ? "symbol" : typeof obj === "undefined" ? "undefined" : _typeof(obj);
- };
-
- /***/ }),
- /* 47 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__propertyUtils__ = __webpack_require__(764);
- var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
-
-
-
- var RE_NUM = /[\-+]?(?:\d*\.|)\d+(?:[eE][\-+]?\d+|)/.source;
-
- var getComputedStyleX = void 0;
-
- // https://stackoverflow.com/a/3485654/3040605
- function forceRelayout(elem) {
- var originalStyle = elem.style.display;
- elem.style.display = 'none';
- elem.offsetHeight; // eslint-disable-line
- elem.style.display = originalStyle;
- }
-
- function css(el, name, v) {
- var value = v;
- if ((typeof name === 'undefined' ? 'undefined' : _typeof(name)) === 'object') {
- for (var i in name) {
- if (name.hasOwnProperty(i)) {
- css(el, i, name[i]);
- }
- }
- return undefined;
- }
- if (typeof value !== 'undefined') {
- if (typeof value === 'number') {
- value = value + 'px';
- }
- el.style[name] = value;
- return undefined;
- }
- return getComputedStyleX(el, name);
- }
-
- function getClientPosition(elem) {
- var box = void 0;
- var x = void 0;
- var y = void 0;
- var doc = elem.ownerDocument;
- var body = doc.body;
- var docElem = doc && doc.documentElement;
- // 根据 GBS 最新数据，A-Grade Browsers 都已支持 getBoundingClientRect 方法，不用再考虑传统的实现方式
- box = elem.getBoundingClientRect();
-
- // 注：jQuery 还考虑减去 docElem.clientLeft/clientTop
- // 但测试发现，这样反而会导致当 html 和 body 有边距/边框样式时，获取的值不正确
- // 此外，ie6 会忽略 html 的 margin 值，幸运地是没有谁会去设置 html 的 margin
-
- x = box.left;
- y = box.top;
-
- // In IE, most of the time, 2 extra pixels are added to the top and left
- // due to the implicit 2-pixel inset border. In IE6/7 quirks mode and
- // IE6 standards mode, this border can be overridden by setting the
- // document element's border to zero -- thus, we cannot rely on the
- // offset always being 2 pixels.
-
- // In quirks mode, the offset can be determined by querying the body's
- // clientLeft/clientTop, but in standards mode, it is found by querying
- // the document element's clientLeft/clientTop. Since we already called
- // getClientBoundingRect we have already forced a reflow, so it is not
- // too expensive just to query them all.
-
- // ie 下应该减去窗口的边框吧，毕竟默认 absolute 都是相对窗口定位的
- // 窗口边框标准是设 documentElement ,quirks 时设置 body
- // 最好禁止在 body 和 html 上边框 ，但 ie < 9 html 默认有 2px ，减去
- // 但是非 ie 不可能设置窗口边框，body html 也不是窗口 ,ie 可以通过 html,body 设置
- // 标准 ie 下 docElem.clientTop 就是 border-top
- // ie7 html 即窗口边框改变不了。永远为 2
- // 但标准 firefox/chrome/ie9 下 docElem.clientTop 是窗口边框，即使设了 border-top 也为 0
-
- x -= docElem.clientLeft || body.clientLeft || 0;
- y -= docElem.clientTop || body.clientTop || 0;
-
- return {
- left: x,
- top: y
- };
- }
-
- function getScroll(w, top) {
- var ret = w['page' + (top ? 'Y' : 'X') + 'Offset'];
- var method = 'scroll' + (top ? 'Top' : 'Left');
- if (typeof ret !== 'number') {
- var d = w.document;
- // ie6,7,8 standard mode
- ret = d.documentElement[method];
- if (typeof ret !== 'number') {
- // quirks mode
- ret = d.body[method];
- }
- }
- return ret;
- }
-
- function getScrollLeft(w) {
- return getScroll(w);
- }
-
- function getScrollTop(w) {
- return getScroll(w, true);
- }
-
- function getOffset(el) {
- var pos = getClientPosition(el);
- var doc = el.ownerDocument;
- var w = doc.defaultView || doc.parentWindow;
- pos.left += getScrollLeft(w);
- pos.top += getScrollTop(w);
- return pos;
- }
-
- /**
- * A crude way of determining if an object is a window
- * @member util
- */
- function isWindow(obj) {
- // must use == for ie8
- /* eslint eqeqeq:0 */
- return obj !== null && obj !== undefined && obj == obj.window;
- }
-
- function getDocument(node) {
- if (isWindow(node)) {
- return node.document;
- }
- if (node.nodeType === 9) {
- return node;
- }
- return node.ownerDocument;
- }
-
- function _getComputedStyle(elem, name, cs) {
- var computedStyle = cs;
- var val = '';
- var d = getDocument(elem);
- computedStyle = computedStyle || d.defaultView.getComputedStyle(elem, null);
-
- // https://github.com/kissyteam/kissy/issues/61
- if (computedStyle) {
- val = computedStyle.getPropertyValue(name) || computedStyle[name];
- }
-
- return val;
- }
-
- var _RE_NUM_NO_PX = new RegExp('^(' + RE_NUM + ')(?!px)[a-z%]+$', 'i');
- var RE_POS = /^(top|right|bottom|left)$/;
- var CURRENT_STYLE = 'currentStyle';
- var RUNTIME_STYLE = 'runtimeStyle';
- var LEFT = 'left';
- var PX = 'px';
-
- function _getComputedStyleIE(elem, name) {
- // currentStyle maybe null
- // http://msdn.microsoft.com/en-us/library/ms535231.aspx
- var ret = elem[CURRENT_STYLE] && elem[CURRENT_STYLE][name];
-
- // 当 width/height 设置为百分比时，通过 pixelLeft 方式转换的 width/height 值
- // 一开始就处理了! CUSTOM_STYLE.height,CUSTOM_STYLE.width ,cssHook 解决@2011-08-19
- // 在 ie 下不对，需要直接用 offset 方式
- // borderWidth 等值也有问题，但考虑到 borderWidth 设为百分比的概率很小，这里就不考虑了
-
- // From the awesome hack by Dean Edwards
- // http://erik.eae.net/archives/2007/07/27/18.54.15/#comment-102291
- // If we're not dealing with a regular pixel number
- // but a number that has a weird ending, we need to convert it to pixels
- // exclude left right for relativity
- if (_RE_NUM_NO_PX.test(ret) && !RE_POS.test(name)) {
- // Remember the original values
- var style = elem.style;
- var left = style[LEFT];
- var rsLeft = elem[RUNTIME_STYLE][LEFT];
-
- // prevent flashing of content
- elem[RUNTIME_STYLE][LEFT] = elem[CURRENT_STYLE][LEFT];
-
- // Put in the new values to get a computed value out
- style[LEFT] = name === 'fontSize' ? '1em' : ret || 0;
- ret = style.pixelLeft + PX;
-
- // Revert the changed values
- style[LEFT] = left;
-
- elem[RUNTIME_STYLE][LEFT] = rsLeft;
- }
- return ret === '' ? 'auto' : ret;
- }
-
- if (typeof window !== 'undefined') {
- getComputedStyleX = window.getComputedStyle ? _getComputedStyle : _getComputedStyleIE;
- }
-
- function getOffsetDirection(dir, option) {
- if (dir === 'left') {
- return option.useCssRight ? 'right' : dir;
- }
- return option.useCssBottom ? 'bottom' : dir;
- }
-
- function oppositeOffsetDirection(dir) {
- if (dir === 'left') {
- return 'right';
- } else if (dir === 'right') {
- return 'left';
- } else if (dir === 'top') {
- return 'bottom';
- } else if (dir === 'bottom') {
- return 'top';
- }
- }
-
- // 设置 elem 相对 elem.ownerDocument 的坐标
- function setLeftTop(elem, offset, option) {
- // set position first, in-case top/left are set even on static elem
- if (css(elem, 'position') === 'static') {
- elem.style.position = 'relative';
- }
- var presetH = -999;
- var presetV = -999;
- var horizontalProperty = getOffsetDirection('left', option);
- var verticalProperty = getOffsetDirection('top', option);
- var oppositeHorizontalProperty = oppositeOffsetDirection(horizontalProperty);
- var oppositeVerticalProperty = oppositeOffsetDirection(verticalProperty);
-
- if (horizontalProperty !== 'left') {
- presetH = 999;
- }
-
- if (verticalProperty !== 'top') {
- presetV = 999;
- }
- var originalTransition = '';
- var originalOffset = getOffset(elem);
- if ('left' in offset || 'top' in offset) {
- originalTransition = Object(__WEBPACK_IMPORTED_MODULE_0__propertyUtils__["c" /* getTransitionProperty */])(elem) || '';
- Object(__WEBPACK_IMPORTED_MODULE_0__propertyUtils__["e" /* setTransitionProperty */])(elem, 'none');
- }
- if ('left' in offset) {
- elem.style[oppositeHorizontalProperty] = '';
- elem.style[horizontalProperty] = presetH + 'px';
- }
- if ('top' in offset) {
- elem.style[oppositeVerticalProperty] = '';
- elem.style[verticalProperty] = presetV + 'px';
- }
- // force relayout
- forceRelayout(elem);
- var old = getOffset(elem);
- var originalStyle = {};
- for (var key in offset) {
- if (offset.hasOwnProperty(key)) {
- var dir = getOffsetDirection(key, option);
- var preset = key === 'left' ? presetH : presetV;
- var off = originalOffset[key] - old[key];
- if (dir === key) {
- originalStyle[dir] = preset + off;
- } else {
- originalStyle[dir] = preset - off;
- }
- }
- }
- css(elem, originalStyle);
- // force relayout
- forceRelayout(elem);
- if ('left' in offset || 'top' in offset) {
- Object(__WEBPACK_IMPORTED_MODULE_0__propertyUtils__["e" /* setTransitionProperty */])(elem, originalTransition);
- }
- var ret = {};
- for (var _key in offset) {
- if (offset.hasOwnProperty(_key)) {
- var _dir = getOffsetDirection(_key, option);
- var _off = offset[_key] - originalOffset[_key];
- if (_key === _dir) {
- ret[_dir] = originalStyle[_dir] + _off;
- } else {
- ret[_dir] = originalStyle[_dir] - _off;
- }
- }
- }
- css(elem, ret);
- }
-
- function setTransform(elem, offset) {
- var originalOffset = getOffset(elem);
- var originalXY = Object(__WEBPACK_IMPORTED_MODULE_0__propertyUtils__["b" /* getTransformXY */])(elem);
- var resultXY = { x: originalXY.x, y: originalXY.y };
- if ('left' in offset) {
- resultXY.x = originalXY.x + offset.left - originalOffset.left;
- }
- if ('top' in offset) {
- resultXY.y = originalXY.y + offset.top - originalOffset.top;
- }
- Object(__WEBPACK_IMPORTED_MODULE_0__propertyUtils__["d" /* setTransformXY */])(elem, resultXY);
- }
-
- function setOffset(elem, offset, option) {
- if (option.ignoreShake) {
- var oriOffset = getOffset(elem);
-
- var oLeft = oriOffset.left.toFixed(0);
- var oTop = oriOffset.top.toFixed(0);
- var tLeft = offset.left.toFixed(0);
- var tTop = offset.top.toFixed(0);
-
- if (oLeft === tLeft && oTop === tTop) {
- return;
- }
- }
-
- if (option.useCssRight || option.useCssBottom) {
- setLeftTop(elem, offset, option);
- } else if (option.useCssTransform && Object(__WEBPACK_IMPORTED_MODULE_0__propertyUtils__["a" /* getTransformName */])() in document.body.style) {
- setTransform(elem, offset, option);
- } else {
- setLeftTop(elem, offset, option);
- }
- }
-
- function each(arr, fn) {
- for (var i = 0; i < arr.length; i++) {
- fn(arr[i]);
- }
- }
-
- function isBorderBoxFn(elem) {
- return getComputedStyleX(elem, 'boxSizing') === 'border-box';
- }
-
- var BOX_MODELS = ['margin', 'border', 'padding'];
- var CONTENT_INDEX = -1;
- var PADDING_INDEX = 2;
- var BORDER_INDEX = 1;
- var MARGIN_INDEX = 0;
-
- function swap(elem, options, callback) {
- var old = {};
- var style = elem.style;
- var name = void 0;
-
- // Remember the old values, and insert the new ones
- for (name in options) {
- if (options.hasOwnProperty(name)) {
- old[name] = style[name];
- style[name] = options[name];
- }
- }
-
- callback.call(elem);
-
- // Revert the old values
- for (name in options) {
- if (options.hasOwnProperty(name)) {
- style[name] = old[name];
- }
- }
- }
-
- function getPBMWidth(elem, props, which) {
- var value = 0;
- var prop = void 0;
- var j = void 0;
- var i = void 0;
- for (j = 0; j < props.length; j++) {
- prop = props[j];
- if (prop) {
- for (i = 0; i < which.length; i++) {
- var cssProp = void 0;
- if (prop === 'border') {
- cssProp = '' + prop + which[i] + 'Width';
- } else {
- cssProp = prop + which[i];
- }
- value += parseFloat(getComputedStyleX(elem, cssProp)) || 0;
- }
- }
- }
- return value;
- }
-
- var domUtils = {};
-
- each(['Width', 'Height'], function (name) {
- domUtils['doc' + name] = function (refWin) {
- var d = refWin.document;
- return Math.max(
- // firefox chrome documentElement.scrollHeight< body.scrollHeight
- // ie standard mode : documentElement.scrollHeight> body.scrollHeight
- d.documentElement['scroll' + name],
- // quirks : documentElement.scrollHeight 最大等于可视窗口多一点？
- d.body['scroll' + name], domUtils['viewport' + name](d));
- };
-
- domUtils['viewport' + name] = function (win) {
- // pc browser includes scrollbar in window.innerWidth
- var prop = 'client' + name;
- var doc = win.document;
- var body = doc.body;
- var documentElement = doc.documentElement;
- var documentElementProp = documentElement[prop];
- // 标准模式取 documentElement
- // backcompat 取 body
- return doc.compatMode === 'CSS1Compat' && documentElementProp || body && body[prop] || documentElementProp;
- };
- });
-
- /*
- 得到元素的大小信息
- @param elem
- @param name
- @param {String} [extra] 'padding' : (css width) + padding
- 'border' : (css width) + padding + border
- 'margin' : (css width) + padding + border + margin
- */
- function getWH(elem, name, ex) {
- var extra = ex;
- if (isWindow(elem)) {
- return name === 'width' ? domUtils.viewportWidth(elem) : domUtils.viewportHeight(elem);
- } else if (elem.nodeType === 9) {
- return name === 'width' ? domUtils.docWidth(elem) : domUtils.docHeight(elem);
- }
- var which = name === 'width' ? ['Left', 'Right'] : ['Top', 'Bottom'];
- var borderBoxValue = name === 'width' ? elem.getBoundingClientRect().width : elem.getBoundingClientRect().height;
- var computedStyle = getComputedStyleX(elem);
- var isBorderBox = isBorderBoxFn(elem, computedStyle);
- var cssBoxValue = 0;
- if (borderBoxValue === null || borderBoxValue === undefined || borderBoxValue <= 0) {
- borderBoxValue = undefined;
- // Fall back to computed then un computed css if necessary
- cssBoxValue = getComputedStyleX(elem, name);
- if (cssBoxValue === null || cssBoxValue === undefined || Number(cssBoxValue) < 0) {
- cssBoxValue = elem.style[name] || 0;
- }
- // Normalize '', auto, and prepare for extra
- cssBoxValue = parseFloat(cssBoxValue) || 0;
- }
- if (extra === undefined) {
- extra = isBorderBox ? BORDER_INDEX : CONTENT_INDEX;
- }
- var borderBoxValueOrIsBorderBox = borderBoxValue !== undefined || isBorderBox;
- var val = borderBoxValue || cssBoxValue;
- if (extra === CONTENT_INDEX) {
- if (borderBoxValueOrIsBorderBox) {
- return val - getPBMWidth(elem, ['border', 'padding'], which, computedStyle);
- }
- return cssBoxValue;
- } else if (borderBoxValueOrIsBorderBox) {
- if (extra === BORDER_INDEX) {
- return val;
- }
- return val + (extra === PADDING_INDEX ? -getPBMWidth(elem, ['border'], which, computedStyle) : getPBMWidth(elem, ['margin'], which, computedStyle));
- }
- return cssBoxValue + getPBMWidth(elem, BOX_MODELS.slice(extra), which, computedStyle);
- }
-
- var cssShow = {
- position: 'absolute',
- visibility: 'hidden',
- display: 'block'
- };
-
- // fix #119 : https://github.com/kissyteam/kissy/issues/119
- function getWHIgnoreDisplay() {
- for (var _len = arguments.length, args = Array(_len), _key2 = 0; _key2 < _len; _key2++) {
- args[_key2] = arguments[_key2];
- }
-
- var val = void 0;
- var elem = args[0];
- // in case elem is window
- // elem.offsetWidth === undefined
- if (elem.offsetWidth !== 0) {
- val = getWH.apply(undefined, args);
- } else {
- swap(elem, cssShow, function () {
- val = getWH.apply(undefined, args);
- });
- }
- return val;
- }
-
- each(['width', 'height'], function (name) {
- var first = name.charAt(0).toUpperCase() + name.slice(1);
- domUtils['outer' + first] = function (el, includeMargin) {
- return el && getWHIgnoreDisplay(el, name, includeMargin ? MARGIN_INDEX : BORDER_INDEX);
- };
- var which = name === 'width' ? ['Left', 'Right'] : ['Top', 'Bottom'];
-
- domUtils[name] = function (elem, v) {
- var val = v;
- if (val !== undefined) {
- if (elem) {
- var computedStyle = getComputedStyleX(elem);
- var isBorderBox = isBorderBoxFn(elem);
- if (isBorderBox) {
- val += getPBMWidth(elem, ['padding', 'border'], which, computedStyle);
- }
- return css(elem, name, val);
- }
- return undefined;
- }
- return elem && getWHIgnoreDisplay(elem, name, CONTENT_INDEX);
- };
- });
-
- function mix(to, from) {
- for (var i in from) {
- if (from.hasOwnProperty(i)) {
- to[i] = from[i];
- }
- }
- return to;
- }
-
- var utils = {
- getWindow: function getWindow(node) {
- if (node && node.document && node.setTimeout) {
- return node;
- }
- var doc = node.ownerDocument || node;
- return doc.defaultView || doc.parentWindow;
- },
-
- getDocument: getDocument,
- offset: function offset(el, value, option) {
- if (typeof value !== 'undefined') {
- setOffset(el, value, option || {});
- } else {
- return getOffset(el);
- }
- },
-
- isWindow: isWindow,
- each: each,
- css: css,
- clone: function clone(obj) {
- var i = void 0;
- var ret = {};
- for (i in obj) {
- if (obj.hasOwnProperty(i)) {
- ret[i] = obj[i];
- }
- }
- var overflow = obj.overflow;
- if (overflow) {
- for (i in obj) {
- if (obj.hasOwnProperty(i)) {
- ret.overflow[i] = obj.overflow[i];
- }
- }
- }
- return ret;
- },
-
- mix: mix,
- getWindowScrollLeft: function getWindowScrollLeft(w) {
- return getScrollLeft(w);
- },
- getWindowScrollTop: function getWindowScrollTop(w) {
- return getScrollTop(w);
- },
- merge: function merge() {
- var ret = {};
-
- for (var _len2 = arguments.length, args = Array(_len2), _key3 = 0; _key3 < _len2; _key3++) {
- args[_key3] = arguments[_key3];
- }
-
- for (var i = 0; i < args.length; i++) {
- utils.mix(ret, args[i]);
- }
- return ret;
- },
-
- viewportWidth: 0,
- viewportHeight: 0
- };
-
- mix(utils, domUtils);
-
- /* harmony default export */ __webpack_exports__["a"] = (utils);
-
- /***/ }),
- /* 48 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _Animate = __webpack_require__(770);
-
- var _Animate2 = _interopRequireDefault(_Animate);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- exports["default"] = _Animate2["default"];
- module.exports = exports['default'];
-
- /***/ }),
- /* 49 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__ = __webpack_require__(5);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_createClass__ = __webpack_require__(23);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_createClass___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_createClass__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(6);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__ = __webpack_require__(7);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_react__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_react_dom__ = __webpack_require__(3);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_react_dom___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_react_dom__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_prop_types__ = __webpack_require__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6_prop_types__);
-
-
-
-
-
-
-
-
- var ContainerRender = function (_React$Component) {
- __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default()(ContainerRender, _React$Component);
-
- function ContainerRender() {
- var _ref;
-
- var _temp, _this, _ret;
-
- __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck___default()(this, ContainerRender);
-
- for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
- args[_key] = arguments[_key];
- }
-
- return _ret = (_temp = (_this = __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default()(this, (_ref = ContainerRender.__proto__ || Object.getPrototypeOf(ContainerRender)).call.apply(_ref, [this].concat(args))), _this), _this.removeContainer = function () {
- if (_this.container) {
- __WEBPACK_IMPORTED_MODULE_5_react_dom___default.a.unmountComponentAtNode(_this.container);
- _this.container.parentNode.removeChild(_this.container);
- _this.container = null;
- }
- }, _this.renderComponent = function (props, ready) {
- var _this$props = _this.props,
- visible = _this$props.visible,
- getComponent = _this$props.getComponent,
- forceRender = _this$props.forceRender,
- getContainer = _this$props.getContainer,
- parent = _this$props.parent;
-
- if (visible || parent._component || forceRender) {
- if (!_this.container) {
- _this.container = getContainer();
- }
- __WEBPACK_IMPORTED_MODULE_5_react_dom___default.a.unstable_renderSubtreeIntoContainer(parent, getComponent(props), _this.container, function callback() {
- if (ready) {
- ready.call(this);
- }
- });
- }
- }, _temp), __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default()(_this, _ret);
- }
-
- __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_createClass___default()(ContainerRender, [{
- key: 'componentDidMount',
- value: function componentDidMount() {
- if (this.props.autoMount) {
- this.renderComponent();
- }
- }
- }, {
- key: 'componentDidUpdate',
- value: function componentDidUpdate() {
- if (this.props.autoMount) {
- this.renderComponent();
- }
- }
- }, {
- key: 'componentWillUnmount',
- value: function componentWillUnmount() {
- if (this.props.autoDestroy) {
- this.removeContainer();
- }
- }
- }, {
- key: 'render',
- value: function render() {
- return this.props.children({
- renderComponent: this.renderComponent,
- removeContainer: this.removeContainer
- });
- }
- }]);
-
- return ContainerRender;
- }(__WEBPACK_IMPORTED_MODULE_4_react___default.a.Component);
-
- ContainerRender.propTypes = {
- autoMount: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool,
- autoDestroy: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool,
- visible: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool,
- forceRender: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool,
- parent: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.any,
- getComponent: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func.isRequired,
- getContainer: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func.isRequired,
- children: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func.isRequired
- };
- ContainerRender.defaultProps = {
- autoMount: true,
- autoDestroy: true,
- forceRender: false
- };
- /* harmony default export */ __webpack_exports__["a"] = (ContainerRender);
-
- /***/ }),
- /* 50 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__ = __webpack_require__(5);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_createClass__ = __webpack_require__(23);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_createClass___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_createClass__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(6);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__ = __webpack_require__(7);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_react__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_react_dom__ = __webpack_require__(3);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_react_dom___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_react_dom__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_prop_types__ = __webpack_require__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6_prop_types__);
-
-
-
-
-
-
-
-
- var Portal = function (_React$Component) {
- __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default()(Portal, _React$Component);
-
- function Portal() {
- __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck___default()(this, Portal);
-
- return __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default()(this, (Portal.__proto__ || Object.getPrototypeOf(Portal)).apply(this, arguments));
- }
-
- __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_createClass___default()(Portal, [{
- key: 'componentDidMount',
- value: function componentDidMount() {
- this.createContainer();
- }
- }, {
- key: 'componentDidUpdate',
- value: function componentDidUpdate(prevProps) {
- var didUpdate = this.props.didUpdate;
-
- if (didUpdate) {
- didUpdate(prevProps);
- }
- }
- }, {
- key: 'componentWillUnmount',
- value: function componentWillUnmount() {
- this.removeContainer();
- }
- }, {
- key: 'createContainer',
- value: function createContainer() {
- this._container = this.props.getContainer();
- this.forceUpdate();
- }
- }, {
- key: 'removeContainer',
- value: function removeContainer() {
- if (this._container) {
- this._container.parentNode.removeChild(this._container);
- }
- }
- }, {
- key: 'render',
- value: function render() {
- if (this._container) {
- return __WEBPACK_IMPORTED_MODULE_5_react_dom___default.a.createPortal(this.props.children, this._container);
- }
- return null;
- }
- }]);
-
- return Portal;
- }(__WEBPACK_IMPORTED_MODULE_4_react___default.a.Component);
-
- Portal.propTypes = {
- getContainer: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func.isRequired,
- children: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.node.isRequired,
- didUpdate: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func
- };
- /* harmony default export */ __webpack_exports__["a"] = (Portal);
-
- /***/ }),
- /* 51 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__Align__ = __webpack_require__(802);
- // export this package's api
-
-
- /* harmony default export */ __webpack_exports__["a"] = (__WEBPACK_IMPORTED_MODULE_0__Align__["a" /* default */]);
-
- /***/ }),
- /* 52 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
- exports.default = void 0;
-
- var _default = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
-
- exports.default = _default;
- module.exports = exports["default"];
-
- /***/ }),
- /* 53 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- var _interopRequireDefault = __webpack_require__(18);
-
- exports.__esModule = true;
- exports.default = style;
-
- var _camelizeStyle = _interopRequireDefault(__webpack_require__(267));
-
- var _hyphenateStyle = _interopRequireDefault(__webpack_require__(868));
-
- var _getComputedStyle2 = _interopRequireDefault(__webpack_require__(870));
-
- var _removeStyle = _interopRequireDefault(__webpack_require__(871));
-
- var _properties = __webpack_require__(41);
-
- var _isTransform = _interopRequireDefault(__webpack_require__(872));
-
- function style(node, property, value) {
- var css = '';
- var transforms = '';
- var props = property;
-
- if (typeof property === 'string') {
- if (value === undefined) {
- return node.style[(0, _camelizeStyle.default)(property)] || (0, _getComputedStyle2.default)(node).getPropertyValue((0, _hyphenateStyle.default)(property));
- } else {
- (props = {})[property] = value;
- }
- }
-
- Object.keys(props).forEach(function (key) {
- var value = props[key];
-
- if (!value && value !== 0) {
- (0, _removeStyle.default)(node, (0, _hyphenateStyle.default)(key));
- } else if ((0, _isTransform.default)(key)) {
- transforms += key + "(" + value + ") ";
- } else {
- css += (0, _hyphenateStyle.default)(key) + ": " + value + ";";
- }
- });
-
- if (transforms) {
- css += _properties.transform + ": " + transforms + ";";
- }
-
- node.style.cssText += ';' + css;
- }
-
- module.exports = exports["default"];
-
- /***/ }),
- /* 54 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- var _interopRequireDefault = __webpack_require__(18);
-
- exports.__esModule = true;
- exports.default = void 0;
-
- var _inDOM = _interopRequireDefault(__webpack_require__(52));
-
- var off = function off() {};
-
- if (_inDOM.default) {
- off = function () {
- if (document.addEventListener) return function (node, eventName, handler, capture) {
- return node.removeEventListener(eventName, handler, capture || false);
- };else if (document.attachEvent) return function (node, eventName, handler) {
- return node.detachEvent('on' + eventName, handler);
- };
- }();
- }
-
- var _default = off;
- exports.default = _default;
- module.exports = exports["default"];
-
- /***/ }),
- /* 55 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.default = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
- module.exports = exports['default'];
-
- /***/ }),
- /* 56 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.default = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
- module.exports = exports['default'];
-
- /***/ }),
- /* 57 */
- /***/ (function(module, exports, __webpack_require__) {
-
- var dP = __webpack_require__(36);
- var createDesc = __webpack_require__(72);
- module.exports = __webpack_require__(44) ? function (object, key, value) {
- return dP.f(object, key, createDesc(1, value));
- } : function (object, key, value) {
- object[key] = value;
- return object;
- };
-
-
- /***/ }),
- /* 58 */
- /***/ (function(module, exports, __webpack_require__) {
-
- var isObject = __webpack_require__(59);
- module.exports = function (it) {
- if (!isObject(it)) throw TypeError(it + ' is not an object!');
- return it;
- };
-
-
- /***/ }),
- /* 59 */
- /***/ (function(module, exports) {
-
- module.exports = function (it) {
- return typeof it === 'object' ? it !== null : typeof it === 'function';
- };
-
-
- /***/ }),
- /* 60 */
- /***/ (function(module, exports) {
-
- module.exports = function (exec) {
- try {
- return !!exec();
- } catch (e) {
- return true;
- }
- };
-
-
- /***/ }),
- /* 61 */
- /***/ (function(module, exports, __webpack_require__) {
-
- // to indexed object, toObject with fallback for non-array-like ES3 strings
- var IObject = __webpack_require__(217);
- var defined = __webpack_require__(124);
- module.exports = function (it) {
- return IObject(defined(it));
- };
-
-
- /***/ }),
- /* 62 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
- /**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-
-
- var React = __webpack_require__(0);
- var factory = __webpack_require__(623);
-
- if (typeof React === 'undefined') {
- throw Error(
- 'create-react-class could not find the React object. If you are using script tags, ' +
- 'make sure that React is being loaded before create-react-class.'
- );
- }
-
- // Hack to grab NoopUpdateQueue from isomorphic React
- var ReactNoopUpdateQueue = new React.Component().updater;
-
- module.exports = factory(
- React.Component,
- React.isValidElement,
- ReactNoopUpdateQueue
- );
-
-
- /***/ }),
- /* 63 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
- /*
- object-assign
- (c) Sindre Sorhus
- @license MIT
- */
-
-
- /* eslint-disable no-unused-vars */
- var getOwnPropertySymbols = Object.getOwnPropertySymbols;
- var hasOwnProperty = Object.prototype.hasOwnProperty;
- var propIsEnumerable = Object.prototype.propertyIsEnumerable;
-
- function toObject(val) {
- if (val === null || val === undefined) {
- throw new TypeError('Object.assign cannot be called with null or undefined');
- }
-
- return Object(val);
- }
-
- function shouldUseNative() {
- try {
- if (!Object.assign) {
- return false;
- }
-
- // Detect buggy property enumeration order in older V8 versions.
-
- // https://bugs.chromium.org/p/v8/issues/detail?id=4118
- var test1 = new String('abc'); // eslint-disable-line no-new-wrappers
- test1[5] = 'de';
- if (Object.getOwnPropertyNames(test1)[0] === '5') {
- return false;
- }
-
- // https://bugs.chromium.org/p/v8/issues/detail?id=3056
- var test2 = {};
- for (var i = 0; i < 10; i++) {
- test2['_' + String.fromCharCode(i)] = i;
- }
- var order2 = Object.getOwnPropertyNames(test2).map(function (n) {
- return test2[n];
- });
- if (order2.join('') !== '0123456789') {
- return false;
- }
-
- // https://bugs.chromium.org/p/v8/issues/detail?id=3056
- var test3 = {};
- 'abcdefghijklmnopqrst'.split('').forEach(function (letter) {
- test3[letter] = letter;
- });
- if (Object.keys(Object.assign({}, test3)).join('') !==
- 'abcdefghijklmnopqrst') {
- return false;
- }
-
- return true;
- } catch (err) {
- // We don't expect any of the above to throw, but better to be safe.
- return false;
- }
- }
-
- module.exports = shouldUseNative() ? Object.assign : function (target, source) {
- var from;
- var to = toObject(target);
- var symbols;
-
- for (var s = 1; s < arguments.length; s++) {
- from = Object(arguments[s]);
-
- for (var key in from) {
- if (hasOwnProperty.call(from, key)) {
- to[key] = from[key];
- }
- }
-
- if (getOwnPropertySymbols) {
- symbols = getOwnPropertySymbols(from);
- for (var i = 0; i < symbols.length; i++) {
- if (propIsEnumerable.call(from, symbols[i])) {
- to[symbols[i]] = from[symbols[i]];
- }
- }
- }
- }
-
- return to;
- };
-
-
- /***/ }),
- /* 64 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* harmony export (immutable) */ __webpack_exports__["h"] = noop;
- /* harmony export (immutable) */ __webpack_exports__["a"] = getKeyFromChildrenIndex;
- /* harmony export (immutable) */ __webpack_exports__["b"] = getMenuIdFromSubMenuEventKey;
- /* harmony export (immutable) */ __webpack_exports__["e"] = loopMenuItem;
- /* harmony export (immutable) */ __webpack_exports__["f"] = loopMenuItemRecursively;
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return menuAllProps; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return getWidth; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "i", function() { return setStyle; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return isMobileDevice; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
-
- var isMobile = __webpack_require__(144);
-
- function noop() {}
-
- function getKeyFromChildrenIndex(child, menuEventKey, index) {
- var prefix = menuEventKey || '';
- return child.key || prefix + 'item_' + index;
- }
-
- function getMenuIdFromSubMenuEventKey(eventKey) {
- return eventKey + '-menu-';
- }
-
- function loopMenuItem(children, cb) {
- var index = -1;
- __WEBPACK_IMPORTED_MODULE_0_react___default.a.Children.forEach(children, function (c) {
- index++;
- if (c && c.type && c.type.isMenuItemGroup) {
- __WEBPACK_IMPORTED_MODULE_0_react___default.a.Children.forEach(c.props.children, function (c2) {
- index++;
- cb(c2, index);
- });
- } else {
- cb(c, index);
- }
- });
- }
-
- function loopMenuItemRecursively(children, keys, ret) {
- /* istanbul ignore if */
- if (!children || ret.find) {
- return;
- }
- __WEBPACK_IMPORTED_MODULE_0_react___default.a.Children.forEach(children, function (c) {
- if (c) {
- var construct = c.type;
- if (!construct || !(construct.isSubMenu || construct.isMenuItem || construct.isMenuItemGroup)) {
- return;
- }
- if (keys.indexOf(c.key) !== -1) {
- ret.find = true;
- } else if (c.props.children) {
- loopMenuItemRecursively(c.props.children, keys, ret);
- }
- }
- });
- }
-
- var menuAllProps = ['defaultSelectedKeys', 'selectedKeys', 'defaultOpenKeys', 'openKeys', 'mode', 'getPopupContainer', 'onSelect', 'onDeselect', 'onDestroy', 'openTransitionName', 'openAnimation', 'subMenuOpenDelay', 'subMenuCloseDelay', 'forceSubMenuRender', 'triggerSubMenuAction', 'level', 'selectable', 'multiple', 'onOpenChange', 'visible', 'focusable', 'defaultActiveFirst', 'prefixCls', 'inlineIndent', 'parentMenu', 'title', 'rootPrefixCls', 'eventKey', 'active', 'onItemHover', 'onTitleMouseEnter', 'onTitleMouseLeave', 'onTitleClick', 'popupAlign', 'popupOffset', 'isOpen', 'renderMenuItem', 'manualRef', 'subMenuKey', 'disabled', 'index', 'isSelected', 'store', 'activeKey', 'builtinPlacements', 'overflowedIndicator',
-
- // the following keys found need to be removed from test regression
- 'attribute', 'value', 'popupClassName', 'inlineCollapsed', 'menu', 'theme', 'itemIcon', 'expandIcon'];
-
- // ref: https://github.com/ant-design/ant-design/issues/14007
- // ref: https://bugs.chromium.org/p/chromium/issues/detail?id=360889
- // getBoundingClientRect return the full precision value, which is
- // not the same behavior as on chrome. Set the precision to 6 to
- // unify their behavior
- var getWidth = function getWidth(elem) {
- var width = elem && typeof elem.getBoundingClientRect === 'function' && elem.getBoundingClientRect().width;
- if (width) {
- width = +width.toFixed(6);
- }
- return width || 0;
- };
-
- var setStyle = function setStyle(elem, styleProperty, value) {
- if (elem && typeof elem.style === 'object') {
- elem.style[styleProperty] = value;
- }
- };
-
- var isMobileDevice = function isMobileDevice() {
- return isMobile.any;
- };
-
- /***/ }),
- /* 65 */
- /***/ (function(module, exports, __webpack_require__) {
-
- var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
- Copyright (c) 2017 Jed Watson.
- Licensed under the MIT License (MIT), see
- http://jedwatson.github.io/classnames
- */
- /* global define */
-
- (function () {
- 'use strict';
-
- var hasOwn = {}.hasOwnProperty;
-
- function classNames () {
- var classes = [];
-
- for (var i = 0; i < arguments.length; i++) {
- var arg = arguments[i];
- if (!arg) continue;
-
- var argType = typeof arg;
-
- if (argType === 'string' || argType === 'number') {
- classes.push(arg);
- } else if (Array.isArray(arg) && arg.length) {
- var inner = classNames.apply(null, arg);
- if (inner) {
- classes.push(inner);
- }
- } else if (argType === 'object') {
- for (var key in arg) {
- if (hasOwn.call(arg, key) && arg[key]) {
- classes.push(key);
- }
- }
- }
- }
-
- return classes.join(' ');
- }
-
- if (typeof module !== 'undefined' && module.exports) {
- classNames.default = classNames;
- module.exports = classNames;
- } else if (true) {
- // register as 'classnames', consistent with npm package name
- !(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_RESULT__ = (function () {
- return classNames;
- }).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),
- __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
- } else {
- window.classNames = classNames;
- }
- }());
-
-
- /***/ }),
- /* 66 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* harmony export (immutable) */ __webpack_exports__["h"] = noop;
- /* harmony export (immutable) */ __webpack_exports__["a"] = getKeyFromChildrenIndex;
- /* harmony export (immutable) */ __webpack_exports__["b"] = getMenuIdFromSubMenuEventKey;
- /* harmony export (immutable) */ __webpack_exports__["e"] = loopMenuItem;
- /* harmony export (immutable) */ __webpack_exports__["f"] = loopMenuItemRecursively;
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return menuAllProps; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return getWidth; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "i", function() { return setStyle; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return isMobileDevice; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
-
- var isMobile = __webpack_require__(144);
-
- function noop() {}
-
- function getKeyFromChildrenIndex(child, menuEventKey, index) {
- var prefix = menuEventKey || '';
- return child.key || prefix + 'item_' + index;
- }
-
- function getMenuIdFromSubMenuEventKey(eventKey) {
- return eventKey + '-menu-';
- }
-
- function loopMenuItem(children, cb) {
- var index = -1;
- __WEBPACK_IMPORTED_MODULE_0_react___default.a.Children.forEach(children, function (c) {
- index++;
- if (c && c.type && c.type.isMenuItemGroup) {
- __WEBPACK_IMPORTED_MODULE_0_react___default.a.Children.forEach(c.props.children, function (c2) {
- index++;
- cb(c2, index);
- });
- } else {
- cb(c, index);
- }
- });
- }
-
- function loopMenuItemRecursively(children, keys, ret) {
- /* istanbul ignore if */
- if (!children || ret.find) {
- return;
- }
- __WEBPACK_IMPORTED_MODULE_0_react___default.a.Children.forEach(children, function (c) {
- if (c) {
- var construct = c.type;
- if (!construct || !(construct.isSubMenu || construct.isMenuItem || construct.isMenuItemGroup)) {
- return;
- }
- if (keys.indexOf(c.key) !== -1) {
- ret.find = true;
- } else if (c.props.children) {
- loopMenuItemRecursively(c.props.children, keys, ret);
- }
- }
- });
- }
-
- var menuAllProps = ['defaultSelectedKeys', 'selectedKeys', 'defaultOpenKeys', 'openKeys', 'mode', 'getPopupContainer', 'onSelect', 'onDeselect', 'onDestroy', 'openTransitionName', 'openAnimation', 'subMenuOpenDelay', 'subMenuCloseDelay', 'forceSubMenuRender', 'triggerSubMenuAction', 'level', 'selectable', 'multiple', 'onOpenChange', 'visible', 'focusable', 'defaultActiveFirst', 'prefixCls', 'inlineIndent', 'parentMenu', 'title', 'rootPrefixCls', 'eventKey', 'active', 'onItemHover', 'onTitleMouseEnter', 'onTitleMouseLeave', 'onTitleClick', 'popupAlign', 'popupOffset', 'isOpen', 'renderMenuItem', 'manualRef', 'subMenuKey', 'disabled', 'index', 'isSelected', 'store', 'activeKey', 'builtinPlacements', 'overflowedIndicator',
-
- // the following keys found need to be removed from test regression
- 'attribute', 'value', 'popupClassName', 'inlineCollapsed', 'menu', 'theme', 'itemIcon', 'expandIcon'];
-
- // ref: https://github.com/ant-design/ant-design/issues/14007
- // ref: https://bugs.chromium.org/p/chromium/issues/detail?id=360889
- // getBoundingClientRect return the full precision value, which is
- // not the same behavior as on chrome. Set the precision to 6 to
- // unify their behavior
- var getWidth = function getWidth(elem) {
- var width = elem && typeof elem.getBoundingClientRect === 'function' && elem.getBoundingClientRect().width;
- if (width) {
- width = +width.toFixed(6);
- }
- return width || 0;
- };
-
- var setStyle = function setStyle(elem, styleProperty, value) {
- if (elem && typeof elem.style === 'object') {
- elem.style[styleProperty] = value;
- }
- };
-
- var isMobileDevice = function isMobileDevice() {
- return isMobile.any;
- };
-
- /***/ }),
- /* 67 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.setStyle = exports.getWidth = exports.menuAllProps = undefined;
-
- var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; /**
- * This source code is quoted from rc-menu.
- * homepage: https://github.com/react-component/menu
- */
-
-
- exports.noop = noop;
- exports.getKeyFromChildrenIndex = getKeyFromChildrenIndex;
- exports.getMenuIdFromSubMenuEventKey = getMenuIdFromSubMenuEventKey;
- exports.loopMenuItem = loopMenuItem;
- exports.loopMenuItemRecursively = loopMenuItemRecursively;
- exports.fireKeyEvent = fireKeyEvent;
-
- var _react = __webpack_require__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- function noop() {}
-
- function getKeyFromChildrenIndex(child, menuEventKey, index) {
- var prefix = menuEventKey || '';
- return child.key || prefix + 'item_' + index;
- }
-
- function getMenuIdFromSubMenuEventKey(eventKey) {
- return eventKey + '-menu-';
- }
-
- function loopMenuItem(children, cb) {
- var index = -1;
- _react2["default"].Children.forEach(children, function (c) {
- index++;
- if (c && c.type && c.type.isMenuItemGroup) {
- _react2["default"].Children.forEach(c.props.children, function (c2) {
- index++;
- cb(c2, index);
- });
- } else {
- cb(c, index);
- }
- });
- }
-
- function loopMenuItemRecursively(children, keys, ret) {
- /* istanbul ignore if */
- if (!children || ret.find) {
- return;
- }
- _react2["default"].Children.forEach(children, function (c) {
- if (c) {
- var construct = c.type;
- if (!construct || !(construct.isSubMenu || construct.isMenuItem || construct.isMenuItemGroup)) {
- return;
- }
- if (keys.indexOf(c.key) !== -1) {
- ret.find = true;
- } else if (c.props.children) {
- loopMenuItemRecursively(c.props.children, keys, ret);
- }
- }
- });
- }
-
- var menuAllProps = exports.menuAllProps = ['defaultSelectedKeys', 'selectedKeys', 'defaultOpenKeys', 'openKeys', 'mode', 'getPopupContainer', 'onSelect', 'onDeselect', 'onDestroy', 'openTransitionName', 'openAnimation', 'subMenuOpenDelay', 'subMenuCloseDelay', 'forceSubMenuRender', 'triggerSubMenuAction', 'level', 'selectable', 'multiple', 'onOpenChange', 'visible', 'focusable', 'defaultActiveFirst', 'prefixCls', 'inlineIndent', 'parentMenu', 'title', 'rootPrefixCls', 'eventKey', 'active', 'onItemHover', 'onTitleMouseEnter', 'onTitleMouseLeave', 'onTitleClick', 'popupAlign', 'popupOffset', 'isOpen', 'renderMenuItem', 'manualRef', 'subMenuKey', 'disabled', 'index', 'isSelected', 'store', 'activeKey', 'builtinPlacements', 'overflowedIndicator',
-
- // the following keys found need to be removed from test regression
- 'attribute', 'value', 'popupClassName', 'inlineCollapsed', 'menu', 'theme', 'itemIcon', 'expandIcon'];
-
- var getWidth = exports.getWidth = function getWidth(elem) {
- return elem && typeof elem.getBoundingClientRect === 'function' && elem.getBoundingClientRect().width || 0;
- };
-
- var setStyle = exports.setStyle = function setStyle(elem, styleProperty, value) {
- if (elem && _typeof(elem.style) === 'object') {
- elem.style[styleProperty] = value;
- }
- };
-
- function fireKeyEvent(el, evtType, keyCode) {
- var evtObj;
- if (document.createEvent) {
- if (window.KeyEvent) {
- //firefox 浏览器下模拟事件
- evtObj = document.createEvent('KeyEvents');
- evtObj.initKeyEvent(evtType, true, true, window, true, false, false, false, keyCode, 0);
- } else {
- //chrome 浏览器下模拟事件
- evtObj = document.createEvent('UIEvents');
- evtObj.initUIEvent(evtType, true, true, window, 1);
-
- delete evtObj.keyCode;
- if (typeof evtObj.keyCode === "undefined") {
- //为了模拟keycode
- Object.defineProperty(evtObj, "keyCode", { value: keyCode });
- } else {
- evtObj.key = String.fromCharCode(keyCode);
- }
-
- if (typeof evtObj.ctrlKey === 'undefined') {
- //为了模拟ctrl键
- Object.defineProperty(evtObj, "ctrlKey", { value: true });
- } else {
- evtObj.ctrlKey = true;
- }
- }
- el.dispatchEvent(evtObj);
- } else if (document.createEventObject) {
- //IE 浏览器下模拟事件
- evtObj = document.createEventObject();
- evtObj.keyCode = keyCode;
- el.fireEvent('on' + evtType, evtObj);
- }
- }
-
- /***/ }),
- /* 68 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
- exports.Align = exports.toArray = exports.cssAnimation = exports.addEventListener = exports.contains = exports.KeyCode = exports.createChainedFunction = exports.splitComponent = exports.isRequiredForA11y = exports.elementType = exports.deprecated = exports.componentOrElement = exports.all = undefined;
-
- var _all2 = __webpack_require__(1133);
-
- var _all3 = _interopRequireDefault(_all2);
-
- var _componentOrElement2 = __webpack_require__(1134);
-
- var _componentOrElement3 = _interopRequireDefault(_componentOrElement2);
-
- var _deprecated2 = __webpack_require__(1135);
-
- var _deprecated3 = _interopRequireDefault(_deprecated2);
-
- var _elementType2 = __webpack_require__(1136);
-
- var _elementType3 = _interopRequireDefault(_elementType2);
-
- var _isRequiredForA11y2 = __webpack_require__(1137);
-
- var _isRequiredForA11y3 = _interopRequireDefault(_isRequiredForA11y2);
-
- var _splitComponent2 = __webpack_require__(316);
-
- var _splitComponent3 = _interopRequireDefault(_splitComponent2);
-
- var _createChainedFunction2 = __webpack_require__(317);
-
- var _createChainedFunction3 = _interopRequireDefault(_createChainedFunction2);
-
- var _keyCode = __webpack_require__(1138);
-
- var _keyCode2 = _interopRequireDefault(_keyCode);
-
- var _contains2 = __webpack_require__(1139);
-
- var _contains3 = _interopRequireDefault(_contains2);
-
- var _addEventListener2 = __webpack_require__(318);
-
- var _addEventListener3 = _interopRequireDefault(_addEventListener2);
-
- var _cssAnimation2 = __webpack_require__(1140);
-
- var _cssAnimation3 = _interopRequireDefault(_cssAnimation2);
-
- var _toArray2 = __webpack_require__(1142);
-
- var _toArray3 = _interopRequireDefault(_toArray2);
-
- var _Align2 = __webpack_require__(1143);
-
- var _Align3 = _interopRequireDefault(_Align2);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- exports.all = _all3.default;
- exports.componentOrElement = _componentOrElement3.default;
- exports.deprecated = _deprecated3.default;
- exports.elementType = _elementType3.default;
- exports.isRequiredForA11y = _isRequiredForA11y3.default;
- exports.splitComponent = _splitComponent3.default;
- exports.createChainedFunction = _createChainedFunction3.default;
- exports.KeyCode = _keyCode2.default;
- exports.contains = _contains3.default;
- exports.addEventListener = _addEventListener3.default;
- exports.cssAnimation = _cssAnimation3.default;
- exports.toArray = _toArray3.default;
- //export getContainerRenderMixin from './getContainerRenderMixin';
-
- exports.Align = _Align3.default;
-
- /***/ }),
- /* 69 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
- exports.Align = exports.toArray = exports.cssAnimation = exports.addEventListener = exports.contains = exports.KeyCode = exports.createChainedFunction = exports.splitComponent = exports.isRequiredForA11y = exports.elementType = exports.deprecated = exports.componentOrElement = exports.all = undefined;
-
- var _all2 = __webpack_require__(1186);
-
- var _all3 = _interopRequireDefault(_all2);
-
- var _componentOrElement2 = __webpack_require__(1187);
-
- var _componentOrElement3 = _interopRequireDefault(_componentOrElement2);
-
- var _deprecated2 = __webpack_require__(1188);
-
- var _deprecated3 = _interopRequireDefault(_deprecated2);
-
- var _elementType2 = __webpack_require__(1189);
-
- var _elementType3 = _interopRequireDefault(_elementType2);
-
- var _isRequiredForA11y2 = __webpack_require__(1190);
-
- var _isRequiredForA11y3 = _interopRequireDefault(_isRequiredForA11y2);
-
- var _splitComponent2 = __webpack_require__(1191);
-
- var _splitComponent3 = _interopRequireDefault(_splitComponent2);
-
- var _createChainedFunction2 = __webpack_require__(1192);
-
- var _createChainedFunction3 = _interopRequireDefault(_createChainedFunction2);
-
- var _keyCode = __webpack_require__(1193);
-
- var _keyCode2 = _interopRequireDefault(_keyCode);
-
- var _contains2 = __webpack_require__(1194);
-
- var _contains3 = _interopRequireDefault(_contains2);
-
- var _addEventListener2 = __webpack_require__(331);
-
- var _addEventListener3 = _interopRequireDefault(_addEventListener2);
-
- var _cssAnimation2 = __webpack_require__(1195);
-
- var _cssAnimation3 = _interopRequireDefault(_cssAnimation2);
-
- var _toArray2 = __webpack_require__(1197);
-
- var _toArray3 = _interopRequireDefault(_toArray2);
-
- var _Align2 = __webpack_require__(1198);
-
- var _Align3 = _interopRequireDefault(_Align2);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- exports.all = _all3.default;
- exports.componentOrElement = _componentOrElement3.default;
- exports.deprecated = _deprecated3.default;
- exports.elementType = _elementType3.default;
- exports.isRequiredForA11y = _isRequiredForA11y3.default;
- exports.splitComponent = _splitComponent3.default;
- exports.createChainedFunction = _createChainedFunction3.default;
- exports.KeyCode = _keyCode2.default;
- exports.contains = _contains3.default;
- exports.addEventListener = _addEventListener3.default;
- exports.cssAnimation = _cssAnimation3.default;
- exports.toArray = _toArray3.default;
- //export getContainerRenderMixin from './getContainerRenderMixin';
-
- exports.Align = _Align3.default;
-
- /***/ }),
- /* 70 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* harmony export (immutable) */ __webpack_exports__["h"] = noop;
- /* harmony export (immutable) */ __webpack_exports__["a"] = getKeyFromChildrenIndex;
- /* harmony export (immutable) */ __webpack_exports__["b"] = getMenuIdFromSubMenuEventKey;
- /* harmony export (immutable) */ __webpack_exports__["e"] = loopMenuItem;
- /* harmony export (immutable) */ __webpack_exports__["f"] = loopMenuItemRecursively;
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return menuAllProps; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return getWidth; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "i", function() { return setStyle; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return isMobileDevice; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
-
- var isMobile = __webpack_require__(144);
-
- function noop() {}
-
- function getKeyFromChildrenIndex(child, menuEventKey, index) {
- var prefix = menuEventKey || '';
- return child.key || prefix + 'item_' + index;
- }
-
- function getMenuIdFromSubMenuEventKey(eventKey) {
- return eventKey + '-menu-';
- }
-
- function loopMenuItem(children, cb) {
- var index = -1;
- __WEBPACK_IMPORTED_MODULE_0_react___default.a.Children.forEach(children, function (c) {
- index++;
- if (c && c.type && c.type.isMenuItemGroup) {
- __WEBPACK_IMPORTED_MODULE_0_react___default.a.Children.forEach(c.props.children, function (c2) {
- index++;
- cb(c2, index);
- });
- } else {
- cb(c, index);
- }
- });
- }
-
- function loopMenuItemRecursively(children, keys, ret) {
- /* istanbul ignore if */
- if (!children || ret.find) {
- return;
- }
- __WEBPACK_IMPORTED_MODULE_0_react___default.a.Children.forEach(children, function (c) {
- if (c) {
- var construct = c.type;
- if (!construct || !(construct.isSubMenu || construct.isMenuItem || construct.isMenuItemGroup)) {
- return;
- }
- if (keys.indexOf(c.key) !== -1) {
- ret.find = true;
- } else if (c.props.children) {
- loopMenuItemRecursively(c.props.children, keys, ret);
- }
- }
- });
- }
-
- var menuAllProps = ['defaultSelectedKeys', 'selectedKeys', 'defaultOpenKeys', 'openKeys', 'mode', 'getPopupContainer', 'onSelect', 'onDeselect', 'onDestroy', 'openTransitionName', 'openAnimation', 'subMenuOpenDelay', 'subMenuCloseDelay', 'forceSubMenuRender', 'triggerSubMenuAction', 'level', 'selectable', 'multiple', 'onOpenChange', 'visible', 'focusable', 'defaultActiveFirst', 'prefixCls', 'inlineIndent', 'parentMenu', 'title', 'rootPrefixCls', 'eventKey', 'active', 'onItemHover', 'onTitleMouseEnter', 'onTitleMouseLeave', 'onTitleClick', 'popupAlign', 'popupOffset', 'isOpen', 'renderMenuItem', 'manualRef', 'subMenuKey', 'disabled', 'index', 'isSelected', 'store', 'activeKey', 'builtinPlacements', 'overflowedIndicator',
-
- // the following keys found need to be removed from test regression
- 'attribute', 'value', 'popupClassName', 'inlineCollapsed', 'menu', 'theme', 'itemIcon', 'expandIcon'];
-
- // ref: https://github.com/ant-design/ant-design/issues/14007
- // ref: https://bugs.chromium.org/p/chromium/issues/detail?id=360889
- // getBoundingClientRect return the full precision value, which is
- // not the same behavior as on chrome. Set the precision to 6 to
- // unify their behavior
- var getWidth = function getWidth(elem) {
- var width = elem && typeof elem.getBoundingClientRect === 'function' && elem.getBoundingClientRect().width;
- if (width) {
- width = +width.toFixed(6);
- }
- return width || 0;
- };
-
- var setStyle = function setStyle(elem, styleProperty, value) {
- if (elem && typeof elem.style === 'object') {
- elem.style[styleProperty] = value;
- }
- };
-
- var isMobileDevice = function isMobileDevice() {
- return isMobile.any;
- };
-
- /***/ }),
- /* 71 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* harmony export (immutable) */ __webpack_exports__["a"] = toArray;
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
-
-
- function toArray(children) {
- var ret = [];
- __WEBPACK_IMPORTED_MODULE_0_react___default.a.Children.forEach(children, function (c) {
- ret.push(c);
- });
- return ret;
- }
-
- /***/ }),
- /* 72 */
- /***/ (function(module, exports) {
-
- module.exports = function (bitmap, value) {
- return {
- enumerable: !(bitmap & 1),
- configurable: !(bitmap & 2),
- writable: !(bitmap & 4),
- value: value
- };
- };
-
-
- /***/ }),
- /* 73 */
- /***/ (function(module, exports, __webpack_require__) {
-
- // 19.1.2.14 / 15.2.3.14 Object.keys(O)
- var $keys = __webpack_require__(216);
- var enumBugKeys = __webpack_require__(128);
-
- module.exports = Object.keys || function keys(O) {
- return $keys(O, enumBugKeys);
- };
-
-
- /***/ }),
- /* 74 */
- /***/ (function(module, exports) {
-
- module.exports = {};
-
-
- /***/ }),
- /* 75 */
+ /* 20 */
/***/ (function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(global, module) {/**
@@ -94896,76 +93857,214 @@
module.exports = isEqual;
- /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(37), __webpack_require__(239)(module)))
+ /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(36), __webpack_require__(242)(module)))
/***/ }),
- /* 76 */
+ /* 21 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
- var _interopRequireDefault = __webpack_require__(18);
+ var _interopRequireDefault = __webpack_require__(17);
exports.__esModule = true;
- exports.default = offset;
+ exports.default = void 0;
- var _contains = _interopRequireDefault(__webpack_require__(27));
+ var _inDOM = _interopRequireDefault(__webpack_require__(51));
- var _isWindow = _interopRequireDefault(__webpack_require__(101));
+ var on = function on() {};
- var _ownerDocument = _interopRequireDefault(__webpack_require__(21));
-
- function offset(node) {
- var doc = (0, _ownerDocument.default)(node),
- win = (0, _isWindow.default)(doc),
- docElem = doc && doc.documentElement,
- box = {
- top: 0,
- left: 0,
- height: 0,
- width: 0
- };
- if (!doc) return; // Make sure it's not a disconnected DOM node
-
- if (!(0, _contains.default)(docElem, node)) return box;
- if (node.getBoundingClientRect !== undefined) box = node.getBoundingClientRect(); // IE8 getBoundingClientRect doesn't support width & height
-
- box = {
- top: box.top + (win.pageYOffset || docElem.scrollTop) - (docElem.clientTop || 0),
- left: box.left + (win.pageXOffset || docElem.scrollLeft) - (docElem.clientLeft || 0),
- width: (box.width == null ? node.offsetWidth : box.width) || 0,
- height: (box.height == null ? node.offsetHeight : box.height) || 0
- };
- return box;
+ if (_inDOM.default) {
+ on = function () {
+ if (document.addEventListener) return function (node, eventName, handler, capture) {
+ return node.addEventListener(eventName, handler, capture || false);
+ };else if (document.attachEvent) return function (node, eventName, handler) {
+ return node.attachEvent('on' + eventName, function (e) {
+ e = e || window.event;
+ e.target = e.target || e.srcElement;
+ e.currentTarget = node;
+ handler.call(node, e);
+ });
+ };
+ }();
}
+ var _default = on;
+ exports.default = _default;
module.exports = exports["default"];
/***/ }),
- /* 77 */
+ /* 22 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
- var _interopRequireDefault = __webpack_require__(18);
+ exports.__esModule = true;
+
+ var _defineProperty = __webpack_require__(214);
+
+ var _defineProperty2 = _interopRequireDefault(_defineProperty);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ exports.default = 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;
+ (0, _defineProperty2.default)(target, descriptor.key, descriptor);
+ }
+ }
+
+ return function (Constructor, protoProps, staticProps) {
+ if (protoProps) defineProperties(Constructor.prototype, protoProps);
+ if (staticProps) defineProperties(Constructor, staticProps);
+ return Constructor;
+ };
+ }();
+
+ /***/ }),
+ /* 23 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ exports.create = exports.connect = exports.Provider = undefined;
+
+ var _Provider2 = __webpack_require__(786);
+
+ var _Provider3 = _interopRequireDefault(_Provider2);
+
+ var _connect2 = __webpack_require__(787);
+
+ var _connect3 = _interopRequireDefault(_connect2);
+
+ var _create2 = __webpack_require__(790);
+
+ var _create3 = _interopRequireDefault(_create2);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ exports.Provider = _Provider3.default;
+ exports.connect = _connect3.default;
+ exports.create = _create3.default;
+
+ /***/ }),
+ /* 24 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
exports.__esModule = true;
- exports.default = scrollTop;
+ exports.default = ownerDocument;
- var _isWindow = _interopRequireDefault(__webpack_require__(101));
-
- function scrollTop(node, val) {
- var win = (0, _isWindow.default)(node);
- if (val === undefined) return win ? 'pageYOffset' in win ? win.pageYOffset : win.document.documentElement.scrollTop : node.scrollTop;
- if (win) win.scrollTo('pageXOffset' in win ? win.pageXOffset : win.document.documentElement.scrollLeft, val);else node.scrollTop = val;
+ function ownerDocument(node) {
+ return node && node.ownerDocument || document;
}
module.exports = exports["default"];
/***/ }),
- /* 78 */
+ /* 25 */
+ /***/ (function(module, exports) {
+
+ var core = module.exports = { version: '2.6.5' };
+ if (typeof __e == 'number') __e = core; // eslint-disable-line no-undef
+
+
+ /***/ }),
+ /* 26 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ /* WEBPACK VAR INJECTION */(function(global) {var now = __webpack_require__(829)
+ , root = typeof window === 'undefined' ? global : window
+ , vendors = ['moz', 'webkit']
+ , suffix = 'AnimationFrame'
+ , raf = root['request' + suffix]
+ , caf = root['cancel' + suffix] || root['cancelRequest' + suffix]
+
+ for(var i = 0; !raf && i < vendors.length; i++) {
+ raf = root[vendors[i] + 'Request' + suffix]
+ caf = root[vendors[i] + 'Cancel' + suffix]
+ || root[vendors[i] + 'CancelRequest' + suffix]
+ }
+
+ // Some versions of FF have rAF but not cAF
+ if(!raf || !caf) {
+ var last = 0
+ , id = 0
+ , queue = []
+ , frameDuration = 1000 / 60
+
+ raf = function(callback) {
+ if(queue.length === 0) {
+ var _now = now()
+ , next = Math.max(0, frameDuration - (_now - last))
+ last = next + _now
+ setTimeout(function() {
+ var cp = queue.slice(0)
+ // Clear queue here to prevent
+ // callbacks from appending listeners
+ // to the current frame's queue
+ queue.length = 0
+ for(var i = 0; i < cp.length; i++) {
+ if(!cp[i].cancelled) {
+ try{
+ cp[i].callback(last)
+ } catch(e) {
+ setTimeout(function() { throw e }, 0)
+ }
+ }
+ }
+ }, Math.round(next))
+ }
+ queue.push({
+ handle: ++id,
+ callback: callback,
+ cancelled: false
+ })
+ return id
+ }
+
+ caf = function(handle) {
+ for(var i = 0; i < queue.length; i++) {
+ if(queue[i].handle === handle) {
+ queue[i].cancelled = true
+ }
+ }
+ }
+ }
+
+ module.exports = function(fn) {
+ // Wrap in a new function to prevent
+ // `cancel` potentially being assigned
+ // to the native rAF function
+ return raf.call(root, fn)
+ }
+ module.exports.cancel = function() {
+ caf.apply(root, arguments)
+ }
+ module.exports.polyfill = function(object) {
+ if (!object) {
+ object = root;
+ }
+ object.requestAnimationFrame = raf
+ object.cancelAnimationFrame = caf
+ }
+
+ /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(36)))
+
+ /***/ }),
+ /* 27 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -94974,23 +94073,23 @@
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Droppable", function() { return connectedDroppable; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Draggable", function() { return ConnectedDraggable; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "resetServerContext", function() { return resetServerContext; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_runtime_corejs2_helpers_esm_extends__ = __webpack_require__(1213);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_tiny_invariant__ = __webpack_require__(335);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_css_box_model__ = __webpack_require__(1214);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__babel_runtime_corejs2_core_js_object_keys__ = __webpack_require__(1215);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_runtime_corejs2_helpers_esm_extends__ = __webpack_require__(1173);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_tiny_invariant__ = __webpack_require__(328);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_css_box_model__ = __webpack_require__(1174);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__babel_runtime_corejs2_core_js_object_keys__ = __webpack_require__(1175);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__babel_runtime_corejs2_core_js_object_keys___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3__babel_runtime_corejs2_core_js_object_keys__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_memoize_one__ = __webpack_require__(1219);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_redux__ = __webpack_require__(336);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__babel_runtime_corejs2_core_js_object_assign__ = __webpack_require__(334);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_memoize_one__ = __webpack_require__(1179);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_redux__ = __webpack_require__(329);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__babel_runtime_corejs2_core_js_object_assign__ = __webpack_require__(327);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__babel_runtime_corejs2_core_js_object_assign___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6__babel_runtime_corejs2_core_js_object_assign__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_raf_schd__ = __webpack_require__(1223);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__babel_runtime_corejs2_helpers_esm_inheritsLoose__ = __webpack_require__(1224);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_raf_schd__ = __webpack_require__(1183);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__babel_runtime_corejs2_helpers_esm_inheritsLoose__ = __webpack_require__(1184);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_react__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_9_react__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10_prop_types__ = __webpack_require__(1);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_10_prop_types__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_11_react_redux__ = __webpack_require__(1226);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_12_react_motion__ = __webpack_require__(1240);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_11_react_redux__ = __webpack_require__(1186);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_12_react_motion__ = __webpack_require__(1200);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12_react_motion___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_12_react_motion__);
@@ -101426,7 +100525,621 @@
/* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(9)))
/***/ }),
- /* 79 */
+ /* 28 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ var store = __webpack_require__(126)('wks');
+ var uid = __webpack_require__(91);
+ var Symbol = __webpack_require__(34).Symbol;
+ var USE_SYMBOL = typeof Symbol == 'function';
+
+ var $exports = module.exports = function (name) {
+ return store[name] || (store[name] =
+ USE_SYMBOL && Symbol[name] || (USE_SYMBOL ? Symbol : uid)('Symbol.' + name));
+ };
+
+ $exports.store = store;
+
+
+ /***/ }),
+ /* 29 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ exports.__esModule = true;
+ exports.Align = exports.toArray = exports.cssAnimation = exports.addEventListener = exports.contains = exports.KeyCode = exports.createChainedFunction = exports.splitComponent = exports.isRequiredForA11y = exports.elementType = exports.deprecated = exports.componentOrElement = exports.all = undefined;
+
+ var _all2 = __webpack_require__(1385);
+
+ var _all3 = _interopRequireDefault(_all2);
+
+ var _componentOrElement2 = __webpack_require__(1386);
+
+ var _componentOrElement3 = _interopRequireDefault(_componentOrElement2);
+
+ var _deprecated2 = __webpack_require__(1387);
+
+ var _deprecated3 = _interopRequireDefault(_deprecated2);
+
+ var _elementType2 = __webpack_require__(1388);
+
+ var _elementType3 = _interopRequireDefault(_elementType2);
+
+ var _isRequiredForA11y2 = __webpack_require__(1389);
+
+ var _isRequiredForA11y3 = _interopRequireDefault(_isRequiredForA11y2);
+
+ var _splitComponent2 = __webpack_require__(1390);
+
+ var _splitComponent3 = _interopRequireDefault(_splitComponent2);
+
+ var _createChainedFunction2 = __webpack_require__(1391);
+
+ var _createChainedFunction3 = _interopRequireDefault(_createChainedFunction2);
+
+ var _keyCode = __webpack_require__(1392);
+
+ var _keyCode2 = _interopRequireDefault(_keyCode);
+
+ var _contains2 = __webpack_require__(1393);
+
+ var _contains3 = _interopRequireDefault(_contains2);
+
+ var _addEventListener2 = __webpack_require__(497);
+
+ var _addEventListener3 = _interopRequireDefault(_addEventListener2);
+
+ var _cssAnimation2 = __webpack_require__(1394);
+
+ var _cssAnimation3 = _interopRequireDefault(_cssAnimation2);
+
+ var _toArray2 = __webpack_require__(1396);
+
+ var _toArray3 = _interopRequireDefault(_toArray2);
+
+ var _Align2 = __webpack_require__(1397);
+
+ var _Align3 = _interopRequireDefault(_Align2);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ exports.all = _all3.default;
+ exports.componentOrElement = _componentOrElement3.default;
+ exports.deprecated = _deprecated3.default;
+ exports.elementType = _elementType3.default;
+ exports.isRequiredForA11y = _isRequiredForA11y3.default;
+ exports.splitComponent = _splitComponent3.default;
+ exports.createChainedFunction = _createChainedFunction3.default;
+ exports.KeyCode = _keyCode2.default;
+ exports.contains = _contains3.default;
+ exports.addEventListener = _addEventListener3.default;
+ exports.cssAnimation = _cssAnimation3.default;
+ exports.toArray = _toArray3.default;
+ //export getContainerRenderMixin from './getContainerRenderMixin';
+
+ exports.Align = _Align3.default;
+
+ /***/ }),
+ /* 30 */
+ /***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+ "use strict";
+ /* harmony export (immutable) */ __webpack_exports__["h"] = findPopupContainer;
+ /* harmony export (immutable) */ __webpack_exports__["r"] = toTitle;
+ /* unused harmony export toArray */
+ /* harmony export (immutable) */ __webpack_exports__["g"] = createRef;
+ /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return UNSELECTABLE_STYLE; });
+ /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return UNSELECTABLE_ATTRIBUTE; });
+ /* harmony export (immutable) */ __webpack_exports__["i"] = flatToHierarchy;
+ /* unused harmony export resetAriaId */
+ /* harmony export (immutable) */ __webpack_exports__["l"] = generateAriaId;
+ /* harmony export (immutable) */ __webpack_exports__["o"] = isLabelInValue;
+ /* harmony export (immutable) */ __webpack_exports__["q"] = parseSimpleTreeData;
+ /* harmony export (immutable) */ __webpack_exports__["p"] = isPosRelated;
+ /* harmony export (immutable) */ __webpack_exports__["c"] = cleanEntity;
+ /* harmony export (immutable) */ __webpack_exports__["m"] = getFilterTree;
+ /* harmony export (immutable) */ __webpack_exports__["j"] = formatInternalValue;
+ /* unused harmony export getLabel */
+ /* harmony export (immutable) */ __webpack_exports__["k"] = formatSelectorValue;
+ /* harmony export (immutable) */ __webpack_exports__["e"] = convertDataToTree;
+ /* harmony export (immutable) */ __webpack_exports__["f"] = convertTreeToEntities;
+ /* harmony export (immutable) */ __webpack_exports__["n"] = getHalfCheckedKeys;
+ /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return conductCheck; });
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_warning__ = __webpack_require__(1716);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_warning___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_warning__);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_rc_tree_es_util__ = __webpack_require__(208);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_rc_util_es_Children_toArray__ = __webpack_require__(72);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_rc_util_es_Dom_class__ = __webpack_require__(1717);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__strategies__ = __webpack_require__(209);
+ 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 _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
+
+ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+
+
+
+
+
+
+ var warnDeprecatedLabel = false; // =================== DOM =====================
+
+ function findPopupContainer(node, prefixClass) {
+ var current = node;
+
+ while (current) {
+ if (Object(__WEBPACK_IMPORTED_MODULE_4_rc_util_es_Dom_class__["a" /* hasClass */])(current, prefixClass)) {
+ return current;
+ }
+
+ current = current.parentNode;
+ }
+
+ return null;
+ } // =================== MISC ====================
+
+ function toTitle(title) {
+ if (typeof title === 'string') {
+ return title;
+ }
+
+ return null;
+ }
+ function toArray(data) {
+ if (data === undefined || data === null) return [];
+ return Array.isArray(data) ? data : [data];
+ } // Shallow copy of React 16.3 createRef api
+
+ function createRef() {
+ var func = function setRef(node) {
+ func.current = node;
+ };
+
+ return func;
+ } // =============== Legacy ===============
+
+ var UNSELECTABLE_STYLE = {
+ userSelect: 'none',
+ WebkitUserSelect: 'none'
+ };
+ var UNSELECTABLE_ATTRIBUTE = {
+ unselectable: 'unselectable'
+ };
+ /**
+ * Convert position list to hierarchy structure.
+ * This is little hack since use '-' to split the position.
+ */
+
+ function flatToHierarchy(positionList) {
+ if (!positionList.length) {
+ return [];
+ }
+
+ var entrances = {}; // Prepare the position map
+
+ var posMap = {};
+ var parsedList = positionList.slice().map(function (entity) {
+ var clone = _objectSpread({}, entity, {
+ fields: entity.pos.split('-')
+ });
+
+ delete clone.children;
+ return clone;
+ });
+ parsedList.forEach(function (entity) {
+ posMap[entity.pos] = entity;
+ });
+ parsedList.sort(function (a, b) {
+ return a.fields.length - b.fields.length;
+ }); // Create the hierarchy
+
+ parsedList.forEach(function (entity) {
+ var parentPos = entity.fields.slice(0, -1).join('-');
+ var parentEntity = posMap[parentPos];
+
+ if (!parentEntity) {
+ entrances[entity.pos] = entity;
+ } else {
+ parentEntity.children = parentEntity.children || [];
+ parentEntity.children.push(entity);
+ } // Some time position list provide `key`, we don't need it
+
+
+ delete entity.key;
+ delete entity.fields;
+ });
+ return Object.keys(entrances).map(function (key) {
+ return entrances[key];
+ });
+ } // =============== Accessibility ===============
+
+ var ariaId = 0;
+ function resetAriaId() {
+ ariaId = 0;
+ }
+ function generateAriaId(prefix) {
+ ariaId += 1;
+ return "".concat(prefix, "_").concat(ariaId);
+ }
+ function isLabelInValue(props) {
+ var treeCheckable = props.treeCheckable,
+ treeCheckStrictly = props.treeCheckStrictly,
+ labelInValue = props.labelInValue;
+
+ if (treeCheckable && treeCheckStrictly) {
+ return true;
+ }
+
+ return labelInValue || false;
+ } // =================== Tree ====================
+
+ function parseSimpleTreeData(treeData, _ref) {
+ var id = _ref.id,
+ pId = _ref.pId,
+ rootPId = _ref.rootPId;
+ var keyNodes = {};
+ var rootNodeList = []; // Fill in the map
+
+ var nodeList = treeData.map(function (node) {
+ var clone = _objectSpread({}, node);
+
+ var key = clone[id];
+ keyNodes[key] = clone;
+ clone.key = clone.key || key;
+ return clone;
+ }); // Connect tree
+
+ nodeList.forEach(function (node) {
+ var parentKey = node[pId];
+ var parent = keyNodes[parentKey]; // Fill parent
+
+ if (parent) {
+ parent.children = parent.children || [];
+ parent.children.push(node);
+ } // Fill root tree node
+
+
+ if (parentKey === rootPId || !parent && rootPId === null) {
+ rootNodeList.push(node);
+ }
+ });
+ return rootNodeList;
+ }
+ /**
+ * Detect if position has relation.
+ * e.g. 1-2 related with 1-2-3
+ * e.g. 1-3-2 related with 1
+ * e.g. 1-2 not related with 1-21
+ */
+
+ function isPosRelated(pos1, pos2) {
+ var fields1 = pos1.split('-');
+ var fields2 = pos2.split('-');
+ var minLen = Math.min(fields1.length, fields2.length);
+
+ for (var i = 0; i < minLen; i += 1) {
+ if (fields1[i] !== fields2[i]) {
+ return false;
+ }
+ }
+
+ return true;
+ }
+ /**
+ * This function is only used on treeNode check (none treeCheckStrictly but has searchInput).
+ * We convert entity to { node, pos, children } format.
+ * This is legacy bug but we still need to do with it.
+ * @param entity
+ */
+
+ function cleanEntity(_ref2) {
+ var node = _ref2.node,
+ pos = _ref2.pos,
+ children = _ref2.children;
+ var instance = {
+ node: node,
+ pos: pos
+ };
+
+ if (children) {
+ instance.children = children.map(cleanEntity);
+ }
+
+ return instance;
+ }
+ /**
+ * Get a filtered TreeNode list by provided treeNodes.
+ * [Legacy] Since `Tree` use `key` as map but `key` will changed by React,
+ * we have to convert `treeNodes > data > treeNodes` to keep the key.
+ * Such performance hungry!
+ *
+ * We pass `Component` as argument is to fix eslint issue.
+ */
+
+ function getFilterTree(treeNodes, searchValue, filterFunc, valueEntities, Component) {
+ if (!searchValue) {
+ return null;
+ }
+
+ function mapFilteredNodeToData(node) {
+ if (!node) return null;
+ var match = false;
+
+ if (filterFunc(searchValue, node)) {
+ match = true;
+ }
+
+ var children = Object(__WEBPACK_IMPORTED_MODULE_3_rc_util_es_Children_toArray__["a" /* default */])(node.props.children).map(mapFilteredNodeToData).filter(function (n) {
+ return n;
+ });
+
+ if (children.length || match) {
+ return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(Component, _extends({}, node.props, {
+ key: valueEntities[node.props.value].key
+ }), children);
+ }
+
+ return null;
+ }
+
+ return treeNodes.map(mapFilteredNodeToData).filter(function (node) {
+ return node;
+ });
+ } // =================== Value ===================
+
+ /**
+ * Convert value to array format to make logic simplify.
+ */
+
+ function formatInternalValue(value, props) {
+ var valueList = toArray(value); // Parse label in value
+
+ if (isLabelInValue(props)) {
+ return valueList.map(function (val) {
+ if (typeof val !== 'object' || !val) {
+ return {
+ value: '',
+ label: ''
+ };
+ }
+
+ return val;
+ });
+ }
+
+ return valueList.map(function (val) {
+ return {
+ value: val
+ };
+ });
+ }
+ function getLabel(wrappedValue, entity, treeNodeLabelProp) {
+ if (wrappedValue.label) {
+ return wrappedValue.label;
+ }
+
+ if (entity && entity.node.props) {
+ return entity.node.props[treeNodeLabelProp];
+ } // Since value without entity will be in missValueList.
+ // This code will never reached, but we still need this in case.
+
+
+ return wrappedValue.value;
+ }
+ /**
+ * Convert internal state `valueList` to user needed value list.
+ * This will return an array list. You need check if is not multiple when return.
+ *
+ * `allCheckedNodes` is used for `treeCheckStrictly`
+ */
+
+ function formatSelectorValue(valueList, props, valueEntities) {
+ var treeNodeLabelProp = props.treeNodeLabelProp,
+ treeCheckable = props.treeCheckable,
+ treeCheckStrictly = props.treeCheckStrictly,
+ showCheckedStrategy = props.showCheckedStrategy; // Will hide some value if `showCheckedStrategy` is set
+
+ if (treeCheckable && !treeCheckStrictly) {
+ var values = {};
+ valueList.forEach(function (wrappedValue) {
+ values[wrappedValue.value] = wrappedValue;
+ });
+ var hierarchyList = flatToHierarchy(valueList.map(function (_ref3) {
+ var value = _ref3.value;
+ return valueEntities[value];
+ }));
+
+ if (showCheckedStrategy === __WEBPACK_IMPORTED_MODULE_5__strategies__["c" /* SHOW_PARENT */]) {
+ // Only get the parent checked value
+ return hierarchyList.map(function (_ref4) {
+ var value = _ref4.node.props.value;
+ return {
+ label: getLabel(values[value], valueEntities[value], treeNodeLabelProp),
+ value: value
+ };
+ });
+ }
+
+ if (showCheckedStrategy === __WEBPACK_IMPORTED_MODULE_5__strategies__["b" /* SHOW_CHILD */]) {
+ // Only get the children checked value
+ var targetValueList = []; // Find the leaf children
+
+ var traverse = function traverse(_ref5) {
+ var value = _ref5.node.props.value,
+ children = _ref5.children;
+
+ if (!children || children.length === 0) {
+ targetValueList.push({
+ label: getLabel(values[value], valueEntities[value], treeNodeLabelProp),
+ value: value
+ });
+ return;
+ }
+
+ children.forEach(function (entity) {
+ traverse(entity);
+ });
+ };
+
+ hierarchyList.forEach(function (entity) {
+ traverse(entity);
+ });
+ return targetValueList;
+ }
+ }
+
+ return valueList.map(function (wrappedValue) {
+ return {
+ label: getLabel(wrappedValue, valueEntities[wrappedValue.value], treeNodeLabelProp),
+ value: wrappedValue.value
+ };
+ });
+ }
+ /**
+ * Use `rc-tree` convertDataToTree to convert treeData to TreeNodes.
+ * This will change the label to title value
+ */
+
+ function processProps(props) {
+ var title = props.title,
+ label = props.label,
+ key = props.key,
+ value = props.value;
+
+ var cloneProps = _objectSpread({}, props); // Warning user not to use deprecated label prop.
+
+
+ if (label && !title) {
+ if (!warnDeprecatedLabel) {
+ __WEBPACK_IMPORTED_MODULE_1_warning___default()(false, "'label' in treeData is deprecated. Please use 'title' instead.");
+ warnDeprecatedLabel = true;
+ }
+
+ cloneProps.title = label;
+ }
+
+ if (!key) {
+ cloneProps.key = value;
+ }
+
+ return cloneProps;
+ }
+
+ function convertDataToTree(treeData) {
+ return Object(__WEBPACK_IMPORTED_MODULE_2_rc_tree_es_util__["g" /* convertDataToTree */])(treeData, {
+ processProps: processProps
+ });
+ }
+ /**
+ * Use `rc-tree` convertTreeToEntities for entities calculation.
+ * We have additional entities of `valueEntities`
+ */
+
+ function initWrapper(wrapper) {
+ return _objectSpread({}, wrapper, {
+ valueEntities: {}
+ });
+ }
+
+ function processEntity(entity, wrapper) {
+ var value = entity.node.props.value;
+ entity.value = value; // This should be empty, or will get error message.
+
+ var currentEntity = wrapper.valueEntities[value];
+
+ if (currentEntity) {
+ __WEBPACK_IMPORTED_MODULE_1_warning___default()(false, "Conflict! value of node '".concat(entity.key, "' (").concat(value, ") has already used by node '").concat(currentEntity.key, "'."));
+ }
+
+ wrapper.valueEntities[value] = entity;
+ }
+
+ function convertTreeToEntities(treeNodes) {
+ return Object(__WEBPACK_IMPORTED_MODULE_2_rc_tree_es_util__["h" /* convertTreeToEntities */])(treeNodes, {
+ initWrapper: initWrapper,
+ processEntity: processEntity
+ });
+ }
+ /**
+ * https://github.com/ant-design/ant-design/issues/13328
+ * We need calculate the half check key when searchValue is set.
+ */
+ // TODO: This logic may better move to rc-tree
+
+ function getHalfCheckedKeys(valueList, valueEntities) {
+ var values = {}; // Fill checked keys
+
+ valueList.forEach(function (_ref6) {
+ var value = _ref6.value;
+ values[value] = false;
+ }); // Fill half checked keys
+
+ valueList.forEach(function (_ref7) {
+ var value = _ref7.value;
+ var current = valueEntities[value];
+
+ while (current && current.parent) {
+ var parentValue = current.parent.value;
+ if (parentValue in values) break;
+ values[parentValue] = true;
+ current = current.parent;
+ }
+ }); // Get half keys
+
+ return Object.keys(values).filter(function (value) {
+ return values[value];
+ }).map(function (value) {
+ return valueEntities[value].key;
+ });
+ }
+ var conductCheck = __WEBPACK_IMPORTED_MODULE_2_rc_tree_es_util__["e" /* conductCheck */];
+
+ /***/ }),
+ /* 31 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ var _interopRequireDefault = __webpack_require__(17);
+
+ exports.__esModule = true;
+ exports.default = void 0;
+
+ var _inDOM = _interopRequireDefault(__webpack_require__(51));
+
+ var _default = function () {
+ // HTML DOM and SVG DOM may have different support levels,
+ // so we need to check on context instead of a document root element.
+ return _inDOM.default ? function (context, node) {
+ if (context.contains) {
+ return context.contains(node);
+ } else if (context.compareDocumentPosition) {
+ return context === node || !!(context.compareDocumentPosition(node) & 16);
+ } else {
+ return fallback(context, node);
+ }
+ } : fallback;
+ }();
+
+ exports.default = _default;
+
+ function fallback(context, node) {
+ if (node) do {
+ if (node === context) return true;
+ } while (node = node.parentNode);
+ return false;
+ }
+
+ module.exports = exports["default"];
+
+ /***/ }),
+ /* 32 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -101435,6 +101148,261 @@
Object.defineProperty(exports, "__esModule", {
value: true
});
+
+ var _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; };
+
+ exports.getTodayTime = getTodayTime;
+ exports.getTitleString = getTitleString;
+ exports.getTodayTimeStr = getTodayTimeStr;
+ exports.getMonthName = getMonthName;
+ exports.syncTime = syncTime;
+ exports.getTimeConfig = getTimeConfig;
+ exports.isTimeValidByConfig = isTimeValidByConfig;
+ exports.isTimeValid = isTimeValid;
+ exports.isAllowedDate = isAllowedDate;
+ exports.formatDate = formatDate;
+
+ var _moment = __webpack_require__(4);
+
+ var _moment2 = _interopRequireDefault(_moment);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+ var defaultDisabledTime = {
+ disabledHours: function disabledHours() {
+ return [];
+ },
+ disabledMinutes: function disabledMinutes() {
+ return [];
+ },
+ disabledSeconds: function disabledSeconds() {
+ return [];
+ }
+ };
+
+ function getTodayTime(value) {
+ var today = (0, _moment2["default"])();
+ if (typeof value !== 'undefined') {
+ today.locale(value.locale()).utcOffset(value.utcOffset());
+ }
+ return today;
+ }
+
+ function getTitleString(value) {
+ return value.format('LL');
+ }
+
+ function getTodayTimeStr(value) {
+ var today = getTodayTime(value);
+ return getTitleString(today);
+ }
+
+ function getMonthName(month) {
+ var locale = month.locale();
+ var localeData = month.localeData();
+ return localeData[locale === 'zh-cn' ? 'months' : 'monthsShort'](month);
+ }
+
+ function syncTime(from, to) {
+ if (!_moment2["default"].isMoment(from) || !_moment2["default"].isMoment(to)) return;
+ to.hour(from.hour());
+ to.minute(from.minute());
+ to.second(from.second());
+ }
+
+ function getTimeConfig(value, disabledTime) {
+ var disabledTimeConfig = disabledTime ? disabledTime(value) : {};
+ disabledTimeConfig = _extends({}, defaultDisabledTime, disabledTimeConfig);
+ return disabledTimeConfig;
+ }
+
+ function isTimeValidByConfig(value, disabledTimeConfig) {
+ var invalidTime = false;
+ if (value) {
+ var hour = value.hour();
+ var minutes = value.minute();
+ var seconds = value.second();
+ var disabledHours = disabledTimeConfig.disabledHours();
+ if (disabledHours.indexOf(hour) === -1) {
+ var disabledMinutes = disabledTimeConfig.disabledMinutes(hour);
+ if (disabledMinutes.indexOf(minutes) === -1) {
+ var disabledSeconds = disabledTimeConfig.disabledSeconds(hour, minutes);
+ invalidTime = disabledSeconds.indexOf(seconds) !== -1;
+ } else {
+ invalidTime = true;
+ }
+ } else {
+ invalidTime = true;
+ }
+ }
+ return !invalidTime;
+ }
+
+ function isTimeValid(value, disabledTime) {
+ var disabledTimeConfig = getTimeConfig(value, disabledTime);
+ return isTimeValidByConfig(value, disabledTimeConfig);
+ }
+
+ function isAllowedDate(value, disabledDate, disabledTime) {
+ if (disabledDate) {
+ if (disabledDate(value)) {
+ return false;
+ }
+ }
+ if (disabledTime) {
+ if (!isTimeValid(value, disabledTime)) {
+ return false;
+ }
+ }
+ return true;
+ }
+
+ function formatDate(value, format) {
+ if (!value) {
+ return '';
+ }
+
+ if (Array.isArray(format)) {
+ format = format[0];
+ }
+
+ return value.format(format);
+ }
+
+ /***/ }),
+ /* 33 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ var global = __webpack_require__(34);
+ var core = __webpack_require__(25);
+ var ctx = __webpack_require__(120);
+ var hide = __webpack_require__(56);
+ var has = __webpack_require__(44);
+ var PROTOTYPE = 'prototype';
+
+ var $export = function (type, name, source) {
+ var IS_FORCED = type & $export.F;
+ var IS_GLOBAL = type & $export.G;
+ var IS_STATIC = type & $export.S;
+ var IS_PROTO = type & $export.P;
+ var IS_BIND = type & $export.B;
+ var IS_WRAP = type & $export.W;
+ var exports = IS_GLOBAL ? core : core[name] || (core[name] = {});
+ var expProto = exports[PROTOTYPE];
+ var target = IS_GLOBAL ? global : IS_STATIC ? global[name] : (global[name] || {})[PROTOTYPE];
+ var key, own, out;
+ if (IS_GLOBAL) source = name;
+ for (key in source) {
+ // contains in native
+ own = !IS_FORCED && target && target[key] !== undefined;
+ if (own && has(exports, key)) continue;
+ // export native or passed
+ out = own ? target[key] : source[key];
+ // prevent global pollution for namespaces
+ exports[key] = IS_GLOBAL && typeof target[key] != 'function' ? source[key]
+ // bind timers to global for call from export context
+ : IS_BIND && own ? ctx(out, global)
+ // wrap global constructors for prevent change them in library
+ : IS_WRAP && target[key] == out ? (function (C) {
+ var F = function (a, b, c) {
+ if (this instanceof C) {
+ switch (arguments.length) {
+ case 0: return new C();
+ case 1: return new C(a);
+ case 2: return new C(a, b);
+ } return new C(a, b, c);
+ } return C.apply(this, arguments);
+ };
+ F[PROTOTYPE] = C[PROTOTYPE];
+ return F;
+ // make static versions for prototype methods
+ })(out) : IS_PROTO && typeof out == 'function' ? ctx(Function.call, out) : out;
+ // export proto methods to core.%CONSTRUCTOR%.methods.%NAME%
+ if (IS_PROTO) {
+ (exports.virtual || (exports.virtual = {}))[key] = out;
+ // export proto methods to core.%CONSTRUCTOR%.prototype.%NAME%
+ if (type & $export.R && expProto && !expProto[key]) hide(expProto, key, out);
+ }
+ }
+ };
+ // type bitmap
+ $export.F = 1; // forced
+ $export.G = 2; // global
+ $export.S = 4; // static
+ $export.P = 8; // proto
+ $export.B = 16; // bind
+ $export.W = 32; // wrap
+ $export.U = 64; // safe
+ $export.R = 128; // real proto method for `library`
+ module.exports = $export;
+
+
+ /***/ }),
+ /* 34 */
+ /***/ (function(module, exports) {
+
+ // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
+ var global = module.exports = typeof window != 'undefined' && window.Math == Math
+ ? window : typeof self != 'undefined' && self.Math == Math ? self
+ // eslint-disable-next-line no-new-func
+ : Function('return this')();
+ if (typeof __g == 'number') __g = global; // eslint-disable-line no-undef
+
+
+ /***/ }),
+ /* 35 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ var anObject = __webpack_require__(57);
+ var IE8_DOM_DEFINE = __webpack_require__(215);
+ var toPrimitive = __webpack_require__(121);
+ var dP = Object.defineProperty;
+
+ exports.f = __webpack_require__(43) ? Object.defineProperty : function defineProperty(O, P, Attributes) {
+ anObject(O);
+ P = toPrimitive(P, true);
+ anObject(Attributes);
+ if (IE8_DOM_DEFINE) try {
+ return dP(O, P, Attributes);
+ } catch (e) { /* empty */ }
+ if ('get' in Attributes || 'set' in Attributes) throw TypeError('Accessors not supported!');
+ if ('value' in Attributes) O[P] = Attributes.value;
+ return O;
+ };
+
+
+ /***/ }),
+ /* 36 */
+ /***/ (function(module, exports) {
+
+ var g;
+
+ // This works in non-strict mode
+ g = (function() {
+ return this;
+ })();
+
+ try {
+ // This works if eval is allowed (see CSP)
+ g = g || Function("return this")() || (1,eval)("this");
+ } catch(e) {
+ // This works if the window reference is available
+ if(typeof window === "object")
+ g = window;
+ }
+
+ // g can still be undefined, but nothing to do about it...
+ // We return undefined, instead of nothing here, so it's
+ // easier to handle this case. if(!global) { ...}
+
+ module.exports = g;
+
+
+ /***/ }),
+ /* 37 */
+ /***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+ "use strict";
/**
* @ignore
* some key-codes definition and utils from closure-library
@@ -101952,2465 +101920,498 @@
}
};
- exports['default'] = KeyCode;
- module.exports = exports['default'];
+ /* harmony default export */ __webpack_exports__["a"] = (KeyCode);
/***/ }),
- /* 80 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _react = __webpack_require__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- var _reactDom = __webpack_require__(3);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- var _propTypes = __webpack_require__(1);
-
- var _propTypes2 = _interopRequireDefault(_propTypes);
-
- var _KeyCode = __webpack_require__(79);
-
- var _KeyCode2 = _interopRequireDefault(_KeyCode);
-
- var _reactLifecyclesCompat = __webpack_require__(13);
-
- var _moment = __webpack_require__(4);
-
- var _moment2 = _interopRequireDefault(_moment);
-
- var _util = __webpack_require__(33);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
-
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
-
- var cachedSelectionStart = void 0;
- var cachedSelectionEnd = void 0;
- var dateInputInstance = void 0;
-
- var DateInput = function (_React$Component) {
- _inherits(DateInput, _React$Component);
-
- function DateInput(props) {
- _classCallCheck(this, DateInput);
-
- var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));
-
- _initialiseProps.call(_this);
-
- var selectedValue = props.selectedValue;
-
- _this.state = {
- str: (0, _util.formatDate)(selectedValue, _this.props.format),
- invalid: false,
- hasFocus: false
- };
- return _this;
- }
-
- DateInput.prototype.componentDidUpdate = function componentDidUpdate() {
- if (dateInputInstance && this.state.hasFocus && !this.state.invalid && !(cachedSelectionStart === 0 && cachedSelectionEnd === 0)) {
- dateInputInstance.setSelectionRange(cachedSelectionStart, cachedSelectionEnd);
- }
- };
-
- DateInput.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, state) {
- var newState = {};
-
- if (dateInputInstance) {
- cachedSelectionStart = dateInputInstance.selectionStart;
- cachedSelectionEnd = dateInputInstance.selectionEnd;
- }
- // when popup show, click body will call this, bug!
- var selectedValue = nextProps.selectedValue;
- if (!state.hasFocus) {
- newState = {
- str: (0, _util.formatDate)(selectedValue, nextProps.format),
- invalid: false
- };
- }
-
- return newState;
- };
-
- DateInput.getInstance = function getInstance() {
- return dateInputInstance;
- };
-
- DateInput.prototype.render = function render() {
- var props = this.props;
- var _state = this.state,
- invalid = _state.invalid,
- str = _state.str;
- var locale = props.locale,
- prefixCls = props.prefixCls,
- placeholder = props.placeholder,
- clearIcon = props.clearIcon,
- renderError = props.renderError,
- inputTabIndex = props.inputTabIndex;
-
- var invalidClass = invalid ? prefixCls + '-input-invalid' : '';
- return _react2["default"].createElement(
- 'div',
- { className: prefixCls + '-input-wrap' },
- _react2["default"].createElement(
- 'div',
- { className: prefixCls + '-date-input-wrap' },
- _react2["default"].createElement('input', {
- ref: this.saveDateInput,
- className: prefixCls + '-input ' + invalidClass,
- value: str,
- disabled: props.disabled,
- placeholder: placeholder,
- onChange: this.onInputChange,
- onKeyDown: this.onKeyDown,
- onFocus: this.onFocus,
- onBlur: this.onBlur,
- tabIndex: inputTabIndex
- }),
- invalid && renderError ? renderError() : ''
- ),
- props.showClear ? _react2["default"].createElement(
- 'a',
- {
- role: 'button',
- title: locale.clear,
- onClick: this.onClear
- },
- clearIcon || _react2["default"].createElement('span', { className: prefixCls + '-clear-btn uf uf-close-c' })
- ) : null
- );
- };
-
- return DateInput;
- }(_react2["default"].Component);
-
- DateInput.propTypes = {
- prefixCls: _propTypes2["default"].string,
- timePicker: _propTypes2["default"].object,
- value: _propTypes2["default"].object,
- disabledTime: _propTypes2["default"].any,
- format: _propTypes2["default"].oneOfType([_propTypes2["default"].string, _propTypes2["default"].arrayOf(_propTypes2["default"].string)]),
- locale: _propTypes2["default"].object,
- disabledDate: _propTypes2["default"].func,
- onChange: _propTypes2["default"].func,
- onClear: _propTypes2["default"].func,
- placeholder: _propTypes2["default"].string,
- onSelect: _propTypes2["default"].func,
- selectedValue: _propTypes2["default"].object,
- clearIcon: _propTypes2["default"].node
- };
-
- var _initialiseProps = function _initialiseProps() {
- var _this2 = this;
-
- this.onClear = function () {
- _this2.setState({
- str: ''
- });
- _this2.props.onClear(null);
- };
-
- this.onInputChange = function (event) {
- var str = event.target.value;
- var _props = _this2.props,
- disabledDate = _props.disabledDate,
- format = _props.format,
- onChange = _props.onChange,
- selectedValue = _props.selectedValue;
-
- // 没有内容，合法并直接退出
-
- if (!str) {
- onChange(null);
- _this2.setState({
- invalid: false,
- str: str
- });
- return;
- }
-
- // 不合法直接退出
- var parsed = (0, _moment2["default"])(str, format, true);
- if (!parsed.isValid()) {
- _this2.setState({
- invalid: true,
- str: str
- });
- return;
- }
-
- var value = _this2.props.value.clone();
- value.year(parsed.year()).month(parsed.month()).date(parsed.date()).hour(parsed.hour()).minute(parsed.minute()).second(parsed.second());
-
- if (!value || disabledDate && disabledDate(value)) {
- _this2.setState({
- invalid: true,
- str: str
- });
- return;
- }
-
- if (selectedValue !== value || selectedValue && value && !selectedValue.isSame(value)) {
- _this2.setState({
- invalid: false,
- str: str
- });
- onChange(value);
- }
- };
-
- this.onFocus = function () {
- _this2.setState({ hasFocus: true });
- };
-
- this.onBlur = function (e) {
- _this2.setState(function (prevState, prevProps) {
- return {
- hasFocus: false,
- str: (0, _util.formatDate)(prevProps.value, prevProps.format)
- };
- });
- _this2.props.onBlur && _this2.props.onBlur(e);
- };
-
- this.onKeyDown = function (e) {
- var _props2 = _this2.props,
- onSelect = _props2.onSelect,
- value = _props2.value,
- onKeyDown = _props2.onKeyDown,
- format = _props2.format,
- isRange = _props2.isRange;
-
- var str = e.target.value;
- var parsed = (0, _moment2["default"])(str, format, true);
- if (e.keyCode === _KeyCode2["default"].ENTER) {
- if (parsed.isValid() && onSelect) {
- isRange ? onSelect(parsed.clone()) : onSelect(value.clone()); //FIX https://github.com/iuap-design/tinper-bee/issues/183
- }
- }
- // if (e.keyCode === KeyCode.ENTER && onSelect) {
- // onSelect(value.clone());
- // }
- onKeyDown && onKeyDown(e);
- };
-
- this.getRootDOMNode = function () {
- return _reactDom2["default"].findDOMNode(_this2);
- };
-
- this.focus = function () {
- if (dateInputInstance) {
- dateInputInstance.focus();
- }
- };
-
- this.saveDateInput = function (dateInput) {
- dateInputInstance = dateInput;
- };
- };
-
- (0, _reactLifecyclesCompat.polyfill)(DateInput);
-
- exports["default"] = DateInput;
- module.exports = exports['default'];
-
- /***/ }),
- /* 81 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _react = __webpack_require__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- var _reactDom = __webpack_require__(3);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- var _propTypes = __webpack_require__(1);
-
- var _propTypes2 = _interopRequireDefault(_propTypes);
-
- var _reactLifecyclesCompat = __webpack_require__(13);
-
- var _createChainedFunction = __webpack_require__(308);
-
- var _createChainedFunction2 = _interopRequireDefault(_createChainedFunction);
-
- var _KeyCode = __webpack_require__(79);
-
- var _KeyCode2 = _interopRequireDefault(_KeyCode);
-
- var _placements = __webpack_require__(1356);
-
- var _placements2 = _interopRequireDefault(_placements);
-
- var _rcTrigger = __webpack_require__(1357);
-
- var _rcTrigger2 = _interopRequireDefault(_rcTrigger);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
-
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
-
- function noop() {}
-
- function refFn(field, component) {
- this[field] = component;
- }
-
- var Picker = function (_React$Component) {
- _inherits(Picker, _React$Component);
-
- function Picker(props) {
- _classCallCheck(this, Picker);
-
- var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));
-
- _initialiseProps.call(_this);
-
- var open = void 0;
- if ('open' in props) {
- open = props.open;
- } else {
- open = props.defaultOpen;
- }
- var value = props.value || props.defaultValue;
- _this.saveCalendarRef = refFn.bind(_this, 'calendarInstance');
-
- _this.state = {
- open: open,
- value: value
- };
- return _this;
- }
-
- Picker.prototype.componentDidUpdate = function componentDidUpdate(_, prevState) {
- if (!prevState.open && this.state.open) {
- // setTimeout is for making sure saveCalendarRef happen before focusCalendar
- this.focusTimeout = setTimeout(this.focusCalendar, 0, this);
- }
- };
-
- Picker.prototype.componentWillUnmount = function componentWillUnmount() {
- clearTimeout(this.focusTimeout);
- };
-
- Picker.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps) {
- var newState = {};
- var value = nextProps.value,
- open = nextProps.open;
-
- if ('value' in nextProps) {
- newState.value = value;
- }
- if (open !== undefined) {
- newState.open = open;
- }
- return newState;
- };
-
- Picker.prototype.render = function render() {
- var props = this.props;
- var prefixCls = props.prefixCls,
- placement = props.placement,
- style = props.style,
- getCalendarContainer = props.getCalendarContainer,
- align = props.align,
- animation = props.animation,
- disabled = props.disabled,
- dropdownClassName = props.dropdownClassName,
- transitionName = props.transitionName,
- children = props.children;
-
- var state = this.state;
- return _react2["default"].createElement(
- _rcTrigger2["default"],
- {
- popup: this.getCalendarElement(),
- popupAlign: align,
- builtinPlacements: _placements2["default"],
- popupPlacement: placement,
- action: disabled && !state.open ? [] : ['click'],
- destroyPopupOnHide: true,
- getPopupContainer: getCalendarContainer,
- popupStyle: style,
- popupAnimation: animation,
- popupTransitionName: transitionName,
- popupVisible: state.open,
- onPopupVisibleChange: this.onVisibleChange,
- prefixCls: prefixCls,
- popupClassName: dropdownClassName
- },
- _react2["default"].cloneElement(children(state, props), { onKeyDown: this.onKeyDown })
- );
- };
-
- return Picker;
- }(_react2["default"].Component);
-
- Picker.propTypes = {
- animation: _propTypes2["default"].oneOfType([_propTypes2["default"].func, _propTypes2["default"].string]),
- disabled: _propTypes2["default"].bool,
- transitionName: _propTypes2["default"].string,
- onChange: _propTypes2["default"].func,
- onOpenChange: _propTypes2["default"].func,
- children: _propTypes2["default"].func,
- getCalendarContainer: _propTypes2["default"].func,
- calendar: _propTypes2["default"].element,
- style: _propTypes2["default"].object,
- open: _propTypes2["default"].bool,
- defaultOpen: _propTypes2["default"].bool,
- prefixCls: _propTypes2["default"].string,
- placement: _propTypes2["default"].any,
- value: _propTypes2["default"].oneOfType([_propTypes2["default"].object, _propTypes2["default"].array]),
- defaultValue: _propTypes2["default"].oneOfType([_propTypes2["default"].object, _propTypes2["default"].array]),
- align: _propTypes2["default"].object
- };
- Picker.defaultProps = {
- prefixCls: 'rc-calendar-picker',
- style: {},
- align: {},
- placement: 'bottomLeft',
- defaultOpen: false,
- onChange: noop,
- onOpenChange: noop
- };
-
- var _initialiseProps = function _initialiseProps() {
- var _this2 = this;
-
- this.onCalendarKeyDown = function (event) {
- if (event.keyCode === _KeyCode2["default"].ESC) {
- event.stopPropagation();
- _this2.close(_this2.focus);
- }
- _this2.props.onKeyDown && _this2.props.onKeyDown(event);
- };
-
- this.onCalendarSelect = function (value) {
- var cause = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
- var props = _this2.props;
- if (!('value' in props)) {
- _this2.setState({
- value: value
- });
- }
- if (cause.source === 'keyboard' || cause.source === 'dateInputSelect' || !props.calendar.props.timePicker && cause.source !== 'dateInput' || cause.source === 'todayButton') {
- _this2.close(_this2.focus);
- }
- props.onChange(value);
- };
-
- this.onKeyDown = function (event) {
- if (!_this2.state.open && (event.keyCode === _KeyCode2["default"].DOWN || event.keyCode === _KeyCode2["default"].ENTER)) {
- _this2.open();
- event.preventDefault();
- }
- _this2.props.onKeyDown && _this2.props.onKeyDown(event);
- };
-
- this.onCalendarOk = function () {
- _this2.close(_this2.focus);
- };
-
- this.onCalendarClear = function () {
- _this2.close(_this2.focus);
- };
-
- this.onVisibleChange = function (open) {
- _this2.setOpen(open);
- };
-
- this.getCalendarElement = function () {
- var props = _this2.props;
- var state = _this2.state;
- var calendarProps = props.calendar.props;
- var value = state.value;
-
- var defaultValue = value;
- var extraProps = {
- ref: _this2.saveCalendarRef,
- defaultValue: defaultValue || calendarProps.defaultValue,
- selectedValue: value,
- onKeyDown: _this2.onCalendarKeyDown,
- onOk: (0, _createChainedFunction2["default"])(calendarProps.onOk, _this2.onCalendarOk),
- onSelect: (0, _createChainedFunction2["default"])(calendarProps.onSelect, _this2.onCalendarSelect),
- onClear: (0, _createChainedFunction2["default"])(calendarProps.onClear, _this2.onCalendarClear)
- };
-
- return _react2["default"].cloneElement(props.calendar, extraProps);
- };
-
- this.setOpen = function (open, callback) {
- var onOpenChange = _this2.props.onOpenChange;
-
- if (_this2.state.open !== open) {
- if (!('open' in _this2.props)) {
- _this2.setState({
- open: open
- }, callback);
- }
- onOpenChange(open);
- }
- };
-
- this.open = function (callback) {
- _this2.setOpen(true, callback);
- };
-
- this.close = function (callback) {
- _this2.setOpen(false, callback);
- };
-
- this.focus = function () {
- if (!_this2.state.open) {
- _reactDom2["default"].findDOMNode(_this2).focus();
- }
- };
-
- this.focusCalendar = function () {
- if (_this2.state.open && !!_this2.calendarInstance) {
- _this2.calendarInstance.focus();
- }
- };
- };
-
- (0, _reactLifecyclesCompat.polyfill)(Picker);
-
- exports["default"] = Picker;
- module.exports = exports['default'];
-
- /***/ }),
- /* 82 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _FormControl = __webpack_require__(1360);
-
- var _FormControl2 = _interopRequireDefault(_FormControl);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- exports["default"] = _FormControl2["default"];
- module.exports = exports['default'];
-
- /***/ }),
- /* 83 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- module.exports = __webpack_require__(1364);
-
- /***/ }),
- /* 84 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports["default"] = {
- today: '今天',
- now: '此刻',
- backToToday: '返回今天',
- ok: '确定',
- timeSelect: '选择时间',
- dateSelect: '选择日期',
- weekSelect: '选择周',
- clear: '清除',
- month: '月',
- year: '年',
- previousMonth: '上个月 (翻页上键)',
- nextMonth: '下个月 (翻页下键)',
- monthSelect: '选择月份',
- yearSelect: '选择年份',
- decadeSelect: '选择年代',
- yearFormat: 'YYYY年',
- dayFormat: 'D日',
- dateFormat: 'YYYY年M月D日',
- dateTimeFormat: 'YYYY年M月D日 HH时mm分ss秒',
- previousYear: '上一年 (Control键加左方向键)',
- nextYear: '下一年 (Control键加右方向键)',
- previousDecade: '上一年代',
- nextDecade: '下一年代',
- previousCentury: '上一世纪',
- nextCentury: '下一世纪',
- lastWeek: '上一周',
- nowWeek: '本周',
- nextWeek: '下一周'
- };
- module.exports = exports['default'];
-
- /***/ }),
- /* 85 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.default = ownerDocument;
- function ownerDocument(node) {
- return node && node.ownerDocument || document;
- }
- module.exports = exports["default"];
-
- /***/ }),
- /* 86 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _inDOM = __webpack_require__(42);
-
- var _inDOM2 = _interopRequireDefault(_inDOM);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- var on = function on() {};
- if (_inDOM2.default) {
- on = function () {
-
- if (document.addEventListener) return function (node, eventName, handler, capture) {
- return node.addEventListener(eventName, handler, capture || false);
- };else if (document.attachEvent) return function (node, eventName, handler) {
- return node.attachEvent('on' + eventName, handler);
- };
- }();
- }
-
- exports.default = on;
- module.exports = exports['default'];
-
- /***/ }),
- /* 87 */
- /***/ (function(module, exports) {
-
- module.exports = true;
-
-
- /***/ }),
- /* 88 */
- /***/ (function(module, exports) {
-
- var id = 0;
- var px = Math.random();
- module.exports = function (key) {
- return 'Symbol('.concat(key === undefined ? '' : key, ')_', (++id + px).toString(36));
- };
-
-
- /***/ }),
- /* 89 */
- /***/ (function(module, exports) {
-
- exports.f = {}.propertyIsEnumerable;
-
-
- /***/ }),
- /* 90 */
- /***/ (function(module, exports, __webpack_require__) {
-
- // 7.1.13 ToObject(argument)
- var defined = __webpack_require__(124);
- module.exports = function (it) {
- return Object(defined(it));
- };
-
-
- /***/ }),
- /* 91 */
- /***/ (function(module, exports, __webpack_require__) {
-
- var freeGlobal = __webpack_require__(668);
-
- /** Detect free variable `self`. */
- var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
-
- /** Used as a reference to the global object. */
- var root = freeGlobal || freeSelf || Function('return this')();
-
- module.exports = root;
-
-
- /***/ }),
- /* 92 */
- /***/ (function(module, exports, __webpack_require__) {
-
- var getNative = __webpack_require__(137);
-
- /* Built-in method references that are verified to be native. */
- var nativeCreate = getNative(Object, 'create');
-
- module.exports = nativeCreate;
-
-
- /***/ }),
- /* 93 */
- /***/ (function(module, exports, __webpack_require__) {
-
- var eq = __webpack_require__(139);
-
- /**
- * Gets the index at which the `key` is found in `array` of key-value pairs.
- *
- * @private
- * @param {Array} array The array to inspect.
- * @param {*} key The key to search for.
- * @returns {number} Returns the index of the matched value, else `-1`.
- */
- function assocIndexOf(array, key) {
- var length = array.length;
- while (length--) {
- if (eq(array[length][0], key)) {
- return length;
- }
- }
- return -1;
- }
-
- module.exports = assocIndexOf;
-
-
- /***/ }),
- /* 94 */
- /***/ (function(module, exports, __webpack_require__) {
-
- var isKeyable = __webpack_require__(697);
-
- /**
- * Gets the data for `map`.
- *
- * @private
- * @param {Object} map The map to query.
- * @param {string} key The reference key.
- * @returns {*} Returns the map data.
- */
- function getMapData(map, key) {
- var data = map.__data__;
- return isKeyable(key)
- ? data[typeof key == 'string' ? 'string' : 'hash']
- : data.map;
- }
-
- module.exports = getMapData;
-
-
- /***/ }),
- /* 95 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
- exports.Align = exports.toArray = exports.cssAnimation = exports.addEventListener = exports.contains = exports.KeyCode = exports.createChainedFunction = exports.splitComponent = exports.isRequiredForA11y = exports.elementType = exports.deprecated = exports.componentOrElement = exports.all = undefined;
-
- var _all2 = __webpack_require__(749);
-
- var _all3 = _interopRequireDefault(_all2);
-
- var _componentOrElement2 = __webpack_require__(750);
-
- var _componentOrElement3 = _interopRequireDefault(_componentOrElement2);
-
- var _deprecated2 = __webpack_require__(751);
-
- var _deprecated3 = _interopRequireDefault(_deprecated2);
-
- var _elementType2 = __webpack_require__(752);
-
- var _elementType3 = _interopRequireDefault(_elementType2);
-
- var _isRequiredForA11y2 = __webpack_require__(753);
-
- var _isRequiredForA11y3 = _interopRequireDefault(_isRequiredForA11y2);
-
- var _splitComponent2 = __webpack_require__(754);
-
- var _splitComponent3 = _interopRequireDefault(_splitComponent2);
-
- var _createChainedFunction2 = __webpack_require__(755);
-
- var _createChainedFunction3 = _interopRequireDefault(_createChainedFunction2);
-
- var _keyCode = __webpack_require__(756);
-
- var _keyCode2 = _interopRequireDefault(_keyCode);
-
- var _contains2 = __webpack_require__(757);
-
- var _contains3 = _interopRequireDefault(_contains2);
-
- var _addEventListener2 = __webpack_require__(240);
-
- var _addEventListener3 = _interopRequireDefault(_addEventListener2);
-
- var _cssAnimation2 = __webpack_require__(760);
-
- var _cssAnimation3 = _interopRequireDefault(_cssAnimation2);
-
- var _toArray2 = __webpack_require__(762);
-
- var _toArray3 = _interopRequireDefault(_toArray2);
-
- var _Align2 = __webpack_require__(242);
-
- var _Align3 = _interopRequireDefault(_Align2);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- exports.all = _all3.default;
- exports.componentOrElement = _componentOrElement3.default;
- exports.deprecated = _deprecated3.default;
- exports.elementType = _elementType3.default;
- exports.isRequiredForA11y = _isRequiredForA11y3.default;
- exports.splitComponent = _splitComponent3.default;
- exports.createChainedFunction = _createChainedFunction3.default;
- exports.KeyCode = _keyCode2.default;
- exports.contains = _contains3.default;
- exports.addEventListener = _addEventListener3.default;
- exports.cssAnimation = _cssAnimation3.default;
- exports.toArray = _toArray3.default;
- //export getContainerRenderMixin from './getContainerRenderMixin';
-
- exports.Align = _Align3.default;
-
- /***/ }),
- /* 96 */
+ /* 38 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* WEBPACK VAR INJECTION */(function(global) {/**
- * A collection of shims that provide minimal functionality of the ES6 collections.
- *
- * These implementations are not meant to be used outside of the ResizeObserver
- * modules as they cover only a limited range of use cases.
- */
- /* eslint-disable require-jsdoc, valid-jsdoc */
- var MapShim = (function () {
- if (typeof Map !== 'undefined') {
- return Map;
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__ = __webpack_require__(8);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_defineProperty__ = __webpack_require__(42);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_defineProperty___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_defineProperty__);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_classCallCheck__ = __webpack_require__(5);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_classCallCheck__);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_createClass__ = __webpack_require__(22);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_createClass___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_createClass__);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(6);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn__);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_inherits__ = __webpack_require__(7);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_inherits__);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react__ = __webpack_require__(0);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6_react__);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_prop_types__ = __webpack_require__(1);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_7_prop_types__);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__ = __webpack_require__(796);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__AnimateChild__ = __webpack_require__(797);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__util_animate__ = __webpack_require__(259);
+
+
+
+
+
+
+
+
+
+
+
+
+ var defaultKey = 'rc_animate_' + Date.now();
+
+ function getChildrenFromProps(props) {
+ var children = props.children;
+ if (__WEBPACK_IMPORTED_MODULE_6_react___default.a.isValidElement(children)) {
+ if (!children.key) {
+ return __WEBPACK_IMPORTED_MODULE_6_react___default.a.cloneElement(children, {
+ key: defaultKey
+ });
}
- /**
- * Returns index in provided array that matches the specified key.
- *
- * @param {Array} arr
- * @param {*} key
- * @returns {number}
- */
- function getIndex(arr, key) {
- var result = -1;
- arr.some(function (entry, index) {
- if (entry[0] === key) {
- result = index;
- return true;
- }
- return false;
+ }
+ return children;
+ }
+
+ function noop() {}
+
+ var Animate = function (_React$Component) {
+ __WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_inherits___default()(Animate, _React$Component);
+
+ // eslint-disable-line
+
+ function Animate(props) {
+ __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_classCallCheck___default()(this, Animate);
+
+ var _this = __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn___default()(this, (Animate.__proto__ || Object.getPrototypeOf(Animate)).call(this, props));
+
+ _initialiseProps.call(_this);
+
+ _this.currentlyAnimatingKeys = {};
+ _this.keysToEnter = [];
+ _this.keysToLeave = [];
+
+ _this.state = {
+ children: Object(__WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__["e" /* toArrayChildren */])(getChildrenFromProps(props))
+ };
+
+ _this.childrenRefs = {};
+ return _this;
+ }
+
+ __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_createClass___default()(Animate, [{
+ key: 'componentDidMount',
+ value: function componentDidMount() {
+ var _this2 = this;
+
+ var showProp = this.props.showProp;
+ var children = this.state.children;
+ if (showProp) {
+ children = children.filter(function (child) {
+ return !!child.props[showProp];
});
- return result;
- }
- return /** @class */ (function () {
- function class_1() {
- this.__entries__ = [];
+ }
+ children.forEach(function (child) {
+ if (child) {
+ _this2.performAppear(child.key);
}
- Object.defineProperty(class_1.prototype, "size", {
- /**
- * @returns {boolean}
- */
- get: function () {
- return this.__entries__.length;
+ });
+ }
+ }, {
+ key: 'componentWillReceiveProps',
+ value: function componentWillReceiveProps(nextProps) {
+ var _this3 = this;
+
+ this.nextProps = nextProps;
+ var nextChildren = Object(__WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__["e" /* toArrayChildren */])(getChildrenFromProps(nextProps));
+ var props = this.props;
+ // exclusive needs immediate response
+ if (props.exclusive) {
+ Object.keys(this.currentlyAnimatingKeys).forEach(function (key) {
+ _this3.stop(key);
+ });
+ }
+ var showProp = props.showProp;
+ var currentlyAnimatingKeys = this.currentlyAnimatingKeys;
+ // last props children if exclusive
+ var currentChildren = props.exclusive ? Object(__WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__["e" /* toArrayChildren */])(getChildrenFromProps(props)) : this.state.children;
+ // in case destroy in showProp mode
+ var newChildren = [];
+ if (showProp) {
+ currentChildren.forEach(function (currentChild) {
+ var nextChild = currentChild && Object(__WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__["a" /* findChildInChildrenByKey */])(nextChildren, currentChild.key);
+ var newChild = void 0;
+ if ((!nextChild || !nextChild.props[showProp]) && currentChild.props[showProp]) {
+ newChild = __WEBPACK_IMPORTED_MODULE_6_react___default.a.cloneElement(nextChild || currentChild, __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_defineProperty___default()({}, showProp, true));
+ } else {
+ newChild = nextChild;
+ }
+ if (newChild) {
+ newChildren.push(newChild);
+ }
+ });
+ nextChildren.forEach(function (nextChild) {
+ if (!nextChild || !Object(__WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__["a" /* findChildInChildrenByKey */])(currentChildren, nextChild.key)) {
+ newChildren.push(nextChild);
+ }
+ });
+ } else {
+ newChildren = Object(__WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__["d" /* mergeChildren */])(currentChildren, nextChildren);
+ }
+
+ // need render to avoid update
+ this.setState({
+ children: newChildren
+ });
+
+ nextChildren.forEach(function (child) {
+ var key = child && child.key;
+ if (child && currentlyAnimatingKeys[key]) {
+ return;
+ }
+ var hasPrev = child && Object(__WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__["a" /* findChildInChildrenByKey */])(currentChildren, key);
+ if (showProp) {
+ var showInNext = child.props[showProp];
+ if (hasPrev) {
+ var showInNow = Object(__WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__["b" /* findShownChildInChildrenByKey */])(currentChildren, key, showProp);
+ if (!showInNow && showInNext) {
+ _this3.keysToEnter.push(key);
+ }
+ } else if (showInNext) {
+ _this3.keysToEnter.push(key);
+ }
+ } else if (!hasPrev) {
+ _this3.keysToEnter.push(key);
+ }
+ });
+
+ currentChildren.forEach(function (child) {
+ var key = child && child.key;
+ if (child && currentlyAnimatingKeys[key]) {
+ return;
+ }
+ var hasNext = child && Object(__WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__["a" /* findChildInChildrenByKey */])(nextChildren, key);
+ if (showProp) {
+ var showInNow = child.props[showProp];
+ if (hasNext) {
+ var showInNext = Object(__WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__["b" /* findShownChildInChildrenByKey */])(nextChildren, key, showProp);
+ if (!showInNext && showInNow) {
+ _this3.keysToLeave.push(key);
+ }
+ } else if (showInNow) {
+ _this3.keysToLeave.push(key);
+ }
+ } else if (!hasNext) {
+ _this3.keysToLeave.push(key);
+ }
+ });
+ }
+ }, {
+ key: 'componentDidUpdate',
+ value: function componentDidUpdate() {
+ var keysToEnter = this.keysToEnter;
+ this.keysToEnter = [];
+ keysToEnter.forEach(this.performEnter);
+ var keysToLeave = this.keysToLeave;
+ this.keysToLeave = [];
+ keysToLeave.forEach(this.performLeave);
+ }
+ }, {
+ key: 'isValidChildByKey',
+ value: function isValidChildByKey(currentChildren, key) {
+ var showProp = this.props.showProp;
+ if (showProp) {
+ return Object(__WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__["b" /* findShownChildInChildrenByKey */])(currentChildren, key, showProp);
+ }
+ return Object(__WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__["a" /* findChildInChildrenByKey */])(currentChildren, key);
+ }
+ }, {
+ key: 'stop',
+ value: function stop(key) {
+ delete this.currentlyAnimatingKeys[key];
+ var component = this.childrenRefs[key];
+ if (component) {
+ component.stop();
+ }
+ }
+ }, {
+ key: 'render',
+ value: function render() {
+ var _this4 = this;
+
+ var props = this.props;
+ this.nextProps = props;
+ var stateChildren = this.state.children;
+ var children = null;
+ if (stateChildren) {
+ children = stateChildren.map(function (child) {
+ if (child === null || child === undefined) {
+ return child;
+ }
+ if (!child.key) {
+ throw new Error('must set key for children');
+ }
+ return __WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(
+ __WEBPACK_IMPORTED_MODULE_9__AnimateChild__["a" /* default */],
+ {
+ key: child.key,
+ ref: function ref(node) {
+ _this4.childrenRefs[child.key] = node;
+ },
+ animation: props.animation,
+ transitionName: props.transitionName,
+ transitionEnter: props.transitionEnter,
+ transitionAppear: props.transitionAppear,
+ transitionLeave: props.transitionLeave
},
- enumerable: true,
- configurable: true
+ child
+ );
});
- /**
- * @param {*} key
- * @returns {*}
- */
- class_1.prototype.get = function (key) {
- var index = getIndex(this.__entries__, key);
- var entry = this.__entries__[index];
- return entry && entry[1];
- };
- /**
- * @param {*} key
- * @param {*} value
- * @returns {void}
- */
- class_1.prototype.set = function (key, value) {
- var index = getIndex(this.__entries__, key);
- if (~index) {
- this.__entries__[index][1] = value;
- }
- else {
- this.__entries__.push([key, value]);
- }
- };
- /**
- * @param {*} key
- * @returns {void}
- */
- class_1.prototype.delete = function (key) {
- var entries = this.__entries__;
- var index = getIndex(entries, key);
- if (~index) {
- entries.splice(index, 1);
- }
- };
- /**
- * @param {*} key
- * @returns {void}
- */
- class_1.prototype.has = function (key) {
- return !!~getIndex(this.__entries__, key);
- };
- /**
- * @returns {void}
- */
- class_1.prototype.clear = function () {
- this.__entries__.splice(0);
- };
- /**
- * @param {Function} callback
- * @param {*} [ctx=null]
- * @returns {void}
- */
- class_1.prototype.forEach = function (callback, ctx) {
- if (ctx === void 0) { ctx = null; }
- for (var _i = 0, _a = this.__entries__; _i < _a.length; _i++) {
- var entry = _a[_i];
- callback.call(ctx, entry[1], entry[0]);
- }
- };
- return class_1;
- }());
- })();
-
- /**
- * Detects whether window and document objects are available in current environment.
- */
- var isBrowser = typeof window !== 'undefined' && typeof document !== 'undefined' && window.document === document;
-
- // Returns global object of a current environment.
- var global$1 = (function () {
- if (typeof global !== 'undefined' && global.Math === Math) {
- return global;
+ }
+ var Component = props.component;
+ if (Component) {
+ var passedProps = props;
+ if (typeof Component === 'string') {
+ passedProps = __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default()({
+ className: props.className,
+ style: props.style
+ }, props.componentProps);
+ }
+ return __WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(
+ Component,
+ passedProps,
+ children
+ );
+ }
+ return children[0] || null;
}
- if (typeof self !== 'undefined' && self.Math === Math) {
- return self;
- }
- if (typeof window !== 'undefined' && window.Math === Math) {
- return window;
- }
- // eslint-disable-next-line no-new-func
- return Function('return this')();
- })();
+ }]);
- /**
- * A shim for the requestAnimationFrame which falls back to the setTimeout if
- * first one is not supported.
- *
- * @returns {number} Requests' identifier.
- */
- var requestAnimationFrame$1 = (function () {
- if (typeof requestAnimationFrame === 'function') {
- // It's required to use a bounded function because IE sometimes throws
- // an "Invalid calling object" error if rAF is invoked without the global
- // object on the left hand side.
- return requestAnimationFrame.bind(global$1);
- }
- return function (callback) { return setTimeout(function () { return callback(Date.now()); }, 1000 / 60); };
- })();
+ return Animate;
+ }(__WEBPACK_IMPORTED_MODULE_6_react___default.a.Component);
- // Defines minimum timeout before adding a trailing call.
- var trailingTimeout = 2;
- /**
- * Creates a wrapper function which ensures that provided callback will be
- * invoked only once during the specified delay period.
- *
- * @param {Function} callback - Function to be invoked after the delay period.
- * @param {number} delay - Delay after which to invoke callback.
- * @returns {Function}
- */
- function throttle (callback, delay) {
- var leadingCall = false, trailingCall = false, lastCallTime = 0;
- /**
- * Invokes the original callback function and schedules new invocation if
- * the "proxy" was called during current request.
- *
- * @returns {void}
- */
- function resolvePending() {
- if (leadingCall) {
- leadingCall = false;
- callback();
- }
- if (trailingCall) {
- proxy();
- }
- }
- /**
- * Callback invoked after the specified delay. It will further postpone
- * invocation of the original function delegating it to the
- * requestAnimationFrame.
- *
- * @returns {void}
- */
- function timeoutCallback() {
- requestAnimationFrame$1(resolvePending);
- }
- /**
- * Schedules invocation of the original function.
- *
- * @returns {void}
- */
- function proxy() {
- var timeStamp = Date.now();
- if (leadingCall) {
- // Reject immediately following calls.
- if (timeStamp - lastCallTime < trailingTimeout) {
- return;
- }
- // Schedule new call to be in invoked when the pending one is resolved.
- // This is important for "transitions" which never actually start
- // immediately so there is a chance that we might miss one if change
- // happens amids the pending invocation.
- trailingCall = true;
- }
- else {
- leadingCall = true;
- trailingCall = false;
- setTimeout(timeoutCallback, delay);
- }
- lastCallTime = timeStamp;
- }
- return proxy;
- }
-
- // Minimum delay before invoking the update of observers.
- var REFRESH_DELAY = 20;
- // A list of substrings of CSS properties used to find transition events that
- // might affect dimensions of observed elements.
- var transitionKeys = ['top', 'right', 'bottom', 'left', 'width', 'height', 'size', 'weight'];
- // Check if MutationObserver is available.
- var mutationObserverSupported = typeof MutationObserver !== 'undefined';
- /**
- * Singleton controller class which handles updates of ResizeObserver instances.
- */
- var ResizeObserverController = /** @class */ (function () {
- /**
- * Creates a new instance of ResizeObserverController.
- *
- * @private
- */
- function ResizeObserverController() {
- /**
- * Indicates whether DOM listeners have been added.
- *
- * @private {boolean}
- */
- this.connected_ = false;
- /**
- * Tells that controller has subscribed for Mutation Events.
- *
- * @private {boolean}
- */
- this.mutationEventsAdded_ = false;
- /**
- * Keeps reference to the instance of MutationObserver.
- *
- * @private {MutationObserver}
- */
- this.mutationsObserver_ = null;
- /**
- * A list of connected observers.
- *
- * @private {Array}
- */
- this.observers_ = [];
- this.onTransitionEnd_ = this.onTransitionEnd_.bind(this);
- this.refresh = throttle(this.refresh.bind(this), REFRESH_DELAY);
- }
- /**
- * Adds observer to observers list.
- *
- * @param {ResizeObserverSPI} observer - Observer to be added.
- * @returns {void}
- */
- ResizeObserverController.prototype.addObserver = function (observer) {
- if (!~this.observers_.indexOf(observer)) {
- this.observers_.push(observer);
- }
- // Add listeners if they haven't been added yet.
- if (!this.connected_) {
- this.connect_();
- }
- };
- /**
- * Removes observer from observers list.
- *
- * @param {ResizeObserverSPI} observer - Observer to be removed.
- * @returns {void}
- */
- ResizeObserverController.prototype.removeObserver = function (observer) {
- var observers = this.observers_;
- var index = observers.indexOf(observer);
- // Remove observer if it's present in registry.
- if (~index) {
- observers.splice(index, 1);
- }
- // Remove listeners if controller has no connected observers.
- if (!observers.length && this.connected_) {
- this.disconnect_();
- }
- };
- /**
- * Invokes the update of observers. It will continue running updates insofar
- * it detects changes.
- *
- * @returns {void}
- */
- ResizeObserverController.prototype.refresh = function () {
- var changesDetected = this.updateObservers_();
- // Continue running updates if changes have been detected as there might
- // be future ones caused by CSS transitions.
- if (changesDetected) {
- this.refresh();
- }
- };
- /**
- * Updates every observer from observers list and notifies them of queued
- * entries.
- *
- * @private
- * @returns {boolean} Returns "true" if any observer has detected changes in
- * dimensions of it's elements.
- */
- ResizeObserverController.prototype.updateObservers_ = function () {
- // Collect observers that have active observations.
- var activeObservers = this.observers_.filter(function (observer) {
- return observer.gatherActive(), observer.hasActive();
- });
- // Deliver notifications in a separate cycle in order to avoid any
- // collisions between observers, e.g. when multiple instances of
- // ResizeObserver are tracking the same element and the callback of one
- // of them changes content dimensions of the observed target. Sometimes
- // this may result in notifications being blocked for the rest of observers.
- activeObservers.forEach(function (observer) { return observer.broadcastActive(); });
- return activeObservers.length > 0;
- };
- /**
- * Initializes DOM listeners.
- *
- * @private
- * @returns {void}
- */
- ResizeObserverController.prototype.connect_ = function () {
- // Do nothing if running in a non-browser environment or if listeners
- // have been already added.
- if (!isBrowser || this.connected_) {
- return;
- }
- // Subscription to the "Transitionend" event is used as a workaround for
- // delayed transitions. This way it's possible to capture at least the
- // final state of an element.
- document.addEventListener('transitionend', this.onTransitionEnd_);
- window.addEventListener('resize', this.refresh);
- if (mutationObserverSupported) {
- this.mutationsObserver_ = new MutationObserver(this.refresh);
- this.mutationsObserver_.observe(document, {
- attributes: true,
- childList: true,
- characterData: true,
- subtree: true
- });
- }
- else {
- document.addEventListener('DOMSubtreeModified', this.refresh);
- this.mutationEventsAdded_ = true;
- }
- this.connected_ = true;
- };
- /**
- * Removes DOM listeners.
- *
- * @private
- * @returns {void}
- */
- ResizeObserverController.prototype.disconnect_ = function () {
- // Do nothing if running in a non-browser environment or if listeners
- // have been already removed.
- if (!isBrowser || !this.connected_) {
- return;
- }
- document.removeEventListener('transitionend', this.onTransitionEnd_);
- window.removeEventListener('resize', this.refresh);
- if (this.mutationsObserver_) {
- this.mutationsObserver_.disconnect();
- }
- if (this.mutationEventsAdded_) {
- document.removeEventListener('DOMSubtreeModified', this.refresh);
- }
- this.mutationsObserver_ = null;
- this.mutationEventsAdded_ = false;
- this.connected_ = false;
- };
- /**
- * "Transitionend" event handler.
- *
- * @private
- * @param {TransitionEvent} event
- * @returns {void}
- */
- ResizeObserverController.prototype.onTransitionEnd_ = function (_a) {
- var _b = _a.propertyName, propertyName = _b === void 0 ? '' : _b;
- // Detect whether transition may affect dimensions of an element.
- var isReflowProperty = transitionKeys.some(function (key) {
- return !!~propertyName.indexOf(key);
- });
- if (isReflowProperty) {
- this.refresh();
- }
- };
- /**
- * Returns instance of the ResizeObserverController.
- *
- * @returns {ResizeObserverController}
- */
- ResizeObserverController.getInstance = function () {
- if (!this.instance_) {
- this.instance_ = new ResizeObserverController();
- }
- return this.instance_;
- };
- /**
- * Holds reference to the controller's instance.
- *
- * @private {ResizeObserverController}
- */
- ResizeObserverController.instance_ = null;
- return ResizeObserverController;
- }());
-
- /**
- * Defines non-writable/enumerable properties of the provided target object.
- *
- * @param {Object} target - Object for which to define properties.
- * @param {Object} props - Properties to be defined.
- * @returns {Object} Target object.
- */
- var defineConfigurable = (function (target, props) {
- for (var _i = 0, _a = Object.keys(props); _i < _a.length; _i++) {
- var key = _a[_i];
- Object.defineProperty(target, key, {
- value: props[key],
- enumerable: false,
- writable: false,
- configurable: true
- });
- }
- return target;
- });
-
- /**
- * Returns the global object associated with provided element.
- *
- * @param {Object} target
- * @returns {Object}
- */
- var getWindowOf = (function (target) {
- // Assume that the element is an instance of Node, which means that it
- // has the "ownerDocument" property from which we can retrieve a
- // corresponding global object.
- var ownerGlobal = target && target.ownerDocument && target.ownerDocument.defaultView;
- // Return the local global object if it's not possible extract one from
- // provided element.
- return ownerGlobal || global$1;
- });
-
- // Placeholder of an empty content rectangle.
- var emptyRect = createRectInit(0, 0, 0, 0);
- /**
- * Converts provided string to a number.
- *
- * @param {number|string} value
- * @returns {number}
- */
- function toFloat(value) {
- return parseFloat(value) || 0;
- }
- /**
- * Extracts borders size from provided styles.
- *
- * @param {CSSStyleDeclaration} styles
- * @param {...string} positions - Borders positions (top, right, ...)
- * @returns {number}
- */
- function getBordersSize(styles) {
- var positions = [];
- for (var _i = 1; _i < arguments.length; _i++) {
- positions[_i - 1] = arguments[_i];
- }
- return positions.reduce(function (size, position) {
- var value = styles['border-' + position + '-width'];
- return size + toFloat(value);
- }, 0);
- }
- /**
- * Extracts paddings sizes from provided styles.
- *
- * @param {CSSStyleDeclaration} styles
- * @returns {Object} Paddings box.
- */
- function getPaddings(styles) {
- var positions = ['top', 'right', 'bottom', 'left'];
- var paddings = {};
- for (var _i = 0, positions_1 = positions; _i < positions_1.length; _i++) {
- var position = positions_1[_i];
- var value = styles['padding-' + position];
- paddings[position] = toFloat(value);
- }
- return paddings;
- }
- /**
- * Calculates content rectangle of provided SVG element.
- *
- * @param {SVGGraphicsElement} target - Element content rectangle of which needs
- * to be calculated.
- * @returns {DOMRectInit}
- */
- function getSVGContentRect(target) {
- var bbox = target.getBBox();
- return createRectInit(0, 0, bbox.width, bbox.height);
- }
- /**
- * Calculates content rectangle of provided HTMLElement.
- *
- * @param {HTMLElement} target - Element for which to calculate the content rectangle.
- * @returns {DOMRectInit}
- */
- function getHTMLElementContentRect(target) {
- // Client width & height properties can't be
- // used exclusively as they provide rounded values.
- var clientWidth = target.clientWidth, clientHeight = target.clientHeight;
- // By this condition we can catch all non-replaced inline, hidden and
- // detached elements. Though elements with width & height properties less
- // than 0.5 will be discarded as well.
- //
- // Without it we would need to implement separate methods for each of
- // those cases and it's not possible to perform a precise and performance
- // effective test for hidden elements. E.g. even jQuery's ':visible' filter
- // gives wrong results for elements with width & height less than 0.5.
- if (!clientWidth && !clientHeight) {
- return emptyRect;
- }
- var styles = getWindowOf(target).getComputedStyle(target);
- var paddings = getPaddings(styles);
- var horizPad = paddings.left + paddings.right;
- var vertPad = paddings.top + paddings.bottom;
- // Computed styles of width & height are being used because they are the
- // only dimensions available to JS that contain non-rounded values. It could
- // be possible to utilize the getBoundingClientRect if only it's data wasn't
- // affected by CSS transformations let alone paddings, borders and scroll bars.
- var width = toFloat(styles.width), height = toFloat(styles.height);
- // Width & height include paddings and borders when the 'border-box' box
- // model is applied (except for IE).
- if (styles.boxSizing === 'border-box') {
- // Following conditions are required to handle Internet Explorer which
- // doesn't include paddings and borders to computed CSS dimensions.
- //
- // We can say that if CSS dimensions + paddings are equal to the "client"
- // properties then it's either IE, and thus we don't need to subtract
- // anything, or an element merely doesn't have paddings/borders styles.
- if (Math.round(width + horizPad) !== clientWidth) {
- width -= getBordersSize(styles, 'left', 'right') + horizPad;
- }
- if (Math.round(height + vertPad) !== clientHeight) {
- height -= getBordersSize(styles, 'top', 'bottom') + vertPad;
- }
- }
- // Following steps can't be applied to the document's root element as its
- // client[Width/Height] properties represent viewport area of the window.
- // Besides, it's as well not necessary as the itself neither has
- // rendered scroll bars nor it can be clipped.
- if (!isDocumentElement(target)) {
- // In some browsers (only in Firefox, actually) CSS width & height
- // include scroll bars size which can be removed at this step as scroll
- // bars are the only difference between rounded dimensions + paddings
- // and "client" properties, though that is not always true in Chrome.
- var vertScrollbar = Math.round(width + horizPad) - clientWidth;
- var horizScrollbar = Math.round(height + vertPad) - clientHeight;
- // Chrome has a rather weird rounding of "client" properties.
- // E.g. for an element with content width of 314.2px it sometimes gives
- // the client width of 315px and for the width of 314.7px it may give
- // 314px. And it doesn't happen all the time. So just ignore this delta
- // as a non-relevant.
- if (Math.abs(vertScrollbar) !== 1) {
- width -= vertScrollbar;
- }
- if (Math.abs(horizScrollbar) !== 1) {
- height -= horizScrollbar;
- }
- }
- return createRectInit(paddings.left, paddings.top, width, height);
- }
- /**
- * Checks whether provided element is an instance of the SVGGraphicsElement.
- *
- * @param {Element} target - Element to be checked.
- * @returns {boolean}
- */
- var isSVGGraphicsElement = (function () {
- // Some browsers, namely IE and Edge, don't have the SVGGraphicsElement
- // interface.
- if (typeof SVGGraphicsElement !== 'undefined') {
- return function (target) { return target instanceof getWindowOf(target).SVGGraphicsElement; };
- }
- // If it's so, then check that element is at least an instance of the
- // SVGElement and that it has the "getBBox" method.
- // eslint-disable-next-line no-extra-parens
- return function (target) { return (target instanceof getWindowOf(target).SVGElement &&
- typeof target.getBBox === 'function'); };
- })();
- /**
- * Checks whether provided element is a document element ().
- *
- * @param {Element} target - Element to be checked.
- * @returns {boolean}
- */
- function isDocumentElement(target) {
- return target === getWindowOf(target).document.documentElement;
- }
- /**
- * Calculates an appropriate content rectangle for provided html or svg element.
- *
- * @param {Element} target - Element content rectangle of which needs to be calculated.
- * @returns {DOMRectInit}
- */
- function getContentRect(target) {
- if (!isBrowser) {
- return emptyRect;
- }
- if (isSVGGraphicsElement(target)) {
- return getSVGContentRect(target);
- }
- return getHTMLElementContentRect(target);
- }
- /**
- * Creates rectangle with an interface of the DOMRectReadOnly.
- * Spec: https://drafts.fxtf.org/geometry/#domrectreadonly
- *
- * @param {DOMRectInit} rectInit - Object with rectangle's x/y coordinates and dimensions.
- * @returns {DOMRectReadOnly}
- */
- function createReadOnlyRect(_a) {
- var x = _a.x, y = _a.y, width = _a.width, height = _a.height;
- // If DOMRectReadOnly is available use it as a prototype for the rectangle.
- var Constr = typeof DOMRectReadOnly !== 'undefined' ? DOMRectReadOnly : Object;
- var rect = Object.create(Constr.prototype);
- // Rectangle's properties are not writable and non-enumerable.
- defineConfigurable(rect, {
- x: x, y: y, width: width, height: height,
- top: y,
- right: x + width,
- bottom: height + y,
- left: x
- });
- return rect;
- }
- /**
- * Creates DOMRectInit object based on the provided dimensions and the x/y coordinates.
- * Spec: https://drafts.fxtf.org/geometry/#dictdef-domrectinit
- *
- * @param {number} x - X coordinate.
- * @param {number} y - Y coordinate.
- * @param {number} width - Rectangle's width.
- * @param {number} height - Rectangle's height.
- * @returns {DOMRectInit}
- */
- function createRectInit(x, y, width, height) {
- return { x: x, y: y, width: width, height: height };
- }
-
- /**
- * Class that is responsible for computations of the content rectangle of
- * provided DOM element and for keeping track of it's changes.
- */
- var ResizeObservation = /** @class */ (function () {
- /**
- * Creates an instance of ResizeObservation.
- *
- * @param {Element} target - Element to be observed.
- */
- function ResizeObservation(target) {
- /**
- * Broadcasted width of content rectangle.
- *
- * @type {number}
- */
- this.broadcastWidth = 0;
- /**
- * Broadcasted height of content rectangle.
- *
- * @type {number}
- */
- this.broadcastHeight = 0;
- /**
- * Reference to the last observed content rectangle.
- *
- * @private {DOMRectInit}
- */
- this.contentRect_ = createRectInit(0, 0, 0, 0);
- this.target = target;
- }
- /**
- * Updates content rectangle and tells whether it's width or height properties
- * have changed since the last broadcast.
- *
- * @returns {boolean}
- */
- ResizeObservation.prototype.isActive = function () {
- var rect = getContentRect(this.target);
- this.contentRect_ = rect;
- return (rect.width !== this.broadcastWidth ||
- rect.height !== this.broadcastHeight);
- };
- /**
- * Updates 'broadcastWidth' and 'broadcastHeight' properties with a data
- * from the corresponding properties of the last observed content rectangle.
- *
- * @returns {DOMRectInit} Last observed content rectangle.
- */
- ResizeObservation.prototype.broadcastRect = function () {
- var rect = this.contentRect_;
- this.broadcastWidth = rect.width;
- this.broadcastHeight = rect.height;
- return rect;
- };
- return ResizeObservation;
- }());
-
- var ResizeObserverEntry = /** @class */ (function () {
- /**
- * Creates an instance of ResizeObserverEntry.
- *
- * @param {Element} target - Element that is being observed.
- * @param {DOMRectInit} rectInit - Data of the element's content rectangle.
- */
- function ResizeObserverEntry(target, rectInit) {
- var contentRect = createReadOnlyRect(rectInit);
- // According to the specification following properties are not writable
- // and are also not enumerable in the native implementation.
- //
- // Property accessors are not being used as they'd require to define a
- // private WeakMap storage which may cause memory leaks in browsers that
- // don't support this type of collections.
- defineConfigurable(this, { target: target, contentRect: contentRect });
- }
- return ResizeObserverEntry;
- }());
-
- var ResizeObserverSPI = /** @class */ (function () {
- /**
- * Creates a new instance of ResizeObserver.
- *
- * @param {ResizeObserverCallback} callback - Callback function that is invoked
- * when one of the observed elements changes it's content dimensions.
- * @param {ResizeObserverController} controller - Controller instance which
- * is responsible for the updates of observer.
- * @param {ResizeObserver} callbackCtx - Reference to the public
- * ResizeObserver instance which will be passed to callback function.
- */
- function ResizeObserverSPI(callback, controller, callbackCtx) {
- /**
- * Collection of resize observations that have detected changes in dimensions
- * of elements.
- *
- * @private {Array}
- */
- this.activeObservations_ = [];
- /**
- * Registry of the ResizeObservation instances.
- *
- * @private {Map}
- */
- this.observations_ = new MapShim();
- if (typeof callback !== 'function') {
- throw new TypeError('The callback provided as parameter 1 is not a function.');
- }
- this.callback_ = callback;
- this.controller_ = controller;
- this.callbackCtx_ = callbackCtx;
- }
- /**
- * Starts observing provided element.
- *
- * @param {Element} target - Element to be observed.
- * @returns {void}
- */
- ResizeObserverSPI.prototype.observe = function (target) {
- if (!arguments.length) {
- throw new TypeError('1 argument required, but only 0 present.');
- }
- // Do nothing if current environment doesn't have the Element interface.
- if (typeof Element === 'undefined' || !(Element instanceof Object)) {
- return;
- }
- if (!(target instanceof getWindowOf(target).Element)) {
- throw new TypeError('parameter 1 is not of type "Element".');
- }
- var observations = this.observations_;
- // Do nothing if element is already being observed.
- if (observations.has(target)) {
- return;
- }
- observations.set(target, new ResizeObservation(target));
- this.controller_.addObserver(this);
- // Force the update of observations.
- this.controller_.refresh();
- };
- /**
- * Stops observing provided element.
- *
- * @param {Element} target - Element to stop observing.
- * @returns {void}
- */
- ResizeObserverSPI.prototype.unobserve = function (target) {
- if (!arguments.length) {
- throw new TypeError('1 argument required, but only 0 present.');
- }
- // Do nothing if current environment doesn't have the Element interface.
- if (typeof Element === 'undefined' || !(Element instanceof Object)) {
- return;
- }
- if (!(target instanceof getWindowOf(target).Element)) {
- throw new TypeError('parameter 1 is not of type "Element".');
- }
- var observations = this.observations_;
- // Do nothing if element is not being observed.
- if (!observations.has(target)) {
- return;
- }
- observations.delete(target);
- if (!observations.size) {
- this.controller_.removeObserver(this);
- }
- };
- /**
- * Stops observing all elements.
- *
- * @returns {void}
- */
- ResizeObserverSPI.prototype.disconnect = function () {
- this.clearActive();
- this.observations_.clear();
- this.controller_.removeObserver(this);
- };
- /**
- * Collects observation instances the associated element of which has changed
- * it's content rectangle.
- *
- * @returns {void}
- */
- ResizeObserverSPI.prototype.gatherActive = function () {
- var _this = this;
- this.clearActive();
- this.observations_.forEach(function (observation) {
- if (observation.isActive()) {
- _this.activeObservations_.push(observation);
- }
- });
- };
- /**
- * Invokes initial callback function with a list of ResizeObserverEntry
- * instances collected from active resize observations.
- *
- * @returns {void}
- */
- ResizeObserverSPI.prototype.broadcastActive = function () {
- // Do nothing if observer doesn't have active observations.
- if (!this.hasActive()) {
- return;
- }
- var ctx = this.callbackCtx_;
- // Create ResizeObserverEntry instance for every active observation.
- var entries = this.activeObservations_.map(function (observation) {
- return new ResizeObserverEntry(observation.target, observation.broadcastRect());
- });
- this.callback_.call(ctx, entries, ctx);
- this.clearActive();
- };
- /**
- * Clears the collection of active observations.
- *
- * @returns {void}
- */
- ResizeObserverSPI.prototype.clearActive = function () {
- this.activeObservations_.splice(0);
- };
- /**
- * Tells whether observer has active observations.
- *
- * @returns {boolean}
- */
- ResizeObserverSPI.prototype.hasActive = function () {
- return this.activeObservations_.length > 0;
- };
- return ResizeObserverSPI;
- }());
-
- // Registry of internal observers. If WeakMap is not available use current shim
- // for the Map collection as it has all required methods and because WeakMap
- // can't be fully polyfilled anyway.
- var observers = typeof WeakMap !== 'undefined' ? new WeakMap() : new MapShim();
- /**
- * ResizeObserver API. Encapsulates the ResizeObserver SPI implementation
- * exposing only those methods and properties that are defined in the spec.
- */
- var ResizeObserver = /** @class */ (function () {
- /**
- * Creates a new instance of ResizeObserver.
- *
- * @param {ResizeObserverCallback} callback - Callback that is invoked when
- * dimensions of the observed elements change.
- */
- function ResizeObserver(callback) {
- if (!(this instanceof ResizeObserver)) {
- throw new TypeError('Cannot call a class as a function.');
- }
- if (!arguments.length) {
- throw new TypeError('1 argument required, but only 0 present.');
- }
- var controller = ResizeObserverController.getInstance();
- var observer = new ResizeObserverSPI(callback, controller, this);
- observers.set(this, observer);
- }
- return ResizeObserver;
- }());
- // Expose public methods of ResizeObserver.
- [
- 'observe',
- 'unobserve',
- 'disconnect'
- ].forEach(function (method) {
- ResizeObserver.prototype[method] = function () {
- var _a;
- return (_a = observers.get(this))[method].apply(_a, arguments);
- };
- });
-
- var index = (function () {
- // Export existing implementation if available.
- if (typeof global$1.ResizeObserver !== 'undefined') {
- return global$1.ResizeObserver;
- }
- return ResizeObserver;
- })();
-
- /* harmony default export */ __webpack_exports__["default"] = (index);
-
- /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(37)))
-
- /***/ }),
- /* 97 */
- /***/ (function(module, exports) {
-
- // mutationobserver-shim v0.3.2 (github.com/megawac/MutationObserver.js)
- // Authors: Graeme Yeates (github.com/megawac)
- window.MutationObserver=window.MutationObserver||function(w){function v(a){this.i=[];this.m=a}function I(a){(function c(){var d=a.takeRecords();d.length&&a.m(d,a);a.h=setTimeout(c,v._period)})()}function p(a){var b={type:null,target:null,addedNodes:[],removedNodes:[],previousSibling:null,nextSibling:null,attributeName:null,attributeNamespace:null,oldValue:null},c;for(c in a)b[c]!==w&&a[c]!==w&&(b[c]=a[c]);return b}function J(a,b){var c=C(a,b);return function(d){var f=d.length,n;b.a&&3===a.nodeType&&
- a.nodeValue!==c.a&&d.push(new p({type:"characterData",target:a,oldValue:c.a}));b.b&&c.b&&A(d,a,c.b,b.f);if(b.c||b.g)n=K(d,a,c,b);if(n||d.length!==f)c=C(a,b)}}function L(a,b){return b.value}function M(a,b){return"style"!==b.name?b.value:a.style.cssText}function A(a,b,c,d){for(var f={},n=b.attributes,k,g,x=n.length;x--;)k=n[x],g=k.name,d&&d[g]===w||(D(b,k)!==c[g]&&a.push(p({type:"attributes",target:b,attributeName:g,oldValue:c[g],attributeNamespace:k.namespaceURI})),f[g]=!0);for(g in c)f[g]||a.push(p({target:b,
- type:"attributes",attributeName:g,oldValue:c[g]}))}function K(a,b,c,d){function f(b,c,f,k,y){var g=b.length-1;y=-~((g-y)/2);for(var h,l,e;e=b.pop();)h=f[e.j],l=k[e.l],d.c&&y&&Math.abs(e.j-e.l)>=g&&(a.push(p({type:"childList",target:c,addedNodes:[h],removedNodes:[h],nextSibling:h.nextSibling,previousSibling:h.previousSibling})),y--),d.b&&l.b&&A(a,h,l.b,d.f),d.a&&3===h.nodeType&&h.nodeValue!==l.a&&a.push(p({type:"characterData",target:h,oldValue:l.a})),d.g&&n(h,l)}function n(b,c){for(var g=b.childNodes,
- q=c.c,x=g.length,v=q?q.length:0,h,l,e,m,t,z=0,u=0,r=0;u container.clientHeight;
- }
- module.exports = exports['default'];
-
- /***/ }),
- /* 108 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
- // turn {x: {val: 1, stiffness: 1, damping: 2}, y: 2} generated by
- // `{x: spring(1, {stiffness: 1, damping: 2}), y: 2}` into {x: 1, y: 2}
-
-
-
- exports.__esModule = true;
- exports['default'] = stripStyle;
-
- function stripStyle(style) {
- var ret = {};
- for (var key in style) {
- if (!Object.prototype.hasOwnProperty.call(style, key)) {
- continue;
+ function getTransitionProperties() {
+ var style = document.createElement('div').style;
+ var vendorMap = {
+ O: function O(e) {
+ return "o" + e.toLowerCase();
+ },
+ Moz: function Moz(e) {
+ return e.toLowerCase();
+ },
+ Webkit: function Webkit(e) {
+ return "webkit" + e;
+ },
+ ms: function ms(e) {
+ return "MS" + e;
+ }
+ };
+ var vendors = Object.keys(vendorMap);
+ var transitionEnd, animationEnd;
+ var prefix = '';
+
+ for (var i = 0; i < vendors.length; i++) {
+ var vendor = vendors[i];
+
+ if (vendor + "TransitionProperty" in style) {
+ prefix = "-" + vendor.toLowerCase();
+ transitionEnd = vendorMap[vendor]('TransitionEnd');
+ animationEnd = vendorMap[vendor]('AnimationEnd');
+ break;
}
- ret[key] = typeof style[key] === 'number' ? style[key] : style[key].val;
}
- return ret;
+
+ if (!transitionEnd && 'transitionProperty' in style) transitionEnd = 'transitionend';
+ if (!animationEnd && 'animationName' in style) animationEnd = 'animationend';
+ style = null;
+ return {
+ animationEnd: animationEnd,
+ transitionEnd: transitionEnd,
+ prefix: prefix
+ };
}
+ /***/ }),
+ /* 40 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ exports.default = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
module.exports = exports['default'];
/***/ }),
- /* 109 */
- /***/ (function(module, exports, __webpack_require__) {
-
- //! moment.js locale configuration
-
- ;(function (global, factory) {
- true ? factory(__webpack_require__(4)) :
- typeof define === 'function' && define.amd ? define(['../moment'], factory) :
- factory(global.moment)
- }(this, (function (moment) { 'use strict';
-
-
- var zhCn = moment.defineLocale('zh-cn', {
- months : '一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月'.split('_'),
- monthsShort : '1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月'.split('_'),
- weekdays : '星期日_星期一_星期二_星期三_星期四_星期五_星期六'.split('_'),
- weekdaysShort : '周日_周一_周二_周三_周四_周五_周六'.split('_'),
- weekdaysMin : '日_一_二_三_四_五_六'.split('_'),
- longDateFormat : {
- LT : 'HH:mm',
- LTS : 'HH:mm:ss',
- L : 'YYYY/MM/DD',
- LL : 'YYYY年M月D日',
- LLL : 'YYYY年M月D日Ah点mm分',
- LLLL : 'YYYY年M月D日ddddAh点mm分',
- l : 'YYYY/M/D',
- ll : 'YYYY年M月D日',
- lll : 'YYYY年M月D日 HH:mm',
- llll : 'YYYY年M月D日dddd HH:mm'
- },
- meridiemParse: /凌晨|早上|上午|中午|下午|晚上/,
- meridiemHour: function (hour, meridiem) {
- if (hour === 12) {
- hour = 0;
- }
- if (meridiem === '凌晨' || meridiem === '早上' ||
- meridiem === '上午') {
- return hour;
- } else if (meridiem === '下午' || meridiem === '晚上') {
- return hour + 12;
- } else {
- // '中午'
- return hour >= 11 ? hour : hour + 12;
- }
- },
- meridiem : function (hour, minute, isLower) {
- var hm = hour * 100 + minute;
- if (hm < 600) {
- return '凌晨';
- } else if (hm < 900) {
- return '早上';
- } else if (hm < 1130) {
- return '上午';
- } else if (hm < 1230) {
- return '中午';
- } else if (hm < 1800) {
- return '下午';
- } else {
- return '晚上';
- }
- },
- calendar : {
- sameDay : '[今天]LT',
- nextDay : '[明天]LT',
- nextWeek : '[下]ddddLT',
- lastDay : '[昨天]LT',
- lastWeek : '[上]ddddLT',
- sameElse : 'L'
- },
- dayOfMonthOrdinalParse: /\d{1,2}(日|月|周)/,
- ordinal : function (number, period) {
- switch (period) {
- case 'd':
- case 'D':
- case 'DDD':
- return number + '日';
- case 'M':
- return number + '月';
- case 'w':
- case 'W':
- return number + '周';
- default:
- return number;
- }
- },
- relativeTime : {
- future : '%s内',
- past : '%s前',
- s : '几秒',
- ss : '%d 秒',
- m : '1 分钟',
- mm : '%d 分钟',
- h : '1 小时',
- hh : '%d 小时',
- d : '1 天',
- dd : '%d 天',
- M : '1 个月',
- MM : '%d 个月',
- y : '1 年',
- yy : '%d 年'
- },
- week : {
- // GB/T 7408-1994《数据元和交换格式·信息交换·日期和时间表示法》与ISO 8601:1988等效
- dow : 1, // Monday is the first day of the week.
- doy : 4 // The week that contains Jan 4th is the first week of the year.
- }
- });
-
- return zhCn;
-
- })));
-
-
- /***/ }),
- /* 110 */
+ /* 41 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -104419,375 +102420,39 @@
exports.__esModule = true;
exports.Align = exports.toArray = exports.cssAnimation = exports.addEventListener = exports.contains = exports.KeyCode = exports.createChainedFunction = exports.splitComponent = exports.isRequiredForA11y = exports.elementType = exports.deprecated = exports.componentOrElement = exports.all = undefined;
- var _all2 = __webpack_require__(1343);
+ var _all2 = __webpack_require__(1626);
var _all3 = _interopRequireDefault(_all2);
- var _componentOrElement2 = __webpack_require__(1344);
+ var _componentOrElement2 = __webpack_require__(1627);
var _componentOrElement3 = _interopRequireDefault(_componentOrElement2);
- var _deprecated2 = __webpack_require__(1345);
+ var _deprecated2 = __webpack_require__(1628);
var _deprecated3 = _interopRequireDefault(_deprecated2);
- var _elementType2 = __webpack_require__(1346);
+ var _elementType2 = __webpack_require__(1629);
var _elementType3 = _interopRequireDefault(_elementType2);
- var _isRequiredForA11y2 = __webpack_require__(1347);
+ var _isRequiredForA11y2 = __webpack_require__(1630);
var _isRequiredForA11y3 = _interopRequireDefault(_isRequiredForA11y2);
- var _splitComponent2 = __webpack_require__(1348);
+ var _splitComponent2 = __webpack_require__(1631);
var _splitComponent3 = _interopRequireDefault(_splitComponent2);
- var _createChainedFunction2 = __webpack_require__(1349);
+ var _createChainedFunction2 = __webpack_require__(1632);
var _createChainedFunction3 = _interopRequireDefault(_createChainedFunction2);
- var _keyCode = __webpack_require__(1350);
+ var _keyCode = __webpack_require__(1633);
var _keyCode2 = _interopRequireDefault(_keyCode);
- var _contains2 = __webpack_require__(1351);
-
- var _contains3 = _interopRequireDefault(_contains2);
-
- var _addEventListener2 = __webpack_require__(490);
-
- var _addEventListener3 = _interopRequireDefault(_addEventListener2);
-
- var _cssAnimation2 = __webpack_require__(1352);
-
- var _cssAnimation3 = _interopRequireDefault(_cssAnimation2);
-
- var _toArray2 = __webpack_require__(1354);
-
- var _toArray3 = _interopRequireDefault(_toArray2);
-
- var _Align2 = __webpack_require__(1355);
-
- var _Align3 = _interopRequireDefault(_Align2);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- exports.all = _all3.default;
- exports.componentOrElement = _componentOrElement3.default;
- exports.deprecated = _deprecated3.default;
- exports.elementType = _elementType3.default;
- exports.isRequiredForA11y = _isRequiredForA11y3.default;
- exports.splitComponent = _splitComponent3.default;
- exports.createChainedFunction = _createChainedFunction3.default;
- exports.KeyCode = _keyCode2.default;
- exports.contains = _contains3.default;
- exports.addEventListener = _addEventListener3.default;
- exports.cssAnimation = _cssAnimation3.default;
- exports.toArray = _toArray3.default;
- //export getContainerRenderMixin from './getContainerRenderMixin';
-
- exports.Align = _Align3.default;
-
- /***/ }),
- /* 111 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _Icon = __webpack_require__(1377);
-
- var _Icon2 = _interopRequireDefault(_Icon);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- exports["default"] = _Icon2["default"];
- module.exports = exports['default'];
-
- /***/ }),
- /* 112 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _Icon = __webpack_require__(1415);
-
- var _Icon2 = _interopRequireDefault(_Icon);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- exports["default"] = _Icon2["default"];
- module.exports = exports['default'];
-
- /***/ }),
- /* 113 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _inDOM = __webpack_require__(42);
-
- var _inDOM2 = _interopRequireDefault(_inDOM);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- exports.default = function () {
- var root = _inDOM2.default && document.documentElement;
-
- return root && root.contains ? function (context, node) {
- return context.contains(node);
- } : root && root.compareDocumentPosition ? function (context, node) {
- return context === node || !!(context.compareDocumentPosition(node) & 16);
- } : function (context, node) {
- if (node) do {
- if (node === context) return true;
- } while (node = node.parentNode);
-
- return false;
- };
- }();
-
- module.exports = exports['default'];
-
- /***/ }),
- /* 114 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- exports["default"] = function (componentOrElement) {
- return (0, _ownerDocument2["default"])(_reactDom2["default"].findDOMNode(componentOrElement));
- };
-
- var _reactDom = __webpack_require__(3);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- var _ownerDocument = __webpack_require__(85);
-
- var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- module.exports = exports['default'];
-
- /***/ }),
- /* 115 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _Icon = __webpack_require__(1497);
-
- var _Icon2 = _interopRequireDefault(_Icon);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- exports["default"] = _Icon2["default"];
- module.exports = exports['default'];
-
- /***/ }),
- /* 116 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- exports["default"] = function (componentOrElement) {
- return (0, _ownerDocument2["default"])(_reactDom2["default"].findDOMNode(componentOrElement));
- };
-
- var _reactDom = __webpack_require__(3);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- var _ownerDocument = __webpack_require__(21);
-
- var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- module.exports = exports['default'];
-
- /***/ }),
- /* 117 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
- exports.Align = exports.toArray = exports.cssAnimation = exports.addEventListener = exports.contains = exports.KeyCode = exports.createChainedFunction = exports.splitComponent = exports.isRequiredForA11y = exports.elementType = exports.deprecated = exports.componentOrElement = exports.all = undefined;
-
- var _all2 = __webpack_require__(1563);
-
- var _all3 = _interopRequireDefault(_all2);
-
- var _componentOrElement2 = __webpack_require__(1564);
-
- var _componentOrElement3 = _interopRequireDefault(_componentOrElement2);
-
- var _deprecated2 = __webpack_require__(1565);
-
- var _deprecated3 = _interopRequireDefault(_deprecated2);
-
- var _elementType2 = __webpack_require__(1566);
-
- var _elementType3 = _interopRequireDefault(_elementType2);
-
- var _isRequiredForA11y2 = __webpack_require__(1567);
-
- var _isRequiredForA11y3 = _interopRequireDefault(_isRequiredForA11y2);
-
- var _splitComponent2 = __webpack_require__(1568);
-
- var _splitComponent3 = _interopRequireDefault(_splitComponent2);
-
- var _createChainedFunction2 = __webpack_require__(1569);
-
- var _createChainedFunction3 = _interopRequireDefault(_createChainedFunction2);
-
- var _keyCode = __webpack_require__(521);
-
- var _keyCode2 = _interopRequireDefault(_keyCode);
-
- var _contains2 = __webpack_require__(1570);
-
- var _contains3 = _interopRequireDefault(_contains2);
-
- var _addEventListener2 = __webpack_require__(524);
-
- var _addEventListener3 = _interopRequireDefault(_addEventListener2);
-
- var _cssAnimation2 = __webpack_require__(1571);
-
- var _cssAnimation3 = _interopRequireDefault(_cssAnimation2);
-
- var _toArray2 = __webpack_require__(1573);
-
- var _toArray3 = _interopRequireDefault(_toArray2);
-
- var _Align2 = __webpack_require__(1574);
-
- var _Align3 = _interopRequireDefault(_Align2);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- exports.all = _all3.default;
- exports.componentOrElement = _componentOrElement3.default;
- exports.deprecated = _deprecated3.default;
- exports.elementType = _elementType3.default;
- exports.isRequiredForA11y = _isRequiredForA11y3.default;
- exports.splitComponent = _splitComponent3.default;
- exports.createChainedFunction = _createChainedFunction3.default;
- exports.KeyCode = _keyCode2.default;
- exports.contains = _contains3.default;
- exports.addEventListener = _addEventListener3.default;
- exports.cssAnimation = _cssAnimation3.default;
- exports.toArray = _toArray3.default;
- //export getContainerRenderMixin from './getContainerRenderMixin';
-
- exports.Align = _Align3.default;
-
- /***/ }),
- /* 118 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- exports["default"] = function (componentOrElement) {
- return (0, _ownerDocument2["default"])(_reactDom2["default"].findDOMNode(componentOrElement));
- };
-
- var _reactDom = __webpack_require__(3);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- var _ownerDocument = __webpack_require__(21);
-
- var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- module.exports = exports['default'];
-
- /***/ }),
- /* 119 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
- exports.Align = exports.toArray = exports.cssAnimation = exports.addEventListener = exports.contains = exports.KeyCode = exports.createChainedFunction = exports.splitComponent = exports.isRequiredForA11y = exports.elementType = exports.deprecated = exports.componentOrElement = exports.all = undefined;
-
- var _all2 = __webpack_require__(1612);
-
- var _all3 = _interopRequireDefault(_all2);
-
- var _componentOrElement2 = __webpack_require__(1613);
-
- var _componentOrElement3 = _interopRequireDefault(_componentOrElement2);
-
- var _deprecated2 = __webpack_require__(1614);
-
- var _deprecated3 = _interopRequireDefault(_deprecated2);
-
- var _elementType2 = __webpack_require__(1615);
-
- var _elementType3 = _interopRequireDefault(_elementType2);
-
- var _isRequiredForA11y2 = __webpack_require__(529);
-
- var _isRequiredForA11y3 = _interopRequireDefault(_isRequiredForA11y2);
-
- var _splitComponent2 = __webpack_require__(527);
-
- var _splitComponent3 = _interopRequireDefault(_splitComponent2);
-
- var _createChainedFunction2 = __webpack_require__(526);
-
- var _createChainedFunction3 = _interopRequireDefault(_createChainedFunction2);
-
- var _keyCode = __webpack_require__(1616);
-
- var _keyCode2 = _interopRequireDefault(_keyCode);
-
- var _contains2 = __webpack_require__(1617);
+ var _contains2 = __webpack_require__(1634);
var _contains3 = _interopRequireDefault(_contains2);
@@ -104795,15 +102460,15 @@
var _addEventListener3 = _interopRequireDefault(_addEventListener2);
- var _cssAnimation2 = __webpack_require__(1618);
+ var _cssAnimation2 = __webpack_require__(1635);
var _cssAnimation3 = _interopRequireDefault(_cssAnimation2);
- var _toArray2 = __webpack_require__(1620);
+ var _toArray2 = __webpack_require__(1637);
var _toArray3 = _interopRequireDefault(_toArray2);
- var _Align2 = __webpack_require__(1621);
+ var _Align2 = __webpack_require__(1638);
var _Align3 = _interopRequireDefault(_Align2);
@@ -104826,19525 +102491,23 @@
exports.Align = _Align3.default;
/***/ }),
- /* 120 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _Icon = __webpack_require__(1643);
-
- var _Icon2 = _interopRequireDefault(_Icon);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- exports["default"] = _Icon2["default"];
- module.exports = exports['default'];
-
- /***/ }),
- /* 121 */
- /***/ (function(module, exports, __webpack_require__) {
-
- // optional / simple context binding
- var aFunction = __webpack_require__(603);
- module.exports = function (fn, that, length) {
- aFunction(fn);
- if (that === undefined) return fn;
- switch (length) {
- case 1: return function (a) {
- return fn.call(that, a);
- };
- case 2: return function (a, b) {
- return fn.call(that, a, b);
- };
- case 3: return function (a, b, c) {
- return fn.call(that, a, b, c);
- };
- }
- return function (/* ...args */) {
- return fn.apply(that, arguments);
- };
- };
-
-
- /***/ }),
- /* 122 */
- /***/ (function(module, exports, __webpack_require__) {
-
- // 7.1.1 ToPrimitive(input [, PreferredType])
- var isObject = __webpack_require__(59);
- // instead of the ES6 spec version, we didn't implement @@toPrimitive case
- // and the second argument - flag - preferred type is a string
- module.exports = function (it, S) {
- if (!isObject(it)) return it;
- var fn, val;
- if (S && typeof (fn = it.toString) == 'function' && !isObject(val = fn.call(it))) return val;
- if (typeof (fn = it.valueOf) == 'function' && !isObject(val = fn.call(it))) return val;
- if (!S && typeof (fn = it.toString) == 'function' && !isObject(val = fn.call(it))) return val;
- throw TypeError("Can't convert object to primitive value");
- };
-
-
- /***/ }),
- /* 123 */
- /***/ (function(module, exports) {
-
- var toString = {}.toString;
-
- module.exports = function (it) {
- return toString.call(it).slice(8, -1);
- };
-
-
- /***/ }),
- /* 124 */
- /***/ (function(module, exports) {
-
- // 7.2.1 RequireObjectCoercible(argument)
- module.exports = function (it) {
- if (it == undefined) throw TypeError("Can't call method on " + it);
- return it;
- };
-
-
- /***/ }),
- /* 125 */
- /***/ (function(module, exports) {
-
- // 7.1.4 ToInteger
- var ceil = Math.ceil;
- var floor = Math.floor;
- module.exports = function (it) {
- return isNaN(it = +it) ? 0 : (it > 0 ? floor : ceil)(it);
- };
-
-
- /***/ }),
- /* 126 */
- /***/ (function(module, exports, __webpack_require__) {
-
- var shared = __webpack_require__(127)('keys');
- var uid = __webpack_require__(88);
- module.exports = function (key) {
- return shared[key] || (shared[key] = uid(key));
- };
-
-
- /***/ }),
- /* 127 */
- /***/ (function(module, exports, __webpack_require__) {
-
- var core = __webpack_require__(24);
- var global = __webpack_require__(35);
- var SHARED = '__core-js_shared__';
- var store = global[SHARED] || (global[SHARED] = {});
-
- (module.exports = function (key, value) {
- return store[key] || (store[key] = value !== undefined ? value : {});
- })('versions', []).push({
- version: core.version,
- mode: __webpack_require__(87) ? 'pure' : 'global',
- copyright: '© 2019 Denis Pushkarev (zloirock.ru)'
- });
-
-
- /***/ }),
- /* 128 */
- /***/ (function(module, exports) {
-
- // IE 8- don't enum bug keys
- module.exports = (
- 'constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf'
- ).split(',');
-
-
- /***/ }),
- /* 129 */
- /***/ (function(module, exports) {
-
- exports.f = Object.getOwnPropertySymbols;
-
-
- /***/ }),
- /* 130 */
- /***/ (function(module, exports, __webpack_require__) {
-
- // 19.1.2.2 / 15.2.3.5 Object.create(O [, Properties])
- var anObject = __webpack_require__(58);
- var dPs = __webpack_require__(613);
- var enumBugKeys = __webpack_require__(128);
- var IE_PROTO = __webpack_require__(126)('IE_PROTO');
- var Empty = function () { /* empty */ };
- var PROTOTYPE = 'prototype';
-
- // Create object with fake `null` prototype: use iframe Object with cleared prototype
- var createDict = function () {
- // Thrash, waste and sodomy: IE GC bug
- var iframe = __webpack_require__(214)('iframe');
- var i = enumBugKeys.length;
- var lt = '<';
- var gt = '>';
- var iframeDocument;
- iframe.style.display = 'none';
- __webpack_require__(614).appendChild(iframe);
- iframe.src = 'javascript:'; // eslint-disable-line no-script-url
- // createDict = iframe.contentWindow.Object;
- // html.removeChild(iframe);
- iframeDocument = iframe.contentWindow.document;
- iframeDocument.open();
- iframeDocument.write(lt + 'script' + gt + 'document.F=Object' + lt + '/script' + gt);
- iframeDocument.close();
- createDict = iframeDocument.F;
- while (i--) delete createDict[PROTOTYPE][enumBugKeys[i]];
- return createDict();
- };
-
- module.exports = Object.create || function create(O, Properties) {
- var result;
- if (O !== null) {
- Empty[PROTOTYPE] = anObject(O);
- result = new Empty();
- Empty[PROTOTYPE] = null;
- // add "__proto__" for Object.getPrototypeOf polyfill
- result[IE_PROTO] = O;
- } else result = createDict();
- return Properties === undefined ? result : dPs(result, Properties);
- };
-
-
- /***/ }),
- /* 131 */
- /***/ (function(module, exports, __webpack_require__) {
-
- var def = __webpack_require__(36).f;
- var has = __webpack_require__(45);
- var TAG = __webpack_require__(28)('toStringTag');
-
- module.exports = function (it, tag, stat) {
- if (it && !has(it = stat ? it : it.prototype, TAG)) def(it, TAG, { configurable: true, value: tag });
- };
-
-
- /***/ }),
- /* 132 */
- /***/ (function(module, exports, __webpack_require__) {
-
- exports.f = __webpack_require__(28);
-
-
- /***/ }),
- /* 133 */
- /***/ (function(module, exports, __webpack_require__) {
-
- var global = __webpack_require__(35);
- var core = __webpack_require__(24);
- var LIBRARY = __webpack_require__(87);
- var wksExt = __webpack_require__(132);
- var defineProperty = __webpack_require__(36).f;
- module.exports = function (name) {
- var $Symbol = core.Symbol || (core.Symbol = LIBRARY ? {} : global.Symbol || {});
- if (name.charAt(0) != '_' && !(name in $Symbol)) defineProperty($Symbol, name, { value: wksExt.f(name) });
- };
-
-
- /***/ }),
- /* 134 */
- /***/ (function(module, exports) {
-
- /**
- * Checks if `value` is classified as an `Array` object.
- *
- * @static
- * @memberOf _
- * @since 0.1.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is an array, else `false`.
- * @example
- *
- * _.isArray([1, 2, 3]);
- * // => true
- *
- * _.isArray(document.body.children);
- * // => false
- *
- * _.isArray('abc');
- * // => false
- *
- * _.isArray(_.noop);
- * // => false
- */
- var isArray = Array.isArray;
-
- module.exports = isArray;
-
-
- /***/ }),
- /* 135 */
- /***/ (function(module, exports, __webpack_require__) {
-
- var baseGetTag = __webpack_require__(229),
- isObjectLike = __webpack_require__(671);
-
- /** `Object#toString` result references. */
- var symbolTag = '[object Symbol]';
-
- /**
- * Checks if `value` is classified as a `Symbol` primitive or object.
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
- * @example
- *
- * _.isSymbol(Symbol.iterator);
- * // => true
- *
- * _.isSymbol('abc');
- * // => false
- */
- function isSymbol(value) {
- return typeof value == 'symbol' ||
- (isObjectLike(value) && baseGetTag(value) == symbolTag);
- }
-
- module.exports = isSymbol;
-
-
- /***/ }),
- /* 136 */
- /***/ (function(module, exports, __webpack_require__) {
-
- var root = __webpack_require__(91);
-
- /** Built-in value references. */
- var Symbol = root.Symbol;
-
- module.exports = Symbol;
-
-
- /***/ }),
- /* 137 */
- /***/ (function(module, exports, __webpack_require__) {
-
- var baseIsNative = __webpack_require__(679),
- getValue = __webpack_require__(684);
-
- /**
- * Gets the native function at `key` of `object`.
- *
- * @private
- * @param {Object} object The object to query.
- * @param {string} key The key of the method to get.
- * @returns {*} Returns the function if it's native, else `undefined`.
- */
- function getNative(object, key) {
- var value = getValue(object, key);
- return baseIsNative(value) ? value : undefined;
- }
-
- module.exports = getNative;
-
-
- /***/ }),
- /* 138 */
- /***/ (function(module, exports) {
-
- /**
- * Checks if `value` is the
- * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
- * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
- *
- * @static
- * @memberOf _
- * @since 0.1.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is an object, else `false`.
- * @example
- *
- * _.isObject({});
- * // => true
- *
- * _.isObject([1, 2, 3]);
- * // => true
- *
- * _.isObject(_.noop);
- * // => true
- *
- * _.isObject(null);
- * // => false
- */
- function isObject(value) {
- var type = typeof value;
- return value != null && (type == 'object' || type == 'function');
- }
-
- module.exports = isObject;
-
-
- /***/ }),
- /* 139 */
- /***/ (function(module, exports) {
-
- /**
- * Performs a
- * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)
- * comparison between two values to determine if they are equivalent.
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to compare.
- * @param {*} other The other value to compare.
- * @returns {boolean} Returns `true` if the values are equivalent, else `false`.
- * @example
- *
- * var object = { 'a': 1 };
- * var other = { 'a': 1 };
- *
- * _.eq(object, object);
- * // => true
- *
- * _.eq(object, other);
- * // => false
- *
- * _.eq('a', 'a');
- * // => true
- *
- * _.eq('a', Object('a'));
- * // => false
- *
- * _.eq(NaN, NaN);
- * // => true
- */
- function eq(value, other) {
- return value === other || (value !== value && other !== other);
- }
-
- module.exports = eq;
-
-
- /***/ }),
- /* 140 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
- /* WEBPACK VAR INJECTION */(function(process) {
-
- if (process.env.NODE_ENV === 'production') {
- module.exports = __webpack_require__(710);
- } else {
- module.exports = __webpack_require__(711);
- }
-
- /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(9)))
-
- /***/ }),
- /* 141 */
+ /* 42 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
- exports.default = createChainableTypeChecker;
- /**
- * Copyright 2013-present, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- */
- // Mostly taken from ReactPropTypes.
+ var _defineProperty = __webpack_require__(214);
- /* This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
-
- function createChainableTypeChecker(validate) {
- function checkType(isRequired, props, propName, componentName, location, propFullName) {
- var componentNameSafe = componentName || '<>';
- var propFullNameSafe = propFullName || propName;
-
- if (props[propName] == null) {
- if (isRequired) {
- return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
- }
-
- return null;
- }
-
- for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
- args[_key - 6] = arguments[_key];
- }
-
- return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
- }
-
- var chainedCheckType = checkType.bind(null, false);
- chainedCheckType.isRequired = checkType.bind(null, true);
-
- return chainedCheckType;
- }
-
- /***/ }),
- /* 142 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
- exports.default = createChainableTypeChecker;
- /**
- * Copyright 2013-present, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- */
-
- // Mostly taken from ReactPropTypes.
-
- /* This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
-
- function createChainableTypeChecker(validate) {
- function checkType(isRequired, props, propName, componentName, location, propFullName) {
- var componentNameSafe = componentName || '<>';
- var propFullNameSafe = propFullName || propName;
-
- if (props[propName] == null) {
- if (isRequired) {
- return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
- }
-
- return null;
- }
-
- for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
- args[_key - 6] = arguments[_key];
- }
-
- return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
- }
-
- var chainedCheckType = checkType.bind(null, false);
- chainedCheckType.isRequired = checkType.bind(null, true);
-
- return chainedCheckType;
- }
-
- /***/ }),
- /* 143 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* harmony export (immutable) */ __webpack_exports__["a"] = createChainedFunction;
- /**
- * Safe chained function
- *
- * Will only create a new function if needed,
- * otherwise will pass back existing functions or null.
- *
- * @returns {function|null}
- */
- function createChainedFunction() {
- var args = [].slice.call(arguments, 0);
- if (args.length === 1) {
- return args[0];
- }
-
- return function chainedFunction() {
- for (var i = 0; i < args.length; i++) {
- if (args[i] && args[i].apply) {
- args[i].apply(this, arguments);
- }
- }
- };
- }
-
- /***/ }),
- /* 144 */
- /***/ (function(module, exports, __webpack_require__) {
-
- var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!function(e){var n=/iPhone/i,t=/iPod/i,r=/iPad/i,a=/\bAndroid(?:.+)Mobile\b/i,p=/Android/i,l=/\bAndroid(?:.+)SD4930UR\b/i,b=/\bAndroid(?:.+)(?:KF[A-Z]{2,4})\b/i,f=/Windows Phone/i,u=/\bWindows(?:.+)ARM\b/i,c=/BlackBerry/i,s=/BB10/i,v=/Opera Mini/i,h=/\b(CriOS|Chrome)(?:.+)Mobile/i,w=/\Mobile(?:.+)Firefox\b/i;function m(e,i){return e.test(i)}function i(e){var i=e||("undefined"!=typeof navigator?navigator.userAgent:""),o=i.split("[FBAN");void 0!==o[1]&&(i=o[0]),void 0!==(o=i.split("Twitter"))[1]&&(i=o[0]);var d={apple:{phone:m(n,i)&&!m(f,i),ipod:m(t,i),tablet:!m(n,i)&&m(r,i)&&!m(f,i),device:(m(n,i)||m(t,i)||m(r,i))&&!m(f,i)},amazon:{phone:m(l,i),tablet:!m(l,i)&&m(b,i),device:m(l,i)||m(b,i)},android:{phone:!m(f,i)&&m(l,i)||!m(f,i)&&m(a,i),tablet:!m(f,i)&&!m(l,i)&&!m(a,i)&&(m(b,i)||m(p,i)),device:!m(f,i)&&(m(l,i)||m(b,i)||m(a,i)||m(p,i))},windows:{phone:m(f,i),tablet:m(u,i),device:m(f,i)||m(u,i)},other:{blackberry:m(c,i),blackberry10:m(s,i),opera:m(v,i),firefox:m(w,i),chrome:m(h,i),device:m(c,i)||m(s,i)||m(v,i)||m(w,i)||m(h,i)}};return d.any=d.apple.device||d.android.device||d.windows.device||d.other.device,d.phone=d.apple.phone||d.android.phone||d.windows.phone,d.tablet=d.apple.tablet||d.android.tablet||d.windows.tablet,d}"undefined"!=typeof module&&module.exports&&"undefined"==typeof window?module.exports=i:"undefined"!=typeof module&&module.exports&&"undefined"!=typeof window?module.exports=i(): true?!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (e.isMobile=i()),
- __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
- (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
- __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__)):e.isMobile=i()}(this);
-
- /***/ }),
- /* 145 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _react = __webpack_require__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- var _propTypes = __webpack_require__(1);
-
- var _propTypes2 = _interopRequireDefault(_propTypes);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
-
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); } /**
- * This source code is quoted from rc-select.
- * homepage: https://github.com/react-component/select
- */
-
-
- var Option = function (_React$Component) {
- _inherits(Option, _React$Component);
-
- function Option() {
- _classCallCheck(this, Option);
-
- return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));
- }
-
- return Option;
- }(_react2["default"].Component);
-
- Option.propTypes = {
- value: _propTypes2["default"].oneOfType([_propTypes2["default"].string, _propTypes2["default"].number])
- };
- Option.isSelectOption = true;
- exports["default"] = Option;
- module.exports = exports['default'];
-
- /***/ }),
- /* 146 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.UNSELECTABLE_ATTRIBUTE = exports.UNSELECTABLE_STYLE = undefined;
-
- var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
-
- exports.toTitle = toTitle;
- exports.getValuePropValue = getValuePropValue;
- exports.getPropValue = getPropValue;
- exports.isMultiple = isMultiple;
- exports.isCombobox = isCombobox;
- exports.isMultipleOrTags = isMultipleOrTags;
- exports.isMultipleOrTagsOrCombobox = isMultipleOrTagsOrCombobox;
- exports.isSingleMode = isSingleMode;
- exports.toArray = toArray;
- exports.getMapKey = getMapKey;
- exports.preventDefaultEvent = preventDefaultEvent;
- exports.findIndexInValueBySingleValue = findIndexInValueBySingleValue;
- exports.getLabelFromPropsValue = getLabelFromPropsValue;
- exports.getSelectKeys = getSelectKeys;
- exports.findFirstMenuItem = findFirstMenuItem;
- exports.includesSeparators = includesSeparators;
- exports.splitBySeparators = splitBySeparators;
- exports.defaultFilterFn = defaultFilterFn;
- exports.validateOptionValue = validateOptionValue;
- exports.saveRef = saveRef;
-
- var _react = __webpack_require__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- function toTitle(title) {
- if (typeof title === 'string') {
- return title;
- }
- return null;
- }
-
- function getValuePropValue(child) {
- if (!child) {
- return null;
- }
-
- var props = child.props;
- if ('value' in props) {
- return props.value;
- }
- if (child.key) {
- return child.key;
- }
- if (child.type && child.type.isSelectOptGroup && props.label) {
- return props.label;
- }
- throw new Error('Need at least a key or a value or a label (only for OptGroup) for ' + child);
- }
-
- function getPropValue(child, prop) {
- if (prop === 'value') {
- return getValuePropValue(child);
- }
- return child.props[prop];
- }
-
- function isMultiple(props) {
- return props.multiple;
- }
-
- function isCombobox(props) {
- return props.combobox;
- }
-
- function isMultipleOrTags(props) {
- return props.multiple || props.tags;
- }
-
- function isMultipleOrTagsOrCombobox(props) {
- return isMultipleOrTags(props) || isCombobox(props);
- }
-
- function isSingleMode(props) {
- return !isMultipleOrTagsOrCombobox(props);
- }
-
- function toArray(value) {
- var ret = value;
- if (value === undefined) {
- ret = [];
- } else if (!Array.isArray(value)) {
- ret = [value];
- }
- return ret;
- }
-
- function getMapKey(value) {
- return (typeof value === 'undefined' ? 'undefined' : _typeof(value)) + '-' + value;
- }
-
- function preventDefaultEvent(e) {
- e.preventDefault();
- }
-
- function findIndexInValueBySingleValue(value, singleValue) {
- var index = -1;
- for (var i = 0; i < value.length; i++) {
- if (value[i] === singleValue) {
- index = i;
- break;
- }
- }
- return index;
- }
-
- function getLabelFromPropsValue(value, key) {
- var label = void 0;
- value = toArray(value);
- for (var i = 0; i < value.length; i++) {
- if (value[i].key === key) {
- label = value[i].label;
- break;
- }
- }
- return label;
- }
-
- function getSelectKeys(menuItems, value) {
- if (value === null || value === undefined) {
- return [];
- }
- var selectedKeys = [];
- _react2["default"].Children.forEach(menuItems, function (item) {
- if (item.type.isMenuItemGroup) {
- selectedKeys = selectedKeys.concat(getSelectKeys(item.props.children, value));
- } else {
- var itemValue = getValuePropValue(item);
- var itemKey = item.key;
- if (findIndexInValueBySingleValue(value, itemValue) !== -1 && itemKey) {
- selectedKeys.push(itemKey);
- }
- }
- });
- return selectedKeys;
- }
-
- var UNSELECTABLE_STYLE = exports.UNSELECTABLE_STYLE = {
- userSelect: 'none',
- WebkitUserSelect: 'none'
- };
-
- var UNSELECTABLE_ATTRIBUTE = exports.UNSELECTABLE_ATTRIBUTE = {
- unselectable: 'on'
- };
-
- function findFirstMenuItem(children) {
- for (var i = 0; i < children.length; i++) {
- var child = children[i];
- if (child.type.isMenuItemGroup) {
- var found = findFirstMenuItem(child.props.children);
- if (found) {
- return found;
- }
- } else if (!child.props.disabled) {
- return child;
- }
- }
- return null;
- }
-
- function includesSeparators(string, separators) {
- for (var i = 0; i < separators.length; ++i) {
- if (string.lastIndexOf(separators[i]) > 0) {
- return true;
- }
- }
- return false;
- }
-
- function splitBySeparators(string, separators) {
- var reg = new RegExp('[' + separators.join() + ']');
- return string.split(reg).filter(function (token) {
- return token;
- });
- }
-
- function defaultFilterFn(input, child) {
- if (child.props.disabled) {
- return false;
- }
- var value = toArray(getPropValue(child, this.props.optionFilterProp)).join('');
- return value.toLowerCase().indexOf(input.toLowerCase()) > -1;
- }
-
- function validateOptionValue(value, props) {
- if (isSingleMode(props) || isMultiple(props)) {
- return;
- }
- if (typeof value !== 'string') {
- throw new Error('Invalid `value` of type `' + (typeof value === 'undefined' ? 'undefined' : _typeof(value)) + '` supplied to Option, ' + 'expected `string` when `tags/combobox` is `true`.');
- }
- }
-
- function saveRef(instance, name) {
- return function (node) {
- instance[name] = node;
- };
- }
-
- /***/ }),
- /* 147 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
- exports.default = createChainableTypeChecker;
- /**
- * Copyright 2013-present, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- */
-
- // Mostly taken from ReactPropTypes.
-
- /* This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
-
- function createChainableTypeChecker(validate) {
- function checkType(isRequired, props, propName, componentName, location, propFullName) {
- var componentNameSafe = componentName || '<>';
- var propFullNameSafe = propFullName || propName;
-
- if (props[propName] == null) {
- if (isRequired) {
- return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
- }
-
- return null;
- }
-
- for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
- args[_key - 6] = arguments[_key];
- }
-
- return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
- }
-
- var chainedCheckType = checkType.bind(null, false);
- chainedCheckType.isRequired = checkType.bind(null, true);
-
- return chainedCheckType;
- }
-
- /***/ }),
- /* 148 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
- exports.Align = exports.toArray = exports.cssAnimation = exports.addEventListener = exports.contains = exports.KeyCode = exports.createChainedFunction = exports.splitComponent = exports.isRequiredForA11y = exports.elementType = exports.deprecated = exports.componentOrElement = exports.all = undefined;
-
- var _all2 = __webpack_require__(884);
-
- var _all3 = _interopRequireDefault(_all2);
-
- var _componentOrElement2 = __webpack_require__(885);
-
- var _componentOrElement3 = _interopRequireDefault(_componentOrElement2);
-
- var _deprecated2 = __webpack_require__(886);
-
- var _deprecated3 = _interopRequireDefault(_deprecated2);
-
- var _elementType2 = __webpack_require__(887);
-
- var _elementType3 = _interopRequireDefault(_elementType2);
-
- var _isRequiredForA11y2 = __webpack_require__(888);
-
- var _isRequiredForA11y3 = _interopRequireDefault(_isRequiredForA11y2);
-
- var _splitComponent2 = __webpack_require__(889);
-
- var _splitComponent3 = _interopRequireDefault(_splitComponent2);
-
- var _createChainedFunction2 = __webpack_require__(890);
-
- var _createChainedFunction3 = _interopRequireDefault(_createChainedFunction2);
-
- var _keyCode = __webpack_require__(891);
-
- var _keyCode2 = _interopRequireDefault(_keyCode);
-
- var _contains2 = __webpack_require__(892);
-
- var _contains3 = _interopRequireDefault(_contains2);
-
- var _addEventListener2 = __webpack_require__(270);
-
- var _addEventListener3 = _interopRequireDefault(_addEventListener2);
-
- var _cssAnimation2 = __webpack_require__(893);
-
- var _cssAnimation3 = _interopRequireDefault(_cssAnimation2);
-
- var _toArray2 = __webpack_require__(895);
-
- var _toArray3 = _interopRequireDefault(_toArray2);
-
- var _Align2 = __webpack_require__(271);
-
- var _Align3 = _interopRequireDefault(_Align2);
+ var _defineProperty2 = _interopRequireDefault(_defineProperty);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- exports.all = _all3.default;
- exports.componentOrElement = _componentOrElement3.default;
- exports.deprecated = _deprecated3.default;
- exports.elementType = _elementType3.default;
- exports.isRequiredForA11y = _isRequiredForA11y3.default;
- exports.splitComponent = _splitComponent3.default;
- exports.createChainedFunction = _createChainedFunction3.default;
- exports.KeyCode = _keyCode2.default;
- exports.contains = _contains3.default;
- exports.addEventListener = _addEventListener3.default;
- exports.cssAnimation = _cssAnimation3.default;
- exports.toArray = _toArray3.default;
- //export getContainerRenderMixin from './getContainerRenderMixin';
-
- exports.Align = _Align3.default;
-
- /***/ }),
- /* 149 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
- exports.default = createChainableTypeChecker;
- /**
- * Copyright 2013-present, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- */
-
- // Mostly taken from ReactPropTypes.
-
- /* This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
-
- function createChainableTypeChecker(validate) {
- function checkType(isRequired, props, propName, componentName, location, propFullName) {
- var componentNameSafe = componentName || '<>';
- var propFullNameSafe = propFullName || propName;
-
- if (props[propName] == null) {
- if (isRequired) {
- return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
- }
-
- return null;
- }
-
- for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
- args[_key - 6] = arguments[_key];
- }
-
- return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
- }
-
- var chainedCheckType = checkType.bind(null, false);
- chainedCheckType.isRequired = checkType.bind(null, true);
-
- return chainedCheckType;
- }
-
- /***/ }),
- /* 150 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.EXITING = exports.ENTERED = exports.ENTERING = exports.EXITED = exports.UNMOUNTED = undefined;
-
- var _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; };
-
- var _react = __webpack_require__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- var _reactDom = __webpack_require__(3);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- var _properties = __webpack_require__(41);
-
- var _properties2 = _interopRequireDefault(_properties);
-
- var _on = __webpack_require__(22);
-
- var _on2 = _interopRequireDefault(_on);
-
- var _classnames = __webpack_require__(65);
-
- var _classnames2 = _interopRequireDefault(_classnames);
-
- var _propTypes = __webpack_require__(1);
-
- var _propTypes2 = _interopRequireDefault(_propTypes);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
-
- function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
-
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
-
- var transitionEndEvent = _properties2["default"].end;
-
- //设置状态码
- var UNMOUNTED = exports.UNMOUNTED = 0;
- var EXITED = exports.EXITED = 1;
- var ENTERING = exports.ENTERING = 2;
- var ENTERED = exports.ENTERED = 3;
- var EXITING = exports.EXITING = 4;
-
- var propTypes = {
- /**
- * 是否触发动画
- */
- "in": _propTypes2["default"].bool,
-
- /**
- * 不显示的时候是否移除组件
- */
- unmountOnExit: _propTypes2["default"].bool,
-
- /**
- * 如果设置为默认显示，挂载时显示动画
- */
- transitionAppear: _propTypes2["default"].bool,
-
- /**
- * 设置超时时间，防止出现问题，可设置为>=动画时间
- */
- timeout: _propTypes2["default"].number,
-
- /**
- * 退出组件时添加的class
- */
- exitedClassName: _propTypes2["default"].string,
- /**
- * 退出组件中添加的class
- */
- exitingClassName: _propTypes2["default"].string,
- /**
- * 进入动画后添加的class
- */
- enteredClassName: _propTypes2["default"].string,
- /**
- * 进入动画时添加的class
- */
- enteringClassName: _propTypes2["default"].string,
-
- /**
- * 进入动画开始时的钩子函数
- */
- onEnter: _propTypes2["default"].func,
- /**
- * 进入动画中的钩子函数
- */
- onEntering: _propTypes2["default"].func,
- /**
- * 进入动画后的钩子函数
- */
- onEntered: _propTypes2["default"].func,
- /**
- * 退出动画开始时的钩子函数
- */
- onExit: _propTypes2["default"].func,
- /**
- * 退出动画中的钩子函数
- */
- onExiting: _propTypes2["default"].func,
- /**
- * 退出动画后的钩子函数
- */
- onExited: _propTypes2["default"].func
- };
-
- function noop() {}
-
- var defaultProps = {
- "in": false,
- unmountOnExit: false,
- transitionAppear: false,
- timeout: 5000,
- onEnter: noop,
- onEntering: noop,
- onEntered: noop,
- onExit: noop,
- onExiting: noop,
- onExited: noop
- };
-
- /**
- * 动画组件
- */
-
- var Transition = function (_Component) {
- _inherits(Transition, _Component);
-
- function Transition(props, context) {
- _classCallCheck(this, Transition);
-
- var _this = _possibleConstructorReturn(this, _Component.call(this, props, context));
-
- var initialStatus = void 0;
- if (props["in"]) {
- // 在componentdidmount时开始执行动画
- initialStatus = props.transitionAppear ? EXITED : ENTERED;
- } else {
- initialStatus = props.unmountOnExit ? UNMOUNTED : EXITED;
- }
- _this.state = { status: initialStatus };
-
- _this.nextCallback = null;
- return _this;
- }
-
- Transition.prototype.componentDidMount = function componentDidMount() {
- if (this.props.transitionAppear && this.props["in"]) {
- this.performEnter(this.props);
- }
- };
-
- Transition.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
- if (nextProps["in"] && this.props.unmountOnExit) {
- if (this.state.status === UNMOUNTED) {
- // 在componentDidUpdate执行动画.
- this.setState({ status: EXITED });
- }
- } else {
- this._needsUpdate = true;
- }
- };
-
- Transition.prototype.componentDidUpdate = function componentDidUpdate() {
- var status = this.state.status;
-
- if (this.props.unmountOnExit && status === EXITED) {
- // 当使用unmountOnExit时，exited为exiting和unmont的过渡状态
- if (this.props["in"]) {
- this.performEnter(this.props);
- } else {
- this.setState({ status: UNMOUNTED });
- }
-
- return;
- }
-
- // 确保只响应prop变化
- if (this._needsUpdate) {
- this._needsUpdate = false;
-
- if (this.props["in"]) {
- if (status === EXITING) {
- this.performEnter(this.props);
- } else if (status === EXITED) {
- this.performEnter(this.props);
- }
- // 其他，当我们已经输入或输出
- } else {
- if (status === ENTERING || status === ENTERED) {
- this.performExit(this.props);
- }
- // 我们已经输入或输出完成
- }
- }
- };
-
- Transition.prototype.componentWillUnmount = function componentWillUnmount() {
- this.cancelNextCallback();
- };
-
- Transition.prototype.performEnter = function performEnter(props) {
- var _this2 = this;
-
- this.cancelNextCallback();
- var node = _reactDom2["default"].findDOMNode(this);
-
- // 这里接收新props
- props.onEnter(node);
-
- this.safeSetState({ status: ENTERING }, function () {
- _this2.props.onEntering(node);
-
- _this2.onTransitionEnd(node, function () {
- _this2.safeSetState({ status: ENTERED }, function () {
- _this2.props.onEntered(node);
- });
- });
- });
- };
-
- Transition.prototype.performExit = function performExit(props) {
- var _this3 = this;
-
- this.cancelNextCallback();
- var node = _reactDom2["default"].findDOMNode(this);
-
- props.onExit(node);
-
- this.safeSetState({ status: EXITING }, function () {
- _this3.props.onExiting(node);
-
- _this3.onTransitionEnd(node, function () {
- _this3.safeSetState({ status: EXITED }, function () {
- _this3.props.onExited(node);
- });
- });
- });
- };
-
- Transition.prototype.cancelNextCallback = function cancelNextCallback() {
- if (this.nextCallback !== null) {
- this.nextCallback.cancel();
- this.nextCallback = null;
- }
- };
-
- Transition.prototype.safeSetState = function safeSetState(nextState, callback) {
- // 确保在组件销毁后挂起的setState被消除
- this.setState(nextState, this.setNextCallback(callback));
- };
-
- Transition.prototype.setNextCallback = function setNextCallback(callback) {
- var _this4 = this;
-
- var active = true;
-
- this.nextCallback = function (event) {
- if (active) {
- active = false;
- _this4.nextCallback = null;
-
- callback(event);
- }
- };
-
- this.nextCallback.cancel = function () {
- active = false;
- };
-
- return this.nextCallback;
- };
-
- Transition.prototype.onTransitionEnd = function onTransitionEnd(node, handler) {
- this.setNextCallback(handler);
-
- if (node) {
- if (transitionEndEvent == undefined) {
- this.nextCallback();
- } else {
- (0, _on2["default"])(node, transitionEndEvent, this.nextCallback);
- }
- setTimeout(this.nextCallback, this.props.timeout);
- } else {
- setTimeout(this.nextCallback, 0);
- }
- };
-
- Transition.prototype.render = function render() {
- var status = this.state.status;
- if (status === UNMOUNTED) {
- return null;
- }
-
- var _props = this.props,
- children = _props.children,
- className = _props.className,
- childProps = _objectWithoutProperties(_props, ['children', 'className']);
-
- Object.keys(Transition.propTypes).forEach(function (key) {
- return delete childProps[key];
- });
-
- var transitionClassName = void 0;
- if (status === EXITED) {
- transitionClassName = this.props.exitedClassName;
- } else if (status === ENTERING) {
- transitionClassName = this.props.enteringClassName;
- } else if (status === ENTERED) {
- transitionClassName = this.props.enteredClassName;
- } else if (status === EXITING) {
- transitionClassName = this.props.exitingClassName;
- }
-
- var child = _react2["default"].Children.only(children);
- return _react2["default"].cloneElement(child, _extends({}, childProps, {
- className: (0, _classnames2["default"])(child.props.className, className, transitionClassName)
- }));
- };
-
- return Transition;
- }(_react.Component);
-
- Transition.propTypes = propTypes;
-
- Transition.defaultProps = defaultProps;
-
- exports["default"] = Transition;
-
- /***/ }),
- /* 151 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
- exports.default = createChainableTypeChecker;
- /**
- * Copyright 2013-present, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- */
-
- // Mostly taken from ReactPropTypes.
-
- /* This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
-
- function createChainableTypeChecker(validate) {
- function checkType(isRequired, props, propName, componentName, location, propFullName) {
- var componentNameSafe = componentName || '<>';
- var propFullNameSafe = propFullName || propName;
-
- if (props[propName] == null) {
- if (isRequired) {
- return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
- }
-
- return null;
- }
-
- for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
- args[_key - 6] = arguments[_key];
- }
-
- return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
- }
-
- var chainedCheckType = checkType.bind(null, false);
- chainedCheckType.isRequired = checkType.bind(null, true);
-
- return chainedCheckType;
- }
-
- /***/ }),
- /* 152 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _Notification = __webpack_require__(925);
-
- var _Notification2 = _interopRequireDefault(_Notification);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- exports["default"] = _Notification2["default"];
- module.exports = exports['default'];
-
- /***/ }),
- /* 153 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
- exports.default = createChainableTypeChecker;
- /**
- * Copyright 2013-present, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- */
-
- // Mostly taken from ReactPropTypes.
-
- /* This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
-
- function createChainableTypeChecker(validate) {
- function checkType(isRequired, props, propName, componentName, location, propFullName) {
- var componentNameSafe = componentName || '<>';
- var propFullNameSafe = propFullName || propName;
-
- if (props[propName] == null) {
- if (isRequired) {
- return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
- }
-
- return null;
- }
-
- for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
- args[_key - 6] = arguments[_key];
- }
-
- return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
- }
-
- var chainedCheckType = checkType.bind(null, false);
- chainedCheckType.isRequired = checkType.bind(null, true);
-
- return chainedCheckType;
- }
-
- /***/ }),
- /* 154 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.EXITING = exports.ENTERED = exports.ENTERING = exports.EXITED = exports.UNMOUNTED = undefined;
-
- var _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; };
-
- var _react = __webpack_require__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- var _reactDom = __webpack_require__(3);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- var _properties = __webpack_require__(41);
-
- var _properties2 = _interopRequireDefault(_properties);
-
- var _on = __webpack_require__(22);
-
- var _on2 = _interopRequireDefault(_on);
-
- var _classnames = __webpack_require__(2);
-
- var _classnames2 = _interopRequireDefault(_classnames);
-
- var _propTypes = __webpack_require__(1);
-
- var _propTypes2 = _interopRequireDefault(_propTypes);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
-
- function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
-
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
-
- var transitionEndEvent = _properties2["default"].end;
-
- //设置状态码
- var UNMOUNTED = exports.UNMOUNTED = 0;
- var EXITED = exports.EXITED = 1;
- var ENTERING = exports.ENTERING = 2;
- var ENTERED = exports.ENTERED = 3;
- var EXITING = exports.EXITING = 4;
-
- var propTypes = {
- /**
- * 是否触发动画
- */
- "in": _propTypes2["default"].bool,
-
- /**
- * 不显示的时候是否移除组件
- */
- unmountOnExit: _propTypes2["default"].bool,
-
- /**
- * 如果设置为默认显示，挂载时显示动画
- */
- transitionAppear: _propTypes2["default"].bool,
-
- /**
- * 设置超时时间，防止出现问题，可设置为>=动画时间
- */
- timeout: _propTypes2["default"].number,
-
- /**
- * 退出组件时添加的class
- */
- exitedClassName: _propTypes2["default"].string,
- /**
- * 退出组件中添加的class
- */
- exitingClassName: _propTypes2["default"].string,
- /**
- * 进入动画后添加的class
- */
- enteredClassName: _propTypes2["default"].string,
- /**
- * 进入动画时添加的class
- */
- enteringClassName: _propTypes2["default"].string,
-
- /**
- * 进入动画开始时的钩子函数
- */
- onEnter: _propTypes2["default"].func,
- /**
- * 进入动画中的钩子函数
- */
- onEntering: _propTypes2["default"].func,
- /**
- * 进入动画后的钩子函数
- */
- onEntered: _propTypes2["default"].func,
- /**
- * 退出动画开始时的钩子函数
- */
- onExit: _propTypes2["default"].func,
- /**
- * 退出动画中的钩子函数
- */
- onExiting: _propTypes2["default"].func,
- /**
- * 退出动画后的钩子函数
- */
- onExited: _propTypes2["default"].func
- };
-
- function noop() {}
-
- var defaultProps = {
- "in": false,
- unmountOnExit: false,
- transitionAppear: false,
- timeout: 5000,
- onEnter: noop,
- onEntering: noop,
- onEntered: noop,
- onExit: noop,
- onExiting: noop,
- onExited: noop
- };
-
- /**
- * 动画组件
- */
-
- var Transition = function (_Component) {
- _inherits(Transition, _Component);
-
- function Transition(props, context) {
- _classCallCheck(this, Transition);
-
- var _this = _possibleConstructorReturn(this, _Component.call(this, props, context));
-
- var initialStatus = void 0;
- if (props["in"]) {
- // 在componentdidmount时开始执行动画
- initialStatus = props.transitionAppear ? EXITED : ENTERED;
- } else {
- initialStatus = props.unmountOnExit ? UNMOUNTED : EXITED;
- }
- _this.state = { status: initialStatus };
-
- _this.nextCallback = null;
- return _this;
- }
-
- Transition.prototype.componentDidMount = function componentDidMount() {
- if (this.props.transitionAppear && this.props["in"]) {
- this.performEnter(this.props);
- }
- };
-
- Transition.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
- if (nextProps["in"] && this.props.unmountOnExit) {
- if (this.state.status === UNMOUNTED) {
- // 在componentDidUpdate执行动画.
- this.setState({ status: EXITED });
- }
- } else {
- this._needsUpdate = true;
- }
- };
-
- Transition.prototype.componentDidUpdate = function componentDidUpdate() {
- var status = this.state.status;
-
- if (this.props.unmountOnExit && status === EXITED) {
- // 当使用unmountOnExit时，exited为exiting和unmont的过渡状态
- if (this.props["in"]) {
- this.performEnter(this.props);
- } else {
- this.setState({ status: UNMOUNTED });
- }
-
- return;
- }
-
- // 确保只响应prop变化
- if (this._needsUpdate) {
- this._needsUpdate = false;
-
- if (this.props["in"]) {
- if (status === EXITING) {
- this.performEnter(this.props);
- } else if (status === EXITED) {
- this.performEnter(this.props);
- }
- // 其他，当我们已经输入或输出
- } else {
- if (status === ENTERING || status === ENTERED) {
- this.performExit(this.props);
- }
- // 我们已经输入或输出完成
- }
- }
- };
-
- Transition.prototype.componentWillUnmount = function componentWillUnmount() {
- this.cancelNextCallback();
- };
-
- Transition.prototype.performEnter = function performEnter(props) {
- var _this2 = this;
-
- this.cancelNextCallback();
- var node = _reactDom2["default"].findDOMNode(this);
-
- // 这里接收新props
- props.onEnter(node);
-
- this.safeSetState({ status: ENTERING }, function () {
- _this2.props.onEntering(node);
-
- _this2.onTransitionEnd(node, function () {
- _this2.safeSetState({ status: ENTERED }, function () {
- _this2.props.onEntered(node);
- });
- });
- });
- };
-
- Transition.prototype.performExit = function performExit(props) {
- var _this3 = this;
-
- this.cancelNextCallback();
- var node = _reactDom2["default"].findDOMNode(this);
-
- props.onExit(node);
-
- this.safeSetState({ status: EXITING }, function () {
- _this3.props.onExiting(node);
-
- _this3.onTransitionEnd(node, function () {
- _this3.safeSetState({ status: EXITED }, function () {
- _this3.props.onExited(node);
- });
- });
- });
- };
-
- Transition.prototype.cancelNextCallback = function cancelNextCallback() {
- if (this.nextCallback !== null) {
- this.nextCallback.cancel();
- this.nextCallback = null;
- }
- };
-
- Transition.prototype.safeSetState = function safeSetState(nextState, callback) {
- // 确保在组件销毁后挂起的setState被消除
- this.setState(nextState, this.setNextCallback(callback));
- };
-
- Transition.prototype.setNextCallback = function setNextCallback(callback) {
- var _this4 = this;
-
- var active = true;
-
- this.nextCallback = function (event) {
- if (active) {
- active = false;
- _this4.nextCallback = null;
-
- callback(event);
- }
- };
-
- this.nextCallback.cancel = function () {
- active = false;
- };
-
- return this.nextCallback;
- };
-
- Transition.prototype.onTransitionEnd = function onTransitionEnd(node, handler) {
- this.setNextCallback(handler);
-
- if (node) {
- if (transitionEndEvent == undefined) {
- this.nextCallback();
- } else {
- (0, _on2["default"])(node, transitionEndEvent, this.nextCallback);
- }
- setTimeout(this.nextCallback, this.props.timeout);
- } else {
- setTimeout(this.nextCallback, 0);
- }
- };
-
- Transition.prototype.render = function render() {
- var status = this.state.status;
- if (status === UNMOUNTED) {
- return null;
- }
-
- var _props = this.props,
- children = _props.children,
- className = _props.className,
- childProps = _objectWithoutProperties(_props, ['children', 'className']);
-
- Object.keys(Transition.propTypes).forEach(function (key) {
- return delete childProps[key];
- });
-
- var transitionClassName = void 0;
- if (status === EXITED) {
- transitionClassName = this.props.exitedClassName;
- } else if (status === ENTERING) {
- transitionClassName = this.props.enteringClassName;
- } else if (status === ENTERED) {
- transitionClassName = this.props.enteredClassName;
- } else if (status === EXITING) {
- transitionClassName = this.props.exitingClassName;
- }
-
- var child = _react2["default"].Children.only(children);
- return _react2["default"].cloneElement(child, _extends({}, childProps, {
- className: (0, _classnames2["default"])(child.props.className, className, transitionClassName)
- }));
- };
-
- return Transition;
- }(_react.Component);
-
- Transition.propTypes = propTypes;
-
- Transition.defaultProps = defaultProps;
-
- exports["default"] = Transition;
-
- /***/ }),
- /* 155 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
- exports.default = createChainableTypeChecker;
- /**
- * Copyright 2013-present, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- */
-
- // Mostly taken from ReactPropTypes.
-
- /* This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
-
- function createChainableTypeChecker(validate) {
- function checkType(isRequired, props, propName, componentName, location, propFullName) {
- var componentNameSafe = componentName || '<>';
- var propFullNameSafe = propFullName || propName;
-
- if (props[propName] == null) {
- if (isRequired) {
- return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
- }
-
- return null;
- }
-
- for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
- args[_key - 6] = arguments[_key];
- }
-
- return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
- }
-
- var chainedCheckType = checkType.bind(null, false);
- chainedCheckType.isRequired = checkType.bind(null, true);
-
- return chainedCheckType;
- }
-
- /***/ }),
- /* 156 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.EXITING = exports.ENTERED = exports.ENTERING = exports.EXITED = exports.UNMOUNTED = undefined;
-
- var _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; };
-
- var _react = __webpack_require__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- var _reactDom = __webpack_require__(3);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- var _properties = __webpack_require__(41);
-
- var _properties2 = _interopRequireDefault(_properties);
-
- var _on = __webpack_require__(22);
-
- var _on2 = _interopRequireDefault(_on);
-
- var _classnames = __webpack_require__(2);
-
- var _classnames2 = _interopRequireDefault(_classnames);
-
- var _propTypes = __webpack_require__(1);
-
- var _propTypes2 = _interopRequireDefault(_propTypes);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
-
- function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
-
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
-
- var transitionEndEvent = _properties2["default"].end;
-
- //设置状态码
- var UNMOUNTED = exports.UNMOUNTED = 0;
- var EXITED = exports.EXITED = 1;
- var ENTERING = exports.ENTERING = 2;
- var ENTERED = exports.ENTERED = 3;
- var EXITING = exports.EXITING = 4;
-
- var propTypes = {
- /**
- * 是否触发动画
- */
- "in": _propTypes2["default"].bool,
-
- /**
- * 不显示的时候是否移除组件
- */
- unmountOnExit: _propTypes2["default"].bool,
-
- /**
- * 如果设置为默认显示，挂载时显示动画
- */
- transitionAppear: _propTypes2["default"].bool,
-
- /**
- * 设置超时时间，防止出现问题，可设置为>=动画时间
- */
- timeout: _propTypes2["default"].number,
-
- /**
- * 退出组件时添加的class
- */
- exitedClassName: _propTypes2["default"].string,
- /**
- * 退出组件中添加的class
- */
- exitingClassName: _propTypes2["default"].string,
- /**
- * 进入动画后添加的class
- */
- enteredClassName: _propTypes2["default"].string,
- /**
- * 进入动画时添加的class
- */
- enteringClassName: _propTypes2["default"].string,
-
- /**
- * 进入动画开始时的钩子函数
- */
- onEnter: _propTypes2["default"].func,
- /**
- * 进入动画中的钩子函数
- */
- onEntering: _propTypes2["default"].func,
- /**
- * 进入动画后的钩子函数
- */
- onEntered: _propTypes2["default"].func,
- /**
- * 退出动画开始时的钩子函数
- */
- onExit: _propTypes2["default"].func,
- /**
- * 退出动画中的钩子函数
- */
- onExiting: _propTypes2["default"].func,
- /**
- * 退出动画后的钩子函数
- */
- onExited: _propTypes2["default"].func
- };
-
- function noop() {}
-
- var defaultProps = {
- "in": false,
- unmountOnExit: false,
- transitionAppear: false,
- timeout: 5000,
- onEnter: noop,
- onEntering: noop,
- onEntered: noop,
- onExit: noop,
- onExiting: noop,
- onExited: noop
- };
-
- /**
- * 动画组件
- */
-
- var Transition = function (_Component) {
- _inherits(Transition, _Component);
-
- function Transition(props, context) {
- _classCallCheck(this, Transition);
-
- var _this = _possibleConstructorReturn(this, _Component.call(this, props, context));
-
- var initialStatus = void 0;
- if (props["in"]) {
- // 在componentdidmount时开始执行动画
- initialStatus = props.transitionAppear ? EXITED : ENTERED;
- } else {
- initialStatus = props.unmountOnExit ? UNMOUNTED : EXITED;
- }
- _this.state = { status: initialStatus };
-
- _this.nextCallback = null;
- return _this;
- }
-
- Transition.prototype.componentDidMount = function componentDidMount() {
- if (this.props.transitionAppear && this.props["in"]) {
- this.performEnter(this.props);
- }
- };
-
- Transition.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
- if (nextProps["in"] && this.props.unmountOnExit) {
- if (this.state.status === UNMOUNTED) {
- // 在componentDidUpdate执行动画.
- this.setState({ status: EXITED });
- }
- } else {
- this._needsUpdate = true;
- }
- };
-
- Transition.prototype.componentDidUpdate = function componentDidUpdate() {
- var status = this.state.status;
-
- if (this.props.unmountOnExit && status === EXITED) {
- // 当使用unmountOnExit时，exited为exiting和unmont的过渡状态
- if (this.props["in"]) {
- this.performEnter(this.props);
- } else {
- this.setState({ status: UNMOUNTED });
- }
-
- return;
- }
-
- // 确保只响应prop变化
- if (this._needsUpdate) {
- this._needsUpdate = false;
-
- if (this.props["in"]) {
- if (status === EXITING) {
- this.performEnter(this.props);
- } else if (status === EXITED) {
- this.performEnter(this.props);
- }
- // 其他，当我们已经输入或输出
- } else {
- if (status === ENTERING || status === ENTERED) {
- this.performExit(this.props);
- }
- // 我们已经输入或输出完成
- }
- }
- };
-
- Transition.prototype.componentWillUnmount = function componentWillUnmount() {
- this.cancelNextCallback();
- };
-
- Transition.prototype.performEnter = function performEnter(props) {
- var _this2 = this;
-
- this.cancelNextCallback();
- var node = _reactDom2["default"].findDOMNode(this);
-
- // 这里接收新props
- props.onEnter(node);
-
- this.safeSetState({ status: ENTERING }, function () {
- _this2.props.onEntering(node);
-
- _this2.onTransitionEnd(node, function () {
- _this2.safeSetState({ status: ENTERED }, function () {
- _this2.props.onEntered(node);
- });
- });
- });
- };
-
- Transition.prototype.performExit = function performExit(props) {
- var _this3 = this;
-
- this.cancelNextCallback();
- var node = _reactDom2["default"].findDOMNode(this);
-
- props.onExit(node);
-
- this.safeSetState({ status: EXITING }, function () {
- _this3.props.onExiting(node);
-
- _this3.onTransitionEnd(node, function () {
- _this3.safeSetState({ status: EXITED }, function () {
- _this3.props.onExited(node);
- });
- });
- });
- };
-
- Transition.prototype.cancelNextCallback = function cancelNextCallback() {
- if (this.nextCallback !== null) {
- this.nextCallback.cancel();
- this.nextCallback = null;
- }
- };
-
- Transition.prototype.safeSetState = function safeSetState(nextState, callback) {
- // 确保在组件销毁后挂起的setState被消除
- this.setState(nextState, this.setNextCallback(callback));
- };
-
- Transition.prototype.setNextCallback = function setNextCallback(callback) {
- var _this4 = this;
-
- var active = true;
-
- this.nextCallback = function (event) {
- if (active) {
- active = false;
- _this4.nextCallback = null;
-
- callback(event);
- }
- };
-
- this.nextCallback.cancel = function () {
- active = false;
- };
-
- return this.nextCallback;
- };
-
- Transition.prototype.onTransitionEnd = function onTransitionEnd(node, handler) {
- this.setNextCallback(handler);
-
- if (node) {
- if (transitionEndEvent == undefined) {
- this.nextCallback();
- } else {
- (0, _on2["default"])(node, transitionEndEvent, this.nextCallback);
- }
- setTimeout(this.nextCallback, this.props.timeout);
- } else {
- setTimeout(this.nextCallback, 0);
- }
- };
-
- Transition.prototype.render = function render() {
- var status = this.state.status;
- if (status === UNMOUNTED) {
- return null;
- }
-
- var _props = this.props,
- children = _props.children,
- className = _props.className,
- childProps = _objectWithoutProperties(_props, ['children', 'className']);
-
- Object.keys(Transition.propTypes).forEach(function (key) {
- return delete childProps[key];
- });
-
- var transitionClassName = void 0;
- if (status === EXITED) {
- transitionClassName = this.props.exitedClassName;
- } else if (status === ENTERING) {
- transitionClassName = this.props.enteringClassName;
- } else if (status === ENTERED) {
- transitionClassName = this.props.enteredClassName;
- } else if (status === EXITING) {
- transitionClassName = this.props.exitingClassName;
- }
-
- var child = _react2["default"].Children.only(children);
- return _react2["default"].cloneElement(child, _extends({}, childProps, {
- className: (0, _classnames2["default"])(child.props.className, className, transitionClassName)
- }));
- };
-
- return Transition;
- }(_react.Component);
-
- Transition.propTypes = propTypes;
-
- Transition.defaultProps = defaultProps;
-
- exports["default"] = Transition;
-
- /***/ }),
- /* 157 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
- exports.default = createChainableTypeChecker;
- /**
- * Copyright 2013-present, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- */
-
- // Mostly taken from ReactPropTypes.
-
- /* This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
-
- function createChainableTypeChecker(validate) {
- function checkType(isRequired, props, propName, componentName, location, propFullName) {
- var componentNameSafe = componentName || '<>';
- var propFullNameSafe = propFullName || propName;
-
- if (props[propName] == null) {
- if (isRequired) {
- return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
- }
-
- return null;
- }
-
- for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
- args[_key - 6] = arguments[_key];
- }
-
- return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
- }
-
- var chainedCheckType = checkType.bind(null, false);
- chainedCheckType.isRequired = checkType.bind(null, true);
-
- return chainedCheckType;
- }
-
- /***/ }),
- /* 158 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
- exports.default = createChainableTypeChecker;
- /**
- * Copyright 2013-present, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- */
-
- // Mostly taken from ReactPropTypes.
-
- /* This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
-
- function createChainableTypeChecker(validate) {
- function checkType(isRequired, props, propName, componentName, location, propFullName) {
- var componentNameSafe = componentName || '<>';
- var propFullNameSafe = propFullName || propName;
-
- if (props[propName] == null) {
- if (isRequired) {
- return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
- }
-
- return null;
- }
-
- for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
- args[_key - 6] = arguments[_key];
- }
-
- return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
- }
-
- var chainedCheckType = checkType.bind(null, false);
- chainedCheckType.isRequired = checkType.bind(null, true);
-
- return chainedCheckType;
- }
-
- /***/ }),
- /* 159 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _react = __webpack_require__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- var _propTypes = __webpack_require__(1);
-
- var _propTypes2 = _interopRequireDefault(_propTypes);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
-
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); } /**
- * This source code is quoted from rc-select.
- * homepage: https://github.com/react-component/select
- */
-
-
- var Option = function (_React$Component) {
- _inherits(Option, _React$Component);
-
- function Option() {
- _classCallCheck(this, Option);
-
- return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));
- }
-
- return Option;
- }(_react2["default"].Component);
-
- Option.propTypes = {
- value: _propTypes2["default"].oneOfType([_propTypes2["default"].string, _propTypes2["default"].number])
- };
- Option.isSelectOption = true;
- exports["default"] = Option;
- module.exports = exports['default'];
-
- /***/ }),
- /* 160 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.UNSELECTABLE_ATTRIBUTE = exports.UNSELECTABLE_STYLE = undefined;
-
- var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
-
- exports.toTitle = toTitle;
- exports.getValuePropValue = getValuePropValue;
- exports.getPropValue = getPropValue;
- exports.isMultiple = isMultiple;
- exports.isCombobox = isCombobox;
- exports.isMultipleOrTags = isMultipleOrTags;
- exports.isMultipleOrTagsOrCombobox = isMultipleOrTagsOrCombobox;
- exports.isSingleMode = isSingleMode;
- exports.toArray = toArray;
- exports.getMapKey = getMapKey;
- exports.preventDefaultEvent = preventDefaultEvent;
- exports.findIndexInValueBySingleValue = findIndexInValueBySingleValue;
- exports.getLabelFromPropsValue = getLabelFromPropsValue;
- exports.getSelectKeys = getSelectKeys;
- exports.findFirstMenuItem = findFirstMenuItem;
- exports.includesSeparators = includesSeparators;
- exports.splitBySeparators = splitBySeparators;
- exports.defaultFilterFn = defaultFilterFn;
- exports.validateOptionValue = validateOptionValue;
- exports.saveRef = saveRef;
-
- var _react = __webpack_require__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- function toTitle(title) {
- if (typeof title === 'string') {
- return title;
- }
- return null;
- }
-
- function getValuePropValue(child) {
- if (!child) {
- return null;
- }
-
- var props = child.props;
- if ('value' in props) {
- return props.value;
- }
- if (child.key) {
- return child.key;
- }
- if (child.type && child.type.isSelectOptGroup && props.label) {
- return props.label;
- }
- throw new Error('Need at least a key or a value or a label (only for OptGroup) for ' + child);
- }
-
- function getPropValue(child, prop) {
- if (prop === 'value') {
- return getValuePropValue(child);
- }
- return child.props[prop];
- }
-
- function isMultiple(props) {
- return props.multiple;
- }
-
- function isCombobox(props) {
- return props.combobox;
- }
-
- function isMultipleOrTags(props) {
- return props.multiple || props.tags;
- }
-
- function isMultipleOrTagsOrCombobox(props) {
- return isMultipleOrTags(props) || isCombobox(props);
- }
-
- function isSingleMode(props) {
- return !isMultipleOrTagsOrCombobox(props);
- }
-
- function toArray(value) {
- var ret = value;
- if (value === undefined) {
- ret = [];
- } else if (!Array.isArray(value)) {
- ret = [value];
- }
- return ret;
- }
-
- function getMapKey(value) {
- return (typeof value === 'undefined' ? 'undefined' : _typeof(value)) + '-' + value;
- }
-
- function preventDefaultEvent(e) {
- e.preventDefault();
- }
-
- function findIndexInValueBySingleValue(value, singleValue) {
- var index = -1;
- for (var i = 0; i < value.length; i++) {
- if (value[i] === singleValue) {
- index = i;
- break;
- }
- }
- return index;
- }
-
- function getLabelFromPropsValue(value, key) {
- var label = void 0;
- value = toArray(value);
- for (var i = 0; i < value.length; i++) {
- if (value[i].key === key) {
- label = value[i].label;
- break;
- }
- }
- return label;
- }
-
- function getSelectKeys(menuItems, value) {
- if (value === null || value === undefined) {
- return [];
- }
- var selectedKeys = [];
- _react2["default"].Children.forEach(menuItems, function (item) {
- if (item.type.isMenuItemGroup) {
- selectedKeys = selectedKeys.concat(getSelectKeys(item.props.children, value));
- } else {
- var itemValue = getValuePropValue(item);
- var itemKey = item.key;
- if (findIndexInValueBySingleValue(value, itemValue) !== -1 && itemKey) {
- selectedKeys.push(itemKey);
- }
- }
- });
- return selectedKeys;
- }
-
- var UNSELECTABLE_STYLE = exports.UNSELECTABLE_STYLE = {
- userSelect: 'none',
- WebkitUserSelect: 'none'
- };
-
- var UNSELECTABLE_ATTRIBUTE = exports.UNSELECTABLE_ATTRIBUTE = {
- unselectable: 'on'
- };
-
- function findFirstMenuItem(children) {
- for (var i = 0; i < children.length; i++) {
- var child = children[i];
- if (child.type.isMenuItemGroup) {
- var found = findFirstMenuItem(child.props.children);
- if (found) {
- return found;
- }
- } else if (!child.props.disabled) {
- return child;
- }
- }
- return null;
- }
-
- function includesSeparators(string, separators) {
- for (var i = 0; i < separators.length; ++i) {
- if (string.lastIndexOf(separators[i]) > 0) {
- return true;
- }
- }
- return false;
- }
-
- function splitBySeparators(string, separators) {
- var reg = new RegExp('[' + separators.join() + ']');
- return string.split(reg).filter(function (token) {
- return token;
- });
- }
-
- function defaultFilterFn(input, child) {
- if (child.props.disabled) {
- return false;
- }
- var value = toArray(getPropValue(child, this.props.optionFilterProp)).join('');
- return value.toLowerCase().indexOf(input.toLowerCase()) > -1;
- }
-
- function validateOptionValue(value, props) {
- if (isSingleMode(props) || isMultiple(props)) {
- return;
- }
- if (typeof value !== 'string') {
- throw new Error('Invalid `value` of type `' + (typeof value === 'undefined' ? 'undefined' : _typeof(value)) + '` supplied to Option, ' + 'expected `string` when `tags/combobox` is `true`.');
- }
- }
-
- function saveRef(instance, name) {
- return function (node) {
- instance[name] = node;
- };
- }
-
- /***/ }),
- /* 161 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
- exports.default = createChainableTypeChecker;
- /**
- * Copyright 2013-present, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- */
-
- // Mostly taken from ReactPropTypes.
-
- /* This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
-
- function createChainableTypeChecker(validate) {
- function checkType(isRequired, props, propName, componentName, location, propFullName) {
- var componentNameSafe = componentName || '<>';
- var propFullNameSafe = propFullName || propName;
-
- if (props[propName] == null) {
- if (isRequired) {
- return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
- }
-
- return null;
- }
-
- for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
- args[_key - 6] = arguments[_key];
- }
-
- return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
- }
-
- var chainedCheckType = checkType.bind(null, false);
- chainedCheckType.isRequired = checkType.bind(null, true);
-
- return chainedCheckType;
- }
-
- /***/ }),
- /* 162 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
- exports.default = createChainableTypeChecker;
- /**
- * Copyright 2013-present, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- */
-
- // Mostly taken from ReactPropTypes.
-
- /* This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
-
- function createChainableTypeChecker(validate) {
- function checkType(isRequired, props, propName, componentName, location, propFullName) {
- var componentNameSafe = componentName || '<>';
- var propFullNameSafe = propFullName || propName;
-
- if (props[propName] == null) {
- if (isRequired) {
- return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
- }
-
- return null;
- }
-
- for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
- args[_key - 6] = arguments[_key];
- }
-
- return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
- }
-
- var chainedCheckType = checkType.bind(null, false);
- chainedCheckType.isRequired = checkType.bind(null, true);
-
- return chainedCheckType;
- }
-
- /***/ }),
- /* 163 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
- exports.default = createChainableTypeChecker;
- /**
- * Copyright 2013-present, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- */
-
- // Mostly taken from ReactPropTypes.
-
- /* This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
-
- function createChainableTypeChecker(validate) {
- function checkType(isRequired, props, propName, componentName, location, propFullName) {
- var componentNameSafe = componentName || '<>';
- var propFullNameSafe = propFullName || propName;
-
- if (props[propName] == null) {
- if (isRequired) {
- return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
- }
-
- return null;
- }
-
- for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
- args[_key - 6] = arguments[_key];
- }
-
- return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
- }
-
- var chainedCheckType = checkType.bind(null, false);
- chainedCheckType.isRequired = checkType.bind(null, true);
-
- return chainedCheckType;
- }
-
- /***/ }),
- /* 164 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _inDOM = __webpack_require__(55);
-
- var _inDOM2 = _interopRequireDefault(_inDOM);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- var on = function on() {};
- if (_inDOM2.default) {
- on = function () {
-
- if (document.addEventListener) return function (node, eventName, handler, capture) {
- return node.addEventListener(eventName, handler, capture || false);
- };else if (document.attachEvent) return function (node, eventName, handler) {
- return node.attachEvent('on' + eventName, handler);
- };
- }();
- }
-
- exports.default = on;
- module.exports = exports['default'];
-
- /***/ }),
- /* 165 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _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; }; /*eslint-disable react/prop-types */
-
-
- var _react = __webpack_require__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- var _propTypes = __webpack_require__(1);
-
- var _propTypes2 = _interopRequireDefault(_propTypes);
-
- var _warning = __webpack_require__(10);
-
- var _warning2 = _interopRequireDefault(_warning);
-
- var _tinperBeeCore = __webpack_require__(324);
-
- var _Portal = __webpack_require__(1178);
-
- var _Portal2 = _interopRequireDefault(_Portal);
-
- var _ModalManager = __webpack_require__(1179);
-
- var _ModalManager2 = _interopRequireDefault(_ModalManager);
-
- var _ownerDocument = __webpack_require__(326);
-
- var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
-
- var _addEventListener = __webpack_require__(1183);
-
- var _addEventListener2 = _interopRequireDefault(_addEventListener);
-
- var _addFocusListener = __webpack_require__(1184);
-
- var _addFocusListener2 = _interopRequireDefault(_addFocusListener);
-
- var _inDOM = __webpack_require__(52);
-
- var _inDOM2 = _interopRequireDefault(_inDOM);
-
- var _activeElement = __webpack_require__(1185);
-
- var _activeElement2 = _interopRequireDefault(_activeElement);
-
- var _contains = __webpack_require__(27);
-
- var _contains2 = _interopRequireDefault(_contains);
-
- var _getContainer = __webpack_require__(327);
-
- var _getContainer2 = _interopRequireDefault(_getContainer);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
-
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
-
- var modalManager = new _ModalManager2["default"]();
-
- /**
- * 模态框
- */
-
- var propTypes = _extends({}, _Portal2["default"].propTypes, {
-
- /**
- * 是否显示
- */
- show: _propTypes2["default"].bool,
-
- /**
- * 容器
- */
- container: _propTypes2["default"].oneOfType([_tinperBeeCore.componentOrElement, _propTypes2["default"].func]),
-
- /**
- * 当模态框打开时的钩子函数
- */
- onShow: _propTypes2["default"].func,
-
- /**
- * 当show参数为false时触发的模态框关闭时的钩子函数
- */
- onHide: _propTypes2["default"].func,
-
- /**
- * 是否包含背景
- */
- backdrop: _propTypes2["default"].oneOfType([_propTypes2["default"].bool, _propTypes2["default"].oneOf(['static'])]),
-
- /**
- *返回背景组件的函数
- */
- renderBackdrop: _propTypes2["default"].func,
-
- /**
- * 设置esc键特殊钩子函数
- */
- onEscapeKeyUp: _propTypes2["default"].func,
-
- /**
- * 当点击背景时触发的函数
- */
- onBackdropClick: _propTypes2["default"].func,
-
- /**
- * 背景的style
- */
- backdropStyle: _propTypes2["default"].object,
-
- /**
- * 背景的class
- */
- backdropClassName: _propTypes2["default"].string,
-
- /**
- *容器的class
- */
- containerClassName: _propTypes2["default"].string,
-
- /**
- * 按esc键是否关闭模态框
- */
- keyboard: _propTypes2["default"].bool,
-
- /**
- * 动画组件
- */
- transition: _tinperBeeCore.elementType,
-
- /**
- * 设置动画超时时间
- */
- dialogTransitionTimeout: _propTypes2["default"].number,
-
- /**
- * 设置背景动画超时时间
- */
- backdropTransitionTimeout: _propTypes2["default"].number,
-
- /**
- * 是否自动设置焦点
- */
- autoFocus: _propTypes2["default"].bool,
-
- /**
- * 防止焦点离开模态框
- */
- enforceFocus: _propTypes2["default"].bool,
-
- /**
- * 模态框进入时的钩子函数
- */
- onEnter: _propTypes2["default"].func,
-
- /**
- * 模态框开始进入时的钩子函数
- */
- onEntering: _propTypes2["default"].func,
-
- /**
- * 模态框进入后的钩子函数
- */
- onEntered: _propTypes2["default"].func,
-
- /**
- * 模态框退出时的钩子函数
- */
- onExit: _propTypes2["default"].func,
-
- /**
- * 模态框开始退出时的钩子函数
- */
- onExiting: _propTypes2["default"].func,
-
- /**
- * 模态框推出后的钩子函数
- */
- onExited: _propTypes2["default"].func,
-
- /**
- *管理model状态的实例
- */
- manager: _propTypes2["default"].object.isRequired
- });
-
- var defaultProps = {
- show: false,
- backdrop: true,
- keyboard: true,
- autoFocus: true,
- enforceFocus: true,
- onHide: function onHide() {},
- manager: modalManager,
- renderBackdrop: function renderBackdrop(props) {
- return _react2["default"].createElement('div', props);
- }
- };
-
- var BaseModal = function (_Component) {
- _inherits(BaseModal, _Component);
-
- function BaseModal(props, content) {
- _classCallCheck(this, BaseModal);
-
- var _this = _possibleConstructorReturn(this, _Component.call(this, props));
-
- _this.state = {
- exited: !_this.props.show
- };
-
- _this.onShow = _this.onShow.bind(_this);
- _this.onHide = _this.onHide.bind(_this);
- _this.setMountNode = _this.setMountNode.bind(_this);
- _this.handleHidden = _this.handleHidden.bind(_this);
- _this.handleBackdropClick = _this.handleBackdropClick.bind(_this);
- _this.handleDocumentKeyUp = _this.handleDocumentKeyUp.bind(_this);
- _this.checkForFocus = _this.checkForFocus.bind(_this);
- _this.focus = _this.focus.bind(_this);
- _this.restoreLastFocus = _this.restoreLastFocus.bind(_this);
- _this.enforceFocus = _this.enforceFocus.bind(_this);
- _this.getDialogElement = _this.getDialogElement.bind(_this);
- _this.isTopModal = _this.isTopModal.bind(_this);
- _this.renderBackdrop = _this.renderBackdrop.bind(_this);
- return _this;
- }
-
- BaseModal.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
- if (nextProps.show) {
- this.setState({ exited: false });
- } else if (!nextProps.transition) {
- // Otherwise let handleHidden take care of marking exited.
- this.setState({ exited: true });
- }
- };
-
- BaseModal.prototype.componentWillUpdate = function componentWillUpdate(nextProps) {
- if (!this.props.show && nextProps.show) {
- this.checkForFocus();
- }
- };
-
- BaseModal.prototype.componentDidMount = function componentDidMount() {
- if (this.props.show) {
- this.onShow();
- }
- this.mounted = true;
- };
-
- BaseModal.prototype.componentDidUpdate = function componentDidUpdate(prevProps) {
- var transition = this.props.transition;
-
-
- if (prevProps.show && !this.props.show && !transition) {
- // Otherwise handleHidden will call this.
- this.onHide();
- } else if (!prevProps.show && this.props.show) {
- this.onShow();
- }
- };
-
- BaseModal.prototype.componentWillUnmount = function componentWillUnmount() {
- var _props = this.props,
- show = _props.show,
- transition = _props.transition;
-
-
- if (show || transition && !this.state.exited) {
- this.onHide();
- }
-
- this.mounted = false;
- };
-
- BaseModal.prototype.onShow = function onShow() {
- var doc = (0, _ownerDocument2["default"])(this);
- var container = (0, _getContainer2["default"])(this.props.container, doc.body);
-
- this.props.manager.add(this, container, this.props.containerClassName);
-
- this._onDocumentKeyupListener = (0, _addEventListener2["default"])(doc, 'keyup', this.handleDocumentKeyUp);
-
- this._onFocusinListener = (0, _addFocusListener2["default"])(this.enforceFocus);
-
- this.focus();
-
- if (this.props.onShow) {
- this.props.onShow();
- }
- };
-
- BaseModal.prototype.onHide = function onHide() {
- this.props.manager.remove(this);
-
- this._onDocumentKeyupListener.remove();
-
- this._onFocusinListener.remove();
-
- this.restoreLastFocus();
- };
-
- BaseModal.prototype.setMountNode = function setMountNode(ref) {
- this.mountNode = ref ? ref.getMountNode() : ref;
- };
-
- BaseModal.prototype.handleHidden = function handleHidden() {
- this.setState({ exited: true });
- this.onHide();
-
- if (this.props.onExited) {
- var _props2;
-
- (_props2 = this.props).onExited.apply(_props2, arguments);
- }
- };
-
- BaseModal.prototype.handleBackdropClick = function handleBackdropClick(e) {
- if (e.target !== e.currentTarget) {
- return;
- }
-
- if (this.props.onBackdropClick) {
- this.props.onBackdropClick(e);
- }
-
- if (this.props.backdrop === true) {
- this.props.onHide();
- }
- };
-
- BaseModal.prototype.handleDocumentKeyUp = function handleDocumentKeyUp(e) {
- if (this.props.keyboard && e.keyCode === 27 && this.isTopModal()) {
- if (this.props.onEscapeKeyUp) {
- this.props.onEscapeKeyUp(e);
- }
- this.props.onHide();
- }
- };
-
- BaseModal.prototype.checkForFocus = function checkForFocus() {
- if (_inDOM2["default"]) {
- this.lastFocus = (0, _activeElement2["default"])();
- }
- };
-
- BaseModal.prototype.focus = function focus() {
- var autoFocus = this.props.autoFocus;
- var modalContent = this.getDialogElement();
- var current = (0, _activeElement2["default"])((0, _ownerDocument2["default"])(this));
- var focusInModal = current && (0, _contains2["default"])(modalContent, current);
-
- if (modalContent && autoFocus && !focusInModal) {
- this.lastFocus = current;
-
- if (!modalContent.hasAttribute('tabIndex')) {
- modalContent.setAttribute('tabIndex', -1);
- (0, _warning2["default"])(false, 'The modal content node does not accept focus. ' + 'For the benefit of assistive technologies, the tabIndex of the node is being set to "-1".');
- }
-
- modalContent.focus();
- }
- };
-
- BaseModal.prototype.restoreLastFocus = function restoreLastFocus() {
- // Support: <=IE11 doesn't support `focus()` on svg elements (RB: #917)
- if (this.lastFocus && this.lastFocus.focus) {
- this.lastFocus.focus();
- this.lastFocus = null;
- }
- };
-
- BaseModal.prototype.enforceFocus = function enforceFocus() {
- var enforceFocus = this.props.enforceFocus;
-
-
- if (!enforceFocus || !this.mounted || !this.isTopModal()) {
- return;
- }
-
- var active = (0, _activeElement2["default"])((0, _ownerDocument2["default"])(this));
- var modal = this.getDialogElement();
-
- if (modal && modal !== active && !(0, _contains2["default"])(modal, active)) {
- modal.focus();
- }
- };
-
- //instead of a ref, which might conflict with one the parent applied.
-
-
- BaseModal.prototype.getDialogElement = function getDialogElement() {
- var node = this.refs.modal;
- return node && node.lastChild;
- };
-
- BaseModal.prototype.isTopModal = function isTopModal() {
- return this.props.manager.isTopModal(this);
- };
-
- BaseModal.prototype.renderBackdrop = function renderBackdrop() {
- var _this2 = this;
-
- var _props3 = this.props,
- backdropStyle = _props3.backdropStyle,
- backdropClassName = _props3.backdropClassName,
- renderBackdrop = _props3.renderBackdrop,
- Transition = _props3.transition,
- backdropTransitionTimeout = _props3.backdropTransitionTimeout;
-
-
- var backdropRef = function backdropRef(ref) {
- return _this2.backdrop = ref;
- };
-
- var backdrop = _react2["default"].createElement('div', {
- ref: backdropRef,
- style: this.props.backdropStyle,
- className: this.props.backdropClassName,
- onClick: this.handleBackdropClick
- });
-
- if (Transition) {
- backdrop = _react2["default"].createElement(
- Transition,
- { transitionAppear: true,
- 'in': this.props.show,
- timeout: backdropTransitionTimeout
- },
- renderBackdrop({
- ref: backdropRef,
- style: backdropStyle,
- className: backdropClassName,
- onClick: this.handleBackdropClick
- })
- );
- }
-
- return backdrop;
- };
-
- BaseModal.prototype.render = function render() {
- var _props4 = this.props,
- show = _props4.show,
- container = _props4.container,
- children = _props4.children,
- Transition = _props4.transition,
- backdrop = _props4.backdrop,
- dialogTransitionTimeout = _props4.dialogTransitionTimeout,
- className = _props4.className,
- style = _props4.style,
- onExit = _props4.onExit,
- onExiting = _props4.onExiting,
- onEnter = _props4.onEnter,
- onEntering = _props4.onEntering,
- onEntered = _props4.onEntered;
-
-
- var dialog = _react2["default"].Children.only(children);
-
- var mountModal = show || Transition && !this.state.exited;
- if (!mountModal) {
- return null;
- }
-
- var _dialog$props = dialog.props,
- role = _dialog$props.role,
- tabIndex = _dialog$props.tabIndex;
-
-
- if (role === undefined || tabIndex === undefined) {
- dialog = (0, _react.cloneElement)(dialog, {
- role: role === undefined ? 'document' : role,
- tabIndex: tabIndex == null ? '-1' : tabIndex
- });
- }
-
- if (Transition) {
- dialog = _react2["default"].createElement(
- Transition,
- {
- transitionAppear: true,
- unmountOnExit: true,
- 'in': show,
- timeout: dialogTransitionTimeout,
- onExit: onExit,
- onExiting: onExiting,
- onExited: this.handleHidden,
- onEnter: onEnter,
- onEntering: onEntering,
- onEntered: onEntered
- },
- dialog
- );
- }
-
- return _react2["default"].createElement(
- _Portal2["default"],
- {
- ref: this.setMountNode,
- container: container
- },
- _react2["default"].createElement(
- 'div',
- {
- ref: 'modal',
- role: role || 'dialog',
- style: style,
- className: className
- },
- backdrop && this.renderBackdrop(),
- dialog
- )
- );
- };
-
- return BaseModal;
- }(_react.Component);
-
- ;
-
- BaseModal.Manager = _ModalManager2["default"];
-
- BaseModal.propTypes = propTypes;
- BaseModal.defaultProps = defaultProps;
-
- exports["default"] = BaseModal;
- module.exports = exports['default'];
-
- /***/ }),
- /* 166 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
- exports.default = createChainableTypeChecker;
- /**
- * Copyright 2013-present, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- */
-
- // Mostly taken from ReactPropTypes.
-
- /* This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
-
- function createChainableTypeChecker(validate) {
- function checkType(isRequired, props, propName, componentName, location, propFullName) {
- var componentNameSafe = componentName || '<>';
- var propFullNameSafe = propFullName || propName;
-
- if (props[propName] == null) {
- if (isRequired) {
- return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
- }
-
- return null;
- }
-
- for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
- args[_key - 6] = arguments[_key];
- }
-
- return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
- }
-
- var chainedCheckType = checkType.bind(null, false);
- chainedCheckType.isRequired = checkType.bind(null, true);
-
- return chainedCheckType;
- }
-
- /***/ }),
- /* 167 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
- exports.default = createChainableTypeChecker;
- /**
- * Copyright 2013-present, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- */
-
- // Mostly taken from ReactPropTypes.
-
- /* This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
-
- function createChainableTypeChecker(validate) {
- function checkType(isRequired, props, propName, componentName, location, propFullName) {
- var componentNameSafe = componentName || '<>';
- var propFullNameSafe = propFullName || propName;
-
- if (props[propName] == null) {
- if (isRequired) {
- return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
- }
-
- return null;
- }
-
- for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
- args[_key - 6] = arguments[_key];
- }
-
- return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
- }
-
- var chainedCheckType = checkType.bind(null, false);
- chainedCheckType.isRequired = checkType.bind(null, true);
-
- return chainedCheckType;
- }
-
- /***/ }),
- /* 168 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.EXITING = exports.ENTERED = exports.ENTERING = exports.EXITED = exports.UNMOUNTED = undefined;
-
- var _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; };
-
- var _react = __webpack_require__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- var _reactDom = __webpack_require__(3);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- var _properties = __webpack_require__(332);
-
- var _properties2 = _interopRequireDefault(_properties);
-
- var _on = __webpack_require__(164);
-
- var _on2 = _interopRequireDefault(_on);
-
- var _classnames = __webpack_require__(2);
-
- var _classnames2 = _interopRequireDefault(_classnames);
-
- var _propTypes = __webpack_require__(1);
-
- var _propTypes2 = _interopRequireDefault(_propTypes);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
-
- function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
-
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
-
- var transitionEndEvent = _properties2["default"].end;
-
- //设置状态码
- var UNMOUNTED = exports.UNMOUNTED = 0;
- var EXITED = exports.EXITED = 1;
- var ENTERING = exports.ENTERING = 2;
- var ENTERED = exports.ENTERED = 3;
- var EXITING = exports.EXITING = 4;
-
- var propTypes = {
- /**
- * 是否触发动画
- */
- "in": _propTypes2["default"].bool,
-
- /**
- * 不显示的时候是否移除组件
- */
- unmountOnExit: _propTypes2["default"].bool,
-
- /**
- * 如果设置为默认显示，挂载时显示动画
- */
- transitionAppear: _propTypes2["default"].bool,
-
- /**
- * 设置超时时间，防止出现问题，可设置为>=动画时间
- */
- timeout: _propTypes2["default"].number,
-
- /**
- * 退出组件时添加的class
- */
- exitedClassName: _propTypes2["default"].string,
- /**
- * 退出组件中添加的class
- */
- exitingClassName: _propTypes2["default"].string,
- /**
- * 进入动画后添加的class
- */
- enteredClassName: _propTypes2["default"].string,
- /**
- * 进入动画时添加的class
- */
- enteringClassName: _propTypes2["default"].string,
-
- /**
- * 进入动画开始时的钩子函数
- */
- onEnter: _propTypes2["default"].func,
- /**
- * 进入动画中的钩子函数
- */
- onEntering: _propTypes2["default"].func,
- /**
- * 进入动画后的钩子函数
- */
- onEntered: _propTypes2["default"].func,
- /**
- * 退出动画开始时的钩子函数
- */
- onExit: _propTypes2["default"].func,
- /**
- * 退出动画中的钩子函数
- */
- onExiting: _propTypes2["default"].func,
- /**
- * 退出动画后的钩子函数
- */
- onExited: _propTypes2["default"].func
- };
-
- function noop() {}
-
- var defaultProps = {
- "in": false,
- unmountOnExit: false,
- transitionAppear: false,
- timeout: 5000,
- onEnter: noop,
- onEntering: noop,
- onEntered: noop,
- onExit: noop,
- onExiting: noop,
- onExited: noop
- };
-
- /**
- * 动画组件
- */
-
- var Transition = function (_Component) {
- _inherits(Transition, _Component);
-
- function Transition(props, context) {
- _classCallCheck(this, Transition);
-
- var _this = _possibleConstructorReturn(this, _Component.call(this, props, context));
-
- var initialStatus = void 0;
- if (props["in"]) {
- // 在componentdidmount时开始执行动画
- initialStatus = props.transitionAppear ? EXITED : ENTERED;
- } else {
- initialStatus = props.unmountOnExit ? UNMOUNTED : EXITED;
- }
- _this.state = { status: initialStatus };
-
- _this.nextCallback = null;
- return _this;
- }
-
- Transition.prototype.componentDidMount = function componentDidMount() {
- if (this.props.transitionAppear && this.props["in"]) {
- this.performEnter(this.props);
- }
- };
-
- Transition.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
- if (nextProps["in"] && this.props.unmountOnExit) {
- if (this.state.status === UNMOUNTED) {
- // 在componentDidUpdate执行动画.
- this.setState({ status: EXITED });
- }
- } else {
- this._needsUpdate = true;
- }
- };
-
- Transition.prototype.componentDidUpdate = function componentDidUpdate() {
- var status = this.state.status;
-
- if (this.props.unmountOnExit && status === EXITED) {
- // 当使用unmountOnExit时，exited为exiting和unmont的过渡状态
- if (this.props["in"]) {
- this.performEnter(this.props);
- } else {
- this.setState({ status: UNMOUNTED });
- }
-
- return;
- }
-
- // 确保只响应prop变化
- if (this._needsUpdate) {
- this._needsUpdate = false;
-
- if (this.props["in"]) {
- if (status === EXITING) {
- this.performEnter(this.props);
- } else if (status === EXITED) {
- this.performEnter(this.props);
- }
- // 其他，当我们已经输入或输出
- } else {
- if (status === ENTERING || status === ENTERED) {
- this.performExit(this.props);
- }
- // 我们已经输入或输出完成
- }
- }
- };
-
- Transition.prototype.componentWillUnmount = function componentWillUnmount() {
- this.cancelNextCallback();
- };
-
- Transition.prototype.performEnter = function performEnter(props) {
- var _this2 = this;
-
- this.cancelNextCallback();
- var node = _reactDom2["default"].findDOMNode(this);
-
- // 这里接收新props
- props.onEnter(node);
-
- this.safeSetState({ status: ENTERING }, function () {
- _this2.props.onEntering(node);
-
- _this2.onTransitionEnd(node, function () {
- _this2.safeSetState({ status: ENTERED }, function () {
- _this2.props.onEntered(node);
- });
- });
- });
- };
-
- Transition.prototype.performExit = function performExit(props) {
- var _this3 = this;
-
- this.cancelNextCallback();
- var node = _reactDom2["default"].findDOMNode(this);
-
- props.onExit(node);
-
- this.safeSetState({ status: EXITING }, function () {
- _this3.props.onExiting(node);
-
- _this3.onTransitionEnd(node, function () {
- _this3.safeSetState({ status: EXITED }, function () {
- _this3.props.onExited(node);
- });
- });
- });
- };
-
- Transition.prototype.cancelNextCallback = function cancelNextCallback() {
- if (this.nextCallback !== null) {
- this.nextCallback.cancel();
- this.nextCallback = null;
- }
- };
-
- Transition.prototype.safeSetState = function safeSetState(nextState, callback) {
- // 确保在组件销毁后挂起的setState被消除
- this.setState(nextState, this.setNextCallback(callback));
- };
-
- Transition.prototype.setNextCallback = function setNextCallback(callback) {
- var _this4 = this;
-
- var active = true;
-
- this.nextCallback = function (event) {
- if (active) {
- active = false;
- _this4.nextCallback = null;
-
- callback(event);
- }
- };
-
- this.nextCallback.cancel = function () {
- active = false;
- };
-
- return this.nextCallback;
- };
-
- Transition.prototype.onTransitionEnd = function onTransitionEnd(node, handler) {
- this.setNextCallback(handler);
-
- if (node) {
- if (transitionEndEvent == undefined) {
- this.nextCallback();
- } else {
- (0, _on2["default"])(node, transitionEndEvent, this.nextCallback);
- }
- setTimeout(this.nextCallback, this.props.timeout);
- } else {
- setTimeout(this.nextCallback, 0);
- }
- };
-
- Transition.prototype.render = function render() {
- var status = this.state.status;
- if (status === UNMOUNTED) {
- return null;
- }
-
- var _props = this.props,
- children = _props.children,
- className = _props.className,
- childProps = _objectWithoutProperties(_props, ['children', 'className']);
-
- Object.keys(Transition.propTypes).forEach(function (key) {
- return delete childProps[key];
- });
-
- var transitionClassName = void 0;
- if (status === EXITED) {
- transitionClassName = this.props.exitedClassName;
- } else if (status === ENTERING) {
- transitionClassName = this.props.enteringClassName;
- } else if (status === ENTERED) {
- transitionClassName = this.props.enteredClassName;
- } else if (status === EXITING) {
- transitionClassName = this.props.exitingClassName;
- }
-
- var child = _react2["default"].Children.only(children);
- return _react2["default"].cloneElement(child, _extends({}, childProps, {
- className: (0, _classnames2["default"])(child.props.className, className, transitionClassName)
- }));
- };
-
- return Transition;
- }(_react.Component);
-
- Transition.propTypes = propTypes;
-
- Transition.defaultProps = defaultProps;
-
- exports["default"] = Transition;
-
- /***/ }),
- /* 169 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _Dnd = __webpack_require__(1212);
-
- var _Dnd2 = _interopRequireDefault(_Dnd);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- exports["default"] = _Dnd2["default"];
- module.exports = exports['default'];
-
- /***/ }),
- /* 170 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* harmony export (immutable) */ __webpack_exports__["a"] = warning;
- /**
- * Prints a warning in the console if it exists.
- *
- * @param {String} message The warning message.
- * @returns {void}
- */
- function warning(message) {
- /* eslint-disable no-console */
- if (typeof console !== 'undefined' && typeof console.error === 'function') {
- console.error(message);
- }
- /* eslint-enable no-console */
-
-
- try {
- // This error was thrown as a convenience so that if you enable
- // "break on all exceptions" in your console,
- // it would pause the execution at this line.
- throw new Error(message);
- /* eslint-disable no-empty */
- } catch (e) {}
- /* eslint-enable no-empty */
-
- }
-
- /***/ }),
- /* 171 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* harmony export (immutable) */ __webpack_exports__["a"] = _extends;
- 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);
- }
-
- /***/ }),
- /* 172 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* harmony export (immutable) */ __webpack_exports__["a"] = _objectWithoutPropertiesLoose;
- function _objectWithoutPropertiesLoose(source, excluded) {
- if (source == null) return {};
- var target = {};
- var sourceKeys = Object.keys(source);
- var key, i;
-
- for (i = 0; i < sourceKeys.length; i++) {
- key = sourceKeys[i];
- if (excluded.indexOf(key) >= 0) continue;
- target[key] = source[key];
- }
-
- return target;
- }
-
- /***/ }),
- /* 173 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- // currently used to initiate the velocity style object to 0
-
-
- exports.__esModule = true;
- exports['default'] = mapToZero;
-
- function mapToZero(obj) {
- var ret = {};
- for (var key in obj) {
- if (Object.prototype.hasOwnProperty.call(obj, key)) {
- ret[key] = 0;
- }
- }
- return ret;
- }
-
- module.exports = exports['default'];
-
- /***/ }),
- /* 174 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- // stepper is used a lot. Saves allocation to return the same array wrapper.
- // This is fine and danger-free against mutations because the callsite
- // immediately destructures it and gets the numbers inside without passing the
-
-
- exports.__esModule = true;
- exports["default"] = stepper;
-
- var reusedTuple = [0, 0];
-
- function stepper(secondPerFrame, x, v, destX, k, b, precision) {
- // Spring stiffness, in kg / s^2
-
- // for animations, destX is really spring length (spring at rest). initial
- // position is considered as the stretched/compressed position of a spring
- var Fspring = -k * (x - destX);
-
- // Damping, in kg / s
- var Fdamper = -b * v;
-
- // usually we put mass here, but for animation purposes, specifying mass is a
- // bit redundant. you could simply adjust k and b accordingly
- // let a = (Fspring + Fdamper) / mass;
- var a = Fspring + Fdamper;
-
- var newV = v + a * secondPerFrame;
- var newX = x + newV * secondPerFrame;
-
- if (Math.abs(newV) < precision && Math.abs(newX - destX) < precision) {
- reusedTuple[0] = destX;
- reusedTuple[1] = 0;
- return reusedTuple;
- }
-
- reusedTuple[0] = newX;
- reusedTuple[1] = newV;
- return reusedTuple;
- }
-
- module.exports = exports["default"];
- // array reference around.
-
- /***/ }),
- /* 175 */
- /***/ (function(module, exports, __webpack_require__) {
-
- /* WEBPACK VAR INJECTION */(function(process) {// Generated by CoffeeScript 1.7.1
- (function() {
- var getNanoSeconds, hrtime, loadTime;
-
- if ((typeof performance !== "undefined" && performance !== null) && performance.now) {
- module.exports = function() {
- return performance.now();
- };
- } else if ((typeof process !== "undefined" && process !== null) && process.hrtime) {
- module.exports = function() {
- return (getNanoSeconds() - loadTime) / 1e6;
- };
- hrtime = process.hrtime;
- getNanoSeconds = function() {
- var hr;
- hr = hrtime();
- return hr[0] * 1e9 + hr[1];
- };
- loadTime = getNanoSeconds();
- } else if (Date.now) {
- module.exports = function() {
- return Date.now() - loadTime;
- };
- loadTime = Date.now();
- } else {
- module.exports = function() {
- return new Date().getTime() - loadTime;
- };
- loadTime = new Date().getTime();
- }
-
- }).call(this);
-
- /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(9)))
-
- /***/ }),
- /* 176 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- // usage assumption: currentStyle values have already been rendered but it says
- // nothing of whether currentStyle is stale (see unreadPropStyle)
-
-
- exports.__esModule = true;
- exports['default'] = shouldStopAnimation;
-
- function shouldStopAnimation(currentStyle, style, currentVelocity) {
- for (var key in style) {
- if (!Object.prototype.hasOwnProperty.call(style, key)) {
- continue;
- }
-
- if (currentVelocity[key] !== 0) {
- return false;
- }
-
- var styleValue = typeof style[key] === 'number' ? style[key] : style[key].val;
- // stepper will have already taken care of rounding precision errors, so
- // won't have such thing as 0.9999 !=== 1
- if (currentStyle[key] !== styleValue) {
- return false;
- }
- }
-
- return true;
- }
-
- module.exports = exports['default'];
-
- /***/ }),
- /* 177 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
-
-
- var classCallCheck = function (instance, Constructor) {
- if (!(instance instanceof Constructor)) {
- throw new TypeError("Cannot call a class as a function");
- }
- };
-
- var createClass = 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);
- }
- }
-
- return function (Constructor, protoProps, staticProps) {
- if (protoProps) defineProperties(Constructor.prototype, protoProps);
- if (staticProps) defineProperties(Constructor, staticProps);
- return Constructor;
- };
- }();
-
- var _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;
- };
-
- var inherits = function (subClass, superClass) {
- if (typeof superClass !== "function" && superClass !== null) {
- throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
- }
-
- subClass.prototype = Object.create(superClass && superClass.prototype, {
- constructor: {
- value: subClass,
- enumerable: false,
- writable: true,
- configurable: true
- }
- });
- if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
- };
-
- var possibleConstructorReturn = function (self, call) {
- if (!self) {
- throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
- }
-
- return call && (typeof call === "object" || typeof call === "function") ? call : self;
- };
-
- var styles = {
- base: {
- position: 'absolute',
- userSelect: 'none',
- MsUserSelect: 'none'
- },
- top: {
- width: '100%',
- height: '10px',
- top: '-5px',
- left: '0px',
- cursor: 'row-resize'
- },
- right: {
- width: '10px',
- height: '100%',
- top: '0px',
- right: '-5px',
- cursor: 'col-resize'
- },
- bottom: {
- width: '100%',
- height: '10px',
- bottom: '-5px',
- left: '0px',
- cursor: 'row-resize'
- },
- left: {
- width: '10px',
- height: '100%',
- top: '0px',
- left: '-5px',
- cursor: 'col-resize'
- },
- topRight: {
- width: '20px',
- height: '20px',
- position: 'absolute',
- right: '-10px',
- top: '-10px',
- cursor: 'ne-resize'
- },
- bottomRight: {
- width: '20px',
- height: '20px',
- position: 'absolute',
- right: '-10px',
- bottom: '-10px',
- cursor: 'se-resize'
- },
- bottomLeft: {
- width: '20px',
- height: '20px',
- position: 'absolute',
- left: '-10px',
- bottom: '-10px',
- cursor: 'sw-resize'
- },
- topLeft: {
- width: '20px',
- height: '20px',
- position: 'absolute',
- left: '-10px',
- top: '-10px',
- cursor: 'nw-resize'
- }
- };
-
- var Resizer = (function (props) {
- return Object(__WEBPACK_IMPORTED_MODULE_0_react__["createElement"])(
- 'div',
- {
- className: props.className,
- style: _extends({}, styles.base, styles[props.direction], props.replaceStyles || {}),
- onMouseDown: function onMouseDown(e) {
- props.onResizeStart(e, props.direction);
- },
- onTouchStart: function onTouchStart(e) {
- props.onResizeStart(e, props.direction);
- }
- },
- props.children
- );
- });
-
- var userSelectNone = {
- userSelect: 'none',
- MozUserSelect: 'none',
- WebkitUserSelect: 'none',
- MsUserSelect: 'none'
- };
-
- var userSelectAuto = {
- userSelect: 'auto',
- MozUserSelect: 'auto',
- WebkitUserSelect: 'auto',
- MsUserSelect: 'auto'
- };
-
- var clamp = function clamp(n, min, max) {
- return Math.max(Math.min(n, max), min);
- };
- var snap = function snap(n, size) {
- return Math.round(n / size) * size;
- };
-
- var findClosestSnap = function findClosestSnap(n, snapArray) {
- return snapArray.reduce(function (prev, curr) {
- return Math.abs(curr - n) < Math.abs(prev - n) ? curr : prev;
- });
- };
-
- var endsWith = function endsWith(str, searchStr) {
- return str.substr(str.length - searchStr.length, searchStr.length) === searchStr;
- };
-
- var getStringSize = function getStringSize(n) {
- if (n.toString() === 'auto') return n.toString();
- if (endsWith(n.toString(), 'px')) return n.toString();
- if (endsWith(n.toString(), '%')) return n.toString();
- if (endsWith(n.toString(), 'vh')) return n.toString();
- if (endsWith(n.toString(), 'vw')) return n.toString();
- if (endsWith(n.toString(), 'vmax')) return n.toString();
- if (endsWith(n.toString(), 'vmin')) return n.toString();
- return n + 'px';
- };
-
- var definedProps = ['style', 'className', 'grid', 'snap', 'bounds', 'size', 'defaultSize', 'minWidth', 'minHeight', 'maxWidth', 'maxHeight', 'lockAspectRatio', 'lockAspectRatioExtraWidth', 'lockAspectRatioExtraHeight', 'enable', 'handleStyles', 'handleClasses', 'handleWrapperStyle', 'handleWrapperClass', 'children', 'onResizeStart', 'onResize', 'onResizeStop', 'handleComponent', 'scale', 'resizeRatio'];
-
- var baseClassName = '__resizable_base__';
-
- var Resizable = function (_React$Component) {
- inherits(Resizable, _React$Component);
-
- function Resizable(props) {
- classCallCheck(this, Resizable);
-
- var _this = possibleConstructorReturn(this, (Resizable.__proto__ || Object.getPrototypeOf(Resizable)).call(this, props));
-
- _this.state = {
- isResizing: false,
- resizeCursor: 'auto',
- width: typeof (_this.propsSize && _this.propsSize.width) === 'undefined' ? 'auto' : _this.propsSize && _this.propsSize.width,
- height: typeof (_this.propsSize && _this.propsSize.height) === 'undefined' ? 'auto' : _this.propsSize && _this.propsSize.height,
- direction: 'right',
- original: {
- x: 0,
- y: 0,
- width: 0,
- height: 0
- }
- };
-
- _this.updateExtendsProps(props);
- _this.onResizeStart = _this.onResizeStart.bind(_this);
- _this.onMouseMove = _this.onMouseMove.bind(_this);
- _this.onMouseUp = _this.onMouseUp.bind(_this);
-
- if (typeof window !== 'undefined') {
- window.addEventListener('mouseup', _this.onMouseUp);
- window.addEventListener('mousemove', _this.onMouseMove);
- window.addEventListener('mouseleave', _this.onMouseUp);
- window.addEventListener('touchmove', _this.onMouseMove);
- window.addEventListener('touchend', _this.onMouseUp);
- }
- return _this;
- }
-
- createClass(Resizable, [{
- key: 'updateExtendsProps',
- value: function updateExtendsProps(props) {
- this.extendsProps = Object.keys(props).reduce(function (acc, key) {
- if (definedProps.indexOf(key) !== -1) return acc;
- acc[key] = props[key];
- return acc;
- }, {});
- }
- }, {
- key: 'getParentSize',
- value: function getParentSize() {
- var base = this.base;
-
- if (!base) return { width: window.innerWidth, height: window.innerHeight };
- // INFO: To calculate parent width with flex layout
- var wrapChanged = false;
- var wrap = this.parentNode.style.flexWrap;
- var minWidth = base.style.minWidth;
- if (wrap !== 'wrap') {
- wrapChanged = true;
- this.parentNode.style.flexWrap = 'wrap';
- // HACK: Use relative to get parent padding size
- }
- base.style.position = 'relative';
- base.style.minWidth = '100%';
- var size = {
- width: base.offsetWidth,
- height: base.offsetHeight
- };
- base.style.position = 'absolute';
- if (wrapChanged) this.parentNode.style.flexWrap = wrap;
- base.style.minWidth = minWidth;
- return size;
- }
- }, {
- key: 'componentDidMount',
- value: function componentDidMount() {
- var size = this.size;
-
- this.setState({
- width: this.state.width || size.width,
- height: this.state.height || size.height
- });
- var parent = this.parentNode;
- if (!(parent instanceof HTMLElement)) return;
- if (this.base) return;
- var element = document.createElement('div');
- element.style.width = '100%';
- element.style.height = '100%';
- element.style.position = 'absolute';
- element.style.transform = 'scale(0, 0)';
- element.style.left = '0';
- element.style.flex = '0';
- if (element.classList) {
- element.classList.add(baseClassName);
- } else {
- element.className += baseClassName;
- }
- parent.appendChild(element);
- }
- }, {
- key: 'componentWillReceiveProps',
- value: function componentWillReceiveProps(next) {
- this.updateExtendsProps(next);
- }
- }, {
- key: 'componentWillUnmount',
- value: function componentWillUnmount() {
- if (typeof window !== 'undefined') {
- window.removeEventListener('mouseup', this.onMouseUp);
- window.removeEventListener('mousemove', this.onMouseMove);
- window.removeEventListener('mouseleave', this.onMouseUp);
- window.removeEventListener('touchmove', this.onMouseMove);
- window.removeEventListener('touchend', this.onMouseUp);
- var parent = this.parentNode;
- var base = this.base;
-
- if (!base || !parent) return;
- if (!(parent instanceof HTMLElement) || !(base instanceof Node)) return;
- parent.removeChild(base);
- }
- }
- }, {
- key: 'calculateNewSize',
- value: function calculateNewSize(newSize, kind) {
- var propsSize = this.propsSize && this.propsSize[kind];
- return this.state[kind] === 'auto' && this.state.original[kind] === newSize && (typeof propsSize === 'undefined' || propsSize === 'auto') ? 'auto' : newSize;
- }
- }, {
- key: 'onResizeStart',
- value: function onResizeStart(event, direction) {
- var clientX = 0;
- var clientY = 0;
- if (event.nativeEvent instanceof MouseEvent) {
- clientX = event.nativeEvent.clientX;
- clientY = event.nativeEvent.clientY;
-
- // When user click with right button the resize is stuck in resizing mode
- // until users clicks again, dont continue if right click is used.
- // HACK: MouseEvent does not have `which` from flow-bin v0.68.
- if (event.nativeEvent.which === 3) {
- return;
- }
- } else if (event.nativeEvent instanceof TouchEvent) {
- clientX = event.nativeEvent.touches[0].clientX;
- clientY = event.nativeEvent.touches[0].clientY;
- }
- if (this.props.onResizeStart) {
- this.props.onResizeStart(event, direction, this.resizable);
- }
-
- // Fix #168
- if (this.props.size) {
- if (typeof this.props.size.height !== 'undefined' && this.props.size.height !== this.state.height) {
- this.setState({ height: this.props.size.height });
- }
- if (typeof this.props.size.width !== 'undefined' && this.props.size.width !== this.state.width) {
- this.setState({ width: this.props.size.width });
- }
- }
-
- this.setState({
- original: {
- x: clientX,
- y: clientY,
- width: this.size.width,
- height: this.size.height
- },
- isResizing: true,
- resizeCursor: window.getComputedStyle(event.target).cursor,
- direction: direction
- });
- }
- }, {
- key: 'onMouseMove',
- value: function onMouseMove(event) {
- if (!this.state.isResizing) return;
- var clientX = event instanceof MouseEvent ? event.clientX : event.touches[0].clientX;
- var clientY = event instanceof MouseEvent ? event.clientY : event.touches[0].clientY;
- var _state = this.state,
- direction = _state.direction,
- original = _state.original,
- width = _state.width,
- height = _state.height;
- var _props = this.props,
- lockAspectRatio = _props.lockAspectRatio,
- lockAspectRatioExtraHeight = _props.lockAspectRatioExtraHeight,
- lockAspectRatioExtraWidth = _props.lockAspectRatioExtraWidth;
-
- var scale = this.props.scale || 1;
- var _props2 = this.props,
- maxWidth = _props2.maxWidth,
- maxHeight = _props2.maxHeight,
- minWidth = _props2.minWidth,
- minHeight = _props2.minHeight;
-
- var resizeRatio = this.props.resizeRatio || 1;
-
- // TODO: refactor
- var parentSize = this.getParentSize();
- if (maxWidth && typeof maxWidth === 'string' && endsWith(maxWidth, '%')) {
- var _ratio = Number(maxWidth.replace('%', '')) / 100;
- maxWidth = parentSize.width * _ratio;
- }
- if (maxHeight && typeof maxHeight === 'string' && endsWith(maxHeight, '%')) {
- var _ratio2 = Number(maxHeight.replace('%', '')) / 100;
- maxHeight = parentSize.height * _ratio2;
- }
- if (minWidth && typeof minWidth === 'string' && endsWith(minWidth, '%')) {
- var _ratio3 = Number(minWidth.replace('%', '')) / 100;
- minWidth = parentSize.width * _ratio3;
- }
- if (minHeight && typeof minHeight === 'string' && endsWith(minHeight, '%')) {
- var _ratio4 = Number(minHeight.replace('%', '')) / 100;
- minHeight = parentSize.height * _ratio4;
- }
- maxWidth = typeof maxWidth === 'undefined' ? undefined : Number(maxWidth);
- maxHeight = typeof maxHeight === 'undefined' ? undefined : Number(maxHeight);
- minWidth = typeof minWidth === 'undefined' ? undefined : Number(minWidth);
- minHeight = typeof minHeight === 'undefined' ? undefined : Number(minHeight);
-
- var ratio = typeof lockAspectRatio === 'number' ? lockAspectRatio : original.width / original.height;
- var newWidth = original.width;
- var newHeight = original.height;
- if (/right/i.test(direction)) {
- newWidth = original.width + (clientX - original.x) * resizeRatio / scale;
- if (lockAspectRatio) newHeight = (newWidth - lockAspectRatioExtraWidth) / ratio + lockAspectRatioExtraHeight;
- }
- if (/left/i.test(direction)) {
- newWidth = original.width - (clientX - original.x) * resizeRatio / scale;
- if (lockAspectRatio) newHeight = (newWidth - lockAspectRatioExtraWidth) / ratio + lockAspectRatioExtraHeight;
- }
- if (/bottom/i.test(direction)) {
- newHeight = original.height + (clientY - original.y) * resizeRatio / scale;
- if (lockAspectRatio) newWidth = (newHeight - lockAspectRatioExtraHeight) * ratio + lockAspectRatioExtraWidth;
- }
- if (/top/i.test(direction)) {
- newHeight = original.height - (clientY - original.y) * resizeRatio / scale;
- if (lockAspectRatio) newWidth = (newHeight - lockAspectRatioExtraHeight) * ratio + lockAspectRatioExtraWidth;
- }
-
- if (this.props.bounds === 'parent') {
- var parent = this.parentNode;
- if (parent instanceof HTMLElement) {
- var parentRect = parent.getBoundingClientRect();
- var parentLeft = parentRect.left;
- var parentTop = parentRect.top;
-
- var _resizable$getBoundin = this.resizable.getBoundingClientRect(),
- _left = _resizable$getBoundin.left,
- _top = _resizable$getBoundin.top;
-
- var boundWidth = parent.offsetWidth + (parentLeft - _left);
- var boundHeight = parent.offsetHeight + (parentTop - _top);
- maxWidth = maxWidth && maxWidth < boundWidth ? maxWidth : boundWidth;
- maxHeight = maxHeight && maxHeight < boundHeight ? maxHeight : boundHeight;
- }
- } else if (this.props.bounds === 'window') {
- if (typeof window !== 'undefined') {
- var _resizable$getBoundin2 = this.resizable.getBoundingClientRect(),
- _left2 = _resizable$getBoundin2.left,
- _top2 = _resizable$getBoundin2.top;
-
- var _boundWidth = window.innerWidth - _left2;
- var _boundHeight = window.innerHeight - _top2;
- maxWidth = maxWidth && maxWidth < _boundWidth ? maxWidth : _boundWidth;
- maxHeight = maxHeight && maxHeight < _boundHeight ? maxHeight : _boundHeight;
- }
- } else if (this.props.bounds instanceof HTMLElement) {
- var targetRect = this.props.bounds.getBoundingClientRect();
- var targetLeft = targetRect.left;
- var targetTop = targetRect.top;
-
- var _resizable$getBoundin3 = this.resizable.getBoundingClientRect(),
- _left3 = _resizable$getBoundin3.left,
- _top3 = _resizable$getBoundin3.top;
-
- if (!(this.props.bounds instanceof HTMLElement)) return;
- var _boundWidth2 = this.props.bounds.offsetWidth + (targetLeft - _left3);
- var _boundHeight2 = this.props.bounds.offsetHeight + (targetTop - _top3);
- maxWidth = maxWidth && maxWidth < _boundWidth2 ? maxWidth : _boundWidth2;
- maxHeight = maxHeight && maxHeight < _boundHeight2 ? maxHeight : _boundHeight2;
- }
-
- var computedMinWidth = typeof minWidth === 'undefined' ? 10 : minWidth;
- var computedMaxWidth = typeof maxWidth === 'undefined' || maxWidth < 0 ? newWidth : maxWidth;
- var computedMinHeight = typeof minHeight === 'undefined' ? 10 : minHeight;
- var computedMaxHeight = typeof maxHeight === 'undefined' || maxHeight < 0 ? newHeight : maxHeight;
-
- if (lockAspectRatio) {
- var extraMinWidth = (computedMinHeight - lockAspectRatioExtraHeight) * ratio + lockAspectRatioExtraWidth;
- var extraMaxWidth = (computedMaxHeight - lockAspectRatioExtraHeight) * ratio + lockAspectRatioExtraWidth;
- var extraMinHeight = (computedMinWidth - lockAspectRatioExtraWidth) / ratio + lockAspectRatioExtraHeight;
- var extraMaxHeight = (computedMaxWidth - lockAspectRatioExtraWidth) / ratio + lockAspectRatioExtraHeight;
- var lockedMinWidth = Math.max(computedMinWidth, extraMinWidth);
- var lockedMaxWidth = Math.min(computedMaxWidth, extraMaxWidth);
- var lockedMinHeight = Math.max(computedMinHeight, extraMinHeight);
- var lockedMaxHeight = Math.min(computedMaxHeight, extraMaxHeight);
- newWidth = clamp(newWidth, lockedMinWidth, lockedMaxWidth);
- newHeight = clamp(newHeight, lockedMinHeight, lockedMaxHeight);
- } else {
- newWidth = clamp(newWidth, computedMinWidth, computedMaxWidth);
- newHeight = clamp(newHeight, computedMinHeight, computedMaxHeight);
- }
- if (this.props.grid) {
- newWidth = snap(newWidth, this.props.grid[0]);
- }
- if (this.props.grid) {
- newHeight = snap(newHeight, this.props.grid[1]);
- }
-
- if (this.props.snap && this.props.snap.x) {
- newWidth = findClosestSnap(newWidth, this.props.snap.x);
- }
- if (this.props.snap && this.props.snap.y) {
- newHeight = findClosestSnap(newHeight, this.props.snap.y);
- }
-
- var delta = {
- width: newWidth - original.width,
- height: newHeight - original.height
- };
-
- if (width && typeof width === 'string' && endsWith(width, '%')) {
- var percent = newWidth / parentSize.width * 100;
- newWidth = percent + '%';
- }
-
- if (height && typeof height === 'string' && endsWith(height, '%')) {
- var _percent = newHeight / parentSize.height * 100;
- newHeight = _percent + '%';
- }
-
- this.setState({
- width: this.calculateNewSize(newWidth, 'width'),
- height: this.calculateNewSize(newHeight, 'height')
- });
-
- if (this.props.onResize) {
- this.props.onResize(event, direction, this.resizable, delta);
- }
- }
- }, {
- key: 'onMouseUp',
- value: function onMouseUp(event) {
- var _state2 = this.state,
- isResizing = _state2.isResizing,
- direction = _state2.direction,
- original = _state2.original;
-
- if (!isResizing) return;
- var delta = {
- width: this.size.width - original.width,
- height: this.size.height - original.height
- };
- if (this.props.onResizeStop) {
- this.props.onResizeStop(event, direction, this.resizable, delta);
- }
- if (this.props.size) {
- this.setState(this.props.size);
- }
- this.setState({ isResizing: false, resizeCursor: 'auto' });
- }
- }, {
- key: 'updateSize',
- value: function updateSize(size) {
- this.setState({ width: size.width, height: size.height });
- }
- }, {
- key: 'renderResizer',
- value: function renderResizer() {
- var _this2 = this;
-
- var _props3 = this.props,
- enable = _props3.enable,
- handleStyles = _props3.handleStyles,
- handleClasses = _props3.handleClasses,
- handleWrapperStyle = _props3.handleWrapperStyle,
- handleWrapperClass = _props3.handleWrapperClass,
- handleComponent = _props3.handleComponent;
-
- if (!enable) return null;
- var resizers = Object.keys(enable).map(function (dir) {
- if (enable[dir] !== false) {
- return Object(__WEBPACK_IMPORTED_MODULE_0_react__["createElement"])(
- Resizer,
- {
- key: dir,
- direction: dir,
- onResizeStart: _this2.onResizeStart,
- replaceStyles: handleStyles && handleStyles[dir],
- className: handleClasses && handleClasses[dir]
- },
- handleComponent && handleComponent[dir] ? Object(__WEBPACK_IMPORTED_MODULE_0_react__["createElement"])(handleComponent[dir]) : null
- );
- }
- return null;
- });
- // #93 Wrap the resize box in span (will not break 100% width/height)
- return Object(__WEBPACK_IMPORTED_MODULE_0_react__["createElement"])(
- 'span',
- { className: handleWrapperClass, style: handleWrapperStyle },
- resizers
- );
- }
- }, {
- key: 'render',
- value: function render() {
- var _this3 = this;
-
- var userSelect = this.state.isResizing ? userSelectNone : userSelectAuto;
- return Object(__WEBPACK_IMPORTED_MODULE_0_react__["createElement"])(
- 'div',
- _extends({
- ref: function ref(c) {
- if (c) {
- _this3.resizable = c;
- }
- },
- style: _extends({
- position: 'relative'
- }, userSelect, this.props.style, this.sizeStyle, {
- maxWidth: this.props.maxWidth,
- maxHeight: this.props.maxHeight,
- minWidth: this.props.minWidth,
- minHeight: this.props.minHeight,
- boxSizing: 'border-box'
- }),
- className: this.props.className
- }, this.extendsProps),
- this.state.isResizing && Object(__WEBPACK_IMPORTED_MODULE_0_react__["createElement"])('div', {
- style: {
- height: '100%',
- width: '100%',
- backgroundColor: 'rgba(0,0,0,0)',
- cursor: '' + (this.state.resizeCursor || 'auto'),
- opacity: '0',
- position: 'fixed',
- zIndex: '9999',
- top: '0',
- left: '0',
- bottom: '0',
- right: '0'
- }
- }),
- this.props.children,
- this.renderResizer()
- );
- }
- }, {
- key: 'parentNode',
- get: function get$$1() {
- return this.resizable.parentNode;
- }
- }, {
- key: 'propsSize',
- get: function get$$1() {
- return this.props.size || this.props.defaultSize;
- }
- }, {
- key: 'base',
- get: function get$$1() {
- var parent = this.parentNode;
- if (!parent) return undefined;
- var children = [].slice.call(parent.children);
- for (var i = 0; i < children.length; i += 1) {
- var n = children[i];
- if (n instanceof HTMLElement) {
- if (n.classList.contains(baseClassName)) {
- return n;
- }
- }
- }
- return undefined;
- }
- }, {
- key: 'size',
- get: function get$$1() {
- var width = 0;
- var height = 0;
- if (typeof window !== 'undefined') {
- var orgWidth = this.resizable.offsetWidth;
- var orgHeight = this.resizable.offsetHeight;
- // HACK: Set position `relative` to get parent size.
- // This is because when re-resizable set `absolute`, I can not get base width correctly.
- var orgPosition = this.resizable.style.position;
- if (orgPosition !== 'relative') {
- this.resizable.style.position = 'relative';
- }
- // INFO: Use original width or height if set auto.
- width = this.resizable.style.width !== 'auto' ? this.resizable.offsetWidth : orgWidth;
- height = this.resizable.style.height !== 'auto' ? this.resizable.offsetHeight : orgHeight;
- // Restore original position
- this.resizable.style.position = orgPosition;
- }
- return { width: width, height: height };
- }
- }, {
- key: 'sizeStyle',
- get: function get$$1() {
- var _this4 = this;
-
- var size = this.props.size;
-
- var getSize = function getSize(key) {
- if (typeof _this4.state[key] === 'undefined' || _this4.state[key] === 'auto') return 'auto';
- if (_this4.propsSize && _this4.propsSize[key] && endsWith(_this4.propsSize[key].toString(), '%')) {
- if (endsWith(_this4.state[key].toString(), '%')) return _this4.state[key].toString();
- var parentSize = _this4.getParentSize();
- var value = Number(_this4.state[key].toString().replace('px', ''));
- var percent = value / parentSize[key] * 100;
- return percent + '%';
- }
- return getStringSize(_this4.state[key]);
- };
- var width = size && typeof size.width !== 'undefined' && !this.state.isResizing ? getStringSize(size.width) : getSize('width');
- var height = size && typeof size.height !== 'undefined' && !this.state.isResizing ? getStringSize(size.height) : getSize('height');
- return { width: width, height: height };
- }
- }]);
- return Resizable;
- }(__WEBPACK_IMPORTED_MODULE_0_react__["Component"]);
-
- Resizable.defaultProps = {
- onResizeStart: function onResizeStart() {},
- onResize: function onResize() {},
- onResizeStop: function onResizeStop() {},
- enable: {
- top: true,
- right: true,
- bottom: true,
- left: true,
- topRight: true,
- bottomRight: true,
- bottomLeft: true,
- topLeft: true
- },
- style: {},
- grid: [1, 1],
- lockAspectRatio: false,
- lockAspectRatioExtraWidth: 0,
- lockAspectRatioExtraHeight: 0,
- scale: 1,
- resizeRatio: 1
- };
-
- /* harmony default export */ __webpack_exports__["default"] = (Resizable);
-
-
- /***/ }),
- /* 178 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.toArray = toArray;
- exports.getActiveIndex = getActiveIndex;
- exports.getActiveKey = getActiveKey;
- exports.setTransform = setTransform;
- exports.isTransformSupported = isTransformSupported;
- exports.setTransition = setTransition;
- exports.getTransformPropValue = getTransformPropValue;
- exports.isVertical = isVertical;
- exports.getTransformByIndex = getTransformByIndex;
- exports.getMarginStyle = getMarginStyle;
- exports.getStyle = getStyle;
- exports.setPxStyle = setPxStyle;
-
- var _react = __webpack_require__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } /**
- * This source code is quoted from rc-tabs.
- * homepage: https://github.com/react-component/tabs
- */
-
-
- function toArray(children) {
- // allow [c,[a,b]]
- var c = [];
- _react2["default"].Children.forEach(children, function (child) {
- if (child) {
- c.push(child);
- }
- });
- return c;
- }
-
- function getActiveIndex(children, activeKey) {
- var c = toArray(children);
- for (var i = 0; i < c.length; i++) {
- if (c[i].key === activeKey) {
- return i;
- }
- }
- return -1;
- }
-
- function getActiveKey(children, index) {
- var c = toArray(children);
- return c[index].key;
- }
-
- function setTransform(style, v) {
- style.transform = v;
- style.webkitTransform = v;
- style.mozTransform = v;
- }
-
- function isTransformSupported(style) {
- return 'transform' in style || 'webkitTransform' in style || 'MozTransform' in style;
- }
-
- function setTransition(style, v) {
- style.transition = v;
- style.webkitTransition = v;
- style.MozTransition = v;
- }
- function getTransformPropValue(v) {
- return {
- transform: v,
- WebkitTransform: v,
- MozTransform: v
- };
- }
-
- function isVertical(tabBarPosition) {
- return tabBarPosition === 'left' || tabBarPosition === 'right';
- }
-
- function getTransformByIndex(index, tabBarPosition) {
- var translate = isVertical(tabBarPosition) ? 'translateY' : 'translateX';
- return translate + '(' + -index * 100 + '%) translateZ(0)';
- }
-
- function getMarginStyle(index, tabBarPosition) {
- var marginDirection = isVertical(tabBarPosition) ? 'marginTop' : 'marginLeft';
- return _defineProperty({}, marginDirection, -index * 100 + '%');
- }
-
- function getStyle(el, property) {
- return +getComputedStyle(el).getPropertyValue(property).replace('px', '');
- }
-
- function setPxStyle(el, property, value) {
- el.style[property] = value + 'px';
- }
-
- /***/ }),
- /* 179 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
- exports.default = createChainableTypeChecker;
- /**
- * Copyright 2013-present, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- */
-
- // Mostly taken from ReactPropTypes.
-
- /* This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
-
- function createChainableTypeChecker(validate) {
- function checkType(isRequired, props, propName, componentName, location, propFullName) {
- var componentNameSafe = componentName || '<>';
- var propFullNameSafe = propFullName || propName;
-
- if (props[propName] == null) {
- if (isRequired) {
- return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
- }
-
- return null;
- }
-
- for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
- args[_key - 6] = arguments[_key];
- }
-
- return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
- }
-
- var chainedCheckType = checkType.bind(null, false);
- chainedCheckType.isRequired = checkType.bind(null, true);
-
- return chainedCheckType;
- }
-
- /***/ }),
- /* 180 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
- exports.default = createChainableTypeChecker;
- /**
- * Copyright 2013-present, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- */
-
- // Mostly taken from ReactPropTypes.
-
- /* This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
-
- function createChainableTypeChecker(validate) {
- function checkType(isRequired, props, propName, componentName, location, propFullName) {
- var componentNameSafe = componentName || '<>';
- var propFullNameSafe = propFullName || propName;
-
- if (props[propName] == null) {
- if (isRequired) {
- return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
- }
-
- return null;
- }
-
- for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
- args[_key - 6] = arguments[_key];
- }
-
- return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
- }
-
- var chainedCheckType = checkType.bind(null, false);
- chainedCheckType.isRequired = checkType.bind(null, true);
-
- return chainedCheckType;
- }
-
- /***/ }),
- /* 181 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.Event = exports.EventUtil = exports.tryParseInt = undefined;
-
- var _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; };
-
- exports.measureScrollbar = measureScrollbar;
- exports.debounce = debounce;
- exports.warningOnce = warningOnce;
- exports.getOffset = getOffset;
- exports.addClass = addClass;
- exports.removeClass = removeClass;
- exports.ObjectAssign = ObjectAssign;
- exports.closest = closest;
- exports.getMaxColChildrenLength = getMaxColChildrenLength;
- exports.getColChildrenLength = getColChildrenLength;
- exports.DicimalFormater = DicimalFormater;
- exports.checkDicimalInvalid = checkDicimalInvalid;
-
- var _warning = __webpack_require__(10);
-
- var _warning2 = _interopRequireDefault(_warning);
-
- var _parseInt = __webpack_require__(1326);
-
- var _parseInt2 = _interopRequireDefault(_parseInt);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- var scrollbarSize = void 0;
-
- // Measure scrollbar width for padding body during modal show/hide
- var scrollbarMeasure = {
- position: 'absolute',
- top: '-9999px',
- width: '50px',
- height: '50px',
- overflow: 'scroll'
- };
-
- function measureScrollbar() {
- var direction = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'vertical';
-
-
- if (typeof document === 'undefined' || typeof window === 'undefined') {
- return 0;
- }
- var tableDom = document.querySelector('.u-table');
- var currentDom = tableDom ? tableDom : document.body;
-
- if (scrollbarSize) {
- return scrollbarSize;
- }
- var scrollDiv = document.createElement('div');
- Object.keys(scrollbarMeasure).forEach(function (scrollProp) {
- scrollDiv.style[scrollProp] = scrollbarMeasure[scrollProp];
- });
- currentDom.appendChild(scrollDiv);
- var size = 0;
- if (direction === 'vertical') {
- size = scrollDiv.offsetWidth - scrollDiv.clientWidth;
- } else if (direction === 'horizontal') {
- size = scrollDiv.offsetHeight - scrollDiv.clientHeight;
- }
-
- currentDom.removeChild(scrollDiv);
- scrollbarSize = size;
- return scrollbarSize;
- }
-
- function debounce(func, wait, immediate) {
- var timeout = void 0;
- return function debounceFunc() {
- var context = this;
- var args = arguments;
- // https://fb.me/react-event-pooling
- if (args[0] && args[0].persist) {
- args[0].persist();
- }
- var later = function later() {
- timeout = null;
- if (!immediate) {
- func.apply(context, args);
- }
- };
- var callNow = immediate && !timeout;
- clearTimeout(timeout);
- timeout = setTimeout(later, wait);
- if (callNow) {
- func.apply(context, args);
- }
- };
- }
-
- var warned = {};
- function warningOnce(condition, format, args) {
- if (!warned[format]) {
- (0, _warning2["default"])(condition, format, args);
- warned[format] = true;
- }
- }
- function getOffset(Node, offset) {
- if (!offset) {
- offset = {};
- offset.top = 0;
- offset.left = 0;
- }
- if (Node == document.body) {
- return offset;
- }
- offset.top += Node.offsetTop;
- offset.left += Node.offsetLeft;
- if (Node.offsetParent) return getOffset(Node.offsetParent, offset);else return offset;
- };
-
- var tryParseInt = exports.tryParseInt = function tryParseInt(value) {
- var defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-
- var resultValue = (0, _parseInt2["default"])(value);
-
- if (isNaN(resultValue)) {
- return defaultValue;
- }
- return resultValue;
- };
-
- function addClass(elm, className) {
- if (!className) return;
-
- var els = Array.isArray(elm) ? elm : [elm];
-
- els.forEach(function (el) {
- if (el.classList) {
- el.classList.add(className.split(' '));
- } else {
- el.className += ' ' + className;
- }
- });
- }
-
- function removeClass(elm, className) {
- if (!className) return;
-
- var els = Array.isArray(elm) ? elm : [elm];
-
- els.forEach(function (el) {
- if (el.classList) {
- el.classList.remove(className.split(' '));
- } else {
- el.className = el.className.replace(new RegExp('(^|\\b)' + className.split(' ').join('|') + '(\\b|$)', 'gi'), ' ');
- }
- });
- }
-
- /**
- * 简单数组数据对象拷贝
- * @param {*} obj 要拷贝的对象
- */
- function ObjectAssign(obj) {
- var b = obj instanceof Array;
- var tagObj = b ? [] : {};
- if (b) {
- //数组
- obj.forEach(function (da) {
- var _da = {};
- _extends(_da, da);
- tagObj.push(_da);
- });
- } else {
- _extends(tagObj, obj);
- }
- return tagObj;
- }
- /**
- * 获取某个父元素
- * */
-
- function closest(ele, selector) {
- var matches = ele.matches || ele.webkitMatchesSelector || ele.mozMatchesSelector || ele.msMatchesSelector;
- if (matches) {
- while (ele) {
- if (matches.call(ele, selector)) {
- return ele;
- } else {
- ele = ele.parentElement;
- }
- }
- }
- return null;
- }
-
- function getMaxColChildrenLength(columns) {
- var arr = [];
- arr = columns.map(function (item, index) {
- var chilrenLen = 0;
- if (item.children) {
- chilrenLen = getColChildrenLength(item.children, chilrenLen + 1);
- }
- return chilrenLen;
- });
- var max = Math.max.apply(null, arr);
- return max;
- }
-
- function getColChildrenLength(columns, chilrenLen) {
- columns.forEach(function (item, index) {
- if (item.children) {
- chilrenLen = getColChildrenLength(item.children, chilrenLen + 1);
- }
- });
- return chilrenLen;
- }
-
- function addHandler(element, type, handler) {
- var event = null;
- if (element.addEventListener) {
- //检测是否为DOM2级方法
- event = element.addEventListener(type, handler, false);
- } else if (element.attachEvent) {
- //检测是否为IE级方法
- event = element.attachEvent("on" + type, handler);
- } else {
- //检测是否为DOM0级方法
- event = element["on" + type] = handler;
- }
- return event;
- }
-
- function removeHandler(element, type, handler) {
- if (element && element.removeEventListener) {
- //element&& ie11报错兼容
- element.removeEventListener(type, handler, false);
- } else if (element && element.detachEvent) {
- element.detachEvent("on" + type, handler);
- } else if (element) {
- element["on" + type] = null;
- }
- }
-
- //获取事件对象的兼容性写法
- function getEvent(event) {
- return event ? event : window.event;
- }
-
- //获取事件对象目标的兼容性写法
- function getTarget(event) {
- return event.target || event.srcElement;
- }
-
- function preventDefault(event) {
- if (event.preventDefault) {
- event.preventDefault();
- } else {
- event.returnValue = false;
- }
- }
-
- function stopPropagation(event) {
- if (event.stopPropagation) {
- event.stopPropagation();
- } else {
- event.cancelBubble = true;
- }
- }
-
- //用事件冒泡方式，如果想兼容事件捕获只需要添加个bool参数
- var EventUtil = exports.EventUtil = {
- addHandler: function addHandler(element, type, handler) {
- if (element.addEventListener) {
- element.addEventListener(type, handler, false);
- } else if (element.attachEvent) {
- element.attachEvent('on' + type, handler);
- } else {
- element['on' + type] = handler;
- }
- },
-
- removeHandler: function removeHandler(element, type, handler) {
- //element&& ie11报错兼容
- if (element && element.removeEventListener) {
- element.removeEventListener(type, handler, false);
- } else if (element && element.detachEvent) {
- element.detachEvent('on' + type, handler);
- } else if (element) {
- element['on' + type] = null;
- }
- }
-
- /*
- * 处理精度
- */
- };function DicimalFormater(value, precision) {
- var value = value + '',
- precision = precision ? precision : 0;
- for (var i = 0; i < value.length; i++) {
- if ("-0123456789.".indexOf(value.charAt(i)) == -1) return "";
- }
- return checkDicimalInvalid(value, precision);
- };
- function checkDicimalInvalid(value, precision) {
- if (value == null || isNaN(value)) return "";
- // 浮点数总位数不能超过10位
- var digit = parseFloat(value);
- var result = (digit * Math.pow(10, precision) / Math.pow(10, precision)).toFixed(precision);
- if (result == "NaN") return "";
- return result;
- };
-
- var Event = exports.Event = {
- addHandler: addHandler,
- removeHandler: removeHandler,
- getEvent: getEvent,
- getTarget: getTarget,
- preventDefault: preventDefault,
- stopPropagation: stopPropagation
- };
-
- /***/ }),
- /* 182 */
- /***/ (function(module, exports, __webpack_require__) {
-
- //! moment.js locale configuration
-
- ;(function (global, factory) {
- true ? factory(__webpack_require__(4)) :
- typeof define === 'function' && define.amd ? define(['../moment'], factory) :
- factory(global.moment)
- }(this, (function (moment) { 'use strict';
-
-
- var enGb = moment.defineLocale('en-gb', {
- months : 'January_February_March_April_May_June_July_August_September_October_November_December'.split('_'),
- monthsShort : 'Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec'.split('_'),
- weekdays : 'Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday'.split('_'),
- weekdaysShort : 'Sun_Mon_Tue_Wed_Thu_Fri_Sat'.split('_'),
- weekdaysMin : 'Su_Mo_Tu_We_Th_Fr_Sa'.split('_'),
- longDateFormat : {
- LT : 'HH:mm',
- LTS : 'HH:mm:ss',
- L : 'DD/MM/YYYY',
- LL : 'D MMMM YYYY',
- LLL : 'D MMMM YYYY HH:mm',
- LLLL : 'dddd, D MMMM YYYY HH:mm'
- },
- calendar : {
- sameDay : '[Today at] LT',
- nextDay : '[Tomorrow at] LT',
- nextWeek : 'dddd [at] LT',
- lastDay : '[Yesterday at] LT',
- lastWeek : '[Last] dddd [at] LT',
- sameElse : 'L'
- },
- relativeTime : {
- future : 'in %s',
- past : '%s ago',
- s : 'a few seconds',
- ss : '%d seconds',
- m : 'a minute',
- mm : '%d minutes',
- h : 'an hour',
- hh : '%d hours',
- d : 'a day',
- dd : '%d days',
- M : 'a month',
- MM : '%d months',
- y : 'a year',
- yy : '%d years'
- },
- dayOfMonthOrdinalParse: /\d{1,2}(st|nd|rd|th)/,
- ordinal : function (number) {
- var b = number % 10,
- output = (~~(number % 100 / 10) === 1) ? 'th' :
- (b === 1) ? 'st' :
- (b === 2) ? 'nd' :
- (b === 3) ? 'rd' : 'th';
- return number + output;
- },
- week : {
- dow : 1, // Monday is the first day of the week.
- doy : 4 // The week that contains Jan 4th is the first week of the year.
- }
- });
-
- return enGb;
-
- })));
-
-
- /***/ }),
- /* 183 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _react = __webpack_require__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- var _propTypes = __webpack_require__(1);
-
- var _propTypes2 = _interopRequireDefault(_propTypes);
-
- var _mapSelf = __webpack_require__(480);
-
- var _mapSelf2 = _interopRequireDefault(_mapSelf);
-
- var _MonthPanel = __webpack_require__(1339);
-
- var _MonthPanel2 = _interopRequireDefault(_MonthPanel);
-
- var _YearPanel = __webpack_require__(481);
-
- var _YearPanel2 = _interopRequireDefault(_YearPanel);
-
- var _DecadePanel = __webpack_require__(482);
-
- var _DecadePanel2 = _interopRequireDefault(_DecadePanel);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
-
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
-
- function goMonth(direction) {
- var next = this.props.value.clone();
- next.add(direction, 'months');
- this.props.onValueChange(next);
- }
-
- function goYear(direction) {
- var next = this.props.value.clone();
- next.add(direction, 'years');
- this.props.onValueChange(next);
- }
-
- function showIf(condition, el) {
- return condition ? el : null;
- }
-
- var CalendarHeader = function (_React$Component) {
- _inherits(CalendarHeader, _React$Component);
-
- function CalendarHeader(props) {
- _classCallCheck(this, CalendarHeader);
-
- var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));
-
- _initialiseProps.call(_this);
-
- _this.nextMonth = goMonth.bind(_this, 1);
- _this.previousMonth = goMonth.bind(_this, -1);
- _this.nextYear = goYear.bind(_this, 1);
- _this.previousYear = goYear.bind(_this, -1);
-
- _this.state = { yearPanelReferer: null };
- return _this;
- }
-
- CalendarHeader.prototype.render = function render() {
- var _this2 = this;
-
- var props = this.props;
- var prefixCls = props.prefixCls,
- locale = props.locale,
- mode = props.mode,
- value = props.value,
- showTimePicker = props.showTimePicker,
- enableNext = props.enableNext,
- enablePrev = props.enablePrev,
- disabledMonth = props.disabledMonth,
- renderFooter = props.renderFooter,
- onChange = props.onChange,
- onClear = props.onClear,
- showMonthInput = props.showMonthInput;
-
-
- var panel = null;
- if (mode === 'month') {
- panel = _react2["default"].createElement(_MonthPanel2["default"], {
- showDateInput: true,
- locale: locale,
- showMonthInput: showMonthInput,
- defaultValue: value,
- rootPrefixCls: prefixCls,
- onSelect: this.onMonthSelect,
- onYearPanelShow: function onYearPanelShow() {
- return _this2.showYearPanel('month');
- },
- disabledDate: disabledMonth,
- cellRender: props.monthCellRender,
- contentRender: props.monthCellContentRender,
- renderFooter: renderFooter,
- onChange: onChange,
- onClear: onClear,
- value: value
- });
- }
- if (mode === 'year') {
- panel = _react2["default"].createElement(_YearPanel2["default"], {
- locale: locale,
- defaultValue: value,
- rootPrefixCls: prefixCls,
- onSelect: this.onYearSelect,
- onDecadePanelShow: this.showDecadePanel,
- renderFooter: renderFooter
- });
- }
- if (mode === 'decade') {
- panel = _react2["default"].createElement(_DecadePanel2["default"], {
- locale: locale,
- defaultValue: value,
- rootPrefixCls: prefixCls,
- onSelect: this.onDecadeSelect,
- renderFooter: renderFooter
- });
- }
-
- return _react2["default"].createElement(
- 'div',
- { className: prefixCls + '-header' },
- _react2["default"].createElement(
- 'div',
- { style: { position: 'relative' }, className: prefixCls + '-header-btns' },
- showIf(enablePrev && !showTimePicker, _react2["default"].createElement('a', {
- className: prefixCls + '-prev-year-btn',
- role: 'button',
- onClick: this.previousYear,
- title: locale.previousYear
- })),
- showIf(enablePrev && !showTimePicker, _react2["default"].createElement('a', {
- className: prefixCls + '-prev-month-btn',
- role: 'button',
- onClick: this.previousMonth,
- title: locale.previousMonth
- })),
- this.monthYearElement(showTimePicker),
- showIf(enableNext && !showTimePicker, _react2["default"].createElement('a', {
- className: prefixCls + '-next-month-btn',
- onClick: this.nextMonth,
- title: locale.nextMonth
- })),
- showIf(enableNext && !showTimePicker, _react2["default"].createElement('a', {
- className: prefixCls + '-next-year-btn',
- onClick: this.nextYear,
- title: locale.nextYear
- }))
- ),
- panel
- );
- };
-
- return CalendarHeader;
- }(_react2["default"].Component);
-
- CalendarHeader.propTypes = {
- prefixCls: _propTypes2["default"].string,
- value: _propTypes2["default"].object,
- onValueChange: _propTypes2["default"].func,
- showTimePicker: _propTypes2["default"].bool,
- onPanelChange: _propTypes2["default"].func,
- locale: _propTypes2["default"].object,
- enablePrev: _propTypes2["default"].any,
- enableNext: _propTypes2["default"].any,
- disabledMonth: _propTypes2["default"].func,
- renderFooter: _propTypes2["default"].func,
- onMonthSelect: _propTypes2["default"].func
- };
- CalendarHeader.defaultProps = {
- enableNext: 1,
- enablePrev: 1,
- onPanelChange: function onPanelChange() {},
- onValueChange: function onValueChange() {}
- };
-
- var _initialiseProps = function _initialiseProps() {
- var _this3 = this;
-
- this.onMonthSelect = function (value) {
- _this3.props.onPanelChange(value, 'date');
- if (_this3.props.onMonthSelect) {
- _this3.props.onMonthSelect(value);
- } else {
- _this3.props.onValueChange(value);
- }
- };
-
- this.onYearSelect = function (value) {
- var referer = _this3.state.yearPanelReferer;
- _this3.setState({ yearPanelReferer: null });
- _this3.props.onPanelChange(value, referer);
- _this3.props.onValueChange(value);
- };
-
- this.onDecadeSelect = function (value) {
- _this3.props.onPanelChange(value, 'year');
- _this3.props.onValueChange(value);
- };
-
- this.monthYearElement = function (showTimePicker) {
- var props = _this3.props;
- var prefixCls = props.prefixCls;
- var locale = props.locale;
- var value = props.value;
- var localeData = value.localeData();
- var monthBeforeYear = locale.monthBeforeYear;
- var selectClassName = prefixCls + '-' + (monthBeforeYear ? 'my-select' : 'ym-select');
- var timeClassName = showTimePicker ? ' ' + prefixCls + '-time-status' : '';
- var year = _react2["default"].createElement(
- 'a',
- {
- className: prefixCls + '-year-select' + timeClassName,
- role: 'button',
- onClick: showTimePicker ? null : function () {
- return _this3.showYearPanel('date');
- },
- title: showTimePicker ? null : locale.yearSelect
- },
- value.format(locale.yearFormat)
- );
- var month = _react2["default"].createElement(
- 'a',
- {
- className: prefixCls + '-month-select' + timeClassName,
- role: 'button',
- onClick: showTimePicker ? null : _this3.showMonthPanel,
- title: showTimePicker ? null : locale.monthSelect
- },
- locale.monthFormat ? value.format(locale.monthFormat) : localeData.monthsShort(value)
- );
- var day = void 0;
- if (showTimePicker) {
- day = _react2["default"].createElement(
- 'a',
- {
- className: prefixCls + '-day-select' + timeClassName,
- role: 'button'
- },
- value.format(locale.dayFormat)
- );
- }
- var my = [];
- if (monthBeforeYear) {
- my = [month, day, year];
- } else {
- my = [year, month, day];
- }
- return _react2["default"].createElement(
- 'span',
- { className: selectClassName },
- (0, _mapSelf2["default"])(my)
- );
- };
-
- this.showMonthPanel = function () {
- // null means that users' interaction doesn't change value
- _this3.props.onPanelChange(null, 'month');
- };
-
- this.showYearPanel = function (referer) {
- _this3.setState({ yearPanelReferer: referer });
- _this3.props.onPanelChange(null, 'year');
- };
-
- this.showDecadePanel = function () {
- _this3.props.onPanelChange(null, 'decade');
- };
- };
-
- exports["default"] = CalendarHeader;
- module.exports = exports['default'];
-
- /***/ }),
- /* 184 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.commonMixinWrapper = exports.defaultProp = exports.propType = undefined;
-
- var _propTypes = __webpack_require__(1);
-
- var _propTypes2 = _interopRequireDefault(_propTypes);
-
- var _en_US = __webpack_require__(488);
-
- var _en_US2 = _interopRequireDefault(_en_US);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
-
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
-
- function noop() {}
-
- var propType = exports.propType = {
- className: _propTypes2["default"].string,
- locale: _propTypes2["default"].object,
- style: _propTypes2["default"].object,
- visible: _propTypes2["default"].bool,
- onSelect: _propTypes2["default"].func,
- prefixCls: _propTypes2["default"].string,
- onChange: _propTypes2["default"].func,
- onOk: _propTypes2["default"].func
- };
-
- var defaultProp = exports.defaultProp = {
- locale: _en_US2["default"],
- style: {},
- visible: true,
- prefixCls: 'rc-calendar',
- className: '',
- onSelect: noop,
- onChange: noop,
- onClear: noop,
- renderFooter: function renderFooter() {
- return null;
- },
- renderSidebar: function renderSidebar() {
- return null;
- }
- };
-
- var commonMixinWrapper = exports.commonMixinWrapper = function commonMixinWrapper(ComposeComponent) {
- var _class, _temp2;
-
- return _temp2 = _class = function (_ComposeComponent) {
- _inherits(_class, _ComposeComponent);
-
- function _class() {
- var _temp, _this, _ret;
-
- _classCallCheck(this, _class);
-
- for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
- args[_key] = arguments[_key];
- }
-
- return _ret = (_temp = (_this = _possibleConstructorReturn(this, _ComposeComponent.call.apply(_ComposeComponent, [this].concat(args))), _this), _this.getFormat = function () {
- var format = _this.props.format;
- var _this$props = _this.props,
- locale = _this$props.locale,
- timePicker = _this$props.timePicker;
-
- if (!format) {
- if (timePicker) {
- format = locale.dateTimeFormat;
- } else {
- format = locale.dateFormat;
- }
- }
- return format;
- }, _this.focus = function () {
- if (_this.focusElement) {
- _this.focusElement.focus();
- } else if (_this.rootInstance) {
- _this.rootInstance.focus();
- }
- }, _this.saveFocusElement = function (focusElement) {
- _this.focusElement = focusElement;
- }, _this.saveRoot = function (root) {
- _this.rootInstance = root;
- }, _temp), _possibleConstructorReturn(_this, _ret);
- }
-
- _class.prototype.shouldComponentUpdate = function shouldComponentUpdate(nextProps) {
- return this.props.visible || nextProps.visible;
- };
-
- return _class;
- }(ComposeComponent), _class.displayName = 'CommonMixinWrapper', _class.defaultProps = ComposeComponent.defaultProps, _class.getDerivedStateFromProps = ComposeComponent.getDerivedStateFromProps, _temp2;
- };
-
- /***/ }),
- /* 185 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
- exports.default = createChainableTypeChecker;
- /**
- * Copyright 2013-present, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- */
-
- // Mostly taken from ReactPropTypes.
-
- /* This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
-
- function createChainableTypeChecker(validate) {
- function checkType(isRequired, props, propName, componentName, location, propFullName) {
- var componentNameSafe = componentName || '<>';
- var propFullNameSafe = propFullName || propName;
-
- if (props[propName] == null) {
- if (isRequired) {
- return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
- }
-
- return null;
- }
-
- for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
- args[_key - 6] = arguments[_key];
- }
-
- return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
- }
-
- var chainedCheckType = checkType.bind(null, false);
- chainedCheckType.isRequired = checkType.bind(null, true);
-
- return chainedCheckType;
- }
-
- /***/ }),
- /* 186 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
- exports.Align = exports.toArray = exports.cssAnimation = exports.addEventListener = exports.contains = exports.KeyCode = exports.createChainedFunction = exports.splitComponent = exports.isRequiredForA11y = exports.elementType = exports.deprecated = exports.componentOrElement = exports.all = undefined;
-
- var _all2 = __webpack_require__(1388);
-
- var _all3 = _interopRequireDefault(_all2);
-
- var _componentOrElement2 = __webpack_require__(1389);
-
- var _componentOrElement3 = _interopRequireDefault(_componentOrElement2);
-
- var _deprecated2 = __webpack_require__(1390);
-
- var _deprecated3 = _interopRequireDefault(_deprecated2);
-
- var _elementType2 = __webpack_require__(1391);
-
- var _elementType3 = _interopRequireDefault(_elementType2);
-
- var _isRequiredForA11y2 = __webpack_require__(1392);
-
- var _isRequiredForA11y3 = _interopRequireDefault(_isRequiredForA11y2);
-
- var _splitComponent2 = __webpack_require__(1393);
-
- var _splitComponent3 = _interopRequireDefault(_splitComponent2);
-
- var _createChainedFunction2 = __webpack_require__(1394);
-
- var _createChainedFunction3 = _interopRequireDefault(_createChainedFunction2);
-
- var _keyCode = __webpack_require__(1395);
-
- var _keyCode2 = _interopRequireDefault(_keyCode);
-
- var _contains2 = __webpack_require__(1396);
-
- var _contains3 = _interopRequireDefault(_contains2);
-
- var _addEventListener2 = __webpack_require__(499);
-
- var _addEventListener3 = _interopRequireDefault(_addEventListener2);
-
- var _cssAnimation2 = __webpack_require__(1397);
-
- var _cssAnimation3 = _interopRequireDefault(_cssAnimation2);
-
- var _toArray2 = __webpack_require__(1399);
-
- var _toArray3 = _interopRequireDefault(_toArray2);
-
- var _Align2 = __webpack_require__(1400);
-
- var _Align3 = _interopRequireDefault(_Align2);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- exports.all = _all3.default;
- exports.componentOrElement = _componentOrElement3.default;
- exports.deprecated = _deprecated3.default;
- exports.elementType = _elementType3.default;
- exports.isRequiredForA11y = _isRequiredForA11y3.default;
- exports.splitComponent = _splitComponent3.default;
- exports.createChainedFunction = _createChainedFunction3.default;
- exports.KeyCode = _keyCode2.default;
- exports.contains = _contains3.default;
- exports.addEventListener = _addEventListener3.default;
- exports.cssAnimation = _cssAnimation3.default;
- exports.toArray = _toArray3.default;
- //export getContainerRenderMixin from './getContainerRenderMixin';
-
- exports.Align = _Align3.default;
-
- /***/ }),
- /* 187 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
- exports.default = createChainableTypeChecker;
- /**
- * Copyright 2013-present, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- */
-
- // Mostly taken from ReactPropTypes.
-
- /* This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
-
- function createChainableTypeChecker(validate) {
- function checkType(isRequired, props, propName, componentName, location, propFullName) {
- var componentNameSafe = componentName || '<>';
- var propFullNameSafe = propFullName || propName;
-
- if (props[propName] == null) {
- if (isRequired) {
- return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
- }
-
- return null;
- }
-
- for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
- args[_key - 6] = arguments[_key];
- }
-
- return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
- }
-
- var chainedCheckType = checkType.bind(null, false);
- chainedCheckType.isRequired = checkType.bind(null, true);
-
- return chainedCheckType;
- }
-
- /***/ }),
- /* 188 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
- exports.default = createChainableTypeChecker;
- /**
- * Copyright 2013-present, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- */
-
- // Mostly taken from ReactPropTypes.
-
- /* This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
-
- function createChainableTypeChecker(validate) {
- function checkType(isRequired, props, propName, componentName, location, propFullName) {
- var componentNameSafe = componentName || '<>';
- var propFullNameSafe = propFullName || propName;
-
- if (props[propName] == null) {
- if (isRequired) {
- return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
- }
-
- return null;
- }
-
- for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
- args[_key - 6] = arguments[_key];
- }
-
- return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
- }
-
- var chainedCheckType = checkType.bind(null, false);
- chainedCheckType.isRequired = checkType.bind(null, true);
-
- return chainedCheckType;
- }
-
- /***/ }),
- /* 189 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.default = getWindow;
- function getWindow(node) {
- return node === node.window ? node : node.nodeType === 9 ? node.defaultView || node.parentWindow : false;
- }
- module.exports = exports["default"];
-
- /***/ }),
- /* 190 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.default = style;
-
- var _camelizeStyle = __webpack_require__(504);
-
- var _camelizeStyle2 = _interopRequireDefault(_camelizeStyle);
-
- var _hyphenateStyle = __webpack_require__(1440);
-
- var _hyphenateStyle2 = _interopRequireDefault(_hyphenateStyle);
-
- var _getComputedStyle2 = __webpack_require__(1442);
-
- var _getComputedStyle3 = _interopRequireDefault(_getComputedStyle2);
-
- var _removeStyle = __webpack_require__(1443);
-
- var _removeStyle2 = _interopRequireDefault(_removeStyle);
-
- var _properties = __webpack_require__(191);
-
- var _isTransform = __webpack_require__(1444);
-
- var _isTransform2 = _interopRequireDefault(_isTransform);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- function style(node, property, value) {
- var css = '';
- var transforms = '';
- var props = property;
-
- if (typeof property === 'string') {
- if (value === undefined) {
- return node.style[(0, _camelizeStyle2.default)(property)] || (0, _getComputedStyle3.default)(node).getPropertyValue((0, _hyphenateStyle2.default)(property));
- } else {
- (props = {})[property] = value;
- }
- }
-
- Object.keys(props).forEach(function (key) {
- var value = props[key];
- if (!value && value !== 0) {
- (0, _removeStyle2.default)(node, (0, _hyphenateStyle2.default)(key));
- } else if ((0, _isTransform2.default)(key)) {
- transforms += key + '(' + value + ') ';
- } else {
- css += (0, _hyphenateStyle2.default)(key) + ': ' + value + ';';
- }
- });
-
- if (transforms) {
- css += _properties.transform + ': ' + transforms + ';';
- }
-
- node.style.cssText += ';' + css;
- }
- module.exports = exports['default'];
-
- /***/ }),
- /* 191 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.transitionEnd = exports.transitionDuration = exports.transitionDelay = exports.transitionTiming = exports.transitionProperty = exports.transform = undefined;
-
- var _inDOM = __webpack_require__(42);
-
- var _inDOM2 = _interopRequireDefault(_inDOM);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- var transform = 'transform';
- var prefix = void 0,
- transitionEnd = void 0;
- var transitionTiming = void 0,
- transitionDuration = void 0;
- var transitionProperty = void 0,
- transitionDelay = void 0;
-
- if (_inDOM2.default) {
- var _getTransitionPropert = getTransitionProperties();
-
- prefix = _getTransitionPropert.prefix;
- exports.transitionEnd = transitionEnd = _getTransitionPropert.transitionEnd;
-
-
- exports.transform = transform = prefix + '-' + transform;
- exports.transitionProperty = transitionProperty = prefix + '-transition-property';
- exports.transitionDuration = transitionDuration = prefix + '-transition-duration';
- exports.transitionDelay = transitionDelay = prefix + '-transition-delay';
- exports.transitionTiming = transitionTiming = prefix + '-transition-timing-function';
- }
-
- exports.transform = transform;
- exports.transitionProperty = transitionProperty;
- exports.transitionTiming = transitionTiming;
- exports.transitionDelay = transitionDelay;
- exports.transitionDuration = transitionDuration;
- exports.transitionEnd = transitionEnd;
- exports.default = {
- transform: transform,
- end: transitionEnd,
- property: transitionProperty,
- timing: transitionTiming,
- delay: transitionDelay,
- duration: transitionDuration
- };
-
-
- function getTransitionProperties() {
- var transitionEnd = void 0;
- var prefix = '';
- var eventNames = {
- O: 'otransitionend',
- Moz: 'transitionend',
- Webkit: 'webkitTransitionEnd',
- ms: 'MSTransitionEnd'
- };
-
- var element = document.createElement('div');
- for (var vendor in eventNames) {
- if (eventNames.hasOwnProperty(vendor)) {
- if (element.style[vendor + 'TransitionProperty'] !== undefined) {
- prefix = '-' + vendor.toLowerCase();
- transitionEnd = eventNames[vendor];
- break;
- }
- }
- }if (!transitionEnd && element.style.transitionProperty !== undefined) transitionEnd = 'transitionend';
-
- element = null;
-
- return { transitionEnd: transitionEnd, prefix: prefix };
- }
-
- /***/ }),
- /* 192 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _inDOM = __webpack_require__(42);
-
- var _inDOM2 = _interopRequireDefault(_inDOM);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- var off = function off() {};
- if (_inDOM2.default) {
- off = function () {
- if (document.addEventListener) return function (node, eventName, handler, capture) {
- return node.removeEventListener(eventName, handler, capture || false);
- };else if (document.attachEvent) return function (node, eventName, handler) {
- return node.detachEvent('on' + eventName, handler);
- };
- }();
- }
-
- exports.default = off;
- module.exports = exports['default'];
-
- /***/ }),
- /* 193 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.EXITING = exports.ENTERED = exports.ENTERING = exports.EXITED = exports.UNMOUNTED = undefined;
-
- var _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; };
-
- var _react = __webpack_require__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- var _reactDom = __webpack_require__(3);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- var _properties = __webpack_require__(191);
-
- var _properties2 = _interopRequireDefault(_properties);
-
- var _on = __webpack_require__(86);
-
- var _on2 = _interopRequireDefault(_on);
-
- var _classnames = __webpack_require__(2);
-
- var _classnames2 = _interopRequireDefault(_classnames);
-
- var _propTypes = __webpack_require__(1);
-
- var _propTypes2 = _interopRequireDefault(_propTypes);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
-
- function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
-
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
-
- var transitionEndEvent = _properties2["default"].end;
-
- //设置状态码
- var UNMOUNTED = exports.UNMOUNTED = 0;
- var EXITED = exports.EXITED = 1;
- var ENTERING = exports.ENTERING = 2;
- var ENTERED = exports.ENTERED = 3;
- var EXITING = exports.EXITING = 4;
-
- var propTypes = {
- /**
- * 是否触发动画
- */
- "in": _propTypes2["default"].bool,
-
- /**
- * 不显示的时候是否移除组件
- */
- unmountOnExit: _propTypes2["default"].bool,
-
- /**
- * 如果设置为默认显示，挂载时显示动画
- */
- transitionAppear: _propTypes2["default"].bool,
-
- /**
- * 设置超时时间，防止出现问题，可设置为>=动画时间
- */
- timeout: _propTypes2["default"].number,
-
- /**
- * 退出组件时添加的class
- */
- exitedClassName: _propTypes2["default"].string,
- /**
- * 退出组件中添加的class
- */
- exitingClassName: _propTypes2["default"].string,
- /**
- * 进入动画后添加的class
- */
- enteredClassName: _propTypes2["default"].string,
- /**
- * 进入动画时添加的class
- */
- enteringClassName: _propTypes2["default"].string,
-
- /**
- * 进入动画开始时的钩子函数
- */
- onEnter: _propTypes2["default"].func,
- /**
- * 进入动画中的钩子函数
- */
- onEntering: _propTypes2["default"].func,
- /**
- * 进入动画后的钩子函数
- */
- onEntered: _propTypes2["default"].func,
- /**
- * 退出动画开始时的钩子函数
- */
- onExit: _propTypes2["default"].func,
- /**
- * 退出动画中的钩子函数
- */
- onExiting: _propTypes2["default"].func,
- /**
- * 退出动画后的钩子函数
- */
- onExited: _propTypes2["default"].func
- };
-
- function noop() {}
-
- var defaultProps = {
- "in": false,
- unmountOnExit: false,
- transitionAppear: false,
- timeout: 5000,
- onEnter: noop,
- onEntering: noop,
- onEntered: noop,
- onExit: noop,
- onExiting: noop,
- onExited: noop
- };
-
- /**
- * 动画组件
- */
-
- var Transition = function (_Component) {
- _inherits(Transition, _Component);
-
- function Transition(props, context) {
- _classCallCheck(this, Transition);
-
- var _this = _possibleConstructorReturn(this, _Component.call(this, props, context));
-
- var initialStatus = void 0;
- if (props["in"]) {
- // 在componentdidmount时开始执行动画
- initialStatus = props.transitionAppear ? EXITED : ENTERED;
- } else {
- initialStatus = props.unmountOnExit ? UNMOUNTED : EXITED;
- }
- _this.state = { status: initialStatus };
-
- _this.nextCallback = null;
- return _this;
- }
-
- Transition.prototype.componentDidMount = function componentDidMount() {
- if (this.props.transitionAppear && this.props["in"]) {
- this.performEnter(this.props);
- }
- };
-
- Transition.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
- if (nextProps["in"] && this.props.unmountOnExit) {
- if (this.state.status === UNMOUNTED) {
- // 在componentDidUpdate执行动画.
- this.setState({ status: EXITED });
- }
- } else {
- this._needsUpdate = true;
- }
- };
-
- Transition.prototype.componentDidUpdate = function componentDidUpdate() {
- var status = this.state.status;
-
- if (this.props.unmountOnExit && status === EXITED) {
- // 当使用unmountOnExit时，exited为exiting和unmont的过渡状态
- if (this.props["in"]) {
- this.performEnter(this.props);
- } else {
- this.setState({ status: UNMOUNTED });
- }
-
- return;
- }
-
- // 确保只响应prop变化
- if (this._needsUpdate) {
- this._needsUpdate = false;
-
- if (this.props["in"]) {
- if (status === EXITING) {
- this.performEnter(this.props);
- } else if (status === EXITED) {
- this.performEnter(this.props);
- }
- // 其他，当我们已经输入或输出
- } else {
- if (status === ENTERING || status === ENTERED) {
- this.performExit(this.props);
- }
- // 我们已经输入或输出完成
- }
- }
- };
-
- Transition.prototype.componentWillUnmount = function componentWillUnmount() {
- this.cancelNextCallback();
- };
-
- Transition.prototype.performEnter = function performEnter(props) {
- var _this2 = this;
-
- this.cancelNextCallback();
- var node = _reactDom2["default"].findDOMNode(this);
-
- // 这里接收新props
- props.onEnter(node);
-
- this.safeSetState({ status: ENTERING }, function () {
- _this2.props.onEntering(node);
-
- _this2.onTransitionEnd(node, function () {
- _this2.safeSetState({ status: ENTERED }, function () {
- _this2.props.onEntered(node);
- });
- });
- });
- };
-
- Transition.prototype.performExit = function performExit(props) {
- var _this3 = this;
-
- this.cancelNextCallback();
- var node = _reactDom2["default"].findDOMNode(this);
-
- props.onExit(node);
-
- this.safeSetState({ status: EXITING }, function () {
- _this3.props.onExiting(node);
-
- _this3.onTransitionEnd(node, function () {
- _this3.safeSetState({ status: EXITED }, function () {
- _this3.props.onExited(node);
- });
- });
- });
- };
-
- Transition.prototype.cancelNextCallback = function cancelNextCallback() {
- if (this.nextCallback !== null) {
- this.nextCallback.cancel();
- this.nextCallback = null;
- }
- };
-
- Transition.prototype.safeSetState = function safeSetState(nextState, callback) {
- // 确保在组件销毁后挂起的setState被消除
- this.setState(nextState, this.setNextCallback(callback));
- };
-
- Transition.prototype.setNextCallback = function setNextCallback(callback) {
- var _this4 = this;
-
- var active = true;
-
- this.nextCallback = function (event) {
- if (active) {
- active = false;
- _this4.nextCallback = null;
-
- callback(event);
- }
- };
-
- this.nextCallback.cancel = function () {
- active = false;
- };
-
- return this.nextCallback;
- };
-
- Transition.prototype.onTransitionEnd = function onTransitionEnd(node, handler) {
- this.setNextCallback(handler);
-
- if (node) {
- if (transitionEndEvent == undefined) {
- this.nextCallback();
- } else {
- (0, _on2["default"])(node, transitionEndEvent, this.nextCallback);
- }
- setTimeout(this.nextCallback, this.props.timeout);
- } else {
- setTimeout(this.nextCallback, 0);
- }
- };
-
- Transition.prototype.render = function render() {
- var status = this.state.status;
- if (status === UNMOUNTED) {
- return null;
- }
-
- var _props = this.props,
- children = _props.children,
- className = _props.className,
- childProps = _objectWithoutProperties(_props, ['children', 'className']);
-
- Object.keys(Transition.propTypes).forEach(function (key) {
- return delete childProps[key];
- });
-
- var transitionClassName = void 0;
- if (status === EXITED) {
- transitionClassName = this.props.exitedClassName;
- } else if (status === ENTERING) {
- transitionClassName = this.props.enteringClassName;
- } else if (status === ENTERED) {
- transitionClassName = this.props.enteredClassName;
- } else if (status === EXITING) {
- transitionClassName = this.props.exitingClassName;
- }
-
- var child = _react2["default"].Children.only(children);
- return _react2["default"].cloneElement(child, _extends({}, childProps, {
- className: (0, _classnames2["default"])(child.props.className, className, transitionClassName)
- }));
- };
-
- return Transition;
- }(_react.Component);
-
- Transition.propTypes = propTypes;
-
- Transition.defaultProps = defaultProps;
-
- exports["default"] = Transition;
-
- /***/ }),
- /* 194 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
- exports.default = createChainableTypeChecker;
- /**
- * Copyright 2013-present, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- */
-
- // Mostly taken from ReactPropTypes.
-
- /* This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
-
- function createChainableTypeChecker(validate) {
- function checkType(isRequired, props, propName, componentName, location, propFullName) {
- var componentNameSafe = componentName || '<>';
- var propFullNameSafe = propFullName || propName;
-
- if (props[propName] == null) {
- if (isRequired) {
- return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
- }
-
- return null;
- }
-
- for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
- args[_key - 6] = arguments[_key];
- }
-
- return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
- }
-
- var chainedCheckType = checkType.bind(null, false);
- chainedCheckType.isRequired = checkType.bind(null, true);
-
- return chainedCheckType;
- }
-
- /***/ }),
- /* 195 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
- exports.default = createChainableTypeChecker;
- /**
- * Copyright 2013-present, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- */
-
- // Mostly taken from ReactPropTypes.
-
- /* This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
-
- function createChainableTypeChecker(validate) {
- function checkType(isRequired, props, propName, componentName, location, propFullName) {
- var componentNameSafe = componentName || '<>';
- var propFullNameSafe = propFullName || propName;
-
- if (props[propName] == null) {
- if (isRequired) {
- return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
- }
-
- return null;
- }
-
- for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
- args[_key - 6] = arguments[_key];
- }
-
- return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
- }
-
- var chainedCheckType = checkType.bind(null, false);
- chainedCheckType.isRequired = checkType.bind(null, true);
-
- return chainedCheckType;
- }
-
- /***/ }),
- /* 196 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _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; };
-
- var _react = __webpack_require__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- var _propTypes = __webpack_require__(1);
-
- var _propTypes2 = _interopRequireDefault(_propTypes);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
-
- function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
-
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); } /**
- * This source code is quoted from rc-slider.
- * homepage: https://github.com/react-component/slider
- */
-
-
- var Handle = function (_React$Component) {
- _inherits(Handle, _React$Component);
-
- function Handle() {
- _classCallCheck(this, Handle);
-
- return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));
- }
-
- Handle.prototype.render = function render() {
- var _props = this.props,
- className = _props.className,
- vertical = _props.vertical,
- offset = _props.offset,
- style = _props.style,
- disabled = _props.disabled,
- min = _props.min,
- max = _props.max,
- value = _props.value,
- restProps = _objectWithoutProperties(_props, ['className', 'vertical', 'offset', 'style', 'disabled', 'min', 'max', 'value']);
-
- var postionStyle = vertical ? { bottom: offset + '%' } : { left: offset + '%' };
- var elStyle = _extends({}, style, postionStyle);
- var ariaProps = {};
- if (value !== undefined) {
- ariaProps = _extends({}, ariaProps, {
- 'aria-valuemin': min,
- 'aria-valuemax': max,
- 'aria-valuenow': value,
- 'aria-disabled': !!disabled
- });
- }
-
- return _react2["default"].createElement('div', _extends({
- role: 'slider',
- tabIndex: '0'
- }, ariaProps, restProps, {
- className: className,
- style: elStyle
- }));
- };
-
- return Handle;
- }(_react2["default"].Component);
-
- exports["default"] = Handle;
-
-
- Handle.propTypes = {
- className: _propTypes2["default"].string,
- vertical: _propTypes2["default"].bool,
- offset: _propTypes2["default"].number,
- style: _propTypes2["default"].object,
- disabled: _propTypes2["default"].bool,
- min: _propTypes2["default"].number,
- max: _propTypes2["default"].number,
- value: _propTypes2["default"].number
- };
- module.exports = exports['default'];
-
- /***/ }),
- /* 197 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.isEventFromHandle = isEventFromHandle;
- exports.isValueOutOfRange = isValueOutOfRange;
- exports.isNotTouchEvent = isNotTouchEvent;
- exports.getClosestPoint = getClosestPoint;
- exports.getPrecision = getPrecision;
- exports.getMousePosition = getMousePosition;
- exports.getTouchPosition = getTouchPosition;
- exports.getHandleCenterPosition = getHandleCenterPosition;
- exports.ensureValueInRange = ensureValueInRange;
- exports.ensureValuePrecision = ensureValuePrecision;
- exports.pauseEvent = pauseEvent;
- exports.getKeyboardValueMutator = getKeyboardValueMutator;
-
- var _reactDom = __webpack_require__(3);
-
- var _keyCode = __webpack_require__(521);
-
- var _keyCode2 = _interopRequireDefault(_keyCode);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } } /**
- * This source code is quoted from rc-slider.
- * homepage: https://github.com/react-component/slider
- */
-
-
- function isEventFromHandle(e, handles) {
- return Object.keys(handles).some(function (key) {
- return e.target === (0, _reactDom.findDOMNode)(handles[key]);
- });
- }
-
- function isValueOutOfRange(value, _ref) {
- var min = _ref.min,
- max = _ref.max;
-
- return value < min || value > max;
- }
-
- function isNotTouchEvent(e) {
- //event.touches，多点触碰时的位置数组，比如缩放手势必须要用两指的触摸点，就是一个数组
- return e.touches.length > 1 || e.type.toLowerCase() === 'touchend' && e.touches.length > 0;
- }
-
- function getClosestPoint(val, _ref2) {
- var marks = _ref2.marks,
- step = _ref2.step,
- min = _ref2.min;
-
- var points = Object.keys(marks).map(parseFloat);
- if (step !== null) {
- var closestStep = Math.round((val - min) / step) * step + min; //Math.round(((val - min) / step) * step) + min;
- points.push(closestStep);
- }
- var diffs = points.map(function (point) {
- return Math.abs(val - point);
- });
- return points[diffs.indexOf(Math.min.apply(Math, _toConsumableArray(diffs)))];
- }
-
- function getPrecision(step) {
- var stepString = step.toString();
- var precision = 0;
- if (stepString.indexOf('.') >= 0) {
- precision = stepString.length - stepString.indexOf('.') - 1;
- }
- return precision;
- }
-
- function getMousePosition(vertical, e) {
- return vertical ? e.clientY : e.pageX;
- }
-
- function getTouchPosition(vertical, e) {
- return vertical ? e.touches[0].clientY : e.touches[0].pageX;
- }
-
- function getHandleCenterPosition(vertical, handle) {
- var coords = handle.getBoundingClientRect();
- return vertical ? coords.top + coords.height * 0.5 : coords.left + coords.width * 0.5;
- }
-
- function ensureValueInRange(val, _ref3) {
- var max = _ref3.max,
- min = _ref3.min;
-
- if (val <= min) {
- return min;
- }
- if (val >= max) {
- return max;
- }
- return val;
- }
-
- function ensureValuePrecision(val, props) {
- var step = props.step;
-
- var closestPoint = getClosestPoint(val, props);
- return step === null ? closestPoint : parseFloat(closestPoint.toFixed(getPrecision(step)));
- }
-
- function pauseEvent(e) {
- e.stopPropagation();
- e.preventDefault();
- }
-
- function getKeyboardValueMutator(e) {
- switch (e.keyCode) {
- case _keyCode2["default"].UP:
- case _keyCode2["default"].RIGHT:
- return function (value, props) {
- return value + props.step;
- };
-
- case _keyCode2["default"].DOWN:
- case _keyCode2["default"].LEFT:
- return function (value, props) {
- return value - props.step;
- };
-
- case _keyCode2["default"].END:
- return function (value, props) {
- return props.max;
- };
- case _keyCode2["default"].HOME:
- return function (value, props) {
- return props.min;
- };
- case _keyCode2["default"].PAGE_UP:
- return function (value, props) {
- return value + props.step * 2;
- };
- case _keyCode2["default"].PAGE_DOWN:
- return function (value, props) {
- return value - props.step * 2;
- };
-
- default:
- return undefined;
- }
- }
-
- /***/ }),
- /* 198 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
- exports.default = createChainableTypeChecker;
- /**
- * Copyright 2013-present, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- */
-
- // Mostly taken from ReactPropTypes.
-
- /* This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
-
- function createChainableTypeChecker(validate) {
- function checkType(isRequired, props, propName, componentName, location, propFullName) {
- var componentNameSafe = componentName || '<>';
- var propFullNameSafe = propFullName || propName;
-
- if (props[propName] == null) {
- if (isRequired) {
- return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
- }
-
- return null;
- }
-
- for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
- args[_key - 6] = arguments[_key];
- }
-
- return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
- }
-
- var chainedCheckType = checkType.bind(null, false);
- chainedCheckType.isRequired = checkType.bind(null, true);
-
- return chainedCheckType;
- }
-
- /***/ }),
- /* 199 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
- exports.default = createChainableTypeChecker;
- /**
- * Copyright 2013-present, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- */
-
- // Mostly taken from ReactPropTypes.
-
- /* This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
-
- function createChainableTypeChecker(validate) {
- function checkType(isRequired, props, propName, componentName, location, propFullName) {
- var componentNameSafe = componentName || '<>';
- var propFullNameSafe = propFullName || propName;
-
- if (props[propName] == null) {
- if (isRequired) {
- return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
- }
-
- return null;
- }
-
- for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
- args[_key - 6] = arguments[_key];
- }
-
- return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
- }
-
- var chainedCheckType = checkType.bind(null, false);
- chainedCheckType.isRequired = checkType.bind(null, true);
-
- return chainedCheckType;
- }
-
- /***/ }),
- /* 200 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _inDOM = __webpack_require__(56);
-
- var _inDOM2 = _interopRequireDefault(_inDOM);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- var on = function on() {};
- if (_inDOM2.default) {
- on = function () {
-
- if (document.addEventListener) return function (node, eventName, handler, capture) {
- return node.addEventListener(eventName, handler, capture || false);
- };else if (document.attachEvent) return function (node, eventName, handler) {
- return node.attachEvent('on' + eventName, handler);
- };
- }();
- }
-
- exports.default = on;
- module.exports = exports['default'];
-
- /***/ }),
- /* 201 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
- exports.default = createChainableTypeChecker;
- /**
- * Copyright 2013-present, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- */
-
- // Mostly taken from ReactPropTypes.
-
- /* This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
-
- function createChainableTypeChecker(validate) {
- function checkType(isRequired, props, propName, componentName, location, propFullName) {
- var componentNameSafe = componentName || '<>';
- var propFullNameSafe = propFullName || propName;
-
- if (props[propName] == null) {
- if (isRequired) {
- return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
- }
-
- return null;
- }
-
- for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
- args[_key - 6] = arguments[_key];
- }
-
- return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
- }
-
- var chainedCheckType = checkType.bind(null, false);
- chainedCheckType.isRequired = checkType.bind(null, true);
-
- return chainedCheckType;
- }
-
- /***/ }),
- /* 202 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.EXITING = exports.ENTERED = exports.ENTERING = exports.EXITED = exports.UNMOUNTED = undefined;
-
- var _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; };
-
- var _react = __webpack_require__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- var _reactDom = __webpack_require__(3);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- var _properties = __webpack_require__(537);
-
- var _properties2 = _interopRequireDefault(_properties);
-
- var _on = __webpack_require__(200);
-
- var _on2 = _interopRequireDefault(_on);
-
- var _classnames = __webpack_require__(2);
-
- var _classnames2 = _interopRequireDefault(_classnames);
-
- var _propTypes = __webpack_require__(1);
-
- var _propTypes2 = _interopRequireDefault(_propTypes);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
-
- function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
-
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
-
- var transitionEndEvent = _properties2["default"].end;
-
- //设置状态码
- var UNMOUNTED = exports.UNMOUNTED = 0;
- var EXITED = exports.EXITED = 1;
- var ENTERING = exports.ENTERING = 2;
- var ENTERED = exports.ENTERED = 3;
- var EXITING = exports.EXITING = 4;
-
- var propTypes = {
- /**
- * 是否触发动画
- */
- "in": _propTypes2["default"].bool,
-
- /**
- * 不显示的时候是否移除组件
- */
- unmountOnExit: _propTypes2["default"].bool,
-
- /**
- * 如果设置为默认显示，挂载时显示动画
- */
- transitionAppear: _propTypes2["default"].bool,
-
- /**
- * 设置超时时间，防止出现问题，可设置为>=动画时间
- */
- timeout: _propTypes2["default"].number,
-
- /**
- * 退出组件时添加的class
- */
- exitedClassName: _propTypes2["default"].string,
- /**
- * 退出组件中添加的class
- */
- exitingClassName: _propTypes2["default"].string,
- /**
- * 进入动画后添加的class
- */
- enteredClassName: _propTypes2["default"].string,
- /**
- * 进入动画时添加的class
- */
- enteringClassName: _propTypes2["default"].string,
-
- /**
- * 进入动画开始时的钩子函数
- */
- onEnter: _propTypes2["default"].func,
- /**
- * 进入动画中的钩子函数
- */
- onEntering: _propTypes2["default"].func,
- /**
- * 进入动画后的钩子函数
- */
- onEntered: _propTypes2["default"].func,
- /**
- * 退出动画开始时的钩子函数
- */
- onExit: _propTypes2["default"].func,
- /**
- * 退出动画中的钩子函数
- */
- onExiting: _propTypes2["default"].func,
- /**
- * 退出动画后的钩子函数
- */
- onExited: _propTypes2["default"].func
- };
-
- function noop() {}
-
- var defaultProps = {
- "in": false,
- unmountOnExit: false,
- transitionAppear: false,
- timeout: 5000,
- onEnter: noop,
- onEntering: noop,
- onEntered: noop,
- onExit: noop,
- onExiting: noop,
- onExited: noop
- };
-
- /**
- * 动画组件
- */
-
- var Transition = function (_Component) {
- _inherits(Transition, _Component);
-
- function Transition(props, context) {
- _classCallCheck(this, Transition);
-
- var _this = _possibleConstructorReturn(this, _Component.call(this, props, context));
-
- var initialStatus = void 0;
- if (props["in"]) {
- // 在componentdidmount时开始执行动画
- initialStatus = props.transitionAppear ? EXITED : ENTERED;
- } else {
- initialStatus = props.unmountOnExit ? UNMOUNTED : EXITED;
- }
- _this.state = { status: initialStatus };
-
- _this.nextCallback = null;
- return _this;
- }
-
- Transition.prototype.componentDidMount = function componentDidMount() {
- if (this.props.transitionAppear && this.props["in"]) {
- this.performEnter(this.props);
- }
- };
-
- Transition.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
- if (nextProps["in"] && this.props.unmountOnExit) {
- if (this.state.status === UNMOUNTED) {
- // 在componentDidUpdate执行动画.
- this.setState({ status: EXITED });
- }
- } else {
- this._needsUpdate = true;
- }
- };
-
- Transition.prototype.componentDidUpdate = function componentDidUpdate() {
- var status = this.state.status;
-
- if (this.props.unmountOnExit && status === EXITED) {
- // 当使用unmountOnExit时，exited为exiting和unmont的过渡状态
- if (this.props["in"]) {
- this.performEnter(this.props);
- } else {
- this.setState({ status: UNMOUNTED });
- }
-
- return;
- }
-
- // 确保只响应prop变化
- if (this._needsUpdate) {
- this._needsUpdate = false;
-
- if (this.props["in"]) {
- if (status === EXITING) {
- this.performEnter(this.props);
- } else if (status === EXITED) {
- this.performEnter(this.props);
- }
- // 其他，当我们已经输入或输出
- } else {
- if (status === ENTERING || status === ENTERED) {
- this.performExit(this.props);
- }
- // 我们已经输入或输出完成
- }
- }
- };
-
- Transition.prototype.componentWillUnmount = function componentWillUnmount() {
- this.cancelNextCallback();
- };
-
- Transition.prototype.performEnter = function performEnter(props) {
- var _this2 = this;
-
- this.cancelNextCallback();
- var node = _reactDom2["default"].findDOMNode(this);
-
- // 这里接收新props
- props.onEnter(node);
-
- this.safeSetState({ status: ENTERING }, function () {
- _this2.props.onEntering(node);
-
- _this2.onTransitionEnd(node, function () {
- _this2.safeSetState({ status: ENTERED }, function () {
- _this2.props.onEntered(node);
- });
- });
- });
- };
-
- Transition.prototype.performExit = function performExit(props) {
- var _this3 = this;
-
- this.cancelNextCallback();
- var node = _reactDom2["default"].findDOMNode(this);
-
- props.onExit(node);
-
- this.safeSetState({ status: EXITING }, function () {
- _this3.props.onExiting(node);
-
- _this3.onTransitionEnd(node, function () {
- _this3.safeSetState({ status: EXITED }, function () {
- _this3.props.onExited(node);
- });
- });
- });
- };
-
- Transition.prototype.cancelNextCallback = function cancelNextCallback() {
- if (this.nextCallback !== null) {
- this.nextCallback.cancel();
- this.nextCallback = null;
- }
- };
-
- Transition.prototype.safeSetState = function safeSetState(nextState, callback) {
- // 确保在组件销毁后挂起的setState被消除
- this.setState(nextState, this.setNextCallback(callback));
- };
-
- Transition.prototype.setNextCallback = function setNextCallback(callback) {
- var _this4 = this;
-
- var active = true;
-
- this.nextCallback = function (event) {
- if (active) {
- active = false;
- _this4.nextCallback = null;
-
- callback(event);
- }
- };
-
- this.nextCallback.cancel = function () {
- active = false;
- };
-
- return this.nextCallback;
- };
-
- Transition.prototype.onTransitionEnd = function onTransitionEnd(node, handler) {
- this.setNextCallback(handler);
-
- if (node) {
- if (transitionEndEvent == undefined) {
- this.nextCallback();
- } else {
- (0, _on2["default"])(node, transitionEndEvent, this.nextCallback);
- }
- setTimeout(this.nextCallback, this.props.timeout);
- } else {
- setTimeout(this.nextCallback, 0);
- }
- };
-
- Transition.prototype.render = function render() {
- var status = this.state.status;
- if (status === UNMOUNTED) {
- return null;
- }
-
- var _props = this.props,
- children = _props.children,
- className = _props.className,
- childProps = _objectWithoutProperties(_props, ['children', 'className']);
-
- Object.keys(Transition.propTypes).forEach(function (key) {
- return delete childProps[key];
- });
-
- var transitionClassName = void 0;
- if (status === EXITED) {
- transitionClassName = this.props.exitedClassName;
- } else if (status === ENTERING) {
- transitionClassName = this.props.enteringClassName;
- } else if (status === ENTERED) {
- transitionClassName = this.props.enteredClassName;
- } else if (status === EXITING) {
- transitionClassName = this.props.exitingClassName;
- }
-
- var child = _react2["default"].Children.only(children);
- return _react2["default"].cloneElement(child, _extends({}, childProps, {
- className: (0, _classnames2["default"])(child.props.className, className, transitionClassName)
- }));
- };
-
- return Transition;
- }(_react.Component);
-
- Transition.propTypes = propTypes;
-
- Transition.defaultProps = defaultProps;
-
- exports["default"] = Transition;
-
- /***/ }),
- /* 203 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _react = __webpack_require__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- var _propTypes = __webpack_require__(1);
-
- var _propTypes2 = _interopRequireDefault(_propTypes);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
-
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); } /**
- * This source code is quoted from rc-select.
- * homepage: https://github.com/react-component/select
- */
-
-
- var Option = function (_React$Component) {
- _inherits(Option, _React$Component);
-
- function Option() {
- _classCallCheck(this, Option);
-
- return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));
- }
-
- return Option;
- }(_react2["default"].Component);
-
- Option.propTypes = {
- value: _propTypes2["default"].oneOfType([_propTypes2["default"].string, _propTypes2["default"].number])
- };
- Option.isSelectOption = true;
- exports["default"] = Option;
- module.exports = exports['default'];
-
- /***/ }),
- /* 204 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.UNSELECTABLE_ATTRIBUTE = exports.UNSELECTABLE_STYLE = undefined;
-
- var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
-
- exports.toTitle = toTitle;
- exports.getValuePropValue = getValuePropValue;
- exports.getPropValue = getPropValue;
- exports.isMultiple = isMultiple;
- exports.isCombobox = isCombobox;
- exports.isMultipleOrTags = isMultipleOrTags;
- exports.isMultipleOrTagsOrCombobox = isMultipleOrTagsOrCombobox;
- exports.isSingleMode = isSingleMode;
- exports.toArray = toArray;
- exports.getMapKey = getMapKey;
- exports.preventDefaultEvent = preventDefaultEvent;
- exports.findIndexInValueBySingleValue = findIndexInValueBySingleValue;
- exports.getLabelFromPropsValue = getLabelFromPropsValue;
- exports.getSelectKeys = getSelectKeys;
- exports.findFirstMenuItem = findFirstMenuItem;
- exports.includesSeparators = includesSeparators;
- exports.splitBySeparators = splitBySeparators;
- exports.defaultFilterFn = defaultFilterFn;
- exports.validateOptionValue = validateOptionValue;
- exports.saveRef = saveRef;
-
- var _react = __webpack_require__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- function toTitle(title) {
- if (typeof title === 'string') {
- return title;
- }
- return null;
- }
-
- function getValuePropValue(child) {
- if (!child) {
- return null;
- }
-
- var props = child.props;
- if ('value' in props) {
- return props.value;
- }
- if (child.key) {
- return child.key;
- }
- if (child.type && child.type.isSelectOptGroup && props.label) {
- return props.label;
- }
- throw new Error('Need at least a key or a value or a label (only for OptGroup) for ' + child);
- }
-
- function getPropValue(child, prop) {
- if (prop === 'value') {
- return getValuePropValue(child);
- }
- return child.props[prop];
- }
-
- function isMultiple(props) {
- return props.multiple;
- }
-
- function isCombobox(props) {
- return props.combobox;
- }
-
- function isMultipleOrTags(props) {
- return props.multiple || props.tags;
- }
-
- function isMultipleOrTagsOrCombobox(props) {
- return isMultipleOrTags(props) || isCombobox(props);
- }
-
- function isSingleMode(props) {
- return !isMultipleOrTagsOrCombobox(props);
- }
-
- function toArray(value) {
- var ret = value;
- if (value === undefined) {
- ret = [];
- } else if (!Array.isArray(value)) {
- ret = [value];
- }
- return ret;
- }
-
- function getMapKey(value) {
- return (typeof value === 'undefined' ? 'undefined' : _typeof(value)) + '-' + value;
- }
-
- function preventDefaultEvent(e) {
- e.preventDefault();
- }
-
- function findIndexInValueBySingleValue(value, singleValue) {
- var index = -1;
- for (var i = 0; i < value.length; i++) {
- if (value[i] === singleValue) {
- index = i;
- break;
- }
- }
- return index;
- }
-
- function getLabelFromPropsValue(value, key) {
- var label = void 0;
- value = toArray(value);
- for (var i = 0; i < value.length; i++) {
- if (value[i].key === key) {
- label = value[i].label;
- break;
- }
- }
- return label;
- }
-
- function getSelectKeys(menuItems, value) {
- if (value === null || value === undefined) {
- return [];
- }
- var selectedKeys = [];
- _react2["default"].Children.forEach(menuItems, function (item) {
- if (item.type.isMenuItemGroup) {
- selectedKeys = selectedKeys.concat(getSelectKeys(item.props.children, value));
- } else {
- var itemValue = getValuePropValue(item);
- var itemKey = item.key;
- if (findIndexInValueBySingleValue(value, itemValue) !== -1 && itemKey) {
- selectedKeys.push(itemKey);
- }
- }
- });
- return selectedKeys;
- }
-
- var UNSELECTABLE_STYLE = exports.UNSELECTABLE_STYLE = {
- userSelect: 'none',
- WebkitUserSelect: 'none'
- };
-
- var UNSELECTABLE_ATTRIBUTE = exports.UNSELECTABLE_ATTRIBUTE = {
- unselectable: 'on'
- };
-
- function findFirstMenuItem(children) {
- for (var i = 0; i < children.length; i++) {
- var child = children[i];
- if (child.type.isMenuItemGroup) {
- var found = findFirstMenuItem(child.props.children);
- if (found) {
- return found;
- }
- } else if (!child.props.disabled) {
- return child;
- }
- }
- return null;
- }
-
- function includesSeparators(string, separators) {
- for (var i = 0; i < separators.length; ++i) {
- if (string.lastIndexOf(separators[i]) > 0) {
- return true;
- }
- }
- return false;
- }
-
- function splitBySeparators(string, separators) {
- var reg = new RegExp('[' + separators.join() + ']');
- return string.split(reg).filter(function (token) {
- return token;
- });
- }
-
- function defaultFilterFn(input, child) {
- if (child.props.disabled) {
- return false;
- }
- var value = toArray(getPropValue(child, this.props.optionFilterProp)).join('');
- return value.toLowerCase().indexOf(input.toLowerCase()) > -1;
- }
-
- function validateOptionValue(value, props) {
- if (isSingleMode(props) || isMultiple(props)) {
- return;
- }
- if (typeof value !== 'string') {
- throw new Error('Invalid `value` of type `' + (typeof value === 'undefined' ? 'undefined' : _typeof(value)) + '` supplied to Option, ' + 'expected `string` when `tags/combobox` is `true`.');
- }
- }
-
- function saveRef(instance, name) {
- return function (node) {
- instance[name] = node;
- };
- }
-
- /***/ }),
- /* 205 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* unused harmony export getStyleProperty */
- /* harmony export (immutable) */ __webpack_exports__["c"] = getStyleValue;
- /* unused harmony export getVendorPrefixes */
- /* unused harmony export getVendorPrefixedEventName */
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return animationEndName; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return transitionEndName; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return supportTransition; });
- /* harmony export (immutable) */ __webpack_exports__["e"] = mergeChildren;
- /* harmony export (immutable) */ __webpack_exports__["b"] = cloneProps;
- /* harmony export (immutable) */ __webpack_exports__["d"] = getTransitionName;
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rc_util_es_Children_toArray__ = __webpack_require__(71);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_fbjs_lib_ExecutionEnvironment__ = __webpack_require__(1742);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_fbjs_lib_ExecutionEnvironment___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_fbjs_lib_ExecutionEnvironment__);
-
-
-
- // =================== Style ====================
- var stylePrefixes = ['-webkit-', '-moz-', '-o-', 'ms-', ''];
-
- function getStyleProperty(node, name) {
- // old ff need null, https://developer.mozilla.org/en-US/docs/Web/API/Window/getComputedStyle
- var style = window.getComputedStyle(node, null);
- var ret = '';
- for (var i = 0; i < stylePrefixes.length; i++) {
- ret = style.getPropertyValue(stylePrefixes[i] + name);
- if (ret) {
- break;
- }
- }
- return ret;
- }
-
- function getStyleValue(node, name) {
- return parseFloat(getStyleProperty(node, name));
- }
-
- // ================= Transition =================
- // Event wrapper. Copy from react source code
- function makePrefixMap(styleProp, eventName) {
- var prefixes = {};
-
- prefixes[styleProp.toLowerCase()] = eventName.toLowerCase();
- prefixes['Webkit' + styleProp] = 'webkit' + eventName;
- prefixes['Moz' + styleProp] = 'moz' + eventName;
- prefixes['ms' + styleProp] = 'MS' + eventName;
- prefixes['O' + styleProp] = 'o' + eventName.toLowerCase();
-
- return prefixes;
- }
-
- function getVendorPrefixes(domSupport, win) {
- var prefixes = {
- animationend: makePrefixMap('Animation', 'AnimationEnd'),
- transitionend: makePrefixMap('Transition', 'TransitionEnd')
- };
-
- if (domSupport) {
- if (!('AnimationEvent' in win)) {
- delete prefixes.animationend.animation;
- }
-
- if (!('TransitionEvent' in win)) {
- delete prefixes.transitionend.transition;
- }
- }
-
- return prefixes;
- }
-
- var vendorPrefixes = getVendorPrefixes(__WEBPACK_IMPORTED_MODULE_1_fbjs_lib_ExecutionEnvironment__["canUseDOM"], typeof window !== 'undefined' ? window : {});
-
- var style = {};
-
- if (__WEBPACK_IMPORTED_MODULE_1_fbjs_lib_ExecutionEnvironment__["canUseDOM"]) {
- style = document.createElement('div').style;
- }
-
- var prefixedEventNames = {};
-
- function getVendorPrefixedEventName(eventName) {
- if (prefixedEventNames[eventName]) {
- return prefixedEventNames[eventName];
- }
-
- var prefixMap = vendorPrefixes[eventName];
-
- if (prefixMap) {
- var stylePropList = Object.keys(prefixMap);
- var len = stylePropList.length;
- for (var i = 0; i < len; i += 1) {
- var styleProp = stylePropList[i];
- if (Object.prototype.hasOwnProperty.call(prefixMap, styleProp) && styleProp in style) {
- prefixedEventNames[eventName] = prefixMap[styleProp];
- return prefixedEventNames[eventName];
- }
- }
- }
-
- return '';
- }
-
- var animationEndName = getVendorPrefixedEventName('animationend');
- var transitionEndName = getVendorPrefixedEventName('transitionend');
- var supportTransition = !!(animationEndName && transitionEndName);
-
- // ==================== Node ====================
- /**
- * [Legacy] Find the same children in both prev & next list.
- * Insert not find one before the find one, otherwise in the end. For example:
- * - prev: [1,2,3]
- * - next: [2,4]
- * -> [1,2,4,3]
- */
- function mergeChildren(prev, next) {
- var prevList = Object(__WEBPACK_IMPORTED_MODULE_0_rc_util_es_Children_toArray__["a" /* default */])(prev);
- var nextList = Object(__WEBPACK_IMPORTED_MODULE_0_rc_util_es_Children_toArray__["a" /* default */])(next);
-
- // Skip if is single children
- if (prevList.length === 1 && nextList.length === 1 && prevList[0].key === nextList[0].key) {
- return nextList;
- }
-
- var mergeList = [];
- var nextChildrenMap = {};
- var missMatchChildrenList = [];
-
- // Fill matched prev node into next node map
- prevList.forEach(function (prevNode) {
- if (prevNode && nextList.some(function (_ref) {
- var key = _ref.key;
- return key === prevNode.key;
- })) {
- if (missMatchChildrenList.length) {
- nextChildrenMap[prevNode.key] = missMatchChildrenList;
- missMatchChildrenList = [];
- }
- } else {
- missMatchChildrenList.push(prevNode);
- }
- });
-
- // Insert prev node before the matched next node
- nextList.forEach(function (nextNode) {
- if (nextNode && nextChildrenMap[nextNode.key]) {
- mergeList = mergeList.concat(nextChildrenMap[nextNode.key]);
- }
- mergeList.push(nextNode);
- });
-
- mergeList = mergeList.concat(missMatchChildrenList);
-
- return mergeList;
- }
-
- function cloneProps(props, propList) {
- var newProps = {};
- propList.forEach(function (prop) {
- if (prop in props) {
- newProps[prop] = props[prop];
- }
- });
-
- return newProps;
- }
-
- function getTransitionName(transitionName, transitionType) {
- if (!transitionName) return null;
-
- if (typeof transitionName === 'object') {
- var type = transitionType.replace(/-\w/g, function (match) {
- return match[1].toUpperCase();
- });
- return transitionName[type];
- }
-
- return transitionName + '-' + transitionType;
- }
-
- /***/ }),
- /* 206 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* harmony export (immutable) */ __webpack_exports__["p"] = warnOnlyTreeNode;
- /* harmony export (immutable) */ __webpack_exports__["b"] = arrDel;
- /* harmony export (immutable) */ __webpack_exports__["a"] = arrAdd;
- /* harmony export (immutable) */ __webpack_exports__["o"] = posToArr;
- /* harmony export (immutable) */ __webpack_exports__["l"] = getPosition;
- /* unused harmony export isTreeNode */
- /* harmony export (immutable) */ __webpack_exports__["k"] = getNodeChildren;
- /* unused harmony export isCheckDisabled */
- /* unused harmony export traverseTreeNodes */
- /* harmony export (immutable) */ __webpack_exports__["m"] = mapChildren;
- /* harmony export (immutable) */ __webpack_exports__["j"] = getDragNodesKeys;
- /* harmony export (immutable) */ __webpack_exports__["c"] = calcDropPosition;
- /* harmony export (immutable) */ __webpack_exports__["d"] = calcSelectedKeys;
- /* harmony export (immutable) */ __webpack_exports__["g"] = convertDataToTree;
- /* harmony export (immutable) */ __webpack_exports__["h"] = convertTreeToEntities;
- /* harmony export (immutable) */ __webpack_exports__["n"] = parseCheckedKeys;
- /* harmony export (immutable) */ __webpack_exports__["e"] = conductCheck;
- /* harmony export (immutable) */ __webpack_exports__["f"] = conductExpandParent;
- /* harmony export (immutable) */ __webpack_exports__["i"] = getDataAndAria;
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_objectWithoutProperties__ = __webpack_require__(15);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_objectWithoutProperties___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_objectWithoutProperties__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_react__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_rc_util_es_Children_toArray__ = __webpack_require__(71);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_warning__ = __webpack_require__(555);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_warning___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_warning__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__TreeNode__ = __webpack_require__(556);
-
-
-
-
-
-
- var DRAG_SIDE_RANGE = 0.25;
- var DRAG_MIN_GAP = 2;
-
- var onlyTreeNodeWarned = false;
-
- function warnOnlyTreeNode() {
- if (onlyTreeNodeWarned) return;
-
- onlyTreeNodeWarned = true;
- __WEBPACK_IMPORTED_MODULE_3_warning___default()(false, 'Tree only accept TreeNode as children.');
- }
-
- function arrDel(list, value) {
- var clone = list.slice();
- var index = clone.indexOf(value);
- if (index >= 0) {
- clone.splice(index, 1);
- }
- return clone;
- }
-
- function arrAdd(list, value) {
- var clone = list.slice();
- if (clone.indexOf(value) === -1) {
- clone.push(value);
- }
- return clone;
- }
-
- function posToArr(pos) {
- return pos.split('-');
- }
-
- function getPosition(level, index) {
- return level + '-' + index;
- }
-
- function isTreeNode(node) {
- return node && node.type && node.type.isTreeNode;
- }
-
- function getNodeChildren(children) {
- return Object(__WEBPACK_IMPORTED_MODULE_2_rc_util_es_Children_toArray__["a" /* default */])(children).filter(isTreeNode);
- }
-
- function isCheckDisabled(node) {
- var _ref = node.props || {},
- disabled = _ref.disabled,
- disableCheckbox = _ref.disableCheckbox;
-
- return !!(disabled || disableCheckbox);
- }
-
- function traverseTreeNodes(treeNodes, callback) {
- function processNode(node, index, parent) {
- var children = node ? node.props.children : treeNodes;
- var pos = node ? getPosition(parent.pos, index) : 0;
-
- // Filter children
- var childList = getNodeChildren(children);
-
- // Process node if is not root
- if (node) {
- var data = {
- node: node,
- index: index,
- pos: pos,
- key: node.key || pos,
- parentPos: parent.node ? parent.pos : null
- };
-
- callback(data);
- }
-
- // Process children node
- __WEBPACK_IMPORTED_MODULE_1_react__["Children"].forEach(childList, function (subNode, subIndex) {
- processNode(subNode, subIndex, { node: node, pos: pos });
- });
- }
-
- processNode(null);
- }
-
- /**
- * Use `rc-util` `toArray` to get the children list which keeps the key.
- * And return single node if children is only one(This can avoid `key` missing check).
- */
- function mapChildren(children, func) {
- var list = Object(__WEBPACK_IMPORTED_MODULE_2_rc_util_es_Children_toArray__["a" /* default */])(children).map(func);
- if (list.length === 1) {
- return list[0];
- }
- return list;
- }
-
- function getDragNodesKeys(treeNodes, node) {
- var _node$props = node.props,
- eventKey = _node$props.eventKey,
- pos = _node$props.pos;
-
- var dragNodesKeys = [];
-
- traverseTreeNodes(treeNodes, function (_ref2) {
- var key = _ref2.key;
-
- dragNodesKeys.push(key);
- });
- dragNodesKeys.push(eventKey || pos);
- return dragNodesKeys;
- }
-
- // Only used when drag, not affect SSR.
- function calcDropPosition(event, treeNode) {
- var clientY = event.clientY;
-
- var _treeNode$selectHandl = treeNode.selectHandle.getBoundingClientRect(),
- top = _treeNode$selectHandl.top,
- bottom = _treeNode$selectHandl.bottom,
- height = _treeNode$selectHandl.height;
-
- var des = Math.max(height * DRAG_SIDE_RANGE, DRAG_MIN_GAP);
-
- if (clientY <= top + des) {
- return -1;
- } else if (clientY >= bottom - des) {
- return 1;
- }
-
- return 0;
- }
-
- /**
- * Return selectedKeys according with multiple prop
- * @param selectedKeys
- * @param props
- * @returns [string]
- */
- function calcSelectedKeys(selectedKeys, props) {
- if (!selectedKeys) return undefined;
-
- var multiple = props.multiple;
-
- if (multiple) {
- return selectedKeys.slice();
- }
-
- if (selectedKeys.length) {
- return [selectedKeys[0]];
- }
- return selectedKeys;
- }
-
- /**
- * Since React internal will convert key to string,
- * we need do this to avoid `checkStrictly` use number match
- */
- function keyListToString(keyList) {
- if (!keyList) return keyList;
- return keyList.map(function (key) {
- return String(key);
- });
- }
-
- var internalProcessProps = function internalProcessProps(props) {
- return props;
- };
- function convertDataToTree(treeData, processer) {
- if (!treeData) return [];
-
- var _ref3 = processer || {},
- _ref3$processProps = _ref3.processProps,
- processProps = _ref3$processProps === undefined ? internalProcessProps : _ref3$processProps;
-
- var list = Array.isArray(treeData) ? treeData : [treeData];
- return list.map(function (_ref4) {
- var children = _ref4.children,
- props = __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_objectWithoutProperties___default()(_ref4, ['children']);
-
- var childrenNodes = convertDataToTree(children, processer);
-
- return __WEBPACK_IMPORTED_MODULE_1_react___default.a.createElement(
- __WEBPACK_IMPORTED_MODULE_4__TreeNode__["a" /* default */],
- processProps(props),
- childrenNodes
- );
- });
- }
-
- // TODO: ========================= NEW LOGIC =========================
- /**
- * Calculate treeNodes entities. `processTreeEntity` is used for `rc-tree-select`
- * @param treeNodes
- * @param processTreeEntity User can customize the entity
- */
- function convertTreeToEntities(treeNodes) {
- var _ref5 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
- initWrapper = _ref5.initWrapper,
- processEntity = _ref5.processEntity,
- onProcessFinished = _ref5.onProcessFinished;
-
- var posEntities = {};
- var keyEntities = {};
- var wrapper = {
- posEntities: posEntities,
- keyEntities: keyEntities
- };
-
- if (initWrapper) {
- wrapper = initWrapper(wrapper) || wrapper;
- }
-
- traverseTreeNodes(treeNodes, function (item) {
- var node = item.node,
- index = item.index,
- pos = item.pos,
- key = item.key,
- parentPos = item.parentPos;
-
- var entity = { node: node, index: index, key: key, pos: pos };
-
- posEntities[pos] = entity;
- keyEntities[key] = entity;
-
- // Fill children
- entity.parent = posEntities[parentPos];
- if (entity.parent) {
- entity.parent.children = entity.parent.children || [];
- entity.parent.children.push(entity);
- }
-
- if (processEntity) {
- processEntity(entity, wrapper);
- }
- });
-
- if (onProcessFinished) {
- onProcessFinished(wrapper);
- }
-
- return wrapper;
- }
-
- /**
- * Parse `checkedKeys` to { checkedKeys, halfCheckedKeys } style
- */
- function parseCheckedKeys(keys) {
- if (!keys) {
- return null;
- }
-
- // Convert keys to object format
- var keyProps = void 0;
- if (Array.isArray(keys)) {
- // [Legacy] Follow the api doc
- keyProps = {
- checkedKeys: keys,
- halfCheckedKeys: undefined
- };
- } else if (typeof keys === 'object') {
- keyProps = {
- checkedKeys: keys.checked || undefined,
- halfCheckedKeys: keys.halfChecked || undefined
- };
- } else {
- __WEBPACK_IMPORTED_MODULE_3_warning___default()(false, '`checkedKeys` is not an array or an object');
- return null;
- }
-
- keyProps.checkedKeys = keyListToString(keyProps.checkedKeys);
- keyProps.halfCheckedKeys = keyListToString(keyProps.halfCheckedKeys);
-
- return keyProps;
- }
-
- /**
- * Conduct check state by the keyList. It will conduct up & from the provided key.
- * If the conduct path reach the disabled or already checked / unchecked node will stop conduct.
- * @param keyList list of keys
- * @param isCheck is check the node or not
- * @param keyEntities parsed by `convertTreeToEntities` function in Tree
- * @param checkStatus Can pass current checked status for process (usually for uncheck operation)
- * @returns {{checkedKeys: [], halfCheckedKeys: []}}
- */
- function conductCheck(keyList, isCheck, keyEntities) {
- var checkStatus = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
-
- var checkedKeys = {};
- var halfCheckedKeys = {}; // Record the key has some child checked (include child half checked)
-
- (checkStatus.checkedKeys || []).forEach(function (key) {
- checkedKeys[key] = true;
- });
-
- (checkStatus.halfCheckedKeys || []).forEach(function (key) {
- halfCheckedKeys[key] = true;
- });
-
- // Conduct up
- function conductUp(key) {
- if (checkedKeys[key] === isCheck) return;
-
- var entity = keyEntities[key];
- if (!entity) return;
-
- var children = entity.children,
- parent = entity.parent,
- node = entity.node;
-
-
- if (isCheckDisabled(node)) return;
-
- // Check child node checked status
- var everyChildChecked = true;
- var someChildChecked = false; // Child checked or half checked
-
- (children || []).filter(function (child) {
- return !isCheckDisabled(child.node);
- }).forEach(function (_ref6) {
- var childKey = _ref6.key;
-
- var childChecked = checkedKeys[childKey];
- var childHalfChecked = halfCheckedKeys[childKey];
-
- if (childChecked || childHalfChecked) someChildChecked = true;
- if (!childChecked) everyChildChecked = false;
- });
-
- // Update checked status
- if (isCheck) {
- checkedKeys[key] = everyChildChecked;
- } else {
- checkedKeys[key] = false;
- }
- halfCheckedKeys[key] = someChildChecked;
-
- if (parent) {
- conductUp(parent.key);
- }
- }
-
- // Conduct down
- function conductDown(key) {
- if (checkedKeys[key] === isCheck) return;
-
- var entity = keyEntities[key];
- if (!entity) return;
-
- var children = entity.children,
- node = entity.node;
-
-
- if (isCheckDisabled(node)) return;
-
- checkedKeys[key] = isCheck;
-
- (children || []).forEach(function (child) {
- conductDown(child.key);
- });
- }
-
- function conduct(key) {
- var entity = keyEntities[key];
-
- if (!entity) {
- __WEBPACK_IMPORTED_MODULE_3_warning___default()(false, '\'' + key + '\' does not exist in the tree.');
- return;
- }
-
- var children = entity.children,
- parent = entity.parent,
- node = entity.node;
-
- checkedKeys[key] = isCheck;
-
- if (isCheckDisabled(node)) return;
-
- // Conduct down
- (children || []).filter(function (child) {
- return !isCheckDisabled(child.node);
- }).forEach(function (child) {
- conductDown(child.key);
- });
-
- // Conduct up
- if (parent) {
- conductUp(parent.key);
- }
- }
-
- (keyList || []).forEach(function (key) {
- conduct(key);
- });
-
- var checkedKeyList = [];
- var halfCheckedKeyList = [];
-
- // Fill checked list
- Object.keys(checkedKeys).forEach(function (key) {
- if (checkedKeys[key]) {
- checkedKeyList.push(key);
- }
- });
-
- // Fill half checked list
- Object.keys(halfCheckedKeys).forEach(function (key) {
- if (!checkedKeys[key] && halfCheckedKeys[key]) {
- halfCheckedKeyList.push(key);
- }
- });
-
- return {
- checkedKeys: checkedKeyList,
- halfCheckedKeys: halfCheckedKeyList
- };
- }
-
- /**
- * If user use `autoExpandParent` we should get the list of parent node
- * @param keyList
- * @param keyEntities
- */
- function conductExpandParent(keyList, keyEntities) {
- var expandedKeys = {};
-
- function conductUp(key) {
- if (expandedKeys[key]) return;
-
- var entity = keyEntities[key];
- if (!entity) return;
-
- expandedKeys[key] = true;
-
- var parent = entity.parent,
- node = entity.node;
-
-
- if (isCheckDisabled(node)) return;
-
- if (parent) {
- conductUp(parent.key);
- }
- }
-
- (keyList || []).forEach(function (key) {
- conductUp(key);
- });
-
- return Object.keys(expandedKeys);
- }
-
- /**
- * Returns only the data- and aria- key/value pairs
- * @param {object} props
- */
- function getDataAndAria(props) {
- return Object.keys(props).reduce(function (prev, key) {
- if (key.substr(0, 5) === 'data-' || key.substr(0, 5) === 'aria-') {
- prev[key] = props[key];
- }
- return prev;
- }, {});
- }
-
- /***/ }),
- /* 207 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SHOW_ALL; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return SHOW_PARENT; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return SHOW_CHILD; });
- var SHOW_ALL = 'SHOW_ALL';
- var SHOW_PARENT = 'SHOW_PARENT';
- var SHOW_CHILD = 'SHOW_CHILD';
-
- /***/ }),
- /* 208 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return selectorPropTypes; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return selectorContextTypes; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types__ = __webpack_require__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_prop_types__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_classnames__ = __webpack_require__(2);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_classnames__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react_lifecycles_compat__ = __webpack_require__(13);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__util__ = __webpack_require__(32);
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
-
- 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 _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
- 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); }
-
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
- /**
- * Input Box is in different position for different mode.
- * This not the same design as `Select` cause it's followed by antd 0.x `Select`.
- * We will not follow the new design immediately since antd 3.x is already released.
- *
- * So this file named as Selector to avoid confuse.
- */
-
-
-
-
-
- var selectorPropTypes = {
- prefixCls: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.string,
- className: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.string,
- style: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.object,
- open: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,
- selectorValueList: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.array,
- allowClear: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,
- showArrow: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,
- onClick: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,
- onBlur: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,
- onFocus: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,
- removeSelected: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,
- // Pass by component
- ariaId: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.string,
- inputIcon: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.node, __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func]),
- clearIcon: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.node, __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func])
- };
- var selectorContextTypes = {
- onSelectorFocus: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func.isRequired,
- onSelectorBlur: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func.isRequired,
- onSelectorKeyDown: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func.isRequired,
- onSelectorClear: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func.isRequired
- };
- /* harmony default export */ __webpack_exports__["a"] = (function (modeName) {
- var BaseSelector =
- /*#__PURE__*/
- function (_React$Component) {
- _inherits(BaseSelector, _React$Component);
-
- function BaseSelector() {
- var _this;
-
- _classCallCheck(this, BaseSelector);
-
- _this = _possibleConstructorReturn(this, _getPrototypeOf(BaseSelector).call(this));
-
- _defineProperty(_assertThisInitialized(_this), "onFocus", function () {
- var _this$props = _this.props,
- onFocus = _this$props.onFocus,
- focused = _this$props.focused;
- var onSelectorFocus = _this.context.rcTreeSelect.onSelectorFocus;
-
- if (!focused) {
- onSelectorFocus();
- }
-
- if (onFocus) {
- onFocus.apply(void 0, arguments);
- }
- });
-
- _defineProperty(_assertThisInitialized(_this), "onBlur", function () {
- var onBlur = _this.props.onBlur;
- var onSelectorBlur = _this.context.rcTreeSelect.onSelectorBlur; // TODO: Not trigger when is inner component get focused
-
- onSelectorBlur();
-
- if (onBlur) {
- onBlur.apply(void 0, arguments);
- }
- });
-
- _defineProperty(_assertThisInitialized(_this), "focus", function () {
- _this.domRef.current.focus();
- });
-
- _defineProperty(_assertThisInitialized(_this), "blur", function () {
- _this.domRef.current.focus();
- });
-
- _this.domRef = Object(__WEBPACK_IMPORTED_MODULE_4__util__["g" /* createRef */])();
- return _this;
- }
-
- _createClass(BaseSelector, [{
- key: "renderClear",
- value: function renderClear() {
- var _this$props2 = this.props,
- prefixCls = _this$props2.prefixCls,
- allowClear = _this$props2.allowClear,
- selectorValueList = _this$props2.selectorValueList,
- clearIcon = _this$props2.clearIcon;
- var onSelectorClear = this.context.rcTreeSelect.onSelectorClear;
-
- if (!allowClear || !selectorValueList.length || !selectorValueList[0].value) {
- return null;
- }
-
- return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement("span", {
- key: "clear",
- className: "".concat(prefixCls, "-selection__clear"),
- onClick: onSelectorClear
- }, typeof clearIcon === 'function' ? __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(clearIcon, _objectSpread({}, this.props)) : clearIcon);
- }
- }, {
- key: "renderArrow",
- value: function renderArrow() {
- var _this$props3 = this.props,
- prefixCls = _this$props3.prefixCls,
- showArrow = _this$props3.showArrow,
- inputIcon = _this$props3.inputIcon;
-
- if (!showArrow) {
- return null;
- }
-
- return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement("span", {
- key: "arrow",
- className: "".concat(prefixCls, "-arrow"),
- style: {
- outline: 'none'
- }
- }, typeof inputIcon === 'function' ? __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(inputIcon, _objectSpread({}, this.props)) : inputIcon);
- }
- }, {
- key: "render",
- value: function render() {
- var _classNames;
-
- var _this$props4 = this.props,
- prefixCls = _this$props4.prefixCls,
- className = _this$props4.className,
- style = _this$props4.style,
- open = _this$props4.open,
- focused = _this$props4.focused,
- disabled = _this$props4.disabled,
- allowClear = _this$props4.allowClear,
- onClick = _this$props4.onClick,
- ariaId = _this$props4.ariaId,
- renderSelection = _this$props4.renderSelection,
- renderPlaceholder = _this$props4.renderPlaceholder,
- tabIndex = _this$props4.tabIndex;
- var onSelectorKeyDown = this.context.rcTreeSelect.onSelectorKeyDown;
- var myTabIndex = tabIndex;
-
- if (disabled) {
- myTabIndex = null;
- }
-
- return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement("span", {
- style: style,
- onClick: onClick,
- className: __WEBPACK_IMPORTED_MODULE_2_classnames___default()(className, prefixCls, (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-open"), open), _defineProperty(_classNames, "".concat(prefixCls, "-focused"), open || focused), _defineProperty(_classNames, "".concat(prefixCls, "-disabled"), disabled), _defineProperty(_classNames, "".concat(prefixCls, "-enabled"), !disabled), _defineProperty(_classNames, "".concat(prefixCls, "-allow-clear"), allowClear), _classNames)),
- ref: this.domRef,
- role: "combobox",
- "aria-expanded": open,
- "aria-owns": open ? ariaId : undefined,
- "aria-controls": open ? ariaId : undefined,
- "aria-haspopup": "listbox",
- "aria-disabled": disabled,
- tabIndex: myTabIndex,
- onFocus: this.onFocus,
- onBlur: this.onBlur,
- onKeyDown: onSelectorKeyDown
- }, __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement("span", {
- key: "selection",
- className: __WEBPACK_IMPORTED_MODULE_2_classnames___default()("".concat(prefixCls, "-selection"), "".concat(prefixCls, "-selection--").concat(modeName))
- }, renderSelection(), this.renderClear(), this.renderArrow(), renderPlaceholder && renderPlaceholder()));
- }
- }]);
-
- return BaseSelector;
- }(__WEBPACK_IMPORTED_MODULE_0_react___default.a.Component);
-
- _defineProperty(BaseSelector, "propTypes", _objectSpread({}, selectorPropTypes, {
- // Pass by HOC
- renderSelection: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func.isRequired,
- renderPlaceholder: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,
- tabIndex: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.number
- }));
-
- _defineProperty(BaseSelector, "contextTypes", {
- rcTreeSelect: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.shape(_objectSpread({}, selectorContextTypes))
- });
-
- _defineProperty(BaseSelector, "defaultProps", {
- tabIndex: 0
- });
-
- Object(__WEBPACK_IMPORTED_MODULE_3_react_lifecycles_compat__["polyfill"])(BaseSelector);
- return BaseSelector;
- });
-
- /***/ }),
- /* 209 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return popupContextTypes; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types__ = __webpack_require__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_prop_types__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react_lifecycles_compat__ = __webpack_require__(13);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_rc_tree__ = __webpack_require__(560);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__util__ = __webpack_require__(32);
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
-
- 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 _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
- 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); }
-
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-
-
-
-
-
- var popupContextTypes = {
- onPopupKeyDown: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func.isRequired,
- onTreeNodeSelect: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func.isRequired,
- onTreeNodeCheck: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func.isRequired
- };
-
- var BasePopup =
- /*#__PURE__*/
- function (_React$Component) {
- _inherits(BasePopup, _React$Component);
-
- function BasePopup(props) {
- var _this;
-
- _classCallCheck(this, BasePopup);
-
- _this = _possibleConstructorReturn(this, _getPrototypeOf(BasePopup).call(this));
-
- _defineProperty(_assertThisInitialized(_this), "onTreeExpand", function (expandedKeyList) {
- var _this$props = _this.props,
- treeExpandedKeys = _this$props.treeExpandedKeys,
- onTreeExpand = _this$props.onTreeExpand,
- onTreeExpanded = _this$props.onTreeExpanded; // Set uncontrolled state
-
- if (!treeExpandedKeys) {
- _this.setState({
- expandedKeyList: expandedKeyList
- }, onTreeExpanded);
- }
-
- if (onTreeExpand) {
- onTreeExpand(expandedKeyList);
- }
- });
-
- _defineProperty(_assertThisInitialized(_this), "onLoad", function (loadedKeys) {
- _this.setState({
- loadedKeys: loadedKeys
- });
- });
-
- _defineProperty(_assertThisInitialized(_this), "getTree", function () {
- return _this.treeRef.current;
- });
-
- _defineProperty(_assertThisInitialized(_this), "getLoadData", function () {
- var _this$props2 = _this.props,
- loadData = _this$props2.loadData,
- upperSearchValue = _this$props2.upperSearchValue;
- if (upperSearchValue) return null;
- return loadData;
- });
-
- _defineProperty(_assertThisInitialized(_this), "filterTreeNode", function (treeNode) {
- var _this$props3 = _this.props,
- upperSearchValue = _this$props3.upperSearchValue,
- treeNodeFilterProp = _this$props3.treeNodeFilterProp;
- var filterVal = treeNode.props[treeNodeFilterProp];
-
- if (typeof filterVal === 'string') {
- return upperSearchValue && filterVal.toUpperCase().indexOf(upperSearchValue) !== -1;
- }
-
- return false;
- });
-
- _defineProperty(_assertThisInitialized(_this), "renderNotFound", function () {
- var _this$props4 = _this.props,
- prefixCls = _this$props4.prefixCls,
- notFoundContent = _this$props4.notFoundContent;
- return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement("span", {
- className: "".concat(prefixCls, "-not-found")
- }, notFoundContent);
- });
-
- var treeDefaultExpandAll = props.treeDefaultExpandAll,
- treeDefaultExpandedKeys = props.treeDefaultExpandedKeys,
- keyEntities = props.keyEntities; // TODO: make `expandedKeyList` control
-
- var _expandedKeyList = treeDefaultExpandedKeys;
-
- if (treeDefaultExpandAll) {
- _expandedKeyList = Object.keys(keyEntities);
- }
-
- _this.state = {
- keyList: [],
- expandedKeyList: _expandedKeyList,
- // Cache `expandedKeyList` when tree is in filter. This is used in `getDerivedStateFromProps`
- cachedExpandedKeyList: [],
- // eslint-disable-line react/no-unused-state
- loadedKeys: []
- };
- _this.treeRef = Object(__WEBPACK_IMPORTED_MODULE_4__util__["g" /* createRef */])();
- return _this;
- }
-
- _createClass(BasePopup, [{
- key: "render",
- value: function render() {
- var _this$state = this.state,
- keyList = _this$state.keyList,
- expandedKeyList = _this$state.expandedKeyList,
- loadedKeys = _this$state.loadedKeys;
- var _this$props5 = this.props,
- prefixCls = _this$props5.prefixCls,
- treeNodes = _this$props5.treeNodes,
- filteredTreeNodes = _this$props5.filteredTreeNodes,
- treeIcon = _this$props5.treeIcon,
- treeLine = _this$props5.treeLine,
- treeCheckable = _this$props5.treeCheckable,
- treeCheckStrictly = _this$props5.treeCheckStrictly,
- multiple = _this$props5.multiple,
- ariaId = _this$props5.ariaId,
- renderSearch = _this$props5.renderSearch,
- switcherIcon = _this$props5.switcherIcon,
- searchHalfCheckedKeys = _this$props5.searchHalfCheckedKeys;
- var _this$context$rcTreeS = this.context.rcTreeSelect,
- onPopupKeyDown = _this$context$rcTreeS.onPopupKeyDown,
- onTreeNodeSelect = _this$context$rcTreeS.onTreeNodeSelect,
- onTreeNodeCheck = _this$context$rcTreeS.onTreeNodeCheck;
- var loadData = this.getLoadData();
- var treeProps = {};
-
- if (treeCheckable) {
- treeProps.checkedKeys = keyList;
- } else {
- treeProps.selectedKeys = keyList;
- }
-
- var $notFound;
- var $treeNodes;
-
- if (filteredTreeNodes) {
- if (filteredTreeNodes.length) {
- treeProps.checkStrictly = true;
- $treeNodes = filteredTreeNodes; // Fill halfCheckedKeys
-
- if (treeCheckable && !treeCheckStrictly) {
- treeProps.checkedKeys = {
- checked: keyList,
- halfChecked: searchHalfCheckedKeys
- };
- }
- } else {
- $notFound = this.renderNotFound();
- }
- } else if (!treeNodes || !treeNodes.length) {
- $notFound = this.renderNotFound();
- } else {
- $treeNodes = treeNodes;
- }
-
- var $tree;
-
- if ($notFound) {
- $tree = $notFound;
- } else {
- $tree = __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_3_rc_tree__["b" /* default */], _extends({
- ref: this.treeRef,
- prefixCls: "".concat(prefixCls, "-tree"),
- showIcon: treeIcon,
- showLine: treeLine,
- selectable: !treeCheckable,
- checkable: treeCheckable,
- checkStrictly: treeCheckStrictly,
- multiple: multiple,
- loadData: loadData,
- loadedKeys: loadedKeys,
- expandedKeys: expandedKeyList,
- filterTreeNode: this.filterTreeNode,
- onSelect: onTreeNodeSelect,
- onCheck: onTreeNodeCheck,
- onExpand: this.onTreeExpand,
- onLoad: this.onLoad,
- switcherIcon: switcherIcon
- }, treeProps), $treeNodes);
- }
-
- return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement("div", {
- role: "listbox",
- id: ariaId,
- onKeyDown: onPopupKeyDown,
- tabIndex: -1
- }, renderSearch ? renderSearch() : null, $tree);
- }
- }], [{
- key: "getDerivedStateFromProps",
- value: function getDerivedStateFromProps(nextProps, prevState) {
- var _ref = prevState || {},
- _ref$prevProps = _ref.prevProps,
- prevProps = _ref$prevProps === void 0 ? {} : _ref$prevProps,
- loadedKeys = _ref.loadedKeys,
- expandedKeyList = _ref.expandedKeyList,
- cachedExpandedKeyList = _ref.cachedExpandedKeyList;
-
- var valueList = nextProps.valueList,
- valueEntities = nextProps.valueEntities,
- keyEntities = nextProps.keyEntities,
- treeExpandedKeys = nextProps.treeExpandedKeys,
- filteredTreeNodes = nextProps.filteredTreeNodes,
- upperSearchValue = nextProps.upperSearchValue;
- var newState = {
- prevProps: nextProps
- }; // Check value update
-
- if (valueList !== prevProps.valueList) {
- newState.keyList = valueList.map(function (_ref2) {
- var value = _ref2.value;
- return valueEntities[value];
- }).filter(function (entity) {
- return entity;
- }).map(function (_ref3) {
- var key = _ref3.key;
- return key;
- });
- } // Show all when tree is in filter mode
-
-
- if (!treeExpandedKeys && filteredTreeNodes && filteredTreeNodes.length && filteredTreeNodes !== prevProps.filteredTreeNodes) {
- newState.expandedKeyList = Object.keys(keyEntities);
- } // Cache `expandedKeyList` when filter set
-
-
- if (upperSearchValue && !prevProps.upperSearchValue) {
- newState.cachedExpandedKeyList = expandedKeyList;
- } else if (!upperSearchValue && prevProps.upperSearchValue && !treeExpandedKeys) {
- newState.expandedKeyList = cachedExpandedKeyList || [];
- newState.cachedExpandedKeyList = [];
- } // Use expandedKeys if provided
-
-
- if (prevProps.treeExpandedKeys !== treeExpandedKeys) {
- newState.expandedKeyList = treeExpandedKeys;
- } // Clean loadedKeys if key not exist in keyEntities anymore
-
-
- if (nextProps.loadData) {
- newState.loadedKeys = loadedKeys.filter(function (key) {
- return key in keyEntities;
- });
- }
-
- return newState;
- }
- }]);
-
- return BasePopup;
- }(__WEBPACK_IMPORTED_MODULE_0_react___default.a.Component);
-
- _defineProperty(BasePopup, "propTypes", {
- prefixCls: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.string,
- upperSearchValue: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.string,
- valueList: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.array,
- searchHalfCheckedKeys: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.array,
- valueEntities: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.object,
- keyEntities: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.object,
- treeIcon: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,
- treeLine: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,
- treeNodeFilterProp: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.string,
- treeCheckable: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool, __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.node]),
- treeCheckStrictly: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,
- treeDefaultExpandAll: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,
- treeDefaultExpandedKeys: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.array,
- treeExpandedKeys: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.array,
- loadData: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,
- multiple: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,
- onTreeExpand: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,
- treeNodes: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.node,
- filteredTreeNodes: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.node,
- notFoundContent: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.node,
- ariaId: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.string,
- switcherIcon: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.node, __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func]),
- // HOC
- renderSearch: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,
- onTreeExpanded: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func
- });
-
- _defineProperty(BasePopup, "contextTypes", {
- rcTreeSelect: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.shape(_objectSpread({}, popupContextTypes))
- });
-
- Object(__WEBPACK_IMPORTED_MODULE_2_react_lifecycles_compat__["polyfill"])(BasePopup);
- /* harmony default export */ __webpack_exports__["a"] = (BasePopup);
-
- /***/ }),
- /* 210 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _Button = __webpack_require__(567);
-
- var _Button2 = _interopRequireDefault(_Button);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- exports["default"] = _Button2["default"];
- module.exports = exports['default'];
-
- /***/ }),
- /* 211 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__createForm__ = __webpack_require__(599);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__createFormField__ = __webpack_require__(233);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__propTypes__ = __webpack_require__(712);
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "createFormField", function() { return __WEBPACK_IMPORTED_MODULE_1__createFormField__["a"]; });
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "formShape", function() { return __WEBPACK_IMPORTED_MODULE_2__propTypes__["a"]; });
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "createForm", function() { return __WEBPACK_IMPORTED_MODULE_0__createForm__["a"]; });
- // export this package's api
-
-
-
-
-
-
- /***/ }),
- /* 212 */
- /***/ (function(module, exports, __webpack_require__) {
-
- module.exports = { "default": __webpack_require__(601), __esModule: true };
-
- /***/ }),
- /* 213 */
- /***/ (function(module, exports, __webpack_require__) {
-
- module.exports = !__webpack_require__(44) && !__webpack_require__(60)(function () {
- return Object.defineProperty(__webpack_require__(214)('div'), 'a', { get: function () { return 7; } }).a != 7;
- });
-
-
- /***/ }),
- /* 214 */
- /***/ (function(module, exports, __webpack_require__) {
-
- var isObject = __webpack_require__(59);
- var document = __webpack_require__(35).document;
- // typeof document.createElement is 'object' in old IE
- var is = isObject(document) && isObject(document.createElement);
- module.exports = function (it) {
- return is ? document.createElement(it) : {};
- };
-
-
- /***/ }),
- /* 215 */
- /***/ (function(module, exports, __webpack_require__) {
-
- __webpack_require__(605);
- module.exports = __webpack_require__(24).Object.assign;
-
-
- /***/ }),
- /* 216 */
- /***/ (function(module, exports, __webpack_require__) {
-
- var has = __webpack_require__(45);
- var toIObject = __webpack_require__(61);
- var arrayIndexOf = __webpack_require__(607)(false);
- var IE_PROTO = __webpack_require__(126)('IE_PROTO');
-
- module.exports = function (object, names) {
- var O = toIObject(object);
- var i = 0;
- var result = [];
- var key;
- for (key in O) if (key != IE_PROTO) has(O, key) && result.push(key);
- // Don't enum bug & hidden keys
- while (names.length > i) if (has(O, key = names[i++])) {
- ~arrayIndexOf(result, key) || result.push(key);
- }
- return result;
- };
-
-
- /***/ }),
- /* 217 */
- /***/ (function(module, exports, __webpack_require__) {
-
- // fallback for non-array-like ES3 and non-enumerable old V8 strings
- var cof = __webpack_require__(123);
- // eslint-disable-next-line no-prototype-builtins
- module.exports = Object('z').propertyIsEnumerable(0) ? Object : function (it) {
- return cof(it) == 'String' ? it.split('') : Object(it);
- };
-
-
- /***/ }),
- /* 218 */
- /***/ (function(module, exports, __webpack_require__) {
-
- // 7.1.15 ToLength
- var toInteger = __webpack_require__(125);
- var min = Math.min;
- module.exports = function (it) {
- return it > 0 ? min(toInteger(it), 0x1fffffffffffff) : 0; // pow(2, 53) - 1 == 9007199254740991
- };
-
-
- /***/ }),
- /* 219 */
- /***/ (function(module, exports, __webpack_require__) {
-
- module.exports = { "default": __webpack_require__(610), __esModule: true };
-
- /***/ }),
- /* 220 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
- var $at = __webpack_require__(611)(true);
-
- // 21.1.3.27 String.prototype[@@iterator]()
- __webpack_require__(221)(String, 'String', function (iterated) {
- this._t = String(iterated); // target
- this._i = 0; // next index
- // 21.1.5.2.1 %StringIteratorPrototype%.next()
- }, function () {
- var O = this._t;
- var index = this._i;
- var point;
- if (index >= O.length) return { value: undefined, done: true };
- point = $at(O, index);
- this._i += point.length;
- return { value: point, done: false };
- });
-
-
- /***/ }),
- /* 221 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
- var LIBRARY = __webpack_require__(87);
- var $export = __webpack_require__(34);
- var redefine = __webpack_require__(222);
- var hide = __webpack_require__(57);
- var Iterators = __webpack_require__(74);
- var $iterCreate = __webpack_require__(612);
- var setToStringTag = __webpack_require__(131);
- var getPrototypeOf = __webpack_require__(615);
- var ITERATOR = __webpack_require__(28)('iterator');
- var BUGGY = !([].keys && 'next' in [].keys()); // Safari has buggy iterators w/o `next`
- var FF_ITERATOR = '@@iterator';
- var KEYS = 'keys';
- var VALUES = 'values';
-
- var returnThis = function () { return this; };
-
- module.exports = function (Base, NAME, Constructor, next, DEFAULT, IS_SET, FORCED) {
- $iterCreate(Constructor, NAME, next);
- var getMethod = function (kind) {
- if (!BUGGY && kind in proto) return proto[kind];
- switch (kind) {
- case KEYS: return function keys() { return new Constructor(this, kind); };
- case VALUES: return function values() { return new Constructor(this, kind); };
- } return function entries() { return new Constructor(this, kind); };
- };
- var TAG = NAME + ' Iterator';
- var DEF_VALUES = DEFAULT == VALUES;
- var VALUES_BUG = false;
- var proto = Base.prototype;
- var $native = proto[ITERATOR] || proto[FF_ITERATOR] || DEFAULT && proto[DEFAULT];
- var $default = $native || getMethod(DEFAULT);
- var $entries = DEFAULT ? !DEF_VALUES ? $default : getMethod('entries') : undefined;
- var $anyNative = NAME == 'Array' ? proto.entries || $native : $native;
- var methods, key, IteratorPrototype;
- // Fix native
- if ($anyNative) {
- IteratorPrototype = getPrototypeOf($anyNative.call(new Base()));
- if (IteratorPrototype !== Object.prototype && IteratorPrototype.next) {
- // Set @@toStringTag to native iterators
- setToStringTag(IteratorPrototype, TAG, true);
- // fix for some old engines
- if (!LIBRARY && typeof IteratorPrototype[ITERATOR] != 'function') hide(IteratorPrototype, ITERATOR, returnThis);
- }
- }
- // fix Array#{values, @@iterator}.name in V8 / FF
- if (DEF_VALUES && $native && $native.name !== VALUES) {
- VALUES_BUG = true;
- $default = function values() { return $native.call(this); };
- }
- // Define iterator
- if ((!LIBRARY || FORCED) && (BUGGY || VALUES_BUG || !proto[ITERATOR])) {
- hide(proto, ITERATOR, $default);
- }
- // Plug for library
- Iterators[NAME] = $default;
- Iterators[TAG] = returnThis;
- if (DEFAULT) {
- methods = {
- values: DEF_VALUES ? $default : getMethod(VALUES),
- keys: IS_SET ? $default : getMethod(KEYS),
- entries: $entries
- };
- if (FORCED) for (key in methods) {
- if (!(key in proto)) redefine(proto, key, methods[key]);
- } else $export($export.P + $export.F * (BUGGY || VALUES_BUG), NAME, methods);
- }
- return methods;
- };
-
-
- /***/ }),
- /* 222 */
- /***/ (function(module, exports, __webpack_require__) {
-
- module.exports = __webpack_require__(57);
-
-
- /***/ }),
- /* 223 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
- /* WEBPACK VAR INJECTION */(function(process) {/**
- * Copyright (c) 2014-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-
-
- var emptyFunction = __webpack_require__(626);
-
- /**
- * Similar to invariant but only logs a warning if the condition is not met.
- * This can be used to log issues in development environments in critical
- * paths. Removing the logging code for production environments will keep the
- * same logic and follow the same code paths.
- */
-
- var warning = emptyFunction;
-
- if (process.env.NODE_ENV !== 'production') {
- var printWarning = function printWarning(format) {
- for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
- args[_key - 1] = arguments[_key];
- }
-
- var argIndex = 0;
- var message = 'Warning: ' + format.replace(/%s/g, function () {
- return args[argIndex++];
- });
- if (typeof console !== 'undefined') {
- console.error(message);
- }
- try {
- // --- Welcome to debugging React ---
- // This error was thrown as a convenience so that you can use this stack
- // to find the callsite that caused this warning to fire.
- throw new Error(message);
- } catch (x) {}
- };
-
- warning = function warning(condition, format) {
- if (format === undefined) {
- throw new Error('`warning(condition, format, ...args)` requires a warning ' + 'message argument');
- }
-
- if (format.indexOf('Failed Composite propType: ') === 0) {
- return; // Ignore CompositeComponent proptype check.
- }
-
- if (!condition) {
- for (var _len2 = arguments.length, args = Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
- args[_key2 - 2] = arguments[_key2];
- }
-
- printWarning.apply(undefined, [format].concat(args));
- }
- };
- }
-
- module.exports = warning;
- /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(9)))
-
- /***/ }),
- /* 224 */
- /***/ (function(module, exports, __webpack_require__) {
-
- // 19.1.2.7 / 15.2.3.4 Object.getOwnPropertyNames(O)
- var $keys = __webpack_require__(216);
- var hiddenKeys = __webpack_require__(128).concat('length', 'prototype');
-
- exports.f = Object.getOwnPropertyNames || function getOwnPropertyNames(O) {
- return $keys(O, hiddenKeys);
- };
-
-
- /***/ }),
- /* 225 */
- /***/ (function(module, exports, __webpack_require__) {
-
- var pIE = __webpack_require__(89);
- var createDesc = __webpack_require__(72);
- var toIObject = __webpack_require__(61);
- var toPrimitive = __webpack_require__(122);
- var has = __webpack_require__(45);
- var IE8_DOM_DEFINE = __webpack_require__(213);
- var gOPD = Object.getOwnPropertyDescriptor;
-
- exports.f = __webpack_require__(44) ? gOPD : function getOwnPropertyDescriptor(O, P) {
- O = toIObject(O);
- P = toPrimitive(P, true);
- if (IE8_DOM_DEFINE) try {
- return gOPD(O, P);
- } catch (e) { /* empty */ }
- if (has(O, P)) return createDesc(!pIE.f.call(O, P), O[P]);
- };
-
-
- /***/ }),
- /* 226 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__util__ = __webpack_require__(17);
-
-
- /**
- * Rule for validating required fields.
- *
- * @param rule The validation rule.
- * @param value The value of the field on the source object.
- * @param source The source object being validated.
- * @param errors An array of errors that this rule may add
- * validation errors to.
- * @param options The validation options.
- * @param options.messages The validation messages.
- */
- function required(rule, value, source, errors, options, type) {
- if (rule.required && (!source.hasOwnProperty(rule.field) || __WEBPACK_IMPORTED_MODULE_0__util__["e" /* isEmptyValue */](value, type || rule.type))) {
- errors.push(__WEBPACK_IMPORTED_MODULE_0__util__["d" /* format */](options.messages.required, rule.fullField));
- }
- }
-
- /* harmony default export */ __webpack_exports__["a"] = (required);
-
- /***/ }),
- /* 227 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
- /* WEBPACK VAR INJECTION */(function(process) {/**
- * Copyright (c) 2014-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-
-
- /**
- * Similar to invariant but only logs a warning if the condition is not met.
- * This can be used to log issues in development environments in critical
- * paths. Removing the logging code for production environments will keep the
- * same logic and follow the same code paths.
- */
-
- var __DEV__ = process.env.NODE_ENV !== 'production';
-
- var warning = function() {};
-
- if (__DEV__) {
- var printWarning = function printWarning(format, args) {
- var len = arguments.length;
- args = new Array(len > 1 ? len - 1 : 0);
- for (var key = 1; key < len; key++) {
- args[key - 1] = arguments[key];
- }
- var argIndex = 0;
- var message = 'Warning: ' +
- format.replace(/%s/g, function() {
- return args[argIndex++];
- });
- if (typeof console !== 'undefined') {
- console.error(message);
- }
- try {
- // --- Welcome to debugging React ---
- // This error was thrown as a convenience so that you can use this stack
- // to find the callsite that caused this warning to fire.
- throw new Error(message);
- } catch (x) {}
- }
-
- warning = function(condition, format, args) {
- var len = arguments.length;
- args = new Array(len > 2 ? len - 2 : 0);
- for (var key = 2; key < len; key++) {
- args[key - 2] = arguments[key];
- }
- if (format === undefined) {
- throw new Error(
- '`warning(condition, format, ...args)` requires a warning ' +
- 'message argument'
- );
- }
- if (!condition) {
- printWarning.apply(null, [format].concat(args));
- }
- };
- }
-
- module.exports = warning;
-
- /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(9)))
-
- /***/ }),
- /* 228 */
- /***/ (function(module, exports, __webpack_require__) {
-
- var isArray = __webpack_require__(134),
- isKey = __webpack_require__(667),
- stringToPath = __webpack_require__(672),
- toString = __webpack_require__(230);
-
- /**
- * Casts `value` to a path array if it's not one.
- *
- * @private
- * @param {*} value The value to inspect.
- * @param {Object} [object] The object to query keys on.
- * @returns {Array} Returns the cast property path array.
- */
- function castPath(value, object) {
- if (isArray(value)) {
- return value;
- }
- return isKey(value, object) ? [value] : stringToPath(toString(value));
- }
-
- module.exports = castPath;
-
-
- /***/ }),
- /* 229 */
- /***/ (function(module, exports, __webpack_require__) {
-
- var Symbol = __webpack_require__(136),
- getRawTag = __webpack_require__(669),
- objectToString = __webpack_require__(670);
-
- /** `Object#toString` result references. */
- var nullTag = '[object Null]',
- undefinedTag = '[object Undefined]';
-
- /** Built-in value references. */
- var symToStringTag = Symbol ? Symbol.toStringTag : undefined;
-
- /**
- * The base implementation of `getTag` without fallbacks for buggy environments.
- *
- * @private
- * @param {*} value The value to query.
- * @returns {string} Returns the `toStringTag`.
- */
- function baseGetTag(value) {
- if (value == null) {
- return value === undefined ? undefinedTag : nullTag;
- }
- return (symToStringTag && symToStringTag in Object(value))
- ? getRawTag(value)
- : objectToString(value);
- }
-
- module.exports = baseGetTag;
-
-
- /***/ }),
- /* 230 */
- /***/ (function(module, exports, __webpack_require__) {
-
- var baseToString = __webpack_require__(701);
-
- /**
- * Converts `value` to a string. An empty string is returned for `null`
- * and `undefined` values. The sign of `-0` is preserved.
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to convert.
- * @returns {string} Returns the converted string.
- * @example
- *
- * _.toString(null);
- * // => ''
- *
- * _.toString(-0);
- * // => '-0'
- *
- * _.toString([1, 2, 3]);
- * // => '1,2,3'
- */
- function toString(value) {
- return value == null ? '' : baseToString(value);
- }
-
- module.exports = toString;
-
-
- /***/ }),
- /* 231 */
- /***/ (function(module, exports, __webpack_require__) {
-
- var isSymbol = __webpack_require__(135);
-
- /** Used as references for various `Number` constants. */
- var INFINITY = 1 / 0;
-
- /**
- * Converts `value` to a string key if it's not a string or symbol.
- *
- * @private
- * @param {*} value The value to inspect.
- * @returns {string|symbol} Returns the key.
- */
- function toKey(value) {
- if (typeof value == 'string' || isSymbol(value)) {
- return value;
- }
- var result = (value + '');
- return (result == '0' && (1 / value) == -INFINITY) ? '-0' : result;
- }
-
- module.exports = toKey;
-
-
- /***/ }),
- /* 232 */
- /***/ (function(module, exports, __webpack_require__) {
-
- var baseSet = __webpack_require__(703);
-
- /**
- * Sets the value at `path` of `object`. If a portion of `path` doesn't exist,
- * it's created. Arrays are created for missing index properties while objects
- * are created for all other missing properties. Use `_.setWith` to customize
- * `path` creation.
- *
- * **Note:** This method mutates `object`.
- *
- * @static
- * @memberOf _
- * @since 3.7.0
- * @category Object
- * @param {Object} object The object to modify.
- * @param {Array|string} path The path of the property to set.
- * @param {*} value The value to set.
- * @returns {Object} Returns `object`.
- * @example
- *
- * var object = { 'a': [{ 'b': { 'c': 3 } }] };
- *
- * _.set(object, 'a[0].b.c', 4);
- * console.log(object.a[0].b.c);
- * // => 4
- *
- * _.set(object, ['x', '0', 'y', 'z'], 5);
- * console.log(object.x[0].y.z);
- * // => 5
- */
- function set(object, path, value) {
- return object == null ? object : baseSet(object, path, value);
- }
-
- module.exports = set;
-
-
- /***/ }),
- /* 233 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* harmony export (immutable) */ __webpack_exports__["b"] = isFormField;
- /* harmony export (immutable) */ __webpack_exports__["a"] = createFormField;
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__ = __webpack_require__(8);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck__ = __webpack_require__(5);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck__);
-
-
-
- var Field = function Field(fields) {
- __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck___default()(this, Field);
-
- __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default()(this, fields);
- };
-
- function isFormField(obj) {
- return obj instanceof Field;
- }
-
- function createFormField(field) {
- if (isFormField(field)) {
- return field;
- }
- return new Field(field);
- }
-
- /***/ }),
- /* 234 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* harmony export (immutable) */ __webpack_exports__["a"] = argumentContainer;
- /* harmony export (immutable) */ __webpack_exports__["i"] = identity;
- /* harmony export (immutable) */ __webpack_exports__["b"] = flattenArray;
- /* unused harmony export treeTraverse */
- /* harmony export (immutable) */ __webpack_exports__["c"] = flattenFields;
- /* harmony export (immutable) */ __webpack_exports__["k"] = normalizeValidateRules;
- /* harmony export (immutable) */ __webpack_exports__["f"] = getValidateTriggers;
- /* harmony export (immutable) */ __webpack_exports__["g"] = getValueFromEvent;
- /* harmony export (immutable) */ __webpack_exports__["d"] = getErrorStrs;
- /* harmony export (immutable) */ __webpack_exports__["e"] = getParams;
- /* harmony export (immutable) */ __webpack_exports__["j"] = isEmptyObject;
- /* harmony export (immutable) */ __webpack_exports__["h"] = hasRules;
- /* harmony export (immutable) */ __webpack_exports__["l"] = startsWith;
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__ = __webpack_require__(8);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_hoist_non_react_statics__ = __webpack_require__(709);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_hoist_non_react_statics___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_hoist_non_react_statics__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_warning__ = __webpack_require__(227);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_warning___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_warning__);
-
-
-
-
- function getDisplayName(WrappedComponent) {
- return WrappedComponent.displayName || WrappedComponent.name || 'WrappedComponent';
- }
-
- function argumentContainer(Container, WrappedComponent) {
- /* eslint no-param-reassign:0 */
- Container.displayName = 'Form(' + getDisplayName(WrappedComponent) + ')';
- Container.WrappedComponent = WrappedComponent;
- return __WEBPACK_IMPORTED_MODULE_1_hoist_non_react_statics___default()(Container, WrappedComponent);
- }
-
- function identity(obj) {
- return obj;
- }
-
- function flattenArray(arr) {
- return Array.prototype.concat.apply([], arr);
- }
-
- function treeTraverse() {
- var path = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
- var tree = arguments[1];
- var isLeafNode = arguments[2];
- var errorMessage = arguments[3];
- var callback = arguments[4];
-
- if (isLeafNode(path, tree)) {
- callback(path, tree);
- } else if (tree === undefined || tree === null) {
- // Do nothing
- } else if (Array.isArray(tree)) {
- tree.forEach(function (subTree, index) {
- return treeTraverse(path + '[' + index + ']', subTree, isLeafNode, errorMessage, callback);
- });
- } else {
- // It's object and not a leaf node
- if (typeof tree !== 'object') {
- __WEBPACK_IMPORTED_MODULE_2_warning___default()(false, errorMessage);
- return;
- }
- Object.keys(tree).forEach(function (subTreeKey) {
- var subTree = tree[subTreeKey];
- treeTraverse('' + path + (path ? '.' : '') + subTreeKey, subTree, isLeafNode, errorMessage, callback);
- });
- }
- }
-
- function flattenFields(maybeNestedFields, isLeafNode, errorMessage) {
- var fields = {};
- treeTraverse(undefined, maybeNestedFields, isLeafNode, errorMessage, function (path, node) {
- fields[path] = node;
- });
- return fields;
- }
-
- function normalizeValidateRules(validate, rules, validateTrigger) {
- var validateRules = validate.map(function (item) {
- var newItem = __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default()({}, item, {
- trigger: item.trigger || []
- });
- if (typeof newItem.trigger === 'string') {
- newItem.trigger = [newItem.trigger];
- }
- return newItem;
- });
- if (rules) {
- validateRules.push({
- trigger: validateTrigger ? [].concat(validateTrigger) : [],
- rules: rules
- });
- }
- return validateRules;
- }
-
- function getValidateTriggers(validateRules) {
- return validateRules.filter(function (item) {
- return !!item.rules && item.rules.length;
- }).map(function (item) {
- return item.trigger;
- }).reduce(function (pre, curr) {
- return pre.concat(curr);
- }, []);
- }
-
- function getValueFromEvent(e) {
- // To support custom element
- if (!e || !e.target) {
- return e;
- }
- var target = e.target;
-
- return target.type === 'checkbox' ? target.checked : target.value;
- }
-
- function getErrorStrs(errors) {
- if (errors) {
- return errors.map(function (e) {
- if (e && e.message) {
- return e.message;
- }
- return e;
- });
- }
- return errors;
- }
-
- function getParams(ns, opt, cb) {
- var names = ns;
- var options = opt;
- var callback = cb;
- if (cb === undefined) {
- if (typeof names === 'function') {
- callback = names;
- options = {};
- names = undefined;
- } else if (Array.isArray(names)) {
- if (typeof options === 'function') {
- callback = options;
- options = {};
- } else {
- options = options || {};
- }
- } else {
- callback = options;
- options = names || {};
- names = undefined;
- }
- }
- return {
- names: names,
- options: options,
- callback: callback
- };
- }
-
- function isEmptyObject(obj) {
- return Object.keys(obj).length === 0;
- }
-
- function hasRules(validate) {
- if (validate) {
- return validate.some(function (item) {
- return item.rules && item.rules.length;
- });
- }
- return false;
- }
-
- function startsWith(str, prefix) {
- return str.lastIndexOf(prefix, 0) === 0;
- }
-
- /***/ }),
- /* 235 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _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; };
-
- var _classnames = __webpack_require__(2);
-
- var _classnames2 = _interopRequireDefault(_classnames);
-
- var _react = __webpack_require__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- var _propTypes = __webpack_require__(1);
-
- var _propTypes2 = _interopRequireDefault(_propTypes);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
-
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
- function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
-
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
-
- var propTypes = {
- /**
- * Adds `container-fluid` class.
- */
- fluid: _propTypes2["default"].bool,
- /**
- * You can use a custom element for this component
- */
- componentClass: _propTypes2["default"].oneOfType([_propTypes2["default"].element, _propTypes2["default"].string])
- };
-
- var defaultProps = {
- componentClass: 'div',
- fluid: false,
- clsPrefix: 'u-container'
- };
-
- var Con = function (_React$Component) {
- _inherits(Con, _React$Component);
-
- function Con() {
- _classCallCheck(this, Con);
-
- return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));
- }
-
- Con.prototype.render = function render() {
- var _tbclass;
-
- var _props = this.props,
- fluid = _props.fluid,
- Component = _props.componentClass,
- clsPrefix = _props.clsPrefix,
- className = _props.className,
- others = _objectWithoutProperties(_props, ['fluid', 'componentClass', 'clsPrefix', 'className']);
-
- var tbclass = (_tbclass = {}, _defineProperty(_tbclass, '' + clsPrefix, !fluid), _defineProperty(_tbclass, clsPrefix + '-fluid', fluid), _tbclass);
-
- return _react2["default"].createElement(
- Component,
- _extends({}, others, {
- className: (0, _classnames2["default"])(tbclass, className)
- }),
- this.props.children
- );
- };
-
- return Con;
- }(_react2["default"].Component);
-
- Con.propTypes = propTypes;
- Con.defaultProps = defaultProps;
-
- exports["default"] = Con;
- module.exports = exports['default'];
-
- /***/ }),
- /* 236 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- module.exports = __webpack_require__(721);
-
- /***/ }),
- /* 237 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _InputNumber = __webpack_require__(727);
-
- var _InputNumber2 = _interopRequireDefault(_InputNumber);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- exports["default"] = _InputNumber2["default"];
- module.exports = exports['default'];
-
- /***/ }),
- /* 238 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _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; };
-
- var _classnames = __webpack_require__(2);
-
- var _classnames2 = _interopRequireDefault(_classnames);
-
- var _react = __webpack_require__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- var _propTypes = __webpack_require__(1);
-
- var _propTypes2 = _interopRequireDefault(_propTypes);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
-
- function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
-
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
-
- var propTypes = {
-
- colors: _propTypes2["default"].oneOf(['', 'dark', 'success', 'info', 'warning', 'danger', 'primary']),
-
- disabled: _propTypes2["default"].bool,
-
- inverse: _propTypes2["default"].bool
-
- };
-
- var defaultProps = {
- disabled: false,
- inverse: false,
- colors: 'primary',
- clsPrefix: 'u-checkbox',
- defaultChecked: false,
- onClick: function onClick() {}
- };
- var clsPrefix = 'u-checkbox';
-
- var Checkbox = function (_React$Component) {
- _inherits(Checkbox, _React$Component);
-
- function Checkbox(props) {
- _classCallCheck(this, Checkbox);
-
- var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));
-
- _initialiseProps.call(_this);
-
- _this.state = {
- checked: 'checked' in props ? props.checked : props.defaultChecked
- };
- _this.doubleClickFlag = null;
- return _this;
- }
-
- Checkbox.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
- if ('checked' in nextProps) {
- this.setState({
- checked: nextProps.checked
- });
- }
- };
-
- Checkbox.prototype.render = function render() {
- var _props = this.props,
- disabled = _props.disabled,
- inverse = _props.inverse,
- colors = _props.colors,
- size = _props.size,
- className = _props.className,
- indeterminate = _props.indeterminate,
- onClick = _props.onClick,
- children = _props.children,
- checked = _props.checked,
- clsPrefix = _props.clsPrefix,
- onDoubleClick = _props.onDoubleClick,
- onChange = _props.onChange,
- others = _objectWithoutProperties(_props, ['disabled', 'inverse', 'colors', 'size', 'className', 'indeterminate', 'onClick', 'children', 'checked', 'clsPrefix', 'onDoubleClick', 'onChange']);
-
- var input = _react2["default"].createElement('input', _extends({}, others, {
- type: 'checkbox',
- disabled: this.props.disabled
- }));
-
- var classes = {
- 'is-checked': this.state.checked,
- disabled: disabled
- };
-
- if (inverse) {
- classes[clsPrefix + '-inverse'] = true;
- }
-
- if (colors) {
- classes[clsPrefix + '-' + colors] = true;
- }
-
- if (size) {
- classes[clsPrefix + '-' + size] = true;
- }
-
- if (!checked && indeterminate) {
- classes[clsPrefix + '-indeterminate'] = true;
- }
-
- var classNames = (0, _classnames2["default"])(clsPrefix, classes);
-
- return _react2["default"].createElement(
- 'label',
- {
- className: (0, _classnames2["default"])(classNames, className),
- onDoubleClick: this.handledbClick,
- onClick: this.changeState },
- input,
- _react2["default"].createElement(
- 'label',
- { className: clsPrefix + '-label' },
- children
- )
- );
- };
-
- return Checkbox;
- }(_react2["default"].Component);
-
- var _initialiseProps = function _initialiseProps() {
- var _this2 = this;
-
- this.changeState = function (e) {
- var props = _this2.props;
- var checked = _this2.state.checked;
-
- clearTimeout(_this2.doubleClickFlag);
- if (props.onClick instanceof Function) {
- props.onClick(e);
- }
- if (props.onDoubleClick instanceof Function) {
- _this2.doubleClickFlag = setTimeout(function () {
- //do function在此处写单击事件要执行的代码
- _this2.change(props, checked);
- }, 300);
- } else {
- _this2.change(props, checked);
- }
- e.stopPropagation();
- e.preventDefault();
- //执行延时
- };
-
- this.change = function (props, checked) {
- if (props.disabled) {
- return;
- }
- if (!('checked' in props)) {
- _this2.setState({
- checked: !checked
- });
- }
-
- if (props.onChange instanceof Function) {
- props.onChange(!checked);
- }
- };
-
- this.handledbClick = function (e) {
- var onDoubleClick = _this2.props.onDoubleClick;
-
- clearTimeout(_this2.doubleClickFlag);
- onDoubleClick && onDoubleClick(_this2.state.checked, e);
- };
- };
-
- Checkbox.propTypes = propTypes;
- Checkbox.defaultProps = defaultProps;
-
- exports["default"] = Checkbox;
- module.exports = exports['default'];
-
- /***/ }),
- /* 239 */
- /***/ (function(module, exports) {
-
- module.exports = function(module) {
- if(!module.webpackPolyfill) {
- module.deprecate = function() {};
- module.paths = [];
- // module.parent = undefined by default
- if(!module.children) module.children = [];
- Object.defineProperty(module, "loaded", {
- enumerable: true,
- get: function() {
- return module.l;
- }
- });
- Object.defineProperty(module, "id", {
- enumerable: true,
- get: function() {
- return module.i;
- }
- });
- module.webpackPolyfill = 1;
- }
- return module;
- };
-
-
- /***/ }),
- /* 240 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
- exports.default = addEventListenerWrap;
-
- var _addDomEventListener = __webpack_require__(12);
-
- var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
-
- var _reactDom = __webpack_require__(3);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- /**
- * This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
- function addEventListenerWrap(target, eventType, cb) {
- /* eslint camelcase: 2 */
- var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
- _reactDom2.default.unstable_batchedUpdates(cb, e);
- } : cb;
- return (0, _addDomEventListener2.default)(target, eventType, callback);
- }
-
- /***/ }),
- /* 241 */
- /***/ (function(module, exports) {
-
- module.exports = function(arr, obj){
- if (arr.indexOf) return arr.indexOf(obj);
- for (var i = 0; i < arr.length; ++i) {
- if (arr[i] === obj) return i;
- }
- return -1;
- };
-
- /***/ }),
- /* 242 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
-
- var _react = __webpack_require__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- var _propTypes = __webpack_require__(1);
-
- var _propTypes2 = _interopRequireDefault(_propTypes);
-
- var _reactDom = __webpack_require__(3);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- var _domAlign = __webpack_require__(14);
-
- var _domAlign2 = _interopRequireDefault(_domAlign);
-
- var _addEventListener = __webpack_require__(240);
-
- var _addEventListener2 = _interopRequireDefault(_addEventListener);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /**
- * This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
-
-
- //import isWindow from './isWindow';
-
- function isWindow(obj) {
- /* eslint no-eq-null: 0 */
- /* eslint eqeqeq: 0 */
- return obj != null && obj == obj.window;
- }
-
- function buffer(fn, ms) {
- var timer = void 0;
-
- function clear() {
- if (timer) {
- clearTimeout(timer);
- timer = null;
- }
- }
-
- function bufferFn() {
- clear();
- timer = setTimeout(fn, ms);
- }
-
- bufferFn.clear = clear;
-
- return bufferFn;
- }
-
- var propTypes = {
- childrenProps: _propTypes2.default.object,
- align: _propTypes2.default.object.isRequired,
- target: _propTypes2.default.func,
- onAlign: _propTypes2.default.func,
- monitorBufferTime: _propTypes2.default.number,
- monitorWindowResize: _propTypes2.default.bool,
- disabled: _propTypes2.default.bool,
- children: _propTypes2.default.any
- };
-
- var defaultProps = {
- target: function target() {
- return window;
- },
- onAlign: function onAlign() {},
-
- monitorBufferTime: 50,
- monitorWindowResize: false,
- disabled: false
- };
-
- var Align = function (_React$Component) {
- _inherits(Align, _React$Component);
-
- function Align(props) {
- _classCallCheck(this, Align);
-
- var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));
-
- _initialiseProps.call(_this);
-
- return _this;
- }
-
- Align.prototype.componentDidMount = function componentDidMount() {
- var props = this.props;
- // if parent ref not attached .... use document.getElementById
- this.forceAlign();
- if (!props.disabled && props.monitorWindowResize) {
- this.startMonitorWindowResize();
- }
- };
-
- Align.prototype.componentDidUpdate = function componentDidUpdate(prevProps) {
- var reAlign = false;
- var props = this.props;
-
- if (!props.disabled) {
- if (prevProps.disabled || prevProps.align !== props.align) {
- reAlign = true;
- } else {
- var lastTarget = prevProps.target();
- var currentTarget = props.target();
- if (isWindow(lastTarget) && isWindow(currentTarget)) {
- reAlign = false;
- } else if (lastTarget !== currentTarget) {
- reAlign = true;
- }
- }
- }
-
- if (reAlign) {
- this.forceAlign();
- }
-
- if (props.monitorWindowResize && !props.disabled) {
- this.startMonitorWindowResize();
- } else {
- this.stopMonitorWindowResize();
- }
- };
-
- Align.prototype.componentWillUnmount = function componentWillUnmount() {
- this.stopMonitorWindowResize();
- };
-
- Align.prototype.render = function render() {
- var _props = this.props,
- childrenProps = _props.childrenProps,
- children = _props.children;
-
- var child = _react2.default.Children.only(children);
- if (childrenProps) {
- var newProps = {};
- for (var prop in childrenProps) {
- if (childrenProps.hasOwnProperty(prop)) {
- newProps[prop] = this.props[childrenProps[prop]];
- }
- }
- return _react2.default.cloneElement(child, newProps);
- }
- return child;
- };
-
- return Align;
- }(_react2.default.Component);
-
- var _initialiseProps = function _initialiseProps() {
- var _this2 = this;
-
- this.startMonitorWindowResize = function () {
- if (!_this2.resizeHandler) {
- _this2.bufferMonitor = buffer(_this2.forceAlign, _this2.props.monitorBufferTime);
- _this2.resizeHandler = (0, _addEventListener2.default)(window, 'resize', _this2.bufferMonitor);
- }
- };
-
- this.stopMonitorWindowResize = function () {
- if (_this2.resizeHandler) {
- _this2.bufferMonitor.clear();
- _this2.resizeHandler.remove();
- _this2.resizeHandler = null;
- }
- };
-
- this.forceAlign = function () {
- var props = _this2.props;
- if (!props.disabled) {
- var source = _reactDom2.default.findDOMNode(_this2);
- props.onAlign(source, (0, _domAlign2.default)(source, props.target(), props.align));
- }
- };
- };
-
- ;
-
- Align.defaultProps = defaultProps;
- Align.propTypes = propTypes;
-
- exports.default = Align;
-
- /***/ }),
- /* 243 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils__ = __webpack_require__(47);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getVisibleRectForElement__ = __webpack_require__(244);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__adjustForViewport__ = __webpack_require__(766);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__getRegion__ = __webpack_require__(246);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__getElFuturePos__ = __webpack_require__(767);
- /**
- * align dom node flexibly
- * @author yiminghe@gmail.com
- */
-
-
-
-
-
-
-
- // http://yiminghe.iteye.com/blog/1124720
-
- function isFailX(elFuturePos, elRegion, visibleRect) {
- return elFuturePos.left < visibleRect.left || elFuturePos.left + elRegion.width > visibleRect.right;
- }
-
- function isFailY(elFuturePos, elRegion, visibleRect) {
- return elFuturePos.top < visibleRect.top || elFuturePos.top + elRegion.height > visibleRect.bottom;
- }
-
- function isCompleteFailX(elFuturePos, elRegion, visibleRect) {
- return elFuturePos.left > visibleRect.right || elFuturePos.left + elRegion.width < visibleRect.left;
- }
-
- function isCompleteFailY(elFuturePos, elRegion, visibleRect) {
- return elFuturePos.top > visibleRect.bottom || elFuturePos.top + elRegion.height < visibleRect.top;
- }
-
- function flip(points, reg, map) {
- var ret = [];
- __WEBPACK_IMPORTED_MODULE_0__utils__["a" /* default */].each(points, function (p) {
- ret.push(p.replace(reg, function (m) {
- return map[m];
- }));
- });
- return ret;
- }
-
- function flipOffset(offset, index) {
- offset[index] = -offset[index];
- return offset;
- }
-
- function convertOffset(str, offsetLen) {
- var n = void 0;
- if (/%$/.test(str)) {
- n = parseInt(str.substring(0, str.length - 1), 10) / 100 * offsetLen;
- } else {
- n = parseInt(str, 10);
- }
- return n || 0;
- }
-
- function normalizeOffset(offset, el) {
- offset[0] = convertOffset(offset[0], el.width);
- offset[1] = convertOffset(offset[1], el.height);
- }
-
- /**
- * @param el
- * @param tgtRegion 参照节点所占的区域: { left, top, width, height }
- * @param align
- */
- function doAlign(el, tgtRegion, align, isTgtRegionVisible) {
- var points = align.points;
- var offset = align.offset || [0, 0];
- var targetOffset = align.targetOffset || [0, 0];
- var overflow = align.overflow;
- var source = align.source || el;
- offset = [].concat(offset);
- targetOffset = [].concat(targetOffset);
- overflow = overflow || {};
- var newOverflowCfg = {};
- var fail = 0;
- // 当前节点可以被放置的显示区域
- var visibleRect = Object(__WEBPACK_IMPORTED_MODULE_1__getVisibleRectForElement__["a" /* default */])(source);
- // 当前节点所占的区域, left/top/width/height
- var elRegion = Object(__WEBPACK_IMPORTED_MODULE_3__getRegion__["a" /* default */])(source);
- // 将 offset 转换成数值，支持百分比
- normalizeOffset(offset, elRegion);
- normalizeOffset(targetOffset, tgtRegion);
- // 当前节点将要被放置的位置
- var elFuturePos = Object(__WEBPACK_IMPORTED_MODULE_4__getElFuturePos__["a" /* default */])(elRegion, tgtRegion, points, offset, targetOffset);
- // 当前节点将要所处的区域
- var newElRegion = __WEBPACK_IMPORTED_MODULE_0__utils__["a" /* default */].merge(elRegion, elFuturePos);
-
- // 如果可视区域不能完全放置当前节点时允许调整
- if (visibleRect && (overflow.adjustX || overflow.adjustY) && isTgtRegionVisible) {
- if (overflow.adjustX) {
- // 如果横向不能放下
- if (isFailX(elFuturePos, elRegion, visibleRect)) {
- // 对齐位置反下
- var newPoints = flip(points, /[lr]/ig, {
- l: 'r',
- r: 'l'
- });
- // 偏移量也反下
- var newOffset = flipOffset(offset, 0);
- var newTargetOffset = flipOffset(targetOffset, 0);
- var newElFuturePos = Object(__WEBPACK_IMPORTED_MODULE_4__getElFuturePos__["a" /* default */])(elRegion, tgtRegion, newPoints, newOffset, newTargetOffset);
-
- if (!isCompleteFailX(newElFuturePos, elRegion, visibleRect)) {
- fail = 1;
- points = newPoints;
- offset = newOffset;
- targetOffset = newTargetOffset;
- }
- }
- }
-
- if (overflow.adjustY) {
- // 如果纵向不能放下
- if (isFailY(elFuturePos, elRegion, visibleRect)) {
- // 对齐位置反下
- var _newPoints = flip(points, /[tb]/ig, {
- t: 'b',
- b: 't'
- });
- // 偏移量也反下
- var _newOffset = flipOffset(offset, 1);
- var _newTargetOffset = flipOffset(targetOffset, 1);
- var _newElFuturePos = Object(__WEBPACK_IMPORTED_MODULE_4__getElFuturePos__["a" /* default */])(elRegion, tgtRegion, _newPoints, _newOffset, _newTargetOffset);
-
- if (!isCompleteFailY(_newElFuturePos, elRegion, visibleRect)) {
- fail = 1;
- points = _newPoints;
- offset = _newOffset;
- targetOffset = _newTargetOffset;
- }
- }
- }
-
- // 如果失败，重新计算当前节点将要被放置的位置
- if (fail) {
- elFuturePos = Object(__WEBPACK_IMPORTED_MODULE_4__getElFuturePos__["a" /* default */])(elRegion, tgtRegion, points, offset, targetOffset);
- __WEBPACK_IMPORTED_MODULE_0__utils__["a" /* default */].mix(newElRegion, elFuturePos);
- }
- var isStillFailX = isFailX(elFuturePos, elRegion, visibleRect);
- var isStillFailY = isFailY(elFuturePos, elRegion, visibleRect);
- // 检查反下后的位置是否可以放下了，如果仍然放不下：
- // 1. 复原修改过的定位参数
- if (isStillFailX || isStillFailY) {
- points = align.points;
- offset = align.offset || [0, 0];
- targetOffset = align.targetOffset || [0, 0];
- }
- // 2. 只有指定了可以调整当前方向才调整
- newOverflowCfg.adjustX = overflow.adjustX && isStillFailX;
- newOverflowCfg.adjustY = overflow.adjustY && isStillFailY;
-
- // 确实要调整，甚至可能会调整高度宽度
- if (newOverflowCfg.adjustX || newOverflowCfg.adjustY) {
- newElRegion = Object(__WEBPACK_IMPORTED_MODULE_2__adjustForViewport__["a" /* default */])(elFuturePos, elRegion, visibleRect, newOverflowCfg);
- }
- }
-
- // need judge to in case set fixed with in css on height auto element
- if (newElRegion.width !== elRegion.width) {
- __WEBPACK_IMPORTED_MODULE_0__utils__["a" /* default */].css(source, 'width', __WEBPACK_IMPORTED_MODULE_0__utils__["a" /* default */].width(source) + newElRegion.width - elRegion.width);
- }
-
- if (newElRegion.height !== elRegion.height) {
- __WEBPACK_IMPORTED_MODULE_0__utils__["a" /* default */].css(source, 'height', __WEBPACK_IMPORTED_MODULE_0__utils__["a" /* default */].height(source) + newElRegion.height - elRegion.height);
- }
-
- // https://github.com/kissyteam/kissy/issues/190
- // 相对于屏幕位置没变，而 left/top 变了
- // 例如
- __WEBPACK_IMPORTED_MODULE_0__utils__["a" /* default */].offset(source, {
- left: newElRegion.left,
- top: newElRegion.top
- }, {
- useCssRight: align.useCssRight,
- useCssBottom: align.useCssBottom,
- useCssTransform: align.useCssTransform,
- ignoreShake: align.ignoreShake
- });
-
- return {
- points: points,
- offset: offset,
- targetOffset: targetOffset,
- overflow: newOverflowCfg
- };
- }
-
- /* harmony default export */ __webpack_exports__["a"] = (doAlign);
- /**
- * 2012-04-26 yiminghe@gmail.com
- * - 优化智能对齐算法
- * - 慎用 resizeXX
- *
- * 2011-07-13 yiminghe@gmail.com note:
- * - 增加智能对齐，以及大小调整选项
- **/
-
- /***/ }),
- /* 244 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils__ = __webpack_require__(47);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getOffsetParent__ = __webpack_require__(245);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__isAncestorFixed__ = __webpack_require__(765);
-
-
-
-
- /**
- * 获得元素的显示部分的区域
- */
- function getVisibleRectForElement(element) {
- var visibleRect = {
- left: 0,
- right: Infinity,
- top: 0,
- bottom: Infinity
- };
- var el = Object(__WEBPACK_IMPORTED_MODULE_1__getOffsetParent__["a" /* default */])(element);
- var doc = __WEBPACK_IMPORTED_MODULE_0__utils__["a" /* default */].getDocument(element);
- var win = doc.defaultView || doc.parentWindow;
- var body = doc.body;
- var documentElement = doc.documentElement;
-
- // Determine the size of the visible rect by climbing the dom accounting for
- // all scrollable containers.
- while (el) {
- // clientWidth is zero for inline block elements in ie.
- if ((navigator.userAgent.indexOf('MSIE') === -1 || el.clientWidth !== 0) &&
- // body may have overflow set on it, yet we still get the entire
- // viewport. In some browsers, el.offsetParent may be
- // document.documentElement, so check for that too.
- el !== body && el !== documentElement && __WEBPACK_IMPORTED_MODULE_0__utils__["a" /* default */].css(el, 'overflow') !== 'visible') {
- var pos = __WEBPACK_IMPORTED_MODULE_0__utils__["a" /* default */].offset(el);
- // add border
- pos.left += el.clientLeft;
- pos.top += el.clientTop;
- visibleRect.top = Math.max(visibleRect.top, pos.top);
- visibleRect.right = Math.min(visibleRect.right,
- // consider area without scrollBar
- pos.left + el.clientWidth);
- visibleRect.bottom = Math.min(visibleRect.bottom, pos.top + el.clientHeight);
- visibleRect.left = Math.max(visibleRect.left, pos.left);
- } else if (el === body || el === documentElement) {
- break;
- }
- el = Object(__WEBPACK_IMPORTED_MODULE_1__getOffsetParent__["a" /* default */])(el);
- }
-
- // Set element position to fixed
- // make sure absolute element itself don't affect it's visible area
- // https://github.com/ant-design/ant-design/issues/7601
- var originalPosition = null;
- if (!__WEBPACK_IMPORTED_MODULE_0__utils__["a" /* default */].isWindow(element) && element.nodeType !== 9) {
- originalPosition = element.style.position;
- var position = __WEBPACK_IMPORTED_MODULE_0__utils__["a" /* default */].css(element, 'position');
- if (position === 'absolute') {
- element.style.position = 'fixed';
- }
- }
-
- var scrollX = __WEBPACK_IMPORTED_MODULE_0__utils__["a" /* default */].getWindowScrollLeft(win);
- var scrollY = __WEBPACK_IMPORTED_MODULE_0__utils__["a" /* default */].getWindowScrollTop(win);
- var viewportWidth = __WEBPACK_IMPORTED_MODULE_0__utils__["a" /* default */].viewportWidth(win);
- var viewportHeight = __WEBPACK_IMPORTED_MODULE_0__utils__["a" /* default */].viewportHeight(win);
- var documentWidth = documentElement.scrollWidth;
- var documentHeight = documentElement.scrollHeight;
-
- // scrollXXX on html is sync with body which means overflow: hidden on body gets wrong scrollXXX.
- // We should cut this ourself.
- var bodyStyle = window.getComputedStyle(body);
- if (bodyStyle.overflowX === 'hidden') {
- documentWidth = win.innerWidth;
- }
- if (bodyStyle.overflowY === 'hidden') {
- documentHeight = win.innerHeight;
- }
-
- // Reset element position after calculate the visible area
- if (element.style) {
- element.style.position = originalPosition;
- }
-
- if (Object(__WEBPACK_IMPORTED_MODULE_2__isAncestorFixed__["a" /* default */])(element)) {
- // Clip by viewport's size.
- visibleRect.left = Math.max(visibleRect.left, scrollX);
- visibleRect.top = Math.max(visibleRect.top, scrollY);
- visibleRect.right = Math.min(visibleRect.right, scrollX + viewportWidth);
- visibleRect.bottom = Math.min(visibleRect.bottom, scrollY + viewportHeight);
- } else {
- // Clip by document's size.
- var maxVisibleWidth = Math.max(documentWidth, scrollX + viewportWidth);
- visibleRect.right = Math.min(visibleRect.right, maxVisibleWidth);
-
- var maxVisibleHeight = Math.max(documentHeight, scrollY + viewportHeight);
- visibleRect.bottom = Math.min(visibleRect.bottom, maxVisibleHeight);
- }
-
- return visibleRect.top >= 0 && visibleRect.left >= 0 && visibleRect.bottom > visibleRect.top && visibleRect.right > visibleRect.left ? visibleRect : null;
- }
-
- /* harmony default export */ __webpack_exports__["a"] = (getVisibleRectForElement);
-
- /***/ }),
- /* 245 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils__ = __webpack_require__(47);
-
-
- /**
- * 得到会导致元素显示不全的祖先元素
- */
-
- function getOffsetParent(element) {
- if (__WEBPACK_IMPORTED_MODULE_0__utils__["a" /* default */].isWindow(element) || element.nodeType === 9) {
- return null;
- }
- // ie 这个也不是完全可行
- /*
-
-
- 元素 6 高 100px 宽 50px
-
-
foo
;
- * }
- * });
- *
- * Note: This only checks shallow equality for props and state. If these contain
- * complex data structures this mixin may have false-negatives for deeper
- * differences. Only mixin to components which have simple props and state, or
- * use `forceUpdate()` when you know deep data structures have changed.
- *
- * See https://facebook.github.io/react/docs/pure-render-mixin.html
- */
- var ReactComponentWithPureRenderMixin = {
- shouldComponentUpdate: function shouldComponentUpdate(nextProps, nextState) {
- return shallowCompare(this, nextProps, nextState);
- }
- };
-
- module.exports = ReactComponentWithPureRenderMixin;
-
- /***/ }),
- /* 515 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _Checkbox = __webpack_require__(516);
-
- var _Checkbox2 = _interopRequireDefault(_Checkbox);
-
- var _CheckboxGroup = __webpack_require__(1508);
-
- var _CheckboxGroup2 = _interopRequireDefault(_CheckboxGroup);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- _Checkbox2["default"].CheckboxGroup = _CheckboxGroup2["default"];
- exports["default"] = _Checkbox2["default"];
- module.exports = exports['default'];
-
- /***/ }),
- /* 516 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _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; };
-
- var _classnames = __webpack_require__(2);
-
- var _classnames2 = _interopRequireDefault(_classnames);
-
- var _react = __webpack_require__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- var _propTypes = __webpack_require__(1);
-
- var _propTypes2 = _interopRequireDefault(_propTypes);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
-
- function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
-
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
-
- var propTypes = {
-
- colors: _propTypes2["default"].oneOf(['', 'dark', 'success', 'info', 'warning', 'danger', 'primary']),
-
- disabled: _propTypes2["default"].bool,
-
- inverse: _propTypes2["default"].bool
-
- };
-
- var defaultProps = {
- disabled: false,
- inverse: false,
- colors: 'primary',
- clsPrefix: 'u-checkbox',
- defaultChecked: false,
- onClick: function onClick() {}
- };
- var clsPrefix = 'u-checkbox';
-
- var Checkbox = function (_React$Component) {
- _inherits(Checkbox, _React$Component);
-
- function Checkbox(props) {
- _classCallCheck(this, Checkbox);
-
- var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));
-
- _initialiseProps.call(_this);
-
- _this.state = {
- checked: 'checked' in props ? props.checked : props.defaultChecked
- };
- _this.doubleClickFlag = null;
- return _this;
- }
-
- Checkbox.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
- if ('checked' in nextProps) {
- this.setState({
- checked: nextProps.checked
- });
- }
- };
-
- Checkbox.prototype.render = function render() {
- var _props = this.props,
- disabled = _props.disabled,
- inverse = _props.inverse,
- colors = _props.colors,
- size = _props.size,
- className = _props.className,
- indeterminate = _props.indeterminate,
- onClick = _props.onClick,
- children = _props.children,
- checked = _props.checked,
- clsPrefix = _props.clsPrefix,
- onDoubleClick = _props.onDoubleClick,
- onChange = _props.onChange,
- others = _objectWithoutProperties(_props, ['disabled', 'inverse', 'colors', 'size', 'className', 'indeterminate', 'onClick', 'children', 'checked', 'clsPrefix', 'onDoubleClick', 'onChange']);
-
- var input = _react2["default"].createElement('input', _extends({}, others, {
- type: 'checkbox',
- disabled: this.props.disabled
- }));
-
- var classes = {
- 'is-checked': this.state.checked,
- disabled: disabled
- };
-
- if (inverse) {
- classes[clsPrefix + '-inverse'] = true;
- }
-
- if (colors) {
- classes[clsPrefix + '-' + colors] = true;
- }
-
- if (size) {
- classes[clsPrefix + '-' + size] = true;
- }
-
- if (!checked && indeterminate) {
- classes[clsPrefix + '-indeterminate'] = true;
- }
-
- var classNames = (0, _classnames2["default"])(clsPrefix, classes);
-
- return _react2["default"].createElement(
- 'label',
- {
- className: (0, _classnames2["default"])(classNames, className),
- onDoubleClick: this.handledbClick,
- onClick: this.changeState },
- input,
- _react2["default"].createElement(
- 'label',
- { className: clsPrefix + '-label' },
- children
- )
- );
- };
-
- return Checkbox;
- }(_react2["default"].Component);
-
- var _initialiseProps = function _initialiseProps() {
- var _this2 = this;
-
- this.changeState = function (e) {
- var props = _this2.props;
- var checked = _this2.state.checked;
-
- clearTimeout(_this2.doubleClickFlag);
- if (props.onClick instanceof Function) {
- props.onClick(e);
- }
- if (props.onDoubleClick instanceof Function) {
- _this2.doubleClickFlag = setTimeout(function () {
- //do function在此处写单击事件要执行的代码
- _this2.change(props, checked);
- }, 300);
- } else {
- _this2.change(props, checked);
- }
- e.stopPropagation();
- e.preventDefault();
- //执行延时
- };
-
- this.change = function (props, checked) {
- if (props.disabled) {
- return;
- }
- if (!('checked' in props)) {
- _this2.setState({
- checked: !checked
- });
- }
-
- if (props.onChange instanceof Function) {
- props.onChange(!checked);
- }
- };
-
- this.handledbClick = function (e) {
- var onDoubleClick = _this2.props.onDoubleClick;
-
- clearTimeout(_this2.doubleClickFlag);
- onDoubleClick && onDoubleClick(_this2.state.checked, e);
- };
- };
-
- Checkbox.propTypes = propTypes;
- Checkbox.defaultProps = defaultProps;
-
- exports["default"] = Checkbox;
- module.exports = exports['default'];
-
- /***/ }),
- /* 517 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
- exports.default = addEventListenerWrap;
-
- var _addDomEventListener = __webpack_require__(12);
-
- var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
-
- var _reactDom = __webpack_require__(3);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- /**
- * This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
- function addEventListenerWrap(target, eventType, cb) {
- /* eslint camelcase: 2 */
- var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
- _reactDom2.default.unstable_batchedUpdates(cb, e);
- } : cb;
- return (0, _addDomEventListener2.default)(target, eventType, callback);
- }
-
- /***/ }),
- /* 518 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
- exports.default = addEventListenerWrap;
-
- var _addDomEventListener = __webpack_require__(12);
-
- var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
-
- var _reactDom = __webpack_require__(3);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- /**
- * This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
- function addEventListenerWrap(target, eventType, cb) {
- /* eslint camelcase: 2 */
- var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
- _reactDom2.default.unstable_batchedUpdates(cb, e);
- } : cb;
- return (0, _addDomEventListener2.default)(target, eventType, callback);
- }
-
- /***/ }),
- /* 519 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _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; };
- /**
- * This source code is quoted from rc-slider.
- * homepage: https://github.com/react-component/slider
+ /*
+ object-assign
+ (c) Sindre Sorhus
+ @license MIT
*/
- var _react = __webpack_require__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- var Track = function Track(props) {
- //处于激活状态的track
- var className = props.className,
- included = props.included,
- vertical = props.vertical,
- offset = props.offset,
- length = props.length,
- style = props.style;
-
-
- var positonStyle = vertical ? {
- bottom: offset + '%',
- height: length + '%'
- } : {
- left: offset + '%',
- width: length + '%'
- };
-
- var elStyle = _extends({
- visibility: included ? 'visible' : 'hidden'
- }, style, positonStyle);
- return _react2["default"].createElement('div', { className: className, style: elStyle });
- };
-
- exports["default"] = Track;
- module.exports = exports['default'];
-
- /***/ }),
- /* 520 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
- /* WEBPACK VAR INJECTION */(function(process) {
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _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; };
-
- exports["default"] = createSlider;
-
- var _react = __webpack_require__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- var _propTypes = __webpack_require__(1);
-
- var _propTypes2 = _interopRequireDefault(_propTypes);
-
- var _addEventListener = __webpack_require__(1554);
-
- var _addEventListener2 = _interopRequireDefault(_addEventListener);
-
- var _classnames = __webpack_require__(2);
-
- var _classnames2 = _interopRequireDefault(_classnames);
-
- var _warning = __webpack_require__(10);
-
- var _warning2 = _interopRequireDefault(_warning);
-
- var _Steps = __webpack_require__(1555);
-
- var _Steps2 = _interopRequireDefault(_Steps);
-
- var _Marks = __webpack_require__(1556);
-
- var _Marks2 = _interopRequireDefault(_Marks);
-
- var _Handle = __webpack_require__(196);
-
- var _Handle2 = _interopRequireDefault(_Handle);
-
- var _utils = __webpack_require__(197);
-
- var utils = _interopRequireWildcard(_utils);
-
- function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj["default"] = obj; return newObj; } }
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
-
- function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
-
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); } /**
- * This source code is quoted from rc-slider.
- * homepage: https://github.com/react-component/slider
- */
-
-
- function noop() {}
-
- function createSlider(Component) {
- var _class, _temp;
-
- return _temp = _class = function (_Component) {
- _inherits(ComponentEnhancer, _Component);
-
- function ComponentEnhancer(props) {
- _classCallCheck(this, ComponentEnhancer);
-
- var _this = _possibleConstructorReturn(this, _Component.call(this, props));
-
- _this.onMouseDown = function (e) {
- //鼠标落下的操作
- //指示当事件被触发时哪个鼠标按键被点击
- //参数 描述
- //0 规定鼠标左键。
- //1 规定鼠标中键。
- //2 规定鼠标右键。
- if (e.button !== 0) {
- return;
- }
- //1.getMousePosition：获得鼠标的位置 clientY或者pageX
- //2.isEventFromHandle：是直接落下还是拖动handle
- //3.getHandleCenterPosition:获得handle的中点位置
- //4.onStart：在slider.jsx中
- 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); //handle的位置
- _this.dragOffset = position - handlePosition; //鼠标落下的位置-handle的中间位置，这是偏差
- position = handlePosition; //position是
- }
- _this.onStart(position);
- _this.addDocumentMouseEvents();
- utils.pauseEvent(e);
- };
-
- _this.onTouchStart = function (e) {
- //touch事件
- //event.touches，多点触碰时的位置数组，比如缩放手势必须要用两指的触摸点，就是一个数组
- //多点触碰不算
- if (utils.isNotTouchEvent(e)) return;
- //1.getMousePosition：获得鼠标的位置 clientY或者pageX
- //2.isEventFromHandle：是直接落下还是拖动handle
- //3.getHandleCenterPosition:获得handle的中点位置
- //4.onStart：在slider.jsx中
- 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.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) {
- //1.isNotTouchEvent：是不是touch事件
- //2.getTouchPosition：return vertical ? e.touches[0].clientY : e.touches[0].pageX;
- 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) {
- //对应不同的keycode
- if (_this.sliderRef && utils.isEventFromHandle(e, _this.handlesRefs)) {
- _this.onKeyboard(e);
- }
- };
-
- _this.onFocus = function (e) {
- //Focus事件
- //1.isEventFromHandle：是直接落下还是拖动handle
- //2.getHandleCenterPosition:获得handle的中点位置
- //3.onStart：在slider.jsx中
- var isVertical = _this.props.vertical;
-
- if (utils.isEventFromHandle(e, _this.handlesRefs)) {
- var handlePosition = utils.getHandleCenterPosition(isVertical, e.target);
-
- _this.dragOffset = 0;
- _this.onStart(handlePosition);
- utils.pauseEvent(e);
- }
- };
-
- _this.onBlur = function (e) {
- _this.onEnd(e);
- };
-
- _this.saveSlider = function (slider) {
- _this.sliderRef = slider;
- };
-
- if (process.env.NODE_ENV !== 'production') {
- var step = props.step,
- max = props.max,
- min = props.min;
-
- (0, _warning2["default"])(step && Math.floor(step) === step ? (max - min) % step === 0 : true, 'Slider[max] - Slider[min] (%s) should be a multiple of Slider[step] (%s)', max - min, step);
- }
- _this.handlesRefs = {};
- return _this;
- }
- //这里是超级关键的：采用高阶组件的写法
-
-
- ComponentEnhancer.prototype.componentWillUnmount = function componentWillUnmount() {
- if (_Component.prototype.componentWillUnmount) _Component.prototype.componentWillUnmount.call(this);
- this.removeDocumentEvents();
- };
-
- ComponentEnhancer.prototype.addDocumentTouchEvents = function addDocumentTouchEvents() {
- // just work for Chrome iOS Safari and Android Browser
- this.onTouchMoveListener = (0, _addEventListener2["default"])(document, 'touchmove', this.onTouchMove);
- this.onTouchUpListener = (0, _addEventListener2["default"])(document, 'touchend', this.onEnd);
- };
-
- ComponentEnhancer.prototype.addDocumentMouseEvents = function addDocumentMouseEvents() {
- this.onMouseMoveListener = (0, _addEventListener2["default"])(document, 'mousemove', this.onMouseMove);
- this.onMouseUpListener = (0, _addEventListener2["default"])(document, 'mouseup', this.onEnd);
- };
-
- ComponentEnhancer.prototype.removeDocumentEvents = 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 */
- };
-
- //slider的开始位置
-
-
- ComponentEnhancer.prototype.getSliderStart = function getSliderStart() {
- var slider = this.sliderRef;
- var rect = slider.getBoundingClientRect();
-
- return this.props.vertical ? rect.top : rect.left;
- };
-
- //slider的高度
-
-
- ComponentEnhancer.prototype.getSliderLength = function getSliderLength() {
- var slider = this.sliderRef;
- if (!slider) {
- return 0;
- }
-
- var coords = slider.getBoundingClientRect();
- return this.props.vertical ? coords.height : coords.width;
- };
-
- //计算实际的value值
-
-
- ComponentEnhancer.prototype.calcValue = function calcValue(offset) {
- var _props = this.props,
- vertical = _props.vertical,
- min = _props.min,
- max = _props.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;
- };
- //这里才是最终的value
-
-
- ComponentEnhancer.prototype.calcValueByPos = function calcValueByPos(position) {
- //mouseposition 或者 handlePosition - slider的top（或者left）；
- var pixelOffset = position - this.getSliderStart();
- //calValue()：radio来算出真正的value
- //trimAlignValue()：在slider.jsx中1.ensureValueInRange 先算出是否可取 v 或者 min 或者 max 2.ensureValuePrecision：来获取真的前进数值closest数值
- var nextValue = this.trimAlignValue(this.calcValue(pixelOffset));
- return nextValue;
- };
-
- ComponentEnhancer.prototype.calcOffset = function calcOffset(value) {
- var _props2 = this.props,
- min = _props2.min,
- max = _props2.max;
-
- var ratio = (value - min) / (max - min);
- return ratio * 100;
- };
-
- ComponentEnhancer.prototype.saveHandle = function saveHandle(index, handle) {
- this.handlesRefs[index] = handle;
- };
-
- ComponentEnhancer.prototype.render = function render() {
- var _classNames;
-
- var _props3 = this.props,
- prefixCls = _props3.prefixCls,
- className = _props3.className,
- marks = _props3.marks,
- dots = _props3.dots,
- step = _props3.step,
- included = _props3.included,
- disabled = _props3.disabled,
- vertical = _props3.vertical,
- min = _props3.min,
- max = _props3.max,
- children = _props3.children,
- style = _props3.style,
- railStyle = _props3.railStyle,
- dotStyle = _props3.dotStyle,
- activeDotStyle = _props3.activeDotStyle;
-
- var _Component$prototype$ = _Component.prototype.render.call(this),
- tracks = _Component$prototype$.tracks,
- handles = _Component$prototype$.handles;
-
- var sliderClassName = (0, _classnames2["default"])(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 _react2["default"].createElement(
- 'div',
- {
- ref: this.saveSlider,
- className: sliderClassName,
- onTouchStart: disabled ? noop : this.onTouchStart,
- onMouseDown: disabled ? noop : this.onMouseDown,
- onKeyDown: disabled ? noop : this.onKeyDown,
- onFocus: disabled ? noop : this.onFocus,
- onBlur: disabled ? noop : this.onBlur,
- style: style
- },
- _react2["default"].createElement('div', {
- className: prefixCls + '-rail',
- style: _extends({}, railStyle)
- }),
- tracks,
- _react2["default"].createElement(_Steps2["default"], {
- prefixCls: prefixCls,
- vertical: vertical,
- marks: marks,
- dots: dots,
- step: step,
- included: included,
- lowerBound: this.getLowerBound(),
- upperBound: this.getUpperBound(),
- max: max,
- min: min,
- dotStyle: dotStyle,
- activeDotStyle: activeDotStyle
- }),
- handles,
- _react2["default"].createElement(_Marks2["default"], {
- className: prefixCls + '-mark',
- vertical: vertical,
- marks: marks,
- included: included,
- lowerBound: this.getLowerBound(),
- upperBound: this.getUpperBound(),
- max: max,
- min: min
- }),
- children
- );
- };
-
- return ComponentEnhancer;
- }(Component), _class.displayName = 'ComponentEnhancer(' + Component.displayName + ')', _class.propTypes = _extends({}, Component.propTypes, {
- min: _propTypes2["default"].number,
- max: _propTypes2["default"].number,
- step: _propTypes2["default"].number,
- marks: _propTypes2["default"].object,
- included: _propTypes2["default"].bool,
- className: _propTypes2["default"].string,
- prefixCls: _propTypes2["default"].string,
- disabled: _propTypes2["default"].bool,
- children: _propTypes2["default"].any,
- onBeforeChange: _propTypes2["default"].func,
- onChange: _propTypes2["default"].func,
- onAfterChange: _propTypes2["default"].func,
- handle: _propTypes2["default"].func,
- dots: _propTypes2["default"].bool,
- vertical: _propTypes2["default"].bool,
- style: _propTypes2["default"].object,
- //minimumTrackStyle: PropTypes.object, // just for compatibility, will be deperecate
- //maximumTrackStyle: PropTypes.object, // just for compatibility, will be deperecate
- handleStyle: _propTypes2["default"].oneOfType([_propTypes2["default"].object, _propTypes2["default"].arrayOf(_propTypes2["default"].object)]),
- trackStyle: _propTypes2["default"].oneOfType([_propTypes2["default"].object, _propTypes2["default"].arrayOf(_propTypes2["default"].object)]),
- railStyle: _propTypes2["default"].object,
- dotStyle: _propTypes2["default"].object,
- activeDotStyle: _propTypes2["default"].object
- }), _class.defaultProps = _extends({}, Component.defaultProps, {
- prefixCls: 'u-slider',
- className: '',
- min: 0,
- max: 100,
- step: 1,
- marks: {},
- handle: function handle(_ref) {
- var index = _ref.index,
- restProps = _objectWithoutProperties(_ref, ['index']);
-
- delete restProps.dragging;
- return _react2["default"].createElement(_Handle2["default"], _extends({}, restProps, { key: index }));
- },
-
- onBeforeChange: noop,
- onChange: noop,
- onAfterChange: noop,
- included: true,
- disabled: false,
- dots: false,
- vertical: false,
- trackStyle: [{}],
- handleStyle: [{}],
- railStyle: {},
- dotStyle: {},
- activeDotStyle: {}
- }), _temp;
- }
- module.exports = exports['default'];
- /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(9)))
-
- /***/ }),
- /* 521 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
- /**
- * This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
-
-
- /**
- * @ignore
- * some key-codes definition and utils from closure-library
- * @author yiminghe@gmail.com
- */
-
- var KeyCode = {
- /**
- * MAC_ENTER
- */
- MAC_ENTER: 3,
- /**
- * BACKSPACE
- */
- BACKSPACE: 8,
- /**
- * TAB
- */
- TAB: 9,
- /**
- * NUMLOCK on FF/Safari Mac
- */
- NUM_CENTER: 12, // NUMLOCK on FF/Safari Mac
- /**
- * ENTER
- */
- ENTER: 13,
- /**
- * SHIFT
- */
- SHIFT: 16,
- /**
- * CTRL
- */
- CTRL: 17,
- /**
- * ALT
- */
- ALT: 18,
- /**
- * PAUSE
- */
- PAUSE: 19,
- /**
- * CAPS_LOCK
- */
- CAPS_LOCK: 20,
- /**
- * ESC
- */
- ESC: 27,
- /**
- * SPACE
- */
- SPACE: 32,
- /**
- * PAGE_UP
- */
- PAGE_UP: 33, // also NUM_NORTH_EAST
- /**
- * PAGE_DOWN
- */
- PAGE_DOWN: 34, // also NUM_SOUTH_EAST
- /**
- * END
- */
- END: 35, // also NUM_SOUTH_WEST
- /**
- * HOME
- */
- HOME: 36, // also NUM_NORTH_WEST
- /**
- * LEFT
- */
- LEFT: 37, // also NUM_WEST
- /**
- * UP
- */
- UP: 38, // also NUM_NORTH
- /**
- * RIGHT
- */
- RIGHT: 39, // also NUM_EAST
- /**
- * DOWN
- */
- DOWN: 40, // also NUM_SOUTH
- /**
- * PRINT_SCREEN
- */
- PRINT_SCREEN: 44,
- /**
- * INSERT
- */
- INSERT: 45, // also NUM_INSERT
- /**
- * DELETE
- */
- DELETE: 46, // also NUM_DELETE
- /**
- * ZERO
- */
- ZERO: 48,
- /**
- * ONE
- */
- ONE: 49,
- /**
- * TWO
- */
- TWO: 50,
- /**
- * THREE
- */
- THREE: 51,
- /**
- * FOUR
- */
- FOUR: 52,
- /**
- * FIVE
- */
- FIVE: 53,
- /**
- * SIX
- */
- SIX: 54,
- /**
- * SEVEN
- */
- SEVEN: 55,
- /**
- * EIGHT
- */
- EIGHT: 56,
- /**
- * NINE
- */
- NINE: 57,
- /**
- * QUESTION_MARK
- */
- QUESTION_MARK: 63, // needs localization
- /**
- * A
- */
- A: 65,
- /**
- * B
- */
- B: 66,
- /**
- * C
- */
- C: 67,
- /**
- * D
- */
- D: 68,
- /**
- * E
- */
- E: 69,
- /**
- * F
- */
- F: 70,
- /**
- * G
- */
- G: 71,
- /**
- * H
- */
- H: 72,
- /**
- * I
- */
- I: 73,
- /**
- * J
- */
- J: 74,
- /**
- * K
- */
- K: 75,
- /**
- * L
- */
- L: 76,
- /**
- * M
- */
- M: 77,
- /**
- * N
- */
- N: 78,
- /**
- * O
- */
- O: 79,
- /**
- * P
- */
- P: 80,
- /**
- * Q
- */
- Q: 81,
- /**
- * R
- */
- R: 82,
- /**
- * S
- */
- S: 83,
- /**
- * T
- */
- T: 84,
- /**
- * U
- */
- U: 85,
- /**
- * V
- */
- V: 86,
- /**
- * W
- */
- W: 87,
- /**
- * X
- */
- X: 88,
- /**
- * Y
- */
- Y: 89,
- /**
- * Z
- */
- Z: 90,
- /**
- * META
- */
- META: 91, // WIN_KEY_LEFT
- /**
- * WIN_KEY_RIGHT
- */
- WIN_KEY_RIGHT: 92,
- /**
- * CONTEXT_MENU
- */
- CONTEXT_MENU: 93,
- /**
- * NUM_ZERO
- */
- NUM_ZERO: 96,
- /**
- * NUM_ONE
- */
- NUM_ONE: 97,
- /**
- * NUM_TWO
- */
- NUM_TWO: 98,
- /**
- * NUM_THREE
- */
- NUM_THREE: 99,
- /**
- * NUM_FOUR
- */
- NUM_FOUR: 100,
- /**
- * NUM_FIVE
- */
- NUM_FIVE: 101,
- /**
- * NUM_SIX
- */
- NUM_SIX: 102,
- /**
- * NUM_SEVEN
- */
- NUM_SEVEN: 103,
- /**
- * NUM_EIGHT
- */
- NUM_EIGHT: 104,
- /**
- * NUM_NINE
- */
- NUM_NINE: 105,
- /**
- * NUM_MULTIPLY
- */
- NUM_MULTIPLY: 106,
- /**
- * NUM_PLUS
- */
- NUM_PLUS: 107,
- /**
- * NUM_MINUS
- */
- NUM_MINUS: 109,
- /**
- * NUM_PERIOD
- */
- NUM_PERIOD: 110,
- /**
- * NUM_DIVISION
- */
- NUM_DIVISION: 111,
- /**
- * F1
- */
- F1: 112,
- /**
- * F2
- */
- F2: 113,
- /**
- * F3
- */
- F3: 114,
- /**
- * F4
- */
- F4: 115,
- /**
- * F5
- */
- F5: 116,
- /**
- * F6
- */
- F6: 117,
- /**
- * F7
- */
- F7: 118,
- /**
- * F8
- */
- F8: 119,
- /**
- * F9
- */
- F9: 120,
- /**
- * F10
- */
- F10: 121,
- /**
- * F11
- */
- F11: 122,
- /**
- * F12
- */
- F12: 123,
- /**
- * NUMLOCK
- */
- NUMLOCK: 144,
- /**
- * SEMICOLON
- */
- SEMICOLON: 186, // needs localization
- /**
- * DASH
- */
- DASH: 189, // needs localization
- /**
- * EQUALS
- */
- EQUALS: 187, // needs localization
- /**
- * COMMA
- */
- COMMA: 188, // needs localization
- /**
- * PERIOD
- */
- PERIOD: 190, // needs localization
- /**
- * SLASH
- */
- SLASH: 191, // needs localization
- /**
- * APOSTROPHE
- */
- APOSTROPHE: 192, // needs localization
- /**
- * SINGLE_QUOTE
- */
- SINGLE_QUOTE: 222, // needs localization
- /**
- * OPEN_SQUARE_BRACKET
- */
- OPEN_SQUARE_BRACKET: 219, // needs localization
- /**
- * BACKSLASH
- */
- BACKSLASH: 220, // needs localization
- /**
- * CLOSE_SQUARE_BRACKET
- */
- CLOSE_SQUARE_BRACKET: 221, // needs localization
- /**
- * WIN_KEY
- */
- WIN_KEY: 224,
- /**
- * MAC_FF_META
- */
- MAC_FF_META: 224, // Firefox (Gecko) fires this for the meta key instead of 91
- /**
- * WIN_IME
- */
- WIN_IME: 229
- };
-
- /*
- whether text and modified key is entered at the same time.
- */
- KeyCode.isTextModifyingKeyEvent = function isTextModifyingKeyEvent(e) {
- var keyCode = e.keyCode;
- if (e.altKey && !e.ctrlKey || e.metaKey ||
- // Function keys don't generate text
- keyCode >= KeyCode.F1 && keyCode <= KeyCode.F12) {
- return false;
- }
-
- // The following keys are quite harmless, even in combination with
- // CTRL, ALT or SHIFT.
- switch (keyCode) {
- case KeyCode.ALT:
- case KeyCode.CAPS_LOCK:
- case KeyCode.CONTEXT_MENU:
- case KeyCode.CTRL:
- case KeyCode.DOWN:
- case KeyCode.END:
- case KeyCode.ESC:
- case KeyCode.HOME:
- case KeyCode.INSERT:
- case KeyCode.LEFT:
- case KeyCode.MAC_FF_META:
- case KeyCode.META:
- case KeyCode.NUMLOCK:
- case KeyCode.NUM_CENTER:
- case KeyCode.PAGE_DOWN:
- case KeyCode.PAGE_UP:
- case KeyCode.PAUSE:
- case KeyCode.PRINT_SCREEN:
- case KeyCode.RIGHT:
- case KeyCode.SHIFT:
- case KeyCode.UP:
- case KeyCode.WIN_KEY:
- case KeyCode.WIN_KEY_RIGHT:
- return false;
- default:
- return true;
- }
- };
-
- /*
- whether character is entered.
- */
- KeyCode.isCharacterKey = function isCharacterKey(keyCode) {
- if (keyCode >= KeyCode.ZERO && keyCode <= KeyCode.NINE) {
- return true;
- }
-
- if (keyCode >= KeyCode.NUM_ZERO && keyCode <= KeyCode.NUM_MULTIPLY) {
- return true;
- }
-
- if (keyCode >= KeyCode.A && keyCode <= KeyCode.Z) {
- return true;
- }
-
- // Safari sends zero key code for non-latin characters.
- if (window.navigation.userAgent.indexOf('WebKit') !== -1 && keyCode === 0) {
- return true;
- }
-
- switch (keyCode) {
- case KeyCode.SPACE:
- case KeyCode.QUESTION_MARK:
- case KeyCode.NUM_PLUS:
- case KeyCode.NUM_MINUS:
- case KeyCode.NUM_PERIOD:
- case KeyCode.NUM_DIVISION:
- case KeyCode.SEMICOLON:
- case KeyCode.DASH:
- case KeyCode.EQUALS:
- case KeyCode.COMMA:
- case KeyCode.PERIOD:
- case KeyCode.SLASH:
- case KeyCode.APOSTROPHE:
- case KeyCode.SINGLE_QUOTE:
- case KeyCode.OPEN_SQUARE_BRACKET:
- case KeyCode.BACKSLASH:
- case KeyCode.CLOSE_SQUARE_BRACKET:
- return true;
- default:
- return false;
- }
- };
-
- module.exports = KeyCode;
-
- /***/ }),
- /* 522 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _react = __webpack_require__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- var _reactDom = __webpack_require__(3);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- var _propTypes = __webpack_require__(1);
-
- var _propTypes2 = _interopRequireDefault(_propTypes);
-
- var _ownerDocument = __webpack_require__(116);
-
- var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
-
- var _getContainer = __webpack_require__(523);
-
- var _getContainer2 = _interopRequireDefault(_getContainer);
-
- var _tinperBeeCore = __webpack_require__(117);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
-
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
-
- var isReact16 = _reactDom2["default"].createPortal !== undefined;
- var createPortal = isReact16 ? _reactDom2["default"].createPortal : _reactDom2["default"].unstable_renderSubtreeIntoContainer;
-
- var propTypes = {
- /**
- * 存放子组件的容器
- */
- container: _propTypes2["default"].oneOfType([_tinperBeeCore.componentOrElement, _propTypes2["default"].func])
- };
-
- var defaultProps = {};
-
- /**
- * Portal组件是将子组件渲染
- */
-
- var Portal = function (_Component) {
- _inherits(Portal, _Component);
-
- function Portal(props) {
- _classCallCheck(this, Portal);
-
- var _this = _possibleConstructorReturn(this, _Component.call(this, props));
-
- _this.getMountNode = _this.getMountNode.bind(_this);
- _this.getOverlayDOMNode = _this.getOverlayDOMNode.bind(_this);
- _this.mountOverlayTarget = _this.mountOverlayTarget.bind(_this);
- _this.unmountOverlayTarget = _this.unmountOverlayTarget.bind(_this);
- _this.renderOverlay = _this.renderOverlay.bind(_this);
- _this.unrenderOverlay = _this.unrenderOverlay.bind(_this);
-
- _this.overlayTarget = isReact16 ? document.createElement('div') : null;
- return _this;
- }
-
- Portal.prototype.componentDidMount = function componentDidMount() {
- if (isReact16) {
- this.portalContainerNode = (0, _getContainer2["default"])(this.props.container, (0, _ownerDocument2["default"])(this).body);
- this.portalContainerNode.appendChild(this.overlayTarget);
- } else {
- this.renderOverlay();
- }
-
- this.mounted = true;
- };
-
- Portal.prototype.componentDidUpdate = function componentDidUpdate() {
- if (isReact16) {
- var overlay = !this.props.children ? null : _react2["default"].Children.only(this.props.children);
- if (overlay === null) {
- this.unrenderOverlay();
- this.unmountOverlayTarget();
- } else {}
- } else {
- this.renderOverlay();
- }
- };
- //this._overlayTarget为当前的要添加的子组件， this._portalContainerNode要添加组件的容器元素
-
-
- Portal.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
- if (this.overlayTarget && nextProps.container !== this.props.container) {
- this.portalContainerNode.removeChild(this.overlayTarget);
- this.portalContainerNode = (0, _getContainer2["default"])(nextProps.container, (0, _ownerDocument2["default"])(this).body);
- this.portalContainerNode.appendChild(this.overlayTarget);
- }
- };
-
- Portal.prototype.componentWillUnmount = function componentWillUnmount() {
- this.unrenderOverlay();
- this.unmountOverlayTarget();
-
- this.mounted = false;
- };
-
- Portal.prototype.getMountNode = function getMountNode() {
- return this.overlayTarget;
- };
-
- Portal.prototype.getOverlayDOMNode = function getOverlayDOMNode() {
- if (!this.mounted) {
- throw new Error('getOverlayDOMNode(): A component must be mounted to have a DOM node.');
- }
-
- if (this.overlayInstance) {
- return _reactDom2["default"].findDOMNode(this.overlayInstance);
- }
-
- return null;
- };
-
- /**
- * 如果要添加的子组件不存在，就将div添加到要添加容器的DOM中；
- */
-
- Portal.prototype.mountOverlayTarget = function mountOverlayTarget() {
- if (!this.overlayTarget) {
- this.overlayTarget = document.createElement('div');
- this.portalContainerNode = (0, _getContainer2["default"])(this.props.container, (0, _ownerDocument2["default"])(this).body);
- this.portalContainerNode.appendChild(this.overlayTarget);
- }
- };
- /**
- * 将要添加的子元素从容器中移除，并把变量置为null
- */
-
-
- Portal.prototype.unmountOverlayTarget = function unmountOverlayTarget() {
- if (this.overlayTarget) {
- this.portalContainerNode.removeChild(this.overlayTarget);
- this.overlayTarget = null;
- }
- this.portalContainerNode = null;
- };
- /**
- * 手动渲染_overlayTarget
- */
-
-
- Portal.prototype.renderOverlay = function renderOverlay() {
-
- var overlay = !this.props.children ? null : _react2["default"].Children.only(this.props.children);
-
- // Save reference for future access.
- if (overlay !== null) {
- this.mountOverlayTarget();
- this.overlayInstance = _reactDom2["default"].unstable_renderSubtreeIntoContainer(this, overlay, this.overlayTarget);
- } else {
- // Unrender if the component is null for transitions to null
- this.unrenderOverlay();
- this.unmountOverlayTarget();
- }
- };
- /**
- * 销毁_overlayTarget组件。并把_overlayInstance置为null
- */
-
-
- Portal.prototype.unrenderOverlay = function unrenderOverlay() {
- if (this.overlayTarget) {
- !isReact16 && _reactDom2["default"].unmountComponentAtNode(this.overlayTarget);
- this.overlayInstance = null;
- }
- };
-
- Portal.prototype.render = function render() {
- if (!isReact16) {
- return null;
- }
-
- var overlay = !this.props.children ? null : _react2["default"].Children.only(this.props.children);
-
- return _reactDom2["default"].createPortal(overlay, this.overlayTarget);
- };
-
- return Portal;
- }(_react.Component);
-
- ;
-
- Portal.propTypes = propTypes;
- Portal.defaultProps = defaultProps;
-
- exports["default"] = Portal;
- module.exports = exports['default'];
-
- /***/ }),
- /* 523 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports["default"] = getContainer;
-
- var _reactDom = __webpack_require__(3);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- /**
- * 获取容器组件
- * @param {[type]} container [description]
- * @param {[type]} defaultContainer [description]
- * @return {[type]} [description]
- */
- function getContainer(container, defaultContainer) {
- container = typeof container === 'function' ? container() : container;
- return _reactDom2["default"].findDOMNode(container) || defaultContainer;
- }
- module.exports = exports['default'];
-
- /***/ }),
- /* 524 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
- exports.default = addEventListenerWrap;
-
- var _addDomEventListener = __webpack_require__(12);
-
- var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
-
- var _reactDom = __webpack_require__(3);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- /**
- * This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
- function addEventListenerWrap(target, eventType, cb) {
- /* eslint camelcase: 2 */
- var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
- _reactDom2.default.unstable_batchedUpdates(cb, e);
- } : cb;
- return (0, _addDomEventListener2.default)(target, eventType, callback);
- }
-
- /***/ }),
- /* 525 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- exports["default"] = function (node, event, handler, capture) {
- (0, _on2["default"])(node, event, handler, capture);
-
- return {
- remove: function remove() {
- (0, _off2["default"])(node, event, handler, capture);
- }
- };
- };
-
- var _on = __webpack_require__(22);
-
- var _on2 = _interopRequireDefault(_on);
-
- var _off = __webpack_require__(54);
-
- var _off2 = _interopRequireDefault(_off);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- module.exports = exports['default'];
-
- /***/ }),
- /* 526 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
- /**
- * This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
- function createChainedFunction() {
- for (var _len = arguments.length, funcs = Array(_len), _key = 0; _key < _len; _key++) {
- funcs[_key] = arguments[_key];
- }
-
- return funcs.filter(function (f) {
- return f != null;
- }).reduce(function (acc, f) {
- if (typeof f !== 'function') {
- throw new Error('Invalid Argument Type, must only provide functions, undefined, or null.');
- }
-
- if (acc === null) {
- return f;
- }
-
- return function chainedFunction() {
- for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
- args[_key2] = arguments[_key2];
- }
-
- acc.apply(this, args);
- f.apply(this, args);
- };
- }, null);
- }
- exports.default = createChainedFunction;
-
- /***/ }),
- /* 527 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
- exports.default = splitComponentProps;
- /**
- * This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
- function _objectEntries(obj) {
- var entries = [];
- var keys = Object.keys(obj);
-
- for (var k = 0; k < keys.length; ++k) {
- entries.push([keys[k], obj[keys[k]]]);
- }return entries;
- }
-
- /**
- * 分割要传入父元素和子元素的props
- * @param {[object]} props 传入的属性
- * @param {[reactElement]} Component 组件
- * @return {[array]} 返回数组，第一个元素为父元素props对象，第二个子元素props对象
- */
- function splitComponentProps(props, Component) {
- var componentPropTypes = Component.propTypes;
-
- var parentProps = {};
- var childProps = {};
-
- _objectEntries(props).forEach(function (_ref) {
- var propName = _ref[0],
- propValue = _ref[1];
-
- if (componentPropTypes[propName]) {
- parentProps[propName] = propValue;
- } else {
- childProps[propName] = propValue;
- }
- });
-
- return [parentProps, childProps];
- }
-
- /***/ }),
- /* 528 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports["default"] = getContainer;
-
- var _reactDom = __webpack_require__(3);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- /**
- * 获取容器组件
- * @param {[type]} container [description]
- * @param {[type]} defaultContainer [description]
- * @return {[type]} [description]
- */
- function getContainer(container, defaultContainer) {
- container = typeof container === 'function' ? container() : container;
- return _reactDom2["default"].findDOMNode(container) || defaultContainer;
- }
- module.exports = exports['default'];
-
- /***/ }),
- /* 529 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
- exports.default = isRequiredForA11y;
- /**
- * This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
- function isRequiredForA11y(validator) {
- return function validate(props, propName, componentName, location, propFullName) {
- var componentNameSafe = componentName || '<>';
- var propFullNameSafe = propFullName || propName;
-
- if (props[propName] == null) {
- return new Error('The ' + location + ' `' + propFullNameSafe + '` is required to make ' + ('`' + componentNameSafe + '` accessible for users of assistive ') + 'technologies such as screen readers.');
- }
-
- for (var _len = arguments.length, args = Array(_len > 5 ? _len - 5 : 0), _key = 5; _key < _len; _key++) {
- args[_key - 5] = arguments[_key];
- }
-
- return validator.apply(undefined, [props, propName, componentName, location, propFullName].concat(args));
- };
- }
-
- /***/ }),
- /* 530 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
- exports.default = addEventListenerWrap;
-
- var _addDomEventListener = __webpack_require__(12);
-
- var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
-
- var _reactDom = __webpack_require__(3);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- /**
- * This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
- function addEventListenerWrap(target, eventType, cb) {
- /* eslint camelcase: 2 */
- var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
- _reactDom2.default.unstable_batchedUpdates(cb, e);
- } : cb;
- return (0, _addDomEventListener2.default)(target, eventType, callback);
- }
-
- /***/ }),
- /* 531 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- exports["default"] = function (node, event, handler, capture) {
- (0, _on2["default"])(node, event, handler, capture);
-
- return {
- remove: function remove() {
- (0, _off2["default"])(node, event, handler, capture);
- }
- };
- };
-
- var _on = __webpack_require__(22);
-
- var _on2 = _interopRequireDefault(_on);
-
- var _off = __webpack_require__(54);
-
- var _off2 = _interopRequireDefault(_off);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- module.exports = exports['default'];
-
- /***/ }),
- /* 532 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.destroyFns = undefined;
-
- var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();
-
- var _extends2;
-
- var _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; };
-
- var _classnames = __webpack_require__(2);
-
- var _classnames2 = _interopRequireDefault(_classnames);
-
- var _events = __webpack_require__(1647);
-
- var _events2 = _interopRequireDefault(_events);
-
- var _ownerDocument = __webpack_require__(1651);
-
- var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
-
- var _inDOM = __webpack_require__(56);
-
- var _inDOM2 = _interopRequireDefault(_inDOM);
-
- var _scrollbarSize = __webpack_require__(1652);
-
- var _scrollbarSize2 = _interopRequireDefault(_scrollbarSize);
-
- var _react = __webpack_require__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- var _reactDom = __webpack_require__(3);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- var _Modal = __webpack_require__(165);
-
- var _Modal2 = _interopRequireDefault(_Modal);
-
- var _isOverflowing = __webpack_require__(107);
-
- var _isOverflowing2 = _interopRequireDefault(_isOverflowing);
-
- var _tinperBeeCore = __webpack_require__(31);
-
- var _beeTransition = __webpack_require__(1665);
-
- var _ModalBody = __webpack_require__(1676);
-
- var _ModalBody2 = _interopRequireDefault(_ModalBody);
-
- var _ModalDialog = __webpack_require__(1677);
-
- var _ModalDialog2 = _interopRequireDefault(_ModalDialog);
-
- var _ModalFooter = __webpack_require__(1678);
-
- var _ModalFooter2 = _interopRequireDefault(_ModalFooter);
-
- var _ModalHeader = __webpack_require__(1679);
-
- var _ModalHeader2 = _interopRequireDefault(_ModalHeader);
-
- var _ModalTitle = __webpack_require__(1680);
-
- var _ModalTitle2 = _interopRequireDefault(_ModalTitle);
-
- var _propTypes = __webpack_require__(1);
-
- var _propTypes2 = _interopRequireDefault(_propTypes);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
-
- function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
-
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
-
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
- var propTypes = _extends({}, _Modal2["default"].propTypes, _ModalDialog2["default"].propTypes, (_extends2 = {
-
- /**
- * 是否弹出遮罩层/遮罩层点击是否触发关闭
- */
- backdrop: _propTypes2["default"].oneOf(['static', true, false]),
-
- /**
- * 点击遮罩层是否允许关闭
- */
- backdropClosable: _propTypes2["default"].bool,
- /**
- * esc触发关闭
- */
- keyboard: _propTypes2["default"].bool,
-
- /**
- * 显隐时是否使用动画
- */
- animation: _propTypes2["default"].bool,
-
- /**
- * 传递给模态框的样式
- */
- dialogComponentClass: _tinperBeeCore.elementType,
-
- /**
- * 自动设置焦点
- */
- autoFocus: _propTypes2["default"].bool,
-
- /**
- * 防止打开时焦点离开模态框
- */
- enforceFocus: _propTypes2["default"].bool,
-
- /**
- * 是否打开模态框
- */
- show: _propTypes2["default"].bool,
-
- /**
- * 关闭时的钩子函数
- */
- onHide: _propTypes2["default"].func,
-
- onEnter: _propTypes2["default"].func,
-
- onEntering: _propTypes2["default"].func,
-
- onEntered: _propTypes2["default"].func,
-
- onExit: _propTypes2["default"].func,
-
- onExiting: _propTypes2["default"].func,
-
- onExited: _propTypes2["default"].func,
-
- containerClassName: _propTypes2["default"].string
- }, _defineProperty(_extends2, 'containerClassName', _propTypes2["default"].string), _defineProperty(_extends2, 'container', _Modal2["default"].propTypes.container), _defineProperty(_extends2, 'size', _propTypes2["default"].oneOf(["sm", "lg", "xlg", ""])), _defineProperty(_extends2, 'width', _propTypes2["default"].oneOfType([_propTypes2["default"].number, _propTypes2["default"].string])), _defineProperty(_extends2, 'draggable', _propTypes2["default"].bool), _defineProperty(_extends2, 'resizable', _propTypes2["default"].bool), _defineProperty(_extends2, 'resizeClassName', _propTypes2["default"].string), _defineProperty(_extends2, 'onResizeStart', _propTypes2["default"].func), _defineProperty(_extends2, 'onResize', _propTypes2["default"].func), _defineProperty(_extends2, 'onResizeStop', _propTypes2["default"].func), _defineProperty(_extends2, 'minWidth', _propTypes2["default"].oneOfType([_propTypes2["default"].number, _propTypes2["default"].string])), _defineProperty(_extends2, 'minHeight', _propTypes2["default"].oneOfType([_propTypes2["default"].number, _propTypes2["default"].string])), _defineProperty(_extends2, 'maxWidth', _propTypes2["default"].oneOfType([_propTypes2["default"].number, _propTypes2["default"].string])), _defineProperty(_extends2, 'maxHeight', _propTypes2["default"].oneOfType([_propTypes2["default"].number, _propTypes2["default"].string])), _extends2));
-
- var defaultProps = _extends({}, _Modal2["default"].defaultProps, {
- backdropClosable: true,
- animation: true,
- dialogComponentClass: _ModalDialog2["default"],
- draggable: false,
- resizable: false,
- clsPrefix: 'u-modal'
- });
-
- var ModalFuncProps = {
- prefixCls: _propTypes2["default"].string,
- className: _propTypes2["default"].string,
- show: _propTypes2["default"].bool,
- title: _react2["default"].ReactNode,
- content: _react2["default"].ReactNode,
- onOk: _propTypes2["default"].func,
- onCancel: _propTypes2["default"].func,
- width: _propTypes2["default"].oneOfType([_propTypes2["default"].number, _propTypes2["default"].string]),
- okText: _propTypes2["default"].string,
- okType: _propTypes2["default"].string,
- cancelText: _propTypes2["default"].string,
- icon: _react2["default"].ReactNode,
- backdrop: _propTypes2["default"].oneOf(['static', true, false])
- };
-
- var ModalFunc = function ModalFunc(props) {
- destroy = function destroy() {};
- update = function update(newConfig) {};
- };
-
- var destroyFns = exports.destroyFns = [];
-
- var childContextTypes = {
- $u_modal: _propTypes2["default"].shape({
- onHide: _propTypes2["default"].func
- })
- };
-
- var Modal = function (_React$Component) {
- _inherits(Modal, _React$Component);
-
- function Modal(props, context) {
- _classCallCheck(this, Modal);
-
- var _this = _possibleConstructorReturn(this, _React$Component.call(this, props, context));
-
- _this.handleEntering = _this.handleEntering.bind(_this);
- _this.handleExited = _this.handleExited.bind(_this);
- _this.handleWindowResize = _this.handleWindowResize.bind(_this);
- _this.handleDialogClick = _this.handleDialogClick.bind(_this);
-
- _this.state = {
- style: {}
- };
- return _this;
- }
-
- Modal.prototype.getChildContext = function getChildContext() {
- return {
- $u_modal: {
- onHide: this.props.onHide
- }
- };
- };
-
- Modal.prototype.componentWillUnmount = function componentWillUnmount() {
- // Clean up the listener if we need to.
- this.handleExited();
- };
-
- Modal.prototype.handleEntering = function handleEntering() {
- // FIXME: This should work even when animation is disabled.
- _events2["default"].on(window, 'resize', this.handleWindowResize);
- this.updateStyle();
- };
-
- Modal.prototype.handleExited = function handleExited() {
- // FIXME: This should work even when animation is disabled.
- _events2["default"].off(window, 'resize', this.handleWindowResize);
- };
-
- Modal.prototype.handleWindowResize = function handleWindowResize() {
- this.updateStyle();
- };
-
- Modal.prototype.handleDialogClick = function handleDialogClick(e) {
- if (e.target !== e.currentTarget) {
- return;
- }
-
- this.props.onHide();
- };
-
- Modal.prototype.updateStyle = function updateStyle() {
- if (!_inDOM2["default"] || !this._modal) {
- return;
- }
-
- var dialogNode = this._modal.getDialogElement();
- var dialogHeight = dialogNode.scrollHeight;
-
- var document = (0, _ownerDocument2["default"])(dialogNode);
- var bodyIsOverflowing = false;
- if (this.props.container) {
- bodyIsOverflowing = (0, _isOverflowing2["default"])(_reactDom2["default"].findDOMNode(this.props.container));
- }
- var modalIsOverflowing = dialogHeight > document.documentElement.clientHeight;
-
- this.setState({
- style: {
- paddingRight: bodyIsOverflowing && !modalIsOverflowing ? (0, _scrollbarSize2["default"])() : undefined,
- paddingLeft: !bodyIsOverflowing && modalIsOverflowing ? (0, _scrollbarSize2["default"])() : undefined
- }
- });
- };
-
- Modal.prototype.render = function render() {
- var _this2 = this;
-
- var _props = this.props,
- backdrop = _props.backdrop,
- backdropClosable = _props.backdropClosable,
- animation = _props.animation,
- show = _props.show,
- Dialog = _props.dialogComponentClass,
- className = _props.className,
- clsPrefix = _props.clsPrefix,
- _props$style = _props.style,
- style = _props$style === undefined ? {} : _props$style,
- size = _props.size,
- width = _props.width,
- children = _props.children,
- onEntering = _props.onEntering,
- onExited = _props.onExited,
- backdropClassName = _props.backdropClassName,
- containerClassName = _props.containerClassName,
- draggable = _props.draggable,
- resizeClassName = _props.resizeClassName,
- props = _objectWithoutProperties(_props, ['backdrop', 'backdropClosable', 'animation', 'show', 'dialogComponentClass', 'className', 'clsPrefix', 'style', 'size', 'width', 'children', 'onEntering', 'onExited', 'backdropClassName', 'containerClassName', 'draggable', 'resizeClassName']);
-
- var _splitComponent = (0, _tinperBeeCore.splitComponent)(props, _Modal2["default"]),
- _splitComponent2 = _slicedToArray(_splitComponent, 2),
- baseModalProps = _splitComponent2[0],
- dialogProps = _splitComponent2[1];
-
- var inClassName = show && !animation && 'in';
-
- var backdropClasses = _defineProperty({}, clsPrefix + '-backdrop', true);
- var containerClasses = _defineProperty({}, clsPrefix + '-open', true);
- if (Number(width)) width += 'px';
-
- var styleRes = _extends({}, this.state.style, style);
- if (width) {
- _extends(styleRes, { width: width });
- }
- return _react2["default"].createElement(
- _Modal2["default"],
- _extends({}, baseModalProps, {
- ref: function ref(c) {
- _this2._modal = c;
- },
- show: show,
- onEntering: (0, _tinperBeeCore.createChainedFunction)(onEntering, this.handleEntering),
- onExited: (0, _tinperBeeCore.createChainedFunction)(onExited, this.handleExited),
- backdrop: backdrop,
- backdropClassName: (0, _classnames2["default"])(backdropClasses, inClassName),
- containerClassName: (0, _classnames2["default"])(containerClasses, containerClassName),
- transition: animation ? _beeTransition.Fade : undefined,
- dialogTransitionTimeout: Modal.TRANSITION_DURATION,
- backdropTransitionTimeout: Modal.BACKDROP_TRANSITION_DURATION
- }),
- _react2["default"].createElement(
- Dialog,
- _extends({}, dialogProps, {
- style: styleRes,
- className: (0, _classnames2["default"])(className, inClassName, backdropClassName),
- onClick: backdrop === true && !!backdropClosable ? this.handleDialogClick : null,
- size: size,
- draggable: draggable,
- resizeClassName: resizeClassName
- }),
- children
- )
- );
- };
-
- return Modal;
- }(_react2["default"].Component);
-
- Modal.info = ModalFunc;
- Modal.success = ModalFunc;
- Modal.error = ModalFunc;
- Modal.warn = ModalFunc;
- Modal.warning = ModalFunc;
- Modal.confirm = ModalFunc;
-
- Modal.destroyAll = function () {
- return;
- };
-
- Modal.propTypes = propTypes;
- Modal.defaultProps = defaultProps;
- Modal.childContextTypes = childContextTypes;
-
- Modal.Body = _ModalBody2["default"];
- Modal.Header = _ModalHeader2["default"];
- Modal.Title = _ModalTitle2["default"];
- Modal.Footer = _ModalFooter2["default"];
-
- Modal.Dialog = _ModalDialog2["default"];
-
- Modal.TRANSITION_DURATION = 200000;
- Modal.BACKDROP_TRANSITION_DURATION = 10000;
-
- exports["default"] = Modal;
-
- /***/ }),
- /* 533 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _inDOM = __webpack_require__(56);
-
- var _inDOM2 = _interopRequireDefault(_inDOM);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- var off = function off() {};
- if (_inDOM2.default) {
- off = function () {
- if (document.addEventListener) return function (node, eventName, handler, capture) {
- return node.removeEventListener(eventName, handler, capture || false);
- };else if (document.attachEvent) return function (node, eventName, handler) {
- return node.detachEvent('on' + eventName, handler);
- };
- }();
- }
-
- exports.default = off;
- module.exports = exports['default'];
-
- /***/ }),
- /* 534 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _inDOM = __webpack_require__(56);
-
- var _inDOM2 = _interopRequireDefault(_inDOM);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- exports.default = function () {
- var root = _inDOM2.default && document.documentElement;
-
- return root && root.contains ? function (context, node) {
- return context.contains(node);
- } : root && root.compareDocumentPosition ? function (context, node) {
- return context === node || !!(context.compareDocumentPosition(node) & 16);
- } : function (context, node) {
- if (node) do {
- if (node === context) return true;
- } while (node = node.parentNode);
-
- return false;
- };
- }();
-
- module.exports = exports['default'];
-
- /***/ }),
- /* 535 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
- exports.default = addEventListenerWrap;
-
- var _addDomEventListener = __webpack_require__(12);
-
- var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
-
- var _reactDom = __webpack_require__(3);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- /**
- * This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
- function addEventListenerWrap(target, eventType, cb) {
- /* eslint camelcase: 2 */
- var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
- _reactDom2.default.unstable_batchedUpdates(cb, e);
- } : cb;
- return (0, _addDomEventListener2.default)(target, eventType, callback);
- }
-
- /***/ }),
- /* 536 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
-
- var _react = __webpack_require__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- var _propTypes = __webpack_require__(1);
-
- var _propTypes2 = _interopRequireDefault(_propTypes);
-
- var _reactDom = __webpack_require__(3);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- var _domAlign = __webpack_require__(14);
-
- var _domAlign2 = _interopRequireDefault(_domAlign);
-
- var _addEventListener = __webpack_require__(535);
-
- var _addEventListener2 = _interopRequireDefault(_addEventListener);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /**
- * This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
-
-
- //import isWindow from './isWindow';
-
- function isWindow(obj) {
- /* eslint no-eq-null: 0 */
- /* eslint eqeqeq: 0 */
- return obj != null && obj == obj.window;
- }
-
- function buffer(fn, ms) {
- var timer = void 0;
-
- function clear() {
- if (timer) {
- clearTimeout(timer);
- timer = null;
- }
- }
-
- function bufferFn() {
- clear();
- timer = setTimeout(fn, ms);
- }
-
- bufferFn.clear = clear;
-
- return bufferFn;
- }
-
- var propTypes = {
- childrenProps: _propTypes2.default.object,
- align: _propTypes2.default.object.isRequired,
- target: _propTypes2.default.func,
- onAlign: _propTypes2.default.func,
- monitorBufferTime: _propTypes2.default.number,
- monitorWindowResize: _propTypes2.default.bool,
- disabled: _propTypes2.default.bool,
- children: _propTypes2.default.any
- };
-
- var defaultProps = {
- target: function target() {
- return window;
- },
- onAlign: function onAlign() {},
-
- monitorBufferTime: 50,
- monitorWindowResize: false,
- disabled: false
- };
-
- var Align = function (_React$Component) {
- _inherits(Align, _React$Component);
-
- function Align(props) {
- _classCallCheck(this, Align);
-
- var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));
-
- _initialiseProps.call(_this);
-
- return _this;
- }
-
- Align.prototype.componentDidMount = function componentDidMount() {
- var props = this.props;
- // if parent ref not attached .... use document.getElementById
- this.forceAlign();
- if (!props.disabled && props.monitorWindowResize) {
- this.startMonitorWindowResize();
- }
- };
-
- Align.prototype.componentDidUpdate = function componentDidUpdate(prevProps) {
- var reAlign = false;
- var props = this.props;
-
- if (!props.disabled) {
- if (prevProps.disabled || prevProps.align !== props.align) {
- reAlign = true;
- } else {
- var lastTarget = prevProps.target();
- var currentTarget = props.target();
- if (isWindow(lastTarget) && isWindow(currentTarget)) {
- reAlign = false;
- } else if (lastTarget !== currentTarget) {
- reAlign = true;
- }
- }
- }
-
- if (reAlign) {
- this.forceAlign();
- }
-
- if (props.monitorWindowResize && !props.disabled) {
- this.startMonitorWindowResize();
- } else {
- this.stopMonitorWindowResize();
- }
- };
-
- Align.prototype.componentWillUnmount = function componentWillUnmount() {
- this.stopMonitorWindowResize();
- };
-
- Align.prototype.render = function render() {
- var _props = this.props,
- childrenProps = _props.childrenProps,
- children = _props.children;
-
- var child = _react2.default.Children.only(children);
- if (childrenProps) {
- var newProps = {};
- for (var prop in childrenProps) {
- if (childrenProps.hasOwnProperty(prop)) {
- newProps[prop] = this.props[childrenProps[prop]];
- }
- }
- return _react2.default.cloneElement(child, newProps);
- }
- return child;
- };
-
- return Align;
- }(_react2.default.Component);
-
- var _initialiseProps = function _initialiseProps() {
- var _this2 = this;
-
- this.startMonitorWindowResize = function () {
- if (!_this2.resizeHandler) {
- _this2.bufferMonitor = buffer(_this2.forceAlign, _this2.props.monitorBufferTime);
- _this2.resizeHandler = (0, _addEventListener2.default)(window, 'resize', _this2.bufferMonitor);
- }
- };
-
- this.stopMonitorWindowResize = function () {
- if (_this2.resizeHandler) {
- _this2.bufferMonitor.clear();
- _this2.resizeHandler.remove();
- _this2.resizeHandler = null;
- }
- };
-
- this.forceAlign = function () {
- var props = _this2.props;
- if (!props.disabled) {
- var source = _reactDom2.default.findDOMNode(_this2);
- props.onAlign(source, (0, _domAlign2.default)(source, props.target(), props.align));
- }
- };
- };
-
- ;
-
- Align.defaultProps = defaultProps;
- Align.propTypes = propTypes;
-
- exports.default = Align;
-
- /***/ }),
- /* 537 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.transitionEnd = exports.transitionDuration = exports.transitionDelay = exports.transitionTiming = exports.transitionProperty = exports.transform = undefined;
-
- var _inDOM = __webpack_require__(56);
-
- var _inDOM2 = _interopRequireDefault(_inDOM);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- var transform = 'transform';
- var prefix = void 0,
- transitionEnd = void 0;
- var transitionTiming = void 0,
- transitionDuration = void 0;
- var transitionProperty = void 0,
- transitionDelay = void 0;
-
- if (_inDOM2.default) {
- var _getTransitionPropert = getTransitionProperties();
-
- prefix = _getTransitionPropert.prefix;
- exports.transitionEnd = transitionEnd = _getTransitionPropert.transitionEnd;
-
-
- exports.transform = transform = prefix + '-' + transform;
- exports.transitionProperty = transitionProperty = prefix + '-transition-property';
- exports.transitionDuration = transitionDuration = prefix + '-transition-duration';
- exports.transitionDelay = transitionDelay = prefix + '-transition-delay';
- exports.transitionTiming = transitionTiming = prefix + '-transition-timing-function';
- }
-
- exports.transform = transform;
- exports.transitionProperty = transitionProperty;
- exports.transitionTiming = transitionTiming;
- exports.transitionDelay = transitionDelay;
- exports.transitionDuration = transitionDuration;
- exports.transitionEnd = transitionEnd;
- exports.default = {
- transform: transform,
- end: transitionEnd,
- property: transitionProperty,
- timing: transitionTiming,
- delay: transitionDelay,
- duration: transitionDuration
- };
-
-
- function getTransitionProperties() {
- var transitionEnd = void 0;
- var prefix = '';
- var eventNames = {
- O: 'otransitionend',
- Moz: 'transitionend',
- Webkit: 'webkitTransitionEnd',
- ms: 'MSTransitionEnd'
- };
-
- var element = document.createElement('div');
- for (var vendor in eventNames) {
- if (eventNames.hasOwnProperty(vendor)) {
- if (element.style[vendor + 'TransitionProperty'] !== undefined) {
- prefix = '-' + vendor.toLowerCase();
- transitionEnd = eventNames[vendor];
- break;
- }
- }
- }if (!transitionEnd && element.style.transitionProperty !== undefined) transitionEnd = 'transitionend';
-
- element = null;
-
- return { transitionEnd: transitionEnd, prefix: prefix };
- }
-
- /***/ }),
- /* 538 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.default = camelizeStyleName;
-
- var _camelize = __webpack_require__(1668);
-
- var _camelize2 = _interopRequireDefault(_camelize);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- var msPattern = /^-ms-/; /**
- * Copyright 2014-2015, Facebook, Inc.
- * All rights reserved.
- * https://github.com/facebook/react/blob/2aeb8a2a6beb00617a4217f7f8284924fa2ad819/src/vendor/core/camelizeStyleName.js
- */
- function camelizeStyleName(string) {
- return (0, _camelize2.default)(string.replace(msPattern, 'ms-'));
- }
- module.exports = exports['default'];
-
- /***/ }),
- /* 539 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _Button = __webpack_require__(1682);
-
- var _Button2 = _interopRequireDefault(_Button);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- exports["default"] = _Button2["default"];
- module.exports = exports['default'];
-
- /***/ }),
- /* 540 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__Menu__ = __webpack_require__(1686);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__SubMenu__ = __webpack_require__(542);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__MenuItem__ = __webpack_require__(1692);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__MenuItemGroup__ = __webpack_require__(1693);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__Divider__ = __webpack_require__(1694);
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "SubMenu", function() { return __WEBPACK_IMPORTED_MODULE_1__SubMenu__["a"]; });
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "Item", function() { return __WEBPACK_IMPORTED_MODULE_2__MenuItem__["a"]; });
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MenuItem", function() { return __WEBPACK_IMPORTED_MODULE_2__MenuItem__["a"]; });
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MenuItemGroup", function() { return __WEBPACK_IMPORTED_MODULE_3__MenuItemGroup__["a"]; });
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "ItemGroup", function() { return __WEBPACK_IMPORTED_MODULE_3__MenuItemGroup__["a"]; });
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "Divider", function() { return __WEBPACK_IMPORTED_MODULE_4__Divider__["a"]; });
-
-
-
-
-
-
-
-
- /* harmony default export */ __webpack_exports__["default"] = (__WEBPACK_IMPORTED_MODULE_0__Menu__["a" /* default */]);
-
- /***/ }),
- /* 541 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* harmony export (immutable) */ __webpack_exports__["b"] = getActiveKey;
- /* unused harmony export saveRef */
- /* unused harmony export SubPopupMenu */
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_objectWithoutProperties__ = __webpack_require__(15);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_objectWithoutProperties___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_objectWithoutProperties__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck__ = __webpack_require__(5);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(6);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__ = __webpack_require__(7);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_extends__ = __webpack_require__(8);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_extends___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_extends__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_react__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_react__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_prop_types__ = __webpack_require__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6_prop_types__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_mini_store__ = __webpack_require__(19);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_mini_store___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_7_mini_store__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_rc_util_es_KeyCode__ = __webpack_require__(26);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_rc_util_es_createChainedFunction__ = __webpack_require__(143);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_10_classnames__ = __webpack_require__(2);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_10_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_10_classnames__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__util__ = __webpack_require__(70);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__DOMWrap__ = __webpack_require__(1687);
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- function allDisabled(arr) {
- if (!arr.length) {
- return true;
- }
- return arr.every(function (c) {
- return !!c.props.disabled;
- });
- }
-
- function updateActiveKey(store, menuId, activeKey) {
- var _extends2;
-
- var state = store.getState();
- store.setState({
- activeKey: __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_extends___default()({}, state.activeKey, (_extends2 = {}, _extends2[menuId] = activeKey, _extends2))
- });
- }
-
- function getEventKey(props) {
- // when eventKey not available ,it's menu and return menu id '0-menu-'
- return props.eventKey || '0-menu-';
- }
-
- function getActiveKey(props, originalActiveKey) {
- var activeKey = originalActiveKey;
- var children = props.children,
- eventKey = props.eventKey;
-
- if (activeKey) {
- var found = void 0;
- Object(__WEBPACK_IMPORTED_MODULE_11__util__["e" /* loopMenuItem */])(children, function (c, i) {
- if (c && c.props && !c.props.disabled && activeKey === Object(__WEBPACK_IMPORTED_MODULE_11__util__["a" /* getKeyFromChildrenIndex */])(c, eventKey, i)) {
- found = true;
- }
- });
- if (found) {
- return activeKey;
- }
- }
- activeKey = null;
- if (props.defaultActiveFirst) {
- Object(__WEBPACK_IMPORTED_MODULE_11__util__["e" /* loopMenuItem */])(children, function (c, i) {
- if (!activeKey && c && !c.props.disabled) {
- activeKey = Object(__WEBPACK_IMPORTED_MODULE_11__util__["a" /* getKeyFromChildrenIndex */])(c, eventKey, i);
- }
- });
- return activeKey;
- }
- return activeKey;
- }
-
- function saveRef(c) {
- if (c) {
- var index = this.instanceArray.indexOf(c);
- if (index !== -1) {
- // update component if it's already inside instanceArray
- this.instanceArray[index] = c;
- } else {
- // add component if it's not in instanceArray yet;
- this.instanceArray.push(c);
- }
- }
- }
-
- var SubPopupMenu = function (_React$Component) {
- __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default()(SubPopupMenu, _React$Component);
-
- function SubPopupMenu(props) {
- var _extends3;
-
- __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck___default()(this, SubPopupMenu);
-
- var _this = __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default()(this, _React$Component.call(this, props));
-
- _initialiseProps.call(_this);
-
- props.store.setState({
- activeKey: __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_extends___default()({}, props.store.getState().activeKey, (_extends3 = {}, _extends3[props.eventKey] = getActiveKey(props, props.activeKey), _extends3))
- });
-
- _this.instanceArray = [];
- return _this;
- }
-
- SubPopupMenu.prototype.componentDidMount = function componentDidMount() {
- // invoke customized ref to expose component to mixin
- if (this.props.manualRef) {
- this.props.manualRef(this);
- }
- };
-
- SubPopupMenu.prototype.shouldComponentUpdate = function shouldComponentUpdate(nextProps) {
- return this.props.visible || nextProps.visible;
- };
-
- SubPopupMenu.prototype.componentDidUpdate = function componentDidUpdate(prevProps) {
- var props = this.props;
- var originalActiveKey = 'activeKey' in props ? props.activeKey : props.store.getState().activeKey[getEventKey(props)];
- var activeKey = getActiveKey(props, originalActiveKey);
- if (activeKey !== originalActiveKey) {
- updateActiveKey(props.store, getEventKey(props), activeKey);
- } else if ('activeKey' in prevProps) {
- // If prev activeKey is not same as current activeKey,
- // we should set it.
- var prevActiveKey = getActiveKey(prevProps, prevProps.activeKey);
- if (activeKey !== prevActiveKey) {
- updateActiveKey(props.store, getEventKey(props), activeKey);
- }
- }
- };
-
- // all keyboard events callbacks run from here at first
-
-
- SubPopupMenu.prototype.render = function render() {
- var _this2 = this;
-
- var props = __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_objectWithoutProperties___default()(this.props, []);
-
- this.instanceArray = [];
- var className = __WEBPACK_IMPORTED_MODULE_10_classnames___default()(props.prefixCls, props.className, props.prefixCls + '-' + props.mode);
- var domProps = {
- className: className,
- // role could be 'select' and by default set to menu
- role: props.role || 'menu'
- };
- if (props.id) {
- domProps.id = props.id;
- }
- if (props.focusable) {
- domProps.tabIndex = '0';
- domProps.onKeyDown = this.onKeyDown;
- }
- var prefixCls = props.prefixCls,
- eventKey = props.eventKey,
- visible = props.visible,
- level = props.level,
- mode = props.mode,
- overflowedIndicator = props.overflowedIndicator,
- theme = props.theme;
-
- __WEBPACK_IMPORTED_MODULE_11__util__["g" /* menuAllProps */].forEach(function (key) {
- return delete props[key];
- });
-
- // Otherwise, the propagated click event will trigger another onClick
- delete props.onClick;
-
- return __WEBPACK_IMPORTED_MODULE_5_react___default.a.createElement(
- __WEBPACK_IMPORTED_MODULE_12__DOMWrap__["a" /* default */],
- __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_extends___default()({}, props, {
- prefixCls: prefixCls,
- mode: mode,
- tag: 'ul',
- level: level,
- theme: theme,
- hiddenClassName: prefixCls + '-hidden',
- visible: visible,
- overflowedIndicator: overflowedIndicator
- }, domProps),
- __WEBPACK_IMPORTED_MODULE_5_react___default.a.Children.map(props.children, function (c, i) {
- return _this2.renderMenuItem(c, i, eventKey || '0-menu-');
- })
- );
- };
-
- return SubPopupMenu;
- }(__WEBPACK_IMPORTED_MODULE_5_react___default.a.Component);
- SubPopupMenu.propTypes = {
- onSelect: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
- onClick: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
- onDeselect: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
- onOpenChange: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
- onDestroy: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
- openTransitionName: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.string,
- openAnimation: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.string, __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.object]),
- openKeys: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.arrayOf(__WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.string),
- visible: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool,
- children: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.any,
- parentMenu: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.object,
- eventKey: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.string,
- store: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.shape({
- getState: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
- setState: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func
- }),
-
- // adding in refactor
- focusable: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool,
- multiple: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool,
- style: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.object,
- defaultActiveFirst: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool,
- activeKey: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.string,
- selectedKeys: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.arrayOf(__WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.string),
- defaultSelectedKeys: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.arrayOf(__WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.string),
- defaultOpenKeys: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.arrayOf(__WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.string),
- level: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.number,
- mode: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.oneOf(['horizontal', 'vertical', 'vertical-left', 'vertical-right', 'inline']),
- triggerSubMenuAction: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.oneOf(['click', 'hover']),
- inlineIndent: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.number, __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.string]),
- manualRef: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
- itemIcon: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func, __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.node]),
- expandIcon: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func, __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.node])
- };
- SubPopupMenu.defaultProps = {
- prefixCls: 'rc-menu',
- className: '',
- mode: 'vertical',
- level: 1,
- inlineIndent: 24,
- visible: true,
- focusable: true,
- style: {},
- manualRef: __WEBPACK_IMPORTED_MODULE_11__util__["h" /* noop */]
- };
-
- var _initialiseProps = function _initialiseProps() {
- var _this3 = this;
-
- this.onKeyDown = function (e, callback) {
- var keyCode = e.keyCode;
- var handled = void 0;
- _this3.getFlatInstanceArray().forEach(function (obj) {
- if (obj && obj.props.active && obj.onKeyDown) {
- handled = obj.onKeyDown(e);
- }
- });
- if (handled) {
- return 1;
- }
- var activeItem = null;
- if (keyCode === __WEBPACK_IMPORTED_MODULE_8_rc_util_es_KeyCode__["a" /* default */].UP || keyCode === __WEBPACK_IMPORTED_MODULE_8_rc_util_es_KeyCode__["a" /* default */].DOWN) {
- activeItem = _this3.step(keyCode === __WEBPACK_IMPORTED_MODULE_8_rc_util_es_KeyCode__["a" /* default */].UP ? -1 : 1);
- }
- if (activeItem) {
- e.preventDefault();
- updateActiveKey(_this3.props.store, getEventKey(_this3.props), activeItem.props.eventKey);
-
- if (typeof callback === 'function') {
- callback(activeItem);
- }
-
- return 1;
- }
- };
-
- this.onItemHover = function (e) {
- var key = e.key,
- hover = e.hover;
-
- updateActiveKey(_this3.props.store, getEventKey(_this3.props), hover ? key : null);
- };
-
- this.onDeselect = function (selectInfo) {
- _this3.props.onDeselect(selectInfo);
- };
-
- this.onSelect = function (selectInfo) {
- _this3.props.onSelect(selectInfo);
- };
-
- this.onClick = function (e) {
- _this3.props.onClick(e);
- };
-
- this.onOpenChange = function (e) {
- _this3.props.onOpenChange(e);
- };
-
- this.onDestroy = function (key) {
- /* istanbul ignore next */
- _this3.props.onDestroy(key);
- };
-
- this.getFlatInstanceArray = function () {
- return _this3.instanceArray;
- };
-
- this.getOpenTransitionName = function () {
- return _this3.props.openTransitionName;
- };
-
- this.step = function (direction) {
- var children = _this3.getFlatInstanceArray();
- var activeKey = _this3.props.store.getState().activeKey[getEventKey(_this3.props)];
- var len = children.length;
- if (!len) {
- return null;
- }
- if (direction < 0) {
- children = children.concat().reverse();
- }
- // find current activeIndex
- var activeIndex = -1;
- children.every(function (c, ci) {
- if (c && c.props.eventKey === activeKey) {
- activeIndex = ci;
- return false;
- }
- return true;
- });
- if (!_this3.props.defaultActiveFirst && activeIndex !== -1 && allDisabled(children.slice(activeIndex, len - 1))) {
- return undefined;
- }
- var start = (activeIndex + 1) % len;
- var i = start;
-
- do {
- var child = children[i];
- if (!child || child.props.disabled) {
- i = (i + 1) % len;
- } else {
- return child;
- }
- } while (i !== start);
-
- return null;
- };
-
- this.renderCommonMenuItem = function (child, i, extraProps) {
- var state = _this3.props.store.getState();
- var props = _this3.props;
- var key = Object(__WEBPACK_IMPORTED_MODULE_11__util__["a" /* getKeyFromChildrenIndex */])(child, props.eventKey, i);
- var childProps = child.props;
- // https://github.com/ant-design/ant-design/issues/11517#issuecomment-477403055
- if (!childProps || typeof child.type === 'string') {
- return child;
- }
- var isActive = key === state.activeKey;
- var newChildProps = __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_extends___default()({
- mode: childProps.mode || props.mode,
- level: props.level,
- inlineIndent: props.inlineIndent,
- renderMenuItem: _this3.renderMenuItem,
- rootPrefixCls: props.prefixCls,
- index: i,
- parentMenu: props.parentMenu,
- // customized ref function, need to be invoked manually in child's componentDidMount
- manualRef: childProps.disabled ? undefined : Object(__WEBPACK_IMPORTED_MODULE_9_rc_util_es_createChainedFunction__["a" /* default */])(child.ref, saveRef.bind(_this3)),
- eventKey: key,
- active: !childProps.disabled && isActive,
- multiple: props.multiple,
- onClick: function onClick(e) {
- (childProps.onClick || __WEBPACK_IMPORTED_MODULE_11__util__["h" /* noop */])(e);
- _this3.onClick(e);
- },
- onItemHover: _this3.onItemHover,
- openTransitionName: _this3.getOpenTransitionName(),
- openAnimation: props.openAnimation,
- subMenuOpenDelay: props.subMenuOpenDelay,
- subMenuCloseDelay: props.subMenuCloseDelay,
- forceSubMenuRender: props.forceSubMenuRender,
- onOpenChange: _this3.onOpenChange,
- onDeselect: _this3.onDeselect,
- onSelect: _this3.onSelect,
- builtinPlacements: props.builtinPlacements,
- itemIcon: childProps.itemIcon || _this3.props.itemIcon,
- expandIcon: childProps.expandIcon || _this3.props.expandIcon
- }, extraProps);
- // ref: https://github.com/ant-design/ant-design/issues/13943
- if (props.mode === 'inline' || Object(__WEBPACK_IMPORTED_MODULE_11__util__["d" /* isMobileDevice */])()) {
- newChildProps.triggerSubMenuAction = 'click';
- }
- return __WEBPACK_IMPORTED_MODULE_5_react___default.a.cloneElement(child, newChildProps);
- };
-
- this.renderMenuItem = function (c, i, subMenuKey) {
- /* istanbul ignore if */
- if (!c) {
- return null;
- }
- var state = _this3.props.store.getState();
- var extraProps = {
- openKeys: state.openKeys,
- selectedKeys: state.selectedKeys,
- triggerSubMenuAction: _this3.props.triggerSubMenuAction,
- subMenuKey: subMenuKey
- };
- return _this3.renderCommonMenuItem(c, i, extraProps);
- };
- };
-
- var connected = Object(__WEBPACK_IMPORTED_MODULE_7_mini_store__["connect"])()(SubPopupMenu);
-
- /* harmony default export */ __webpack_exports__["a"] = (connected);
-
- /***/ }),
- /* 542 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* unused harmony export SubMenu */
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__ = __webpack_require__(5);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(6);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits__ = __webpack_require__(7);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_extends__ = __webpack_require__(8);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_extends___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_extends__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_react__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_react_dom__ = __webpack_require__(3);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_react_dom___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_react_dom__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_prop_types__ = __webpack_require__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6_prop_types__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_rc_trigger__ = __webpack_require__(1688);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_rc_util_es_KeyCode__ = __webpack_require__(26);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_classnames__ = __webpack_require__(2);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_9_classnames__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_10_mini_store__ = __webpack_require__(19);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_10_mini_store___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_10_mini_store__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__SubPopupMenu__ = __webpack_require__(541);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__placements__ = __webpack_require__(1691);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_13_rc_animate__ = __webpack_require__(29);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_14__util__ = __webpack_require__(70);
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- var guid = 0;
-
- var popupPlacementMap = {
- horizontal: 'bottomLeft',
- vertical: 'rightTop',
- 'vertical-left': 'rightTop',
- 'vertical-right': 'leftTop'
- };
-
- var updateDefaultActiveFirst = function updateDefaultActiveFirst(store, eventKey, defaultActiveFirst) {
- var _extends2;
-
- var menuId = Object(__WEBPACK_IMPORTED_MODULE_14__util__["b" /* getMenuIdFromSubMenuEventKey */])(eventKey);
- var state = store.getState();
- store.setState({
- defaultActiveFirst: __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_extends___default()({}, state.defaultActiveFirst, (_extends2 = {}, _extends2[menuId] = defaultActiveFirst, _extends2))
- });
- };
-
- var SubMenu = function (_React$Component) {
- __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits___default()(SubMenu, _React$Component);
-
- function SubMenu(props) {
- __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck___default()(this, SubMenu);
-
- var _this = __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn___default()(this, _React$Component.call(this, props));
-
- _initialiseProps.call(_this);
-
- var store = props.store;
- var eventKey = props.eventKey;
- var defaultActiveFirst = store.getState().defaultActiveFirst;
-
- _this.isRootMenu = false;
-
- var value = false;
-
- if (defaultActiveFirst) {
- value = defaultActiveFirst[eventKey];
- }
-
- updateDefaultActiveFirst(store, eventKey, value);
- return _this;
- }
-
- SubMenu.prototype.componentDidMount = function componentDidMount() {
- this.componentDidUpdate();
- };
-
- SubMenu.prototype.componentDidUpdate = function componentDidUpdate() {
- var _this2 = this;
-
- var _props = this.props,
- mode = _props.mode,
- parentMenu = _props.parentMenu,
- manualRef = _props.manualRef;
-
- // invoke customized ref to expose component to mixin
-
- if (manualRef) {
- manualRef(this);
- }
-
- if (mode !== 'horizontal' || !parentMenu.isRootMenu || !this.props.isOpen) {
- return;
- }
-
- this.minWidthTimeout = setTimeout(function () {
- return _this2.adjustWidth();
- }, 0);
- };
-
- SubMenu.prototype.componentWillUnmount = function componentWillUnmount() {
- var _props2 = this.props,
- onDestroy = _props2.onDestroy,
- eventKey = _props2.eventKey;
-
- if (onDestroy) {
- onDestroy(eventKey);
- }
-
- /* istanbul ignore if */
- if (this.minWidthTimeout) {
- clearTimeout(this.minWidthTimeout);
- }
-
- /* istanbul ignore if */
- if (this.mouseenterTimeout) {
- clearTimeout(this.mouseenterTimeout);
- }
- };
-
- SubMenu.prototype.renderChildren = function renderChildren(children) {
- var props = this.props;
- var baseProps = {
- mode: props.mode === 'horizontal' ? 'vertical' : props.mode,
- visible: this.props.isOpen,
- level: props.level + 1,
- inlineIndent: props.inlineIndent,
- focusable: false,
- onClick: this.onSubMenuClick,
- onSelect: this.onSelect,
- onDeselect: this.onDeselect,
- onDestroy: this.onDestroy,
- selectedKeys: props.selectedKeys,
- eventKey: props.eventKey + '-menu-',
- openKeys: props.openKeys,
- openTransitionName: props.openTransitionName,
- openAnimation: props.openAnimation,
- onOpenChange: this.onOpenChange,
- subMenuOpenDelay: props.subMenuOpenDelay,
- parentMenu: this,
- subMenuCloseDelay: props.subMenuCloseDelay,
- forceSubMenuRender: props.forceSubMenuRender,
- triggerSubMenuAction: props.triggerSubMenuAction,
- builtinPlacements: props.builtinPlacements,
- defaultActiveFirst: props.store.getState().defaultActiveFirst[Object(__WEBPACK_IMPORTED_MODULE_14__util__["b" /* getMenuIdFromSubMenuEventKey */])(props.eventKey)],
- multiple: props.multiple,
- prefixCls: props.rootPrefixCls,
- id: this._menuId,
- manualRef: this.saveMenuInstance,
- itemIcon: props.itemIcon,
- expandIcon: props.expandIcon
- };
-
- var haveRendered = this.haveRendered;
- this.haveRendered = true;
-
- this.haveOpened = this.haveOpened || baseProps.visible || baseProps.forceSubMenuRender;
- // never rendered not planning to, don't render
- if (!this.haveOpened) {
- return __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement('div', null);
- }
-
- // don't show transition on first rendering (no animation for opened menu)
- // show appear transition if it's not visible (not sure why)
- // show appear transition if it's not inline mode
- var transitionAppear = haveRendered || !baseProps.visible || baseProps.mode !== 'inline';
-
- baseProps.className = ' ' + baseProps.prefixCls + '-sub';
- var animProps = {};
-
- if (baseProps.openTransitionName) {
- animProps.transitionName = baseProps.openTransitionName;
- } else if (typeof baseProps.openAnimation === 'object') {
- animProps.animation = __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_extends___default()({}, baseProps.openAnimation);
- if (!transitionAppear) {
- delete animProps.animation.appear;
- }
- }
-
- return __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(
- __WEBPACK_IMPORTED_MODULE_13_rc_animate__["default"],
- __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_extends___default()({}, animProps, {
- showProp: 'visible',
- component: '',
- transitionAppear: transitionAppear
- }),
- __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(
- __WEBPACK_IMPORTED_MODULE_11__SubPopupMenu__["a" /* default */],
- __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_extends___default()({}, baseProps, { id: this._menuId }),
- children
- )
- );
- };
-
- SubMenu.prototype.render = function render() {
- var _classNames;
-
- var props = __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_extends___default()({}, this.props);
- var isOpen = props.isOpen;
- var prefixCls = this.getPrefixCls();
- var isInlineMode = props.mode === 'inline';
- var className = __WEBPACK_IMPORTED_MODULE_9_classnames___default()(prefixCls, prefixCls + '-' + props.mode, (_classNames = {}, _classNames[props.className] = !!props.className, _classNames[this.getOpenClassName()] = isOpen, _classNames[this.getActiveClassName()] = props.active || isOpen && !isInlineMode, _classNames[this.getDisabledClassName()] = props.disabled, _classNames[this.getSelectedClassName()] = this.isChildrenSelected(), _classNames));
-
- if (!this._menuId) {
- if (props.eventKey) {
- this._menuId = props.eventKey + '$Menu';
- } else {
- this._menuId = '$__$' + ++guid + '$Menu';
- }
- }
-
- var mouseEvents = {};
- var titleClickEvents = {};
- var titleMouseEvents = {};
- if (!props.disabled) {
- mouseEvents = {
- onMouseLeave: this.onMouseLeave,
- onMouseEnter: this.onMouseEnter
- };
-
- // only works in title, not outer li
- titleClickEvents = {
- onClick: this.onTitleClick
- };
- titleMouseEvents = {
- onMouseEnter: this.onTitleMouseEnter,
- onMouseLeave: this.onTitleMouseLeave
- };
- }
-
- var style = {};
- if (isInlineMode) {
- style.paddingLeft = props.inlineIndent * props.level;
- }
-
- var ariaOwns = {};
- // only set aria-owns when menu is open
- // otherwise it would be an invalid aria-owns value
- // since corresponding node cannot be found
- if (this.props.isOpen) {
- ariaOwns = {
- 'aria-owns': this._menuId
- };
- }
-
- // expand custom icon should NOT be displayed in menu with horizontal mode.
- var icon = null;
- if (props.mode !== 'horizontal') {
- icon = this.props.expandIcon; // ReactNode
- if (typeof this.props.expandIcon === 'function') {
- icon = __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(this.props.expandIcon, __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_extends___default()({}, this.props));
- }
- }
-
- var title = __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(
- 'div',
- __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_extends___default()({
- ref: this.saveSubMenuTitle,
- style: style,
- className: prefixCls + '-title'
- }, titleMouseEvents, titleClickEvents, {
- 'aria-expanded': isOpen
- }, ariaOwns, {
- 'aria-haspopup': 'true',
- title: typeof props.title === 'string' ? props.title : undefined
- }),
- props.title,
- icon || __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement('i', { className: prefixCls + '-arrow' })
- );
- var children = this.renderChildren(props.children);
-
- var getPopupContainer = props.parentMenu.isRootMenu ? props.parentMenu.props.getPopupContainer : function (triggerNode) {
- return triggerNode.parentNode;
- };
- var popupPlacement = popupPlacementMap[props.mode];
- var popupAlign = props.popupOffset ? { offset: props.popupOffset } : {};
- var popupClassName = props.mode === 'inline' ? '' : props.popupClassName;
- var disabled = props.disabled,
- triggerSubMenuAction = props.triggerSubMenuAction,
- subMenuOpenDelay = props.subMenuOpenDelay,
- forceSubMenuRender = props.forceSubMenuRender,
- subMenuCloseDelay = props.subMenuCloseDelay,
- builtinPlacements = props.builtinPlacements;
-
- __WEBPACK_IMPORTED_MODULE_14__util__["g" /* menuAllProps */].forEach(function (key) {
- return delete props[key];
- });
- // Set onClick to null, to ignore propagated onClick event
- delete props.onClick;
-
- return __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(
- 'li',
- __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_extends___default()({}, props, mouseEvents, {
- className: className,
- role: 'menuitem'
- }),
- isInlineMode && title,
- isInlineMode && children,
- !isInlineMode && __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(
- __WEBPACK_IMPORTED_MODULE_7_rc_trigger__["a" /* default */],
- {
- prefixCls: prefixCls,
- popupClassName: prefixCls + '-popup ' + popupClassName,
- getPopupContainer: getPopupContainer,
- builtinPlacements: __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_extends___default()({}, __WEBPACK_IMPORTED_MODULE_12__placements__["a" /* default */], builtinPlacements),
- popupPlacement: popupPlacement,
- popupVisible: isOpen,
- popupAlign: popupAlign,
- popup: children,
- action: disabled ? [] : [triggerSubMenuAction],
- mouseEnterDelay: subMenuOpenDelay,
- mouseLeaveDelay: subMenuCloseDelay,
- onPopupVisibleChange: this.onPopupVisibleChange,
- forceRender: forceSubMenuRender
- },
- title
- )
- );
- };
-
- return SubMenu;
- }(__WEBPACK_IMPORTED_MODULE_4_react___default.a.Component);
-
- SubMenu.propTypes = {
- parentMenu: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.object,
- title: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.node,
- children: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.any,
- selectedKeys: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.array,
- openKeys: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.array,
- onClick: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
- onOpenChange: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
- rootPrefixCls: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.string,
- eventKey: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.string,
- multiple: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool,
- active: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool, // TODO: remove
- onItemHover: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
- onSelect: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
- triggerSubMenuAction: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.string,
- onDeselect: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
- onDestroy: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
- onMouseEnter: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
- onMouseLeave: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
- onTitleMouseEnter: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
- onTitleMouseLeave: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
- onTitleClick: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
- popupOffset: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.array,
- isOpen: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool,
- store: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.object,
- mode: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.oneOf(['horizontal', 'vertical', 'vertical-left', 'vertical-right', 'inline']),
- manualRef: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
- itemIcon: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func, __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.node]),
- expandIcon: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func, __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.node])
- };
- SubMenu.defaultProps = {
- onMouseEnter: __WEBPACK_IMPORTED_MODULE_14__util__["h" /* noop */],
- onMouseLeave: __WEBPACK_IMPORTED_MODULE_14__util__["h" /* noop */],
- onTitleMouseEnter: __WEBPACK_IMPORTED_MODULE_14__util__["h" /* noop */],
- onTitleMouseLeave: __WEBPACK_IMPORTED_MODULE_14__util__["h" /* noop */],
- onTitleClick: __WEBPACK_IMPORTED_MODULE_14__util__["h" /* noop */],
- manualRef: __WEBPACK_IMPORTED_MODULE_14__util__["h" /* noop */],
- mode: 'vertical',
- title: ''
- };
-
- var _initialiseProps = function _initialiseProps() {
- var _this3 = this;
-
- this.onDestroy = function (key) {
- _this3.props.onDestroy(key);
- };
-
- this.onKeyDown = function (e) {
- var keyCode = e.keyCode;
- var menu = _this3.menuInstance;
- var _props3 = _this3.props,
- isOpen = _props3.isOpen,
- store = _props3.store;
-
-
- if (keyCode === __WEBPACK_IMPORTED_MODULE_8_rc_util_es_KeyCode__["a" /* default */].ENTER) {
- _this3.onTitleClick(e);
- updateDefaultActiveFirst(store, _this3.props.eventKey, true);
- return true;
- }
-
- if (keyCode === __WEBPACK_IMPORTED_MODULE_8_rc_util_es_KeyCode__["a" /* default */].RIGHT) {
- if (isOpen) {
- menu.onKeyDown(e);
- } else {
- _this3.triggerOpenChange(true);
- // need to update current menu's defaultActiveFirst value
- updateDefaultActiveFirst(store, _this3.props.eventKey, true);
- }
- return true;
- }
- if (keyCode === __WEBPACK_IMPORTED_MODULE_8_rc_util_es_KeyCode__["a" /* default */].LEFT) {
- var handled = void 0;
- if (isOpen) {
- handled = menu.onKeyDown(e);
- } else {
- return undefined;
- }
- if (!handled) {
- _this3.triggerOpenChange(false);
- handled = true;
- }
- return handled;
- }
-
- if (isOpen && (keyCode === __WEBPACK_IMPORTED_MODULE_8_rc_util_es_KeyCode__["a" /* default */].UP || keyCode === __WEBPACK_IMPORTED_MODULE_8_rc_util_es_KeyCode__["a" /* default */].DOWN)) {
- return menu.onKeyDown(e);
- }
- };
-
- this.onOpenChange = function (e) {
- _this3.props.onOpenChange(e);
- };
-
- this.onPopupVisibleChange = function (visible) {
- _this3.triggerOpenChange(visible, visible ? 'mouseenter' : 'mouseleave');
- };
-
- this.onMouseEnter = function (e) {
- var _props4 = _this3.props,
- key = _props4.eventKey,
- onMouseEnter = _props4.onMouseEnter,
- store = _props4.store;
-
- updateDefaultActiveFirst(store, _this3.props.eventKey, false);
- onMouseEnter({
- key: key,
- domEvent: e
- });
- };
-
- this.onMouseLeave = function (e) {
- var _props5 = _this3.props,
- parentMenu = _props5.parentMenu,
- eventKey = _props5.eventKey,
- onMouseLeave = _props5.onMouseLeave;
-
- parentMenu.subMenuInstance = _this3;
- onMouseLeave({
- key: eventKey,
- domEvent: e
- });
- };
-
- this.onTitleMouseEnter = function (domEvent) {
- var _props6 = _this3.props,
- key = _props6.eventKey,
- onItemHover = _props6.onItemHover,
- onTitleMouseEnter = _props6.onTitleMouseEnter;
-
- onItemHover({
- key: key,
- hover: true
- });
- onTitleMouseEnter({
- key: key,
- domEvent: domEvent
- });
- };
-
- this.onTitleMouseLeave = function (e) {
- var _props7 = _this3.props,
- parentMenu = _props7.parentMenu,
- eventKey = _props7.eventKey,
- onItemHover = _props7.onItemHover,
- onTitleMouseLeave = _props7.onTitleMouseLeave;
-
- parentMenu.subMenuInstance = _this3;
- onItemHover({
- key: eventKey,
- hover: false
- });
- onTitleMouseLeave({
- key: eventKey,
- domEvent: e
- });
- };
-
- this.onTitleClick = function (e) {
- var props = _this3.props;
-
- props.onTitleClick({
- key: props.eventKey,
- domEvent: e
- });
- if (props.triggerSubMenuAction === 'hover') {
- return;
- }
- _this3.triggerOpenChange(!props.isOpen, 'click');
- updateDefaultActiveFirst(props.store, _this3.props.eventKey, false);
- };
-
- this.onSubMenuClick = function (info) {
- // in the case of overflowed submenu
- // onClick is not copied over
- if (typeof _this3.props.onClick === 'function') {
- _this3.props.onClick(_this3.addKeyPath(info));
- }
- };
-
- this.onSelect = function (info) {
- _this3.props.onSelect(info);
- };
-
- this.onDeselect = function (info) {
- _this3.props.onDeselect(info);
- };
-
- this.getPrefixCls = function () {
- return _this3.props.rootPrefixCls + '-submenu';
- };
-
- this.getActiveClassName = function () {
- return _this3.getPrefixCls() + '-active';
- };
-
- this.getDisabledClassName = function () {
- return _this3.getPrefixCls() + '-disabled';
- };
-
- this.getSelectedClassName = function () {
- return _this3.getPrefixCls() + '-selected';
- };
-
- this.getOpenClassName = function () {
- return _this3.props.rootPrefixCls + '-submenu-open';
- };
-
- this.saveMenuInstance = function (c) {
- // children menu instance
- _this3.menuInstance = c;
- };
-
- this.addKeyPath = function (info) {
- return __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_extends___default()({}, info, {
- keyPath: (info.keyPath || []).concat(_this3.props.eventKey)
- });
- };
-
- this.triggerOpenChange = function (open, type) {
- var key = _this3.props.eventKey;
- var openChange = function openChange() {
- _this3.onOpenChange({
- key: key,
- item: _this3,
- trigger: type,
- open: open
- });
- };
- if (type === 'mouseenter') {
- // make sure mouseenter happen after other menu item's mouseleave
- _this3.mouseenterTimeout = setTimeout(function () {
- openChange();
- }, 0);
- } else {
- openChange();
- }
- };
-
- this.isChildrenSelected = function () {
- var ret = { find: false };
- Object(__WEBPACK_IMPORTED_MODULE_14__util__["f" /* loopMenuItemRecursively */])(_this3.props.children, _this3.props.selectedKeys, ret);
- return ret.find;
- };
-
- this.isOpen = function () {
- return _this3.props.openKeys.indexOf(_this3.props.eventKey) !== -1;
- };
-
- this.adjustWidth = function () {
- /* istanbul ignore if */
- if (!_this3.subMenuTitle || !_this3.menuInstance) {
- return;
- }
- var popupMenu = __WEBPACK_IMPORTED_MODULE_5_react_dom___default.a.findDOMNode(_this3.menuInstance);
- if (popupMenu.offsetWidth >= _this3.subMenuTitle.offsetWidth) {
- return;
- }
-
- /* istanbul ignore next */
- popupMenu.style.minWidth = _this3.subMenuTitle.offsetWidth + 'px';
- };
-
- this.saveSubMenuTitle = function (subMenuTitle) {
- _this3.subMenuTitle = subMenuTitle;
- };
- };
-
- var connected = Object(__WEBPACK_IMPORTED_MODULE_10_mini_store__["connect"])(function (_ref, _ref2) {
- var openKeys = _ref.openKeys,
- activeKey = _ref.activeKey,
- selectedKeys = _ref.selectedKeys;
- var eventKey = _ref2.eventKey,
- subMenuKey = _ref2.subMenuKey;
- return {
- isOpen: openKeys.indexOf(eventKey) > -1,
- active: activeKey[subMenuKey] === eventKey,
- selectedKeys: selectedKeys
- };
- })(SubMenu);
-
- connected.isSubMenu = true;
-
- /* harmony default export */ __webpack_exports__["a"] = (connected);
-
- /***/ }),
- /* 543 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* harmony export (immutable) */ __webpack_exports__["a"] = getAlignFromPlacement;
- /* harmony export (immutable) */ __webpack_exports__["b"] = getAlignPopupClassName;
- /* harmony export (immutable) */ __webpack_exports__["c"] = saveRef;
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__ = __webpack_require__(8);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__);
-
- function isPointsEq(a1, a2, isAlignPoint) {
- if (isAlignPoint) {
- return a1[0] === a2[0];
- }
- return a1[0] === a2[0] && a1[1] === a2[1];
- }
-
- function getAlignFromPlacement(builtinPlacements, placementStr, align) {
- var baseAlign = builtinPlacements[placementStr] || {};
- return __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default()({}, baseAlign, align);
- }
-
- function getAlignPopupClassName(builtinPlacements, prefixCls, align, isAlignPoint) {
- var points = align.points;
- for (var placement in builtinPlacements) {
- if (builtinPlacements.hasOwnProperty(placement)) {
- if (isPointsEq(builtinPlacements[placement].points, points, isAlignPoint)) {
- return prefixCls + '-placement-' + placement;
- }
- }
- }
- return '';
- }
-
- function saveRef(name, component) {
- this[name] = component;
- }
-
- /***/ }),
- /* 544 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_objectWithoutProperties__ = __webpack_require__(15);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_objectWithoutProperties___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_objectWithoutProperties__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck__ = __webpack_require__(5);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(6);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__ = __webpack_require__(7);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_react__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_prop_types__ = __webpack_require__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_prop_types__);
-
-
-
-
-
-
-
- var LazyRenderBox = function (_Component) {
- __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default()(LazyRenderBox, _Component);
-
- function LazyRenderBox() {
- __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck___default()(this, LazyRenderBox);
-
- return __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default()(this, _Component.apply(this, arguments));
- }
-
- LazyRenderBox.prototype.shouldComponentUpdate = function shouldComponentUpdate(nextProps) {
- return nextProps.hiddenClassName || nextProps.visible;
- };
-
- LazyRenderBox.prototype.render = function render() {
- var _props = this.props,
- hiddenClassName = _props.hiddenClassName,
- visible = _props.visible,
- props = __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_objectWithoutProperties___default()(_props, ['hiddenClassName', 'visible']);
-
- if (hiddenClassName || __WEBPACK_IMPORTED_MODULE_4_react___default.a.Children.count(props.children) > 1) {
- if (!visible && hiddenClassName) {
- props.className += ' ' + hiddenClassName;
- }
- return __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement('div', props);
- }
-
- return __WEBPACK_IMPORTED_MODULE_4_react___default.a.Children.only(props.children);
- };
-
- return LazyRenderBox;
- }(__WEBPACK_IMPORTED_MODULE_4_react__["Component"]);
-
- LazyRenderBox.propTypes = {
- children: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.any,
- className: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string,
- visible: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.bool,
- hiddenClassName: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string
- };
-
-
- /* harmony default export */ __webpack_exports__["a"] = (LazyRenderBox);
-
- /***/ }),
- /* 545 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- var util = {
- isAppearSupported: function isAppearSupported(props) {
- return props.transitionName && props.transitionAppear || props.animation.appear;
- },
- isEnterSupported: function isEnterSupported(props) {
- return props.transitionName && props.transitionEnter || props.animation.enter;
- },
- isLeaveSupported: function isLeaveSupported(props) {
- return props.transitionName && props.transitionLeave || props.animation.leave;
- },
- allowAppearCallback: function allowAppearCallback(props) {
- return props.transitionAppear || props.animation.appear;
- },
- allowEnterCallback: function allowEnterCallback(props) {
- return props.transitionEnter || props.animation.enter;
- },
- allowLeaveCallback: function allowLeaveCallback(props) {
- return props.transitionLeave || props.animation.leave;
- }
- };
- exports["default"] = util;
- module.exports = exports["default"];
-
- /***/ }),
- /* 546 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _react = __webpack_require__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- var _propTypes = __webpack_require__(1);
-
- var _propTypes2 = _interopRequireDefault(_propTypes);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
-
- function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
-
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); } /**
- * This source code is quoted from rc-trigger.
- * homepage: https://github.com/react-component/trigger
- */
-
-
- var propTypes = {
- children: _propTypes2["default"].any,
- className: _propTypes2["default"].string,
- visible: _propTypes2["default"].bool,
- hiddenClassName: _propTypes2["default"].string
- };
-
- var LazyRenderBox = function (_Component) {
- _inherits(LazyRenderBox, _Component);
-
- function LazyRenderBox() {
- _classCallCheck(this, LazyRenderBox);
-
- return _possibleConstructorReturn(this, _Component.apply(this, arguments));
- }
-
- LazyRenderBox.prototype.shouldComponentUpdate = function shouldComponentUpdate(nextProps) {
- return nextProps.hiddenClassName || nextProps.visible;
- };
-
- LazyRenderBox.prototype.render = function render() {
- var _props = this.props,
- hiddenClassName = _props.hiddenClassName,
- visible = _props.visible,
- props = _objectWithoutProperties(_props, ['hiddenClassName', 'visible']);
-
- if (hiddenClassName || _react2["default"].Children.count(props.children) > 1) {
- if (!visible && hiddenClassName) {
- props.className += ' ' + hiddenClassName;
- }
- return _react2["default"].createElement('div', props);
- }
-
- return _react2["default"].Children.only(props.children);
- };
-
- return LazyRenderBox;
- }(_react.Component);
-
- ;
- LazyRenderBox.propTypes = propTypes;
-
- exports["default"] = LazyRenderBox;
- module.exports = exports['default'];
-
- /***/ }),
- /* 547 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.SelectPropTypes = undefined;
-
- var _propTypes = __webpack_require__(1);
-
- var _propTypes2 = _interopRequireDefault(_propTypes);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- function valueType(props, propName, componentName) {
- var basicType = _propTypes2["default"].oneOfType([_propTypes2["default"].string, _propTypes2["default"].number]);
-
- var labelInValueShape = _propTypes2["default"].shape({
- key: basicType.isRequired,
- label: _propTypes2["default"].node
- });
- if (props.labelInValue) {
- var validate = _propTypes2["default"].oneOfType([_propTypes2["default"].arrayOf(labelInValueShape), labelInValueShape]);
- var error = validate.apply(undefined, arguments);
- if (error) {
- return new Error('Invalid prop `' + propName + '` supplied to `' + componentName + '`, ' + ('when you set `labelInValue` to `true`, `' + propName + '` should in ') + 'shape of `{ key: string | number, label?: ReactNode }`.');
- }
- } else if ((props.mode === 'multiple' || props.mode === 'tags' || props.multiple || props.tags) && props[propName] === '') {
- return new Error('Invalid prop `' + propName + '` of type `string` supplied to `' + componentName + '`, ' + 'expected `array` when `multiple` or `tags` is `true`.');
- } else {
- var _validate = _propTypes2["default"].oneOfType([_propTypes2["default"].arrayOf(basicType), basicType]);
- return _validate.apply(undefined, arguments);
- }
- } /**
- * This source code is quoted from rc-select.
- * homepage: https://github.com/react-component/select
- */
- var SelectPropTypes = exports.SelectPropTypes = {
- id: _propTypes2["default"].string,
- defaultActiveFirstOption: _propTypes2["default"].bool,
- multiple: _propTypes2["default"].bool,
- filterOption: _propTypes2["default"].any,
- children: _propTypes2["default"].any,
- showSearch: _propTypes2["default"].bool,
- disabled: _propTypes2["default"].bool,
- allowClear: _propTypes2["default"].bool,
- showArrow: _propTypes2["default"].bool,
- tags: _propTypes2["default"].bool,
- prefixCls: _propTypes2["default"].string,
- className: _propTypes2["default"].string,
- transitionName: _propTypes2["default"].string,
- optionLabelProp: _propTypes2["default"].string,
- optionFilterProp: _propTypes2["default"].string,
- animation: _propTypes2["default"].string,
- choiceTransitionName: _propTypes2["default"].string,
- open: _propTypes2["default"].bool,
- defaultOpen: _propTypes2["default"].bool,
- onChange: _propTypes2["default"].func,
- onBlur: _propTypes2["default"].func,
- onFocus: _propTypes2["default"].func,
- onSelect: _propTypes2["default"].func,
- onSearch: _propTypes2["default"].func,
- onPopupScroll: _propTypes2["default"].func,
- onMouseEnter: _propTypes2["default"].func,
- onMouseLeave: _propTypes2["default"].func,
- onInputKeyDown: _propTypes2["default"].func,
- placeholder: _propTypes2["default"].any,
- onDeselect: _propTypes2["default"].func,
- labelInValue: _propTypes2["default"].bool,
- value: valueType,
- defaultValue: valueType,
- dropdownStyle: _propTypes2["default"].object,
- maxTagTextLength: _propTypes2["default"].number,
- maxTagCount: _propTypes2["default"].number,
- maxTagPlaceholder: _propTypes2["default"].oneOfType([_propTypes2["default"].node, _propTypes2["default"].func]),
- tokenSeparators: _propTypes2["default"].arrayOf(_propTypes2["default"].string),
- getInputElement: _propTypes2["default"].func,
- showAction: _propTypes2["default"].arrayOf(_propTypes2["default"].string),
- clearIcon: _propTypes2["default"].node,
- inputIcon: _propTypes2["default"].node,
- removeIcon: _propTypes2["default"].node,
- menuItemSelectedIcon: _propTypes2["default"].oneOfType([_propTypes2["default"].func, _propTypes2["default"].node])
- };
-
- /***/ }),
- /* 548 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _react = __webpack_require__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
-
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
-
- var OptGroup = function (_React$Component) {
- _inherits(OptGroup, _React$Component);
-
- function OptGroup() {
- _classCallCheck(this, OptGroup);
-
- return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));
- }
-
- return OptGroup;
- }(_react2["default"].Component);
-
- OptGroup.isSelectOptGroup = true;
- exports["default"] = OptGroup;
- module.exports = exports['default'];
-
- /***/ }),
- /* 549 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
- /* WEBPACK VAR INJECTION */(function(process) {
-
- exports.__esModule = true;
- exports.default = exports.EXITING = exports.ENTERED = exports.ENTERING = exports.EXITED = exports.UNMOUNTED = void 0;
-
- var PropTypes = _interopRequireWildcard(__webpack_require__(1));
-
- var _react = _interopRequireDefault(__webpack_require__(0));
-
- var _reactDom = _interopRequireDefault(__webpack_require__(3));
-
- var _reactLifecyclesCompat = __webpack_require__(13);
-
- var _PropTypes = __webpack_require__(550);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
-
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
- function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
-
- var UNMOUNTED = 'unmounted';
- exports.UNMOUNTED = UNMOUNTED;
- var EXITED = 'exited';
- exports.EXITED = EXITED;
- var ENTERING = 'entering';
- exports.ENTERING = ENTERING;
- var ENTERED = 'entered';
- exports.ENTERED = ENTERED;
- var EXITING = 'exiting';
- /**
- * The Transition component lets you describe a transition from one component
- * state to another _over time_ with a simple declarative API. Most commonly
- * it's used to animate the mounting and unmounting of a component, but can also
- * be used to describe in-place transition states as well.
- *
- * ---
- *
- * **Note**: `Transition` is a platform-agnostic base component. If you're using
- * transitions in CSS, you'll probably want to use
- * [`CSSTransition`](https://reactcommunity.org/react-transition-group/css-transition)
- * instead. It inherits all the features of `Transition`, but contains
- * additional features necessary to play nice with CSS transitions (hence the
- * name of the component).
- *
- * ---
- *
- * By default the `Transition` component does not alter the behavior of the
- * component it renders, it only tracks "enter" and "exit" states for the
- * components. It's up to you to give meaning and effect to those states. For
- * example we can add styles to a component when it enters or exits:
- *
- * ```jsx
- * import { Transition } from 'react-transition-group';
- *
- * const duration = 300;
- *
- * const defaultStyle = {
- * transition: `opacity ${duration}ms ease-in-out`,
- * opacity: 0,
- * }
- *
- * const transitionStyles = {
- * entering: { opacity: 0 },
- * entered: { opacity: 1 },
- * };
- *
- * const Fade = ({ in: inProp }) => (
- *
- * {state => (
- *
- * I'm a fade Transition!
- *
- * )}
- *
- * );
- * ```
- *
- * There are 4 main states a Transition can be in:
- * - `'entering'`
- * - `'entered'`
- * - `'exiting'`
- * - `'exited'`
- *
- * Transition state is toggled via the `in` prop. When `true` the component
- * begins the "Enter" stage. During this stage, the component will shift from
- * its current transition state, to `'entering'` for the duration of the
- * transition and then to the `'entered'` stage once it's complete. Let's take
- * the following example (we'll use the
- * [useState](https://reactjs.org/docs/hooks-reference.html#usestate) hook):
- *
- * ```jsx
- * function App() {
- * const [inProp, setInProp] = useState(false);
- * return (
- *
- *
- * {state => (
- * // ...
- * )}
- *
- *
- *
- * );
- * }
- * ```
- *
- * When the button is clicked the component will shift to the `'entering'` state
- * and stay there for 500ms (the value of `timeout`) before it finally switches
- * to `'entered'`.
- *
- * When `in` is `false` the same thing happens except the state moves from
- * `'exiting'` to `'exited'`.
- */
-
- exports.EXITING = EXITING;
-
- var Transition =
- /*#__PURE__*/
- function (_React$Component) {
- _inheritsLoose(Transition, _React$Component);
-
- function Transition(props, context) {
- var _this;
-
- _this = _React$Component.call(this, props, context) || this;
- var parentGroup = context.transitionGroup; // In the context of a TransitionGroup all enters are really appears
-
- var appear = parentGroup && !parentGroup.isMounting ? props.enter : props.appear;
- var initialStatus;
- _this.appearStatus = null;
-
- if (props.in) {
- if (appear) {
- initialStatus = EXITED;
- _this.appearStatus = ENTERING;
- } else {
- initialStatus = ENTERED;
- }
- } else {
- if (props.unmountOnExit || props.mountOnEnter) {
- initialStatus = UNMOUNTED;
- } else {
- initialStatus = EXITED;
- }
- }
-
- _this.state = {
- status: initialStatus
- };
- _this.nextCallback = null;
- return _this;
- }
-
- var _proto = Transition.prototype;
-
- _proto.getChildContext = function getChildContext() {
- return {
- transitionGroup: null // allows for nested Transitions
-
- };
- };
-
- Transition.getDerivedStateFromProps = function getDerivedStateFromProps(_ref, prevState) {
- var nextIn = _ref.in;
-
- if (nextIn && prevState.status === UNMOUNTED) {
- return {
- status: EXITED
- };
- }
-
- return null;
- }; // getSnapshotBeforeUpdate(prevProps) {
- // let nextStatus = null
- // if (prevProps !== this.props) {
- // const { status } = this.state
- // if (this.props.in) {
- // if (status !== ENTERING && status !== ENTERED) {
- // nextStatus = ENTERING
- // }
- // } else {
- // if (status === ENTERING || status === ENTERED) {
- // nextStatus = EXITING
- // }
- // }
- // }
- // return { nextStatus }
- // }
-
-
- _proto.componentDidMount = function componentDidMount() {
- this.updateStatus(true, this.appearStatus);
- };
-
- _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
- var nextStatus = null;
-
- if (prevProps !== this.props) {
- var status = this.state.status;
-
- if (this.props.in) {
- if (status !== ENTERING && status !== ENTERED) {
- nextStatus = ENTERING;
- }
- } else {
- if (status === ENTERING || status === ENTERED) {
- nextStatus = EXITING;
- }
- }
- }
-
- this.updateStatus(false, nextStatus);
- };
-
- _proto.componentWillUnmount = function componentWillUnmount() {
- this.cancelNextCallback();
- };
-
- _proto.getTimeouts = function getTimeouts() {
- var timeout = this.props.timeout;
- var exit, enter, appear;
- exit = enter = appear = timeout;
-
- if (timeout != null && typeof timeout !== 'number') {
- exit = timeout.exit;
- enter = timeout.enter; // TODO: remove fallback for next major
-
- appear = timeout.appear !== undefined ? timeout.appear : enter;
- }
-
- return {
- exit: exit,
- enter: enter,
- appear: appear
- };
- };
-
- _proto.updateStatus = function updateStatus(mounting, nextStatus) {
- if (mounting === void 0) {
- mounting = false;
- }
-
- if (nextStatus !== null) {
- // nextStatus will always be ENTERING or EXITING.
- this.cancelNextCallback();
-
- var node = _reactDom.default.findDOMNode(this);
-
- if (nextStatus === ENTERING) {
- this.performEnter(node, mounting);
- } else {
- this.performExit(node);
- }
- } else if (this.props.unmountOnExit && this.state.status === EXITED) {
- this.setState({
- status: UNMOUNTED
- });
- }
- };
-
- _proto.performEnter = function performEnter(node, mounting) {
- var _this2 = this;
-
- var enter = this.props.enter;
- var appearing = this.context.transitionGroup ? this.context.transitionGroup.isMounting : mounting;
- var timeouts = this.getTimeouts();
- var enterTimeout = appearing ? timeouts.appear : timeouts.enter; // no enter animation skip right to ENTERED
- // if we are mounting and running this it means appear _must_ be set
-
- if (!mounting && !enter) {
- this.safeSetState({
- status: ENTERED
- }, function () {
- _this2.props.onEntered(node);
- });
- return;
- }
-
- this.props.onEnter(node, appearing);
- this.safeSetState({
- status: ENTERING
- }, function () {
- _this2.props.onEntering(node, appearing);
-
- _this2.onTransitionEnd(node, enterTimeout, function () {
- _this2.safeSetState({
- status: ENTERED
- }, function () {
- _this2.props.onEntered(node, appearing);
- });
- });
- });
- };
-
- _proto.performExit = function performExit(node) {
- var _this3 = this;
-
- var exit = this.props.exit;
- var timeouts = this.getTimeouts(); // no exit animation skip right to EXITED
-
- if (!exit) {
- this.safeSetState({
- status: EXITED
- }, function () {
- _this3.props.onExited(node);
- });
- return;
- }
-
- this.props.onExit(node);
- this.safeSetState({
- status: EXITING
- }, function () {
- _this3.props.onExiting(node);
-
- _this3.onTransitionEnd(node, timeouts.exit, function () {
- _this3.safeSetState({
- status: EXITED
- }, function () {
- _this3.props.onExited(node);
- });
- });
- });
- };
-
- _proto.cancelNextCallback = function cancelNextCallback() {
- if (this.nextCallback !== null) {
- this.nextCallback.cancel();
- this.nextCallback = null;
- }
- };
-
- _proto.safeSetState = function safeSetState(nextState, callback) {
- // This shouldn't be necessary, but there are weird race conditions with
- // setState callbacks and unmounting in testing, so always make sure that
- // we can cancel any pending setState callbacks after we unmount.
- callback = this.setNextCallback(callback);
- this.setState(nextState, callback);
- };
-
- _proto.setNextCallback = function setNextCallback(callback) {
- var _this4 = this;
-
- var active = true;
-
- this.nextCallback = function (event) {
- if (active) {
- active = false;
- _this4.nextCallback = null;
- callback(event);
- }
- };
-
- this.nextCallback.cancel = function () {
- active = false;
- };
-
- return this.nextCallback;
- };
-
- _proto.onTransitionEnd = function onTransitionEnd(node, timeout, handler) {
- this.setNextCallback(handler);
- var doesNotHaveTimeoutOrListener = timeout == null && !this.props.addEndListener;
-
- if (!node || doesNotHaveTimeoutOrListener) {
- setTimeout(this.nextCallback, 0);
- return;
- }
-
- if (this.props.addEndListener) {
- this.props.addEndListener(node, this.nextCallback);
- }
-
- if (timeout != null) {
- setTimeout(this.nextCallback, timeout);
- }
- };
-
- _proto.render = function render() {
- var status = this.state.status;
-
- if (status === UNMOUNTED) {
- return null;
- }
-
- var _this$props = this.props,
- children = _this$props.children,
- childProps = _objectWithoutPropertiesLoose(_this$props, ["children"]); // filter props for Transtition
-
-
- delete childProps.in;
- delete childProps.mountOnEnter;
- delete childProps.unmountOnExit;
- delete childProps.appear;
- delete childProps.enter;
- delete childProps.exit;
- delete childProps.timeout;
- delete childProps.addEndListener;
- delete childProps.onEnter;
- delete childProps.onEntering;
- delete childProps.onEntered;
- delete childProps.onExit;
- delete childProps.onExiting;
- delete childProps.onExited;
-
- if (typeof children === 'function') {
- return children(status, childProps);
- }
-
- var child = _react.default.Children.only(children);
-
- return _react.default.cloneElement(child, childProps);
- };
-
- return Transition;
- }(_react.default.Component);
-
- Transition.contextTypes = {
- transitionGroup: PropTypes.object
- };
- Transition.childContextTypes = {
- transitionGroup: function transitionGroup() {}
- };
- Transition.propTypes = process.env.NODE_ENV !== "production" ? {
- /**
- * A `function` child can be used instead of a React element. This function is
- * called with the current transition status (`'entering'`, `'entered'`,
- * `'exiting'`, `'exited'`, `'unmounted'`), which can be used to apply context
- * specific props to a component.
- *
- * ```jsx
- *
- * {state => (
- *
- * )}
- *
- * ```
- */
- children: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]).isRequired,
-
- /**
- * Show the component; triggers the enter or exit states
- */
- in: PropTypes.bool,
-
- /**
- * By default the child component is mounted immediately along with
- * the parent `Transition` component. If you want to "lazy mount" the component on the
- * first `in={true}` you can set `mountOnEnter`. After the first enter transition the component will stay
- * mounted, even on "exited", unless you also specify `unmountOnExit`.
- */
- mountOnEnter: PropTypes.bool,
-
- /**
- * By default the child component stays mounted after it reaches the `'exited'` state.
- * Set `unmountOnExit` if you'd prefer to unmount the component after it finishes exiting.
- */
- unmountOnExit: PropTypes.bool,
-
- /**
- * Normally a component is not transitioned if it is shown when the `` component mounts.
- * If you want to transition on the first mount set `appear` to `true`, and the
- * component will transition in as soon as the `` mounts.
- *
- * > Note: there are no specific "appear" states. `appear` only adds an additional `enter` transition.
- */
- appear: PropTypes.bool,
-
- /**
- * Enable or disable enter transitions.
- */
- enter: PropTypes.bool,
-
- /**
- * Enable or disable exit transitions.
- */
- exit: PropTypes.bool,
-
- /**
- * The duration of the transition, in milliseconds.
- * Required unless `addEndListener` is provided.
- *
- * You may specify a single timeout for all transitions:
- *
- * ```jsx
- * timeout={500}
- * ```
- *
- * or individually:
- *
- * ```jsx
- * timeout={{
- * appear: 500,
- * enter: 300,
- * exit: 500,
- * }}
- * ```
- *
- * - `appear` defaults to the value of `enter`
- * - `enter` defaults to `0`
- * - `exit` defaults to `0`
- *
- * @type {number | { enter?: number, exit?: number, appear?: number }}
- */
- timeout: function timeout(props) {
- var pt = _PropTypes.timeoutsShape;
- if (!props.addEndListener) pt = pt.isRequired;
-
- for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
- args[_key - 1] = arguments[_key];
- }
-
- return pt.apply(void 0, [props].concat(args));
- },
-
- /**
- * Add a custom transition end trigger. Called with the transitioning
- * DOM node and a `done` callback. Allows for more fine grained transition end
- * logic. **Note:** Timeouts are still used as a fallback if provided.
- *
- * ```jsx
- * addEndListener={(node, done) => {
- * // use the css transitionend event to mark the finish of a transition
- * node.addEventListener('transitionend', done, false);
- * }}
- * ```
- */
- addEndListener: PropTypes.func,
-
- /**
- * Callback fired before the "entering" status is applied. An extra parameter
- * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
- *
- * @type Function(node: HtmlElement, isAppearing: bool) -> void
- */
- onEnter: PropTypes.func,
-
- /**
- * Callback fired after the "entering" status is applied. An extra parameter
- * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
- *
- * @type Function(node: HtmlElement, isAppearing: bool)
- */
- onEntering: PropTypes.func,
-
- /**
- * Callback fired after the "entered" status is applied. An extra parameter
- * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
- *
- * @type Function(node: HtmlElement, isAppearing: bool) -> void
- */
- onEntered: PropTypes.func,
-
- /**
- * Callback fired before the "exiting" status is applied.
- *
- * @type Function(node: HtmlElement) -> void
- */
- onExit: PropTypes.func,
-
- /**
- * Callback fired after the "exiting" status is applied.
- *
- * @type Function(node: HtmlElement) -> void
- */
- onExiting: PropTypes.func,
-
- /**
- * Callback fired after the "exited" status is applied.
- *
- * @type Function(node: HtmlElement) -> void
- */
- onExited: PropTypes.func // Name the function so it is clearer in the documentation
-
- } : {};
-
- function noop() {}
-
- Transition.defaultProps = {
- in: false,
- mountOnEnter: false,
- unmountOnExit: false,
- appear: false,
- enter: true,
- exit: true,
- onEnter: noop,
- onEntering: noop,
- onEntered: noop,
- onExit: noop,
- onExiting: noop,
- onExited: noop
- };
- Transition.UNMOUNTED = 0;
- Transition.EXITED = 1;
- Transition.ENTERING = 2;
- Transition.ENTERED = 3;
- Transition.EXITING = 4;
-
- var _default = (0, _reactLifecyclesCompat.polyfill)(Transition);
-
- exports.default = _default;
- /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(9)))
-
- /***/ }),
- /* 550 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
- /* WEBPACK VAR INJECTION */(function(process) {
-
- exports.__esModule = true;
- exports.classNamesShape = exports.timeoutsShape = void 0;
-
- var _propTypes = _interopRequireDefault(__webpack_require__(1));
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- var timeoutsShape = process.env.NODE_ENV !== 'production' ? _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.shape({
- enter: _propTypes.default.number,
- exit: _propTypes.default.number,
- appear: _propTypes.default.number
- }).isRequired]) : null;
- exports.timeoutsShape = timeoutsShape;
- var classNamesShape = process.env.NODE_ENV !== 'production' ? _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.shape({
- enter: _propTypes.default.string,
- exit: _propTypes.default.string,
- active: _propTypes.default.string
- }), _propTypes.default.shape({
- enter: _propTypes.default.string,
- enterDone: _propTypes.default.string,
- enterActive: _propTypes.default.string,
- exit: _propTypes.default.string,
- exitDone: _propTypes.default.string,
- exitActive: _propTypes.default.string
- })]) : null;
- exports.classNamesShape = classNamesShape;
- /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(9)))
-
- /***/ }),
- /* 551 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
- /* WEBPACK VAR INJECTION */(function(process) {
-
- exports.__esModule = true;
- exports.default = void 0;
-
- var _propTypes = _interopRequireDefault(__webpack_require__(1));
-
- var _react = _interopRequireDefault(__webpack_require__(0));
-
- var _reactLifecyclesCompat = __webpack_require__(13);
-
- var _ChildMapping = __webpack_require__(1728);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
- 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 _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
-
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
- var values = Object.values || function (obj) {
- return Object.keys(obj).map(function (k) {
- return obj[k];
- });
- };
-
- var defaultProps = {
- component: 'div',
- childFactory: function childFactory(child) {
- return child;
- }
- /**
- * The `` component manages a set of transition components
- * (`` and ``) in a list. Like with the transition
- * components, `` is a state machine for managing the mounting
- * and unmounting of components over time.
- *
- * Consider the example below. As items are removed or added to the TodoList the
- * `in` prop is toggled automatically by the ``.
- *
- * Note that `` does not define any animation behavior!
- * Exactly _how_ a list item animates is up to the individual transition
- * component. This means you can mix and match animations across different list
- * items.
- */
-
- };
-
- var TransitionGroup =
- /*#__PURE__*/
- function (_React$Component) {
- _inheritsLoose(TransitionGroup, _React$Component);
-
- function TransitionGroup(props, context) {
- var _this;
-
- _this = _React$Component.call(this, props, context) || this;
-
- var handleExited = _this.handleExited.bind(_assertThisInitialized(_assertThisInitialized(_this))); // Initial children should all be entering, dependent on appear
-
-
- _this.state = {
- handleExited: handleExited,
- firstRender: true
- };
- return _this;
- }
-
- var _proto = TransitionGroup.prototype;
-
- _proto.getChildContext = function getChildContext() {
- return {
- transitionGroup: {
- isMounting: !this.appeared
- }
- };
- };
-
- _proto.componentDidMount = function componentDidMount() {
- this.appeared = true;
- this.mounted = true;
- };
-
- _proto.componentWillUnmount = function componentWillUnmount() {
- this.mounted = false;
- };
-
- TransitionGroup.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, _ref) {
- var prevChildMapping = _ref.children,
- handleExited = _ref.handleExited,
- firstRender = _ref.firstRender;
- return {
- children: firstRender ? (0, _ChildMapping.getInitialChildMapping)(nextProps, handleExited) : (0, _ChildMapping.getNextChildMapping)(nextProps, prevChildMapping, handleExited),
- firstRender: false
- };
- };
-
- _proto.handleExited = function handleExited(child, node) {
- var currentChildMapping = (0, _ChildMapping.getChildMapping)(this.props.children);
- if (child.key in currentChildMapping) return;
-
- if (child.props.onExited) {
- child.props.onExited(node);
- }
-
- if (this.mounted) {
- this.setState(function (state) {
- var children = _extends({}, state.children);
-
- delete children[child.key];
- return {
- children: children
- };
- });
- }
- };
-
- _proto.render = function render() {
- var _this$props = this.props,
- Component = _this$props.component,
- childFactory = _this$props.childFactory,
- props = _objectWithoutPropertiesLoose(_this$props, ["component", "childFactory"]);
-
- var children = values(this.state.children).map(childFactory);
- delete props.appear;
- delete props.enter;
- delete props.exit;
-
- if (Component === null) {
- return children;
- }
-
- return _react.default.createElement(Component, props, children);
- };
-
- return TransitionGroup;
- }(_react.default.Component);
-
- TransitionGroup.childContextTypes = {
- transitionGroup: _propTypes.default.object.isRequired
- };
- TransitionGroup.propTypes = process.env.NODE_ENV !== "production" ? {
- /**
- * `` renders a `` by default. You can change this
- * behavior by providing a `component` prop.
- * If you use React v16+ and would like to avoid a wrapping `
` element
- * you can pass in `component={null}`. This is useful if the wrapping div
- * borks your css styles.
- */
- component: _propTypes.default.any,
-
- /**
- * A set of `
` components, that are toggled `in` and out as they
- * leave. the `` will inject specific transition props, so
- * remember to spread them through if you are wrapping the `` as
- * with our `` example.
- *
- * While this component is meant for multiple `Transition` or `CSSTransition`
- * children, sometimes you may want to have a single transition child with
- * content that you want to be transitioned out and in when you change it
- * (e.g. routes, images etc.) In that case you can change the `key` prop of
- * the transition child as you change its content, this will cause
- * `TransitionGroup` to transition the child out and back in.
- */
- children: _propTypes.default.node,
-
- /**
- * A convenience prop that enables or disables appear animations
- * for all children. Note that specifying this will override any defaults set
- * on individual children Transitions.
- */
- appear: _propTypes.default.bool,
-
- /**
- * A convenience prop that enables or disables enter animations
- * for all children. Note that specifying this will override any defaults set
- * on individual children Transitions.
- */
- enter: _propTypes.default.bool,
-
- /**
- * A convenience prop that enables or disables exit animations
- * for all children. Note that specifying this will override any defaults set
- * on individual children Transitions.
- */
- exit: _propTypes.default.bool,
-
- /**
- * You may need to apply reactive updates to a child as it is exiting.
- * This is generally done by using `cloneElement` however in the case of an exiting
- * child the element has already been removed and not accessible to the consumer.
- *
- * If you do need to update a child as it leaves you can provide a `childFactory`
- * to wrap every child, even the ones that are leaving.
- *
- * @type Function(child: ReactElement) -> ReactElement
- */
- childFactory: _propTypes.default.func
- } : {};
- TransitionGroup.defaultProps = defaultProps;
-
- var _default = (0, _reactLifecyclesCompat.polyfill)(TransitionGroup);
-
- exports.default = _default;
- module.exports = exports["default"];
- /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(9)))
-
- /***/ }),
- /* 552 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* unused harmony export genAnimateChild */
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_toArray__ = __webpack_require__(1741);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_toArray___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_toArray__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck__ = __webpack_require__(5);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_createClass__ = __webpack_require__(23);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_createClass___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_createClass__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(6);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_possibleConstructorReturn__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_inherits__ = __webpack_require__(7);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_inherits__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_react__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_react__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react_dom__ = __webpack_require__(3);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react_dom___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6_react_dom__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_prop_types__ = __webpack_require__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_7_prop_types__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_react_lifecycles_compat__ = __webpack_require__(13);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_classnames__ = __webpack_require__(2);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_9_classnames__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_10_component_classes__ = __webpack_require__(11);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_10_component_classes___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_10_component_classes__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_11_raf__ = __webpack_require__(25);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_11_raf___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_11_raf__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__util__ = __webpack_require__(205);
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- var clonePropList = ['appeared', 'show', 'exclusive', 'children', 'animation'];
-
- /**
- * AnimateChild only accept one child node.
- * `transitionSupport` is used for none transition test case.
- * Default we use browser transition event support check.
- */
- function genAnimateChild(transitionSupport) {
- var AnimateChild = function (_React$Component) {
- __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_inherits___default()(AnimateChild, _React$Component);
-
- function AnimateChild() {
- __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck___default()(this, AnimateChild);
-
- // [Legacy] Since old code addListener on the element.
- // To avoid break the behaviour that component not handle animation/transition
- // also can handle the animate, let keep the logic.
- var _this = __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_possibleConstructorReturn___default()(this, (AnimateChild.__proto__ || Object.getPrototypeOf(AnimateChild)).call(this));
-
- _this.state = {
- child: null,
-
- eventQueue: [],
- eventActive: false
- };
-
- _this.onDomUpdated = function () {
- var eventActive = _this.state.eventActive;
- var _this$props = _this.props,
- transitionName = _this$props.transitionName,
- animation = _this$props.animation,
- onChildLeaved = _this$props.onChildLeaved,
- animateKey = _this$props.animateKey;
-
-
- var $ele = _this.getDomElement();
-
- // Skip if dom element not ready
- if (!$ele) return;
-
- // [Legacy] Add animation/transition event by dom level
- if (transitionSupport && _this.$prevEle !== $ele) {
- _this.cleanDomEvent();
-
- _this.$prevEle = $ele;
- _this.$prevEle.addEventListener(__WEBPACK_IMPORTED_MODULE_12__util__["a" /* animationEndName */], _this.onMotionEnd);
- _this.$prevEle.addEventListener(__WEBPACK_IMPORTED_MODULE_12__util__["g" /* transitionEndName */], _this.onMotionEnd);
- }
-
- var currentEvent = _this.getCurrentEvent();
- if (currentEvent.empty) {
- // Additional process the leave event
- if (currentEvent.lastEventType === 'leave') {
- onChildLeaved(animateKey);
- }
- return;
- }
-
- var eventType = currentEvent.eventType,
- restQueue = currentEvent.restQueue;
-
- var nodeClasses = __WEBPACK_IMPORTED_MODULE_10_component_classes___default()($ele);
-
- // [Legacy] Since origin code use js to set `className`.
- // This caused that any component without support `className` can be forced set.
- // Let's keep the logic.
- function legacyAppendClass() {
- if (!transitionSupport) return;
-
- var basicClassName = Object(__WEBPACK_IMPORTED_MODULE_12__util__["d" /* getTransitionName */])(transitionName, '' + eventType);
- if (basicClassName) nodeClasses.add(basicClassName);
-
- if (eventActive) {
- var activeClassName = Object(__WEBPACK_IMPORTED_MODULE_12__util__["d" /* getTransitionName */])(transitionName, eventType + '-active');
- if (activeClassName) nodeClasses.add(activeClassName);
- }
- }
-
- if (_this.currentEvent && _this.currentEvent.type === eventType) {
- legacyAppendClass();
- return;
- }
-
- // Clear timeout for legacy check
- clearTimeout(_this.timeout);
-
- // Clean up last event environment
- if (_this.currentEvent && _this.currentEvent.animateObj && _this.currentEvent.animateObj.stop) {
- _this.currentEvent.animateObj.stop();
- }
-
- // Clean up last transition class
- if (_this.currentEvent) {
- var basicClassName = Object(__WEBPACK_IMPORTED_MODULE_12__util__["d" /* getTransitionName */])(transitionName, '' + _this.currentEvent.type);
- var activeClassName = Object(__WEBPACK_IMPORTED_MODULE_12__util__["d" /* getTransitionName */])(transitionName, _this.currentEvent.type + '-active');
- if (basicClassName) nodeClasses.remove(basicClassName);
- if (activeClassName) nodeClasses.remove(activeClassName);
- }
-
- // New event come
- _this.currentEvent = {
- type: eventType
- };
-
- var animationHandler = (animation || {})[eventType];
- // =============== Check if has customize animation ===============
- if (animationHandler) {
- _this.currentEvent.animateObj = animationHandler($ele, function () {
- _this.onMotionEnd({ target: $ele });
- });
-
- // Do next step if not animate object provided
- if (!_this.currentEvent || !_this.currentEvent.animateObj) {
- _this.nextEvent(restQueue);
- }
-
- // ==================== Use transition instead ====================
- } else if (transitionSupport) {
- legacyAppendClass();
- if (!eventActive) {
- // Trigger `eventActive` in next frame
- __WEBPACK_IMPORTED_MODULE_11_raf___default()(function () {
- if (_this.currentEvent && _this.currentEvent.type === eventType && !_this._destroy) {
- _this.setState({ eventActive: true }, function () {
- // [Legacy] Handle timeout if browser transition event not handle
- var transitionDelay = Object(__WEBPACK_IMPORTED_MODULE_12__util__["c" /* getStyleValue */])($ele, 'transition-delay') || 0;
- var transitionDuration = Object(__WEBPACK_IMPORTED_MODULE_12__util__["c" /* getStyleValue */])($ele, 'transition-duration') || 0;
- var animationDelay = Object(__WEBPACK_IMPORTED_MODULE_12__util__["c" /* getStyleValue */])($ele, 'animation-delay') || 0;
- var animationDuration = Object(__WEBPACK_IMPORTED_MODULE_12__util__["c" /* getStyleValue */])($ele, 'animation-duration') || 0;
- var totalTime = Math.max(transitionDuration + transitionDelay, animationDuration + animationDelay);
-
- if (totalTime >= 0) {
- _this.timeout = setTimeout(function () {
- _this.onMotionEnd({ target: $ele });
- }, totalTime * 1000);
- }
- });
- }
- });
- }
-
- // ======================= Just next action =======================
- } else {
- _this.onMotionEnd({ target: $ele });
- }
- };
-
- _this.onMotionEnd = function (_ref) {
- var target = _ref.target;
- var _this$props2 = _this.props,
- transitionName = _this$props2.transitionName,
- onChildLeaved = _this$props2.onChildLeaved,
- animateKey = _this$props2.animateKey,
- onAppear = _this$props2.onAppear,
- onEnter = _this$props2.onEnter,
- onLeave = _this$props2.onLeave,
- onEnd = _this$props2.onEnd;
-
- var currentEvent = _this.getCurrentEvent();
- if (currentEvent.empty) return;
-
- // Clear timeout for legacy check
- clearTimeout(_this.timeout);
-
- var restQueue = currentEvent.restQueue;
-
-
- var $ele = _this.getDomElement();
- if (!_this.currentEvent || $ele !== target) return;
-
- if (_this.currentEvent.animateObj && _this.currentEvent.animateObj.stop) {
- _this.currentEvent.animateObj.stop();
- }
-
- // [Legacy] Same as above, we need call js to remove the class
- if (transitionSupport && _this.currentEvent) {
- var basicClassName = Object(__WEBPACK_IMPORTED_MODULE_12__util__["d" /* getTransitionName */])(transitionName, _this.currentEvent.type);
- var activeClassName = Object(__WEBPACK_IMPORTED_MODULE_12__util__["d" /* getTransitionName */])(transitionName, _this.currentEvent.type + '-active');
-
- var nodeClasses = __WEBPACK_IMPORTED_MODULE_10_component_classes___default()($ele);
- if (basicClassName) nodeClasses.remove(basicClassName);
- if (activeClassName) nodeClasses.remove(activeClassName);
- }
-
- // Additional process the leave event
- if (_this.currentEvent && _this.currentEvent.type === 'leave') {
- onChildLeaved(animateKey);
- }
-
- // [Legacy] Trigger on event when it's last event
- if (_this.currentEvent && !restQueue.length) {
- if (_this.currentEvent.type === 'appear' && onAppear) {
- onAppear(animateKey);
- } else if (_this.currentEvent.type === 'enter' && onEnter) {
- onEnter(animateKey);
- } else if (_this.currentEvent.type === 'leave' && onLeave) {
- onLeave(animateKey);
- }
-
- if (onEnd) {
- // OnEnd(key, isShow)
- onEnd(animateKey, _this.currentEvent.type !== 'leave');
- }
- }
-
- _this.currentEvent = null;
-
- // Next queue
- _this.nextEvent(restQueue);
- };
-
- _this.getDomElement = function () {
- if (_this._destroy) return null;
- return __WEBPACK_IMPORTED_MODULE_6_react_dom___default.a.findDOMNode(_this);
- };
-
- _this.getCurrentEvent = function () {
- var _this$state$eventQueu = _this.state.eventQueue,
- eventQueue = _this$state$eventQueu === undefined ? [] : _this$state$eventQueu;
- var _this$props3 = _this.props,
- animation = _this$props3.animation,
- exclusive = _this$props3.exclusive,
- transitionAppear = _this$props3.transitionAppear,
- transitionEnter = _this$props3.transitionEnter,
- transitionLeave = _this$props3.transitionLeave;
-
-
- function hasEventHandler(eventType) {
- return eventType === 'appear' && (transitionAppear || animation.appear) || eventType === 'enter' && (transitionEnter || animation.enter) || eventType === 'leave' && (transitionLeave || animation.leave);
- }
-
- var event = null;
- // If is exclusive, only check the last event
- if (exclusive) {
- var eventType = eventQueue[eventQueue.length - 1];
- if (hasEventHandler(eventType)) {
- event = {
- eventType: eventType,
- restQueue: []
- };
- }
- } else {
- // Loop check the queue until find match
- var cloneQueue = eventQueue.slice();
- while (cloneQueue.length) {
- var _cloneQueue = cloneQueue,
- _cloneQueue2 = __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_toArray___default()(_cloneQueue),
- _eventType = _cloneQueue2[0],
- restQueue = _cloneQueue2.slice(1);
-
- if (hasEventHandler(_eventType)) {
- event = {
- eventType: _eventType,
- restQueue: restQueue
- };
- break;
- }
- cloneQueue = restQueue;
- }
- }
-
- if (!event) {
- event = {
- empty: true,
- lastEventType: eventQueue[eventQueue.length - 1]
- };
- }
-
- return event;
- };
-
- _this.nextEvent = function (restQueue) {
- // Next queue
- if (!_this._destroy) {
- _this.setState({
- eventQueue: restQueue,
- eventActive: false
- });
- }
- };
-
- _this.cleanDomEvent = function () {
- if (_this.$prevEle && transitionSupport) {
- _this.$prevEle.removeEventListener(__WEBPACK_IMPORTED_MODULE_12__util__["a" /* animationEndName */], _this.onMotionEnd);
- _this.$prevEle.removeEventListener(__WEBPACK_IMPORTED_MODULE_12__util__["g" /* transitionEndName */], _this.onMotionEnd);
- }
- };
-
- _this.$prevEle = null;
-
- _this.currentEvent = null;
- _this.timeout = null;
- return _this;
- }
-
- __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_createClass___default()(AnimateChild, [{
- key: 'componentDidMount',
- value: function componentDidMount() {
- this.onDomUpdated();
- }
- }, {
- key: 'componentDidUpdate',
- value: function componentDidUpdate() {
- this.onDomUpdated();
- }
- }, {
- key: 'componentWillUnmount',
- value: function componentWillUnmount() {
- clearTimeout(this.timeout);
- this._destroy = true;
- this.cleanDomEvent();
- }
- }, {
- key: 'render',
- value: function render() {
- var _state = this.state,
- child = _state.child,
- eventActive = _state.eventActive;
- var _props = this.props,
- showProp = _props.showProp,
- transitionName = _props.transitionName;
-
- var _ref2 = child.props || {},
- className = _ref2.className;
-
- var currentEvent = this.getCurrentEvent();
-
- // Class name
- var connectClassName = transitionSupport && this.currentEvent ? __WEBPACK_IMPORTED_MODULE_9_classnames___default()(className, Object(__WEBPACK_IMPORTED_MODULE_12__util__["d" /* getTransitionName */])(transitionName, this.currentEvent.type), eventActive && Object(__WEBPACK_IMPORTED_MODULE_12__util__["d" /* getTransitionName */])(transitionName, this.currentEvent.type + '-active')) : className;
-
- var show = true;
-
- // Keep show when is in transition or has customize animate
- if (transitionSupport && (!currentEvent.empty || this.currentEvent && this.currentEvent.animateObj)) {
- show = true;
- } else {
- show = child.props[showProp];
- }
-
- // Clone child
- var newChildProps = {
- className: connectClassName
- };
-
- if (showProp) {
- newChildProps[showProp] = show;
- }
-
- return __WEBPACK_IMPORTED_MODULE_5_react___default.a.cloneElement(child, newChildProps);
- }
- }], [{
- key: 'getDerivedStateFromProps',
- value: function getDerivedStateFromProps(nextProps, prevState) {
- var _prevState$prevProps = prevState.prevProps,
- prevProps = _prevState$prevProps === undefined ? {} : _prevState$prevProps;
- var appeared = nextProps.appeared;
-
-
- var newState = {
- prevProps: Object(__WEBPACK_IMPORTED_MODULE_12__util__["b" /* cloneProps */])(nextProps, clonePropList)
- };
-
- function processState(propName, updater) {
- if (prevProps[propName] !== nextProps[propName]) {
- if (updater) {
- updater(nextProps[propName]);
- }
- return true;
- }
- return false;
- }
-
- function pushEvent(eventType) {
- var eventQueue = newState.eventQueue || prevState.eventQueue.slice();
- var matchIndex = eventQueue.indexOf(eventType);
-
- // Clean the rest event if eventType match
- if (matchIndex !== -1) {
- eventQueue = eventQueue.slice(0, matchIndex);
- }
-
- eventQueue.push(eventType);
- newState.eventQueue = eventQueue;
- }
-
- // Child update. Only set child.
- processState('children', function (child) {
- newState.child = child;
- });
-
- processState('appeared', function (isAppeared) {
- if (isAppeared) {
- pushEvent('appear');
- }
- });
-
- // Show update
- processState('show', function (show) {
- if (!appeared) {
- if (show) {
- pushEvent('enter');
- } else {
- pushEvent('leave');
- }
- }
- });
-
- return newState;
- }
- }]);
-
- return AnimateChild;
- }(__WEBPACK_IMPORTED_MODULE_5_react___default.a.Component);
-
- AnimateChild.propTypes = {
- transitionName: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.string, __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.object]),
- transitionAppear: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.bool,
- transitionEnter: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.bool,
- transitionLeave: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.bool,
- exclusive: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.bool,
- appeared: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.bool,
- showProp: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.string,
-
- animateKey: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.any,
- animation: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.object,
- onChildLeaved: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.func,
-
- onEnd: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.func,
- onAppear: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.func,
- onEnter: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.func,
- onLeave: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.func
- };
-
-
- Object(__WEBPACK_IMPORTED_MODULE_8_react_lifecycles_compat__["polyfill"])(AnimateChild);
-
- return AnimateChild;
- }
-
- /* harmony default export */ __webpack_exports__["a"] = (genAnimateChild(__WEBPACK_IMPORTED_MODULE_12__util__["f" /* supportTransition */]));
-
- /***/ }),
- /* 553 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_objectWithoutProperties__ = __webpack_require__(15);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_objectWithoutProperties___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_objectWithoutProperties__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck__ = __webpack_require__(5);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(6);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__ = __webpack_require__(7);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_react__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_prop_types__ = __webpack_require__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_prop_types__);
-
-
-
-
-
-
-
- var LazyRenderBox = function (_Component) {
- __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default()(LazyRenderBox, _Component);
-
- function LazyRenderBox() {
- __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck___default()(this, LazyRenderBox);
-
- return __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default()(this, _Component.apply(this, arguments));
- }
-
- LazyRenderBox.prototype.shouldComponentUpdate = function shouldComponentUpdate(nextProps) {
- return nextProps.hiddenClassName || nextProps.visible;
- };
-
- LazyRenderBox.prototype.render = function render() {
- var _props = this.props,
- hiddenClassName = _props.hiddenClassName,
- visible = _props.visible,
- props = __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_objectWithoutProperties___default()(_props, ['hiddenClassName', 'visible']);
-
- if (hiddenClassName || __WEBPACK_IMPORTED_MODULE_4_react___default.a.Children.count(props.children) > 1) {
- if (!visible && hiddenClassName) {
- props.className += ' ' + hiddenClassName;
- }
- return __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement('div', props);
- }
-
- return __WEBPACK_IMPORTED_MODULE_4_react___default.a.Children.only(props.children);
- };
-
- return LazyRenderBox;
- }(__WEBPACK_IMPORTED_MODULE_4_react__["Component"]);
-
- LazyRenderBox.propTypes = {
- children: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.any,
- className: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string,
- visible: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.bool,
- hiddenClassName: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string
- };
-
-
- /* harmony default export */ __webpack_exports__["a"] = (LazyRenderBox);
-
- /***/ }),
- /* 554 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* harmony export (immutable) */ __webpack_exports__["a"] = getAlignFromPlacement;
- /* harmony export (immutable) */ __webpack_exports__["b"] = getAlignPopupClassName;
- /* harmony export (immutable) */ __webpack_exports__["c"] = saveRef;
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__ = __webpack_require__(8);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__);
-
- function isPointsEq(a1, a2, isAlignPoint) {
- if (isAlignPoint) {
- return a1[0] === a2[0];
- }
- return a1[0] === a2[0] && a1[1] === a2[1];
- }
-
- function getAlignFromPlacement(builtinPlacements, placementStr, align) {
- var baseAlign = builtinPlacements[placementStr] || {};
- return __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default()({}, baseAlign, align);
- }
-
- function getAlignPopupClassName(builtinPlacements, prefixCls, align, isAlignPoint) {
- var points = align.points;
- for (var placement in builtinPlacements) {
- if (builtinPlacements.hasOwnProperty(placement)) {
- if (isPointsEq(builtinPlacements[placement].points, points, isAlignPoint)) {
- return prefixCls + '-placement-' + placement;
- }
- }
- }
- return '';
- }
-
- function saveRef(name, component) {
- this[name] = component;
- }
-
- /***/ }),
- /* 555 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
- /* WEBPACK VAR INJECTION */(function(process) {/**
- * Copyright 2014-2015, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- */
-
-
-
- /**
- * Similar to invariant but only logs a warning if the condition is not met.
- * This can be used to log issues in development environments in critical
- * paths. Removing the logging code for production environments will keep the
- * same logic and follow the same code paths.
- */
-
- var warning = function() {};
-
- if (process.env.NODE_ENV !== 'production') {
- warning = function(condition, format, args) {
- var len = arguments.length;
- args = new Array(len > 2 ? len - 2 : 0);
- for (var key = 2; key < len; key++) {
- args[key - 2] = arguments[key];
- }
- if (format === undefined) {
- throw new Error(
- '`warning(condition, format, ...args)` requires a warning ' +
- 'message argument'
- );
- }
-
- if (format.length < 10 || (/^[s\W]*$/).test(format)) {
- throw new Error(
- 'The warning format should be able to uniquely identify this ' +
- 'warning. Please, use a more descriptive format than: ' + format
- );
- }
-
- if (!condition) {
- var argIndex = 0;
- var message = 'Warning: ' +
- format.replace(/%s/g, function() {
- return args[argIndex++];
- });
- if (typeof console !== 'undefined') {
- console.error(message);
- }
- try {
- // This error was thrown as a convenience so that you can use this stack
- // to find the callsite that caused this warning to fire.
- throw new Error(message);
- } catch(x) {}
- }
- };
- }
-
- module.exports = warning;
-
- /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(9)))
-
- /***/ }),
- /* 556 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_defineProperty__ = __webpack_require__(43);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_defineProperty___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_defineProperty__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_objectWithoutProperties__ = __webpack_require__(15);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_objectWithoutProperties___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_objectWithoutProperties__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_extends__ = __webpack_require__(8);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_extends___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_extends__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_classCallCheck__ = __webpack_require__(5);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_classCallCheck__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_createClass__ = __webpack_require__(23);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_createClass___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_createClass__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(6);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_possibleConstructorReturn__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_babel_runtime_helpers_inherits__ = __webpack_require__(7);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6_babel_runtime_helpers_inherits__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_react__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_7_react__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_prop_types__ = __webpack_require__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_8_prop_types__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_classnames__ = __webpack_require__(2);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_9_classnames__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_10_rc_animate_es_CSSMotion__ = __webpack_require__(557);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_11_rc_util_es_Children_toArray__ = __webpack_require__(71);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_12_react_lifecycles_compat__ = __webpack_require__(13);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_13__contextTypes__ = __webpack_require__(559);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_14__util__ = __webpack_require__(206);
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- var ICON_OPEN = 'open';
- var ICON_CLOSE = 'close';
-
- var defaultTitle = '---';
-
- var TreeNode = function (_React$Component) {
- __WEBPACK_IMPORTED_MODULE_6_babel_runtime_helpers_inherits___default()(TreeNode, _React$Component);
-
- function TreeNode(props) {
- __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_classCallCheck___default()(this, TreeNode);
-
- var _this = __WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_possibleConstructorReturn___default()(this, (TreeNode.__proto__ || Object.getPrototypeOf(TreeNode)).call(this, props));
-
- _initialiseProps.call(_this);
-
- _this.state = {
- dragNodeHighlight: false
- };
- return _this;
- }
-
- __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_createClass___default()(TreeNode, [{
- key: 'getChildContext',
- value: function getChildContext() {
- return __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_extends___default()({}, this.context, {
- rcTreeNode: {
- // onUpCheckConduct: this.onUpCheckConduct,
- }
- });
- }
-
- // Isomorphic needn't load data in server side
-
- }, {
- key: 'componentDidMount',
- value: function componentDidMount() {
- var eventKey = this.props.eventKey;
- var registerTreeNode = this.context.rcTree.registerTreeNode;
-
-
- this.syncLoadData(this.props);
-
- registerTreeNode(eventKey, this);
- }
- }, {
- key: 'componentDidUpdate',
- value: function componentDidUpdate() {
- this.syncLoadData(this.props);
- }
- }, {
- key: 'componentWillUnmount',
- value: function componentWillUnmount() {
- var eventKey = this.props.eventKey;
- var registerTreeNode = this.context.rcTree.registerTreeNode;
-
- registerTreeNode(eventKey, null);
- }
-
- // Disabled item still can be switch
-
-
- // Drag usage
-
- }, {
- key: 'isSelectable',
- value: function isSelectable() {
- var selectable = this.props.selectable;
- var treeSelectable = this.context.rcTree.selectable;
-
- // Ignore when selectable is undefined or null
-
- if (typeof selectable === 'boolean') {
- return selectable;
- }
-
- return treeSelectable;
- }
-
- // Load data to avoid default expanded tree without data
-
-
- // Switcher
-
-
- // Checkbox
-
-
- // Icon + Title
-
-
- // Children list wrapped with `Animation`
-
- }, {
- key: 'render',
- value: function render() {
- var _classNames;
-
- var loading = this.props.loading;
-
- var _props = this.props,
- className = _props.className,
- style = _props.style,
- dragOver = _props.dragOver,
- dragOverGapTop = _props.dragOverGapTop,
- dragOverGapBottom = _props.dragOverGapBottom,
- isLeaf = _props.isLeaf,
- expanded = _props.expanded,
- selected = _props.selected,
- checked = _props.checked,
- halfChecked = _props.halfChecked,
- otherProps = __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_objectWithoutProperties___default()(_props, ['className', 'style', 'dragOver', 'dragOverGapTop', 'dragOverGapBottom', 'isLeaf', 'expanded', 'selected', 'checked', 'halfChecked']);
-
- var _context$rcTree = this.context.rcTree,
- prefixCls = _context$rcTree.prefixCls,
- filterTreeNode = _context$rcTree.filterTreeNode,
- draggable = _context$rcTree.draggable;
-
- var disabled = this.isDisabled();
- var dataOrAriaAttributeProps = Object(__WEBPACK_IMPORTED_MODULE_14__util__["i" /* getDataAndAria */])(otherProps);
-
- return __WEBPACK_IMPORTED_MODULE_7_react___default.a.createElement(
- 'li',
- __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_extends___default()({
- className: __WEBPACK_IMPORTED_MODULE_9_classnames___default()(className, (_classNames = {}, __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_defineProperty___default()(_classNames, prefixCls + '-treenode-disabled', disabled), __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_defineProperty___default()(_classNames, prefixCls + '-treenode-switcher-' + (expanded ? 'open' : 'close'), !isLeaf), __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_defineProperty___default()(_classNames, prefixCls + '-treenode-checkbox-checked', checked), __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_defineProperty___default()(_classNames, prefixCls + '-treenode-checkbox-indeterminate', halfChecked), __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_defineProperty___default()(_classNames, prefixCls + '-treenode-selected', selected), __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_defineProperty___default()(_classNames, prefixCls + '-treenode-loading', loading), __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_defineProperty___default()(_classNames, 'drag-over', !disabled && dragOver), __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_defineProperty___default()(_classNames, 'drag-over-gap-top', !disabled && dragOverGapTop), __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_defineProperty___default()(_classNames, 'drag-over-gap-bottom', !disabled && dragOverGapBottom), __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_defineProperty___default()(_classNames, 'filter-node', filterTreeNode && filterTreeNode(this)), _classNames)),
-
- style: style,
-
- role: 'treeitem',
-
- onDragEnter: draggable ? this.onDragEnter : undefined,
- onDragOver: draggable ? this.onDragOver : undefined,
- onDragLeave: draggable ? this.onDragLeave : undefined,
- onDrop: draggable ? this.onDrop : undefined,
- onDragEnd: draggable ? this.onDragEnd : undefined
- }, dataOrAriaAttributeProps),
- this.renderSwitcher(),
- this.renderCheckbox(),
- this.renderSelector(),
- this.renderChildren()
- );
- }
- }]);
-
- return TreeNode;
- }(__WEBPACK_IMPORTED_MODULE_7_react___default.a.Component);
-
- TreeNode.propTypes = {
- eventKey: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.string, // Pass by parent `cloneElement`
- prefixCls: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.string,
- className: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.string,
- style: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.object,
- root: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.object,
- onSelect: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.func,
-
- // By parent
- expanded: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.bool,
- selected: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.bool,
- checked: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.bool,
- loaded: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.bool,
- loading: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.bool,
- halfChecked: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.bool,
- children: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.node,
- title: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.node,
- pos: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.string,
- dragOver: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.bool,
- dragOverGapTop: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.bool,
- dragOverGapBottom: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.bool,
-
- // By user
- isLeaf: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.bool,
- selectable: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.bool,
- disabled: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.bool,
- disableCheckbox: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.bool,
- icon: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.node, __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.func]),
- switcherIcon: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.node, __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.func])
- };
- TreeNode.contextTypes = __WEBPACK_IMPORTED_MODULE_13__contextTypes__["a" /* nodeContextTypes */];
- TreeNode.childContextTypes = __WEBPACK_IMPORTED_MODULE_13__contextTypes__["a" /* nodeContextTypes */];
- TreeNode.defaultProps = {
- title: defaultTitle
- };
-
- var _initialiseProps = function _initialiseProps() {
- var _this2 = this;
-
- this.onSelectorClick = function (e) {
- // Click trigger before select/check operation
- var onNodeClick = _this2.context.rcTree.onNodeClick;
-
- onNodeClick(e, _this2);
-
- if (_this2.isSelectable()) {
- _this2.onSelect(e);
- } else {
- _this2.onCheck(e);
- }
- };
-
- this.onSelectorDoubleClick = function (e) {
- var onNodeDoubleClick = _this2.context.rcTree.onNodeDoubleClick;
-
- onNodeDoubleClick(e, _this2);
- };
-
- this.onSelect = function (e) {
- if (_this2.isDisabled()) return;
-
- var onNodeSelect = _this2.context.rcTree.onNodeSelect;
-
- e.preventDefault();
- onNodeSelect(e, _this2);
- };
-
- this.onCheck = function (e) {
- if (_this2.isDisabled()) return;
-
- var _props2 = _this2.props,
- disableCheckbox = _props2.disableCheckbox,
- checked = _props2.checked;
- var _context$rcTree2 = _this2.context.rcTree,
- checkable = _context$rcTree2.checkable,
- onNodeCheck = _context$rcTree2.onNodeCheck;
-
-
- if (!checkable || disableCheckbox) return;
-
- e.preventDefault();
- var targetChecked = !checked;
- onNodeCheck(e, _this2, targetChecked);
- };
-
- this.onMouseEnter = function (e) {
- var onNodeMouseEnter = _this2.context.rcTree.onNodeMouseEnter;
-
- onNodeMouseEnter(e, _this2);
- };
-
- this.onMouseLeave = function (e) {
- var onNodeMouseLeave = _this2.context.rcTree.onNodeMouseLeave;
-
- onNodeMouseLeave(e, _this2);
- };
-
- this.onContextMenu = function (e) {
- var onNodeContextMenu = _this2.context.rcTree.onNodeContextMenu;
-
- onNodeContextMenu(e, _this2);
- };
-
- this.onDragStart = function (e) {
- var onNodeDragStart = _this2.context.rcTree.onNodeDragStart;
-
-
- e.stopPropagation();
- _this2.setState({
- dragNodeHighlight: true
- });
- onNodeDragStart(e, _this2);
-
- try {
- // ie throw error
- // firefox-need-it
- e.dataTransfer.setData('text/plain', '');
- } catch (error) {
- // empty
- }
- };
-
- this.onDragEnter = function (e) {
- var onNodeDragEnter = _this2.context.rcTree.onNodeDragEnter;
-
-
- e.preventDefault();
- e.stopPropagation();
- onNodeDragEnter(e, _this2);
- };
-
- this.onDragOver = function (e) {
- var onNodeDragOver = _this2.context.rcTree.onNodeDragOver;
-
-
- e.preventDefault();
- e.stopPropagation();
- onNodeDragOver(e, _this2);
- };
-
- this.onDragLeave = function (e) {
- var onNodeDragLeave = _this2.context.rcTree.onNodeDragLeave;
-
-
- e.stopPropagation();
- onNodeDragLeave(e, _this2);
- };
-
- this.onDragEnd = function (e) {
- var onNodeDragEnd = _this2.context.rcTree.onNodeDragEnd;
-
-
- e.stopPropagation();
- _this2.setState({
- dragNodeHighlight: false
- });
- onNodeDragEnd(e, _this2);
- };
-
- this.onDrop = function (e) {
- var onNodeDrop = _this2.context.rcTree.onNodeDrop;
-
-
- e.preventDefault();
- e.stopPropagation();
- _this2.setState({
- dragNodeHighlight: false
- });
- onNodeDrop(e, _this2);
- };
-
- this.onExpand = function (e) {
- var onNodeExpand = _this2.context.rcTree.onNodeExpand;
-
- onNodeExpand(e, _this2);
- };
-
- this.setSelectHandle = function (node) {
- _this2.selectHandle = node;
- };
-
- this.getNodeChildren = function () {
- var children = _this2.props.children;
-
- var originList = Object(__WEBPACK_IMPORTED_MODULE_11_rc_util_es_Children_toArray__["a" /* default */])(children).filter(function (node) {
- return node;
- });
- var targetList = Object(__WEBPACK_IMPORTED_MODULE_14__util__["k" /* getNodeChildren */])(originList);
-
- if (originList.length !== targetList.length) {
- Object(__WEBPACK_IMPORTED_MODULE_14__util__["p" /* warnOnlyTreeNode */])();
- }
-
- return targetList;
- };
-
- this.getNodeState = function () {
- var expanded = _this2.props.expanded;
-
-
- if (_this2.isLeaf()) {
- return null;
- }
-
- return expanded ? ICON_OPEN : ICON_CLOSE;
- };
-
- this.isLeaf = function () {
- var _props3 = _this2.props,
- isLeaf = _props3.isLeaf,
- loaded = _props3.loaded;
- var loadData = _this2.context.rcTree.loadData;
-
-
- var hasChildren = _this2.getNodeChildren().length !== 0;
-
- if (isLeaf === false) {
- return false;
- }
-
- return isLeaf || !loadData && !hasChildren || loadData && loaded && !hasChildren;
- };
-
- this.isDisabled = function () {
- var disabled = _this2.props.disabled;
- var treeDisabled = _this2.context.rcTree.disabled;
-
- // Follow the logic of Selectable
-
- if (disabled === false) {
- return false;
- }
-
- return !!(treeDisabled || disabled);
- };
-
- this.syncLoadData = function (props) {
- var expanded = props.expanded,
- loading = props.loading,
- loaded = props.loaded;
- var _context$rcTree3 = _this2.context.rcTree,
- loadData = _context$rcTree3.loadData,
- onNodeLoad = _context$rcTree3.onNodeLoad;
-
-
- if (loading) return;
-
- // read from state to avoid loadData at same time
- if (loadData && expanded && !_this2.isLeaf()) {
- // We needn't reload data when has children in sync logic
- // It's only needed in node expanded
- var hasChildren = _this2.getNodeChildren().length !== 0;
- if (!hasChildren && !loaded) {
- onNodeLoad(_this2);
- }
- }
- };
-
- this.renderSwitcher = function () {
- var _props4 = _this2.props,
- expanded = _props4.expanded,
- switcherIconFromProps = _props4.switcherIcon;
- var _context$rcTree4 = _this2.context.rcTree,
- prefixCls = _context$rcTree4.prefixCls,
- switcherIconFromCtx = _context$rcTree4.switcherIcon;
-
-
- var switcherIcon = switcherIconFromProps || switcherIconFromCtx;
-
- if (_this2.isLeaf()) {
- return __WEBPACK_IMPORTED_MODULE_7_react___default.a.createElement(
- 'span',
- { className: __WEBPACK_IMPORTED_MODULE_9_classnames___default()(prefixCls + '-switcher', prefixCls + '-switcher-noop') },
- typeof switcherIcon === 'function' ? switcherIcon(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_extends___default()({}, _this2.props, { isLeaf: true })) : switcherIcon
- );
- }
-
- var switcherCls = __WEBPACK_IMPORTED_MODULE_9_classnames___default()(prefixCls + '-switcher', prefixCls + '-switcher_' + (expanded ? ICON_OPEN : ICON_CLOSE));
- return __WEBPACK_IMPORTED_MODULE_7_react___default.a.createElement(
- 'span',
- { onClick: _this2.onExpand, className: switcherCls },
- typeof switcherIcon === 'function' ? switcherIcon(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_extends___default()({}, _this2.props, { isLeaf: false })) : switcherIcon
- );
- };
-
- this.renderCheckbox = function () {
- var _props5 = _this2.props,
- checked = _props5.checked,
- halfChecked = _props5.halfChecked,
- disableCheckbox = _props5.disableCheckbox;
- var _context$rcTree5 = _this2.context.rcTree,
- prefixCls = _context$rcTree5.prefixCls,
- checkable = _context$rcTree5.checkable;
-
- var disabled = _this2.isDisabled();
-
- if (!checkable) return null;
-
- // [Legacy] Custom element should be separate with `checkable` in future
- var $custom = typeof checkable !== 'boolean' ? checkable : null;
-
- return __WEBPACK_IMPORTED_MODULE_7_react___default.a.createElement(
- 'span',
- {
- className: __WEBPACK_IMPORTED_MODULE_9_classnames___default()(prefixCls + '-checkbox', checked && prefixCls + '-checkbox-checked', !checked && halfChecked && prefixCls + '-checkbox-indeterminate', (disabled || disableCheckbox) && prefixCls + '-checkbox-disabled'),
- onClick: _this2.onCheck
- },
- $custom
- );
- };
-
- this.renderIcon = function () {
- var loading = _this2.props.loading;
- var prefixCls = _this2.context.rcTree.prefixCls;
-
-
- return __WEBPACK_IMPORTED_MODULE_7_react___default.a.createElement('span', {
- className: __WEBPACK_IMPORTED_MODULE_9_classnames___default()(prefixCls + '-iconEle', prefixCls + '-icon__' + (_this2.getNodeState() || 'docu'), loading && prefixCls + '-icon_loading')
- });
- };
-
- this.renderSelector = function () {
- var dragNodeHighlight = _this2.state.dragNodeHighlight;
- var _props6 = _this2.props,
- title = _props6.title,
- selected = _props6.selected,
- icon = _props6.icon,
- loading = _props6.loading;
- var _context$rcTree6 = _this2.context.rcTree,
- prefixCls = _context$rcTree6.prefixCls,
- showIcon = _context$rcTree6.showIcon,
- treeIcon = _context$rcTree6.icon,
- draggable = _context$rcTree6.draggable,
- loadData = _context$rcTree6.loadData;
-
- var disabled = _this2.isDisabled();
-
- var wrapClass = prefixCls + '-node-content-wrapper';
-
- // Icon - Still show loading icon when loading without showIcon
- var $icon = void 0;
-
- if (showIcon) {
- var currentIcon = icon || treeIcon;
-
- $icon = currentIcon ? __WEBPACK_IMPORTED_MODULE_7_react___default.a.createElement(
- 'span',
- {
- className: __WEBPACK_IMPORTED_MODULE_9_classnames___default()(prefixCls + '-iconEle', prefixCls + '-icon__customize')
- },
- typeof currentIcon === 'function' ? __WEBPACK_IMPORTED_MODULE_7_react___default.a.createElement(currentIcon, __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_extends___default()({}, _this2.props)) : currentIcon
- ) : _this2.renderIcon();
- } else if (loadData && loading) {
- $icon = _this2.renderIcon();
- }
-
- // Title
- var $title = __WEBPACK_IMPORTED_MODULE_7_react___default.a.createElement(
- 'span',
- { className: prefixCls + '-title' },
- title
- );
-
- return __WEBPACK_IMPORTED_MODULE_7_react___default.a.createElement(
- 'span',
- {
- ref: _this2.setSelectHandle,
- title: typeof title === 'string' ? title : '',
- className: __WEBPACK_IMPORTED_MODULE_9_classnames___default()('' + wrapClass, wrapClass + '-' + (_this2.getNodeState() || 'normal'), !disabled && (selected || dragNodeHighlight) && prefixCls + '-node-selected', !disabled && draggable && 'draggable'),
- draggable: !disabled && draggable || undefined,
- 'aria-grabbed': !disabled && draggable || undefined,
-
- onMouseEnter: _this2.onMouseEnter,
- onMouseLeave: _this2.onMouseLeave,
- onContextMenu: _this2.onContextMenu,
- onClick: _this2.onSelectorClick,
- onDoubleClick: _this2.onSelectorDoubleClick,
- onDragStart: draggable ? _this2.onDragStart : undefined
- },
- $icon,
- $title
- );
- };
-
- this.renderChildren = function () {
- var _props7 = _this2.props,
- expanded = _props7.expanded,
- pos = _props7.pos;
- var _context$rcTree7 = _this2.context.rcTree,
- prefixCls = _context$rcTree7.prefixCls,
- motion = _context$rcTree7.motion,
- renderTreeNode = _context$rcTree7.renderTreeNode;
-
- // Children TreeNode
-
- var nodeList = _this2.getNodeChildren();
-
- if (nodeList.length === 0) {
- return null;
- }
- return __WEBPACK_IMPORTED_MODULE_7_react___default.a.createElement(
- __WEBPACK_IMPORTED_MODULE_10_rc_animate_es_CSSMotion__["a" /* default */],
- __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_extends___default()({ visible: expanded }, motion),
- function (_ref) {
- var style = _ref.style,
- className = _ref.className;
-
- return __WEBPACK_IMPORTED_MODULE_7_react___default.a.createElement(
- 'ul',
- {
- className: __WEBPACK_IMPORTED_MODULE_9_classnames___default()(className, prefixCls + '-child-tree', expanded && prefixCls + '-child-tree-open'),
- style: style,
- 'data-expanded': expanded,
- role: 'group'
- },
- Object(__WEBPACK_IMPORTED_MODULE_14__util__["m" /* mapChildren */])(nodeList, function (node, index) {
- return renderTreeNode(node, index, pos);
- })
- );
- }
- );
- };
- };
-
- TreeNode.isTreeNode = 1;
-
- Object(__WEBPACK_IMPORTED_MODULE_12_react_lifecycles_compat__["polyfill"])(TreeNode);
-
- /* harmony default export */ __webpack_exports__["a"] = (TreeNode);
-
- /***/ }),
- /* 557 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* unused harmony export genCSSMotion */
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_defineProperty__ = __webpack_require__(43);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_defineProperty___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_defineProperty__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends__ = __webpack_require__(8);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_classCallCheck__ = __webpack_require__(5);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_classCallCheck__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_createClass__ = __webpack_require__(23);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_createClass___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_createClass__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(6);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_inherits__ = __webpack_require__(7);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_inherits__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6_react__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_react_dom__ = __webpack_require__(3);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_react_dom___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_7_react_dom__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_prop_types__ = __webpack_require__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_8_prop_types__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_react_lifecycles_compat__ = __webpack_require__(13);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_10_classnames__ = __webpack_require__(2);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_10_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_10_classnames__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_11_raf__ = __webpack_require__(25);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_11_raf___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_11_raf__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__util_motion__ = __webpack_require__(558);
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- var STATUS_NONE = 'none';
- var STATUS_APPEAR = 'appear';
- var STATUS_ENTER = 'enter';
- var STATUS_LEAVE = 'leave';
-
- /**
- * `transitionSupport` is used for none transition test case.
- * Default we use browser transition event support check.
- */
- function genCSSMotion(transitionSupport) {
- function isSupportTransition(props) {
- return !!(props.motionName && transitionSupport);
- }
-
- var CSSMotion = function (_React$Component) {
- __WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_inherits___default()(CSSMotion, _React$Component);
-
- function CSSMotion() {
- __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_classCallCheck___default()(this, CSSMotion);
-
- var _this = __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn___default()(this, (CSSMotion.__proto__ || Object.getPrototypeOf(CSSMotion)).call(this));
-
- _this.onDomUpdate = function () {
- var _this$state = _this.state,
- status = _this$state.status,
- newStatus = _this$state.newStatus;
- var _this$props = _this.props,
- onAppearStart = _this$props.onAppearStart,
- onEnterStart = _this$props.onEnterStart,
- onLeaveStart = _this$props.onLeaveStart,
- onAppearActive = _this$props.onAppearActive,
- onEnterActive = _this$props.onEnterActive,
- onLeaveActive = _this$props.onLeaveActive,
- motionAppear = _this$props.motionAppear,
- motionEnter = _this$props.motionEnter,
- motionLeave = _this$props.motionLeave;
-
-
- if (!isSupportTransition(_this.props)) {
- return;
- }
-
- // Event injection
- var $ele = __WEBPACK_IMPORTED_MODULE_7_react_dom___default.a.findDOMNode(_this);
- if (_this.$ele !== $ele) {
- _this.removeEventListener(_this.$ele);
- _this.addEventListener($ele);
- _this.$ele = $ele;
- }
-
- // Init status
- if (newStatus && status === STATUS_APPEAR && motionAppear) {
- _this.updateStatus(onAppearStart, null, null, function () {
- _this.updateActiveStatus(onAppearActive, STATUS_APPEAR);
- });
- } else if (newStatus && status === STATUS_ENTER && motionEnter) {
- _this.updateStatus(onEnterStart, null, null, function () {
- _this.updateActiveStatus(onEnterActive, STATUS_ENTER);
- });
- } else if (newStatus && status === STATUS_LEAVE && motionLeave) {
- _this.updateStatus(onLeaveStart, null, null, function () {
- _this.updateActiveStatus(onLeaveActive, STATUS_LEAVE);
- });
- }
- };
-
- _this.onMotionEnd = function (event) {
- var _this$state2 = _this.state,
- status = _this$state2.status,
- statusActive = _this$state2.statusActive;
- var _this$props2 = _this.props,
- onAppearEnd = _this$props2.onAppearEnd,
- onEnterEnd = _this$props2.onEnterEnd,
- onLeaveEnd = _this$props2.onLeaveEnd;
-
- if (status === STATUS_APPEAR && statusActive) {
- _this.updateStatus(onAppearEnd, { status: STATUS_NONE }, event);
- } else if (status === STATUS_ENTER && statusActive) {
- _this.updateStatus(onEnterEnd, { status: STATUS_NONE }, event);
- } else if (status === STATUS_LEAVE && statusActive) {
- _this.updateStatus(onLeaveEnd, { status: STATUS_NONE }, event);
- }
- };
-
- _this.addEventListener = function ($ele) {
- if (!$ele) return;
-
- $ele.addEventListener(__WEBPACK_IMPORTED_MODULE_12__util_motion__["d" /* transitionEndName */], _this.onMotionEnd);
- $ele.addEventListener(__WEBPACK_IMPORTED_MODULE_12__util_motion__["a" /* animationEndName */], _this.onMotionEnd);
- };
-
- _this.removeEventListener = function ($ele) {
- if (!$ele) return;
-
- $ele.removeEventListener(__WEBPACK_IMPORTED_MODULE_12__util_motion__["d" /* transitionEndName */], _this.onMotionEnd);
- $ele.removeEventListener(__WEBPACK_IMPORTED_MODULE_12__util_motion__["a" /* animationEndName */], _this.onMotionEnd);
- };
-
- _this.updateStatus = function (styleFunc, additionalState, event, callback) {
- var statusStyle = styleFunc ? styleFunc(__WEBPACK_IMPORTED_MODULE_7_react_dom___default.a.findDOMNode(_this), event) : null;
-
- if (statusStyle === false || _this._destroyed) return;
-
- var nextStep = void 0;
- if (callback) {
- nextStep = function nextStep() {
- _this.nextFrame(callback);
- };
- }
-
- _this.setState(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends___default()({
- statusStyle: typeof statusStyle === 'object' ? statusStyle : null,
- newStatus: false
- }, additionalState), nextStep); // Trigger before next frame & after `componentDidMount`
- };
-
- _this.updateActiveStatus = function (styleFunc, currentStatus) {
- // `setState` use `postMessage` to trigger at the end of frame.
- // Let's use requestAnimationFrame to update new state in next frame.
- _this.nextFrame(function () {
- var status = _this.state.status;
-
- if (status !== currentStatus) return;
-
- _this.updateStatus(styleFunc, { statusActive: true });
- });
- };
-
- _this.nextFrame = function (func) {
- _this.cancelNextFrame();
- _this.raf = __WEBPACK_IMPORTED_MODULE_11_raf___default()(func);
- };
-
- _this.cancelNextFrame = function () {
- if (_this.raf) {
- __WEBPACK_IMPORTED_MODULE_11_raf___default.a.cancel(_this.raf);
- _this.raf = null;
- }
- };
-
- _this.state = {
- status: STATUS_NONE,
- statusActive: false,
- newStatus: false,
- statusStyle: null
- };
- _this.$ele = null;
- _this.raf = null;
- return _this;
- }
-
- __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_createClass___default()(CSSMotion, [{
- key: 'componentDidMount',
- value: function componentDidMount() {
- this.onDomUpdate();
- }
- }, {
- key: 'componentDidUpdate',
- value: function componentDidUpdate() {
- this.onDomUpdate();
- }
- }, {
- key: 'componentWillUnmount',
- value: function componentWillUnmount() {
- this._destroyed = true;
- this.removeEventListener(this.$ele);
- this.cancelNextFrame();
- }
- }, {
- key: 'render',
- value: function render() {
- var _classNames;
-
- var _state = this.state,
- status = _state.status,
- statusActive = _state.statusActive,
- statusStyle = _state.statusStyle;
- var _props = this.props,
- children = _props.children,
- motionName = _props.motionName,
- visible = _props.visible,
- removeOnLeave = _props.removeOnLeave,
- leavedClassName = _props.leavedClassName,
- eventProps = _props.eventProps;
-
-
- if (!children) return null;
-
- if (status === STATUS_NONE || !isSupportTransition(this.props)) {
- if (visible) {
- return children(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends___default()({}, eventProps));
- } else if (!removeOnLeave) {
- return children(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends___default()({}, eventProps, { className: leavedClassName }));
- }
-
- return null;
- }
-
- return children(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends___default()({}, eventProps, {
- className: __WEBPACK_IMPORTED_MODULE_10_classnames___default()((_classNames = {}, __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_defineProperty___default()(_classNames, Object(__WEBPACK_IMPORTED_MODULE_12__util_motion__["b" /* getTransitionName */])(motionName, status), status !== STATUS_NONE), __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_defineProperty___default()(_classNames, Object(__WEBPACK_IMPORTED_MODULE_12__util_motion__["b" /* getTransitionName */])(motionName, status + '-active'), status !== STATUS_NONE && statusActive), __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_defineProperty___default()(_classNames, motionName, typeof motionName === 'string'), _classNames)),
- style: statusStyle
- }));
- }
- }], [{
- key: 'getDerivedStateFromProps',
- value: function getDerivedStateFromProps(props, _ref) {
- var prevProps = _ref.prevProps;
-
- if (!isSupportTransition(props)) return {};
-
- var visible = props.visible,
- motionAppear = props.motionAppear,
- motionEnter = props.motionEnter,
- motionLeave = props.motionLeave,
- motionLeaveImmediately = props.motionLeaveImmediately;
-
- var newState = {
- prevProps: props
- };
-
- // Appear
- if (!prevProps && visible && motionAppear) {
- newState.status = STATUS_APPEAR;
- newState.statusActive = false;
- newState.newStatus = true;
- }
-
- // Enter
- if (prevProps && !prevProps.visible && visible && motionEnter) {
- newState.status = STATUS_ENTER;
- newState.statusActive = false;
- newState.newStatus = true;
- }
-
- // Leave
- if (prevProps && prevProps.visible && !visible && motionLeave || !prevProps && motionLeaveImmediately && !visible && motionLeave) {
- newState.status = STATUS_LEAVE;
- newState.statusActive = false;
- newState.newStatus = true;
- }
-
- return newState;
- }
- }]);
-
- return CSSMotion;
- }(__WEBPACK_IMPORTED_MODULE_6_react___default.a.Component);
-
- CSSMotion.propTypes = {
- eventProps: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.object, // Internal usage. Only pass by CSSMotionList
- visible: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.bool,
- children: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.func,
- motionName: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.string, __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.object]),
- motionAppear: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.bool,
- motionEnter: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.bool,
- motionLeave: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.bool,
- motionLeaveImmediately: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.bool, // Trigger leave motion immediately
- removeOnLeave: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.bool,
- leavedClassName: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.string,
- onAppearStart: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.func,
- onAppearActive: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.func,
- onAppearEnd: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.func,
- onEnterStart: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.func,
- onEnterActive: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.func,
- onEnterEnd: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.func,
- onLeaveStart: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.func,
- onLeaveActive: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.func,
- onLeaveEnd: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.func
- };
- CSSMotion.defaultProps = {
- visible: true,
- motionEnter: true,
- motionAppear: true,
- motionLeave: true,
- removeOnLeave: true
- };
-
-
- Object(__WEBPACK_IMPORTED_MODULE_9_react_lifecycles_compat__["polyfill"])(CSSMotion);
-
- return CSSMotion;
- }
-
- /* harmony default export */ __webpack_exports__["a"] = (genCSSMotion(__WEBPACK_IMPORTED_MODULE_12__util_motion__["c" /* supportTransition */]));
-
- /***/ }),
- /* 558 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* unused harmony export getVendorPrefixes */
- /* unused harmony export getVendorPrefixedEventName */
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return animationEndName; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return transitionEndName; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return supportTransition; });
- /* harmony export (immutable) */ __webpack_exports__["b"] = getTransitionName;
- var canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
-
- // ================= Transition =================
- // Event wrapper. Copy from react source code
- function makePrefixMap(styleProp, eventName) {
- var prefixes = {};
-
- prefixes[styleProp.toLowerCase()] = eventName.toLowerCase();
- prefixes['Webkit' + styleProp] = 'webkit' + eventName;
- prefixes['Moz' + styleProp] = 'moz' + eventName;
- prefixes['ms' + styleProp] = 'MS' + eventName;
- prefixes['O' + styleProp] = 'o' + eventName.toLowerCase();
-
- return prefixes;
- }
-
- function getVendorPrefixes(domSupport, win) {
- var prefixes = {
- animationend: makePrefixMap('Animation', 'AnimationEnd'),
- transitionend: makePrefixMap('Transition', 'TransitionEnd')
- };
-
- if (domSupport) {
- if (!('AnimationEvent' in win)) {
- delete prefixes.animationend.animation;
- }
-
- if (!('TransitionEvent' in win)) {
- delete prefixes.transitionend.transition;
- }
- }
-
- return prefixes;
- }
-
- var vendorPrefixes = getVendorPrefixes(canUseDOM, typeof window !== 'undefined' ? window : {});
-
- var style = {};
-
- if (canUseDOM) {
- style = document.createElement('div').style;
- }
-
- var prefixedEventNames = {};
-
- function getVendorPrefixedEventName(eventName) {
- if (prefixedEventNames[eventName]) {
- return prefixedEventNames[eventName];
- }
-
- var prefixMap = vendorPrefixes[eventName];
-
- if (prefixMap) {
- var stylePropList = Object.keys(prefixMap);
- var len = stylePropList.length;
- for (var i = 0; i < len; i += 1) {
- var styleProp = stylePropList[i];
- if (Object.prototype.hasOwnProperty.call(prefixMap, styleProp) && styleProp in style) {
- prefixedEventNames[eventName] = prefixMap[styleProp];
- return prefixedEventNames[eventName];
- }
- }
- }
-
- return '';
- }
-
- var animationEndName = getVendorPrefixedEventName('animationend');
- var transitionEndName = getVendorPrefixedEventName('transitionend');
- var supportTransition = !!(animationEndName && transitionEndName);
-
- function getTransitionName(transitionName, transitionType) {
- if (!transitionName) return null;
-
- if (typeof transitionName === 'object') {
- var type = transitionType.replace(/-\w/g, function (match) {
- return match[1].toUpperCase();
- });
- return transitionName[type];
- }
-
- return transitionName + '-' + transitionType;
- }
-
- /***/ }),
- /* 559 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return treeContextTypes; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return nodeContextTypes; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__ = __webpack_require__(8);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types__ = __webpack_require__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_prop_types__);
-
- /**
- * Webpack has bug for import loop, which is not the same behavior as ES module.
- * When util.js imports the TreeNode for tree generate will cause treeContextTypes be empty.
- */
-
-
-
- /**
- * Thought we still use `cloneElement` to pass `key`,
- * other props can pass with context for future refactor.
- */
- var treeContextTypes = {
- rcTree: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.shape({
- root: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.object,
-
- prefixCls: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.string,
- selectable: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,
- showIcon: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,
- icon: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.node, __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func]),
- draggable: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,
- checkable: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool, __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.node]),
- checkStrictly: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,
- disabled: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,
- openTransitionName: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.string,
- openAnimation: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.string, __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.object]),
-
- loadData: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,
- filterTreeNode: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,
- renderTreeNode: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,
-
- isKeyChecked: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,
-
- onNodeClick: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,
- onNodeDoubleClick: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,
- onNodeExpand: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,
- onNodeSelect: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,
- onNodeCheck: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,
- onNodeMouseEnter: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,
- onNodeMouseLeave: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,
- onNodeContextMenu: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,
- onNodeDragStart: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,
- onNodeDragEnter: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,
- onNodeDragOver: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,
- onNodeDragLeave: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,
- onNodeDragEnd: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,
- onNodeDrop: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func
-
- // TODO: Remove this
- // onBatchNodeCheck: PropTypes.func,
- // onCheckConductFinished: PropTypes.func,
-
- // Tree will store the entities when the treeNode refresh.
- // User can pass the func to add more info to customize the additional info.
- // processTreeEntity: PropTypes.func,
- })
- };
-
- var nodeContextTypes = __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default()({}, treeContextTypes, {
- rcTreeNode: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.shape({
- onUpCheckConduct: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func
- })
- });
-
- /***/ }),
- /* 560 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__Tree__ = __webpack_require__(1747);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__TreeNode__ = __webpack_require__(556);
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_1__TreeNode__["a"]; });
-
-
-
- __WEBPACK_IMPORTED_MODULE_0__Tree__["a" /* default */].TreeNode = __WEBPACK_IMPORTED_MODULE_1__TreeNode__["a" /* default */];
-
-
- /* harmony default export */ __webpack_exports__["b"] = (__WEBPACK_IMPORTED_MODULE_0__Tree__["a" /* default */]);
-
- /***/ }),
- /* 561 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* unused harmony export searchContextTypes */
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types__ = __webpack_require__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_prop_types__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react_lifecycles_compat__ = __webpack_require__(13);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__util__ = __webpack_require__(32);
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
-
- 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 _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
- 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); }
-
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
- /**
- * Since search box is in different position with different mode.
- * - Single: in the popup box
- * - multiple: in the selector
- * Move the code as a SearchInput for easy management.
- */
-
-
-
-
- var searchContextTypes = {
- onSearchInputChange: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func.isRequired
- };
-
- var SearchInput =
- /*#__PURE__*/
- function (_React$Component) {
- _inherits(SearchInput, _React$Component);
-
- function SearchInput() {
- var _this;
-
- _classCallCheck(this, SearchInput);
-
- _this = _possibleConstructorReturn(this, _getPrototypeOf(SearchInput).call(this));
-
- _defineProperty(_assertThisInitialized(_this), "alignInputWidth", function () {
- _this.inputRef.current.style.width = "".concat(_this.mirrorInputRef.current.clientWidth, "px");
- });
-
- _defineProperty(_assertThisInitialized(_this), "focus", function (isDidMount) {
- if (_this.inputRef.current) {
- _this.inputRef.current.focus();
-
- if (isDidMount) {
- setTimeout(function () {
- _this.inputRef.current.focus();
- }, 0);
- }
- }
- });
-
- _defineProperty(_assertThisInitialized(_this), "blur", function () {
- if (_this.inputRef.current) {
- _this.inputRef.current.blur();
- }
- });
-
- _this.inputRef = Object(__WEBPACK_IMPORTED_MODULE_3__util__["g" /* createRef */])();
- _this.mirrorInputRef = Object(__WEBPACK_IMPORTED_MODULE_3__util__["g" /* createRef */])();
- return _this;
- }
-
- _createClass(SearchInput, [{
- key: "componentDidMount",
- value: function componentDidMount() {
- var _this$props = this.props,
- open = _this$props.open,
- needAlign = _this$props.needAlign;
-
- if (needAlign) {
- this.alignInputWidth();
- }
-
- if (open) {
- this.focus(true);
- }
- }
- }, {
- key: "componentDidUpdate",
- value: function componentDidUpdate(prevProps) {
- var _this$props2 = this.props,
- open = _this$props2.open,
- searchValue = _this$props2.searchValue,
- needAlign = _this$props2.needAlign;
-
- if (open && prevProps.open !== open) {
- this.focus();
- }
-
- if (needAlign && searchValue !== prevProps.searchValue) {
- this.alignInputWidth();
- }
- }
- /**
- * `scrollWidth` is not correct in IE, do the workaround.
- * ref: https://github.com/react-component/tree-select/issues/65
- */
-
- }, {
- key: "render",
- value: function render() {
- var _this$props3 = this.props,
- searchValue = _this$props3.searchValue,
- prefixCls = _this$props3.prefixCls,
- disabled = _this$props3.disabled,
- renderPlaceholder = _this$props3.renderPlaceholder,
- open = _this$props3.open,
- ariaId = _this$props3.ariaId;
- var _this$context$rcTreeS = this.context.rcTreeSelect,
- onSearchInputChange = _this$context$rcTreeS.onSearchInputChange,
- onSearchInputKeyDown = _this$context$rcTreeS.onSearchInputKeyDown;
- return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement("span", {
- className: "".concat(prefixCls, "-search__field__wrap")
- }, __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement("input", {
- type: "text",
- ref: this.inputRef,
- onChange: onSearchInputChange,
- onKeyDown: onSearchInputKeyDown,
- value: searchValue,
- disabled: disabled,
- className: "".concat(prefixCls, "-search__field"),
- "aria-label": "filter select",
- "aria-autocomplete": "list",
- "aria-controls": open ? ariaId : undefined,
- "aria-multiline": "false"
- }), __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement("span", {
- ref: this.mirrorInputRef,
- className: "".concat(prefixCls, "-search__field__mirror")
- }, searchValue, "\xA0"), renderPlaceholder ? renderPlaceholder() : null);
- }
- }]);
-
- return SearchInput;
- }(__WEBPACK_IMPORTED_MODULE_0_react___default.a.Component);
-
- _defineProperty(SearchInput, "propTypes", {
- open: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,
- searchValue: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.string,
- prefixCls: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.string,
- disabled: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,
- renderPlaceholder: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,
- needAlign: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,
- ariaId: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.string
- });
-
- _defineProperty(SearchInput, "contextTypes", {
- rcTreeSelect: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.shape(_objectSpread({}, searchContextTypes))
- });
-
- Object(__WEBPACK_IMPORTED_MODULE_2_react_lifecycles_compat__["polyfill"])(SearchInput);
- /* harmony default export */ __webpack_exports__["a"] = (SearchInput);
-
- /***/ }),
- /* 562 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* unused harmony export genArrProps */
- /* harmony export (immutable) */ __webpack_exports__["a"] = valueProp;
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_prop_types__ = __webpack_require__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_prop_types__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__util__ = __webpack_require__(32);
-
-
- var internalValProp = __WEBPACK_IMPORTED_MODULE_0_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_0_prop_types___default.a.string, __WEBPACK_IMPORTED_MODULE_0_prop_types___default.a.number]);
- function genArrProps(propType) {
- return __WEBPACK_IMPORTED_MODULE_0_prop_types___default.a.oneOfType([propType, __WEBPACK_IMPORTED_MODULE_0_prop_types___default.a.arrayOf(propType)]);
- }
- /**
- * Origin code check `multiple` is true when `treeCheckStrictly` & `labelInValue`.
- * But in process logic is already cover to array.
- * Check array is not necessary. Let's simplify this check logic.
- */
-
- function valueProp() {
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
- args[_key] = arguments[_key];
- }
-
- var props = args[0],
- propName = args[1],
- Component = args[2];
-
- if (Object(__WEBPACK_IMPORTED_MODULE_1__util__["o" /* isLabelInValue */])(props)) {
- var _err = genArrProps(__WEBPACK_IMPORTED_MODULE_0_prop_types___default.a.shape({
- label: __WEBPACK_IMPORTED_MODULE_0_prop_types___default.a.node,
- value: internalValProp
- })).apply(void 0, args);
-
- if (_err) {
- return new Error("Invalid prop `".concat(propName, "` supplied to `").concat(Component, "`. ") + "You should use { label: string, value: string | number } or [{ label: string, value: string | number }] instead.");
- }
-
- return null;
- }
-
- var err = genArrProps(internalValProp).apply(void 0, args);
-
- if (err) {
- return new Error("Invalid prop `".concat(propName, "` supplied to `").concat(Component, "`. ") + "You should use string or [string] instead.");
- }
-
- return null;
- }
-
- /***/ }),
- /* 563 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_rc_tree__ = __webpack_require__(560);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__propTypes__ = __webpack_require__(562);
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
-
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-
-
-
- /**
- * SelectNode wrapped the tree node.
- * Let's use SelectNode instead of TreeNode
- * since TreeNode is so confuse here.
- */
-
- var SelectNode = function SelectNode(props) {
- return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_1_rc_tree__["a" /* TreeNode */], props);
- };
-
- SelectNode.propTypes = _objectSpread({}, __WEBPACK_IMPORTED_MODULE_1_rc_tree__["a" /* TreeNode */].propTypes, {
- value: __WEBPACK_IMPORTED_MODULE_2__propTypes__["a" /* valueProp */]
- }); // Let Tree trade as TreeNode to reuse this for performance saving.
-
- SelectNode.isTreeNode = 1;
- /* harmony default export */ __webpack_exports__["a"] = (SelectNode);
-
- /***/ }),
- /* 564 */
- /***/ (function(module, exports, __webpack_require__) {
-
- var Button = __webpack_require__(565);
- var Badge = __webpack_require__(568);
- var Alert = __webpack_require__(572);
- var ButtonGroup = __webpack_require__(577);
- var Label = __webpack_require__(583);
- var FormControl = __webpack_require__(587);
- var FormGroup = __webpack_require__(591);
- var Form = __webpack_require__(595);
- var Layout = __webpack_require__(714);
- var InputGroup = __webpack_require__(719);
- var InputNumber = __webpack_require__(725);
- var Checkbox = __webpack_require__(735);
- var Pagination = __webpack_require__(739);
- var ProgressBar = __webpack_require__(831);
- var Radio = __webpack_require__(835);
- var Switch = __webpack_require__(840);
- var Tooltip = __webpack_require__(844);
- var Dropdown = __webpack_require__(879);
- var Panel = __webpack_require__(904);
- var PanelGroup = __webpack_require__(948);
- var SearchPanel = __webpack_require__(282);
- var Transition = __webpack_require__(976);
- var Navbar = __webpack_require__(994);
- var Animate = __webpack_require__(1007);
- var Select = __webpack_require__(1009);
- var Tile = __webpack_require__(1045);
- var Icon = __webpack_require__(1049);
- var Menu = __webpack_require__(1051);
- var Upload = __webpack_require__(1080);
- var Breadcrumb = __webpack_require__(1092);
-
- var Message = __webpack_require__(1097);
- var Notification = __webpack_require__(1127);
- var Popconfirm = __webpack_require__(1129);
- var Modal = __webpack_require__(1155);
- var Tabs = __webpack_require__(1256);
- var Cascader = __webpack_require__(1267);
- var Loading = __webpack_require__(1301);
- var Table = __webpack_require__(1321);
- var Tree = __webpack_require__(1384);
- var Clipboard = __webpack_require__(1403);
-
- var Rate = __webpack_require__(1473);
- var Step = __webpack_require__(1483);
- var Timeline = __webpack_require__(1489);
- var Transfer = __webpack_require__(1493);
- var BackTop = __webpack_require__(1527);
- var Collapse = __webpack_require__(1531);
-
- var Slider = __webpack_require__(1550);
- var AutoComplete = __webpack_require__(1584);
-
- var LoadingState = __webpack_require__(1590);
- var Locale = __webpack_require__(1601);
- var Popover = __webpack_require__(1605);
- var Anchor = __webpack_require__(1629);
- var ColorPicker = __webpack_require__(1634);
- var Tag = __webpack_require__(1711);
- var SearchPanel = __webpack_require__(282);
- var Affix = __webpack_require__(1715);
- var Drawer = __webpack_require__(1720);
- var TreeSelect = __webpack_require__(1729);
- // var Carousel = require('./lib/Carousel');
-
- var TinperBee = {
- version: '2.1.1',
- Slider: Slider,
- AutoComplete: AutoComplete,
- // Carousel:Carousel,
- Button: Button,
- Badge: Badge,
- Alert: Alert,
- ButtonGroup: ButtonGroup,
- Label: Label,
- FormControl: FormControl,
- FormGroup: FormGroup,
- Form: Form,
- InputGroup: InputGroup,
- InputNumber: InputNumber,
- Checkbox: Checkbox,
- Pagination: Pagination,
- ProgressBar: ProgressBar,
- Radio: Radio,
- Switch: Switch,
- Tooltip: Tooltip,
- Con: Layout.Con,
- Row: Layout.Row,
- Col: Layout.Col,
- Dropdown: Dropdown,
- Panel: Panel,
- PanelGroup: PanelGroup,
- Transition: Transition,
- Select: Select,
- Animate: Animate,
- Icon: Icon,
- Menu: Menu,
- Breadcrumb: Breadcrumb,
- Upload: Upload,
- Tile: Tile,
- Navbar: Navbar,
- Message: Message,
- Notification: Notification,
- Popconfirm: Popconfirm,
- Modal: Modal,
- Tabs: Tabs,
- Cascader: Cascader,
- Loading: Loading,
- Table: Table,
- Tree: Tree,
- Clipboard: Clipboard,
- Rate: Rate,
- Step: Step,
- Timeline: Timeline,
- Transfer: Transfer,
- BackTop: BackTop,
- Collapse: Collapse,
- LoadingState: LoadingState,
- Locale: Locale,
- Popover: Popover,
- Anchor:Anchor,
- Tag: Tag,
- ColorPicker: ColorPicker,
- SearchPanel: SearchPanel,
- Affix:Affix,
- Drawer:Drawer,
- TreeSelect:TreeSelect
- }
-
- module.exports = TinperBee;
-
-
- /***/ }),
- /* 565 */
- /***/ (function(module, exports, __webpack_require__) {
-
- __webpack_require__(566);
- module.exports = __webpack_require__(210);
-
-
- /***/ }),
- /* 566 */
- /***/ (function(module, exports) {
-
- // removed by extract-text-webpack-plugin
-
- /***/ }),
- /* 567 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _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; };
-
- var _react = __webpack_require__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- var _reactDom = __webpack_require__(3);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- var _propTypes = __webpack_require__(1);
-
- var _propTypes2 = _interopRequireDefault(_propTypes);
-
- var _classnames = __webpack_require__(2);
-
- var _classnames2 = _interopRequireDefault(_classnames);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
-
- function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
-
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
-
- var propTypes = {
- /**
- * @title 尺寸
- */
- size: _propTypes2["default"].oneOf(['sm', 'md', 'xg', 'lg']),
- /**
- * @title 样式
- */
- style: _propTypes2["default"].object,
- /**
- * @title 形状
- */
- shape: _propTypes2["default"].oneOf(['block', 'round', 'border', 'squared', 'floating', 'pillRight', 'pillLeft', 'icon']),
-
- bordered: _propTypes2["default"].bool,
- /**
- * @title 类型
- */
- colors: _propTypes2["default"].oneOf(['primary', 'secondary', 'accent', 'success', 'info', 'warning', 'danger', 'dark', 'light', 'default']),
- /**
- * @title 是否禁用
- * @veIgnore
- */
- disabled: _propTypes2["default"].bool,
- /**
- * @title 类名
- * @veIgnore
- */
- className: _propTypes2["default"].string,
-
- /**
- * @title