|
|
(self["webpackChunk"] = self["webpackChunk"] || []).push([[15395,3395],{
|
|
|
|
|
|
/***/ 7918:
|
|
|
/*!******************************************************************************!*\
|
|
|
!*** ./node_modules/@ant-design/icons/es/components/AntdIcon.js + 6 modules ***!
|
|
|
\******************************************************************************/
|
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
// EXPORTS
|
|
|
__webpack_require__.d(__webpack_exports__, {
|
|
|
"Z": function() { return /* binding */ AntdIcon; }
|
|
|
});
|
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js
|
|
|
var objectSpread2 = __webpack_require__(1413);
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js + 1 modules
|
|
|
var slicedToArray = __webpack_require__(97685);
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
|
|
|
var defineProperty = __webpack_require__(4942);
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js
|
|
|
var objectWithoutProperties = __webpack_require__(45987);
|
|
|
// EXTERNAL MODULE: ./node_modules/react/index.js
|
|
|
var react = __webpack_require__(67294);
|
|
|
// EXTERNAL MODULE: ./node_modules/classnames/index.js
|
|
|
var classnames = __webpack_require__(94184);
|
|
|
var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
|
|
|
;// CONCATENATED MODULE: ./node_modules/@ant-design/icons/es/components/Context.js
|
|
|
|
|
|
var IconContext = /*#__PURE__*/(0,react.createContext)({});
|
|
|
/* harmony default export */ var Context = (IconContext);
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/typeof.js
|
|
|
var esm_typeof = __webpack_require__(71002);
|
|
|
// EXTERNAL MODULE: ./node_modules/@ctrl/tinycolor/dist/module/conversion.js
|
|
|
var conversion = __webpack_require__(86500);
|
|
|
// EXTERNAL MODULE: ./node_modules/@ctrl/tinycolor/dist/module/format-input.js
|
|
|
var format_input = __webpack_require__(1350);
|
|
|
;// CONCATENATED MODULE: ./node_modules/@ant-design/icons/node_modules/@ant-design/colors/es/generate.js
|
|
|
|
|
|
var hueStep = 2; // 色相阶梯
|
|
|
|
|
|
var saturationStep = 0.16; // 饱和度阶梯，浅色部分
|
|
|
|
|
|
var saturationStep2 = 0.05; // 饱和度阶梯，深色部分
|
|
|
|
|
|
var brightnessStep1 = 0.05; // 亮度阶梯，浅色部分
|
|
|
|
|
|
var brightnessStep2 = 0.15; // 亮度阶梯，深色部分
|
|
|
|
|
|
var lightColorCount = 5; // 浅色数é‡<C3A9>，主色上
|
|
|
|
|
|
var darkColorCount = 4; // 深色数é‡<C3A9>，主色下
|
|
|
// æš—è‰²ä¸»é¢˜é¢œè‰²æ˜ å°„å…³ç³»è¡¨
|
|
|
|
|
|
var darkColorMap = [{
|
|
|
index: 7,
|
|
|
opacity: 0.15
|
|
|
}, {
|
|
|
index: 6,
|
|
|
opacity: 0.25
|
|
|
}, {
|
|
|
index: 5,
|
|
|
opacity: 0.3
|
|
|
}, {
|
|
|
index: 5,
|
|
|
opacity: 0.45
|
|
|
}, {
|
|
|
index: 5,
|
|
|
opacity: 0.65
|
|
|
}, {
|
|
|
index: 5,
|
|
|
opacity: 0.85
|
|
|
}, {
|
|
|
index: 4,
|
|
|
opacity: 0.9
|
|
|
}, {
|
|
|
index: 3,
|
|
|
opacity: 0.95
|
|
|
}, {
|
|
|
index: 2,
|
|
|
opacity: 0.97
|
|
|
}, {
|
|
|
index: 1,
|
|
|
opacity: 0.98
|
|
|
}];
|
|
|
|
|
|
// Wrapper function ported from TinyColor.prototype.toHsv
|
|
|
// Keep it here because of `hsv.h * 360`
|
|
|
function toHsv(_ref) {
|
|
|
var r = _ref.r,
|
|
|
g = _ref.g,
|
|
|
b = _ref.b;
|
|
|
var hsv = (0,conversion/* rgbToHsv */.py)(r, g, b);
|
|
|
return {
|
|
|
h: hsv.h * 360,
|
|
|
s: hsv.s,
|
|
|
v: hsv.v
|
|
|
};
|
|
|
} // Wrapper function ported from TinyColor.prototype.toHexString
|
|
|
// Keep it here because of the prefix `#`
|
|
|
|
|
|
|
|
|
function toHex(_ref2) {
|
|
|
var r = _ref2.r,
|
|
|
g = _ref2.g,
|
|
|
b = _ref2.b;
|
|
|
return "#".concat((0,conversion/* rgbToHex */.vq)(r, g, b, false));
|
|
|
} // Wrapper function ported from TinyColor.prototype.mix, not treeshakable.
|
|
|
// Amount in range [0, 1]
|
|
|
// Assume color1 & color2 has no alpha, since the following src code did so.
|
|
|
|
|
|
|
|
|
function mix(rgb1, rgb2, amount) {
|
|
|
var p = amount / 100;
|
|
|
var rgb = {
|
|
|
r: (rgb2.r - rgb1.r) * p + rgb1.r,
|
|
|
g: (rgb2.g - rgb1.g) * p + rgb1.g,
|
|
|
b: (rgb2.b - rgb1.b) * p + rgb1.b
|
|
|
};
|
|
|
return rgb;
|
|
|
}
|
|
|
|
|
|
function getHue(hsv, i, light) {
|
|
|
var hue; // æ ¹æ<C2B9>®è‰²ç›¸ä¸<C3A4>å<EFBFBD>Œï¼Œè‰²ç›¸è½¬å<C2AC>‘ä¸<C3A4>å<EFBFBD>Œ
|
|
|
|
|
|
if (Math.round(hsv.h) >= 60 && Math.round(hsv.h) <= 240) {
|
|
|
hue = light ? Math.round(hsv.h) - hueStep * i : Math.round(hsv.h) + hueStep * i;
|
|
|
} else {
|
|
|
hue = light ? Math.round(hsv.h) + hueStep * i : Math.round(hsv.h) - hueStep * i;
|
|
|
}
|
|
|
|
|
|
if (hue < 0) {
|
|
|
hue += 360;
|
|
|
} else if (hue >= 360) {
|
|
|
hue -= 360;
|
|
|
}
|
|
|
|
|
|
return hue;
|
|
|
}
|
|
|
|
|
|
function getSaturation(hsv, i, light) {
|
|
|
// grey color don't change saturation
|
|
|
if (hsv.h === 0 && hsv.s === 0) {
|
|
|
return hsv.s;
|
|
|
}
|
|
|
|
|
|
var saturation;
|
|
|
|
|
|
if (light) {
|
|
|
saturation = hsv.s - saturationStep * i;
|
|
|
} else if (i === darkColorCount) {
|
|
|
saturation = hsv.s + saturationStep;
|
|
|
} else {
|
|
|
saturation = hsv.s + saturationStep2 * i;
|
|
|
} // 边界值修æ£
|
|
|
|
|
|
|
|
|
if (saturation > 1) {
|
|
|
saturation = 1;
|
|
|
} // ç¬¬ä¸€æ ¼çš„ s é™<C3A9>制在 0.06-0.1 之间
|
|
|
|
|
|
|
|
|
if (light && i === lightColorCount && saturation > 0.1) {
|
|
|
saturation = 0.1;
|
|
|
}
|
|
|
|
|
|
if (saturation < 0.06) {
|
|
|
saturation = 0.06;
|
|
|
}
|
|
|
|
|
|
return Number(saturation.toFixed(2));
|
|
|
}
|
|
|
|
|
|
function getValue(hsv, i, light) {
|
|
|
var value;
|
|
|
|
|
|
if (light) {
|
|
|
value = hsv.v + brightnessStep1 * i;
|
|
|
} else {
|
|
|
value = hsv.v - brightnessStep2 * i;
|
|
|
}
|
|
|
|
|
|
if (value > 1) {
|
|
|
value = 1;
|
|
|
}
|
|
|
|
|
|
return Number(value.toFixed(2));
|
|
|
}
|
|
|
|
|
|
function generate(color) {
|
|
|
var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
|
var patterns = [];
|
|
|
var pColor = (0,format_input/* inputToRGB */.uA)(color);
|
|
|
|
|
|
for (var i = lightColorCount; i > 0; i -= 1) {
|
|
|
var hsv = toHsv(pColor);
|
|
|
var colorString = toHex((0,format_input/* inputToRGB */.uA)({
|
|
|
h: getHue(hsv, i, true),
|
|
|
s: getSaturation(hsv, i, true),
|
|
|
v: getValue(hsv, i, true)
|
|
|
}));
|
|
|
patterns.push(colorString);
|
|
|
}
|
|
|
|
|
|
patterns.push(toHex(pColor));
|
|
|
|
|
|
for (var _i = 1; _i <= darkColorCount; _i += 1) {
|
|
|
var _hsv = toHsv(pColor);
|
|
|
|
|
|
var _colorString = toHex((0,format_input/* inputToRGB */.uA)({
|
|
|
h: getHue(_hsv, _i),
|
|
|
s: getSaturation(_hsv, _i),
|
|
|
v: getValue(_hsv, _i)
|
|
|
}));
|
|
|
|
|
|
patterns.push(_colorString);
|
|
|
} // dark theme patterns
|
|
|
|
|
|
|
|
|
if (opts.theme === 'dark') {
|
|
|
return darkColorMap.map(function (_ref3) {
|
|
|
var index = _ref3.index,
|
|
|
opacity = _ref3.opacity;
|
|
|
var darkColorString = toHex(mix((0,format_input/* inputToRGB */.uA)(opts.backgroundColor || '#141414'), (0,format_input/* inputToRGB */.uA)(patterns[index]), opacity * 100));
|
|
|
return darkColorString;
|
|
|
});
|
|
|
}
|
|
|
|
|
|
return patterns;
|
|
|
}
|
|
|
;// CONCATENATED MODULE: ./node_modules/@ant-design/icons/node_modules/@ant-design/colors/es/index.js
|
|
|
|
|
|
var presetPrimaryColors = {
|
|
|
red: '#F5222D',
|
|
|
volcano: '#FA541C',
|
|
|
orange: '#FA8C16',
|
|
|
gold: '#FAAD14',
|
|
|
yellow: '#FADB14',
|
|
|
lime: '#A0D911',
|
|
|
green: '#52C41A',
|
|
|
cyan: '#13C2C2',
|
|
|
blue: '#1677FF',
|
|
|
geekblue: '#2F54EB',
|
|
|
purple: '#722ED1',
|
|
|
magenta: '#EB2F96',
|
|
|
grey: '#666666'
|
|
|
};
|
|
|
var presetPalettes = {};
|
|
|
var presetDarkPalettes = {};
|
|
|
Object.keys(presetPrimaryColors).forEach(function (key) {
|
|
|
presetPalettes[key] = generate(presetPrimaryColors[key]);
|
|
|
presetPalettes[key].primary = presetPalettes[key][5]; // dark presetPalettes
|
|
|
|
|
|
presetDarkPalettes[key] = generate(presetPrimaryColors[key], {
|
|
|
theme: 'dark',
|
|
|
backgroundColor: '#141414'
|
|
|
});
|
|
|
presetDarkPalettes[key].primary = presetDarkPalettes[key][5];
|
|
|
});
|
|
|
var red = presetPalettes.red;
|
|
|
var volcano = presetPalettes.volcano;
|
|
|
var gold = presetPalettes.gold;
|
|
|
var orange = presetPalettes.orange;
|
|
|
var yellow = presetPalettes.yellow;
|
|
|
var lime = presetPalettes.lime;
|
|
|
var green = presetPalettes.green;
|
|
|
var cyan = presetPalettes.cyan;
|
|
|
var blue = presetPalettes.blue;
|
|
|
var geekblue = presetPalettes.geekblue;
|
|
|
var purple = presetPalettes.purple;
|
|
|
var magenta = presetPalettes.magenta;
|
|
|
var grey = presetPalettes.grey;
|
|
|
var gray = presetPalettes.grey;
|
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/warning.js
|
|
|
var warning = __webpack_require__(80334);
|
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/Dom/dynamicCSS.js
|
|
|
var dynamicCSS = __webpack_require__(44958);
|
|
|
;// CONCATENATED MODULE: ./node_modules/@ant-design/icons/es/utils.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function utils_warning(valid, message) {
|
|
|
(0,warning/* default */.ZP)(valid, "[@ant-design/icons] ".concat(message));
|
|
|
}
|
|
|
function isIconDefinition(target) {
|
|
|
return (0,esm_typeof/* default */.Z)(target) === 'object' && typeof target.name === 'string' && typeof target.theme === 'string' && ((0,esm_typeof/* default */.Z)(target.icon) === 'object' || typeof target.icon === 'function');
|
|
|
}
|
|
|
function normalizeAttrs() {
|
|
|
var attrs = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
|
return Object.keys(attrs).reduce(function (acc, key) {
|
|
|
var val = attrs[key];
|
|
|
switch (key) {
|
|
|
case 'class':
|
|
|
acc.className = val;
|
|
|
delete acc.class;
|
|
|
break;
|
|
|
default:
|
|
|
acc[key] = val;
|
|
|
}
|
|
|
return acc;
|
|
|
}, {});
|
|
|
}
|
|
|
function utils_generate(node, key, rootProps) {
|
|
|
if (!rootProps) {
|
|
|
return /*#__PURE__*/react.createElement(node.tag, (0,objectSpread2/* default */.Z)({
|
|
|
key: key
|
|
|
}, normalizeAttrs(node.attrs)), (node.children || []).map(function (child, index) {
|
|
|
return utils_generate(child, "".concat(key, "-").concat(node.tag, "-").concat(index));
|
|
|
}));
|
|
|
}
|
|
|
return /*#__PURE__*/react.createElement(node.tag, (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({
|
|
|
key: key
|
|
|
}, normalizeAttrs(node.attrs)), rootProps), (node.children || []).map(function (child, index) {
|
|
|
return utils_generate(child, "".concat(key, "-").concat(node.tag, "-").concat(index));
|
|
|
}));
|
|
|
}
|
|
|
function getSecondaryColor(primaryColor) {
|
|
|
// choose the second color
|
|
|
return generate(primaryColor)[0];
|
|
|
}
|
|
|
function normalizeTwoToneColors(twoToneColor) {
|
|
|
if (!twoToneColor) {
|
|
|
return [];
|
|
|
}
|
|
|
return Array.isArray(twoToneColor) ? twoToneColor : [twoToneColor];
|
|
|
}
|
|
|
// These props make sure that the SVG behaviours like general text.
|
|
|
// Reference: https://blog.prototypr.io/align-svg-icons-to-text-and-say-goodbye-to-font-icons-d44b3d7b26b4
|
|
|
var svgBaseProps = {
|
|
|
width: '1em',
|
|
|
height: '1em',
|
|
|
fill: 'currentColor',
|
|
|
'aria-hidden': 'true',
|
|
|
focusable: 'false'
|
|
|
};
|
|
|
var iconStyles = "\n.anticon {\n display: inline-block;\n color: inherit;\n font-style: normal;\n line-height: 0;\n text-align: center;\n text-transform: none;\n vertical-align: -0.125em;\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.anticon > * {\n line-height: 1;\n}\n\n.anticon svg {\n display: inline-block;\n}\n\n.anticon::before {\n display: none;\n}\n\n.anticon .anticon-icon {\n display: block;\n}\n\n.anticon[tabindex] {\n cursor: pointer;\n}\n\n.anticon-spin::before,\n.anticon-spin {\n display: inline-block;\n -webkit-animation: loadingCircle 1s infinite linear;\n animation: loadingCircle 1s infinite linear;\n}\n\n@-webkit-keyframes loadingCircle {\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n\n@keyframes loadingCircle {\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n";
|
|
|
var useInsertStyles = function useInsertStyles() {
|
|
|
var styleStr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : iconStyles;
|
|
|
var _useContext = (0,react.useContext)(Context),
|
|
|
csp = _useContext.csp,
|
|
|
prefixCls = _useContext.prefixCls;
|
|
|
var mergedStyleStr = styleStr;
|
|
|
if (prefixCls) {
|
|
|
mergedStyleStr = mergedStyleStr.replace(/anticon/g, prefixCls);
|
|
|
}
|
|
|
(0,react.useEffect)(function () {
|
|
|
(0,dynamicCSS/* updateCSS */.hq)(mergedStyleStr, '@ant-design-icons', {
|
|
|
prepend: true,
|
|
|
csp: csp
|
|
|
});
|
|
|
}, []);
|
|
|
};
|
|
|
;// CONCATENATED MODULE: ./node_modules/@ant-design/icons/es/components/IconBase.js
|
|
|
|
|
|
|
|
|
var _excluded = ["icon", "className", "onClick", "style", "primaryColor", "secondaryColor"];
|
|
|
|
|
|
var twoToneColorPalette = {
|
|
|
primaryColor: '#333',
|
|
|
secondaryColor: '#E6E6E6',
|
|
|
calculated: false
|
|
|
};
|
|
|
function setTwoToneColors(_ref) {
|
|
|
var primaryColor = _ref.primaryColor,
|
|
|
secondaryColor = _ref.secondaryColor;
|
|
|
twoToneColorPalette.primaryColor = primaryColor;
|
|
|
twoToneColorPalette.secondaryColor = secondaryColor || getSecondaryColor(primaryColor);
|
|
|
twoToneColorPalette.calculated = !!secondaryColor;
|
|
|
}
|
|
|
function getTwoToneColors() {
|
|
|
return (0,objectSpread2/* default */.Z)({}, twoToneColorPalette);
|
|
|
}
|
|
|
var IconBase = function IconBase(props) {
|
|
|
var icon = props.icon,
|
|
|
className = props.className,
|
|
|
onClick = props.onClick,
|
|
|
style = props.style,
|
|
|
primaryColor = props.primaryColor,
|
|
|
secondaryColor = props.secondaryColor,
|
|
|
restProps = (0,objectWithoutProperties/* default */.Z)(props, _excluded);
|
|
|
var colors = twoToneColorPalette;
|
|
|
if (primaryColor) {
|
|
|
colors = {
|
|
|
primaryColor: primaryColor,
|
|
|
secondaryColor: secondaryColor || getSecondaryColor(primaryColor)
|
|
|
};
|
|
|
}
|
|
|
useInsertStyles();
|
|
|
utils_warning(isIconDefinition(icon), "icon should be icon definiton, but got ".concat(icon));
|
|
|
if (!isIconDefinition(icon)) {
|
|
|
return null;
|
|
|
}
|
|
|
var target = icon;
|
|
|
if (target && typeof target.icon === 'function') {
|
|
|
target = (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, target), {}, {
|
|
|
icon: target.icon(colors.primaryColor, colors.secondaryColor)
|
|
|
});
|
|
|
}
|
|
|
return utils_generate(target.icon, "svg-".concat(target.name), (0,objectSpread2/* default */.Z)({
|
|
|
className: className,
|
|
|
onClick: onClick,
|
|
|
style: style,
|
|
|
'data-icon': target.name,
|
|
|
width: '1em',
|
|
|
height: '1em',
|
|
|
fill: 'currentColor',
|
|
|
'aria-hidden': 'true'
|
|
|
}, restProps));
|
|
|
};
|
|
|
IconBase.displayName = 'IconReact';
|
|
|
IconBase.getTwoToneColors = getTwoToneColors;
|
|
|
IconBase.setTwoToneColors = setTwoToneColors;
|
|
|
/* harmony default export */ var components_IconBase = (IconBase);
|
|
|
;// CONCATENATED MODULE: ./node_modules/@ant-design/icons/es/components/twoTonePrimaryColor.js
|
|
|
|
|
|
|
|
|
|
|
|
function setTwoToneColor(twoToneColor) {
|
|
|
var _normalizeTwoToneColo = normalizeTwoToneColors(twoToneColor),
|
|
|
_normalizeTwoToneColo2 = (0,slicedToArray/* default */.Z)(_normalizeTwoToneColo, 2),
|
|
|
primaryColor = _normalizeTwoToneColo2[0],
|
|
|
secondaryColor = _normalizeTwoToneColo2[1];
|
|
|
return components_IconBase.setTwoToneColors({
|
|
|
primaryColor: primaryColor,
|
|
|
secondaryColor: secondaryColor
|
|
|
});
|
|
|
}
|
|
|
function getTwoToneColor() {
|
|
|
var colors = components_IconBase.getTwoToneColors();
|
|
|
if (!colors.calculated) {
|
|
|
return colors.primaryColor;
|
|
|
}
|
|
|
return [colors.primaryColor, colors.secondaryColor];
|
|
|
}
|
|
|
;// CONCATENATED MODULE: ./node_modules/@ant-design/icons/es/components/AntdIcon.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var AntdIcon_excluded = ["className", "icon", "spin", "rotate", "tabIndex", "onClick", "twoToneColor"];
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// Initial setting
|
|
|
// should move it to antd main repo?
|
|
|
setTwoToneColor('#1890ff');
|
|
|
var Icon = /*#__PURE__*/react.forwardRef(function (props, ref) {
|
|
|
var _classNames;
|
|
|
var className = props.className,
|
|
|
icon = props.icon,
|
|
|
spin = props.spin,
|
|
|
rotate = props.rotate,
|
|
|
tabIndex = props.tabIndex,
|
|
|
onClick = props.onClick,
|
|
|
twoToneColor = props.twoToneColor,
|
|
|
restProps = (0,objectWithoutProperties/* default */.Z)(props, AntdIcon_excluded);
|
|
|
var _React$useContext = react.useContext(Context),
|
|
|
_React$useContext$pre = _React$useContext.prefixCls,
|
|
|
prefixCls = _React$useContext$pre === void 0 ? 'anticon' : _React$useContext$pre,
|
|
|
rootClassName = _React$useContext.rootClassName;
|
|
|
var classString = classnames_default()(rootClassName, prefixCls, (_classNames = {}, (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-").concat(icon.name), !!icon.name), (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-spin"), !!spin || icon.name === 'loading'), _classNames), className);
|
|
|
var iconTabIndex = tabIndex;
|
|
|
if (iconTabIndex === undefined && onClick) {
|
|
|
iconTabIndex = -1;
|
|
|
}
|
|
|
var svgStyle = rotate ? {
|
|
|
msTransform: "rotate(".concat(rotate, "deg)"),
|
|
|
transform: "rotate(".concat(rotate, "deg)")
|
|
|
} : undefined;
|
|
|
var _normalizeTwoToneColo = normalizeTwoToneColors(twoToneColor),
|
|
|
_normalizeTwoToneColo2 = (0,slicedToArray/* default */.Z)(_normalizeTwoToneColo, 2),
|
|
|
primaryColor = _normalizeTwoToneColo2[0],
|
|
|
secondaryColor = _normalizeTwoToneColo2[1];
|
|
|
return /*#__PURE__*/react.createElement("span", (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({
|
|
|
role: "img",
|
|
|
"aria-label": icon.name
|
|
|
}, restProps), {}, {
|
|
|
ref: ref,
|
|
|
tabIndex: iconTabIndex,
|
|
|
onClick: onClick,
|
|
|
className: classString
|
|
|
}), /*#__PURE__*/react.createElement(components_IconBase, {
|
|
|
icon: icon,
|
|
|
primaryColor: primaryColor,
|
|
|
secondaryColor: secondaryColor,
|
|
|
style: svgStyle
|
|
|
}));
|
|
|
});
|
|
|
Icon.displayName = 'AntdIcon';
|
|
|
Icon.getTwoToneColor = getTwoToneColor;
|
|
|
Icon.setTwoToneColor = setTwoToneColor;
|
|
|
/* harmony default export */ var AntdIcon = (Icon);
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 82061:
|
|
|
/*!*******************************************************************!*\
|
|
|
!*** ./node_modules/@ant-design/icons/es/icons/DeleteOutlined.js ***!
|
|
|
\*******************************************************************/
|
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
/* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ 1413);
|
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ 67294);
|
|
|
/* harmony import */ var _ant_design_icons_svg_es_asn_DeleteOutlined__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/DeleteOutlined */ 47046);
|
|
|
/* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ 7918);
|
|
|
|
|
|
// GENERATE BY ./scripts/generate.ts
|
|
|
// DON NOT EDIT IT MANUALLY
|
|
|
|
|
|
|
|
|
|
|
|
var DeleteOutlined = function DeleteOutlined(props, ref) {
|
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z)((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z)({}, props), {}, {
|
|
|
ref: ref,
|
|
|
icon: _ant_design_icons_svg_es_asn_DeleteOutlined__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z
|
|
|
}));
|
|
|
};
|
|
|
DeleteOutlined.displayName = 'DeleteOutlined';
|
|
|
/* harmony default export */ __webpack_exports__["Z"] = (/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(DeleteOutlined));
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 64082:
|
|
|
/*!******************************************************************************!*\
|
|
|
!*** ./node_modules/@ant-design/icons/es/icons/InboxOutlined.js + 1 modules ***!
|
|
|
\******************************************************************************/
|
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
// EXPORTS
|
|
|
__webpack_require__.d(__webpack_exports__, {
|
|
|
"Z": function() { return /* binding */ icons_InboxOutlined; }
|
|
|
});
|
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js
|
|
|
var objectSpread2 = __webpack_require__(1413);
|
|
|
// EXTERNAL MODULE: ./node_modules/react/index.js
|
|
|
var react = __webpack_require__(67294);
|
|
|
;// CONCATENATED MODULE: ./node_modules/@ant-design/icons-svg/es/asn/InboxOutlined.js
|
|
|
// This icon file is generated automatically.
|
|
|
var InboxOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "0 0 1024 1024", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M885.2 446.3l-.2-.8-112.2-285.1c-5-16.1-19.9-27.2-36.8-27.2H281.2c-17 0-32.1 11.3-36.9 27.6L139.4 443l-.3.7-.2.8c-1.3 4.9-1.7 9.9-1 14.8-.1 1.6-.2 3.2-.2 4.8V830a60.9 60.9 0 0060.8 60.8h627.2c33.5 0 60.8-27.3 60.9-60.8V464.1c0-1.3 0-2.6-.1-3.7.4-4.9 0-9.6-1.3-14.1zm-295.8-43l-.3 15.7c-.8 44.9-31.8 75.1-77.1 75.1-22.1 0-41.1-7.1-54.8-20.6S436 441.2 435.6 419l-.3-15.7H229.5L309 210h399.2l81.7 193.3H589.4zm-375 76.8h157.3c24.3 57.1 76 90.8 140.4 90.8 33.7 0 65-9.4 90.3-27.2 22.2-15.6 39.5-37.4 50.7-63.6h156.5V814H214.4V480.1z" } }] }, "name": "inbox", "theme": "outlined" };
|
|
|
/* harmony default export */ var asn_InboxOutlined = (InboxOutlined);
|
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@ant-design/icons/es/components/AntdIcon.js + 6 modules
|
|
|
var AntdIcon = __webpack_require__(7918);
|
|
|
;// CONCATENATED MODULE: ./node_modules/@ant-design/icons/es/icons/InboxOutlined.js
|
|
|
|
|
|
// GENERATE BY ./scripts/generate.ts
|
|
|
// DON NOT EDIT IT MANUALLY
|
|
|
|
|
|
|
|
|
|
|
|
var InboxOutlined_InboxOutlined = function InboxOutlined(props, ref) {
|
|
|
return /*#__PURE__*/react.createElement(AntdIcon/* default */.Z, (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, props), {}, {
|
|
|
ref: ref,
|
|
|
icon: asn_InboxOutlined
|
|
|
}));
|
|
|
};
|
|
|
InboxOutlined_InboxOutlined.displayName = 'InboxOutlined';
|
|
|
/* harmony default export */ var icons_InboxOutlined = (/*#__PURE__*/react.forwardRef(InboxOutlined_InboxOutlined));
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 64789:
|
|
|
/*!***********************************************************************************!*\
|
|
|
!*** ./node_modules/@ant-design/icons/es/icons/PlusCircleOutlined.js + 1 modules ***!
|
|
|
\***********************************************************************************/
|
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
// EXPORTS
|
|
|
__webpack_require__.d(__webpack_exports__, {
|
|
|
"Z": function() { return /* binding */ icons_PlusCircleOutlined; }
|
|
|
});
|
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js
|
|
|
var objectSpread2 = __webpack_require__(1413);
|
|
|
// EXTERNAL MODULE: ./node_modules/react/index.js
|
|
|
var react = __webpack_require__(67294);
|
|
|
;// CONCATENATED MODULE: ./node_modules/@ant-design/icons-svg/es/asn/PlusCircleOutlined.js
|
|
|
// This icon file is generated automatically.
|
|
|
var PlusCircleOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z" } }, { "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" } }] }, "name": "plus-circle", "theme": "outlined" };
|
|
|
/* harmony default export */ var asn_PlusCircleOutlined = (PlusCircleOutlined);
|
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@ant-design/icons/es/components/AntdIcon.js + 6 modules
|
|
|
var AntdIcon = __webpack_require__(7918);
|
|
|
;// CONCATENATED MODULE: ./node_modules/@ant-design/icons/es/icons/PlusCircleOutlined.js
|
|
|
|
|
|
// GENERATE BY ./scripts/generate.ts
|
|
|
// DON NOT EDIT IT MANUALLY
|
|
|
|
|
|
|
|
|
|
|
|
var PlusCircleOutlined_PlusCircleOutlined = function PlusCircleOutlined(props, ref) {
|
|
|
return /*#__PURE__*/react.createElement(AntdIcon/* default */.Z, (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, props), {}, {
|
|
|
ref: ref,
|
|
|
icon: asn_PlusCircleOutlined
|
|
|
}));
|
|
|
};
|
|
|
PlusCircleOutlined_PlusCircleOutlined.displayName = 'PlusCircleOutlined';
|
|
|
/* harmony default export */ var icons_PlusCircleOutlined = (/*#__PURE__*/react.forwardRef(PlusCircleOutlined_PlusCircleOutlined));
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 63783:
|
|
|
/*!***************************************************************************!*\
|
|
|
!*** ./node_modules/@ant-design/icons/es/icons/QuestionCircleOutlined.js ***!
|
|
|
\***************************************************************************/
|
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
/* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ 1413);
|
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ 67294);
|
|
|
/* harmony import */ var _ant_design_icons_svg_es_asn_QuestionCircleOutlined__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/QuestionCircleOutlined */ 36688);
|
|
|
/* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ 7918);
|
|
|
|
|
|
// GENERATE BY ./scripts/generate.ts
|
|
|
// DON NOT EDIT IT MANUALLY
|
|
|
|
|
|
|
|
|
|
|
|
var QuestionCircleOutlined = function QuestionCircleOutlined(props, ref) {
|
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z)((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z)({}, props), {}, {
|
|
|
ref: ref,
|
|
|
icon: _ant_design_icons_svg_es_asn_QuestionCircleOutlined__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z
|
|
|
}));
|
|
|
};
|
|
|
QuestionCircleOutlined.displayName = 'QuestionCircleOutlined';
|
|
|
/* harmony default export */ __webpack_exports__["Z"] = (/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(QuestionCircleOutlined));
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 48783:
|
|
|
/*!****************************************************************!*\
|
|
|
!*** ./node_modules/antd/es/_util/throttleByAnimationFrame.js ***!
|
|
|
\****************************************************************/
|
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
|
/* harmony export */ "U": function() { return /* binding */ throttleByAnimationFrameDecorator; },
|
|
|
/* harmony export */ "t": function() { return /* binding */ throttleByAnimationFrame; }
|
|
|
/* harmony export */ });
|
|
|
/* harmony import */ var _babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/toConsumableArray */ 74902);
|
|
|
/* harmony import */ var rc_util_es_raf__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! rc-util/es/raf */ 75164);
|
|
|
|
|
|
|
|
|
function throttleByAnimationFrame(fn) {
|
|
|
var requestId;
|
|
|
var later = function later(args) {
|
|
|
return function () {
|
|
|
requestId = null;
|
|
|
fn.apply(void 0, (0,_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z)(args));
|
|
|
};
|
|
|
};
|
|
|
var throttled = function throttled() {
|
|
|
if (requestId == null) {
|
|
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
|
args[_key] = arguments[_key];
|
|
|
}
|
|
|
requestId = (0,rc_util_es_raf__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)(later(args));
|
|
|
}
|
|
|
};
|
|
|
throttled.cancel = function () {
|
|
|
rc_util_es_raf__WEBPACK_IMPORTED_MODULE_0__/* ["default"].cancel */ .Z.cancel(requestId);
|
|
|
requestId = null;
|
|
|
};
|
|
|
return throttled;
|
|
|
}
|
|
|
function throttleByAnimationFrameDecorator() {
|
|
|
return function throttle(target, key, descriptor) {
|
|
|
var fn = descriptor.value;
|
|
|
var definingProperty = false;
|
|
|
return {
|
|
|
configurable: true,
|
|
|
get: function get() {
|
|
|
// In IE11 calling Object.defineProperty has a side-effect of evaluating the
|
|
|
// getter for the property which is being replaced. This causes infinite
|
|
|
// recursion and an "Out of stack space" error.
|
|
|
// eslint-disable-next-line no-prototype-builtins
|
|
|
if (definingProperty || this === target.prototype || this.hasOwnProperty(key)) {
|
|
|
/* istanbul ignore next */
|
|
|
return fn;
|
|
|
}
|
|
|
var boundFn = throttleByAnimationFrame(fn.bind(this));
|
|
|
definingProperty = true;
|
|
|
Object.defineProperty(this, key, {
|
|
|
value: boundFn,
|
|
|
configurable: true,
|
|
|
writable: true
|
|
|
});
|
|
|
definingProperty = false;
|
|
|
return boundFn;
|
|
|
}
|
|
|
};
|
|
|
};
|
|
|
}
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 15771:
|
|
|
/*!*********************************************************!*\
|
|
|
!*** ./node_modules/antd/es/affix/index.js + 1 modules ***!
|
|
|
\*********************************************************/
|
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
// EXPORTS
|
|
|
__webpack_require__.d(__webpack_exports__, {
|
|
|
"Z": function() { return /* binding */ affix; }
|
|
|
});
|
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/extends.js
|
|
|
var esm_extends = __webpack_require__(87462);
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
|
|
|
var defineProperty = __webpack_require__(4942);
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/classCallCheck.js
|
|
|
var classCallCheck = __webpack_require__(15671);
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/createClass.js
|
|
|
var createClass = __webpack_require__(43144);
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/inherits.js
|
|
|
var inherits = __webpack_require__(60136);
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/createSuper.js + 1 modules
|
|
|
var createSuper = __webpack_require__(51630);
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/typeof.js
|
|
|
var esm_typeof = __webpack_require__(71002);
|
|
|
// EXTERNAL MODULE: ./node_modules/classnames/index.js
|
|
|
var classnames = __webpack_require__(94184);
|
|
|
var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
|
|
|
// EXTERNAL MODULE: ./node_modules/rc-resize-observer/es/index.js + 4 modules
|
|
|
var es = __webpack_require__(48555);
|
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/omit.js
|
|
|
var omit = __webpack_require__(98423);
|
|
|
// EXTERNAL MODULE: ./node_modules/react/index.js
|
|
|
var react = __webpack_require__(67294);
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/config-provider/context.js
|
|
|
var context = __webpack_require__(53124);
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/_util/throttleByAnimationFrame.js
|
|
|
var throttleByAnimationFrame = __webpack_require__(48783);
|
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/Dom/addEventListener.js
|
|
|
var addEventListener = __webpack_require__(64019);
|
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/affix/utils.js
|
|
|
|
|
|
function getTargetRect(target) {
|
|
|
return target !== window ? target.getBoundingClientRect() : {
|
|
|
top: 0,
|
|
|
bottom: window.innerHeight
|
|
|
};
|
|
|
}
|
|
|
function getFixedTop(placeholderReact, targetRect, offsetTop) {
|
|
|
if (offsetTop !== undefined && targetRect.top > placeholderReact.top - offsetTop) {
|
|
|
return offsetTop + targetRect.top;
|
|
|
}
|
|
|
return undefined;
|
|
|
}
|
|
|
function getFixedBottom(placeholderReact, targetRect, offsetBottom) {
|
|
|
if (offsetBottom !== undefined && targetRect.bottom < placeholderReact.bottom + offsetBottom) {
|
|
|
var targetBottomOffset = window.innerHeight - targetRect.bottom;
|
|
|
return offsetBottom + targetBottomOffset;
|
|
|
}
|
|
|
return undefined;
|
|
|
}
|
|
|
// ======================== Observer ========================
|
|
|
var TRIGGER_EVENTS = ['resize', 'scroll', 'touchstart', 'touchmove', 'touchend', 'pageshow', 'load'];
|
|
|
var observerEntities = [];
|
|
|
function getObserverEntities() {
|
|
|
// Only used in test env. Can be removed if refactor.
|
|
|
return observerEntities;
|
|
|
}
|
|
|
function addObserveTarget(target, affix) {
|
|
|
if (!target) {
|
|
|
return;
|
|
|
}
|
|
|
var entity = observerEntities.find(function (item) {
|
|
|
return item.target === target;
|
|
|
});
|
|
|
if (entity) {
|
|
|
entity.affixList.push(affix);
|
|
|
} else {
|
|
|
entity = {
|
|
|
target: target,
|
|
|
affixList: [affix],
|
|
|
eventHandlers: {}
|
|
|
};
|
|
|
observerEntities.push(entity);
|
|
|
// Add listener
|
|
|
TRIGGER_EVENTS.forEach(function (eventName) {
|
|
|
entity.eventHandlers[eventName] = (0,addEventListener/* default */.Z)(target, eventName, function () {
|
|
|
entity.affixList.forEach(function (targetAffix) {
|
|
|
targetAffix.lazyUpdatePosition();
|
|
|
});
|
|
|
});
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
function removeObserveTarget(affix) {
|
|
|
var observerEntity = observerEntities.find(function (oriObserverEntity) {
|
|
|
var hasAffix = oriObserverEntity.affixList.some(function (item) {
|
|
|
return item === affix;
|
|
|
});
|
|
|
if (hasAffix) {
|
|
|
oriObserverEntity.affixList = oriObserverEntity.affixList.filter(function (item) {
|
|
|
return item !== affix;
|
|
|
});
|
|
|
}
|
|
|
return hasAffix;
|
|
|
});
|
|
|
if (observerEntity && observerEntity.affixList.length === 0) {
|
|
|
observerEntities = observerEntities.filter(function (item) {
|
|
|
return item !== observerEntity;
|
|
|
});
|
|
|
// Remove listener
|
|
|
TRIGGER_EVENTS.forEach(function (eventName) {
|
|
|
var handler = observerEntity.eventHandlers[eventName];
|
|
|
if (handler && handler.remove) {
|
|
|
handler.remove();
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/affix/index.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var __decorate = undefined && undefined.__decorate || function (decorators, target, key, desc) {
|
|
|
var c = arguments.length,
|
|
|
r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
|
|
|
d;
|
|
|
if ((typeof Reflect === "undefined" ? "undefined" : (0,esm_typeof/* default */.Z)(Reflect)) === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function getDefaultTarget() {
|
|
|
return typeof window !== 'undefined' ? window : null;
|
|
|
}
|
|
|
var AffixStatus;
|
|
|
(function (AffixStatus) {
|
|
|
AffixStatus[AffixStatus["None"] = 0] = "None";
|
|
|
AffixStatus[AffixStatus["Prepare"] = 1] = "Prepare";
|
|
|
})(AffixStatus || (AffixStatus = {}));
|
|
|
var Affix = /*#__PURE__*/function (_React$Component) {
|
|
|
(0,inherits/* default */.Z)(Affix, _React$Component);
|
|
|
var _super = (0,createSuper/* default */.Z)(Affix);
|
|
|
function Affix() {
|
|
|
var _this;
|
|
|
(0,classCallCheck/* default */.Z)(this, Affix);
|
|
|
_this = _super.apply(this, arguments);
|
|
|
_this.state = {
|
|
|
status: AffixStatus.None,
|
|
|
lastAffix: false,
|
|
|
prevTarget: null
|
|
|
};
|
|
|
_this.getOffsetTop = function () {
|
|
|
var _this$props = _this.props,
|
|
|
offsetBottom = _this$props.offsetBottom,
|
|
|
offsetTop = _this$props.offsetTop;
|
|
|
return offsetBottom === undefined && offsetTop === undefined ? 0 : offsetTop;
|
|
|
};
|
|
|
_this.getOffsetBottom = function () {
|
|
|
return _this.props.offsetBottom;
|
|
|
};
|
|
|
_this.savePlaceholderNode = function (node) {
|
|
|
_this.placeholderNode = node;
|
|
|
};
|
|
|
_this.saveFixedNode = function (node) {
|
|
|
_this.fixedNode = node;
|
|
|
};
|
|
|
// =================== Measure ===================
|
|
|
_this.measure = function () {
|
|
|
var _this$state = _this.state,
|
|
|
status = _this$state.status,
|
|
|
lastAffix = _this$state.lastAffix;
|
|
|
var onChange = _this.props.onChange;
|
|
|
var targetFunc = _this.getTargetFunc();
|
|
|
if (status !== AffixStatus.Prepare || !_this.fixedNode || !_this.placeholderNode || !targetFunc) {
|
|
|
return;
|
|
|
}
|
|
|
var offsetTop = _this.getOffsetTop();
|
|
|
var offsetBottom = _this.getOffsetBottom();
|
|
|
var targetNode = targetFunc();
|
|
|
if (!targetNode) {
|
|
|
return;
|
|
|
}
|
|
|
var newState = {
|
|
|
status: AffixStatus.None
|
|
|
};
|
|
|
var targetRect = getTargetRect(targetNode);
|
|
|
var placeholderReact = getTargetRect(_this.placeholderNode);
|
|
|
var fixedTop = getFixedTop(placeholderReact, targetRect, offsetTop);
|
|
|
var fixedBottom = getFixedBottom(placeholderReact, targetRect, offsetBottom);
|
|
|
if (placeholderReact.top === 0 && placeholderReact.left === 0 && placeholderReact.width === 0 && placeholderReact.height === 0) {
|
|
|
return;
|
|
|
}
|
|
|
if (fixedTop !== undefined) {
|
|
|
newState.affixStyle = {
|
|
|
position: 'fixed',
|
|
|
top: fixedTop,
|
|
|
width: placeholderReact.width,
|
|
|
height: placeholderReact.height
|
|
|
};
|
|
|
newState.placeholderStyle = {
|
|
|
width: placeholderReact.width,
|
|
|
height: placeholderReact.height
|
|
|
};
|
|
|
} else if (fixedBottom !== undefined) {
|
|
|
newState.affixStyle = {
|
|
|
position: 'fixed',
|
|
|
bottom: fixedBottom,
|
|
|
width: placeholderReact.width,
|
|
|
height: placeholderReact.height
|
|
|
};
|
|
|
newState.placeholderStyle = {
|
|
|
width: placeholderReact.width,
|
|
|
height: placeholderReact.height
|
|
|
};
|
|
|
}
|
|
|
newState.lastAffix = !!newState.affixStyle;
|
|
|
if (onChange && lastAffix !== newState.lastAffix) {
|
|
|
onChange(newState.lastAffix);
|
|
|
}
|
|
|
_this.setState(newState);
|
|
|
};
|
|
|
// @ts-ignore TS6133
|
|
|
_this.prepareMeasure = function () {
|
|
|
// event param is used before. Keep compatible ts define here.
|
|
|
_this.setState({
|
|
|
status: AffixStatus.Prepare,
|
|
|
affixStyle: undefined,
|
|
|
placeholderStyle: undefined
|
|
|
});
|
|
|
// Test if `updatePosition` called
|
|
|
if (false) { var onTestUpdatePosition; }
|
|
|
};
|
|
|
return _this;
|
|
|
}
|
|
|
(0,createClass/* default */.Z)(Affix, [{
|
|
|
key: "getTargetFunc",
|
|
|
value: function getTargetFunc() {
|
|
|
var getTargetContainer = this.context.getTargetContainer;
|
|
|
var target = this.props.target;
|
|
|
if (target !== undefined) {
|
|
|
return target;
|
|
|
}
|
|
|
return getTargetContainer !== null && getTargetContainer !== void 0 ? getTargetContainer : getDefaultTarget;
|
|
|
}
|
|
|
// Event handler
|
|
|
}, {
|
|
|
key: "componentDidMount",
|
|
|
value: function componentDidMount() {
|
|
|
var _this2 = this;
|
|
|
var targetFunc = this.getTargetFunc();
|
|
|
if (targetFunc) {
|
|
|
// [Legacy] Wait for parent component ref has its value.
|
|
|
// We should use target as directly element instead of function which makes element check hard.
|
|
|
this.timeout = setTimeout(function () {
|
|
|
addObserveTarget(targetFunc(), _this2);
|
|
|
// Mock Event object.
|
|
|
_this2.updatePosition();
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
}, {
|
|
|
key: "componentDidUpdate",
|
|
|
value: function componentDidUpdate(prevProps) {
|
|
|
var prevTarget = this.state.prevTarget;
|
|
|
var targetFunc = this.getTargetFunc();
|
|
|
var newTarget = (targetFunc === null || targetFunc === void 0 ? void 0 : targetFunc()) || null;
|
|
|
if (prevTarget !== newTarget) {
|
|
|
removeObserveTarget(this);
|
|
|
if (newTarget) {
|
|
|
addObserveTarget(newTarget, this);
|
|
|
// Mock Event object.
|
|
|
this.updatePosition();
|
|
|
}
|
|
|
// eslint-disable-next-line react/no-did-update-set-state
|
|
|
this.setState({
|
|
|
prevTarget: newTarget
|
|
|
});
|
|
|
}
|
|
|
if (prevProps.offsetTop !== this.props.offsetTop || prevProps.offsetBottom !== this.props.offsetBottom) {
|
|
|
this.updatePosition();
|
|
|
}
|
|
|
this.measure();
|
|
|
}
|
|
|
}, {
|
|
|
key: "componentWillUnmount",
|
|
|
value: function componentWillUnmount() {
|
|
|
clearTimeout(this.timeout);
|
|
|
removeObserveTarget(this);
|
|
|
this.updatePosition.cancel();
|
|
|
// https://github.com/ant-design/ant-design/issues/22683
|
|
|
this.lazyUpdatePosition.cancel();
|
|
|
}
|
|
|
// Handle realign logic
|
|
|
}, {
|
|
|
key: "updatePosition",
|
|
|
value: function updatePosition() {
|
|
|
this.prepareMeasure();
|
|
|
}
|
|
|
}, {
|
|
|
key: "lazyUpdatePosition",
|
|
|
value: function lazyUpdatePosition() {
|
|
|
var targetFunc = this.getTargetFunc();
|
|
|
var affixStyle = this.state.affixStyle;
|
|
|
// Check position change before measure to make Safari smooth
|
|
|
if (targetFunc && affixStyle) {
|
|
|
var offsetTop = this.getOffsetTop();
|
|
|
var offsetBottom = this.getOffsetBottom();
|
|
|
var targetNode = targetFunc();
|
|
|
if (targetNode && this.placeholderNode) {
|
|
|
var targetRect = getTargetRect(targetNode);
|
|
|
var placeholderReact = getTargetRect(this.placeholderNode);
|
|
|
var fixedTop = getFixedTop(placeholderReact, targetRect, offsetTop);
|
|
|
var fixedBottom = getFixedBottom(placeholderReact, targetRect, offsetBottom);
|
|
|
if (fixedTop !== undefined && affixStyle.top === fixedTop || fixedBottom !== undefined && affixStyle.bottom === fixedBottom) {
|
|
|
return;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
// Directly call prepare measure since it's already throttled.
|
|
|
this.prepareMeasure();
|
|
|
}
|
|
|
// =================== Render ===================
|
|
|
}, {
|
|
|
key: "render",
|
|
|
value: function render() {
|
|
|
var _this3 = this;
|
|
|
var _this$state2 = this.state,
|
|
|
affixStyle = _this$state2.affixStyle,
|
|
|
placeholderStyle = _this$state2.placeholderStyle;
|
|
|
var _this$props2 = this.props,
|
|
|
affixPrefixCls = _this$props2.affixPrefixCls,
|
|
|
children = _this$props2.children;
|
|
|
var className = classnames_default()((0,defineProperty/* default */.Z)({}, affixPrefixCls, !!affixStyle));
|
|
|
var props = (0,omit/* default */.Z)(this.props, ['prefixCls', 'offsetTop', 'offsetBottom', 'target', 'onChange', 'affixPrefixCls']);
|
|
|
// Omit this since `onTestUpdatePosition` only works on test.
|
|
|
if (false) {}
|
|
|
return /*#__PURE__*/react.createElement(es/* default */.Z, {
|
|
|
onResize: function onResize() {
|
|
|
_this3.updatePosition();
|
|
|
}
|
|
|
}, /*#__PURE__*/react.createElement("div", (0,esm_extends/* default */.Z)({}, props, {
|
|
|
ref: this.savePlaceholderNode
|
|
|
}), affixStyle && /*#__PURE__*/react.createElement("div", {
|
|
|
style: placeholderStyle,
|
|
|
"aria-hidden": "true"
|
|
|
}), /*#__PURE__*/react.createElement("div", {
|
|
|
className: className,
|
|
|
ref: this.saveFixedNode,
|
|
|
style: affixStyle
|
|
|
}, /*#__PURE__*/react.createElement(es/* default */.Z, {
|
|
|
onResize: function onResize() {
|
|
|
_this3.updatePosition();
|
|
|
}
|
|
|
}, children))));
|
|
|
}
|
|
|
}]);
|
|
|
return Affix;
|
|
|
}(react.Component);
|
|
|
Affix.contextType = context/* ConfigContext */.E_;
|
|
|
__decorate([(0,throttleByAnimationFrame/* throttleByAnimationFrameDecorator */.U)()], Affix.prototype, "updatePosition", null);
|
|
|
__decorate([(0,throttleByAnimationFrame/* throttleByAnimationFrameDecorator */.U)()], Affix.prototype, "lazyUpdatePosition", null);
|
|
|
var AffixFC = /*#__PURE__*/react.forwardRef(function (props, ref) {
|
|
|
var customizePrefixCls = props.prefixCls;
|
|
|
var _React$useContext = react.useContext(context/* ConfigContext */.E_),
|
|
|
getPrefixCls = _React$useContext.getPrefixCls;
|
|
|
var affixPrefixCls = getPrefixCls('affix', customizePrefixCls);
|
|
|
var affixProps = (0,esm_extends/* default */.Z)((0,esm_extends/* default */.Z)({}, props), {
|
|
|
affixPrefixCls: affixPrefixCls
|
|
|
});
|
|
|
return /*#__PURE__*/react.createElement(Affix, (0,esm_extends/* default */.Z)({}, affixProps, {
|
|
|
ref: ref
|
|
|
}));
|
|
|
});
|
|
|
if (false) {}
|
|
|
/* harmony default export */ var affix = (AffixFC);
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 48283:
|
|
|
/*!***************************************************************!*\
|
|
|
!*** ./node_modules/antd/es/affix/style/index.js + 1 modules ***!
|
|
|
\***************************************************************/
|
|
|
/***/ (function(__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/style/default.less
|
|
|
var style_default = __webpack_require__(43146);
|
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/affix/style/index.less
|
|
|
// extracted by mini-css-extract-plugin
|
|
|
|
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/affix/style/index.js
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 57761:
|
|
|
/*!*********************************************************************!*\
|
|
|
!*** ./node_modules/react-infinite-scroller/dist/InfiniteScroll.js ***!
|
|
|
\*********************************************************************/
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
Object.defineProperty(exports, "__esModule", ({
|
|
|
value: true
|
|
|
}));
|
|
|
|
|
|
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
|
|
|
|
|
|
var _react = __webpack_require__(/*! react */ 67294);
|
|
|
|
|
|
var _react2 = _interopRequireDefault(_react);
|
|
|
|
|
|
var _propTypes = __webpack_require__(/*! prop-types */ 45697);
|
|
|
|
|
|
var _propTypes2 = _interopRequireDefault(_propTypes);
|
|
|
|
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
|
|
|
|
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
|
|
|
|
|
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
|
|
|
|
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
|
|
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
|
|
|
var InfiniteScroll = function (_Component) {
|
|
|
_inherits(InfiniteScroll, _Component);
|
|
|
|
|
|
function InfiniteScroll(props) {
|
|
|
_classCallCheck(this, InfiniteScroll);
|
|
|
|
|
|
var _this = _possibleConstructorReturn(this, (InfiniteScroll.__proto__ || Object.getPrototypeOf(InfiniteScroll)).call(this, props));
|
|
|
|
|
|
_this.scrollListener = _this.scrollListener.bind(_this);
|
|
|
_this.eventListenerOptions = _this.eventListenerOptions.bind(_this);
|
|
|
_this.mousewheelListener = _this.mousewheelListener.bind(_this);
|
|
|
return _this;
|
|
|
}
|
|
|
|
|
|
_createClass(InfiniteScroll, [{
|
|
|
key: 'componentDidMount',
|
|
|
value: function componentDidMount() {
|
|
|
this.pageLoaded = this.props.pageStart;
|
|
|
this.options = this.eventListenerOptions();
|
|
|
this.attachScrollListener();
|
|
|
}
|
|
|
}, {
|
|
|
key: 'componentDidUpdate',
|
|
|
value: function componentDidUpdate() {
|
|
|
if (this.props.isReverse && this.loadMore) {
|
|
|
var parentElement = this.getParentElement(this.scrollComponent);
|
|
|
parentElement.scrollTop = parentElement.scrollHeight - this.beforeScrollHeight + this.beforeScrollTop;
|
|
|
this.loadMore = false;
|
|
|
}
|
|
|
this.attachScrollListener();
|
|
|
}
|
|
|
}, {
|
|
|
key: 'componentWillUnmount',
|
|
|
value: function componentWillUnmount() {
|
|
|
this.detachScrollListener();
|
|
|
this.detachMousewheelListener();
|
|
|
}
|
|
|
}, {
|
|
|
key: 'isPassiveSupported',
|
|
|
value: function isPassiveSupported() {
|
|
|
var passive = false;
|
|
|
|
|
|
var testOptions = {
|
|
|
get passive() {
|
|
|
passive = true;
|
|
|
}
|
|
|
};
|
|
|
|
|
|
try {
|
|
|
document.addEventListener('test', null, testOptions);
|
|
|
document.removeEventListener('test', null, testOptions);
|
|
|
} catch (e) {
|
|
|
// ignore
|
|
|
}
|
|
|
return passive;
|
|
|
}
|
|
|
}, {
|
|
|
key: 'eventListenerOptions',
|
|
|
value: function eventListenerOptions() {
|
|
|
var options = this.props.useCapture;
|
|
|
|
|
|
if (this.isPassiveSupported()) {
|
|
|
options = {
|
|
|
useCapture: this.props.useCapture,
|
|
|
passive: true
|
|
|
};
|
|
|
}
|
|
|
return options;
|
|
|
}
|
|
|
|
|
|
// Set a defaut loader for all your `InfiniteScroll` components
|
|
|
|
|
|
}, {
|
|
|
key: 'setDefaultLoader',
|
|
|
value: function setDefaultLoader(loader) {
|
|
|
this.defaultLoader = loader;
|
|
|
}
|
|
|
}, {
|
|
|
key: 'detachMousewheelListener',
|
|
|
value: function detachMousewheelListener() {
|
|
|
var scrollEl = window;
|
|
|
if (this.props.useWindow === false) {
|
|
|
scrollEl = this.scrollComponent.parentNode;
|
|
|
}
|
|
|
|
|
|
scrollEl.removeEventListener('mousewheel', this.mousewheelListener, this.options ? this.options : this.props.useCapture);
|
|
|
}
|
|
|
}, {
|
|
|
key: 'detachScrollListener',
|
|
|
value: function detachScrollListener() {
|
|
|
var scrollEl = window;
|
|
|
if (this.props.useWindow === false) {
|
|
|
scrollEl = this.getParentElement(this.scrollComponent);
|
|
|
}
|
|
|
|
|
|
scrollEl.removeEventListener('scroll', this.scrollListener, this.options ? this.options : this.props.useCapture);
|
|
|
scrollEl.removeEventListener('resize', this.scrollListener, this.options ? this.options : this.props.useCapture);
|
|
|
}
|
|
|
}, {
|
|
|
key: 'getParentElement',
|
|
|
value: function getParentElement(el) {
|
|
|
var scrollParent = this.props.getScrollParent && this.props.getScrollParent();
|
|
|
if (scrollParent != null) {
|
|
|
return scrollParent;
|
|
|
}
|
|
|
return el && el.parentNode;
|
|
|
}
|
|
|
}, {
|
|
|
key: 'filterProps',
|
|
|
value: function filterProps(props) {
|
|
|
return props;
|
|
|
}
|
|
|
}, {
|
|
|
key: 'attachScrollListener',
|
|
|
value: function attachScrollListener() {
|
|
|
var parentElement = this.getParentElement(this.scrollComponent);
|
|
|
|
|
|
if (!this.props.hasMore || !parentElement) {
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
var scrollEl = window;
|
|
|
if (this.props.useWindow === false) {
|
|
|
scrollEl = parentElement;
|
|
|
}
|
|
|
|
|
|
scrollEl.addEventListener('mousewheel', this.mousewheelListener, this.options ? this.options : this.props.useCapture);
|
|
|
scrollEl.addEventListener('scroll', this.scrollListener, this.options ? this.options : this.props.useCapture);
|
|
|
scrollEl.addEventListener('resize', this.scrollListener, this.options ? this.options : this.props.useCapture);
|
|
|
|
|
|
if (this.props.initialLoad) {
|
|
|
this.scrollListener();
|
|
|
}
|
|
|
}
|
|
|
}, {
|
|
|
key: 'mousewheelListener',
|
|
|
value: function mousewheelListener(e) {
|
|
|
// Prevents Chrome hangups
|
|
|
// See: https://stackoverflow.com/questions/47524205/random-high-content-download-time-in-chrome/47684257#47684257
|
|
|
if (e.deltaY === 1 && !this.isPassiveSupported()) {
|
|
|
e.preventDefault();
|
|
|
}
|
|
|
}
|
|
|
}, {
|
|
|
key: 'scrollListener',
|
|
|
value: function scrollListener() {
|
|
|
var el = this.scrollComponent;
|
|
|
var scrollEl = window;
|
|
|
var parentNode = this.getParentElement(el);
|
|
|
|
|
|
var offset = void 0;
|
|
|
if (this.props.useWindow) {
|
|
|
var doc = document.documentElement || document.body.parentNode || document.body;
|
|
|
var scrollTop = scrollEl.pageYOffset !== undefined ? scrollEl.pageYOffset : doc.scrollTop;
|
|
|
if (this.props.isReverse) {
|
|
|
offset = scrollTop;
|
|
|
} else {
|
|
|
offset = this.calculateOffset(el, scrollTop);
|
|
|
}
|
|
|
} else if (this.props.isReverse) {
|
|
|
offset = parentNode.scrollTop;
|
|
|
} else {
|
|
|
offset = el.scrollHeight - parentNode.scrollTop - parentNode.clientHeight;
|
|
|
}
|
|
|
|
|
|
// Here we make sure the element is visible as well as checking the offset
|
|
|
if (offset < Number(this.props.threshold) && el && el.offsetParent !== null) {
|
|
|
this.detachScrollListener();
|
|
|
this.beforeScrollHeight = parentNode.scrollHeight;
|
|
|
this.beforeScrollTop = parentNode.scrollTop;
|
|
|
// Call loadMore after detachScrollListener to allow for non-async loadMore functions
|
|
|
if (typeof this.props.loadMore === 'function') {
|
|
|
this.props.loadMore(this.pageLoaded += 1);
|
|
|
this.loadMore = true;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}, {
|
|
|
key: 'calculateOffset',
|
|
|
value: function calculateOffset(el, scrollTop) {
|
|
|
if (!el) {
|
|
|
return 0;
|
|
|
}
|
|
|
|
|
|
return this.calculateTopPosition(el) + (el.offsetHeight - scrollTop - window.innerHeight);
|
|
|
}
|
|
|
}, {
|
|
|
key: 'calculateTopPosition',
|
|
|
value: function calculateTopPosition(el) {
|
|
|
if (!el) {
|
|
|
return 0;
|
|
|
}
|
|
|
return el.offsetTop + this.calculateTopPosition(el.offsetParent);
|
|
|
}
|
|
|
}, {
|
|
|
key: 'render',
|
|
|
value: function render() {
|
|
|
var _this2 = this;
|
|
|
|
|
|
var renderProps = this.filterProps(this.props);
|
|
|
|
|
|
var children = renderProps.children,
|
|
|
element = renderProps.element,
|
|
|
hasMore = renderProps.hasMore,
|
|
|
initialLoad = renderProps.initialLoad,
|
|
|
isReverse = renderProps.isReverse,
|
|
|
loader = renderProps.loader,
|
|
|
loadMore = renderProps.loadMore,
|
|
|
pageStart = renderProps.pageStart,
|
|
|
ref = renderProps.ref,
|
|
|
threshold = renderProps.threshold,
|
|
|
useCapture = renderProps.useCapture,
|
|
|
useWindow = renderProps.useWindow,
|
|
|
getScrollParent = renderProps.getScrollParent,
|
|
|
props = _objectWithoutProperties(renderProps, ['children', 'element', 'hasMore', 'initialLoad', 'isReverse', 'loader', 'loadMore', 'pageStart', 'ref', 'threshold', 'useCapture', 'useWindow', 'getScrollParent']);
|
|
|
|
|
|
props.ref = function (node) {
|
|
|
_this2.scrollComponent = node;
|
|
|
if (ref) {
|
|
|
ref(node);
|
|
|
}
|
|
|
};
|
|
|
|
|
|
var childrenArray = [children];
|
|
|
if (hasMore) {
|
|
|
if (loader) {
|
|
|
isReverse ? childrenArray.unshift(loader) : childrenArray.push(loader);
|
|
|
} else if (this.defaultLoader) {
|
|
|
isReverse ? childrenArray.unshift(this.defaultLoader) : childrenArray.push(this.defaultLoader);
|
|
|
}
|
|
|
}
|
|
|
return _react2.default.createElement(element, props, childrenArray);
|
|
|
}
|
|
|
}]);
|
|
|
|
|
|
return InfiniteScroll;
|
|
|
}(_react.Component);
|
|
|
|
|
|
InfiniteScroll.propTypes = {
|
|
|
children: _propTypes2.default.node.isRequired,
|
|
|
element: _propTypes2.default.node,
|
|
|
hasMore: _propTypes2.default.bool,
|
|
|
initialLoad: _propTypes2.default.bool,
|
|
|
isReverse: _propTypes2.default.bool,
|
|
|
loader: _propTypes2.default.node,
|
|
|
loadMore: _propTypes2.default.func.isRequired,
|
|
|
pageStart: _propTypes2.default.number,
|
|
|
ref: _propTypes2.default.func,
|
|
|
getScrollParent: _propTypes2.default.func,
|
|
|
threshold: _propTypes2.default.number,
|
|
|
useCapture: _propTypes2.default.bool,
|
|
|
useWindow: _propTypes2.default.bool
|
|
|
};
|
|
|
InfiniteScroll.defaultProps = {
|
|
|
element: 'div',
|
|
|
hasMore: false,
|
|
|
initialLoad: true,
|
|
|
pageStart: 0,
|
|
|
ref: null,
|
|
|
threshold: 250,
|
|
|
useWindow: true,
|
|
|
isReverse: false,
|
|
|
useCapture: false,
|
|
|
loader: null,
|
|
|
getScrollParent: null
|
|
|
};
|
|
|
exports["default"] = InfiniteScroll;
|
|
|
module.exports = exports['default'];
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 246:
|
|
|
/*!*******************************************************!*\
|
|
|
!*** ./node_modules/react-infinite-scroller/index.js ***!
|
|
|
\*******************************************************/
|
|
|
/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
|
|
|
|
|
|
module.exports = __webpack_require__(/*! ./dist/InfiniteScroll */ 57761)
|
|
|
|
|
|
|
|
|
/***/ })
|
|
|
|
|
|
}]); |
