包裹 MenuItem 之类的情况\n if (!isMenuSubComponent && item.props.children) {\n var _props = isHTMLElement ? {} : props;\n return React.cloneElement(item, __assign(__assign({}, _props), { _key: item.key, children: processChildren(item.props.children, props) }));\n }\n return isHTMLElement\n ? item\n : React.cloneElement(item, __assign(__assign(__assign({}, props), item.props), { _key: item.key || \"$menu-\" + index }));\n });\n};\nexport function isChildrenSelected(children, keys) {\n var find = false;\n function loop(_children) {\n if (!_children || find) {\n return;\n }\n React.Children.forEach(_children, function (c) {\n if (c && c.props && c.type && !find) {\n var menuType = c.type.menuType;\n var selectable = c.props.selectable;\n if (menuType === 'MenuItem') {\n find = keys.indexOf(c.key) !== -1;\n }\n else if (menuType === 'SubMenu' && selectable) {\n find = keys.indexOf(c.key) !== -1;\n }\n if (!find && c.props.children) {\n loop(c.props.children);\n }\n }\n });\n }\n loop(children);\n return find;\n}\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { forwardRef, useContext, useEffect, useRef } from 'react';\nimport scrollIntoView from 'scroll-into-view-if-needed';\nimport cs from '../_util/classNames';\nimport Tooltip from '../Tooltip';\nimport useIsFirstRender from '../_util/hooks/useIsFirstRender';\nimport MenuContext from './context';\nimport MenuIndent from './indent';\nimport omit from '../_util/omit';\nimport { PROPS_NEED_TO_BE_PASSED_IN_SUBMENU } from './util';\nimport { Enter } from '../_util/keycode';\nfunction Item(props, ref) {\n var _a;\n var _key = props._key, children = props.children, level = props.level, disabled = props.disabled, className = props.className, style = props.style, _b = props.wrapper, WrapperTagName = _b === void 0 ? 'div' : _b, onClick = props.onClick, rest = __rest(props, [\"_key\", \"children\", \"level\", \"disabled\", \"className\", \"style\", \"wrapper\", \"onClick\"]);\n var _c = useContext(MenuContext), prefixCls = _c.prefixCls, mode = _c.mode, collapse = _c.collapse, inDropdown = _c.inDropdown, levelIndent = _c.levelIndent, selectedKeys = _c.selectedKeys, autoScrollIntoView = _c.autoScrollIntoView, scrollConfig = _c.scrollConfig, tooltipProps = _c.tooltipProps, onClickMenuItem = _c.onClickMenuItem;\n var refElement = useRef(null);\n var isFirstRender = useIsFirstRender();\n var needTextIndent = mode === 'vertical' && level > 1;\n var needTooltip = collapse && !inDropdown && level === 1;\n var isSelected = selectedKeys && ~selectedKeys.indexOf(_key);\n useEffect(function () {\n var shouldScroll = isSelected && autoScrollIntoView;\n if (refElement.current && shouldScroll) {\n // 首次渲染需要等待展开动画结束之后滚动\n setTimeout(function () {\n scrollIntoView(refElement.current, __assign({ behavior: 'smooth', block: 'start', scrollMode: 'if-needed', boundary: document.body }, scrollConfig));\n }, isFirstRender ? 500 : 0);\n }\n }, [isSelected, autoScrollIntoView]);\n var menuItemClickHandler = function (event) {\n if (!disabled) {\n onClickMenuItem(_key, event);\n onClick && onClick(event);\n }\n };\n var itemElement = (React.createElement(WrapperTagName, __assign({ tabIndex: disabled ? -1 : 0, role: \"menuitem\", ref: function (_ref) {\n ref = _ref;\n refElement.current = ref;\n }, style: style, className: cs(prefixCls + \"-item\", (_a = {},\n _a[prefixCls + \"-disabled\"] = disabled,\n _a[prefixCls + \"-selected\"] = isSelected,\n // 存在缩进dom\n _a[prefixCls + \"-item-indented\"] = needTextIndent && !collapse,\n _a), className), onClick: menuItemClickHandler, onKeyDown: function (event) {\n var keyCode = event.keyCode || event.which;\n if (keyCode === Enter.code) {\n menuItemClickHandler(event);\n }\n } }, omit(rest, ['key', '_key'].concat(PROPS_NEED_TO_BE_PASSED_IN_SUBMENU))),\n needTextIndent && !collapse ? (React.createElement(React.Fragment, null,\n React.createElement(MenuIndent, { prefixCls: prefixCls, levelIndent: levelIndent, level: level }),\n React.createElement(\"span\", { className: prefixCls + \"-item-inner\", style: {\n display: 'block',\n } }, children))) : (children),\n isSelected && mode === 'horizontal' ? (React.createElement(\"div\", { className: prefixCls + \"-selected-label\" })) : null));\n return needTooltip ? (React.createElement(Tooltip, __assign({ trigger: \"hover\", content: React.createElement(\"span\", null, children), position: \"right\", triggerProps: __assign({ className: prefixCls + \"-item-tooltip\" }, ((tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.triggerProps) || {})) }, omit(tooltipProps, ['triggerProps'])), itemElement)) : (itemElement);\n}\nvar ForwardRefItem = forwardRef(Item);\nvar ItemComponent = ForwardRefItem;\nItemComponent.displayName = 'MenuItem';\nItemComponent.menuType = 'MenuItem';\nexport default ItemComponent;\n","import React, { forwardRef, useContext } from 'react';\nimport cs from '../_util/classNames';\nimport { processChildren } from './util';\nimport MenuContext from './context';\nimport MenuIndent from './indent';\nfunction ItemGroup(props, ref) {\n var children = props.children, title = props.title, level = props.level, className = props.className, style = props.style;\n var _a = useContext(MenuContext), prefixCls = _a.prefixCls, levelIndent = _a.levelIndent;\n var childrenLevel = level === 1 ? level + 1 : level;\n var childrenList = processChildren(children, { level: childrenLevel });\n return (React.createElement(\"div\", { ref: ref, className: cs(prefixCls + \"-group\", className), style: style },\n React.createElement(\"div\", { className: prefixCls + \"-group-title\" },\n React.createElement(MenuIndent, { level: level, prefixCls: prefixCls, levelIndent: levelIndent }),\n React.createElement(\"span\", null, title)),\n childrenList));\n}\nvar ForwardRefItemGroup = forwardRef(ItemGroup);\nvar ItemGroupComponent = ForwardRefItemGroup;\nItemGroupComponent.displayName = 'MenuItemGroup';\nItemGroupComponent.menuType = 'MenuGroup';\nexport default ItemGroupComponent;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nvar __generator = (this && this.__generator) || function (thisArg, body) {\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n function verb(n) { return function (v) { return step([n, v]); }; }\n function step(op) {\n if (f) throw new TypeError(\"Generator is already executing.\");\n while (_) try {\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n if (y = 0, t) op = [op[0] & 2, t.value];\n switch (op[0]) {\n case 0: case 1: t = op; break;\n case 4: _.label++; return { value: op[1], done: false };\n case 5: _.label++; y = op[1]; op = [0]; continue;\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\n default:\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n if (t[2]) _.ops.pop();\n _.trys.pop(); continue;\n }\n op = body.call(thisArg, _);\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n }\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { useContext, useMemo } from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport cs from '../../_util/classNames';\nimport useStateWithPromise from '../../_util/hooks/useStateWithPromise';\nimport IconDown from '../../../icon/react-icon/IconDown';\nimport { processChildren, isChildrenSelected, PROPS_NEED_TO_BE_PASSED_IN_SUBMENU } from '../util';\nimport MenuContext from '../context';\nimport MenuIndent from '../indent';\nimport pick from '../../_util/pick';\nimport { Enter } from '../../_util/keycode';\nvar globalInlineSubMenuIndex = 0;\n// Use visibility: hidden to avoid Menu.Item get focused by Tab key\nvar CONTENT_HIDDEN_STYLE = { height: 0, visibility: 'hidden' };\nvar SubMenuInline = function (props) {\n var _a;\n var _key = props._key, children = props.children, style = props.style, className = props.className, title = props.title, level = props.level, forwardedRef = props.forwardedRef, selectable = props.selectable, rest = __rest(props, [\"_key\", \"children\", \"style\", \"className\", \"title\", \"level\", \"forwardedRef\", \"selectable\"]);\n var _b = useContext(MenuContext), menuId = _b.id, prefixCls = _b.prefixCls, levelIndent = _b.levelIndent, _c = _b.openKeys, openKeys = _c === void 0 ? [] : _c, _d = _b.selectedKeys, selectedKeys = _d === void 0 ? [] : _d, icons = _b.icons, onClickSubMenu = _b.onClickSubMenu, onClickMenuItem = _b.onClickMenuItem;\n var baseClassName = prefixCls + \"-inline\";\n var isOpen = (openKeys === null || openKeys === void 0 ? void 0 : openKeys.indexOf(_key)) > -1;\n var isSelected = (selectable && selectedKeys.indexOf(props._key) > -1) ||\n isChildrenSelected(children, selectedKeys);\n var _e = __read(useStateWithPromise(isOpen ? { height: 'auto' } : CONTENT_HIDDEN_STYLE), 2), contentStyle = _e[0], setContentStyle = _e[1];\n var subMenuClickHandler = function (event) {\n onClickSubMenu(_key, level, 'inline');\n selectable && onClickMenuItem(_key, event);\n };\n // Unique ID of this instance\n var instanceId = useMemo(function () {\n var id = menuId + \"-submenu-inline-\" + globalInlineSubMenuIndex;\n globalInlineSubMenuIndex++;\n return id;\n }, []);\n // Should omit these properties in Menu.Item\n var childrenList = processChildren(children, __assign(__assign({}, pick(rest, PROPS_NEED_TO_BE_PASSED_IN_SUBMENU)), { level: level + 1, selectable: selectable }));\n var header = (React.createElement(\"div\", { tabIndex: 0, \"aria-expanded\": isOpen, \"aria-controls\": instanceId, className: cs(baseClassName + \"-header\", (_a = {},\n _a[prefixCls + \"-selected\"] = isSelected,\n _a)), onClick: subMenuClickHandler, onKeyDown: function (event) {\n var keyCode = event.keyCode || event.which;\n if (keyCode === Enter.code) {\n subMenuClickHandler(event);\n }\n } },\n React.createElement(MenuIndent, { level: level, prefixCls: prefixCls, levelIndent: levelIndent }),\n React.createElement(\"span\", null, title),\n React.createElement(\"span\", { className: prefixCls + \"-icon-suffix \" + (isOpen ? 'is-open' : '') }, icons && icons.horizontalArrowDown ? icons.horizontalArrowDown : React.createElement(IconDown, null))));\n var content = (React.createElement(\"div\", { id: instanceId, className: cs(baseClassName + \"-content\"), style: contentStyle }, childrenList));\n return (React.createElement(\"div\", { ref: forwardedRef, className: cs(baseClassName, className), style: style },\n header,\n React.createElement(CSSTransition, { in: isOpen, timeout: 200, classNames: baseClassName, unmountOnExit: false, onEnter: function (element) { return __awaiter(void 0, void 0, void 0, function () {\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0: return [4 /*yield*/, setContentStyle(CONTENT_HIDDEN_STYLE)];\n case 1:\n _a.sent();\n return [4 /*yield*/, setContentStyle({ height: element.scrollHeight })];\n case 2:\n _a.sent();\n return [2 /*return*/];\n }\n });\n }); }, onEntered: function () {\n setContentStyle({ height: 'auto' });\n }, onExit: function (element) { return __awaiter(void 0, void 0, void 0, function () {\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0: return [4 /*yield*/, setContentStyle({ height: element.scrollHeight })];\n case 1:\n _a.sent();\n return [4 /*yield*/, setContentStyle(CONTENT_HIDDEN_STYLE)];\n case 2:\n _a.sent();\n return [2 /*return*/];\n }\n });\n }); } }, content)));\n};\nexport default SubMenuInline;\n","import _extends from \"@babel/runtime/helpers/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\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\nimport React, { useContext } from 'react';\nimport { IconContext } from '../context';\n\nfunction IconRightComponent(iconProps, ref) {\n var _useContext = useContext(IconContext),\n _useContext$prefixCls = _useContext.prefixCls,\n prefixCls = _useContext$prefixCls === void 0 ? 'arco' : _useContext$prefixCls;\n\n var spin = iconProps.spin,\n className = iconProps.className;\n\n var props = _objectSpread(_objectSpread({\n \"aria-hidden\": true,\n focusable: false,\n ref: ref\n }, iconProps), {}, {\n className: \"\".concat(className ? className + ' ' : '').concat(prefixCls, \"-icon \").concat(prefixCls, \"-icon-right\")\n });\n\n if (spin) {\n props.className = \"\".concat(props.className, \" \").concat(prefixCls, \"-icon-loading\");\n }\n\n delete props.spin;\n delete props.isIcon;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"4\",\n viewBox: \"0 0 48 48\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n d: \"m16 39.513 15.556-15.557L16 8.4\"\n }));\n}\n\nvar IconRight = /*#__PURE__*/React.forwardRef(IconRightComponent);\nIconRight.defaultProps = {\n isIcon: true\n};\nIconRight.displayName = 'IconRight';\nexport default IconRight;","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { useContext, useMemo, useState } from 'react';\nimport cs from '../../_util/classNames';\nimport IconRight from '../../../icon/react-icon/IconRight';\nimport IconDown from '../../../icon/react-icon/IconDown';\nimport { isChildrenSelected } from '../util';\nimport omit from '../../_util/omit';\nimport Dropdown from '../../Dropdown';\nimport Menu from '../index';\nimport MenuIndent from '../indent';\nimport MenuContext from '../context';\nimport { Enter } from '../../_util/keycode';\nvar globalPopSubMenuIndex = 0;\nvar SubMenuPop = function (props) {\n var _a;\n var _key = props._key, children = props.children, style = props.style, className = props.className, title = props.title, level = props.level, selectable = props.selectable, forwardedRef = props.forwardedRef, propTriggerProps = props.triggerProps;\n var _b = useContext(MenuContext), menuId = _b.id, prefixCls = _b.prefixCls, mode = _b.mode, inDropdown = _b.inDropdown, levelIndent = _b.levelIndent, _c = _b.selectedKeys, selectedKeys = _c === void 0 ? [] : _c, icons = _b.icons, contextTriggerProps = _b.triggerProps, onClickSubMenu = _b.onClickSubMenu, onClickMenuItem = _b.onClickMenuItem;\n var triggerProps = __assign(__assign({}, contextTriggerProps), propTriggerProps);\n var _d = __read(useState(false), 2), popupVisible = _d[0], setPopupVisible = _d[1];\n var baseClassName = prefixCls + \"-pop\";\n var isSelected = selectable && selectedKeys.indexOf(props._key) > -1;\n var needPopOnBottom = mode === 'horizontal' && !inDropdown;\n // Unique ID of this instance\n var instanceId = useMemo(function () {\n var id = menuId + \"-submenu-pop-\" + globalPopSubMenuIndex;\n globalPopSubMenuIndex++;\n return id;\n }, []);\n var renderSuffix = function () {\n var MergedIconRight = icons && icons.popArrowRight ? icons.popArrowRight : React.createElement(IconRight, null);\n var MergedIconDown = icons && icons.horizontalArrowDown ? icons.horizontalArrowDown : React.createElement(IconDown, null);\n return (React.createElement(\"span\", { className: prefixCls + \"-icon-suffix\" }, needPopOnBottom ? MergedIconDown : MergedIconRight));\n };\n var hasSelectedStatus = isChildrenSelected(children, selectedKeys) || isSelected;\n var subMenuClickHandler = function (event) {\n onClickSubMenu(_key, level, 'pop');\n selectable && onClickMenuItem(_key, event);\n };\n return (React.createElement(Dropdown, { trigger: \"hover\", onVisibleChange: function (visible) { return setPopupVisible(visible); }, droplist: React.createElement(Menu, { id: instanceId, selectedKeys: selectedKeys, onClickMenuItem: function (key, event) {\n onClickMenuItem(key, event);\n setPopupVisible(false);\n } }, children), triggerProps: __assign({ position: needPopOnBottom ? 'bl' : 'rt', popupVisible: popupVisible, showArrow: true, autoAlignPopupMinWidth: true, classNames: 'fadeIn', duration: 100, mouseEnterDelay: 50, mouseLeaveDelay: 50, className: cs(baseClassName + \"-trigger\", triggerProps && triggerProps.className) }, omit(triggerProps, ['className'])) },\n React.createElement(\"div\", { tabIndex: 0, \"aria-haspopup\": true, \"aria-expanded\": popupVisible, \"aria-controls\": instanceId, ref: forwardedRef, style: style, className: cs(baseClassName, baseClassName + \"-header\", (_a = {},\n _a[prefixCls + \"-selected\"] = hasSelectedStatus,\n _a), className), onClick: subMenuClickHandler, onKeyDown: function (event) {\n var keyCode = event.keyCode || event.which;\n if (keyCode === Enter.code) {\n subMenuClickHandler(event);\n }\n } },\n React.createElement(MenuIndent, { prefixCls: prefixCls, levelIndent: levelIndent, level: level }),\n title,\n renderSuffix(),\n hasSelectedStatus && mode === 'horizontal' ? (React.createElement(\"div\", { className: prefixCls + \"-selected-label\" })) : null)));\n};\nexport default SubMenuPop;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nimport React, { forwardRef, useContext, useEffect } from 'react';\nimport SubMenuInline from './inline';\nimport SubMenuPop from './pop';\nimport MenuContext from '../context';\nfunction SubMenu(props, ref) {\n var children = props.children, popup = props.popup, level = props.level;\n var _a = useContext(MenuContext), mode = _a.mode, collapse = _a.collapse, inDropdown = _a.inDropdown, collectInlineMenuKeys = _a.collectInlineMenuKeys;\n var forcePopup = !!(typeof popup === 'function' ? popup(level) : popup);\n var mergedPopup = forcePopup || collapse || inDropdown || mode !== 'vertical';\n var MergedMenu = mergedPopup ? SubMenuPop : SubMenuInline;\n useEffect(function () {\n collectInlineMenuKeys(props._key);\n return function () {\n collectInlineMenuKeys(props._key, true);\n };\n }, []);\n return (React.createElement(MergedMenu, __assign({ forwardedRef: ref }, props), children));\n}\nvar ForwardRefSubMenu = forwardRef(SubMenu);\nvar SubMenuComponent = ForwardRefSubMenu;\nSubMenuComponent.displayName = 'SubMenu';\nSubMenuComponent.menuType = 'SubMenu';\nexport default SubMenuComponent;\n","var transformNames = [\n 'transform',\n 'WebkitTransform',\n 'msTransform',\n 'MozTransform',\n 'OTransform',\n];\nexport function fixedWidth(width) {\n return {\n maxWidth: width,\n minWidth: width,\n width: width,\n };\n}\nexport function setTransformStyle(value) {\n var style = {};\n transformNames.forEach(function (name) {\n style[name] = value;\n });\n return style;\n}\nexport function getStyle(element, prop) {\n if (!element || !prop)\n return null;\n var styleName = prop;\n if (styleName === 'float') {\n styleName = 'cssFloat';\n }\n try {\n if (document.defaultView) {\n var computed = document.defaultView.getComputedStyle(element, '');\n return element.style[styleName] || computed ? computed[styleName] : '';\n }\n }\n catch (e) {\n return element.style[styleName];\n }\n}\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport React, { useState, useRef, useContext, useEffect } from 'react';\nimport ResizeObserver from 'resize-observer-polyfill';\nimport SubMenu from './sub-menu';\nimport { getStyle } from '../_util/style';\nimport MenuContext from './context';\nvar OVERFLOW_THRESHOLD = 10;\nfunction getNodeWidth(node) {\n return node && +node.getBoundingClientRect().width.toFixed(2);\n}\nfunction translatePxToNumber(str) {\n var result = Number(str.replace('px', ''));\n return isNaN(result) ? 0 : result;\n}\nvar OverflowWrap = function (props) {\n var children = props.children;\n var prefixCls = useContext(MenuContext).prefixCls;\n var refUl = useRef(null);\n var refResizeObserver = useRef(null);\n var _a = __read(useState(null), 2), lastVisibleIndex = _a[0], setLastVisibleIndex = _a[1];\n var overflowSubMenuClass = prefixCls + \"-overflow-sub-menu\";\n var overflowMenuItemClass = prefixCls + \"-overflow-hidden-menu-item\";\n var overflowSubMenuMirrorClass = prefixCls + \"-overflow-sub-menu-mirror\";\n useEffect(function () {\n var ulElement = refUl.current;\n computeLastVisibleIndex();\n refResizeObserver.current = new ResizeObserver(function (entries) {\n entries.forEach(computeLastVisibleIndex);\n });\n refResizeObserver.current.observe(ulElement);\n return function () {\n if (refResizeObserver.current) {\n refResizeObserver.current.disconnect();\n }\n };\n }, [children]);\n function computeLastVisibleIndex() {\n if (!refUl.current) {\n return;\n }\n var ulElement = refUl.current;\n var maxWidth = getNodeWidth(ulElement) - OVERFLOW_THRESHOLD;\n var childNodeList = [].slice.call(ulElement.children);\n var menuItemIndex = 0;\n var currentItemRight = 0;\n var overflowSubMenuWidth = 0;\n // 注意 childrenNodeList.length !== React.Children.count(children) 所以需要用 menuItemIndex 来标记真实的 MenuItem 下标\n for (var i = 0; i < childNodeList.length; i++) {\n var node = childNodeList[i];\n var classNames = node.className.split(' ');\n var isOverflowSubMenu = classNames.indexOf(overflowSubMenuClass) > -1;\n var isOverflowSubMenuMirror = classNames.indexOf(overflowSubMenuMirrorClass) > -1;\n // 忽略 overflowSubMenu 的宽度，其宽度测量交由 overflowSubMenuMirror\n if (isOverflowSubMenu) {\n continue;\n }\n var nodeWidth = getNodeWidth(node) +\n translatePxToNumber(getStyle(node, 'marginLeft')) +\n translatePxToNumber(getStyle(node, 'marginRight'));\n if (isOverflowSubMenuMirror) {\n overflowSubMenuWidth = nodeWidth;\n continue;\n }\n currentItemRight += nodeWidth;\n // 将要溢出的菜单项\n if (currentItemRight > maxWidth) {\n setLastVisibleIndex(\n // 判断如果将最后一个菜单项换为 ... 是否会超出宽度\n menuItemIndex - (currentItemRight - nodeWidth + overflowSubMenuWidth <= maxWidth ? 1 : 2));\n return;\n }\n menuItemIndex++;\n }\n // 全部可见\n setLastVisibleIndex(null);\n }\n var renderOverflowSubMenu = function (children, isMirror) {\n if (isMirror === void 0) { isMirror = false; }\n return (React.createElement(SubMenu, __assign({ title: React.createElement(\"span\", null, \"\\u00B7\\u00B7\\u00B7\"), key: \"arco-menu-overflow-sub-menu\" + (isMirror ? '-mirror' : ''), className: isMirror ? overflowSubMenuMirrorClass : overflowSubMenuClass }, props, { children: children })));\n };\n var renderChildren = function () {\n var overflowSubMenu = null;\n var overflowSubMenuMirror = renderOverflowSubMenu(null, true);\n var originMenuItems = React.Children.map(children, function (child, index) {\n var item = child;\n if (lastVisibleIndex !== null) {\n if (index > lastVisibleIndex) {\n item = React.cloneElement(child, {\n className: overflowMenuItemClass,\n });\n }\n if (index === lastVisibleIndex + 1) {\n var overflowedItems = React.Children.toArray(children)\n .slice(lastVisibleIndex + 1)\n .map(function (child) {\n return React.cloneElement(child, { key: child.props._key });\n });\n overflowSubMenu = renderOverflowSubMenu(overflowedItems);\n }\n }\n return item;\n });\n return __spreadArray(__spreadArray([overflowSubMenuMirror], __read(originMenuItems), false), [overflowSubMenu], false);\n };\n return (React.createElement(\"div\", { className: prefixCls + \"-overflow-wrap\", ref: refUl }, renderChildren()));\n};\nexport default OverflowWrap;\n","import _extends from \"@babel/runtime/helpers/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\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\nimport React, { useContext } from 'react';\nimport { IconContext } from '../context';\n\nfunction IconLeftComponent(iconProps, ref) {\n var _useContext = useContext(IconContext),\n _useContext$prefixCls = _useContext.prefixCls,\n prefixCls = _useContext$prefixCls === void 0 ? 'arco' : _useContext$prefixCls;\n\n var spin = iconProps.spin,\n className = iconProps.className;\n\n var props = _objectSpread(_objectSpread({\n \"aria-hidden\": true,\n focusable: false,\n ref: ref\n }, iconProps), {}, {\n className: \"\".concat(className ? className + ' ' : '').concat(prefixCls, \"-icon \").concat(prefixCls, \"-icon-left\")\n });\n\n if (spin) {\n props.className = \"\".concat(props.className, \" \").concat(prefixCls, \"-icon-loading\");\n }\n\n delete props.spin;\n delete props.isIcon;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"4\",\n viewBox: \"0 0 48 48\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M32 8.4 16.444 23.956 32 39.513\"\n }));\n}\n\nvar IconLeft = /*#__PURE__*/React.forwardRef(IconLeftComponent);\nIconLeft.defaultProps = {\n isIcon: true\n};\nIconLeft.displayName = 'IconLeft';\nexport default IconLeft;","import _extends from \"@babel/runtime/helpers/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\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\nimport React, { useContext } from 'react';\nimport { IconContext } from '../context';\n\nfunction IconDragDotVerticalComponent(iconProps, ref) {\n var _useContext = useContext(IconContext),\n _useContext$prefixCls = _useContext.prefixCls,\n prefixCls = _useContext$prefixCls === void 0 ? 'arco' : _useContext$prefixCls;\n\n var spin = iconProps.spin,\n className = iconProps.className;\n\n var props = _objectSpread(_objectSpread({\n \"aria-hidden\": true,\n focusable: false,\n ref: ref\n }, iconProps), {}, {\n className: \"\".concat(className ? className + ' ' : '').concat(prefixCls, \"-icon \").concat(prefixCls, \"-icon-drag-dot-vertical\")\n });\n\n if (spin) {\n props.className = \"\".concat(props.className, \" \").concat(prefixCls, \"-icon-loading\");\n }\n\n delete props.spin;\n delete props.isIcon;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"4\",\n viewBox: \"0 0 48 48\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"currentColor\",\n stroke: \"none\",\n d: \"M17 8h2v2h-2V8ZM17 23h2v2h-2v-2ZM17 38h2v2h-2v-2ZM29 8h2v2h-2V8ZM29 23h2v2h-2v-2ZM29 38h2v2h-2v-2Z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M17 8h2v2h-2V8ZM17 23h2v2h-2v-2ZM17 38h2v2h-2v-2ZM29 8h2v2h-2V8ZM29 23h2v2h-2v-2ZM29 38h2v2h-2v-2Z\"\n }));\n}\n\nvar IconDragDotVertical = /*#__PURE__*/React.forwardRef(IconDragDotVerticalComponent);\nIconDragDotVertical.defaultProps = {\n isIcon: true\n};\nIconDragDotVertical.displayName = 'IconDragDotVertical';\nexport default IconDragDotVertical;","import _extends from \"@babel/runtime/helpers/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\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\nimport React, { useContext } from 'react';\nimport { IconContext } from '../context';\n\nfunction IconDragDotComponent(iconProps, ref) {\n var _useContext = useContext(IconContext),\n _useContext$prefixCls = _useContext.prefixCls,\n prefixCls = _useContext$prefixCls === void 0 ? 'arco' : _useContext$prefixCls;\n\n var spin = iconProps.spin,\n className = iconProps.className;\n\n var props = _objectSpread(_objectSpread({\n \"aria-hidden\": true,\n focusable: false,\n ref: ref\n }, iconProps), {}, {\n className: \"\".concat(className ? className + ' ' : '').concat(prefixCls, \"-icon \").concat(prefixCls, \"-icon-drag-dot\")\n });\n\n if (spin) {\n props.className = \"\".concat(props.className, \" \").concat(prefixCls, \"-icon-loading\");\n }\n\n delete props.spin;\n delete props.isIcon;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"4\",\n viewBox: \"0 0 48 48\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"currentColor\",\n stroke: \"none\",\n d: \"M40 17v2h-2v-2h2ZM25 17v2h-2v-2h2ZM10 17v2H8v-2h2ZM40 29v2h-2v-2h2ZM25 29v2h-2v-2h2ZM10 29v2H8v-2h2Z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M40 17v2h-2v-2h2ZM25 17v2h-2v-2h2ZM10 17v2H8v-2h2ZM40 29v2h-2v-2h2ZM25 29v2h-2v-2h2ZM10 29v2H8v-2h2Z\"\n }));\n}\n\nvar IconDragDot = /*#__PURE__*/React.forwardRef(IconDragDotComponent);\nIconDragDot.defaultProps = {\n isIcon: true\n};\nIconDragDot.displayName = 'IconDragDot';\nexport default IconDragDot;","import _extends from \"@babel/runtime/helpers/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\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\nimport React, { useContext } from 'react';\nimport { IconContext } from '../context';\n\nfunction IconCaretRightComponent(iconProps, ref) {\n var _useContext = useContext(IconContext),\n _useContext$prefixCls = _useContext.prefixCls,\n prefixCls = _useContext$prefixCls === void 0 ? 'arco' : _useContext$prefixCls;\n\n var spin = iconProps.spin,\n className = iconProps.className;\n\n var props = _objectSpread(_objectSpread({\n \"aria-hidden\": true,\n focusable: false,\n ref: ref\n }, iconProps), {}, {\n className: \"\".concat(className ? className + ' ' : '').concat(prefixCls, \"-icon \").concat(prefixCls, \"-icon-caret-right\")\n });\n\n if (spin) {\n props.className = \"\".concat(props.className, \" \").concat(prefixCls, \"-icon-loading\");\n }\n\n delete props.spin;\n delete props.isIcon;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"4\",\n viewBox: \"0 0 48 48\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"currentColor\",\n stroke: \"none\",\n d: \"M34.829 23.063c.6.48.6 1.394 0 1.874L17.949 38.44c-.785.629-1.949.07-1.949-.937V10.497c0-1.007 1.164-1.566 1.95-.937l16.879 13.503Z\"\n }));\n}\n\nvar IconCaretRight = /*#__PURE__*/React.forwardRef(IconCaretRightComponent);\nIconCaretRight.defaultProps = {\n isIcon: true\n};\nIconCaretRight.displayName = 'IconCaretRight';\nexport default IconCaretRight;","import _extends from \"@babel/runtime/helpers/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\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\nimport React, { useContext } from 'react';\nimport { IconContext } from '../context';\n\nfunction IconCaretLeftComponent(iconProps, ref) {\n var _useContext = useContext(IconContext),\n _useContext$prefixCls = _useContext.prefixCls,\n prefixCls = _useContext$prefixCls === void 0 ? 'arco' : _useContext$prefixCls;\n\n var spin = iconProps.spin,\n className = iconProps.className;\n\n var props = _objectSpread(_objectSpread({\n \"aria-hidden\": true,\n focusable: false,\n ref: ref\n }, iconProps), {}, {\n className: \"\".concat(className ? className + ' ' : '').concat(prefixCls, \"-icon \").concat(prefixCls, \"-icon-caret-left\")\n });\n\n if (spin) {\n props.className = \"\".concat(props.className, \" \").concat(prefixCls, \"-icon-loading\");\n }\n\n delete props.spin;\n delete props.isIcon;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"4\",\n viewBox: \"0 0 48 48\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"currentColor\",\n stroke: \"none\",\n d: \"M13.171 24.937a1.2 1.2 0 0 1 0-1.874L30.051 9.56c.785-.629 1.949-.07 1.949.937v27.006c0 1.006-1.164 1.566-1.95.937L13.171 24.937Z\"\n }));\n}\n\nvar IconCaretLeft = /*#__PURE__*/React.forwardRef(IconCaretLeftComponent);\nIconCaretLeft.defaultProps = {\n isIcon: true\n};\nIconCaretLeft.displayName = 'IconCaretLeft';\nexport default IconCaretLeft;","import _extends from \"@babel/runtime/helpers/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\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\nimport React, { useContext } from 'react';\nimport { IconContext } from '../context';\n\nfunction IconCaretDownComponent(iconProps, ref) {\n var _useContext = useContext(IconContext),\n _useContext$prefixCls = _useContext.prefixCls,\n prefixCls = _useContext$prefixCls === void 0 ? 'arco' : _useContext$prefixCls;\n\n var spin = iconProps.spin,\n className = iconProps.className;\n\n var props = _objectSpread(_objectSpread({\n \"aria-hidden\": true,\n focusable: false,\n ref: ref\n }, iconProps), {}, {\n className: \"\".concat(className ? className + ' ' : '').concat(prefixCls, \"-icon \").concat(prefixCls, \"-icon-caret-down\")\n });\n\n if (spin) {\n props.className = \"\".concat(props.className, \" \").concat(prefixCls, \"-icon-loading\");\n }\n\n delete props.spin;\n delete props.isIcon;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"4\",\n viewBox: \"0 0 48 48\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"currentColor\",\n stroke: \"none\",\n d: \"M24.938 34.829a1.2 1.2 0 0 1-1.875 0L9.56 17.949c-.628-.785-.069-1.949.937-1.949h27.007c1.006 0 1.565 1.164.937 1.95L24.937 34.829Z\"\n }));\n}\n\nvar IconCaretDown = /*#__PURE__*/React.forwardRef(IconCaretDownComponent);\nIconCaretDown.defaultProps = {\n isIcon: true\n};\nIconCaretDown.displayName = 'IconCaretDown';\nexport default IconCaretDown;","import _extends from \"@babel/runtime/helpers/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\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\nimport React, { useContext } from 'react';\nimport { IconContext } from '../context';\n\nfunction IconCaretUpComponent(iconProps, ref) {\n var _useContext = useContext(IconContext),\n _useContext$prefixCls = _useContext.prefixCls,\n prefixCls = _useContext$prefixCls === void 0 ? 'arco' : _useContext$prefixCls;\n\n var spin = iconProps.spin,\n className = iconProps.className;\n\n var props = _objectSpread(_objectSpread({\n \"aria-hidden\": true,\n focusable: false,\n ref: ref\n }, iconProps), {}, {\n className: \"\".concat(className ? className + ' ' : '').concat(prefixCls, \"-icon \").concat(prefixCls, \"-icon-caret-up\")\n });\n\n if (spin) {\n props.className = \"\".concat(props.className, \" \").concat(prefixCls, \"-icon-loading\");\n }\n\n delete props.spin;\n delete props.isIcon;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"4\",\n viewBox: \"0 0 48 48\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"currentColor\",\n stroke: \"none\",\n d: \"M23.063 13.171a1.2 1.2 0 0 1 1.875 0l13.503 16.88c.628.785.069 1.949-.937 1.949H10.497c-1.006 0-1.565-1.164-.937-1.95l13.503-16.879Z\"\n }));\n}\n\nvar IconCaretUp = /*#__PURE__*/React.forwardRef(IconCaretUpComponent);\nIconCaretUp.defaultProps = {\n isIcon: true\n};\nIconCaretUp.displayName = 'IconCaretUp';\nexport default IconCaretUp;","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nimport React, { useContext } from 'react';\nimport cs from '../_util/classNames';\nimport ResizeObserver from '../_util/resizeObserver';\nimport { ConfigContext } from '../ConfigProvider';\nimport IconDragDotVertical from '../../icon/react-icon/IconDragDotVertical';\nimport IconDragDot from '../../icon/react-icon/IconDragDot';\nimport IconCaretRight from '../../icon/react-icon/IconCaretRight';\nimport IconCaretLeft from '../../icon/react-icon/IconCaretLeft';\nimport IconCaretDown from '../../icon/react-icon/IconCaretDown';\nimport IconCareUp from '../../icon/react-icon/IconCaretUp';\nimport { isFunction, isObject } from '../_util/is';\nexport default function ResizeTrigger(props) {\n var _a;\n var className = props.className, direction = props.direction, icon = props.icon, onMouseDown = props.onMouseDown, onResize = props.onResize, children = props.children, _b = props.collapsible, collapsible = _b === void 0 ? {} : _b, _c = props.resizable, resizable = _c === void 0 ? true : _c, renderChildren = props.renderChildren;\n var getPrefixCls = useContext(ConfigContext).getPrefixCls;\n var prefixCls = getPrefixCls('resizebox-trigger');\n var isHorizontal = direction === 'horizontal';\n var classNames = cs(prefixCls, prefixCls + \"-\" + (isHorizontal ? 'horizontal' : 'vertical'), (_a = {}, _a[prefixCls + \"-not-resizable\"] = !resizable, _a), className);\n var prevCollapsedConfig = isObject(collapsible.prev)\n ? __assign(__assign({}, collapsible.prev), { icon: collapsible.prev.icon || (isHorizontal ? React.createElement(IconCareUp, null) : React.createElement(IconCaretLeft, null)) }) : {};\n var nextCollapsedConfig = isObject(collapsible.next)\n ? __assign(__assign({}, collapsible.next), { icon: collapsible.next.icon || (isHorizontal ? React.createElement(IconCaretDown, null) : React.createElement(IconCaretRight, null)) }) : {};\n var renderPrevCollapsedTrigger = function () {\n // 1. 传入了prev\n // 当前不在收缩状态，或者在反方向收缩状态时展示\n if ((prevCollapsedConfig.icon && !prevCollapsedConfig.collapsed) ||\n nextCollapsedConfig.collapsed) {\n return (React.createElement(\"span\", { className: cs(prefixCls + \"-icon\", cs(prefixCls + \"-prev\")), onClick: prevCollapsedConfig.onClick }, prevCollapsedConfig.icon));\n }\n return React.createElement(\"span\", { className: cs(prefixCls + \"-icon-empty\") });\n };\n var renderNextCollapsedTrigger = function () {\n if ((nextCollapsedConfig.icon && !nextCollapsedConfig.collapsed) ||\n prevCollapsedConfig.collapsed) {\n return (React.createElement(\"span\", { className: cs(prefixCls + \"-icon\", cs(prefixCls + \"-next\")), onClick: nextCollapsedConfig.onClick }, nextCollapsedConfig.icon));\n }\n return React.createElement(\"span\", { className: cs(prefixCls + \"-icon-empty\") });\n };\n var renderResizeTrigger = function () {\n if (resizable) {\n return (React.createElement(\"span\", { className: prefixCls + \"-icon\" }, icon || (isHorizontal ? React.createElement(IconDragDot, null) : React.createElement(IconDragDotVertical, null))));\n }\n return React.createElement(\"span\", { className: cs(prefixCls + \"-icon-empty\") });\n };\n var prev = renderPrevCollapsedTrigger();\n var trigger = renderResizeTrigger();\n var next = renderNextCollapsedTrigger();\n var renderIcon = function () {\n return (React.createElement(\"div\", { className: prefixCls + \"-icon-wrapper\" },\n prev,\n trigger,\n next));\n };\n if (!resizable) {\n return (React.createElement(\"div\", { className: classNames }, isFunction(renderChildren)\n ? renderChildren(prev, trigger, next)\n : children || renderIcon()));\n }\n return (React.createElement(ResizeObserver, { onResize: onResize },\n React.createElement(\"div\", { className: classNames, onMouseDown: onMouseDown }, isFunction(renderChildren)\n ? renderChildren(prev, trigger, next)\n : children || renderIcon())));\n}\n","var __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { forwardRef, useContext, useImperativeHandle, useState, useRef, useEffect, } from 'react';\nimport cs from '../_util/classNames';\nimport ResizeTrigger from './resize-trigger';\nimport { ConfigContext } from '../ConfigProvider';\nimport { on, off } from '../_util/dom';\nimport useIsomorphicLayoutEffect from '../_util/hooks/useIsomorphicLayoutEffect';\nvar DIRECTION_HORIZONTAL = 'horizontal';\nvar DIRECTION_VERTICAL = 'vertical';\nfunction Split(props, ref) {\n var style = props.style, className = props.className, _a = props.component, component = _a === void 0 ? 'div' : _a, _b = props.direction, direction = _b === void 0 ? 'horizontal' : _b, icon = props.icon, _c = props.size, size = _c === void 0 ? 0.5 : _c, min = props.min, max = props.max, panes = props.panes, disabled = props.disabled, trigger = props.trigger;\n var getPrefixCls = useContext(ConfigContext).getPrefixCls;\n var prefixCls = getPrefixCls('resizebox-split');\n var isHorizontal = direction.includes(DIRECTION_HORIZONTAL);\n var isReverse = direction.includes('reverse');\n var isTriggerHorizontal = !isHorizontal;\n var classNames = cs(prefixCls, prefixCls + \"-\" + (isHorizontal ? DIRECTION_HORIZONTAL : DIRECTION_VERTICAL), className);\n var _d = __read(panes, 2), firstPane = _d[0], secondPane = _d[1];\n var isPxSize = typeof size === 'string';\n var _e = __read(useState(parseFloat(size)), 2), offset = _e[0], setOffset = _e[1];\n var _f = __read(useState(0), 2), triggerSize = _f[0], setTriggerSize = _f[1];\n var recordRef = useRef({\n startX: 0,\n startY: 0,\n startWidth: 0,\n startHeight: 0,\n startOffset: 0,\n moving: false,\n });\n var wrapperRef = useRef();\n var paneContainers = useRef([]);\n useImperativeHandle(ref, function () { return wrapperRef.current; }, []);\n function px2percent(numerator, denominator) {\n return parseFloat(numerator) / parseFloat(denominator);\n }\n function getOffset(startSize, startOffset, startPosition, currentPosition) {\n var minOffset = min ? parseFloat(min) : 0;\n var maxOffset = max ? parseFloat(max) : isPxSize ? startSize : 1;\n var ratio = isReverse ? -1 : 1;\n var moveOffset = isPxSize\n ? startOffset + (currentPosition - startPosition) * ratio\n : px2percent(startSize * startOffset + (currentPosition - startPosition) * ratio, startSize);\n moveOffset = Math.max(moveOffset, minOffset);\n moveOffset = Math.min(moveOffset, maxOffset);\n return moveOffset;\n }\n // 移动开始，记录初始值，绑定移动事件\n function onTriggerMouseDown(e) {\n var _a, _b;\n props.onMovingStart && props.onMovingStart();\n recordRef.current.moving = true;\n recordRef.current.startX = e.pageX;\n recordRef.current.startY = e.pageY;\n recordRef.current.startWidth = (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth;\n recordRef.current.startHeight = (_b = wrapperRef.current) === null || _b === void 0 ? void 0 : _b.offsetHeight;\n recordRef.current.startOffset = offset;\n on(window, 'mousemove', moving);\n on(window, 'touchmove', moving);\n on(window, 'mouseup', moveEnd);\n on(window, 'touchend', moveEnd);\n on(window, 'contextmenu', moveEnd);\n document.body.style.cursor = isTriggerHorizontal ? 'row-resize' : 'col-resize';\n }\n // 移动中，更新 firstPane 的占位大小\n function moving(e) {\n if (recordRef.current.moving) {\n /* eslint-disable */\n var newOffset = isHorizontal\n ? getOffset(recordRef.current.startWidth, recordRef.current.startOffset, recordRef.current.startX, e.pageX)\n : getOffset(recordRef.current.startHeight, recordRef.current.startOffset, recordRef.current.startY, e.pageY);\n setOffset(newOffset);\n props.onMoving && props.onMoving(e, isPxSize ? newOffset + \"px\" : newOffset);\n }\n }\n // 移动结束，解除事件绑定\n function moveEnd() {\n recordRef.current.moving = false;\n off(window, 'mousemove', moving);\n off(window, 'touchmove', moving);\n off(window, 'mouseup', moveEnd);\n off(window, 'touchend', moveEnd);\n off(window, 'contextmenu', moveEnd);\n document.body.style.cursor = 'default';\n props.onMovingEnd && props.onMovingEnd();\n }\n // 更新 trigger 大小\n function onTriggerResize(e) {\n var contentRect = e[0].contentRect;\n var newTriggerSize = contentRect[isTriggerHorizontal ? 'height' : 'width'];\n setTriggerSize(newTriggerSize);\n }\n // 根据 offset 和 triggerSize 计算 firstPane 的样式\n function getFirstPaneSize() {\n var unit = isPxSize ? 'px' : '%';\n if (!offset)\n return \"0\" + unit;\n var baseVal = isPxSize ? offset : offset * 100;\n return \"calc(\" + baseVal + unit + \" - \" + triggerSize / 2 + \"px)\";\n }\n useEffect(function () {\n props.onPaneResize && props.onPaneResize(paneContainers.current);\n }, [offset, triggerSize]);\n useIsomorphicLayoutEffect(function () {\n var newOffset = parseFloat(size);\n if (offset !== newOffset) {\n setOffset(newOffset);\n }\n }, [size]);\n var Tag = component;\n var firstPaneNode = (React.createElement(\"div\", { className: cs(prefixCls + \"-pane\", 'first-pane'), style: { flexBasis: getFirstPaneSize() }, ref: function (el) {\n paneContainers.current[0] = el;\n } }, firstPane));\n var secondPaneNode = (React.createElement(\"div\", { className: cs(prefixCls + \"-pane\", 'second-pane'), ref: function (el) {\n paneContainers.current[1] = el;\n } }, secondPane));\n return (React.createElement(Tag, { style: style, className: classNames, ref: wrapperRef },\n isReverse ? secondPaneNode : firstPaneNode,\n !disabled && (React.createElement(ResizeTrigger, { className: prefixCls + \"-trigger\", direction: isTriggerHorizontal ? DIRECTION_HORIZONTAL : DIRECTION_VERTICAL, icon: icon, onMouseDown: onTriggerMouseDown, onResize: onTriggerResize }, trigger)),\n isReverse ? firstPaneNode : secondPaneNode));\n}\nvar SplitComponent = forwardRef(Split);\nSplitComponent.displayName = 'ResizeBoxSplit';\nexport default SplitComponent;\n","var __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport React, { useState, useEffect, useRef, useContext, forwardRef, useImperativeHandle, } from 'react';\nimport { ConfigContext } from '../ConfigProvider';\nimport cs from '../_util/classNames';\nimport { isFunction, isNumber, isUndefined, isObject, isString } from '../_util/is';\nimport ResizeTrigger from './resize-trigger';\nimport { on, off } from '../_util/dom';\nvar DIRECTION_HORIZONTAL = 'horizontal';\nvar DIRECTION_VERTICAL = 'vertical';\nfunction SplitGroup(props, ref) {\n var _a;\n var panes = props.panes, style = props.style, className = props.className, _b = props.component, component = _b === void 0 ? 'div' : _b, _c = props.direction, direction = _c === void 0 ? 'horizontal' : _c, icon = props.icon;\n var getPrefixCls = useContext(ConfigContext).getPrefixCls;\n var defaultOffset = 1 / panes.length;\n var wrapperRef = useRef();\n var recordRef = useRef(new Array(panes.length).fill({\n moving: false,\n startOffset: 0,\n startPosition: 0,\n }));\n var paneContainers = useRef([]);\n var movingIndex = useRef(0);\n var prevOffsets = useRef([]);\n var _d = __read(useState(new Array(panes.length).fill(defaultOffset)), 2), offsets = _d[0], setOffsets = _d[1];\n var _e = __read(useState(false), 2), isMoving = _e[0], setIsMoving = _e[1];\n var _f = __read(useState(new Array(panes.length).fill(0)), 2), triggerSize = _f[0], setTriggerSize = _f[1];\n var _g = __read(useState(new Array(Math.max(panes.length - 1, 0)).fill({ prev: false, next: false })), 2), collapsedStatus = _g[0], setCollapsedStatus = _g[1];\n var prefixCls = getPrefixCls('resizebox-split-group');\n var isHorizontal = direction === DIRECTION_HORIZONTAL;\n var isTriggerHorizontal = !isHorizontal;\n var classNames = cs(prefixCls, prefixCls + \"-\" + (isHorizontal ? DIRECTION_HORIZONTAL : DIRECTION_VERTICAL), (_a = {}, _a[prefixCls + \"-moving\"] = isMoving, _a), className);\n var Tag = component;\n // 获取初始的 offset, 将传入的size 都转为像素值。\n var getInitialOffsets = function () {\n var newOffsets = [];\n panes.forEach(function (pane) {\n var size = pane.size;\n if (!isUndefined(size)) {\n newOffsets.push(formatSize(size));\n }\n else {\n newOffsets.push(undefined);\n }\n });\n // 剩余的空间均分给没有设置 size 的面板\n var noSizeArr = newOffsets.filter(function (size) { return !size; });\n var remainPercent = 1 -\n newOffsets.reduce(function (a, b) {\n var formatA = a || 0;\n var formatB = b || 0;\n return formatA + formatB;\n }, 0);\n var averagePercent = remainPercent / noSizeArr.length;\n newOffsets = newOffsets.map(function (size) {\n if (!isUndefined(size)) {\n return size;\n }\n return averagePercent;\n });\n return newOffsets;\n };\n // 计算每一个面板的占位像素，需要减去前面跟当前伸缩杆的宽度\n var getPaneSize = function (index) {\n var prevTriggerSize = triggerSize[index - 1] || 0;\n var currentTriggerSize = triggerSize[index];\n var baseVal = offsets[index] * 100;\n var unit = '%';\n return \"calc(\" + baseVal + unit + \" - \" + (prevTriggerSize + currentTriggerSize) / 2 + \"px)\";\n };\n // 入参 百分比/像素值 => 全部转化为百分比(响应式)\n function formatSize(size) {\n var totalPX = isHorizontal ? wrapperRef.current.offsetWidth : wrapperRef.current.offsetHeight;\n if (!size || (isNumber(size) && size < 0)) {\n return 0;\n }\n var percent = isString(size) ? parseFloat(size) / totalPX : size;\n return Math.min(percent, 1);\n }\n // 计算阈值，因为伸缩杆会影响到当前面板 跟 下一个面板。所以同时计算两个阈值。\n var getMinAndMax = function (index) {\n var next = Math.min(index + 1, panes.length - 1);\n var totalOffset = offsets[index] + offsets[next];\n var currentMin = formatSize(panes[index].min) || 0;\n var currentMax = formatSize(panes[index].max) || totalOffset;\n var nextMin = formatSize(panes[next].min) || 0;\n var nextMax = formatSize(panes[next].max) || totalOffset;\n // min 的优先级高于 max\n currentMax = Math.min(totalOffset - nextMin, currentMax);\n nextMax = Math.min(totalOffset - currentMin, nextMax);\n return {\n currentMin: currentMin,\n currentMax: currentMax,\n nextMin: nextMin,\n nextMax: nextMax,\n };\n };\n // 拖拽时，获取新的占位距离。影响当前面板跟下一个面板的占位值。\n var getNewOffsets = function (startOffset, startPosition, currentPosition) {\n var current = movingIndex.current;\n var next = current + 1;\n var newOffsets = __spreadArray([], __read(offsets), false);\n var currentPercent = offsets[current];\n var nextPercent = offsets[next];\n var totalPercent = currentPercent + nextPercent;\n var _a = getMinAndMax(current), minOffset = _a.currentMin, maxOffset = _a.currentMax;\n var moveOffset = startOffset + formatSize(currentPosition - startPosition + \"px\");\n moveOffset = Math.max(minOffset, moveOffset);\n moveOffset = Math.min(maxOffset, moveOffset);\n newOffsets[current] = moveOffset;\n // 保证 totalOffset = nextOffset + currentOffset 不变。\n newOffsets[next] = totalPercent - moveOffset;\n return newOffsets;\n };\n function onTriggerResize(e, index) {\n var contentRect = e[0].contentRect;\n var currentSize = contentRect[isTriggerHorizontal ? 'height' : 'width'];\n var newTriggerSize = __spreadArray([], __read(triggerSize), false);\n newTriggerSize[index] = currentSize;\n setTriggerSize(newTriggerSize);\n }\n // 判断快速收缩按钮是否展示\n var getCollapsedConfig = function (index) {\n var collapsible = panes[index].collapsible;\n if (!isObject(collapsible)) {\n collapsible = !collapsible ? {} : { prev: true, next: true };\n }\n var prev = collapsible.prev, next = collapsible.next;\n if (!prev && !next) {\n return {};\n }\n if (!collapsedStatus[index]) {\n return {};\n }\n // 传入了prev的配置，或者 没有传入 prev 的配置，但是已经处于向下收缩完毕状态\n var hasPrev = !!prev || (!prev && collapsedStatus[index].next);\n // 传入了next的配置，或者 没有传入 next 的配置，但是已经处于向上收缩完毕状态\n var hasNext = !!next || (!next && collapsedStatus[index].prev);\n return { hasPrev: hasPrev, hasNext: hasNext };\n };\n // 移动开始，记录初始值，绑定移动事件\n function onTriggerMouseDown(e, index) {\n props.onMovingStart && props.onMovingStart(index);\n movingIndex.current = index;\n var currentRecord = recordRef.current[index];\n currentRecord.moving = true;\n currentRecord.startOffset = offsets[index];\n currentRecord.startPosition = isHorizontal ? e.pageX : e.pageY;\n setIsMoving(true);\n on(window, 'mousemove', moving);\n on(window, 'touchmove', moving);\n on(window, 'mouseup', moveEnd);\n on(window, 'touchend', moveEnd);\n on(window, 'contextmenu', moveEnd);\n document.body.style.cursor = isTriggerHorizontal ? 'row-resize' : 'col-resize';\n }\n // 移动中，更新 当前面板跟下一个面板 占位大小\n function moving(e) {\n var index = movingIndex.current;\n var currentRecord = recordRef.current[index];\n var totalPX = isHorizontal ? wrapperRef.current.offsetWidth : wrapperRef.current.offsetHeight;\n if (currentRecord.moving) {\n var newOffsets = getNewOffsets(currentRecord.startOffset, currentRecord.startPosition, isHorizontal ? e.pageX : e.pageY);\n setOffsets(newOffsets);\n prevOffsets.current = newOffsets;\n props.onMoving &&\n props.onMoving(e, newOffsets.map(function (value) { return value * totalPX + \"px\"; }), index);\n }\n }\n // 移动结束，解除事件绑定\n function moveEnd() {\n var index = movingIndex.current;\n recordRef.current[index].moving = false;\n setIsMoving(false);\n off(window, 'mousemove', moving);\n off(window, 'touchmove', moving);\n off(window, 'mouseup', moveEnd);\n off(window, 'touchend', moveEnd);\n off(window, 'contextmenu', moveEnd);\n document.body.style.cursor = 'default';\n props.onMovingEnd && props.onMovingEnd(index);\n }\n // 点击快速收缩按钮的回调。\n function handleCollapsed(e, index, status, callback) {\n var next = index + 1;\n var newOffset = __spreadArray([], __read(offsets), false);\n var currentOffset = offsets[index];\n var nextOffset = offsets[next];\n var totalOffset = currentOffset + nextOffset;\n var totalPX = isHorizontal ? wrapperRef.current.offsetWidth : wrapperRef.current.offsetHeight;\n var _a = getMinAndMax(index), currentMin = _a.currentMin, nextMin = _a.nextMin;\n // 取消收缩时，应该重置为上一个状态。所以从preOffsets里拿值\n var newCurrentOffset = prevOffsets.current[index];\n var newNextOffset = prevOffsets.current[next];\n // 当前面板的收缩状态。\n var collapsed = collapsedStatus[index][status];\n // 点击向上收缩按钮。收缩态是：currentPane = currentMin;\n if (status === 'prev') {\n // 如果下一个面板不是在收缩状态 或者 下一个面板被手动拖拽到收缩状态\n if (nextOffset !== nextMin || newNextOffset === nextMin) {\n // 当前面板收缩。\n newCurrentOffset = currentMin;\n newNextOffset = totalOffset - currentMin;\n collapsed = true;\n }\n // 点击向下收缩按钮\n }\n else if (currentOffset !== currentMin || newCurrentOffset === currentMin) {\n newCurrentOffset = totalOffset - nextMin;\n newNextOffset = nextMin;\n collapsed = true;\n }\n newOffset[index] = newCurrentOffset;\n newOffset[next] = newNextOffset;\n props.onMoving &&\n props.onMoving(e, newOffset.map(function (value) { return value * totalPX + \"px\"; }), index);\n props.onMovingEnd && props.onMovingEnd(index);\n setOffsets(newOffset);\n if (isFunction(callback)) {\n callback(e, index, status, collapsed);\n }\n }\n useEffect(function () {\n var offsets = getInitialOffsets();\n setOffsets(offsets);\n prevOffsets.current = offsets;\n }, [JSON.stringify(panes.map(function (item) { return item.size; }))]);\n useImperativeHandle(ref, function () { return wrapperRef.current; }, []);\n useEffect(function () {\n var newCollapsedStatus = [];\n offsets.forEach(function (offset, index) {\n var currentCollapsedStatus = { prev: false, next: false };\n var next = index + 1;\n var _a = getMinAndMax(index), currentMin = _a.currentMin, nextMin = _a.nextMin;\n // 当 offsets 变化时，更新各个面板的 collapsed 状态\n if (offset === currentMin) {\n currentCollapsedStatus.prev = true;\n }\n else if (offsets[next] === nextMin) {\n currentCollapsedStatus.next = true;\n }\n newCollapsedStatus.push(currentCollapsedStatus);\n });\n setCollapsedStatus(newCollapsedStatus);\n }, [offsets]);\n return (React.createElement(Tag, { style: style, className: classNames, ref: wrapperRef }, panes.map(function (pane, index) {\n var content = pane.content, disabled = pane.disabled, trigger = pane.trigger, _a = pane.resizable, resizable = _a === void 0 ? true : _a, _b = pane.collapsible, collapsible = _b === void 0 ? {} : _b;\n var _c = getCollapsedConfig(index), hasPrev = _c.hasPrev, hasNext = _c.hasNext;\n var prevConfig = isObject(collapsible) && isObject(collapsible.prev) ? collapsible.prev : {};\n var nextConfig = isObject(collapsible) && isObject(collapsible.next) ? collapsible.next : {};\n return (React.createElement(React.Fragment, { key: index },\n React.createElement(\"div\", { className: prefixCls + \"-pane\", style: { flexBasis: getPaneSize(index) }, ref: function (el) { return (paneContainers.current[index] = el); } }, content),\n !disabled && index !== panes.length - 1 && (React.createElement(ResizeTrigger, { className: prefixCls + \"-trigger\", direction: isTriggerHorizontal ? DIRECTION_HORIZONTAL : DIRECTION_VERTICAL, icon: icon, onResize: function (e) { return onTriggerResize(e, index); }, onMouseDown: function (e) { return onTriggerMouseDown(e, index); }, collapsible: {\n prev: hasPrev\n ? {\n onClick: function (e) { return handleCollapsed(e, index, 'prev', prevConfig.onClick); },\n icon: prevConfig.icon,\n collapsed: collapsedStatus[index].prev,\n }\n : undefined,\n next: hasNext\n ? {\n onClick: function (e) { return handleCollapsed(e, index, 'next', nextConfig.onClick); },\n icon: nextConfig.icon,\n collapsed: collapsedStatus[index].next,\n }\n : undefined,\n }, resizable: resizable, renderChildren: trigger }))));\n })));\n}\nvar SplitGroupComponent = forwardRef(SplitGroup);\nSplitGroupComponent.displayName = 'ResizeBoxSplitGroup';\nexport default SplitGroupComponent;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { useContext, forwardRef, useImperativeHandle, useState, useRef, } from 'react';\nimport cs from '../_util/classNames';\nimport { ConfigContext } from '../ConfigProvider';\nimport { on, off } from '../_util/dom';\nimport ResizeTrigger from './resize-trigger';\nimport Split from './split';\nimport useMergeValue from '../_util/hooks/useMergeValue';\nimport { isNumber } from '../_util/is';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nimport SplitGroup from './split-group';\nvar DIRECTION_LEFT = 'left';\nvar DIRECTION_RIGHT = 'right';\nvar DIRECTION_TOP = 'top';\nvar DIRECTION_BOTTOM = 'bottom';\nvar allDirections = [\n DIRECTION_LEFT,\n DIRECTION_RIGHT,\n DIRECTION_TOP,\n DIRECTION_BOTTOM,\n];\nvar defaultProps = {\n component: 'div',\n directions: ['right'],\n resizeIcons: {},\n resizeTriggers: {},\n};\nfunction ResizeBox(baseProps, ref) {\n var _a = useContext(ConfigContext), getPrefixCls = _a.getPrefixCls, componentConfig = _a.componentConfig;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.ResizeBox);\n var style = props.style, className = props.className, component = props.component, directions = props.directions, resizeIcons = props.resizeIcons, children = props.children, resizeTriggers = props.resizeTriggers, propWidth = props.width, propHeight = props.height;\n var prefixCls = getPrefixCls('resizebox');\n var classNames = cs(prefixCls, className);\n var _b = __read(useState({}), 2), paddingStyles = _b[0], setPaddingStyles = _b[1];\n var _c = __read(useMergeValue(undefined, { value: propWidth }), 2), width = _c[0], setWidth = _c[1];\n var _d = __read(useMergeValue(undefined, { value: propHeight }), 2), height = _d[0], setHeight = _d[1];\n var recordRef = useRef({\n startX: 0,\n startY: 0,\n startWidth: 0,\n startHeight: 0,\n direction: DIRECTION_RIGHT,\n moving: false,\n padding: {\n top: 0,\n bottom: 0,\n left: 0,\n right: 0,\n },\n });\n var wrapperRef = useRef();\n useImperativeHandle(ref, function () { return wrapperRef.current; }, []);\n function getIsHorizontal(direction) {\n return [DIRECTION_TOP, DIRECTION_BOTTOM].indexOf(direction) > -1;\n }\n function getRealSize(clientSize, padding) {\n if (clientSize === 0)\n return 0;\n var res = clientSize - padding;\n return res <= 0 ? 0 : res;\n }\n function onTriggerMouseDown(direction, e) {\n var _a, _b;\n props.onMovingStart && props.onMovingStart();\n recordRef.current.moving = true;\n recordRef.current.startX = e.pageX;\n recordRef.current.startY = e.pageY;\n recordRef.current.direction = direction;\n // 因为 clientWidth 拿到的尺寸包含 padding，而 padding 不应该成为 width 计算的一部分，所以需要去掉。\n var _c = recordRef.current.padding, top = _c.top, left = _c.left, right = _c.right, bottom = _c.bottom;\n recordRef.current.startWidth = getRealSize((_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.clientWidth, left + right);\n recordRef.current.startHeight = getRealSize((_b = wrapperRef.current) === null || _b === void 0 ? void 0 : _b.clientHeight, top + bottom);\n on(window, 'mousemove', moving);\n on(window, 'touchmove', moving);\n on(window, 'mouseup', moveEnd);\n on(window, 'touchend', moveEnd);\n on(window, 'contextmenu', moveEnd);\n document.body.style.cursor = getIsHorizontal(direction) ? 'row-resize' : 'col-resize';\n }\n function moving(e) {\n if (!recordRef.current.moving)\n return false;\n var _a = recordRef.current, startX = _a.startX, startY = _a.startY, startWidth = _a.startWidth, startHeight = _a.startHeight;\n var newWidth = startWidth;\n var newHeight = startHeight;\n // 往右移动的距离\n var offsetX = e.pageX - startX;\n // 往下移动的距离\n var offsetY = e.pageY - startY;\n switch (recordRef.current.direction) {\n case DIRECTION_LEFT:\n newWidth = startWidth - offsetX;\n setWidth(newWidth);\n break;\n case DIRECTION_RIGHT:\n newWidth = startWidth + offsetX;\n setWidth(newWidth);\n break;\n case DIRECTION_TOP:\n newHeight = startHeight - offsetY;\n setHeight(newHeight);\n break;\n case DIRECTION_BOTTOM:\n newHeight = startHeight + offsetY;\n setHeight(newHeight);\n break;\n default:\n break;\n }\n props.onMoving &&\n props.onMoving(e, {\n width: newWidth,\n height: newHeight,\n });\n }\n function moveEnd() {\n recordRef.current.moving = false;\n offEvents();\n document.body.style.cursor = 'default';\n props.onMovingEnd && props.onMovingEnd();\n }\n function offEvents() {\n off(window, 'mousemove', moving);\n off(window, 'touchmove', moving);\n off(window, 'mouseup', moveEnd);\n off(window, 'touchend', moveEnd);\n off(window, 'contextmenu', moveEnd);\n }\n function onTriggerResize(direction, e) {\n var isHorizontal = getIsHorizontal(direction);\n var contentRect = e[0].contentRect;\n var styleDirection = \"\" + direction.slice(0, 1).toUpperCase() + direction.slice(1);\n var size = contentRect[isHorizontal ? 'height' : 'width'];\n // 记录 padding，用于计算 width\n recordRef.current.padding[direction] = size;\n setPaddingStyles(function (pre) {\n var _a;\n return (__assign(__assign({}, pre), (_a = {}, _a[\"padding\" + styleDirection] = size, _a)));\n });\n }\n var wrapperStyles = __assign(__assign(__assign(__assign({}, paddingStyles), (style || {})), (isNumber(width) ? { width: width } : {})), (isNumber(height) ? { height: height } : {}));\n var Tag = component;\n return (React.createElement(Tag, { style: wrapperStyles, className: classNames, ref: wrapperRef },\n children,\n directions.map(function (direction) {\n if (allDirections.indexOf(direction) !== -1) {\n return (React.createElement(ResizeTrigger, { key: direction, className: prefixCls + \"-direction-\" + direction, direction: getIsHorizontal(direction) ? 'horizontal' : 'vertical', icon: resizeIcons[direction], onMouseDown: function (e) {\n onTriggerMouseDown(direction, e);\n }, onResize: function (e) {\n onTriggerResize(direction, e);\n } }, resizeTriggers[direction]));\n }\n })));\n}\nvar ForwardRefResizeBox = forwardRef(ResizeBox);\nvar ResizeBoxComponent = ForwardRefResizeBox;\nResizeBoxComponent.Split = Split;\nResizeBoxComponent.SplitGroup = SplitGroup;\nResizeBoxComponent.displayName = 'ResizeBox';\nexport default ResizeBoxComponent;\n","// https://github.com/ant-design/ant-design/blob/master/components/_util/responsiveObserve.ts\nvar __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nexport var responsiveArray = ['xxl', 'xl', 'lg', 'md', 'sm', 'xs'];\nexport var responsiveMap = {\n xs: '(max-width: 575px)',\n sm: '(min-width: 576px)',\n md: '(min-width: 768px)',\n lg: '(min-width: 992px)',\n xl: '(min-width: 1200px)',\n xxl: '(min-width: 1600px)',\n};\nvar subscribers = [];\nvar subUid = -1;\nvar screens = {};\nvar responsiveObserve = {\n matchHandlers: {},\n dispatch: function (pointMap, breakpointChecked) {\n screens = pointMap;\n if (subscribers.length < 1) {\n return false;\n }\n subscribers.forEach(function (item) {\n item.func(screens, breakpointChecked);\n });\n return true;\n },\n subscribe: function (func) {\n if (subscribers.length === 0) {\n this.register();\n }\n var token = (++subUid).toString();\n subscribers.push({\n token: token,\n func: func,\n });\n func(screens, null);\n return token;\n },\n unsubscribe: function (token) {\n subscribers = subscribers.filter(function (item) { return item.token !== token; });\n if (subscribers.length === 0) {\n this.unregister();\n }\n },\n unregister: function () {\n var _this = this;\n Object.keys(responsiveMap).forEach(function (screen) {\n var matchMediaQuery = responsiveMap[screen];\n var handler = _this.matchHandlers[matchMediaQuery];\n if (handler && handler.mql && handler.listener) {\n handler.mql.removeListener(handler.listener);\n }\n });\n },\n register: function () {\n var _this = this;\n Object.keys(responsiveMap).forEach(function (screen) {\n var matchMediaQuery = responsiveMap[screen];\n var listener = function (_a) {\n var _b;\n var matches = _a.matches;\n _this.dispatch(__assign(__assign({}, screens), (_b = {}, _b[screen] = matches, _b)), screen);\n };\n var mql = window.matchMedia(matchMediaQuery);\n mql.addListener(listener);\n _this.matchHandlers[matchMediaQuery] = {\n mql: mql,\n listener: listener,\n };\n listener(mql);\n });\n },\n};\nexport default responsiveObserve;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { forwardRef, useContext, useEffect, createContext, useRef, useMemo, useState, } from 'react';\nimport cs from '../_util/classNames';\nimport IconLeft from '../../icon/react-icon/IconLeft';\nimport IconRight from '../../icon/react-icon/IconRight';\nimport { ConfigContext } from '../ConfigProvider';\nimport ResizeBox from '../ResizeBox';\nimport { isArray, isNumber } from '../_util/is';\nimport ResponsiveObserve, { responsiveMap } from '../_util/responsiveObserve';\nimport useMergeValue from '../_util/hooks/useMergeValue';\nexport var SiderContext = createContext({\n siderCollapsed: false,\n collapsedWidth: 64,\n});\nvar generateId = (function () {\n var i = 0;\n return function (prefix) {\n if (prefix === void 0) { prefix = ''; }\n i += 1;\n return \"\" + prefix + i;\n };\n})();\nfunction Sider(props, ref) {\n var _a;\n var _b;\n var children = props.children, className = props.className, style = props.style, _c = props.theme, theme = _c === void 0 ? 'light' : _c, trigger = props.trigger, reverseArrow = props.reverseArrow, _d = props.collapsedWidth, collapsedWidth = _d === void 0 ? 48 : _d, _e = props.width, width = _e === void 0 ? 200 : _e, collapsible = props.collapsible, resizeDirections = props.resizeDirections, onSiderMount = props.onSiderMount, onSiderUnmount = props.onSiderUnmount, breakpoint = props.breakpoint, onBreakpoint = props.onBreakpoint, onCollapse = props.onCollapse, _f = props.resizeBoxProps, resizeBoxProps = _f === void 0 ? {} : _f;\n var uniqueId = generateId('arco-sider-');\n var getPrefixCls = useContext(ConfigContext).getPrefixCls;\n var prefixCls = getPrefixCls('layout-sider');\n var _g = __read(useMergeValue(false, {\n value: props.collapsed,\n }), 2), collapsed = _g[0], setCollapsed = _g[1];\n // Parsing props width from number to string, to be used as css property value.\n // Using px as the default unit\n var propsWidth = isNumber(width) ? width + \"px\" : String(width);\n var _h = __read(useState(propsWidth), 2), siderWidth = _h[0], setSiderWidth = _h[1];\n var refResponsiveHandlerToken = useRef(null);\n // 提供给 ResponsiveHandler，使得其可以获得最新的 state 值\n var refStateForResponsiveHandler = useRef(null);\n refStateForResponsiveHandler.current = {\n breakpoint: breakpoint,\n collapsed: collapsed,\n onCollapse: onCollapse,\n onBreakpoint: onBreakpoint,\n };\n useEffect(function () {\n onSiderMount && onSiderMount(uniqueId);\n if (collapsible && breakpoint in responsiveMap) {\n refResponsiveHandlerToken.current = ResponsiveObserve.subscribe(function (screens, breakpointChecked) {\n var _a = refStateForResponsiveHandler.current, breakpoint = _a.breakpoint, collapsed = _a.collapsed, onCollapse = _a.onCollapse, onBreakpoint = _a.onBreakpoint;\n if (!breakpointChecked || breakpointChecked === breakpoint) {\n var nextCollapsed = !screens[breakpoint];\n if (nextCollapsed !== collapsed) {\n setCollapsed(nextCollapsed);\n onCollapse && onCollapse(nextCollapsed, 'responsive');\n }\n onBreakpoint && onBreakpoint(nextCollapsed);\n }\n });\n }\n return function () {\n onSiderUnmount && onSiderUnmount(uniqueId);\n if (refResponsiveHandlerToken.current) {\n ResponsiveObserve.unsubscribe(refResponsiveHandlerToken.current);\n }\n };\n }, []);\n useEffect(function () {\n // Parsing collapsed width from number to string, to be used as css property value.\n // Using px as the default unit\n var _collapsedWidth = isNumber(collapsedWidth)\n ? collapsedWidth + \"px\"\n : String(collapsedWidth);\n setSiderWidth(collapsed ? _collapsedWidth : propsWidth);\n }, [collapsed, propsWidth, collapsedWidth]);\n var resizable = (resizeDirections && isArray(resizeDirections)) || ((_b = resizeBoxProps.directions) === null || _b === void 0 ? void 0 : _b.length);\n var TagName = resizable ? ResizeBox : 'aside';\n var renderTrigger = function () {\n var _a;\n var triggerIcon = trigger ||\n (collapsed ? (reverseArrow ? (React.createElement(IconLeft, null)) : (React.createElement(IconRight, null))) : reverseArrow ? (React.createElement(IconRight, null)) : (React.createElement(IconLeft, null)));\n return collapsible && trigger !== null ? (React.createElement(\"div\", { style: { width: siderWidth }, className: cs(prefixCls + \"-trigger\", (_a = {},\n _a[prefixCls + \"-trigger-light\"] = theme === 'light',\n _a)), onClick: function () {\n setCollapsed(!collapsed);\n onCollapse && onCollapse(!collapsed, 'clickTrigger');\n } }, triggerIcon)) : null;\n };\n var resizeProps = useMemo(function () {\n if (resizable) {\n return __assign(__assign({ component: 'aside', onMoving: function (_, _a) {\n var currentWidth = _a.width;\n setSiderWidth(currentWidth);\n } }, resizeBoxProps), { width: siderWidth, directions: resizeDirections });\n }\n return {};\n }, [resizable, resizeDirections, siderWidth, resizeBoxProps]);\n return (React.createElement(SiderContext.Provider, { value: {\n siderCollapsed: collapsed,\n collapsedWidth: collapsedWidth,\n } },\n React.createElement(TagName, __assign({ ref: ref, style: __assign({ width: siderWidth }, style), className: cs(prefixCls, (_a = {},\n _a[prefixCls + \"-light\"] = theme === 'light',\n _a[prefixCls + \"-has-trigger\"] = trigger !== null && collapsible,\n _a[prefixCls + \"-collapsed\"] = collapsed,\n _a), className) }, resizeProps),\n React.createElement(\"div\", { className: prefixCls + \"-children\" }, children),\n renderTrigger())));\n}\nvar SiderComponent = forwardRef(Sider);\nSiderComponent.defaultProps = {\n // private use\n sign: 'sider',\n};\nSiderComponent.displayName = 'LayoutSider';\nexport default SiderComponent;\n","import _extends from \"@babel/runtime/helpers/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\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\nimport React, { useContext } from 'react';\nimport { IconContext } from '../context';\n\nfunction IconMenuFoldComponent(iconProps, ref) {\n var _useContext = useContext(IconContext),\n _useContext$prefixCls = _useContext.prefixCls,\n prefixCls = _useContext$prefixCls === void 0 ? 'arco' : _useContext$prefixCls;\n\n var spin = iconProps.spin,\n className = iconProps.className;\n\n var props = _objectSpread(_objectSpread({\n \"aria-hidden\": true,\n focusable: false,\n ref: ref\n }, iconProps), {}, {\n className: \"\".concat(className ? className + ' ' : '').concat(prefixCls, \"-icon \").concat(prefixCls, \"-icon-menu-fold\")\n });\n\n if (spin) {\n props.className = \"\".concat(props.className, \" \").concat(prefixCls, \"-icon-loading\");\n }\n\n delete props.spin;\n delete props.isIcon;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"4\",\n viewBox: \"0 0 48 48\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M42 11H6M42 24H22M42 37H6M13.66 26.912l-4.82-3.118 4.82-3.118v6.236Z\"\n }));\n}\n\nvar IconMenuFold = /*#__PURE__*/React.forwardRef(IconMenuFoldComponent);\nIconMenuFold.defaultProps = {\n isIcon: true\n};\nIconMenuFold.displayName = 'IconMenuFold';\nexport default IconMenuFold;","import _extends from \"@babel/runtime/helpers/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\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\nimport React, { useContext } from 'react';\nimport { IconContext } from '../context';\n\nfunction IconMenuUnfoldComponent(iconProps, ref) {\n var _useContext = useContext(IconContext),\n _useContext$prefixCls = _useContext.prefixCls,\n prefixCls = _useContext$prefixCls === void 0 ? 'arco' : _useContext$prefixCls;\n\n var spin = iconProps.spin,\n className = iconProps.className;\n\n var props = _objectSpread(_objectSpread({\n \"aria-hidden\": true,\n focusable: false,\n ref: ref\n }, iconProps), {}, {\n className: \"\".concat(className ? className + ' ' : '').concat(prefixCls, \"-icon \").concat(prefixCls, \"-icon-menu-unfold\")\n });\n\n if (spin) {\n props.className = \"\".concat(props.className, \" \").concat(prefixCls, \"-icon-loading\");\n }\n\n delete props.spin;\n delete props.isIcon;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"4\",\n viewBox: \"0 0 48 48\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M6 11h36M22 24h20M6 37h36M8 20.882 12.819 24 8 27.118v-6.236Z\"\n }));\n}\n\nvar IconMenuUnfold = /*#__PURE__*/React.forwardRef(IconMenuUnfoldComponent);\nIconMenuUnfold.defaultProps = {\n isIcon: true\n};\nIconMenuUnfold.displayName = 'IconMenuUnfold';\nexport default IconMenuUnfold;","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport React, { useEffect, useContext, forwardRef, useRef, useMemo } from 'react';\nimport cs from '../_util/classNames';\nimport Item from './item';\nimport ItemGroup from './item-group';\nimport SubMenu from './sub-menu';\nimport OverflowWrap from './overflow-wrap';\nimport omit from '../_util/omit';\nimport { generateInfoMap, processChildren } from './util';\nimport { ConfigContext } from '../ConfigProvider';\nimport { SiderContext } from '../Layout';\nimport useMergeValue from '../_util/hooks/useMergeValue';\nimport IconMenuFold from '../../icon/react-icon/IconMenuFold';\nimport IconMenuUnfold from '../../icon/react-icon/IconMenuUnfold';\nimport useForceUpdate from '../_util/hooks/useForceUpdate';\nimport MenuContext from './context';\nimport useMergeProps from '../_util/hooks/useMergeProps';\n// Generate DOM id for instance\nvar globalMenuIndex = 0;\nvar DEFAULT_THEME = 'light';\nvar defaultProps = {\n mode: 'vertical',\n selectable: true,\n ellipsis: true,\n};\nfunction Menu(baseProps, ref) {\n var _a;\n var _b = useContext(ConfigContext), getPrefixCls = _b.getPrefixCls, componentConfig = _b.componentConfig;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Menu);\n var style = props.style, children = props.children, className = props.className, menuPrefixCls = props.prefixCls, mode = props.mode, propTheme = props.theme, icons = props.icons, levelIndent = props.levelIndent, propCollapse = props.collapse, inDropdown = props.inDropdown, selectable = props.selectable, triggerProps = props.triggerProps, tooltipProps = props.tooltipProps, ellipsis = props.ellipsis, accordion = props.accordion, autoOpen = props.autoOpen, autoScrollIntoView = props.autoScrollIntoView, scrollConfig = props.scrollConfig, hasCollapseButton = props.hasCollapseButton, defaultOpenKeys = props.defaultOpenKeys, defaultSelectedKeys = props.defaultSelectedKeys, propOpenKeys = props.openKeys, propSelectedKeys = props.selectedKeys, onClickSubMenu = props.onClickSubMenu, onClickMenuItem = props.onClickMenuItem, onCollapseChange = props.onCollapseChange, rest = __rest(props, [\"style\", \"children\", \"className\", \"prefixCls\", \"mode\", \"theme\", \"icons\", \"levelIndent\", \"collapse\", \"inDropdown\", \"selectable\", \"triggerProps\", \"tooltipProps\", \"ellipsis\", \"accordion\", \"autoOpen\", \"autoScrollIntoView\", \"scrollConfig\", \"hasCollapseButton\", \"defaultOpenKeys\", \"defaultSelectedKeys\", \"openKeys\", \"selectedKeys\", \"onClickSubMenu\", \"onClickMenuItem\", \"onCollapseChange\"]);\n var _c = __read(useMergeValue([], {\n defaultValue: defaultOpenKeys,\n value: propOpenKeys,\n }), 2), openKeys = _c[0], setOpenKeys = _c[1];\n var _d = __read(useMergeValue([], {\n defaultValue: defaultSelectedKeys,\n value: propSelectedKeys,\n }), 2), selectedKeys = _d[0], setSelectedKeys = _d[1];\n var _e = __read(useMergeValue(false, {\n value: propCollapse,\n }), 2), collapse = _e[0], setCollapse = _e[1];\n var menuContext = useContext(MenuContext);\n var siderCollapsed = useContext(SiderContext).siderCollapsed;\n var prefixCls = menuPrefixCls || getPrefixCls('menu');\n var mergedCollapse = siderCollapsed || collapse || inDropdown || mode === 'popButton';\n var theme = propTheme || menuContext.theme || DEFAULT_THEME;\n var refSubMenuKeys = useRef([]);\n var refPrevSubMenuKeys = useRef([]);\n var forceUpdate = useForceUpdate();\n var menuInfoMap = useMemo(function () {\n return generateInfoMap(children);\n }, [children]);\n // Unique ID of this select instance\n var instanceId = useMemo(function () {\n if (rest.id) {\n return rest.id;\n }\n var id = prefixCls + \"-\" + globalMenuIndex;\n globalMenuIndex++;\n return id;\n }, [rest.id]);\n // autoOpen 时，初次渲染展开所有的子菜单\n useEffect(function () {\n // 从 openKeys 中过滤已经不存在的 subMenuKey\n var validOpenKeys = openKeys.filter(function (key) { return refSubMenuKeys.current.indexOf(key) !== -1; });\n if (autoOpen) {\n var keysAdded = refSubMenuKeys.current.filter(function (key) { return refPrevSubMenuKeys.current.indexOf(key) === -1; });\n validOpenKeys = openKeys.concat(keysAdded);\n }\n setOpenKeys(accordion ? validOpenKeys.slice(0, 1) : validOpenKeys);\n refPrevSubMenuKeys.current = refSubMenuKeys.current.slice();\n }, [refSubMenuKeys.current.toString()]);\n var mergedHasCollapseButton = mode !== 'horizontal' && mode !== 'popButton' && !inDropdown && hasCollapseButton;\n var renderChildren = function () {\n var childrenList = processChildren(children, { level: 1 });\n var collapseIcon = collapse\n ? (icons && icons.collapseActive) || React.createElement(IconMenuUnfold, null)\n : (icons && icons.collapseDefault) || React.createElement(IconMenuFold, null);\n return (React.createElement(React.Fragment, null,\n React.createElement(\"div\", { className: prefixCls + \"-inner\" }, mode === 'horizontal' && ellipsis !== false ? (React.createElement(OverflowWrap, null, childrenList)) : (childrenList)),\n mergedHasCollapseButton && (React.createElement(\"div\", { tabIndex: 0, role: \"button\", \"aria-controls\": instanceId, \"aria-expanded\": !collapse, className: prefixCls + \"-collapse-button\", onClick: function () {\n var newCollapse = !collapse;\n setCollapse(newCollapse);\n onCollapseChange && onCollapseChange(newCollapse);\n } }, collapseIcon))));\n };\n var usedStyle = __assign({}, style);\n if (mergedCollapse && !inDropdown) {\n delete usedStyle.width;\n }\n return (React.createElement(\"div\", __assign({ id: mergedHasCollapseButton ? instanceId : undefined, role: \"menu\" }, omit(rest, ['isMenu']), { ref: ref, style: usedStyle, className: cs(prefixCls, prefixCls + \"-\" + theme, prefixCls + \"-\" + (mode === 'horizontal' ? 'horizontal' : 'vertical'), (_a = {},\n _a[prefixCls + \"-collapse\"] = mergedCollapse,\n // 缩起状态自动变成 pop 模式\n _a[prefixCls + \"-pop\"] = mode === 'pop' || mergedCollapse,\n _a[prefixCls + \"-pop-button\"] = mode === 'popButton',\n _a), className) }),\n React.createElement(MenuContext.Provider, { value: {\n mode: mode,\n theme: theme,\n collapse: mergedCollapse,\n levelIndent: levelIndent,\n inDropdown: inDropdown,\n selectedKeys: selectedKeys,\n openKeys: openKeys,\n icons: icons,\n triggerProps: triggerProps,\n tooltipProps: tooltipProps,\n autoScrollIntoView: autoScrollIntoView,\n scrollConfig: scrollConfig,\n // pass props directly\n id: instanceId,\n prefixCls: prefixCls,\n collectInlineMenuKeys: function (key, unmount) {\n if (unmount) {\n refSubMenuKeys.current = refSubMenuKeys.current.filter(function (x) { return x !== key; });\n }\n else {\n refSubMenuKeys.current.push(key);\n }\n forceUpdate();\n },\n onClickMenuItem: function (key, event) {\n var _a;\n selectable && setSelectedKeys([key]);\n onClickMenuItem && onClickMenuItem(key, event, (_a = menuInfoMap[key]) === null || _a === void 0 ? void 0 : _a.keyPath);\n },\n onClickSubMenu: function (key, level, type) {\n var _a;\n var newOpenKeys = __spreadArray([], __read(openKeys), false);\n if (type === 'inline') {\n if ((openKeys === null || openKeys === void 0 ? void 0 : openKeys.indexOf(key)) > -1) {\n if (accordion && level === 1) {\n newOpenKeys = [];\n }\n else {\n newOpenKeys = openKeys.filter(function (item) { return item !== key; });\n }\n }\n else if (accordion && level === 1) {\n newOpenKeys = [key];\n }\n else {\n newOpenKeys = openKeys.concat([key]);\n }\n }\n setOpenKeys(newOpenKeys);\n onClickSubMenu && onClickSubMenu(key, newOpenKeys, (_a = menuInfoMap[key]) === null || _a === void 0 ? void 0 : _a.keyPath);\n },\n } }, renderChildren())));\n}\nvar ForwardRefMenu = forwardRef(Menu);\nvar MenuComponent = ForwardRefMenu;\nMenuComponent.displayName = 'Menu';\nMenuComponent.Item = Item;\nMenuComponent.SubMenu = SubMenu;\nMenuComponent.ItemGroup = ItemGroup;\n// private use\nMenuComponent.defaultProps = {\n isMenu: true,\n};\nexport default MenuComponent;\n","import _extends from \"@babel/runtime/helpers/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\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\nimport React, { useContext } from 'react';\nimport { IconContext } from '../context';\n\nfunction IconObliqueLineComponent(iconProps, ref) {\n var _useContext = useContext(IconContext),\n _useContext$prefixCls = _useContext.prefixCls,\n prefixCls = _useContext$prefixCls === void 0 ? 'arco' : _useContext$prefixCls;\n\n var spin = iconProps.spin,\n className = iconProps.className;\n\n var props = _objectSpread(_objectSpread({\n \"aria-hidden\": true,\n focusable: false,\n ref: ref\n }, iconProps), {}, {\n className: \"\".concat(className ? className + ' ' : '').concat(prefixCls, \"-icon \").concat(prefixCls, \"-icon-oblique-line\")\n });\n\n if (spin) {\n props.className = \"\".concat(props.className, \" \").concat(prefixCls, \"-icon-loading\");\n }\n\n delete props.spin;\n delete props.isIcon;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"4\",\n viewBox: \"0 0 48 48\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M29.506 6.502 18.493 41.498\"\n }));\n}\n\nvar IconObliqueLine = /*#__PURE__*/React.forwardRef(IconObliqueLineComponent);\nIconObliqueLine.defaultProps = {\n isIcon: true\n};\nIconObliqueLine.displayName = 'IconObliqueLine';\nexport default IconObliqueLine;","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { useContext, forwardRef } from 'react';\nimport cs from '../_util/classNames';\nimport Item from './item';\nimport { ConfigContext } from '../ConfigProvider';\nimport Menu from '../Menu';\nimport IconObliqueLine from '../../icon/react-icon/IconObliqueLine';\nimport omit from '../_util/omit';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nvar defaultItemRender = function (route, routes, paths) {\n if (routes.indexOf(route) === routes.length - 1) {\n return React.createElement(\"span\", null, route.breadcrumbName);\n }\n return React.createElement(\"a\", { href: \"#/\" + paths.join('/').replace(/^\\//, '') }, route.breadcrumbName);\n};\nvar defaultProps = {\n separator: React.createElement(IconObliqueLine, null),\n};\nfunction Breadcrumb(baseProps, ref) {\n var _a = useContext(ConfigContext), getPrefixCls = _a.getPrefixCls, componentConfig = _a.componentConfig;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Breadcrumb);\n var className = props.className, children = props.children, style = props.style, routes = props.routes, maxCount = props.maxCount, separator = props.separator, rest = __rest(props, [\"className\", \"children\", \"style\", \"routes\", \"maxCount\", \"separator\"]);\n var prefixCls = getPrefixCls('breadcrumb');\n var itemRender = 'itemRender' in props ? props.itemRender : defaultItemRender;\n var Ellipses = (React.createElement(\"span\", { \"aria-label\": \"ellipses of breadcrumb items\", className: prefixCls + \"-item-ellipses\" }, \"...\"));\n var Separator = (React.createElement(\"span\", { \"aria-hidden\": true, className: prefixCls + \"-item-separator\" }, separator));\n var getValidChild = function (itemToRender, delta, index) {\n var SeparatorWithKey = React.cloneElement(Separator, { key: index + \"_separator\" });\n // Show ellipses\n if (delta > 0) {\n if (index === 0) {\n return [itemToRender, SeparatorWithKey, Ellipses];\n }\n if (index > delta) {\n return [SeparatorWithKey, itemToRender];\n }\n return null;\n }\n return index === 0 ? [itemToRender] : [SeparatorWithKey, itemToRender];\n };\n var getItemsByRoute = function () {\n var paths = [];\n var delta = routes.length - maxCount;\n return routes.map(function (route, index) {\n paths.push((route.path || '').replace(/^\\//, ''));\n var droplist = route.children ? (React.createElement(Menu, null, route.children.map(function (item) {\n return (React.createElement(Menu.Item, { key: item.path || item.breadcrumbName }, itemRender(item, routes, paths)));\n }))) : null;\n return getValidChild(React.createElement(Item, { prefixCls: prefixCls, key: route.path || route.breadcrumbName, droplist: droplist }, itemRender(route, routes, paths)), delta, index);\n });\n };\n var getItemsByChildren = function () {\n var delta = React.Children.toArray(children).length - maxCount;\n return React.Children.map(children, function (child, index) {\n return (child &&\n getValidChild(React.cloneElement(child, {\n prefixCls: prefixCls,\n }), delta, index));\n });\n };\n return (React.createElement(\"div\", __assign({ role: \"list\", ref: ref, style: style, className: cs(prefixCls, className) }, omit(rest, ['itemRender'])), routes && routes.length ? getItemsByRoute() : getItemsByChildren()));\n}\nvar ForwardRefBreadcrumb = forwardRef(Breadcrumb);\nvar BreadcrumbComponent = ForwardRefBreadcrumb;\nBreadcrumbComponent.displayName = 'Breadcrumb';\nBreadcrumbComponent.Item = Item;\nexport default BreadcrumbComponent;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport originDayjs from 'dayjs';\nimport customParseFormat from 'dayjs/plugin/customParseFormat';\nimport isBetween from 'dayjs/plugin/isBetween';\nimport weekOfYear from 'dayjs/plugin/weekOfYear';\nimport AdvancedFormat from 'dayjs/plugin/advancedFormat';\nimport weekYear from 'dayjs/plugin/weekYear';\nimport QuarterOfYear from 'dayjs/plugin/quarterOfYear';\nimport { isDayjs, isArray, isUndefined } from '../_util/is';\nvar isMoment = originDayjs()._isAMomentObject;\nif (isMoment) {\n originDayjs.extend = function () { };\n}\nvar overwriteIsDayjs = function (_, Dayjs, dayjs) {\n dayjs = function (date, c) {\n if (isDayjs(date)) {\n return date.clone();\n }\n var cfg = typeof c === 'object' ? c : {};\n cfg.date = date;\n cfg.args = arguments; // eslint-disable-line prefer-rest-params\n return new Dayjs(cfg);\n };\n var proto = Dayjs.prototype;\n var old$Utils = proto.$utils;\n proto.$utils = function () {\n var newUtils = old$Utils();\n newUtils.i = isDayjs;\n return newUtils;\n };\n dayjs.isDayjs = isDayjs;\n};\noriginDayjs.extend(overwriteIsDayjs);\noriginDayjs.extend(customParseFormat);\noriginDayjs.extend(isBetween);\noriginDayjs.extend(weekOfYear);\noriginDayjs.extend(AdvancedFormat);\noriginDayjs.extend(weekYear);\noriginDayjs.extend(QuarterOfYear);\nexport var dayjs = originDayjs;\n// 兼容 moment\nexport var methods = {\n add: function (time, value, unit) {\n return isMoment ? time.clone().add(value, unit) : time.add(value, unit);\n },\n subtract: function (time, value, unit) {\n return isMoment ? time.clone().subtract(value, unit) : time.subtract(value, unit);\n },\n startOf: function (time, unit) {\n return isMoment ? time.clone().startOf(unit) : time.startOf(unit);\n },\n endOf: function (time, unit) {\n return isMoment ? time.clone().endOf(unit) : time.endOf(unit);\n },\n set: function (time, unit, value) {\n return isMoment ? time.clone().set(unit, value) : time.set(unit, value);\n },\n isSameWeek: function (date1, date2, weekStart, localeName) {\n return isMoment\n ? date1.locale(localeName, { week: { dow: weekStart } }).isSame(date2, 'week')\n : date1.locale(__assign(__assign({}, dayjs.Ls[localeName]), { weekStart: weekStart })).isSame(date2, 'week');\n },\n};\n// convert timezone to utcOffset\n// https://github.com/iamkun/dayjs/blob/dev/src/plugin/timezone/index.js#L3\nvar typeToPos = {\n year: 0,\n month: 1,\n day: 2,\n hour: 3,\n minute: 4,\n second: 5,\n};\n// Cache time-zone lookups from Intl.DateTimeFormat,\n// as it is a *very* slow method.\nvar dtfCache = {};\nvar getDateTimeFormat = function (timezone, timeZoneName) {\n var key = timezone + \"|\" + (timeZoneName || 'short');\n var dtf = dtfCache[key];\n if (!dtf) {\n dtf = new Intl.DateTimeFormat('en-US', {\n hour12: false,\n timeZone: timezone,\n year: 'numeric',\n month: '2-digit',\n day: '2-digit',\n hour: '2-digit',\n minute: '2-digit',\n second: '2-digit',\n });\n dtfCache[key] = dtf;\n }\n return dtf;\n};\nvar makeFormatParts = function (timestamp, timezone) {\n var date = new Date(timestamp);\n var dtf = getDateTimeFormat(timezone);\n return dtf.formatToParts(date);\n};\nvar tzOffset = function (timestamp, timezone) {\n var formatResult = makeFormatParts(timestamp, timezone);\n var filled = [];\n for (var i = 0; i < formatResult.length; i += 1) {\n var _a = formatResult[i], type = _a.type, value = _a.value;\n var pos = typeToPos[type];\n if (pos >= 0) {\n filled[pos] = parseInt(value, 10);\n }\n }\n var hour = filled[3];\n // Workaround for the same behavior in different node version\n // https://github.com/nodejs/node/issues/33027\n /* istanbul ignore next */\n var fixedHour = hour === 24 ? 0 : hour;\n var utcTs = Date.UTC(filled[0], filled[1] - 1, filled[2], fixedHour, filled[4], filled[5], 0);\n var asTS = +timestamp;\n var over = asTS % 1000;\n asTS -= over;\n return (utcTs - asTS) / (60 * 1000);\n};\n// find the right offset a given local time. The o input is our guess, which determines which\n// offset we'll pick in ambiguous cases (e.g. there are two 3 AMs b/c Fallback DST)\n// https://github.com/moment/luxon/blob/master/src/datetime.js#L76\nvar fixOffset = function (localTS, o0, tz) {\n // Our UTC time is just a guess because our offset is just a guess\n var utcGuess = localTS - o0 * 60 * 1000;\n // Test whether the zone matches the offset for this ts\n var o2 = tzOffset(utcGuess, tz);\n // If so, offset didn't change and we're done\n if (o0 === o2) {\n return [utcGuess, o0];\n }\n // If not, change the ts by the difference in the offset\n utcGuess -= (o2 - o0) * 60 * 1000;\n // If that gives us the local time we want, we're done\n var o3 = tzOffset(utcGuess, tz);\n if (o2 === o3) {\n return [utcGuess, o2];\n }\n // If it's different, we're in a hole time.\n // The offset has changed, but the we don't adjust the time\n return [localTS - Math.min(o2, o3) * 60 * 1000, Math.max(o2, o3)];\n};\nexport function timezoneToOffset(inputTs, timezone) {\n return fixOffset(inputTs, tzOffset(new Date().getTime(), timezone), timezone)[1];\n}\n// get local now time\nexport function getNow(utcOffset, timezone) {\n return isUndefined(utcOffset) && !timezone ? dayjs() : toTimezone(dayjs(), utcOffset, timezone);\n}\n// convert local date to specify timezone date\nexport function toTimezone(time, utcOffset, timezone, local) {\n if (!time || (isUndefined(utcOffset) && !timezone)) {\n return time;\n }\n var localOffset = -time.toDate().getTimezoneOffset();\n var uOffset = isUndefined(utcOffset)\n ? !timezone\n ? localOffset\n : timezoneToOffset(time.valueOf(), timezone)\n : utcOffset;\n var timezoneOffset = Math.abs(uOffset) <= 16 ? uOffset * 60 : uOffset;\n var diffOffset = local ? localOffset - timezoneOffset : timezoneOffset - localOffset;\n return dayjs(dayjs(time).valueOf() + diffOffset * 60 * 1000);\n}\n// convert specify timezone date to local date\nexport function toLocal(time, utcOffset, timezone) {\n return toTimezone(time, utcOffset, timezone, true);\n}\nexport function getTimeFormat(format) {\n var units = ['H', 'h', 'm', 's', 'A', 'a'];\n var timeFormat = '';\n units.some(function (unit) {\n if (format.indexOf(unit) !== -1) {\n timeFormat = \"\" + unit + format.split(\" \" + unit)[1];\n return true;\n }\n return false;\n });\n return timeFormat || 'HH:mm:ss';\n}\nexport function getDayjsValue(time, format, utcOffset, timezone) {\n if (!time) {\n return undefined;\n }\n var formatValue = function (value) {\n if (isDayjs(value)) {\n return dayjs(value.valueOf());\n }\n if (typeof value === 'string') {\n var dv = dayjs(value, format);\n return dv.isValid() ? dv : dayjs(value, 'YYYY-MM-DD');\n }\n return dayjs(value);\n };\n // if set a timezone, convert to timezone date\n var getRealTime = function (t) {\n return utcOffset !== undefined || timezone\n ? toTimezone(formatValue(t), utcOffset, timezone)\n : formatValue(t);\n };\n if (isArray(time)) {\n return time.map(function (t) { return (t ? getRealTime(t) : undefined); });\n }\n return getRealTime(time);\n}\nexport function getValueWithTime(date, time) {\n var y = date.year();\n var m = date.month();\n var d = date.date();\n if (time) {\n var returnTime = time;\n returnTime = methods.set(returnTime, 'year', y);\n returnTime = methods.set(returnTime, 'month', m);\n returnTime = methods.set(returnTime, 'date', d);\n return returnTime;\n }\n return date;\n}\nexport function getSortedDayjsArray(values) {\n if (!values || !values[0] || !values[1]) {\n return values;\n }\n var newValues = __spreadArray([], __read(values), false);\n newValues.sort(function (a, b) { return a.valueOf() - b.valueOf(); });\n return newValues;\n}\nexport function isDayjsChange(prevValue, currentValue) {\n if (currentValue === undefined && prevValue === undefined) {\n return false;\n }\n return ((currentValue && !prevValue) ||\n (!currentValue && prevValue) ||\n dayjs(currentValue).valueOf() !== dayjs(prevValue).valueOf());\n}\nexport function isDayjsArrayChange(prevValue, currentValue) {\n if (currentValue === undefined && prevValue === undefined) {\n return false;\n }\n return ((currentValue && !prevValue) ||\n (!currentValue && prevValue) ||\n (isArray(currentValue) &&\n isArray(prevValue) &&\n dayjs(currentValue[0]).valueOf() !== dayjs(prevValue[0]).valueOf()) ||\n dayjs(currentValue[1]).valueOf() !== dayjs(prevValue[1]).valueOf());\n}\nexport function isValidTimeString(str, format) {\n return typeof str === 'string' && dayjs(str, format).format(format) === str;\n}\n","export function padStart(string, length, char) {\n if (char === void 0) { char = ' '; }\n var s = String(string);\n if (!length) {\n return s;\n }\n var newString = s.length < length ? \"\" + char + s : s;\n return newString.length < length ? padStart(newString, length, char) : newString;\n}\nexport function padEnd(string, length, char) {\n if (char === void 0) { char = ' '; }\n var s = String(string);\n if (!length) {\n return s;\n }\n var newString = s.length < length ? \"\" + s + char : s;\n return newString.length < length ? padEnd(newString, length, char) : newString;\n}\n","import React from 'react';\nfunction WeekList(props) {\n var prefixCls = props.prefixCls, dayStartOfWeek = props.dayStartOfWeek, isWeek = props.isWeek, CALENDAR_LOCALE = props.CALENDAR_LOCALE, panel = props.panel, innerMode = props.innerMode;\n var weekList = ['monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'saturday'];\n if (dayStartOfWeek === 0) {\n weekList.unshift('sunday');\n }\n else {\n weekList.push('sunday');\n }\n if (isWeek) {\n weekList.unshift('self');\n }\n var weekLocale = CALENDAR_LOCALE.week[panel || innerMode === 'year' ? 'short' : 'long'];\n return (React.createElement(\"div\", { className: prefixCls + \"-week-list\" }, weekList.map(function (w) { return (React.createElement(\"div\", { className: prefixCls + \"-week-list-item\", key: w }, weekLocale[w])); })));\n}\nexport default WeekList;\n","import cs from '../../_util/classNames';\nimport { isArray } from '../../_util/is';\nimport { getNow } from '../../_util/dayjs';\nfunction getDateValue(date, index) {\n if (!date) {\n return undefined;\n }\n if (isArray(date)) {\n return date[index];\n }\n}\nexport default function useClassName(props) {\n var prefixCls = props.prefixCls, mergedValue = props.mergedValue, rangeValues = props.rangeValues, hoverRangeValues = props.hoverRangeValues, panel = props.panel, isSameTime = props.isSameTime, innerMode = props.innerMode;\n function isInRange(current, startDate, endDate) {\n if (!startDate || !endDate) {\n return false;\n }\n return (isSameTime(current, startDate) ||\n isSameTime(current, endDate) ||\n current.isBetween(startDate, endDate, null, '[]'));\n }\n return function getCellClassName(cellDateObj, disabled) {\n var _a;\n var rangeStart = getDateValue(rangeValues, 0);\n var rangeEnd = getDateValue(rangeValues, 1);\n var hoverRangeStart = getDateValue(hoverRangeValues, 0);\n var hoverRangeEnd = getDateValue(hoverRangeValues, 1);\n var isInView = !cellDateObj.isPrev && !cellDateObj.isNext;\n var rangeAvailable = isInView && panel;\n var isRangeStart = rangeAvailable && rangeStart && isSameTime(cellDateObj.time, rangeStart);\n var isRangeEnd = rangeAvailable && rangeEnd && isSameTime(cellDateObj.time, rangeEnd);\n var nearRangeStart = hoverRangeStart && rangeStart && hoverRangeStart.isBefore(rangeStart);\n var nearRangeEnd = rangeEnd && hoverRangeEnd && hoverRangeEnd.isAfter(rangeEnd);\n var isHoverNearRange = (nearRangeStart && isRangeStart) || (nearRangeEnd && isRangeEnd);\n var isToday = isSameTime(cellDateObj.time, getNow());\n if (!panel && innerMode === 'year') {\n isToday = getNow().isSame(cellDateObj.time, 'date');\n }\n return cs(prefixCls + \"-cell\", (_a = {},\n _a[prefixCls + \"-cell-in-view\"] = isInView,\n _a[prefixCls + \"-cell-today\"] = isToday,\n _a[prefixCls + \"-cell-selected\"] = mergedValue && isSameTime(cellDateObj.time, mergedValue),\n _a[prefixCls + \"-cell-range-start\"] = isRangeStart,\n _a[prefixCls + \"-cell-range-end\"] = isRangeEnd,\n _a[prefixCls + \"-cell-in-range\"] = rangeAvailable && isInRange(cellDateObj.time, rangeStart, rangeEnd),\n _a[prefixCls + \"-cell-in-range-near-hover\"] = isHoverNearRange,\n _a[prefixCls + \"-cell-hover-range-start\"] = rangeAvailable && hoverRangeStart && isSameTime(cellDateObj.time, hoverRangeStart),\n _a[prefixCls + \"-cell-hover-range-end\"] = rangeAvailable && hoverRangeEnd && isSameTime(cellDateObj.time, hoverRangeEnd),\n _a[prefixCls + \"-cell-hover-in-range\"] = rangeAvailable && isInRange(cellDateObj.time, hoverRangeStart, hoverRangeEnd),\n _a[prefixCls + \"-cell-disabled\"] = disabled,\n _a));\n };\n}\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport React from 'react';\nimport { dayjs, methods } from '../_util/dayjs';\nimport { newArray } from '../_util/constant';\nimport { padStart } from '../_util/pad';\nimport cs from '../_util/classNames';\nimport WeekList from './week-list';\nimport useCellClassName from './hooks/useCellClassName';\nvar allDaysInOnePage = 6 * 7;\nvar getReturn = function (time) {\n return {\n year: time.year(),\n month: time.month() + 1,\n date: time.date(),\n day: time.day(),\n time: time,\n };\n};\nvar getTimeObj = function (time) {\n return {\n start: getReturn(methods.startOf(time, 'month')),\n end: getReturn(methods.endOf(time, 'month')),\n days: time.daysInMonth(),\n };\n};\nexport function getAllDaysByTime(props, time) {\n var _a = props.dayStartOfWeek, dayStartOfWeek = _a === void 0 ? 0 : _a, isWeek = props.isWeek;\n var current = getTimeObj(time);\n var flatRows = newArray(allDaysInOnePage).map(function () { return ({}); });\n // current.start.day is 0 for Sunday\n var startIndex = dayStartOfWeek === 0 ? current.start.day : (current.start.day || 7) - 1;\n flatRows[startIndex] = __assign(__assign({}, current.start), { isCurrent: true });\n // pre\n for (var i = 0; i < startIndex; i++) {\n flatRows[startIndex - i - 1] = __assign(__assign({}, getReturn(methods.subtract(current.start.time, i + 1, 'day'))), { isPrev: true });\n }\n // next\n for (var i = 0; i < allDaysInOnePage - startIndex - 1; i++) {\n flatRows[startIndex + i + 1] = __assign(__assign({}, getReturn(methods.add(current.start.time, i + 1, 'day'))), { isCurrent: i < current.days, isNext: i >= current.days - 1 });\n }\n var rows = newArray(6).map(function () { return []; });\n for (var i = 0; i < 6; i++) {\n rows[i] = flatRows.slice(i * 7, 7 * (i + 1));\n if (isWeek) {\n var weekTime = rows[i][0].time;\n var weekRows = __spreadArray([], __read(rows[i]), false);\n rows[i].unshift({\n weekRows: weekRows,\n weekOfYear: weekTime.week(),\n });\n }\n }\n return rows;\n}\nfunction Month(props) {\n var prefixCls = props.prefixCls, cell = props.cell, value = props.value, pageData = props.pageData, mergedValue = props.mergedValue, isWeek = props.isWeek, disabledDate = props.disabledDate, selectHandler = props.selectHandler, panel = props.panel, innerMode = props.innerMode, dateRender = props.dateRender, onMouseEnterCell = props.onMouseEnterCell, onMouseLeaveCell = props.onMouseLeaveCell, dateInnerContent = props.dateInnerContent, mergedPageShowDate = props.mergedPageShowDate, dayStartOfWeek = props.dayStartOfWeek, CALENDAR_LOCALE = props.CALENDAR_LOCALE;\n var pageShowDateYear = mergedPageShowDate.year();\n var getCellClassName = useCellClassName(__assign(__assign({}, props), { isSameTime: function (current, target) { return current.isSame(target, 'day'); } }));\n function renderDays(row) {\n return row.map(function (col, index) {\n var _a;\n if (col.time) {\n var disabled_1 = typeof disabledDate === 'function' && disabledDate(col.time);\n var onClickHandler = function () { return selectHandler(col.time, disabled_1); };\n var tdProps = isWeek ? { onClick: onClickHandler } : {};\n var tdDivProps = !isWeek ? { onClick: onClickHandler } : {};\n return (React.createElement(\"div\", __assign({ key: index, className: getCellClassName(col, disabled_1), onMouseEnter: function () { return onMouseEnterCell && onMouseEnterCell(col.time, disabled_1); }, onMouseLeave: function () { return onMouseLeaveCell && onMouseLeaveCell(col.time, disabled_1); } }, tdProps), dateRender ? (React.cloneElement(dateRender(col.time), tdDivProps)) : (React.createElement(\"div\", __assign({ className: prefixCls + \"-date\" }, tdDivProps),\n React.createElement(\"div\", { className: prefixCls + \"-date-value\" }, panel ? col.date : React.createElement(\"div\", { className: prefixCls + \"-date-circle\" }, col.date)),\n !panel && innerMode !== 'year' && (React.createElement(\"div\", { className: prefixCls + \"-date-content\" }, dateInnerContent && dateInnerContent(col.time)))))));\n }\n if ('weekOfYear' in col) {\n var rowYear_1 = mergedValue && mergedValue.year();\n var rowMonth_1 = mergedValue && mergedValue.month() + 1;\n var rowWeek = mergedValue && mergedValue.week();\n var selectedWeek = mergedValue &&\n col.weekRows.find(function (r) { return r.year === rowYear_1 && r.month === rowMonth_1; }) &&\n rowWeek === col.weekOfYear;\n return (React.createElement(\"div\", { key: index, className: cs(prefixCls + \"-cell\", prefixCls + \"-cell-week\", (_a = {},\n _a[prefixCls + \"-cell-selected-week\"] = selectedWeek,\n _a[prefixCls + \"-cell-in-range\"] = selectedWeek,\n _a)) },\n React.createElement(\"div\", { className: prefixCls + \"-date\" },\n React.createElement(\"div\", { className: prefixCls + \"-date-value\" }, col.weekOfYear))));\n }\n });\n }\n var pd = pageData;\n if (typeof value === 'number') {\n pd = getAllDaysByTime(props, dayjs(pageShowDateYear + \"-\" + padStart(value + 1, 2, '0') + \"-01\"));\n }\n return (React.createElement(\"div\", { className: cell ? prefixCls + \"-month-cell\" : prefixCls + \"-month\" },\n React.createElement(WeekList, { prefixCls: prefixCls, dayStartOfWeek: dayStartOfWeek, isWeek: isWeek, CALENDAR_LOCALE: CALENDAR_LOCALE, panel: panel, innerMode: innerMode }),\n React.createElement(\"div\", { className: prefixCls + \"-month-cell-body\" }, pd.map(function (row, index) {\n var _a;\n return (React.createElement(\"div\", { key: index, className: cs(prefixCls + \"-month-row\", (_a = {}, _a[prefixCls + \"-row-week\"] = isWeek, _a)) }, renderDays(row)));\n }))));\n}\nexport default Month;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nimport React from 'react';\nimport { padStart } from '../_util/pad';\nimport { dayjs } from '../_util/dayjs';\nimport Month from './month';\nimport useCellClassName from './hooks/useCellClassName';\nvar MONTHS = [\n 'January',\n 'February',\n 'March',\n 'April',\n 'May',\n 'June',\n 'July',\n 'August',\n 'September',\n 'October',\n 'November',\n 'December',\n].map(function (month, index) {\n return {\n name: month,\n value: index,\n };\n});\nvar monthGroup = Array(3);\nfor (var i = 0; i < 3; i++) {\n monthGroup[i] = MONTHS.slice(i * 4, 4 * (i + 1));\n}\nvar monthGroupPanel = Array(4);\nfor (var i = 0; i < 4; i++) {\n monthGroupPanel[i] = MONTHS.slice(i * 3, 3 * (i + 1));\n}\nfunction Year(props) {\n var prefixCls = props.prefixCls, mergedPageShowDate = props.mergedPageShowDate, panel = props.panel, onMouseEnterCell = props.onMouseEnterCell, disabledDate = props.disabledDate, monthRender = props.monthRender, selectHandler = props.selectHandler, innerMode = props.innerMode, CALENDAR_LOCALE = props.CALENDAR_LOCALE;\n var getCellClassName = useCellClassName(__assign(__assign({}, props), { isSameTime: function (current, target) { return current.isSame(target, 'month'); } }));\n var showYear = mergedPageShowDate.year();\n var mg = panel ? monthGroupPanel : monthGroup;\n return (React.createElement(\"div\", { className: prefixCls + \"-year\" }, mg.map(function (row, rowIndex) { return (React.createElement(\"div\", { className: prefixCls + \"-year-row\", key: rowIndex }, row.map(function (col) {\n var time = dayjs(showYear + \"-\" + padStart(col.value + 1, 2, '0') + \"-01\");\n var disabled = typeof disabledDate === 'function' && disabledDate(time);\n var divProps = panel ? { onClick: function () { return selectHandler(time, disabled); } } : {};\n return (React.createElement(\"div\", { key: col.value, className: getCellClassName(__assign(__assign({}, col), { time: time }), disabled), onMouseEnter: function () { return onMouseEnterCell && onMouseEnterCell(time, disabled); } }, monthRender ? (React.cloneElement(monthRender(time), divProps)) : panel ? (React.createElement(\"div\", __assign({ className: prefixCls + \"-date\" }, divProps),\n React.createElement(\"div\", { className: prefixCls + \"-date-value\" }, CALENDAR_LOCALE.month.short[col.name]))) : (React.createElement(\"div\", { className: prefixCls + \"-month-with-days\" },\n React.createElement(\"div\", { className: prefixCls + \"-month-title\" }, CALENDAR_LOCALE.month.long[col.name]),\n React.createElement(Month, __assign({}, props, { cell: true, value: col.value, innerMode: innerMode }))))));\n }))); })));\n}\nexport default Year;\n","import Select from './select';\nexport default Select;\n","var __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { createContext, useContext } from 'react';\nimport cs from '../_util/classNames';\nimport { isArray, isObject } from '../_util/is';\nimport Radio from './radio';\nimport { ConfigContext } from '../ConfigProvider';\nimport useMergeValue from '../_util/hooks/useMergeValue';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nexport var RadioGroupContext = createContext({\n type: 'radio',\n});\nvar defaultProps = {\n type: 'radio',\n mode: 'outline',\n direction: 'horizontal',\n};\nfunction Group(baseProps) {\n var _a;\n var _b = useContext(ConfigContext), getPrefixCls = _b.getPrefixCls, ctxSize = _b.size, componentConfig = _b.componentConfig;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig['Radio.Group']);\n var style = props.style, className = props.className, name = props.name, children = props.children, direction = props.direction, type = props.type, mode = props.mode, options = props.options, disabled = props.disabled;\n var _c = __read(useMergeValue(undefined, {\n defaultValue: props.defaultValue,\n value: props.value,\n }), 2), value = _c[0], setValue = _c[1];\n var size = props.size || ctxSize;\n var prefixCls = getPrefixCls('radio');\n var classNames = cs(prefixCls + \"-group\", (_a = {},\n _a[prefixCls + \"-group-type-button\"] = type !== 'radio',\n _a[prefixCls + \"-size-\" + size] = !!size,\n _a[prefixCls + \"-mode-\" + mode] = !!mode,\n _a[prefixCls + \"-group-disabled\"] = disabled,\n _a[prefixCls + \"-group-direction-vertical\"] = direction === 'vertical',\n _a), className);\n var onChangeValue = function (v, event) {\n var onChange = props.onChange;\n if (v !== value) {\n if (!('value' in props)) {\n setValue(v);\n }\n onChange && onChange(v, event);\n }\n };\n var contextProp = {\n onChangeValue: onChangeValue,\n type: type,\n value: value,\n disabled: disabled,\n group: true,\n name: name,\n };\n return (React.createElement(RadioGroupContext.Provider, { value: contextProp },\n React.createElement(\"div\", { className: classNames, style: style }, options && isArray(options)\n ? options.map(function (option, index) {\n if (isObject(option)) {\n return (React.createElement(Radio, { key: option.value, disabled: disabled || option.disabled, value: option.value }, option.label));\n }\n return (React.createElement(Radio, { key: index, value: option, disabled: disabled }, option));\n })\n : children)));\n}\nGroup.displayName = 'RadioGroup';\nexport default Group;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { useContext, useRef } from 'react';\nimport cs from '../_util/classNames';\nimport Group, { RadioGroupContext } from './group';\nimport { ConfigContext } from '../ConfigProvider';\nimport omit from '../_util/omit';\nimport useMergeValue from '../_util/hooks/useMergeValue';\nimport IconHover from '../_class/icon-hover';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nimport { isFunction } from '../_util/is';\nfunction Radio(baseProps) {\n var _a;\n var inputRef = useRef(null);\n var _b = useContext(ConfigContext), getPrefixCls = _b.getPrefixCls, componentConfig = _b.componentConfig;\n var props = useMergeProps(baseProps, {}, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Radio);\n var context = useContext(RadioGroupContext);\n var prefixCls = getPrefixCls('radio');\n var mergeProps = __assign({}, props);\n if (context.group) {\n mergeProps.checked = context.value === props.value;\n mergeProps.disabled = !!(context.disabled || props.disabled);\n }\n var disabled = mergeProps.disabled, children = mergeProps.children, value = mergeProps.value, style = mergeProps.style, className = mergeProps.className, rest = __rest(mergeProps, [\"disabled\", \"children\", \"value\", \"style\", \"className\"]);\n var _c = __read(useMergeValue(false, {\n value: mergeProps.checked,\n defaultValue: mergeProps.defaultChecked,\n }), 2), checked = _c[0], setChecked = _c[1];\n var classNames = cs(\"\" + prefixCls + (context.type === 'button' ? '-button' : ''), (_a = {},\n _a[prefixCls + \"-checked\"] = checked,\n _a[prefixCls + \"-disabled\"] = disabled,\n _a), className);\n var onChange = function (event) {\n var onChange = mergeProps.onChange, value = mergeProps.value;\n if (disabled) {\n return;\n }\n if (context.group) {\n context.onChangeValue && context.onChangeValue(value, event);\n }\n else if (!('checked' in props) && !checked) {\n setChecked(true);\n }\n !checked && onChange && onChange(true, event);\n };\n var onLabelClick = React.useCallback(function (e) {\n if (isFunction(props.children)) {\n // 避免children中含有表单元素造成label无法触发input的onchange的情况\n e.preventDefault();\n inputRef.current && inputRef.current.click();\n }\n rest.onClick && rest.onClick(e);\n }, [props.children, rest.onClick]);\n return (React.createElement(\"label\", __assign({}, omit(rest, ['checked', 'onChange']), { onClick: onLabelClick, style: style, className: classNames }),\n React.createElement(\"input\", __assign({ ref: inputRef, disabled: disabled, value: value || '', type: \"radio\" }, (context.name ? { name: context.name } : {}), { checked: checked, onChange: function (event) {\n event.persist();\n onChange(event);\n }, onClick: function (e) {\n e.stopPropagation();\n } })),\n isFunction(children) ? (children({ checked: checked })) : context.type === 'radio' ? (React.createElement(React.Fragment, null,\n React.createElement(IconHover, { prefix: prefixCls, className: prefixCls + \"-mask-wrapper\", disabled: checked || disabled },\n React.createElement(\"div\", { className: prefixCls + \"-mask\" })),\n children && React.createElement(\"span\", { className: prefixCls + \"-text\" }, children))) : (context.type === 'button' && React.createElement(\"span\", { className: prefixCls + \"-button-inner\" }, children))));\n}\nRadio.__BYTE_RADIO = true;\nRadio.displayName = 'Radio';\nRadio.Group = Group;\nRadio.GroupContext = RadioGroupContext;\nexport default Radio;\n","import Radio from './radio';\nexport default Radio;\n","import React, { useMemo } from 'react';\nimport Select from '../../Select';\nimport Button from '../../Button';\nimport Radio from '../../Radio';\nimport IconLeft from '../../../icon/react-icon/IconLeft';\nimport IconRight from '../../../icon/react-icon/IconRight';\nimport { getNow } from '../../_util/dayjs';\nimport { isArray } from '../../_util/is';\nfunction getPopupContainer(node) {\n return node.parentElement;\n}\nfunction Header(props) {\n var prefixCls = props.prefixCls, changePageShowDate = props.changePageShowDate, headerValueFormat = props.headerValueFormat, mergedPageShowDate = props.mergedPageShowDate, CALENDAR_LOCALE = props.CALENDAR_LOCALE, move = props.move, innerMode = props.innerMode, changeMode = props.changeMode, headerType = props.headerType, onChangeYear = props.onChangeYear, onChangeMonth = props.onChangeMonth, modes = props.modes;\n var modesOptions = isArray(modes)\n ? modes.map(function (m) { return ({\n label: CALENDAR_LOCALE.view[m],\n value: m,\n }); })\n : [];\n var isSelectHeaderType = headerType === 'select';\n var pageShowDateYear = mergedPageShowDate.year();\n var pageShowDateMonth = mergedPageShowDate.month() + 1;\n var optionsYear = useMemo(function () {\n var options = [pageShowDateYear];\n for (var i = 1; i <= 10; i++) {\n options.unshift(pageShowDateYear - i);\n }\n for (var i = 1; i < 10; i++) {\n options.push(pageShowDateYear + i);\n }\n return options;\n }, [pageShowDateYear]);\n var optionsMonth = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];\n return (React.createElement(\"div\", { className: prefixCls + \"-header\" },\n React.createElement(\"div\", { className: prefixCls + \"-header-left\" },\n isSelectHeaderType ? (React.createElement(React.Fragment, null,\n React.createElement(Select, { size: \"small\", className: prefixCls + \"-header-value-year\", value: pageShowDateYear, options: optionsYear, onChange: onChangeYear, getPopupContainer: getPopupContainer }),\n innerMode === 'month' && (React.createElement(Select, { size: \"small\", className: prefixCls + \"-header-value-month\", value: pageShowDateMonth, options: optionsMonth, onChange: onChangeMonth, getPopupContainer: getPopupContainer })))) : (React.createElement(React.Fragment, null,\n React.createElement(\"div\", { className: prefixCls + \"-header-icon\", onClick: function () { return changePageShowDate('prev', innerMode); } },\n React.createElement(IconLeft, null)),\n React.createElement(\"div\", { className: prefixCls + \"-header-value\" }, mergedPageShowDate.format(headerValueFormat)),\n React.createElement(\"div\", { className: prefixCls + \"-header-icon\", onClick: function () { return changePageShowDate('next', innerMode); } },\n React.createElement(IconRight, null)))),\n React.createElement(Button, { size: \"small\", onClick: function () { return move(getNow()); } }, CALENDAR_LOCALE.today)),\n React.createElement(\"div\", { className: prefixCls + \"-header-right\" },\n React.createElement(Radio.Group, { size: \"small\", type: \"button\", options: modesOptions, onChange: changeMode, value: innerMode }))));\n}\nexport default Header;\n","import _extends from \"@babel/runtime/helpers/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\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\nimport React, { useContext } from 'react';\nimport { IconContext } from '../context';\n\nfunction IconDoubleLeftComponent(iconProps, ref) {\n var _useContext = useContext(IconContext),\n _useContext$prefixCls = _useContext.prefixCls,\n prefixCls = _useContext$prefixCls === void 0 ? 'arco' : _useContext$prefixCls;\n\n var spin = iconProps.spin,\n className = iconProps.className;\n\n var props = _objectSpread(_objectSpread({\n \"aria-hidden\": true,\n focusable: false,\n ref: ref\n }, iconProps), {}, {\n className: \"\".concat(className ? className + ' ' : '').concat(prefixCls, \"-icon \").concat(prefixCls, \"-icon-double-left\")\n });\n\n if (spin) {\n props.className = \"\".concat(props.className, \" \").concat(prefixCls, \"-icon-loading\");\n }\n\n delete props.spin;\n delete props.isIcon;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"4\",\n viewBox: \"0 0 48 48\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M36.857 9.9 22.715 24.042l14.142 14.142M25.544 9.9 11.402 24.042l14.142 14.142\"\n }));\n}\n\nvar IconDoubleLeft = /*#__PURE__*/React.forwardRef(IconDoubleLeftComponent);\nIconDoubleLeft.defaultProps = {\n isIcon: true\n};\nIconDoubleLeft.displayName = 'IconDoubleLeft';\nexport default IconDoubleLeft;","import _extends from \"@babel/runtime/helpers/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\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\nimport React, { useContext } from 'react';\nimport { IconContext } from '../context';\n\nfunction IconDoubleRightComponent(iconProps, ref) {\n var _useContext = useContext(IconContext),\n _useContext$prefixCls = _useContext.prefixCls,\n prefixCls = _useContext$prefixCls === void 0 ? 'arco' : _useContext$prefixCls;\n\n var spin = iconProps.spin,\n className = iconProps.className;\n\n var props = _objectSpread(_objectSpread({\n \"aria-hidden\": true,\n focusable: false,\n ref: ref\n }, iconProps), {}, {\n className: \"\".concat(className ? className + ' ' : '').concat(prefixCls, \"-icon \").concat(prefixCls, \"-icon-double-right\")\n });\n\n if (spin) {\n props.className = \"\".concat(props.className, \" \").concat(prefixCls, \"-icon-loading\");\n }\n\n delete props.spin;\n delete props.isIcon;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"4\",\n viewBox: \"0 0 48 48\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n d: \"m11.143 38.1 14.142-14.142L11.143 9.816M22.456 38.1l14.142-14.142L22.456 9.816\"\n }));\n}\n\nvar IconDoubleRight = /*#__PURE__*/React.forwardRef(IconDoubleRightComponent);\nIconDoubleRight.defaultProps = {\n isIcon: true\n};\nIconDoubleRight.displayName = 'IconDoubleRight';\nexport default IconDoubleRight;","import React from 'react';\nimport IconLeft from '../../../icon/react-icon/IconLeft';\nimport IconRight from '../../../icon/react-icon/IconRight';\nimport IconDoubleLeft from '../../../icon/react-icon/IconDoubleLeft';\nimport IconDoubleRight from '../../../icon/react-icon/IconDoubleRight';\nimport { isArray } from '../../_util/is';\nimport cs from '../../_util/classNames';\nfunction PanelHeader(props) {\n var prefixCls = props.prefixCls, changePageShowDate = props.changePageShowDate, headerValueFormat = props.headerValueFormat, mergedPageShowDate = props.mergedPageShowDate, innerMode = props.innerMode, panelOperations = props.panelOperations;\n var isOperationAvailable = function (operation) {\n return isArray(panelOperations) ? panelOperations.indexOf(operation) > -1 : true;\n };\n var showDoubleLeft = isOperationAvailable('double-left');\n var showLeft = isOperationAvailable('left') && innerMode !== 'year';\n var showDoubleRight = isOperationAvailable('double-right');\n var showRight = isOperationAvailable('right') && innerMode !== 'year';\n var getIconClassName = function (isShow) {\n var _a;\n return cs(prefixCls + \"-header-icon\", (_a = {}, _a[prefixCls + \"-header-icon-hidden\"] = !isShow, _a));\n };\n return (React.createElement(\"div\", { className: prefixCls + \"-header\" },\n React.createElement(\"div\", { className: getIconClassName(showDoubleLeft), onClick: function () { return showDoubleLeft && changePageShowDate('prev', 'year'); } }, showDoubleLeft && React.createElement(IconDoubleLeft, null)),\n React.createElement(\"div\", { className: getIconClassName(showLeft), onClick: function () { return showLeft && changePageShowDate('prev', 'month'); } }, showLeft && React.createElement(IconLeft, null)),\n React.createElement(\"div\", { className: prefixCls + \"-header-value\" }, mergedPageShowDate.format(headerValueFormat)),\n React.createElement(\"div\", { className: getIconClassName(showRight), onClick: function () { return showRight && changePageShowDate('next', 'month'); } }, showRight && React.createElement(IconRight, null)),\n React.createElement(\"div\", { className: getIconClassName(showDoubleRight), onClick: function () { return showDoubleRight && changePageShowDate('next', 'year'); } }, showDoubleRight && React.createElement(IconDoubleRight, null))));\n}\nexport default PanelHeader;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { useState, useContext, useMemo } from 'react';\nimport merge from 'lodash/merge';\nimport { ConfigContext } from '../ConfigProvider';\nimport cs from '../_util/classNames';\nimport Month, { getAllDaysByTime } from './month';\nimport Year from './year';\nimport Header from './header/header';\nimport PanelHeader from './header/panel-header';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nimport { getDayjsValue, getNow, methods } from '../_util/dayjs';\nfunction getFormat(mode, panel) {\n return mode === 'month' || (mode === 'year' && !panel) ? 'YYYY-MM-DD' : 'YYYY-MM';\n}\nvar defaultProps = {\n dayStartOfWeek: 0,\n panelWidth: 265,\n defaultMode: 'month',\n headerType: 'button',\n modes: ['month', 'year'],\n};\nfunction Calendar(baseProps) {\n var _a;\n var _b = useContext(ConfigContext), getPrefixCls = _b.getPrefixCls, globalLocale = _b.locale, componentConfig = _b.componentConfig;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Calendar);\n var style = props.style, className = props.className, dayStartOfWeek = props.dayStartOfWeek, panel = props.panel, locale = props.locale, panelWidth = props.panelWidth, panelTodayBtn = props.panelTodayBtn, defaultPageShowDate = props.defaultPageShowDate, propsValue = props.value, propsPageShowDate = props.pageShowDate, defaultValue = props.defaultValue, propsMode = props.mode, defaultMode = props.defaultMode, onChange = props.onChange, onPanelChange = props.onPanelChange, headerRender = props.headerRender, headerType = props.headerType, modes = props.modes, panelOperations = props.panelOperations;\n var CALENDAR_LOCALE = merge(globalLocale.Calendar, locale);\n var prefixCls = getPrefixCls('calendar');\n var _c = __read(useState(propsMode || defaultMode), 2), mode = _c[0], setMode = _c[1];\n var innerMode = propsMode || mode;\n var format = getFormat(innerMode, panel);\n var _d = __read(useState(getDayjsValue(propsValue || defaultValue, format)), 2), value = _d[0], setValue = _d[1];\n var _e = __read(useState(getDayjsValue(defaultPageShowDate, format) || value || getNow()), 2), pageShowDate = _e[0], setPageShowDate = _e[1];\n var mergedPageShowDate = (getDayjsValue(propsPageShowDate, format) || pageShowDate);\n var mergedValue = 'value' in props ? getDayjsValue(propsValue, format) : value;\n // page data list\n var pageData = useMemo(function () {\n return getAllDaysByTime(props, mergedPageShowDate);\n }, [mergedPageShowDate.toString(), innerMode, dayStartOfWeek]);\n // value / pageShowDate / pageData\n function move(time) {\n setValue(time);\n onChange && onChange(time);\n onChangePageDate(time);\n }\n function onChangePageDate(time) {\n setPageShowDate(time);\n onPanelChange && onPanelChange(time);\n }\n function selectHandler(time, disabled) {\n if (!disabled) {\n move(time);\n }\n }\n var headerValueFormat = '';\n if (innerMode === 'month') {\n headerValueFormat = CALENDAR_LOCALE.formatMonth;\n }\n else if (innerMode === 'year') {\n headerValueFormat = CALENDAR_LOCALE.formatYear;\n }\n function changePageShowDate(type, unit) {\n var newPageShowDate;\n if (type === 'prev') {\n newPageShowDate = methods.subtract(mergedPageShowDate, 1, unit);\n }\n if (type === 'next') {\n newPageShowDate = methods.add(mergedPageShowDate, 1, unit);\n }\n setPageShowDate(newPageShowDate);\n onPanelChange && onPanelChange(newPageShowDate);\n }\n function onChangeYear(year) {\n var newValue = methods.set(mergedPageShowDate, 'year', year);\n setPageShowDate(newValue);\n onPanelChange && onPanelChange(newValue);\n }\n function onChangeMonth(month) {\n var newValue = methods.set(mergedPageShowDate, 'month', month - 1);\n setPageShowDate(newValue);\n onPanelChange && onPanelChange(newValue);\n }\n function changeMode(mode) {\n setMode(mode);\n }\n var classNames = cs(prefixCls, innerMode === 'month' ? prefixCls + \"-mode-month\" : prefixCls + \"-mode-year\", (_a = {},\n _a[prefixCls + \"-panel\"] = panel && (innerMode === 'month' || innerMode === 'year'),\n _a), className);\n var baseStyle = panel ? { width: panelWidth } : {};\n var baseHeaderProps = {\n prefixCls: prefixCls,\n changePageShowDate: changePageShowDate,\n headerValueFormat: headerValueFormat,\n mergedPageShowDate: mergedPageShowDate,\n modes: modes,\n innerMode: innerMode,\n panelOperations: panelOperations,\n };\n return (React.createElement(\"div\", { className: classNames, style: __assign(__assign({}, style), baseStyle) },\n typeof headerRender === 'function' ? (headerRender({\n value: mergedValue,\n pageShowDate: mergedPageShowDate,\n onChangeMode: changeMode,\n onChange: move,\n onChangePageDate: onChangePageDate,\n })) : panel ? (React.createElement(PanelHeader, __assign({}, baseHeaderProps))) : (React.createElement(Header, __assign({}, baseHeaderProps, { CALENDAR_LOCALE: CALENDAR_LOCALE, move: move, innerMode: innerMode, changeMode: changeMode, onChangeYear: onChangeYear, onChangeMonth: onChangeMonth, headerType: headerType }))),\n innerMode === 'month' && (React.createElement(\"div\", { className: prefixCls + \"-body\" },\n React.createElement(Month, __assign({}, props, { prefixCls: prefixCls, pageData: pageData, mergedValue: mergedValue, innerMode: innerMode, selectHandler: selectHandler, mergedPageShowDate: mergedPageShowDate, CALENDAR_LOCALE: CALENDAR_LOCALE })))),\n innerMode === 'year' && (React.createElement(\"div\", { className: prefixCls + \"-body\" },\n React.createElement(Year, __assign({}, props, { prefixCls: prefixCls, pageData: pageData, mergedPageShowDate: mergedPageShowDate, innerMode: innerMode, mergedValue: mergedValue, selectHandler: selectHandler, CALENDAR_LOCALE: CALENDAR_LOCALE })))),\n panelTodayBtn && panel && (React.createElement(\"div\", { className: prefixCls + \"-footer-btn-wrapper\" }, CALENDAR_LOCALE.today))));\n}\nCalendar.displayName = 'Calendar';\nexport default Calendar;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { useContext } from 'react';\nimport cs from '../_util/classNames';\nimport { ConfigContext } from '../ConfigProvider';\nfunction Meta(props, ref) {\n var _a;\n var className = props.className, title = props.title, avatar = props.avatar, description = props.description, actionList = props.actionList, others = __rest(props, [\"className\", \"title\", \"avatar\", \"description\", \"actionList\"]);\n var getPrefixCls = useContext(ConfigContext).getPrefixCls;\n var prefixCls = getPrefixCls('card-meta');\n var classNames = cs(prefixCls, className);\n return (React.createElement(\"div\", __assign({}, others, { ref: ref, className: classNames }),\n title || description ? (React.createElement(\"div\", { className: prefixCls + \"-content\" },\n title && React.createElement(\"div\", { className: prefixCls + \"-title\" }, title),\n description && React.createElement(\"div\", { className: prefixCls + \"-description\" }, description))) : null,\n avatar || actionList ? (React.createElement(\"div\", { className: cs(prefixCls + \"-footer \", (_a = {}, _a[prefixCls + \"-footer-only-actions\"] = !avatar, _a)) },\n avatar ? React.createElement(\"div\", { className: prefixCls + \"-avatar\" }, avatar) : null,\n actionList)) : null));\n}\nvar MetaComponent = React.forwardRef(Meta);\nMetaComponent.displayName = 'CardMeta';\nexport default MetaComponent;\n","import React, { useContext } from 'react';\nimport cs from '../_util/classNames';\nimport { ConfigContext } from '../ConfigProvider';\nfunction Grid(props, ref) {\n var _a;\n var children = props.children, style = props.style, className = props.className, hoverable = props.hoverable;\n var getPrefixCls = useContext(ConfigContext).getPrefixCls;\n var prefixCls = getPrefixCls('card-grid');\n return (React.createElement(\"div\", { ref: ref, style: style, className: cs(prefixCls, (_a = {}, _a[prefixCls + \"-hoverable\"] = hoverable, _a), className) }, children));\n}\nvar CardComponent = React.forwardRef(Grid);\nCardComponent.displayName = 'CardGrid';\nexport default CardComponent;\n","var __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport React, { useContext } from 'react';\nimport { ConfigContext } from '../ConfigProvider';\nimport { isNumber } from '../_util/is';\nexport default function DotLoading(props) {\n var getPrefixCls = useContext(ConfigContext).getPrefixCls;\n var prefixCls = getPrefixCls('spin') + \"-dot\";\n var dotStyle = {\n width: props.size,\n height: props.size,\n };\n var sizeNumber = props.size ? parseInt(String(props.size)) : 0;\n return (React.createElement(\"div\", { className: prefixCls + \"-list\", style: {\n height: props.size,\n width: isNumber(sizeNumber) && sizeNumber > 0 ? sizeNumber * 7 : '',\n } }, __spreadArray([], __read(new Array(5)), false).map(function (_, index) {\n return React.createElement(\"div\", { key: index, className: prefixCls, style: dotStyle });\n })));\n}\n","var __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { useState, useEffect, useContext, useCallback } from 'react';\nimport debounce from 'lodash/debounce';\nimport IconLoading from '../../icon/react-icon/IconLoading';\nimport cs from '../_util/classNames';\nimport { ConfigContext } from '../ConfigProvider';\nimport DotLoading from './dot-loading';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nfunction Spin(baseProps, ref) {\n var _a;\n var _b = useContext(ConfigContext), getPrefixCls = _b.getPrefixCls, componentConfig = _b.componentConfig;\n var props = useMergeProps(baseProps, {}, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Spin);\n var style = props.style, className = props.className, children = props.children, propLoading = props.loading, size = props.size, icon = props.icon, element = props.element, tip = props.tip, dot = props.dot, delay = props.delay, _c = props.block, block = _c === void 0 ? false : _c;\n var _d = __read(useState(delay ? false : propLoading), 2), loading = _d[0], setLoading = _d[1];\n var debouncedSetLoading = useCallback(debounce(setLoading, delay), [delay]);\n var _usedLoading = delay ? loading : propLoading;\n var prefixCls = getPrefixCls('spin');\n useEffect(function () {\n delay && debouncedSetLoading(propLoading);\n return function () {\n debouncedSetLoading && debouncedSetLoading.cancel();\n };\n }, [propLoading]);\n var loadingIcon = (React.createElement(\"span\", { className: prefixCls + \"-icon\" }, icon\n ? React.cloneElement(icon, {\n className: cs(prefixCls.replace('-spin', '-icon') + \"-loading\"),\n style: {\n fontSize: size,\n },\n })\n : element ||\n (dot ? React.createElement(DotLoading, { size: size }) : React.createElement(IconLoading, { style: { fontSize: size } }))));\n return (React.createElement(\"div\", { ref: ref, className: cs(prefixCls, (_a = {},\n _a[prefixCls + \"-block\"] = block,\n _a[prefixCls + \"-loading\"] = _usedLoading,\n _a[prefixCls + \"-with-tip\"] = tip && !children,\n _a), className), style: style }, children ? (React.createElement(React.Fragment, null,\n React.createElement(\"div\", { className: prefixCls + \"-children\" }, children),\n _usedLoading && (React.createElement(\"div\", { className: prefixCls + \"-loading-layer\", style: { fontSize: size } },\n React.createElement(\"span\", { className: prefixCls + \"-loading-layer-inner\" },\n loadingIcon,\n tip ? React.createElement(\"div\", { className: prefixCls + \"-tip\" }, tip) : null))))) : (React.createElement(React.Fragment, null,\n loadingIcon,\n tip ? React.createElement(\"div\", { className: prefixCls + \"-tip\" }, tip) : null))));\n}\nvar SpinComponent = React.forwardRef(Spin);\nSpinComponent.displayName = 'Spin';\nexport default SpinComponent;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { useContext } from 'react';\nimport cs from '../_util/classNames';\nimport Meta from './meta';\nimport Grid from './grid';\nimport { ConfigContext } from '../ConfigProvider';\nimport Spin from '../Spin';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nvar defaultProps = {\n size: 'default',\n bordered: true,\n};\nfunction Card(baseProps, ref) {\n var _a, _b;\n var _c = useContext(ConfigContext), getPrefixCls = _c.getPrefixCls, loadingElement = _c.loadingElement, componentConfig = _c.componentConfig;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Card);\n var className = props.className, children = props.children, bordered = props.bordered, loading = props.loading, hoverable = props.hoverable, size = props.size, title = props.title, extra = props.extra, cover = props.cover, actions = props.actions, headerStyle = props.headerStyle, bodyStyle = props.bodyStyle, rest = __rest(props, [\"className\", \"children\", \"bordered\", \"loading\", \"hoverable\", \"size\", \"title\", \"extra\", \"cover\", \"actions\", \"headerStyle\", \"bodyStyle\"]);\n var prefixCls = getPrefixCls('card');\n var actionList = actions && actions.length ? (React.createElement(\"div\", { className: prefixCls + \"-actions\" },\n React.createElement(\"div\", { className: prefixCls + \"-actions-right\" }, actions.map(function (action, index) { return (React.createElement(\"span\", { key: \"action-\" + index, className: prefixCls + \"-actions-item\" }, action)); })))) : null;\n var isContainGrid = false;\n var isContainMeta = false;\n var handledChildren = React.Children.map(children, function (element) {\n if (element && element.type) {\n if (element.type === Grid) {\n isContainGrid = true;\n }\n else if (element.type === Meta) {\n isContainMeta = true;\n return React.cloneElement(element, { actionList: actionList });\n }\n }\n return element;\n });\n return (React.createElement(\"div\", __assign({}, rest, { ref: ref, className: cs(prefixCls, prefixCls + \"-size-\" + size, (_a = {},\n _a[prefixCls + \"-loading\"] = loading,\n _a[prefixCls + \"-bordered\"] = bordered,\n _a[prefixCls + \"-hoverable\"] = hoverable,\n _a[prefixCls + \"-contain-grid\"] = isContainGrid,\n _a), className) }),\n title || extra ? (React.createElement(\"div\", { className: cs(prefixCls + \"-header\", (_b = {}, _b[prefixCls + \"-header-no-title\"] = !title, _b)), style: headerStyle },\n title && React.createElement(\"div\", { className: prefixCls + \"-header-title\" }, title),\n extra && React.createElement(\"div\", { className: prefixCls + \"-header-extra\" }, extra))) : null,\n cover ? React.createElement(\"div\", { className: prefixCls + \"-cover\" }, cover) : null,\n React.createElement(\"div\", { className: prefixCls + \"-body\", style: bodyStyle },\n loading ? loadingElement || React.createElement(Spin, null) : handledChildren,\n isContainMeta ? null : actionList)));\n}\nvar ForwardRefCard = React.forwardRef(Card);\nvar CardComponent = ForwardRefCard;\nCardComponent.Meta = Meta;\nCardComponent.Grid = Grid;\nCardComponent.displayName = 'Card';\nexport default CardComponent;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nimport React, { useContext } from 'react';\nimport cs from '../_util/classNames';\nimport { ConfigContext } from '../ConfigProvider';\nfunction CarouselIndicator(props, ref) {\n var _a, _b;\n var getPrefixCls = useContext(ConfigContext).getPrefixCls;\n var className = props.className, _c = props.type, type = _c === void 0 ? 'line' : _c, _d = props.count, count = _d === void 0 ? 2 : _d, _e = props.activeIndex, activeIndex = _e === void 0 ? 0 : _e, _f = props.position, position = _f === void 0 ? 'bottom' : _f, _g = props.trigger, trigger = _g === void 0 ? 'click' : _g, onSelectIndex = props.onSelectIndex;\n var prefixCls = getPrefixCls('carousel-indicator');\n var indicatorContent = [];\n if (type === 'slider') {\n var step = 100 / count;\n indicatorContent.push(React.createElement(\"span\", { key: 0, style: { width: step + \"%\", left: activeIndex * step + \"%\" }, className: cs(prefixCls + \"-item\", prefixCls + \"-item-active\") }));\n }\n else {\n for (var i = 0; i < count; i++) {\n indicatorContent.push(React.createElement(\"span\", { key: i, \"data-index\": i, className: cs(prefixCls + \"-item\", (_a = {},\n _a[prefixCls + \"-item-active\"] = i === activeIndex,\n _a)) }));\n }\n }\n var wrapperProps = (_b = {\n ref: ref,\n className: cs(prefixCls, prefixCls + \"-\" + type, prefixCls + \"-\" + position, className)\n },\n _b[trigger === 'click' ? 'onClick' : 'onMouseEnter'] = function (event) {\n event.preventDefault();\n if (type === 'slider') {\n var x = event.nativeEvent.offsetX;\n var width = event.currentTarget.clientWidth;\n // clear up effect from event bubbling\n if (event.target === event.currentTarget) {\n var index = ~~((x / width) * count);\n index !== activeIndex && onSelectIndex(index);\n }\n }\n else {\n var index = +event.target.getAttribute('data-index');\n !isNaN(index) && index !== activeIndex && onSelectIndex(index);\n }\n },\n _b);\n return React.createElement(\"div\", __assign({}, wrapperProps), indicatorContent);\n}\nvar CarouselIndicatorComponent = React.forwardRef(CarouselIndicator);\nexport default CarouselIndicatorComponent;\n","import _extends from \"@babel/runtime/helpers/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\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\nimport React, { useContext } from 'react';\nimport { IconContext } from '../context';\n\nfunction IconUpComponent(iconProps, ref) {\n var _useContext = useContext(IconContext),\n _useContext$prefixCls = _useContext.prefixCls,\n prefixCls = _useContext$prefixCls === void 0 ? 'arco' : _useContext$prefixCls;\n\n var spin = iconProps.spin,\n className = iconProps.className;\n\n var props = _objectSpread(_objectSpread({\n \"aria-hidden\": true,\n focusable: false,\n ref: ref\n }, iconProps), {}, {\n className: \"\".concat(className ? className + ' ' : '').concat(prefixCls, \"-icon \").concat(prefixCls, \"-icon-up\")\n });\n\n if (spin) {\n props.className = \"\".concat(props.className, \" \").concat(prefixCls, \"-icon-loading\");\n }\n\n delete props.spin;\n delete props.isIcon;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"4\",\n viewBox: \"0 0 48 48\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M39.6 30.557 24.043 15 8.487 30.557\"\n }));\n}\n\nvar IconUp = /*#__PURE__*/React.forwardRef(IconUpComponent);\nIconUp.defaultProps = {\n isIcon: true\n};\nIconUp.displayName = 'IconUp';\nexport default IconUp;","import React, { useContext } from 'react';\nimport IconLeft from '../../icon/react-icon/IconLeft';\nimport IconRight from '../../icon/react-icon/IconRight';\nimport IconUp from '../../icon/react-icon/IconUp';\nimport IconDown from '../../icon/react-icon/IconDown';\nimport cs from '../_util/classNames';\nimport { ConfigContext } from '../ConfigProvider';\nfunction CarouselArrow(props, ref) {\n var _a;\n var className = props.className, direction = props.direction, showArrow = props.showArrow, prev = props.prev, next = props.next, icons = props.icons;\n var getPrefixCls = useContext(ConfigContext).getPrefixCls;\n var prefixCls = getPrefixCls('carousel');\n var arrowClass = cs(prefixCls + \"-arrow\", (_a = {},\n _a[prefixCls + \"-arrow-hover\"] = showArrow === 'hover',\n _a), className);\n var iconPrev = icons && icons.hasOwnProperty('prev') ? (icons.prev) : direction === 'horizontal' ? (React.createElement(IconLeft, null)) : (React.createElement(IconUp, null));\n var iconNext = icons && icons.hasOwnProperty('next') ? (icons.next) : direction === 'horizontal' ? (React.createElement(IconRight, null)) : (React.createElement(IconDown, null));\n return (React.createElement(\"div\", { ref: ref, className: arrowClass },\n React.createElement(\"div\", { className: prefixCls + \"-arrow-\" + (direction === 'vertical' ? 'top' : 'left'), onClick: prev }, iconPrev),\n React.createElement(\"div\", { className: prefixCls + \"-arrow-\" + (direction === 'vertical' ? 'bottom' : 'right'), onClick: next }, iconNext)));\n}\nvar CarouselArrowComponent = React.forwardRef(CarouselArrow);\nCarouselArrowComponent.defaultProps = {\n direction: 'horizontal',\n showArrow: 'always',\n};\nexport default CarouselArrowComponent;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { useContext, useEffect, useImperativeHandle, useRef, useState, } from 'react';\nimport cs from '../_util/classNames';\nimport CarouselIndicator from './indicator';\nimport CarouselArrow from './arrow';\nimport { ConfigContext } from '../ConfigProvider';\nimport { useInterval } from '../_util/hooks/useInterval';\nimport ResizeObserver from '../_util/resizeObserver';\nimport warning from '../_util/warning';\nimport omit from '../_util/omit';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nvar DEFAULT_AUTO_PLAY_INTERVAL = 3000;\nvar defaultProps = {\n animation: 'slide',\n indicatorType: 'dot',\n indicatorPosition: 'bottom',\n direction: 'horizontal',\n showArrow: 'always',\n trigger: 'click',\n moveSpeed: 500,\n timingFunc: 'cubic-bezier(0.34, 0.69, 0.1, 1)',\n};\nfunction Carousel(baseProps, ref) {\n var _a;\n var _b = useContext(ConfigContext), getPrefixCls = _b.getPrefixCls, componentConfig = _b.componentConfig;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Carousel);\n var style = props.style, className = props.className, children = props.children, currentIndex = props.currentIndex, animation = props.animation, trigger = props.trigger, direction = props.direction, moveSpeed = props.moveSpeed, timingFunc = props.timingFunc, indicatorType = props.indicatorType, indicatorPosition = props.indicatorPosition, indicatorClassName = props.indicatorClassName, showArrow = props.showArrow, miniRender = props.miniRender, arrowClassName = props.arrowClassName, carousel = props.carousel, icons = props.icons, onChange = props.onChange, rest = __rest(props, [\"style\", \"className\", \"children\", \"currentIndex\", \"animation\", \"trigger\", \"direction\", \"moveSpeed\", \"timingFunc\", \"indicatorType\", \"indicatorPosition\", \"indicatorClassName\", \"showArrow\", \"miniRender\", \"arrowClassName\", \"carousel\", \"icons\", \"onChange\"]);\n // TODO 兼容 autoPlaySpeed， 3.x 移除\n var autoPlay = props.autoPlay;\n if (autoPlay && props.autoPlaySpeed) {\n autoPlay = {\n interval: props.autoPlaySpeed,\n };\n warning(true, \"[Arco Carousel] The 'autoPlaySpeed' property will be removed in the next major version, please use 'autoPlay.interval' instead.\");\n }\n var childrenList = React.Children.toArray(children).filter(function (child) {\n return React.isValidElement(child);\n });\n var childrenLength = childrenList.length;\n var refDom = useRef(null);\n var refSliderWrapper = useRef(null);\n var refAnimationTimer = useRef(null);\n var _c = __read(useState(typeof currentIndex === 'number' ? getValidIndex(currentIndex) : 0), 2), index = _c[0], setIndex = _c[1];\n var _d = __read(useState(index), 2), previousIndex = _d[0], setPreviousIndex = _d[1];\n var _e = __read(useState(false), 2), isPause = _e[0], setIsPause = _e[1];\n var _f = __read(useState(false), 2), isAnimating = _f[0], setIsAnimating = _f[1];\n var _g = __read(useState(null), 2), slideDirection = _g[0], setSlideDirection = _g[1];\n var _h = __read(useState({\n sliderWrapper: null,\n indicatorWrapper: null,\n }), 2), computedStyle = _h[0], setComputedStyle = _h[1];\n var mergedIndex = typeof currentIndex === 'number' ? getValidIndex(currentIndex) : index;\n var prevIndex = getValidIndex(mergedIndex - 1);\n var nextIndex = getValidIndex(mergedIndex + 1);\n var autoPlayInterval = typeof autoPlay === 'object' && autoPlay.interval\n ? autoPlay.interval\n : DEFAULT_AUTO_PLAY_INTERVAL;\n useEffect(function () {\n return function () { return refAnimationTimer.current && clearTimeout(refAnimationTimer.current); };\n }, []);\n useEffect(function () {\n slideTo({\n targetIndex: mergedIndex,\n });\n }, [mergedIndex]);\n var resetInterval = useInterval(function () {\n slideTo({\n targetIndex: nextIndex,\n });\n }, autoPlay && !isPause && childrenLength > 1 ? autoPlayInterval : null);\n useImperativeHandle(carousel, function () {\n return {\n dom: refDom.current,\n goto: function (_a) {\n var index = _a.index, isNegative = _a.isNegative, isManual = _a.isManual, resetAutoPlayInterval = _a.resetAutoPlayInterval;\n slideTo({\n targetIndex: getValidIndex(index),\n isNegative: isNegative,\n isManual: isManual,\n resetAutoPlayInterval: resetAutoPlayInterval,\n });\n },\n };\n });\n function getValidIndex(i) {\n var indexNumber = +i;\n return typeof indexNumber === 'number' && !isNaN(indexNumber)\n ? (indexNumber + childrenLength) % childrenLength\n : i;\n }\n function slideTo(_a) {\n var targetIndex = _a.targetIndex, _b = _a.isNegative, isNegative = _b === void 0 ? false : _b, _c = _a.isManual, isManual = _c === void 0 ? false : _c, _d = _a.resetAutoPlayInterval, resetAutoPlayInterval = _d === void 0 ? false : _d;\n if (!isAnimating && targetIndex !== mergedIndex) {\n setIsAnimating(true);\n setIndex(targetIndex);\n setPreviousIndex(index);\n setSlideDirection(isNegative ? 'negative' : 'positive');\n onChange && onChange(targetIndex, mergedIndex, isManual);\n if (autoPlay && resetAutoPlayInterval) {\n resetInterval();\n }\n refAnimationTimer.current = setTimeout(function () {\n setIsAnimating(false);\n refAnimationTimer.current = null;\n }, moveSpeed);\n }\n }\n function computeStyle() {\n if (animation === 'card') {\n if (refSliderWrapper.current) {\n var sliderElement = refSliderWrapper.current.children[0];\n if (!sliderElement) {\n return;\n }\n var totalWidth = refSliderWrapper.current.clientWidth;\n var sliderWidth = sliderElement.clientWidth;\n var edge = (totalWidth - sliderWidth) / 2;\n // deltaZ is TranslateZ(-Zpx) of prev/next slider's style\n // perspective / (perspective + deltaZ) = x / X\n var deltaZ = 200;\n var x = totalWidth / 2;\n var X = sliderWidth;\n // avoid getting a huge perspective value\n var perspective = x + 50 >= X ? deltaZ * 4 : (deltaZ * x) / (X - x);\n setComputedStyle({\n sliderWrapper: {\n perspective: perspective,\n },\n indicatorWrapper: {\n width: 'auto',\n left: edge,\n right: edge,\n },\n });\n }\n }\n else {\n setComputedStyle({\n sliderWrapper: null,\n indicatorWrapper: null,\n });\n }\n }\n var prefixCls = getPrefixCls('carousel');\n var classNames = cs(prefixCls, prefixCls + \"-indicator-position-\" + indicatorPosition, className);\n var eventHandlers = Object.assign({}, autoPlay && (typeof autoPlay !== 'object' || autoPlay.hoverToPause !== false)\n ? {\n onMouseEnter: function () { return setIsPause(true); },\n onMouseLeave: function () { return setIsPause(false); },\n }\n : null);\n return (React.createElement(ResizeObserver, { onResize: computeStyle },\n React.createElement(\"div\", __assign({ ref: function (_ref) {\n ref = _ref;\n refDom.current = ref;\n }, className: classNames, style: style }, omit(rest, ['autoplay', 'autoPlaySpeed']), eventHandlers),\n React.createElement(\"div\", { ref: refSliderWrapper, style: computedStyle.sliderWrapper, className: cs(prefixCls + \"-\" + animation, prefixCls + \"-\" + direction, (_a = {},\n _a[prefixCls + \"-negative\"] = slideDirection === 'negative',\n _a)) }, childrenList.map(function (child, index) {\n var _a;\n var isCurrent = index === mergedIndex;\n var isPrev = index === prevIndex;\n var isNext = index === nextIndex;\n var shouldRenderChild = !miniRender || isCurrent || isPrev || isNext;\n if (!shouldRenderChild) {\n return null;\n }\n var _b = child.props, childStyle = _b.style, childClassName = _b.className, childOnClick = _b.onClick;\n return React.cloneElement(child, {\n 'aria-hidden': !isCurrent,\n style: Object.assign({\n transitionTimingFunction: timingFunc,\n transitionDuration: moveSpeed + \"ms\",\n animationTimingFunction: timingFunc,\n animationDuration: moveSpeed + \"ms\",\n }, childStyle),\n className: cs(childClassName, (_a = {},\n _a[prefixCls + \"-item-prev\"] = isPrev,\n _a[prefixCls + \"-item-next\"] = isNext,\n _a[prefixCls + \"-item-current\"] = isCurrent,\n _a[prefixCls + \"-item-slide-in\"] = animation === 'slide' && slideDirection && isAnimating && isCurrent,\n _a[prefixCls + \"-item-slide-out\"] = animation === 'slide' && slideDirection && isAnimating && index === previousIndex,\n _a)),\n onClick: function (event) {\n childOnClick && childOnClick(event);\n slideTo({\n targetIndex: index,\n isNegative: index === prevIndex,\n isManual: true,\n });\n },\n });\n })),\n indicatorType !== 'never' && childrenLength > 1 && (React.createElement(\"div\", { style: computedStyle.indicatorWrapper, className: cs(prefixCls + \"-indicator-wrapper\", prefixCls + \"-indicator-wrapper-\" + indicatorPosition) },\n React.createElement(CarouselIndicator, { className: indicatorClassName, type: indicatorType, count: childrenLength, activeIndex: mergedIndex, position: indicatorPosition, trigger: trigger, onSelectIndex: function (index) {\n return slideTo({\n targetIndex: index,\n isNegative: index < mergedIndex,\n isManual: true,\n });\n } }))),\n showArrow !== 'never' && childrenLength > 1 && (React.createElement(CarouselArrow, { className: arrowClassName, direction: direction, showArrow: showArrow, icons: icons, prev: function () {\n return slideTo({\n targetIndex: prevIndex,\n isNegative: true,\n isManual: true,\n });\n }, next: function () {\n return slideTo({\n targetIndex: nextIndex,\n isManual: true,\n });\n } })))));\n}\nvar CarouselComponent = React.forwardRef(Carousel);\nCarouselComponent.displayName = 'Carousel';\nexport default CarouselComponent;\n","import { useRef, useEffect } from 'react';\nexport function useInterval(callback, delay) {\n var refIntervalId = useRef(null);\n var refSavedCallback = useRef();\n var setUpInterval = function () {\n if (delay !== null) {\n refIntervalId.current = setInterval(function () {\n refSavedCallback.current();\n }, delay);\n }\n };\n var cleanUpInterval = function () {\n refIntervalId.current && clearInterval(refIntervalId.current);\n };\n var resetInterval = function () {\n cleanUpInterval();\n setUpInterval();\n };\n // Remember the latest function.\n useEffect(function () {\n refSavedCallback.current = callback;\n }, [callback]);\n // Set up the interval.\n useEffect(function () {\n setUpInterval();\n return cleanUpInterval;\n }, [delay]);\n return resetInterval;\n}\n","import _extends from \"@babel/runtime/helpers/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\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\nimport React, { useContext } from 'react';\nimport { IconContext } from '../context';\n\nfunction IconCheckComponent(iconProps, ref) {\n var _useContext = useContext(IconContext),\n _useContext$prefixCls = _useContext.prefixCls,\n prefixCls = _useContext$prefixCls === void 0 ? 'arco' : _useContext$prefixCls;\n\n var spin = iconProps.spin,\n className = iconProps.className;\n\n var props = _objectSpread(_objectSpread({\n \"aria-hidden\": true,\n focusable: false,\n ref: ref\n }, iconProps), {}, {\n className: \"\".concat(className ? className + ' ' : '').concat(prefixCls, \"-icon \").concat(prefixCls, \"-icon-check\")\n });\n\n if (spin) {\n props.className = \"\".concat(props.className, \" \").concat(prefixCls, \"-icon-loading\");\n }\n\n delete props.spin;\n delete props.isIcon;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"4\",\n viewBox: \"0 0 48 48\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M41.678 11.05 19.05 33.678 6.322 20.95\"\n }));\n}\n\nvar IconCheck = /*#__PURE__*/React.forwardRef(IconCheckComponent);\nIconCheck.defaultProps = {\n isIcon: true\n};\nIconCheck.displayName = 'IconCheck';\nexport default IconCheck;","import React from 'react';\nimport Checkbox from '../../Checkbox';\nimport IconRight from '../../../icon/react-icon/IconRight';\nimport IconLoading from '../../../icon/react-icon/IconLoading';\nimport IconCheck from '../../../icon/react-icon/IconCheck';\nvar Option = function (props) {\n var prefixCls = props.prefixCls, multiple = props.multiple, option = props.option, renderOption = props.renderOption, selected = props.selected;\n var checkboxDisabled = option.disabled || (multiple && option.disableCheckbox);\n return (React.createElement(React.Fragment, null,\n multiple ? (React.createElement(Checkbox, { disabled: checkboxDisabled, checked: option._checked, indeterminate: option._halfChecked, onChange: props.onMultipleChecked, value: option.value })) : (''),\n React.createElement(\"div\", { className: prefixCls + \"-list-item-label\", onClick: option.disabled ? undefined : props.onClickOption, onMouseEnter: props.onMouseEnter, onDoubleClick: checkboxDisabled ? undefined : props.onDoubleClickOption },\n renderOption ? renderOption() : option.label,\n option.isLeaf ? (selected && React.createElement(IconCheck, null)) : option.loading ? (React.createElement(IconLoading, null)) : (React.createElement(IconRight, null)))));\n};\nexport default Option;\n","// 保存一个ref列表\nimport { useRef } from 'react';\nexport default function useRefs(defaultValue) {\n if (defaultValue === void 0) { defaultValue = []; }\n var listRef = useRef(defaultValue);\n var setListRef = function (element, index) {\n if (index !== undefined) {\n listRef.current[index] = element;\n }\n else {\n listRef.current.push(element);\n }\n };\n return [listRef.current, setListRef];\n}\n","var __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport { useRef, useEffect } from 'react';\nexport default function useUpdate(fn, deps) {\n if (deps === void 0) { deps = []; }\n var isDidMount = useRef(false);\n useEffect(function () {\n if (isDidMount.current) {\n fn();\n }\n else {\n isDidMount.current = true;\n }\n }, __spreadArray([], __read(deps), false));\n}\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport { DefaultFieldNames } from '../cascader';\nvar Node = /** @class */ (function () {\n function Node(data, config, parent) {\n var _this = this;\n /** 当前选项节点路径的所有节点的值 */\n this.pathValue = [];\n this.pathLabel = [];\n this.config = {};\n this._initNode = function (option, parent) {\n if (parent === void 0) { parent = null; }\n var _a = _this.config, showEmptyChildren = _a.showEmptyChildren, lazyload = _a.lazyload;\n var fieldNames = __assign(__assign({}, DefaultFieldNames), _this.config.fieldNames);\n var children = option[fieldNames.children];\n var isLeaf = Array.isArray(children)\n ? showEmptyChildren\n ? false\n : children.length === 0\n : true;\n if (lazyload) {\n if (fieldNames.isLeaf in option) {\n isLeaf = !!option[fieldNames.isLeaf];\n }\n else {\n isLeaf = false;\n }\n }\n var nodeValue = option[fieldNames.value];\n var nodeLabel = option[fieldNames.label];\n var newOption = __assign(__assign({}, option), { value: nodeValue, label: nodeLabel, isLeaf: isLeaf, loading: false, loaded: false, disabled: (parent && parent.disabled) || option[fieldNames.disabled], parent: parent, pathValue: parent ? __spreadArray(__spreadArray([], __read(parent.pathValue), false), [nodeValue], false) : [nodeValue], pathLabel: parent ? __spreadArray(__spreadArray([], __read(parent.pathLabel), false), [nodeLabel], false) : [nodeLabel], _level: parent ? parent._level + 1 : 0, _checked: false, _halfChecked: false });\n _this._data = __assign(__assign({}, newOption), { parent: newOption.parent && newOption.parent._data });\n Object.keys(newOption).forEach(function (key) {\n _this[key] = newOption[key];\n });\n if (children && children.length) {\n _this.children = children.map(function (data, index) {\n return new Node(__assign(__assign({}, data), { _index: index }), _this.config, _this);\n });\n _this._data.children = _this.children.map(function (node) { return node._data; });\n }\n };\n /**\n * 根据this.children 计算是否当前node半选状态\n * 假设半选是 0.5，全选是1，不选是0。\n * 那么只有当前节点的所有children加起来等于children.length，才是全选，否则和大于0，就是半选。\n */\n this._isHalfChecked = function () {\n var checkedLen = _this.children.reduce(function (total, prev) {\n var num = prev._halfChecked ? 0.5 : prev._checked ? 1 : 0;\n return total + num;\n }, 0);\n return checkedLen !== _this.children.length && checkedLen > 0;\n };\n /**\n *\n * @param checked 选中状态\n * @param ignoreDisabled 是否忽略节点禁用设置选中状态，一般在初始化设置选中状态时传参为true\n */\n this._setNodeChildrenChecked = function (checked, ignoreDisabled) {\n if (!ignoreDisabled && _this.disabled) {\n return;\n }\n if (_this.children && _this.children.length) {\n _this.children.forEach(function (item) {\n if (item.disabled) {\n if (ignoreDisabled) {\n item.setCheckedStateIgnoreDisabled(checked);\n }\n }\n else {\n item.setCheckedState(checked);\n }\n });\n _this.updateHalfState(checked);\n }\n };\n this.getSelfChildrenValue = function () {\n var result = [];\n var join = function (pathValue, nodes) {\n if (!nodes || !nodes.length) {\n result.push(pathValue);\n return;\n }\n (nodes || []).forEach(function (node) {\n join(node.pathValue, node.children);\n });\n };\n join(_this.pathValue, _this.children);\n return result;\n };\n this.updateHalfState = function (checked) {\n _this._halfChecked = _this._isHalfChecked();\n _this._checked = _this._halfChecked ? false : checked;\n };\n // 直接设置选中状态\n this.setCheckedProperty = function (checked) {\n _this._checked = checked;\n _this._halfChecked = false;\n };\n // 设置当前节点选中状态\n this.setCheckedState = function (checked) {\n if (_this.disabled || checked === _this._checked) {\n return;\n }\n _this.setCheckedProperty(checked);\n // 父子节点关联\n if (!_this.config.changeOnSelect) {\n _this._setNodeChildrenChecked(checked);\n var parent_1 = _this.parent;\n while (parent_1 && !parent_1.disabled) {\n // 当半选状态时，设置_checked为false。保证点击半选状态的节点时，执行选中操作。\n parent_1.updateHalfState(checked);\n parent_1 = parent_1.parent;\n }\n }\n };\n // 忽略禁用设置选中状态\n this.setCheckedStateIgnoreDisabled = function (checked) {\n if (checked === Boolean(_this._checked)) {\n return;\n }\n _this.setCheckedProperty(checked);\n if (!_this.config.changeOnSelect) {\n _this._setNodeChildrenChecked(checked, true);\n var parent_2 = _this.parent;\n while (parent_2) {\n // 当半选状态时，设置_checked为false。保证点击半选状态的节点时，执行选中操作。\n parent_2.updateHalfState(checked);\n parent_2 = parent_2.parent;\n }\n }\n };\n /**\n * 遍历节点的parent，获取当前节点的路径节点。\n * node: { label: '1-1-1', parent: { label: '1-1', parent: { label: '1' }, ... }, ...}\n * @return [node.parent.parent, node.parent, node]\n * @memberof Store\n */\n this.getPathNodes = function () {\n var nodes = [_this];\n var parent = _this.parent;\n while (parent) {\n nodes.unshift(parent);\n parent = parent.parent;\n }\n return nodes;\n };\n this.getChildren = function () {\n return _this.children;\n };\n this.setLoading = function (loading) {\n _this.loading = loading;\n if (loading || loading === undefined) {\n _this.loaded = false;\n }\n if (loading === false) {\n _this.loaded = true;\n }\n };\n this.config = config || {};\n this._initNode(data, parent || null);\n }\n return Node;\n}());\nexport default Node;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nimport isEqualWith from 'lodash/isEqualWith';\nimport { valueInSet, transformValuesToSet } from '../util';\nimport { isArray, isFunction, isString } from '../../_util/is';\nimport Node from './node';\nvar Store = /** @class */ (function () {\n function Store(options, value, config) {\n var _this = this;\n this.nodes = [];\n this.flatNodes = [];\n this.config = {};\n // 初始化节点状态，附加状态信息字段： _checked,_halfChecked,parent,disabled\n this._calcNodes = function (options, parent) {\n if (!options) {\n return [];\n }\n return options.map(function (option, index) {\n return new Node(__assign(__assign({}, option), { _index: index }), _this.config, parent);\n });\n };\n // this.flatNodes 保存所有可能的选中项\n this._updateFlatNodes = function () {\n var leafOnly = !_this.config.changeOnSelect;\n _this.flatNodes = [];\n var traversal = function (option) {\n if (!option)\n return;\n if (!leafOnly || option.isLeaf) {\n _this.flatNodes.push(option);\n }\n if (isArray(option.children)) {\n option.children.forEach(function (x) {\n traversal(x);\n });\n }\n };\n _this.nodes.forEach(function (node) {\n traversal(node);\n });\n };\n /**\n * values: 全部的选中值\n * 根据values更新节点状态。不包含在values的节点都设置为未选中状态\n * @memberof Store\n */\n this.setNodeCheckedByValue = function (initValues) {\n var valuesSet = transformValuesToSet(initValues);\n // 根据value设置节点初始选中状态\n _this.flatNodes.forEach(function (node) {\n var checked = false;\n if (_this.config.showParent) {\n if (node.pathValue.some(function (_, index, arr) { return valueInSet(valuesSet, arr.slice(0, index + 1)); })) {\n checked = true;\n }\n }\n else if (valueInSet(valuesSet, node.pathValue)) {\n checked = true;\n }\n node.setCheckedStateIgnoreDisabled(checked);\n });\n };\n /**\n * 为当前节点插入子节点。动态加载时候用到\n */\n this.appendOptionChildren = function (node, children) {\n if (children && node) {\n // const checked = node._checked;\n // node.setCheckedProperty(false);\n var options = _this._calcNodes(children, node);\n node.children = options;\n _this._updateFlatNodes();\n if (_this.config.changeOnSelect) {\n // node.setCheckedProperty(checked);\n }\n else {\n node.setCheckedState(false);\n }\n }\n };\n /**\n * 通过 value 查找对应的node节点。\n * value: 是路径节点的value组成的数组\n */\n this.findNodeByValue = function (value) {\n var targetNode = null;\n if (!value || !value.length) {\n return targetNode;\n }\n _this.flatNodes.some(function (node) {\n if (isEqualWith(node.pathValue, value)) {\n targetNode = node;\n }\n });\n return targetNode;\n };\n /**\n * 搜索所有label含有关键字的节点\n */\n this.searchNodeByLabel = function (inputStr) {\n if (!inputStr) {\n return _this.flatNodes;\n }\n var filterOption = _this.config.filterOption;\n var filterMethod = isFunction(filterOption)\n ? filterOption\n : function (inputValue, node) {\n return isString(node.label) && node.label.indexOf(inputValue) > -1;\n };\n return _this.flatNodes.filter(function (item) {\n var pathNodes = item.getPathNodes();\n return pathNodes.some(function (node) {\n return filterMethod(inputStr, node._data);\n });\n });\n };\n /** 获取所有节点 */\n this.getOptions = function () {\n return _this.nodes;\n };\n /** 获取所有选中状态的节点。 aggregation: 是否聚合节点 */\n this.getCheckedNodes = function () {\n if (_this.config.showParent) {\n return _this.getCheckedParentNodes();\n }\n return _this.flatNodes.filter(function (node) {\n return node._checked;\n });\n };\n // 按照父节点纬度聚合当前所有选中节点。\n this.getCheckedParentNodes = function () {\n var result = new Set();\n _this.flatNodes.forEach(function (node) {\n if (node._checked) {\n var pathnodes = node.getPathNodes();\n pathnodes.some(function (node) {\n if (node._checked) {\n if (!result.has(node)) {\n result.add(node);\n }\n return true;\n }\n });\n }\n });\n return Array.from(result);\n };\n this.config = __assign({}, config);\n var values = Array.isArray(value) ? value : [];\n this.nodes = this._calcNodes(options, null);\n // 根据nodes获取选中值\n this._updateFlatNodes();\n this.setNodeCheckedByValue(values);\n }\n return Store;\n}());\nexport default Store;\n","import { isArray } from '../_util/is';\nimport Store from './base/store';\nexport var ValueSeparator = '__arco_cascader__';\nexport var SHOW_PARENT = 'parent';\nexport var SHOW_CHILD = 'child';\nexport function isEmptyValue(value) {\n return !value || (isArray(value) && value.length === 0);\n}\nexport function getConfig(props) {\n return {\n showEmptyChildren: props.showEmptyChildren,\n changeOnSelect: props.changeOnSelect,\n lazyload: !!props.loadMore,\n fieldNames: props.fieldNames,\n filterOption: props.filterOption,\n showParent: props.mode === 'multiple' && !props.changeOnSelect && props.checkedStrategy === SHOW_PARENT,\n };\n}\nexport function getStore(props, value) {\n var tmp = value ? (Array.isArray(value[0]) ? value : [value]) : [];\n return new Store(props.options || [], tmp, getConfig(props));\n}\nexport var transformValuesToSet = function (values) {\n var _values = values || [];\n var valuesSet = _values.reduce(function (set, next) {\n set.add(next.join(ValueSeparator));\n return set;\n }, new Set());\n return valuesSet;\n};\nexport var valueInSet = function (set, value) {\n var _value = value || [];\n return set.has(_value.join(ValueSeparator));\n};\nexport var removeValueFromSet = function (set, value) {\n var _value = value || [];\n return set.delete(_value.join(ValueSeparator));\n};\nexport var formatValue = function (value, isMultiple, store) {\n var _value = [];\n if (value === undefined) {\n _value = [];\n }\n else if (isMultiple) {\n _value = value;\n }\n else {\n _value = [value];\n }\n if (store && store.config.showParent) {\n var checkedNodes = store.getCheckedNodes();\n var valuesSet_1 = transformValuesToSet(checkedNodes.map(function (node) { return node.pathValue; }));\n var result_1 = [];\n var temp_1 = {};\n _value.map(function (v) {\n v.some(function (_, index, arr) {\n var curVal = arr.slice(0, index + 1);\n var pass = valueInSet(valuesSet_1, curVal);\n if (pass && !temp_1[curVal.join(ValueSeparator)]) {\n result_1.push(curVal);\n temp_1[curVal.join(ValueSeparator)] = 1;\n }\n return pass;\n });\n });\n return result_1;\n }\n return _value;\n};\nexport var getMultipleCheckValue = function (propsValue, store, option, checked) {\n var beforeValueSet = store.getCheckedNodes().reduce(function (set, node) {\n set.add(node.pathValue.join(ValueSeparator));\n return set;\n }, new Set());\n option.setCheckedState(checked);\n var checkedNodes = store.getCheckedNodes();\n var currentValue = checkedNodes.map(function (node) { return node.pathValue; });\n var currentValueSet = transformValuesToSet(currentValue);\n var newValueSet = new Set();\n return propsValue\n .filter(function (v) {\n // v 不在 beforeValueSet 中，说明 v 不包含对应的option。直接返回true，不应该清除掉。\n if (!valueInSet(beforeValueSet, v) || valueInSet(currentValueSet, v)) {\n newValueSet.add(v.join(ValueSeparator));\n return true;\n }\n })\n .concat(currentValue.filter(function (v) {\n return !valueInSet(newValueSet, v);\n }));\n};\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nvar __generator = (this && this.__generator) || function (thisArg, body) {\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n function verb(n) { return function (v) { return step([n, v]); }; }\n function step(op) {\n if (f) throw new TypeError(\"Generator is already executing.\");\n while (_) try {\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n if (y = 0, t) op = [op[0] & 2, t.value];\n switch (op[0]) {\n case 0: case 1: t = op; break;\n case 4: _.label++; return { value: op[1], done: false };\n case 5: _.label++; y = op[1]; op = [0]; continue;\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\n default:\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n if (t[2]) _.ops.pop();\n _.trys.pop(); continue;\n }\n op = body.call(thisArg, _);\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n }\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { useState, useEffect, useCallback } from 'react';\nimport scrollIntoView from 'scroll-into-view-if-needed';\nimport isEqualWith from 'lodash/isEqualWith';\nimport { CSSTransition, TransitionGroup } from 'react-transition-group';\nimport cs from '../../_util/classNames';\nimport Option from './option';\nimport { isFunction, isObject } from '../../_util/is';\nimport useRefs from '../../_util/hooks/useRefs';\nimport useForceUpdate from '../../_util/hooks/useForceUpdate';\nimport { ArrowDown, Esc, Enter, ArrowUp, ArrowRight, ArrowLeft } from '../../_util/keycode';\nimport useUpdate from '../../_util/hooks/useUpdate';\nimport { getMultipleCheckValue } from '../util';\nimport VirtualList from '../../_class/VirtualList';\nvar getLegalActiveNode = function (options) {\n for (var index = 0; index < options.length; index++) {\n if (!options[index].disabled) {\n return options[index];\n }\n }\n};\nvar getBaseActiveNode = function (currentNode) {\n if (currentNode && currentNode.disabled) {\n var node = currentNode;\n while (node.parent) {\n if (node.parent.disabled) {\n node = node.parent;\n }\n else {\n break;\n }\n }\n return node;\n }\n return currentNode;\n};\nexport var getLegalIndex = function (currentIndex, maxIndex) {\n if (currentIndex < 0) {\n return maxIndex;\n }\n if (currentIndex > maxIndex) {\n return 0;\n }\n return currentIndex;\n};\nvar ListPanel = function (props) {\n var _a;\n var _b = __read(useRefs(), 2), activeOptionList = _b[0], setActiveOptionList = _b[1];\n var _c = __read(useRefs(), 2), refWrapper = _c[0], setRefWrapper = _c[1];\n var forceUpdate = useForceUpdate();\n var store = props.store, prefixCls = props.prefixCls, value = props.value, multiple = props.multiple, renderFooter = props.renderFooter, renderOption = props.renderOption, showEmptyChildren = props.showEmptyChildren, loadMore = props.loadMore, renderEmpty = props.renderEmpty;\n var _d = __read(useState(store.findNodeByValue(value && value[value.length - 1]) || null), 2), activeNode = _d[0], setActiveNode = _d[1];\n var options = store.getOptions();\n var triggerChange = function (newValue) {\n props.onChange && props.onChange(newValue);\n };\n var loadData = function (option) { return __awaiter(void 0, void 0, void 0, function () {\n var options_1, e_1;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0:\n if (!(!option.isLeaf && isFunction(loadMore) && !option.children)) return [3 /*break*/, 5];\n option.setLoading(true);\n forceUpdate();\n _a.label = 1;\n case 1:\n _a.trys.push([1, 3, , 4]);\n return [4 /*yield*/, loadMore(option.pathValue, option.pathValue.length)];\n case 2:\n options_1 = _a.sent();\n store.appendOptionChildren(option, options_1);\n store.setNodeCheckedByValue(props.value);\n return [3 /*break*/, 4];\n case 3:\n e_1 = _a.sent();\n console.error(e_1);\n return [3 /*break*/, 4];\n case 4:\n option.setLoading(false);\n forceUpdate();\n _a.label = 5;\n case 5: return [2 /*return*/];\n }\n });\n }); };\n var onClickOption = function (option, isEnterClick) {\n if (isEnterClick === void 0) { isEnterClick = true; }\n return __awaiter(void 0, void 0, void 0, function () {\n return __generator(this, function (_a) {\n if (!option || option.disabled) {\n return [2 /*return*/];\n }\n setActiveNode(option);\n loadData(option);\n // 在键盘上下左右键操作时,isEnterClick 是false，不触发triggerChange\n if (!multiple && isEnterClick) {\n if (props.changeOnSelect || option.isLeaf) {\n triggerChange([option.pathValue]);\n }\n }\n return [2 /*return*/];\n });\n });\n };\n var onMultipleChecked = function (option, checked) {\n var newValue = getMultipleCheckValue(props.value, store, option, checked);\n if (option === activeNode) {\n // setActiveNode 不会执行rerender，需要forceupdate\n forceUpdate();\n }\n setActiveNode(option);\n if (!props.changeOnSelect) {\n // 父子节点关联，选中复选框时执行loadMore，否则直接选中父节点\n loadData(option);\n }\n triggerChange(newValue);\n };\n var handleKeyDown = useCallback(function (e) {\n e.stopPropagation();\n // 使用keycode，避免中文输入法输入时，触发enter,space等事件。\n // p.s 中文输入时，keycode 都是229\n var keyCode = e.keyCode || e.which;\n var nextActiveNode;\n switch (keyCode) {\n case Esc.code: {\n e.preventDefault();\n props.onEsc();\n break;\n }\n case ArrowDown.code:\n case ArrowUp.code: {\n if (!activeNode) {\n nextActiveNode = getLegalActiveNode(options);\n }\n else {\n var baseActiveNode = getBaseActiveNode(activeNode);\n var list = (baseActiveNode.parent && baseActiveNode.parent.children) || options;\n var diff = keyCode === ArrowDown.code ? 1 : -1;\n var nextIndex = getLegalIndex(baseActiveNode._index + diff, list.length - 1);\n while (nextIndex !== baseActiveNode._index) {\n nextActiveNode = list[nextIndex];\n if (nextActiveNode.disabled) {\n nextIndex = getLegalIndex(nextIndex + diff, list.length - 1);\n }\n else {\n break;\n }\n }\n }\n onClickOption(nextActiveNode, false);\n e.preventDefault();\n return false;\n }\n case ArrowRight.code: {\n if (activeNode && !activeNode.disabled) {\n var list = activeNode.children || [];\n nextActiveNode = list[0] || activeNode;\n onClickOption(nextActiveNode, false);\n }\n e.preventDefault();\n return false;\n }\n case ArrowLeft.code: {\n if (activeNode) {\n var baseActiveNode = getBaseActiveNode(activeNode);\n nextActiveNode = baseActiveNode.parent || baseActiveNode;\n }\n onClickOption(nextActiveNode, false);\n e.preventDefault();\n return false;\n }\n case Enter.code:\n if (activeNode) {\n if (multiple) {\n onMultipleChecked(activeNode, !activeNode._checked);\n }\n else {\n onClickOption(activeNode);\n }\n }\n e.preventDefault();\n return false;\n default:\n break;\n }\n }, [activeNode]);\n useUpdate(function () {\n setActiveNode(function (activeNode) {\n // store 改变时候，更新下activeNode.如果当前activeNode不存在于store里了，就设置为null\n var newActiveNode;\n if (activeNode && activeNode.pathValue && activeNode.pathValue.length) {\n var values = activeNode.pathValue;\n var parent_1 = { children: options };\n values.map(function (value) {\n var list = parent_1.children || [];\n var item = list.find(function (x) { return x.value === value; });\n if (item) {\n parent_1 = item;\n newActiveNode = item;\n }\n });\n }\n return newActiveNode;\n });\n }, [store]);\n useEffect(function () {\n if (props.popupVisible && options.length) {\n var scrollTo_1 = function () {\n activeOptionList.forEach(function (activeOption, i) {\n activeOption &&\n scrollIntoView(activeOption, {\n block: 'nearest',\n boundary: refWrapper[i],\n });\n });\n };\n setTimeout(function () {\n scrollTo_1();\n });\n }\n }, [props.popupVisible, activeNode]);\n useEffect(function () {\n if (props.popupVisible) {\n document.addEventListener('keydown', handleKeyDown);\n }\n else {\n document.removeEventListener('keydown', handleKeyDown);\n }\n return function () {\n document.removeEventListener('keydown', handleKeyDown);\n };\n }, [props.popupVisible, handleKeyDown]);\n var menus = (function () {\n var list = [options];\n var pathNodes = activeNode ? activeNode.getPathNodes() : [];\n pathNodes.forEach(function (option) {\n option && option.children && list.push(option.children);\n });\n return list;\n })();\n var dropdownColumnRender = isFunction(props.dropdownColumnRender)\n ? props.dropdownColumnRender\n : function (menu) { return menu; };\n return !menus.length || !((_a = menus[0]) === null || _a === void 0 ? void 0 : _a.length) ? (React.createElement(React.Fragment, null, renderEmpty())) : (React.createElement(TransitionGroup, { component: React.Fragment }, menus.map(function (list, level) {\n var _a, _b, _c;\n var footer = renderFooter ? renderFooter(level, activeNode || null) : null;\n return list.length === 0 && !showEmptyChildren ? null : (React.createElement(CSSTransition, { key: level, timeout: {\n enter: 300,\n exit: 0,\n }, classNames: \"cascaderSlide\", onEnter: function (e) {\n e.style.marginLeft = \"-\" + e.scrollWidth + \"px\";\n }, onEntering: function (e) {\n e.style.marginLeft = \"0px\";\n }, onEntered: function (e) {\n e.style.marginLeft = '';\n } },\n React.createElement(\"div\", { className: cs(prefixCls + \"-list-column\", (_a = {},\n _a[prefixCls + \"-list-column-virtual\"] = props.virtualListProps && props.virtualListProps.threshold !== null,\n _a)), style: __assign({ zIndex: menus.length - level }, props.dropdownMenuColumnStyle) }, dropdownColumnRender(React.createElement(\"div\", { className: cs(prefixCls + \"-list-wrapper\", (_b = {},\n _b[prefixCls + \"-list-wrapper-with-footer\"] = footer !== null,\n _b)) },\n list.length === 0 ? (renderEmpty && renderEmpty(props.virtualListProps ? '100%' : 120)) : (React.createElement(VirtualList, __assign({ needFiller: false, threshold: props.virtualListProps ? 100 : null, data: list, isStaticItemHeight: true, itemKey: \"value\" }, (isObject(props.virtualListProps) ? props.virtualListProps : {}), { wrapper: \"ul\", role: \"menu\", ref: function (node) { return setRefWrapper(node === null || node === void 0 ? void 0 : node.dom, level); }, className: cs(prefixCls + \"-list\", prefixCls + \"-list-select\", (_c = {},\n _c[prefixCls + \"-list-multiple\"] = multiple,\n _c)) }), function (option) {\n var _a;\n var isActive = false;\n if (activeNode) {\n isActive = activeNode.pathValue[level] === option.value;\n }\n return (React.createElement(\"li\", { tabIndex: 0, role: \"menuitem\", \"aria-haspopup\": !option.isLeaf, \"aria-expanded\": isActive && !option.isLeaf, \"aria-disabled\": option.disabled, key: option.value, title: option.label, className: cs(prefixCls + \"-list-item\", (_a = {},\n _a[prefixCls + \"-list-item-active\"] = isActive,\n _a[prefixCls + \"-list-item-disabled\"] = option.disabled,\n _a)), ref: function (ref) {\n if (isActive) {\n setActiveOptionList(ref, level);\n }\n } },\n React.createElement(Option, { prefixCls: prefixCls, multiple: multiple, option: option, \n // 叶子节点被选中\n selected: !multiple &&\n option.isLeaf &&\n isEqualWith(props.value, option.pathValue), onMouseEnter: function () {\n if (option.disabled) {\n return;\n }\n if (props.expandTrigger === 'hover') {\n setActiveNode(option);\n !option.isLeaf && loadData(option);\n }\n }, renderOption: renderOption &&\n (function () {\n return renderOption(option._data, level);\n }), onClickOption: function () {\n if (option.isLeaf && multiple && !option.disableCheckbox) {\n onMultipleChecked(option, !option._checked);\n }\n else {\n onClickOption(option);\n }\n }, onMultipleChecked: function (checked) {\n onMultipleChecked(option, checked);\n }, onDoubleClickOption: props.onDoubleClickOption })));\n })),\n footer && (React.createElement(\"div\", { className: prefixCls + \"-list-footer\", onMouseDown: function (e) {\n // 这里是为了阻止冒泡到面板节点的onMousedown事件。因为弹出层会阻止默认行为，避免选择框失去焦点\n // 如果这里不阻止冒泡，footer里如果渲染了input标签，将无法被focus\n e.stopPropagation();\n } }, footer))), level))));\n })));\n};\nexport default ListPanel;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { useEffect, useState, useRef } from 'react';\nimport isEqualWith from 'lodash/isEqualWith';\nimport scrollIntoView from 'scroll-into-view-if-needed';\nimport cs from '../../_util/classNames';\nimport IconCheck from '../../../icon/react-icon/IconCheck';\nimport Checkbox from '../../Checkbox';\nimport { ArrowDown, Esc, Enter, ArrowUp } from '../../_util/keycode';\nimport useUpdateEffect from '../../_util/hooks/useUpdate';\nimport useIsFirstRender from '../../_util/hooks/useIsFirstRender';\nimport { isString, isObject } from '../../_util/is';\nimport { getMultipleCheckValue } from '../util';\nimport VirtualList from '../../_class/VirtualList';\nexport var getLegalIndex = function (currentIndex, maxIndex) {\n if (currentIndex < 0) {\n return maxIndex;\n }\n if (currentIndex > maxIndex) {\n return 0;\n }\n return currentIndex;\n};\nvar formatLabel = function (inputValue, label, prefixCls) {\n var dom = label;\n if (isString(label)) {\n var index = label.toUpperCase().indexOf(inputValue.toUpperCase());\n if (index > -1) {\n var prefix = label.substr(0, index);\n var suffix = label.substr(index + inputValue.length);\n dom = (React.createElement(React.Fragment, null,\n prefix,\n React.createElement(\"span\", { className: prefixCls + \"-highlight\" }, label.substr(index, inputValue.length)),\n suffix));\n }\n }\n return dom;\n};\nvar SearchPanel = function (props) {\n var _a;\n var store = props.store, prefixCls = props.prefixCls, multiple = props.multiple, onChange = props.onChange, inputValue = props.inputValue, renderEmpty = props.renderEmpty, style = props.style;\n var value = props.value || [];\n var _b = __read(useState(store.searchNodeByLabel(inputValue) || []), 2), options = _b[0], setOptions = _b[1];\n var refActiveItem = useRef();\n // 用来标示是否需要scrollIntoView。如果是鼠标hover，不需要滚动。\n var isKeyboardHover = useRef();\n var isFirstRender = useIsFirstRender();\n // 保存键盘操作的目标节点\n var _c = __read(useState(-1), 2), currentHoverIndex = _c[0], setCurrentHoverIndex = _c[1];\n var handleSearchOptionClick = function (option, checked, e) {\n e.stopPropagation();\n if (option.disabled) {\n return;\n }\n if (multiple) {\n var checkedValues = getMultipleCheckValue(props.value, store, option, checked);\n onChange && onChange(checkedValues);\n }\n else {\n onChange && onChange([option.pathValue]);\n }\n };\n useUpdateEffect(function () {\n setOptions(store.searchNodeByLabel(inputValue));\n }, [inputValue]);\n useUpdateEffect(function () {\n setCurrentHoverIndex(function (currentIndex) {\n if (currentIndex > options.length - 1) {\n return -1;\n }\n return currentIndex;\n });\n }, [options]);\n useEffect(function () {\n var handleKeyDown = function (e) {\n e.stopPropagation();\n // 使用keycode，避免中文输入法输入时，触发enter,space等事件。\n // p.s 中文输入时，keycode 都是229\n var keyCode = e.keyCode || e.which;\n switch (keyCode) {\n case Esc.code: {\n props.onEsc();\n return false;\n }\n case ArrowDown.code:\n case ArrowUp.code: {\n isKeyboardHover.current = true;\n var diff = ArrowDown.code === keyCode ? 1 : -1;\n var nextIndex = getLegalIndex(currentHoverIndex + diff, options.length - 1);\n while (nextIndex !== currentHoverIndex) {\n var item_1 = options[nextIndex];\n if (item_1.disabled) {\n nextIndex = getLegalIndex(nextIndex + diff, options.length - 1);\n }\n else {\n break;\n }\n }\n setCurrentHoverIndex(nextIndex);\n return false;\n }\n case Enter.code:\n var item_2 = options[currentHoverIndex];\n if (item_2) {\n var isChecked = value.some(function (x) {\n return isEqualWith(x, item_2.pathValue);\n });\n handleSearchOptionClick(item_2, !isChecked, e);\n }\n return false;\n default:\n break;\n }\n };\n document.addEventListener('keydown', handleKeyDown);\n return function () {\n document.removeEventListener('keydown', handleKeyDown);\n };\n }, [options, currentHoverIndex, value]);\n useEffect(function () {\n var _a;\n var target = refActiveItem.current;\n if (target && (isKeyboardHover.current || isFirstRender)) {\n scrollIntoView(target, {\n behavior: 'instant',\n block: 'nearest',\n scrollMode: 'if-needed',\n boundary: (_a = target.parentNode) === null || _a === void 0 ? void 0 : _a.parentNode,\n });\n }\n }, [currentHoverIndex, options]);\n refActiveItem.current = null;\n return options.length ? (React.createElement(\"div\", { className: prefixCls + \"-list-wrapper\" },\n React.createElement(VirtualList, __assign({ needFiller: false, wrapper: \"ul\", role: \"menu\", style: style, data: options, isStaticItemHeight: true, itemKey: \"value\", threshold: props.virtualListProps ? 100 : null }, (isObject(props.virtualListProps) ? props.virtualListProps : {}), { onMouseMove: function () {\n isKeyboardHover.current = false;\n }, className: cs(prefixCls + \"-list\", prefixCls + \"-list-search\", (_a = {},\n _a[prefixCls + \"-list-multiple\"] = multiple,\n _a)) }), function (item, i) {\n var _a;\n var pathNodes = item.getPathNodes();\n var label = formatLabel(inputValue, pathNodes.map(function (x) { return x.label; }).join(' / '), prefixCls);\n var isChecked = item._checked;\n return (React.createElement(\"li\", { role: \"menuitem\", \"aria-disabled\": item.disabled, ref: function (node) {\n if (i === currentHoverIndex) {\n refActiveItem.current = node;\n }\n if (isChecked && !refActiveItem.current) {\n refActiveItem.current = node;\n }\n }, className: cs(prefixCls + \"-list-search-item\", (_a = {},\n _a[prefixCls + \"-list-search-item-active\"] = isChecked,\n _a[prefixCls + \"-list-search-item-hover\"] = i === currentHoverIndex,\n _a[prefixCls + \"-list-search-item-disabled\"] = item.disabled,\n _a)), onClick: function (e) {\n handleSearchOptionClick(item, !isChecked, e);\n }, key: i, onMouseEnter: function () {\n if (!isKeyboardHover.current && !item.disabled) {\n setCurrentHoverIndex(i);\n }\n }, onMouseLeave: function () {\n if (!isKeyboardHover.current && !item.disabled) {\n setCurrentHoverIndex(-1);\n }\n } },\n React.createElement(\"div\", { className: prefixCls + \"-list-item-label\" }, multiple ? (React.createElement(Checkbox, { checked: isChecked, disabled: item.disabled }, label)) : (React.createElement(React.Fragment, null,\n label,\n isChecked && (React.createElement(\"span\", { className: prefixCls + \"-check-icon\" },\n React.createElement(IconCheck, null))))))));\n }))) : (React.createElement(React.Fragment, null, renderEmpty && renderEmpty()));\n};\nexport default SearchPanel;\n","var __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport { useRef } from 'react';\nimport useForceUpdate from '../../_util/hooks/useForceUpdate';\nimport useUpdate from '../../_util/hooks/useUpdate';\nfunction useCurrentRef(initFunc, deps) {\n var ref = useRef(null);\n var forceUdpate = useForceUpdate();\n if (!ref.current) {\n ref.current = initFunc();\n }\n useUpdate(function () {\n ref.current = initFunc();\n forceUdpate();\n }, __spreadArray([], __read(deps), false));\n return ref.current;\n}\nexport default useCurrentRef;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { forwardRef, useEffect, useState, useImperativeHandle, useRef, useContext, useCallback, useMemo, } from 'react';\nimport { isArray, isFunction, isObject, isString } from '../_util/is';\nimport Trigger from '../Trigger';\nimport CascaderPanel from './panel/list';\nimport SearchPanel from './panel/search-panel';\nimport { ConfigContext } from '../ConfigProvider';\nimport SelectView from '../_class/select-view';\nimport cs from '../_util/classNames';\nimport useMergeValue from '../_util/hooks/useMergeValue';\nimport useUpdate from '../_util/hooks/useUpdate';\nimport { Enter, Tab } from '../_util/keycode';\nimport useCurrentRef from './hook/useRefCurrent';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nimport { valueInSet, transformValuesToSet, isEmptyValue, getConfig, getStore, formatValue, removeValueFromSet, SHOW_CHILD, } from './util';\nimport useForceUpdate from '../_util/hooks/useForceUpdate';\n// Generate DOM id for instance\nvar globalCascaderIndex = 0;\nexport var DefaultFieldNames = {\n label: 'label',\n value: 'value',\n isLeaf: 'isLeaf',\n children: 'children',\n disabled: 'disabled',\n};\nvar defaultProps = {\n options: [],\n bordered: true,\n fieldNames: DefaultFieldNames,\n trigger: 'click',\n expandTrigger: 'click',\n checkedStrategy: SHOW_CHILD,\n};\nfunction Cascader(baseProps, ref) {\n var _a = useContext(ConfigContext), getPrefixCls = _a.getPrefixCls, renderEmpty = _a.renderEmpty, componentConfig = _a.componentConfig;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Cascader);\n var disabled = props.disabled, renderFormat = props.renderFormat, getPopupContainer = props.getPopupContainer, children = props.children, triggerProps = props.triggerProps, expandTrigger = props.expandTrigger;\n var prefixCls = getPrefixCls('cascader');\n var isMultiple = props.mode === 'multiple';\n var timerRef = useRef(null);\n var forceUpdate = useForceUpdate();\n var store = useCurrentRef(function () {\n return getStore(props, formatValue('value' in props ? props.value : props.defaultValue, isMultiple));\n }, [JSON.stringify(getConfig(props)), props.options]);\n var _b = __read(useState(function () {\n return 'value' in props\n ? formatValue(props.value, isMultiple, store)\n : 'defaultValue' in props\n ? formatValue(props.defaultValue, isMultiple, store)\n : [];\n }), 2), stateValue = _b[0], setValue = _b[1];\n var mergeValue = 'value' in props ? formatValue(props.value, isMultiple, store) : stateValue;\n var _c = __read(useMergeValue(false, {\n value: props.popupVisible,\n defaultValue: props.defaultPopupVisible,\n }), 2), popupVisible = _c[0], setPopupVisible = _c[1];\n var _d = __read(useMergeValue('', {\n value: 'inputValue' in props ? props.inputValue || '' : undefined,\n }), 3), inputValue = _d[0], setInputValue = _d[1], stateInputValue = _d[2];\n // 触发 onInputValueChange 回调的值\n var refOnInputChangeCallbackValue = useRef(inputValue);\n // 触发 onInputValueChange 回调的原因\n var refOnInputChangeCallbackReason = useRef(null);\n var selectRef = useRef(null);\n // 暂存被选中的值对应的节点。仅在onSearch的时候用到\n // 避免出现下拉列表改变，之前选中的option找不到对应的节点，展示上会出问题。\n var stashNodes = useRef((store === null || store === void 0 ? void 0 : store.getCheckedNodes()) || []);\n // Unique ID of this select instance\n var instancePopupID = useMemo(function () {\n var id = prefixCls + \"-popup-\" + globalCascaderIndex;\n globalCascaderIndex++;\n return id;\n }, []);\n // 尝试更新 inputValue，触发 onInputValueChange\n var tryUpdateInputValue = function (value, reason) {\n if (value !== refOnInputChangeCallbackValue.current) {\n setInputValue(value);\n refOnInputChangeCallbackValue.current = value;\n refOnInputChangeCallbackReason.current = reason;\n props.onInputValueChange && props.onInputValueChange(value, reason);\n }\n };\n // 在 inputValue 变化时，适时触发 onSearch\n useEffect(function () {\n var reason = refOnInputChangeCallbackReason.current;\n if (stateInputValue === inputValue && (reason === 'manual' || reason === 'optionListHide')) {\n props.onSearch && props.onSearch(inputValue, reason);\n }\n }, [inputValue]);\n useEffect(function () {\n var clearTimer = function () {\n clearTimeout(timerRef.current);\n timerRef.current = null;\n };\n if (!popupVisible && inputValue) {\n if (timerRef.current) {\n clearTimer();\n }\n timerRef.current = setTimeout(function () {\n tryUpdateInputValue('', 'optionListHide');\n timerRef.current = null;\n }, 200);\n }\n return function () {\n clearTimer();\n };\n }, [popupVisible]);\n useUpdate(function () {\n if ('value' in props && props.value !== stateValue) {\n // don't to use formatValue(x, y, store)\n // we just need to get the value in a valid format, and update it to store nodes\n var newValue = formatValue(props.value, isMultiple);\n store.setNodeCheckedByValue(newValue);\n setValue(newValue);\n }\n }, [props.value, isMultiple]);\n useImperativeHandle(ref, function () { return selectRef.current; }, []);\n var updateStashNodes = function (nodes) {\n stashNodes.current = Array.from(new Set([].concat(nodes, stashNodes.current)));\n };\n var getSelectedOptionsByValue = function (values) {\n var result = [];\n var valuesSet = transformValuesToSet(values);\n var findValue = function (nodes) {\n nodes.some(function (node) {\n if (valueInSet(valuesSet, node.pathValue)) {\n result.push(node.getPathNodes().map(function (x) { return x._data; }));\n removeValueFromSet(valuesSet, node.pathValue);\n }\n if (!valuesSet.size) {\n return true;\n }\n });\n };\n findValue(store.getCheckedNodes());\n if (valuesSet.size) {\n findValue(stashNodes.current);\n }\n return result;\n };\n var handleVisibleChange = useCallback(function (newVisible) {\n if (newVisible !== popupVisible) {\n props.onVisibleChange && props.onVisibleChange(newVisible);\n if (!('popupVisible' in props)) {\n setPopupVisible(newVisible);\n }\n }\n }, [props.onVisibleChange, popupVisible]);\n var renderText = useCallback(function (value) {\n var _a;\n // store 中不存在时，从stashNodes.current中找一下对应节点\n var options = getSelectedOptionsByValue([value])[0] || [];\n var text;\n var valueShow = isArray(value) ? value.map(function (x) { return String(x); }) : [];\n if (options.length) {\n valueShow = options.map(function (x) { return x.label; });\n }\n if (isFunction(renderFormat)) {\n text = renderFormat(valueShow);\n }\n else if (valueShow.every(function (v) { return isString(v); })) {\n text = valueShow.join(' / ');\n }\n else {\n text = valueShow.reduce(function (total, item, index) {\n return total.concat(index === 0 ? [item] : [' / ', item]);\n }, []);\n }\n return {\n text: text || '',\n disabled: (_a = options[options.length - 1]) === null || _a === void 0 ? void 0 : _a.disabled,\n };\n }, [store, renderFormat]);\n var handleChange = function (newValue, trigger) {\n var _a;\n if (trigger === 'panel' &&\n isObject(props.showSearch) &&\n !props.showSearch.retainInputValueWhileSelect &&\n isMultiple) {\n tryUpdateInputValue('', 'optionChecked');\n }\n var onChange = props.onChange, changeOnSelect = props.changeOnSelect, expandTrigger = props.expandTrigger;\n var isSame = mergeValue === newValue;\n if (isSame) {\n return;\n }\n if (!isMultiple) {\n store.setNodeCheckedByValue(newValue);\n }\n updateStashNodes(store.getCheckedNodes());\n var selectedOptions = getSelectedOptionsByValue(newValue);\n var _value = isMultiple ? newValue : newValue[0];\n var _selectedOptions = isMultiple ? selectedOptions : selectedOptions[0];\n if (!isMultiple) {\n if (inputValue) {\n // 单选时选择搜索项，直接关闭面板\n handleVisibleChange(false);\n }\n else if ((selectedOptions[0] && ((_a = selectedOptions[0][selectedOptions[0].length - 1]) === null || _a === void 0 ? void 0 : _a.isLeaf)) ||\n (changeOnSelect && expandTrigger === 'hover')) {\n handleVisibleChange(false);\n }\n }\n if ('value' in props) {\n store.setNodeCheckedByValue(mergeValue);\n // 受控触发更新，回到选中前的状态。\n forceUpdate();\n }\n else {\n setValue(newValue);\n }\n onChange &&\n onChange(_value, _selectedOptions, {\n dropdownVisible: popupVisible,\n });\n };\n var onRemoveCheckedItem = function (item, index, e) {\n e.stopPropagation();\n if (item.disabled) {\n return;\n }\n var newValue = mergeValue.filter(function (_, i) { return i !== index; });\n store.setNodeCheckedByValue(newValue);\n handleChange(newValue);\n };\n var renderEmptyEle = function (width) {\n var wd = width || (selectRef.current && selectRef.current.getWidth());\n return (React.createElement(\"div\", { className: prefixCls + \"-list-empty\", style: { width: wd } }, props.notFoundContent || renderEmpty('Cascader')));\n };\n var renderPopup = function () {\n var _a;\n var showSearchPanel = !isFunction(props.onSearch) && !!inputValue;\n var width = selectRef.current && selectRef.current.getWidth();\n var dropdownRender = isFunction(props.dropdownRender) ? props.dropdownRender : function (menu) { return menu; };\n return (React.createElement(\"div\", { id: instancePopupID, className: cs(prefixCls + \"-popup\", props.dropdownMenuClassName, (_a = {},\n _a[prefixCls + \"-popup-trigger-hover\"] = props.expandTrigger === 'hover',\n _a)) }, dropdownRender(React.createElement(\"div\", { className: prefixCls + \"-popup-inner\", onMouseDown: function (e) { return e.preventDefault(); } }, showSearchPanel ? (React.createElement(SearchPanel, { style: { minWidth: width }, store: store, inputValue: inputValue, renderEmpty: function () { return renderEmptyEle(width); }, multiple: isMultiple, onChange: function (value) {\n handleChange(value, 'panel');\n }, prefixCls: prefixCls, onEsc: function () {\n handleVisibleChange(false);\n }, value: mergeValue, virtualListProps: props.virtualListProps })) : (React.createElement(CascaderPanel, { dropdownMenuColumnStyle: props.dropdownMenuColumnStyle, virtualListProps: props.virtualListProps, expandTrigger: expandTrigger, store: store, dropdownColumnRender: props.dropdownColumnRender, renderOption: props.renderOption, changeOnSelect: props.changeOnSelect, showEmptyChildren: props.showEmptyChildren || !!props.loadMore, multiple: isMultiple, onChange: function (value) {\n handleChange(value, 'panel');\n }, loadMore: props.loadMore, prefixCls: prefixCls, renderEmpty: renderEmptyEle, popupVisible: popupVisible, value: mergeValue, renderFooter: props.renderFooter, onEsc: function () {\n handleVisibleChange(false);\n }, onDoubleClickOption: function () {\n if (props.changeOnSelect && !isMultiple) {\n handleVisibleChange(false);\n }\n } }))))));\n };\n var updateSelectedValues = function (value) {\n setValue(value);\n };\n return (React.createElement(Trigger, __assign({ popup: renderPopup, trigger: props.trigger, disabled: disabled, getPopupContainer: getPopupContainer, position: \"bl\", classNames: \"slideDynamicOrigin\", popupAlign: { bottom: 4 }, \n // 动态加载时，unmountOnExit 默认为false。\n unmountOnExit: 'unmountOnExit' in props ? props.unmountOnExit : !isFunction(props.loadMore), popupVisible: popupVisible }, triggerProps, { onVisibleChange: handleVisibleChange }), children || (React.createElement(SelectView, __assign({}, props, { ref: selectRef, ariaControls: instancePopupID, popupVisible: popupVisible, value: isMultiple ? mergeValue : mergeValue && mergeValue[0], inputValue: inputValue, \n // other\n isEmptyValue: isEmptyValue(mergeValue), prefixCls: prefixCls, isMultiple: isMultiple, renderText: renderText, onRemoveCheckedItem: onRemoveCheckedItem, onSort: updateSelectedValues, onClear: function (e) {\n e.stopPropagation();\n if (!isMultiple) {\n handleChange([]);\n }\n else {\n var nodes = store.getCheckedNodes();\n var newValue = nodes.filter(function (x) { return x.disabled; }).map(function (x) { return x.pathValue; });\n store.setNodeCheckedByValue(newValue);\n handleChange(newValue);\n }\n props.onClear && props.onClear(!!popupVisible);\n }, onKeyDown: function (e) {\n if (disabled) {\n return;\n }\n e.stopPropagation();\n var keyCode = e.keyCode || e.which;\n if (keyCode === Enter.code && !popupVisible) {\n handleVisibleChange(true);\n e.preventDefault();\n }\n if (keyCode === Tab.code && popupVisible) {\n handleVisibleChange(false);\n }\n }, \n // onFocus={this.onFocusInput}\n onChangeInputValue: function (v) {\n tryUpdateInputValue(v, 'manual');\n // tab键 focus 到输入框，此时下拉框未显示。如果输入值，展示下拉框\n if (!popupVisible) {\n handleVisibleChange(true);\n }\n } })))));\n}\nvar CascaderComponent = forwardRef(Cascader);\nCascaderComponent.displayName = 'Cascader';\nexport default CascaderComponent;\n","import Cascader from './cascader';\nexport default Cascader;\nexport * from './interface';\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { useContext } from 'react';\nimport { Transition } from 'react-transition-group';\nimport cs from '../_util/classNames';\nimport { CollapseContext } from './collapse';\nimport { ConfigContext } from '../ConfigProvider';\nimport IconHover from '../_class/icon-hover';\nfunction Item(props, ref) {\n var _a, _b, _c, _d, _e;\n var _f;\n var getPrefixCls = useContext(ConfigContext).getPrefixCls;\n var ctx = useContext(CollapseContext);\n var children = props.children, name = props.name, header = props.header, className = props.className, style = props.style, contentStyle = props.contentStyle, extra = props.extra, disabled = props.disabled, destroyOnHide = props.destroyOnHide, expandIcon = props.expandIcon, _g = props.showExpandIcon, showExpandIcon = _g === void 0 ? true : _g, rest = __rest(props, [\"children\", \"name\", \"header\", \"className\", \"style\", \"contentStyle\", \"extra\", \"disabled\", \"destroyOnHide\", \"expandIcon\", \"showExpandIcon\"]);\n var prefixCls = getPrefixCls('collapse-item');\n var isExpanded = ((_f = ctx.activeKeys) === null || _f === void 0 ? void 0 : _f.indexOf(name)) > -1;\n var icon = showExpandIcon ? ('expandIcon' in props ? expandIcon : ctx.expandIcon) : null;\n return (React.createElement(\"div\", __assign({ ref: ref }, rest, { className: cs(prefixCls, (_a = {},\n _a[prefixCls + \"-active\"] = isExpanded,\n _a[prefixCls + \"-no-icon\"] = !icon,\n _a[prefixCls + \"-disabled\"] = disabled,\n _a), className), style: style }),\n React.createElement(\"div\", { role: \"button\", \"aria-disabled\": disabled, \"aria-expanded\": isExpanded, tabIndex: 0, className: cs(prefixCls + \"-header\", prefixCls + \"-header-\" + ctx.expandIconPosition, (_b = {},\n _b[prefixCls + \"-header-disabled\"] = disabled,\n _b)), onClick: function (e) {\n !disabled && ctx.onToggle(name, e);\n } },\n icon && (React.createElement(IconHover, { prefix: prefixCls, disabled: disabled, className: cs((_c = {},\n _c[prefixCls + \"-icon-hover-right\"] = ctx.expandIconPosition === 'right',\n _c[prefixCls + \"-header-icon-right\"] = ctx.expandIconPosition === 'right',\n _c)) },\n React.createElement(\"span\", { className: cs(prefixCls + \"-header-icon\", (_d = {},\n _d[prefixCls + \"-header-icon-down\"] = isExpanded,\n _d)) }, icon))),\n React.createElement(\"div\", { className: prefixCls + \"-header-title\" }, header),\n extra && (React.createElement(\"div\", { className: prefixCls + \"-header-extra\", onClick: function (e) {\n e.stopPropagation();\n } }, extra))),\n React.createElement(Transition, { in: isExpanded, addEndListener: function (node, done) {\n node.addEventListener('transitionend', done, false);\n }, mountOnEnter: 'destroyOnHide' in props ? destroyOnHide : ctx.destroyOnHide || ctx.lazyload, unmountOnExit: 'destroyOnHide' in props ? destroyOnHide : ctx.destroyOnHide, onEnter: function (e) {\n e.style.height = 0;\n e.style.display = 'block';\n }, onEntering: function (e) {\n e.style.height = e.scrollHeight + \"px\";\n }, onEntered: function (e) {\n e.style.height = 'auto';\n }, onExit: function (e) {\n e.style.display = 'block';\n e.style.height = e.offsetHeight + \"px\";\n // have to trigger reflow to get animation effect on exit\n e.offsetHeight; // eslint-disable-line\n }, onExiting: function (e) {\n e.style.height = 0;\n }, onExited: function (e) {\n e.style.display = 'none';\n e.style.height = 'auto';\n } },\n React.createElement(\"div\", { role: \"region\", className: cs(prefixCls + \"-content\", (_e = {},\n _e[prefixCls + \"-content-expanded\"] = isExpanded,\n _e)) },\n React.createElement(\"div\", { style: contentStyle, className: prefixCls + \"-content-box\" }, children)))));\n}\nvar ItemRef = React.forwardRef(Item);\nItemRef.displayName = 'CollapseItem';\nexport default ItemRef;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport React, { createContext, useContext } from 'react';\nimport { isFunction } from '../_util/is';\nimport cs from '../_util/classNames';\nimport CollapseItem from './item';\nimport omit from '../_util/omit';\nimport { ConfigContext } from '../ConfigProvider';\nimport IconCaretRight from '../../icon/react-icon/IconCaretRight';\nimport useMergeValue from '../_util/hooks/useMergeValue';\nimport IconCaretLeft from '../../icon/react-icon/IconCaretLeft';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nvar getActiveKeys = function (keys, accordion) {\n var res = [].concat(keys);\n if (accordion) {\n return res.slice(0, 1);\n }\n return res;\n};\nvar defaultProps = {\n bordered: true,\n lazyload: true,\n expandIconPosition: 'left',\n};\nexport var CollapseContext = createContext({\n expandIconPosition: 'left',\n expandIcon: React.createElement(IconCaretRight, null),\n activeKeys: [],\n onToggle: function () { },\n});\nfunction Collapse(baseProps, ref) {\n var _a = useContext(ConfigContext), getPrefixCls = _a.getPrefixCls, componentConfig = _a.componentConfig;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Collapse);\n var _b = __read(useMergeValue([], {\n defaultValue: 'defaultActiveKey' in props\n ? getActiveKeys(props.defaultActiveKey, props.accordion)\n : undefined,\n value: 'activeKey' in props ? getActiveKeys(props.activeKey, props.accordion) : undefined,\n }), 2), activeKeys = _b[0], setActiveKeys = _b[1];\n var children = props.children, className = props.className, style = props.style, bordered = props.bordered, lazyload = props.lazyload, expandIcon = props.expandIcon, expandIconPosition = props.expandIconPosition, destroyOnHide = props.destroyOnHide, accordion = props.accordion, onChange = props.onChange, rest = __rest(props, [\"children\", \"className\", \"style\", \"bordered\", \"lazyload\", \"expandIcon\", \"expandIconPosition\", \"destroyOnHide\", \"accordion\", \"onChange\"]);\n var prefixCls = getPrefixCls('collapse');\n var onItemClick = function (key, e) {\n var newActiveKeys = __spreadArray([], __read(activeKeys), false);\n var index = activeKeys.indexOf(key);\n if (index > -1) {\n newActiveKeys.splice(index, 1);\n }\n else if (accordion) {\n newActiveKeys = [key];\n }\n else {\n newActiveKeys.push(key);\n }\n if (!('activeKey' in props)) {\n setActiveKeys(newActiveKeys);\n }\n isFunction(onChange) && onChange(key, newActiveKeys, e);\n };\n return (React.createElement(CollapseContext.Provider, { value: {\n activeKeys: activeKeys,\n onToggle: onItemClick,\n lazyload: lazyload,\n expandIcon: 'expandIcon' in props ? (expandIcon) : expandIconPosition === 'right' ? (React.createElement(IconCaretLeft, null)) : (React.createElement(IconCaretRight, null)),\n destroyOnHide: destroyOnHide,\n expandIconPosition: expandIconPosition,\n } },\n React.createElement(\"div\", __assign({ ref: ref }, omit(rest, ['activeKey', 'defaultActiveKey']), { className: cs(prefixCls, prefixCls + \"-\" + (bordered ? 'border' : 'borderless'), className), style: style }), children)));\n}\nvar ForwardRefCollapse = React.forwardRef(Collapse);\nvar CollapseComponent = ForwardRefCollapse;\nCollapseComponent.displayName = 'Collapse';\nCollapseComponent.Item = CollapseItem;\nexport default CollapseComponent;\n","import Collapse from './collapse';\nexport default Collapse;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nimport React, { forwardRef, useContext } from 'react';\nimport cs from '../_util/classNames';\nimport { ConfigContext } from '../ConfigProvider';\nimport { isString, isObject } from '../_util/is';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nvar defaultAlign = {\n datetime: 'left',\n actions: 'left',\n};\nvar defaultProps = {\n align: 'left',\n};\nfunction Comment(baseProps, ref) {\n var _a = useContext(ConfigContext), getPrefixCls = _a.getPrefixCls, componentConfig = _a.componentConfig;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Comment);\n var prefixCls = getPrefixCls('comment');\n var actions = props.actions, author = props.author, avatar = props.avatar, content = props.content, datetime = props.datetime;\n var align = __assign(__assign({}, defaultAlign), (isObject(props.align)\n ? props.align\n : {\n datetime: props.align,\n actions: props.align,\n }));\n return (React.createElement(\"div\", { ref: ref, className: cs(\"\" + prefixCls, props.className), style: props.style },\n avatar && (React.createElement(\"div\", { className: cs(prefixCls + \"-avatar\") }, isString(avatar) ? React.createElement(\"img\", { src: avatar, alt: \"comment-avatar\" }) : avatar)),\n React.createElement(\"div\", { className: prefixCls + \"-inner\" },\n React.createElement(\"div\", { className: prefixCls + \"-inner-content\" },\n (author || datetime) && (React.createElement(\"div\", { className: prefixCls + \"-title \" + prefixCls + \"-title-align-\" + align.datetime },\n author && React.createElement(\"span\", { className: prefixCls + \"-author\" }, author),\n datetime && React.createElement(\"span\", { className: prefixCls + \"-datetime\" }, datetime))),\n content && React.createElement(\"div\", { className: prefixCls + \"-content\" }, content),\n actions && (React.createElement(\"div\", { className: prefixCls + \"-actions \" + prefixCls + \"-actions-align-\" + align.actions }, actions))),\n props.children && React.createElement(\"div\", { className: prefixCls + \"-inner-comment\" }, props.children))));\n}\nvar CommentRef = forwardRef(Comment);\nCommentRef.displayName = 'Comment';\nexport default CommentRef;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { useRef, useImperativeHandle, forwardRef, useContext, } from 'react';\nimport omit from '../../_util/omit';\nimport { Enter } from '../../_util/keycode';\nimport { ConfigContext } from '../../ConfigProvider';\nimport IconClose from '../../../icon/react-icon/IconClose';\nimport IconHover from '../../_class/icon-hover';\nimport cs from '../../_util/classNames';\nimport { isArray } from '../../_util/is';\nfunction DateInput(_a, ref) {\n var _b, _c;\n var style = _a.style, className = _a.className, propPrefixCls = _a.prefixCls, allowClear = _a.allowClear, error = _a.error, disabled = _a.disabled, placeholder = _a.placeholder, format = _a.format, propSize = _a.size, onClear = _a.onClear, editable = _a.editable, value = _a.value, inputValue = _a.inputValue, onPressEnter = _a.onPressEnter, suffixIcon = _a.suffixIcon, onChange = _a.onChange, popupVisible = _a.popupVisible, isPlaceholder = _a.isPlaceholder, rest = __rest(_a, [\"style\", \"className\", \"prefixCls\", \"allowClear\", \"error\", \"disabled\", \"placeholder\", \"format\", \"size\", \"onClear\", \"editable\", \"value\", \"inputValue\", \"onPressEnter\", \"suffixIcon\", \"onChange\", \"popupVisible\", \"isPlaceholder\"]);\n var _d = useContext(ConfigContext), getPrefixCls = _d.getPrefixCls, ctxSize = _d.size, locale = _d.locale;\n var input = useRef(null);\n var size = propSize || ctxSize;\n useImperativeHandle(ref, function () { return ({\n focus: function () {\n input.current && input.current.focus && input.current.focus();\n },\n blur: function () {\n input.current && input.current.blur && input.current.blur();\n },\n }); });\n function onKeyDown(e) {\n var keyCode = e.keyCode || e.which;\n if (keyCode === Enter.code) {\n onPressEnter && onPressEnter();\n }\n }\n var showValue = '';\n if (inputValue !== undefined) {\n showValue = inputValue;\n }\n else if (value && !isArray(value)) {\n showValue =\n typeof format === 'function'\n ? format(value)\n : value.locale(locale.dayjsLocale).format(format);\n }\n var readOnlyProps = editable ? {} : { readOnly: true };\n var prefixCls = propPrefixCls || getPrefixCls('picker');\n var classNames = cs(prefixCls, prefixCls + \"-size-\" + size, (_b = {},\n _b[prefixCls + \"-focused\"] = !!popupVisible,\n _b[prefixCls + \"-disabled\"] = disabled,\n _b[prefixCls + \"-error\"] = error,\n _b), className);\n return (React.createElement(\"div\", __assign({ style: style, className: classNames }, omit(rest, ['onChange', 'onPressEnter'])),\n React.createElement(\"div\", { className: cs(prefixCls + \"-input\", (_c = {}, _c[prefixCls + \"-input-placeholder\"] = isPlaceholder, _c)) },\n React.createElement(\"input\", __assign({ ref: input, disabled: disabled, placeholder: placeholder, className: prefixCls + \"-start-time\", value: showValue, onKeyDown: onKeyDown, onChange: onChange }, readOnlyProps))),\n React.createElement(\"div\", { className: prefixCls + \"-suffix\" },\n allowClear && showValue && (React.createElement(IconHover, { prefix: prefixCls, onClick: onClear, className: prefixCls + \"-clear-icon\" },\n React.createElement(IconClose, null))),\n React.createElement(\"span\", { className: prefixCls + \"-suffix-icon\" }, suffixIcon))));\n}\nexport default forwardRef(DateInput);\n","import _extends from \"@babel/runtime/helpers/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\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\nimport React, { useContext } from 'react';\nimport { IconContext } from '../context';\n\nfunction IconCalendarComponent(iconProps, ref) {\n var _useContext = useContext(IconContext),\n _useContext$prefixCls = _useContext.prefixCls,\n prefixCls = _useContext$prefixCls === void 0 ? 'arco' : _useContext$prefixCls;\n\n var spin = iconProps.spin,\n className = iconProps.className;\n\n var props = _objectSpread(_objectSpread({\n \"aria-hidden\": true,\n focusable: false,\n ref: ref\n }, iconProps), {}, {\n className: \"\".concat(className ? className + ' ' : '').concat(prefixCls, \"-icon \").concat(prefixCls, \"-icon-calendar\")\n });\n\n if (spin) {\n props.className = \"\".concat(props.className, \" \").concat(prefixCls, \"-icon-loading\");\n }\n\n delete props.spin;\n delete props.isIcon;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"4\",\n viewBox: \"0 0 48 48\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M7 22h34M14 5v8m20-8v8M8 41h32a1 1 0 0 0 1-1V10a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v30a1 1 0 0 0 1 1Z\"\n }));\n}\n\nvar IconCalendar = /*#__PURE__*/React.forwardRef(IconCalendarComponent);\nIconCalendar.defaultProps = {\n isIcon: true\n};\nIconCalendar.displayName = 'IconCalendar';\nexport default IconCalendar;","import _extends from \"@babel/runtime/helpers/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\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\nimport React, { useContext } from 'react';\nimport { IconContext } from '../context';\n\nfunction IconCalendarClockComponent(iconProps, ref) {\n var _useContext = useContext(IconContext),\n _useContext$prefixCls = _useContext.prefixCls,\n prefixCls = _useContext$prefixCls === void 0 ? 'arco' : _useContext$prefixCls;\n\n var spin = iconProps.spin,\n className = iconProps.className;\n\n var props = _objectSpread(_objectSpread({\n \"aria-hidden\": true,\n focusable: false,\n ref: ref\n }, iconProps), {}, {\n className: \"\".concat(className ? className + ' ' : '').concat(prefixCls, \"-icon \").concat(prefixCls, \"-icon-calendar-clock\")\n });\n\n if (spin) {\n props.className = \"\".concat(props.className, \" \").concat(prefixCls, \"-icon-loading\");\n }\n\n delete props.spin;\n delete props.isIcon;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"4\",\n viewBox: \"0 0 48 48\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M7 22h34V10a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v30a1 1 0 0 0 1 1h18M34 5v8M14 5v8\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"currentColor\",\n fillRule: \"evenodd\",\n stroke: \"none\",\n d: \"M36 44a9 9 0 1 0 0-18 9 9 0 0 0 0 18Zm1.5-9.75V29h-3v8.25H42v-3h-4.5Z\",\n clipRule: \"evenodd\"\n }));\n}\n\nvar IconCalendarClock = /*#__PURE__*/React.forwardRef(IconCalendarClockComponent);\nIconCalendarClock.defaultProps = {\n isIcon: true\n};\nIconCalendarClock.displayName = 'IconCalendarClock';\nexport default IconCalendarClock;","import React, { forwardRef } from 'react';\nimport Button from '../../Button';\nimport { isArray } from '../../_util/is';\nfunction Shortcuts(props, ref) {\n var prefixCls = props.prefixCls, _a = props.shortcuts, shortcuts = _a === void 0 ? [] : _a, onSelectNow = props.onSelectNow, nowText = props.nowText, showNowBtn = props.showNowBtn, showTime = props.showTime, onMouseEnterShortcut = props.onMouseEnterShortcut, onMouseLeaveShortcut = props.onMouseLeaveShortcut;\n function onMouseEnter(shortcut) {\n onMouseEnterShortcut && onMouseEnterShortcut(shortcut);\n }\n function onMouseLeave(shortcut) {\n onMouseLeaveShortcut && onMouseLeaveShortcut(shortcut);\n }\n function onClick(shortcut, e) {\n var onSelectShortcut = props.onSelectShortcut;\n onSelectShortcut && onSelectShortcut(shortcut, e);\n }\n var hasShortcuts = isArray(shortcuts) && shortcuts.length > 0;\n var shouldShowNowBtn = showNowBtn && showTime && !hasShortcuts;\n return (React.createElement(\"div\", { ref: ref, className: prefixCls + \"-shortcuts\" },\n shouldShowNowBtn && (React.createElement(Button, { size: \"mini\", onClick: onSelectNow }, nowText)),\n hasShortcuts &&\n shortcuts.map(function (shortcut, index) {\n return (React.createElement(Button, { key: index, size: \"mini\", onMouseEnter: function () { return onMouseEnter(shortcut); }, onMouseLeave: function () { return onMouseLeave(shortcut); }, onClick: function (e) { return onClick(shortcut, e); } }, shortcut.text));\n })));\n}\nexport default forwardRef(Shortcuts);\n","import _extends from \"@babel/runtime/helpers/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\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\nimport React, { useContext } from 'react';\nimport { IconContext } from '../context';\n\nfunction IconLinkComponent(iconProps, ref) {\n var _useContext = useContext(IconContext),\n _useContext$prefixCls = _useContext.prefixCls,\n prefixCls = _useContext$prefixCls === void 0 ? 'arco' : _useContext$prefixCls;\n\n var spin = iconProps.spin,\n className = iconProps.className;\n\n var props = _objectSpread(_objectSpread({\n \"aria-hidden\": true,\n focusable: false,\n ref: ref\n }, iconProps), {}, {\n className: \"\".concat(className ? className + ' ' : '').concat(prefixCls, \"-icon \").concat(prefixCls, \"-icon-link\")\n });\n\n if (spin) {\n props.className = \"\".concat(props.className, \" \").concat(prefixCls, \"-icon-loading\");\n }\n\n delete props.spin;\n delete props.isIcon;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"4\",\n viewBox: \"0 0 48 48\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n d: \"m14.1 25.414-4.95 4.95a6 6 0 0 0 8.486 8.485l8.485-8.485a6 6 0 0 0 0-8.485m7.779.707 4.95-4.95a6 6 0 1 0-8.486-8.485l-8.485 8.485a6 6 0 0 0 0 8.485\"\n }));\n}\n\nvar IconLink = /*#__PURE__*/React.forwardRef(IconLinkComponent);\nIconLink.defaultProps = {\n isIcon: true\n};\nIconLink.displayName = 'IconLink';\nexport default IconLink;","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { forwardRef, useContext } from 'react';\nimport IconLink from '../../icon/react-icon/IconLink';\nimport cs from '../_util/classNames';\nimport { ConfigContext } from '../ConfigProvider';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nvar defaultProps = {\n hoverable: true,\n};\nfunction Link(baseProps, ref) {\n var _a;\n var _b = useContext(ConfigContext), getPrefixCls = _b.getPrefixCls, componentConfig = _b.componentConfig, rtl = _b.rtl;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Link);\n var className = props.className, style = props.style, children = props.children, icon = props.icon, status = props.status, disabled = props.disabled, hoverable = props.hoverable, rest = __rest(props, [\"className\", \"style\", \"children\", \"icon\", \"status\", \"disabled\", \"hoverable\"]);\n var prefixCls = getPrefixCls('link');\n var TagWrapper = 'href' in props ? 'a' : 'span';\n return (React.createElement(TagWrapper, __assign({ className: cs(prefixCls, (_a = {},\n _a[prefixCls + \"-disabled\"] = disabled,\n _a[prefixCls + \"-is-\" + status] = status,\n _a[prefixCls + \"-with-icon\"] = icon,\n _a[prefixCls + \"-hoverless\"] = !hoverable,\n _a[prefixCls + \"-rtl\"] = rtl,\n _a), className), ref: ref }, rest, { style: style, onClick: function (e) {\n if (disabled) {\n e.preventDefault();\n e.stopPropagation();\n }\n else {\n props.onClick && props.onClick(e);\n }\n } }),\n icon ? (React.createElement(\"span\", { className: prefixCls + \"-icon\" }, icon === true ? React.createElement(IconLink, null) : icon)) : null,\n children));\n}\nvar LinkRef = forwardRef(Link);\nLinkRef.displayName = 'Link';\nexport default LinkRef;\n","import React from 'react';\nimport Button from '../../Button';\nimport Shortcuts from './shortcuts';\nimport { isArray } from '../../_util/is';\nimport Link from '../../Link';\nexport default function Footer(props) {\n var showTime = props.showTime, prefixCls = props.prefixCls, DATEPICKER_LOCALE = props.DATEPICKER_LOCALE, disabled = props.disabled, onClickConfirmBtn = props.onClickConfirmBtn, onClickSelectTimeBtn = props.onClickSelectTimeBtn, isTimePanel = props.isTimePanel, onSelectNow = props.onSelectNow, showNowBtn = props.showNowBtn, shortcuts = props.shortcuts, onMouseEnterShortcut = props.onMouseEnterShortcut, onMouseLeaveShortcut = props.onMouseLeaveShortcut, onSelectShortcut = props.onSelectShortcut, extra = props.extra, mode = props.mode, shortcutsPlacementLeft = props.shortcutsPlacementLeft;\n var hasShortcuts = isArray(shortcuts) && shortcuts.length > 0;\n var shouldShowNowBtn = showNowBtn && showTime && !hasShortcuts;\n var shouldShouldShortcuts = shouldShowNowBtn || (hasShortcuts && !shortcutsPlacementLeft);\n return (React.createElement(\"div\", { className: prefixCls + \"-footer\" },\n extra && React.createElement(\"div\", { className: prefixCls + \"-footer-extra-wrapper\" }, extra),\n !showTime && showNowBtn && mode === 'date' && (React.createElement(\"div\", { className: prefixCls + \"-footer-now-wrapper\" },\n React.createElement(Link, { onClick: onSelectNow }, DATEPICKER_LOCALE.today))),\n shouldShouldShortcuts || showTime ? (React.createElement(\"div\", { className: prefixCls + \"-footer-btn-wrapper\" },\n !shortcutsPlacementLeft ? (React.createElement(Shortcuts, { shortcuts: shortcuts, prefixCls: prefixCls, onSelectNow: onSelectNow, nowText: DATEPICKER_LOCALE.now, showNowBtn: showNowBtn, onMouseEnterShortcut: onMouseEnterShortcut, onMouseLeaveShortcut: onMouseLeaveShortcut, onSelectShortcut: onSelectShortcut, showTime: showTime })) : (React.createElement(\"div\", null)),\n showTime && (React.createElement(React.Fragment, null,\n React.createElement(Button, { type: \"text\", size: \"mini\", onClick: onClickSelectTimeBtn, className: isTimePanel ? prefixCls + \"-btn-select-date\" : prefixCls + \"-btn-select-time\" }, isTimePanel ? DATEPICKER_LOCALE.selectDate : DATEPICKER_LOCALE.selectTime),\n React.createElement(Button, { className: prefixCls + \"-btn-confirm\", type: \"primary\", size: \"mini\", disabled: disabled, onClick: onClickConfirmBtn }, DATEPICKER_LOCALE.ok))))) : null));\n}\n","import { createContext } from 'react';\nexport default createContext({});\n","import dayjs from 'dayjs';\nimport { isArray, isDayjs } from '../_util/is';\nfunction getFormat(time) {\n return isDayjs(time) && time.format('HH:mm:ss');\n}\nexport function isTimeArrayChange(prevTime, nextTime) {\n return (getFormat(prevTime[0]) !== getFormat(nextTime[0]) ||\n getFormat(prevTime[1]) !== getFormat(nextTime[1]));\n}\nexport function getAvailableDayjsLength(value) {\n if (!value) {\n return 0;\n }\n if (isArray(value)) {\n if (isDayjs(value[0]) && isDayjs(value[1])) {\n return 2;\n }\n if (!isDayjs(value[0]) && !isDayjs(value[1])) {\n return 0;\n }\n return 1;\n }\n return 0;\n}\nexport function isDisabledDate(date, disabledDate, mode, originMode) {\n if (typeof disabledDate !== 'function') {\n return false;\n }\n if (!originMode || originMode === mode) {\n return disabledDate(date);\n }\n return disabledDate(date.startOf(mode)) && disabledDate(date.endOf(mode));\n}\nexport function getDefaultWeekStart(dayjsLocale) {\n var _a, _b;\n return ((_b = (_a = dayjs.Ls) === null || _a === void 0 ? void 0 : _a[dayjsLocale]) === null || _b === void 0 ? void 0 : _b.weekStart) || 0;\n}\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { useState, useRef, useEffect, useContext } from 'react';\nimport Trigger from '../Trigger';\nimport DateInput from '../_class/picker/input';\nimport { isArray, isDayjs, isObject, isUndefined } from '../_util/is';\nimport cs from '../_util/classNames';\nimport { ConfigContext } from '../ConfigProvider';\nimport omit from '../_util/omit';\nimport { getDayjsValue, dayjs, getNow, getValueWithTime, methods, isDayjsChange, toLocal, toTimezone, } from '../_util/dayjs';\nimport IconCalendar from '../../icon/react-icon/IconCalendar';\nimport IconCalendarClock from '../../icon/react-icon/IconCalendarClock';\nimport Footer from './panels/footer';\nimport Shortcuts from './panels/shortcuts';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nimport PickerContext from './context';\nimport usePrevious from '../_util/hooks/usePrevious';\nimport useUpdate from '../_util/hooks/useUpdate';\nimport { getDefaultWeekStart } from './util';\nfunction getFormat(props) {\n var format = props.format, picker = props.picker, showTime = props.showTime;\n var valueFormat;\n switch (picker.props.pickerType) {\n case 'date':\n valueFormat = showTime ? 'YYYY-MM-DD HH:mm:ss' : 'YYYY-MM-DD';\n break;\n case 'month':\n valueFormat = 'YYYY-MM';\n break;\n case 'year':\n valueFormat = 'YYYY';\n break;\n case 'week':\n valueFormat = 'gggg-wo';\n break;\n case 'quarter':\n valueFormat = 'YYYY-[Q]Q';\n break;\n default:\n valueFormat = 'YYYY-MM-DD';\n }\n if (format) {\n valueFormat = format;\n }\n return valueFormat;\n}\nvar defaultProps = {\n allowClear: true,\n unmountOnExit: true,\n position: 'bl',\n editable: true,\n showNowBtn: true,\n};\nvar Picker = function (baseProps) {\n var _a = useContext(ConfigContext), getPrefixCls = _a.getPrefixCls, locale = _a.locale, ctxSize = _a.size, componentConfig = _a.componentConfig;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.DatePicker);\n var allowClear = props.allowClear, className = props.className, style = props.style, placeholder = props.placeholder, getPopupContainer = props.getPopupContainer, disabled = props.disabled, position = props.position, error = props.error, unmountOnExit = props.unmountOnExit, editable = props.editable, triggerProps = props.triggerProps, picker = props.picker, shortcuts = props.shortcuts, onSelect = props.onSelect, onVisibleChange = props.onVisibleChange, propsValue = props.value, onChange = props.onChange, icons = props.icons, disabledDate = props.disabledDate, showTime = props.showTime, showNowBtn = props.showNowBtn, onSelectShortcut = props.onSelectShortcut, extra = props.extra, shortcutsPlacementLeft = props.shortcutsPlacementLeft, onOk = props.onOk, defaultPickerValue = props.defaultPickerValue, pickerValue = props.pickerValue, onPickerValueChange = props.onPickerValueChange, triggerElement = props.triggerElement, utcOffset = props.utcOffset, timezone = props.timezone, panelRender = props.panelRender;\n var prefixCls = getPrefixCls('picker');\n var DATEPICKER_LOCALE = locale.DatePicker;\n var weekStart = isUndefined(props.dayStartOfWeek)\n ? getDefaultWeekStart(locale.dayjsLocale)\n : props.dayStartOfWeek;\n var mode = picker.props.pickerType;\n var refInput = useRef(null);\n var refPanel = useRef(null);\n var refShortcuts = useRef(null);\n var realFormat = getFormat(props);\n var format = realFormat;\n if (typeof format === 'function') {\n format = showTime ? 'YYYY-MM-DD HH:mm:ss' : 'YYYY-MM-DD';\n }\n function getDefaultValue() {\n var value;\n if (props.value) {\n value = getDayjsValue(props.value, format, utcOffset, timezone);\n }\n else {\n value = getDayjsValue(props.defaultValue, format, utcOffset, timezone);\n }\n return value;\n }\n var _b = __read(useState(getDefaultValue()), 2), value = _b[0], setValue = _b[1];\n var _c = __read(useState(props.popupVisible), 2), popupVisible = _c[0], setPopupVisible = _c[1];\n var _d = __read(useState(false), 2), isTimePanel = _d[0], setIsTimePanel = _d[1];\n var _e = __read(useState(), 2), hoverPlaceholderValue = _e[0], setHoverPlaceholderValue = _e[1];\n var mergedPopupVisible = 'popupVisible' in props ? props.popupVisible : popupVisible;\n var mergedValue = 'value' in props ? getDayjsValue(propsValue, format, utcOffset, timezone) : value;\n var defaultPageShowDate = mergedValue || getDayjsValue(defaultPickerValue, format) || getNow();\n var _f = __read(useState(), 2), inputValue = _f[0], setInputValue = _f[1];\n var _g = __read(useState(), 2), valueShow = _g[0], setValueShow = _g[1];\n var _h = __read(useState(), 2), shortcutValue = _h[0], setShortcutValue = _h[1];\n var _j = __read(useState(defaultPageShowDate), 2), pageShowDate = _j[0], setPageShowDate = _j[1];\n var mergedPageShowDate = getDayjsValue(pickerValue, format) || pageShowDate;\n var panelValue = shortcutValue || valueShow || mergedValue;\n var _k = __read(useState(mode), 2), panelMode = _k[0], setPanelMode = _k[1];\n var defaultTimeValue = (isObject(showTime) &&\n getDayjsValue(showTime.defaultValue, showTime.format || 'HH:mm:ss', utcOffset, timezone)) ||\n getNow(utcOffset, timezone);\n var timeValue = panelValue || defaultTimeValue;\n function focusInput() {\n refInput.current && refInput.current.blur && refInput.current.focus();\n }\n function blurInput() {\n refInput.current && refInput.current.blur && refInput.current.blur();\n }\n var previousUtcOffset = usePrevious(utcOffset);\n var previousTimezone = usePrevious(timezone);\n // when timezone or utcOffset change changed\n useUpdate(function () {\n if (value && (previousUtcOffset !== utcOffset || timezone !== previousTimezone)) {\n var localValue = toLocal(value, previousUtcOffset, previousTimezone);\n setValue(toTimezone(localValue, utcOffset, timezone));\n }\n }, [utcOffset, previousUtcOffset, timezone, previousTimezone]);\n useEffect(function () {\n setInputValue(undefined);\n setHoverPlaceholderValue(undefined);\n if (mergedPopupVisible) {\n setPageShowDate(defaultPageShowDate);\n if (shortcutsPlacementLeft) {\n refShortcuts.current.style.maxHeight = refPanel.current.clientHeight + \"px\";\n }\n }\n else {\n setValueShow(undefined);\n setShortcutValue(undefined);\n setTimeout(function () {\n setIsTimePanel(false);\n setPanelMode(mode);\n blurInput();\n }, 100);\n }\n }, [mergedPopupVisible]);\n function visibleChange(visible) {\n if (visible) {\n setOpen(visible, function () {\n focusInput();\n });\n }\n else {\n setOpen(false);\n }\n }\n function handlePickerValueChange(v) {\n onPickerValueChange && onPickerValueChange(v.format(format), v);\n }\n function setOpen(visible, callback) {\n setPopupVisible(visible);\n onVisibleChange && onVisibleChange(visible);\n callback && callback();\n }\n function onClear(e) {\n e.stopPropagation();\n setValue(undefined);\n setValueShow(undefined);\n onHandleChange(undefined);\n props.onClear && props.onClear();\n }\n function onClickConfirmBtn() {\n onConfirmValue();\n onOk && onOk(panelValue && panelValue.format(format), panelValue);\n }\n function onConfirmValue() {\n setValue(panelValue);\n onHandleChange(panelValue);\n setOpen(false);\n }\n function onHandleSelect(_, date, now) {\n setInputValue(undefined);\n setHoverPlaceholderValue(undefined);\n if (showTime) {\n var newTime = now ? date : getValueWithTime(date, timeValue);\n setValueShow(newTime);\n setPageShowDate(newTime);\n var localTime = toLocal(newTime, utcOffset, timezone);\n onSelect && onSelect(localTime.format(format), localTime);\n }\n else {\n var localTime = toLocal(date, utcOffset, timezone);\n onSelect && onSelect(localTime ? localTime.format(format) : undefined, localTime);\n setValue(date);\n onHandleChange(date);\n setOpen(false);\n }\n }\n function onHandleChange(newValue) {\n if (isDayjsChange(newValue, mergedValue)) {\n var localValue = toLocal(newValue, utcOffset, timezone);\n onChange && onChange(localValue ? localValue.format(format) : undefined, localValue);\n }\n }\n function onTimePickerSelect(_, time) {\n var _valueShow = panelValue || getNow(utcOffset, timezone);\n var newValueShow = getValueWithTime(_valueShow, time);\n setValueShow(newValueShow);\n var localNewValueShow = toLocal(newValueShow, utcOffset, timezone);\n onSelect && onSelect(localNewValueShow.format(format), localNewValueShow);\n }\n function isValid(time) {\n return (typeof time === 'string' &&\n dayjs(time, format).format(format) === time &&\n (typeof disabledDate === 'function' ? !disabledDate(dayjs(time, format)) : true));\n }\n function onChangeInput(e) {\n var niv = e.target.value;\n setInputValue(niv);\n if (!mergedPopupVisible) {\n setOpen(true);\n }\n if (isValid(niv)) {\n var newValue = getDayjsValue(niv, format, utcOffset, timezone);\n setValueShow(newValue);\n setPageShowDate(newValue);\n setInputValue(undefined);\n }\n }\n function onPressEnter() {\n if (panelValue) {\n onConfirmValue();\n blurInput();\n }\n else if (mergedPopupVisible) {\n setOpen(false);\n }\n }\n function changePageShowDate(type, unit, num) {\n if (num === void 0) { num = 1; }\n var newPageShowDate;\n if (type === 'prev') {\n newPageShowDate = methods.subtract(mergedPageShowDate, num, unit);\n }\n if (type === 'next') {\n newPageShowDate = methods.add(mergedPageShowDate, num, unit);\n }\n handlePickerValueChange(newPageShowDate);\n setPageShowDate(newPageShowDate);\n }\n function getHeaderOperations(pickMode) {\n if (pickMode === void 0) { pickMode = mode; }\n if (pickMode === 'date' || pickMode === 'week') {\n return {\n onPrev: function () { return changePageShowDate('prev', 'month'); },\n onNext: function () { return changePageShowDate('next', 'month'); },\n onSuperPrev: function () { return changePageShowDate('prev', 'year'); },\n onSuperNext: function () { return changePageShowDate('next', 'year'); },\n };\n }\n if (pickMode === 'month' || pickMode === 'quarter') {\n return {\n onSuperPrev: function () { return changePageShowDate('prev', 'year'); },\n onSuperNext: function () { return changePageShowDate('next', 'year'); },\n };\n }\n if (pickMode === 'year') {\n return {\n onSuperPrev: function () { return changePageShowDate('prev', 'year', 10); },\n onSuperNext: function () { return changePageShowDate('next', 'year', 10); },\n };\n }\n }\n function onSelectNow() {\n var now = getNow(utcOffset, timezone);\n handlePickerValueChange(now);\n onHandleSelect(now.format(format), now, true);\n }\n function onMouseEnterCell(value, disabled) {\n if (!disabled) {\n var placeHolderValue = showTime ? getValueWithTime(value, timeValue) : value;\n setHoverPlaceholderValue(typeof realFormat === 'function'\n ? realFormat(value)\n : placeHolderValue.locale(locale.dayjsLocale).format(format));\n }\n }\n function onMouseLeaveCell() {\n setHoverPlaceholderValue(undefined);\n }\n function onMouseEnterShortcut(shortcut) {\n if (typeof shortcut.value === 'function' && isDayjs(shortcut.value())) {\n var sv = getDayjsValue(shortcut.value(), format, utcOffset, timezone);\n setPageShowDate(sv);\n handlePickerValueChange(sv);\n setShortcutValue(sv);\n }\n }\n function onMouseLeaveShortcut() {\n var newValue = valueShow || mergedValue || getNow(utcOffset, timezone);\n setShortcutValue(undefined);\n setPageShowDate(newValue);\n handlePickerValueChange(newValue);\n }\n function onHandleSelectShortcut(shortcut) {\n onSelectShortcut && onSelectShortcut(shortcut);\n if (typeof shortcut.value === 'function' && isDayjs(shortcut.value())) {\n var time = getDayjsValue(shortcut.value(), format, utcOffset, timezone);\n setValue(time);\n onHandleChange(time);\n setOpen(false);\n }\n }\n function onClickSelectTimeBtn() {\n setIsTimePanel(!isTimePanel);\n }\n function renderPopup(panelOnly) {\n var _a;\n var classNames = cs(prefixCls + \"-container\", (_a = {},\n _a[prefixCls + \"-panel-only\"] = panelOnly,\n _a[prefixCls + \"-container-shortcuts-placement-left\"] = isArray(shortcuts) && shortcutsPlacementLeft,\n _a), panelOnly ? className : '');\n var shortcutsProps = {\n prefixCls: prefixCls,\n showTime: showTime,\n shortcuts: shortcuts,\n onSelectNow: onSelectNow,\n showNowBtn: showNowBtn,\n onMouseEnterShortcut: onMouseEnterShortcut,\n onMouseLeaveShortcut: onMouseLeaveShortcut,\n onSelectShortcut: onHandleSelectShortcut,\n };\n var shouldShowFooter = (showTime && panelMode === 'date') ||\n extra ||\n (isArray(shortcuts) && shortcuts.length && !shortcutsPlacementLeft) ||\n (!showTime && panelMode === 'date' && showNowBtn);\n var content = (React.createElement(React.Fragment, null,\n React.cloneElement(picker, __assign(__assign(__assign({}, omit(props, ['style'])), getHeaderOperations()), { getHeaderOperations: getHeaderOperations, onSelect: onHandleSelect, onTimePickerSelect: onTimePickerSelect, onSelectNow: onSelectNow, popupVisible: mergedPopupVisible, format: format, value: panelValue, pageShowDate: mergedPageShowDate, localeName: locale.dayjsLocale, setPageShowDate: function (v) {\n setPageShowDate(v);\n handlePickerValueChange(v);\n }, timeValue: timeValue, isTimePanel: isTimePanel, panelMode: panelMode, setPanelMode: setPanelMode, onMouseEnterCell: onMouseEnterCell, onMouseLeaveCell: onMouseLeaveCell })),\n shouldShowFooter && (React.createElement(Footer, __assign({}, shortcutsProps, { DATEPICKER_LOCALE: DATEPICKER_LOCALE, disabled: !panelValue, onClickConfirmBtn: onClickConfirmBtn, extra: extra, mode: panelMode, shortcutsPlacementLeft: shortcutsPlacementLeft, onClickSelectTimeBtn: onClickSelectTimeBtn, isTimePanel: isTimePanel })))));\n var contentWithShortcuts = shortcutsPlacementLeft ? (React.createElement(React.Fragment, null,\n React.createElement(Shortcuts, __assign({ ref: refShortcuts }, shortcutsProps)),\n React.createElement(\"div\", { ref: refPanel, className: prefixCls + \"-panel-wrapper\" }, content))) : (content);\n var panelNode = typeof panelRender === 'function' ? panelRender(contentWithShortcuts) : contentWithShortcuts;\n return (React.createElement(\"div\", { className: classNames, onClick: function () {\n refInput.current && refInput.current.focus && refInput.current.focus();\n }, style: panelOnly ? style : {} }, panelNode));\n }\n var size = props.size || ctxSize;\n var suffixIcon = icons && icons.inputSuffix === null\n ? null\n : (icons && icons.inputSuffix) || (showTime ? React.createElement(IconCalendarClock, null) : React.createElement(IconCalendar, null));\n var baseInputProps = {\n style: style,\n className: className,\n popupVisible: mergedPopupVisible,\n format: realFormat,\n disabled: disabled,\n error: error,\n size: size,\n onPressEnter: onPressEnter,\n onClear: onClear,\n suffixIcon: suffixIcon,\n editable: editable && typeof realFormat !== 'function',\n allowClear: allowClear,\n };\n return (React.createElement(PickerContext.Provider, { value: { utcOffset: utcOffset, timezone: timezone, weekStart: weekStart } }, triggerElement === null ? (renderPopup(true)) : (React.createElement(Trigger, __assign({ popup: renderPopup, trigger: \"click\", clickToClose: false, position: position, disabled: disabled, popupAlign: { bottom: 4 }, getPopupContainer: getPopupContainer, onVisibleChange: visibleChange, popupVisible: mergedPopupVisible, classNames: \"slideDynamicOrigin\", unmountOnExit: unmountOnExit }, triggerProps), triggerElement || (React.createElement(DateInput, __assign({}, baseInputProps, { ref: refInput, placeholder: placeholder || DATEPICKER_LOCALE.placeholder[mode], popupVisible: mergedPopupVisible, value: valueShow || mergedValue, inputValue: hoverPlaceholderValue || inputValue, prefixCls: prefixCls, onChange: onChangeInput, isPlaceholder: !!hoverPlaceholderValue })))))));\n};\nexport default Picker;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { useRef, useImperativeHandle, useContext, forwardRef, } from 'react';\nimport IconClose from '../../../icon/react-icon/IconClose';\nimport IconHover from '../../_class/icon-hover';\nimport cs from '../../_util/classNames';\nimport { Enter, Tab } from '../../_util/keycode';\nimport omit from '../../_util/omit';\nimport { ConfigContext } from '../../ConfigProvider';\nimport { isArray } from '../../_util/is';\nfunction DateInput(_a, ref) {\n var _b;\n var allowClear = _a.allowClear, error = _a.error, style = _a.style, className = _a.className, disabled = _a.disabled, _c = _a.placeholder, placeholder = _c === void 0 ? [] : _c, _d = _a.value, value = _d === void 0 ? [] : _d, popupVisible = _a.popupVisible, format = _a.format, propSize = _a.size, onClear = _a.onClear, editable = _a.editable, inputValue = _a.inputValue, onPressEnter = _a.onPressEnter, onPressTab = _a.onPressTab, onChange = _a.onChange, separator = _a.separator, suffixIcon = _a.suffixIcon, changeFocusedInputIndex = _a.changeFocusedInputIndex, focusedInputIndex = _a.focusedInputIndex, isPlaceholder = _a.isPlaceholder, rest = __rest(_a, [\"allowClear\", \"error\", \"style\", \"className\", \"disabled\", \"placeholder\", \"value\", \"popupVisible\", \"format\", \"size\", \"onClear\", \"editable\", \"inputValue\", \"onPressEnter\", \"onPressTab\", \"onChange\", \"separator\", \"suffixIcon\", \"changeFocusedInputIndex\", \"focusedInputIndex\", \"isPlaceholder\"]);\n var _e = useContext(ConfigContext), getPrefixCls = _e.getPrefixCls, ctxSize = _e.size, locale = _e.locale;\n var input0 = useRef(null);\n var input1 = useRef(null);\n var disabled1 = isArray(disabled) ? disabled[0] : disabled;\n var disabled2 = isArray(disabled) ? disabled[1] : disabled;\n useImperativeHandle(ref, function () { return ({\n focus: function (index) {\n var focusedIndex = typeof index === 'number' ? index : focusedInputIndex;\n var focusElement = focusedIndex === 0 ? input0 : input1;\n if ((focusedInputIndex === 0 && !disabled1) || (focusedInputIndex === 1 && !disabled2)) {\n focusElement.current && focusElement.current.focus && focusElement.current.focus();\n }\n },\n blur: function () {\n if (focusedInputIndex === 0) {\n input0.current && input0.current.blur && input0.current.blur();\n }\n if (focusedInputIndex === 1) {\n input1.current && input1.current.blur && input1.current.blur();\n }\n },\n }); });\n function changeFocusedInput(index) {\n if (focusedInputIndex !== index) {\n changeFocusedInputIndex(index);\n }\n }\n function onKeyDown(e) {\n var keyCode = e.keyCode || e.which;\n if (keyCode === Enter.code) {\n onPressEnter && onPressEnter();\n }\n if (keyCode === Tab.code) {\n onPressTab && onPressTab(e);\n }\n }\n function onChangeInput(e) {\n e.stopPropagation();\n onChange && onChange(e);\n }\n var prefixCls = getPrefixCls('picker');\n var size = propSize || ctxSize;\n var inputClassNames = cs(prefixCls, prefixCls + \"-range\", prefixCls + \"-size-\" + size, (_b = {},\n _b[prefixCls + \"-focused\"] = !!popupVisible,\n _b[prefixCls + \"-disabled\"] = disabled1 && disabled2,\n _b[prefixCls + \"-error\"] = error,\n _b), className);\n var getInputValue = function (index) {\n var valueText = value[index] ? value[index].locale(locale.dayjsLocale).format(format) : '';\n if (inputValue) {\n return index === focusedInputIndex ? inputValue : valueText;\n }\n return valueText;\n };\n var readOnlyProps = editable ? {} : { readOnly: true };\n function getFocusInputClassName(index) {\n var _a;\n return cs(prefixCls + \"-input\", (_a = {},\n _a[prefixCls + \"-input-active\"] = focusedInputIndex === index,\n _a[prefixCls + \"-input-placeholder\"] = isPlaceholder && focusedInputIndex === index,\n _a));\n }\n return (React.createElement(\"div\", __assign({ style: style, className: inputClassNames }, omit(rest, ['onChange', 'onPressEnter'])),\n React.createElement(\"div\", { className: getFocusInputClassName(0) },\n React.createElement(\"input\", __assign({ ref: input0, disabled: disabled1, placeholder: placeholder[0], value: getInputValue(0), onChange: onChangeInput, onKeyDown: onKeyDown, onClick: function () { return changeFocusedInput(0); } }, readOnlyProps))),\n React.createElement(\"span\", { className: prefixCls + \"-separator\" }, separator || '-'),\n React.createElement(\"div\", { className: getFocusInputClassName(1) },\n React.createElement(\"input\", __assign({ ref: input1, disabled: disabled2, placeholder: placeholder[1], value: getInputValue(1), onChange: onChangeInput, onKeyDown: onKeyDown, onClick: function () { return changeFocusedInput(1); } }, readOnlyProps))),\n React.createElement(\"div\", { className: prefixCls + \"-suffix\" },\n allowClear && value.length === 2 && (React.createElement(IconHover, { prefix: prefixCls, onClick: onClear, className: prefixCls + \"-clear-icon\" },\n React.createElement(IconClose, null))),\n React.createElement(\"span\", { className: prefixCls + \"-suffix-icon\" }, suffixIcon))));\n}\nexport default forwardRef(DateInput);\n","import BTween from 'b-tween';\nexport function getColumnsFromFormat(format) {\n var units = ['H', 'h', 'm', 's', 'a', 'A'];\n var list = [];\n var use12Hours = false;\n units.forEach(function (unit) {\n if (format.indexOf(unit) !== -1) {\n list.push(unit);\n if (unit === 'a' || unit === 'A') {\n use12Hours = true;\n }\n }\n });\n return {\n list: list,\n use12Hours: use12Hours,\n };\n}\nvar scrollIds = new Map();\nexport function scrollTo(element, to, duration) {\n if (scrollIds.get(element)) {\n cancelAnimationFrame(scrollIds.get(element));\n }\n if (duration <= 0) {\n element.scrollTop = to;\n }\n scrollIds.set(element, requestAnimationFrame(function () {\n var tween = new BTween({\n from: { scrollTop: element.scrollTop },\n to: { scrollTop: to },\n duration: duration,\n onUpdate: function (keys) {\n element.scrollTop = keys.scrollTop;\n },\n easing: 'quartInOut',\n });\n tween.start();\n }));\n}\n","import React, { useRef, useEffect, useCallback } from 'react';\nimport debounce from 'lodash/debounce';\nimport { scrollTo } from './util';\nimport cs from '../_util/classNames';\nimport usePrevious from '../_util/hooks/usePrevious';\nexport default function TimeColumn(props) {\n var prefixCls = props.prefixCls, list = props.list, value = props.value, onHandleSelect = props.onHandleSelect, unit = props.unit, popupVisible = props.popupVisible, scrollSticky = props.scrollSticky;\n var lis = useRef(new Map());\n var wrapper = useRef();\n var ul = useRef();\n var listItemHeight = useRef(0);\n var prevPopupVisible = usePrevious(popupVisible);\n var prevScrollTop = useRef(wrapper.current && wrapper.current.scrollTop);\n useEffect(function () {\n var li = lis.current.get(value);\n if (li && popupVisible && prevPopupVisible) {\n scrollTo(wrapper.current, li.offsetTop, 150);\n prevScrollTop.current = li.offsetTop;\n }\n }, [value]);\n useEffect(function () {\n if (popupVisible && popupVisible !== prevPopupVisible) {\n var li = lis.current.get(value);\n if (li) {\n scrollTo(wrapper.current, li.offsetTop, 0);\n prevScrollTop.current = li.offsetTop;\n }\n }\n }, [popupVisible, prevPopupVisible]);\n useEffect(function () {\n if (list.length <= 1) {\n return;\n }\n listItemHeight.current =\n (ul.current.clientHeight - wrapper.current.clientHeight) / (list.length - 1);\n }, [list.length]);\n var onScrollList = useCallback(debounce(function () {\n var mathFunc = wrapper.current.scrollTop - prevScrollTop.current > 0 ? Math.ceil : Math.floor;\n var index = mathFunc(wrapper.current.scrollTop / listItemHeight.current);\n if (index !== value && list[index] && !list[index].disabled) {\n onHandleSelect(list[index].value, unit);\n }\n }, 100), [onHandleSelect]);\n return (React.createElement(\"div\", { className: cs(prefixCls + \"-list\"), ref: wrapper, onWheel: scrollSticky && onScrollList },\n React.createElement(\"ul\", { ref: ul }, list.map(function (item) {\n var _a;\n return (React.createElement(\"li\", { key: item.value, className: cs(prefixCls + \"-cell\", (_a = {},\n _a[prefixCls + \"-cell-disabled\"] = item.disabled,\n _a[prefixCls + \"-cell-selected\"] = item.selected,\n _a)), onClick: function () { return !item.disabled && onHandleSelect(item.value, unit); }, ref: function (element) {\n lis.current.set(item.value, element);\n } },\n React.createElement(\"div\", { className: prefixCls + \"-cell-inner\" }, item.label)));\n }))));\n}\n","import { createContext } from 'react';\nexport default createContext({});\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nimport React, { useContext, useCallback } from 'react';\nimport { padStart } from '../_util/pad';\nimport { getColumnsFromFormat } from './util';\nimport cs from '../_util/classNames';\nimport { ConfigContext } from '../ConfigProvider';\nimport { dayjs, getNow, getDayjsValue, toLocal } from '../_util/dayjs';\nimport Button from '../Button';\nimport TimeColumn from './time-column';\nimport PickerContext from './context';\nvar AMPM = ['am', 'pm'];\nfunction isUse12Hours(props) {\n return props.use12Hours || getColumnsFromFormat(props.format).use12Hours;\n}\nfunction TimePicker(props) {\n var _a = props.format, format = _a === void 0 ? 'HH:mm:ss' : _a, onSelect = props.onSelect, popupVisible = props.popupVisible, _b = props.step, step = _b === void 0 ? {} : _b, disabledHours = props.disabledHours, disabledMinutes = props.disabledMinutes, disabledSeconds = props.disabledSeconds, hideDisabledOptions = props.hideDisabledOptions, onConfirmValue = props.onConfirmValue, isRangePicker = props.isRangePicker, confirmBtnDisabled = props.confirmBtnDisabled, propsValueShow = props.valueShow, setValueShow = props.setValueShow, extra = props.extra, disableConfirm = props.disableConfirm, hideFooter = props.hideFooter, _c = props.showNowBtn, showNowBtn = _c === void 0 ? true : _c, scrollSticky = props.scrollSticky;\n var _d = useContext(ConfigContext), getPrefixCls = _d.getPrefixCls, locale = _d.locale;\n var prefixCls = getPrefixCls('timepicker');\n var _e = useContext(PickerContext), utcOffset = _e.utcOffset, timezone = _e.timezone;\n var valueShow = getDayjsValue(propsValueShow, format);\n var ampm = valueShow && valueShow.hour() >= 12 ? 'pm' : 'am';\n var use12Hours = isUse12Hours(props);\n var getShowList = useCallback(function (type) {\n var stepHour = step.hour || 1;\n var stepMinute = step.minute || 1;\n var stepSecond = step.second || 1;\n var list = [];\n if (type === 'hour') {\n for (var i = 0; i < (use12Hours ? 12 : 24); i += stepHour) {\n list.push(i);\n }\n if (use12Hours) {\n list[0] = 12;\n }\n }\n if (type === 'minute') {\n for (var i = 0; i < 60; i += stepMinute) {\n list.push(i);\n }\n }\n if (type === 'second') {\n for (var i = 0; i < 60; i += stepSecond) {\n list.push(i);\n }\n }\n return list;\n }, [step.hour, step.minute, step.second, use12Hours]);\n var HOURS = getShowList('hour');\n var MINUTES = getShowList('minute');\n var SECONDS = getShowList('second');\n var selectedHour = valueShow && valueShow.hour();\n selectedHour = use12Hours ? (selectedHour > 12 ? selectedHour - 12 : selectedHour) : selectedHour;\n if (use12Hours && selectedHour === 0 && ampm === 'am') {\n selectedHour += 12;\n }\n var selectedMinute = valueShow && valueShow.minute();\n var selectedSecond = valueShow && valueShow.second();\n var getDefaultStr = useCallback(function (type) {\n switch (type) {\n case 'hour':\n return typeof disabledHours === 'function'\n ? padStart(HOURS.find(function (h) { return disabledHours().indexOf(h) === -1; }) || 0, 2, '0')\n : padStart(HOURS[0], 2, '0');\n case 'minute':\n return typeof disabledMinutes === 'function'\n ? padStart(MINUTES.find(function (m) { return disabledMinutes(selectedHour).indexOf(m) === -1; }) || 0, 2, '0')\n : padStart(MINUTES[0], 2, '0');\n case 'second':\n return typeof disabledSeconds === 'function'\n ? padStart(SECONDS.find(function (s) { return disabledSeconds(selectedHour, selectedMinute).indexOf(s) === -1; }) || 0, 2, '0')\n : padStart(SECONDS[0], 2, '0');\n default:\n return '00';\n }\n }, [\n HOURS,\n MINUTES,\n SECONDS,\n disabledHours,\n disabledMinutes,\n disabledSeconds,\n selectedHour,\n selectedMinute,\n ]);\n function onHandleSelect(selectedValue, unit) {\n var isUpperCase = getColumnsFromFormat(format).list.indexOf('A') !== -1;\n var _valueShow = valueShow ||\n dayjs(getDefaultStr('hour') + \":\" + getDefaultStr('minute') + \":\" + getDefaultStr('second'), 'HH:mm:ss');\n var hour = _valueShow.hour();\n var minute = _valueShow.minute();\n var second = _valueShow.second();\n var selectedAmpm = isUpperCase ? ampm.toUpperCase() : ampm;\n var valueFormat = 'HH:mm:ss';\n var newValue;\n if (use12Hours) {\n if (isUpperCase) {\n valueFormat = valueFormat + \" A\";\n }\n else {\n valueFormat = valueFormat + \" a\";\n }\n }\n if (use12Hours) {\n hour = hour > 12 ? hour - 12 : hour;\n }\n if (unit === 'hour') {\n newValue = dayjs(selectedValue + \":\" + minute + \":\" + second + \" \" + selectedAmpm, valueFormat, 'en');\n }\n if (unit === 'minute') {\n newValue = dayjs(hour + \":\" + selectedValue + \":\" + second + \" \" + selectedAmpm, valueFormat, 'en');\n }\n if (unit === 'second') {\n newValue = dayjs(hour + \":\" + minute + \":\" + selectedValue + \" \" + selectedAmpm, valueFormat, 'en');\n }\n if (unit === 'ampm') {\n newValue = dayjs(hour + \":\" + minute + \":\" + second + \" \" + (isUpperCase ? selectedValue.toUpperCase() : selectedValue), valueFormat, 'en');\n }\n newValue = dayjs(newValue, valueFormat).locale(dayjs.locale());\n onSelect &&\n onSelect(toLocal(newValue, utcOffset, timezone).format(format), toLocal(newValue, utcOffset, timezone));\n if (!isRangePicker) {\n setValueShow && setValueShow(newValue);\n if (disableConfirm) {\n onConfirmValue(newValue);\n }\n }\n }\n function onConfirmTime() {\n if (valueShow) {\n onConfirmValue(valueShow);\n }\n }\n function onSelectNow() {\n var now = getNow();\n var zoneNow = getNow(utcOffset, timezone);\n onSelect && onSelect(now.format(format), now);\n if (disableConfirm) {\n onConfirmValue(zoneNow);\n }\n else {\n setValueShow && setValueShow(zoneNow);\n }\n }\n var baseTimeColumnProps = {\n prefixCls: prefixCls,\n onHandleSelect: onHandleSelect,\n popupVisible: popupVisible,\n scrollSticky: scrollSticky,\n };\n function renderHours() {\n var hours = hideDisabledOptions && typeof disabledHours === 'function'\n ? HOURS.filter(function (h) { return disabledHours().indexOf(h) === -1; })\n : HOURS;\n var list = hours.map(function (h) { return ({\n label: padStart(\"\" + h, 2, '0'),\n value: h,\n selected: selectedHour !== undefined && selectedHour === h,\n disabled: typeof disabledHours === 'function' && disabledHours().indexOf(h) !== -1,\n }); });\n return React.createElement(TimeColumn, __assign({}, baseTimeColumnProps, { list: list, value: selectedHour, unit: \"hour\" }));\n }\n function renderMinutes() {\n var minutes = hideDisabledOptions && typeof disabledMinutes === 'function'\n ? MINUTES.filter(function (h) { return disabledMinutes(selectedHour).indexOf(h) === -1; })\n : MINUTES;\n var list = minutes.map(function (m) { return ({\n label: padStart(\"\" + m, 2, '0'),\n value: m,\n selected: selectedHour !== undefined && selectedMinute === m,\n disabled: typeof disabledMinutes === 'function' && disabledMinutes(selectedHour).indexOf(m) !== -1,\n }); });\n return React.createElement(TimeColumn, __assign({}, baseTimeColumnProps, { list: list, value: selectedMinute, unit: \"minute\" }));\n }\n function renderSeconds() {\n var seconds = hideDisabledOptions && typeof disabledSeconds === 'function'\n ? SECONDS.filter(function (h) { return disabledSeconds(selectedHour, selectedMinute).indexOf(h) === -1; })\n : SECONDS;\n var list = seconds.map(function (s) { return ({\n label: padStart(\"\" + s, 2, '0'),\n value: s,\n selected: selectedHour !== undefined && selectedSecond === s,\n disabled: typeof disabledSeconds === 'function' &&\n disabledSeconds(selectedHour, selectedMinute).indexOf(s) !== -1,\n }); });\n return React.createElement(TimeColumn, __assign({}, baseTimeColumnProps, { list: list, value: selectedSecond, unit: \"second\" }));\n }\n function renderAmPm() {\n var isUpperCase = getColumnsFromFormat(format).list.indexOf('A') !== -1;\n var list = AMPM.map(function (a) { return ({\n label: isUpperCase ? a.toUpperCase() : a,\n value: a,\n selected: ampm === a,\n }); });\n return React.createElement(TimeColumn, __assign({}, baseTimeColumnProps, { list: list, value: ampm, unit: \"ampm\" }));\n }\n var list = getColumnsFromFormat(format).list;\n var classNames = cs(prefixCls);\n var _hideFooter = hideFooter ||\n (disableConfirm && isRangePicker) ||\n (!isRangePicker && disableConfirm && !showNowBtn);\n return (React.createElement(React.Fragment, null,\n React.createElement(\"div\", { className: classNames },\n (list.indexOf('H') !== -1 || list.indexOf('h') !== -1) && renderHours(),\n list.indexOf('m') !== -1 && renderMinutes(),\n list.indexOf('s') !== -1 && renderSeconds(),\n use12Hours && renderAmPm()),\n extra && React.createElement(\"div\", { className: prefixCls + \"-footer-extra-wrapper\" }, extra),\n !_hideFooter && (React.createElement(\"div\", { className: prefixCls + \"-footer-btn-wrapper\" },\n !isRangePicker && showNowBtn ? (React.createElement(Button, { size: \"mini\", onClick: onSelectNow }, locale.TimePicker.now)) : (React.createElement(\"div\", null)),\n !disableConfirm && (React.createElement(Button, { type: \"primary\", size: \"mini\", onClick: onConfirmTime, disabled: confirmBtnDisabled || !valueShow }, locale.TimePicker.ok))))));\n}\nexport default TimePicker;\n","import React from 'react';\nimport IconLeft from '../../../icon/react-icon/IconLeft';\nimport IconRight from '../../../icon/react-icon/IconRight';\nimport IconDoubleLeft from '../../../icon/react-icon/IconDoubleLeft';\nimport IconDoubleRight from '../../../icon/react-icon/IconDoubleRight';\nimport cs from '../../_util/classNames';\nfunction Header(props) {\n var prefixCls = props.prefixCls, title = props.title, onPrev = props.onPrev, onNext = props.onNext, onSuperPrev = props.onSuperPrev, onSuperNext = props.onSuperNext, mode = props.mode, value = props.value, onChangePanel = props.onChangePanel, _a = props.icons, icons = _a === void 0 ? {} : _a;\n var showPrev = typeof onPrev === 'function';\n var showSuperPrev = typeof onSuperPrev === 'function';\n var showNext = typeof onNext === 'function';\n var showSuperNext = typeof onSuperNext === 'function';\n var getIconClassName = function (isShow) {\n var _a;\n return cs(prefixCls + \"-header-icon\", (_a = {}, _a[prefixCls + \"-header-icon-hidden\"] = !isShow, _a));\n };\n function renderHeaderLabel() {\n if (title) {\n return title;\n }\n if (mode === 'date' || mode === 'week') {\n return (React.createElement(React.Fragment, null,\n React.createElement(\"span\", { className: prefixCls + \"-header-label\", onClick: function () { return onChangePanel('year'); } }, value.format('YYYY')),\n \"-\",\n React.createElement(\"span\", { className: prefixCls + \"-header-label\", onClick: function () { return onChangePanel('month'); } }, value.format('MM'))));\n }\n if (mode === 'month' || mode === 'quarter') {\n return (React.createElement(\"span\", { className: prefixCls + \"-header-label\", onClick: function () { return onChangePanel('year'); } }, value.format('YYYY')));\n }\n }\n var prevDoubleNull = icons.prevDouble === null;\n var prevNull = icons.prev === null;\n var nextNull = icons.next === null;\n var nextDoubleNull = icons.nextDouble === null;\n return (React.createElement(\"div\", { className: prefixCls + \"-header\" },\n !prevDoubleNull && (React.createElement(\"div\", { className: getIconClassName(showSuperPrev), onClick: onSuperPrev }, showSuperPrev && (prevDoubleNull ? null : icons.prevDouble || React.createElement(IconDoubleLeft, null)))),\n !prevNull && (React.createElement(\"div\", { className: getIconClassName(showPrev), onClick: onPrev }, showPrev && (prevNull ? null : icons.prev || React.createElement(IconLeft, null)))),\n React.createElement(\"div\", { className: prefixCls + \"-header-value\" }, renderHeaderLabel()),\n !nextNull && (React.createElement(\"div\", { className: getIconClassName(showNext), onClick: onNext }, showNext && (nextNull ? null : icons.next || React.createElement(IconRight, null)))),\n !nextDoubleNull && (React.createElement(\"div\", { className: getIconClassName(showSuperNext), onClick: onSuperNext }, showSuperNext && (nextDoubleNull ? null : icons.nextDouble || React.createElement(IconDoubleRight, null))))));\n}\nexport default Header;\n","import React from 'react';\nfunction WeekList(props) {\n var prefixCls = props.prefixCls, weekStart = props.weekStart, isWeek = props.isWeek, CALENDAR_LOCALE = props.CALENDAR_LOCALE;\n var weekList = ['sunday', 'monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'saturday'];\n weekList = weekList.slice(weekStart).concat(weekList.slice(0, weekStart));\n if (isWeek) {\n weekList.unshift('');\n }\n var weekLocale = CALENDAR_LOCALE.week.short;\n return (React.createElement(\"div\", { className: prefixCls + \"-week-list\" }, weekList.map(function (w) { return (React.createElement(\"div\", { className: prefixCls + \"-week-list-item\", key: w }, w && weekLocale[w])); })));\n}\nexport default WeekList;\n","import cs from '../../_util/classNames';\nimport { isArray } from '../../_util/is';\nimport { getNow, getSortedDayjsArray } from '../../_util/dayjs';\nimport { getAvailableDayjsLength } from '../util';\nfunction getDateValue(date, index) {\n if (!date) {\n return undefined;\n }\n if (isArray(date)) {\n return date[index];\n }\n}\nexport default function useClassName(props) {\n var prefixCls = props.prefixCls, value = props.value, rangeValues = props.rangeValues, valueShowHover = props.valueShowHover, isSameTime = props.isSameTime, mode = props.mode, hideNotInViewDates = props.hideNotInViewDates;\n var selectedLength = getAvailableDayjsLength(rangeValues);\n var hoverLength = getAvailableDayjsLength(valueShowHover);\n var sortedRangeValues = selectedLength !== 2 && hoverLength === 2 ? getSortedDayjsArray(valueShowHover) : rangeValues;\n var sortedHoverRangeValues = selectedLength === 2 ? getSortedDayjsArray(valueShowHover) : [];\n function isInRange(current, startDate, endDate) {\n // show placeholder range\n // if (!startDate || !endDate) {\n // if (startDate) {\n // return isSameTime(current, startDate) || current.isAfter(startDate);\n // }\n // if (endDate) {\n // return isSameTime(current, endDate) || current.isBefore(endDate);\n // }\n // return false;\n // }\n if (startDate && endDate) {\n return (isSameTime(current, startDate) ||\n isSameTime(current, endDate) ||\n current.isBetween(startDate, endDate, null));\n }\n }\n return function getCellClassName(cellDateObj, disabled, utcOffset, timezone) {\n var _a;\n var rangeStart = getDateValue(sortedRangeValues, 0);\n var rangeEnd = getDateValue(sortedRangeValues, 1);\n var hoverRangeStart = getDateValue(sortedHoverRangeValues, 0);\n var hoverRangeEnd = getDateValue(sortedHoverRangeValues, 1);\n var isInView = !cellDateObj.isPrev && !cellDateObj.isNext;\n var selected = value && isSameTime(cellDateObj.time, value);\n var isToday = isSameTime(cellDateObj.time, getNow(utcOffset, timezone));\n var checkIsInView = mode !== 'week' ? isInView : true;\n if (mode === 'week') {\n isToday = getNow(utcOffset, timezone).isSame(cellDateObj.time, 'date');\n }\n if (mode === 'quarter') {\n isToday = getNow(utcOffset, timezone).isSame(cellDateObj.time, 'quarter');\n }\n function getIsRangeStartOrEnd(v) {\n return checkIsInView && !disabled && v && isSameTime(cellDateObj.time, v);\n }\n var isRangeStart = getIsRangeStartOrEnd(rangeStart);\n var isRangeEnd = getIsRangeStartOrEnd(rangeEnd);\n var isRangeStartSelected = getIsRangeStartOrEnd(getDateValue(rangeValues, 0));\n var isRangeEndSelected = getIsRangeStartOrEnd(getDateValue(rangeValues, 1));\n var isHoverRangeStart = getIsRangeStartOrEnd(hoverRangeStart);\n var isHoverRangeEnd = getIsRangeStartOrEnd(hoverRangeEnd);\n var isRangeEdgeInHoverRange = false;\n if (isRangeStart) {\n isRangeEdgeInHoverRange =\n hoverRangeStart &&\n rangeStart &&\n hoverRangeStart.isBefore(rangeStart) &&\n isInRange(rangeStart, hoverRangeStart, hoverRangeEnd);\n }\n else if (isRangeEnd) {\n isRangeEdgeInHoverRange =\n hoverRangeEnd &&\n rangeEnd &&\n hoverRangeEnd.isAfter(rangeEnd) &&\n isInRange(rangeEnd, hoverRangeStart, hoverRangeEnd);\n }\n var isHoverRangeEdgeInRange = false;\n if (isHoverRangeStart) {\n isHoverRangeEdgeInRange =\n hoverRangeStart &&\n rangeStart &&\n rangeStart.isBefore(hoverRangeStart) &&\n isInRange(hoverRangeStart, rangeStart, rangeEnd);\n }\n else if (isHoverRangeEnd) {\n isHoverRangeEdgeInRange =\n hoverRangeEnd &&\n rangeEnd &&\n rangeEnd.isAfter(hoverRangeEnd) &&\n isInRange(hoverRangeEnd, rangeStart, rangeEnd);\n }\n return cs(prefixCls + \"-cell\", (_a = {},\n _a[prefixCls + \"-cell-disabled\"] = disabled,\n _a[prefixCls + \"-cell-hidden\"] = hideNotInViewDates && !isInView,\n _a[prefixCls + \"-cell-in-view\"] = isInView,\n _a[prefixCls + \"-cell-today\"] = isToday && isInView,\n _a[prefixCls + \"-cell-selected\"] = selected || isRangeStartSelected || isRangeEndSelected,\n _a[prefixCls + \"-cell-range-start\"] = isRangeStart,\n _a[prefixCls + \"-cell-range-end\"] = isRangeEnd,\n _a[prefixCls + \"-cell-in-range\"] = checkIsInView && !disabled && isInRange(cellDateObj.time, rangeStart, rangeEnd),\n _a[prefixCls + \"-cell-hover-range-start\"] = isHoverRangeStart,\n _a[prefixCls + \"-cell-hover-range-end\"] = isHoverRangeEnd,\n _a[prefixCls + \"-cell-hover-in-range\"] = checkIsInView && !disabled && isInRange(cellDateObj.time, hoverRangeStart, hoverRangeEnd),\n _a[prefixCls + \"-cell-range-edge-in-hover-range\"] = isRangeEdgeInHoverRange,\n _a[prefixCls + \"-cell-hover-range-edge-in-range\"] = isHoverRangeEdgeInRange,\n _a));\n };\n}\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nimport React, { useContext } from 'react';\nimport cs from '../../_util/classNames';\nimport WeekList from './week-list';\nimport useCellClassName from '../hooks/useCellClassName';\nimport PickerContext from '../context';\nimport { isDisabledDate } from '../util';\nfunction Body(props) {\n var prefixCls = props.prefixCls, isWeek = props.isWeek, disabledDate = props.disabledDate, onSelectDate = props.onSelectDate, dateRender = props.dateRender, onMouseEnterCell = props.onMouseEnterCell, onMouseLeaveCell = props.onMouseLeaveCell, CALENDAR_LOCALE = props.CALENDAR_LOCALE, rows = props.rows, showWeekList = props.showWeekList, isSameTime = props.isSameTime, format = props.format, mode = props.mode, originMode = props.originMode;\n var _a = useContext(PickerContext), utcOffset = _a.utcOffset, timezone = _a.timezone, weekStart = _a.weekStart;\n var getCellClassName = useCellClassName(__assign(__assign({}, props), { isSameTime: isSameTime }));\n function renderRow(row) {\n return row.map(function (col, index) {\n if (col.time) {\n var disabled_1 = isDisabledDate(col.time, disabledDate, mode, originMode);\n var onClickHandler = function () { return !disabled_1 && onSelectDate(col.time.format(format), col.time); };\n return (React.createElement(\"div\", { key: index, className: getCellClassName(col, disabled_1, utcOffset, timezone), onMouseEnter: function () { return onMouseEnterCell && onMouseEnterCell(col.time, disabled_1); }, onMouseLeave: function () { return onMouseLeaveCell && onMouseLeaveCell(col.time, disabled_1); }, onClick: onClickHandler }, dateRender ? (React.cloneElement(dateRender(col.time))) : (React.createElement(\"div\", { className: prefixCls + \"-date\" },\n React.createElement(\"div\", { className: prefixCls + \"-date-value\" }, col.name)))));\n }\n if ('weekOfYear' in col) {\n return (React.createElement(\"div\", { key: index, className: cs(prefixCls + \"-cell\", prefixCls + \"-cell-week\") },\n React.createElement(\"div\", { className: prefixCls + \"-date\" },\n React.createElement(\"div\", { className: prefixCls + \"-date-value\" }, col.weekOfYear))));\n }\n });\n }\n return (React.createElement(React.Fragment, null,\n showWeekList && (React.createElement(WeekList, { prefixCls: prefixCls, weekStart: weekStart, isWeek: isWeek, CALENDAR_LOCALE: CALENDAR_LOCALE })),\n React.createElement(\"div\", { className: prefixCls + \"-body\" }, rows.map(function (row, index) {\n var _a;\n return (React.createElement(\"div\", { key: index, className: cs(prefixCls + \"-row\", (_a = {}, _a[prefixCls + \"-row-week\"] = isWeek, _a)) }, renderRow(row)));\n }))));\n}\nexport default Body;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { useContext } from 'react';\nimport merge from 'lodash/merge';\nimport { dayjs, getNow } from '../../../_util/dayjs';\nimport cs from '../../../_util/classNames';\nimport { ConfigContext } from '../../../ConfigProvider';\nimport Header from '../header';\nimport Body from '../body';\nimport { newArray } from '../../../_util/constant';\nimport PickerContext from '../../context';\nfunction YearPicker(props) {\n var pageShowDate = props.pageShowDate, style = props.style, onMouseEnterCell = props.onMouseEnterCell, onMouseLeaveCell = props.onMouseLeaveCell, dateRender = props.dateRender, disabledDate = props.disabledDate, value = props.value, locale = props.locale, isRangePicker = props.isRangePicker, onSelect = props.onSelect, rangeValues = props.rangeValues, onSuperPrev = props.onSuperPrev, onSuperNext = props.onSuperNext, format = props.format, icons = props.icons, originMode = props.originMode, rest = __rest(props, [\"pageShowDate\", \"style\", \"onMouseEnterCell\", \"onMouseLeaveCell\", \"dateRender\", \"disabledDate\", \"value\", \"locale\", \"isRangePicker\", \"onSelect\", \"rangeValues\", \"onSuperPrev\", \"onSuperNext\", \"format\", \"icons\", \"originMode\"]);\n var _a = useContext(ConfigContext), globalLocale = _a.locale, getPrefixCls = _a.getPrefixCls;\n var DATEPICKER_LOCALE = merge(globalLocale.DatePicker, locale);\n var CALENDAR_LOCALE = DATEPICKER_LOCALE.Calendar;\n var _b = useContext(PickerContext), utcOffset = _b.utcOffset, timezone = _b.timezone;\n var prefixCls = getPrefixCls('panel-year');\n var classNames = cs(prefixCls);\n var bodyProps = isRangePicker ? { rangeValues: rangeValues } : { value: value };\n var showYear = pageShowDate ? pageShowDate.year() : getNow(utcOffset, timezone).year();\n var startYear = Math.floor(showYear / 10) * 10 - 1;\n var groupRow = newArray(3).map(function (_) { return ''; });\n var rows = newArray(4)\n .map(function (_) { return groupRow; })\n .map(function (arr, i) {\n return arr.map(function (_, j) {\n return {\n name: startYear + i * 3 + j,\n time: dayjs(\"\" + (startYear + i * 3 + j), 'YYYY').endOf('year'),\n isPrev: i === 0 && j === 0,\n isNext: i === 3 && j === 2,\n };\n });\n });\n function renderCalendar() {\n return (React.createElement(Body, __assign({}, rest, bodyProps, { prefixCls: getPrefixCls('picker'), rows: rows, onSelectDate: onSelect, isSameTime: function (current, target) { return current.isSame(target, 'year'); }, onMouseEnterCell: onMouseEnterCell, onMouseLeaveCell: onMouseLeaveCell, dateRender: dateRender, disabledDate: disabledDate, CALENDAR_LOCALE: CALENDAR_LOCALE, mode: \"year\", originMode: originMode, format: format })));\n }\n var headerOperations = { onSuperPrev: onSuperPrev, onSuperNext: onSuperNext };\n return (React.createElement(\"div\", { className: classNames, style: style },\n React.createElement(Header, __assign({ prefixCls: getPrefixCls('picker'), icons: icons, title: rows[0][1].name + \" - \" + rows[3][2].name }, headerOperations)),\n renderCalendar()));\n}\nYearPicker.defaultProps = {\n pickerType: 'year',\n};\nexport default YearPicker;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { useContext, useMemo } from 'react';\nimport merge from 'lodash/merge';\nimport { dayjs } from '../../../_util/dayjs';\nimport cs from '../../../_util/classNames';\nimport { ConfigContext } from '../../../ConfigProvider';\nimport Header from '../header';\nimport Body from '../body';\nimport YearPanel from '../year';\nimport { padStart } from '../../../_util/pad';\nfunction MonthPicker(props) {\n var pageShowDate = props.pageShowDate, style = props.style, onMouseEnterCell = props.onMouseEnterCell, onMouseLeaveCell = props.onMouseLeaveCell, dateRender = props.dateRender, disabledDate = props.disabledDate, value = props.value, locale = props.locale, isRangePicker = props.isRangePicker, onSelect = props.onSelect, rangeValues = props.rangeValues, onSuperPrev = props.onSuperPrev, onSuperNext = props.onSuperNext, format = props.format, getHeaderOperations = props.getHeaderOperations, setPageShowDate = props.setPageShowDate, icons = props.icons, panelMode = props.panelMode, originMode = props.originMode, setPanelMode = props.setPanelMode, rest = __rest(props, [\"pageShowDate\", \"style\", \"onMouseEnterCell\", \"onMouseLeaveCell\", \"dateRender\", \"disabledDate\", \"value\", \"locale\", \"isRangePicker\", \"onSelect\", \"rangeValues\", \"onSuperPrev\", \"onSuperNext\", \"format\", \"getHeaderOperations\", \"setPageShowDate\", \"icons\", \"panelMode\", \"originMode\", \"setPanelMode\"]);\n var _a = useContext(ConfigContext), globalLocale = _a.locale, getPrefixCls = _a.getPrefixCls;\n var DATEPICKER_LOCALE = merge(globalLocale.DatePicker, locale);\n var CALENDAR_LOCALE = DATEPICKER_LOCALE.Calendar;\n var prefixCls = getPrefixCls('panel-month');\n var classNames = cs(prefixCls);\n var bodyProps = isRangePicker ? { rangeValues: rangeValues } : { value: value };\n var showYear = pageShowDate.year();\n var rows = useMemo(function () {\n var MONTHS = [\n 'January',\n 'February',\n 'March',\n 'April',\n 'May',\n 'June',\n 'July',\n 'August',\n 'September',\n 'October',\n 'November',\n 'December',\n ].map(function (month, index) {\n return {\n name: CALENDAR_LOCALE.month.short[month],\n time: dayjs(showYear + \"-\" + padStart(index + 1, 2, '0'), 'YYYY-MM').endOf('month'),\n };\n });\n var monthGroup = Array(4);\n for (var i = 0; i < 4; i++) {\n monthGroup[i] = MONTHS.slice(i * 3, 3 * (i + 1));\n }\n return monthGroup;\n }, [showYear, CALENDAR_LOCALE]);\n function renderCalendar() {\n return (React.createElement(Body, __assign({}, rest, bodyProps, { prefixCls: getPrefixCls('picker'), rows: rows, onSelectDate: onSelect, isSameTime: function (current, target) { return current.isSame(target, 'month'); }, onMouseEnterCell: onMouseEnterCell, onMouseLeaveCell: onMouseLeaveCell, dateRender: dateRender, disabledDate: disabledDate, CALENDAR_LOCALE: CALENDAR_LOCALE, mode: \"month\", originMode: originMode, format: format })));\n }\n var headerOperations = { onSuperPrev: onSuperPrev, onSuperNext: onSuperNext };\n function onChangePanel(mode) {\n setPanelMode(mode);\n }\n if (panelMode === 'year') {\n return (React.createElement(YearPanel, __assign({}, getHeaderOperations(panelMode), { pageShowDate: pageShowDate, onSelect: function (_, date) {\n setPanelMode('month');\n setPageShowDate(date);\n }, disabledDate: disabledDate })));\n }\n return (React.createElement(\"div\", { className: classNames, style: style },\n React.createElement(Header, __assign({}, headerOperations, { icons: icons, prefixCls: getPrefixCls('picker'), value: pageShowDate, mode: panelMode, onChangePanel: onChangePanel })),\n renderCalendar()));\n}\nMonthPicker.defaultProps = {\n pickerType: 'month',\n};\nexport default MonthPicker;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport React, { useMemo, useContext } from 'react';\nimport merge from 'lodash/merge';\nimport cs from '../../../_util/classNames';\nimport { isObject } from '../../../_util/is';\nimport { getTimeFormat, methods, getDayjsValue } from '../../../_util/dayjs';\nimport { ConfigContext } from '../../../ConfigProvider';\nimport TimePicker from '../../../TimePicker/time-picker';\nimport Header from '../header';\nimport Body from '../body';\nimport MonthPanel from '../month';\nimport YearPanel from '../year';\nimport { newArray } from '../../../_util/constant';\nimport PickerContext from '../../context';\nvar allDaysInOnePage = 6 * 7;\nvar getReturn = function (time) {\n return {\n year: time.year(),\n month: time.month() + 1,\n day: time.day(),\n name: time.date(),\n time: time,\n };\n};\nvar getTimeObj = function (time) {\n return __assign(__assign({}, getReturn(methods.startOf(time, 'month'))), { days: time.daysInMonth() });\n};\nfunction getAllDaysByTime(props, time) {\n var dayStartOfWeek = props.dayStartOfWeek, isWeek = props.isWeek;\n var current = getTimeObj(time);\n var flatRows = newArray(allDaysInOnePage).map(function () { return ({}); });\n var startIndex = current.day - dayStartOfWeek < 0\n ? 7 + (current.day - dayStartOfWeek)\n : current.day - dayStartOfWeek;\n flatRows[startIndex] = __assign({}, current);\n // pre\n for (var i = 0; i < startIndex; i++) {\n flatRows[startIndex - i - 1] = __assign(__assign({}, getReturn(methods.subtract(current.time, i + 1, 'day'))), { isPrev: true });\n }\n // next\n for (var i = 0; i < allDaysInOnePage - startIndex - 1; i++) {\n flatRows[startIndex + i + 1] = __assign(__assign({}, getReturn(methods.add(current.time, i + 1, 'day'))), { isNext: i >= current.days - 1 });\n }\n var rows = newArray(6).map(function () { return []; });\n for (var i = 0; i < 6; i++) {\n rows[i] = flatRows.slice(i * 7, 7 * (i + 1));\n if (isWeek) {\n var weekTime = rows[i][0].time;\n var weekRows = __spreadArray([], __read(rows[i]), false);\n rows[i].unshift({\n weekRows: weekRows,\n weekOfYear: weekTime.week(),\n });\n }\n }\n return rows;\n}\nfunction DatePicker(props) {\n var isWeek = props.isWeek, popupVisible = props.popupVisible, format = props.format, pageShowDate = props.pageShowDate, showTime = props.showTime, style = props.style, timepickerProps = props.timepickerProps, onMouseEnterCell = props.onMouseEnterCell, onMouseLeaveCell = props.onMouseLeaveCell, dateRender = props.dateRender, disabledDate = props.disabledDate, disabledTime = props.disabledTime, value = props.value, rangeValues = props.rangeValues, locale = props.locale, isRangePicker = props.isRangePicker, onSelect = props.onSelect, onTimePickerSelect = props.onTimePickerSelect, onPrev = props.onPrev, onNext = props.onNext, onSuperPrev = props.onSuperPrev, onSuperNext = props.onSuperNext, isSameTime = props.isSameTime, index = props.index, getHeaderOperations = props.getHeaderOperations, setPageShowDate = props.setPageShowDate, timeValue = props.timeValue, hideNotInViewDates = props.hideNotInViewDates, icons = props.icons, isTimePanel = props.isTimePanel, panelMode = props.panelMode, setPanelMode = props.setPanelMode, rest = __rest(props, [\"isWeek\", \"popupVisible\", \"format\", \"pageShowDate\", \"showTime\", \"style\", \"timepickerProps\", \"onMouseEnterCell\", \"onMouseLeaveCell\", \"dateRender\", \"disabledDate\", \"disabledTime\", \"value\", \"rangeValues\", \"locale\", \"isRangePicker\", \"onSelect\", \"onTimePickerSelect\", \"onPrev\", \"onNext\", \"onSuperPrev\", \"onSuperNext\", \"isSameTime\", \"index\", \"getHeaderOperations\", \"setPageShowDate\", \"timeValue\", \"hideNotInViewDates\", \"icons\", \"isTimePanel\", \"panelMode\", \"setPanelMode\"]);\n var _a = useContext(ConfigContext), globalLocale = _a.locale, getPrefixCls = _a.getPrefixCls;\n var _b = useContext(PickerContext), utcOffset = _b.utcOffset, timezone = _b.timezone, weekStart = _b.weekStart;\n var DATEPICKER_LOCALE = merge(globalLocale.DatePicker, locale);\n var prefixCls = getPrefixCls(isWeek ? 'panel-week' : 'panel-date');\n var classNames = cs(prefixCls);\n var bodyProps = isRangePicker ? { rangeValues: rangeValues } : { value: value };\n var timeFormat = (isObject(showTime) && showTime.format) || getTimeFormat(format);\n // page data list\n var rows = useMemo(function () {\n return getAllDaysByTime(__assign(__assign({}, props), { dayStartOfWeek: weekStart }), pageShowDate);\n }, [pageShowDate.toString(), weekStart]);\n var disabledTimeProps;\n if (isRangePicker) {\n disabledTimeProps =\n typeof disabledTime === 'function'\n ? disabledTime(rangeValues[index], index === 0 ? 'start' : 'end')\n : {};\n }\n else {\n disabledTimeProps =\n typeof disabledTime === 'function' ? disabledTime(getDayjsValue(value, format)) : {};\n }\n function renderCalendar() {\n return (React.createElement(Body, __assign({}, rest, bodyProps, { showWeekList: true, isWeek: isWeek, prefixCls: getPrefixCls('picker'), rows: rows, isSameTime: isSameTime || (function (current, target) { return current.isSame(target, 'day'); }), onSelectDate: onSelect, onMouseEnterCell: onMouseEnterCell, onMouseLeaveCell: onMouseLeaveCell, dateRender: dateRender, disabledDate: disabledDate, CALENDAR_LOCALE: DATEPICKER_LOCALE.Calendar, mode: isWeek ? 'week' : 'date', format: format, hideNotInViewDates: hideNotInViewDates })));\n }\n function renderTimePicker() {\n var showTimeProps = isObject(showTime) ? showTime : {};\n return (React.createElement(\"div\", { className: prefixCls + \"-timepicker\" },\n React.createElement(\"header\", { className: prefixCls + \"-timepicker-title\" }, DATEPICKER_LOCALE.selectTime),\n React.createElement(TimePicker, __assign({}, timepickerProps, showTimeProps, disabledTimeProps, { hideFooter: true, format: timeFormat, valueShow: timeValue.format(timeFormat), onSelect: onTimePickerSelect, popupVisible: popupVisible, utcOffset: utcOffset, timezone: timezone }))));\n }\n var headerOperations = { onPrev: onPrev, onSuperPrev: onSuperPrev, onNext: onNext, onSuperNext: onSuperNext };\n function onChangePanel(mode) {\n setPanelMode(mode);\n }\n if (panelMode === 'year') {\n return (React.createElement(YearPanel, __assign({}, getHeaderOperations(panelMode), { pageShowDate: pageShowDate, onSelect: function (_, date) {\n setPanelMode('month');\n setPageShowDate(date);\n }, disabledDate: disabledDate, originMode: \"date\" })));\n }\n if (panelMode === 'month') {\n return (React.createElement(MonthPanel, __assign({}, getHeaderOperations(panelMode), { setPageShowDate: setPageShowDate, pageShowDate: pageShowDate, panelMode: panelMode, getHeaderOperations: getHeaderOperations, onSelect: function (_, date) {\n setPanelMode('date');\n setPageShowDate(date);\n }, disabledDate: disabledDate, originMode: \"date\" })));\n }\n return (React.createElement(\"div\", { className: classNames, style: style }, showTime && isTimePanel ? (renderTimePicker()) : (React.createElement(\"div\", { className: prefixCls + \"-inner\" },\n React.createElement(Header, __assign({}, headerOperations, { icons: icons, prefixCls: getPrefixCls('picker'), value: pageShowDate, mode: panelMode, onChangePanel: onChangePanel })),\n renderCalendar()))));\n}\nDatePicker.defaultProps = {\n pickerType: 'date',\n};\nexport default DatePicker;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { useContext } from 'react';\nimport { methods } from '../../../_util/dayjs';\nimport DatePanel from '../date';\nimport PickerContext from '../../context';\nfunction WeekPicker(props) {\n var value = props.value, isRangePicker = props.isRangePicker, rangeValues = props.rangeValues, onPrev = props.onPrev, onNext = props.onNext, onSuperPrev = props.onSuperPrev, onSuperNext = props.onSuperNext, localeName = props.localeName, rest = __rest(props, [\"value\", \"isRangePicker\", \"rangeValues\", \"onPrev\", \"onNext\", \"onSuperPrev\", \"onSuperNext\", \"localeName\"]);\n var weekStart = useContext(PickerContext).weekStart;\n var bodyProps = isRangePicker ? { rangeValues: rangeValues } : { value: value };\n var headerOperations = { onPrev: onPrev, onNext: onNext, onSuperPrev: onSuperPrev, onSuperNext: onSuperNext };\n function isSameTime(current, target) {\n return methods.isSameWeek(current, target, weekStart, localeName);\n }\n return (React.createElement(DatePanel, __assign({}, rest, bodyProps, headerOperations, { isWeek: true, isSameTime: isSameTime, isRangePicker: isRangePicker })));\n}\nWeekPicker.defaultProps = {\n pickerType: 'week',\n};\nexport default WeekPicker;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { useContext } from 'react';\nimport merge from 'lodash/merge';\nimport { dayjs } from '../../../_util/dayjs';\nimport cs from '../../../_util/classNames';\nimport { ConfigContext } from '../../../ConfigProvider';\nimport Header from '../header';\nimport Body from '../body';\nimport YearPanel from '../year';\nimport { padStart } from '../../../_util/pad';\nfunction QuarterPicker(props) {\n var pageShowDate = props.pageShowDate, style = props.style, onMouseEnterCell = props.onMouseEnterCell, onMouseLeaveCell = props.onMouseLeaveCell, dateRender = props.dateRender, disabledDate = props.disabledDate, value = props.value, locale = props.locale, isRangePicker = props.isRangePicker, onSelect = props.onSelect, rangeValues = props.rangeValues, onSuperPrev = props.onSuperPrev, onSuperNext = props.onSuperNext, format = props.format, getHeaderOperations = props.getHeaderOperations, setPageShowDate = props.setPageShowDate, icons = props.icons, panelMode = props.panelMode, setPanelMode = props.setPanelMode, rest = __rest(props, [\"pageShowDate\", \"style\", \"onMouseEnterCell\", \"onMouseLeaveCell\", \"dateRender\", \"disabledDate\", \"value\", \"locale\", \"isRangePicker\", \"onSelect\", \"rangeValues\", \"onSuperPrev\", \"onSuperNext\", \"format\", \"getHeaderOperations\", \"setPageShowDate\", \"icons\", \"panelMode\", \"setPanelMode\"]);\n var _a = useContext(ConfigContext), globalLocale = _a.locale, getPrefixCls = _a.getPrefixCls;\n var DATEPICKER_LOCALE = merge(globalLocale.DatePicker, locale);\n var CALENDAR_LOCALE = DATEPICKER_LOCALE.Calendar;\n var prefixCls = getPrefixCls('panel-quarter');\n var classNames = cs(prefixCls);\n var bodyProps = isRangePicker ? { rangeValues: rangeValues } : { value: value };\n var showYear = pageShowDate.year();\n var rows = [\n [1, 2, 3, 4].map(function (q) { return ({\n name: \"Q\" + q,\n time: dayjs(showYear + \"-\" + padStart((q - 1) * 3 + 1, 2, '0') + \"-01\"),\n }); }),\n ];\n function renderCalendar() {\n return (React.createElement(Body, __assign({}, rest, bodyProps, { prefixCls: getPrefixCls('picker'), rows: rows, onSelectDate: onSelect, isSameTime: function (current, target) { return current.isSame(target, 'month'); }, onMouseEnterCell: onMouseEnterCell, onMouseLeaveCell: onMouseLeaveCell, dateRender: dateRender, disabledDate: disabledDate, CALENDAR_LOCALE: CALENDAR_LOCALE, mode: \"quarter\", format: format })));\n }\n var headerOperations = { onSuperPrev: onSuperPrev, onSuperNext: onSuperNext };\n function onChangePanel(mode) {\n setPanelMode(mode);\n }\n if (panelMode === 'year') {\n return (React.createElement(YearPanel, __assign({}, getHeaderOperations(panelMode), { pageShowDate: pageShowDate, onSelect: function (_, date) {\n setPanelMode('quarter');\n setPageShowDate(date);\n }, disabledDate: disabledDate, originMode: \"quarter\" })));\n }\n return (React.createElement(\"div\", { className: classNames, style: style },\n React.createElement(Header, __assign({}, headerOperations, { icons: icons, prefixCls: getPrefixCls('picker'), value: pageShowDate, mode: panelMode, onChangePanel: onChangePanel })),\n React.createElement(\"div\", { className: prefixCls + \"-wrapper\" }, renderCalendar())));\n}\nQuarterPicker.defaultProps = {\n pickerType: 'quarter',\n};\nexport default QuarterPicker;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nimport React, { useContext } from 'react';\nimport DatePickerPanel from '../date';\nimport WeekPickerPanel from '../week';\nimport MonthPickerPanel from '../month';\nimport YearPickerPanel from '../year';\nimport QuarterPickerPanel from '../quarter';\nimport { ConfigContext } from '../../../ConfigProvider';\nimport { getNow, getDayjsValue } from '../../../_util/dayjs';\nimport { isObject } from '../../../_util/is';\nimport PickerContext from '../../context';\nfunction range(start, end) {\n var result = [];\n for (var i = start; i < end; i++) {\n result.push(i);\n }\n return result;\n}\nfunction RangePicker(props) {\n var _a = props.mode, mode = _a === void 0 ? 'date' : _a, showTime = props.showTime, disabledDate = props.disabledDate, disabledTime = props.disabledTime, format = props.format, dateRender = props.dateRender, propsValue = props.value, timeValues = props.timeValues, icons = props.icons, locale = props.locale, pageShowDates = props.pageShowDates, onMouseEnterCell = props.onMouseEnterCell, onMouseLeaveCell = props.onMouseLeaveCell, onSelectTime = props.onTimePickerSelect, onSelectPanel = props.onSelectPanel, onPrev = props.onPrev, onSuperPrev = props.onSuperPrev, onNext = props.onNext, onSuperNext = props.onSuperNext, localeName = props.localeName, popupVisible = props.popupVisible, timepickerProps = props.timepickerProps, getHeaderOperations = props.getHeaderOperations, setRangePageShowDates = props.setRangePageShowDates, disabledTimePickerIndex = props.disabledTimePickerIndex, hideNotInViewDates = props.hideNotInViewDates, isTimePanel = props.isTimePanel, valueShowHover = props.valueShowHover, panelModes = props.panelModes, setPanelModes = props.setPanelModes;\n var getPrefixCls = useContext(ConfigContext).getPrefixCls;\n var prefixCls = getPrefixCls('picker-range');\n var _b = useContext(PickerContext), utcOffset = _b.utcOffset, timezone = _b.timezone;\n var startShowDate = pageShowDates[0] || getNow(utcOffset, timezone);\n var endShowDate = pageShowDates[1] || getNow(utcOffset, timezone);\n var value = getDayjsValue(propsValue, format);\n var basePickerProps = {\n isRangePicker: true,\n rangeValues: value,\n onMouseEnterCell: onMouseEnterCell,\n onMouseLeaveCell: onMouseLeaveCell,\n format: format,\n locale: locale,\n disabledDate: disabledDate,\n onSelect: onSelectPanel,\n dateRender: dateRender,\n getHeaderOperations: getHeaderOperations,\n icons: icons,\n valueShowHover: valueShowHover,\n };\n var startPickerProps = {\n pageShowDate: startShowDate,\n panelMode: panelModes[0],\n setPanelMode: function (m) { return setPanelModes([m, panelModes[1]]); },\n };\n var endPickerProps = {\n pageShowDate: endShowDate,\n panelMode: panelModes[1],\n setPanelMode: function (m) { return setPanelModes([panelModes[0], m]); },\n };\n function renderDate() {\n var startOperations = {\n onPrev: onPrev,\n onSuperPrev: onSuperPrev,\n };\n var endOperations = {\n onNext: onNext,\n onSuperNext: onSuperNext,\n };\n var pickerProps = __assign(__assign({}, basePickerProps), { localeName: localeName, popupVisible: popupVisible, timepickerProps: timepickerProps, getHeaderOperations: getHeaderOperations, hideNotInViewDates: hideNotInViewDates, isTimePanel: isTimePanel });\n if (mode === 'week') {\n return (React.createElement(React.Fragment, null,\n React.createElement(WeekPickerPanel, __assign({ setPageShowDate: function (d) { return setRangePageShowDates([d, d], 'week', 0); } }, startOperations, pickerProps, startPickerProps)),\n React.createElement(WeekPickerPanel, __assign({ setPageShowDate: function (d) { return setRangePageShowDates([d, d], 'week', 1); } }, endOperations, pickerProps, endPickerProps))));\n }\n var showTimeProps = {\n disabledTime: disabledTime,\n showTime: showTime,\n };\n var disabledTimePickerProps = {};\n // 禁用面板时，TimePicker 被整体禁用同时关闭 hideDisabledOptions 防止用户传 true 导致空白\n if (typeof disabledTimePickerIndex === 'number') {\n disabledTimePickerProps.disabledTime = function () { return ({\n disabledHours: function () { return range(0, 24); },\n disabledMinutes: function () { return range(0, 60); },\n disabledSeconds: function () { return range(0, 60); },\n }); };\n if (isObject(showTime)) {\n var st = __assign(__assign({}, showTime), { defaultValue: undefined });\n disabledTimePickerProps.showTime = __assign(__assign({}, st), { hideDisabledOptions: false });\n }\n }\n return (React.createElement(React.Fragment, null,\n React.createElement(DatePickerPanel, __assign({}, startOperations, pickerProps, showTimeProps, (disabledTimePickerIndex === 0 ? disabledTimePickerProps : {}), { onTimePickerSelect: function (timeString, time) {\n onSelectTime(0, timeString, time);\n }, index: 0, setPageShowDate: function (d) { return setRangePageShowDates([d, d], 'date', 0); }, timeValue: timeValues[0] }, startPickerProps)),\n React.createElement(DatePickerPanel, __assign({}, endOperations, pickerProps, showTimeProps, (disabledTimePickerIndex === 1 ? disabledTimePickerProps : {}), { onTimePickerSelect: function (timeString, time) {\n onSelectTime(1, timeString, time);\n }, index: 1, setPageShowDate: function (d) { return setRangePageShowDates([d, d], 'date', 1); }, timeValue: timeValues[1] }, endPickerProps))));\n }\n function renderMonth() {\n var startOperations = {\n onSuperPrev: onSuperPrev,\n };\n var endOperations = {\n onSuperNext: onSuperNext,\n };\n var pickerProps = basePickerProps;\n return (React.createElement(React.Fragment, null,\n React.createElement(MonthPickerPanel, __assign({ setPageShowDate: function (d) { return setRangePageShowDates([d, d], 'month', 0); } }, startOperations, pickerProps, startPickerProps)),\n React.createElement(MonthPickerPanel, __assign({ setPageShowDate: function (d) { return setRangePageShowDates([d, d], 'month', 1); } }, endOperations, pickerProps, endPickerProps))));\n }\n function renderYear() {\n var startOperations = {\n onSuperPrev: onSuperPrev,\n };\n var endOperations = {\n onSuperNext: onSuperNext,\n };\n var pickerProps = basePickerProps;\n return (React.createElement(React.Fragment, null,\n React.createElement(YearPickerPanel, __assign({}, startOperations, pickerProps, { pageShowDate: startShowDate })),\n React.createElement(YearPickerPanel, __assign({}, endOperations, pickerProps, { pageShowDate: endShowDate }))));\n }\n function renderQuarter() {\n var startOperations = {\n onSuperPrev: onSuperPrev,\n };\n var endOperations = {\n onSuperNext: onSuperNext,\n };\n var pickerProps = basePickerProps;\n return (React.createElement(React.Fragment, null,\n React.createElement(QuarterPickerPanel, __assign({ setPageShowDate: function (d) { return setRangePageShowDates([d, d], 'quarter', 0); } }, startOperations, pickerProps, startPickerProps)),\n React.createElement(QuarterPickerPanel, __assign({ setPageShowDate: function (d) { return setRangePageShowDates([d, d], 'quarter', 1); } }, endOperations, pickerProps, endPickerProps))));\n }\n return (React.createElement(\"div\", { className: prefixCls },\n React.createElement(\"div\", { className: prefixCls + \"-wrapper\" },\n (mode === 'date' || mode === 'week') && renderDate(),\n mode === 'month' && renderMonth(),\n mode === 'year' && renderYear(),\n mode === 'quarter' && renderQuarter())));\n}\nRangePicker.defaultProps = {\n pickerType: 'range',\n};\nexport default RangePicker;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport React, { useState, useRef, useEffect, useContext } from 'react';\nimport Trigger from '../Trigger';\nimport DateInputRange from '../_class/picker/input-range';\nimport { isArray, isDayjs, isObject, isUndefined } from '../_util/is';\nimport cs from '../_util/classNames';\nimport { ConfigContext } from '../ConfigProvider';\nimport { getDayjsValue, getValueWithTime, getNow, methods, getSortedDayjsArray, isDayjsArrayChange, toTimezone, toLocal, isValidTimeString, } from '../_util/dayjs';\nimport IconCalendar from '../../icon/react-icon/IconCalendar';\nimport IconCalendarClock from '../../icon/react-icon/IconCalendarClock';\nimport RangePickerPanel from './panels/range';\nimport Footer from './panels/footer';\nimport Shortcuts from './panels/shortcuts';\nimport { getAvailableDayjsLength, getDefaultWeekStart } from './util';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nimport usePrevious from '../_util/hooks/usePrevious';\nimport useUpdate from '../_util/hooks/useUpdate';\nimport PickerContext from './context';\n// get default format by mode\nfunction getFormat(props) {\n var format = props.format, showTime = props.showTime, mode = props.mode;\n var valueFormat;\n switch (mode) {\n case 'date':\n valueFormat = showTime ? 'YYYY-MM-DD HH:mm:ss' : 'YYYY-MM-DD';\n break;\n case 'month':\n valueFormat = 'YYYY-MM';\n break;\n case 'year':\n valueFormat = 'YYYY';\n break;\n case 'week':\n valueFormat = 'YYYY-wo';\n break;\n case 'quarter':\n valueFormat = 'YYYY-[Q]Q';\n break;\n default:\n valueFormat = 'YYYY-MM-DD';\n }\n if (format) {\n valueFormat = format;\n }\n return valueFormat;\n}\nvar defaultProps = {\n allowClear: true,\n unmountOnExit: true,\n position: 'bl',\n editable: true,\n mode: 'date',\n};\nvar Picker = function (baseProps) {\n var _a, _b;\n var _c = useContext(ConfigContext), getPrefixCls = _c.getPrefixCls, locale = _c.locale, ctxSize = _c.size, componentConfig = _c.componentConfig;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.DatePicker);\n var allowClear = props.allowClear, className = props.className, style = props.style, placeholder = props.placeholder, getPopupContainer = props.getPopupContainer, disabled = props.disabled, position = props.position, error = props.error, unmountOnExit = props.unmountOnExit, editable = props.editable, triggerProps = props.triggerProps, shortcuts = props.shortcuts, onSelect = props.onSelect, onVisibleChange = props.onVisibleChange, propsValue = props.value, onChange = props.onChange, icons = props.icons, disabledDate = props.disabledDate, disabledTime = props.disabledTime, mode = props.mode, showTime = props.showTime, onSelectShortcut = props.onSelectShortcut, extra = props.extra, shortcutsPlacementLeft = props.shortcutsPlacementLeft, onOk = props.onOk, defaultPickerValue = props.defaultPickerValue, pickerValue = props.pickerValue, onPickerValueChange = props.onPickerValueChange, triggerElement = props.triggerElement, clearRangeOnReselect = props.clearRangeOnReselect, separator = props.separator, utcOffset = props.utcOffset, timezone = props.timezone;\n var prefixCls = getPrefixCls('picker-range');\n var weekStart = isUndefined(props.dayStartOfWeek)\n ? getDefaultWeekStart(locale.dayjsLocale)\n : props.dayStartOfWeek;\n var refInput = useRef(null);\n var refPanel = useRef(null);\n var refShortcuts = useRef(null);\n var shortcutEnterTimer = useRef(null);\n var shortcutLeaveTimer = useRef(null);\n var format = getFormat(props);\n // get input index when half disabled\n function getAvailableInputIndex() {\n if (isArray(disabled)) {\n if (disabled[0] && !disabled[1]) {\n return 1;\n }\n if (disabled[1] && !disabled[0]) {\n return 0;\n }\n }\n }\n var availableInputIndex = getAvailableInputIndex();\n var isHalfAvailable = typeof availableInputIndex === 'number';\n var disabledTimePickerIndex = isHalfAvailable ? 1 ^ availableInputIndex : undefined;\n // current focus index\n var _d = __read(useState(isHalfAvailable ? availableInputIndex : 0), 2), focusedInputIndex = _d[0], setFocusedInputIndex = _d[1];\n var nextFocusedInputIndex = 1 ^ focusedInputIndex;\n var _e = __read(useState(), 2), inputValue = _e[0], setInputValue = _e[1];\n var _f = __read(useState(), 2), hoverPlaceholderValue = _f[0], setHoverPlaceholderValue = _f[1];\n var _g = __read(useState(getDefaultValue()), 2), value = _g[0], setValue = _g[1];\n var _h = __read(useState(), 2), valueShow = _h[0], setValueShow = _h[1];\n var _j = __read(useState(), 2), valueShowHover = _j[0], setValueShowHover = _j[1];\n var _k = __read(useState(), 2), shortcutsValue = _k[0], setShortcutsValue = _k[1];\n var _l = __read(useState(props.popupVisible), 2), popupVisible = _l[0], setPopupVisible = _l[1];\n var _m = __read(useState([mode, mode]), 2), panelModes = _m[0], setPanelModes = _m[1];\n var _o = __read(useState(false), 2), isTimePanel = _o[0], setIsTimePanel = _o[1];\n var mergedPopupVisible = 'popupVisible' in props ? props.popupVisible : popupVisible;\n var propsValueDayjs = getDayjsValue(propsValue, format, utcOffset, timezone);\n var mergedValue = 'value' in props ? propsValueDayjs : value;\n var panelValue = shortcutsValue || valueShow || mergedValue || [];\n var selectedLength = getAvailableDayjsLength(valueShow || mergedValue);\n // the first time we select a range after open\n var firstRange = useRef(true);\n var now = getNow();\n var zoneNow = toTimezone(now, utcOffset, timezone);\n function getTimeValues() {\n var timeValues = [];\n var defaultTimeValue = isObject(showTime) && showTime.defaultValue\n ? getDayjsValue(showTime.defaultValue, showTime.format || 'HH:mm:ss', utcOffset, timezone)\n : [];\n timeValues[0] = panelValue[0] || defaultTimeValue[0] || zoneNow;\n timeValues[1] = panelValue[1] || defaultTimeValue[1] || zoneNow;\n return timeValues;\n }\n var timeValues = getTimeValues();\n var initialDisabledDate = isHalfAvailable\n ? function (current) {\n return availableInputIndex === 0\n ? current.isAfter(panelValue[1], mode)\n : current.isBefore(panelValue[0], mode);\n }\n : undefined;\n var selectedDisabledDate = useRef(initialDisabledDate);\n // if triggerElement !== undefined, we should activate clearRangeOnReselect by default\n var customTriggerElement = triggerElement !== undefined;\n var resetRange = customTriggerElement || clearRangeOnReselect;\n function getDefaultValue() {\n var value;\n if (props.value) {\n value = getDayjsValue(props.value, format, utcOffset, timezone);\n }\n else {\n value = getDayjsValue(props.defaultValue, format, utcOffset, timezone);\n }\n if (isHalfAvailable && (!value || (value && !value[nextFocusedInputIndex]))) {\n var nv = [];\n nv[nextFocusedInputIndex] = getNow(utcOffset, timezone);\n return nv;\n }\n return value;\n }\n var defaultPageShowDates = mergedValue ||\n getDayjsValue(defaultPickerValue, format) || [now, now];\n // show date at two panels\n var _p = __read(useState(getShowDatesFromFocused(defaultPageShowDates)), 2), pageShowDates = _p[0], setPageShowDates = _p[1];\n var mergedPageShowDate = getShowDatesFromFocused(getDayjsValue(pickerValue, format, utcOffset, timezone)) ||\n pageShowDates;\n var previousUtcOffset = usePrevious(utcOffset);\n var previousTimezone = usePrevious(timezone);\n // when timezone or utcOffset change changed\n useUpdate(function () {\n if (isArray(value) && (previousUtcOffset !== utcOffset || timezone !== previousTimezone)) {\n var localValue = value.map(function (v) { return toLocal(v, previousUtcOffset, previousTimezone); });\n var zoneValue = localValue.map(function (v) { return toTimezone(v, utcOffset, timezone); });\n setValue(zoneValue);\n }\n }, [utcOffset, previousUtcOffset, timezone, previousTimezone]);\n useEffect(function () {\n setPanelModes([mode, mode]);\n }, [mode]);\n useEffect(function () {\n setHoverPlaceholderValue(undefined);\n setInputValue(undefined);\n if (mergedPopupVisible) {\n setIsTimePanel(false);\n setPanelModes([mode, mode]);\n setPageShowDates(getShowDatesFromFocused(defaultPageShowDates));\n setValueShow(mergedValue);\n if (shortcutsPlacementLeft) {\n refShortcuts.current.style.maxHeight = refPanel.current.clientHeight + \"px\";\n }\n }\n else {\n setValueShow(undefined);\n setValueShowHover(undefined);\n setShortcutsValue(undefined);\n resetSelectedDisabledDate();\n blurInput();\n }\n firstRange.current = mergedPopupVisible;\n }, [mergedPopupVisible]);\n var startStr = (_a = propsValueDayjs === null || propsValueDayjs === void 0 ? void 0 : propsValueDayjs[0]) === null || _a === void 0 ? void 0 : _a.format(format);\n var endStr = (_b = propsValueDayjs === null || propsValueDayjs === void 0 ? void 0 : propsValueDayjs[1]) === null || _b === void 0 ? void 0 : _b.format(format);\n useEffect(function () {\n setValueShow(undefined);\n setValueShowHover(undefined);\n }, [startStr, endStr]);\n function setFixedPageShowDates(innerValue) {\n var newPageShowDates = getShowDatesFromFocused(innerValue);\n setPageShowDates(newPageShowDates);\n handlePickerValueChange(newPageShowDates);\n }\n function handlePickerValueChange(v) {\n if (!isSamePanel([v[0], pageShowDates[0]], mode)) {\n onPickerValueChange &&\n onPickerValueChange(isArray(v) ? v.map(function (v) { return v && v.format(format); }) : undefined, v);\n }\n }\n function getShowDatesFromFocused(dates, index) {\n if (index === void 0) { index = focusedInputIndex; }\n var prev = index === 0 || isSamePanel(dates, mode);\n if (isArray(dates) && dates.length < 2) {\n return getPageShowDatesByValue(dates[0] || getNow(utcOffset, timezone), mode, 'prev');\n }\n if (isArray(dates) && dates.length === 2) {\n if (dates[index]) {\n return getPageShowDatesByValue(dates[index], mode, prev ? 'prev' : 'next');\n }\n return getPageShowDatesByValue(dates[index === 0 ? 1 : 0] || getNow(utcOffset, timezone), mode, prev && !dates[index === 0 ? 1 : 0] ? 'prev' : 'next');\n }\n }\n function setNestPageShowDates(dates, pickerMode, index) {\n if (isArray(dates) && dates[index]) {\n setPageShowDates(getPageShowDatesByValue(dates[index], pickerMode, index === 0 ? 'prev' : 'next'));\n handlePickerValueChange(dates);\n }\n }\n function isSamePanel(innerValue, pickerMode) {\n if (innerValue && innerValue.length === 2 && isValidDayjsArray(innerValue)) {\n return (((pickerMode === 'date' || pickerMode === 'week') &&\n innerValue[0].isSame(innerValue[1], 'month')) ||\n ((pickerMode === 'month' || pickerMode === 'quarter') &&\n innerValue[0].isSame(innerValue[1], 'year')) ||\n (pickerMode === 'year' &&\n Math.floor(innerValue[0].year() / 10) === Math.floor(innerValue[1].year() / 10)));\n }\n }\n // get page show date by specify value\n function getPageShowDatesByValue(value, pickerMode, type) {\n if (value === void 0) { value = getNow(utcOffset, timezone); }\n if (pickerMode === void 0) { pickerMode = mode; }\n if (type === void 0) { type = 'prev'; }\n var prev = type === 'prev';\n switch (pickerMode) {\n case 'date':\n case 'week':\n return prev\n ? [value, methods.add(value, 1, 'month')]\n : [methods.subtract(value, 1, 'month'), value];\n case 'month':\n case 'quarter':\n return prev\n ? [value, methods.add(value, 1, 'year')]\n : [methods.subtract(value, 1, 'year'), value];\n case 'year':\n return prev\n ? [value, methods.add(value, 10, 'year')]\n : [methods.subtract(value, 10, 'year'), value];\n default:\n return [];\n }\n }\n function focusInput(index) {\n refInput.current &&\n refInput.current.focus &&\n refInput.current.focus(isHalfAvailable ? availableInputIndex : index);\n }\n function blurInput() {\n refInput.current && refInput.current.blur && refInput.current.blur();\n }\n function visibleChange(visible) {\n if (visible) {\n setTimeout(function () { return focusInput(); });\n setOpen(visible);\n }\n else {\n setOpen(false);\n }\n }\n // open or close popup\n function setOpen(visible) {\n onVisibleChange && onVisibleChange(visible);\n setPopupVisible(visible);\n }\n function onClear(e) {\n e.stopPropagation();\n var newValueShow = __spreadArray([], __read(panelValue), false);\n if (isHalfAvailable) {\n newValueShow[availableInputIndex] = undefined;\n }\n else {\n newValueShow = undefined;\n }\n setValue(newValueShow);\n setValueShow(newValueShow);\n onHandleChange(newValueShow);\n props.onClear && props.onClear();\n }\n function changeFocusedInputIndex(index, silent) {\n setInputValue(undefined);\n setFocusedInputIndex(index);\n if (panelValue && panelValue.length && !silent) {\n var newPageShowDates = getShowDatesFromFocused(panelValue, index);\n setPageShowDates(newPageShowDates);\n handlePickerValueChange(newPageShowDates);\n }\n }\n function isDisabledDate(date) {\n var selectedDisabled = typeof selectedDisabledDate.current === 'function'\n ? selectedDisabledDate.current(date)\n : false;\n var originDisabledDate = typeof disabledDate === 'function' ? disabledDate(date) : false;\n return originDisabledDate || selectedDisabled;\n }\n // Determine whether the input date is in the correct format\n function isValid(time) {\n return (isValidTimeString(time, format) && !isDisabledDate(getDayjsValue(time, format))\n // (panelValue[nextFocusedInputIndex]\n // ? nextFocusedInputIndex === 0\n // ? panelValue[nextFocusedInputIndex].isBefore(dayjs(time, format))\n // : panelValue[nextFocusedInputIndex].isAfter(dayjs(time, format))\n // : true)\n );\n }\n function resetSelectedDisabledDate() {\n selectedDisabledDate.current = initialDisabledDate;\n }\n function onChangeInput(e) {\n var newValueShow = __spreadArray([], __read((panelValue || [])), false);\n var niv = e.target.value;\n setInputValue(niv);\n if (!mergedPopupVisible) {\n setOpen(true);\n }\n if (isValid(niv)) {\n newValueShow[focusedInputIndex] = getDayjsValue(niv, format);\n setValueShow(newValueShow);\n setFixedPageShowDates(newValueShow);\n setInputValue(undefined);\n }\n }\n // Compare with the last value, trigger onChange only if the value changes\n function onHandleChange(newValue) {\n if (isDayjsArrayChange(mergedValue, newValue)) {\n var localValue = isArray(newValue)\n ? newValue.map(function (v) { return toLocal(v, utcOffset, timezone); })\n : undefined;\n onChange &&\n onChange(isArray(localValue) ? localValue.map(function (v) { return v && v.format(format); }) : undefined, localValue);\n }\n }\n function onPressEnter() {\n if (isArray(valueShow) && valueShow.length) {\n if (inputValue && !isValid(inputValue)) {\n setInputValue(undefined);\n }\n else if (selectedLength !== 2) {\n switchFocusedInput();\n }\n else if (selectedLength === 2) {\n onConfirmValue(valueShow);\n }\n }\n else if (mergedPopupVisible) {\n setOpen(false);\n }\n }\n function onPressTab(e) {\n e.preventDefault();\n }\n // Confirm and update component value\n function onConfirmValue(date, keepOpen) {\n var confirmValue = date || panelValue;\n if (!confirmValue || !confirmValue[0] || !confirmValue[1]) {\n return;\n }\n var sortedValues = getSortedDayjsArray(confirmValue);\n setValue(sortedValues);\n onHandleChange(sortedValues);\n resetSelectedDisabledDate();\n if (triggerElement !== null && !keepOpen) {\n setOpen(false);\n }\n }\n // Callback when click the confirm button\n function onClickConfirmBtn() {\n onConfirmValue();\n onOk &&\n onOk(panelValue.map(function (v) { return v && v.format(format); }), panelValue);\n }\n function outOfRange(date) {\n if (selectedLength !== 2) {\n return false;\n }\n var v = valueShow || mergedValue;\n if (focusedInputIndex === 0 && date.valueOf() > v[1].valueOf()) {\n return true;\n }\n if (focusedInputIndex === 1 && date.valueOf() < v[0].valueOf()) {\n return true;\n }\n return false;\n }\n // Callback when click the panel date cell\n function onSelectPanel(_, date) {\n var isOutOfRange = outOfRange(date) && firstRange.current;\n var newValueShow = resetRange && selectedLength === 2 && !isHalfAvailable ? [] : __spreadArray([], __read(panelValue), false);\n // if custom triggerElement, focused input index always 0 -> 1\n var focusedIndex = customTriggerElement\n ? selectedLength === 0 || selectedLength === 2\n ? 0\n : 1\n : focusedInputIndex;\n var newDate = showTime ? getValueWithTime(date, timeValues[focusedIndex]) : date;\n if (isOutOfRange) {\n newValueShow[focusedIndex] = newDate;\n newValueShow[1 ^ focusedIndex] = undefined;\n }\n else {\n newValueShow[focusedIndex] = newDate;\n }\n var sortedValueShow = getSortedDayjsArray(newValueShow);\n onSelectValueShow(sortedValueShow);\n setInputValue(undefined);\n setHoverPlaceholderValue(undefined);\n var newSelectedLength = getAvailableDayjsLength(newValueShow);\n if (resetRange) {\n if (selectedLength === 0 || (selectedLength === 2 && !isHalfAvailable)) {\n customTriggerElement ? setFocusedInputIndex(1) : switchFocusedInput(true);\n }\n else if (!showTime) {\n onConfirmValue(newValueShow);\n }\n }\n else if (newSelectedLength <= 1) {\n switchFocusedInput(true);\n }\n else if (selectedLength === 2 && firstRange.current && !isHalfAvailable) {\n firstRange.current = false;\n switchFocusedInput(true);\n if (!showTime && !isOutOfRange) {\n onConfirmValue(newValueShow, true);\n }\n }\n else {\n firstRange.current = false;\n if (!showTime && !isOutOfRange) {\n onConfirmValue(newValueShow);\n }\n }\n }\n // Callback when click TimePicker\n function onTimePickerSelect(index, _, time) {\n var newValueShow = isArray(panelValue) ? __spreadArray([], __read(panelValue), false) : [];\n var newTimeValue = getValueWithTime(newValueShow[index] || getNow(utcOffset, timezone), time);\n newValueShow[index] = newTimeValue;\n onSelectValueShow(newValueShow);\n }\n function onSelectValueShow(newValueShow) {\n setValueShow(newValueShow);\n setValueShowHover(undefined);\n var sortedValues = getSortedDayjsArray(newValueShow);\n var zoneValues = sortedValues.map(function (v) { return toLocal(v, utcOffset, timezone); });\n onSelect &&\n onSelect(zoneValues.map(function (v) { return v && v.format(format); }), zoneValues, { type: focusedInputIndex === 1 ? 'end' : 'start' });\n }\n // Switch to next focused input\n function switchFocusedInput(silent) {\n changeFocusedInputIndex(nextFocusedInputIndex, silent);\n setTimeout(function () { return focusInput(nextFocusedInputIndex); });\n }\n // Callback when mouse entered the date cell\n function onMouseEnterCell(date, disabled) {\n var newValueShowHover = __spreadArray([], __read((panelValue || [])), false);\n var needShowHover = resetRange ? selectedLength === 1 : selectedLength !== 0;\n if (!disabled && needShowHover && !outOfRange(date)) {\n newValueShowHover[focusedInputIndex] = getValueWithTime(date, timeValues[focusedInputIndex]);\n setValueShowHover(newValueShowHover);\n setInputValue(undefined);\n }\n if (!disabled) {\n var placeHolderValue = showTime\n ? getValueWithTime(date, timeValues[focusedInputIndex])\n : date;\n setHoverPlaceholderValue(placeHolderValue.locale(locale.dayjsLocale).format(format));\n }\n }\n function onMouseLeaveCell() {\n setValueShowHover(undefined);\n setHoverPlaceholderValue(undefined);\n }\n function isValidDayjsArray(sv) {\n return sv && isArray(sv) && sv.length === 2 && isDayjs(sv[0]) && isDayjs(sv[1]);\n }\n // Determine whether the value entered in the shortcut is in the correct format\n function isValidShortcut(shortcut) {\n var sv = typeof shortcut.value === 'function' && shortcut.value();\n return isValidDayjsArray(sv);\n }\n function clearShortcutsTimer() {\n clearTimeout(shortcutEnterTimer.current);\n clearTimeout(shortcutLeaveTimer.current);\n shortcutEnterTimer.current = null;\n shortcutLeaveTimer.current = null;\n }\n // Callback when mouse entered the shortcuts\n function onMouseEnterShortcut(shortcut) {\n clearShortcutsTimer();\n shortcutEnterTimer.current = setTimeout(function () {\n if (isValidShortcut(shortcut)) {\n var nv = getDayjsValue(shortcut.value(), format, utcOffset, timezone);\n setShortcutsValue(nv);\n setFixedPageShowDates(nv);\n }\n }, 50);\n }\n // Callback when mouse leaved the shortcuts\n function onMouseLeaveShortcut() {\n clearShortcutsTimer();\n shortcutLeaveTimer.current = setTimeout(function () {\n setShortcutsValue(undefined);\n setFixedPageShowDates(valueShow || mergedValue || [getNow(utcOffset, timezone), getNow(utcOffset, timezone)]);\n }, 50);\n }\n // Callback when click the shortcuts button\n function onHandleSelectShortcut(shortcut) {\n onSelectShortcut && onSelectShortcut(shortcut);\n if (isValidShortcut(shortcut)) {\n var time = getDayjsValue(shortcut.value(), format, utcOffset, timezone);\n onConfirmValue(time);\n }\n }\n // Modify panel date (the value of the panel itself, not the component value)\n function changePageShowDates(type, unit, num) {\n if (num === void 0) { num = 1; }\n var index = type === 'prev' ? 0 : 1;\n var newPageShowDates = __spreadArray([], __read(mergedPageShowDate), false);\n if (type === 'prev') {\n newPageShowDates[index] = methods.subtract(mergedPageShowDate[index], num, unit);\n }\n if (type === 'next') {\n newPageShowDates[index] = methods.add(mergedPageShowDate[index], num, unit);\n }\n newPageShowDates = getPageShowDatesByValue(newPageShowDates[index], mode, type);\n setFixedPageShowDates(newPageShowDates);\n }\n // Callback when click the prev or next button\n function getHeaderOperations(pickerMode) {\n if (pickerMode === void 0) { pickerMode = mode; }\n if (pickerMode === 'date' || pickerMode === 'week') {\n return {\n onPrev: function () { return changePageShowDates('prev', 'month'); },\n onNext: function () { return changePageShowDates('next', 'month'); },\n onSuperPrev: function () { return changePageShowDates('prev', 'year'); },\n onSuperNext: function () { return changePageShowDates('next', 'year'); },\n };\n }\n if (pickerMode === 'month' || pickerMode === 'quarter') {\n return {\n onSuperPrev: function () { return changePageShowDates('prev', 'year'); },\n onSuperNext: function () { return changePageShowDates('next', 'year'); },\n };\n }\n if (pickerMode === 'year') {\n return {\n onSuperPrev: function () { return changePageShowDates('prev', 'year', 10); },\n onSuperNext: function () { return changePageShowDates('next', 'year', 10); },\n };\n }\n }\n function onClickSelectTimeBtn() {\n setIsTimePanel(!isTimePanel);\n }\n function renderPopup(panelOnly) {\n var _a;\n var classNames = cs(prefixCls + \"-container\", (_a = {},\n _a[prefixCls + \"-panel-only\"] = panelOnly,\n _a[prefixCls + \"-container-shortcuts-placement-left\"] = isArray(shortcuts) && shortcutsPlacementLeft,\n _a), panelOnly ? className : '');\n var shortcutsProps = {\n prefixCls: getPrefixCls('picker'),\n showTime: showTime,\n shortcuts: shortcuts,\n onMouseEnterShortcut: onMouseEnterShortcut,\n onMouseLeaveShortcut: onMouseLeaveShortcut,\n onSelectShortcut: onHandleSelectShortcut,\n };\n var shouldShowFooter = (showTime && panelModes[0] === 'date' && panelModes[1] === 'date') ||\n extra ||\n (isArray(shortcuts) && shortcuts.length && !shortcutsPlacementLeft);\n var content = (React.createElement(React.Fragment, null,\n React.createElement(RangePickerPanel, __assign({}, props, getHeaderOperations(), { getHeaderOperations: getHeaderOperations, setRangePageShowDates: setNestPageShowDates, pageShowDates: mergedPageShowDate, value: panelValue, format: format, onSelectPanel: onSelectPanel, onMouseEnterCell: onMouseEnterCell, onMouseLeaveCell: onMouseLeaveCell, disabledDate: function (current) { return isDisabledDate(current); }, disabledTime: disabledTime, mode: mode, localeName: locale.dayjsLocale, showTime: showTime, timeValues: shortcutsValue || timeValues, onTimePickerSelect: onTimePickerSelect, popupVisible: mergedPopupVisible, disabledTimePickerIndex: disabledTimePickerIndex, isTimePanel: isTimePanel, valueShowHover: valueShowHover, panelModes: panelModes, setPanelModes: setPanelModes })),\n shouldShowFooter && (React.createElement(Footer, __assign({}, shortcutsProps, { DATEPICKER_LOCALE: locale.DatePicker, disabled: !(isArray(panelValue) && panelValue[0] && panelValue[1]), onClickConfirmBtn: onClickConfirmBtn, extra: extra, shortcutsPlacementLeft: shortcutsPlacementLeft, onClickSelectTimeBtn: onClickSelectTimeBtn, isTimePanel: isTimePanel })))));\n return (React.createElement(\"div\", { className: classNames, onClick: function () { return focusInput(); }, style: panelOnly ? style : {} }, shortcutsPlacementLeft ? (React.createElement(React.Fragment, null,\n React.createElement(Shortcuts, __assign({ ref: refShortcuts }, shortcutsProps)),\n React.createElement(\"div\", { ref: refPanel, className: prefixCls + \"-panel-wrapper\" }, content))) : (content)));\n }\n var size = props.size || ctxSize;\n var placeholders = isArray(placeholder) ? placeholder : locale.DatePicker.placeholders[mode];\n var suffixIcon = icons && icons.inputSuffix === null\n ? null\n : (icons && icons.inputSuffix) || (showTime ? React.createElement(IconCalendarClock, null) : React.createElement(IconCalendar, null));\n var baseInputProps = {\n style: style,\n className: className,\n popupVisible: mergedPopupVisible,\n format: format,\n disabled: disabled,\n error: error,\n size: size,\n onPressEnter: onPressEnter,\n onPressTab: onPressTab,\n onClear: onClear,\n suffixIcon: suffixIcon,\n editable: editable,\n allowClear: allowClear,\n };\n var triggerDisabled = isArray(disabled) ? disabled[0] && disabled[1] : disabled;\n return (React.createElement(PickerContext.Provider, { value: { utcOffset: utcOffset, timezone: timezone, weekStart: weekStart } }, triggerElement === null ? (renderPopup(true)) : (React.createElement(Trigger, __assign({ popup: renderPopup, trigger: \"click\", clickToClose: false, position: position, disabled: triggerDisabled, popupAlign: { bottom: 4 }, getPopupContainer: getPopupContainer, onVisibleChange: visibleChange, popupVisible: mergedPopupVisible, classNames: \"slideDynamicOrigin\", unmountOnExit: unmountOnExit }, triggerProps), triggerElement || (React.createElement(DateInputRange, __assign({}, baseInputProps, { ref: refInput, placeholder: placeholders, value: valueShow || mergedValue, onChange: onChangeInput, inputValue: hoverPlaceholderValue || inputValue, changeFocusedInputIndex: changeFocusedInputIndex, focusedInputIndex: focusedInputIndex, isPlaceholder: !!hoverPlaceholderValue, separator: separator })))))));\n};\nPicker.displayName = 'RangePicker';\nexport default Picker;\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n if (typeof b !== \"function\" && b !== null)\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nimport React from 'react';\nimport Picker from './picker';\nimport PickerRange from './picker-range';\nimport DatePickerPanel from './panels/date';\nimport MonthPickerPanel from './panels/month';\nimport YearPickerPanel from './panels/year';\nimport WeekPickerPanel from './panels/week';\nimport QuarterPickerPanel from './panels/quarter';\nimport '../_util/polyfill/object-assign';\nfunction wrapper(picker, displayName) {\n var _a;\n return _a = /** @class */ (function (_super) {\n __extends(PickerWrapper, _super);\n function PickerWrapper() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n PickerWrapper.prototype.render = function () {\n return React.createElement(Picker, __assign({}, this.props, { picker: picker }));\n };\n return PickerWrapper;\n }(React.Component)),\n _a.displayName = displayName,\n _a;\n}\nvar DatePicker = wrapper(React.createElement(DatePickerPanel, null), 'DatePicker');\nvar MonthPicker = wrapper(React.createElement(MonthPickerPanel, null), 'MonthPicker');\nvar YearPicker = wrapper(React.createElement(YearPickerPanel, null), 'YearPicker');\nvar WeekPicker = wrapper(React.createElement(WeekPickerPanel, null), 'WeekPicker');\nvar QuarterPicker = wrapper(React.createElement(QuarterPickerPanel, null), 'QuarterPicker');\nvar RangePicker = PickerRange;\nObject.assign(DatePicker, { MonthPicker: MonthPicker, YearPicker: YearPicker, WeekPicker: WeekPicker, QuarterPicker: QuarterPicker, RangePicker: RangePicker });\nexport default DatePicker;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { useState, useEffect, useContext, useRef, Fragment } from 'react';\nimport cs from '../_util/classNames';\nimport { ConfigContext } from '../ConfigProvider';\nimport ResponsiveObserve, { responsiveArray } from '../_util/responsiveObserve';\nimport { isObject, isArray, isNumber } from '../_util/is';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nvar getLength = function (arr) {\n return isArray(arr) ? arr.reduce(function (p, n) { return p + (n.span || 1); }, 0) : 0;\n};\nvar defaultProps = {\n layout: 'horizontal',\n column: 3,\n tableLayout: 'auto',\n};\nfunction Descriptions(baseProps) {\n var _a;\n var _b = useContext(ConfigContext), getPrefixCls = _b.getPrefixCls, componentConfig = _b.componentConfig;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Descriptions);\n var style = props.style, className = props.className, column = props.column, title = props.title, data = props.data, border = props.border, labelStyle = props.labelStyle, valueStyle = props.valueStyle, colon = props.colon, layout = props.layout, size = props.size, tableLayout = props.tableLayout;\n var prefixCls = getPrefixCls('descriptions');\n var _c = __read(useState(), 2), screen = _c[0], setScreen = _c[1];\n var responsiveToken = useRef(null);\n useEffect(function () {\n responsiveToken.current = ResponsiveObserve.subscribe(function (screens) {\n for (var i = 0; i < responsiveArray.length; i++) {\n var breakpoint = responsiveArray[i];\n if (screens[breakpoint]) {\n setScreen(breakpoint);\n break;\n }\n }\n });\n return function () {\n ResponsiveObserve.unsubscribe(responsiveToken.current);\n };\n }, []);\n // get current column number\n var currentColumn = 3;\n if (isObject(column)) {\n currentColumn = column[screen] || 3;\n }\n if (isNumber(column) && column > 0) {\n currentColumn = column;\n }\n var renderData = [];\n if (isArray(data) && data.length > 0 && currentColumn) {\n data.forEach(function (d) {\n var lastOne = renderData[renderData.length - 1];\n var length = getLength(lastOne);\n if (length === 0) {\n renderData.push([\n __assign(__assign({}, d), { span: d.span ? (d.span > currentColumn ? currentColumn : d.span) : 1 }),\n ]);\n }\n else if (length === currentColumn) {\n renderData.push([\n __assign(__assign({}, d), { span: d.span ? (d.span > currentColumn ? currentColumn : d.span) : 1 }),\n ]);\n }\n else {\n lastOne.push(__assign(__assign({}, d), { span: d.span ? (d.span + length > currentColumn ? currentColumn - length : d.span) : 1 }));\n }\n });\n var lastOne = renderData[renderData.length - 1];\n var lastLength = getLength(lastOne);\n if (lastLength < currentColumn) {\n lastOne[lastOne.length - 1].span =\n lastOne[lastOne.length - 1].span + currentColumn - lastLength;\n }\n }\n function renderVerticalItems(d, i) {\n return (React.createElement(Fragment, { key: i },\n React.createElement(\"tr\", { className: prefixCls + \"-row\" }, d.map(function (_d, _i) {\n var colSpanProps = _d.span > 1 ? { colSpan: _d.span } : {};\n return (React.createElement(\"td\", __assign({ key: (_d.key || _i) + \"_label\", className: prefixCls + \"-item-label\" }, colSpanProps, { style: labelStyle }),\n _d.label,\n colon));\n })),\n React.createElement(\"tr\", { className: prefixCls + \"-row\" }, d.map(function (_d, _i) {\n var colSpanProps = _d.span > 1 ? { colSpan: _d.span } : {};\n return (React.createElement(\"td\", __assign({ key: (_d.key || _i) + \"_value\", className: prefixCls + \"-item-value\" }, colSpanProps, { style: valueStyle }), _d.value));\n }))));\n }\n function renderHorizontalItems(d, i) {\n return (React.createElement(\"tr\", { key: i, className: prefixCls + \"-row\" }, d.map(function (_d, _i) {\n var colSpanProps = _d.span > 1 ? { colSpan: _d.span * 2 - 1 } : {};\n return (React.createElement(Fragment, { key: _d.key || _i },\n React.createElement(\"td\", { className: prefixCls + \"-item-label\", style: labelStyle },\n _d.label,\n colon),\n React.createElement(\"td\", __assign({ className: prefixCls + \"-item-value\" }, colSpanProps, { style: valueStyle }), _d.value)));\n })));\n }\n function renderInlineItems(d, i) {\n return (React.createElement(\"tr\", { key: i, className: prefixCls + \"-row\" }, d.map(function (_d, _i) {\n var colSpanProps = _d.span > 1 ? { colSpan: _d.span } : {};\n return (React.createElement(\"td\", __assign({ key: _d.key || _i }, colSpanProps, { className: prefixCls + \"-item\" }),\n React.createElement(\"div\", { className: prefixCls + \"-item-label-inline\", style: labelStyle },\n _d.label,\n colon),\n React.createElement(\"div\", { className: prefixCls + \"-item-value-inline\", style: valueStyle }, _d.value)));\n })));\n }\n function renderItems(d, i) {\n if (layout === 'inline-vertical' || layout === 'inline-horizontal') {\n return renderInlineItems(d, i);\n }\n return layout === 'vertical' ? renderVerticalItems(d, i) : renderHorizontalItems(d, i);\n }\n var classNames = cs(prefixCls, (_a = {},\n _a[prefixCls + \"-border\"] = border,\n _a[prefixCls + \"-layout-\" + layout] = layout,\n _a[prefixCls + \"-size-\" + size] = size,\n _a[prefixCls + \"-table-layout-fixed\"] = tableLayout === 'fixed',\n _a), className);\n return (React.createElement(\"div\", { className: classNames, style: style },\n title && React.createElement(\"div\", { className: prefixCls + \"-title\" }, title),\n React.createElement(\"div\", { className: prefixCls + \"-body\" },\n React.createElement(\"table\", { className: prefixCls + \"-table\", cellPadding: 0, cellSpacing: 0 },\n React.createElement(\"tbody\", null, renderData.map(function (d, i) { return renderItems(d, i); }))))));\n}\nDescriptions.displayName = 'Descriptions';\nexport default Descriptions;\n","import React, { useContext, forwardRef } from 'react';\nimport cs from '../_util/classNames';\nimport { ConfigContext } from '../ConfigProvider';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nvar defaultProps = {\n type: 'horizontal',\n orientation: 'center',\n};\nfunction Divider(baseProps, ref) {\n var _a;\n var _b = useContext(ConfigContext), getPrefixCls = _b.getPrefixCls, componentConfig = _b.componentConfig;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Divider);\n var children = props.children, style = props.style, className = props.className, type = props.type, orientation = props.orientation;\n var prefixCls = getPrefixCls('divider');\n var classNames = cs(prefixCls, prefixCls + \"-\" + type, (_a = {},\n _a[prefixCls + \"-with-text\"] = children,\n _a[prefixCls + \"-with-text-\" + orientation] = children && orientation,\n _a), className);\n return (React.createElement(\"div\", { role: \"separator\", ref: ref, className: classNames, style: style }, children && type === 'horizontal' ? (React.createElement(\"span\", { className: prefixCls + \"-text \" + prefixCls + \"-text-\" + orientation }, children)) : null));\n}\nvar DividerComponent = forwardRef(Divider);\nDividerComponent.displayName = 'Divider';\nexport default DividerComponent;\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n if (typeof b !== \"function\" && b !== null)\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport { Component } from 'react';\nimport ReactDOM from 'react-dom';\nvar Portal = /** @class */ (function (_super) {\n __extends(Portal, _super);\n function Portal() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.container = null;\n return _this;\n }\n // constructor(props) {\n // super(props);\n // const { getContainer } = this.props;\n // this.container = getContainer && getContainer();\n // }\n Portal.prototype.componentDidMount = function () {\n var _this = this;\n this.createContainer();\n this.timer = setTimeout(function () {\n // getContainer 返回ref时，子组件首先执行 componentDidMount,此时ref还未赋值\n if (!_this.container) {\n _this.createContainer();\n }\n });\n };\n Portal.prototype.componentWillUnmount = function () {\n clearTimeout(this.timer);\n };\n Portal.prototype.createContainer = function () {\n var getContainer = this.props.getContainer;\n this.container = getContainer && getContainer();\n this.forceUpdate();\n };\n Portal.prototype.render = function () {\n var children = this.props.children;\n if (this.container) {\n return ReactDOM.createPortal(children, this.container);\n }\n return null;\n };\n return Portal;\n}(Component));\nexport default Portal;\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n if (typeof b !== \"function\" && b !== null)\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nimport React, { Component } from 'react';\nimport Portal from './Portal';\nvar PortalWrapper = /** @class */ (function (_super) {\n __extends(PortalWrapper, _super);\n function PortalWrapper() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n PortalWrapper.prototype.componentWillUnmount = function () {\n this.instance = null;\n };\n PortalWrapper.prototype.render = function () {\n var _this = this;\n var _a = this.props, forceRender = _a.forceRender, visible = _a.visible;\n return forceRender || visible || this.instance ? (React.createElement(Portal, __assign({ ref: function (ref) { return (_this.instance = ref); } }, this.props))) : null;\n };\n PortalWrapper.displayName = 'Portal';\n PortalWrapper.defaultProps = {\n getContainer: function () { return document.body; },\n };\n return PortalWrapper;\n}(Component));\nexport default PortalWrapper;\n","import { useEffect, useRef } from 'react';\nexport default function useOverflowHidden(getContainer, _a) {\n var hidden = _a.hidden;\n var needResetContainerStyle = useRef(false);\n var originContainerStyle = useRef({});\n var getScrollBarWidth = function (element) {\n return element.tagName === 'BODY'\n ? window.innerWidth - (document.body.clientWidth || document.documentElement.clientWidth)\n : element.offsetWidth - element.clientWidth;\n };\n var setContainerStyle = function () {\n var container = getContainer();\n if (container && container.style.overflow !== 'hidden') {\n var originStyle = container.style;\n needResetContainerStyle.current = true;\n // 记录并设置宽度\n var containerScrollBarWidth = getScrollBarWidth(container);\n if (containerScrollBarWidth) {\n originContainerStyle.current.width = originStyle.width;\n container.style.width = \"calc(\" + (container.style.width || '100%') + \" - \" + containerScrollBarWidth + \"px)\";\n }\n // 记录并设置overflow\n originContainerStyle.current.overflow = originStyle.overflow;\n container.style.overflow = 'hidden';\n }\n };\n var resetContainerStyle = function () {\n if (needResetContainerStyle.current && getContainer()) {\n var container_1 = getContainer();\n var originStyle_1 = originContainerStyle.current;\n Object.keys(originStyle_1).forEach(function (i) { return (container_1.style[i] = originStyle_1[i]); });\n }\n needResetContainerStyle.current = false;\n originContainerStyle.current = {};\n };\n useEffect(function () {\n hidden ? setContainerStyle() : resetContainerStyle();\n return function () {\n resetContainerStyle();\n };\n }, [getContainer, hidden]);\n return [resetContainerStyle, setContainerStyle];\n}\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { useContext, useRef, useEffect, useCallback, useMemo, useState, useImperativeHandle, } from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport FocusLock from 'react-focus-lock';\nimport { findDOMNode } from 'react-dom';\nimport IconClose from '../../icon/react-icon/IconClose';\nimport cs from '../_util/classNames';\nimport Button from '../Button';\nimport Portal from '../Portal';\nimport ConfigProvider, { ConfigContext } from '../ConfigProvider';\nimport { isServerRendering, off, on } from '../_util/dom';\nimport IconHover from '../_class/icon-hover';\nimport { Esc } from '../_util/keycode';\nimport { isObject } from '../_util/is';\nimport useOverflowHidden from '../_util/hooks/useOverflowHidden';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nvar defaultProps = {\n placement: 'right',\n width: 250,\n height: 250,\n escToExit: true,\n mask: true,\n closable: true,\n maskClosable: true,\n mountOnEnter: true,\n getPopupContainer: function () { return document.body; },\n};\nfunction Drawer(baseProps, ref) {\n var _a, _b, _c;\n var context = useContext(ConfigContext);\n var locale = context.locale, getPrefixCls = context.getPrefixCls, componentConfig = context.componentConfig;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Drawer);\n var style = props.style, className = props.className, children = props.children, wrapClassName = props.wrapClassName, maskStyle = props.maskStyle, headerStyle = props.headerStyle, bodyStyle = props.bodyStyle, title = props.title, footer = props.footer, okText = props.okText, cancelText = props.cancelText, width = props.width, height = props.height, placement = props.placement, mask = props.mask, visible = props.visible, closable = props.closable, maskClosable = props.maskClosable, confirmLoading = props.confirmLoading, mountOnEnter = props.mountOnEnter, unmountOnExit = props.unmountOnExit, afterOpen = props.afterOpen, afterClose = props.afterClose, getPopupContainer = props.getPopupContainer, escToExit = props.escToExit, propGetChildrenPopupContainer = props.getChildrenPopupContainer, focusLock = props.focusLock, autoFocus = props.autoFocus, okButtonProps = props.okButtonProps, cancelButtonProps = props.cancelButtonProps;\n var drawerWrapperRef = useRef(null);\n var contentWrapperRef = useRef(null);\n var _d = __read(useState(false), 2), shouldReComputeFixed = _d[0], setShouldReComputeFixed = _d[1];\n var _e = __read(useState(), 2), popupZIndex = _e[0], setPopupZIndex = _e[1];\n var prefixCls = getPrefixCls('drawer');\n // Record whether is exiting, to prevent `onCancel` being unnecessarily triggered when mask is clicked during the period.\n var inExit = useRef(false);\n // Record whether it's opened to avoid element shaking during animation caused by focus lock.\n var _f = __read(useState(false), 2), isOpened = _f[0], setIsOpened = _f[1];\n var getContainer = useCallback(function () {\n var container = getPopupContainer && getPopupContainer();\n return (findDOMNode(container) || document.body);\n }, [getPopupContainer]);\n var isFixed = useMemo(function () {\n return !isServerRendering && getContainer() === document.body;\n }, [shouldReComputeFixed, getContainer]);\n useOverflowHidden(getContainer, { hidden: visible && mask });\n useImperativeHandle(ref, function () { return drawerWrapperRef.current; });\n useEffect(function () {\n // 初始就是展示，且设置了 getPopupContainer 时，组件挂载后重新执行下 isFixed 的计算逻辑，避免 getPopupContainer 返回的节点还未挂载，导致 isFixed 为true，样式表现错误的问题。\n if (visible && props.getPopupContainer) {\n // Recompute `isFixed` to avoid style error resulting from truthy `isFixed` value due to the custom container dom is not mounted yet.\n setShouldReComputeFixed(true);\n }\n }, []);\n useEffect(function () {\n var _a;\n if (visible && popupZIndex === undefined) {\n if (drawerWrapperRef.current) {\n // Set zIndex for nested drawer components based on zIndex of wrapper\n var zIndex = +((_a = window.getComputedStyle(drawerWrapperRef.current, null)) === null || _a === void 0 ? void 0 : _a.zIndex);\n if (!isNaN(zIndex)) {\n setPopupZIndex(zIndex + 1);\n }\n }\n }\n }, [visible, popupZIndex]);\n useEffect(function () {\n var onKeyDown = function (e) {\n if (escToExit && e && e.key === Esc.key && props.onCancel) {\n props.onCancel(e);\n }\n };\n if (visible) {\n on(document, 'keydown', onKeyDown);\n }\n return function () {\n off(document, 'keydown', onKeyDown);\n };\n }, [visible, escToExit]);\n var element = (React.createElement(\"div\", { className: prefixCls + \"-scroll\" },\n title !== null && (React.createElement(\"div\", { className: prefixCls + \"-header\", style: headerStyle },\n React.createElement(\"div\", { className: prefixCls + \"-header-title\" }, title))),\n closable && (React.createElement(IconHover, { onClick: props.onCancel, className: prefixCls + \"-close-icon\" },\n React.createElement(IconClose, null))),\n React.createElement(\"div\", { ref: contentWrapperRef, style: bodyStyle, className: cs(prefixCls + \"-content\", (_a = {},\n _a[prefixCls + \"-content-nofooter\"] = footer === null,\n _a[prefixCls + \"-content-noheader\"] = title === null,\n _a)) },\n React.createElement(ConfigProvider, __assign({}, context, { zIndex: popupZIndex || 1050, getPopupContainer: function (node) {\n return typeof propGetChildrenPopupContainer === 'function'\n ? propGetChildrenPopupContainer(node)\n : contentWrapperRef.current;\n } }), children)),\n footer !== null &&\n (footer ? (React.createElement(\"div\", { className: prefixCls + \"-footer\" }, footer)) : (React.createElement(\"div\", { className: prefixCls + \"-footer\" },\n React.createElement(Button, __assign({ onClick: props.onCancel }, cancelButtonProps), cancelText || locale.Drawer.cancelText),\n React.createElement(Button, __assign({ type: \"primary\", loading: confirmLoading, onClick: props.onOk }, okButtonProps), okText || locale.Drawer.okText))))));\n var globalFocusLockConfig = context.focusLock.drawer;\n var globalFocusLock = !!globalFocusLockConfig;\n var globalAutoFocus = isObject(globalFocusLockConfig) && globalFocusLockConfig.autoFocus;\n var innerFocusLock = focusLock !== undefined ? focusLock : globalFocusLock;\n var innerAutoFocus = autoFocus !== undefined ? autoFocus : globalAutoFocus;\n // Only enable FocusLock when drawer is fully opened, to avoid element shaking.\n var dom = innerFocusLock ? (React.createElement(FocusLock, { as: \"span\", disabled: !isOpened, autoFocus: innerAutoFocus }, element)) : (element);\n return (React.createElement(Portal, { forceRender: !mountOnEnter, visible: visible, getContainer: getPopupContainer },\n React.createElement(\"div\", { ref: drawerWrapperRef, className: cs(prefixCls + \"-wrapper\", (_b = {},\n _b[prefixCls + \"-no-mask\"] = !mask,\n _b[prefixCls + \"-wrapper-hide\"] = !visible,\n _b), wrapClassName), style: isFixed ? { position: 'fixed' } : { zIndex: 'inherit', position: 'absolute' } },\n mask ? (React.createElement(CSSTransition, { in: visible, appear: true, timeout: 300, classNames: \"fadeInStandard\", mountOnEnter: mountOnEnter, unmountOnExit: unmountOnExit },\n React.createElement(\"div\", { className: prefixCls + \"-mask\", style: maskStyle, onClick: function (e) {\n if (!inExit.current && maskClosable) {\n props.onCancel && props.onCancel(e);\n }\n } }))) : null,\n React.createElement(CSSTransition, { in: visible, appear: true, timeout: 300, classNames: {\n top: 'slideTop',\n bottom: 'slideBottom',\n left: 'slideLeft',\n right: 'slideRight',\n }[placement], mountOnEnter: mountOnEnter, unmountOnExit: unmountOnExit, onEnter: function (e) {\n e.parentNode.style.display = 'block';\n }, onEntered: function () {\n setIsOpened(true);\n afterOpen && afterOpen();\n }, onExit: function () {\n setIsOpened(false);\n inExit.current = true;\n }, onExited: function (e) {\n inExit.current = false;\n e.parentNode.style.display = ''; // don't set display='none'\n afterClose && afterClose();\n } },\n React.createElement(\"div\", { className: cs(prefixCls, className), style: Object.assign(placement === 'left' || placement === 'right' ? { width: width } : { height: height }, (_c = {}, _c[placement] = 0, _c), style) },\n React.createElement(\"div\", { className: prefixCls + \"-inner\" },\n React.createElement(ConfigProvider, __assign({}, context, { zIndex: popupZIndex || 1050 }), dom)))))));\n}\nvar DrawerComponent = React.forwardRef(Drawer);\nDrawerComponent.displayName = 'Drawer';\nexport default DrawerComponent;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nvar __generator = (this && this.__generator) || function (thisArg, body) {\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n function verb(n) { return function (v) { return step([n, v]); }; }\n function step(op) {\n if (f) throw new TypeError(\"Generator is already executing.\");\n while (_) try {\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n if (y = 0, t) op = [op[0] & 2, t.value];\n switch (op[0]) {\n case 0: case 1: t = op; break;\n case 4: _.label++; return { value: op[1], done: false };\n case 5: _.label++; y = op[1]; op = [0]; continue;\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\n default:\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n if (t[2]) _.ops.pop();\n _.trys.pop(); continue;\n }\n op = body.call(thisArg, _);\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n }\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport cloneDeepWith from 'lodash/cloneDeepWith';\nimport lodashSet from 'lodash/set';\nimport { Schema } from 'b-validate';\nimport { isArray, isObject, isFunction } from '../_util/is';\nexport function cloneDeep(value) {\n // 只有对象才执行拷贝，否则直接返回。 如果是 File，MouseEvent对象，都可以直接返回\n return cloneDeepWith(value, function (val) {\n if (!isObject(val) && !isArray(val)) {\n return val;\n }\n });\n}\nexport var formatValidateMsg = function (validateMessages, info) {\n return cloneDeepWith(validateMessages, function (val) {\n if (isFunction(val)) {\n return function (data) {\n return val(data, info);\n };\n }\n });\n};\nexport function set(target, field, value) {\n lodashSet(target, field, cloneDeep(value));\n return target;\n}\n// iteratively get all keys of object including nested objects\n// e.g. const myObj = { a: { b: { c: [1,2] } } }\n// iterativelyGetKeys(myObj) returns ['a.b.0.c.0', 'a.b.0.c.1']\n// reference https://stackoverflow.com/a/47063174\nexport function iterativelyGetKeys(obj, prefix) {\n if (prefix === void 0) { prefix = ''; }\n if (!obj) {\n return [];\n }\n return Object.keys(obj).reduce(function (res, el) {\n if (typeof obj[el] === 'object' && obj[el] !== null) {\n return __spreadArray(__spreadArray([], __read(res), false), __read(iterativelyGetKeys(obj[el], prefix + el + \".\")), false);\n }\n return __spreadArray(__spreadArray([], __read(res), false), [prefix + el], false);\n }, []);\n}\n// 判断是否是个事件对象 e?.constructor?.name 可能不是 SyntheticEvent，跟业务项目的打包方式有关系\nexport function isSyntheticEvent(e) {\n var _a;\n return ((_a = e === null || e === void 0 ? void 0 : e.constructor) === null || _a === void 0 ? void 0 : _a.name) === 'SyntheticEvent' || (e === null || e === void 0 ? void 0 : e.nativeEvent) instanceof Event;\n}\nexport function schemaValidate(field, value, _rules, validateMessages) {\n return __awaiter(this, void 0, void 0, function () {\n var rules, current;\n var _this = this;\n return __generator(this, function (_a) {\n rules = __spreadArray([], __read(_rules), false);\n current = 0;\n return [2 /*return*/, new Promise(function (resolve) { return __awaiter(_this, void 0, void 0, function () {\n var warning, validate;\n var _this = this;\n return __generator(this, function (_a) {\n warning = [];\n validate = function (rule) { return __awaiter(_this, void 0, void 0, function () {\n var next, _rule, schema;\n var _a, _b;\n return __generator(this, function (_c) {\n next = function () {\n if (current < rules.length - 1) {\n current++;\n return validate(rules[current]);\n }\n return resolve({ error: null, warning: warning });\n };\n if (!rule) {\n return [2 /*return*/, next()];\n }\n _rule = __assign({}, rule);\n if (!_rule.type && !_rule.validator) {\n _rule.type = 'string';\n }\n schema = new Schema((_a = {}, _a[field] = [_rule], _a), {\n ignoreEmptyString: true,\n validateMessages: validateMessages,\n });\n schema.validate((_b = {}, _b[field] = value, _b), function (error) {\n if (error) {\n if (rule.validateLevel === 'warning') {\n warning.push(error[field].message);\n }\n else {\n return resolve({\n error: error,\n warning: warning,\n });\n }\n }\n return next();\n });\n return [2 /*return*/];\n });\n }); };\n validate(rules[current]);\n return [2 /*return*/];\n });\n }); })];\n });\n });\n}\nexport var ID_SUFFIX = '_input';\n","// https://github.com/RyanZim/universalify/blob/master/index.js\nvar __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n if (typeof b !== \"function\" && b !== null)\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\n// form validate error\nvar ValidateError = /** @class */ (function (_super) {\n __extends(ValidateError, _super);\n function ValidateError(errors) {\n var _this = _super.call(this, 'form validate error, get errors by error.errors') || this;\n _this.errors = {};\n _this.errors = errors;\n return _this;\n }\n return ValidateError;\n}(Error));\nfunction promisify(fn) {\n return Object.defineProperty(function () {\n var _this = this;\n var args = [];\n for (var _i = 0; _i < arguments.length; _i++) {\n args[_i] = arguments[_i];\n }\n if (typeof args[args.length - 1] === 'function')\n fn.apply(this, args);\n else {\n return new Promise(function (resolve, reject) {\n args[args.length] = function (err, res) {\n if (err)\n return reject(new ValidateError(err));\n resolve(res);\n };\n args.length++;\n fn.apply(_this, args);\n });\n }\n }, 'name', { value: fn.name });\n}\nexport default promisify;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport get from 'lodash/get';\nimport setWith from 'lodash/setWith';\nimport has from 'lodash/has';\nimport omit from 'lodash/omit';\nimport { cloneDeep, set, iterativelyGetKeys } from './utils';\nimport { isArray, isObject, isString } from '../_util/is';\nimport promisify from './promisify';\nvar Store = /** @class */ (function () {\n function Store() {\n var _this = this;\n this.registerFields = [];\n this.registerWatchers = [];\n // 和formControl 的 touched属性不一样。 只要被改过的字段，这里就会存储。并且不会跟随formControl被卸载而清除。\n // reset 的时候清除\n this.touchedFields = {};\n this.store = {};\n this.initialValues = {};\n this.callbacks = {};\n this.innerSetCallbacks = function (values) {\n _this.callbacks = values;\n };\n this.registerWatcher = function (item) {\n _this.registerWatchers.push(item);\n return function () {\n _this.registerWatchers = _this.registerWatchers.filter(function (x) { return x !== item; });\n };\n };\n // 收集所有control字段，并在组件卸载时移除\n this.registerField = function (item) {\n _this.registerFields.push(item);\n _this.notifyWatchers();\n return function () {\n _this.registerFields = _this.registerFields.filter(function (x) { return x !== item; });\n _this.notifyWatchers();\n };\n };\n // hasField为true时，只返回传入field属性的control实例\n this.getRegisteredFields = function (hasField) {\n if (hasField) {\n return _this.registerFields.filter(function (control) { var _a; return control.hasFieldProps() && !((_a = control.props) === null || _a === void 0 ? void 0 : _a.isFormList); });\n }\n return _this.registerFields;\n };\n // 获取props.field === field 的control组件。\n this.getRegisteredField = function (field) {\n return _this.registerFields.filter(function (x) { return x.props.field === field; })[0];\n };\n // 通知所有的FormItem进行更新。\n // setFieldValue: 外部调用setFieldsValue (setFieldValue等)方法触发更新\n // innerSetValue: 控件例如Input，通过onChange事件触发的更新\n // reset：重置\n this.notify = function (type, info) {\n if (type === 'setFieldValue' || (type === 'innerSetValue' && !info.ignore)) {\n // type = reset时，在reset函数里处理\n // if info.field is a[0], get a.0\n _this._pushTouchField(info.changeValues\n ? iterativelyGetKeys(info.changeValues)\n : _this._getIterativelyKeysByField(info.field));\n }\n _this.registerFields.forEach(function (item) {\n item.onStoreChange &&\n item.onStoreChange(type, __assign(__assign({}, info), { current: _this.store }));\n });\n };\n this.innerSetInitialValues = function (values) {\n if (!values)\n return;\n _this.initialValues = cloneDeep(values);\n Object.keys(values).forEach(function (field) {\n set(_this.store, field, values[field]);\n });\n };\n this.innerSetInitialValue = function (field, value) {\n if (!field)\n return;\n _this.initialValues[field] = value;\n // 组件在创建的时候，需要判断store里存的对应field的值是否生效。只要没有被操作过（touchedFields里不存在），就生效\n if (!_this._inTouchFields(field)) {\n set(_this.store, field, get(_this.initialValues, field));\n }\n };\n /**\n *\n * 内部使用，更新value，会同时触发onChange 和 onValuesChange\n * @options.isFormList 强制更新field对应的组件包括其子组件,form\n */\n this.innerSetFieldValue = function (field, value, options) {\n var _a, _b, _c;\n if (!field)\n return;\n var prev = cloneDeep(_this.store);\n set(_this.store, field, value);\n _this.triggerValuesChange((_a = {}, _a[field] = value, _a));\n _this.triggerTouchChange((_b = {}, _b[field] = value, _b));\n _this.notify('innerSetValue', __assign(__assign({ prev: prev, field: field }, options), { changeValues: (_c = {}, _c[field] = value, _c) }));\n };\n // 内部使用\n this.innerGetStore = function () {\n return _this.store;\n };\n // 获取所有被操作过的字段\n this.getTouchedFields = function () {\n return _this.getRegisteredFields(true)\n .filter(function (item) {\n return item.isTouched();\n })\n .map(function (x) { return x.props.field; });\n };\n // 外部调用设置表单字段值\n this.setFieldValue = function (field, value) {\n var _a;\n if (!field)\n return;\n _this.setFields((_a = {},\n _a[field] = { value: value },\n _a));\n };\n // 外部调用，设置多个表单控件的值\n this.setFieldsValue = function (values) {\n if (isObject(values)) {\n var fields = Object.keys(values);\n var obj_1 = {};\n fields.forEach(function (field) {\n obj_1[field] = {\n value: values[field],\n };\n });\n _this.setFields(obj_1);\n }\n };\n // 外部调用，设置多个表单控件的值，以及 error，touch 信息。\n this.setFields = function (obj) {\n var fields = Object.keys(obj);\n var changeValues = {};\n fields.forEach(function (field) {\n var _a;\n var item = obj[field];\n var prev = cloneDeep(_this.store);\n if (item) {\n var info = {};\n if ('error' in item) {\n info.errors = item.error;\n }\n if ('warning' in item) {\n info.warnings = item.warning;\n }\n if ('touched' in item) {\n info.touched = item.touched;\n }\n if ('value' in item) {\n set(_this.store, field, item.value);\n changeValues[field] = item.value;\n }\n _this.notify('setFieldValue', {\n data: info,\n prev: prev,\n field: field,\n changeValues: (_a = {}, _a[field] = item.value, _a),\n });\n }\n });\n _this.triggerValuesChange(changeValues);\n };\n this.getFieldValue = function (field) {\n return cloneDeep(get(_this.store, field));\n };\n // 获取单个字段的错误信息。\n this.getFieldError = function (field) {\n var item = _this.getRegisteredField(field);\n return item ? item.getErrors() : null;\n };\n // 获取传入字段/全部的错误信息\n this.getFieldsError = function (fields) {\n var errors = {};\n if (isArray(fields)) {\n fields.map(function (field) {\n var error = _this.getFieldError(field);\n if (error) {\n errors[field] = error;\n }\n });\n }\n else {\n _this.getRegisteredFields(true).forEach(function (item) {\n if (item.getErrors()) {\n errors[item.props.field] = item.getErrors();\n }\n });\n }\n return errors;\n };\n this.getFields = function () {\n return cloneDeep(_this.store);\n };\n this.getFieldsValue = function (fields) {\n var values = {};\n if (isArray(fields)) {\n fields.forEach(function (key) {\n set(values, key, _this.getFieldValue(key));\n });\n return values;\n }\n _this.getRegisteredFields(true).forEach(function (_a) {\n var field = _a.props.field;\n var value = get(_this.store, field);\n set(values, field, value);\n });\n return values;\n };\n this.resetFields = function (fieldKeys) {\n var prev = cloneDeep(_this.store);\n var fields = isString(fieldKeys) ? [fieldKeys] : fieldKeys;\n if (fields && isArray(fields)) {\n var changeValues_1 = {};\n fields.forEach(function (field) {\n set(_this.store, field, _this.initialValues[field]);\n changeValues_1[field] = get(_this.store, field);\n });\n _this.triggerValuesChange(changeValues_1);\n _this.notify('reset', { prev: prev, field: fields });\n _this._popTouchField(fields);\n }\n else {\n var newValues_1 = {};\n var changeValues_2 = cloneDeep(_this.store);\n Object.keys(_this.initialValues).forEach(function (field) {\n set(newValues_1, field, _this.initialValues[field]);\n });\n _this.store = newValues_1;\n _this.getRegisteredFields(true).forEach(function (item) {\n var key = item.props.field;\n set(changeValues_2, key, get(_this.store, key));\n });\n _this.triggerValuesChange(changeValues_2);\n _this._popTouchField();\n _this.notify('reset', { prev: prev, field: Object.keys(changeValues_2) });\n }\n };\n this.validate = promisify(function (fieldsOrCallback, cb) {\n var callback = function () { };\n var controlItems = _this.getRegisteredFields(true);\n if (isArray(fieldsOrCallback) && fieldsOrCallback.length > 0) {\n controlItems = controlItems.filter(function (x) { return fieldsOrCallback.indexOf(x.props.field) > -1; });\n callback = cb || callback;\n }\n else if (typeof fieldsOrCallback === 'function') {\n callback = fieldsOrCallback;\n }\n var promises = controlItems.map(function (x) { return x.validateField(); });\n Promise.all(promises).then(function (result) {\n var errors = {};\n var values = {};\n result.map(function (x) {\n if (x.error) {\n errors = __assign(__assign({}, errors), x.error);\n }\n set(values, x.field, x.value);\n });\n if (Object.keys(errors).length) {\n var onValidateFail = _this.callbacks.onValidateFail;\n onValidateFail && onValidateFail(errors);\n callback && callback(errors, cloneDeep(values));\n }\n else {\n callback && callback(null, cloneDeep(values));\n }\n });\n });\n this.submit = function () {\n _this.validate(function (errors, values) {\n if (!errors) {\n var onSubmit = _this.callbacks.onSubmit;\n onSubmit && onSubmit(values);\n }\n else {\n var onSubmitFailed = _this.callbacks.onSubmitFailed;\n onSubmitFailed && onSubmitFailed(errors);\n }\n });\n };\n this.clearFields = function (fieldKeys) {\n var prev = cloneDeep(_this.store);\n var fields = isString(fieldKeys) ? [fieldKeys] : fieldKeys;\n if (fields && isArray(fields)) {\n var changeValues_3 = {};\n fields.forEach(function (field) {\n set(_this.store, field, undefined);\n changeValues_3[field] = get(_this.store, field);\n });\n _this.triggerValuesChange(changeValues_3);\n _this.notify('setFieldValue', {\n prev: prev,\n field: fields,\n data: {\n errors: null,\n warnings: null,\n },\n });\n // this._popTouchField(fields);\n }\n else {\n var changeValues_4 = {};\n _this.store = {};\n _this.getRegisteredFields(true).forEach(function (item) {\n var key = item.props.field;\n set(changeValues_4, key, undefined);\n });\n _this.triggerValuesChange(changeValues_4);\n // this._popTouchField();\n _this.notify('setFieldValue', {\n prev: prev,\n field: Object.keys(changeValues_4),\n data: {\n errors: null,\n warnings: null,\n },\n });\n }\n };\n }\n Store.prototype.notifyWatchers = function () {\n this.registerWatchers.forEach(function (item) {\n item();\n });\n };\n Store.prototype.triggerValuesChange = function (value) {\n if (value && Object.keys(value).length) {\n var onValuesChange = this.callbacks.onValuesChange;\n onValuesChange && onValuesChange(value, this.getFields());\n }\n this.notifyWatchers();\n };\n Store.prototype.triggerTouchChange = function (value) {\n if (value && Object.keys(value).length) {\n var onChange = this.callbacks.onChange;\n onChange && onChange(value, this.getFields());\n }\n };\n Store.prototype._getIterativelyKeysByField = function (field) {\n if (!field) {\n return [];\n }\n var fields = [].concat(field);\n var keys = fields\n .map(function (item) { return iterativelyGetKeys(set({}, item, undefined)); })\n .reduce(function (total, next) {\n return total.concat(next);\n }, []);\n return __spreadArray([field], __read(keys), false);\n };\n Store.prototype._inTouchFields = function (field) {\n var _this = this;\n var keys = this._getIterativelyKeysByField(field);\n // return fields.some((item) => has(fieldObj, item));\n return keys.some(function (item) { return has(_this.touchedFields, item); });\n };\n Store.prototype._popTouchField = function (field) {\n if (field === undefined) {\n this.touchedFields = {};\n }\n var keys = this._getIterativelyKeysByField(field);\n this.touchedFields = omit(this.touchedFields, keys);\n };\n Store.prototype._pushTouchField = function (field) {\n var _this = this;\n [].concat(field).forEach(function (key) {\n setWith(_this.touchedFields, key, undefined, Object);\n });\n };\n return Store;\n}());\nexport default Store;\n","import { useRef } from 'react';\nimport Store from './store';\nexport function getFormInstance() {\n var store = new Store();\n return {\n getFieldsValue: store.getFieldsValue,\n getFieldValue: store.getFieldValue,\n getFieldError: store.getFieldError,\n getFieldsError: store.getFieldsError,\n getTouchedFields: store.getTouchedFields,\n getFields: store.getFields,\n setFieldValue: store.setFieldValue,\n setFieldsValue: store.setFieldsValue,\n setFields: store.setFields,\n resetFields: store.resetFields,\n clearFields: store.clearFields,\n submit: store.submit,\n validate: store.validate,\n scrollToField: function () { },\n getInnerMethods: function (inner) {\n var methods = {};\n if (inner) {\n [\n 'registerField',\n 'registerWatcher',\n 'innerSetInitialValues',\n 'innerSetInitialValue',\n 'innerSetCallbacks',\n 'innerSetFieldValue',\n 'innerGetStore',\n ].map(function (key) {\n methods[key] = store[key];\n });\n }\n return methods;\n },\n };\n}\nexport default function useForm(form) {\n var formRef = useRef(form);\n if (!formRef.current) {\n if (form) {\n formRef.current = form;\n }\n else {\n formRef.current = getFormInstance();\n }\n }\n return [formRef.current];\n}\n","import { createContext } from 'react';\nimport { NOOP } from '../_util/constant';\nexport var FormContext = createContext({\n layout: 'horizontal',\n labelCol: { span: 5, offset: 0 },\n labelAlign: 'right',\n wrapperCol: { span: 19, offset: 0 },\n requiredSymbol: true,\n getFormElementId: function () { return 'arco-'; },\n store: {\n getFieldsValue: NOOP,\n getFieldValue: NOOP,\n getFieldError: NOOP,\n getFieldsError: NOOP,\n getTouchedFields: NOOP,\n getFields: NOOP,\n setFieldValue: NOOP,\n setFieldsValue: NOOP,\n setFields: NOOP,\n resetFields: NOOP,\n submit: NOOP,\n validate: NOOP,\n scrollToField: NOOP,\n getInnerMethods: function () { return ({\n registerField: NOOP,\n }); },\n },\n});\nexport var FormItemContext = createContext({});\nexport var FormProviderContext = createContext({});\nexport var FormListContext = createContext({});\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { useImperativeHandle, useEffect, forwardRef, useContext, useRef, } from 'react';\nimport scrollIntoView from 'scroll-into-view-if-needed';\nimport merge from 'lodash/merge';\nimport cs from '../_util/classNames';\nimport useForm from './useForm';\nimport ConfigProvider, { ConfigContext } from '../ConfigProvider';\nimport { FormContext as RawFormContext, FormProviderContext, } from './context';\nimport { isObject } from '../_util/is';\nimport omit from '../_util/omit';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nimport { ID_SUFFIX } from './utils';\nfunction getFormElementId(prefix, field) {\n var id = field.replace(/[\\[\\.]/g, '_').replace(/\\]/g, '');\n return prefix ? prefix + \"-\" + id : \"\" + id;\n}\nvar defaultProps = {\n layout: 'horizontal',\n labelCol: { span: 5, offset: 0 },\n labelAlign: 'right',\n wrapperCol: { span: 19, offset: 0 },\n requiredSymbol: true,\n wrapper: 'form',\n validateTrigger: 'onChange',\n};\nvar Form = function (baseProps, ref) {\n var _a, _b;\n var ctx = useContext(ConfigContext);\n var formProviderCtx = useContext(FormProviderContext);\n var wrapperRef = useRef(null);\n var _c = __read(useForm(baseProps.form), 1), formInstance = _c[0];\n var isMount = useRef();\n var props = useMergeProps(baseProps, defaultProps, (_a = ctx.componentConfig) === null || _a === void 0 ? void 0 : _a.Form);\n var layout = props.layout, labelCol = props.labelCol, wrapperCol = props.wrapperCol, Wrapper = props.wrapper, id = props.id, requiredSymbol = props.requiredSymbol, labelAlign = props.labelAlign, disabled = props.disabled, colon = props.colon, className = props.className, validateTrigger = props.validateTrigger, formPrefixCls = props.prefixCls, validateMessages = props.validateMessages, rest = __rest(props, [\"layout\", \"labelCol\", \"wrapperCol\", \"wrapper\", \"id\", \"requiredSymbol\", \"labelAlign\", \"disabled\", \"colon\", \"className\", \"validateTrigger\", \"prefixCls\", \"validateMessages\"]);\n var prefixCls = formPrefixCls || ctx.getPrefixCls('form');\n var size = 'size' in props ? props.size : ctx.size;\n var innerMethods = formInstance.getInnerMethods(true);\n if (!isMount.current) {\n innerMethods.innerSetInitialValues(props.initialValues);\n }\n useEffect(function () {\n isMount.current = true;\n }, []);\n useEffect(function () {\n var unregister;\n if (formProviderCtx.register) {\n unregister = formProviderCtx.register(props.id, formInstance);\n }\n return unregister;\n }, [props.id, formInstance]);\n useImperativeHandle(ref, function () {\n return formInstance;\n });\n // 滚动到目标表单字段位置\n formInstance.scrollToField = function (field, options) {\n var node = wrapperRef.current;\n var id = props.id;\n if (!node) {\n return;\n }\n var fieldNode = node.querySelector(\"#\" + getFormElementId(id, field));\n if (!fieldNode) {\n // 如果设置了nostyle， fieldNode不存在，尝试直接查询表单控件\n fieldNode = node.querySelector(\"#\" + getFormElementId(id, field) + ID_SUFFIX);\n }\n fieldNode &&\n scrollIntoView(fieldNode, __assign({ behavior: 'smooth', block: 'nearest', scrollMode: 'if-needed' }, options));\n };\n innerMethods.innerSetCallbacks({\n onValuesChange: function (value, values) {\n props.onValuesChange && props.onValuesChange(value, values);\n formProviderCtx.onFormValuesChange && formProviderCtx.onFormValuesChange(props.id, value);\n },\n onChange: props.onChange,\n onValidateFail: function (errors) {\n if (props.scrollToFirstError) {\n var options = isObject(props.scrollToFirstError) ? props.scrollToFirstError : {};\n formInstance.scrollToField(Object.keys(errors)[0], options);\n }\n },\n onSubmitFailed: props.onSubmitFailed,\n onSubmit: function (values) {\n props.onSubmit && props.onSubmit(values);\n formProviderCtx.onFormSubmit && formProviderCtx.onFormSubmit(props.id, values);\n },\n });\n var contextProps = {\n requiredSymbol: requiredSymbol,\n labelAlign: labelAlign,\n disabled: disabled,\n colon: colon,\n labelCol: labelCol,\n wrapperCol: wrapperCol,\n layout: layout,\n store: formInstance,\n prefixCls: prefixCls,\n validateTrigger: validateTrigger,\n validateMessages: merge({}, (_b = ctx.locale.Form) === null || _b === void 0 ? void 0 : _b.validateMessages, validateMessages),\n getFormElementId: function (field) { return getFormElementId(id, field); },\n };\n var FormContext = RawFormContext;\n return (React.createElement(ConfigProvider, __assign({}, ctx, { size: size }),\n React.createElement(FormContext.Provider, { value: contextProps },\n React.createElement(Wrapper, __assign({ ref: wrapperRef }, omit(rest, [\n 'form',\n 'size',\n 'initialValues',\n 'onValuesChange',\n 'onChange',\n 'wrapperProps',\n 'scrollToFirstError',\n 'onSubmit',\n 'onSubmitFailed',\n ]), props.wrapperProps, { className: cs(prefixCls, prefixCls + \"-\" + layout, prefixCls + \"-size-\" + size, className), style: props.style, onSubmit: function (e) {\n e.preventDefault();\n e.stopPropagation();\n formInstance.submit();\n }, id: id }), props.children))));\n};\nvar FormComponent = forwardRef(Form);\nFormComponent.displayName = 'Form';\nexport default FormComponent;\n","import { createContext } from 'react';\nexport var RowContext = createContext({});\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { useContext, useMemo, forwardRef } from 'react';\nimport cs from '../_util/classNames';\nimport { isNumber, isObject } from '../_util/is';\nimport { ConfigContext } from '../ConfigProvider';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nimport { RowContext } from './context';\nvar defaultProps = {\n span: 24,\n};\nfunction getFlexString(flex) {\n if (typeof flex === 'string' && /\\d+[px|%|em|rem|]{1}/.test(flex)) {\n return \"0 0 \" + flex;\n }\n return flex;\n}\nfunction Col(baseProps, ref) {\n var _a;\n var _b = useContext(ConfigContext), getPrefixCls = _b.getPrefixCls, componentConfig = _b.componentConfig;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig['Grid.Col']);\n var _c = useContext(RowContext), gutter = _c.gutter, div = _c.div;\n var className = props.className, style = props.style, children = props.children, span = props.span, offset = props.offset, order = props.order, pull = props.pull, push = props.push, xs = props.xs, sm = props.sm, md = props.md, lg = props.lg, xl = props.xl, xxl = props.xxl, flex = props.flex, rest = __rest(props, [\"className\", \"style\", \"children\", \"span\", \"offset\", \"order\", \"pull\", \"push\", \"xs\", \"sm\", \"md\", \"lg\", \"xl\", \"xxl\", \"flex\"]);\n function adaptationGrid(prefixCls, mergeClassName) {\n var screenList = { xs: xs, sm: sm, md: md, lg: lg, xl: xl, xxl: xxl };\n Object.keys(screenList).forEach(function (screen) {\n var screenValue = screenList[screen];\n if (isNumber(screenValue)) {\n if (screenValue >= 0) {\n mergeClassName[prefixCls + \"-\" + screen + \"-\" + screenValue] = true;\n }\n }\n else if (isObject(screenValue)) {\n mergeClassName[prefixCls + \"-\" + screen + \"-\" + screenValue.span] = screenValue.span;\n mergeClassName[prefixCls + \"-\" + screen + \"-offset-\" + screenValue.offset] = screenValue.offset;\n mergeClassName[prefixCls + \"-\" + screen + \"-order-\" + screenValue.order] = screenValue.order;\n mergeClassName[prefixCls + \"-\" + screen + \"-pull-\" + screenValue.pull] = screenValue.pull;\n mergeClassName[prefixCls + \"-\" + screen + \"-push-\" + screenValue.push] = screenValue.push;\n }\n });\n return mergeClassName;\n }\n var prefixCls = getPrefixCls('col');\n var mergeClassName = (_a = {},\n _a[\"\" + prefixCls] = !div,\n _a[prefixCls + \"-order-\" + order] = order,\n _a[prefixCls + \"-\" + span] = !div && !xs && !sm && !md && !lg && !xl && !xxl,\n _a[prefixCls + \"-offset-\" + offset] = offset,\n _a[prefixCls + \"-pull-\" + pull] = pull,\n _a[prefixCls + \"-push-\" + push] = push,\n _a);\n mergeClassName = adaptationGrid(prefixCls, mergeClassName);\n var classNames = cs(flex ? prefixCls : mergeClassName, className);\n var paddingStyle = {};\n if (Array.isArray(gutter) && !div) {\n var paddingHorizontal = (gutter[0] && gutter[0] / 2) || 0;\n var paddingVertical = (gutter[1] && gutter[1] / 2) || 0;\n if (paddingHorizontal) {\n paddingStyle.paddingLeft = paddingHorizontal;\n paddingStyle.paddingRight = paddingHorizontal;\n }\n if (paddingVertical) {\n paddingStyle.paddingTop = paddingVertical;\n paddingStyle.paddingBottom = paddingVertical;\n }\n }\n var flexStyle = useMemo(function () { return (getFlexString(flex) ? { flex: getFlexString(flex) } : {}); }, [flex]);\n return (React.createElement(\"div\", __assign({ ref: ref }, rest, { style: __assign(__assign(__assign({}, style), paddingStyle), flexStyle), className: classNames }), children));\n}\nvar ColComponent = forwardRef(Col);\nColComponent.displayName = 'Col';\nexport default ColComponent;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { useState, useRef, useContext, forwardRef, useEffect } from 'react';\nimport cs from '../_util/classNames';\nimport omit from '../_util/omit';\nimport { ConfigContext } from '../ConfigProvider';\nimport ResponsiveObserve, { responsiveArray, } from '../_util/responsiveObserve';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nimport { RowContext } from './context';\nvar defaultProps = {\n gutter: 0,\n align: 'start',\n justify: 'start',\n};\nfunction Row(baseProps, ref) {\n var _a;\n var _b = useContext(ConfigContext), getPrefixCls = _b.getPrefixCls, componentConfig = _b.componentConfig;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig['Grid.Row']);\n var className = props.className, style = props.style, children = props.children, div = props.div, align = props.align, justify = props.justify, gutter = props.gutter, rest = __rest(props, [\"className\", \"style\", \"children\", \"div\", \"align\", \"justify\", \"gutter\"]);\n var _c = __read(useState({\n xs: true,\n sm: true,\n md: true,\n lg: true,\n xl: true,\n xxl: true,\n }), 2), screens = _c[0], setScreens = _c[1];\n var token = useRef();\n useEffect(function () {\n token.current = ResponsiveObserve.subscribe(function (screens) {\n // Responsive Gutter\n if ((!Array.isArray(gutter) && typeof gutter === 'object') ||\n (Array.isArray(gutter) && (typeof gutter[0] === 'object' || typeof gutter[1] === 'object'))) {\n setScreens(screens);\n }\n });\n return function () {\n ResponsiveObserve.unsubscribe(token.current);\n };\n }, []);\n function getGutter(gutter) {\n var result = 0;\n if (typeof gutter === 'object') {\n for (var i = 0; i < responsiveArray.length; i++) {\n var breakpoint = responsiveArray[i];\n if (screens[breakpoint] && gutter[breakpoint] !== undefined) {\n result = gutter[breakpoint];\n break;\n }\n }\n }\n else {\n result = gutter;\n }\n return result;\n }\n var prefixCls = getPrefixCls('row');\n var classNames = cs((_a = {},\n _a[\"\" + prefixCls] = !div,\n _a[prefixCls + \"-align-\" + align] = align,\n _a[prefixCls + \"-justify-\" + justify] = justify,\n _a), className);\n var marginStyle = {};\n var gutterHorizontal = getGutter(Array.isArray(gutter) ? gutter[0] : gutter);\n var gutterVertical = getGutter(Array.isArray(gutter) ? gutter[1] : 0);\n if ((gutterHorizontal || gutterVertical) && !div) {\n var marginHorizontal = -gutterHorizontal / 2;\n var marginVertical = -gutterVertical / 2;\n if (marginHorizontal) {\n marginStyle.marginLeft = marginHorizontal;\n marginStyle.marginRight = marginHorizontal;\n }\n if (marginVertical) {\n marginStyle.marginTop = marginVertical;\n marginStyle.marginBottom = marginVertical;\n }\n }\n return (React.createElement(\"div\", __assign({ ref: ref }, omit(rest, ['gutter']), { style: __assign(__assign({}, style), marginStyle), className: classNames }),\n React.createElement(RowContext.Provider, { value: { gutter: [gutterHorizontal, gutterVertical], div: div } }, children)));\n}\nvar RowComponent = forwardRef(Row);\nRowComponent.displayName = 'Row';\nexport default RowComponent;\n","import Col from './col';\nimport Row from './row';\nexport default {\n Col: Col,\n Row: Row,\n};\n","/* eslint-disable @typescript-eslint/no-explicit-any */\n// TS泛型默认值需要，忽略显式`any`定义\nexport var VALIDATE_STATUS = {\n error: 'error',\n success: 'success',\n warning: 'warning',\n validating: 'validating',\n};\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n if (typeof b !== \"function\" && b !== null)\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport React, { Component } from 'react';\nimport isEqualWith from 'lodash/isEqualWith';\nimport has from 'lodash/has';\nimport set from 'lodash/set';\nimport get from 'lodash/get';\nimport setWith from 'lodash/setWith';\nimport { FormItemContext } from './context';\nimport { isArray, isFunction, isNullOrUndefined } from '../_util/is';\nimport warn from '../_util/warning';\nimport IconExclamationCircleFill from '../../icon/react-icon/IconExclamationCircleFill';\nimport IconCloseCircleFill from '../../icon/react-icon/IconCloseCircleFill';\nimport IconCheckCircleFill from '../../icon/react-icon/IconCheckCircleFill';\nimport IconLoading from '../../icon/react-icon/IconLoading';\nimport classNames from '../_util/classNames';\nimport { isSyntheticEvent, schemaValidate, ID_SUFFIX } from './utils';\nfunction isFieldMath(field, fields) {\n var fieldObj = setWith({}, field, undefined, Object);\n return fields.some(function (item) { return has(fieldObj, item); });\n}\nvar Control = /** @class */ (function (_super) {\n __extends(Control, _super);\n function Control(props, context) {\n var _this = _super.call(this, props) || this;\n _this.errors = null;\n _this.warnings = null;\n _this.isDestroyed = false;\n _this.getErrors = function () {\n return _this.errors;\n };\n _this.isTouched = function () {\n return _this.touched;\n };\n _this.hasFieldProps = function () {\n return !!_this.props.field;\n };\n _this.updateFormItem = function () {\n if (_this.isDestroyed)\n return;\n _this.forceUpdate();\n var updateFormItem = _this.context.updateFormItem;\n updateFormItem &&\n updateFormItem(_this.props.field, {\n errors: _this.errors,\n warnings: _this.warnings,\n });\n };\n _this.onStoreChange = function (type, info) {\n var fields = isArray(info.field) ? info.field : [info.field];\n var _a = _this.props, field = _a.field, shouldUpdate = _a.shouldUpdate;\n // isInner: the value is changed by innerSetValue\n var shouldUpdateItem = function (extra) {\n if (shouldUpdate) {\n var shouldRender = false;\n if (isFunction(shouldUpdate)) {\n shouldRender = shouldUpdate(info.prev, info.current, __assign({ field: info.field }, extra));\n }\n else {\n shouldRender = !isEqualWith(info.prev, info.current);\n }\n if (shouldRender) {\n _this.updateFormItem();\n }\n }\n };\n switch (type) {\n case 'reset':\n _this.touched = false;\n _this.errors = null;\n _this.warnings = null;\n _this.updateFormItem();\n break;\n case 'innerSetValue':\n if (isFieldMath(field, fields)) {\n _this.touched = true;\n _this.updateFormItem();\n return;\n }\n shouldUpdateItem({\n isInner: true,\n isFormList: info.isFormList,\n });\n break;\n case 'setFieldValue':\n if (isFieldMath(field, fields)) {\n _this.touched = true;\n if (info.data && 'touched' in info.data) {\n _this.touched = info.data.touched;\n }\n if (info.data && 'warnings' in info.data) {\n _this.warnings = isNullOrUndefined(info.data.warnings)\n ? []\n : [].concat(info.data.warnings);\n }\n if (info.data && 'errors' in info.data) {\n _this.errors = info.data.errors;\n }\n else if (!isEqualWith(get(info.prev, field), get(info.current, field))) {\n _this.errors = null;\n }\n _this.updateFormItem();\n return;\n }\n shouldUpdateItem();\n break;\n default:\n break;\n }\n };\n _this.innerSetFieldValue = function (field, value) {\n if (!field)\n return;\n var store = _this.context.store;\n var methods = store.getInnerMethods(true);\n methods.innerSetFieldValue(field, value);\n var changedValue = {};\n set(changedValue, field, value);\n _this.props.onValuesChange &&\n _this.props.onValuesChange(changedValue, __assign({}, store.getFieldsValue()));\n };\n _this.getTriggerHandler = function (children) {\n return function (_value) {\n var _a;\n var args = [];\n for (var _i = 1; _i < arguments.length; _i++) {\n args[_i - 1] = arguments[_i];\n }\n var store = _this.context.store;\n var _b = _this.props, field = _b.field, trigger = _b.trigger, normalize = _b.normalize, getValueFromEvent = _b.getValueFromEvent;\n var value = isFunction(getValueFromEvent) ? getValueFromEvent.apply(void 0, __spreadArray([_value], __read(args), false)) : _value;\n var normalizeValue = value;\n // break if value is instance of SyntheticEvent, 'cos value is missing\n if (isSyntheticEvent(value)) {\n warn(true, 'changed value missed, please check whether extra elements is outta input/select controled by Form.Item');\n value.stopPropagation();\n return;\n }\n if (typeof normalize === 'function') {\n normalizeValue = normalize(value, store.getFieldValue(field), __assign({}, store.getFieldsValue()));\n }\n _this.touched = true;\n _this.innerSetFieldValue(field, normalizeValue);\n _this.validateField(trigger);\n if (children && children.props && children.props[trigger]) {\n (_a = children.props)[trigger].apply(_a, __spreadArray([normalizeValue], __read(args), false));\n }\n };\n };\n /**\n *\n * @param triggerType the value of validateTrigger.\n * @returns\n */\n _this.validateField = function (triggerType) {\n var _a = _this.context, store = _a.store, ctxValidateTrigger = _a.validateTrigger, validateMessages = _a.validateMessages;\n var _b = _this.props, field = _b.field, rules = _b.rules, validateTrigger = _b.validateTrigger;\n var value = store.getFieldValue(field);\n var _rules = !triggerType\n ? rules\n : (rules || []).filter(function (rule) {\n var triggers = [].concat(rule.validateTrigger || validateTrigger || ctxValidateTrigger);\n return triggers.indexOf(triggerType) > -1;\n });\n if (_rules && _rules.length && field) {\n return schemaValidate(field, value, _rules, validateMessages).then(function (_a) {\n var error = _a.error, warning = _a.warning;\n _this.errors = error ? error[field] : null;\n _this.warnings = warning || null;\n _this.updateFormItem();\n return Promise.resolve({ error: error, value: value, field: field });\n });\n }\n if (_this.errors) {\n _this.errors = null;\n _this.warnings = null;\n _this.updateFormItem();\n }\n return Promise.resolve({ error: null, value: value, field: field });\n };\n _this.getChild = function () {\n var children = _this.props.children;\n var store = _this.context.store;\n if (isFunction(children)) {\n return children(store.getFields(), __assign({}, store));\n }\n return children;\n };\n if ('initialValue' in props && _this.hasFieldProps()) {\n var innerMethods = context.store.getInnerMethods(true);\n innerMethods.innerSetInitialValue(props.field, props.initialValue);\n }\n return _this;\n }\n Control.prototype.componentDidMount = function () {\n var store = this.context.store;\n if (store) {\n var innerMethods = store.getInnerMethods(true);\n this.removeRegisterField = innerMethods.registerField(this);\n }\n this.isDestroyed = false;\n };\n Control.prototype.componentWillUnmount = function () {\n this.removeRegisterField && this.removeRegisterField();\n this.removeRegisterField = null;\n // destroy errors\n var updateFormItem = this.context.updateFormItem;\n updateFormItem && updateFormItem(this.props.field, { errors: null, warnings: null });\n this.isDestroyed = true;\n };\n /**\n * 收集rules里的validateTrigger字段\n */\n Control.prototype.getValidateTrigger = function () {\n var _validateTrigger = this.props.validateTrigger || this.context.validateTrigger || 'onChange';\n var rules = this.props.rules || [];\n var result = [];\n rules.map(function (item) {\n result = result.concat(item.validateTrigger || _validateTrigger);\n });\n return Array.from(new Set(result));\n };\n Control.prototype.renderControl = function (children, id) {\n var _a;\n var _this = this;\n var _b;\n var _c = this.props, field = _c.field, _d = _c.trigger, trigger = _d === void 0 ? 'onChange' : _d, _e = _c.triggerPropName, triggerPropName = _e === void 0 ? 'value' : _e, validateStatus = _c.validateStatus, formatter = _c.formatter;\n var _f = this.context, store = _f.store, ctxDisabled = _f.disabled;\n var disabled = 'disabled' in this.props ? this.props.disabled : ctxDisabled;\n var child = React.Children.only(children);\n var childProps = {\n // used by label\n id: classNames(((_b = child.props) === null || _b === void 0 ? void 0 : _b.id) || (_a = {}, _a[\"\" + id + ID_SUFFIX] = id, _a)),\n };\n this.getValidateTrigger().forEach(function (vt) {\n childProps[vt] = function (e) {\n _this.validateField(vt);\n child.props[vt] && child.props[vt](e);\n };\n });\n childProps[trigger] = this.getTriggerHandler(child);\n if (disabled !== undefined) {\n childProps.disabled = disabled;\n }\n var _value = store.getFieldValue(field);\n if (isFunction(formatter)) {\n _value = formatter(_value);\n }\n childProps[triggerPropName] = _value;\n if (!validateStatus && this.errors) {\n childProps.error = true;\n }\n return React.cloneElement(child, childProps);\n };\n Control.prototype.render = function () {\n var _a = this.props, noStyle = _a.noStyle, field = _a.field, isFormList = _a.isFormList, hasFeedback = _a.hasFeedback;\n var validateStatus = this.props.validateStatus || (this.errors ? 'error' : '');\n var _b = this.context, prefixCls = _b.prefixCls, getFormElementId = _b.getFormElementId;\n var child = this.getChild();\n var id = this.hasFieldProps() ? getFormElementId(field) : undefined;\n if (this.hasFieldProps() && !isFormList && React.Children.count(child) === 1) {\n child = this.renderControl(child, id);\n }\n if (noStyle) {\n return child;\n }\n return (React.createElement(\"div\", { className: prefixCls + \"-item-control-wrapper\" },\n React.createElement(\"div\", { className: prefixCls + \"-item-control\", id: id },\n React.createElement(\"div\", { className: prefixCls + \"-item-control-children\" },\n child,\n validateStatus && hasFeedback && (React.createElement(\"div\", { className: prefixCls + \"-item-feedback\" },\n validateStatus === 'warning' && React.createElement(IconExclamationCircleFill, null),\n validateStatus === 'success' && React.createElement(IconCheckCircleFill, null),\n validateStatus === 'error' && React.createElement(IconCloseCircleFill, null),\n validateStatus === 'validating' && React.createElement(IconLoading, null)))))));\n };\n Control.defaultProps = {\n trigger: 'onChange',\n triggerPropName: 'value',\n };\n Control.isFormControl = true;\n Control.contextType = FormItemContext;\n return Control;\n}(Component));\nexport default Control;\n","import React from 'react';\nimport { isArray, isObject } from '../_util/is';\nimport { ID_SUFFIX } from './utils';\n// 标签\nvar FormItemLabel = function (_a) {\n var htmlFor = _a.htmlFor, showColon = _a.showColon, label = _a.label, requiredSymbol = _a.requiredSymbol, required = _a.required, rules = _a.rules, prefix = _a.prefix;\n var isRequiredRule = isArray(rules) && rules.some(function (rule) { return rule && rule.required; });\n var symbolPosition = isObject(requiredSymbol) ? requiredSymbol.position : 'start';\n var symbolNode = (required || isRequiredRule) && !!requiredSymbol && (React.createElement(\"strong\", { className: prefix + \"-form-item-symbol\" },\n React.createElement(\"svg\", { fill: \"currentColor\", viewBox: \"0 0 1024 1024\", width: \"1em\", height: \"1em\" },\n React.createElement(\"path\", { d: \"M583.338667 17.066667c18.773333 0 34.133333 15.36 34.133333 34.133333v349.013333l313.344-101.888a34.133333 34.133333 0 0 1 43.008 22.016l42.154667 129.706667a34.133333 34.133333 0 0 1-21.845334 43.178667l-315.733333 102.4 208.896 287.744a34.133333 34.133333 0 0 1-7.509333 47.786666l-110.421334 80.213334a34.133333 34.133333 0 0 1-47.786666-7.509334L505.685333 706.218667 288.426667 1005.226667a34.133333 34.133333 0 0 1-47.786667 7.509333l-110.421333-80.213333a34.133333 34.133333 0 0 1-7.509334-47.786667l214.186667-295.253333L29.013333 489.813333a34.133333 34.133333 0 0 1-22.016-43.008l42.154667-129.877333a34.133333 34.133333 0 0 1 43.008-22.016l320.512 104.106667L412.672 51.2c0-18.773333 15.36-34.133333 34.133333-34.133333h136.533334z\" }))));\n return label ? (React.createElement(\"label\", { htmlFor: htmlFor && \"\" + htmlFor + ID_SUFFIX },\n symbolPosition !== 'end' && symbolNode,\n \" \",\n label,\n symbolPosition === 'end' && React.createElement(React.Fragment, null,\n \" \",\n symbolNode),\n showColon ? ':' : '')) : null;\n};\nexport default FormItemLabel;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport React, { cloneElement, forwardRef, useContext, useState, useEffect, useMemo, useRef, } from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport cs from '../_util/classNames';\nimport { isArray, isFunction, isUndefined, isObject } from '../_util/is';\nimport Grid from '../Grid';\nimport { VALIDATE_STATUS, } from './interface';\nimport Control from './control';\nimport { FormItemContext as RawFormItemContext, FormContext, FormListContext, } from './context';\nimport { ConfigContext } from '../ConfigProvider';\nimport omit from '../_util/omit';\nimport FormItemLabel from './form-label';\nimport { formatValidateMsg } from './utils';\nvar Row = Grid.Row;\nvar Col = Grid.Col;\n// 错误提示文字\nvar FormItemTip = function (_a) {\n var _b;\n var prefixCls = _a.prefixCls, help = _a.help, propsErrors = _a.errors, warnings = _a.warnings;\n var errorTip = propsErrors.map(function (item, i) {\n if (item) {\n return (React.createElement(\"div\", { key: i, role: \"alert\" }, item.message));\n }\n });\n var warningTip = [];\n warnings.map(function (item, i) {\n warningTip.push(React.createElement(\"div\", { key: i, role: \"alert\", className: prefixCls + \"-message-help-warning\" }, item));\n });\n var isHelpTip = !isUndefined(help) || !!warningTip.length;\n var visible = isHelpTip || !!errorTip.length;\n return (visible && (React.createElement(CSSTransition, { in: visible, appear: true, classNames: \"formblink\", timeout: 300, unmountOnExit: true },\n React.createElement(\"div\", { className: cs(prefixCls + \"-message\", (_b = {},\n _b[prefixCls + \"-message-help\"] = isHelpTip,\n _b)) }, !isUndefined(help) ? (help) : (React.createElement(React.Fragment, null,\n errorTip.length > 0 && errorTip,\n warningTip.length > 0 && warningTip))))));\n};\nvar Item = function (props, ref) {\n var _a, _b, _c, _d;\n var _e, _f;\n var _g = useContext(ConfigContext), getPrefixCls = _g.getPrefixCls, prefix = _g.prefixCls;\n var topFormContext = useContext(RawFormItemContext);\n var formListContext = useContext(FormListContext);\n var _h = __read(useState(null), 2), errors = _h[0], setErrors = _h[1];\n var _j = __read(useState(null), 2), warnings = _j[0], setWarnings = _j[1];\n var formContext = useContext(FormContext);\n var prefixCls = formContext.prefixCls || getPrefixCls('form');\n var formLayout = props.layout || formContext.layout;\n var labelAlign = props.labelAlign || formContext.labelAlign;\n var isDestroyed = useRef(false);\n // update error status\n var updateInnerFormItem = function (field, params) {\n if (params === void 0) { params = {}; }\n if (isDestroyed.current) {\n return;\n }\n var _a = params || {}, errors = _a.errors, warnings = _a.warnings;\n setErrors(function (innerErrors) {\n var newErrors = __assign({}, (innerErrors || {}));\n if (errors) {\n newErrors[field] = errors;\n }\n else {\n delete newErrors[field];\n }\n return newErrors;\n });\n setWarnings(function (current) {\n var newVal = __assign({}, (current || {}));\n if (warnings && warnings.length) {\n newVal[field] = warnings;\n }\n else {\n delete newVal[field];\n }\n return newVal;\n });\n };\n var updateFormItem = isObject(props.noStyle) && props.noStyle.showErrorTip && topFormContext.updateFormItem\n ? topFormContext.updateFormItem\n : updateInnerFormItem;\n useEffect(function () {\n isDestroyed.current = false;\n return function () {\n isDestroyed.current = true;\n setErrors(null);\n setWarnings(null);\n };\n }, []);\n var contextProps = __assign(__assign({}, formContext), { validateMessages: formContext.validateMessages &&\n formatValidateMsg(formContext.validateMessages, {\n label: props.label,\n }), prefixCls: prefixCls, updateFormItem: updateFormItem, disabled: 'disabled' in props ? props.disabled : formContext.disabled });\n var label = props.label, extra = props.extra, className = props.className, style = props.style, validateStatus = props.validateStatus, hidden = props.hidden, rest = __rest(props, [\"label\", \"extra\", \"className\", \"style\", \"validateStatus\", \"hidden\"]);\n var labelClassNames = cs(prefixCls + \"-label-item\", (_a = {},\n _a[prefixCls + \"-label-item-left\"] = labelAlign === 'left',\n _a));\n var errorInfo = errors ? Object.values(errors) : [];\n var warningInfo = warnings\n ? Object.values(warnings).reduce(function (total, next) { return total.concat(next); }, [])\n : [];\n var itemStatus = useMemo(function () {\n if (validateStatus) {\n return validateStatus;\n }\n if (errorInfo.length) {\n return VALIDATE_STATUS.error;\n }\n if (warningInfo.length) {\n return VALIDATE_STATUS.warning;\n }\n return undefined;\n }, [errors, warnings, validateStatus]);\n var hasHelp = useMemo(function () {\n return !isUndefined(props.help) || warningInfo.length > 0;\n }, [props.help, warnings]);\n var classNames = cs(prefixCls + \"-item\", (_b = {},\n _b[prefixCls + \"-item-error\"] = hasHelp || (!validateStatus && itemStatus === VALIDATE_STATUS.error),\n _b[prefixCls + \"-item-status-\" + itemStatus] = itemStatus,\n _b[prefixCls + \"-item-has-help\"] = hasHelp,\n _b[prefixCls + \"-item-hidden\"] = hidden,\n _b[prefixCls + \"-item-has-feedback\"] = itemStatus && props.hasFeedback,\n _b), prefixCls + \"-layout-\" + formLayout, className);\n var cloneElementWithDisabled = function () {\n var _a, _b;\n var field = props.field, children = props.children;\n var disabled = 'disabled' in props ? props.disabled : formContext.disabled;\n if (isFunction(children)) {\n return (React.createElement(Control, __assign({ disabled: disabled }, props, (field ? { key: field } : {})), function () {\n var rest = [];\n for (var _i = 0; _i < arguments.length; _i++) {\n rest[_i] = arguments[_i];\n }\n return children.apply(void 0, __spreadArray([], __read(rest), false));\n }));\n }\n if (isArray(children)) {\n var childrenDom = React.Children.map(children, function (child, i) {\n var key = (isObject(child) && child.key) || i;\n var childProps = !isUndefined(disabled) ? { key: key, disabled: disabled } : { key: key };\n return isObject(child) ? cloneElement(child, childProps) : child;\n });\n return (React.createElement(Control, __assign({}, props, { field: undefined }), childrenDom));\n }\n if (React.Children.count(children) === 1) {\n if (field) {\n return (React.createElement(Control, __assign({ disabled: disabled }, props, { key: ((_a = formListContext === null || formListContext === void 0 ? void 0 : formListContext.getItemKey) === null || _a === void 0 ? void 0 : _a.call(formListContext, field)) || field }), children));\n }\n if (isObject(children)) {\n // Compatible Form.Control\n if ((_b = children.type) === null || _b === void 0 ? void 0 : _b.isFormControl) {\n return children;\n }\n var childProps = isUndefined(disabled) ? {} : { disabled: disabled };\n return (React.createElement(Control, __assign({}, props, { field: undefined }), cloneElement(children, childProps)));\n }\n }\n return children;\n };\n var FormItemContext = RawFormItemContext;\n var newFormContext = __assign({}, formContext);\n if (!props.noStyle) {\n newFormContext.wrapperCol = undefined;\n newFormContext.labelCol = undefined;\n }\n return (React.createElement(FormContext.Provider, { value: newFormContext },\n React.createElement(FormItemContext.Provider, { value: contextProps }, props.noStyle ? (cloneElementWithDisabled()) : (React.createElement(Row, __assign({ ref: ref }, omit(rest, [\n 'children',\n 'prefixCls',\n 'store',\n 'initialValue',\n 'field',\n 'labelCol',\n 'wrapperCol',\n 'colon',\n 'disabled',\n 'rules',\n 'trigger',\n 'triggerPropName',\n 'validateTrigger',\n 'noStyle',\n 'required',\n 'hasFeedback',\n 'help',\n 'normalize',\n 'formatter',\n 'getValueFromEvent',\n 'shouldUpdate',\n 'field',\n 'isInner',\n 'labelAlign',\n 'layout',\n 'requiredSymbol',\n 'isFormList',\n ]), { className: classNames, div: formLayout !== 'horizontal', style: style }),\n label ? (React.createElement(Col, __assign({}, (props.labelCol || formContext.labelCol), { className: cs(labelClassNames, (_e = props.labelCol) === null || _e === void 0 ? void 0 : _e.className, (_f = formContext.labelCol) === null || _f === void 0 ? void 0 : _f.className, (_c = {},\n _c[prefixCls + \"-label-item-flex\"] = !props.labelCol && !formContext.labelCol,\n _c)) }),\n React.createElement(FormItemLabel, { htmlFor: props.field && formContext.getFormElementId(props.field), label: label, prefix: prefix, requiredSymbol: 'requiredSymbol' in props ? props.requiredSymbol : formContext.requiredSymbol, required: props.required, rules: props.rules, showColon: 'colon' in props ? props.colon : formContext.colon }))) : null,\n React.createElement(Col, __assign({ className: cs(prefixCls + \"-item-wrapper\", (_d = {},\n _d[prefixCls + \"-item-wrapper-flex\"] = !props.wrapperCol && !formContext.wrapperCol,\n _d)) }, (props.wrapperCol || formContext.wrapperCol)),\n cloneElementWithDisabled(),\n React.createElement(FormItemTip, { prefixCls: prefixCls, help: props.help, errors: errorInfo, warnings: warningInfo }),\n extra && React.createElement(\"div\", { className: prefixCls + \"-extra\" }, extra)))))));\n};\nvar ItemComponent = forwardRef(Item);\nItemComponent.defaultProps = {\n trigger: 'onChange',\n triggerPropName: 'value',\n};\nItemComponent.displayName = 'FormItem';\nexport default ItemComponent;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport React, { useRef } from 'react';\nimport isEqualWith from 'lodash/isEqualWith';\nimport get from 'lodash/get';\nimport FormItem from './form-item';\nimport { isFunction, isUndefined } from '../_util/is';\nimport { isSyntheticEvent } from './utils';\nimport warning from '../_util/warning';\nimport { FormListContext } from './context';\nvar isIndexLegal = function (index, value) {\n return !isUndefined(index) && index >= 0 && index < value.length;\n};\nvar List = function (props) {\n var field = props.field, children = props.children, initialValue = props.initialValue;\n var keysRef = useRef({\n id: 0,\n keys: [],\n });\n var extra = 'initialValue' in props ? { initialValue: initialValue } : {};\n var currentKeys = keysRef.current.keys;\n return (React.createElement(FormListContext.Provider, { value: {\n getItemKey: function (fieldKey) {\n var keys = fieldKey === null || fieldKey === void 0 ? void 0 : fieldKey.replace(/\\[|\\]/g, '.').split('.');\n var startIndex = keys.indexOf(field);\n var index = keys[startIndex + 1];\n return field + \"_\" + currentKeys.indexOf(index) + \"_\" + keys.slice(startIndex + 2).join('_');\n },\n } },\n React.createElement(FormItem, __assign({ field: field }, extra, { isFormList: true, noStyle: true, shouldUpdate: function (prev, current, info) {\n if (info && info.isInner && !info.isFormList && info.field !== field) {\n // 如果是内部控件触发的value更新，那么不需要重新渲染整个formList。\n // info.field !== field 判断是因为如果内部修改了整个formList所绑定field的值的时候， 需要rerender，常见于formList嵌套formList\n return false;\n }\n return !isEqualWith(get(prev, field), get(current, field));\n } }), function (_, methods) {\n var getFieldValue = methods.getFieldValue, getInnerMethods = methods.getInnerMethods;\n var innerSetFieldValue = getInnerMethods(true).innerSetFieldValue;\n var values = getFieldValue(field) || [];\n var add = function (defaultValue, index) {\n if (isSyntheticEvent(defaultValue)) {\n warning(true, 'Form.List: The event object cannot be used as a parameter of the add method');\n return;\n }\n var key = keysRef.current.id;\n keysRef.current.id += 1;\n var oldValue = getFieldValue(field) || [];\n var newValue = oldValue;\n if (index !== undefined && index >= 0 && index <= oldValue.length) {\n currentKeys.splice(index, 0, key);\n newValue = __spreadArray(__spreadArray(__spreadArray([], __read(oldValue.slice(0, index)), false), [defaultValue], false), __read(oldValue.slice(index)), false);\n }\n else {\n currentKeys.push(key);\n newValue = __spreadArray(__spreadArray([], __read(oldValue), false), [defaultValue], false);\n }\n // defaultValue = undefined 时，认为当前字段未被操作过\n innerSetFieldValue(field, newValue, {\n isFormList: true,\n ignore: defaultValue === undefined,\n });\n };\n var remove = function (index) {\n var value = getFieldValue(field) || [];\n var newValue = value.filter(function (_, i) { return i !== index; });\n currentKeys.splice(index, 1);\n innerSetFieldValue(field, __spreadArray([], __read(newValue), false), { isFormList: true });\n };\n var move = function (fromIndex, toIndex) {\n var value = getFieldValue(field) || [];\n if (fromIndex === toIndex ||\n !isIndexLegal(fromIndex, value) ||\n !isIndexLegal(toIndex, value)) {\n return;\n }\n var fromId = currentKeys[fromIndex];\n currentKeys.splice(fromIndex, 1);\n currentKeys.splice(toIndex, 0, fromId);\n var fromItem = value[fromIndex];\n var newValue = __spreadArray([], __read(value), false);\n newValue.splice(fromIndex, 1);\n newValue.splice(toIndex, 0, fromItem);\n innerSetFieldValue(field, newValue, { isFormList: true });\n };\n return (isFunction(children) &&\n children(values.map(function (_, index) {\n var key = currentKeys[index];\n if (key === undefined) {\n key = keysRef.current.id;\n currentKeys.push(key);\n keysRef.current.id += 1;\n }\n return {\n field: field + \"[\" + index + \"]\",\n key: key,\n };\n }), {\n add: add,\n remove: remove,\n move: move,\n }));\n })));\n};\nList.displayName = 'FormList';\nexport default List;\n","import React, { useCallback, forwardRef, useRef, } from 'react';\nimport { FormProviderContext } from './context';\nvar FormProviderComponent = function (props, _) {\n var formsRef = useRef({});\n var register = useCallback(function (name, form) {\n if (name) {\n formsRef.current[name] = form;\n }\n return function () {\n delete formsRef.current[name];\n };\n }, []);\n var onFormSubmit = useCallback(function (name, changedValues) {\n props.onFormSubmit &&\n props.onFormSubmit(name, changedValues, {\n forms: formsRef.current,\n });\n }, [props.onFormSubmit]);\n var onFormValuesChange = useCallback(function (name, values) {\n props.onFormValuesChange &&\n props.onFormValuesChange(name, values, {\n forms: formsRef.current,\n });\n }, [props.onFormValuesChange]);\n return (React.createElement(FormProviderContext.Provider, { value: {\n onFormValuesChange: onFormValuesChange,\n onFormSubmit: onFormSubmit,\n register: register,\n } }, props.children));\n};\nvar FormProvider = forwardRef(FormProviderComponent);\nFormProvider.displayName = 'FormProvider';\nexport default FormProvider;\n","var __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport { useState, useContext, useEffect, useRef } from 'react';\nimport get from 'lodash/get';\nimport { FormContext } from '../context';\nimport warn from '../../_util/warning';\nvar useWatch = function (field, form) {\n var formCtx = useContext(FormContext);\n var formInstance = form || formCtx.store;\n var _a = __read(useState(formInstance === null || formInstance === void 0 ? void 0 : formInstance.getFieldValue(field)), 2), value = _a[0], setValue = _a[1];\n var valueRef = useRef(JSON.stringify(value));\n useEffect(function () {\n if (!formInstance) {\n warn(true, 'formInstance is not available');\n return;\n }\n var registerWatcher = (formInstance === null || formInstance === void 0 ? void 0 : formInstance.getInnerMethods(true)).registerWatcher;\n var updateValue = function () {\n var newValue = get(formInstance.getFieldsValue(), field);\n var newValueString = JSON.stringify(newValue);\n if (valueRef.current !== newValueString) {\n setValue(newValue);\n valueRef.current = newValueString;\n }\n };\n updateValue();\n var cancelWatch = registerWatcher && registerWatcher(updateValue);\n return function () {\n cancelWatch && cancelWatch();\n };\n }, []);\n return value;\n};\nexport default useWatch;\n","import { useContext } from 'react';\nimport { FormContext } from '../context';\nvar useFormContext = function () {\n var formCtx = useContext(FormContext);\n return {\n form: formCtx.store,\n disabled: formCtx.disabled,\n };\n};\nexport default useFormContext;\n","import Form from './form';\nimport FormItem from './form-item';\nimport FormControl from './control';\nimport FormList from './form-list';\nimport FormProvider from './form-provider';\nimport useForm from './useForm';\nimport useWatch from './hooks/useWatch';\nimport useFormContext from './hooks/useContext';\nvar FormComp = Form;\nFormComp.Provider = FormProvider;\nFormComp.Item = FormItem;\nFormComp.List = FormList;\nFormComp.Control = FormControl;\nFormComp.useForm = useForm;\nFormComp.useFormContext = useFormContext;\nFormComp.useWatch = useWatch;\nexport default FormComp;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport * as React from 'react';\nimport Icon from './index';\nimport { isServerRendering } from '../_util/dom';\nvar scriptUrlCache = [];\nexport default function addFromIconFontCn(options) {\n if (options === void 0) { options = {}; }\n var src = options.src, _a = options.extraProps, extraProps = _a === void 0 ? {} : _a;\n if (!isServerRendering &&\n typeof src === 'string' &&\n src.length &&\n scriptUrlCache.indexOf(src) === -1) {\n var script = document.createElement('script');\n script.setAttribute('src', src);\n script.setAttribute('data-namespace', src);\n scriptUrlCache.push(src);\n document.body.appendChild(script);\n }\n var Iconfont = React.forwardRef(function (props, ref) {\n var type = props.type, children = props.children, restProps = __rest(props, [\"type\", \"children\"]);\n var iconRef = React.useRef();\n React.useImperativeHandle(ref, function () { return iconRef.current; });\n var content;\n if (type) {\n content = React.createElement(\"use\", { xlinkHref: \"#\" + type });\n }\n if (children) {\n content = children;\n }\n return (React.createElement(Icon, __assign({ type: type }, restProps, extraProps, { ref: function (node) {\n iconRef.current = node;\n } }), content));\n });\n Iconfont.displayName = 'Iconfont';\n return Iconfont;\n}\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n if (typeof b !== \"function\" && b !== null)\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { Component } from 'react';\nimport addFromIconFontCn from './addFromIconFontCn';\nimport cs from '../_util/classNames';\nimport { ConfigConsumer } from '../ConfigProvider';\nvar Icon = /** @class */ (function (_super) {\n __extends(Icon, _super);\n function Icon() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.renderIcon = function (_a) {\n var _b;\n var getPrefixCls = _a.getPrefixCls;\n var _c = _this.props, className = _c.className, spin = _c.spin, children = _c.children, type = _c.type, rest = __rest(_c, [\"className\", \"spin\", \"children\", \"type\"]);\n var defaultProps = {\n width: '1em',\n height: '1em',\n fill: 'currentColor',\n };\n var iconProps = __assign(__assign({}, defaultProps), rest);\n var prefixCls = getPrefixCls('icon');\n var classNames = cs(prefixCls, type, (_b = {},\n _b[prefixCls + \"-loading\"] = spin,\n _b), className);\n iconProps.className = classNames;\n return React.createElement(\"svg\", __assign({}, iconProps), children);\n };\n return _this;\n }\n Icon.prototype.render = function () {\n return React.createElement(ConfigConsumer, null, this.renderIcon);\n };\n Icon.displayName = 'Icon';\n Icon.addFromIconFontCn = addFromIconFontCn;\n return Icon;\n}(Component));\nexport default Icon;\n","import _extends from \"@babel/runtime/helpers/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\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\nimport React, { useContext } from 'react';\nimport { IconContext } from '../context';\n\nfunction IconPlusComponent(iconProps, ref) {\n var _useContext = useContext(IconContext),\n _useContext$prefixCls = _useContext.prefixCls,\n prefixCls = _useContext$prefixCls === void 0 ? 'arco' : _useContext$prefixCls;\n\n var spin = iconProps.spin,\n className = iconProps.className;\n\n var props = _objectSpread(_objectSpread({\n \"aria-hidden\": true,\n focusable: false,\n ref: ref\n }, iconProps), {}, {\n className: \"\".concat(className ? className + ' ' : '').concat(prefixCls, \"-icon \").concat(prefixCls, \"-icon-plus\")\n });\n\n if (spin) {\n props.className = \"\".concat(props.className, \" \").concat(prefixCls, \"-icon-loading\");\n }\n\n delete props.spin;\n delete props.isIcon;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"4\",\n viewBox: \"0 0 48 48\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M5 24h38M24 5v38\"\n }));\n}\n\nvar IconPlus = /*#__PURE__*/React.forwardRef(IconPlusComponent);\nIconPlus.defaultProps = {\n isIcon: true\n};\nIconPlus.displayName = 'IconPlus';\nexport default IconPlus;","import _extends from \"@babel/runtime/helpers/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\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\nimport React, { useContext } from 'react';\nimport { IconContext } from '../context';\n\nfunction IconMinusComponent(iconProps, ref) {\n var _useContext = useContext(IconContext),\n _useContext$prefixCls = _useContext.prefixCls,\n prefixCls = _useContext$prefixCls === void 0 ? 'arco' : _useContext$prefixCls;\n\n var spin = iconProps.spin,\n className = iconProps.className;\n\n var props = _objectSpread(_objectSpread({\n \"aria-hidden\": true,\n focusable: false,\n ref: ref\n }, iconProps), {}, {\n className: \"\".concat(className ? className + ' ' : '').concat(prefixCls, \"-icon \").concat(prefixCls, \"-icon-minus\")\n });\n\n if (spin) {\n props.className = \"\".concat(props.className, \" \").concat(prefixCls, \"-icon-loading\");\n }\n\n delete props.spin;\n delete props.isIcon;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"4\",\n viewBox: \"0 0 48 48\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M5 24h38\"\n }));\n}\n\nvar IconMinus = /*#__PURE__*/React.forwardRef(IconMinusComponent);\nIconMinus.defaultProps = {\n isIcon: true\n};\nIconMinus.displayName = 'IconMinus';\nexport default IconMinus;","import NP from 'number-precision';\n/**\n * Replace number.toFixed with Math.round\n */\nexport function toFixed(number, precision) {\n var pow = Math.pow(10, precision);\n return (Math.round(number * pow) / pow).toFixed(precision);\n}\n/**\n * Convert number to non-scientific notation\n */\nexport function toSafeString(number) {\n // Use native Number.toString when it is NaN or non-scientific notation\n var nativeNumberStr = number.toString();\n if (Number.isNaN(+number) || !nativeNumberStr.includes('e')) {\n return nativeNumberStr;\n }\n try {\n var isNegative = number < 0;\n var absoluteValue = Math.abs(+number);\n // Get decimal length\n var digitLength_1 = NP.digitLength(absoluteValue);\n // Convert decimal to integer\n var integerNum = NP.float2Fixed(absoluteValue);\n // Convert integer to non-scientific notation string\n var integerStr_1 = integerNum\n .toString()\n .replace(/e\\+(\\d+)/i, function (_, $1) { return new Array(+$1).fill(0).join(''); });\n return \"\" + (isNegative ? '-' : '') + (digitLength_1 === 0\n ? integerStr_1\n : integerStr_1.replace(new RegExp(\"\\\\d{1,\" + digitLength_1 + \"}$\"), function (match) {\n var decimalStr = (\"\" + new Array(digitLength_1).fill(0).join('') + match).slice(-digitLength_1);\n return (integerStr_1.length <= digitLength_1 ? 0 : '') + \".\" + decimalStr;\n }));\n }\n catch (e) { }\n return nativeNumberStr;\n}\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { useCallback, useContext, useEffect, useImperativeHandle, useRef, useState, } from 'react';\nimport NP from 'number-precision';\nimport IconUp from '../../icon/react-icon/IconUp';\nimport IconDown from '../../icon/react-icon/IconDown';\nimport IconPlus from '../../icon/react-icon/IconPlus';\nimport IconMinus from '../../icon/react-icon/IconMinus';\nimport { isNumber } from '../_util/is';\nimport cs from '../_util/classNames';\nimport { ArrowUp, ArrowDown } from '../_util/keycode';\nimport { ConfigContext } from '../ConfigProvider';\nimport Input from '../Input';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nimport omit from '../_util/omit';\nimport { toFixed, toSafeString } from './utils';\nNP.enableBoundaryChecking(false);\n// Value's auto change speed when user holds on plus or minus\nvar AUTO_CHANGE_INTERVAL = 200;\n// Delay to auto change value when user holds on plus or minus\nvar AUTO_CHANGE_START_DELAY = 1000;\nvar defaultProps = {\n max: Infinity,\n min: -Infinity,\n step: 1,\n mode: 'embed',\n parser: function (input) { return input.replace(/[^\\w\\.-]+/g, ''); },\n};\nfunction InputNumber(baseProps, ref) {\n var _a;\n var _b = useContext(ConfigContext), getPrefixCls = _b.getPrefixCls, ctxSize = _b.size, componentConfig = _b.componentConfig;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.InputNumber);\n var className = props.className, style = props.style, defaultValue = props.defaultValue, disabled = props.disabled, error = props.error, readOnly = props.readOnly, placeholder = props.placeholder, hideControl = props.hideControl, suffix = props.suffix, prefix = props.prefix, icons = props.icons, mode = props.mode, size = props.size, step = props.step, precision = props.precision, min = props.min, max = props.max, parser = props.parser, formatter = props.formatter, onBlur = props.onBlur, onFocus = props.onFocus, onChange = props.onChange, onKeyDown = props.onKeyDown, rest = __rest(props, [\"className\", \"style\", \"defaultValue\", \"disabled\", \"error\", \"readOnly\", \"placeholder\", \"hideControl\", \"suffix\", \"prefix\", \"icons\", \"mode\", \"size\", \"step\", \"precision\", \"min\", \"max\", \"parser\", \"formatter\", \"onBlur\", \"onFocus\", \"onChange\", \"onKeyDown\"]);\n var prefixCls = getPrefixCls('input-number');\n var mergedSize = size || ctxSize;\n var mergedPrecision = (function () {\n if (isNumber(precision)) {\n var decimal = (\"\" + step).split('.')[1];\n var stepPrecision = (decimal && decimal.length) || 0;\n return Math.max(stepPrecision, precision);\n }\n return null;\n })();\n var _c = __read(useState('defaultValue' in props ? defaultValue : undefined), 2), innerValue = _c[0], setInnerValue = _c[1];\n var value = (function () {\n var mergedValue = 'value' in props ? props.value : innerValue;\n return typeof mergedValue === 'string' && mergedValue !== '' ? +mergedValue : mergedValue;\n })();\n var _d = __read(useState(''), 2), inputValue = _d[0], setInputValue = _d[1];\n var _e = __read(useState(false), 2), isOutOfRange = _e[0], setIsOutOfRange = _e[1];\n var _f = __read(useState(false), 2), isUserInputting = _f[0], setIsUserInputting = _f[1];\n // Value is not set\n var isEmptyValue = value === '' || value === undefined || value === null;\n var refAutoTimer = useRef(null);\n var refInput = useRef(null);\n // Ref to keep track of whether user has taken operations since the last change of prop value\n var refHasOperateSincePropValueChanged = useRef(false);\n useImperativeHandle(ref, function () { return refInput.current; }, []);\n var setValue = function (newVal) {\n setInnerValue(newVal);\n var newValue = isNumber(+newVal) ? +newVal : undefined;\n if (newValue !== value) {\n onChange && onChange(newValue);\n }\n };\n var stop = function () {\n refAutoTimer.current && clearTimeout(refAutoTimer.current);\n refAutoTimer.current = null;\n };\n var getLegalValue = useCallback(function (changedValue) {\n var finalValue = Number(changedValue);\n if (!changedValue && changedValue !== 0) {\n finalValue = undefined;\n }\n else if (!isNumber(finalValue)) {\n finalValue = changedValue === '-' ? changedValue : '';\n }\n if (finalValue < min) {\n finalValue = min;\n }\n if (finalValue > max) {\n finalValue = max;\n }\n return isNumber(finalValue)\n ? isNumber(mergedPrecision)\n ? Number(toFixed(finalValue, mergedPrecision))\n : finalValue\n : undefined;\n }, [min, max, mergedPrecision]);\n useEffect(function () {\n return function () { return stop(); };\n }, []);\n useEffect(function () {\n refHasOperateSincePropValueChanged.current = false;\n }, [props.value]);\n useEffect(function () {\n var _isOutOfRange = (isNumber(min) && value < min) || (isNumber(max) && value > max);\n // Don't correct the illegal value caused by prop value. Wait for user to take actions.\n if (_isOutOfRange && refHasOperateSincePropValueChanged.current) {\n setValue(getLegalValue(value));\n }\n setIsOutOfRange(_isOutOfRange);\n }, [min, max, value, getLegalValue]);\n var handleArrowKey = function (event, method, needRepeat) {\n if (needRepeat === void 0) { needRepeat = false; }\n event.persist();\n event.preventDefault();\n setIsUserInputting(false);\n if (disabled) {\n return;\n }\n var finalValue = min === -Infinity ? 0 : min;\n if (!isEmptyValue) {\n finalValue = NP[method](value, step);\n }\n setValue(getLegalValue(finalValue));\n refInput.current && refInput.current.focus();\n // auto change while holding\n if (needRepeat) {\n var isFirstRepeat = refAutoTimer.current === null;\n refAutoTimer.current = setTimeout(function () { return event.target.dispatchEvent(event.nativeEvent); }, isFirstRepeat ? AUTO_CHANGE_START_DELAY : AUTO_CHANGE_INTERVAL);\n }\n };\n var getDisplayInputValue = function () {\n var _value;\n if (isUserInputting) {\n _value = inputValue;\n }\n else if (isNumber(value) && isNumber(mergedPrecision)) {\n _value = toFixed(value, mergedPrecision);\n }\n else if (value == null) {\n _value = '';\n }\n else {\n _value = toSafeString(value);\n }\n return formatter ? formatter(_value) : _value;\n };\n var inputEventHandlers = {\n onChange: function (value) {\n setIsUserInputting(true);\n var targetValue = value.trim().replace(/。/g, '.');\n targetValue = parser ? parser(targetValue) : targetValue;\n if (isNumber(+targetValue) || targetValue === '-' || !targetValue || targetValue === '.') {\n var formatValue = getLegalValue(targetValue);\n setInputValue(targetValue);\n setValue(formatValue);\n }\n },\n onKeyDown: function (e) {\n e.stopPropagation();\n var key = e.key;\n if (key === ArrowDown.key) {\n handleArrowKey(e, 'minus');\n }\n else if (key === ArrowUp.key) {\n handleArrowKey(e, 'plus');\n }\n stop();\n onKeyDown && onKeyDown(e);\n },\n onFocus: function (e) {\n var _a, _b;\n // Both tab and button click trigger focus event. This can be used to determine whether user has taken operations\n refHasOperateSincePropValueChanged.current = true;\n setInputValue((_b = (_a = refInput.current) === null || _a === void 0 ? void 0 : _a.dom) === null || _b === void 0 ? void 0 : _b.value);\n onFocus && onFocus(e);\n },\n onBlur: function (e) {\n setValue(getLegalValue(value));\n setIsUserInputting(false);\n onBlur && onBlur(e);\n },\n };\n var getControlButtonEventsHandlers = function (method) {\n return readOnly\n ? {}\n : {\n onMouseDown: function (e) { return handleArrowKey(e, method, true); },\n onMouseLeave: stop,\n onMouseUp: stop,\n };\n };\n var shouldRenderButton = !hideControl && mode === 'button';\n var shouldRenderLayer = !hideControl && !readOnly && mode === 'embed';\n var renderStepButton = function (method, icon) {\n var _a;\n return (React.createElement(\"div\", __assign({ className: cs(prefixCls + \"-step-button\", (_a = {},\n _a[prefixCls + \"-step-button-disabled\"] = disabled || (method === 'plus' ? +value >= +max : +value <= +min),\n _a)) }, getControlButtonEventsHandlers(method)), icon));\n };\n return (React.createElement(Input, __assign({ _ignorePropsFromGlobal: true, role: \"spinbutton\", \"aria-valuemax\": max, \"aria-valuemin\": min, \"aria-valuenow\": value }, omit(rest, ['allowClear']), inputEventHandlers, { style: style, className: cs(prefixCls, prefixCls + \"-mode-\" + mode, prefixCls + \"-size-\" + mergedSize, (_a = {},\n _a[prefixCls + \"-readonly\"] = readOnly,\n _a[prefixCls + \"-illegal-value\"] = !isEmptyValue && isOutOfRange,\n _a), className), ref: refInput, size: mergedSize, error: error, disabled: disabled, readOnly: readOnly, value: getDisplayInputValue(), placeholder: placeholder, prefix: prefix && React.createElement(\"div\", { className: prefixCls + \"-prefix\" }, prefix), suffix: React.createElement(React.Fragment, null,\n shouldRenderLayer && (React.createElement(\"div\", { className: prefixCls + \"-step-layer\" },\n renderStepButton('plus', icons && icons.up ? icons.up : React.createElement(IconUp, null)),\n renderStepButton('minus', icons && icons.down ? icons.down : React.createElement(IconDown, null)))),\n suffix && React.createElement(\"div\", { className: prefixCls + \"-suffix\" }, suffix)), addBefore: shouldRenderButton &&\n renderStepButton('minus', icons && icons.minus ? icons.minus : React.createElement(IconMinus, null)), addAfter: shouldRenderButton &&\n renderStepButton('plus', icons && icons.plus ? icons.plus : React.createElement(IconPlus, null)) })));\n}\nvar InputNumberComponent = React.forwardRef(InputNumber);\nInputNumberComponent.displayName = 'InputNumber';\nexport default InputNumberComponent;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { useContext, forwardRef } from 'react';\nimport cs from '../_util/classNames';\nimport { ConfigContext } from '../ConfigProvider';\nfunction Header(props, ref) {\n var getPrefixCls = useContext(ConfigContext).getPrefixCls;\n var className = props.className, children = props.children, rest = __rest(props, [\"className\", \"children\"]);\n var prefixCls = getPrefixCls('layout-header');\n var classNames = cs(prefixCls, className);\n return (React.createElement(\"header\", __assign({ ref: ref }, rest, { className: classNames }), children));\n}\nvar HeaderComponent = forwardRef(Header);\nHeaderComponent.displayName = 'LayoutHeader';\nexport default HeaderComponent;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { useContext, forwardRef } from 'react';\nimport cs from '../_util/classNames';\nimport { ConfigContext } from '../ConfigProvider';\nfunction Footer(props, ref) {\n var className = props.className, children = props.children, rest = __rest(props, [\"className\", \"children\"]);\n var getPrefixCls = useContext(ConfigContext).getPrefixCls;\n var prefixCls = getPrefixCls('layout-footer');\n var classNames = cs(prefixCls, className);\n return (React.createElement(\"footer\", __assign({ ref: ref }, rest, { className: classNames }), children));\n}\nvar FooterComponent = forwardRef(Footer);\nFooterComponent.displayName = 'LayoutFooter';\nexport default FooterComponent;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { useContext, forwardRef } from 'react';\nimport cs from '../_util/classNames';\nimport { ConfigContext } from '../ConfigProvider';\nfunction Content(props, ref) {\n var className = props.className, children = props.children, rest = __rest(props, [\"className\", \"children\"]);\n var getPrefixCls = useContext(ConfigContext).getPrefixCls;\n var prefixCls = getPrefixCls('layout-content');\n var classNames = cs(prefixCls, className);\n return (React.createElement(\"main\", __assign({ ref: ref }, rest, { className: classNames }), children));\n}\nvar contentComponent = forwardRef(Content);\ncontentComponent.displayName = 'LayoutContent';\nexport default contentComponent;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport React, { useState, useContext, forwardRef } from 'react';\nimport cs from '../_util/classNames';\nimport Sider, { SiderContext } from './sider';\nimport Header from './header';\nimport Footer from './footer';\nimport Content from './content';\nimport { ConfigContext } from '../ConfigProvider';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nexport { SiderContext };\nfunction Layout(baseProps, ref) {\n var _a;\n var _b = useContext(ConfigContext), getPrefixCls = _b.getPrefixCls, componentConfig = _b.componentConfig;\n var props = useMergeProps(baseProps, {}, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Layout);\n var className = props.className, hasSider = props.hasSider, children = props.children, rest = __rest(props, [\"className\", \"hasSider\", \"children\"]);\n var _c = __read(useState([]), 2), siders = _c[0], setSiders = _c[1];\n var prefixCls = getPrefixCls('layout');\n var classNames = cs(prefixCls, (_a = {},\n _a[prefixCls + \"-has-sider\"] = typeof hasSider === 'boolean' ? hasSider : siders.length > 0,\n _a), className);\n return (React.createElement(\"section\", __assign({ ref: ref }, rest, { className: classNames }), React.Children.map(children, function (child) {\n if (child && child.props && child.props.sign === 'sider') {\n return React.cloneElement(child, {\n onSiderMount: function (id) { return setSiders(__spreadArray(__spreadArray([], __read(siders), false), [id], false)); },\n onSiderUnmount: function (id) { return setSiders(siders.filter(function (currentId) { return currentId !== id; })); },\n });\n }\n return child;\n })));\n}\nvar ForwardRefLayout = forwardRef(Layout);\nvar LayoutComponent = ForwardRefLayout;\nLayoutComponent.displayName = 'Layout';\nLayoutComponent.Sider = Sider;\nLayoutComponent.Header = Header;\nLayoutComponent.Footer = Footer;\nLayoutComponent.Content = Content;\nexport default LayoutComponent;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nimport React, { useContext } from 'react';\nimport cs from '../_util/classNames';\nimport IconLeft from '../../icon/react-icon/IconLeft';\nimport IconRight from '../../icon/react-icon/IconRight';\nimport IconMore from '../../icon/react-icon/IconMore';\nimport { ConfigContext } from '../ConfigProvider';\nexport var StepType;\n(function (StepType) {\n StepType[StepType[\"previous\"] = 0] = \"previous\";\n StepType[StepType[\"next\"] = 1] = \"next\";\n})(StepType || (StepType = {}));\n/**\n * default pager item\n */\nfunction Pager(props) {\n var _a;\n var locale = useContext(ConfigContext).locale;\n var onClick = function (e) {\n var pageNum = props.pageNum, onClick = props.onClick, disabled = props.disabled;\n if (e.currentTarget.dataset.active === 'true') {\n return;\n }\n e.stopPropagation();\n if (!disabled) {\n onClick && onClick(pageNum);\n }\n };\n var pageNum = props.pageNum, current = props.current, rootPrefixCls = props.rootPrefixCls, pageItemStyle = props.pageItemStyle, activePageItemStyle = props.activePageItemStyle, itemRender = props.itemRender;\n var prefixCls = rootPrefixCls + \"-item\";\n var isActive = current === pageNum;\n var classnames = cs(prefixCls, isActive ? prefixCls + \"-active\" : '');\n var style = pageItemStyle;\n if (isActive) {\n style = __assign(__assign({}, style), activePageItemStyle);\n }\n var ariaCurrentProps = isActive ? { 'aria-current': true } : {};\n return (React.createElement(\"li\", __assign({ style: style, className: classnames, onClick: onClick, \"aria-label\": (_a = locale.Pagination.currentPage) === null || _a === void 0 ? void 0 : _a.replace('{0}', pageNum) }, ariaCurrentProps), itemRender ? itemRender(pageNum, 'page', pageNum) : pageNum));\n}\nfunction getIcon(name, icons) {\n switch (name) {\n case 'prev':\n return icons && icons.prev ? icons.prev : React.createElement(IconLeft, null);\n case 'next':\n return icons && icons.next ? icons.next : React.createElement(IconRight, null);\n case 'more':\n return icons && icons.more ? icons.more : React.createElement(IconMore, null);\n default:\n return null;\n }\n}\n/**\n * preJump or nextJump button\n * @param props\n */\nexport var JumpPager = function (props) {\n var _a, _b;\n var locale = useContext(ConfigContext).locale;\n var rootPrefixCls = props.rootPrefixCls, current = props.current, allPages = props.allPages, jumpPage = props.jumpPage, icons = props.icons, disabled = props.disabled, pageItemStyle = props.pageItemStyle, itemRender = props.itemRender;\n var minCurrent = allPages > 0 ? 1 : 0;\n var nextPage = Math.min(allPages, Math.max(minCurrent, current + jumpPage));\n var prefix = rootPrefixCls + \"-item \" + rootPrefixCls + \"-item-jumper\";\n var cls = cs(prefix);\n var onClick = function () {\n !disabled && props.onClick && props.onClick(nextPage);\n };\n var originElement = getIcon('more', icons);\n var ariaLabel = jumpPage > 0\n ? (_a = locale.Pagination.nextSomePages) === null || _a === void 0 ? void 0 : _a.replace('{0}', jumpPage)\n : (_b = locale.Pagination.prevSomePages) === null || _b === void 0 ? void 0 : _b.replace('{0}', -jumpPage);\n return (React.createElement(\"li\", { style: pageItemStyle, className: cls, onClick: onClick, \"aria-label\": ariaLabel }, itemRender ? itemRender(undefined, 'more', originElement) : originElement));\n};\n/**\n * previous or next button\n * @param props\n */\nexport var StepPager = function (props) {\n var _a;\n var locale = useContext(ConfigContext).locale;\n var rootPrefixCls = props.rootPrefixCls, current = props.current, allPages = props.allPages, type = props.type, icons = props.icons, disabled = props.disabled, pageItemStyle = props.pageItemStyle, itemRender = props.itemRender;\n var prefixCls = rootPrefixCls + \"-item\";\n var StepIcon = type === StepType.previous ? getIcon('prev', icons) : getIcon('next', icons);\n var _disabled = false;\n if (allPages === 0) {\n // total为0\n _disabled = true;\n }\n else if (type === StepType.previous) {\n // 向前翻页\n _disabled = current <= 1; // current ===0 || current===1\n }\n else {\n // 向后翻页\n _disabled = current === allPages;\n }\n var innerDisabled = disabled || _disabled;\n var nextPage = current + (type === StepType.previous ? -1 : 1);\n nextPage = Math.max(0, Math.min(allPages, nextPage));\n var pageType = StepType.previous === type ? 'prev' : 'next';\n var cls = cs(prefixCls, prefixCls + \"-\" + pageType, (_a = {},\n _a[prefixCls + \"-disabled\"] = innerDisabled,\n _a));\n var onClick = function () {\n if (innerDisabled) {\n return;\n }\n props.onClick && props.onClick(nextPage);\n };\n return (React.createElement(\"li\", { style: pageItemStyle, className: cls, onClick: onClick, \"aria-label\": locale.Pagination[pageType] }, itemRender ? itemRender(undefined, pageType, StepIcon) : StepIcon));\n};\nexport default Pager;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nimport React, { useRef, useContext } from 'react';\nimport Select from '../Select';\nimport { ConfigContext } from '../ConfigProvider';\nvar noop = function () { };\nvar Option = Select.Option;\nvar _SizeOptions = [10, 20, 30, 40, 50];\nfunction PageOption(props) {\n var selectRef = useRef();\n var locale = useContext(ConfigContext).locale;\n var _a = props.sizeCanChange, sizeCanChange = _a === void 0 ? false : _a, _b = props.onPageSizeChange, onPageSizeChange = _b === void 0 ? noop : _b, rootPrefixCls = props.rootPrefixCls, _c = props.sizeOptions, sizeOptions = _c === void 0 ? _SizeOptions : _c, _d = props.pageSize, pageSize = _d === void 0 ? 10 : _d, size = props.size, selectProps = props.selectProps, disabled = props.disabled;\n return (sizeCanChange && (React.createElement(\"div\", { ref: selectRef, className: rootPrefixCls + \"-option\", \"aria-label\": locale.Pagination.pageSize },\n React.createElement(Select, __assign({ value: sizeOptions.indexOf(pageSize) !== -1 ? pageSize : sizeOptions[0], onChange: function (value) {\n onPageSizeChange(value);\n }, size: size, getPopupContainer: function () { return selectRef.current; }, disabled: disabled }, selectProps), sizeOptions.map(function (num) {\n return (React.createElement(Option, { key: num, value: num }, num + \" \" + locale.Pagination.countPerPage));\n })))));\n}\nexport default PageOption;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { useRef, useState, useContext, useEffect } from 'react';\nimport Input from '../Input';\nimport { isFunction, isUndefined, isObject } from '../_util/is';\nimport { ConfigContext } from '../ConfigProvider';\nfunction PageJumper(props) {\n var defaultInputText = props.simple ? props.current : undefined;\n var locale = useContext(ConfigContext).locale;\n var _a = __read(useState(defaultInputText), 2), inputText = _a[0], setInputText = _a[1];\n var inputRef = useRef();\n useEffect(function () {\n if (props.simple) {\n setInputText(props.current);\n }\n }, [props.simple, props.current]);\n var handleChange = function (val) {\n var value = parseInt(val, 10);\n setInputText(isNaN(value) ? undefined : value);\n };\n var handleJump = function () {\n var onPageChange = props.onPageChange, totalPages = props.totalPages, current = props.current, simple = props.simple;\n if (isUndefined(inputText)) {\n return;\n }\n if (inputText === current && !simple) {\n setInputText(undefined);\n return;\n }\n var page = isNaN(Number(inputText)) ? current : Number(inputText);\n if (page < 1) {\n page = 1;\n }\n else if (page > totalPages) {\n page = totalPages;\n }\n setInputText(simple ? page : undefined);\n isFunction(onPageChange) && onPageChange(page);\n };\n var onFocus = function () {\n var input = inputRef.current.dom;\n if (String(inputText) && input) {\n input.setSelectionRange(0, String(inputText).length);\n }\n };\n var rootPrefixCls = props.rootPrefixCls, totalPages = props.totalPages, simple = props.simple, size = props.size, disabled = props.disabled;\n var prefixCls = rootPrefixCls + \"-jumper\";\n var inputConfig = __assign({ showJumper: true }, (isObject(simple) ? simple : {}));\n return (React.createElement(\"div\", { className: \"\" + prefixCls },\n !simple && React.createElement(\"span\", { className: prefixCls + \"-text-goto\" }, locale.Pagination.goto),\n inputConfig.showJumper ? (React.createElement(Input, { _ignorePropsFromGlobal: true, ref: function (ref) { return (inputRef.current = ref); }, className: prefixCls + \"-input\", value: !isUndefined(inputText) ? inputText.toString() : undefined, size: size, disabled: disabled || !totalPages, onChange: handleChange, onPressEnter: handleJump, onFocus: onFocus, onBlur: handleJump })) : (React.createElement(\"span\", null, inputText)),\n simple && (React.createElement(React.Fragment, null,\n React.createElement(\"span\", { className: prefixCls + \"-separator\" }, \"/\"),\n React.createElement(\"span\", null, totalPages)))));\n}\nexport default PageJumper;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { useState, useEffect, useContext, forwardRef } from 'react';\nimport PageItem, { StepType, JumpPager, StepPager } from './page-item';\nimport PageOption from './page-options';\nimport PageJumper from './page-jumper';\nimport cs from '../_util/classNames';\nimport { ConfigContext } from '../ConfigProvider';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nvar _defaultCurrent = 1;\nvar _defaultPageSize = 10;\nfunction getAllPages(pageSize, total) {\n return Math.ceil(total / pageSize);\n}\nfunction getBufferSize(bufferSize, allPages) {\n var min = 0;\n var max = Math.floor(allPages / 2) - 1;\n var newBufferSize = Math.max(bufferSize, min);\n return Math.min(newBufferSize, max);\n}\nvar defaultProps = {\n total: 0,\n pageSizeChangeResetCurrent: true,\n bufferSize: 2,\n};\nfunction Pagination(baseProps, ref) {\n var _a;\n var _b;\n var _c = useContext(ConfigContext), getPrefixCls = _c.getPrefixCls, ctxSize = _c.size, locale = _c.locale, componentConfig = _c.componentConfig;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Pagination);\n var propTotal = props.total, propPageSize = props.pageSize, propCurrent = props.current, propShowMore = props.showMore, pageSizeChangeResetCurrent = props.pageSizeChangeResetCurrent, defaultCurrent = props.defaultCurrent, defaultPageSize = props.defaultPageSize;\n var _d = __read(useState(propCurrent || defaultCurrent || _defaultCurrent), 2), current = _d[0], setCurrent = _d[1];\n var _e = __read(useState(propPageSize || defaultPageSize || _defaultPageSize), 2), pageSize = _e[0], setPageSize = _e[1];\n var _f = __read(useState(propTotal), 2), total = _f[0], setTotal = _f[1];\n var _g = __read(useState(!!propShowMore), 2), showMore = _g[0], setShowMore = _g[1];\n if (propCurrent && !props.onChange) {\n console.warn('Warning: you have provide current prop for pagination but without onChange handler ,' +\n ' this will cause no-change when you change page. ');\n }\n useEffect(function () {\n if ('total' in props && propTotal !== total) {\n setTotal(propTotal);\n }\n if (!!propShowMore !== showMore) {\n setShowMore(!!propShowMore);\n }\n if (propPageSize && propPageSize !== pageSize) {\n setPageSize(propPageSize);\n var currentAllPages = getAllPages(propPageSize, propTotal);\n var nextCurrent = current > currentAllPages ? currentAllPages : current;\n if (nextCurrent !== current) {\n setCurrent(nextCurrent);\n }\n }\n if (propCurrent && propCurrent !== current) {\n setCurrent(propCurrent);\n }\n }, [propPageSize, propTotal, propShowMore, propCurrent]);\n var onChange = function (pageNumber, size) {\n if (pageNumber === void 0) { pageNumber = current; }\n if (size === void 0) { size = pageSize; }\n var onChange = props.onChange;\n onChange && onChange(pageNumber, size);\n };\n var onPageSizeChange = function (pageSize) {\n var onPageSizeChange = props.onPageSizeChange;\n var allPages = getAllPages(pageSize, total);\n var newState = {\n pageSize: pageSize,\n };\n if (pageSizeChangeResetCurrent) {\n newState.current = 1;\n }\n else {\n newState.current = current > allPages ? allPages : current;\n }\n if (!('pageSize' in props)) {\n setPageSize(newState.pageSize);\n }\n if (!('current' in props) && current !== newState.current) {\n setCurrent(newState.current);\n }\n onPageSizeChange && onPageSizeChange(pageSize, newState.current);\n onChange(pageSizeChangeResetCurrent ? 1 : newState.current, pageSize);\n };\n var onPageNumberChange = function (pageNumber) {\n if (!('current' in props)) {\n setCurrent(pageNumber);\n }\n onChange(pageNumber);\n };\n var className = props.className, style = props.style, pageItemStyle = props.pageItemStyle, activePageItemStyle = props.activePageItemStyle, showTotal = props.showTotal, sizeCanChange = props.sizeCanChange, sizeOptions = props.sizeOptions, simple = props.simple, mini = props.mini, showJumper = props.showJumper, selectProps = props.selectProps, icons = props.icons, disabled = props.disabled, itemRender = props.itemRender, hideOnSinglePage = props.hideOnSinglePage;\n var size = props.size || ctxSize;\n var prefixCls = getPrefixCls('pagination');\n // compatible 1.0\n var innerSize = mini ? 'mini' : size;\n var classNames = cs(prefixCls, prefixCls + \"-size-\" + innerSize, (_a = {},\n _a[prefixCls + \"-simple\"] = simple,\n _a[prefixCls + \"-disabled\"] = disabled,\n _a), className);\n var renderPager;\n var pageList = [];\n var allPages = getAllPages(pageSize, total);\n var bufferSize = getBufferSize(props.bufferSize, allPages);\n if (hideOnSinglePage && allPages <= 1) {\n return null;\n }\n var pagerProps = {\n onClick: onPageNumberChange,\n rootPrefixCls: prefixCls,\n simple: simple,\n current: current,\n allPages: allPages,\n icons: icons,\n disabled: disabled,\n pageItemStyle: pageItemStyle,\n activePageItemStyle: activePageItemStyle,\n itemRender: itemRender,\n };\n // simple mode, no pager list\n if (simple) {\n var prefix = prefixCls + \"-item-simple\";\n renderPager = (React.createElement(\"ul\", { className: prefixCls + \"-list\" },\n React.createElement(StepPager, __assign({ key: \"previous\" }, pagerProps, { type: StepType.previous })),\n React.createElement(\"li\", { className: prefix + \"-pager\" },\n React.createElement(PageJumper, { disabled: disabled, rootPrefixCls: prefixCls, totalPages: allPages, current: current, onPageChange: onPageNumberChange, simple: { showJumper: typeof showJumper === 'boolean' ? showJumper : true }, size: innerSize })),\n React.createElement(StepPager, __assign({ key: \"next\" }, pagerProps, { type: StepType.next }))));\n }\n else {\n // fold = ... >= 2pages;\n var beginFoldPage = 1 + 2 + bufferSize;\n var endFoldPage = allPages - 2 - bufferSize;\n if (\n // beginPage(1 page) + bufferSize * 2 + endPage(1 page) + ...(2 pages)\n allPages <= 4 + bufferSize * 2 ||\n (current === beginFoldPage && current === endFoldPage)) {\n for (var i = 1; i <= allPages; i++) {\n pageList.push(React.createElement(PageItem, __assign({}, pagerProps, { key: i, pageNum: i })));\n }\n }\n else {\n var left = 1;\n var right = allPages;\n var hasJumpPre = true;\n var hasJumpNext = true;\n // fold front and back\n if (current > beginFoldPage && current < endFoldPage) {\n right = current + bufferSize;\n left = current - bufferSize;\n // fold back\n }\n else if (current <= beginFoldPage) {\n hasJumpPre = false;\n left = 1;\n right = Math.max(beginFoldPage, bufferSize + current);\n // fold begin\n }\n else if (current >= endFoldPage) {\n hasJumpNext = false;\n right = allPages;\n left = Math.min(endFoldPage, current - bufferSize);\n }\n for (var i = left; i <= right; i++) {\n pageList.push(React.createElement(PageItem, __assign({ key: i, pageNum: i }, pagerProps)));\n }\n var JumpPre = (React.createElement(JumpPager, __assign({}, pagerProps, { key: left - 1, type: StepType.previous, jumpPage: -(bufferSize * 2 + 1) })));\n var JumpNext = (React.createElement(JumpPager, __assign({}, pagerProps, { key: right + 1, type: StepType.next, jumpPage: bufferSize * 2 + 1 })));\n var FirstPager = React.createElement(PageItem, __assign({ key: 1, pageNum: 1 }, pagerProps));\n var LastPager = React.createElement(PageItem, __assign({}, pagerProps, { key: allPages, pageNum: allPages }));\n if (hasJumpPre) {\n pageList[0] = React.cloneElement(pageList[0], {\n className: prefixCls + \"-item-after-pre\",\n });\n // TODO:\n pageList.unshift(JumpPre);\n pageList.unshift(FirstPager);\n }\n if (hasJumpNext) {\n pageList[pageList.length - 1] = React.cloneElement(pageList[pageList.length - 1], {\n className: prefixCls + \"-item-before-next\",\n });\n pageList.push(JumpNext);\n pageList.push(LastPager);\n }\n }\n renderPager = (React.createElement(\"ul\", { className: prefixCls + \"-list\" },\n React.createElement(StepPager, __assign({}, pagerProps, { key: \"previous\", type: StepType.previous })),\n pageList,\n showMore && (React.createElement(JumpPager, __assign({}, pagerProps, { key: allPages + 1, type: StepType.next, jumpPage: bufferSize * 2 + 1 }))),\n React.createElement(StepPager, __assign({ key: \"next\" }, pagerProps, { type: StepType.next }))));\n }\n var totalElement = null;\n if (typeof showTotal === 'boolean' && showTotal) {\n totalElement = (React.createElement(\"div\", { className: prefixCls + \"-total-text\" }, (_b = locale.Pagination.total) === null || _b === void 0 ? void 0 : _b.replace('{0}', total)));\n }\n if (typeof showTotal === 'function') {\n totalElement = (React.createElement(\"div\", { className: prefixCls + \"-total-text\" }, showTotal(total, [(current - 1) * pageSize + 1, current * pageSize])));\n }\n return (React.createElement(\"div\", { className: classNames, style: style, ref: ref },\n totalElement,\n renderPager,\n React.createElement(PageOption, { disabled: disabled, rootPrefixCls: prefixCls, sizeCanChange: sizeCanChange, sizeOptions: sizeOptions, onPageSizeChange: onPageSizeChange, pageSize: pageSize, size: innerSize, selectProps: selectProps }),\n !simple && showJumper && (React.createElement(PageJumper, { disabled: disabled, rootPrefixCls: prefixCls, totalPages: allPages, current: current, onPageChange: onPageNumberChange, size: innerSize }))));\n}\nvar PaginationComponent = forwardRef(Pagination);\nPaginationComponent.displayName = 'Pagination';\nexport default PaginationComponent;\n","import Pagination from './pagination';\nexport default Pagination;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { useContext } from 'react';\nimport cs from '../_util/classNames';\nimport { ConfigContext } from '../ConfigProvider';\nfunction Meta(props, ref) {\n var getPrefixCls = useContext(ConfigContext).getPrefixCls;\n var className = props.className, avatar = props.avatar, title = props.title, description = props.description, others = __rest(props, [\"className\", \"avatar\", \"title\", \"description\"]);\n var prefixCls = getPrefixCls('list');\n var baseClassName = prefixCls + \"-item-meta\";\n var hasAvatar = !!avatar;\n var hasContent = !!(title || description);\n return (React.createElement(\"div\", __assign({ ref: ref }, others, { className: cs(baseClassName, className) }),\n hasAvatar && React.createElement(\"div\", { className: baseClassName + \"-avatar\" }, avatar),\n hasContent && (React.createElement(\"div\", { className: baseClassName + \"-content\" },\n title && React.createElement(\"div\", { className: baseClassName + \"-title\" }, title),\n description && React.createElement(\"div\", { className: baseClassName + \"-description\" }, description)))));\n}\nvar MetaComponent = React.forwardRef(Meta);\nMetaComponent.displayName = 'ListItemMeta';\nexport default MetaComponent;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { useContext } from 'react';\nimport Meta from './meta';\nimport { ConfigContext } from '../ConfigProvider';\nimport cs from '../_util/classNames';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nvar defaultProps = {\n actionLayout: 'horizontal',\n};\nfunction Item(baseProps, ref) {\n var _a = useContext(ConfigContext), getPrefixCls = _a.getPrefixCls, componentConfig = _a.componentConfig;\n var props = useMergeProps(baseProps, defaultProps, componentConfig && componentConfig['List.Item']);\n var children = props.children, className = props.className, actions = props.actions, extra = props.extra, actionLayout = props.actionLayout, rest = __rest(props, [\"children\", \"className\", \"actions\", \"extra\", \"actionLayout\"]);\n var prefixCls = getPrefixCls('list');\n var baseClassName = prefixCls + \"-item\";\n var metaContent = [];\n var mainContent = [];\n React.Children.forEach(children, function (element) {\n if (element && element.type && element.type === Meta) {\n metaContent.push(element);\n }\n else {\n mainContent.push(element);\n }\n });\n var content = mainContent.length ? (React.createElement(\"div\", { className: baseClassName + \"-content\" }, mainContent)) : null;\n var extraContent = extra ? (React.createElement(\"div\", { className: baseClassName + \"-extra-content\" }, extra)) : null;\n var actionsContent = actions && actions.length ? (React.createElement(\"div\", { className: baseClassName + \"-action\" }, actions.map(function (action, i) { return (React.createElement(\"li\", { key: baseClassName + \"-action-\" + i }, action)); }))) : null;\n return (React.createElement(\"div\", __assign({ role: \"listitem\", ref: ref, className: cs(baseClassName, className) }, rest),\n React.createElement(\"div\", { className: baseClassName + \"-main\" },\n metaContent,\n content,\n actionLayout === 'vertical' ? actionsContent : null),\n actionLayout === 'horizontal' ? actionsContent : null,\n extraContent));\n}\nvar ForwardRefItem = React.forwardRef(Item);\nvar ItemComponent = ForwardRefItem;\nItemComponent.displayName = 'ListItem';\nItemComponent.Meta = Meta;\nexport default ItemComponent;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nimport scrollIntoView from 'scroll-into-view-if-needed';\nimport { isFunction } from './is';\nexport default function (node, options) {\n if (node) {\n scrollIntoView(node, __assign({ block: 'start', behavior: 'instant', scrollMode: 'if-needed' }, options));\n var height = node.offsetHeight;\n var scaleHeight = node.getBoundingClientRect().height;\n // trigger 带有scale动画，在 scrollIntoView 的时候，动画未执行完全，此时通过 getBoundingClientRect 获取到的 height 是 scale 后的高度。\n // 所以需要额外滚动一点距离。\n if (options && options.boundary && height !== scaleHeight) {\n // scrollIntoView 的 boundary是函数或者Element类型\n var parentNode = (isFunction(options.boundary) ? options.boundary(node) : options.boundary);\n parentNode.scrollTop = Math.round(parentNode.scrollTop * (height / scaleHeight));\n }\n }\n}\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { useCallback, useContext, useImperativeHandle, useRef, useState } from 'react';\nimport throttle from 'lodash/throttle';\nimport Pagination from '../Pagination';\nimport Spin from '../Spin';\nimport Item from './item';\nimport cs from '../_util/classNames';\nimport Row from '../Grid/row';\nimport Col from '../Grid/col';\nimport { ConfigContext } from '../ConfigProvider';\nimport omit from '../_util/omit';\nimport VirtualList from '../_class/VirtualList';\nimport scrollIntoView from '../_util/scrollIntoView';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nvar DEFAULT_PAGE_SIZE = 10;\nvar DEFAULT_PAGE_CURRENT = 1;\nvar SizeList = ['small', 'default', 'large'];\nvar defaultProps = {\n split: true,\n bordered: true,\n defaultCurrent: 1,\n offsetBottom: 0,\n throttleDelay: 500,\n};\nfunction List(baseProps, ref) {\n var _a = useContext(ConfigContext), getPrefixCls = _a.getPrefixCls, loadingElement = _a.loadingElement, ctxSize = _a.size, renderEmpty = _a.renderEmpty, componentConfig = _a.componentConfig;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.List);\n var style = props.style, wrapperStyle = props.wrapperStyle, className = props.className, wrapperClassName = props.wrapperClassName, _b = props.children, children = _b === void 0 ? [] : _b, _c = props.dataSource, dataSource = _c === void 0 ? [] : _c, propSize = props.size, footer = props.footer, header = props.header, pagination = props.pagination, bordered = props.bordered, split = props.split, render = props.render, grid = props.grid, loading = props.loading, hoverable = props.hoverable, scrollLoading = props.scrollLoading, paginationInFooter = props.paginationInFooter, offsetBottom = props.offsetBottom, throttleDelay = props.throttleDelay, defaultCurrent = props.defaultCurrent, noDataElement = props.noDataElement, listRef = props.listRef, onReachBottom = props.onReachBottom, onListScroll = props.onListScroll;\n var size = propSize || (SizeList.indexOf(ctxSize) > -1 ? ctxSize : 'default');\n var prefixCls = getPrefixCls('list');\n var refDom = useRef(null);\n var refVirtualList = useRef(null);\n var refScrollElement = useRef(null);\n var refItemListWrapper = useRef(null);\n var refCanTriggerReachBottom = useRef(true);\n var _d = __read(useState(pagination && typeof pagination === 'object'\n ? pagination.pageSize || pagination.defaultPageSize || DEFAULT_PAGE_SIZE\n : DEFAULT_PAGE_SIZE), 2), pageSize = _d[0], setPageSize = _d[1];\n var _e = __read(useState(pagination && typeof pagination === 'object'\n ? pagination.current || pagination.defaultCurrent || DEFAULT_PAGE_CURRENT\n : DEFAULT_PAGE_CURRENT), 2), paginationCurrent = _e[0], setPaginationCurrent = _e[1];\n var _f = __read(useState(defaultCurrent), 2), pageCurrentForScroll = _f[0], setPageCurrentForScroll = _f[1];\n var childrenCount = React.Children.count(children);\n useImperativeHandle(listRef, function () {\n return {\n dom: refDom.current,\n scrollIntoView: function (index, options) {\n if (refVirtualList.current) {\n refVirtualList.current.scrollTo({ index: index, options: options });\n }\n else if (refItemListWrapper.current) {\n var node = refItemListWrapper.current.children[index];\n node &&\n scrollIntoView(node, __assign({ boundary: refScrollElement.current }, options));\n }\n },\n };\n });\n // compatible with old API: height\n var virtualListProps = props.virtualListProps\n ? props.virtualListProps\n : props.height\n ? { height: props.height }\n : undefined;\n // pagination props\n var paginationProps = __assign(__assign({ pageSize: pageSize, current: paginationCurrent, total: dataSource.length > 0 ? dataSource.length : childrenCount }, (typeof pagination === 'object' ? pagination : {})), { onPageSizeChange: function (size, current) {\n setPageSize(size);\n pagination &&\n typeof pagination === 'object' &&\n pagination.onPageSizeChange &&\n pagination.onPageSizeChange(size, current);\n }, onChange: function (pageNumber, pageSize) {\n setPaginationCurrent(pageNumber);\n pagination &&\n typeof pagination === 'object' &&\n pagination.onChange &&\n pagination.onChange(pageNumber, pageSize);\n } });\n paginationProps.current = Math.min(paginationProps.current, Math.ceil(paginationProps.total / paginationProps.pageSize));\n var needHandleScroll = !!(onListScroll || onReachBottom);\n var throttledScrollHandler = useCallback(throttle(function () {\n if (onListScroll) {\n onListScroll(refScrollElement.current);\n return;\n }\n var _a = refScrollElement.current, scrollTop = _a.scrollTop, scrollHeight = _a.scrollHeight, clientHeight = _a.clientHeight;\n var scrollBottom = scrollHeight - (scrollTop + clientHeight);\n // https://github.com/arco-design/arco-design/issues/850\n // offsetBottom + 1: scrollTop is a non-rounded number, while scrollHeight and clientHeight are both rounded\n if (Math.abs(scrollBottom) < offsetBottom + 1) {\n if (refCanTriggerReachBottom.current) {\n setPageCurrentForScroll(pageCurrentForScroll + 1);\n onReachBottom && onReachBottom(pageCurrentForScroll + 1);\n refCanTriggerReachBottom.current = false;\n }\n }\n else {\n refCanTriggerReachBottom.current = true;\n }\n }, throttleDelay), [throttleDelay, pageCurrentForScroll, onListScroll, onReachBottom]);\n // render content of list\n var renderListItems = function () {\n // get the data source to render current page\n var getCurrentPageItems = function (items) {\n var current = paginationProps.current, pageSize = paginationProps.pageSize;\n var startIndex = (current - 1) * pageSize;\n return pagination && items.length > startIndex\n ? items.slice(startIndex, startIndex + pageSize)\n : items;\n };\n // The current page of the normal list children\n var getItems = function (originItems, render) {\n var currentPageItems = getCurrentPageItems(originItems);\n return render ? currentPageItems.map(render) : currentPageItems;\n };\n // The current page of the Grid list children\n var getGrid = function (originItems, render) {\n var currentPageItems = getCurrentPageItems(originItems);\n if (grid.column || grid.span) {\n var items = [];\n var gutter = grid.gutter, justify = grid.justify, align = grid.align, gridRowSize = grid.column, colProps_1 = __rest(grid, [\"gutter\", \"justify\", \"align\", \"column\"]);\n var rowSize = gridRowSize || Math.floor(24 / grid.span);\n var span_1 = colProps_1.span || Math.floor(24 / rowSize);\n var startNum_1 = 0;\n var _loop_1 = function () {\n var nextStartNum = startNum_1 + rowSize;\n var currentRow = ~~(startNum_1 / rowSize);\n items.push(React.createElement(Row, { key: currentRow, className: prefixCls + \"-row\", gutter: gutter, justify: justify, align: align }, currentPageItems.slice(startNum_1, nextStartNum).map(function (item, index) { return (React.createElement(Col, __assign({ key: currentRow + \"_\" + index, className: prefixCls + \"-row-col\" }, colProps_1, { span: span_1 }), render ? render(item, startNum_1 + index) : item)); })));\n startNum_1 = nextStartNum;\n };\n while (startNum_1 < currentPageItems.length) {\n _loop_1();\n }\n return items;\n }\n return (React.createElement(Row, { className: prefixCls + \"-row\", gutter: grid.gutter }, currentPageItems.map(function (item, index) { return (React.createElement(Col, __assign({ className: prefixCls + \"-row-col\" }, omit(grid, ['gutter']), { key: index }), render ? render(item, index) : item)); })));\n };\n if (dataSource.length > 0 && render) {\n return grid ? getGrid(dataSource, render) : getItems(dataSource, render);\n }\n if (childrenCount > 0) {\n return grid ? getGrid(children) : getItems(children);\n }\n if (!scrollLoading) {\n return noDataElement || renderEmpty('List');\n }\n return null;\n };\n var renderList = function () {\n var _a;\n var listItems = renderListItems();\n var isVirtual = virtualListProps && Array.isArray(listItems);\n var paginationElement = pagination ? (React.createElement(Pagination, __assign({}, paginationProps, { className: cs(prefixCls + \"-pagination\", paginationProps && paginationProps.className) }))) : null;\n var paginationElementInsideFooter = paginationInFooter ? paginationElement : null;\n var paginationElementOutsideFooter = paginationInFooter ? null : paginationElement;\n var scrollLoadingEle = scrollLoading !== undefined && scrollLoading !== null ? (React.createElement(\"div\", { className: prefixCls + \"-item \" + prefixCls + \"-scroll-loading\" }, scrollLoading)) : null;\n return (React.createElement(\"div\", { ref: function (_ref) {\n ref = _ref;\n refDom.current = ref;\n }, style: wrapperStyle, className: cs(prefixCls + \"-wrapper\", wrapperClassName) },\n React.createElement(\"div\", { style: style, className: cs(prefixCls, prefixCls + \"-\" + size, (_a = {},\n _a[prefixCls + \"-no-border\"] = !bordered,\n _a[prefixCls + \"-no-split\"] = !split,\n _a[prefixCls + \"-hoverable\"] = hoverable,\n _a), className), ref: function (ref) {\n if (!isVirtual) {\n refScrollElement.current = ref;\n }\n }, onScroll: !isVirtual && needHandleScroll ? throttledScrollHandler : undefined },\n header ? React.createElement(\"div\", { className: prefixCls + \"-header\" }, header) : null,\n isVirtual ? (React.createElement(React.Fragment, null,\n React.createElement(VirtualList, __assign({ role: \"list\", ref: function (ref) {\n if (ref) {\n refVirtualList.current = ref;\n refScrollElement.current = ref.dom;\n }\n }, className: prefixCls + \"-content \" + prefixCls + \"-virtual\", data: scrollLoadingEle ? listItems.concat(scrollLoadingEle) : listItems, isStaticItemHeight: false, onScroll: needHandleScroll ? throttledScrollHandler : undefined }, virtualListProps), function (child) { return child; }))) : (React.createElement(\"div\", { role: \"list\", className: prefixCls + \"-content\", ref: refItemListWrapper },\n listItems,\n scrollLoadingEle)),\n footer || paginationElementInsideFooter ? (React.createElement(\"div\", { className: prefixCls + \"-footer\" },\n footer,\n paginationElementInsideFooter)) : null),\n paginationElementOutsideFooter));\n };\n return 'loading' in props ? (React.createElement(Spin, { style: { display: 'block' }, loading: loading, element: loadingElement || React.createElement(Spin, null) }, renderList())) : (renderList());\n}\nvar ListComponent = React.forwardRef(List);\nListComponent.displayName = 'List';\nListComponent.Item = Item;\nexport default ListComponent;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport Modal from './modal';\nimport IconInfoCircleFill from '../../icon/react-icon/IconInfoCircleFill';\nimport IconCheckCircleFill from '../../icon/react-icon/IconCheckCircleFill';\nimport IconExclamationCircleFill from '../../icon/react-icon/IconExclamationCircleFill';\nimport IconCloseCircleFill from '../../icon/react-icon/IconCloseCircleFill';\nimport { getModalConfig, destroyList, getConfigProviderProps } from './config';\nimport ConfigProvider from '../ConfigProvider';\nfunction ConfirmModal(props) {\n var _a = getModalConfig(), prefixCls = _a.prefixCls, simple = _a.simple;\n return (React.createElement(Modal, __assign({ prefixCls: prefixCls, simple: simple }, props), props.content));\n}\n// 如果是消息提示型弹出框，那么只有确认按钮\nexport var normalizeConfig = function (_config) {\n if (_config.isNotice) {\n var icon = _config.icon;\n if (!icon && icon !== null) {\n switch (_config.noticeType) {\n case 'info':\n icon = React.createElement(IconInfoCircleFill, null);\n break;\n case 'success':\n icon = React.createElement(IconCheckCircleFill, null);\n break;\n case 'warning':\n icon = React.createElement(IconExclamationCircleFill, null);\n break;\n case 'error':\n icon = React.createElement(IconCloseCircleFill, null);\n break;\n default:\n break;\n }\n }\n _config.title = (React.createElement(\"span\", null,\n icon,\n _config.title));\n _config.hideCancel = true;\n }\n else {\n _config.title = (React.createElement(\"span\", null,\n _config.icon !== null && (_config.icon || React.createElement(IconExclamationCircleFill, null)),\n _config.title));\n }\n return _config;\n};\nfunction confirm(config, renderFunc) {\n var div = document.createElement('div');\n document.body.appendChild(div);\n var configProviderProps = getConfigProviderProps();\n function render(props) {\n ReactDOM.render(React.createElement(ConfigProvider, __assign({}, configProviderProps),\n React.createElement(ConfirmModal, __assign({}, props, { onCancel: onCancel }))), div);\n }\n var renderFunction = renderFunc || render;\n var modalConfig = __assign(__assign({}, config), { visible: false });\n var onOk = function () {\n var ret;\n var _onOk = config.onOk || config.onConfirm;\n if (_onOk) {\n ret = _onOk();\n }\n if (ret && ret.then) {\n modalConfig.confirmLoading = true;\n renderFunction(modalConfig);\n ret.then(function () {\n onCancel(true);\n }, function (e) {\n console.error(e);\n modalConfig.confirmLoading = false;\n renderFunction(modalConfig);\n });\n }\n if (!ret) {\n onCancel(true);\n }\n };\n // 如果是promise，那么处理loading和加载完成关闭\n modalConfig.onOk = onOk;\n modalConfig = normalizeConfig(modalConfig);\n modalConfig.visible = true;\n renderFunction(modalConfig);\n function destroy() {\n var unmountEle = ReactDOM.unmountComponentAtNode(div);\n if (unmountEle && div.parentNode) {\n div.parentNode.removeChild(div);\n }\n for (var i = 0; i < destroyList.length; i++) {\n var fn = destroyList[i];\n if (fn === close) {\n destroyList.splice(i, 1);\n break;\n }\n }\n }\n function onCancel(isOnOk) {\n !isOnOk && config.onCancel && config.onCancel();\n modalConfig.visible = false;\n modalConfig.afterClose = function () {\n config.afterClose && config.afterClose();\n destroy();\n };\n renderFunction(modalConfig);\n }\n function update(newConfig) {\n modalConfig = __assign(__assign(__assign({}, modalConfig), { title: config.title }), newConfig);\n modalConfig = normalizeConfig(modalConfig);\n renderFunction(modalConfig);\n }\n function close() {\n modalConfig.visible = false;\n modalConfig.afterClose = function () {\n config.afterClose && config.afterClose();\n destroy();\n };\n renderFunction(modalConfig);\n }\n destroyList.push(close);\n return {\n close: close,\n update: update,\n };\n}\nexport default confirm;\n","var __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport React, { useState, useImperativeHandle, forwardRef } from 'react';\nvar ContextHolderElement = forwardRef(function (_props, ref) {\n var _a = __read(useState([]), 2), instances = _a[0], setInstances = _a[1];\n function addInstance(ins) {\n setInstances(function (originInstances) { return __spreadArray(__spreadArray([], __read(originInstances), false), [ins], false); });\n }\n function removeInstance(ins) {\n setInstances(function (originInstances) { return originInstances.filter(function (originIns) { return ins !== originIns; }); });\n }\n useImperativeHandle(ref, function () { return ({\n addInstance: addInstance,\n removeInstance: removeInstance,\n }); });\n return React.createElement(React.Fragment, null, instances);\n});\nexport default ContextHolderElement;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { useState, useImperativeHandle, forwardRef } from 'react';\nimport Modal from '../modal';\nfunction HookModal(props, ref) {\n var _a = __read(useState(true), 2), visible = _a[0], setVisible = _a[1];\n var _b = __read(useState(props), 2), config = _b[0], setConfig = _b[1];\n useImperativeHandle(ref, function () { return ({\n update: setConfig,\n close: function () {\n setVisible(false);\n },\n }); });\n function onOk() {\n var ret = config.onOk && config.onOk();\n if (ret && ret.then) {\n setConfig(__assign(__assign({}, config), { confirmLoading: true }));\n ret.then(function () {\n setVisible(false);\n }, function (e) {\n console.error(e);\n setConfig(__assign(__assign({}, config), { confirmLoading: false }));\n });\n }\n if (!ret) {\n setVisible(false);\n }\n }\n function onCancel() {\n config.onCancel && config.onCancel();\n setVisible(false);\n }\n return (React.createElement(Modal, __assign({ unmountOnExit: true, simple: true }, config, { visible: visible, onOk: onOk, onCancel: onCancel }), config.content));\n}\nexport default forwardRef(HookModal);\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nimport React, { createRef } from 'react';\nimport ContextHolderElement from './contextHolder';\nimport HookModal from './hookModal';\nimport { normalizeConfig } from '../confirm';\nimport { destroyList } from '../config';\nfunction useModal() {\n var contextHolderRef = createRef();\n var holderEle = React.createElement(ContextHolderElement, { ref: contextHolderRef });\n var uuid = 0;\n function addNewModal(config) {\n var _a;\n uuid += 1;\n var modalRef = createRef();\n function afterClose() {\n config.afterClose && config.afterClose();\n removeModalInstance();\n }\n var modal = (React.createElement(HookModal, __assign({ key: uuid, ref: modalRef }, normalizeConfig(config), { afterClose: afterClose })));\n contextHolderRef.current.addInstance(modal);\n function removeModalInstance() {\n contextHolderRef.current.removeInstance(modal);\n }\n function close() {\n modalRef.current.close();\n }\n destroyList.push(close);\n return {\n close: close,\n update: (_a = modalRef.current) === null || _a === void 0 ? void 0 : _a.update,\n };\n }\n var modalFuncs = {\n confirm: function (config) {\n return addNewModal(__assign({}, config));\n },\n };\n ['info', 'success', 'warning', 'error'].forEach(function (type) {\n modalFuncs[type] = function (config) {\n return addNewModal(__assign(__assign({}, config), { isNotice: true, noticeType: type }));\n };\n });\n return [modalFuncs, holderEle];\n}\nexport default useModal;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport { findDOMNode } from 'react-dom';\nimport React, { useState, forwardRef, useContext, useRef, useEffect, useCallback, } from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport FocusLock from 'react-focus-lock';\nimport IconClose from '../../icon/react-icon/IconClose';\nimport cs from '../_util/classNames';\nimport { isServerRendering } from '../_util/dom';\nimport { Esc } from '../_util/keycode';\nimport Button from '../Button';\nimport Portal from '../Portal';\nimport confirm from './confirm';\nimport ConfigProvider, { ConfigContext } from '../ConfigProvider';\nimport IconHover from '../_class/icon-hover';\nimport { setModalConfig, destroyList } from './config';\nimport { isFunction, isObject } from '../_util/is';\nimport omit from '../_util/omit';\nimport useOverflowHidden from '../_util/hooks/useOverflowHidden';\nimport useModal from './useModal';\nimport useMergeValue from '../_util/hooks/useMergeValue';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nvar cursorPosition = null;\nvar globalDialogIndex = 0;\nif (!isServerRendering) {\n document.documentElement.addEventListener('click', function (e) {\n cursorPosition = {\n left: e.clientX,\n top: e.clientY,\n };\n // 受控模式下，用户不一定马上打开弹窗，这期间可能出现其他 UI 操作，那这个位置就不可用了。\n setTimeout(function () {\n cursorPosition = null;\n }, 100);\n }, true);\n}\nvar defaultProps = {\n mask: true,\n maskClosable: true,\n mountOnEnter: true,\n escToExit: true,\n getPopupContainer: function () { return document.body; },\n alignCenter: true,\n};\nfunction Modal(baseProps, ref) {\n var _a, _b;\n var _c;\n var context = useContext(ConfigContext);\n var props = useMergeProps(baseProps, defaultProps, (_c = context.componentConfig) === null || _c === void 0 ? void 0 : _c.Modal);\n var className = props.className, style = props.style, visible = props.visible, simple = props.simple, title = props.title, children = props.children, cancelText = props.cancelText, okText = props.okText, okButtonProps = props.okButtonProps, cancelButtonProps = props.cancelButtonProps, _d = props.getPopupContainer, getPopupContainer = _d === void 0 ? function () { return document.body; } : _d, footer = props.footer, afterClose = props.afterClose, confirmLoading = props.confirmLoading, mountOnEnter = props.mountOnEnter, unmountOnExit = props.unmountOnExit, afterOpen = props.afterOpen, hideCancel = props.hideCancel, autoFocus = props.autoFocus, focusLock = props.focusLock, maskClosable = props.maskClosable, mask = props.mask, alignCenter = props.alignCenter, getChildrenPopupContainer = props.getChildrenPopupContainer, wrapClassName = props.wrapClassName, escToExit = props.escToExit, modalRender = props.modalRender, maskStyle = props.maskStyle, wrapStyle = props.wrapStyle, closeIcon = props.closeIcon, 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 var modalWrapperRef = useRef(null);\n var contentWrapper = useRef(null);\n var _e = __read(useState(visible), 2), wrapperVisible = _e[0], setWrapperVisible = _e[1];\n var _f = __read(useState(), 2), popupZIndex = _f[0], setPopupZIndex = _f[1];\n var cursorPositionRef = useRef(null);\n var haveOriginTransformOrigin = useRef(false);\n var maskClickRef = useRef(false);\n var dialogIndex = useRef();\n if (!dialogIndex.current) {\n dialogIndex.current = globalDialogIndex++;\n }\n var _g = __read(useMergeValue(false, {\n defaultValue: false,\n value: confirmLoading,\n }), 2), loading = _g[0], setLoading = _g[1];\n var prefixCls = context.getPrefixCls('modal', props.prefixCls);\n var locale = context.locale;\n // 简洁模式下默认不显示关闭按钮\n var defaultClosable = !simple;\n var closable = 'closable' in props ? props.closable : defaultClosable;\n var getContainer = useCallback(function () {\n return findDOMNode(getPopupContainer());\n }, [getPopupContainer]);\n useOverflowHidden(getContainer, { hidden: visible && mask });\n var onCancel = function () {\n props.onCancel && props.onCancel();\n };\n var onEscExit = function (event) {\n if (escToExit && visible && event.key === Esc.key) {\n event.stopPropagation();\n onCancel();\n }\n };\n var inExit = useRef(false);\n var onClickMask = function (e) {\n if (!maskClickRef.current)\n return;\n maskClickRef.current = false;\n if (!inExit.current && maskClosable && mask && e.target === e.currentTarget) {\n setTimeout(function () {\n onCancel();\n }, 100);\n }\n };\n var onConfirmModal = function (e) {\n var onConfirm = props.onConfirm, onOk = props.onOk;\n var _onConfirm = onOk || onConfirm;\n var ret;\n if (_onConfirm) {\n ret = _onConfirm(e);\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 useEffect(function () {\n var timer = null;\n if (escToExit) {\n timer = setTimeout(function () {\n var _a;\n (_a = modalWrapperRef.current) === null || _a === void 0 ? void 0 : _a.focus();\n });\n }\n return function () {\n timer && clearTimeout(timer);\n };\n }, [visible, escToExit]);\n useEffect(function () {\n var _a;\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 if (!isNaN(zIndex)) {\n setPopupZIndex(zIndex + 1);\n }\n }\n }\n }, [visible, popupZIndex]);\n var renderFooter = function () {\n if (footer === null)\n return;\n var cancelButtonNode = (React.createElement(Button, __assign({ onClick: onCancel }, cancelButtonProps), cancelText || locale.Modal.cancelText));\n var okButtonNode = (React.createElement(Button, __assign({ loading: loading, onClick: onConfirmModal, type: \"primary\" }, okButtonProps), okText || locale.Modal.okText));\n var footerContent = footer || (React.createElement(React.Fragment, null,\n !hideCancel && cancelButtonNode,\n okButtonNode));\n if (isFunction(footer)) {\n footerContent = footer(cancelButtonNode, okButtonNode);\n }\n return React.createElement(\"div\", { className: prefixCls + \"-footer\" }, footerContent);\n };\n var globalFocusLockConfig = context.focusLock.modal;\n var globalFocusLock = !!globalFocusLockConfig;\n var globalAutoFocus = isObject(globalFocusLockConfig) && globalFocusLockConfig.autoFocus;\n var innerFocusLock = focusLock !== undefined ? focusLock : globalFocusLock;\n var innerAutoFocus = autoFocus !== undefined ? autoFocus : globalAutoFocus;\n var element = (React.createElement(ConfigProvider, __assign({}, context, { prefixCls: props.prefixCls || context.prefixCls, locale: locale, zIndex: popupZIndex || 1050, getPopupContainer: function (node) {\n return typeof getChildrenPopupContainer === 'function'\n ? getChildrenPopupContainer(node)\n : contentWrapper.current;\n } }),\n title && (React.createElement(\"div\", { className: prefixCls + \"-header\" },\n React.createElement(\"div\", { className: prefixCls + \"-title\", id: \"arco-dialog-\" + dialogIndex.current }, title))),\n React.createElement(\"div\", { ref: contentWrapper, className: prefixCls + \"-content\" }, children),\n renderFooter(),\n closable &&\n (closeIcon !== undefined ? (React.createElement(\"span\", { onClick: onCancel, className: prefixCls + \"-close-icon\" }, closeIcon)) : (React.createElement(IconHover, { tabIndex: -1, onClick: onCancel, className: prefixCls + \"-close-icon\", role: \"button\", \"aria-label\": \"Close\" },\n React.createElement(IconClose, null))))));\n var ariaProps = title ? { 'aria-labelledby': \"arco-dialog-\" + dialogIndex.current } : {};\n var modalDom = (React.createElement(\"div\", __assign({ role: \"dialog\" }, ariaProps, { className: cs(prefixCls, (_a = {},\n _a[prefixCls + \"-simple\"] = simple,\n _a), className), style: style }), innerFocusLock ? (React.createElement(FocusLock, { disabled: !visible, autoFocus: innerAutoFocus, lockProps: {\n tabIndex: -1,\n onKeyDown: onEscExit,\n } }, element)) : (element)));\n var setTransformOrigin = function (e) {\n if (haveOriginTransformOrigin.current)\n return;\n var transformOrigin = '';\n if (cursorPositionRef.current) {\n var eRect = e.getBoundingClientRect();\n var _a = cursorPositionRef.current, left = _a.left, top_1 = _a.top;\n transformOrigin = left - eRect.left + \"px \" + (top_1 - eRect.top) + \"px\";\n }\n e.style.transformOrigin = transformOrigin;\n };\n return (React.createElement(Portal, { visible: visible, forceRender: !mountOnEnter, getContainer: getPopupContainer },\n React.createElement(\"div\", { ref: ref },\n mask ? (React.createElement(CSSTransition, { in: visible, timeout: 400, appear: true, mountOnEnter: mountOnEnter, classNames: \"fadeModal\", unmountOnExit: unmountOnExit, onEnter: function (e) {\n e.style.display = 'block';\n }, onExited: function (e) {\n e.style.display = 'none';\n } },\n React.createElement(\"div\", { \"aria-hidden\": true, className: prefixCls + \"-mask\", style: maskStyle }))) : null,\n React.createElement(\"div\", __assign({}, omit(rest, [\n 'content',\n 'icon',\n 'showIcon',\n 'isNotice',\n 'noticeType',\n 'onCancel',\n 'onOk',\n 'onConfirm',\n 'closable',\n 'prefixCls',\n ]), { tabIndex: !innerFocusLock || !innerAutoFocus ? -1 : null, ref: modalWrapperRef, className: cs(prefixCls + \"-wrapper\", (_b = {},\n _b[prefixCls + \"-wrapper-no-mask\"] = !mask,\n _b[prefixCls + \"-wrapper-align-center\"] = alignCenter,\n _b), wrapClassName), style: __assign(__assign({}, (wrapStyle || {})), { \n // 必须 visible=false，立即设置display:none，否则modal加载react-monaco-editor的时候，编辑器显示异常\n display: visible || wrapperVisible ? 'block' : 'none', overflow: !visible && wrapperVisible ? 'hidden' : '' }), \n // 如果 autoFocus 是 false 需要在 modal 外层绑定 onKeyDown, 因为此时 FocusLock 绑定的 onKeyDown 不起作用\n onKeyDown: !innerFocusLock || !innerAutoFocus ? onEscExit : null, onMouseDown: function (e) {\n maskClickRef.current = e.target === e.currentTarget;\n }, onClick: onClickMask }),\n React.createElement(CSSTransition, { in: visible, timeout: 400, appear: true, classNames: \"zoomModal\", unmountOnExit: unmountOnExit, mountOnEnter: mountOnEnter, onEnter: function (e) {\n setWrapperVisible(true);\n cursorPositionRef.current = cursorPosition;\n haveOriginTransformOrigin.current = !!e.style.transformOrigin;\n setTransformOrigin(e);\n }, onEntered: function (e) {\n setTransformOrigin(e);\n cursorPositionRef.current = null;\n afterOpen && afterOpen();\n }, onExit: function () {\n inExit.current = true;\n }, onExited: function (e) {\n setWrapperVisible(false);\n setTransformOrigin(e);\n afterClose && afterClose();\n inExit.current = false;\n } }, React.cloneElement((isFunction(modalRender) ? modalRender(modalDom) : modalDom), {\n onMouseDown: function () {\n maskClickRef.current = false;\n },\n onMouseUp: function () {\n maskClickRef.current = false;\n },\n }))))));\n}\nvar ExportedModalComponent = forwardRef(Modal);\nExportedModalComponent.displayName = 'Modal';\nExportedModalComponent.config = setModalConfig;\nExportedModalComponent.confirm = function (props) {\n return confirm(props);\n};\nExportedModalComponent.useModal = useModal;\n['info', 'success', 'warning', 'error'].forEach(function (type) {\n ExportedModalComponent[type] = function (props) {\n return confirm(__assign(__assign({}, props), { isNotice: true, noticeType: type }));\n };\n});\nExportedModalComponent.destroyAll = function () {\n while (destroyList.length) {\n var close_1 = destroyList.pop();\n if (close_1) {\n close_1();\n }\n }\n};\nexport default ExportedModalComponent;\n","import Modal from './modal';\nexport default Modal;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { useContext, useState, useRef } from 'react';\nimport cs from '../_util/classNames';\nimport { ConfigContext } from '../ConfigProvider';\nimport IconLeft from '../../icon/react-icon/IconLeft';\nimport Breadcrumb from '../Breadcrumb';\nimport IconHover from '../_class/icon-hover';\nimport ResizeObserver from '../_util/resizeObserver';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nfunction PageHeader(baseProps) {\n var _a, _b;\n var _c = useContext(ConfigContext), getPrefixCls = _c.getPrefixCls, componentConfig = _c.componentConfig;\n var props = useMergeProps(baseProps, {}, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.PageHeader);\n var title = props.title, subTitle = props.subTitle, extra = props.extra, children = props.children, backIcon = props.backIcon, footer = props.footer, breadcrumb = props.breadcrumb;\n var _d = __read(useState(false), 2), pageWrap = _d[0], setPageWrap = _d[1];\n var pageRef = useRef();\n var prefixCls = getPrefixCls('page-header');\n return (React.createElement(ResizeObserver, { onResize: function () {\n if (pageRef.current) {\n setPageWrap(pageRef.current.offsetWidth < 768);\n }\n } },\n React.createElement(\"div\", { ref: pageRef, className: cs(\"\" + prefixCls, (_a = {},\n _a[prefixCls + \"-with-breadcrumb\"] = breadcrumb,\n _a[prefixCls + \"-with-content\"] = children,\n _a[prefixCls + \"-with-footer\"] = footer,\n _a[prefixCls + \"-wrap\"] = pageWrap,\n _a), props.className), style: props.style },\n React.createElement(\"div\", { className: prefixCls + \"-head-wrapper\" },\n breadcrumb && React.createElement(Breadcrumb, __assign({}, breadcrumb)),\n React.createElement(\"div\", { className: prefixCls + \"-head\" },\n React.createElement(\"div\", { className: cs(prefixCls + \"-head-main\", (_b = {},\n _b[prefixCls + \"-head-main-with-back\"] = backIcon,\n _b)) },\n backIcon && (React.createElement(IconHover, { prefix: prefixCls, className: prefixCls + \"-back\", onClick: props.onBack },\n React.createElement(\"span\", { className: prefixCls + \"-back-icon\" }, backIcon === true ? React.createElement(IconLeft, null) : backIcon))),\n title && React.createElement(\"div\", { className: prefixCls + \"-title\" }, title),\n subTitle && (React.createElement(React.Fragment, null,\n React.createElement(\"div\", { className: prefixCls + \"-divider\" }),\n React.createElement(\"div\", { className: prefixCls + \"-sub-title\" }, subTitle)))),\n extra && React.createElement(\"div\", { className: prefixCls + \"-head-extra\" }, extra))),\n children && React.createElement(\"div\", { className: prefixCls + \"-content\" }, children),\n footer && React.createElement(\"div\", { className: prefixCls + \"-footer\" }, footer))));\n}\nPageHeader.displayName = 'PageHeader';\nexport default PageHeader;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { useState, forwardRef, useContext, useEffect } from 'react';\nimport FocusLock from 'react-focus-lock';\nimport Tooltip from '../Tooltip';\nimport Button from '../Button';\nimport IconExclamationCircleFill from '../../icon/react-icon/IconExclamationCircleFill';\nimport { ConfigContext } from '../ConfigProvider';\nimport useMergeValue from '../_util/hooks/useMergeValue';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nvar defaultProps = {\n position: 'top',\n okType: 'primary',\n icon: React.createElement(IconExclamationCircleFill, null),\n blurToHide: true,\n unmountOnExit: true,\n trigger: 'click',\n escToClose: true,\n};\nfunction Popconfirm(baseProps, ref) {\n var _a = useContext(ConfigContext), getPrefixCls = _a.getPrefixCls, locale = _a.locale, componentConfig = _a.componentConfig;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Popconfirm);\n var style = props.style, className = props.className, children = props.children, position = props.position, getPopupContainer = props.getPopupContainer, blurToHide = props.blurToHide, unmountOnExit = props.unmountOnExit, trigger = props.trigger, escToClose = props.escToClose, onVisibleChange = props.onVisibleChange, triggerProps = props.triggerProps, title = props.title, icon = props.icon, okText = props.okText, cancelText = props.cancelText, okType = props.okType, okButtonProps = props.okButtonProps, cancelButtonProps = props.cancelButtonProps, autoFocus = props.autoFocus, focusLock = props.focusLock, rest = __rest(props, [\"style\", \"className\", \"children\", \"position\", \"getPopupContainer\", \"blurToHide\", \"unmountOnExit\", \"trigger\", \"escToClose\", \"onVisibleChange\", \"triggerProps\", \"title\", \"icon\", \"okText\", \"cancelText\", \"okType\", \"okButtonProps\", \"cancelButtonProps\", \"autoFocus\", \"focusLock\"]);\n var _b = __read(useMergeValue(false, {\n defaultValue: props.defaultPopupVisible,\n value: props.popupVisible,\n }), 2), popupVisible = _b[0], setPopupVisible = _b[1];\n var _c = __read(useState(false), 2), buttonLoading = _c[0], setLoading = _c[1];\n var prefixCls = getPrefixCls('popconfirm');\n var handleVisibleChange = function (visible) {\n if (!('popupVisible' in props)) {\n setPopupVisible(visible);\n }\n if (triggerProps && triggerProps.onVisibleChange) {\n triggerProps.onVisibleChange(visible);\n }\n onVisibleChange && onVisibleChange(visible);\n };\n var closePopconfirm = function () {\n handleVisibleChange(false);\n };\n var onCancelPopconfirm = function (e) {\n closePopconfirm();\n props.onCancel && props.onCancel(e);\n };\n var onConfirmPopconfirm = function (e) {\n var _onConfirm = props.onOk || props.onConfirm;\n var ret;\n if (_onConfirm) {\n ret = _onConfirm(e);\n }\n if (ret && ret.then) {\n setLoading(true);\n ret.then(function () {\n closePopconfirm();\n }, function (e) {\n setLoading(false);\n console.error(e);\n });\n }\n if (!ret) {\n closePopconfirm();\n }\n };\n var renderPopconfirmContent = function () {\n var element = (React.createElement(React.Fragment, null,\n React.createElement(Button, __assign({ onClick: onCancelPopconfirm, size: \"mini\" }, cancelButtonProps), cancelText || locale.Popconfirm.cancelText),\n React.createElement(Button, __assign({ loading: buttonLoading, onClick: onConfirmPopconfirm, size: \"mini\", type: okType }, okButtonProps), okText || locale.Popconfirm.okText)));\n return (React.createElement(\"div\", { className: prefixCls + \"-wrapper\" },\n React.createElement(\"div\", { className: prefixCls + \"-title\" },\n icon && React.createElement(\"span\", { className: prefixCls + \"-title-icon\" }, icon),\n React.createElement(\"div\", { className: prefixCls + \"-title-text\" }, title)),\n React.createElement(\"div\", { className: prefixCls + \"-btn\" }, focusLock ? (React.createElement(FocusLock, { disabled: !popupVisible, autoFocus: !!autoFocus }, element)) : (element))));\n };\n useEffect(function () {\n if (!popupVisible && buttonLoading) {\n setLoading(false);\n }\n return function () {\n setLoading(false);\n };\n }, [popupVisible]);\n return (React.createElement(Tooltip, __assign({}, rest, { ref: ref, style: __assign({ maxWidth: 350 }, style), className: className, prefixCls: prefixCls, getPopupContainer: getPopupContainer, position: position, trigger: trigger, escToClose: escToClose, popupVisible: popupVisible, content: renderPopconfirmContent(), unmountOnExit: unmountOnExit, blurToHide: blurToHide, popupHoverStay: true, triggerProps: triggerProps, onVisibleChange: handleVisibleChange, childrenPrefix: prefixCls }), typeof children === 'string' ? React.createElement(\"span\", null, children) : children));\n}\nvar PopconfirmComponent = forwardRef(Popconfirm);\nPopconfirmComponent.displayName = 'Popconfirm';\nexport default PopconfirmComponent;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nimport React, { useCallback } from 'react';\nimport cs from '../_util/classNames';\nimport { isFunction, isObject } from '../_util/is';\nimport IconExclamationCircleFill from '../../icon/react-icon/IconExclamationCircleFill';\nvar getBackground = function (color, percent) {\n if (isObject(color)) {\n var val = Object.keys(color)\n .map(function (key) { return color[key] + \" \" + key; })\n .join(',');\n var sizeProps = percent ? { backgroundSize: (100 * 100) / percent + \"%\" } : {};\n return __assign({ backgroundImage: \"linear-gradient(to right, \" + val + \")\" }, sizeProps);\n }\n return {\n backgroundColor: color,\n };\n};\nvar defaultStrokeWidth = {\n small: 3,\n default: 4,\n large: 8,\n};\nfunction LineProgress(props) {\n var _a, _b;\n var \n // textInside,\n type = props.type, size = props.size, prefixCls = props.prefixCls, buffer = props.buffer, percent = props.percent, status = props.status, color = props.color, animation = props.animation, showText = props.showText, bufferColor = props.bufferColor, formatText = props.formatText, trailColor = props.trailColor;\n var strokeWidth = props.strokeWidth || defaultStrokeWidth[size];\n var cls = prefixCls + \"-\" + type;\n var height = strokeWidth;\n var isFinish = status === 'success' || status === 'error' || percent >= 100;\n var getText = useCallback(function () {\n if (isFunction(formatText)) {\n return formatText(percent);\n }\n switch (status) {\n case 'error':\n return (React.createElement(\"span\", null,\n percent,\n \"% \",\n React.createElement(IconExclamationCircleFill, null)));\n default:\n return percent + \"%\";\n }\n }, [formatText, percent, status]);\n return (React.createElement(\"div\", { className: cls + \"-wrapper\" },\n React.createElement(\"div\", { className: cls + \"-outer\", role: \"progressbar\", \"aria-valuemin\": 0, \"aria-valuemax\": 100, \"aria-valuenow\": percent, style: { height: height, backgroundColor: trailColor } },\n buffer && !isFinish && (React.createElement(\"div\", { className: cls + \"-inner-buffer\", style: __assign({ width: (percent > 0 ? percent + 10 : 0) + \"%\" }, getBackground(bufferColor)) })),\n React.createElement(\"div\", { className: cs(cls + \"-inner\", (_a = {}, _a[cls + \"-inner-animate\"] = animation, _a)), style: __assign({ width: percent + \"%\" }, getBackground(color, percent)) })),\n showText && (React.createElement(\"div\", { className: cs(cls + \"-text\", (_b = {}, _b[cls + \"-text-with-icon\"] = status, _b)) }, getText()))));\n}\nLineProgress.defaultProps = {\n showText: true,\n size: 'default',\n status: 'normal',\n};\nexport default LineProgress;\n","import _extends from \"@babel/runtime/helpers/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\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\nimport React, { useContext } from 'react';\nimport { IconContext } from '../context';\n\nfunction IconExclamationComponent(iconProps, ref) {\n var _useContext = useContext(IconContext),\n _useContext$prefixCls = _useContext.prefixCls,\n prefixCls = _useContext$prefixCls === void 0 ? 'arco' : _useContext$prefixCls;\n\n var spin = iconProps.spin,\n className = iconProps.className;\n\n var props = _objectSpread(_objectSpread({\n \"aria-hidden\": true,\n focusable: false,\n ref: ref\n }, iconProps), {}, {\n className: \"\".concat(className ? className + ' ' : '').concat(prefixCls, \"-icon \").concat(prefixCls, \"-icon-exclamation\")\n });\n\n if (spin) {\n props.className = \"\".concat(props.className, \" \").concat(prefixCls, \"-icon-loading\");\n }\n\n delete props.spin;\n delete props.isIcon;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"4\",\n viewBox: \"0 0 48 48\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M23 9H25V30H23z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"currentColor\",\n stroke: \"none\",\n d: \"M23 9H25V30H23z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M23 37H25V39H23z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"currentColor\",\n stroke: \"none\",\n d: \"M23 37H25V39H23z\"\n }));\n}\n\nvar IconExclamation = /*#__PURE__*/React.forwardRef(IconExclamationComponent);\nIconExclamation.defaultProps = {\n isIcon: true\n};\nIconExclamation.displayName = 'IconExclamation';\nexport default IconExclamation;","import React, { useCallback, useMemo } from 'react';\nimport { isFunction, isObject } from '../_util/is';\nimport IconCheck from '../../icon/react-icon/IconCheck';\nimport IconExclamation from '../../icon/react-icon/IconExclamation';\nimport Tooltip from '../Tooltip';\nvar defaultStrokeWidth = {\n mini: 4,\n small: 3,\n default: 4,\n large: 4,\n};\nvar defaultWidth = {\n mini: 16,\n small: 48,\n default: 64,\n large: 80,\n};\nvar __ARCO_PROGRESS_SEED = 0;\nvar CircleProgress = function (props) {\n var size = props.size, _a = props.percent, percent = _a === void 0 ? 0 : _a, prefixCls = props.prefixCls, showText = props.showText, status = props.status, formatText = props.formatText;\n var isLinearGradient = isObject(props.color);\n var width = props.width || defaultWidth[size];\n var strokeWidth = props.strokeWidth || (size === 'mini' ? width / 2 : defaultStrokeWidth[size]);\n var radius = (width - strokeWidth) / 2;\n var perimeter = Math.PI * 2 * radius;\n var center = width / 2;\n var cls = prefixCls + \"-circle\";\n var svgCls = cls + \"-svg\";\n var getText = useCallback(function (status) {\n if (isFunction(formatText)) {\n return formatText(percent);\n }\n switch (status) {\n case 'success':\n return React.createElement(IconCheck, null);\n case 'error':\n return React.createElement(IconExclamation, null);\n default:\n return percent + \"%\";\n }\n }, [formatText, percent]);\n var linearGradientId = useMemo(function () {\n __ARCO_PROGRESS_SEED += 1;\n return prefixCls + \"-linear-gradient-\" + __ARCO_PROGRESS_SEED;\n }, []);\n var color = isLinearGradient ? \"url(#\" + linearGradientId + \")\" : props.color;\n var dom = (React.createElement(\"div\", { className: cls + \"-wrapper\", role: \"progressbar\", \"aria-valuemin\": 0, \"aria-valuemax\": 100, \"aria-valuenow\": percent, style: { width: width, height: width } },\n React.createElement(\"svg\", { viewBox: \"0 0 \" + width + \" \" + width, className: \"\" + svgCls },\n isLinearGradient && (React.createElement(\"defs\", null,\n React.createElement(\"linearGradient\", { id: linearGradientId, x1: \"0\", y1: \"1\", x2: \"0\", y2: \"0\" }, Object.keys(props.color)\n .sort()\n .map(function (key) {\n return React.createElement(\"stop\", { offset: key, key: key, stopColor: props.color[key] });\n })))),\n React.createElement(\"circle\", { className: cls + \"-mask\", fill: \"none\", cx: center, cy: center, r: radius, strokeWidth: props.pathStrokeWidth || (size === 'mini' ? strokeWidth : Math.max(2, strokeWidth - 2)), style: {\n stroke: props.pathStrokeColor,\n } }),\n React.createElement(\"circle\", { className: cls + \"-path\", fill: \"none\", cx: center, cy: center, r: radius, strokeWidth: strokeWidth, style: {\n stroke: color,\n strokeDasharray: perimeter,\n strokeDashoffset: (percent > 100 ? 100 : 1 - percent / 100) * perimeter,\n } })),\n showText && size !== 'mini' && React.createElement(\"div\", { className: cls + \"-text\" }, getText(status))));\n // type === line 时候，返回的是一个圆环\n if (size === 'mini' && status === 'success' && props.type === 'circle') {\n dom = (React.createElement(\"div\", { className: cls + \"-wrapper\", style: { width: width, height: width } },\n React.createElement(IconCheck, { style: { fontSize: width - 2, color: color } })));\n }\n return size === 'mini' && showText ? (React.createElement(Tooltip, { content: React.createElement(\"div\", { className: cls + \"-text\" }, getText('normal')) }, dom)) : (dom);\n};\nexport default CircleProgress;\n","var __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport React, { useCallback } from 'react';\nimport cs from '../_util/classNames';\nimport { isFunction } from '../_util/is';\nimport IconExclamationCircleFill from '../../icon/react-icon/IconExclamationCircleFill';\nexport var StepsProgress = function (props) {\n var _a;\n var size = props.size, prefixCls = props.prefixCls, percent = props.percent, status = props.status, color = props.color, type = props.type, showText = props.showText, formatText = props.formatText, trailColor = props.trailColor;\n var strokeWidth = props.strokeWidth || (size === 'small' ? 8 : 4);\n var cls = prefixCls + \"-\" + type;\n var height = strokeWidth;\n var getText = useCallback(function () {\n if (isFunction(formatText)) {\n return formatText(percent);\n }\n switch (status) {\n case 'error':\n return (React.createElement(\"span\", null,\n percent,\n \"% \",\n React.createElement(IconExclamationCircleFill, null)));\n default:\n return percent + \"%\";\n }\n }, [formatText, percent, status]);\n return (React.createElement(\"div\", { className: cls + \"-wrapper\" },\n React.createElement(\"div\", { className: cls + \"-outer\", role: \"progressbar\", \"aria-valuemin\": 0, \"aria-valuemax\": 100, \"aria-valuenow\": percent, style: { height: height } }, __spreadArray([], __read(new Array(props.steps)), false).map(function (_, index) {\n var _a;\n var isActive = percent > (100 / props.steps) * index;\n return (React.createElement(\"div\", { key: index, className: cs(cls + \"-item\", (_a = {},\n _a[cls + \"-item-active\"] = isActive,\n _a)), style: {\n backgroundColor: isActive ? color : trailColor || '',\n } }));\n })),\n showText && (React.createElement(\"div\", { className: cs(cls + \"-text\", (_a = {}, _a[cls + \"-text-with-icon\"] = status, _a)) }, getText()))));\n};\nStepsProgress.defaultProps = {\n showText: true,\n size: 'default',\n status: 'normal',\n};\nexport default StepsProgress;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nimport React, { forwardRef, useContext } from 'react';\nimport cs from '../_util/classNames';\nimport { ConfigContext } from '../ConfigProvider';\nimport LineProgress from './line-progess';\nimport CircleProgress from './circle-progress';\nimport StepsProgress from './steps-progress';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nvar defaultProps = {\n type: 'line',\n showText: true,\n percent: 0,\n size: 'default',\n};\nfunction Progress(baseProps, ref) {\n var _a;\n var _b = useContext(ConfigContext), getPrefixCls = _b.getPrefixCls, componentConfig = _b.componentConfig;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Progress);\n var className = props.className, style = props.style, size = props.size, width = props.width, strokeWidth = props.strokeWidth, steps = props.steps, percent = props.percent;\n var type = steps && props.type !== 'circle' ? 'steps' : props.type;\n var prefixCls = getPrefixCls('progress');\n var status = 'status' in props ? props.status : percent >= 100 ? 'success' : 'normal';\n var widthStyle = { width: width };\n if (size === 'mini' && type === 'line') {\n widthStyle.width = width || 16;\n widthStyle.height = width || 16;\n }\n return (React.createElement(\"div\", { ref: ref, className: cs(prefixCls, prefixCls + \"-\" + type, prefixCls + \"-\" + size, (_a = {},\n _a[prefixCls + \"-is-\" + status] = status !== 'normal',\n _a), className), style: __assign(__assign({}, widthStyle), style) },\n type === 'steps' && (React.createElement(StepsProgress, __assign({}, props, { type: type, status: status, prefixCls: prefixCls }))),\n type === 'circle' && (React.createElement(CircleProgress, __assign({ width: props.width }, props, { pathStrokeColor: props.trailColor, status: status, prefixCls: prefixCls }))),\n type === 'line' &&\n (size === 'mini' ? (React.createElement(CircleProgress, __assign({ pathStrokeColor: props.trailColor }, props, { pathStrokeWidth: strokeWidth || 4, width: width || 16, strokeWidth: strokeWidth || 4, prefixCls: prefixCls, status: status }))) : (React.createElement(LineProgress, __assign({}, props, { status: status, prefixCls: prefixCls }))))));\n}\nvar ProgressRef = forwardRef(Progress);\nProgressRef.displayName = 'Progress';\nexport default ProgressRef;\n","import _extends from \"@babel/runtime/helpers/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\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\nimport React, { useContext } from 'react';\nimport { IconContext } from '../context';\n\nfunction IconStarFillComponent(iconProps, ref) {\n var _useContext = useContext(IconContext),\n _useContext$prefixCls = _useContext.prefixCls,\n prefixCls = _useContext$prefixCls === void 0 ? 'arco' : _useContext$prefixCls;\n\n var spin = iconProps.spin,\n className = iconProps.className;\n\n var props = _objectSpread(_objectSpread({\n \"aria-hidden\": true,\n focusable: false,\n ref: ref\n }, iconProps), {}, {\n className: \"\".concat(className ? className + ' ' : '').concat(prefixCls, \"-icon \").concat(prefixCls, \"-icon-star-fill\")\n });\n\n if (spin) {\n props.className = \"\".concat(props.className, \" \").concat(prefixCls, \"-icon-loading\");\n }\n\n delete props.spin;\n delete props.isIcon;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"4\",\n viewBox: \"0 0 48 48\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"currentColor\",\n stroke: \"none\",\n d: \"M22.683 5.415c.568-1.043 2.065-1.043 2.634 0l5.507 10.098a1.5 1.5 0 0 0 1.04.756l11.306 2.117c1.168.219 1.63 1.642.814 2.505l-7.902 8.359a1.5 1.5 0 0 0-.397 1.223l1.48 11.407c.153 1.177-1.058 2.057-2.131 1.548l-10.391-4.933a1.5 1.5 0 0 0-1.287 0l-10.39 4.933c-1.073.51-2.284-.37-2.131-1.548l1.48-11.407a1.5 1.5 0 0 0-.398-1.223L4.015 20.89c-.816-.863-.353-2.286.814-2.505l11.306-2.117a1.5 1.5 0 0 0 1.04-.756l5.508-10.098Z\"\n }));\n}\n\nvar IconStarFill = /*#__PURE__*/React.forwardRef(IconStarFillComponent);\nIconStarFill.defaultProps = {\n isIcon: true\n};\nIconStarFill.displayName = 'IconStarFill';\nexport default IconStarFill;","import _extends from \"@babel/runtime/helpers/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\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\nimport React, { useContext } from 'react';\nimport { IconContext } from '../context';\n\nfunction IconFaceMehFillComponent(iconProps, ref) {\n var _useContext = useContext(IconContext),\n _useContext$prefixCls = _useContext.prefixCls,\n prefixCls = _useContext$prefixCls === void 0 ? 'arco' : _useContext$prefixCls;\n\n var spin = iconProps.spin,\n className = iconProps.className;\n\n var props = _objectSpread(_objectSpread({\n \"aria-hidden\": true,\n focusable: false,\n ref: ref\n }, iconProps), {}, {\n className: \"\".concat(className ? className + ' ' : '').concat(prefixCls, \"-icon \").concat(prefixCls, \"-icon-face-meh-fill\")\n });\n\n if (spin) {\n props.className = \"\".concat(props.className, \" \").concat(prefixCls, \"-icon-loading\");\n }\n\n delete props.spin;\n delete props.isIcon;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"4\",\n viewBox: \"0 0 48 48\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"currentColor\",\n fillRule: \"evenodd\",\n stroke: \"none\",\n d: \"M24 44c11.046 0 20-8.954 20-20S35.046 4 24 4 4 12.954 4 24s8.954 20 20 20Zm7.321-26.873a2.625 2.625 0 1 1 0 5.25 2.625 2.625 0 0 1 0-5.25Zm-14.646 0a2.625 2.625 0 1 1 0 5.25 2.625 2.625 0 0 1 0-5.25ZM15.999 30a2 2 0 0 1 2-2h12a2 2 0 1 1 0 4H18a2 2 0 0 1-2-2Z\",\n clipRule: \"evenodd\"\n }));\n}\n\nvar IconFaceMehFill = /*#__PURE__*/React.forwardRef(IconFaceMehFillComponent);\nIconFaceMehFill.defaultProps = {\n isIcon: true\n};\nIconFaceMehFill.displayName = 'IconFaceMehFill';\nexport default IconFaceMehFill;","import _extends from \"@babel/runtime/helpers/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\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\nimport React, { useContext } from 'react';\nimport { IconContext } from '../context';\n\nfunction IconFaceSmileFillComponent(iconProps, ref) {\n var _useContext = useContext(IconContext),\n _useContext$prefixCls = _useContext.prefixCls,\n prefixCls = _useContext$prefixCls === void 0 ? 'arco' : _useContext$prefixCls;\n\n var spin = iconProps.spin,\n className = iconProps.className;\n\n var props = _objectSpread(_objectSpread({\n \"aria-hidden\": true,\n focusable: false,\n ref: ref\n }, iconProps), {}, {\n className: \"\".concat(className ? className + ' ' : '').concat(prefixCls, \"-icon \").concat(prefixCls, \"-icon-face-smile-fill\")\n });\n\n if (spin) {\n props.className = \"\".concat(props.className, \" \").concat(prefixCls, \"-icon-loading\");\n }\n\n delete props.spin;\n delete props.isIcon;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"4\",\n viewBox: \"0 0 48 48\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"currentColor\",\n fillRule: \"evenodd\",\n stroke: \"none\",\n d: \"M24 44c11.046 0 20-8.954 20-20S35.046 4 24 4 4 12.954 4 24s8.954 20 20 20Zm7.321-26.873a2.625 2.625 0 1 1 0 5.25 2.625 2.625 0 0 1 0-5.25Zm-14.646 0a2.625 2.625 0 1 1 0 5.25 2.625 2.625 0 0 1 0-5.25Zm-.355 9.953a1.91 1.91 0 0 1 2.694.177 6.66 6.66 0 0 0 5.026 2.279c1.918 0 3.7-.81 4.961-2.206a1.91 1.91 0 0 1 2.834 2.558 10.476 10.476 0 0 1-7.795 3.466 10.477 10.477 0 0 1-7.897-3.58 1.91 1.91 0 0 1 .177-2.694Z\",\n clipRule: \"evenodd\"\n }));\n}\n\nvar IconFaceSmileFill = /*#__PURE__*/React.forwardRef(IconFaceSmileFillComponent);\nIconFaceSmileFill.defaultProps = {\n isIcon: true\n};\nIconFaceSmileFill.displayName = 'IconFaceSmileFill';\nexport default IconFaceSmileFill;","import _extends from \"@babel/runtime/helpers/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\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\nimport React, { useContext } from 'react';\nimport { IconContext } from '../context';\n\nfunction IconFaceFrownFillComponent(iconProps, ref) {\n var _useContext = useContext(IconContext),\n _useContext$prefixCls = _useContext.prefixCls,\n prefixCls = _useContext$prefixCls === void 0 ? 'arco' : _useContext$prefixCls;\n\n var spin = iconProps.spin,\n className = iconProps.className;\n\n var props = _objectSpread(_objectSpread({\n \"aria-hidden\": true,\n focusable: false,\n ref: ref\n }, iconProps), {}, {\n className: \"\".concat(className ? className + ' ' : '').concat(prefixCls, \"-icon \").concat(prefixCls, \"-icon-face-frown-fill\")\n });\n\n if (spin) {\n props.className = \"\".concat(props.className, \" \").concat(prefixCls, \"-icon-loading\");\n }\n\n delete props.spin;\n delete props.isIcon;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"4\",\n viewBox: \"0 0 48 48\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"currentColor\",\n fillRule: \"evenodd\",\n stroke: \"none\",\n d: \"M24 44c11.046 0 20-8.954 20-20S35.046 4 24 4 4 12.954 4 24s8.954 20 20 20Zm7.322-26.873a2.625 2.625 0 1 1 0 5.25 2.625 2.625 0 0 1 0-5.25Zm-14.646 0a2.625 2.625 0 1 1 0 5.25 2.625 2.625 0 0 1 0-5.25ZM31.68 32.88a1.91 1.91 0 0 1-2.694-.176 6.66 6.66 0 0 0-5.026-2.28c-1.918 0-3.701.81-4.962 2.207a1.91 1.91 0 0 1-2.834-2.559 10.476 10.476 0 0 1 7.796-3.465c3.063 0 5.916 1.321 7.896 3.58a1.909 1.909 0 0 1-.176 2.693Z\",\n clipRule: \"evenodd\"\n }));\n}\n\nvar IconFaceFrownFill = /*#__PURE__*/React.forwardRef(IconFaceFrownFillComponent);\nIconFaceFrownFill.defaultProps = {\n isIcon: true\n};\nIconFaceFrownFill.displayName = 'IconFaceFrownFill';\nexport default IconFaceFrownFill;","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { useState, useContext } from 'react';\nimport NP from 'number-precision';\nimport cs from '../_util/classNames';\nimport IconStarFill from '../../icon/react-icon/IconStarFill';\nimport IconFaceMehFill from '../../icon/react-icon/IconFaceMehFill';\nimport IconFaceSmileFill from '../../icon/react-icon/IconFaceSmileFill';\nimport IconFaceFrownFill from '../../icon/react-icon/IconFaceFrownFill';\nimport { ConfigContext } from '../ConfigProvider';\nimport Tooltip from '../Tooltip';\nimport omit from '../_util/omit';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nNP.enableBoundaryChecking(false);\nvar defaultProps = {\n character: React.createElement(IconStarFill, null),\n count: 5,\n};\nfunction Rate(baseProps, ref) {\n var _a;\n var _this = this;\n var _b = useContext(ConfigContext), getPrefixCls = _b.getPrefixCls, componentConfig = _b.componentConfig;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Rate);\n var _c = props.style, style = _c === void 0 ? {} : _c, className = props.className, defaultValue = props.defaultValue, character = props.character, count = props.count, propValue = props.value, tooltips = props.tooltips, allowHalf = props.allowHalf, allowClear = props.allowClear, readonly = props.readonly, disabled = props.disabled, grading = props.grading, onChange = props.onChange, onHoverChange = props.onHoverChange, restProps = __rest(props, [\"style\", \"className\", \"defaultValue\", \"character\", \"count\", \"value\", \"tooltips\", \"allowHalf\", \"allowClear\", \"readonly\", \"disabled\", \"grading\", \"onChange\", \"onHoverChange\"]);\n var _d = __read(useState(defaultValue || propValue || 0), 2), value = _d[0], setValue = _d[1];\n var _e = __read(useState(0), 2), hoverIndex = _e[0], setHoverIndex = _e[1];\n var _f = __read(useState(), 2), animation = _f[0], setAnimation = _f[1];\n var prefixCls = getPrefixCls('rate');\n var classNames = cs(prefixCls, (_a = {},\n _a[prefixCls + \"-readonly\"] = readonly,\n _a[prefixCls + \"-disabled\"] = disabled,\n _a), className);\n var mergedValue = 'value' in props ? propValue : value;\n var resetHoverIndex = function () {\n if (hoverIndex) {\n setHoverIndex(0);\n onHoverChange && onHoverChange(0);\n }\n };\n var onMouseEnter = function (index, isHalf) {\n var newHoverIndex = isHalf && allowHalf ? index + 0.5 : index + 1;\n if (newHoverIndex !== hoverIndex) {\n setHoverIndex(newHoverIndex);\n onHoverChange && onHoverChange(newHoverIndex);\n }\n };\n var onClick = function (index, isHalf) {\n var newValue = isHalf && allowHalf ? index + 0.5 : index + 1;\n setAnimation(true);\n if (newValue !== mergedValue) {\n setValue(newValue);\n onChange && onChange(newValue);\n }\n else if (allowClear) {\n setValue(0);\n onChange && onChange(0);\n resetHoverIndex();\n }\n };\n var renderCharacter = function (index) {\n var _a;\n // fix number like 3.7\n var fixedValue = allowHalf\n ? NP.times(+NP.divide(mergedValue || 0, 0.5).toFixed(0), 0.5)\n : Math.round(mergedValue);\n var _usedIndex = hoverIndex || fixedValue;\n var _usedCharacter = typeof character === 'function' ? character(index) : character;\n if (grading) {\n if (_usedIndex <= 2) {\n _usedCharacter = React.createElement(IconFaceFrownFill, null);\n }\n else if (_usedIndex <= 3) {\n _usedCharacter = React.createElement(IconFaceMehFill, null);\n }\n else {\n _usedCharacter = React.createElement(IconFaceSmileFill, null);\n }\n if (_usedIndex <= index) {\n _usedCharacter = React.createElement(IconFaceMehFill, null);\n }\n }\n var classNames = cs(prefixCls + \"-character\", (_a = {},\n _a[prefixCls + \"-character-half\"] = allowHalf && index + 0.5 === _usedIndex,\n _a[prefixCls + \"-character-full\"] = index + 1 <= _usedIndex,\n _a[prefixCls + \"-character-scale\"] = animation && index + 1 < mergedValue,\n _a));\n var leftProps = readonly || disabled\n ? {}\n : {\n onMouseEnter: onMouseEnter.bind(_this, index, true),\n onClick: onClick.bind(_this, index, true),\n };\n var rightProps = readonly || disabled\n ? {}\n : {\n onMouseEnter: onMouseEnter.bind(_this, index, false),\n onClick: onClick.bind(_this, index, false),\n };\n var tooltip = tooltips && tooltips[index];\n var CharacterWrapper = tooltip ? Tooltip : React.Fragment;\n var tooltipProps = tooltip ? { content: tooltip } : {};\n function getAriaProps(isHalf) {\n return {\n role: 'radio',\n 'aria-checked': index + (isHalf ? 0.5 : 1) <= _usedIndex,\n 'aria-setsize': count,\n 'aria-posinset': index + (isHalf ? 0.5 : 1),\n };\n }\n return (React.createElement(CharacterWrapper, __assign({ key: index }, tooltipProps),\n React.createElement(\"div\", __assign({ className: classNames, style: animation ? { animationDelay: 50 * index + \"ms\" } : {}, onAnimationEnd: function () {\n if (animation && index + 1 >= mergedValue - 1) {\n setAnimation(false);\n }\n } }, (!allowHalf ? getAriaProps() : {})),\n React.createElement(\"div\", __assign({ className: prefixCls + \"-character-left\" }, leftProps, (allowHalf ? getAriaProps(true) : {})), _usedCharacter),\n React.createElement(\"div\", __assign({ className: prefixCls + \"-character-right\" }, rightProps, (allowHalf ? getAriaProps() : {})), _usedCharacter))));\n };\n return (React.createElement(\"div\", __assign({ ref: ref }, omit(restProps, ['error']), { style: style, className: classNames, onMouseLeave: resetHoverIndex }),\n React.createElement(\"div\", { className: prefixCls + \"-inner\" }, Array.apply(null, Array(grading ? 5 : count)).map(function (_, index) { return renderCharacter(index); }))));\n}\nvar RateComponent = React.forwardRef(Rate);\nRateComponent.displayName = 'Rate';\nexport default RateComponent;\n","import _extends from \"@babel/runtime/helpers/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\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\nimport React, { useContext } from 'react';\nimport { IconContext } from '../context';\n\nfunction IconInfoComponent(iconProps, ref) {\n var _useContext = useContext(IconContext),\n _useContext$prefixCls = _useContext.prefixCls,\n prefixCls = _useContext$prefixCls === void 0 ? 'arco' : _useContext$prefixCls;\n\n var spin = iconProps.spin,\n className = iconProps.className;\n\n var props = _objectSpread(_objectSpread({\n \"aria-hidden\": true,\n focusable: false,\n ref: ref\n }, iconProps), {}, {\n className: \"\".concat(className ? className + ' ' : '').concat(prefixCls, \"-icon \").concat(prefixCls, \"-icon-info\")\n });\n\n if (spin) {\n props.className = \"\".concat(props.className, \" \").concat(prefixCls, \"-icon-loading\");\n }\n\n delete props.spin;\n delete props.isIcon;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"4\",\n viewBox: \"0 0 48 48\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M25 39H27V60H25z\",\n transform: \"rotate(180 25 39)\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"currentColor\",\n stroke: \"none\",\n d: \"M25 39H27V60H25z\",\n transform: \"rotate(180 25 39)\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M25 11H27V13H25z\",\n transform: \"rotate(180 25 11)\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"currentColor\",\n stroke: \"none\",\n d: \"M25 11H27V13H25z\",\n transform: \"rotate(180 25 11)\"\n }));\n}\n\nvar IconInfo = /*#__PURE__*/React.forwardRef(IconInfoComponent);\nIconInfo.defaultProps = {\n isIcon: true\n};\nIconInfo.displayName = 'IconInfo';\nexport default IconInfo;","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { forwardRef, useContext } from 'react';\nimport cs from '../_util/classNames';\nimport { ConfigContext } from '../ConfigProvider';\nimport IconCheck from '../../icon/react-icon/IconCheck';\nimport IconExclamation from '../../icon/react-icon/IconExclamation';\nimport IconInfo from '../../icon/react-icon/IconInfo';\nimport IconClose from '../../icon/react-icon/IconClose';\nimport Image404 from './404';\nimport Image403 from './403';\nimport Image500 from './500';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nvar defaultIcons = {\n success: React.createElement(IconCheck, null),\n info: React.createElement(IconInfo, null),\n warning: React.createElement(IconExclamation, null),\n error: React.createElement(IconClose, null),\n '404': React.createElement(Image404, null),\n '403': React.createElement(Image403, null),\n '500': React.createElement(Image500, null),\n};\nvar defaultProps = {\n status: 'info',\n};\nfunction Result(baseProps, ref) {\n var _a, _b;\n var _c = useContext(ConfigContext), getPrefixCls = _c.getPrefixCls, componentConfig = _c.componentConfig;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Result);\n var className = props.className, style = props.style, status = props.status, title = props.title, subTitle = props.subTitle, extra = props.extra, children = props.children, propsIcon = props.icon, rest = __rest(props, [\"className\", \"style\", \"status\", \"title\", \"subTitle\", \"extra\", \"children\", \"icon\"]);\n var prefixCls = getPrefixCls('result');\n var icon = 'icon' in props ? propsIcon : defaultIcons[status];\n return (React.createElement(\"div\", __assign({ ref: ref, className: cs(prefixCls, (_a = {},\n _a[prefixCls + \"-is-\" + status] = status,\n _a), className), style: style }, rest),\n icon && (React.createElement(\"div\", { className: prefixCls + \"-icon\" },\n React.createElement(\"span\", { className: cs(prefixCls + \"-icon-tip\", (_b = {},\n _b[prefixCls + \"-icon-\" + status] = status,\n _b[prefixCls + \"-icon-custom\"] = status === null,\n _b)) }, icon))),\n title && React.createElement(\"div\", { className: prefixCls + \"-title\" }, title),\n subTitle && React.createElement(\"div\", { className: prefixCls + \"-subtitle\" }, subTitle),\n extra && React.createElement(\"div\", { className: prefixCls + \"-extra\" }, extra),\n children && React.createElement(\"div\", { className: prefixCls + \"-content\" }, children)));\n}\nvar ResultRef = forwardRef(Result);\nResultRef.displayName = 'Result';\nexport default ResultRef;\n","import React from 'react';\nexport default function Image404() {\n return (React.createElement(\"svg\", { width: \"100%\", height: \"100%\", viewBox: \"0 0 213 213\", style: {\n fillRule: 'evenodd',\n clipRule: 'evenodd',\n strokeLinejoin: 'round',\n strokeMiterlimit: 2,\n } },\n React.createElement(\"g\", { transform: \"matrix(1,0,0,1,-1241.95,-445.62)\" },\n React.createElement(\"g\", null,\n React.createElement(\"g\", { transform: \"matrix(1,0,0,1,295.2,-87.3801)\" },\n React.createElement(\"circle\", { cx: \"1053.23\", cy: \"639.477\", r: \"106.477\", style: { fill: 'rgb(235, 238, 246)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.38223,0,0,0.38223,1126.12,238.549)\" },\n React.createElement(\"g\", { transform: \"matrix(0.566536,0.327089,-1.28774,0.74348,763.4,317.171)\" },\n React.createElement(\"rect\", { x: \"657.012\", y: \"404.643\", width: \"198.586\", height: \"145.08\", style: { fillOpacity: 0.1 } })),\n React.createElement(\"g\", { transform: \"matrix(0.29595,0.170867,-0.91077,0.525833,873.797,588.624)\" },\n React.createElement(\"rect\", { x: \"657.012\", y: \"404.643\", width: \"198.586\", height: \"145.08\", style: { fillOpacity: 0.1 } })),\n React.createElement(\"g\", { transform: \"matrix(1,0,0,1,275,-15)\" },\n React.createElement(\"path\", { d: \"M262.077,959.012L276.923,959.012L273.388,1004.01C273.388,1004.59 273.009,1005.16 272.25,1005.6C270.732,1006.48 268.268,1006.48 266.75,1005.6C265.991,1005.16 265.612,1004.59 265.612,1004.01L262.077,959.012Z\", style: { fill: 'rgb(196, 173, 142)' } }),\n React.createElement(\"g\", { transform: \"matrix(0.866025,-0.5,1,0.57735,0,-45)\" },\n React.createElement(\"ellipse\", { cx: \"-848.416\", cy: \"1004.25\", rx: \"6.062\", ry: \"5.25\", style: { fill: 'rgb(255, 125, 0)' } }))),\n React.createElement(\"g\", { transform: \"matrix(1,0,0,1,183.952,-67.5665)\" },\n React.createElement(\"path\", { d: \"M262.077,959.012L276.923,959.012L273.388,1004.01C273.388,1004.59 273.009,1005.16 272.25,1005.6C270.732,1006.48 268.268,1006.48 266.75,1005.6C265.991,1005.16 265.612,1004.59 265.612,1004.01L262.077,959.012Z\", style: { fill: 'rgb(196, 173, 142)' } }),\n React.createElement(\"g\", { transform: \"matrix(0.866025,-0.5,1,0.57735,0,-45)\" },\n React.createElement(\"ellipse\", { cx: \"-848.416\", cy: \"1004.25\", rx: \"6.062\", ry: \"5.25\", style: { fill: 'rgb(255, 125, 0)' } }))),\n React.createElement(\"g\", { transform: \"matrix(1,0,0,1,414,-95.2517)\" },\n React.createElement(\"path\", { d: \"M262.077,959.012L276.923,959.012L273.388,1004.01C273.388,1004.59 273.009,1005.16 272.25,1005.6C270.732,1006.48 268.268,1006.48 266.75,1005.6C265.991,1005.16 265.612,1004.59 265.612,1004.01L262.077,959.012Z\", style: { fill: 'rgb(196, 173, 142)' } }),\n React.createElement(\"g\", { transform: \"matrix(0.866025,-0.5,1,0.57735,0,-45)\" },\n React.createElement(\"ellipse\", { cx: \"-848.416\", cy: \"1004.25\", rx: \"6.062\", ry: \"5.25\", style: { fill: 'rgb(255, 125, 0)' } }))),\n React.createElement(\"g\", { transform: \"matrix(1,0,0,1,322.952,-147.818)\" },\n React.createElement(\"path\", { d: \"M262.077,959.012L276.923,959.012L273.388,1004.01C273.388,1004.59 273.009,1005.16 272.25,1005.6C270.732,1006.48 268.268,1006.48 266.75,1005.6C265.991,1005.16 265.612,1004.59 265.612,1004.01L262.077,959.012Z\", style: { fill: 'rgb(196, 173, 142)' } }),\n React.createElement(\"g\", { transform: \"matrix(0.866025,-0.5,1,0.57735,0,-45)\" },\n React.createElement(\"ellipse\", { cx: \"-848.416\", cy: \"1004.25\", rx: \"6.062\", ry: \"5.25\", style: { fill: 'rgb(255, 125, 0)' } }))),\n React.createElement(\"g\", null,\n React.createElement(\"g\", { transform: \"matrix(1.42334,-0.821763,1.11271,0.642426,-1439.64,459.621)\" },\n React.createElement(\"rect\", { x: \"495.52\", y: \"1057.87\", width: \"105.078\", height: \"91\", style: { fill: 'rgb(253, 243, 228)' } })),\n React.createElement(\"g\", { transform: \"matrix(1.40786,-0.812831,6.60237e-16,1.99081,-2052.17,-84.7286)\" },\n React.createElement(\"rect\", { x: \"1844.06\", y: \"1192.54\", width: \"106.232\", height: \"92\", style: { fill: 'rgb(196, 173, 142)' } })),\n React.createElement(\"g\", { transform: \"matrix(1.26159,-0.728382,5.91642e-16,1.78397,-1774.67,11.2303)\" },\n React.createElement(\"path\", { d: \"M1950.29,1194.38C1950.29,1193.37 1949.41,1192.54 1948.34,1192.54L1846.01,1192.54C1844.93,1192.54 1844.06,1193.37 1844.06,1194.38L1844.06,1282.7C1844.06,1283.72 1844.93,1284.54 1846.01,1284.54L1948.34,1284.54C1949.41,1284.54 1950.29,1283.72 1950.29,1282.7L1950.29,1194.38Z\", style: { fill: 'rgb(132, 97, 51)' } })),\n React.createElement(\"g\", { transform: \"matrix(1.2198,-0.704254,5.72043e-16,1.72488,-1697.6,37.2103)\" },\n React.createElement(\"path\", { d: \"M1950.29,1194.38C1950.29,1193.37 1949.41,1192.54 1948.34,1192.54L1846.01,1192.54C1844.93,1192.54 1844.06,1193.37 1844.06,1194.38L1844.06,1282.7C1844.06,1283.72 1844.93,1284.54 1846.01,1284.54L1948.34,1284.54C1949.41,1284.54 1950.29,1283.72 1950.29,1282.7L1950.29,1194.38Z\", style: { fill: 'rgb(196, 173, 142)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.707187,0.408295,9.06119e-17,1.54833,-733.949,683.612)\" },\n React.createElement(\"rect\", { x: \"1663.92\", y: \"-407.511\", width: \"143.183\", height: \"118.292\", style: { fill: 'rgb(240, 218, 183)' } })),\n React.createElement(\"g\", { transform: \"matrix(1.64553,-0.950049,1.17482,0.678285,-1632.45,473.879)\" },\n React.createElement(\"rect\", { x: \"495.52\", y: \"1057.87\", width: \"105.078\", height: \"91\", style: { fill: 'rgb(253, 243, 228)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.74666,0.431085,2.3583e-17,0.135259,-816.63,57.1397)\" },\n React.createElement(\"rect\", { x: \"1663.92\", y: \"-407.511\", width: \"143.183\", height: \"118.292\", style: { fill: 'rgb(240, 218, 183)' } })),\n React.createElement(\"g\", { transform: \"matrix(1.64553,-0.950049,1.17482,0.678285,-1632.45,473.879)\" },\n React.createElement(\"rect\", { x: \"495.52\", y: \"1057.87\", width: \"105.078\", height: \"91\", style: { fill: 'rgb(253, 243, 228)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.750082,0,0,0.750082,163.491,354.191)\" },\n React.createElement(\"g\", { transform: \"matrix(1.75943,-1.01581,1.75879e-16,0.632893,-2721.54,1876.43)\" },\n React.createElement(\"rect\", { x: \"1844.06\", y: \"1192.54\", width: \"106.232\", height: \"92\", style: { fill: 'rgb(196, 173, 142)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.290956,-0.167984,2.90849e-17,0.104661,69.4195,919.311)\" },\n React.createElement(\"path\", { d: \"M1950.29,1238.54C1950.29,1213.15 1944.73,1192.54 1937.88,1192.54L1856.47,1192.54C1849.62,1192.54 1844.06,1213.15 1844.06,1238.54C1844.06,1263.93 1849.62,1284.54 1856.47,1284.54L1937.88,1284.54C1944.73,1284.54 1950.29,1263.93 1950.29,1238.54Z\", style: { fill: 'rgb(132, 97, 51)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.262716,-0.151679,8.27418e-18,0.0364999,121.496,970.53)\" },\n React.createElement(\"path\", { d: \"M1950.29,1238.54C1950.29,1213.15 1948.14,1192.54 1945.5,1192.54L1848.85,1192.54C1846.2,1192.54 1844.06,1213.15 1844.06,1238.54C1844.06,1263.93 1846.2,1284.54 1848.85,1284.54L1945.5,1284.54C1948.14,1284.54 1950.29,1263.93 1950.29,1238.54Z\", style: { fill: 'rgb(246, 220, 185)' } })),\n React.createElement(\"g\", { transform: \"matrix(1.77877,-1.02697,0.0581765,0.0335882,-425.293,1228.27)\" },\n React.createElement(\"rect\", { x: \"495.52\", y: \"1057.87\", width: \"105.078\", height: \"91\", style: { fill: 'rgb(240, 218, 183)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.0369741,0.021347,4.72735e-17,0.492225,456.143,919.985)\" },\n React.createElement(\"rect\", { x: \"1663.92\", y: \"-407.511\", width: \"143.183\", height: \"118.292\", style: { fill: 'rgb(240, 218, 183)' } }))),\n React.createElement(\"g\", { transform: \"matrix(0.750082,0,0,0.750082,163.491,309.191)\" },\n React.createElement(\"g\", { transform: \"matrix(1.75943,-1.01581,1.75879e-16,0.632893,-2721.54,1876.43)\" },\n React.createElement(\"rect\", { x: \"1844.06\", y: \"1192.54\", width: \"106.232\", height: \"92\", style: { fill: 'rgb(196, 173, 142)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.290956,-0.167984,2.90849e-17,0.104661,69.4195,919.311)\" },\n React.createElement(\"path\", { d: \"M1950.29,1238.54C1950.29,1213.15 1944.73,1192.54 1937.88,1192.54L1856.47,1192.54C1849.62,1192.54 1844.06,1213.15 1844.06,1238.54C1844.06,1263.93 1849.62,1284.54 1856.47,1284.54L1937.88,1284.54C1944.73,1284.54 1950.29,1263.93 1950.29,1238.54Z\", style: { fill: 'rgb(132, 97, 51)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.262716,-0.151679,8.27418e-18,0.0364999,121.496,970.53)\" },\n React.createElement(\"path\", { d: \"M1950.29,1238.54C1950.29,1213.15 1948.14,1192.54 1945.5,1192.54L1848.85,1192.54C1846.2,1192.54 1844.06,1213.15 1844.06,1238.54C1844.06,1263.93 1846.2,1284.54 1848.85,1284.54L1945.5,1284.54C1948.14,1284.54 1950.29,1263.93 1950.29,1238.54Z\", style: { fill: 'rgb(246, 220, 185)' } })),\n React.createElement(\"g\", { transform: \"matrix(1.77877,-1.02697,0.0581765,0.0335882,-425.293,1228.27)\" },\n React.createElement(\"rect\", { x: \"495.52\", y: \"1057.87\", width: \"105.078\", height: \"91\", style: { fill: 'rgb(240, 218, 183)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.0369741,0.021347,4.72735e-17,0.492225,456.143,919.985)\" },\n React.createElement(\"rect\", { x: \"1663.92\", y: \"-407.511\", width: \"143.183\", height: \"118.292\", style: { fill: 'rgb(240, 218, 183)' } }))),\n React.createElement(\"g\", { transform: \"matrix(0.750082,0,0,0.750082,163.491,263.931)\" },\n React.createElement(\"g\", { transform: \"matrix(1.75943,-1.01581,1.75879e-16,0.632893,-2721.54,1876.43)\" },\n React.createElement(\"rect\", { x: \"1844.06\", y: \"1192.54\", width: \"106.232\", height: \"92\", style: { fill: 'rgb(196, 173, 142)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.290956,-0.167984,2.90849e-17,0.104661,69.4195,919.311)\" },\n React.createElement(\"path\", { d: \"M1950.29,1238.54C1950.29,1213.15 1944.73,1192.54 1937.88,1192.54L1856.47,1192.54C1849.62,1192.54 1844.06,1213.15 1844.06,1238.54C1844.06,1263.93 1849.62,1284.54 1856.47,1284.54L1937.88,1284.54C1944.73,1284.54 1950.29,1263.93 1950.29,1238.54Z\", style: { fill: 'rgb(132, 97, 51)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.262716,-0.151679,8.27418e-18,0.0364999,121.496,970.53)\" },\n React.createElement(\"path\", { d: \"M1950.29,1238.54C1950.29,1213.15 1948.14,1192.54 1945.5,1192.54L1848.85,1192.54C1846.2,1192.54 1844.06,1213.15 1844.06,1238.54C1844.06,1263.93 1846.2,1284.54 1848.85,1284.54L1945.5,1284.54C1948.14,1284.54 1950.29,1263.93 1950.29,1238.54Z\", style: { fill: 'rgb(246, 220, 185)' } })),\n React.createElement(\"g\", { transform: \"matrix(1.77877,-1.02697,0.0581765,0.0335882,-425.293,1228.27)\" },\n React.createElement(\"rect\", { x: \"495.52\", y: \"1057.87\", width: \"105.078\", height: \"91\", style: { fill: 'rgb(240, 218, 183)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.0369741,0.021347,4.72735e-17,0.492225,456.143,919.985)\" },\n React.createElement(\"rect\", { x: \"1663.92\", y: \"-407.511\", width: \"143.183\", height: \"118.292\", style: { fill: 'rgb(240, 218, 183)' } }))),\n React.createElement(\"path\", { d: \"M555.753,832.474L555.753,921.408L630.693,878.141L630.693,789.207L555.753,832.474Z\", style: { fillOpacity: 0.1 } }),\n React.createElement(\"g\", { transform: \"matrix(0.750082,0,0,0.750082,236.431,272.852)\" },\n React.createElement(\"g\", { transform: \"matrix(1.64553,-0.950049,1.14552,0.661368,-1606.78,467.933)\" },\n React.createElement(\"rect\", { x: \"495.52\", y: \"1057.87\", width: \"105.078\", height: \"91\", style: { fill: 'rgb(253, 243, 228)' } })),\n React.createElement(\"g\", { transform: \"matrix(1.54477,-0.891873,1.05847,0.611108,-1456.84,490.734)\" },\n React.createElement(\"rect\", { x: \"495.52\", y: \"1057.87\", width: \"105.078\", height: \"91\", style: { fill: 'rgb(132, 97, 51)' } })),\n React.createElement(\"g\", { transform: \"matrix(1.27607,-0.736739,0.751435,0.433841,-970.952,617.519)\" },\n React.createElement(\"rect\", { x: \"495.52\", y: \"1057.87\", width: \"105.078\", height: \"91\", style: { fill: 'rgb(240, 218, 183)' } })),\n React.createElement(\"g\", { transform: \"matrix(1.62765,-0.939723,1.42156e-16,0.5,-2476.81,1893.62)\" },\n React.createElement(\"rect\", { x: \"1844.06\", y: \"1192.54\", width: \"106.232\", height: \"92\", style: { fill: 'rgb(196, 173, 142)' } })),\n React.createElement(\"g\", { transform: \"matrix(1.62765,-0.939723,1.42156e-16,0.5,-2476.81,1893.62)\" },\n React.createElement(\"rect\", { x: \"1844.06\", y: \"1192.54\", width: \"106.232\", height: \"92\", style: { fill: 'rgb(196, 173, 142)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.728038,0.420333,3.52595e-17,0.377589,-790.978,151.274)\" },\n React.createElement(\"rect\", { x: \"1663.92\", y: \"-407.511\", width: \"143.183\", height: \"118.292\", style: { fill: 'rgb(240, 218, 183)' } })),\n React.createElement(\"g\", { transform: \"matrix(1.75943,-1.01581,1.75879e-16,0.632893,-2726.83,1873.38)\" },\n React.createElement(\"rect\", { x: \"1844.06\", y: \"1192.54\", width: \"106.232\", height: \"92\", style: { fill: 'rgb(196, 173, 142)' } })),\n React.createElement(\"g\", null,\n React.createElement(\"g\", { transform: \"matrix(1.75943,-1.01581,1.75879e-16,0.632893,-2721.54,1876.43)\" },\n React.createElement(\"rect\", { x: \"1844.06\", y: \"1192.54\", width: \"106.232\", height: \"92\", style: { fill: 'rgb(196, 173, 142)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.290956,-0.167984,2.90849e-17,0.104661,69.4195,919.311)\" },\n React.createElement(\"path\", { d: \"M1950.29,1238.54C1950.29,1213.15 1944.73,1192.54 1937.88,1192.54L1856.47,1192.54C1849.62,1192.54 1844.06,1213.15 1844.06,1238.54C1844.06,1263.93 1849.62,1284.54 1856.47,1284.54L1937.88,1284.54C1944.73,1284.54 1950.29,1263.93 1950.29,1238.54Z\", style: { fill: 'rgb(132, 97, 51)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.262716,-0.151679,8.27418e-18,0.0364999,121.496,970.53)\" },\n React.createElement(\"path\", { d: \"M1950.29,1238.54C1950.29,1213.15 1948.14,1192.54 1945.5,1192.54L1848.85,1192.54C1846.2,1192.54 1844.06,1213.15 1844.06,1238.54C1844.06,1263.93 1846.2,1284.54 1848.85,1284.54L1945.5,1284.54C1948.14,1284.54 1950.29,1263.93 1950.29,1238.54Z\", style: { fill: 'rgb(246, 220, 185)' } })),\n React.createElement(\"g\", { transform: \"matrix(1.77877,-1.02697,0.0581765,0.0335882,-425.293,1228.27)\" },\n React.createElement(\"rect\", { x: \"495.52\", y: \"1057.87\", width: \"105.078\", height: \"91\", style: { fill: 'rgb(240, 218, 183)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.0369741,0.021347,4.72735e-17,0.492225,456.143,919.985)\" },\n React.createElement(\"rect\", { x: \"1663.92\", y: \"-407.511\", width: \"143.183\", height: \"118.292\", style: { fill: 'rgb(240, 218, 183)' } })))),\n React.createElement(\"g\", { transform: \"matrix(1.62765,-0.939723,4.80984e-17,0.173913,-2468.81,2307.87)\" },\n React.createElement(\"rect\", { x: \"1844.06\", y: \"1192.54\", width: \"106.232\", height: \"92\", style: { fill: 'rgb(196, 173, 142)' } }))),\n React.createElement(\"g\", null,\n React.createElement(\"g\", { transform: \"matrix(0.479077,0.276595,-0.564376,0.325843,598.357,-129.986)\" },\n React.createElement(\"path\", { d: \"M1776.14,1326C1776.14,1321.19 1772.15,1317.28 1767.24,1317.28L1684.37,1317.28C1679.46,1317.28 1675.47,1321.19 1675.47,1326L1675.47,1395.75C1675.47,1400.56 1679.46,1404.46 1684.37,1404.46L1767.24,1404.46C1772.15,1404.46 1776.14,1400.56 1776.14,1395.75L1776.14,1326Z\", style: { fill: 'white' } })),\n React.createElement(\"g\", { transform: \"matrix(2.61622,0,0,2.61622,-2305.73,162.161)\" },\n React.createElement(\"g\", { transform: \"matrix(1.09915,-0.634597,1.26919,0.73277,-299.167,-62.4615)\" },\n React.createElement(\"ellipse\", { cx: \"412.719\", cy: \"770.575\", rx: \"6.303\", ry: \"5.459\", style: { fill: 'rgb(255, 125, 0)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.238212,-0.137532,0.178659,0.103149,875.064,207.93)\" },\n React.createElement(\"text\", { x: \"413.474px\", y: \"892.067px\", style: {\n fontFamily: 'NunitoSans-Bold, Nunito Sans',\n fontWeight: 700,\n fontSize: 41.569,\n fill: 'white',\n } }, \"?\")))))))));\n}\n","import React from 'react';\nexport default function Image403() {\n return (React.createElement(\"svg\", { viewBox: \"0 0 213 213\", height: \"100%\", width: \"100%\", style: {\n fillRule: 'evenodd',\n clipRule: 'evenodd',\n strokeLinejoin: 'round',\n strokeMiterlimit: 2,\n } },\n React.createElement(\"g\", { transform: \"matrix(1,0,0,1,-871.485,-445.62)\" },\n React.createElement(\"g\", null,\n React.createElement(\"g\", { transform: \"matrix(1,0,0,1,-75.2684,-87.3801)\" },\n React.createElement(\"circle\", { cx: \"1053.23\", cy: \"639.477\", r: \"106.477\", style: { fill: 'rgb(235, 238, 246)' } })),\n React.createElement(\"g\", { transform: \"matrix(1,0,0,1,246.523,295.575)\" },\n React.createElement(\"g\", { transform: \"matrix(0.316667,0,0,0.316667,277.545,71.0298)\" },\n React.createElement(\"g\", { transform: \"matrix(0.989011,-0.571006,1.14201,0.659341,-335.171,81.4498)\" },\n React.createElement(\"rect\", { x: \"495.52\", y: \"1057.87\", width: \"105.078\", height: \"91\", style: { fill: 'rgb(253, 243, 228)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.164835,-0.0951676,1.14201,0.659341,116.224,-179.163)\" },\n React.createElement(\"rect\", { x: \"495.52\", y: \"1057.87\", width: \"105.078\", height: \"91\", style: { fill: 'rgb(202, 174, 136)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.978261,-0.564799,1.26804e-16,1.30435,-337.046,42.0327)\" },\n React.createElement(\"rect\", { x: \"1844.06\", y: \"1192.54\", width: \"106.232\", height: \"92\", style: { fill: 'rgb(196, 173, 142)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.267591,-0.154493,3.46856e-17,0.356787,992.686,475.823)\" },\n React.createElement(\"rect\", { x: \"1844.06\", y: \"1192.54\", width: \"106.232\", height: \"92\", style: { fill: 'rgb(102, 102, 102)' } })),\n React.createElement(\"g\", { transform: \"matrix(1.28257,-0.740494,1.23317e-16,1.7101,1501.14,624.071)\" },\n React.createElement(\"g\", { transform: \"matrix(1,0,0,1,-6,-6)\" },\n React.createElement(\"path\", { d: \"M2.25,10.5C2.25,10.5 1.5,10.5 1.5,9.75C1.5,9 2.25,6.75 6,6.75C9.75,6.75 10.5,9 10.5,9.75C10.5,10.5 9.75,10.5 9.75,10.5L2.25,10.5ZM6,6C7.234,6 8.25,4.984 8.25,3.75C8.25,2.516 7.234,1.5 6,1.5C4.766,1.5 3.75,2.516 3.75,3.75C3.75,4.984 4.766,6 6,6Z\", style: { fill: 'white' } }))),\n React.createElement(\"g\", { transform: \"matrix(0.725806,0.419045,1.75755e-17,1.01444,155.314,212.138)\" },\n React.createElement(\"rect\", { x: \"1663.92\", y: \"-407.511\", width: \"143.183\", height: \"118.292\", style: { fill: 'rgb(240, 218, 183)' } })),\n React.createElement(\"g\", { transform: \"matrix(1.58977,-0.917857,1.15976e-16,2.2425,-1270.46,-614.379)\" },\n React.createElement(\"rect\", { x: \"1748.87\", y: \"1226.67\", width: \"10.895\", height: \"13.378\", style: { fill: 'rgb(132, 97, 0)' } }))),\n React.createElement(\"g\", { transform: \"matrix(0.182997,0.105653,-0.494902,0.285732,814.161,66.3087)\" },\n React.createElement(\"rect\", { x: \"657.012\", y: \"404.643\", width: \"198.586\", height: \"145.08\", style: { fillOpacity: 0.1 } })),\n React.createElement(\"g\", { transform: \"matrix(0.316667,0,0,0.316667,237.301,94.2647)\" },\n React.createElement(\"g\", { transform: \"matrix(0.989011,-0.571006,1.14201,0.659341,-335.171,81.4498)\" },\n React.createElement(\"rect\", { x: \"495.52\", y: \"1057.87\", width: \"105.078\", height: \"91\", style: { fill: 'rgb(253, 243, 228)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.164835,-0.0951676,1.14201,0.659341,116.224,-179.163)\" },\n React.createElement(\"rect\", { x: \"495.52\", y: \"1057.87\", width: \"105.078\", height: \"91\", style: { fill: 'rgb(202, 174, 136)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.978261,-0.564799,1.26804e-16,1.30435,-337.046,42.0327)\" },\n React.createElement(\"rect\", { x: \"1844.06\", y: \"1192.54\", width: \"106.232\", height: \"92\", style: { fill: 'rgb(196, 173, 142)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.267591,-0.154493,3.46856e-17,0.356787,992.686,475.823)\" },\n React.createElement(\"rect\", { x: \"1844.06\", y: \"1192.54\", width: \"106.232\", height: \"92\", style: { fill: 'rgb(102, 102, 102)' } })),\n React.createElement(\"g\", { transform: \"matrix(1.28257,-0.740494,1.23317e-16,1.7101,1501.14,624.071)\" },\n React.createElement(\"g\", { transform: \"matrix(1,0,0,1,-6,-6)\" },\n React.createElement(\"path\", { d: \"M2.25,10.5C2.25,10.5 1.5,10.5 1.5,9.75C1.5,9 2.25,6.75 6,6.75C9.75,6.75 10.5,9 10.5,9.75C10.5,10.5 9.75,10.5 9.75,10.5L2.25,10.5ZM6,6C7.234,6 8.25,4.984 8.25,3.75C8.25,2.516 7.234,1.5 6,1.5C4.766,1.5 3.75,2.516 3.75,3.75C3.75,4.984 4.766,6 6,6Z\", style: { fill: 'white' } }))),\n React.createElement(\"g\", { transform: \"matrix(0.725806,0.419045,1.75755e-17,1.01444,155.314,212.138)\" },\n React.createElement(\"rect\", { x: \"1663.92\", y: \"-407.511\", width: \"143.183\", height: \"118.292\", style: { fill: 'rgb(240, 218, 183)' } })),\n React.createElement(\"g\", { transform: \"matrix(1.58977,-0.917857,1.15976e-16,2.2425,-1270.46,-614.379)\" },\n React.createElement(\"rect\", { x: \"1748.87\", y: \"1226.67\", width: \"10.895\", height: \"13.378\", style: { fill: 'rgb(132, 97, 0)' } }))),\n React.createElement(\"g\", { transform: \"matrix(0.474953,0,0,0.474953,538.938,8.95289)\" },\n React.createElement(\"g\", { transform: \"matrix(0.180615,0.104278,-0.973879,0.562269,790.347,286.159)\" },\n React.createElement(\"rect\", { x: \"657.012\", y: \"404.643\", width: \"198.586\", height: \"145.08\", style: { fillOpacity: 0.1 } })),\n React.createElement(\"g\", { transform: \"matrix(0.473356,0,0,0.473356,294.481,129.741)\" },\n React.createElement(\"g\", null,\n React.createElement(\"g\", { transform: \"matrix(0.1761,-0.101671,1.73518e-16,1.22207,442.564,7.31508)\" },\n React.createElement(\"rect\", { x: \"202.62\", y: \"575.419\", width: \"124.002\", height: \"259.402\", style: { fill: 'rgb(235, 235, 235)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.0922781,0.0532768,2.03964e-16,2.20569,405.236,-248.842)\" },\n React.createElement(\"rect\", { x: \"657.012\", y: \"404.643\", width: \"198.586\", height: \"145.08\", style: { fill: 'rgb(34, 34, 34)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.147541,-0.0851831,1.52371e-16,1.23446,454.294,-3.8127)\" },\n React.createElement(\"rect\", { x: \"202.62\", y: \"575.419\", width: \"124.002\", height: \"259.402\", style: { fill: 'rgb(51, 51, 51)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.0921286,0.0531905,-0.126106,0.0728076,474.688,603.724)\" },\n React.createElement(\"rect\", { x: \"657.012\", y: \"404.643\", width: \"198.586\", height: \"145.08\", style: { fill: 'rgb(102, 102, 102)' } })))),\n React.createElement(\"g\", { transform: \"matrix(0.473356,0,0,0.473356,192.621,188.549)\" },\n React.createElement(\"g\", null,\n React.createElement(\"g\", { transform: \"matrix(0.1761,-0.101671,1.73518e-16,1.22207,442.564,7.31508)\" },\n React.createElement(\"rect\", { x: \"202.62\", y: \"575.419\", width: \"124.002\", height: \"259.402\", style: { fill: 'rgb(235, 235, 235)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.0922781,0.0532768,2.03964e-16,2.20569,405.236,-248.842)\" },\n React.createElement(\"rect\", { x: \"657.012\", y: \"404.643\", width: \"198.586\", height: \"145.08\", style: { fill: 'rgb(34, 34, 34)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.147541,-0.0851831,1.52371e-16,1.23446,454.294,-3.8127)\" },\n React.createElement(\"rect\", { x: \"202.62\", y: \"575.419\", width: \"124.002\", height: \"259.402\", style: { fill: 'rgb(51, 51, 51)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.0921286,0.0531905,-0.126106,0.0728076,474.688,603.724)\" },\n React.createElement(\"rect\", { x: \"657.012\", y: \"404.643\", width: \"198.586\", height: \"145.08\", style: { fill: 'rgb(102, 102, 102)' } })))),\n React.createElement(\"g\", { transform: \"matrix(0.668111,0,0,0.668111,-123.979,-49.2109)\" },\n React.createElement(\"g\", { transform: \"matrix(0.0349225,0.0201625,1.81598e-17,0.220789,974.758,729.412)\" },\n React.createElement(\"rect\", { x: \"657.012\", y: \"404.643\", width: \"198.586\", height: \"145.08\", style: { fill: 'rgb(235, 235, 235)' } })),\n React.createElement(\"g\", { transform: \"matrix(1.1164,-0.644557,0,0.220789,42.5091,1294.14)\" },\n React.createElement(\"rect\", { x: \"657.012\", y: \"404.643\", width: \"198.586\", height: \"145.08\", style: { fill: 'rgb(235, 235, 235)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.0349225,0.0201625,-1.52814,0.882275,1593.11,461.746)\" },\n React.createElement(\"rect\", { x: \"657.012\", y: \"404.643\", width: \"198.586\", height: \"145.08\", style: { fill: 'rgb(102, 102, 102)' } })),\n React.createElement(\"g\", { transform: \"matrix(1.1164,-0.644557,0,0.220789,49.4442,1298.14)\" },\n React.createElement(\"rect\", { x: \"657.012\", y: \"404.643\", width: \"198.586\", height: \"145.08\", style: { fill: 'rgb(51, 51, 51)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.0349225,0.0201625,1.81598e-17,0.220789,753.056,857.412)\" },\n React.createElement(\"rect\", { x: \"657.012\", y: \"404.643\", width: \"198.586\", height: \"145.08\", style: { fill: 'rgb(34, 34, 34)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.142968,-0.0825428,-0.207261,0.478709,898.874,529.479)\" },\n React.createElement(\"rect\", { x: \"831\", y: \"1023.79\", width: \"89.214\", height: \"89.214\", style: { fill: 'rgb(255, 125, 0)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.142968,-0.0825428,-0.207261,0.478709,930.12,511.44)\" },\n React.createElement(\"rect\", { x: \"831\", y: \"1023.79\", width: \"89.214\", height: \"89.214\", style: { fill: 'rgb(255, 125, 0)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.142968,-0.0825428,-0.207261,0.478709,961.365,493.4)\" },\n React.createElement(\"rect\", { x: \"831\", y: \"1023.79\", width: \"89.214\", height: \"89.214\", style: { fill: 'rgb(248, 248, 248)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.142968,-0.0825428,-0.207261,0.478709,992.61,475.361)\" },\n React.createElement(\"rect\", { x: \"831\", y: \"1023.79\", width: \"89.214\", height: \"89.214\", style: { fill: 'rgb(248, 248, 248)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.142968,-0.0825428,-0.207261,0.478709,1023.86,457.321)\" },\n React.createElement(\"rect\", { x: \"831\", y: \"1023.79\", width: \"89.214\", height: \"89.214\", style: { fill: 'rgb(248, 248, 248)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.142968,-0.0825428,-0.207261,0.478709,1056.25,438.617)\" },\n React.createElement(\"rect\", { x: \"831\", y: \"1023.79\", width: \"89.214\", height: \"89.214\", style: { fill: 'rgb(255, 125, 0)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.142968,-0.0825428,-0.207261,0.478709,1085.74,421.589)\" },\n React.createElement(\"rect\", { x: \"831\", y: \"1023.79\", width: \"89.214\", height: \"89.214\", style: { fill: 'rgb(255, 125, 0)' } }))),\n React.createElement(\"g\", { transform: \"matrix(0.668111,0,0,0.668111,-123.979,-91.97)\" },\n React.createElement(\"g\", { transform: \"matrix(0.0349225,0.0201625,1.81598e-17,0.220789,974.758,729.412)\" },\n React.createElement(\"rect\", { x: \"657.012\", y: \"404.643\", width: \"198.586\", height: \"145.08\", style: { fill: 'rgb(235, 235, 235)' } })),\n React.createElement(\"g\", { transform: \"matrix(1.1164,-0.644557,0,0.220789,42.5091,1294.14)\" },\n React.createElement(\"rect\", { x: \"657.012\", y: \"404.643\", width: \"198.586\", height: \"145.08\", style: { fill: 'rgb(235, 235, 235)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.0349225,0.0201625,-1.52814,0.882275,1593.11,461.746)\" },\n React.createElement(\"rect\", { x: \"657.012\", y: \"404.643\", width: \"198.586\", height: \"145.08\", style: { fill: 'rgb(102, 102, 102)' } })),\n React.createElement(\"g\", { transform: \"matrix(1.1164,-0.644557,0,0.220789,49.4442,1298.14)\" },\n React.createElement(\"rect\", { x: \"657.012\", y: \"404.643\", width: \"198.586\", height: \"145.08\", style: { fill: 'rgb(51, 51, 51)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.0349225,0.0201625,1.81598e-17,0.220789,753.056,857.412)\" },\n React.createElement(\"rect\", { x: \"657.012\", y: \"404.643\", width: \"198.586\", height: \"145.08\", style: { fill: 'rgb(34, 34, 34)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.142968,-0.0825428,-0.207261,0.478709,898.874,529.479)\" },\n React.createElement(\"rect\", { x: \"831\", y: \"1023.79\", width: \"89.214\", height: \"89.214\", style: { fill: 'rgb(255, 125, 0)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.142968,-0.0825428,-0.207261,0.478709,930.12,511.44)\" },\n React.createElement(\"rect\", { x: \"831\", y: \"1023.79\", width: \"89.214\", height: \"89.214\", style: { fill: 'rgb(255, 125, 0)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.142968,-0.0825428,-0.207261,0.478709,961.365,493.4)\" },\n React.createElement(\"rect\", { x: \"831\", y: \"1023.79\", width: \"89.214\", height: \"89.214\", style: { fill: 'rgb(248, 248, 248)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.142968,-0.0825428,-0.207261,0.478709,992.61,475.361)\" },\n React.createElement(\"rect\", { x: \"831\", y: \"1023.79\", width: \"89.214\", height: \"89.214\", style: { fill: 'rgb(248, 248, 248)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.142968,-0.0825428,-0.207261,0.478709,1023.86,457.321)\" },\n React.createElement(\"rect\", { x: \"831\", y: \"1023.79\", width: \"89.214\", height: \"89.214\", style: { fill: 'rgb(248, 248, 248)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.142968,-0.0825428,-0.207261,0.478709,1056.25,438.617)\" },\n React.createElement(\"rect\", { x: \"831\", y: \"1023.79\", width: \"89.214\", height: \"89.214\", style: { fill: 'rgb(255, 125, 0)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.142968,-0.0825428,-0.207261,0.478709,1085.74,421.589)\" },\n React.createElement(\"rect\", { x: \"831\", y: \"1023.79\", width: \"89.214\", height: \"89.214\", style: { fill: 'rgb(255, 125, 0)' } }))),\n React.createElement(\"g\", { transform: \"matrix(0.701585,5.16096e-35,-5.16096e-35,0.701585,-546.219,-21.3487)\" },\n React.createElement(\"g\", { transform: \"matrix(0.558202,-0.322278,0,0.882275,1033.27,615.815)\" },\n React.createElement(\"path\", { d: \"M855.598,410.446C855.598,407.244 852.515,404.643 848.718,404.643L663.891,404.643C660.094,404.643 657.012,407.244 657.012,410.446L657.012,543.92C657.012,547.123 660.094,549.723 663.891,549.723L848.718,549.723C852.515,549.723 855.598,547.123 855.598,543.92L855.598,410.446Z\", style: { fill: 'white' } })),\n React.createElement(\"g\", { transform: \"matrix(0.558202,-0.322278,0,0.882275,1035.25,616.977)\" },\n React.createElement(\"path\", { d: \"M855.598,410.446C855.598,407.244 852.515,404.643 848.718,404.643L663.891,404.643C660.094,404.643 657.012,407.244 657.012,410.446L657.012,543.92C657.012,547.123 660.094,549.723 663.891,549.723L848.718,549.723C852.515,549.723 855.598,547.123 855.598,543.92L855.598,410.446Z\", style: { fill: 'white' } })),\n React.createElement(\"g\", { transform: \"matrix(1,0,0,1,418.673,507.243)\" },\n React.createElement(\"path\", { d: \"M1088.34,192.063C1089.79,191.209 1090.78,191.821 1090.78,191.821L1092.71,192.944C1092.71,192.944 1092.29,192.721 1091.7,192.763C1090.99,192.813 1090.34,193.215 1090.34,193.215C1090.34,193.215 1088.85,192.362 1088.34,192.063Z\", style: { fill: 'rgb(248, 248, 248)' } })),\n React.createElement(\"g\", { transform: \"matrix(1,0,0,1,235.984,-39.1315)\" },\n React.createElement(\"path\", { d: \"M1164.02,805.247C1164.05,802.517 1165.64,799.379 1167.67,798.118L1169.67,799.272C1167.58,800.648 1166.09,803.702 1166.02,806.402L1164.02,805.247Z\", style: { fill: 'url(#_Linear1)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.396683,0,0,0.396683,1000.22,516.921)\" },\n React.createElement(\"path\", { d: \"M1011.2,933.14C1009.31,932.075 1008.05,929.696 1007.83,926.324L1012.87,929.235C1012.87,929.235 1012.96,930.191 1013.04,930.698C1013.16,931.427 1013.42,932.344 1013.62,932.845C1013.79,933.255 1014.59,935.155 1016.22,936.046C1015.83,935.781 1011.19,933.139 1011.19,933.139L1011.2,933.14Z\", style: { fill: 'rgb(238, 238, 238)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.253614,-0.146424,4.87691e-17,0.338152,1209.98,830.02)\" },\n React.createElement(\"circle\", { cx: \"975.681\", cy: \"316.681\", r: \"113.681\", style: { fill: 'rgb(245, 63, 63)' } }),\n React.createElement(\"g\", { transform: \"matrix(1.08844,0,0,0.61677,-99.9184,125.436)\" },\n React.createElement(\"path\", { d: \"M1062,297.556C1062,296.697 1061.61,296 1061.12,296L915.882,296C915.395,296 915,296.697 915,297.556L915,333.356C915,334.215 915.395,334.912 915.882,334.912L1061.12,334.912C1061.61,334.912 1062,334.215 1062,333.356L1062,297.556Z\", style: { fill: 'white' } }))),\n React.createElement(\"g\", { transform: \"matrix(5.57947,-3.22131,0.306277,0.176829,-6260.71,4938.32)\" },\n React.createElement(\"rect\", { x: \"1335.54\", y: \"694.688\", width: \"18.525\", height: \"6.511\", style: { fill: 'rgb(248, 248, 248)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.10726,0.0619268,-1.83335e-14,18.1609,1256.76,-11932.8)\" },\n React.createElement(\"rect\", { x: \"1335.54\", y: \"694.688\", width: \"18.525\", height: \"6.511\", style: { fill: 'rgb(238, 238, 238)' } })))),\n React.createElement(\"g\", { transform: \"matrix(0.316667,0,0,0.316667,269.139,37.8829)\" },\n React.createElement(\"g\", { transform: \"matrix(0.989011,-0.571006,1.14201,0.659341,-335.171,81.4498)\" },\n React.createElement(\"rect\", { x: \"495.52\", y: \"1057.87\", width: \"105.078\", height: \"91\", style: { fill: 'rgb(253, 243, 228)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.164835,-0.0951676,1.14201,0.659341,116.224,-179.163)\" },\n React.createElement(\"rect\", { x: \"495.52\", y: \"1057.87\", width: \"105.078\", height: \"91\", style: { fill: 'rgb(202, 174, 136)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.978261,-0.564799,1.26804e-16,1.30435,-337.046,42.0327)\" },\n React.createElement(\"rect\", { x: \"1844.06\", y: \"1192.54\", width: \"106.232\", height: \"92\", style: { fill: 'rgb(196, 173, 142)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.267591,-0.154493,3.46856e-17,0.356787,992.686,475.823)\" },\n React.createElement(\"rect\", { x: \"1844.06\", y: \"1192.54\", width: \"106.232\", height: \"92\", style: { fill: 'rgb(102, 102, 102)' } })),\n React.createElement(\"g\", { transform: \"matrix(1.28257,-0.740494,1.23317e-16,1.7101,1501.14,624.071)\" },\n React.createElement(\"g\", { transform: \"matrix(1,0,0,1,-6,-6)\" },\n React.createElement(\"path\", { d: \"M2.25,10.5C2.25,10.5 1.5,10.5 1.5,9.75C1.5,9 2.25,6.75 6,6.75C9.75,6.75 10.5,9 10.5,9.75C10.5,10.5 9.75,10.5 9.75,10.5L2.25,10.5ZM6,6C7.234,6 8.25,4.984 8.25,3.75C8.25,2.516 7.234,1.5 6,1.5C4.766,1.5 3.75,2.516 3.75,3.75C3.75,4.984 4.766,6 6,6Z\", style: { fill: 'white' } }))),\n React.createElement(\"g\", { transform: \"matrix(0.725806,0.419045,1.75755e-17,1.01444,155.314,212.138)\" },\n React.createElement(\"rect\", { x: \"1663.92\", y: \"-407.511\", width: \"143.183\", height: \"118.292\", style: { fill: 'rgb(240, 218, 183)' } })),\n React.createElement(\"g\", { transform: \"matrix(1.58977,-0.917857,1.15976e-16,2.2425,-1270.46,-614.379)\" },\n React.createElement(\"rect\", { x: \"1748.87\", y: \"1226.67\", width: \"10.895\", height: \"13.378\", style: { fill: 'rgb(132, 97, 0)' } })))))),\n React.createElement(\"defs\", null,\n React.createElement(\"linearGradient\", { id: \"_Linear1\", x1: \"0\", y1: \"0\", x2: \"1\", y2: \"0\", gradientUnits: \"userSpaceOnUse\", gradientTransform: \"matrix(-2.64571,4.04098,-4.04098,-2.64571,1167.67,799.269)\" },\n React.createElement(\"stop\", { offset: \"0\", style: { stopColor: 'rgb(248, 248, 248)', stopOpacity: 1 } }),\n React.createElement(\"stop\", { offset: \"1\", style: { stopColor: 'rgb(248, 248, 248)', stopOpacity: 1 } })))));\n}\n","import React from 'react';\nexport default function Image500() {\n return (React.createElement(\"svg\", { width: \"100%\", height: \"100%\", viewBox: \"0 0 213 213\", style: {\n fillRule: 'evenodd',\n clipRule: 'evenodd',\n strokeLinejoin: 'round',\n strokeMiterlimit: 2,\n } },\n React.createElement(\"g\", { transform: \"matrix(1,0,0,1,-483.054,-445.448)\" },\n React.createElement(\"g\", null,\n React.createElement(\"g\", { transform: \"matrix(1,0,0,1,-463.699,-87.5516)\" },\n React.createElement(\"circle\", { cx: \"1053.23\", cy: \"639.477\", r: \"106.477\", style: { fill: 'rgb(235, 238, 246)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.384532,-0.222009,0.444019,0.256354,-0.569781,260.021)\" },\n React.createElement(\"path\", { d: \"M84.299,1269.38C84.299,1261.99 78.301,1256 70.913,1256L-56.874,1256C-64.261,1256 -70.259,1261.99 -70.259,1269.38L-70.259,1376.46C-70.259,1383.85 -64.261,1389.85 -56.874,1389.85L70.913,1389.85C78.301,1389.85 84.299,1383.85 84.299,1376.46L84.299,1269.38Z\", style: { fillOpacity: 0.1 } })),\n React.createElement(\"g\", { transform: \"matrix(0.384532,-0.222009,0.444019,0.256354,-0.569781,218.845)\" },\n React.createElement(\"path\", { d: \"M84.299,1269.38C84.299,1261.99 78.301,1256 70.913,1256L-56.874,1256C-64.261,1256 -70.259,1261.99 -70.259,1269.38L-70.259,1376.46C-70.259,1383.85 -64.261,1389.85 -56.874,1389.85L70.913,1389.85C78.301,1389.85 84.299,1383.85 84.299,1376.46L84.299,1269.38Z\", style: { fill: 'rgb(64, 128, 255)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.361496,-0.20871,0.41742,0.240997,34.7805,238.807)\" },\n React.createElement(\"path\", { d: \"M84.299,1269.38C84.299,1261.99 78.301,1256 70.913,1256L-56.874,1256C-64.261,1256 -70.259,1261.99 -70.259,1269.38L-70.259,1376.46C-70.259,1383.85 -64.261,1389.85 -56.874,1389.85L70.913,1389.85C78.301,1389.85 84.299,1383.85 84.299,1376.46L84.299,1269.38Z\", style: { fill: 'rgb(0, 85, 255)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.341853,-0.197369,0.394738,0.227902,64.9247,257.804)\" },\n React.createElement(\"path\", { d: \"M84.299,1269.38C84.299,1261.99 78.301,1256 70.913,1256L-56.874,1256C-64.261,1256 -70.259,1261.99 -70.259,1269.38L-70.259,1376.46C-70.259,1383.85 -64.261,1389.85 -56.874,1389.85L70.913,1389.85C78.301,1389.85 84.299,1383.85 84.299,1376.46L84.299,1269.38Z\", style: { fill: 'rgb(29, 105, 255)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.428916,0,0,0.428916,19.0588,329.956)\" },\n React.createElement(\"clipPath\", { id: \"_clip1\" },\n React.createElement(\"path\", { d: \"M1461.07,528.445C1461.07,530.876 1459.6,533.196 1456.6,534.928L1342.04,601.072C1335.41,604.896 1323.83,604.415 1316.18,600L1205.33,536C1201.14,533.585 1199,530.489 1199,527.555L1199,559.555C1199,562.489 1201.14,565.585 1205.33,568L1316.18,632C1323.83,636.415 1335.41,636.896 1342.04,633.072L1456.6,566.928C1459.6,565.196 1461.07,562.876 1461.07,560.445L1461.07,528.445Z\" })),\n React.createElement(\"g\", { clipPath: \"url(#_clip1)\" },\n React.createElement(\"g\", { transform: \"matrix(2.33146,-0,-0,2.33146,1081.79,269.266)\" },\n React.createElement(\"use\", { href: \"#_Image2\", x: \"50.54\", y: \"112.301\", width: \"112.406px\", height: \"46.365px\", transform: \"matrix(0.99474,0,0,0.98649,0,0)\" })))),\n React.createElement(\"g\", { transform: \"matrix(0.347769,0.200785,3.44852e-18,0.545466,52.0929,265.448)\" },\n React.createElement(\"path\", { d: \"M1480.33,34.813C1480.33,34.162 1479.7,33.634 1478.94,33.634L1396.27,33.634C1395.5,33.634 1394.88,34.162 1394.88,34.813C1394.88,35.464 1395.5,35.993 1396.27,35.993L1478.94,35.993C1479.7,35.993 1480.33,35.464 1480.33,34.813Z\", style: { fill: 'white' } })),\n React.createElement(\"g\", { transform: \"matrix(0.347769,0.200785,3.44852e-18,0.545466,52.0929,268.45)\" },\n React.createElement(\"path\", { d: \"M1480.33,34.813C1480.33,34.162 1479.7,33.634 1478.94,33.634L1396.27,33.634C1395.5,33.634 1394.88,34.162 1394.88,34.813C1394.88,35.464 1395.5,35.993 1396.27,35.993L1478.94,35.993C1479.7,35.993 1480.33,35.464 1480.33,34.813Z\", style: { fill: 'white' } })),\n React.createElement(\"g\", { transform: \"matrix(0.347769,0.200785,3.44852e-18,0.545466,52.0929,271.452)\" },\n React.createElement(\"path\", { d: \"M1480.33,34.813C1480.33,34.162 1479.7,33.634 1478.94,33.634L1396.27,33.634C1395.5,33.634 1394.88,34.162 1394.88,34.813C1394.88,35.464 1395.5,35.993 1396.27,35.993L1478.94,35.993C1479.7,35.993 1480.33,35.464 1480.33,34.813Z\", style: { fill: 'white' } })),\n React.createElement(\"g\", { transform: \"matrix(0.360289,-0.208013,-4.39887e-18,0.576941,37.5847,124.262)\" },\n React.createElement(\"rect\", { x: \"1621.2\", y: \"1370.57\", width: \"57.735\", height: \"5.947\", style: { fill: 'rgb(106, 161, 255)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.185726,-0.107229,-1.84168e-18,0.247635,307.505,420.796)\" },\n React.createElement(\"ellipse\", { cx: \"1566.31\", cy: \"1372.3\", rx: \"4\", ry: \"3.464\", style: { fill: 'rgb(64, 128, 255)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.185726,-0.107229,-1.84168e-18,0.247635,310.507,419.062)\" },\n React.createElement(\"ellipse\", { cx: \"1566.31\", cy: \"1372.3\", rx: \"4\", ry: \"3.464\", style: { fill: 'rgb(64, 128, 255)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.185726,-0.107229,-1.84168e-18,0.247635,313.509,417.329)\" },\n React.createElement(\"ellipse\", { cx: \"1566.31\", cy: \"1372.3\", rx: \"4\", ry: \"3.464\", style: { fill: 'white' } })),\n React.createElement(\"g\", { transform: \"matrix(0.185726,-0.107229,-1.84168e-18,0.247635,316.512,415.595)\" },\n React.createElement(\"ellipse\", { cx: \"1566.31\", cy: \"1372.3\", rx: \"4\", ry: \"3.464\", style: { fill: 'rgb(64, 128, 255)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.185726,-0.107229,-1.84168e-18,0.247635,319.514,413.862)\" },\n React.createElement(\"ellipse\", { cx: \"1566.31\", cy: \"1372.3\", rx: \"4\", ry: \"3.464\", style: { fill: 'rgb(64, 128, 255)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.384532,-0.222009,0.444019,0.256354,-0.569781,196.542)\" },\n React.createElement(\"clipPath\", { id: \"_clip3\" },\n React.createElement(\"path\", { d: \"M84.299,1269.38C84.299,1261.99 78.301,1256 70.913,1256L-56.874,1256C-64.261,1256 -70.259,1261.99 -70.259,1269.38L-70.259,1376.46C-70.259,1383.85 -64.261,1389.85 -56.874,1389.85L70.913,1389.85C78.301,1389.85 84.299,1383.85 84.299,1376.46L84.299,1269.38Z\" })),\n React.createElement(\"g\", { clipPath: \"url(#_clip3)\" },\n React.createElement(\"g\", { transform: \"matrix(1.30028,1.12608,-2.25216,1.95042,68.2716,1030.07)\" },\n React.createElement(\"use\", { href: \"#_Image4\", x: \"50.54\", y: \"56.312\", width: \"112.406px\", height: \"64.897px\", transform: \"matrix(0.99474,0,0,0.998422,0,0)\" })))),\n React.createElement(\"g\", { transform: \"matrix(0.361496,-0.20871,0.41742,0.240997,34.7805,216.764)\" },\n React.createElement(\"path\", { d: \"M84.299,1269.38C84.299,1261.99 78.301,1256 70.913,1256L-56.874,1256C-64.261,1256 -70.259,1261.99 -70.259,1269.38L-70.259,1376.46C-70.259,1383.85 -64.261,1389.85 -56.874,1389.85L70.913,1389.85C78.301,1389.85 84.299,1383.85 84.299,1376.46L84.299,1269.38Z\", style: { fill: 'rgb(0, 85, 255)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.341853,-0.197369,0.394738,0.227902,64.9247,235.762)\" },\n React.createElement(\"path\", { d: \"M84.299,1269.38C84.299,1261.99 78.301,1256 70.913,1256L-56.874,1256C-64.261,1256 -70.259,1261.99 -70.259,1269.38L-70.259,1376.46C-70.259,1383.85 -64.261,1389.85 -56.874,1389.85L70.913,1389.85C78.301,1389.85 84.299,1383.85 84.299,1376.46L84.299,1269.38Z\", style: { fill: 'rgb(29, 105, 255)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.428916,0,0,0.428916,19.0588,307.652)\" },\n React.createElement(\"clipPath\", { id: \"_clip5\" },\n React.createElement(\"path\", { d: \"M1461.07,528.445C1461.07,530.876 1459.6,533.196 1456.6,534.928L1342.04,601.072C1335.41,604.896 1323.83,604.415 1316.18,600L1205.33,536C1201.14,533.585 1199,530.489 1199,527.555L1199,559.555C1199,562.489 1201.14,565.585 1205.33,568L1316.18,632C1323.83,636.415 1335.41,636.896 1342.04,633.072L1456.6,566.928C1459.6,565.196 1461.07,562.876 1461.07,560.445L1461.07,528.445Z\" })),\n React.createElement(\"g\", { clipPath: \"url(#_clip5)\" },\n React.createElement(\"g\", { transform: \"matrix(2.33146,-0,-0,2.33146,1081.79,321.266)\" },\n React.createElement(\"use\", { href: \"#_Image2\", x: \"50.54\", y: \"89.692\", width: \"112.406px\", height: \"46.365px\", transform: \"matrix(0.99474,0,0,0.98649,0,0)\" })))),\n React.createElement(\"g\", { transform: \"matrix(0.347769,0.200785,3.44852e-18,0.545466,52.0929,243.144)\" },\n React.createElement(\"path\", { d: \"M1480.33,34.813C1480.33,34.162 1479.7,33.634 1478.94,33.634L1396.27,33.634C1395.5,33.634 1394.88,34.162 1394.88,34.813C1394.88,35.464 1395.5,35.993 1396.27,35.993L1478.94,35.993C1479.7,35.993 1480.33,35.464 1480.33,34.813Z\", style: { fill: 'white' } })),\n React.createElement(\"g\", { transform: \"matrix(0.347769,0.200785,3.44852e-18,0.545466,52.0929,246.146)\" },\n React.createElement(\"path\", { d: \"M1480.33,34.813C1480.33,34.162 1479.7,33.634 1478.94,33.634L1396.27,33.634C1395.5,33.634 1394.88,34.162 1394.88,34.813C1394.88,35.464 1395.5,35.993 1396.27,35.993L1478.94,35.993C1479.7,35.993 1480.33,35.464 1480.33,34.813Z\", style: { fill: 'white' } })),\n React.createElement(\"g\", { transform: \"matrix(0.347769,0.200785,3.44852e-18,0.545466,52.0929,249.149)\" },\n React.createElement(\"path\", { d: \"M1480.33,34.813C1480.33,34.162 1479.7,33.634 1478.94,33.634L1396.27,33.634C1395.5,33.634 1394.88,34.162 1394.88,34.813C1394.88,35.464 1395.5,35.993 1396.27,35.993L1478.94,35.993C1479.7,35.993 1480.33,35.464 1480.33,34.813Z\", style: { fill: 'white' } })),\n React.createElement(\"g\", { transform: \"matrix(0.360289,-0.208013,-4.39887e-18,0.576941,37.5847,101.958)\" },\n React.createElement(\"rect\", { x: \"1621.2\", y: \"1370.57\", width: \"57.735\", height: \"5.947\", style: { fill: 'rgb(106, 161, 255)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.185726,-0.107229,-1.84168e-18,0.247635,307.505,398.492)\" },\n React.createElement(\"ellipse\", { cx: \"1566.31\", cy: \"1372.3\", rx: \"4\", ry: \"3.464\", style: { fill: 'rgb(64, 128, 255)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.185726,-0.107229,-1.84168e-18,0.247635,310.507,396.759)\" },\n React.createElement(\"ellipse\", { cx: \"1566.31\", cy: \"1372.3\", rx: \"4\", ry: \"3.464\", style: { fill: 'white' } })),\n React.createElement(\"g\", { transform: \"matrix(0.185726,-0.107229,-1.84168e-18,0.247635,313.509,395.025)\" },\n React.createElement(\"ellipse\", { cx: \"1566.31\", cy: \"1372.3\", rx: \"4\", ry: \"3.464\", style: { fill: 'rgb(64, 128, 255)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.185726,-0.107229,-1.84168e-18,0.247635,316.512,393.292)\" },\n React.createElement(\"ellipse\", { cx: \"1566.31\", cy: \"1372.3\", rx: \"4\", ry: \"3.464\", style: { fill: 'rgb(64, 128, 255)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.185726,-0.107229,-1.84168e-18,0.247635,319.514,391.558)\" },\n React.createElement(\"ellipse\", { cx: \"1566.31\", cy: \"1372.3\", rx: \"4\", ry: \"3.464\", style: { fill: 'rgb(64, 128, 255)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.384532,-0.222009,0.444019,0.256354,-0.569781,171.832)\" },\n React.createElement(\"clipPath\", { id: \"_clip6\" },\n React.createElement(\"path\", { d: \"M84.299,1269.38C84.299,1261.99 78.301,1256 70.913,1256L-56.874,1256C-64.261,1256 -70.259,1261.99 -70.259,1269.38L-70.259,1376.46C-70.259,1383.85 -64.261,1389.85 -56.874,1389.85L70.913,1389.85C78.301,1389.85 84.299,1383.85 84.299,1376.46L84.299,1269.38Z\" })),\n React.createElement(\"g\", { clipPath: \"url(#_clip6)\" },\n React.createElement(\"g\", { transform: \"matrix(1.30028,1.12608,-2.25216,1.95042,12.6215,1078.27)\" },\n React.createElement(\"use\", { href: \"#_Image7\", x: \"50.54\", y: \"31.563\", width: \"112.406px\", height: \"64.897px\", transform: \"matrix(0.99474,0,0,0.998422,0,0)\" })))),\n React.createElement(\"g\", { transform: \"matrix(0.361496,-0.20871,0.41742,0.240997,34.7805,192.055)\" },\n React.createElement(\"path\", { d: \"M84.299,1269.38C84.299,1261.99 78.301,1256 70.913,1256L-56.874,1256C-64.261,1256 -70.259,1261.99 -70.259,1269.38L-70.259,1376.46C-70.259,1383.85 -64.261,1389.85 -56.874,1389.85L70.913,1389.85C78.301,1389.85 84.299,1383.85 84.299,1376.46L84.299,1269.38Z\", style: { fill: 'rgb(0, 85, 255)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.341853,-0.197369,0.394738,0.227902,64.9247,211.052)\" },\n React.createElement(\"path\", { d: \"M84.299,1269.38C84.299,1261.99 78.301,1256 70.913,1256L-56.874,1256C-64.261,1256 -70.259,1261.99 -70.259,1269.38L-70.259,1376.46C-70.259,1383.85 -64.261,1389.85 -56.874,1389.85L70.913,1389.85C78.301,1389.85 84.299,1383.85 84.299,1376.46L84.299,1269.38Z\", style: { fill: 'rgb(29, 105, 255)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.428916,0,0,0.428916,19.0588,282.943)\" },\n React.createElement(\"clipPath\", { id: \"_clip8\" },\n React.createElement(\"path\", { d: \"M1461.07,528.445C1461.07,530.876 1459.6,533.196 1456.6,534.928L1342.04,601.072C1335.41,604.896 1323.83,604.415 1316.18,600L1205.33,536C1201.14,533.585 1199,530.489 1199,527.555L1199,559.555C1199,562.489 1201.14,565.585 1205.33,568L1316.18,632C1323.83,636.415 1335.41,636.896 1342.04,633.072L1456.6,566.928C1459.6,565.196 1461.07,562.876 1461.07,560.445L1461.07,528.445Z\" })),\n React.createElement(\"g\", { clipPath: \"url(#_clip8)\" },\n React.createElement(\"g\", { transform: \"matrix(2.33146,-0,-0,2.33146,1081.79,378.876)\" },\n React.createElement(\"use\", { href: \"#_Image2\", x: \"50.54\", y: \"64.644\", width: \"112.406px\", height: \"46.365px\", transform: \"matrix(0.99474,0,0,0.98649,0,0)\" })))),\n React.createElement(\"g\", { transform: \"matrix(0.347769,0.200785,3.44852e-18,0.545466,52.0929,218.434)\" },\n React.createElement(\"path\", { d: \"M1480.33,34.813C1480.33,34.162 1479.7,33.634 1478.94,33.634L1396.27,33.634C1395.5,33.634 1394.88,34.162 1394.88,34.813C1394.88,35.464 1395.5,35.993 1396.27,35.993L1478.94,35.993C1479.7,35.993 1480.33,35.464 1480.33,34.813Z\", style: { fill: 'white' } })),\n React.createElement(\"g\", { transform: \"matrix(0.347769,0.200785,3.44852e-18,0.545466,52.0929,221.437)\" },\n React.createElement(\"path\", { d: \"M1480.33,34.813C1480.33,34.162 1479.7,33.634 1478.94,33.634L1396.27,33.634C1395.5,33.634 1394.88,34.162 1394.88,34.813C1394.88,35.464 1395.5,35.993 1396.27,35.993L1478.94,35.993C1479.7,35.993 1480.33,35.464 1480.33,34.813Z\", style: { fill: 'white' } })),\n React.createElement(\"g\", { transform: \"matrix(0.347769,0.200785,3.44852e-18,0.545466,52.0929,224.439)\" },\n React.createElement(\"path\", { d: \"M1480.33,34.813C1480.33,34.162 1479.7,33.634 1478.94,33.634L1396.27,33.634C1395.5,33.634 1394.88,34.162 1394.88,34.813C1394.88,35.464 1395.5,35.993 1396.27,35.993L1478.94,35.993C1479.7,35.993 1480.33,35.464 1480.33,34.813Z\", style: { fill: 'white' } })),\n React.createElement(\"g\", { transform: \"matrix(0.360289,-0.208013,-4.39887e-18,0.576941,37.5847,77.2484)\" },\n React.createElement(\"rect\", { x: \"1621.2\", y: \"1370.57\", width: \"57.735\", height: \"5.947\", style: { fill: 'rgb(106, 161, 255)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.185726,-0.107229,-1.84168e-18,0.247635,307.505,373.782)\" },\n React.createElement(\"ellipse\", { cx: \"1566.31\", cy: \"1372.3\", rx: \"4\", ry: \"3.464\", style: { fill: 'white' } })),\n React.createElement(\"g\", { transform: \"matrix(0.185726,-0.107229,-1.84168e-18,0.247635,310.507,372.049)\" },\n React.createElement(\"ellipse\", { cx: \"1566.31\", cy: \"1372.3\", rx: \"4\", ry: \"3.464\", style: { fill: 'rgb(64, 128, 255)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.185726,-0.107229,-1.84168e-18,0.247635,313.509,370.316)\" },\n React.createElement(\"ellipse\", { cx: \"1566.31\", cy: \"1372.3\", rx: \"4\", ry: \"3.464\", style: { fill: 'rgb(64, 128, 255)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.185726,-0.107229,-1.84168e-18,0.247635,316.512,368.582)\" },\n React.createElement(\"ellipse\", { cx: \"1566.31\", cy: \"1372.3\", rx: \"4\", ry: \"3.464\", style: { fill: 'rgb(64, 128, 255)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.185726,-0.107229,-1.84168e-18,0.247635,319.514,366.849)\" },\n React.createElement(\"ellipse\", { cx: \"1566.31\", cy: \"1372.3\", rx: \"4\", ry: \"3.464\", style: { fill: 'rgb(64, 128, 255)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.365442,-0.210988,0.421976,0.243628,28.7259,185.45)\" },\n React.createElement(\"clipPath\", { id: \"_clip9\" },\n React.createElement(\"path\", { d: \"M84.299,1269.38C84.299,1261.99 78.301,1256 70.913,1256L-56.874,1256C-64.261,1256 -70.259,1261.99 -70.259,1269.38L-70.259,1376.46C-70.259,1383.85 -64.261,1389.85 -56.874,1389.85L70.913,1389.85C78.301,1389.85 84.299,1383.85 84.299,1376.46L84.299,1269.38Z\" })),\n React.createElement(\"g\", { clipPath: \"url(#_clip9)\" },\n React.createElement(\"g\", { transform: \"matrix(1.36821,1.1849,-2.36981,2.05231,5.46929,1071.93)\" },\n React.createElement(\"use\", { href: \"#_Image10\", x: \"53.151\", y: \"30.14\", width: \"106.825px\", height: \"61.676px\", transform: \"matrix(0.998367,0,0,0.994768,0,0)\" })))),\n React.createElement(\"g\", { transform: \"matrix(0.365442,-0.210988,0.421976,0.243628,28.7259,183.729)\" },\n React.createElement(\"path\", { d: \"M84.299,1269.38C84.299,1261.99 78.301,1256 70.913,1256L-56.874,1256C-64.261,1256 -70.259,1261.99 -70.259,1269.38L-70.259,1376.46C-70.259,1383.85 -64.261,1389.85 -56.874,1389.85L70.913,1389.85C78.301,1389.85 84.299,1383.85 84.299,1376.46L84.299,1269.38Z\", style: { fill: 'url(#_Linear11)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.407622,0,0,0.407622,47.38,278)\" },\n React.createElement(\"clipPath\", { id: \"_clip12\" },\n React.createElement(\"path\", { d: \"M1461.07,554.317C1461.07,556.747 1459.6,559.067 1456.6,560.8L1342.04,626.943C1335.41,630.767 1323.83,630.287 1316.18,625.871L1205.33,561.871C1201.14,559.456 1199,556.361 1199,553.426L1199,559.555C1199,562.489 1201.14,565.585 1205.33,568L1316.18,632C1323.83,636.415 1335.41,636.896 1342.04,633.072L1456.6,566.928C1459.6,565.196 1461.07,562.876 1461.07,560.445L1461.07,554.317Z\" })),\n React.createElement(\"g\", { clipPath: \"url(#_clip12)\" },\n React.createElement(\"g\", { transform: \"matrix(2.45325,-0,-0,2.45325,1068.82,410.793)\" },\n React.createElement(\"use\", { href: \"#_Image13\", x: \"53.151\", y: \"58.978\", width: \"106.825px\", height: \"33.517px\", transform: \"matrix(0.998367,0,0,0.985808,0,0)\" })))),\n React.createElement(\"g\", { transform: \"matrix(0.371452,-0.214458,2.38096e-17,0.495269,-19.3677,248.256)\" },\n React.createElement(\"clipPath\", { id: \"_clip14\" },\n React.createElement(\"path\", { d: \"M1776.14,1326C1776.14,1321.19 1772.23,1317.28 1767.42,1317.28L1684.19,1317.28C1679.38,1317.28 1675.47,1321.19 1675.47,1326L1675.47,1395.75C1675.47,1400.56 1679.38,1404.46 1684.19,1404.46L1767.42,1404.46C1772.23,1404.46 1776.14,1400.56 1776.14,1395.75L1776.14,1326Z\" })),\n React.createElement(\"g\", { clipPath: \"url(#_clip14)\" },\n React.createElement(\"g\", { transform: \"matrix(2.69214,1.16573,-1.29422e-16,2.0191,1352.59,983.841)\" },\n React.createElement(\"use\", { href: \"#_Image15\", x: \"121.882\", y: \"76.034\", width: \"37.393px\", height: \"61.803px\", transform: \"matrix(0.984021,0,0,0.996825,0,0)\" })))),\n React.createElement(\"g\", { transform: \"matrix(0.371452,-0.214458,2.38096e-17,0.495269,-15.0786,249.972)\" },\n React.createElement(\"path\", { d: \"M1776.14,1326C1776.14,1321.19 1772.23,1317.28 1767.42,1317.28L1684.19,1317.28C1679.38,1317.28 1675.47,1321.19 1675.47,1326L1675.47,1395.75C1675.47,1400.56 1679.38,1404.46 1684.19,1404.46L1767.42,1404.46C1772.23,1404.46 1776.14,1400.56 1776.14,1395.75L1776.14,1326Z\", style: {\n fill: 'white',\n stopOpacity: 0.9,\n } })),\n React.createElement(\"g\", { transform: \"matrix(0.220199,-0.127132,1.41145e-17,0.293599,339.708,327.53)\" },\n React.createElement(\"path\", { d: \"M1306.5,1286.73C1307.09,1285.72 1308.6,1285.48 1310.36,1286.12C1312.13,1286.76 1313.84,1288.16 1314.73,1289.7C1326.44,1309.98 1355.4,1360.15 1363.73,1374.57C1364.33,1375.61 1364.49,1376.61 1364.18,1377.35C1363.87,1378.09 1363.11,1378.5 1362.07,1378.5C1346.41,1378.5 1288.17,1378.5 1264.07,1378.5C1262.42,1378.5 1260.37,1377.48 1258.9,1375.94C1257.44,1374.41 1256.88,1372.67 1257.5,1371.6C1268.1,1353.25 1296.8,1303.53 1306.5,1286.73Z\", style: { fill: 'rgb(245, 63, 63) ;fill-opacity:0.9' } })),\n React.createElement(\"g\", { transform: \"matrix(0.254264,-0.1468,1.22235e-17,0.254264,329.57,364.144)\" },\n React.createElement(\"text\", { x: \"1170.88px\", y: \"1451.42px\", style: {\n fontFamily: 'NunitoSans-Bold, Nunito Sans',\n fontWeight: 700,\n fontSize: 41.569,\n fill: 'white',\n fillOpacity: 0.9,\n } }, \"!\")))),\n React.createElement(\"defs\", null,\n React.createElement(\"image\", { id: \"_Image2\", width: \"113px\", height: \"47px\", href: \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHEAAAAvCAYAAADU+iVXAAAACXBIWXMAAA7EAAAOxAGVKw4bAAABVUlEQVR4nO2aQRKCMAxFxUN4O+9/DNw4CoiTliZN8vPfQlm00ykvP3aQ5fFc11sjy/L+/nx8r3ffm7Fn845jz+aJa23XOJvfs9Zh7NBawv3YrSGtdbj+x10egkFzpRrNt+SSxMgbqkiZJCJDiQDoSmSfdYFJ3JD18GMmcXhDTHUzNZIIXhA1JIJDib0MptqiKbhKzHqQiAaT6IlSFVIiAJQIACUGpLfLhpfIw49Ml8T2v4/JTPySyIJQI3w7JTIYEp2fong3FXWJ3huqCEYSNUlYhZRoyaSCoEQAKHESlqF0kZj9NBgNJhEASgSAEgNx9WfCTmLxpygzYRIBmCORsTIlXxJZED/kk0h+KC1x9E2FKG86qEkMsh8/HG9A6SSGYqAIKDEinUIpUSDDYXiqxAw3JCNMIgDXJTIWYdBJIvukK2ynARit4XASUZ6izCScRFWKCH0BfLM84oTw1Z8AAAAASUVORK5CYII=\" }),\n React.createElement(\"image\", { id: \"_Image4\", width: \"113px\", height: \"65px\", href: \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHEAAABBCAYAAADmBEt9AAAACXBIWXMAAA7EAAAOxAGVKw4bAAASeElEQVR4nN2d6ZbcNpKFL5cs9UN1W5bntWxr6XmsWTzLQ7mSJDA/gh/iApWyLalUy+AcnypVJkEAsd24EaQn/T8Yb9+XKknrOuk4pOM4tCyLpkkqpWpZJu170TzPKqVoWWZJUq3Sbx+m6VkX/wjjVW/gH7/sdZ5nTacc5lkqJT6rtWqaJtVaVUrRNE26XGbd3+9alkW1Vi3LrFKq/uvj/KrP4dUu/t3HWkupmuepWVspIcjrddc8z1qWWcdRTusLwc3z3Cz1OA5dLouOo+o4Dv3vv15e5Xm8ukX//eetTtOkdV20bWFVkrQsk+ZZOo74Xq3SNMVPqXextYal1lq1rrNqlfb90LrGXP/5/nW52Fez2B8/1FpPiSxLLLsUaV2lfZdKiZiHkHCtuFWPj/73cvpfLDQseNJxvB43++IX+cOvR5WkZQkBbdsh4uCySNtWWkxEuLVKx1HOuLecFjdp3/NnWiYKUbSuAXiOIwR8HIf+55/riz+jF73Anz7VWkq4RSkEI+m0Fun+ftflsra/r+usfY/fATVY3DzP2ratCe3Nm7UhWawv3KzO69PtllJetDBf5MJ++hRHWWu4QCkOm1h4HH2agJuVpHme2ufHUXS5zLpeQ1B8Ns9zu2ZdU3gAJdwxFh3zxjUv0cW+qAX9+KFWhMV/Urg6kCUWcxzpRvlsmno3ehwBVhDKcWRMZQ6uQ4D7HsgI1MrcDIT/koT5IhaC28T17fuudV0bWAmhTJ0QpN56ti1cq4MXSR1wiWv6+ChJ12ukGpJaunG5rJpnad9rm+NyWVRKgqiXQhQ8+yI87pEicDQIRApAg3US60gvPPYhbBceqYTH17DEo8VLSVqWTFGmKdKOZVm0LDKlqIaEQ+GeO798tpu/fV/qPE+nCwwLiwNVi1FhCaUJIFxbury7uxAiwrled0k6Dz6F78J2FgcBk2qs66J9T/QrpRt2MoH7RX6ZXuO/Py3Pcp5PftMffj0qdBeHF4AlXJwU4ETSGavUMSsAD1AlqYDHvut1P61y6QRPMg/g2bbSudnJvCNCgmsFQKEE8Z2p+1x6Hi72SW/47mPk6/u+txwNa4vfpw4hYi3Lok7AHBiHCfjArTr6ZE4Sfr+W+aVAqQgVpUCJJBQq1kas7FFxAqTLZdK//fx0wnySG/3LP2sl1uEKU4uX9r1Siu7uliYwhHwctR0y1zmz4gwO80gp3OM4dHe3NqIAy3R36kjX4yvVj31P4OR0HYJluPVOk/Qfv35/YX7XG/z4IVSVQ8d11lp1ucydsNxlLsukbQth4zLnWQ8sA85zWZYm7LCiiFEp7J6O477rOul6TU5VUpdHjgJmL4QDKiGxzmSP3OqJ8d+Tj/0uE//w61EBI57jSWldUk+hxWc9OR1Wk+4WYWNNaD2jlNKsxdMOEnZJ7dC3bTcFmZpQSimNzXHl81ok7tndvAOlW8KXvl9u+eiTAlyoIozuB4DhrAt/w6qkdL3kb1Jymli0xzSH/Vi153QcLqmJX0t6c70erTqyrusfKhPEggOjmGvqANAIxNZ10r//8rhW+WiTkTI4iCDuOGAZ+U8osXWddH+/twMn5iEIeFEswasRkroir49l4cDVhM/Bcshc44LwCkcKZD6tfW75JHN6jRJlQnld+NzzOB4vJfnmSd59rHWMTwEkFh3HeDBxDVaIwB1JjlxofhZCj0pG7bQ9508rIH+bJq6JU/eaYsybaczd3dJVRXCZpajVLhEMua2j5VueIeZxAqNXnlrrNwvzqy/+6VP1s+6Sdnpd/LAYxJ1lWbTv+2mpc8ekeOz5XJINkPEknbSABN/dIfFrniddr9uZm65tPudsGS4gLyqzX9ZTSgIq9iipoWfQKyGm1qyDxn2+DcV+1YU/faqVxbEZL8Iy3AURV0Z2Bgjv8aPW2iyJgbDcejk4YiCQnwEH6gpGuuHxknV5GAApe+rhjBIM0Zs362dJAwTM2uNzNWAnPQRtX1Py+qILEJ4kXS6Tfv89ER6D2ITLjEPpSWjiCL8DXvhezrO0eIhuJILNQ6IqUUqS2lJAfikQKWi01tq5enJBXKQn/SiK57LO3XrvDvdxZgfSAC+xbXvjat3K2a+fyZe42L/0RfI94sO+H11S7ptzwDFCbQcKHuTTitVZhR+g/x13u+/HGaPWJtBucwZOGNQXmddjl9cYr9fjjIlzQ6EolO9vjIHM4Yo65o6+L1CuK76j2b+SlvzhF959rBWEySY9r/IWBxeapJsxgs9gP9y6cHlj99q+9zwow8tRzIFr4l4jqHJkPOaAzOFzOnjy3z3ZZw73HJwRQM/PZZzLz5bwdH+/6e7ucirDnxeiP/shqPN63U1rMo5J6nI/YgiaD9IbUahX19mwI1dHp+6SRvDgBzIWbaHvIu7VB4dIHCwly09es8TF46JZH6AJl4i18H2KyMuS83tbpSvXuk4nKs70ybGBnwWe4XPx8sEf//7zVtd17YAKNJgjPrSNSjqCy5bBjBmx+FyUC5IxghyPM1w75nMIxF0v6yVmjqzQmJT7YaKYYdUJtCQ1ZaKjwNMPZ4ig+dwlxv6mdi2CJm0ZvYafnYcg1jNWSto/3r4v9ZZms/HRlTjKQ0ggMQcCXhPctiwZObr0+7iC8D0npEHCgBuGu0f+/ebN2oTh1ZFQjhAUwvBiMMriB+kpTwi1z1P9++wF0OSAB4HggpkDz+WKFF6uV2z3fljm5IgTM0ZjRqQ2ukKPDSzO3aa7orHhyGONI8FsR8wD8Prfus5dh/donX4PDjYtZ+q8ixecHUl6l/jIf8LYcOC33Dnu2lOQEEAqsKPymPchNnDBj/2yDnwmmnK9h2WEzLhWhifcnvDimm5B5xH0eFwZEah/lw2wMdryuX6sMKTVBnrl87E7oFZ1uagDHPZIDuzC2/eoF+57368z5pPUTDGMUaHhjdnPSNXhacbvO4BrBoNWQEthUQ7NXSNCcHHQYSnxtzjgZFxG7eU+6S5n0856WmJfaOXacKHTef/ZWJ4ERB4BYv0xN4IJ96fu4CC5Y/299W7b3pRx33cdx9GUwKszpFnpVQL8ZQpTT4XILvTLJWuRtVZdLuvpcY4GchAg3wnsQdf7fLJiZ7nucoleTvpViEfRbLurlKJ9P0R9zjcQ2l5PTcxDpIgaLjc/QFvRqlLKqWW90gSY6asBbNoJ5/QYcd3lMneQnYNIIAQhjkLoTAVK21+eQWrF5bI2yO9rZB8BpNxT8GwITExt3kuKpmcPJft+nCEj8QHnOU2TLpelU7JQdhR60gzHSWCPw4kvRNse6Cpb58NNhN/3+MXNp4lmpfk8uIxzjiyzWiCt63JuPONcBPjpVCSaoJhrOQ+otPgUrj3dZ+ynnGWp0lkTQMsbo6KaklYFmYBFuXsOoKS2/rT+uSl74Ae8SQhynjPnDYusZwpVTmFmTJXCC4T7zHXFd0u754zv9aQ6hJDawE1i0nrGtNHNzp3Gx3dDMwJKT6ebqJ2WpSstLb5SPkLYcbhrs66Ma7W7p1sdG5+mqeV2d3f5eFsp0UcKp5nxWuf9lnbYXjCutbbQwz7dK3C4t/7tqBdwlLhj7lgkUheUi/RlXRMLtNDkQuDQ2EwejE6Txh0Gyrpe9xYj0MrrdWtaFDeSKcbcDrBPvp2P7BXBlQPrgtlY16nrYNu2ox22K1Ek7rV5m5hD5uZAxulmM16lN7hcLlpXd9mJavEarBe37fGbGOasUn/mx2mpkPJHM6DoWCgNaHEPSZoxSQIrpr8sKcTQjocVgiAFKPMEyPnb3y7NbXiciU7qkTlJITT/PmM5STaQNzn4Oo6qbStdyoOg2XgSErWzOD+MzHOnM/bXbn2wOl4uC1DUK7S7PI/5/MTL8W/iIvdGwblH/7SXt3hSgMjcc/7twzQFsKhnHOu7zxws3mIWvM/kONRATghy7jbM4XBAaDNaz+/ExQQ2vav0DjMs7+5ubRZfStWbN+tpFRmTwhVu56GGJUfYANpHQTs9TD1jYW3MET2trCNqolCEEXe3bX8Q23wsy3KS9tNZ2chqTICsuB8MkbNEefY6UfCUjA09oeR+TjPBRDhMJj/yZHesQLjvHvnDyHcOcz+525HKg3DgQBB23BNSvafFXPHCivdWe/T0BCKBkEDO5wfrMZ690k7iBLfv2+/Nnih3ZZqVzV6eQ2ca1VOfyAVlpYPuAXf6w69HRTDOSUJ1OUODK4VJyUCftUQqERRnnTz3p47CctON4Ipo9/BnIjzPQ3mc2+WQ6d9hH5DiHJz37XDIsf5UNhTTFQY35uuE4QqFedgoxVhX6f4+FS7z2KPjSsdaLGSF9Afc6Tho+B0tKm6Q7A6jTzN6rXRqzVGVL9gZDRTBm4wkDe0cbm09COO7zsZwyM6lIhj3QOMenT1yxiisI1MtUD50JHO612B/sz04RGbg/UCu3G6lnytJfVaIDIhxKUtPvmkHFH6QuLVbLfmOEhGCF0bd/2MJY/u+Wyqbj8/yIFAsn+9WYXp0b27NiQbVXR/INSx726L+xx5w3azLH/Rx78Y8biBO03nnwB/VFP9UiFI+N4/b+1wNzA8AV0Tux8K8y8sJdCeV4T1HlwPmwn07F+oCxI17DB3LQAyvdXa51/A01Gjld3fe/9P3lUaumUqO1/E+G+ZBuM6fEo+lv9Zw/JeEyHj7vtSE6KW5tlhYDwhwB+5SvGDsKYs3XAVK7J+7cMDi7i0P0d9Tk4/Lcf3Y+uCIGqGS81FZGEEE8SnnDJxwf7+1RN2TeI+3faGgXzfM0RiyvqRb/IuEyPAne/0gvGbn8XAM0qNFjMjSEaWDFag7Ns3fYo5wYR5fODzosh6mZ58se0iXP3VKABd8qyls7FCgQoM38aIwrvXubhXPjYT1hiAvl+WrWhe/SoiMdx9r3ba9FYcdsPATq0MLSV04SEeCoE93yxyAIzxHjMsy6XpNAQaAWdr3cYNYqb/ACEXyZzWSe+1flcKAfPBWjFt9SCPwGoGUdyIg/K99Q8c3CVFK4DPmiuNz8xRzqbGND7k4MMFyvJHJEWBel+4JZcLaoarI/WLusWUkrdJDgIMdVybAjyNp0iLQqgvM+2K5npqkM1ff+qDNNwuRwZNQkiO51OQR+IyFUM+r+mfk+2Ymb5kYXVm3MQMitxDo+HQVa/Jiredmjh79+35fqvUoknce4GkgSEopj/as/6MJkfH2faluhYAF75qT+ke66TDzxByXOLpD4qbnpWPq4vkWvUDjsxOOHhGw9w8FNTbdtGLefeO4AKtjnW6hxHvW+tiPhD+6EBkgWafi0NxMqLMxV1JzO/nSvRDMSGUx3NW5sBwZ8293Y2Mvq6PbsbKQCHlurNDIEI05rOefTliU8n3eTPXdhCipPXQDqPEOs/FgsB7i3mGMgLfCe46aaDIZfY9rntLwaJv0UHnGFAIheC+QP3rnDE78VKsNEoOdTqz1+76Q4bsKkfHjh3z8jYP2eIF78u4zb8N482bV/X0++CllY7ET0t7z6k1bWA6oOL4TPz2mpkt/yBG7O7/VsXeLbXqqF/w9iRAZvCk4qyL9YUk9HUZMcsAwHhYgyHNCrMU5Tql3dQjM06Jb77FhjZ97xM4JArzIND3tO1OfVIgM3tntVsWIikc0JXkJa3y2A+33vM+tydkbKd359Rrm+rlccryPs0kjIxPr7b2HpCd/KdGzCFGKlCRLTA9fTuSVhs/1nYIo/ZAdaY6v9fL6IDVLYh41O3JcrIoOB2I3aQgx1K99ited3BrPJkSGv0k/QU1SXaBIJwPGOOYpRyLTqfs+sdObgD1l8WqL1yoldUwQXgHhS8//xsVnFyLjxw+13mJn/O1Okk5O9eGrouuNup2/+MgRqZeaHAzxXQTtL2tAOUh7njru/dG40QHyPOO3D9ME6EGAPUUWLvH337cmJBJorwyEi0xrTlaIZuVDNCtfr4fot6EXKB9Xyw6+7FxLxXopApRekCX6ePexVtzc+MZhSc1KnEgAzUpZb/SHVp3IdvLZLXPsOhgrM4/Bc36P8eIW5IP/9wWW5+S354hSz6z4+25IJ2BzmCuuiZ+AFn9x4EiKv5QX1N4aL3ZhPqDwvN/H63vENqe6kgbrCXAHObcq+k504w1eovX5eNGL8/GPX4KJBpXi4oh/lLrGd7tRdIUsx7L89SjEv/EFuS9deIxXsUgf8LF9p3a+o3TsO3UOk1eQSLQY5iulqXpIz58yfOl4VYv14awPeZ0XpEnE+Y7Hwuw4ry33k16f8BivctE+/H8/5IBkfLmfv2Wf3NIF/ZKBy5+NV7twH2OVRPJH1fp3vsG0IMTnevn6Y47/AxX1K5XSf237AAAAAElFTkSuQmCC\" }),\n React.createElement(\"image\", { id: \"_Image7\", width: \"113px\", height: \"65px\", href: \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHEAAABBCAYAAADmBEt9AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAMrklEQVR4nOVdW2LbNhAcUD5Xkl4scXqxpr0XiX7AQwwGu7Rj2RLV7o8lknjtc3YBygX/Afr2XOu2bQCAZVkAALVWlFJQClAr9mvLUrBt7R4A/Hp++fDA9NAL+PpjqwBQSkF9kVQkOBIFx2vLUlDr4wvyYSf/7blJghanglFLc9q2DZfLgnXddqvl9X/+vDwkPx5u0l9/bFWtTf+q8Hidwt22DaWUXYCtj3H5bPNolvkwk2Xc05hHcjep1yk8Fy4tksSmfH5ZCv768RjCPP0k3W3ysxKFtSwLaq0vAGYZXC2vtefHmKn9Lkv7TKt+BKs89QT/+FnrtnVECYwghuRukfcpOL1N4fgzrZ/umgHsbvfsVnnKiX35vlYFHUpMJQAMwMQtqpSCdV3x9HTBujbXSUUAZmVQa876A84ZL081oS/f1+qAQwGLusx+vz/rSNUtbk5FZvccpSuOdmut+PvnchrenWIidJvAKJRIaPpZY6B+Z/6nAlBrisjjp4KezKWfRZB3n8QfP2tlKuBWAHS0SMZqOFSAwu+R1QA9sVdhupA5riNapUjY946Xdxv823OtHnfIFGp+lv+pZSiaZH/e1gVIlmseCXRBk1SBFO26i6fA7xUvbz4oS2UABoaua699ZjFK25CJ/NzajukBgMmNerzUNuyD1Rw2U6XR/ihAzhu4D/C56YDM+QAMDMqScrUiYMzjiDjVmjT2aTLvlhtZLeOvI9RufWWyRCUt9906Xt5kIFpf5uaUKarlR0jUy2p+X2Nh62+2bi3faaxz1JoBInf1nr/WWm9Sj/3UAb7+2KrHo6hC4gJ0kAOMwMSf0RwwSgu8isNrDpSU1KIVBY9zX+Rz9xAaP3n/My3zUzrWOqdbhLpGPqMuFMhjkGu8pxZRKuE5H0ljYFaC0z60b8ZNutllAbatC1PdcxurPftZgvzwTnWDFuhJdSlzHFOozudGsHBsxeMYc5xiHxm6jdyx11mVojHVkt2zaJ/6+aOF+WGdffm+7hu0zrB9sCC2ULiRNUUF6fa5l9H0GjCX4nRsF9BRPsj2kVC8fyofx88KC5/lYq/uhPt7zni6FFoetZaCjQU2okPgWBBqtXrfXbczmP2qmz7a5oqAVwR6Mkv1Zz3eXpuWvLux7jBwog7bIyKTNaboEjQ+7ZMUl+RQnvdVYTKE6S48AiD6LOepwMmVTfs6Qsw+P1/XNVb5roaa7wFjzIqAgloHidaoRyUiVOruz9MOIE4ZpoVapcfben9ODpAyC9M+dc1UWmCuDGnb9wjztxqo65wXNqcNUVDXeBmdc4kWqsKLQBL78zIcx6U71aMZfa6xW86uOeKOarU6R3fZ6n2y3Bj4vcrPmx789lyrx7QsH9OFXC4F6xqnGBHo0aqJCihzpa+hV33OEWpk/ZGFkJWeh0YVI953ZSU+UIGyzeVSQDDvHgF4m2UePsAiNRmoNUXX9NcOIDkTyJhs0R782/PxZzLAtZ3XNYXxeKhMzRivfbW1XlKX/1oakn3XsVyxXtslSW+q61QNjayv1oqnp+VlMnGVxRnnwEKFQAaocFQx9BkHPWSIV1OyfUUfb2KQeRnPL13wJHWrkedyZY3auSfKrHK6mIEW7YyTd2txbVbw0vuL9/1GxvXPtG510W3xs6X4wtXyiJo9Trml6jo1vqqCaHvOVcd1AWdgz/FFBu6cTx4v9y9R3BsZO2uPCkM1Xl1vhvwi16j967PKKP0cxTMFFC4k9umxl8r2lvlmTPa4TXIBet+RG414wvbqrVhcL9xZ10Hcuo6OO0QD8/MoiNnqdIKZ4pB8AY4ql4VKNQ0zzU3XGrlgjdk6F80ds3VxHd6vto3G8fyTc4x2ftimlLYRXfx9Bg/+RxoRAYMIYUX3IxfdJz6fOHPGt+8Yis9jSjDHnAzRcj56cDg686NziEALKQNdLhQKg89oKVHvR25+2BPVCXECOvkuVGWyl7fmZF7jUCljfNB2nem8P277aIzhuG0BdJ0ag0bm6PEKlQX7dNR6uSwTCGLb7gEU0I0xMFJQzoHt13Xb16BEdE8Z1NpPOyiPW1/kbVOUJy6+MaUMGuaW1jvE3hlJNYptIhfZJ6CId0aL/XhEmdqy7yjuRrlnmz+ZU3amKVCJ5sO+lZlRESFCvbyuSuHgiXzkGN3tLnt7kuIN9zBPFIpqfktkL4NAI4TlVRXVDk6ScYBMIXEBbMt9RUd8ruVdaGXoT4Wsa1ENZ36nCkjk7IwZ4/Wcv+l1pVHZ66R4kZtuAtKxxudU4I7qSylYdHK8p9pNBvRFjh3rgtpkutvRwTtYKnJPraYrQ3OF82I5R3V1zlB3b02Rln1MjtUtYi4ucA0zSi7Wd//chD4K0EOClyL7sx2YqWA7Nhnz4a7kbdyFDSh9jxMx7MYuMHdZFAQnNrYru4A4MQBD+SqD8XroieMrc3Ujms9qfFXLJwP6urcpduv8KVi9766xucMYuLkSjC61DoqrMX/Mr0fF7Ir24k5ZBxy1I/bxbn1uGRHkBub9ui60Lnx+VjfJ/hXWKyR3N6fITZmpcZ9/+wszfc9ThcM41ePQnMwreFJBUYk0DXIBdtc5sGxYp7r+plTtu26PLb+eS9Fis1pes6hZc2gFZEhHq8s+GLWTWtMtaazAaL9kJEmhvgZ7R6M9PleJf8uLhVe48ilq1O+cqwqBHqqHmrIrjzJdleNy6crl6+acPZy4B+S6xnl2DzEAOH7gyywKWrzyoaiwI7h8OyY6/qBWM2rtnJvRerLjGGOs7Qm0H0T2Z9RiIytRiqzHrU7bRWiXbfnXT+dpH17A8KOd6g32io1PmoVvAFjX1VxbXAgYAUpvq2hQ6WhfLXc5M9DxcSOXFjGabfW6CjUqcGTz8XU3IY3u1wERkKc4vn72rWN6IXxWvRfSQngWrFWjfTG+aPZ2lFtFWsrJ6zjqLbQUxTFG1DimGmq97hK1LRALVj2HMz1atyuok3o8XU+0qZ5tFKdCJOm7EzqZyGqUGdGiIgaxjbpMzS3VYltfnEd3tRq7FOFqnOHzylivZWZzzcKB3su8hc5TQ4saQOQu3WCOdvpfFSLQD0VlKCsThPrvvtjxJRqPmd6nMydihraL4mAkkGynnVbrrjD6q3OLGD8x+6AvnyObv+W1uTcJkcSd/sjslZFR3Iqq+srQ6Liiotr2fY4vc/yMT75pm+hsaCk9pXDhZ3E5U+bIUx3FPi+8v2U3X+m3hEji9pW6uKOJRxpHxmg88A1gXfDR+ZouiDnuaLw8iu0TY4LrPjb78L5UOTxsRHxQPr3nDOq7hEjyHwaKDjpFsTJzJZGL3Cdaeo7Fw1fRM1FKQWUBxkIC73Hu0Y8zeExrfcRbVUcuNVN4Heu9h4ivEiLQUawDhkAOALRgsEzxTZ9xrScz94kbkFGA47sb6g5Lab+q0Sw9Pi7ZxxjzP68kqTVyHvxOPmTHULgPClz/YurVQiTpu/fDAAkQcMa6Fkcbq15XVQFGxwd53wGIx0udBxAXFzxdorJkz+kcVMBt7e3vR73r/2FCJPm7GRkgIJGpwJhAq9D8tJ3qicdHLbpHqNaF6CAt3hQe88kIWPn61KXrXwAf/uLphwuR5O/mAzEIUe1u17XwO8Y1t1rdQPb+dQwlzw0jhJmVHCNAlYGkTMCf8U7/pwkRGH+XDRhztAhgROhTBaUC8SqNWjzHygBTlgY4ZejV+1aX6aiT1x7uTWGn6PW3iMmkjBEeWzLk6y7TyWObu9YobrZ2CEt3fN7jfa23+TWNmwiRpL9dE0HwaOdbGeIC6e44P2LpVSG3IHePfiSQlBUAVNDX5nvvpZsKkURhZpYF5AXpKN3gcx6TFDkeKU0Elvg3eukGiBWOz9/6t2zuIkRgfFknQoJRhUaL4wo6nDKAEVWAvBzom9aRq492VIDrXhS9hu4mRJL+LKaDE1IE+9vz84azu9hIgBHAigCOWqgKj6+j8dr/9rfdnHzLi+Qul9eAectHD3rpfbf43maOi442gX5kg5vcFOZZfmUx/mXYO5AyRC3MXWP0mbLUE3BKUWrCds1ix+OPHLe3WXC5XNL53ptOMxElLaz7ybUsufadBY9/fu4mugZgf7vZx6SQz/hvF043ISX/Mdsoz9QYmCX8fMYL0hEqzXLWM1me02knpuRbXsC8tdM+x7vmWmrrQh/P7mgMVGU4A3B5jU49OaXX/i8Gy3N+iizKEbPKkVvsma1P6SEmqeRVH2U8CwGa/wHjXqG++KPWrHniGePeET3UZJX05VhgLouR/H526uxWdc7PoIectBJ/a8B3872yoxvHwHxu51EFCPwHhAjMv/gBzNUYIP5duEeJe0f0L+D749HrhKeLAAAAAElFTkSuQmCC\" }),\n React.createElement(\"image\", { id: \"_Image10\", width: \"107px\", height: \"62px\", href: \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGsAAAA+CAYAAAAs/OVIAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAgAElEQVR4nN2dWa8saXaWn5jnzMjMPZ5T1V3tsrGR+TNIvjAgC+y2uw22bIONzB/gBgkEAowZJbiBCyR+CzdIIHDX0Gfvs4fMjHmO+LhYEbGrrabdQw2nCKl0ztlDROQ3rPWu933XVxpf0+vn/0CpplEAeJ7G83MBQByHmCaczzVx7GEYMI7QtjAMA/f/1tK+yvf+Wa6v5Yt/4+8olWU5YRgCYJoawyATZxgargtVBZoGZVlhWRamaeJ5Gl0HRVFx/I/B1+6zf61e+Ju/o1TXDTw/P3N7e4NhQN8rbFujaUY0TSMMdU6nhjh2GUfoezBN+a/rIM9LLi8DHh8LNpuQj/+l9rUZg6/Fi17+eq00TaNpGjabDZ6noesyEY4jk2BZUBQKTdPQNIgiyHMYx4lpmnh+fiaKIq6vAz799MxmsyEMDboOlOJrMWnv9Au++s6gLMvgeDxzc7Pj+Tnn4iICIElqLMvCMAxcV2MYoOtGdF0HoOs6NhuH47HAMAw8z0PXIQyhruHx8cwHH+zo+2Wi4aN/8W5P2Dv7cq+/OyrL0jFNAQhl2RIEDtMEwzDRNA2GYWCaJrZtcDwm7PcxVdXQdR37/Ya2HTFNg7bt6LqOi4uQpoEggGGQnFYUA45jzvcdiWOD//GP3s1Je+de6uf/QKkkqXFdlzDUyLKR/d7g+bmfJ0Yjy+T7fd8DEAQ2AIYhIbGqGkzTpCxLttstcSwTrhSk6YjrGuS5THZZllxcxOg6uK6EzjiWifzv//DdmrR35mVuf6tXlmUyTYqqqthuAwxDBm0YBCBoGjw9CURXSrHbRUyT/P4wTLiujq5DWY4YhsHbt2/58MMbHh4KXr8OOZ8nlFJM04TnWVRVh67r6LqO7+u8fZsQxzGGAUVREwTeO5XL3okX+cU/VCpNe7quw3VdbNtgmmQnBAGkqYSq5+czV1e7dVeM40gQuOuEdV2P61r0vXzBsnSaRnZkVVVomkbXdWiaxmazwTDk44+jQinFOI64rkXXCbLUdZ0ggKendwPqf6Uv8Oo7gxrHkf3eJk0FHBiGhmVJ2Hp6EmBR1xPavMCTJMGyLDRNIwgC6rpmHEeUUmy3EXXdst87VBV4HhTFhOPo1PVAFJn0Pei63B9kxyoFeS45sW1Hmqbh/fcD2lZ28+Njxe2tT5Iovv+n+lc2Zl/Jg3e/lisAwzC4ufFmiK0wTY2qahnHEd/3sSxBba7rMk0Tr14FVJUMcF0LPO86uWffy78fH1s8z1mfVVWyC+PYommgrjtc10bXwbbh+bnC932qqsLzPDRNI0kSwjDEtk0sS+6tafJf3yt8X+N//ZMvPzx+qQ/8xt9RCgR1WZZBVTW4rouuQ123dF3H9XXE+dxydeXQdTIxaTphWfoKApJEQMfpNLLdSsh8fq4YxxHLstjvXepaQmieK6JIo65hGGRBLGiwaWQyHcdhGAa2W4tpetl1SVLiui5ZlrHb7VBKYRgamw0cjyN3/8b8UsdP/7IedPG3KrXdwjQp2ralLGvC0GW3g+0WqqqawxlomsbxOFCWE30vNVPT9HSdoq5hszE4HgeCwJjBwIRpmrx+HXFx4ZIkHY4jfGDXdYyj1FKGIbTU+TzO7MbIxYVLHGsMw0Cej+i6TFLfw/vvB2y3Bo7jEEl5R5YVvH3bSH77lUe1/Rup+rLG8AtfGX/p7yk1jpAkFWHoM00CsR1HcsfjY0UQ+KRpNoceHcOQHVUUijjWqCqYJil6o8jANOGTTxLeey+maaDrJrquw/Nc2rbDcWyKouT6OkDTIMvkPkmi2Gw0jsduDXv7vUNZQlEUbLchj49HXr8+rCVA27YEQYBpmozjOIdUeHrqmaYJy7IA2G71L7w++8Ju/kt/pFTfQ12P9H2PruvEsY1SMlF3dxWvXvlkGWw28uGVUvi+jWHA8SiDl+cVjiM5KAyNleuzrIVOGpkmgeS2bWOazPBdBvPyUn738VFyl6ZpuK5J3yssS8P3hfRdCuhpUniexjRBUXQz+2GsTMeSv2ybmd3vsW2ZsGGQ+PlFhcfPPQxef7tVv/zHStU1pGlNFBlEkQtInkjTjrKE/d7n/r7G8+D+vp4LXpthgKoaiaKQYVDouo6maWy3BgB13VPXik8+OdO2LUmSsNtZTJNwgAtpOwwDYejQNHA6DTPMt+j7nr5XpGmK5wlQUUrAjiwkYebbVhFFNk3ToJSE7+MxZxwnum7g/v5MVUEUWXRdTxDAdmuQ5znv/231hYTGz3WyXn93VI5j07ZwOiV4nkdZKrKsZr+3CUPwfZtxhDzvKYqC47HB9z0MQxJ/FMlAx7Hcs65r+r7n8bECIAyteSJCuk6K2rKUwfZ9naIYaBrwfY++l/DbdR1RFOA4cH3tsdlInfX01OD7EpYNQ547DLKDhmGgaRS+73M+SyE+DAOapnE4mDNDUtP3cHtr0XWQJAPvvy9F9eavJ+qD3/18J+1z2a7X324VgOMI7XM6nQHQdZ3NZoNlCYL63vdSXr3aUlUSMmzboGl6qqpis9lgmhpJkq/E636vkabQdVIUN00/k7fQNBJa27YlDP0VtpumCcjAWpZFGOqkac9mYzEMzEVuz25nUZbQNO2aj2zbRinZdZeX8VqTLXVf0wwYhuxw09RwHAmhris5tW0VYaiRJBLSlVJ4nkPTdDz8e+dnHuuf6Qa7X8vV9XWIZcFHHyVzYbrFdfWVfTif1YzIRnY7n7aVAQCJ/a4Lb9/mRFFEXdd4nkdVCejoup793sKy4HhU6LrIH6dTwqtXMVk24Lom4whFUc7PD9E0Zgguz7ZtG8PQqKqGvu85HCK6DsqyxDRNHMdZ0eMCfJoG+n7g6srk6UlykYANH5CclSQ1tm0TBAZv30qxHscBXSclwgI3TFNy3c/K6v/Uv3z567WKY3fl4ZqmIQhc6rrjcLDpe3h4SLm93a4F7MIqZJmiLEssS0Ka7/szoRry9JQTx4KTpwnqull3y7ID0jTl9es9b9+m2LaNZVl0XUcY+tR1y/W1gIqylHukqYSxzSZkHBXDMNC27TyJBpZlcDolXF7GaJrsEAmJA77vEYbyzn3fs9lImJ8m+bfr2uu7Sn6THRVFPmEoIGgYhIGxLA3DgP/9T3+6SfuJc1b0187qm7+j1OWly/lcs9sJlHYchywrVz2p72G/3zIM8nt5Ln+ezwNxrKGUwjRN4jjgcNB4770Qz4M4juYBG5gmNSNEk67r6Pue3c7A9/05pAXYto1tm/PPQRg6HI8jeS7vUNcdnucRxyF9/8L5tW3LdmvTdR2GARcXMVXVUxQdti1j+eqVx/Pzcf3sSikeHzMA0jRlu7Vpmo7n5xOmCRcXLlHkYZomeV5xOo0YhnCURVHg+/JOr74zqJvf7H7ifPZjz/B7vz0ppdScrF2Uku3dNPIhNE2jqiouLnzGUVZaWUrN07YdFxf2al4ZRzgeG4Zh4OYm5OGhJAwDxlF4vDR9get5nrPbCdooipKLi4Dz+QWGT9PEdmtTlhNBoK9C4kIPCZID3xdC+HAwub+v5h1lEQQ6SdLOSHSYw6KEsK57uUfbdrNtwMJx5BllKWHQ9405Cgzouo5t63TdRBjKwjVNuL8v8TyPpmnWksVxZPw++ZMfb6f9hTvrw99X6hf+rlJZlqFpGp7nkqYVVdXx9JSTpikguSeKfE6nBtuWiYoim74fmKaJuoaHh448Z4buAufrGrbbYKaREspSapv9XuqbwyGmKEpME3zfp2nkd7MsI45Ntlt7DrM6x2PFOC6c4Uhd9+i6TPLjY8luZ/LxxwkAlmWRpum8++p5UGWH6jo8PCSM40RZ1ozjRBjKLpSwquj7kcPBmxeMLEDPM2fKC8JQ5/4+pSwVaarYbAKqShbhQoVlWU/X9T821P+Rk/X6u6MaR6mPvvWtLbouRSSI4HdzExGGIaapMY4yQI7j8OmnCZqmEUWsVX8Uwc2NvSZw4flcum6kbUf6njnW27RtS9+/cHSO49A0I0GgMU2KcYT9fr8O0jAMdB3Ytk3XQZoKEnVdi6YZub2VcFmWsNvFXF0Jcbvb7ajrnutr2bmbjYZl6bQt3N7GGIbOxYXH4aBTliK1TJP8XF3XGIY8p+tk8ppmxLYtzueGuoY43hIEkqvO52z+2W7O5xVKKW5vLTQNfu73lFpQ9f/r+qHbz/qr9+rDD28YBkE8mqZxdeVyd1dwcRFi27K6hmHAcSzOZwESDw9iD3McDaUkPrvuwihIQnYcG8+TuibLFK6rkeeyC7tOVNokEUjteQ6nk8j1SskOCYIAXRdEeDjEKyNSVeJyenqS+s5xnJmyknDrui5RZFJVijzP2W43lGU112cOeV6x3/v0vYTMtoXHxwTf99ls7DXcPzw88OrVDUVRYds24zhS1zWHQzwvnhc5x/MEUCyFN8i96/olvC6k8v19MpcvOn3/w0niH/hC+KsntdvtZugrDPM4KrZbjTyXAZYQJ1SNhBjxN3zwQcgwvEB1WTUuZSmUU1EU7HbbFY3VdU0cb6iqBt93KQqB63kuyO2zxpcoivB9g2GQiX96+qym5dP3gmIOB5OyhCQRm5llQV1PxLHO42OzcodRZK8KdJIUKKUIw5BhGFZRU9O0dZJlMQitFcfCzJ9O9fw9bd79gnYXrWwcX+ist28rdjt//nvLdisLqSwlFwpQkXquqiRvRpF8/7NKtQbwwe8q5TiQpsJzaZo8XOCo1AwgyEoEQgPL0lY+7XxOuLqKSdMa3xcXkePA8VgzTRPX18G6A85ncRgdjx2bjXCFCwgYBlkMS6gcR7i/zzFNk7Zt8TyP16+FQioKIV89z8OyjHWVlqXcbwm/4ziuueLy0uajj8SGJpKIQ12rVb8KQ4u2lR0kphsHTRP+b7+3yHN5pmVZc8h2sW1517Zd0GdDXYvzStd1HMdhuzXWiWzbkTA0SFPR1dq2xzAM0jTl1asdZTlhmjrjqKjrGsdx1l2m/ZV/oFSWsdq08lyI1ft7QTq6rs+eBYHowj4M+L6JbcPp1BEENlUlrECWTUSRzt1dShxvGQZRgPu+ZxxHwtADpPa5vAxnmkaK4jiGLBPpQrg84Qo9j3kXy4TI7pYdGwQGeS6DWZby/U8/TbBtmzj2ybKGsizZ7/fzhLtkmTwvyzJev96QptOsWcV0nZhwltJCPBpwPqdcX285nSo2G5++V+tOdBydthXH1cWFT1lKydE0DTc3AooELcoY6LrOMAwcDj739xJql5C6eBkXt1YQyOe2bdAXo6Ss4oq6btcJCQKDYRjYbAzGcVFoayzLpK7HWSey6Hvh7N68STEMna4Tri7LcnRdRylFENhEkYemycDHcbjunu02IgzhdJrWWmgphA1DVm2ajmgavHmT8NFHKboutU6evyT+/V5W99VVjO/7KAW+73I4HCjLcg1pcRyhlMJxnBnF6ViWhW0LMXt5abHbCdAR24Di8nJLnvdcXvqcz1I0TtOEbctkmqbObuevoXu71TkcfO7uCqZJFGZRqxtcVxaSbcN778WM40iWZRiGweOj3PvqKp69IRIeTRP0slQUxTCHPmf2IahVCGya5geS7n7vMU0KxzE4nxsBJJaEy/1+S98PZFm91jGyKwUxDQNkWUWeN2voEGGx43zu15eWUKtTlt2cv8A0DYZhJIoibm+3WBYcDvsZTWmczx2nk8T2cZQoIQ0JPZoGFxfhCsuXLOB5Ds/PFedzRRAEPD1l1LWi70VLMwyDIBB4Lova4ulJgIXjaBwODsMgu2ah0IZBFnRdy9d3u5CybHFdjdOp5fXreJVXJMf3OI6DrutEkcyBUswLRyPLJpSSn9Vlpk08T1ZKkkiCD8OQtpU/01TY5b6XxBqGGk0zcHUl3ogXWM3skHWpqgrXdbm8NGYxUQrNqyufw8FlGCR+L+Kd48ifu91uDpkTrmtTVR1ZVmNZsNsJrVUUE3kOux3c3QmYsSwLz5OFs4Tn8znFdS2mSdgNIWtllSdJQt+PRJE/85Adt7cbgkCjKCRP931P2/Zst3A+J2ga3Nz4aJpGWfZzflQURTtrW6IMbLfbWcHuOR4z4tjh8VGose9//8zpVJGm/ZyrRYv7xjdC7u8lH55OCXUNd3fZLP0IwNEOf7NUC+sgtY7krDRlVVOXLg2ZWBddXxjnabV3Lbxd3/c0TUMcx0SRwfEoqElW3UCWZWw2G+LY4nwWVsC2rRni9mRZNsvoIUEgFb5hvDAiS/ja7eDP/uzFmqaU4vra4/m5m8OnQd/3DMMw+wJ9np6eME0TTdP45jdjigKyTJiFKNLpe1nBS+gRH7wiy7LZpxjT98PMZBjc3yfz38MZlhtomoyLMBmSb9++fSF8FyI7z8Woo2lSpvR9z8VFyPlcz5KRLOZpmnAcWYjaYlNumn71zJ1OJ25uLgHW9plFUZWXkUnbbGQwxxEeH4/s93tsW3ZQmopJMgjg7dty5vVi6loMKotnT9fh+VlI1CU0+v4LU11VkqzP5zOO43A4hOS5wF0pxGVAl8vztJmz9DidxEL25k1BEAT4vsbxWBFF/uqL3++1Wf4QdTkIRErx/UUsbZmmadbHBmzbZBgkVzXNsOZWXWeWbsY53ztUVTfbDTxc18B1hRsVf6KzSi+uK97EIPDRdXn2w0M1q+sueT4DE8PQGQaF686zp2lcXFzQNBLrP/nkiK7LRNV1MwuELuM4znWCmgFDPPsbsjlceLRtP/Nr2oy+cm5uXA4Hjb4fqev2MywFc64oSJKONFWzu0m6R0zTxHVdDEPYk9Oppm3VHIYbDEPD8zSSRMwsAqV7qkpCeRRpFMU452XZBV3XkSSyQNpWEQQWx2NOlhXzTh7nWs6b84hJ28rAdd1EURQ4juSoMISuU+vC6bppLTeapqHrFEky4jgmwzBg26xCZ9PA7a1ocraQ+Fxe+nPBrdjvLbZbV+imzUabfd6KoijQdY3NxqIoGl6/PpDn1Sp9C3qCKDJ4fj6jaRrPz+lniladp6eMqoI4lrpFaKBOaoa7isfHgSgy2G4lmb56FVOWzDkkpKoqTFOjrru5PnN49WqLpmmzaRMuLz0cR4jc3c7j6em4vuP1tWha2+2WPJe6pyjAsowZaUqxfH3tEMfw+Jiy2Whz2PJo23ZGlwKSzueUNE1xXbBtsQbYtr7SW+M48sknCXGsURTFHLrElp1l2Spquq4xRzB3DrkTRTFwPCYkiXCIadpxPIr14fY2mEsIyX9rdfxLf6RUUYjOdHkZkiQtUeTMiGrAssw11CxajoQRk/N5XF9sAQy7nb+WBOKulXadZcX7vkWaVtzc+PNASjhI08U2JtJ/HFsoBff36YzCHJqmYZomwjCc2fF+VYa3W5MkEfV5yVXDMHBxIS7d+fVoGoH+oiZL7ghDef5CChyPJZtNQBiymkvzfFhFUssyOZ3OxHFMWZa8ehXy8CAOYc/z8H2Dh4eE29uYtoWm6fA8e65XpUYUEfOFohJ0LX+vKvn5PBf79g/QTe/99qQ8TyPP+1WgE1len7sw1JwIhR5ZFFnPg48/lmTfdWrt/kiShIuLA1mWc3sbUVXC6d3cxNS18ILCM76Ic54nAzkMwp6/fSsTKsWyTHKSlPK+7wWzfCE5482bZGYWIjYbE8OA+/uCOA5n4CBq89L8YNs2fd/jeR5ZlnF1teV0KmeNzJpRsZhKNxuDspR8soAe8XgkXFzEFIV0W3adjIfY7xr2e5eqkp/b72NcVxbMxx9L4f76tc+bNxXTNHE4hLMFrub62qMsf1Bd/qFE7vW3W3VxYfPxx0LNyPaVVhmxNBe4rsswDFxfuzw8CL8nu47ZFqZxPhc4joPrWivddDxWbLc+VSXU1uKB2O8NkkTNZpiXnxeXVMnNTUCWiXVZdkU2W6xNsixnv49WC/WnnyazsBnSNOJxf3jIuLraoGmQJC23tw53d/Le0/RS4I6jLELDWDzwNZuNmG+macIw9BURGoZBXQuYEZpKJsX3fS4v7bWrsusk5IHoc9/85pb7e6lFw9CmbcX+JjRagW3bP9Sz8SNFL/dXHtXFxcUqyi3EbpIk3N7ueHrKORwimuZlGxuGwPrvfe8tH3xwQ1VJK87iim0aOJ/Pcy2i43mQJB2WZeE4Ur9EkbUW0GHoE8fw/Cwf1vd1hmGRRl6oLN+3aZqBvu8JAo9xlETvuhpFIQtjATFSZE6z1yOY/YUG9/fC9KephOyFXpP7QFGM+L6B5wlhLbltWkGI9IcpLi+liBZ7tlBISdICzKDE4fY2pCggzwt0Xef2VqLHjxIif6Se1fzXK+37f6prCyEq6rA228BEjxKI3X8GlS3o5oY8l0Q8lyFzp2GBaZr0fc/5nJDnQrhO08T5XHJxYVHXiq6bCAIfzxOzzOEgWlBRDKRpObMZxsyE27guM1vt0TQdbdtSVRVVNVKW5QyH09nvLjWk7/trC1CaCqMxjmr2lKjZONNiGHB3dyYM5et3dxVBoLHdujiOQxx7zAgeXdf45JNqNd90XUdVKaLImZVpcfem6UTX9VxdhbP/Uf2FivGPLevf/lavxnEkihzqesRxDLpOGOKlvgBmuf1Fspa6TAq9um6wLIu2bbm99TmdFh5Q53xOef16uxLBDw/CpARBgKaJ1CCrmzVESn0npGwQQJL0lGXJbhdTltXqbNrv/dVSIMy/7Ib9XuPTTyWnWZaE8PNZdvMwCPQW86m1cppZJnJHUfT0fc9+768O3cfHdmbahWfsOmZILwtFhFoBFVnWcnHhkKYTb/618WPNw0/ssvm531OqqiRUSfErjMF2a/P0VHB9HfL8XHN15VFVUFXtHJqCub5Y6jl4eCjm5jkhYpcicRzVGtocB56f61lM1ElTETiXGL+gvsUDcn29o20FvLx9K/1dWSbhCiCOPaZJNDEhdh1cV6Np1ErcfvjhjtNJ7h2GPlXVEIYuWVZxOPgUxThbD2TXAytRvKgLi3NqYdilTpTnOI5GXf/kXSg/tRXt6jcatds5ZNlAGJorKmuaht3OpW2XLvh+RjpCej495VxeRiRJQxRJu8/xWLDbhZzPBVEkMdOy4HyWMytAEr4UlQZl2a4OJSmUDYpCWArD0EnTjJubzbxYRNJYitRhGNjtIvJcdjvIbhP/vRhy7u7On+EoRzzPJQzh6amZuU/xMmZZtxpbF5/7QjjbtsEwCHBoW1G5bdvm+tr6qXuVf2aX6F/++0rJJEnyrSoRJIXYlGTq+xZdJ6v9fK7mVWYTRfDmjfzMxYXFRx+d125GOadCm3WrmosLj/NZtLOuU7MPQpiCpTkhihzKsl9lGYA4Nueww9pDLMYWKcLD0FgprbaVRSCuX52yrFYuse97osinqgRJns/LCTYiNEoXypY0TWeUKnLI5aXH83OzaoOf/quf3uj5udinf/mPpWPk6Unif5IUvP9+SJqKRLEgSduWvJAkFXHs0zQCl/v+Bbm1LatAB5Kg5XvCNhgGPD2p2e+3AB9h3S3LWOX052epa8TTCHd3+SxDBKv7Vu4riK8opEl8IV2X0LrbidD58HAmiiK6ruPmxl89KEFgzfodlKUYXZUS/tTz3PUZn0en5OfamvLeb09KQp5BnktCXpqzP2tpLsuSzSbkdEpm352P677UJGUpk1nXUowuRPLiUxgGGYAsm6jrmv0+4HgsOBzEzHN/L+1Ci1IQRUIoPz8LUfvmzRO6rnN9fZhbTyXnSDuQuy6WIDBWqJ9lEqIti1VvWkJ9WU6cz2cuLw+AfEbZ6Qb/8x9/fj1bX0gf0TJpfd8Thu6aH3xfEJthGGuN9fwsSXwcpZAWL4bi+fmZ/X6PruszMdtyOATkeT9bzPrZhLOjLKVoXgjZaRKJ4nQ68fr1AcuSfKfrOufzmffe2895pCaKPBwH8nyakZzk0JubkDwXXUuUXmHcXfflqIdPPz3yC79w4O5OdpGgYvHfT9Pnf8TQF9ZMd/UbjdpuRQZ4eKhm+O3N/cPdipSyLOP997eMI5zP3bqq+75fm+kuLvx1hy6QuG1lwNp2YrvV5w5IxX4vH0kpePtWlOzt1uXhQSxqfd/zjW9IiO77ic1G5/m54fLS5XTqubiw1ibyYZAdE8/9R8LMmPT9uDq0ttvt6nHf7Xy67sd32P6k1xfepvr6u6NaTCdNs8j0+io3RJGF6wqt1PfM9ZI0iKdpznYrTQrL15cmiO3W5XgsaNuWq6vDLOP0q74kjXVyFBC85MHbW4ePP5b7iggou35RbTVNI4417u7KuRbzSVOZvLIUoFOWi7G0WwXEsvziz8r40rrNlxNklILj8cirV4f1WATTlB2T5xO+r5PnPYeDWL/O5wTDMNhsIoZhXLs0tltr3lmsNdrzsyjbck9Rt4W81Wcm5AWJ1nWL4zgrk7H0MS8uX8mfPZ5n0bbjeqCKlCbe7NUQ0+oXtZP+/PWln+Xw4e8rlSQyQHVdz40A1mxFlhDXdf0s95ukqdRlZSmtPldX+zUkLpY1zxPTpijHclLNe+8Fs2AquXMxhcqgO6sBaJFFhkHAzCITXV+Hs/dBmPoFVb55I7LK0qZ0+k/hlzaGX8mhJT//B0qlabNyi0tH4vEo0FfafWRGgsBeqaCyHFe/uFILdA6wLI00FWu1uGuFSLVtGVzf9/E8a0Wjcp6FPnNzFlUFed4xTRP7vYvrwsODyDHLwsiyksMhIE2lFnv77+z/vw8t+fNX+Ksntd/vVmtY2/azVGHjujLgi4zuOA6bjRTJYfiieS1HNeS5eBjKUsBM0zR861s7zmcpxstSjKnzQWozky8F/HYr/vqlt3ix4rVtSxQFNE1HGNqUZf+VTNJyfWmHlvywq/gve+2TP9E0yQ8DRVGsO0aI4A7ft9ak//QkHpCPPz7PTW/Mztd+1paa+SxcjziOOZ/FmZTn3Xw24dLoPc4yy4jvC7sh8jucTvIOeZ6vB0q6rs3/+Wea9lVOFLwjp6It1y/+oTzw8moAAAHYSURBVFJl+cJOLBrZZmOQ52IWTVOxQ4vxJVhdUkqJoadtWyzL4nDw1zZWOWjEnk+gfhH6kkSOrNM0+V3fd9fifQE9bQvf++df/jlNP+x6J17is9f1t1slsNtc/eJRFK2+jEWUXPyMy0Eii31rYfhBmtsk1y07zqTr5J6CEB36fmS3M+beXykZyrKmbVvy/7x7p8bnnXqZz17f/B2lmqabpXRhuhf6yLZt8jxns9ng+8I6LKzC6TSujLznuSuh7Hketm3MLMo4d+2LMzjPO4ZhmPWp7Tt7Vu47+VKfvV59Z1B1Xa/Iz/etGVio9biE5aihpVuy7wWG17XkvcPB5u4un21rW5qmY7ezubtL567MkGmSXPlV56Ufdb2zL/bZ6+Y3O+W6FmXZrAJfFFkUxbDmryhyZxVYWAyhgnyaZlxNKLe3Huezms0uL4eN/CRN2F/l9c6/4GevX/ojpapKitMX1gPyXDjA5WyLxUMoNmWXzcbg8bFkuw3WBkA5zvXLPzPwZ7m+Ni/62Wv5/5Asx4W7rs3pJK2rV1fB3GB9nifKo22Fxlr8hVXV8vgf3K/dZ//avfBnr8tfr9UC1a+u/PXM9udnYc+zbPH+vfx/Sx4eHuj/2+3X8nP/X8+jjAy2QdiEAAAAAElFTkSuQmCC\" }),\n React.createElement(\"linearGradient\", { id: \"_Linear11\", x1: \"0\", y1: \"0\", x2: \"1\", y2: \"0\", gradientUnits: \"userSpaceOnUse\", gradientTransform: \"matrix(-118.47,-106.79,210.785,-180.125,69.2121,1372.7)\" },\n React.createElement(\"stop\", { offset: \"0\", style: {\n stopColor: 'rgb(64, 128, 255)',\n stopOpacity: 1,\n } }),\n React.createElement(\"stop\", { offset: \"1\", style: {\n stopColor: 'rgb(64, 128, 255)',\n stopOpacity: 1,\n } })),\n React.createElement(\"image\", { id: \"_Image13\", width: \"107px\", height: \"34px\", href: \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGsAAAAiCAYAAABY6CeoAAAACXBIWXMAAA7EAAAOxAGVKw4bAAABFElEQVRoge2aQRKDMAhFmx6it/P+x7Ab64xOmaAG8vnwFnWhiOGFOG3TPsu6vpS0djpuH61zXoz5F3s6r4rRxipiftddeUbp3t18QozEu3/JfdSzgCy5VWpTWcVYSlaPqcvDEUpZQPUdCqUsSAbMoJIViJIVCBNZrO+MHtbjrs4KRMkKBJUs9uXXTxZ7JR2g6ix27sly6BIxReIOHdpZWevoNe68y2DAmTVXFmDBAB9pJ29nBYRCln5jgkVyv1QUsrIAJyvtvg1F7iGykF/KlniPG66zKDCyWLI2IqwOJSsQz2URbqZEpTorEDCypn6xnciVYT+SlbS+08Zt01lJfv7xBmYZLPpgy6p/pA9gyxIArKMLXxexLNiBCThLAAAAAElFTkSuQmCC\" }),\n React.createElement(\"image\", { id: \"_Image15\", width: \"38px\", height: \"62px\", href: \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAA+CAYAAABHuGlYAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAGaElEQVRogcVZSWLjOAwsblIu+oD+/zZ/YC4di8sc7IKLsJzJdCdpXGxLXIACUADpgL8oIYR9jKG/wd/hL+m080uMEb33pwHpR9UBkFLaU7ptW0rBGAOKGgAsy/KjiO3Aw105Z4wx0FpDSgmtNVPqer0if7c2Oee91oqUEsYY5rZaK5ZlQYwRx3HY+J+IsSmOQghPqKhwTO8dIYRvU8yU0kzzEmPEGGNSiGO/Ovh3ABtwQ4UI5ZxRSjEFKBprYwyUUtB7v6H3hQqhlGIb1loRY0RKCcdxIKWE3rshUkqZYsvLHykWQthjjJZZGtwqpRS01ia3MaZCCKi1cj2MMZBS+n1XhhB2brKuK2qtj/hIyeJHkVEypft678g5I+c8uf53FNsBbLoJF6RwU800kirjinM18HXcpxULIewANi5KyDWT1nWd3KquXZbF5tGVmq2qXO/9UzG2f/SSyK3rivf395e1T5/TmBAClmXB+/u7AnBD+7NK5fwoEiE822OM7d7lnBFjtIwlmkSMga97hBBelqRdraTf1SIvnsm1/gEwVBgCfMfPpwQ6UWgj0XGQxgrfeUWJFIO7tYacs20WYzRDPbqkDcZs790U25dl2ai9xoKK+V+oQFEhspzvWZ4kC2DKTK6tCRBjjDtd4RVZlgVvb2/T4lqMj+Ow9yRaRU/Xi/E5nIkUjWLMpZSQxhibn8C6dhyHlRZa6Ru73jtKKbYgDeBmWor8PN2LLmf8JdyLrsKrlV7hp+XeRa01G+/jjaj4hGE49N6ngm/vVakQgqU1N9c2uPc+pTdLjyqpn7qOFz6PMU48RjBsVcaHr/hqPZVZ13XKMn3v+U4zmiWKhur6mpm994diDDwN2BDCxD80wD9TZWqttimfE1lPQYyndV2n32OMW4xp6jI7vGi80CqSr48PRZGGkttSShO/sV9b19XHcjSkmEWKmP5mcKsiipaXs/hjCFCUO1ncASDFGLdXmxJBjRFFk4VbfxNVpRi6h/F2tgfBoRdiaw3LshifeCGPsW3hQsCj/lER5T1SCN3nWd76rhehk0IIGxVQC7iAh3xZlmksUVQC1eMaS5gqRve/OoXXWm/Br0jwANFas3aFStFNuomlt7iZ2aeErUox8Espxp9U1GomgJ0WTec6l23+HcvIWWPIHoytkM7lfYWi7ue21hBZ/9TiUsqUPWcMT746U6rWOvVnOvdVJaAYjeScNwYorSeFeDL0LO838W5WQ/S7ZZ4klc/4eL1eLViZsrVW8z39f9a2eKR8u8Mg93NpZGsNx3FMBxTzEoDt7KCqCcFNtTNVK1+dK1trljxKEWyVfDfLLM05I7Fz1c191tVarbPwLlXOMjecKKWbMtEo/s6s945IjWutBq1apxbpUR94JAkX00Kv8aSuZDZynWVZTCltNs2VHikN/DP+okvOEsCHA68BPFLa3XoujZqFKlqctRx5BfQsSI7iHACWeeoySmvt6eDDsmaIeSF18PbPu5ZjtCroe7+mP01pS+T3tZM4G7uzWGCvpNZpdhExZqx2ptpRKPX47oJoszMG7j2/xoIqx8DU1oYLcxwTxbfkPl5jjFN4MAP53p8nIsmV15G+9yICXIyKcNHjOKY5KjqXY6kc6yzXbK0ZkjFGhFLKzoH2UG75xIIP6xzT3X8HHg3B2TGOzabe+/PiblOfn8UEn3MToqnI6R0GjfOJoOXNcx7r552CLmmMsem1NjdX7uGiSqa6IUWPa2eZzoOtntBVeu8XAP8AuF1D5ZytmKoVFH/0OpNX79St/lMo5uLnJdzvUzXwpk5SiFTpwlv9qnfXYm8F+jHPEPJiaUR21gzTf8fUytba1E2Qw/TcSdECzaS6U8sTShPS/MKOk27T9FXxqKirSBetNby9veHXr182XrL0Q4UokVdInnO0vj1Zc+ciJUV2HloVXON4+axSAJDJ2F4Bn+p6tD9rhbkGkZee//JR0rySlHPelLfOWhUqqH966gFFKYRz7p+fRuhJsRDCaWtNJf1JiJvqkf6E4y6999Ns+6xkbVtIE2enZ0XKX4VzPP5HDP2XGI8B81W5lhTlOZYiV3YuY4w/QshLVJeR/TVOBA0TF49fhpJKptXaT/mSoZlLRa/X67coRAkAdt+OnP2ZLvKtClEy8Bz4L5T6EYUoU2utqGm9+2mlAMz/vunfxHda+HGFKP8C6wW6ett+DK8AAAAASUVORK5CYII=\" }))));\n}\n","import React from 'react';\nimport { isArray } from '../_util/is';\nimport cs from '../_util/classNames';\nexport default function text(props) {\n var style = props.style, _a = props.width, width = _a === void 0 ? '60%' : _a, _b = props.rows, rows = _b === void 0 ? 3 : _b, className = props.className, prefixCls = props.prefixCls;\n var classNames = cs(prefixCls + \"-text\", className);\n var nodes = [];\n function getTextWidth(index) {\n if (isArray(width)) {\n return width[index];\n }\n if (rows - 1 === index) {\n return width;\n }\n return undefined;\n }\n for (var i = 0; i < rows; i++) {\n nodes.push(React.createElement(\"li\", { className: prefixCls + \"-text-row\", key: i, style: { width: getTextWidth(i) } }));\n }\n return (React.createElement(\"ul\", { className: classNames, style: style }, nodes));\n}\n","import React from 'react';\nimport cs from '../_util/classNames';\nexport default function image(props) {\n var _a;\n var style = props.style, _b = props.shape, shape = _b === void 0 ? 'square' : _b, size = props.size, _c = props.position, position = _c === void 0 ? 'left' : _c, className = props.className, prefixCls = props.prefixCls;\n var classNames = cs(prefixCls + \"-image\", (_a = {},\n _a[prefixCls + \"-image-\" + position] = position,\n _a[prefixCls + \"-image-\" + shape] = shape,\n _a[prefixCls + \"-image-\" + size] = size,\n _a), className);\n return React.createElement(\"div\", { className: classNames, style: style });\n}\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nimport React, { forwardRef, useContext } from 'react';\nimport cs from '../_util/classNames';\nimport { isObject } from '../_util/is';\nimport Text from './text';\nimport Image from './image';\nimport { ConfigContext } from '../ConfigProvider';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nfunction getComponentProps(prop) {\n return isObject(prop) ? prop : {};\n}\nvar defaultProps = {\n text: true,\n loading: true,\n};\nfunction Skeleton(baseProps, ref) {\n var _a;\n var _b = useContext(ConfigContext), getPrefixCls = _b.getPrefixCls, componentConfig = _b.componentConfig;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Skeleton);\n var style = props.style, className = props.className, animation = props.animation, loading = props.loading, image = props.image, text = props.text, children = props.children;\n var imageProps = getComponentProps(image);\n var textProps = getComponentProps(text);\n var prefixCls = getPrefixCls('skeleton');\n var classNames = cs(prefixCls, (_a = {},\n _a[prefixCls + \"-animate\"] = animation,\n _a), className);\n function renderImage() {\n return (image && (React.createElement(\"div\", { className: prefixCls + \"-header\" },\n React.createElement(Image, __assign({ prefixCls: prefixCls }, imageProps)))));\n }\n function renderText() {\n return (text && (React.createElement(\"div\", { className: prefixCls + \"-content\" },\n React.createElement(Text, __assign({ prefixCls: prefixCls }, textProps)))));\n }\n return (React.createElement(React.Fragment, null, loading ? (React.createElement(\"div\", { className: classNames, style: style, ref: ref },\n imageProps.position !== 'right' && renderImage(),\n renderText(),\n imageProps.position === 'right' && renderImage())) : (children)));\n}\nvar SkeletonComponent = forwardRef(Skeleton);\nSkeletonComponent.displayName = 'Skeleton';\nexport default SkeletonComponent;\n","var __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { useState, useContext, memo, useEffect, useRef, useMemo, } from 'react';\nimport cs from '../_util/classNames';\nimport { on, off } from '../_util/dom';\nimport { isFunction, isNumber, isString } from '../_util/is';\nimport Trigger from '../Trigger';\nimport { ConfigContext } from '../ConfigProvider';\nimport useMergeValue from '../_util/hooks/useMergeValue';\nvar SliderButton = function (props) {\n var _a;\n // props\n var style = props.style, disabled = props.disabled, prefixCls = props.prefixCls, value = props.value, vertical = props.vertical, tooltipVisible = props.tooltipVisible, tooltipPosition = props.tooltipPosition, formatTooltip = props.formatTooltip, getTooltipContainer = props.getTooltipContainer, onMoving = props.onMoving, onMoveEnd = props.onMoveEnd, onMoveBegin = props.onMoveBegin;\n // state\n var _b = __read(useState(false), 2), isActive = _b[0], setIsActive = _b[1];\n var _c = __read(useMergeValue(false, { value: tooltipVisible }), 2), popupVisible = _c[0], setPopupVisible = _c[1];\n var getPrefixCls = useContext(ConfigContext).getPrefixCls;\n var position = useMemo(function () { return tooltipPosition || (vertical ? 'right' : 'top'); }, [tooltipPosition, vertical]);\n var delayTimer = useRef(null);\n var inButtonOrPopup = useRef(false);\n var isDragging = useRef(false);\n var tooltip = useRef(null);\n function handleMouseDown(e) {\n e.stopPropagation();\n if (disabled)\n return;\n moveStart(e);\n setIsActive(true);\n on(window, 'mousemove', moving);\n on(window, 'touchmove', moving);\n on(window, 'mouseup', moveEnd);\n on(window, 'touchend', moveEnd);\n on(window, 'contextmenu', moveEnd);\n }\n // 鼠标移入\n function handleMouseEnter() {\n inButtonOrPopup.current = true;\n clearDelayTimer();\n if (!popupVisible) {\n delayTimer.current = setTimeout(function () {\n updatePopupVisible(true);\n }, 50);\n }\n }\n // 鼠标移出\n function handleMouseLeave() {\n inButtonOrPopup.current = false;\n if (!isDragging.current) {\n clearDelayTimer();\n delayTimer.current = setTimeout(function () {\n updatePopupVisible(false);\n }, 200);\n }\n }\n function moveStart(e) {\n // 如果不阻止默认行为可能会在拖动时产生鼠标选中状态，所以手动处理元素失焦\n e.preventDefault();\n var activeElement = document.activeElement;\n activeElement && activeElement.blur && activeElement.blur();\n isFunction(onMoveBegin) && onMoveBegin();\n }\n function moving(e) {\n isDragging.current = true;\n if (e.type === 'touchstart') {\n e.clientY = e.touches[0].clientY;\n e.clientX = e.touches[0].clientX;\n }\n isFunction(onMoving) && onMoving(e.clientX, e.clientY);\n }\n function moveEnd() {\n isDragging.current = false;\n setIsActive(false);\n offEvents();\n updatePopupVisible(inButtonOrPopup.current);\n isFunction(onMoveEnd) && onMoveEnd();\n }\n function offEvents() {\n clearDelayTimer();\n off(window, 'mousemove', moving);\n off(window, 'touchmove', moving);\n off(window, 'mouseup', moveEnd);\n off(window, 'touchend', moveEnd);\n off(window, 'contextmenu', moveEnd);\n }\n // 清除定时器\n function clearDelayTimer() {\n if (delayTimer.current) {\n clearTimeout(delayTimer.current);\n delayTimer.current = null;\n }\n }\n // 设置 tooltip 显示状态\n function updatePopupVisible(value) {\n if (isDragging.current)\n return;\n var newPopupVisible = 'tooltipVisible' in props ? tooltipVisible : value;\n setPopupVisible(newPopupVisible);\n }\n function handlePopupMouseEnter() {\n inButtonOrPopup.current = true;\n clearDelayTimer();\n }\n var tooltipText = useMemo(function () {\n return isFunction(formatTooltip) ? formatTooltip(value) : value;\n }, [formatTooltip, value]);\n function renderTooltipContent(position) {\n var tooltipPrefixCls = getPrefixCls('tooltip');\n return (React.createElement(\"div\", { className: cs(tooltipPrefixCls + \"-content\", tooltipPrefixCls + \"-content-\" + position), onMouseLeave: handleMouseLeave, onMouseEnter: handlePopupMouseEnter, onClick: function (e) {\n e.stopPropagation();\n } },\n React.createElement(\"div\", { className: tooltipPrefixCls + \"-content-inner\" }, tooltipText)));\n }\n useEffect(function () {\n tooltip && tooltip.current && tooltip.current.updatePopupPosition();\n }, [value]);\n return (React.createElement(Trigger, { style: { maxWidth: 350 }, classNames: \"zoomInFadeOut\", duration: {\n enter: 300,\n exit: 100,\n }, showArrow: true, popupAlign: {\n left: 12,\n right: 12,\n top: 12,\n bottom: 12,\n }, ref: tooltip, popup: function () { return renderTooltipContent(position); }, popupVisible: popupVisible, disabled: tooltipVisible === false, getPopupContainer: getTooltipContainer, position: position, childrenPrefix: getPrefixCls('tooltip') },\n React.createElement(\"div\", { className: cs(prefixCls + \"-button\", (_a = {}, _a[prefixCls + \"-button-active\"] = isActive, _a)), onMouseDown: handleMouseDown, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, style: style, role: \"slider\", \"aria-valuemax\": props.maxValue, \"aria-valuemin\": props.minValue, \"aria-valuenow\": value, \"aria-disabled\": !!disabled, tabIndex: 0, \"aria-valuetext\": isString(tooltipText) || isNumber(tooltipText) ? String(tooltipText) : undefined })));\n};\nexport default memo(SliderButton);\n","var __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\n// 精确 加减乘除\nimport { plus, minus, times, divide } from 'number-precision';\nexport function getPrecision(val) {\n var decimal = (\"\" + val).split('.')[1];\n return (decimal && decimal.length) || 0;\n}\nexport function formatPercent(val) {\n return val * 100 + \"%\";\n}\nexport function getOffset(val, range) {\n var value = Number(val);\n if (range && !isNaN(value)) {\n var _a = __read(range, 2), min = _a[0], max = _a[1];\n // 精确算出=> (value - min) / (max - min);\n return divide(minus(value, min), minus(max, min));\n }\n return 0;\n}\nexport function valueInRange(val, range) {\n var value = Number(val);\n range.sort(function (a, b) { return a - b; });\n return value >= range[0] && value <= range[1];\n}\nexport function isNotEmpty(val) {\n return val || val === 0;\n}\n// 把 20% => 0.2\nexport function rateToFloat(val) {\n var rate = parseFloat(val);\n var fixedRate = rate > 1 ? (rate / 100).toFixed(2) : rate;\n var floatRate = parseFloat(fixedRate);\n if (!isNaN(floatRate) && floatRate >= 0 && floatRate <= 1) {\n return floatRate;\n }\n return undefined;\n}\nexport function getIntervalOffset(val, intervalConfig) {\n // 当前值所在的区间\n var currentInterval = intervalConfig.find(function (config) { return val >= config.begin && val <= config.end; });\n if (currentInterval) {\n var beginOffset = currentInterval.beginOffset, begin = currentInterval.begin, end = currentInterval.end, endOffset = currentInterval.endOffset;\n var offsetInInterval = getOffset(val, [begin, end]);\n // endOffset - beginOffset\n var intervalOffset = minus(endOffset, beginOffset);\n // 当前值在整个滑动轴上占的比例 = 在区间占的比例 * 区间相对于整个轴的比例\n // offsetInInterval* intervalOffset\n var offset = times(offsetInInterval, intervalOffset);\n return plus(beginOffset, offset);\n }\n}\n","import React, { memo } from 'react';\nimport { isObject, isFunction } from '../_util/is';\nimport { formatPercent, getIntervalOffset, isNotEmpty } from './utils';\nvar Marks = function (props) {\n var _a = props.data, data = _a === void 0 ? [] : _a, vertical = props.vertical, prefixCls = props.prefixCls, reverse = props.reverse, intervalConfigs = props.intervalConfigs;\n if (!data.length)\n return null;\n return (React.createElement(\"div\", { className: prefixCls + \"-marks\" }, data.map(function (_a) {\n var _b, _c;\n var key = _a.key, content = _a.content;\n var offset = formatPercent(getIntervalOffset(+key, intervalConfigs));\n var dom = null;\n if (isObject(content) && isNotEmpty(content.text)) {\n dom = content.text;\n }\n else if (isNotEmpty(content)) {\n dom = content;\n }\n return (isNotEmpty(dom) && (React.createElement(\"div\", { className: prefixCls + \"-marks-text\", \"aria-hidden\": true, key: key, style: vertical\n ? (_b = {}, _b[reverse ? 'top' : 'bottom'] = offset, _b) : (_c = {}, _c[reverse ? 'right' : 'left'] = offset, _c), onMouseDown: function (e) {\n e.stopPropagation();\n isFunction(props.onMouseDown) && props.onMouseDown(parseFloat(key));\n } }, dom)));\n })));\n};\nexport default memo(Marks);\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nimport React, { memo } from 'react';\nimport { isObject, isFunction } from '../_util/is';\nimport { formatPercent, valueInRange, getIntervalOffset } from './utils';\nimport cs from '../_util/classNames';\nvar Dots = function (props) {\n var _a = props.data, data = _a === void 0 ? [] : _a, _b = props.value, value = _b === void 0 ? [] : _b, vertical = props.vertical, prefixCls = props.prefixCls, reverse = props.reverse, intervalConfigs = props.intervalConfigs;\n if (!data.length)\n return null;\n return (React.createElement(\"div\", { className: prefixCls + \"-dots\" }, data.map(function (_a) {\n var _b, _c, _d;\n var key = _a.key, content = _a.content;\n var offset = formatPercent(getIntervalOffset(+key, intervalConfigs));\n return (React.createElement(\"div\", { className: prefixCls + \"-dot-wrapper\", key: key, style: __assign({}, (vertical\n ? (_b = {}, _b[reverse ? 'top' : 'bottom'] = offset, _b) : (_c = {}, _c[reverse ? 'right' : 'left'] = offset, _c))), onMouseDown: function (e) {\n e.stopPropagation();\n isFunction(props.onMouseDown) && props.onMouseDown(parseFloat(key));\n } }, isObject(content) && content.dot ? (content.dot) : (React.createElement(\"div\", { className: cs(prefixCls + \"-dot\", (_d = {},\n _d[prefixCls + \"-dot-active\"] = valueInRange(key, value),\n _d)) }))));\n })));\n};\nexport default memo(Dots);\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport React, { memo, useEffect, useState } from 'react';\nimport InputNumber from '../InputNumber';\nimport cs from '../_util/classNames';\nvar Input = function (props) {\n var _a;\n var value = props.value, range = props.range, min = props.min, max = props.max, step = props.step, disabled = props.disabled, prefixCls = props.prefixCls, onChange = props.onChange, _b = props.extra, extra = _b === void 0 ? [] : _b;\n var baseProps = {\n min: min,\n max: max,\n step: step,\n disabled: disabled,\n };\n var _c = __read(useState(value), 2), innerValue = _c[0], setInnerValue = _c[1];\n var beginExtraProps = extra[0];\n var endExtraProps = range ? extra[1] : extra[0];\n useEffect(function () {\n setInnerValue(value);\n }, [value]);\n var handleChange = function (val) {\n onChange === null || onChange === void 0 ? void 0 : onChange(val);\n };\n var handleBlur = function () {\n setInnerValue(__spreadArray([], __read(value), false).sort(function (a, b) { return a - b; }));\n };\n return (React.createElement(\"div\", { className: cs(prefixCls + \"-input\", (_a = {}, _a[prefixCls + \"-input-group\"] = range, _a)), onBlur: handleBlur },\n range && [\n React.createElement(InputNumber, __assign({}, __assign(__assign({ hideControl: true }, beginExtraProps), baseProps), { value: innerValue[0], key: 0, onChange: function (val) {\n handleChange([val, innerValue[1]]);\n (beginExtraProps === null || beginExtraProps === void 0 ? void 0 : beginExtraProps.onChange) && (beginExtraProps === null || beginExtraProps === void 0 ? void 0 : beginExtraProps.onChange(val));\n } })),\n React.createElement(\"div\", { key: 1, className: prefixCls + \"-input-range\" },\n React.createElement(\"span\", { className: prefixCls + \"-input-range-content\" })),\n ],\n React.createElement(InputNumber, __assign({}, __assign(__assign({ hideControl: true }, endExtraProps), baseProps), { key: 2, value: innerValue[1], onChange: function (val) {\n handleChange([innerValue[0], val]);\n (endExtraProps === null || endExtraProps === void 0 ? void 0 : endExtraProps.onChange) && (endExtraProps === null || endExtraProps === void 0 ? void 0 : endExtraProps.onChange(val));\n } }))));\n};\nexport default memo(Input);\n","import React, { memo, useMemo } from 'react';\nimport { plus } from 'number-precision';\nimport { formatPercent, getIntervalOffset, valueInRange } from './utils';\nimport cs from '../_util/classNames';\nexport default memo(function Ticks(props) {\n var min = props.min, max = props.max, value = props.value, prefixCls = props.prefixCls, vertical = props.vertical, reverse = props.reverse, intervalConfigs = props.intervalConfigs;\n var stepsMap = new Map();\n var getCurrentSteps = function (interval) {\n var step = interval.step, begin = interval.begin, end = interval.end;\n var stepsLength = Math.floor((end - begin) / step);\n for (var i = 0; i <= stepsLength; i++) {\n var stepVal = plus(i * step, begin);\n if (stepVal <= min || stepVal >= max)\n continue;\n var offset = formatPercent(getIntervalOffset(stepVal, intervalConfigs));\n stepsMap.set(offset, { offset: offset, isActive: valueInRange(stepVal, value) });\n }\n };\n var steps = useMemo(function () {\n stepsMap.clear();\n intervalConfigs.forEach(function (interval) { return getCurrentSteps(interval); });\n return Array.from(stepsMap.values());\n }, [intervalConfigs]);\n return (React.createElement(\"div\", { className: prefixCls + \"-ticks\" }, steps.map(function (item, index) {\n var _a, _b, _c;\n return (React.createElement(\"div\", { key: index, className: cs(prefixCls + \"-tick\", (_a = {}, _a[prefixCls + \"-tick-active\"] = item.isActive, _a)), style: vertical\n ? (_b = {}, _b[reverse ? 'top' : 'bottom'] = item.offset, _b) : (_c = {}, _c[reverse ? 'right' : 'left'] = item.offset, _c) }));\n })));\n});\n","var __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport { plus, times } from 'number-precision';\nimport { isArray, isNumber, isUndefined, isObject, isEmptyObject } from '../../_util/is';\nimport { getPrecision } from '../utils';\nexport default function useLegalValue(props) {\n var isRange = props.isRange, min = props.min, max = props.max, onlyMarkValue = props.onlyMarkValue, intervalConfigs = props.intervalConfigs, marks = props.marks;\n function getPrecisionValue(val) {\n var _a = intervalConfigs.find(function (config) {\n return val >= config.begin && val <= config.end;\n }), begin = _a.begin, step = _a.step;\n var offsetVal = val - begin;\n var stepNum = Math.round(offsetVal / step);\n var precision = getPrecision(step);\n var currentIntervalPrecision = parseFloat(times(step, stepNum).toFixed(precision));\n return plus(begin, currentIntervalPrecision);\n }\n // 在只允许选择 marks 中的值的时候，找到离value最接近的值\n function getMarkValue(val) {\n if (!isObject(marks) || isEmptyObject(marks)) {\n console.warn('marks must be an object when onlyMarkValue is true');\n return min;\n }\n if (marks[val]) {\n return val;\n }\n var keys = Object.keys(marks);\n var diffs = keys.map(function (x) { return Math.abs(val - parseFloat(x)); });\n var minIndex = diffs.indexOf(Math.min.apply(null, diffs));\n return parseFloat(keys[minIndex]);\n }\n // 判断值是否在[min, max]区间内，并且满足步长或是标签值\n function getLegalValue(val) {\n if (isUndefined(val))\n return min;\n if (val <= min)\n return min;\n if (val >= max)\n return max;\n if (onlyMarkValue)\n return getMarkValue(val);\n return getPrecisionValue(val);\n }\n function isLegalValue(val) {\n return getLegalValue(val) === val;\n }\n // 获取合法的 range value\n function getLegalRangeValue(val) {\n var _a = __read([min, min], 2), beginVal = _a[0], endVal = _a[1];\n if (isRange) {\n if (isArray(val)) {\n beginVal = getLegalValue(val[0]);\n endVal = getLegalValue(val[1]);\n }\n else {\n console.error('value must be an array when range is true');\n }\n }\n else if (isNumber(val)) {\n endVal = getLegalValue(val);\n }\n else {\n console.error('value must be a number when range is false');\n }\n return [beginVal, endVal];\n }\n return {\n getLegalRangeValue: getLegalRangeValue,\n getLegalValue: getLegalValue,\n isLegalValue: isLegalValue,\n };\n}\n","var __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport { useMemo } from 'react';\nimport { isNumber, isFunction } from '../../_util/is';\nimport { rateToFloat } from '../utils';\nfunction getIntervals(nums) {\n if (nums.length < 2) {\n return [];\n }\n var result = [];\n for (var i = 1; i < nums.length; i++) {\n var begin = nums[i - 1];\n var end = nums[i];\n result.push([begin, end]);\n }\n return result;\n}\nfunction useInterval(props) {\n var _a = props.marks, marks = _a === void 0 ? {} : _a, getIntervalConfig = props.getIntervalConfig, max = props.max, min = props.min;\n var _b = useMemo(function () {\n var markKeys = Object.keys(marks)\n .filter(function (key) { return isNumber(+key) && +key >= min && +key <= max; })\n .sort(function (a, b) { return (+a > +b ? 1 : -1); });\n var markList = markKeys.map(function (key) { return ({ key: key, content: marks[key] }); });\n var markValues = markKeys.map(function (key) { return +key; });\n // 如果没有传入marks，那么就等于只有一个区间，就是 [min,max]\n if (markValues.length === 0) {\n markValues = [min, max];\n }\n else {\n if (markValues[0] > min) {\n markValues.unshift(min);\n // 传入了 marks 需要显示首尾断点\n markList.unshift({ key: \"\" + min, content: '' });\n }\n if (markValues.slice(-1)[0] < max) {\n markValues.push(max);\n markList.push({ key: \"\" + max, content: '' });\n }\n }\n var markIntervals = getIntervals(markValues);\n return { markIntervals: markIntervals, markList: markList };\n }, [marks, min, max]), markIntervals = _b.markIntervals, markList = _b.markList;\n if (!isFunction(getIntervalConfig)) {\n return {\n intervalConfigs: [\n { begin: min, end: max, step: props.step, beginOffset: 0, endOffset: 1, width: 1 },\n ],\n markList: markList,\n };\n }\n var getStepAndWidth = function (_a, index) {\n var _b = __read(_a, 2), begin = _b[0], end = _b[1];\n var config = { step: props.step, width: 0 };\n var customConfig = getIntervalConfig([begin, end], index) || {};\n var step = customConfig.step;\n var width = rateToFloat(customConfig.width);\n // 如果用户传入了step\n if (isNumber(step) && step) {\n config.step = step;\n }\n // 用户传入了width\n if (isNumber(width) && width) {\n config.width = width;\n }\n return config;\n };\n var getIntervalConfigs = function () {\n var remainWidth = 1;\n var remainLen = max - min;\n var stepAndWidthConfig = markIntervals.map(function (_a, index) {\n var _b = __read(_a, 2), begin = _b[0], end = _b[1];\n var stepAndWidth = getStepAndWidth([begin, end], index);\n var width = stepAndWidth.width;\n // 主要是计算出剩余的 width 和 剩余的长度\n if (width) {\n width = Math.min(remainWidth, width);\n var len = end - begin;\n remainLen -= len;\n remainWidth -= width;\n }\n return { width: width, step: stepAndWidth.step };\n });\n // 所有区间都有自定义宽度但仍有剩余的时候，最后一个区间的宽度需要校准\n if (stepAndWidthConfig.every(function (_a) {\n var width = _a.width;\n return width;\n }) && remainWidth) {\n var lastIntervalConfig = stepAndWidthConfig[markIntervals.length - 1];\n lastIntervalConfig.width += remainWidth;\n }\n var allConfigs = [];\n markIntervals.forEach(function (_a, index) {\n var _b = __read(_a, 2), begin = _b[0], end = _b[1];\n var _c = stepAndWidthConfig[index], step = _c.step, width = _c.width;\n var config = { begin: begin, end: end, step: step, beginOffset: 0, endOffset: 0, width: width };\n // 用户没有配置 width，按照区间长度来分配剩余的width\n if (!config.width) {\n config.width = remainWidth * ((end - begin) / remainLen);\n }\n var prevIndex = allConfigs.length - 1;\n // 当前区间的 beginOffset 是前一个区间的 endOffset\n if (allConfigs[prevIndex]) {\n config.beginOffset = allConfigs[prevIndex].endOffset;\n }\n config.endOffset = Math.min(1, config.beginOffset + config.width);\n allConfigs.push(config);\n });\n return allConfigs;\n };\n var intervalConfigs = getIntervalConfigs();\n return {\n intervalConfigs: intervalConfigs,\n markList: markList,\n };\n}\nexport default useInterval;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport React, { forwardRef, memo, useContext, useRef, useMemo } from 'react';\nimport { plus, times, divide } from 'number-precision';\nimport SliderButton from './button';\nimport Marks from './marks';\nimport Dots from './dots';\nimport Input from './input';\nimport Ticks from './ticks';\nimport { isFunction, isObject, isArray } from '../_util/is';\nimport { formatPercent, getIntervalOffset } from './utils';\nimport cs from '../_util/classNames';\nimport { ConfigContext } from '../ConfigProvider';\nimport useMergeValue from '../_util/hooks/useMergeValue';\nimport { off, on } from '../_util/dom';\nimport useLegalValue from './hooks/useLegalValue';\nimport useInterval from './hooks/useInterval';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nimport useUpdate from '../_util/hooks/useUpdate';\nfunction isSameOrder(firstNums, secondNums) {\n var diff1 = firstNums[0] - firstNums[1];\n var diff2 = secondNums[0] - secondNums[1];\n return diff1 <= 0 === diff2 <= 0;\n}\nvar defaultProps = {\n max: 100,\n min: 0,\n step: 1,\n};\nfunction Slider(baseProps, ref) {\n var _a, _b, _c;\n var _d = useContext(ConfigContext), getPrefixCls = _d.getPrefixCls, componentConfig = _d.componentConfig;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Slider);\n var className = props.className, style = props.style, tooltipVisible = props.tooltipVisible, tooltipPosition = props.tooltipPosition, disabled = props.disabled, min = props.min, max = props.max, propRange = props.range, step = props.step, showTicks = props.showTicks, marks = props.marks, onlyMarkValue = props.onlyMarkValue, vertical = props.vertical, showInput = props.showInput, reverse = props.reverse, getIntervalConfig = props.getIntervalConfig;\n var range = !!propRange;\n var rangeConfig = isObject(propRange) ? __assign({}, propRange) : { draggableBar: false };\n var _e = useInterval({\n min: min,\n max: max,\n onlyMarkValue: onlyMarkValue,\n step: step,\n marks: marks,\n getIntervalConfig: getIntervalConfig,\n }), intervalConfigs = _e.intervalConfigs, markList = _e.markList;\n var _f = useLegalValue({\n isRange: range,\n min: min,\n max: max,\n onlyMarkValue: onlyMarkValue,\n step: step,\n intervalConfigs: intervalConfigs,\n marks: marks,\n }), getLegalValue = _f.getLegalValue, getLegalRangeValue = _f.getLegalRangeValue, isLegalValue = _f.isLegalValue;\n // 受控与非受控值处理\n var _g = __read(useMergeValue(range ? [min, min] : min, {\n defaultValue: props.defaultValue,\n value: props.value,\n }), 2), value = _g[0], setValue = _g[1];\n // 计算合法值\n var curVal = getLegalRangeValue(value);\n var lastVal = useRef(curVal);\n var _h = __read(curVal, 2), beginVal = _h[0], endVal = _h[1];\n // value变化后 更新lastVal\n useUpdate(function () {\n lastVal.current = getLegalRangeValue(value);\n }, [value, getLegalRangeValue]);\n if (!isSameOrder(curVal, lastVal.current)) {\n // 保持顺序\n _a = __read([endVal, beginVal], 2), beginVal = _a[0], endVal = _a[1];\n }\n // 偏移比例\n var beginOffset = getIntervalOffset(beginVal, intervalConfigs);\n var endOffset = getIntervalOffset(endVal, intervalConfigs);\n // 是否显示输入框\n var isShowInput = showInput && !onlyMarkValue;\n var extraInputProps = useMemo(function () {\n if (isShowInput && (isArray(showInput) || isObject(showInput))) {\n return isArray(showInput) ? __spreadArray([], __read(showInput), false) : [__assign({}, showInput), __assign({}, showInput)];\n }\n return [];\n }, [isShowInput, showInput]);\n // 样式前缀\n var prefixCls = getPrefixCls('slider');\n // ref\n var roadRef = useRef(null);\n var position = useRef({\n left: 0,\n height: 0,\n top: 0,\n width: 0,\n });\n var isDragging = useRef(false);\n var barStartDragVal = useRef(0);\n function getEmitParams(_a) {\n var _b;\n var _c = __read(_a, 2), beginVal = _c[0], endVal = _c[1];\n if (beginVal > endVal) {\n _b = __read([endVal, beginVal], 2), beginVal = _b[0], endVal = _b[1];\n }\n return range ? [beginVal, endVal] : endVal;\n }\n function updateValue(val) {\n var _a = __read(val, 2), newBeginVal = _a[0], newEndVal = _a[1];\n newBeginVal = getLegalValue(newBeginVal);\n newEndVal = getLegalValue(newEndVal);\n lastVal.current = [newBeginVal, newEndVal];\n var emitParams = getEmitParams([newBeginVal, newEndVal]);\n setValue(emitParams);\n return emitParams;\n }\n function onChange(val) {\n var emitParams = updateValue(val);\n if (isFunction(props.onChange)) {\n props.onChange(emitParams);\n }\n }\n function onMouseUp() {\n if (isFunction(props.onAfterChange)) {\n var emitParams = getEmitParams(lastVal.current);\n props.onAfterChange(emitParams);\n }\n }\n function inRange(val) {\n var _a;\n var _b = __read([beginVal, endVal], 2), range1 = _b[0], range2 = _b[1];\n if (range1 > range2) {\n _a = __read([range2, range1], 2), range1 = _a[0], range2 = _a[1];\n }\n if (range)\n return val >= range1 && val <= range2;\n return val <= range2;\n }\n // 通过坐标获取值\n function getValueByCoords(x, y) {\n var _a = position.current, left = _a.left, top = _a.top, width = _a.width, height = _a.height;\n var roadLength = width;\n var diff = reverse ? left + width - x : x - left;\n if (vertical) {\n roadLength = height;\n diff = reverse ? y - top : top + height - y;\n }\n if (roadLength <= 0) {\n return 0;\n }\n // 通过坐标点偏移算出当前值相对于整个滑动轴的比例位置\n var offset = Math.max(divide(diff, roadLength), 0);\n offset = Math.min(1, offset);\n // 通过偏移值算出当前值在哪个区间\n var currentInterval = intervalConfigs.find(function (config) {\n return offset >= config.beginOffset && offset <= config.endOffset;\n });\n var begin = currentInterval.begin, beginOffset = currentInterval.beginOffset, currentStep = currentInterval.step, endOffset = currentInterval.endOffset, end = currentInterval.end;\n // 当前值对整体来说，多出这个区间的比例\n var currentValueOffset = offset - beginOffset;\n // 这个区间整体的比例\n var currentIntervalOffset = endOffset - beginOffset;\n // 当前在这个区间的值 = （在这个区间的比例（相对于整体） / 这个区间相对于整体的比例）* 这个区间的总值\n var valueInInterval = (currentValueOffset / currentIntervalOffset) * (end - begin);\n // 算出当前值在这个区间的步数\n var stepNum = Math.round(valueInInterval / currentStep);\n // 当前值 = 区间起始值 + 区间步数 * 步长\n return plus(begin, times(stepNum, currentStep));\n }\n function getBarStyle(offsets) {\n var _a, _b, _c;\n var _d = __read(offsets, 2), begin = _d[0], end = _d[1];\n if (begin > end) {\n _a = __read([end, begin], 2), begin = _a[0], end = _a[1];\n }\n var beginOffset = formatPercent(begin);\n var endOffset = formatPercent(1 - end);\n return vertical\n ? (_b = {},\n _b[reverse ? 'top' : 'bottom'] = beginOffset,\n _b[reverse ? 'bottom' : 'top'] = endOffset,\n _b) : (_c = {},\n _c[reverse ? 'right' : 'left'] = beginOffset,\n _c[reverse ? 'left' : 'right'] = endOffset,\n _c);\n }\n function getBtnStyle(offset) {\n var _a, _b;\n return vertical\n ? (_a = {}, _a[reverse ? 'top' : 'bottom'] = formatPercent(offset), _a) : (_b = {}, _b[reverse ? 'right' : 'left'] = formatPercent(offset), _b);\n }\n function getTooltipProps() {\n var tooltipProps = {\n getTooltipContainer: props.getTooltipContainer,\n formatTooltip: props.formatTooltip,\n };\n if ('tooltipPosition' in props) {\n tooltipProps.tooltipPosition = tooltipPosition;\n }\n if ('tooltipVisible' in props) {\n tooltipProps.tooltipVisible = tooltipVisible;\n }\n return tooltipProps;\n }\n function getPosition() {\n position.current = roadRef.current.getBoundingClientRect();\n }\n function onRoadMouseDown(e) {\n getPosition();\n var val = getValueByCoords(e.clientX, e.clientY);\n if (rangeConfig.draggableBar && inRange(val)) {\n barStartDragVal.current = getLegalValue(val);\n on(window, 'mousemove', onBarMouseMove);\n on(window, 'mouseup', onBarMouseUp);\n }\n else {\n handleJumpClick(val);\n }\n }\n // 点击某个位置，快速跳转\n function handleJumpClick(val) {\n if (disabled)\n return;\n var value = getLegalValue(val);\n if (range && endVal - value > value - beginVal) {\n onChange([value, endVal]);\n }\n else {\n onChange([beginVal, value]);\n }\n onMouseUp();\n }\n function handleInputChange(val) {\n onChange(val);\n onMouseUp();\n }\n // 拖动开始节点\n function handleBeginMove(x, y) {\n isDragging.current = true;\n onChange([getValueByCoords(x, y), endVal]);\n }\n // 拖动结束节点\n function handleEndMove(x, y) {\n isDragging.current = true;\n onChange([beginVal, getValueByCoords(x, y)]);\n }\n function handleMoveEnd() {\n isDragging.current = false;\n onMouseUp();\n }\n // bar 移动中\n function onBarMouseMove(e) {\n var newVal = getLegalValue(getValueByCoords(e.clientX, e.clientY));\n var offsetVal = newVal - barStartDragVal.current;\n var newBeginVal = beginVal + offsetVal;\n var newEndVal = endVal + offsetVal;\n if (isLegalValue(newBeginVal) && isLegalValue(newEndVal)) {\n onChange([newBeginVal, newEndVal]);\n }\n }\n // bar 停止移动\n function onBarMouseUp() {\n off(window, 'mousemove', onBarMouseMove);\n off(window, 'mouseup', onBarMouseUp);\n onMouseUp();\n }\n return (React.createElement(\"div\", { className: cs(prefixCls, (_b = {},\n _b[prefixCls + \"-vertical\"] = vertical,\n _b[prefixCls + \"-with-marks\"] = marks,\n _b[prefixCls + \"-reverse\"] = reverse,\n _b), className), style: style, ref: ref },\n React.createElement(\"div\", { className: prefixCls + \"-wrapper\" },\n React.createElement(\"div\", { ref: roadRef, className: cs(prefixCls + \"-road\", (_c = {},\n _c[prefixCls + \"-road-disabled\"] = disabled,\n _c[prefixCls + \"-road-vertical\"] = vertical,\n _c)), onMouseDown: onRoadMouseDown },\n React.createElement(\"div\", { className: prefixCls + \"-bar\", style: getBarStyle([beginOffset, endOffset]) }),\n showTicks && (React.createElement(Ticks, { intervalConfigs: intervalConfigs, min: min, max: max, value: [beginVal, endVal], prefixCls: prefixCls, vertical: vertical, reverse: reverse })),\n React.createElement(Dots, { data: markList, intervalConfigs: intervalConfigs, value: [beginVal, endVal], vertical: vertical, prefixCls: prefixCls, reverse: reverse, onMouseDown: handleJumpClick }),\n React.createElement(Marks, { data: markList, intervalConfigs: intervalConfigs, vertical: vertical, prefixCls: prefixCls, reverse: reverse, onMouseDown: handleJumpClick }),\n range && (React.createElement(SliderButton, __assign({ style: getBtnStyle(beginOffset), disabled: disabled, prefixCls: prefixCls, value: beginVal, maxValue: max, minValue: min, vertical: vertical }, getTooltipProps(), { onMoveBegin: getPosition, onMoving: handleBeginMove, onMoveEnd: handleMoveEnd }))),\n React.createElement(SliderButton, __assign({ style: getBtnStyle(endOffset), disabled: disabled, prefixCls: prefixCls, value: endVal, maxValue: max, minValue: min, vertical: vertical }, getTooltipProps(), { onMoveBegin: getPosition, onMoving: handleEndMove, onMoveEnd: handleMoveEnd }))),\n isShowInput && (React.createElement(Input, { min: min, max: max, step: step, value: [beginVal, endVal], range: range, disabled: disabled, prefixCls: prefixCls, onChange: handleInputChange, extra: extraInputProps })))));\n}\nvar SliderComponent = forwardRef(Slider);\nSliderComponent.displayName = 'Slider';\nexport default memo(SliderComponent);\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { useContext, Fragment, forwardRef } from 'react';\nimport cs from '../_util/classNames';\nimport { ConfigContext } from '../ConfigProvider';\nimport { isArray, isNumber } from '../_util/is';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nvar defaultProps = {\n size: 'small',\n direction: 'horizontal',\n};\nfunction Space(baseProps, ref) {\n var _a;\n var _b = useContext(ConfigContext), getPrefixCls = _b.getPrefixCls, componentConfig = _b.componentConfig, rtl = _b.rtl;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Space);\n var className = props.className, style = props.style, children = props.children, size = props.size, direction = props.direction, align = props.align, wrap = props.wrap, split = props.split, rest = __rest(props, [\"className\", \"style\", \"children\", \"size\", \"direction\", \"align\", \"wrap\", \"split\"]);\n var prefixCls = getPrefixCls('space');\n var innerAlign = align || (direction === 'horizontal' ? 'center' : '');\n var classNames = cs(prefixCls, (_a = {},\n _a[prefixCls + \"-\" + direction] = direction,\n _a[prefixCls + \"-align-\" + innerAlign] = innerAlign,\n _a[prefixCls + \"-wrap\"] = wrap,\n _a[prefixCls + \"-rtl\"] = rtl,\n _a), className);\n function getMargin(size) {\n if (isNumber(size)) {\n return size;\n }\n switch (size) {\n case 'mini':\n return 4;\n case 'small':\n return 8;\n case 'medium':\n return 16;\n case 'large':\n return 24;\n default:\n return 8;\n }\n }\n var childrenList = React.Children.toArray(children);\n function getMarginStyle(index) {\n var _a, _b, _c, _d;\n // const isLastOne =\n // rtl && direction === 'horizontal' ? index === 0 : childrenList.length === index + 1;\n var isLastOne = childrenList.length === index + 1;\n var marginDirection = rtl ? 'marginLeft' : 'marginRight';\n if (typeof size === 'string' || typeof size === 'number') {\n var margin = getMargin(size);\n if (wrap) {\n return isLastOne\n ? { marginBottom: margin }\n : (_a = {},\n _a[\"\" + marginDirection] = margin,\n _a.marginBottom = margin,\n _a);\n }\n return !isLastOne\n ? (_b = {},\n _b[direction === 'vertical' ? 'marginBottom' : marginDirection] = margin,\n _b) : {};\n }\n if (isArray(size)) {\n var marginHorizontal = getMargin(size[0]);\n var marginBottom = getMargin(size[1]);\n if (wrap) {\n return isLastOne\n ? { marginBottom: marginBottom }\n : (_c = {},\n _c[\"\" + marginDirection] = marginHorizontal,\n _c.marginBottom = marginBottom,\n _c);\n }\n if (direction === 'vertical') {\n return { marginBottom: marginBottom };\n }\n return _d = {}, _d[\"\" + marginDirection] = marginHorizontal, _d;\n }\n }\n return (React.createElement(\"div\", __assign({ ref: ref, className: classNames, style: style }, rest), childrenList.map(function (child, index) {\n var shouldRenderSplit = split !== undefined && split !== null && index > 0;\n return (React.createElement(Fragment, { key: index },\n shouldRenderSplit && React.createElement(\"div\", { className: prefixCls + \"-item-split\" }, split),\n React.createElement(\"div\", { className: prefixCls + \"-item\", style: getMarginStyle(index) }, child)));\n })));\n}\nvar SpaceComponent = forwardRef(Space);\nSpaceComponent.displayName = 'Space';\nexport default SpaceComponent;\n","var __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport { padStart } from '../_util/pad';\n// https://github.com/ant-design/ant-design/blob/master/components/statistic/utils.tsx\nvar units = [\n ['Y', 1000 * 60 * 60 * 24 * 365],\n ['M', 1000 * 60 * 60 * 24 * 30],\n ['D', 1000 * 60 * 60 * 24],\n ['H', 1000 * 60 * 60],\n ['m', 1000 * 60],\n ['s', 1000],\n ['S', 1], // million seconds\n];\nexport function getDateString(millisecond, format) {\n var leftMillisecond = millisecond;\n return units.reduce(function (current, _a) {\n var _b = __read(_a, 2), name = _b[0], unit = _b[1];\n if (current.indexOf(name) !== -1) {\n var value_1 = Math.floor(leftMillisecond / unit);\n leftMillisecond -= value_1 * unit;\n return current.replace(new RegExp(name + \"+\", 'g'), function (match) {\n var len = match.length;\n return padStart(value_1.toString(), len, '0');\n });\n }\n return current;\n }, format);\n}\n","var __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { forwardRef, useState, useEffect, useContext, useRef } from 'react';\nimport dayjs from 'dayjs';\nimport { getDayjsValue, getNow } from '../_util/dayjs';\nimport cs from '../_util/classNames';\nimport { getDateString } from './util';\nimport { ConfigContext } from '../ConfigProvider';\nimport { isFunction } from '../_util/is';\nfunction Countdown(props, ref) {\n var getPrefixCls = useContext(ConfigContext).getPrefixCls;\n var className = props.className, style = props.style, title = props.title, styleValue = props.styleValue, value = props.value, start = props.start, format = props.format, onFinish = props.onFinish, renderFormat = props.renderFormat;\n var dayjsValue = getDayjsValue(value, format) || dayjs();\n var now = getDayjsValue(props.now, format);\n var prefixCls = getPrefixCls('statistic');\n var _a = __read(useState(dayjsValue.diff(now, 'millisecond')), 2), valueDiff = _a[0], setValueDiff = _a[1];\n var _b = __read(useState(getDateString(Math.max(valueDiff, 0), format)), 2), valueShow = _b[0], setValueShow = _b[1];\n var timerRef = useRef(null);\n var stopTimer = function () {\n clearInterval(timerRef.current);\n timerRef.current = null;\n };\n var startTimer = function () {\n timerRef.current = setInterval(function () {\n var _valueDiff = dayjsValue.diff(getNow());\n var _value = dayjsValue.diff(getNow(), 'millisecond');\n if (_value <= 0) {\n stopTimer();\n onFinish && onFinish();\n }\n var valueShow = getDateString(Math.max(_value, 0), format);\n setValueShow(valueShow);\n setValueDiff(_valueDiff);\n }, 1000 / 30);\n };\n useEffect(function () {\n if (!timerRef.current && start) {\n if (dayjsValue.valueOf() >= Date.now()) {\n startTimer();\n }\n }\n return function () {\n stopTimer();\n };\n }, [props.start]);\n var valueShowNode = isFunction(renderFormat) ? renderFormat(valueDiff, valueShow) : valueShow;\n return (React.createElement(\"div\", { ref: ref, className: cs(\"\" + prefixCls, prefixCls + \"-countdown\", className), style: style },\n title && React.createElement(\"div\", { className: prefixCls + \"-title\" }, title),\n React.createElement(\"div\", { className: prefixCls + \"-content\" },\n React.createElement(\"div\", { className: prefixCls + \"-value\", style: styleValue }, valueShowNode))));\n}\nvar CountdownComponent = forwardRef(Countdown);\nCountdownComponent.displayName = 'StatisticCountdown';\nCountdownComponent.defaultProps = {\n format: 'HH:mm:ss',\n start: true,\n};\nexport default CountdownComponent;\n","var __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { useState, useEffect, useContext, forwardRef, useRef, useImperativeHandle, useMemo, } from 'react';\nimport BTween from 'b-tween';\nimport dayjs from 'dayjs';\nimport cs from '../_util/classNames';\nimport Countdown from './countdown';\nimport { isNumber, isFunction } from '../_util/is';\nimport { ConfigContext } from '../ConfigProvider';\nimport Skeleton from '../Skeleton';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nvar defaultProps = {\n countFrom: 0,\n countDuration: 2000,\n};\nfunction Statistic(baseProps, ref) {\n var _a = useContext(ConfigContext), getPrefixCls = _a.getPrefixCls, componentConfig = _a.componentConfig;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Statistic);\n var className = props.className, style = props.style, title = props.title, extra = props.extra, groupSeparator = props.groupSeparator, precision = props.precision, prefix = props.prefix, suffix = props.suffix, format = props.format, renderFormat = props.renderFormat, styleValue = props.styleValue, loading = props.loading;\n var tween = useRef();\n var _b = __read(useState('value' in props ? props.value : undefined), 2), value = _b[0], setValue = _b[1];\n var prefixCls = getPrefixCls('statistic');\n var countUp = function (from, to) {\n if (from === void 0) { from = props.countFrom; }\n if (to === void 0) { to = props.value; }\n var countDuration = props.countDuration;\n if (from !== to) {\n tween.current = new BTween({\n from: {\n value: from,\n },\n to: {\n value: to,\n },\n duration: countDuration,\n easing: 'quartOut',\n onUpdate: function (keys) {\n setValue(keys.value.toFixed(precision));\n },\n onFinish: function () {\n setValue(to);\n },\n });\n tween.current.start();\n }\n };\n useEffect(function () {\n if (props.countUp) {\n if (tween.current) {\n tween.current.stop();\n }\n if (value !== props.value) {\n countUp(Number(value), props.value);\n }\n else {\n countUp();\n }\n }\n else {\n setValue(props.value);\n }\n return function () {\n tween.current && tween.current.stop();\n tween.current = null;\n };\n }, [props.value]);\n useImperativeHandle(ref, function () { return ({\n countUp: countUp,\n }); });\n var _c = useMemo(function () {\n var _value = value;\n if (format) {\n _value = dayjs(value).format(format);\n }\n if (isNumber(precision) && precision >= 0) {\n _value = Number(value).toFixed(precision);\n }\n var int = String(_value).split('.')[0];\n var decimal = String(_value).split('.')[1];\n if (groupSeparator && isNumber(Number(value))) {\n int = Number(int).toLocaleString('en-US');\n }\n return {\n int: int,\n decimal: decimal,\n };\n }, [format, groupSeparator, precision, value]), int = _c.int, decimal = _c.decimal;\n var valueFormatted = isFunction(renderFormat)\n ? renderFormat\n : function (_, formattedValue) { return formattedValue; };\n return (React.createElement(\"div\", { className: cs(\"\" + prefixCls, className), style: style },\n title && React.createElement(\"div\", { className: prefixCls + \"-title\" }, title),\n React.createElement(\"div\", { className: prefixCls + \"-content\" },\n React.createElement(Skeleton, { animation: true, loading: !!loading, text: { rows: 1, width: '100%' } },\n React.createElement(\"div\", { className: prefixCls + \"-value\", style: styleValue },\n !isNumber(Number(value)) ? (valueFormatted(value, value)) : (React.createElement(\"span\", { className: prefixCls + \"-value-int\" },\n React.createElement(\"span\", { className: prefixCls + \"-value-prefix\" }, prefix),\n valueFormatted(value, int))),\n decimal !== undefined || suffix ? (React.createElement(\"span\", { className: prefixCls + \"-value-decimal\" },\n isNumber(Number(value)) && decimal !== undefined && \".\" + decimal,\n suffix && React.createElement(\"span\", { className: prefixCls + \"-value-suffix\" }, suffix))) : null)),\n extra && React.createElement(\"div\", { className: prefixCls + \"-extra\" }, extra))));\n}\nvar ForwardRefStatistic = forwardRef(Statistic);\nvar StatisticComponent = ForwardRefStatistic;\nStatisticComponent.displayName = 'Statistic';\nStatisticComponent.Countdown = Countdown;\nexport default StatisticComponent;\n","import React, { forwardRef } from 'react';\nimport cs from '../_util/classNames';\nimport IconCheck from '../../icon/react-icon/IconCheck';\nimport IconClose from '../../icon/react-icon/IconClose';\nfunction Step(props, ref) {\n var _a;\n var style = props.style, className = props.className, prefixCls = props.prefixCls, _b = props.index, index = _b === void 0 ? 1 : _b, _c = props.current, current = _c === void 0 ? 1 : _c, status = props.status, title = props.title, description = props.description, icon = props.icon, nextStepError = props.nextStepError, type = props.type, customDot = props.customDot, labelPlacement = props.labelPlacement, disabled = props.disabled, onClick = props.onClick, direction = props.direction, id = props.id, lineless = props.lineless;\n function renderIconNode(currentStatus) {\n if (type === 'dot') {\n return null;\n }\n var content = index;\n if (icon) {\n content = icon;\n }\n else if (currentStatus === 'finish') {\n content = React.createElement(IconCheck, null);\n }\n else if (currentStatus === 'error') {\n content = React.createElement(IconClose, null);\n }\n return React.createElement(\"div\", { className: prefixCls + \"-icon\" }, content);\n }\n function onClickStep() {\n onClick && !disabled && current !== index && onClick(index, id);\n }\n var currentStatus;\n if (status) {\n currentStatus = status;\n }\n else {\n if (current < index) {\n currentStatus = 'wait';\n }\n if (current === index) {\n currentStatus = 'process';\n }\n if (current > index) {\n currentStatus = 'finish';\n }\n }\n var classNames = cs(prefixCls + \"-item\", prefixCls + \"-item-\" + currentStatus, (_a = {},\n _a[prefixCls + \"-item-custom\"] = !!icon,\n _a[prefixCls + \"-item-next-error\"] = nextStepError,\n _a[prefixCls + \"-item-disabled\"] = disabled,\n _a[prefixCls + \"-item-active\"] = index === current,\n _a), className);\n var iconNode = renderIconNode(currentStatus);\n var iconNodeWrapped = React.createElement(\"div\", { className: prefixCls + \"-item-icon\" }, iconNode);\n var customDotElement = customDot\n ? customDot(iconNodeWrapped, {\n index: index,\n status: currentStatus,\n title: title,\n description: description,\n })\n : iconNodeWrapped;\n return (React.createElement(\"div\", { ref: ref, className: classNames, style: style, onClick: onClickStep },\n !lineless && (labelPlacement === 'vertical' || direction === 'vertical') && (React.createElement(\"div\", { className: prefixCls + \"-item-tail\" })),\n type !== 'arrow' && customDotElement,\n React.createElement(\"div\", { className: prefixCls + \"-item-content\" },\n React.createElement(\"div\", { className: prefixCls + \"-item-title\" }, title),\n description && React.createElement(\"div\", { className: prefixCls + \"-item-description\" }, description))));\n}\nvar StepComponent = forwardRef(Step);\nStepComponent.displayName = 'Step';\nexport default StepComponent;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nimport React, { useContext, forwardRef } from 'react';\nimport cs from '../_util/classNames';\nimport Step from './step';\nimport { ConfigContext } from '../ConfigProvider';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nvar defaultProps = {\n current: 1,\n type: 'default',\n size: 'default',\n direction: 'horizontal',\n labelPlacement: 'horizontal',\n};\nfunction Steps(baseProps, ref) {\n var _a;\n var _b = useContext(ConfigContext), getPrefixCls = _b.getPrefixCls, componentConfig = _b.componentConfig;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Steps);\n var className = props.className, style = props.style, children = props.children, _c = props.current, current = _c === void 0 ? 1 : _c, status = props.status, onChange = props.onChange, type = props.type, size = props.size, direction = props.direction, labelPlacement = props.labelPlacement, customDot = props.customDot, lineless = props.lineless;\n var prefixCls = getPrefixCls('steps');\n var innerLabelPlacement = labelPlacement;\n if (type === 'dot') {\n innerLabelPlacement = direction === 'vertical' ? 'horizontal' : 'vertical';\n }\n if (type === 'navigation') {\n innerLabelPlacement = 'horizontal';\n }\n var innerDirection = direction;\n if (type === 'navigation' || type === 'arrow') {\n innerDirection = 'horizontal';\n }\n var classNames = cs(prefixCls, prefixCls + \"-\" + innerDirection, prefixCls + \"-label-\" + innerLabelPlacement, prefixCls + \"-size-\" + size, (_a = {},\n _a[prefixCls + \"-change-onclick\"] = typeof onChange === 'function',\n _a[prefixCls + \"-mode-\" + type] = type !== 'default',\n _a[prefixCls + \"-lineless\"] = lineless,\n _a), className);\n return (React.createElement(\"div\", { ref: ref, style: style, className: classNames }, React.Children.toArray(children)\n .filter(function (child) {\n return child && child.type && child.type.displayName === 'Step';\n })\n .map(function (child, index) {\n // step 的 index 从 1 开始\n index += 1;\n if (child) {\n var childProps = __assign({ prefixCls: prefixCls, type: type, index: index, current: current, status: current === index ? status : undefined, customDot: customDot, labelPlacement: innerLabelPlacement, direction: innerDirection, onClick: onChange, lineless: lineless }, child.props);\n if (status === 'error' && current === index + 1) {\n childProps.nextStepError = true;\n }\n return React.cloneElement(child, childProps);\n }\n return null;\n })));\n}\nvar ForwardRefSteps = forwardRef(Steps);\nvar StepsComponent = ForwardRefSteps;\nStepsComponent.displayName = 'Steps';\nStepsComponent.Step = Step;\nexport default StepsComponent;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { useState, useContext, forwardRef } from 'react';\nimport { SwitchTransition, CSSTransition } from 'react-transition-group';\nimport cs from '../_util/classNames';\nimport { isArray, isObject } from '../_util/is';\nimport omit from '../_util/omit';\nimport { ConfigContext } from '../ConfigProvider';\nimport IconLoading from '../../icon/react-icon/IconLoading';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nvar defaultProps = {\n type: 'circle',\n};\nfunction Switch(baseProps, ref) {\n var _a;\n var _b = useContext(ConfigContext), getPrefixCls = _b.getPrefixCls, ctxSize = _b.size, componentConfig = _b.componentConfig;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Switch);\n var className = props.className, children = props.children, _c = props.style, style = _c === void 0 ? {} : _c, disabled = props.disabled, propSize = props.size, loading = props.loading, onChange = props.onChange, type = props.type, checkedText = props.checkedText, uncheckedText = props.uncheckedText, checkedIcon = props.checkedIcon, uncheckedIcon = props.uncheckedIcon, rest = __rest(props, [\"className\", \"children\", \"style\", \"disabled\", \"size\", \"loading\", \"onChange\", \"type\", \"checkedText\", \"uncheckedText\", \"checkedIcon\", \"uncheckedIcon\"]);\n var prefixCls = getPrefixCls('switch');\n var size = propSize || ctxSize;\n var _d = __read(useState(props.defaultChecked), 2), checked = _d[0], setChecked = _d[1];\n var mergedChecked = 'checked' in props ? props.checked : checked;\n var onHandleClick = function (event) {\n if (loading) {\n return;\n }\n props.onClick && props.onClick(event);\n if (!('checked' in props)) {\n setChecked(!mergedChecked);\n }\n onChange && onChange(!mergedChecked, event);\n };\n var classNames = cs(prefixCls, size === 'small' ? prefixCls + \"-\" + size : undefined, (_a = {},\n _a[prefixCls + \"-type-\" + type] = type,\n _a[prefixCls + \"-checked\"] = mergedChecked,\n _a[prefixCls + \"-loading\"] = loading,\n _a), className);\n var checkedElement = checkedText;\n var unCheckedElement = uncheckedText;\n // 支持通过 children 传入 checkedText 和 uncheckedText，不过建议直接使用参数 checkedText 和 uncheckedText\n if (children && isArray(children)) {\n checkedElement = children.find(function (child) { return child.key === 'open'; });\n unCheckedElement = children.find(function (child) { return child.key === 'close'; });\n }\n else if (children && isObject(children)) {\n if (children.key === 'open') {\n checkedElement = children;\n }\n else if (children.key === 'close') {\n unCheckedElement = children;\n }\n }\n var extraProps = omit(rest, ['onChange', 'checked', 'error']);\n return (React.createElement(\"button\", __assign({ ref: ref, role: \"switch\", \"aria-checked\": !!mergedChecked }, extraProps, { style: style, className: classNames, disabled: disabled, onClick: onHandleClick, type: \"button\" }),\n React.createElement(\"div\", { className: prefixCls + \"-dot\" },\n !loading && (checkedIcon || uncheckedIcon) && (React.createElement(SwitchTransition, null,\n React.createElement(CSSTransition, { key: mergedChecked ? 'checked' : 'unchecked', classNames: \"fadeIn\", timeout: 200 },\n React.createElement(\"span\", { className: prefixCls + \"-dot-icon\" }, mergedChecked ? checkedIcon : uncheckedIcon)))),\n loading && (React.createElement(\"span\", { className: prefixCls + \"-dot-icon\" },\n React.createElement(IconLoading, null)))),\n size !== 'small' && type !== 'line' && (checkedElement || unCheckedElement) && (React.createElement(React.Fragment, null,\n React.createElement(\"div\", { className: prefixCls + \"-text-holder\" },\n checkedElement && mergedChecked && checkedElement,\n unCheckedElement && !mergedChecked && unCheckedElement),\n React.createElement(CSSTransition, { in: mergedChecked, classNames: \"switchSlideText\", timeout: 200 },\n React.createElement(\"div\", { className: prefixCls + \"-text\" },\n checkedElement && mergedChecked && checkedElement,\n unCheckedElement && !mergedChecked && unCheckedElement))))));\n}\nvar ForwardRefSwitch = forwardRef(Switch);\nvar SwitchComponent = ForwardRefSwitch;\nSwitchComponent.__BYTE_SWITCH = true;\nSwitchComponent.displayName = 'Switch';\nexport default SwitchComponent;\n","import _extends from \"@babel/runtime/helpers/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\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\nimport React, { useContext } from 'react';\nimport { IconContext } from '../context';\n\nfunction IconFilterComponent(iconProps, ref) {\n var _useContext = useContext(IconContext),\n _useContext$prefixCls = _useContext.prefixCls,\n prefixCls = _useContext$prefixCls === void 0 ? 'arco' : _useContext$prefixCls;\n\n var spin = iconProps.spin,\n className = iconProps.className;\n\n var props = _objectSpread(_objectSpread({\n \"aria-hidden\": true,\n focusable: false,\n ref: ref\n }, iconProps), {}, {\n className: \"\".concat(className ? className + ' ' : '').concat(prefixCls, \"-icon \").concat(prefixCls, \"-icon-filter\")\n });\n\n if (spin) {\n props.className = \"\".concat(props.className, \" \").concat(prefixCls, \"-icon-loading\");\n }\n\n delete props.spin;\n delete props.isIcon;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"4\",\n viewBox: \"0 0 48 48\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M30 42V22.549a1 1 0 0 1 .463-.844l10.074-6.41A1 1 0 0 0 41 14.45V8a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v6.451a1 1 0 0 0 .463.844l10.074 6.41a1 1 0 0 1 .463.844V37\"\n }));\n}\n\nvar IconFilter = /*#__PURE__*/React.forwardRef(IconFilterComponent);\nIconFilter.defaultProps = {\n isIcon: true\n};\nIconFilter.displayName = 'IconFilter';\nexport default IconFilter;","import { useMemo } from 'react';\nimport merge from 'lodash/merge';\nimport { isObject } from '../../_util/is';\nvar defaultComponents = {\n table: 'table',\n header: {\n operations: function (_a) {\n var selectionNode = _a.selectionNode, expandNode = _a.expandNode;\n return [\n {\n name: 'expandNode',\n node: expandNode,\n },\n {\n name: 'selectionNode',\n node: selectionNode,\n },\n ];\n },\n wrapper: 'div',\n thead: 'thead',\n row: 'tr',\n th: 'th',\n cell: 'div',\n },\n body: {\n operations: function (_a) {\n var selectionNode = _a.selectionNode, expandNode = _a.expandNode;\n return [\n {\n name: 'expandNode',\n node: expandNode,\n },\n {\n name: 'selectionNode',\n node: selectionNode,\n },\n ];\n },\n wrapper: 'div',\n tbody: 'tbody',\n row: 'tr',\n td: 'td',\n cell: 'span',\n },\n};\nexport default function useComponent(components) {\n var _components = useMemo(function () { return (isObject(components) ? merge({}, defaultComponents, components) : defaultComponents); }, [components]);\n return {\n getHeaderComponentOperations: _components.header.operations,\n getBodyComponentOperations: _components.body.operations,\n ComponentTable: _components.table,\n ComponentHeaderWrapper: _components.header.wrapper,\n ComponentThead: _components.header.thead,\n ComponentHeaderRow: _components.header.row,\n ComponentTh: _components.header.th,\n ComponentHeaderCell: _components.header.cell,\n ComponentBodyWrapper: _components.body.wrapper,\n ComponentTbody: _components.body.tbody,\n ComponentBodyRow: _components.body.row,\n ComponentTd: _components.body.td,\n ComponentBodyCell: _components.body.cell,\n };\n}\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport React, { useState, useEffect, useContext } from 'react';\nimport cs from '../../_util/classNames';\nimport { isArray, isObject, isString } from '../../_util/is';\nimport Trigger from '../../Trigger';\nimport Radio from '../../Radio/radio';\nimport Button from '../../Button';\nimport Tooltip from '../../Tooltip';\nimport IconCaretDown from '../../../icon/react-icon/IconCaretDown';\nimport IconCaretUp from '../../../icon/react-icon/IconCaretUp';\nimport IconFilter from '../../../icon/react-icon/IconFilter';\nimport Checkbox from '../../Checkbox';\nimport { ConfigContext } from '../../ConfigProvider';\nimport useComponent from '../hooks/useComponent';\nimport useMergeValue from '../../_util/hooks/useMergeValue';\nfunction getTooltipContent(nextSorterDirection, locale) {\n if (nextSorterDirection === 'ascend') {\n return locale.Table.sortAscend;\n }\n if (nextSorterDirection === 'descend') {\n return locale.Table.sortDescend;\n }\n return locale.Table.cancelSort;\n}\nfunction Column(_a) {\n var _b, _c, _d, _e;\n var onSort = _a.onSort, onFilter = _a.onFilter, onHandleFilter = _a.onHandleFilter, onHandleFilterReset = _a.onHandleFilterReset, _f = _a.currentFilters, currentFilters = _f === void 0 ? {} : _f, currentSorter = _a.currentSorter, _key = _a._key, dataIndex = _a.dataIndex, title = _a.title, sorter = _a.sorter, _g = _a.sortDirections, sortDirections = _g === void 0 ? ['ascend', 'descend'] : _g, _h = _a.filters, filters = _h === void 0 ? [] : _h, columnFixedStyle = _a.columnFixedStyle, className = _a.className, cellStyle = _a.cellStyle, headerCellStyle = _a.headerCellStyle, rowSpan = _a.rowSpan, colSpan = _a.colSpan, headerCellProps = _a.headerCellProps, prefixCls = _a.prefixCls, _j = _a.align, align = _j === void 0 ? 'left' : _j, components = _a.components, filterIcon = _a.filterIcon, filterDropdown = _a.filterDropdown, _k = _a.filterMultiple, filterMultiple = _k === void 0 ? true : _k, ellipsis = _a.ellipsis, filterDropdownProps = _a.filterDropdownProps, onFilterDropdownVisibleChange = _a.onFilterDropdownVisibleChange, column = _a.column, showSorterTooltip = _a.showSorterTooltip, index = _a.index;\n var locale = useContext(ConfigContext).locale;\n var innerDataIndex = dataIndex === undefined ? index : dataIndex;\n // stateCurrentFilter 标记了下拉框中选中的 filter 项目，在受控模式下它与 currentFilter 可以不同\n var _l = __read(useMergeValue([], {\n value: currentFilters[innerDataIndex] || [],\n }), 3), currentFilter = _l[0], setCurrentFilter = _l[1], stateCurrentFilter = _l[2];\n var _m = __read(useState(false), 2), filterVisible = _m[0], setFilterVisible = _m[1];\n var _o = __read(useState(false), 2), isEnter = _o[0], setEnter = _o[1];\n var enableSort = sorter && isArray(sortDirections) && sortDirections.length;\n var nextSortDirection = enableSort ? getNextSortDirection() : undefined;\n useEffect(function () {\n setCurrentFilter(currentFilters[innerDataIndex] || []);\n }, [currentFilters, innerDataIndex]);\n useEffect(function () {\n if (currentFilter && currentFilter !== stateCurrentFilter) {\n setCurrentFilter(currentFilter);\n }\n }, [filterVisible]);\n function getNextSortDirection() {\n var currentSortDirection = currentSorter && currentSorter.direction;\n if (!currentSortDirection || (currentSorter && currentSorter.field !== innerDataIndex)) {\n return sortDirections[0];\n }\n var sorterIndex = sortDirections.indexOf(currentSortDirection);\n if (sorterIndex < sortDirections.length) {\n return sortDirections[sorterIndex + 1];\n }\n }\n function handleFilter() {\n if (!currentFilter)\n return;\n onHandleFilter &&\n onHandleFilter({ onFilter: onFilter, filters: filters, dataIndex: innerDataIndex }, stateCurrentFilter);\n onVisibleChange(false);\n }\n function handleFilterReset() {\n onHandleFilterReset({ dataIndex: innerDataIndex });\n onVisibleChange(false);\n }\n function onVisibleChange(filterVisible) {\n setFilterVisible(filterVisible);\n onFilterDropdownVisibleChange && onFilterDropdownVisibleChange(filterVisible);\n }\n function onChangeFilterItem(filterValue, checked) {\n var filter = __spreadArray([], __read(stateCurrentFilter), false);\n if (filterMultiple) {\n if (checked) {\n filter = filter.concat(filterValue);\n }\n else {\n filter.splice(filter.findIndex(function (value) { return value === filterValue; }), 1);\n }\n }\n else if (filter.length > 0) {\n if (filter[0] !== filterValue) {\n filter = [filterValue];\n }\n else {\n return;\n }\n }\n else {\n filter = [filterValue];\n }\n setCurrentFilter(filter);\n }\n // filterDropdown confirm\n function confirm(_filterKeys) {\n setCurrentFilter(_filterKeys || stateCurrentFilter);\n setFilterVisible(false);\n onHandleFilter &&\n onHandleFilter({ filters: filters, onFilter: onFilter, dataIndex: innerDataIndex }, _filterKeys || stateCurrentFilter);\n }\n function renderFilters() {\n return typeof filterDropdown === 'function' ? (filterDropdown({\n filterKeys: stateCurrentFilter,\n setFilterKeys: function (filterKeys, callback) {\n setCurrentFilter(filterKeys);\n callback && callback();\n },\n confirm: confirm,\n })) : (React.createElement(\"div\", { className: prefixCls + \"-filters-popup\" },\n React.createElement(\"div\", { className: prefixCls + \"-filters-list\" }, filters.map(function (col) {\n var checked = stateCurrentFilter.findIndex(function (value) { return value === col.value; }) !== -1;\n return (React.createElement(\"div\", { className: prefixCls + \"-filters-item\", key: col.value }, filterMultiple ? (React.createElement(Checkbox, { checked: checked, onChange: function (checked) { return onChangeFilterItem(col.value, checked); } }, col.text)) : (React.createElement(Radio, { checked: checked, onChange: function (checked) { return onChangeFilterItem(col.value, checked); } }, col.text))));\n })),\n React.createElement(\"div\", { className: prefixCls + \"-filters-btn\" },\n React.createElement(Button, { onClick: handleFilterReset, size: \"mini\", style: { marginRight: 8 } }, locale.Table.resetText),\n React.createElement(Button, { onClick: handleFilter, type: \"primary\", size: \"mini\" }, locale.Table.okText))));\n }\n var classNameSorter = function (direction) {\n var _a;\n return cs(prefixCls + \"-sorter-icon\", (_a = {},\n _a[prefixCls + \"-sorter-icon-active\"] = currentSorter &&\n currentSorter.direction === direction &&\n currentSorter.field === innerDataIndex,\n _a));\n };\n var classNameFilter = cs(prefixCls + \"-filters\", (_b = {},\n _b[prefixCls + \"-filters-open\"] = filterVisible,\n _b[prefixCls + \"-filters-active\"] = currentFilter && currentFilter.length,\n _b));\n var styleTh = __assign({}, columnFixedStyle);\n if (isObject(cellStyle)) {\n styleTh = __assign(__assign({}, styleTh), cellStyle);\n }\n if (isObject(headerCellStyle)) {\n styleTh = __assign(__assign({}, styleTh), headerCellStyle);\n }\n if (align && align !== 'left') {\n styleTh.textAlign = align;\n }\n var thProps = {\n style: styleTh,\n key: _key || innerDataIndex,\n };\n if (colSpan && colSpan > 1) {\n thProps.colSpan = colSpan;\n }\n if (rowSpan && rowSpan > 1) {\n thProps.rowSpan = rowSpan;\n }\n var _p = useComponent(components), ComponentTh = _p.ComponentTh, ComponentHeaderCell = _p.ComponentHeaderCell;\n var shouldRenderFilters = (isArray(filters) && filters.length > 0) || typeof filterDropdown === 'function';\n var titleProps = ellipsis && typeof title === 'string' ? { title: title } : {};\n var filterDropdownTriggerProps = filterDropdownProps && filterDropdownProps.triggerProps;\n var cellChildren = (React.createElement(React.Fragment, null,\n enableSort ? (React.createElement(Tooltip, __assign({ content: getTooltipContent(nextSortDirection, locale), disabled: !showSorterTooltip }, (isObject(showSorterTooltip) ? showSorterTooltip : {})),\n React.createElement(\"div\", { className: prefixCls + \"-cell-with-sorter\", onMouseEnter: function () {\n setEnter(true);\n }, onMouseLeave: function () {\n setEnter(false);\n }, onClick: function () { return onSort(nextSortDirection, innerDataIndex); } },\n React.createElement(\"span\", __assign({ className: prefixCls + \"-th-item-title\" }, titleProps), title),\n enableSort && (React.createElement(\"div\", { className: cs(prefixCls + \"-sorter\", (_c = {},\n _c[prefixCls + \"-sorter-direction-one\"] = sortDirections.length === 1,\n _c)) },\n sortDirections.indexOf('ascend') !== -1 && (React.createElement(\"div\", { className: classNameSorter('ascend') },\n React.createElement(IconCaretUp, null))),\n sortDirections.indexOf('descend') !== -1 && (React.createElement(\"div\", { className: classNameSorter('descend') },\n React.createElement(IconCaretDown, null)))))))) : (React.createElement(\"span\", __assign({ className: prefixCls + \"-th-item-title\" }, titleProps), title)),\n shouldRenderFilters && (React.createElement(Trigger, __assign({ popup: renderFilters, trigger: \"click\", classNames: \"slideDynamicOrigin\", position: \"br\", popupAlign: { bottom: 0 }, popupVisible: filterVisible, onVisibleChange: onVisibleChange }, filterDropdownTriggerProps),\n React.createElement(\"div\", { className: classNameFilter }, filterIcon || React.createElement(IconFilter, null))))));\n var cellChildrenClassName = cs(prefixCls + \"-th-item\", (_d = {},\n _d[prefixCls + \"-cell-text-ellipsis\"] = ellipsis,\n _d[prefixCls + \"-cell-mouseenter\"] = isEnter,\n _d[prefixCls + \"-cell-next-\" + nextSortDirection] = isEnter && nextSortDirection,\n _d[prefixCls + \"-col-has-sorter\"] = enableSort,\n _d[prefixCls + \"-col-has-filter\"] = shouldRenderFilters,\n _d));\n return (colSpan !== 0 && (React.createElement(ComponentTh, __assign({ className: cs(prefixCls + \"-th\", (_e = {},\n _e[prefixCls + \"-col-sorted\"] = currentSorter && currentSorter.direction && currentSorter.field === innerDataIndex,\n _e), className) }, thProps, headerCellProps), isString(ComponentHeaderCell) ? (React.createElement(ComponentHeaderCell, { className: cellChildrenClassName }, cellChildren)) : (React.createElement(ComponentHeaderCell, { className: cellChildrenClassName, column: column }, cellChildren)))));\n}\nexport default Column;\n","export var INTERNAL_SELECTION_KEY = 'table_internal_selection_key';\nexport var INTERNAL_EXPAND_KEY = 'table_internal_expand_key';\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nimport React, { useMemo } from 'react';\nimport Checkbox from '../../Checkbox';\nimport Column from './column';\nimport cs from '../../_util/classNames';\nimport useComponent from '../hooks/useComponent';\nimport { INTERNAL_EXPAND_KEY, INTERNAL_SELECTION_KEY } from '../constant';\nfunction THead(props) {\n var sorter = props.sorter, expandedRowRender = props.expandedRowRender, _a = props.expandProps, expandProps = _a === void 0 ? {} : _a, onSort = props.onSort, onHandleFilter = props.onHandleFilter, onHandleFilterReset = props.onHandleFilterReset, onHeaderRow = props.onHeaderRow, prefixCls = props.prefixCls, currentFilters = props.currentFilters, components = props.components, data = props.data, selectedRowKeys = props.selectedRowKeys, rowSelection = props.rowSelection, _b = props.allSelectedRowKeys, allSelectedRowKeys = _b === void 0 ? [] : _b, groupColumns = props.groupColumns, stickyOffsets = props.stickyOffsets, groupStickyClassNames = props.groupStickyClassNames, showSorterTooltip = props.showSorterTooltip;\n var _c = useComponent(components), ComponentThead = _c.ComponentThead, ComponentHeaderRow = _c.ComponentHeaderRow, getHeaderComponentOperations = _c.getHeaderComponentOperations;\n var _checkbox = rowSelection && (rowSelection.type === 'checkbox' || !('type' in rowSelection));\n var _checkAll = rowSelection && 'checkAll' in rowSelection ? rowSelection.checkAll : true;\n var isRadio = rowSelection && rowSelection.type === 'radio';\n var expandColumnTitle = expandProps.columnTitle;\n var currentSelectedRowKeys = useMemo(function () {\n var tempSet = new Set(allSelectedRowKeys);\n return selectedRowKeys.filter(function (v) { return tempSet.has(v); });\n }, [selectedRowKeys, allSelectedRowKeys]);\n var selectionRowSpanProps = groupColumns.length > 1 ? { rowSpan: groupColumns.length } : {};\n var operationClassName = cs(prefixCls + \"-th\", prefixCls + \"-operation\");\n return (React.createElement(ComponentThead, null, groupColumns.map(function (row, index) {\n var headerRowProps = onHeaderRow && onHeaderRow(row, index);\n var selectionNode = (_checkbox || isRadio) && index === 0 && (React.createElement(\"th\", { className: cs(operationClassName, prefixCls + \"-\" + (isRadio ? 'radio' : 'checkbox')) },\n React.createElement(\"div\", { className: prefixCls + \"-th-item\" },\n _checkAll && !isRadio ? (React.createElement(Checkbox, { indeterminate: data &&\n currentSelectedRowKeys.length > 0 &&\n currentSelectedRowKeys.length !== allSelectedRowKeys.length, checked: data &&\n currentSelectedRowKeys.length !== 0 &&\n currentSelectedRowKeys.length === allSelectedRowKeys.length, disabled: !allSelectedRowKeys.length, onChange: props.onCheckAll })) : null,\n rowSelection && rowSelection.columnTitle)));\n var expandNode = expandedRowRender && (React.createElement(\"th\", { className: cs(operationClassName, prefixCls + \"-expand\") }, expandColumnTitle && React.createElement(\"div\", { className: prefixCls + \"-th-item\" }, expandColumnTitle)));\n var stickyClassNames = groupStickyClassNames[index];\n var headerOperations = getHeaderComponentOperations({ selectionNode: selectionNode, expandNode: expandNode });\n return (React.createElement(ComponentHeaderRow, __assign({}, headerRowProps, { key: index, className: prefixCls + \"-tr\" }), row.map(function (column, colIndex) {\n var _a, _b, _c, _d;\n var stickyOffset = stickyOffsets[colIndex];\n var stickyClassName = stickyClassNames[colIndex];\n if (column.$$isOperation) {\n var node = column.node;\n var isExtraOperation = true;\n if (column.title === INTERNAL_SELECTION_KEY) {\n node = (_a = headerOperations.find(function (o) { return o.name === 'selectionNode'; })) === null || _a === void 0 ? void 0 : _a.node;\n isExtraOperation = false;\n }\n if (column.title === INTERNAL_EXPAND_KEY) {\n node = (_b = headerOperations.find(function (o) { return o.name === 'expandNode'; })) === null || _b === void 0 ? void 0 : _b.node;\n isExtraOperation = false;\n }\n var operationNode = node;\n return React.cloneElement(operationNode, __assign(__assign(__assign({ key: column.key || colIndex }, operationNode.props), selectionRowSpanProps), { className: cs(isExtraOperation ? operationClassName : '', (_c = operationNode === null || operationNode === void 0 ? void 0 : operationNode.props) === null || _c === void 0 ? void 0 : _c.className, stickyClassName), style: __assign(__assign(__assign({}, (_d = operationNode === null || operationNode === void 0 ? void 0 : operationNode.props) === null || _d === void 0 ? void 0 : _d.style), (column.fixed === 'left'\n ? {\n left: stickyOffset,\n }\n : {})), { width: column.width, minWidth: column.width }) }));\n }\n var headerCellProps = column.onHeaderCell && column.onHeaderCell(column, colIndex);\n var columnClassName = cs(stickyClassName, column.className);\n var columnFixedStyle = {};\n if (column.fixed === 'left') {\n columnFixedStyle.left = stickyOffset;\n }\n if (column.fixed === 'right') {\n columnFixedStyle.right = stickyOffset;\n }\n return (React.createElement(Column, __assign({ key: column.key, index: colIndex, onSort: onSort, onHandleFilter: onHandleFilter, onHandleFilterReset: onHandleFilterReset, currentSorter: sorter, currentFilters: currentFilters, _key: column.key || column.dataIndex || colIndex }, column, { column: column, headerCellProps: headerCellProps, prefixCls: prefixCls, components: components, className: columnClassName, columnFixedStyle: columnFixedStyle, showSorterTooltip: showSorterTooltip })));\n })));\n })));\n}\nexport default THead;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport { isArray, isObject } from '../_util/is';\nexport function getScrollBarHeight(ele) {\n return ele ? ele.offsetHeight - ele.clientHeight : 0;\n}\nexport function getScrollBarWidth(ele) {\n return ele ? ele.offsetWidth - ele.clientWidth : 0;\n}\nexport function isChildrenNotEmpty(record, field) {\n return isArray(record[field]) && record[field].length;\n}\nexport function deepCloneData(data, childrenColumnName) {\n function travel(data) {\n var newData = [];\n data.forEach(function (d) {\n // case: [[{}]]\n if (isArray(d)) {\n return d;\n }\n var _d = __assign({}, d);\n _d.__ORIGIN_DATA = __assign({}, d);\n if (isObject(_d) && _d[childrenColumnName]) {\n _d[childrenColumnName] = travel(_d[childrenColumnName]);\n }\n newData.push(_d);\n });\n return newData;\n }\n return travel(data);\n}\nexport function getOriginData(data) {\n if (isObject(data)) {\n return data.__ORIGIN_DATA;\n }\n return data.map(function (d) {\n if (isArray(d)) {\n return d;\n }\n return d.__ORIGIN_DATA;\n });\n}\nexport function getSelectedKeys(record, checked, checkedRowKeys, _indeterminateKeys, getRowKey, childrenColumnName, checkConnected) {\n if (checkedRowKeys === void 0) { checkedRowKeys = []; }\n if (_indeterminateKeys === void 0) { _indeterminateKeys = []; }\n var selectedRowKeys = new Set(checkedRowKeys);\n var indeterminateKeys = new Set(_indeterminateKeys);\n function loop(record) {\n if (checked) {\n selectedRowKeys.add(getRowKey(record));\n indeterminateKeys.delete(getRowKey(record));\n }\n else {\n selectedRowKeys.delete(getRowKey(record));\n }\n if (isArray(record[childrenColumnName])) {\n record[childrenColumnName].forEach(function (child) {\n loop(child);\n });\n }\n }\n if (!checkConnected) {\n if (checked) {\n selectedRowKeys.add(getRowKey(record));\n }\n else {\n selectedRowKeys.delete(getRowKey(record));\n }\n }\n else {\n loop(record);\n updateParent(record, selectedRowKeys, indeterminateKeys, getRowKey, childrenColumnName);\n }\n return {\n selectedRowKeys: __spreadArray([], __read(selectedRowKeys), false),\n indeterminateKeys: __spreadArray([], __read(indeterminateKeys), false),\n };\n}\nexport function getSelectedKeysByData(flattenData, checkedKeys, getRowKey, childrenColumnName, checkConnected) {\n if (checkedKeys === void 0) { checkedKeys = []; }\n if (!checkConnected) {\n return {\n selectedRowKeys: checkedKeys,\n indeterminateKeys: [],\n };\n }\n var selectedRowKeys = new Set(checkedKeys);\n var indeterminateKeys = new Set([]);\n function loop(record) {\n selectedRowKeys.add(getRowKey(record));\n indeterminateKeys.delete(getRowKey(record));\n if (isArray(record[childrenColumnName])) {\n record[childrenColumnName].forEach(function (child) {\n loop(child);\n });\n }\n }\n checkedKeys.forEach(function (key) {\n var record = flattenData.find(function (d) { return getRowKey(d) === key; });\n loop(record);\n updateParent(record, selectedRowKeys, indeterminateKeys, getRowKey, childrenColumnName);\n });\n return {\n selectedRowKeys: __spreadArray([], __read(selectedRowKeys), false),\n indeterminateKeys: __spreadArray([], __read(indeterminateKeys), false),\n };\n}\nfunction updateParent(record, selectedKeys, indeterminateKeys, getRowKey, childrenColumnName) {\n if (record.__INTERNAL_PARENT) {\n var parentKey_1 = getRowKey(record.__INTERNAL_PARENT);\n if (isArray(record.__INTERNAL_PARENT[childrenColumnName])) {\n var total = record.__INTERNAL_PARENT[childrenColumnName].length;\n var len_1 = 0;\n var flag_1 = false;\n record.__INTERNAL_PARENT[childrenColumnName].forEach(function (c) {\n if (selectedKeys.has(getRowKey(c))) {\n len_1 += 1;\n }\n if (indeterminateKeys.has(getRowKey(c))) {\n indeterminateKeys.add(parentKey_1);\n flag_1 = true;\n }\n });\n if (total === len_1) {\n selectedKeys.add(parentKey_1);\n indeterminateKeys.delete(parentKey_1);\n }\n else if (len_1 > 0 && total > len_1) {\n selectedKeys.delete(parentKey_1);\n indeterminateKeys.add(parentKey_1);\n }\n else if (len_1 === 0) {\n selectedKeys.delete(parentKey_1);\n if (!flag_1) {\n indeterminateKeys.delete(parentKey_1);\n }\n }\n }\n updateParent(record.__INTERNAL_PARENT, selectedKeys, indeterminateKeys, getRowKey, childrenColumnName);\n }\n}\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { memo } from 'react';\nimport get from 'lodash/get';\nimport pick from '../../_util/pick';\nimport { isObject, isString } from '../../_util/is';\nimport cs from '../../_util/classNames';\nimport useComponent from '../hooks/useComponent';\nimport { getOriginData } from '../utils';\nfunction isInvalidRenderElement(element) {\n return element && !React.isValidElement(element) && isObject(element);\n}\nfunction Td(props) {\n var _a, _b;\n var components = props.components, InnerComponentTd = props.InnerComponentTd, column = props.column, columnIndex = props.columnIndex, prefixCls = props.prefixCls, stickyClassName = props.stickyClassName, stickyOffset = props.stickyOffset, currentSorter = props.currentSorter, virtualized = props.virtualized, record = props.record, trIndex = props.trIndex, level = props.level, placeholder = props.placeholder, indentSize = props.indentSize, renderExpandIcon = props.renderExpandIcon, rowKey = props.rowKey, recordHaveChildren = props.recordHaveChildren, haveTreeData = props.haveTreeData;\n var ComponentBodyCell = useComponent(components).ComponentBodyCell;\n var classNameTd = cs(prefixCls + \"-td\", stickyClassName, (_a = {},\n _a[prefixCls + \"-col-sorted\"] = currentSorter && currentSorter.direction && currentSorter.field === column.dataIndex,\n _a), column.className);\n var tdProps = {};\n var rowSpan;\n var colSpan;\n var styleTd = {};\n if (column.fixed === 'left') {\n styleTd.left = stickyOffset;\n }\n if (column.fixed === 'right') {\n styleTd.right = stickyOffset;\n }\n if (isObject(column.cellStyle)) {\n styleTd = __assign(__assign({}, styleTd), column.cellStyle);\n }\n if (isObject(column.bodyCellStyle)) {\n styleTd = __assign(__assign({}, styleTd), column.bodyCellStyle);\n }\n if (column.align) {\n styleTd.textAlign = column.align;\n }\n if (virtualized && column.width) {\n styleTd.width = column.width;\n styleTd.minWidth = column.width;\n styleTd.maxWidth = column.width;\n }\n var _c = column.onCell\n ? column.onCell(record, trIndex)\n : { onHandleSave: function () { } }, onHandleSave = _c.onHandleSave, cellProps = __rest(_c, [\"onHandleSave\"]);\n var renderElement = column.render && column.render(get(record, column.dataIndex), getOriginData(record), trIndex);\n if (isInvalidRenderElement(renderElement)) {\n tdProps = renderElement.props;\n rowSpan = tdProps.rowSpan;\n colSpan = tdProps.colSpan;\n renderElement = renderElement.children;\n }\n if (rowSpan === 0 || colSpan === 0) {\n return null;\n }\n var v = get(record, column.dataIndex);\n var cellChildren = column.render\n ? renderElement\n : v === undefined || (typeof v === 'string' && v.trim() === '') || v === null\n ? column.placeholder === undefined\n ? placeholder\n : column.placeholder\n : v;\n var titleProps = column.ellipsis && typeof cellChildren === 'string' ? { title: cellChildren } : {};\n var hasInlineExpandIcon = haveTreeData && column.$$isFirstColumn;\n var needRenderExpandIcon = hasInlineExpandIcon && recordHaveChildren;\n var paddingLeft = hasInlineExpandIcon && level > 0 ? indentSize * level : 0;\n if (hasInlineExpandIcon && !recordHaveChildren) {\n // expand icon width and margin-right\n paddingLeft += 16 + 4;\n }\n var content = (React.createElement(React.Fragment, null,\n needRenderExpandIcon ? (React.createElement(\"span\", { className: prefixCls + \"-cell-expand-icon\" }, renderExpandIcon(record, rowKey))) : null,\n isString(ComponentBodyCell) ? (React.createElement(ComponentBodyCell, { className: prefixCls + \"-cell-wrap-value\" }, cellChildren)) : (React.createElement(ComponentBodyCell, __assign({ rowData: record, className: prefixCls + \"-cell-wrap-value\", column: column, onHandleSave: onHandleSave }, cellProps), cellChildren))));\n return (React.createElement(InnerComponentTd, __assign({ className: classNameTd, key: column.key || column.dataIndex || columnIndex, style: styleTd }, pick(cellProps, [\n 'onClick',\n 'onDoubleClick',\n 'onContextMenu',\n 'onMouseOver',\n 'onMouseEnter',\n 'onMouseLeave',\n 'onMouseMove',\n 'onMouseDown',\n 'onMouseUp',\n ]), tdProps),\n React.createElement(\"div\", __assign({ className: cs(prefixCls + \"-cell\", (_b = {},\n _b[prefixCls + \"-cell-text-ellipsis\"] = column.ellipsis,\n _b)) }, titleProps),\n paddingLeft ? (React.createElement(\"span\", { className: prefixCls + \"-cell-indent\", style: { paddingLeft: paddingLeft } })) : null,\n content)));\n}\nexport default memo(Td);\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { forwardRef } from 'react';\nimport Checkbox from '../../Checkbox';\nimport Radio from '../../Radio';\nimport { isString, isArray } from '../../_util/is';\nimport { getOriginData } from '../utils';\nimport cs from '../../_util/classNames';\nimport useComponent from '../hooks/useComponent';\nimport IconPlus from '../../../icon/react-icon/IconPlus';\nimport IconMinus from '../../../icon/react-icon/IconMinus';\nimport { INTERNAL_EXPAND_KEY, INTERNAL_SELECTION_KEY } from '../constant';\nimport Td from './td';\nfunction Tr(props, ref) {\n var _a;\n var expandedRowRender = props.expandedRowRender, onClickExpandBtn = props.onClickExpandBtn, columns = props.columns, components = props.components, onCheck = props.onCheck, onCheckRadio = props.onCheckRadio, prefixCls = props.prefixCls, selectedRowKeys = props.selectedRowKeys, indeterminateKeys = props.indeterminateKeys, rowClassName = props.rowClassName, onRow = props.onRow, rowSelection = props.rowSelection, _b = props.indentSize, indentSize = _b === void 0 ? 16 : _b, currentSorter = props.currentSorter, virtualized = props.virtualized, stickyOffsets = props.stickyOffsets, stickyClassNames = props.stickyClassNames, getRowKey = props.getRowKey, placeholder = props.placeholder, _c = props.expandProps, expandProps = _c === void 0 ? { strictTreeData: true } : _c, data = props.data, expandedRowKeys = props.expandedRowKeys, childrenColumnName = props.childrenColumnName, record = props.record, index = props.index, type = props.type, shouldRowExpand = props.shouldRowExpand, level = props.level;\n var originRecord = getOriginData(record);\n var rowProps = __rest(onRow && onRow(originRecord, index), []);\n var rowK = getRowKey(record);\n var usedSelectedRowKeys = type === 'radio' ? selectedRowKeys.slice(0, 1) : selectedRowKeys;\n var trKey = rowK || index;\n var checked = usedSelectedRowKeys.indexOf(rowK) > -1;\n var indeterminate = indeterminateKeys.indexOf(rowK) > -1;\n var classNameTr = cs(prefixCls + \"-tr\", (_a = {},\n _a[prefixCls + \"-row-checked\"] = checked,\n _a), rowClassName && rowClassName(originRecord, index));\n var checkboxProps = rowSelection && typeof rowSelection.checkboxProps === 'function'\n ? rowSelection.checkboxProps(originRecord)\n : {};\n var operationClassName = cs(prefixCls + \"-td\", prefixCls + \"-operation\");\n var getPrefixColClassName = function (name) {\n var _a;\n return cs(operationClassName, prefixCls + \"-\" + name, (_a = {},\n _a[prefixCls + \"-selection-col\"] = (virtualized && type === 'checkbox') || type === 'radio',\n _a[prefixCls + \"-expand-icon-col\"] = virtualized && expandedRowRender,\n _a));\n };\n function isChildrenNotEmpty(record) {\n return expandProps.strictTreeData\n ? isArray(record[childrenColumnName]) && record[childrenColumnName].length\n : record[childrenColumnName] !== undefined;\n }\n // tree data\n function isDataHaveChildren() {\n return data.find(function (d) { return isChildrenNotEmpty(d); });\n }\n var shouldRenderExpandRow = shouldRowExpand(record, index);\n var recordHaveChildren = isChildrenNotEmpty(record);\n var haveTreeData = !virtualized && isDataHaveChildren() && !expandedRowRender;\n var shouldRenderTreeDataExpandRow = haveTreeData && recordHaveChildren;\n var expandRowByClick = expandProps.expandRowByClick;\n var rowClickProps = expandRowByClick && (shouldRenderExpandRow || shouldRenderTreeDataExpandRow)\n ? {\n onClick: function (e) {\n onClickExpandBtn(rowK);\n rowProps && rowProps.onClick && rowProps.onClick(e);\n },\n }\n : {};\n var _d = useComponent(components), ComponentBodyRow = _d.ComponentBodyRow, ComponentTd = _d.ComponentTd, getBodyComponentOperations = _d.getBodyComponentOperations;\n var InnerComponentBodyRow = virtualized ? 'div' : ComponentBodyRow;\n var InnerComponentTd = virtualized ? 'div' : ComponentTd;\n var baseTrProps = __assign(__assign({ className: classNameTr, key: trKey }, rowProps), rowClickProps);\n var trProps = isString(ComponentBodyRow) ? baseTrProps : __assign(__assign({}, baseTrProps), { record: record, index: index });\n function renderExpandIcon(record, rowK) {\n var expandIcon = expandProps.icon;\n var expanded = !!~expandedRowKeys.indexOf(rowK);\n return typeof expandIcon === 'function' ? (expandIcon({ expanded: expanded, record: record })) : (React.createElement(\"button\", { onClick: function (e) {\n e.stopPropagation();\n onClickExpandBtn(rowK);\n }, type: \"button\" }, expanded ? React.createElement(IconMinus, null) : React.createElement(IconPlus, null)));\n }\n var expandNode = expandedRowRender && (React.createElement(InnerComponentTd, { className: getPrefixColClassName('expand-icon-cell') }, shouldRenderExpandRow && renderExpandIcon(record, rowK)));\n var renderSelectionCell = rowSelection && rowSelection.renderCell;\n var selectionNode;\n var checkboxNode = (React.createElement(Checkbox, __assign({ value: rowK, onChange: function (check) { return onCheck(check, record); }, checked: checked, indeterminate: indeterminate }, checkboxProps)));\n var radioNode = (React.createElement(Radio, __assign({ onChange: function () { return onCheckRadio(rowK, record); }, value: rowK, checked: checked }, checkboxProps)));\n if (type === 'checkbox') {\n selectionNode = (React.createElement(InnerComponentTd, { className: getPrefixColClassName('checkbox') }, renderSelectionCell\n ? renderSelectionCell(checkboxNode, checked, originRecord)\n : checkboxNode));\n }\n if (type === 'radio') {\n selectionNode = (React.createElement(InnerComponentTd, { className: getPrefixColClassName('radio') }, renderSelectionCell ? renderSelectionCell(radioNode, checked, originRecord) : radioNode));\n }\n var bodyOperations = getBodyComponentOperations({ selectionNode: selectionNode, expandNode: expandNode });\n return (React.createElement(InnerComponentBodyRow, __assign({}, trProps, { ref: ref }), columns.map(function (col, colIndex) {\n var _a, _b, _c, _d;\n var stickyOffset = stickyOffsets[colIndex];\n var stickyClassName = stickyClassNames[colIndex];\n if (col.$$isOperation) {\n var node = col.node;\n var isExtraOperation = true;\n if (col.title === INTERNAL_SELECTION_KEY) {\n node = (_a = bodyOperations.find(function (o) { return o.name === 'selectionNode'; })) === null || _a === void 0 ? void 0 : _a.node;\n isExtraOperation = false;\n }\n if (col.title === INTERNAL_EXPAND_KEY) {\n node = (_b = bodyOperations.find(function (o) { return o.name === 'expandNode'; })) === null || _b === void 0 ? void 0 : _b.node;\n isExtraOperation = false;\n }\n var operationNode = typeof node === 'function' ? node(record) : node;\n return React.cloneElement(operationNode, __assign(__assign({ key: col.key || colIndex }, operationNode.props), { className: cs(isExtraOperation ? operationClassName : '', (_c = operationNode === null || operationNode === void 0 ? void 0 : operationNode.props) === null || _c === void 0 ? void 0 : _c.className, stickyClassName), style: __assign(__assign(__assign({}, (_d = operationNode === null || operationNode === void 0 ? void 0 : operationNode.props) === null || _d === void 0 ? void 0 : _d.style), (col.fixed === 'left'\n ? {\n left: stickyOffset,\n }\n : {})), { width: col.width, minWidth: col.width }) }));\n }\n return (React.createElement(Td, { key: colIndex, prefixCls: prefixCls, virtualized: virtualized, components: components, currentSorter: currentSorter, placeholder: placeholder, indentSize: indentSize, stickyClassName: stickyClassName, stickyOffset: stickyOffset, InnerComponentTd: InnerComponentTd, column: col, columnIndex: colIndex, record: record, trIndex: index, level: level, haveTreeData: haveTreeData, recordHaveChildren: recordHaveChildren, rowKey: rowK, renderExpandIcon: renderExpandIcon }));\n })));\n}\nvar ForwardRefTr = forwardRef(Tr);\nexport default ForwardRefTr;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nimport React from 'react';\nimport { isArray } from '../../_util/is';\nimport cs from '../../_util/classNames';\nimport useComponent from '../hooks/useComponent';\nimport VirtualList from '../../_class/VirtualList';\nimport Tr from './tr';\nimport { getOriginData } from '../utils';\nfunction TBody(props) {\n var _a = props.childrenColumnName, childrenColumnName = _a === void 0 ? 'children' : _a, _b = props.expandProps, expandProps = _b === void 0 ? {} : _b, expandedRowRender = props.expandedRowRender, expandedRowKeys = props.expandedRowKeys, data = props.data, columns = props.columns, prefixCls = props.prefixCls, components = props.components, rowSelection = props.rowSelection, noDataElement = props.noDataElement, scroll = props.scroll, _c = props.indentSize, indentSize = _c === void 0 ? 16 : _c, hasFixedColumn = props.hasFixedColumn, tableViewWidth = props.tableViewWidth, virtualized = props.virtualized, getRowKey = props.getRowKey, saveVirtualWrapperRef = props.saveVirtualWrapperRef;\n var er = expandedRowRender\n ? function (r, i) { return expandedRowRender(getOriginData(r), i); }\n : expandedRowRender;\n var ComponentTbody = useComponent(components).ComponentTbody;\n var type;\n if (rowSelection && 'type' in rowSelection) {\n type = rowSelection.type;\n }\n else if (rowSelection && !('type' in rowSelection)) {\n type = 'checkbox';\n }\n function isChildrenNotEmpty(record) {\n return isArray(record[childrenColumnName]) && record[childrenColumnName].length;\n }\n function shouldRowExpand(record, index) {\n if ('rowExpandable' in expandProps && typeof expandProps.rowExpandable === 'function') {\n return expandProps.rowExpandable(record);\n }\n return er && er(record, index) !== null;\n }\n var trProps = __assign(__assign({}, props), { type: type, shouldRowExpand: shouldRowExpand });\n function renderTreeTrs(record, index) {\n var trList = [];\n trList.push(React.createElement(Tr, __assign({ key: getRowKey(record) }, trProps, { record: record, level: 0, index: index })));\n var travel = function (children, rowKey, level) {\n if (level === void 0) { level = 0; }\n if (isArray(children) && children.length) {\n children.forEach(function (child, i) {\n if (expandedRowKeys.indexOf(rowKey) !== -1) {\n trList.push(React.createElement(Tr, __assign({}, trProps, { key: getRowKey(child), record: child, level: level + 1, index: i })));\n if (isChildrenNotEmpty(child)) {\n travel(child[childrenColumnName], getRowKey(child), level + 1);\n }\n }\n });\n }\n };\n if (!er) {\n travel(record[childrenColumnName], getRowKey(record));\n }\n return trList;\n }\n var scrollStyleX = {};\n var scrollStyleY = {};\n if (scroll) {\n if (scroll.x && (typeof scroll.x === 'number' || typeof scroll.x === 'string')) {\n scrollStyleX = {\n width: scroll.x,\n };\n }\n if (scroll.y && (typeof scroll.y === 'number' || typeof scroll.y === 'string')) {\n scrollStyleY = {\n maxHeight: scroll.y,\n };\n }\n }\n var noElementProps = {\n className: prefixCls + \"-no-data\",\n };\n if (tableViewWidth) {\n noElementProps.className = prefixCls + \"-no-data \" + prefixCls + \"-expand-fixed-row\";\n noElementProps.style = { width: tableViewWidth };\n }\n var noDataTr = (React.createElement(\"tr\", { className: cs(prefixCls + \"-tr\", prefixCls + \"-empty-row\") },\n React.createElement(\"td\", { className: prefixCls + \"-td\", colSpan: columns.length },\n React.createElement(\"div\", __assign({}, noElementProps), noDataElement))));\n // https://github.com/arco-design/arco-design/issues/644\n // except the real scroll container, all parent nodes should not have a overflow style.\n if (virtualized) {\n return data.length > 0 ? (React.createElement(VirtualList, { data: data, height: scrollStyleY.maxHeight, isStaticItemHeight: false, \n // position sticky works\n outerStyle: __assign(__assign({}, scrollStyleX), { minWidth: '100%', overflow: 'visible' }), className: prefixCls + \"-body\", ref: function (ref) { return saveVirtualWrapperRef(ref === null || ref === void 0 ? void 0 : ref.dom); } }, function (child, index) { return (React.createElement(Tr, __assign({}, trProps, { key: getRowKey(child), record: child, index: index, level: 0 }))); })) : (React.createElement(\"div\", { className: prefixCls + \"-body\" },\n React.createElement(\"table\", null,\n React.createElement(\"tbody\", null, noDataTr))));\n }\n return (React.createElement(ComponentTbody, null, data.length > 0\n ? data.map(function (record, index) {\n var rowK = getRowKey(record);\n var shouldRenderExpandIcon = shouldRowExpand(record, index) && expandedRowKeys.indexOf(rowK) !== -1;\n return (React.createElement(React.Fragment, { key: rowK },\n renderTreeTrs(record, index),\n shouldRenderExpandIcon && (React.createElement(\"tr\", { className: cs(prefixCls + \"-tr\", prefixCls + \"-expand-content\"), key: rowK + \"-expanded\" },\n React.createElement(\"td\", { className: prefixCls + \"-td\", colSpan: columns.length, style: { paddingLeft: indentSize } }, hasFixedColumn ? (React.createElement(\"div\", { className: prefixCls + \"-expand-fixed-row\", style: { width: tableViewWidth } }, er && er(record, index))) : (er && er(record, index)))))));\n })\n : noDataTr));\n}\nexport default TBody;\n","import { createContext } from 'react';\nexport var SummaryContext = createContext({});\n","import React from 'react';\nimport { SummaryContext } from '../summary/context';\nimport { getOriginData } from '../utils';\nfunction Tfoot(props) {\n var summary = props.summary, data = props.data, prefixCls = props.prefixCls, columns = props.columns, stickyOffsets = props.stickyOffsets, stickyClassNames = props.stickyClassNames;\n return (React.createElement(\"tfoot\", { className: prefixCls + \"-tfoot\" },\n React.createElement(SummaryContext.Provider, { value: { columns: columns, stickyOffsets: stickyOffsets, stickyClassNames: stickyClassNames, prefixCls: prefixCls } }, summary(getOriginData(data)))));\n}\nexport default Tfoot;\n","import React from 'react';\nimport { INTERNAL_EXPAND_KEY, INTERNAL_SELECTION_KEY } from './constant';\nfunction fixedWidth(width) {\n return typeof width === 'number' || typeof width === 'string'\n ? {\n width: width,\n }\n : {};\n}\nfunction ColGroup(props) {\n var prefixCls = props.prefixCls, columns = props.columns;\n return (React.createElement(\"colgroup\", null, columns.map(function (col, index) {\n if (col.title === INTERNAL_EXPAND_KEY) {\n return (React.createElement(\"col\", { key: INTERNAL_EXPAND_KEY, className: prefixCls + \"-expand-icon-col\", style: fixedWidth(col.width) }));\n }\n if (col.title === INTERNAL_SELECTION_KEY) {\n return (React.createElement(\"col\", { key: INTERNAL_SELECTION_KEY, className: prefixCls + \"-selection-col\", style: fixedWidth(col.width) }));\n }\n return React.createElement(\"col\", { key: col.key || index, style: fixedWidth(col.width) });\n })));\n}\nexport default ColGroup;\n","var __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport { useState } from 'react';\nimport { isChildrenNotEmpty, getOriginData } from '../utils';\nexport default function useExpand(props, flattenData, getRowKey) {\n var defaultExpandedRowKeys = props.defaultExpandedRowKeys, defaultExpandAllRows = props.defaultExpandAllRows, expandedRowRender = props.expandedRowRender, onExpand = props.onExpand, onExpandedRowsChange = props.onExpandedRowsChange, _a = props.childrenColumnName, childrenColumnName = _a === void 0 ? 'children' : _a, expandProps = props.expandProps;\n var _b = __read(useState(getDefaultExpandedRowKeys()), 2), expandedRowKeys = _b[0], setExpandedRowKeys = _b[1];\n var mergedExpandedRowKeys = props.expandedRowKeys || expandedRowKeys;\n function getDefaultExpandedRowKeys() {\n var rows = [];\n if (props.expandedRowKeys) {\n rows = props.expandedRowKeys;\n }\n else if (defaultExpandedRowKeys) {\n rows = defaultExpandedRowKeys;\n }\n else if (defaultExpandAllRows) {\n rows = flattenData\n .map(function (item, index) {\n var originItem = getOriginData(item);\n if (expandProps &&\n 'rowExpandable' in expandProps &&\n typeof expandProps.rowExpandable === 'function') {\n return expandProps.rowExpandable(originItem);\n }\n if (typeof expandedRowRender === 'function') {\n return expandedRowRender(originItem, index) && getRowKey(item);\n }\n return isChildrenNotEmpty(item, childrenColumnName) && getRowKey(item);\n })\n .filter(function (x) { return x; });\n }\n return rows;\n }\n function onClickExpandBtn(key) {\n var isExpanded = mergedExpandedRowKeys.indexOf(key) === -1;\n var newExpandedRowKeys = isExpanded\n ? mergedExpandedRowKeys.concat(key)\n : mergedExpandedRowKeys.filter(function (_k) { return key !== _k; });\n var sortedExpandedRowKeys = flattenData\n .filter(function (record) { return newExpandedRowKeys.indexOf(getRowKey(record)) !== -1; })\n .map(function (record) { return getRowKey(record); });\n setExpandedRowKeys(sortedExpandedRowKeys);\n handleExpandChange(key, isExpanded);\n onExpandedRowsChange && onExpandedRowsChange(sortedExpandedRowKeys);\n }\n function handleExpandChange(key, expanded) {\n onExpand &&\n onExpand(getOriginData(flattenData.find(function (item) { return getRowKey(item) === key; })), expanded);\n }\n return [mergedExpandedRowKeys, onClickExpandBtn];\n}\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport { useState } from 'react';\nimport { isChildrenNotEmpty, getSelectedKeys, getSelectedKeysByData, getOriginData, } from '../utils';\nimport { isArray } from '../../_util/is';\nfunction getSet(arr) {\n return __spreadArray([], __read(new Set(arr)), false);\n}\nexport default function useRowSelection(props, pageData, data, getRowKey) {\n var rowSelection = props.rowSelection, childrenColumnName = props.childrenColumnName;\n var controlledSelectedRowKeys = rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRowKeys;\n var onSelectAll = rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.onSelectAll;\n var onSelect = rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.onSelect;\n var onChange = rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.onChange;\n var pureKeys = rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.pureKeys; // TODO: remove\n var checkConnected = typeof (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.checkStrictly) === 'boolean' ? !rowSelection.checkStrictly : false;\n var preserveSelectedRowKeys = rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.preserveSelectedRowKeys;\n // 获取扁平化之后的 data\n function getMetaFromData() {\n var allSelectedRowKeys = [];\n var flattenData = [];\n var travel = function (children) {\n if (isArray(children) && children.length) {\n children.forEach(function (record) {\n var rowKey = getRowKey(record);\n var checkboxProps = rowSelection && typeof rowSelection.checkboxProps === 'function'\n ? rowSelection.checkboxProps(getOriginData(record))\n : {};\n if (!checkboxProps.disabled) {\n allSelectedRowKeys.push(rowKey);\n }\n if (isChildrenNotEmpty(record, props.childrenColumnName)) {\n travel(record[props.childrenColumnName]);\n }\n });\n }\n };\n travel(pageData);\n var travelOrigin = function (children, parent) {\n if (isArray(children) && children.length) {\n children.forEach(function (record) {\n if (parent && checkConnected) {\n record.__INTERNAL_PARENT = parent;\n }\n flattenData.push(record);\n if (isChildrenNotEmpty(record, props.childrenColumnName)) {\n var _parent = __assign({}, record);\n travelOrigin(record[props.childrenColumnName], _parent);\n }\n });\n }\n };\n travelOrigin(data, undefined);\n return {\n allSelectedRowKeys: allSelectedRowKeys,\n flattenData: flattenData,\n };\n }\n var _a = getMetaFromData(), allSelectedRowKeys = _a.allSelectedRowKeys, flattenData = _a.flattenData;\n var _b = __read(useState([]), 2), selectedRowKeys = _b[0], setSelectedRowKeys = _b[1];\n var _c = __read(useState([]), 2), indeterminateKeys = _c[0], setIndeterminateKeys = _c[1];\n var keys = getSelectedKeysByData(flattenData, getSet(controlledSelectedRowKeys || selectedRowKeys), getRowKey, childrenColumnName, checkConnected);\n var mergedSelectedRowKeys = checkConnected && !controlledSelectedRowKeys ? selectedRowKeys : keys.selectedRowKeys;\n var mergedIndeterminateKeys = checkConnected && !controlledSelectedRowKeys ? indeterminateKeys : keys.indeterminateKeys;\n var _d = __read(useState(pureKeys ? [] : getRowsFromKeys(mergedSelectedRowKeys)), 2), selectedRows = _d[0], setSelectedRows = _d[1];\n function getRowsFromKeys(keys, plus) {\n var all = plus ? flattenData.concat(selectedRows) : flattenData;\n var keyMap = new Map(all.map(function (v) { return [getRowKey(v), v]; }));\n return keys.map(function (r) { return keyMap.get(r); }).filter(function (a) { return a; });\n }\n var flattenKeys = new Set(flattenData.map(function (d) { return getRowKey(d); }));\n function deleteUnExistKeys(keys) {\n return preserveSelectedRowKeys ? keys : keys.filter(function (k) { return flattenKeys.has(k); });\n }\n function onCheckAll(checked) {\n var newSelectedRowKeys = [];\n var newSelectedRows = [];\n if (checked) {\n newSelectedRowKeys = deleteUnExistKeys(getSet(mergedSelectedRowKeys.concat(allSelectedRowKeys)));\n }\n else {\n var tempSet_1 = new Set(allSelectedRowKeys);\n newSelectedRowKeys = deleteUnExistKeys(mergedSelectedRowKeys.filter(function (key) { return !tempSet_1.has(key); }));\n }\n if (!pureKeys) {\n newSelectedRows = getRowsFromKeys(newSelectedRowKeys, true);\n }\n var originSelectedRows = getOriginData(newSelectedRows);\n setSelectedRowKeys(newSelectedRowKeys);\n setSelectedRows(newSelectedRows);\n setIndeterminateKeys([]);\n onChange && onChange(newSelectedRowKeys, originSelectedRows);\n onSelectAll && onSelectAll(checked, originSelectedRows);\n }\n function onCheck(checked, record) {\n var _a = getSelectedKeys(record, checked, mergedSelectedRowKeys, indeterminateKeys, getRowKey, childrenColumnName, checkConnected), selectedRowKeys = _a.selectedRowKeys, _indeterminateKeys = _a.indeterminateKeys;\n var newSelectedRowKeys = deleteUnExistKeys(selectedRowKeys);\n var newSelectedRows = getRowsFromKeys(newSelectedRowKeys, true);\n var originSelectedRows = getOriginData(newSelectedRows);\n setSelectedRowKeys(newSelectedRowKeys);\n setSelectedRows(newSelectedRows);\n setIndeterminateKeys(_indeterminateKeys);\n onSelect && onSelect(checked, getOriginData(record), originSelectedRows);\n onChange && onChange(newSelectedRowKeys, originSelectedRows);\n }\n function onCheckRadio(key, record) {\n var newSelectedRows = [flattenData.find(function (d) { return getRowKey(d) === key; })];\n var originSelectedRows = getOriginData(newSelectedRows);\n setSelectedRowKeys([key]);\n onSelect && onSelect(true, getOriginData(record), originSelectedRows);\n onChange && onChange([key], originSelectedRows);\n }\n return {\n selectedRowKeys: mergedSelectedRowKeys,\n indeterminateKeys: mergedIndeterminateKeys,\n onCheckAll: onCheckAll,\n onCheck: onCheck,\n onCheckRadio: onCheckRadio,\n setSelectedRowKeys: setSelectedRowKeys,\n allSelectedRowKeys: allSelectedRowKeys,\n flattenData: flattenData,\n };\n}\n","var __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport { useMemo } from 'react';\n// get sticky cell's left and right\nfunction useStickyOffsets(columns) {\n var colWidths = columns.map(function (c) { return c.width; });\n var colFixed = columns.map(function (c) { return c.fixed; });\n var stickyOffsets = useMemo(function () {\n return columns.map(function (column) {\n var offset = 0;\n if (column.fixed === 'left') {\n columns.some(function (col) {\n if (col.fixed === 'left') {\n if (col.key === column.key) {\n return true;\n }\n var colWidth = col.$$isOperation ? col.width || 40 : col.width;\n offset += colWidth;\n return false;\n }\n return false;\n });\n }\n if (column.fixed === 'right') {\n __spreadArray([], __read(columns), false).reverse().some(function (col) {\n if (col.fixed === 'right') {\n if (col.key === column.key) {\n return true;\n }\n var colWidth = col.$$isOperation ? col.width || 40 : col.width;\n offset += colWidth;\n return false;\n }\n return false;\n });\n }\n return offset;\n });\n }, [colWidths.join('-'), colFixed.join('-')]);\n return stickyOffsets;\n}\nexport default useStickyOffsets;\n","import { useMemo } from 'react';\nimport cs from '../../_util/classNames';\nimport { isObject } from '../../_util/is';\n// get sticky cell's className\nfunction useStickyClassNames(groupColumns, columns, prefixCls) {\n var colFixed = columns.map(function (c) { return c.fixed; });\n function getClassNameFromColumn(column, index) {\n var _a;\n return cs((_a = {},\n _a[prefixCls + \"-col-fixed-left\"] = column.fixed === 'left',\n _a[prefixCls + \"-col-fixed-right\"] = column.fixed === 'right',\n _a[prefixCls + \"-col-fixed-left-last\"] = column.fixed === 'left' &&\n (isObject(columns[index + 1]) ? columns[index + 1].fixed !== 'left' : true),\n _a[prefixCls + \"-col-fixed-right-first\"] = column.fixed === 'right' &&\n (isObject(columns[index - 1]) ? columns[index - 1].fixed !== 'right' : true),\n _a));\n }\n var stickyClassNames = useMemo(function () {\n return columns.map(function (column, index) { return getClassNameFromColumn(column, index); });\n }, [colFixed.join('-')]);\n var groupStickyClassNames = useMemo(function () {\n return groupColumns.map(function (gc) {\n return gc.map(function (column, index) { return getClassNameFromColumn(column, index); });\n });\n }, [groupColumns.map(function (c) { return \"|\" + c.map(function (a) { return a.fixed || 'undefined'; }).join('-') + \"|\"; }).join('_')]);\n return [groupStickyClassNames, stickyClassNames];\n}\nexport default useStickyClassNames;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport { useMemo, useCallback } from 'react';\nimport useComponent from './useComponent';\nimport { INTERNAL_EXPAND_KEY, INTERNAL_SELECTION_KEY } from '../constant';\nfunction getFlattenColumns(columns, childrenColumnName) {\n var rows = [];\n function travel(columns) {\n if (columns && columns.length > 0) {\n columns.forEach(function (column) {\n if (!column[childrenColumnName]) {\n rows.push(__assign(__assign({}, column), { key: column.key || column.dataIndex }));\n }\n else {\n travel(column[childrenColumnName]);\n }\n });\n }\n }\n travel(columns);\n return rows;\n}\n// 获取 columns 需要分成几行，只有表头分组时可能 > 1。\nfunction getAllHeaderRowsCount(columns, childrenColumnName) {\n var length = 0;\n if (columns && columns.length > 0) {\n columns.forEach(function (column) {\n var depth = getAllHeaderRowsCount(column[childrenColumnName], childrenColumnName) + 1;\n length = Math.max(depth, length);\n });\n }\n return length;\n}\nfunction useColumns(props) {\n var components = props.components, rowSelection = props.rowSelection, expandedRowRender = props.expandedRowRender, _a = props.expandProps, expandProps = _a === void 0 ? {} : _a, _b = props.columns, columns = _b === void 0 ? [] : _b, childrenColumnName = props.childrenColumnName;\n var rows = useMemo(function () { return getFlattenColumns(columns, childrenColumnName); }, [columns, childrenColumnName]);\n var isCheckbox = (rowSelection && rowSelection.type === 'checkbox') ||\n (rowSelection && !('type' in rowSelection));\n var isRadio = rowSelection && rowSelection.type === 'radio';\n var expandColWidth = expandProps.width;\n var shouldRenderExpandCol = !!expandedRowRender;\n var shouldRenderSelectionCol = isCheckbox || isRadio;\n var _c = useComponent(components), getHeaderComponentOperations = _c.getHeaderComponentOperations, getBodyComponentOperations = _c.getBodyComponentOperations;\n var headerOperations = useMemo(function () {\n return getHeaderComponentOperations({\n selectionNode: shouldRenderSelectionCol ? 'holder_node' : '',\n expandNode: shouldRenderExpandCol ? 'holder_node' : '',\n });\n }, [shouldRenderSelectionCol, shouldRenderExpandCol, getHeaderComponentOperations]);\n var bodyOperations = useMemo(function () {\n return getBodyComponentOperations({\n selectionNode: shouldRenderSelectionCol ? 'holder_node' : '',\n expandNode: shouldRenderExpandCol ? 'holder_node' : '',\n });\n }, [shouldRenderSelectionCol, shouldRenderExpandCol, getBodyComponentOperations]);\n var selectionFixedLeft = rowSelection && rowSelection.fixed;\n var selectionColumnWidth = rowSelection && rowSelection.columnWidth;\n var getInternalColumns = useCallback(function (rows, operations, index) {\n var operationFixedProps = {};\n var _rows = [];\n rows.forEach(function (r, i) {\n var _r = __assign({}, r);\n if (!('key' in r)) {\n _r.key = _r.dataIndex || i;\n }\n if (i === 0) {\n _r.$$isFirstColumn = true;\n if (_r.fixed === 'left') {\n operationFixedProps.fixed = _r.fixed;\n }\n }\n else {\n _r.$$isFirstColumn = false;\n }\n _rows.push(_r);\n });\n var expandColumn = shouldRenderExpandCol && {\n key: INTERNAL_EXPAND_KEY,\n title: INTERNAL_EXPAND_KEY,\n width: expandColWidth,\n $$isOperation: true,\n };\n var selectionColumn = shouldRenderSelectionCol && {\n key: INTERNAL_SELECTION_KEY,\n title: INTERNAL_SELECTION_KEY,\n width: selectionColumnWidth,\n $$isOperation: true,\n };\n if (selectionFixedLeft) {\n operationFixedProps.fixed = 'left';\n }\n if (typeof index !== 'number' || index === 0) {\n __spreadArray([], __read(operations), false).reverse().forEach(function (operation) {\n if (operation.node) {\n if (operation.name === 'expandNode') {\n _rows.unshift(__assign(__assign({}, expandColumn), operationFixedProps));\n }\n else if (operation.name === 'selectionNode') {\n _rows.unshift(__assign(__assign({}, selectionColumn), operationFixedProps));\n }\n else {\n _rows.unshift(__assign(__assign(__assign({}, operation), operationFixedProps), { title: operation.name, key: operation.name, $$isOperation: true, width: operation.width || 40 }));\n }\n }\n });\n }\n return _rows;\n }, [\n expandColWidth,\n shouldRenderExpandCol,\n shouldRenderSelectionCol,\n selectionColumnWidth,\n selectionFixedLeft,\n ]);\n var flattenColumns = useMemo(function () { return getInternalColumns(rows, bodyOperations); }, [rows, getInternalColumns, bodyOperations]);\n // 把表头分组的 columns 分成 n 行，并且加上 colSpan 和 rowSpan，没有表头分组的话是 1 行。\n var rowCount = useMemo(function () { return getAllHeaderRowsCount(columns, childrenColumnName); }, [columns, childrenColumnName]);\n // 分行之后的rows\n var groupColumns = useMemo(function () {\n if (rowCount === 1) {\n return [getInternalColumns(columns, headerOperations, 0)];\n }\n var rows = [];\n var travel = function (columns, current) {\n if (current === void 0) { current = 0; }\n rows[current] = rows[current] || [];\n columns.forEach(function (col) {\n var column = __assign({}, col);\n if (column[childrenColumnName]) {\n column.colSpan = getFlattenColumns(col[childrenColumnName], childrenColumnName).length;\n column.rowSpan = 1;\n rows[current].push(column);\n travel(column[childrenColumnName], current + 1);\n }\n else {\n column.colSpan = 1;\n column.rowSpan = rowCount - current;\n rows[current].push(column);\n }\n });\n rows[current] = getInternalColumns(rows[current], headerOperations, current);\n };\n travel(columns);\n return rows;\n }, [columns, childrenColumnName, rowCount, getInternalColumns, headerOperations]);\n return [groupColumns, flattenColumns];\n}\nexport default useColumns;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { useState, useRef, useContext, useImperativeHandle, forwardRef, useMemo, useCallback, } from 'react';\nimport debounce from 'lodash/debounce';\nimport throttle from 'lodash/throttle';\nimport BTween from 'b-tween';\nimport { isObject, isArray } from '../_util/is';\nimport cs from '../_util/classNames';\nimport Spin from '../Spin';\nimport Thead from './thead/index';\nimport Tbody from './tbody/index';\nimport Tfoot from './tfoot/index';\nimport Pagination from '../Pagination';\nimport { on, off } from '../_util/dom';\nimport { ConfigContext } from '../ConfigProvider';\nimport { getScrollBarHeight, getScrollBarWidth, deepCloneData, getOriginData } from './utils';\nimport ColGroup from './colgroup';\nimport useExpand from './hooks/useExpand';\nimport useRowSelection from './hooks/useRowSelection';\nimport useComponent from './hooks/useComponent';\nimport useStickyOffsets from './hooks/useStickyOffsets';\nimport useStickyClassNames from './hooks/useStickyClassNames';\nimport useColumns from './hooks/useColumns';\nimport useUpdate from '../_util/hooks/useUpdate';\nimport ResizeObserver from '../_util/resizeObserver';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nimport useIsomorphicLayoutEffect from '../_util/hooks/useIsomorphicLayoutEffect';\nvar defaultProps = {\n showHeader: true,\n border: true,\n hover: true,\n rowKey: 'key',\n pagePosition: 'br',\n childrenColumnName: 'children',\n indentSize: 15,\n showSorterTooltip: true,\n};\nfunction Table(baseProps, ref) {\n var _a, _b;\n var _c, _d;\n var _e = useContext(ConfigContext), getPrefixCls = _e.getPrefixCls, loadingElement = _e.loadingElement, ctxSize = _e.size, tablePagination = _e.tablePagination, renderEmpty = _e.renderEmpty, componentConfig = _e.componentConfig;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Table);\n // priority: props.pagination > ConfigProvider.tablePagination > ConfigProvider.Table.pagination\n var mergePagination = useMergeProps(isObject(baseProps === null || baseProps === void 0 ? void 0 : baseProps.pagination) ? baseProps === null || baseProps === void 0 ? void 0 : baseProps.pagination : {}, isObject((_c = componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Table) === null || _c === void 0 ? void 0 : _c.pagination) ? (_d = componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Table) === null || _d === void 0 ? void 0 : _d.pagination : {}, tablePagination || {});\n var style = props.style, className = props.className, components = props.components, border = props.border, borderCell = props.borderCell, _f = props.columns, columns = _f === void 0 ? [] : _f, _g = props.data, data = _g === void 0 ? [] : _g, scroll = props.scroll, noDataElement = props.noDataElement, showHeader = props.showHeader, stripe = props.stripe, hover = props.hover, pagination = props.pagination, onChange = props.onChange, pagePosition = props.pagePosition, childrenColumnName = props.childrenColumnName, indentSize = props.indentSize, rowSelection = props.rowSelection, tableLayoutFixed = props.tableLayoutFixed, footer = props.footer, virtualized = props.virtualized, renderPagination = props.renderPagination, summary = props.summary, rowKey = props.rowKey;\n var clonedData = useMemo(function () { return deepCloneData(data, childrenColumnName); }, [data, childrenColumnName]);\n var prefixCls = getPrefixCls('table');\n // configProvider 提供的size可能和table size 不匹配，此时默认 'default'\n var size = props.size || (['default', 'middle', 'small'].indexOf(ctxSize) > -1 ? ctxSize : 'default');\n var refTableHead = useRef(null);\n var refTableBody = useRef(null);\n var refTableFoot = useRef(null);\n var refTable = useRef(null);\n // Not fixed header\n var refTableNF = useRef(null);\n var lastScrollLeft = useRef(0);\n var scrollbarChanged = useRef(false);\n var _h = getDefaultFiltersAndSorter(columns), currentFilters = _h.currentFilters, currentSorter = _h.currentSorter;\n var _j = __read(useState(1), 2), currentPage = _j[0], setCurrentPage = _j[1];\n var _k = __read(useState(mergePagination.pageSize || mergePagination.defaultPageSize || 10), 2), innerPageSize = _k[0], setInnerPageSize = _k[1];\n var _l = __read(useState(currentFilters), 2), filters = _l[0], setFilters = _l[1];\n var _m = __read(useState(currentSorter), 2), sorter = _m[0], setSorter = _m[1];\n var _o = __read(useState(0), 2), tableViewWidth = _o[0], setTableViewWidth = _o[1];\n var _p = __read(useColumns(props), 2), groupColumns = _p[0], flattenColumns = _p[1];\n var stickyOffsets = useStickyOffsets(flattenColumns);\n var _q = __read(useStickyClassNames(groupColumns, flattenColumns, prefixCls), 2), groupStickyClassNames = _q[0], stickyClassNames = _q[1];\n var _r = useComponent(components), ComponentTable = _r.ComponentTable, ComponentBodyWrapper = _r.ComponentBodyWrapper, ComponentHeaderWrapper = _r.ComponentHeaderWrapper;\n var getRowKey = useMemo(function () {\n if (typeof rowKey === 'function') {\n return function (record) { return rowKey(getOriginData(record)); };\n }\n return function (record) { return record[rowKey]; };\n }, [rowKey]);\n function getDefaultFiltersAndSorter(columns) {\n var currentFilters = {};\n var currentSorter = {};\n function travel(columns) {\n if (columns && columns.length > 0) {\n columns.forEach(function (column, index) {\n var innerDataIndex = column.dataIndex === undefined ? index : column.dataIndex;\n if (!column[childrenColumnName]) {\n if (column.defaultFilters) {\n currentFilters[innerDataIndex] = column.defaultFilters;\n }\n if (column.filteredValue) {\n currentFilters[innerDataIndex] = column.filteredValue;\n }\n if (column.defaultSortOrder) {\n currentSorter.field = innerDataIndex;\n currentSorter.direction = column.defaultSortOrder;\n }\n if (column.sortOrder) {\n currentSorter.field = innerDataIndex;\n currentSorter.direction = column.sortOrder;\n }\n }\n else {\n travel(column[childrenColumnName]);\n }\n });\n }\n }\n travel(columns);\n return { currentFilters: currentFilters, currentSorter: currentSorter };\n }\n var controlledFilter = useMemo(function () {\n // 允许 filteredValue 设置为 undefined 表示不筛选\n var flattenFilteredValueColumns = flattenColumns.filter(function (column) { return 'filteredValue' in column; });\n var newFilters = {};\n // 受控的筛选，当columns中的筛选发生改变时，更新state\n if (flattenFilteredValueColumns.length) {\n flattenFilteredValueColumns.forEach(function (column, index) {\n var innerDataIndex = column.dataIndex === undefined ? index : column.dataIndex;\n if (innerDataIndex !== undefined) {\n newFilters[innerDataIndex] = column.filteredValue;\n }\n });\n }\n return newFilters;\n }, [flattenColumns]);\n var controlledSorter = useMemo(function () {\n // 允许 sorter 设置为 null，表示不排序\n var flattenSortOrderColumns = flattenColumns.filter(function (column) { return 'sortOrder' in column; });\n var length = flattenSortOrderColumns.length;\n while (length--) {\n var column = flattenSortOrderColumns[length];\n if (column.sortOrder || length === 0) {\n return { field: column.dataIndex, direction: column.sortOrder };\n }\n }\n return null;\n }, [flattenColumns]);\n var innerSorter = controlledSorter || sorter || {};\n var innerFilters = useMemo(function () {\n return Object.keys(controlledFilter).length ? controlledFilter : filters;\n }, [filters, controlledFilter]);\n /** ----------- Sorter ----------- */\n function onSort(direction, field) {\n var newSorter = {\n field: field,\n direction: direction,\n };\n !controlledSorter && setSorter(newSorter);\n var newProcessedData = getProcessedData(newSorter, innerFilters);\n var currentData = getPageData(newProcessedData);\n onChange &&\n onChange(getPaginationProps(newProcessedData), newSorter, innerFilters, {\n currentData: getOriginData(currentData),\n action: 'sort',\n });\n }\n function sorterFn(sorter, direction) {\n if (typeof sorter !== 'function') {\n return;\n }\n return function (a, b) {\n var result = sorter(a, b);\n return direction === 'descend' ? -result : result;\n };\n }\n /** ----------- Sorter End ----------- */\n /** ----------- Filters ----------- */\n function onHandleFilter(column, filter) {\n var _a;\n var newFilters = __assign(__assign({}, innerFilters), (_a = {}, _a[column.dataIndex] = filter, _a));\n var mergedFilters = __assign(__assign({}, newFilters), controlledFilter);\n if (isArray(filter) && filter.length) {\n setFilters(mergedFilters);\n var newProcessedData = getProcessedData(innerSorter, newFilters);\n var currentData = getPageData(newProcessedData);\n onChange &&\n onChange(getPaginationProps(newProcessedData), innerSorter, newFilters, {\n currentData: getOriginData(currentData),\n action: 'filter',\n });\n }\n else if (isArray(filter) && !filter.length) {\n onHandleFilterReset(column);\n }\n }\n function onHandleFilterReset(_a) {\n var dataIndex = _a.dataIndex;\n var newFilters = __assign({}, innerFilters);\n delete newFilters[dataIndex];\n setFilters(newFilters);\n var newProcessedData = getProcessedData(innerSorter, newFilters);\n var currentData = getPageData(newProcessedData);\n onChange &&\n onChange(getPaginationProps(newProcessedData), innerSorter, newFilters, {\n currentData: getOriginData(currentData),\n action: 'filter',\n });\n }\n /** ----------- Filters End ----------- */\n var hasFixedColumnLeft = !!flattenColumns.find(function (c) { return c.fixed === 'left'; });\n var hasFixedColumnRight = !!flattenColumns.find(function (c) { return c.fixed === 'right'; });\n var hasFixedColumn = hasFixedColumnLeft || hasFixedColumnRight;\n function getProcessedData(sorter, filters) {\n var _data = (clonedData || []).slice();\n Object.keys(filters).forEach(function (field) {\n if (filters[field] && filters[field].length) {\n var column_1 = getColumnByDataIndex(field);\n if (column_1 && typeof column_1.onFilter === 'function') {\n _data = _data.filter(function (row) {\n return filters[field].reduce(function (pre, cur) { return pre || column_1.onFilter(cur, row); }, false);\n });\n }\n }\n });\n var column = getColumnByDataIndex(sorter.field);\n var getSortData = function (d) {\n return d\n .slice()\n .sort(sorterFn(column.sorter, sorter.direction))\n .map(function (item) {\n var _a;\n if (isArray(item[childrenColumnName])) {\n return __assign(__assign({}, item), (_a = {}, _a[childrenColumnName] = getSortData(item[childrenColumnName]), _a));\n }\n return item;\n });\n };\n if (sorter.direction && column && typeof column.sorter === 'function') {\n return getSortData(_data);\n }\n return _data;\n }\n // 获得经过 sorter 和 filters 筛选之后的 data\n var processedData = getProcessedData(innerSorter, innerFilters);\n function getPaginationProps(_processedData) {\n if (_processedData === void 0) { _processedData = processedData; }\n var pageSize = mergePagination.pageSize || innerPageSize || 10;\n var paginationSize = size === 'middle' ? 'default' : size;\n var selectPopupPosition = 'top';\n if (pagePosition === 'tl' || pagePosition === 'bl') {\n selectPopupPosition = 'bottom';\n }\n else {\n selectPopupPosition = 'top';\n }\n var total = isArray(_processedData) ? _processedData.length : 0;\n var current = Math.ceil(total / pageSize) < currentPage ? 1 : currentPage;\n if (current !== currentPage) {\n setCurrentPage(current);\n }\n var paginationProps = {\n size: paginationSize,\n total: total,\n onChange: onPaginationChange,\n pageSize: pageSize,\n current: current,\n selectProps: {\n triggerProps: {\n position: selectPopupPosition,\n },\n },\n };\n if (typeof pagination === 'object' && pagination.selectProps) {\n paginationProps.selectProps = __assign(__assign({}, paginationProps.selectProps), pagination.selectProps);\n }\n if (isObject(pagination)) {\n paginationProps = __assign(__assign({}, paginationProps), pagination);\n }\n if (isObject(mergePagination)) {\n paginationProps = __assign(__assign({}, paginationProps), mergePagination);\n }\n return paginationProps;\n }\n var paginationProps = getPaginationProps();\n var pageData = getPageData();\n function getPageData(currentData, _paginationProps) {\n if (currentData === void 0) { currentData = processedData; }\n if (_paginationProps === void 0) { _paginationProps = paginationProps; }\n var _a = _paginationProps.current, current = _a === void 0 ? 0 : _a, _b = _paginationProps.pageSize, pageSize = _b === void 0 ? 10 : _b;\n if (pagination === false) {\n return currentData;\n }\n if (isObject(pagination) && data.length <= pageSize) {\n return currentData;\n }\n return currentData.slice((current - 1) * pageSize, current * pageSize);\n }\n var throttleResizeHandler = debounce(resizeHandler, 100);\n var fixedHeader = !!(scroll && scroll.y);\n var summaryNode = summary === null || summary === void 0 ? void 0 : summary(getOriginData(processedData));\n var fixedFooterPosition = summary && React.isValidElement(summaryNode) && summaryNode.props.fixed;\n var fixedFooter = fixedHeader && fixedFooterPosition;\n useIsomorphicLayoutEffect(function () {\n resizeHandler();\n on(window, 'resize', throttleResizeHandler);\n var tableHead = refTableHead.current;\n var tableBody = refTableBody.current;\n var tableFoot = refTableFoot.current;\n if (tableBody) {\n on(tableBody, 'scroll', tableScrollHandler);\n }\n var theadScrollContainer = tableHead && tableHead.parentNode;\n if (tableHead) {\n if (theadScrollContainer) {\n on(theadScrollContainer, 'scroll', tableScrollHandler);\n }\n }\n if (tableFoot) {\n on(tableFoot, 'scroll', tableScrollHandler);\n }\n return function () {\n off(window, 'resize', throttleResizeHandler);\n if (tableBody) {\n off(tableBody, 'scroll', tableScrollHandler);\n }\n if (theadScrollContainer) {\n off(theadScrollContainer, 'scroll', tableScrollHandler);\n }\n if (tableFoot) {\n off(tableFoot, 'scroll', tableScrollHandler);\n }\n };\n }, [hasFixedColumnLeft, hasFixedColumnLeft, scroll === null || scroll === void 0 ? void 0 : scroll.x, flattenColumns.length]);\n useUpdate(function () {\n var _a = getPaginationProps(data), total = _a.total, pageSize = _a.pageSize;\n var maxPageNum = Math.ceil(total / pageSize);\n if (maxPageNum < currentPage) {\n setCurrentPage(1);\n }\n }, [data.length]);\n useUpdate(function () {\n setFixedColumnClassNames();\n }, [data, hasFixedColumnLeft, hasFixedColumnLeft]);\n useImperativeHandle(ref, function () { return ({\n getRootDomElement: getRootDomElement,\n }); });\n function getRootDomElement() {\n return refTable.current;\n }\n function resizeHandler() {\n setFixedColumnClassNames();\n var root = getRootDomElement();\n if (root && (hasFixedColumn || (scroll && scroll.x))) {\n var ele = root.querySelector(\".\" + prefixCls + \"-body\") ||\n root.querySelector(\".\" + prefixCls + \"-content-inner\");\n var tableViewWidth_1 = ele.clientWidth;\n setTableViewWidth(tableViewWidth_1);\n }\n }\n var setPositionClassNames = useCallback(throttle(function () {\n var table = refTable.current;\n var tbody = (fixedHeader ? refTableBody.current : refTableNF.current && refTableNF.current.parentNode);\n if (tbody) {\n var alignLeft = tbody.scrollLeft === 0;\n // const alignRight = tbody.scrollLeft + tbody.clientWidth >= tbody.scrollWidth;\n var alignRight = tbody.scrollLeft + 1 >=\n tbody.children[0].getBoundingClientRect().width - tbody.getBoundingClientRect().width;\n if (alignLeft && alignRight) {\n setFixedColumnsClassList(table.classList, prefixCls + \"-scroll-position-both\");\n }\n else if (alignLeft) {\n setFixedColumnsClassList(table.classList, prefixCls + \"-scroll-position-left\");\n }\n else if (alignRight) {\n setFixedColumnsClassList(table.classList, prefixCls + \"-scroll-position-right\");\n }\n else {\n setFixedColumnsClassList(table.classList, prefixCls + \"-scroll-position-middle\");\n }\n }\n else {\n table && resetTableClassName(table.classList);\n }\n }, 100), [refTable.current, refTableBody.current]);\n function setFixedColumnClassNames() {\n if (hasFixedColumn || (scroll && isObject(scroll) && scroll.x)) {\n var table = refTable.current;\n if (table) {\n if (hasFixedColumnLeft) {\n setTableFixedClassName(table.classList, prefixCls + \"-has-fixed-col-left\");\n }\n if (hasFixedColumnRight) {\n setTableFixedClassName(table.classList, prefixCls + \"-has-fixed-col-right\");\n }\n }\n setPositionClassNames();\n }\n }\n function setTableFixedClassName(tableClassList, className) {\n if (!tableClassList.contains(className)) {\n tableClassList.add(className);\n }\n }\n function resetTableClassName(classList) {\n classList.remove(prefixCls + \"-scroll-position-both\");\n classList.remove(prefixCls + \"-scroll-position-left\");\n classList.remove(prefixCls + \"-scroll-position-right\");\n classList.remove(prefixCls + \"-scroll-position-middle\");\n }\n function setFixedColumnsClassList(classList, className) {\n if (!classList.contains(className)) {\n resetTableClassName(classList);\n classList.add(className);\n }\n }\n var _s = useRowSelection(props, pageData, clonedData, getRowKey), selectedRowKeys = _s.selectedRowKeys, indeterminateKeys = _s.indeterminateKeys, onCheckAll = _s.onCheckAll, onCheck = _s.onCheck, onCheckRadio = _s.onCheckRadio, setSelectedRowKeys = _s.setSelectedRowKeys, allSelectedRowKeys = _s.allSelectedRowKeys, flattenData = _s.flattenData;\n function getColumnByDataIndex(dataIndex) {\n return flattenColumns.find(function (column, index) {\n if (column.dataIndex !== undefined) {\n return column.dataIndex === dataIndex;\n }\n return Number(dataIndex) === index;\n });\n }\n function onPaginationChange(current, pageSize) {\n setCurrentPage(current);\n setInnerPageSize(pageSize);\n if (current !== currentPage) {\n scrollToTop();\n }\n if (rowSelection && !rowSelection.checkCrossPage && selectedRowKeys.length) {\n setSelectedRowKeys([]);\n rowSelection.onChange && rowSelection.onChange([], []);\n }\n var newPaginationProps = __assign(__assign({}, getPaginationProps()), { current: current, pageSize: pageSize });\n onChange &&\n onChange(newPaginationProps, innerSorter, innerFilters, {\n currentData: getPageData(processedData, newPaginationProps),\n action: 'paginate',\n });\n }\n function scrollToTop() {\n var tableBody = refTableBody.current;\n if (!tableBody) {\n return;\n }\n var scrollTop = refTableBody.current.scrollTop;\n var tween = new BTween({\n from: { scrollTop: scrollTop },\n to: { scrollTop: 0 },\n easing: 'quintInOut',\n duration: 300,\n onUpdate: function (keys) {\n refTableBody.current.scrollTop = keys.scrollTop;\n },\n });\n tween.start();\n }\n function tableScrollHandler(e) {\n var target = e.target;\n var tbody = refTableBody.current;\n var theadScrollContainer = refTableHead.current && refTableHead.current.parentNode;\n var tfoot = refTableFoot.current;\n if (target.scrollLeft !== lastScrollLeft.current) {\n if (theadScrollContainer) {\n theadScrollContainer.scrollLeft = target.scrollLeft;\n }\n if (tbody) {\n tbody.scrollLeft = target.scrollLeft;\n }\n if (tfoot) {\n tfoot.scrollLeft = target.scrollLeft;\n }\n setFixedColumnClassNames();\n }\n lastScrollLeft.current = e.target.scrollLeft;\n }\n // isFixedHeader = false\n function tableScrollHandlerNF(e) {\n var target = e.target;\n var table = refTableNF.current;\n if (target.scrollLeft !== lastScrollLeft.current) {\n table.scrollLeft = target.scrollLeft;\n setFixedColumnClassNames();\n }\n lastScrollLeft.current = e.target.scrollLeft;\n }\n var _t = __read(useExpand(props, flattenData, getRowKey), 2), expandedRowKeys = _t[0], onClickExpandBtn = _t[1];\n var scrollStyleY = {};\n var scrollStyleX = {};\n if (scroll) {\n if (scroll.x && (typeof scroll.x === 'number' || typeof scroll.x === 'string')) {\n scrollStyleX = {\n width: scroll.x,\n };\n }\n if (scroll.y && (typeof scroll.y === 'number' || typeof scroll.y === 'string')) {\n scrollStyleY = {\n maxHeight: scroll.y,\n };\n }\n }\n function setScrollBarStyle() {\n var wrapper = refTableHead.current && refTableHead.current.parentNode;\n var scrollBarHeight = getScrollBarHeight(wrapper);\n if (scrollBarHeight && scrollBarHeight > 0) {\n wrapper.style.marginBottom = \"-\" + scrollBarHeight + \"px\";\n wrapper.style.paddingBottom = '0px';\n if (refTableFoot.current) {\n refTableFoot.current.style.marginBottom = \"-\" + scrollBarHeight + \"px\";\n refTableFoot.current.style.paddingBottom = '0px';\n }\n }\n // 根据 Tbody 决定 Thead 是否显示纵向滚动条\n // TODO: Remove\n setTimeout(function () {\n var scrollWrapper = refTableBody.current;\n var scrollBarWidth = getScrollBarWidth(scrollWrapper);\n if (scrollBarWidth) {\n scrollbarChanged.current = true;\n if (wrapper) {\n wrapper.style.overflowY = 'scroll';\n }\n if (refTableFoot.current) {\n refTableFoot.current.style.overflowY = 'scroll';\n }\n }\n else if (wrapper && scrollbarChanged.current) {\n scrollbarChanged.current = false;\n wrapper.style.overflowY = 'auto';\n if (refTableFoot.current) {\n refTableFoot.current.style.overflowY = 'auto';\n }\n }\n });\n }\n var theadNode = (React.createElement(Thead, __assign({}, props, { sorter: innerSorter, selectedRowKeys: selectedRowKeys, currentFilters: innerFilters, onCheckAll: onCheckAll, onSort: onSort, data: pageData, onHandleFilter: onHandleFilter, onHandleFilterReset: onHandleFilterReset, prefixCls: prefixCls, allSelectedRowKeys: allSelectedRowKeys, groupColumns: groupColumns, stickyOffsets: stickyOffsets, groupStickyClassNames: groupStickyClassNames })));\n function renderThead() {\n var maxContentWidth = isObject(scroll) && scroll.x === 'max-content';\n return fixedHeader || virtualized ? (React.createElement(ComponentHeaderWrapper, { className: prefixCls + \"-header\" },\n React.createElement(ComponentTable, { ref: refTableHead, style: maxContentWidth ? {} : scrollStyleX },\n React.createElement(ColGroup, { columns: flattenColumns, prefixCls: prefixCls }),\n theadNode))) : (theadNode);\n }\n var footerNode = summaryNode && (React.createElement(Tfoot, { prefixCls: prefixCls, summary: summary, data: pageData, columns: flattenColumns, stickyOffsets: stickyOffsets, stickyClassNames: stickyClassNames }));\n var tbodyNode = (React.createElement(Tbody, __assign({}, props, { selectedRowKeys: selectedRowKeys, indeterminateKeys: indeterminateKeys, expandedRowKeys: expandedRowKeys, onCheck: onCheck, onCheckRadio: onCheckRadio, onClickExpandBtn: onClickExpandBtn, columns: flattenColumns, data: pageData, prefixCls: prefixCls, hasFixedColumn: hasFixedColumn, tableViewWidth: tableViewWidth, indentSize: indentSize, noDataElement: noDataElement || renderEmpty('Table'), currentSorter: innerSorter, stickyOffsets: stickyOffsets, stickyClassNames: stickyClassNames, getRowKey: getRowKey, saveVirtualWrapperRef: function (ref) {\n if (virtualized) {\n refTableBody.current = ref;\n }\n } })));\n var tbody = !virtualized && !fixedFooter ? (React.createElement(React.Fragment, null,\n tbodyNode,\n footerNode)) : (tbodyNode);\n function renderTbody() {\n return (React.createElement(ResizeObserver, { onResize: setScrollBarStyle }, fixedHeader && !virtualized ? (React.createElement(ComponentBodyWrapper, { ref: refTableBody, className: prefixCls + \"-body\", style: scrollStyleY },\n React.createElement(ComponentTable, { style: scrollStyleX },\n React.createElement(ColGroup, { columns: flattenColumns, prefixCls: prefixCls }),\n tbody))) : (tbody)));\n }\n function renderTable() {\n var scrollStyle = {};\n if (scroll && isObject(scroll) && scroll.x) {\n scrollStyle = {\n width: scroll.x,\n };\n }\n var summaryTableNode = (React.createElement(\"div\", { className: prefixCls + \"-tfoot\", ref: refTableFoot },\n React.createElement(ComponentTable, { style: scrollStyle },\n React.createElement(ColGroup, { columns: flattenColumns, prefixCls: prefixCls }),\n footerNode)));\n var summaryFixedTop = summaryNode && fixedHeader && fixedFooterPosition === 'top';\n var summaryFixedBottom = summaryNode && fixedHeader && fixedFooterPosition === 'bottom';\n var body = (React.createElement(React.Fragment, null,\n showHeader ? renderThead() : null,\n summaryFixedTop && summaryTableNode,\n renderTbody(),\n summaryFixedBottom && summaryTableNode));\n return (React.createElement(React.Fragment, null,\n React.createElement(\"div\", { className: prefixCls + \"-container\" },\n React.createElement(\"div\", { className: prefixCls + \"-content-scroll\" },\n React.createElement(\"div\", { className: prefixCls + \"-content-inner\", onScroll: !fixedHeader ? tableScrollHandlerNF : undefined }, fixedHeader || virtualized ? (body) : (React.createElement(ComponentTable, { ref: refTableNF, style: scrollStyle },\n React.createElement(ColGroup, { prefixCls: prefixCls, columns: flattenColumns }),\n body))))),\n typeof footer === 'function' && (React.createElement(\"div\", { className: prefixCls + \"-footer\" }, footer(pageData)))));\n }\n if (!columns.length) {\n return null;\n }\n var showWrapperBorder = isObject(border) ? border.wrapper : border;\n var showCellBorder = isObject(border) ? border.cell : borderCell;\n var showHeaderCellBorder = isObject(border) ? border.cell || border.headerCell : borderCell;\n var showBodyCellBorder = isObject(border) ? border.cell || border.bodyCell : borderCell;\n var classNames = cs(prefixCls, prefixCls + \"-size-\" + size, (_a = {},\n _a[prefixCls + \"-border\"] = showWrapperBorder,\n _a[prefixCls + \"-border-cell\"] = showCellBorder,\n _a[prefixCls + \"-border-header-cell\"] = !showCellBorder && showHeaderCellBorder,\n _a[prefixCls + \"-border-body-cell\"] = !showCellBorder && showBodyCellBorder,\n _a[prefixCls + \"-stripe\"] = stripe,\n _a[prefixCls + \"-hover\"] = hover,\n _a[prefixCls + \"-type-radio\"] = rowSelection && rowSelection.type === 'radio',\n _a[prefixCls + \"-layout-fixed\"] = tableLayoutFixed ||\n (scroll && (scroll.x || scroll.y)) ||\n columns.find(function (col) { return col.ellipsis; }),\n _a[prefixCls + \"-virtualized\"] = virtualized,\n _a), className);\n var isPaginationTop = pagePosition === 'tl' || pagePosition === 'tr' || pagePosition === 'topCenter';\n var paginationClassName = cs(prefixCls + \"-pagination\", (_b = {},\n _b[prefixCls + \"-pagination-left\"] = pagePosition === 'tl' || pagePosition === 'bl',\n _b[prefixCls + \"-pagination-center\"] = pagePosition === 'topCenter' || pagePosition === 'bottomCenter',\n _b[prefixCls + \"-pagination-top\"] = isPaginationTop,\n _b));\n var loading = props.loading;\n if (typeof loading === 'boolean') {\n loading = { loading: loading };\n }\n var customPagination = typeof renderPagination === 'function';\n var paginationEle = customPagination ? (renderPagination(React.createElement(Pagination, __assign({}, paginationProps)))) : (React.createElement(\"div\", { className: paginationClassName },\n React.createElement(Pagination, __assign({}, paginationProps))));\n return (React.createElement(\"div\", { ref: refTable, style: style, className: classNames },\n React.createElement(Spin, __assign({ element: loadingElement || React.createElement(Spin, null) }, loading),\n pagination !== false && pageData.length !== 0 && isPaginationTop && paginationEle,\n renderTable(),\n pagination !== false && pageData.length !== 0 && !isPaginationTop && paginationEle)));\n}\nvar TableComponent = forwardRef(Table);\nTableComponent.displayName = 'Table';\nexport default TableComponent;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { useContext } from 'react';\nimport { SummaryContext } from './context';\nimport cs from '../../_util/classNames';\nfunction Row(props) {\n var _a = useContext(SummaryContext), columns = _a.columns, stickyOffsets = _a.stickyOffsets, stickyClassNames = _a.stickyClassNames, prefixCls = _a.prefixCls;\n var children = props.children, rest = __rest(props, [\"children\"]);\n var colSpans = React.Children.map(children, function (child) { return child.props.colSpan || 1; });\n var element = React.Children.map(children, function (child, index) {\n var _a, _b, _c;\n var childElement = child;\n var isSummaryCell = (_a = childElement === null || childElement === void 0 ? void 0 : childElement.props) === null || _a === void 0 ? void 0 : _a.$$ArcoTableSummaryCell;\n var childStyle = (_b = childElement === null || childElement === void 0 ? void 0 : childElement.props) === null || _b === void 0 ? void 0 : _b.style;\n var childClassName = (_c = childElement === null || childElement === void 0 ? void 0 : childElement.props) === null || _c === void 0 ? void 0 : _c.className;\n var prevAllColSpan = colSpans.slice(0, index).reduce(function (p, n) { return p + n; }, 0);\n var stickyIndex = prevAllColSpan;\n var stickyStyle = columns[stickyIndex].fixed === 'left'\n ? { left: stickyOffsets[stickyIndex] }\n : columns[stickyIndex].fixed === 'right'\n ? { right: stickyOffsets[stickyIndex] }\n : {};\n var stickyClassName = columns[stickyIndex].fixed === 'left' || columns[stickyIndex].fixed === 'right'\n ? stickyClassNames[stickyIndex]\n : '';\n return isSummaryCell\n ? React.cloneElement(childElement, __assign(__assign({}, childElement.props), { className: cs(prefixCls + \"-td\", stickyClassName, childClassName), style: __assign(__assign({}, childStyle), stickyStyle) }))\n : child;\n });\n return React.createElement(\"tr\", __assign({}, rest), element);\n}\nexport default Row;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React from 'react';\nimport omit from '../../_util/omit';\nfunction Cell(props) {\n var children = props.children, rest = __rest(props, [\"children\"]);\n return React.createElement(\"td\", __assign({}, omit(rest, ['$$ArcoTableSummaryCell'])), children);\n}\nCell.defaultProps = {\n $$ArcoTableSummaryCell: true,\n};\nexport default Cell;\n","import Row from './row';\nimport Cell from './cell';\nfunction Summary(props) {\n return props.children;\n}\nSummary.Row = Row;\nSummary.Cell = Cell;\nexport default Summary;\n","import Table from './table';\nimport Summary from './summary/index';\nvar TableComponent = Table;\nTableComponent.Summary = Summary;\nexport default TableComponent;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { useRef, useContext } from 'react';\nimport cs from '../_util/classNames';\nimport omit from '../_util/omit';\nimport { ConfigContext } from '../ConfigProvider';\nfunction TabPane(props, ref) {\n var shouldRender = useRef(false);\n var getPrefixCls = useContext(ConfigContext).getPrefixCls;\n var children = props.children, className = props.className, style = props.style, lazyload = props.lazyload, isActive = props.isActive, rest = __rest(props, [\"children\", \"className\", \"style\", \"lazyload\", \"isActive\"]);\n var prefixCls = getPrefixCls('tabs');\n shouldRender.current = lazyload ? shouldRender.current || isActive : true;\n return (shouldRender.current && (React.createElement(\"div\", __assign({ ref: ref }, omit(rest, ['destroyOnHide', 'title', 'closable']), { className: cs(prefixCls + \"-pane\", className), style: style }), children)));\n}\nvar TabPaneRef = React.forwardRef(TabPane);\nTabPaneRef.displayName = 'TabPane';\nTabPaneRef.isTabPane = true;\nexport default TabPaneRef;\n","import React, { useMemo } from 'react';\nimport IconDown from '../../../icon/react-icon/IconDown';\nimport Dropdown from '../../Dropdown';\nimport Menu from '../../Menu';\nimport IconHover from '../../_class/icon-hover';\nexport default function DropdownIcon(props) {\n var prefixCls = props.prefixCls, currentOffset = props.currentOffset, headerSize = props.headerSize, headerWrapperSize = props.headerWrapperSize, getTitleRef = props.getTitleRef, paneChildren = props.paneChildren, direction = props.direction;\n var paneKeys = paneChildren.map(function (child) { return child.key; });\n var size = direction === 'vertical' ? headerSize.height : headerSize.width;\n var wrapperSize = direction === 'vertical' ? headerWrapperSize.height : headerWrapperSize.width;\n var tabSizes = useMemo(function () {\n var map = {};\n var wrapperRect = headerWrapperSize.domRect;\n paneKeys.map(function (key) {\n var titleDom = getTitleRef(key);\n if (!titleDom)\n return;\n var rect = titleDom.getBoundingClientRect();\n map[key] = {\n left: rect.left - wrapperRect.left,\n right: rect.left - wrapperRect.left + rect.width,\n top: rect.top - wrapperRect.top,\n bottom: rect.top - wrapperRect.top + rect.height,\n };\n });\n return map;\n }, [paneKeys.join(','), size, wrapperSize]);\n var rangeIndex = useMemo(function () {\n var start = -1;\n var end = -1;\n for (var key in tabSizes) {\n var _a = tabSizes[key], left = _a.left, right = _a.right;\n if (left >= currentOffset && right - currentOffset <= wrapperSize && start === -1) {\n start = paneKeys.indexOf(key);\n end = start;\n }\n if (left >= currentOffset && right - currentOffset > wrapperSize) {\n end = paneKeys.indexOf(key);\n break;\n }\n }\n return [start, end];\n }, [tabSizes, paneKeys.join(','), currentOffset]);\n return (React.createElement(Dropdown, { trigger: \"click\", droplist: React.createElement(Menu, { onClickMenuItem: props.onClickTab }, paneChildren.map(function (child, index) {\n if (index < rangeIndex[0] || index >= rangeIndex[1]) {\n return (React.createElement(Menu.Item, { key: child.key, disabled: child.disabled }, child.props.title));\n }\n })) },\n React.createElement(IconHover, { role: \"button\", \"aria-label\": \"expand tabs\", prefix: prefixCls + \"-dropdown\", className: prefixCls + \"-dropdown-icon\" },\n React.createElement(IconDown, null))));\n}\n","import React from 'react';\nimport IconLeft from '../../../icon/react-icon/IconLeft';\nimport IconRight from '../../../icon/react-icon/IconRight';\nimport IconUp from '../../../icon/react-icon/IconUp';\nimport IconDown from '../../../icon/react-icon/IconDown';\nimport IconHover from '../../_class/icon-hover';\nimport cs from '../../_util/classNames';\nvar TabNavIcon = function (props) {\n var _a, _b, _c, _d;\n var direction = props.direction, headerSize = props.headerSize, headerWrapperSize = props.headerWrapperSize, prefixCls = props.prefixCls, iconPos = props.iconPos, curOffset = props.currentOffset, align = props.align;\n var wrapHeight = headerWrapperSize.height, wrapWidth = headerWrapperSize.width;\n var headerHeight = headerSize.height, headerWidth = headerSize.width;\n var maxHeightOffset = headerHeight - wrapHeight;\n var maxWidthOffset = headerWidth - wrapWidth;\n var onChange = function (offset) {\n if (offset !== props.currentOffset) {\n props.onChange && props.onChange(offset);\n }\n };\n var handleHozClick = function (e, pos) {\n e.preventDefault();\n var nextOffset;\n if (align === 'left') {\n nextOffset = pos === 'left' ? curOffset - wrapWidth : curOffset + wrapWidth;\n }\n else {\n nextOffset = pos === 'left' ? curOffset + wrapWidth : curOffset - wrapWidth;\n }\n onChange(nextOffset);\n };\n var handleVerticalClick = function (e, pos) {\n e.preventDefault();\n var nextOffset;\n if (pos === 'up') {\n nextOffset = curOffset - wrapHeight;\n }\n else {\n nextOffset = curOffset + wrapHeight;\n if (nextOffset >= headerHeight)\n return;\n }\n onChange(nextOffset);\n };\n var disabledPrev = false;\n var disabledNext = false;\n if (align === 'left') {\n disabledPrev = curOffset <= 0;\n disabledNext =\n direction === 'vertical' ? curOffset >= maxHeightOffset : curOffset >= maxWidthOffset;\n }\n else {\n disabledPrev =\n direction === 'vertical' ? curOffset >= maxHeightOffset : curOffset >= maxWidthOffset;\n disabledNext = curOffset <= 0;\n }\n return direction === 'vertical' ? (iconPos === 'prev' ? (React.createElement(IconHover, { disabled: disabledPrev, prefix: prefixCls, className: cs(prefixCls + \"-up-icon\", (_a = {},\n _a[prefixCls + \"-nav-icon-disabled\"] = disabledPrev,\n _a)), onClick: function (e) {\n handleVerticalClick(e, 'up');\n } },\n React.createElement(IconUp, null))) : (React.createElement(IconHover, { prefix: prefixCls, className: cs(prefixCls + \"-down-icon\", (_b = {},\n _b[prefixCls + \"-nav-icon-disabled\"] = disabledNext,\n _b)), disabled: disabledNext, onClick: function (e) {\n handleVerticalClick(e, 'down');\n } },\n React.createElement(IconDown, null)))) : iconPos === 'prev' ? (React.createElement(IconHover, { prefix: prefixCls, disabled: disabledPrev, className: cs(prefixCls + \"-left-icon\", (_c = {},\n _c[prefixCls + \"-nav-icon-disabled\"] = disabledPrev,\n _c)), onClick: function (e) {\n handleHozClick(e, 'left');\n } },\n React.createElement(IconLeft, null))) : (React.createElement(IconHover, { prefix: prefixCls, className: cs(prefixCls + \"-right-icon\", (_d = {},\n _d[prefixCls + \"-nav-icon-disabled\"] = disabledNext,\n _d)), disabled: disabledNext, onClick: function (e) {\n handleHozClick(e, 'right');\n } },\n React.createElement(IconRight, null)));\n};\nexport default TabNavIcon;\n","import { Enter } from '../_util/keycode';\nexport var getRectDiff = function (node, parentNode) {\n var nodeRect = node.getBoundingClientRect();\n var parentRect = parentNode.getBoundingClientRect();\n var scaleX = parentNode.offsetWidth / parentRect.width;\n var scaleY = parentNode.offsetHeight / parentRect.height;\n return {\n left: (nodeRect.left - parentRect.left) * scaleX,\n top: (nodeRect.top - parentRect.top) * scaleY,\n right: (nodeRect.right - parentRect.right) * scaleX,\n bottom: (nodeRect.bottom - parentRect.bottom) * scaleY,\n };\n};\n// 浏览器默认行为影响，比如说input的autofocus，会导致wrapper自动滚动到focus元素\n// 需要手动校准一下\n// https://github.com/arco-design/arco-design/issues/422\nexport var updateScrollOffset = function (parentNode, direction) {\n var scrollLeft = parentNode.scrollLeft;\n var scrollTop = parentNode.scrollTop;\n if (direction === 'horizontal' && scrollLeft) {\n parentNode.scrollTo({ left: -1 * scrollLeft });\n }\n if (direction === 'vertical' && scrollTop) {\n parentNode.scrollTo({ top: -1 * scrollTop });\n }\n};\nexport var getKeyDownEvent = function (_a) {\n var onPressEnter = _a.onPressEnter;\n return {\n onKeyDown: function (e) {\n var keyCode = e.keyCode || e.which;\n if (keyCode === Enter.code) {\n onPressEnter(e);\n }\n },\n };\n};\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nimport React from 'react';\nimport IconClose from '../../../icon/react-icon/IconClose';\nimport cs from '../../_util/classNames';\nimport IconHover from '../../_class/icon-hover';\nimport { isFunction } from '../../_util/is';\nimport { getKeyDownEvent } from '../utils';\nimport { Enter } from '../../_util/keycode';\nvar TabHeaderTitle = function (_a, ref) {\n var _b;\n var prefixCls = _a.prefixCls, onDeleteTab = _a.onDeleteTab, tabKey = _a.tabKey, isActive = _a.isActive, onClickTab = _a.onClickTab, _c = _a.disabled, disabled = _c === void 0 ? false : _c, title = _a.title, editable = _a.editable, renderTitle = _a.renderTitle, deleteIcon = _a.deleteIcon, deleteButton = _a.deleteButton, getIdPrefix = _a.getIdPrefix, index = _a.index;\n var render = isFunction(renderTitle)\n ? renderTitle\n : function (node) {\n return node;\n };\n var handleDeleteTab = function (e) {\n e.stopPropagation();\n if (disabled)\n return;\n onDeleteTab();\n };\n var handleTabClick = function (e) {\n if (disabled)\n return;\n onClickTab(e);\n };\n return render(React.createElement(\"div\", { ref: ref, key: tabKey, className: cs(prefixCls + \"-header-title\", (_b = {},\n _b[prefixCls + \"-header-title-active\"] = isActive,\n _b[prefixCls + \"-header-title-editable\"] = editable,\n _b[prefixCls + \"-header-title-disabled\"] = disabled,\n _b)), role: \"tab\", \"aria-selected\": isActive, tabIndex: disabled ? -1 : 0, \"aria-disabled\": disabled || undefined, id: getIdPrefix(index).tab, \"aria-controls\": getIdPrefix(index).tabpane, onClick: handleTabClick, onKeyDown: function (event) {\n var keyCode = event.keyCode || event.which;\n if (keyCode === Enter.code) {\n handleTabClick(event);\n }\n } },\n React.createElement(\"span\", { className: prefixCls + \"-header-title-text\" }, title),\n editable && (React.createElement(\"span\", __assign({ role: \"button\", \"aria-label\": \"remove tab\", \"aria-disabled\": disabled || undefined, tabIndex: disabled ? -1 : 0, className: prefixCls + \"-close-icon\" }, getKeyDownEvent({ onPressEnter: handleDeleteTab }), { onClick: handleDeleteTab }), deleteButton || React.createElement(IconHover, { prefix: prefixCls }, deleteIcon || React.createElement(IconClose, null))))), {\n key: tabKey,\n isActive: isActive,\n disabled: disabled,\n editable: editable,\n });\n};\nexport default React.forwardRef(TabHeaderTitle);\n","import React, { useRef, useEffect } from 'react';\nimport isEqualWith from 'lodash/isEqualWith';\nimport cs from '../../_util/classNames';\nimport { getRectDiff } from '../utils';\nimport throttleByRaf from '../../_util/throttleByRaf';\nvar getInkStyle = function (direction, curTitle, headerRef) {\n var style = {};\n if (curTitle) {\n var diffStyle = getRectDiff(curTitle, headerRef);\n if (direction === 'vertical') {\n style = {\n top: diffStyle.top + \"px\",\n height: curTitle.offsetHeight + \"px\",\n left: '',\n width: '',\n };\n }\n else {\n style = {\n left: diffStyle.left + \"px\",\n width: curTitle.offsetWidth + \"px\",\n top: '',\n height: '',\n };\n }\n }\n return style;\n};\nvar TabInk = function (_a) {\n var _b;\n var prefixCls = _a.prefixCls, animation = _a.animation, disabled = _a.disabled, direction = _a.direction, getTitleRef = _a.getTitleRef, activeTab = _a.activeTab, getHeaderRef = _a.getHeaderRef;\n var inkRef = useRef();\n var inkStyleRef = useRef();\n useEffect(function () {\n var setInkStyle = throttleByRaf(function () {\n var newStyle = getInkStyle(direction, getTitleRef(activeTab), getHeaderRef('headerRef').current);\n if (newStyle && !isEqualWith(inkStyleRef.current, newStyle)) {\n inkStyleRef.current = newStyle;\n Object.keys(newStyle).forEach(function (key) {\n inkRef.current.style[key] = newStyle[key];\n });\n }\n });\n setInkStyle();\n return function () {\n setInkStyle.cancel && setInkStyle.cancel();\n };\n });\n return (React.createElement(\"div\", { className: cs(prefixCls + \"-header-ink\", (_b = {},\n _b[prefixCls + \"-header-ink-no-animation\"] = !animation,\n _b[prefixCls + \"-header-ink-disabled\"] = disabled,\n _b)), ref: inkRef }));\n};\nexport default TabInk;\n","var __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport { useRef, useState, useEffect } from 'react';\nexport default function DomSize() {\n var domRef = useRef();\n var _a = __read(useState({\n height: 0,\n width: 0,\n }), 2), size = _a[0], setSize = _a[1];\n useEffect(function () {\n if (domRef.current) {\n setSize({\n height: domRef.current.offsetHeight,\n width: domRef.current.offsetWidth,\n domRect: domRef.current.getBoundingClientRect(),\n });\n }\n }, []);\n return [domRef, size, setSize];\n}\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { useContext, useEffect, useRef, useState, useMemo, useCallback } from 'react';\nimport { isNumber, isObject } from '../../_util/is';\nimport ResizeObserver from '../../_util/resizeObserver';\nimport DropdownIcon from './dropdown-icon';\nimport TabNavIcon from './tab-nav-icon';\nimport TabHeaderTitle from './tab-title';\nimport IconPlus from '../../../icon/react-icon/IconPlus';\nimport cs from '../../_util/classNames';\nimport { setTransformStyle } from '../../_util/style';\nimport { getKeyDownEvent, getRectDiff, updateScrollOffset } from '../utils';\nimport { TabsContext } from '../tabs';\nimport TabInk from './tab-ink';\nimport IconHover from '../../_class/icon-hover';\nimport useDomSize from '../hook/useDomSize';\nimport throttleByRaf from '../../_util/throttleByRaf';\nimport useHeaderScroll from '../hook/useHeaderScroll';\nvar DIRECTION_VERTICAL = 'vertical';\nvar ALIGN_RIGHT = 'right';\nvar ALIGN_LEFT = 'left';\nvar SCROLL_MAP = {\n delete: true,\n add: true,\n};\nvar getHeaderStyle = function (_a) {\n var direction = _a.direction, _b = _a.align, align = _b === void 0 ? ALIGN_LEFT : _b, headerOffset = _a.headerOffset;\n var value = \"translateX(\" + -headerOffset + \"px)\";\n if (align === ALIGN_RIGHT) {\n value = \"translateX(\" + headerOffset + \"px)\";\n }\n if (direction === DIRECTION_VERTICAL) {\n value = \"translateY(\" + -headerOffset + \"px)\";\n }\n return setTransformStyle(value);\n};\nvar getCurrentHeaderOffset = function (_a) {\n var direction = _a.direction, _b = _a.align, align = _b === void 0 ? ALIGN_LEFT : _b, headerDom = _a.headerDom, headerWrapperDom = _a.headerWrapperDom;\n var diffStyle = getRectDiff(headerDom, headerWrapperDom);\n if (direction === DIRECTION_VERTICAL)\n return -diffStyle.top;\n if (align === ALIGN_RIGHT)\n return diffStyle.right;\n return -diffStyle.left;\n};\nvar TabHeader = React.forwardRef(function (props, ref) {\n var _a, _b;\n var ctxProps = useContext(TabsContext);\n var mergeProps = __assign(__assign({}, props), ctxProps);\n var _c = __read(useDomSize(), 3), headerWrapperRef = _c[0], headerWrapperSize = _c[1], setHeaderWrapperSize = _c[2];\n var _d = __read(useDomSize(), 3), headerRef = _d[0], headerSize = _d[1], setHeaderSize = _d[2];\n var _e = __read(useDomSize(), 3), scrollWrapperRef = _e[0], scrollWrapperSize = _e[1], setScrollWrapperSize = _e[2];\n var titleRef = useRef({});\n var _f = __read(useState(0), 2), headerOffset = _f[0], setHeaderOffset = _f[1];\n var _g = __read(useState(true), 2), shouldScroll = _g[0], setShouldScroll = _g[1];\n var paneChildren = mergeProps.paneChildren, editable = mergeProps.editable, prefixCls = mergeProps.prefixCls, onAddTab = mergeProps.onAddTab, direction = mergeProps.direction, _h = mergeProps.type, type = _h === void 0 ? 'line' : _h, _j = mergeProps.overflow, overflow = _j === void 0 ? 'scroll' : _j, activeTab = mergeProps.activeTab, showAddButton = mergeProps.showAddButton, _k = mergeProps.size, size = _k === void 0 ? 'default' : _k, style = mergeProps.style, tabPosition = mergeProps.tabPosition, className = mergeProps.className, extra = mergeProps.extra, animation = mergeProps.animation, icons = mergeProps.icons, deleteButton = mergeProps.deleteButton, addButton = mergeProps.addButton, renderTabTitle = mergeProps.renderTabTitle, scrollAfterEdit = mergeProps.scrollAfterEdit, _l = mergeProps.scrollPosition, scrollPosition = _l === void 0 ? 'auto' : _l;\n var scrollConfig = isObject(scrollAfterEdit)\n ? __assign(__assign({}, SCROLL_MAP), scrollAfterEdit) : SCROLL_MAP;\n var align = type === 'capsule' ? ALIGN_RIGHT : ALIGN_LEFT;\n var isScrollable = useMemo(function () {\n var res = mergeProps.direction === 'vertical'\n ? scrollWrapperSize.height < headerSize.height\n : scrollWrapperSize.width < headerSize.width;\n return res;\n }, [mergeProps.direction, scrollWrapperSize, headerSize]);\n var updateScrollWrapperSize = function () {\n if (scrollWrapperRef.current) {\n var dom = scrollWrapperRef.current;\n setScrollWrapperSize({\n height: dom.offsetHeight,\n width: dom.offsetWidth,\n });\n }\n };\n var onWrapperResize = throttleByRaf(function (entry) {\n updateScrollWrapperSize();\n var dom = entry[0] && entry[0].target;\n if (dom) {\n setHeaderWrapperSize({\n height: dom.offsetHeight,\n width: dom.offsetWidth,\n domRect: dom.getBoundingClientRect(),\n });\n }\n });\n var onHeaderResize = throttleByRaf(function (entry) {\n var dom = entry[0] && entry[0].target;\n if (dom) {\n setHeaderSize({\n height: dom.offsetHeight,\n width: dom.offsetWidth,\n domRect: dom.getBoundingClientRect(),\n });\n }\n });\n var getValidOffset = useCallback(function (offset) {\n var maxOffset = direction === DIRECTION_VERTICAL\n ? headerSize.height - headerWrapperSize.height\n : headerSize.width - headerWrapperSize.width;\n var validOffset = offset;\n validOffset = Math.min(maxOffset, validOffset);\n validOffset = Math.max(validOffset, 0);\n return validOffset;\n }, [direction, headerSize, headerWrapperSize]);\n var updateHeaderOffset = function (offset) {\n var nextOffset = getValidOffset(offset);\n if (nextOffset !== headerOffset) {\n setHeaderOffset(nextOffset);\n }\n };\n useEffect(function () {\n return function () {\n onHeaderResize.cancel && onHeaderResize.cancel();\n onWrapperResize.cancel && onWrapperResize.cancel();\n };\n }, []);\n // 根据激活的 tab 更新 headerOffset，所以依赖里面不能加 headerOffset\n useEffect(function () {\n if (!shouldScroll) {\n setShouldScroll(true);\n return;\n }\n var getActiveTabOffset = function () {\n var currentTitleNode = titleRef.current[activeTab];\n if (!currentTitleNode || !isScrollable) {\n return 0;\n }\n var diffStyle = getRectDiff(currentTitleNode, headerWrapperRef.current);\n var currentOffset = getCurrentHeaderOffset({\n direction: direction,\n align: align,\n headerDom: headerRef.current,\n headerWrapperDom: headerWrapperRef.current,\n });\n // 垂直方向的 offset 计算，不分type\n if (direction === 'vertical') {\n var nextOffset_1 = currentOffset;\n var scrollAlign_1 = scrollPosition;\n var topOffset = currentOffset + diffStyle.top;\n var bottomOffset = currentOffset + diffStyle.bottom;\n if (scrollAlign_1 === 'auto') {\n scrollAlign_1 = diffStyle.top < 0 ? 'start' : diffStyle.bottom > 0 ? 'end' : scrollPosition;\n }\n if (scrollAlign_1 === 'start') {\n nextOffset_1 = topOffset;\n }\n else if (scrollAlign_1 === 'end') {\n nextOffset_1 = bottomOffset;\n }\n else if (scrollAlign_1 === 'center') {\n nextOffset_1 = topOffset - (diffStyle.top - diffStyle.bottom) / 2;\n }\n else if (isNumber(scrollAlign_1)) {\n nextOffset_1 = Math.max(topOffset - scrollAlign_1, bottomOffset);\n }\n return nextOffset_1;\n }\n // 水平方向的 offset 计算，分为 capsule 和其他，因为 capsule 是右对齐\n if (align === 'right') {\n var startOffset_1 = currentOffset - diffStyle.left;\n var endOffset_1 = currentOffset - diffStyle.right;\n var scrollAlign_2 = scrollPosition;\n var nextOffset_2 = currentOffset;\n if (scrollPosition === 'auto') {\n scrollAlign_2 = diffStyle.left < 0 ? 'start' : diffStyle.right > 0 ? 'end' : scrollPosition;\n }\n if (scrollAlign_2 === 'start') {\n nextOffset_2 = startOffset_1;\n }\n else if (scrollAlign_2 === 'end') {\n nextOffset_2 = endOffset_1;\n }\n else if (scrollAlign_2 === 'center') {\n nextOffset_2 = startOffset_1 + (diffStyle.left - diffStyle.right) / 2;\n }\n else if (isNumber(scrollAlign_2)) {\n nextOffset_2 = Math.min(startOffset_1 + scrollAlign_2, endOffset_1);\n }\n return nextOffset_2;\n }\n var nextOffset = currentOffset;\n var scrollAlign = scrollPosition;\n var startOffset = currentOffset + diffStyle.left;\n var endOffset = currentOffset + diffStyle.right;\n if (scrollPosition === 'auto') {\n scrollAlign = diffStyle.left < 0 ? 'start' : diffStyle.right > 0 ? 'end' : scrollPosition;\n }\n if (scrollAlign === 'start') {\n nextOffset = startOffset;\n }\n else if (scrollAlign === 'end') {\n nextOffset = endOffset;\n }\n else if (scrollAlign === 'center') {\n nextOffset = startOffset - (diffStyle.left - diffStyle.right) / 2;\n }\n else if (isNumber(scrollAlign)) {\n nextOffset = Math.max(startOffset - scrollAlign, endOffset);\n }\n return nextOffset;\n };\n updateScrollOffset(headerWrapperRef.current, direction);\n var offset = getActiveTabOffset();\n offset = getValidOffset(offset);\n setHeaderOffset(offset);\n }, [activeTab, direction, overflow, isScrollable, type, getValidOffset, scrollPosition]);\n var headerStyle = getHeaderStyle({\n direction: direction,\n align: align,\n headerOffset: headerOffset,\n });\n var isDropdown = isScrollable && overflow === 'dropdown' && direction !== 'vertical';\n var isScroll = isScrollable && !isDropdown;\n var isEditable = editable && (type === 'card' || type === 'card-gutter' || type === 'line');\n var handleDelete = function (child) {\n mergeProps.onDeleteTab && mergeProps.onDeleteTab(child.key);\n setShouldScroll(scrollConfig.delete);\n };\n var handleAdd = function () {\n onAddTab && onAddTab();\n setShouldScroll(scrollConfig.add);\n };\n var renderAddIcon = function (isEditable) {\n return (isEditable &&\n showAddButton && (React.createElement(\"div\", __assign({ className: prefixCls + \"-add-icon\", \"aria-label\": \"add tab\", tabIndex: 0, role: \"button\", onClick: handleAdd }, getKeyDownEvent({ onPressEnter: handleAdd })), addButton || (React.createElement(IconHover, { prefix: prefixCls + \"-add\" },\n React.createElement(\"span\", { className: prefixCls + \"-add\" }, (icons === null || icons === void 0 ? void 0 : icons.add) || React.createElement(IconPlus, null)))))));\n };\n useHeaderScroll({\n headerWrapperRef: headerWrapperRef,\n headerOffset: headerOffset,\n align: align,\n direction: direction,\n isScrollable: isScrollable,\n onScroll: function (offset) {\n updateHeaderOffset(offset);\n },\n });\n return (React.createElement(\"div\", { className: cs(prefixCls + \"-header-nav\", prefixCls + \"-header-nav-\" + direction, prefixCls + \"-header-nav-\" + tabPosition, prefixCls + \"-header-size-\" + size, prefixCls + \"-header-nav-\" + type, className), style: style, ref: ref },\n React.createElement(\"div\", { className: cs(prefixCls + \"-header-scroll\", (_a = {},\n _a[prefixCls + \"-header-overflow-scroll\"] = isScroll,\n _a[prefixCls + \"-header-overflow-dropdown\"] = isDropdown,\n _a)), ref: scrollWrapperRef },\n isScroll && (React.createElement(TabNavIcon, { iconPos: \"prev\", prefixCls: prefixCls, currentOffset: headerOffset, headerSize: headerSize, headerWrapperSize: headerWrapperSize, \n // getRef={(name) => getCalcArguments()[name]}\n direction: direction, align: align, onChange: updateHeaderOffset })),\n React.createElement(ResizeObserver, { onResize: onWrapperResize },\n React.createElement(\"div\", { className: prefixCls + \"-header-wrapper\", ref: headerWrapperRef },\n React.createElement(ResizeObserver, { onResize: onHeaderResize },\n React.createElement(\"div\", { className: cs(prefixCls + \"-header\", (_b = {},\n _b[prefixCls + \"-header-no-padding\"] = !props.headerPadding &&\n direction === 'horizontal' &&\n ['line', 'text'].indexOf(type) > -1,\n _b)), ref: headerRef, style: headerStyle },\n paneChildren.map(function (child, index) { return (React.createElement(TabHeaderTitle, __assign({ key: index, ref: function (node) {\n titleRef.current[child.key] = node;\n }, tabKey: child.key }, child.props, { prefixCls: prefixCls, onDeleteTab: function () { return handleDelete(child); }, renderTitle: props.children || renderTabTitle, onClickTab: function () {\n mergeProps.onClickTab && mergeProps.onClickTab(child.key);\n }, isActive: activeTab === child.key, editable: isEditable && child.props.closable !== false, deleteIcon: icons === null || icons === void 0 ? void 0 : icons.delete, deleteButton: deleteButton, getIdPrefix: ctxProps.getIdPrefix, index: index }))); }),\n type === 'line' && (React.createElement(TabInk, { disabled: !!paneChildren.find(function (child) {\n return child && child.props && child.props.disabled && child.key === activeTab;\n }), prefixCls: prefixCls, animation: animation, direction: direction, getTitleRef: function (key) { return titleRef.current[key]; }, activeTab: activeTab, getHeaderRef: function () { return headerRef; } })))),\n !isScrollable && renderAddIcon(isEditable))),\n isScroll && (React.createElement(TabNavIcon, { prefixCls: prefixCls, currentOffset: headerOffset, headerSize: headerSize, headerWrapperSize: headerWrapperSize, direction: direction, align: align, onChange: updateHeaderOffset })),\n isDropdown && (React.createElement(DropdownIcon, { onClickTab: mergeProps.onClickTab, paneChildren: paneChildren, prefixCls: prefixCls, currentOffset: headerOffset, headerSize: headerSize, headerWrapperSize: headerWrapperSize, getTitleRef: function (key) { return titleRef.current[key]; }, direction: direction })),\n ((isEditable && isScrollable) || extra) && (React.createElement(\"div\", { className: prefixCls + \"-header-extra\" },\n isScrollable && renderAddIcon(isEditable),\n extra)))));\n});\nTabHeader.displayName = 'TabHeader';\nexport default TabHeader;\n","import { useRef, useEffect } from 'react';\nimport { on, off } from '../../_util/dom';\nexport default function useHeaderScroll(props) {\n var headerWrapperRef = props.headerWrapperRef, headerOffset = props.headerOffset, align = props.align, isScrollable = props.isScrollable, direction = props.direction, onScroll = props.onScroll;\n function onOffset(offsetX, offsetY) {\n var offset = 0;\n if (direction === 'vertical') {\n offset = headerOffset + offsetY;\n }\n else {\n offset = align === 'left' ? headerOffset + offsetX : headerOffset - offsetX;\n }\n onScroll && onScroll(offset);\n }\n // wheel\n var lastWheelDirectionRef = useRef('x');\n function onWheel(e) {\n if (!isScrollable)\n return;\n e.preventDefault();\n var deltaX = e.deltaX, deltaY = e.deltaY;\n var offset = 0;\n var absX = Math.abs(deltaX);\n var absY = Math.abs(deltaY);\n if (absX === absY) {\n offset = lastWheelDirectionRef.current === 'x' ? deltaX : deltaY;\n }\n else if (absX > absY) {\n offset = deltaX;\n lastWheelDirectionRef.current = 'x';\n }\n else {\n offset = deltaY;\n lastWheelDirectionRef.current = 'y';\n }\n onOffset(offset, offset);\n }\n // touch\n var positionRef = useRef({\n clientX: 0,\n clientY: 0,\n });\n var getPosition = function (e) {\n return e && e.touches && e.touches.length && e.touches[0];\n };\n var onTouchMove = function (e) {\n if (e.cancelable)\n e.preventDefault();\n var position = getPosition(e);\n if (!position)\n return;\n var _a = positionRef.current, clientX = _a.clientX, clientY = _a.clientY;\n // 往右移动的距离\n var offsetX = position.clientX - clientX;\n // 往下移动的距离\n var offsetY = position.clientY - clientY;\n onOffset(-offsetX, -offsetY);\n };\n var onTouchMoveEnd = function () {\n off(document.documentElement, 'touchmove', onTouchMove);\n off(document.documentElement, 'touchend', onTouchMoveEnd);\n };\n var onTouchStart = function (e) {\n if (!isScrollable)\n return;\n var position = getPosition(e);\n if (!position)\n return;\n positionRef.current = {\n clientX: position.clientX,\n clientY: position.clientY,\n };\n on(document.documentElement, 'touchmove', onTouchMove, { passive: false });\n on(window, 'touchend', onTouchMoveEnd, { passive: false });\n };\n var eventProxy = useRef(null);\n eventProxy.current = { onWheel: onWheel, onTouchStart: onTouchStart };\n useEffect(function () {\n on(headerWrapperRef.current, 'wheel', function (e) {\n eventProxy.current.onWheel(e);\n }, { passive: false });\n on(headerWrapperRef.current, 'touchstart', function (e) {\n eventProxy.current.onTouchStart(e);\n }, { passive: true });\n }, [headerWrapperRef.current]);\n}\n","import React, { useContext } from 'react';\nimport cs from '../_util/classNames';\nimport { TabsContext } from './tabs';\nexport default function TabContent(props) {\n var _a;\n var animation = props.animation, activeTab = props.activeTab, prefixCls = props.prefixCls, paneChildren = props.paneChildren, direction = props.direction, lazyload = props.lazyload, destroyOnHide = props.destroyOnHide;\n var activeIndex = paneChildren.findIndex(function (p) { return p.key === activeTab; });\n var ctxProps = useContext(TabsContext);\n if (paneChildren.every(function (x) {\n return (x === null || x === void 0 ? void 0 : x.props) && (!('children' in x.props) || x.props.children === null);\n })) {\n return null;\n }\n var classNamesContentInner = cs(prefixCls + \"-content-inner\", (_a = {},\n _a[prefixCls + \"-animation\"] = animation,\n _a));\n return (React.createElement(\"div\", { className: prefixCls + \"-content \" + prefixCls + \"-content-\" + direction },\n React.createElement(\"div\", { className: classNamesContentInner, style: {\n marginLeft: \"-\" + activeIndex * 100 + \"%\",\n } }, paneChildren.map(function (child, index) {\n var _a;\n var _b = ctxProps.getIdPrefix(index), tabpane = _b.tabpane, tab = _b.tab;\n var mergedDestroyOnHide = 'destroyOnHide' in child.props ? child.props.destroyOnHide : destroyOnHide;\n var isActive = child.key === activeTab;\n return (React.createElement(\"div\", { key: child.key, className: cs(prefixCls + \"-content-item\", (_a = {},\n _a[prefixCls + \"-content-item-active\"] = isActive,\n _a)), role: \"tabpanel\", id: tabpane, \"aria-hidden\": isActive ? undefined : true, tabIndex: isActive ? 0 : -1, \"aria-labelledby\": tab }, activeIndex !== index && mergedDestroyOnHide\n ? null\n : React.cloneElement(child, {\n lazyload: lazyload,\n isActive: isActive,\n })));\n }))));\n}\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { useRef, useImperativeHandle, useContext, useMemo, } from 'react';\nimport cs from '../_util/classNames';\nimport TabPane from './tab-pane';\nimport TabHeader from './tab-header/index';\nimport TabContent from './tab-content';\nimport omit from '../_util/omit';\nimport { ConfigContext } from '../ConfigProvider';\nimport { isFunction, isObject } from '../_util/is';\nimport useMergeValue from '../_util/hooks/useMergeValue';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nvar sizeList = ['mini', 'small', 'default', 'large'];\nvar __ARCO_TABS_SEED_INDEX = 0;\nvar getPaneChildren = function (props) {\n var children = props.children;\n var paneChildren = [];\n React.Children.forEach(children, function (child) {\n if (child && child.type && child.type.isTabPane) {\n paneChildren.push(child);\n }\n });\n return paneChildren;\n};\nvar getTabPaneAnimation = function (props) {\n var direction = props.direction, tabPosition = props.tabPosition, animation = props.animation;\n if (direction === 'vertical' || tabPosition === 'left' || tabPosition === 'right') {\n return false;\n }\n if (isObject(animation)) {\n return 'tabPane' in animation ? animation.tabPane : false;\n }\n return animation;\n};\nvar defaultProps = {\n tabPosition: 'top',\n type: 'line',\n overflow: 'scroll',\n showAddButton: true,\n lazyload: true,\n headerPadding: true,\n scrollPosition: 'auto',\n};\nexport var TabsContext = React.createContext({});\nfunction Tabs(baseProps, ref) {\n var _a;\n var _b = useContext(ConfigContext), getPrefixCls = _b.getPrefixCls, ctxSize = _b.size, componentConfig = _b.componentConfig;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Tabs);\n var paneChildren = getPaneChildren(props);\n var tabsRef = useRef();\n var _c = __read(useMergeValue((paneChildren[0] && paneChildren[0].key), {\n defaultValue: 'defaultActiveTab' in props ? props.defaultActiveTab : undefined,\n value: 'activeTab' in props ? props.activeTab : undefined,\n }), 2), activeTab = _c[0], setActiveTab = _c[1];\n var prefixCls = getPrefixCls('tabs');\n var size = props.size || (sizeList.indexOf(ctxSize) > -1 ? ctxSize : 'default');\n var animation = props.animation, className = props.className, direction = props.direction, style = props.style, type = props.type, justify = props.justify, destroyOnHide = props.destroyOnHide, lazyload = props.lazyload, onChange = props.onChange, onClickTab = props.onClickTab, onDeleteTab = props.onDeleteTab, renderTabHeader = props.renderTabHeader, rest = __rest(props, [\"animation\", \"className\", \"direction\", \"style\", \"type\", \"justify\", \"destroyOnHide\", \"lazyload\", \"onChange\", \"onClickTab\", \"onDeleteTab\", \"renderTabHeader\"]);\n var idPrefix = useMemo(function () {\n return prefixCls + \"-\" + __ARCO_TABS_SEED_INDEX++ + \"-\";\n }, []);\n var tabPosition = direction === 'vertical' ? 'left' : props.tabPosition;\n var tabHeaderProps = {\n animation: isObject(animation) && 'inkBar' in animation ? animation.inkBar : true,\n activeTab: activeTab,\n tabPosition: tabPosition,\n direction: ['left', 'right'].indexOf(tabPosition) > -1 ? 'vertical' : 'horizontal',\n paneChildren: paneChildren,\n onClickTab: function (key) {\n isFunction(onClickTab) && onClickTab(key);\n if (key !== activeTab) {\n if (!('activeTab' in props)) {\n setActiveTab(key);\n }\n isFunction(onChange) && onChange(key);\n }\n },\n onDeleteTab: onDeleteTab,\n prefixCls: prefixCls,\n };\n useImperativeHandle(ref, function () { return tabsRef; }, []);\n var TabContentDom = (React.createElement(TabContent, { direction: ['left', 'right'].indexOf(tabPosition) > -1 ? 'vertical' : 'horizontal', animation: getTabPaneAnimation(props), activeTab: activeTab, paneChildren: paneChildren, prefixCls: prefixCls, destroyOnHide: destroyOnHide, lazyload: lazyload }));\n return (React.createElement(\"div\", __assign({}, omit(rest, [\n 'headerPadding',\n 'tabPosition',\n 'defaultActiveTab',\n 'showAddButton',\n 'extra',\n 'onAddTab',\n 'activeTab',\n 'overflow',\n 'editable',\n 'renderTabTitle',\n 'addButton',\n 'deleteButton',\n 'icons',\n 'children',\n 'size',\n 'type',\n 'scrollPosition',\n 'offsetAlign',\n ]), { style: style, className: cs(prefixCls, prefixCls + \"-\" + (['left', 'right'].indexOf(tabPosition) > -1 ? 'vertical' : 'horizontal'), prefixCls + \"-\" + type, prefixCls + \"-\" + tabPosition, prefixCls + \"-size-\" + size, (_a = {},\n _a[prefixCls + \"-justify\"] = justify,\n _a), className), ref: tabsRef }),\n React.createElement(TabsContext.Provider, { value: __assign(__assign({}, tabHeaderProps), { getIdPrefix: function (suffix) {\n return {\n tab: idPrefix + \"tab-\" + suffix,\n tabpane: idPrefix + \"panel-\" + suffix,\n };\n } }) },\n tabPosition === 'bottom' && TabContentDom,\n isFunction(renderTabHeader) ? (renderTabHeader(__assign(__assign(__assign({}, omit(props, ['children', 'style', 'className'])), { size: size }), tabHeaderProps), TabHeader)) : (React.createElement(TabHeader, __assign({}, omit(props, ['children', 'style', 'className']), { size: size }))),\n tabPosition !== 'bottom' && TabContentDom)));\n}\nvar ForwardRefTabs = React.forwardRef(Tabs);\nvar TabsComponent = ForwardRefTabs;\nTabsComponent.displayName = 'Tabs';\nTabsComponent.TabPane = TabPane;\nexport default TabsComponent;\n","import Tabs from './tabs';\nexport default Tabs;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { useEffect, useRef, useContext } from 'react';\nimport cs from '../_util/classNames';\nimport { ConfigContext } from '../ConfigProvider';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nvar defaultProps = {\n dotType: 'solid',\n lineType: 'solid',\n};\nfunction Item(baseProps, ref) {\n var _a, _b;\n var _c = useContext(ConfigContext), getPrefixCls = _c.getPrefixCls, componentConfig = _c.componentConfig;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig['Timeline.Item']);\n var children = props.children, className = props.className, style = props.style, label = props.label, position = props.position, dot = props.dot, dotColor = props.dotColor, dotType = props.dotType, lineType = props.lineType, lineColor = props.lineColor, direction = props.direction, labelPosition = props.labelPosition, _d = props.autoFixDotSize, autoFixDotSize = _d === void 0 ? true : _d, rest = __rest(props, [\"children\", \"className\", \"style\", \"label\", \"position\", \"dot\", \"dotColor\", \"dotType\", \"lineType\", \"lineColor\", \"direction\", \"labelPosition\", \"autoFixDotSize\"]);\n var dotRef = useRef();\n var prefixCls = getPrefixCls('timeline');\n var autoFixSize = function () {\n if (dotRef.current) {\n var dotWidth = dotRef.current.offsetWidth;\n var scale = 16 / dotWidth; // 16 是允许的节点最大宽度。\n if (scale < 1) {\n dotRef.current.style.transform = \"translateX(-50%) translateY(-50%) scale(\" + scale + \")\";\n }\n }\n };\n useEffect(function () {\n autoFixDotSize && autoFixSize();\n }, [props]);\n var labelDom = label && React.createElement(\"div\", { className: prefixCls + \"-item-label\" }, label);\n return (React.createElement(\"div\", __assign({ ref: ref, role: \"listitem\" }, rest, { className: cs(prefixCls + \"-item\", (_a = {},\n _a[prefixCls + \"-item-\" + direction + \"-\" + position] = direction,\n _a[prefixCls + \"-item-label-\" + labelPosition] = labelPosition,\n _a), className), style: style }),\n React.createElement(\"div\", { className: prefixCls + \"-item-dot-wrapper\" },\n React.createElement(\"div\", { className: prefixCls + \"-item-dot-line \" + prefixCls + \"-item-dot-line-is-\" + direction, style: __assign((_b = {}, _b[\"\" + (direction === 'horizontal' ? 'borderTopStyle' : 'borderLeftStyle')] = lineType, _b), (lineColor ? { borderColor: lineColor } : {})) }),\n React.createElement(\"div\", { className: prefixCls + \"-item-dot-content\" }, dot ? (React.createElement(\"div\", { className: prefixCls + \"-item-dot-custom\", ref: dotRef }, dot)) : (React.createElement(\"div\", { className: cs(prefixCls + \"-item-dot\", prefixCls + \"-item-dot-\" + dotType), style: dotType === 'solid' ? { backgroundColor: dotColor } : { borderColor: dotColor } })))),\n React.createElement(\"div\", { className: prefixCls + \"-item-content-wrapper\" },\n children && React.createElement(\"div\", { className: prefixCls + \"-item-content\" }, children),\n labelPosition !== 'relative' && labelDom),\n labelPosition === 'relative' && labelDom));\n}\nvar ForwardRefItem = React.forwardRef(Item);\nvar TimelineItem = ForwardRefItem;\nTimelineItem.displayName = 'TimelineItem';\nTimelineItem.isTimelineItem = true;\nexport default TimelineItem;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { useContext } from 'react';\nimport cs from '../_util/classNames';\nimport Item from './item';\nimport { ConfigContext } from '../ConfigProvider';\nimport Spin from '../Spin';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nvar getDefaultPosition = function (position, index, mode, direction) {\n var map = ['left', 'right'];\n if (direction === 'horizontal') {\n map = ['top', 'bottom'];\n }\n var res = mode === 'alternate' ? position || map[index % 2] : mode;\n return map.indexOf(res) > -1 ? res : map[0];\n};\nvar defaultProps = {\n mode: 'left',\n direction: 'vertical',\n pendingDot: React.createElement(Spin, { size: 12 }),\n labelPosition: 'same',\n};\nfunction Timeline(baseProps, ref) {\n var _a = useContext(ConfigContext), getPrefixCls = _a.getPrefixCls, componentConfig = _a.componentConfig;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Timeline);\n var className = props.className, mode = props.mode, reverse = props.reverse, children = props.children, style = props.style, direction = props.direction, pending = props.pending, labelPosition = props.labelPosition, pendingDot = props.pendingDot, rest = __rest(props, [\"className\", \"mode\", \"reverse\", \"children\", \"style\", \"direction\", \"pending\", \"labelPosition\", \"pendingDot\"]);\n var prefixCls = getPrefixCls('timeline');\n var items = React.Children.map(children, function (child) {\n if (child && child.type && child.type.isTimelineItem) {\n return child;\n }\n return null;\n }) || [];\n if (pending) {\n items.push(React.createElement(Item, { lineType: \"dashed\", dot: pendingDot }, pending === true ? '' : pending));\n }\n if (reverse) {\n items.reverse();\n }\n return (React.createElement(\"div\", __assign({ role: \"list\" }, rest, { ref: ref, className: cs(prefixCls, prefixCls + \"-\" + mode, prefixCls + \"-direction-\" + direction, className), style: style }), items.map(function (child, index) {\n var _a;\n if (!child) {\n return null;\n }\n var position = child.props.position;\n var lineType = child.props.lineType;\n if (pending) {\n if (reverse) {\n if (index === 0) {\n lineType = 'dashed';\n }\n }\n else if (items.length - 2 === index) {\n lineType = 'dashed';\n }\n }\n return React.cloneElement(child, {\n key: index,\n className: cs(child.props.className, (_a = {},\n _a[prefixCls + \"-item-last\"] = items.length - 1 === index,\n _a)),\n labelPosition: labelPosition,\n position: getDefaultPosition(position, index, mode, direction),\n direction: direction,\n lineType: lineType,\n });\n })));\n}\nvar ForwardRefTimeline = React.forwardRef(Timeline);\nvar TimelineComponent = ForwardRefTimeline;\nTimelineComponent.displayName = 'Timeline';\nTimelineComponent.Item = Item;\nexport default TimelineComponent;\n","import Timeline from './timeline';\nexport default Timeline;\n","import _extends from \"@babel/runtime/helpers/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\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\nimport React, { useContext } from 'react';\nimport { IconContext } from '../context';\n\nfunction IconClockCircleComponent(iconProps, ref) {\n var _useContext = useContext(IconContext),\n _useContext$prefixCls = _useContext.prefixCls,\n prefixCls = _useContext$prefixCls === void 0 ? 'arco' : _useContext$prefixCls;\n\n var spin = iconProps.spin,\n className = iconProps.className;\n\n var props = _objectSpread(_objectSpread({\n \"aria-hidden\": true,\n focusable: false,\n ref: ref\n }, iconProps), {}, {\n className: \"\".concat(className ? className + ' ' : '').concat(prefixCls, \"-icon \").concat(prefixCls, \"-icon-clock-circle\")\n });\n\n if (spin) {\n props.className = \"\".concat(props.className, \" \").concat(prefixCls, \"-icon-loading\");\n }\n\n delete props.spin;\n delete props.isIcon;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"4\",\n viewBox: \"0 0 48 48\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M24 14v10h9.5m8.5 0c0 9.941-8.059 18-18 18S6 33.941 6 24 14.059 6 24 6s18 8.059 18 18Z\"\n }));\n}\n\nvar IconClockCircle = /*#__PURE__*/React.forwardRef(IconClockCircleComponent);\nIconClockCircle.defaultProps = {\n isIcon: true\n};\nIconClockCircle.displayName = 'IconClockCircle';\nexport default IconClockCircle;","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport React, { useContext, useRef, useState } from 'react';\nimport Trigger from '../Trigger';\nimport { isArray, isDayjs } from '../_util/is';\nimport { ConfigContext } from '../ConfigProvider';\nimport { getDayjsValue, getSortedDayjsArray, isDayjsArrayChange, isDayjsChange, isValidTimeString, toLocal, toTimezone, } from '../_util/dayjs';\nimport IconClockCircle from '../../icon/react-icon/IconClockCircle';\nimport Input from '../_class/picker/input';\nimport InputRange from '../_class/picker/input-range';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nimport usePrevious from '../_util/hooks/usePrevious';\nimport useUpdate from '../_util/hooks/useUpdate';\nimport PickerContext from './context';\nfunction getFormat(props) {\n return props.format || 'HH:mm:ss';\n}\nvar defaultProps = {\n allowClear: true,\n position: 'bl',\n format: 'HH:mm:ss',\n editable: true,\n order: true,\n scrollSticky: true,\n};\nvar Picker = function (baseProps) {\n var _a = useContext(ConfigContext), locale = _a.locale, getPrefixCls = _a.getPrefixCls, componentConfig = _a.componentConfig;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.TimePicker);\n var _b = props.allowClear, allowClear = _b === void 0 ? true : _b, className = props.className, disableConfirm = props.disableConfirm, style = props.style, placeholder = props.placeholder, getPopupContainer = props.getPopupContainer, disabled = props.disabled, position = props.position, isRangePicker = props.isRangePicker, picker = props.picker, error = props.error, triggerProps = props.triggerProps, propsValue = props.value, onChange = props.onChange, icons = props.icons, size = props.size, editable = props.editable, unmountOnExit = props.unmountOnExit, order = props.order, utcOffset = props.utcOffset, timezone = props.timezone;\n var format = getFormat(props);\n var prefixCls = getPrefixCls('timepicker');\n function getDefaultValue() {\n var value;\n if (props.value) {\n value = getDayjsValue(props.value, format, utcOffset, timezone);\n }\n else if (props.defaultValue) {\n value = getDayjsValue(props.defaultValue, format, utcOffset, timezone);\n }\n return value;\n }\n var _c = __read(useState(false), 2), popupVisible = _c[0], setPopupVisible = _c[1];\n var _d = __read(useState(getDefaultValue()), 2), value = _d[0], setValue = _d[1];\n var _e = __read(useState(), 2), valueShow = _e[0], setValueShow = _e[1];\n var _f = __read(useState(), 2), inputValue = _f[0], setInputValue = _f[1];\n var _g = __read(useState(0), 2), focusedInputIndex = _g[0], setFocusedInputIndex = _g[1];\n // controlled mode / uncontrolled mode\n var mergedValue = 'value' in props ? getDayjsValue(propsValue, format, utcOffset, timezone) : value;\n var mergedPopupVisible = 'popupVisible' in props ? props.popupVisible : popupVisible;\n var previousUtcOffset = usePrevious(utcOffset);\n var previousTimezone = usePrevious(timezone);\n // when timezone or utcOffset change changed\n useUpdate(function () {\n if (value && (previousUtcOffset !== utcOffset || timezone !== previousTimezone)) {\n var localValue = isArray(value)\n ? value.map(function (v) { return toLocal(v, previousUtcOffset, previousTimezone); })\n : toLocal(value, previousUtcOffset, previousTimezone);\n var zoneValue = isArray(localValue)\n ? localValue.map(function (v) { return toTimezone(v, utcOffset, timezone); })\n : toTimezone(localValue, utcOffset, timezone);\n setValue(zoneValue);\n }\n }, [utcOffset, previousUtcOffset, timezone, previousTimezone]);\n var refInput = useRef(null);\n function focusInput(index) {\n refInput.current && refInput.current.focus && refInput.current.focus(index);\n }\n function changeFocusedInputIndex(index) {\n setFocusedInputIndex(index);\n setTimeout(function () { return focusInput(index); });\n }\n function onVisibleChange(visible) {\n if (visible) {\n setOpen(visible, function () {\n setTimeout(function () { return focusInput(); });\n });\n }\n else {\n setOpen(false);\n }\n }\n function setOpen(visible, callback) {\n setPopupVisible(visible);\n setInputValue(undefined);\n callback && callback();\n if (!visible) {\n setValueShow(undefined);\n }\n }\n function onConfirmValue(vs) {\n var newValue = isRangePicker && order ? getSortedDayjsArray(vs) : vs;\n setValue(newValue);\n setValueShow(undefined);\n setInputValue(undefined);\n onHandleChange(newValue);\n if (!disableConfirm) {\n setOpen(false);\n }\n }\n function onHandleChange(vs) {\n if (isArray(vs) && isDayjsArrayChange(mergedValue, vs)) {\n onChange &&\n onChange(vs.map(function (t) { return toLocal(t, utcOffset, timezone).format(format); }), vs.map(function (t) { return toLocal(t, utcOffset, timezone); }));\n }\n if (isDayjs(vs) && isDayjsChange(mergedValue, vs)) {\n onChange &&\n onChange(toLocal(vs, utcOffset, timezone).format(format), toLocal(vs, utcOffset, timezone));\n }\n }\n function renderPopup() {\n var vs = isRangePicker\n ? isArray(valueShow) && valueShow.length\n ? valueShow\n : mergedValue\n : valueShow || mergedValue;\n return (React.createElement(\"div\", { className: prefixCls + \"-container\", onClick: function () { return focusInput(); } }, React.cloneElement(picker, __assign(__assign({}, props), { format: format, inputValue: inputValue, setInputValue: setInputValue, onConfirmValue: onConfirmValue, setValueShow: setValueShow, valueShow: vs, value: mergedValue, popupVisible: mergedPopupVisible, focusedInputIndex: focusedInputIndex, changeFocusedInputIndex: changeFocusedInputIndex }))));\n }\n function onChangeInput(e) {\n var newInputValue = e.target.value;\n if (!popupVisible) {\n setPopupVisible(true);\n }\n setInputValue(newInputValue);\n confirmInputValue(newInputValue);\n }\n function confirmInputValue(newInputValue) {\n var newInputDayjs = getDayjsValue(newInputValue, format);\n if (isRangePicker) {\n var newValueShow = __spreadArray([], __read((isArray(valueShow) ? valueShow : value || [])), false);\n if (isValidTimeString(newInputValue, format)) {\n newValueShow[focusedInputIndex] = newInputDayjs;\n var localDayjsArray = newValueShow.map(function (nv) { return toLocal(nv, utcOffset, timezone); });\n props.onSelect &&\n props.onSelect(localDayjsArray.map(function (la) { return la && la.format(format); }), localDayjsArray);\n setValueShow(newValueShow);\n setInputValue(undefined);\n }\n }\n else if (isValidTimeString(newInputValue, format)) {\n var localDayjs = toLocal(newInputDayjs, utcOffset, timezone);\n props.onSelect && props.onSelect(localDayjs.format(format), localDayjs);\n setValueShow(newInputDayjs);\n setInputValue(undefined);\n }\n }\n function onPressEnter() {\n if (isRangePicker) {\n if (isArray(valueShow) && valueShow.length) {\n if (inputValue && !isValidTimeString(inputValue, format)) {\n setOpen(false);\n }\n else if (valueShow[0] === undefined || valueShow[1] === undefined) {\n changeFocusedInputIndex(focusedInputIndex === 0 ? 1 : 0);\n }\n else if (valueShow.length === 2) {\n onConfirmValue(valueShow);\n }\n }\n else {\n setOpen(false);\n }\n }\n else {\n onConfirmValue(valueShow || mergedValue);\n }\n }\n function onPressTab(e) {\n e.preventDefault();\n }\n function onClear(e) {\n e.stopPropagation();\n onConfirmValue(undefined);\n onChange && onChange(undefined, undefined);\n props.onClear && props.onClear();\n }\n var rangePickerPlaceholder = isRangePicker && isArray(placeholder) ? placeholder : locale.TimePicker.placeholders;\n var inputPlaceHolder = placeholder || locale.TimePicker.placeholder;\n var suffixIcon = (icons && icons.inputSuffix) || React.createElement(IconClockCircle, null);\n var baseInputProps = {\n style: style,\n className: className,\n popupVisible: mergedPopupVisible,\n format: format,\n disabled: disabled,\n error: error,\n size: size,\n onPressEnter: onPressEnter,\n onClear: onClear,\n suffixIcon: suffixIcon,\n editable: editable,\n allowClear: allowClear,\n };\n return (React.createElement(PickerContext.Provider, { value: { utcOffset: utcOffset, timezone: timezone } },\n React.createElement(Trigger, __assign({ popup: function () { return renderPopup(); }, trigger: \"click\", clickToClose: false, position: position, disabled: disabled, popupAlign: { bottom: 4 }, getPopupContainer: getPopupContainer, onVisibleChange: onVisibleChange, popupVisible: mergedPopupVisible, classNames: \"slideDynamicOrigin\", unmountOnExit: !!unmountOnExit }, triggerProps), isRangePicker ? (React.createElement(InputRange, __assign({}, baseInputProps, { ref: refInput, placeholder: rangePickerPlaceholder, value: (isArray(valueShow) && valueShow.length ? valueShow : mergedValue), onChange: onChangeInput, inputValue: inputValue, changeFocusedInputIndex: changeFocusedInputIndex, focusedInputIndex: focusedInputIndex, onPressTab: onPressTab }))) : (React.createElement(Input, __assign({}, baseInputProps, { ref: refInput, placeholder: inputPlaceHolder, value: (valueShow || mergedValue), inputValue: inputValue, onChange: onChangeInput }))))));\n};\nexport default Picker;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { useContext } from 'react';\nimport TimePicker from './time-picker';\nimport { isArray, isDayjs } from '../_util/is';\nimport { toLocal, toTimezone } from '../_util/dayjs';\nimport omit from '../_util/omit';\nimport PickerContext from './context';\nfunction RangePicker(props) {\n var _a = props.format, format = _a === void 0 ? 'HH:mm:ss' : _a, onSelect = props.onSelect, focusedInputIndex = props.focusedInputIndex, changeFocusedInputIndex = props.changeFocusedInputIndex, popupVisible = props.popupVisible, onConfirmValue = props.onConfirmValue, _b = props.valueShow, valueShow = _b === void 0 ? [] : _b, setValueShow = props.setValueShow, disableConfirm = props.disableConfirm, rest = __rest(props, [\"format\", \"onSelect\", \"focusedInputIndex\", \"changeFocusedInputIndex\", \"popupVisible\", \"onConfirmValue\", \"valueShow\", \"setValueShow\", \"disableConfirm\"]);\n var _c = useContext(PickerContext), utcOffset = _c.utcOffset, timezone = _c.timezone;\n function onSelectTime(_, time) {\n var zoneValue = valueShow.slice();\n var v = valueShow.map(function (a) { return toLocal(a, utcOffset, timezone); });\n zoneValue[focusedInputIndex] = toTimezone(time, utcOffset, timezone);\n v[focusedInputIndex] = time;\n onSelect &&\n onSelect(v.map(function (t) { return t.format(format); }), v);\n setValueShow(zoneValue);\n if (disableConfirm && isArray(v) && isDayjs(v[0]) && isDayjs(v[1])) {\n onConfirmValue(zoneValue);\n }\n }\n function onConfirmValueInner() {\n if (valueShow.length && (valueShow[0] === undefined || valueShow[1] === undefined)) {\n changeFocusedInputIndex(focusedInputIndex === 0 ? 1 : 0);\n }\n else {\n onConfirmValue(valueShow);\n }\n }\n var timepickerProps = omit(rest, ['defaultValue', 'placeholder', 'value', 'onChange']);\n var currentShowValue = valueShow[focusedInputIndex];\n return (React.createElement(TimePicker, __assign({ onSelect: onSelectTime, value: currentShowValue, format: format, isRangePicker: true, onConfirmValue: onConfirmValueInner, confirmBtnDisabled: !isDayjs(currentShowValue), valueShow: currentShowValue, popupVisible: popupVisible, disableConfirm: disableConfirm }, timepickerProps)));\n}\nexport default RangePicker;\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n if (typeof b !== \"function\" && b !== null)\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nimport React from 'react';\nimport Picker from './picker';\nimport TimePickerPopup from './time-picker';\nimport RangePickerPopup from './range-picker';\nimport '../_util/polyfill/object-assign';\nfunction wrapper(picker, displayName, type) {\n var _a;\n return _a = /** @class */ (function (_super) {\n __extends(PickerWrapper, _super);\n function PickerWrapper() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n PickerWrapper.prototype.render = function () {\n return React.createElement(Picker, __assign({}, this.props, { picker: picker, isRangePicker: type === 'range' }));\n };\n return PickerWrapper;\n }(React.Component)),\n _a.displayName = displayName,\n _a;\n}\nvar TimePicker = wrapper(React.createElement(TimePickerPopup, null), 'TimePicker');\nvar RangePicker = wrapper(React.createElement(RangePickerPopup, null), 'TimePickerRangePicker', 'range');\nObject.assign(TimePicker, { RangePicker: RangePicker });\nexport default TimePicker;\n","var __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { useEffect, useRef, useState } from 'react';\nimport cs from '../_util/classNames';\nimport IconHover from '../_class/icon-hover';\nimport Checkbox from '../Checkbox';\nimport IconClose from '../../icon/react-icon/IconClose';\nimport IconDragDotVertical from '../../icon/react-icon/IconDragDotVertical';\nfunction TransferItem(props) {\n var _a;\n var className = props.className, prefixCls = props.prefixCls, render = props.render, item = props.item, selectedKeys = props.selectedKeys, disabled = props.disabled, draggable = props.draggable, droppable = props.droppable, allowClear = props.allowClear, onItemSelect = props.onItemSelect, onItemRemove = props.onItemRemove, onDragStart = props.onDragStart, onDragEnd = props.onDragEnd, onDragLeave = props.onDragLeave, onDragOver = props.onDragOver, onDrop = props.onDrop;\n var baseClassName = prefixCls + \"-view-item\";\n var refItem = useRef(null);\n var refDraggedTimer = useRef(null);\n var _b = __read(useState('none'), 2), dragStatus = _b[0], setDragStatus = _b[1];\n var _c = __read(useState(false), 2), dragOver = _c[0], setDragOver = _c[1];\n var _d = __read(useState(0), 2), dragPosition = _d[0], setDragPosition = _d[1];\n var _disabled = disabled || item.disabled;\n var checked = selectedKeys.indexOf(item.key) > -1;\n var itemContent = render ? render(item) : item.value;\n useEffect(function () {\n return function () {\n refDraggedTimer.current && clearTimeout(refDraggedTimer.current);\n };\n }, []);\n useEffect(function () {\n if (dragStatus === 'dragged') {\n refDraggedTimer.current = setTimeout(function () { return setDragStatus('none'); }, 1000);\n }\n }, [dragStatus]);\n return (React.createElement(\"li\", { key: item.key, ref: refItem, className: cs(baseClassName, (_a = {},\n _a[baseClassName + \"-disabled\"] = _disabled,\n _a[baseClassName + \"-draggable\"] = draggable,\n _a[baseClassName + \"-gap-top\"] = dragOver && dragPosition < 0,\n _a[baseClassName + \"-gap-bottom\"] = dragOver && dragPosition > 0,\n _a[baseClassName + \"-\" + dragStatus] = dragStatus !== 'none',\n _a), className), draggable: draggable, onDragStart: function (e) {\n e.stopPropagation();\n setDragStatus('dragging');\n onDragStart && onDragStart(e, item);\n try {\n // ie throw error\n // firefox-need-it\n e.dataTransfer.setData('text/plain', '');\n }\n catch (error) {\n // empty\n }\n }, onDragEnd: function (e) {\n e.stopPropagation();\n setDragOver(false);\n setDragStatus('dragged');\n onDragEnd && onDragEnd(e, item);\n }, onDragOver: function (e) {\n if (droppable) {\n e.stopPropagation();\n e.preventDefault();\n var rect = refItem.current.getBoundingClientRect();\n var threshold = window.pageYOffset + rect.top + rect.height / 2;\n var position = e.pageY > threshold ? 1 : -1;\n setDragOver(true);\n setDragPosition(position);\n onDragOver && onDragOver(e, item);\n }\n }, onDragLeave: function (e) {\n if (droppable) {\n e.stopPropagation();\n setDragOver(false);\n onDragLeave && onDragLeave(e, item);\n }\n }, onDrop: function (e) {\n if (droppable) {\n e.stopPropagation();\n e.preventDefault();\n setDragOver(false);\n setDragPosition(0);\n setDragStatus('none');\n onDrop && onDrop(e, item, dragPosition);\n }\n } },\n draggable ? (React.createElement(IconHover, { className: baseClassName + \"-icon-drag\" },\n React.createElement(IconDragDotVertical, null))) : null,\n allowClear ? (React.createElement(React.Fragment, null,\n React.createElement(\"span\", { className: baseClassName + \"-content\" }, itemContent),\n !_disabled && (React.createElement(IconHover, { className: baseClassName + \"-icon-remove\", onClick: function () { return onItemRemove(item.key); } },\n React.createElement(IconClose, null))))) : (React.createElement(Checkbox, { className: baseClassName + \"-content\", checked: checked, disabled: _disabled, onChange: function (checked) { return onItemSelect(item.key, checked); } }, itemContent))));\n}\nexport default TransferItem;\n","import _extends from \"@babel/runtime/helpers/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\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\nimport React, { useContext } from 'react';\nimport { IconContext } from '../context';\n\nfunction IconDeleteComponent(iconProps, ref) {\n var _useContext = useContext(IconContext),\n _useContext$prefixCls = _useContext.prefixCls,\n prefixCls = _useContext$prefixCls === void 0 ? 'arco' : _useContext$prefixCls;\n\n var spin = iconProps.spin,\n className = iconProps.className;\n\n var props = _objectSpread(_objectSpread({\n \"aria-hidden\": true,\n focusable: false,\n ref: ref\n }, iconProps), {}, {\n className: \"\".concat(className ? className + ' ' : '').concat(prefixCls, \"-icon \").concat(prefixCls, \"-icon-delete\")\n });\n\n if (spin) {\n props.className = \"\".concat(props.className, \" \").concat(prefixCls, \"-icon-loading\");\n }\n\n delete props.spin;\n delete props.isIcon;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"4\",\n viewBox: \"0 0 48 48\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M5 11h5.5m0 0v29a1 1 0 0 0 1 1h25a1 1 0 0 0 1-1V11m-27 0H16m21.5 0H43m-5.5 0H32m-16 0V7h16v4m-16 0h16M20 18v15m8-15v15\"\n }));\n}\n\nvar IconDelete = /*#__PURE__*/React.forwardRef(IconDeleteComponent);\nIconDelete.defaultProps = {\n isIcon: true\n};\nIconDelete.displayName = 'IconDelete';\nexport default IconDelete;","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport React, { useContext, useEffect, useState } from 'react';\nimport cs from '../_util/classNames';\nimport Checkbox from '../Checkbox';\nimport Button from '../Button';\nimport Input from '../Input';\nimport List from '../List';\nimport Item from './item';\nimport IconSearch from '../../icon/react-icon/IconSearch';\nimport IconDelete from '../../icon/react-icon/IconDelete';\nimport IconHover from '../_class/icon-hover';\nimport { ConfigContext } from '../ConfigProvider';\nimport { isObject } from '../_util/is';\nexport var TransferList = function (props, ref) {\n var style = props.style, prefixCls = props.prefixCls, className = props.className, listType = props.listType, dataSource = props.dataSource, _a = props.selectedKeys, selectedKeys = _a === void 0 ? [] : _a, validKeys = props.validKeys, selectedDisabledKeys = props.selectedDisabledKeys, _b = props.title, title = _b === void 0 ? '' : _b, disabled = props.disabled, draggable = props.draggable, allowClear = props.allowClear, showSearch = props.showSearch, showFooter = props.showFooter, searchPlaceholder = props.searchPlaceholder, render = props.render, renderList = props.renderList, pagination = props.pagination, handleSelect = props.handleSelect, handleRemove = props.handleRemove, filterOption = props.filterOption, renderHeaderUnit = props.renderHeaderUnit, onSearch = props.onSearch, onResetData = props.onResetData, onDragStart = props.onDragStart, onDragEnd = props.onDragEnd, onDragLeave = props.onDragLeave, onDragOver = props.onDragOver, onDrop = props.onDrop;\n var baseClassName = prefixCls + \"-view\";\n var locale = useContext(ConfigContext).locale;\n var _c = __read(useState(null), 2), dragItem = _c[0], setDragItem = _c[1];\n var _d = __read(useState(''), 2), filterText = _d[0], setFilterText = _d[1];\n var _e = __read(useState(dataSource), 2), itemsToRender = _e[0], setItemsToRender = _e[1];\n useEffect(function () {\n setItemsToRender(filterText ? dataSource.filter(function (item) { return filterOption(filterText, item); }) : dataSource);\n }, [dataSource, filterText, filterOption]);\n // 处理单个条目复选框改变\n var handleItemChecked = function (key, checked) {\n return handleSelect(checked ? selectedKeys.concat(key) : selectedKeys.filter(function (_key) { return _key !== key; }));\n };\n // 处理全选复选框改变，始终避免操作已禁用的选项\n var handleItemAllChecked = function (keys, checked) {\n return handleSelect(checked\n ? __spreadArray([], __read(new Set(selectedKeys.concat(keys))), false) : selectedKeys.filter(function (selectedKey) { return keys.indexOf(selectedKey) === -1; }));\n };\n var clearItems = function (keys) { return function () { return handleRemove(keys); }; };\n var searchInput = (React.createElement(Input, __assign({ size: \"small\", disabled: disabled, placeholder: searchPlaceholder, suffix: React.createElement(IconSearch, null) }, (isObject(showSearch) ? showSearch : {}), { onChange: function (value, event) {\n setFilterText(value);\n onSearch && onSearch(value);\n isObject(showSearch) && showSearch.onChange && showSearch.onChange(value, event);\n } })));\n var renderHeader = function () {\n var countSelected = selectedKeys.length;\n var countRendered = itemsToRender.length;\n var keysCanBeChecked = filterText\n ? validKeys.filter(function (validKey) { return itemsToRender.find(function (_a) {\n var key = _a.key;\n return key === validKey;\n }); })\n : validKeys;\n var countCheckedOfRenderedItems = keysCanBeChecked.filter(function (key) { return selectedKeys.indexOf(key) > -1; }).length;\n var checkboxProps = {\n disabled: disabled,\n checked: countCheckedOfRenderedItems > 0 && countCheckedOfRenderedItems === keysCanBeChecked.length,\n indeterminate: countCheckedOfRenderedItems > 0 && countCheckedOfRenderedItems < keysCanBeChecked.length,\n onChange: function (checked) { return handleItemAllChecked(keysCanBeChecked, checked); },\n };\n if (typeof title === 'function') {\n return title({\n countTotal: countRendered,\n countSelected: countSelected,\n clear: clearItems(keysCanBeChecked),\n checkbox: React.createElement(Checkbox, __assign({}, checkboxProps)),\n searchInput: searchInput,\n });\n }\n var eleHeaderUnit = (React.createElement(\"span\", { className: baseClassName + \"-header-unit\" }, renderHeaderUnit(countSelected, countRendered)));\n return allowClear ? (React.createElement(React.Fragment, null,\n React.createElement(\"span\", { className: baseClassName + \"-header-title\" }, title),\n eleHeaderUnit,\n !disabled && validKeys.length ? (React.createElement(IconHover, { className: baseClassName + \"-icon-clear\", onClick: clearItems(keysCanBeChecked) },\n React.createElement(IconDelete, null))) : null)) : (React.createElement(React.Fragment, null,\n React.createElement(\"span\", { className: baseClassName + \"-header-title\" },\n React.createElement(Checkbox, __assign({}, checkboxProps), title)),\n eleHeaderUnit));\n };\n var renderListBody = function () {\n var customList = renderList &&\n renderList({\n listType: listType,\n disabled: disabled,\n selectedKeys: selectedKeys,\n validKeys: validKeys,\n selectedDisabledKeys: selectedDisabledKeys,\n filteredItems: itemsToRender,\n onItemRemove: function (key) { return handleRemove([key]); },\n onItemSelect: handleItemChecked,\n onItemSelectAll: function (keys, checked) {\n handleSelect(checked ? keys.concat(selectedDisabledKeys) : __spreadArray([], __read(selectedDisabledKeys), false));\n },\n });\n return customList ? (React.createElement(\"div\", { className: baseClassName + \"-custom-list\" }, customList)) : (React.createElement(List, { bordered: false, paginationInFooter: true, wrapperClassName: baseClassName + \"-list\", dataSource: itemsToRender, pagination: pagination\n ? __assign({ simple: true, size: 'mini' }, (typeof pagination === 'object' ? pagination : {})) : undefined, footer: showFooter === true ? (React.createElement(Button, { size: \"mini\", disabled: disabled, onClick: onResetData }, locale.Transfer.resetText)) : (showFooter || null), render: function (item) { return (React.createElement(Item, { key: item.key, prefixCls: prefixCls, item: item, disabled: disabled, draggable: draggable, droppable: !!dragItem, allowClear: allowClear, render: render, selectedKeys: selectedKeys, onItemSelect: function (key, selected) { return handleItemChecked(key, selected); }, onItemRemove: function (key) { return handleRemove([key]); }, onDragStart: function (e, item) {\n setDragItem(item);\n onDragStart && onDragStart(e, item);\n }, onDragEnd: function (e, item) {\n setDragItem(null);\n onDragEnd && onDragEnd(e, item);\n }, onDragLeave: function (e, item) { return onDragLeave && onDragLeave(e, item); }, onDragOver: function (e, item) { return onDragOver && onDragOver(e, item); }, onDrop: function (e, dropItem, dropPosition) {\n if (onDrop && dragItem && dragItem.key !== dropItem.key) {\n onDrop({\n e: e,\n dropItem: dropItem,\n dropPosition: dropPosition,\n dragItem: dragItem,\n });\n }\n } })); } }));\n };\n return (React.createElement(\"div\", { ref: ref, className: cs(baseClassName, className), style: style },\n React.createElement(\"div\", { className: baseClassName + \"-header\" }, renderHeader()),\n showSearch && React.createElement(\"div\", { className: baseClassName + \"-search\" }, searchInput),\n renderListBody()));\n};\nvar TransferListComponent = React.forwardRef(TransferList);\nexport default TransferListComponent;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { useContext, useMemo } from 'react';\nimport { ConfigContext } from '../ConfigProvider';\nimport cs from '../_util/classNames';\nimport Button from '../Button';\nimport TransferList from './list';\nimport IconLeft from '../../icon/react-icon/IconLeft';\nimport IconRight from '../../icon/react-icon/IconRight';\nimport useMergeValue from '../_util/hooks/useMergeValue';\nimport { isObject } from '../_util/is';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nvar defaultProps = {\n titleTexts: ['Source', 'Target'],\n defaultSelectedKeys: [],\n defaultTargetKeys: [],\n dataSource: [],\n filterOption: function (inputValue, item) {\n return typeof (item === null || item === void 0 ? void 0 : item.value) === 'string' && item.value.indexOf(inputValue) !== -1;\n },\n};\nfunction Transfer(baseProps, ref) {\n var _a;\n var _b = useContext(ConfigContext), getPrefixCls = _b.getPrefixCls, componentConfig = _b.componentConfig;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Transfer);\n var transferPrefixCls = props.prefixCls, style = props.style, className = props.className, children = props.children, listStyle = props.listStyle, dataSource = props.dataSource, defaultTargetKeys = props.defaultTargetKeys, defaultSelectedKeys = props.defaultSelectedKeys, propTargetKeys = props.targetKeys, propSelectedKeys = props.selectedKeys, oneWay = props.oneWay, simple = props.simple, disabled = props.disabled, titleTexts = props.titleTexts, operationTexts = props.operationTexts, operationStyle = props.operationStyle, onSearch = props.onSearch, onChange = props.onChange, onSelectChange = props.onSelectChange, restProps = __rest(props, [\"prefixCls\", \"style\", \"className\", \"children\", \"listStyle\", \"dataSource\", \"defaultTargetKeys\", \"defaultSelectedKeys\", \"targetKeys\", \"selectedKeys\", \"oneWay\", \"simple\", \"disabled\", \"titleTexts\", \"operationTexts\", \"operationStyle\", \"onSearch\", \"onChange\", \"onSelectChange\"]);\n var prefixCls = transferPrefixCls || getPrefixCls('transfer');\n var mergedOneWay = !!(simple || oneWay);\n var _c = __read(useMergeValue([], {\n value: propTargetKeys,\n defaultValue: simple ? defaultTargetKeys.concat(defaultSelectedKeys) : defaultTargetKeys,\n }), 2), targetKeys = _c[0], setTargetKeys = _c[1];\n var _d = __read(useMergeValue([], {\n value: propSelectedKeys,\n defaultValue: simple ? [] : defaultSelectedKeys,\n }), 2), selectedKeys = _d[0], setSelectedKeys = _d[1];\n // 严格控制 TransferList 的 dataSource 的引用地址改变\n var _e = __read(useMemo(function () { return [[], []]; }, [dataSource, targetKeys]), 2), sourceListDataSource = _e[0], targetListDataSource = _e[1];\n var _f = __read(useMemo(function () {\n // 每次重新计算时，清空数组\n sourceListDataSource.length = 0;\n targetListDataSource.length = 0;\n // 空间换取时间，尽量减少数组遍历的次数\n var sourceInfo = {\n dataSource: sourceListDataSource,\n selectedKeys: [],\n validKeys: [],\n selectedValidKeys: [],\n selectedDisabledKeys: [],\n };\n var targetInfo = {\n dataSource: targetListDataSource,\n selectedKeys: [],\n validKeys: [],\n selectedValidKeys: [],\n selectedDisabledKeys: [],\n };\n dataSource.forEach(function (item) {\n var info = targetKeys.indexOf(item.key) > -1 ? targetInfo : sourceInfo;\n if (!item.disabled) {\n info.validKeys.push(item.key);\n }\n if (selectedKeys.indexOf(item.key) > -1) {\n info.selectedKeys.push(item.key);\n if (item.disabled) {\n info.selectedDisabledKeys.push(item.key);\n }\n else {\n info.selectedValidKeys.push(item.key);\n }\n }\n info.dataSource.push(item);\n });\n // 简单模式下，在左侧列表保留被选中的项目\n if (isObject(simple) && simple.retainSelectedItems) {\n Object.entries(sourceInfo).forEach(function (_a) {\n var _b = __read(_a, 2), key = _b[0], value = _b[1];\n if (Array.isArray(value)) {\n sourceInfo[key] = value.concat(targetInfo[key]);\n }\n });\n sourceInfo.dataSource = dataSource.slice();\n sourceInfo.selectedKeys = targetKeys.slice();\n }\n return [sourceInfo, targetInfo];\n }, [dataSource, targetKeys, selectedKeys, simple]), 2), sourceInfo = _f[0], targetInfo = _f[1];\n // 移动选项\n var moveTo = function (to, moveKeys) {\n if (moveKeys === void 0) { moveKeys = null; }\n if (Array.isArray(moveKeys) && moveKeys.length === 0) {\n return;\n }\n // 只移动未被禁用的选中项目\n moveKeys =\n moveKeys || (to === 'target' ? sourceInfo.selectedValidKeys : targetInfo.selectedValidKeys);\n var newTargetKeys = to === 'target'\n ? targetKeys.concat(moveKeys)\n : targetKeys.filter(function (key) { return moveKeys.indexOf(key) === -1; });\n // 移动之后取消所有非禁用选项的选中状态\n setSelectedKeys(sourceInfo.selectedDisabledKeys.concat(targetInfo.selectedDisabledKeys));\n setTargetKeys(newTargetKeys);\n onChange && onChange(newTargetKeys, to, moveKeys);\n };\n // 单选 或者 全选\n var handleSelect = function (keys, listType) {\n if (listType === 'source') {\n // 简单模式在选中之后直接移动\n if (simple) {\n var keysAdded = keys.filter(function (k) { return sourceInfo.selectedKeys.indexOf(k) === -1; });\n var keysRemoved = sourceInfo.selectedKeys.filter(function (k) { return keys.indexOf(k) === -1; });\n moveTo('target', keysAdded);\n moveTo('source', keysRemoved);\n }\n else {\n setSelectedKeys(keys.concat(targetInfo.selectedKeys));\n onSelectChange && onSelectChange(keys, targetInfo.selectedKeys);\n }\n }\n else {\n setSelectedKeys(sourceInfo.selectedKeys.concat(keys));\n onSelectChange && onSelectChange(sourceInfo.selectedKeys, keys);\n }\n };\n var renderOperations = function () {\n var _a;\n var leftActive = targetInfo.selectedKeys.length > 0;\n var rightActive = sourceInfo.selectedKeys.length > 0;\n var buttons = mergedOneWay ? ['target'] : ['target', 'source'];\n return simple ? null : (React.createElement(\"div\", { style: operationStyle, className: cs(prefixCls + \"-operations\", (_a = {},\n _a[prefixCls + \"-operations-words\"] = operationTexts,\n _a)) }, buttons.map(function (to, index) {\n var Icon;\n var _disabled;\n if (to === 'source') {\n Icon = IconLeft;\n _disabled = disabled || !leftActive;\n }\n else {\n Icon = IconRight;\n _disabled = disabled || !rightActive;\n }\n return (React.createElement(Button, { key: index, tabIndex: -1, \"aria-label\": \"move selected \" + (to === 'target' ? 'right' : 'left'), type: \"secondary\", size: \"small\", shape: \"round\", disabled: _disabled, onClick: function () { return moveTo(to); }, icon: React.createElement(Icon, null) }, operationTexts && operationTexts[index]));\n })));\n };\n var renderList = function (listType) {\n var info = listType === 'source' ? sourceInfo : targetInfo;\n var isTarget = listType === 'target';\n return (React.createElement(TransferList, __assign({}, info, restProps, { style: listStyle, prefixCls: prefixCls, className: prefixCls + \"-view-\" + listType, listType: listType, title: titleTexts[isTarget ? 1 : 0], disabled: disabled, allowClear: isTarget && mergedOneWay, renderList: children, handleSelect: function (newSelectKeys) { return handleSelect(newSelectKeys, listType); }, handleRemove: function (removeKeys) { return moveTo(isTarget ? 'source' : 'target', removeKeys); }, onSearch: function (value) { return onSearch && onSearch(value, listType); }, renderHeaderUnit: function (countSelected, countAll) {\n return \"\" + (mergedOneWay ? '' : countSelected + \" / \") + countAll;\n } })));\n };\n return (React.createElement(\"div\", { ref: ref, className: cs(prefixCls, (_a = {},\n _a[prefixCls + \"-simple\"] = simple,\n _a[prefixCls + \"-disabled\"] = disabled,\n _a), className), style: style },\n renderList('source'),\n renderOperations(),\n renderList('target')));\n}\nvar TransferComponent = React.forwardRef(Transfer);\nTransferComponent.displayName = 'Transfer';\nexport default TransferComponent;\n","import _extends from \"@babel/runtime/helpers/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\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\nimport React, { useContext } from 'react';\nimport { IconContext } from '../context';\n\nfunction IconFileComponent(iconProps, ref) {\n var _useContext = useContext(IconContext),\n _useContext$prefixCls = _useContext.prefixCls,\n prefixCls = _useContext$prefixCls === void 0 ? 'arco' : _useContext$prefixCls;\n\n var spin = iconProps.spin,\n className = iconProps.className;\n\n var props = _objectSpread(_objectSpread({\n \"aria-hidden\": true,\n focusable: false,\n ref: ref\n }, iconProps), {}, {\n className: \"\".concat(className ? className + ' ' : '').concat(prefixCls, \"-icon \").concat(prefixCls, \"-icon-file\")\n });\n\n if (spin) {\n props.className = \"\".concat(props.className, \" \").concat(prefixCls, \"-icon-loading\");\n }\n\n delete props.spin;\n delete props.isIcon;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"4\",\n viewBox: \"0 0 48 48\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M16 21h16m-16 8h10m11 13H11a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h21l7 7v27a2 2 0 0 1-2 2Z\"\n }));\n}\n\nvar IconFile = /*#__PURE__*/React.forwardRef(IconFileComponent);\nIconFile.defaultProps = {\n isIcon: true\n};\nIconFile.displayName = 'IconFile';\nexport default IconFile;","import { createContext } from 'react';\nexport var TreeContext = createContext({});\n","/**\n * 该组件用来切换tree 展开收起时的动画\n */\nvar __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nimport React, { useMemo, useContext, useEffect } from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport { TreeContext } from './context';\nimport VirtualList from '../_class/VirtualList';\nimport { ConfigContext } from '../ConfigProvider';\nimport Node from './node';\nimport { isNumber } from '../_util/is';\nfunction getKey(option) {\n return option.key || option._key;\n}\nvar TreeAnimation = function (props) {\n var _a;\n var treeContext = useContext(TreeContext);\n var getPrefixCls = useContext(ConfigContext).getPrefixCls;\n var prefixCls = getPrefixCls('tree-node');\n var _b = treeContext.getTreeState(), expandedKeys = _b.expandedKeys, currentExpandKeys = _b.currentExpandKeys;\n var expanded = props.expanded;\n useEffect(function () {\n return function () {\n treeContext.onExpandEnd && treeContext.onExpandEnd(props._key);\n };\n }, []);\n var childrenPropsList = useMemo(function () {\n var result = [];\n var loop = function (list) {\n list.forEach(function (item) {\n var data = treeContext.getFieldInfo(item);\n result.push(data);\n if (data.children && data.children.length) {\n loop(data.children);\n }\n });\n };\n loop(props.childrenData || []);\n return result;\n }, [props.childrenData]);\n var filtedData = useMemo(function () {\n var result = [];\n if (childrenPropsList.length) {\n var expandedKeysSet_1 = new Set(expandedKeys || []);\n childrenPropsList.forEach(function (data) {\n var _a;\n var isShow;\n var itemProps = __assign({}, treeContext.key2nodeProps[data.key]);\n if (expanded) {\n // 只有在每一个父节点都是展开状态时，自己才会展示出来\n isShow =\n itemProps.parentKey === props._key ||\n ((_a = itemProps.pathParentKeys) === null || _a === void 0 ? void 0 : _a.every(function (key) {\n return expandedKeysSet_1.has(key);\n }));\n }\n else if (itemProps.pathParentKeys) {\n // 收起时，只有在props._key 对应的位置之后的所有的自己的父节点都是展开状态，才会展示自己\n var index = itemProps.pathParentKeys.indexOf(props._key);\n isShow = itemProps.pathParentKeys.slice(index + 1).every(function (key) {\n return expandedKeysSet_1.has(key);\n });\n }\n if (isShow) {\n result.push(__assign(__assign(__assign({}, itemProps), treeContext.getNodeProps(itemProps, expandedKeysSet_1)), { key: data.key }));\n }\n });\n }\n return result;\n }, [childrenPropsList, props._key, expanded]);\n var realHeight = (_a = treeContext.virtualListProps) === null || _a === void 0 ? void 0 : _a.height;\n realHeight = isNumber(realHeight) ? realHeight : 0;\n useEffect(function () {\n // node set loadingMore but has no child nodes.\n // Animation will not be triggered and needs to be removed manually\n if (currentExpandKeys.indexOf(props._key) > -1 && filtedData.length === 0) {\n treeContext.onExpandEnd(props._key);\n }\n }, [filtedData, currentExpandKeys]);\n return (React.createElement(CSSTransition, { in: currentExpandKeys.indexOf(props._key) > -1 && filtedData.length > 0, unmountOnExit: true, classNames: \"tree-slide-expand\", timeout: {\n enter: 200,\n exit: 0,\n }, onEnter: function (e) {\n var scrollHeight = e.scrollHeight;\n e.style.height = expanded ? 0 : Math.min(realHeight || scrollHeight, e.scrollHeight) + \"px\";\n }, onEntering: function (e) {\n var scrollHeight = e.scrollHeight;\n e.style.height = expanded ? Math.min(realHeight || scrollHeight, scrollHeight) + \"px\" : 0;\n }, onEntered: function (e) {\n e.style.height = props.expanded ? '' : 0;\n treeContext.onExpandEnd(props._key);\n }, onExit: function (e) {\n e.style.display = 'none';\n } },\n React.createElement(VirtualList, __assign({ itemKey: getKey, className: prefixCls + \"-list\", isStaticItemHeight: false }, treeContext.virtualListProps, { data: filtedData, \"aria-hidden\": true, style: { overflow: 'hidden' } }), function (child) {\n return React.createElement(Node, __assign({}, child));\n })));\n};\nexport default TreeAnimation;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nvar __generator = (this && this.__generator) || function (thisArg, body) {\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n function verb(n) { return function (v) { return step([n, v]); }; }\n function step(op) {\n if (f) throw new TypeError(\"Generator is already executing.\");\n while (_) try {\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n if (y = 0, t) op = [op[0] & 2, t.value];\n switch (op[0]) {\n case 0: case 1: t = op; break;\n case 4: _.label++; return { value: op[1], done: false };\n case 5: _.label++; y = op[1]; op = [0]; continue;\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\n default:\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n if (t[2]) _.ops.pop();\n _.trys.pop(); continue;\n }\n op = body.call(thisArg, _);\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n }\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport React, { forwardRef, useContext, useRef, useState, useCallback, } from 'react';\nimport Checkbox from '../Checkbox';\nimport cs from '../_util/classNames';\nimport { isFunction } from '../_util/is';\nimport IconCaretDown from '../../icon/react-icon/IconCaretDown';\nimport IconDragDotVertical from '../../icon/react-icon/IconDragDotVertical';\nimport IconLoading from '../../icon/react-icon/IconLoading';\nimport IconFile from '../../icon/react-icon/IconFile';\nimport { ConfigContext } from '../ConfigProvider';\nimport IconHover from '../_class/icon-hover';\nimport { TreeContext } from './context';\nimport AnimationNode from './animation';\nimport throttleByRaf from '../_util/throttleByRaf';\nfunction TreeNode(props, ref) {\n var _a, _b, _c;\n var _this = this;\n var treeContext = useContext(TreeContext);\n var getPrefixCls = useContext(ConfigContext).getPrefixCls;\n // const prevProps: NodeProps = usePrevious(props) || {};\n var nodeTitleRef = useRef();\n var _d = __read(useState({\n isAllowDrop: true,\n isDragOver: false,\n dragPosition: 0,\n isDragging: false,\n }), 2), state = _d[0], setState = _d[1];\n var _e = props._key, _key = _e === void 0 ? '' : _e, title = props.title, icon = props.icon, checkable = props.checkable, selected = props.selected, disabled = props.disabled, disableCheckbox = props.disableCheckbox, isLeaf = props.isLeaf, draggable = props.draggable, expanded = props.expanded, showLine = props.showLine, loading = props.loading, _f = props.selectable, selectable = _f === void 0 ? true : _f;\n var prefixCls = getPrefixCls('tree-node');\n var classNames = cs(prefixCls, (_a = {},\n _a[prefixCls + \"-selected\"] = selected,\n _a[prefixCls + \"-is-leaf\"] = isLeaf,\n _a[prefixCls + \"-expanded\"] = expanded,\n _a[prefixCls + \"-disabled-selectable\"] = !selectable,\n _a[prefixCls + \"-disabled\"] = disabled,\n _a[prefixCls + \"-draggable\"] = draggable,\n _a), props.className);\n var icons = (function () {\n var treeIcons = isFunction(treeContext.icons) ? treeContext.icons(props) : treeContext.icons;\n var propsIcons = isFunction(props.icons) ? props.icons(props) : props.icons;\n return __assign(__assign({}, treeIcons), propsIcons);\n })();\n var setExpand = useCallback(function (newExpand) {\n if (newExpand === expanded) {\n return;\n }\n treeContext.onExpand && treeContext.onExpand(newExpand, _key);\n }, [expanded, treeContext.onExpand]);\n var switchExpandStatus = useCallback(function () { return __awaiter(_this, void 0, void 0, function () {\n var isLeaf, expanded;\n var _a;\n return __generator(this, function (_b) {\n switch (_b.label) {\n case 0:\n isLeaf = props.isLeaf, expanded = props.expanded;\n if (isLeaf) {\n return [2 /*return*/];\n }\n if (!(!((_a = props.childrenData) === null || _a === void 0 ? void 0 : _a.length) && isFunction(treeContext.loadMore) && !expanded)) return [3 /*break*/, 2];\n return [4 /*yield*/, treeContext.loadMore(props)];\n case 1:\n _b.sent();\n return [3 /*break*/, 3];\n case 2:\n setExpand(!expanded);\n _b.label = 3;\n case 3: return [2 /*return*/];\n }\n });\n }); }, [props, setExpand, treeContext.loadMore]);\n var getPrefixIcon = function () {\n if (loading) {\n return 'loadingIcon' in icons ? icons.loadingIcon : React.createElement(IconLoading, null);\n }\n var icon = null;\n var needIconHover = false;\n if (!isLeaf) {\n var defaultIcon = showLine ? (React.createElement(\"span\", { className: prefixCls + \"-\" + (expanded ? 'minus' : 'plus') + \"-icon\" })) : (React.createElement(IconCaretDown, null));\n icon = 'switcherIcon' in icons ? icons.switcherIcon : defaultIcon;\n needIconHover = !showLine;\n }\n else if (showLine) {\n icon = 'switcherIcon' in icons ? icons.switcherIcon : React.createElement(IconFile, null);\n needIconHover = true;\n }\n if (icon) {\n icon = (React.createElement(\"span\", { className: prefixCls + \"-switcher-icon\", \"aria-label\": expanded ? 'fold button' : 'expand button', role: \"button\", tabIndex: 0, onClick: switchExpandStatus }, icon));\n return needIconHover ? React.createElement(IconHover, { prefix: prefixCls }, icon) : icon;\n }\n };\n var updateDragOverState = useCallback(throttleByRaf(function (e) {\n var dom = nodeTitleRef.current;\n if (!dom)\n return;\n var rect = dom.getBoundingClientRect();\n var offsetY = window.pageYOffset + rect.top;\n var pageY = e.pageY;\n var gapHeight = rect.height / 4;\n var diff = pageY - offsetY;\n var position = diff < gapHeight ? -1 : diff < rect.height - gapHeight ? 0 : 1;\n var isAllowDrop = treeContext.allowDrop(props, position);\n setState(__assign(__assign({}, state), { isAllowDrop: isAllowDrop, isDragOver: true, dragPosition: position }));\n treeContext.onNodeDragOver && treeContext.onNodeDragOver(e, props, position);\n }), [treeContext.onNodeDragOver]);\n var handleCheck = function (checked, e) {\n var disableCheckbox = props.disableCheckbox, disabled = props.disabled;\n if (disableCheckbox || disabled) {\n return;\n }\n treeContext.onCheck && treeContext.onCheck(checked, _key, e);\n };\n return (React.createElement(React.Fragment, null,\n React.createElement(\"div\", { style: props.style, className: classNames, ref: ref, role: \"treeitem\", \"aria-disabled\": disabled, \"aria-expanded\": expanded },\n React.createElement(\"span\", { className: prefixCls + \"-indent\", \"aria-hidden\": true }, __spreadArray([], __read(Array(props._level)), false).map(function (_, i) {\n var _a;\n return (React.createElement(\"span\", { className: cs(prefixCls + \"-indent-block\", (_a = {},\n _a[prefixCls + \"-indent-block-lineless\"] = props._lineless && props._lineless[i],\n _a)), key: i }));\n })),\n React.createElement(\"span\", { className: cs(prefixCls + \"-switcher\", (_b = {},\n _b[prefixCls + \"-switcher-expanded\"] = expanded,\n _b)) }, getPrefixIcon()),\n checkable ? (React.createElement(Checkbox, { disabled: disableCheckbox || disabled, value: _key, indeterminate: props.indeterminated, checked: props.checked, onChange: handleCheck })) : null,\n React.createElement(\"span\", { \"aria-grabbed\": state.isDragging, ref: nodeTitleRef, className: cs(prefixCls + \"-title\", (_c = {},\n _c[prefixCls + \"-title-draggable\"] = draggable,\n _c[prefixCls + \"-title-gap-top\"] = state.isDragOver && state.isAllowDrop && state.dragPosition < 0,\n _c[prefixCls + \"-title-gap-bottom\"] = state.isDragOver && state.isAllowDrop && state.dragPosition > 0,\n _c[prefixCls + \"-title-highlight\"] = !state.isDragging &&\n state.isDragOver &&\n state.isAllowDrop &&\n state.dragPosition === 0,\n _c[prefixCls + \"-title-dragging\"] = state.isDragging,\n _c[prefixCls + \"-title-block\"] = props.blockNode,\n _c)), onClick: function (e) {\n var onSelect = treeContext.onSelect, actionOnClick = treeContext.actionOnClick;\n if (!props.disabled) {\n var actions = [].concat(actionOnClick);\n if (selectable && actions.indexOf('select') > -1) {\n onSelect && onSelect(_key, e);\n }\n if (actions.indexOf('expand') > -1) {\n switchExpandStatus();\n }\n if (checkable && actions.indexOf('check') > -1) {\n handleCheck(!props.checked, e);\n }\n }\n }, draggable: draggable, onDrop: function (e) {\n e.stopPropagation();\n e.preventDefault();\n treeContext.onNodeDrop && treeContext.onNodeDrop(e, props, state.dragPosition);\n updateDragOverState.cancel();\n setState(__assign(__assign({}, state), { isDragOver: false, dragPosition: 0 }));\n }, onDragStart: function (e) {\n if (!draggable)\n return;\n e.stopPropagation();\n // 当前节点正在被拖拽\n setState(__assign(__assign({}, state), { isDragging: true }));\n treeContext.onNodeDragStart && treeContext.onNodeDragStart(e, props);\n try {\n // ie throw error\n // firefox-need-it\n e.dataTransfer.setData('text/plain', '');\n }\n catch (error) {\n // empty\n }\n }, onDragEnd: function (e) {\n if (!draggable)\n return;\n e.stopPropagation();\n updateDragOverState.cancel();\n setState(__assign(__assign({}, state), { isDragOver: false, isDragging: false }));\n treeContext.onNodeDragEnd && treeContext.onNodeDragEnd(e, props);\n }, onDragOver: function (e) {\n e.preventDefault();\n e.stopPropagation();\n e.persist();\n updateDragOverState(e);\n }, onDragLeave: function (e) {\n if (!draggable)\n return;\n e.stopPropagation();\n updateDragOverState.cancel();\n setState(__assign(__assign({}, state), { isDragOver: false }));\n treeContext.onNodeDragLeave && treeContext.onNodeDragLeave(e, props);\n } },\n icon && React.createElement(\"span\", { className: prefixCls + \"-icon \" + prefixCls + \"-custom-icon\" }, icon),\n React.createElement(\"span\", { className: prefixCls + \"-title-text\" }, isFunction(treeContext.renderTitle) ? treeContext.renderTitle(props) : title),\n draggable && (React.createElement(\"span\", { className: prefixCls + \"-icon \" + prefixCls + \"-drag-icon\" }, 'dragIcon' in icons ? icons.dragIcon : React.createElement(IconDragDotVertical, null)))),\n isFunction(treeContext.renderExtra) && treeContext.renderExtra(props)),\n React.createElement(AnimationNode, __assign({}, props))));\n}\nvar TreeNodeComponent = forwardRef(TreeNode);\nTreeNodeComponent.displayName = 'TreeNode';\nexport default React.memo(TreeNodeComponent);\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport React, { useState, useMemo, useCallback, forwardRef, useImperativeHandle, useRef, } from 'react';\nimport VirtualList from '../_class/VirtualList';\nimport useUpdate from '../_util/hooks/useUpdate';\nimport Node from './node';\nimport scrollIntoViewIfNeed from '../_util/scrollIntoView';\nfunction getKey(option) {\n return option.key || option._key;\n}\nfunction NodeList(props, ref) {\n var className = props.className, style = props.style, filterNode = props.filterNode, virtualListProps = props.virtualListProps, expandedKeys = props.expandedKeys, currentExpandKeys = props.currentExpandKeys, saveCacheNode = props.saveCacheNode, nodeList = props.nodeList, getNodeProps = props.getNodeProps;\n var isVirtual = (virtualListProps === null || virtualListProps === void 0 ? void 0 : virtualListProps.threshold) !== null;\n var virtualListRef = useRef();\n var treeWrapperRef = useRef();\n var expandedKeysSet = useMemo(function () { return new Set(expandedKeys); }, [expandedKeys]);\n var visibleKeys = useMemo(function () {\n var newKeys = new Set();\n var currentExpandKeysSet = new Set(currentExpandKeys);\n nodeList.forEach(function (nodeProps) {\n var pathParentKeys = nodeProps.pathParentKeys || [];\n // 如果父节点处于正在展开状态，子节点暂时不可见，因为父节点的children会在animation中渲染出来。\n // 当动画完成时，父节点children隐藏，此时在这里渲染子节点。 anyway，一切为了动画！！！\n if (pathParentKeys.every(function (key) { return !currentExpandKeysSet.has(key) && expandedKeysSet.has(key); })) {\n newKeys.add(nodeProps._key);\n }\n });\n return newKeys;\n }, [expandedKeysSet, currentExpandKeys, nodeList]);\n var calcChildrenList = useCallback(function () {\n return nodeList.filter(function (item) {\n var pass = !filterNode || (filterNode && filterNode(item));\n if (pass && visibleKeys.has(item.key)) {\n return true;\n }\n // 过滤掉的也缓存一下，避免被收起的节点在onSelect回调中，selectedNodes出现undefined\n saveCacheNode(React.createElement(Node, __assign({}, item, getNodeProps(item), { key: item.key })));\n return false;\n });\n }, [nodeList, filterNode, visibleKeys]);\n // 默认值不能为nodeList，防止在设置defaultExpandedKeys时，应该被隐藏的节点初始化的时候展示了。\n var _a = __read(useState(function () {\n return calcChildrenList();\n }), 2), childrenList = _a[0], setChildrenList = _a[1];\n useUpdate(function () {\n setChildrenList(calcChildrenList());\n }, [calcChildrenList]);\n useImperativeHandle(ref, function () {\n return {\n // index: 第几个dom元素, 如果传入的是字符串，会作为 node 的 key去查找。\n // nodeProps: _index 是 key 时，对应的node\n scrollIntoView: function (_index, nodeProps) {\n var index = _index;\n var isKey = typeof _index === 'string';\n if (isKey) {\n var key_1 = _index;\n // 查找离得最近的可见的父节点，进行滚动。\n if (!visibleKeys.has(_index) && nodeProps && nodeProps.pathParentKeys) {\n key_1 =\n __spreadArray([], __read(nodeProps.pathParentKeys), false).reverse().find(function (key) { return visibleKeys.has(key); }) || index;\n }\n // _index attributes and index are not the same due to some hidden items\n index = childrenList.findIndex(function (_a) {\n var _key = _a._key;\n return _key === key_1;\n });\n }\n if (!isVirtual && treeWrapperRef.current) {\n var wrapperDom = treeWrapperRef.current;\n var node = wrapperDom ? wrapperDom.children[index] : null;\n node &&\n scrollIntoViewIfNeed(node, {\n boundary: wrapperDom.parentElement,\n });\n }\n else if (virtualListRef.current) {\n virtualListRef.current.scrollTo({ index: index });\n }\n },\n };\n });\n return isVirtual ? (React.createElement(VirtualList, __assign({ className: className, style: style, ref: virtualListRef, data: childrenList, isStaticItemHeight: false, itemKey: getKey, onMouseDown: props.onMouseDown }, props.ariaProps, virtualListProps), function (item) {\n var node = React.createElement(Node, __assign({}, item, getNodeProps(item, expandedKeysSet), { key: item.key }));\n saveCacheNode(node);\n return node;\n })) : (React.createElement(\"div\", __assign({ role: \"tree\", tabIndex: 0, className: className, style: style, ref: treeWrapperRef }, props.ariaProps, { onMouseDown: props.onMouseDown }), childrenList.map(function (item) {\n var node = React.createElement(Node, __assign({}, item, getNodeProps(item, expandedKeysSet), { key: item.key }));\n saveCacheNode(node);\n return node;\n })));\n}\nexport default forwardRef(NodeList);\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport React from 'react';\nexport var getTreeDataFromTreeChildren = function (treeChildren) {\n var loop = function (children) {\n return React.Children.map(children, function (child) {\n if (!React.isValidElement(child)) {\n return;\n }\n var key = child.key;\n return __assign(__assign({}, child.props), { key: key, children: loop(child.props.children) });\n });\n };\n return loop(treeChildren);\n};\nexport function getChildNodeKeys(node, key2nodeProps) {\n var nodes = new Set();\n var loop = function (children) {\n children.map(function (child) {\n var key = child.key;\n var item = key2nodeProps[key];\n if (!item || item.disabled || item.disableCheckbox || item.checkable === false) {\n return;\n }\n nodes.add(key);\n loop(item.children || []);\n });\n };\n if (node) {\n loop(node.children || []);\n }\n return nodes;\n}\nvar updateParent = function (key, key2nodeProps, allKeys, indeterminateKeysSet) {\n var pathParentKeys = __spreadArray([], __read(key2nodeProps[key].pathParentKeys), false);\n // 逐级更新父节点的状态\n pathParentKeys.reverse().forEach(function (itemKey) {\n var parent = key2nodeProps[itemKey];\n if (parent && !parent.disabled && !parent.disableCheckbox && parent.checkable !== false) {\n var total_1 = 0;\n var number_1 = 0;\n parent.children.some(function (_a) {\n var key = _a.key;\n var item = key2nodeProps[key];\n // 不符合可选条件\n if (!item || item.disabled || item.disableCheckbox || item.checkable === false) {\n return false;\n }\n total_1++;\n if (allKeys.has(key)) {\n number_1++;\n }\n else if (indeterminateKeysSet.has(key)) {\n // 只要有一个半选，就不用再算了 ，父节点是半选\n number_1 += 0.5;\n return true;\n }\n });\n if (!number_1 || number_1 === total_1) {\n indeterminateKeysSet.delete(itemKey);\n }\n else {\n indeterminateKeysSet.add(itemKey);\n }\n if (number_1 && number_1 === total_1) {\n allKeys.add(itemKey);\n }\n else {\n allKeys.delete(itemKey);\n }\n }\n });\n};\n// also used by tree-select\nexport function getCheckedKeysByInitKeys(checkedKeys, key2nodeProps) {\n var checkedKeysSet = new Set(checkedKeys || []);\n var indeterminateKeysSet = new Set();\n var childCheckedKeysSet = new Set();\n checkedKeys.forEach(function (key) {\n if (!childCheckedKeysSet.has(key)) {\n var childKeys = getChildNodeKeys(key2nodeProps[key], key2nodeProps);\n // 选中了节点，就找到所有符合条件的子节点的key.自身的选中状态需要根据children判断。\n childKeys.forEach(function (v) {\n childCheckedKeysSet.add(v);\n });\n }\n if (key2nodeProps[key] &&\n !key2nodeProps[key].pathParentKeys.some(function (_key) { return checkedKeysSet.has(_key); })) {\n updateParent(key, key2nodeProps, checkedKeysSet, indeterminateKeysSet);\n }\n });\n return {\n checkedKeys: __spreadArray([], __read(new Set(__spreadArray(__spreadArray([], __read(checkedKeysSet), false), __read(childCheckedKeysSet), false))), false),\n indeterminateKeys: __spreadArray([], __read(indeterminateKeysSet), false),\n };\n}\n// also used by tree-select\nexport function getAllCheckedKeysByCheck(key, checked, checkedKeys, key2nodeProps, indeterminateKeys) {\n if (!key2nodeProps[key]) {\n return {\n checkedKeys: checkedKeys,\n indeterminateKeys: indeterminateKeys,\n };\n }\n var checkedKeysSet = new Set(checkedKeys);\n var indeterminateKeysSet = new Set(indeterminateKeys);\n var childKeys = getChildNodeKeys(key2nodeProps[key], key2nodeProps);\n var allKeys = checkedKeysSet;\n if (checked) {\n // 选中了节点，就找到所有符合条件的子节点的key.自身的选中状态需要根据children判断。\n allKeys.add(key);\n indeterminateKeysSet.delete(key);\n childKeys.forEach(function (v) {\n allKeys.add(v);\n });\n }\n else {\n indeterminateKeysSet.delete(key);\n // 移除所有符合条件的子节点的key\n allKeys.delete(key);\n childKeys.forEach(function (v) {\n allKeys.delete(v);\n });\n }\n // 之后逐级更新父节点的选中状态。\n updateParent(key, key2nodeProps, checkedKeysSet, indeterminateKeysSet);\n return {\n checkedKeys: __spreadArray([], __read(allKeys), false),\n indeterminateKeys: __spreadArray([], __read(indeterminateKeysSet), false),\n };\n}\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n if (typeof b !== \"function\" && b !== null)\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nvar __generator = (this && this.__generator) || function (thisArg, body) {\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n function verb(n) { return function (v) { return step([n, v]); }; }\n function step(op) {\n if (f) throw new TypeError(\"Generator is already executing.\");\n while (_) try {\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n if (y = 0, t) op = [op[0] & 2, t.value];\n switch (op[0]) {\n case 0: case 1: t = op; break;\n case 4: _.label++; return { value: op[1], done: false };\n case 5: _.label++; y = op[1]; op = [0]; continue;\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\n default:\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n if (t[2]) _.ops.pop();\n _.trys.pop(); continue;\n }\n op = body.call(thisArg, _);\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n }\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport React, { Component } from 'react';\nimport isEqualWith from 'lodash/isEqualWith';\nimport cs from '../_util/classNames';\nimport Node from './node';\nimport NodeList from './node-list';\nimport { isEmptyObject, isFunction } from '../_util/is';\nimport { ConfigContext } from '../ConfigProvider';\nimport { getAllCheckedKeysByCheck, getCheckedKeysByInitKeys, getTreeDataFromTreeChildren, } from './util';\nimport { TreeContext } from './context';\nvar DefaultFieldNames = {\n key: 'key',\n title: 'title',\n children: 'children',\n selectable: 'selectable',\n disabled: 'disabled',\n disableCheckbox: 'disableCheckbox',\n checkable: 'checkable',\n isLeaf: 'isLeaf',\n};\nvar defaultProps = {\n selectable: true,\n autoExpandParent: true,\n checkedStrategy: 'all',\n actionOnClick: 'select',\n allowDrop: function () { return true; },\n fieldNames: DefaultFieldNames,\n};\nvar needMergeKeys = [\n 'style',\n 'className',\n 'height',\n 'size',\n 'blockNode',\n 'autoExpandParent',\n 'checkedStrategy',\n 'fieldNames',\n 'icons',\n 'virtualListProps',\n 'showLine',\n 'selectable',\n 'allowDrop',\n 'actionOnClick',\n];\nvar Tree = /** @class */ (function (_super) {\n __extends(Tree, _super);\n function Tree(props, context) {\n var _this = _super.call(this, props, context) || this;\n // 依旧使用NodeInstance 是为了兼容1.x的一些用法，改动较大\n _this.cacheNodes = {};\n _this.key2nodeProps = {};\n _this.getMergedProps = function (baseProps) {\n var componentConfig = _this.context.componentConfig;\n var props = baseProps || _this.props;\n return needMergeKeys.reduce(function (_props, key) {\n if (props[key] !== undefined) {\n _props[key] = props[key];\n }\n else if ((componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Tree) && (componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Tree[key]) !== undefined) {\n _props[key] = componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Tree[key];\n }\n else if (defaultProps[key] !== undefined) {\n _props[key] = defaultProps[key];\n }\n return _props;\n }, {});\n };\n // index: 第几个dom元素, 如果传入的是字符串，会作为 node 的 key去查找。\n // nodeProps 参数似乎咩有什么用。。。但是不知道外部有没有调用，就当key用吧。。\n _this.scrollIntoView = function (_index, nodeProps) {\n var index = _index;\n if (typeof _index === 'string' || nodeProps) {\n // 作为key\n index = _index || nodeProps._key;\n }\n if (_this.nodeListRef) {\n _this.nodeListRef.scrollIntoView(index, nodeProps || _this.key2nodeProps[index]);\n }\n };\n _this.getTreeData = function () {\n return 'treeData' in _this.props\n ? _this.props.treeData\n : getTreeDataFromTreeChildren(_this.props.children);\n };\n // 以下外部传入的属性改变时，需要更新nodeList\n _this.needUpdateTreeData = function (prevProps, props) {\n var keys = [\n 'fieldNames',\n 'selectable',\n 'draggable',\n 'checkStrictly',\n 'showLine',\n 'blockNode',\n 'checkable',\n 'treeData',\n 'children',\n ];\n return (prevProps.treeData !== props.treeData ||\n prevProps.children !== props.children ||\n keys.some(function (key) { return isEqualWith(prevProps[key], props[key]); }));\n };\n // 根据 fieldNames 获取节点数据\n _this.getFieldInfo = function (data) {\n var mergedProps = _this.getMergedProps();\n var selectable = mergedProps.selectable;\n // fieldsNames 仅在treeData时生效。\n var fieldNames = __assign(__assign({}, DefaultFieldNames), ('treeData' in _this.props ? mergedProps.fieldNames : {}));\n var result = {\n children: data[fieldNames.children],\n selectable: fieldNames.selectable in data ? data[fieldNames.selectable] : selectable,\n checkable: fieldNames.checkable in data ? data[fieldNames.checkable] : _this.props.checkable,\n title: data[fieldNames.title],\n disabled: data[fieldNames.disabled],\n disableCheckbox: data[fieldNames.disableCheckbox],\n isLeaf: data[fieldNames.isLeaf],\n key: data[fieldNames.key],\n };\n if (!(fieldNames.key in data)) {\n delete result.key;\n }\n return result;\n };\n _this.getNodeList = function (treedata, prefix) {\n _this.key2nodeProps = {};\n var prefixCls = prefix || _this.context.getPrefixCls('tree');\n var nodeList = [];\n var currentIndex = 0;\n var _a = _this.getMergedProps(), showLine = _a.showLine, blockNode = _a.blockNode;\n var loop = function (treeData, father) {\n var totalLength = treeData.length;\n return treeData.map(function (data, index) {\n var _a = _this.getFieldInfo(data), children = _a.children, selectable = _a.selectable, checkable = _a.checkable, _b = _a.key, key = _b === void 0 ? ((father === null || father === void 0 ? void 0 : father._key) || '') + \"-\" + index : _b, rest = __rest(_a, [\"children\", \"selectable\", \"checkable\", \"key\"]);\n var nodeProps = __assign(__assign(__assign({ \n // data 中含有dataRef时，优先级较高\n dataRef: data, draggable: _this.props.draggable, selectable: selectable, checkable: checkable, showLine: showLine, blockNode: blockNode }, data), rest), { key: key, children: children, _key: key, _index: currentIndex++, parentKey: father ? father._key : undefined, pathParentKeys: (father && father.pathParentKeys) || [], _level: father._level || 0, \n // 保存node在sowLine模式下是否显示缩进线。如果父节点是其所在层级的最后一个节点，那么所有的子节点（包括孙子节点等）在父节点所在层级的缩进格都不显示缩进线。\n _lineless: father && father._lineless ? __spreadArray(__spreadArray([], __read((father._lineless || [])), false), [father._isTail], false) : [] });\n if (totalLength === index + 1) {\n nodeProps.className = cs(prefixCls + \"-node-is-tail\", nodeProps.className);\n }\n nodeList.push(nodeProps);\n _this.key2nodeProps[key] = nodeProps;\n if (children && children.length) {\n _this.key2nodeProps[key].children = loop(children, {\n _key: key,\n _level: nodeProps._level + 1,\n _lineless: nodeProps._lineless,\n _isTail: totalLength === index + 1,\n pathParentKeys: __spreadArray(__spreadArray([], __read(((father === null || father === void 0 ? void 0 : father.pathParentKeys) || [])), false), [key], false),\n });\n }\n return nodeProps;\n });\n };\n loop(treedata || [], {});\n return nodeList;\n };\n _this.getInitExpandedKeys = function (keys) {\n if (!_this.getMergedProps().autoExpandParent) {\n return keys || [];\n }\n if (!keys) {\n return Object.keys(_this.key2nodeProps).filter(function (key) {\n var props = _this.key2nodeProps[key];\n return props.children && props.children.length;\n });\n }\n var expandedKeys = {};\n keys.forEach(function (key) {\n var item = _this.key2nodeProps[key];\n if (!item) {\n return;\n }\n expandedKeys[key] = 1;\n if (item.pathParentKeys) {\n item.pathParentKeys.forEach(function (x) {\n expandedKeys[x] = 1;\n });\n }\n });\n return Object.keys(expandedKeys);\n };\n _this.getInitCheckedKeys = function (keys) {\n if (!_this.props.checkStrictly) {\n var _a = getCheckedKeysByInitKeys(keys, _this.key2nodeProps), checkedKeys = _a.checkedKeys, indeterminateKeys = _a.indeterminateKeys;\n return {\n checkedKeys: checkedKeys,\n halfCheckedKeys: indeterminateKeys,\n };\n }\n return {\n checkedKeys: keys,\n halfCheckedKeys: _this.props.halfCheckedKeys || [],\n };\n };\n _this.handleSelect = function (key, e) {\n var onSelect = _this.props.onSelect;\n var extra = { e: e, node: _this.cacheNodes[key] };\n if (_this.props.multiple) {\n var selectedKeys = __spreadArray([], __read(_this.state.selectedKeys), false);\n var index = selectedKeys.indexOf(key);\n if (index > -1) {\n selectedKeys.splice(index, 1);\n extra.selected = false;\n }\n else {\n extra.selected = true;\n selectedKeys.push(key);\n }\n extra.selectedNodes = selectedKeys.map(function (x) { return _this.cacheNodes[x]; });\n if (!('selectedKeys' in _this.props)) {\n _this.setState({ selectedKeys: selectedKeys });\n }\n onSelect && onSelect(selectedKeys, extra);\n }\n else {\n extra.selected = true;\n extra.selectedNodes = [_this.cacheNodes[key]];\n if (!('selectedKeys' in _this.props)) {\n _this.setState({ selectedKeys: [key] });\n }\n onSelect && onSelect([key], extra);\n }\n };\n _this.handleCheck = function (checked, key, e) {\n var checkedStrategy = _this.getMergedProps().checkedStrategy;\n var _a = _this.props, onCheck = _a.onCheck, checkStrictly = _a.checkStrictly;\n var extra = { e: e, node: _this.cacheNodes[key] };\n var checkedKeys = _this.state.checkedKeys;\n var halfCheckedKeys = _this.state.halfCheckedKeys;\n if (checkStrictly) {\n if (checked) {\n checkedKeys = checkedKeys.concat(key);\n }\n else {\n checkedKeys = checkedKeys.filter(function (item) { return item !== key; });\n }\n var newState = {};\n if (!('checkedKeys' in _this.props)) {\n newState.checkedKeys = checkedKeys;\n }\n if (!('halfCheckedKeys' in _this.props)) {\n newState.halfCheckedKeys = halfCheckedKeys;\n }\n if (!isEmptyObject(newState)) {\n _this.setState(__assign({}, newState));\n }\n }\n else {\n // 找到所有允许勾选的子节点\n var _b = getAllCheckedKeysByCheck(key, checked, checkedKeys, _this.key2nodeProps, halfCheckedKeys), newCheckedKeys = _b.checkedKeys, indeterminateKeys = _b.indeterminateKeys;\n checkedKeys = newCheckedKeys;\n halfCheckedKeys = indeterminateKeys;\n if (!('checkedKeys' in _this.props)) {\n _this.setState({ checkedKeys: checkedKeys, halfCheckedKeys: halfCheckedKeys });\n }\n else {\n _this.setState({ halfCheckedKeys: halfCheckedKeys });\n }\n if (checkedStrategy === Tree.SHOW_PARENT) {\n checkedKeys = checkedKeys.filter(function (x) {\n var item = _this.key2nodeProps[x];\n if (!item || checkedKeys.indexOf(item.parentKey) === -1) {\n return true;\n }\n });\n }\n else if (checkedStrategy === Tree.SHOW_CHILD) {\n checkedKeys = checkedKeys.filter(function (x) {\n var item = _this.key2nodeProps[x];\n if (!item || !item.children || !item.children.length) {\n return true;\n }\n });\n }\n }\n onCheck &&\n onCheck(checkedKeys, __assign({ checkedNodes: checkedKeys.map(function (x) { return _this.cacheNodes[x]; }).filter(function (x) { return x; }), checked: checked, halfCheckedKeys: halfCheckedKeys, halfCheckedNodes: halfCheckedKeys.map(function (x) { return _this.cacheNodes[x]; }).filter(function (x) { return x; }) }, extra));\n };\n _this.handleLoadMore = function (node) {\n var loadMore = _this.props.loadMore;\n if (isFunction(loadMore)) {\n var _a = _this.state, _b = _a.loadingKeys, loadingKeys = _b === void 0 ? [] : _b, loadedKeys = _a.loadedKeys;\n _this.setState({\n loadingKeys: Array.from(new Set(__spreadArray(__spreadArray([], __read(loadingKeys), false), [node._key], false))),\n loadedKeys: loadedKeys.filter(function (x) { return x !== node._key; }),\n }, function () { return __awaiter(_this, void 0, void 0, function () {\n var e_1;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0:\n _a.trys.push([0, 2, , 3]);\n return [4 /*yield*/, loadMore(this.cacheNodes[node._key])];\n case 1:\n _a.sent();\n this.setState({\n loadedKeys: Array.from(new Set(__spreadArray(__spreadArray([], __read(this.state.loadedKeys), false), [node._key], false))),\n loadingKeys: this.state.loadingKeys.filter(function (x) { return x !== node._key; }),\n });\n this.handleExpand(!node.expanded, node._key);\n return [3 /*break*/, 3];\n case 2:\n e_1 = _a.sent();\n console.error('[tree]load data error: ', e_1);\n this.setState({\n loadingKeys: this.state.loadingKeys.filter(function (x) { return x !== node._key; }),\n });\n return [3 /*break*/, 3];\n case 3: return [2 /*return*/];\n }\n });\n }); });\n }\n };\n _this.handleNodeDragStart = function (e, node) {\n _this.dragNode = _this.cacheNodes[node._key];\n _this.dropPosition = 0;\n var onDragStart = _this.props.onDragStart;\n onDragStart && onDragStart(e, _this.cacheNodes[node._key]);\n };\n _this.handleNodeDragEnd = function (e, node) {\n _this.dragNode = null;\n _this.dropPosition = 0;\n var onDragEnd = _this.props.onDragEnd;\n onDragEnd && onDragEnd(e, _this.cacheNodes[node._key]);\n };\n _this.handleNodeDragOver = function (e, node, dropPosition) {\n _this.dropPosition = dropPosition;\n var onDragOver = _this.props.onDragOver;\n onDragOver && onDragOver(e, _this.cacheNodes[node._key]);\n };\n _this.handleNodeDragLeave = function (e, node) {\n // this.dropNode = null;\n _this.dropPosition = 0;\n var onDragLeave = _this.props.onDragLeave;\n onDragLeave && onDragLeave(e, _this.cacheNodes[node._key]);\n };\n _this.isChildOfNode = function (node, target) {\n var current = _this.key2nodeProps[node.parentKey];\n while (current) {\n var _key = current._key, parentKey = current.parentKey;\n if (_key === target.props._key) {\n return true;\n }\n if (parentKey === _key)\n return;\n current = _this.key2nodeProps[parentKey];\n }\n };\n _this.isSameNode = function (node1, node2) {\n // 对比 node\n if (node1 === undefined || node2 === undefined)\n return false;\n if (node1 === node2)\n return true;\n // 对比 node.key\n var key1 = node1.key;\n var key2 = node2.key;\n if (key1 !== undefined || key2 !== undefined)\n return key1 === key2;\n // 对比 node.props._key\n var _key1 = node1.props._key;\n var _key2 = node2.props._key;\n if (_key1 === undefined && _key2 === undefined)\n return false;\n return _key1 === _key2;\n };\n _this.handleNodeDrop = function (e, node, dropPosition) {\n if (_this.dragNode) {\n var allowDrop = _this.getMergedProps().allowDrop;\n var onDrop = _this.props.onDrop;\n var nodeInstance = _this.cacheNodes[node._key];\n if (onDrop &&\n !_this.isChildOfNode(node, _this.dragNode) &&\n !_this.isSameNode(_this.dragNode, nodeInstance)) {\n if (allowDrop &&\n !allowDrop({ dropNode: nodeInstance, dragNode: _this.dragNode, dropPosition: dropPosition })) {\n return;\n }\n onDrop({\n dragNode: _this.dragNode,\n dropNode: nodeInstance,\n dropPosition: dropPosition,\n e: e,\n });\n }\n }\n };\n _this.handleAllowDrop = function (node, dropPosition) {\n var allowDrop = _this.getMergedProps().allowDrop;\n var isAllowDrop = true;\n if (typeof allowDrop === 'function') {\n isAllowDrop = allowDrop({\n dropNode: _this.cacheNodes[node._key],\n dragNode: _this.dragNode,\n dropPosition: dropPosition,\n });\n }\n return isAllowDrop;\n };\n _this.handleExpand = function (expanded, key) {\n var _a = _this.state, currentExpandKeys = _a.currentExpandKeys, _b = _a.expandedKeys, expandedKeys = _b === void 0 ? [] : _b;\n var onExpand = _this.props.onExpand;\n if (currentExpandKeys.indexOf(key) > -1) {\n // 如果当前key节点正在展开/收起，不执行操作。\n return;\n }\n var newExpandedKeys = [];\n if (expanded) {\n newExpandedKeys = Array.from(new Set(__spreadArray(__spreadArray([], __read(expandedKeys), false), [key], false)));\n }\n else {\n newExpandedKeys = expandedKeys.filter(function (k) { return k !== key; });\n }\n if (!('expandedKeys' in _this.props)) {\n _this.setState({\n expandedKeys: newExpandedKeys,\n currentExpandKeys: __spreadArray(__spreadArray([], __read(currentExpandKeys), false), [key], false),\n });\n }\n onExpand &&\n onExpand(newExpandedKeys, {\n expanded: expanded,\n node: _this.cacheNodes[key],\n expandedNodes: newExpandedKeys.map(function (x) { return _this.cacheNodes[x]; }).filter(function (x) { return x; }),\n });\n };\n // 传入构建好的expandedKeysSet\n _this.getNodeProps = function (nodeProps, expandedKeysSet) {\n var autoExpandParent = _this.getMergedProps().autoExpandParent;\n var loadMore = _this.props.loadMore;\n var _a = _this.state, selectedKeys = _a.selectedKeys, expandedKeys = _a.expandedKeys, checkedKeys = _a.checkedKeys, halfCheckedKeys = _a.halfCheckedKeys, _b = _a.loadingKeys, loadingKeys = _b === void 0 ? [] : _b, _c = _a.loadedKeys, loadedKeys = _c === void 0 ? [] : _c;\n var hasChildren = nodeProps.children && nodeProps.children.length;\n var otherProps = {\n isLeaf: !hasChildren,\n autoExpandParent: hasChildren ? autoExpandParent : false,\n expanded: expandedKeysSet\n ? expandedKeysSet.has(nodeProps._key)\n : expandedKeys.indexOf(nodeProps._key) > -1,\n };\n if (loadMore) {\n var loaded = loadedKeys.indexOf(nodeProps._key) > -1;\n otherProps.loaded = loaded;\n otherProps.isLeaf = hasChildren ? false : nodeProps.isLeaf;\n }\n return __assign(__assign(__assign({}, nodeProps), otherProps), { selected: selectedKeys && selectedKeys.indexOf(nodeProps._key) > -1, indeterminated: (halfCheckedKeys === null || halfCheckedKeys === void 0 ? void 0 : halfCheckedKeys.indexOf(nodeProps._key)) > -1, loading: loadingKeys.indexOf(nodeProps._key) > -1, checked: checkedKeys && checkedKeys.indexOf(nodeProps._key) > -1, selectedKeys: selectedKeys, checkedKeys: checkedKeys, loadingKeys: loadingKeys, loadedKeys: loadedKeys, expandedKeys: _this.state.expandedKeys, childrenData: nodeProps.children || [], children: null });\n };\n _this.handleExpandEnd = function (key) {\n var currentExpandKeys = _this.state.currentExpandKeys;\n if (currentExpandKeys.indexOf(key) > -1) {\n _this.setState({\n currentExpandKeys: currentExpandKeys.filter(function (v) { return v !== key; }),\n });\n }\n };\n // 获取tree的state数据，在子组件里使用。\n _this.getTreeState = function () {\n return _this.state;\n };\n _this.state = {};\n var treeData = _this.getTreeData();\n var nodeList = _this.getNodeList(treeData, context.getPrefixCls('tree'));\n var _a = _this.getInitCheckedKeys(props.checkedKeys || props.defaultCheckedKeys || []), checkedKeys = _a.checkedKeys, halfCheckedKeys = _a.halfCheckedKeys;\n _this.state = {\n selectedKeys: props.selectedKeys || props.defaultSelectedKeys || [],\n checkedKeys: checkedKeys,\n halfCheckedKeys: halfCheckedKeys,\n expandedKeys: _this.getInitExpandedKeys(props.expandedKeys || props.defaultExpandedKeys),\n loadedKeys: [],\n loadingKeys: [],\n currentExpandKeys: [],\n nodeList: nodeList,\n };\n return _this;\n }\n Tree.getDerivedStateFromProps = function (nextProps, state) {\n var newState = {};\n if ('selectedKeys' in nextProps && !isEqualWith(nextProps.selectedKeys, state.selectedKeys)) {\n newState.selectedKeys = nextProps.selectedKeys || [];\n }\n if (Object.keys(newState).length) {\n return newState;\n }\n return null;\n };\n Tree.prototype.componentDidUpdate = function (prevProps) {\n // 类似 componentWillReceiveProps 周期\n var _this = this;\n var prevMergedProps = this.getMergedProps(prevProps);\n var mergedProps = this.getMergedProps();\n if (prevProps !== this.props || !isEqualWith(prevMergedProps, mergedProps)) {\n var newState_1 = {};\n if (this.needUpdateTreeData(__assign({ prevMergedProps: prevMergedProps }, prevProps), __assign(__assign({}, mergedProps), this.props))) {\n var treeData = this.getTreeData();\n var nodeList = this.getNodeList(treeData);\n newState_1.treeData = treeData;\n newState_1.nodeList = nodeList;\n }\n if (newState_1.treeData ||\n ('checkedKeys' in this.props && !isEqualWith(prevProps.checkedKeys, this.props.checkedKeys))) {\n // 说明treeData变了，需要比较下内部checkedKeys\n var currentCheckedKeys = 'checkedKeys' in this.props ? this.props.checkedKeys : this.state.checkedKeys;\n var _a = this.getInitCheckedKeys(currentCheckedKeys || []), halfCheckedKeys = _a.halfCheckedKeys, checkedKeys = _a.checkedKeys;\n if (!isEqualWith(checkedKeys, this.state.checkedKeys)) {\n newState_1.checkedKeys = checkedKeys;\n }\n if (!isEqualWith(halfCheckedKeys, this.state.halfCheckedKeys)) {\n newState_1.halfCheckedKeys = halfCheckedKeys;\n }\n }\n if (this.props.checkStrictly &&\n 'halfCheckedKeys' in this.props &&\n !isEqualWith(prevProps.halfCheckedKeys, this.props.halfCheckedKeys)) {\n newState_1.halfCheckedKeys = this.props.halfCheckedKeys;\n }\n if ('expandedKeys' in this.props &&\n !isEqualWith(this.props.expandedKeys, prevProps.expandedKeys)) {\n newState_1.expandedKeys = this.props.expandedKeys;\n // 比较前后expandKeys的改变，去重，得到需要收起/展开的动画\n // 例如 [...[1, 2, 3], ...[1, 3, 4]] 。那么 2 会收起，4会展开。\n // 如果父节点正在执行收起/展开逻辑，子节点不需要出现在 currentExpandKeys 数组。\n newState_1.currentExpandKeys = __spreadArray(__spreadArray([], __read(newState_1.expandedKeys), false), __read(this.state.expandedKeys), false).reduce(function (total, next) {\n var index = total.indexOf(next);\n if (index === -1) {\n total.push(next);\n }\n else {\n total.splice(index, 1);\n }\n return total;\n }, [])\n .filter(function (key, _, array) {\n var _a;\n if (_this.key2nodeProps[key]) {\n var pathParentKeys = _this.key2nodeProps[key].pathParentKeys;\n if (pathParentKeys.some(function (x) { return array.indexOf(x) > -1; })) {\n return false;\n }\n return (_a = _this.key2nodeProps[key].children) === null || _a === void 0 ? void 0 : _a.length;\n }\n });\n }\n var currentExpandKeys = newState_1.currentExpandKeys || this.state.currentExpandKeys;\n if (newState_1.treeData && currentExpandKeys) {\n newState_1.currentExpandKeys = currentExpandKeys.filter(function (key) {\n var item = newState_1.treeData.find(function (node) { return node._key === key; });\n return item && item.children && item.children.length;\n });\n }\n if (Object.keys(newState_1).length) {\n this.setState(newState_1);\n }\n }\n };\n Tree.prototype.render = function () {\n var _a;\n var _this = this;\n // render 之前重置掉，在NodeList里会进行赋值。\n this.cacheNodes = {};\n var _b = this.getMergedProps(), className = _b.className, showLine = _b.showLine, size = _b.size, _virtualListProps = _b.virtualListProps, height = _b.height, style = _b.style, icons = _b.icons, actionOnClick = _b.actionOnClick;\n var _c = this.props, loadMore = _c.loadMore, checkable = _c.checkable;\n // 兼容旧 APi : height\n var virtualListProps = _virtualListProps\n ? __assign({ threshold: 100 }, _virtualListProps) : height\n ? { height: height, threshold: 100 }\n : {\n threshold: null,\n };\n var getPrefixCls = this.context.getPrefixCls;\n var prefixCls = getPrefixCls('tree');\n return (React.createElement(TreeContext.Provider, { value: {\n icons: icons,\n key2nodeProps: this.key2nodeProps,\n getFieldInfo: this.getFieldInfo,\n getTreeState: this.getTreeState,\n getNodeProps: this.getNodeProps,\n onExpandEnd: this.handleExpandEnd,\n onSelect: this.handleSelect,\n onCheck: this.handleCheck,\n onNodeDragStart: this.handleNodeDragStart,\n onNodeDragEnd: this.handleNodeDragEnd,\n onNodeDragLeave: this.handleNodeDragLeave,\n onNodeDragOver: this.handleNodeDragOver,\n onNodeDrop: this.handleNodeDrop,\n onExpand: this.handleExpand,\n renderExtra: this.props.renderExtra,\n renderTitle: this.props.renderTitle,\n loadMore: loadMore && this.handleLoadMore,\n allowDrop: this.handleAllowDrop,\n actionOnClick: actionOnClick,\n virtualListProps: virtualListProps,\n } },\n React.createElement(NodeList, { ref: function (node) {\n _this.nodeListRef = node;\n }, className: cs(prefixCls, (_a = {},\n _a[prefixCls + \"-checkable\"] = checkable,\n _a[prefixCls + \"-show-line\"] = showLine,\n _a[prefixCls + \"-size-\" + size] = size,\n _a), className), style: style, filterNode: this.props.filterNode, virtualListProps: virtualListProps, expandedKeys: this.state.expandedKeys, currentExpandKeys: this.state.currentExpandKeys, getNodeProps: this.getNodeProps, nodeList: this.state.nodeList, onMouseDown: this.props.onMouseDown, saveCacheNode: function (node) {\n _this.cacheNodes[node.key] = node;\n }, ariaProps: {\n role: 'tree',\n 'aria-multiselectable': this.props.multiple,\n tabIndex: 0,\n } })));\n };\n Tree.displayName = 'Tree';\n Tree.SHOW_PARENT = 'parent';\n Tree.SHOW_ALL = 'all';\n Tree.SHOW_CHILD = 'child';\n Tree.Node = Node;\n Tree.contextType = ConfigContext;\n return Tree;\n}(Component));\nexport default Tree;\n","import { isArray, isObject } from '../_util/is';\nexport var normalizeValueToArray = function (val) {\n var value = val;\n if (!isArray(val)) {\n value = val === null || val === undefined ? [] : [val];\n }\n return value.map(function (x) {\n if (isObject(x)) {\n return x.value;\n }\n return x;\n });\n};\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport { useState, useCallback } from 'react';\nimport isEqualWith from 'lodash/isEqualWith';\nimport { normalizeValueToArray } from '../utils';\nimport { isArray, isObject, isUndefined } from '../../_util/is';\nimport Tree from '../../Tree';\nimport { getCheckedKeysByInitKeys } from '../../Tree/util';\nimport useUpdate from '../../_util/hooks/useUpdate';\nexport var parseValue = function (v, key2nodeProps, valueMap) {\n if (v === undefined || v === null) {\n return [];\n }\n var value = isArray(v) ? v : [v];\n return value.map(function (x) {\n var result = isObject(x) ? __assign({}, x) : { value: x, label: undefined };\n var item = key2nodeProps[result.value];\n if (item) {\n result.label = result.label || item.title;\n result.disabled = item.disabled;\n }\n else if (isArray(valueMap)) {\n var v_1 = valueMap.find(function (y) { return y.value === result.value; });\n result = __assign(__assign({}, result), v_1);\n }\n if (isUndefined(result.label)) {\n result.label = result.value;\n }\n return result;\n });\n};\nvar getInitCheckKeys = function (keys, key2nodeProps, indeterminateKeys, props) {\n if (!props.treeCheckStrictly) {\n var _a = getCheckedKeysByInitKeys(keys, key2nodeProps), allCheckedKeys = _a.checkedKeys, halfKeys = _a.indeterminateKeys;\n var checkedKeys_1 = allCheckedKeys;\n indeterminateKeys.current = halfKeys;\n if (props.treeCheckedStrategy === Tree.SHOW_PARENT) {\n checkedKeys_1 = checkedKeys_1.filter(function (x) {\n var item = key2nodeProps[x];\n if (!item || checkedKeys_1.indexOf(item.parentKey) === -1) {\n return true;\n }\n });\n }\n else if (props.treeCheckedStrategy === Tree.SHOW_CHILD) {\n checkedKeys_1 = checkedKeys_1.filter(function (x) {\n var item = key2nodeProps[x];\n if (!item || !item.children || !item.children.length) {\n return true;\n }\n });\n }\n return checkedKeys_1;\n }\n indeterminateKeys.current = [];\n return keys;\n};\nvar useStateValue = function (props, key2nodeProps, indeterminateKeys) {\n var calcValue = function () {\n var propsValue = props.value || props.defaultValue || [];\n if (props.treeCheckable) {\n var initCheckedKeys = getInitCheckKeys(normalizeValueToArray(propsValue), key2nodeProps, indeterminateKeys, props);\n var parsedPropValue = parseValue(propsValue, key2nodeProps);\n var parsedCheckedValue = parseValue(initCheckedKeys, key2nodeProps, parsedPropValue);\n return parsedCheckedValue;\n }\n return parseValue(propsValue, key2nodeProps);\n };\n var _a = __read(useState(calcValue()), 2), value = _a[0], setValue = _a[1];\n useUpdate(function () {\n var nextValue = calcValue();\n if ('value' in props) {\n if (props.labelInValue) {\n // 以外部传入为准,只比较value\n if (!isEqualWith(normalizeValueToArray(value), normalizeValueToArray(nextValue))) {\n setValue(nextValue);\n }\n }\n else if (!isEqualWith(value, nextValue)) {\n setValue(nextValue);\n }\n }\n }, [\n props.treeCheckedStrategy,\n props.treeCheckStrictly,\n props.treeCheckable,\n props.value,\n key2nodeProps,\n ]);\n var setStateValue = useCallback(function (newValue, extra) {\n var onChange = props.onChange, labelInValue = props.labelInValue;\n var multiple = props.multiple || props.treeCheckable;\n if (!('value' in props)) {\n setValue(newValue);\n }\n var tmp;\n if (multiple) {\n tmp = newValue.map(function (x) {\n return labelInValue ? { label: x.label, value: x.value } : x.value;\n });\n }\n else {\n tmp = labelInValue ? newValue[0] : newValue[0] && newValue[0].value;\n }\n onChange && onChange(tmp, extra);\n }, [props.onChange, props.labelInValue, props.multiple, props.treeCheckable, props.value]);\n return [value, setStateValue];\n};\nexport default useStateValue;\n","export var DefaultFieldNames = {\n key: 'key',\n title: 'title',\n children: 'children',\n selectable: 'selectable',\n disabled: 'disabled',\n disableCheckbox: 'disableCheckbox',\n checkable: 'checkable',\n isLeaf: 'isLeaf',\n};\n","var __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport { useState } from 'react';\nimport usePrevious from '../../_util/hooks/usePrevious';\nimport { getTreeDataFromTreeChildren } from '../../Tree/util';\nimport useUpdate from '../../_util/hooks/useUpdate';\nexport default function useTreeData(props) {\n var prevProps = usePrevious(props) || {};\n var getData = function () {\n return props.treeData || getTreeDataFromTreeChildren(props.children);\n };\n var _a = __read(useState(getData()), 2), treeData = _a[0], setTreeData = _a[1];\n useUpdate(function () {\n if (props.treeData !== prevProps.treeData || props.children !== prevProps.children) {\n setTreeData(getData());\n }\n }, [props]);\n return [treeData];\n}\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport { useRef, useContext } from 'react';\nimport { ConfigContext } from '../../ConfigProvider';\nimport cs from '../../_util/classNames';\nimport { DefaultFieldNames } from '../interface';\nimport useUpdate from '../../_util/hooks/useUpdate';\nimport useForceUpdate from '../../_util/hooks/useForceUpdate';\nvar getKey2NodeProps = function (treedata, prefixCls, fieldNames) {\n var nodeList = [];\n var key2nodeProps = {};\n var currentIndex = 0;\n var loop = function (treeData, father) {\n var totalLength = treeData.length;\n return treeData.map(function (data, index) {\n var children = data[fieldNames.children];\n var key = fieldNames.key in data ? data[fieldNames.key] : ((father === null || father === void 0 ? void 0 : father._key) || '') + \"-\" + index;\n var nodeProps = __assign(__assign({}, data), { title: data[fieldNames.title], selectable: data[fieldNames.selectable], disabled: data[fieldNames.disabled], disableCheckbox: data[fieldNames.disableCheckbox], checkable: data[fieldNames.checkable], isLeaf: data[fieldNames.isLeaf], key: key, children: children, _key: key, parentKey: father ? father._key : undefined, pathParentKeys: (father && father.pathParentKeys) || [], _level: father._level || 0, _index: currentIndex++ });\n if (totalLength === index + 1) {\n nodeProps.className = cs(prefixCls + \"-node-is-tail\", nodeProps.className);\n }\n nodeList.push(nodeProps);\n key2nodeProps[key] = nodeProps;\n if (children && children.length) {\n key2nodeProps[key].children = loop(children, {\n _key: key,\n _level: nodeProps._level + 1,\n pathParentKeys: __spreadArray(__spreadArray([], __read(((father === null || father === void 0 ? void 0 : father.pathParentKeys) || [])), false), [key], false),\n });\n }\n return nodeProps;\n });\n };\n loop(treedata || [], {});\n return key2nodeProps;\n};\nvar useKeyCache = function (treeData, fieldNames) {\n var getPrefixCls = useContext(ConfigContext).getPrefixCls;\n var _fieldNames = __assign(__assign({}, DefaultFieldNames), fieldNames);\n var dispatch = useForceUpdate();\n var prefixCls = getPrefixCls('tree');\n var cache = useRef(getKey2NodeProps(treeData, prefixCls, _fieldNames));\n useUpdate(function () {\n cache.current = getKey2NodeProps(treeData, prefixCls, _fieldNames);\n dispatch();\n }, [treeData]);\n return cache.current;\n};\nexport default useKeyCache;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport React, { useRef, useCallback, useMemo, useImperativeHandle, forwardRef } from 'react';\nimport Tree from '../Tree';\nimport { isFunction, isString } from '../_util/is';\nfunction TreeList(props, ref) {\n var value = props.value, multiple = props.multiple, loadMore = props.loadMore, treeCheckedStrategy = props.treeCheckedStrategy, treeCheckStrictly = props.treeCheckStrictly, treeData = props.treeData, treeProps = props.treeProps, prefixCls = props.prefixCls, treeCheckable = props.treeCheckable;\n var propsRenderTitle = treeProps && treeProps.renderTitle;\n var treeRef = useRef();\n var handleCheck = useCallback(function (keys, _a) {\n var checkedNodes = _a.checkedNodes, checked = _a.checked, node = _a.node;\n var newValue = keys.map(function (key) {\n var item = checkedNodes.find(function (x) { return x && x.props._key === key; });\n if (!item) {\n var tmp = value.find(function (x) { return x.value === key; });\n return (tmp || {\n label: key,\n value: key,\n });\n }\n return {\n label: item.props.title,\n value: item.props._key,\n disabled: item.props.disabled,\n };\n });\n props.onChange(newValue, {\n checked: checked,\n trigger: node === null || node === void 0 ? void 0 : node.props,\n });\n }, [props.onChange, value]);\n var handleChange = useCallback(function (_, _a) {\n var node = _a.node, selected = _a.selected;\n var newValue = [\n {\n value: node.props._key,\n label: node.props.title,\n },\n ];\n if (multiple) {\n newValue = __spreadArray([], __read(value), false);\n var index = newValue.findIndex(function (x) { return x.value === node.props._key; });\n if (index > -1) {\n newValue.splice(index, 1);\n }\n else {\n newValue.push({\n value: node.props._key,\n label: node.props.title,\n });\n }\n }\n props.onChange(newValue, { trigger: node === null || node === void 0 ? void 0 : node.props, selected: selected });\n }, [props.onChange, value, multiple]);\n var handleCheckableSelect = useCallback(function (_, _a) {\n var node = _a.node, e = _a.e;\n var _b = node.props, checked = _b.checked, checkable = _b.checkable, disabled = _b.disabled, disableCheckbox = _b.disableCheckbox;\n if (treeRef.current && !disableCheckbox && !disabled && checkable !== false) {\n treeRef.current.handleCheck && treeRef.current.handleCheck(!checked, node.props._key, e);\n }\n }, []);\n var handleLoadMore = useCallback(function (treeNode) {\n if (isFunction(loadMore)) {\n var dataRef = treeNode.props.dataRef;\n return loadMore(treeNode, dataRef);\n }\n return [];\n }, [loadMore]);\n var renderTitle = useCallback(function (nodeProps) {\n if (propsRenderTitle) {\n return propsRenderTitle(nodeProps);\n }\n var inputValue = props.inputValue;\n var title = nodeProps.title;\n if (inputValue && isString(title)) {\n var index = title.toLowerCase().indexOf(inputValue.toLowerCase());\n if (index === -1) {\n return title;\n }\n var prefix = title.substr(0, index);\n var suffix = title.substr(index + inputValue.length);\n return (React.createElement(\"span\", null,\n prefix,\n React.createElement(\"span\", { className: prefixCls + \"-highlight\" }, title.substr(index, inputValue.length)),\n suffix));\n }\n return title;\n }, [prefixCls, props.inputValue, propsRenderTitle]);\n var extraProps = useMemo(function () {\n return props.treeCheckable\n ? {\n onCheck: handleCheck,\n checkedKeys: value.map(function (x) { return x.value; }),\n }\n : {};\n }, [handleCheck, value, props.treeCheckable]);\n var selectedKeys = useMemo(function () {\n return props.treeCheckable ? [] : value.map(function (x) { return x.value; });\n }, [props.treeCheckable, value]);\n var onSelect = useCallback(function (_, extra) {\n props.treeCheckable ? handleCheckableSelect(_, extra) : handleChange(_, extra);\n }, [props.treeCheckable, handleCheckableSelect, handleChange]);\n useImperativeHandle(ref, function () {\n return treeRef.current;\n }, []);\n return (React.createElement(Tree, __assign({ ref: treeRef, size: props.size, blockNode: true, filterNode: props.filterNode }, treeProps, { checkable: treeCheckable, multiple: multiple, loadMore: props.loadMore ? handleLoadMore : undefined, checkedStrategy: treeCheckedStrategy, checkStrictly: treeCheckStrictly, onMouseDown: function (e) {\n e.preventDefault();\n } }, extraProps, { treeData: treeData, fieldNames: props.fieldNames, renderTitle: renderTitle, onSelect: onSelect, selectedKeys: selectedKeys })));\n}\nexport default forwardRef(TreeList);\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nvar __generator = (this && this.__generator) || function (thisArg, body) {\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n function verb(n) { return function (v) { return step([n, v]); }; }\n function step(op) {\n if (f) throw new TypeError(\"Generator is already executing.\");\n while (_) try {\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n if (y = 0, t) op = [op[0] & 2, t.value];\n switch (op[0]) {\n case 0: case 1: t = op; break;\n case 4: _.label++; return { value: op[1], done: false };\n case 5: _.label++; y = op[1]; op = [0]; continue;\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\n default:\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n if (t[2]) _.ops.pop();\n _.trys.pop(); continue;\n }\n op = body.call(thisArg, _);\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n }\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport React, { forwardRef, useContext, useEffect, useRef, useState, useImperativeHandle, useMemo, useCallback, } from 'react';\nimport debounce from 'lodash/debounce';\nimport useStateValue, { parseValue } from './hook/useStateValue';\nimport { normalizeValueToArray } from './utils';\nimport { isArray, isFunction, isObject } from '../_util/is';\nimport Trigger from '../Trigger';\nimport Tree from '../Tree';\nimport { ConfigContext } from '../ConfigProvider';\nimport { getAllCheckedKeysByCheck } from '../Tree/util';\nimport SelectView from '../_class/select-view';\nimport { DefaultFieldNames } from './interface';\nimport useTreeData from './hook/useTreeData';\nimport useKeyCache from './hook/useKeyCache';\nimport TreeList from './tree-list';\nimport useMergeValue from '../_util/hooks/useMergeValue';\nimport cs from '../_util/classNames';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nfunction isEmptyValue(value) {\n return (!value ||\n (isArray(value) && value.length === 0) ||\n (isObject(value) && Object.keys(value).length === 0));\n}\n// Generate DOM id for instance\nvar globalTreeSelectIndex = 0;\nvar defaultProps = {\n bordered: true,\n treeCheckedStrategy: Tree.SHOW_CHILD,\n fieldNames: DefaultFieldNames,\n};\nvar TreeSelect = function (baseProps, ref) {\n var _a = useContext(ConfigContext), getPrefixCls = _a.getPrefixCls, renderEmpty = _a.renderEmpty, componentConfig = _a.componentConfig;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.TreeSelect);\n var triggerRef = useRef();\n var treeRef = useRef(null);\n var refSelectView = useRef(null);\n var indeterminateKeys = useRef([]);\n var _b = __read(useTreeData(props), 1), treeData = _b[0];\n var key2nodeProps = useKeyCache(treeData, props.fieldNames);\n var _c = __read(useState(), 2), hitKeys = _c[0], setHitKeys = _c[1];\n var _d = __read(useMergeValue(false, {\n value: props.popupVisible,\n }), 2), popupVisible = _d[0], setPopupVisible = _d[1];\n var _e = __read(useState(), 2), inputValue = _e[0], setInputValue = _e[1];\n var _f = __read(useStateValue(props, key2nodeProps, indeterminateKeys), 2), value = _f[0], setValue = _f[1];\n var multiple = props.multiple || props.treeCheckable;\n var prefixCls = getPrefixCls('tree-select');\n var isFilterNode = inputValue && !isFunction(props.onSearch);\n // Unique ID of this select instance\n var instancePopupID = useMemo(function () {\n var id = prefixCls + \"-popup-\" + globalTreeSelectIndex;\n globalTreeSelectIndex++;\n return id;\n }, []);\n var handleSearch = useCallback(function (inputText) {\n var search = debounce(function (inputText) { return __awaiter(void 0, void 0, void 0, function () {\n var hitKeys;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0:\n if (!isFunction(props.onSearch)) return [3 /*break*/, 2];\n return [4 /*yield*/, props.onSearch(inputText)];\n case 1:\n _a.sent();\n return [2 /*return*/];\n case 2:\n if (!inputText)\n return [2 /*return*/, treeData];\n hitKeys = new Set();\n Object.keys(key2nodeProps).forEach(function (key) {\n var nodeProps = key2nodeProps[key];\n var isHit = false;\n if (isFunction(props.filterTreeNode)) {\n if (props.filterTreeNode(inputText, React.createElement(Tree.Node, __assign({}, nodeProps)))) {\n isHit = true;\n }\n }\n else {\n var text = nodeProps.value || nodeProps._key;\n if (text && text.indexOf(inputText) > -1) {\n isHit = true;\n }\n }\n if (isHit) {\n hitKeys.add(nodeProps.key);\n }\n });\n setHitKeys(hitKeys);\n return [2 /*return*/];\n }\n });\n }); }, 100);\n return search(inputText);\n }, [props.onSearch, treeData, key2nodeProps, props.filterTreeNode]);\n var resetInputValue = function () {\n // 多选选中值时候不清除搜索文本\n var retainInputValueWhileSelect = true;\n if (isObject(props.showSearch)) {\n retainInputValueWhileSelect = props.showSearch.retainInputValueWhileSelect !== false;\n }\n if (props.multiple && !retainInputValueWhileSelect) {\n setInputValue('');\n handleSearch('');\n }\n };\n var triggerChange = useCallback(function (newValue, extra) {\n setValue(newValue, extra);\n resetInputValue();\n if (!multiple) {\n setPopupVisible(false);\n }\n }, [setValue]);\n var handleRemoveCheckedItem = function (item, index, e) {\n e.stopPropagation();\n if (item.disabled) {\n return;\n }\n if (!props.treeCheckable || props.treeCheckStrictly || !key2nodeProps[item.value]) {\n var newValue = value.filter(function (_, i) { return i !== index; });\n triggerChange(newValue, {\n trigger: key2nodeProps[item.value] || item,\n checked: false,\n selected: false,\n });\n return;\n }\n var result = getAllCheckedKeysByCheck(item.value, false, normalizeValueToArray(value), key2nodeProps, indeterminateKeys.current);\n indeterminateKeys.current = result.indeterminateKeys;\n triggerChange(parseValue(result.checkedKeys, key2nodeProps, value), {\n trigger: key2nodeProps[item.value],\n checked: false,\n selected: false,\n });\n };\n useEffect(function () {\n inputValue !== undefined && handleSearch(inputValue);\n }, [inputValue]);\n var searchKeys = useMemo(function () {\n var newKeys = [];\n if (inputValue) {\n for (var key in key2nodeProps) {\n var item = key2nodeProps[key];\n var pathKeys = __spreadArray(__spreadArray([], __read(item.pathParentKeys), false), [key], false);\n if (pathKeys.some(function (_key) { return hitKeys && hitKeys.has(_key); })) {\n newKeys = newKeys.concat(pathKeys);\n }\n }\n }\n return Array.from(new Set(newKeys));\n }, [inputValue, key2nodeProps, hitKeys]);\n useEffect(function () {\n popupVisible &&\n setTimeout(function () {\n var target = value[0];\n if (treeRef.current && target) {\n treeRef.current.scrollIntoView(target.value);\n }\n });\n inputValue && setInputValue('');\n }, [popupVisible]);\n useImperativeHandle(ref, function () { return ({\n focus: function () {\n refSelectView.current && refSelectView.current.focus();\n },\n blur: function () {\n refSelectView.current && refSelectView.current.blur();\n },\n }); });\n var filterNode = useCallback(function (node) {\n return isFilterNode ? searchKeys.indexOf(node._key) > -1 : true;\n }, [isFilterNode, searchKeys]);\n var renderText = useCallback(function (val) {\n var _a = val || {}, _b = _a.label, label = _b === void 0 ? '' : _b, disabled = _a.disabled;\n return { text: label, disabled: disabled };\n }, []);\n var tryUpdateSelectValue = function (value) {\n setValue(value, {});\n };\n return (React.createElement(Trigger, __assign({ autoAlignPopupWidth: false, autoAlignPopupMinWidth: true, ref: triggerRef, classNames: \"slideDynamicOrigin\", trigger: \"click\", position: \"bl\", getPopupContainer: props.getPopupContainer, popupAlign: { bottom: 4 }, unmountOnExit: props.unmountOnExit }, props.triggerProps, { className: cs(prefixCls + \"-trigger\", props.triggerProps && props.triggerProps.className), popup: function () {\n var _a, _b, _c;\n var dropdownRender = props.dropdownRender;\n var dom = (isFilterNode && isEmptyValue(searchKeys)) || isEmptyValue(treeData) ? (props.notFoundContent || renderEmpty('TreeSelect')) : (React.createElement(TreeList, __assign({ prefixCls: prefixCls, ref: treeRef }, props, { inputValue: inputValue, filterNode: filterNode, value: value, onChange: triggerChange, multiple: multiple, treeData: treeData })));\n return (React.createElement(\"div\", { id: instancePopupID, className: prefixCls + \"-popup\", style: __assign({ maxHeight: ((_a = props.treeProps) === null || _a === void 0 ? void 0 : _a.height) || ((_c = (_b = props.treeProps) === null || _b === void 0 ? void 0 : _b.virtualListProps) === null || _c === void 0 ? void 0 : _c.height) ? 'unset' : '' }, props.dropdownMenuStyle) }, isFunction(dropdownRender) ? dropdownRender(dom) : dom));\n }, disabled: props.disabled, onVisibleChange: function (visible) {\n setPopupVisible(visible);\n props.onVisibleChange && props.onVisibleChange(visible);\n }, popupVisible: popupVisible }), typeof props.triggerElement === 'function'\n ? (function () {\n var _a;\n var valueForCallback;\n if (multiple) {\n valueForCallback = value.map(function (x) {\n return props.labelInValue ? { label: x.label, value: x.value } : x.value;\n });\n }\n else {\n valueForCallback = props.labelInValue ? value[0] : (_a = value[0]) === null || _a === void 0 ? void 0 : _a.value;\n }\n return props.triggerElement({ value: valueForCallback });\n })()\n : props.triggerElement || (React.createElement(SelectView, __assign({ ref: refSelectView, ariaControls: instancePopupID }, props, { popupVisible: popupVisible, value: !multiple && isArray(value) ? value[0] : value, inputValue: inputValue, \n // other\n isEmptyValue: isEmptyValue(value), prefixCls: prefixCls, isMultiple: multiple, renderText: renderText, onSort: tryUpdateSelectValue, onRemoveCheckedItem: handleRemoveCheckedItem, onClear: function (e) {\n e.stopPropagation();\n triggerChange([], {});\n props.onClear && props.onClear(!!popupVisible);\n }, onKeyDown: function (e) {\n e.stopPropagation();\n }, onFocus: function (e) {\n e && e.stopPropagation();\n }, onChangeInputValue: function (input) {\n setInputValue(input);\n } })))));\n};\nvar ForwardRefTreeSelect = forwardRef(TreeSelect);\nvar TreeSelectComponent = ForwardRefTreeSelect;\nTreeSelectComponent.displayName = 'TreeSelect';\nTreeSelectComponent.Node = Tree.Node;\nTreeSelectComponent.SHOW_ALL = Tree.SHOW_ALL;\nTreeSelectComponent.SHOW_PARENT = Tree.SHOW_PARENT;\nTreeSelectComponent.SHOW_CHILD = Tree.SHOW_CHILD;\nexport default TreeSelectComponent;\n","import TreeSelect from './tree-select';\nexport default TreeSelect;\n","import React, { useContext, forwardRef } from 'react';\nimport cs from '../_util/classNames';\nimport { ConfigContext } from '../ConfigProvider';\nfunction Typography(props, ref) {\n var getPrefixCls = useContext(ConfigContext).getPrefixCls;\n var prefixCls = getPrefixCls('typography');\n var className = props.className, style = props.style, children = props.children;\n var classNames = cs(prefixCls, className);\n return (React.createElement(\"article\", { ref: ref, style: style, className: classNames }, children));\n}\nvar TypographyComponent = forwardRef(Typography);\nTypographyComponent.displayName = 'Typography';\nexport default TypographyComponent;\n","// https://github.com/feross/clipboard-copy/blob/master/index.js\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nvar __generator = (this && this.__generator) || function (thisArg, body) {\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n function verb(n) { return function (v) { return step([n, v]); }; }\n function step(op) {\n if (f) throw new TypeError(\"Generator is already executing.\");\n while (_) try {\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n if (y = 0, t) op = [op[0] & 2, t.value];\n switch (op[0]) {\n case 0: case 1: t = op; break;\n case 4: _.label++; return { value: op[1], done: false };\n case 5: _.label++; y = op[1]; op = [0]; continue;\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\n default:\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n if (t[2]) _.ops.pop();\n _.trys.pop(); continue;\n }\n op = body.call(thisArg, _);\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n }\n};\nexport default function clipboard(text) {\n return __awaiter(this, void 0, void 0, function () {\n var err_1, span, selection, range, success;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0:\n if (!(navigator.clipboard && navigator.clipboard.writeText)) return [3 /*break*/, 4];\n _a.label = 1;\n case 1:\n _a.trys.push([1, 3, , 4]);\n return [4 /*yield*/, navigator.clipboard.writeText(text)];\n case 2:\n _a.sent();\n // 仅在执行成功时返回\n return [2 /*return*/];\n case 3:\n err_1 = _a.sent();\n console.error(err_1 !== null && err_1 !== void 0 ? err_1 : new DOMException('The request is not allowed', 'NotAllowedError'));\n return [3 /*break*/, 4];\n case 4:\n span = document.createElement('span');\n span.textContent = text;\n span.style.whiteSpace = 'pre';\n document.body.appendChild(span);\n selection = window.getSelection();\n range = window.document.createRange();\n selection.removeAllRanges();\n range.selectNode(span);\n selection.addRange(range);\n success = false;\n try {\n success = window.document.execCommand('copy');\n }\n catch (err) {\n // eslint-disable-next-line\n console.log('error', err);\n }\n selection.removeAllRanges();\n window.document.body.removeChild(span);\n return [2 /*return*/, success\n ? Promise.resolve()\n : Promise.reject(new DOMException('The request is not allowed', 'NotAllowedError'))];\n }\n });\n });\n}\n","import _extends from \"@babel/runtime/helpers/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\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\nimport React, { useContext } from 'react';\nimport { IconContext } from '../context';\n\nfunction IconCopyComponent(iconProps, ref) {\n var _useContext = useContext(IconContext),\n _useContext$prefixCls = _useContext.prefixCls,\n prefixCls = _useContext$prefixCls === void 0 ? 'arco' : _useContext$prefixCls;\n\n var spin = iconProps.spin,\n className = iconProps.className;\n\n var props = _objectSpread(_objectSpread({\n \"aria-hidden\": true,\n focusable: false,\n ref: ref\n }, iconProps), {}, {\n className: \"\".concat(className ? className + ' ' : '').concat(prefixCls, \"-icon \").concat(prefixCls, \"-icon-copy\")\n });\n\n if (spin) {\n props.className = \"\".concat(props.className, \" \").concat(prefixCls, \"-icon-loading\");\n }\n\n delete props.spin;\n delete props.isIcon;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"4\",\n viewBox: \"0 0 48 48\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M20 6h18a2 2 0 0 1 2 2v22M8 16v24c0 1.105.891 2 1.996 2h20.007A1.99 1.99 0 0 0 32 40.008V15.997A1.997 1.997 0 0 0 30 14H10a2 2 0 0 0-2 2Z\"\n }));\n}\n\nvar IconCopy = /*#__PURE__*/React.forwardRef(IconCopyComponent);\nIconCopy.defaultProps = {\n isIcon: true\n};\nIconCopy.displayName = 'IconCopy';\nexport default IconCopy;","import _extends from \"@babel/runtime/helpers/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\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\nimport React, { useContext } from 'react';\nimport { IconContext } from '../context';\n\nfunction IconEditComponent(iconProps, ref) {\n var _useContext = useContext(IconContext),\n _useContext$prefixCls = _useContext.prefixCls,\n prefixCls = _useContext$prefixCls === void 0 ? 'arco' : _useContext$prefixCls;\n\n var spin = iconProps.spin,\n className = iconProps.className;\n\n var props = _objectSpread(_objectSpread({\n \"aria-hidden\": true,\n focusable: false,\n ref: ref\n }, iconProps), {}, {\n className: \"\".concat(className ? className + ' ' : '').concat(prefixCls, \"-icon \").concat(prefixCls, \"-icon-edit\")\n });\n\n if (spin) {\n props.className = \"\".concat(props.className, \" \").concat(prefixCls, \"-icon-loading\");\n }\n\n delete props.spin;\n delete props.isIcon;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"4\",\n viewBox: \"0 0 48 48\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n d: \"m30.48 19.038 5.733-5.734a1 1 0 0 0 0-1.414l-5.586-5.586a1 1 0 0 0-1.414 0l-5.734 5.734m7 7L15.763 33.754a1 1 0 0 1-.59.286l-6.048.708a1 1 0 0 1-1.113-1.069l.477-6.31a1 1 0 0 1 .29-.631l14.7-14.7m7 7-7-7M6 42h36\"\n }));\n}\n\nvar IconEdit = /*#__PURE__*/React.forwardRef(IconEditComponent);\nIconEdit.defaultProps = {\n isIcon: true\n};\nIconEdit.displayName = 'IconEdit';\nexport default IconEdit;","/** merge multiple children to a string node */\nimport React from 'react';\nimport { isString, isNumber } from './is';\nvar isSingleNode = function (child) {\n return isString(child) || isNumber(child);\n};\nexport default function mergedToString(children) {\n var mergedResult = [''];\n React.Children.forEach(children, function (child) {\n var prevIndex = mergedResult.length - 1;\n var prevChild = mergedResult[prevIndex];\n if (isSingleNode(child) && isSingleNode(prevChild)) {\n mergedResult[prevIndex] = \"\" + prevChild + child;\n }\n else if (child && child.props && child.props.children) {\n mergedResult.push(mergedToString(child.props.children));\n }\n });\n return mergedResult.join('');\n}\n","var __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { useState, useRef, useEffect } from 'react';\nimport Tooltip from '../Tooltip';\nimport { isObject, isArray } from '../_util/is';\nimport copy from '../_util/clipboard';\nimport IconCopy from '../../icon/react-icon/IconCopy';\nimport IconCheckCircleFill from '../../icon/react-icon/IconCheckCircleFill';\nimport IconEdit from '../../icon/react-icon/IconEdit';\nimport mergedToString from '../_util/mergedToString';\nexport default function Operations(props) {\n var children = props.children, copyable = props.copyable, editable = props.editable, ellipsis = props.ellipsis, expanding = props.expanding, setEditing = props.setEditing, onClickExpand = props.onClickExpand, forceShowExpand = props.forceShowExpand, isEllipsis = props.isEllipsis, _a = props.currentContext, currentContext = _a === void 0 ? {} : _a;\n var getPrefixCls = currentContext.getPrefixCls, locale = currentContext.locale;\n var prefixCls = getPrefixCls('typography');\n var _b = __read(useState(false), 2), isCopied = _b[0], setCopied = _b[1];\n var copyTimer = useRef(null);\n var copyConfig = isObject(copyable) ? copyable : {};\n var ellipsisConfig = isObject(ellipsis) ? ellipsis : {};\n var editableConfig = isObject(editable) ? editable : {};\n var expandNodes = isArray(ellipsisConfig.expandNodes)\n ? ellipsisConfig.expandNodes\n : [locale.Typography.fold, locale.Typography.unfold];\n useEffect(function () {\n return function () {\n clearTimeout(copyTimer.current);\n copyTimer.current = null;\n };\n }, []);\n function onClickCopy(e) {\n if (isCopied)\n return;\n var text = copyConfig.text !== undefined ? copyConfig.text : mergedToString(children);\n copy(text);\n setCopied(true);\n copyConfig.onCopy && copyConfig.onCopy(text, e);\n copyTimer.current = setTimeout(function () {\n setCopied(false);\n }, 3000);\n }\n var tooltips = copyConfig.tooltips || [locale.Typography.copy, locale.Typography.copied];\n var copyElement = copyable && (React.createElement(Tooltip, { content: isCopied ? tooltips[1] : tooltips[0] },\n React.createElement(\"span\", { className: isCopied ? prefixCls + \"-operation-copied\" : prefixCls + \"-operation-copy\", onClick: onClickCopy }, isCopied ? React.createElement(IconCheckCircleFill, null) : copyConfig.icon || React.createElement(IconCopy, null))));\n var editElement = editable && (React.createElement(Tooltip, { content: locale.Typography.edit },\n React.createElement(\"span\", { className: prefixCls + \"-operation-edit\", onClick: function (e) {\n editableConfig.onStart && editableConfig.onStart(mergedToString(children), e);\n setEditing(true);\n } },\n React.createElement(IconEdit, null))));\n var ellipsisElement = forceShowExpand || (ellipsisConfig.expandable && isEllipsis) ? (React.createElement(\"a\", { className: prefixCls + \"-operation-expand\", onClick: onClickExpand }, expanding ? expandNodes[0] : expandNodes[1])) : null;\n return (React.createElement(React.Fragment, null,\n ellipsisElement,\n editElement,\n copyElement));\n}\n","import React, { useEffect, useRef } from 'react';\nimport cs from '../_util/classNames';\nimport Input from '../Input';\nimport mergedToString from '../_util/mergedToString';\nexport default function EditContent(props) {\n var prefixCls = props.prefixCls, children = props.children, setEditing = props.setEditing, editableConfig = props.editableConfig;\n var className = cs(prefixCls + \"-typography\", prefixCls + \"-edit-content\");\n var str = mergedToString(children);\n var input = useRef(null);\n useEffect(function () {\n input.current && input.current.focus && input.current.focus();\n if (input.current && input.current.dom) {\n var length_1 = input.current.dom.value.length;\n input.current.dom.setSelectionRange(length_1, length_1);\n }\n }, []);\n function onEnd() {\n setEditing(false);\n editableConfig.onEnd && editableConfig.onEnd(str);\n }\n function onChange(value) {\n editableConfig.onChange && editableConfig.onChange(value);\n }\n function onBlur() {\n onEnd();\n }\n return (React.createElement(\"div\", { className: className },\n React.createElement(Input.TextArea, { onBlur: onBlur, ref: input, value: str, autoSize: true, onChange: onChange, onPressEnter: onEnd })));\n}\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { useMemo, useRef, useState } from 'react';\nimport useUpdate from '../_util/hooks/useUpdate';\nimport throttleByRaf from '../_util/throttleByRaf';\nimport { isNumber, isString } from '../_util/is';\nimport useIsomorphicLayoutEffect from '../_util/hooks/useIsomorphicLayoutEffect';\n// line-height baseline\nvar MEASURE_LINE_HEIGHT_TEXT = 'hxj';\nexport var MEASURE_STATUS;\n(function (MEASURE_STATUS) {\n MEASURE_STATUS[MEASURE_STATUS[\"INIT\"] = 0] = \"INIT\";\n MEASURE_STATUS[MEASURE_STATUS[\"BEFORE_MEASURE\"] = 1] = \"BEFORE_MEASURE\";\n MEASURE_STATUS[MEASURE_STATUS[\"MEASURING\"] = 2] = \"MEASURING\";\n MEASURE_STATUS[MEASURE_STATUS[\"MEASURE_END\"] = 3] = \"MEASURE_END\";\n MEASURE_STATUS[MEASURE_STATUS[\"NO_NEED_ELLIPSIS\"] = 4] = \"NO_NEED_ELLIPSIS\";\n})(MEASURE_STATUS || (MEASURE_STATUS = {}));\nfunction useEllipsis(props) {\n var children = props.children, _a = props.rows, rows = _a === void 0 ? 1 : _a, width = props.width, expanding = props.expanding, renderMeasureContent = props.renderMeasureContent, simpleEllipsis = props.simpleEllipsis, onEllipsis = props.onEllipsis, suffix = props.suffix, expandNodes = props.expandNodes, expandable = props.expandable, ellipsisStr = props.ellipsisStr;\n var singleRowNode = useRef();\n var mirrorNode = useRef();\n var _b = __read(useState([0, 0, 0]), 2), binarySearchIndex = _b[0], setBinarySearchIndex = _b[1];\n var _c = __read(useState(0), 2), lineHeight = _c[0], setLineHeight = _c[1];\n var _d = __read(useState(MEASURE_STATUS.NO_NEED_ELLIPSIS), 2), status = _d[0], setStatus = _d[1];\n var _e = __read(binarySearchIndex, 3), startLoc = _e[0], midLoc = _e[1], endLoc = _e[2];\n var _f = __read(useState(false), 2), isEllipsis = _f[0], setIsEllipsis = _f[1];\n var nodeList = useMemo(function () { return React.Children.toArray(children); }, [children]);\n var closedLoc = useRef(0);\n useUpdate(function () {\n onEllipsis && onEllipsis(isEllipsis);\n }, [isEllipsis]);\n var isSimpleNode = function (node) {\n return isString(node) || isNumber(node);\n };\n var getTotalLen = function (list) {\n var total = 0;\n list.forEach(function (node) {\n if (isSimpleNode) {\n total += String(node).length;\n }\n else {\n total += 1;\n }\n });\n return total;\n };\n var totalLen = useMemo(function () { return getTotalLen(nodeList); }, [nodeList]);\n var updateSearchIndex = throttleByRaf(function (searchIndex) { return setBinarySearchIndex(searchIndex); });\n var getSlicedNode = function (sliceLen) {\n var slicedNode = [];\n var currentLen = 0;\n if (sliceLen >= totalLen) {\n return nodeList;\n }\n for (var index in nodeList) {\n var node = nodeList[index];\n if (currentLen >= sliceLen) {\n return slicedNode;\n }\n var currentNodeLen = isSimpleNode(node) ? String(node).length : 1;\n if (currentNodeLen > sliceLen - currentLen) {\n slicedNode.push(String(node).slice(0, sliceLen - currentLen));\n currentLen = sliceLen;\n return slicedNode;\n }\n currentLen += currentNodeLen;\n slicedNode.push(node);\n }\n return slicedNode;\n };\n var measure = function () {\n var _a, _b;\n if (lineHeight) {\n if (status === MEASURE_STATUS.INIT) {\n var maxHeight = rows * lineHeight;\n var mirrorHeight = (_a = mirrorNode.current) === null || _a === void 0 ? void 0 : _a.offsetHeight;\n var currentEllipsis = mirrorHeight > maxHeight;\n // simpleEllipsis 和 expanding 情况下: 只用判断空间是否足够，不用计算折叠零界\n if (!currentEllipsis || simpleEllipsis || expanding) {\n setStatus(MEASURE_STATUS.MEASURE_END);\n setIsEllipsis(currentEllipsis);\n setBinarySearchIndex([0, totalLen, totalLen]);\n }\n else {\n setIsEllipsis(true);\n setStatus(MEASURE_STATUS.BEFORE_MEASURE);\n }\n }\n else if (status === MEASURE_STATUS.BEFORE_MEASURE) {\n var totalWidth = singleRowNode === null || singleRowNode === void 0 ? void 0 : singleRowNode.current.offsetWidth;\n var closedWidth = rows * width;\n if (totalWidth > rows * width) {\n var startRatio = Math.max(closedWidth / totalWidth - 0.1, 0);\n var endRatio = Math.min(closedWidth / totalWidth + 0.1, 1);\n var closedStartLoc = Math.floor(startRatio * totalLen);\n var closedEndLoc = Math.ceil(endRatio * totalLen);\n var closedMiddleLoc = Math.floor((closedStartLoc + closedEndLoc) / 2);\n setBinarySearchIndex([closedStartLoc, closedMiddleLoc, closedEndLoc]);\n closedLoc.current = closedMiddleLoc;\n }\n setStatus(MEASURE_STATUS.MEASURING);\n }\n else if (status === MEASURE_STATUS.MEASURING) {\n if (startLoc !== endLoc - 1) {\n var mirrorHeight = (_b = mirrorNode.current) === null || _b === void 0 ? void 0 : _b.offsetHeight;\n var maxHeight = rows * lineHeight;\n var nextStartLoc = startLoc;\n var nextEndLoc = endLoc;\n if (mirrorHeight <= maxHeight) {\n nextStartLoc = midLoc;\n }\n else {\n nextEndLoc = midLoc;\n }\n var nextMidLoc = Math.floor((nextEndLoc + nextStartLoc) / 2);\n updateSearchIndex([nextStartLoc, nextMidLoc, nextEndLoc]);\n }\n else {\n updateSearchIndex([startLoc, startLoc, startLoc]);\n setStatus(MEASURE_STATUS.MEASURE_END);\n }\n }\n }\n };\n useIsomorphicLayoutEffect(function () {\n if (props.rows && width) {\n setBinarySearchIndex([0, Math.floor(totalLen / 2), totalLen]);\n setStatus(MEASURE_STATUS.INIT);\n }\n else {\n setStatus(MEASURE_STATUS.NO_NEED_ELLIPSIS);\n }\n }, [\n totalLen,\n simpleEllipsis,\n expanding,\n width,\n suffix,\n expandNodes,\n expandable,\n ellipsisStr,\n props.rows,\n ]);\n useIsomorphicLayoutEffect(function () {\n if (singleRowNode.current && status === MEASURE_STATUS.INIT) {\n var offsetHeight = singleRowNode.current.offsetHeight;\n setLineHeight(offsetHeight);\n }\n }, [status]);\n useIsomorphicLayoutEffect(function () {\n measure();\n }, [status, midLoc, startLoc, endLoc, lineHeight]);\n var basicStyle = {\n zIndex: -999,\n position: 'fixed',\n opacity: 0,\n padding: 0,\n margin: 0,\n };\n var singleRowNodeStyle = __assign({ whiteSpace: 'nowrap' }, basicStyle);\n // 用css省略的话，需要覆盖单行省略样式\n var mirrorNodeStyle = simpleEllipsis\n ? __assign({ textOverflow: 'clip' }, basicStyle) : basicStyle;\n var ellipsisNode;\n if (status === MEASURE_STATUS.INIT || status === MEASURE_STATUS.BEFORE_MEASURE) {\n ellipsisNode = (React.createElement(React.Fragment, null,\n React.createElement(\"div\", { ref: singleRowNode, style: singleRowNodeStyle }, status === MEASURE_STATUS.INIT\n ? MEASURE_LINE_HEIGHT_TEXT\n : renderMeasureContent(children, false)),\n React.createElement(\"div\", { ref: mirrorNode, style: __assign({ width: width }, mirrorNodeStyle) }, renderMeasureContent(children, isEllipsis))));\n }\n else if (status === MEASURE_STATUS.MEASURING) {\n ellipsisNode = (React.createElement(React.Fragment, null,\n React.createElement(\"div\", { ref: mirrorNode, style: __assign({ width: width }, mirrorNodeStyle) }, renderMeasureContent(getSlicedNode(midLoc), isEllipsis)),\n getSlicedNode(closedLoc.current)));\n }\n else if (status === MEASURE_STATUS.MEASURE_END) {\n ellipsisNode = renderMeasureContent(getSlicedNode(midLoc), isEllipsis);\n }\n else if (status === MEASURE_STATUS.NO_NEED_ELLIPSIS) {\n ellipsisNode = renderMeasureContent(children, false);\n }\n return { ellipsisNode: ellipsisNode, isEllipsis: isEllipsis, measureStatus: status };\n}\nexport default useEllipsis;\n","var __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport { useMemo } from 'react';\nimport { isUndefined } from '../_util/is';\nvar supportCss = function (key, value) {\n if (typeof window !== 'undefined' && window.CSS && window.CSS.supports) {\n if (!isUndefined(value)) {\n return window.CSS.supports(key, value);\n }\n return window.CSS.supports(key);\n }\n if (typeof document !== 'undefined' && document.createElement) {\n var elem = document.createElement('div');\n elem.setAttribute(\"style\", key + \":\" + value + \";\");\n return typeof elem.style[key] !== 'undefined';\n }\n return false;\n};\nvar mutiEllipsisAttr = {\n display: ' -webkit-box',\n '-webkit-line-clamp': 2,\n};\nvar isSupportMuti = function () {\n return Object.entries(mutiEllipsisAttr).every(function (_a) {\n var _b = __read(_a, 2), key = _b[0], value = _b[1];\n return supportCss(key, value);\n });\n};\nfunction useCssEllipsis(props) {\n var cssEllipsis = props.cssEllipsis, ellipsisStr = props.ellipsisStr, suffix = props.suffix, rows = props.rows;\n var simpleEllipsis = useMemo(function () {\n if (!cssEllipsis || (rows > 1 && !isSupportMuti())) {\n return false;\n }\n return ellipsisStr === '...' && !suffix;\n }, [ellipsisStr, cssEllipsis, rows, suffix]);\n var singleRowStyle = {\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n };\n var mutiRowsStyle = {\n textOverflow: 'ellipsis',\n whiteSpace: 'normal',\n overflow: 'hidden',\n WebkitLineClamp: \"\" + props.rows,\n WebkitBoxOrient: 'vertical',\n display: '-webkit-box',\n };\n return {\n simpleEllipsis: simpleEllipsis,\n ellipsisStyle: simpleEllipsis ? (props.rows > 1 ? mutiRowsStyle : singleRowStyle) : {},\n };\n}\nexport default useCssEllipsis;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { useState, useContext } from 'react';\nimport { ConfigContext } from '../ConfigProvider';\nimport ResizeObserverComponent from '../_util/resizeObserver';\nimport Operations from './operations';\nimport cs from '../_util/classNames';\nimport EditContent from './edit-content';\nimport { isObject, isUndefined } from '../_util/is';\nimport Tooltip from '../Tooltip';\nimport Popover from '../Popover';\nimport omit from '../_util/omit';\nimport useUpdateEffect from '../_util/hooks/useUpdate';\nimport mergedToString from '../_util/mergedToString';\nimport useMergeValue from '../_util/hooks/useMergeValue';\nimport useEllipsis, { MEASURE_STATUS } from './useEllipsis';\nimport useCssEllipsis from './useCssEllipsis';\nfunction getClassNameAndComponentName(props, prefixCls) {\n var type = props.type, bold = props.bold, disabled = props.disabled, mark = props.mark, underline = props.underline, propDelete = props.delete, code = props.code;\n var component = [];\n var className = [];\n if (type) {\n className.push(prefixCls + \"-\" + type);\n }\n if (disabled) {\n className.push(prefixCls + \"-disabled\");\n }\n if (bold) {\n component.push('b');\n }\n if (underline) {\n component.push('u');\n }\n if (propDelete) {\n component.push('del');\n }\n if (code) {\n component.push('code');\n }\n if (mark) {\n component.push('mark');\n }\n return {\n component: component,\n className: className,\n };\n}\nfunction Base(props) {\n var componentType = props.componentType, style = props.style, className = props.className, children = props.children, editable = props.editable, ellipsis = props.ellipsis, heading = props.heading, blockquote = props.blockquote, rest = __rest(props, [\"componentType\", \"style\", \"className\", \"children\", \"editable\", \"ellipsis\", \"heading\", \"blockquote\"]);\n var configContext = useContext(ConfigContext);\n var getPrefixCls = configContext.getPrefixCls;\n var prefixCls = getPrefixCls('typography');\n var _a = getClassNameAndComponentName(props, prefixCls), component = _a.component, componentClassName = _a.className;\n var _b = __read(useState(false), 2), editing = _b[0], setEditing = _b[1];\n var _c = __read(useState(0), 2), width = _c[0], setWidth = _c[1];\n var editableConfig = isObject(editable) ? editable : {};\n var mergedEditing = 'editing' in editableConfig ? editableConfig.editing : editing;\n var ellipsisConfig = ellipsis\n ? __assign({ rows: 1, ellipsisStr: '...', cssEllipsis: false }, (isObject(ellipsis) ? ellipsis : {})) : {};\n var _d = __read(useMergeValue(false, {\n defaultValue: ellipsisConfig.defaultExpanded,\n value: ellipsisConfig.expanded,\n }), 2), expanding = _d[0], setExpanding = _d[1];\n var _e = useCssEllipsis(ellipsisConfig), simpleEllipsis = _e.simpleEllipsis, ellipsisStyle = _e.ellipsisStyle;\n var renderMeasureContent = function (node, isEllipsis) {\n var ellipsisStr = !isUndefined(ellipsisConfig.ellipsisStr)\n ? ellipsisConfig.ellipsisStr\n : '...';\n var suffix = !isUndefined(ellipsisConfig.suffix) && ellipsisConfig.suffix;\n return (React.createElement(React.Fragment, null,\n node,\n isEllipsis && !expanding && !simpleEllipsis ? ellipsisStr : '',\n suffix,\n renderOperations(isEllipsis)));\n };\n var _f = useEllipsis(__assign(__assign({}, ellipsisConfig), { children: children, expanding: expanding, width: width, renderMeasureContent: renderMeasureContent, simpleEllipsis: simpleEllipsis || expanding })), ellipsisNode = _f.ellipsisNode, isEllipsis = _f.isEllipsis, measureStatus = _f.measureStatus;\n var handleResize = function (entry) {\n var contentRect = (entry === null || entry === void 0 ? void 0 : entry[0]).contentRect;\n if (contentRect) {\n var currentWidth = component.length ? contentRect.width - 16 : contentRect.width;\n var resizeStatus = simpleEllipsis && ellipsisConfig.rows === 1\n ? // CSS single-line ellipsis may expand infinitely in the table，\n [MEASURE_STATUS.NO_NEED_ELLIPSIS]\n : [MEASURE_STATUS.NO_NEED_ELLIPSIS, MEASURE_STATUS.MEASURE_END];\n if (resizeStatus.includes(measureStatus)) {\n setWidth(currentWidth);\n }\n }\n };\n function renderOperations(isEllipsis) {\n return (React.createElement(React.Fragment, null,\n React.createElement(Operations, __assign({}, props, { setEditing: setEditing, onClickExpand: onClickExpand, expanding: expanding, isEllipsis: isEllipsis, \n // 如果是镜像dom的话，渲染在最外层，无法从context中拿到最新config\n currentContext: configContext }))));\n }\n function onClickExpand(e) {\n setExpanding(!expanding);\n props.onClickExpand && props.onClickExpand(e);\n ellipsisConfig.onExpand && ellipsisConfig.onExpand(!expanding, e);\n }\n useUpdateEffect(function () {\n ellipsisConfig.onEllipsis && ellipsisConfig.onEllipsis(isEllipsis);\n }, [isEllipsis]);\n function wrap(content, component, props, innerProps) {\n if (innerProps === void 0) { innerProps = {}; }\n var currentContent = content;\n component.forEach(function (c, _index) {\n var _innerProps = _index === 0 ? innerProps : {};\n var _props = isObject(props.mark) && props.mark.color\n ? __assign({ style: { backgroundColor: props.mark.color } }, _innerProps) : __assign({}, _innerProps);\n currentContent = React.createElement(c, __assign({}, _props), currentContent);\n });\n return currentContent;\n }\n function renderContent() {\n var fullText = mergedToString(React.Children.toArray(children));\n var showTooltip = ellipsisConfig.showTooltip;\n var tooltipType = isObject(ellipsisConfig.showTooltip)\n ? ellipsisConfig.showTooltip.type === 'popover'\n ? 'popover'\n : 'tooltip'\n : 'tooltip';\n var tooltipProps = isObject(ellipsisConfig.showTooltip)\n ? ellipsisConfig.showTooltip.props || {}\n : {};\n var TooltipComponent = (tooltipType === 'popover' ? Popover : Tooltip);\n var titleProps = isEllipsis && !showTooltip && !expanding ? { title: fullText } : {};\n var baseProps = __assign({ style: style }, titleProps);\n var addTooltip = isEllipsis && showTooltip && !expanding;\n var TextComponent;\n if (componentType === 'Paragraph') {\n TextComponent = blockquote ? 'blockquote' : 'div';\n }\n else if (componentType === 'Title') {\n TextComponent = \"h\" + heading;\n }\n else if (componentType === 'Text') {\n TextComponent = ellipsis ? 'div' : 'span';\n }\n var node = (React.createElement(ResizeObserverComponent, { onResize: handleResize },\n React.createElement(TextComponent, __assign({ className: cs(prefixCls, componentClassName, className) }, baseProps, omit(rest, [\n 'spacing',\n 'type',\n 'close',\n 'bold',\n 'disabled',\n 'mark',\n 'underline',\n 'delete',\n 'code',\n 'copyable',\n 'isEllipsis',\n 'expanding',\n 'onClickExpand',\n 'setEditing',\n 'forceShowExpand',\n ])), simpleEllipsis && measureStatus !== MEASURE_STATUS.INIT && !expanding && isEllipsis\n ? wrap(\n // CSS folding style, need to wrap the text separately.\n renderMeasureContent(React.createElement(\"span\", { style: ellipsisStyle }, children), isEllipsis), component.length ? component : ['span'], props, \n // The simple-ellipsis class ensures that the ReactNode after the text is displayed correctly (no line breaks)\n // Need to act on the immediate parent node of the text\n { className: prefixCls + \"-simple-ellipsis\" })\n : wrap(ellipsisNode, component, props))));\n if (addTooltip) {\n return (React.createElement(TooltipComponent, __assign({ content: fullText }, tooltipProps),\n React.createElement(\"span\", null, node)));\n }\n return node;\n }\n return mergedEditing ? (React.createElement(EditContent, __assign({}, props, { prefixCls: prefixCls, setEditing: setEditing, editableConfig: editableConfig }))) : (renderContent());\n}\nexport default Base;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React from 'react';\nimport Base from './base';\nfunction Title(props) {\n var _a = props.heading, heading = _a === void 0 ? 1 : _a, rest = __rest(props, [\"heading\"]);\n return React.createElement(Base, __assign({ heading: heading }, rest, { componentType: \"Title\" }));\n}\nTitle.displayName = 'Title';\nexport default Title;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nimport React from 'react';\nimport Base from './base';\nfunction Text(props) {\n return React.createElement(Base, __assign({}, props, { componentType: \"Text\" }));\n}\nText.displayName = 'Text';\nexport default Text;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nimport React, { useContext } from 'react';\nimport Base from './base';\nimport cs from '../_util/classNames';\nimport { ConfigContext } from '../ConfigProvider';\nfunction Paragraph(props) {\n var _a = props.spacing, spacing = _a === void 0 ? 'default' : _a, className = props.className;\n var getPrefixCls = useContext(ConfigContext).getPrefixCls;\n var prefixCls = getPrefixCls('typography');\n var classNames = spacing === 'close' ? cs(prefixCls + \"-spacing-close\", className) : className;\n return React.createElement(Base, __assign({}, props, { componentType: \"Paragraph\", className: classNames }));\n}\nParagraph.displayName = 'Paragraph';\nexport default Paragraph;\n","import OriginTypography from './typography';\nimport Title from './title';\nimport Text from './text';\nimport Paragraph from './paragraph';\nvar Typography = OriginTypography;\nTypography.Title = Title;\nTypography.Text = Text;\nTypography.Paragraph = Paragraph;\nexport default Typography;\n","export var STATUS = {\n init: 'init',\n uploading: 'uploading',\n success: 'done',\n fail: 'error',\n};\n","import _extends from \"@babel/runtime/helpers/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\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\nimport React, { useContext } from 'react';\nimport { IconContext } from '../context';\n\nfunction IconUploadComponent(iconProps, ref) {\n var _useContext = useContext(IconContext),\n _useContext$prefixCls = _useContext.prefixCls,\n prefixCls = _useContext$prefixCls === void 0 ? 'arco' : _useContext$prefixCls;\n\n var spin = iconProps.spin,\n className = iconProps.className;\n\n var props = _objectSpread(_objectSpread({\n \"aria-hidden\": true,\n focusable: false,\n ref: ref\n }, iconProps), {}, {\n className: \"\".concat(className ? className + ' ' : '').concat(prefixCls, \"-icon \").concat(prefixCls, \"-icon-upload\")\n });\n\n if (spin) {\n props.className = \"\".concat(props.className, \" \").concat(prefixCls, \"-icon-loading\");\n }\n\n delete props.spin;\n delete props.isIcon;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"4\",\n viewBox: \"0 0 48 48\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M14.93 17.071 24.001 8l9.071 9.071m-9.07 16.071v-25M40 35v6H8v-6\"\n }));\n}\n\nvar IconUpload = /*#__PURE__*/React.forwardRef(IconUploadComponent);\nIconUpload.defaultProps = {\n isIcon: true\n};\nIconUpload.displayName = 'IconUpload';\nexport default IconUpload;","import _extends from \"@babel/runtime/helpers/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\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\nimport React, { useContext } from 'react';\nimport { IconContext } from '../context';\n\nfunction IconPlayArrowFillComponent(iconProps, ref) {\n var _useContext = useContext(IconContext),\n _useContext$prefixCls = _useContext.prefixCls,\n prefixCls = _useContext$prefixCls === void 0 ? 'arco' : _useContext$prefixCls;\n\n var spin = iconProps.spin,\n className = iconProps.className;\n\n var props = _objectSpread(_objectSpread({\n \"aria-hidden\": true,\n focusable: false,\n ref: ref\n }, iconProps), {}, {\n className: \"\".concat(className ? className + ' ' : '').concat(prefixCls, \"-icon \").concat(prefixCls, \"-icon-play-arrow-fill\")\n });\n\n if (spin) {\n props.className = \"\".concat(props.className, \" \").concat(prefixCls, \"-icon-loading\");\n }\n\n delete props.spin;\n delete props.isIcon;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"4\",\n viewBox: \"0 0 48 48\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"currentColor\",\n stroke: \"none\",\n d: \"M17.533 10.974a1 1 0 0 0-1.537.844v24.356a1 1 0 0 0 1.537.844L36.67 24.84a1 1 0 0 0 0-1.688L17.533 10.974Z\"\n }));\n}\n\nvar IconPlayArrowFill = /*#__PURE__*/React.forwardRef(IconPlayArrowFillComponent);\nIconPlayArrowFill.defaultProps = {\n isIcon: true\n};\nIconPlayArrowFill.displayName = 'IconPlayArrowFill';\nexport default IconPlayArrowFill;","import _extends from \"@babel/runtime/helpers/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\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\nimport React, { useContext } from 'react';\nimport { IconContext } from '../context';\n\nfunction IconPauseComponent(iconProps, ref) {\n var _useContext = useContext(IconContext),\n _useContext$prefixCls = _useContext.prefixCls,\n prefixCls = _useContext$prefixCls === void 0 ? 'arco' : _useContext$prefixCls;\n\n var spin = iconProps.spin,\n className = iconProps.className;\n\n var props = _objectSpread(_objectSpread({\n \"aria-hidden\": true,\n focusable: false,\n ref: ref\n }, iconProps), {}, {\n className: \"\".concat(className ? className + ' ' : '').concat(prefixCls, \"-icon \").concat(prefixCls, \"-icon-pause\")\n });\n\n if (spin) {\n props.className = \"\".concat(props.className, \" \").concat(prefixCls, \"-icon-loading\");\n }\n\n delete props.spin;\n delete props.isIcon;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"4\",\n viewBox: \"0 0 48 48\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M14 12H18V36H14z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M30 12H34V36H30z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"currentColor\",\n stroke: \"none\",\n d: \"M14 12H18V36H14z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"currentColor\",\n stroke: \"none\",\n d: \"M30 12H34V36H30z\"\n }));\n}\n\nvar IconPause = /*#__PURE__*/React.forwardRef(IconPauseComponent);\nIconPause.defaultProps = {\n isIcon: true\n};\nIconPause.displayName = 'IconPause';\nexport default IconPause;","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nimport React, { useContext } from 'react';\nimport { STATUS } from '../interface';\nimport Progress from '../../Progress';\nimport { ConfigContext } from '../../ConfigProvider';\nimport IconCheck from '../../../icon/react-icon/IconCheck';\nimport IconUpload from '../../../icon/react-icon/IconUpload';\nimport IconPlayArrowFill from '../../../icon/react-icon/IconPlayArrowFill';\nimport IconPause from '../../../icon/react-icon/IconPause';\nimport Tooltip from '../../Tooltip';\nimport { isFunction } from '../../_util/is';\nvar UploadProgress = function (props) {\n var file = props.file, prefixCls = props.prefixCls, progressProps = props.progressProps, progressRender = props.progressRender;\n var locale = useContext(ConfigContext).locale;\n var status = file.status, _a = file.percent, percent = _a === void 0 ? 0 : _a;\n var cls = prefixCls + \"-list\";\n var widthStyle = progressProps && progressProps.width ? { width: progressProps.width } : {};\n var dom = (React.createElement(React.Fragment, null,\n status === STATUS.fail && props.reuploadIcon !== null && (React.createElement(\"span\", { className: prefixCls + \"-list-reupload-icon\", onClick: function () {\n props.onReupload && props.onReupload(file);\n } }, props.reuploadIcon ||\n (props.listType === 'picture-card' ? React.createElement(IconUpload, null) : locale.Upload.reupload))),\n status === STATUS.success && props.successIcon !== null && (React.createElement(\"span\", { className: prefixCls + \"-list-success-icon\" }, props.successIcon || React.createElement(IconCheck, null))),\n status !== STATUS.success && (React.createElement(\"div\", { className: cls + \"-status\", style: widthStyle },\n React.createElement(Progress, __assign({ showText: false, className: cls + \"-progress\", type: \"circle\", status: status === STATUS.fail ? 'error' : status === STATUS.success ? 'success' : 'normal', percent: percent, size: \"mini\" }, progressProps)),\n status === STATUS.init && props.startIcon !== null && (React.createElement(\"span\", { className: prefixCls + \"-list-start-icon\", onClick: function () {\n props.onUpload && props.onUpload(file);\n } }, props.startIcon || (React.createElement(Tooltip, { content: locale.Upload.start },\n React.createElement(IconPlayArrowFill, null))))),\n status === STATUS.uploading && props.cancelIcon !== null && (React.createElement(\"span\", { className: props.prefixCls + \"-list-cancel-icon\", onClick: function () {\n props.onAbort && props.onAbort(file);\n } }, props.cancelIcon || (React.createElement(Tooltip, { content: locale.Upload.cancel },\n React.createElement(IconPause, null)))))))));\n return isFunction(progressRender) ? progressRender(file, dom) : dom;\n};\nexport default UploadProgress;\n","import _extends from \"@babel/runtime/helpers/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\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\nimport React, { useContext } from 'react';\nimport { IconContext } from '../context';\n\nfunction IconImageCloseComponent(iconProps, ref) {\n var _useContext = useContext(IconContext),\n _useContext$prefixCls = _useContext.prefixCls,\n prefixCls = _useContext$prefixCls === void 0 ? 'arco' : _useContext$prefixCls;\n\n var spin = iconProps.spin,\n className = iconProps.className;\n\n var props = _objectSpread(_objectSpread({\n \"aria-hidden\": true,\n focusable: false,\n ref: ref\n }, iconProps), {}, {\n className: \"\".concat(className ? className + ' ' : '').concat(prefixCls, \"-icon \").concat(prefixCls, \"-icon-image-close\")\n });\n\n if (spin) {\n props.className = \"\".concat(props.className, \" \").concat(prefixCls, \"-icon-loading\");\n }\n\n delete props.spin;\n delete props.isIcon;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"4\",\n viewBox: \"0 0 48 48\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M41 26V9a2 2 0 0 0-2-2H9a2 2 0 0 0-2 2v30a2 2 0 0 0 2 2h17\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"m24 33 9-8.5V27s-2 1-3.5 2.5C27.841 31.159 27 33 27 33h-3Zm0 0-3.5-4.5L17 33h7Z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"currentColor\",\n stroke: \"none\",\n d: \"M20.5 28.5 17 33h7l-3.5-4.5ZM33 24.5 24 33h3s.841-1.841 2.5-3.5C31 28 33 27 33 27v-2.5Z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"currentColor\",\n fillRule: \"evenodd\",\n stroke: \"none\",\n d: \"M46 38a8 8 0 1 1-16 0 8 8 0 0 1 16 0Zm-4.95-4.782 1.74 1.74-3.045 3.046 3.046 3.046-1.74 1.74-3.047-3.045-3.046 3.046-1.74-1.74 3.046-3.047-3.046-3.046 1.74-1.74 3.046 3.046 3.046-3.046Z\",\n clipRule: \"evenodd\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M17 15h-2v2h2v-2Z\"\n }));\n}\n\nvar IconImageClose = /*#__PURE__*/React.forwardRef(IconImageCloseComponent);\nIconImageClose.defaultProps = {\n isIcon: true\n};\nIconImageClose.displayName = 'IconImageClose';\nexport default IconImageClose;","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nimport React from 'react';\nimport { STATUS } from '../interface';\nimport { isFunction, isObject } from '../../_util/is';\nimport UploadProgress from './uploadProgress';\nimport IconImageClose from '../../../icon/react-icon/IconImageClose';\nimport IconEye from '../../../icon/react-icon/IconEye';\nimport IconDelete from '../../../icon/react-icon/IconDelete';\nimport IconUpload from '../../../icon/react-icon/IconUpload';\nvar PictureItem = function (props) {\n var disabled = props.disabled, prefixCls = props.prefixCls, file = props.file, showUploadList = props.showUploadList;\n var cls = prefixCls + \"-list-item-picture\";\n var status = file.status, originFile = file.originFile;\n var url = file.url !== undefined\n ? file.url\n : originFile && isFunction(URL.createObjectURL) && URL.createObjectURL(originFile);\n var actionIcons = isObject(showUploadList) ? showUploadList : {};\n return (React.createElement(\"div\", { className: cls }, status === STATUS.uploading ? (React.createElement(UploadProgress, __assign({ onReupload: props.onReupload, onUpload: props.onUpload, onAbort: props.onAbort, listType: \"picture-card\", file: file, prefixCls: prefixCls, progressProps: props.progressProps }, actionIcons))) : (React.createElement(React.Fragment, null,\n isFunction(actionIcons.imageRender) ? actionIcons.imageRender(file) : React.createElement(\"img\", { src: url }),\n React.createElement(\"div\", { className: cls + \"-mask\" },\n file.status === STATUS.fail && (React.createElement(\"div\", { className: cls + \"-error-tip\" }, actionIcons.errorIcon !== null && (React.createElement(\"span\", { className: prefixCls + \"-list-error-icon\" }, actionIcons.errorIcon || React.createElement(IconImageClose, null))))),\n React.createElement(\"div\", { className: cls + \"-operation\" },\n file.status !== STATUS.fail && actionIcons.previewIcon !== null && (React.createElement(\"span\", { className: prefixCls + \"-list-preview-icon\", onClick: function () {\n props.onPreview && props.onPreview(file);\n } }, actionIcons.previewIcon || React.createElement(IconEye, null))),\n file.status === STATUS.fail && actionIcons.reuploadIcon !== null && (React.createElement(\"span\", { className: props.prefixCls + \"-list-reupload-icon\", onClick: function () {\n props.onReupload && props.onReupload(file);\n } }, actionIcons.reuploadIcon || React.createElement(IconUpload, null))),\n !disabled && actionIcons.removeIcon !== null && (React.createElement(\"span\", { className: prefixCls + \"-list-remove-icon\", onClick: function () {\n props.onRemove && props.onRemove(file);\n } }, actionIcons.removeIcon || React.createElement(IconDelete, null)))))))));\n};\nexport default PictureItem;\n","import _extends from \"@babel/runtime/helpers/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\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\nimport React, { useContext } from 'react';\nimport { IconContext } from '../context';\n\nfunction IconFilePdfComponent(iconProps, ref) {\n var _useContext = useContext(IconContext),\n _useContext$prefixCls = _useContext.prefixCls,\n prefixCls = _useContext$prefixCls === void 0 ? 'arco' : _useContext$prefixCls;\n\n var spin = iconProps.spin,\n className = iconProps.className;\n\n var props = _objectSpread(_objectSpread({\n \"aria-hidden\": true,\n focusable: false,\n ref: ref\n }, iconProps), {}, {\n className: \"\".concat(className ? className + ' ' : '').concat(prefixCls, \"-icon \").concat(prefixCls, \"-icon-file-pdf\")\n });\n\n if (spin) {\n props.className = \"\".concat(props.className, \" \").concat(prefixCls, \"-icon-loading\");\n }\n\n delete props.spin;\n delete props.isIcon;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"4\",\n viewBox: \"0 0 48 48\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M11 42h26a2 2 0 0 0 2-2V13.828a2 2 0 0 0-.586-1.414l-5.828-5.828A2 2 0 0 0 31.172 6H11a2 2 0 0 0-2 2v32a2 2 0 0 0 2 2Z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M22.305 21.028c.874 1.939 3.506 6.265 4.903 8.055 1.747 2.237 3.494 2.685 4.368 2.237.873-.447 1.21-4.548-7.425-2.685-7.523 1.623-7.424 3.58-6.988 4.476.728 1.193 2.522 2.627 5.678-6.266C25.699 18.79 24.489 17 23.277 17c-1.409 0-2.538.805-.972 4.028Z\"\n }));\n}\n\nvar IconFilePdf = /*#__PURE__*/React.forwardRef(IconFilePdfComponent);\nIconFilePdf.defaultProps = {\n isIcon: true\n};\nIconFilePdf.displayName = 'IconFilePdf';\nexport default IconFilePdf;","import _extends from \"@babel/runtime/helpers/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\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\nimport React, { useContext } from 'react';\nimport { IconContext } from '../context';\n\nfunction IconFileImageComponent(iconProps, ref) {\n var _useContext = useContext(IconContext),\n _useContext$prefixCls = _useContext.prefixCls,\n prefixCls = _useContext$prefixCls === void 0 ? 'arco' : _useContext$prefixCls;\n\n var spin = iconProps.spin,\n className = iconProps.className;\n\n var props = _objectSpread(_objectSpread({\n \"aria-hidden\": true,\n focusable: false,\n ref: ref\n }, iconProps), {}, {\n className: \"\".concat(className ? className + ' ' : '').concat(prefixCls, \"-icon \").concat(prefixCls, \"-icon-file-image\")\n });\n\n if (spin) {\n props.className = \"\".concat(props.className, \" \").concat(prefixCls, \"-icon-loading\");\n }\n\n delete props.spin;\n delete props.isIcon;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"4\",\n viewBox: \"0 0 48 48\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n d: \"m26 33 5-6v6h-5Zm0 0-3-4-4 4h7Zm11 9H11a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h21l7 7v27a2 2 0 0 1-2 2ZM17 19h1v1h-1v-1Z\"\n }));\n}\n\nvar IconFileImage = /*#__PURE__*/React.forwardRef(IconFileImageComponent);\nIconFileImage.defaultProps = {\n isIcon: true\n};\nIconFileImage.displayName = 'IconFileImage';\nexport default IconFileImage;","import _extends from \"@babel/runtime/helpers/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\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\nimport React, { useContext } from 'react';\nimport { IconContext } from '../context';\n\nfunction IconFileVideoComponent(iconProps, ref) {\n var _useContext = useContext(IconContext),\n _useContext$prefixCls = _useContext.prefixCls,\n prefixCls = _useContext$prefixCls === void 0 ? 'arco' : _useContext$prefixCls;\n\n var spin = iconProps.spin,\n className = iconProps.className;\n\n var props = _objectSpread(_objectSpread({\n \"aria-hidden\": true,\n focusable: false,\n ref: ref\n }, iconProps), {}, {\n className: \"\".concat(className ? className + ' ' : '').concat(prefixCls, \"-icon \").concat(prefixCls, \"-icon-file-video\")\n });\n\n if (spin) {\n props.className = \"\".concat(props.className, \" \").concat(prefixCls, \"-icon-loading\");\n }\n\n delete props.spin;\n delete props.isIcon;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"4\",\n viewBox: \"0 0 48 48\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M37 42H11a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h21l7 7v27a2 2 0 0 1-2 2Z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M22 27.796v-6l5 3-5 3Z\"\n }));\n}\n\nvar IconFileVideo = /*#__PURE__*/React.forwardRef(IconFileVideoComponent);\nIconFileVideo.defaultProps = {\n isIcon: true\n};\nIconFileVideo.displayName = 'IconFileVideo';\nexport default IconFileVideo;","import _extends from \"@babel/runtime/helpers/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\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\nimport React, { useContext } from 'react';\nimport { IconContext } from '../context';\n\nfunction IconFileAudioComponent(iconProps, ref) {\n var _useContext = useContext(IconContext),\n _useContext$prefixCls = _useContext.prefixCls,\n prefixCls = _useContext$prefixCls === void 0 ? 'arco' : _useContext$prefixCls;\n\n var spin = iconProps.spin,\n className = iconProps.className;\n\n var props = _objectSpread(_objectSpread({\n \"aria-hidden\": true,\n focusable: false,\n ref: ref\n }, iconProps), {}, {\n className: \"\".concat(className ? className + ' ' : '').concat(prefixCls, \"-icon \").concat(prefixCls, \"-icon-file-audio\")\n });\n\n if (spin) {\n props.className = \"\".concat(props.className, \" \").concat(prefixCls, \"-icon-loading\");\n }\n\n delete props.spin;\n delete props.isIcon;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"4\",\n viewBox: \"0 0 48 48\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M37 42H11a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h21l7 7v27a2 2 0 0 1-2 2Z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"currentColor\",\n stroke: \"none\",\n d: \"M25 30a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M25 30a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm0 0-.951-12.363a.5.5 0 0 1 .58-.532L30 18\"\n }));\n}\n\nvar IconFileAudio = /*#__PURE__*/React.forwardRef(IconFileAudioComponent);\nIconFileAudio.defaultProps = {\n isIcon: true\n};\nIconFileAudio.displayName = 'IconFileAudio';\nexport default IconFileAudio;","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nimport React from 'react';\nimport IconFile from '../../../icon/react-icon/IconFile';\nimport IconFilePdf from '../../../icon/react-icon/IconFilePdf';\nimport IconFileImage from '../../../icon/react-icon/IconFileImage';\nimport IconFileVideo from '../../../icon/react-icon/IconFileVideo';\nimport IconFileAudio from '../../../icon/react-icon/IconFileAudio';\nimport Tooltip from '../../Tooltip';\nimport { STATUS } from '../interface';\nimport { isObject, isFunction } from '../../_util/is';\nimport UploadProgress from './uploadProgress';\nimport IconExclamationCircleFill from '../../../icon/react-icon/IconExclamationCircleFill';\nimport IconDelete from '../../../icon/react-icon/IconDelete';\nimport IconHover from '../../_class/icon-hover';\nvar getIconType = function (file) {\n var type = '';\n if (file.originFile && file.originFile.type) {\n // 上传文件\n type = file.originFile.type;\n }\n else {\n var name_1 = file.name || '';\n var fileExtension = name_1.split('.').pop() || '';\n type = fileExtension;\n if (['png', 'jpg', 'jpeg', 'bmp', 'gif'].indexOf(fileExtension) > -1) {\n type = 'image';\n }\n else if (['mp4', 'm2v', 'mkv'].indexOf(fileExtension) > -1) {\n type = 'video';\n }\n else if (['mp3', 'wav', 'wmv'].indexOf(fileExtension) > -1) {\n type = 'audio';\n }\n }\n if (type.indexOf('image') > -1) {\n return IconFileImage;\n }\n if (type.indexOf('pdf') > -1) {\n return IconFilePdf;\n }\n if (type.indexOf('audio') > -1) {\n return IconFileAudio;\n }\n if (type.indexOf('video') > -1) {\n return IconFileVideo;\n }\n return IconFile;\n};\nvar TextItem = function (props) {\n var prefixCls = props.prefixCls, disabled = props.disabled, file = props.file, locale = props.locale;\n var cls = prefixCls + \"-list-item-text\";\n var Icon = getIconType(file);\n var showUploadList = isObject(props.showUploadList)\n ? props.showUploadList\n : {};\n // custom icons\n var actionIcons = isObject(showUploadList) ? showUploadList : {};\n var fileName = file.name || (file.originFile && file.originFile.name);\n var url = file.url !== undefined\n ? file.url\n : file.originFile && isFunction(URL.createObjectURL) && URL.createObjectURL(file.originFile);\n var triggerProps = {};\n // 重新上传后，如果成功，但是鼠标仍然hover在内容区，错误提示不会消失。所以需要设置 popupVisible 为false，来隐藏tooltip\n if (file.status !== STATUS.fail) {\n triggerProps = {\n popupVisible: false,\n };\n }\n return (React.createElement(\"div\", { className: prefixCls + \"-list-item \" + prefixCls + \"-list-item-\" + file.status },\n React.createElement(\"div\", { className: cls },\n props.listType === 'picture-list' && (React.createElement(\"div\", { className: cls + \"-thumbnail\" }, isFunction(showUploadList.imageRender) ? (showUploadList.imageRender(file)) : (React.createElement(\"img\", { src: url })))),\n React.createElement(\"div\", { className: cls + \"-content\" },\n React.createElement(\"div\", { className: cls + \"-name\" },\n props.listType === 'text' && actionIcons.fileIcon !== null && (React.createElement(\"span\", { className: prefixCls + \"-list-file-icon\" }, actionIcons.fileIcon || React.createElement(Icon, null))),\n isFunction(showUploadList.fileName) ? (React.createElement(\"span\", { className: cls + \"-name-text\" }, showUploadList.fileName(file))) : file.url ? (React.createElement(\"a\", { href: file.url, target: \"_blank\", rel: \"noreferrer\", className: cls + \"-name-link\" }, fileName)) : (React.createElement(\"span\", { className: cls + \"-name-text\" }, fileName)),\n file.status === STATUS.fail && actionIcons.errorIcon !== null && (React.createElement(Tooltip, __assign({ content: file.response || locale.Upload.error }, triggerProps, { disabled: file.status !== STATUS.fail }),\n React.createElement(\"span\", { className: props.prefixCls + \"-list-error-icon\" }, actionIcons.errorIcon ||\n (props.listType === 'picture-card' ? (React.createElement(IconFileImage, null)) : (React.createElement(IconExclamationCircleFill, null))))))),\n React.createElement(UploadProgress, __assign({ file: file, prefixCls: prefixCls, progressProps: props.progressProps, onReupload: props.onReupload, onUpload: props.onUpload, onAbort: props.onAbort }, actionIcons)))),\n React.createElement(\"div\", { className: prefixCls + \"-list-item-operation\" }, !disabled && actionIcons.removeIcon !== null && (React.createElement(IconHover, { onClick: function () {\n props.onRemove && props.onRemove(file);\n } },\n React.createElement(\"span\", { className: prefixCls + \"-list-remove-icon\" }, actionIcons.removeIcon || React.createElement(IconDelete, null)))))));\n};\nexport default TextItem;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { useContext } from 'react';\nimport { CSSTransition, TransitionGroup } from 'react-transition-group';\nimport cs from '../../_util/classNames';\nimport PictureItem from './pictureItem';\nimport TextItem from './textItem';\nimport { ConfigContext } from '../../ConfigProvider';\nimport { isFunction } from '../../_util/is';\nexport var FileList = function (props) {\n var locale = useContext(ConfigContext).locale;\n var listType = props.listType, fileList = props.fileList, renderUploadList = props.renderUploadList, renderUploadItem = props.renderUploadItem, prefixCls = props.prefixCls, rest = __rest(props, [\"listType\", \"fileList\", \"renderUploadList\", \"renderUploadItem\", \"prefixCls\"]);\n if (isFunction(renderUploadList)) {\n return React.createElement(\"div\", { className: prefixCls + \"-list\" }, renderUploadList(fileList, rest));\n }\n return (React.createElement(TransitionGroup, { className: cs(prefixCls + \"-list\", prefixCls + \"-list-type-\" + listType) }, fileList.map(function (file) {\n var originNode = listType === 'picture-card' ? (React.createElement(\"div\", { className: prefixCls + \"-list-item \" + prefixCls + \"-list-item-\" + file.status },\n React.createElement(PictureItem, __assign({}, props, { file: file })))) : (React.createElement(TextItem, __assign({}, props, { file: file, locale: locale })));\n if (isFunction(renderUploadItem)) {\n originNode = renderUploadItem(originNode, file, fileList);\n }\n return listType === 'picture-card' ? (React.createElement(CSSTransition, { key: file.uid, timeout: { enter: 200, exit: 400 }, classNames: prefixCls + \"-slide-inline\", onEntered: function (e) {\n e.style.width = '';\n }, onExit: function (e) {\n e.style.width = e.scrollWidth + \"px\";\n }, onExiting: function (e) {\n e.style.width = 0;\n }, onExited: function (e) {\n e.style.width = 0;\n } }, originNode)) : (React.createElement(CSSTransition, { key: file.uid, timeout: { enter: 200, exit: 400 }, classNames: prefixCls + \"-slide-up\", onExit: function (e) {\n e.style.height = e.scrollHeight + \"px\";\n }, onExiting: function (e) {\n e.style.height = 0;\n }, onExited: function (e) {\n e.style.height = 0;\n } }, originNode));\n })));\n};\nFileList.defaultProps = {\n listType: 'text',\n};\nFileList.displayName = 'FileList';\nexport default FileList;\n","import { NOOP } from '../_util/constant';\nfunction getBody(xhr) {\n var text = xhr.responseText || xhr.response;\n if (!text) {\n return text;\n }\n try {\n return JSON.parse(text);\n }\n catch (e) {\n return text;\n }\n}\nvar uploadRequest = function (options) {\n var _a = options.onProgress, onProgress = _a === void 0 ? NOOP : _a, _b = options.onError, onError = _b === void 0 ? NOOP : _b, _c = options.onSuccess, onSuccess = _c === void 0 ? NOOP : _c, action = options.action, _d = options.headers, headers = _d === void 0 ? {} : _d, originName = options.name, file = options.file, _e = options.data, originData = _e === void 0 ? {} : _e, _f = options.withCredentials, withCredentials = _f === void 0 ? false : _f;\n function getValue(value) {\n if (typeof value === 'function') {\n return value(file);\n }\n return value;\n }\n var name = getValue(originName);\n var data = getValue(originData);\n var xhr = new XMLHttpRequest();\n if (onProgress && xhr.upload) {\n xhr.upload.onprogress = function (event) {\n var percent;\n if (event.total > 0) {\n percent = (event.loaded / event.total) * 100;\n }\n onProgress(parseInt(percent, 10), event);\n };\n }\n xhr.onerror = function error(e) {\n onError(e);\n };\n xhr.onload = function onload() {\n if (xhr.status < 200 || xhr.status >= 300) {\n return onError(getBody(xhr));\n }\n onSuccess(getBody(xhr));\n };\n var formData = new FormData();\n if (data) {\n Object.keys(data).map(function (key) { return formData.append(key, data[key]); });\n }\n formData.append(name || 'file', file);\n xhr.open('post', action, true);\n if (withCredentials && 'withCredentials' in xhr) {\n xhr.withCredentials = true;\n }\n for (var h in headers) {\n if (headers.hasOwnProperty(h) && headers[h] !== null) {\n xhr.setRequestHeader(h, headers[h]);\n }\n }\n xhr.send(formData);\n return {\n abort: function () {\n xhr.abort();\n },\n };\n};\nexport default uploadRequest;\n","import { isArray } from '../_util/is';\nexport var isAcceptFile = function (file, accept) {\n if (accept && file) {\n var accepts = isArray(accept)\n ? accept\n : accept\n .split(',')\n .map(function (x) { return x.trim(); })\n .filter(function (x) { return x; });\n var fileExtension_1 = file.name.indexOf('.') > -1 ? file.name.split('.').pop() : '';\n return accepts.some(function (type) {\n var text = type && type.toLowerCase();\n var fileType = (file.type || '').toLowerCase();\n if (text === fileType) {\n // 类似excel文件这种\n // 比如application/vnd.ms-excel和application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\n // 本身就带有.字符的，不能走下面的.jpg等文件扩展名判断处理\n // 所以优先对比input的accept类型和文件对象的type值\n return true;\n }\n if (/\\/\\*/.test(text)) {\n // image/* 这种通配的形式处理\n return fileType.replace(/\\/.*$/, '') === text.replace(/\\/.*$/, '');\n }\n if (/\\..*/.test(text)) {\n // .jpg 等后缀名\n return text === \".\" + (fileExtension_1 && fileExtension_1.toLowerCase());\n }\n return false;\n });\n }\n return !!file;\n};\nexport var getFiles = function (fileList, accept) {\n if (!fileList) {\n return;\n }\n var files = [].slice.call(fileList);\n if (accept) {\n files = files.filter(function (file) {\n return isAcceptFile(file, accept);\n });\n }\n return files;\n};\nexport var loopDirectory = function (items, accept, callback) {\n var files = [];\n var restFileCount = 0; // 剩余上传文件的数量\n var onFinish = function () {\n !restFileCount && callback(files);\n };\n var _loopDirectory = function (item) {\n restFileCount += 1;\n if (item.isFile) {\n item.file(function (file) {\n restFileCount -= 1;\n if (isAcceptFile(file, accept)) {\n Object.defineProperty(file, 'webkitRelativePath', {\n value: item.fullPath.replace(/^\\//, ''),\n });\n files.push(file);\n }\n onFinish();\n });\n return;\n }\n if (item.isDirectory) {\n // item 是个文件夹\n var reader_1 = item.createReader();\n var flag_1 = false;\n var readEntries_1 = function () {\n reader_1.readEntries(function (entries) {\n if (!flag_1) {\n restFileCount -= 1;\n flag_1 = true;\n }\n if (entries.length === 0) {\n onFinish();\n }\n else {\n readEntries_1(); // the maximum files read using readEntries is 100\n entries.forEach(_loopDirectory);\n }\n });\n };\n readEntries_1();\n return;\n }\n restFileCount -= 1;\n onFinish();\n };\n var list = [].slice.call(items);\n list.forEach(function (item) {\n if (item.webkitGetAsEntry) {\n _loopDirectory(item.webkitGetAsEntry());\n }\n });\n};\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { useState, useContext, useEffect } from 'react';\nimport cs from '../_util/classNames';\nimport Button from '../Button';\nimport IconUpload from '../../icon/react-icon/IconUpload';\nimport IconPlus from '../../icon/react-icon/IconPlus';\nimport { ConfigContext } from '../ConfigProvider';\nimport { getFiles, loopDirectory } from './util';\nvar TriggerNode = function (props) {\n var _a, _b;\n var locale = useContext(ConfigContext).locale;\n var _c = __read(useState(false), 2), isDragging = _c[0], setIsDragging = _c[1];\n var _d = __read(useState(0), 2), dragEnterCount = _d[0], setDragEnterCount = _d[1]; // the number of times ondragenter was triggered\n var tip = props.tip, children = props.children, disabled = props.disabled, drag = props.drag, listType = props.listType, prefixCls = props.prefixCls, accept = props.accept, multiple = props.multiple;\n var nodeProps = {\n disabled: disabled,\n };\n useEffect(function () {\n setDragEnterCount(0);\n }, [isDragging]);\n return children === null ? null : (React.createElement(\"div\", { className: prefixCls + \"-trigger\", onClick: disabled ? undefined : props.onClick, onDragEnter: function () {\n setDragEnterCount(dragEnterCount + 1);\n }, onDragLeave: function (e) {\n e.preventDefault();\n /** When dragging into a child element, it will trigger the dragleave and dragenter of the parent node.\n * Record the number of triggers of dragenter, and subtract 1 each time dragleave.\n * When dragEnterCount is equal to 0, it means that the mouse has left the current node, then the drag state is cancelled.\n * https://github.com/arco-design/arco-design/issues/210\n */\n if (dragEnterCount === 0) {\n setIsDragging(false);\n }\n else {\n setDragEnterCount(dragEnterCount - 1);\n }\n }, onDrop: function (e) {\n e.preventDefault();\n if (!disabled) {\n setIsDragging(false);\n if (props.directory) {\n loopDirectory(e.dataTransfer.items, accept, function (files) {\n props.onDragFiles && props.onDragFiles(files);\n });\n }\n else {\n var files = getFiles(e.dataTransfer.files, accept);\n props.onDragFiles && props.onDragFiles(multiple ? files : files.slice(0, 1));\n }\n }\n }, onDragOver: function (e) {\n e.preventDefault();\n if (!disabled && !isDragging) {\n setIsDragging(true);\n }\n } }, React.isValidElement(children) ? (React.createElement(\"div\", { className: cs((_a = {}, _a[prefixCls + \"-trigger-custom-active\"] = isDragging, _a)) }, React.cloneElement(children, nodeProps))) : listType === 'picture-card' ? (React.createElement(\"div\", { className: prefixCls + \"-trigger-picture-wrapper\" },\n React.createElement(\"div\", { className: prefixCls + \"-trigger-picture\" },\n React.createElement(\"div\", { className: prefixCls + \"-trigger-picture-text\" },\n React.createElement(IconPlus, null))))) : drag ? (React.createElement(\"div\", { className: cs(prefixCls + \"-trigger-drag\", (_b = {},\n _b[prefixCls + \"-trigger-drag-active\"] = isDragging,\n _b)) },\n React.createElement(IconPlus, null),\n React.createElement(\"p\", { className: prefixCls + \"-trigger-drag-text\" }, isDragging ? locale.Upload.dragHover : locale.Upload.drag),\n tip && React.createElement(\"div\", { className: prefixCls + \"-trigger-tip\" }, tip))) : (React.createElement(Button, __assign({}, nodeProps, { type: \"primary\", className: prefixCls + \"-trigger-with-icon\" }),\n React.createElement(IconUpload, null),\n locale.Upload.upload))));\n};\nexport default TriggerNode;\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n if (typeof b !== \"function\" && b !== null)\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nvar __generator = (this && this.__generator) || function (thisArg, body) {\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n function verb(n) { return function (v) { return step([n, v]); }; }\n function step(op) {\n if (f) throw new TypeError(\"Generator is already executing.\");\n while (_) try {\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n if (y = 0, t) op = [op[0] & 2, t.value];\n switch (op[0]) {\n case 0: case 1: t = op; break;\n case 4: _.label++; return { value: op[1], done: false };\n case 5: _.label++; y = op[1]; op = [0]; continue;\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\n default:\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n if (t[2]) _.ops.pop();\n _.trys.pop(); continue;\n }\n op = body.call(thisArg, _);\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n }\n};\nimport React from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport uploadRequest from './request';\nimport { STATUS } from './interface';\nimport { isNumber, isFunction, isFile } from '../_util/is';\nimport TriggerNode from './trigger-node';\nvar Uploader = /** @class */ (function (_super) {\n __extends(Uploader, _super);\n function Uploader(props) {\n var _this = _super.call(this, props) || this;\n // 提供 ref 调用\n _this.upload = function (file) {\n _this.doUpload(file);\n };\n // 提供 ref 调用。终止\n _this.abort = function (file) {\n var req = _this.state.uploadRequests[file.uid];\n if (req) {\n req.abort && req.abort();\n _this.updateFileStatus(__assign(__assign({}, file), { status: STATUS.fail }));\n _this.deleteReq(file.uid);\n }\n };\n // 重新上传 。提供 ref 调用\n _this.reupload = function (file) {\n _this.doUpload(__assign(__assign({}, file), { percent: 0, status: STATUS.uploading }));\n };\n _this.deleteReq = function (uid) {\n var newValue = __assign({}, _this.state.uploadRequests);\n delete newValue[uid];\n _this.setState({\n uploadRequests: newValue,\n });\n };\n // 提供 ref 调用\n // 删除上传（手动上传时，文件会出现在上传列表，但属于init状态）\n _this.delete = _this.deleteReq;\n _this.updateFileStatus = function (file) {\n var onFileStatusChange = _this.props.onFileStatusChange;\n onFileStatusChange && onFileStatusChange(file);\n };\n _this.getTargetFile = function (file) {\n var key = 'uid' in file ? 'uid' : 'name';\n var targetFile = _this.props.fileList.find(function (item) { return item[key] === file[key]; });\n return targetFile;\n };\n // 执行上传\n _this.doUpload = function (file) { return __awaiter(_this, void 0, void 0, function () {\n var _a, action, headers, name, data, withCredentials, customRequest, onProgress, onSuccess, onError, options, request;\n var _b;\n var _this = this;\n return __generator(this, function (_c) {\n switch (_c.label) {\n case 0:\n _a = this.props, action = _a.action, headers = _a.headers, name = _a.name, data = _a.data, withCredentials = _a.withCredentials, customRequest = _a.customRequest;\n onProgress = function (percent, event) {\n var targetFile = _this.getTargetFile(file);\n if (targetFile) {\n targetFile.status = STATUS.uploading;\n targetFile.percent = percent;\n _this.props.onProgress && _this.props.onProgress(targetFile, event);\n }\n };\n onSuccess = function (response) {\n var targetFile = _this.getTargetFile(file);\n if (targetFile) {\n targetFile.status = STATUS.success;\n // 传入的响应将会作为 response 字段被附加到上传列表中对应的文件\n targetFile.response = response;\n _this.updateFileStatus(targetFile);\n }\n _this.deleteReq(file.uid);\n };\n onError = function (response) {\n var targetFile = _this.getTargetFile(file);\n if (targetFile) {\n targetFile.status = STATUS.fail;\n // 传入的响应将会作为 response 字段被附加到上传列表中对应的文件\n targetFile.response = response;\n _this.updateFileStatus(targetFile);\n }\n _this.deleteReq(file.uid);\n };\n options = {\n onProgress: onProgress,\n onSuccess: onSuccess,\n onError: onError,\n headers: headers,\n name: name,\n file: file.originFile,\n data: data,\n withCredentials: withCredentials,\n };\n // 更新上传状态\n this.updateFileStatus(file);\n if (!action) return [3 /*break*/, 1];\n request = uploadRequest(__assign(__assign({}, options), { action: action }));\n return [3 /*break*/, 3];\n case 1:\n if (!customRequest) return [3 /*break*/, 3];\n return [4 /*yield*/, customRequest(options)];\n case 2:\n request = _c.sent();\n _c.label = 3;\n case 3:\n this.setState({\n uploadRequests: __assign(__assign({}, this.state.uploadRequests), (_b = {}, _b[file.uid] = request, _b)),\n });\n return [2 /*return*/];\n }\n });\n }); };\n _this.handleFiles = function (files) {\n var _a = _this.props, limit = _a.limit, fileList = _a.fileList, onExceedLimit = _a.onExceedLimit, autoUpload = _a.autoUpload;\n if (isNumber(limit) && limit < fileList.length + files.length) {\n return onExceedLimit && onExceedLimit(files, fileList);\n }\n var asyncUpload = function (file, index) {\n var upload = {\n uid: \"\" + String(+new Date()) + index,\n originFile: file,\n percent: 0,\n status: STATUS.init,\n name: file.name,\n };\n // 更新上传状态为 init\n _this.updateFileStatus(upload);\n if (autoUpload) {\n /**\n * 需要setTimeout，否则一次上传较多文件时，可能出现第i个文件和第i+1个文件同时更新上传列表中的状态，\n * 状态被相互覆盖的情况。\n */\n setTimeout(function () {\n _this.doUpload(__assign(__assign({}, upload), { status: STATUS.uploading }));\n }, 0);\n }\n };\n files.forEach(function (file, index) {\n if (isFunction(_this.props.beforeUpload)) {\n // 只有在beforeUpload返回值 === false 时，取消上传操作\n Promise.resolve(_this.props.beforeUpload(file, files))\n .then(function (val) {\n if (val !== false) {\n var newFile = isFile(val) ? val : file;\n asyncUpload(newFile, index);\n }\n })\n .catch(function (e) {\n console.error(e);\n });\n }\n else {\n asyncUpload(file, index);\n }\n });\n };\n _this.state = {\n uploadRequests: {},\n };\n return _this;\n }\n Uploader.prototype.render = function () {\n var _this = this;\n var _a = this.props, accept = _a.accept, multiple = _a.multiple, children = _a.children, prefixCls = _a.prefixCls, tip = _a.tip, disabled = _a.disabled, drag = _a.drag, listType = _a.listType, hide = _a.hide, directory = _a.directory;\n return (React.createElement(React.Fragment, null,\n React.createElement(\"input\", __assign({ key: \"trigger-input\", ref: function (node) { return (_this.inputRef = node); }, style: { display: 'none' }, type: \"file\", accept: accept, multiple: multiple }, (directory ? { webkitdirectory: 'true' } : {}), { onChange: function (e) {\n var files = e.target.files;\n if (files) {\n _this.handleFiles([].slice.call(files));\n _this.inputRef.value = '';\n }\n }, onClick: function (e) {\n e.stopPropagation();\n } })),\n React.createElement(CSSTransition, { key: \"trigger-node\", in: !hide, timeout: 100, unmountOnExit: true, classNames: \"fadeIn\" },\n React.createElement(TriggerNode, { directory: directory, tip: tip, multiple: multiple, accept: accept, disabled: disabled, drag: drag, listType: listType, onDragFiles: this.handleFiles, onClick: function () {\n !disabled && _this.inputRef && _this.inputRef.click();\n }, prefixCls: prefixCls }, isFunction(children) ? children({ fileList: this.props.fileList }) : children)),\n tip && listType !== 'picture-card' && !drag ? (React.createElement(\"div\", { key: \"trigger-tip\", className: prefixCls + \"-trigger-tip\" }, tip)) : null));\n };\n return Uploader;\n}(React.Component));\nexport default Uploader;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { forwardRef, useContext, useRef, useState, useImperativeHandle, } from 'react';\nimport cs from '../_util/classNames';\nimport UploadList from './list/index';\nimport Uploader from './uploader';\nimport { isFunction, isArray, isNumber } from '../_util/is';\nimport { STATUS } from './interface';\nimport { ConfigContext } from '../ConfigProvider';\nimport omit from '../_util/omit';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nvar processFile = function (fileList) {\n var res = {};\n if (!isArray(fileList)) {\n return res;\n }\n fileList.forEach(function (file, index) {\n if (file.uid) {\n res[file.uid] = __assign({ status: STATUS.success, percent: 100 }, file);\n }\n else {\n var uid = \"\" + String(+new Date()) + index;\n res[uid] = __assign(__assign({}, file), { uid: uid, status: STATUS.success, percent: 100 });\n }\n });\n return res;\n};\nvar getFileList = function (uploadState) {\n return Object.keys(uploadState).map(function (x) { return uploadState[x]; });\n};\nvar defaultProps = {\n listType: 'text',\n autoUpload: true,\n showUploadList: true,\n beforeUpload: function () { return true; },\n};\nvar Upload = function (baseProps, ref) {\n var _a;\n var _b = useContext(ConfigContext), getPrefixCls = _b.getPrefixCls, componentConfig = _b.componentConfig;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Upload);\n var prefixCls = getPrefixCls('upload');\n var uploaderRef = useRef();\n var uploadState = useRef({});\n var _c = __read(useState('fileList' in props\n ? processFile(props.fileList)\n : 'defaultFileList' in props\n ? processFile(props.defaultFileList)\n : {}), 2), innerUploadState = _c[0], setInnerUploadState = _c[1];\n uploadState.current = 'fileList' in props ? processFile(props.fileList) : innerUploadState;\n var deleteUpload = function (file) {\n var obj = __assign({}, uploadState.current);\n delete obj[file.uid];\n if (!('fileList' in props)) {\n setInnerUploadState(obj);\n }\n props.onChange && props.onChange(getFileList(obj), file);\n };\n var uploadFile = function (file) {\n file &&\n setTimeout(function () {\n uploaderRef.current && uploaderRef.current.upload(file);\n }, 0);\n };\n // 重新上传\n var reuploadFile = function (file) {\n uploaderRef.current && uploaderRef.current.reupload(file);\n props.onReupload && props.onReupload(file);\n };\n // 移除文件，如果正在上传，终止上传\n var removeFile = function (file) {\n if (file) {\n var onRemove = props.onRemove;\n Promise.resolve(isFunction(onRemove) ? onRemove(file) : onRemove)\n .then(function (val) {\n if (val !== false) {\n uploaderRef.current && uploaderRef.current.abort(file);\n deleteUpload(file);\n }\n })\n .catch(function (e) {\n console.error(e);\n });\n }\n };\n // 中止文件上传\n var abortFile = function (file) {\n if (file) {\n uploaderRef.current && uploaderRef.current.abort(file);\n }\n };\n useImperativeHandle(ref, function () {\n return {\n submit: function (file) {\n var list = [];\n if (file) {\n list = [file];\n }\n else {\n list = getFileList(uploadState.current).filter(function (x) { return x.status === STATUS.init; });\n }\n list.forEach(function (x) {\n uploadFile(x);\n });\n },\n // file: fileList中的file对象\n abort: function (file) {\n abortFile(file);\n },\n // file: fileList中的file对象\n reupload: function (file) {\n reuploadFile(file);\n },\n };\n });\n var listType = props.listType, className = props.className, style = props.style, renderUploadItem = props.renderUploadItem, showUploadList = props.showUploadList, renderUploadList = props.renderUploadList, progressProps = props.progressProps, rest = __rest(props, [\"listType\", \"className\", \"style\", \"renderUploadItem\", \"showUploadList\", \"renderUploadList\", \"progressProps\"]);\n var fileList = getFileList(uploadState.current);\n var limit = isNumber(props.limit)\n ? { hideOnExceedLimit: true, maxCount: props.limit }\n : __assign({ hideOnExceedLimit: true }, props.limit);\n var exceedLimit = limit.maxCount && limit.maxCount <= fileList.length;\n var disabledUploadDom = 'disabled' in props ? props.disabled : !limit.hideOnExceedLimit && exceedLimit;\n var uploadDom = (React.createElement(\"div\", __assign({}, omit(rest, [\n 'disabled',\n 'directory',\n 'onReupload',\n 'defaultFileList',\n 'fileList',\n 'autoUpload',\n 'error',\n 'action',\n 'multiple',\n 'name',\n 'accept',\n 'customRequest',\n 'children',\n 'autoUpload',\n 'limit',\n 'drag',\n 'tip',\n 'headers',\n 'data',\n 'withCredentials',\n 'onChange',\n 'onPreview',\n 'onRemove',\n 'onProgress',\n 'onExceedLimit',\n 'beforeUpload',\n ]), { className: cs(prefixCls, (_a = {},\n _a[prefixCls + \"-type-\" + listType] = listType,\n _a[prefixCls + \"-drag\"] = props.drag,\n _a[prefixCls + \"-disabled\"] = disabledUploadDom,\n _a[prefixCls + \"-hide\"] = limit.hideOnExceedLimit && exceedLimit,\n _a), className), style: style }),\n React.createElement(Uploader, __assign({ ref: uploaderRef }, props, { limit: limit.maxCount, hide: limit.hideOnExceedLimit && exceedLimit, disabled: disabledUploadDom, prefixCls: prefixCls, fileList: fileList, onProgress: function (file, e) {\n if (file) {\n if (!('fileList' in props)) {\n setInnerUploadState(function (v) {\n var _a;\n return __assign(__assign({}, v), (_a = {}, _a[file.uid] = file, _a));\n });\n }\n props.onProgress && props.onProgress(file, e);\n }\n }, onFileStatusChange: function (file) {\n var _a;\n if (!('fileList' in props)) {\n setInnerUploadState(function (v) {\n var _a;\n return __assign(__assign({}, v), (_a = {}, _a[file.uid] = file, _a));\n });\n }\n props.onChange &&\n props.onChange(getFileList(__assign(__assign({}, uploadState.current), (_a = {}, _a[file.uid] = file, _a))), file);\n } }))));\n return (React.createElement(React.Fragment, null,\n listType !== 'picture-card' && uploadDom,\n showUploadList && (React.createElement(UploadList, { progressProps: progressProps, showUploadList: showUploadList, disabled: props.disabled, listType: listType, fileList: fileList, renderUploadItem: renderUploadItem, renderUploadList: renderUploadList, onUpload: uploadFile, onAbort: abortFile, onRemove: removeFile, onReupload: reuploadFile, onPreview: props.onPreview, prefixCls: prefixCls })),\n listType === 'picture-card' && uploadDom,\n props.tip && listType === 'picture-card' && (React.createElement(\"div\", { className: prefixCls + \"-trigger-tip\" }, props.tip))));\n};\nvar UploadRef = forwardRef(Upload);\nUploadRef.displayName = 'Upload';\nexport default UploadRef;\n","import Upload from './upload';\nexport default Upload;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { useContext, useEffect, useRef, useState } from 'react';\nimport cs from '../_util/classNames';\nimport { ConfigContext } from '../ConfigProvider';\nimport Input from '../Input';\nimport Select from '../Select';\nimport { ArrowDown, ArrowUp, Enter, Esc } from '../_util/keycode';\nimport { getBeforeSelectionText, getLastMeasureIndex, isValidSearch } from './utils';\nimport useMergeValue from '../_util/hooks/useMergeValue';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nvar TextArea = Input.TextArea;\nvar FunctionalKeyCodeList = [Esc.code, Enter.code, ArrowUp.code, ArrowDown.code];\nvar defaultProps = {\n prefix: '@',\n split: ' ',\n rows: 1,\n position: 'bl',\n alignTextarea: true,\n};\nfunction Mentions(baseProps, ref) {\n var _a;\n var _b = useContext(ConfigContext), getPrefixCls = _b.getPrefixCls, componentConfig = _b.componentConfig;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Mentions);\n var style = props.style, className = props.className, options = props.options, prefix = props.prefix, split = props.split, position = props.position, alignTextarea = props.alignTextarea, filterOption = props.filterOption, triggerProps = props.triggerProps, getPopupContainer = props.getPopupContainer, onChange = props.onChange, onSearch = props.onSearch, notFoundContent = props.notFoundContent, rest = __rest(props, [\"style\", \"className\", \"options\", \"prefix\", \"split\", \"position\", \"alignTextarea\", \"filterOption\", \"triggerProps\", \"getPopupContainer\", \"onChange\", \"onSearch\", \"notFoundContent\"]);\n var prefixCls = getPrefixCls('mentions');\n var refSelect = useRef(null);\n var refMeasure = useRef(null);\n var refTextarea = useRef(null);\n var _c = __read(useMergeValue('', {\n value: props.value,\n defaultValue: props.defaultValue,\n }), 2), value = _c[0], setValue = _c[1];\n var _d = __read(useState({\n measuring: false,\n location: 0,\n text: '',\n prefix: '',\n }), 2), measureInfo = _d[0], setMeasureInfo = _d[1];\n useEffect(function () {\n if (refTextarea.current && refMeasure.current) {\n refMeasure.current.scrollTop = refTextarea.current.dom.scrollTop;\n }\n });\n var stopMeasure = function () {\n setMeasureInfo(__assign(__assign({}, measureInfo), { measuring: false, location: 0, text: '' }));\n };\n var handleOptionSelect = function (optionValue) {\n var measureStart = measureInfo.location;\n var measureEnd = measureInfo.location + measureInfo.text.length;\n var head = value.slice(0, measureStart);\n var tail = value.slice(measureEnd + 1);\n head += !head || head.endsWith(split) || head.endsWith('\\n') ? '' : split;\n tail = (!tail || tail.startsWith(split) || tail.startsWith('\\n') ? '' : split) + tail;\n // If the content already exists before or after the matched content, add a split character\n var match = \"\" + measureInfo.prefix + optionValue;\n var nextValue = \"\" + head + match + tail;\n setValue(nextValue);\n stopMeasure();\n onChange && onChange(nextValue);\n };\n var textAreaEventHandlers = {\n onChange: function (value) {\n setValue(value);\n onChange && onChange(value);\n },\n onKeyDown: function (event) {\n var keyCode = event.keyCode || event.which;\n if (keyCode === Esc.code) {\n refTextarea.current && refTextarea.current.blur();\n }\n if (refSelect.current) {\n refSelect.current.hotkeyHandler(event);\n if (keyCode === Enter.code || keyCode === ArrowUp.code || keyCode === ArrowDown.code) {\n event.preventDefault();\n }\n }\n },\n onKeyUp: function (event) {\n var key = event.key, keyCode = event.which, target = event.target;\n // return immediately when hit any one of the function keys\n if (~FunctionalKeyCodeList.indexOf(keyCode)) {\n return;\n }\n var textBeforeSelection = getBeforeSelectionText(target);\n var _a = getLastMeasureIndex(textBeforeSelection, prefix), measureIndex = _a.location, measurePrefix = _a.prefix;\n var measureText = textBeforeSelection.slice(measureIndex + measurePrefix.length);\n if (measureIndex > -1 && isValidSearch(measureText, props)) {\n if (key === measurePrefix || measureInfo.measuring || measureText !== measureInfo.text) {\n setMeasureInfo({\n measuring: true,\n text: measureText,\n prefix: measurePrefix,\n location: measureIndex,\n });\n }\n onSearch && onSearch(measureText, measurePrefix);\n }\n else if (measureInfo.measuring) {\n stopMeasure();\n }\n },\n onBlur: stopMeasure,\n };\n return (React.createElement(\"div\", { ref: ref, style: style, className: cs(\"\" + prefixCls, (_a = {}, _a[prefixCls + \"-align-textarea\"] = alignTextarea, _a), className) },\n React.createElement(TextArea, __assign({ ref: refTextarea, className: prefixCls + \"-textarea\", value: value }, textAreaEventHandlers, rest)),\n measureInfo.measuring && (React.createElement(\"div\", { ref: refMeasure, className: prefixCls + \"-measure\" },\n value.slice(0, measureInfo.location),\n React.createElement(Select, { ref: refSelect, options: options, inputValue: measureInfo.text, notFoundContent: notFoundContent, triggerElement: React.createElement(\"span\", { className: prefixCls + \"-measure-trigger\" }, measureInfo.prefix), triggerProps: __assign({ popupVisible: true, autoAlignPopupWidth: alignTextarea, position: position }, triggerProps), filterOption: filterOption, getPopupContainer: getPopupContainer, onChange: handleOptionSelect }),\n value.slice(measureInfo.location + measureInfo.prefix.length)))));\n}\nvar MentionsComponent = React.forwardRef(Mentions);\nMentionsComponent.displayName = 'Mentions';\nexport default MentionsComponent;\n","export function isValidSearch(text, _a) {\n var split = _a.split;\n return !split || text.indexOf(split) === -1;\n}\nexport function getBeforeSelectionText(_a) {\n var value = _a.value, selectionStart = _a.selectionStart;\n return value.slice(0, selectionStart);\n}\nexport function getLastMeasureIndex(text, prefix) {\n if (prefix === void 0) { prefix = ''; }\n var prefixList = Array.isArray(prefix) ? prefix : [prefix];\n return prefixList.reduce(function (lastMatch, prefixStr) {\n var lastIndex = text.lastIndexOf(prefixStr);\n return lastIndex > lastMatch.location\n ? {\n location: lastIndex,\n prefix: prefixStr,\n }\n : lastMatch;\n }, { location: -1, prefix: '' });\n}\n","export default function useShowFooter(props) {\n var title = props.title, description = props.description, actions = props.actions;\n var showCaption = title || description;\n var showActions = actions && actions.length;\n var showFooter = showCaption || showActions;\n return [showFooter, showCaption, showActions];\n}\n","import React from 'react';\nimport Trigger from '../Trigger';\nimport cs from '../_util/classNames';\nexport var TriggerForToolbar = function (props) {\n var style = props.style, className = props.className, prefixCls = props.prefixCls, popup = props.popup, children = props.children;\n var classNames = cs(prefixCls + \"-trigger\", className);\n return (React.createElement(Trigger, { style: style, className: classNames, popup: popup, showArrow: true }, children));\n};\n","var __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React from 'react';\nimport cs from '../_util/classNames';\nimport useShowFooter from './utils/hooks/useShowFooter';\nimport IconMore from '../../icon/react-icon/IconMore';\nimport { TriggerForToolbar } from './trigger-for-toolbar';\nexport var ImageFooter = function (props) {\n var _a;\n var style = props.style, className = props.className, title = props.title, description = props.description, actions = props.actions, prefixCls = props.prefixCls, simple = props.simple;\n var _b = __read(useShowFooter({ title: title, description: description, actions: actions }), 3), showFooter = _b[0], showCaption = _b[1], showActions = _b[2];\n if (!showFooter)\n return null;\n var footerPrefixCls = prefixCls + \"-footer\";\n var classNames = cs(footerPrefixCls, className, (_a = {},\n _a[footerPrefixCls + \"-with-actions\"] = showActions,\n _a));\n var renderActionList = function () {\n var actionsList = (React.createElement(\"div\", { className: prefixCls + \"-actions-list\" }, actions.map(function (item, index) {\n return (React.createElement(\"div\", { className: prefixCls + \"-actions-item\", key: \"\" + index }, item));\n })));\n if (simple) {\n return (React.createElement(\"div\", { className: prefixCls + \"-actions-list\" },\n React.createElement(TriggerForToolbar, { prefixCls: prefixCls, popup: function () { return actionsList; } },\n React.createElement(\"div\", { className: cs(prefixCls + \"-actions-item\", prefixCls + \"-actions-item-trigger\") },\n React.createElement(\"span\", null,\n React.createElement(IconMore, null))))));\n }\n return actionsList;\n };\n return (React.createElement(\"div\", { className: classNames, style: style },\n showCaption && (React.createElement(\"div\", { className: cs(footerPrefixCls + \"-block\", prefixCls + \"-caption\") },\n title && (React.createElement(\"div\", { className: prefixCls + \"-caption-title\", title: title }, title)),\n description && !simple && (React.createElement(\"div\", { className: prefixCls + \"-caption-description\", title: description }, description)))),\n showActions && (React.createElement(\"div\", { className: cs(footerPrefixCls + \"-block\", prefixCls + \"-actions\") }, renderActionList()))));\n};\n","import _extends from \"@babel/runtime/helpers/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\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\nimport React, { useContext } from 'react';\nimport { IconContext } from '../context';\n\nfunction IconZoomOutComponent(iconProps, ref) {\n var _useContext = useContext(IconContext),\n _useContext$prefixCls = _useContext.prefixCls,\n prefixCls = _useContext$prefixCls === void 0 ? 'arco' : _useContext$prefixCls;\n\n var spin = iconProps.spin,\n className = iconProps.className;\n\n var props = _objectSpread(_objectSpread({\n \"aria-hidden\": true,\n focusable: false,\n ref: ref\n }, iconProps), {}, {\n className: \"\".concat(className ? className + ' ' : '').concat(prefixCls, \"-icon \").concat(prefixCls, \"-icon-zoom-out\")\n });\n\n if (spin) {\n props.className = \"\".concat(props.className, \" \").concat(prefixCls, \"-icon-loading\");\n }\n\n delete props.spin;\n delete props.isIcon;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"4\",\n viewBox: \"0 0 48 48\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M32.607 32.607A14.953 14.953 0 0 0 37 22c0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15 4.142 0 7.892-1.679 10.607-4.393Zm0 0L41.5 41.5M29 22H15\"\n }));\n}\n\nvar IconZoomOut = /*#__PURE__*/React.forwardRef(IconZoomOutComponent);\nIconZoomOut.defaultProps = {\n isIcon: true\n};\nIconZoomOut.displayName = 'IconZoomOut';\nexport default IconZoomOut;","import _extends from \"@babel/runtime/helpers/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\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\nimport React, { useContext } from 'react';\nimport { IconContext } from '../context';\n\nfunction IconZoomInComponent(iconProps, ref) {\n var _useContext = useContext(IconContext),\n _useContext$prefixCls = _useContext.prefixCls,\n prefixCls = _useContext$prefixCls === void 0 ? 'arco' : _useContext$prefixCls;\n\n var spin = iconProps.spin,\n className = iconProps.className;\n\n var props = _objectSpread(_objectSpread({\n \"aria-hidden\": true,\n focusable: false,\n ref: ref\n }, iconProps), {}, {\n className: \"\".concat(className ? className + ' ' : '').concat(prefixCls, \"-icon \").concat(prefixCls, \"-icon-zoom-in\")\n });\n\n if (spin) {\n props.className = \"\".concat(props.className, \" \").concat(prefixCls, \"-icon-loading\");\n }\n\n delete props.spin;\n delete props.isIcon;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"4\",\n viewBox: \"0 0 48 48\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M32.607 32.607A14.953 14.953 0 0 0 37 22c0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15 4.142 0 7.892-1.679 10.607-4.393Zm0 0L41.5 41.5M29 22H15m7 7V15\"\n }));\n}\n\nvar IconZoomIn = /*#__PURE__*/React.forwardRef(IconZoomInComponent);\nIconZoomIn.defaultProps = {\n isIcon: true\n};\nIconZoomIn.displayName = 'IconZoomIn';\nexport default IconZoomIn;","import _extends from \"@babel/runtime/helpers/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\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\nimport React, { useContext } from 'react';\nimport { IconContext } from '../context';\n\nfunction IconFullscreenComponent(iconProps, ref) {\n var _useContext = useContext(IconContext),\n _useContext$prefixCls = _useContext.prefixCls,\n prefixCls = _useContext$prefixCls === void 0 ? 'arco' : _useContext$prefixCls;\n\n var spin = iconProps.spin,\n className = iconProps.className;\n\n var props = _objectSpread(_objectSpread({\n \"aria-hidden\": true,\n focusable: false,\n ref: ref\n }, iconProps), {}, {\n className: \"\".concat(className ? className + ' ' : '').concat(prefixCls, \"-icon \").concat(prefixCls, \"-icon-fullscreen\")\n });\n\n if (spin) {\n props.className = \"\".concat(props.className, \" \").concat(prefixCls, \"-icon-loading\");\n }\n\n delete props.spin;\n delete props.isIcon;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"4\",\n viewBox: \"0 0 48 48\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M42 17V9a1 1 0 0 0-1-1h-8M6 17V9a1 1 0 0 1 1-1h8m27 23v8a1 1 0 0 1-1 1h-8M6 31v8a1 1 0 0 0 1 1h8\"\n }));\n}\n\nvar IconFullscreen = /*#__PURE__*/React.forwardRef(IconFullscreenComponent);\nIconFullscreen.defaultProps = {\n isIcon: true\n};\nIconFullscreen.displayName = 'IconFullscreen';\nexport default IconFullscreen;","import _extends from \"@babel/runtime/helpers/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\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\nimport React, { useContext } from 'react';\nimport { IconContext } from '../context';\n\nfunction IconRotateLeftComponent(iconProps, ref) {\n var _useContext = useContext(IconContext),\n _useContext$prefixCls = _useContext.prefixCls,\n prefixCls = _useContext$prefixCls === void 0 ? 'arco' : _useContext$prefixCls;\n\n var spin = iconProps.spin,\n className = iconProps.className;\n\n var props = _objectSpread(_objectSpread({\n \"aria-hidden\": true,\n focusable: false,\n ref: ref\n }, iconProps), {}, {\n className: \"\".concat(className ? className + ' ' : '').concat(prefixCls, \"-icon \").concat(prefixCls, \"-icon-rotate-left\")\n });\n\n if (spin) {\n props.className = \"\".concat(props.className, \" \").concat(prefixCls, \"-icon-loading\");\n }\n\n delete props.spin;\n delete props.isIcon;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"4\",\n viewBox: \"0 0 48 48\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M10 22a1 1 0 0 1 1-1h20a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H11a1 1 0 0 1-1-1V22ZM23 11h11a6 6 0 0 1 6 6v6M22.5 12.893 19.587 11 22.5 9.107v3.786Z\"\n }));\n}\n\nvar IconRotateLeft = /*#__PURE__*/React.forwardRef(IconRotateLeftComponent);\nIconRotateLeft.defaultProps = {\n isIcon: true\n};\nIconRotateLeft.displayName = 'IconRotateLeft';\nexport default IconRotateLeft;","import _extends from \"@babel/runtime/helpers/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\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\nimport React, { useContext } from 'react';\nimport { IconContext } from '../context';\n\nfunction IconRotateRightComponent(iconProps, ref) {\n var _useContext = useContext(IconContext),\n _useContext$prefixCls = _useContext.prefixCls,\n prefixCls = _useContext$prefixCls === void 0 ? 'arco' : _useContext$prefixCls;\n\n var spin = iconProps.spin,\n className = iconProps.className;\n\n var props = _objectSpread(_objectSpread({\n \"aria-hidden\": true,\n focusable: false,\n ref: ref\n }, iconProps), {}, {\n className: \"\".concat(className ? className + ' ' : '').concat(prefixCls, \"-icon \").concat(prefixCls, \"-icon-rotate-right\")\n });\n\n if (spin) {\n props.className = \"\".concat(props.className, \" \").concat(prefixCls, \"-icon-loading\");\n }\n\n delete props.spin;\n delete props.isIcon;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"4\",\n viewBox: \"0 0 48 48\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M38 22a1 1 0 0 0-1-1H17a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h20a1 1 0 0 0 1-1V22ZM25 11H14a6 6 0 0 0-6 6v6M25.5 12.893 28.413 11 25.5 9.107v3.786Z\"\n }));\n}\n\nvar IconRotateRight = /*#__PURE__*/React.forwardRef(IconRotateRightComponent);\nIconRotateRight.defaultProps = {\n isIcon: true\n};\nIconRotateRight.displayName = 'IconRotateRight';\nexport default IconRotateRight;","import _extends from \"@babel/runtime/helpers/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\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\nimport React, { useContext } from 'react';\nimport { IconContext } from '../context';\n\nfunction IconOriginalSizeComponent(iconProps, ref) {\n var _useContext = useContext(IconContext),\n _useContext$prefixCls = _useContext.prefixCls,\n prefixCls = _useContext$prefixCls === void 0 ? 'arco' : _useContext$prefixCls;\n\n var spin = iconProps.spin,\n className = iconProps.className;\n\n var props = _objectSpread(_objectSpread({\n \"aria-hidden\": true,\n focusable: false,\n ref: ref\n }, iconProps), {}, {\n className: \"\".concat(className ? className + ' ' : '').concat(prefixCls, \"-icon \").concat(prefixCls, \"-icon-original-size\")\n });\n\n if (spin) {\n props.className = \"\".concat(props.className, \" \").concat(prefixCls, \"-icon-loading\");\n }\n\n delete props.spin;\n delete props.isIcon;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"4\",\n viewBox: \"0 0 48 48\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n d: \"m5.5 11.5 5-2.5h1v32M34 11.5 39 9h1v32\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"currentColor\",\n stroke: \"none\",\n d: \"M24 17h1v1h-1v-1ZM24 30h1v1h-1v-1Z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M24 17h1v1h-1v-1ZM24 30h1v1h-1v-1Z\"\n }));\n}\n\nvar IconOriginalSize = /*#__PURE__*/React.forwardRef(IconOriginalSizeComponent);\nIconOriginalSize.defaultProps = {\n isIcon: true\n};\nIconOriginalSize.displayName = 'IconOriginalSize';\nexport default IconOriginalSize;","var __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport { useState } from 'react';\nexport default function useImageStatus(defaultValue) {\n var _a = __read(useState(defaultValue), 2), status = _a[0], setStatus = _a[1];\n var isBeforeLoad = status === 'beforeLoad';\n var isLoading = status === 'loading';\n var isError = status === 'error';\n var isLoaded = status === 'loaded';\n return {\n status: status,\n isBeforeLoad: isBeforeLoad,\n isLoading: isLoading,\n isError: isError,\n isLoaded: isLoaded,\n setStatus: setStatus,\n };\n}\n","import { isArray } from '../../_util/is';\nexport var defaultScales = [\n 25, 33, 50, 67, 75, 80, 90, 100, 110, 125, 150, 175, 200, 250, 300, 400, 500,\n];\nvar PreviewScales = /** @class */ (function () {\n function PreviewScales(scales) {\n this.updateScale(scales);\n }\n Object.defineProperty(PreviewScales.prototype, \"scales\", {\n get: function () {\n return this.scaleAttr;\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(PreviewScales.prototype, \"minScale\", {\n get: function () {\n return this.scaleAttr[0];\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(PreviewScales.prototype, \"maxScale\", {\n get: function () {\n return this.scaleAttr[this.scaleAttr.length - 1];\n },\n enumerable: false,\n configurable: true\n });\n PreviewScales.prototype.updateScale = function (scales) {\n var validScales = defaultScales;\n if (isArray(scales) && scales.filter(function (num) { return num > 0; }).length) {\n validScales = scales.filter(function (num) { return num > 0; });\n }\n validScales = validScales.map(function (num) { return +(num / 100).toFixed(2); });\n // 如果缩放比例中不含1， 则需要手动添加在最合适的位置\n if (!validScales.includes(1)) {\n var closestIndex = this.findClosestIndex(1, validScales);\n var closeSale = validScales[closestIndex];\n var addIndex = closeSale < 1 ? closestIndex + 1 : closestIndex;\n validScales.splice(addIndex, 0, 1);\n }\n this.scaleAttr = validScales;\n };\n PreviewScales.prototype.findClosestIndex = function (scale, scales) {\n if (scales === void 0) { scales = this.scaleAttr; }\n if (!scales.length)\n return;\n if (scales.length === 1)\n return 0;\n var closestIndex = scales.length - 1;\n for (var i = 0; i < scales.length; i++) {\n var current = scales[i];\n if (scale === current) {\n closestIndex = i;\n break;\n }\n if (scale < current) {\n var pre = scales[i - 1];\n closestIndex =\n pre === undefined || Math.abs(pre - scale) <= Math.abs(current - scale) ? i - 1 : i;\n break;\n }\n }\n return closestIndex;\n };\n PreviewScales.prototype.getNextScale = function (cur, type) {\n if (type === void 0) { type = 'zoomIn'; }\n var index = this.scaleAttr.indexOf(cur);\n if (index === -1) {\n index = this.findClosestIndex(cur);\n }\n if (type === 'zoomIn') {\n return index === this.scaleAttr.length - 1 ? cur : this.scaleAttr[index + 1];\n }\n return index === 0 ? cur : this.scaleAttr[index - 1];\n };\n return PreviewScales;\n}());\nexport default PreviewScales;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport React, { forwardRef } from 'react';\nimport cs from '../_util/classNames';\nimport IconMore from '../../icon/react-icon/IconMore';\nimport Tooltip from '../Tooltip';\nimport { TriggerForToolbar } from './trigger-for-toolbar';\nvar ImagePreviewToolbar = function (props, ref) {\n var _a;\n var prefixCls = props.prefixCls, previewPrefixCls = props.previewPrefixCls, _b = props.simple, simple = _b === void 0 ? false : _b, _c = props.actions, actions = _c === void 0 ? [] : _c, _d = props.actionsLayout, actionsLayout = _d === void 0 ? [] : _d, _e = props.defaultActions, defaultActions = _e === void 0 ? [] : _e;\n // Filter based on layout\n var actionsLayoutSet = new Set(actionsLayout);\n var filterWithLayout = function (item) { return actionsLayoutSet.has(item.key); };\n var filteredActions = __spreadArray(__spreadArray([], __read(defaultActions.filter(filterWithLayout)), false), __read(actions.filter(filterWithLayout)), false);\n var extraActions = actions.filter(function (item) { return !actionsLayoutSet.has(item.key); });\n // Sort by layout\n var resultActions = filteredActions.sort(function (pre, cur) {\n var preIndex = actionsLayout.indexOf(pre.key);\n var curIndex = actionsLayout.indexOf(cur.key);\n return preIndex > curIndex ? 1 : -1;\n });\n if (actionsLayoutSet.has('extra')) {\n var extraIndex = actionsLayout.indexOf('extra');\n resultActions.splice.apply(resultActions, __spreadArray([extraIndex, 0], __read(extraActions), false));\n }\n var renderAction = function (itemData, renderName) {\n var _a;\n if (renderName === void 0) { renderName = false; }\n var content = itemData.content, disabled = itemData.disabled, key = itemData.key, name = itemData.name, getContainer = itemData.getContainer, onClick = itemData.onClick, rest = __rest(itemData, [\"content\", \"disabled\", \"key\", \"name\", \"getContainer\", \"onClick\"]);\n var action = (React.createElement(\"div\", __assign({ className: cs(previewPrefixCls + \"-toolbar-action\", (_a = {},\n _a[previewPrefixCls + \"-toolbar-action-disabled\"] = disabled,\n _a)), key: key, onClick: function (e) {\n if (!disabled && onClick) {\n onClick(e);\n }\n }, onMouseDown: function (e) {\n // To solve the problem that tooltip is selected when button is quickly clicked\n e.preventDefault();\n } }, rest),\n content && React.createElement(\"span\", { className: previewPrefixCls + \"-toolbar-action-content\" }, content),\n renderName && name && (React.createElement(\"span\", { className: previewPrefixCls + \"-toolbar-action-name\" }, name))));\n if (getContainer) {\n return getContainer(action);\n }\n return action;\n };\n if (!resultActions.length)\n return null;\n var actionList = resultActions.map(function (item) {\n var action = renderAction(item, simple);\n if (!simple && item.name && !item.getContainer) {\n return (React.createElement(Tooltip, { content: item.name, key: item.key }, action));\n }\n return action;\n });\n return (React.createElement(\"div\", { ref: ref, className: cs(previewPrefixCls + \"-toolbar\", (_a = {},\n _a[previewPrefixCls + \"-toolbar-simple\"] = simple,\n _a), props.className), style: props.style },\n simple && (React.createElement(TriggerForToolbar, { prefixCls: prefixCls, className: previewPrefixCls + \"-trigger\", popup: function () { return React.createElement(\"div\", null, actionList); } }, renderAction({\n key: 'trigger',\n content: (React.createElement(\"span\", null,\n React.createElement(IconMore, null))),\n }))),\n !simple && actionList));\n};\nexport default forwardRef(ImagePreviewToolbar);\n","import { createContext } from 'react';\nexport var PreviewGroupContext = createContext({\n previewGroup: false,\n previewUrlMap: new Map(),\n infinite: true,\n currentIndex: 0,\n setCurrentIndex: function () { return null; },\n setPreviewUrlMap: function () { return null; },\n registerPreviewUrl: function () { return null; },\n visible: false,\n setVisible: function () { return null; },\n});\n","import React, { useContext } from 'react';\nimport IconLeft from '../../icon/react-icon/IconLeft';\nimport IconRight from '../../icon/react-icon/IconRight';\nimport { ConfigContext } from '../ConfigProvider';\nimport cs from '../_util/classNames';\nfunction ImagePreviewArrow(props) {\n var _a, _b;\n var current = props.current, previewCount = props.previewCount, _c = props.infinite, infinite = _c === void 0 ? false : _c, onPrev = props.onPrev, onNext = props.onNext;\n var getPrefixCls = useContext(ConfigContext).getPrefixCls;\n var prefixCls = getPrefixCls('image-preview');\n var classNames = cs(prefixCls + \"-arrow\");\n var disableLeft = !infinite && current <= 0;\n var disableRight = !infinite && current >= previewCount - 1;\n return (React.createElement(\"div\", { className: classNames },\n React.createElement(\"div\", { className: cs(prefixCls + \"-arrow-left\", (_a = {},\n _a[prefixCls + \"-arrow-disabled\"] = disableLeft,\n _a)), onClick: function (e) {\n e.preventDefault();\n !disableLeft && onPrev && onPrev();\n } },\n React.createElement(IconLeft, null)),\n React.createElement(\"div\", { className: cs(prefixCls + \"-arrow-right\", (_b = {},\n _b[prefixCls + \"-arrow-disabled\"] = disableRight,\n _b)), onClick: function (e) {\n e.preventDefault();\n !disableRight && onNext && onNext();\n } },\n React.createElement(IconRight, null))));\n}\nexport default ImagePreviewArrow;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { forwardRef, useContext, useRef, useState, useImperativeHandle, useEffect, useCallback, useMemo, } from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport { findDOMNode } from 'react-dom';\nimport cs from '../_util/classNames';\nimport { on, off, isServerRendering } from '../_util/dom';\nimport ResizeObserver from '../_util/resizeObserver';\nimport IconLoading from '../../icon/react-icon/IconLoading';\nimport IconZoomOut from '../../icon/react-icon/IconZoomOut';\nimport IconZoomIn from '../../icon/react-icon/IconZoomIn';\nimport IconFullscreen from '../../icon/react-icon/IconFullscreen';\nimport IconClose from '../../icon/react-icon/IconClose';\nimport IconRotateLeft from '../../icon/react-icon/IconRotateLeft';\nimport IconRotateRight from '../../icon/react-icon/IconRotateRight';\nimport IconOriginalSize from '../../icon/react-icon/IconOriginalSize';\nimport ConfigProvider, { ConfigContext } from '../ConfigProvider';\nimport useImageStatus from './utils/hooks/useImageStatus';\nimport PreviewScales, { defaultScales } from './utils/getScale';\nimport getFixTranslate from './utils/getFixTranslate';\nimport ImagePreviewToolbar from './image-preview-toolbar';\nimport useMergeValue from '../_util/hooks/useMergeValue';\nimport Portal from '../Portal';\nimport { PreviewGroupContext } from './previewGroupContext';\nimport ImagePreviewArrow from './image-preview-arrow';\nimport useOverflowHidden from '../_util/hooks/useOverflowHidden';\nimport { Esc } from '../_util/keycode';\nimport useUpdate from '../_util/hooks/useUpdate';\nvar ROTATE_STEP = 90;\nfunction Preview(props, ref) {\n var _a, _b;\n var className = props.className, style = props.style, src = props.src, defaultVisible = props.defaultVisible, _c = props.maskClosable, maskClosable = _c === void 0 ? true : _c, _d = props.closable, closable = _d === void 0 ? true : _d, _e = props.breakPoint, breakPoint = _e === void 0 ? 316 : _e, actions = props.actions, _f = props.actionsLayout, actionsLayout = _f === void 0 ? [\n 'fullScreen',\n 'rotateRight',\n 'rotateLeft',\n 'zoomIn',\n 'zoomOut',\n 'originalSize',\n 'extra',\n ] : _f, _g = props.getPopupContainer, getPopupContainer = _g === void 0 ? function () { return document.body; } : _g, onVisibleChange = props.onVisibleChange, _h = props.scales, scales = _h === void 0 ? defaultScales : _h, _j = props.escToExit, escToExit = _j === void 0 ? true : _j;\n var _k = useContext(PreviewGroupContext), previewGroup = _k.previewGroup, previewUrlMap = _k.previewUrlMap, currentIndex = _k.currentIndex, setCurrentIndex = _k.setCurrentIndex, infinite = _k.infinite;\n var mergedSrc = previewGroup ? previewUrlMap.get(currentIndex) : src;\n var _l = __read(useState(mergedSrc), 2), previewImgSrc = _l[0], setPreviewImgSrc = _l[1];\n var _m = __read(useMergeValue(false, {\n defaultValue: defaultVisible,\n value: props.visible,\n }), 2), visible = _m[0], setVisible = _m[1];\n var globalContext = useContext(ConfigContext);\n var getPrefixCls = globalContext.getPrefixCls, locale = globalContext.locale;\n var prefixCls = getPrefixCls('image');\n var previewPrefixCls = prefixCls + \"-preview\";\n var classNames = cs(previewPrefixCls, (_a = {},\n _a[previewPrefixCls + \"-hide\"] = !visible,\n _a), className);\n var refImage = useRef();\n var refImageContainer = useRef();\n var refWrapper = useRef();\n var keyboardEventOn = useRef(false);\n var refMoveData = useRef({\n pageX: 0,\n pageY: 0,\n originX: 0,\n originY: 0,\n });\n var _o = useImageStatus('loading'), isLoading = _o.isLoading, isLoaded = _o.isLoaded, setStatus = _o.setStatus;\n var _p = __read(useState(false), 2), toolbarSimple = _p[0], setToolbarSimple = _p[1];\n var _q = __read(useState({ x: 0, y: 0 }), 2), translate = _q[0], setTranslate = _q[1];\n var _r = __read(useState(1), 2), scale = _r[0], setScale = _r[1];\n var _s = __read(useState(false), 2), scaleValueVisible = _s[0], setScaleValueVisible = _s[1];\n var _t = __read(useState(0), 2), rotate = _t[0], setRotate = _t[1];\n var _u = __read(useState(false), 2), moving = _u[0], setMoving = _u[1];\n var previewScales = useMemo(function () {\n return new PreviewScales(scales);\n }, []);\n // Reset image params\n function reset() {\n setTranslate({ x: 0, y: 0 });\n setScale(1);\n setRotate(0);\n }\n useImperativeHandle(ref, function () { return ({\n reset: reset,\n }); });\n var _v = __read(useState(), 2), container = _v[0], setContainer = _v[1];\n var getContainer = useCallback(function () { return container; }, [container]);\n useEffect(function () {\n var container = getPopupContainer && getPopupContainer();\n var containerDom = (findDOMNode(container) || document.body);\n setContainer(containerDom);\n }, [getPopupContainer]);\n useOverflowHidden(getContainer, { hidden: visible });\n var isFixed = useMemo(function () { return !isServerRendering && container === document.body; }, [container]);\n // Jump to image at the specified index\n function jumpTo(index) {\n var previewListLen = previewUrlMap.size;\n if (infinite) {\n index %= previewListLen;\n if (index < 0)\n index = previewListLen - Math.abs(index);\n }\n if (index !== currentIndex && index >= 0 && index <= previewListLen - 1) {\n setCurrentIndex(index);\n }\n }\n function onPrev() {\n jumpTo(currentIndex - 1);\n }\n function onNext() {\n jumpTo(currentIndex + 1);\n }\n // Anticlockwise rotation\n function onRotateLeft() {\n setRotate(rotate === 0 ? 360 - ROTATE_STEP : rotate - ROTATE_STEP);\n }\n // Clockwise rotation\n function onRotateRight() {\n setRotate((rotate + ROTATE_STEP) % 360);\n }\n // Scale\n var hideScaleTimer = useRef(null);\n var showScaleValue = function () {\n !scaleValueVisible && setScaleValueVisible(true);\n hideScaleTimer.current && clearTimeout(hideScaleTimer.current);\n hideScaleTimer.current = setTimeout(function () {\n setScaleValueVisible(false);\n }, 1000);\n };\n var onScaleChange = function (newScale) {\n if (scale !== newScale) {\n setScale(newScale);\n showScaleValue();\n }\n };\n function onZoomIn() {\n var newScale = previewScales.getNextScale(scale, 'zoomIn');\n onScaleChange(newScale);\n }\n function onZoomOut() {\n var newScale = previewScales.getNextScale(scale, 'zoomOut');\n onScaleChange(newScale);\n }\n function onResetScale() {\n onScaleChange(1);\n }\n function onFullScreen() {\n var wrapperRect = refWrapper.current.getBoundingClientRect();\n var imgRect = refImage.current.getBoundingClientRect();\n var newHeightScale = wrapperRect.height / (imgRect.height / scale);\n var newWidthScale = wrapperRect.width / (imgRect.width / scale);\n var newScale = Math.max(newHeightScale, newWidthScale);\n onScaleChange(newScale);\n }\n // Image container is clicked\n function onOutsideImgClick(e) {\n if (e.target === e.currentTarget && maskClosable) {\n close();\n }\n }\n // Close button is clicked.\n function onCloseClick() {\n close();\n }\n function close() {\n if (visible) {\n onVisibleChange && onVisibleChange(false, visible);\n setVisible(false);\n }\n }\n function onWrapperResize(entry) {\n if (entry && entry.length) {\n var wrapperRect = entry[0].contentRect;\n var nextSimple = wrapperRect.width < breakPoint;\n setToolbarSimple(nextSimple);\n }\n }\n // Check the translate and correct it if needed\n var checkAndFixTranslate = function () {\n if (!refWrapper.current || !refImage.current)\n return;\n var wrapperRect = refWrapper.current.getBoundingClientRect();\n var imgRect = refImage.current.getBoundingClientRect();\n var _a = __read(getFixTranslate(wrapperRect, imgRect, translate.x, translate.y, scale), 2), x = _a[0], y = _a[1];\n if (x !== translate.x || y !== translate.y) {\n setTranslate({\n x: x,\n y: y,\n });\n }\n };\n // Update position on moving if needed\n var onMoving = function (e) {\n if (visible && moving) {\n e.preventDefault && e.preventDefault();\n var _a = refMoveData.current, originX = _a.originX, originY = _a.originY, pageX = _a.pageX, pageY = _a.pageY;\n var nextX = originX + (e.pageX - pageX) / scale;\n var nextY = originY + (e.pageY - pageY) / scale;\n setTranslate({\n x: nextX,\n y: nextY,\n });\n }\n };\n var onMoveEnd = function (e) {\n e.preventDefault && e.preventDefault();\n setMoving(false);\n };\n // Record position data on move start\n var onMoveStart = function (e) {\n e.preventDefault && e.preventDefault();\n setMoving(true);\n var ev = e.type === 'touchstart' ? e.touches[0] : e;\n refMoveData.current.pageX = ev.pageX;\n refMoveData.current.pageY = ev.pageY;\n refMoveData.current.originX = translate.x;\n refMoveData.current.originY = translate.y;\n };\n useEffect(function () {\n if (visible && moving) {\n on(document, 'mousemove', onMoving, false);\n on(document, 'mouseup', onMoveEnd, false);\n }\n return function () {\n off(document, 'mousemove', onMoving, false);\n off(document, 'mouseup', onMoveEnd, false);\n };\n }, [visible, moving]);\n // Correct translate after moved\n useEffect(function () {\n if (!moving) {\n checkAndFixTranslate();\n }\n }, [moving, translate]);\n // Correct translate when scale changes\n useEffect(function () {\n checkAndFixTranslate();\n }, [scale]);\n // Reset when preview is opened\n useEffect(function () {\n if (visible) {\n reset();\n }\n }, [visible]);\n // Reset on first mount or image switches\n useEffect(function () {\n setPreviewImgSrc(mergedSrc);\n setStatus(mergedSrc ? 'loading' : 'loaded');\n reset();\n }, [mergedSrc]);\n useUpdate(function () {\n previewScales.updateScale(scales);\n setScale(1);\n }, [scales]);\n // Close when pressing esc\n useEffect(function () {\n var onKeyDown = function (e) {\n if (escToExit && e && e.key === Esc.key) {\n close();\n }\n };\n if (visible && !moving && !keyboardEventOn.current) {\n keyboardEventOn.current = true;\n on(document, 'keydown', onKeyDown);\n }\n return function () {\n keyboardEventOn.current = false;\n off(document, 'keydown', onKeyDown);\n };\n }, [visible, escToExit, moving]);\n var defaultActions = [\n {\n key: 'fullScreen',\n name: locale.ImagePreview.fullScreen,\n content: React.createElement(IconFullscreen, null),\n onClick: onFullScreen,\n },\n {\n key: 'rotateRight',\n name: locale.ImagePreview.rotateRight,\n content: React.createElement(IconRotateRight, null),\n onClick: onRotateRight,\n },\n {\n key: 'rotateLeft',\n name: locale.ImagePreview.rotateLeft,\n content: React.createElement(IconRotateLeft, null),\n onClick: onRotateLeft,\n },\n {\n key: 'zoomIn',\n name: locale.ImagePreview.zoomIn,\n content: React.createElement(IconZoomIn, null),\n onClick: onZoomIn,\n disabled: scale === previewScales.maxScale,\n },\n {\n key: 'zoomOut',\n name: locale.ImagePreview.zoomOut,\n content: React.createElement(IconZoomOut, null),\n onClick: onZoomOut,\n disabled: scale === previewScales.minScale,\n },\n {\n key: 'originalSize',\n name: locale.ImagePreview.originalSize,\n content: React.createElement(IconOriginalSize, null),\n onClick: onResetScale,\n },\n ];\n return (React.createElement(Portal, { visible: visible, forceRender: false, getContainer: getContainer },\n React.createElement(ConfigProvider, __assign({}, globalContext, { getPopupContainer: function () { return refWrapper.current; } }),\n React.createElement(\"div\", { className: classNames, style: __assign(__assign({}, (style || {})), (isFixed ? {} : { zIndex: 'inherit', position: 'absolute' })) },\n React.createElement(CSSTransition, { in: visible, timeout: 400, appear: true, classNames: \"fadeImage\", mountOnEnter: true, unmountOnExit: false, onEnter: function (e) {\n e.parentNode.style.display = 'block';\n e.style.display = 'block';\n }, onExited: function (e) {\n e.parentNode.style.display = '';\n e.style.display = 'none';\n } },\n React.createElement(\"div\", { className: previewPrefixCls + \"-mask\" })),\n visible && (React.createElement(ResizeObserver, { onResize: onWrapperResize },\n React.createElement(\"div\", { ref: refWrapper, className: previewPrefixCls + \"-wrapper\", onClick: onOutsideImgClick },\n React.createElement(\"div\", { ref: refImageContainer, className: previewPrefixCls + \"-img-container\", style: { transform: \"scale(\" + scale + \", \" + scale + \")\" }, onClick: onOutsideImgClick },\n React.createElement(\"img\", { ref: refImage, className: cs(previewPrefixCls + \"-img\", (_b = {},\n _b[previewPrefixCls + \"-img-moving\"] = moving,\n _b)), style: {\n transform: \"translate(\" + translate.x + \"px, \" + translate.y + \"px) rotate(\" + rotate + \"deg)\",\n }, onLoad: function () {\n setStatus('loaded');\n }, onError: function () {\n setStatus('error');\n }, onMouseDown: onMoveStart, key: previewImgSrc, src: previewImgSrc }),\n isLoading && (React.createElement(\"div\", { className: previewPrefixCls + \"-loading\" },\n React.createElement(IconLoading, null)))),\n React.createElement(CSSTransition, { in: scaleValueVisible, timeout: 400, appear: true, classNames: \"fadeImage\", unmountOnExit: true },\n React.createElement(\"div\", { className: previewPrefixCls + \"-scale-value\" },\n (scale * 100).toFixed(0),\n \"%\")),\n isLoaded && (React.createElement(ImagePreviewToolbar, { prefixCls: prefixCls, previewPrefixCls: previewPrefixCls, actions: actions, actionsLayout: actionsLayout, defaultActions: defaultActions, simple: toolbarSimple })),\n closable && (React.createElement(\"div\", { className: previewPrefixCls + \"-close-btn\", onClick: onCloseClick },\n React.createElement(IconClose, null))),\n previewGroup && (React.createElement(ImagePreviewArrow, { previewCount: previewUrlMap.size, current: currentIndex, infinite: infinite, onPrev: onPrev, onNext: onNext })))))))));\n}\nvar PreviewComponent = forwardRef(Preview);\nPreviewComponent.displayName = 'ImagePreview';\nexport default PreviewComponent;\n","export default function getFixTranslate(wrapperRect, imgRect, translateX, translateY, scale) {\n var fixTranslateX = translateX;\n var fixTranslateY = translateY;\n if (translateX) {\n // No translateX if width of img is smaller than width of wrapper\n if (wrapperRect.width > imgRect.width) {\n fixTranslateX = 0;\n }\n else {\n // Width of image is greater than width of wrapper\n if (imgRect.left > wrapperRect.left) {\n // Reduce translateX to make image move to left if left side of image is within wrapper\n fixTranslateX -= Math.abs(wrapperRect.left - imgRect.left) / scale;\n }\n if (imgRect.right < wrapperRect.right) {\n // Enlarge translateX to make image move to right if right side of image is within wrapper\n fixTranslateX += Math.abs(wrapperRect.right - imgRect.right) / scale;\n }\n }\n }\n if (translateY) {\n // No translateY if height of img is smaller than height of wrapper\n if (wrapperRect.height > imgRect.height) {\n fixTranslateY = 0;\n }\n else {\n // Height of image is greater than height of wrapper\n if (imgRect.top > wrapperRect.top) {\n // Reduce translateY to make image move to top if top side of image is within wrapper\n fixTranslateY -= Math.abs(wrapperRect.top - imgRect.top) / scale;\n }\n if (imgRect.bottom < wrapperRect.bottom) {\n // Enlarge translateY to make image move to bottom if bottom side of image is within wrapper\n fixTranslateY += Math.abs(wrapperRect.bottom - imgRect.bottom) / scale;\n }\n }\n }\n return [fixTranslateX, fixTranslateY];\n}\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { forwardRef, useEffect, useImperativeHandle, useMemo, useRef, useState, } from 'react';\nimport useIsFirstRender from '../_util/hooks/useIsFirstRender';\nimport useMergeValue from '../_util/hooks/useMergeValue';\nimport ImagePreview from './image-preview';\nimport { PreviewGroupContext } from './previewGroupContext';\nfunction PreviewGroup(props, ref) {\n var children = props.children, srcList = props.srcList, infinite = props.infinite, propCurrentIndex = props.current, defaultCurrent = props.defaultCurrent, onChange = props.onChange, propVisible = props.visible, defaultVisible = props.defaultVisible, onVisibleChange = props.onVisibleChange, restProps = __rest(props, [\"children\", \"srcList\", \"infinite\", \"current\", \"defaultCurrent\", \"onChange\", \"visible\", \"defaultVisible\", \"onVisibleChange\"]);\n var _a = __read(useMergeValue(false, {\n value: propVisible,\n defaultValue: defaultVisible,\n }), 2), visible = _a[0], setVisible = _a[1];\n var propPreviewUrlMap = useMemo(function () { return (srcList ? new Map(srcList.map(function (url, index) { return [index, { url: url, preview: true }]; })) : null); }, [srcList]);\n var isFirstRender = useIsFirstRender();\n var getPreviewUrlMap = function () { return (propPreviewUrlMap ? new Map(propPreviewUrlMap) : new Map()); };\n var _b = __read(useState(getPreviewUrlMap()), 2), previewUrlMap = _b[0], setPreviewUrlMap = _b[1];\n useEffect(function () {\n if (isFirstRender)\n return;\n setPreviewUrlMap(getPreviewUrlMap());\n }, [propPreviewUrlMap]);\n var canPreviewUrlMap = new Map(Array.from(previewUrlMap)\n .filter(function (_a) {\n var _b = __read(_a, 2), preview = _b[1].preview;\n return preview;\n })\n .map(function (_a) {\n var _b = __read(_a, 2), id = _b[0], url = _b[1].url;\n return [id, url];\n }));\n var _c = __read(useMergeValue(0, {\n value: propCurrentIndex,\n defaultValue: defaultCurrent,\n }), 2), currentIndex = _c[0], setCurrentIndex = _c[1];\n function registerPreviewUrl(id, url, preview) {\n if (!propPreviewUrlMap) {\n setPreviewUrlMap(function (pre) {\n return new Map(pre).set(id, {\n url: url,\n preview: preview,\n });\n });\n }\n return function unRegisterPreviewUrl() {\n if (!propPreviewUrlMap) {\n setPreviewUrlMap(function (pre) {\n var cloneMap = new Map(pre);\n var hasDelete = cloneMap.delete(id);\n return hasDelete ? cloneMap : pre;\n });\n }\n };\n }\n var refPreview = useRef();\n useImperativeHandle(ref, function () { return ({\n reset: function () {\n refPreview.current && refPreview.current.reset();\n },\n }); });\n var handleVisibleChange = function (visible, preVisible) {\n setVisible(visible);\n onVisibleChange && onVisibleChange(visible, preVisible);\n };\n var handleSwitch = function (index) {\n onChange && onChange(index);\n setCurrentIndex(index);\n };\n var loopImageIndex = function (children) {\n var index = 0;\n var loop = function (children) {\n return React.Children.map(children, function (child) {\n if (child && child.props && child.type) {\n var displayName = child.type.displayName;\n if (displayName === 'Image') {\n return React.cloneElement(child, { _index: index++ });\n }\n }\n if (child && child.props && child.props.children) {\n return React.cloneElement(child, {\n children: loop(child.props.children),\n });\n }\n return child;\n });\n };\n return loop(children);\n };\n return (React.createElement(PreviewGroupContext.Provider, { value: {\n previewGroup: true,\n previewUrlMap: canPreviewUrlMap,\n infinite: infinite,\n currentIndex: currentIndex,\n setCurrentIndex: handleSwitch,\n setPreviewUrlMap: setPreviewUrlMap,\n registerPreviewUrl: registerPreviewUrl,\n visible: visible,\n setVisible: setVisible,\n } },\n loopImageIndex(children),\n React.createElement(ImagePreview, __assign({ ref: refPreview, src: \"\", visible: visible, onVisibleChange: handleVisibleChange }, restProps))));\n}\nvar PreviewGroupComponent = forwardRef(PreviewGroup);\nPreviewGroupComponent.displayName = 'ImagePreviewGroup';\nexport default PreviewGroupComponent;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { useContext, useEffect, useMemo, useRef } from 'react';\nimport cs from '../_util/classNames';\nimport { ConfigContext } from '../ConfigProvider';\nimport IconLoading from '../../icon/react-icon/IconLoading';\nimport IconImageClose from '../../icon/react-icon/IconImageClose';\nimport { ImageFooter } from './image-footer';\nimport ImagePreview from './image-preview';\nimport ImagePreviewGroup from './image-preview-group';\nimport useShowFooter from './utils/hooks/useShowFooter';\nimport useImageStatus from './utils/hooks/useImageStatus';\nimport useMergeValue from '../_util/hooks/useMergeValue';\nimport omit from '../_util/omit';\nimport { isNumber } from '../_util/is';\nimport { PreviewGroupContext } from './previewGroupContext';\nimport { isServerRendering } from '../_util/dom';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nvar uuid = 0;\nvar defaultProps = {\n footerPosition: 'inner',\n preview: true,\n};\nfunction Image(baseProps, ref) {\n var _a;\n var _b = useContext(ConfigContext), getPrefixCls = _b.getPrefixCls, componentConfig = _b.componentConfig;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Image);\n var style = props.style, className = props.className, src = props.src, width = props.width, height = props.height, title = props.title, description = props.description, actions = props.actions, footerPosition = props.footerPosition, simple = props.simple, loader = props.loader, loaderClassName = props.loaderClassName, error = props.error, preview = props.preview, _c = props.previewProps, previewProps = _c === void 0 ? {} : _c, alt = props.alt, onClick = props.onClick, index = props.index, _index = props._index, restProps = __rest(props, [\"style\", \"className\", \"src\", \"width\", \"height\", \"title\", \"description\", \"actions\", \"footerPosition\", \"simple\", \"loader\", \"loaderClassName\", \"error\", \"preview\", \"previewProps\", \"alt\", \"onClick\", \"index\", \"_index\"]);\n var _d = useContext(PreviewGroupContext), previewGroup = _d.previewGroup, setGroupPreviewVisible = _d.setVisible, registerPreviewUrl = _d.registerPreviewUrl, setCurrentIndex = _d.setCurrentIndex;\n var previewSrc = previewProps.src || src;\n var id = useMemo(function () {\n if (isNumber(index) || isNumber(_index)) {\n uuid = isNumber(index) ? index : _index;\n return uuid;\n }\n return uuid++;\n }, []);\n var _e = __read(useShowFooter({ title: title, description: description, actions: actions }), 1), showFooter = _e[0];\n var _f = useImageStatus('beforeLoad'), isLoading = _f.isLoading, isError = _f.isError, isLoaded = _f.isLoaded, setStatus = _f.setStatus;\n var _g = __read(useMergeValue(false, {\n defaultValue: previewProps.defaultVisible,\n value: previewProps.visible,\n }), 2), previewVisible = _g[0], setPreviewVisible = _g[1];\n // Props passed directly into Preivew component\n var availablePreviewProps = omit(previewProps, [\n 'visible',\n 'defaultVisible',\n 'src',\n 'onVisibleChange',\n ]);\n var prefixCls = getPrefixCls('image');\n var classNames = cs(prefixCls, (_a = {},\n _a[prefixCls + \"-simple\"] = simple,\n _a[prefixCls + \"-loading\"] = isLoading,\n _a[prefixCls + \"-loading-error\"] = isError,\n _a[prefixCls + \"-with-footer-inner\"] = isLoaded && showFooter && footerPosition === 'inner',\n _a[prefixCls + \"-with-footer-outer\"] = isLoaded && showFooter && footerPosition === 'outer',\n _a), className);\n var refImg = useRef();\n function onImgLoaded() {\n setStatus('loaded');\n }\n function onImgLoadError() {\n setStatus('error');\n }\n function onImgClick(e) {\n if (preview && previewGroup) {\n setCurrentIndex(id);\n setGroupPreviewVisible(true);\n }\n else if (preview) {\n togglePreviewVisible(true);\n }\n onClick && onClick(e);\n }\n function onPreviewVisibleChange(visible) {\n togglePreviewVisible(visible);\n }\n function togglePreviewVisible(newVisible) {\n previewProps.onVisibleChange && previewProps.onVisibleChange(newVisible, previewVisible);\n setPreviewVisible(newVisible);\n }\n useEffect(function () {\n if (isServerRendering || !refImg.current)\n return;\n refImg.current.src = src;\n setStatus('loading');\n }, [src]);\n useEffect(function () {\n if (!previewGroup)\n return;\n var unRegister = registerPreviewUrl(id, previewSrc, preview);\n return function () {\n unRegister(id);\n };\n }, [previewGroup]);\n useEffect(function () {\n if (!previewGroup)\n return;\n registerPreviewUrl(id, previewSrc, preview);\n }, [previewSrc, preview, previewGroup]);\n var defaultError = (React.createElement(\"div\", { className: prefixCls + \"-error\" },\n React.createElement(\"div\", { className: prefixCls + \"-error-icon\" },\n React.createElement(IconImageClose, null)),\n alt && React.createElement(\"div\", { className: prefixCls + \"-error-alt\" }, alt)));\n var defaultLoader = (React.createElement(\"div\", { className: prefixCls + \"-loader\" },\n React.createElement(\"div\", { className: prefixCls + \"-loader-spin\" },\n React.createElement(IconLoading, null),\n React.createElement(\"div\", { className: prefixCls + \"-loader-spin-text\" }, \"Loading\"))));\n var renderLoader = function () {\n if (loader === true)\n return defaultLoader;\n if (loaderClassName)\n return React.createElement(\"div\", { className: cs(prefixCls + \"-loader\", loaderClassName) });\n return loader || null;\n };\n return (React.createElement(\"div\", { className: classNames, style: Object.assign({ width: width, height: height }, style), ref: ref },\n React.createElement(\"img\", __assign({ ref: refImg, className: prefixCls + \"-img\" }, restProps, { title: title, width: width, height: height, onLoad: onImgLoaded, onError: onImgLoadError, onClick: onImgClick, alt: alt })),\n !isLoaded && (React.createElement(\"div\", { className: prefixCls + \"-overlay\" },\n isError && (error || defaultError),\n isLoading && renderLoader())),\n isLoaded && showFooter && (React.createElement(ImageFooter, { title: title, description: description, actions: actions, prefixCls: prefixCls, simple: simple })),\n isLoaded && preview && (React.createElement(ImagePreview, __assign({ visible: previewVisible, src: previewSrc }, availablePreviewProps, { onVisibleChange: onPreviewVisibleChange })))));\n}\nvar RefImageComponent = React.forwardRef(Image);\nvar ImageComponent = RefImageComponent;\nImageComponent.Preview = ImagePreview;\nImageComponent.PreviewGroup = ImagePreviewGroup;\nImageComponent.displayName = 'Image';\nexport default ImageComponent;\n","import Image from './image';\nexport default Image;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { useContext } from 'react';\nimport cs from '../_util/classNames';\nimport { ConfigContext } from '../ConfigProvider';\nfunction Group(props, ref) {\n var className = props.className, style = props.style, children = props.children, rest = __rest(props, [\"className\", \"style\", \"children\"]);\n var getPrefixCls = useContext(ConfigContext).getPrefixCls;\n var prefixCls = getPrefixCls('btn-group');\n var classNames = cs(prefixCls, className);\n return (React.createElement(\"div\", __assign({ ref: ref, className: classNames, style: style }, rest), children));\n}\nvar GroupComponent = React.forwardRef(Group);\nGroupComponent.displayName = 'ButtonGroup';\nexport default GroupComponent;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { useState, useContext, useEffect, useRef, forwardRef } from 'react';\nimport IconLoading from '../../icon/react-icon/IconLoading';\nimport Group from './group';\nimport cs from '../_util/classNames';\nimport { ConfigContext } from '../ConfigProvider';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nvar regexTwoCNChar = /^[\\u4e00-\\u9fa5]{2}$/;\nfunction processChildren(children) {\n var childrenList = [];\n var isPrevChildPure = false;\n React.Children.forEach(children, function (child) {\n var isCurrentChildPure = typeof child === 'string' || typeof child === 'number';\n if (isCurrentChildPure && isPrevChildPure) {\n var lastIndex = childrenList.length - 1;\n var lastChild = childrenList[lastIndex];\n childrenList[lastIndex] = \"\" + lastChild + child;\n }\n else {\n childrenList.push(child);\n }\n isPrevChildPure = isCurrentChildPure;\n });\n return React.Children.map(childrenList, function (child) {\n return typeof child === 'string' ? React.createElement(\"span\", null, child) : child;\n });\n}\nvar defaultProps = {\n htmlType: 'button',\n type: 'default',\n shape: 'square',\n};\nfunction Button(baseProps, ref) {\n var _a;\n var _b = useContext(ConfigContext), getPrefixCls = _b.getPrefixCls, ctxSize = _b.size, autoInsertSpaceInButton = _b.autoInsertSpaceInButton, componentConfig = _b.componentConfig, rtl = _b.rtl;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Button);\n var style = props.style, className = props.className, children = props.children, htmlType = props.htmlType, type = props.type, status = props.status, size = props.size, shape = props.shape, href = props.href, anchorProps = props.anchorProps, disabled = props.disabled, loading = props.loading, loadingFixedWidth = props.loadingFixedWidth, icon = props.icon, iconOnly = props.iconOnly, onClick = props.onClick, long = props.long, rest = __rest(props, [\"style\", \"className\", \"children\", \"htmlType\", \"type\", \"status\", \"size\", \"shape\", \"href\", \"anchorProps\", \"disabled\", \"loading\", \"loadingFixedWidth\", \"icon\", \"iconOnly\", \"onClick\", \"long\"]);\n var iconNode = loading ? React.createElement(IconLoading, null) : icon;\n var _c = __read(useState(false), 2), isTwoCNChar = _c[0], setIsTwoCNChar = _c[1];\n var innerButtonRef = useRef();\n var buttonRef = ref || innerButtonRef;\n useEffect(function () {\n if (autoInsertSpaceInButton && buttonRef && buttonRef.current) {\n var textContent = buttonRef.current.textContent;\n if (regexTwoCNChar.test(textContent)) {\n if (!isTwoCNChar) {\n setIsTwoCNChar(true);\n }\n }\n else if (isTwoCNChar) {\n setIsTwoCNChar(false);\n }\n }\n }, [buttonRef.current, autoInsertSpaceInButton]);\n var prefixCls = getPrefixCls('btn');\n var _type = type === 'default' ? 'secondary' : type;\n var classNames = cs(prefixCls, prefixCls + \"-\" + _type, prefixCls + \"-size-\" + (size || ctxSize), prefixCls + \"-shape-\" + shape, (_a = {},\n _a[prefixCls + \"-long\"] = long,\n _a[prefixCls + \"-status-\" + status] = status,\n _a[prefixCls + \"-loading-fixed-width\"] = loadingFixedWidth,\n _a[prefixCls + \"-loading\"] = loading,\n _a[prefixCls + \"-link\"] = href,\n _a[prefixCls + \"-icon-only\"] = iconOnly || (!children && children !== 0 && iconNode),\n _a[prefixCls + \"-disabled\"] = disabled,\n _a[prefixCls + \"-two-chinese-chars\"] = isTwoCNChar,\n _a[prefixCls + \"-rtl\"] = rtl,\n _a), className);\n var handleClick = function (event) {\n if (loading) {\n typeof (event === null || event === void 0 ? void 0 : event.preventDefault) === 'function' && event.preventDefault();\n return;\n }\n onClick && onClick(event);\n };\n var InnerContent = (React.createElement(React.Fragment, null,\n iconNode,\n processChildren(children)));\n if (href) {\n var _anchorProps = __assign({}, anchorProps);\n if (disabled) {\n delete _anchorProps.href;\n }\n else {\n _anchorProps.href = href;\n }\n return (React.createElement(\"a\", __assign({ ref: buttonRef }, rest, _anchorProps, { style: style, className: classNames, onClick: handleClick }), InnerContent));\n }\n return (React.createElement(\"button\", __assign({ ref: buttonRef }, rest, { style: style, className: classNames, type: htmlType, disabled: disabled, onClick: handleClick }), InnerContent));\n}\nvar ForwardRefButton = forwardRef(Button);\nvar ButtonComponent = ForwardRefButton;\nButtonComponent.__BYTE_BUTTON = true;\nButtonComponent.Group = Group;\nButtonComponent.displayName = 'Button';\nexport default ButtonComponent;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { useContext } from 'react';\nimport { Transition } from 'react-transition-group';\nimport cs from '../_util/classNames';\nimport { CollapseContext } from './collapse';\nimport { ConfigContext } from '../ConfigProvider';\nimport IconHover from '../_class/icon-hover';\nimport useKeyboardEvent from '../_util/hooks/useKeyboardEvent';\nfunction Item(props, ref) {\n var _a, _b, _c, _d, _e;\n var _f;\n var getPrefixCls = useContext(ConfigContext).getPrefixCls;\n var ctx = useContext(CollapseContext);\n var getEventListeners = useKeyboardEvent();\n var children = props.children, name = props.name, header = props.header, className = props.className, style = props.style, contentStyle = props.contentStyle, extra = props.extra, disabled = props.disabled, destroyOnHide = props.destroyOnHide, expandIcon = props.expandIcon, _g = props.showExpandIcon, showExpandIcon = _g === void 0 ? true : _g, rest = __rest(props, [\"children\", \"name\", \"header\", \"className\", \"style\", \"contentStyle\", \"extra\", \"disabled\", \"destroyOnHide\", \"expandIcon\", \"showExpandIcon\"]);\n var prefixCls = getPrefixCls('collapse-item');\n var isExpanded = ((_f = ctx.activeKeys) === null || _f === void 0 ? void 0 : _f.indexOf(name)) > -1;\n var icon = showExpandIcon ? ('expandIcon' in props ? expandIcon : ctx.expandIcon) : null;\n var clickEventHandler = function (e, regionLevel) {\n if (disabled)\n return;\n var triggerRegion = ctx.triggerRegion;\n var triggerRegionLevel = triggerRegion === 'icon' ? 0 : triggerRegion === 'header' ? 1 : 2;\n if (regionLevel <= triggerRegionLevel) {\n ctx.onToggle(name, e);\n e.stopPropagation();\n }\n };\n return (React.createElement(\"div\", __assign({ ref: ref }, rest, { className: cs(prefixCls, (_a = {},\n _a[prefixCls + \"-active\"] = isExpanded,\n _a[prefixCls + \"-no-icon\"] = !icon,\n _a[prefixCls + \"-disabled\"] = disabled,\n _a), className), style: style }),\n React.createElement(\"div\", __assign({ role: \"button\", \"aria-disabled\": disabled, \"aria-expanded\": isExpanded, \"data-active-region\": ctx.triggerRegion, tabIndex: disabled ? -1 : 0, className: cs(prefixCls + \"-header\", prefixCls + \"-header-\" + ctx.expandIconPosition, (_b = {},\n _b[prefixCls + \"-header-disabled\"] = disabled,\n _b)), onClick: function (e) { return clickEventHandler(e, 2); } }, getEventListeners({\n onPressEnter: function (e) {\n !disabled && ctx.onToggle(name, e);\n },\n })),\n icon && (React.createElement(IconHover, { prefix: prefixCls, disabled: disabled, className: cs((_c = {},\n _c[prefixCls + \"-icon-hover-right\"] = ctx.expandIconPosition === 'right',\n _c[prefixCls + \"-header-icon-right\"] = ctx.expandIconPosition === 'right',\n _c)), onClick: function (e) { return clickEventHandler(e, 0); } },\n React.createElement(\"span\", { className: cs(prefixCls + \"-header-icon\", (_d = {},\n _d[prefixCls + \"-header-icon-down\"] = isExpanded,\n _d)) }, icon))),\n React.createElement(\"div\", { className: prefixCls + \"-header-title\", onClick: function (e) { return clickEventHandler(e, 1); } }, header),\n extra && (React.createElement(\"div\", { className: prefixCls + \"-header-extra\", onClick: function (e) {\n e.stopPropagation();\n } }, extra))),\n React.createElement(Transition, { in: isExpanded, addEndListener: function (node, done) {\n node.addEventListener('transitionend', done, false);\n }, mountOnEnter: 'destroyOnHide' in props ? destroyOnHide : ctx.destroyOnHide || ctx.lazyload, unmountOnExit: 'destroyOnHide' in props ? destroyOnHide : ctx.destroyOnHide, onEnter: function (e) {\n e.style.height = 0;\n e.style.display = 'block';\n }, onEntering: function (e) {\n e.style.height = e.scrollHeight + \"px\";\n }, onEntered: function (e) {\n e.style.height = 'auto';\n }, onExit: function (e) {\n e.style.display = 'block';\n e.style.height = e.offsetHeight + \"px\";\n // have to trigger reflow to get animation effect on exit\n e.offsetHeight; // eslint-disable-line\n }, onExiting: function (e) {\n e.style.height = 0;\n }, onExited: function (e) {\n e.style.display = 'none';\n e.style.height = 'auto';\n } },\n React.createElement(\"div\", { role: \"region\", className: cs(prefixCls + \"-content\", (_e = {},\n _e[prefixCls + \"-content-expanded\"] = isExpanded,\n _e)) },\n React.createElement(\"div\", { style: contentStyle, className: prefixCls + \"-content-box\" }, children)))));\n}\nvar ItemRef = React.forwardRef(Item);\nItemRef.displayName = 'CollapseItem';\nexport default ItemRef;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport React, { createContext, useContext } from 'react';\nimport { isFunction } from '../_util/is';\nimport cs from '../_util/classNames';\nimport CollapseItem from './item';\nimport omit from '../_util/omit';\nimport { ConfigContext } from '../ConfigProvider';\nimport IconCaretRight from '../../icon/react-icon/IconCaretRight';\nimport useMergeValue from '../_util/hooks/useMergeValue';\nimport IconCaretLeft from '../../icon/react-icon/IconCaretLeft';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nvar getActiveKeys = function (keys, accordion) {\n var res = [].concat(keys);\n if (accordion) {\n return res.slice(0, 1);\n }\n return res;\n};\nvar defaultProps = {\n bordered: true,\n lazyload: true,\n expandIconPosition: 'left',\n};\nexport var CollapseContext = createContext({\n expandIconPosition: 'left',\n expandIcon: React.createElement(IconCaretRight, null),\n activeKeys: [],\n onToggle: function () { },\n});\nfunction Collapse(baseProps, ref) {\n var _a;\n var _b = useContext(ConfigContext), getPrefixCls = _b.getPrefixCls, componentConfig = _b.componentConfig, rtl = _b.rtl;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Collapse);\n var _c = __read(useMergeValue([], {\n defaultValue: 'defaultActiveKey' in props\n ? getActiveKeys(props.defaultActiveKey, props.accordion)\n : undefined,\n value: 'activeKey' in props ? getActiveKeys(props.activeKey, props.accordion) : undefined,\n }), 2), activeKeys = _c[0], setActiveKeys = _c[1];\n var children = props.children, className = props.className, style = props.style, bordered = props.bordered, lazyload = props.lazyload, expandIcon = props.expandIcon, expandIconPosition = props.expandIconPosition, destroyOnHide = props.destroyOnHide, accordion = props.accordion, triggerRegion = props.triggerRegion, onChange = props.onChange, rest = __rest(props, [\"children\", \"className\", \"style\", \"bordered\", \"lazyload\", \"expandIcon\", \"expandIconPosition\", \"destroyOnHide\", \"accordion\", \"triggerRegion\", \"onChange\"]);\n var prefixCls = getPrefixCls('collapse');\n var onItemClick = function (key, e) {\n var newActiveKeys = __spreadArray([], __read((activeKeys || [])), false);\n var index = activeKeys === null || activeKeys === void 0 ? void 0 : activeKeys.indexOf(key);\n if (index > -1) {\n newActiveKeys.splice(index, 1);\n }\n else if (accordion) {\n newActiveKeys = [key];\n }\n else {\n newActiveKeys.push(key);\n }\n if (!('activeKey' in props)) {\n setActiveKeys(newActiveKeys);\n }\n isFunction(onChange) && onChange(key, newActiveKeys, e);\n };\n return (React.createElement(CollapseContext.Provider, { value: {\n activeKeys: activeKeys,\n triggerRegion: triggerRegion,\n lazyload: lazyload,\n destroyOnHide: destroyOnHide,\n expandIconPosition: expandIconPosition,\n onToggle: onItemClick,\n expandIcon: 'expandIcon' in props ? (expandIcon) : expandIconPosition === 'right' ? (React.createElement(IconCaretLeft, null)) : (React.createElement(IconCaretRight, null)),\n } },\n React.createElement(\"div\", __assign({ ref: ref }, omit(rest, ['activeKey', 'defaultActiveKey']), { className: cs(prefixCls, prefixCls + \"-\" + (bordered ? 'border' : 'borderless'), (_a = {}, _a[prefixCls + \"-rtl\"] = rtl, _a), className), style: style }), children)));\n}\nvar ForwardRefCollapse = React.forwardRef(Collapse);\nvar CollapseComponent = ForwardRefCollapse;\nCollapseComponent.displayName = 'Collapse';\nCollapseComponent.Item = CollapseItem;\nexport default CollapseComponent;\n","import Collapse from './collapse';\nexport default Collapse;\n","import 'dayjs/locale/en';\nimport { DefaultValidateMessage } from 'b-validate';\nvar Calendar = {\n formatYear: 'YYYY',\n formatMonth: 'MMM YYYY',\n today: 'Today',\n view: {\n month: 'Month',\n year: 'Year',\n week: 'Week',\n day: 'Day',\n },\n month: {\n long: {\n January: 'January',\n February: 'February',\n March: 'March',\n April: 'April',\n May: 'May',\n June: 'June',\n July: 'July',\n August: 'August',\n September: 'September',\n October: 'October',\n November: 'November',\n December: 'December',\n },\n short: {\n January: 'Jan',\n February: 'Feb',\n March: 'Mar',\n April: 'Apr',\n May: 'May',\n June: 'Jun',\n July: 'Jul',\n August: 'Aug',\n September: 'Sept',\n October: 'Oct',\n November: 'Nov',\n December: 'Dec',\n },\n },\n week: {\n long: {\n self: 'Week',\n monday: 'Monday',\n tuesday: 'Tuesday',\n wednesday: 'Wednesday',\n thursday: 'Thursday',\n friday: 'Friday',\n saturday: 'Saturday',\n sunday: 'Sunday',\n },\n short: {\n self: 'Week',\n monday: 'Mon',\n tuesday: 'Tue',\n wednesday: 'Wed',\n thursday: 'Thu',\n friday: 'Fri',\n saturday: 'Sat',\n sunday: 'Sun',\n },\n },\n};\nexport default {\n locale: 'en-US',\n dayjsLocale: 'en',\n Calendar: Calendar,\n DatePicker: {\n Calendar: Calendar,\n placeholder: {\n date: 'Please select date',\n week: 'Please select week',\n month: 'Please select month',\n year: 'Please select year',\n quarter: 'Please select quarter',\n },\n placeholders: {\n date: ['Start date', 'End date'],\n week: ['Start week', 'End week'],\n month: ['Start month', 'End month'],\n year: ['Start year', 'End year'],\n quarter: ['Start quarter', 'End quarter'],\n },\n selectTime: 'Select time',\n selectDate: 'Select Date',\n today: 'Today',\n now: 'Now',\n ok: 'Ok',\n },\n Drawer: {\n okText: 'Ok',\n cancelText: 'Cancel',\n },\n Empty: {\n noData: 'No data',\n },\n Modal: {\n okText: 'OK',\n cancelText: 'Cancel',\n },\n Pagination: {\n goto: 'Goto',\n page: 'Page',\n countPerPage: ' / Page',\n total: 'Total: {0}',\n prev: 'Go to previous page',\n next: 'Go to next page',\n currentPage: 'page {0}',\n prevSomePages: 'Previous {0} pages',\n nextSomePages: 'Next {0} pages',\n pageSize: 'page size',\n },\n Popconfirm: {\n okText: 'OK',\n cancelText: 'Cancel',\n },\n Table: {\n okText: 'Ok',\n resetText: 'Reset',\n sortAscend: 'Click to sort ascending',\n sortDescend: 'Click to sort descending',\n cancelSort: 'Click to cancel sorting',\n },\n TimePicker: {\n ok: 'OK',\n placeholder: 'Select time',\n placeholders: ['Start time', 'End time'],\n now: 'Now',\n },\n Progress: {\n success: 'Completed',\n error: 'Failed',\n },\n Upload: {\n start: 'Start',\n cancel: 'Cancel',\n delete: 'Delete',\n reupload: 'Click to retry',\n upload: 'Upload',\n preview: 'Preview',\n drag: 'Click or drag file to this area to upload',\n dragHover: 'Release to upload',\n error: 'Upload Error',\n },\n Typography: {\n copy: 'Copy',\n copied: 'Copied',\n edit: 'Edit',\n fold: 'Fold',\n unfold: 'Unfold',\n },\n Transfer: {\n resetText: 'Reset',\n },\n ImagePreview: {\n fullScreen: 'Full Screen',\n rotateRight: 'Rotate Right',\n rotateLeft: 'Rotate Left',\n zoomIn: 'Zoom In',\n zoomOut: 'Zoom Out',\n originalSize: 'Original Size',\n },\n Form: DefaultValidateMessage,\n};\n","import zhCN from \"./en-US\";\nexport default zhCN;","// Less lighten\nfunction hexToRgb(hex) {\n var rgb = [];\n var _hex = hex.substr(1);\n // converts #abc to #aabbcc\n if (hex.length === 3) {\n _hex = hex.replace(/(.)/g, '$1$1');\n }\n _hex.replace(/../g, function (color) {\n rgb.push(parseInt(color, 0x10));\n });\n return {\n r: rgb[0],\n g: rgb[1],\n b: rgb[2],\n rgb: \"rgb(\" + rgb.join(',') + \")\",\n };\n}\nfunction getRgb(color) {\n var rgb = hexToRgb(color);\n return { r: rgb.r, g: rgb.g, b: rgb.b };\n}\nfunction getHsl(color) {\n var rgb = getRgb(color);\n var hsl = rgbToHsl(rgb.r, rgb.g, rgb.b);\n return { h: hsl.h, s: hsl.s, l: hsl.l };\n}\nfunction rgbToHsl(r, g, b) {\n var _r = r / 255;\n var _g = g / 255;\n var _b = b / 255;\n var max = Math.max(_r, _g, _b);\n var min = Math.min(_r, _g, _b);\n var l = (max + min) / 2;\n var h;\n var s;\n if (max === min) {\n h = 0;\n s = 0;\n }\n else {\n var d = max - min;\n s = l > 0.5 ? d / (2 - max - min) : d / (max + min);\n switch (max) {\n case _r:\n h = (_g - _b) / d + (_g < _b ? 6 : 0);\n break;\n case _g:\n h = (_b - _r) / d + 2;\n break;\n case _b:\n h = (_r - _g) / d + 4;\n break;\n default:\n break;\n }\n h /= 6;\n }\n return {\n h: h,\n s: s,\n l: l,\n hsl: \"hsl(\" + h * 360 + \", \" + s * 100 + \"%, \" + l * 100 + \"%)\",\n };\n}\nexport function lighten(color, percent) {\n var hsl = getHsl(color);\n var h = +hsl.h;\n var s = +hsl.s;\n var l = +hsl.l * 100 + +percent;\n // return `hsl(${h * 360}, ${s * 100}%, ${l}%)`;\n var res = hsltorgb([h * 360, s * 100, l]);\n return res.join(',');\n}\n// copy from https://github.com/Qix-/color-convert/blob/master/conversions.js\nexport function hsltorgb(hsl) {\n var h = hsl[0] / 360;\n var s = hsl[1] / 100;\n var l = hsl[2] / 100;\n var t2;\n var t3;\n var val;\n if (s === 0) {\n val = l * 255;\n return [val, val, val];\n }\n if (l < 0.5) {\n t2 = l * (1 + s);\n }\n else {\n t2 = l + s - l * s;\n }\n var t1 = 2 * l - t2;\n var rgb = [0, 0, 0];\n for (var i = 0; i < 3; i++) {\n t3 = h + (1 / 3) * -(i - 1);\n if (t3 < 0) {\n t3++;\n }\n if (t3 > 1) {\n t3--;\n }\n if (6 * t3 < 1) {\n val = t1 + (t2 - t1) * 6 * t3;\n }\n else if (2 * t3 < 1) {\n val = t2;\n }\n else if (3 * t3 < 2) {\n val = t1 + (t2 - t1) * (2 / 3 - t3) * 6;\n }\n else {\n val = t1;\n }\n rgb[i] = val * 255;\n }\n return rgb;\n}\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nimport React, { useEffect, createContext } from 'react';\nimport defaultLocale from '../locale/default';\nimport { isObject } from '../_util/is';\nimport { lighten } from './util';\nimport Message from '../Message';\nimport Notification from '../Notification';\nimport Empty from '../Empty';\nimport { setConfigProviderProps } from '../Modal/config';\nimport { IconContext } from '../../icon/react-icon/context';\nimport omit from '../_util/omit';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nvar colorList = {\n primaryColor: {\n default: '--arcoblue-6',\n hover: '--arcoblue-5',\n active: '--arcoblue-7',\n },\n successColor: {\n default: '--green-6',\n hover: '--green-5',\n active: '--green-7',\n },\n infoColor: {\n default: '--arcoblue-6',\n hover: '--arcoblue-5',\n active: '--arcoblue-7',\n },\n warningColor: {\n default: '--orangered-6',\n hover: '--orangered-5',\n active: '--orangered-7',\n },\n dangerColor: {\n default: '--red-6',\n hover: '--red-5',\n active: '--red-7',\n },\n};\nfunction setTheme(theme) {\n if (theme && isObject(theme)) {\n var root_1 = document.body;\n Object.keys(colorList).forEach(function (color) {\n if (theme[color]) {\n root_1.style.setProperty(colorList[color].default, lighten(theme[color], 0));\n if (!theme[color + \"Hover\"]) {\n root_1.style.setProperty(colorList[color].hover, lighten(theme[color], 10));\n }\n if (!theme[color + \"Active\"]) {\n root_1.style.setProperty(colorList[color].active, lighten(theme[color], -10));\n }\n }\n });\n }\n}\nfunction renderEmpty(componentName) {\n switch (componentName) {\n default:\n return React.createElement(Empty, null);\n }\n}\nvar defaultProps = {\n locale: defaultLocale,\n prefixCls: 'arco',\n getPopupContainer: function () { return document.body; },\n size: 'default',\n renderEmpty: renderEmpty,\n focusLock: {\n modal: { autoFocus: true },\n drawer: { autoFocus: true },\n },\n};\nvar componentConfig = {};\nexport var ConfigContext = createContext(__assign({ getPrefixCls: function (componentName, customPrefix) {\n return (customPrefix || 'arco') + \"-\" + componentName;\n } }, defaultProps));\nfunction ConfigProvider(baseProps) {\n var props = useMergeProps(baseProps, defaultProps, componentConfig);\n var theme = props.theme, prefixCls = props.prefixCls, children = props.children, locale = props.locale, rtl = props.rtl, _a = props.effectGlobalNotice, effectGlobalNotice = _a === void 0 ? true : _a;\n useEffect(function () {\n setTheme(theme);\n }, [theme]);\n useEffect(function () {\n if (effectGlobalNotice) {\n Message.config({ prefixCls: prefixCls, rtl: rtl });\n Notification.config({ prefixCls: prefixCls, rtl: rtl });\n }\n }, [prefixCls, rtl, effectGlobalNotice]);\n function getPrefixCls(componentName, customPrefix) {\n return (customPrefix || prefixCls) + \"-\" + componentName;\n }\n var config = __assign(__assign({}, omit(props, ['children'])), { getPrefixCls: getPrefixCls });\n useEffect(function () {\n setConfigProviderProps({ locale: locale, prefixCls: prefixCls, rtl: rtl });\n }, [locale, prefixCls]);\n var child = children;\n if (prefixCls && prefixCls !== 'arco') {\n child = React.createElement(IconContext.Provider, { value: { prefixCls: prefixCls } }, children);\n }\n return React.createElement(ConfigContext.Provider, { value: config }, child);\n}\nConfigProvider.ConfigContext = ConfigContext;\nConfigProvider.displayName = 'ConfigProvider';\nexport default ConfigProvider;\nexport var ConfigConsumer = ConfigContext.Consumer;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { useContext, forwardRef } from 'react';\nimport cs from '../_util/classNames';\nimport { ConfigContext } from '../ConfigProvider';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nvar defaultProps = {\n type: 'horizontal',\n orientation: 'center',\n};\nfunction Divider(baseProps, ref) {\n var _a;\n var _b = useContext(ConfigContext), getPrefixCls = _b.getPrefixCls, componentConfig = _b.componentConfig;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Divider);\n var children = props.children, style = props.style, className = props.className, type = props.type, orientation = props.orientation, rest = __rest(props, [\"children\", \"style\", \"className\", \"type\", \"orientation\"]);\n var prefixCls = getPrefixCls('divider');\n var classNames = cs(prefixCls, prefixCls + \"-\" + type, (_a = {},\n _a[prefixCls + \"-with-text\"] = children,\n _a[prefixCls + \"-with-text-\" + orientation] = children && orientation,\n _a), className);\n return (React.createElement(\"div\", __assign({ role: \"separator\", ref: ref, className: classNames, style: style }, rest), children && type === 'horizontal' ? (React.createElement(\"span\", { className: prefixCls + \"-text \" + prefixCls + \"-text-\" + orientation }, children)) : null));\n}\nvar DividerComponent = forwardRef(Divider);\nDividerComponent.displayName = 'Divider';\nexport default DividerComponent;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { forwardRef, useContext } from 'react';\nimport ArcoButton from '../Button';\nimport Dropdown from './index';\nimport IconMore from '../../icon/react-icon/IconMore';\nimport { ConfigContext } from '../ConfigProvider';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nimport { pickDataAttributes } from '../_util/pick';\nvar defaultProps = {\n position: 'br',\n trigger: 'hover',\n type: 'default',\n icon: React.createElement(IconMore, null),\n unmountOnExit: true,\n};\nfunction Button(baseProps, ref) {\n var _a;\n var componentConfig = useContext(ConfigContext).componentConfig;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig['Dropdown.Button']);\n var className = props.className, style = props.style, children = props.children, disabled = props.disabled, droplist = props.droplist, _b = props.position, position = _b === void 0 ? 'br' : _b, _c = props.trigger, trigger = _c === void 0 ? 'hover' : _c, _d = props.type, type = _d === void 0 ? 'default' : _d, size = props.size, _e = props.icon, icon = _e === void 0 ? React.createElement(IconMore, null) : _e, _f = props.unmountOnExit, unmountOnExit = _f === void 0 ? true : _f, onClick = props.onClick, onVisibleChange = props.onVisibleChange, buttonProps = props.buttonProps, buttonsRender = props.buttonsRender;\n var leftButton = (React.createElement(ArcoButton, __assign({ disabled: disabled, type: type, size: size, onClick: onClick }, buttonProps), children));\n var rightButton = (React.createElement(ArcoButton, { disabled: disabled, type: type, size: size, icon: icon }));\n if (buttonsRender) {\n _a = __read(buttonsRender([leftButton, rightButton]), 2), leftButton = _a[0], rightButton = _a[1];\n }\n var disableTrigger = disabled ||\n !rightButton ||\n (rightButton.props && rightButton.props.loading);\n return (React.createElement(ArcoButton.Group, __assign({ className: className, style: style, ref: ref }, pickDataAttributes(props)),\n leftButton,\n React.createElement(Dropdown, { disabled: disabled, droplist: droplist, position: position, trigger: trigger, unmountOnExit: unmountOnExit, onVisibleChange: onVisibleChange, triggerProps: {\n disabled: disableTrigger,\n } }, rightButton)));\n}\nvar ButtonComponent = forwardRef(Button);\nButtonComponent.displayName = 'DropdownButton';\nexport default ButtonComponent;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nvar __values = (this && this.__values) || function(o) {\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\n if (m) return m.call(o);\n if (o && typeof o.length === \"number\") return {\n next: function () {\n if (o && i >= o.length) o = void 0;\n return { value: o && o[i++], done: !o };\n }\n };\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport React, { useContext, useRef } from 'react';\nimport get from 'lodash/get';\nimport Trigger, { EventsByTriggerNeed } from '../Trigger';\nimport Button from './button';\nimport { ConfigContext } from '../ConfigProvider';\nimport cs from '../_util/classNames';\nimport useMergeValue from '../_util/hooks/useMergeValue';\nimport omit from '../_util/omit';\nimport pick, { pickDataAttributes } from '../_util/pick';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nvar defaultProps = {\n position: 'bl',\n trigger: 'hover',\n unmountOnExit: true,\n};\nfunction Dropdown(baseProps, _) {\n var _a;\n var _b = useContext(ConfigContext), getPrefixCls = _b.getPrefixCls, componentConfig = _b.componentConfig, rtl = _b.rtl;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Button);\n var trigger = props.trigger, droplist = props.droplist, children = props.children, position = props.position, disabled = props.disabled, unmountOnExit = props.unmountOnExit, triggerProps = props.triggerProps, getPopupContainer = props.getPopupContainer, onVisibleChange = props.onVisibleChange, rest = __rest(props, [\"trigger\", \"droplist\", \"children\", \"position\", \"disabled\", \"unmountOnExit\", \"triggerProps\", \"getPopupContainer\", \"onVisibleChange\"]);\n var prefixCls = getPrefixCls('dropdown');\n var triggerRef = useRef(null);\n var _c = __read(useMergeValue(false, {\n defaultValue: props.defaultPopupVisible,\n value: props.popupVisible,\n }), 2), popupVisible = _c[0], setPopupVisible = _c[1];\n var getPopupContent = function () {\n return React.Children.only(droplist || React.createElement(\"span\", null));\n };\n var changePopupVisible = function (visible) {\n setPopupVisible(visible);\n onVisibleChange && onVisibleChange(visible);\n triggerProps && triggerProps.onVisibleChange && triggerProps.onVisibleChange(visible);\n };\n var handleVisibleChange = function (visible) {\n if (visible !== popupVisible) {\n changePopupVisible(visible);\n }\n };\n var renderPopup = function () {\n var e_1, _a, _b;\n var content = getPopupContent();\n // props.isMenu: Compatible Menu.defaultProps.isMenu = true\n if (get(content, 'type.__ARCO_MENU__') || get(content, 'props.isMenu')) {\n var isEmpty = true;\n try {\n for (var _c = __values(React.Children.toArray(content.props.children)), _d = _c.next(); !_d.done; _d = _c.next()) {\n var child = _d.value;\n if (child !== null && child !== undefined) {\n isEmpty = false;\n break;\n }\n }\n }\n catch (e_1_1) { e_1 = { error: e_1_1 }; }\n finally {\n try {\n if (_d && !_d.done && (_a = _c.return)) _a.call(_c);\n }\n finally { if (e_1) throw e_1.error; }\n }\n return React.cloneElement(content, {\n prefixCls: cs(prefixCls + \"-menu\", (_b = {},\n _b[prefixCls + \"-menu-hidden\"] = isEmpty,\n _b)),\n inDropdown: true,\n selectable: false,\n onClickMenuItem: function () {\n var _a;\n var args = [];\n for (var _i = 0; _i < arguments.length; _i++) {\n args[_i] = arguments[_i];\n }\n var returnValueOfOnClickMenuItem = null;\n // Trigger onClickMenuItem first\n var content = getPopupContent();\n if (content.props.onClickMenuItem) {\n returnValueOfOnClickMenuItem = (_a = content.props).onClickMenuItem.apply(_a, __spreadArray([], __read(args), false));\n }\n // Set focus to avoid onblur\n var child = triggerRef.current && triggerRef.current.getRootElement();\n child && child.focus && child.focus();\n // Trigger onVisibleChange. Outer component can determine whether to change the state based on the current visibility value.\n if (returnValueOfOnClickMenuItem instanceof Promise) {\n returnValueOfOnClickMenuItem.finally(function () { return changePopupVisible(false); });\n }\n else if (returnValueOfOnClickMenuItem !== false) {\n changePopupVisible(false);\n }\n },\n });\n }\n return content;\n };\n return (React.createElement(Trigger, __assign({ ref: function (ref) { return (triggerRef.current = ref); }, classNames: \"slideDynamicOrigin\", childrenPrefix: prefixCls, trigger: trigger, popup: renderPopup, mouseEnterDelay: 400, mouseLeaveDelay: 400, disabled: disabled, unmountOnExit: unmountOnExit, position: position, popupVisible: popupVisible, popupAlign: {\n left: 4,\n right: 4,\n top: 4,\n bottom: 4,\n }, getPopupContainer: getPopupContainer, alignPoint: trigger === 'contextMenu' }, pick(rest, EventsByTriggerNeed), pickDataAttributes(rest), omit(triggerProps, ['onVisibleChange']), { onVisibleChange: handleVisibleChange }), React.isValidElement(children)\n ? React.cloneElement(children, __assign(__assign({}, (typeof disabled === 'boolean' ? { disabled: disabled } : {})), { className: cs((_a = {},\n _a[prefixCls + \"-popup-visible\"] = popupVisible,\n _a[[prefixCls] + \"-rtl\"] = rtl,\n _a), children.props.className) }))\n : children));\n}\nvar ForwardRefDropdown = React.forwardRef(Dropdown);\nvar DropdownComponent = ForwardRefDropdown;\nDropdownComponent.displayName = 'Dropdown';\nDropdownComponent.Button = Button;\nexport default DropdownComponent;\n","import _extends from \"@babel/runtime/helpers/extends\";\nimport React, { useContext } from 'react';\nimport { IconContext } from '../context';\n\nfunction IconEmptyComponent(iconProps, ref) {\n const _useContext = useContext(IconContext),\n _useContext$prefixCls = _useContext.prefixCls,\n prefixCls = _useContext$prefixCls === void 0 ? 'arco' : _useContext$prefixCls;\n\n const spin = iconProps.spin,\n className = iconProps.className;\n const props = {\n \"aria-hidden\": true,\n focusable: false,\n ref,\n ...iconProps,\n className: `${className ? className + ' ' : ''}${prefixCls}-icon ${prefixCls}-icon-empty`\n };\n\n if (spin) {\n props.className = `${props.className} ${prefixCls}-icon-loading`;\n }\n\n delete props.spin;\n delete props.isIcon;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"4\",\n viewBox: \"0 0 48 48\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M24 5v6m7 1 4-4m-18 4-4-4m28.5 22H28s-1 3-4 3-4-3-4-3H6.5M40 41H8a2 2 0 0 1-2-2v-8.46a2 2 0 0 1 .272-1.007l6.15-10.54A2 2 0 0 1 14.148 18H33.85a2 2 0 0 1 1.728.992l6.149 10.541A2 2 0 0 1 42 30.541V39a2 2 0 0 1-2 2Z\"\n }));\n}\n\nconst IconEmpty = /*#__PURE__*/React.forwardRef(IconEmptyComponent);\nIconEmpty.defaultProps = {\n isIcon: true\n};\nIconEmpty.displayName = 'IconEmpty';\nexport default IconEmpty;","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { memo, useContext, forwardRef } from 'react';\nimport IconEmpty from '../../icon/react-icon/IconEmpty';\nimport cs from '../_util/classNames';\nimport { ConfigContext } from '../ConfigProvider';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nfunction Empty(baseProps, ref) {\n var _a = useContext(ConfigContext), getPrefixCls = _a.getPrefixCls, globalLocale = _a.locale, componentConfig = _a.componentConfig;\n var props = useMergeProps(baseProps, {}, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Empty);\n var style = props.style, className = props.className, description = props.description, icon = props.icon, imgSrc = props.imgSrc, rest = __rest(props, [\"style\", \"className\", \"description\", \"icon\", \"imgSrc\"]);\n var prefixCls = getPrefixCls('empty');\n var classNames = cs(prefixCls, className);\n var noData = globalLocale.Empty.noData;\n var alt = typeof description === 'string' ? description : 'empty';\n return (React.createElement(\"div\", __assign({ ref: ref, className: classNames, style: style }, rest),\n React.createElement(\"div\", { className: prefixCls + \"-wrapper\" },\n React.createElement(\"div\", { className: prefixCls + \"-image\" }, imgSrc ? React.createElement(\"img\", { alt: alt, src: imgSrc }) : icon || React.createElement(IconEmpty, null)),\n React.createElement(\"div\", { className: prefixCls + \"-description\" }, description || noData))));\n}\nvar EmptyComponent = forwardRef(Empty);\nEmptyComponent.displayName = 'Empty';\nexport default memo(EmptyComponent);\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { useContext } from 'react';\nimport cs from '../_util/classNames';\nimport Input, { formatValue } from './input';\nimport Button from '../Button';\nimport IconSearch from '../../icon/react-icon/IconSearch';\nimport omit from '../_util/omit';\nimport { ConfigContext } from '../ConfigProvider';\nimport useMergeValue from '../_util/hooks/useMergeValue';\nimport IconLoading from '../../icon/react-icon/IconLoading';\nvar Search = React.forwardRef(function (props, ref) {\n var _a;\n var getPrefixCls = useContext(ConfigContext).getPrefixCls;\n var _b = __read(useMergeValue('', {\n defaultValue: 'defaultValue' in props ? formatValue(props.defaultValue, props.maxLength) : undefined,\n value: 'value' in props ? formatValue(props.value, props.maxLength) : undefined,\n }), 2), value = _b[0], setValue = _b[1];\n var className = props.className, style = props.style, placeholder = props.placeholder, disabled = props.disabled, searchButton = props.searchButton, loading = props.loading, defaultValue = props.defaultValue, rest = __rest(props, [\"className\", \"style\", \"placeholder\", \"disabled\", \"searchButton\", \"loading\", \"defaultValue\"]);\n var prefixCls = getPrefixCls('input-search');\n var classNames = cs(prefixCls, (_a = {},\n _a[prefixCls + \"-button\"] = searchButton,\n _a), className);\n var onSearch = function (e) {\n !disabled && props.onSearch && props.onSearch(value);\n props.onPressEnter && props.onPressEnter(e);\n };\n return (React.createElement(Input, __assign({}, omit(rest, ['onSearch']), { disabled: disabled, className: classNames, style: style, ref: ref, placeholder: placeholder, addAfter: searchButton ? (React.createElement(Button, { disabled: disabled, size: rest.size, className: prefixCls + \"-btn\", type: \"primary\", onClick: onSearch, loading: loading, loadingFixedWidth: true, icon: searchButton === true && !loading && React.createElement(IconSearch, null) }, searchButton !== true && searchButton)) : null, suffix: !searchButton && (loading ? React.createElement(IconLoading, null) : React.createElement(IconSearch, { onClick: onSearch })), onChange: function (value, e) {\n setValue(value);\n props.onChange && props.onChange(value, e);\n }, defaultValue: defaultValue, onPressEnter: onSearch })));\n});\nSearch.displayName = 'Search';\nexport default Search;\n","// auto set textarea height\nimport { isObject, isNumber } from '../_util/is';\nvar mirrorTextAreaStyle = \"\\n position: absolute;\\n min-height: 0 !important;\\n max-height: none;\\n height:0;\\n visibility: hidden;\\n z-index: -100;\\n top: 0;\\n right: 0;\\n\";\nvar mirrorTextAreaSizing = [\n 'border-width',\n 'box-sizing',\n 'font-family',\n 'font-weight',\n 'font-size',\n 'font-variant',\n 'letter-spacing',\n 'line-height',\n 'padding-top',\n 'padding-bottom',\n 'padding-left',\n 'padding-right',\n 'text-indent',\n 'text-rendering',\n 'text-transform',\n 'width',\n];\nvar mirrorTextArea;\nfunction setMirrorTextArea(originTextArea) {\n if (!mirrorTextArea) {\n mirrorTextArea = document.createElement('textarea');\n document.body.appendChild(mirrorTextArea);\n }\n var originStyle = window.getComputedStyle(originTextArea);\n var originSizingStyle = \"\\n \" + mirrorTextAreaSizing.map(function (attr) { return attr + \":\" + originStyle.getPropertyValue(attr); }).join(';') + \"\\n \";\n mirrorTextArea.setAttribute('style', \"\" + mirrorTextAreaStyle + originSizingStyle);\n var paddingSize = parseFloat(originStyle.getPropertyValue('padding-top')) +\n parseFloat(originStyle.getPropertyValue('padding-bottom'));\n var boxSizing = originStyle.getPropertyValue('box-sizing');\n var borderSize = parseFloat(originStyle.getPropertyValue('border-top-width')) +\n parseFloat(originStyle.getPropertyValue('border-bottom-width'));\n return {\n paddingSize: paddingSize,\n boxSizing: boxSizing,\n borderSize: borderSize,\n };\n}\nfunction autoSizeTextAreaHeight(autoSize, node) {\n var getRows = function () {\n var minRows;\n var maxRows;\n if (isObject(autoSize)) {\n minRows = autoSize.minRows;\n maxRows = autoSize.maxRows;\n }\n return {\n minRows: minRows,\n maxRows: maxRows,\n };\n };\n if (autoSize) {\n var _a = getRows(), minRows = _a.minRows, maxRows = _a.maxRows;\n var originTextNode = node;\n var _b = setMirrorTextArea(originTextNode), paddingSize = _b.paddingSize, boxSizing = _b.boxSizing, borderSize = _b.borderSize;\n mirrorTextArea.value = originTextNode.value || originTextNode.placeholder || '';\n var mirrorTextAreaHeight = mirrorTextArea.scrollHeight + borderSize;\n var minHeight = void 0;\n var maxHeight = void 0;\n var overflowY = void 0;\n if (minRows || maxRows) {\n mirrorTextArea.value = '';\n var singleRowHeight = mirrorTextArea.scrollHeight - paddingSize;\n if (isNumber(minRows)) {\n minHeight = singleRowHeight * minRows;\n if (boxSizing === 'border-box') {\n minHeight += paddingSize;\n minHeight += borderSize;\n }\n mirrorTextAreaHeight = Math.max(mirrorTextAreaHeight, minHeight);\n }\n if (isNumber(maxRows)) {\n maxHeight = singleRowHeight * maxRows;\n if (boxSizing === 'border-box') {\n maxHeight += paddingSize;\n maxHeight += borderSize;\n }\n overflowY = mirrorTextAreaHeight > maxHeight ? 'auto' : '';\n maxHeight = Math.min(mirrorTextAreaHeight, maxHeight);\n }\n }\n var textAreaStyle = {};\n textAreaStyle.height = mirrorTextAreaHeight;\n if (minHeight) {\n textAreaStyle.minHeight = minHeight;\n }\n if (maxHeight) {\n textAreaStyle.maxHeight = maxHeight;\n }\n if (overflowY) {\n textAreaStyle.overflowY = overflowY;\n }\n return textAreaStyle;\n }\n}\nexport default autoSizeTextAreaHeight;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { useContext, useRef, useState, useImperativeHandle, useMemo, } from 'react';\nimport cs from '../_util/classNames';\nimport autoSizeTextAreaHeight from './autoSizeTextAreaHeight';\nimport omit from '../_util/omit';\nimport { ConfigContext } from '../ConfigProvider';\nimport { formatValue } from './input';\nimport useMergeValue from '../_util/hooks/useMergeValue';\nimport IconClose from '../../icon/react-icon/IconClose';\nimport IconHover from '../_class/icon-hover';\nimport { isObject } from '../_util/is';\nimport useIsomorphicLayoutEffect from '../_util/hooks/useIsomorphicLayoutEffect';\nimport useComposition from './useComposition';\nvar TextArea = function (props, ref) {\n var _a, _b, _c;\n var className = props.className, style = props.style, wrapperStyle = props.wrapperStyle, placeholder = props.placeholder, disabled = props.disabled, error = props.error, propMaxLength = props.maxLength, showWordLimit = props.showWordLimit, allowClear = props.allowClear, onChange = props.onChange, onClear = props.onClear, onKeyDown = props.onKeyDown, onPressEnter = props.onPressEnter, status = props.status, rest = __rest(props, [\"className\", \"style\", \"wrapperStyle\", \"placeholder\", \"disabled\", \"error\", \"maxLength\", \"showWordLimit\", \"allowClear\", \"onChange\", \"onClear\", \"onKeyDown\", \"onPressEnter\", \"status\"]);\n // Only for error judgement\n var wordLimitMaxLength = isObject(propMaxLength) ? propMaxLength.length : propMaxLength;\n // The real maxLength passed to input element\n var maxLength = isObject(propMaxLength)\n ? propMaxLength.errorOnly\n ? undefined\n : propMaxLength.length\n : propMaxLength;\n var textareaRef = useRef();\n var _d = __read(useState({}), 2), textAreaStyle = _d[0], setTextAreaStyle = _d[1];\n var _e = __read(useMergeValue('', {\n defaultValue: 'defaultValue' in props ? formatValue(props.defaultValue, maxLength) : undefined,\n value: 'value' in props ? formatValue(props.value, maxLength) : undefined,\n }), 2), value = _e[0], setValue = _e[1];\n var _f = useComposition({\n value: value,\n maxLength: maxLength,\n onChange: onChange,\n onKeyDown: onKeyDown,\n onPressEnter: onPressEnter,\n beforeTriggerValueChangeCallback: function (v) {\n if (!('value' in props) && (maxLength === undefined || v.length <= maxLength)) {\n setValue(v);\n }\n },\n }), compositionValue = _f.compositionValue, compositionHandler = _f.compositionHandler, valueChangeHandler = _f.valueChangeHandler, keyDownHandler = _f.keyDownHandler, triggerValueChangeCallback = _f.triggerValueChangeCallback;\n var _g = useContext(ConfigContext), getPrefixCls = _g.getPrefixCls, rtl = _g.rtl;\n var prefixCls = getPrefixCls('textarea');\n if (disabled) {\n textAreaStyle.resize = 'none';\n }\n // set element focus and caret position\n var onFocus = function () {\n if (textareaRef.current && textareaRef.current.focus) {\n if (textareaRef.current.setSelectionRange) {\n var caretPos = textareaRef.current.textContent.length;\n // reference: https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange\n textareaRef.current.setSelectionRange(caretPos, caretPos);\n }\n textareaRef.current.focus();\n }\n };\n var resizeTextAreaHeight = function () {\n var textAreaStyle = autoSizeTextAreaHeight(props.autoSize, textareaRef.current);\n if (textAreaStyle) {\n setTextAreaStyle(textAreaStyle);\n }\n };\n var handleClearClick = function (e) {\n e.stopPropagation();\n onFocus();\n triggerValueChangeCallback('', e);\n onClear && onClear();\n };\n useIsomorphicLayoutEffect(function () {\n resizeTextAreaHeight();\n }, [value]);\n useImperativeHandle(ref, function () { return ({\n dom: textareaRef.current,\n focus: function () {\n onFocus();\n },\n blur: function () {\n textareaRef.current && textareaRef.current.blur && textareaRef.current.blur();\n },\n }); }, []);\n var valueLength = value ? value.length : 0;\n var withWrapper = (wordLimitMaxLength && showWordLimit) || allowClear;\n var lengthError = useMemo(function () {\n if (!maxLength && wordLimitMaxLength) {\n return valueLength > wordLimitMaxLength;\n }\n return false;\n }, [valueLength, wordLimitMaxLength, maxLength]);\n var inputStatus = status || (error || lengthError ? 'error' : undefined);\n var classNames = cs(prefixCls, (_a = {},\n _a[prefixCls + \"-\" + inputStatus] = inputStatus,\n // [`${prefixCls}-error`]: error || lengthError || status === 'error',\n _a[prefixCls + \"-disabled\"] = disabled,\n _a[prefixCls + \"-rtl\"] = rtl,\n _a), className);\n var TextAreaElement = (React.createElement(\"textarea\", __assign({}, omit(rest, ['autoSize', 'defaultValue']), { maxLength: maxLength, ref: textareaRef, style: __assign(__assign({}, style), textAreaStyle), className: classNames, placeholder: placeholder, disabled: disabled, value: compositionValue || value || '', onChange: valueChangeHandler, onKeyDown: keyDownHandler, onCompositionStart: compositionHandler, onCompositionUpdate: compositionHandler, onCompositionEnd: compositionHandler })));\n if (withWrapper) {\n var showClearIcon = !disabled && allowClear && value;\n var _h = __read(rtl\n ? [wordLimitMaxLength, valueLength]\n : [valueLength, wordLimitMaxLength], 2), leftWord = _h[0], rightWord = _h[1];\n return (React.createElement(\"div\", { className: cs(prefixCls + \"-wrapper\", (_b = {},\n _b[prefixCls + \"-clear-wrapper\"] = allowClear,\n _b[prefixCls + \"-wrapper-rtl\"] = rtl,\n _b)), style: wrapperStyle },\n TextAreaElement,\n showClearIcon ? (React.createElement(IconHover, { className: prefixCls + \"-clear-icon\" },\n React.createElement(IconClose, { onClick: handleClearClick, \n // keep focus status\n onMouseDown: function (e) {\n e.preventDefault();\n } }))) : null,\n wordLimitMaxLength && showWordLimit && (React.createElement(\"span\", { className: cs(prefixCls + \"-word-limit\", (_c = {},\n _c[prefixCls + \"-word-limit-error\"] = lengthError,\n _c)) },\n leftWord,\n \"/\",\n rightWord))));\n }\n return TextAreaElement;\n};\nvar TextAreaRef = React.forwardRef(TextArea);\nTextAreaRef.displayName = 'TextArea';\nexport default TextAreaRef;\n","import _extends from \"@babel/runtime/helpers/extends\";\nimport React, { useContext } from 'react';\nimport { IconContext } from '../context';\n\nfunction IconEyeInvisibleComponent(iconProps, ref) {\n const _useContext = useContext(IconContext),\n _useContext$prefixCls = _useContext.prefixCls,\n prefixCls = _useContext$prefixCls === void 0 ? 'arco' : _useContext$prefixCls;\n\n const spin = iconProps.spin,\n className = iconProps.className;\n const props = {\n \"aria-hidden\": true,\n focusable: false,\n ref,\n ...iconProps,\n className: `${className ? className + ' ' : ''}${prefixCls}-icon ${prefixCls}-icon-eye-invisible`\n };\n\n if (spin) {\n props.className = `${props.className} ${prefixCls}-icon-loading`;\n }\n\n delete props.spin;\n delete props.isIcon;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"4\",\n viewBox: \"0 0 48 48\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M14 14.5c-2.69 2-5.415 5.33-8 9.5 5.373 8.667 11.373 13 18 13 3.325 0 6.491-1.09 9.5-3.271M17.463 12.5C19 11 21.75 11 24 11c6.627 0 12.627 4.333 18 13-1.766 2.848-3.599 5.228-5.5 7.14\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M29 24a5 5 0 1 1-10 0 5 5 0 0 1 10 0ZM6.852 7.103l34.294 34.294\"\n }));\n}\n\nconst IconEyeInvisible = /*#__PURE__*/React.forwardRef(IconEyeInvisibleComponent);\nIconEyeInvisible.defaultProps = {\n isIcon: true\n};\nIconEyeInvisible.displayName = 'IconEyeInvisible';\nexport default IconEyeInvisible;","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { useContext } from 'react';\nimport cs from '../_util/classNames';\nimport Input from './input';\nimport IconEye from '../../icon/react-icon/IconEye';\nimport IconEyeInvisible from '../../icon/react-icon/IconEyeInvisible';\nimport { ConfigContext } from '../ConfigProvider';\nimport useMergeValue from '../_util/hooks/useMergeValue';\nimport omit from '../_util/omit';\nimport useKeyboardEvent from '../_util/hooks/useKeyboardEvent';\nvar Password = React.forwardRef(function (props, ref) {\n var _a;\n var _b = __read(useMergeValue(false, {\n defaultValue: props.defaultVisibility,\n value: props.visibility,\n }), 2), visibility = _b[0], setVisibility = _b[1];\n var getPrefixCls = useContext(ConfigContext).getPrefixCls;\n var getKeyboardEvents = useKeyboardEvent();\n var className = props.className, _c = props.visibilityToggle, visibilityToggle = _c === void 0 ? true : _c, onVisibilityChange = props.onVisibilityChange, rest = __rest(props, [\"className\", \"visibilityToggle\", \"onVisibilityChange\"]);\n var prefixCls = getPrefixCls('input-password');\n var classNames = cs(prefixCls, (_a = {},\n _a[prefixCls + \"-visibility\"] = visibilityToggle,\n _a), className);\n var onClickVisibility = function (v) {\n if (!('visibility' in props)) {\n setVisibility(v);\n }\n onVisibilityChange && onVisibilityChange(v);\n };\n var icon = props.suffix;\n var handleClickVisibility = function () {\n onClickVisibility(!visibility);\n };\n if (visibilityToggle) {\n var IconProps = __assign({ onClick: handleClickVisibility, \n // 预防focus丢失\n onMouseDown: function (e) { return e.preventDefault(); }, onMouseUp: function (e) { return e.preventDefault(); } }, getKeyboardEvents({\n onPressEnter: handleClickVisibility,\n }));\n if (props.suffix) {\n icon = React.createElement(\"span\", __assign({}, IconProps), props.suffix);\n }\n else {\n var IconComponent = visibility ? IconEye : IconEyeInvisible;\n icon = (React.createElement(IconComponent, __assign({}, IconProps, {\n focusable: undefined,\n 'aria-hidden': undefined,\n tabIndex: 0,\n className: prefixCls + \"-visibility-icon\",\n })));\n }\n }\n return (React.createElement(Input, __assign({}, omit(rest, ['visibility', 'defaultVisibility']), { type: visibility ? 'text' : 'password', className: classNames, ref: ref, suffix: icon })));\n});\nPassword.displayName = 'Password';\nexport default Password;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { useContext } from 'react';\nimport cs from '../_util/classNames';\nimport { ConfigContext } from '../ConfigProvider';\nvar Group = React.forwardRef(function (props, ref) {\n var _a;\n var getPrefixCls = useContext(ConfigContext).getPrefixCls;\n var className = props.className, style = props.style, children = props.children, compact = props.compact, rest = __rest(props, [\"className\", \"style\", \"children\", \"compact\"]);\n var prefixCls = getPrefixCls('input-group');\n var classNames = cs(prefixCls, (_a = {},\n _a[prefixCls + \"-compact\"] = compact,\n _a), className);\n return (React.createElement(\"div\", __assign({ ref: ref, className: classNames, style: style }, rest), children));\n});\nGroup.displayName = 'InputGroup';\nexport default Group;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { useContext, useState, useRef, useImperativeHandle, useMemo, } from 'react';\nimport cs from '../_util/classNames';\nimport Search from './search';\nimport TextArea from './textarea';\nimport Password from './password';\nimport { ConfigContext } from '../ConfigProvider';\nimport { isUndefined, isString, isObject } from '../_util/is';\nimport useMergeValue from '../_util/hooks/useMergeValue';\nimport InputComponent from './input-element';\nimport Group from './group';\nimport { contains } from '../_util/dom';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nvar keepFocus = function (e) {\n e.target.tagName !== 'INPUT' && e.preventDefault();\n};\nvar inputAddon = function (className, node, style, onClick) {\n if (style === void 0) { style = {}; }\n return node ? (React.createElement(\"span\", { style: style, className: className, onClick: onClick }, node)) : null;\n};\nexport function formatValue(value, maxLength) {\n var str = value !== null && !isUndefined(value) && !isString(value) ? String(value) : value || '';\n if (maxLength) {\n return str.slice(0, maxLength);\n }\n return str;\n}\nfunction Input(baseProps, ref) {\n var _a, _b, _c;\n var _d = useContext(ConfigContext), getPrefixCls = _d.getPrefixCls, ctxSize = _d.size, componentConfig = _d.componentConfig, rtl = _d.rtl;\n var props = useMergeProps(baseProps, {}, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Input);\n var className = props.className, style = props.style, addBefore = props.addBefore, addAfter = props.addAfter, suffix = props.suffix, prefix = props.prefix, beforeStyle = props.beforeStyle, afterStyle = props.afterStyle, height = props.height, disabled = props.disabled, maxLength = props.maxLength, showWordLimit = props.showWordLimit, allowClear = props.allowClear;\n var trueMaxLength = isObject(maxLength) ? maxLength.length : maxLength;\n var mergedMaxLength = isObject(maxLength) && maxLength.errorOnly ? undefined : trueMaxLength;\n var _e = __read(useState(false), 2), focus = _e[0], setFocus = _e[1];\n var inputRef = useRef();\n var inputWrapperRef = useRef();\n var _f = __read(useMergeValue('', {\n defaultValue: 'defaultValue' in props ? formatValue(props.defaultValue, mergedMaxLength) : undefined,\n value: 'value' in props ? formatValue(props.value, mergedMaxLength) : undefined,\n }), 2), value = _f[0], setValue = _f[1];\n useImperativeHandle(ref, function () { return inputRef.current; }, []);\n var onChange = function (value, e) {\n if (!('value' in props)) {\n setValue(value);\n }\n props.onChange && props.onChange(value, e);\n };\n var prefixCls = getPrefixCls('input');\n var size = props.size || ctxSize;\n var isCustomHeight = 'height' in props;\n var suffixElement = suffix;\n var valueLength = value ? value.length : 0;\n var lengthError = useMemo(function () {\n if (!mergedMaxLength && trueMaxLength) {\n return valueLength > trueMaxLength;\n }\n return false;\n }, [valueLength, trueMaxLength, mergedMaxLength]);\n if (trueMaxLength && showWordLimit) {\n var _g = __read(rtl ? [trueMaxLength, valueLength] : [valueLength, trueMaxLength], 2), leftWord = _g[0], rightWord = _g[1];\n suffixElement = (React.createElement(\"span\", { className: cs(prefixCls + \"-word-limit\", (_a = {},\n _a[prefixCls + \"-word-limit-error\"] = lengthError,\n _a)) },\n leftWord,\n \"/\",\n rightWord));\n }\n var classnames = cs(prefixCls + \"-group-wrapper\", prefixCls + \"-group-wrapper-\" + size, (_b = {},\n _b[prefixCls + \"-custom-height\"] = isCustomHeight,\n _b[prefixCls + \"-has-suffix\"] = suffixElement,\n _b[prefixCls + \"-group-wrapper-disabled\"] = disabled,\n _b[prefixCls + \"-group-wrapper-rtl\"] = rtl,\n _b), className);\n var status = props.status || (props.error || lengthError ? 'error' : undefined);\n var needWrapper = addBefore || addAfter || suffixElement || prefix;\n var inputElement = (React.createElement(InputComponent, __assign({ ref: inputRef }, props, { status: status, onFocus: function (e) {\n setFocus(true);\n props.onFocus && props.onFocus(e);\n }, onBlur: function (e) {\n setFocus(false);\n props.onBlur && props.onBlur(e);\n }, onChange: onChange, prefixCls: prefixCls, value: value, hasParent: !!needWrapper || allowClear, size: size })));\n var innerWrapperClassnames = cs(prefixCls + \"-inner-wrapper\", (_c = {},\n _c[prefixCls + \"-inner-wrapper-\" + status] = status,\n _c[prefixCls + \"-inner-wrapper-disabled\"] = disabled,\n _c[prefixCls + \"-inner-wrapper-focus\"] = focus,\n _c[prefixCls + \"-inner-wrapper-has-prefix\"] = prefix,\n _c[prefixCls + \"-inner-wrapper-\" + size] = size,\n _c[prefixCls + \"-clear-wrapper\"] = allowClear,\n _c[prefixCls + \"-inner-wrapper-rtl\"] = rtl,\n _c));\n return needWrapper ? (React.createElement(\"div\", { className: classnames, style: __assign(__assign({}, style), (isCustomHeight ? { height: height } : {})) },\n React.createElement(\"span\", { className: prefixCls + \"-group\" },\n inputAddon(prefixCls + \"-group-addbefore\", addBefore, beforeStyle),\n React.createElement(\"span\", { className: innerWrapperClassnames, ref: inputWrapperRef, onMouseDown: function (e) {\n // 直接的点击input的时候，不阻止默认行为，避免无法选中输入框里的输入文本\n if (e.target.tagName !== 'INPUT') {\n // 当使用React.Portal挂载的组件（tooltip, popover等）放在prefix，suffix里是，弹层中的内容无法被选中。\n // contains 判断如果不包含在当前dom节点，则不阻止默认行为。\n if (inputWrapperRef.current && contains(inputWrapperRef.current, e.target)) {\n e.preventDefault();\n }\n }\n }, onClick: function (e) {\n // 当使用React.Portal挂载的组件（tooltip, popover等）放在prefix，suffix里时，弹出层被点击时，不应该focus input。\n if (inputWrapperRef.current && contains(inputWrapperRef.current, e.target)) {\n inputRef.current && inputRef.current.focus();\n }\n } },\n inputAddon(prefixCls + \"-group-prefix\", prefix),\n inputElement,\n inputAddon(prefixCls + \"-group-suffix\", suffixElement)),\n inputAddon(prefixCls + \"-group-addafter\", addAfter, afterStyle)))) : allowClear ? (React.createElement(\"span\", { className: cs(className, innerWrapperClassnames), style: __assign(__assign({}, style), (isCustomHeight ? { height: height } : {})), onMouseDown: keepFocus, onClick: function () {\n inputRef.current && inputRef.current.focus();\n } }, inputElement)) : (inputElement);\n}\nvar InputElement = React.forwardRef(Input);\nInputElement.displayName = 'Input';\nInputElement.Search = Search;\nInputElement.TextArea = TextArea;\nInputElement.Password = Password;\nInputElement.Group = Group;\nexport default InputElement;\n","import Input from './input';\nexport default Input;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { useRef, useImperativeHandle, useEffect } from 'react';\nimport cs from '../_util/classNames';\nimport omit from '../_util/omit';\nimport ResizeObserver from '../_util/resizeObserver';\nimport IconClose from '../../icon/react-icon/IconClose';\nimport IconHover from '../_class/icon-hover';\nimport { isObject } from '../_util/is';\nimport useComposition from './useComposition';\nimport useKeyboardEvent from '../_util/hooks/useKeyboardEvent';\nimport fillNBSP from '../_util/fillNBSP';\nvar InputComponent = React.forwardRef(function (props, ref) {\n var _a;\n var allowClear = props.allowClear, disabled = props.disabled, placeholder = props.placeholder, className = props.className, style = props.style, height = props.height, prefixCls = props.prefixCls, hasParent = props.hasParent, size = props.size, value = props.value, autoFitWidth = props.autoFitWidth, onClear = props.onClear, readOnly = props.readOnly, onChange = props.onChange, onKeyDown = props.onKeyDown, onPressEnter = props.onPressEnter, propMaxLength = props.maxLength, rest = __rest(props, [\"allowClear\", \"disabled\", \"placeholder\", \"className\", \"style\", \"height\", \"prefixCls\", \"hasParent\", \"size\", \"value\", \"autoFitWidth\", \"onClear\", \"readOnly\", \"onChange\", \"onKeyDown\", \"onPressEnter\", \"maxLength\"]);\n var otherProps = omit(rest, [\n 'error',\n 'status',\n 'showWordLimit',\n 'className',\n 'defaultValue',\n 'addBefore',\n 'addAfter',\n 'afterStyle',\n 'beforeStyle',\n 'prefix',\n 'suffix',\n ]);\n var getKeyboardEvents = useKeyboardEvent();\n var refInput = useRef();\n var refInputMirror = useRef();\n var refPrevInputWidth = useRef(null);\n var maxLength = isObject(propMaxLength)\n ? propMaxLength.errorOnly\n ? undefined\n : propMaxLength.length\n : propMaxLength;\n var _b = useComposition({ value: value, maxLength: maxLength, onChange: onChange, onKeyDown: onKeyDown, onPressEnter: onPressEnter }), compositionValue = _b.compositionValue, valueChangeHandler = _b.valueChangeHandler, compositionHandler = _b.compositionHandler, keyDownHandler = _b.keyDownHandler, triggerValueChangeCallback = _b.triggerValueChangeCallback;\n var inputClassNames = cs(prefixCls, prefixCls && (_a = {},\n _a[prefixCls + \"-size-\" + size] = size,\n _a[prefixCls + \"-\" + props.status] = props.status,\n _a[prefixCls + \"-disabled\"] = disabled,\n _a), hasParent ? undefined : className);\n var inputProps = __assign(__assign({ 'aria-invalid': props.status === 'error' || undefined }, otherProps), { readOnly: readOnly, maxLength: maxLength, disabled: disabled, placeholder: placeholder, value: compositionValue || value || '', className: inputClassNames, onKeyDown: keyDownHandler, onChange: valueChangeHandler, onCompositionStart: compositionHandler, onCompositionUpdate: compositionHandler, onCompositionEnd: compositionHandler });\n useImperativeHandle(ref, function () {\n return {\n dom: refInput.current,\n focus: function () {\n refInput.current && refInput.current.focus && refInput.current.focus();\n },\n blur: function () {\n refInput.current && refInput.current.blur && refInput.current.blur();\n },\n };\n }, []);\n var updateInputWidth = function () {\n if (refInputMirror.current && refInput.current) {\n var width = refInputMirror.current.offsetWidth;\n refInput.current.style.width = width + (width ? 8 : 4) + \"px\";\n }\n };\n // Set the initial width of
, and subsequent updates are triggered by ResizeObserver\n useEffect(function () { return autoFitWidth && updateInputWidth(); }, []);\n // Here also need placeholder to trigger updateInputWidth after user-input is cleared\n var mirrorValue = inputProps.value || placeholder;\n var handleClear = function (e) {\n if (refInput.current && refInput.current.focus) {\n refInput.current.focus();\n }\n triggerValueChangeCallback('', e);\n onClear && onClear();\n };\n return (React.createElement(React.Fragment, null,\n allowClear ? (React.createElement(React.Fragment, null,\n React.createElement(\"input\", __assign({ ref: refInput }, inputProps)),\n !readOnly && !disabled && allowClear && value ? (React.createElement(IconHover, __assign({ tabIndex: 0, className: prefixCls + \"-clear-icon\" }, getKeyboardEvents({ onPressEnter: handleClear }), { onClick: function (e) {\n e.stopPropagation();\n handleClear(e);\n } }),\n React.createElement(IconClose\n // keep focus status\n , { \n // keep focus status\n onMouseDown: function (e) {\n e.preventDefault();\n } }))) : null)) : (React.createElement(\"input\", __assign({ ref: refInput }, inputProps, { style: hasParent\n ? {}\n : __assign(__assign({}, style), ('height' in props ? { height: height } : {})) }))),\n autoFitWidth && (React.createElement(ResizeObserver, { onResize: function () {\n var inputWidth = refInputMirror.current.offsetWidth;\n if (typeof autoFitWidth === 'object') {\n var delay = typeof autoFitWidth.delay === 'function'\n ? autoFitWidth.delay(inputWidth, refPrevInputWidth.current)\n : autoFitWidth.delay;\n delay ? setTimeout(updateInputWidth, delay) : updateInputWidth();\n }\n else {\n updateInputWidth();\n }\n refPrevInputWidth.current = inputWidth;\n } },\n React.createElement(\"span\", { className: prefixCls + \"-mirror\", ref: refInputMirror }, fillNBSP(mirrorValue))))));\n});\nInputComponent.displayName = 'InputComponent';\nexport default InputComponent;\n","var __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport { useRef, useState, } from 'react';\nimport { Enter } from '../_util/keycode';\n// Handle input text like Chinese\nexport default function useComposition(_a) {\n var value = _a.value, maxLength = _a.maxLength, onChange = _a.onChange, onKeyDown = _a.onKeyDown, onPressEnter = _a.onPressEnter, beforeTriggerValueChangeCallback = _a.beforeTriggerValueChangeCallback;\n var refIsComposition = useRef(false);\n var _b = __read(useState(''), 2), compositionValue = _b[0], setCompositionValue = _b[1];\n var triggerValueChangeCallback = function (newValue, e) {\n if (beforeTriggerValueChangeCallback) {\n beforeTriggerValueChangeCallback(newValue);\n }\n if (onChange &&\n // https://github.com/arco-design/arco-design/issues/520\n // Avoid triggering onChange repeatedly for the same value\n // Compositionend is earlier than onchange in Firefox, different with chrome\n newValue !== value &&\n (maxLength === undefined || newValue.length <= maxLength)) {\n onChange(newValue, e);\n }\n };\n return {\n compositionValue: compositionValue,\n triggerValueChangeCallback: triggerValueChangeCallback,\n compositionHandler: function (e) {\n refIsComposition.current = e.type !== 'compositionend';\n if (!refIsComposition.current) {\n setCompositionValue(undefined);\n triggerValueChangeCallback(e.target.value, e);\n }\n },\n valueChangeHandler: function (e) {\n var newValue = e.target.value;\n if (!refIsComposition.current) {\n compositionValue && setCompositionValue(undefined);\n triggerValueChangeCallback(newValue, e);\n }\n else {\n // https://github.com/arco-design/arco-design/issues/397\n // compositionupdate => onchange\n refIsComposition.current = false;\n setCompositionValue(newValue);\n }\n },\n keyDownHandler: function (e) {\n var keyCode = e.keyCode || e.which;\n if (!refIsComposition.current) {\n onKeyDown && onKeyDown(e);\n if (keyCode === Enter.code) {\n onPressEnter && onPressEnter(e);\n }\n }\n },\n };\n}\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { forwardRef, useContext, useEffect, createContext, useRef, useMemo, useState, } from 'react';\nimport cs from '../_util/classNames';\nimport IconLeft from '../../icon/react-icon/IconLeft';\nimport IconRight from '../../icon/react-icon/IconRight';\nimport { ConfigContext } from '../ConfigProvider';\nimport ResizeBox from '../ResizeBox';\nimport { isArray, isNumber } from '../_util/is';\nimport ResponsiveObserve, { responsiveMap } from '../_util/responsiveObserve';\nimport useMergeValue from '../_util/hooks/useMergeValue';\nexport var SiderContext = createContext({\n siderCollapsed: false,\n collapsedWidth: 64,\n});\nvar generateId = (function () {\n var i = 0;\n return function (prefix) {\n if (prefix === void 0) { prefix = ''; }\n i += 1;\n return \"\" + prefix + i;\n };\n})();\nfunction Sider(props, ref) {\n var _a;\n var _b;\n var children = props.children, className = props.className, style = props.style, _c = props.theme, theme = _c === void 0 ? 'light' : _c, trigger = props.trigger, reverseArrow = props.reverseArrow, _d = props.collapsedWidth, collapsedWidth = _d === void 0 ? 48 : _d, _e = props.width, width = _e === void 0 ? 200 : _e, collapsible = props.collapsible, resizeDirections = props.resizeDirections, onSiderMount = props.onSiderMount, onSiderUnmount = props.onSiderUnmount, breakpoint = props.breakpoint, onBreakpoint = props.onBreakpoint, onCollapse = props.onCollapse, _f = props.resizeBoxProps, resizeBoxProps = _f === void 0 ? {} : _f;\n var uniqueId = generateId('arco-sider-');\n var getPrefixCls = useContext(ConfigContext).getPrefixCls;\n var prefixCls = getPrefixCls('layout-sider');\n var _g = __read(useMergeValue(false, {\n value: 'collapsed' in props ? props.collapsed : undefined,\n defaultValue: props.defaultCollapsed,\n }), 2), collapsed = _g[0], setCollapsed = _g[1];\n // Parsing props width from number to string, to be used as css property value.\n // Using px as the default unit\n var propsWidth = isNumber(width) ? width + \"px\" : String(width);\n var _collapsedWidth = isNumber(collapsedWidth) ? \"\" + collapsedWidth : String(collapsedWidth);\n var _h = __read(useState(collapsed ? _collapsedWidth : propsWidth), 2), siderWidth = _h[0], setSiderWidth = _h[1];\n var refResponsiveHandlerToken = useRef(null);\n // 提供给 ResponsiveHandler，使得其可以获得最新的 state 值\n var refStateForResponsiveHandler = useRef(null);\n refStateForResponsiveHandler.current = {\n breakpoint: breakpoint,\n collapsed: collapsed,\n onCollapse: onCollapse,\n onBreakpoint: onBreakpoint,\n };\n useEffect(function () {\n onSiderMount && onSiderMount(uniqueId);\n if (collapsible && breakpoint in responsiveMap) {\n refResponsiveHandlerToken.current = ResponsiveObserve.subscribe(function (screens, breakpointChecked) {\n var _a = refStateForResponsiveHandler.current, breakpoint = _a.breakpoint, collapsed = _a.collapsed, onCollapse = _a.onCollapse, onBreakpoint = _a.onBreakpoint;\n if (!breakpointChecked || breakpointChecked === breakpoint) {\n var nextCollapsed = !screens[breakpoint];\n if (nextCollapsed !== collapsed) {\n setCollapsed(nextCollapsed);\n onCollapse && onCollapse(nextCollapsed, 'responsive');\n }\n onBreakpoint && onBreakpoint(nextCollapsed);\n }\n });\n }\n return function () {\n onSiderUnmount && onSiderUnmount(uniqueId);\n if (refResponsiveHandlerToken.current) {\n ResponsiveObserve.unsubscribe(refResponsiveHandlerToken.current);\n }\n };\n }, []);\n useEffect(function () {\n // Parsing collapsed width from number to string, to be used as css property value.\n // Using px as the default unit\n var _collapsedWidth = isNumber(collapsedWidth)\n ? collapsedWidth + \"px\"\n : String(collapsedWidth);\n setSiderWidth(collapsed ? _collapsedWidth : propsWidth);\n }, [collapsed, propsWidth, collapsedWidth]);\n var resizable = (resizeDirections && isArray(resizeDirections)) || ((_b = resizeBoxProps.directions) === null || _b === void 0 ? void 0 : _b.length);\n var TagName = resizable ? ResizeBox : 'aside';\n var renderTrigger = function () {\n var _a;\n var triggerIcon = trigger ||\n (collapsed ? (reverseArrow ? (React.createElement(IconLeft, null)) : (React.createElement(IconRight, null))) : reverseArrow ? (React.createElement(IconRight, null)) : (React.createElement(IconLeft, null)));\n return collapsible && trigger !== null ? (React.createElement(\"div\", { style: { width: siderWidth }, className: cs(prefixCls + \"-trigger\", (_a = {},\n _a[prefixCls + \"-trigger-light\"] = theme === 'light',\n _a)), onClick: function () {\n setCollapsed(!collapsed);\n onCollapse && onCollapse(!collapsed, 'clickTrigger');\n } }, triggerIcon)) : null;\n };\n var resizeProps = useMemo(function () {\n if (resizable) {\n return __assign(__assign({ component: 'aside', onMoving: function (_, _a) {\n var currentWidth = _a.width;\n setSiderWidth(currentWidth);\n } }, resizeBoxProps), { width: siderWidth, directions: resizeDirections });\n }\n return {};\n }, [resizable, resizeDirections, siderWidth, resizeBoxProps]);\n return (React.createElement(SiderContext.Provider, { value: {\n siderCollapsed: collapsed,\n collapsedWidth: collapsedWidth,\n } },\n React.createElement(TagName, __assign({ ref: ref, style: __assign({ width: siderWidth }, style), className: cs(prefixCls, (_a = {},\n _a[prefixCls + \"-light\"] = theme === 'light',\n _a[prefixCls + \"-has-trigger\"] = trigger !== null && collapsible,\n _a[prefixCls + \"-collapsed\"] = collapsed,\n _a), className) }, resizeProps),\n React.createElement(\"div\", { className: prefixCls + \"-children\" }, children),\n renderTrigger())));\n}\nvar ForwardRefSider = forwardRef(Sider);\nvar SiderComponent = ForwardRefSider;\nSiderComponent.displayName = 'LayoutSider';\nSiderComponent.__ARCO_SIGN__ = 'sider';\nexport default SiderComponent;\n","import _extends from \"@babel/runtime/helpers/extends\";\nimport React, { useContext } from 'react';\nimport { IconContext } from '../context';\n\nfunction IconLinkComponent(iconProps, ref) {\n const _useContext = useContext(IconContext),\n _useContext$prefixCls = _useContext.prefixCls,\n prefixCls = _useContext$prefixCls === void 0 ? 'arco' : _useContext$prefixCls;\n\n const spin = iconProps.spin,\n className = iconProps.className;\n const props = {\n \"aria-hidden\": true,\n focusable: false,\n ref,\n ...iconProps,\n className: `${className ? className + ' ' : ''}${prefixCls}-icon ${prefixCls}-icon-link`\n };\n\n if (spin) {\n props.className = `${props.className} ${prefixCls}-icon-loading`;\n }\n\n delete props.spin;\n delete props.isIcon;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"4\",\n viewBox: \"0 0 48 48\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n d: \"m14.1 25.414-4.95 4.95a6 6 0 0 0 8.486 8.485l8.485-8.485a6 6 0 0 0 0-8.485m7.779.707 4.95-4.95a6 6 0 1 0-8.486-8.485l-8.485 8.485a6 6 0 0 0 0 8.485\"\n }));\n}\n\nconst IconLink = /*#__PURE__*/React.forwardRef(IconLinkComponent);\nIconLink.defaultProps = {\n isIcon: true\n};\nIconLink.displayName = 'IconLink';\nexport default IconLink;","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { forwardRef, useContext } from 'react';\nimport IconLink from '../../icon/react-icon/IconLink';\nimport cs from '../_util/classNames';\nimport { ConfigContext } from '../ConfigProvider';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nimport useKeyboardEvent from '../_util/hooks/useKeyboardEvent';\nvar defaultProps = {\n hoverable: true,\n};\nfunction Link(baseProps, ref) {\n var _a;\n var _b = useContext(ConfigContext), getPrefixCls = _b.getPrefixCls, componentConfig = _b.componentConfig, rtl = _b.rtl;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Link);\n var className = props.className, style = props.style, children = props.children, icon = props.icon, status = props.status, disabled = props.disabled, hoverable = props.hoverable, rest = __rest(props, [\"className\", \"style\", \"children\", \"icon\", \"status\", \"disabled\", \"hoverable\"]);\n var getKeyboardEvents = useKeyboardEvent({ onKeyDown: props.onKeyDown });\n var prefixCls = getPrefixCls('link');\n var TagWrapper = 'href' in props ? 'a' : 'span';\n var handleClick = function (e) {\n if (disabled) {\n e.preventDefault();\n e.stopPropagation();\n }\n else {\n props.onClick && props.onClick(e);\n }\n };\n return (React.createElement(TagWrapper, __assign({ className: cs(prefixCls, (_a = {},\n _a[prefixCls + \"-disabled\"] = disabled,\n _a[prefixCls + \"-is-\" + status] = status,\n _a[prefixCls + \"-with-icon\"] = icon,\n _a[prefixCls + \"-hoverless\"] = !hoverable,\n _a[prefixCls + \"-rtl\"] = rtl,\n _a), className), ref: ref, tabIndex: disabled ? -1 : undefined }, rest, { style: style, onClick: handleClick }, getKeyboardEvents({\n onPressEnter: handleClick,\n })),\n icon ? (React.createElement(\"span\", { className: prefixCls + \"-icon\" }, icon === true ? React.createElement(IconLink, null) : icon)) : null,\n children));\n}\nvar LinkRef = forwardRef(Link);\nLinkRef.displayName = 'Link';\nexport default LinkRef;\n","import { createContext } from 'react';\nvar MenuContext = createContext({});\nexport default MenuContext;\n","var __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport React, { useContext } from 'react';\nimport MenuContext from './context';\nexport default function MenuIndent(props) {\n var prefixCls = props.prefixCls, levelIndent = props.levelIndent;\n var collapse = useContext(MenuContext).collapse;\n var level = props.level - 1;\n return !collapse && level > 0 ? (React.createElement(\"span\", null, __spreadArray([], __read(new Array(level)), false).map(function (_, index) {\n return (React.createElement(\"span\", { key: index, className: prefixCls + \"-indent\", style: { width: levelIndent } }));\n }))) : null;\n}\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport React from 'react';\nexport var PROPS_NEED_TO_BE_PASSED_IN_SUBMENU = ['popup', 'triggerProps', 'selectable'];\n// Expand MenuGroup to get an array only contains MenuItem and SubMenu\nvar flatMenuGroup = function (children) {\n var validMenuItems = [];\n React.Children.forEach(children, function (item) {\n var _a;\n var menuType = (_a = item === null || item === void 0 ? void 0 : item.type) === null || _a === void 0 ? void 0 : _a.menuType;\n if (menuType === 'MenuItem' || menuType === 'SubMenu') {\n validMenuItems.push(item);\n }\n else if (menuType === 'MenuGroup') {\n validMenuItems = validMenuItems.concat(flatMenuGroup(item.props.children));\n }\n });\n return validMenuItems;\n};\nexport var generateInfoMap = function (children, keyPath, result) {\n if (keyPath === void 0) { keyPath = []; }\n if (result === void 0) { result = {}; }\n var validChildrenList = flatMenuGroup(children);\n validChildrenList.forEach(function (item, index) {\n var _a;\n var _b, _c;\n var key = item.key;\n var menuType = item.type.menuType;\n var _keyPath = __spreadArray([key], __read(keyPath), false);\n var info = {\n keyPath: [],\n prev: ((_b = validChildrenList[index - 1]) === null || _b === void 0 ? void 0 : _b.key) || null,\n next: ((_c = validChildrenList[index + 1]) === null || _c === void 0 ? void 0 : _c.key) || null,\n };\n if (index === 0 || index === validChildrenList.length - 1) {\n var parentKey = _keyPath[1];\n var propertyName = index === 0 ? 'firstChild' : 'lastChild';\n if (parentKey) {\n result[parentKey] = __assign(__assign({}, result[parentKey]), (_a = {}, _a[propertyName] = key, _a));\n }\n }\n switch (menuType) {\n case 'SubMenu':\n info.keyPath = _keyPath;\n generateInfoMap(item.props.children, _keyPath, result);\n break;\n case 'MenuItem':\n info.keyPath = _keyPath;\n info.disabled = item.props.disabled;\n break;\n default:\n break;\n }\n result[key] = __assign(__assign({}, result[key]), info);\n });\n return result;\n};\nexport var processChildren = function (children, props) {\n return React.Children.map(children, function (item, index) {\n if (!item || !item.props) {\n return item;\n }\n var isHTMLElement = typeof item.type === 'string';\n var isMenuSubComponent = item.type && item.type.menuType;\n // 处理
包裹 MenuItem 之类的情况\n if (!isMenuSubComponent && item.props.children) {\n var _props = isHTMLElement ? {} : props;\n return React.cloneElement(item, __assign(__assign({}, _props), { _key: item.key, children: processChildren(item.props.children, props) }));\n }\n return isHTMLElement\n ? item\n : React.cloneElement(item, __assign(__assign(__assign({}, props), item.props), { _key: item.key || \"$menu-\" + index }));\n });\n};\nexport function isChildrenSelected(children, keys) {\n var find = false;\n function loop(_children) {\n if (!_children || find) {\n return;\n }\n React.Children.forEach(_children, function (c) {\n if (c && c.props && c.type && !find) {\n var menuType = c.type.menuType;\n var selectable = c.props.selectable;\n if (menuType === 'MenuItem') {\n find = keys.indexOf(c.key) !== -1;\n }\n else if (menuType === 'SubMenu' && selectable) {\n find = keys.indexOf(c.key) !== -1;\n }\n if (!find && c.props.children) {\n loop(c.props.children);\n }\n }\n });\n }\n loop(children);\n return find;\n}\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { forwardRef, useContext, useEffect, useRef } from 'react';\nimport scrollIntoView from 'scroll-into-view-if-needed';\nimport cs from '../_util/classNames';\nimport Tooltip from '../Tooltip';\nimport useIsFirstRender from '../_util/hooks/useIsFirstRender';\nimport MenuContext from './context';\nimport MenuIndent from './indent';\nimport omit from '../_util/omit';\nimport { PROPS_NEED_TO_BE_PASSED_IN_SUBMENU } from './util';\nimport { Enter } from '../_util/keycode';\nfunction Item(props, ref) {\n var _a;\n var _key = props._key, children = props.children, level = props.level, disabled = props.disabled, className = props.className, style = props.style, _b = props.wrapper, WrapperTagName = _b === void 0 ? 'div' : _b, onClick = props.onClick, rest = __rest(props, [\"_key\", \"children\", \"level\", \"disabled\", \"className\", \"style\", \"wrapper\", \"onClick\"]);\n var _c = useContext(MenuContext), prefixCls = _c.prefixCls, mode = _c.mode, collapse = _c.collapse, inDropdown = _c.inDropdown, levelIndent = _c.levelIndent, selectedKeys = _c.selectedKeys, autoScrollIntoView = _c.autoScrollIntoView, scrollConfig = _c.scrollConfig, tooltipProps = _c.tooltipProps, onClickMenuItem = _c.onClickMenuItem;\n var refElement = useRef(null);\n var isFirstRender = useIsFirstRender();\n var needTextIndent = mode === 'vertical' && level > 1;\n var needTooltip = collapse && !inDropdown && level === 1;\n var isSelected = selectedKeys && ~selectedKeys.indexOf(_key);\n useEffect(function () {\n var shouldScroll = isSelected && autoScrollIntoView;\n if (refElement.current && shouldScroll) {\n // 首次渲染需要等待展开动画结束之后滚动\n setTimeout(function () {\n scrollIntoView(refElement.current, __assign({ behavior: 'smooth', block: 'start', scrollMode: 'if-needed', boundary: document.body }, scrollConfig));\n }, isFirstRender ? 500 : 0);\n }\n }, [isSelected, autoScrollIntoView]);\n var menuItemClickHandler = function (event) {\n if (!disabled) {\n onClickMenuItem(_key, event);\n onClick && onClick(event);\n }\n };\n var itemElement = (React.createElement(WrapperTagName, __assign({ tabIndex: disabled ? -1 : 0, role: \"menuitem\", ref: function (_ref) {\n ref = _ref;\n refElement.current = ref;\n }, style: style, className: cs(prefixCls + \"-item\", (_a = {},\n _a[prefixCls + \"-disabled\"] = disabled,\n _a[prefixCls + \"-selected\"] = isSelected,\n // 存在缩进dom\n _a[prefixCls + \"-item-indented\"] = needTextIndent && !collapse,\n _a), className), onClick: menuItemClickHandler, onKeyDown: function (event) {\n var keyCode = event.keyCode || event.which;\n if (keyCode === Enter.code) {\n menuItemClickHandler(event);\n }\n } }, omit(rest, ['key', '_key'].concat(PROPS_NEED_TO_BE_PASSED_IN_SUBMENU))),\n needTextIndent && !collapse ? (React.createElement(React.Fragment, null,\n React.createElement(MenuIndent, { prefixCls: prefixCls, levelIndent: levelIndent, level: level }),\n React.createElement(\"span\", { className: prefixCls + \"-item-inner\", style: {\n display: 'block',\n } }, children))) : (children),\n isSelected && mode === 'horizontal' ? (React.createElement(\"div\", { className: prefixCls + \"-selected-label\" })) : null));\n return needTooltip ? (React.createElement(Tooltip, __assign({ trigger: \"hover\", content: React.createElement(\"span\", null, children), position: \"right\", triggerProps: __assign({ className: prefixCls + \"-item-tooltip\" }, ((tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.triggerProps) || {})) }, omit(tooltipProps, ['triggerProps'])), itemElement)) : (itemElement);\n}\nvar ForwardRefItem = forwardRef(Item);\nvar ItemComponent = ForwardRefItem;\nItemComponent.displayName = 'MenuItem';\nItemComponent.menuType = 'MenuItem';\nexport default ItemComponent;\n","import React, { forwardRef, useContext } from 'react';\nimport cs from '../_util/classNames';\nimport { processChildren } from './util';\nimport MenuContext from './context';\nimport MenuIndent from './indent';\nfunction ItemGroup(props, ref) {\n var children = props.children, title = props.title, level = props.level, className = props.className, style = props.style;\n var _a = useContext(MenuContext), prefixCls = _a.prefixCls, levelIndent = _a.levelIndent;\n var childrenLevel = level === 1 ? level + 1 : level;\n var childrenList = processChildren(children, { level: childrenLevel });\n return (React.createElement(\"div\", { ref: ref, className: cs(prefixCls + \"-group\", className), style: style },\n React.createElement(\"div\", { className: prefixCls + \"-group-title\" },\n React.createElement(MenuIndent, { level: level, prefixCls: prefixCls, levelIndent: levelIndent }),\n React.createElement(\"span\", null, title)),\n childrenList));\n}\nvar ForwardRefItemGroup = forwardRef(ItemGroup);\nvar ItemGroupComponent = ForwardRefItemGroup;\nItemGroupComponent.displayName = 'MenuItemGroup';\nItemGroupComponent.menuType = 'MenuGroup';\nexport default ItemGroupComponent;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nvar __generator = (this && this.__generator) || function (thisArg, body) {\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n function verb(n) { return function (v) { return step([n, v]); }; }\n function step(op) {\n if (f) throw new TypeError(\"Generator is already executing.\");\n while (_) try {\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n if (y = 0, t) op = [op[0] & 2, t.value];\n switch (op[0]) {\n case 0: case 1: t = op; break;\n case 4: _.label++; return { value: op[1], done: false };\n case 5: _.label++; y = op[1]; op = [0]; continue;\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\n default:\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n if (t[2]) _.ops.pop();\n _.trys.pop(); continue;\n }\n op = body.call(thisArg, _);\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n }\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { useContext } from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport cs from '../../_util/classNames';\nimport useStateWithPromise from '../../_util/hooks/useStateWithPromise';\nimport IconDown from '../../../icon/react-icon/IconDown';\nimport { processChildren, isChildrenSelected, PROPS_NEED_TO_BE_PASSED_IN_SUBMENU } from '../util';\nimport MenuContext from '../context';\nimport MenuIndent from '../indent';\nimport pick from '../../_util/pick';\nimport omit from '../../_util/omit';\nimport { Enter } from '../../_util/keycode';\nimport useId from '../../_util/hooks/useId';\n// Use visibility: hidden to avoid Menu.Item get focused by Tab key\nvar CONTENT_HIDDEN_STYLE = { height: 0, visibility: 'hidden' };\nvar SubMenuInline = function (props) {\n var _a;\n var _key = props._key, children = props.children, style = props.style, className = props.className, title = props.title, level = props.level, forwardedRef = props.forwardedRef, selectable = props.selectable, rest = __rest(props, [\"_key\", \"children\", \"style\", \"className\", \"title\", \"level\", \"forwardedRef\", \"selectable\"]);\n var _b = useContext(MenuContext), menuId = _b.id, prefixCls = _b.prefixCls, levelIndent = _b.levelIndent, _c = _b.openKeys, openKeys = _c === void 0 ? [] : _c, _d = _b.selectedKeys, selectedKeys = _d === void 0 ? [] : _d, icons = _b.icons, onClickSubMenu = _b.onClickSubMenu, onClickMenuItem = _b.onClickMenuItem;\n var baseClassName = prefixCls + \"-inline\";\n var isOpen = (openKeys === null || openKeys === void 0 ? void 0 : openKeys.indexOf(_key)) > -1;\n var isSelected = (selectable && selectedKeys.indexOf(props._key) > -1) ||\n isChildrenSelected(children, selectedKeys);\n var _e = __read(useStateWithPromise(isOpen ? { height: 'auto' } : CONTENT_HIDDEN_STYLE), 2), contentStyle = _e[0], setContentStyle = _e[1];\n var subMenuClickHandler = function (event) {\n onClickSubMenu(_key, level, 'inline');\n selectable && onClickMenuItem(_key, event);\n };\n // Unique ID of this instance\n var instanceId = useId(menuId + \"-submenu-inline-\");\n // Should omit these properties in Menu.Item\n var childrenList = processChildren(children, __assign(__assign({}, pick(rest, PROPS_NEED_TO_BE_PASSED_IN_SUBMENU)), { level: level + 1, selectable: selectable }));\n var header = (React.createElement(\"div\", { tabIndex: 0, \"aria-expanded\": isOpen, \"aria-controls\": instanceId, className: cs(baseClassName + \"-header\", (_a = {},\n _a[prefixCls + \"-selected\"] = isSelected,\n _a)), onClick: subMenuClickHandler, onKeyDown: function (event) {\n var keyCode = event.keyCode || event.which;\n if (keyCode === Enter.code) {\n subMenuClickHandler(event);\n }\n } },\n React.createElement(MenuIndent, { level: level, prefixCls: prefixCls, levelIndent: levelIndent }),\n React.createElement(\"span\", null, title),\n React.createElement(\"span\", { className: prefixCls + \"-icon-suffix \" + (isOpen ? 'is-open' : '') }, icons && icons.horizontalArrowDown ? icons.horizontalArrowDown : React.createElement(IconDown, null))));\n var content = (React.createElement(\"div\", { id: instanceId, className: cs(baseClassName + \"-content\"), style: contentStyle }, childrenList));\n return (React.createElement(\"div\", __assign({ ref: forwardedRef, className: cs(baseClassName, className), style: style }, omit(rest, ['key', 'popup', 'triggerProps'])),\n header,\n React.createElement(CSSTransition, { in: isOpen, timeout: 200, classNames: baseClassName, unmountOnExit: false, onEnter: function (element) { return __awaiter(void 0, void 0, void 0, function () {\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0: return [4 /*yield*/, setContentStyle(CONTENT_HIDDEN_STYLE)];\n case 1:\n _a.sent();\n return [4 /*yield*/, setContentStyle({ height: element.scrollHeight })];\n case 2:\n _a.sent();\n return [2 /*return*/];\n }\n });\n }); }, onEntered: function () {\n setContentStyle({ height: 'auto' });\n }, onExit: function (element) { return __awaiter(void 0, void 0, void 0, function () {\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0: return [4 /*yield*/, setContentStyle({ height: element.scrollHeight })];\n case 1:\n _a.sent();\n return [4 /*yield*/, setContentStyle(CONTENT_HIDDEN_STYLE)];\n case 2:\n _a.sent();\n return [2 /*return*/];\n }\n });\n }); } }, content)));\n};\nexport default SubMenuInline;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { useContext, useState } from 'react';\nimport cs from '../../_util/classNames';\nimport IconRight from '../../../icon/react-icon/IconRight';\nimport IconLeft from '../../../icon/react-icon/IconLeft';\nimport IconDown from '../../../icon/react-icon/IconDown';\nimport { isChildrenSelected } from '../util';\nimport omit from '../../_util/omit';\nimport Dropdown from '../../Dropdown';\nimport Menu from '../index';\nimport MenuIndent from '../indent';\nimport MenuContext from '../context';\nimport { ConfigContext } from '../../ConfigProvider';\nimport { ArrowLeft, ArrowRight, Enter } from '../../_util/keycode';\nimport useId from '../../_util/hooks/useId';\nvar SubMenuPop = function (props) {\n var _a;\n var _key = props._key, children = props.children, style = props.style, className = props.className, title = props.title, level = props.level, selectable = props.selectable, forwardedRef = props.forwardedRef, propTriggerProps = props.triggerProps, rest = __rest(props, [\"_key\", \"children\", \"style\", \"className\", \"title\", \"level\", \"selectable\", \"forwardedRef\", \"triggerProps\"]);\n var _b = useContext(MenuContext), menuId = _b.id, prefixCls = _b.prefixCls, mode = _b.mode, inDropdown = _b.inDropdown, levelIndent = _b.levelIndent, _c = _b.selectedKeys, selectedKeys = _c === void 0 ? [] : _c, icons = _b.icons, contextTriggerProps = _b.triggerProps, onClickSubMenu = _b.onClickSubMenu, onClickMenuItem = _b.onClickMenuItem;\n var rtl = useContext(ConfigContext).rtl;\n var triggerProps = __assign(__assign({}, contextTriggerProps), propTriggerProps);\n var _d = __read(useState(false), 2), popupVisible = _d[0], setPopupVisible = _d[1];\n var baseClassName = prefixCls + \"-pop\";\n var isSelected = selectable && selectedKeys.indexOf(props._key) > -1;\n var needPopOnBottom = mode === 'horizontal' && !inDropdown;\n // Unique ID of this instance\n var instanceId = useId(menuId + \"-submenu-pop-\");\n var renderSuffix = function () {\n var MergedIconRight = icons && icons.popArrowRight ? icons.popArrowRight : rtl ? React.createElement(IconLeft, null) : React.createElement(IconRight, null);\n var MergedIconDown = icons && icons.horizontalArrowDown ? icons.horizontalArrowDown : React.createElement(IconDown, null);\n return (React.createElement(\"span\", { className: prefixCls + \"-icon-suffix\" }, needPopOnBottom ? MergedIconDown : MergedIconRight));\n };\n var hasSelectedStatus = isChildrenSelected(children, selectedKeys) || isSelected;\n var popPosition = rtl ? ['br', 'lt'] : ['bl', 'rt'];\n var subMenuClickHandler = function (event) {\n onClickSubMenu(_key, level, 'pop');\n selectable && onClickMenuItem(_key, event);\n };\n return (React.createElement(Dropdown, { trigger: \"hover\", popupVisible: popupVisible, onVisibleChange: setPopupVisible, droplist: React.createElement(Menu, { id: instanceId, selectedKeys: selectedKeys, onClickMenuItem: function (key, event) {\n onClickMenuItem(key, event);\n setPopupVisible(false);\n } }, children), triggerProps: __assign({ position: needPopOnBottom ? popPosition[0] : popPosition[1], showArrow: true, autoAlignPopupMinWidth: true, classNames: 'fadeIn', duration: 100, mouseEnterDelay: 50, mouseLeaveDelay: 50, className: cs(baseClassName + \"-trigger\", triggerProps && triggerProps.className) }, omit(triggerProps, ['className'])) },\n React.createElement(\"div\", __assign({ tabIndex: 0, \"aria-haspopup\": true, \"aria-expanded\": popupVisible, \"aria-controls\": instanceId, ref: forwardedRef, style: style, className: cs(baseClassName, baseClassName + \"-header\", (_a = {},\n _a[prefixCls + \"-selected\"] = hasSelectedStatus,\n _a), className), onClick: subMenuClickHandler, onKeyDown: function (event) {\n var keyCode = event.keyCode || event.which;\n if (keyCode === Enter.code) {\n subMenuClickHandler(event);\n }\n else if (keyCode === ArrowLeft.code) {\n setPopupVisible(false);\n }\n else if (keyCode === ArrowRight.code) {\n setPopupVisible(true);\n }\n } }, omit(rest, ['key', 'popup'])),\n React.createElement(MenuIndent, { prefixCls: prefixCls, levelIndent: levelIndent, level: level }),\n title,\n renderSuffix(),\n hasSelectedStatus && mode === 'horizontal' ? (React.createElement(\"div\", { className: prefixCls + \"-selected-label\" })) : null)));\n};\nexport default SubMenuPop;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nimport React, { forwardRef, useContext, useEffect } from 'react';\nimport SubMenuInline from './inline';\nimport SubMenuPop from './pop';\nimport MenuContext from '../context';\nfunction SubMenu(props, ref) {\n var children = props.children, popup = props.popup, level = props.level;\n var _a = useContext(MenuContext), mode = _a.mode, collapse = _a.collapse, inDropdown = _a.inDropdown, collectInlineMenuKeys = _a.collectInlineMenuKeys;\n var forcePopup = !!(typeof popup === 'function' ? popup(level) : popup);\n var mergedPopup = forcePopup || collapse || inDropdown || mode !== 'vertical';\n var MergedMenu = mergedPopup ? SubMenuPop : SubMenuInline;\n useEffect(function () {\n collectInlineMenuKeys(props._key);\n return function () {\n collectInlineMenuKeys(props._key, true);\n };\n }, []);\n return (React.createElement(MergedMenu, __assign({ forwardedRef: ref }, props), children));\n}\nvar ForwardRefSubMenu = forwardRef(SubMenu);\nvar SubMenuComponent = ForwardRefSubMenu;\nSubMenuComponent.displayName = 'SubMenu';\nSubMenuComponent.menuType = 'SubMenu';\nexport default SubMenuComponent;\n","var __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport React, { useState, useRef, useContext } from 'react';\nimport SubMenu from './sub-menu';\nimport { getStyle } from '../_util/style';\nimport MenuContext from './context';\nimport ResizeObserver from '../_util/resizeObserver';\nvar OVERFLOW_THRESHOLD = 5;\nfunction getNodeWidth(node) {\n // getBoundingClientRect will get a result like 20.45\n // Use Math.ceil to avoid menu item wrap in specific menu-width\n return node && Math.ceil(+node.getBoundingClientRect().width);\n}\nfunction translatePxToNumber(str) {\n var result = Number(str.replace('px', ''));\n return isNaN(result) ? 0 : result;\n}\nvar OverflowWrap = function (props) {\n var children = props.children, _a = props.ellipsisText, ellipsisText = _a === void 0 ? '···' : _a;\n var prefixCls = useContext(MenuContext).prefixCls;\n var refUl = useRef(null);\n var _b = __read(useState(null), 2), lastVisibleIndex = _b[0], setLastVisibleIndex = _b[1];\n var overflowSubMenuClass = prefixCls + \"-overflow-sub-menu\";\n var overflowMenuItemClass = prefixCls + \"-overflow-hidden-menu-item\";\n var overflowSubMenuMirrorClass = prefixCls + \"-overflow-sub-menu-mirror\";\n function computeLastVisibleIndex() {\n if (!refUl.current) {\n return;\n }\n var ulElement = refUl.current;\n var maxWidth = getNodeWidth(ulElement) - OVERFLOW_THRESHOLD;\n var childNodeList = [].slice.call(ulElement.children);\n var menuItemIndex = 0;\n var currentItemRight = 0;\n var overflowSubMenuWidth = 0;\n // 注意 childrenNodeList.length !== React.Children.count(children) 所以需要用 menuItemIndex 来标记真实的 MenuItem 下标\n for (var i = 0; i < childNodeList.length; i++) {\n var node = childNodeList[i];\n var classNames = node.className.split(' ');\n var isOverflowSubMenu = classNames.indexOf(overflowSubMenuClass) > -1;\n var isOverflowSubMenuMirror = classNames.indexOf(overflowSubMenuMirrorClass) > -1;\n // 忽略 overflowSubMenu 的宽度，其宽度测量交由 overflowSubMenuMirror\n if (isOverflowSubMenu) {\n continue;\n }\n var nodeWidth = getNodeWidth(node) +\n translatePxToNumber(getStyle(node, 'marginLeft')) +\n translatePxToNumber(getStyle(node, 'marginRight'));\n if (isOverflowSubMenuMirror) {\n overflowSubMenuWidth = nodeWidth;\n continue;\n }\n currentItemRight += nodeWidth;\n // 将要溢出的菜单项\n if (currentItemRight > maxWidth) {\n setLastVisibleIndex(\n // 判断如果将最后一个菜单项换为 ... 是否会超出宽度\n menuItemIndex - (currentItemRight - nodeWidth + overflowSubMenuWidth <= maxWidth ? 1 : 2));\n return;\n }\n menuItemIndex++;\n }\n // 全部可见\n setLastVisibleIndex(null);\n }\n var renderOverflowSubMenu = function (children, isMirror) {\n if (isMirror === void 0) { isMirror = false; }\n return (React.createElement(SubMenu, { title: React.createElement(\"span\", null, ellipsisText), key: \"arco-menu-overflow-sub-menu\" + (isMirror ? '-mirror' : ''), className: isMirror ? overflowSubMenuMirrorClass : overflowSubMenuClass, children: children }));\n };\n var renderChildren = function () {\n var overflowSubMenu = null;\n var overflowSubMenuMirror = renderOverflowSubMenu(null, true);\n var originMenuItems = React.Children.map(children, function (child, index) {\n var item = child;\n if (lastVisibleIndex !== null) {\n if (index > lastVisibleIndex) {\n item = React.cloneElement(child, {\n className: overflowMenuItemClass,\n });\n }\n if (index === lastVisibleIndex + 1) {\n var overflowedItems = React.Children.toArray(children)\n .slice(lastVisibleIndex + 1)\n .map(function (child) {\n return React.cloneElement(child, { key: child.props._key });\n });\n overflowSubMenu = renderOverflowSubMenu(overflowedItems);\n }\n }\n return item;\n });\n return __spreadArray(__spreadArray([overflowSubMenuMirror], __read(originMenuItems), false), [overflowSubMenu], false);\n };\n return (React.createElement(ResizeObserver, { onResize: computeLastVisibleIndex },\n React.createElement(\"div\", { className: prefixCls + \"-overflow-wrap\", ref: refUl }, renderChildren())));\n};\nexport default OverflowWrap;\n","import _extends from \"@babel/runtime/helpers/extends\";\nimport React, { useContext } from 'react';\nimport { IconContext } from '../context';\n\nfunction IconMenuFoldComponent(iconProps, ref) {\n const _useContext = useContext(IconContext),\n _useContext$prefixCls = _useContext.prefixCls,\n prefixCls = _useContext$prefixCls === void 0 ? 'arco' : _useContext$prefixCls;\n\n const spin = iconProps.spin,\n className = iconProps.className;\n const props = {\n \"aria-hidden\": true,\n focusable: false,\n ref,\n ...iconProps,\n className: `${className ? className + ' ' : ''}${prefixCls}-icon ${prefixCls}-icon-menu-fold`\n };\n\n if (spin) {\n props.className = `${props.className} ${prefixCls}-icon-loading`;\n }\n\n delete props.spin;\n delete props.isIcon;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"4\",\n viewBox: \"0 0 48 48\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M42 11H6M42 24H22M42 37H6M13.66 26.912l-4.82-3.118 4.82-3.118v6.236Z\"\n }));\n}\n\nconst IconMenuFold = /*#__PURE__*/React.forwardRef(IconMenuFoldComponent);\nIconMenuFold.defaultProps = {\n isIcon: true\n};\nIconMenuFold.displayName = 'IconMenuFold';\nexport default IconMenuFold;","import _extends from \"@babel/runtime/helpers/extends\";\nimport React, { useContext } from 'react';\nimport { IconContext } from '../context';\n\nfunction IconMenuUnfoldComponent(iconProps, ref) {\n const _useContext = useContext(IconContext),\n _useContext$prefixCls = _useContext.prefixCls,\n prefixCls = _useContext$prefixCls === void 0 ? 'arco' : _useContext$prefixCls;\n\n const spin = iconProps.spin,\n className = iconProps.className;\n const props = {\n \"aria-hidden\": true,\n focusable: false,\n ref,\n ...iconProps,\n className: `${className ? className + ' ' : ''}${prefixCls}-icon ${prefixCls}-icon-menu-unfold`\n };\n\n if (spin) {\n props.className = `${props.className} ${prefixCls}-icon-loading`;\n }\n\n delete props.spin;\n delete props.isIcon;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"4\",\n viewBox: \"0 0 48 48\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M6 11h36M22 24h20M6 37h36M8 20.882 12.819 24 8 27.118v-6.236Z\"\n }));\n}\n\nconst IconMenuUnfold = /*#__PURE__*/React.forwardRef(IconMenuUnfoldComponent);\nIconMenuUnfold.defaultProps = {\n isIcon: true\n};\nIconMenuUnfold.displayName = 'IconMenuUnfold';\nexport default IconMenuUnfold;","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport React, { useEffect, useContext, forwardRef, useRef, useMemo } from 'react';\nimport cs from '../_util/classNames';\nimport Item from './item';\nimport ItemGroup from './item-group';\nimport SubMenu from './sub-menu';\nimport OverflowWrap from './overflow-wrap';\nimport omit from '../_util/omit';\nimport { generateInfoMap, processChildren } from './util';\nimport { ConfigContext } from '../ConfigProvider';\nimport { SiderContext } from '../Layout';\nimport useMergeValue from '../_util/hooks/useMergeValue';\nimport IconMenuFold from '../../icon/react-icon/IconMenuFold';\nimport IconMenuUnfold from '../../icon/react-icon/IconMenuUnfold';\nimport useForceUpdate from '../_util/hooks/useForceUpdate';\nimport MenuContext from './context';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nimport useKeyboardEvent from '../_util/hooks/useKeyboardEvent';\nimport useId from '../_util/hooks/useId';\nimport { isObject } from '../_util/is';\nvar DEFAULT_THEME = 'light';\nvar defaultProps = {\n mode: 'vertical',\n selectable: true,\n ellipsis: true,\n};\nfunction Menu(baseProps, ref) {\n var _a;\n var _b = useContext(ConfigContext), getPrefixCls = _b.getPrefixCls, componentConfig = _b.componentConfig, rtl = _b.rtl;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Menu);\n var style = props.style, children = props.children, className = props.className, menuPrefixCls = props.prefixCls, mode = props.mode, propTheme = props.theme, icons = props.icons, levelIndent = props.levelIndent, propCollapse = props.collapse, inDropdown = props.inDropdown, selectable = props.selectable, triggerProps = props.triggerProps, tooltipProps = props.tooltipProps, ellipsis = props.ellipsis, accordion = props.accordion, autoOpen = props.autoOpen, autoScrollIntoView = props.autoScrollIntoView, scrollConfig = props.scrollConfig, hasCollapseButton = props.hasCollapseButton, defaultOpenKeys = props.defaultOpenKeys, defaultSelectedKeys = props.defaultSelectedKeys, propOpenKeys = props.openKeys, propSelectedKeys = props.selectedKeys, onClickSubMenu = props.onClickSubMenu, onClickMenuItem = props.onClickMenuItem, onCollapseChange = props.onCollapseChange, rest = __rest(props, [\"style\", \"children\", \"className\", \"prefixCls\", \"mode\", \"theme\", \"icons\", \"levelIndent\", \"collapse\", \"inDropdown\", \"selectable\", \"triggerProps\", \"tooltipProps\", \"ellipsis\", \"accordion\", \"autoOpen\", \"autoScrollIntoView\", \"scrollConfig\", \"hasCollapseButton\", \"defaultOpenKeys\", \"defaultSelectedKeys\", \"openKeys\", \"selectedKeys\", \"onClickSubMenu\", \"onClickMenuItem\", \"onCollapseChange\"]);\n var _c = __read(useMergeValue([], {\n defaultValue: defaultOpenKeys,\n value: propOpenKeys,\n }), 2), openKeys = _c[0], setOpenKeys = _c[1];\n var _d = __read(useMergeValue([], {\n defaultValue: defaultSelectedKeys,\n value: propSelectedKeys,\n }), 2), selectedKeys = _d[0], setSelectedKeys = _d[1];\n var _e = __read(useMergeValue(false, {\n value: propCollapse,\n }), 2), collapse = _e[0], setCollapse = _e[1];\n var menuContext = useContext(MenuContext);\n var siderCollapsed = useContext(SiderContext).siderCollapsed;\n var prefixCls = menuPrefixCls || getPrefixCls('menu');\n var mergedCollapse = siderCollapsed || collapse || inDropdown || mode === 'popButton';\n var theme = propTheme || menuContext.theme || DEFAULT_THEME;\n var refSubMenuKeys = useRef([]);\n var refPrevSubMenuKeys = useRef([]);\n var forceUpdate = useForceUpdate();\n var getKeyboardEvents = useKeyboardEvent();\n var menuInfoMap = useMemo(function () {\n return generateInfoMap(children);\n }, [children]);\n // Unique ID of this instance\n var _instanceId = useId(prefixCls + \"-\");\n var instanceId = rest.id || _instanceId;\n // autoOpen 时，初次渲染展开所有的子菜单\n useEffect(function () {\n // 从 openKeys 中过滤已经不存在的 subMenuKey\n var validOpenKeys = openKeys.filter(function (key) { return refSubMenuKeys.current.indexOf(key) !== -1; });\n if (autoOpen) {\n var keysAdded = refSubMenuKeys.current.filter(function (key) { return refPrevSubMenuKeys.current.indexOf(key) === -1; });\n validOpenKeys = openKeys.concat(keysAdded);\n }\n setOpenKeys(accordion ? validOpenKeys.slice(0, 1) : validOpenKeys);\n refPrevSubMenuKeys.current = refSubMenuKeys.current.slice();\n }, [refSubMenuKeys.current.toString()]);\n var mergedHasCollapseButton = mode !== 'horizontal' && mode !== 'popButton' && !inDropdown && hasCollapseButton;\n var renderChildren = function () {\n var childrenList = processChildren(children, { level: 1 });\n var collapseIcon = collapse\n ? (icons && icons.collapseActive) || React.createElement(IconMenuUnfold, null)\n : (icons && icons.collapseDefault) || React.createElement(IconMenuFold, null);\n var collapseButtonClickHandler = function () {\n var newCollapse = !collapse;\n setCollapse(newCollapse);\n onCollapseChange && onCollapseChange(newCollapse);\n };\n return (React.createElement(React.Fragment, null,\n React.createElement(\"div\", { className: prefixCls + \"-inner\" }, mode === 'horizontal' && ellipsis !== false ? (React.createElement(OverflowWrap, { ellipsisText: isObject(ellipsis) ? ellipsis.text : '···' }, childrenList)) : (childrenList)),\n mergedHasCollapseButton && (React.createElement(\"div\", __assign({ tabIndex: 0, role: \"button\", \"aria-controls\": instanceId, \"aria-expanded\": !collapse, className: prefixCls + \"-collapse-button\", onClick: collapseButtonClickHandler }, getKeyboardEvents({ onPressEnter: collapseButtonClickHandler })), collapseIcon))));\n };\n var usedStyle = __assign({}, style);\n if (mergedCollapse && !inDropdown) {\n delete usedStyle.width;\n }\n return (React.createElement(\"div\", __assign({ id: mergedHasCollapseButton ? instanceId : undefined, role: \"menu\" }, omit(rest, ['isMenu']), { ref: ref, style: usedStyle, className: cs(prefixCls, prefixCls + \"-\" + theme, prefixCls + \"-\" + (mode === 'horizontal' ? 'horizontal' : 'vertical'), (_a = {},\n _a[prefixCls + \"-collapse\"] = mergedCollapse,\n // 缩起状态自动变成 pop 模式\n _a[prefixCls + \"-pop\"] = mode === 'pop' || mergedCollapse,\n _a[prefixCls + \"-pop-button\"] = mode === 'popButton',\n _a[prefixCls + \"-rtl\"] = rtl,\n _a), className) }),\n React.createElement(MenuContext.Provider, { value: {\n mode: mode,\n theme: theme,\n collapse: mergedCollapse,\n levelIndent: levelIndent,\n inDropdown: inDropdown,\n selectedKeys: selectedKeys,\n openKeys: openKeys,\n icons: icons,\n triggerProps: triggerProps,\n tooltipProps: tooltipProps,\n autoScrollIntoView: autoScrollIntoView,\n scrollConfig: scrollConfig,\n // pass props directly\n id: instanceId,\n prefixCls: prefixCls,\n collectInlineMenuKeys: function (key, unmount) {\n if (unmount) {\n refSubMenuKeys.current = refSubMenuKeys.current.filter(function (x) { return x !== key; });\n }\n else {\n refSubMenuKeys.current.push(key);\n }\n forceUpdate();\n },\n onClickMenuItem: function (key, event) {\n var _a;\n selectable && setSelectedKeys([key]);\n onClickMenuItem && onClickMenuItem(key, event, (_a = menuInfoMap[key]) === null || _a === void 0 ? void 0 : _a.keyPath);\n },\n onClickSubMenu: function (key, level, type) {\n var _a;\n var newOpenKeys = __spreadArray([], __read(openKeys), false);\n if (type === 'inline') {\n if ((openKeys === null || openKeys === void 0 ? void 0 : openKeys.indexOf(key)) > -1) {\n if (accordion && level === 1) {\n newOpenKeys = [];\n }\n else {\n newOpenKeys = openKeys.filter(function (item) { return item !== key; });\n }\n }\n else if (accordion && level === 1) {\n newOpenKeys = [key];\n }\n else {\n newOpenKeys = openKeys.concat([key]);\n }\n }\n setOpenKeys(newOpenKeys);\n onClickSubMenu && onClickSubMenu(key, newOpenKeys, (_a = menuInfoMap[key]) === null || _a === void 0 ? void 0 : _a.keyPath);\n },\n } }, renderChildren())));\n}\nvar ForwardRefMenu = forwardRef(Menu);\nvar MenuComponent = ForwardRefMenu;\nMenuComponent.displayName = 'Menu';\nMenuComponent.Item = Item;\nMenuComponent.SubMenu = SubMenu;\nMenuComponent.ItemGroup = ItemGroup;\nMenuComponent.__ARCO_MENU__ = true;\nexport default MenuComponent;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nimport React, { createRef } from 'react';\nimport ContextHolderElement from '../_util/contextHolder';\nimport Message from '.';\nimport { isString } from '../_util/is';\nfunction useMessage(commonConfig) {\n if (commonConfig === void 0) { commonConfig = {}; }\n var maxCount = commonConfig.maxCount, _a = commonConfig.duration, duration = _a === void 0 ? 3000 : _a, _prefixCls = commonConfig.prefixCls;\n var contextHolderRef = createRef();\n var holderEle = React.createElement(ContextHolderElement, { ref: contextHolderRef });\n var messageInstance = {};\n var notice;\n function addNotice(config) {\n var prefixCls, rtl;\n if (contextHolderRef.current) {\n var contextConfig = contextHolderRef.current.getContextConfig();\n rtl = contextConfig.rtl;\n prefixCls = contextConfig.prefixCls;\n }\n var mergedPrefixCls = _prefixCls || prefixCls;\n var _noticeProps = __assign({ position: 'top', duration: duration }, config);\n var position = _noticeProps.position, transitionClassNames = _noticeProps.transitionClassNames;\n var id;\n if (messageInstance[position]) {\n var notices = messageInstance[position].state.notices;\n if (notices.length >= maxCount) {\n var updated = notices[0];\n id = updated.id;\n notices.shift();\n messageInstance[position].add(__assign(__assign({}, _noticeProps), { id: id }));\n }\n else {\n id = messageInstance[position].add(_noticeProps);\n }\n }\n else {\n notice = (React.createElement(Message, { transitionClassNames: transitionClassNames, ref: function (instance) {\n messageInstance[position] = instance;\n if (messageInstance[position]) {\n id = messageInstance[position].add(_noticeProps);\n }\n }, prefixCls: mergedPrefixCls, rtl: rtl }));\n contextHolderRef.current.addInstance(notice);\n }\n var close = function () {\n if (messageInstance[position]) {\n messageInstance[position].remove(id);\n }\n };\n return close;\n }\n var messageFuncs = {};\n ['info', 'success', 'warning', 'error', 'normal'].forEach(function (type) {\n messageFuncs[type] = function (config) {\n var _config = isString(config) ? { content: config } : config;\n return addNotice(__assign(__assign({}, _config), { type: type }));\n };\n });\n return [messageFuncs, holderEle];\n}\nexport default useMessage;\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n if (typeof b !== \"function\" && b !== null)\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nimport React from 'react';\nimport { CSSTransition, TransitionGroup } from 'react-transition-group';\nimport { render } from '../_util/react-dom';\nimport BaseNotification from '../_class/notification';\nimport Notice from '../_class/notice';\nimport cs from '../_util/classNames';\nimport { isUndefined, isNumber } from '../_util/is';\nimport useMessage from './useMessage';\nvar messageTypes = ['info', 'success', 'error', 'warning', 'loading', 'normal'];\nvar messageInstance = {};\nvar maxCount;\nvar prefixCls;\nvar duration;\nvar container;\nvar rtl;\nfunction addInstance(noticeProps) {\n var _noticeProps = __assign({ position: 'top', duration: duration }, noticeProps);\n var position = _noticeProps.position, transitionClassNames = _noticeProps.transitionClassNames, transitionTimeout = _noticeProps.transitionTimeout;\n var id;\n if (messageInstance[position]) {\n var notices = messageInstance[position].state.notices;\n if (notices.length >= maxCount) {\n var updated = notices[0];\n id = updated.id;\n notices.shift();\n messageInstance[position].add(__assign(__assign({}, _noticeProps), { id: id }));\n }\n else {\n id = messageInstance[position].add(_noticeProps);\n }\n }\n else {\n var div = document.createElement('div');\n (container || document.body).appendChild(div);\n render(React.createElement(Message, { transitionClassNames: transitionClassNames, transitionTimeout: transitionTimeout, ref: function (instance) {\n messageInstance[position] = instance;\n id = messageInstance[position].add(_noticeProps);\n } }), div);\n }\n var result = function () {\n if (messageInstance[position]) {\n messageInstance[position].remove(id);\n }\n };\n return result;\n}\nvar Message = /** @class */ (function (_super) {\n __extends(Message, _super);\n function Message() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.remove = function (id) {\n var noticeItem = _this.state.notices.find(function (item) { return item.id === id; });\n if (noticeItem) {\n _this.update(__assign(__assign({}, noticeItem), { style: __assign(__assign({}, noticeItem.style), { opacity: 0 }) }));\n }\n // 100 是透明度动画结束的时间\n setTimeout(function () {\n _super.prototype.remove.call(_this, id);\n }, 100);\n };\n return _this;\n }\n Message.prototype.render = function () {\n var _this = this;\n var _a = this.props, transitionClassNames = _a.transitionClassNames, _transitionTimeout = _a.transitionTimeout, _prefixCls = _a.prefixCls, _rtl = _a.rtl;\n var _b = this.state, notices = _b.notices, position = _b.position;\n var mergedPrefixCls = _prefixCls || prefixCls;\n var mergedRtl = !isUndefined(_rtl) ? _rtl : rtl;\n var prefixClsMessage = mergedPrefixCls ? mergedPrefixCls + \"-message\" : 'arco-message';\n var transitionTimeout = {\n enter: isNumber(_transitionTimeout === null || _transitionTimeout === void 0 ? void 0 : _transitionTimeout.enter) ? _transitionTimeout === null || _transitionTimeout === void 0 ? void 0 : _transitionTimeout.enter : 100,\n exit: isNumber(_transitionTimeout === null || _transitionTimeout === void 0 ? void 0 : _transitionTimeout.exit) ? _transitionTimeout === null || _transitionTimeout === void 0 ? void 0 : _transitionTimeout.exit : 300,\n };\n var classNames = cs(prefixClsMessage + \"-wrapper\", prefixClsMessage + \"-wrapper-\" + position);\n return (React.createElement(\"div\", { className: classNames },\n React.createElement(TransitionGroup, { component: null }, notices.map(function (notice) { return (React.createElement(CSSTransition, { key: notice.id, timeout: transitionTimeout, classNames: transitionClassNames || \"fadeMessage\", onExit: function (e) {\n e.style.height = e.scrollHeight + \"px\";\n }, onExiting: function (e) {\n e.style.height = 0;\n }, onExited: function (e) {\n e.style.height = 0;\n notice.onClose && notice.onClose();\n } },\n React.createElement(Notice, __assign({}, notice, { prefixCls: prefixClsMessage, iconPrefix: mergedPrefixCls, onClose: _this.remove, noticeType: \"message\", rtl: mergedRtl })))); }))));\n };\n Message.config = function (options) {\n if (options === void 0) { options = {}; }\n if (options.maxCount) {\n maxCount = options.maxCount;\n }\n if (options.prefixCls) {\n prefixCls = options.prefixCls;\n }\n if (options.duration) {\n duration = options.duration;\n }\n if (options.rtl) {\n rtl = options.rtl;\n }\n if (options.getContainer && options.getContainer() !== container) {\n container = options.getContainer();\n Object.keys(messageInstance).forEach(function (notice) { return messageInstance[notice].clear(); });\n messageInstance = {};\n }\n };\n Message.clear = function () {\n Object.keys(messageInstance).forEach(function (ins) {\n messageInstance[ins].clear();\n });\n };\n Message.addInstance = addInstance;\n return Message;\n}(BaseNotification));\nmessageTypes.forEach(function (type) {\n Message[type] = function (noticeProps) {\n var props = typeof noticeProps === 'string' ? { content: noticeProps } : noticeProps;\n return addInstance(__assign(__assign({}, props), { type: type }));\n };\n});\nMessage.useMessage = useMessage;\nexport default Message;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar configProvider = {};\nexport function setConfigProviderProps(configProviderProps) {\n configProvider = __assign({}, configProviderProps);\n}\nexport function getConfigProviderProps() {\n return configProvider;\n}\nvar modalConfig = {\n simple: true,\n};\nexport var setModalConfig = function (config) {\n modalConfig = __assign(__assign({}, modalConfig), config);\n};\nexport var getModalConfig = function () {\n return modalConfig;\n};\nexport var destroyList = [];\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nimport React from 'react';\nimport { render as ReactDOMRender } from '../_util/react-dom';\nimport Modal from './modal';\nimport IconInfoCircleFill from '../../icon/react-icon/IconInfoCircleFill';\nimport IconCheckCircleFill from '../../icon/react-icon/IconCheckCircleFill';\nimport IconExclamationCircleFill from '../../icon/react-icon/IconExclamationCircleFill';\nimport IconCloseCircleFill from '../../icon/react-icon/IconCloseCircleFill';\nimport { getModalConfig, destroyList, getConfigProviderProps } from './config';\nimport ConfigProvider from '../ConfigProvider';\nfunction ConfirmModal(props) {\n var _a = getModalConfig(), prefixCls = _a.prefixCls, simple = _a.simple;\n return (React.createElement(Modal, __assign({ prefixCls: prefixCls, simple: simple }, props), props.content));\n}\n// 如果是消息提示型弹出框，那么只有确认按钮\nexport var normalizeConfig = function (_config) {\n var icon = _config.icon;\n if (!icon && icon !== null) {\n icon = React.createElement(IconExclamationCircleFill, null);\n if (_config.isNotice) {\n switch (_config.noticeType) {\n case 'info':\n icon = React.createElement(IconInfoCircleFill, null);\n break;\n case 'success':\n icon = React.createElement(IconCheckCircleFill, null);\n break;\n case 'warning':\n icon = React.createElement(IconExclamationCircleFill, null);\n break;\n case 'error':\n icon = React.createElement(IconCloseCircleFill, null);\n break;\n default:\n break;\n }\n }\n }\n if (_config.isNotice) {\n _config.hideCancel = true;\n }\n _config.title =\n icon === null && _config.title === null ? null : (React.createElement(\"span\", null,\n icon,\n _config.title));\n return _config;\n};\nfunction confirm(config, renderFunc) {\n var root;\n var div = document.createElement('div');\n document.body.appendChild(div);\n var configProviderProps = getConfigProviderProps();\n function render(props) {\n var dom = (React.createElement(ConfigProvider, __assign({}, configProviderProps),\n React.createElement(ConfirmModal, __assign({}, props, { onCancel: onCancel }))));\n if (root) {\n root.render(dom);\n }\n else {\n root = ReactDOMRender(dom, div);\n }\n }\n var renderFunction = renderFunc || render;\n var modalConfig = __assign(__assign({}, config), { visible: false });\n var onOk = function () {\n var ret;\n var _onOk = config.onOk || config.onConfirm;\n if (_onOk) {\n ret = _onOk();\n }\n if (ret && ret.then) {\n modalConfig.confirmLoading = true;\n renderFunction(modalConfig);\n ret.then(function () {\n onCancel(true);\n }, function (e) {\n console.error(e);\n modalConfig.confirmLoading = false;\n renderFunction(modalConfig);\n });\n }\n if (!ret) {\n onCancel(true);\n }\n };\n // 如果是promise，那么处理loading和加载完成关闭\n modalConfig.onOk = onOk;\n modalConfig = normalizeConfig(modalConfig);\n modalConfig.visible = true;\n renderFunction(modalConfig);\n function destroy() {\n root = root === null || root === void 0 ? void 0 : root._unmount();\n if (div.parentNode) {\n div.parentNode.removeChild(div);\n }\n for (var i = 0; i < destroyList.length; i++) {\n var fn = destroyList[i];\n if (fn === close) {\n destroyList.splice(i, 1);\n break;\n }\n }\n }\n function onCancel(isOnOk) {\n !isOnOk && config.onCancel && config.onCancel();\n modalConfig.visible = false;\n modalConfig.afterClose = function () {\n config.afterClose && config.afterClose();\n destroy();\n };\n renderFunction(modalConfig);\n }\n function update(newConfig) {\n modalConfig = __assign(__assign(__assign({}, modalConfig), { title: config.title }), newConfig);\n modalConfig = normalizeConfig(modalConfig);\n renderFunction(modalConfig);\n }\n function close() {\n modalConfig.visible = false;\n modalConfig.afterClose = function () {\n config.afterClose && config.afterClose();\n destroy();\n };\n renderFunction(modalConfig);\n }\n destroyList.push(close);\n return {\n close: close,\n update: update,\n };\n}\nexport default confirm;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { useState, useImperativeHandle, forwardRef } from 'react';\nimport Modal from '../modal';\nfunction HookModal(props, ref) {\n var _a = __read(useState(true), 2), visible = _a[0], setVisible = _a[1];\n var _b = __read(useState(props), 2), config = _b[0], setConfig = _b[1];\n useImperativeHandle(ref, function () { return ({\n update: function (config) {\n setConfig(config);\n },\n close: function () {\n setVisible(false);\n },\n }); });\n function onOk() {\n var ret = config.onOk && config.onOk();\n if (ret && ret.then) {\n setConfig(function (config) { return (__assign(__assign({}, config), { confirmLoading: true })); });\n ret.then(function () {\n setVisible(false);\n }, function (e) {\n console.error(e);\n setConfig(function (config) { return (__assign(__assign({}, config), { confirmLoading: false })); });\n });\n }\n if (!ret) {\n setVisible(false);\n }\n }\n function onCancel() {\n config.onCancel && config.onCancel();\n setVisible(false);\n }\n return (React.createElement(Modal, __assign({ unmountOnExit: true, simple: true }, config, { visible: visible, onOk: onOk, onCancel: onCancel }), config.content));\n}\nexport default forwardRef(HookModal);\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nimport React, { createRef, useRef } from 'react';\nimport ContextHolderElement from '../../_util/contextHolder';\nimport HookModal from './hookModal';\nimport { normalizeConfig } from '../confirm';\nimport { destroyList } from '../config';\nfunction useModal() {\n var contextHolderRef = useRef();\n var holderEle = React.createElement(ContextHolderElement, { ref: contextHolderRef });\n var uuid = 0;\n function addNewModal(config) {\n var _a;\n uuid += 1;\n var modalRef = createRef();\n var currentConfig = __assign({}, config);\n function afterClose() {\n config.afterClose && config.afterClose();\n removeModalInstance();\n }\n var modal = (React.createElement(HookModal, __assign({ key: uuid, ref: modalRef }, normalizeConfig(__assign({}, config)), { afterClose: afterClose })));\n (_a = contextHolderRef.current) === null || _a === void 0 ? void 0 : _a.addInstance(modal);\n function removeModalInstance() {\n var _a;\n (_a = contextHolderRef.current) === null || _a === void 0 ? void 0 : _a.removeInstance(modal);\n }\n function close() {\n var _a;\n (_a = modalRef.current) === null || _a === void 0 ? void 0 : _a.close();\n }\n function update(newConfig) {\n var _a;\n currentConfig = __assign(__assign({}, currentConfig), newConfig);\n (_a = modalRef.current) === null || _a === void 0 ? void 0 : _a.update(normalizeConfig(__assign({}, currentConfig)));\n }\n destroyList.push(close);\n return {\n close: close,\n update: update,\n };\n }\n var modalFuncs = {\n confirm: function (config) {\n return addNewModal(__assign({}, config));\n },\n };\n ['info', 'success', 'warning', 'error'].forEach(function (type) {\n modalFuncs[type] = function (config) {\n return addNewModal(__assign(__assign({}, config), { isNotice: true, noticeType: type }));\n };\n });\n return [modalFuncs, holderEle];\n}\nexport default useModal;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport { findDOMNode } from 'react-dom';\nimport React, { useState, forwardRef, useContext, useRef, useEffect, useCallback, } from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport FocusLock from 'react-focus-lock';\nimport IconClose from '../../icon/react-icon/IconClose';\nimport cs from '../_util/classNames';\nimport { isServerRendering, contains } from '../_util/dom';\nimport { Esc } from '../_util/keycode';\nimport Button from '../Button';\nimport Portal from '../Portal';\nimport confirm from './confirm';\nimport ConfigProvider, { ConfigContext } from '../ConfigProvider';\nimport IconHover from '../_class/icon-hover';\nimport { setModalConfig, destroyList } from './config';\nimport { isFunction, isObject } from '../_util/is';\nimport omit from '../_util/omit';\nimport useOverflowHidden from '../_util/hooks/useOverflowHidden';\nimport useModal from './useModal';\nimport useMergeValue from '../_util/hooks/useMergeValue';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nvar cursorPosition = null;\nvar globalDialogIndex = 0;\nif (!isServerRendering) {\n document.documentElement.addEventListener('click', function (e) {\n cursorPosition = {\n left: e.clientX,\n top: e.clientY,\n };\n // 受控模式下，用户不一定马上打开弹窗，这期间可能出现其他 UI 操作，那这个位置就不可用了。\n setTimeout(function () {\n cursorPosition = null;\n }, 100);\n }, true);\n}\nvar defaultProps = {\n mask: true,\n maskClosable: true,\n mountOnEnter: true,\n escToExit: true,\n getPopupContainer: function () { return document.body; },\n alignCenter: true,\n};\nfunction Modal(baseProps, ref) {\n var _a, _b;\n var _c;\n var context = useContext(ConfigContext);\n var props = useMergeProps(baseProps, defaultProps, (_c = context.componentConfig) === null || _c === void 0 ? void 0 : _c.Modal);\n var className = props.className, style = props.style, visible = props.visible, simple = props.simple, title = props.title, children = props.children, cancelText = props.cancelText, okText = props.okText, okButtonProps = props.okButtonProps, cancelButtonProps = props.cancelButtonProps, _d = props.getPopupContainer, getPopupContainer = _d === void 0 ? function () { return document.body; } : _d, footer = props.footer, afterClose = props.afterClose, confirmLoading = props.confirmLoading, mountOnEnter = props.mountOnEnter, unmountOnExit = props.unmountOnExit, afterOpen = props.afterOpen, hideCancel = props.hideCancel, autoFocus = props.autoFocus, focusLock = props.focusLock, maskClosable = props.maskClosable, mask = props.mask, alignCenter = props.alignCenter, getChildrenPopupContainer = props.getChildrenPopupContainer, wrapClassName = props.wrapClassName, escToExit = props.escToExit, modalRender = props.modalRender, maskStyle = props.maskStyle, wrapStyle = props.wrapStyle, closeIcon = props.closeIcon, 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 var modalWrapperRef = useRef(null);\n var contentWrapper = useRef(null);\n var _e = __read(useState(), 2), wrapperVisible = _e[0], setWrapperVisible = _e[1];\n var _f = __read(useState(), 2), popupZIndex = _f[0], setPopupZIndex = _f[1];\n var cursorPositionRef = useRef(null);\n var haveOriginTransformOrigin = useRef(false);\n var maskClickRef = useRef(false);\n var dialogIndex = useRef();\n if (!dialogIndex.current) {\n dialogIndex.current = globalDialogIndex++;\n }\n var _g = __read(useMergeValue(false, {\n defaultValue: false,\n value: confirmLoading,\n }), 2), loading = _g[0], setLoading = _g[1];\n var prefixCls = context.getPrefixCls('modal', props.prefixCls);\n var locale = context.locale, rtl = context.rtl;\n // 简洁模式下默认不显示关闭按钮\n var defaultClosable = !simple;\n var closable = 'closable' in props ? props.closable : defaultClosable;\n var getContainer = useCallback(function () {\n return findDOMNode(getPopupContainer());\n }, [getPopupContainer]);\n useOverflowHidden(getContainer, { hidden: visible && mask });\n var onCancel = function () {\n props.onCancel && props.onCancel();\n };\n var onEscExit = function (event) {\n if (escToExit && visible && event.key === Esc.key) {\n event.stopPropagation();\n onCancel();\n }\n };\n var inExit = useRef(false);\n var onClickMask = function (e) {\n if (!maskClickRef.current)\n return;\n maskClickRef.current = false;\n if (!inExit.current && maskClosable && mask && e.target === e.currentTarget) {\n setTimeout(function () {\n onCancel();\n }, 100);\n }\n };\n var onConfirmModal = function (e) {\n var onConfirm = props.onConfirm, onOk = props.onOk;\n var _onConfirm = onOk || onConfirm;\n var ret;\n if (_onConfirm) {\n ret = _onConfirm(e);\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 useEffect(function () {\n var timer = null;\n if (escToExit) {\n timer = setTimeout(function () {\n var _a;\n // https://github.com/arco-design/arco-design/pull/1439\n if (contains(document.body, modalWrapperRef.current)) {\n (_a = modalWrapperRef.current) === null || _a === void 0 ? void 0 : _a.focus();\n }\n });\n }\n return function () {\n timer && clearTimeout(timer);\n };\n }, [visible, escToExit]);\n useEffect(function () {\n var _a;\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 if (!isNaN(zIndex)) {\n setPopupZIndex(zIndex + 1);\n }\n }\n }\n }, [visible, popupZIndex]);\n var renderFooter = function () {\n if (footer === null)\n return;\n var cancelButtonNode = (React.createElement(Button, __assign({ onClick: onCancel }, cancelButtonProps), cancelText || locale.Modal.cancelText));\n var okButtonNode = (React.createElement(Button, __assign({ loading: loading, onClick: onConfirmModal, type: \"primary\" }, okButtonProps), okText || locale.Modal.okText));\n var footerContent = isFunction(footer)\n ? footer(cancelButtonNode, okButtonNode)\n : footer || (React.createElement(React.Fragment, null,\n !hideCancel && cancelButtonNode,\n okButtonNode));\n return React.createElement(\"div\", { className: prefixCls + \"-footer\" }, footerContent);\n };\n var globalFocusLockConfig = context.focusLock.modal;\n var globalFocusLock = !!globalFocusLockConfig;\n var globalAutoFocus = isObject(globalFocusLockConfig) && globalFocusLockConfig.autoFocus;\n var innerFocusLock = focusLock !== undefined ? focusLock : globalFocusLock;\n var innerAutoFocus = autoFocus !== undefined ? autoFocus : globalAutoFocus;\n var element = (React.createElement(ConfigProvider, __assign({}, context, { prefixCls: props.prefixCls || context.prefixCls, locale: locale, zIndex: popupZIndex || 1050, getPopupContainer: function (node) {\n return typeof getChildrenPopupContainer === 'function'\n ? getChildrenPopupContainer(node)\n : contentWrapper.current;\n } }),\n title && (React.createElement(\"div\", { className: prefixCls + \"-header\" },\n React.createElement(\"div\", { className: prefixCls + \"-title\", id: \"arco-dialog-\" + dialogIndex.current }, title))),\n React.createElement(\"div\", { ref: contentWrapper, className: prefixCls + \"-content\" }, children),\n renderFooter(),\n closable &&\n (closeIcon !== undefined ? (React.createElement(\"span\", { onClick: onCancel, className: prefixCls + \"-close-icon\" }, closeIcon)) : (React.createElement(IconHover, { tabIndex: -1, onClick: onCancel, className: prefixCls + \"-close-icon\", role: \"button\", \"aria-label\": \"Close\" },\n React.createElement(IconClose, null))))));\n var ariaProps = title ? { 'aria-labelledby': \"arco-dialog-\" + dialogIndex.current } : {};\n var modalDom = (React.createElement(\"div\", __assign({ role: \"dialog\", \"aria-modal\": \"true\" }, ariaProps, { className: cs(prefixCls, (_a = {},\n _a[prefixCls + \"-simple\"] = simple,\n _a[prefixCls + \"-rtl\"] = rtl,\n _a), className), style: style }), innerFocusLock ? (React.createElement(FocusLock, { crossFrame: false, disabled: !visible, autoFocus: innerAutoFocus, lockProps: {\n tabIndex: -1,\n onKeyDown: onEscExit,\n } }, element)) : (React.createElement(React.Fragment, null, element))));\n var setTransformOrigin = function (e) {\n if (haveOriginTransformOrigin.current)\n return;\n var transformOrigin = '';\n if (cursorPositionRef.current) {\n var eRect = e.getBoundingClientRect();\n var _a = cursorPositionRef.current, left = _a.left, top_1 = _a.top;\n transformOrigin = left - eRect.left + \"px \" + (top_1 - eRect.top) + \"px\";\n }\n e.style.transformOrigin = transformOrigin;\n };\n return (React.createElement(Portal, { visible: visible, forceRender: !mountOnEnter, getContainer: getPopupContainer },\n React.createElement(\"div\", { ref: ref },\n mask ? (React.createElement(CSSTransition, { in: visible, timeout: 400, appear: true, mountOnEnter: mountOnEnter, classNames: \"fadeModal\", unmountOnExit: unmountOnExit, onEnter: function (e) {\n e.style.display = 'block';\n }, onExited: function (e) {\n e.style.display = 'none';\n } },\n React.createElement(\"div\", { \"aria-hidden\": true, className: prefixCls + \"-mask\", style: maskStyle }))) : null,\n React.createElement(\"div\", __assign({}, omit(rest, [\n 'content',\n 'icon',\n 'showIcon',\n 'isNotice',\n 'noticeType',\n 'onCancel',\n 'onOk',\n 'onConfirm',\n 'closable',\n 'prefixCls',\n ]), { tabIndex: !innerFocusLock || !innerAutoFocus ? -1 : null, ref: modalWrapperRef, className: cs(prefixCls + \"-wrapper\", (_b = {},\n _b[prefixCls + \"-wrapper-no-mask\"] = !mask,\n _b[prefixCls + \"-wrapper-align-center\"] = alignCenter,\n _b[prefixCls + \"-wrapper-rtl\"] = rtl,\n _b), wrapClassName), style: __assign(__assign({}, (wrapStyle || {})), { \n // 必须 visible=false，立即设置display:none，否则modal加载react-monaco-editor的时候，编辑器显示异常\n display: visible || wrapperVisible ? 'block' : 'none', overflow: !visible && wrapperVisible ? 'hidden' : '' }), \n // 如果 autoFocus 是 false 需要在 modal 外层绑定 onKeyDown, 因为此时 FocusLock 绑定的 onKeyDown 不起作用\n onKeyDown: !innerFocusLock || !innerAutoFocus ? onEscExit : null, onMouseDown: function (e) {\n maskClickRef.current = e.target === e.currentTarget;\n }, onClick: onClickMask }),\n React.createElement(CSSTransition, { in: visible, timeout: 400, appear: true, classNames: \"zoomModal\", unmountOnExit: unmountOnExit, mountOnEnter: mountOnEnter, onEnter: function (e) {\n setWrapperVisible(true);\n cursorPositionRef.current = cursorPosition;\n haveOriginTransformOrigin.current = !!e.style.transformOrigin;\n setTransformOrigin(e);\n }, onEntered: function (e) {\n setTransformOrigin(e);\n cursorPositionRef.current = null;\n afterOpen && afterOpen();\n }, onExit: function () {\n inExit.current = true;\n }, onExited: function (e) {\n setWrapperVisible(false);\n setTransformOrigin(e);\n afterClose && afterClose();\n inExit.current = false;\n } }, React.cloneElement((isFunction(modalRender) ? modalRender(modalDom) : modalDom), {\n onMouseDown: function () {\n maskClickRef.current = false;\n },\n onMouseUp: function () {\n maskClickRef.current = false;\n },\n }))))));\n}\nvar ExportedModalComponent = forwardRef(Modal);\nExportedModalComponent.displayName = 'Modal';\nExportedModalComponent.config = setModalConfig;\nExportedModalComponent.confirm = function (props) {\n return confirm(props);\n};\nExportedModalComponent.useModal = useModal;\n['info', 'success', 'warning', 'error'].forEach(function (type) {\n ExportedModalComponent[type] = function (props) {\n return confirm(__assign(__assign({}, props), { isNotice: true, noticeType: type }));\n };\n});\nExportedModalComponent.destroyAll = function () {\n while (destroyList.length) {\n var close_1 = destroyList.pop();\n if (close_1) {\n close_1();\n }\n }\n};\nexport default ExportedModalComponent;\n","import Modal from './modal';\nexport default Modal;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nimport React, { createRef } from 'react';\nimport ContextHolderElement from '../_util/contextHolder';\nimport Notification from '.';\nimport { isUndefined } from '../_util/is';\nfunction useNotification(commonConfig) {\n if (commonConfig === void 0) { commonConfig = {}; }\n var maxCount = commonConfig.maxCount, _a = commonConfig.duration, duration = _a === void 0 ? 3000 : _a, _prefixCls = commonConfig.prefixCls;\n var contextHolderRef = createRef();\n var holderEle = React.createElement(ContextHolderElement, { ref: contextHolderRef });\n var notificationInstance = {};\n var notice;\n function addNotice(noticeProps) {\n var prefixCls, rtl;\n if (contextHolderRef.current) {\n var contextConfig = contextHolderRef.current.getContextConfig();\n rtl = contextConfig.rtl;\n prefixCls = contextConfig.prefixCls;\n }\n var mergedPrefixCls = _prefixCls || prefixCls;\n var position = noticeProps.position;\n if (isUndefined(noticeProps.position)) {\n position = rtl ? 'topLeft' : 'topRight';\n }\n var _noticeProps = __assign({ duration: duration }, noticeProps);\n var id;\n if (notificationInstance[position]) {\n var notices = notificationInstance[position].state.notices;\n if (notices.length >= maxCount) {\n var updated = notices[0];\n id = updated.id;\n notices.shift();\n notificationInstance[position].add(__assign(__assign({}, _noticeProps), { id: id }));\n }\n else {\n id = notificationInstance[position].add(_noticeProps);\n }\n }\n else {\n notice = (React.createElement(Notification, { ref: function (instance) {\n notificationInstance[position] = instance;\n if (notificationInstance[position]) {\n id = notificationInstance[position].add(_noticeProps);\n }\n }, prefixCls: mergedPrefixCls, rtl: rtl }));\n contextHolderRef.current.addInstance(notice);\n }\n return notificationInstance[position];\n }\n var notificationFuncs = {};\n ['info', 'success', 'warning', 'error', 'normal'].forEach(function (type) {\n notificationFuncs[type] = function (config) {\n return addNotice(__assign(__assign({}, config), { type: type }));\n };\n });\n return [notificationFuncs, holderEle];\n}\nexport default useNotification;\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n if (typeof b !== \"function\" && b !== null)\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nimport React from 'react';\nimport { CSSTransition, TransitionGroup } from 'react-transition-group';\nimport { render as ReactDOMRender } from '../_util/react-dom';\nimport BaseNotification from '../_class/notification';\nimport Notice from '../_class/notice';\nimport cs from '../_util/classNames';\nimport { isNumber, isUndefined } from '../_util/is';\nimport useNotification from './useNotification';\nvar notificationTypes = ['info', 'success', 'error', 'warning', 'normal'];\nvar notificationInstance = {};\n// global config\nvar maxCount;\nvar prefixCls;\nvar duration;\nvar container;\nvar rtl;\nvar Notification = /** @class */ (function (_super) {\n __extends(Notification, _super);\n function Notification() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.remove = function (id) {\n var noticeItem = _this.state.notices.find(function (item) { return item.id === id; });\n if (noticeItem) {\n _this.update(__assign(__assign({}, noticeItem), { style: __assign(__assign({}, noticeItem.style), { opacity: 0 }) }));\n }\n // 200 是透明度动画结束的时间\n setTimeout(function () {\n _super.prototype.remove.call(_this, id);\n }, 200);\n };\n return _this;\n }\n Notification.prototype.render = function () {\n var _a;\n var _this = this;\n var notices = this.state.notices;\n var _b = this.props, _prefixCls = _b.prefixCls, _rtl = _b.rtl;\n var position = this.state.position;\n var mergedRtl = !isUndefined(_rtl) ? _rtl : rtl;\n if (isUndefined(position)) {\n position = mergedRtl ? 'topLeft' : 'topRight';\n }\n var mergedPrefixCls = _prefixCls || prefixCls;\n var prefixClsNotification = mergedPrefixCls\n ? mergedPrefixCls + \"-notification\"\n : 'arco-notification';\n var transitionClass;\n if (position === 'topLeft' || position === 'bottomLeft') {\n transitionClass = 'slideNoticeLeft';\n }\n else {\n transitionClass = 'slideNoticeRight';\n }\n var classNames = cs(prefixClsNotification + \"-wrapper\", prefixClsNotification + \"-wrapper-\" + position, (_a = {}, _a[prefixClsNotification + \"-wrapper-rtl\"] = rtl, _a));\n return (React.createElement(\"div\", { className: classNames },\n React.createElement(TransitionGroup, { component: null }, notices.map(function (notice) { return (React.createElement(CSSTransition, { key: notice.id, timeout: {\n enter: 400,\n exit: 300,\n }, classNames: transitionClass, onExit: function (e) {\n e.style.height = e.scrollHeight + \"px\";\n }, onExiting: function (e) {\n e.style.height = 0;\n }, onExited: function (e) {\n e.style.height = 0;\n notice.onClose && notice.onClose();\n } },\n React.createElement(Notice, __assign({}, notice, { onClose: _this.remove, prefixCls: prefixClsNotification, iconPrefix: mergedPrefixCls, noticeType: \"notification\", rtl: mergedRtl })))); }))));\n };\n Notification.config = function (options) {\n if (options === void 0) { options = {}; }\n if (options.maxCount) {\n maxCount = options.maxCount;\n }\n if (options.prefixCls) {\n prefixCls = options.prefixCls;\n }\n if (isNumber(options.duration)) {\n duration = options.duration;\n }\n if (options.rtl) {\n rtl = options.rtl;\n }\n if (options.getContainer && options.getContainer() !== container) {\n container = options.getContainer();\n Object.keys(notificationInstance).forEach(function (notice) { return notificationInstance[notice].clear(); });\n notificationInstance = {};\n }\n };\n Notification.clear = function () {\n Object.keys(notificationInstance).forEach(function (ins) {\n notificationInstance[ins].clear();\n });\n };\n Notification.remove = function (id) {\n Object.keys(notificationInstance).forEach(function (ins) {\n notificationInstance[ins].remove(id);\n });\n };\n Notification.addInstance = function (noticeProps) {\n var position = noticeProps.position;\n if (isUndefined(noticeProps.position)) {\n position = rtl ? 'topLeft' : 'topRight';\n }\n var _noticeProps = __assign({ duration: duration }, noticeProps);\n if (notificationInstance[position]) {\n var notices = notificationInstance[position].state.notices;\n if (notices.length >= maxCount) {\n var updated = notices[0];\n notices.shift();\n notificationInstance[position].add(__assign(__assign({}, _noticeProps), { id: updated.id }));\n }\n else {\n notificationInstance[position].add(_noticeProps);\n }\n return notificationInstance[position];\n }\n var div = document.createElement('div');\n var instance = null;\n (container || document.body).appendChild(div);\n ReactDOMRender(React.createElement(Notification, { ref: function (ref) {\n notificationInstance[position] = ref;\n notificationInstance[position].add(_noticeProps);\n instance = notificationInstance[position];\n return instance;\n } }), div);\n };\n return Notification;\n}(BaseNotification));\nnotificationTypes.forEach(function (type) {\n Notification[type] = function (noticeProps) {\n return Notification.addInstance(__assign(__assign({}, noticeProps), { type: type }));\n };\n});\nNotification.useNotification = useNotification;\nexport default Notification;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { useState, forwardRef, useContext, useEffect } from 'react';\nimport FocusLock from 'react-focus-lock';\nimport cs from '../_util/classNames';\nimport Tooltip from '../Tooltip';\nimport Button from '../Button';\nimport IconExclamationCircleFill from '../../icon/react-icon/IconExclamationCircleFill';\nimport { ConfigContext } from '../ConfigProvider';\nimport useMergeValue from '../_util/hooks/useMergeValue';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nimport { isNullOrUndefined } from '../_util/is';\nvar defaultProps = {\n position: 'top',\n okType: 'primary',\n icon: React.createElement(IconExclamationCircleFill, null),\n blurToHide: true,\n unmountOnExit: true,\n trigger: 'click',\n escToClose: true,\n};\nfunction Popconfirm(baseProps, ref) {\n var _a;\n var _b = useContext(ConfigContext), getPrefixCls = _b.getPrefixCls, locale = _b.locale, componentConfig = _b.componentConfig, rtl = _b.rtl;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Popconfirm);\n var style = props.style, className = props.className, children = props.children, position = props.position, getPopupContainer = props.getPopupContainer, blurToHide = props.blurToHide, unmountOnExit = props.unmountOnExit, trigger = props.trigger, escToClose = props.escToClose, onVisibleChange = props.onVisibleChange, triggerProps = props.triggerProps, title = props.title, icon = props.icon, okText = props.okText, cancelText = props.cancelText, okType = props.okType, okButtonProps = props.okButtonProps, cancelButtonProps = props.cancelButtonProps, autoFocus = props.autoFocus, focusLock = props.focusLock, content = props.content, rest = __rest(props, [\"style\", \"className\", \"children\", \"position\", \"getPopupContainer\", \"blurToHide\", \"unmountOnExit\", \"trigger\", \"escToClose\", \"onVisibleChange\", \"triggerProps\", \"title\", \"icon\", \"okText\", \"cancelText\", \"okType\", \"okButtonProps\", \"cancelButtonProps\", \"autoFocus\", \"focusLock\", \"content\"]);\n var _c = __read(useMergeValue(false, {\n defaultValue: props.defaultPopupVisible,\n value: props.popupVisible,\n }), 2), popupVisible = _c[0], setPopupVisible = _c[1];\n var _d = __read(useState(false), 2), buttonLoading = _d[0], setLoading = _d[1];\n var prefixCls = getPrefixCls('popconfirm');\n var hasContent = !isNullOrUndefined(content);\n var handleVisibleChange = function (visible) {\n if (!('popupVisible' in props)) {\n setPopupVisible(visible);\n }\n if (triggerProps && triggerProps.onVisibleChange) {\n triggerProps.onVisibleChange(visible);\n }\n onVisibleChange && onVisibleChange(visible);\n };\n var closePopconfirm = function () {\n handleVisibleChange(false);\n };\n var onCancelPopconfirm = function (e) {\n closePopconfirm();\n props.onCancel && props.onCancel(e);\n };\n var onConfirmPopconfirm = function (e) {\n var _onConfirm = props.onOk || props.onConfirm;\n var ret;\n if (_onConfirm) {\n ret = _onConfirm(e);\n }\n if (ret && ret.then) {\n setLoading(true);\n ret.then(function () {\n closePopconfirm();\n }, function (e) {\n setLoading(false);\n console.error(e);\n });\n }\n if (!ret) {\n closePopconfirm();\n }\n };\n var renderPopconfirmContent = function () {\n var element = (React.createElement(React.Fragment, null,\n React.createElement(Button, __assign({ onClick: onCancelPopconfirm, size: \"mini\" }, cancelButtonProps), cancelText || locale.Popconfirm.cancelText),\n React.createElement(Button, __assign({ loading: buttonLoading, onClick: onConfirmPopconfirm, size: \"mini\", type: okType }, okButtonProps), okText || locale.Popconfirm.okText)));\n return (React.createElement(\"div\", { className: prefixCls + \"-wrapper\" },\n React.createElement(\"div\", { className: prefixCls + \"-title\" },\n icon && React.createElement(\"span\", { className: prefixCls + \"-title-icon\" }, icon),\n React.createElement(\"div\", { className: prefixCls + \"-title-text\" }, title)),\n hasContent && React.createElement(\"div\", { className: prefixCls + \"-inner-content\" }, content),\n focusLock ? (React.createElement(FocusLock, { returnFocus: true, as: \"div\", className: prefixCls + \"-btn\", crossFrame: false, disabled: !popupVisible, autoFocus: !!autoFocus }, element)) : (React.createElement(\"div\", { className: prefixCls + \"-btn\" }, element))));\n };\n useEffect(function () {\n if (!popupVisible && buttonLoading) {\n setLoading(false);\n }\n return function () {\n setLoading(false);\n };\n }, [popupVisible]);\n return (React.createElement(Tooltip, __assign({}, rest, { ref: ref, style: __assign({ maxWidth: 350 }, style), className: cs(className, (_a = {},\n _a[prefixCls + \"-rtl\"] = rtl,\n _a[prefixCls + \"-has-content\"] = hasContent,\n _a)), prefixCls: prefixCls, getPopupContainer: getPopupContainer, position: position, trigger: trigger, escToClose: escToClose, popupVisible: popupVisible, content: renderPopconfirmContent(), unmountOnExit: unmountOnExit, blurToHide: blurToHide, popupHoverStay: true, triggerProps: triggerProps, onVisibleChange: handleVisibleChange, childrenPrefix: prefixCls }), typeof children === 'string' ? React.createElement(\"span\", null, children) : children));\n}\nvar PopconfirmComponent = forwardRef(Popconfirm);\nPopconfirmComponent.displayName = 'Popconfirm';\nexport default PopconfirmComponent;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { forwardRef, useContext } from 'react';\nimport Tooltip from '../Tooltip';\nimport { ConfigContext } from '../ConfigProvider';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nimport cs from '../_util/classNames';\nvar defaultProps = {\n position: 'top',\n trigger: 'hover',\n unmountOnExit: true,\n};\nfunction Popover(baseProps, ref) {\n var _a;\n var _b = useContext(ConfigContext), getPrefixCls = _b.getPrefixCls, componentConfig = _b.componentConfig, rtl = _b.rtl;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Popover);\n var style = props.style, className = props.className, children = props.children, position = props.position, getPopupContainer = props.getPopupContainer, trigger = props.trigger, defaultPopupVisible = props.defaultPopupVisible, popupVisible = props.popupVisible, triggerProps = props.triggerProps, unmountOnExit = props.unmountOnExit, onVisibleChange = props.onVisibleChange, content = props.content, title = props.title, rest = __rest(props, [\"style\", \"className\", \"children\", \"position\", \"getPopupContainer\", \"trigger\", \"defaultPopupVisible\", \"popupVisible\", \"triggerProps\", \"unmountOnExit\", \"onVisibleChange\", \"content\", \"title\"]);\n var prefixCls = getPrefixCls('popover');\n return (React.createElement(Tooltip, __assign({}, rest, { ref: ref, style: __assign({ maxWidth: 350 }, style), className: className, prefixCls: prefixCls, getPopupContainer: getPopupContainer, position: position, trigger: trigger, content: React.createElement(\"div\", { className: cs(prefixCls + \"-inner\", (_a = {}, _a[prefixCls + \"-inner-rtl\"] = rtl, _a)) },\n title ? React.createElement(\"div\", { className: prefixCls + \"-title\" }, title) : null,\n React.createElement(\"div\", { className: prefixCls + \"-inner-content\" }, content)), popupHoverStay: true, unmountOnExit: unmountOnExit, triggerProps: triggerProps, defaultPopupVisible: defaultPopupVisible, onVisibleChange: onVisibleChange || (triggerProps ? triggerProps.onVisibleChange : undefined), childrenPrefix: prefixCls }, ('popupVisible' in props ? { popupVisible: popupVisible } : {})), typeof children === 'string' ? React.createElement(\"span\", null, children) : children));\n}\nvar PopoverComponent = forwardRef(Popover);\nPopoverComponent.displayName = 'Popover';\nexport default PopoverComponent;\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n if (typeof b !== \"function\" && b !== null)\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport { Component } from 'react';\nimport ReactDOM from 'react-dom';\nvar Portal = /** @class */ (function (_super) {\n __extends(Portal, _super);\n function Portal() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.container = null;\n return _this;\n }\n // constructor(props) {\n // super(props);\n // const { getContainer } = this.props;\n // this.container = getContainer && getContainer();\n // }\n Portal.prototype.componentDidMount = function () {\n var _this = this;\n this.createContainer();\n this.timer = setTimeout(function () {\n // getContainer 返回ref时，子组件首先执行 componentDidMount,此时ref还未赋值\n if (!_this.container) {\n _this.createContainer();\n }\n });\n };\n Portal.prototype.componentWillUnmount = function () {\n clearTimeout(this.timer);\n };\n Portal.prototype.createContainer = function () {\n var getContainer = this.props.getContainer;\n this.container = getContainer && getContainer();\n this.forceUpdate();\n };\n Portal.prototype.render = function () {\n var children = this.props.children;\n if (this.container) {\n return ReactDOM.createPortal(children, this.container);\n }\n return null;\n };\n return Portal;\n}(Component));\nexport default Portal;\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n if (typeof b !== \"function\" && b !== null)\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nimport React, { Component } from 'react';\nimport Portal from './Portal';\nvar PortalWrapper = /** @class */ (function (_super) {\n __extends(PortalWrapper, _super);\n function PortalWrapper() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n PortalWrapper.prototype.componentWillUnmount = function () {\n this.instance = null;\n };\n PortalWrapper.prototype.render = function () {\n var _this = this;\n var _a = this.props, forceRender = _a.forceRender, visible = _a.visible;\n return forceRender || visible || this.instance ? (React.createElement(Portal, __assign({ ref: function (ref) { return (_this.instance = ref); } }, this.props))) : null;\n };\n PortalWrapper.displayName = 'Portal';\n PortalWrapper.defaultProps = {\n getContainer: function () { return document.body; },\n };\n return PortalWrapper;\n}(Component));\nexport default PortalWrapper;\n","import _extends from \"@babel/runtime/helpers/extends\";\nimport React, { useContext } from 'react';\nimport { IconContext } from '../context';\n\nfunction IconDragDotComponent(iconProps, ref) {\n const _useContext = useContext(IconContext),\n _useContext$prefixCls = _useContext.prefixCls,\n prefixCls = _useContext$prefixCls === void 0 ? 'arco' : _useContext$prefixCls;\n\n const spin = iconProps.spin,\n className = iconProps.className;\n const props = {\n \"aria-hidden\": true,\n focusable: false,\n ref,\n ...iconProps,\n className: `${className ? className + ' ' : ''}${prefixCls}-icon ${prefixCls}-icon-drag-dot`\n };\n\n if (spin) {\n props.className = `${props.className} ${prefixCls}-icon-loading`;\n }\n\n delete props.spin;\n delete props.isIcon;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"4\",\n viewBox: \"0 0 48 48\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"currentColor\",\n stroke: \"none\",\n d: \"M40 17v2h-2v-2h2ZM25 17v2h-2v-2h2ZM10 17v2H8v-2h2ZM40 29v2h-2v-2h2ZM25 29v2h-2v-2h2ZM10 29v2H8v-2h2Z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M40 17v2h-2v-2h2ZM25 17v2h-2v-2h2ZM10 17v2H8v-2h2ZM40 29v2h-2v-2h2ZM25 29v2h-2v-2h2ZM10 29v2H8v-2h2Z\"\n }));\n}\n\nconst IconDragDot = /*#__PURE__*/React.forwardRef(IconDragDotComponent);\nIconDragDot.defaultProps = {\n isIcon: true\n};\nIconDragDot.displayName = 'IconDragDot';\nexport default IconDragDot;","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { useContext } from 'react';\nimport cs from '../_util/classNames';\nimport ResizeObserver from '../_util/resizeObserver';\nimport { ConfigContext } from '../ConfigProvider';\nimport IconDragDotVertical from '../../icon/react-icon/IconDragDotVertical';\nimport IconDragDot from '../../icon/react-icon/IconDragDot';\nimport IconCaretRight from '../../icon/react-icon/IconCaretRight';\nimport IconCaretLeft from '../../icon/react-icon/IconCaretLeft';\nimport IconCaretDown from '../../icon/react-icon/IconCaretDown';\nimport IconCareUp from '../../icon/react-icon/IconCaretUp';\nimport { isFunction, isObject } from '../_util/is';\nimport omit from '../_util/omit';\nexport default function ResizeTrigger(props) {\n var _a, _b;\n var className = props.className, direction = props.direction, icon = props.icon, onMouseDown = props.onMouseDown, onResize = props.onResize, children = props.children, _c = props.collapsible, collapsible = _c === void 0 ? {} : _c, _d = props.resizable, resizable = _d === void 0 ? true : _d, renderChildren = props.renderChildren, rest = __rest(props, [\"className\", \"direction\", \"icon\", \"onMouseDown\", \"onResize\", \"children\", \"collapsible\", \"resizable\", \"renderChildren\"]);\n var _e = useContext(ConfigContext), getPrefixCls = _e.getPrefixCls, rtl = _e.rtl;\n var prefixCls = getPrefixCls('resizebox-trigger');\n var isHorizontal = direction === 'horizontal';\n var rtlReverse = rtl && !isHorizontal;\n var classNames = cs(prefixCls, prefixCls + \"-\" + (isHorizontal ? 'horizontal' : 'vertical'), (_a = {}, _a[prefixCls + \"-not-resizable\"] = !resizable, _a), (_b = {}, _b[prefixCls + \"-rtl\"] = rtl, _b), className);\n var verticalTriggerIcon = rtlReverse\n ? [React.createElement(IconCaretRight, { key: \"prev\" }), React.createElement(IconCaretLeft, { key: \"next\" })]\n : [React.createElement(IconCaretLeft, { key: \"prev\" }), React.createElement(IconCaretRight, { key: \"next\" })];\n var prevCollapsedConfig = isObject(collapsible.prev)\n ? __assign(__assign({}, collapsible.prev), { icon: collapsible.prev.icon || (isHorizontal ? React.createElement(IconCareUp, null) : verticalTriggerIcon[0]) }) : {};\n var nextCollapsedConfig = isObject(collapsible.next)\n ? __assign(__assign({}, collapsible.next), { icon: collapsible.next.icon || (isHorizontal ? React.createElement(IconCaretDown, null) : verticalTriggerIcon[1]) }) : {};\n var renderPrevCollapsedTrigger = function () {\n // 1. 传入了prev\n // 当前不在收缩状态，或者在反方向收缩状态时展示\n if ((prevCollapsedConfig.icon && !prevCollapsedConfig.collapsed) ||\n nextCollapsedConfig.collapsed) {\n return (React.createElement(\"span\", { className: cs(prefixCls + \"-icon\", cs(prefixCls + \"-prev\")), onClick: prevCollapsedConfig.onClick }, prevCollapsedConfig.icon));\n }\n return React.createElement(\"span\", { className: cs(prefixCls + \"-icon-empty\") });\n };\n var renderNextCollapsedTrigger = function () {\n if ((nextCollapsedConfig.icon && !nextCollapsedConfig.collapsed) ||\n prevCollapsedConfig.collapsed) {\n return (React.createElement(\"span\", { className: cs(prefixCls + \"-icon\", cs(prefixCls + \"-next\")), onClick: nextCollapsedConfig.onClick }, nextCollapsedConfig.icon));\n }\n return React.createElement(\"span\", { className: cs(prefixCls + \"-icon-empty\") });\n };\n var renderResizeTrigger = function () {\n if (resizable) {\n return (React.createElement(\"span\", { className: prefixCls + \"-icon\" }, icon || (isHorizontal ? React.createElement(IconDragDot, null) : React.createElement(IconDragDotVertical, null))));\n }\n return React.createElement(\"span\", { className: cs(prefixCls + \"-icon-empty\") });\n };\n var prev = renderPrevCollapsedTrigger();\n var trigger = renderResizeTrigger();\n var next = renderNextCollapsedTrigger();\n var renderIcon = function () {\n return (React.createElement(\"div\", { className: prefixCls + \"-icon-wrapper\" },\n prev,\n trigger,\n next));\n };\n if (!resizable) {\n return (React.createElement(\"div\", { className: classNames }, isFunction(renderChildren)\n ? renderChildren(prev, trigger, next)\n : children || renderIcon()));\n }\n return (React.createElement(ResizeObserver, { onResize: onResize },\n React.createElement(\"div\", __assign({}, omit(rest, ['style']), { className: classNames, onMouseDown: onMouseDown }), isFunction(renderChildren)\n ? renderChildren(prev, trigger, next)\n : children || renderIcon())));\n}\n","var __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { forwardRef, useContext, useImperativeHandle, useState, useRef, useEffect, } from 'react';\nimport cs from '../_util/classNames';\nimport ResizeTrigger from './resize-trigger';\nimport { ConfigContext } from '../ConfigProvider';\nimport { on, off } from '../_util/dom';\nimport useIsomorphicLayoutEffect from '../_util/hooks/useIsomorphicLayoutEffect';\nvar DIRECTION_HORIZONTAL = 'horizontal';\nvar DIRECTION_VERTICAL = 'vertical';\nfunction Split(props, ref) {\n var _a;\n var style = props.style, className = props.className, _b = props.component, component = _b === void 0 ? 'div' : _b, _c = props.direction, direction = _c === void 0 ? 'horizontal' : _c, icon = props.icon, _d = props.size, size = _d === void 0 ? 0.5 : _d, min = props.min, max = props.max, panes = props.panes, disabled = props.disabled, trigger = props.trigger;\n var _e = useContext(ConfigContext), getPrefixCls = _e.getPrefixCls, rtl = _e.rtl;\n var prefixCls = getPrefixCls('resizebox-split');\n var isHorizontal = direction.includes(DIRECTION_HORIZONTAL);\n var isReverse = direction.includes('reverse');\n var rtlReverse = isHorizontal && rtl;\n var isTriggerHorizontal = !isHorizontal;\n var classNames = cs(prefixCls, prefixCls + \"-\" + (isHorizontal ? DIRECTION_HORIZONTAL : DIRECTION_VERTICAL), (_a = {}, _a[prefixCls + \"-rtl\"] = rtl, _a), className);\n var _f = __read(panes, 2), firstPane = _f[0], secondPane = _f[1];\n var isPxSize = typeof size === 'string';\n var _g = __read(useState(parseFloat(size)), 2), offset = _g[0], setOffset = _g[1];\n var _h = __read(useState(0), 2), triggerSize = _h[0], setTriggerSize = _h[1];\n var recordRef = useRef({\n startX: 0,\n startY: 0,\n startWidth: 0,\n startHeight: 0,\n startOffset: 0,\n moving: false,\n });\n var wrapperRef = useRef();\n var paneContainers = useRef([]);\n useImperativeHandle(ref, function () { return wrapperRef.current; }, []);\n function px2percent(numerator, denominator) {\n return parseFloat(numerator) / parseFloat(denominator);\n }\n // startSize: size of the total ResizeBox\n // startOffset: size of the first Panel\n // startPosition: position at the end of last moving\n // currentPosition: position at the end of current moving\n function getOffset(startSize, startOffset, startPosition, currentPosition) {\n // 0 < minOffsetRatio, maxOffsetRatio <1\n var minOffsetRatio = typeof min === 'string' ? px2percent(parseFloat(min), startSize) : min || 0;\n var maxOffsetRatio = typeof max === 'string' ? px2percent(parseFloat(max), startSize) : max || 1;\n var ratio = isReverse ? -1 : 1;\n var rtlRatio = rtlReverse ? -1 : 1;\n ratio *= rtlRatio;\n var moveOffset = isPxSize\n ? startOffset + (currentPosition - startPosition) * ratio\n : px2percent(startSize * startOffset + (currentPosition - startPosition) * ratio, startSize);\n var minOffset = isPxSize ? minOffsetRatio * startSize : minOffsetRatio;\n var maxOffset = isPxSize ? maxOffsetRatio * startSize : maxOffsetRatio;\n moveOffset = Math.max(moveOffset, minOffset);\n moveOffset = Math.min(moveOffset, maxOffset);\n return moveOffset;\n }\n // 移动开始，记录初始值，绑定移动事件\n function onTriggerMouseDown(e) {\n var _a, _b;\n props.onMovingStart && props.onMovingStart();\n recordRef.current.moving = true;\n recordRef.current.startX = e.pageX;\n recordRef.current.startY = e.pageY;\n recordRef.current.startWidth = (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth;\n recordRef.current.startHeight = (_b = wrapperRef.current) === null || _b === void 0 ? void 0 : _b.offsetHeight;\n recordRef.current.startOffset = offset;\n on(window, 'mousemove', moving);\n on(window, 'touchmove', moving);\n on(window, 'mouseup', moveEnd);\n on(window, 'touchend', moveEnd);\n on(window, 'contextmenu', moveEnd);\n document.body.style.cursor = isTriggerHorizontal ? 'row-resize' : 'col-resize';\n }\n // 移动中，更新 firstPane 的占位大小\n function moving(e) {\n if (recordRef.current.moving) {\n /* eslint-disable */\n var newOffset = isHorizontal\n ? getOffset(recordRef.current.startWidth, recordRef.current.startOffset, recordRef.current.startX, e.pageX)\n : getOffset(recordRef.current.startHeight, recordRef.current.startOffset, recordRef.current.startY, e.pageY);\n setOffset(newOffset);\n props.onMoving && props.onMoving(e, isPxSize ? newOffset + \"px\" : newOffset);\n }\n }\n // 移动结束，解除事件绑定\n function moveEnd() {\n recordRef.current.moving = false;\n off(window, 'mousemove', moving);\n off(window, 'touchmove', moving);\n off(window, 'mouseup', moveEnd);\n off(window, 'touchend', moveEnd);\n off(window, 'contextmenu', moveEnd);\n document.body.style.cursor = 'default';\n props.onMovingEnd && props.onMovingEnd();\n }\n // 更新 trigger 大小\n function onTriggerResize(e) {\n var contentRect = e[0].contentRect;\n var newTriggerSize = contentRect[isTriggerHorizontal ? 'height' : 'width'];\n setTriggerSize(newTriggerSize);\n }\n // 根据 offset 和 triggerSize 计算 firstPane 的样式\n function getFirstPaneSize() {\n var unit = isPxSize ? 'px' : '%';\n if (!offset)\n return \"0\" + unit;\n var baseVal = isPxSize ? offset : offset * 100;\n return \"calc(\" + baseVal + unit + \" - \" + triggerSize / 2 + \"px)\";\n }\n useEffect(function () {\n props.onPaneResize && props.onPaneResize(paneContainers.current);\n }, [offset, triggerSize]);\n useIsomorphicLayoutEffect(function () {\n var newOffset = parseFloat(size);\n if (offset !== newOffset) {\n setOffset(newOffset);\n }\n }, [size]);\n var Tag = component;\n var firstPaneNode = (React.createElement(\"div\", { className: cs(prefixCls + \"-pane\", 'first-pane'), style: { flexBasis: getFirstPaneSize() }, ref: function (el) {\n paneContainers.current[0] = el;\n } }, firstPane));\n var secondPaneNode = (React.createElement(\"div\", { className: cs(prefixCls + \"-pane\", 'second-pane'), ref: function (el) {\n paneContainers.current[1] = el;\n } }, secondPane));\n var paneNodeArr = isReverse ? [secondPaneNode, firstPaneNode] : [firstPaneNode, secondPaneNode];\n return (React.createElement(Tag, { style: style, className: classNames, ref: wrapperRef },\n paneNodeArr[0],\n !disabled && (React.createElement(ResizeTrigger, { className: prefixCls + \"-trigger\", direction: isTriggerHorizontal ? DIRECTION_HORIZONTAL : DIRECTION_VERTICAL, icon: icon, onMouseDown: onTriggerMouseDown, onResize: onTriggerResize }, trigger)),\n paneNodeArr[1]));\n}\nvar SplitComponent = forwardRef(Split);\nSplitComponent.displayName = 'ResizeBoxSplit';\nexport default SplitComponent;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport React, { useState, useEffect, useRef, useContext, forwardRef, useImperativeHandle, } from 'react';\nimport { ConfigContext } from '../ConfigProvider';\nimport cs from '../_util/classNames';\nimport { isFunction, isNumber, isUndefined, isObject, isString } from '../_util/is';\nimport ResizeTrigger from './resize-trigger';\nimport { on, off } from '../_util/dom';\nimport omit from '../_util/omit';\nvar DIRECTION_HORIZONTAL = 'horizontal';\nvar DIRECTION_VERTICAL = 'vertical';\nfunction SplitGroup(props, ref) {\n var _a, _b;\n var panes = props.panes, style = props.style, className = props.className, _c = props.component, component = _c === void 0 ? 'div' : _c, _d = props.direction, direction = _d === void 0 ? 'horizontal' : _d, icon = props.icon, rest = __rest(props, [\"panes\", \"style\", \"className\", \"component\", \"direction\", \"icon\"]);\n var _e = useContext(ConfigContext), getPrefixCls = _e.getPrefixCls, rtl = _e.rtl;\n var defaultOffset = 1 / panes.length;\n var wrapperRef = useRef();\n var recordRef = useRef(new Array(panes.length).fill({\n moving: false,\n startOffset: 0,\n startPosition: 0,\n }));\n var paneContainers = useRef([]);\n var movingIndex = useRef(0);\n var prevOffsets = useRef([]);\n var _f = __read(useState(new Array(panes.length).fill(defaultOffset)), 2), offsets = _f[0], setOffsets = _f[1];\n var _g = __read(useState(false), 2), isMoving = _g[0], setIsMoving = _g[1];\n var _h = __read(useState(new Array(panes.length).fill(0)), 2), triggerSize = _h[0], setTriggerSize = _h[1];\n var _j = __read(useState(new Array(Math.max(panes.length - 1, 0)).fill({ prev: false, next: false })), 2), collapsedStatus = _j[0], setCollapsedStatus = _j[1];\n var prefixCls = getPrefixCls('resizebox-split-group');\n var isHorizontal = direction === DIRECTION_HORIZONTAL;\n var rtlReverse = isHorizontal && rtl;\n var isTriggerHorizontal = !isHorizontal;\n var classNames = cs(prefixCls, prefixCls + \"-\" + (isHorizontal ? DIRECTION_HORIZONTAL : DIRECTION_VERTICAL), (_a = {}, _a[prefixCls + \"-moving\"] = isMoving, _a), (_b = {}, _b[prefixCls + \"-rtl\"] = rtl, _b), className);\n var Tag = component;\n // 获取初始的 offset, 将传入的size 都转为像素值。\n var getInitialOffsets = function () {\n var newOffsets = [];\n panes.forEach(function (pane) {\n var size = pane.size;\n if (!isUndefined(size)) {\n newOffsets.push(formatSize(size));\n }\n else {\n newOffsets.push(undefined);\n }\n });\n // 剩余的空间均分给没有设置 size 的面板\n var noSizeArr = newOffsets.filter(function (size) { return !size; });\n var remainPercent = 1 -\n newOffsets.reduce(function (a, b) {\n var formatA = a || 0;\n var formatB = b || 0;\n return formatA + formatB;\n }, 0);\n var averagePercent = remainPercent / noSizeArr.length;\n newOffsets = newOffsets.map(function (size) {\n if (!isUndefined(size)) {\n return size;\n }\n return averagePercent;\n });\n return newOffsets;\n };\n // 计算每一个面板的占位像素，需要减去前面跟当前伸缩杆的宽度\n var getPaneSize = function (index) {\n var prevTriggerSize = triggerSize[index - 1] || 0;\n var currentTriggerSize = triggerSize[index];\n var baseVal = offsets[index] * 100;\n var unit = '%';\n return \"calc(\" + baseVal + unit + \" - \" + (prevTriggerSize + currentTriggerSize) / 2 + \"px)\";\n };\n // 入参 百分比/像素值 => 全部转化为百分比(响应式)\n function formatSize(size) {\n var totalPX = isHorizontal ? wrapperRef.current.offsetWidth : wrapperRef.current.offsetHeight;\n if (!size || (isNumber(size) && size < 0)) {\n return 0;\n }\n var percent = isString(size) ? parseFloat(size) / totalPX : size;\n return Math.min(percent, 1);\n }\n // 计算阈值，因为伸缩杆会影响到当前面板 跟 下一个面板。所以同时计算两个阈值。\n var getMinAndMax = function (index) {\n var next = Math.min(index + 1, panes.length - 1);\n var totalOffset = offsets[index] + offsets[next];\n var currentMin = formatSize(panes[index].min) || 0;\n var currentMax = formatSize(panes[index].max) || totalOffset;\n var nextMin = formatSize(panes[next].min) || 0;\n var nextMax = formatSize(panes[next].max) || totalOffset;\n // min 的优先级高于 max\n currentMax = Math.min(totalOffset - nextMin, currentMax);\n nextMax = Math.min(totalOffset - currentMin, nextMax);\n return {\n currentMin: currentMin,\n currentMax: currentMax,\n nextMin: nextMin,\n nextMax: nextMax,\n };\n };\n // 拖拽时，获取新的占位距离。影响当前面板跟下一个面板的占位值。\n var getNewOffsets = function (startOffset, startPosition, currentPosition) {\n var current = movingIndex.current;\n var next = current + 1;\n var newOffsets = __spreadArray([], __read(offsets), false);\n var ratio = rtlReverse ? -1 : 1;\n var currentPercent = offsets[current];\n var nextPercent = offsets[next];\n var totalPercent = currentPercent + nextPercent;\n var _a = getMinAndMax(current), minOffset = _a.currentMin, maxOffset = _a.currentMax;\n var moveOffset = startOffset + formatSize((currentPosition - startPosition) * ratio + \"px\");\n moveOffset = Math.max(minOffset, moveOffset);\n moveOffset = Math.min(maxOffset, moveOffset);\n newOffsets[current] = moveOffset;\n // 保证 totalOffset = nextOffset + currentOffset 不变。\n newOffsets[next] = totalPercent - moveOffset;\n return newOffsets;\n };\n function onTriggerResize(e, index) {\n var contentRect = e[0].contentRect;\n var currentSize = contentRect[isTriggerHorizontal ? 'height' : 'width'];\n var newTriggerSize = __spreadArray([], __read(triggerSize), false);\n newTriggerSize[index] = currentSize;\n setTriggerSize(newTriggerSize);\n }\n // 判断快速收缩按钮是否展示\n var getCollapsedConfig = function (index) {\n var collapsible = panes[index].collapsible;\n if (!isObject(collapsible)) {\n collapsible = !collapsible ? {} : { prev: true, next: true };\n }\n var prev = collapsible.prev, next = collapsible.next;\n if (!prev && !next) {\n return {};\n }\n if (!collapsedStatus[index]) {\n return {};\n }\n // 传入了prev的配置，或者 没有传入 prev 的配置，但是已经处于向下收缩完毕状态\n var hasPrev = !!prev || (!prev && collapsedStatus[index].next);\n // 传入了next的配置，或者 没有传入 next 的配置，但是已经处于向上收缩完毕状态\n var hasNext = !!next || (!next && collapsedStatus[index].prev);\n return { hasPrev: hasPrev, hasNext: hasNext };\n };\n // 移动开始，记录初始值，绑定移动事件\n function onTriggerMouseDown(e, index) {\n props.onMovingStart && props.onMovingStart(index);\n movingIndex.current = index;\n var currentRecord = recordRef.current[index];\n currentRecord.moving = true;\n currentRecord.startOffset = offsets[index];\n currentRecord.startPosition = isHorizontal ? e.pageX : e.pageY;\n setIsMoving(true);\n on(window, 'mousemove', moving);\n on(window, 'touchmove', moving);\n on(window, 'mouseup', moveEnd);\n on(window, 'touchend', moveEnd);\n on(window, 'contextmenu', moveEnd);\n document.body.style.cursor = isTriggerHorizontal ? 'row-resize' : 'col-resize';\n }\n // 移动中，更新 当前面板跟下一个面板 占位大小\n function moving(e) {\n var index = movingIndex.current;\n var currentRecord = recordRef.current[index];\n var totalPX = isHorizontal ? wrapperRef.current.offsetWidth : wrapperRef.current.offsetHeight;\n if (currentRecord.moving) {\n var newOffsets = getNewOffsets(currentRecord.startOffset, currentRecord.startPosition, isHorizontal ? e.pageX : e.pageY);\n setOffsets(newOffsets);\n prevOffsets.current = newOffsets;\n props.onMoving &&\n props.onMoving(e, newOffsets.map(function (value) { return value * totalPX + \"px\"; }), index);\n }\n }\n // 移动结束，解除事件绑定\n function moveEnd() {\n var index = movingIndex.current;\n recordRef.current[index].moving = false;\n setIsMoving(false);\n off(window, 'mousemove', moving);\n off(window, 'touchmove', moving);\n off(window, 'mouseup', moveEnd);\n off(window, 'touchend', moveEnd);\n off(window, 'contextmenu', moveEnd);\n document.body.style.cursor = 'default';\n props.onMovingEnd && props.onMovingEnd(index);\n }\n // 点击快速收缩按钮的回调。\n function handleCollapsed(e, index, status, callback) {\n var next = index + 1;\n var newOffset = __spreadArray([], __read(offsets), false);\n var currentOffset = offsets[index];\n var nextOffset = offsets[next];\n var totalOffset = currentOffset + nextOffset;\n var totalPX = isHorizontal ? wrapperRef.current.offsetWidth : wrapperRef.current.offsetHeight;\n var _a = getMinAndMax(index), currentMin = _a.currentMin, nextMin = _a.nextMin;\n // 取消收缩时，应该重置为上一个状态。所以从preOffsets里拿值\n var newCurrentOffset = prevOffsets.current[index];\n var newNextOffset = prevOffsets.current[next];\n // 当前面板的收缩状态。\n var collapsed = collapsedStatus[index][status];\n // 点击向上收缩按钮。收缩态是：currentPane = currentMin;\n if (status === 'prev') {\n // 如果下一个面板不是在收缩状态 或者 下一个面板被手动拖拽到收缩状态\n if (nextOffset !== nextMin || newNextOffset === nextMin) {\n // 当前面板收缩。\n newCurrentOffset = currentMin;\n newNextOffset = totalOffset - currentMin;\n collapsed = true;\n }\n // 点击向下收缩按钮\n }\n else if (currentOffset !== currentMin || newCurrentOffset === currentMin) {\n newCurrentOffset = totalOffset - nextMin;\n newNextOffset = nextMin;\n collapsed = true;\n }\n newOffset[index] = newCurrentOffset;\n newOffset[next] = newNextOffset;\n props.onMoving &&\n props.onMoving(e, newOffset.map(function (value) { return value * totalPX + \"px\"; }), index);\n props.onMovingEnd && props.onMovingEnd(index);\n setOffsets(newOffset);\n if (isFunction(callback)) {\n callback(e, index, status, collapsed);\n }\n }\n useEffect(function () {\n var offsets = getInitialOffsets();\n setOffsets(offsets);\n prevOffsets.current = offsets;\n }, [JSON.stringify(panes.map(function (item) { return item.size; }))]);\n useImperativeHandle(ref, function () { return wrapperRef.current; }, []);\n useEffect(function () {\n var newCollapsedStatus = [];\n offsets.forEach(function (offset, index) {\n var currentCollapsedStatus = { prev: false, next: false };\n var next = index + 1;\n var _a = getMinAndMax(index), currentMin = _a.currentMin, nextMin = _a.nextMin;\n // 当 offsets 变化时，更新各个面板的 collapsed 状态\n if (offset === currentMin) {\n currentCollapsedStatus.prev = true;\n }\n else if (offsets[next] === nextMin) {\n currentCollapsedStatus.next = true;\n }\n newCollapsedStatus.push(currentCollapsedStatus);\n });\n setCollapsedStatus(newCollapsedStatus);\n }, [offsets]);\n return (React.createElement(Tag, __assign({}, omit(rest, ['onMovingStart', 'onPaneResize', 'onMoving', 'onMovingEnd']), { style: style, className: classNames, ref: wrapperRef }), panes.map(function (pane, index) {\n var content = pane.content, disabled = pane.disabled, trigger = pane.trigger, _a = pane.resizable, resizable = _a === void 0 ? true : _a, _b = pane.collapsible, collapsible = _b === void 0 ? {} : _b;\n var _c = getCollapsedConfig(index), hasPrev = _c.hasPrev, hasNext = _c.hasNext;\n var prevConfig = isObject(collapsible) && isObject(collapsible.prev) ? collapsible.prev : {};\n var nextConfig = isObject(collapsible) && isObject(collapsible.next) ? collapsible.next : {};\n return (React.createElement(React.Fragment, { key: index },\n React.createElement(\"div\", { className: prefixCls + \"-pane\", style: { flexBasis: getPaneSize(index) }, ref: function (el) { return (paneContainers.current[index] = el); } }, content),\n !disabled && index !== panes.length - 1 && (React.createElement(ResizeTrigger, { className: prefixCls + \"-trigger\", direction: isTriggerHorizontal ? DIRECTION_HORIZONTAL : DIRECTION_VERTICAL, icon: icon, onResize: function (e) { return onTriggerResize(e, index); }, onMouseDown: function (e) { return onTriggerMouseDown(e, index); }, collapsible: {\n prev: hasPrev\n ? {\n onClick: function (e) { return handleCollapsed(e, index, 'prev', prevConfig.onClick); },\n icon: prevConfig.icon,\n collapsed: collapsedStatus[index].prev,\n }\n : undefined,\n next: hasNext\n ? {\n onClick: function (e) { return handleCollapsed(e, index, 'next', nextConfig.onClick); },\n icon: nextConfig.icon,\n collapsed: collapsedStatus[index].next,\n }\n : undefined,\n }, resizable: resizable, renderChildren: trigger }))));\n })));\n}\nvar SplitGroupComponent = forwardRef(SplitGroup);\nSplitGroupComponent.displayName = 'ResizeBoxSplitGroup';\nexport default SplitGroupComponent;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { useContext, forwardRef, useImperativeHandle, useState, useRef, } from 'react';\nimport omit from '../_util/omit';\nimport cs from '../_util/classNames';\nimport { ConfigContext } from '../ConfigProvider';\nimport { on, off } from '../_util/dom';\nimport ResizeTrigger from './resize-trigger';\nimport Split from './split';\nimport useMergeValue from '../_util/hooks/useMergeValue';\nimport { isNumber } from '../_util/is';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nimport SplitGroup from './split-group';\nvar DIRECTION_LEFT = 'left';\nvar DIRECTION_RIGHT = 'right';\nvar DIRECTION_TOP = 'top';\nvar DIRECTION_BOTTOM = 'bottom';\nvar allDirections = [\n DIRECTION_LEFT,\n DIRECTION_RIGHT,\n DIRECTION_TOP,\n DIRECTION_BOTTOM,\n];\nvar defaultProps = {\n component: 'div',\n directions: ['right'],\n resizeIcons: {},\n resizeTriggers: {},\n};\nvar getOppositeDirection = function (direction) {\n switch (direction) {\n case 'left':\n return 'right';\n case 'right':\n return 'left';\n default:\n return direction;\n }\n};\nfunction ResizeBox(baseProps, ref) {\n var _a;\n var _b = useContext(ConfigContext), getPrefixCls = _b.getPrefixCls, componentConfig = _b.componentConfig, rtl = _b.rtl;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.ResizeBox);\n var style = props.style, className = props.className, component = props.component, directions = props.directions, resizeIcons = props.resizeIcons, children = props.children, resizeTriggers = props.resizeTriggers, propWidth = props.width, propHeight = props.height, rest = __rest(props, [\"style\", \"className\", \"component\", \"directions\", \"resizeIcons\", \"children\", \"resizeTriggers\", \"width\", \"height\"]);\n var realDirections = rtl ? directions.map(function (dir) { return getOppositeDirection(dir); }) : directions;\n var prefixCls = getPrefixCls('resizebox');\n var classNames = cs(prefixCls, (_a = {}, _a[prefixCls + \"-rtl\"] = rtl, _a), className);\n var _c = __read(useState({}), 2), paddingStyles = _c[0], setPaddingStyles = _c[1];\n var _d = __read(useMergeValue(undefined, { value: propWidth }), 2), width = _d[0], setWidth = _d[1];\n var _e = __read(useMergeValue(undefined, { value: propHeight }), 2), height = _e[0], setHeight = _e[1];\n var recordRef = useRef({\n startX: 0,\n startY: 0,\n startWidth: 0,\n startHeight: 0,\n direction: DIRECTION_RIGHT,\n moving: false,\n padding: {\n top: 0,\n bottom: 0,\n left: 0,\n right: 0,\n },\n });\n var wrapperRef = useRef();\n useImperativeHandle(ref, function () { return wrapperRef.current; }, []);\n function getIsHorizontal(direction) {\n return [DIRECTION_TOP, DIRECTION_BOTTOM].indexOf(direction) > -1;\n }\n function getRealSize(clientSize, padding) {\n if (clientSize === 0)\n return 0;\n var res = clientSize - padding;\n return res <= 0 ? 0 : res;\n }\n function onTriggerMouseDown(direction, e) {\n var _a, _b;\n props.onMovingStart && props.onMovingStart();\n recordRef.current.moving = true;\n recordRef.current.startX = e.pageX;\n recordRef.current.startY = e.pageY;\n recordRef.current.direction = direction;\n // 因为 clientWidth 拿到的尺寸包含 padding，而 padding 不应该成为 width 计算的一部分，所以需要去掉。\n var _c = recordRef.current.padding, top = _c.top, left = _c.left, right = _c.right, bottom = _c.bottom;\n recordRef.current.startWidth = getRealSize((_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.clientWidth, left + right);\n recordRef.current.startHeight = getRealSize((_b = wrapperRef.current) === null || _b === void 0 ? void 0 : _b.clientHeight, top + bottom);\n on(window, 'mousemove', moving);\n on(window, 'touchmove', moving);\n on(window, 'mouseup', moveEnd);\n on(window, 'touchend', moveEnd);\n on(window, 'contextmenu', moveEnd);\n document.body.style.cursor = getIsHorizontal(direction) ? 'row-resize' : 'col-resize';\n }\n function moving(e) {\n if (!recordRef.current.moving)\n return false;\n var _a = recordRef.current, startX = _a.startX, startY = _a.startY, startWidth = _a.startWidth, startHeight = _a.startHeight;\n var newWidth = startWidth;\n var newHeight = startHeight;\n // 往右移动的距离\n var offsetX = e.pageX - startX;\n // 往下移动的距离\n var offsetY = e.pageY - startY;\n switch (recordRef.current.direction) {\n case DIRECTION_LEFT:\n newWidth = startWidth - offsetX;\n setWidth(newWidth);\n break;\n case DIRECTION_RIGHT:\n newWidth = startWidth + offsetX;\n setWidth(newWidth);\n break;\n case DIRECTION_TOP:\n newHeight = startHeight - offsetY;\n setHeight(newHeight);\n break;\n case DIRECTION_BOTTOM:\n newHeight = startHeight + offsetY;\n setHeight(newHeight);\n break;\n default:\n break;\n }\n props.onMoving &&\n props.onMoving(e, {\n width: newWidth,\n height: newHeight,\n });\n }\n function moveEnd() {\n recordRef.current.moving = false;\n offEvents();\n document.body.style.cursor = 'default';\n props.onMovingEnd && props.onMovingEnd();\n }\n function offEvents() {\n off(window, 'mousemove', moving);\n off(window, 'touchmove', moving);\n off(window, 'mouseup', moveEnd);\n off(window, 'touchend', moveEnd);\n off(window, 'contextmenu', moveEnd);\n }\n function onTriggerResize(direction, e) {\n var isHorizontal = getIsHorizontal(direction);\n var contentRect = e[0].contentRect;\n var styleDirection = \"\" + direction.slice(0, 1).toUpperCase() + direction.slice(1);\n var size = contentRect[isHorizontal ? 'height' : 'width'];\n // 记录 padding，用于计算 width\n recordRef.current.padding[direction] = size;\n setPaddingStyles(function (pre) {\n var _a;\n return (__assign(__assign({}, pre), (_a = {}, _a[\"padding\" + styleDirection] = size, _a)));\n });\n }\n var wrapperStyles = __assign(__assign(__assign(__assign({}, paddingStyles), (style || {})), (isNumber(width) ? { width: width } : {})), (isNumber(height) ? { height: height } : {}));\n var Tag = component;\n return (React.createElement(Tag, __assign({}, omit(rest, ['onMovingStart', 'onMoving', 'onMovingEnd']), { style: wrapperStyles, className: classNames, ref: wrapperRef }),\n children,\n realDirections.map(function (direction) {\n if (allDirections.indexOf(direction) !== -1) {\n return (React.createElement(ResizeTrigger, { key: direction, className: prefixCls + \"-direction-\" + direction, direction: getIsHorizontal(direction) ? 'horizontal' : 'vertical', icon: resizeIcons[direction], onMouseDown: function (e) {\n onTriggerMouseDown(direction, e);\n }, onResize: function (e) {\n onTriggerResize(direction, e);\n } }, resizeTriggers[direction]));\n }\n })));\n}\nvar ForwardRefResizeBox = forwardRef(ResizeBox);\nvar ResizeBoxComponent = ForwardRefResizeBox;\nResizeBoxComponent.Split = Split;\nResizeBoxComponent.SplitGroup = SplitGroup;\nResizeBoxComponent.displayName = 'ResizeBox';\nexport default ResizeBoxComponent;\n","import _extends from \"@babel/runtime/helpers/extends\";\nimport React, { useContext } from 'react';\nimport { IconContext } from '../context';\n\nfunction IconInfoComponent(iconProps, ref) {\n const _useContext = useContext(IconContext),\n _useContext$prefixCls = _useContext.prefixCls,\n prefixCls = _useContext$prefixCls === void 0 ? 'arco' : _useContext$prefixCls;\n\n const spin = iconProps.spin,\n className = iconProps.className;\n const props = {\n \"aria-hidden\": true,\n focusable: false,\n ref,\n ...iconProps,\n className: `${className ? className + ' ' : ''}${prefixCls}-icon ${prefixCls}-icon-info`\n };\n\n if (spin) {\n props.className = `${props.className} ${prefixCls}-icon-loading`;\n }\n\n delete props.spin;\n delete props.isIcon;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"4\",\n viewBox: \"0 0 48 48\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M25 39H27V60H25z\",\n transform: \"rotate(180 25 39)\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"currentColor\",\n stroke: \"none\",\n d: \"M25 39H27V60H25z\",\n transform: \"rotate(180 25 39)\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M25 11H27V13H25z\",\n transform: \"rotate(180 25 11)\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"currentColor\",\n stroke: \"none\",\n d: \"M25 11H27V13H25z\",\n transform: \"rotate(180 25 11)\"\n }));\n}\n\nconst IconInfo = /*#__PURE__*/React.forwardRef(IconInfoComponent);\nIconInfo.defaultProps = {\n isIcon: true\n};\nIconInfo.displayName = 'IconInfo';\nexport default IconInfo;","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { forwardRef, useContext } from 'react';\nimport cs from '../_util/classNames';\nimport { ConfigContext } from '../ConfigProvider';\nimport IconCheck from '../../icon/react-icon/IconCheck';\nimport IconExclamation from '../../icon/react-icon/IconExclamation';\nimport IconInfo from '../../icon/react-icon/IconInfo';\nimport IconClose from '../../icon/react-icon/IconClose';\nimport Image404 from './404';\nimport Image403 from './403';\nimport Image500 from './500';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nvar defaultIcons = {\n success: React.createElement(IconCheck, null),\n info: React.createElement(IconInfo, null),\n warning: React.createElement(IconExclamation, null),\n error: React.createElement(IconClose, null),\n '404': React.createElement(Image404, null),\n '403': React.createElement(Image403, null),\n '500': React.createElement(Image500, null),\n};\nvar defaultProps = {\n status: 'info',\n};\nfunction Result(baseProps, ref) {\n var _a, _b;\n var _c = useContext(ConfigContext), getPrefixCls = _c.getPrefixCls, componentConfig = _c.componentConfig, rtl = _c.rtl;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Result);\n var className = props.className, style = props.style, status = props.status, title = props.title, subTitle = props.subTitle, extra = props.extra, children = props.children, propsIcon = props.icon, rest = __rest(props, [\"className\", \"style\", \"status\", \"title\", \"subTitle\", \"extra\", \"children\", \"icon\"]);\n var prefixCls = getPrefixCls('result');\n var icon = 'icon' in props ? propsIcon : defaultIcons[status];\n return (React.createElement(\"div\", __assign({ ref: ref, className: cs(prefixCls, (_a = {},\n _a[prefixCls + \"-is-\" + status] = status,\n _a[prefixCls + \"-rtl\"] = rtl,\n _a), className), style: style }, rest),\n icon && (React.createElement(\"div\", { className: prefixCls + \"-icon\" },\n React.createElement(\"span\", { className: cs(prefixCls + \"-icon-tip\", (_b = {},\n _b[prefixCls + \"-icon-\" + status] = status,\n _b[prefixCls + \"-icon-custom\"] = status === null,\n _b)) }, icon))),\n title && React.createElement(\"div\", { className: prefixCls + \"-title\" }, title),\n subTitle && React.createElement(\"div\", { className: prefixCls + \"-subtitle\" }, subTitle),\n extra && React.createElement(\"div\", { className: prefixCls + \"-extra\" }, extra),\n children && React.createElement(\"div\", { className: prefixCls + \"-content\" }, children)));\n}\nvar ResultRef = forwardRef(Result);\nResultRef.displayName = 'Result';\nexport default ResultRef;\n","import React from 'react';\nexport default function Image404() {\n return (React.createElement(\"svg\", { width: \"100%\", height: \"100%\", viewBox: \"0 0 213 213\", style: {\n fillRule: 'evenodd',\n clipRule: 'evenodd',\n strokeLinejoin: 'round',\n strokeMiterlimit: 2,\n } },\n React.createElement(\"g\", { transform: \"matrix(1,0,0,1,-1241.95,-445.62)\" },\n React.createElement(\"g\", null,\n React.createElement(\"g\", { transform: \"matrix(1,0,0,1,295.2,-87.3801)\" },\n React.createElement(\"circle\", { cx: \"1053.23\", cy: \"639.477\", r: \"106.477\", style: { fill: 'rgb(235, 238, 246)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.38223,0,0,0.38223,1126.12,238.549)\" },\n React.createElement(\"g\", { transform: \"matrix(0.566536,0.327089,-1.28774,0.74348,763.4,317.171)\" },\n React.createElement(\"rect\", { x: \"657.012\", y: \"404.643\", width: \"198.586\", height: \"145.08\", style: { fillOpacity: 0.1 } })),\n React.createElement(\"g\", { transform: \"matrix(0.29595,0.170867,-0.91077,0.525833,873.797,588.624)\" },\n React.createElement(\"rect\", { x: \"657.012\", y: \"404.643\", width: \"198.586\", height: \"145.08\", style: { fillOpacity: 0.1 } })),\n React.createElement(\"g\", { transform: \"matrix(1,0,0,1,275,-15)\" },\n React.createElement(\"path\", { d: \"M262.077,959.012L276.923,959.012L273.388,1004.01C273.388,1004.59 273.009,1005.16 272.25,1005.6C270.732,1006.48 268.268,1006.48 266.75,1005.6C265.991,1005.16 265.612,1004.59 265.612,1004.01L262.077,959.012Z\", style: { fill: 'rgb(196, 173, 142)' } }),\n React.createElement(\"g\", { transform: \"matrix(0.866025,-0.5,1,0.57735,0,-45)\" },\n React.createElement(\"ellipse\", { cx: \"-848.416\", cy: \"1004.25\", rx: \"6.062\", ry: \"5.25\", style: { fill: 'rgb(255, 125, 0)' } }))),\n React.createElement(\"g\", { transform: \"matrix(1,0,0,1,183.952,-67.5665)\" },\n React.createElement(\"path\", { d: \"M262.077,959.012L276.923,959.012L273.388,1004.01C273.388,1004.59 273.009,1005.16 272.25,1005.6C270.732,1006.48 268.268,1006.48 266.75,1005.6C265.991,1005.16 265.612,1004.59 265.612,1004.01L262.077,959.012Z\", style: { fill: 'rgb(196, 173, 142)' } }),\n React.createElement(\"g\", { transform: \"matrix(0.866025,-0.5,1,0.57735,0,-45)\" },\n React.createElement(\"ellipse\", { cx: \"-848.416\", cy: \"1004.25\", rx: \"6.062\", ry: \"5.25\", style: { fill: 'rgb(255, 125, 0)' } }))),\n React.createElement(\"g\", { transform: \"matrix(1,0,0,1,414,-95.2517)\" },\n React.createElement(\"path\", { d: \"M262.077,959.012L276.923,959.012L273.388,1004.01C273.388,1004.59 273.009,1005.16 272.25,1005.6C270.732,1006.48 268.268,1006.48 266.75,1005.6C265.991,1005.16 265.612,1004.59 265.612,1004.01L262.077,959.012Z\", style: { fill: 'rgb(196, 173, 142)' } }),\n React.createElement(\"g\", { transform: \"matrix(0.866025,-0.5,1,0.57735,0,-45)\" },\n React.createElement(\"ellipse\", { cx: \"-848.416\", cy: \"1004.25\", rx: \"6.062\", ry: \"5.25\", style: { fill: 'rgb(255, 125, 0)' } }))),\n React.createElement(\"g\", { transform: \"matrix(1,0,0,1,322.952,-147.818)\" },\n React.createElement(\"path\", { d: \"M262.077,959.012L276.923,959.012L273.388,1004.01C273.388,1004.59 273.009,1005.16 272.25,1005.6C270.732,1006.48 268.268,1006.48 266.75,1005.6C265.991,1005.16 265.612,1004.59 265.612,1004.01L262.077,959.012Z\", style: { fill: 'rgb(196, 173, 142)' } }),\n React.createElement(\"g\", { transform: \"matrix(0.866025,-0.5,1,0.57735,0,-45)\" },\n React.createElement(\"ellipse\", { cx: \"-848.416\", cy: \"1004.25\", rx: \"6.062\", ry: \"5.25\", style: { fill: 'rgb(255, 125, 0)' } }))),\n React.createElement(\"g\", null,\n React.createElement(\"g\", { transform: \"matrix(1.42334,-0.821763,1.11271,0.642426,-1439.64,459.621)\" },\n React.createElement(\"rect\", { x: \"495.52\", y: \"1057.87\", width: \"105.078\", height: \"91\", style: { fill: 'rgb(253, 243, 228)' } })),\n React.createElement(\"g\", { transform: \"matrix(1.40786,-0.812831,6.60237e-16,1.99081,-2052.17,-84.7286)\" },\n React.createElement(\"rect\", { x: \"1844.06\", y: \"1192.54\", width: \"106.232\", height: \"92\", style: { fill: 'rgb(196, 173, 142)' } })),\n React.createElement(\"g\", { transform: \"matrix(1.26159,-0.728382,5.91642e-16,1.78397,-1774.67,11.2303)\" },\n React.createElement(\"path\", { d: \"M1950.29,1194.38C1950.29,1193.37 1949.41,1192.54 1948.34,1192.54L1846.01,1192.54C1844.93,1192.54 1844.06,1193.37 1844.06,1194.38L1844.06,1282.7C1844.06,1283.72 1844.93,1284.54 1846.01,1284.54L1948.34,1284.54C1949.41,1284.54 1950.29,1283.72 1950.29,1282.7L1950.29,1194.38Z\", style: { fill: 'rgb(132, 97, 51)' } })),\n React.createElement(\"g\", { transform: \"matrix(1.2198,-0.704254,5.72043e-16,1.72488,-1697.6,37.2103)\" },\n React.createElement(\"path\", { d: \"M1950.29,1194.38C1950.29,1193.37 1949.41,1192.54 1948.34,1192.54L1846.01,1192.54C1844.93,1192.54 1844.06,1193.37 1844.06,1194.38L1844.06,1282.7C1844.06,1283.72 1844.93,1284.54 1846.01,1284.54L1948.34,1284.54C1949.41,1284.54 1950.29,1283.72 1950.29,1282.7L1950.29,1194.38Z\", style: { fill: 'rgb(196, 173, 142)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.707187,0.408295,9.06119e-17,1.54833,-733.949,683.612)\" },\n React.createElement(\"rect\", { x: \"1663.92\", y: \"-407.511\", width: \"143.183\", height: \"118.292\", style: { fill: 'rgb(240, 218, 183)' } })),\n React.createElement(\"g\", { transform: \"matrix(1.64553,-0.950049,1.17482,0.678285,-1632.45,473.879)\" },\n React.createElement(\"rect\", { x: \"495.52\", y: \"1057.87\", width: \"105.078\", height: \"91\", style: { fill: 'rgb(253, 243, 228)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.74666,0.431085,2.3583e-17,0.135259,-816.63,57.1397)\" },\n React.createElement(\"rect\", { x: \"1663.92\", y: \"-407.511\", width: \"143.183\", height: \"118.292\", style: { fill: 'rgb(240, 218, 183)' } })),\n React.createElement(\"g\", { transform: \"matrix(1.64553,-0.950049,1.17482,0.678285,-1632.45,473.879)\" },\n React.createElement(\"rect\", { x: \"495.52\", y: \"1057.87\", width: \"105.078\", height: \"91\", style: { fill: 'rgb(253, 243, 228)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.750082,0,0,0.750082,163.491,354.191)\" },\n React.createElement(\"g\", { transform: \"matrix(1.75943,-1.01581,1.75879e-16,0.632893,-2721.54,1876.43)\" },\n React.createElement(\"rect\", { x: \"1844.06\", y: \"1192.54\", width: \"106.232\", height: \"92\", style: { fill: 'rgb(196, 173, 142)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.290956,-0.167984,2.90849e-17,0.104661,69.4195,919.311)\" },\n React.createElement(\"path\", { d: \"M1950.29,1238.54C1950.29,1213.15 1944.73,1192.54 1937.88,1192.54L1856.47,1192.54C1849.62,1192.54 1844.06,1213.15 1844.06,1238.54C1844.06,1263.93 1849.62,1284.54 1856.47,1284.54L1937.88,1284.54C1944.73,1284.54 1950.29,1263.93 1950.29,1238.54Z\", style: { fill: 'rgb(132, 97, 51)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.262716,-0.151679,8.27418e-18,0.0364999,121.496,970.53)\" },\n React.createElement(\"path\", { d: \"M1950.29,1238.54C1950.29,1213.15 1948.14,1192.54 1945.5,1192.54L1848.85,1192.54C1846.2,1192.54 1844.06,1213.15 1844.06,1238.54C1844.06,1263.93 1846.2,1284.54 1848.85,1284.54L1945.5,1284.54C1948.14,1284.54 1950.29,1263.93 1950.29,1238.54Z\", style: { fill: 'rgb(246, 220, 185)' } })),\n React.createElement(\"g\", { transform: \"matrix(1.77877,-1.02697,0.0581765,0.0335882,-425.293,1228.27)\" },\n React.createElement(\"rect\", { x: \"495.52\", y: \"1057.87\", width: \"105.078\", height: \"91\", style: { fill: 'rgb(240, 218, 183)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.0369741,0.021347,4.72735e-17,0.492225,456.143,919.985)\" },\n React.createElement(\"rect\", { x: \"1663.92\", y: \"-407.511\", width: \"143.183\", height: \"118.292\", style: { fill: 'rgb(240, 218, 183)' } }))),\n React.createElement(\"g\", { transform: \"matrix(0.750082,0,0,0.750082,163.491,309.191)\" },\n React.createElement(\"g\", { transform: \"matrix(1.75943,-1.01581,1.75879e-16,0.632893,-2721.54,1876.43)\" },\n React.createElement(\"rect\", { x: \"1844.06\", y: \"1192.54\", width: \"106.232\", height: \"92\", style: { fill: 'rgb(196, 173, 142)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.290956,-0.167984,2.90849e-17,0.104661,69.4195,919.311)\" },\n React.createElement(\"path\", { d: \"M1950.29,1238.54C1950.29,1213.15 1944.73,1192.54 1937.88,1192.54L1856.47,1192.54C1849.62,1192.54 1844.06,1213.15 1844.06,1238.54C1844.06,1263.93 1849.62,1284.54 1856.47,1284.54L1937.88,1284.54C1944.73,1284.54 1950.29,1263.93 1950.29,1238.54Z\", style: { fill: 'rgb(132, 97, 51)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.262716,-0.151679,8.27418e-18,0.0364999,121.496,970.53)\" },\n React.createElement(\"path\", { d: \"M1950.29,1238.54C1950.29,1213.15 1948.14,1192.54 1945.5,1192.54L1848.85,1192.54C1846.2,1192.54 1844.06,1213.15 1844.06,1238.54C1844.06,1263.93 1846.2,1284.54 1848.85,1284.54L1945.5,1284.54C1948.14,1284.54 1950.29,1263.93 1950.29,1238.54Z\", style: { fill: 'rgb(246, 220, 185)' } })),\n React.createElement(\"g\", { transform: \"matrix(1.77877,-1.02697,0.0581765,0.0335882,-425.293,1228.27)\" },\n React.createElement(\"rect\", { x: \"495.52\", y: \"1057.87\", width: \"105.078\", height: \"91\", style: { fill: 'rgb(240, 218, 183)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.0369741,0.021347,4.72735e-17,0.492225,456.143,919.985)\" },\n React.createElement(\"rect\", { x: \"1663.92\", y: \"-407.511\", width: \"143.183\", height: \"118.292\", style: { fill: 'rgb(240, 218, 183)' } }))),\n React.createElement(\"g\", { transform: \"matrix(0.750082,0,0,0.750082,163.491,263.931)\" },\n React.createElement(\"g\", { transform: \"matrix(1.75943,-1.01581,1.75879e-16,0.632893,-2721.54,1876.43)\" },\n React.createElement(\"rect\", { x: \"1844.06\", y: \"1192.54\", width: \"106.232\", height: \"92\", style: { fill: 'rgb(196, 173, 142)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.290956,-0.167984,2.90849e-17,0.104661,69.4195,919.311)\" },\n React.createElement(\"path\", { d: \"M1950.29,1238.54C1950.29,1213.15 1944.73,1192.54 1937.88,1192.54L1856.47,1192.54C1849.62,1192.54 1844.06,1213.15 1844.06,1238.54C1844.06,1263.93 1849.62,1284.54 1856.47,1284.54L1937.88,1284.54C1944.73,1284.54 1950.29,1263.93 1950.29,1238.54Z\", style: { fill: 'rgb(132, 97, 51)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.262716,-0.151679,8.27418e-18,0.0364999,121.496,970.53)\" },\n React.createElement(\"path\", { d: \"M1950.29,1238.54C1950.29,1213.15 1948.14,1192.54 1945.5,1192.54L1848.85,1192.54C1846.2,1192.54 1844.06,1213.15 1844.06,1238.54C1844.06,1263.93 1846.2,1284.54 1848.85,1284.54L1945.5,1284.54C1948.14,1284.54 1950.29,1263.93 1950.29,1238.54Z\", style: { fill: 'rgb(246, 220, 185)' } })),\n React.createElement(\"g\", { transform: \"matrix(1.77877,-1.02697,0.0581765,0.0335882,-425.293,1228.27)\" },\n React.createElement(\"rect\", { x: \"495.52\", y: \"1057.87\", width: \"105.078\", height: \"91\", style: { fill: 'rgb(240, 218, 183)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.0369741,0.021347,4.72735e-17,0.492225,456.143,919.985)\" },\n React.createElement(\"rect\", { x: \"1663.92\", y: \"-407.511\", width: \"143.183\", height: \"118.292\", style: { fill: 'rgb(240, 218, 183)' } }))),\n React.createElement(\"path\", { d: \"M555.753,832.474L555.753,921.408L630.693,878.141L630.693,789.207L555.753,832.474Z\", style: { fillOpacity: 0.1 } }),\n React.createElement(\"g\", { transform: \"matrix(0.750082,0,0,0.750082,236.431,272.852)\" },\n React.createElement(\"g\", { transform: \"matrix(1.64553,-0.950049,1.14552,0.661368,-1606.78,467.933)\" },\n React.createElement(\"rect\", { x: \"495.52\", y: \"1057.87\", width: \"105.078\", height: \"91\", style: { fill: 'rgb(253, 243, 228)' } })),\n React.createElement(\"g\", { transform: \"matrix(1.54477,-0.891873,1.05847,0.611108,-1456.84,490.734)\" },\n React.createElement(\"rect\", { x: \"495.52\", y: \"1057.87\", width: \"105.078\", height: \"91\", style: { fill: 'rgb(132, 97, 51)' } })),\n React.createElement(\"g\", { transform: \"matrix(1.27607,-0.736739,0.751435,0.433841,-970.952,617.519)\" },\n React.createElement(\"rect\", { x: \"495.52\", y: \"1057.87\", width: \"105.078\", height: \"91\", style: { fill: 'rgb(240, 218, 183)' } })),\n React.createElement(\"g\", { transform: \"matrix(1.62765,-0.939723,1.42156e-16,0.5,-2476.81,1893.62)\" },\n React.createElement(\"rect\", { x: \"1844.06\", y: \"1192.54\", width: \"106.232\", height: \"92\", style: { fill: 'rgb(196, 173, 142)' } })),\n React.createElement(\"g\", { transform: \"matrix(1.62765,-0.939723,1.42156e-16,0.5,-2476.81,1893.62)\" },\n React.createElement(\"rect\", { x: \"1844.06\", y: \"1192.54\", width: \"106.232\", height: \"92\", style: { fill: 'rgb(196, 173, 142)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.728038,0.420333,3.52595e-17,0.377589,-790.978,151.274)\" },\n React.createElement(\"rect\", { x: \"1663.92\", y: \"-407.511\", width: \"143.183\", height: \"118.292\", style: { fill: 'rgb(240, 218, 183)' } })),\n React.createElement(\"g\", { transform: \"matrix(1.75943,-1.01581,1.75879e-16,0.632893,-2726.83,1873.38)\" },\n React.createElement(\"rect\", { x: \"1844.06\", y: \"1192.54\", width: \"106.232\", height: \"92\", style: { fill: 'rgb(196, 173, 142)' } })),\n React.createElement(\"g\", null,\n React.createElement(\"g\", { transform: \"matrix(1.75943,-1.01581,1.75879e-16,0.632893,-2721.54,1876.43)\" },\n React.createElement(\"rect\", { x: \"1844.06\", y: \"1192.54\", width: \"106.232\", height: \"92\", style: { fill: 'rgb(196, 173, 142)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.290956,-0.167984,2.90849e-17,0.104661,69.4195,919.311)\" },\n React.createElement(\"path\", { d: \"M1950.29,1238.54C1950.29,1213.15 1944.73,1192.54 1937.88,1192.54L1856.47,1192.54C1849.62,1192.54 1844.06,1213.15 1844.06,1238.54C1844.06,1263.93 1849.62,1284.54 1856.47,1284.54L1937.88,1284.54C1944.73,1284.54 1950.29,1263.93 1950.29,1238.54Z\", style: { fill: 'rgb(132, 97, 51)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.262716,-0.151679,8.27418e-18,0.0364999,121.496,970.53)\" },\n React.createElement(\"path\", { d: \"M1950.29,1238.54C1950.29,1213.15 1948.14,1192.54 1945.5,1192.54L1848.85,1192.54C1846.2,1192.54 1844.06,1213.15 1844.06,1238.54C1844.06,1263.93 1846.2,1284.54 1848.85,1284.54L1945.5,1284.54C1948.14,1284.54 1950.29,1263.93 1950.29,1238.54Z\", style: { fill: 'rgb(246, 220, 185)' } })),\n React.createElement(\"g\", { transform: \"matrix(1.77877,-1.02697,0.0581765,0.0335882,-425.293,1228.27)\" },\n React.createElement(\"rect\", { x: \"495.52\", y: \"1057.87\", width: \"105.078\", height: \"91\", style: { fill: 'rgb(240, 218, 183)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.0369741,0.021347,4.72735e-17,0.492225,456.143,919.985)\" },\n React.createElement(\"rect\", { x: \"1663.92\", y: \"-407.511\", width: \"143.183\", height: \"118.292\", style: { fill: 'rgb(240, 218, 183)' } })))),\n React.createElement(\"g\", { transform: \"matrix(1.62765,-0.939723,4.80984e-17,0.173913,-2468.81,2307.87)\" },\n React.createElement(\"rect\", { x: \"1844.06\", y: \"1192.54\", width: \"106.232\", height: \"92\", style: { fill: 'rgb(196, 173, 142)' } }))),\n React.createElement(\"g\", null,\n React.createElement(\"g\", { transform: \"matrix(0.479077,0.276595,-0.564376,0.325843,598.357,-129.986)\" },\n React.createElement(\"path\", { d: \"M1776.14,1326C1776.14,1321.19 1772.15,1317.28 1767.24,1317.28L1684.37,1317.28C1679.46,1317.28 1675.47,1321.19 1675.47,1326L1675.47,1395.75C1675.47,1400.56 1679.46,1404.46 1684.37,1404.46L1767.24,1404.46C1772.15,1404.46 1776.14,1400.56 1776.14,1395.75L1776.14,1326Z\", style: { fill: 'white' } })),\n React.createElement(\"g\", { transform: \"matrix(2.61622,0,0,2.61622,-2305.73,162.161)\" },\n React.createElement(\"g\", { transform: \"matrix(1.09915,-0.634597,1.26919,0.73277,-299.167,-62.4615)\" },\n React.createElement(\"ellipse\", { cx: \"412.719\", cy: \"770.575\", rx: \"6.303\", ry: \"5.459\", style: { fill: 'rgb(255, 125, 0)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.238212,-0.137532,0.178659,0.103149,875.064,207.93)\" },\n React.createElement(\"text\", { x: \"413.474px\", y: \"892.067px\", style: {\n fontFamily: 'NunitoSans-Bold, Nunito Sans',\n fontWeight: 700,\n fontSize: 41.569,\n fill: 'white',\n } }, \"?\")))))))));\n}\n","import React from 'react';\nexport default function Image403() {\n return (React.createElement(\"svg\", { viewBox: \"0 0 213 213\", height: \"100%\", width: \"100%\", style: {\n fillRule: 'evenodd',\n clipRule: 'evenodd',\n strokeLinejoin: 'round',\n strokeMiterlimit: 2,\n } },\n React.createElement(\"g\", { transform: \"matrix(1,0,0,1,-871.485,-445.62)\" },\n React.createElement(\"g\", null,\n React.createElement(\"g\", { transform: \"matrix(1,0,0,1,-75.2684,-87.3801)\" },\n React.createElement(\"circle\", { cx: \"1053.23\", cy: \"639.477\", r: \"106.477\", style: { fill: 'rgb(235, 238, 246)' } })),\n React.createElement(\"g\", { transform: \"matrix(1,0,0,1,246.523,295.575)\" },\n React.createElement(\"g\", { transform: \"matrix(0.316667,0,0,0.316667,277.545,71.0298)\" },\n React.createElement(\"g\", { transform: \"matrix(0.989011,-0.571006,1.14201,0.659341,-335.171,81.4498)\" },\n React.createElement(\"rect\", { x: \"495.52\", y: \"1057.87\", width: \"105.078\", height: \"91\", style: { fill: 'rgb(253, 243, 228)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.164835,-0.0951676,1.14201,0.659341,116.224,-179.163)\" },\n React.createElement(\"rect\", { x: \"495.52\", y: \"1057.87\", width: \"105.078\", height: \"91\", style: { fill: 'rgb(202, 174, 136)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.978261,-0.564799,1.26804e-16,1.30435,-337.046,42.0327)\" },\n React.createElement(\"rect\", { x: \"1844.06\", y: \"1192.54\", width: \"106.232\", height: \"92\", style: { fill: 'rgb(196, 173, 142)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.267591,-0.154493,3.46856e-17,0.356787,992.686,475.823)\" },\n React.createElement(\"rect\", { x: \"1844.06\", y: \"1192.54\", width: \"106.232\", height: \"92\", style: { fill: 'rgb(102, 102, 102)' } })),\n React.createElement(\"g\", { transform: \"matrix(1.28257,-0.740494,1.23317e-16,1.7101,1501.14,624.071)\" },\n React.createElement(\"g\", { transform: \"matrix(1,0,0,1,-6,-6)\" },\n React.createElement(\"path\", { d: \"M2.25,10.5C2.25,10.5 1.5,10.5 1.5,9.75C1.5,9 2.25,6.75 6,6.75C9.75,6.75 10.5,9 10.5,9.75C10.5,10.5 9.75,10.5 9.75,10.5L2.25,10.5ZM6,6C7.234,6 8.25,4.984 8.25,3.75C8.25,2.516 7.234,1.5 6,1.5C4.766,1.5 3.75,2.516 3.75,3.75C3.75,4.984 4.766,6 6,6Z\", style: { fill: 'white' } }))),\n React.createElement(\"g\", { transform: \"matrix(0.725806,0.419045,1.75755e-17,1.01444,155.314,212.138)\" },\n React.createElement(\"rect\", { x: \"1663.92\", y: \"-407.511\", width: \"143.183\", height: \"118.292\", style: { fill: 'rgb(240, 218, 183)' } })),\n React.createElement(\"g\", { transform: \"matrix(1.58977,-0.917857,1.15976e-16,2.2425,-1270.46,-614.379)\" },\n React.createElement(\"rect\", { x: \"1748.87\", y: \"1226.67\", width: \"10.895\", height: \"13.378\", style: { fill: 'rgb(132, 97, 0)' } }))),\n React.createElement(\"g\", { transform: \"matrix(0.182997,0.105653,-0.494902,0.285732,814.161,66.3087)\" },\n React.createElement(\"rect\", { x: \"657.012\", y: \"404.643\", width: \"198.586\", height: \"145.08\", style: { fillOpacity: 0.1 } })),\n React.createElement(\"g\", { transform: \"matrix(0.316667,0,0,0.316667,237.301,94.2647)\" },\n React.createElement(\"g\", { transform: \"matrix(0.989011,-0.571006,1.14201,0.659341,-335.171,81.4498)\" },\n React.createElement(\"rect\", { x: \"495.52\", y: \"1057.87\", width: \"105.078\", height: \"91\", style: { fill: 'rgb(253, 243, 228)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.164835,-0.0951676,1.14201,0.659341,116.224,-179.163)\" },\n React.createElement(\"rect\", { x: \"495.52\", y: \"1057.87\", width: \"105.078\", height: \"91\", style: { fill: 'rgb(202, 174, 136)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.978261,-0.564799,1.26804e-16,1.30435,-337.046,42.0327)\" },\n React.createElement(\"rect\", { x: \"1844.06\", y: \"1192.54\", width: \"106.232\", height: \"92\", style: { fill: 'rgb(196, 173, 142)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.267591,-0.154493,3.46856e-17,0.356787,992.686,475.823)\" },\n React.createElement(\"rect\", { x: \"1844.06\", y: \"1192.54\", width: \"106.232\", height: \"92\", style: { fill: 'rgb(102, 102, 102)' } })),\n React.createElement(\"g\", { transform: \"matrix(1.28257,-0.740494,1.23317e-16,1.7101,1501.14,624.071)\" },\n React.createElement(\"g\", { transform: \"matrix(1,0,0,1,-6,-6)\" },\n React.createElement(\"path\", { d: \"M2.25,10.5C2.25,10.5 1.5,10.5 1.5,9.75C1.5,9 2.25,6.75 6,6.75C9.75,6.75 10.5,9 10.5,9.75C10.5,10.5 9.75,10.5 9.75,10.5L2.25,10.5ZM6,6C7.234,6 8.25,4.984 8.25,3.75C8.25,2.516 7.234,1.5 6,1.5C4.766,1.5 3.75,2.516 3.75,3.75C3.75,4.984 4.766,6 6,6Z\", style: { fill: 'white' } }))),\n React.createElement(\"g\", { transform: \"matrix(0.725806,0.419045,1.75755e-17,1.01444,155.314,212.138)\" },\n React.createElement(\"rect\", { x: \"1663.92\", y: \"-407.511\", width: \"143.183\", height: \"118.292\", style: { fill: 'rgb(240, 218, 183)' } })),\n React.createElement(\"g\", { transform: \"matrix(1.58977,-0.917857,1.15976e-16,2.2425,-1270.46,-614.379)\" },\n React.createElement(\"rect\", { x: \"1748.87\", y: \"1226.67\", width: \"10.895\", height: \"13.378\", style: { fill: 'rgb(132, 97, 0)' } }))),\n React.createElement(\"g\", { transform: \"matrix(0.474953,0,0,0.474953,538.938,8.95289)\" },\n React.createElement(\"g\", { transform: \"matrix(0.180615,0.104278,-0.973879,0.562269,790.347,286.159)\" },\n React.createElement(\"rect\", { x: \"657.012\", y: \"404.643\", width: \"198.586\", height: \"145.08\", style: { fillOpacity: 0.1 } })),\n React.createElement(\"g\", { transform: \"matrix(0.473356,0,0,0.473356,294.481,129.741)\" },\n React.createElement(\"g\", null,\n React.createElement(\"g\", { transform: \"matrix(0.1761,-0.101671,1.73518e-16,1.22207,442.564,7.31508)\" },\n React.createElement(\"rect\", { x: \"202.62\", y: \"575.419\", width: \"124.002\", height: \"259.402\", style: { fill: 'rgb(235, 235, 235)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.0922781,0.0532768,2.03964e-16,2.20569,405.236,-248.842)\" },\n React.createElement(\"rect\", { x: \"657.012\", y: \"404.643\", width: \"198.586\", height: \"145.08\", style: { fill: 'rgb(34, 34, 34)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.147541,-0.0851831,1.52371e-16,1.23446,454.294,-3.8127)\" },\n React.createElement(\"rect\", { x: \"202.62\", y: \"575.419\", width: \"124.002\", height: \"259.402\", style: { fill: 'rgb(51, 51, 51)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.0921286,0.0531905,-0.126106,0.0728076,474.688,603.724)\" },\n React.createElement(\"rect\", { x: \"657.012\", y: \"404.643\", width: \"198.586\", height: \"145.08\", style: { fill: 'rgb(102, 102, 102)' } })))),\n React.createElement(\"g\", { transform: \"matrix(0.473356,0,0,0.473356,192.621,188.549)\" },\n React.createElement(\"g\", null,\n React.createElement(\"g\", { transform: \"matrix(0.1761,-0.101671,1.73518e-16,1.22207,442.564,7.31508)\" },\n React.createElement(\"rect\", { x: \"202.62\", y: \"575.419\", width: \"124.002\", height: \"259.402\", style: { fill: 'rgb(235, 235, 235)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.0922781,0.0532768,2.03964e-16,2.20569,405.236,-248.842)\" },\n React.createElement(\"rect\", { x: \"657.012\", y: \"404.643\", width: \"198.586\", height: \"145.08\", style: { fill: 'rgb(34, 34, 34)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.147541,-0.0851831,1.52371e-16,1.23446,454.294,-3.8127)\" },\n React.createElement(\"rect\", { x: \"202.62\", y: \"575.419\", width: \"124.002\", height: \"259.402\", style: { fill: 'rgb(51, 51, 51)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.0921286,0.0531905,-0.126106,0.0728076,474.688,603.724)\" },\n React.createElement(\"rect\", { x: \"657.012\", y: \"404.643\", width: \"198.586\", height: \"145.08\", style: { fill: 'rgb(102, 102, 102)' } })))),\n React.createElement(\"g\", { transform: \"matrix(0.668111,0,0,0.668111,-123.979,-49.2109)\" },\n React.createElement(\"g\", { transform: \"matrix(0.0349225,0.0201625,1.81598e-17,0.220789,974.758,729.412)\" },\n React.createElement(\"rect\", { x: \"657.012\", y: \"404.643\", width: \"198.586\", height: \"145.08\", style: { fill: 'rgb(235, 235, 235)' } })),\n React.createElement(\"g\", { transform: \"matrix(1.1164,-0.644557,0,0.220789,42.5091,1294.14)\" },\n React.createElement(\"rect\", { x: \"657.012\", y: \"404.643\", width: \"198.586\", height: \"145.08\", style: { fill: 'rgb(235, 235, 235)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.0349225,0.0201625,-1.52814,0.882275,1593.11,461.746)\" },\n React.createElement(\"rect\", { x: \"657.012\", y: \"404.643\", width: \"198.586\", height: \"145.08\", style: { fill: 'rgb(102, 102, 102)' } })),\n React.createElement(\"g\", { transform: \"matrix(1.1164,-0.644557,0,0.220789,49.4442,1298.14)\" },\n React.createElement(\"rect\", { x: \"657.012\", y: \"404.643\", width: \"198.586\", height: \"145.08\", style: { fill: 'rgb(51, 51, 51)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.0349225,0.0201625,1.81598e-17,0.220789,753.056,857.412)\" },\n React.createElement(\"rect\", { x: \"657.012\", y: \"404.643\", width: \"198.586\", height: \"145.08\", style: { fill: 'rgb(34, 34, 34)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.142968,-0.0825428,-0.207261,0.478709,898.874,529.479)\" },\n React.createElement(\"rect\", { x: \"831\", y: \"1023.79\", width: \"89.214\", height: \"89.214\", style: { fill: 'rgb(255, 125, 0)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.142968,-0.0825428,-0.207261,0.478709,930.12,511.44)\" },\n React.createElement(\"rect\", { x: \"831\", y: \"1023.79\", width: \"89.214\", height: \"89.214\", style: { fill: 'rgb(255, 125, 0)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.142968,-0.0825428,-0.207261,0.478709,961.365,493.4)\" },\n React.createElement(\"rect\", { x: \"831\", y: \"1023.79\", width: \"89.214\", height: \"89.214\", style: { fill: 'rgb(248, 248, 248)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.142968,-0.0825428,-0.207261,0.478709,992.61,475.361)\" },\n React.createElement(\"rect\", { x: \"831\", y: \"1023.79\", width: \"89.214\", height: \"89.214\", style: { fill: 'rgb(248, 248, 248)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.142968,-0.0825428,-0.207261,0.478709,1023.86,457.321)\" },\n React.createElement(\"rect\", { x: \"831\", y: \"1023.79\", width: \"89.214\", height: \"89.214\", style: { fill: 'rgb(248, 248, 248)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.142968,-0.0825428,-0.207261,0.478709,1056.25,438.617)\" },\n React.createElement(\"rect\", { x: \"831\", y: \"1023.79\", width: \"89.214\", height: \"89.214\", style: { fill: 'rgb(255, 125, 0)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.142968,-0.0825428,-0.207261,0.478709,1085.74,421.589)\" },\n React.createElement(\"rect\", { x: \"831\", y: \"1023.79\", width: \"89.214\", height: \"89.214\", style: { fill: 'rgb(255, 125, 0)' } }))),\n React.createElement(\"g\", { transform: \"matrix(0.668111,0,0,0.668111,-123.979,-91.97)\" },\n React.createElement(\"g\", { transform: \"matrix(0.0349225,0.0201625,1.81598e-17,0.220789,974.758,729.412)\" },\n React.createElement(\"rect\", { x: \"657.012\", y: \"404.643\", width: \"198.586\", height: \"145.08\", style: { fill: 'rgb(235, 235, 235)' } })),\n React.createElement(\"g\", { transform: \"matrix(1.1164,-0.644557,0,0.220789,42.5091,1294.14)\" },\n React.createElement(\"rect\", { x: \"657.012\", y: \"404.643\", width: \"198.586\", height: \"145.08\", style: { fill: 'rgb(235, 235, 235)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.0349225,0.0201625,-1.52814,0.882275,1593.11,461.746)\" },\n React.createElement(\"rect\", { x: \"657.012\", y: \"404.643\", width: \"198.586\", height: \"145.08\", style: { fill: 'rgb(102, 102, 102)' } })),\n React.createElement(\"g\", { transform: \"matrix(1.1164,-0.644557,0,0.220789,49.4442,1298.14)\" },\n React.createElement(\"rect\", { x: \"657.012\", y: \"404.643\", width: \"198.586\", height: \"145.08\", style: { fill: 'rgb(51, 51, 51)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.0349225,0.0201625,1.81598e-17,0.220789,753.056,857.412)\" },\n React.createElement(\"rect\", { x: \"657.012\", y: \"404.643\", width: \"198.586\", height: \"145.08\", style: { fill: 'rgb(34, 34, 34)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.142968,-0.0825428,-0.207261,0.478709,898.874,529.479)\" },\n React.createElement(\"rect\", { x: \"831\", y: \"1023.79\", width: \"89.214\", height: \"89.214\", style: { fill: 'rgb(255, 125, 0)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.142968,-0.0825428,-0.207261,0.478709,930.12,511.44)\" },\n React.createElement(\"rect\", { x: \"831\", y: \"1023.79\", width: \"89.214\", height: \"89.214\", style: { fill: 'rgb(255, 125, 0)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.142968,-0.0825428,-0.207261,0.478709,961.365,493.4)\" },\n React.createElement(\"rect\", { x: \"831\", y: \"1023.79\", width: \"89.214\", height: \"89.214\", style: { fill: 'rgb(248, 248, 248)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.142968,-0.0825428,-0.207261,0.478709,992.61,475.361)\" },\n React.createElement(\"rect\", { x: \"831\", y: \"1023.79\", width: \"89.214\", height: \"89.214\", style: { fill: 'rgb(248, 248, 248)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.142968,-0.0825428,-0.207261,0.478709,1023.86,457.321)\" },\n React.createElement(\"rect\", { x: \"831\", y: \"1023.79\", width: \"89.214\", height: \"89.214\", style: { fill: 'rgb(248, 248, 248)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.142968,-0.0825428,-0.207261,0.478709,1056.25,438.617)\" },\n React.createElement(\"rect\", { x: \"831\", y: \"1023.79\", width: \"89.214\", height: \"89.214\", style: { fill: 'rgb(255, 125, 0)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.142968,-0.0825428,-0.207261,0.478709,1085.74,421.589)\" },\n React.createElement(\"rect\", { x: \"831\", y: \"1023.79\", width: \"89.214\", height: \"89.214\", style: { fill: 'rgb(255, 125, 0)' } }))),\n React.createElement(\"g\", { transform: \"matrix(0.701585,5.16096e-35,-5.16096e-35,0.701585,-546.219,-21.3487)\" },\n React.createElement(\"g\", { transform: \"matrix(0.558202,-0.322278,0,0.882275,1033.27,615.815)\" },\n React.createElement(\"path\", { d: \"M855.598,410.446C855.598,407.244 852.515,404.643 848.718,404.643L663.891,404.643C660.094,404.643 657.012,407.244 657.012,410.446L657.012,543.92C657.012,547.123 660.094,549.723 663.891,549.723L848.718,549.723C852.515,549.723 855.598,547.123 855.598,543.92L855.598,410.446Z\", style: { fill: 'white' } })),\n React.createElement(\"g\", { transform: \"matrix(0.558202,-0.322278,0,0.882275,1035.25,616.977)\" },\n React.createElement(\"path\", { d: \"M855.598,410.446C855.598,407.244 852.515,404.643 848.718,404.643L663.891,404.643C660.094,404.643 657.012,407.244 657.012,410.446L657.012,543.92C657.012,547.123 660.094,549.723 663.891,549.723L848.718,549.723C852.515,549.723 855.598,547.123 855.598,543.92L855.598,410.446Z\", style: { fill: 'white' } })),\n React.createElement(\"g\", { transform: \"matrix(1,0,0,1,418.673,507.243)\" },\n React.createElement(\"path\", { d: \"M1088.34,192.063C1089.79,191.209 1090.78,191.821 1090.78,191.821L1092.71,192.944C1092.71,192.944 1092.29,192.721 1091.7,192.763C1090.99,192.813 1090.34,193.215 1090.34,193.215C1090.34,193.215 1088.85,192.362 1088.34,192.063Z\", style: { fill: 'rgb(248, 248, 248)' } })),\n React.createElement(\"g\", { transform: \"matrix(1,0,0,1,235.984,-39.1315)\" },\n React.createElement(\"path\", { d: \"M1164.02,805.247C1164.05,802.517 1165.64,799.379 1167.67,798.118L1169.67,799.272C1167.58,800.648 1166.09,803.702 1166.02,806.402L1164.02,805.247Z\", style: { fill: 'url(#_Linear1)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.396683,0,0,0.396683,1000.22,516.921)\" },\n React.createElement(\"path\", { d: \"M1011.2,933.14C1009.31,932.075 1008.05,929.696 1007.83,926.324L1012.87,929.235C1012.87,929.235 1012.96,930.191 1013.04,930.698C1013.16,931.427 1013.42,932.344 1013.62,932.845C1013.79,933.255 1014.59,935.155 1016.22,936.046C1015.83,935.781 1011.19,933.139 1011.19,933.139L1011.2,933.14Z\", style: { fill: 'rgb(238, 238, 238)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.253614,-0.146424,4.87691e-17,0.338152,1209.98,830.02)\" },\n React.createElement(\"circle\", { cx: \"975.681\", cy: \"316.681\", r: \"113.681\", style: { fill: 'rgb(245, 63, 63)' } }),\n React.createElement(\"g\", { transform: \"matrix(1.08844,0,0,0.61677,-99.9184,125.436)\" },\n React.createElement(\"path\", { d: \"M1062,297.556C1062,296.697 1061.61,296 1061.12,296L915.882,296C915.395,296 915,296.697 915,297.556L915,333.356C915,334.215 915.395,334.912 915.882,334.912L1061.12,334.912C1061.61,334.912 1062,334.215 1062,333.356L1062,297.556Z\", style: { fill: 'white' } }))),\n React.createElement(\"g\", { transform: \"matrix(5.57947,-3.22131,0.306277,0.176829,-6260.71,4938.32)\" },\n React.createElement(\"rect\", { x: \"1335.54\", y: \"694.688\", width: \"18.525\", height: \"6.511\", style: { fill: 'rgb(248, 248, 248)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.10726,0.0619268,-1.83335e-14,18.1609,1256.76,-11932.8)\" },\n React.createElement(\"rect\", { x: \"1335.54\", y: \"694.688\", width: \"18.525\", height: \"6.511\", style: { fill: 'rgb(238, 238, 238)' } })))),\n React.createElement(\"g\", { transform: \"matrix(0.316667,0,0,0.316667,269.139,37.8829)\" },\n React.createElement(\"g\", { transform: \"matrix(0.989011,-0.571006,1.14201,0.659341,-335.171,81.4498)\" },\n React.createElement(\"rect\", { x: \"495.52\", y: \"1057.87\", width: \"105.078\", height: \"91\", style: { fill: 'rgb(253, 243, 228)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.164835,-0.0951676,1.14201,0.659341,116.224,-179.163)\" },\n React.createElement(\"rect\", { x: \"495.52\", y: \"1057.87\", width: \"105.078\", height: \"91\", style: { fill: 'rgb(202, 174, 136)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.978261,-0.564799,1.26804e-16,1.30435,-337.046,42.0327)\" },\n React.createElement(\"rect\", { x: \"1844.06\", y: \"1192.54\", width: \"106.232\", height: \"92\", style: { fill: 'rgb(196, 173, 142)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.267591,-0.154493,3.46856e-17,0.356787,992.686,475.823)\" },\n React.createElement(\"rect\", { x: \"1844.06\", y: \"1192.54\", width: \"106.232\", height: \"92\", style: { fill: 'rgb(102, 102, 102)' } })),\n React.createElement(\"g\", { transform: \"matrix(1.28257,-0.740494,1.23317e-16,1.7101,1501.14,624.071)\" },\n React.createElement(\"g\", { transform: \"matrix(1,0,0,1,-6,-6)\" },\n React.createElement(\"path\", { d: \"M2.25,10.5C2.25,10.5 1.5,10.5 1.5,9.75C1.5,9 2.25,6.75 6,6.75C9.75,6.75 10.5,9 10.5,9.75C10.5,10.5 9.75,10.5 9.75,10.5L2.25,10.5ZM6,6C7.234,6 8.25,4.984 8.25,3.75C8.25,2.516 7.234,1.5 6,1.5C4.766,1.5 3.75,2.516 3.75,3.75C3.75,4.984 4.766,6 6,6Z\", style: { fill: 'white' } }))),\n React.createElement(\"g\", { transform: \"matrix(0.725806,0.419045,1.75755e-17,1.01444,155.314,212.138)\" },\n React.createElement(\"rect\", { x: \"1663.92\", y: \"-407.511\", width: \"143.183\", height: \"118.292\", style: { fill: 'rgb(240, 218, 183)' } })),\n React.createElement(\"g\", { transform: \"matrix(1.58977,-0.917857,1.15976e-16,2.2425,-1270.46,-614.379)\" },\n React.createElement(\"rect\", { x: \"1748.87\", y: \"1226.67\", width: \"10.895\", height: \"13.378\", style: { fill: 'rgb(132, 97, 0)' } })))))),\n React.createElement(\"defs\", null,\n React.createElement(\"linearGradient\", { id: \"_Linear1\", x1: \"0\", y1: \"0\", x2: \"1\", y2: \"0\", gradientUnits: \"userSpaceOnUse\", gradientTransform: \"matrix(-2.64571,4.04098,-4.04098,-2.64571,1167.67,799.269)\" },\n React.createElement(\"stop\", { offset: \"0\", style: { stopColor: 'rgb(248, 248, 248)', stopOpacity: 1 } }),\n React.createElement(\"stop\", { offset: \"1\", style: { stopColor: 'rgb(248, 248, 248)', stopOpacity: 1 } })))));\n}\n","import React from 'react';\nexport default function Image500() {\n return (React.createElement(\"svg\", { width: \"100%\", height: \"100%\", viewBox: \"0 0 213 213\", style: {\n fillRule: 'evenodd',\n clipRule: 'evenodd',\n strokeLinejoin: 'round',\n strokeMiterlimit: 2,\n } },\n React.createElement(\"g\", { transform: \"matrix(1,0,0,1,-483.054,-445.448)\" },\n React.createElement(\"g\", null,\n React.createElement(\"g\", { transform: \"matrix(1,0,0,1,-463.699,-87.5516)\" },\n React.createElement(\"circle\", { cx: \"1053.23\", cy: \"639.477\", r: \"106.477\", style: { fill: 'rgb(235, 238, 246)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.384532,-0.222009,0.444019,0.256354,-0.569781,260.021)\" },\n React.createElement(\"path\", { d: \"M84.299,1269.38C84.299,1261.99 78.301,1256 70.913,1256L-56.874,1256C-64.261,1256 -70.259,1261.99 -70.259,1269.38L-70.259,1376.46C-70.259,1383.85 -64.261,1389.85 -56.874,1389.85L70.913,1389.85C78.301,1389.85 84.299,1383.85 84.299,1376.46L84.299,1269.38Z\", style: { fillOpacity: 0.1 } })),\n React.createElement(\"g\", { transform: \"matrix(0.384532,-0.222009,0.444019,0.256354,-0.569781,218.845)\" },\n React.createElement(\"path\", { d: \"M84.299,1269.38C84.299,1261.99 78.301,1256 70.913,1256L-56.874,1256C-64.261,1256 -70.259,1261.99 -70.259,1269.38L-70.259,1376.46C-70.259,1383.85 -64.261,1389.85 -56.874,1389.85L70.913,1389.85C78.301,1389.85 84.299,1383.85 84.299,1376.46L84.299,1269.38Z\", style: { fill: 'rgb(64, 128, 255)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.361496,-0.20871,0.41742,0.240997,34.7805,238.807)\" },\n React.createElement(\"path\", { d: \"M84.299,1269.38C84.299,1261.99 78.301,1256 70.913,1256L-56.874,1256C-64.261,1256 -70.259,1261.99 -70.259,1269.38L-70.259,1376.46C-70.259,1383.85 -64.261,1389.85 -56.874,1389.85L70.913,1389.85C78.301,1389.85 84.299,1383.85 84.299,1376.46L84.299,1269.38Z\", style: { fill: 'rgb(0, 85, 255)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.341853,-0.197369,0.394738,0.227902,64.9247,257.804)\" },\n React.createElement(\"path\", { d: \"M84.299,1269.38C84.299,1261.99 78.301,1256 70.913,1256L-56.874,1256C-64.261,1256 -70.259,1261.99 -70.259,1269.38L-70.259,1376.46C-70.259,1383.85 -64.261,1389.85 -56.874,1389.85L70.913,1389.85C78.301,1389.85 84.299,1383.85 84.299,1376.46L84.299,1269.38Z\", style: { fill: 'rgb(29, 105, 255)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.428916,0,0,0.428916,19.0588,329.956)\" },\n React.createElement(\"clipPath\", { id: \"_clip1\" },\n React.createElement(\"path\", { d: \"M1461.07,528.445C1461.07,530.876 1459.6,533.196 1456.6,534.928L1342.04,601.072C1335.41,604.896 1323.83,604.415 1316.18,600L1205.33,536C1201.14,533.585 1199,530.489 1199,527.555L1199,559.555C1199,562.489 1201.14,565.585 1205.33,568L1316.18,632C1323.83,636.415 1335.41,636.896 1342.04,633.072L1456.6,566.928C1459.6,565.196 1461.07,562.876 1461.07,560.445L1461.07,528.445Z\" })),\n React.createElement(\"g\", { clipPath: \"url(#_clip1)\" },\n React.createElement(\"g\", { transform: \"matrix(2.33146,-0,-0,2.33146,1081.79,269.266)\" },\n React.createElement(\"use\", { href: \"#_Image2\", x: \"50.54\", y: \"112.301\", width: \"112.406px\", height: \"46.365px\", transform: \"matrix(0.99474,0,0,0.98649,0,0)\" })))),\n React.createElement(\"g\", { transform: \"matrix(0.347769,0.200785,3.44852e-18,0.545466,52.0929,265.448)\" },\n React.createElement(\"path\", { d: \"M1480.33,34.813C1480.33,34.162 1479.7,33.634 1478.94,33.634L1396.27,33.634C1395.5,33.634 1394.88,34.162 1394.88,34.813C1394.88,35.464 1395.5,35.993 1396.27,35.993L1478.94,35.993C1479.7,35.993 1480.33,35.464 1480.33,34.813Z\", style: { fill: 'white' } })),\n React.createElement(\"g\", { transform: \"matrix(0.347769,0.200785,3.44852e-18,0.545466,52.0929,268.45)\" },\n React.createElement(\"path\", { d: \"M1480.33,34.813C1480.33,34.162 1479.7,33.634 1478.94,33.634L1396.27,33.634C1395.5,33.634 1394.88,34.162 1394.88,34.813C1394.88,35.464 1395.5,35.993 1396.27,35.993L1478.94,35.993C1479.7,35.993 1480.33,35.464 1480.33,34.813Z\", style: { fill: 'white' } })),\n React.createElement(\"g\", { transform: \"matrix(0.347769,0.200785,3.44852e-18,0.545466,52.0929,271.452)\" },\n React.createElement(\"path\", { d: \"M1480.33,34.813C1480.33,34.162 1479.7,33.634 1478.94,33.634L1396.27,33.634C1395.5,33.634 1394.88,34.162 1394.88,34.813C1394.88,35.464 1395.5,35.993 1396.27,35.993L1478.94,35.993C1479.7,35.993 1480.33,35.464 1480.33,34.813Z\", style: { fill: 'white' } })),\n React.createElement(\"g\", { transform: \"matrix(0.360289,-0.208013,-4.39887e-18,0.576941,37.5847,124.262)\" },\n React.createElement(\"rect\", { x: \"1621.2\", y: \"1370.57\", width: \"57.735\", height: \"5.947\", style: { fill: 'rgb(106, 161, 255)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.185726,-0.107229,-1.84168e-18,0.247635,307.505,420.796)\" },\n React.createElement(\"ellipse\", { cx: \"1566.31\", cy: \"1372.3\", rx: \"4\", ry: \"3.464\", style: { fill: 'rgb(64, 128, 255)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.185726,-0.107229,-1.84168e-18,0.247635,310.507,419.062)\" },\n React.createElement(\"ellipse\", { cx: \"1566.31\", cy: \"1372.3\", rx: \"4\", ry: \"3.464\", style: { fill: 'rgb(64, 128, 255)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.185726,-0.107229,-1.84168e-18,0.247635,313.509,417.329)\" },\n React.createElement(\"ellipse\", { cx: \"1566.31\", cy: \"1372.3\", rx: \"4\", ry: \"3.464\", style: { fill: 'white' } })),\n React.createElement(\"g\", { transform: \"matrix(0.185726,-0.107229,-1.84168e-18,0.247635,316.512,415.595)\" },\n React.createElement(\"ellipse\", { cx: \"1566.31\", cy: \"1372.3\", rx: \"4\", ry: \"3.464\", style: { fill: 'rgb(64, 128, 255)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.185726,-0.107229,-1.84168e-18,0.247635,319.514,413.862)\" },\n React.createElement(\"ellipse\", { cx: \"1566.31\", cy: \"1372.3\", rx: \"4\", ry: \"3.464\", style: { fill: 'rgb(64, 128, 255)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.384532,-0.222009,0.444019,0.256354,-0.569781,196.542)\" },\n React.createElement(\"clipPath\", { id: \"_clip3\" },\n React.createElement(\"path\", { d: \"M84.299,1269.38C84.299,1261.99 78.301,1256 70.913,1256L-56.874,1256C-64.261,1256 -70.259,1261.99 -70.259,1269.38L-70.259,1376.46C-70.259,1383.85 -64.261,1389.85 -56.874,1389.85L70.913,1389.85C78.301,1389.85 84.299,1383.85 84.299,1376.46L84.299,1269.38Z\" })),\n React.createElement(\"g\", { clipPath: \"url(#_clip3)\" },\n React.createElement(\"g\", { transform: \"matrix(1.30028,1.12608,-2.25216,1.95042,68.2716,1030.07)\" },\n React.createElement(\"use\", { href: \"#_Image4\", x: \"50.54\", y: \"56.312\", width: \"112.406px\", height: \"64.897px\", transform: \"matrix(0.99474,0,0,0.998422,0,0)\" })))),\n React.createElement(\"g\", { transform: \"matrix(0.361496,-0.20871,0.41742,0.240997,34.7805,216.764)\" },\n React.createElement(\"path\", { d: \"M84.299,1269.38C84.299,1261.99 78.301,1256 70.913,1256L-56.874,1256C-64.261,1256 -70.259,1261.99 -70.259,1269.38L-70.259,1376.46C-70.259,1383.85 -64.261,1389.85 -56.874,1389.85L70.913,1389.85C78.301,1389.85 84.299,1383.85 84.299,1376.46L84.299,1269.38Z\", style: { fill: 'rgb(0, 85, 255)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.341853,-0.197369,0.394738,0.227902,64.9247,235.762)\" },\n React.createElement(\"path\", { d: \"M84.299,1269.38C84.299,1261.99 78.301,1256 70.913,1256L-56.874,1256C-64.261,1256 -70.259,1261.99 -70.259,1269.38L-70.259,1376.46C-70.259,1383.85 -64.261,1389.85 -56.874,1389.85L70.913,1389.85C78.301,1389.85 84.299,1383.85 84.299,1376.46L84.299,1269.38Z\", style: { fill: 'rgb(29, 105, 255)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.428916,0,0,0.428916,19.0588,307.652)\" },\n React.createElement(\"clipPath\", { id: \"_clip5\" },\n React.createElement(\"path\", { d: \"M1461.07,528.445C1461.07,530.876 1459.6,533.196 1456.6,534.928L1342.04,601.072C1335.41,604.896 1323.83,604.415 1316.18,600L1205.33,536C1201.14,533.585 1199,530.489 1199,527.555L1199,559.555C1199,562.489 1201.14,565.585 1205.33,568L1316.18,632C1323.83,636.415 1335.41,636.896 1342.04,633.072L1456.6,566.928C1459.6,565.196 1461.07,562.876 1461.07,560.445L1461.07,528.445Z\" })),\n React.createElement(\"g\", { clipPath: \"url(#_clip5)\" },\n React.createElement(\"g\", { transform: \"matrix(2.33146,-0,-0,2.33146,1081.79,321.266)\" },\n React.createElement(\"use\", { href: \"#_Image2\", x: \"50.54\", y: \"89.692\", width: \"112.406px\", height: \"46.365px\", transform: \"matrix(0.99474,0,0,0.98649,0,0)\" })))),\n React.createElement(\"g\", { transform: \"matrix(0.347769,0.200785,3.44852e-18,0.545466,52.0929,243.144)\" },\n React.createElement(\"path\", { d: \"M1480.33,34.813C1480.33,34.162 1479.7,33.634 1478.94,33.634L1396.27,33.634C1395.5,33.634 1394.88,34.162 1394.88,34.813C1394.88,35.464 1395.5,35.993 1396.27,35.993L1478.94,35.993C1479.7,35.993 1480.33,35.464 1480.33,34.813Z\", style: { fill: 'white' } })),\n React.createElement(\"g\", { transform: \"matrix(0.347769,0.200785,3.44852e-18,0.545466,52.0929,246.146)\" },\n React.createElement(\"path\", { d: \"M1480.33,34.813C1480.33,34.162 1479.7,33.634 1478.94,33.634L1396.27,33.634C1395.5,33.634 1394.88,34.162 1394.88,34.813C1394.88,35.464 1395.5,35.993 1396.27,35.993L1478.94,35.993C1479.7,35.993 1480.33,35.464 1480.33,34.813Z\", style: { fill: 'white' } })),\n React.createElement(\"g\", { transform: \"matrix(0.347769,0.200785,3.44852e-18,0.545466,52.0929,249.149)\" },\n React.createElement(\"path\", { d: \"M1480.33,34.813C1480.33,34.162 1479.7,33.634 1478.94,33.634L1396.27,33.634C1395.5,33.634 1394.88,34.162 1394.88,34.813C1394.88,35.464 1395.5,35.993 1396.27,35.993L1478.94,35.993C1479.7,35.993 1480.33,35.464 1480.33,34.813Z\", style: { fill: 'white' } })),\n React.createElement(\"g\", { transform: \"matrix(0.360289,-0.208013,-4.39887e-18,0.576941,37.5847,101.958)\" },\n React.createElement(\"rect\", { x: \"1621.2\", y: \"1370.57\", width: \"57.735\", height: \"5.947\", style: { fill: 'rgb(106, 161, 255)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.185726,-0.107229,-1.84168e-18,0.247635,307.505,398.492)\" },\n React.createElement(\"ellipse\", { cx: \"1566.31\", cy: \"1372.3\", rx: \"4\", ry: \"3.464\", style: { fill: 'rgb(64, 128, 255)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.185726,-0.107229,-1.84168e-18,0.247635,310.507,396.759)\" },\n React.createElement(\"ellipse\", { cx: \"1566.31\", cy: \"1372.3\", rx: \"4\", ry: \"3.464\", style: { fill: 'white' } })),\n React.createElement(\"g\", { transform: \"matrix(0.185726,-0.107229,-1.84168e-18,0.247635,313.509,395.025)\" },\n React.createElement(\"ellipse\", { cx: \"1566.31\", cy: \"1372.3\", rx: \"4\", ry: \"3.464\", style: { fill: 'rgb(64, 128, 255)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.185726,-0.107229,-1.84168e-18,0.247635,316.512,393.292)\" },\n React.createElement(\"ellipse\", { cx: \"1566.31\", cy: \"1372.3\", rx: \"4\", ry: \"3.464\", style: { fill: 'rgb(64, 128, 255)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.185726,-0.107229,-1.84168e-18,0.247635,319.514,391.558)\" },\n React.createElement(\"ellipse\", { cx: \"1566.31\", cy: \"1372.3\", rx: \"4\", ry: \"3.464\", style: { fill: 'rgb(64, 128, 255)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.384532,-0.222009,0.444019,0.256354,-0.569781,171.832)\" },\n React.createElement(\"clipPath\", { id: \"_clip6\" },\n React.createElement(\"path\", { d: \"M84.299,1269.38C84.299,1261.99 78.301,1256 70.913,1256L-56.874,1256C-64.261,1256 -70.259,1261.99 -70.259,1269.38L-70.259,1376.46C-70.259,1383.85 -64.261,1389.85 -56.874,1389.85L70.913,1389.85C78.301,1389.85 84.299,1383.85 84.299,1376.46L84.299,1269.38Z\" })),\n React.createElement(\"g\", { clipPath: \"url(#_clip6)\" },\n React.createElement(\"g\", { transform: \"matrix(1.30028,1.12608,-2.25216,1.95042,12.6215,1078.27)\" },\n React.createElement(\"use\", { href: \"#_Image7\", x: \"50.54\", y: \"31.563\", width: \"112.406px\", height: \"64.897px\", transform: \"matrix(0.99474,0,0,0.998422,0,0)\" })))),\n React.createElement(\"g\", { transform: \"matrix(0.361496,-0.20871,0.41742,0.240997,34.7805,192.055)\" },\n React.createElement(\"path\", { d: \"M84.299,1269.38C84.299,1261.99 78.301,1256 70.913,1256L-56.874,1256C-64.261,1256 -70.259,1261.99 -70.259,1269.38L-70.259,1376.46C-70.259,1383.85 -64.261,1389.85 -56.874,1389.85L70.913,1389.85C78.301,1389.85 84.299,1383.85 84.299,1376.46L84.299,1269.38Z\", style: { fill: 'rgb(0, 85, 255)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.341853,-0.197369,0.394738,0.227902,64.9247,211.052)\" },\n React.createElement(\"path\", { d: \"M84.299,1269.38C84.299,1261.99 78.301,1256 70.913,1256L-56.874,1256C-64.261,1256 -70.259,1261.99 -70.259,1269.38L-70.259,1376.46C-70.259,1383.85 -64.261,1389.85 -56.874,1389.85L70.913,1389.85C78.301,1389.85 84.299,1383.85 84.299,1376.46L84.299,1269.38Z\", style: { fill: 'rgb(29, 105, 255)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.428916,0,0,0.428916,19.0588,282.943)\" },\n React.createElement(\"clipPath\", { id: \"_clip8\" },\n React.createElement(\"path\", { d: \"M1461.07,528.445C1461.07,530.876 1459.6,533.196 1456.6,534.928L1342.04,601.072C1335.41,604.896 1323.83,604.415 1316.18,600L1205.33,536C1201.14,533.585 1199,530.489 1199,527.555L1199,559.555C1199,562.489 1201.14,565.585 1205.33,568L1316.18,632C1323.83,636.415 1335.41,636.896 1342.04,633.072L1456.6,566.928C1459.6,565.196 1461.07,562.876 1461.07,560.445L1461.07,528.445Z\" })),\n React.createElement(\"g\", { clipPath: \"url(#_clip8)\" },\n React.createElement(\"g\", { transform: \"matrix(2.33146,-0,-0,2.33146,1081.79,378.876)\" },\n React.createElement(\"use\", { href: \"#_Image2\", x: \"50.54\", y: \"64.644\", width: \"112.406px\", height: \"46.365px\", transform: \"matrix(0.99474,0,0,0.98649,0,0)\" })))),\n React.createElement(\"g\", { transform: \"matrix(0.347769,0.200785,3.44852e-18,0.545466,52.0929,218.434)\" },\n React.createElement(\"path\", { d: \"M1480.33,34.813C1480.33,34.162 1479.7,33.634 1478.94,33.634L1396.27,33.634C1395.5,33.634 1394.88,34.162 1394.88,34.813C1394.88,35.464 1395.5,35.993 1396.27,35.993L1478.94,35.993C1479.7,35.993 1480.33,35.464 1480.33,34.813Z\", style: { fill: 'white' } })),\n React.createElement(\"g\", { transform: \"matrix(0.347769,0.200785,3.44852e-18,0.545466,52.0929,221.437)\" },\n React.createElement(\"path\", { d: \"M1480.33,34.813C1480.33,34.162 1479.7,33.634 1478.94,33.634L1396.27,33.634C1395.5,33.634 1394.88,34.162 1394.88,34.813C1394.88,35.464 1395.5,35.993 1396.27,35.993L1478.94,35.993C1479.7,35.993 1480.33,35.464 1480.33,34.813Z\", style: { fill: 'white' } })),\n React.createElement(\"g\", { transform: \"matrix(0.347769,0.200785,3.44852e-18,0.545466,52.0929,224.439)\" },\n React.createElement(\"path\", { d: \"M1480.33,34.813C1480.33,34.162 1479.7,33.634 1478.94,33.634L1396.27,33.634C1395.5,33.634 1394.88,34.162 1394.88,34.813C1394.88,35.464 1395.5,35.993 1396.27,35.993L1478.94,35.993C1479.7,35.993 1480.33,35.464 1480.33,34.813Z\", style: { fill: 'white' } })),\n React.createElement(\"g\", { transform: \"matrix(0.360289,-0.208013,-4.39887e-18,0.576941,37.5847,77.2484)\" },\n React.createElement(\"rect\", { x: \"1621.2\", y: \"1370.57\", width: \"57.735\", height: \"5.947\", style: { fill: 'rgb(106, 161, 255)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.185726,-0.107229,-1.84168e-18,0.247635,307.505,373.782)\" },\n React.createElement(\"ellipse\", { cx: \"1566.31\", cy: \"1372.3\", rx: \"4\", ry: \"3.464\", style: { fill: 'white' } })),\n React.createElement(\"g\", { transform: \"matrix(0.185726,-0.107229,-1.84168e-18,0.247635,310.507,372.049)\" },\n React.createElement(\"ellipse\", { cx: \"1566.31\", cy: \"1372.3\", rx: \"4\", ry: \"3.464\", style: { fill: 'rgb(64, 128, 255)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.185726,-0.107229,-1.84168e-18,0.247635,313.509,370.316)\" },\n React.createElement(\"ellipse\", { cx: \"1566.31\", cy: \"1372.3\", rx: \"4\", ry: \"3.464\", style: { fill: 'rgb(64, 128, 255)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.185726,-0.107229,-1.84168e-18,0.247635,316.512,368.582)\" },\n React.createElement(\"ellipse\", { cx: \"1566.31\", cy: \"1372.3\", rx: \"4\", ry: \"3.464\", style: { fill: 'rgb(64, 128, 255)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.185726,-0.107229,-1.84168e-18,0.247635,319.514,366.849)\" },\n React.createElement(\"ellipse\", { cx: \"1566.31\", cy: \"1372.3\", rx: \"4\", ry: \"3.464\", style: { fill: 'rgb(64, 128, 255)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.365442,-0.210988,0.421976,0.243628,28.7259,185.45)\" },\n React.createElement(\"clipPath\", { id: \"_clip9\" },\n React.createElement(\"path\", { d: \"M84.299,1269.38C84.299,1261.99 78.301,1256 70.913,1256L-56.874,1256C-64.261,1256 -70.259,1261.99 -70.259,1269.38L-70.259,1376.46C-70.259,1383.85 -64.261,1389.85 -56.874,1389.85L70.913,1389.85C78.301,1389.85 84.299,1383.85 84.299,1376.46L84.299,1269.38Z\" })),\n React.createElement(\"g\", { clipPath: \"url(#_clip9)\" },\n React.createElement(\"g\", { transform: \"matrix(1.36821,1.1849,-2.36981,2.05231,5.46929,1071.93)\" },\n React.createElement(\"use\", { href: \"#_Image10\", x: \"53.151\", y: \"30.14\", width: \"106.825px\", height: \"61.676px\", transform: \"matrix(0.998367,0,0,0.994768,0,0)\" })))),\n React.createElement(\"g\", { transform: \"matrix(0.365442,-0.210988,0.421976,0.243628,28.7259,183.729)\" },\n React.createElement(\"path\", { d: \"M84.299,1269.38C84.299,1261.99 78.301,1256 70.913,1256L-56.874,1256C-64.261,1256 -70.259,1261.99 -70.259,1269.38L-70.259,1376.46C-70.259,1383.85 -64.261,1389.85 -56.874,1389.85L70.913,1389.85C78.301,1389.85 84.299,1383.85 84.299,1376.46L84.299,1269.38Z\", style: { fill: 'url(#_Linear11)' } })),\n React.createElement(\"g\", { transform: \"matrix(0.407622,0,0,0.407622,47.38,278)\" },\n React.createElement(\"clipPath\", { id: \"_clip12\" },\n React.createElement(\"path\", { d: \"M1461.07,554.317C1461.07,556.747 1459.6,559.067 1456.6,560.8L1342.04,626.943C1335.41,630.767 1323.83,630.287 1316.18,625.871L1205.33,561.871C1201.14,559.456 1199,556.361 1199,553.426L1199,559.555C1199,562.489 1201.14,565.585 1205.33,568L1316.18,632C1323.83,636.415 1335.41,636.896 1342.04,633.072L1456.6,566.928C1459.6,565.196 1461.07,562.876 1461.07,560.445L1461.07,554.317Z\" })),\n React.createElement(\"g\", { clipPath: \"url(#_clip12)\" },\n React.createElement(\"g\", { transform: \"matrix(2.45325,-0,-0,2.45325,1068.82,410.793)\" },\n React.createElement(\"use\", { href: \"#_Image13\", x: \"53.151\", y: \"58.978\", width: \"106.825px\", height: \"33.517px\", transform: \"matrix(0.998367,0,0,0.985808,0,0)\" })))),\n React.createElement(\"g\", { transform: \"matrix(0.371452,-0.214458,2.38096e-17,0.495269,-19.3677,248.256)\" },\n React.createElement(\"clipPath\", { id: \"_clip14\" },\n React.createElement(\"path\", { d: \"M1776.14,1326C1776.14,1321.19 1772.23,1317.28 1767.42,1317.28L1684.19,1317.28C1679.38,1317.28 1675.47,1321.19 1675.47,1326L1675.47,1395.75C1675.47,1400.56 1679.38,1404.46 1684.19,1404.46L1767.42,1404.46C1772.23,1404.46 1776.14,1400.56 1776.14,1395.75L1776.14,1326Z\" })),\n React.createElement(\"g\", { clipPath: \"url(#_clip14)\" },\n React.createElement(\"g\", { transform: \"matrix(2.69214,1.16573,-1.29422e-16,2.0191,1352.59,983.841)\" },\n React.createElement(\"use\", { href: \"#_Image15\", x: \"121.882\", y: \"76.034\", width: \"37.393px\", height: \"61.803px\", transform: \"matrix(0.984021,0,0,0.996825,0,0)\" })))),\n React.createElement(\"g\", { transform: \"matrix(0.371452,-0.214458,2.38096e-17,0.495269,-15.0786,249.972)\" },\n React.createElement(\"path\", { d: \"M1776.14,1326C1776.14,1321.19 1772.23,1317.28 1767.42,1317.28L1684.19,1317.28C1679.38,1317.28 1675.47,1321.19 1675.47,1326L1675.47,1395.75C1675.47,1400.56 1679.38,1404.46 1684.19,1404.46L1767.42,1404.46C1772.23,1404.46 1776.14,1400.56 1776.14,1395.75L1776.14,1326Z\", style: {\n fill: 'white',\n stopOpacity: 0.9,\n } })),\n React.createElement(\"g\", { transform: \"matrix(0.220199,-0.127132,1.41145e-17,0.293599,339.708,327.53)\" },\n React.createElement(\"path\", { d: \"M1306.5,1286.73C1307.09,1285.72 1308.6,1285.48 1310.36,1286.12C1312.13,1286.76 1313.84,1288.16 1314.73,1289.7C1326.44,1309.98 1355.4,1360.15 1363.73,1374.57C1364.33,1375.61 1364.49,1376.61 1364.18,1377.35C1363.87,1378.09 1363.11,1378.5 1362.07,1378.5C1346.41,1378.5 1288.17,1378.5 1264.07,1378.5C1262.42,1378.5 1260.37,1377.48 1258.9,1375.94C1257.44,1374.41 1256.88,1372.67 1257.5,1371.6C1268.1,1353.25 1296.8,1303.53 1306.5,1286.73Z\", style: { fill: 'rgb(245, 63, 63) ;fill-opacity:0.9' } })),\n React.createElement(\"g\", { transform: \"matrix(0.254264,-0.1468,1.22235e-17,0.254264,329.57,364.144)\" },\n React.createElement(\"text\", { x: \"1170.88px\", y: \"1451.42px\", style: {\n fontFamily: 'NunitoSans-Bold, Nunito Sans',\n fontWeight: 700,\n fontSize: 41.569,\n fill: 'white',\n fillOpacity: 0.9,\n } }, \"!\")))),\n React.createElement(\"defs\", null,\n React.createElement(\"image\", { id: \"_Image2\", width: \"113px\", height: \"47px\", href: \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHEAAAAvCAYAAADU+iVXAAAACXBIWXMAAA7EAAAOxAGVKw4bAAABVUlEQVR4nO2aQRKCMAxFxUN4O+9/DNw4CoiTliZN8vPfQlm00ykvP3aQ5fFc11sjy/L+/nx8r3ffm7Fn845jz+aJa23XOJvfs9Zh7NBawv3YrSGtdbj+x10egkFzpRrNt+SSxMgbqkiZJCJDiQDoSmSfdYFJ3JD18GMmcXhDTHUzNZIIXhA1JIJDib0MptqiKbhKzHqQiAaT6IlSFVIiAJQIACUGpLfLhpfIw49Ml8T2v4/JTPySyIJQI3w7JTIYEp2fong3FXWJ3huqCEYSNUlYhZRoyaSCoEQAKHESlqF0kZj9NBgNJhEASgSAEgNx9WfCTmLxpygzYRIBmCORsTIlXxJZED/kk0h+KC1x9E2FKG86qEkMsh8/HG9A6SSGYqAIKDEinUIpUSDDYXiqxAw3JCNMIgDXJTIWYdBJIvukK2ynARit4XASUZ6izCScRFWKCH0BfLM84oTw1Z8AAAAASUVORK5CYII=\" }),\n React.createElement(\"image\", { id: \"_Image4\", width: \"113px\", height: \"65px\", href: \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHEAAABBCAYAAADmBEt9AAAACXBIWXMAAA7EAAAOxAGVKw4bAAASeElEQVR4nN2d6ZbcNpKFL5cs9UN1W5bntWxr6XmsWTzLQ7mSJDA/gh/iApWyLalUy+AcnypVJkEAsd24EaQn/T8Yb9+XKknrOuk4pOM4tCyLpkkqpWpZJu170TzPKqVoWWZJUq3Sbx+m6VkX/wjjVW/gH7/sdZ5nTacc5lkqJT6rtWqaJtVaVUrRNE26XGbd3+9alkW1Vi3LrFKq/uvj/KrP4dUu/t3HWkupmuepWVspIcjrddc8z1qWWcdRTusLwc3z3Cz1OA5dLouOo+o4Dv3vv15e5Xm8ukX//eetTtOkdV20bWFVkrQsk+ZZOo74Xq3SNMVPqXextYal1lq1rrNqlfb90LrGXP/5/nW52Fez2B8/1FpPiSxLLLsUaV2lfZdKiZiHkHCtuFWPj/73cvpfLDQseNJxvB43++IX+cOvR5WkZQkBbdsh4uCySNtWWkxEuLVKx1HOuLecFjdp3/NnWiYKUbSuAXiOIwR8HIf+55/riz+jF73Anz7VWkq4RSkEI+m0Fun+ftflsra/r+usfY/fATVY3DzP2ratCe3Nm7UhWawv3KzO69PtllJetDBf5MJ++hRHWWu4QCkOm1h4HH2agJuVpHme2ufHUXS5zLpeQ1B8Ns9zu2ZdU3gAJdwxFh3zxjUv0cW+qAX9+KFWhMV/Urg6kCUWcxzpRvlsmno3ehwBVhDKcWRMZQ6uQ4D7HsgI1MrcDIT/koT5IhaC28T17fuudV0bWAmhTJ0QpN56ti1cq4MXSR1wiWv6+ChJ12ukGpJaunG5rJpnad9rm+NyWVRKgqiXQhQ8+yI87pEicDQIRApAg3US60gvPPYhbBceqYTH17DEo8VLSVqWTFGmKdKOZVm0LDKlqIaEQ+GeO798tpu/fV/qPE+nCwwLiwNVi1FhCaUJIFxbury7uxAiwrled0k6Dz6F78J2FgcBk2qs66J9T/QrpRt2MoH7RX6ZXuO/Py3Pcp5PftMffj0qdBeHF4AlXJwU4ETSGavUMSsAD1AlqYDHvut1P61y6QRPMg/g2bbSudnJvCNCgmsFQKEE8Z2p+1x6Hi72SW/47mPk6/u+txwNa4vfpw4hYi3Lok7AHBiHCfjArTr6ZE4Sfr+W+aVAqQgVpUCJJBQq1kas7FFxAqTLZdK//fx0wnySG/3LP2sl1uEKU4uX9r1Siu7uliYwhHwctR0y1zmz4gwO80gp3OM4dHe3NqIAy3R36kjX4yvVj31P4OR0HYJluPVOk/Qfv35/YX7XG/z4IVSVQ8d11lp1ucydsNxlLsukbQth4zLnWQ8sA85zWZYm7LCiiFEp7J6O477rOul6TU5VUpdHjgJmL4QDKiGxzmSP3OqJ8d+Tj/0uE//w61EBI57jSWldUk+hxWc9OR1Wk+4WYWNNaD2jlNKsxdMOEnZJ7dC3bTcFmZpQSimNzXHl81ok7tndvAOlW8KXvl9u+eiTAlyoIozuB4DhrAt/w6qkdL3kb1Jymli0xzSH/Vi153QcLqmJX0t6c70erTqyrusfKhPEggOjmGvqANAIxNZ10r//8rhW+WiTkTI4iCDuOGAZ+U8osXWddH+/twMn5iEIeFEswasRkroir49l4cDVhM/Bcshc44LwCkcKZD6tfW75JHN6jRJlQnld+NzzOB4vJfnmSd59rHWMTwEkFh3HeDBxDVaIwB1JjlxofhZCj0pG7bQ9508rIH+bJq6JU/eaYsybaczd3dJVRXCZpajVLhEMua2j5VueIeZxAqNXnlrrNwvzqy/+6VP1s+6Sdnpd/LAYxJ1lWbTv+2mpc8ekeOz5XJINkPEknbSABN/dIfFrniddr9uZm65tPudsGS4gLyqzX9ZTSgIq9iipoWfQKyGm1qyDxn2+DcV+1YU/faqVxbEZL8Iy3AURV0Z2Bgjv8aPW2iyJgbDcejk4YiCQnwEH6gpGuuHxknV5GAApe+rhjBIM0Zs362dJAwTM2uNzNWAnPQRtX1Py+qILEJ4kXS6Tfv89ER6D2ITLjEPpSWjiCL8DXvhezrO0eIhuJILNQ6IqUUqS2lJAfikQKWi01tq5enJBXKQn/SiK57LO3XrvDvdxZgfSAC+xbXvjat3K2a+fyZe42L/0RfI94sO+H11S7ptzwDFCbQcKHuTTitVZhR+g/x13u+/HGaPWJtBucwZOGNQXmddjl9cYr9fjjIlzQ6EolO9vjIHM4Yo65o6+L1CuK76j2b+SlvzhF959rBWEySY9r/IWBxeapJsxgs9gP9y6cHlj99q+9zwow8tRzIFr4l4jqHJkPOaAzOFzOnjy3z3ZZw73HJwRQM/PZZzLz5bwdH+/6e7ucirDnxeiP/shqPN63U1rMo5J6nI/YgiaD9IbUahX19mwI1dHp+6SRvDgBzIWbaHvIu7VB4dIHCwly09es8TF46JZH6AJl4i18H2KyMuS83tbpSvXuk4nKs70ybGBnwWe4XPx8sEf//7zVtd17YAKNJgjPrSNSjqCy5bBjBmx+FyUC5IxghyPM1w75nMIxF0v6yVmjqzQmJT7YaKYYdUJtCQ1ZaKjwNMPZ4ig+dwlxv6mdi2CJm0ZvYafnYcg1jNWSto/3r4v9ZZms/HRlTjKQ0ggMQcCXhPctiwZObr0+7iC8D0npEHCgBuGu0f+/ebN2oTh1ZFQjhAUwvBiMMriB+kpTwi1z1P9++wF0OSAB4HggpkDz+WKFF6uV2z3fljm5IgTM0ZjRqQ2ukKPDSzO3aa7orHhyGONI8FsR8wD8Prfus5dh/donX4PDjYtZ+q8ixecHUl6l/jIf8LYcOC33Dnu2lOQEEAqsKPymPchNnDBj/2yDnwmmnK9h2WEzLhWhifcnvDimm5B5xH0eFwZEah/lw2wMdryuX6sMKTVBnrl87E7oFZ1uagDHPZIDuzC2/eoF+57368z5pPUTDGMUaHhjdnPSNXhacbvO4BrBoNWQEthUQ7NXSNCcHHQYSnxtzjgZFxG7eU+6S5n0856WmJfaOXacKHTef/ZWJ4ERB4BYv0xN4IJ96fu4CC5Y/299W7b3pRx33cdx9GUwKszpFnpVQL8ZQpTT4XILvTLJWuRtVZdLuvpcY4GchAg3wnsQdf7fLJiZ7nucoleTvpViEfRbLurlKJ9P0R9zjcQ2l5PTcxDpIgaLjc/QFvRqlLKqWW90gSY6asBbNoJ5/QYcd3lMneQnYNIIAQhjkLoTAVK21+eQWrF5bI2yO9rZB8BpNxT8GwITExt3kuKpmcPJft+nCEj8QHnOU2TLpelU7JQdhR60gzHSWCPw4kvRNse6Cpb58NNhN/3+MXNp4lmpfk8uIxzjiyzWiCt63JuPONcBPjpVCSaoJhrOQ+otPgUrj3dZ+ynnGWp0lkTQMsbo6KaklYFmYBFuXsOoKS2/rT+uSl74Ae8SQhynjPnDYusZwpVTmFmTJXCC4T7zHXFd0u754zv9aQ6hJDawE1i0nrGtNHNzp3Gx3dDMwJKT6ebqJ2WpSstLb5SPkLYcbhrs66Ma7W7p1sdG5+mqeV2d3f5eFsp0UcKp5nxWuf9lnbYXjCutbbQwz7dK3C4t/7tqBdwlLhj7lgkUheUi/RlXRMLtNDkQuDQ2EwejE6Txh0Gyrpe9xYj0MrrdWtaFDeSKcbcDrBPvp2P7BXBlQPrgtlY16nrYNu2ox22K1Ek7rV5m5hD5uZAxulmM16lN7hcLlpXd9mJavEarBe37fGbGOasUn/mx2mpkPJHM6DoWCgNaHEPSZoxSQIrpr8sKcTQjocVgiAFKPMEyPnb3y7NbXiciU7qkTlJITT/PmM5STaQNzn4Oo6qbStdyoOg2XgSErWzOD+MzHOnM/bXbn2wOl4uC1DUK7S7PI/5/MTL8W/iIvdGwblH/7SXt3hSgMjcc/7twzQFsKhnHOu7zxws3mIWvM/kONRATghy7jbM4XBAaDNaz+/ExQQ2vav0DjMs7+5ubRZfStWbN+tpFRmTwhVu56GGJUfYANpHQTs9TD1jYW3MET2trCNqolCEEXe3bX8Q23wsy3KS9tNZ2chqTICsuB8MkbNEefY6UfCUjA09oeR+TjPBRDhMJj/yZHesQLjvHvnDyHcOcz+525HKg3DgQBB23BNSvafFXPHCivdWe/T0BCKBkEDO5wfrMZ690k7iBLfv2+/Nnih3ZZqVzV6eQ2ca1VOfyAVlpYPuAXf6w69HRTDOSUJ1OUODK4VJyUCftUQqERRnnTz3p47CctON4Ipo9/BnIjzPQ3mc2+WQ6d9hH5DiHJz37XDIsf5UNhTTFQY35uuE4QqFedgoxVhX6f4+FS7z2KPjSsdaLGSF9Afc6Tho+B0tKm6Q7A6jTzN6rXRqzVGVL9gZDRTBm4wkDe0cbm09COO7zsZwyM6lIhj3QOMenT1yxiisI1MtUD50JHO612B/sz04RGbg/UCu3G6lnytJfVaIDIhxKUtPvmkHFH6QuLVbLfmOEhGCF0bd/2MJY/u+Wyqbj8/yIFAsn+9WYXp0b27NiQbVXR/INSx726L+xx5w3azLH/Rx78Y8biBO03nnwB/VFP9UiFI+N4/b+1wNzA8AV0Tux8K8y8sJdCeV4T1HlwPmwn07F+oCxI17DB3LQAyvdXa51/A01Gjld3fe/9P3lUaumUqO1/E+G+ZBuM6fEo+lv9Zw/JeEyHj7vtSE6KW5tlhYDwhwB+5SvGDsKYs3XAVK7J+7cMDi7i0P0d9Tk4/Lcf3Y+uCIGqGS81FZGEEE8SnnDJxwf7+1RN2TeI+3faGgXzfM0RiyvqRb/IuEyPAne/0gvGbn8XAM0qNFjMjSEaWDFag7Ns3fYo5wYR5fODzosh6mZ58se0iXP3VKABd8qyls7FCgQoM38aIwrvXubhXPjYT1hiAvl+WrWhe/SoiMdx9r3ba9FYcdsPATq0MLSV04SEeCoE93yxyAIzxHjMsy6XpNAQaAWdr3cYNYqb/ACEXyZzWSe+1flcKAfPBWjFt9SCPwGoGUdyIg/K99Q8c3CVFK4DPmiuNz8xRzqbGND7k4MMFyvJHJEWBel+4JZcLaoarI/WLusWUkrdJDgIMdVybAjyNp0iLQqgvM+2K5npqkM1ff+qDNNwuRwZNQkiO51OQR+IyFUM+r+mfk+2Ymb5kYXVm3MQMitxDo+HQVa/Jiredmjh79+35fqvUoknce4GkgSEopj/as/6MJkfH2faluhYAF75qT+ke66TDzxByXOLpD4qbnpWPq4vkWvUDjsxOOHhGw9w8FNTbdtGLefeO4AKtjnW6hxHvW+tiPhD+6EBkgWafi0NxMqLMxV1JzO/nSvRDMSGUx3NW5sBwZ8293Y2Mvq6PbsbKQCHlurNDIEI05rOefTliU8n3eTPXdhCipPXQDqPEOs/FgsB7i3mGMgLfCe46aaDIZfY9rntLwaJv0UHnGFAIheC+QP3rnDE78VKsNEoOdTqz1+76Q4bsKkfHjh3z8jYP2eIF78u4zb8N482bV/X0++CllY7ET0t7z6k1bWA6oOL4TPz2mpkt/yBG7O7/VsXeLbXqqF/w9iRAZvCk4qyL9YUk9HUZMcsAwHhYgyHNCrMU5Tql3dQjM06Jb77FhjZ97xM4JArzIND3tO1OfVIgM3tntVsWIikc0JXkJa3y2A+33vM+tydkbKd359Rrm+rlccryPs0kjIxPr7b2HpCd/KdGzCFGKlCRLTA9fTuSVhs/1nYIo/ZAdaY6v9fL6IDVLYh41O3JcrIoOB2I3aQgx1K99ited3BrPJkSGv0k/QU1SXaBIJwPGOOYpRyLTqfs+sdObgD1l8WqL1yoldUwQXgHhS8//xsVnFyLjxw+13mJn/O1Okk5O9eGrouuNup2/+MgRqZeaHAzxXQTtL2tAOUh7njru/dG40QHyPOO3D9ME6EGAPUUWLvH337cmJBJorwyEi0xrTlaIZuVDNCtfr4fot6EXKB9Xyw6+7FxLxXopApRekCX6ePexVtzc+MZhSc1KnEgAzUpZb/SHVp3IdvLZLXPsOhgrM4/Bc36P8eIW5IP/9wWW5+S354hSz6z4+25IJ2BzmCuuiZ+AFn9x4EiKv5QX1N4aL3ZhPqDwvN/H63vENqe6kgbrCXAHObcq+k504w1eovX5eNGL8/GPX4KJBpXi4oh/lLrGd7tRdIUsx7L89SjEv/EFuS9deIxXsUgf8LF9p3a+o3TsO3UOk1eQSLQY5iulqXpIz58yfOl4VYv14awPeZ0XpEnE+Y7Hwuw4ry33k16f8BivctE+/H8/5IBkfLmfv2Wf3NIF/ZKBy5+NV7twH2OVRPJH1fp3vsG0IMTnevn6Y47/AxX1K5XSf237AAAAAElFTkSuQmCC\" }),\n React.createElement(\"image\", { id: \"_Image7\", width: \"113px\", height: \"65px\", href: \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHEAAABBCAYAAADmBEt9AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAMrklEQVR4nOVdW2LbNhAcUD5Xkl4scXqxpr0XiX7AQwwGu7Rj2RLV7o8lknjtc3YBygX/Afr2XOu2bQCAZVkAALVWlFJQClAr9mvLUrBt7R4A/Hp++fDA9NAL+PpjqwBQSkF9kVQkOBIFx2vLUlDr4wvyYSf/7blJghanglFLc9q2DZfLgnXddqvl9X/+vDwkPx5u0l9/bFWtTf+q8Hidwt22DaWUXYCtj3H5bPNolvkwk2Xc05hHcjep1yk8Fy4tksSmfH5ZCv768RjCPP0k3W3ysxKFtSwLaq0vAGYZXC2vtefHmKn9Lkv7TKt+BKs89QT/+FnrtnVECYwghuRukfcpOL1N4fgzrZ/umgHsbvfsVnnKiX35vlYFHUpMJQAMwMQtqpSCdV3x9HTBujbXSUUAZmVQa876A84ZL081oS/f1+qAQwGLusx+vz/rSNUtbk5FZvccpSuOdmut+PvnchrenWIidJvAKJRIaPpZY6B+Z/6nAlBrisjjp4KezKWfRZB3n8QfP2tlKuBWAHS0SMZqOFSAwu+R1QA9sVdhupA5riNapUjY946Xdxv823OtHnfIFGp+lv+pZSiaZH/e1gVIlmseCXRBk1SBFO26i6fA7xUvbz4oS2UABoaua699ZjFK25CJ/NzajukBgMmNerzUNuyD1Rw2U6XR/ihAzhu4D/C56YDM+QAMDMqScrUiYMzjiDjVmjT2aTLvlhtZLeOvI9RufWWyRCUt9906Xt5kIFpf5uaUKarlR0jUy2p+X2Nh62+2bi3faaxz1JoBInf1nr/WWm9Sj/3UAb7+2KrHo6hC4gJ0kAOMwMSf0RwwSgu8isNrDpSU1KIVBY9zX+Rz9xAaP3n/My3zUzrWOqdbhLpGPqMuFMhjkGu8pxZRKuE5H0ljYFaC0z60b8ZNutllAbatC1PdcxurPftZgvzwTnWDFuhJdSlzHFOozudGsHBsxeMYc5xiHxm6jdyx11mVojHVkt2zaJ/6+aOF+WGdffm+7hu0zrB9sCC2ULiRNUUF6fa5l9H0GjCX4nRsF9BRPsj2kVC8fyofx88KC5/lYq/uhPt7zni6FFoetZaCjQU2okPgWBBqtXrfXbczmP2qmz7a5oqAVwR6Mkv1Zz3eXpuWvLux7jBwog7bIyKTNaboEjQ+7ZMUl+RQnvdVYTKE6S48AiD6LOepwMmVTfs6Qsw+P1/XNVb5roaa7wFjzIqAgloHidaoRyUiVOruz9MOIE4ZpoVapcfben9ODpAyC9M+dc1UWmCuDGnb9wjztxqo65wXNqcNUVDXeBmdc4kWqsKLQBL78zIcx6U71aMZfa6xW86uOeKOarU6R3fZ6n2y3Bj4vcrPmx789lyrx7QsH9OFXC4F6xqnGBHo0aqJCihzpa+hV33OEWpk/ZGFkJWeh0YVI953ZSU+UIGyzeVSQDDvHgF4m2UePsAiNRmoNUXX9NcOIDkTyJhs0R782/PxZzLAtZ3XNYXxeKhMzRivfbW1XlKX/1oakn3XsVyxXtslSW+q61QNjayv1oqnp+VlMnGVxRnnwEKFQAaocFQx9BkHPWSIV1OyfUUfb2KQeRnPL13wJHWrkedyZY3auSfKrHK6mIEW7YyTd2txbVbw0vuL9/1GxvXPtG510W3xs6X4wtXyiJo9Trml6jo1vqqCaHvOVcd1AWdgz/FFBu6cTx4v9y9R3BsZO2uPCkM1Xl1vhvwi16j967PKKP0cxTMFFC4k9umxl8r2lvlmTPa4TXIBet+RG414wvbqrVhcL9xZ10Hcuo6OO0QD8/MoiNnqdIKZ4pB8AY4ql4VKNQ0zzU3XGrlgjdk6F80ds3VxHd6vto3G8fyTc4x2ftimlLYRXfx9Bg/+RxoRAYMIYUX3IxfdJz6fOHPGt+8Yis9jSjDHnAzRcj56cDg686NziEALKQNdLhQKg89oKVHvR25+2BPVCXECOvkuVGWyl7fmZF7jUCljfNB2nem8P277aIzhuG0BdJ0ag0bm6PEKlQX7dNR6uSwTCGLb7gEU0I0xMFJQzoHt13Xb16BEdE8Z1NpPOyiPW1/kbVOUJy6+MaUMGuaW1jvE3hlJNYptIhfZJ6CId0aL/XhEmdqy7yjuRrlnmz+ZU3amKVCJ5sO+lZlRESFCvbyuSuHgiXzkGN3tLnt7kuIN9zBPFIpqfktkL4NAI4TlVRXVDk6ScYBMIXEBbMt9RUd8ruVdaGXoT4Wsa1ENZ36nCkjk7IwZ4/Wcv+l1pVHZ66R4kZtuAtKxxudU4I7qSylYdHK8p9pNBvRFjh3rgtpkutvRwTtYKnJPraYrQ3OF82I5R3V1zlB3b02Rln1MjtUtYi4ucA0zSi7Wd//chD4K0EOClyL7sx2YqWA7Nhnz4a7kbdyFDSh9jxMx7MYuMHdZFAQnNrYru4A4MQBD+SqD8XroieMrc3Ujms9qfFXLJwP6urcpduv8KVi9766xucMYuLkSjC61DoqrMX/Mr0fF7Ir24k5ZBxy1I/bxbn1uGRHkBub9ui60Lnx+VjfJ/hXWKyR3N6fITZmpcZ9/+wszfc9ThcM41ePQnMwreFJBUYk0DXIBdtc5sGxYp7r+plTtu26PLb+eS9Fis1pes6hZc2gFZEhHq8s+GLWTWtMtaazAaL9kJEmhvgZ7R6M9PleJf8uLhVe48ilq1O+cqwqBHqqHmrIrjzJdleNy6crl6+acPZy4B+S6xnl2DzEAOH7gyywKWrzyoaiwI7h8OyY6/qBWM2rtnJvRerLjGGOs7Qm0H0T2Z9RiIytRiqzHrU7bRWiXbfnXT+dpH17A8KOd6g32io1PmoVvAFjX1VxbXAgYAUpvq2hQ6WhfLXc5M9DxcSOXFjGabfW6CjUqcGTz8XU3IY3u1wERkKc4vn72rWN6IXxWvRfSQngWrFWjfTG+aPZ2lFtFWsrJ6zjqLbQUxTFG1DimGmq97hK1LRALVj2HMz1atyuok3o8XU+0qZ5tFKdCJOm7EzqZyGqUGdGiIgaxjbpMzS3VYltfnEd3tRq7FOFqnOHzylivZWZzzcKB3su8hc5TQ4saQOQu3WCOdvpfFSLQD0VlKCsThPrvvtjxJRqPmd6nMydihraL4mAkkGynnVbrrjD6q3OLGD8x+6AvnyObv+W1uTcJkcSd/sjslZFR3Iqq+srQ6Liiotr2fY4vc/yMT75pm+hsaCk9pXDhZ3E5U+bIUx3FPi+8v2U3X+m3hEji9pW6uKOJRxpHxmg88A1gXfDR+ZouiDnuaLw8iu0TY4LrPjb78L5UOTxsRHxQPr3nDOq7hEjyHwaKDjpFsTJzJZGL3Cdaeo7Fw1fRM1FKQWUBxkIC73Hu0Y8zeExrfcRbVUcuNVN4Heu9h4ivEiLQUawDhkAOALRgsEzxTZ9xrScz94kbkFGA47sb6g5Lab+q0Sw9Pi7ZxxjzP68kqTVyHvxOPmTHULgPClz/YurVQiTpu/fDAAkQcMa6Fkcbq15XVQFGxwd53wGIx0udBxAXFzxdorJkz+kcVMBt7e3vR73r/2FCJPm7GRkgIJGpwJhAq9D8tJ3qicdHLbpHqNaF6CAt3hQe88kIWPn61KXrXwAf/uLphwuR5O/mAzEIUe1u17XwO8Y1t1rdQPb+dQwlzw0jhJmVHCNAlYGkTMCf8U7/pwkRGH+XDRhztAhgROhTBaUC8SqNWjzHygBTlgY4ZejV+1aX6aiT1x7uTWGn6PW3iMmkjBEeWzLk6y7TyWObu9YobrZ2CEt3fN7jfa23+TWNmwiRpL9dE0HwaOdbGeIC6e44P2LpVSG3IHePfiSQlBUAVNDX5nvvpZsKkURhZpYF5AXpKN3gcx6TFDkeKU0Elvg3eukGiBWOz9/6t2zuIkRgfFknQoJRhUaL4wo6nDKAEVWAvBzom9aRq492VIDrXhS9hu4mRJL+LKaDE1IE+9vz84azu9hIgBHAigCOWqgKj6+j8dr/9rfdnHzLi+Qul9eAectHD3rpfbf43maOi442gX5kg5vcFOZZfmUx/mXYO5AyRC3MXWP0mbLUE3BKUWrCds1ix+OPHLe3WXC5XNL53ptOMxElLaz7ybUsufadBY9/fu4mugZgf7vZx6SQz/hvF043ISX/Mdsoz9QYmCX8fMYL0hEqzXLWM1me02knpuRbXsC8tdM+x7vmWmrrQh/P7mgMVGU4A3B5jU49OaXX/i8Gy3N+iizKEbPKkVvsma1P6SEmqeRVH2U8CwGa/wHjXqG++KPWrHniGePeET3UZJX05VhgLouR/H526uxWdc7PoIectBJ/a8B3872yoxvHwHxu51EFCPwHhAjMv/gBzNUYIP5duEeJe0f0L+D749HrhKeLAAAAAElFTkSuQmCC\" }),\n React.createElement(\"image\", { id: \"_Image10\", width: \"107px\", height: \"62px\", href: \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGsAAAA+CAYAAAAs/OVIAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAgAElEQVR4nN2dWa8saXaWn5jnzMjMPZ5T1V3tsrGR+TNIvjAgC+y2uw22bIONzB/gBgkEAowZJbiBCyR+CzdIIHDX0Gfvs4fMjHmO+LhYEbGrrabdQw2nCKl0ztlDROQ3rPWu933XVxpf0+vn/0CpplEAeJ7G83MBQByHmCaczzVx7GEYMI7QtjAMA/f/1tK+yvf+Wa6v5Yt/4+8olWU5YRgCYJoawyATZxgargtVBZoGZVlhWRamaeJ5Gl0HRVFx/I/B1+6zf61e+Ju/o1TXDTw/P3N7e4NhQN8rbFujaUY0TSMMdU6nhjh2GUfoezBN+a/rIM9LLi8DHh8LNpuQj/+l9rUZg6/Fi17+eq00TaNpGjabDZ6noesyEY4jk2BZUBQKTdPQNIgiyHMYx4lpmnh+fiaKIq6vAz799MxmsyEMDboOlOJrMWnv9Au++s6gLMvgeDxzc7Pj+Tnn4iICIElqLMvCMAxcV2MYoOtGdF0HoOs6NhuH47HAMAw8z0PXIQyhruHx8cwHH+zo+2Wi4aN/8W5P2Dv7cq+/OyrL0jFNAQhl2RIEDtMEwzDRNA2GYWCaJrZtcDwm7PcxVdXQdR37/Ya2HTFNg7bt6LqOi4uQpoEggGGQnFYUA45jzvcdiWOD//GP3s1Je+de6uf/QKkkqXFdlzDUyLKR/d7g+bmfJ0Yjy+T7fd8DEAQ2AIYhIbGqGkzTpCxLttstcSwTrhSk6YjrGuS5THZZllxcxOg6uK6EzjiWifzv//DdmrR35mVuf6tXlmUyTYqqqthuAwxDBm0YBCBoGjw9CURXSrHbRUyT/P4wTLiujq5DWY4YhsHbt2/58MMbHh4KXr8OOZ8nlFJM04TnWVRVh67r6LqO7+u8fZsQxzGGAUVREwTeO5XL3okX+cU/VCpNe7quw3VdbNtgmmQnBAGkqYSq5+czV1e7dVeM40gQuOuEdV2P61r0vXzBsnSaRnZkVVVomkbXdWiaxmazwTDk44+jQinFOI64rkXXCbLUdZ0ggKendwPqf6Uv8Oo7gxrHkf3eJk0FHBiGhmVJ2Hp6EmBR1xPavMCTJMGyLDRNIwgC6rpmHEeUUmy3EXXdst87VBV4HhTFhOPo1PVAFJn0Pei63B9kxyoFeS45sW1Hmqbh/fcD2lZ28+Njxe2tT5Iovv+n+lc2Zl/Jg3e/lisAwzC4ufFmiK0wTY2qahnHEd/3sSxBba7rMk0Tr14FVJUMcF0LPO86uWffy78fH1s8z1mfVVWyC+PYommgrjtc10bXwbbh+bnC932qqsLzPDRNI0kSwjDEtk0sS+6tafJf3yt8X+N//ZMvPzx+qQ/8xt9RCgR1WZZBVTW4rouuQ123dF3H9XXE+dxydeXQdTIxaTphWfoKApJEQMfpNLLdSsh8fq4YxxHLstjvXepaQmieK6JIo65hGGRBLGiwaWQyHcdhGAa2W4tpetl1SVLiui5ZlrHb7VBKYRgamw0cjyN3/8b8UsdP/7IedPG3KrXdwjQp2ralLGvC0GW3g+0WqqqawxlomsbxOFCWE30vNVPT9HSdoq5hszE4HgeCwJjBwIRpmrx+HXFx4ZIkHY4jfGDXdYyj1FKGIbTU+TzO7MbIxYVLHGsMw0Cej+i6TFLfw/vvB2y3Bo7jEEl5R5YVvH3bSH77lUe1/Rup+rLG8AtfGX/p7yk1jpAkFWHoM00CsR1HcsfjY0UQ+KRpNoceHcOQHVUUijjWqCqYJil6o8jANOGTTxLeey+maaDrJrquw/Nc2rbDcWyKouT6OkDTIMvkPkmi2Gw0jsduDXv7vUNZQlEUbLchj49HXr8+rCVA27YEQYBpmozjOIdUeHrqmaYJy7IA2G71L7w++8Ju/kt/pFTfQ12P9H2PruvEsY1SMlF3dxWvXvlkGWw28uGVUvi+jWHA8SiDl+cVjiM5KAyNleuzrIVOGpkmgeS2bWOazPBdBvPyUn738VFyl6ZpuK5J3yssS8P3hfRdCuhpUniexjRBUXQz+2GsTMeSv2ybmd3vsW2ZsGGQ+PlFhcfPPQxef7tVv/zHStU1pGlNFBlEkQtInkjTjrKE/d7n/r7G8+D+vp4LXpthgKoaiaKQYVDouo6maWy3BgB13VPXik8+OdO2LUmSsNtZTJNwgAtpOwwDYejQNHA6DTPMt+j7nr5XpGmK5wlQUUrAjiwkYebbVhFFNk3ToJSE7+MxZxwnum7g/v5MVUEUWXRdTxDAdmuQ5znv/231hYTGz3WyXn93VI5j07ZwOiV4nkdZKrKsZr+3CUPwfZtxhDzvKYqC47HB9z0MQxJ/FMlAx7Hcs65r+r7n8bECIAyteSJCuk6K2rKUwfZ9naIYaBrwfY++l/DbdR1RFOA4cH3tsdlInfX01OD7EpYNQ547DLKDhmGgaRS+73M+SyE+DAOapnE4mDNDUtP3cHtr0XWQJAPvvy9F9eavJ+qD3/18J+1z2a7X324VgOMI7XM6nQHQdZ3NZoNlCYL63vdSXr3aUlUSMmzboGl6qqpis9lgmhpJkq/E636vkabQdVIUN00/k7fQNBJa27YlDP0VtpumCcjAWpZFGOqkac9mYzEMzEVuz25nUZbQNO2aj2zbRinZdZeX8VqTLXVf0wwYhuxw09RwHAmhris5tW0VYaiRJBLSlVJ4nkPTdDz8e+dnHuuf6Qa7X8vV9XWIZcFHHyVzYbrFdfWVfTif1YzIRnY7n7aVAQCJ/a4Lb9/mRFFEXdd4nkdVCejoup793sKy4HhU6LrIH6dTwqtXMVk24Lom4whFUc7PD9E0Zgguz7ZtG8PQqKqGvu85HCK6DsqyxDRNHMdZ0eMCfJoG+n7g6srk6UlykYANH5CclSQ1tm0TBAZv30qxHscBXSclwgI3TFNy3c/K6v/Uv3z567WKY3fl4ZqmIQhc6rrjcLDpe3h4SLm93a4F7MIqZJmiLEssS0Ka7/szoRry9JQTx4KTpwnqull3y7ID0jTl9es9b9+m2LaNZVl0XUcY+tR1y/W1gIqylHukqYSxzSZkHBXDMNC27TyJBpZlcDolXF7GaJrsEAmJA77vEYbyzn3fs9lImJ8m+bfr2uu7Sn6THRVFPmEoIGgYhIGxLA3DgP/9T3+6SfuJc1b0187qm7+j1OWly/lcs9sJlHYchywrVz2p72G/3zIM8nt5Ln+ezwNxrKGUwjRN4jjgcNB4770Qz4M4juYBG5gmNSNEk67r6Pue3c7A9/05pAXYto1tm/PPQRg6HI8jeS7vUNcdnucRxyF9/8L5tW3LdmvTdR2GARcXMVXVUxQdti1j+eqVx/Pzcf3sSikeHzMA0jRlu7Vpmo7n5xOmCRcXLlHkYZomeV5xOo0YhnCURVHg+/JOr74zqJvf7H7ifPZjz/B7vz0ppdScrF2Uku3dNPIhNE2jqiouLnzGUVZaWUrN07YdFxf2al4ZRzgeG4Zh4OYm5OGhJAwDxlF4vDR9get5nrPbCdooipKLi4Dz+QWGT9PEdmtTlhNBoK9C4kIPCZID3xdC+HAwub+v5h1lEQQ6SdLOSHSYw6KEsK57uUfbdrNtwMJx5BllKWHQ9405Cgzouo5t63TdRBjKwjVNuL8v8TyPpmnWksVxZPw++ZMfb6f9hTvrw99X6hf+rlJZlqFpGp7nkqYVVdXx9JSTpikguSeKfE6nBtuWiYoim74fmKaJuoaHh448Z4buAufrGrbbYKaREspSapv9XuqbwyGmKEpME3zfp2nkd7MsI45Ntlt7DrM6x2PFOC6c4Uhd9+i6TPLjY8luZ/LxxwkAlmWRpum8++p5UGWH6jo8PCSM40RZ1ozjRBjKLpSwquj7kcPBmxeMLEDPM2fKC8JQ5/4+pSwVaarYbAKqShbhQoVlWU/X9T821P+Rk/X6u6MaR6mPvvWtLbouRSSI4HdzExGGIaapMY4yQI7j8OmnCZqmEUWsVX8Uwc2NvSZw4flcum6kbUf6njnW27RtS9+/cHSO49A0I0GgMU2KcYT9fr8O0jAMdB3Ytk3XQZoKEnVdi6YZub2VcFmWsNvFXF0Jcbvb7ajrnutr2bmbjYZl6bQt3N7GGIbOxYXH4aBTliK1TJP8XF3XGIY8p+tk8ppmxLYtzueGuoY43hIEkqvO52z+2W7O5xVKKW5vLTQNfu73lFpQ9f/r+qHbz/qr9+rDD28YBkE8mqZxdeVyd1dwcRFi27K6hmHAcSzOZwESDw9iD3McDaUkPrvuwihIQnYcG8+TuibLFK6rkeeyC7tOVNokEUjteQ6nk8j1SskOCYIAXRdEeDjEKyNSVeJyenqS+s5xnJmyknDrui5RZFJVijzP2W43lGU112cOeV6x3/v0vYTMtoXHxwTf99ls7DXcPzw88OrVDUVRYds24zhS1zWHQzwvnhc5x/MEUCyFN8i96/olvC6k8v19MpcvOn3/w0niH/hC+KsntdvtZugrDPM4KrZbjTyXAZYQJ1SNhBjxN3zwQcgwvEB1WTUuZSmUU1EU7HbbFY3VdU0cb6iqBt93KQqB63kuyO2zxpcoivB9g2GQiX96+qym5dP3gmIOB5OyhCQRm5llQV1PxLHO42OzcodRZK8KdJIUKKUIw5BhGFZRU9O0dZJlMQitFcfCzJ9O9fw9bd79gnYXrWwcX+ist28rdjt//nvLdisLqSwlFwpQkXquqiRvRpF8/7NKtQbwwe8q5TiQpsJzaZo8XOCo1AwgyEoEQgPL0lY+7XxOuLqKSdMa3xcXkePA8VgzTRPX18G6A85ncRgdjx2bjXCFCwgYBlkMS6gcR7i/zzFNk7Zt8TyP16+FQioKIV89z8OyjHWVlqXcbwm/4ziuueLy0uajj8SGJpKIQ12rVb8KQ4u2lR0kphsHTRP+b7+3yHN5pmVZc8h2sW1517Zd0GdDXYvzStd1HMdhuzXWiWzbkTA0SFPR1dq2xzAM0jTl1asdZTlhmjrjqKjrGsdx1l2m/ZV/oFSWsdq08lyI1ft7QTq6rs+eBYHowj4M+L6JbcPp1BEENlUlrECWTUSRzt1dShxvGQZRgPu+ZxxHwtADpPa5vAxnmkaK4jiGLBPpQrg84Qo9j3kXy4TI7pYdGwQGeS6DWZby/U8/TbBtmzj2ybKGsizZ7/fzhLtkmTwvyzJev96QptOsWcV0nZhwltJCPBpwPqdcX285nSo2G5++V+tOdBydthXH1cWFT1lKydE0DTc3AooELcoY6LrOMAwcDj739xJql5C6eBkXt1YQyOe2bdAXo6Ss4oq6btcJCQKDYRjYbAzGcVFoayzLpK7HWSey6Hvh7N68STEMna4Tri7LcnRdRylFENhEkYemycDHcbjunu02IgzhdJrWWmgphA1DVm2ajmgavHmT8NFHKboutU6evyT+/V5W99VVjO/7KAW+73I4HCjLcg1pcRyhlMJxnBnF6ViWhW0LMXt5abHbCdAR24Di8nJLnvdcXvqcz1I0TtOEbctkmqbObuevoXu71TkcfO7uCqZJFGZRqxtcVxaSbcN778WM40iWZRiGweOj3PvqKp69IRIeTRP0slQUxTCHPmf2IahVCGya5geS7n7vMU0KxzE4nxsBJJaEy/1+S98PZFm91jGyKwUxDQNkWUWeN2voEGGx43zu15eWUKtTlt2cv8A0DYZhJIoibm+3WBYcDvsZTWmczx2nk8T2cZQoIQ0JPZoGFxfhCsuXLOB5Ds/PFedzRRAEPD1l1LWi70VLMwyDIBB4Lova4ulJgIXjaBwODsMgu2ah0IZBFnRdy9d3u5CybHFdjdOp5fXreJVXJMf3OI6DrutEkcyBUswLRyPLJpSSn9Vlpk08T1ZKkkiCD8OQtpU/01TY5b6XxBqGGk0zcHUl3ogXWM3skHWpqgrXdbm8NGYxUQrNqyufw8FlGCR+L+Kd48ifu91uDpkTrmtTVR1ZVmNZsNsJrVUUE3kOux3c3QmYsSwLz5OFs4Tn8znFdS2mSdgNIWtllSdJQt+PRJE/85Adt7cbgkCjKCRP931P2/Zst3A+J2ga3Nz4aJpGWfZzflQURTtrW6IMbLfbWcHuOR4z4tjh8VGose9//8zpVJGm/ZyrRYv7xjdC7u8lH55OCXUNd3fZLP0IwNEOf7NUC+sgtY7krDRlVVOXLg2ZWBddXxjnabV3Lbxd3/c0TUMcx0SRwfEoqElW3UCWZWw2G+LY4nwWVsC2rRni9mRZNsvoIUEgFb5hvDAiS/ja7eDP/uzFmqaU4vra4/m5m8OnQd/3DMMw+wJ9np6eME0TTdP45jdjigKyTJiFKNLpe1nBS+gRH7wiy7LZpxjT98PMZBjc3yfz38MZlhtomoyLMBmSb9++fSF8FyI7z8Woo2lSpvR9z8VFyPlcz5KRLOZpmnAcWYjaYlNumn71zJ1OJ25uLgHW9plFUZWXkUnbbGQwxxEeH4/s93tsW3ZQmopJMgjg7dty5vVi6loMKotnT9fh+VlI1CU0+v4LU11VkqzP5zOO43A4hOS5wF0pxGVAl8vztJmz9DidxEL25k1BEAT4vsbxWBFF/uqL3++1Wf4QdTkIRErx/UUsbZmmadbHBmzbZBgkVzXNsOZWXWeWbsY53ztUVTfbDTxc18B1hRsVf6KzSi+uK97EIPDRdXn2w0M1q+sueT4DE8PQGQaF686zp2lcXFzQNBLrP/nkiK7LRNV1MwuELuM4znWCmgFDPPsbsjlceLRtP/Nr2oy+cm5uXA4Hjb4fqev2MywFc64oSJKONFWzu0m6R0zTxHVdDEPYk9Oppm3VHIYbDEPD8zSSRMwsAqV7qkpCeRRpFMU452XZBV3XkSSyQNpWEQQWx2NOlhXzTh7nWs6b84hJ28rAdd1EURQ4juSoMISuU+vC6bppLTeapqHrFEky4jgmwzBg26xCZ9PA7a1ocraQ+Fxe+nPBrdjvLbZbV+imzUabfd6KoijQdY3NxqIoGl6/PpDn1Sp9C3qCKDJ4fj6jaRrPz+lniladp6eMqoI4lrpFaKBOaoa7isfHgSgy2G4lmb56FVOWzDkkpKoqTFOjrru5PnN49WqLpmmzaRMuLz0cR4jc3c7j6em4vuP1tWha2+2WPJe6pyjAsowZaUqxfH3tEMfw+Jiy2Whz2PJo23ZGlwKSzueUNE1xXbBtsQbYtr7SW+M48sknCXGsURTFHLrElp1l2Spquq4xRzB3DrkTRTFwPCYkiXCIadpxPIr14fY2mEsIyX9rdfxLf6RUUYjOdHkZkiQtUeTMiGrAssw11CxajoQRk/N5XF9sAQy7nb+WBOKulXadZcX7vkWaVtzc+PNASjhI08U2JtJ/HFsoBff36YzCHJqmYZomwjCc2fF+VYa3W5MkEfV5yVXDMHBxIS7d+fVoGoH+oiZL7ghDef5CChyPJZtNQBiymkvzfFhFUssyOZ3OxHFMWZa8ehXy8CAOYc/z8H2Dh4eE29uYtoWm6fA8e65XpUYUEfOFohJ0LX+vKvn5PBf79g/QTe/99qQ8TyPP+1WgE1len7sw1JwIhR5ZFFnPg48/lmTfdWrt/kiShIuLA1mWc3sbUVXC6d3cxNS18ILCM76Ic54nAzkMwp6/fSsTKsWyTHKSlPK+7wWzfCE5482bZGYWIjYbE8OA+/uCOA5n4CBq89L8YNs2fd/jeR5ZlnF1teV0KmeNzJpRsZhKNxuDspR8soAe8XgkXFzEFIV0W3adjIfY7xr2e5eqkp/b72NcVxbMxx9L4f76tc+bNxXTNHE4hLMFrub62qMsf1Bd/qFE7vW3W3VxYfPxx0LNyPaVVhmxNBe4rsswDFxfuzw8CL8nu47ZFqZxPhc4joPrWivddDxWbLc+VSXU1uKB2O8NkkTNZpiXnxeXVMnNTUCWiXVZdkU2W6xNsixnv49WC/WnnyazsBnSNOJxf3jIuLraoGmQJC23tw53d/Le0/RS4I6jLELDWDzwNZuNmG+macIw9BURGoZBXQuYEZpKJsX3fS4v7bWrsusk5IHoc9/85pb7e6lFw9CmbcX+JjRagW3bP9Sz8SNFL/dXHtXFxcUqyi3EbpIk3N7ueHrKORwimuZlGxuGwPrvfe8tH3xwQ1VJK87iim0aOJ/Pcy2i43mQJB2WZeE4Ur9EkbUW0GHoE8fw/Cwf1vd1hmGRRl6oLN+3aZqBvu8JAo9xlETvuhpFIQtjATFSZE6z1yOY/YUG9/fC9KephOyFXpP7QFGM+L6B5wlhLbltWkGI9IcpLi+liBZ7tlBISdICzKDE4fY2pCggzwt0Xef2VqLHjxIif6Se1fzXK+37f6prCyEq6rA228BEjxKI3X8GlS3o5oY8l0Q8lyFzp2GBaZr0fc/5nJDnQrhO08T5XHJxYVHXiq6bCAIfzxOzzOEgWlBRDKRpObMZxsyE27guM1vt0TQdbdtSVRVVNVKW5QyH09nvLjWk7/trC1CaCqMxjmr2lKjZONNiGHB3dyYM5et3dxVBoLHdujiOQxx7zAgeXdf45JNqNd90XUdVKaLImZVpcfem6UTX9VxdhbP/Uf2FivGPLevf/lavxnEkihzqesRxDLpOGOKlvgBmuf1Fspa6TAq9um6wLIu2bbm99TmdFh5Q53xOef16uxLBDw/CpARBgKaJ1CCrmzVESn0npGwQQJL0lGXJbhdTltXqbNrv/dVSIMy/7Ib9XuPTTyWnWZaE8PNZdvMwCPQW86m1cppZJnJHUfT0fc9+768O3cfHdmbahWfsOmZILwtFhFoBFVnWcnHhkKYTb/618WPNw0/ssvm531OqqiRUSfErjMF2a/P0VHB9HfL8XHN15VFVUFXtHJqCub5Y6jl4eCjm5jkhYpcicRzVGtocB56f61lM1ElTETiXGL+gvsUDcn29o20FvLx9K/1dWSbhCiCOPaZJNDEhdh1cV6Np1ErcfvjhjtNJ7h2GPlXVEIYuWVZxOPgUxThbD2TXAytRvKgLi3NqYdilTpTnOI5GXf/kXSg/tRXt6jcatds5ZNlAGJorKmuaht3OpW2XLvh+RjpCej495VxeRiRJQxRJu8/xWLDbhZzPBVEkMdOy4HyWMytAEr4UlQZl2a4OJSmUDYpCWArD0EnTjJubzbxYRNJYitRhGNjtIvJcdjvIbhP/vRhy7u7On+EoRzzPJQzh6amZuU/xMmZZtxpbF5/7QjjbtsEwCHBoW1G5bdvm+tr6qXuVf2aX6F/++0rJJEnyrSoRJIXYlGTq+xZdJ6v9fK7mVWYTRfDmjfzMxYXFRx+d125GOadCm3WrmosLj/NZtLOuU7MPQpiCpTkhihzKsl9lGYA4Nueww9pDLMYWKcLD0FgprbaVRSCuX52yrFYuse97osinqgRJns/LCTYiNEoXypY0TWeUKnLI5aXH83OzaoOf/quf3uj5udinf/mPpWPk6Unif5IUvP9+SJqKRLEgSduWvJAkFXHs0zQCl/v+Bbm1LatAB5Kg5XvCNhgGPD2p2e+3AB9h3S3LWOX052epa8TTCHd3+SxDBKv7Vu4riK8opEl8IV2X0LrbidD58HAmiiK6ruPmxl89KEFgzfodlKUYXZUS/tTz3PUZn0en5OfamvLeb09KQp5BnktCXpqzP2tpLsuSzSbkdEpm352P677UJGUpk1nXUowuRPLiUxgGGYAsm6jrmv0+4HgsOBzEzHN/L+1Ci1IQRUIoPz8LUfvmzRO6rnN9fZhbTyXnSDuQuy6WIDBWqJ9lEqIti1VvWkJ9WU6cz2cuLw+AfEbZ6Qb/8x9/fj1bX0gf0TJpfd8Thu6aH3xfEJthGGuN9fwsSXwcpZAWL4bi+fmZ/X6PruszMdtyOATkeT9bzPrZhLOjLKVoXgjZaRKJ4nQ68fr1AcuSfKfrOufzmffe2895pCaKPBwH8nyakZzk0JubkDwXXUuUXmHcXfflqIdPPz3yC79w4O5OdpGgYvHfT9Pnf8TQF9ZMd/UbjdpuRQZ4eKhm+O3N/cPdipSyLOP997eMI5zP3bqq+75fm+kuLvx1hy6QuG1lwNp2YrvV5w5IxX4vH0kpePtWlOzt1uXhQSxqfd/zjW9IiO77ic1G5/m54fLS5XTqubiw1ibyYZAdE8/9R8LMmPT9uDq0ttvt6nHf7Xy67sd32P6k1xfepvr6u6NaTCdNs8j0+io3RJGF6wqt1PfM9ZI0iKdpznYrTQrL15cmiO3W5XgsaNuWq6vDLOP0q74kjXVyFBC85MHbW4ePP5b7iggou35RbTVNI4417u7KuRbzSVOZvLIUoFOWi7G0WwXEsvziz8r40rrNlxNklILj8cirV4f1WATTlB2T5xO+r5PnPYeDWL/O5wTDMNhsIoZhXLs0tltr3lmsNdrzsyjbck9Rt4W81Wcm5AWJ1nWL4zgrk7H0MS8uX8mfPZ5n0bbjeqCKlCbe7NUQ0+oXtZP+/PWln+Xw4e8rlSQyQHVdz40A1mxFlhDXdf0s95ukqdRlZSmtPldX+zUkLpY1zxPTpijHclLNe+8Fs2AquXMxhcqgO6sBaJFFhkHAzCITXV+Hs/dBmPoFVb55I7LK0qZ0+k/hlzaGX8mhJT//B0qlabNyi0tH4vEo0FfafWRGgsBeqaCyHFe/uFILdA6wLI00FWu1uGuFSLVtGVzf9/E8a0Wjcp6FPnNzFlUFed4xTRP7vYvrwsODyDHLwsiyksMhIE2lFnv77+z/vw8t+fNX+Ksntd/vVmtY2/azVGHjujLgi4zuOA6bjRTJYfiieS1HNeS5eBjKUsBM0zR861s7zmcpxstSjKnzQWozky8F/HYr/vqlt3ix4rVtSxQFNE1HGNqUZf+VTNJyfWmHlvywq/gve+2TP9E0yQ8DRVGsO0aI4A7ft9ak//QkHpCPPz7PTW/Mztd+1paa+SxcjziOOZ/FmZTn3Xw24dLoPc4yy4jvC7sh8jucTvIOeZ6vB0q6rs3/+Wea9lVOFLwjp6It1y/+oTzw8moAAAHYSURBVFJl+cJOLBrZZmOQ52IWTVOxQ4vxJVhdUkqJoadtWyzL4nDw1zZWOWjEnk+gfhH6kkSOrNM0+V3fd9fifQE9bQvf++df/jlNP+x6J17is9f1t1slsNtc/eJRFK2+jEWUXPyMy0Eii31rYfhBmtsk1y07zqTr5J6CEB36fmS3M+beXykZyrKmbVvy/7x7p8bnnXqZz17f/B2lmqabpXRhuhf6yLZt8jxns9ng+8I6LKzC6TSujLznuSuh7Hketm3MLMo4d+2LMzjPO4ZhmPWp7Tt7Vu47+VKfvV59Z1B1Xa/Iz/etGVio9biE5aihpVuy7wWG17XkvcPB5u4un21rW5qmY7ezubtL567MkGmSXPlV56Ufdb2zL/bZ6+Y3O+W6FmXZrAJfFFkUxbDmryhyZxVYWAyhgnyaZlxNKLe3Huezms0uL4eN/CRN2F/l9c6/4GevX/ojpapKitMX1gPyXDjA5WyLxUMoNmWXzcbg8bFkuw3WBkA5zvXLPzPwZ7m+Ni/62Wv5/5Asx4W7rs3pJK2rV1fB3GB9nifKo22Fxlr8hVXV8vgf3K/dZ//avfBnr8tfr9UC1a+u/PXM9udnYc+zbPH+vfx/Sx4eHuj/2+3X8nP/X8+jjAy2QdiEAAAAAElFTkSuQmCC\" }),\n React.createElement(\"linearGradient\", { id: \"_Linear11\", x1: \"0\", y1: \"0\", x2: \"1\", y2: \"0\", gradientUnits: \"userSpaceOnUse\", gradientTransform: \"matrix(-118.47,-106.79,210.785,-180.125,69.2121,1372.7)\" },\n React.createElement(\"stop\", { offset: \"0\", style: {\n stopColor: 'rgb(64, 128, 255)',\n stopOpacity: 1,\n } }),\n React.createElement(\"stop\", { offset: \"1\", style: {\n stopColor: 'rgb(64, 128, 255)',\n stopOpacity: 1,\n } })),\n React.createElement(\"image\", { id: \"_Image13\", width: \"107px\", height: \"34px\", href: \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGsAAAAiCAYAAABY6CeoAAAACXBIWXMAAA7EAAAOxAGVKw4bAAABFElEQVRoge2aQRKDMAhFmx6it/P+x7Ab64xOmaAG8vnwFnWhiOGFOG3TPsu6vpS0djpuH61zXoz5F3s6r4rRxipiftddeUbp3t18QozEu3/JfdSzgCy5VWpTWcVYSlaPqcvDEUpZQPUdCqUsSAbMoJIViJIVCBNZrO+MHtbjrs4KRMkKBJUs9uXXTxZ7JR2g6ix27sly6BIxReIOHdpZWevoNe68y2DAmTVXFmDBAB9pJ29nBYRCln5jgkVyv1QUsrIAJyvtvg1F7iGykF/KlniPG66zKDCyWLI2IqwOJSsQz2URbqZEpTorEDCypn6xnciVYT+SlbS+08Zt01lJfv7xBmYZLPpgy6p/pA9gyxIArKMLXxexLNiBCThLAAAAAElFTkSuQmCC\" }),\n React.createElement(\"image\", { id: \"_Image15\", width: \"38px\", height: \"62px\", href: \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAA+CAYAAABHuGlYAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAGaElEQVRogcVZSWLjOAwsblIu+oD+/zZ/YC4di8sc7IKLsJzJdCdpXGxLXIACUADpgL8oIYR9jKG/wd/hL+m080uMEb33pwHpR9UBkFLaU7ptW0rBGAOKGgAsy/KjiO3Aw105Z4wx0FpDSgmtNVPqer0if7c2Oee91oqUEsYY5rZaK5ZlQYwRx3HY+J+IsSmOQghPqKhwTO8dIYRvU8yU0kzzEmPEGGNSiGO/Ovh3ABtwQ4UI5ZxRSjEFKBprYwyUUtB7v6H3hQqhlGIb1loRY0RKCcdxIKWE3rshUkqZYsvLHykWQthjjJZZGtwqpRS01ia3MaZCCKi1cj2MMZBS+n1XhhB2brKuK2qtj/hIyeJHkVEypft678g5I+c8uf53FNsBbLoJF6RwU800kirjinM18HXcpxULIewANi5KyDWT1nWd3KquXZbF5tGVmq2qXO/9UzG2f/SSyK3rivf395e1T5/TmBAClmXB+/u7AnBD+7NK5fwoEiE822OM7d7lnBFjtIwlmkSMga97hBBelqRdraTf1SIvnsm1/gEwVBgCfMfPpwQ6UWgj0XGQxgrfeUWJFIO7tYacs20WYzRDPbqkDcZs790U25dl2ai9xoKK+V+oQFEhspzvWZ4kC2DKTK6tCRBjjDtd4RVZlgVvb2/T4lqMj+Ow9yRaRU/Xi/E5nIkUjWLMpZSQxhibn8C6dhyHlRZa6Ru73jtKKbYgDeBmWor8PN2LLmf8JdyLrsKrlV7hp+XeRa01G+/jjaj4hGE49N6ngm/vVakQgqU1N9c2uPc+pTdLjyqpn7qOFz6PMU48RjBsVcaHr/hqPZVZ13XKMn3v+U4zmiWKhur6mpm994diDDwN2BDCxD80wD9TZWqttimfE1lPQYyndV2n32OMW4xp6jI7vGi80CqSr48PRZGGkttSShO/sV9b19XHcjSkmEWKmP5mcKsiipaXs/hjCFCUO1ncASDFGLdXmxJBjRFFk4VbfxNVpRi6h/F2tgfBoRdiaw3LshifeCGPsW3hQsCj/lER5T1SCN3nWd76rhehk0IIGxVQC7iAh3xZlmksUVQC1eMaS5gqRve/OoXXWm/Br0jwANFas3aFStFNuomlt7iZ2aeErUox8Espxp9U1GomgJ0WTec6l23+HcvIWWPIHoytkM7lfYWi7ue21hBZ/9TiUsqUPWcMT746U6rWOvVnOvdVJaAYjeScNwYorSeFeDL0LO838W5WQ/S7ZZ4klc/4eL1eLViZsrVW8z39f9a2eKR8u8Mg93NpZGsNx3FMBxTzEoDt7KCqCcFNtTNVK1+dK1trljxKEWyVfDfLLM05I7Fz1c191tVarbPwLlXOMjecKKWbMtEo/s6s945IjWutBq1apxbpUR94JAkX00Kv8aSuZDZynWVZTCltNs2VHikN/DP+okvOEsCHA68BPFLa3XoujZqFKlqctRx5BfQsSI7iHACWeeoySmvt6eDDsmaIeSF18PbPu5ZjtCroe7+mP01pS+T3tZM4G7uzWGCvpNZpdhExZqx2ptpRKPX47oJoszMG7j2/xoIqx8DU1oYLcxwTxbfkPl5jjFN4MAP53p8nIsmV15G+9yICXIyKcNHjOKY5KjqXY6kc6yzXbK0ZkjFGhFLKzoH2UG75xIIP6xzT3X8HHg3B2TGOzabe+/PiblOfn8UEn3MToqnI6R0GjfOJoOXNcx7r552CLmmMsem1NjdX7uGiSqa6IUWPa2eZzoOtntBVeu8XAP8AuF1D5ZytmKoVFH/0OpNX79St/lMo5uLnJdzvUzXwpk5SiFTpwlv9qnfXYm8F+jHPEPJiaUR21gzTf8fUytba1E2Qw/TcSdECzaS6U8sTShPS/MKOk27T9FXxqKirSBetNby9veHXr182XrL0Q4UokVdInnO0vj1Zc+ciJUV2HloVXON4+axSAJDJ2F4Bn+p6tD9rhbkGkZee//JR0rySlHPelLfOWhUqqH966gFFKYRz7p+fRuhJsRDCaWtNJf1JiJvqkf6E4y6999Ns+6xkbVtIE2enZ0XKX4VzPP5HDP2XGI8B81W5lhTlOZYiV3YuY4w/QshLVJeR/TVOBA0TF49fhpJKptXaT/mSoZlLRa/X67coRAkAdt+OnP2ZLvKtClEy8Bz4L5T6EYUoU2utqGm9+2mlAMz/vunfxHda+HGFKP8C6wW6ett+DK8AAAAASUVORK5CYII=\" }))));\n}\n","import React from 'react';\nimport { isArray } from '../_util/is';\nimport cs from '../_util/classNames';\nexport default function text(props) {\n var style = props.style, _a = props.width, width = _a === void 0 ? '60%' : _a, _b = props.rows, rows = _b === void 0 ? 3 : _b, className = props.className, prefixCls = props.prefixCls;\n var classNames = cs(prefixCls + \"-text\", className);\n var nodes = [];\n function getTextWidth(index) {\n if (isArray(width)) {\n return width[index];\n }\n if (rows - 1 === index) {\n return width;\n }\n return undefined;\n }\n for (var i = 0; i < rows; i++) {\n nodes.push(React.createElement(\"li\", { className: prefixCls + \"-text-row\", key: i, style: { width: getTextWidth(i) } }));\n }\n return (React.createElement(\"ul\", { className: classNames, style: style }, nodes));\n}\n","import React from 'react';\nimport cs from '../_util/classNames';\nexport default function image(props) {\n var _a;\n var style = props.style, _b = props.shape, shape = _b === void 0 ? 'square' : _b, size = props.size, _c = props.position, position = _c === void 0 ? 'left' : _c, className = props.className, prefixCls = props.prefixCls;\n var classNames = cs(prefixCls + \"-image\", (_a = {},\n _a[prefixCls + \"-image-\" + position] = position,\n _a[prefixCls + \"-image-\" + shape] = shape,\n _a[prefixCls + \"-image-\" + size] = size,\n _a), className);\n return React.createElement(\"div\", { className: classNames, style: style });\n}\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nimport React, { forwardRef, useContext } from 'react';\nimport cs from '../_util/classNames';\nimport { isObject } from '../_util/is';\nimport Text from './text';\nimport Image from './image';\nimport { ConfigContext } from '../ConfigProvider';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nimport { pickDataAttributes } from '../_util/pick';\nfunction getComponentProps(prop) {\n return isObject(prop) ? prop : {};\n}\nvar defaultProps = {\n text: true,\n loading: true,\n};\nfunction Skeleton(baseProps, ref) {\n var _a;\n var _b = useContext(ConfigContext), getPrefixCls = _b.getPrefixCls, componentConfig = _b.componentConfig, rtl = _b.rtl;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Skeleton);\n var style = props.style, className = props.className, animation = props.animation, loading = props.loading, image = props.image, text = props.text, children = props.children;\n var imageProps = getComponentProps(image);\n var textProps = getComponentProps(text);\n var prefixCls = getPrefixCls('skeleton');\n var classNames = cs(prefixCls, (_a = {},\n _a[prefixCls + \"-animate\"] = animation,\n _a[prefixCls + \"-rtl\"] = rtl,\n _a), className);\n function renderImage() {\n return (image && (React.createElement(\"div\", { className: prefixCls + \"-header\" },\n React.createElement(Image, __assign({ prefixCls: prefixCls }, imageProps)))));\n }\n function renderText() {\n return (text && (React.createElement(\"div\", { className: prefixCls + \"-content\" },\n React.createElement(Text, __assign({ prefixCls: prefixCls }, textProps)))));\n }\n return (React.createElement(React.Fragment, null, loading ? (React.createElement(\"div\", __assign({}, pickDataAttributes(props), { className: classNames, style: style, ref: ref }),\n imageProps.position !== 'right' && renderImage(),\n renderText(),\n imageProps.position === 'right' && renderImage())) : (children)));\n}\nvar SkeletonComponent = forwardRef(Skeleton);\nSkeletonComponent.displayName = 'Skeleton';\nexport default SkeletonComponent;\n","var __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport React, { useContext } from 'react';\nimport { ConfigContext } from '../ConfigProvider';\nimport { isNumber } from '../_util/is';\nexport default function DotLoading(props) {\n var getPrefixCls = useContext(ConfigContext).getPrefixCls;\n var prefixCls = getPrefixCls('spin') + \"-dot\";\n var dotStyle = {\n width: props.size,\n height: props.size,\n };\n var sizeNumber = props.size ? parseInt(String(props.size)) : 0;\n return (React.createElement(\"div\", { className: prefixCls + \"-list\", style: {\n height: props.size,\n width: isNumber(sizeNumber) && sizeNumber > 0 ? sizeNumber * 7 : '',\n } }, __spreadArray([], __read(new Array(5)), false).map(function (_, index) {\n return React.createElement(\"div\", { key: index, className: prefixCls, style: dotStyle });\n })));\n}\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { useState, useEffect, useContext, useCallback } from 'react';\nimport debounce from 'lodash/debounce';\nimport IconLoading from '../../icon/react-icon/IconLoading';\nimport cs from '../_util/classNames';\nimport { ConfigContext } from '../ConfigProvider';\nimport DotLoading from './dot-loading';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nfunction Spin(baseProps, ref) {\n var _a;\n var _b = useContext(ConfigContext), getPrefixCls = _b.getPrefixCls, componentConfig = _b.componentConfig;\n var props = useMergeProps(baseProps, {}, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Spin);\n var style = props.style, className = props.className, children = props.children, propLoading = props.loading, size = props.size, icon = props.icon, element = props.element, tip = props.tip, dot = props.dot, delay = props.delay, _c = props.block, block = _c === void 0 ? false : _c, rest = __rest(props, [\"style\", \"className\", \"children\", \"loading\", \"size\", \"icon\", \"element\", \"tip\", \"dot\", \"delay\", \"block\"]);\n var _d = __read(useState(delay ? false : propLoading), 2), loading = _d[0], setLoading = _d[1];\n var debouncedSetLoading = useCallback(debounce(setLoading, delay), [delay]);\n var _usedLoading = delay ? loading : propLoading;\n var prefixCls = getPrefixCls('spin');\n useEffect(function () {\n delay && debouncedSetLoading(propLoading);\n return function () {\n debouncedSetLoading && debouncedSetLoading.cancel();\n };\n }, [propLoading]);\n var loadingIcon = (React.createElement(\"span\", { className: prefixCls + \"-icon\" }, icon\n ? React.cloneElement(icon, {\n className: cs(prefixCls.replace('-spin', '-icon') + \"-loading\"),\n style: {\n fontSize: size,\n },\n })\n : element ||\n (dot ? React.createElement(DotLoading, { size: size }) : React.createElement(IconLoading, { style: { fontSize: size } }))));\n return (React.createElement(\"div\", __assign({ ref: ref, className: cs(prefixCls, (_a = {},\n _a[prefixCls + \"-block\"] = block,\n _a[prefixCls + \"-loading\"] = _usedLoading,\n _a[prefixCls + \"-with-tip\"] = tip && !children,\n _a), className), style: style }, rest), children ? (React.createElement(React.Fragment, null,\n React.createElement(\"div\", { className: prefixCls + \"-children\" }, children),\n _usedLoading && (React.createElement(\"div\", { className: prefixCls + \"-loading-layer\", style: { fontSize: size } },\n React.createElement(\"span\", { className: prefixCls + \"-loading-layer-inner\" },\n loadingIcon,\n tip ? React.createElement(\"div\", { className: prefixCls + \"-tip\" }, tip) : null))))) : (React.createElement(React.Fragment, null,\n loadingIcon,\n tip ? React.createElement(\"div\", { className: prefixCls + \"-tip\" }, tip) : null))));\n}\nvar SpinComponent = React.forwardRef(Spin);\nSpinComponent.displayName = 'Spin';\nexport default SpinComponent;\n","import React, { forwardRef } from 'react';\nimport cs from '../_util/classNames';\nimport IconCheck from '../../icon/react-icon/IconCheck';\nimport IconClose from '../../icon/react-icon/IconClose';\nfunction Step(props, ref) {\n var _a;\n var style = props.style, className = props.className, prefixCls = props.prefixCls, _b = props.index, index = _b === void 0 ? 1 : _b, _c = props.current, current = _c === void 0 ? 1 : _c, status = props.status, title = props.title, description = props.description, icon = props.icon, nextStepError = props.nextStepError, type = props.type, customDot = props.customDot, labelPlacement = props.labelPlacement, disabled = props.disabled, onClick = props.onClick, onChange = props.onChange, direction = props.direction, id = props.id, lineless = props.lineless;\n function renderIconNode(currentStatus) {\n if (type === 'dot') {\n return null;\n }\n var content = index;\n if (icon) {\n content = icon;\n }\n else if (currentStatus === 'finish') {\n content = React.createElement(IconCheck, null);\n }\n else if (currentStatus === 'error') {\n content = React.createElement(IconClose, null);\n }\n return React.createElement(\"div\", { className: prefixCls + \"-icon\" }, content);\n }\n function onClickStep(e) {\n if (!disabled) {\n // Step.onChange\n onChange && current !== index && onChange(index, id);\n // props.onClick\n onClick && onClick(index, id, e);\n }\n }\n var currentStatus;\n if (status) {\n currentStatus = status;\n }\n else {\n if (current < index) {\n currentStatus = 'wait';\n }\n if (current === index) {\n currentStatus = 'process';\n }\n if (current > index) {\n currentStatus = 'finish';\n }\n }\n var classNames = cs(prefixCls + \"-item\", prefixCls + \"-item-\" + currentStatus, (_a = {},\n _a[prefixCls + \"-item-custom\"] = !!icon,\n _a[prefixCls + \"-item-next-error\"] = nextStepError,\n _a[prefixCls + \"-item-disabled\"] = disabled,\n _a[prefixCls + \"-item-active\"] = index === current,\n _a), className);\n var iconNode = renderIconNode(currentStatus);\n var iconNodeWrapped = React.createElement(\"div\", { className: prefixCls + \"-item-icon\" }, iconNode);\n var customDotElement = customDot\n ? customDot(iconNodeWrapped, {\n index: index,\n status: currentStatus,\n title: title,\n description: description,\n })\n : iconNodeWrapped;\n return (React.createElement(\"div\", { ref: ref, className: classNames, style: style, onClick: onClickStep },\n !lineless && (labelPlacement === 'vertical' || direction === 'vertical') && (React.createElement(\"div\", { className: prefixCls + \"-item-tail\" })),\n type !== 'arrow' && customDotElement,\n React.createElement(\"div\", { className: prefixCls + \"-item-content\" },\n React.createElement(\"div\", { className: prefixCls + \"-item-title\" }, title),\n description && React.createElement(\"div\", { className: prefixCls + \"-item-description\" }, description))));\n}\nvar StepComponent = forwardRef(Step);\nStepComponent.displayName = 'Step';\nexport default StepComponent;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nimport React, { useContext, forwardRef } from 'react';\nimport cs from '../_util/classNames';\nimport Step from './step';\nimport { ConfigContext } from '../ConfigProvider';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nimport { pickDataAttributes } from '../_util/pick';\nvar defaultProps = {\n current: 1,\n type: 'default',\n size: 'default',\n direction: 'horizontal',\n labelPlacement: 'horizontal',\n};\nfunction Steps(baseProps, ref) {\n var _a;\n var _b = useContext(ConfigContext), getPrefixCls = _b.getPrefixCls, componentConfig = _b.componentConfig, rtl = _b.rtl;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Steps);\n var className = props.className, style = props.style, children = props.children, _c = props.current, current = _c === void 0 ? 1 : _c, status = props.status, onChange = props.onChange, type = props.type, size = props.size, direction = props.direction, labelPlacement = props.labelPlacement, customDot = props.customDot, lineless = props.lineless;\n var prefixCls = getPrefixCls('steps');\n var innerLabelPlacement = labelPlacement;\n if (type === 'dot') {\n innerLabelPlacement = direction === 'vertical' ? 'horizontal' : 'vertical';\n }\n if (type === 'navigation') {\n innerLabelPlacement = 'horizontal';\n }\n var innerDirection = direction;\n if (type === 'navigation' || type === 'arrow') {\n innerDirection = 'horizontal';\n }\n var classNames = cs(prefixCls, prefixCls + \"-\" + innerDirection, prefixCls + \"-label-\" + innerLabelPlacement, prefixCls + \"-size-\" + size, (_a = {},\n _a[prefixCls + \"-change-onclick\"] = typeof onChange === 'function',\n _a[prefixCls + \"-mode-\" + type] = type !== 'default',\n _a[prefixCls + \"-lineless\"] = lineless,\n _a[prefixCls + \"-rtl\"] = rtl,\n _a), className);\n return (React.createElement(\"div\", __assign({ ref: ref, style: style, className: classNames }, pickDataAttributes(props)), React.Children.toArray(children)\n .filter(function (child) {\n return child && child.type && child.type.displayName === 'Step';\n })\n .map(function (child, index) {\n // step 的 index 从 1 开始\n index += 1;\n if (child) {\n var childProps = __assign({ prefixCls: prefixCls, type: type, index: index, current: current, status: current === index ? status : undefined, customDot: customDot, labelPlacement: innerLabelPlacement, direction: innerDirection, onChange: onChange, lineless: lineless }, child.props);\n if (status === 'error' && current === index + 1) {\n childProps.nextStepError = true;\n }\n return React.cloneElement(child, childProps);\n }\n return null;\n })));\n}\nvar ForwardRefSteps = forwardRef(Steps);\nvar StepsComponent = ForwardRefSteps;\nStepsComponent.displayName = 'Steps';\nStepsComponent.Step = Step;\nexport default StepsComponent;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { forwardRef, useContext, useRef, useImperativeHandle, } from 'react';\nimport cs from '../_util/classNames';\nimport Trigger, { EventsByTriggerNeed } from '../Trigger';\nimport { ConfigContext } from '../ConfigProvider';\nimport pick, { pickDataAttributes } from '../_util/pick';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nimport { isFunction } from '../_util/is';\nvar defaultProps = {\n position: 'top',\n trigger: 'hover',\n escToClose: false,\n unmountOnExit: true,\n blurToHide: true,\n popupHoverStay: true,\n};\nfunction Tooltip(baseProps, ref) {\n var _a = useContext(ConfigContext), getPrefixCls = _a.getPrefixCls, componentConfig = _a.componentConfig;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Tooltip);\n var style = props.style, className = props.className, children = props.children, trigger = props.trigger, escToClose = props.escToClose, defaultPopupVisible = props.defaultPopupVisible, position = props.position, unmountOnExit = props.unmountOnExit, popupVisible = props.popupVisible, tooltipPrefixCls = props.prefixCls, blurToHide = props.blurToHide, popupHoverStay = props.popupHoverStay, disabled = props.disabled, onVisibleChange = props.onVisibleChange, triggerProps = props.triggerProps, childrenPrefix = props.childrenPrefix, getPopupContainer = props.getPopupContainer, content = props.content, mini = props.mini, color = props.color, rest = __rest(props, [\"style\", \"className\", \"children\", \"trigger\", \"escToClose\", \"defaultPopupVisible\", \"position\", \"unmountOnExit\", \"popupVisible\", \"prefixCls\", \"blurToHide\", \"popupHoverStay\", \"disabled\", \"onVisibleChange\", \"triggerProps\", \"childrenPrefix\", \"getPopupContainer\", \"content\", \"mini\", \"color\"]);\n var refTrigger = useRef();\n var updatePopupPosition = function (delay, callback) {\n if (delay === void 0) { delay = 0; }\n refTrigger.current && refTrigger.current.updatePopupPosition(delay, callback);\n };\n useImperativeHandle(ref, function () { return ({\n updatePopupPosition: updatePopupPosition,\n }); }, []);\n var prefixCls = tooltipPrefixCls || getPrefixCls('tooltip');\n var otherProps = __assign(__assign(__assign({}, pick(rest, EventsByTriggerNeed)), pickDataAttributes(rest)), triggerProps);\n var renderedContent = isFunction(content) ? content() : content;\n // it is important to note that this method has its limitations\n // it fails in cases such as content = <> \n var isEmpty = function (content) {\n if (content === null || content === undefined || content === false) {\n return true;\n }\n if (typeof content === 'string' && content.trim() === '') {\n return true;\n }\n return false;\n };\n if ('popupVisible' in props) {\n otherProps.popupVisible = popupVisible;\n }\n else if (isEmpty(renderedContent)) {\n // hide if empty content\n otherProps.popupVisible = false;\n }\n if (otherProps.showArrow !== false || otherProps.arrowProps) {\n otherProps.arrowProps = otherProps.arrowProps || {};\n if (color) {\n otherProps.arrowProps.style = __assign({ backgroundColor: color }, otherProps.arrowProps.style);\n }\n }\n return (React.createElement(Trigger, __assign({ style: __assign({ maxWidth: 350 }, style), className: className, ref: refTrigger, classNames: \"zoomInFadeOut\", duration: {\n enter: 300,\n exit: 100,\n }, popup: function () {\n var _a;\n return (React.createElement(\"div\", { style: { backgroundColor: color }, className: cs(prefixCls + \"-content\", prefixCls + \"-content-\" + position, (_a = {},\n _a[prefixCls + \"-mini\"] = mini,\n _a)), role: \"tooltip\" },\n React.createElement(\"div\", { className: prefixCls + \"-content-inner\" }, renderedContent)));\n }, position: position, disabled: disabled, trigger: trigger, escToClose: escToClose, showArrow: true, popupAlign: {\n left: 12,\n right: 12,\n top: 12,\n bottom: 12,\n }, mouseEnterDelay: 200, mouseLeaveDelay: 200, unmountOnExit: unmountOnExit, popupHoverStay: popupHoverStay, blurToHide: blurToHide, childrenPrefix: childrenPrefix || prefixCls, getPopupContainer: getPopupContainer, onVisibleChange: onVisibleChange, defaultPopupVisible: defaultPopupVisible }, otherProps), children));\n}\nvar TooltipComponent = forwardRef(Tooltip);\nTooltipComponent.displayName = 'Tooltip';\nexport default TooltipComponent;\n","// only used by trigger. Plan to replace ../Portal\nimport { useRef, useEffect } from 'react';\nimport ReactDOM from 'react-dom';\nimport { isServerRendering } from '../_util/dom';\nimport useIsFirstRender from '../_util/hooks/useIsFirstRender';\nvar Portal = function (props) {\n var getContainer = props.getContainer, children = props.children;\n var containerRef = useRef();\n var isFirstRender = useIsFirstRender();\n if ((isFirstRender || containerRef.current === null) && !isServerRendering) {\n containerRef.current = getContainer();\n }\n useEffect(function () {\n return function () {\n var container = containerRef.current;\n if (container && container.parentNode) {\n container.parentNode.removeChild(container);\n containerRef.current = null;\n }\n };\n }, []);\n return containerRef.current ? ReactDOM.createPortal(children, containerRef.current) : null;\n};\nexport default Portal;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nimport { isServerRendering } from '../_util/dom';\nimport { isArray } from '../_util/is';\n// get element's position relative to root element\nfunction getElementPosition(element, elementRect, root) {\n if (!root || !element || isServerRendering) {\n return { left: 0, width: 0, height: 0, top: 0 };\n }\n // safari and chrome\n var bodyScroll = function (direction) { return document.documentElement[direction] || document.body[direction]; };\n var pageScrollTop = root === document.body ? bodyScroll('scrollTop') : root.scrollTop;\n var pageScrollLeft = root === document.body ? bodyScroll('scrollLeft') : root.scrollLeft;\n var left = elementRect.left, top = elementRect.top, width = elementRect.width, height = elementRect.height;\n // custom container\n var rootLeft = root === document.body ? 0 : root.getBoundingClientRect().left;\n var rootTop = root === document.body ? 0 : root.getBoundingClientRect().top;\n var pTop = top + pageScrollTop - rootTop;\n var pLeft = left + pageScrollLeft - rootLeft;\n return {\n left: pLeft,\n top: pTop,\n width: width,\n height: height,\n };\n}\nvar getInsideValue = function (min, max, value) {\n if (value < min) {\n return min;\n }\n if (value > max) {\n return max;\n }\n return value;\n};\nvar getPopupAlign = function (propsPopupAlign, showArrow) {\n var horizontalOffset = 0;\n var verticalOffset = 0;\n var resultPopupAlign = {};\n if (!showArrow) {\n resultPopupAlign = __assign({}, propsPopupAlign);\n }\n else {\n resultPopupAlign = __assign({ left: 12, right: 12, top: 12, bottom: 12 }, propsPopupAlign);\n }\n for (var key in resultPopupAlign) {\n if (isArray(resultPopupAlign[key])) {\n var index = 0;\n // top,bottom 时候，第二个参数是纵向偏移量\n if (['top', 'bottom'].indexOf(key) > -1) {\n index = 1;\n horizontalOffset = resultPopupAlign[key][0];\n }\n else {\n verticalOffset = resultPopupAlign[key][1];\n }\n resultPopupAlign[key] = resultPopupAlign[key][index];\n }\n }\n return __assign(__assign({}, resultPopupAlign), { horizontalOffset: horizontalOffset, verticalOffset: verticalOffset });\n};\nvar getChildRect = function (child, mouseLocation) {\n return mouseLocation\n ? {\n left: mouseLocation.clientX,\n top: mouseLocation.clientY,\n width: 0,\n height: 0,\n right: mouseLocation.clientX,\n bottom: mouseLocation.clientY,\n }\n : child.getBoundingClientRect();\n};\nexport default (function (props, content, child, mountContainer, mouseLocation) {\n var autoAlignPopupWidth = props.autoAlignPopupWidth, autoAlignPopupMinWidth = props.autoAlignPopupMinWidth, alignPoint = props.alignPoint, propsStyle = props.style;\n if (!child || !content || !mountContainer) {\n return {};\n }\n var style = {};\n // 如果跟随鼠标，相当于鼠标位置作为 child\n var childRect = getChildRect(child, alignPoint && mouseLocation);\n var _a = getElementPosition(child, childRect, mountContainer), left = _a.left, top = _a.top, width = _a.width, height = _a.height;\n var popupAlign = getPopupAlign(props.popupAlign, props.showArrow);\n var alignLeft = popupAlign.left || 0;\n var alignRight = popupAlign.right || 0;\n var alignTop = popupAlign.top || 0;\n var alignBottom = popupAlign.bottom || 0;\n // 通过props.style 传递的width优先级更高\n if (autoAlignPopupWidth && (propsStyle === null || propsStyle === void 0 ? void 0 : propsStyle.width) === undefined) {\n content.style.width = child.offsetWidth + \"px\";\n }\n if (autoAlignPopupMinWidth) {\n content.style.minWidth = child.offsetWidth + \"px\";\n }\n var realPosition = props.position;\n var arrowStyle = {};\n var autoPosition = function (direction) {\n var _a, _b;\n if (!props.autoFitPosition) {\n return;\n }\n // document.documentElement?.clientHeight 是为了排除横向滚动条的高度影响。\n var windowHeight = ((_a = document.documentElement) === null || _a === void 0 ? void 0 : _a.clientHeight) || window.innerHeight;\n var windowWidth = ((_b = document.documentElement) === null || _b === void 0 ? void 0 : _b.clientWidth) || window.innerWidth;\n var result = false; // 是否进行了位置调整\n // 视口左侧/顶部到 popupContainer 的距离\n var boundary = {\n left: left - childRect.left,\n top: top - childRect.top,\n };\n var _c = style.top, styleTop = _c === void 0 ? 0 : _c, _d = style.left, styleLeft = _d === void 0 ? 0 : _d;\n // 水平方向微调\n if (direction === 'top' || direction === 'bottom') {\n if (boundary.left > styleLeft && childRect.right > 12) {\n // 左边被遮挡\n style.left = Math.max(boundary.left, left - content.clientWidth);\n style.left = Math.max(style.left, left - content.clientWidth + 24);\n }\n else if (styleLeft - boundary.left + content.clientWidth > windowWidth &&\n windowWidth - childRect.left > 12) {\n // 右侧被遮挡，右侧贴边。如果child在可视区内的宽度小于12，不进行位置调整\n style.left = Math.max(boundary.left, boundary.left + windowWidth - content.clientWidth);\n style.left = Math.max(style.left, left - content.clientWidth + 24);\n }\n }\n // 垂直方向微调\n if (direction === 'left' || direction === 'right') {\n if (boundary.top > styleTop && childRect.bottom > 12) {\n // 上面\n style.top = boundary.top;\n style.top = Math.max(style.top, top - content.clientHeight + childRect.height / 2);\n }\n else if (styleTop - boundary.top + content.clientHeight > windowHeight &&\n windowHeight - childRect.top > 12) {\n // 向上微调位置，如果child在可视区内的高度小于12，不进行位置调整\n style.top = Math.max(boundary.top, boundary.top + windowHeight - content.clientHeight);\n style.top = Math.max(style.top, top - content.clientHeight + childRect.height / 2);\n }\n }\n if (direction === 'top' && boundary.top > styleTop) {\n // 上面被遮挡\n if (childRect.top < windowHeight - childRect.bottom) {\n // 放到下面\n style.top = Math.min(top + height + (alignTop || 0), boundary.top + windowHeight - content.clientHeight);\n result = true;\n }\n else {\n // 贴顶部边界\n style.top = boundary.top;\n }\n }\n if (direction === 'bottom' && styleTop - boundary.top + content.clientHeight > windowHeight) {\n // 下部分被遮挡\n if (windowHeight - childRect.bottom < childRect.top) {\n // 放到上面\n style.top = Math.max(top - content.clientHeight - (alignBottom || 0), boundary.top);\n result = true;\n }\n else {\n // 贴底边界\n style.top = boundary.top + windowHeight - content.clientHeight;\n }\n }\n if (direction === 'left' && boundary.left > styleLeft) {\n // 左边被遮挡\n if (childRect.left < windowWidth - childRect.right) {\n // 放到右边\n style.left = Math.min(width + left + alignRight, boundary.left + windowWidth - content.clientWidth);\n result = true;\n }\n else {\n style.left = boundary.left;\n }\n }\n if (direction === 'right' && styleLeft - boundary.left + content.clientWidth > windowWidth) {\n // 右边被遮挡\n if (windowWidth - childRect.right < childRect.left) {\n // 放到左边\n style.left = Math.max(left - content.clientWidth - alignLeft, boundary.left);\n result = true;\n }\n else {\n // 贴左边界\n style.left = boundary.left + windowWidth - content.clientWidth;\n }\n }\n // 限制在popupContainer中，左侧最小为 0px\n if (style.left < 0) {\n style.left = 0;\n }\n else {\n // 限制在popupContainer中，左侧最大为 mountContainer.scrollWidth - content.clientWidth，保证弹出层在container内部\n var maxLeft = mountContainer.scrollWidth - content.clientWidth;\n style.left = Math.min(maxLeft, style.left);\n }\n return result;\n };\n var horizontalOffset = popupAlign.horizontalOffset || 0;\n var verticalOffset = popupAlign.verticalOffset || 0;\n switch (props.position) {\n case 'top': {\n style.top = top - content.clientHeight - alignTop;\n style.left = left + width / 2 - content.clientWidth / 2;\n autoPosition('top') && (realPosition = 'bottom');\n style.left += horizontalOffset;\n var arrowLeft_1 = left - Number(style.left) + width / 2;\n arrowStyle.left = getInsideValue(12, content.clientWidth - 12, arrowLeft_1);\n break;\n }\n case 'tl':\n style.top = top - content.clientHeight - alignTop;\n style.left = left;\n autoPosition('top') && (realPosition = 'bl');\n style.left += horizontalOffset;\n var arrowLeft = left - Number(style.left) + Math.min(width / 2, 50);\n arrowStyle.left = getInsideValue(12, content.clientWidth - 12, arrowLeft);\n break;\n case 'tr':\n style.top = -content.clientHeight + top - alignTop;\n style.left = left + width - content.clientWidth;\n autoPosition('top') && (realPosition = 'br');\n style.left += horizontalOffset;\n arrowLeft = left - Number(style.left) + Math.max(width / 2, width - 50);\n arrowStyle.left = getInsideValue(12, content.clientWidth - 12, arrowLeft);\n break;\n case 'bottom': {\n style.top = height + top + alignBottom;\n style.left = left + width / 2 - content.clientWidth / 2;\n autoPosition('bottom') && (realPosition = 'top');\n style.left += horizontalOffset;\n var arrowLeft_2 = left - Number(style.left) + width / 2;\n arrowStyle.left = getInsideValue(12, content.clientWidth - 12, arrowLeft_2);\n break;\n }\n case 'bl':\n style.top = height + top + alignBottom;\n style.left = left;\n autoPosition('bottom') && (realPosition = 'tl');\n style.left += horizontalOffset;\n arrowLeft = left - Number(style.left) + Math.min(width / 2, 50);\n arrowStyle.left = getInsideValue(12, content.clientWidth - 12, arrowLeft);\n break;\n case 'br':\n style.top = height + top + alignBottom;\n style.left = left + width - content.clientWidth;\n autoPosition('bottom') && (realPosition = 'tr');\n style.left += horizontalOffset;\n arrowLeft = left - Number(style.left) + Math.max(width / 2, width - 50);\n arrowStyle.left = getInsideValue(12, content.clientWidth - 12, arrowLeft);\n break;\n case 'left': {\n style.top = top + height / 2 - content.clientHeight / 2;\n style.left = left - content.clientWidth - alignLeft;\n autoPosition('left') && (realPosition = 'right');\n style.top += verticalOffset;\n var arrowTop_1 = top - Number(style.top) + height / 2;\n arrowStyle.top = getInsideValue(12, content.clientHeight - 12, arrowTop_1);\n break;\n }\n case 'lt':\n style.top = top;\n style.left = left - content.clientWidth - alignLeft;\n autoPosition('left') && (realPosition = 'rt');\n style.top += verticalOffset;\n var arrowTop = top - Number(style.top) + Math.min(height / 2, 50);\n arrowStyle.top = getInsideValue(12, content.clientHeight - 12, arrowTop);\n break;\n case 'lb':\n style.top = top + height - content.clientHeight;\n style.left = left - content.clientWidth - alignLeft;\n autoPosition('left') && (realPosition = 'rb');\n style.top += verticalOffset;\n arrowTop = top - Number(style.top) + Math.max(height / 2, height - 50);\n arrowStyle.top = getInsideValue(12, content.clientHeight - 12, arrowTop);\n break;\n case 'right': {\n style.top = top + height / 2 - content.clientHeight / 2;\n style.left = width + left + alignRight;\n autoPosition('right') && (realPosition = 'left');\n style.top += verticalOffset;\n var arrowTop_2 = top - Number(style.top) + height / 2;\n arrowStyle.top = getInsideValue(12, content.clientHeight - 12, arrowTop_2);\n break;\n }\n case 'rt':\n style.top = top;\n style.left = width + left + alignRight;\n autoPosition('right') && (realPosition = 'lt');\n style.top += verticalOffset;\n arrowTop = top - Number(style.top) + Math.min(height / 2, 50);\n arrowStyle.top = getInsideValue(12, content.clientHeight - 12, arrowTop);\n break;\n case 'rb':\n style.top = top + height - content.clientHeight;\n style.left = width + left + alignRight;\n autoPosition('right') && (realPosition = 'lb');\n style.top += verticalOffset;\n arrowTop = top - Number(style.top) + Math.max(height / 2, height - 50);\n arrowStyle.top = getInsideValue(12, content.clientHeight - 12, arrowTop);\n break;\n default:\n break;\n }\n return {\n style: style,\n arrowStyle: arrowStyle,\n realPosition: realPosition,\n };\n});\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nexport default function mergeProps(componentProps, defaultProps, globalComponentConfig) {\n var _defaultProps = __assign(__assign({}, defaultProps), globalComponentConfig);\n var props = __assign({}, componentProps);\n // https://github.com/facebook/react/blob/cae635054e17a6f107a39d328649137b83f25972/packages/react/src/ReactElement.js#L312\n for (var propName in _defaultProps) {\n if (props[propName] === undefined) {\n props[propName] = _defaultProps[propName];\n }\n }\n return props;\n}\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n if (typeof b !== \"function\" && b !== null)\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nimport React, { PureComponent } from 'react';\nimport { findDOMNode } from 'react-dom';\nimport { CSSTransition } from 'react-transition-group';\nimport ResizeObserverPolyfill from 'resize-observer-polyfill';\nimport { on, off, contains, getScrollElements, isScrollElement } from '../_util/dom';\nimport { isFunction } from '../_util/is';\nimport { pickDataAttributes } from '../_util/pick';\nimport { Esc } from '../_util/keycode';\nimport Portal from './portal';\nimport ResizeObserver from '../_util/resizeObserver';\nimport cs from '../_util/classNames';\nimport { ConfigContext } from '../ConfigProvider';\nimport getStyle from './getPopupStyle';\nimport throttleByRaf from '../_util/throttleByRaf';\nimport { raf, caf } from '../_util/raf';\nimport mergeProps from '../_util/mergeProps';\nfunction getDOMPos(dom) {\n if (!dom) {\n return {};\n }\n var _a = dom.getBoundingClientRect(), width = _a.width, height = _a.height, left = _a.left, right = _a.right;\n return {\n width: width,\n height: height,\n left: left,\n right: right,\n };\n}\nexport var EventsByTriggerNeed = [\n 'onClick',\n 'onMouseEnter',\n 'onMouseLeave',\n 'onMouseMove',\n 'onFocus',\n 'onBlur',\n 'onContextMenu',\n 'onKeyDown',\n];\nfunction splitChildrenStyle(obj, keys) {\n var picked = {};\n var omitted = __assign({}, obj);\n keys.forEach(function (key) {\n if (obj && key in obj) {\n picked[key] = obj[key];\n delete omitted[key];\n }\n });\n return { picked: picked, omitted: omitted };\n}\nvar defaultProps = {\n blurToHide: true,\n // clickToClose: true,\n classNames: 'fadeIn',\n trigger: 'hover',\n position: 'bottom',\n duration: 200,\n unmountOnExit: true,\n popupAlign: {},\n popupHoverStay: true,\n clickOutsideToClose: true,\n escToClose: false,\n mouseLeaveToClose: true,\n containerScrollToClose: false,\n getDocument: function () { return window.document; },\n autoFixPosition: true,\n mouseEnterDelay: 100,\n mouseLeaveDelay: 100,\n autoFitPosition: true,\n};\nvar Trigger = /** @class */ (function (_super) {\n __extends(Trigger, _super);\n function Trigger(props, context) {\n var _this = _super.call(this, props, context) || this;\n _this.delayTimer = null;\n _this.updatePositionTimer = null;\n // is popup open?\n _this.popupOpen = false;\n // if mousedown to hide popup, ignore onFocus\n _this.mousedownToHide = false;\n _this.hasPopupMouseDown = false;\n _this.unmount = false;\n _this.isDidMount = false;\n // 保存鼠标的位置\n _this.mouseLocation = {\n clientX: 0,\n clientY: 0,\n };\n // 保存当前的mount container dom元素\n _this.observerContainer = null;\n // 保存当前节点到 popupContainer 间的所有滚动元素\n _this.scrollElements = null;\n // container 触发 resize时执行\n _this.resizeObserver = new ResizeObserverPolyfill(function () {\n _this.handleUpdatePosition();\n });\n _this.childrenDom = null;\n // 保存children节点的尺寸。 主要用于在弹出层动画前和动画完成后比较尺寸是否有变化。\n _this.childrenDomSize = {};\n _this.getMergedProps = function (baseProps) {\n var componentConfig = _this.context.componentConfig;\n var props = mergeProps(baseProps || _this.props, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Trigger);\n return props;\n };\n _this.getRootElement = function () {\n _this.childrenDom = findDOMNode(_this);\n return _this.childrenDom;\n };\n _this.offScrollListeners = function () {\n (_this.scrollElements || []).forEach(function (item) {\n off(item, 'scroll', _this.handleScroll);\n });\n _this.scrollElements = null;\n };\n _this.offWindowResize = function () {\n _this.handleWindowResize = false;\n off(window, 'resize', _this.handleUpdatePosition);\n };\n _this.offContainerResize = function () {\n if (_this.resizeObserver && _this.observerContainer) {\n _this.resizeObserver.unobserve(_this.observerContainer);\n _this.observerContainer = null;\n }\n };\n _this.handleScroll = function () {\n var currentProps = _this.getMergedProps();\n if (currentProps.containerScrollToClose) {\n _this.setPopupVisible(false);\n }\n else if (currentProps.updateOnScroll) {\n _this.handleUpdatePosition();\n }\n };\n _this.onContainersScroll = function (props) {\n var _a, _b;\n if (_this.scrollElements) {\n return;\n }\n _this.scrollElements = getScrollElements(_this.childrenDom, (_a = _this.popupContainer) === null || _a === void 0 ? void 0 : _a.parentNode);\n // 弹出层挂载载 body 且 body 不是滚动元素时，需要额外检测 document.documentElement 是否是滚动元素\n // 默认 html,body 不限制宽高时，滚动事件仅能在 window 上监听\n // fix: https://github.com/arco-design/arco-design/issues/1599\n if (props.containerScrollToClose &&\n ((_b = _this.popupContainer) === null || _b === void 0 ? void 0 : _b.parentNode) === document.body &&\n _this.scrollElements.indexOf(document.body) === -1 &&\n isScrollElement(document.documentElement)) {\n _this.scrollElements.push(window);\n }\n _this.scrollElements.forEach(function (item) {\n on(item, 'scroll', _this.handleScroll);\n });\n };\n _this.onContainerResize = function () {\n var _a;\n // containerParent 相当于是通过getPopupContainer传入的节点\n // 因为 this.popupContainer 会被挂载到getPopupContainer返回的节点上\n var containerParent = (_a = _this.popupContainer) === null || _a === void 0 ? void 0 : _a.parentNode;\n if (_this.resizeObserver && _this.observerContainer !== containerParent) {\n // 说明containerParent变了，取消之前的监听，监听新的container\n _this.offContainerResize();\n containerParent && _this.resizeObserver.observe(containerParent);\n _this.observerContainer = containerParent;\n }\n };\n // getPopupContainer 改变时候触发\n _this.handleUpdatePosition = throttleByRaf(function () {\n _this.updatePopupPosition();\n });\n _this.isClickTrigger = function () {\n var trigger = _this.getMergedProps().trigger;\n return [].concat(trigger).indexOf('click') > -1;\n };\n _this.isFocusTrigger = function () {\n var trigger = _this.getMergedProps().trigger;\n return [].concat(trigger).indexOf('focus') > -1;\n };\n _this.isHoverTrigger = function () {\n var trigger = _this.getMergedProps().trigger;\n return [].concat(trigger).indexOf('hover') > -1;\n };\n _this.isContextMenuTrigger = function () {\n var trigger = _this.getMergedProps().trigger;\n return [].concat(trigger).indexOf('contextMenu') > -1;\n };\n // 是否在鼠标移出触发节点和popup的时候隐藏弹出层\n _this.isMouseLeaveToClose = function () {\n return _this.isHoverTrigger() && _this.getMergedProps().mouseLeaveToClose;\n };\n // 是否在悬浮到popup的时候隐藏弹出层\n _this.isPopupHoverHide = function () {\n return _this.isHoverTrigger() && !_this.getMergedProps().popupHoverStay;\n };\n _this.isClickToHide = function () {\n if (_this.isClickTrigger() || _this.isContextMenuTrigger()) {\n var _a = _this.getMergedProps().clickToClose, clickToClose = _a === void 0 ? true : _a;\n return clickToClose;\n }\n // 2.44.0 及之前版本 clickToClose 对 hover触发不生效。\n // 2.44.1 之后只有在props直接传入clickToClose 时才生效于 hover 触发方式，避免如以下用法前后表现不一致\n //
\n return _this.isHoverTrigger() && _this.props.clickToClose;\n };\n _this.isBlurToHide = function () {\n return _this.isFocusTrigger() && _this.getMergedProps().blurToHide;\n };\n _this.clearTimer = function () {\n if (_this.updatePositionTimer) {\n if (_this.updatePositionTimer.cancel) {\n _this.updatePositionTimer.cancel();\n }\n else {\n clearTimeout(_this.updatePositionTimer);\n _this.updatePositionTimer = null;\n }\n }\n if (_this.delayTimer) {\n clearTimeout(_this.delayTimer);\n _this.delayTimer = null;\n }\n if (_this.mouseDownTimeout) {\n clearTimeout(_this.mouseDownTimeout);\n _this.mouseDownTimeout = null;\n }\n };\n _this.offClickOutside = function () {\n if (_this.handleClickOutside) {\n var getDocument = _this.getMergedProps().getDocument;\n var root = isFunction(getDocument) && getDocument();\n off(root, 'mousedown', _this.onClickOutside);\n _this.handleClickOutside = false;\n }\n };\n _this.getTransformOrigin = function (position) {\n var _a, _b;\n var content = _this.triggerRef;\n if (!content)\n return {};\n var _c = _this.getMergedProps(), showArrow = _c.showArrow, classNames = _c.classNames;\n var top = (showArrow && ((_a = _this.arrowStyle) === null || _a === void 0 ? void 0 : _a.top)) || 0;\n var left = (showArrow && ((_b = _this.arrowStyle) === null || _b === void 0 ? void 0 : _b.left)) || 0;\n top = top ? top + \"px\" : '';\n left = left ? left + \"px\" : '';\n var transformOrigin = {\n top: (left || '50%') + \" 100% 0\",\n tl: (left || '15px') + \" 100% 0\",\n tr: (left || content.clientWidth - 15 + \"px\") + \" 100% 0\",\n bottom: (left || '50%') + \" 0 0\",\n bl: (left || '15px') + \" 0 0\",\n br: (left || content.clientWidth - 15 + \"px\") + \" 0 0\",\n left: \"100% \" + (top || '50%') + \" 0\",\n lt: \"100% \" + (top || '15px') + \" 0\",\n lb: \"100% \" + (top || content.clientHeight - 15 + \"px\") + \" 0\",\n right: \"0 \" + (top || '50%') + \" 0\",\n rt: \"0 \" + (top || '15px') + \" 0\",\n rb: \"0 \" + (top || content.clientHeight - 15 + \"px\") + \" 0\",\n };\n // tooltip popover popconfirm\n if (classNames && classNames.indexOf('zoom') > -1) {\n return {\n transformOrigin: transformOrigin[position],\n };\n }\n if (classNames === 'slideDynamicOrigin') {\n var origin_1 = '0% 0%';\n if (['top', 'tl', 'tr'].indexOf(position) > -1) {\n origin_1 = '100% 100%';\n }\n return {\n transformOrigin: origin_1,\n };\n }\n return {};\n };\n // 下拉框存在初始translateY/translateX，需要根据真实的弹出位置确定\n _this.getTransformTranslate = function () {\n if (_this.getMergedProps().classNames !== 'slideDynamicOrigin') {\n return '';\n }\n switch (_this.realPosition) {\n case 'bottom':\n case 'bl':\n case 'br':\n return 'scaleY(0.9) translateY(-4px)';\n case 'top':\n case 'tl':\n case 'tr':\n return 'scaleY(0.9) translateY(4px)';\n default:\n return '';\n }\n };\n _this.getPopupStyle = function () {\n if (_this.unmount || !_this.popupContainer) {\n return;\n }\n var mountContainer = _this.popupContainer;\n var content = _this.triggerRef;\n var child = _this.getRootElement();\n // offsetParent=null when display:none or position: fixed\n if (!child.offsetParent && !child.getClientRects().length) {\n return _this.state.popupStyle;\n }\n var _a = getStyle(_this.getMergedProps(), content, child, mountContainer, _this.mouseLocation), style = _a.style, arrowStyle = _a.arrowStyle, realPosition = _a.realPosition;\n _this.realPosition = realPosition || _this.getMergedProps().position;\n _this.arrowStyle = arrowStyle || {};\n return __assign(__assign({}, style), _this.getTransformOrigin(_this.realPosition));\n };\n _this.showPopup = function (callback) {\n if (callback === void 0) { callback = function () { }; }\n var popupStyle = _this.getPopupStyle();\n _this.setState({\n popupStyle: popupStyle,\n }, callback);\n };\n _this.update = throttleByRaf(function (callback) {\n if (_this.unmount || !_this.state.popupVisible) {\n return;\n }\n var popupStyle = _this.getPopupStyle();\n _this.setState({\n popupStyle: popupStyle,\n }, function () {\n callback && callback();\n });\n });\n _this.updatePopupPosition = function (delay, callback) {\n if (delay === void 0) { delay = 0; }\n var currentVisible = _this.state.popupVisible;\n if (!currentVisible) {\n return;\n }\n if (delay < 4) {\n _this.updatePositionTimer = _this.update(callback);\n return;\n }\n _this.updatePositionTimer = setTimeout(function () {\n var popupStyle = _this.getPopupStyle();\n _this.setState({\n popupStyle: popupStyle,\n }, function () {\n callback && callback();\n });\n }, delay);\n };\n _this.setPopupVisible = function (visible, delay, callback) {\n if (delay === void 0) { delay = 0; }\n var mergedProps = _this.getMergedProps();\n var onVisibleChange = mergedProps.onVisibleChange;\n var currentVisible = _this.state.popupVisible;\n if (visible !== currentVisible) {\n _this.delayToDo(delay, function () {\n onVisibleChange && onVisibleChange(visible);\n if (!('popupVisible' in mergedProps)) {\n if (visible) {\n _this.setState({\n popupVisible: true,\n }, function () {\n _this.showPopup(callback);\n });\n }\n else {\n _this.setState({\n popupVisible: false,\n }, function () {\n callback && callback();\n });\n }\n }\n else {\n callback && callback();\n }\n });\n }\n else {\n callback && callback();\n }\n };\n _this.delayToDo = function (delay, callback) {\n if (delay) {\n _this.clearDelayTimer();\n _this.delayTimer = setTimeout(function () {\n callback();\n _this.clearDelayTimer();\n }, delay);\n }\n else {\n callback();\n }\n };\n // 点击非popup内部，非children内部的节点，触发clickoutside 逻辑\n _this.onClickOutside = function (e) {\n var _a = _this.getMergedProps(), onClickOutside = _a.onClickOutside, clickOutsideToClose = _a.clickOutsideToClose;\n var triggerNode = _this.triggerRef;\n var childrenDom = _this.getRootElement();\n if (!contains(triggerNode, e.target) &&\n !contains(childrenDom, e.target) &&\n !_this.hasPopupMouseDown) {\n onClickOutside && onClickOutside();\n if (clickOutsideToClose) {\n // 以下判断条件避免onVisibleChange触发两次\n // blurToHide 为true时不需要执行，因为onBlur里会执行setPopupVisible\n // hover 触发方式，不执行以下逻辑。因为mouseLeave里会执行setPopupVisible\n if (!_this.isBlurToHide() && !_this.isHoverTrigger()) {\n _this.setPopupVisible(false);\n }\n }\n }\n };\n _this.onKeyDown = function (e) {\n var keyCode = e.keyCode || e.which;\n _this.triggerPropsEvent('onKeyDown', e);\n if (keyCode === Esc.code) {\n _this.onPressEsc(e);\n }\n };\n _this.onPressEsc = function (e) {\n var escToClose = _this.getMergedProps().escToClose;\n if (escToClose && e && e.key === Esc.key && _this.state.popupVisible) {\n _this.setPopupVisible(false);\n }\n };\n _this.onMouseEnter = function (e) {\n var mouseEnterDelay = _this.getMergedProps().mouseEnterDelay;\n _this.triggerPropsEvent('onMouseEnter', e);\n _this.clearDelayTimer();\n _this.setPopupVisible(true, mouseEnterDelay || 0);\n };\n _this.onMouseMove = function (e) {\n _this.triggerPropsEvent('onMouseMove', e);\n _this.setMouseLocation(e);\n if (_this.state.popupVisible) {\n _this.update();\n }\n };\n _this.onMouseLeave = function (e) {\n var mouseLeaveDelay = _this.getMergedProps().mouseLeaveDelay;\n _this.clearDelayTimer();\n _this.triggerPropsEvent('onMouseLeave', e);\n if (_this.isMouseLeaveToClose()) {\n if (_this.state.popupVisible) {\n _this.setPopupVisible(false, mouseLeaveDelay || 0);\n }\n }\n };\n _this.onPopupMouseEnter = function () {\n _this.clearDelayTimer();\n };\n _this.onPopupMouseLeave = function (e) {\n _this.onMouseLeave(e);\n };\n _this.setMouseLocation = function (e) {\n if (_this.getMergedProps().alignPoint) {\n _this.mouseLocation = {\n clientX: e.clientX,\n clientY: e.clientY,\n };\n }\n };\n _this.onContextMenu = function (e) {\n e.preventDefault();\n _this.triggerPropsEvent('onContextMenu', e);\n _this.setMouseLocation(e);\n if (!_this.state.popupVisible) {\n _this.setPopupVisible(true, 0);\n }\n else {\n // 更新位置\n _this.getMergedProps().alignPoint && _this.update();\n }\n };\n _this.clickToHidePopup = function (e) {\n var popupVisible = _this.state.popupVisible;\n if (popupVisible) {\n _this.mousedownToHide = true;\n }\n _this.triggerPropsEvent('onClick', e);\n if (_this.isClickToHide() && popupVisible) {\n _this.setPopupVisible(!popupVisible, 0);\n }\n };\n _this.onClick = function (e) {\n var popupVisible = _this.state.popupVisible;\n if (popupVisible) {\n _this.mousedownToHide = true;\n }\n _this.triggerPropsEvent('onClick', e);\n _this.setMouseLocation(e);\n if (!_this.isClickToHide() && popupVisible) {\n return;\n }\n _this.setPopupVisible(!popupVisible, 0);\n };\n _this.onFocus = function (e) {\n var focusDelay = _this.getMergedProps().focusDelay;\n var onFocus = function () {\n _this.triggerPropsEvent('onFocus', e);\n };\n _this.clearDelayTimer();\n if (!_this.mousedownToHide) {\n if (_this.state.popupVisible) {\n onFocus && onFocus();\n }\n else {\n _this.setPopupVisible(true, focusDelay || 0, onFocus);\n }\n }\n _this.mousedownToHide = false;\n };\n _this.onBlur = function (e) {\n _this.setPopupVisible(false, 200, function () { return _this.triggerPropsEvent('onBlur', e); });\n };\n _this.onResize = function () {\n if (_this.getMergedProps().autoFixPosition && _this.state.popupVisible) {\n _this.updatePopupPosition();\n }\n };\n _this.onPopupMouseDown = function () {\n _this.hasPopupMouseDown = true;\n clearTimeout(_this.mouseDownTimeout);\n _this.mouseDownTimeout = setTimeout(function () {\n _this.hasPopupMouseDown = false;\n }, 0);\n };\n // 当 children 中的元素 disabled 时，不能正确触发 hover 等事件，所以当监测到对应\n // 组件有 disabled 时，给元素加一层 span，处理事件，模拟样式\n _this.getChild = function () {\n var _a;\n var children = _this.props.children;\n var element = children;\n var elementType = (element && typeof element !== 'string' && element.type);\n var child = children;\n if (['string', 'number'].indexOf(typeof children) > -1 || React.Children.count(children) > 1) {\n child = React.createElement(\"span\", null, children);\n }\n else if (element &&\n elementType &&\n (elementType.__BYTE_BUTTON === true ||\n elementType.__BYTE_CHECKBOX === true ||\n elementType.__BYTE_SWITCH === true ||\n elementType.__BYTE_RADIO === true ||\n elementType === 'button') &&\n element.props.disabled) {\n // 从样式中提取出会影响布局的到上层 span 样式中。\n var _b = splitChildrenStyle(element.props.style, [\n 'position',\n 'left',\n 'right',\n 'top',\n 'bottom',\n 'float',\n 'display',\n 'zIndex',\n ]), picked = _b.picked, omitted = _b.omitted;\n child = (React.createElement(\"span\", { className: (_a = element.props) === null || _a === void 0 ? void 0 : _a.className, style: __assign(__assign({ display: 'inline-block' }, picked), { cursor: 'not-allowed' }) }, React.cloneElement(element, {\n style: __assign(__assign({}, omitted), { pointerEvents: 'none' }),\n className: undefined,\n })));\n }\n // 防止为空报错\n return child || React.createElement(\"span\", null);\n };\n // 创建的dom节点插入getPopupContainer。\n _this.appendToContainer = function (node) {\n caf(_this.rafId);\n if (_this.isDidMount) {\n var getGlobalPopupContainer = _this.context.getPopupContainer;\n var getPopupContainer = _this.getMergedProps().getPopupContainer;\n var gpc = getPopupContainer || getGlobalPopupContainer;\n var rootElement = _this.getRootElement();\n var parent_1 = gpc(rootElement);\n if (parent_1) {\n parent_1.appendChild(node);\n return;\n }\n }\n _this.rafId = raf(function () {\n _this.appendToContainer(node);\n });\n };\n _this.getContainer = function () {\n var popupContainer = document.createElement('div');\n popupContainer.style.width = '100%';\n popupContainer.style.position = 'absolute';\n popupContainer.style.top = '0';\n popupContainer.style.left = '0';\n _this.popupContainer = popupContainer;\n _this.appendToContainer(popupContainer);\n return popupContainer;\n };\n // 1. 触发直接附加到 Trigger 上的事件，大多是Trigger直接嵌套Trigger的情况\n // 2. 触发children上直接被附加的事件\n _this.triggerPropsEvent = function (eventName, e) {\n var child = _this.getChild();\n var childHandler = child && child.props && child.props[eventName];\n var props = _this.getMergedProps();\n if (isFunction(childHandler)) {\n childHandler(e);\n }\n if (isFunction(props[eventName])) {\n props[eventName](e);\n }\n };\n // 触发 children/ trigger 组件上被附加的事件\n _this.triggerOriginEvent = function (eventName) {\n var child = _this.getChild();\n var childHandler = child && child.props && child.props[eventName];\n var propsHandler = _this.getMergedProps()[eventName];\n if (isFunction(propsHandler) && isFunction(childHandler)) {\n return function (e) {\n childHandler(e);\n propsHandler(e);\n };\n }\n return childHandler || propsHandler;\n };\n var mergedProps = _this.getMergedProps(props);\n var popupVisible = 'popupVisible' in mergedProps ? mergedProps.popupVisible : mergedProps.defaultPopupVisible;\n _this.popupOpen = !!popupVisible;\n _this.state = {\n popupVisible: !!popupVisible,\n popupStyle: {},\n };\n return _this;\n }\n Trigger.getDerivedStateFromProps = function (nextProps, state) {\n if ('popupVisible' in nextProps && nextProps.popupVisible !== state.popupVisible) {\n return {\n popupVisible: nextProps.popupVisible,\n };\n }\n return null;\n };\n Trigger.prototype.componentDidMount = function () {\n this.componentDidUpdate(this.getMergedProps());\n this.isDidMount = true;\n this.unmount = false;\n this.childrenDom = this.getRootElement();\n if (this.state.popupVisible) {\n this.childrenDomSize = getDOMPos(this.childrenDom);\n }\n };\n Trigger.prototype.componentDidUpdate = function (_prevProps) {\n var prevProps = this.getMergedProps(_prevProps);\n var currentProps = this.getMergedProps();\n if (!prevProps.popupVisible && currentProps.popupVisible) {\n this.update();\n }\n var popupVisible = this.state.popupVisible;\n this.popupOpen = popupVisible;\n var getDocument = currentProps.getDocument;\n if (!popupVisible) {\n this.offClickOutside();\n this.offContainerResize();\n this.offWindowResize();\n this.offScrollListeners();\n return;\n }\n var rect = getDOMPos(this.childrenDom);\n // children节点的尺寸改变，主要是处理children 存在scale等动画属性，或者移动位置的时候，popup 的位置有问题\n if (JSON.stringify(rect) !== JSON.stringify(this.childrenDomSize)) {\n this.updatePopupPosition();\n this.childrenDomSize = rect;\n }\n // popupVisible为true\n this.onContainerResize();\n if (currentProps.updateOnScroll || currentProps.containerScrollToClose) {\n this.onContainersScroll(currentProps);\n }\n if (!this.handleWindowResize) {\n on(window, 'resize', this.handleUpdatePosition);\n this.handleWindowResize = true;\n }\n if (!this.handleClickOutside) {\n var root = isFunction(getDocument) && getDocument();\n if (root) {\n // clickOutside 必须监听mousedown。\n // 1. 如果事件目标元素在click后被移除，document.onclick被触发时已经没有该元素，会错误触发clickOutside逻辑，隐藏popup。\n // 2. 点击label标签，会触发对应input元素的点击事件，导致触发clickOutside，隐藏popup。\n on(root, 'mousedown', this.onClickOutside);\n this.handleClickOutside = true;\n }\n }\n };\n Trigger.prototype.componentWillUnmount = function () {\n this.unmount = true;\n this.offClickOutside();\n this.clearTimer();\n this.offWindowResize();\n this.offScrollListeners();\n this.offContainerResize();\n caf(this.rafId);\n };\n Trigger.prototype.clearDelayTimer = function () {\n if (this.delayTimer) {\n clearTimeout(this.delayTimer);\n this.delayTimer = null;\n }\n };\n Trigger.prototype.render = function () {\n var _a, _b, _c;\n var _this = this;\n var _d;\n var _e = this.getMergedProps(), children = _e.children, style = _e.style, className = _e.className, arrowProps = _e.arrowProps, disabled = _e.disabled, popup = _e.popup, classNames = _e.classNames, duration = _e.duration, unmountOnExit = _e.unmountOnExit, alignPoint = _e.alignPoint, autoAlignPopupWidth = _e.autoAlignPopupWidth, position = _e.position, childrenPrefix = _e.childrenPrefix, showArrow = _e.showArrow, dropdownPopupStyle = _e.popupStyle, __onExit = _e.__onExit, __onExited = _e.__onExited;\n var isExistChildren = children || children === 0;\n var _f = this.context, getPrefixCls = _f.getPrefixCls, zIndex = _f.zIndex, rtl = _f.rtl;\n var _g = this.state, popupVisible = _g.popupVisible, popupStyle = _g.popupStyle;\n if (!popup) {\n return null;\n }\n var mergeProps = {};\n var popupEventProps = {\n onMouseDown: this.onPopupMouseDown,\n };\n if (this.isHoverTrigger() && !disabled) {\n mergeProps.onMouseEnter = this.onMouseEnter;\n mergeProps.onMouseLeave = this.onMouseLeave;\n // https://github.com/arco-design/arco-design/issues/1804\n // TODO: remove login in next major version\n if (this.isClickToHide()) {\n mergeProps.onClick = this.clickToHidePopup;\n }\n if (alignPoint) {\n mergeProps.onMouseMove = this.onMouseMove;\n }\n if (!this.isPopupHoverHide()) {\n popupEventProps.onMouseEnter = this.onPopupMouseEnter;\n popupEventProps.onMouseLeave = this.onPopupMouseLeave;\n }\n }\n else {\n mergeProps.onMouseEnter = this.triggerOriginEvent('onMouseEnter');\n mergeProps.onMouseLeave = this.triggerOriginEvent('onMouseLeave');\n }\n if (this.isContextMenuTrigger() && !disabled) {\n mergeProps.onContextMenu = this.onContextMenu;\n mergeProps.onClick = this.clickToHidePopup;\n }\n else {\n mergeProps.onContextMenu = this.triggerOriginEvent('onContextMenu');\n }\n if (this.isClickTrigger() && !disabled) {\n mergeProps.onClick = this.onClick;\n }\n else {\n mergeProps.onClick = mergeProps.onClick || this.triggerOriginEvent('onClick');\n }\n if (this.isFocusTrigger() && !disabled) {\n mergeProps.onFocus = this.onFocus;\n if (this.isBlurToHide()) {\n mergeProps.onBlur = this.onBlur;\n }\n }\n else {\n mergeProps.onFocus = this.triggerOriginEvent('onFocus');\n mergeProps.onBlur = this.triggerOriginEvent('onBlur');\n }\n if (!disabled) {\n mergeProps.onKeyDown = this.onKeyDown;\n }\n else {\n mergeProps.onKeyDown = this.triggerOriginEvent('onKeyDown');\n }\n var child = this.getChild();\n var popupChildren = React.Children.only(popup());\n if (child.props.className) {\n mergeProps.className = child.props.className;\n }\n if (childrenPrefix && popupVisible) {\n mergeProps.className = mergeProps.className\n ? mergeProps.className + \" \" + childrenPrefix + \"-open\"\n : childrenPrefix + \"-open\";\n }\n // 只有在focus触发时，设置tabIndex，点击tab键，能触发focus事件，展示弹出框\n if (this.isFocusTrigger()) {\n mergeProps.tabIndex = disabled ? -1 : 0;\n }\n var prefixCls = getPrefixCls('trigger');\n var popupClassName = cs(prefixCls, childrenPrefix, prefixCls + \"-position-\" + position, (_a = {}, _a[prefixCls + \"-rtl\"] = rtl, _a), className);\n var childrenComponent = isExistChildren && (React.createElement(ResizeObserver, { onResize: this.onResize }, React.cloneElement(child, __assign({}, mergeProps))));\n var portalContent = (React.createElement(CSSTransition, { in: !!popupVisible, timeout: duration, classNames: classNames, unmountOnExit: unmountOnExit, appear: true, mountOnEnter: true, onEnter: function (e) {\n e.style.display = 'initial';\n e.style.pointerEvents = 'none';\n if (classNames === 'slideDynamicOrigin') {\n // 下拉菜单\n e.style.transform = _this.getTransformTranslate();\n }\n }, onEntering: function (e) {\n if (classNames === 'slideDynamicOrigin') {\n // 下拉菜单\n e.style.transform = '';\n }\n }, onEntered: function (e) {\n e.style.pointerEvents = 'auto';\n _this.forceUpdate();\n }, onExit: function (e) {\n // 避免消失动画时对元素的快速点击触发意外的操作\n e.style.pointerEvents = 'none';\n __onExit === null || __onExit === void 0 ? void 0 : __onExit(e);\n }, onExited: function (e) {\n e.style.display = 'none';\n // 这里立即设置为null是为了在setState popupStyle引起重新渲染时，能触发 Portal的卸载事件。移除父节点。\n // 否则只有在下个循环中 triggerRef 才会变为null，需要重新forceUpdate，才能触发Portal的unmount。\n if (unmountOnExit) {\n _this.triggerRef = null;\n }\n _this.setState({ popupStyle: {} });\n __onExited === null || __onExited === void 0 ? void 0 : __onExited(e);\n } },\n React.createElement(ResizeObserver, { onResize: function () {\n var target = _this.triggerRef;\n if (target) {\n // Avoid the flickering problem caused by the size change and positioning not being recalculated in time.\n // TODO: Consider changing the popup style directly in the next major version\n var popupStyle_1 = _this.getPopupStyle();\n var style_1 = _this.props.style || {};\n target.style.top = String(style_1.top || popupStyle_1.top + \"px\");\n target.style.left = String(style_1.left || popupStyle_1.left + \"px\");\n }\n _this.onResize();\n } },\n React.createElement(\"span\", __assign({ ref: function (node) { return (_this.triggerRef = node); }, \"trigger-placement\": this.realPosition, style: __assign(__assign(__assign({ width: autoAlignPopupWidth && (style === null || style === void 0 ? void 0 : style.width) === undefined\n ? (_d = this.childrenDomSize) === null || _d === void 0 ? void 0 : _d.width\n : '' }, popupStyle), { position: 'absolute', zIndex: zIndex || '' }), style) }, popupEventProps, { className: popupClassName }, pickDataAttributes(this.props)),\n React.createElement(popupChildren.type, __assign({ ref: popupChildren.ref }, popupChildren.props, { style: __assign(__assign({}, popupChildren.props.style), dropdownPopupStyle) })),\n (showArrow || arrowProps) && (React.createElement(\"div\", { className: cs(prefixCls + \"-arrow-container\", (_b = {},\n _b[childrenPrefix + \"-arrow-container\"] = childrenPrefix,\n _b)) },\n React.createElement(\"div\", __assign({}, arrowProps, { className: cs(prefixCls + \"-arrow\", (_c = {},\n _c[childrenPrefix + \"-arrow\"] = childrenPrefix,\n _c), arrowProps === null || arrowProps === void 0 ? void 0 : arrowProps.className), style: __assign(__assign({}, this.arrowStyle), arrowProps === null || arrowProps === void 0 ? void 0 : arrowProps.style) }))))))));\n // 如果 triggerRef 不存在，说明弹出层内容被销毁，可以隐藏portal。\n var portal = popupVisible || this.triggerRef ? (React.createElement(Portal, { getContainer: this.getContainer }, portalContent)) : null;\n return isExistChildren ? (React.createElement(React.Fragment, null,\n childrenComponent,\n portal)) : (portal);\n };\n Trigger.displayName = 'Trigger';\n Trigger.contextType = ConfigContext;\n return Trigger;\n}(PureComponent));\nexport default Trigger;\n","import React, { useContext, forwardRef } from 'react';\nimport cs from '../_util/classNames';\nimport { ConfigContext } from '../ConfigProvider';\nfunction Typography(props, ref) {\n var getPrefixCls = useContext(ConfigContext).getPrefixCls;\n var prefixCls = getPrefixCls('typography');\n var className = props.className, style = props.style, children = props.children;\n var classNames = cs(prefixCls, className);\n return (React.createElement(\"article\", { ref: ref, style: style, className: classNames }, children));\n}\nvar TypographyComponent = forwardRef(Typography);\nTypographyComponent.displayName = 'Typography';\nexport default TypographyComponent;\n","// https://github.com/feross/clipboard-copy/blob/master/index.js\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nvar __generator = (this && this.__generator) || function (thisArg, body) {\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n function verb(n) { return function (v) { return step([n, v]); }; }\n function step(op) {\n if (f) throw new TypeError(\"Generator is already executing.\");\n while (_) try {\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n if (y = 0, t) op = [op[0] & 2, t.value];\n switch (op[0]) {\n case 0: case 1: t = op; break;\n case 4: _.label++; return { value: op[1], done: false };\n case 5: _.label++; y = op[1]; op = [0]; continue;\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\n default:\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n if (t[2]) _.ops.pop();\n _.trys.pop(); continue;\n }\n op = body.call(thisArg, _);\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n }\n};\nexport default function clipboard(text) {\n return __awaiter(this, void 0, void 0, function () {\n var err_1, span, selection, range, success;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0:\n if (!(navigator.clipboard && navigator.clipboard.writeText)) return [3 /*break*/, 4];\n _a.label = 1;\n case 1:\n _a.trys.push([1, 3, , 4]);\n return [4 /*yield*/, navigator.clipboard.writeText(text)];\n case 2:\n _a.sent();\n // 仅在执行成功时返回\n return [2 /*return*/];\n case 3:\n err_1 = _a.sent();\n console.error(err_1 !== null && err_1 !== void 0 ? err_1 : new DOMException('The request is not allowed', 'NotAllowedError'));\n return [3 /*break*/, 4];\n case 4:\n span = document.createElement('span');\n span.textContent = text;\n span.style.whiteSpace = 'pre';\n document.body.appendChild(span);\n selection = window.getSelection();\n range = window.document.createRange();\n selection.removeAllRanges();\n range.selectNode(span);\n selection.addRange(range);\n success = false;\n try {\n success = window.document.execCommand('copy');\n }\n catch (err) {\n // eslint-disable-next-line\n console.log('error', err);\n }\n selection.removeAllRanges();\n window.document.body.removeChild(span);\n return [2 /*return*/, success\n ? Promise.resolve()\n : Promise.reject(new DOMException('The request is not allowed', 'NotAllowedError'))];\n }\n });\n });\n}\n","import _extends from \"@babel/runtime/helpers/extends\";\nimport React, { useContext } from 'react';\nimport { IconContext } from '../context';\n\nfunction IconCopyComponent(iconProps, ref) {\n const _useContext = useContext(IconContext),\n _useContext$prefixCls = _useContext.prefixCls,\n prefixCls = _useContext$prefixCls === void 0 ? 'arco' : _useContext$prefixCls;\n\n const spin = iconProps.spin,\n className = iconProps.className;\n const props = {\n \"aria-hidden\": true,\n focusable: false,\n ref,\n ...iconProps,\n className: `${className ? className + ' ' : ''}${prefixCls}-icon ${prefixCls}-icon-copy`\n };\n\n if (spin) {\n props.className = `${props.className} ${prefixCls}-icon-loading`;\n }\n\n delete props.spin;\n delete props.isIcon;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"4\",\n viewBox: \"0 0 48 48\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M20 6h18a2 2 0 0 1 2 2v22M8 16v24c0 1.105.891 2 1.996 2h20.007A1.99 1.99 0 0 0 32 40.008V15.997A1.997 1.997 0 0 0 30 14H10a2 2 0 0 0-2 2Z\"\n }));\n}\n\nconst IconCopy = /*#__PURE__*/React.forwardRef(IconCopyComponent);\nIconCopy.defaultProps = {\n isIcon: true\n};\nIconCopy.displayName = 'IconCopy';\nexport default IconCopy;","import _extends from \"@babel/runtime/helpers/extends\";\nimport React, { useContext } from 'react';\nimport { IconContext } from '../context';\n\nfunction IconEditComponent(iconProps, ref) {\n const _useContext = useContext(IconContext),\n _useContext$prefixCls = _useContext.prefixCls,\n prefixCls = _useContext$prefixCls === void 0 ? 'arco' : _useContext$prefixCls;\n\n const spin = iconProps.spin,\n className = iconProps.className;\n const props = {\n \"aria-hidden\": true,\n focusable: false,\n ref,\n ...iconProps,\n className: `${className ? className + ' ' : ''}${prefixCls}-icon ${prefixCls}-icon-edit`\n };\n\n if (spin) {\n props.className = `${props.className} ${prefixCls}-icon-loading`;\n }\n\n delete props.spin;\n delete props.isIcon;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"4\",\n viewBox: \"0 0 48 48\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n d: \"m30.48 19.038 5.733-5.734a1 1 0 0 0 0-1.414l-5.586-5.586a1 1 0 0 0-1.414 0l-5.734 5.734m7 7L15.763 33.754a1 1 0 0 1-.59.286l-6.048.708a1 1 0 0 1-1.113-1.069l.477-6.31a1 1 0 0 1 .29-.631l14.7-14.7m7 7-7-7M6 42h36\"\n }));\n}\n\nconst IconEdit = /*#__PURE__*/React.forwardRef(IconEditComponent);\nIconEdit.defaultProps = {\n isIcon: true\n};\nIconEdit.displayName = 'IconEdit';\nexport default IconEdit;","/** merge multiple children to a string node */\nimport React from 'react';\nimport { isString, isNumber } from './is';\nvar isSingleNode = function (child) {\n return isString(child) || isNumber(child);\n};\nexport default function mergedToString(children) {\n var mergedResult = [''];\n React.Children.forEach(children, function (child) {\n var prevIndex = mergedResult.length - 1;\n var prevChild = mergedResult[prevIndex];\n if (isSingleNode(child) && isSingleNode(prevChild)) {\n mergedResult[prevIndex] = \"\" + prevChild + child;\n }\n else if (child && child.props && child.props.children) {\n mergedResult.push(mergedToString(child.props.children));\n }\n });\n return mergedResult.join('');\n}\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { useState, useRef, useEffect } from 'react';\nimport useKeyboardEvent from '../_util/hooks/useKeyboardEvent';\nimport Tooltip from '../Tooltip';\nimport { isObject, isArray } from '../_util/is';\nimport copy from '../_util/clipboard';\nimport IconCopy from '../../icon/react-icon/IconCopy';\nimport IconCheckCircleFill from '../../icon/react-icon/IconCheckCircleFill';\nimport IconEdit from '../../icon/react-icon/IconEdit';\nimport mergedToString from '../_util/mergedToString';\nexport default function Operations(props) {\n var children = props.children, copyable = props.copyable, editable = props.editable, ellipsis = props.ellipsis, expanding = props.expanding, setEditing = props.setEditing, onClickExpand = props.onClickExpand, forceShowExpand = props.forceShowExpand, isEllipsis = props.isEllipsis, _a = props.currentContext, currentContext = _a === void 0 ? {} : _a;\n var getEventListeners = useKeyboardEvent();\n var getPrefixCls = currentContext.getPrefixCls, locale = currentContext.locale;\n var prefixCls = getPrefixCls('typography');\n var _b = __read(useState(false), 2), isCopied = _b[0], setCopied = _b[1];\n var copyTimer = useRef(null);\n var copyConfig = isObject(copyable) ? copyable : {};\n var ellipsisConfig = isObject(ellipsis) ? ellipsis : {};\n var editableConfig = isObject(editable) ? editable : {};\n var expandNodes = isArray(ellipsisConfig.expandNodes)\n ? ellipsisConfig.expandNodes\n : [locale.Typography.fold, locale.Typography.unfold];\n useEffect(function () {\n return function () {\n clearTimeout(copyTimer.current);\n copyTimer.current = null;\n };\n }, []);\n function onClickCopy(e) {\n if (isCopied)\n return;\n var text = copyConfig.text !== undefined ? copyConfig.text : mergedToString(children);\n copy(text);\n setCopied(true);\n copyConfig.onCopy && copyConfig.onCopy(text, e);\n copyTimer.current = setTimeout(function () {\n setCopied(false);\n }, 3000);\n }\n var onClickEdit = function (e) {\n editableConfig.onStart && editableConfig.onStart(mergedToString(children), e);\n setEditing(true);\n };\n var tooltips = copyConfig.tooltips || [locale.Typography.copy, locale.Typography.copied];\n var copyElement = copyable && (React.createElement(Tooltip, { content: isCopied ? tooltips[1] : tooltips[0] },\n React.createElement(\"span\", __assign({ className: isCopied ? prefixCls + \"-operation-copied\" : prefixCls + \"-operation-copy\", onClick: onClickCopy, role: \"button\", \"aria-label\": tooltips[0], tabIndex: 0 }, getEventListeners({\n onPressEnter: onClickCopy,\n })), isCopied ? React.createElement(IconCheckCircleFill, null) : copyConfig.icon || React.createElement(IconCopy, null))));\n var editElement = editable && (React.createElement(Tooltip, { content: locale.Typography.edit },\n React.createElement(\"span\", __assign({ tabIndex: 0, \"aria-label\": locale.Typography.edit, role: \"button\", className: prefixCls + \"-operation-edit\", onClick: onClickEdit }, getEventListeners({\n onPressEnter: onClickEdit,\n })),\n React.createElement(IconEdit, null))));\n var ellipsisElement = forceShowExpand || (ellipsisConfig.expandable && isEllipsis) ? (React.createElement(\"a\", __assign({ className: prefixCls + \"-operation-expand\", onClick: onClickExpand, role: \"button\", tabIndex: 0, \"aria-label\": locale.Typography.unfold }, getEventListeners({\n onPressEnter: onClickExpand,\n })), expanding ? expandNodes[0] : expandNodes[1])) : null;\n return (React.createElement(React.Fragment, null,\n ellipsisElement,\n editElement,\n copyElement));\n}\n","import React, { useEffect, useRef } from 'react';\nimport cs from '../_util/classNames';\nimport Input from '../Input';\nimport mergedToString from '../_util/mergedToString';\nexport default function EditContent(props) {\n var prefixCls = props.prefixCls, children = props.children, setEditing = props.setEditing, editableConfig = props.editableConfig;\n var className = cs(prefixCls + \"-typography\", prefixCls + \"-edit-content\");\n var str = mergedToString(children);\n var input = useRef(null);\n useEffect(function () {\n input.current && input.current.focus && input.current.focus();\n if (input.current && input.current.dom) {\n var length_1 = input.current.dom.value.length;\n input.current.dom.setSelectionRange(length_1, length_1);\n }\n }, []);\n function onEnd() {\n setEditing(false);\n editableConfig.onEnd && editableConfig.onEnd(str);\n }\n function onChange(value) {\n editableConfig.onChange && editableConfig.onChange(value);\n }\n function onBlur() {\n onEnd();\n }\n return (React.createElement(\"div\", { className: className },\n React.createElement(Input.TextArea, { onBlur: onBlur, ref: input, value: str, autoSize: true, onChange: onChange, onPressEnter: onEnd })));\n}\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { useMemo, useRef, useState } from 'react';\nimport useUpdate from '../_util/hooks/useUpdate';\nimport throttleByRaf from '../_util/throttleByRaf';\nimport { isNumber, isString } from '../_util/is';\nimport useIsomorphicLayoutEffect from '../_util/hooks/useIsomorphicLayoutEffect';\n// line-height baseline\nvar MEASURE_LINE_HEIGHT_TEXT = 'hxj';\nexport var MEASURE_STATUS;\n(function (MEASURE_STATUS) {\n MEASURE_STATUS[MEASURE_STATUS[\"INIT\"] = 0] = \"INIT\";\n MEASURE_STATUS[MEASURE_STATUS[\"BEFORE_MEASURE\"] = 1] = \"BEFORE_MEASURE\";\n MEASURE_STATUS[MEASURE_STATUS[\"MEASURING\"] = 2] = \"MEASURING\";\n MEASURE_STATUS[MEASURE_STATUS[\"MEASURE_END\"] = 3] = \"MEASURE_END\";\n MEASURE_STATUS[MEASURE_STATUS[\"NO_NEED_ELLIPSIS\"] = 4] = \"NO_NEED_ELLIPSIS\";\n})(MEASURE_STATUS || (MEASURE_STATUS = {}));\nfunction useEllipsis(props) {\n var children = props.children, _a = props.rows, rows = _a === void 0 ? 1 : _a, width = props.width, expanding = props.expanding, renderMeasureContent = props.renderMeasureContent, simpleEllipsis = props.simpleEllipsis, onEllipsis = props.onEllipsis, suffix = props.suffix, expandNodes = props.expandNodes, expandable = props.expandable, ellipsisStr = props.ellipsisStr;\n var singleRowNode = useRef();\n var mirrorNode = useRef();\n var _b = __read(useState([0, 0, 0]), 2), binarySearchIndex = _b[0], setBinarySearchIndex = _b[1];\n var _c = __read(useState(0), 2), lineHeight = _c[0], setLineHeight = _c[1];\n var _d = __read(useState(MEASURE_STATUS.NO_NEED_ELLIPSIS), 2), status = _d[0], setStatus = _d[1];\n var _e = __read(binarySearchIndex, 3), startLoc = _e[0], midLoc = _e[1], endLoc = _e[2];\n var _f = __read(useState(false), 2), isEllipsis = _f[0], setIsEllipsis = _f[1];\n var nodeList = useMemo(function () { return React.Children.toArray(children); }, [children]);\n var closedLoc = useRef(0);\n useUpdate(function () {\n onEllipsis && onEllipsis(isEllipsis);\n }, [isEllipsis]);\n var isSimpleNode = function (node) {\n return isString(node) || isNumber(node);\n };\n var getTotalLen = function (list) {\n var total = 0;\n list.forEach(function (node) {\n if (isSimpleNode) {\n total += String(node).length;\n }\n else {\n total += 1;\n }\n });\n return total;\n };\n var totalLen = useMemo(function () { return getTotalLen(nodeList); }, [nodeList]);\n var updateSearchIndex = throttleByRaf(function (searchIndex) { return setBinarySearchIndex(searchIndex); });\n var getSlicedNode = function (sliceLen) {\n var slicedNode = [];\n var currentLen = 0;\n if (sliceLen >= totalLen) {\n return nodeList;\n }\n for (var index in nodeList) {\n var node = nodeList[index];\n if (currentLen >= sliceLen) {\n return slicedNode;\n }\n var currentNodeLen = isSimpleNode(node) ? String(node).length : 1;\n if (currentNodeLen > sliceLen - currentLen) {\n slicedNode.push(String(node).slice(0, sliceLen - currentLen));\n currentLen = sliceLen;\n return slicedNode;\n }\n currentLen += currentNodeLen;\n slicedNode.push(node);\n }\n return slicedNode;\n };\n var measure = function () {\n var _a, _b;\n if (lineHeight) {\n if (status === MEASURE_STATUS.INIT) {\n var maxHeight = rows * lineHeight;\n var mirrorHeight = (_a = mirrorNode.current) === null || _a === void 0 ? void 0 : _a.offsetHeight;\n var currentEllipsis = mirrorHeight > maxHeight;\n // simpleEllipsis 和 expanding 情况下: 只用判断空间是否足够，不用计算折叠零界\n if (!currentEllipsis || simpleEllipsis || expanding) {\n setStatus(MEASURE_STATUS.MEASURE_END);\n setIsEllipsis(currentEllipsis);\n setBinarySearchIndex([0, totalLen, totalLen]);\n }\n else {\n setIsEllipsis(true);\n setStatus(MEASURE_STATUS.BEFORE_MEASURE);\n }\n }\n else if (status === MEASURE_STATUS.BEFORE_MEASURE) {\n var totalWidth = singleRowNode === null || singleRowNode === void 0 ? void 0 : singleRowNode.current.offsetWidth;\n var closedWidth = rows * width;\n if (totalWidth > rows * width) {\n var startRatio = Math.max(closedWidth / totalWidth - 0.1, 0);\n var endRatio = Math.min(closedWidth / totalWidth + 0.1, 1);\n var closedStartLoc = Math.floor(startRatio * totalLen);\n var closedEndLoc = Math.ceil(endRatio * totalLen);\n var closedMiddleLoc = Math.floor((closedStartLoc + closedEndLoc) / 2);\n closedLoc.current = closedMiddleLoc;\n }\n setStatus(MEASURE_STATUS.MEASURING);\n }\n else if (status === MEASURE_STATUS.MEASURING) {\n if (startLoc !== endLoc - 1) {\n var mirrorHeight = (_b = mirrorNode.current) === null || _b === void 0 ? void 0 : _b.offsetHeight;\n var maxHeight = rows * lineHeight;\n var nextStartLoc = startLoc;\n var nextEndLoc = endLoc;\n if (mirrorHeight <= maxHeight) {\n nextStartLoc = midLoc;\n }\n else {\n nextEndLoc = midLoc;\n }\n var nextMidLoc = Math.floor((nextEndLoc + nextStartLoc) / 2);\n updateSearchIndex([nextStartLoc, nextMidLoc, nextEndLoc]);\n }\n else {\n updateSearchIndex([startLoc, startLoc, startLoc]);\n setStatus(MEASURE_STATUS.MEASURE_END);\n }\n }\n }\n };\n useIsomorphicLayoutEffect(function () {\n if (props.rows && width) {\n setBinarySearchIndex([0, Math.floor(totalLen / 2), totalLen]);\n setStatus(MEASURE_STATUS.INIT);\n }\n else {\n setStatus(MEASURE_STATUS.NO_NEED_ELLIPSIS);\n }\n }, [\n totalLen,\n simpleEllipsis,\n expanding,\n width,\n suffix,\n expandNodes,\n expandable,\n ellipsisStr,\n props.rows,\n ]);\n useIsomorphicLayoutEffect(function () {\n if (singleRowNode.current && status === MEASURE_STATUS.INIT) {\n var offsetHeight = singleRowNode.current.offsetHeight;\n setLineHeight(offsetHeight);\n }\n }, [status]);\n useIsomorphicLayoutEffect(function () {\n measure();\n }, [status, midLoc, startLoc, endLoc, lineHeight]);\n var basicStyle = {\n zIndex: -999,\n position: 'fixed',\n opacity: 0,\n padding: 0,\n margin: 0,\n };\n var singleRowNodeStyle = __assign({ whiteSpace: 'nowrap' }, basicStyle);\n // 用css省略的话，需要覆盖单行省略样式\n var mirrorNodeStyle = simpleEllipsis\n ? __assign({ textOverflow: 'clip' }, basicStyle) : basicStyle;\n var ellipsisNode;\n if (status === MEASURE_STATUS.INIT || status === MEASURE_STATUS.BEFORE_MEASURE) {\n ellipsisNode = (React.createElement(\"div\", null,\n React.createElement(\"div\", { ref: singleRowNode, style: singleRowNodeStyle }, status === MEASURE_STATUS.INIT\n ? MEASURE_LINE_HEIGHT_TEXT\n : renderMeasureContent(children, false)),\n React.createElement(\"div\", { ref: mirrorNode, style: __assign({ width: width }, mirrorNodeStyle) }, renderMeasureContent(children, isEllipsis))));\n ellipsisNode = ellipsisNode.props.children;\n }\n else if (status === MEASURE_STATUS.MEASURING) {\n // 计算过程中的占位展示，避免计算造成的抖动\n // 不能设置 width 否则在 table 中会再次造成 resize\n var showStyle = {\n height: lineHeight * rows,\n overflow: 'hidden',\n };\n ellipsisNode = (React.createElement(\"div\", null,\n React.createElement(\"div\", { ref: mirrorNode, style: __assign({ width: width }, mirrorNodeStyle) }, renderMeasureContent(getSlicedNode(midLoc), isEllipsis)),\n React.createElement(\"div\", { style: showStyle }, getSlicedNode(closedLoc.current))));\n ellipsisNode = ellipsisNode.props.children;\n }\n else if (status === MEASURE_STATUS.MEASURE_END) {\n ellipsisNode = renderMeasureContent(getSlicedNode(midLoc), isEllipsis);\n }\n else if (status === MEASURE_STATUS.NO_NEED_ELLIPSIS) {\n ellipsisNode = renderMeasureContent(children, false);\n }\n return { ellipsisNode: ellipsisNode, isEllipsis: isEllipsis, measureStatus: status };\n}\nexport default useEllipsis;\n","var __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport { useMemo } from 'react';\nimport { isUndefined } from '../_util/is';\nvar supportCss = function (key, value) {\n if (typeof window !== 'undefined' && window.CSS && window.CSS.supports) {\n if (!isUndefined(value)) {\n return window.CSS.supports(key, value);\n }\n return window.CSS.supports(key);\n }\n if (typeof document !== 'undefined' && document.createElement) {\n var elem = document.createElement('div');\n elem.setAttribute(\"style\", key + \":\" + value + \";\");\n return typeof elem.style[key] !== 'undefined';\n }\n return false;\n};\nvar mutiEllipsisAttr = {\n display: ' -webkit-box',\n '-webkit-line-clamp': 2,\n};\nvar isSupportMuti = function () {\n return Object.entries(mutiEllipsisAttr).every(function (_a) {\n var _b = __read(_a, 2), key = _b[0], value = _b[1];\n return supportCss(key, value);\n });\n};\nfunction useCssEllipsis(props) {\n var cssEllipsis = props.cssEllipsis, _a = props.ellipsisStr, ellipsisStr = _a === void 0 ? '...' : _a, suffix = props.suffix, rows = props.rows;\n var simpleEllipsis = useMemo(function () {\n if (!cssEllipsis || (rows > 1 && !isSupportMuti())) {\n return false;\n }\n return ellipsisStr === '...' && !suffix;\n }, [ellipsisStr, cssEllipsis, rows, suffix]);\n var singleRowStyle = {\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n };\n var mutiRowsStyle = {\n textOverflow: 'ellipsis',\n whiteSpace: 'normal',\n overflow: 'hidden',\n WebkitLineClamp: \"\" + props.rows,\n WebkitBoxOrient: 'vertical',\n display: '-webkit-box',\n };\n return {\n simpleEllipsis: simpleEllipsis,\n ellipsisStyle: simpleEllipsis ? (props.rows > 1 ? mutiRowsStyle : singleRowStyle) : {},\n };\n}\nexport default useCssEllipsis;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { useState, useContext, useRef } from 'react';\nimport { ConfigContext } from '../ConfigProvider';\nimport ResizeObserverComponent from '../_util/resizeObserver';\nimport Operations from './operations';\nimport cs from '../_util/classNames';\nimport EditContent from './edit-content';\nimport { isObject, isUndefined } from '../_util/is';\nimport Tooltip from '../Tooltip';\nimport Popover from '../Popover';\nimport omit from '../_util/omit';\nimport useUpdateEffect from '../_util/hooks/useUpdate';\nimport mergedToString from '../_util/mergedToString';\nimport useMergeValue from '../_util/hooks/useMergeValue';\nimport useEllipsis, { MEASURE_STATUS } from './useEllipsis';\nimport useCssEllipsis from './useCssEllipsis';\nfunction getClassNameAndComponentName(props, prefixCls) {\n var type = props.type, bold = props.bold, disabled = props.disabled, mark = props.mark, underline = props.underline, propDelete = props.delete, code = props.code;\n var component = [];\n var className = [];\n if (type) {\n className.push(prefixCls + \"-\" + type);\n }\n if (disabled) {\n className.push(prefixCls + \"-disabled\");\n }\n if (bold) {\n component.push('b');\n }\n if (underline) {\n component.push('u');\n }\n if (propDelete) {\n component.push('del');\n }\n if (code) {\n component.push('code');\n }\n if (mark) {\n component.push('mark');\n }\n return {\n component: component,\n className: className,\n };\n}\nfunction Base(props) {\n var componentType = props.componentType, style = props.style, className = props.className, children = props.children, editable = props.editable, ellipsis = props.ellipsis, heading = props.heading, blockquote = props.blockquote, rest = __rest(props, [\"componentType\", \"style\", \"className\", \"children\", \"editable\", \"ellipsis\", \"heading\", \"blockquote\"]);\n var configContext = useContext(ConfigContext);\n var getPrefixCls = configContext.getPrefixCls, rtl = configContext.rtl;\n var prefixCls = getPrefixCls('typography');\n var _a = getClassNameAndComponentName(props, prefixCls), component = _a.component, componentClassName = _a.className;\n var _b = __read(useState(false), 2), editing = _b[0], setEditing = _b[1];\n var _c = __read(useState(0), 2), width = _c[0], setWidth = _c[1];\n var resizeTime = useRef(0);\n var editableConfig = isObject(editable) ? editable : {};\n var mergedEditing = 'editing' in editableConfig ? editableConfig.editing : editing;\n var ellipsisConfig = ellipsis\n ? __assign({ rows: 1, ellipsisStr: '...', cssEllipsis: false }, (isObject(ellipsis) ? ellipsis : {})) : {};\n var EllipsisWrapperTag = ellipsisConfig.wrapper || React.Fragment;\n var _d = __read(useMergeValue(false, {\n defaultValue: ellipsisConfig.defaultExpanded,\n value: ellipsisConfig.expanded,\n }), 2), expanding = _d[0], setExpanding = _d[1];\n var _e = useCssEllipsis(ellipsisConfig), simpleEllipsis = _e.simpleEllipsis, ellipsisStyle = _e.ellipsisStyle;\n var renderMeasureContent = function (node, isEllipsis) {\n var ellipsisStr = !isUndefined(ellipsisConfig.ellipsisStr)\n ? ellipsisConfig.ellipsisStr\n : '...';\n var suffix = !isUndefined(ellipsisConfig.suffix) && ellipsisConfig.suffix;\n return (React.createElement(EllipsisWrapperTag, null,\n node,\n isEllipsis && !expanding && !simpleEllipsis ? ellipsisStr : '',\n suffix,\n renderOperations(isEllipsis)));\n };\n var _f = useEllipsis(__assign(__assign({}, ellipsisConfig), { children: children, expanding: expanding, width: width, renderMeasureContent: renderMeasureContent, simpleEllipsis: simpleEllipsis || expanding })), ellipsisNode = _f.ellipsisNode, isEllipsis = _f.isEllipsis, measureStatus = _f.measureStatus;\n var handleResize = function (entry) {\n var contentRect = (entry === null || entry === void 0 ? void 0 : entry[0]).contentRect;\n var currentTime = +new Date();\n var diffTime = currentTime - resizeTime.current;\n if (contentRect) {\n var currentWidth = component.includes('code') ? contentRect.width - 18 : contentRect.width;\n var resizeStatus = [MEASURE_STATUS.NO_NEED_ELLIPSIS, MEASURE_STATUS.MEASURE_END];\n // 在 table 中，使用了 cssEllipsis 因为 white-space: \"nowrap\"，宽度会突然变很大\n // 导致再次触发 resize 计算，进入循环。\n // diffTime 应对短时间内多次触发\n if (resizeStatus.includes(measureStatus) && diffTime > 100) {\n resizeTime.current = currentTime;\n setWidth(currentWidth);\n }\n }\n };\n function renderOperations(isEllipsis) {\n return (React.createElement(React.Fragment, null,\n React.createElement(Operations, __assign({}, props, { setEditing: setEditing, onClickExpand: onClickExpand, expanding: expanding, isEllipsis: isEllipsis, \n // 如果是镜像dom的话，渲染在最外层，无法从context中拿到最新config\n currentContext: configContext }))));\n }\n function onClickExpand(e) {\n setExpanding(!expanding);\n props.onClickExpand && props.onClickExpand(e);\n ellipsisConfig.onExpand && ellipsisConfig.onExpand(!expanding, e);\n }\n useUpdateEffect(function () {\n ellipsisConfig.onEllipsis && ellipsisConfig.onEllipsis(isEllipsis);\n }, [isEllipsis]);\n function wrap(content, component, props, innerProps) {\n if (innerProps === void 0) { innerProps = {}; }\n var currentContent = content;\n component.forEach(function (c, _index) {\n var _innerProps = _index === 0 ? innerProps : {};\n var _props = isObject(props.mark) && props.mark.color\n ? __assign({ style: { backgroundColor: props.mark.color } }, _innerProps) : __assign({}, _innerProps);\n currentContent = React.createElement(c, __assign({}, _props), currentContent);\n });\n return currentContent;\n }\n function renderContent() {\n var _a;\n var fullText = mergedToString(React.Children.toArray(children));\n var showTooltip = ellipsisConfig.showTooltip;\n var tooltipType = isObject(ellipsisConfig.showTooltip)\n ? ellipsisConfig.showTooltip.type === 'popover'\n ? 'popover'\n : 'tooltip'\n : 'tooltip';\n var tooltipProps = isObject(ellipsisConfig.showTooltip)\n ? ellipsisConfig.showTooltip.props || {}\n : {};\n var TooltipComponent = (tooltipType === 'popover' ? Popover : Tooltip);\n var titleProps = isEllipsis && !showTooltip && !expanding ? { title: fullText } : {};\n var baseProps = __assign({ style: style }, titleProps);\n var addTooltip = isEllipsis && showTooltip && !expanding;\n var TextComponent;\n if (componentType === 'Paragraph') {\n TextComponent = blockquote ? 'blockquote' : 'div';\n }\n else if (componentType === 'Title') {\n TextComponent = \"h\" + heading;\n }\n else if (componentType === 'Text') {\n TextComponent = ellipsis ? 'div' : 'span';\n }\n var node = (React.createElement(ResizeObserverComponent, { onResize: handleResize },\n React.createElement(TextComponent, __assign({ className: cs(prefixCls, componentClassName, (_a = {}, _a[prefixCls + \"-rtl\"] = rtl, _a), className) }, baseProps, omit(rest, [\n 'spacing',\n 'type',\n 'close',\n 'bold',\n 'disabled',\n 'mark',\n 'underline',\n 'delete',\n 'code',\n 'copyable',\n 'isEllipsis',\n 'expanding',\n 'onClickExpand',\n 'setEditing',\n 'forceShowExpand',\n ])), simpleEllipsis && measureStatus !== MEASURE_STATUS.INIT && !expanding && isEllipsis\n ? wrap(\n // CSS folding style, need to wrap the text separately.\n renderMeasureContent(React.createElement(\"span\", { style: ellipsisStyle }, children), isEllipsis), component.length ? component : ['span'], props, \n // The simple-ellipsis class ensures that the ReactNode after the text is displayed correctly (no line breaks)\n // Need to act on the immediate parent node of the text\n { className: prefixCls + \"-simple-ellipsis\" })\n : wrap(ellipsisNode, component, props))));\n if (addTooltip) {\n return (React.createElement(TooltipComponent, __assign({ content: fullText }, tooltipProps),\n React.createElement(\"span\", null, node)));\n }\n return node;\n }\n return mergedEditing ? (React.createElement(EditContent, __assign({}, props, { prefixCls: prefixCls, setEditing: setEditing, editableConfig: editableConfig }))) : (renderContent());\n}\nexport default Base;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React from 'react';\nimport Base from './base';\nfunction Title(props) {\n var _a = props.heading, heading = _a === void 0 ? 1 : _a, rest = __rest(props, [\"heading\"]);\n return React.createElement(Base, __assign({ heading: heading }, rest, { componentType: \"Title\" }));\n}\nTitle.displayName = 'Title';\nexport default Title;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nimport React from 'react';\nimport Base from './base';\nfunction Text(props) {\n return React.createElement(Base, __assign({}, props, { componentType: \"Text\" }));\n}\nText.displayName = 'Text';\nexport default Text;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nimport React, { useContext } from 'react';\nimport Base from './base';\nimport cs from '../_util/classNames';\nimport { ConfigContext } from '../ConfigProvider';\nfunction Paragraph(props) {\n var _a = props.spacing, spacing = _a === void 0 ? 'default' : _a, className = props.className;\n var getPrefixCls = useContext(ConfigContext).getPrefixCls;\n var prefixCls = getPrefixCls('typography');\n var classNames = spacing === 'close' ? cs(prefixCls + \"-spacing-close\", className) : className;\n return React.createElement(Base, __assign({}, props, { componentType: \"Paragraph\", className: classNames }));\n}\nParagraph.displayName = 'Paragraph';\nexport default Paragraph;\n","import OriginTypography from './typography';\nimport Title from './title';\nimport Text from './text';\nimport Paragraph from './paragraph';\nvar Typography = OriginTypography;\nTypography.Title = Title;\nTypography.Text = Text;\nTypography.Paragraph = Paragraph;\nexport default Typography;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { useContext } from 'react';\nimport cs from '../_util/classNames';\nimport { ConfigContext } from '../ConfigProvider';\nexport default function IconHover(props) {\n var _a;\n var children = props.children, className = props.className, disabled = props.disabled, prefix = props.prefix, _b = props.size, size = _b === void 0 ? 'default' : _b, rest = __rest(props, [\"children\", \"className\", \"disabled\", \"prefix\", \"size\"]);\n var getPrefixCls = useContext(ConfigContext).getPrefixCls;\n var prefixCls = getPrefixCls('icon-hover');\n return (React.createElement(\"span\", __assign({ className: cs(prefixCls, (_a = {},\n _a[prefix + \"-icon-hover\"] = prefix,\n _a[prefixCls + \"-size-\" + size] = size && size !== 'default',\n _a[prefixCls + \"-disabled\"] = disabled,\n _a), className), onClick: props.onClick }, rest), children));\n}\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n if (typeof b !== \"function\" && b !== null)\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport React, { Component } from 'react';\nimport IconClose from '../../icon/react-icon/IconClose';\nimport IconCheckCircleFill from '../../icon/react-icon/IconCheckCircleFill';\nimport IconCloseCircleFill from '../../icon/react-icon/IconCloseCircleFill';\nimport IconInfoCircleFill from '../../icon/react-icon/IconInfoCircleFill';\nimport IconExclamationCircleFill from '../../icon/react-icon/IconExclamationCircleFill';\nimport IconLoading from '../../icon/react-icon/IconLoading';\nimport cs from '../_util/classNames';\nimport IconHover from '../_class/icon-hover';\nimport { IconContext } from '../../icon/react-icon/context';\nvar Notice = /** @class */ (function (_super) {\n __extends(Notice, _super);\n function Notice() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.startTimer = function () {\n var _a = _this.props, duration = _a.duration, onClose = _a.onClose, id = _a.id;\n // 自动关闭\n if (duration !== 0) {\n _this.timer = window.setTimeout(function () {\n onClose && onClose(id);\n _this.removeTimer();\n }, duration);\n }\n };\n _this.removeTimer = function () {\n if (_this.timer) {\n window.clearTimeout(_this.timer);\n _this.timer = null;\n }\n };\n _this.onClose = function () {\n _this.props.onClose && _this.props.onClose(_this.props.id);\n };\n _this.renderIcon = function () {\n var _a = _this.props, showIcon = _a.showIcon, icon = _a.icon, type = _a.type, prefixCls = _a.prefixCls, iconPrefix = _a.iconPrefix;\n var content;\n if (icon) {\n content = icon;\n }\n else if (showIcon) {\n switch (type) {\n case 'info':\n content = React.createElement(IconInfoCircleFill, null);\n break;\n case 'success':\n content = React.createElement(IconCheckCircleFill, null);\n break;\n case 'error':\n content = React.createElement(IconCloseCircleFill, null);\n break;\n case 'warning':\n content = React.createElement(IconExclamationCircleFill, null);\n break;\n case 'loading':\n content = React.createElement(IconLoading, null);\n break;\n default:\n break;\n }\n content = (React.createElement(IconContext.Provider, { value: iconPrefix ? { prefixCls: iconPrefix } : {} }, content));\n }\n return React.createElement(\"span\", { className: prefixCls + \"-icon\" }, content);\n };\n _this.onMouseEnter = function () {\n _this.removeTimer();\n };\n _this.onMouseLeave = function () {\n // An update operation may be triggered after mouseEnter to start a new timer.\n // mouseEnter(clear) => clickBtn => update(new timer) => mouseLeave\n _this.removeTimer();\n _this.startTimer();\n };\n return _this;\n }\n Notice.prototype.componentDidMount = function () {\n this.startTimer();\n };\n Notice.prototype.componentDidUpdate = function (nextProps) {\n if (nextProps.duration !== this.props.duration || this.props.update) {\n this.removeTimer();\n this.startTimer();\n }\n };\n Notice.prototype.componentWillUnmount = function () {\n this.removeTimer();\n };\n Notice.prototype.render = function () {\n var _a;\n var _b = this.props, title = _b.title, content = _b.content, showIcon = _b.showIcon, className = _b.className, style = _b.style, type = _b.type, btn = _b.btn, icon = _b.icon, prefixCls = _b.prefixCls, closable = _b.closable, noticeType = _b.noticeType, iconPrefix = _b.iconPrefix, rtl = _b.rtl;\n var classNames = cs(prefixCls, prefixCls + \"-\" + type, (_a = {},\n _a[prefixCls + \"-closable\"] = closable,\n _a[prefixCls + \"-rtl\"] = rtl,\n _a), className);\n var _closable = 'closable' in this.props ? closable : true;\n var shouldRenderIcon = showIcon;\n if (type === 'normal' && !icon) {\n shouldRenderIcon = false;\n }\n if (noticeType === 'message') {\n _closable = closable;\n return (React.createElement(\"div\", { style: { textAlign: 'center' }, onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave },\n React.createElement(\"div\", { className: classNames, style: style, role: \"alert\" },\n shouldRenderIcon && this.renderIcon(),\n React.createElement(\"span\", { className: prefixCls + \"-content\" }, content),\n _closable && (React.createElement(IconHover, { prefix: prefixCls, className: prefixCls + \"-close-btn\", onClick: this.onClose },\n React.createElement(IconClose, null))))));\n }\n if (noticeType === 'notification') {\n return (React.createElement(\"div\", { onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave },\n React.createElement(\"div\", { className: classNames, style: style, role: \"alert\" },\n shouldRenderIcon && React.createElement(\"div\", { className: prefixCls + \"-left\" }, this.renderIcon()),\n React.createElement(\"div\", { className: prefixCls + \"-right\" },\n title && React.createElement(\"div\", { className: prefixCls + \"-title\" }, title),\n React.createElement(\"div\", { className: prefixCls + \"-content\" }, content),\n btn && React.createElement(\"div\", { className: prefixCls + \"-btn-wrapper\" }, btn)),\n _closable && (React.createElement(IconHover, { prefix: prefixCls, className: prefixCls + \"-close-btn\", onClick: this.onClose },\n React.createElement(IconContext.Provider, { value: iconPrefix ? { prefixCls: iconPrefix } : {} },\n React.createElement(IconClose, null)))))));\n }\n };\n Notice.defaultProps = {\n type: 'info',\n showIcon: true,\n noticeType: 'message',\n duration: 3000,\n };\n return Notice;\n}(Component));\nexport default Notice;\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n if (typeof b !== \"function\" && b !== null)\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\n/* eslint-disable react/no-unused-state */\nimport { Component } from 'react';\nfunction getId(noticeProps) {\n if (noticeProps === null || noticeProps === void 0 ? void 0 : noticeProps.id) {\n return noticeProps === null || noticeProps === void 0 ? void 0 : noticeProps.id;\n }\n return \"arco_notice_id_\" + Math.random().toFixed(10).slice(2);\n}\nvar BaseNotice = /** @class */ (function (_super) {\n __extends(BaseNotice, _super);\n function BaseNotice(props) {\n var _this = _super.call(this, props) || this;\n _this.add = function (noticeProps) {\n var id = getId(noticeProps);\n _this.setState(function (prevState) {\n var oldNotices = prevState.notices;\n // update notice\n if (noticeProps.id && ~oldNotices.findIndex(function (notice) { return notice.id === noticeProps.id; })) {\n _this.update(noticeProps);\n return prevState;\n }\n return {\n notices: oldNotices.concat(__assign(__assign({}, noticeProps), { id: id })),\n position: noticeProps.position,\n };\n });\n return id;\n };\n _this.update = function (newNotice) {\n var updatedNotices = _this.state.notices.map(function (oldNotice) {\n if (newNotice.id === oldNotice.id) {\n newNotice.update = true;\n return newNotice;\n }\n return oldNotice;\n });\n _this.setState({\n notices: updatedNotices,\n }, function () {\n var notices = _this.state.notices.map(function (oldNotice) {\n if (newNotice.id === oldNotice.id && oldNotice.update) {\n delete oldNotice.update;\n }\n return oldNotice;\n });\n _this.setState({ notices: notices });\n });\n };\n _this.clear = function () {\n _this.setState({\n notices: [],\n });\n };\n _this.state = {\n notices: [],\n position: 'topRight',\n };\n _this.remove = _this.remove.bind(_this);\n return _this;\n }\n BaseNotice.prototype.remove = function (id) {\n var newNotices = this.state.notices.filter(function (notice) { return notice.id !== id; });\n this.setState({\n notices: newNotices,\n });\n };\n return BaseNotice;\n}(Component));\nexport default BaseNotice;\n","var __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport { isArray, isObject, isString } from './is';\nimport warning from './warning';\nexport default function () {\n var args = [];\n for (var _i = 0; _i < arguments.length; _i++) {\n args[_i] = arguments[_i];\n }\n var length = args.length;\n var classNames = [];\n var _loop_1 = function (i) {\n var v = args[i];\n if (!v) {\n return \"continue\";\n }\n if (isString(v)) {\n classNames.push(v);\n }\n else if (isArray(v)) {\n classNames = classNames.concat(v);\n }\n else if (isObject(v)) {\n Object.keys(v).forEach(function (k) {\n if (v[k]) {\n classNames.push(k);\n }\n });\n }\n else {\n warning(true, 'arguments must be one of string/array/object.');\n }\n };\n for (var i = 0; i < length; i++) {\n _loop_1(i);\n }\n return __spreadArray([], __read(new Set(classNames)), false).join(' ');\n}\n","import pick from './pick';\nexport var NOOP = function () { };\nexport function newArray(length) {\n return Array.apply(null, Array(length));\n}\nexport function pickTriggerPropsFromRest(rest) {\n return pick(rest, [\n 'onMouseEnter',\n 'onMouseLeave',\n 'onMouseMove',\n 'onContextMenu',\n 'onClick',\n 'onFocus',\n 'onBlur',\n 'tabIndex',\n ]);\n}\n","var __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport React, { useState, useImperativeHandle, forwardRef, useContext } from 'react';\nimport { ConfigContext } from '../ConfigProvider';\nvar ContextHolderElement = forwardRef(function (_props, ref) {\n var configContext = useContext(ConfigContext);\n var _a = __read(useState([]), 2), instances = _a[0], setInstances = _a[1];\n function addInstance(ins) {\n setInstances(function (originInstances) { return __spreadArray(__spreadArray([], __read(originInstances), false), [ins], false); });\n }\n function removeInstance(ins) {\n setInstances(function (originInstances) { return originInstances.filter(function (originIns) { return ins !== originIns; }); });\n }\n function getContextConfig() {\n return configContext;\n }\n useImperativeHandle(ref, function () { return ({\n addInstance: addInstance,\n removeInstance: removeInstance,\n getContextConfig: getContextConfig,\n }); });\n return (React.createElement(React.Fragment, null, React.Children.map(instances, function (child, index) { return React.cloneElement(child, { key: index }); })));\n});\nexport default ContextHolderElement;\n","import { NOOP } from './constant';\nexport var isServerRendering = (function () {\n try {\n return !(typeof window !== 'undefined' && document !== undefined);\n }\n catch (e) {\n return true;\n }\n})();\nexport var on = (function () {\n if (isServerRendering) {\n return NOOP;\n }\n return function (element, event, handler, options) {\n element && element.addEventListener(event, handler, options || false);\n };\n})();\nexport var off = (function () {\n if (isServerRendering) {\n return NOOP;\n }\n return function (element, event, handler, options) {\n element && element.removeEventListener(event, handler, options || false);\n };\n})();\nexport var contains = function (root, ele) {\n if (!root) {\n return false;\n }\n if (root.contains) {\n return root.contains(ele);\n }\n var node = ele;\n while (node) {\n if (node === root) {\n return true;\n }\n node = node.parentNode;\n }\n return false;\n};\nexport var isScrollElement = function (element) {\n var clientHeight = element === document.documentElement ? element.clientHeight : element.offsetHeight;\n var clientWidth = element === document.documentElement ? element.clientWidth : element.offsetWidth;\n return element.scrollHeight > clientHeight || element.scrollWidth > clientWidth;\n};\n/**\n * 从当前节点向上查找所有的滚动元素\n * @param container 当前节点\n * @param top 查找到 top 节点就终止，不再继续查找\n * @returns\n */\nexport var getScrollElements = function (container, top) {\n if (top === void 0) { top = document.documentElement; }\n var scrollElements = [];\n var element = container;\n while (element && element !== top) {\n if (isScrollElement(element)) {\n scrollElements.push(element);\n }\n element = element.parentElement;\n }\n return scrollElements;\n};\n","// Replace empty string to \nexport default function (str) {\n return typeof str === 'string' ? str.replace(/\\s{2,}/g, function ($0) { return '\\u00A0'.repeat($0.length); }) : str;\n}\n","var __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport { useReducer } from 'react';\nexport default function useForceUpdate() {\n var _a = __read(useReducer(function (v) { return v + 1; }, 0), 2), dispatch = _a[1];\n return dispatch;\n}\n","var __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport { useState, useEffect } from 'react';\nvar globalInstanceIdMap = {};\n/**\n * Provide unique component name while using this hook\n * In react 18, React.useId is a better way to choose\n * Related issue: https://github.com/arco-design/arco-design/issues/958\n */\nexport default function useId(prefix) {\n var _a = __read(useState(), 2), id = _a[0], setId = _a[1];\n // Update ID in next render to avoid SSR [prop dit not match] error\n useEffect(function () {\n globalInstanceIdMap[prefix] = prefix in globalInstanceIdMap ? globalInstanceIdMap[prefix] : 0;\n setId(globalInstanceIdMap[prefix]);\n globalInstanceIdMap[prefix] += 1;\n }, []);\n return typeof id === 'number' ? \"\" + prefix + id : undefined;\n}\n","import { useRef, useEffect } from 'react';\nexport default function useIsFirstRender() {\n var isFirst = useRef(true);\n useEffect(function () {\n isFirst.current = false;\n }, []);\n return isFirst.current;\n}\n","import { useEffect, useLayoutEffect } from 'react';\nimport { isServerRendering } from '../dom';\n// Because useLayoutEffect in the ssr environment will report a warning\n// So when you need to use useLayoutEffect, use useIsomorphicLayoutEffect instead, it will use useEffect in the ssr environment to avoid this problem\nvar useIsomorphicLayoutEffect = isServerRendering ? useEffect : useLayoutEffect;\nexport default useIsomorphicLayoutEffect;\n","import { useCallback } from 'react';\nimport { Enter, ArrowDown, ArrowUp, ArrowLeft, ArrowRight } from '../keycode';\nexport default function useKeyboardEvent(props) {\n var getEventListeners = useCallback(function (callbacks) {\n return {\n onKeyDown: function (e) {\n var _a, _b, _c, _d, _e, _f;\n var keyCode = e.keyCode || e.which;\n if (keyCode === Enter.code) {\n (_a = callbacks.onPressEnter) === null || _a === void 0 ? void 0 : _a.call(callbacks, e);\n }\n if (keyCode === ArrowDown.code) {\n (_b = callbacks.onArrowDown) === null || _b === void 0 ? void 0 : _b.call(callbacks, e);\n }\n if (keyCode === ArrowLeft.code) {\n (_c = callbacks.onArrowLeft) === null || _c === void 0 ? void 0 : _c.call(callbacks, e);\n }\n if (keyCode === ArrowRight.code) {\n (_d = callbacks.onArrowRight) === null || _d === void 0 ? void 0 : _d.call(callbacks, e);\n }\n if (keyCode === ArrowUp.code) {\n (_e = callbacks.onArrowUp) === null || _e === void 0 ? void 0 : _e.call(callbacks, e);\n }\n (_f = props === null || props === void 0 ? void 0 : props.onKeyDown) === null || _f === void 0 ? void 0 : _f.call(props, e);\n },\n };\n }, []);\n return getEventListeners;\n}\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nimport { useMemo } from 'react';\nimport omit from '../omit';\nexport default function useMergeProps(componentProps, defaultProps, globalComponentConfig) {\n var _ignorePropsFromGlobal = componentProps._ignorePropsFromGlobal;\n var _defaultProps = useMemo(function () {\n return __assign(__assign({}, defaultProps), (_ignorePropsFromGlobal ? {} : globalComponentConfig));\n }, [defaultProps, globalComponentConfig, _ignorePropsFromGlobal]);\n var props = useMemo(function () {\n // Must remove property of MergePropsOptions before passing it to component\n var mProps = omit(componentProps, ['_ignorePropsFromGlobal']);\n // https://github.com/facebook/react/blob/cae635054e17a6f107a39d328649137b83f25972/packages/react/src/ReactElement.js#L312\n for (var propName in _defaultProps) {\n if (mProps[propName] === undefined) {\n mProps[propName] = _defaultProps[propName];\n }\n }\n return mProps;\n }, [componentProps, _defaultProps]);\n return props;\n}\n","var __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport { useState, useEffect, useRef } from 'react';\nimport { isUndefined } from '../is';\nimport usePrevious from './usePrevious';\nexport default function useMergeValue(defaultStateValue, props) {\n var _a = props || {}, defaultValue = _a.defaultValue, value = _a.value;\n var firstRenderRef = useRef(true);\n var prevPropsValue = usePrevious(props.value);\n var _b = __read(useState(!isUndefined(value) ? value : !isUndefined(defaultValue) ? defaultValue : defaultStateValue), 2), stateValue = _b[0], setStateValue = _b[1];\n useEffect(function () {\n // 第一次渲染时候，props.value 已经在useState里赋值给stateValue了，不需要再次赋值。\n if (firstRenderRef.current) {\n firstRenderRef.current = false;\n return;\n }\n // 外部value等于undefined，也就是一开始有值，后来变成了undefined（\n // 可能是移除了value属性，或者直接传入的undefined），那么就更新下内部的值。\n // 如果value有值，在下一步逻辑中直接返回了value，不需要同步到stateValue\n /**\n * prevPropsValue !== value: https://github.com/arco-design/arco-design/issues/1686\n * react18 严格模式下 useEffect 执行两次，可能出现 defaultValue 不生效的问题。\n */\n if (value === undefined && prevPropsValue !== value) {\n setStateValue(value);\n }\n }, [value]);\n var mergedValue = isUndefined(value) ? stateValue : value;\n return [mergedValue, setStateValue, stateValue];\n}\n","import { useEffect, useRef } from 'react';\nexport default function useOverflowHidden(getContainer, _a) {\n var hidden = _a.hidden;\n var needResetContainerStyle = useRef(false);\n var originContainerStyle = useRef({});\n var getScrollBarWidth = function (element) {\n return element.tagName === 'BODY'\n ? window.innerWidth - (document.body.clientWidth || document.documentElement.clientWidth)\n : element.offsetWidth - element.clientWidth;\n };\n var setContainerStyle = function () {\n var container = getContainer();\n if (container && container.style.overflow !== 'hidden') {\n var originStyle = container.style;\n needResetContainerStyle.current = true;\n // 记录并设置宽度\n var containerScrollBarWidth = getScrollBarWidth(container);\n if (containerScrollBarWidth) {\n originContainerStyle.current.width = originStyle.width;\n container.style.width = \"calc(\" + (container.style.width || '100%') + \" - \" + containerScrollBarWidth + \"px)\";\n }\n // 记录并设置overflow\n originContainerStyle.current.overflow = originStyle.overflow;\n container.style.overflow = 'hidden';\n }\n };\n var resetContainerStyle = function () {\n if (needResetContainerStyle.current && getContainer()) {\n var container_1 = getContainer();\n var originStyle_1 = originContainerStyle.current;\n Object.keys(originStyle_1).forEach(function (i) { return (container_1.style[i] = originStyle_1[i]); });\n }\n needResetContainerStyle.current = false;\n originContainerStyle.current = {};\n };\n useEffect(function () {\n hidden ? setContainerStyle() : resetContainerStyle();\n return function () {\n resetContainerStyle();\n };\n }, [getContainer, hidden]);\n return [resetContainerStyle, setContainerStyle];\n}\n","import { useEffect, useRef } from 'react';\nexport default function usePrevious(value) {\n var ref = useRef();\n useEffect(function () {\n ref.current = value;\n });\n return ref.current;\n}\n","var __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport { useEffect, useState } from 'react';\nfunction useStateWithPromise(defaultVal) {\n var _a = __read(useState({\n value: defaultVal,\n resolve: function (e) {\n // eslint-disable-next-line no-unused-expressions\n e;\n },\n }), 2), state = _a[0], setState = _a[1];\n useEffect(function () {\n state.resolve(state.value);\n }, [state]);\n return [\n state.value,\n function (updater) {\n return new Promise(function (resolve) {\n setState(function (prevState) {\n var nextVal = updater;\n if (typeof updater === 'function') {\n nextVal = updater(prevState.value);\n }\n return {\n value: nextVal,\n resolve: resolve,\n };\n });\n });\n },\n ];\n}\nexport default useStateWithPromise;\n","var __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport { useRef, useEffect } from 'react';\nexport default function useUpdate(fn, deps) {\n if (deps === void 0) { deps = []; }\n var isDidMount = useRef(false);\n useEffect(function () {\n if (isDidMount.current) {\n fn();\n }\n else {\n isDidMount.current = true;\n }\n }, __spreadArray([], __read(deps), false));\n}\n","var opt = Object.prototype.toString;\nexport function isArray(obj) {\n return opt.call(obj) === '[object Array]';\n}\nexport function isObject(obj) {\n return opt.call(obj) === '[object Object]';\n}\nexport function isString(obj) {\n return opt.call(obj) === '[object String]';\n}\nexport function isNumber(obj) {\n return opt.call(obj) === '[object Number]' && obj === obj; // eslint-disable-line\n}\nexport function isRegExp(obj) {\n return opt.call(obj) === '[object RegExp]';\n}\nexport function isFile(obj) {\n return opt.call(obj) === '[object File]';\n}\nexport function isBlob(obj) {\n return opt.call(obj) === '[object Blob]';\n}\nfunction isHex(color) {\n return /^#[a-fA-F0-9]{3}$|#[a-fA-F0-9]{6}$/.test(color);\n}\nfunction isRgb(color) {\n return /^rgb\\((\\s*\\d+\\s*,?){3}\\)$/.test(color);\n}\nfunction isRgba(color) {\n return /^rgba\\((\\s*\\d+\\s*,\\s*){3}\\s*\\d(\\.\\d+)?\\s*\\)$/.test(color);\n}\nexport function isColor(color) {\n return isHex(color) || isRgb(color) || isRgba(color);\n}\nexport function isUndefined(obj) {\n return obj === undefined;\n}\nexport function isNull(obj) {\n return obj === null;\n}\nexport function isNullOrUndefined(obj) {\n return obj === null || obj === undefined;\n}\nexport function isFunction(obj) {\n return typeof obj === 'function';\n}\nexport function isEmptyObject(obj) {\n return isObject(obj) && Object.keys(obj).length === 0;\n}\nexport function isExist(obj) {\n return obj || obj === 0;\n}\nexport function isWindow(el) {\n return el === window;\n}\nexport function isDayjs(time) {\n // dayjs.isDayjs 在实际应用场景，比如多个版本的 dayjs 会失效\n return (isObject(time) &&\n (('$y' in time &&\n '$M' in time &&\n '$D' in time &&\n '$d' in time &&\n '$H' in time &&\n '$m' in time &&\n '$s' in time) ||\n time._isAMomentObject) // 兼容 moment 的验证\n );\n}\nexport function isBoolean(value) {\n return typeof value === 'boolean';\n}\n","// keyboard keycode\nexport var Enter = {\n key: 'Enter',\n code: 13,\n};\nexport var Esc = {\n key: 'Escape',\n code: 27,\n};\nexport var Backspace = {\n key: 'Backspace',\n code: 8,\n};\nexport var Tab = {\n key: 'Tab',\n code: 9,\n};\nexport var Space = {\n key: '',\n code: 32,\n};\nexport var ArrowUp = {\n key: 'ArrowUp',\n code: 38,\n};\nexport var ArrowDown = {\n key: 'ArrowDown',\n code: 40,\n};\nexport var ArrowLeft = {\n key: 'ArrowLeft',\n code: 37,\n};\nexport var ArrowRight = {\n key: 'ArrowRight',\n code: 39,\n};\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\n// delete keys from object\nexport default function omit(obj, keys // string 为了某些没有声明的属性被omit\n) {\n var clone = __assign({}, obj);\n keys.forEach(function (key) {\n if (key in clone) {\n delete clone[key];\n }\n });\n return clone;\n}\n","// pick item from object\nexport default function pick(obj, keys) {\n var clone = {};\n keys.forEach(function (key) {\n var k = key;\n if (key in obj) {\n clone[k] = obj[k];\n }\n });\n return clone;\n}\nexport function pickDataAttributes(obj) {\n var clone = {};\n obj &&\n Object.keys(obj).forEach(function (key) {\n var k = String(key);\n if (k.indexOf('data-') === 0) {\n clone[k] = obj[k];\n }\n if (k.indexOf('aria-') === 0) {\n clone[k] = obj[k];\n }\n });\n return clone;\n}\n","var target = typeof window === 'undefined' ? global : window;\nvar vendors = ['webkit', 'ms', 'moz', 'o'];\nvar raf = target.requestAnimationFrame; // eslint-disable-line\nvar caf = target.cancelAnimationFrame; // eslint-disable-line\nif (!raf || !caf) {\n vendors.some(function (prefix) {\n raf = target[prefix + \"RequestAnimationFrame\"];\n caf = target[prefix + \"CancelAnimationFrame\"] || target[prefix + \"CancelRequestAnimationFrame\"];\n return raf && caf;\n });\n if (!raf || !caf) {\n var lastTime_1 = 0;\n raf = function (cb) {\n var currentTime = Date.now();\n var diff = Math.max(0, 16 - (currentTime - lastTime_1));\n var timer = setTimeout(function () {\n cb();\n lastTime_1 = currentTime + diff;\n }, diff);\n return timer;\n };\n caf = function (timer) {\n clearTimeout(timer);\n };\n }\n}\nraf = raf.bind(target);\ncaf = caf.bind(target);\nexport { raf, caf };\n","var _a;\nimport ReactDOM from 'react-dom';\nimport { isObject } from './is';\nvar __SECRET_INTERNALS__ = '__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED';\nvar CopyReactDOM = ReactDOM;\nvar copyRender;\nvar isReact18 = Number((_a = CopyReactDOM.version) === null || _a === void 0 ? void 0 : _a.split('.')[0]) > 17;\nvar updateUsingClientEntryPoint = function (skipWarning) {\n // https://github.com/facebook/react/blob/17806594cc28284fe195f918e8d77de3516848ec/packages/react-dom/npm/client.js#L10\n // Avoid console warning\n if (isObject(CopyReactDOM[__SECRET_INTERNALS__])) {\n CopyReactDOM[__SECRET_INTERNALS__].usingClientEntryPoint = skipWarning;\n }\n};\nvar createRoot;\ntry {\n createRoot = CopyReactDOM.createRoot;\n}\ncatch (_) {\n //\n}\nif (isReact18 && createRoot) {\n copyRender = function (app, container) {\n updateUsingClientEntryPoint(true);\n var root = createRoot(container);\n updateUsingClientEntryPoint(false);\n root.render(app);\n root._unmount = function () {\n setTimeout(function () {\n var _a;\n (_a = root === null || root === void 0 ? void 0 : root.unmount) === null || _a === void 0 ? void 0 : _a.call(root);\n });\n };\n return root;\n };\n}\nelse {\n copyRender = function (app, container) {\n CopyReactDOM.render(app, container);\n return {\n render: function (app) {\n CopyReactDOM.render(app, container);\n },\n _unmount: function () {\n CopyReactDOM.unmountComponentAtNode(container);\n },\n };\n };\n}\nexport var render = copyRender;\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n if (typeof b !== \"function\" && b !== null)\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport React from 'react';\nimport ResizeObserver from 'resize-observer-polyfill';\nimport { findDOMNode } from 'react-dom';\nvar ResizeObserverComponent = /** @class */ (function (_super) {\n __extends(ResizeObserverComponent, _super);\n function ResizeObserverComponent() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.componentWillUnmount = function () {\n if (_this.resizeObserver) {\n _this.destroyResizeObserver();\n }\n };\n _this.createResizeObserver = function () {\n _this.resizeObserver = new ResizeObserver(function (entry) {\n var onResize = _this.props.onResize;\n onResize && onResize(entry);\n });\n _this.resizeObserver.observe(findDOMNode(_this));\n };\n _this.destroyResizeObserver = function () {\n _this.resizeObserver && _this.resizeObserver.disconnect();\n _this.resizeObserver = null;\n };\n return _this;\n }\n ResizeObserverComponent.prototype.componentDidMount = function () {\n if (!React.isValidElement(this.props.children)) {\n console.warn('The children of ResizeObserver is invalid.');\n }\n else {\n this.createResizeObserver();\n }\n };\n ResizeObserverComponent.prototype.componentDidUpdate = function () {\n if (!this.resizeObserver && findDOMNode(this)) {\n this.createResizeObserver();\n }\n };\n ResizeObserverComponent.prototype.render = function () {\n return this.props.children;\n };\n return ResizeObserverComponent;\n}(React.Component));\nexport default ResizeObserverComponent;\n","// https://github.com/ant-design/ant-design/blob/master/components/_util/responsiveObserve.ts\nvar __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nexport var responsiveArray = ['xxxl', 'xxl', 'xl', 'lg', 'md', 'sm', 'xs'];\nexport var responsiveMap = {\n xs: '(max-width: 575px)',\n sm: '(min-width: 576px)',\n md: '(min-width: 768px)',\n lg: '(min-width: 992px)',\n xl: '(min-width: 1200px)',\n xxl: '(min-width: 1600px)',\n xxxl: '(min-width: 2000px)',\n};\nvar subscribers = [];\nvar subUid = -1;\nvar screens = {};\nvar responsiveObserve = {\n matchHandlers: {},\n dispatch: function (pointMap, breakpointChecked) {\n screens = pointMap;\n if (subscribers.length < 1) {\n return false;\n }\n subscribers.forEach(function (item) {\n item.func(screens, breakpointChecked);\n });\n return true;\n },\n subscribe: function (func) {\n if (subscribers.length === 0) {\n this.register();\n }\n var token = (++subUid).toString();\n subscribers.push({\n token: token,\n func: func,\n });\n func(screens, null);\n return token;\n },\n unsubscribe: function (token) {\n subscribers = subscribers.filter(function (item) { return item.token !== token; });\n if (subscribers.length === 0) {\n this.unregister();\n }\n },\n unregister: function () {\n var _this = this;\n Object.keys(responsiveMap).forEach(function (screen) {\n var matchMediaQuery = responsiveMap[screen];\n var handler = _this.matchHandlers[matchMediaQuery];\n if (handler && handler.mql && handler.listener) {\n handler.mql.removeListener(handler.listener);\n }\n });\n },\n register: function () {\n var _this = this;\n Object.keys(responsiveMap).forEach(function (screen) {\n var matchMediaQuery = responsiveMap[screen];\n var listener = function (_a) {\n var _b;\n var matches = _a.matches;\n _this.dispatch(__assign(__assign({}, screens), (_b = {}, _b[screen] = matches, _b)), screen);\n };\n var mql = window.matchMedia(matchMediaQuery);\n mql.addListener(listener);\n _this.matchHandlers[matchMediaQuery] = {\n mql: mql,\n listener: listener,\n };\n listener(mql);\n });\n },\n};\nexport default responsiveObserve;\n","var transformNames = [\n 'transform',\n 'WebkitTransform',\n 'msTransform',\n 'MozTransform',\n 'OTransform',\n];\nexport function fixedWidth(width) {\n return {\n maxWidth: width,\n minWidth: width,\n width: width,\n };\n}\nexport function setTransformStyle(value) {\n var style = {};\n transformNames.forEach(function (name) {\n style[name] = value;\n });\n return style;\n}\nexport function getStyle(element, prop) {\n if (!element || !prop)\n return null;\n var styleName = prop;\n if (styleName === 'float') {\n styleName = 'cssFloat';\n }\n try {\n if (document.defaultView) {\n var computed = document.defaultView.getComputedStyle(element, '');\n return element.style[styleName] || computed ? computed[styleName] : '';\n }\n }\n catch (e) {\n return element.style[styleName];\n }\n}\n","var __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport { raf, caf } from './raf';\nexport default function (cb) {\n var timer = null;\n var throttle = function () {\n var args = [];\n for (var _i = 0; _i < arguments.length; _i++) {\n args[_i] = arguments[_i];\n }\n timer && caf(timer);\n timer = raf(function () {\n cb.apply(void 0, __spreadArray([], __read(args), false));\n timer = null;\n });\n };\n throttle.cancel = function () {\n caf(timer);\n timer = null;\n };\n return throttle;\n}\n","export default function warning(condition, message) {\n if (process.env.NODE_ENV !== 'production' && console) {\n if (condition) {\n console.error(\"[@arco-design/web-react]: \" + message);\n }\n }\n}\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { useState, useContext, forwardRef } from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport IconCheckCircleFill from '../../icon/react-icon/IconCheckCircleFill';\nimport IconCloseCircleFill from '../../icon/react-icon/IconCloseCircleFill';\nimport IconInfoCircleFill from '../../icon/react-icon/IconInfoCircleFill';\nimport IconExclamationCircleFill from '../../icon/react-icon/IconExclamationCircleFill';\nimport IconClose from '../../icon/react-icon/IconClose';\nimport cs from '../_util/classNames';\nimport { ConfigContext } from '../ConfigProvider';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nvar defaultProps = {\n showIcon: true,\n type: 'info',\n};\nfunction Alert(baseProps, ref) {\n var _a;\n var _b = useContext(ConfigContext), getPrefixCls = _b.getPrefixCls, componentConfig = _b.componentConfig, rtl = _b.rtl;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Alert);\n var style = props.style, className = props.className, action = props.action, _c = props.type, type = _c === void 0 ? 'info' : _c, title = props.title, content = props.content, icon = props.icon, showIcon = props.showIcon, closable = props.closable, closeable = props.closeable, afterClose = props.afterClose, onClose = props.onClose, closeElement = props.closeElement, banner = props.banner, rest = __rest(props, [\"style\", \"className\", \"action\", \"type\", \"title\", \"content\", \"icon\", \"showIcon\", \"closable\", \"closeable\", \"afterClose\", \"onClose\", \"closeElement\", \"banner\"]);\n var prefixCls = getPrefixCls('alert');\n var _d = __read(useState(true), 2), visible = _d[0], setVisible = _d[1];\n function renderIcon(type) {\n if (icon) {\n return icon;\n }\n switch (type) {\n case 'info':\n return React.createElement(IconInfoCircleFill, null);\n case 'success':\n return React.createElement(IconCheckCircleFill, null);\n case 'warning':\n return React.createElement(IconExclamationCircleFill, null);\n case 'error':\n return React.createElement(IconCloseCircleFill, null);\n default:\n return null;\n }\n }\n function onHandleClose(e) {\n setVisible(false);\n onClose && onClose(e);\n }\n var classNames = cs(prefixCls, prefixCls + \"-\" + type, (_a = {},\n _a[prefixCls + \"-with-title\"] = title,\n _a[prefixCls + \"-banner\"] = banner,\n _a[prefixCls + \"-rtl\"] = rtl,\n _a), className);\n var _closable = 'closeable' in props ? closeable : closable;\n return (React.createElement(CSSTransition, { in: visible, timeout: 300, classNames: \"zoomInTop\", unmountOnExit: true, onExited: function () {\n afterClose && afterClose();\n } },\n React.createElement(\"div\", __assign({ ref: ref, style: style, className: classNames, role: \"alert\" }, rest),\n showIcon && React.createElement(\"div\", { className: prefixCls + \"-icon-wrapper\" }, renderIcon(type)),\n React.createElement(\"div\", { className: prefixCls + \"-content-wrapper\" },\n title && React.createElement(\"div\", { className: prefixCls + \"-title\" }, title),\n content && React.createElement(\"div\", { className: prefixCls + \"-content\" }, content)),\n action && React.createElement(\"div\", { className: prefixCls + \"-action\" }, action),\n _closable && (React.createElement(\"button\", { type: \"button\", onClick: onHandleClose, className: prefixCls + \"-close-btn\" }, closeElement || React.createElement(IconClose, null))))));\n}\nvar AlertComponent = forwardRef(Alert);\nAlertComponent.displayName = 'Alert';\nexport default AlertComponent;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { forwardRef, useRef, useImperativeHandle, useContext, useState, useEffect, useCallback, } from 'react';\nimport throttleByRaf from '../_util/throttleByRaf';\nimport cs from '../_util/classNames';\nimport { ConfigContext } from '../ConfigProvider';\nimport { on, off } from '../_util/dom';\nimport ResizeObserver from '../_util/resizeObserver';\nimport { isWindow, isUndefined, isFunction, isObject } from '../_util/is';\nimport useIsomorphicLayoutEffect from '../_util/hooks/useIsomorphicLayoutEffect';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nfunction getTargetRect(target) {\n return isWindow(target)\n ? {\n top: 0,\n bottom: window.innerHeight,\n }\n : target.getBoundingClientRect();\n}\nvar defaultProps = {\n offsetTop: 0,\n target: function () { return window; },\n};\nfunction Affix(baseProps, ref) {\n var _a;\n var _b = useContext(ConfigContext), getPrefixCls = _b.getPrefixCls, componentConfig = _b.componentConfig, rtl = _b.rtl;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Affix);\n var className = props.className, style = props.style, affixClassName = props.affixClassName, affixStyle = props.affixStyle, offsetTop = props.offsetTop, offsetBottom = props.offsetBottom, target = props.target, targetContainer = props.targetContainer, children = props.children, onChange = props.onChange, rest = __rest(props, [\"className\", \"style\", \"affixClassName\", \"affixStyle\", \"offsetTop\", \"offsetBottom\", \"target\", \"targetContainer\", \"children\", \"onChange\"]);\n var _c = __read(useState({\n status: 'MEASURE_DONE',\n isFixed: false,\n sizeStyles: {},\n fixedStyles: {},\n }), 2), state = _c[0], setState = _c[1];\n var isFixed = state.isFixed, sizeStyles = state.sizeStyles, fixedStyles = state.fixedStyles;\n var lastIsFixed = useRef(isFixed);\n var prefixCls = getPrefixCls('affix');\n var classNames = cs((_a = {}, _a[prefixCls] = isFixed, _a[prefixCls + \"-rtl\"] = rtl, _a), affixClassName);\n var wrapperRef = useRef(null);\n var targetRef = useRef(null);\n var updatePosition = useCallback(throttleByRaf(function () {\n setState({\n status: 'MEASURE_START',\n isFixed: false,\n fixedStyles: {},\n sizeStyles: {},\n });\n }), []);\n useIsomorphicLayoutEffect(function () {\n var status = state.status;\n if (status !== 'MEASURE_START' || !wrapperRef.current || !targetRef.current)\n return;\n var offsetType = isUndefined(offsetBottom) ? 'top' : 'bottom';\n var wrapperRect = wrapperRef.current.getBoundingClientRect();\n var targetRect = getTargetRect(targetRef.current);\n var newIsFixed = false;\n var newFixedStyles = {};\n if (offsetType === 'top') {\n newIsFixed = wrapperRect.top - targetRect.top < (offsetTop || 0);\n newFixedStyles = newIsFixed\n ? {\n position: 'fixed',\n top: targetRect.top + (offsetTop || 0),\n }\n : {};\n }\n else {\n newIsFixed = targetRect.bottom - wrapperRect.bottom < (offsetBottom || 0);\n newFixedStyles = newIsFixed\n ? {\n position: 'fixed',\n bottom: window.innerHeight - targetRect.bottom + (offsetBottom || 0),\n }\n : {};\n }\n var newSizeStyles = newIsFixed\n ? {\n width: wrapperRef.current.offsetWidth,\n height: wrapperRef.current.offsetHeight,\n }\n : {};\n setState({\n status: 'MEASURE_DONE',\n isFixed: newIsFixed,\n sizeStyles: newSizeStyles,\n fixedStyles: __assign(__assign({}, newFixedStyles), newSizeStyles),\n });\n if (newIsFixed !== lastIsFixed.current) {\n lastIsFixed.current = newIsFixed;\n isFunction(onChange) && onChange(newIsFixed);\n }\n }, [state, offsetBottom, offsetTop, onChange]);\n useEffect(function () {\n updatePosition();\n }, [target, targetContainer, offsetBottom, offsetTop, updatePosition]);\n // listen to scroll and resize event of target and update position correspondingly\n useEffect(function () {\n targetRef.current = target && isFunction(target) ? target() : null;\n if (targetRef.current) {\n on(targetRef.current, 'scroll', updatePosition);\n on(targetRef.current, 'resize', updatePosition);\n return function () {\n off(targetRef.current, 'scroll', updatePosition);\n off(targetRef.current, 'resize', updatePosition);\n };\n }\n }, [target, updatePosition]);\n useEffect(function () {\n var container = targetContainer && isFunction(targetContainer) ? targetContainer() : null;\n // listen to scroll event of container if target is not window\n if (targetRef.current !== window && container) {\n on(container, 'scroll', updatePosition);\n return function () {\n off(container, 'scroll', updatePosition);\n };\n }\n }, [targetContainer, updatePosition]);\n useImperativeHandle(ref, function () { return ({\n updatePosition: updatePosition,\n }); });\n return (React.createElement(ResizeObserver, { onResize: updatePosition },\n React.createElement(\"div\", __assign({ className: cs(className), style: style, ref: wrapperRef }, rest),\n isFixed && React.createElement(\"div\", { style: sizeStyles }),\n React.createElement(\"div\", { className: classNames, style: __assign(__assign({}, fixedStyles), (isObject(affixStyle) ? affixStyle : {})) },\n React.createElement(ResizeObserver, { onResize: updatePosition }, children || React.createElement(\"span\", null))))));\n}\nvar AffixComponent = forwardRef(Affix);\nAffixComponent.displayName = 'Affix';\nexport default AffixComponent;\n","import { createContext } from 'react';\nexport default createContext({\n currentLink: '',\n onLinkClick: function () { },\n addLink: function () { },\n removeLink: function () { },\n});\n","import BTween from 'b-tween';\nimport { isString, isWindow } from '../_util/is';\nexport function findNode(dom, selector) {\n // handle id start with number\n // e.g. id #123\n var s = isString(selector) && selector[0] === '#' ? \"[id='\" + selector.replace('#', '') + \"']\" : selector;\n try {\n return dom.querySelector(s);\n }\n catch (e) {\n console.error(e);\n return null;\n }\n}\nexport function slide(el, top, cb) {\n var tween = new BTween({\n from: {\n scrollTop: el.scrollTop,\n },\n to: {\n scrollTop: top,\n },\n easing: 'quartOut',\n duration: 300,\n onUpdate: function (keys) {\n el.scrollTop = keys.scrollTop;\n },\n onFinish: function () {\n cb && cb();\n },\n });\n tween.start();\n}\nexport function getContainer(targetContainer) {\n if (isString(targetContainer)) {\n return findNode(document, targetContainer);\n }\n return targetContainer || window;\n}\nexport function getContainerElement(scrollContainer) {\n return isWindow(scrollContainer) ? document.documentElement || document.body : scrollContainer;\n}\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { forwardRef, useContext, useEffect, useImperativeHandle, useRef, isValidElement, } from 'react';\nimport AnchorContext from './context';\nimport { ConfigContext } from '../ConfigProvider';\nimport cs from '../_util/classNames';\nimport { isString, isObject, isUndefined, isNull } from '../_util/is';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nvar DISPLAY_NAME = 'AnchorLink';\nvar defaultProps = {\n href: '#',\n};\nfunction isNamedComponent(type) {\n return isObject(type) && type.hasOwnProperty('displayName');\n}\nfunction Link(baseProps, ref) {\n var _a;\n var _b = useContext(ConfigContext), getPrefixCls = _b.getPrefixCls, componentConfig = _b.componentConfig;\n var _c = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig['Anchor.Link']), className = _c.className, style = _c.style, href = _c.href, title = _c.title, children = _c.children, rest = __rest(_c, [\"className\", \"style\", \"href\", \"title\", \"children\"]);\n var anchorContext = useContext(AnchorContext);\n var currentLink = anchorContext.currentLink, addLink = anchorContext.addLink, removeLink = anchorContext.removeLink, onLinkClick = anchorContext.onLinkClick;\n var prefixCls = getPrefixCls('anchor-link');\n var classNames = cs(prefixCls, (_a = {},\n _a[prefixCls + \"-active\"] = currentLink === href,\n _a), className);\n var linkRef = useRef(null);\n useImperativeHandle(ref, function () { return linkRef.current; }, []);\n useEffect(function () {\n addLink && addLink(href, linkRef.current);\n return function () {\n removeLink && removeLink(href);\n };\n }, [href]);\n return (React.createElement(\"div\", __assign({ className: classNames, style: style, ref: linkRef }, rest),\n !isUndefined(title) && !isNull(title) && (React.createElement(\"a\", { className: prefixCls + \"-title\", title: isString(title) ? title : '', href: href, \"data-href\": href, onClick: function (e) {\n onLinkClick && onLinkClick(e, href);\n } }, title)),\n children &&\n React.Children.map(children, function (item) {\n return (isValidElement(item) &&\n isNamedComponent(item.type) &&\n item.type.displayName === DISPLAY_NAME &&\n item);\n })));\n}\nvar AnchorLinkComponent = forwardRef(Link);\nAnchorLinkComponent.displayName = DISPLAY_NAME;\nexport default AnchorLinkComponent;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport React, { forwardRef, useCallback, useContext, useEffect, useImperativeHandle, useRef, } from 'react';\nimport throttle from 'lodash/throttle';\nimport compute from 'compute-scroll-into-view';\nimport scrollIntoViewIfNeeded from 'scroll-into-view-if-needed';\nimport { isFunction, isNumber, isWindow } from '../_util/is';\nimport { on, off } from '../_util/dom';\nimport cs from '../_util/classNames';\nimport useIsFirstRender from '../_util/hooks/useIsFirstRender';\nimport Affix from '../Affix';\nimport { ConfigContext } from '../ConfigProvider';\nimport AnchorContext from './context';\nimport { findNode, slide, getContainer, getContainerElement } from './utils';\nimport useStateWithPromise from '../_util/hooks/useStateWithPromise';\nimport Link from './link';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nvar defaultProps = {\n animation: true,\n affix: true,\n hash: true,\n boundary: 'start',\n};\nfunction Anchor(baseProps, ref) {\n var _a;\n var _b = useContext(ConfigContext), getPrefixCls = _b.getPrefixCls, componentConfig = _b.componentConfig, rtl = _b.rtl;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Anchor);\n var className = props.className, style = props.style, propScrollContainer = props.scrollContainer, _c = props.animation, animation = _c === void 0 ? true : _c, lineless = props.lineless, _d = props.affix, affix = _d === void 0 ? true : _d, affixStyle = props.affixStyle, offsetBottom = props.offsetBottom, offsetTop = props.offsetTop, _e = props.hash, willChangeHash = _e === void 0 ? true : _e, _f = props.boundary, boundary = _f === void 0 ? 'start' : _f, targetOffset = props.targetOffset, children = props.children, onSelect = props.onSelect, onChange = props.onChange, rest = __rest(props, [\"className\", \"style\", \"scrollContainer\", \"animation\", \"lineless\", \"affix\", \"affixStyle\", \"offsetBottom\", \"offsetTop\", \"hash\", \"boundary\", \"targetOffset\", \"children\", \"onSelect\", \"onChange\"]);\n var prefixCls = getPrefixCls('anchor');\n var classNames = cs(prefixCls, className, (_a = {},\n _a[prefixCls + \"-lineless\"] = lineless,\n _a[prefixCls + \"-rtl\"] = rtl,\n _a));\n var wrapperRef = useRef(null);\n var sliderLineRef = useRef(null);\n var linkMap = useRef(new Map());\n var isScrolling = useRef(false);\n var _g = __read(useStateWithPromise(''), 2), currentLink = _g[0], setCurrentLink = _g[1];\n var isFirstRender = useIsFirstRender();\n var scrollContainer = useRef(null);\n useEffect(function () {\n var container = getContainer(propScrollContainer);\n scrollContainer.current = container;\n }, [propScrollContainer]);\n var getAffixTarget = useCallback(function () {\n return getContainer(propScrollContainer);\n }, [propScrollContainer]);\n useImperativeHandle(ref, function () { return ({\n dom: wrapperRef.current,\n }); }, []);\n function addLink(hash, element) {\n if (hash) {\n linkMap.current.set(hash, element);\n }\n }\n function removeLink(hash) {\n linkMap.current.delete(hash);\n }\n var setActiveLink = useCallback(function (hash) {\n if (!hash || !wrapperRef.current)\n return;\n // Try to add when there is no corresponding link\n if (!linkMap.current.has(hash)) {\n var node_1 = findNode(wrapperRef.current, \"a[data-href='\" + hash + \"']\");\n node_1 && addLink(hash, node_1);\n }\n var node = linkMap.current.get(hash);\n if (node && hash !== currentLink) {\n scrollIntoViewIfNeeded(node, {\n behavior: 'instant',\n block: 'nearest',\n scrollMode: 'if-needed',\n boundary: wrapperRef.current,\n });\n setCurrentLink(hash).then(function () {\n isFunction(onChange) && onChange(hash, currentLink);\n });\n }\n }, [currentLink, onChange]);\n var getEleInViewport = useCallback(function () {\n var result;\n var startTop = isNumber(boundary) ? boundary : 0;\n var container = scrollContainer.current;\n var containerElement = getContainerElement(container);\n var containerRect = containerElement.getBoundingClientRect();\n var documentHeight = document.documentElement.clientHeight;\n __spreadArray([], __read(linkMap.current.keys()), false).some(function (hash) {\n var element = findNode(document, hash);\n var inView = false;\n if (element) {\n var _a = element.getBoundingClientRect(), top_1 = _a.top, height = _a.height;\n if (isWindow(container)) {\n var innerTargetOffset = targetOffset !== null && targetOffset !== void 0 ? targetOffset : documentHeight / 2;\n inView =\n (top_1 >= startTop && top_1 <= innerTargetOffset) ||\n (top_1 <= startTop && top_1 + height >= innerTargetOffset);\n }\n else {\n var offsetTop_1 = top_1 - containerRect.top - startTop;\n var innerTargetOffset = targetOffset !== null && targetOffset !== void 0 ? targetOffset : containerRect.height / 2;\n inView =\n (offsetTop_1 >= 0 && offsetTop_1 <= innerTargetOffset) ||\n (offsetTop_1 <= 0 && offsetTop_1 + height >= innerTargetOffset);\n }\n if (inView) {\n result = element;\n }\n }\n return inView;\n });\n return result;\n }, [boundary, targetOffset]);\n var onScroll = useCallback(throttle(function () {\n if (isScrolling.current)\n return;\n var element = getEleInViewport();\n if (element && element.id) {\n var hash = \"#\" + element.id;\n setActiveLink(hash);\n }\n }, 30, { trailing: true }), [getEleInViewport, setActiveLink]);\n function scrollIntoView(hash) {\n if (!hash)\n return;\n try {\n var element = findNode(document, hash);\n if (!element)\n return;\n var block = isNumber(boundary) ? 'start' : boundary;\n var offset_1 = isNumber(boundary) ? boundary : 0;\n var actions = compute(element, { block: block });\n if (!actions.length)\n return;\n var stopScroll_1 = false;\n var promises = actions.map(function (_a) {\n var el = _a.el, top = _a.top;\n return new Promise(function (resolve) {\n if (!stopScroll_1) {\n if (el === scrollContainer.current) {\n stopScroll_1 = true;\n }\n var targetTop = top - offset_1;\n if (!animation) {\n // Manually trigger scrolling as browser's default action is prevented when `props.hash` is false\n if (!willChangeHash) {\n el.scrollTop = targetTop;\n }\n return resolve(null);\n }\n return slide(el, targetTop, resolve);\n }\n resolve(null);\n });\n });\n isScrolling.current = true;\n Promise.all(promises).then(function () {\n isScrolling.current = false;\n });\n }\n catch (e) {\n console.error(e);\n }\n }\n function onLinkClick(e, hash) {\n if (!willChangeHash) {\n e.preventDefault();\n }\n setActiveLink(hash);\n scrollIntoView(hash);\n isFunction(onSelect) && onSelect(hash, currentLink);\n }\n useEffect(function () {\n var hash = decodeURIComponent(location.hash);\n if (hash) {\n setActiveLink(hash);\n scrollIntoView(hash);\n }\n else {\n // compute current active anchor\n onScroll();\n }\n }, []);\n useEffect(function () {\n if (!isFirstRender) {\n onScroll();\n }\n on(scrollContainer.current, 'scroll', onScroll);\n return function () {\n off(scrollContainer.current, 'scroll', onScroll);\n };\n }, [propScrollContainer, onScroll]);\n useEffect(function () {\n var link = linkMap.current.get(currentLink);\n if (link && !lineless && sliderLineRef.current) {\n sliderLineRef.current.style.top = link.offsetTop + \"px\";\n }\n }, [currentLink, lineless]);\n var content = (React.createElement(\"div\", __assign({ className: classNames, style: style, ref: wrapperRef }, rest),\n !lineless && currentLink && (React.createElement(\"div\", { className: prefixCls + \"-line-slider\", ref: sliderLineRef })),\n React.createElement(AnchorContext.Provider, { value: {\n currentLink: currentLink,\n addLink: addLink,\n removeLink: removeLink,\n onLinkClick: onLinkClick,\n } },\n React.createElement(\"div\", { className: prefixCls + \"-list\" }, children))));\n return affix ? (React.createElement(Affix, { offsetTop: offsetTop, offsetBottom: offsetBottom, style: affixStyle, target: getAffixTarget }, content)) : (content);\n}\nvar ForwardRefAnchor = forwardRef(Anchor);\nvar AnchorComponent = ForwardRefAnchor;\nAnchorComponent.displayName = 'Anchor';\nAnchorComponent.Link = Link;\nexport default AnchorComponent;\n","import Anchor from './anchor';\nexport default Anchor;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React from 'react';\nimport omit from '../_util/omit';\nfunction OptGroup(props, ref) {\n var prefixCls = props.prefixCls, label = props.label, rest = __rest(props, [\"prefixCls\", \"label\"]);\n return (React.createElement(\"li\", __assign({ ref: ref, className: prefixCls + \"-group-title\" }, omit(rest, ['_key', 'children', 'isSelectOptGroup'])), label));\n}\nvar ForwardRefOptGroup = React.forwardRef(OptGroup);\nvar OptGroupComponent = ForwardRefOptGroup;\nOptGroupComponent.__ARCO_SELECT_OPTGROUP__ = true;\nexport default OptGroupComponent;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport React, { createContext, useContext, useCallback, useState, } from 'react';\nimport Checkbox from './checkbox';\nimport cs from '../_util/classNames';\nimport { ConfigContext } from '../ConfigProvider';\nimport useMergeValue from '../_util/hooks/useMergeValue';\nimport { isArray, isObject } from '../_util/is';\nimport { pickTriggerPropsFromRest } from '../_util/constant';\nvar defaultContextValue = {\n isCheckboxGroup: false,\n checkboxGroupValue: [],\n onGroupChange: function () { },\n registerValue: function () { },\n unRegisterValue: function () { },\n};\nexport var CheckboxGroupContext = createContext(defaultContextValue);\nexport var ClearCheckboxGroupContext = function (_a) {\n var children = _a.children;\n return React.createElement(CheckboxGroupContext.Provider, { children: children, value: defaultContextValue });\n};\nfunction Group(props) {\n var _a;\n var _b = __read(useMergeValue([], {\n defaultValue: 'defaultValue' in props ? props.defaultValue || [] : undefined,\n value: 'value' in props ? props.value || [] : undefined,\n }), 2), value = _b[0], setValue = _b[1];\n var _c = __read(useState([]), 2), allOptionValues = _c[0], setAllOptionValues = _c[1];\n var _d = useContext(ConfigContext), getPrefixCls = _d.getPrefixCls, rtl = _d.rtl;\n var disabled = props.disabled, options = props.options, style = props.style, className = props.className, error = props.error, children = props.children, _e = props.direction, direction = _e === void 0 ? 'horizontal' : _e;\n var prefixCls = getPrefixCls('checkbox');\n var classNames = cs(prefixCls + \"-group\", (_a = {},\n _a[prefixCls + \"-group-is-error\"] = error,\n _a[prefixCls + \"-group-direction-\" + direction] = direction,\n _a[prefixCls + \"-group-rtl\"] = rtl,\n _a), className);\n var onChange = useCallback(function (optionValue, checked, e) {\n var newVal = value.slice();\n if (checked) {\n newVal.push(optionValue);\n }\n else {\n newVal.splice(value.indexOf(optionValue), 1);\n }\n setValue(newVal);\n props.onChange &&\n props.onChange(newVal.filter(function (v) { return allOptionValues.indexOf(v) > -1; }), e);\n }, [value, props.onChange, allOptionValues]);\n return (React.createElement(\"span\", __assign({ className: classNames, style: style }, pickTriggerPropsFromRest(props)),\n React.createElement(CheckboxGroupContext.Provider, { value: {\n isCheckboxGroup: true,\n checkboxGroupValue: value,\n onGroupChange: onChange,\n disabled: disabled,\n registerValue: function (value) {\n setAllOptionValues(function (allOptionValues) {\n return Array.from(new Set(__spreadArray(__spreadArray([], __read(allOptionValues), false), [value], false)));\n });\n },\n unRegisterValue: function (value) {\n setAllOptionValues(function (allOptionValues) {\n return allOptionValues.filter(function (x) { return x !== value; });\n });\n },\n } }, isArray(options)\n ? options.map(function (option) {\n var label = isObject(option) ? option.label : option;\n var checkValue = isObject(option) ? option.value : option;\n var icon = isObject(option) ? option.icon : undefined;\n return (React.createElement(Checkbox, { disabled: disabled || (isObject(option) && option.disabled), key: checkValue, value: checkValue, icon: icon }, label));\n })\n : children)));\n}\nGroup.displayName = 'CheckboxGroup';\nexport default Group;\n","var __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport { useState, useMemo } from 'react';\nimport { isArray } from '../_util/is';\nvar useCheckbox = function (values, defaultSelected) {\n var _a = __read(useState(__spreadArray([], __read((defaultSelected || [])), false)), 2), selected = _a[0], setSelected = _a[1];\n var _b = useMemo(function () {\n // 判断是否选中\n var isSelected = function (value) {\n return selected.indexOf(value) > -1;\n };\n // 设置选中\n var setValueSelected = function (value, selectStatus) {\n var list = isArray(value) ? value : [value];\n var newSelected;\n if (selectStatus) {\n newSelected = __spreadArray(__spreadArray([], __read(selected), false), __read(list), false);\n }\n else {\n newSelected = selected.filter(function (x) { return list.indexOf(x) === -1; });\n }\n setSelected(Array.from(new Set(newSelected)));\n };\n return {\n isSelected: isSelected,\n setValueSelected: setValueSelected,\n };\n }, [selected]), isSelected = _b.isSelected, setValueSelected = _b.setValueSelected;\n var _c = useMemo(function () {\n var selectAll = function () {\n setSelected(values);\n };\n var unSelectAll = function () {\n setSelected([]);\n };\n var toggle = function (value) {\n if (value === void 0) { value = values; }\n var list = isArray(value) ? value : [value];\n var newSelected = __spreadArray([], __read(selected), false);\n list.forEach(function (x) {\n var index = newSelected.indexOf(x);\n if (index > -1) {\n newSelected.splice(index, 1);\n }\n else {\n newSelected.push(x);\n }\n });\n setSelected(newSelected);\n };\n var isAllSelected = function () {\n return values.every(function (x) { return isSelected(x); });\n };\n /**\n * 是否部分选中\n */\n var isPartialSelected = function () {\n return values.some(function (x) { return isSelected(x); }) && !isAllSelected();\n };\n return {\n selectAll: selectAll,\n unSelectAll: unSelectAll,\n toggle: toggle,\n isAllSelected: isAllSelected,\n isPartialSelected: isPartialSelected,\n };\n }, [selected, values, isSelected]), selectAll = _c.selectAll, unSelectAll = _c.unSelectAll, toggle = _c.toggle, isAllSelected = _c.isAllSelected, isPartialSelected = _c.isPartialSelected;\n return {\n selected: selected,\n setSelected: setSelected,\n setValueSelected: setValueSelected,\n selectAll: selectAll,\n unSelectAll: unSelectAll,\n toggle: toggle,\n isSelected: isSelected,\n isAllSelected: isAllSelected,\n isPartialSelected: isPartialSelected,\n };\n};\nexport default useCheckbox;\n","import React from 'react';\nexport default function IconCheck(_a) {\n var className = _a.className;\n return (React.createElement(\"svg\", { className: className, \"aria-hidden\": true, focusable: false, viewBox: \"0 0 1024 1024\", width: \"200\", height: \"200\", fill: \"currentColor\" },\n React.createElement(\"path\", { d: \"M877.44815445 206.10060629a64.72691371 64.72691371 0 0 0-95.14856334 4.01306852L380.73381888 685.46812814 235.22771741 533.48933518a64.72691371 64.72691371 0 0 0-92.43003222-1.03563036l-45.82665557 45.82665443a64.72691371 64.72691371 0 0 0-0.90617629 90.61767965l239.61903446 250.10479331a64.72691371 64.72691371 0 0 0 71.19960405 15.14609778 64.33855261 64.33855261 0 0 0 35.08198741-21.23042702l36.24707186-42.71976334 40.5190474-40.77795556-3.36579926-3.49525333 411.40426297-486.74638962a64.72691371 64.72691371 0 0 0-3.88361443-87.64024149l-45.3088404-45.43829334z\", \"p-id\": \"840\" })));\n}\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { useContext, useCallback, useRef, useEffect } from 'react';\nimport Group, { CheckboxGroupContext } from './group';\nimport cs from '../_util/classNames';\nimport { ConfigContext } from '../ConfigProvider';\nimport useCheckbox from './useCheckbox';\nimport useMergeValue from '../_util/hooks/useMergeValue';\nimport omit from '../_util/omit';\nimport Hover from '../_class/icon-hover';\nimport IconCheck from './icon-check';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nimport { isFunction } from '../_util/is';\nfunction Checkbox(baseProps, ref) {\n var _a;\n var inputRef = useRef(null);\n var _b = useContext(ConfigContext), getPrefixCls = _b.getPrefixCls, componentConfig = _b.componentConfig, rtl = _b.rtl;\n var props = useMergeProps(baseProps, {}, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Checkbox);\n var context = useContext(CheckboxGroupContext);\n var prefixCls = getPrefixCls('checkbox');\n var onGroupChange = context.onGroupChange;\n var mergeProps = __assign({}, props);\n if (context.isCheckboxGroup) {\n mergeProps.checked = context.checkboxGroupValue.indexOf(props.value) !== -1;\n mergeProps.disabled = 'disabled' in props ? props.disabled : context.disabled;\n }\n var disabled = mergeProps.disabled, children = mergeProps.children, className = mergeProps.className, value = mergeProps.value, style = mergeProps.style, indeterminate = mergeProps.indeterminate, error = mergeProps.error, rest = __rest(mergeProps, [\"disabled\", \"children\", \"className\", \"value\", \"style\", \"indeterminate\", \"error\"]);\n var _c = __read(useMergeValue(false, {\n value: mergeProps.checked,\n defaultValue: mergeProps.defaultChecked,\n }), 2), checked = _c[0], setChecked = _c[1];\n var classNames = cs(prefixCls, (_a = {},\n _a[prefixCls + \"-disabled\"] = !!disabled,\n _a[prefixCls + \"-indeterminate\"] = !!indeterminate,\n _a[prefixCls + \"-checked\"] = checked,\n _a[prefixCls + \"-rtl\"] = rtl,\n _a.error = error,\n _a), className);\n useEffect(function () {\n context.registerValue(value);\n return function () {\n context.unRegisterValue(value);\n };\n }, [value]);\n var onChange = useCallback(function (e) {\n e.persist();\n e.stopPropagation();\n setChecked(e.target.checked);\n if (context.isCheckboxGroup) {\n onGroupChange && onGroupChange(props.value, e.target.checked, e);\n }\n props.onChange && props.onChange(e.target.checked, e);\n }, [onGroupChange, context.isCheckboxGroup, props.onChange, props.value]);\n var onLabelClick = React.useCallback(function (e) {\n if (isFunction(props.children)) {\n // 避免children中含有表单元素造成label无法触发input的onchange的情况\n e.preventDefault();\n inputRef.current && inputRef.current.click();\n }\n rest.onClick && rest.onClick(e);\n }, [props.children, rest.onClick]);\n var icon = React.createElement(IconCheck, { className: prefixCls + \"-mask-icon\" });\n if (mergeProps.icon) {\n if (React.isValidElement(mergeProps.icon)) {\n icon = React.cloneElement(mergeProps.icon, {\n className: prefixCls + \"-mask-icon\",\n });\n }\n else {\n icon = mergeProps.icon;\n }\n }\n return (React.createElement(\"label\", __assign({ ref: ref, \"aria-disabled\": disabled }, omit(rest, ['onChange']), { onClick: onLabelClick, className: classNames, style: style }),\n React.createElement(\"input\", { value: value, disabled: !!disabled, ref: inputRef, checked: !!checked, onChange: onChange, \n // To avoid triggering onChange twice in Select if it's used in Select option.\n onClick: function (e) { return e.stopPropagation(); }, type: \"checkbox\" }),\n isFunction(children) ? (children({ checked: checked, indeterminate: indeterminate })) : (React.createElement(React.Fragment, null,\n React.createElement(Hover, { prefix: prefixCls, className: prefixCls + \"-mask-wrapper\", disabled: checked || disabled || indeterminate },\n React.createElement(\"div\", { className: prefixCls + \"-mask\" }, icon)),\n children && React.createElement(\"span\", { className: prefixCls + \"-text\" }, children)))));\n}\nvar CheckboxComponent = React.forwardRef(Checkbox);\nCheckboxComponent.displayName = 'Checkbox';\nCheckboxComponent.Group = Group;\nCheckboxComponent.useCheckbox = useCheckbox;\nexport default CheckboxComponent;\n","import Checkbox from './checkbox';\nexport default Checkbox;\nexport { ClearCheckboxGroupContext } from './group';\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React from 'react';\nimport cs from '../_util/classNames';\nimport Checkbox from '../Checkbox';\nimport omit from '../_util/omit';\nfunction Option(props, ref) {\n var _a, _b;\n var style = props.style, className = props.className, wrapperClassName = props.wrapperClassName, disabled = props.disabled, prefixCls = props.prefixCls, rtl = props.rtl, propValue = props.value, propChildren = props.children, _isMultipleMode = props._isMultipleMode, _isUserCreatedOption = props._isUserCreatedOption, _isUserCreatingOption = props._isUserCreatingOption, _valueActive = props._valueActive, _valueSelect = props._valueSelect, _onMouseEnter = props._onMouseEnter, _onMouseLeave = props._onMouseLeave, _onClick = props._onClick, rest = __rest(props, [\"style\", \"className\", \"wrapperClassName\", \"disabled\", \"prefixCls\", \"rtl\", \"value\", \"children\", \"_isMultipleMode\", \"_isUserCreatedOption\", \"_isUserCreatingOption\", \"_valueActive\", \"_valueSelect\", \"_onMouseEnter\", \"_onMouseLeave\", \"_onClick\"]);\n var value = 'value' in props ? propValue : \"\" + propChildren;\n var childNode = 'children' in props ? propChildren : \"\" + propValue;\n var isChecked = _isMultipleMode\n ? _valueSelect.indexOf(value) !== -1\n : _valueSelect === value;\n var optionLabelProps = __assign({ style: style, className: cs(prefixCls + \"-option\", (_a = {},\n _a[prefixCls + \"-option-selected\"] = isChecked,\n _a[prefixCls + \"-option-disabled\"] = disabled,\n _a[prefixCls + \"-option-hover\"] = value === _valueActive,\n _a[prefixCls + \"-option-empty\"] = (!childNode && childNode !== 0) ||\n (typeof childNode === 'string' && /^\\s*$/.test(childNode)),\n _a[prefixCls + \"-option-rtl\"] = rtl,\n _a), className), onMouseEnter: function (event) {\n _onMouseEnter && _onMouseEnter(value);\n rest.onMouseEnter && rest.onMouseEnter(event);\n }, onMouseLeave: function (event) {\n _onMouseLeave && _onMouseLeave();\n rest.onMouseLeave && rest.onMouseLeave(event);\n }, onClick: function (event) {\n _onClick && _onClick(value, disabled);\n rest.onClick && rest.onClick(event);\n } }, omit(rest, ['_key', 'extra', 'isSelectOption', 'onClick', 'onMouseEnter', 'onMouseLeave']));\n var wrapperProps = {\n ref: ref,\n role: 'option',\n 'aria-selected': isChecked,\n };\n // Mark the option that created/creating by user self\n _isUserCreatedOption && Object.assign(wrapperProps, { 'data-user-created': true });\n _isUserCreatingOption && Object.assign(wrapperProps, { 'data-user-creating': true });\n if (_isMultipleMode) {\n return (React.createElement(\"li\", __assign({}, wrapperProps, { className: cs(prefixCls + \"-option-wrapper\", (_b = {},\n _b[prefixCls + \"-option-wrapper-selected\"] = isChecked,\n _b[prefixCls + \"-option-wrapper-disabled\"] = disabled,\n _b), wrapperClassName) }),\n React.createElement(Checkbox, { \"aria-hidden\": \"true\", className: prefixCls + \"-checkbox\", checked: isChecked, disabled: disabled, onChange: optionLabelProps.onClick }),\n React.createElement(\"span\", __assign({}, optionLabelProps), childNode)));\n }\n return (React.createElement(\"li\", __assign({}, wrapperProps, optionLabelProps), childNode));\n}\nvar ForwordRefOption = React.forwardRef(Option);\nvar OptionComponent = ForwordRefOption;\nOptionComponent.__ARCO_SELECT_OPTION__ = true;\nexport default OptionComponent;\n","var stringifyHotkey = function (k) {\n return JSON.stringify({\n code: k.code,\n ctrl: !!k.ctrl,\n shift: !!k.shift,\n alt: !!k.alt,\n meta: !!k.meta,\n });\n};\n/**\n * @param hotkeyMap - 快捷键描述对象\n */\nexport default function getHotkeyHandler(hotkeyMap) {\n var map = {};\n hotkeyMap.forEach(function (callback, hotkey) {\n hotkey = typeof hotkey === 'number' ? { code: hotkey } : hotkey;\n map[stringifyHotkey(hotkey)] = callback;\n });\n return function (event) {\n var key = stringifyHotkey({\n code: event.keyCode || event.which,\n ctrl: !!event.ctrlKey,\n shift: !!event.shiftKey,\n alt: !!event.altKey,\n meta: !!event.metaKey,\n });\n var callback = map[key];\n if (callback) {\n event.stopPropagation();\n if (callback(event) === false) {\n event.preventDefault();\n }\n }\n };\n}\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { useState, useContext, forwardRef } from 'react';\nimport useKeyboardEvent from '../_util/hooks/useKeyboardEvent';\nimport cs from '../_util/classNames';\nimport IconClose from '../../icon/react-icon/IconClose';\nimport IconLoading from '../../icon/react-icon/IconLoading';\nimport omit from '../_util/omit';\nimport { ConfigContext } from '../ConfigProvider';\nimport IconHover from '../_class/icon-hover';\nimport useMergeProps from '../_util/hooks/useMergeProps';\n// 色板里的 12 个颜色\nvar COLORS = [\n 'red',\n 'orangered',\n 'orange',\n 'gold',\n 'lime',\n 'green',\n 'cyan',\n 'blue',\n 'arcoblue',\n 'purple',\n 'pinkpurple',\n 'magenta',\n 'gray',\n];\nvar defaultProps = {\n size: 'default',\n};\nfunction Tag(baseProps, ref) {\n var _a;\n var _b = useContext(ConfigContext), getPrefixCls = _b.getPrefixCls, componentConfig = _b.componentConfig, rtl = _b.rtl;\n var getKeyboardEvents = useKeyboardEvent();\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Tag);\n var className = props.className, style = props.style, children = props.children, color = props.color, closable = props.closable, checkable = props.checkable, defaultChecked = props.defaultChecked, size = props.size, onClose = props.onClose, onCheck = props.onCheck, icon = props.icon, closeIcon = props.closeIcon, bordered = props.bordered, rest = __rest(props, [\"className\", \"style\", \"children\", \"color\", \"closable\", \"checkable\", \"defaultChecked\", \"size\", \"onClose\", \"onCheck\", \"icon\", \"closeIcon\", \"bordered\"]);\n var prefixCls = getPrefixCls('tag');\n var _c = __read(useState('visible' in props ? props.visible : true), 2), visible = _c[0], setVisible = _c[1];\n var _d = __read(useState('checked' in props ? props.checked : defaultChecked), 2), checked = _d[0], setChecked = _d[1];\n var _e = __read(useState(), 2), loading = _e[0], setLoading = _e[1];\n // controlled\n var mergedChecked = 'checked' in props ? props.checked : checked;\n var mergedVisible = 'visible' in props ? props.visible : visible;\n function onHandleClose(e) {\n var ret = onClose && onClose(e);\n if (ret && ret.then) {\n setLoading(true);\n ret\n .then(function () {\n setLoading(false);\n setVisible(false);\n })\n .catch(function () {\n setLoading(false);\n });\n }\n else {\n setVisible(false);\n }\n }\n function onHandleCheck() {\n var newChecked = !mergedChecked;\n if (!('checked' in props)) {\n setChecked(newChecked);\n }\n onCheck && onCheck(newChecked);\n }\n var _color = color ? (COLORS.indexOf(color) !== -1 ? color : '') : '';\n var _checked = checkable ? mergedChecked : true;\n var classNames = cs(prefixCls, (_a = {},\n _a[prefixCls + \"-loading\"] = loading,\n _a[prefixCls + \"-hide\"] = !mergedVisible,\n _a[prefixCls + \"-\" + _color] = _color,\n _a[prefixCls + \"-checkable\"] = checkable,\n _a[prefixCls + \"-checked\"] = _checked,\n _a[prefixCls + \"-size-\" + size] = size,\n _a[prefixCls + \"-bordered\"] = bordered,\n _a[prefixCls + \"-custom-color\"] = _checked && color && !_color,\n _a[prefixCls + \"-rtl\"] = rtl,\n _a), className);\n var colorStyle = __assign({}, style);\n if (color && !_color && _checked) {\n colorStyle.backgroundColor = color;\n colorStyle.borderColor = color;\n }\n var otherProps = omit(rest, ['visible']);\n if (checkable) {\n otherProps.onClick = onHandleCheck;\n }\n return (React.createElement(\"div\", __assign({ ref: ref, style: colorStyle, className: classNames }, otherProps),\n icon && React.createElement(\"span\", { className: prefixCls + \"-icon\" }, icon),\n React.createElement(\"span\", { className: prefixCls + \"-content\" }, children),\n closable && !loading && closeIcon !== null && (React.createElement(IconHover, __assign({ prefix: prefixCls, className: prefixCls + \"-close-btn\", onClick: onHandleClose, role: \"button\", tabIndex: 0 }, getKeyboardEvents({ onPressEnter: onHandleClose }), { \"aria-label\": \"Close\" }), closeIcon !== undefined ? closeIcon : React.createElement(IconClose, null))),\n loading && (React.createElement(\"span\", { className: prefixCls + \"-loading-icon\" },\n React.createElement(IconLoading, null)))));\n}\nvar TagComponent = forwardRef(Tag);\nTagComponent.displayName = 'Tag';\nexport default TagComponent;\n","var __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { useEffect, useRef, useState } from 'react';\nimport cs from '../../_util/classNames';\nfunction Item(props) {\n var _a;\n var prefixCls = props.prefixCls, style = props.style, children = props.children, direction = props.direction, disabled = props.disabled, _b = props.droppable, droppable = _b === void 0 ? true : _b, onDrop = props.onDrop, onDragStart = props.onDragStart, onDragEnd = props.onDragEnd, onDragOver = props.onDragOver, onDragLeave = props.onDragLeave;\n var refItem = useRef(null);\n var refDraggedTimer = useRef(null);\n var _c = __read(useState('none'), 2), dragStatus = _c[0], setDragStatus = _c[1];\n var _d = __read(useState(false), 2), dragOver = _d[0], setDragOver = _d[1];\n var _e = __read(useState(null), 2), dragPosition = _e[0], setDragPosition = _e[1];\n useEffect(function () {\n return function () {\n refDraggedTimer.current && clearTimeout(refDraggedTimer.current);\n };\n }, []);\n useEffect(function () {\n if (dragStatus === 'dragged') {\n refDraggedTimer.current = setTimeout(function () { return setDragStatus('none'); }, 1000);\n }\n }, [dragStatus]);\n return (React.createElement(\"li\", { draggable: true, ref: refItem, style: style, className: cs(prefixCls + \"-item\", (_a = {},\n _a[prefixCls + \"-item-\" + dragStatus] = dragStatus !== 'none',\n _a[prefixCls + \"-item-gap-\" + dragPosition] = dragPosition,\n _a[prefixCls + \"-item-disabled\"] = disabled,\n _a[prefixCls + \"-item-dragover\"] = dragOver,\n _a)), onDragStart: function (event) {\n event.stopPropagation();\n setDragStatus('dragging');\n try {\n // ie throw error\n // firefox-need-it\n event.dataTransfer.setData('text/plain', '');\n }\n catch (error) { }\n onDragStart && onDragStart(event);\n }, onDragEnd: function (event) {\n event.stopPropagation();\n setDragOver(false);\n setDragStatus('dragged');\n onDragEnd && onDragEnd(event);\n }, onDragOver: function (event) {\n if (droppable) {\n event.stopPropagation();\n event.preventDefault();\n var rect = refItem.current.getBoundingClientRect();\n if (direction === 'vertical') {\n setDragPosition(event.pageY > window.pageYOffset + rect.top + rect.height / 2 ? 'bottom' : 'top');\n }\n else {\n setDragPosition(event.pageX > window.pageXOffset + rect.left + rect.width / 2 ? 'right' : 'left');\n }\n setDragOver(true);\n onDragOver && onDragOver(event);\n }\n }, onDragLeave: function (event) {\n if (droppable) {\n event.stopPropagation();\n setDragOver(false);\n onDragLeave && onDragLeave(event);\n }\n }, onDrop: function (event) {\n if (droppable) {\n event.stopPropagation();\n event.preventDefault();\n setDragOver(false);\n setDragPosition(null);\n setDragStatus('none');\n onDrop && onDrop(event, dragPosition);\n }\n } }, children));\n}\nexport default Item;\n","var __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { useContext, useState } from 'react';\nimport { ConfigContext } from '../../ConfigProvider';\nimport cs from '../../_util/classNames';\nimport Item from './item';\nexport default function Draggable(props) {\n var getPrefixCls = useContext(ConfigContext).getPrefixCls;\n var prefixCls = getPrefixCls('draggable');\n var className = props.className, children = props.children, _a = props.direction, direction = _a === void 0 ? 'vertical' : _a, onIndexChange = props.onIndexChange, itemWrapperStyle = props.itemWrapperStyle;\n var _b = __read(useState(null), 2), dragItemIndex = _b[0], setDragItemIndex = _b[1];\n return (React.createElement(\"div\", { className: cs(prefixCls, className) }, React.Children.map(children, function (child, index) {\n return (React.createElement(Item, { style: itemWrapperStyle, prefixCls: prefixCls, direction: direction, onDragStart: function () { return setDragItemIndex(index); }, onDragEnd: function () { return setDragItemIndex(null); }, onDrop: function (_, dropPosition) {\n var prevIndex = dragItemIndex;\n var nextIndex = dropPosition === 'left' || dropPosition === 'top' ? index : index + 1;\n if (onIndexChange && prevIndex !== nextIndex) {\n onIndexChange(nextIndex, prevIndex);\n }\n } }, child));\n })));\n}\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nvar __generator = (this && this.__generator) || function (thisArg, body) {\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n function verb(n) { return function (v) { return step([n, v]); }; }\n function step(op) {\n if (f) throw new TypeError(\"Generator is already executing.\");\n while (_) try {\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n if (y = 0, t) op = [op[0] & 2, t.value];\n switch (op[0]) {\n case 0: case 1: t = op; break;\n case 4: _.label++; return { value: op[1], done: false };\n case 5: _.label++; y = op[1]; op = [0]; continue;\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\n default:\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n if (t[2]) _.ops.pop();\n _.trys.pop(); continue;\n }\n op = body.call(thisArg, _);\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n }\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport React, { useContext, useState, useRef, useImperativeHandle, useEffect, } from 'react';\nimport { CSSTransition, TransitionGroup } from 'react-transition-group';\nimport { ConfigContext } from '../ConfigProvider';\nimport Tag from '../Tag';\nimport useMergeValue from '../_util/hooks/useMergeValue';\nimport cs from '../_util/classNames';\nimport InputComponent from '../Input/input-element';\nimport IconHover from '../_class/icon-hover';\nimport IconClose from '../../icon/react-icon/IconClose';\nimport { isObject, isArray } from '../_util/is';\nimport getHotkeyHandler from '../_util/getHotkeyHandler';\nimport { Backspace } from '../_util/keycode';\nimport useMergeProps from '../_util/hooks/useMergeProps';\nimport Draggable from '../_class/Draggable';\nimport omit from '../_util/omit';\nimport fillNBSP from '../_util/fillNBSP';\nvar CSS_TRANSITION_DURATION = 300;\nvar REACT_KEY_FOR_INPUT = \"__input_\" + Math.random().toFixed(10).slice(2);\n// 输入框粘贴会先触发 onPaste 后触发 onChange，但 onChange 的 value 中不包含换行符\n// 如果刚刚因为粘贴触发过分词，则 onChange 不再进行分词尝试\nvar THRESHOLD_TOKEN_SEPARATOR_TRIGGER = 100;\nvar isEmptyNode = function (node) {\n return node === null || node === undefined;\n};\nvar keepFocus = function (e) {\n e.target.tagName !== 'INPUT' && e.preventDefault();\n};\nvar formatValue = function (value) {\n if (!isArray(value)) {\n return [];\n }\n return value.map(function (item) {\n return isObject(item)\n ? __assign(__assign({}, item), { label: 'label' in item ? item.label : item.value, value: item.value, closable: item.closable }) : {\n label: item,\n value: item,\n };\n });\n};\n// Deal with the delay of recomputing input width\nvar useComputeAutoWidthDelay = function (value) {\n var refDelay = useRef(0);\n var refPrevValueLength = useRef(value.length);\n useEffect(function () {\n refDelay.current =\n value.length === 0 && refPrevValueLength.current > 0 ? CSS_TRANSITION_DURATION : 0;\n refPrevValueLength.current = value.length;\n }, [value]);\n return refDelay;\n};\nvar UsedTransitionGroup = function (_a) {\n var prefixCls = _a.prefixCls, children = _a.children, animation = _a.animation;\n return animation ? (React.createElement(TransitionGroup, { component: \"div\", className: prefixCls + \"-inner\" }, children)) : (React.createElement(\"div\", { className: prefixCls + \"-inner\" }, children));\n};\nvar defaultProps = {\n animation: true,\n validate: function (inputValue, values) { return inputValue && values.every(function (item) { return item.value !== inputValue; }); },\n};\nfunction InputTag(baseProps, ref) {\n var _a, _b;\n var _this = this;\n var _c = useContext(ConfigContext), getPrefixCls = _c.getPrefixCls, ctxSize = _c.size, componentConfig = _c.componentConfig, rtl = _c.rtl;\n var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.InputTag);\n var className = props.className, style = props.style, placeholder = props.placeholder, error = props.error, disabled = props.disabled, readOnly = props.readOnly, allowClear = props.allowClear, autoFocus = props.autoFocus, labelInValue = props.labelInValue, disableInput = props.disableInput, animation = props.animation, saveOnBlur = props.saveOnBlur, dragToSort = props.dragToSort, icon = props.icon, prefix = props.prefix, suffix = props.suffix, addBefore = props.addBefore, addAfter = props.addAfter, tokenSeparators = props.tokenSeparators, validate = props.validate, renderTag = props.renderTag, tagClassName = props.tagClassName, onInputChange = props.onInputChange, onKeyDown = props.onKeyDown, onPaste = props.onPaste, onChange = props.onChange, onFocus = props.onFocus, onBlur = props.onBlur, onPressEnter = props.onPressEnter, onRemove = props.onRemove, onClear = props.onClear, onClick = props.onClick, rest = __rest(props, [\"className\", \"style\", \"placeholder\", \"error\", \"disabled\", \"readOnly\", \"allowClear\", \"autoFocus\", \"labelInValue\", \"disableInput\", \"animation\", \"saveOnBlur\", \"dragToSort\", \"icon\", \"prefix\", \"suffix\", \"addBefore\", \"addAfter\", \"tokenSeparators\", \"validate\", \"renderTag\", \"tagClassName\", \"onInputChange\", \"onKeyDown\", \"onPaste\", \"onChange\", \"onFocus\", \"onBlur\", \"onPressEnter\", \"onRemove\", \"onClear\", \"onClick\"]);\n var prefixCls = getPrefixCls('input-tag');\n var size = 'size' in props ? props.size : ctxSize;\n var refInput = useRef();\n var refTSLastSeparateTriggered = useRef(null);\n var _d = __read(useState(false), 2), focused = _d[0], setFocused = _d[1];\n var _e = __read(useMergeValue([], {\n defaultValue: 'defaultValue' in props ? formatValue(props.defaultValue) : undefined,\n value: 'value' in props ? formatValue(props.value) : undefined,\n }), 2), value = _e[0], setValue = _e[1];\n var _f = __read(useMergeValue('', {\n value: props.inputValue,\n }), 2), inputValue = _f[0], setInputValue = _f[1];\n var refDelay = useComputeAutoWidthDelay(value);\n var draggable = !!(dragToSort && !readOnly && !disabled);\n useImperativeHandle(ref, function () {\n var _a, _b;\n return {\n blur: (_a = refInput.current) === null || _a === void 0 ? void 0 : _a.blur,\n focus: (_b = refInput.current) === null || _b === void 0 ? void 0 : _b.focus,\n };\n }, []);\n var valueChangeHandler = function (value, reason) {\n if (disabled || readOnly) {\n return;\n }\n if (!('value' in props)) {\n setValue(value);\n }\n onChange && onChange(labelInValue ? value : value.map(function (x) { return x.value; }), reason);\n };\n var tagCloseHandler = function (itemValue, index, event) {\n onRemove && onRemove(itemValue, index, event);\n valueChangeHandler(__spreadArray(__spreadArray([], __read(value.slice(0, index)), false), __read(value.slice(index + 1)), false), 'remove');\n };\n var hotkeyHandler = getHotkeyHandler(new Map([\n [\n Backspace.code,\n function (event) {\n if (!event.target.value && value.length) {\n for (var index = value.length - 1; index >= 0; index--) {\n var itemValue = value[index];\n if (itemValue.closable !== false) {\n tagCloseHandler(itemValue, index, event);\n return;\n }\n }\n }\n },\n ],\n ]));\n var tryAddInputValueToTag = function () { return __awaiter(_this, void 0, void 0, function () {\n var validateResult, _a, error_1;\n return __generator(this, function (_b) {\n switch (_b.label) {\n case 0:\n _b.trys.push([0, 4, , 5]);\n if (!(typeof validate === 'function')) return [3 /*break*/, 2];\n return [4 /*yield*/, validate(inputValue, value)];\n case 1:\n _a = _b.sent();\n return [3 /*break*/, 3];\n case 2:\n _a = true;\n _b.label = 3;\n case 3:\n validateResult = _a;\n if (validateResult) {\n valueChangeHandler(value.concat({\n value: validateResult === true ? inputValue : validateResult,\n label: inputValue,\n }), 'add');\n setInputValue('');\n }\n return [3 /*break*/, 5];\n case 4:\n error_1 = _b.sent();\n console.error(error_1);\n return [3 /*break*/, 5];\n case 5: return [2 /*return*/];\n }\n });\n }); };\n var mergedRenderTag = function (item, index) {\n var _a;\n var itemValue = item.value, label = item.label;\n var closable = !readOnly && !disabled && item.closable !== false;\n var onClose = function (event) {\n tagCloseHandler(item, index, event);\n };\n if (renderTag) {\n return renderTag({\n value: itemValue,\n label: label,\n closable: closable,\n onClose: onClose,\n }, index, value);\n }\n return (React.createElement(Tag, { visible: true, className: cs(prefixCls + \"-tag\", (_a = {},\n _a[tagClassName] = tagClassName,\n _a)), closable: closable, closeIcon: icon && icon.removeIcon, title: typeof label === 'string' ? label : undefined, onClose: onClose, onMouseDown: keepFocus }, fillNBSP(label)));\n };\n var handleTokenSeparators = function (str, isPaste) {\n if (isPaste === void 0) { isPaste = false; }\n return __awaiter(_this, void 0, void 0, function () {\n var splitTextList, validatedValueList_1;\n var _this = this;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0:\n // won't handle token separators in a short time\n if (isPaste &&\n Date.now() - refTSLastSeparateTriggered.current < THRESHOLD_TOKEN_SEPARATOR_TRIGGER) {\n return [2 /*return*/];\n }\n // clear the timestamp, and then we can judge whether tokenSeparators has been triggered\n // according to timestamp value\n refTSLastSeparateTriggered.current = null;\n if (!(isArray(tokenSeparators) && tokenSeparators.length)) return [3 /*break*/, 2];\n splitTextList = str.split(new RegExp(\"[\" + tokenSeparators.join('') + \"]\"));\n if (!(splitTextList.length > 1)) return [3 /*break*/, 2];\n // record the timestamp of tokenSeparators triggered\n refTSLastSeparateTriggered.current = Date.now();\n validatedValueList_1 = [];\n return [4 /*yield*/, Promise.all(splitTextList.map(function (text) { return __awaiter(_this, void 0, void 0, function () {\n var validateResult, _a, _b;\n return __generator(this, function (_c) {\n switch (_c.label) {\n case 0:\n if (!text) return [3 /*break*/, 4];\n if (!(typeof validate === 'function')) return [3 /*break*/, 2];\n return [4 /*yield*/, validate(text, value)];\n case 1:\n _b = _c.sent();\n return [3 /*break*/, 3];\n case 2:\n _b = true;\n _c.label = 3;\n case 3:\n _a = _b;\n return [3 /*break*/, 5];\n case 4:\n _a = false;\n _c.label = 5;\n case 5:\n validateResult = _a;\n if (validateResult) {\n validatedValueList_1.push({\n value: validateResult === true ? text : validateResult,\n label: text,\n });\n }\n return [2 /*return*/];\n }\n });\n }); }))];\n case 1:\n _a.sent();\n if (validatedValueList_1.length) {\n valueChangeHandler(value.concat(validatedValueList_1), 'add');\n }\n _a.label = 2;\n case 2: return [2 /*return*/];\n }\n });\n });\n };\n var clearIcon = allowClear && !disabled && !readOnly && value.length ? (React.createElement(IconHover, { size: size, key: \"clearIcon\", className: prefixCls + \"-clear-icon\", onClick: function (e) {\n var _a;\n e.stopPropagation();\n valueChangeHandler([], 'clear');\n if (!focused) {\n (_a = refInput.current) === null || _a === void 0 ? void 0 : _a.focus();\n }\n onClear && onClear();\n } }, (icon && icon.clearIcon) || React.createElement(IconClose, null))) : null;\n var disableInputComponent = disabled || disableInput;\n // CSSTransition needs to be a direct child of TransitionGroup, otherwise the animation will NOT work\n // https://github.com/arco-design/arco-design/issues/622\n var childrenWithAnimation = value\n .map(function (x, i) {\n // Check whether two tags have same value. If so, set different key for them to avoid only rendering one tag.\n var isRepeat = value.findIndex(function (item) { return item.value === x.value; }) !== i;\n var eleTag = mergedRenderTag(x, i);\n return React.isValidElement(eleTag) ? (React.createElement(CSSTransition, { key: typeof x.value === 'object' ? i : isRepeat ? x.value + \"-\" + i : x.value, timeout: CSS_TRANSITION_DURATION, classNames: \"zoomIn\" }, eleTag)) : (eleTag);\n })\n .concat(React.createElement(CSSTransition, { key: REACT_KEY_FOR_INPUT, timeout: CSS_TRANSITION_DURATION, classNames: \"zoomIn\" },\n React.createElement(InputComponent, { autoComplete: \"off\", size: size, disabled: disableInputComponent, readOnly: readOnly, ref: refInput, autoFocus: autoFocus, placeholder: !value.length ? placeholder : '', prefixCls: prefixCls + \"-input\", autoFitWidth: {\n delay: function () { return refDelay.current; },\n }, onPressEnter: function (e) { return __awaiter(_this, void 0, void 0, function () {\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0:\n inputValue && e.preventDefault();\n onPressEnter === null || onPressEnter === void 0 ? void 0 : onPressEnter(e);\n return [4 /*yield*/, tryAddInputValueToTag()];\n case 1:\n _a.sent();\n return [2 /*return*/];\n }\n });\n }); }, onFocus: function (e) {\n if (!disableInputComponent && !readOnly) {\n setFocused(true);\n onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);\n }\n }, onBlur: function (e) { return __awaiter(_this, void 0, void 0, function () {\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0:\n setFocused(false);\n onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);\n if (!saveOnBlur) return [3 /*break*/, 2];\n return [4 /*yield*/, tryAddInputValueToTag()];\n case 1:\n _a.sent();\n _a.label = 2;\n case 2:\n setInputValue('');\n return [2 /*return*/];\n }\n });\n }); }, value: inputValue, onChange: function (value, event) {\n // Only fire callback on user input to ensure parent component can get real input value on controlled mode.\n onInputChange === null || onInputChange === void 0 ? void 0 : onInputChange(value, event);\n var inputType = event.nativeEvent.inputType;\n // do NOT use await, need to update input value right away\n handleTokenSeparators(value, inputType === 'insertFromPaste');\n if (refTSLastSeparateTriggered.current) {\n setInputValue('');\n }\n else {\n setInputValue(value);\n }\n }, onKeyDown: function (event) {\n hotkeyHandler(event);\n onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);\n }, onPaste: function (event) {\n onPaste === null || onPaste === void 0 ? void 0 : onPaste(event);\n handleTokenSeparators(event.clipboardData.getData('text'));\n } })));\n var hasPrefix = !isEmptyNode(prefix);\n var hasSuffix = !isEmptyNode(suffix) || !isEmptyNode(clearIcon);\n var needAddBefore = !isEmptyNode(addBefore);\n var needAddAfter = !isEmptyNode(addAfter);\n var needWrapper = needAddBefore || needAddAfter;\n var status = props.status || (error ? 'error' : undefined);\n var innerClassNames = cs(prefixCls, (_a = {},\n _a[prefixCls + \"-size-\" + size] = size,\n _a[prefixCls + \"-disabled\"] = disabled,\n _a[prefixCls + \"-\" + status] = status,\n _a[prefixCls + \"-focus\"] = focused,\n _a[prefixCls + \"-readonly\"] = readOnly,\n _a[prefixCls + \"-has-suffix\"] = hasSuffix,\n _a[prefixCls + \"-has-placeholder\"] = !value.length,\n _a[prefixCls + \"-rtl\"] = rtl,\n _a));\n var propsAppliedToRoot = { style: style, className: className };\n var eleInputTagCore = (React.createElement(\"div\", __assign({}, omit(rest, ['status', 'size', 'defaultValue', 'value', 'inputValue']), (needWrapper ? {} : propsAppliedToRoot), { className: needWrapper ? innerClassNames : cs(innerClassNames, propsAppliedToRoot.className), onMouseDown: function (event) {\n focused && keepFocus(event);\n }, onClick: function (e) {\n var _a;\n !focused && ((_a = refInput.current) === null || _a === void 0 ? void 0 : _a.focus());\n if (onClick) {\n onClick(e);\n }\n } }),\n React.createElement(\"div\", { className: prefixCls + \"-view\" },\n hasPrefix && (React.createElement(\"div\", { className: prefixCls + \"-prefix\", onMouseDown: keepFocus }, prefix)),\n draggable ? (React.createElement(UsedTransitionGroup, { key: \"transitionGroupWithDrag\", prefixCls: prefixCls, animation: animation },\n React.createElement(Draggable, { itemWrapperStyle: { display: 'inline-block' }, direction: \"horizontal\", onIndexChange: function (index, prevIndex) {\n var moveItem = function (arr, fromIndex, toIndex) {\n arr = arr.slice();\n var isMoveLeft = fromIndex > toIndex;\n var _a = __read(arr.splice(fromIndex, 1), 1), item = _a[0];\n arr.splice(isMoveLeft ? toIndex : toIndex - 1, 0, item);\n return arr;\n };\n valueChangeHandler(moveItem(value, prevIndex, index), 'sort');\n } }, childrenWithAnimation))) : (React.createElement(UsedTransitionGroup, { prefixCls: prefixCls, animation: animation }, childrenWithAnimation)),\n hasSuffix && (React.createElement(\"div\", { className: prefixCls + \"-suffix\", onMouseDown: keepFocus },\n clearIcon,\n suffix)))));\n if (!needWrapper) {\n return eleInputTagCore;\n }\n return (React.createElement(\"div\", __assign({}, propsAppliedToRoot, { className: cs(prefixCls + \"-wrapper\", (_b = {},\n _b[prefixCls + \"-wrapper-rtl\"] = rtl,\n _b), propsAppliedToRoot.className) }),\n needAddBefore && React.createElement(\"div\", { className: prefixCls + \"-addbefore\" }, addBefore),\n eleInputTagCore,\n needAddAfter && React.createElement(\"div\", { className: prefixCls + \"-addafter\" }, addAfter)));\n}\nvar InputTagRef = React.forwardRef(InputTag);\nInputTagRef.displayName = 'InputTag';\nexport default InputTagRef;\n","import InputTag from './input-tag';\nexport default InputTag;\n","var __assign = (this && this.__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 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n 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]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nvar __read = (this && this.__read) || function (o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n};\nimport React, { useContext, useState, useImperativeHandle, useRef, useEffect, } from 'react';\nimport { pickDataAttributes } from '../_util/pick';\nimport { isUndefined, isObject, isFunction } from '../_util/is';\nimport cs from '../_util/classNames';\nimport { ConfigContext } from '../ConfigProvider';\nimport IconDown from '../../icon/react-icon/IconDown';\nimport IconLoading from '../../icon/react-icon/IconLoading';\nimport IconClose from '../../icon/react-icon/IconClose';\nimport IconSearch from '../../icon/react-icon/IconSearch';\nimport InputTag from '../InputTag';\nimport InputComponent from '../Input/input-element';\nimport include from '../_util/include';\nimport useForceUpdate from '../_util/hooks/useForceUpdate';\nimport IconHover from './icon-hover';\nimport { Backspace, Enter } from '../_util/keycode';\nimport fillNBSP from '../_util/fillNBSP';\nvar SearchStatus = {\n BEFORE: 0,\n EDITING: 1,\n NONE: 2,\n};\nvar MAX_TAG_COUNT_VALUE_PLACEHOLDER = '__arco_value_tag_placeholder';\nvar CoreSelectView = React.forwardRef(function (props, ref) {\n var _a, _b;\n var style = props.style, className = props.className, size = props.size, bordered = props.bordered, allowClear = props.allowClear, allowCreate = props.allowCreate, status = props.status, loading = props.loading, disabled = props.disabled, animation = props.animation, prefixCls = props.prefixCls, suffixIcon = props.suffixIcon, arrowIcon = props.arrowIcon, removeIcon = props.removeIcon, clearIcon = props.clearIcon, placeholder = props.placeholder, renderText = props.renderText, value = props.value, inputValue = props.inputValue, popupVisible = props.popupVisible, maxTagCount = props.maxTagCount, isMultiple = props.isMultiple, isEmptyValue = props.isEmptyValue, prefix = props.prefix, ariaControls = props.ariaControls, renderTag = props.renderTag, dragToSort = props.dragToSort, rtl = props.rtl, htmlDataAttributes = props.htmlDataAttributes, onKeyDown = props.onKeyDown, onChangeInputValue = props.onChangeInputValue, onPaste = props.onPaste, onClear = props.onClear, onFocus = props.onFocus, onBlur = props.onBlur, onRemoveCheckedItem = props.onRemoveCheckedItem, onSort = props.onSort, rest = __rest(props, [\"style\", \"className\", \"size\", \"bordered\", \"allowClear\", \"allowCreate\", \"status\", \"loading\", \"disabled\", \"animation\", \"prefixCls\", \"suffixIcon\", \"arrowIcon\", \"removeIcon\", \"clearIcon\", \"placeholder\", \"renderText\", \"value\", \"inputValue\", \"popupVisible\", \"maxTagCount\", \"isMultiple\", \"isEmptyValue\", \"prefix\", \"ariaControls\", \"renderTag\", \"dragToSort\", \"rtl\", \"htmlDataAttributes\", \"onKeyDown\", \"onChangeInputValue\", \"onPaste\", \"onClear\", \"onFocus\", \"onBlur\", \"onRemoveCheckedItem\", \"onSort\"]);\n // refs\n var refInput = useRef(null);\n var refWrapper = useRef(null);\n // state\n var _c = useContext(ConfigContext), ctxSize = _c.size, getPrefixCls = _c.getPrefixCls;\n var _d = __read(useState(SearchStatus.NONE), 2), searchStatus = _d[0], setSearchStatus = _d[1];\n var _e = __read(useState(false), 2), focused = _e[0], setFocused = _e[1];\n var forceUpdate = useForceUpdate();\n // TODO：Will the search be completely controlled by showSearch? Next major version needs to be considered\n var showSearch = 'showSearch' in props ? props.showSearch : isMultiple;\n var canFocusInput = showSearch || allowCreate;\n var mergedSize = size || ctxSize;\n var mergedFocused = focused || popupVisible;\n var isRetainInputValueSearch = isObject(showSearch) && showSearch.retainInputValue;\n // the formatted text of value.\n var renderedValue = !isMultiple && value !== undefined ? renderText(value).text : '';\n // Avoid losing focus caused by clicking certain icons\n var keepFocus = function (event) {\n event && event.preventDefault();\n };\n var handleFocus = function (action) {\n var element = canFocusInput ? refInput.current : refWrapper.current;\n if (element) {\n action === 'focus' ? element.focus() : element.blur();\n }\n };\n var tryTriggerFocusChange = function (action, event) {\n // The focus event at this time should be triggered by the input element\n if (canFocusInput && event.target === refWrapper.current) {\n return;\n }\n if (action === 'focus') {\n setFocused(true);\n onFocus && onFocus(event);\n }\n else {\n setFocused(false);\n onBlur && onBlur(event);\n }\n };\n var tryTriggerKeyDown = function (event) {\n // The keyboard event at this time should be triggered by the input element, ignoring the bubbling up keyboard event\n if (canFocusInput && event.currentTarget === refWrapper.current) {\n return;\n }\n // Prevent the default behavior of the browser when pressing Enter, to avoid submit event in