@apdesign/web-react 1.1.3 → 1.2.0

package/dist/arco-icon.min.js

@@ -1,5 +1,5 @@
 /*!
- * AP Design v1.1.3
+ * AP Design v1.2.0
  * 
  * Copyright 2019-present, Bytedance, Inc.
  * All rights reserved.

package/dist/arco.development.js

@@ -1,5 +1,5 @@
 /*!
- * AP Design v1.1.3
+ * AP Design v1.2.0
  * 
  * Copyright 2019-present, Bytedance, Inc.
  * All rights reserved.
@@ -2127,7 +2127,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _mod
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_focus_lock__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-focus-lock */ \"./node_modules/react-focus-lock/dist/es2015/index.js\");\n/* harmony import */ var _icon_react_icon_IconClose__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../icon/react-icon/IconClose */ \"./icon/react-icon/IconClose/index.js\");\n/* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/classNames */ \"./components/_util/classNames.ts\");\n/* harmony import */ var _util_dom__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/dom */ \"./components/_util/dom.ts\");\n/* harmony import */ var _util_keycode__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_util/keycode */ \"./components/_util/keycode.ts\");\n/* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../Button */ \"./components/Button/index.tsx\");\n/* harmony import */ var _Portal__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../Portal */ \"./components/Portal/index.tsx\");\n/* harmony import */ var _confirm__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./confirm */ \"./components/Modal/confirm.tsx\");\n/* harmony import */ var _ConfigProvider__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../ConfigProvider */ \"./components/ConfigProvider/index.tsx\");\n/* harmony import */ var _class_icon_hover__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../_class/icon-hover */ \"./components/_class/icon-hover.tsx\");\n/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./config */ \"./components/Modal/config.ts\");\n/* harmony import */ var _util_is__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../_util/is */ \"./components/_util/is.ts\");\n/* harmony import */ var _util_omit__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../_util/omit */ \"./components/_util/omit.ts\");\n/* harmony import */ var _util_hooks_useOverflowHidden__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../_util/hooks/useOverflowHidden */ \"./components/_util/hooks/useOverflowHidden.ts\");\n/* harmony import */ var _useModal__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./useModal */ \"./components/Modal/useModal/index.tsx\");\n/* harmony import */ var _util_hooks_useMergeValue__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../_util/hooks/useMergeValue */ \"./components/_util/hooks/useMergeValue.ts\");\n/* harmony import */ var _util_hooks_useMergeProps__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../_util/hooks/useMergeProps */ \"./components/_util/hooks/useMergeProps.ts\");\n/* harmony import */ var _util_react_dom__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../_util/react-dom */ \"./components/_util/react-dom.ts\");\n/* harmony import */ var _util_CSSTransition__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../_util/CSSTransition */ \"./components/_util/CSSTransition.tsx\");\nvar __assign = undefined && undefined.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\nvar __rest = undefined && undefined.__rest || function (s, e) {\n  var t = {};\n\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\n\nvar __read = undefined && undefined.__read || function (o, n) {\n  var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n  if (!m) return o;\n  var i = m.call(o),\n      r,\n      ar = [],\n      e;\n\n  try {\n    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {\n      ar.push(r.value);\n    }\n  } catch (error) {\n    e = {\n      error: error\n    };\n  } finally {\n    try {\n      if (r && !r.done && (m = i[\"return\"])) m.call(i);\n    } finally {\n      if (e) throw e.error;\n    }\n  }\n\n  return ar;\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar cursorPosition = null;\nvar globalDialogIndex = 0;\n\nif (!_util_dom__WEBPACK_IMPORTED_MODULE_4__[\"isServerRendering\"]) {\n  document.documentElement.addEventListener('click', function (e) {\n    cursorPosition = {\n      left: e.clientX,\n      top: e.clientY\n    }; // 受控模式下，用户不一定马上打开弹窗，这期间可能出现其他 UI 操作，那这个位置就不可用了。\n\n    setTimeout(function () {\n      cursorPosition = null;\n    }, 100);\n  }, true);\n}\n\nvar defaultProps = {\n  mask: true,\n  maskClosable: true,\n  mountOnEnter: true,\n  escToExit: true,\n  getPopupContainer: function getPopupContainer() {\n    return document.body;\n  },\n  alignCenter: true\n};\n\nfunction Modal(baseProps, ref) {\n  var _a, _b;\n\n  var _c;\n\n  var context = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useContext\"])(_ConfigProvider__WEBPACK_IMPORTED_MODULE_9__[\"ConfigContext\"]);\n  var props = Object(_util_hooks_useMergeProps__WEBPACK_IMPORTED_MODULE_17__[\"default\"])(baseProps, defaultProps, (_c = context.componentConfig) === null || _c === void 0 ? void 0 : _c.Modal);\n\n  var className = props.className,\n      style = props.style,\n      visible = props.visible,\n      simple = props.simple,\n      title = props.title,\n      children = props.children,\n      cancelText = props.cancelText,\n      okText = props.okText,\n      okButtonProps = props.okButtonProps,\n      cancelButtonProps = props.cancelButtonProps,\n      _d = props.getPopupContainer,\n      getPopupContainer = _d === void 0 ? function () {\n    return document.body;\n  } : _d,\n      footer = props.footer,\n      afterClose = props.afterClose,\n      confirmLoading = props.confirmLoading,\n      mountOnEnter = props.mountOnEnter,\n      unmountOnExit = props.unmountOnExit,\n      afterOpen = props.afterOpen,\n      hideCancel = props.hideCancel,\n      autoFocus = props.autoFocus,\n      focusLock = props.focusLock,\n      maskClosable = props.maskClosable,\n      mask = props.mask,\n      alignCenter = props.alignCenter,\n      getChildrenPopupContainer = props.getChildrenPopupContainer,\n      wrapClassName = props.wrapClassName,\n      escToExit = props.escToExit,\n      modalRender = props.modalRender,\n      maskStyle = props.maskStyle,\n      wrapStyle = props.wrapStyle,\n      closeIcon = props.closeIcon,\n      rest = __rest(props, [\"className\", \"style\", \"visible\", \"simple\", \"title\", \"children\", \"cancelText\", \"okText\", \"okButtonProps\", \"cancelButtonProps\", \"getPopupContainer\", \"footer\", \"afterClose\", \"confirmLoading\", \"mountOnEnter\", \"unmountOnExit\", \"afterOpen\", \"hideCancel\", \"autoFocus\", \"focusLock\", \"maskClosable\", \"mask\", \"alignCenter\", \"getChildrenPopupContainer\", \"wrapClassName\", \"escToExit\", \"modalRender\", \"maskStyle\", \"wrapStyle\", \"closeIcon\"]);\n\n  var modalWrapperRef = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useRef\"])(null);\n  var contentWrapper = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useRef\"])(null);\n  var modalRef = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useRef\"])(null);\n\n  var _e = __read(Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(), 2),\n      wrapperVisible = _e[0],\n      setWrapperVisible = _e[1];\n\n  var _f = __read(Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(), 2),\n      popupZIndex = _f[0],\n      setPopupZIndex = _f[1];\n\n  var cursorPositionRef = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useRef\"])(null);\n  var haveOriginTransformOrigin = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useRef\"])(false);\n  var maskClickRef = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useRef\"])(false); // 标识是否是处于第一次 visible 之前\n\n  var beforeFirstVisible = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useRef\"])(true);\n\n  if (visible && beforeFirstVisible.current) {\n    beforeFirstVisible.current = false;\n  }\n\n  var dialogIndex = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useRef\"])();\n\n  if (!dialogIndex.current) {\n    dialogIndex.current = globalDialogIndex++;\n  }\n\n  var _g = __read(Object(_util_hooks_useMergeValue__WEBPACK_IMPORTED_MODULE_16__[\"default\"])(false, {\n    defaultValue: false,\n    value: confirmLoading\n  }), 2),\n      loading = _g[0],\n      setLoading = _g[1];\n\n  var prefixCls = context.getPrefixCls('modal', props.prefixCls);\n  var locale = context.locale,\n      rtl = context.rtl; // 简洁模式下默认不显示关闭按钮\n\n  var defaultClosable = !simple;\n  var closable = 'closable' in props ? props.closable : defaultClosable;\n  var getContainer = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useCallback\"])(function () {\n    return Object(_util_react_dom__WEBPACK_IMPORTED_MODULE_18__[\"findDOMNode\"])(getPopupContainer());\n  }, [getPopupContainer]);\n  Object(_util_hooks_useOverflowHidden__WEBPACK_IMPORTED_MODULE_14__[\"default\"])(getContainer, {\n    hidden: visible && mask\n  });\n\n  var onCancel = function onCancel() {\n    props.onCancel && props.onCancel();\n  };\n\n  var onEscExit = function onEscExit(event) {\n    if (escToExit && visible && event.key === _util_keycode__WEBPACK_IMPORTED_MODULE_5__[\"Esc\"].key) {\n      event.stopPropagation();\n      onCancel();\n    }\n  };\n\n  var inExit = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useRef\"])(false);\n\n  var onClickMask = function onClickMask(e) {\n    if (!maskClickRef.current) return;\n    maskClickRef.current = false;\n\n    if (!inExit.current && maskClosable && mask && e.target === e.currentTarget) {\n      setTimeout(function () {\n        onCancel();\n      }, 100);\n    }\n  };\n\n  var onConfirmModal = function onConfirmModal(e) {\n    var onConfirm = props.onConfirm,\n        onOk = props.onOk;\n\n    var _onConfirm = onOk || onConfirm;\n\n    var ret;\n\n    if (_onConfirm) {\n      ret = _onConfirm(e);\n    }\n\n    if (ret && ret.then) {\n      setLoading(true);\n      ret.then(function () {\n        setLoading(false);\n      }, function (e) {\n        setLoading(false);\n        console.error(e);\n      });\n    }\n  };\n\n  Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"])(function () {\n    var timer = null;\n\n    if (escToExit) {\n      timer = setTimeout(function () {\n        var _a; // https://github.com/arco-design/arco-design/pull/1439\n\n\n        if (Object(_util_dom__WEBPACK_IMPORTED_MODULE_4__[\"contains\"])(document.body, modalWrapperRef.current)) {\n          (_a = modalWrapperRef.current) === null || _a === void 0 ? void 0 : _a.focus();\n        }\n      });\n    }\n\n    return function () {\n      timer && clearTimeout(timer);\n    };\n  }, [visible, escToExit]);\n\n  var initPopupZIndex = function initPopupZIndex() {\n    var _a;\n\n    if (visible && popupZIndex === undefined) {\n      if (modalWrapperRef.current) {\n        // 根据wrapper的zindex，设置内部所有弹出型组件的zindex。\n        var zIndex = +((_a = window.getComputedStyle(modalWrapperRef.current, null)) === null || _a === void 0 ? void 0 : _a.zIndex);\n\n        if (!isNaN(zIndex)) {\n          setPopupZIndex(zIndex + 1);\n        }\n      }\n    }\n  };\n\n  var renderFooter = function renderFooter() {\n    if (footer === null) return;\n    var cancelButtonNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Button__WEBPACK_IMPORTED_MODULE_6__[\"default\"], __assign({\n      onClick: onCancel\n    }, cancelButtonProps), cancelText || locale.Modal.cancelText);\n    var okButtonNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Button__WEBPACK_IMPORTED_MODULE_6__[\"default\"], __assign({\n      loading: loading,\n      onClick: onConfirmModal,\n      type: \"primary\"\n    }, okButtonProps), okText || locale.Modal.okText);\n    var footerContent = Object(_util_is__WEBPACK_IMPORTED_MODULE_12__[\"isFunction\"])(footer) ? footer(cancelButtonNode, okButtonNode) : footer || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, !hideCancel && cancelButtonNode, okButtonNode);\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n      className: \"\".concat(prefixCls, \"-footer\")\n    }, footerContent);\n  };\n\n  var globalFocusLockConfig = context.focusLock.modal;\n  var globalFocusLock = !!globalFocusLockConfig;\n  var globalAutoFocus = Object(_util_is__WEBPACK_IMPORTED_MODULE_12__[\"isObject\"])(globalFocusLockConfig) && globalFocusLockConfig.autoFocus;\n  var innerFocusLock = focusLock !== undefined ? focusLock : globalFocusLock;\n  var innerAutoFocus = autoFocus !== undefined ? autoFocus : globalAutoFocus;\n  var element = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ConfigProvider__WEBPACK_IMPORTED_MODULE_9__[\"default\"], __assign({}, context, {\n    prefixCls: props.prefixCls || context.prefixCls,\n    locale: locale,\n    zIndex: popupZIndex || 1050,\n    getPopupContainer: function getPopupContainer(node) {\n      return typeof getChildrenPopupContainer === 'function' ? getChildrenPopupContainer(node) : contentWrapper.current;\n    }\n  }), title && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: \"\".concat(prefixCls, \"-header\")\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: \"\".concat(prefixCls, \"-title\"),\n    id: \"arco-dialog-\".concat(dialogIndex.current)\n  }, title)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    ref: contentWrapper,\n    className: \"\".concat(prefixCls, \"-content\")\n  }, children), renderFooter(), closable && (closeIcon !== undefined ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n    onClick: onCancel,\n    className: \"\".concat(prefixCls, \"-close-icon\")\n  }, closeIcon) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_class_icon_hover__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n    tabIndex: -1,\n    onClick: onCancel,\n    className: \"\".concat(prefixCls, \"-close-icon\"),\n    role: \"button\",\n    \"aria-label\": \"Close\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_icon_react_icon_IconClose__WEBPACK_IMPORTED_MODULE_2__[\"default\"], null))));\n  var ariaProps = title ? {\n    'aria-labelledby': \"arco-dialog-\".concat(dialogIndex.current)\n  } : {};\n  var modalDom = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", __assign({\n    role: \"dialog\",\n    \"aria-modal\": \"true\"\n  }, ariaProps, {\n    className: Object(_util_classNames__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(prefixCls, (_a = {}, _a[\"\".concat(prefixCls, \"-simple\")] = simple, _a[\"\".concat(prefixCls, \"-rtl\")] = rtl, _a), className),\n    style: style,\n    ref: modalRef\n  }), innerFocusLock ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_focus_lock__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    crossFrame: false,\n    disabled: !visible,\n    autoFocus: innerAutoFocus,\n    lockProps: {\n      tabIndex: -1,\n      onKeyDown: onEscExit\n    }\n  }, element) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, element));\n\n  var setTransformOrigin = function setTransformOrigin(e) {\n    if (haveOriginTransformOrigin.current) return;\n    var transformOrigin = '';\n\n    if (cursorPositionRef.current) {\n      var eRect = e.getBoundingClientRect();\n      var _a = cursorPositionRef.current,\n          left = _a.left,\n          top_1 = _a.top;\n      transformOrigin = \"\".concat(left - eRect.left, \"px \").concat(top_1 - eRect.top, \"px\");\n    }\n\n    e.style.transformOrigin = transformOrigin;\n  }; // mountOnEnter 只在第一次visible=true之前生效。\n  // 使用 modalRef.current 而不是 mountOnExit 是因为动画结束后，modalRef.current 会变成 null，此时再去销毁dom结点，避免动画问题\n\n\n  var forceRender = beforeFirstVisible.current ? !mountOnEnter : !!modalRef.current;\n  return visible || forceRender ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Portal__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    visible: visible,\n    forceRender: forceRender,\n    getContainer: getPopupContainer\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    ref: ref\n  }, mask ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_util_CSSTransition__WEBPACK_IMPORTED_MODULE_19__[\"default\"], {\n    in: visible,\n    timeout: 400,\n    appear: true,\n    mountOnEnter: mountOnEnter,\n    classNames: \"fadeModal\",\n    unmountOnExit: unmountOnExit,\n    onEnter: function onEnter(e) {\n      if (!e) return;\n      e.style.display = 'block';\n    },\n    onExited: function onExited(e) {\n      if (!e) return;\n      e.style.display = 'none';\n    }\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    \"aria-hidden\": true,\n    className: \"\".concat(prefixCls, \"-mask\"),\n    style: maskStyle\n  })) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", __assign({}, Object(_util_omit__WEBPACK_IMPORTED_MODULE_13__[\"default\"])(rest, ['content', 'icon', 'showIcon', 'isNotice', 'noticeType', 'onCancel', 'onOk', 'onConfirm', 'closable', 'prefixCls']), {\n    tabIndex: !innerFocusLock || !innerAutoFocus ? -1 : null,\n    ref: function ref(node) {\n      modalWrapperRef.current = node;\n      initPopupZIndex();\n    },\n    className: Object(_util_classNames__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(\"\".concat(prefixCls, \"-wrapper\"), (_b = {}, _b[\"\".concat(prefixCls, \"-wrapper-no-mask\")] = !mask, _b[\"\".concat(prefixCls, \"-wrapper-align-center\")] = alignCenter, _b[\"\".concat(prefixCls, \"-wrapper-rtl\")] = rtl, _b), wrapClassName),\n    style: __assign(__assign({}, wrapStyle || {}), {\n      // 必须 visible=false，立即设置display:none，否则modal加载react-monaco-editor的时候，编辑器显示异常\n      display: visible || wrapperVisible ? 'block' : 'none',\n      overflow: !visible && wrapperVisible ? 'hidden' : ''\n    }),\n    // 如果 autoFocus 是 false 需要在 modal 外层绑定 onKeyDown, 因为此时 FocusLock 绑定的 onKeyDown 不起作用\n    onKeyDown: !innerFocusLock || !innerAutoFocus ? onEscExit : null,\n    onMouseDown: function onMouseDown(e) {\n      maskClickRef.current = e.target === e.currentTarget;\n    },\n    onClick: onClickMask\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_util_CSSTransition__WEBPACK_IMPORTED_MODULE_19__[\"default\"], {\n    in: visible,\n    timeout: 400,\n    appear: true,\n    classNames: \"zoomModal\",\n    unmountOnExit: unmountOnExit,\n    mountOnEnter: mountOnEnter,\n    onEnter: function onEnter(e) {\n      if (!e) return;\n      setWrapperVisible(true);\n      cursorPositionRef.current = cursorPosition;\n      haveOriginTransformOrigin.current = !!e.style.transformOrigin;\n      setTransformOrigin(e);\n      modalRef.current = e;\n    },\n    onEntered: function onEntered(e) {\n      if (!e) return;\n      setTransformOrigin(e);\n      cursorPositionRef.current = null;\n      afterOpen === null || afterOpen === void 0 ? void 0 : afterOpen();\n    },\n    onExit: function onExit() {\n      inExit.current = true;\n    },\n    onExited: function onExited(e) {\n      if (!e) return;\n      setWrapperVisible(false);\n      setTransformOrigin(e);\n      afterClose === null || afterClose === void 0 ? void 0 : afterClose();\n      inExit.current = false;\n\n      if (unmountOnExit) {\n        modalRef.current = null;\n      }\n    }\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.cloneElement(Object(_util_is__WEBPACK_IMPORTED_MODULE_12__[\"isFunction\"])(modalRender) ? modalRender(modalDom) : modalDom, {\n    onMouseDown: function onMouseDown() {\n      maskClickRef.current = false;\n    },\n    onMouseUp: function onMouseUp() {\n      maskClickRef.current = false;\n    }\n  }))))) : null;\n}\n\nvar ExportedModalComponent = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_0__[\"forwardRef\"])(Modal);\nExportedModalComponent.displayName = 'Modal';\nExportedModalComponent.config = _config__WEBPACK_IMPORTED_MODULE_11__[\"setModalConfig\"];\n\nExportedModalComponent.confirm = function (props) {\n  return Object(_confirm__WEBPACK_IMPORTED_MODULE_8__[\"default\"])(props);\n};\n\nExportedModalComponent.useModal = _useModal__WEBPACK_IMPORTED_MODULE_15__[\"default\"];\n['info', 'success', 'warning', 'error'].forEach(function (type) {\n  ExportedModalComponent[type] = function (props) {\n    return Object(_confirm__WEBPACK_IMPORTED_MODULE_8__[\"default\"])(__assign(__assign({}, props), {\n      isNotice: true,\n      noticeType: type\n    }));\n  };\n});\n\nExportedModalComponent.destroyAll = function () {\n  while (_config__WEBPACK_IMPORTED_MODULE_11__[\"destroyList\"].length) {\n    var close_1 = _config__WEBPACK_IMPORTED_MODULE_11__[\"destroyList\"].pop();\n\n    if (close_1) {\n      close_1();\n    }\n  }\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (ExportedModalComponent);\n\n//# sourceURL=webpack://%5Bname%5D/./components/Modal/modal.tsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_draggable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-draggable */ \"./node_modules/react-draggable/build/cjs/cjs.js\");\n/* harmony import */ var react_draggable__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_draggable__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var react_focus_lock__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-focus-lock */ \"./node_modules/react-focus-lock/dist/es2015/index.js\");\n/* harmony import */ var _icon_react_icon_IconClose__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../icon/react-icon/IconClose */ \"./icon/react-icon/IconClose/index.js\");\n/* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/classNames */ \"./components/_util/classNames.ts\");\n/* harmony import */ var _util_dom__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_util/dom */ \"./components/_util/dom.ts\");\n/* harmony import */ var _util_keycode__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../_util/keycode */ \"./components/_util/keycode.ts\");\n/* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../Button */ \"./components/Button/index.tsx\");\n/* harmony import */ var _Portal__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../Portal */ \"./components/Portal/index.tsx\");\n/* harmony import */ var _confirm__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./confirm */ \"./components/Modal/confirm.tsx\");\n/* harmony import */ var _ConfigProvider__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../ConfigProvider */ \"./components/ConfigProvider/index.tsx\");\n/* harmony import */ var _class_icon_hover__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../_class/icon-hover */ \"./components/_class/icon-hover.tsx\");\n/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./config */ \"./components/Modal/config.ts\");\n/* harmony import */ var _util_is__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../_util/is */ \"./components/_util/is.ts\");\n/* harmony import */ var _util_omit__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../_util/omit */ \"./components/_util/omit.ts\");\n/* harmony import */ var _util_hooks_useOverflowHidden__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../_util/hooks/useOverflowHidden */ \"./components/_util/hooks/useOverflowHidden.ts\");\n/* harmony import */ var _useModal__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./useModal */ \"./components/Modal/useModal/index.tsx\");\n/* harmony import */ var _util_hooks_useMergeValue__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../_util/hooks/useMergeValue */ \"./components/_util/hooks/useMergeValue.ts\");\n/* harmony import */ var _util_hooks_useMergeProps__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../_util/hooks/useMergeProps */ \"./components/_util/hooks/useMergeProps.ts\");\n/* harmony import */ var _util_react_dom__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../_util/react-dom */ \"./components/_util/react-dom.ts\");\n/* harmony import */ var _util_CSSTransition__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../_util/CSSTransition */ \"./components/_util/CSSTransition.tsx\");\nvar __assign = undefined && undefined.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\nvar __rest = undefined && undefined.__rest || function (s, e) {\n  var t = {};\n\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\n\nvar __read = undefined && undefined.__read || function (o, n) {\n  var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n  if (!m) return o;\n  var i = m.call(o),\n      r,\n      ar = [],\n      e;\n\n  try {\n    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {\n      ar.push(r.value);\n    }\n  } catch (error) {\n    e = {\n      error: error\n    };\n  } finally {\n    try {\n      if (r && !r.done && (m = i[\"return\"])) m.call(i);\n    } finally {\n      if (e) throw e.error;\n    }\n  }\n\n  return ar;\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar cursorPosition = null;\nvar globalDialogIndex = 0;\n\nif (!_util_dom__WEBPACK_IMPORTED_MODULE_5__[\"isServerRendering\"]) {\n  document.documentElement.addEventListener('click', function (e) {\n    cursorPosition = {\n      left: e.clientX,\n      top: e.clientY\n    }; // 受控模式下，用户不一定马上打开弹窗，这期间可能出现其他 UI 操作，那这个位置就不可用了。\n\n    setTimeout(function () {\n      cursorPosition = null;\n    }, 100);\n  }, true);\n}\n\nvar defaultProps = {\n  mask: true,\n  maskClosable: true,\n  mountOnEnter: true,\n  escToExit: true,\n  getPopupContainer: function getPopupContainer() {\n    return document.body;\n  },\n  alignCenter: true,\n  draggable: true\n};\n\nfunction Modal(baseProps, ref) {\n  var _a, _b;\n\n  var _c;\n\n  var context = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useContext\"])(_ConfigProvider__WEBPACK_IMPORTED_MODULE_10__[\"ConfigContext\"]);\n  var props = Object(_util_hooks_useMergeProps__WEBPACK_IMPORTED_MODULE_18__[\"default\"])(baseProps, defaultProps, (_c = context.componentConfig) === null || _c === void 0 ? void 0 : _c.Modal);\n\n  var className = props.className,\n      style = props.style,\n      visible = props.visible,\n      simple = props.simple,\n      title = props.title,\n      children = props.children,\n      cancelText = props.cancelText,\n      okText = props.okText,\n      okButtonProps = props.okButtonProps,\n      cancelButtonProps = props.cancelButtonProps,\n      _d = props.getPopupContainer,\n      getPopupContainer = _d === void 0 ? function () {\n    return document.body;\n  } : _d,\n      footer = props.footer,\n      afterClose = props.afterClose,\n      confirmLoading = props.confirmLoading,\n      mountOnEnter = props.mountOnEnter,\n      unmountOnExit = props.unmountOnExit,\n      afterOpen = props.afterOpen,\n      hideCancel = props.hideCancel,\n      autoFocus = props.autoFocus,\n      focusLock = props.focusLock,\n      maskClosable = props.maskClosable,\n      mask = props.mask,\n      alignCenter = props.alignCenter,\n      getChildrenPopupContainer = props.getChildrenPopupContainer,\n      wrapClassName = props.wrapClassName,\n      escToExit = props.escToExit,\n      modalRender = props.modalRender,\n      maskStyle = props.maskStyle,\n      wrapStyle = props.wrapStyle,\n      closeIcon = props.closeIcon,\n      draggable = props.draggable,\n      draggableProps = props.draggableProps,\n      rest = __rest(props, [\"className\", \"style\", \"visible\", \"simple\", \"title\", \"children\", \"cancelText\", \"okText\", \"okButtonProps\", \"cancelButtonProps\", \"getPopupContainer\", \"footer\", \"afterClose\", \"confirmLoading\", \"mountOnEnter\", \"unmountOnExit\", \"afterOpen\", \"hideCancel\", \"autoFocus\", \"focusLock\", \"maskClosable\", \"mask\", \"alignCenter\", \"getChildrenPopupContainer\", \"wrapClassName\", \"escToExit\", \"modalRender\", \"maskStyle\", \"wrapStyle\", \"closeIcon\", \"draggable\", \"draggableProps\"]);\n\n  var modalWrapperRef = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useRef\"])(null);\n  var contentWrapper = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useRef\"])(null);\n  var modalRef = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useRef\"])(null);\n\n  var _e = __read(Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(), 2),\n      wrapperVisible = _e[0],\n      setWrapperVisible = _e[1];\n\n  var _f = __read(Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(), 2),\n      popupZIndex = _f[0],\n      setPopupZIndex = _f[1];\n\n  var cursorPositionRef = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useRef\"])(null);\n  var haveOriginTransformOrigin = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useRef\"])(false);\n  var maskClickRef = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useRef\"])(false); // 标识是否是处于第一次 visible 之前\n\n  var beforeFirstVisible = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useRef\"])(true);\n\n  if (visible && beforeFirstVisible.current) {\n    beforeFirstVisible.current = false;\n  }\n\n  var dialogIndex = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useRef\"])();\n\n  if (!dialogIndex.current) {\n    dialogIndex.current = globalDialogIndex++;\n  }\n\n  var _g = __read(Object(_util_hooks_useMergeValue__WEBPACK_IMPORTED_MODULE_17__[\"default\"])(false, {\n    defaultValue: false,\n    value: confirmLoading\n  }), 2),\n      loading = _g[0],\n      setLoading = _g[1];\n\n  var prefixCls = context.getPrefixCls('modal', props.prefixCls);\n  var locale = context.locale,\n      rtl = context.rtl; // 简洁模式下默认不显示关闭按钮\n\n  var defaultClosable = !simple;\n  var closable = 'closable' in props ? props.closable : defaultClosable;\n  var getContainer = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useCallback\"])(function () {\n    return Object(_util_react_dom__WEBPACK_IMPORTED_MODULE_19__[\"findDOMNode\"])(getPopupContainer());\n  }, [getPopupContainer]);\n  Object(_util_hooks_useOverflowHidden__WEBPACK_IMPORTED_MODULE_15__[\"default\"])(getContainer, {\n    hidden: visible && mask\n  });\n\n  var onCancel = function onCancel() {\n    props.onCancel && props.onCancel();\n  };\n\n  var onEscExit = function onEscExit(event) {\n    if (escToExit && visible && event.key === _util_keycode__WEBPACK_IMPORTED_MODULE_6__[\"Esc\"].key) {\n      event.stopPropagation();\n      onCancel();\n    }\n  };\n\n  var inExit = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useRef\"])(false);\n\n  var onClickMask = function onClickMask(e) {\n    if (!maskClickRef.current) return;\n    maskClickRef.current = false;\n\n    if (!inExit.current && maskClosable && mask && e.target === e.currentTarget) {\n      setTimeout(function () {\n        onCancel();\n      }, 100);\n    }\n  };\n\n  var onConfirmModal = function onConfirmModal(e) {\n    var onConfirm = props.onConfirm,\n        onOk = props.onOk;\n\n    var _onConfirm = onOk || onConfirm;\n\n    var ret;\n\n    if (_onConfirm) {\n      ret = _onConfirm(e);\n    }\n\n    if (ret && ret.then) {\n      setLoading(true);\n      ret.then(function () {\n        setLoading(false);\n      }, function (e) {\n        setLoading(false);\n        console.error(e);\n      });\n    }\n  };\n\n  Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"])(function () {\n    var timer = null;\n\n    if (escToExit) {\n      timer = setTimeout(function () {\n        var _a; // https://github.com/arco-design/arco-design/pull/1439\n\n\n        if (Object(_util_dom__WEBPACK_IMPORTED_MODULE_5__[\"contains\"])(document.body, modalWrapperRef.current)) {\n          (_a = modalWrapperRef.current) === null || _a === void 0 ? void 0 : _a.focus();\n        }\n      });\n    }\n\n    return function () {\n      timer && clearTimeout(timer);\n    };\n  }, [visible, escToExit]);\n\n  var initPopupZIndex = function initPopupZIndex() {\n    var _a;\n\n    if (visible && popupZIndex === undefined) {\n      if (modalWrapperRef.current) {\n        // 根据wrapper的zindex，设置内部所有弹出型组件的zindex。\n        var zIndex = +((_a = window.getComputedStyle(modalWrapperRef.current, null)) === null || _a === void 0 ? void 0 : _a.zIndex);\n\n        if (!isNaN(zIndex)) {\n          setPopupZIndex(zIndex + 1);\n        }\n      }\n    }\n  };\n\n  var renderFooter = function renderFooter() {\n    if (footer === null) return;\n    var cancelButtonNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Button__WEBPACK_IMPORTED_MODULE_7__[\"default\"], __assign({\n      onClick: onCancel\n    }, cancelButtonProps), cancelText || locale.Modal.cancelText);\n    var okButtonNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Button__WEBPACK_IMPORTED_MODULE_7__[\"default\"], __assign({\n      loading: loading,\n      onClick: onConfirmModal,\n      type: \"primary\"\n    }, okButtonProps), okText || locale.Modal.okText);\n    var footerContent = Object(_util_is__WEBPACK_IMPORTED_MODULE_13__[\"isFunction\"])(footer) ? footer(cancelButtonNode, okButtonNode) : footer || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, !hideCancel && cancelButtonNode, okButtonNode);\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n      className: \"\".concat(prefixCls, \"-footer\")\n    }, footerContent);\n  };\n\n  var globalFocusLockConfig = context.focusLock.modal;\n  var globalFocusLock = !!globalFocusLockConfig;\n  var globalAutoFocus = Object(_util_is__WEBPACK_IMPORTED_MODULE_13__[\"isObject\"])(globalFocusLockConfig) && globalFocusLockConfig.autoFocus;\n  var innerFocusLock = focusLock !== undefined ? focusLock : globalFocusLock;\n  var innerAutoFocus = autoFocus !== undefined ? autoFocus : globalAutoFocus;\n  var element = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ConfigProvider__WEBPACK_IMPORTED_MODULE_10__[\"default\"], __assign({}, context, {\n    prefixCls: props.prefixCls || context.prefixCls,\n    locale: locale,\n    zIndex: popupZIndex || 1050,\n    getPopupContainer: function getPopupContainer(node) {\n      return typeof getChildrenPopupContainer === 'function' ? getChildrenPopupContainer(node) : contentWrapper.current;\n    }\n  }), title && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: \"\".concat(prefixCls, \"-header\"),\n    style: {\n      cursor: draggable ? 'move' : null\n    }\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: \"\".concat(prefixCls, \"-title\"),\n    id: \"arco-dialog-\".concat(dialogIndex.current)\n  }, title)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    ref: contentWrapper,\n    className: \"\".concat(prefixCls, \"-content\")\n  }, children), renderFooter(), closable && (closeIcon !== undefined ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n    onClick: onCancel,\n    className: \"\".concat(prefixCls, \"-close-icon\")\n  }, closeIcon) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_class_icon_hover__WEBPACK_IMPORTED_MODULE_11__[\"default\"], {\n    tabIndex: -1,\n    onClick: onCancel,\n    className: \"\".concat(prefixCls, \"-close-icon\"),\n    role: \"button\",\n    \"aria-label\": \"Close\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_icon_react_icon_IconClose__WEBPACK_IMPORTED_MODULE_3__[\"default\"], null))));\n  var ariaProps = title ? {\n    'aria-labelledby': \"arco-dialog-\".concat(dialogIndex.current)\n  } : {};\n  var modalDom = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", __assign({\n    role: \"dialog\",\n    \"aria-modal\": \"true\"\n  }, ariaProps, {\n    className: Object(_util_classNames__WEBPACK_IMPORTED_MODULE_4__[\"default\"])(prefixCls, (_a = {}, _a[\"\".concat(prefixCls, \"-simple\")] = simple, _a[\"\".concat(prefixCls, \"-rtl\")] = rtl, _a), className),\n    style: __assign({\n      display: draggable ? 'block' : null\n    }, style),\n    ref: modalRef\n  }), innerFocusLock ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_focus_lock__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n    crossFrame: false,\n    disabled: !visible,\n    autoFocus: innerAutoFocus,\n    lockProps: {\n      tabIndex: -1,\n      onKeyDown: onEscExit\n    }\n  }, element) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, element));\n  var modalWithMouseEventsDom = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.cloneElement(modalDom, {\n    onMouseDown: function onMouseDown() {\n      maskClickRef.current = false;\n    },\n    onMouseUp: function onMouseUp() {\n      maskClickRef.current = false;\n    }\n  }); // 包装在Draggable中的modal\n\n  var wrappedModalDom = draggable && title ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_draggable__WEBPACK_IMPORTED_MODULE_1___default.a, __assign({\n    bounds: \"parent\",\n    handle: \".\".concat(prefixCls, \"-header\")\n  }, draggableProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    style: {\n      top: 0,\n      verticalAlign: 'middle',\n      display: 'inline-block'\n    }\n  }, modalWithMouseEventsDom)) : modalWithMouseEventsDom;\n\n  var setTransformOrigin = function setTransformOrigin(e) {\n    if (haveOriginTransformOrigin.current) return;\n    var transformOrigin = '';\n\n    if (cursorPositionRef.current) {\n      var eRect = e.getBoundingClientRect();\n      var _a = cursorPositionRef.current,\n          left = _a.left,\n          top_1 = _a.top;\n      transformOrigin = \"\".concat(left - eRect.left, \"px \").concat(top_1 - eRect.top, \"px\");\n    }\n\n    e.style.transformOrigin = transformOrigin;\n  }; // mountOnEnter 只在第一次visible=true之前生效。\n  // 使用 modalRef.current 而不是 mountOnExit 是因为动画结束后，modalRef.current 会变成 null，此时再去销毁dom结点，避免动画问题\n\n\n  var forceRender = beforeFirstVisible.current ? !mountOnEnter : !!modalRef.current;\n  return visible || forceRender ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Portal__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {\n    visible: visible,\n    forceRender: forceRender,\n    getContainer: getPopupContainer\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    ref: ref\n  }, mask ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_util_CSSTransition__WEBPACK_IMPORTED_MODULE_20__[\"default\"], {\n    in: visible,\n    timeout: 400,\n    appear: true,\n    mountOnEnter: mountOnEnter,\n    classNames: \"fadeModal\",\n    unmountOnExit: unmountOnExit,\n    onEnter: function onEnter(e) {\n      if (!e) return;\n      e.style.display = 'block';\n    },\n    onExited: function onExited(e) {\n      if (!e) return;\n      e.style.display = 'none';\n    }\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    \"aria-hidden\": true,\n    className: \"\".concat(prefixCls, \"-mask\"),\n    style: maskStyle\n  })) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", __assign({}, Object(_util_omit__WEBPACK_IMPORTED_MODULE_14__[\"default\"])(rest, ['content', 'icon', 'showIcon', 'isNotice', 'noticeType', 'onCancel', 'onOk', 'onConfirm', 'closable', 'prefixCls', 'draggable', 'draggableProps']), {\n    tabIndex: !innerFocusLock || !innerAutoFocus ? -1 : null,\n    ref: function ref(node) {\n      modalWrapperRef.current = node;\n      initPopupZIndex();\n    },\n    className: Object(_util_classNames__WEBPACK_IMPORTED_MODULE_4__[\"default\"])(\"\".concat(prefixCls, \"-wrapper\"), (_b = {}, _b[\"\".concat(prefixCls, \"-wrapper-no-mask\")] = !mask, _b[\"\".concat(prefixCls, \"-wrapper-align-center\")] = alignCenter, _b[\"\".concat(prefixCls, \"-wrapper-rtl\")] = rtl, _b), wrapClassName),\n    style: __assign(__assign({}, wrapStyle || {}), {\n      // 必须 visible=false，立即设置display:none，否则modal加载react-monaco-editor的时候，编辑器显示异常\n      display: visible || wrapperVisible ? 'block' : 'none',\n      overflow: !visible && wrapperVisible ? 'hidden' : ''\n    }),\n    // 如果 autoFocus 是 false 需要在 modal 外层绑定 onKeyDown, 因为此时 FocusLock 绑定的 onKeyDown 不起作用\n    onKeyDown: !innerFocusLock || !innerAutoFocus ? onEscExit : null,\n    onMouseDown: function onMouseDown(e) {\n      maskClickRef.current = e.target === e.currentTarget;\n    },\n    onClick: onClickMask\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_util_CSSTransition__WEBPACK_IMPORTED_MODULE_20__[\"default\"], {\n    in: visible,\n    timeout: 400,\n    appear: true,\n    classNames: \"zoomModal\",\n    unmountOnExit: unmountOnExit,\n    mountOnEnter: mountOnEnter,\n    onEnter: function onEnter(e) {\n      if (!e) return;\n      setWrapperVisible(true);\n      cursorPositionRef.current = cursorPosition;\n      haveOriginTransformOrigin.current = !!e.style.transformOrigin;\n      setTransformOrigin(e);\n      modalRef.current = e;\n    },\n    onEntered: function onEntered(e) {\n      if (!e) return;\n      setTransformOrigin(e);\n      cursorPositionRef.current = null;\n      afterOpen === null || afterOpen === void 0 ? void 0 : afterOpen();\n    },\n    onExit: function onExit() {\n      inExit.current = true;\n    },\n    onExited: function onExited(e) {\n      if (!e) return;\n      setWrapperVisible(false);\n      setTransformOrigin(e);\n      afterClose === null || afterClose === void 0 ? void 0 : afterClose();\n      inExit.current = false;\n\n      if (unmountOnExit) {\n        modalRef.current = null;\n      }\n    }\n  }, Object(_util_is__WEBPACK_IMPORTED_MODULE_13__[\"isFunction\"])(modalRender) ? modalRender(wrappedModalDom) : wrappedModalDom)))) : null;\n}\n\nvar ExportedModalComponent = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_0__[\"forwardRef\"])(Modal);\nExportedModalComponent.displayName = 'Modal';\nExportedModalComponent.config = _config__WEBPACK_IMPORTED_MODULE_12__[\"setModalConfig\"];\n\nExportedModalComponent.confirm = function (props) {\n  return Object(_confirm__WEBPACK_IMPORTED_MODULE_9__[\"default\"])(props);\n};\n\nExportedModalComponent.useModal = _useModal__WEBPACK_IMPORTED_MODULE_16__[\"default\"];\n['info', 'success', 'warning', 'error'].forEach(function (type) {\n  ExportedModalComponent[type] = function (props) {\n    return Object(_confirm__WEBPACK_IMPORTED_MODULE_9__[\"default\"])(__assign(__assign({}, props), {\n      isNotice: true,\n      noticeType: type\n    }));\n  };\n});\n\nExportedModalComponent.destroyAll = function () {\n  while (_config__WEBPACK_IMPORTED_MODULE_12__[\"destroyList\"].length) {\n    var close_1 = _config__WEBPACK_IMPORTED_MODULE_12__[\"destroyList\"].pop();\n\n    if (close_1) {\n      close_1();\n    }\n  }\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (ExportedModalComponent);\n\n//# sourceURL=webpack://%5Bname%5D/./components/Modal/modal.tsx?");
 
 /***/ }),
 
@@ -4683,7 +4683,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"version\", function() { return version; });\n/* harmony import */ var _Alert__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Alert */ \"./components/Alert/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Alert\", function() { return _Alert__WEBPACK_IMPORTED_MODULE_0__[\"default\"]; });\n\n/* harmony import */ var _Anchor__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Anchor */ \"./components/Anchor/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Anchor\", function() { return _Anchor__WEBPACK_IMPORTED_MODULE_1__[\"default\"]; });\n\n/* harmony import */ var _Affix__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Affix */ \"./components/Affix/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Affix\", function() { return _Affix__WEBPACK_IMPORTED_MODULE_2__[\"default\"]; });\n\n/* harmony import */ var _AutoComplete__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./AutoComplete */ \"./components/AutoComplete/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"AutoComplete\", function() { return _AutoComplete__WEBPACK_IMPORTED_MODULE_3__[\"default\"]; });\n\n/* harmony import */ var _Avatar__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Avatar */ \"./components/Avatar/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Avatar\", function() { return _Avatar__WEBPACK_IMPORTED_MODULE_4__[\"default\"]; });\n\n/* harmony import */ var _BackTop__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./BackTop */ \"./components/BackTop/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"BackTop\", function() { return _BackTop__WEBPACK_IMPORTED_MODULE_5__[\"default\"]; });\n\n/* harmony import */ var _Badge__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Badge */ \"./components/Badge/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Badge\", function() { return _Badge__WEBPACK_IMPORTED_MODULE_6__[\"default\"]; });\n\n/* harmony import */ var _Breadcrumb__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./Breadcrumb */ \"./components/Breadcrumb/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Breadcrumb\", function() { return _Breadcrumb__WEBPACK_IMPORTED_MODULE_7__[\"default\"]; });\n\n/* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./Button */ \"./components/Button/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Button\", function() { return _Button__WEBPACK_IMPORTED_MODULE_8__[\"default\"]; });\n\n/* harmony import */ var _Calendar__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Calendar */ \"./components/Calendar/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Calendar\", function() { return _Calendar__WEBPACK_IMPORTED_MODULE_9__[\"default\"]; });\n\n/* harmony import */ var _Card__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./Card */ \"./components/Card/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Card\", function() { return _Card__WEBPACK_IMPORTED_MODULE_10__[\"default\"]; });\n\n/* harmony import */ var _Carousel__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./Carousel */ \"./components/Carousel/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Carousel\", function() { return _Carousel__WEBPACK_IMPORTED_MODULE_11__[\"default\"]; });\n\n/* harmony import */ var _Cascader__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./Cascader */ \"./components/Cascader/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Cascader\", function() { return _Cascader__WEBPACK_IMPORTED_MODULE_12__[\"default\"]; });\n\n/* harmony import */ var _Checkbox__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./Checkbox */ \"./components/Checkbox/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Checkbox\", function() { return _Checkbox__WEBPACK_IMPORTED_MODULE_13__[\"default\"]; });\n\n/* harmony import */ var _Collapse__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./Collapse */ \"./components/Collapse/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Collapse\", function() { return _Collapse__WEBPACK_IMPORTED_MODULE_14__[\"default\"]; });\n\n/* harmony import */ var _ColorPicker__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./ColorPicker */ \"./components/ColorPicker/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"ColorPicker\", function() { return _ColorPicker__WEBPACK_IMPORTED_MODULE_15__[\"default\"]; });\n\n/* harmony import */ var _Comment__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./Comment */ \"./components/Comment/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Comment\", function() { return _Comment__WEBPACK_IMPORTED_MODULE_16__[\"default\"]; });\n\n/* harmony import */ var _ConfigProvider__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./ConfigProvider */ \"./components/ConfigProvider/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"ConfigProvider\", function() { return _ConfigProvider__WEBPACK_IMPORTED_MODULE_17__[\"default\"]; });\n\n/* harmony import */ var _DatePicker__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./DatePicker */ \"./components/DatePicker/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"DatePicker\", function() { return _DatePicker__WEBPACK_IMPORTED_MODULE_18__[\"default\"]; });\n\n/* harmony import */ var _Descriptions__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./Descriptions */ \"./components/Descriptions/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Descriptions\", function() { return _Descriptions__WEBPACK_IMPORTED_MODULE_19__[\"default\"]; });\n\n/* harmony import */ var _Divider__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./Divider */ \"./components/Divider/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Divider\", function() { return _Divider__WEBPACK_IMPORTED_MODULE_20__[\"default\"]; });\n\n/* harmony import */ var _Drawer__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./Drawer */ \"./components/Drawer/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Drawer\", function() { return _Drawer__WEBPACK_IMPORTED_MODULE_21__[\"default\"]; });\n\n/* harmony import */ var _Dropdown__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./Dropdown */ \"./components/Dropdown/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Dropdown\", function() { return _Dropdown__WEBPACK_IMPORTED_MODULE_22__[\"default\"]; });\n\n/* harmony import */ var _Empty__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./Empty */ \"./components/Empty/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Empty\", function() { return _Empty__WEBPACK_IMPORTED_MODULE_23__[\"default\"]; });\n\n/* harmony import */ var _Form__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./Form */ \"./components/Form/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Form\", function() { return _Form__WEBPACK_IMPORTED_MODULE_24__[\"default\"]; });\n\n/* harmony import */ var _Grid__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./Grid */ \"./components/Grid/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Grid\", function() { return _Grid__WEBPACK_IMPORTED_MODULE_25__[\"default\"]; });\n\n/* harmony import */ var _Icon__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./Icon */ \"./components/Icon/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Icon\", function() { return _Icon__WEBPACK_IMPORTED_MODULE_26__[\"default\"]; });\n\n/* harmony import */ var _Input__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./Input */ \"./components/Input/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Input\", function() { return _Input__WEBPACK_IMPORTED_MODULE_27__[\"default\"]; });\n\n/* harmony import */ var _InputTag__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ./InputTag */ \"./components/InputTag/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"InputTag\", function() { return _InputTag__WEBPACK_IMPORTED_MODULE_28__[\"default\"]; });\n\n/* harmony import */ var _InputNumber__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ./InputNumber */ \"./components/InputNumber/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"InputNumber\", function() { return _InputNumber__WEBPACK_IMPORTED_MODULE_29__[\"default\"]; });\n\n/* harmony import */ var _VerificationCode__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ./VerificationCode */ \"./components/VerificationCode/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"VerificationCode\", function() { return _VerificationCode__WEBPACK_IMPORTED_MODULE_30__[\"default\"]; });\n\n/* harmony import */ var _Layout__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ./Layout */ \"./components/Layout/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Layout\", function() { return _Layout__WEBPACK_IMPORTED_MODULE_31__[\"default\"]; });\n\n/* harmony import */ var _Link__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! ./Link */ \"./components/Link/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Link\", function() { return _Link__WEBPACK_IMPORTED_MODULE_32__[\"default\"]; });\n\n/* harmony import */ var _List__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! ./List */ \"./components/List/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"List\", function() { return _List__WEBPACK_IMPORTED_MODULE_33__[\"default\"]; });\n\n/* harmony import */ var _Message__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! ./Message */ \"./components/Message/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Message\", function() { return _Message__WEBPACK_IMPORTED_MODULE_34__[\"default\"]; });\n\n/* harmony import */ var _Menu__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! ./Menu */ \"./components/Menu/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Menu\", function() { return _Menu__WEBPACK_IMPORTED_MODULE_35__[\"default\"]; });\n\n/* harmony import */ var _Modal__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(/*! ./Modal */ \"./components/Modal/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Modal\", function() { return _Modal__WEBPACK_IMPORTED_MODULE_36__[\"default\"]; });\n\n/* harmony import */ var _Notification__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__(/*! ./Notification */ \"./components/Notification/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Notification\", function() { return _Notification__WEBPACK_IMPORTED_MODULE_37__[\"default\"]; });\n\n/* harmony import */ var _PageHeader__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__(/*! ./PageHeader */ \"./components/PageHeader/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"PageHeader\", function() { return _PageHeader__WEBPACK_IMPORTED_MODULE_38__[\"default\"]; });\n\n/* harmony import */ var _Pagination__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__(/*! ./Pagination */ \"./components/Pagination/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Pagination\", function() { return _Pagination__WEBPACK_IMPORTED_MODULE_39__[\"default\"]; });\n\n/* harmony import */ var _Popconfirm__WEBPACK_IMPORTED_MODULE_40__ = __webpack_require__(/*! ./Popconfirm */ \"./components/Popconfirm/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Popconfirm\", function() { return _Popconfirm__WEBPACK_IMPORTED_MODULE_40__[\"default\"]; });\n\n/* harmony import */ var _Popover__WEBPACK_IMPORTED_MODULE_41__ = __webpack_require__(/*! ./Popover */ \"./components/Popover/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Popover\", function() { return _Popover__WEBPACK_IMPORTED_MODULE_41__[\"default\"]; });\n\n/* harmony import */ var _Portal__WEBPACK_IMPORTED_MODULE_42__ = __webpack_require__(/*! ./Portal */ \"./components/Portal/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Portal\", function() { return _Portal__WEBPACK_IMPORTED_MODULE_42__[\"default\"]; });\n\n/* harmony import */ var _Progress__WEBPACK_IMPORTED_MODULE_43__ = __webpack_require__(/*! ./Progress */ \"./components/Progress/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Progress\", function() { return _Progress__WEBPACK_IMPORTED_MODULE_43__[\"default\"]; });\n\n/* harmony import */ var _Radio__WEBPACK_IMPORTED_MODULE_44__ = __webpack_require__(/*! ./Radio */ \"./components/Radio/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Radio\", function() { return _Radio__WEBPACK_IMPORTED_MODULE_44__[\"default\"]; });\n\n/* harmony import */ var _Rate__WEBPACK_IMPORTED_MODULE_45__ = __webpack_require__(/*! ./Rate */ \"./components/Rate/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Rate\", function() { return _Rate__WEBPACK_IMPORTED_MODULE_45__[\"default\"]; });\n\n/* harmony import */ var _ResizeBox__WEBPACK_IMPORTED_MODULE_46__ = __webpack_require__(/*! ./ResizeBox */ \"./components/ResizeBox/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"ResizeBox\", function() { return _ResizeBox__WEBPACK_IMPORTED_MODULE_46__[\"default\"]; });\n\n/* harmony import */ var _Result__WEBPACK_IMPORTED_MODULE_47__ = __webpack_require__(/*! ./Result */ \"./components/Result/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Result\", function() { return _Result__WEBPACK_IMPORTED_MODULE_47__[\"default\"]; });\n\n/* harmony import */ var _Select__WEBPACK_IMPORTED_MODULE_48__ = __webpack_require__(/*! ./Select */ \"./components/Select/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Select\", function() { return _Select__WEBPACK_IMPORTED_MODULE_48__[\"default\"]; });\n\n/* harmony import */ var _Skeleton__WEBPACK_IMPORTED_MODULE_49__ = __webpack_require__(/*! ./Skeleton */ \"./components/Skeleton/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Skeleton\", function() { return _Skeleton__WEBPACK_IMPORTED_MODULE_49__[\"default\"]; });\n\n/* harmony import */ var _Slider__WEBPACK_IMPORTED_MODULE_50__ = __webpack_require__(/*! ./Slider */ \"./components/Slider/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Slider\", function() { return _Slider__WEBPACK_IMPORTED_MODULE_50__[\"default\"]; });\n\n/* harmony import */ var _Space__WEBPACK_IMPORTED_MODULE_51__ = __webpack_require__(/*! ./Space */ \"./components/Space/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Space\", function() { return _Space__WEBPACK_IMPORTED_MODULE_51__[\"default\"]; });\n\n/* harmony import */ var _Spin__WEBPACK_IMPORTED_MODULE_52__ = __webpack_require__(/*! ./Spin */ \"./components/Spin/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Spin\", function() { return _Spin__WEBPACK_IMPORTED_MODULE_52__[\"default\"]; });\n\n/* harmony import */ var _Statistic__WEBPACK_IMPORTED_MODULE_53__ = __webpack_require__(/*! ./Statistic */ \"./components/Statistic/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Statistic\", function() { return _Statistic__WEBPACK_IMPORTED_MODULE_53__[\"default\"]; });\n\n/* harmony import */ var _Steps__WEBPACK_IMPORTED_MODULE_54__ = __webpack_require__(/*! ./Steps */ \"./components/Steps/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Steps\", function() { return _Steps__WEBPACK_IMPORTED_MODULE_54__[\"default\"]; });\n\n/* harmony import */ var _Switch__WEBPACK_IMPORTED_MODULE_55__ = __webpack_require__(/*! ./Switch */ \"./components/Switch/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Switch\", function() { return _Switch__WEBPACK_IMPORTED_MODULE_55__[\"default\"]; });\n\n/* harmony import */ var _Table__WEBPACK_IMPORTED_MODULE_56__ = __webpack_require__(/*! ./Table */ \"./components/Table/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Table\", function() { return _Table__WEBPACK_IMPORTED_MODULE_56__[\"default\"]; });\n\n/* harmony import */ var _Tabs__WEBPACK_IMPORTED_MODULE_57__ = __webpack_require__(/*! ./Tabs */ \"./components/Tabs/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Tabs\", function() { return _Tabs__WEBPACK_IMPORTED_MODULE_57__[\"default\"]; });\n\n/* harmony import */ var _Tag__WEBPACK_IMPORTED_MODULE_58__ = __webpack_require__(/*! ./Tag */ \"./components/Tag/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Tag\", function() { return _Tag__WEBPACK_IMPORTED_MODULE_58__[\"default\"]; });\n\n/* harmony import */ var _Timeline__WEBPACK_IMPORTED_MODULE_59__ = __webpack_require__(/*! ./Timeline */ \"./components/Timeline/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Timeline\", function() { return _Timeline__WEBPACK_IMPORTED_MODULE_59__[\"default\"]; });\n\n/* harmony import */ var _TimePicker__WEBPACK_IMPORTED_MODULE_60__ = __webpack_require__(/*! ./TimePicker */ \"./components/TimePicker/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"TimePicker\", function() { return _TimePicker__WEBPACK_IMPORTED_MODULE_60__[\"default\"]; });\n\n/* harmony import */ var _Tooltip__WEBPACK_IMPORTED_MODULE_61__ = __webpack_require__(/*! ./Tooltip */ \"./components/Tooltip/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Tooltip\", function() { return _Tooltip__WEBPACK_IMPORTED_MODULE_61__[\"default\"]; });\n\n/* harmony import */ var _Transfer__WEBPACK_IMPORTED_MODULE_62__ = __webpack_require__(/*! ./Transfer */ \"./components/Transfer/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Transfer\", function() { return _Transfer__WEBPACK_IMPORTED_MODULE_62__[\"default\"]; });\n\n/* harmony import */ var _Tree__WEBPACK_IMPORTED_MODULE_63__ = __webpack_require__(/*! ./Tree */ \"./components/Tree/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Tree\", function() { return _Tree__WEBPACK_IMPORTED_MODULE_63__[\"default\"]; });\n\n/* harmony import */ var _TreeSelect__WEBPACK_IMPORTED_MODULE_64__ = __webpack_require__(/*! ./TreeSelect */ \"./components/TreeSelect/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"TreeSelect\", function() { return _TreeSelect__WEBPACK_IMPORTED_MODULE_64__[\"default\"]; });\n\n/* harmony import */ var _Trigger__WEBPACK_IMPORTED_MODULE_65__ = __webpack_require__(/*! ./Trigger */ \"./components/Trigger/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Trigger\", function() { return _Trigger__WEBPACK_IMPORTED_MODULE_65__[\"default\"]; });\n\n/* harmony import */ var _Typography__WEBPACK_IMPORTED_MODULE_66__ = __webpack_require__(/*! ./Typography */ \"./components/Typography/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Typography\", function() { return _Typography__WEBPACK_IMPORTED_MODULE_66__[\"default\"]; });\n\n/* harmony import */ var _Upload__WEBPACK_IMPORTED_MODULE_67__ = __webpack_require__(/*! ./Upload */ \"./components/Upload/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Upload\", function() { return _Upload__WEBPACK_IMPORTED_MODULE_67__[\"default\"]; });\n\n/* harmony import */ var _Mentions__WEBPACK_IMPORTED_MODULE_68__ = __webpack_require__(/*! ./Mentions */ \"./components/Mentions/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Mentions\", function() { return _Mentions__WEBPACK_IMPORTED_MODULE_68__[\"default\"]; });\n\n/* harmony import */ var _Watermark__WEBPACK_IMPORTED_MODULE_69__ = __webpack_require__(/*! ./Watermark */ \"./components/Watermark/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Watermark\", function() { return _Watermark__WEBPACK_IMPORTED_MODULE_69__[\"default\"]; });\n\n/* harmony import */ var _Image__WEBPACK_IMPORTED_MODULE_70__ = __webpack_require__(/*! ./Image */ \"./components/Image/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Image\", function() { return _Image__WEBPACK_IMPORTED_MODULE_70__[\"default\"]; });\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar version = '1.1.3';\n\n//# sourceURL=webpack://%5Bname%5D/./components/index.tsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"version\", function() { return version; });\n/* harmony import */ var _Alert__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Alert */ \"./components/Alert/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Alert\", function() { return _Alert__WEBPACK_IMPORTED_MODULE_0__[\"default\"]; });\n\n/* harmony import */ var _Anchor__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Anchor */ \"./components/Anchor/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Anchor\", function() { return _Anchor__WEBPACK_IMPORTED_MODULE_1__[\"default\"]; });\n\n/* harmony import */ var _Affix__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Affix */ \"./components/Affix/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Affix\", function() { return _Affix__WEBPACK_IMPORTED_MODULE_2__[\"default\"]; });\n\n/* harmony import */ var _AutoComplete__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./AutoComplete */ \"./components/AutoComplete/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"AutoComplete\", function() { return _AutoComplete__WEBPACK_IMPORTED_MODULE_3__[\"default\"]; });\n\n/* harmony import */ var _Avatar__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Avatar */ \"./components/Avatar/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Avatar\", function() { return _Avatar__WEBPACK_IMPORTED_MODULE_4__[\"default\"]; });\n\n/* harmony import */ var _BackTop__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./BackTop */ \"./components/BackTop/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"BackTop\", function() { return _BackTop__WEBPACK_IMPORTED_MODULE_5__[\"default\"]; });\n\n/* harmony import */ var _Badge__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Badge */ \"./components/Badge/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Badge\", function() { return _Badge__WEBPACK_IMPORTED_MODULE_6__[\"default\"]; });\n\n/* harmony import */ var _Breadcrumb__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./Breadcrumb */ \"./components/Breadcrumb/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Breadcrumb\", function() { return _Breadcrumb__WEBPACK_IMPORTED_MODULE_7__[\"default\"]; });\n\n/* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./Button */ \"./components/Button/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Button\", function() { return _Button__WEBPACK_IMPORTED_MODULE_8__[\"default\"]; });\n\n/* harmony import */ var _Calendar__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Calendar */ \"./components/Calendar/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Calendar\", function() { return _Calendar__WEBPACK_IMPORTED_MODULE_9__[\"default\"]; });\n\n/* harmony import */ var _Card__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./Card */ \"./components/Card/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Card\", function() { return _Card__WEBPACK_IMPORTED_MODULE_10__[\"default\"]; });\n\n/* harmony import */ var _Carousel__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./Carousel */ \"./components/Carousel/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Carousel\", function() { return _Carousel__WEBPACK_IMPORTED_MODULE_11__[\"default\"]; });\n\n/* harmony import */ var _Cascader__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./Cascader */ \"./components/Cascader/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Cascader\", function() { return _Cascader__WEBPACK_IMPORTED_MODULE_12__[\"default\"]; });\n\n/* harmony import */ var _Checkbox__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./Checkbox */ \"./components/Checkbox/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Checkbox\", function() { return _Checkbox__WEBPACK_IMPORTED_MODULE_13__[\"default\"]; });\n\n/* harmony import */ var _Collapse__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./Collapse */ \"./components/Collapse/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Collapse\", function() { return _Collapse__WEBPACK_IMPORTED_MODULE_14__[\"default\"]; });\n\n/* harmony import */ var _ColorPicker__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./ColorPicker */ \"./components/ColorPicker/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"ColorPicker\", function() { return _ColorPicker__WEBPACK_IMPORTED_MODULE_15__[\"default\"]; });\n\n/* harmony import */ var _Comment__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./Comment */ \"./components/Comment/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Comment\", function() { return _Comment__WEBPACK_IMPORTED_MODULE_16__[\"default\"]; });\n\n/* harmony import */ var _ConfigProvider__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./ConfigProvider */ \"./components/ConfigProvider/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"ConfigProvider\", function() { return _ConfigProvider__WEBPACK_IMPORTED_MODULE_17__[\"default\"]; });\n\n/* harmony import */ var _DatePicker__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./DatePicker */ \"./components/DatePicker/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"DatePicker\", function() { return _DatePicker__WEBPACK_IMPORTED_MODULE_18__[\"default\"]; });\n\n/* harmony import */ var _Descriptions__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./Descriptions */ \"./components/Descriptions/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Descriptions\", function() { return _Descriptions__WEBPACK_IMPORTED_MODULE_19__[\"default\"]; });\n\n/* harmony import */ var _Divider__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./Divider */ \"./components/Divider/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Divider\", function() { return _Divider__WEBPACK_IMPORTED_MODULE_20__[\"default\"]; });\n\n/* harmony import */ var _Drawer__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./Drawer */ \"./components/Drawer/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Drawer\", function() { return _Drawer__WEBPACK_IMPORTED_MODULE_21__[\"default\"]; });\n\n/* harmony import */ var _Dropdown__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./Dropdown */ \"./components/Dropdown/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Dropdown\", function() { return _Dropdown__WEBPACK_IMPORTED_MODULE_22__[\"default\"]; });\n\n/* harmony import */ var _Empty__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./Empty */ \"./components/Empty/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Empty\", function() { return _Empty__WEBPACK_IMPORTED_MODULE_23__[\"default\"]; });\n\n/* harmony import */ var _Form__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./Form */ \"./components/Form/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Form\", function() { return _Form__WEBPACK_IMPORTED_MODULE_24__[\"default\"]; });\n\n/* harmony import */ var _Grid__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./Grid */ \"./components/Grid/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Grid\", function() { return _Grid__WEBPACK_IMPORTED_MODULE_25__[\"default\"]; });\n\n/* harmony import */ var _Icon__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./Icon */ \"./components/Icon/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Icon\", function() { return _Icon__WEBPACK_IMPORTED_MODULE_26__[\"default\"]; });\n\n/* harmony import */ var _Input__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./Input */ \"./components/Input/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Input\", function() { return _Input__WEBPACK_IMPORTED_MODULE_27__[\"default\"]; });\n\n/* harmony import */ var _InputTag__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ./InputTag */ \"./components/InputTag/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"InputTag\", function() { return _InputTag__WEBPACK_IMPORTED_MODULE_28__[\"default\"]; });\n\n/* harmony import */ var _InputNumber__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ./InputNumber */ \"./components/InputNumber/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"InputNumber\", function() { return _InputNumber__WEBPACK_IMPORTED_MODULE_29__[\"default\"]; });\n\n/* harmony import */ var _VerificationCode__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ./VerificationCode */ \"./components/VerificationCode/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"VerificationCode\", function() { return _VerificationCode__WEBPACK_IMPORTED_MODULE_30__[\"default\"]; });\n\n/* harmony import */ var _Layout__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ./Layout */ \"./components/Layout/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Layout\", function() { return _Layout__WEBPACK_IMPORTED_MODULE_31__[\"default\"]; });\n\n/* harmony import */ var _Link__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! ./Link */ \"./components/Link/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Link\", function() { return _Link__WEBPACK_IMPORTED_MODULE_32__[\"default\"]; });\n\n/* harmony import */ var _List__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! ./List */ \"./components/List/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"List\", function() { return _List__WEBPACK_IMPORTED_MODULE_33__[\"default\"]; });\n\n/* harmony import */ var _Message__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! ./Message */ \"./components/Message/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Message\", function() { return _Message__WEBPACK_IMPORTED_MODULE_34__[\"default\"]; });\n\n/* harmony import */ var _Menu__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! ./Menu */ \"./components/Menu/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Menu\", function() { return _Menu__WEBPACK_IMPORTED_MODULE_35__[\"default\"]; });\n\n/* harmony import */ var _Modal__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(/*! ./Modal */ \"./components/Modal/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Modal\", function() { return _Modal__WEBPACK_IMPORTED_MODULE_36__[\"default\"]; });\n\n/* harmony import */ var _Notification__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__(/*! ./Notification */ \"./components/Notification/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Notification\", function() { return _Notification__WEBPACK_IMPORTED_MODULE_37__[\"default\"]; });\n\n/* harmony import */ var _PageHeader__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__(/*! ./PageHeader */ \"./components/PageHeader/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"PageHeader\", function() { return _PageHeader__WEBPACK_IMPORTED_MODULE_38__[\"default\"]; });\n\n/* harmony import */ var _Pagination__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__(/*! ./Pagination */ \"./components/Pagination/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Pagination\", function() { return _Pagination__WEBPACK_IMPORTED_MODULE_39__[\"default\"]; });\n\n/* harmony import */ var _Popconfirm__WEBPACK_IMPORTED_MODULE_40__ = __webpack_require__(/*! ./Popconfirm */ \"./components/Popconfirm/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Popconfirm\", function() { return _Popconfirm__WEBPACK_IMPORTED_MODULE_40__[\"default\"]; });\n\n/* harmony import */ var _Popover__WEBPACK_IMPORTED_MODULE_41__ = __webpack_require__(/*! ./Popover */ \"./components/Popover/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Popover\", function() { return _Popover__WEBPACK_IMPORTED_MODULE_41__[\"default\"]; });\n\n/* harmony import */ var _Portal__WEBPACK_IMPORTED_MODULE_42__ = __webpack_require__(/*! ./Portal */ \"./components/Portal/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Portal\", function() { return _Portal__WEBPACK_IMPORTED_MODULE_42__[\"default\"]; });\n\n/* harmony import */ var _Progress__WEBPACK_IMPORTED_MODULE_43__ = __webpack_require__(/*! ./Progress */ \"./components/Progress/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Progress\", function() { return _Progress__WEBPACK_IMPORTED_MODULE_43__[\"default\"]; });\n\n/* harmony import */ var _Radio__WEBPACK_IMPORTED_MODULE_44__ = __webpack_require__(/*! ./Radio */ \"./components/Radio/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Radio\", function() { return _Radio__WEBPACK_IMPORTED_MODULE_44__[\"default\"]; });\n\n/* harmony import */ var _Rate__WEBPACK_IMPORTED_MODULE_45__ = __webpack_require__(/*! ./Rate */ \"./components/Rate/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Rate\", function() { return _Rate__WEBPACK_IMPORTED_MODULE_45__[\"default\"]; });\n\n/* harmony import */ var _ResizeBox__WEBPACK_IMPORTED_MODULE_46__ = __webpack_require__(/*! ./ResizeBox */ \"./components/ResizeBox/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"ResizeBox\", function() { return _ResizeBox__WEBPACK_IMPORTED_MODULE_46__[\"default\"]; });\n\n/* harmony import */ var _Result__WEBPACK_IMPORTED_MODULE_47__ = __webpack_require__(/*! ./Result */ \"./components/Result/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Result\", function() { return _Result__WEBPACK_IMPORTED_MODULE_47__[\"default\"]; });\n\n/* harmony import */ var _Select__WEBPACK_IMPORTED_MODULE_48__ = __webpack_require__(/*! ./Select */ \"./components/Select/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Select\", function() { return _Select__WEBPACK_IMPORTED_MODULE_48__[\"default\"]; });\n\n/* harmony import */ var _Skeleton__WEBPACK_IMPORTED_MODULE_49__ = __webpack_require__(/*! ./Skeleton */ \"./components/Skeleton/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Skeleton\", function() { return _Skeleton__WEBPACK_IMPORTED_MODULE_49__[\"default\"]; });\n\n/* harmony import */ var _Slider__WEBPACK_IMPORTED_MODULE_50__ = __webpack_require__(/*! ./Slider */ \"./components/Slider/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Slider\", function() { return _Slider__WEBPACK_IMPORTED_MODULE_50__[\"default\"]; });\n\n/* harmony import */ var _Space__WEBPACK_IMPORTED_MODULE_51__ = __webpack_require__(/*! ./Space */ \"./components/Space/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Space\", function() { return _Space__WEBPACK_IMPORTED_MODULE_51__[\"default\"]; });\n\n/* harmony import */ var _Spin__WEBPACK_IMPORTED_MODULE_52__ = __webpack_require__(/*! ./Spin */ \"./components/Spin/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Spin\", function() { return _Spin__WEBPACK_IMPORTED_MODULE_52__[\"default\"]; });\n\n/* harmony import */ var _Statistic__WEBPACK_IMPORTED_MODULE_53__ = __webpack_require__(/*! ./Statistic */ \"./components/Statistic/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Statistic\", function() { return _Statistic__WEBPACK_IMPORTED_MODULE_53__[\"default\"]; });\n\n/* harmony import */ var _Steps__WEBPACK_IMPORTED_MODULE_54__ = __webpack_require__(/*! ./Steps */ \"./components/Steps/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Steps\", function() { return _Steps__WEBPACK_IMPORTED_MODULE_54__[\"default\"]; });\n\n/* harmony import */ var _Switch__WEBPACK_IMPORTED_MODULE_55__ = __webpack_require__(/*! ./Switch */ \"./components/Switch/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Switch\", function() { return _Switch__WEBPACK_IMPORTED_MODULE_55__[\"default\"]; });\n\n/* harmony import */ var _Table__WEBPACK_IMPORTED_MODULE_56__ = __webpack_require__(/*! ./Table */ \"./components/Table/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Table\", function() { return _Table__WEBPACK_IMPORTED_MODULE_56__[\"default\"]; });\n\n/* harmony import */ var _Tabs__WEBPACK_IMPORTED_MODULE_57__ = __webpack_require__(/*! ./Tabs */ \"./components/Tabs/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Tabs\", function() { return _Tabs__WEBPACK_IMPORTED_MODULE_57__[\"default\"]; });\n\n/* harmony import */ var _Tag__WEBPACK_IMPORTED_MODULE_58__ = __webpack_require__(/*! ./Tag */ \"./components/Tag/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Tag\", function() { return _Tag__WEBPACK_IMPORTED_MODULE_58__[\"default\"]; });\n\n/* harmony import */ var _Timeline__WEBPACK_IMPORTED_MODULE_59__ = __webpack_require__(/*! ./Timeline */ \"./components/Timeline/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Timeline\", function() { return _Timeline__WEBPACK_IMPORTED_MODULE_59__[\"default\"]; });\n\n/* harmony import */ var _TimePicker__WEBPACK_IMPORTED_MODULE_60__ = __webpack_require__(/*! ./TimePicker */ \"./components/TimePicker/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"TimePicker\", function() { return _TimePicker__WEBPACK_IMPORTED_MODULE_60__[\"default\"]; });\n\n/* harmony import */ var _Tooltip__WEBPACK_IMPORTED_MODULE_61__ = __webpack_require__(/*! ./Tooltip */ \"./components/Tooltip/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Tooltip\", function() { return _Tooltip__WEBPACK_IMPORTED_MODULE_61__[\"default\"]; });\n\n/* harmony import */ var _Transfer__WEBPACK_IMPORTED_MODULE_62__ = __webpack_require__(/*! ./Transfer */ \"./components/Transfer/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Transfer\", function() { return _Transfer__WEBPACK_IMPORTED_MODULE_62__[\"default\"]; });\n\n/* harmony import */ var _Tree__WEBPACK_IMPORTED_MODULE_63__ = __webpack_require__(/*! ./Tree */ \"./components/Tree/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Tree\", function() { return _Tree__WEBPACK_IMPORTED_MODULE_63__[\"default\"]; });\n\n/* harmony import */ var _TreeSelect__WEBPACK_IMPORTED_MODULE_64__ = __webpack_require__(/*! ./TreeSelect */ \"./components/TreeSelect/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"TreeSelect\", function() { return _TreeSelect__WEBPACK_IMPORTED_MODULE_64__[\"default\"]; });\n\n/* harmony import */ var _Trigger__WEBPACK_IMPORTED_MODULE_65__ = __webpack_require__(/*! ./Trigger */ \"./components/Trigger/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Trigger\", function() { return _Trigger__WEBPACK_IMPORTED_MODULE_65__[\"default\"]; });\n\n/* harmony import */ var _Typography__WEBPACK_IMPORTED_MODULE_66__ = __webpack_require__(/*! ./Typography */ \"./components/Typography/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Typography\", function() { return _Typography__WEBPACK_IMPORTED_MODULE_66__[\"default\"]; });\n\n/* harmony import */ var _Upload__WEBPACK_IMPORTED_MODULE_67__ = __webpack_require__(/*! ./Upload */ \"./components/Upload/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Upload\", function() { return _Upload__WEBPACK_IMPORTED_MODULE_67__[\"default\"]; });\n\n/* harmony import */ var _Mentions__WEBPACK_IMPORTED_MODULE_68__ = __webpack_require__(/*! ./Mentions */ \"./components/Mentions/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Mentions\", function() { return _Mentions__WEBPACK_IMPORTED_MODULE_68__[\"default\"]; });\n\n/* harmony import */ var _Watermark__WEBPACK_IMPORTED_MODULE_69__ = __webpack_require__(/*! ./Watermark */ \"./components/Watermark/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Watermark\", function() { return _Watermark__WEBPACK_IMPORTED_MODULE_69__[\"default\"]; });\n\n/* harmony import */ var _Image__WEBPACK_IMPORTED_MODULE_70__ = __webpack_require__(/*! ./Image */ \"./components/Image/index.tsx\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Image\", function() { return _Image__WEBPACK_IMPORTED_MODULE_70__[\"default\"]; });\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar version = '1.2.0';\n\n//# sourceURL=webpack://%5Bname%5D/./components/index.tsx?");
 
 /***/ }),
 
@@ -5560,6 +5560,18 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 
 /***/ }),
 
+/***/ "./node_modules/clsx/dist/clsx.m.js":
+/*!******************************************!*\
+  !*** ./node_modules/clsx/dist/clsx.m.js ***!
+  \******************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\nfunction toVal(mix) {\n\tvar k, y, str='';\n\n\tif (typeof mix === 'string' || typeof mix === 'number') {\n\t\tstr += mix;\n\t} else if (typeof mix === 'object') {\n\t\tif (Array.isArray(mix)) {\n\t\t\tfor (k=0; k < mix.length; k++) {\n\t\t\t\tif (mix[k]) {\n\t\t\t\t\tif (y = toVal(mix[k])) {\n\t\t\t\t\t\tstr && (str += ' ');\n\t\t\t\t\t\tstr += y;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t} else {\n\t\t\tfor (k in mix) {\n\t\t\t\tif (mix[k]) {\n\t\t\t\t\tstr && (str += ' ');\n\t\t\t\t\tstr += k;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\treturn str;\n}\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (function () {\n\tvar i=0, tmp, x, str='';\n\twhile (i < arguments.length) {\n\t\tif (tmp = arguments[i++]) {\n\t\t\tif (x = toVal(tmp)) {\n\t\t\t\tstr && (str += ' ');\n\t\t\t\tstr += x\n\t\t\t}\n\t\t}\n\t}\n\treturn str;\n});\n\n\n//# sourceURL=webpack://%5Bname%5D/./node_modules/clsx/dist/clsx.m.js?");
+
+/***/ }),
+
 /***/ "./node_modules/compute-scroll-into-view/dist/index.module.js":
 /*!********************************************************************!*\
   !*** ./node_modules/compute-scroll-into-view/dist/index.module.js ***!
@@ -8111,6 +8123,102 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 
 /***/ }),
 
+/***/ "./node_modules/react-draggable/build/cjs/Draggable.js":
+/*!*************************************************************!*\
+  !*** ./node_modules/react-draggable/build/cjs/Draggable.js ***!
+  \*************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nObject.defineProperty(exports, \"DraggableCore\", {\n  enumerable: true,\n  get: function get() {\n    return _DraggableCore.default;\n  }\n});\nexports.default = void 0;\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _reactDom = _interopRequireDefault(__webpack_require__(/*! react-dom */ \"react-dom\"));\n\nvar _clsx2 = _interopRequireDefault(__webpack_require__(/*! clsx */ \"./node_modules/clsx/dist/clsx.m.js\"));\n\nvar _domFns = __webpack_require__(/*! ./utils/domFns */ \"./node_modules/react-draggable/build/cjs/utils/domFns.js\");\n\nvar _positionFns = __webpack_require__(/*! ./utils/positionFns */ \"./node_modules/react-draggable/build/cjs/utils/positionFns.js\");\n\nvar _shims = __webpack_require__(/*! ./utils/shims */ \"./node_modules/react-draggable/build/cjs/utils/shims.js\");\n\nvar _DraggableCore = _interopRequireDefault(__webpack_require__(/*! ./DraggableCore */ \"./node_modules/react-draggable/build/cjs/DraggableCore.js\"));\n\nvar _log = _interopRequireDefault(__webpack_require__(/*! ./utils/log */ \"./node_modules/react-draggable/build/cjs/utils/log.js\"));\n\nvar _excluded = [\"axis\", \"bounds\", \"children\", \"defaultPosition\", \"defaultClassName\", \"defaultClassNameDragging\", \"defaultClassNameDragged\", \"position\", \"positionOffset\", \"scale\"];\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== \"function\") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }\n\nfunction _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== \"object\" && typeof obj !== \"function\") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== \"default\" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \"undefined\" && arr[Symbol.iterator] || arr[\"@@iterator\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } else if (call !== void 0) { throw new TypeError(\"Derived constructors may only return object or undefined\"); } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n//\n// Define <Draggable>\n//\nvar Draggable = /*#__PURE__*/function (_React$Component) {\n  _inherits(Draggable, _React$Component);\n\n  var _super = _createSuper(Draggable);\n\n  function Draggable(props\n  /*: DraggableProps*/\n  ) {\n    var _this;\n\n    _classCallCheck(this, Draggable);\n\n    _this = _super.call(this, props);\n\n    _defineProperty(_assertThisInitialized(_this), \"onDragStart\", function (e, coreData) {\n      (0, _log.default)('Draggable: onDragStart: %j', coreData); // Short-circuit if user's callback killed it.\n\n      var shouldStart = _this.props.onStart(e, (0, _positionFns.createDraggableData)(_assertThisInitialized(_this), coreData)); // Kills start event on core as well, so move handlers are never bound.\n\n\n      if (shouldStart === false) return false;\n\n      _this.setState({\n        dragging: true,\n        dragged: true\n      });\n    });\n\n    _defineProperty(_assertThisInitialized(_this), \"onDrag\", function (e, coreData) {\n      if (!_this.state.dragging) return false;\n      (0, _log.default)('Draggable: onDrag: %j', coreData);\n      var uiData = (0, _positionFns.createDraggableData)(_assertThisInitialized(_this), coreData);\n      var newState\n      /*: $Shape<DraggableState>*/\n      = {\n        x: uiData.x,\n        y: uiData.y\n      }; // Keep within bounds.\n\n      if (_this.props.bounds) {\n        // Save original x and y.\n        var x = newState.x,\n            y = newState.y; // Add slack to the values used to calculate bound position. This will ensure that if\n        // we start removing slack, the element won't react to it right away until it's been\n        // completely removed.\n\n        newState.x += _this.state.slackX;\n        newState.y += _this.state.slackY; // Get bound position. This will ceil/floor the x and y within the boundaries.\n\n        var _getBoundPosition = (0, _positionFns.getBoundPosition)(_assertThisInitialized(_this), newState.x, newState.y),\n            _getBoundPosition2 = _slicedToArray(_getBoundPosition, 2),\n            newStateX = _getBoundPosition2[0],\n            newStateY = _getBoundPosition2[1];\n\n        newState.x = newStateX;\n        newState.y = newStateY; // Recalculate slack by noting how much was shaved by the boundPosition handler.\n\n        newState.slackX = _this.state.slackX + (x - newState.x);\n        newState.slackY = _this.state.slackY + (y - newState.y); // Update the event we fire to reflect what really happened after bounds took effect.\n\n        uiData.x = newState.x;\n        uiData.y = newState.y;\n        uiData.deltaX = newState.x - _this.state.x;\n        uiData.deltaY = newState.y - _this.state.y;\n      } // Short-circuit if user's callback killed it.\n\n\n      var shouldUpdate = _this.props.onDrag(e, uiData);\n\n      if (shouldUpdate === false) return false;\n\n      _this.setState(newState);\n    });\n\n    _defineProperty(_assertThisInitialized(_this), \"onDragStop\", function (e, coreData) {\n      if (!_this.state.dragging) return false; // Short-circuit if user's callback killed it.\n\n      var shouldContinue = _this.props.onStop(e, (0, _positionFns.createDraggableData)(_assertThisInitialized(_this), coreData));\n\n      if (shouldContinue === false) return false;\n      (0, _log.default)('Draggable: onDragStop: %j', coreData);\n      var newState\n      /*: $Shape<DraggableState>*/\n      = {\n        dragging: false,\n        slackX: 0,\n        slackY: 0\n      }; // If this is a controlled component, the result of this operation will be to\n      // revert back to the old position. We expect a handler on `onDragStop`, at the least.\n\n      var controlled = Boolean(_this.props.position);\n\n      if (controlled) {\n        var _this$props$position = _this.props.position,\n            x = _this$props$position.x,\n            y = _this$props$position.y;\n        newState.x = x;\n        newState.y = y;\n      }\n\n      _this.setState(newState);\n    });\n\n    _this.state = {\n      // Whether or not we are currently dragging.\n      dragging: false,\n      // Whether or not we have been dragged before.\n      dragged: false,\n      // Current transform x and y.\n      x: props.position ? props.position.x : props.defaultPosition.x,\n      y: props.position ? props.position.y : props.defaultPosition.y,\n      prevPropsPosition: _objectSpread({}, props.position),\n      // Used for compensating for out-of-bounds drags\n      slackX: 0,\n      slackY: 0,\n      // Can only determine if SVG after mounting\n      isElementSVG: false\n    };\n\n    if (props.position && !(props.onDrag || props.onStop)) {\n      // eslint-disable-next-line no-console\n      console.warn('A `position` was applied to this <Draggable>, without drag handlers. This will make this ' + 'component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the ' + '`position` of this element.');\n    }\n\n    return _this;\n  }\n\n  _createClass(Draggable, [{\n    key: \"componentDidMount\",\n    value: function componentDidMount() {\n      // Check to see if the element passed is an instanceof SVGElement\n      if (typeof window.SVGElement !== 'undefined' && this.findDOMNode() instanceof window.SVGElement) {\n        this.setState({\n          isElementSVG: true\n        });\n      }\n    }\n  }, {\n    key: \"componentWillUnmount\",\n    value: function componentWillUnmount() {\n      this.setState({\n        dragging: false\n      }); // prevents invariant if unmounted while dragging\n    } // React Strict Mode compatibility: if `nodeRef` is passed, we will use it instead of trying to find\n    // the underlying DOM node ourselves. See the README for more information.\n\n  }, {\n    key: \"findDOMNode\",\n    value: function findDOMNode()\n    /*: ?HTMLElement*/\n    {\n      var _this$props$nodeRef$c, _this$props, _this$props$nodeRef;\n\n      return (_this$props$nodeRef$c = (_this$props = this.props) === null || _this$props === void 0 ? void 0 : (_this$props$nodeRef = _this$props.nodeRef) === null || _this$props$nodeRef === void 0 ? void 0 : _this$props$nodeRef.current) !== null && _this$props$nodeRef$c !== void 0 ? _this$props$nodeRef$c : _reactDom.default.findDOMNode(this);\n    }\n  }, {\n    key: \"render\",\n    value: function render()\n    /*: ReactElement<any>*/\n    {\n      var _clsx;\n\n      var _this$props2 = this.props,\n          axis = _this$props2.axis,\n          bounds = _this$props2.bounds,\n          children = _this$props2.children,\n          defaultPosition = _this$props2.defaultPosition,\n          defaultClassName = _this$props2.defaultClassName,\n          defaultClassNameDragging = _this$props2.defaultClassNameDragging,\n          defaultClassNameDragged = _this$props2.defaultClassNameDragged,\n          position = _this$props2.position,\n          positionOffset = _this$props2.positionOffset,\n          scale = _this$props2.scale,\n          draggableCoreProps = _objectWithoutProperties(_this$props2, _excluded);\n\n      var style = {};\n      var svgTransform = null; // If this is controlled, we don't want to move it - unless it's dragging.\n\n      var controlled = Boolean(position);\n      var draggable = !controlled || this.state.dragging;\n      var validPosition = position || defaultPosition;\n      var transformOpts = {\n        // Set left if horizontal drag is enabled\n        x: (0, _positionFns.canDragX)(this) && draggable ? this.state.x : validPosition.x,\n        // Set top if vertical drag is enabled\n        y: (0, _positionFns.canDragY)(this) && draggable ? this.state.y : validPosition.y\n      }; // If this element was SVG, we use the `transform` attribute.\n\n      if (this.state.isElementSVG) {\n        svgTransform = (0, _domFns.createSVGTransform)(transformOpts, positionOffset);\n      } else {\n        // Add a CSS transform to move the element around. This allows us to move the element around\n        // without worrying about whether or not it is relatively or absolutely positioned.\n        // If the item you are dragging already has a transform set, wrap it in a <span> so <Draggable>\n        // has a clean slate.\n        style = (0, _domFns.createCSSTransform)(transformOpts, positionOffset);\n      } // Mark with class while dragging\n\n\n      var className = (0, _clsx2.default)(children.props.className || '', defaultClassName, (_clsx = {}, _defineProperty(_clsx, defaultClassNameDragging, this.state.dragging), _defineProperty(_clsx, defaultClassNameDragged, this.state.dragged), _clsx)); // Reuse the child provided\n      // This makes it flexible to use whatever element is wanted (div, ul, etc)\n\n      return /*#__PURE__*/React.createElement(_DraggableCore.default, _extends({}, draggableCoreProps, {\n        onStart: this.onDragStart,\n        onDrag: this.onDrag,\n        onStop: this.onDragStop\n      }), /*#__PURE__*/React.cloneElement(React.Children.only(children), {\n        className: className,\n        style: _objectSpread(_objectSpread({}, children.props.style), style),\n        transform: svgTransform\n      }));\n    }\n  }], [{\n    key: \"getDerivedStateFromProps\",\n    value: // React 16.3+\n    // Arity (props, state)\n    function getDerivedStateFromProps(_ref, _ref2)\n    /*: ?$Shape<DraggableState>*/\n    {\n      var position = _ref.position;\n      var prevPropsPosition = _ref2.prevPropsPosition;\n\n      // Set x/y if a new position is provided in props that is different than the previous.\n      if (position && (!prevPropsPosition || position.x !== prevPropsPosition.x || position.y !== prevPropsPosition.y)) {\n        (0, _log.default)('Draggable: getDerivedStateFromProps %j', {\n          position: position,\n          prevPropsPosition: prevPropsPosition\n        });\n        return {\n          x: position.x,\n          y: position.y,\n          prevPropsPosition: _objectSpread({}, position)\n        };\n      }\n\n      return null;\n    }\n  }]);\n\n  return Draggable;\n}(React.Component);\n\nexports.default = Draggable;\n\n_defineProperty(Draggable, \"displayName\", 'Draggable');\n\n_defineProperty(Draggable, \"propTypes\", _objectSpread(_objectSpread({}, _DraggableCore.default.propTypes), {}, {\n  /**\n   * `axis` determines which axis the draggable can move.\n   *\n   *  Note that all callbacks will still return data as normal. This only\n   *  controls flushing to the DOM.\n   *\n   * 'both' allows movement horizontally and vertically.\n   * 'x' limits movement to horizontal axis.\n   * 'y' limits movement to vertical axis.\n   * 'none' limits all movement.\n   *\n   * Defaults to 'both'.\n   */\n  axis: _propTypes.default.oneOf(['both', 'x', 'y', 'none']),\n\n  /**\n   * `bounds` determines the range of movement available to the element.\n   * Available values are:\n   *\n   * 'parent' restricts movement within the Draggable's parent node.\n   *\n   * Alternatively, pass an object with the following properties, all of which are optional:\n   *\n   * {left: LEFT_BOUND, right: RIGHT_BOUND, bottom: BOTTOM_BOUND, top: TOP_BOUND}\n   *\n   * All values are in px.\n   *\n   * Example:\n   *\n   * ```jsx\n   *   let App = React.createClass({\n   *       render: function () {\n   *         return (\n   *            <Draggable bounds={{right: 300, bottom: 300}}>\n   *              <div>Content</div>\n   *           </Draggable>\n   *         );\n   *       }\n   *   });\n   * ```\n   */\n  bounds: _propTypes.default.oneOfType([_propTypes.default.shape({\n    left: _propTypes.default.number,\n    right: _propTypes.default.number,\n    top: _propTypes.default.number,\n    bottom: _propTypes.default.number\n  }), _propTypes.default.string, _propTypes.default.oneOf([false])]),\n  defaultClassName: _propTypes.default.string,\n  defaultClassNameDragging: _propTypes.default.string,\n  defaultClassNameDragged: _propTypes.default.string,\n\n  /**\n   * `defaultPosition` specifies the x and y that the dragged item should start at\n   *\n   * Example:\n   *\n   * ```jsx\n   *      let App = React.createClass({\n   *          render: function () {\n   *              return (\n   *                  <Draggable defaultPosition={{x: 25, y: 25}}>\n   *                      <div>I start with transformX: 25px and transformY: 25px;</div>\n   *                  </Draggable>\n   *              );\n   *          }\n   *      });\n   * ```\n   */\n  defaultPosition: _propTypes.default.shape({\n    x: _propTypes.default.number,\n    y: _propTypes.default.number\n  }),\n  positionOffset: _propTypes.default.shape({\n    x: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),\n    y: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string])\n  }),\n\n  /**\n   * `position`, if present, defines the current position of the element.\n   *\n   *  This is similar to how form elements in React work - if no `position` is supplied, the component\n   *  is uncontrolled.\n   *\n   * Example:\n   *\n   * ```jsx\n   *      let App = React.createClass({\n   *          render: function () {\n   *              return (\n   *                  <Draggable position={{x: 25, y: 25}}>\n   *                      <div>I start with transformX: 25px and transformY: 25px;</div>\n   *                  </Draggable>\n   *              );\n   *          }\n   *      });\n   * ```\n   */\n  position: _propTypes.default.shape({\n    x: _propTypes.default.number,\n    y: _propTypes.default.number\n  }),\n\n  /**\n   * These properties should be defined on the child, not here.\n   */\n  className: _shims.dontSetMe,\n  style: _shims.dontSetMe,\n  transform: _shims.dontSetMe\n}));\n\n_defineProperty(Draggable, \"defaultProps\", _objectSpread(_objectSpread({}, _DraggableCore.default.defaultProps), {}, {\n  axis: 'both',\n  bounds: false,\n  defaultClassName: 'react-draggable',\n  defaultClassNameDragging: 'react-draggable-dragging',\n  defaultClassNameDragged: 'react-draggable-dragged',\n  defaultPosition: {\n    x: 0,\n    y: 0\n  },\n  scale: 1\n}));\n\n//# sourceURL=webpack://%5Bname%5D/./node_modules/react-draggable/build/cjs/Draggable.js?");
+
+/***/ }),
+
+/***/ "./node_modules/react-draggable/build/cjs/DraggableCore.js":
+/*!*****************************************************************!*\
+  !*** ./node_modules/react-draggable/build/cjs/DraggableCore.js ***!
+  \*****************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _reactDom = _interopRequireDefault(__webpack_require__(/*! react-dom */ \"react-dom\"));\n\nvar _domFns = __webpack_require__(/*! ./utils/domFns */ \"./node_modules/react-draggable/build/cjs/utils/domFns.js\");\n\nvar _positionFns = __webpack_require__(/*! ./utils/positionFns */ \"./node_modules/react-draggable/build/cjs/utils/positionFns.js\");\n\nvar _shims = __webpack_require__(/*! ./utils/shims */ \"./node_modules/react-draggable/build/cjs/utils/shims.js\");\n\nvar _log = _interopRequireDefault(__webpack_require__(/*! ./utils/log */ \"./node_modules/react-draggable/build/cjs/utils/log.js\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== \"function\") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }\n\nfunction _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== \"object\" && typeof obj !== \"function\") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== \"default\" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \"undefined\" && arr[Symbol.iterator] || arr[\"@@iterator\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } else if (call !== void 0) { throw new TypeError(\"Derived constructors may only return object or undefined\"); } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n// Simple abstraction for dragging events names.\nvar eventsFor = {\n  touch: {\n    start: 'touchstart',\n    move: 'touchmove',\n    stop: 'touchend'\n  },\n  mouse: {\n    start: 'mousedown',\n    move: 'mousemove',\n    stop: 'mouseup'\n  }\n}; // Default to mouse events.\n\nvar dragEventFor = eventsFor.mouse;\n/*:: type DraggableCoreState = {\n  dragging: boolean,\n  lastX: number,\n  lastY: number,\n  touchIdentifier: ?number\n};*/\n\n/*:: export type DraggableData = {\n  node: HTMLElement,\n  x: number, y: number,\n  deltaX: number, deltaY: number,\n  lastX: number, lastY: number,\n};*/\n\n/*:: export type DraggableEventHandler = (e: MouseEvent, data: DraggableData) => void | false;*/\n\n/*:: export type ControlPosition = {x: number, y: number};*/\n\n/*:: export type PositionOffsetControlPosition = {x: number|string, y: number|string};*/\n\n/*:: export type DraggableCoreDefaultProps = {\n  allowAnyClick: boolean,\n  disabled: boolean,\n  enableUserSelectHack: boolean,\n  onStart: DraggableEventHandler,\n  onDrag: DraggableEventHandler,\n  onStop: DraggableEventHandler,\n  onMouseDown: (e: MouseEvent) => void,\n  scale: number,\n};*/\n\n/*:: export type DraggableCoreProps = {\n  ...DraggableCoreDefaultProps,\n  cancel: string,\n  children: ReactElement<any>,\n  offsetParent: HTMLElement,\n  grid: [number, number],\n  handle: string,\n  nodeRef?: ?React.ElementRef<any>,\n};*/\n\n//\n// Define <DraggableCore>.\n//\n// <DraggableCore> is for advanced usage of <Draggable>. It maintains minimal internal state so it can\n// work well with libraries that require more control over the element.\n//\nvar DraggableCore = /*#__PURE__*/function (_React$Component) {\n  _inherits(DraggableCore, _React$Component);\n\n  var _super = _createSuper(DraggableCore);\n\n  function DraggableCore() {\n    var _this;\n\n    _classCallCheck(this, DraggableCore);\n\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n\n    _this = _super.call.apply(_super, [this].concat(args));\n\n    _defineProperty(_assertThisInitialized(_this), \"state\", {\n      dragging: false,\n      // Used while dragging to determine deltas.\n      lastX: NaN,\n      lastY: NaN,\n      touchIdentifier: null\n    });\n\n    _defineProperty(_assertThisInitialized(_this), \"mounted\", false);\n\n    _defineProperty(_assertThisInitialized(_this), \"handleDragStart\", function (e) {\n      // Make it possible to attach event handlers on top of this one.\n      _this.props.onMouseDown(e); // Only accept left-clicks.\n\n\n      if (!_this.props.allowAnyClick && typeof e.button === 'number' && e.button !== 0) return false; // Get nodes. Be sure to grab relative document (could be iframed)\n\n      var thisNode = _this.findDOMNode();\n\n      if (!thisNode || !thisNode.ownerDocument || !thisNode.ownerDocument.body) {\n        throw new Error('<DraggableCore> not mounted on DragStart!');\n      }\n\n      var ownerDocument = thisNode.ownerDocument; // Short circuit if handle or cancel prop was provided and selector doesn't match.\n\n      if (_this.props.disabled || !(e.target instanceof ownerDocument.defaultView.Node) || _this.props.handle && !(0, _domFns.matchesSelectorAndParentsTo)(e.target, _this.props.handle, thisNode) || _this.props.cancel && (0, _domFns.matchesSelectorAndParentsTo)(e.target, _this.props.cancel, thisNode)) {\n        return;\n      } // Prevent scrolling on mobile devices, like ipad/iphone.\n      // Important that this is after handle/cancel.\n\n\n      if (e.type === 'touchstart') e.preventDefault(); // Set touch identifier in component state if this is a touch event. This allows us to\n      // distinguish between individual touches on multitouch screens by identifying which\n      // touchpoint was set to this element.\n\n      var touchIdentifier = (0, _domFns.getTouchIdentifier)(e);\n\n      _this.setState({\n        touchIdentifier: touchIdentifier\n      }); // Get the current drag point from the event. This is used as the offset.\n\n\n      var position = (0, _positionFns.getControlPosition)(e, touchIdentifier, _assertThisInitialized(_this));\n      if (position == null) return; // not possible but satisfies flow\n\n      var x = position.x,\n          y = position.y; // Create an event object with all the data parents need to make a decision here.\n\n      var coreEvent = (0, _positionFns.createCoreData)(_assertThisInitialized(_this), x, y);\n      (0, _log.default)('DraggableCore: handleDragStart: %j', coreEvent); // Call event handler. If it returns explicit false, cancel.\n\n      (0, _log.default)('calling', _this.props.onStart);\n\n      var shouldUpdate = _this.props.onStart(e, coreEvent);\n\n      if (shouldUpdate === false || _this.mounted === false) return; // Add a style to the body to disable user-select. This prevents text from\n      // being selected all over the page.\n\n      if (_this.props.enableUserSelectHack) (0, _domFns.addUserSelectStyles)(ownerDocument); // Initiate dragging. Set the current x and y as offsets\n      // so we know how much we've moved during the drag. This allows us\n      // to drag elements around even if they have been moved, without issue.\n\n      _this.setState({\n        dragging: true,\n        lastX: x,\n        lastY: y\n      }); // Add events to the document directly so we catch when the user's mouse/touch moves outside of\n      // this element. We use different events depending on whether or not we have detected that this\n      // is a touch-capable device.\n\n\n      (0, _domFns.addEvent)(ownerDocument, dragEventFor.move, _this.handleDrag);\n      (0, _domFns.addEvent)(ownerDocument, dragEventFor.stop, _this.handleDragStop);\n    });\n\n    _defineProperty(_assertThisInitialized(_this), \"handleDrag\", function (e) {\n      // Get the current drag point from the event. This is used as the offset.\n      var position = (0, _positionFns.getControlPosition)(e, _this.state.touchIdentifier, _assertThisInitialized(_this));\n      if (position == null) return;\n      var x = position.x,\n          y = position.y; // Snap to grid if prop has been provided\n\n      if (Array.isArray(_this.props.grid)) {\n        var deltaX = x - _this.state.lastX,\n            deltaY = y - _this.state.lastY;\n\n        var _snapToGrid = (0, _positionFns.snapToGrid)(_this.props.grid, deltaX, deltaY);\n\n        var _snapToGrid2 = _slicedToArray(_snapToGrid, 2);\n\n        deltaX = _snapToGrid2[0];\n        deltaY = _snapToGrid2[1];\n        if (!deltaX && !deltaY) return; // skip useless drag\n\n        x = _this.state.lastX + deltaX, y = _this.state.lastY + deltaY;\n      }\n\n      var coreEvent = (0, _positionFns.createCoreData)(_assertThisInitialized(_this), x, y);\n      (0, _log.default)('DraggableCore: handleDrag: %j', coreEvent); // Call event handler. If it returns explicit false, trigger end.\n\n      var shouldUpdate = _this.props.onDrag(e, coreEvent);\n\n      if (shouldUpdate === false || _this.mounted === false) {\n        try {\n          // $FlowIgnore\n          _this.handleDragStop(new MouseEvent('mouseup'));\n        } catch (err) {\n          // Old browsers\n          var event = ((document.createEvent('MouseEvents')\n          /*: any*/\n          )\n          /*: MouseTouchEvent*/\n          ); // I see why this insanity was deprecated\n          // $FlowIgnore\n\n          event.initMouseEvent('mouseup', true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);\n\n          _this.handleDragStop(event);\n        }\n\n        return;\n      }\n\n      _this.setState({\n        lastX: x,\n        lastY: y\n      });\n    });\n\n    _defineProperty(_assertThisInitialized(_this), \"handleDragStop\", function (e) {\n      if (!_this.state.dragging) return;\n      var position = (0, _positionFns.getControlPosition)(e, _this.state.touchIdentifier, _assertThisInitialized(_this));\n      if (position == null) return;\n      var x = position.x,\n          y = position.y;\n      var coreEvent = (0, _positionFns.createCoreData)(_assertThisInitialized(_this), x, y); // Call event handler\n\n      var shouldContinue = _this.props.onStop(e, coreEvent);\n\n      if (shouldContinue === false || _this.mounted === false) return false;\n\n      var thisNode = _this.findDOMNode();\n\n      if (thisNode) {\n        // Remove user-select hack\n        if (_this.props.enableUserSelectHack) (0, _domFns.removeUserSelectStyles)(thisNode.ownerDocument);\n      }\n\n      (0, _log.default)('DraggableCore: handleDragStop: %j', coreEvent); // Reset the el.\n\n      _this.setState({\n        dragging: false,\n        lastX: NaN,\n        lastY: NaN\n      });\n\n      if (thisNode) {\n        // Remove event handlers\n        (0, _log.default)('DraggableCore: Removing handlers');\n        (0, _domFns.removeEvent)(thisNode.ownerDocument, dragEventFor.move, _this.handleDrag);\n        (0, _domFns.removeEvent)(thisNode.ownerDocument, dragEventFor.stop, _this.handleDragStop);\n      }\n    });\n\n    _defineProperty(_assertThisInitialized(_this), \"onMouseDown\", function (e) {\n      dragEventFor = eventsFor.mouse; // on touchscreen laptops we could switch back to mouse\n\n      return _this.handleDragStart(e);\n    });\n\n    _defineProperty(_assertThisInitialized(_this), \"onMouseUp\", function (e) {\n      dragEventFor = eventsFor.mouse;\n      return _this.handleDragStop(e);\n    });\n\n    _defineProperty(_assertThisInitialized(_this), \"onTouchStart\", function (e) {\n      // We're on a touch device now, so change the event handlers\n      dragEventFor = eventsFor.touch;\n      return _this.handleDragStart(e);\n    });\n\n    _defineProperty(_assertThisInitialized(_this), \"onTouchEnd\", function (e) {\n      // We're on a touch device now, so change the event handlers\n      dragEventFor = eventsFor.touch;\n      return _this.handleDragStop(e);\n    });\n\n    return _this;\n  }\n\n  _createClass(DraggableCore, [{\n    key: \"componentDidMount\",\n    value: function componentDidMount() {\n      this.mounted = true; // Touch handlers must be added with {passive: false} to be cancelable.\n      // https://developers.google.com/web/updates/2017/01/scrolling-intervention\n\n      var thisNode = this.findDOMNode();\n\n      if (thisNode) {\n        (0, _domFns.addEvent)(thisNode, eventsFor.touch.start, this.onTouchStart, {\n          passive: false\n        });\n      }\n    }\n  }, {\n    key: \"componentWillUnmount\",\n    value: function componentWillUnmount() {\n      this.mounted = false; // Remove any leftover event handlers. Remove both touch and mouse handlers in case\n      // some browser quirk caused a touch event to fire during a mouse move, or vice versa.\n\n      var thisNode = this.findDOMNode();\n\n      if (thisNode) {\n        var ownerDocument = thisNode.ownerDocument;\n        (0, _domFns.removeEvent)(ownerDocument, eventsFor.mouse.move, this.handleDrag);\n        (0, _domFns.removeEvent)(ownerDocument, eventsFor.touch.move, this.handleDrag);\n        (0, _domFns.removeEvent)(ownerDocument, eventsFor.mouse.stop, this.handleDragStop);\n        (0, _domFns.removeEvent)(ownerDocument, eventsFor.touch.stop, this.handleDragStop);\n        (0, _domFns.removeEvent)(thisNode, eventsFor.touch.start, this.onTouchStart, {\n          passive: false\n        });\n        if (this.props.enableUserSelectHack) (0, _domFns.removeUserSelectStyles)(ownerDocument);\n      }\n    } // React Strict Mode compatibility: if `nodeRef` is passed, we will use it instead of trying to find\n    // the underlying DOM node ourselves. See the README for more information.\n\n  }, {\n    key: \"findDOMNode\",\n    value: function findDOMNode()\n    /*: ?HTMLElement*/\n    {\n      var _this$props$nodeRef$c, _this$props, _this$props$nodeRef;\n\n      return (_this$props$nodeRef$c = (_this$props = this.props) === null || _this$props === void 0 ? void 0 : (_this$props$nodeRef = _this$props.nodeRef) === null || _this$props$nodeRef === void 0 ? void 0 : _this$props$nodeRef.current) !== null && _this$props$nodeRef$c !== void 0 ? _this$props$nodeRef$c : _reactDom.default.findDOMNode(this);\n    }\n  }, {\n    key: \"render\",\n    value: function render()\n    /*: React.Element<any>*/\n    {\n      // Reuse the child provided\n      // This makes it flexible to use whatever element is wanted (div, ul, etc)\n      return /*#__PURE__*/React.cloneElement(React.Children.only(this.props.children), {\n        // Note: mouseMove handler is attached to document so it will still function\n        // when the user drags quickly and leaves the bounds of the element.\n        onMouseDown: this.onMouseDown,\n        onMouseUp: this.onMouseUp,\n        // onTouchStart is added on `componentDidMount` so they can be added with\n        // {passive: false}, which allows it to cancel. See\n        // https://developers.google.com/web/updates/2017/01/scrolling-intervention\n        onTouchEnd: this.onTouchEnd\n      });\n    }\n  }]);\n\n  return DraggableCore;\n}(React.Component);\n\nexports.default = DraggableCore;\n\n_defineProperty(DraggableCore, \"displayName\", 'DraggableCore');\n\n_defineProperty(DraggableCore, \"propTypes\", {\n  /**\n   * `allowAnyClick` allows dragging using any mouse button.\n   * By default, we only accept the left button.\n   *\n   * Defaults to `false`.\n   */\n  allowAnyClick: _propTypes.default.bool,\n\n  /**\n   * `disabled`, if true, stops the <Draggable> from dragging. All handlers,\n   * with the exception of `onMouseDown`, will not fire.\n   */\n  disabled: _propTypes.default.bool,\n\n  /**\n   * By default, we add 'user-select:none' attributes to the document body\n   * to prevent ugly text selection during drag. If this is causing problems\n   * for your app, set this to `false`.\n   */\n  enableUserSelectHack: _propTypes.default.bool,\n\n  /**\n   * `offsetParent`, if set, uses the passed DOM node to compute drag offsets\n   * instead of using the parent node.\n   */\n  offsetParent: function offsetParent(props\n  /*: DraggableCoreProps*/\n  , propName\n  /*: $Keys<DraggableCoreProps>*/\n  ) {\n    if (props[propName] && props[propName].nodeType !== 1) {\n      throw new Error('Draggable\\'s offsetParent must be a DOM Node.');\n    }\n  },\n\n  /**\n   * `grid` specifies the x and y that dragging should snap to.\n   */\n  grid: _propTypes.default.arrayOf(_propTypes.default.number),\n\n  /**\n   * `handle` specifies a selector to be used as the handle that initiates drag.\n   *\n   * Example:\n   *\n   * ```jsx\n   *   let App = React.createClass({\n   *       render: function () {\n   *         return (\n   *            <Draggable handle=\".handle\">\n   *              <div>\n   *                  <div className=\"handle\">Click me to drag</div>\n   *                  <div>This is some other content</div>\n   *              </div>\n   *           </Draggable>\n   *         );\n   *       }\n   *   });\n   * ```\n   */\n  handle: _propTypes.default.string,\n\n  /**\n   * `cancel` specifies a selector to be used to prevent drag initialization.\n   *\n   * Example:\n   *\n   * ```jsx\n   *   let App = React.createClass({\n   *       render: function () {\n   *           return(\n   *               <Draggable cancel=\".cancel\">\n   *                   <div>\n   *                     <div className=\"cancel\">You can't drag from here</div>\n   *                     <div>Dragging here works fine</div>\n   *                   </div>\n   *               </Draggable>\n   *           );\n   *       }\n   *   });\n   * ```\n   */\n  cancel: _propTypes.default.string,\n\n  /* If running in React Strict mode, ReactDOM.findDOMNode() is deprecated.\n   * Unfortunately, in order for <Draggable> to work properly, we need raw access\n   * to the underlying DOM node. If you want to avoid the warning, pass a `nodeRef`\n   * as in this example:\n   *\n   * function MyComponent() {\n   *   const nodeRef = React.useRef(null);\n   *   return (\n   *     <Draggable nodeRef={nodeRef}>\n   *       <div ref={nodeRef}>Example Target</div>\n   *     </Draggable>\n   *   );\n   * }\n   *\n   * This can be used for arbitrarily nested components, so long as the ref ends up\n   * pointing to the actual child DOM node and not a custom component.\n   */\n  nodeRef: _propTypes.default.object,\n\n  /**\n   * Called when dragging starts.\n   * If this function returns the boolean false, dragging will be canceled.\n   */\n  onStart: _propTypes.default.func,\n\n  /**\n   * Called while dragging.\n   * If this function returns the boolean false, dragging will be canceled.\n   */\n  onDrag: _propTypes.default.func,\n\n  /**\n   * Called when dragging stops.\n   * If this function returns the boolean false, the drag will remain active.\n   */\n  onStop: _propTypes.default.func,\n\n  /**\n   * A workaround option which can be passed if onMouseDown needs to be accessed,\n   * since it'll always be blocked (as there is internal use of onMouseDown)\n   */\n  onMouseDown: _propTypes.default.func,\n\n  /**\n   * `scale`, if set, applies scaling while dragging an element\n   */\n  scale: _propTypes.default.number,\n\n  /**\n   * These properties should be defined on the child, not here.\n   */\n  className: _shims.dontSetMe,\n  style: _shims.dontSetMe,\n  transform: _shims.dontSetMe\n});\n\n_defineProperty(DraggableCore, \"defaultProps\", {\n  allowAnyClick: false,\n  // by default only accept left click\n  disabled: false,\n  enableUserSelectHack: true,\n  onStart: function onStart() {},\n  onDrag: function onDrag() {},\n  onStop: function onStop() {},\n  onMouseDown: function onMouseDown() {},\n  scale: 1\n});\n\n//# sourceURL=webpack://%5Bname%5D/./node_modules/react-draggable/build/cjs/DraggableCore.js?");
+
+/***/ }),
+
+/***/ "./node_modules/react-draggable/build/cjs/cjs.js":
+/*!*******************************************************!*\
+  !*** ./node_modules/react-draggable/build/cjs/cjs.js ***!
+  \*******************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar _require = __webpack_require__(/*! ./Draggable */ \"./node_modules/react-draggable/build/cjs/Draggable.js\"),\n    Draggable = _require.default,\n    DraggableCore = _require.DraggableCore; // Previous versions of this lib exported <Draggable> as the root export. As to no-// them, or TypeScript, we export *both* as the root and as 'default'.\n// See https://github.com/mzabriskie/react-draggable/pull/254\n// and https://github.com/mzabriskie/react-draggable/issues/266\n\n\nmodule.exports = Draggable;\nmodule.exports.default = Draggable;\nmodule.exports.DraggableCore = DraggableCore;\n\n//# sourceURL=webpack://%5Bname%5D/./node_modules/react-draggable/build/cjs/cjs.js?");
+
+/***/ }),
+
+/***/ "./node_modules/react-draggable/build/cjs/utils/domFns.js":
+/*!****************************************************************!*\
+  !*** ./node_modules/react-draggable/build/cjs/utils/domFns.js ***!
+  \****************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.matchesSelector = matchesSelector;\nexports.matchesSelectorAndParentsTo = matchesSelectorAndParentsTo;\nexports.addEvent = addEvent;\nexports.removeEvent = removeEvent;\nexports.outerHeight = outerHeight;\nexports.outerWidth = outerWidth;\nexports.innerHeight = innerHeight;\nexports.innerWidth = innerWidth;\nexports.offsetXYFromParent = offsetXYFromParent;\nexports.createCSSTransform = createCSSTransform;\nexports.createSVGTransform = createSVGTransform;\nexports.getTranslation = getTranslation;\nexports.getTouch = getTouch;\nexports.getTouchIdentifier = getTouchIdentifier;\nexports.addUserSelectStyles = addUserSelectStyles;\nexports.removeUserSelectStyles = removeUserSelectStyles;\nexports.addClassName = addClassName;\nexports.removeClassName = removeClassName;\n\nvar _shims = __webpack_require__(/*! ./shims */ \"./node_modules/react-draggable/build/cjs/utils/shims.js\");\n\nvar _getPrefix = _interopRequireWildcard(__webpack_require__(/*! ./getPrefix */ \"./node_modules/react-draggable/build/cjs/utils/getPrefix.js\"));\n\nfunction _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== \"function\") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }\n\nfunction _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== \"object\" && typeof obj !== \"function\") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== \"default\" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nvar matchesSelectorFunc = '';\n\nfunction matchesSelector(el\n/*: Node*/\n, selector\n/*: string*/\n)\n/*: boolean*/\n{\n  if (!matchesSelectorFunc) {\n    matchesSelectorFunc = (0, _shims.findInArray)(['matches', 'webkitMatchesSelector', 'mozMatchesSelector', 'msMatchesSelector', 'oMatchesSelector'], function (method) {\n      // $FlowIgnore: Doesn't think elements are indexable\n      return (0, _shims.isFunction)(el[method]);\n    });\n  } // Might not be found entirely (not an Element?) - in that case, bail\n  // $FlowIgnore: Doesn't think elements are indexable\n\n\n  if (!(0, _shims.isFunction)(el[matchesSelectorFunc])) return false; // $FlowIgnore: Doesn't think elements are indexable\n\n  return el[matchesSelectorFunc](selector);\n} // Works up the tree to the draggable itself attempting to match selector.\n\n\nfunction matchesSelectorAndParentsTo(el\n/*: Node*/\n, selector\n/*: string*/\n, baseNode\n/*: Node*/\n)\n/*: boolean*/\n{\n  var node = el;\n\n  do {\n    if (matchesSelector(node, selector)) return true;\n    if (node === baseNode) return false;\n    node = node.parentNode;\n  } while (node);\n\n  return false;\n}\n\nfunction addEvent(el\n/*: ?Node*/\n, event\n/*: string*/\n, handler\n/*: Function*/\n, inputOptions\n/*: Object*/\n)\n/*: void*/\n{\n  if (!el) return;\n\n  var options = _objectSpread({\n    capture: true\n  }, inputOptions); // $FlowIgnore[method-unbinding]\n\n\n  if (el.addEventListener) {\n    el.addEventListener(event, handler, options);\n  } else if (el.attachEvent) {\n    el.attachEvent('on' + event, handler);\n  } else {\n    // $FlowIgnore: Doesn't think elements are indexable\n    el['on' + event] = handler;\n  }\n}\n\nfunction removeEvent(el\n/*: ?Node*/\n, event\n/*: string*/\n, handler\n/*: Function*/\n, inputOptions\n/*: Object*/\n)\n/*: void*/\n{\n  if (!el) return;\n\n  var options = _objectSpread({\n    capture: true\n  }, inputOptions); // $FlowIgnore[method-unbinding]\n\n\n  if (el.removeEventListener) {\n    el.removeEventListener(event, handler, options);\n  } else if (el.detachEvent) {\n    el.detachEvent('on' + event, handler);\n  } else {\n    // $FlowIgnore: Doesn't think elements are indexable\n    el['on' + event] = null;\n  }\n}\n\nfunction outerHeight(node\n/*: HTMLElement*/\n)\n/*: number*/\n{\n  // This is deliberately excluding margin for our calculations, since we are using\n  // offsetTop which is including margin. See getBoundPosition\n  var height = node.clientHeight;\n  var computedStyle = node.ownerDocument.defaultView.getComputedStyle(node);\n  height += (0, _shims.int)(computedStyle.borderTopWidth);\n  height += (0, _shims.int)(computedStyle.borderBottomWidth);\n  return height;\n}\n\nfunction outerWidth(node\n/*: HTMLElement*/\n)\n/*: number*/\n{\n  // This is deliberately excluding margin for our calculations, since we are using\n  // offsetLeft which is including margin. See getBoundPosition\n  var width = node.clientWidth;\n  var computedStyle = node.ownerDocument.defaultView.getComputedStyle(node);\n  width += (0, _shims.int)(computedStyle.borderLeftWidth);\n  width += (0, _shims.int)(computedStyle.borderRightWidth);\n  return width;\n}\n\nfunction innerHeight(node\n/*: HTMLElement*/\n)\n/*: number*/\n{\n  var height = node.clientHeight;\n  var computedStyle = node.ownerDocument.defaultView.getComputedStyle(node);\n  height -= (0, _shims.int)(computedStyle.paddingTop);\n  height -= (0, _shims.int)(computedStyle.paddingBottom);\n  return height;\n}\n\nfunction innerWidth(node\n/*: HTMLElement*/\n)\n/*: number*/\n{\n  var width = node.clientWidth;\n  var computedStyle = node.ownerDocument.defaultView.getComputedStyle(node);\n  width -= (0, _shims.int)(computedStyle.paddingLeft);\n  width -= (0, _shims.int)(computedStyle.paddingRight);\n  return width;\n}\n/*:: interface EventWithOffset {\n  clientX: number, clientY: number\n}*/\n\n\n// Get from offsetParent\nfunction offsetXYFromParent(evt\n/*: EventWithOffset*/\n, offsetParent\n/*: HTMLElement*/\n, scale\n/*: number*/\n)\n/*: ControlPosition*/\n{\n  var isBody = offsetParent === offsetParent.ownerDocument.body;\n  var offsetParentRect = isBody ? {\n    left: 0,\n    top: 0\n  } : offsetParent.getBoundingClientRect();\n  var x = (evt.clientX + offsetParent.scrollLeft - offsetParentRect.left) / scale;\n  var y = (evt.clientY + offsetParent.scrollTop - offsetParentRect.top) / scale;\n  return {\n    x: x,\n    y: y\n  };\n}\n\nfunction createCSSTransform(controlPos\n/*: ControlPosition*/\n, positionOffset\n/*: PositionOffsetControlPosition*/\n)\n/*: Object*/\n{\n  var translation = getTranslation(controlPos, positionOffset, 'px');\n  return _defineProperty({}, (0, _getPrefix.browserPrefixToKey)('transform', _getPrefix.default), translation);\n}\n\nfunction createSVGTransform(controlPos\n/*: ControlPosition*/\n, positionOffset\n/*: PositionOffsetControlPosition*/\n)\n/*: string*/\n{\n  var translation = getTranslation(controlPos, positionOffset, '');\n  return translation;\n}\n\nfunction getTranslation(_ref2, positionOffset\n/*: PositionOffsetControlPosition*/\n, unitSuffix\n/*: string*/\n)\n/*: string*/\n{\n  var x = _ref2.x,\n      y = _ref2.y;\n  var translation = \"translate(\".concat(x).concat(unitSuffix, \",\").concat(y).concat(unitSuffix, \")\");\n\n  if (positionOffset) {\n    var defaultX = \"\".concat(typeof positionOffset.x === 'string' ? positionOffset.x : positionOffset.x + unitSuffix);\n    var defaultY = \"\".concat(typeof positionOffset.y === 'string' ? positionOffset.y : positionOffset.y + unitSuffix);\n    translation = \"translate(\".concat(defaultX, \", \").concat(defaultY, \")\") + translation;\n  }\n\n  return translation;\n}\n\nfunction getTouch(e\n/*: MouseTouchEvent*/\n, identifier\n/*: number*/\n)\n/*: ?{clientX: number, clientY: number}*/\n{\n  return e.targetTouches && (0, _shims.findInArray)(e.targetTouches, function (t) {\n    return identifier === t.identifier;\n  }) || e.changedTouches && (0, _shims.findInArray)(e.changedTouches, function (t) {\n    return identifier === t.identifier;\n  });\n}\n\nfunction getTouchIdentifier(e\n/*: MouseTouchEvent*/\n)\n/*: ?number*/\n{\n  if (e.targetTouches && e.targetTouches[0]) return e.targetTouches[0].identifier;\n  if (e.changedTouches && e.changedTouches[0]) return e.changedTouches[0].identifier;\n} // User-select Hacks:\n//\n// Useful for preventing blue highlights all over everything when dragging.\n// Note we're passing `document` b/c we could be iframed\n\n\nfunction addUserSelectStyles(doc\n/*: ?Document*/\n) {\n  if (!doc) return;\n  var styleEl = doc.getElementById('react-draggable-style-el');\n\n  if (!styleEl) {\n    styleEl = doc.createElement('style');\n    styleEl.type = 'text/css';\n    styleEl.id = 'react-draggable-style-el';\n    styleEl.innerHTML = '.react-draggable-transparent-selection *::-moz-selection {all: inherit;}\\n';\n    styleEl.innerHTML += '.react-draggable-transparent-selection *::selection {all: inherit;}\\n';\n    doc.getElementsByTagName('head')[0].appendChild(styleEl);\n  }\n\n  if (doc.body) addClassName(doc.body, 'react-draggable-transparent-selection');\n}\n\nfunction removeUserSelectStyles(doc\n/*: ?Document*/\n) {\n  if (!doc) return;\n\n  try {\n    if (doc.body) removeClassName(doc.body, 'react-draggable-transparent-selection'); // $FlowIgnore: IE\n\n    if (doc.selection) {\n      // $FlowIgnore: IE\n      doc.selection.empty();\n    } else {\n      // Remove selection caused by scroll, unless it's a focused input\n      // (we use doc.defaultView in case we're in an iframe)\n      var selection = (doc.defaultView || window).getSelection();\n\n      if (selection && selection.type !== 'Caret') {\n        selection.removeAllRanges();\n      }\n    }\n  } catch (e) {// probably IE\n  }\n}\n\nfunction addClassName(el\n/*: HTMLElement*/\n, className\n/*: string*/\n) {\n  if (el.classList) {\n    el.classList.add(className);\n  } else {\n    if (!el.className.match(new RegExp(\"(?:^|\\\\s)\".concat(className, \"(?!\\\\S)\")))) {\n      el.className += \" \".concat(className);\n    }\n  }\n}\n\nfunction removeClassName(el\n/*: HTMLElement*/\n, className\n/*: string*/\n) {\n  if (el.classList) {\n    el.classList.remove(className);\n  } else {\n    el.className = el.className.replace(new RegExp(\"(?:^|\\\\s)\".concat(className, \"(?!\\\\S)\"), 'g'), '');\n  }\n}\n\n//# sourceURL=webpack://%5Bname%5D/./node_modules/react-draggable/build/cjs/utils/domFns.js?");
+
+/***/ }),
+
+/***/ "./node_modules/react-draggable/build/cjs/utils/getPrefix.js":
+/*!*******************************************************************!*\
+  !*** ./node_modules/react-draggable/build/cjs/utils/getPrefix.js ***!
+  \*******************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.getPrefix = getPrefix;\nexports.browserPrefixToKey = browserPrefixToKey;\nexports.browserPrefixToStyle = browserPrefixToStyle;\nexports.default = void 0;\nvar prefixes = ['Moz', 'Webkit', 'O', 'ms'];\n\nfunction getPrefix()\n/*: string*/\n{\n  var _window$document, _window$document$docu;\n\n  var prop\n  /*: string*/\n  = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'transform';\n  // Ensure we're running in an environment where there is actually a global\n  // `window` obj\n  if (typeof window === 'undefined') return ''; // If we're in a pseudo-browser server-side environment, this access\n  // path may not exist, so bail out if it doesn't.\n\n  var style = (_window$document = window.document) === null || _window$document === void 0 ? void 0 : (_window$document$docu = _window$document.documentElement) === null || _window$document$docu === void 0 ? void 0 : _window$document$docu.style;\n  if (!style) return '';\n  if (prop in style) return '';\n\n  for (var i = 0; i < prefixes.length; i++) {\n    if (browserPrefixToKey(prop, prefixes[i]) in style) return prefixes[i];\n  }\n\n  return '';\n}\n\nfunction browserPrefixToKey(prop\n/*: string*/\n, prefix\n/*: string*/\n)\n/*: string*/\n{\n  return prefix ? \"\".concat(prefix).concat(kebabToTitleCase(prop)) : prop;\n}\n\nfunction browserPrefixToStyle(prop\n/*: string*/\n, prefix\n/*: string*/\n)\n/*: string*/\n{\n  return prefix ? \"-\".concat(prefix.toLowerCase(), \"-\").concat(prop) : prop;\n}\n\nfunction kebabToTitleCase(str\n/*: string*/\n)\n/*: string*/\n{\n  var out = '';\n  var shouldCapitalize = true;\n\n  for (var i = 0; i < str.length; i++) {\n    if (shouldCapitalize) {\n      out += str[i].toUpperCase();\n      shouldCapitalize = false;\n    } else if (str[i] === '-') {\n      shouldCapitalize = true;\n    } else {\n      out += str[i];\n    }\n  }\n\n  return out;\n} // Default export is the prefix itself, like 'Moz', 'Webkit', etc\n// Note that you may have to re-test for certain things; for instance, Chrome 50\n// can handle unprefixed `transform`, but not unprefixed `user-select`\n\n\nvar _default = (getPrefix()\n/*: string*/\n);\n\nexports.default = _default;\n\n//# sourceURL=webpack://%5Bname%5D/./node_modules/react-draggable/build/cjs/utils/getPrefix.js?");
+
+/***/ }),
+
+/***/ "./node_modules/react-draggable/build/cjs/utils/log.js":
+/*!*************************************************************!*\
+  !*** ./node_modules/react-draggable/build/cjs/utils/log.js ***!
+  \*************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = log;\n\n/*eslint no-console:0*/\nfunction log() {\n  var _console;\n\n  if (undefined) (_console = console).log.apply(_console, arguments);\n}\n\n//# sourceURL=webpack://%5Bname%5D/./node_modules/react-draggable/build/cjs/utils/log.js?");
+
+/***/ }),
+
+/***/ "./node_modules/react-draggable/build/cjs/utils/positionFns.js":
+/*!*********************************************************************!*\
+  !*** ./node_modules/react-draggable/build/cjs/utils/positionFns.js ***!
+  \*********************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.getBoundPosition = getBoundPosition;\nexports.snapToGrid = snapToGrid;\nexports.canDragX = canDragX;\nexports.canDragY = canDragY;\nexports.getControlPosition = getControlPosition;\nexports.createCoreData = createCoreData;\nexports.createDraggableData = createDraggableData;\n\nvar _shims = __webpack_require__(/*! ./shims */ \"./node_modules/react-draggable/build/cjs/utils/shims.js\");\n\nvar _domFns = __webpack_require__(/*! ./domFns */ \"./node_modules/react-draggable/build/cjs/utils/domFns.js\");\n\nfunction getBoundPosition(draggable\n/*: Draggable*/\n, x\n/*: number*/\n, y\n/*: number*/\n)\n/*: [number, number]*/\n{\n  // If no bounds, short-circuit and move on\n  if (!draggable.props.bounds) return [x, y]; // Clone new bounds\n\n  var bounds = draggable.props.bounds;\n  bounds = typeof bounds === 'string' ? bounds : cloneBounds(bounds);\n  var node = findDOMNode(draggable);\n\n  if (typeof bounds === 'string') {\n    var ownerDocument = node.ownerDocument;\n    var ownerWindow = ownerDocument.defaultView;\n    var boundNode;\n\n    if (bounds === 'parent') {\n      boundNode = node.parentNode;\n    } else {\n      boundNode = ownerDocument.querySelector(bounds);\n    }\n\n    if (!(boundNode instanceof ownerWindow.HTMLElement)) {\n      throw new Error('Bounds selector \"' + bounds + '\" could not find an element.');\n    }\n\n    var boundNodeEl\n    /*: HTMLElement*/\n    = boundNode; // for Flow, can't seem to refine correctly\n\n    var nodeStyle = ownerWindow.getComputedStyle(node);\n    var boundNodeStyle = ownerWindow.getComputedStyle(boundNodeEl); // Compute bounds. This is a pain with padding and offsets but this gets it exactly right.\n\n    bounds = {\n      left: -node.offsetLeft + (0, _shims.int)(boundNodeStyle.paddingLeft) + (0, _shims.int)(nodeStyle.marginLeft),\n      top: -node.offsetTop + (0, _shims.int)(boundNodeStyle.paddingTop) + (0, _shims.int)(nodeStyle.marginTop),\n      right: (0, _domFns.innerWidth)(boundNodeEl) - (0, _domFns.outerWidth)(node) - node.offsetLeft + (0, _shims.int)(boundNodeStyle.paddingRight) - (0, _shims.int)(nodeStyle.marginRight),\n      bottom: (0, _domFns.innerHeight)(boundNodeEl) - (0, _domFns.outerHeight)(node) - node.offsetTop + (0, _shims.int)(boundNodeStyle.paddingBottom) - (0, _shims.int)(nodeStyle.marginBottom)\n    };\n  } // Keep x and y below right and bottom limits...\n\n\n  if ((0, _shims.isNum)(bounds.right)) x = Math.min(x, bounds.right);\n  if ((0, _shims.isNum)(bounds.bottom)) y = Math.min(y, bounds.bottom); // But above left and top limits.\n\n  if ((0, _shims.isNum)(bounds.left)) x = Math.max(x, bounds.left);\n  if ((0, _shims.isNum)(bounds.top)) y = Math.max(y, bounds.top);\n  return [x, y];\n}\n\nfunction snapToGrid(grid\n/*: [number, number]*/\n, pendingX\n/*: number*/\n, pendingY\n/*: number*/\n)\n/*: [number, number]*/\n{\n  var x = Math.round(pendingX / grid[0]) * grid[0];\n  var y = Math.round(pendingY / grid[1]) * grid[1];\n  return [x, y];\n}\n\nfunction canDragX(draggable\n/*: Draggable*/\n)\n/*: boolean*/\n{\n  return draggable.props.axis === 'both' || draggable.props.axis === 'x';\n}\n\nfunction canDragY(draggable\n/*: Draggable*/\n)\n/*: boolean*/\n{\n  return draggable.props.axis === 'both' || draggable.props.axis === 'y';\n} // Get {x, y} positions from event.\n\n\nfunction getControlPosition(e\n/*: MouseTouchEvent*/\n, touchIdentifier\n/*: ?number*/\n, draggableCore\n/*: DraggableCore*/\n)\n/*: ?ControlPosition*/\n{\n  var touchObj = typeof touchIdentifier === 'number' ? (0, _domFns.getTouch)(e, touchIdentifier) : null;\n  if (typeof touchIdentifier === 'number' && !touchObj) return null; // not the right touch\n\n  var node = findDOMNode(draggableCore); // User can provide an offsetParent if desired.\n\n  var offsetParent = draggableCore.props.offsetParent || node.offsetParent || node.ownerDocument.body;\n  return (0, _domFns.offsetXYFromParent)(touchObj || e, offsetParent, draggableCore.props.scale);\n} // Create an data object exposed by <DraggableCore>'s events\n\n\nfunction createCoreData(draggable\n/*: DraggableCore*/\n, x\n/*: number*/\n, y\n/*: number*/\n)\n/*: DraggableData*/\n{\n  var state = draggable.state;\n  var isStart = !(0, _shims.isNum)(state.lastX);\n  var node = findDOMNode(draggable);\n\n  if (isStart) {\n    // If this is our first move, use the x and y as last coords.\n    return {\n      node: node,\n      deltaX: 0,\n      deltaY: 0,\n      lastX: x,\n      lastY: y,\n      x: x,\n      y: y\n    };\n  } else {\n    // Otherwise calculate proper values.\n    return {\n      node: node,\n      deltaX: x - state.lastX,\n      deltaY: y - state.lastY,\n      lastX: state.lastX,\n      lastY: state.lastY,\n      x: x,\n      y: y\n    };\n  }\n} // Create an data exposed by <Draggable>'s events\n\n\nfunction createDraggableData(draggable\n/*: Draggable*/\n, coreData\n/*: DraggableData*/\n)\n/*: DraggableData*/\n{\n  var scale = draggable.props.scale;\n  return {\n    node: coreData.node,\n    x: draggable.state.x + coreData.deltaX / scale,\n    y: draggable.state.y + coreData.deltaY / scale,\n    deltaX: coreData.deltaX / scale,\n    deltaY: coreData.deltaY / scale,\n    lastX: draggable.state.x,\n    lastY: draggable.state.y\n  };\n} // A lot faster than stringify/parse\n\n\nfunction cloneBounds(bounds\n/*: Bounds*/\n)\n/*: Bounds*/\n{\n  return {\n    left: bounds.left,\n    top: bounds.top,\n    right: bounds.right,\n    bottom: bounds.bottom\n  };\n}\n\nfunction findDOMNode(draggable\n/*: Draggable | DraggableCore*/\n)\n/*: HTMLElement*/\n{\n  var node = draggable.findDOMNode();\n\n  if (!node) {\n    throw new Error('<DraggableCore>: Unmounted during event!');\n  } // $FlowIgnore we can't assert on HTMLElement due to tests... FIXME\n\n\n  return node;\n}\n\n//# sourceURL=webpack://%5Bname%5D/./node_modules/react-draggable/build/cjs/utils/positionFns.js?");
+
+/***/ }),
+
+/***/ "./node_modules/react-draggable/build/cjs/utils/shims.js":
+/*!***************************************************************!*\
+  !*** ./node_modules/react-draggable/build/cjs/utils/shims.js ***!
+  \***************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.findInArray = findInArray;\nexports.isFunction = isFunction;\nexports.isNum = isNum;\nexports.int = int;\nexports.dontSetMe = dontSetMe;\n\n// @credits https://gist.github.com/rogozhnikoff/a43cfed27c41e4e68cdc\nfunction findInArray(array\n/*: Array<any> | TouchList*/\n, callback\n/*: Function*/\n)\n/*: any*/\n{\n  for (var i = 0, length = array.length; i < length; i++) {\n    if (callback.apply(callback, [array[i], i, array])) return array[i];\n  }\n}\n\nfunction isFunction(func\n/*: any*/\n)\n/*: boolean %checks*/\n{\n  // $FlowIgnore[method-unbinding]\n  return typeof func === 'function' || Object.prototype.toString.call(func) === '[object Function]';\n}\n\nfunction isNum(num\n/*: any*/\n)\n/*: boolean %checks*/\n{\n  return typeof num === 'number' && !isNaN(num);\n}\n\nfunction int(a\n/*: string*/\n)\n/*: number*/\n{\n  return parseInt(a, 10);\n}\n\nfunction dontSetMe(props\n/*: Object*/\n, propName\n/*: string*/\n, componentName\n/*: string*/\n)\n/*: ?Error*/\n{\n  if (props[propName]) {\n    return new Error(\"Invalid prop \".concat(propName, \" passed to \").concat(componentName, \" - do not set this, set it on the child.\"));\n  }\n}\n\n//# sourceURL=webpack://%5Bname%5D/./node_modules/react-draggable/build/cjs/utils/shims.js?");
+
+/***/ }),
+
 /***/ "./node_modules/react-focus-lock/dist/es2015/AutoFocusInside.js":
 /*!**********************************************************************!*\
   !*** ./node_modules/react-focus-lock/dist/es2015/AutoFocusInside.js ***!