forked from jasder/forgeplus
3380 lines
187 KiB
JavaScript
3380 lines
187 KiB
JavaScript
webpackJsonp([183],{
|
|
|
|
/***/ 1068:
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
|
|
var _defineProperty2 = __webpack_require__(71);
|
|
|
|
var _defineProperty3 = _interopRequireDefault(_defineProperty2);
|
|
|
|
exports.toArray = toArray;
|
|
exports.getActiveIndex = getActiveIndex;
|
|
exports.getActiveKey = getActiveKey;
|
|
exports.setTransform = setTransform;
|
|
exports.isTransform3dSupported = isTransform3dSupported;
|
|
exports.setTransition = setTransition;
|
|
exports.getTransformPropValue = getTransformPropValue;
|
|
exports.isVertical = isVertical;
|
|
exports.getTransformByIndex = getTransformByIndex;
|
|
exports.getMarginStyle = getMarginStyle;
|
|
exports.getStyle = getStyle;
|
|
exports.setPxStyle = setPxStyle;
|
|
exports.getDataAttr = getDataAttr;
|
|
exports.getLeft = getLeft;
|
|
exports.getTop = getTop;
|
|
|
|
var _react = __webpack_require__(0);
|
|
|
|
var _react2 = _interopRequireDefault(_react);
|
|
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
|
|
|
|
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 isTransform3dSupported(style) {
|
|
return ('transform' in style || 'webkitTransform' in style || 'MozTransform' in style) && window.atob;
|
|
}
|
|
|
|
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 direction = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'ltr';
|
|
|
|
var translate = isVertical(tabBarPosition) ? 'translateY' : 'translateX';
|
|
|
|
if (!isVertical(tabBarPosition) && direction === 'rtl') {
|
|
return translate + '(' + index * 100 + '%) translateZ(0)';
|
|
}
|
|
return translate + '(' + -index * 100 + '%) translateZ(0)';
|
|
}
|
|
|
|
function getMarginStyle(index, tabBarPosition) {
|
|
var marginDirection = isVertical(tabBarPosition) ? 'marginTop' : 'marginLeft';
|
|
return (0, _defineProperty3['default'])({}, marginDirection, -index * 100 + '%');
|
|
}
|
|
|
|
function getStyle(el, property) {
|
|
return +window.getComputedStyle(el).getPropertyValue(property).replace('px', '');
|
|
}
|
|
|
|
function setPxStyle(el, value, vertical) {
|
|
value = vertical ? '0px, ' + value + 'px, 0px' : value + 'px, 0px, 0px';
|
|
setTransform(el.style, 'translate3d(' + value + ')');
|
|
}
|
|
|
|
function getDataAttr(props) {
|
|
return Object.keys(props).reduce(function (prev, key) {
|
|
if (key.substr(0, 5) === 'aria-' || key.substr(0, 5) === 'data-' || key === 'role') {
|
|
prev[key] = props[key];
|
|
}
|
|
return prev;
|
|
}, {});
|
|
}
|
|
|
|
function toNum(style, property) {
|
|
return +style.getPropertyValue(property).replace('px', '');
|
|
}
|
|
|
|
function getTypeValue(start, current, end, tabNode, wrapperNode) {
|
|
var total = getStyle(wrapperNode, 'padding-' + start);
|
|
if (!tabNode || !tabNode.parentNode) {
|
|
return total;
|
|
}
|
|
|
|
var childNodes = tabNode.parentNode.childNodes;
|
|
|
|
Array.prototype.some.call(childNodes, function (node) {
|
|
var style = window.getComputedStyle(node);
|
|
|
|
if (node !== tabNode) {
|
|
total += toNum(style, 'margin-' + start);
|
|
total += node[current];
|
|
total += toNum(style, 'margin-' + end);
|
|
|
|
if (style.boxSizing === 'content-box') {
|
|
total += toNum(style, 'border-' + start + '-width') + toNum(style, 'border-' + end + '-width');
|
|
}
|
|
return false;
|
|
}
|
|
|
|
// We need count current node margin
|
|
// ref: https://github.com/react-component/tabs/pull/139#issuecomment-431005262
|
|
total += toNum(style, 'margin-' + start);
|
|
|
|
return true;
|
|
});
|
|
|
|
return total;
|
|
}
|
|
|
|
function getLeft(tabNode, wrapperNode) {
|
|
return getTypeValue('left', 'offsetWidth', 'right', tabNode, wrapperNode);
|
|
}
|
|
|
|
function getTop(tabNode, wrapperNode) {
|
|
return getTypeValue('top', 'offsetHeight', 'bottom', tabNode, wrapperNode);
|
|
}
|
|
|
|
/***/ }),
|
|
|
|
/***/ 1181:
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
/* unused harmony export toArray */
|
|
/* harmony export (immutable) */ __webpack_exports__["a"] = getActiveIndex;
|
|
/* unused harmony export getActiveKey */
|
|
/* unused harmony export setTransform */
|
|
/* unused harmony export isTransform3dSupported */
|
|
/* unused harmony export setTransition */
|
|
/* harmony export (immutable) */ __webpack_exports__["e"] = getTransformPropValue;
|
|
/* unused harmony export isVertical */
|
|
/* harmony export (immutable) */ __webpack_exports__["d"] = getTransformByIndex;
|
|
/* harmony export (immutable) */ __webpack_exports__["c"] = getMarginStyle;
|
|
/* unused harmony export getStyle */
|
|
/* unused harmony export setPxStyle */
|
|
/* harmony export (immutable) */ __webpack_exports__["b"] = getDataAttr;
|
|
/* unused harmony export getLeft */
|
|
/* unused harmony export getTop */
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_defineProperty__ = __webpack_require__(71);
|
|
/* 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_react__ = __webpack_require__(0);
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_react__);
|
|
|
|
|
|
|
|
function toArray(children) {
|
|
// allow [c,[a,b]]
|
|
var c = [];
|
|
__WEBPACK_IMPORTED_MODULE_1_react___default.a.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 isTransform3dSupported(style) {
|
|
return ('transform' in style || 'webkitTransform' in style || 'MozTransform' in style) && window.atob;
|
|
}
|
|
|
|
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 direction = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'ltr';
|
|
|
|
var translate = isVertical(tabBarPosition) ? 'translateY' : 'translateX';
|
|
|
|
if (!isVertical(tabBarPosition) && direction === 'rtl') {
|
|
return translate + '(' + index * 100 + '%) translateZ(0)';
|
|
}
|
|
return translate + '(' + -index * 100 + '%) translateZ(0)';
|
|
}
|
|
|
|
function getMarginStyle(index, tabBarPosition) {
|
|
var marginDirection = isVertical(tabBarPosition) ? 'marginTop' : 'marginLeft';
|
|
return __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_defineProperty___default()({}, marginDirection, -index * 100 + '%');
|
|
}
|
|
|
|
function getStyle(el, property) {
|
|
return +window.getComputedStyle(el).getPropertyValue(property).replace('px', '');
|
|
}
|
|
|
|
function setPxStyle(el, value, vertical) {
|
|
value = vertical ? '0px, ' + value + 'px, 0px' : value + 'px, 0px, 0px';
|
|
setTransform(el.style, 'translate3d(' + value + ')');
|
|
}
|
|
|
|
function getDataAttr(props) {
|
|
return Object.keys(props).reduce(function (prev, key) {
|
|
if (key.substr(0, 5) === 'aria-' || key.substr(0, 5) === 'data-' || key === 'role') {
|
|
prev[key] = props[key];
|
|
}
|
|
return prev;
|
|
}, {});
|
|
}
|
|
|
|
function toNum(style, property) {
|
|
return +style.getPropertyValue(property).replace('px', '');
|
|
}
|
|
|
|
function getTypeValue(start, current, end, tabNode, wrapperNode) {
|
|
var total = getStyle(wrapperNode, 'padding-' + start);
|
|
if (!tabNode || !tabNode.parentNode) {
|
|
return total;
|
|
}
|
|
|
|
var childNodes = tabNode.parentNode.childNodes;
|
|
|
|
Array.prototype.some.call(childNodes, function (node) {
|
|
var style = window.getComputedStyle(node);
|
|
|
|
if (node !== tabNode) {
|
|
total += toNum(style, 'margin-' + start);
|
|
total += node[current];
|
|
total += toNum(style, 'margin-' + end);
|
|
|
|
if (style.boxSizing === 'content-box') {
|
|
total += toNum(style, 'border-' + start + '-width') + toNum(style, 'border-' + end + '-width');
|
|
}
|
|
return false;
|
|
}
|
|
|
|
// We need count current node margin
|
|
// ref: https://github.com/react-component/tabs/pull/139#issuecomment-431005262
|
|
total += toNum(style, 'margin-' + start);
|
|
|
|
return true;
|
|
});
|
|
|
|
return total;
|
|
}
|
|
|
|
function getLeft(tabNode, wrapperNode) {
|
|
return getTypeValue('left', 'offsetWidth', 'right', tabNode, wrapperNode);
|
|
}
|
|
|
|
function getTop(tabNode, wrapperNode) {
|
|
return getTypeValue('top', 'offsetHeight', 'bottom', tabNode, wrapperNode);
|
|
}
|
|
|
|
/***/ }),
|
|
|
|
/***/ 1319:
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__ = __webpack_require__(25);
|
|
/* 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__(71);
|
|
/* 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_objectWithoutProperties__ = __webpack_require__(74);
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_objectWithoutProperties___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_objectWithoutProperties__);
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_classCallCheck__ = __webpack_require__(12);
|
|
/* 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__(46);
|
|
/* 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__(13);
|
|
/* 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__(14);
|
|
/* 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__(3);
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_9_classnames__);
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__utils__ = __webpack_require__(1181);
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__Sentinel__ = __webpack_require__(1320);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var TabPane = function (_React$Component) {
|
|
__WEBPACK_IMPORTED_MODULE_6_babel_runtime_helpers_inherits___default()(TabPane, _React$Component);
|
|
|
|
function TabPane() {
|
|
__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_classCallCheck___default()(this, TabPane);
|
|
|
|
return __WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_possibleConstructorReturn___default()(this, (TabPane.__proto__ || Object.getPrototypeOf(TabPane)).apply(this, arguments));
|
|
}
|
|
|
|
__WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_createClass___default()(TabPane, [{
|
|
key: 'render',
|
|
value: function render() {
|
|
var _classnames;
|
|
|
|
var _props = this.props,
|
|
id = _props.id,
|
|
className = _props.className,
|
|
destroyInactiveTabPane = _props.destroyInactiveTabPane,
|
|
active = _props.active,
|
|
forceRender = _props.forceRender,
|
|
rootPrefixCls = _props.rootPrefixCls,
|
|
style = _props.style,
|
|
children = _props.children,
|
|
placeholder = _props.placeholder,
|
|
restProps = __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_objectWithoutProperties___default()(_props, ['id', 'className', 'destroyInactiveTabPane', 'active', 'forceRender', 'rootPrefixCls', 'style', 'children', 'placeholder']);
|
|
|
|
this._isActived = this._isActived || active;
|
|
var prefixCls = rootPrefixCls + '-tabpane';
|
|
var cls = __WEBPACK_IMPORTED_MODULE_9_classnames___default()((_classnames = {}, __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_defineProperty___default()(_classnames, prefixCls, 1), __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_defineProperty___default()(_classnames, prefixCls + '-inactive', !active), __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_defineProperty___default()(_classnames, prefixCls + '-active', active), __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_defineProperty___default()(_classnames, className, className), _classnames));
|
|
var isRender = destroyInactiveTabPane ? active : this._isActived;
|
|
var shouldRender = isRender || forceRender;
|
|
|
|
return __WEBPACK_IMPORTED_MODULE_7_react___default.a.createElement(
|
|
__WEBPACK_IMPORTED_MODULE_11__Sentinel__["a" /* SentinelConsumer */],
|
|
null,
|
|
function (_ref) {
|
|
var sentinelStart = _ref.sentinelStart,
|
|
sentinelEnd = _ref.sentinelEnd,
|
|
setPanelSentinelStart = _ref.setPanelSentinelStart,
|
|
setPanelSentinelEnd = _ref.setPanelSentinelEnd;
|
|
|
|
// Create sentinel
|
|
var panelSentinelStart = void 0;
|
|
var panelSentinelEnd = void 0;
|
|
if (active && shouldRender) {
|
|
panelSentinelStart = __WEBPACK_IMPORTED_MODULE_7_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_11__Sentinel__["c" /* default */], {
|
|
setRef: setPanelSentinelStart,
|
|
prevElement: sentinelStart
|
|
});
|
|
panelSentinelEnd = __WEBPACK_IMPORTED_MODULE_7_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_11__Sentinel__["c" /* default */], {
|
|
setRef: setPanelSentinelEnd,
|
|
nextElement: sentinelEnd
|
|
});
|
|
}
|
|
|
|
return __WEBPACK_IMPORTED_MODULE_7_react___default.a.createElement(
|
|
'div',
|
|
__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default()({
|
|
style: style,
|
|
role: 'tabpanel',
|
|
'aria-hidden': active ? 'false' : 'true',
|
|
className: cls,
|
|
id: id
|
|
}, Object(__WEBPACK_IMPORTED_MODULE_10__utils__["b" /* getDataAttr */])(restProps)),
|
|
panelSentinelStart,
|
|
shouldRender ? children : placeholder,
|
|
panelSentinelEnd
|
|
);
|
|
}
|
|
);
|
|
}
|
|
}]);
|
|
|
|
return TabPane;
|
|
}(__WEBPACK_IMPORTED_MODULE_7_react___default.a.Component);
|
|
|
|
/* harmony default export */ __webpack_exports__["a"] = (TabPane);
|
|
|
|
|
|
TabPane.propTypes = {
|
|
className: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.string,
|
|
active: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.bool,
|
|
style: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.any,
|
|
destroyInactiveTabPane: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.bool,
|
|
forceRender: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.bool,
|
|
placeholder: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.node,
|
|
rootPrefixCls: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.string,
|
|
children: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.node,
|
|
id: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.string
|
|
};
|
|
|
|
TabPane.defaultProps = {
|
|
placeholder: null
|
|
};
|
|
|
|
/***/ }),
|
|
|
|
/***/ 1320:
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return SentinelProvider; });
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SentinelConsumer; });
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__ = __webpack_require__(12);
|
|
/* 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__(46);
|
|
/* 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__(13);
|
|
/* 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__(14);
|
|
/* 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__);
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_rc_util_es_KeyCode__ = __webpack_require__(52);
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__ant_design_create_react_context__ = __webpack_require__(301);
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__ant_design_create_react_context___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_7__ant_design_create_react_context__);
|
|
|
|
|
|
|
|
|
|
/* eslint-disable jsx-a11y/no-noninteractive-tabindex */
|
|
|
|
|
|
|
|
|
|
|
|
var SentinelContext = __WEBPACK_IMPORTED_MODULE_7__ant_design_create_react_context___default()({});
|
|
var SentinelProvider = SentinelContext.Provider;
|
|
var SentinelConsumer = SentinelContext.Consumer;
|
|
|
|
var sentinelStyle = { width: 0, height: 0, overflow: 'hidden', position: 'absolute' };
|
|
|
|
var Sentinel = function (_React$Component) {
|
|
__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default()(Sentinel, _React$Component);
|
|
|
|
function Sentinel() {
|
|
var _ref;
|
|
|
|
var _temp, _this, _ret;
|
|
|
|
__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck___default()(this, Sentinel);
|
|
|
|
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 = Sentinel.__proto__ || Object.getPrototypeOf(Sentinel)).call.apply(_ref, [this].concat(args))), _this), _this.onKeyDown = function (_ref2) {
|
|
var target = _ref2.target,
|
|
which = _ref2.which,
|
|
shiftKey = _ref2.shiftKey;
|
|
var _this$props = _this.props,
|
|
nextElement = _this$props.nextElement,
|
|
prevElement = _this$props.prevElement;
|
|
|
|
if (which !== __WEBPACK_IMPORTED_MODULE_6_rc_util_es_KeyCode__["a" /* default */].TAB || document.activeElement !== target) return;
|
|
|
|
// Tab next
|
|
if (!shiftKey && nextElement) {
|
|
nextElement.focus();
|
|
}
|
|
|
|
// Tab prev
|
|
if (shiftKey && prevElement) {
|
|
prevElement.focus();
|
|
}
|
|
}, _temp), __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default()(_this, _ret);
|
|
}
|
|
|
|
__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_createClass___default()(Sentinel, [{
|
|
key: 'render',
|
|
value: function render() {
|
|
var setRef = this.props.setRef;
|
|
|
|
|
|
return __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement('div', {
|
|
tabIndex: 0,
|
|
ref: setRef,
|
|
style: sentinelStyle,
|
|
onKeyDown: this.onKeyDown,
|
|
role: 'presentation'
|
|
});
|
|
}
|
|
}]);
|
|
|
|
return Sentinel;
|
|
}(__WEBPACK_IMPORTED_MODULE_4_react___default.a.Component);
|
|
|
|
Sentinel.propTypes = {
|
|
setRef: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func,
|
|
prevElement: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.object,
|
|
nextElement: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.object
|
|
};
|
|
/* harmony default export */ __webpack_exports__["c"] = (Sentinel);
|
|
|
|
/***/ }),
|
|
|
|
/***/ 1359:
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
|
|
__webpack_require__(29);
|
|
|
|
__webpack_require__(1376);
|
|
//# sourceMappingURL=css.js.map
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ 1360:
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
exports["default"] = void 0;
|
|
|
|
var React = _interopRequireWildcard(__webpack_require__(0));
|
|
|
|
var ReactDOM = _interopRequireWildcard(__webpack_require__(4));
|
|
|
|
var _rcTabs = _interopRequireWildcard(__webpack_require__(1378));
|
|
|
|
var _TabContent = _interopRequireDefault(__webpack_require__(1383));
|
|
|
|
var _classnames = _interopRequireDefault(__webpack_require__(3));
|
|
|
|
var _omit = _interopRequireDefault(__webpack_require__(47));
|
|
|
|
var _TabBar = _interopRequireDefault(__webpack_require__(1384));
|
|
|
|
var _icon = _interopRequireDefault(__webpack_require__(26));
|
|
|
|
var _configProvider = __webpack_require__(11);
|
|
|
|
var _warning = _interopRequireDefault(__webpack_require__(43));
|
|
|
|
var _styleChecker = __webpack_require__(1371);
|
|
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
|
|
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
|
|
|
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
|
|
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 _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 _typeof(obj) { "@babel/helpers - typeof"; 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); }
|
|
|
|
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 _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
|
|
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
|
|
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); }
|
|
|
|
var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
var t = {};
|
|
|
|
for (var p in s) {
|
|
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
}
|
|
|
|
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
}
|
|
return t;
|
|
};
|
|
|
|
var Tabs =
|
|
/*#__PURE__*/
|
|
function (_React$Component) {
|
|
_inherits(Tabs, _React$Component);
|
|
|
|
function Tabs() {
|
|
var _this;
|
|
|
|
_classCallCheck(this, Tabs);
|
|
|
|
_this = _possibleConstructorReturn(this, _getPrototypeOf(Tabs).apply(this, arguments));
|
|
|
|
_this.removeTab = function (targetKey, e) {
|
|
e.stopPropagation();
|
|
|
|
if (!targetKey) {
|
|
return;
|
|
}
|
|
|
|
var onEdit = _this.props.onEdit;
|
|
|
|
if (onEdit) {
|
|
onEdit(targetKey, 'remove');
|
|
}
|
|
};
|
|
|
|
_this.handleChange = function (activeKey) {
|
|
var onChange = _this.props.onChange;
|
|
|
|
if (onChange) {
|
|
onChange(activeKey);
|
|
}
|
|
};
|
|
|
|
_this.createNewTab = function (targetKey) {
|
|
var onEdit = _this.props.onEdit;
|
|
|
|
if (onEdit) {
|
|
onEdit(targetKey, 'add');
|
|
}
|
|
};
|
|
|
|
_this.renderTabs = function (_ref) {
|
|
var _classNames;
|
|
|
|
var getPrefixCls = _ref.getPrefixCls;
|
|
var _this$props = _this.props,
|
|
customizePrefixCls = _this$props.prefixCls,
|
|
_this$props$className = _this$props.className,
|
|
className = _this$props$className === void 0 ? '' : _this$props$className,
|
|
size = _this$props.size,
|
|
_this$props$type = _this$props.type,
|
|
type = _this$props$type === void 0 ? 'line' : _this$props$type,
|
|
tabPosition = _this$props.tabPosition,
|
|
children = _this$props.children,
|
|
_this$props$animated = _this$props.animated,
|
|
animated = _this$props$animated === void 0 ? true : _this$props$animated,
|
|
hideAdd = _this$props.hideAdd;
|
|
var tabBarExtraContent = _this.props.tabBarExtraContent;
|
|
var tabPaneAnimated = _typeof(animated) === 'object' ? animated.tabPane : animated; // card tabs should not have animation
|
|
|
|
if (type !== 'line') {
|
|
tabPaneAnimated = 'animated' in _this.props ? tabPaneAnimated : false;
|
|
}
|
|
|
|
(0, _warning["default"])(!(type.indexOf('card') >= 0 && (size === 'small' || size === 'large')), 'Tabs', "`type=card|editable-card` doesn't have small or large size, it's by design.");
|
|
var prefixCls = getPrefixCls('tabs', customizePrefixCls);
|
|
var cls = (0, _classnames["default"])(className, (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-vertical"), tabPosition === 'left' || tabPosition === 'right'), _defineProperty(_classNames, "".concat(prefixCls, "-").concat(size), !!size), _defineProperty(_classNames, "".concat(prefixCls, "-card"), type.indexOf('card') >= 0), _defineProperty(_classNames, "".concat(prefixCls, "-").concat(type), true), _defineProperty(_classNames, "".concat(prefixCls, "-no-animation"), !tabPaneAnimated), _classNames)); // only card type tabs can be added and closed
|
|
|
|
var childrenWithClose = [];
|
|
|
|
if (type === 'editable-card') {
|
|
childrenWithClose = [];
|
|
React.Children.forEach(children, function (child, index) {
|
|
if (!React.isValidElement(child)) return child;
|
|
var closable = child.props.closable;
|
|
closable = typeof closable === 'undefined' ? true : closable;
|
|
var closeIcon = closable ? React.createElement(_icon["default"], {
|
|
type: "close",
|
|
className: "".concat(prefixCls, "-close-x"),
|
|
onClick: function onClick(e) {
|
|
return _this.removeTab(child.key, e);
|
|
}
|
|
}) : null;
|
|
childrenWithClose.push(React.cloneElement(child, {
|
|
tab: React.createElement("div", {
|
|
className: closable ? undefined : "".concat(prefixCls, "-tab-unclosable")
|
|
}, child.props.tab, closeIcon),
|
|
key: child.key || index
|
|
}));
|
|
}); // Add new tab handler
|
|
|
|
if (!hideAdd) {
|
|
tabBarExtraContent = React.createElement("span", null, React.createElement(_icon["default"], {
|
|
type: "plus",
|
|
className: "".concat(prefixCls, "-new-tab"),
|
|
onClick: _this.createNewTab
|
|
}), tabBarExtraContent);
|
|
}
|
|
}
|
|
|
|
tabBarExtraContent = tabBarExtraContent ? React.createElement("div", {
|
|
className: "".concat(prefixCls, "-extra-content")
|
|
}, tabBarExtraContent) : null;
|
|
|
|
var tabBarProps = __rest(_this.props, []);
|
|
|
|
var contentCls = (0, _classnames["default"])("".concat(prefixCls, "-").concat(tabPosition, "-content"), type.indexOf('card') >= 0 && "".concat(prefixCls, "-card-content"));
|
|
return React.createElement(_rcTabs["default"], _extends({}, _this.props, {
|
|
prefixCls: prefixCls,
|
|
className: cls,
|
|
tabBarPosition: tabPosition,
|
|
renderTabBar: function renderTabBar() {
|
|
return React.createElement(_TabBar["default"], _extends({}, (0, _omit["default"])(tabBarProps, ['className']), {
|
|
tabBarExtraContent: tabBarExtraContent
|
|
}));
|
|
},
|
|
renderTabContent: function renderTabContent() {
|
|
return React.createElement(_TabContent["default"], {
|
|
className: contentCls,
|
|
animated: tabPaneAnimated,
|
|
animatedWithMargin: true
|
|
});
|
|
},
|
|
onChange: _this.handleChange
|
|
}), childrenWithClose.length > 0 ? childrenWithClose : children);
|
|
};
|
|
|
|
return _this;
|
|
}
|
|
|
|
_createClass(Tabs, [{
|
|
key: "componentDidMount",
|
|
value: function componentDidMount() {
|
|
var NO_FLEX = ' no-flex';
|
|
var tabNode = ReactDOM.findDOMNode(this);
|
|
|
|
if (tabNode && !_styleChecker.isFlexSupported && tabNode.className.indexOf(NO_FLEX) === -1) {
|
|
tabNode.className += NO_FLEX;
|
|
}
|
|
}
|
|
}, {
|
|
key: "render",
|
|
value: function render() {
|
|
return React.createElement(_configProvider.ConfigConsumer, null, this.renderTabs);
|
|
}
|
|
}]);
|
|
|
|
return Tabs;
|
|
}(React.Component);
|
|
|
|
exports["default"] = Tabs;
|
|
Tabs.TabPane = _rcTabs.TabPane;
|
|
Tabs.defaultProps = {
|
|
hideAdd: false,
|
|
tabPosition: 'top'
|
|
};
|
|
//# sourceMappingURL=index.js.map
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ 1371:
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
exports["default"] = exports.isFlexSupported = void 0;
|
|
|
|
var isStyleSupport = function isStyleSupport(styleName) {
|
|
if (typeof window !== 'undefined' && window.document && window.document.documentElement) {
|
|
var styleNameList = Array.isArray(styleName) ? styleName : [styleName];
|
|
var documentElement = window.document.documentElement;
|
|
return styleNameList.some(function (name) {
|
|
return name in documentElement.style;
|
|
});
|
|
}
|
|
|
|
return false;
|
|
};
|
|
|
|
var isFlexSupported = isStyleSupport(['flex', 'webkitFlex', 'Flex', 'msFlex']);
|
|
exports.isFlexSupported = isFlexSupported;
|
|
var _default = isStyleSupport;
|
|
exports["default"] = _default;
|
|
//# sourceMappingURL=styleChecker.js.map
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ 1376:
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
// style-loader: Adds some css to the DOM by adding a <style> tag
|
|
|
|
// load the styles
|
|
var content = __webpack_require__(1377);
|
|
if(typeof content === 'string') content = [[module.i, content, '']];
|
|
// Prepare cssTransformation
|
|
var transform;
|
|
|
|
var options = {"hmr":false}
|
|
options.transform = transform
|
|
// add the styles to the DOM
|
|
var update = __webpack_require__(300)(content, options);
|
|
if(content.locals) module.exports = content.locals;
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ 1377:
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
exports = module.exports = __webpack_require__(299)(true);
|
|
// imports
|
|
|
|
|
|
// module
|
|
exports.push([module.i, ".ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-container{height:40px}.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-ink-bar{visibility:hidden}.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab{height:40px;margin:0;margin-right:2px;padding:0 16px;line-height:38px;background:#fafafa;border:1px solid #e8e8e8;border-radius:4px 4px 0 0;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);-o-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active{height:40px;color:#1890ff;background:#fff;border-color:#e8e8e8;border-bottom:1px solid #fff}.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active:before{border-top:2px solid transparent}.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-disabled{color:#1890ff;color:rgba(0,0,0,.25)}.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-inactive{padding:0}.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-wrap{margin-bottom:0}.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x{width:16px;height:16px;height:14px;margin-right:-5px;margin-left:3px;overflow:hidden;color:rgba(0,0,0,.45);font-size:12px;vertical-align:middle;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x:hover{color:rgba(0,0,0,.85)}.ant-tabs.ant-tabs-card .ant-tabs-card-content>.ant-tabs-tabpane,.ant-tabs.ant-tabs-editable-card .ant-tabs-card-content>.ant-tabs-tabpane{-webkit-transition:none!important;-o-transition:none!important;transition:none!important}.ant-tabs.ant-tabs-card .ant-tabs-card-content>.ant-tabs-tabpane-inactive,.ant-tabs.ant-tabs-editable-card .ant-tabs-card-content>.ant-tabs-tabpane-inactive{overflow:hidden}.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab:hover .anticon-close{opacity:1}.ant-tabs-extra-content{line-height:45px}.ant-tabs-extra-content .ant-tabs-new-tab{position:relative;width:20px;height:20px;color:rgba(0,0,0,.65);font-size:12px;line-height:20px;text-align:center;border:1px solid #e8e8e8;border-radius:2px;cursor:pointer;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.ant-tabs-extra-content .ant-tabs-new-tab:hover{color:#1890ff;border-color:#1890ff}.ant-tabs-extra-content .ant-tabs-new-tab svg{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}.ant-tabs.ant-tabs-large .ant-tabs-extra-content{line-height:56px}.ant-tabs.ant-tabs-small .ant-tabs-extra-content{line-height:37px}.ant-tabs.ant-tabs-card .ant-tabs-extra-content{line-height:40px}.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-nav-container,.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-nav-container{height:100%}.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab,.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab{margin-bottom:8px;border-bottom:1px solid #e8e8e8}.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab-active,.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab-active{padding-bottom:4px}.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab:last-child,.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab:last-child{margin-bottom:8px}.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-new-tab,.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-new-tab{width:90%}.ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-nav-wrap{margin-right:0}.ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab{margin-right:1px;border-right:0;border-radius:4px 0 0 4px}.ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab-active{margin-right:-1px;padding-right:18px}.ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-nav-wrap{margin-left:0}.ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab{margin-left:1px;border-left:0;border-radius:0 4px 4px 0}.ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab-active{margin-left:-1px;padding-left:18px}.ant-tabs .ant-tabs-card-bar.ant-tabs-bottom-bar .ant-tabs-tab{height:auto;border-top:0;border-bottom:1px solid #e8e8e8;border-radius:0 0 4px 4px}.ant-tabs .ant-tabs-card-bar.ant-tabs-bottom-bar .ant-tabs-tab-active{padding-top:1px;padding-bottom:0;color:#1890ff}.ant-tabs{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.65);font-size:14px;font-variant:tabular-nums;line-height:1.5;list-style:none;-webkit-font-feature-settings:\"tnum\";font-feature-settings:\"tnum\";position:relative;overflow:hidden;zoom:1}.ant-tabs:after,.ant-tabs:before{display:table;content:\"\"}.ant-tabs:after{clear:both}.ant-tabs-ink-bar{position:absolute;bottom:1px;left:0;z-index:1;-webkit-box-sizing:border-box;box-sizing:border-box;width:0;height:2px;background-color:#1890ff;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}.ant-tabs-bar{margin:0 0 16px;border-bottom:1px solid #e8e8e8;outline:none}.ant-tabs-bar,.ant-tabs-nav-container{-webkit-transition:padding .3s cubic-bezier(.645,.045,.355,1);-o-transition:padding .3s cubic-bezier(.645,.045,.355,1);transition:padding .3s cubic-bezier(.645,.045,.355,1)}.ant-tabs-nav-container{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:-1px;overflow:hidden;font-size:14px;line-height:1.5;white-space:nowrap;zoom:1}.ant-tabs-nav-container:after,.ant-tabs-nav-container:before{display:table;content:\"\"}.ant-tabs-nav-container:after{clear:both}.ant-tabs-nav-container-scrolling{padding-right:32px;padding-left:32px}.ant-tabs-bottom .ant-tabs-bottom-bar{margin-top:16px;margin-bottom:0;border-top:1px solid #e8e8e8;border-bottom:none}.ant-tabs-bottom .ant-tabs-bottom-bar .ant-tabs-ink-bar{top:1px;bottom:auto}.ant-tabs-bottom .ant-tabs-bottom-bar .ant-tabs-nav-container{margin-top:-1px;margin-bottom:0}.ant-tabs-tab-next,.ant-tabs-tab-prev{position:absolute;z-index:2;width:0;height:100%;color:rgba(0,0,0,.45);text-align:center;background-color:transparent;border:0;cursor:pointer;opacity:0;-webkit-transition:width .3s cubic-bezier(.645,.045,.355,1),opacity .3s cubic-bezier(.645,.045,.355,1),color .3s cubic-bezier(.645,.045,.355,1);-o-transition:width .3s cubic-bezier(.645,.045,.355,1),opacity .3s cubic-bezier(.645,.045,.355,1),color .3s cubic-bezier(.645,.045,.355,1);transition:width .3s cubic-bezier(.645,.045,.355,1),opacity .3s cubic-bezier(.645,.045,.355,1),color .3s cubic-bezier(.645,.045,.355,1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.ant-tabs-tab-next.ant-tabs-tab-arrow-show,.ant-tabs-tab-prev.ant-tabs-tab-arrow-show{width:32px;height:100%;opacity:1;pointer-events:auto}.ant-tabs-tab-next:hover,.ant-tabs-tab-prev:hover{color:rgba(0,0,0,.65)}.ant-tabs-tab-next-icon,.ant-tabs-tab-prev-icon{position:absolute;top:50%;left:50%;font-weight:700;font-style:normal;font-variant:normal;line-height:inherit;text-align:center;text-transform:none;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ant-tabs-tab-next-icon-target,.ant-tabs-tab-prev-icon-target{display:block;display:inline-block;font-size:12px;font-size:10px\\9;-webkit-transform:scale(.83333333) rotate(0deg);-ms-transform:scale(.83333333) rotate(0deg);transform:scale(.83333333) rotate(0deg)}:root .ant-tabs-tab-next-icon-target,:root .ant-tabs-tab-prev-icon-target{font-size:12px}.ant-tabs-tab-btn-disabled{cursor:not-allowed}.ant-tabs-tab-btn-disabled,.ant-tabs-tab-btn-disabled:hover{color:rgba(0,0,0,.25)}.ant-tabs-tab-next{right:2px}.ant-tabs-tab-prev{left:0}:root .ant-tabs-tab-prev{-webkit-filter:none;filter:none}.ant-tabs-nav-wrap{margin-bottom:-1px;overflow:hidden}.ant-tabs-nav-scroll{overflow:hidden;white-space:nowrap}.ant-tabs-nav{position:relative;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding-left:0;list-style:none;-webkit-transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);-o-transition:transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1)}.ant-tabs-nav:after,.ant-tabs-nav:before{display:table;content:\" \"}.ant-tabs-nav:after{clear:both}.ant-tabs-nav .ant-tabs-tab{position:relative;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;margin:0 32px 0 0;padding:12px 16px;text-decoration:none;cursor:pointer;-webkit-transition:color .3s cubic-bezier(.645,.045,.355,1);-o-transition:color .3s cubic-bezier(.645,.045,.355,1);transition:color .3s cubic-bezier(.645,.045,.355,1)}.ant-tabs-nav .ant-tabs-tab:before{position:absolute;top:-1px;left:0;width:100%;border-top:2px solid transparent;border-radius:4px 4px 0 0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;content:\"\";pointer-events:none}.ant-tabs-nav .ant-tabs-tab:last-child{margin-right:0}.ant-tabs-nav .ant-tabs-tab:hover{color:#40a9ff}.ant-tabs-nav .ant-tabs-tab:active{color:#096dd9}.ant-tabs-nav .ant-tabs-tab .anticon{margin-right:8px}.ant-tabs-nav .ant-tabs-tab-active{color:#1890ff;font-weight:500}.ant-tabs-nav .ant-tabs-tab-disabled,.ant-tabs-nav .ant-tabs-tab-disabled:hover{color:rgba(0,0,0,.25);cursor:not-allowed}.ant-tabs .ant-tabs-large-bar .ant-tabs-nav-container{font-size:16px}.ant-tabs .ant-tabs-large-bar .ant-tabs-tab{padding:16px}.ant-tabs .ant-tabs-small-bar .ant-tabs-nav-container{font-size:14px}.ant-tabs .ant-tabs-small-bar .ant-tabs-tab{padding:8px 16px}.ant-tabs-content:before{display:block;overflow:hidden;content:\"\"}.ant-tabs .ant-tabs-bottom-content,.ant-tabs .ant-tabs-top-content{width:100%}.ant-tabs .ant-tabs-bottom-content>.ant-tabs-tabpane,.ant-tabs .ant-tabs-top-content>.ant-tabs-tabpane{-ms-flex-negative:0;flex-shrink:0;width:100%;opacity:1;-webkit-transition:opacity .45s;-o-transition:opacity .45s;transition:opacity .45s}.ant-tabs .ant-tabs-bottom-content>.ant-tabs-tabpane-inactive,.ant-tabs .ant-tabs-top-content>.ant-tabs-tabpane-inactive{height:0;padding:0!important;overflow:hidden;opacity:0;pointer-events:none}.ant-tabs .ant-tabs-bottom-content>.ant-tabs-tabpane-inactive input,.ant-tabs .ant-tabs-top-content>.ant-tabs-tabpane-inactive input{visibility:hidden}.ant-tabs .ant-tabs-bottom-content.ant-tabs-content-animated,.ant-tabs .ant-tabs-top-content.ant-tabs-content-animated{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-webkit-transition:margin-left .3s cubic-bezier(.645,.045,.355,1);-o-transition:margin-left .3s cubic-bezier(.645,.045,.355,1);transition:margin-left .3s cubic-bezier(.645,.045,.355,1);will-change:margin-left}.ant-tabs .ant-tabs-left-bar,.ant-tabs .ant-tabs-right-bar{height:100%;border-bottom:0}.ant-tabs .ant-tabs-left-bar .ant-tabs-tab-arrow-show,.ant-tabs .ant-tabs-right-bar .ant-tabs-tab-arrow-show{width:100%;height:32px}.ant-tabs .ant-tabs-left-bar .ant-tabs-tab,.ant-tabs .ant-tabs-right-bar .ant-tabs-tab{display:block;float:none;margin:0 0 16px;padding:8px 24px}.ant-tabs .ant-tabs-left-bar .ant-tabs-tab:last-child,.ant-tabs .ant-tabs-right-bar .ant-tabs-tab:last-child{margin-bottom:0}.ant-tabs .ant-tabs-left-bar .ant-tabs-extra-content,.ant-tabs .ant-tabs-right-bar .ant-tabs-extra-content{text-align:center}.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-scroll,.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-scroll{width:auto}.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container,.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap,.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container,.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap{height:100%}.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container,.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container{margin-bottom:0}.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container.ant-tabs-nav-container-scrolling,.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container.ant-tabs-nav-container-scrolling{padding:32px 0}.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap,.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap{margin-bottom:0}.ant-tabs .ant-tabs-left-bar .ant-tabs-nav,.ant-tabs .ant-tabs-right-bar .ant-tabs-nav{width:100%}.ant-tabs .ant-tabs-left-bar .ant-tabs-ink-bar,.ant-tabs .ant-tabs-right-bar .ant-tabs-ink-bar{top:0;bottom:auto;left:auto;width:2px;height:0}.ant-tabs .ant-tabs-left-bar .ant-tabs-tab-next,.ant-tabs .ant-tabs-right-bar .ant-tabs-tab-next{right:0;bottom:0;width:100%;height:32px}.ant-tabs .ant-tabs-left-bar .ant-tabs-tab-prev,.ant-tabs .ant-tabs-right-bar .ant-tabs-tab-prev{top:0;width:100%;height:32px}.ant-tabs .ant-tabs-left-content,.ant-tabs .ant-tabs-right-content{width:auto;margin-top:0!important;overflow:hidden}.ant-tabs .ant-tabs-left-bar{float:left;margin-right:-1px;margin-bottom:0;border-right:1px solid #e8e8e8}.ant-tabs .ant-tabs-left-bar .ant-tabs-tab{text-align:right}.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container,.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap{margin-right:-1px}.ant-tabs .ant-tabs-left-bar .ant-tabs-ink-bar{right:1px}.ant-tabs .ant-tabs-left-content{padding-left:24px;border-left:1px solid #e8e8e8}.ant-tabs .ant-tabs-right-bar{float:right;margin-bottom:0;margin-left:-1px;border-left:1px solid #e8e8e8}.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container,.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap{margin-left:-1px}.ant-tabs .ant-tabs-right-bar .ant-tabs-ink-bar{left:1px}.ant-tabs .ant-tabs-right-content{padding-right:24px;border-right:1px solid #e8e8e8}.ant-tabs-bottom .ant-tabs-ink-bar-animated,.ant-tabs-top .ant-tabs-ink-bar-animated{-webkit-transition:width .2s cubic-bezier(.645,.045,.355,1),left .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:width .2s cubic-bezier(.645,.045,.355,1),left .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1);-o-transition:transform .3s cubic-bezier(.645,.045,.355,1),width .2s cubic-bezier(.645,.045,.355,1),left .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1),width .2s cubic-bezier(.645,.045,.355,1),left .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1),width .2s cubic-bezier(.645,.045,.355,1),left .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1)}.ant-tabs-left .ant-tabs-ink-bar-animated,.ant-tabs-right .ant-tabs-ink-bar-animated{-webkit-transition:height .2s cubic-bezier(.645,.045,.355,1),top .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:height .2s cubic-bezier(.645,.045,.355,1),top .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1);-o-transition:transform .3s cubic-bezier(.645,.045,.355,1),height .2s cubic-bezier(.645,.045,.355,1),top .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1),height .2s cubic-bezier(.645,.045,.355,1),top .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1),height .2s cubic-bezier(.645,.045,.355,1),top .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1)}.ant-tabs-no-animation>.ant-tabs-content>.ant-tabs-content-animated,.no-flex>.ant-tabs-content>.ant-tabs-content-animated{margin-left:0!important;-webkit-transform:none!important;-ms-transform:none!important;transform:none!important}.ant-tabs-no-animation>.ant-tabs-content>.ant-tabs-tabpane-inactive,.no-flex>.ant-tabs-content>.ant-tabs-tabpane-inactive{height:0;padding:0!important;overflow:hidden;opacity:0;pointer-events:none}.ant-tabs-no-animation>.ant-tabs-content>.ant-tabs-tabpane-inactive input,.no-flex>.ant-tabs-content>.ant-tabs-tabpane-inactive input{visibility:hidden}.ant-tabs-left-content>.ant-tabs-content-animated,.ant-tabs-right-content>.ant-tabs-content-animated{margin-left:0!important;-webkit-transform:none!important;-ms-transform:none!important;transform:none!important}.ant-tabs-left-content>.ant-tabs-tabpane-inactive,.ant-tabs-right-content>.ant-tabs-tabpane-inactive{height:0;padding:0!important;overflow:hidden;opacity:0;pointer-events:none}.ant-tabs-left-content>.ant-tabs-tabpane-inactive input,.ant-tabs-right-content>.ant-tabs-tabpane-inactive input{visibility:hidden}", "", {"version":3,"sources":["/Users/jasder/work/trustie3.0/educoder/public/react/node_modules/antd/lib/tabs/style/index.css"],"names":[],"mappings":"AAIA,mEACE,WAAa,CACd,AACD,6DACE,iBAAmB,CACpB,AACD,yDACE,YAAa,AACb,SAAU,AACV,iBAAkB,AAClB,eAAgB,AAChB,iBAAkB,AAClB,mBAAoB,AACpB,yBAA0B,AAC1B,0BAA2B,AAC3B,0DAAkE,AAClE,qDAA6D,AAC7D,iDAA0D,CAC3D,AACD,gEACE,YAAa,AACb,cAAe,AACf,gBAAiB,AACjB,qBAAsB,AACtB,4BAA8B,CAC/B,AACD,uEACE,gCAAkC,CACnC,AACD,kEACE,cAAe,AACf,qBAA2B,CAC5B,AACD,kEACE,SAAW,CACZ,AACD,8DACE,eAAiB,CAClB,AACD,2EACE,WAAY,AACZ,YAAa,AACb,YAAa,AACb,kBAAmB,AACnB,gBAAiB,AACjB,gBAAiB,AACjB,sBAA2B,AAC3B,eAAgB,AAChB,sBAAuB,AACvB,2BAA6B,AAC7B,sBAAwB,AACxB,kBAAqB,CACtB,AACD,iFACE,qBAA2B,CAC5B,AACD,2IAEE,kCAAoC,AACpC,6BAA+B,AAC/B,yBAA4B,CAC7B,AACD,6JAEE,eAAiB,CAClB,AACD,8EACE,SAAW,CACZ,AACD,wBACE,gBAAkB,CACnB,AACD,0CACE,kBAAmB,AACnB,WAAY,AACZ,YAAa,AACb,sBAA2B,AAC3B,eAAgB,AAChB,iBAAkB,AAClB,kBAAmB,AACnB,yBAA0B,AAC1B,kBAAmB,AACnB,eAAgB,AAChB,2BAA6B,AAC7B,sBAAwB,AACxB,kBAAqB,CACtB,AACD,gDACE,cAAe,AACf,oBAAsB,CACvB,AACD,8CACE,kBAAmB,AACnB,MAAO,AACP,QAAS,AACT,SAAU,AACV,OAAQ,AACR,WAAa,CACd,AACD,iDACE,gBAAkB,CACnB,AACD,iDACE,gBAAkB,CACnB,AACD,gDACE,gBAAkB,CACnB,AACD,6LAEE,WAAa,CACd,AACD,yKAEE,kBAAmB,AACnB,+BAAiC,CAClC,AACD,uLAEE,kBAAoB,CACrB,AACD,+LAEE,iBAAmB,CACpB,AACD,iLAEE,SAAW,CACZ,AACD,uGACE,cAAgB,CACjB,AACD,kGACE,iBAAkB,AAClB,eAAgB,AAChB,yBAA2B,CAC5B,AACD,yGACE,kBAAmB,AACnB,kBAAoB,CACrB,AACD,yGACE,aAAe,CAChB,AACD,oGACE,gBAAiB,AACjB,cAAe,AACf,yBAA2B,CAC5B,AACD,2GACE,iBAAkB,AAClB,iBAAmB,CACpB,AACD,+DACE,YAAa,AACb,aAAc,AACd,gCAAiC,AACjC,yBAA2B,CAC5B,AACD,sEACE,gBAAiB,AACjB,iBAAkB,AAClB,aAAe,CAChB,AACD,UACE,8BAA+B,AACvB,sBAAuB,AAC/B,SAAU,AACV,UAAW,AACX,sBAA2B,AAC3B,eAAgB,AAChB,0BAA2B,AAC3B,gBAAiB,AACjB,gBAAiB,AACjB,qCAAsC,AAC9B,6BAA8B,AACtC,kBAAmB,AACnB,gBAAiB,AACjB,MAAQ,CACT,AACD,iCAEE,cAAe,AACf,UAAY,CACb,AACD,gBACE,UAAY,CACb,AACD,kBACE,kBAAmB,AACnB,WAAY,AACZ,OAAQ,AACR,UAAW,AACX,8BAA+B,AACvB,sBAAuB,AAC/B,QAAS,AACT,WAAY,AACZ,yBAA0B,AAC1B,6BAA8B,AAC1B,yBAA0B,AACtB,oBAAsB,CAC/B,AACD,cACE,gBAAmB,AACnB,gCAAiC,AACjC,YAAc,CAIf,AACD,sCAJE,8DAAsE,AACtE,yDAAiE,AACjE,qDAA8D,CAe/D,AAbD,wBACE,kBAAmB,AACnB,8BAA+B,AACvB,sBAAuB,AAC/B,mBAAoB,AACpB,gBAAiB,AACjB,eAAgB,AAChB,gBAAiB,AACjB,mBAAoB,AAIpB,MAAQ,CACT,AACD,6DAEE,cAAe,AACf,UAAY,CACb,AACD,8BACE,UAAY,CACb,AACD,kCACE,mBAAoB,AACpB,iBAAmB,CACpB,AACD,sCACE,gBAAiB,AACjB,gBAAiB,AACjB,6BAA8B,AAC9B,kBAAoB,CACrB,AACD,wDACE,QAAS,AACT,WAAa,CACd,AACD,8DACE,gBAAiB,AACjB,eAAiB,CAClB,AACD,sCAEE,kBAAmB,AACnB,UAAW,AACX,QAAS,AACT,YAAa,AACb,sBAA2B,AAC3B,kBAAmB,AACnB,6BAA8B,AAC9B,SAAU,AACV,eAAgB,AAChB,UAAW,AACX,gJAAwK,AACxK,2IAAmK,AACnK,wIAAgK,AAChK,yBAA0B,AACvB,sBAAuB,AACtB,qBAAsB,AAClB,iBAAkB,AAC1B,mBAAqB,CACtB,AACD,sFAEE,WAAY,AACZ,YAAa,AACb,UAAW,AACX,mBAAqB,CACtB,AACD,kDAEE,qBAA2B,CAC5B,AACD,gDAEE,kBAAmB,AACnB,QAAS,AACT,SAAU,AACV,gBAAkB,AAClB,kBAAmB,AACnB,oBAAqB,AACrB,oBAAqB,AACrB,kBAAmB,AACnB,oBAAqB,AACrB,uCAAyC,AACrC,mCAAqC,AACjC,8BAAiC,CAC1C,AACD,8DAEE,cAAe,AACf,qBAAsB,AACtB,eAAgB,AAChB,iBAAmB,AACnB,gDAAkD,AAC9C,4CAA8C,AAC1C,uCAA0C,CACnD,AACD,0EAEE,cAAgB,CACjB,AACD,2BACE,kBAAoB,CACrB,AACD,4DAEE,qBAA2B,CAC5B,AACD,mBACE,SAAW,CACZ,AACD,mBACE,MAAQ,CACT,AACD,yBACE,oBAAqB,AACb,WAAa,CACtB,AACD,mBACE,mBAAoB,AACpB,eAAiB,CAClB,AACD,qBACE,gBAAiB,AACjB,kBAAoB,CACrB,AACD,cACE,kBAAmB,AACnB,qBAAsB,AACtB,8BAA+B,AACvB,sBAAuB,AAC/B,SAAU,AACV,eAAgB,AAChB,gBAAiB,AACjB,wEAAgF,AAChF,gEAAwE,AACxE,2DAAmE,AACnE,wDAAgE,AAChE,4GAA6H,CAC9H,AACD,yCAEE,cAAe,AACf,WAAa,CACd,AACD,oBACE,UAAY,CACb,AACD,4BACE,kBAAmB,AACnB,qBAAsB,AACtB,8BAA+B,AACvB,sBAAuB,AAC/B,YAAa,AACb,kBAAmB,AACnB,kBAAmB,AACnB,qBAAsB,AACtB,eAAgB,AAChB,4DAAoE,AACpE,uDAA+D,AAC/D,mDAA4D,CAC7D,AACD,mCACE,kBAAmB,AACnB,SAAU,AACV,OAAQ,AACR,WAAY,AACZ,iCAAkC,AAClC,0BAA2B,AAC3B,2BAA6B,AAC7B,sBAAwB,AACxB,mBAAqB,AACrB,WAAY,AACZ,mBAAqB,CACtB,AACD,uCACE,cAAgB,CACjB,AACD,kCACE,aAAe,CAChB,AACD,mCACE,aAAe,CAChB,AACD,qCACE,gBAAkB,CACnB,AACD,mCACE,cAAe,AACf,eAAiB,CAClB,AACD,gFAEE,sBAA2B,AAC3B,kBAAoB,CACrB,AACD,sDACE,cAAgB,CACjB,AACD,4CACE,YAAc,CACf,AACD,sDACE,cAAgB,CACjB,AACD,4CACE,gBAAkB,CACnB,AACD,yBACE,cAAe,AACf,gBAAiB,AACjB,UAAY,CACb,AACD,mEAEE,UAAY,CACb,AACD,uGAEE,oBAAqB,AACjB,cAAe,AACnB,WAAY,AACZ,UAAW,AACX,gCAAkC,AAClC,2BAA6B,AAC7B,uBAA0B,CAC3B,AACD,yHAEE,SAAU,AACV,oBAAsB,AACtB,gBAAiB,AACjB,UAAW,AACX,mBAAqB,CACtB,AACD,qIAEE,iBAAmB,CACpB,AACD,uHAEE,oBAAqB,AACrB,aAAc,AACd,uBAAwB,AACxB,mBAAoB,AACpB,kEAA0E,AAC1E,6DAAqE,AACrE,0DAAkE,AAClE,uBAAyB,CAC1B,AACD,2DAEE,YAAa,AACb,eAAiB,CAClB,AACD,6GAEE,WAAY,AACZ,WAAa,CACd,AACD,uFAEE,cAAe,AACf,WAAY,AACZ,gBAAmB,AACnB,gBAAkB,CACnB,AACD,6GAEE,eAAiB,CAClB,AACD,2GAEE,iBAAmB,CACpB,AACD,qGAEE,UAAY,CACb,AACD,4MAIE,WAAa,CACd,AACD,2GAEE,eAAiB,CAClB,AACD,6KAEE,cAAgB,CACjB,AACD,iGAEE,eAAiB,CAClB,AACD,uFAEE,UAAY,CACb,AACD,+FAEE,MAAO,AACP,YAAa,AACb,UAAW,AACX,UAAW,AACX,QAAU,CACX,AACD,iGAEE,QAAS,AACT,SAAU,AACV,WAAY,AACZ,WAAa,CACd,AACD,iGAEE,MAAO,AACP,WAAY,AACZ,WAAa,CACd,AACD,mEAEE,WAAY,AACZ,uBAAyB,AACzB,eAAiB,CAClB,AACD,6BACE,WAAY,AACZ,kBAAmB,AACnB,gBAAiB,AACjB,8BAAgC,CACjC,AACD,2CACE,gBAAkB,CACnB,AAID,qGACE,iBAAmB,CACpB,AACD,+CACE,SAAW,CACZ,AACD,iCACE,kBAAmB,AACnB,6BAA+B,CAChC,AACD,8BACE,YAAa,AACb,gBAAiB,AACjB,iBAAkB,AAClB,6BAA+B,CAChC,AAID,uGACE,gBAAkB,CACnB,AACD,gDACE,QAAU,CACX,AACD,kCACE,mBAAoB,AACpB,8BAAgC,CACjC,AACD,qFAEE,yJAAiL,AACjL,iJAAyK,AACzK,4IAAoK,AACpK,yIAAiK,AACjK,6LAA8N,CAC/N,AACD,qFAEE,yJAAiL,AACjL,iJAAyK,AACzK,4IAAoK,AACpK,yIAAiK,AACjK,6LAA8N,CAC/N,AACD,0HAEE,wBAA0B,AAC1B,iCAAmC,AAC/B,6BAA+B,AAC3B,wBAA2B,CACpC,AACD,0HAEE,SAAU,AACV,oBAAsB,AACtB,gBAAiB,AACjB,UAAW,AACX,mBAAqB,CACtB,AACD,sIAEE,iBAAmB,CACpB,AACD,qGAEE,wBAA0B,AAC1B,iCAAmC,AAC/B,6BAA+B,AAC3B,wBAA2B,CACpC,AACD,qGAEE,SAAU,AACV,oBAAsB,AACtB,gBAAiB,AACjB,UAAW,AACX,mBAAqB,CACtB,AACD,iHAEE,iBAAmB,CACpB","file":"index.css","sourcesContent":["/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */\n/* stylelint-disable no-duplicate-selectors */\n/* stylelint-disable */\n/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */\n.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-container {\n height: 40px;\n}\n.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-ink-bar {\n visibility: hidden;\n}\n.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {\n height: 40px;\n margin: 0;\n margin-right: 2px;\n padding: 0 16px;\n line-height: 38px;\n background: #fafafa;\n border: 1px solid #e8e8e8;\n border-radius: 4px 4px 0 0;\n -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {\n height: 40px;\n color: #1890ff;\n background: #fff;\n border-color: #e8e8e8;\n border-bottom: 1px solid #fff;\n}\n.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active::before {\n border-top: 2px solid transparent;\n}\n.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-disabled {\n color: #1890ff;\n color: rgba(0, 0, 0, 0.25);\n}\n.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-inactive {\n padding: 0;\n}\n.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-wrap {\n margin-bottom: 0;\n}\n.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x {\n width: 16px;\n height: 16px;\n height: 14px;\n margin-right: -5px;\n margin-left: 3px;\n overflow: hidden;\n color: rgba(0, 0, 0, 0.45);\n font-size: 12px;\n vertical-align: middle;\n -webkit-transition: all 0.3s;\n -o-transition: all 0.3s;\n transition: all 0.3s;\n}\n.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x:hover {\n color: rgba(0, 0, 0, 0.85);\n}\n.ant-tabs.ant-tabs-card .ant-tabs-card-content > .ant-tabs-tabpane,\n.ant-tabs.ant-tabs-editable-card .ant-tabs-card-content > .ant-tabs-tabpane {\n -webkit-transition: none !important;\n -o-transition: none !important;\n transition: none !important;\n}\n.ant-tabs.ant-tabs-card .ant-tabs-card-content > .ant-tabs-tabpane-inactive,\n.ant-tabs.ant-tabs-editable-card .ant-tabs-card-content > .ant-tabs-tabpane-inactive {\n overflow: hidden;\n}\n.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab:hover .anticon-close {\n opacity: 1;\n}\n.ant-tabs-extra-content {\n line-height: 45px;\n}\n.ant-tabs-extra-content .ant-tabs-new-tab {\n position: relative;\n width: 20px;\n height: 20px;\n color: rgba(0, 0, 0, 0.65);\n font-size: 12px;\n line-height: 20px;\n text-align: center;\n border: 1px solid #e8e8e8;\n border-radius: 2px;\n cursor: pointer;\n -webkit-transition: all 0.3s;\n -o-transition: all 0.3s;\n transition: all 0.3s;\n}\n.ant-tabs-extra-content .ant-tabs-new-tab:hover {\n color: #1890ff;\n border-color: #1890ff;\n}\n.ant-tabs-extra-content .ant-tabs-new-tab svg {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n margin: auto;\n}\n.ant-tabs.ant-tabs-large .ant-tabs-extra-content {\n line-height: 56px;\n}\n.ant-tabs.ant-tabs-small .ant-tabs-extra-content {\n line-height: 37px;\n}\n.ant-tabs.ant-tabs-card .ant-tabs-extra-content {\n line-height: 40px;\n}\n.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-nav-container,\n.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-nav-container {\n height: 100%;\n}\n.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab,\n.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab {\n margin-bottom: 8px;\n border-bottom: 1px solid #e8e8e8;\n}\n.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab-active,\n.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab-active {\n padding-bottom: 4px;\n}\n.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab:last-child,\n.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab:last-child {\n margin-bottom: 8px;\n}\n.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-new-tab,\n.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-new-tab {\n width: 90%;\n}\n.ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-nav-wrap {\n margin-right: 0;\n}\n.ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab {\n margin-right: 1px;\n border-right: 0;\n border-radius: 4px 0 0 4px;\n}\n.ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab-active {\n margin-right: -1px;\n padding-right: 18px;\n}\n.ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-nav-wrap {\n margin-left: 0;\n}\n.ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab {\n margin-left: 1px;\n border-left: 0;\n border-radius: 0 4px 4px 0;\n}\n.ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab-active {\n margin-left: -1px;\n padding-left: 18px;\n}\n.ant-tabs .ant-tabs-card-bar.ant-tabs-bottom-bar .ant-tabs-tab {\n height: auto;\n border-top: 0;\n border-bottom: 1px solid #e8e8e8;\n border-radius: 0 0 4px 4px;\n}\n.ant-tabs .ant-tabs-card-bar.ant-tabs-bottom-bar .ant-tabs-tab-active {\n padding-top: 1px;\n padding-bottom: 0;\n color: #1890ff;\n}\n.ant-tabs {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n color: rgba(0, 0, 0, 0.65);\n font-size: 14px;\n font-variant: tabular-nums;\n line-height: 1.5;\n list-style: none;\n -webkit-font-feature-settings: 'tnum';\n font-feature-settings: 'tnum';\n position: relative;\n overflow: hidden;\n zoom: 1;\n}\n.ant-tabs::before,\n.ant-tabs::after {\n display: table;\n content: '';\n}\n.ant-tabs::after {\n clear: both;\n}\n.ant-tabs-ink-bar {\n position: absolute;\n bottom: 1px;\n left: 0;\n z-index: 1;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n width: 0;\n height: 2px;\n background-color: #1890ff;\n -webkit-transform-origin: 0 0;\n -ms-transform-origin: 0 0;\n transform-origin: 0 0;\n}\n.ant-tabs-bar {\n margin: 0 0 16px 0;\n border-bottom: 1px solid #e8e8e8;\n outline: none;\n -webkit-transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n -o-transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n.ant-tabs-nav-container {\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n margin-bottom: -1px;\n overflow: hidden;\n font-size: 14px;\n line-height: 1.5;\n white-space: nowrap;\n -webkit-transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n -o-transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n zoom: 1;\n}\n.ant-tabs-nav-container::before,\n.ant-tabs-nav-container::after {\n display: table;\n content: '';\n}\n.ant-tabs-nav-container::after {\n clear: both;\n}\n.ant-tabs-nav-container-scrolling {\n padding-right: 32px;\n padding-left: 32px;\n}\n.ant-tabs-bottom .ant-tabs-bottom-bar {\n margin-top: 16px;\n margin-bottom: 0;\n border-top: 1px solid #e8e8e8;\n border-bottom: none;\n}\n.ant-tabs-bottom .ant-tabs-bottom-bar .ant-tabs-ink-bar {\n top: 1px;\n bottom: auto;\n}\n.ant-tabs-bottom .ant-tabs-bottom-bar .ant-tabs-nav-container {\n margin-top: -1px;\n margin-bottom: 0;\n}\n.ant-tabs-tab-prev,\n.ant-tabs-tab-next {\n position: absolute;\n z-index: 2;\n width: 0;\n height: 100%;\n color: rgba(0, 0, 0, 0.45);\n text-align: center;\n background-color: transparent;\n border: 0;\n cursor: pointer;\n opacity: 0;\n -webkit-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n -o-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n pointer-events: none;\n}\n.ant-tabs-tab-prev.ant-tabs-tab-arrow-show,\n.ant-tabs-tab-next.ant-tabs-tab-arrow-show {\n width: 32px;\n height: 100%;\n opacity: 1;\n pointer-events: auto;\n}\n.ant-tabs-tab-prev:hover,\n.ant-tabs-tab-next:hover {\n color: rgba(0, 0, 0, 0.65);\n}\n.ant-tabs-tab-prev-icon,\n.ant-tabs-tab-next-icon {\n position: absolute;\n top: 50%;\n left: 50%;\n font-weight: bold;\n font-style: normal;\n font-variant: normal;\n line-height: inherit;\n text-align: center;\n text-transform: none;\n -webkit-transform: translate(-50%, -50%);\n -ms-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n}\n.ant-tabs-tab-prev-icon-target,\n.ant-tabs-tab-next-icon-target {\n display: block;\n display: inline-block;\n font-size: 12px;\n font-size: 10px \\9;\n -webkit-transform: scale(0.83333333) rotate(0deg);\n -ms-transform: scale(0.83333333) rotate(0deg);\n transform: scale(0.83333333) rotate(0deg);\n}\n:root .ant-tabs-tab-prev-icon-target,\n:root .ant-tabs-tab-next-icon-target {\n font-size: 12px;\n}\n.ant-tabs-tab-btn-disabled {\n cursor: not-allowed;\n}\n.ant-tabs-tab-btn-disabled,\n.ant-tabs-tab-btn-disabled:hover {\n color: rgba(0, 0, 0, 0.25);\n}\n.ant-tabs-tab-next {\n right: 2px;\n}\n.ant-tabs-tab-prev {\n left: 0;\n}\n:root .ant-tabs-tab-prev {\n -webkit-filter: none;\n filter: none;\n}\n.ant-tabs-nav-wrap {\n margin-bottom: -1px;\n overflow: hidden;\n}\n.ant-tabs-nav-scroll {\n overflow: hidden;\n white-space: nowrap;\n}\n.ant-tabs-nav {\n position: relative;\n display: inline-block;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n margin: 0;\n padding-left: 0;\n list-style: none;\n -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n -o-transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n.ant-tabs-nav::before,\n.ant-tabs-nav::after {\n display: table;\n content: ' ';\n}\n.ant-tabs-nav::after {\n clear: both;\n}\n.ant-tabs-nav .ant-tabs-tab {\n position: relative;\n display: inline-block;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n height: 100%;\n margin: 0 32px 0 0;\n padding: 12px 16px;\n text-decoration: none;\n cursor: pointer;\n -webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n -o-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n.ant-tabs-nav .ant-tabs-tab::before {\n position: absolute;\n top: -1px;\n left: 0;\n width: 100%;\n border-top: 2px solid transparent;\n border-radius: 4px 4px 0 0;\n -webkit-transition: all 0.3s;\n -o-transition: all 0.3s;\n transition: all 0.3s;\n content: '';\n pointer-events: none;\n}\n.ant-tabs-nav .ant-tabs-tab:last-child {\n margin-right: 0;\n}\n.ant-tabs-nav .ant-tabs-tab:hover {\n color: #40a9ff;\n}\n.ant-tabs-nav .ant-tabs-tab:active {\n color: #096dd9;\n}\n.ant-tabs-nav .ant-tabs-tab .anticon {\n margin-right: 8px;\n}\n.ant-tabs-nav .ant-tabs-tab-active {\n color: #1890ff;\n font-weight: 500;\n}\n.ant-tabs-nav .ant-tabs-tab-disabled,\n.ant-tabs-nav .ant-tabs-tab-disabled:hover {\n color: rgba(0, 0, 0, 0.25);\n cursor: not-allowed;\n}\n.ant-tabs .ant-tabs-large-bar .ant-tabs-nav-container {\n font-size: 16px;\n}\n.ant-tabs .ant-tabs-large-bar .ant-tabs-tab {\n padding: 16px;\n}\n.ant-tabs .ant-tabs-small-bar .ant-tabs-nav-container {\n font-size: 14px;\n}\n.ant-tabs .ant-tabs-small-bar .ant-tabs-tab {\n padding: 8px 16px;\n}\n.ant-tabs-content::before {\n display: block;\n overflow: hidden;\n content: '';\n}\n.ant-tabs .ant-tabs-top-content,\n.ant-tabs .ant-tabs-bottom-content {\n width: 100%;\n}\n.ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane,\n.ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane {\n -ms-flex-negative: 0;\n flex-shrink: 0;\n width: 100%;\n opacity: 1;\n -webkit-transition: opacity 0.45s;\n -o-transition: opacity 0.45s;\n transition: opacity 0.45s;\n}\n.ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane-inactive,\n.ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane-inactive {\n height: 0;\n padding: 0 !important;\n overflow: hidden;\n opacity: 0;\n pointer-events: none;\n}\n.ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane-inactive input,\n.ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane-inactive input {\n visibility: hidden;\n}\n.ant-tabs .ant-tabs-top-content.ant-tabs-content-animated,\n.ant-tabs .ant-tabs-bottom-content.ant-tabs-content-animated {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n -webkit-transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n -o-transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n will-change: margin-left;\n}\n.ant-tabs .ant-tabs-left-bar,\n.ant-tabs .ant-tabs-right-bar {\n height: 100%;\n border-bottom: 0;\n}\n.ant-tabs .ant-tabs-left-bar .ant-tabs-tab-arrow-show,\n.ant-tabs .ant-tabs-right-bar .ant-tabs-tab-arrow-show {\n width: 100%;\n height: 32px;\n}\n.ant-tabs .ant-tabs-left-bar .ant-tabs-tab,\n.ant-tabs .ant-tabs-right-bar .ant-tabs-tab {\n display: block;\n float: none;\n margin: 0 0 16px 0;\n padding: 8px 24px;\n}\n.ant-tabs .ant-tabs-left-bar .ant-tabs-tab:last-child,\n.ant-tabs .ant-tabs-right-bar .ant-tabs-tab:last-child {\n margin-bottom: 0;\n}\n.ant-tabs .ant-tabs-left-bar .ant-tabs-extra-content,\n.ant-tabs .ant-tabs-right-bar .ant-tabs-extra-content {\n text-align: center;\n}\n.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-scroll,\n.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-scroll {\n width: auto;\n}\n.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container,\n.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container,\n.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap,\n.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap {\n height: 100%;\n}\n.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container,\n.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container {\n margin-bottom: 0;\n}\n.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container.ant-tabs-nav-container-scrolling,\n.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container.ant-tabs-nav-container-scrolling {\n padding: 32px 0;\n}\n.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap,\n.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap {\n margin-bottom: 0;\n}\n.ant-tabs .ant-tabs-left-bar .ant-tabs-nav,\n.ant-tabs .ant-tabs-right-bar .ant-tabs-nav {\n width: 100%;\n}\n.ant-tabs .ant-tabs-left-bar .ant-tabs-ink-bar,\n.ant-tabs .ant-tabs-right-bar .ant-tabs-ink-bar {\n top: 0;\n bottom: auto;\n left: auto;\n width: 2px;\n height: 0;\n}\n.ant-tabs .ant-tabs-left-bar .ant-tabs-tab-next,\n.ant-tabs .ant-tabs-right-bar .ant-tabs-tab-next {\n right: 0;\n bottom: 0;\n width: 100%;\n height: 32px;\n}\n.ant-tabs .ant-tabs-left-bar .ant-tabs-tab-prev,\n.ant-tabs .ant-tabs-right-bar .ant-tabs-tab-prev {\n top: 0;\n width: 100%;\n height: 32px;\n}\n.ant-tabs .ant-tabs-left-content,\n.ant-tabs .ant-tabs-right-content {\n width: auto;\n margin-top: 0 !important;\n overflow: hidden;\n}\n.ant-tabs .ant-tabs-left-bar {\n float: left;\n margin-right: -1px;\n margin-bottom: 0;\n border-right: 1px solid #e8e8e8;\n}\n.ant-tabs .ant-tabs-left-bar .ant-tabs-tab {\n text-align: right;\n}\n.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container {\n margin-right: -1px;\n}\n.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap {\n margin-right: -1px;\n}\n.ant-tabs .ant-tabs-left-bar .ant-tabs-ink-bar {\n right: 1px;\n}\n.ant-tabs .ant-tabs-left-content {\n padding-left: 24px;\n border-left: 1px solid #e8e8e8;\n}\n.ant-tabs .ant-tabs-right-bar {\n float: right;\n margin-bottom: 0;\n margin-left: -1px;\n border-left: 1px solid #e8e8e8;\n}\n.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container {\n margin-left: -1px;\n}\n.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap {\n margin-left: -1px;\n}\n.ant-tabs .ant-tabs-right-bar .ant-tabs-ink-bar {\n left: 1px;\n}\n.ant-tabs .ant-tabs-right-content {\n padding-right: 24px;\n border-right: 1px solid #e8e8e8;\n}\n.ant-tabs-top .ant-tabs-ink-bar-animated,\n.ant-tabs-bottom .ant-tabs-ink-bar-animated {\n -webkit-transition: width 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: width 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n -o-transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n.ant-tabs-left .ant-tabs-ink-bar-animated,\n.ant-tabs-right .ant-tabs-ink-bar-animated {\n -webkit-transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n -o-transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n.no-flex > .ant-tabs-content > .ant-tabs-content-animated,\n.ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-content-animated {\n margin-left: 0 !important;\n -webkit-transform: none !important;\n -ms-transform: none !important;\n transform: none !important;\n}\n.no-flex > .ant-tabs-content > .ant-tabs-tabpane-inactive,\n.ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-tabpane-inactive {\n height: 0;\n padding: 0 !important;\n overflow: hidden;\n opacity: 0;\n pointer-events: none;\n}\n.no-flex > .ant-tabs-content > .ant-tabs-tabpane-inactive input,\n.ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-tabpane-inactive input {\n visibility: hidden;\n}\n.ant-tabs-left-content > .ant-tabs-content-animated,\n.ant-tabs-right-content > .ant-tabs-content-animated {\n margin-left: 0 !important;\n -webkit-transform: none !important;\n -ms-transform: none !important;\n transform: none !important;\n}\n.ant-tabs-left-content > .ant-tabs-tabpane-inactive,\n.ant-tabs-right-content > .ant-tabs-tabpane-inactive {\n height: 0;\n padding: 0 !important;\n overflow: hidden;\n opacity: 0;\n pointer-events: none;\n}\n.ant-tabs-left-content > .ant-tabs-tabpane-inactive input,\n.ant-tabs-right-content > .ant-tabs-tabpane-inactive input {\n visibility: hidden;\n}\n"],"sourceRoot":""}]);
|
|
|
|
// exports
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ 1378:
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__Tabs__ = __webpack_require__(1379);
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__TabPane__ = __webpack_require__(1319);
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__TabContent__ = __webpack_require__(1382);
|
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "TabPane", function() { return __WEBPACK_IMPORTED_MODULE_1__TabPane__["a"]; });
|
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "TabContent", function() { return __WEBPACK_IMPORTED_MODULE_2__TabContent__["a"]; });
|
|
|
|
|
|
|
|
|
|
/* harmony default export */ __webpack_exports__["default"] = (__WEBPACK_IMPORTED_MODULE_0__Tabs__["a" /* default */]);
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ 1379:
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__ = __webpack_require__(25);
|
|
/* 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__(71);
|
|
/* 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_objectWithoutProperties__ = __webpack_require__(74);
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_objectWithoutProperties___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_objectWithoutProperties__);
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_classCallCheck__ = __webpack_require__(12);
|
|
/* 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__(46);
|
|
/* 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__(13);
|
|
/* 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__(14);
|
|
/* 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__(3);
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_9_classnames__);
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10_raf__ = __webpack_require__(1380);
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10_raf___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_10_raf__);
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11_react_lifecycles_compat__ = __webpack_require__(7);
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__KeyCode__ = __webpack_require__(1381);
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_13__TabPane__ = __webpack_require__(1319);
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_14__utils__ = __webpack_require__(1181);
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_15__Sentinel__ = __webpack_require__(1320);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function noop() {}
|
|
|
|
function getDefaultActiveKey(props) {
|
|
var activeKey = void 0;
|
|
__WEBPACK_IMPORTED_MODULE_7_react___default.a.Children.forEach(props.children, function (child) {
|
|
if (child && !activeKey && !child.props.disabled) {
|
|
activeKey = child.key;
|
|
}
|
|
});
|
|
return activeKey;
|
|
}
|
|
|
|
function activeKeyIsValid(props, key) {
|
|
var keys = __WEBPACK_IMPORTED_MODULE_7_react___default.a.Children.map(props.children, function (child) {
|
|
return child && child.key;
|
|
});
|
|
return keys.indexOf(key) >= 0;
|
|
}
|
|
|
|
var Tabs = function (_React$Component) {
|
|
__WEBPACK_IMPORTED_MODULE_6_babel_runtime_helpers_inherits___default()(Tabs, _React$Component);
|
|
|
|
function Tabs(props) {
|
|
__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_classCallCheck___default()(this, Tabs);
|
|
|
|
var _this = __WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_possibleConstructorReturn___default()(this, (Tabs.__proto__ || Object.getPrototypeOf(Tabs)).call(this, props));
|
|
|
|
_initialiseProps.call(_this);
|
|
|
|
var activeKey = void 0;
|
|
if ('activeKey' in props) {
|
|
activeKey = props.activeKey;
|
|
} else if ('defaultActiveKey' in props) {
|
|
activeKey = props.defaultActiveKey;
|
|
} else {
|
|
activeKey = getDefaultActiveKey(props);
|
|
}
|
|
|
|
_this.state = {
|
|
activeKey: activeKey
|
|
};
|
|
return _this;
|
|
}
|
|
|
|
__WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_createClass___default()(Tabs, [{
|
|
key: 'componentWillUnmount',
|
|
value: function componentWillUnmount() {
|
|
this.destroy = true;
|
|
__WEBPACK_IMPORTED_MODULE_10_raf___default.a.cancel(this.sentinelId);
|
|
}
|
|
|
|
// Sentinel for tab index
|
|
|
|
}, {
|
|
key: 'updateSentinelContext',
|
|
value: function updateSentinelContext() {
|
|
var _this2 = this;
|
|
|
|
if (this.destroy) return;
|
|
|
|
__WEBPACK_IMPORTED_MODULE_10_raf___default.a.cancel(this.sentinelId);
|
|
this.sentinelId = __WEBPACK_IMPORTED_MODULE_10_raf___default()(function () {
|
|
if (_this2.destroy) return;
|
|
_this2.forceUpdate();
|
|
});
|
|
}
|
|
}, {
|
|
key: 'render',
|
|
value: function render() {
|
|
var _classnames;
|
|
|
|
var props = this.props;
|
|
|
|
var prefixCls = props.prefixCls,
|
|
navWrapper = props.navWrapper,
|
|
tabBarPosition = props.tabBarPosition,
|
|
className = props.className,
|
|
renderTabContent = props.renderTabContent,
|
|
renderTabBar = props.renderTabBar,
|
|
destroyInactiveTabPane = props.destroyInactiveTabPane,
|
|
direction = props.direction,
|
|
restProps = __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_objectWithoutProperties___default()(props, ['prefixCls', 'navWrapper', 'tabBarPosition', 'className', 'renderTabContent', 'renderTabBar', 'destroyInactiveTabPane', 'direction']);
|
|
|
|
var cls = __WEBPACK_IMPORTED_MODULE_9_classnames___default()((_classnames = {}, __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_defineProperty___default()(_classnames, prefixCls, 1), __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_defineProperty___default()(_classnames, prefixCls + '-' + tabBarPosition, 1), __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_defineProperty___default()(_classnames, className, !!className), __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_defineProperty___default()(_classnames, prefixCls + '-rtl', direction === 'rtl'), _classnames));
|
|
|
|
this.tabBar = renderTabBar();
|
|
|
|
var tabBar = __WEBPACK_IMPORTED_MODULE_7_react___default.a.cloneElement(this.tabBar, {
|
|
prefixCls: prefixCls,
|
|
navWrapper: navWrapper,
|
|
key: 'tabBar',
|
|
onKeyDown: this.onNavKeyDown,
|
|
tabBarPosition: tabBarPosition,
|
|
onTabClick: this.onTabClick,
|
|
panels: props.children,
|
|
activeKey: this.state.activeKey,
|
|
direction: this.props.direction
|
|
});
|
|
|
|
var tabContent = __WEBPACK_IMPORTED_MODULE_7_react___default.a.cloneElement(renderTabContent(), {
|
|
prefixCls: prefixCls,
|
|
tabBarPosition: tabBarPosition,
|
|
activeKey: this.state.activeKey,
|
|
destroyInactiveTabPane: destroyInactiveTabPane,
|
|
children: props.children,
|
|
onChange: this.setActiveKey,
|
|
key: 'tabContent',
|
|
direction: this.props.direction
|
|
});
|
|
|
|
var sentinelStart = __WEBPACK_IMPORTED_MODULE_7_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_15__Sentinel__["c" /* default */], {
|
|
key: 'sentinelStart',
|
|
setRef: this.setSentinelStart,
|
|
nextElement: this.panelSentinelStart
|
|
});
|
|
var sentinelEnd = __WEBPACK_IMPORTED_MODULE_7_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_15__Sentinel__["c" /* default */], {
|
|
key: 'sentinelEnd',
|
|
setRef: this.setSentinelEnd,
|
|
prevElement: this.panelSentinelEnd
|
|
});
|
|
|
|
var contents = [];
|
|
if (tabBarPosition === 'bottom') {
|
|
contents.push(sentinelStart, tabContent, sentinelEnd, tabBar);
|
|
} else {
|
|
contents.push(tabBar, sentinelStart, tabContent, sentinelEnd);
|
|
}
|
|
|
|
return __WEBPACK_IMPORTED_MODULE_7_react___default.a.createElement(
|
|
__WEBPACK_IMPORTED_MODULE_15__Sentinel__["b" /* SentinelProvider */],
|
|
{
|
|
value: {
|
|
sentinelStart: this.sentinelStart,
|
|
sentinelEnd: this.sentinelEnd,
|
|
setPanelSentinelStart: this.setPanelSentinelStart,
|
|
setPanelSentinelEnd: this.setPanelSentinelEnd
|
|
}
|
|
},
|
|
__WEBPACK_IMPORTED_MODULE_7_react___default.a.createElement(
|
|
'div',
|
|
__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default()({
|
|
className: cls,
|
|
style: props.style
|
|
}, Object(__WEBPACK_IMPORTED_MODULE_14__utils__["b" /* getDataAttr */])(restProps), {
|
|
onScroll: this.onScroll
|
|
}),
|
|
contents
|
|
)
|
|
);
|
|
}
|
|
}], [{
|
|
key: 'getDerivedStateFromProps',
|
|
value: function getDerivedStateFromProps(props, state) {
|
|
var newState = {};
|
|
if ('activeKey' in props) {
|
|
newState.activeKey = props.activeKey;
|
|
} else if (!activeKeyIsValid(props, state.activeKey)) {
|
|
newState.activeKey = getDefaultActiveKey(props);
|
|
}
|
|
if (Object.keys(newState).length > 0) {
|
|
return newState;
|
|
}
|
|
return null;
|
|
}
|
|
}]);
|
|
|
|
return Tabs;
|
|
}(__WEBPACK_IMPORTED_MODULE_7_react___default.a.Component);
|
|
|
|
var _initialiseProps = function _initialiseProps() {
|
|
var _this3 = this;
|
|
|
|
this.onTabClick = function (activeKey, e) {
|
|
if (_this3.tabBar.props.onTabClick) {
|
|
_this3.tabBar.props.onTabClick(activeKey, e);
|
|
}
|
|
_this3.setActiveKey(activeKey);
|
|
};
|
|
|
|
this.onNavKeyDown = function (e) {
|
|
var eventKeyCode = e.keyCode;
|
|
if (eventKeyCode === __WEBPACK_IMPORTED_MODULE_12__KeyCode__["a" /* default */].RIGHT || eventKeyCode === __WEBPACK_IMPORTED_MODULE_12__KeyCode__["a" /* default */].DOWN) {
|
|
e.preventDefault();
|
|
var nextKey = _this3.getNextActiveKey(true);
|
|
_this3.onTabClick(nextKey);
|
|
} else if (eventKeyCode === __WEBPACK_IMPORTED_MODULE_12__KeyCode__["a" /* default */].LEFT || eventKeyCode === __WEBPACK_IMPORTED_MODULE_12__KeyCode__["a" /* default */].UP) {
|
|
e.preventDefault();
|
|
var previousKey = _this3.getNextActiveKey(false);
|
|
_this3.onTabClick(previousKey);
|
|
}
|
|
};
|
|
|
|
this.onScroll = function (_ref) {
|
|
var target = _ref.target,
|
|
currentTarget = _ref.currentTarget;
|
|
|
|
if (target === currentTarget && target.scrollLeft > 0) {
|
|
target.scrollLeft = 0;
|
|
}
|
|
};
|
|
|
|
this.setSentinelStart = function (node) {
|
|
_this3.sentinelStart = node;
|
|
};
|
|
|
|
this.setSentinelEnd = function (node) {
|
|
_this3.sentinelEnd = node;
|
|
};
|
|
|
|
this.setPanelSentinelStart = function (node) {
|
|
if (node !== _this3.panelSentinelStart) {
|
|
_this3.updateSentinelContext();
|
|
}
|
|
_this3.panelSentinelStart = node;
|
|
};
|
|
|
|
this.setPanelSentinelEnd = function (node) {
|
|
if (node !== _this3.panelSentinelEnd) {
|
|
_this3.updateSentinelContext();
|
|
}
|
|
_this3.panelSentinelEnd = node;
|
|
};
|
|
|
|
this.setActiveKey = function (activeKey) {
|
|
if (_this3.state.activeKey !== activeKey) {
|
|
if (!('activeKey' in _this3.props)) {
|
|
_this3.setState({
|
|
activeKey: activeKey
|
|
});
|
|
}
|
|
_this3.props.onChange(activeKey);
|
|
}
|
|
};
|
|
|
|
this.getNextActiveKey = function (next) {
|
|
var activeKey = _this3.state.activeKey;
|
|
var children = [];
|
|
__WEBPACK_IMPORTED_MODULE_7_react___default.a.Children.forEach(_this3.props.children, function (c) {
|
|
if (c && !c.props.disabled) {
|
|
if (next) {
|
|
children.push(c);
|
|
} else {
|
|
children.unshift(c);
|
|
}
|
|
}
|
|
});
|
|
var length = children.length;
|
|
var ret = length && children[0].key;
|
|
children.forEach(function (child, i) {
|
|
if (child.key === activeKey) {
|
|
if (i === length - 1) {
|
|
ret = children[0].key;
|
|
} else {
|
|
ret = children[i + 1].key;
|
|
}
|
|
}
|
|
});
|
|
return ret;
|
|
};
|
|
};
|
|
|
|
Tabs.propTypes = {
|
|
destroyInactiveTabPane: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.bool,
|
|
renderTabBar: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.func.isRequired,
|
|
renderTabContent: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.func.isRequired,
|
|
navWrapper: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.func,
|
|
onChange: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.func,
|
|
children: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.node,
|
|
prefixCls: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.string,
|
|
className: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.string,
|
|
tabBarPosition: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.string,
|
|
style: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.object,
|
|
activeKey: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.string,
|
|
defaultActiveKey: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.string,
|
|
direction: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.string
|
|
};
|
|
|
|
Tabs.defaultProps = {
|
|
prefixCls: 'rc-tabs',
|
|
destroyInactiveTabPane: false,
|
|
onChange: noop,
|
|
navWrapper: function navWrapper(arg) {
|
|
return arg;
|
|
},
|
|
tabBarPosition: 'top',
|
|
children: null,
|
|
style: {},
|
|
direction: 'ltr'
|
|
};
|
|
|
|
Tabs.TabPane = __WEBPACK_IMPORTED_MODULE_13__TabPane__["a" /* default */];
|
|
|
|
Object(__WEBPACK_IMPORTED_MODULE_11_react_lifecycles_compat__["polyfill"])(Tabs);
|
|
|
|
/* harmony default export */ __webpack_exports__["a"] = (Tabs);
|
|
|
|
/***/ }),
|
|
|
|
/***/ 1380:
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
/* WEBPACK VAR INJECTION */(function(global) {var now = __webpack_require__(187)
|
|
, 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__(32)))
|
|
|
|
/***/ }),
|
|
|
|
/***/ 1381:
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
/* harmony default export */ __webpack_exports__["a"] = ({
|
|
/**
|
|
* LEFT
|
|
*/
|
|
LEFT: 37, // also NUM_WEST
|
|
/**
|
|
* UP
|
|
*/
|
|
UP: 38, // also NUM_NORTH
|
|
/**
|
|
* RIGHT
|
|
*/
|
|
RIGHT: 39, // also NUM_EAST
|
|
/**
|
|
* DOWN
|
|
*/
|
|
DOWN: 40 // also NUM_SOUTH
|
|
});
|
|
|
|
/***/ }),
|
|
|
|
/***/ 1382:
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__ = __webpack_require__(25);
|
|
/* 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__(71);
|
|
/* 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__(12);
|
|
/* 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__(46);
|
|
/* 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__(13);
|
|
/* 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__(14);
|
|
/* 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_classnames__ = __webpack_require__(3);
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_8_classnames__);
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__utils__ = __webpack_require__(1181);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var TabContent = function (_React$Component) {
|
|
__WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_inherits___default()(TabContent, _React$Component);
|
|
|
|
function TabContent() {
|
|
__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_classCallCheck___default()(this, TabContent);
|
|
|
|
return __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn___default()(this, (TabContent.__proto__ || Object.getPrototypeOf(TabContent)).apply(this, arguments));
|
|
}
|
|
|
|
__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_createClass___default()(TabContent, [{
|
|
key: 'getTabPanes',
|
|
value: function getTabPanes() {
|
|
var props = this.props;
|
|
var activeKey = props.activeKey;
|
|
var children = props.children;
|
|
var newChildren = [];
|
|
|
|
__WEBPACK_IMPORTED_MODULE_6_react___default.a.Children.forEach(children, function (child) {
|
|
if (!child) {
|
|
return;
|
|
}
|
|
var key = child.key;
|
|
var active = activeKey === key;
|
|
newChildren.push(__WEBPACK_IMPORTED_MODULE_6_react___default.a.cloneElement(child, {
|
|
active: active,
|
|
destroyInactiveTabPane: props.destroyInactiveTabPane,
|
|
rootPrefixCls: props.prefixCls
|
|
}));
|
|
});
|
|
|
|
return newChildren;
|
|
}
|
|
}, {
|
|
key: 'render',
|
|
value: function render() {
|
|
var _classnames;
|
|
|
|
var props = this.props;
|
|
var prefixCls = props.prefixCls,
|
|
children = props.children,
|
|
activeKey = props.activeKey,
|
|
className = props.className,
|
|
tabBarPosition = props.tabBarPosition,
|
|
animated = props.animated,
|
|
animatedWithMargin = props.animatedWithMargin,
|
|
direction = props.direction;
|
|
var style = props.style;
|
|
|
|
var classes = __WEBPACK_IMPORTED_MODULE_8_classnames___default()((_classnames = {}, __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_defineProperty___default()(_classnames, prefixCls + '-content', true), __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_defineProperty___default()(_classnames, animated ? prefixCls + '-content-animated' : prefixCls + '-content-no-animated', true), _classnames), className);
|
|
if (animated) {
|
|
var activeIndex = Object(__WEBPACK_IMPORTED_MODULE_9__utils__["a" /* getActiveIndex */])(children, activeKey);
|
|
if (activeIndex !== -1) {
|
|
var animatedStyle = animatedWithMargin ? Object(__WEBPACK_IMPORTED_MODULE_9__utils__["c" /* getMarginStyle */])(activeIndex, tabBarPosition) : Object(__WEBPACK_IMPORTED_MODULE_9__utils__["e" /* getTransformPropValue */])(Object(__WEBPACK_IMPORTED_MODULE_9__utils__["d" /* getTransformByIndex */])(activeIndex, tabBarPosition, direction));
|
|
style = __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default()({}, style, animatedStyle);
|
|
} else {
|
|
style = __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default()({}, style, {
|
|
display: 'none'
|
|
});
|
|
}
|
|
}
|
|
return __WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(
|
|
'div',
|
|
{
|
|
className: classes,
|
|
style: style
|
|
},
|
|
this.getTabPanes()
|
|
);
|
|
}
|
|
}]);
|
|
|
|
return TabContent;
|
|
}(__WEBPACK_IMPORTED_MODULE_6_react___default.a.Component);
|
|
|
|
/* harmony default export */ __webpack_exports__["a"] = (TabContent);
|
|
|
|
|
|
TabContent.propTypes = {
|
|
animated: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.bool,
|
|
animatedWithMargin: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.bool,
|
|
prefixCls: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.string,
|
|
children: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.node,
|
|
activeKey: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.string,
|
|
style: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.any,
|
|
tabBarPosition: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.string,
|
|
className: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.string,
|
|
destroyInactiveTabPane: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.bool,
|
|
direction: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.string
|
|
};
|
|
|
|
TabContent.defaultProps = {
|
|
animated: true
|
|
};
|
|
|
|
/***/ }),
|
|
|
|
/***/ 1383:
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
|
|
var _extends2 = __webpack_require__(25);
|
|
|
|
var _extends3 = _interopRequireDefault(_extends2);
|
|
|
|
var _defineProperty2 = __webpack_require__(71);
|
|
|
|
var _defineProperty3 = _interopRequireDefault(_defineProperty2);
|
|
|
|
var _classCallCheck2 = __webpack_require__(12);
|
|
|
|
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
|
|
|
|
var _createClass2 = __webpack_require__(46);
|
|
|
|
var _createClass3 = _interopRequireDefault(_createClass2);
|
|
|
|
var _possibleConstructorReturn2 = __webpack_require__(13);
|
|
|
|
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
|
|
|
|
var _inherits2 = __webpack_require__(14);
|
|
|
|
var _inherits3 = _interopRequireDefault(_inherits2);
|
|
|
|
var _react = __webpack_require__(0);
|
|
|
|
var _react2 = _interopRequireDefault(_react);
|
|
|
|
var _propTypes = __webpack_require__(1);
|
|
|
|
var _propTypes2 = _interopRequireDefault(_propTypes);
|
|
|
|
var _classnames2 = __webpack_require__(3);
|
|
|
|
var _classnames3 = _interopRequireDefault(_classnames2);
|
|
|
|
var _utils = __webpack_require__(1068);
|
|
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
|
|
|
|
var TabContent = function (_React$Component) {
|
|
(0, _inherits3['default'])(TabContent, _React$Component);
|
|
|
|
function TabContent() {
|
|
(0, _classCallCheck3['default'])(this, TabContent);
|
|
return (0, _possibleConstructorReturn3['default'])(this, (TabContent.__proto__ || Object.getPrototypeOf(TabContent)).apply(this, arguments));
|
|
}
|
|
|
|
(0, _createClass3['default'])(TabContent, [{
|
|
key: 'getTabPanes',
|
|
value: function getTabPanes() {
|
|
var props = this.props;
|
|
var activeKey = props.activeKey;
|
|
var children = props.children;
|
|
var newChildren = [];
|
|
|
|
_react2['default'].Children.forEach(children, function (child) {
|
|
if (!child) {
|
|
return;
|
|
}
|
|
var key = child.key;
|
|
var active = activeKey === key;
|
|
newChildren.push(_react2['default'].cloneElement(child, {
|
|
active: active,
|
|
destroyInactiveTabPane: props.destroyInactiveTabPane,
|
|
rootPrefixCls: props.prefixCls
|
|
}));
|
|
});
|
|
|
|
return newChildren;
|
|
}
|
|
}, {
|
|
key: 'render',
|
|
value: function render() {
|
|
var _classnames;
|
|
|
|
var props = this.props;
|
|
var prefixCls = props.prefixCls,
|
|
children = props.children,
|
|
activeKey = props.activeKey,
|
|
className = props.className,
|
|
tabBarPosition = props.tabBarPosition,
|
|
animated = props.animated,
|
|
animatedWithMargin = props.animatedWithMargin,
|
|
direction = props.direction;
|
|
var style = props.style;
|
|
|
|
var classes = (0, _classnames3['default'])((_classnames = {}, (0, _defineProperty3['default'])(_classnames, prefixCls + '-content', true), (0, _defineProperty3['default'])(_classnames, animated ? prefixCls + '-content-animated' : prefixCls + '-content-no-animated', true), _classnames), className);
|
|
if (animated) {
|
|
var activeIndex = (0, _utils.getActiveIndex)(children, activeKey);
|
|
if (activeIndex !== -1) {
|
|
var animatedStyle = animatedWithMargin ? (0, _utils.getMarginStyle)(activeIndex, tabBarPosition) : (0, _utils.getTransformPropValue)((0, _utils.getTransformByIndex)(activeIndex, tabBarPosition, direction));
|
|
style = (0, _extends3['default'])({}, style, animatedStyle);
|
|
} else {
|
|
style = (0, _extends3['default'])({}, style, {
|
|
display: 'none'
|
|
});
|
|
}
|
|
}
|
|
return _react2['default'].createElement(
|
|
'div',
|
|
{
|
|
className: classes,
|
|
style: style
|
|
},
|
|
this.getTabPanes()
|
|
);
|
|
}
|
|
}]);
|
|
return TabContent;
|
|
}(_react2['default'].Component);
|
|
|
|
exports['default'] = TabContent;
|
|
|
|
|
|
TabContent.propTypes = {
|
|
animated: _propTypes2['default'].bool,
|
|
animatedWithMargin: _propTypes2['default'].bool,
|
|
prefixCls: _propTypes2['default'].string,
|
|
children: _propTypes2['default'].node,
|
|
activeKey: _propTypes2['default'].string,
|
|
style: _propTypes2['default'].any,
|
|
tabBarPosition: _propTypes2['default'].string,
|
|
className: _propTypes2['default'].string,
|
|
destroyInactiveTabPane: _propTypes2['default'].bool,
|
|
direction: _propTypes2['default'].string
|
|
};
|
|
|
|
TabContent.defaultProps = {
|
|
animated: true
|
|
};
|
|
module.exports = exports['default'];
|
|
|
|
/***/ }),
|
|
|
|
/***/ 1384:
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
exports["default"] = void 0;
|
|
|
|
var React = _interopRequireWildcard(__webpack_require__(0));
|
|
|
|
var _ScrollableInkTabBar = _interopRequireDefault(__webpack_require__(1385));
|
|
|
|
var _classnames = _interopRequireDefault(__webpack_require__(3));
|
|
|
|
var _icon = _interopRequireDefault(__webpack_require__(26));
|
|
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
|
|
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
|
|
|
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
|
|
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 _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 _typeof(obj) { "@babel/helpers - typeof"; 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); }
|
|
|
|
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 _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
|
|
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
|
|
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); }
|
|
|
|
var TabBar =
|
|
/*#__PURE__*/
|
|
function (_React$Component) {
|
|
_inherits(TabBar, _React$Component);
|
|
|
|
function TabBar() {
|
|
_classCallCheck(this, TabBar);
|
|
|
|
return _possibleConstructorReturn(this, _getPrototypeOf(TabBar).apply(this, arguments));
|
|
}
|
|
|
|
_createClass(TabBar, [{
|
|
key: "render",
|
|
value: function render() {
|
|
var _classNames;
|
|
|
|
var _this$props = this.props,
|
|
tabBarStyle = _this$props.tabBarStyle,
|
|
animated = _this$props.animated,
|
|
renderTabBar = _this$props.renderTabBar,
|
|
tabBarExtraContent = _this$props.tabBarExtraContent,
|
|
tabPosition = _this$props.tabPosition,
|
|
prefixCls = _this$props.prefixCls,
|
|
className = _this$props.className,
|
|
size = _this$props.size,
|
|
type = _this$props.type;
|
|
var inkBarAnimated = _typeof(animated) === 'object' ? animated.inkBar : animated;
|
|
var isVertical = tabPosition === 'left' || tabPosition === 'right';
|
|
var prevIconType = isVertical ? 'up' : 'left';
|
|
var nextIconType = isVertical ? 'down' : 'right';
|
|
var prevIcon = React.createElement("span", {
|
|
className: "".concat(prefixCls, "-tab-prev-icon")
|
|
}, React.createElement(_icon["default"], {
|
|
type: prevIconType,
|
|
className: "".concat(prefixCls, "-tab-prev-icon-target")
|
|
}));
|
|
var nextIcon = React.createElement("span", {
|
|
className: "".concat(prefixCls, "-tab-next-icon")
|
|
}, React.createElement(_icon["default"], {
|
|
type: nextIconType,
|
|
className: "".concat(prefixCls, "-tab-next-icon-target")
|
|
})); // Additional className for style usage
|
|
|
|
var cls = (0, _classnames["default"])("".concat(prefixCls, "-").concat(tabPosition, "-bar"), (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-").concat(size, "-bar"), !!size), _defineProperty(_classNames, "".concat(prefixCls, "-card-bar"), type && type.indexOf('card') >= 0), _classNames), className);
|
|
|
|
var renderProps = _extends(_extends({}, this.props), {
|
|
children: null,
|
|
inkBarAnimated: inkBarAnimated,
|
|
extraContent: tabBarExtraContent,
|
|
style: tabBarStyle,
|
|
prevIcon: prevIcon,
|
|
nextIcon: nextIcon,
|
|
className: cls
|
|
});
|
|
|
|
var RenderTabBar;
|
|
|
|
if (renderTabBar) {
|
|
RenderTabBar = renderTabBar(renderProps, _ScrollableInkTabBar["default"]);
|
|
} else {
|
|
RenderTabBar = React.createElement(_ScrollableInkTabBar["default"], renderProps);
|
|
}
|
|
|
|
return React.cloneElement(RenderTabBar);
|
|
}
|
|
}]);
|
|
|
|
return TabBar;
|
|
}(React.Component);
|
|
|
|
exports["default"] = TabBar;
|
|
TabBar.defaultProps = {
|
|
animated: true,
|
|
type: 'line'
|
|
};
|
|
//# sourceMappingURL=TabBar.js.map
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ 1385:
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
|
|
var _extends2 = __webpack_require__(25);
|
|
|
|
var _extends3 = _interopRequireDefault(_extends2);
|
|
|
|
var _objectWithoutProperties2 = __webpack_require__(74);
|
|
|
|
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
|
|
|
|
var _classCallCheck2 = __webpack_require__(12);
|
|
|
|
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
|
|
|
|
var _createClass2 = __webpack_require__(46);
|
|
|
|
var _createClass3 = _interopRequireDefault(_createClass2);
|
|
|
|
var _possibleConstructorReturn2 = __webpack_require__(13);
|
|
|
|
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
|
|
|
|
var _inherits2 = __webpack_require__(14);
|
|
|
|
var _inherits3 = _interopRequireDefault(_inherits2);
|
|
|
|
var _react = __webpack_require__(0);
|
|
|
|
var _react2 = _interopRequireDefault(_react);
|
|
|
|
var _propTypes = __webpack_require__(1);
|
|
|
|
var _propTypes2 = _interopRequireDefault(_propTypes);
|
|
|
|
var _InkTabBarNode = __webpack_require__(1386);
|
|
|
|
var _InkTabBarNode2 = _interopRequireDefault(_InkTabBarNode);
|
|
|
|
var _TabBarTabsNode = __webpack_require__(1387);
|
|
|
|
var _TabBarTabsNode2 = _interopRequireDefault(_TabBarTabsNode);
|
|
|
|
var _TabBarRootNode = __webpack_require__(1388);
|
|
|
|
var _TabBarRootNode2 = _interopRequireDefault(_TabBarRootNode);
|
|
|
|
var _ScrollableTabBarNode = __webpack_require__(1389);
|
|
|
|
var _ScrollableTabBarNode2 = _interopRequireDefault(_ScrollableTabBarNode);
|
|
|
|
var _SaveRef = __webpack_require__(1390);
|
|
|
|
var _SaveRef2 = _interopRequireDefault(_SaveRef);
|
|
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
|
|
|
|
var ScrollableInkTabBar = function (_React$Component) {
|
|
(0, _inherits3['default'])(ScrollableInkTabBar, _React$Component);
|
|
|
|
function ScrollableInkTabBar() {
|
|
(0, _classCallCheck3['default'])(this, ScrollableInkTabBar);
|
|
return (0, _possibleConstructorReturn3['default'])(this, (ScrollableInkTabBar.__proto__ || Object.getPrototypeOf(ScrollableInkTabBar)).apply(this, arguments));
|
|
}
|
|
|
|
(0, _createClass3['default'])(ScrollableInkTabBar, [{
|
|
key: 'render',
|
|
value: function render() {
|
|
var _props = this.props,
|
|
renderTabBarNode = _props.children,
|
|
restProps = (0, _objectWithoutProperties3['default'])(_props, ['children']);
|
|
|
|
|
|
return _react2['default'].createElement(
|
|
_SaveRef2['default'],
|
|
null,
|
|
function (saveRef, getRef) {
|
|
return _react2['default'].createElement(
|
|
_TabBarRootNode2['default'],
|
|
(0, _extends3['default'])({ saveRef: saveRef }, restProps),
|
|
_react2['default'].createElement(
|
|
_ScrollableTabBarNode2['default'],
|
|
(0, _extends3['default'])({ saveRef: saveRef, getRef: getRef }, restProps),
|
|
_react2['default'].createElement(_TabBarTabsNode2['default'], (0, _extends3['default'])({ saveRef: saveRef, renderTabBarNode: renderTabBarNode }, restProps)),
|
|
_react2['default'].createElement(_InkTabBarNode2['default'], (0, _extends3['default'])({ saveRef: saveRef, getRef: getRef }, restProps))
|
|
)
|
|
);
|
|
}
|
|
);
|
|
}
|
|
}]);
|
|
return ScrollableInkTabBar;
|
|
}(_react2['default'].Component); /* eslint-disable react/prefer-stateless-function */
|
|
|
|
|
|
exports['default'] = ScrollableInkTabBar;
|
|
|
|
|
|
ScrollableInkTabBar.propTypes = {
|
|
children: _propTypes2['default'].func
|
|
};
|
|
module.exports = exports['default'];
|
|
|
|
/***/ }),
|
|
|
|
/***/ 1386:
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
|
|
var _defineProperty2 = __webpack_require__(71);
|
|
|
|
var _defineProperty3 = _interopRequireDefault(_defineProperty2);
|
|
|
|
var _classCallCheck2 = __webpack_require__(12);
|
|
|
|
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
|
|
|
|
var _createClass2 = __webpack_require__(46);
|
|
|
|
var _createClass3 = _interopRequireDefault(_createClass2);
|
|
|
|
var _possibleConstructorReturn2 = __webpack_require__(13);
|
|
|
|
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
|
|
|
|
var _inherits2 = __webpack_require__(14);
|
|
|
|
var _inherits3 = _interopRequireDefault(_inherits2);
|
|
|
|
var _react = __webpack_require__(0);
|
|
|
|
var _react2 = _interopRequireDefault(_react);
|
|
|
|
var _propTypes = __webpack_require__(1);
|
|
|
|
var _propTypes2 = _interopRequireDefault(_propTypes);
|
|
|
|
var _classnames2 = __webpack_require__(3);
|
|
|
|
var _classnames3 = _interopRequireDefault(_classnames2);
|
|
|
|
var _utils = __webpack_require__(1068);
|
|
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
|
|
|
|
function _componentDidUpdate(component, init) {
|
|
var _component$props = component.props,
|
|
styles = _component$props.styles,
|
|
panels = _component$props.panels,
|
|
activeKey = _component$props.activeKey,
|
|
direction = _component$props.direction;
|
|
|
|
var rootNode = component.props.getRef('root');
|
|
var wrapNode = component.props.getRef('nav') || rootNode;
|
|
var inkBarNode = component.props.getRef('inkBar');
|
|
var activeTab = component.props.getRef('activeTab');
|
|
var inkBarNodeStyle = inkBarNode.style;
|
|
var tabBarPosition = component.props.tabBarPosition;
|
|
var activeIndex = (0, _utils.getActiveIndex)(panels, activeKey);
|
|
if (init) {
|
|
// prevent mount animation
|
|
inkBarNodeStyle.display = 'none';
|
|
}
|
|
if (activeTab) {
|
|
var tabNode = activeTab;
|
|
var transformSupported = (0, _utils.isTransform3dSupported)(inkBarNodeStyle);
|
|
|
|
// Reset current style
|
|
(0, _utils.setTransform)(inkBarNodeStyle, '');
|
|
inkBarNodeStyle.width = '';
|
|
inkBarNodeStyle.height = '';
|
|
inkBarNodeStyle.left = '';
|
|
inkBarNodeStyle.top = '';
|
|
inkBarNodeStyle.bottom = '';
|
|
inkBarNodeStyle.right = '';
|
|
|
|
if (tabBarPosition === 'top' || tabBarPosition === 'bottom') {
|
|
var left = (0, _utils.getLeft)(tabNode, wrapNode);
|
|
var width = tabNode.offsetWidth;
|
|
|
|
// If tabNode'width width equal to wrapNode'width when tabBarPosition is top or bottom
|
|
// It means no css working, then ink bar should not have width until css is loaded
|
|
// Fix https://github.com/ant-design/ant-design/issues/7564
|
|
if (width === rootNode.offsetWidth) {
|
|
width = 0;
|
|
} else if (styles.inkBar && styles.inkBar.width !== undefined) {
|
|
width = parseFloat(styles.inkBar.width, 10);
|
|
if (width) {
|
|
left += (tabNode.offsetWidth - width) / 2;
|
|
}
|
|
}
|
|
if (direction === 'rtl') {
|
|
left = (0, _utils.getStyle)(tabNode, 'margin-left') - left;
|
|
}
|
|
// use 3d gpu to optimize render
|
|
if (transformSupported) {
|
|
(0, _utils.setTransform)(inkBarNodeStyle, 'translate3d(' + left + 'px,0,0)');
|
|
} else {
|
|
inkBarNodeStyle.left = left + 'px';
|
|
}
|
|
inkBarNodeStyle.width = width + 'px';
|
|
} else {
|
|
var top = (0, _utils.getTop)(tabNode, wrapNode, true);
|
|
var height = tabNode.offsetHeight;
|
|
if (styles.inkBar && styles.inkBar.height !== undefined) {
|
|
height = parseFloat(styles.inkBar.height, 10);
|
|
if (height) {
|
|
top += (tabNode.offsetHeight - height) / 2;
|
|
}
|
|
}
|
|
if (transformSupported) {
|
|
(0, _utils.setTransform)(inkBarNodeStyle, 'translate3d(0,' + top + 'px,0)');
|
|
inkBarNodeStyle.top = '0';
|
|
} else {
|
|
inkBarNodeStyle.top = top + 'px';
|
|
}
|
|
inkBarNodeStyle.height = height + 'px';
|
|
}
|
|
}
|
|
inkBarNodeStyle.display = activeIndex !== -1 ? 'block' : 'none';
|
|
}
|
|
|
|
var InkTabBarNode = function (_React$Component) {
|
|
(0, _inherits3['default'])(InkTabBarNode, _React$Component);
|
|
|
|
function InkTabBarNode() {
|
|
(0, _classCallCheck3['default'])(this, InkTabBarNode);
|
|
return (0, _possibleConstructorReturn3['default'])(this, (InkTabBarNode.__proto__ || Object.getPrototypeOf(InkTabBarNode)).apply(this, arguments));
|
|
}
|
|
|
|
(0, _createClass3['default'])(InkTabBarNode, [{
|
|
key: 'componentDidMount',
|
|
value: function componentDidMount() {
|
|
var _this2 = this;
|
|
|
|
// ref https://github.com/ant-design/ant-design/issues/8678
|
|
// ref https://github.com/react-component/tabs/issues/135
|
|
// InkTabBarNode need parent/root ref for calculating position
|
|
// since parent componentDidMount triggered after child componentDidMount
|
|
// we're doing a quick fix here to use setTimeout to calculate position
|
|
// after parent/root component mounted
|
|
this.timeout = setTimeout(function () {
|
|
_componentDidUpdate(_this2, true);
|
|
}, 0);
|
|
}
|
|
}, {
|
|
key: 'componentDidUpdate',
|
|
value: function componentDidUpdate() {
|
|
_componentDidUpdate(this);
|
|
}
|
|
}, {
|
|
key: 'componentWillUnmount',
|
|
value: function componentWillUnmount() {
|
|
clearTimeout(this.timeout);
|
|
}
|
|
}, {
|
|
key: 'render',
|
|
value: function render() {
|
|
var _classnames;
|
|
|
|
var _props = this.props,
|
|
prefixCls = _props.prefixCls,
|
|
styles = _props.styles,
|
|
inkBarAnimated = _props.inkBarAnimated;
|
|
|
|
var className = prefixCls + '-ink-bar';
|
|
var classes = (0, _classnames3['default'])((_classnames = {}, (0, _defineProperty3['default'])(_classnames, className, true), (0, _defineProperty3['default'])(_classnames, inkBarAnimated ? className + '-animated' : className + '-no-animated', true), _classnames));
|
|
return _react2['default'].createElement('div', {
|
|
style: styles.inkBar,
|
|
className: classes,
|
|
key: 'inkBar',
|
|
ref: this.props.saveRef('inkBar')
|
|
});
|
|
}
|
|
}]);
|
|
return InkTabBarNode;
|
|
}(_react2['default'].Component);
|
|
|
|
exports['default'] = InkTabBarNode;
|
|
|
|
|
|
InkTabBarNode.propTypes = {
|
|
prefixCls: _propTypes2['default'].string,
|
|
styles: _propTypes2['default'].object,
|
|
inkBarAnimated: _propTypes2['default'].bool,
|
|
saveRef: _propTypes2['default'].func,
|
|
direction: _propTypes2['default'].string
|
|
};
|
|
|
|
InkTabBarNode.defaultProps = {
|
|
prefixCls: '',
|
|
inkBarAnimated: true,
|
|
styles: {},
|
|
saveRef: function saveRef() {}
|
|
};
|
|
module.exports = exports['default'];
|
|
|
|
/***/ }),
|
|
|
|
/***/ 1387:
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
|
|
var _extends2 = __webpack_require__(25);
|
|
|
|
var _extends3 = _interopRequireDefault(_extends2);
|
|
|
|
var _defineProperty2 = __webpack_require__(71);
|
|
|
|
var _defineProperty3 = _interopRequireDefault(_defineProperty2);
|
|
|
|
var _classCallCheck2 = __webpack_require__(12);
|
|
|
|
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
|
|
|
|
var _createClass2 = __webpack_require__(46);
|
|
|
|
var _createClass3 = _interopRequireDefault(_createClass2);
|
|
|
|
var _possibleConstructorReturn2 = __webpack_require__(13);
|
|
|
|
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
|
|
|
|
var _inherits2 = __webpack_require__(14);
|
|
|
|
var _inherits3 = _interopRequireDefault(_inherits2);
|
|
|
|
var _react = __webpack_require__(0);
|
|
|
|
var _react2 = _interopRequireDefault(_react);
|
|
|
|
var _warning = __webpack_require__(35);
|
|
|
|
var _warning2 = _interopRequireDefault(_warning);
|
|
|
|
var _propTypes = __webpack_require__(1);
|
|
|
|
var _propTypes2 = _interopRequireDefault(_propTypes);
|
|
|
|
var _utils = __webpack_require__(1068);
|
|
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
|
|
|
|
var TabBarTabsNode = function (_React$Component) {
|
|
(0, _inherits3['default'])(TabBarTabsNode, _React$Component);
|
|
|
|
function TabBarTabsNode() {
|
|
(0, _classCallCheck3['default'])(this, TabBarTabsNode);
|
|
return (0, _possibleConstructorReturn3['default'])(this, (TabBarTabsNode.__proto__ || Object.getPrototypeOf(TabBarTabsNode)).apply(this, arguments));
|
|
}
|
|
|
|
(0, _createClass3['default'])(TabBarTabsNode, [{
|
|
key: 'render',
|
|
value: function render() {
|
|
var _this2 = this;
|
|
|
|
var _props = this.props,
|
|
children = _props.panels,
|
|
activeKey = _props.activeKey,
|
|
prefixCls = _props.prefixCls,
|
|
tabBarGutter = _props.tabBarGutter,
|
|
saveRef = _props.saveRef,
|
|
tabBarPosition = _props.tabBarPosition,
|
|
renderTabBarNode = _props.renderTabBarNode,
|
|
direction = _props.direction;
|
|
|
|
var rst = [];
|
|
|
|
_react2['default'].Children.forEach(children, function (child, index) {
|
|
if (!child) {
|
|
return;
|
|
}
|
|
var key = child.key;
|
|
var cls = activeKey === key ? prefixCls + '-tab-active' : '';
|
|
cls += ' ' + prefixCls + '-tab';
|
|
var events = {};
|
|
if (child.props.disabled) {
|
|
cls += ' ' + prefixCls + '-tab-disabled';
|
|
} else {
|
|
events = {
|
|
onClick: _this2.props.onTabClick.bind(_this2, key)
|
|
};
|
|
}
|
|
var ref = {};
|
|
if (activeKey === key) {
|
|
ref.ref = saveRef('activeTab');
|
|
}
|
|
|
|
var gutter = tabBarGutter && index === children.length - 1 ? 0 : tabBarGutter;
|
|
|
|
var marginProperty = direction === 'rtl' ? 'marginLeft' : 'marginRight';
|
|
var style = (0, _defineProperty3['default'])({}, (0, _utils.isVertical)(tabBarPosition) ? 'marginBottom' : marginProperty, gutter);
|
|
(0, _warning2['default'])('tab' in child.props, 'There must be `tab` property on children of Tabs.');
|
|
|
|
var node = _react2['default'].createElement(
|
|
'div',
|
|
(0, _extends3['default'])({
|
|
role: 'tab',
|
|
'aria-disabled': child.props.disabled ? 'true' : 'false',
|
|
'aria-selected': activeKey === key ? 'true' : 'false'
|
|
}, events, {
|
|
className: cls,
|
|
key: key,
|
|
style: style
|
|
}, ref),
|
|
child.props.tab
|
|
);
|
|
|
|
if (renderTabBarNode) {
|
|
node = renderTabBarNode(node);
|
|
}
|
|
|
|
rst.push(node);
|
|
});
|
|
|
|
return _react2['default'].createElement(
|
|
'div',
|
|
{ ref: saveRef('navTabsContainer') },
|
|
rst
|
|
);
|
|
}
|
|
}]);
|
|
return TabBarTabsNode;
|
|
}(_react2['default'].Component);
|
|
|
|
exports['default'] = TabBarTabsNode;
|
|
|
|
|
|
TabBarTabsNode.propTypes = {
|
|
activeKey: _propTypes2['default'].string,
|
|
panels: _propTypes2['default'].node,
|
|
prefixCls: _propTypes2['default'].string,
|
|
tabBarGutter: _propTypes2['default'].number,
|
|
onTabClick: _propTypes2['default'].func,
|
|
saveRef: _propTypes2['default'].func,
|
|
renderTabBarNode: _propTypes2['default'].func,
|
|
tabBarPosition: _propTypes2['default'].string,
|
|
direction: _propTypes2['default'].string
|
|
};
|
|
|
|
TabBarTabsNode.defaultProps = {
|
|
panels: [],
|
|
prefixCls: [],
|
|
tabBarGutter: null,
|
|
onTabClick: function onTabClick() {},
|
|
saveRef: function saveRef() {}
|
|
};
|
|
module.exports = exports['default'];
|
|
|
|
/***/ }),
|
|
|
|
/***/ 1388:
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
|
|
var _extends2 = __webpack_require__(25);
|
|
|
|
var _extends3 = _interopRequireDefault(_extends2);
|
|
|
|
var _defineProperty2 = __webpack_require__(71);
|
|
|
|
var _defineProperty3 = _interopRequireDefault(_defineProperty2);
|
|
|
|
var _objectWithoutProperties2 = __webpack_require__(74);
|
|
|
|
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
|
|
|
|
var _classCallCheck2 = __webpack_require__(12);
|
|
|
|
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
|
|
|
|
var _createClass2 = __webpack_require__(46);
|
|
|
|
var _createClass3 = _interopRequireDefault(_createClass2);
|
|
|
|
var _possibleConstructorReturn2 = __webpack_require__(13);
|
|
|
|
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
|
|
|
|
var _inherits2 = __webpack_require__(14);
|
|
|
|
var _inherits3 = _interopRequireDefault(_inherits2);
|
|
|
|
var _react = __webpack_require__(0);
|
|
|
|
var _react2 = _interopRequireDefault(_react);
|
|
|
|
var _propTypes = __webpack_require__(1);
|
|
|
|
var _propTypes2 = _interopRequireDefault(_propTypes);
|
|
|
|
var _classnames2 = __webpack_require__(3);
|
|
|
|
var _classnames3 = _interopRequireDefault(_classnames2);
|
|
|
|
var _utils = __webpack_require__(1068);
|
|
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
|
|
|
|
var TabBarRootNode = function (_React$Component) {
|
|
(0, _inherits3['default'])(TabBarRootNode, _React$Component);
|
|
|
|
function TabBarRootNode() {
|
|
(0, _classCallCheck3['default'])(this, TabBarRootNode);
|
|
return (0, _possibleConstructorReturn3['default'])(this, (TabBarRootNode.__proto__ || Object.getPrototypeOf(TabBarRootNode)).apply(this, arguments));
|
|
}
|
|
|
|
(0, _createClass3['default'])(TabBarRootNode, [{
|
|
key: 'render',
|
|
value: function render() {
|
|
var _props = this.props,
|
|
prefixCls = _props.prefixCls,
|
|
onKeyDown = _props.onKeyDown,
|
|
className = _props.className,
|
|
extraContent = _props.extraContent,
|
|
style = _props.style,
|
|
tabBarPosition = _props.tabBarPosition,
|
|
children = _props.children,
|
|
restProps = (0, _objectWithoutProperties3['default'])(_props, ['prefixCls', 'onKeyDown', 'className', 'extraContent', 'style', 'tabBarPosition', 'children']);
|
|
|
|
var cls = (0, _classnames3['default'])(prefixCls + '-bar', (0, _defineProperty3['default'])({}, className, !!className));
|
|
var topOrBottom = tabBarPosition === 'top' || tabBarPosition === 'bottom';
|
|
var tabBarExtraContentStyle = topOrBottom ? { float: 'right' } : {};
|
|
var extraContentStyle = extraContent && extraContent.props ? extraContent.props.style : {};
|
|
var newChildren = children;
|
|
if (extraContent) {
|
|
newChildren = [(0, _react.cloneElement)(extraContent, {
|
|
key: 'extra',
|
|
style: (0, _extends3['default'])({}, tabBarExtraContentStyle, extraContentStyle)
|
|
}), (0, _react.cloneElement)(children, { key: 'content' })];
|
|
newChildren = topOrBottom ? newChildren : newChildren.reverse();
|
|
}
|
|
return _react2['default'].createElement(
|
|
'div',
|
|
(0, _extends3['default'])({
|
|
role: 'tablist',
|
|
className: cls,
|
|
tabIndex: '0',
|
|
ref: this.props.saveRef('root'),
|
|
onKeyDown: onKeyDown,
|
|
style: style
|
|
}, (0, _utils.getDataAttr)(restProps)),
|
|
newChildren
|
|
);
|
|
}
|
|
}]);
|
|
return TabBarRootNode;
|
|
}(_react2['default'].Component);
|
|
|
|
exports['default'] = TabBarRootNode;
|
|
|
|
|
|
TabBarRootNode.propTypes = {
|
|
prefixCls: _propTypes2['default'].string,
|
|
className: _propTypes2['default'].string,
|
|
style: _propTypes2['default'].object,
|
|
tabBarPosition: _propTypes2['default'].oneOf(['left', 'right', 'top', 'bottom']),
|
|
children: _propTypes2['default'].node,
|
|
extraContent: _propTypes2['default'].node,
|
|
onKeyDown: _propTypes2['default'].func,
|
|
saveRef: _propTypes2['default'].func
|
|
};
|
|
|
|
TabBarRootNode.defaultProps = {
|
|
prefixCls: '',
|
|
className: '',
|
|
style: {},
|
|
tabBarPosition: 'top',
|
|
extraContent: null,
|
|
children: null,
|
|
onKeyDown: function onKeyDown() {},
|
|
saveRef: function saveRef() {}
|
|
};
|
|
module.exports = exports['default'];
|
|
|
|
/***/ }),
|
|
|
|
/***/ 1389:
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
|
|
var _defineProperty2 = __webpack_require__(71);
|
|
|
|
var _defineProperty3 = _interopRequireDefault(_defineProperty2);
|
|
|
|
var _classCallCheck2 = __webpack_require__(12);
|
|
|
|
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
|
|
|
|
var _createClass2 = __webpack_require__(46);
|
|
|
|
var _createClass3 = _interopRequireDefault(_createClass2);
|
|
|
|
var _possibleConstructorReturn2 = __webpack_require__(13);
|
|
|
|
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
|
|
|
|
var _inherits2 = __webpack_require__(14);
|
|
|
|
var _inherits3 = _interopRequireDefault(_inherits2);
|
|
|
|
var _react = __webpack_require__(0);
|
|
|
|
var _react2 = _interopRequireDefault(_react);
|
|
|
|
var _propTypes = __webpack_require__(1);
|
|
|
|
var _propTypes2 = _interopRequireDefault(_propTypes);
|
|
|
|
var _classnames5 = __webpack_require__(3);
|
|
|
|
var _classnames6 = _interopRequireDefault(_classnames5);
|
|
|
|
var _debounce = __webpack_require__(114);
|
|
|
|
var _debounce2 = _interopRequireDefault(_debounce);
|
|
|
|
var _resizeObserverPolyfill = __webpack_require__(193);
|
|
|
|
var _resizeObserverPolyfill2 = _interopRequireDefault(_resizeObserverPolyfill);
|
|
|
|
var _utils = __webpack_require__(1068);
|
|
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
|
|
|
|
var ScrollableTabBarNode = function (_React$Component) {
|
|
(0, _inherits3['default'])(ScrollableTabBarNode, _React$Component);
|
|
|
|
function ScrollableTabBarNode(props) {
|
|
(0, _classCallCheck3['default'])(this, ScrollableTabBarNode);
|
|
|
|
var _this = (0, _possibleConstructorReturn3['default'])(this, (ScrollableTabBarNode.__proto__ || Object.getPrototypeOf(ScrollableTabBarNode)).call(this, props));
|
|
|
|
_this.prevTransitionEnd = function (e) {
|
|
if (e.propertyName !== 'opacity') {
|
|
return;
|
|
}
|
|
var container = _this.props.getRef('container');
|
|
_this.scrollToActiveTab({
|
|
target: container,
|
|
currentTarget: container
|
|
});
|
|
};
|
|
|
|
_this.scrollToActiveTab = function (e) {
|
|
var activeTab = _this.props.getRef('activeTab');
|
|
var navWrap = _this.props.getRef('navWrap');
|
|
if (e && e.target !== e.currentTarget || !activeTab) {
|
|
return;
|
|
}
|
|
|
|
// when not scrollable or enter scrollable first time, don't emit scrolling
|
|
var needToSroll = _this.isNextPrevShown() && _this.lastNextPrevShown;
|
|
_this.lastNextPrevShown = _this.isNextPrevShown();
|
|
if (!needToSroll) {
|
|
return;
|
|
}
|
|
|
|
var activeTabWH = _this.getScrollWH(activeTab);
|
|
var navWrapNodeWH = _this.getOffsetWH(navWrap);
|
|
var offset = _this.offset;
|
|
|
|
var wrapOffset = _this.getOffsetLT(navWrap);
|
|
var activeTabOffset = _this.getOffsetLT(activeTab);
|
|
if (wrapOffset > activeTabOffset) {
|
|
offset += wrapOffset - activeTabOffset;
|
|
_this.setOffset(offset);
|
|
} else if (wrapOffset + navWrapNodeWH < activeTabOffset + activeTabWH) {
|
|
offset -= activeTabOffset + activeTabWH - (wrapOffset + navWrapNodeWH);
|
|
_this.setOffset(offset);
|
|
}
|
|
};
|
|
|
|
_this.prev = function (e) {
|
|
_this.props.onPrevClick(e);
|
|
var navWrapNode = _this.props.getRef('navWrap');
|
|
var navWrapNodeWH = _this.getOffsetWH(navWrapNode);
|
|
var offset = _this.offset;
|
|
|
|
_this.setOffset(offset + navWrapNodeWH);
|
|
};
|
|
|
|
_this.next = function (e) {
|
|
_this.props.onNextClick(e);
|
|
var navWrapNode = _this.props.getRef('navWrap');
|
|
var navWrapNodeWH = _this.getOffsetWH(navWrapNode);
|
|
var offset = _this.offset;
|
|
|
|
_this.setOffset(offset - navWrapNodeWH);
|
|
};
|
|
|
|
_this.offset = 0;
|
|
|
|
_this.state = {
|
|
next: false,
|
|
prev: false
|
|
};
|
|
return _this;
|
|
}
|
|
|
|
(0, _createClass3['default'])(ScrollableTabBarNode, [{
|
|
key: 'componentDidMount',
|
|
value: function componentDidMount() {
|
|
var _this2 = this;
|
|
|
|
this.componentDidUpdate();
|
|
this.debouncedResize = (0, _debounce2['default'])(function () {
|
|
_this2.setNextPrev();
|
|
_this2.scrollToActiveTab();
|
|
}, 200);
|
|
this.resizeObserver = new _resizeObserverPolyfill2['default'](this.debouncedResize);
|
|
this.resizeObserver.observe(this.props.getRef('container'));
|
|
}
|
|
}, {
|
|
key: 'componentDidUpdate',
|
|
value: function componentDidUpdate(prevProps) {
|
|
var props = this.props;
|
|
if (prevProps && prevProps.tabBarPosition !== props.tabBarPosition) {
|
|
this.setOffset(0);
|
|
return;
|
|
}
|
|
var nextPrev = this.setNextPrev();
|
|
// wait next, prev show hide
|
|
/* eslint react/no-did-update-set-state:0 */
|
|
if (this.isNextPrevShown(this.state) !== this.isNextPrevShown(nextPrev)) {
|
|
this.setState({}, this.scrollToActiveTab);
|
|
} else if (!prevProps || props.activeKey !== prevProps.activeKey) {
|
|
// can not use props.activeKey
|
|
this.scrollToActiveTab();
|
|
}
|
|
}
|
|
}, {
|
|
key: 'componentWillUnmount',
|
|
value: function componentWillUnmount() {
|
|
if (this.resizeObserver) {
|
|
this.resizeObserver.disconnect();
|
|
}
|
|
if (this.debouncedResize && this.debouncedResize.cancel) {
|
|
this.debouncedResize.cancel();
|
|
}
|
|
}
|
|
}, {
|
|
key: 'setNextPrev',
|
|
value: function setNextPrev() {
|
|
var navNode = this.props.getRef('nav');
|
|
var navTabsContainer = this.props.getRef('navTabsContainer');
|
|
var navNodeWH = this.getScrollWH(navTabsContainer || navNode);
|
|
// Add 1px to fix `offsetWidth` with decimal in Chrome not correct handle
|
|
// https://github.com/ant-design/ant-design/issues/13423
|
|
var containerWH = this.getOffsetWH(this.props.getRef('container')) + 1;
|
|
var navWrapNodeWH = this.getOffsetWH(this.props.getRef('navWrap'));
|
|
var offset = this.offset;
|
|
|
|
var minOffset = containerWH - navNodeWH;
|
|
var _state = this.state,
|
|
next = _state.next,
|
|
prev = _state.prev;
|
|
|
|
if (minOffset >= 0) {
|
|
next = false;
|
|
this.setOffset(0, false);
|
|
offset = 0;
|
|
} else if (minOffset < offset) {
|
|
next = true;
|
|
} else {
|
|
next = false;
|
|
// Fix https://github.com/ant-design/ant-design/issues/8861
|
|
// Test with container offset which is stable
|
|
// and set the offset of the nav wrap node
|
|
var realOffset = navWrapNodeWH - navNodeWH;
|
|
this.setOffset(realOffset, false);
|
|
offset = realOffset;
|
|
}
|
|
|
|
if (offset < 0) {
|
|
prev = true;
|
|
} else {
|
|
prev = false;
|
|
}
|
|
|
|
this.setNext(next);
|
|
this.setPrev(prev);
|
|
return {
|
|
next: next,
|
|
prev: prev
|
|
};
|
|
}
|
|
}, {
|
|
key: 'getOffsetWH',
|
|
value: function getOffsetWH(node) {
|
|
var tabBarPosition = this.props.tabBarPosition;
|
|
var prop = 'offsetWidth';
|
|
if (tabBarPosition === 'left' || tabBarPosition === 'right') {
|
|
prop = 'offsetHeight';
|
|
}
|
|
return node[prop];
|
|
}
|
|
}, {
|
|
key: 'getScrollWH',
|
|
value: function getScrollWH(node) {
|
|
var tabBarPosition = this.props.tabBarPosition;
|
|
var prop = 'scrollWidth';
|
|
if (tabBarPosition === 'left' || tabBarPosition === 'right') {
|
|
prop = 'scrollHeight';
|
|
}
|
|
return node[prop];
|
|
}
|
|
}, {
|
|
key: 'getOffsetLT',
|
|
value: function getOffsetLT(node) {
|
|
var tabBarPosition = this.props.tabBarPosition;
|
|
var prop = 'left';
|
|
if (tabBarPosition === 'left' || tabBarPosition === 'right') {
|
|
prop = 'top';
|
|
}
|
|
return node.getBoundingClientRect()[prop];
|
|
}
|
|
}, {
|
|
key: 'setOffset',
|
|
value: function setOffset(offset) {
|
|
var checkNextPrev = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
|
|
|
var target = Math.min(0, offset);
|
|
if (this.offset !== target) {
|
|
this.offset = target;
|
|
var navOffset = {};
|
|
var tabBarPosition = this.props.tabBarPosition;
|
|
var navStyle = this.props.getRef('nav').style;
|
|
var transformSupported = (0, _utils.isTransform3dSupported)(navStyle);
|
|
if (tabBarPosition === 'left' || tabBarPosition === 'right') {
|
|
if (transformSupported) {
|
|
navOffset = {
|
|
value: 'translate3d(0,' + target + 'px,0)'
|
|
};
|
|
} else {
|
|
navOffset = {
|
|
name: 'top',
|
|
value: target + 'px'
|
|
};
|
|
}
|
|
} else if (transformSupported) {
|
|
if (this.props.direction === 'rtl') {
|
|
target = -target;
|
|
}
|
|
navOffset = {
|
|
value: 'translate3d(' + target + 'px,0,0)'
|
|
};
|
|
} else {
|
|
navOffset = {
|
|
name: 'left',
|
|
value: target + 'px'
|
|
};
|
|
}
|
|
if (transformSupported) {
|
|
(0, _utils.setTransform)(navStyle, navOffset.value);
|
|
} else {
|
|
navStyle[navOffset.name] = navOffset.value;
|
|
}
|
|
if (checkNextPrev) {
|
|
this.setNextPrev();
|
|
}
|
|
}
|
|
}
|
|
}, {
|
|
key: 'setPrev',
|
|
value: function setPrev(v) {
|
|
if (this.state.prev !== v) {
|
|
this.setState({
|
|
prev: v
|
|
});
|
|
}
|
|
}
|
|
}, {
|
|
key: 'setNext',
|
|
value: function setNext(v) {
|
|
if (this.state.next !== v) {
|
|
this.setState({
|
|
next: v
|
|
});
|
|
}
|
|
}
|
|
}, {
|
|
key: 'isNextPrevShown',
|
|
value: function isNextPrevShown(state) {
|
|
if (state) {
|
|
return state.next || state.prev;
|
|
}
|
|
return this.state.next || this.state.prev;
|
|
}
|
|
}, {
|
|
key: 'render',
|
|
value: function render() {
|
|
var _classnames, _classnames2, _classnames3, _classnames4;
|
|
|
|
var _state2 = this.state,
|
|
next = _state2.next,
|
|
prev = _state2.prev;
|
|
var _props = this.props,
|
|
prefixCls = _props.prefixCls,
|
|
scrollAnimated = _props.scrollAnimated,
|
|
navWrapper = _props.navWrapper,
|
|
prevIcon = _props.prevIcon,
|
|
nextIcon = _props.nextIcon;
|
|
|
|
var showNextPrev = prev || next;
|
|
|
|
var prevButton = _react2['default'].createElement(
|
|
'span',
|
|
{
|
|
onClick: prev ? this.prev : null,
|
|
unselectable: 'unselectable',
|
|
className: (0, _classnames6['default'])((_classnames = {}, (0, _defineProperty3['default'])(_classnames, prefixCls + '-tab-prev', 1), (0, _defineProperty3['default'])(_classnames, prefixCls + '-tab-btn-disabled', !prev), (0, _defineProperty3['default'])(_classnames, prefixCls + '-tab-arrow-show', showNextPrev), _classnames)),
|
|
onTransitionEnd: this.prevTransitionEnd
|
|
},
|
|
prevIcon || _react2['default'].createElement('span', { className: prefixCls + '-tab-prev-icon' })
|
|
);
|
|
|
|
var nextButton = _react2['default'].createElement(
|
|
'span',
|
|
{
|
|
onClick: next ? this.next : null,
|
|
unselectable: 'unselectable',
|
|
className: (0, _classnames6['default'])((_classnames2 = {}, (0, _defineProperty3['default'])(_classnames2, prefixCls + '-tab-next', 1), (0, _defineProperty3['default'])(_classnames2, prefixCls + '-tab-btn-disabled', !next), (0, _defineProperty3['default'])(_classnames2, prefixCls + '-tab-arrow-show', showNextPrev), _classnames2))
|
|
},
|
|
nextIcon || _react2['default'].createElement('span', { className: prefixCls + '-tab-next-icon' })
|
|
);
|
|
|
|
var navClassName = prefixCls + '-nav';
|
|
var navClasses = (0, _classnames6['default'])((_classnames3 = {}, (0, _defineProperty3['default'])(_classnames3, navClassName, true), (0, _defineProperty3['default'])(_classnames3, scrollAnimated ? navClassName + '-animated' : navClassName + '-no-animated', true), _classnames3));
|
|
|
|
return _react2['default'].createElement(
|
|
'div',
|
|
{
|
|
className: (0, _classnames6['default'])((_classnames4 = {}, (0, _defineProperty3['default'])(_classnames4, prefixCls + '-nav-container', 1), (0, _defineProperty3['default'])(_classnames4, prefixCls + '-nav-container-scrolling', showNextPrev), _classnames4)),
|
|
key: 'container',
|
|
ref: this.props.saveRef('container')
|
|
},
|
|
prevButton,
|
|
nextButton,
|
|
_react2['default'].createElement(
|
|
'div',
|
|
{ className: prefixCls + '-nav-wrap', ref: this.props.saveRef('navWrap') },
|
|
_react2['default'].createElement(
|
|
'div',
|
|
{ className: prefixCls + '-nav-scroll' },
|
|
_react2['default'].createElement(
|
|
'div',
|
|
{ className: navClasses, ref: this.props.saveRef('nav') },
|
|
navWrapper(this.props.children)
|
|
)
|
|
)
|
|
)
|
|
);
|
|
}
|
|
}]);
|
|
return ScrollableTabBarNode;
|
|
}(_react2['default'].Component);
|
|
|
|
exports['default'] = ScrollableTabBarNode;
|
|
|
|
|
|
ScrollableTabBarNode.propTypes = {
|
|
activeKey: _propTypes2['default'].string,
|
|
getRef: _propTypes2['default'].func.isRequired,
|
|
saveRef: _propTypes2['default'].func.isRequired,
|
|
tabBarPosition: _propTypes2['default'].oneOf(['left', 'right', 'top', 'bottom']),
|
|
prefixCls: _propTypes2['default'].string,
|
|
scrollAnimated: _propTypes2['default'].bool,
|
|
onPrevClick: _propTypes2['default'].func,
|
|
onNextClick: _propTypes2['default'].func,
|
|
navWrapper: _propTypes2['default'].func,
|
|
children: _propTypes2['default'].node,
|
|
prevIcon: _propTypes2['default'].node,
|
|
nextIcon: _propTypes2['default'].node,
|
|
direction: _propTypes2['default'].node
|
|
};
|
|
|
|
ScrollableTabBarNode.defaultProps = {
|
|
tabBarPosition: 'left',
|
|
prefixCls: '',
|
|
scrollAnimated: true,
|
|
onPrevClick: function onPrevClick() {},
|
|
onNextClick: function onNextClick() {},
|
|
navWrapper: function navWrapper(ele) {
|
|
return ele;
|
|
}
|
|
};
|
|
module.exports = exports['default'];
|
|
|
|
/***/ }),
|
|
|
|
/***/ 1390:
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
|
|
var _classCallCheck2 = __webpack_require__(12);
|
|
|
|
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
|
|
|
|
var _createClass2 = __webpack_require__(46);
|
|
|
|
var _createClass3 = _interopRequireDefault(_createClass2);
|
|
|
|
var _possibleConstructorReturn2 = __webpack_require__(13);
|
|
|
|
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
|
|
|
|
var _inherits2 = __webpack_require__(14);
|
|
|
|
var _inherits3 = _interopRequireDefault(_inherits2);
|
|
|
|
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 }; }
|
|
|
|
var SaveRef = function (_React$Component) {
|
|
(0, _inherits3['default'])(SaveRef, _React$Component);
|
|
|
|
function SaveRef() {
|
|
var _ref;
|
|
|
|
var _temp, _this, _ret;
|
|
|
|
(0, _classCallCheck3['default'])(this, SaveRef);
|
|
|
|
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
|
args[_key] = arguments[_key];
|
|
}
|
|
|
|
return _ret = (_temp = (_this = (0, _possibleConstructorReturn3['default'])(this, (_ref = SaveRef.__proto__ || Object.getPrototypeOf(SaveRef)).call.apply(_ref, [this].concat(args))), _this), _this.getRef = function (name) {
|
|
return _this[name];
|
|
}, _this.saveRef = function (name) {
|
|
return function (node) {
|
|
if (node) {
|
|
_this[name] = node;
|
|
}
|
|
};
|
|
}, _temp), (0, _possibleConstructorReturn3['default'])(_this, _ret);
|
|
}
|
|
|
|
(0, _createClass3['default'])(SaveRef, [{
|
|
key: 'render',
|
|
value: function render() {
|
|
return this.props.children(this.saveRef, this.getRef);
|
|
}
|
|
}]);
|
|
return SaveRef;
|
|
}(_react2['default'].Component);
|
|
|
|
exports['default'] = SaveRef;
|
|
|
|
|
|
SaveRef.propTypes = {
|
|
children: _propTypes2['default'].func
|
|
};
|
|
|
|
SaveRef.defaultProps = {
|
|
children: function children() {
|
|
return null;
|
|
}
|
|
};
|
|
module.exports = exports['default'];
|
|
|
|
/***/ }),
|
|
|
|
/***/ 1758:
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
|
|
__webpack_require__(29);
|
|
|
|
__webpack_require__(1759);
|
|
|
|
__webpack_require__(1359);
|
|
|
|
__webpack_require__(1422);
|
|
|
|
__webpack_require__(1424);
|
|
//# sourceMappingURL=css.js.map
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ 1759:
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
// style-loader: Adds some css to the DOM by adding a <style> tag
|
|
|
|
// load the styles
|
|
var content = __webpack_require__(1760);
|
|
if(typeof content === 'string') content = [[module.i, content, '']];
|
|
// Prepare cssTransformation
|
|
var transform;
|
|
|
|
var options = {"hmr":false}
|
|
options.transform = transform
|
|
// add the styles to the DOM
|
|
var update = __webpack_require__(300)(content, options);
|
|
if(content.locals) module.exports = content.locals;
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ 1760:
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
exports = module.exports = __webpack_require__(299)(true);
|
|
// imports
|
|
|
|
|
|
// module
|
|
exports.push([module.i, ".ant-card{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.65);font-size:14px;font-variant:tabular-nums;line-height:1.5;list-style:none;-webkit-font-feature-settings:\"tnum\";font-feature-settings:\"tnum\";position:relative;background:#fff;border-radius:2px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.ant-card-hoverable{cursor:pointer}.ant-card-hoverable:hover{border-color:rgba(0,0,0,.09);-webkit-box-shadow:0 2px 8px rgba(0,0,0,.09);box-shadow:0 2px 8px rgba(0,0,0,.09)}.ant-card-bordered{border:1px solid #e8e8e8}.ant-card-head{min-height:48px;margin-bottom:-1px;padding:0 24px;color:rgba(0,0,0,.85);font-weight:500;font-size:16px;background:transparent;border-bottom:1px solid #e8e8e8;border-radius:2px 2px 0 0;zoom:1}.ant-card-head:after,.ant-card-head:before{display:table;content:\"\"}.ant-card-head:after{clear:both}.ant-card-head-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.ant-card-head-title{display:inline-block;-ms-flex:1;flex:1 1;padding:16px 0;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.ant-card-head .ant-tabs{clear:both;margin-bottom:-17px;color:rgba(0,0,0,.65);font-weight:400;font-size:14px}.ant-card-head .ant-tabs-bar{border-bottom:1px solid #e8e8e8}.ant-card-extra{float:right;margin-left:auto;padding:16px 0;color:rgba(0,0,0,.65);font-weight:400;font-size:14px}.ant-card-body{padding:24px;zoom:1}.ant-card-body:after,.ant-card-body:before{display:table;content:\"\"}.ant-card-body:after{clear:both}.ant-card-contain-grid:not(.ant-card-loading) .ant-card-body{margin:-1px 0 0 -1px;padding:0}.ant-card-grid{float:left;width:33.33%;padding:24px;border:0;border-radius:0;-webkit-box-shadow:1px 0 0 0 #e8e8e8,0 1px 0 0 #e8e8e8,1px 1px 0 0 #e8e8e8,1px 0 0 0 #e8e8e8 inset,0 1px 0 0 #e8e8e8 inset;box-shadow:1px 0 0 0 #e8e8e8,0 1px 0 0 #e8e8e8,1px 1px 0 0 #e8e8e8,inset 1px 0 0 0 #e8e8e8,inset 0 1px 0 0 #e8e8e8;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.ant-card-grid-hoverable:hover{position:relative;z-index:1;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.15);box-shadow:0 2px 8px rgba(0,0,0,.15)}.ant-card-contain-tabs>.ant-card-head .ant-card-head-title{min-height:32px;padding-bottom:0}.ant-card-contain-tabs>.ant-card-head .ant-card-extra{padding-bottom:0}.ant-card-cover>*{display:block;width:100%}.ant-card-cover img{border-radius:2px 2px 0 0}.ant-card-actions{margin:0;padding:0;list-style:none;background:#fafafa;border-top:1px solid #e8e8e8;zoom:1}.ant-card-actions:after,.ant-card-actions:before{display:table;content:\"\"}.ant-card-actions:after{clear:both}.ant-card-actions>li{float:left;margin:12px 0;color:rgba(0,0,0,.45);text-align:center}.ant-card-actions>li>span{position:relative;display:block;min-width:32px;font-size:14px;line-height:22px;cursor:pointer}.ant-card-actions>li>span:hover{color:#1890ff;-webkit-transition:color .3s;-o-transition:color .3s;transition:color .3s}.ant-card-actions>li>span>.anticon,.ant-card-actions>li>span a:not(.ant-btn){display:inline-block;width:100%;color:rgba(0,0,0,.45);line-height:22px;-webkit-transition:color .3s;-o-transition:color .3s;transition:color .3s}.ant-card-actions>li>span>.anticon:hover,.ant-card-actions>li>span a:not(.ant-btn):hover{color:#1890ff}.ant-card-actions>li>span>.anticon{font-size:16px;line-height:22px}.ant-card-actions>li:not(:last-child){border-right:1px solid #e8e8e8}.ant-card-type-inner .ant-card-head{padding:0 24px;background:#fafafa}.ant-card-type-inner .ant-card-head-title{padding:12px 0;font-size:14px}.ant-card-type-inner .ant-card-body{padding:16px 24px}.ant-card-type-inner .ant-card-extra{padding:13.5px 0}.ant-card-meta{margin:-4px 0;zoom:1}.ant-card-meta:after,.ant-card-meta:before{display:table;content:\"\"}.ant-card-meta:after{clear:both}.ant-card-meta-avatar{float:left;padding-right:16px}.ant-card-meta-detail{overflow:hidden}.ant-card-meta-detail>div:not(:last-child){margin-bottom:8px}.ant-card-meta-title{overflow:hidden;color:rgba(0,0,0,.85);font-weight:500;font-size:16px;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.ant-card-meta-description{color:rgba(0,0,0,.45)}.ant-card-loading{overflow:hidden}.ant-card-loading .ant-card-body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ant-card-loading-content p{margin:0}.ant-card-loading-block{height:14px;margin:4px 0;background:-webkit-gradient(linear,left top,right top,from(rgba(207,216,220,.2)),color-stop(rgba(207,216,220,.4)),to(rgba(207,216,220,.2)));background:-webkit-linear-gradient(left,rgba(207,216,220,.2),rgba(207,216,220,.4),rgba(207,216,220,.2));background:-o-linear-gradient(left,rgba(207,216,220,.2),rgba(207,216,220,.4),rgba(207,216,220,.2));background:linear-gradient(90deg,rgba(207,216,220,.2),rgba(207,216,220,.4),rgba(207,216,220,.2));background-size:600% 600%;border-radius:2px;-webkit-animation:card-loading 1.4s ease infinite;animation:card-loading 1.4s ease infinite}@-webkit-keyframes card-loading{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes card-loading{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.ant-card-small>.ant-card-head{min-height:36px;padding:0 12px;font-size:14px}.ant-card-small>.ant-card-head>.ant-card-head-wrapper>.ant-card-head-title{padding:8px 0}.ant-card-small>.ant-card-head>.ant-card-head-wrapper>.ant-card-extra{padding:8px 0;font-size:14px}.ant-card-small>.ant-card-body{padding:12px}", "", {"version":3,"sources":["/Users/jasder/work/trustie3.0/educoder/public/react/node_modules/antd/lib/card/style/index.css"],"names":[],"mappings":"AAIA,UACE,8BAA+B,AACvB,sBAAuB,AAC/B,SAAU,AACV,UAAW,AACX,sBAA2B,AAC3B,eAAgB,AAChB,0BAA2B,AAC3B,gBAAiB,AACjB,gBAAiB,AACjB,qCAAsC,AAC9B,6BAA8B,AACtC,kBAAmB,AACnB,gBAAiB,AACjB,kBAAmB,AACnB,2BAA6B,AAC7B,sBAAwB,AACxB,kBAAqB,CACtB,AACD,oBACE,cAAgB,CACjB,AACD,0BACE,6BAAkC,AAClC,6CAAkD,AAC1C,oCAA0C,CACnD,AACD,mBACE,wBAA0B,CAC3B,AACD,eACE,gBAAiB,AACjB,mBAAoB,AACpB,eAAgB,AAChB,sBAA2B,AAC3B,gBAAiB,AACjB,eAAgB,AAChB,uBAAwB,AACxB,gCAAiC,AACjC,0BAA2B,AAC3B,MAAQ,CACT,AACD,2CAEE,cAAe,AACf,UAAY,CACb,AACD,qBACE,UAAY,CACb,AACD,uBACE,oBAAqB,AACrB,aAAc,AACd,sBAAuB,AACnB,kBAAoB,CACzB,AACD,qBACE,qBAAsB,AACtB,WAAY,AACR,SAAU,AACd,eAAgB,AAChB,gBAAiB,AACjB,mBAAoB,AACpB,0BAA2B,AACxB,sBAAwB,CAC5B,AACD,yBACE,WAAY,AACZ,oBAAqB,AACrB,sBAA2B,AAC3B,gBAAoB,AACpB,cAAgB,CACjB,AACD,6BACE,+BAAiC,CAClC,AACD,gBACE,YAAa,AACb,iBAAkB,AAClB,eAAgB,AAChB,sBAA2B,AAC3B,gBAAoB,AACpB,cAAgB,CACjB,AACD,eACE,aAAc,AACd,MAAQ,CACT,AACD,2CAEE,cAAe,AACf,UAAY,CACb,AACD,qBACE,UAAY,CACb,AACD,6DACE,qBAAsB,AACtB,SAAW,CACZ,AACD,eACE,WAAY,AACZ,aAAc,AACd,aAAc,AACd,SAAU,AACV,gBAAiB,AACjB,2HAAgI,AACxH,mHAAwH,AAChI,2BAA6B,AAC7B,sBAAwB,AACxB,kBAAqB,CACtB,AACD,+BACE,kBAAmB,AACnB,UAAW,AACX,6CAAkD,AAC1C,oCAA0C,CACnD,AACD,2DACE,gBAAiB,AACjB,gBAAkB,CACnB,AACD,sDACE,gBAAkB,CACnB,AACD,kBACE,cAAe,AACf,UAAY,CACb,AACD,oBACE,yBAA2B,CAC5B,AACD,kBACE,SAAU,AACV,UAAW,AACX,gBAAiB,AACjB,mBAAoB,AACpB,6BAA8B,AAC9B,MAAQ,CACT,AACD,iDAEE,cAAe,AACf,UAAY,CACb,AACD,wBACE,UAAY,CACb,AACD,qBACE,WAAY,AACZ,cAAe,AACf,sBAA2B,AAC3B,iBAAmB,CACpB,AACD,0BACE,kBAAmB,AACnB,cAAe,AACf,eAAgB,AAChB,eAAgB,AAChB,iBAAkB,AAClB,cAAgB,CACjB,AACD,gCACE,cAAe,AACf,6BAA+B,AAC/B,wBAA0B,AAC1B,oBAAuB,CACxB,AACD,6EAEE,qBAAsB,AACtB,WAAY,AACZ,sBAA2B,AAC3B,iBAAkB,AAClB,6BAA+B,AAC/B,wBAA0B,AAC1B,oBAAuB,CACxB,AACD,yFAEE,aAAe,CAChB,AACD,mCACE,eAAgB,AAChB,gBAAkB,CACnB,AACD,sCACE,8BAAgC,CACjC,AACD,oCACE,eAAgB,AAChB,kBAAoB,CACrB,AACD,0CACE,eAAgB,AAChB,cAAgB,CACjB,AACD,oCACE,iBAAmB,CACpB,AACD,qCACE,gBAAkB,CACnB,AACD,eACE,cAAe,AACf,MAAQ,CACT,AACD,2CAEE,cAAe,AACf,UAAY,CACb,AACD,qBACE,UAAY,CACb,AACD,sBACE,WAAY,AACZ,kBAAoB,CACrB,AACD,sBACE,eAAiB,CAClB,AACD,2CACE,iBAAmB,CACpB,AACD,qBACE,gBAAiB,AACjB,sBAA2B,AAC3B,gBAAiB,AACjB,eAAgB,AAChB,mBAAoB,AACpB,0BAA2B,AACxB,sBAAwB,CAC5B,AACD,2BACE,qBAA2B,CAC5B,AACD,kBACE,eAAiB,CAClB,AACD,iCACE,yBAA0B,AACvB,sBAAuB,AACtB,qBAAsB,AAClB,gBAAkB,CAC3B,AACD,4BACE,QAAU,CACX,AACD,wBACE,YAAa,AACb,aAAc,AACd,4IAA8J,AAC9J,wGAAwH,AACxH,mGAAmH,AACnH,iGAAiH,AACjH,0BAA2B,AAC3B,kBAAmB,AACnB,kDAAmD,AAC3C,yCAA2C,CACpD,AACD,gCACE,MAEE,yBAA2B,CAC5B,AACD,IACE,4BAA8B,CAC/B,CACF,AACD,wBACE,MAEE,yBAA2B,CAC5B,AACD,IACE,4BAA8B,CAC/B,CACF,AACD,+BACE,gBAAiB,AACjB,eAAgB,AAChB,cAAgB,CACjB,AACD,2EACE,aAAe,CAChB,AACD,sEACE,cAAe,AACf,cAAgB,CACjB,AACD,+BACE,YAAc,CACf","file":"index.css","sourcesContent":["/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */\n/* stylelint-disable no-duplicate-selectors */\n/* stylelint-disable */\n/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */\n.ant-card {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n color: rgba(0, 0, 0, 0.65);\n font-size: 14px;\n font-variant: tabular-nums;\n line-height: 1.5;\n list-style: none;\n -webkit-font-feature-settings: 'tnum';\n font-feature-settings: 'tnum';\n position: relative;\n background: #fff;\n border-radius: 2px;\n -webkit-transition: all 0.3s;\n -o-transition: all 0.3s;\n transition: all 0.3s;\n}\n.ant-card-hoverable {\n cursor: pointer;\n}\n.ant-card-hoverable:hover {\n border-color: rgba(0, 0, 0, 0.09);\n -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);\n}\n.ant-card-bordered {\n border: 1px solid #e8e8e8;\n}\n.ant-card-head {\n min-height: 48px;\n margin-bottom: -1px;\n padding: 0 24px;\n color: rgba(0, 0, 0, 0.85);\n font-weight: 500;\n font-size: 16px;\n background: transparent;\n border-bottom: 1px solid #e8e8e8;\n border-radius: 2px 2px 0 0;\n zoom: 1;\n}\n.ant-card-head::before,\n.ant-card-head::after {\n display: table;\n content: '';\n}\n.ant-card-head::after {\n clear: both;\n}\n.ant-card-head-wrapper {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n}\n.ant-card-head-title {\n display: inline-block;\n -ms-flex: 1;\n flex: 1 1;\n padding: 16px 0;\n overflow: hidden;\n white-space: nowrap;\n -o-text-overflow: ellipsis;\n text-overflow: ellipsis;\n}\n.ant-card-head .ant-tabs {\n clear: both;\n margin-bottom: -17px;\n color: rgba(0, 0, 0, 0.65);\n font-weight: normal;\n font-size: 14px;\n}\n.ant-card-head .ant-tabs-bar {\n border-bottom: 1px solid #e8e8e8;\n}\n.ant-card-extra {\n float: right;\n margin-left: auto;\n padding: 16px 0;\n color: rgba(0, 0, 0, 0.65);\n font-weight: normal;\n font-size: 14px;\n}\n.ant-card-body {\n padding: 24px;\n zoom: 1;\n}\n.ant-card-body::before,\n.ant-card-body::after {\n display: table;\n content: '';\n}\n.ant-card-body::after {\n clear: both;\n}\n.ant-card-contain-grid:not(.ant-card-loading) .ant-card-body {\n margin: -1px 0 0 -1px;\n padding: 0;\n}\n.ant-card-grid {\n float: left;\n width: 33.33%;\n padding: 24px;\n border: 0;\n border-radius: 0;\n -webkit-box-shadow: 1px 0 0 0 #e8e8e8, 0 1px 0 0 #e8e8e8, 1px 1px 0 0 #e8e8e8, 1px 0 0 0 #e8e8e8 inset, 0 1px 0 0 #e8e8e8 inset;\n box-shadow: 1px 0 0 0 #e8e8e8, 0 1px 0 0 #e8e8e8, 1px 1px 0 0 #e8e8e8, 1px 0 0 0 #e8e8e8 inset, 0 1px 0 0 #e8e8e8 inset;\n -webkit-transition: all 0.3s;\n -o-transition: all 0.3s;\n transition: all 0.3s;\n}\n.ant-card-grid-hoverable:hover {\n position: relative;\n z-index: 1;\n -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n}\n.ant-card-contain-tabs > .ant-card-head .ant-card-head-title {\n min-height: 32px;\n padding-bottom: 0;\n}\n.ant-card-contain-tabs > .ant-card-head .ant-card-extra {\n padding-bottom: 0;\n}\n.ant-card-cover > * {\n display: block;\n width: 100%;\n}\n.ant-card-cover img {\n border-radius: 2px 2px 0 0;\n}\n.ant-card-actions {\n margin: 0;\n padding: 0;\n list-style: none;\n background: #fafafa;\n border-top: 1px solid #e8e8e8;\n zoom: 1;\n}\n.ant-card-actions::before,\n.ant-card-actions::after {\n display: table;\n content: '';\n}\n.ant-card-actions::after {\n clear: both;\n}\n.ant-card-actions > li {\n float: left;\n margin: 12px 0;\n color: rgba(0, 0, 0, 0.45);\n text-align: center;\n}\n.ant-card-actions > li > span {\n position: relative;\n display: block;\n min-width: 32px;\n font-size: 14px;\n line-height: 22px;\n cursor: pointer;\n}\n.ant-card-actions > li > span:hover {\n color: #1890ff;\n -webkit-transition: color 0.3s;\n -o-transition: color 0.3s;\n transition: color 0.3s;\n}\n.ant-card-actions > li > span a:not(.ant-btn),\n.ant-card-actions > li > span > .anticon {\n display: inline-block;\n width: 100%;\n color: rgba(0, 0, 0, 0.45);\n line-height: 22px;\n -webkit-transition: color 0.3s;\n -o-transition: color 0.3s;\n transition: color 0.3s;\n}\n.ant-card-actions > li > span a:not(.ant-btn):hover,\n.ant-card-actions > li > span > .anticon:hover {\n color: #1890ff;\n}\n.ant-card-actions > li > span > .anticon {\n font-size: 16px;\n line-height: 22px;\n}\n.ant-card-actions > li:not(:last-child) {\n border-right: 1px solid #e8e8e8;\n}\n.ant-card-type-inner .ant-card-head {\n padding: 0 24px;\n background: #fafafa;\n}\n.ant-card-type-inner .ant-card-head-title {\n padding: 12px 0;\n font-size: 14px;\n}\n.ant-card-type-inner .ant-card-body {\n padding: 16px 24px;\n}\n.ant-card-type-inner .ant-card-extra {\n padding: 13.5px 0;\n}\n.ant-card-meta {\n margin: -4px 0;\n zoom: 1;\n}\n.ant-card-meta::before,\n.ant-card-meta::after {\n display: table;\n content: '';\n}\n.ant-card-meta::after {\n clear: both;\n}\n.ant-card-meta-avatar {\n float: left;\n padding-right: 16px;\n}\n.ant-card-meta-detail {\n overflow: hidden;\n}\n.ant-card-meta-detail > div:not(:last-child) {\n margin-bottom: 8px;\n}\n.ant-card-meta-title {\n overflow: hidden;\n color: rgba(0, 0, 0, 0.85);\n font-weight: 500;\n font-size: 16px;\n white-space: nowrap;\n -o-text-overflow: ellipsis;\n text-overflow: ellipsis;\n}\n.ant-card-meta-description {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-card-loading {\n overflow: hidden;\n}\n.ant-card-loading .ant-card-body {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.ant-card-loading-content p {\n margin: 0;\n}\n.ant-card-loading-block {\n height: 14px;\n margin: 4px 0;\n background: -webkit-gradient(linear, left top, right top, from(rgba(207, 216, 220, 0.2)), color-stop(rgba(207, 216, 220, 0.4)), to(rgba(207, 216, 220, 0.2)));\n background: -webkit-linear-gradient(left, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2));\n background: -o-linear-gradient(left, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2));\n background: linear-gradient(90deg, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2));\n background-size: 600% 600%;\n border-radius: 2px;\n -webkit-animation: card-loading 1.4s ease infinite;\n animation: card-loading 1.4s ease infinite;\n}\n@-webkit-keyframes card-loading {\n 0%,\n 100% {\n background-position: 0 50%;\n }\n 50% {\n background-position: 100% 50%;\n }\n}\n@keyframes card-loading {\n 0%,\n 100% {\n background-position: 0 50%;\n }\n 50% {\n background-position: 100% 50%;\n }\n}\n.ant-card-small > .ant-card-head {\n min-height: 36px;\n padding: 0 12px;\n font-size: 14px;\n}\n.ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-head-title {\n padding: 8px 0;\n}\n.ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-extra {\n padding: 8px 0;\n font-size: 14px;\n}\n.ant-card-small > .ant-card-body {\n padding: 12px;\n}\n"],"sourceRoot":""}]);
|
|
|
|
// exports
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ 1761:
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
exports["default"] = void 0;
|
|
|
|
var React = _interopRequireWildcard(__webpack_require__(0));
|
|
|
|
var _classnames = _interopRequireDefault(__webpack_require__(3));
|
|
|
|
var _omit = _interopRequireDefault(__webpack_require__(47));
|
|
|
|
var _Grid = _interopRequireDefault(__webpack_require__(1762));
|
|
|
|
var _Meta = _interopRequireDefault(__webpack_require__(1763));
|
|
|
|
var _tabs = _interopRequireDefault(__webpack_require__(1360));
|
|
|
|
var _row = _interopRequireDefault(__webpack_require__(1423));
|
|
|
|
var _col = _interopRequireDefault(__webpack_require__(1425));
|
|
|
|
var _configProvider = __webpack_require__(11);
|
|
|
|
var _warning = _interopRequireDefault(__webpack_require__(43));
|
|
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
|
|
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
|
|
|
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
|
|
function _typeof(obj) { "@babel/helpers - typeof"; 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); }
|
|
|
|
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 _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 _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 _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
|
|
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
|
|
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); }
|
|
|
|
var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
var t = {};
|
|
|
|
for (var p in s) {
|
|
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
}
|
|
|
|
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
}
|
|
return t;
|
|
};
|
|
|
|
function getAction(actions) {
|
|
var actionList = actions.map(function (action, index) {
|
|
return (// eslint-disable-next-line react/no-array-index-key
|
|
React.createElement("li", {
|
|
style: {
|
|
width: "".concat(100 / actions.length, "%")
|
|
},
|
|
key: "action-".concat(index)
|
|
}, React.createElement("span", null, action))
|
|
);
|
|
});
|
|
return actionList;
|
|
}
|
|
|
|
var Card =
|
|
/*#__PURE__*/
|
|
function (_React$Component) {
|
|
_inherits(Card, _React$Component);
|
|
|
|
function Card() {
|
|
var _this;
|
|
|
|
_classCallCheck(this, Card);
|
|
|
|
_this = _possibleConstructorReturn(this, _getPrototypeOf(Card).apply(this, arguments));
|
|
|
|
_this.onTabChange = function (key) {
|
|
if (_this.props.onTabChange) {
|
|
_this.props.onTabChange(key);
|
|
}
|
|
};
|
|
|
|
_this.renderCard = function (_ref) {
|
|
var _classNames, _extraProps;
|
|
|
|
var getPrefixCls = _ref.getPrefixCls;
|
|
|
|
var _a = _this.props,
|
|
customizePrefixCls = _a.prefixCls,
|
|
className = _a.className,
|
|
extra = _a.extra,
|
|
_a$headStyle = _a.headStyle,
|
|
headStyle = _a$headStyle === void 0 ? {} : _a$headStyle,
|
|
_a$bodyStyle = _a.bodyStyle,
|
|
bodyStyle = _a$bodyStyle === void 0 ? {} : _a$bodyStyle,
|
|
title = _a.title,
|
|
loading = _a.loading,
|
|
_a$bordered = _a.bordered,
|
|
bordered = _a$bordered === void 0 ? true : _a$bordered,
|
|
_a$size = _a.size,
|
|
size = _a$size === void 0 ? 'default' : _a$size,
|
|
type = _a.type,
|
|
cover = _a.cover,
|
|
actions = _a.actions,
|
|
tabList = _a.tabList,
|
|
children = _a.children,
|
|
activeTabKey = _a.activeTabKey,
|
|
defaultActiveTabKey = _a.defaultActiveTabKey,
|
|
tabBarExtraContent = _a.tabBarExtraContent,
|
|
others = __rest(_a, ["prefixCls", "className", "extra", "headStyle", "bodyStyle", "title", "loading", "bordered", "size", "type", "cover", "actions", "tabList", "children", "activeTabKey", "defaultActiveTabKey", "tabBarExtraContent"]);
|
|
|
|
var prefixCls = getPrefixCls('card', customizePrefixCls);
|
|
var classString = (0, _classnames["default"])(prefixCls, className, (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-loading"), loading), _defineProperty(_classNames, "".concat(prefixCls, "-bordered"), bordered), _defineProperty(_classNames, "".concat(prefixCls, "-hoverable"), _this.getCompatibleHoverable()), _defineProperty(_classNames, "".concat(prefixCls, "-contain-grid"), _this.isContainGrid()), _defineProperty(_classNames, "".concat(prefixCls, "-contain-tabs"), tabList && tabList.length), _defineProperty(_classNames, "".concat(prefixCls, "-").concat(size), size !== 'default'), _defineProperty(_classNames, "".concat(prefixCls, "-type-").concat(type), !!type), _classNames));
|
|
var loadingBlockStyle = bodyStyle.padding === 0 || bodyStyle.padding === '0px' ? {
|
|
padding: 24
|
|
} : undefined;
|
|
var loadingBlock = React.createElement("div", {
|
|
className: "".concat(prefixCls, "-loading-content"),
|
|
style: loadingBlockStyle
|
|
}, React.createElement(_row["default"], {
|
|
gutter: 8
|
|
}, React.createElement(_col["default"], {
|
|
span: 22
|
|
}, React.createElement("div", {
|
|
className: "".concat(prefixCls, "-loading-block")
|
|
}))), React.createElement(_row["default"], {
|
|
gutter: 8
|
|
}, React.createElement(_col["default"], {
|
|
span: 8
|
|
}, React.createElement("div", {
|
|
className: "".concat(prefixCls, "-loading-block")
|
|
})), React.createElement(_col["default"], {
|
|
span: 15
|
|
}, React.createElement("div", {
|
|
className: "".concat(prefixCls, "-loading-block")
|
|
}))), React.createElement(_row["default"], {
|
|
gutter: 8
|
|
}, React.createElement(_col["default"], {
|
|
span: 6
|
|
}, React.createElement("div", {
|
|
className: "".concat(prefixCls, "-loading-block")
|
|
})), React.createElement(_col["default"], {
|
|
span: 18
|
|
}, React.createElement("div", {
|
|
className: "".concat(prefixCls, "-loading-block")
|
|
}))), React.createElement(_row["default"], {
|
|
gutter: 8
|
|
}, React.createElement(_col["default"], {
|
|
span: 13
|
|
}, React.createElement("div", {
|
|
className: "".concat(prefixCls, "-loading-block")
|
|
})), React.createElement(_col["default"], {
|
|
span: 9
|
|
}, React.createElement("div", {
|
|
className: "".concat(prefixCls, "-loading-block")
|
|
}))), React.createElement(_row["default"], {
|
|
gutter: 8
|
|
}, React.createElement(_col["default"], {
|
|
span: 4
|
|
}, React.createElement("div", {
|
|
className: "".concat(prefixCls, "-loading-block")
|
|
})), React.createElement(_col["default"], {
|
|
span: 3
|
|
}, React.createElement("div", {
|
|
className: "".concat(prefixCls, "-loading-block")
|
|
})), React.createElement(_col["default"], {
|
|
span: 16
|
|
}, React.createElement("div", {
|
|
className: "".concat(prefixCls, "-loading-block")
|
|
}))));
|
|
var hasActiveTabKey = activeTabKey !== undefined;
|
|
var extraProps = (_extraProps = {}, _defineProperty(_extraProps, hasActiveTabKey ? 'activeKey' : 'defaultActiveKey', hasActiveTabKey ? activeTabKey : defaultActiveTabKey), _defineProperty(_extraProps, "tabBarExtraContent", tabBarExtraContent), _extraProps);
|
|
var head;
|
|
var tabs = tabList && tabList.length ? React.createElement(_tabs["default"], _extends({}, extraProps, {
|
|
className: "".concat(prefixCls, "-head-tabs"),
|
|
size: "large",
|
|
onChange: _this.onTabChange
|
|
}), tabList.map(function (item) {
|
|
return React.createElement(_tabs["default"].TabPane, {
|
|
tab: item.tab,
|
|
disabled: item.disabled,
|
|
key: item.key
|
|
});
|
|
})) : null;
|
|
|
|
if (title || extra || tabs) {
|
|
head = React.createElement("div", {
|
|
className: "".concat(prefixCls, "-head"),
|
|
style: headStyle
|
|
}, React.createElement("div", {
|
|
className: "".concat(prefixCls, "-head-wrapper")
|
|
}, title && React.createElement("div", {
|
|
className: "".concat(prefixCls, "-head-title")
|
|
}, title), extra && React.createElement("div", {
|
|
className: "".concat(prefixCls, "-extra")
|
|
}, extra)), tabs);
|
|
}
|
|
|
|
var coverDom = cover ? React.createElement("div", {
|
|
className: "".concat(prefixCls, "-cover")
|
|
}, cover) : null;
|
|
var body = React.createElement("div", {
|
|
className: "".concat(prefixCls, "-body"),
|
|
style: bodyStyle
|
|
}, loading ? loadingBlock : children);
|
|
var actionDom = actions && actions.length ? React.createElement("ul", {
|
|
className: "".concat(prefixCls, "-actions")
|
|
}, getAction(actions)) : null;
|
|
var divProps = (0, _omit["default"])(others, ['onTabChange', 'noHovering', 'hoverable']);
|
|
return React.createElement("div", _extends({}, divProps, {
|
|
className: classString
|
|
}), head, coverDom, body, actionDom);
|
|
};
|
|
|
|
return _this;
|
|
}
|
|
|
|
_createClass(Card, [{
|
|
key: "componentDidMount",
|
|
value: function componentDidMount() {
|
|
if ('noHovering' in this.props) {
|
|
(0, _warning["default"])(!this.props.noHovering, 'Card', '`noHovering` is deprecated, you can remove it safely or use `hoverable` instead.');
|
|
(0, _warning["default"])(!!this.props.noHovering, 'Card', '`noHovering={false}` is deprecated, use `hoverable` instead.');
|
|
}
|
|
} // For 2.x compatible
|
|
|
|
}, {
|
|
key: "getCompatibleHoverable",
|
|
value: function getCompatibleHoverable() {
|
|
var _this$props = this.props,
|
|
noHovering = _this$props.noHovering,
|
|
hoverable = _this$props.hoverable;
|
|
|
|
if ('noHovering' in this.props) {
|
|
return !noHovering || hoverable;
|
|
}
|
|
|
|
return !!hoverable;
|
|
}
|
|
}, {
|
|
key: "isContainGrid",
|
|
value: function isContainGrid() {
|
|
var containGrid;
|
|
React.Children.forEach(this.props.children, function (element) {
|
|
if (element && element.type && element.type === _Grid["default"]) {
|
|
containGrid = true;
|
|
}
|
|
});
|
|
return containGrid;
|
|
}
|
|
}, {
|
|
key: "render",
|
|
value: function render() {
|
|
return React.createElement(_configProvider.ConfigConsumer, null, this.renderCard);
|
|
}
|
|
}]);
|
|
|
|
return Card;
|
|
}(React.Component);
|
|
|
|
exports["default"] = Card;
|
|
Card.Grid = _Grid["default"];
|
|
Card.Meta = _Meta["default"];
|
|
//# sourceMappingURL=index.js.map
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ 1762:
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
|
|
function _typeof(obj) { "@babel/helpers - typeof"; 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); }
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
exports["default"] = void 0;
|
|
|
|
var React = _interopRequireWildcard(__webpack_require__(0));
|
|
|
|
var _classnames = _interopRequireDefault(__webpack_require__(3));
|
|
|
|
var _configProvider = __webpack_require__(11);
|
|
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
|
|
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
|
|
|
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
|
|
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 _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 __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
var t = {};
|
|
|
|
for (var p in s) {
|
|
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
}
|
|
|
|
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
}
|
|
return t;
|
|
};
|
|
|
|
var Grid = function Grid(props) {
|
|
return React.createElement(_configProvider.ConfigConsumer, null, function (_ref) {
|
|
var getPrefixCls = _ref.getPrefixCls;
|
|
|
|
var customizePrefixCls = props.prefixCls,
|
|
className = props.className,
|
|
_props$hoverable = props.hoverable,
|
|
hoverable = _props$hoverable === void 0 ? true : _props$hoverable,
|
|
others = __rest(props, ["prefixCls", "className", "hoverable"]);
|
|
|
|
var prefixCls = getPrefixCls('card', customizePrefixCls);
|
|
var classString = (0, _classnames["default"])("".concat(prefixCls, "-grid"), className, _defineProperty({}, "".concat(prefixCls, "-grid-hoverable"), hoverable));
|
|
return React.createElement("div", _extends({}, others, {
|
|
className: classString
|
|
}));
|
|
});
|
|
};
|
|
|
|
var _default = Grid;
|
|
exports["default"] = _default;
|
|
//# sourceMappingURL=Grid.js.map
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ 1763:
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
|
|
function _typeof(obj) { "@babel/helpers - typeof"; 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); }
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
exports["default"] = void 0;
|
|
|
|
var React = _interopRequireWildcard(__webpack_require__(0));
|
|
|
|
var _classnames = _interopRequireDefault(__webpack_require__(3));
|
|
|
|
var _configProvider = __webpack_require__(11);
|
|
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
|
|
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
|
|
|
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
|
|
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); }
|
|
|
|
var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
var t = {};
|
|
|
|
for (var p in s) {
|
|
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
}
|
|
|
|
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
}
|
|
return t;
|
|
};
|
|
|
|
var Meta = function Meta(props) {
|
|
return React.createElement(_configProvider.ConfigConsumer, null, function (_ref) {
|
|
var getPrefixCls = _ref.getPrefixCls;
|
|
|
|
var customizePrefixCls = props.prefixCls,
|
|
className = props.className,
|
|
avatar = props.avatar,
|
|
title = props.title,
|
|
description = props.description,
|
|
others = __rest(props, ["prefixCls", "className", "avatar", "title", "description"]);
|
|
|
|
var prefixCls = getPrefixCls('card', customizePrefixCls);
|
|
var classString = (0, _classnames["default"])("".concat(prefixCls, "-meta"), className);
|
|
var avatarDom = avatar ? React.createElement("div", {
|
|
className: "".concat(prefixCls, "-meta-avatar")
|
|
}, avatar) : null;
|
|
var titleDom = title ? React.createElement("div", {
|
|
className: "".concat(prefixCls, "-meta-title")
|
|
}, title) : null;
|
|
var descriptionDom = description ? React.createElement("div", {
|
|
className: "".concat(prefixCls, "-meta-description")
|
|
}, description) : null;
|
|
var MetaDetail = titleDom || descriptionDom ? React.createElement("div", {
|
|
className: "".concat(prefixCls, "-meta-detail")
|
|
}, titleDom, descriptionDom) : null;
|
|
return React.createElement("div", _extends({}, others, {
|
|
className: classString
|
|
}), avatarDom, MetaDetail);
|
|
});
|
|
};
|
|
|
|
var _default = Meta;
|
|
exports["default"] = _default;
|
|
//# sourceMappingURL=Meta.js.map
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ 4924:
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_antd_lib_card_style_css__ = __webpack_require__(1758);
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_antd_lib_card_style_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_antd_lib_card_style_css__);
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_antd_lib_card__ = __webpack_require__(1761);
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_antd_lib_card___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_antd_lib_card__);
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react__ = __webpack_require__(0);
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_react__);
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_prop_types__ = __webpack_require__(1);
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_prop_types__);
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_axios__ = __webpack_require__(8);
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_axios___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_axios__);
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_educoder__ = __webpack_require__(5);
|
|
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;};}();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 Agreement=function(_React$Component){_inherits(Agreement,_React$Component);function Agreement(props){_classCallCheck(this,Agreement);var _this=_possibleConstructorReturn(this,(Agreement.__proto__||Object.getPrototypeOf(Agreement)).call(this,props));_this.state={loading:true,content:null};return _this;}_createClass(Agreement,[{key:'componentDidMount',value:function componentDidMount(){window.document.title="服务协议";this.getContent();}},{key:'getContent',value:function getContent(){var _this2=this;__WEBPACK_IMPORTED_MODULE_4_axios___default.a.get("/helps/agreement.json").then(function(result){if(result){_this2.setState({content:result.data.content,loading:false});}}).catch(function(error){console.log(error);_this2.setState({loading:false});});}},{key:'render',value:function render(){var _state=this.state,loading=_state.loading,content=_state.content;return __WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',null,__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'agreement-container'},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_1_antd_lib_card___default.a,{title:'\u670D\u52A1\u534F\u8BAE',bordered:false,loading:loading,style:{minHeight:600}},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'agreement-content'},content&&__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_5_educoder__["s" /* MarkdownToHtml */],{content:content,selector:'work_content',className:''})))));}}]);return Agreement;}(__WEBPACK_IMPORTED_MODULE_2_react___default.a.Component);/* harmony default export */ __webpack_exports__["default"] = (Agreement);
|
|
|
|
/***/ })
|
|
|
|
}); |