\n {affixStyle && {this.renderAffix} ;\n }\n}\nAffix.defaultProps = {\n target: getDefaultTarget,\n};\n__decorate([\n throttleByAnimationFrameDecorator()\n], Affix.prototype, \"updatePosition\", null);\n__decorate([\n throttleByAnimationFrameDecorator()\n], Affix.prototype, \"lazyUpdatePosition\", null);\nexport default Affix;\n","// extracted by mini-css-extract-plugin","import '../../style/index.less';\nimport './index.less';\n","import addEventListener from 'rc-util/lib/Dom/addEventListener';\nexport function getTargetRect(target) {\n return target !== window\n ? target.getBoundingClientRect()\n : { top: 0, bottom: window.innerHeight };\n}\nexport function getFixedTop(placeholderReact, targetRect, offsetTop) {\n if (offsetTop !== undefined && targetRect.top > placeholderReact.top - offsetTop) {\n return offsetTop + targetRect.top;\n }\n return undefined;\n}\nexport function getFixedBottom(placeholderReact, targetRect, offsetBottom) {\n if (offsetBottom !== undefined && targetRect.bottom < placeholderReact.bottom + offsetBottom) {\n const targetBottomOffset = window.innerHeight - targetRect.bottom;\n return offsetBottom + targetBottomOffset;\n }\n return undefined;\n}\n// ======================== Observer ========================\nconst TRIGGER_EVENTS = [\n 'resize',\n 'scroll',\n 'touchstart',\n 'touchmove',\n 'touchend',\n 'pageshow',\n 'load',\n];\nlet observerEntities = [];\nexport function getObserverEntities() {\n // Only used in test env. Can be removed if refactor.\n return observerEntities;\n}\nexport function addObserveTarget(target, affix) {\n if (!target)\n return;\n let entity = observerEntities.find(item => item.target === target);\n if (entity) {\n entity.affixList.push(affix);\n }\n else {\n entity = {\n target,\n affixList: [affix],\n eventHandlers: {},\n };\n observerEntities.push(entity);\n // Add listener\n TRIGGER_EVENTS.forEach(eventName => {\n entity.eventHandlers[eventName] = addEventListener(target, eventName, () => {\n entity.affixList.forEach(targetAffix => {\n targetAffix.lazyUpdatePosition();\n });\n });\n });\n }\n}\nexport function removeObserveTarget(affix) {\n const observerEntity = observerEntities.find(oriObserverEntity => {\n const hasAffix = oriObserverEntity.affixList.some(item => item === affix);\n if (hasAffix) {\n oriObserverEntity.affixList = oriObserverEntity.affixList.filter(item => item !== affix);\n }\n return hasAffix;\n });\n if (observerEntity && observerEntity.affixList.length === 0) {\n observerEntities = observerEntities.filter(item => item !== observerEntity);\n // Remove listener\n TRIGGER_EVENTS.forEach(eventName => {\n const handler = observerEntity.eventHandlers[eventName];\n if (handler && handler.remove) {\n handler.remove();\n }\n });\n }\n}\n","import * as React from 'react';\nimport Alert from '.';\nexport default class ErrorBoundary extends React.Component {\n constructor() {\n super(...arguments);\n this.state = {\n error: undefined,\n info: {\n componentStack: '',\n },\n };\n }\n componentDidCatch(error, info) {\n this.setState({ error, info });\n }\n render() {\n const { message, description, children } = this.props;\n const { error, info } = this.state;\n const componentStack = info && info.componentStack ? info.componentStack : null;\n const errorMessage = typeof message === 'undefined' ? (error || '').toString() : message;\n const errorDescription = typeof description === 'undefined' ? componentStack : description;\n if (error) {\n // You can render any custom fallback UI\n return ({errorDescription}}/>);\n }\n return children;\n }\n}\n","import * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { CloseOutlined, CheckCircleOutlined, ExclamationCircleOutlined, InfoCircleOutlined, CloseCircleOutlined, CheckCircleFilled, ExclamationCircleFilled, InfoCircleFilled, CloseCircleFilled, } from '@ant-design/icons';\nimport Animate from 'rc-animate';\nimport classNames from 'classnames';\nimport { ConfigConsumer } from '../config-provider';\nimport getDataOrAriaProps from '../_util/getDataOrAriaProps';\nimport ErrorBoundary from './ErrorBoundary';\nfunction noop() { }\nconst iconMapFilled = {\n success: CheckCircleFilled,\n info: InfoCircleFilled,\n error: CloseCircleFilled,\n warning: ExclamationCircleFilled,\n};\nconst iconMapOutlined = {\n success: CheckCircleOutlined,\n info: InfoCircleOutlined,\n error: CloseCircleOutlined,\n warning: ExclamationCircleOutlined,\n};\nexport default class Alert extends React.Component {\n constructor() {\n super(...arguments);\n this.state = {\n closing: false,\n closed: false,\n };\n this.handleClose = (e) => {\n e.preventDefault();\n const dom = ReactDOM.findDOMNode(this);\n dom.style.height = `${dom.offsetHeight}px`;\n // Magic code\n // 重复一次后才能正确设置 height\n dom.style.height = `${dom.offsetHeight}px`;\n this.setState({\n closing: true,\n });\n (this.props.onClose || noop)(e);\n };\n this.animationEnd = () => {\n this.setState({\n closing: false,\n closed: true,\n });\n (this.props.afterClose || noop)();\n };\n this.renderAlert = ({ getPrefixCls, direction }) => {\n const { description, prefixCls: customizePrefixCls, message, closeText, banner, className = '', style, icon, } = this.props;\n let { closable, type, showIcon } = this.props;\n const { closing, closed } = this.state;\n const prefixCls = getPrefixCls('alert', customizePrefixCls);\n // banner模式默认有 Icon\n showIcon = banner && showIcon === undefined ? true : showIcon;\n // banner模式默认为警告\n type = banner && type === undefined ? 'warning' : type || 'info';\n // use outline icon in alert with description\n const iconType = (description ? iconMapOutlined : iconMapFilled)[type] || null;\n // closeable when closeText is assigned\n if (closeText) {\n closable = true;\n }\n const alertCls = classNames(prefixCls, `${prefixCls}-${type}`, {\n [`${prefixCls}-closing`]: closing,\n [`${prefixCls}-with-description`]: !!description,\n [`${prefixCls}-no-icon`]: !showIcon,\n [`${prefixCls}-banner`]: !!banner,\n [`${prefixCls}-closable`]: closable,\n [`${prefixCls}-rtl`]: direction === 'rtl',\n }, className);\n const closeIcon = closable ? () : null;\n const dataOrAriaProps = getDataOrAriaProps(this.props);\n const iconNode = (icon &&\n (React.isValidElement(icon) ? (React.cloneElement(icon, {\n className: classNames(`${prefixCls}-icon`, {\n [icon.props.className]: icon.props.className,\n }),\n })) : ({icon}))) ||\n React.createElement(iconType, { className: `${prefixCls}-icon` });\n return closed ? null : (\n );\n };\n }\n render() {\n return {this.renderAlert} ;\n }\n}\nAlert.ErrorBoundary = ErrorBoundary;\n","// extracted by mini-css-extract-plugin","import '../../style/index.less';\nimport './index.less';\n","import * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport * as PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport addEventListener from 'rc-util/lib/Dom/addEventListener';\nimport Affix from '../affix';\nimport { ConfigConsumer } from '../config-provider';\nimport scrollTo from '../_util/scrollTo';\nimport getScroll from '../_util/getScroll';\nfunction getDefaultContainer() {\n return window;\n}\nfunction getOffsetTop(element, container) {\n if (!element) {\n return 0;\n }\n if (!element.getClientRects().length) {\n return 0;\n }\n const rect = element.getBoundingClientRect();\n if (rect.width || rect.height) {\n if (container === window) {\n container = element.ownerDocument.documentElement;\n return rect.top - container.clientTop;\n }\n return rect.top - container.getBoundingClientRect().top;\n }\n return rect.top;\n}\nconst sharpMatcherRegx = /#([^#]+)$/;\nexport default class Anchor extends React.Component {\n constructor() {\n super(...arguments);\n this.state = {\n activeLink: null,\n };\n this.links = [];\n this.handleScrollTo = (link) => {\n const { offsetTop, getContainer, targetOffset } = this.props;\n this.setCurrentActiveLink(link);\n const container = getContainer();\n const scrollTop = getScroll(container, true);\n const sharpLinkMatch = sharpMatcherRegx.exec(link);\n if (!sharpLinkMatch) {\n return;\n }\n const targetElement = document.getElementById(sharpLinkMatch[1]);\n if (!targetElement) {\n return;\n }\n const eleOffsetTop = getOffsetTop(targetElement, container);\n let y = scrollTop + eleOffsetTop;\n y -= targetOffset !== undefined ? targetOffset : offsetTop || 0;\n this.animating = true;\n scrollTo(y, {\n callback: () => {\n this.animating = false;\n },\n getContainer,\n });\n };\n this.saveInkNode = (node) => {\n this.inkNode = node;\n };\n this.setCurrentActiveLink = (link) => {\n const { activeLink } = this.state;\n const { onChange } = this.props;\n if (activeLink !== link) {\n this.setState({\n activeLink: link,\n });\n if (onChange) {\n onChange(link);\n }\n }\n };\n this.handleScroll = () => {\n if (this.animating) {\n return;\n }\n const { offsetTop, bounds, targetOffset } = this.props;\n const currentActiveLink = this.getCurrentAnchor(targetOffset !== undefined ? targetOffset : offsetTop || 0, bounds);\n this.setCurrentActiveLink(currentActiveLink);\n };\n this.updateInk = () => {\n if (typeof document === 'undefined') {\n return;\n }\n const { prefixCls } = this;\n const anchorNode = ReactDOM.findDOMNode(this);\n const linkNode = anchorNode.getElementsByClassName(`${prefixCls}-link-title-active`)[0];\n if (linkNode) {\n this.inkNode.style.top = `${linkNode.offsetTop + linkNode.clientHeight / 2 - 4.5}px`;\n }\n };\n this.renderAnchor = ({ getPrefixCls }) => {\n const { prefixCls: customizePrefixCls, className = '', style, offsetTop, affix, showInkInFixed, children, getContainer, } = this.props;\n const { activeLink } = this.state;\n const prefixCls = getPrefixCls('anchor', customizePrefixCls);\n // To support old version react.\n // Have to add prefixCls on the instance.\n // https://github.com/facebook/react/issues/12397\n this.prefixCls = prefixCls;\n const inkClass = classNames(`${prefixCls}-ink-ball`, {\n visible: activeLink,\n });\n const wrapperClass = classNames(className, `${prefixCls}-wrapper`);\n const anchorClass = classNames(prefixCls, {\n fixed: !affix && !showInkInFixed,\n });\n const wrapperStyle = Object.assign({ maxHeight: offsetTop ? `calc(100vh - ${offsetTop}px)` : '100vh' }, style);\n const anchorContent = (\n {anchorContent}\n );\n };\n }\n getChildContext() {\n const antAnchor = {\n registerLink: (link) => {\n if (!this.links.includes(link)) {\n this.links.push(link);\n }\n },\n unregisterLink: (link) => {\n const index = this.links.indexOf(link);\n if (index !== -1) {\n this.links.splice(index, 1);\n }\n },\n activeLink: this.state.activeLink,\n scrollTo: this.handleScrollTo,\n onClick: this.props.onClick,\n };\n return { antAnchor };\n }\n componentDidMount() {\n const { getContainer } = this.props;\n this.scrollContainer = getContainer();\n this.scrollEvent = addEventListener(this.scrollContainer, 'scroll', this.handleScroll);\n this.handleScroll();\n }\n componentDidUpdate() {\n if (this.scrollEvent) {\n const { getContainer } = this.props;\n const currentContainer = getContainer();\n if (this.scrollContainer !== currentContainer) {\n this.scrollContainer = currentContainer;\n this.scrollEvent.remove();\n this.scrollEvent = addEventListener(this.scrollContainer, 'scroll', this.handleScroll);\n this.handleScroll();\n }\n }\n this.updateInk();\n }\n componentWillUnmount() {\n if (this.scrollEvent) {\n this.scrollEvent.remove();\n }\n }\n getCurrentAnchor(offsetTop = 0, bounds = 5) {\n const { getCurrentAnchor } = this.props;\n if (typeof getCurrentAnchor === 'function') {\n return getCurrentAnchor();\n }\n const activeLink = '';\n if (typeof document === 'undefined') {\n return activeLink;\n }\n const linkSections = [];\n const { getContainer } = this.props;\n const container = getContainer();\n this.links.forEach(link => {\n const sharpLinkMatch = sharpMatcherRegx.exec(link.toString());\n if (!sharpLinkMatch) {\n return;\n }\n const target = document.getElementById(sharpLinkMatch[1]);\n if (target) {\n const top = getOffsetTop(target, container);\n if (top < offsetTop + bounds) {\n linkSections.push({\n link,\n top,\n });\n }\n }\n });\n if (linkSections.length) {\n const maxSection = linkSections.reduce((prev, curr) => (curr.top > prev.top ? curr : prev));\n return maxSection.link;\n }\n return '';\n }\n render() {\n return {this.renderAnchor} ;\n }\n}\nAnchor.defaultProps = {\n affix: true,\n showInkInFixed: false,\n getContainer: getDefaultContainer,\n};\nAnchor.childContextTypes = {\n antAnchor: PropTypes.object,\n};\n","import * as React from 'react';\nimport * as PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { ConfigConsumer } from '../config-provider';\nclass AnchorLink extends React.Component {\n constructor() {\n super(...arguments);\n this.handleClick = (e) => {\n const { scrollTo, onClick } = this.context.antAnchor;\n const { href, title } = this.props;\n if (onClick) {\n onClick(e, { title, href });\n }\n scrollTo(href);\n };\n this.renderAnchorLink = ({ getPrefixCls }) => {\n const { prefixCls: customizePrefixCls, href, title, children, className, target } = this.props;\n const prefixCls = getPrefixCls('anchor', customizePrefixCls);\n const active = this.context.antAnchor.activeLink === href;\n const wrapperClassName = classNames(className, `${prefixCls}-link`, {\n [`${prefixCls}-link-active`]: active,\n });\n const titleClassName = classNames(`${prefixCls}-link-title`, {\n [`${prefixCls}-link-title-active`]: active,\n });\n return ({this.renderAnchorLink} ;\n }\n}\nAnchorLink.defaultProps = {\n href: '#',\n};\nAnchorLink.contextTypes = {\n antAnchor: PropTypes.object,\n};\nexport default AnchorLink;\n","import Anchor from './Anchor';\nimport AnchorLink from './AnchorLink';\nexport { AnchorProps } from './Anchor';\nexport { AnchorLinkProps } from './AnchorLink';\nAnchor.Link = AnchorLink;\nexport default Anchor;\n","// extracted by mini-css-extract-plugin","import '../../style/index.less';\nimport './index.less';\n// style dependencies\nimport '../../affix/style';\n","/**\n * TODO: 4.0\n * - remove `dataSource`\n * - `size` not work with customizeInput\n * - customizeInput not feedback `ENTER` key since accessibility enhancement\n */\nimport * as React from 'react';\nimport toArray from 'rc-util/lib/Children/toArray';\nimport classNames from 'classnames';\nimport omit from 'omit.js';\nimport Select from '../select';\nimport { ConfigConsumer } from '../config-provider';\nimport warning from '../_util/warning';\nconst { Option } = Select;\nconst InternalSelect = Select;\nfunction isSelectOptionOrSelectOptGroup(child) {\n return child && child.type && (child.type.isSelectOption || child.type.isSelectOptGroup);\n}\nconst AutoComplete = (props, ref) => {\n const { prefixCls: customizePrefixCls, className, children, dataSource } = props;\n const childNodes = toArray(children);\n const selectRef = React.useRef();\n React.useImperativeHandle(ref, () => selectRef.current);\n // ============================= Input =============================\n let customizeInput;\n if (childNodes.length === 1 &&\n React.isValidElement(childNodes[0]) &&\n !isSelectOptionOrSelectOptGroup(childNodes[0])) {\n customizeInput = childNodes[0];\n }\n const getInputElement = () => customizeInput;\n // ============================ Options ============================\n let optionChildren;\n // [Legacy] convert `children` or `dataSource` into option children\n if (childNodes.length && isSelectOptionOrSelectOptGroup(childNodes[0])) {\n optionChildren = children;\n }\n else {\n optionChildren = dataSource\n ? dataSource.map(item => {\n if (React.isValidElement(item)) {\n return item;\n }\n switch (typeof item) {\n case 'string':\n return ();\n case 'object': {\n const { value: optionValue } = item;\n return ();\n }\n default:\n throw new Error('AutoComplete[dataSource] only supports type `string[] | Object[]`.');\n }\n })\n : [];\n }\n // ============================ Warning ============================\n React.useEffect(() => {\n warning(!('dataSource' in props), 'AutoComplete', '`dataSource` is deprecated, please use `options` instead.');\n warning(!customizeInput || !('size' in props), 'AutoComplete', 'You need to control style self instead of setting `size` when using customize input.');\n }, []);\n return (\n {({ getPrefixCls }) => {\n const prefixCls = getPrefixCls('select', customizePrefixCls);\n return (\n {optionChildren}\n );\n }}\n );\n};\nconst RefAutoComplete = React.forwardRef(AutoComplete);\nRefAutoComplete.Option = Option;\nexport default RefAutoComplete;\n","// extracted by mini-css-extract-plugin","import '../../style/index.less';\nimport './index.less';\n// style dependencies\nimport '../../select/style';\n","var __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 classNames from 'classnames';\nimport { ConfigConsumer } from '../config-provider';\nimport warning from '../_util/warning';\nexport default class Avatar extends React.Component {\n constructor() {\n super(...arguments);\n this.state = {\n scale: 1,\n mounted: false,\n isImgExist: true,\n };\n this.setScale = () => {\n if (!this.avatarChildren || !this.avatarNode) {\n return;\n }\n const childrenWidth = this.avatarChildren.offsetWidth; // offsetWidth avoid affecting be transform scale\n const nodeWidth = this.avatarNode.offsetWidth;\n // denominator is 0 is no meaning\n if (childrenWidth === 0 ||\n nodeWidth === 0 ||\n (this.lastChildrenWidth === childrenWidth && this.lastNodeWidth === nodeWidth)) {\n return;\n }\n this.lastChildrenWidth = childrenWidth;\n this.lastNodeWidth = nodeWidth;\n // add 4px gap for each side to get better performance\n this.setState({\n scale: nodeWidth - 8 < childrenWidth ? (nodeWidth - 8) / childrenWidth : 1,\n });\n };\n this.handleImgLoadError = () => {\n const { onError } = this.props;\n const errorFlag = onError ? onError() : undefined;\n if (errorFlag !== false) {\n this.setState({ isImgExist: false });\n }\n };\n this.renderAvatar = ({ getPrefixCls }) => {\n const _a = this.props, { prefixCls: customizePrefixCls, shape, size, src, srcSet, icon, className, alt } = _a, others = __rest(_a, [\"prefixCls\", \"shape\", \"size\", \"src\", \"srcSet\", \"icon\", \"className\", \"alt\"]);\n warning(!(typeof icon === 'string' && icon.length > 2), 'Avatar', `\\`icon\\` is using ReactNode instead of string naming in v4. Please check \\`${icon}\\` at https://ant.design/components/icon`);\n const { isImgExist, scale, mounted } = this.state;\n const prefixCls = getPrefixCls('avatar', customizePrefixCls);\n const sizeCls = classNames({\n [`${prefixCls}-lg`]: size === 'large',\n [`${prefixCls}-sm`]: size === 'small',\n });\n const classString = classNames(prefixCls, className, sizeCls, {\n [`${prefixCls}-${shape}`]: shape,\n [`${prefixCls}-image`]: src && isImgExist,\n [`${prefixCls}-icon`]: icon,\n });\n const sizeStyle = typeof size === 'number'\n ? {\n width: size,\n height: size,\n lineHeight: `${size}px`,\n fontSize: icon ? size / 2 : 18,\n }\n : {};\n let { children } = this.props;\n if (src && isImgExist) {\n children = 
;\n }\n else if (icon) {\n children = icon;\n }\n else {\n const childrenNode = this.avatarChildren;\n if (childrenNode || scale !== 1) {\n const transformString = `scale(${scale}) translateX(-50%)`;\n const childrenStyle = {\n msTransform: transformString,\n WebkitTransform: transformString,\n transform: transformString,\n };\n const sizeChildrenStyle = typeof size === 'number'\n ? {\n lineHeight: `${size}px`,\n }\n : {};\n children = ( (this.avatarChildren = node)} style={Object.assign(Object.assign({}, sizeChildrenStyle), childrenStyle)}>\n {children}\n );\n }\n else {\n const childrenStyle = {};\n if (!mounted) {\n childrenStyle.opacity = 0;\n }\n children = ( (this.avatarChildren = node)}>\n {children}\n );\n }\n }\n return ( (this.avatarNode = node)}>\n {children}\n );\n };\n }\n componentDidMount() {\n this.setScale();\n this.setState({ mounted: true });\n }\n componentDidUpdate(prevProps) {\n this.setScale();\n if (prevProps.src !== this.props.src) {\n this.setState({ isImgExist: true, scale: 1 });\n }\n }\n render() {\n return {this.renderAvatar} ;\n }\n}\nAvatar.defaultProps = {\n shape: 'circle',\n size: 'default',\n};\n","// extracted by mini-css-extract-plugin","import '../../style/index.less';\nimport './index.less';\n","import * as React from 'react';\nimport Animate from 'rc-animate';\nimport addEventListener from 'rc-util/lib/Dom/addEventListener';\nimport classNames from 'classnames';\nimport omit from 'omit.js';\nimport { ConfigConsumer } from '../config-provider';\nimport getScroll from '../_util/getScroll';\nimport scrollTo from '../_util/scrollTo';\nfunction getDefaultTarget() {\n return window;\n}\nexport default class BackTop extends React.Component {\n constructor(props) {\n super(props);\n this.scrollToTop = (e) => {\n const { target = getDefaultTarget, onClick } = this.props;\n scrollTo(0, {\n getContainer: target,\n });\n if (typeof onClick === 'function') {\n onClick(e);\n }\n };\n this.handleScroll = () => {\n const { visibilityHeight, target = getDefaultTarget } = this.props;\n const scrollTop = getScroll(target(), true);\n this.setState({\n visible: scrollTop > visibilityHeight,\n });\n };\n this.renderBackTop = ({ getPrefixCls, direction }) => {\n const { prefixCls: customizePrefixCls, className = '', children } = this.props;\n const prefixCls = getPrefixCls('back-top', customizePrefixCls);\n const classString = classNames(prefixCls, className, {\n [`${prefixCls}-rtl`]: direction === 'rtl',\n });\n const defaultElement = (
}\n
\n );\n };\n }\n // Event handler\n componentDidMount() {\n const { target } = this.props;\n if (target) {\n // [Legacy] Wait for parent component ref has its value.\n // We should use target as directly element instead of function which makes element check hard.\n this.timeout = setTimeout(() => {\n addObserveTarget(target(), this);\n // Mock Event object.\n this.updatePosition();\n });\n }\n }\n componentDidUpdate(prevProps) {\n const { prevTarget } = this.state;\n const { target } = this.props;\n let newTarget = null;\n if (target) {\n newTarget = target() || null;\n }\n if (prevTarget !== newTarget) {\n removeObserveTarget(this);\n if (newTarget) {\n addObserveTarget(newTarget, this);\n // Mock Event object.\n this.updatePosition();\n }\n this.setState({ prevTarget: newTarget });\n }\n if (prevProps.offsetTop !== this.props.offsetTop ||\n prevProps.offsetBottom !== this.props.offsetBottom) {\n this.updatePosition();\n }\n this.measure();\n }\n componentWillUnmount() {\n clearTimeout(this.timeout);\n removeObserveTarget(this);\n this.updatePosition.cancel();\n }\n // Handle realign logic\n updatePosition() {\n this.prepareMeasure();\n }\n lazyUpdatePosition() {\n const { target } = this.props;\n const { affixStyle } = this.state;\n // Check position change before measure to make Safari smooth\n if (target && affixStyle) {\n const offsetTop = this.getOffsetTop();\n const offsetBottom = this.getOffsetBottom();\n const targetNode = target();\n if (targetNode) {\n const targetRect = getTargetRect(targetNode);\n const placeholderReact = getTargetRect(this.placeholderNode);\n const fixedTop = getFixedTop(placeholderReact, targetRect, offsetTop);\n const fixedBottom = getFixedBottom(placeholderReact, targetRect, offsetBottom);\n if ((fixedTop !== undefined && affixStyle.top === fixedTop) ||\n (fixedBottom !== undefined && affixStyle.bottom === fixedBottom)) {\n return;\n }\n }\n }\n // Directly call prepare measure since it's already throttled.\n this.prepareMeasure();\n }\n render() {\n return \n {\n this.updatePosition();\n }}>\n {children}\n \n
\n \n {showIcon ? iconNode : null}\n {message}\n {description}\n {closeIcon}\n
\n \n
);\n return !affix ? (anchorContent) : (\n
\n \n \n
\n {children}\n \n \n {title}\n \n {children}\n
);\n };\n }\n componentDidMount() {\n this.context.antAnchor.registerLink(this.props.href);\n }\n componentDidUpdate({ href: prevHref }) {\n const { href } = this.props;\n if (prevHref !== href) {\n this.context.antAnchor.unregisterLink(prevHref);\n this.context.antAnchor.registerLink(href);\n }\n }\n componentWillUnmount() {\n this.context.antAnchor.unregisterLink(this.props.href);\n }\n render() {\n return \n \n {backTopBtn}\n );\n };\n this.state = {\n visible: false,\n };\n }\n componentDidMount() {\n const getTarget = this.props.target || getDefaultTarget;\n this.scrollEvent = addEventListener(getTarget(), 'scroll', this.handleScroll);\n this.handleScroll();\n }\n componentWillUnmount() {\n if (this.scrollEvent) {\n this.scrollEvent.remove();\n }\n }\n render() {\n return {this.renderBackTop} ;\n }\n}\nBackTop.defaultProps = {\n visibilityHeight: 400,\n};\n","// extracted by mini-css-extract-plugin","import '../../style/index.less';\nimport './index.less';\n","import * as React from 'react';\nimport omit from 'omit.js';\nimport classNames from 'classnames';\nimport { ConfigConsumer } from '../config-provider';\nfunction getNumberArray(num) {\n return num\n ? num\n .toString()\n .split('')\n .reverse()\n .map(i => {\n const current = Number(i);\n return isNaN(current) ? i : current;\n })\n : [];\n}\nfunction renderNumberList(position) {\n const childrenToReturn = [];\n for (let i = 0; i < 30; i++) {\n const currentClassName = position === i ? 'current' : '';\n childrenToReturn.push({this.renderScrollNumber} ;\n }\n}\nScrollNumber.defaultProps = {\n count: null,\n onAnimated() { },\n};\nexport default ScrollNumber;\n","var __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 Animate from 'rc-animate';\nimport omit from 'omit.js';\nimport classNames from 'classnames';\nimport ScrollNumber from './ScrollNumber';\nimport { PresetColorTypes } from '../_util/colors';\nimport { ConfigConsumer } from '../config-provider';\nexport { ScrollNumberProps } from './ScrollNumber';\nfunction isPresetColor(color) {\n return PresetColorTypes.indexOf(color) !== -1;\n}\nexport default class Badge extends React.Component {\n constructor() {\n super(...arguments);\n this.renderBadge = ({ getPrefixCls, direction }) => {\n const _a = this.props, { prefixCls: customizePrefixCls, scrollNumberPrefixCls: customizeScrollNumberPrefixCls, children, status, text, color } = _a, restProps = __rest(_a, [\"prefixCls\", \"scrollNumberPrefixCls\", \"children\", \"status\", \"text\", \"color\"]);\n const omitArr = [\n 'count',\n 'showZero',\n 'overflowCount',\n 'className',\n 'style',\n 'dot',\n 'offset',\n 'title',\n ];\n const prefixCls = getPrefixCls('badge', customizePrefixCls);\n const scrollNumberPrefixCls = getPrefixCls('scroll-number', customizeScrollNumberPrefixCls);\n const scrollNumber = this.renderBadgeNumber(prefixCls, scrollNumberPrefixCls);\n const statusText = this.renderStatusText(prefixCls);\n const statusCls = classNames({\n [`${prefixCls}-status-dot`]: this.hasStatus(),\n [`${prefixCls}-status-${status}`]: !!status,\n [`${prefixCls}-status-${color}`]: isPresetColor(color),\n });\n const statusStyle = {};\n if (color && !isPresetColor(color)) {\n statusStyle.background = color;\n }\n // \n {scrollNumber}\n \n {statusText}\n );\n };\n }\n getNumberedDispayCount() {\n const { count, overflowCount } = this.props;\n const displayCount = count > overflowCount ? `${overflowCount}+` : count;\n return displayCount;\n }\n getDispayCount() {\n const isDot = this.isDot();\n // dot mode don't need count\n if (isDot) {\n return '';\n }\n return this.getNumberedDispayCount();\n }\n getScrollNumberTitle() {\n const { title, count } = this.props;\n if (title) {\n return title;\n }\n return typeof count === 'string' || typeof count === 'number' ? count : undefined;\n }\n getStyleWithOffset() {\n const { offset, style } = this.props;\n return offset\n ? Object.assign({ right: -parseInt(offset[0], 10), marginTop: offset[1] }, style) : style;\n }\n getBadgeClassName(prefixCls, direction = 'ltr') {\n const { className, children } = this.props;\n return classNames(className, prefixCls, {\n [`${prefixCls}-status`]: this.hasStatus(),\n [`${prefixCls}-not-a-wrapper`]: !children,\n [`${prefixCls}-rtl`]: direction === 'rtl',\n });\n }\n hasStatus() {\n const { status, color } = this.props;\n return !!status || !!color;\n }\n isZero() {\n const numberedDispayCount = this.getNumberedDispayCount();\n return numberedDispayCount === '0' || numberedDispayCount === 0;\n }\n isDot() {\n const { dot } = this.props;\n const isZero = this.isZero();\n return (dot && !isZero) || this.hasStatus();\n }\n isHidden() {\n const { showZero } = this.props;\n const displayCount = this.getDispayCount();\n const isZero = this.isZero();\n const isDot = this.isDot();\n const isEmpty = displayCount === null || displayCount === undefined || displayCount === '';\n return (isEmpty || (isZero && !showZero)) && !isDot;\n }\n renderStatusText(prefixCls) {\n const { text } = this.props;\n const hidden = this.isHidden();\n return hidden || !text ? null : {text};\n }\n renderDispayComponent() {\n const { count } = this.props;\n const customNode = count;\n if (!customNode || typeof customNode !== 'object') {\n return undefined;\n }\n return React.cloneElement(customNode, {\n style: Object.assign(Object.assign({}, this.getStyleWithOffset()), (customNode.props && customNode.props.style)),\n });\n }\n renderBadgeNumber(prefixCls, scrollNumberPrefixCls) {\n const { status, count } = this.props;\n const displayCount = this.getDispayCount();\n const isDot = this.isDot();\n const hidden = this.isHidden();\n const scrollNumberCls = classNames({\n [`${prefixCls}-dot`]: isDot,\n [`${prefixCls}-count`]: !isDot,\n [`${prefixCls}-multiple-words`]: !isDot && count && count.toString && count.toString().length > 1,\n [`${prefixCls}-status-${status}`]: this.hasStatus(),\n });\n return hidden ? null : ({this.renderBadge} ;\n }\n}\nBadge.defaultProps = {\n count: null,\n showZero: false,\n dot: false,\n overflowCount: 99,\n};\n","// extracted by mini-css-extract-plugin","import '../../style/index.less';\nimport './index.less';\n","var __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 classNames from 'classnames';\nimport toArray from 'rc-util/lib/Children/toArray';\nimport omit from 'omit.js';\nimport BreadcrumbItem from './BreadcrumbItem';\nimport Menu from '../menu';\nimport { ConfigConsumer } from '../config-provider';\nimport warning from '../_util/warning';\nfunction getBreadcrumbName(route, params) {\n if (!route.breadcrumbName) {\n return null;\n }\n const paramsKeys = Object.keys(params).join('|');\n const name = route.breadcrumbName.replace(new RegExp(`:(${paramsKeys})`, 'g'), (replacement, key) => params[key] || replacement);\n return name;\n}\nfunction defaultItemRender(route, params, routes, paths) {\n const isLastItem = routes.indexOf(route) === routes.length - 1;\n const name = getBreadcrumbName(route, params);\n return isLastItem ? {name} : {name};\n}\nfunction filterFragment(children) {\n return toArray(children).map((element) => {\n if (React.isValidElement(element) && element.type === React.Fragment) {\n const props = element.props;\n return props.children;\n }\n return element;\n });\n}\nexport default class Breadcrumb extends React.Component {\n constructor() {\n super(...arguments);\n this.getPath = (path, params) => {\n path = (path || '').replace(/^\\//, '');\n Object.keys(params).forEach(key => {\n path = path.replace(`:${key}`, params[key]);\n });\n return path;\n };\n this.addChildPath = (paths, childPath = '', params) => {\n const originalPaths = [...paths];\n const path = this.getPath(childPath, params);\n if (path) {\n originalPaths.push(path);\n }\n return originalPaths;\n };\n this.genForRoutes = ({ routes = [], params = {}, separator, itemRender = defaultItemRender, }) => {\n const paths = [];\n return routes.map(route => {\n const path = this.getPath(route.path, params);\n if (path) {\n paths.push(path);\n }\n // generated overlay by route.children\n let overlay;\n if (route.children && route.children.length) {\n overlay = ();\n }\n return (\n {itemRender(route, params, routes, paths)}\n );\n });\n };\n this.renderBreadcrumb = ({ getPrefixCls, direction }) => {\n let crumbs;\n const _a = this.props, { prefixCls: customizePrefixCls, separator, style, className, routes, children } = _a, restProps = __rest(_a, [\"prefixCls\", \"separator\", \"style\", \"className\", \"routes\", \"children\"]);\n const prefixCls = getPrefixCls('breadcrumb', customizePrefixCls);\n if (routes && routes.length > 0) {\n // generated by route\n crumbs = this.genForRoutes(this.props);\n }\n else if (children) {\n crumbs = React.Children.map(filterFragment(children), (element, index) => {\n if (!element) {\n return element;\n }\n warning(element.type &&\n (element.type.__ANT_BREADCRUMB_ITEM === true ||\n element.type.__ANT_BREADCRUMB_SEPARATOR === true), 'Breadcrumb', \"Only accepts Breadcrumb.Item and Breadcrumb.Separator as it's children\");\n return React.cloneElement(element, {\n separator,\n key: index,\n });\n });\n }\n const breadcrumbClassName = classNames(className, prefixCls, {\n [`${prefixCls}-rtl`]: direction === 'rtl',\n });\n return ({this.renderBreadcrumb} ;\n }\n}\nBreadcrumb.defaultProps = {\n separator: '/',\n};\n","var __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 { DownOutlined } from '@ant-design/icons';\nimport omit from 'omit.js';\nimport DropDown from '../dropdown/dropdown';\nimport { ConfigConsumer } from '../config-provider';\nexport default class BreadcrumbItem extends React.Component {\n constructor() {\n super(...arguments);\n this.renderBreadcrumbItem = ({ getPrefixCls }) => {\n const _a = this.props, { prefixCls: customizePrefixCls, separator, children } = _a, restProps = __rest(_a, [\"prefixCls\", \"separator\", \"children\"]);\n const prefixCls = getPrefixCls('breadcrumb', customizePrefixCls);\n let link;\n if ('href' in this.props) {\n link = (\n {children}\n );\n }\n else {\n link = (\n {children}\n );\n }\n // wrap to dropDown\n link = this.renderBreadcrumbNode(link, prefixCls);\n if (children) {\n return (\n {link}\n {separator && separator !== '' && ({separator})}\n );\n }\n return null;\n };\n /**\n * if overlay is have\n * Wrap a DropDown\n */\n this.renderBreadcrumbNode = (breadcrumbItem, prefixCls) => {\n const { overlay } = this.props;\n if (overlay) {\n return (\n \n {breadcrumbItem}\n );\n }\n return breadcrumbItem;\n };\n }\n render() {\n return {this.renderBreadcrumbItem} ;\n }\n}\nBreadcrumbItem.__ANT_BREADCRUMB_ITEM = true;\nBreadcrumbItem.defaultProps = {\n separator: '/',\n};\n","import * as React from 'react';\nimport { ConfigConsumer } from '../config-provider';\nexport default class BreadcrumbSeparator extends React.Component {\n constructor() {\n super(...arguments);\n this.renderSeparator = ({ getPrefixCls }) => {\n const { children } = this.props;\n const prefixCls = getPrefixCls('breadcrumb');\n return {children || '/'};\n };\n }\n render() {\n return {this.renderSeparator} ;\n }\n}\nBreadcrumbSeparator.__ANT_BREADCRUMB_SEPARATOR = true;\n","import Breadcrumb from './Breadcrumb';\nimport BreadcrumbItem from './BreadcrumbItem';\nimport BreadcrumbSeparator from './BreadcrumbSeparator';\nexport { BreadcrumbProps } from './Breadcrumb';\nexport { BreadcrumbItemProps } from './BreadcrumbItem';\nBreadcrumb.Item = BreadcrumbItem;\nBreadcrumb.Separator = BreadcrumbSeparator;\nexport default Breadcrumb;\n","// extracted by mini-css-extract-plugin","import '../../style/index.less';\nimport './index.less';\nimport '../../menu/style';\nimport '../../dropdown/style';\n","var __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 classNames from 'classnames';\nimport { ConfigConsumer } from '../config-provider';\nconst ButtonGroup = props => (\n {({ getPrefixCls, direction }) => {\n const { prefixCls: customizePrefixCls, size, className } = props, others = __rest(props, [\"prefixCls\", \"size\", \"className\"]);\n const prefixCls = getPrefixCls('btn-group', customizePrefixCls);\n // large => lg\n // small => sm\n let sizeCls = '';\n switch (size) {\n case 'large':\n sizeCls = 'lg';\n break;\n case 'small':\n sizeCls = 'sm';\n break;\n default:\n break;\n }\n const classes = classNames(prefixCls, {\n [`${prefixCls}-${sizeCls}`]: sizeCls,\n [`${prefixCls}-rtl`]: direction === 'rtl',\n }, className);\n return
\n
);\n // fix https://fb.me/react-unknown-prop\n const divProps = omit(this.props, [\n 'prefixCls',\n 'className',\n 'children',\n 'visibilityHeight',\n 'target',\n 'visible',\n ]);\n const visible = 'visible' in this.props ? this.props.visible : this.state.visible;\n const backTopBtn = visible ? (\n {children || defaultElement}\n
) : null;\n return (\n {i % 10}\n
);\n }\n return childrenToReturn;\n}\nclass ScrollNumber extends React.Component {\n constructor(props) {\n super(props);\n this.onAnimated = () => {\n const { onAnimated } = this.props;\n if (onAnimated) {\n onAnimated();\n }\n };\n this.renderScrollNumber = ({ getPrefixCls }) => {\n const { prefixCls: customizePrefixCls, className, style, title, component = 'sup', displayComponent, } = this.props;\n // fix https://fb.me/react-unknown-prop\n const restProps = omit(this.props, [\n 'count',\n 'onAnimated',\n 'component',\n 'prefixCls',\n 'displayComponent',\n ]);\n const prefixCls = getPrefixCls('scroll-number', customizePrefixCls);\n const newProps = Object.assign(Object.assign({}, restProps), { className: classNames(prefixCls, className), title: title });\n // allow specify the border\n // mock border-color by box-shadow for compatible with old usage:\n //\n {crumbs}\n
);\n };\n }\n render() {\n return ;\n}}\n );\nexport default ButtonGroup;\n","var __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};\n/* eslint-disable react/button-has-type */\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { LoadingOutlined } from '@ant-design/icons';\nimport omit from 'omit.js';\nimport { ConfigConsumer } from '../config-provider';\nimport Wave from '../_util/wave';\nimport { tuple } from '../_util/type';\nimport warning from '../_util/warning';\nimport SizeContext from '../config-provider/SizeContext';\nconst rxTwoCNChar = /^[\\u4e00-\\u9fa5]{2}$/;\nconst isTwoCNChar = rxTwoCNChar.test.bind(rxTwoCNChar);\nfunction isString(str) {\n return typeof str === 'string';\n}\n// Insert one space between two chinese characters automatically.\nfunction insertSpace(child, needInserted) {\n // Check the child if is undefined or null.\n if (child == null) {\n return;\n }\n const SPACE = needInserted ? ' ' : '';\n // strictNullChecks oops.\n if (typeof child !== 'string' &&\n typeof child !== 'number' &&\n isString(child.type) &&\n isTwoCNChar(child.props.children)) {\n return React.cloneElement(child, {}, child.props.children.split('').join(SPACE));\n }\n if (typeof child === 'string') {\n if (isTwoCNChar(child)) {\n child = child.split('').join(SPACE);\n }\n return {child};\n }\n return child;\n}\nfunction spaceChildren(children, needInserted) {\n let isPrevChildPure = false;\n const childList = [];\n React.Children.forEach(children, child => {\n const type = typeof child;\n const isCurrentChildPure = type === 'string' || type === 'number';\n if (isPrevChildPure && isCurrentChildPure) {\n const lastIndex = childList.length - 1;\n const lastChild = childList[lastIndex];\n childList[lastIndex] = `${lastChild}${child}`;\n }\n else {\n childList.push(child);\n }\n isPrevChildPure = isCurrentChildPure;\n });\n // Pass to React.Children.map to auto fill key\n return React.Children.map(childList, child => insertSpace(child, needInserted));\n}\nconst ButtonTypes = tuple('default', 'primary', 'ghost', 'dashed', 'danger', 'link');\nconst ButtonShapes = tuple('circle', 'circle-outline', 'round');\nconst ButtonHTMLTypes = tuple('submit', 'button', 'reset');\nclass Button extends React.Component {\n constructor(props) {\n super(props);\n this.saveButtonRef = (node) => {\n this.buttonNode = node;\n };\n this.handleClick = e => {\n const { loading } = this.state;\n const { onClick } = this.props;\n if (loading) {\n return;\n }\n if (onClick) {\n onClick(e);\n }\n };\n this.renderButton = ({ getPrefixCls, autoInsertSpaceInButton, direction }) => (\n {size => {\n const _a = this.props, { prefixCls: customizePrefixCls, type, danger, shape, size: customizeSize, className, children, icon, ghost, block } = _a, rest = __rest(_a, [\"prefixCls\", \"type\", \"danger\", \"shape\", \"size\", \"className\", \"children\", \"icon\", \"ghost\", \"block\"]);\n const { loading, hasTwoCNChar } = this.state;\n warning(!(typeof icon === 'string' && icon.length > 2), 'Button', `\\`icon\\` is using ReactNode instead of string naming in v4. Please check \\`${icon}\\` at https://ant.design/components/icon`);\n const prefixCls = getPrefixCls('btn', customizePrefixCls);\n const autoInsertSpace = autoInsertSpaceInButton !== false;\n // large => lg\n // small => sm\n let sizeCls = '';\n switch (customizeSize || size) {\n case 'large':\n sizeCls = 'lg';\n break;\n case 'small':\n sizeCls = 'sm';\n break;\n default:\n break;\n }\n const iconType = loading ? 'loading' : icon;\n const classes = classNames(prefixCls, className, {\n [`${prefixCls}-${type}`]: type,\n [`${prefixCls}-${shape}`]: shape,\n [`${prefixCls}-${sizeCls}`]: sizeCls,\n [`${prefixCls}-icon-only`]: !children && children !== 0 && iconType,\n [`${prefixCls}-loading`]: !!loading,\n [`${prefixCls}-background-ghost`]: ghost,\n [`${prefixCls}-two-chinese-chars`]: hasTwoCNChar && autoInsertSpace,\n [`${prefixCls}-block`]: block,\n [`${prefixCls}-dangerous`]: !!danger,\n [`${prefixCls}-rtl`]: direction === 'rtl',\n });\n const iconNode = loading ? {buttonNode} ;\n }}\n );\n this.state = {\n loading: props.loading,\n hasTwoCNChar: false,\n };\n }\n componentDidMount() {\n this.fixTwoCNChar();\n }\n componentDidUpdate(prevProps) {\n this.fixTwoCNChar();\n if (prevProps.loading && typeof prevProps.loading !== 'boolean') {\n clearTimeout(this.delayTimeout);\n }\n const { loading } = this.props;\n if (loading && typeof loading !== 'boolean' && loading.delay) {\n this.delayTimeout = window.setTimeout(() => {\n this.setState({ loading });\n }, loading.delay);\n }\n else if (prevProps.loading !== loading) {\n // eslint-disable-next-line react/no-did-update-set-state\n this.setState({ loading });\n }\n }\n componentWillUnmount() {\n if (this.delayTimeout) {\n clearTimeout(this.delayTimeout);\n }\n }\n fixTwoCNChar() {\n // Fix for HOC usage like {this.renderButton} ;\n }\n}\nButton.__ANT_BUTTON = true;\nButton.defaultProps = {\n loading: false,\n ghost: false,\n block: false,\n htmlType: 'button',\n};\nexport default Button;\n","import Button from './button';\nimport ButtonGroup from './button-group';\nexport { ButtonProps, ButtonShape, ButtonType } from './button';\nexport { ButtonGroupProps } from './button-group';\nexport { SizeType as ButtonSize } from '../config-provider/SizeContext';\nButton.Group = ButtonGroup;\nexport default Button;\n","// extracted by mini-css-extract-plugin","import '../../style/index.less';\nimport './index.less';\n","import * as React from 'react';\nimport Select from '../select';\nimport { Group, Button } from '../radio';\nconst YearSelectOffset = 10;\nconst YearSelectTotal = 20;\nfunction YearSelect(props) {\n const { fullscreen, validRange, generateConfig, locale, prefixCls, value, onChange, divRef, } = props;\n const year = generateConfig.getYear(value);\n let start = year - YearSelectOffset;\n let end = start + YearSelectTotal;\n if (validRange) {\n start = generateConfig.getYear(validRange[0]);\n end = generateConfig.getYear(validRange[1]) + 1;\n }\n const suffix = locale && locale.year === '年' ? '年' : '';\n const options = [];\n for (let index = start; index < end; index++) {\n options.push({ label: `${index}${suffix}`, value: index });\n }\n return (