https://my.supportpay.com/_next/static/chunks/a035860ac1e7bc1185a0326e35c55a9c28ad0059.23895b9fe08df248edcc.js

1(window["webpackJsonp_N_E"] = window["webpackJsonp_N_E"] || []).push([[27],{
2
3/***/ "1OyB":
4/***/ (function(module, __webpack_exports__, __webpack_require__) {
5
6"use strict";
7/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _classCallCheck; });
8function _classCallCheck(instance, Constructor) {
9  if (!(instance instanceof Constructor)) {
10    throw new TypeError("Cannot call a class as a function");
11  }
12}
13
14/***/ }),
15
16/***/ "2WcH":
17/***/ (function(module, __webpack_exports__, __webpack_require__) {
18
19"use strict";
20/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _isNativeReflectConstruct; });
21function _isNativeReflectConstruct() {
22  if (typeof Reflect === "undefined" || !Reflect.construct) return false;
23  if (Reflect.construct.sham) return false;
24  if (typeof Proxy === "function") return true;
25  try {
26    Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
27    return true;
28  } catch (e) {
29    return false;
30  }
31}
32
33/***/ }),
34
35/***/ "3Nzz":
36/***/ (function(module, __webpack_exports__, __webpack_require__) {
37
38"use strict";
39/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SizeContextProvider; });
40/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("q1tI");
41/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
42
43var SizeContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createContext"](undefined);
44var SizeContextProvider = function SizeContextProvider(_ref) {
45  var children = _ref.children,
46    size = _ref.size;
47  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SizeContext.Consumer, null, function (originSize) {
48    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SizeContext.Provider, {
49      value: size || originSize
50    }, children);
51  });
52};
53/* harmony default export */ __webpack_exports__["b"] = (SizeContext);
54
55/***/ }),
56
57/***/ "6VBw":
58/***/ (function(module, __webpack_exports__, __webpack_require__) {
59
60"use strict";
61
62// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js
63var objectSpread2 = __webpack_require__("VTBJ");
64
65// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js + 1 modules
66var slicedToArray = __webpack_require__("ODXe");
67
68// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
69var defineProperty = __webpack_require__("rePB");
70
71// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js + 1 modules
72var objectWithoutProperties = __webpack_require__("Ff2n");
73
74// EXTERNAL MODULE: ./node_modules/react/index.js
75var react = __webpack_require__("q1tI");
76var react_default = /*#__PURE__*/__webpack_require__.n(react);
77
78// EXTERNAL MODULE: ./node_modules/classnames/index.js
79var classnames = __webpack_require__("TSYQ");
80var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
81
82// EXTERNAL MODULE: ./node_modules/@ant-design/icons/es/components/Context.js
83var Context = __webpack_require__("Pw59");
84
85// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/typeof.js
86var esm_typeof = __webpack_require__("U8pU");
87
88// EXTERNAL MODULE: ./node_modules/@ant-design/colors/dist/index.esm.js
89var index_esm = __webpack_require__("AJpP");
90
91// EXTERNAL MODULE: ./node_modules/rc-util/es/warning.js
92var warning = __webpack_require__("Kwbf");
93
94// EXTERNAL MODULE: ./node_modules/rc-util/es/Dom/dynamicCSS.js
95var dynamicCSS = __webpack_require__("BU3w");
96
97// CONCATENATED MODULE: ./node_modules/@ant-design/icons/es/utils.js
98
99
100
101
102
103
104
105function utils_warning(valid, message) {
106  Object(warning["a" /* default */])(valid, "[@ant-design/icons] ".concat(message));
107}
108function isIconDefinition(target) {
109  return Object(esm_typeof["a" /* default */])(target) === 'object' && typeof target.name === 'string' && typeof target.theme === 'string' && (Object(esm_typeof["a" /* default */])(target.icon) === 'object' || typeof target.icon === 'function');
110}
111function normalizeAttrs() {
112  var attrs = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
113  return Object.keys(attrs).reduce(function (acc, key) {
114    var val = attrs[key];
115    switch (key) {
116      case 'class':
117        acc.className = val;
118        delete acc.class;
119        break;
120      default:
121        acc[key] = val;
122    }
123    return acc;
124  }, {});
125}
126function generate(node, key, rootProps) {
127  if (!rootProps) {
128    return /*#__PURE__*/react_default.a.createElement(node.tag, Object(objectSpread2["a" /* default */])({
129      key: key
130    }, normalizeAttrs(node.attrs)), (node.children || []).map(function (child, index) {
131      return generate(child, "".concat(key, "-").concat(node.tag, "-").concat(index));
132    }));
133  }
134  return /*#__PURE__*/react_default.a.createElement(node.tag, Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
135    key: key
136  }, normalizeAttrs(node.attrs)), rootProps), (node.children || []).map(function (child, index) {
137    return generate(child, "".concat(key, "-").concat(node.tag, "-").concat(index));
138  }));
139}
140function getSecondaryColor(primaryColor) {
141  // choose the second color
142  return Object(index_esm["generate"])(primaryColor)[0];
143}
144function normalizeTwoToneColors(twoToneColor) {
145  if (!twoToneColor) {
146    return [];
147  }
148  return Array.isArray(twoToneColor) ? twoToneColor : [twoToneColor];
149}
150// These props make sure that the SVG behaviours like general text.
151// Reference: https://blog.prototypr.io/align-svg-icons-to-text-and-say-goodbye-to-font-icons-d44b3d7b26b4
152var svgBaseProps = {
153  width: '1em',
154  height: '1em',
155  fill: 'currentColor',
156  'aria-hidden': 'true',
157  focusable: 'false'
158};
159var 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";
160var utils_useInsertStyles = function useInsertStyles() {
161  var styleStr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : iconStyles;
162  var _useContext = Object(react["useContext"])(Context["a" /* default */]),
163    csp = _useContext.csp;
164  Object(react["useEffect"])(function () {
165    Object(dynamicCSS["b" /* updateCSS */])(styleStr, '@ant-design-icons', {
166      prepend: true,
167      csp: csp
168    });
169  }, []);
170};
171// CONCATENATED MODULE: ./node_modules/@ant-design/icons/es/components/IconBase.js
172
173
174var _excluded = ["icon", "className", "onClick", "style", "primaryColor", "secondaryColor"];
175
176var twoToneColorPalette = {
177  primaryColor: '#333',
178  secondaryColor: '#E6E6E6',
179  calculated: false
180};
181function setTwoToneColors(_ref) {
182  var primaryColor = _ref.primaryColor,
183    secondaryColor = _ref.secondaryColor;
184  twoToneColorPalette.primaryColor = primaryColor;
185  twoToneColorPalette.secondaryColor = secondaryColor || getSecondaryColor(primaryColor);
186  twoToneColorPalette.calculated = !!secondaryColor;
187}
188function getTwoToneColors() {
189  return Object(objectSpread2["a" /* default */])({}

189, twoToneColorPalette);
190}
191var IconBase_IconBase = function IconBase(props) {
192  var icon = props.icon,
193    className = props.className,
194    onClick = props.onClick,
195    style = props.style,
196    primaryColor = props.primaryColor,
197    secondaryColor = props.secondaryColor,
198    restProps = Object(objectWithoutProperties["a" /* default */])(props, _excluded);
199  var colors = twoToneColorPalette;
200  if (primaryColor) {
201    colors = {
202      primaryColor: primaryColor,
203      secondaryColor: secondaryColor || getSecondaryColor(primaryColor)
204    };
205  }
206  utils_useInsertStyles();
207  utils_warning(isIconDefinition(icon), "icon should be icon definiton, but got ".concat(icon));
208  if (!isIconDefinition(icon)) {
209    return null;
210  }
211  var target = icon;
212  if (target && typeof target.icon === 'function') {
213    target = Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, target), {}, {
214      icon: target.icon(colors.primaryColor, colors.secondaryColor)
215    });
216  }
217  return generate(target.icon, "svg-".concat(target.name), Object(objectSpread2["a" /* default */])({
218    className: className,
219    onClick: onClick,
220    style: style,
221    'data-icon': target.name,
222    width: '1em',
223    height: '1em',
224    fill: 'currentColor',
225    'aria-hidden': 'true'
226  }, restProps));
227};
228IconBase_IconBase.displayName = 'IconReact';
229IconBase_IconBase.getTwoToneColors = getTwoToneColors;
230IconBase_IconBase.setTwoToneColors = setTwoToneColors;
231/* harmony default export */ var components_IconBase = (IconBase_IconBase);
232// CONCATENATED MODULE: ./node_modules/@ant-design/icons/es/components/twoTonePrimaryColor.js
233
234
235
236function setTwoToneColor(twoToneColor) {
237  var _normalizeTwoToneColo = normalizeTwoToneColors(twoToneColor),
238    _normalizeTwoToneColo2 = Object(slicedToArray["a" /* default */])(_normalizeTwoToneColo, 2),
239    primaryColor = _normalizeTwoToneColo2[0],
240    secondaryColor = _normalizeTwoToneColo2[1];
241  return components_IconBase.setTwoToneColors({
242    primaryColor: primaryColor,
243    secondaryColor: secondaryColor
244  });
245}
246function getTwoToneColor() {
247  var colors = components_IconBase.getTwoToneColors();
248  if (!colors.calculated) {
249    return colors.primaryColor;
250  }
251  return [colors.primaryColor, colors.secondaryColor];
252}
253// CONCATENATED MODULE: ./node_modules/@ant-design/icons/es/components/AntdIcon.js
254
255
256
257
258var AntdIcon_excluded = ["className", "icon", "spin", "rotate", "tabIndex", "onClick", "twoToneColor"];
259
260
261
262
263
264
265// Initial setting
266// should move it to antd main repo?
267setTwoToneColor('#1890ff');
268var Icon = /*#__PURE__*/react["forwardRef"](function (props, ref) {
269  var _classNames;
270  var className = props.className,
271    icon = props.icon,
272    spin = props.spin,
273    rotate = props.rotate,
274    tabIndex = props.tabIndex,
275    onClick = props.onClick,
276    twoToneColor = props.twoToneColor,
277    restProps = Object(objectWithoutProperties["a" /* default */])(props, AntdIcon_excluded);
278  var _React$useContext = react["useContext"](Context["a" /* default */]),
279    _React$useContext$pre = _React$useContext.prefixCls,
280    prefixCls = _React$useContext$pre === void 0 ? 'anticon' : _React$useContext$pre,
281    rootClassName = _React$useContext.rootClassName;
282  var classString = classnames_default()(rootClassName, prefixCls, (_classNames = {}, Object(defineProperty["a" /* default */])(_classNames, "".concat(prefixCls, "-").concat(icon.name), !!icon.name), Object(defineProperty["a" /* default */])(_classNames, "".concat(prefixCls, "-spin"), !!spin || icon.name === 'loading'), _classNames), className);
283  var iconTabIndex = tabIndex;
284  if (iconTabIndex === undefined && onClick) {
285    iconTabIndex = -1;
286  }
287  var svgStyle = rotate ? {
288    msTransform: "rotate(".concat(rotate, "deg)"),
289    transform: "rotate(".concat(rotate, "deg)")
290  } : undefined;
291  var _normalizeTwoToneColo = normalizeTwoToneColors(twoToneColor),
292    _normalizeTwoToneColo2 = Object(slicedToArray["a" /* default */])(_normalizeTwoToneColo, 2),
293    primaryColor = _normalizeTwoToneColo2[0],
294    secondaryColor = _normalizeTwoToneColo2[1];
295  return /*#__PURE__*/react["createElement"]("span", Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
296    role: "img",
297    "aria-label": icon.name
298  }, restProps), {}, {
299    ref: ref,
300    tabIndex: iconTabIndex,
301    onClick: onClick,
302    className: classString
303  }), /*#__PURE__*/react["createElement"](components_IconBase, {
304    icon: icon,
305    primaryColor: primaryColor,
306    secondaryColor: secondaryColor,
307    style: svgStyle
308  }));
309});
310Icon.displayName = 'AntdIcon';
311Icon.getTwoToneColor = getTwoToneColor;
312Icon.setTwoToneColor = setTwoToneColor;
313/* harmony default export */ var AntdIcon = __webpack_exports__["a"] = (Icon);
314
315/***/ }),
316
317/***/ "8XRh":
318/***/ (function(module, __webpack_exports__, __webpack_require__) {
319
320"use strict";

321// ESM COMPAT FLAG
322__webpack_require__.r(__webpack_exports__);
323
324// EXPORTS
325__webpack_require__.d(__webpack_exports__, "CSSMotionList", function() { return /* reexport */ es_CSSMotionList; });
326
327// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
328var defineProperty = __webpack_require__("rePB");
329
330// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js
331var objectSpread2 = __webpack_require__("VTBJ");
332
333// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js + 1 modules
334var slicedToArray = __webpack_require__("ODXe");
335
336// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/typeof.js
337var esm_typeof = __webpack_require__("U8pU");
338
339// EXTERNAL MODULE: ./node_modules/react/index.js
340var react = __webpack_require__("q1tI");
341
342// EXTERNAL MODULE: ./node_modules/rc-util/es/Dom/findDOMNode.js
343var findDOMNode = __webpack_require__("m+aA");
344
345// EXTERNAL MODULE: ./node_modules/rc-util/es/ref.js
346var es_ref = __webpack_require__("c+Xe");
347
348// EXTERNAL MODULE: ./node_modules/classnames/index.js
349var classnames = __webpack_require__("TSYQ");
350var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
351
352// EXTERNAL MODULE: ./node_modules/rc-util/es/Dom/canUseDom.js
353var canUseDom = __webpack_require__("MNnm");
354
355// CONCATENATED MODULE: ./node_modules/rc-motion/es/util/motion.js
356
357 // ================= Transition =================
358// Event wrapper. Copy from react source code
359
360function makePrefixMap(styleProp, eventName) {
361  var prefixes = {};
362  prefixes[styleProp.toLowerCase()] = eventName.toLowerCase();
363  prefixes["Webkit".concat(styleProp)] = "webkit".concat(eventName);
364  prefixes["Moz".concat(styleProp)] = "moz".concat(eventName);
365  prefixes["ms".concat(styleProp)] = "MS".concat(eventName);
366  prefixes["O".concat(styleProp)] = "o".concat(eventName.toLowerCase());
367  return prefixes;
368}
369
370function getVendorPrefixes(domSupport, win) {
371  var prefixes = {
372    animationend: makePrefixMap('Animation', 'AnimationEnd'),
373    transitionend: makePrefixMap('Transition', 'TransitionEnd')
374  };
375
376  if (domSupport) {
377    if (!('AnimationEvent' in win)) {
378      delete prefixes.animationend.animation;
379    }
380
381    if (!('TransitionEvent' in win)) {
382      delete prefixes.transitionend.transition;
383    }
384  }
385
386  return prefixes;
387}
388var vendorPrefixes = getVendorPrefixes(Object(canUseDom["a" /* default */])(), typeof window !== 'undefined' ? window : {});
389var motion_style = {};
390
391if (Object(canUseDom["a" /* default */])()) {
392  var _document$createEleme = document.createElement('div');
393
394  motion_style = _document$createEleme.style;
395}
396
397var prefixedEventNames = {};
398function getVendorPrefixedEventName(eventName) {
399  if (prefixedEventNames[eventName]) {
400    return prefixedEventNames[eventName];
401  }
402
403  var prefixMap = vendorPrefixes[eventName];
404
405  if (prefixMap) {
406    var stylePropList = Object.keys(prefixMap);
407    var len = stylePropList.length;
408
409    for (var i = 0; i < len; i += 1) {
410      var styleProp = stylePropList[i];
411
412      if (Object.prototype.hasOwnProperty.call(prefixMap, styleProp) && styleProp in motion_style) {
413        prefixedEventNames[eventName] = prefixMap[styleProp];
414        return prefixedEventNames[eventName];
415      }
416    }
417  }
418
419  return '';
420}
421var internalAnimationEndName = getVendorPrefixedEventName('animationend');
422var internalTransitionEndName = getVendorPrefixedEventName('transitionend');
423var supportTransition = !!(internalAnimationEndName && internalTransitionEndName);
424var animationEndName = internalAnimationEndName || 'animationend';
425var transitionEndName = internalTransitionEndName || 'transitionend';
426function getTransitionName(transitionName, transitionType) {
427  if (!transitionName) return null;
428
429  if (Object(esm_typeof["a" /* default */])(transitionName) === 'object') {
430    var type = transitionType.replace(/-\w/g, function (match) {
431      return match[1].toUpperCase();
432    });
433    return transitionName[type];
434  }
435
436  return "".concat(transitionName, "-").concat(transitionType);
437}
438// CONCATENATED MODULE: ./node_modules/rc-motion/es/interface.js
439var STATUS_NONE = 'none';
440var STATUS_APPEAR = 'appear';
441var STATUS_ENTER = 'enter';
442var STATUS_LEAVE = 'leave';
443var STEP_NONE = 'none';
444var STEP_PREPARE = 'prepare';
445var STEP_START = 'start';
446var STEP_ACTIVE = 'active';
447var STEP_ACTIVATED = 'end';
448// EXTERNAL MODULE: ./node_modules/rc-util/es/hooks/useState.js

449var useState = __webpack_require__("dm2S");
450
451// EXTERNAL MODULE: ./node_modules/rc-util/es/raf.js
452var raf = __webpack_require__("wgJM");
453
454// CONCATENATED MODULE: ./node_modules/rc-motion/es/hooks/useNextFrame.js
455
456
457/* harmony default export */ var useNextFrame = (function () {
458  var nextFrameRef = react["useRef"](null);
459
460  function cancelNextFrame() {
461    raf["a" /* default */].cancel(nextFrameRef.current);
462  }
463
464  function nextFrame(callback) {
465    var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
466    cancelNextFrame();
467    var nextFrameId = Object(raf["a" /* default */])(function () {
468      if (delay <= 1) {
469        callback({
470          isCanceled: function isCanceled() {
471            return nextFrameId !== nextFrameRef.current;
472          }
473        });
474      } else {
475        nextFrame(callback, delay - 1);
476      }
477    });
478    nextFrameRef.current = nextFrameId;
479  }
480
481  react["useEffect"](function () {
482    return function () {
483      cancelNextFrame();
484    };
485  }, []);
486  return [nextFrame, cancelNextFrame];
487});
488// CONCATENATED MODULE: ./node_modules/rc-motion/es/hooks/useIsomorphicLayoutEffect.js
489
490 // It's safe to use `useLayoutEffect` but the warning is annoying
491
492var useIsomorphicLayoutEffect = Object(canUseDom["a" /* default */])() ? react["useLayoutEffect"] : react["useEffect"];
493/* harmony default export */ var hooks_useIsomorphicLayoutEffect = (useIsomorphicLayoutEffect);
494// CONCATENATED MODULE: ./node_modules/rc-motion/es/hooks/useStepQueue.js
495
496
497
498
499
500
501var STEP_QUEUE = [STEP_PREPARE, STEP_START, STEP_ACTIVE, STEP_ACTIVATED];
502/** Skip current step */
503
504var SkipStep = false;
505/** Current step should be update in */
506
507var DoStep = true;
508function isActive(step) {
509  return step === STEP_ACTIVE || step === STEP_ACTIVATED;
510}
511/* harmony default export */ var useStepQueue = (function (status, callback) {
512  var _useState = Object(useState["a" /* default */])(STEP_NONE),
513      _useState2 = Object(slicedToArray["a" /* default */])(_useState, 2),
514      step = _useState2[0],
515      setStep = _useState2[1];
516
517  var _useNextFrame = useNextFrame(),
518      _useNextFrame2 = Object(slicedToArray["a" /* default */])(_useNextFrame, 2),
519      nextFrame = _useNextFrame2[0],
520      cancelNextFrame = _useNextFrame2[1];
521
522  function startQueue() {
523    setStep(STEP_PREPARE, true);
524  }
525
526  hooks_useIsomorphicLayoutEffect(function () {
527    if (step !== STEP_NONE && step !== STEP_ACTIVATED) {
528      var index = STEP_QUEUE.indexOf(step);
529      var nextStep = STEP_QUEUE[index + 1];
530      var result = callback(step);
531
532      if (result === SkipStep) {
533        // Skip when no needed
534        setStep(nextStep, true);
535      } else {
536        // Do as frame for step update
537        nextFrame(function (info) {
538          function doNext() {
539            // Skip since current queue is ood
540            if (info.isCanceled()) return;
541            setStep(nextStep, true);
542          }
543
544          if (result === true) {
545            doNext();
546          } else {
547            // Only promise should be async
548            Promise.resolve(result).then(doNext);
549          }
550        });
551      }
552    }
553  }, [status, step]);
554  react["useEffect"](function () {
555    return function () {
556      cancelNextFrame();
557    };
558  }, []);
559  return [startQueue, step];
560});
561// CONCATENATED MODULE: ./node_modules/rc-motion/es/hooks/useDomMotionEvents.js
562
563
564
565/* harmony default export */ var useDomMotionEvents = (function (callback) {
566  var cacheElementRef = Object(react["useRef"])(); // Cache callback
567
568  var callbackRef = Object(react["useRef"])(callback);
569  callbackRef.current = callback; // Internal motion event handler
570
571  var onInternalMotionEnd = react["useCallback"](function (event) {
572    callbackRef.current(event);
573  }, []); // Remove events
574
575  function removeMotionEvents(element) {
576    if (element) {
577      element.removeEventListener(transitionEndName, onInternalMotionEnd);
578      element.removeEventListener(animationEndName, onInternalMotionEnd);
579    }
580  } // Patch events
581
582
583  function patchMotionEvents(element) {
584    if (cacheElementRef.current && cacheElementRef.current !== element) {
585      removeMotionEvents(cacheElementRef.current);
586    }
587
588    if (element && element !== cacheElementRef.current) {
589      element.addEventListener(transitionEndName, onInternalMotionEnd);
590      element.addEventListener(animationEndName, onInternalMotionEnd); // Save as cache in case dom removed trigger by `motionDeadline`
591
592      cacheElementRef.current = element;
593    }
594  } // Clean up when removed
595
596
597  react["useEffect"](function () {
598    return function () {
599      removeMotionEvents(cacheElementRef.current);
600    };
601  }, []);
602  return [patchMotionEvents, removeMotionEvents];
603});
604// CONCATENATED MODULE: ./node_modules/rc-motion/es/hooks/useStatus.js
605
606
607
608
609
610
611
612
613
614
615function useStatus(supportMotion, visible, getElement, _ref) {
616  var _ref$motionEnter = _ref.motionEnter,
617      motionEnter = _ref$motionEnter === void 0 ? true : _ref$motionEnter,
618      _ref$motionAppear = _ref.motionAppear,
619      motionAppear = _ref$motionAppear === void 0 ? true : _ref$motionAppear,
620      _ref$motionLeave = _ref.motionLeave,
621      motionLeave = _ref$motionLeave === void 0 ? true : _ref$motionLeave,
622      motionDeadline = _ref.motionDeadline,
623      motionLeaveImmediately = _ref.motionLeaveImmediately,
624      onAppearPrepare = _ref.onAppearPrepare,
625      onEnterPrepare = _ref.onEnterPrepare,
626      onLeavePrepare = _ref.onLeavePrepare,
627      onAppearStart = _ref.onAppearStart,
628      onEnterStart = _ref.onEnterStart,
629      onLeaveStart = _ref.onLeaveStart,
630      onAppearActive = _ref.onAppearActive,
631      onEnterActive = _ref.onEnterActive,
632      onLeaveActive = _ref.onLeaveActive,
633      onAppearEnd = _ref.onAppearEnd,
634      onEnterEnd = _ref.onEnterEnd,
635      onLeaveEnd = _ref.onLeaveEnd,
636      onVisibleChanged = _ref.onVisibleChanged;
637
638  // Used for outer render usage to avoid `visible: false & status: none` to render nothing
639  var _useState = Object(useState["a" /* default */])(),
640      _useState2 = Object(slicedToArray["a" /* default */])(_useState, 2),
641      asyncVisible = _useState2[0],
642      setAsyncVisible = _useState2[1];
643
644  var _useState3 = Object(useState["a" /* default */])(STATUS_NONE),
645      _useState4 = Object(slicedToArray["a" /* default */])(_useState3, 2),
646      status = _useState4[0],
647      setStatus = _useState4[1];
648
649  var _useState5 = Object(useState["a" /* default */])(null),
650      _useState6 = Object(slicedToArray["a" /* default */])(_useState5, 2),
651      style = _useState6[0],
652      setStyle = _useState6[1];
653
654  var mountedRef = Object(react["useRef"])(false);
655  var deadlineRef = Object(react["useRef"])(null); // =========================== Dom Node ===========================
656
657  function getDomElement() {
658    return getElement();
659  }

659 // ========================== Motion End ==========================
660
661
662  var activeRef = Object(react["useRef"])(false);
663
664  function onInternalMotionEnd(event) {
665    var element = getDomElement();
666
667    if (event && !event.deadline && event.target !== element) {
668      // event exists
669      // not initiated by deadline
670      // transitionEnd not fired by inner elements
671      return;
672    }
673
674    var currentActive = activeRef.current;
675    var canEnd;
676
677    if (status === STATUS_APPEAR && currentActive) {
678      canEnd = onAppearEnd === null || onAppearEnd === void 0 ? void 0 : onAppearEnd(element, event);
679    } else if (status === STATUS_ENTER && currentActive) {
680      canEnd = onEnterEnd === null || onEnterEnd === void 0 ? void 0 : onEnterEnd(element, event);
681    } else if (status === STATUS_LEAVE && currentActive) {
682      canEnd = onLeaveEnd === null || onLeaveEnd === void 0 ? void 0 : onLeaveEnd(element, event);
683    } // Only update status when `canEnd` and not destroyed
684
685
686    if (status !== STATUS_NONE && currentActive && canEnd !== false) {
687      setStatus(STATUS_NONE, true);
688      setStyle(null, true);
689    }
690  }
691
692  var _useDomMotionEvents = useDomMotionEvents(onInternalMotionEnd),
693      _useDomMotionEvents2 = Object(slicedToArray["a" /* default */])(_useDomMotionEvents, 1),
694      patchMotionEvents = _useDomMotionEvents2[0]; // ============================= Step =============================
695
696
697  var eventHandlers = react["useMemo"](function () {
698    var _ref2, _ref3, _ref4;
699
700    switch (status) {
701      case STATUS_APPEAR:
702        return _ref2 = {}, Object(defineProperty["a" /* default */])(_ref2, STEP_PREPARE, onAppearPrepare), Object(defineProperty["a" /* default */])(_ref2, STEP_START, onAppearStart), Object(defineProperty["a" /* default */])(_ref2, STEP_ACTIVE, onAppearActive), _ref2;
703
704      case STATUS_ENTER:
705        return _ref3 = {}, Object(defineProperty["a" /* default */])(_ref3, STEP_PREPARE, onEnterPrepare), Object(defineProperty["a" /* default */])(_ref3, STEP_START, onEnterStart), Object(defineProperty["a" /* default */])(_ref3, STEP_ACTIVE, onEnterActive), _ref3;
706
707      case STATUS_LEAVE:
708        return _ref4 = {}, Object(defineProperty["a" /* default */])(_ref4, STEP_PREPARE, onLeavePrepare), Object(defineProperty["a" /* default */])(_ref4, STEP_START, onLeaveStart), Object(defineProperty["a" /* default */])(_ref4, STEP_ACTIVE, onLeaveActive), _ref4;
709
710      default:
711        return {};
712    }
713  }, [status]);
714
715  var _useStepQueue = useStepQueue(status, function (newStep) {
716    // Only prepare step can be skip
717    if (newStep === STEP_PREPARE) {
718      var onPrepare = eventHandlers[STEP_PREPARE];
719
720      if (!onPrepare) {
721        return SkipStep;
722      }
723
724      return onPrepare(getDomElement());
725    } // Rest step is sync update
726
727
728    // Rest step is sync update
729    if (step in eventHandlers) {
730      var _eventHandlers$step;
731
732      setStyle(((_eventHandlers$step = eventHandlers[step]) === null || _eventHandlers$step === void 0 ? void 0 : _eventHandlers$step.call(eventHandlers, getDomElement(), null)) || null);
733    }
734
735    if (step === STEP_ACTIVE) {
736      // Patch events when motion needed
737      patchMotionEvents(getDomElement());
738
739      if (motionDeadline > 0) {
740        clearTimeout(deadlineRef.current);
741        deadlineRef.current = setTimeout(function () {
742          onInternalMotionEnd({
743            deadline: true
744          });
745        }, motionDeadline);
746      }
747    }
748
749    return DoStep;
750  }),
751      _useStepQueue2 = Object(slicedToArray["a" /* default */])(_useStepQueue, 2),
752      startStep = _useStepQueue2[0],
753      step = _useStepQueue2[1];
754
755  var active = isActive(step);
756  activeRef.current = active; // ============================ Status ============================
757  // Update with new status
758
759  hooks_useIsomorphicLayoutEffect(function () {
760    setAsyncVisible(visible);
761    var isMounted = mountedRef.current;
762    mountedRef.current = true;
763
764    if (!supportMotion) {
765      return;
766    }
767
768    var nextStatus; // Appear
769
770    if (!isMounted && visible && motionAppear) {
771      nextStatus = STATUS_APPEAR;
772    } // Enter
773
774
775    if (isMounted && visible && motionEnter) {
776      nextStatus = STATUS_ENTER;
777    } // Leave
778
779
780    if (isMounted && !visible && motionLeave || !isMounted && motionLeaveImmediately && !visible && motionLeave) {
781      nextStatus = STATUS_LEAVE;
782    } // Update to next status
783
784
785    if (nextStatus) {
786      setStatus(nextStatus);
787      startStep();
788    }
789  }, [visible]); // ============================ Effect ============================
790  // Reset when motion changed
791
792  Object(react["useEffect"])(function () {
793    if ( // Cancel appear
794    status === STATUS_APPEAR && !motionAppear || // Cancel enter
795    status === STATUS_ENTER && !motionEnter || // Cancel leave
796    status === STATUS_LEAVE && !motionLeave) {
797      setStatus(STATUS_NONE);
798    }
799  }, [motionAppear, motionEnter, motionLeave]);
800  Object(react["useEffect"])(function () {
801    return function () {
802      mountedRef.current = false;

803      clearTimeout(deadlineRef.current);
804    };
805  }, []); // Trigger `onVisibleChanged`
806
807  var firstMountChangeRef = react["useRef"](false);
808  Object(react["useEffect"])(function () {
809    // [visible & motion not end] => [!visible & motion end] still need trigger onVisibleChanged
810    if (asyncVisible) {
811      firstMountChangeRef.current = true;
812    }
813
814    if (asyncVisible !== undefined && status === STATUS_NONE) {
815      // Skip first render is invisible since it's nothing changed
816      if (firstMountChangeRef.current || asyncVisible) {
817        onVisibleChanged === null || onVisibleChanged === void 0 ? void 0 : onVisibleChanged(asyncVisible);
818      }
819
820      firstMountChangeRef.current = true;
821    }
822  }, [asyncVisible, status]); // ============================ Styles ============================
823
824  var mergedStyle = style;
825
826  if (eventHandlers[STEP_PREPARE] && step === STEP_START) {
827    mergedStyle = Object(objectSpread2["a" /* default */])({
828      transition: 'none'
829    }, mergedStyle);
830  }
831
832  return [status, step, mergedStyle, asyncVisible !== null && asyncVisible !== void 0 ? asyncVisible : visible];
833}
834// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/classCallCheck.js
835var classCallCheck = __webpack_require__("1OyB");
836
837// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/createClass.js
838var createClass = __webpack_require__("vuIU");
839
840// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/inherits.js
841var inherits = __webpack_require__("Ji7U");
842
843// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/createSuper.js
844var createSuper = __webpack_require__("LK+K");
845
846// CONCATENATED MODULE: ./node_modules/rc-motion/es/DomWrapper.js
847
848
849
850
851
852
853var DomWrapper_DomWrapper = /*#__PURE__*/function (_React$Component) {
854  Object(inherits["a" /* default */])(DomWrapper, _React$Component);
855
856  var _super = Object(createSuper["a" /* default */])(DomWrapper);
857
858  function DomWrapper() {
859    Object(classCallCheck["a" /* default */])(this, DomWrapper);
860
861    return _super.apply(this, arguments);
862  }
863
864  Object(createClass["a" /* default */])(DomWrapper, [{
865    key: "render",
866    value: function render() {
867      return this.props.children;
868    }
869  }]);
870
871  return DomWrapper;
872}(react["Component"]);
873
874/* harmony default export */ var es_DomWrapper = (DomWrapper_DomWrapper);
875// CONCATENATED MODULE: ./node_modules/rc-motion/es/CSSMotion.js
876
877
878
879
880
881/* eslint-disable react/default-props-match-prop-types, react/no-multi-comp, react/prop-types */
882
883
884
885
886
887
888
889
890
891
892/**
893 * `transitionSupport` is used for none transition test case.
894 * Default we use browser transition event support check.
895 */
896
897function genCSSMotion(config) {
898  var transitionSupport = config;
899
900  if (Object(esm_typeof["a" /* default */])(config) === 'object') {
901    transitionSupport = config.transitionSupport;
902  }
903
904  function isSupportTransition(props) {
905    return !!(props.motionName && transitionSupport);
906  }
907
908  var CSSMotion = /*#__PURE__*/react["forwardRef"](function (props, ref) {
909    var _props$visible = props.visible,
910        visible = _props$visible === void 0 ? true : _props$visible,
911        _props$removeOnLeave = props.removeOnLeave,
912        removeOnLeave = _props$removeOnLeave === void 0 ? true : _props$removeOnLeave,
913        forceRender = props.forceRender,
914        children = props.children,
915        motionName = props.motionName,
916        leavedClassName = props.leavedClassName,
917        eventProps = props.eventProps;
918    var supportMotion = isSupportTransition(props); // Ref to the react node, it may be a HTMLElement
919
920    var nodeRef = Object(react["useRef"])(); // Ref to the dom wrapper in case ref can not pass to HTMLElement
921
922    var wrapperNodeRef = Object(react["useRef"])();
923
924    function getDomElement() {
925      try {
926        // Here we're avoiding call for findDOMNode since it's deprecated
927        // in strict mode. We're calling it only when node ref is not
928        // an instance of DOM HTMLElement. Otherwise use
929        // findDOMNode as a final resort
930        return nodeRef.current instanceof HTMLElement ? nodeRef.current : Object(findDOMNode["a" /* default */])(wrapperNodeRef.current);
931      } catch (e) {
932        // Only happen when `motionDeadline` trigger but element removed.
933        return null;
934      }
935    }
936
937    var _useStatus = useStatus(supportMotion, visible, getDomElement, props),
938        _useStatus2 = Object(slicedToArray["a" /* default */])(_useStatus, 4),
939        status = _useStatus2[0],
940        statusStep = _useStatus2[1],
941        statusStyle = _useStatus2[2],
942        mergedVisible = _useStatus2[3]; // Record whether content has rendered
943    // Will return null for un-rendered even when `removeOnLeave={false}`
944
945
946    var renderedRef = react["useRef"](mergedVisible);
947
948    if (mergedVisible) {
949      renderedRef.current = true;
950    } // ====================== Refs ======================
951
952
953    var setNodeRef = react["useCallback"](function (node) {
954      nodeRef.current = node;
955      Object(es_ref["b" /* fillRef */])(ref, node);
956    }, [ref]); // ===================== Render =====================
957
958    var motionChildren;
959
960    var mergedProps = Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, eventProps), {}, {
961      visible: visible
962    });
963
964    if (!children) {
965      // No children
966      motionChildren = null;
967    } else if (status === STATUS_NONE || !isSupportTransition(props)) {
968      // Stable children
969      if (mergedVisible) {
970        motionChildren = children(Object(objectSpread2["a" /* default */])({}, mergedProps), setNodeRef);
971      } else if (!removeOnLeave && renderedRef.current) {
972        motionChildren = children(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, mergedProps), {}, {
973          className: leavedClassName
974        }), setNodeRef);
975      } else if (forceRender) {
976        motionChildren = children(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, mergedProps), {}, {
977          style: {
978            display: 'none'
979          }
980        }), setNodeRef);
981      } else {
982        motionChildren = null;
983      }
984    } else {
985      var _classNames;
986
987      // In motion
988      var statusSuffix;
989
990      if (statusStep === STEP_PREPARE) {
991        statusSuffix = 'prepare';
992      } else if (isActive(statusStep)) {
993        statusSuffix = 'active';
994      } else if (statusStep === STEP_START) {
995        statusSuffix = 'start';
996      }
997
998      motionChildren = children(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, mergedProps), {}, {
999        className: classnames_default()(getTransitionName(motionName, status), (_classNames = {}, Object(defineProperty["a" /* default */])(_classNames, getTransitionName(motionName, "".concat(status, "-").concat(statusSuffix)), statusSuffix), Object(defineProperty["a" /* default */])(_classNames, motionName, typeof motionName === 'string'), _classNames)),
1000        style: statusStyle
1001      }), setNodeRef);
1002    } // Auto inject ref if child node not have `ref` props
1003
1004
1005    if ( /*#__PURE__*/react["isValidElement"](motionChildren) && Object(es_ref["c" /* supportRef */])(motionChildren)) {
1006      var _motionChildren = motionChildren,
1007          originNodeRef = _motionChildren.ref;
1008
1009      if (!originNodeRef) {
1010        motionChildren = /*#__PURE__*/react["cloneElement"](motionChildren, {

1011          ref: setNodeRef
1012        });
1013      }
1014    }
1015
1016    return /*#__PURE__*/react["createElement"](es_DomWrapper, {
1017      ref: wrapperNodeRef
1018    }, motionChildren);
1019  });
1020  CSSMotion.displayName = 'CSSMotion';
1021  return CSSMotion;
1022}
1023/* harmony default export */ var es_CSSMotion = (genCSSMotion(supportTransition));
1024// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/extends.js
1025var esm_extends = __webpack_require__("wx14");
1026
1027// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js + 1 modules
1028var objectWithoutProperties = __webpack_require__("Ff2n");
1029
1030// CONCATENATED MODULE: ./node_modules/rc-motion/es/util/diff.js
1031
1032
1033var STATUS_ADD = 'add';
1034var STATUS_KEEP = 'keep';
1035var STATUS_REMOVE = 'remove';
1036var STATUS_REMOVED = 'removed';
1037function wrapKeyToObject(key) {
1038  var keyObj;
1039
1040  if (key && Object(esm_typeof["a" /* default */])(key) === 'object' && 'key' in key) {
1041    keyObj = key;
1042  } else {
1043    keyObj = {
1044      key: key
1045    };
1046  }
1047
1048  return Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, keyObj), {}, {
1049    key: String(keyObj.key)
1050  });
1051}
1052function parseKeys() {
1053  var keys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
1054  return keys.map(wrapKeyToObject);
1055}
1056function diffKeys() {
1057  var prevKeys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
1058  var currentKeys = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
1059  var list = [];
1060  var currentIndex = 0;
1061  var currentLen = currentKeys.length;
1062  var prevKeyObjects = parseKeys(prevKeys);
1063  var currentKeyObjects = parseKeys(currentKeys); // Check prev keys to insert or keep
1064
1065  prevKeyObjects.forEach(function (keyObj) {
1066    var hit = false;
1067
1068    for (var i = currentIndex; i < currentLen; i += 1) {
1069      var currentKeyObj = currentKeyObjects[i];
1070
1071      if (currentKeyObj.key === keyObj.key) {
1072        // New added keys should add before current key
1073        if (currentIndex < i) {
1074          list = list.concat(currentKeyObjects.slice(currentIndex, i).map(function (obj) {
1075            return Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, obj), {}, {
1076              status: STATUS_ADD
1077            });
1078          }));
1079          currentIndex = i;
1080        }
1081
1082        list.push(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, currentKeyObj), {}, {
1083          status: STATUS_KEEP
1084        }));
1085        currentIndex += 1;
1086        hit = true;
1087        break;
1088      }
1089    } // If not hit, it means key is removed
1090
1091
1092    if (!hit) {
1093      list.push(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, keyObj), {}, {
1094        status: STATUS_REMOVE
1095      }));
1096    }
1097  }); // Add rest to the list
1098
1099  if (currentIndex < currentLen) {
1100    list = list.concat(currentKeyObjects.slice(currentIndex).map(function (obj) {
1101      return Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, obj), {}, {
1102        status: STATUS_ADD
1103      });
1104    }));
1105  }
1106  /**
1107   * Merge same key when it remove and add again:
1108   *    [1 - add, 2 - keep, 1 - remove] -> [1 - keep, 2 - keep]
1109   */
1110
1111
1112  var keys = {};
1113  list.forEach(function (_ref) {
1114    var key = _ref.key;
1115    keys[key] = (keys[key] || 0) + 1;
1116  });
1117  var duplicatedKeys = Object.keys(keys).filter(function (key) {
1118    return keys[key] > 1;
1119  });
1120  duplicatedKeys.forEach(function (matchKey) {
1121    // Remove `STATUS_REMOVE` node.
1122    list = list.filter(function (_ref2) {
1123      var key = _ref2.key,
1124          status = _ref2.status;
1125      return key !== matchKey || status !== STATUS_REMOVE;
1126    }); // Update `STATUS_ADD` to `STATUS_KEEP`
1127
1128    list.forEach(function (node) {
1129      if (node.key === matchKey) {
1130        // eslint-disable-next-line no-param-reassign
1131        node.status = STATUS_KEEP;
1132      }
1133    });
1134  });
1135  return list;
1136}
1137// CONCATENATED MODULE: ./node_modules/rc-motion/es/CSSMotionList.js
1138
1139
1140
1141
1142
1143
1144
1145var _excluded = ["component", "children", "onVisibleChanged", "onAllRemoved"],
1146    _excluded2 = ["status"];
1147
1148/* eslint react/prop-types: 0 */
1149
1150
1151
1152
1153var MOTION_PROP_NAMES = ['eventProps', 'visible', 'children', 'motionName', 'motionAppear', 'motionEnter', 'motionLeave', 'motionLeaveImmediately', 'motionDeadline', 'removeOnLeave', 'leavedClassName', 'onAppearStart', 'onAppearActive', 'onAppearEnd', 'onEnterStart', 'onEnterActive', 'onEnterEnd', 'onLeaveStart', 'onLeaveActive', 'onLeaveEnd'];
1154/**
1155 * Generate a CSSMotionList component with config
1156 * @param transitionSupport No need since CSSMotionList no longer depends on transition support
1157 * @param CSSMotion CSSMotion component
1158 */
1159
1160function genCSSMotionList(transitionSupport) {
1161  var CSSMotion = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : es_CSSMotion;
1162
1163  var CSSMotionList = /*#__PURE__*/function (_React$Component) {
1164    Object(inherits["a" /* default */])(CSSMotionList, _React$Component);
1165
1166    var _super = Object(createSuper["a" /* default */])(CSSMotionList);
1167
1168    function CSSMotionList() {
1169      var _this;
1170
1171      Object(classCallCheck["a" /* default */])(this, CSSMotionList);
1172
1173      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
1174        args[_key] = arguments[_key];
1175      }
1176
1177      _this = _super.call.apply(_super, [this].concat(args));
1178      _this.state = {
1179        keyEntities: []
1180      };
1181
1182      _this.removeKey = function (removeKey) {
1183        var keyEntities = _this.state.keyEntities;
1184        var nextKeyEntities = keyEntities.map(function (entity) {
1185          if (entity.key !== removeKey) return entity;
1186          return Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, entity), {}, {
1187            status: STATUS_REMOVED
1188          });
1189        });
1190
1191        _this.setState({
1192          keyEntities: nextKeyEntities
1193        });
1194
1195        return nextKeyEntities.filter(function (_ref) {
1196          var status = _ref.status;
1197          return status !== STATUS_REMOVED;
1198        }).length;
1199      };
1200
1201      return _this;
1202    }
1203
1204    Object(createClass["a" /* default */])(CSSMotionList, [{
1205      key: "render",
1206      value: function render() {
1207        var _this2 = this;
1208
1209        var keyEntities = this.state.keyEntities;
1210
1211        var _this$props = this.props,
1212            component = _this$props.component,
1213            children = _this$props.children,
1214            _onVisibleChanged = _this$props.onVisibleChanged,
1215            onAllRemoved = _this$props.onAllRemoved,
1216            restProps = Object(objectWithoutProperties["a" /* default */])(_this$props, _excluded);
1217
1218        var Component = component || react["Fragment"];
1219        var motionProps = {};
1220        MOTION_PROP_NAMES.forEach(function (prop) {
1221          motionProps[prop] = restProps[prop];
1222          delete restProps[prop];
1223        });
1224        delete restProps.keys;
1225        return /*#__PURE__*/react["createElement"](Component, restProps, keyEntities.map(function (_ref2) {
1226          var status = _ref2.status,
1227              eventProps = Object(objectWithoutProperties["a" /* default */])(_ref2, _excluded2);
1228
1229          var visible = status === STATUS_ADD || status === STATUS_KEEP;
1230          return /*#__PURE__*/react["createElement"](CSSMotion, Object(esm_extends["a" /* default */])({}, motionProps, {
1231            key: eventProps.key,
1232            visible: visible,
1233            eventProps: eventProps,
1234            onVisibleChanged: function onVisibleChanged(changedVisible) {
1235              _onVisibleChanged === null || _onVisibleChanged === void 0 ? void 0 : _onVisibleChanged(changedVisible, {
1236                key: eventProps.key
1237              });
1238
1239              if (!changedVisible) {
1240                var restKeysCount = _this2.removeKey(eventProps.key);
1241

1242                if (restKeysCount === 0 && onAllRemoved) {
1243                  onAllRemoved();
1244                }
1245              }
1246            }
1247          }), children);
1248        }));
1249      }
1250    }], [{
1251      key: "getDerivedStateFromProps",
1252      value: function getDerivedStateFromProps(_ref3, _ref4) {
1253        var keys = _ref3.keys;
1254        var keyEntities = _ref4.keyEntities;
1255        var parsedKeyObjects = parseKeys(keys);
1256        var mixedKeyEntities = diffKeys(keyEntities, parsedKeyObjects);
1257        return {
1258          keyEntities: mixedKeyEntities.filter(function (entity) {
1259            var prevEntity = keyEntities.find(function (_ref5) {
1260              var key = _ref5.key;
1261              return entity.key === key;
1262            }); // Remove if already mark as removed
1263
1264            if (prevEntity && prevEntity.status === STATUS_REMOVED && entity.status === STATUS_REMOVE) {
1265              return false;
1266            }
1267
1268            return true;
1269          })
1270        };
1271      } // ZombieJ: Return the count of rest keys. It's safe to refactor if need more info.
1272
1273    }]);
1274
1275    return CSSMotionList;
1276  }(react["Component"]);
1277
1278  CSSMotionList.defaultProps = {
1279    component: 'div'
1280  };
1281  return CSSMotionList;
1282}
1283/* harmony default export */ var es_CSSMotionList = (genCSSMotionList(supportTransition));
1284// CONCATENATED MODULE: ./node_modules/rc-motion/es/index.js
1285
1286
1287
1288/* harmony default export */ var es = __webpack_exports__["default"] = (es_CSSMotion);
1289
1290/***/ }),
1291
1292/***/ "AJpP":
1293/***/ (function(module, __webpack_exports__, __webpack_require__) {
1294
1295"use strict";
1296__webpack_require__.r(__webpack_exports__);
1297/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "blue", function() { return blue; });
1298/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "cyan", function() { return cyan; });
1299/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "geekblue", function() { return geekblue; });
1300/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "generate", function() { return generate; });
1301/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "gold", function() { return gold; });
1302/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "green", function() { return green; });
1303/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "grey", function() { return grey; });
1304/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "lime", function() { return lime; });
1305/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "magenta", function() { return magenta; });
1306/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "orange", function() { return orange; });
1307/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "presetDarkPalettes", function() { return presetDarkPalettes; });
1308/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "presetPalettes", function() { return presetPalettes; });
1309/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "presetPrimaryColors", function() { return presetPrimaryColors; });
1310/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "purple", function() { return purple; });
1311/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "red", function() { return red; });
1312/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "volcano", function() { return volcano; });
1313/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "yellow", function() { return yellow; });
1314/* harmony import */ var _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("FER5");
1315/* harmony import */ var _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("LuSS");
1316
1317
1318var hueStep = 2; // 色相阶梯
1319
1320var saturationStep = 0.16; // 饱和度阶梯，浅色部分
1321
1322var saturationStep2 = 0.05; // 饱和度阶梯，深色部分
1323
1324var brightnessStep1 = 0.05; // 亮度阶梯，浅色部分
1325
1326var brightnessStep2 = 0.15; // 亮度阶梯，深色部分
1327
1328var lightColorCount = 5; // 浅色数量，主色上
1329
1330var darkColorCount = 4; // 深色数量，主色下
1331// 暗色主题颜色映射关系表
1332
1333var darkColorMap = [{
1334  index: 7,
1335  opacity: 0.15
1336}, {
1337  index: 6,
1338  opacity: 0.25
1339}, {
1340  index: 5,
1341  opacity: 0.3
1342}, {
1343  index: 5,
1344  opacity: 0.45
1345}, {
1346  index: 5,
1347  opacity: 0.65
1348}, {
1349  index: 5,
1350  opacity: 0.85
1351}, {
1352  index: 4,
1353  opacity: 0.9
1354}, {
1355  index: 3,
1356  opacity: 0.95
1357}, {
1358  index: 2,
1359  opacity: 0.97
1360}, {
1361  index: 1,
1362  opacity: 0.98
1363}]; // Wrapper function ported from TinyColor.prototype.toHsv
1364// Keep it here because of `hsv.h * 360`
1365
1366function toHsv(_ref) {
1367  var r = _ref.r,
1368      g = _ref.g,
1369      b = _ref.b;
1370  var hsv = Object(_ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_0__[/* rgbToHsv */ "i"])(r, g, b);
1371  return {
1372    h: hsv.h * 360,
1373    s: hsv.s,
1374    v: hsv.v
1375  };
1376} // Wrapper function ported from TinyColor.prototype.toHexString
1377// Keep it here because of the prefix `#`
1378
1379
1380function toHex(_ref2) {
1381  var r = _ref2.r,
1382      g = _ref2.g,
1383      b = _ref2.b;
1384  return "#".concat(Object(_ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_0__[/* rgbToHex */ "g"])(r, g, b, false));
1385} // Wrapper function ported from TinyColor.prototype.mix, not treeshakable.
1386// Amount in range [0, 1]
1387// Assume color1 & color2 has no alpha, since the following src code did so.
1388
1389
1390function mix(rgb1, rgb2, amount) {
1391  var p = amount / 100;
1392  var rgb = {
1393    r: (rgb2.r - rgb1.r) * p + rgb1.r,
1394    g: (rgb2.g - rgb1.g) * p + rgb1.g,
1395    b: (rgb2.b - rgb1.b) * p + rgb1.b
1396  };
1397  return rgb;
1398}
1399
1400function getHue(hsv, i, light) {
1401  var hue; // 根据色相不同，色相转向不同
1402
1403  if (Math.round(hsv.h) >= 60 && Math.round(hsv.h) <= 240) {
1404    hue = light ? Math.round(hsv.h) - hueStep * i : Math.round(hsv.h) + hueStep * i;
1405  } else {
1406    hue = light ? Math.round(hsv.h) + hueStep * i : Math.round(hsv.h) - hueStep * i;
1407  }
1408
1409  if (hue < 0) {
1410    hue += 360;
1411  } else if (hue >= 360) {
1412    hue -= 360;
1413  }
1414
1415  return hue;
1416}
1417
1418function getSaturation(hsv, i, light) {
1419  // grey color don't change saturation
1420  if (hsv.h === 0 && hsv.s === 0) {
1421    return hsv.s;
1422  }
1423
1424  var saturation;
1425
1426  if (light) {
1427    saturation = hsv.s - saturationStep * i;
1428  } else if (i === darkColorCount) {
1429    saturation = hsv.s + saturationStep;
1430  } else {
1431    saturation = hsv.s + saturationStep2 * i;
1432  } // 边界值修正
1433
1434
1435  if (saturation > 1) {
1436    saturation = 1;
1437  } // 第一格的 s 限制在 0.06-0.1 之间
1438
1439
1440  if (light && i === lightColorCount && saturation > 0.1) {
1441    saturation = 0.1;
1442  }
1443
1444  if (saturation < 0.06) {
1445    saturation = 0.06;
1446  }
1447
1448  return Number(saturation.toFixed(2));
1449}
1450
1451function getValue(hsv, i, light) {
1452  var value;
1453
1454  if (light) {
1455    value = hsv.v + brightnessStep1 * i;
1456  } else {
1457    value = hsv.v - brightnessStep2 * i;
1458  }
1459
1460  if (value > 1) {
1461    value = 1;
1462  }
1463
1464  return Number(value.toFixed(2));
1465}
1466
1467function generate(color) {
1468  var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
1469  var patterns = [];
1470  var pColor = Object(_ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_1__[/* inputToRGB */ "a"])(color);
1471
1472  for (var i = lightColorCount; i > 0; i -= 1) {
1473    var hsv = toHsv(pColor);
1474    var colorString = toHex(Object(_ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_1__[/* inputToRGB */ "a"])({
1475      h: getHue(hsv, i, true),
1476      s: getSaturation(hsv, i, true),
1477      v: getValue(hsv, i, true)
1478    }));
1479    patterns.push(colorString);
1480  }
1481
1482  patterns.push(toHex(pColor));
1483
1484  for (var _i = 1; _i <= darkColorCount; _i += 1) {
1485    var _hsv = toHsv(pColor);
1486
1487    var _colorString = toHex(Object(_ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_1__[/* inputToRGB */ "a"])({
1488      h: getHue(_hsv, _i),
1489      s: getSaturation(_hsv, _i),
1490      v: getValue(_hsv, _i)
1491    }));
1492
1493    patterns.push(_colorString);
1494  } // dark theme patterns
1495
1496
1497  if (opts.theme === 'dark') {
1498    return darkColorMap.map(function (_ref3) {
1499      var index = _ref3.index,
1500          opacity = _ref3.opacity;
1501      var darkColorString = toHex(mix(Object(_ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_1__[/* inputToRGB */ "a"])(opts.backgroundColor || '#141414'), Object(_ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_1__[/* inputToRGB */ "a"])(patterns[index]), opacity * 100));
1502      return darkColorString;
1503    });
1504  }
1505
1506  return patterns;
1507}
1508
1509var presetPrimaryColors = {
1510  red: '#F5222D',
1511  volcano: '#FA541C',
1512  orange: '#FA8C16',
1513  gold: '#FAAD14',
1514  yellow: '#FADB14',
1515  lime: '#A0D911',
1516  green: '#52C41A',
1517  cyan: '#13C2C2',
1518  blue: '#1890FF',
1519  geekblue: '#2F54EB',
1520  purple: '#722ED1',
1521  magenta: '#EB2F96',
1522  grey: '#666666'
1523};
1524var presetPalettes = {};
1525var presetDarkPalettes = {};

1526Object.keys(presetPrimaryColors).forEach(function (key) {
1527  presetPalettes[key] = generate(presetPrimaryColors[key]);
1528  presetPalettes[key].primary = presetPalettes[key][5]; // dark presetPalettes
1529
1530  presetDarkPalettes[key] = generate(presetPrimaryColors[key], {
1531    theme: 'dark',
1532    backgroundColor: '#141414'
1533  });
1534  presetDarkPalettes[key].primary = presetDarkPalettes[key][5];
1535});
1536var red = presetPalettes.red;
1537var volcano = presetPalettes.volcano;
1538var gold = presetPalettes.gold;
1539var orange = presetPalettes.orange;
1540var yellow = presetPalettes.yellow;
1541var lime = presetPalettes.lime;
1542var green = presetPalettes.green;
1543var cyan = presetPalettes.cyan;
1544var blue = presetPalettes.blue;
1545var geekblue = presetPalettes.geekblue;
1546var purple = presetPalettes.purple;
1547var magenta = presetPalettes.magenta;
1548var grey = presetPalettes.grey;
1549
1550
1551
1552
1553/***/ }),
1554
1555/***/ "BU3w":
1556/***/ (function(module, __webpack_exports__, __webpack_require__) {
1557
1558"use strict";
1559/* unused harmony export injectCSS */
1560/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return removeCSS; });
1561/* unused harmony export clearContainerCache */
1562/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return updateCSS; });
1563/* harmony import */ var _canUseDom__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("MNnm");
1564/* harmony import */ var _contains__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("l4aY");
1565
1566
1567var APPEND_ORDER = 'data-rc-order';
1568var MARK_KEY = "rc-util-key";
1569var containerCache = new Map();
1570function getMark() {
1571  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
1572    mark = _ref.mark;
1573  if (mark) {
1574    return mark.startsWith('data-') ? mark : "data-".concat(mark);
1575  }
1576  return MARK_KEY;
1577}
1578function getContainer(option) {
1579  if (option.attachTo) {
1580    return option.attachTo;
1581  }
1582  var head = document.querySelector('head');
1583  return head || document.body;
1584}
1585function getOrder(prepend) {
1586  if (prepend === 'queue') {
1587    return 'prependQueue';
1588  }
1589  return prepend ? 'prepend' : 'append';
1590}
1591/**
1592 * Find style which inject by rc-util
1593 */
1594function findStyles(container) {
1595  return Array.from((containerCache.get(container) || container).children).filter(function (node) {
1596    return node.tagName === 'STYLE';
1597  });
1598}
1599function injectCSS(css) {
1600  var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
1601  if (!Object(_canUseDom__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])()) {
1602    return null;
1603  }
1604  var csp = option.csp,
1605    prepend = option.prepend;
1606  var styleNode = document.createElement('style');
1607  styleNode.setAttribute(APPEND_ORDER, getOrder(prepend));
1608  if (csp === null || csp === void 0 ? void 0 : csp.nonce) {
1609    styleNode.nonce = csp === null || csp === void 0 ? void 0 : csp.nonce;
1610  }
1611  styleNode.innerHTML = css;
1612  var container = getContainer(option);
1613  var firstChild = container.firstChild;
1614  if (prepend) {
1615    // If is queue `prepend`, it will prepend first style and then append rest style
1616    if (prepend === 'queue') {
1617      var existStyle = findStyles(container).filter(function (node) {
1618        return ['prepend', 'prependQueue'].includes(node.getAttribute(APPEND_ORDER));
1619      });
1620      if (existStyle.length) {
1621        container.insertBefore(styleNode, existStyle[existStyle.length - 1].nextSibling);
1622        return styleNode;
1623      }
1624    }
1625    // Use `insertBefore` as `prepend`
1626    container.insertBefore(styleNode, firstChild);
1627  } else {
1628    container.appendChild(styleNode);
1629  }
1630  return styleNode;
1631}
1632function findExistNode(key) {
1633  var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
1634  var container = getContainer(option);
1635  return findStyles(container).find(function (node) {
1636    return node.getAttribute(getMark(option)) === key;
1637  });
1638}
1639function removeCSS(key) {
1640  var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
1641  var existNode = findExistNode(key, option);
1642  if (existNode) {
1643    var container = getContainer(option);
1644    container.removeChild(existNode);
1645  }
1646}
1647/**
1648 * qiankun will inject `appendChild` to insert into other
1649 */
1650function syncRealContainer(container, option) {
1651  var cachedRealContainer = containerCache.get(container);
1652  // Find real container when not cached or cached container removed
1653  if (!cachedRealContainer || !Object(_contains__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(document, cachedRealContainer)) {
1654    var placeholderStyle = injectCSS('', option);
1655    var parentNode = placeholderStyle.parentNode;
1656    containerCache.set(container, parentNode);
1657    container.removeChild(placeholderStyle);
1658  }
1659}
1660/**
1661 * manually clear container cache to avoid global cache in unit testes
1662 */
1663function clearContainerCache() {
1664  containerCache.clear();
1665}
1666function updateCSS(css, key) {
1667  var option = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
1668  var container = getContainer(option);
1669  // Sync real parent
1670  syncRealContainer(container, option);
1671  var existNode = findExistNode(key, option);
1672  if (existNode) {
1673    var _option$csp, _option$csp2;
1674    if (((_option$csp = option.csp) === null || _option$csp === void 0 ? void 0 : _option$csp.nonce) && existNode.nonce !== ((_option$csp2 = option.csp) === null || _option$csp2 === void 0 ? void 0 : _option$csp2.nonce)) {
1675      var _option$csp3;
1676      existNode.nonce = (_option$csp3 = option.csp) === null || _option$csp3 === void 0 ? void 0 : _option$csp3.nonce;
1677    }
1678    if (existNode.innerHTML !== css) {
1679      existNode.innerHTML = css;
1680    }
1681    return existNode;
1682  }
1683  var newNode = injectCSS(css, option);
1684  newNode.setAttribute(getMark(option), key);
1685  return newNode;
1686}
1687
1688/***/ }),
1689
1690/***/ "BsWD":
1691/***/ (function(module, __webpack_exports__, __webpack_require__) {
1692
1693"use strict";
1694/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _unsupportedIterableToArray; });
1695/* harmony import */ var _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("a3WO");
1696
1697function _unsupportedIterableToArray(o, minLen) {
1698  if (!o) return;
1699  if (typeof o === "string") return Object(_arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(o, minLen);
1700  var n = Object.prototype.toString.call(o).slice(8, -1);
1701  if (n === "Object" && o.constructor) n = o.constructor.name;
1702  if (n === "Map" || n === "Set") return Array.from(o);
1703  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return Object(_arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(o, minLen);
1704}
1705
1706/***/ }),
1707
1708/***/ "DSFK":
1709/***/ (function(module, __webpack_exports__, __webpack_require__) {
1710
1711"use strict";
1712/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _arrayWithHoles; });
1713function _arrayWithHoles(arr) {
1714  if (Array.isArray(arr)) return arr;
1715}
1716
1717/***/ }),
1718
1719/***/ "FER5":
1720/***/ (function(module, __webpack_exports__, __webpack_require__) {
1721
1722"use strict";
1723/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "j", function() { return rgbToRgb; });
1724/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "h", function() { return rgbToHsl; });
1725/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return hslToRgb; });
1726/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "i", function() { return rgbToHsv; });
1727/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return hsvToRgb; });
1728/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return rgbToHex; });
1729/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "l", function() { return rgbaToHex; });
1730/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "k", function() { return rgbaToArgbHex; });
1731/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return convertDecimalToHex; });
1732/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return convertHexToDecimal; });
1733/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return parseIntFromHex; });
1734/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return numberInputToObject; });
1735/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("b3aT");
1736
1737// `rgbToHsl`, `rgbToHsv`, `hslToRgb`, `hsvToRgb` modified from:

1738// <http://mjijackson.com/2008/02/rgb-to-hsl-and-rgb-to-hsv-color-model-conversion-algorithms-in-javascript>
1739/**
1740 * Handle bounds / percentage checking to conform to CSS color spec
1741 * <http://www.w3.org/TR/css3-color/>
1742 * *Assumes:* r, g, b in [0, 255] or [0, 1]
1743 * *Returns:* { r, g, b } in [0, 255]
1744 */
1745function rgbToRgb(r, g, b) {
1746    return {
1747        r: Object(_util__WEBPACK_IMPORTED_MODULE_0__[/* bound01 */ "a"])(r, 255) * 255,
1748        g: Object(_util__WEBPACK_IMPORTED_MODULE_0__[/* bound01 */ "a"])(g, 255) * 255,
1749        b: Object(_util__WEBPACK_IMPORTED_MODULE_0__[/* bound01 */ "a"])(b, 255) * 255,
1750    };
1751}
1752/**
1753 * Converts an RGB color value to HSL.
1754 * *Assumes:* r, g, and b are contained in [0, 255] or [0, 1]
1755 * *Returns:* { h, s, l } in [0,1]
1756 */
1757function rgbToHsl(r, g, b) {
1758    r = Object(_util__WEBPACK_IMPORTED_MODULE_0__[/* bound01 */ "a"])(r, 255);
1759    g = Object(_util__WEBPACK_IMPORTED_MODULE_0__[/* bound01 */ "a"])(g, 255);
1760    b = Object(_util__WEBPACK_IMPORTED_MODULE_0__[/* bound01 */ "a"])(b, 255);
1761    var max = Math.max(r, g, b);
1762    var min = Math.min(r, g, b);
1763    var h = 0;
1764    var s = 0;
1765    var l = (max + min) / 2;
1766    if (max === min) {
1767        s = 0;
1768        h = 0; // achromatic
1769    }
1770    else {
1771        var d = max - min;
1772        s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
1773        switch (max) {
1774            case r:
1775                h = (g - b) / d + (g < b ? 6 : 0);
1776                break;
1777            case g:
1778                h = (b - r) / d + 2;
1779                break;
1780            case b:
1781                h = (r - g) / d + 4;
1782                break;
1783            default:
1784                break;
1785        }
1786        h /= 6;
1787    }
1788    return { h: h, s: s, l: l };
1789}
1790function hue2rgb(p, q, t) {
1791    if (t < 0) {
1792        t += 1;
1793    }
1794    if (t > 1) {
1795        t -= 1;
1796    }
1797    if (t < 1 / 6) {
1798        return p + (q - p) * (6 * t);
1799    }
1800    if (t < 1 / 2) {
1801        return q;
1802    }
1803    if (t < 2 / 3) {
1804        return p + (q - p) * (2 / 3 - t) * 6;
1805    }
1806    return p;
1807}
1808/**
1809 * Converts an HSL color value to RGB.
1810 *
1811 * *Assumes:* h is contained in [0, 1] or [0, 360] and s and l are contained [0, 1] or [0, 100]
1812 * *Returns:* { r, g, b } in the set [0, 255]
1813 */
1814function hslToRgb(h, s, l) {
1815    var r;
1816    var g;
1817    var b;
1818    h = Object(_util__WEBPACK_IMPORTED_MODULE_0__[/* bound01 */ "a"])(h, 360);
1819    s = Object(_util__WEBPACK_IMPORTED_MODULE_0__[/* bound01 */ "a"])(s, 100);
1820    l = Object(_util__WEBPACK_IMPORTED_MODULE_0__[/* bound01 */ "a"])(l, 100);
1821    if (s === 0) {
1822        // achromatic
1823        g = l;
1824        b = l;
1825        r = l;
1826    }
1827    else {
1828        var q = l < 0.5 ? l * (1 + s) : l + s - l * s;
1829        var p = 2 * l - q;
1830        r = hue2rgb(p, q, h + 1 / 3);
1831        g = hue2rgb(p, q, h);
1832        b = hue2rgb(p, q, h - 1 / 3);
1833    }
1834    return { r: r * 255, g: g * 255, b: b * 255 };
1835}
1836/**
1837 * Converts an RGB color value to HSV
1838 *
1839 * *Assumes:* r, g, and b are contained in the set [0, 255] or [0, 1]
1840 * *Returns:* { h, s, v } in [0,1]
1841 */
1842function rgbToHsv(r, g, b) {
1843    r = Object(_util__WEBPACK_IMPORTED_MODULE_0__[/* bound01 */ "a"])(r, 255);
1844    g = Object(_util__WEBPACK_IMPORTED_MODULE_0__[/* bound01 */ "a"])(g, 255);
1845    b = Object(_util__WEBPACK_IMPORTED_MODULE_0__[/* bound01 */ "a"])(b, 255);
1846    var max = Math.max(r, g, b);
1847    var min = Math.min(r, g, b);
1848    var h = 0;
1849    var v = max;
1850    var d = max - min;
1851    var s = max === 0 ? 0 : d / max;
1852    if (max === min) {
1853        h = 0; // achromatic
1854    }
1855    else {
1856        switch (max) {
1857            case r:
1858                h = (g - b) / d + (g < b ? 6 : 0);
1859                break;
1860            case g:
1861                h = (b - r) / d + 2;
1862                break;
1863            case b:
1864                h = (r - g) / d + 4;
1865                break;
1866            default:
1867                break;
1868        }
1869        h /= 6;
1870    }
1871    return { h: h, s: s, v: v };
1872}
1873/**
1874 * Converts an HSV color value to RGB.
1875 *
1876 * *Assumes:* h is contained in [0, 1] or [0, 360] and s and v are contained in [0, 1] or [0, 100]
1877 * *Returns:* { r, g, b } in the set [0, 255]
1878 */
1879function hsvToRgb(h, s, v) {
1880    h = Object(_util__WEBPACK_IMPORTED_MODULE_0__[/* bound01 */ "a"])(h, 360) * 6;
1881    s = Object(_util__WEBPACK_IMPORTED_MODULE_0__[/* bound01 */ "a"])(s, 100);
1882    v = Object(_util__WEBPACK_IMPORTED_MODULE_0__[/* bound01 */ "a"])(v, 100);
1883    var i = Math.floor(h);
1884    var f = h - i;
1885    var p = v * (1 - s);
1886    var q = v * (1 - f * s);
1887    var t = v * (1 - (1 - f) * s);
1888    var mod = i % 6;
1889    var r = [v, q, p, p, t, v][mod];
1890    var g = [t, v, v, q, p, p][mod];
1891    var b = [p, p, t, v, v, q][mod];
1892    return { r: r * 255, g: g * 255, b: b * 255 };
1893}
1894/**
1895 * Converts an RGB color to hex
1896 *
1897 * Assumes r, g, and b are contained in the set [0, 255]
1898 * Returns a 3 or 6 character hex
1899 */
1900function rgbToHex(r, g, b, allow3Char) {
1901    var hex = [
1902        Object(_util__WEBPACK_IMPORTED_MODULE_0__[/* pad2 */ "e"])(Math.round(r).toString(16)),
1903        Object(_util__WEBPACK_IMPORTED_MODULE_0__[/* pad2 */ "e"])(Math.round(g).toString(16)),
1904        Object(_util__WEBPACK_IMPORTED_MODULE_0__[/* pad2 */ "e"])(Math.round(b).toString(16)),
1905    ];
1906    // Return a 3 character hex if possible
1907    if (allow3Char &&
1908        hex[0].startsWith(hex[0].charAt(1)) &&
1909        hex[1].startsWith(hex[1].charAt(1)) &&
1910        hex[2].startsWith(hex[2].charAt(1))) {
1911        return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0);
1912    }
1913    return hex.join('');
1914}
1915/**
1916 * Converts an RGBA color plus alpha transparency to hex
1917 *
1918 * Assumes r, g, b are contained in the set [0, 255] and
1919 * a in [0, 1]. Returns a 4 or 8 character rgba hex
1920 */
1921// eslint-disable-next-line max-params
1922function rgbaToHex(r, g, b, a, allow4Char) {
1923    var hex = [
1924        Object(_util__WEBPACK_IMPORTED_MODULE_0__[/* pad2 */ "e"])(Math.round(r).toString(16)),
1925        Object(_util__WEBPACK_IMPORTED_MODULE_0__[/* pad2 */ "e"])(Math.round(g).toString(16)),
1926        Object(_util__WEBPACK_IMPORTED_MODULE_0__[/* pad2 */ "e"])(Math.round(b).toString(16)),
1927        Object(_util__WEBPACK_IMPORTED_MODULE_0__[/* pad2 */ "e"])(convertDecimalToHex(a)),
1928    ];
1929    // Return a 4 character hex if possible
1930    if (allow4Char &&
1931        hex[0].startsWith(hex[0].charAt(1)) &&
1932        hex[1].startsWith(hex[1].charAt(1)) &&
1933        hex[2].startsWith(hex[2].charAt(1)) &&
1934        hex[3].startsWith(hex[3].charAt(1))) {
1935        return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0) + hex[3].charAt(0);
1936    }
1937    return hex.join('');
1938}
1939/**
1940 * Converts an RGBA color to an ARGB Hex8 string
1941 * Rarely used, but required for "toFilter()"
1942 */
1943function rgbaToArgbHex(r, g, b, a) {
1944    var hex = [
1945        Object(_util__WEBPACK_IMPORTED_MODULE_0__[/* pad2 */ "e"])(convertDecimalToHex(a)),
1946        Object(_util__WEBPACK_IMPORTED_MODULE_0__[/* pad2 */ "e"])(Math.round(r).toString(16)),
1947        Object(_util__WEBPACK_IMPORTED_MODULE_0__[/* pad2 */ "e"])(Math.round(g).toString(16)),
1948        Object(_util__WEBPACK_IMPORTED_MODULE_0__[/* pad2 */ "e"])(Math.round(b).toString(16)),
1949    ];
1950    return hex.join('');
1951}
1952/** Converts a decimal to a hex value */
1953function convertDecimalToHex(d) {
1954    return Math.round(parseFloat(d) * 255).toString(16);
1955}
1956/** Converts a hex value to a decimal */
1957function convertHexToDecimal(h) {
1958    return parseIntFromHex(h) / 255;
1959}

1960/** Parse a base-16 hex value into a base-10 integer */
1961function parseIntFromHex(val) {
1962    return parseInt(val, 16);
1963}
1964function numberInputToObject(color) {
1965    return {
1966        r: color >> 16,
1967        g: (color & 0xff00) >> 8,
1968        b: color & 0xff,
1969    };
1970}
1971
1972
1973/***/ }),
1974
1975/***/ "Ff2n":
1976/***/ (function(module, __webpack_exports__, __webpack_require__) {
1977
1978"use strict";
1979
1980// EXPORTS
1981__webpack_require__.d(__webpack_exports__, "a", function() { return /* binding */ _objectWithoutProperties; });
1982
1983// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js
1984function _objectWithoutPropertiesLoose(source, excluded) {
1985  if (source == null) return {};
1986  var target = {};
1987  var sourceKeys = Object.keys(source);
1988  var key, i;
1989  for (i = 0; i < sourceKeys.length; i++) {
1990    key = sourceKeys[i];
1991    if (excluded.indexOf(key) >= 0) continue;
1992    target[key] = source[key];
1993  }
1994  return target;
1995}
1996// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js
1997
1998function _objectWithoutProperties(source, excluded) {
1999  if (source == null) return {};
2000  var target = _objectWithoutPropertiesLoose(source, excluded);
2001  var key, i;
2002  if (Object.getOwnPropertySymbols) {
2003    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
2004    for (i = 0; i < sourceSymbolKeys.length; i++) {
2005      key = sourceSymbolKeys[i];
2006      if (excluded.indexOf(key) >= 0) continue;
2007      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
2008      target[key] = source[key];
2009    }
2010  }
2011  return target;
2012}
2013
2014/***/ }),
2015
2016/***/ "H84U":
2017/***/ (function(module, __webpack_exports__, __webpack_require__) {
2018
2019"use strict";
2020/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return ConfigContext; });
2021/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ConfigConsumer; });
2022/* unused harmony export withConfigConsumer */
2023/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("wx14");
2024/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("q1tI");
2025/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
2026
2027
2028var defaultGetPrefixCls = function defaultGetPrefixCls(suffixCls, customizePrefixCls) {
2029  if (customizePrefixCls) return customizePrefixCls;
2030  return suffixCls ? "ant-".concat(suffixCls) : 'ant';
2031};
2032// zombieJ: 🚨 Do not pass `defaultRenderEmpty` here since it will case circular dependency.
2033var ConfigContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createContext"]({
2034  // We provide a default function for Context without provider
2035  getPrefixCls: defaultGetPrefixCls
2036});
2037var ConfigConsumer = ConfigContext.Consumer;
2038/** @deprecated Use hooks instead. This is a legacy function */
2039function withConfigConsumer(config) {
2040  return function withConfigConsumerFunc(Component) {
2041    // Wrap with ConfigConsumer. Since we need compatible with react 15, be care when using ref methods
2042    var SFC = function SFC(props) {
2043      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](ConfigConsumer, null, function (configProps) {
2044        var basicPrefixCls = config.prefixCls;
2045        var getPrefixCls = configProps.getPrefixCls;
2046        var customizePrefixCls = props.prefixCls;
2047        var prefixCls = getPrefixCls(basicPrefixCls, customizePrefixCls);
2048        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](Component, Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])({}, configProps, props, {
2049          prefixCls: prefixCls
2050        }));
2051      });
2052    };
2053    var cons = Component.constructor;
2054    var name = cons && cons.displayName || Component.name || 'Component';
2055    if (false) {}
2056    return SFC;
2057  };
2058}
2059
2060/***/ }),
2061
2062/***/ "IMoZ":
2063/***/ (function(module, __webpack_exports__, __webpack_require__) {
2064
2065"use strict";
2066
2067// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js
2068var objectSpread2 = __webpack_require__("VTBJ");
2069
2070// EXTERNAL MODULE: ./node_modules/react/index.js
2071var react = __webpack_require__("q1tI");
2072

2073// CONCATENATED MODULE: ./node_modules/@ant-design/icons-svg/es/asn/ExclamationCircleFilled.js
2074// This icon file is generated automatically.
2075var ExclamationCircleFilled_ExclamationCircleFilled = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "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 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z" } }] }, "name": "exclamation-circle", "theme": "filled" };
2076/* harmony default export */ var asn_ExclamationCircleFilled = (ExclamationCircleFilled_ExclamationCircleFilled);
2077
2078// EXTERNAL MODULE: ./node_modules/@ant-design/icons/es/components/AntdIcon.js + 3 modules
2079var AntdIcon = __webpack_require__("6VBw");
2080
2081// CONCATENATED MODULE: ./node_modules/@ant-design/icons/es/icons/ExclamationCircleFilled.js
2082
2083// GENERATE BY ./scripts/generate.ts
2084// DON NOT EDIT IT MANUALLY
2085
2086
2087
2088var icons_ExclamationCircleFilled_ExclamationCircleFilled = function ExclamationCircleFilled(props, ref) {
2089  return /*#__PURE__*/react["createElement"](AntdIcon["a" /* default */], Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, props), {}, {
2090    ref: ref,
2091    icon: asn_ExclamationCircleFilled
2092  }));
2093};
2094icons_ExclamationCircleFilled_ExclamationCircleFilled.displayName = 'ExclamationCircleFilled';
2095/* harmony default export */ var icons_ExclamationCircleFilled = __webpack_exports__["a"] = (/*#__PURE__*/react["forwardRef"](icons_ExclamationCircleFilled_ExclamationCircleFilled));
2096
2097/***/ }),
2098
2099/***/ "JX7q":
2100/***/ (function(module, __webpack_exports__, __webpack_require__) {
2101
2102"use strict";
2103/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _assertThisInitialized; });
2104function _assertThisInitialized(self) {
2105  if (self === void 0) {
2106    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
2107  }
2108  return self;
2109}
2110
2111/***/ }),
2112
2113/***/ "Ji7U":
2114/***/ (function(module, __webpack_exports__, __webpack_require__) {
2115
2116"use strict";
2117/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _inherits; });
2118/* harmony import */ var _setPrototypeOf_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("s4An");
2119
2120function _inherits(subClass, superClass) {
2121  if (typeof superClass !== "function" && superClass !== null) {
2122    throw new TypeError("Super expression must either be null or a function");
2123  }
2124  subClass.prototype = Object.create(superClass && superClass.prototype, {
2125    constructor: {
2126      value: subClass,
2127      writable: true,
2128      configurable: true
2129    }
2130  });
2131  Object.defineProperty(subClass, "prototype", {
2132    writable: false
2133  });
2134  if (superClass) Object(_setPrototypeOf_js__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(subClass, superClass);
2135}
2136
2137/***/ }),
2138
2139/***/ "Kwbf":
2140/***/ (function(module, __webpack_exports__, __webpack_require__) {
2141
2142"use strict";
2143/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return warning; });
2144/* unused harmony export note */
2145/* unused harmony export resetWarned */
2146/* unused harmony export call */
2147/* unused harmony export warningOnce */
2148/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return noteOnce; });
2149/* eslint-disable no-console */
2150var warned = {};
2151function warning(valid, message) {
2152  // Support uglify
2153  if (false) {}
2154}
2155function note(valid, message) {
2156  // Support uglify
2157  if (false) {}
2158}
2159function resetWarned() {
2160  warned = {};
2161}
2162function call(method, valid, message) {
2163  if (!valid && !warned[message]) {
2164    method(false, message);
2165    warned[message] = true;
2166  }
2167}
2168function warningOnce(valid, message) {
2169  call(warning, valid, message);
2170}
2171function noteOnce(valid, message) {
2172  call(note, valid, message);
2173}
2174/* harmony default export */ __webpack_exports__["a"] = (warningOnce);
2175/* eslint-enable */
2176
2177/***/ }),
2178
2179/***/ "LK+K":
2180/***/ (function(module, __webpack_exports__, __webpack_require__) {
2181
2182"use strict";
2183/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _createSuper; });
2184/* harmony import */ var _getPrototypeOf_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("foSv");
2185/* harmony import */ var _isNativeReflectConstruct_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("2WcH");
2186/* harmony import */ var _possibleConstructorReturn_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("md7G");
2187
2188
2189
2190function _createSuper(Derived) {
2191  var hasNativeReflectConstruct = Object(_isNativeReflectConstruct_js__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])();
2192  return function _createSuperInternal() {
2193    var Super = Object(_getPrototypeOf_js__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(Derived),
2194      result;
2195    if (hasNativeReflectConstruct) {
2196      var NewTarget = Object(_getPrototypeOf_js__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(this).constructor;
2197      result = Reflect.construct(Super, arguments, NewTarget);
2198    } else {
2199      result = Super.apply(this, arguments);
2200    }
2201    return Object(_possibleConstructorReturn_js__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])(this, result);
2202  };
2203}
2204
2205/***/ }),
2206
2207/***/ "LuSS":
2208/***/ (function(module, __webpack_exports__, __webpack_require__) {
2209
2210"use strict";
2211/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return inputToRGB; });
2212/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return stringInputToObject; });
2213/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return isValidCSSUnit; });
2214/* harmony import */ var _conversion__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("FER5");
2215/* harmony import */ var _css_color_names__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("iNWh");
2216/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("b3aT");
2217
2218
2219
2220/**
2221 * Given a string or object, convert that input to RGB
2222 *

2223 * Possible string inputs:
2224 * ```
2225 * "red"
2226 * "#f00" or "f00"
2227 * "#ff0000" or "ff0000"
2228 * "#ff000000" or "ff000000"
2229 * "rgb 255 0 0" or "rgb (255, 0, 0)"
2230 * "rgb 1.0 0 0" or "rgb (1, 0, 0)"
2231 * "rgba (255, 0, 0, 1)" or "rgba 255, 0, 0, 1"
2232 * "rgba (1.0, 0, 0, 1)" or "rgba 1.0, 0, 0, 1"
2233 * "hsl(0, 100%, 50%)" or "hsl 0 100% 50%"
2234 * "hsla(0, 100%, 50%, 1)" or "hsla 0 100% 50%, 1"
2235 * "hsv(0, 100%, 100%)" or "hsv 0 100% 100%"
2236 * ```
2237 */
2238function inputToRGB(color) {
2239    var rgb = { r: 0, g: 0, b: 0 };
2240    var a = 1;
2241    var s = null;
2242    var v = null;
2243    var l = null;
2244    var ok = false;
2245    var format = false;
2246    if (typeof color === 'string') {
2247        color = stringInputToObject(color);
2248    }
2249    if (typeof color === 'object') {
2250        if (isValidCSSUnit(color.r) && isValidCSSUnit(color.g) && isValidCSSUnit(color.b)) {
2251            rgb = Object(_conversion__WEBPACK_IMPORTED_MODULE_0__[/* rgbToRgb */ "j"])(color.r, color.g, color.b);
2252            ok = true;
2253            format = String(color.r).substr(-1) === '%' ? 'prgb' : 'rgb';
2254        }
2255        else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.v)) {
2256            s = Object(_util__WEBPACK_IMPORTED_MODULE_2__[/* convertToPercentage */ "d"])(color.s);
2257            v = Object(_util__WEBPACK_IMPORTED_MODULE_2__[/* convertToPercentage */ "d"])(color.v);
2258            rgb = Object(_conversion__WEBPACK_IMPORTED_MODULE_0__[/* hsvToRgb */ "d"])(color.h, s, v);
2259            ok = true;
2260            format = 'hsv';
2261        }
2262        else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.l)) {
2263            s = Object(_util__WEBPACK_IMPORTED_MODULE_2__[/* convertToPercentage */ "d"])(color.s);
2264            l = Object(_util__WEBPACK_IMPORTED_MODULE_2__[/* convertToPercentage */ "d"])(color.l);
2265            rgb = Object(_conversion__WEBPACK_IMPORTED_MODULE_0__[/* hslToRgb */ "c"])(color.h, s, l);
2266            ok = true;
2267            format = 'hsl';
2268        }
2269        if (Object.prototype.hasOwnProperty.call(color, 'a')) {
2270            a = color.a;
2271        }
2272    }
2273    a = Object(_util__WEBPACK_IMPORTED_MODULE_2__[/* boundAlpha */ "b"])(a);
2274    return {
2275        ok: ok,
2276        format: color.format || format,
2277        r: Math.min(255, Math.max(rgb.r, 0)),
2278        g: Math.min(255, Math.max(rgb.g, 0)),
2279        b: Math.min(255, Math.max(rgb.b, 0)),
2280        a: a,
2281    };
2282}
2283// <http://www.w3.org/TR/css3-values/#integers>
2284var CSS_INTEGER = '[-\\+]?\\d+%?';
2285// <http://www.w3.org/TR/css3-values/#number-value>
2286var CSS_NUMBER = '[-\\+]?\\d*\\.\\d+%?';
2287// Allow positive/negative integer/number.  Don't capture the either/or, just the entire outcome.
2288var CSS_UNIT = "(?:".concat(CSS_NUMBER, ")|(?:").concat(CSS_INTEGER, ")");
2289// Actual matching.
2290// Parentheses and commas are optional, but not required.
2291// Whitespace can take the place of commas or opening paren
2292var PERMISSIVE_MATCH3 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
2293var PERMISSIVE_MATCH4 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
2294var matchers = {
2295    CSS_UNIT: new RegExp(CSS_UNIT),
2296    rgb: new RegExp('rgb' + PERMISSIVE_MATCH3),
2297    rgba: new RegExp('rgba' + PERMISSIVE_MATCH4),
2298    hsl: new RegExp('hsl' + PERMISSIVE_MATCH3),
2299    hsla: new RegExp('hsla' + PERMISSIVE_MATCH4),
2300    hsv: new RegExp('hsv' + PERMISSIVE_MATCH3),
2301    hsva: new RegExp('hsva' + PERMISSIVE_MATCH4),
2302    hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
2303    hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,
2304    hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
2305    hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,
2306};
2307/**
2308 * Permissive string parsing.  Take in a number of formats, and output an object
2309 * based on detected format.  Returns `{ r, g, b }` or `{ h, s, l }` or `{ h, s, v}`
2310 */
2311function stringInputToObject(color) {
2312    color = color.trim().toLowerCase();
2313    if (color.length === 0) {
2314        return false;

2315    }
2316    var named = false;
2317    if (_css_color_names__WEBPACK_IMPORTED_MODULE_1__[/* names */ "a"][color]) {
2318        color = _css_color_names__WEBPACK_IMPORTED_MODULE_1__[/* names */ "a"][color];
2319        named = true;
2320    }
2321    else if (color === 'transparent') {
2322        return { r: 0, g: 0, b: 0, a: 0, format: 'name' };
2323    }
2324    // Try to match string input using regular expressions.
2325    // Keep most of the number bounding out of this function - don't worry about [0,1] or [0,100] or [0,360]
2326    // Just return an object and let the conversion functions handle that.
2327    // This way the result will be the same whether the tinycolor is initialized with string or object.
2328    var match = matchers.rgb.exec(color);
2329    if (match) {
2330        return { r: match[1], g: match[2], b: match[3] };
2331    }
2332    match = matchers.rgba.exec(color);
2333    if (match) {
2334        return { r: match[1], g: match[2], b: match[3], a: match[4] };
2335    }
2336    match = matchers.hsl.exec(color);
2337    if (match) {
2338        return { h: match[1], s: match[2], l: match[3] };
2339    }
2340    match = matchers.hsla.exec(color);
2341    if (match) {
2342        return { h: match[1], s: match[2], l: match[3], a: match[4] };
2343    }
2344    match = matchers.hsv.exec(color);
2345    if (match) {
2346        return { h: match[1], s: match[2], v: match[3] };
2347    }
2348    match = matchers.hsva.exec(color);
2349    if (match) {
2350        return { h: match[1], s: match[2], v: match[3], a: match[4] };
2351    }
2352    match = matchers.hex8.exec(color);
2353    if (match) {
2354        return {
2355            r: Object(_conversion__WEBPACK_IMPORTED_MODULE_0__[/* parseIntFromHex */ "f"])(match[1]),
2356            g: Object(_conversion__WEBPACK_IMPORTED_MODULE_0__[/* parseIntFromHex */ "f"])(match[2]),
2357            b: Object(_conversion__WEBPACK_IMPORTED_MODULE_0__[/* parseIntFromHex */ "f"])(match[3]),
2358            a: Object(_conversion__WEBPACK_IMPORTED_MODULE_0__[/* convertHexToDecimal */ "b"])(match[4]),
2359            format: named ? 'name' : 'hex8',
2360        };
2361    }
2362    match = matchers.hex6.exec(color);
2363    if (match) {
2364        return {
2365            r: Object(_conversion__WEBPACK_IMPORTED_MODULE_0__[/* parseIntFromHex */ "f"])(match[1]),
2366            g: Object(_conversion__WEBPACK_IMPORTED_MODULE_0__[/* parseIntFromHex */ "f"])(match[2]),
2367            b: Object(_conversion__WEBPACK_IMPORTED_MODULE_0__[/* parseIntFromHex */ "f"])(match[3]),
2368            format: named ? 'name' : 'hex',
2369        };
2370    }
2371    match = matchers.hex4.exec(color);
2372    if (match) {
2373        return {
2374            r: Object(_conversion__WEBPACK_IMPORTED_MODULE_0__[/* parseIntFromHex */ "f"])(match[1] + match[1]),
2375            g: Object(_conversion__WEBPACK_IMPORTED_MODULE_0__[/* parseIntFromHex */ "f"])(match[2] + match[2]),
2376            b: Object(_conversion__WEBPACK_IMPORTED_MODULE_0__[/* parseIntFromHex */ "f"])(match[3] + match[3]),
2377            a: Object(_conversion__WEBPACK_IMPORTED_MODULE_0__[/* convertHexToDecimal */ "b"])(match[4] + match[4]),
2378            format: named ? 'name' : 'hex8',
2379        };
2380    }
2381    match = matchers.hex3.exec(color);
2382    if (match) {
2383        return {
2384            r: Object(_conversion__WEBPACK_IMPORTED_MODULE_0__[/* parseIntFromHex */ "f"])(match[1] + match[1]),
2385            g: Object(_conversion__WEBPACK_IMPORTED_MODULE_0__[/* parseIntFromHex */ "f"])(match[2] + match[2]),
2386            b: Object(_conversion__WEBPACK_IMPORTED_MODULE_0__[/* parseIntFromHex */ "f"])(match[3] + match[3]),
2387            format: named ? 'name' : 'hex',
2388        };
2389    }
2390    return false;
2391}
2392/**
2393 * Check to see if it looks like a CSS unit
2394 * (see `matchers` above for definition).
2395 */
2396function isValidCSSUnit(color) {
2397    return Boolean(matchers.CSS_UNIT.exec(String(color)));
2398}
2399
2400
2401/***/ }),
2402
2403/***/ "MNnm":
2404/***/ (function(module, __webpack_exports__, __webpack_require__) {
2405
2406"use strict";
2407/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return canUseDom; });
2408function canUseDom() {
2409  return !!(typeof window !== 'undefined' && window.document && window.document.createElement);
2410}
2411
2412/***/ }),
2413
2414/***/ "ODXe":
2415/***/ (function(module, __webpack_exports__, __webpack_require__) {
2416
2417"use strict";
2418
2419// EXPORTS
2420__webpack_require__.d(__webpack_exports__, "a", function() { return /* binding */ _slicedToArray; });
2421
2422// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js
2423var arrayWithHoles = __webpack_require__("DSFK");
2424
2425// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js
2426function _iterableToArrayLimit(arr, i) {
2427  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
2428  if (null != _i) {
2429    var _s,
2430      _e,
2431      _x,
2432      _r,
2433      _arr = [],
2434      _n = !0,
2435      _d = !1;
2436    try {

2437      if (_x = (_i = _i.call(arr)).next, 0 === i) {
2438        if (Object(_i) !== _i) return;
2439        _n = !1;
2440      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
2441        ;
2442      }
2443    } catch (err) {
2444      _d = !0, _e = err;
2445    } finally {
2446      try {
2447        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
2448      } finally {
2449        if (_d) throw _e;
2450      }
2451    }
2452    return _arr;
2453  }
2454}
2455// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js
2456var unsupportedIterableToArray = __webpack_require__("BsWD");
2457
2458// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js
2459var nonIterableRest = __webpack_require__("PYwp");
2460
2461// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js
2462
2463
2464
2465
2466function _slicedToArray(arr, i) {
2467  return Object(arrayWithHoles["a" /* default */])(arr) || _iterableToArrayLimit(arr, i) || Object(unsupportedIterableToArray["a" /* default */])(arr, i) || Object(nonIterableRest["a" /* default */])();
2468}
2469
2470/***/ }),
2471
2472/***/ "PYwp":
2473/***/ (function(module, __webpack_exports__, __webpack_require__) {
2474
2475"use strict";
2476/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _nonIterableRest; });
2477function _nonIterableRest() {
2478  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
2479}
2480
2481/***/ }),
2482
2483/***/ "Pw59":
2484/***/ (function(module, __webpack_exports__, __webpack_require__) {
2485
2486"use strict";
2487/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("q1tI");
2488/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
2489
2490var IconContext = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_0__["createContext"])({});
2491/* harmony default export */ __webpack_exports__["a"] = (IconContext);
2492
2493/***/ }),
2494
2495/***/ "TOwV":
2496/***/ (function(module, exports, __webpack_require__) {
2497
2498"use strict";
2499
2500
2501if (true) {
2502  module.exports = __webpack_require__("qT12");
2503} else {}
2504
2505
2506/***/ }),
2507
2508/***/ "TSYQ":
2509/***/ (function(module, exports, __webpack_require__) {
2510
2511var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
2512	Copyright (c) 2018 Jed Watson.
2513	Licensed under the MIT License (MIT), see
2514	http://jedwatson.github.io/classnames
2515*/
2516/* global define */
2517
2518(function () {
2519	'use strict';
2520
2521	var hasOwn = {}.hasOwnProperty;
2522	var nativeCodeString = '[native code]';
2523
2524	function classNames() {
2525		var classes = [];
2526
2527		for (var i = 0; i < arguments.length; i++) {
2528			var arg = arguments[i];
2529			if (!arg) continue;
2530
2531			var argType = typeof arg;
2532
2533			if (argType === 'string' || argType === 'number') {
2534				classes.push(arg);
2535			} else if (Array.isArray(arg)) {
2536				if (arg.length) {
2537					var inner = classNames.apply(null, arg);
2538					if (inner) {
2539						classes.push(inner);
2540					}
2541				}
2542			} else if (argType === 'object') {
2543				if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
2544					classes.push(arg.toString());
2545					continue;
2546				}
2547
2548				for (var key in arg) {
2549					if (hasOwn.call(arg, key) && arg[key]) {
2550						classes.push(key);
2551					}
2552				}
2553			}
2554		}
2555
2556		return classes.join(' ');
2557	}
2558
2559	if ( true && module.exports) {
2560		classNames.default = classNames;
2561		module.exports = classNames;
2562	} else if (true) {
2563		// register as 'classnames', consistent with npm package name
2564		!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_RESULT__ = (function () {
2565			return classNames;
2566		}).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),
2567				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
2568	} else {}
2569}());
2570
2571
2572/***/ }),
2573
2574/***/ "U8pU":
2575/***/ (function(module, __webpack_exports__, __webpack_require__) {
2576
2577"use strict";
2578/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _typeof; });
2579function _typeof(obj) {
2580  "@babel/helpers - typeof";
2581
2582  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
2583    return typeof obj;
2584  } : function (obj) {
2585    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
2586  }, _typeof(obj);
2587}
2588
2589/***/ }),
2590
2591/***/ "VTBJ":
2592/***/ (function(module, __webpack_exports__, __webpack_require__) {
2593
2594"use strict";
2595/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _objectSpread2; });
2596/* harmony import */ var _defineProperty_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("rePB");
2597
2598function ownKeys(object, enumerableOnly) {
2599  var keys = Object.keys(object);
2600  if (Object.getOwnPropertySymbols) {
2601    var symbols = Object.getOwnPropertySymbols(object);
2602    enumerableOnly && (symbols = symbols.filter(function (sym) {
2603      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
2604    })), keys.push.apply(keys, symbols);
2605  }
2606  return keys;
2607}

2608function _objectSpread2(target) {
2609  for (var i = 1; i < arguments.length; i++) {
2610    var source = null != arguments[i] ? arguments[i] : {};
2611    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
2612      Object(_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(target, key, source[key]);
2613    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
2614      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
2615    });
2616  }
2617  return target;
2618}
2619
2620/***/ }),
2621
2622/***/ "YrtM":
2623/***/ (function(module, __webpack_exports__, __webpack_require__) {
2624
2625"use strict";
2626/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return useMemo; });
2627/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("q1tI");
2628/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
2629
2630function useMemo(getValue, condition, shouldUpdate) {
2631  var cacheRef = react__WEBPACK_IMPORTED_MODULE_0__["useRef"]({});
2632  if (!('value' in cacheRef.current) || shouldUpdate(cacheRef.current.condition, condition)) {
2633    cacheRef.current.value = getValue();
2634    cacheRef.current.condition = condition;
2635  }
2636  return cacheRef.current.value;
2637}
2638
2639/***/ }),
2640
2641/***/ "Zm9Q":
2642/***/ (function(module, __webpack_exports__, __webpack_require__) {
2643
2644"use strict";
2645/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return toArray; });
2646/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("q1tI");
2647/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
2648/* harmony import */ var react_is__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("TOwV");
2649/* harmony import */ var react_is__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_is__WEBPACK_IMPORTED_MODULE_1__);
2650
2651
2652function toArray(children) {
2653  var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
2654  var ret = [];
2655  react__WEBPACK_IMPORTED_MODULE_0___default.a.Children.forEach(children, function (child) {
2656    if ((child === undefined || child === null) && !option.keepEmpty) {
2657      return;
2658    }
2659    if (Array.isArray(child)) {
2660      ret = ret.concat(toArray(child));
2661    } else if (Object(react_is__WEBPACK_IMPORTED_MODULE_1__["isFragment"])(child) && child.props) {
2662      ret = ret.concat(toArray(child.props.children, option));
2663    } else {
2664      ret.push(child);
2665    }
2666  });
2667  return ret;
2668}
2669
2670/***/ }),
2671
2672/***/ "a3WO":
2673/***/ (function(module, __webpack_exports__, __webpack_require__) {
2674
2675"use strict";
2676/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _arrayLikeToArray; });
2677function _arrayLikeToArray(arr, len) {
2678  if (len == null || len > arr.length) len = arr.length;
2679  for (var i = 0, arr2 = new Array(len); i < len; i++) {
2680    arr2[i] = arr[i];
2681  }
2682  return arr2;
2683}
2684
2685/***/ }),
2686
2687/***/ "b3aT":
2688/***/ (function(module, __webpack_exports__, __webpack_require__) {
2689
2690"use strict";
2691/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return bound01; });
2692/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return clamp01; });
2693/* unused harmony export isOnePointZero */
2694/* unused harmony export isPercentage */
2695/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return boundAlpha; });
2696/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return convertToPercentage; });
2697/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return pad2; });
2698/**
2699 * Take input from [0, n] and return it as [0, 1]
2700 * @hidden
2701 */
2702function bound01(n, max) {
2703    if (isOnePointZero(n)) {
2704        n = '100%';
2705    }
2706    var isPercent = isPercentage(n);
2707    n = max === 360 ? n : Math.min(max, Math.max(0, parseFloat(n)));
2708    // Automatically convert percentage into number
2709    if (isPercent) {
2710        n = parseInt(String(n * max), 10) / 100;
2711    }
2712    // Handle floating point rounding errors
2713    if (Math.abs(n - max) < 0.000001) {
2714        return 1;
2715    }
2716    // Convert into [0, 1] range if it isn't already
2717    if (max === 360) {
2718        // If n is a hue given in degrees,
2719        // wrap around out-of-range values into [0, 360] range
2720        // then convert into [0, 1].
2721        n = (n < 0 ? (n % max) + max : n % max) / parseFloat(String(max));
2722    }
2723    else {
2724        // If n not a hue given in degrees
2725        // Convert into [0, 1] range if it isn't already.
2726        n = (n % max) / parseFloat(String(max));
2727    }
2728    return n;
2729}
2730/**
2731 * Force a number between 0 and 1
2732 * @hidden
2733 */
2734function clamp01(val) {
2735    return Math.min(1, Math.max(0, val));
2736}
2737/**
2738 * Need to handle 1.0 as 100%, since once it is a number, there is no difference between it and 1
2739 * <http://stackoverflow.com/questions/7422072/javascript-how-to-detect-number-as-a-decimal-including-1-0>
2740 * @hidden
2741 */
2742function isOnePointZero(n) {
2743    return typeof n === 'string' && n.indexOf('.') !== -1 && parseFloat(n) === 1;
2744}
2745/**
2746 * Check to see if string passed in is a percentage
2747 * @hidden
2748 */
2749function isPercentage(n) {
2750    return typeof n === 'string' && n.indexOf('%') !== -1;
2751}
2752/**
2753 * Return a valid alpha value [0,1] with all invalid values being set to 1
2754 * @hidden
2755 */
2756function boundAlpha(a) {
2757    a = parseFloat(a);
2758    if (isNaN(a) || a < 0 || a > 1) {
2759        a = 1;
2760    }
2761    return a;
2762}
2763/**
2764 * Replace a decimal with it's percentage value
2765 * @hidden
2766 */
2767function convertToPercentage(n) {
2768    if (n <= 1) {
2769        return "".concat(Number(n) * 100, "%");
2770    }
2771    return n;
2772}
2773/**
2774 * Force a hex value to have 2 characters
2775 * @hidden
2776 */
2777function pad2(c) {
2778    return c.length === 1 ? '0' + c : String(c);
2779}
2780
2781
2782/***/ }),
2783
2784/***/ "c+Xe":
2785/***/ (function(module, __webpack_exports__, __webpack_require__) {
2786
2787"use strict";
2788/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return fillRef; });
2789/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return composeRef; });
2790/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return useComposeRef; });
2791/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return supportRef; });
2792/* harmony import */ var _babel_runtime_helpers_esm_typeof__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("U8pU");
2793/* harmony import */ var react_is__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("TOwV");
2794/* harmony import */ var react_is__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_is__WEBPACK_IMPORTED_MODULE_1__);
2795/* harmony import */ var _hooks_useMemo__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("YrtM");
2796
2797
2798
2799function fillRef(ref, node) {
2800  if (typeof ref === 'function') {
2801    ref(node);
2802  } else if (Object(_babel_runtime_helpers_esm_typeof__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(ref) === 'object' && ref && 'current' in ref) {
2803    ref.current = node;
2804  }
2805}
2806/**
2807 * Merge refs into one ref function to support ref passing.
2808 */
2809function composeRef() {
2810  for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
2811    refs[_key] = arguments[_key];
2812  }
2813  var refList = refs.filter(function (ref) {
2814    return ref;
2815  });
2816  if (refList.length <= 1) {
2817    return refList[0];
2818  }
2819  return function (node) {