You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
836 lines
30 KiB
836 lines
30 KiB
"use strict";
|
|
(self["webpackChunk"] = self["webpackChunk"] || []).push([[16827],{
|
|
|
|
/***/ 7918:
|
|
/*!******************************************************************************!*\
|
|
!*** ./node_modules/@ant-design/icons/es/components/AntdIcon.js + 6 modules ***!
|
|
\******************************************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
// 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; // 浅色数量，主色上
|
|
|
|
var darkColorCount = 4; // 深色数量，主色下
|
|
// 暗色主题颜色映射关系表
|
|
|
|
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; // 根据色相不同，色相转向不同
|
|
|
|
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 限制在 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);
|
|
|
|
/***/ }),
|
|
|
|
/***/ 28508:
|
|
/*!******************************************************************!*\
|
|
!*** ./node_modules/@ant-design/icons/es/icons/CloseOutlined.js ***!
|
|
\******************************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
/* 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_CloseOutlined__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/CloseOutlined */ 89503);
|
|
/* 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 CloseOutlined = function CloseOutlined(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_CloseOutlined__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z
|
|
}));
|
|
};
|
|
CloseOutlined.displayName = 'CloseOutlined';
|
|
/* harmony default export */ __webpack_exports__["Z"] = (/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(CloseOutlined));
|
|
|
|
/***/ }),
|
|
|
|
/***/ 14670:
|
|
/*!*********************************************************!*\
|
|
!*** ./node_modules/antd/es/alert/index.js + 1 modules ***!
|
|
\*********************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
// EXPORTS
|
|
__webpack_require__.d(__webpack_exports__, {
|
|
"Z": function() { return /* binding */ es_alert; }
|
|
});
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/extends.js
|
|
var esm_extends = __webpack_require__(87462);
|
|
// 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/antd/node_modules/@ant-design/icons/es/icons/CheckCircleFilled.js
|
|
var CheckCircleFilled = __webpack_require__(19735);
|
|
// EXTERNAL MODULE: ./node_modules/antd/node_modules/@ant-design/icons/es/icons/CheckCircleOutlined.js + 1 modules
|
|
var CheckCircleOutlined = __webpack_require__(52182);
|
|
// EXTERNAL MODULE: ./node_modules/antd/node_modules/@ant-design/icons/es/icons/CloseCircleFilled.js
|
|
var CloseCircleFilled = __webpack_require__(17012);
|
|
// EXTERNAL MODULE: ./node_modules/antd/node_modules/@ant-design/icons/es/icons/CloseCircleOutlined.js
|
|
var CloseCircleOutlined = __webpack_require__(41439);
|
|
// EXTERNAL MODULE: ./node_modules/antd/node_modules/@ant-design/icons/es/icons/CloseOutlined.js
|
|
var CloseOutlined = __webpack_require__(62208);
|
|
// EXTERNAL MODULE: ./node_modules/antd/node_modules/@ant-design/icons/es/icons/ExclamationCircleFilled.js
|
|
var ExclamationCircleFilled = __webpack_require__(29950);
|
|
// EXTERNAL MODULE: ./node_modules/antd/node_modules/@ant-design/icons/es/icons/ExclamationCircleOutlined.js
|
|
var ExclamationCircleOutlined = __webpack_require__(31581);
|
|
// EXTERNAL MODULE: ./node_modules/antd/node_modules/@ant-design/icons/es/icons/InfoCircleFilled.js + 1 modules
|
|
var InfoCircleFilled = __webpack_require__(1558);
|
|
// EXTERNAL MODULE: ./node_modules/antd/node_modules/@ant-design/icons/es/icons/InfoCircleOutlined.js + 1 modules
|
|
var InfoCircleOutlined = __webpack_require__(38225);
|
|
// 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-motion/es/index.js + 11 modules
|
|
var es = __webpack_require__(62874);
|
|
// 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/getDataOrAriaProps.js
|
|
var getDataOrAriaProps = __webpack_require__(5467);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/_util/reactNode.js
|
|
var reactNode = __webpack_require__(96159);
|
|
// 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);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/alert/ErrorBoundary.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
|
|
(0,inherits/* default */.Z)(ErrorBoundary, _React$Component);
|
|
var _super = (0,createSuper/* default */.Z)(ErrorBoundary);
|
|
function ErrorBoundary() {
|
|
var _this;
|
|
(0,classCallCheck/* default */.Z)(this, ErrorBoundary);
|
|
_this = _super.apply(this, arguments);
|
|
_this.state = {
|
|
error: undefined,
|
|
info: {
|
|
componentStack: ''
|
|
}
|
|
};
|
|
return _this;
|
|
}
|
|
(0,createClass/* default */.Z)(ErrorBoundary, [{
|
|
key: "componentDidCatch",
|
|
value: function componentDidCatch(error, info) {
|
|
this.setState({
|
|
error: error,
|
|
info: info
|
|
});
|
|
}
|
|
}, {
|
|
key: "render",
|
|
value: function render() {
|
|
var _this$props = this.props,
|
|
message = _this$props.message,
|
|
description = _this$props.description,
|
|
children = _this$props.children;
|
|
var _this$state = this.state,
|
|
error = _this$state.error,
|
|
info = _this$state.info;
|
|
var componentStack = info && info.componentStack ? info.componentStack : null;
|
|
var errorMessage = typeof message === 'undefined' ? (error || '').toString() : message;
|
|
var errorDescription = typeof description === 'undefined' ? componentStack : description;
|
|
if (error) {
|
|
return /*#__PURE__*/react.createElement(es_alert, {
|
|
type: "error",
|
|
message: errorMessage,
|
|
description: /*#__PURE__*/react.createElement("pre", null, errorDescription)
|
|
});
|
|
}
|
|
return children;
|
|
}
|
|
}]);
|
|
return ErrorBoundary;
|
|
}(react.Component);
|
|
/* harmony default export */ var alert_ErrorBoundary = (ErrorBoundary);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/alert/index.js
|
|
|
|
|
|
|
|
var __rest = undefined && undefined.__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 iconMapFilled = {
|
|
success: CheckCircleFilled/* default */.Z,
|
|
info: InfoCircleFilled/* default */.Z,
|
|
error: CloseCircleFilled/* default */.Z,
|
|
warning: ExclamationCircleFilled/* default */.Z
|
|
};
|
|
var iconMapOutlined = {
|
|
success: CheckCircleOutlined/* default */.Z,
|
|
info: InfoCircleOutlined/* default */.Z,
|
|
error: CloseCircleOutlined/* default */.Z,
|
|
warning: ExclamationCircleOutlined/* default */.Z
|
|
};
|
|
var IconNode = function IconNode(props) {
|
|
var description = props.description,
|
|
icon = props.icon,
|
|
prefixCls = props.prefixCls,
|
|
type = props.type;
|
|
var iconType = (description ? iconMapOutlined : iconMapFilled)[type] || null;
|
|
if (icon) {
|
|
return (0,reactNode/* replaceElement */.wm)(icon, /*#__PURE__*/react.createElement("span", {
|
|
className: "".concat(prefixCls, "-icon")
|
|
}, icon), function () {
|
|
return {
|
|
className: classnames_default()("".concat(prefixCls, "-icon"), (0,defineProperty/* default */.Z)({}, icon.props.className, icon.props.className))
|
|
};
|
|
});
|
|
}
|
|
return /*#__PURE__*/react.createElement(iconType, {
|
|
className: "".concat(prefixCls, "-icon")
|
|
});
|
|
};
|
|
var CloseIcon = function CloseIcon(props) {
|
|
var isClosable = props.isClosable,
|
|
closeText = props.closeText,
|
|
prefixCls = props.prefixCls,
|
|
closeIcon = props.closeIcon,
|
|
handleClose = props.handleClose;
|
|
return isClosable ? /*#__PURE__*/react.createElement("button", {
|
|
type: "button",
|
|
onClick: handleClose,
|
|
className: "".concat(prefixCls, "-close-icon"),
|
|
tabIndex: 0
|
|
}, closeText ? /*#__PURE__*/react.createElement("span", {
|
|
className: "".concat(prefixCls, "-close-text")
|
|
}, closeText) : closeIcon) : null;
|
|
};
|
|
var Alert = function Alert(_a) {
|
|
var _classNames2;
|
|
var description = _a.description,
|
|
customizePrefixCls = _a.prefixCls,
|
|
message = _a.message,
|
|
banner = _a.banner,
|
|
_a$className = _a.className,
|
|
className = _a$className === void 0 ? '' : _a$className,
|
|
style = _a.style,
|
|
onMouseEnter = _a.onMouseEnter,
|
|
onMouseLeave = _a.onMouseLeave,
|
|
onClick = _a.onClick,
|
|
afterClose = _a.afterClose,
|
|
showIcon = _a.showIcon,
|
|
closable = _a.closable,
|
|
closeText = _a.closeText,
|
|
_a$closeIcon = _a.closeIcon,
|
|
closeIcon = _a$closeIcon === void 0 ? /*#__PURE__*/react.createElement(CloseOutlined/* default */.Z, null) : _a$closeIcon,
|
|
action = _a.action,
|
|
props = __rest(_a, ["description", "prefixCls", "message", "banner", "className", "style", "onMouseEnter", "onMouseLeave", "onClick", "afterClose", "showIcon", "closable", "closeText", "closeIcon", "action"]);
|
|
var _React$useState = react.useState(false),
|
|
_React$useState2 = (0,slicedToArray/* default */.Z)(_React$useState, 2),
|
|
closed = _React$useState2[0],
|
|
setClosed = _React$useState2[1];
|
|
var ref = react.useRef();
|
|
var _React$useContext = react.useContext(context/* ConfigContext */.E_),
|
|
getPrefixCls = _React$useContext.getPrefixCls,
|
|
direction = _React$useContext.direction;
|
|
var prefixCls = getPrefixCls('alert', customizePrefixCls);
|
|
var handleClose = function handleClose(e) {
|
|
var _a;
|
|
setClosed(true);
|
|
(_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props, e);
|
|
};
|
|
var getType = function getType() {
|
|
var type = props.type;
|
|
if (type !== undefined) {
|
|
return type;
|
|
}
|
|
// banner 模式默认为警告
|
|
return banner ? 'warning' : 'info';
|
|
};
|
|
// closeable when closeText is assigned
|
|
var isClosable = closeText ? true : closable;
|
|
var type = getType();
|
|
// banner 模式默认有 Icon
|
|
var isShowIcon = banner && showIcon === undefined ? true : showIcon;
|
|
var alertCls = classnames_default()(prefixCls, "".concat(prefixCls, "-").concat(type), (_classNames2 = {}, (0,defineProperty/* default */.Z)(_classNames2, "".concat(prefixCls, "-with-description"), !!description), (0,defineProperty/* default */.Z)(_classNames2, "".concat(prefixCls, "-no-icon"), !isShowIcon), (0,defineProperty/* default */.Z)(_classNames2, "".concat(prefixCls, "-banner"), !!banner), (0,defineProperty/* default */.Z)(_classNames2, "".concat(prefixCls, "-rtl"), direction === 'rtl'), _classNames2), className);
|
|
var dataOrAriaProps = (0,getDataOrAriaProps/* default */.Z)(props);
|
|
return /*#__PURE__*/react.createElement(es["default"], {
|
|
visible: !closed,
|
|
motionName: "".concat(prefixCls, "-motion"),
|
|
motionAppear: false,
|
|
motionEnter: false,
|
|
onLeaveStart: function onLeaveStart(node) {
|
|
return {
|
|
maxHeight: node.offsetHeight
|
|
};
|
|
},
|
|
onLeaveEnd: afterClose
|
|
}, function (_ref) {
|
|
var motionClassName = _ref.className,
|
|
motionStyle = _ref.style;
|
|
return /*#__PURE__*/react.createElement("div", (0,esm_extends/* default */.Z)({
|
|
ref: ref,
|
|
"data-show": !closed,
|
|
className: classnames_default()(alertCls, motionClassName),
|
|
style: (0,esm_extends/* default */.Z)((0,esm_extends/* default */.Z)({}, style), motionStyle),
|
|
onMouseEnter: onMouseEnter,
|
|
onMouseLeave: onMouseLeave,
|
|
onClick: onClick,
|
|
role: "alert"
|
|
}, dataOrAriaProps), isShowIcon ? /*#__PURE__*/react.createElement(IconNode, {
|
|
description: description,
|
|
icon: props.icon,
|
|
prefixCls: prefixCls,
|
|
type: type
|
|
}) : null, /*#__PURE__*/react.createElement("div", {
|
|
className: "".concat(prefixCls, "-content")
|
|
}, message ? /*#__PURE__*/react.createElement("div", {
|
|
className: "".concat(prefixCls, "-message")
|
|
}, message) : null, description ? /*#__PURE__*/react.createElement("div", {
|
|
className: "".concat(prefixCls, "-description")
|
|
}, description) : null), action ? /*#__PURE__*/react.createElement("div", {
|
|
className: "".concat(prefixCls, "-action")
|
|
}, action) : null, /*#__PURE__*/react.createElement(CloseIcon, {
|
|
isClosable: !!isClosable,
|
|
closeText: closeText,
|
|
prefixCls: prefixCls,
|
|
closeIcon: closeIcon,
|
|
handleClose: handleClose
|
|
}));
|
|
});
|
|
};
|
|
Alert.ErrorBoundary = alert_ErrorBoundary;
|
|
/* harmony default export */ var es_alert = (Alert);
|
|
|
|
/***/ }),
|
|
|
|
/***/ 91750:
|
|
/*!***************************************************************!*\
|
|
!*** ./node_modules/antd/es/alert/style/index.js + 1 modules ***!
|
|
\***************************************************************/
|
|
/***/ (function(__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/style/default.less
|
|
var style_default = __webpack_require__(43146);
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/alert/style/index.less
|
|
// extracted by mini-css-extract-plugin
|
|
|
|
;// CONCATENATED MODULE: ./node_modules/antd/es/alert/style/index.js
|
|
|
|
|
|
|
|
/***/ })
|
|
|
|
}]); |