\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);\npolyfill(Affix);\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 * as ReactDOM from 'react-dom';\nimport Animate from 'rc-animate';\nimport classNames from 'classnames';\nimport Icon from '../icon';\nimport { ConfigConsumer } from '../config-provider';\nimport getDataOrAriaProps from '../_util/getDataOrAriaProps';\nimport warning from '../_util/warning';\nfunction noop() { }\nexport default class Alert extends React.Component {\n constructor(props) {\n super(props);\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 }) => {\n const { description, prefixCls: customizePrefixCls, message, closeText, banner, className = '', style, icon, } = this.props;\n let { closable, type, showIcon, iconType } = 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 let iconTheme = 'filled';\n if (!iconType) {\n switch (type) {\n case 'success':\n iconType = 'check-circle';\n break;\n case 'info':\n iconType = 'info-circle';\n break;\n case 'error':\n iconType = 'close-circle';\n break;\n case 'warning':\n iconType = 'exclamation-circle';\n break;\n default:\n iconType = 'default';\n }\n // use outline icon in alert with description\n if (description) {\n iconTheme = 'outlined';\n }\n }\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 }, 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 return closed ? null : (\n );\n };\n warning(!('iconType' in props), 'Alert', '`iconType` is deprecated. Please use `icon` instead.');\n this.state = {\n closing: false,\n closed: false,\n };\n }\n render() {\n return {this.renderAlert} ;\n }\n}\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 { polyfill } from 'react-lifecycles-compat';\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};\npolyfill(AnchorLink);\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","import * as React from 'react';\nexport default class InputElement extends React.Component {\n constructor() {\n super(...arguments);\n this.saveRef = (ele) => {\n const { ref: childRef } = this.props.children;\n if (typeof childRef === 'function') {\n childRef(ele);\n }\n };\n }\n render() {\n return React.cloneElement(this.props.children, Object.assign(Object.assign({}, this.props), { ref: this.saveRef }), null);\n }\n}\n","import * as React from 'react';\nimport { Option, OptGroup } from 'rc-select';\nimport classNames from 'classnames';\nimport InputElement from './InputElement';\nimport Input from '../input';\nimport Select from '../select';\nimport { ConfigConsumer } from '../config-provider';\nfunction isSelectOptionOrSelectOptGroup(child) {\n return child && child.type && (child.type.isSelectOption || child.type.isSelectOptGroup);\n}\nexport default class AutoComplete extends React.Component {\n constructor() {\n super(...arguments);\n this.saveSelect = (node) => {\n this.select = node;\n };\n this.getInputElement = () => {\n const { children } = this.props;\n const element = children && React.isValidElement(children) && children.type !== Option ? (React.Children.only(this.props.children)) : ();\n const elementProps = Object.assign({}, element.props);\n // https://github.com/ant-design/ant-design/pull/7742\n delete elementProps.children;\n return {element} ;\n };\n this.renderAutoComplete = ({ getPrefixCls }) => {\n const { prefixCls: customizePrefixCls, size, className = '', notFoundContent, optionLabelProp, dataSource, children, } = this.props;\n const prefixCls = getPrefixCls('select', customizePrefixCls);\n const cls = classNames({\n [`${prefixCls}-lg`]: size === 'large',\n [`${prefixCls}-sm`]: size === 'small',\n [className]: !!className,\n [`${prefixCls}-show-search`]: true,\n [`${prefixCls}-auto-complete`]: true,\n });\n let options;\n const childArray = React.Children.toArray(children);\n if (childArray.length && isSelectOptionOrSelectOptGroup(childArray[0])) {\n options = children;\n }\n else {\n options = 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 return ();\n default:\n throw new Error('AutoComplete[dataSource] only supports type `string[] | Object[]`.');\n }\n })\n : [];\n }\n return ();\n };\n }\n focus() {\n this.select.focus();\n }\n blur() {\n this.select.blur();\n }\n render() {\n return {this.renderAutoComplete} ;\n }\n}\nAutoComplete.Option = Option;\nAutoComplete.OptGroup = OptGroup;\nAutoComplete.defaultProps = {\n transitionName: 'slide-up',\n optionLabelProp: 'children',\n choiceTransitionName: 'zoom',\n showSearch: false,\n filterOption: false,\n};\n","// extracted by mini-css-extract-plugin","import '../../style/index.less';\nimport './index.less';\n// style dependencies\nimport '../../select/style';\nimport '../../input/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 Icon from '../icon';\nimport { ConfigConsumer } from '../config-provider';\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 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 if (typeof icon === 'string') {\n children = ;\n }\n else {\n children = icon;\n }\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 }) => {\n const { prefixCls: customizePrefixCls, className = '', children } = this.props;\n const prefixCls = getPrefixCls('back-top', customizePrefixCls);\n const classString = classNames(prefixCls, className);\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 { polyfill } from 'react-lifecycles-compat';\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};\npolyfill(ScrollNumber);\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 * as PropTypes from 'prop-types';\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 }) => {\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) {\n const { className, children } = this.props;\n return classNames(className, prefixCls, {\n [`${prefixCls}-status`]: this.hasStatus(),\n [`${prefixCls}-not-a-wrapper`]: !children,\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};\nBadge.propTypes = {\n count: PropTypes.node,\n showZero: PropTypes.bool,\n dot: PropTypes.bool,\n overflowCount: PropTypes.number,\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 * as PropTypes from 'prop-types';\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 = null;\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 }) => {\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 return ({this.renderBreadcrumb} ;\n }\n}\nBreadcrumb.defaultProps = {\n separator: '/',\n};\nBreadcrumb.propTypes = {\n prefixCls: PropTypes.string,\n separator: PropTypes.node,\n routes: PropTypes.array,\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 * as PropTypes from 'prop-types';\nimport omit from 'omit.js';\nimport DropDown from '../dropdown/dropdown';\nimport Icon from '../icon';\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 );\n }\n return breadcrumbItem;\n };\n }\n render() {\n return {this.renderBreadcrumbItem} ;\n }\n}\nBreadcrumbItem.__ANT_BREADCRUMB_ITEM = true;\nBreadcrumbItem.defaultProps = {\n separator: '/',\n};\nBreadcrumbItem.propTypes = {\n prefixCls: PropTypes.string,\n separator: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n href: PropTypes.string,\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 }) => {\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 }, 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 componentDidMount() {\n const { props } = this;\n warning(!('linkRender' in props || 'nameRender' in props), 'Breadcrumb', '`linkRender` and `nameRender` are removed, please use `itemRender` instead, ' +\n 'see: https://u.ant.design/item-render.');\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 * as PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { polyfill } from 'react-lifecycles-compat';\nimport omit from 'omit.js';\nimport Icon from '../icon';\nimport { ConfigConsumer } from '../config-provider';\nimport Wave from '../_util/wave';\nimport { tuple } from '../_util/type';\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 ButtonSizes = tuple('large', 'default', 'small');\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 }) => {\n const _a = this.props, { prefixCls: customizePrefixCls, type, shape, size, className, children, icon, ghost, block } = _a, rest = __rest(_a, [\"prefixCls\", \"type\", \"shape\", \"size\", \"className\", \"children\", \"icon\", \"ghost\", \"block\"]);\n const { loading, hasTwoCNChar } = this.state;\n const prefixCls = getPrefixCls('btn', customizePrefixCls);\n const autoInsertSpace = autoInsertSpaceInButton !== false;\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 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 });\n const iconNode = iconType ? : null;\n const kids = children || children === 0\n ? spaceChildren(children, this.isNeedInserted() && autoInsertSpace)\n : null;\n const linkButtonRestProps = omit(rest, ['htmlType', 'loading']);\n if (linkButtonRestProps.href !== undefined) {\n return (\n {iconNode}\n {kids}\n );\n }\n // React does not recognize the `htmlType` prop on a DOM element. Here we pick it out of `rest`.\n const _b = rest, { htmlType } = _b, otherProps = __rest(_b, [\"htmlType\"]);\n const buttonNode = ();\n if (type === 'link') {\n return buttonNode;\n }\n return {buttonNode} ;\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};\nButton.propTypes = {\n type: PropTypes.string,\n shape: PropTypes.oneOf(ButtonShapes),\n size: PropTypes.oneOf(ButtonSizes),\n htmlType: PropTypes.oneOf(ButtonHTMLTypes),\n onClick: PropTypes.func,\n loading: PropTypes.oneOfType([PropTypes.bool, PropTypes.object]),\n className: PropTypes.string,\n icon: PropTypes.string,\n block: PropTypes.bool,\n title: PropTypes.string,\n};\npolyfill(Button);\nexport default Button;\n","import Button from './button';\nimport ButtonGroup from './button-group';\nexport { ButtonProps, ButtonShape, ButtonSize, ButtonType } from './button';\nexport { ButtonGroupProps } from './button-group';\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';\nimport { ConfigConsumer } from '../config-provider';\nconst { Option } = Select;\nfunction getMonthsLocale(value) {\n const current = value.clone();\n const localeData = value.localeData();\n const months = [];\n for (let i = 0; i < 12; i++) {\n current.month(i);\n months.push(localeData.monthsShort(current));\n }\n return months;\n}\nexport default class Header extends React.Component {\n constructor() {\n super(...arguments);\n this.onYearChange = (year) => {\n const { value, validRange } = this.props;\n const newValue = value.clone();\n newValue.year(parseInt(year, 10));\n // switch the month so that it remains within range when year changes\n if (validRange) {\n const [start, end] = validRange;\n const newYear = newValue.get('year');\n const newMonth = newValue.get('month');\n if (newYear === end.get('year') && newMonth > end.get('month')) {\n newValue.month(end.get('month'));\n }\n if (newYear === start.get('year') && newMonth < start.get('month')) {\n newValue.month(start.get('month'));\n }\n }\n const { onValueChange } = this.props;\n if (onValueChange) {\n onValueChange(newValue);\n }\n };\n this.onMonthChange = (month) => {\n const newValue = this.props.value.clone();\n newValue.month(parseInt(month, 10));\n const { onValueChange } = this.props;\n if (onValueChange) {\n onValueChange(newValue);\n }\n };\n this.onInternalTypeChange = (e) => {\n this.onTypeChange(e.target.value);\n };\n this.onTypeChange = (type) => {\n const { onTypeChange } = this.props;\n if (onTypeChange) {\n onTypeChange(type);\n }\n };\n this.getCalenderHeaderNode = (node) => {\n this.calenderHeaderNode = node;\n };\n this.getMonthYearSelections = (getPrefixCls) => {\n const { prefixCls: customizePrefixCls, type, value } = this.props;\n const prefixCls = getPrefixCls('fullcalendar', customizePrefixCls);\n const yearReactNode = this.getYearSelectElement(prefixCls, value.year());\n const monthReactNode = type === 'month'\n ? this.getMonthSelectElement(prefixCls, value.month(), getMonthsLocale(value))\n : null;\n return {\n yearReactNode,\n monthReactNode,\n };\n };\n this.getTypeSwitch = () => {\n const { locale = {}, type, fullscreen } = this.props;\n const size = fullscreen ? 'default' : 'small';\n return (\n \n \n );\n };\n this.headerRenderCustom = (headerRender) => {\n const { type, onValueChange, value } = this.props;\n return headerRender({\n value,\n type: type || 'month',\n onChange: onValueChange,\n onTypeChange: this.onTypeChange,\n });\n };\n this.renderHeader = ({ getPrefixCls }) => {\n const { prefixCls, headerRender } = this.props;\n const typeSwitch = this.getTypeSwitch();\n const { yearReactNode, monthReactNode } = this.getMonthYearSelections(getPrefixCls);\n return headerRender ? (this.headerRenderCustom(headerRender)) : ({this.renderHeader} ;\n }\n}\nHeader.defaultProps = {\n yearSelectOffset: 10,\n yearSelectTotal: 20,\n};\n","import * as React from 'react';\nimport * as PropTypes from 'prop-types';\nimport * as moment from 'moment';\nimport FullCalendar from 'rc-calendar/lib/FullCalendar';\nimport { polyfill } from 'react-lifecycles-compat';\nimport Header from './Header';\nimport enUS from './locale/en_US';\nimport LocaleReceiver from '../locale-provider/LocaleReceiver';\nimport { ConfigConsumer } from '../config-provider';\nimport interopDefault from '../_util/interopDefault';\nexport { HeaderProps } from './Header';\nfunction noop() {\n return null;\n}\nfunction zerofixed(v) {\n if (v < 10) {\n return `0${v}`;\n }\n return `${v}`;\n}\nclass Calendar extends React.Component {\n constructor(props) {\n super(props);\n this.onHeaderValueChange = (value) => {\n this.setValue(value, 'changePanel');\n };\n this.onHeaderTypeChange = (mode) => {\n this.setState({ mode });\n this.onPanelChange(this.state.value, mode);\n };\n this.onSelect = (value) => {\n this.setValue(value, 'select');\n };\n this.setValue = (value, way) => {\n const prevValue = this.props.value || this.state.value;\n const { mode } = this.state;\n if (!('value' in this.props)) {\n this.setState({ value });\n }\n if (way === 'select') {\n if (prevValue && prevValue.month() !== value.month()) {\n this.onPanelChange(value, mode);\n }\n if (this.props.onSelect) {\n this.props.onSelect(value);\n }\n }\n else if (way === 'changePanel') {\n this.onPanelChange(value, mode);\n }\n };\n this.getDateRange = (validRange, disabledDate) => (current) => {\n if (!current) {\n return false;\n }\n const [startDate, endDate] = validRange;\n const inRange = !current.isBetween(startDate, endDate, 'days', '[]');\n if (disabledDate) {\n return disabledDate(current) || inRange;\n }\n return inRange;\n };\n this.getDefaultLocale = () => {\n const result = Object.assign(Object.assign({}, enUS), this.props.locale);\n result.lang = Object.assign(Object.assign({}, result.lang), (this.props.locale || {}).lang);\n return result;\n };\n this.monthCellRender = (value) => {\n const { monthCellRender = noop } = this.props;\n const { prefixCls } = this;\n return (\n {({ getPrefixCls }) => {\n const prefixCls = getPrefixCls('fullcalendar', 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 let cls = className || '';\n if (fullscreen) {\n cls += ` ${prefixCls}-fullscreen`;\n }\n return ( );\n };\n const value = props.value || props.defaultValue || interopDefault(moment)();\n if (!interopDefault(moment).isMoment(value)) {\n throw new Error('The value/defaultValue of Calendar must be a moment object after `antd@2.0`, ' +\n 'see: https://u.ant.design/calendar-value');\n }\n this.state = {\n value,\n mode: props.mode || 'month',\n };\n }\n static getDerivedStateFromProps(nextProps) {\n const newState = {};\n if ('value' in nextProps) {\n newState.value = nextProps.value;\n }\n if ('mode' in nextProps) {\n newState.mode = nextProps.mode;\n }\n return Object.keys(newState).length > 0 ? newState : null;\n }\n onPanelChange(value, mode) {\n const { onPanelChange, onChange } = this.props;\n if (onPanelChange) {\n onPanelChange(value, mode);\n }\n if (onChange && value !== this.state.value) {\n onChange(value);\n }\n }\n render() {\n return (\n {this.renderCalendar}\n );\n }\n}\nCalendar.defaultProps = {\n locale: {},\n fullscreen: true,\n onSelect: noop,\n onPanelChange: noop,\n onChange: noop,\n};\nCalendar.propTypes = {\n monthCellRender: PropTypes.func,\n dateCellRender: PropTypes.func,\n monthFullCellRender: PropTypes.func,\n dateFullCellRender: PropTypes.func,\n fullscreen: PropTypes.bool,\n locale: PropTypes.object,\n prefixCls: PropTypes.string,\n className: PropTypes.string,\n style: PropTypes.object,\n onPanelChange: PropTypes.func,\n value: PropTypes.object,\n onSelect: PropTypes.func,\n onChange: PropTypes.func,\n headerRender: PropTypes.func,\n};\npolyfill(Calendar);\nexport default Calendar;\n","import en_US from '../../date-picker/locale/en_US';\nexport default en_US;\n","// extracted by mini-css-extract-plugin","import '../../style/index.less';\nimport './index.less';\n// style dependencies\nimport '../../select/style';\nimport '../../radio/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 Grid = props => (\n {({ getPrefixCls }) => {\n const { prefixCls: customizePrefixCls, className, hoverable = true } = props, others = __rest(props, [\"prefixCls\", \"className\", \"hoverable\"]);\n const prefixCls = getPrefixCls('card', customizePrefixCls);\n const classString = classNames(`${prefixCls}-grid`, className, {\n [`${prefixCls}-grid-hoverable`]: hoverable,\n });\n return
\n {yearReactNode}\n {monthReactNode}\n {typeSwitch}\n
);\n };\n }\n getYearSelectElement(prefixCls, year) {\n const { yearSelectOffset, yearSelectTotal, locale = {}, fullscreen, validRange } = this.props;\n let start = year - yearSelectOffset;\n let end = start + yearSelectTotal;\n if (validRange) {\n start = validRange[0].get('year');\n end = validRange[1].get('year') + 1;\n }\n const suffix = locale.year === '年' ? '年' : '';\n const options = [];\n for (let index = start; index < end; index++) {\n options.push();\n }\n return ();\n }\n getMonthSelectElement(prefixCls, month, months) {\n const { fullscreen, validRange, value } = this.props;\n const options = [];\n let start = 0;\n let end = 12;\n if (validRange) {\n const [rangeStart, rangeEnd] = validRange;\n const currentYear = value.get('year');\n if (rangeEnd.get('year') === currentYear) {\n end = rangeEnd.get('month') + 1;\n }\n if (rangeStart.get('year') === currentYear) {\n start = rangeStart.get('month');\n }\n }\n for (let index = start; index < end; index++) {\n options.push();\n }\n return ();\n }\n render() {\n return \n
);\n };\n this.dateCellRender = (value) => {\n const { dateCellRender = noop } = this.props;\n const { prefixCls } = this;\n return ({value.localeData().monthsShort(value)}
\n {monthCellRender(value)}
\n \n
);\n };\n this.renderCalendar = (locale, localeCode) => {\n const { state, props } = this;\n const { value, mode } = state;\n if (value && localeCode) {\n value.locale(localeCode);\n }\n const { prefixCls: customizePrefixCls, style, className, fullscreen, headerRender, dateFullCellRender, monthFullCellRender, } = props;\n const monthCellRender = monthFullCellRender || this.monthCellRender;\n const dateCellRender = dateFullCellRender || this.dateCellRender;\n let { disabledDate } = props;\n if (props.validRange) {\n disabledDate = this.getDateRange(props.validRange, disabledDate);\n }\n return ({zerofixed(value.date())}
\n {dateCellRender(value)}
\n \n \n \n
);\n }}\n ;\n}}\n );\nexport default Grid;\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 Meta = props => (\n {({ getPrefixCls }) => {\n const { prefixCls: customizePrefixCls, className, avatar, title, description } = props, others = __rest(props, [\"prefixCls\", \"className\", \"avatar\", \"title\", \"description\"]);\n const prefixCls = getPrefixCls('card', customizePrefixCls);\n const classString = classNames(`${prefixCls}-meta`, className);\n const avatarDom = avatar ? );\nexport default Meta;\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 omit from 'omit.js';\nimport Grid from './Grid';\nimport Meta from './Meta';\nimport Tabs from '../tabs';\nimport Row from '../row';\nimport Col from '../col';\nimport { ConfigConsumer } from '../config-provider';\nimport warning from '../_util/warning';\nfunction getAction(actions) {\n const actionList = actions.map((action, index) => (\n // eslint-disable-next-line react/no-array-index-key\n \n {action}\n ));\n return actionList;\n}\nexport { CardGridProps } from './Grid';\nexport { CardMetaProps } from './Meta';\nexport default class Card extends React.Component {\n constructor() {\n super(...arguments);\n this.onTabChange = (key) => {\n if (this.props.onTabChange) {\n this.props.onTabChange(key);\n }\n };\n this.renderCard = ({ getPrefixCls }) => {\n const _a = this.props, { prefixCls: customizePrefixCls, className, extra, headStyle = {}, bodyStyle = {}, title, loading, bordered = true, size = 'default', type, cover, actions, tabList, children, activeTabKey, defaultActiveTabKey, tabBarExtraContent } = _a, others = __rest(_a, [\"prefixCls\", \"className\", \"extra\", \"headStyle\", \"bodyStyle\", \"title\", \"loading\", \"bordered\", \"size\", \"type\", \"cover\", \"actions\", \"tabList\", \"children\", \"activeTabKey\", \"defaultActiveTabKey\", \"tabBarExtraContent\"]);\n const prefixCls = getPrefixCls('card', customizePrefixCls);\n const classString = classNames(prefixCls, className, {\n [`${prefixCls}-loading`]: loading,\n [`${prefixCls}-bordered`]: bordered,\n [`${prefixCls}-hoverable`]: this.getCompatibleHoverable(),\n [`${prefixCls}-contain-grid`]: this.isContainGrid(),\n [`${prefixCls}-contain-tabs`]: tabList && tabList.length,\n [`${prefixCls}-${size}`]: size !== 'default',\n [`${prefixCls}-type-${type}`]: !!type,\n });\n const loadingBlockStyle = bodyStyle.padding === 0 || bodyStyle.padding === '0px' ? { padding: 24 } : undefined;\n const loadingBlock = (
{avatar}
: null;\n const titleDom = title ? {title}
: null;\n const descriptionDom = description ? ({description}
) : null;\n const MetaDetail = titleDom || descriptionDom ? (\n {titleDom}\n {descriptionDom}\n
) : null;\n return (\n {avatarDom}\n {MetaDetail}\n
);\n}}\n \n \n
\n \n \n \n
\n \n
\n \n \n \n
\n \n
\n \n \n \n
\n \n
\n \n \n \n
\n \n
\n \n \n {tabList.map(item => ())}\n ) : null;\n if (title || extra || tabs) {\n head = ({this.renderCard} ;\n }\n}\nCard.Grid = Grid;\nCard.Meta = Meta;\n","// extracted by mini-css-extract-plugin","import '../../style/index.less';\nimport './index.less';\n// style dependencies\nimport '../../tabs/style';\nimport '../../row/style';\nimport '../../col/style';\n","import * as React from 'react';\nimport debounce from 'lodash/debounce';\nimport { ConfigConsumer } from '../config-provider';\nimport warning from '../_util/warning';\n// matchMedia polyfill for\n// https://github.com/WickyNilliams/enquire.js/issues/82\n// TODO: Will be removed in antd 4.0 because we will no longer support ie9\nif (typeof window !== 'undefined') {\n const matchMediaPolyfill = (mediaQuery) => {\n return {\n media: mediaQuery,\n matches: false,\n addListener() { },\n removeListener() { },\n };\n };\n // ref: https://github.com/ant-design/ant-design/issues/18774\n if (!window.matchMedia)\n window.matchMedia = matchMediaPolyfill;\n}\n// Use require over import (will be lifted up)\n// make sure matchMedia polyfill run before require('react-slick')\n// Fix https://github.com/ant-design/ant-design/issues/6560\n// Fix https://github.com/ant-design/ant-design/issues/3308\nconst SlickCarousel = require('react-slick').default;\nexport default class Carousel extends React.Component {\n constructor(props) {\n super(props);\n this.saveSlick = (node) => {\n this.slick = node;\n };\n this.onWindowResized = () => {\n // Fix https://github.com/ant-design/ant-design/issues/2550\n const { autoplay } = this.props;\n if (autoplay && this.slick && this.slick.innerSlider && this.slick.innerSlider.autoPlay) {\n this.slick.innerSlider.autoPlay();\n }\n };\n this.renderCarousel = ({ getPrefixCls }) => {\n const props = Object.assign({}, this.props);\n if (props.effect === 'fade') {\n props.fade = true;\n }\n let className = getPrefixCls('carousel', props.prefixCls);\n const dotsClass = 'slick-dots';\n const dotPosition = this.getDotPosition();\n props.vertical = dotPosition === 'left' || dotPosition === 'right';\n props.dotsClass = `${dotsClass} ${dotsClass}-${dotPosition || 'bottom'}`;\n if (props.vertical) {\n className = `${className} ${className}-vertical`;\n }\n return ({this.renderCarousel} ;\n }\n}\nCarousel.defaultProps = {\n dots: true,\n arrows: false,\n draggable: false,\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 RcCascader from 'rc-cascader';\nimport arrayTreeFilter from 'array-tree-filter';\nimport classNames from 'classnames';\nimport omit from 'omit.js';\nimport KeyCode from 'rc-util/lib/KeyCode';\nimport { polyfill } from 'react-lifecycles-compat';\nimport Input from '../input';\nimport Icon from '../icon';\nimport { ConfigConsumer } from '../config-provider';\nimport LocaleReceiver from '../locale-provider/LocaleReceiver';\nimport warning from '../_util/warning';\n// We limit the filtered item count by default\nconst defaultLimit = 50;\nfunction highlightKeyword(str, keyword, prefixCls) {\n return str.split(keyword).map((node, index) => index === 0\n ? node\n : [\n \n {keyword}\n ,\n node,\n ]);\n}\nfunction defaultFilterOption(inputValue, path, names) {\n return path.some(option => option[names.label].indexOf(inputValue) > -1);\n}\nfunction defaultRenderFilteredOption(inputValue, path, prefixCls, names) {\n return path.map((option, index) => {\n const label = option[names.label];\n const node = label.indexOf(inputValue) > -1\n ? highlightKeyword(label, inputValue, prefixCls)\n : label;\n return index === 0 ? node : [' / ', node];\n });\n}\nfunction defaultSortFilteredOption(a, b, inputValue, names) {\n function callback(elem) {\n return elem[names.label].indexOf(inputValue) > -1;\n }\n return a.findIndex(callback) - b.findIndex(callback);\n}\nfunction getFieldNames(props) {\n const { fieldNames, filedNames } = props;\n if ('filedNames' in props) {\n return filedNames; // For old compatibility\n }\n return fieldNames;\n}\nfunction getFilledFieldNames(props) {\n const fieldNames = getFieldNames(props) || {};\n const names = {\n children: fieldNames.children || 'children',\n label: fieldNames.label || 'label',\n value: fieldNames.value || 'value',\n };\n return names;\n}\nfunction flattenTree(options, props, ancestor = []) {\n const names = getFilledFieldNames(props);\n let flattenOptions = [];\n const childrenName = names.children;\n options.forEach(option => {\n const path = ancestor.concat(option);\n if (props.changeOnSelect || !option[childrenName] || !option[childrenName].length) {\n flattenOptions.push(path);\n }\n if (option[childrenName]) {\n flattenOptions = flattenOptions.concat(flattenTree(option[childrenName], props, path));\n }\n });\n return flattenOptions;\n}\nconst defaultDisplayRender = (label) => label.join(' / ');\nfunction warningValueNotExist(list, fieldNames = {}) {\n (list || []).forEach(item => {\n const valueFieldName = fieldNames.value || 'value';\n warning(valueFieldName in item, 'Cascader', 'Not found `value` in `options`.');\n warningValueNotExist(item[fieldNames.children || 'children'], fieldNames);\n });\n}\nclass Cascader extends React.Component {\n constructor(props) {\n super(props);\n this.cachedOptions = [];\n this.setValue = (value, selectedOptions = []) => {\n if (!('value' in this.props)) {\n this.setState({ value });\n }\n const { onChange } = this.props;\n if (onChange) {\n onChange(value, selectedOptions);\n }\n };\n this.saveInput = (node) => {\n this.input = node;\n };\n this.handleChange = (value, selectedOptions) => {\n this.setState({ inputValue: '' });\n if (selectedOptions[0].__IS_FILTERED_OPTION) {\n const unwrappedValue = value[0];\n const unwrappedSelectedOptions = selectedOptions[0].path;\n this.setValue(unwrappedValue, unwrappedSelectedOptions);\n return;\n }\n this.setValue(value, selectedOptions);\n };\n this.handlePopupVisibleChange = (popupVisible) => {\n if (!('popupVisible' in this.props)) {\n this.setState(state => ({\n popupVisible,\n inputFocused: popupVisible,\n inputValue: popupVisible ? state.inputValue : '',\n }));\n }\n const { onPopupVisibleChange } = this.props;\n if (onPopupVisibleChange) {\n onPopupVisibleChange(popupVisible);\n }\n };\n this.handleInputBlur = () => {\n this.setState({\n inputFocused: false,\n });\n };\n this.handleInputClick = (e) => {\n const { inputFocused, popupVisible } = this.state;\n // Prevent `Trigger` behaviour.\n if (inputFocused || popupVisible) {\n e.stopPropagation();\n if (e.nativeEvent.stopImmediatePropagation) {\n e.nativeEvent.stopImmediatePropagation();\n }\n }\n };\n this.handleKeyDown = (e) => {\n // SPACE => https://github.com/ant-design/ant-design/issues/16871\n if (e.keyCode === KeyCode.BACKSPACE || e.keyCode === KeyCode.SPACE) {\n e.stopPropagation();\n }\n };\n this.handleInputChange = (e) => {\n const inputValue = e.target.value;\n this.setState({ inputValue });\n };\n this.clearSelection = (e) => {\n e.preventDefault();\n e.stopPropagation();\n if (!this.state.inputValue) {\n this.setValue([]);\n this.handlePopupVisibleChange(false);\n }\n else {\n this.setState({ inputValue: '' });\n }\n };\n this.renderCascader = ({ getPopupContainer: getContextPopupContainer, getPrefixCls, renderEmpty }, locale) => {\n const { props, state } = this;\n const { prefixCls: customizePrefixCls, inputPrefixCls: customizeInputPrefixCls, children, placeholder = locale.placeholder || 'Please select', size, disabled, className, style, allowClear, showSearch = false, suffixIcon, notFoundContent } = props, otherProps = __rest(props, [\"prefixCls\", \"inputPrefixCls\", \"children\", \"placeholder\", \"size\", \"disabled\", \"className\", \"style\", \"allowClear\", \"showSearch\", \"suffixIcon\", \"notFoundContent\"]);\n const { value, inputFocused } = state;\n const prefixCls = getPrefixCls('cascader', customizePrefixCls);\n const inputPrefixCls = getPrefixCls('input', customizeInputPrefixCls);\n const sizeCls = classNames({\n [`${inputPrefixCls}-lg`]: size === 'large',\n [`${inputPrefixCls}-sm`]: size === 'small',\n });\n const clearIcon = (allowClear && !disabled && value.length > 0) || state.inputValue ? () : null;\n const arrowCls = classNames({\n [`${prefixCls}-picker-arrow`]: true,\n [`${prefixCls}-picker-arrow-expand`]: state.popupVisible,\n });\n const pickerCls = classNames(className, `${prefixCls}-picker`, {\n [`${prefixCls}-picker-with-value`]: state.inputValue,\n [`${prefixCls}-picker-disabled`]: disabled,\n [`${prefixCls}-picker-${size}`]: !!size,\n [`${prefixCls}-picker-show-search`]: !!showSearch,\n [`${prefixCls}-picker-focused`]: inputFocused,\n });\n // Fix bug of https://github.com/facebook/react/pull/5004\n // and https://fb.me/react-unknown-prop\n const inputProps = omit(otherProps, [\n 'onChange',\n 'options',\n 'popupPlacement',\n 'transitionName',\n 'displayRender',\n 'onPopupVisibleChange',\n 'changeOnSelect',\n 'expandTrigger',\n 'popupVisible',\n 'getPopupContainer',\n 'loadData',\n 'popupClassName',\n 'filterOption',\n 'renderFilteredOption',\n 'sortFilteredOption',\n 'notFoundContent',\n 'fieldNames',\n 'filedNames',\n ]);\n let { options } = props;\n const names = getFilledFieldNames(this.props);\n if (options && options.length > 0) {\n if (state.inputValue) {\n options = this.generateFilteredOptions(prefixCls, renderEmpty);\n }\n }\n else {\n options = [\n {\n [names.label]: notFoundContent || renderEmpty('Cascader'),\n [names.value]: 'ANT_CASCADER_NOT_FOUND',\n disabled: true,\n },\n ];\n }\n // Dropdown menu should keep previous status until it is fully closed.\n if (!state.popupVisible) {\n options = this.cachedOptions;\n }\n else {\n this.cachedOptions = options;\n }\n const dropdownMenuColumnStyle = {};\n const isNotFound = (options || []).length === 1 && options[0][names.value] === 'ANT_CASCADER_NOT_FOUND';\n if (isNotFound) {\n dropdownMenuColumnStyle.height = 'auto'; // Height of one row.\n }\n // The default value of `matchInputWidth` is `true`\n const resultListMatchInputWidth = showSearch.matchInputWidth !== false;\n if (resultListMatchInputWidth && (state.inputValue || isNotFound) && this.input) {\n dropdownMenuColumnStyle.width = this.input.input.offsetWidth;\n }\n const inputIcon = (suffixIcon &&\n (React.isValidElement(suffixIcon) ? (React.cloneElement(suffixIcon, {\n className: classNames({\n [suffixIcon.props.className]: suffixIcon.props.className,\n [`${prefixCls}-picker-arrow`]: true,\n }),\n })) : ({suffixIcon}))) || ;\n const input = children || (\n {this.getLabel()}\n 0 ? undefined : placeholder} className={`${prefixCls}-input ${sizeCls}`} value={state.inputValue} disabled={disabled} readOnly={!showSearch} autoComplete={inputProps.autoComplete || 'off'} onClick={showSearch ? this.handleInputClick : undefined} onBlur={showSearch ? this.handleInputBlur : undefined} onKeyDown={this.handleKeyDown} onChange={showSearch ? this.handleInputChange : undefined}/>\n {clearIcon}\n {inputIcon}\n );\n const expandIcon = ;\n const loadingIcon = (\n \n {input}\n );\n };\n this.state = {\n value: props.value || props.defaultValue || [],\n inputValue: '',\n inputFocused: false,\n popupVisible: props.popupVisible,\n flattenOptions: props.showSearch ? flattenTree(props.options, props) : undefined,\n prevProps: props,\n };\n }\n static getDerivedStateFromProps(nextProps, { prevProps }) {\n const newState = {\n prevProps: nextProps,\n };\n if ('value' in nextProps) {\n newState.value = nextProps.value || [];\n }\n if ('popupVisible' in nextProps) {\n newState.popupVisible = nextProps.popupVisible;\n }\n if (nextProps.showSearch && prevProps.options !== nextProps.options) {\n newState.flattenOptions = flattenTree(nextProps.options, nextProps);\n }\n if (process.env.NODE_ENV !== 'production' && nextProps.options) {\n warningValueNotExist(nextProps.options, getFieldNames(nextProps));\n }\n return newState;\n }\n getLabel() {\n const { options, displayRender = defaultDisplayRender } = this.props;\n const names = getFilledFieldNames(this.props);\n const { value } = this.state;\n const unwrappedValue = Array.isArray(value[0]) ? value[0] : value;\n const selectedOptions = arrayTreeFilter(options, (o, level) => o[names.value] === unwrappedValue[level], { childrenKeyName: names.children });\n const label = selectedOptions.map(o => o[names.label]);\n return displayRender(label, selectedOptions);\n }\n generateFilteredOptions(prefixCls, renderEmpty) {\n const { showSearch, notFoundContent } = this.props;\n const names = getFilledFieldNames(this.props);\n const { filter = defaultFilterOption, render = defaultRenderFilteredOption, sort = defaultSortFilteredOption, limit = defaultLimit, } = showSearch;\n const { flattenOptions = [], inputValue } = this.state;\n // Limit the filter if needed\n let filtered;\n if (limit > 0) {\n filtered = [];\n let matchCount = 0;\n // Perf optimization to filter items only below the limit\n flattenOptions.some(path => {\n const match = filter(this.state.inputValue, path, names);\n if (match) {\n filtered.push(path);\n matchCount += 1;\n }\n return matchCount >= limit;\n });\n }\n else {\n warning(typeof limit !== 'number', 'Cascader', \"'limit' of showSearch should be positive number or false.\");\n filtered = flattenOptions.filter(path => filter(this.state.inputValue, path, names));\n }\n filtered.sort((a, b) => sort(a, b, inputValue, names));\n if (filtered.length > 0) {\n return filtered.map((path) => {\n return {\n __IS_FILTERED_OPTION: true,\n path,\n [names.label]: render(inputValue, path, prefixCls, names),\n [names.value]: path.map((o) => o[names.value]),\n disabled: path.some((o) => !!o.disabled),\n };\n });\n }\n return [\n {\n [names.label]: notFoundContent || renderEmpty('Cascader'),\n [names.value]: 'ANT_CASCADER_NOT_FOUND',\n disabled: true,\n },\n ];\n }\n focus() {\n this.input.focus();\n }\n blur() {\n this.input.blur();\n }\n render() {\n return (\n {(configArgument) => ({locale => this.renderCascader(configArgument, locale)} )}\n );\n }\n}\nCascader.defaultProps = {\n transitionName: 'slide-up',\n popupPlacement: 'bottomLeft',\n options: [],\n disabled: false,\n allowClear: true,\n};\npolyfill(Cascader);\nexport default Cascader;\n","// extracted by mini-css-extract-plugin","import '../../style/index.less';\nimport './index.less';\n// style dependencies\nimport '../../empty/style';\nimport '../../input/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 * as PropTypes from 'prop-types';\nimport { polyfill } from 'react-lifecycles-compat';\nimport classNames from 'classnames';\nimport RcCheckbox from 'rc-checkbox';\nimport shallowEqual from 'shallowequal';\nimport { ConfigConsumer } from '../config-provider';\nimport warning from '../_util/warning';\nclass Checkbox extends React.Component {\n constructor() {\n super(...arguments);\n this.saveCheckbox = (node) => {\n this.rcCheckbox = node;\n };\n this.renderCheckbox = ({ getPrefixCls }) => {\n const { props, context } = this;\n const { prefixCls: customizePrefixCls, className, children, indeterminate, style, onMouseEnter, onMouseLeave } = props, restProps = __rest(props, [\"prefixCls\", \"className\", \"children\", \"indeterminate\", \"style\", \"onMouseEnter\", \"onMouseLeave\"]);\n const { checkboxGroup } = context;\n const prefixCls = getPrefixCls('checkbox', customizePrefixCls);\n const checkboxProps = Object.assign({}, restProps);\n if (checkboxGroup) {\n checkboxProps.onChange = (...args) => {\n if (restProps.onChange) {\n restProps.onChange(...args);\n }\n checkboxGroup.toggleOption({ label: children, value: props.value });\n };\n checkboxProps.name = checkboxGroup.name;\n checkboxProps.checked = checkboxGroup.value.indexOf(props.value) !== -1;\n checkboxProps.disabled = props.disabled || checkboxGroup.disabled;\n }\n const classString = classNames(className, {\n [`${prefixCls}-wrapper`]: true,\n [`${prefixCls}-wrapper-checked`]: checkboxProps.checked,\n [`${prefixCls}-wrapper-disabled`]: checkboxProps.disabled,\n });\n const checkboxClass = classNames({\n [`${prefixCls}-indeterminate`]: indeterminate,\n });\n return (\n // eslint-disable-next-line jsx-a11y/label-has-associated-control\n );\n };\n }\n componentDidMount() {\n const { value } = this.props;\n const { checkboxGroup = {} } = this.context || {};\n if (checkboxGroup.registerValue) {\n checkboxGroup.registerValue(value);\n }\n warning('checked' in this.props || (this.context || {}).checkboxGroup || !('value' in this.props), 'Checkbox', '`value` is not validate prop, do you mean `checked`?');\n }\n shouldComponentUpdate(nextProps, nextState, nextContext) {\n return (!shallowEqual(this.props, nextProps) ||\n !shallowEqual(this.state, nextState) ||\n !shallowEqual(this.context.checkboxGroup, nextContext.checkboxGroup));\n }\n componentDidUpdate({ value: prevValue }) {\n const { value } = this.props;\n const { checkboxGroup = {} } = this.context || {};\n if (value !== prevValue && checkboxGroup.registerValue && checkboxGroup.cancelValue) {\n checkboxGroup.cancelValue(prevValue);\n checkboxGroup.registerValue(value);\n }\n }\n componentWillUnmount() {\n const { value } = this.props;\n const { checkboxGroup = {} } = this.context || {};\n if (checkboxGroup.cancelValue) {\n checkboxGroup.cancelValue(value);\n }\n }\n focus() {\n this.rcCheckbox.focus();\n }\n blur() {\n this.rcCheckbox.blur();\n }\n render() {\n return {this.renderCheckbox} ;\n }\n}\nCheckbox.__ANT_CHECKBOX = true;\nCheckbox.defaultProps = {\n indeterminate: false,\n};\nCheckbox.contextTypes = {\n checkboxGroup: PropTypes.any,\n};\npolyfill(Checkbox);\nexport default Checkbox;\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 * as PropTypes from 'prop-types';\nimport { polyfill } from 'react-lifecycles-compat';\nimport classNames from 'classnames';\nimport shallowEqual from 'shallowequal';\nimport omit from 'omit.js';\nimport Checkbox from './Checkbox';\nimport { ConfigConsumer } from '../config-provider';\nclass CheckboxGroup extends React.Component {\n constructor(props) {\n super(props);\n this.cancelValue = (value) => {\n this.setState(({ registeredValues }) => ({\n registeredValues: registeredValues.filter(val => val !== value),\n }));\n };\n this.registerValue = (value) => {\n this.setState(({ registeredValues }) => ({\n registeredValues: [...registeredValues, value],\n }));\n };\n this.toggleOption = (option) => {\n const { registeredValues } = this.state;\n const optionIndex = this.state.value.indexOf(option.value);\n const value = [...this.state.value];\n if (optionIndex === -1) {\n value.push(option.value);\n }\n else {\n value.splice(optionIndex, 1);\n }\n if (!('value' in this.props)) {\n this.setState({ value });\n }\n const { onChange } = this.props;\n if (onChange) {\n const options = this.getOptions();\n onChange(value\n .filter(val => registeredValues.indexOf(val) !== -1)\n .sort((a, b) => {\n const indexA = options.findIndex(opt => opt.value === a);\n const indexB = options.findIndex(opt => opt.value === b);\n return indexA - indexB;\n }));\n }\n };\n this.renderGroup = ({ getPrefixCls }) => {\n const { props, state } = this;\n const { prefixCls: customizePrefixCls, className, style, options } = props, restProps = __rest(props, [\"prefixCls\", \"className\", \"style\", \"options\"]);\n const prefixCls = getPrefixCls('checkbox', customizePrefixCls);\n const groupPrefixCls = `${prefixCls}-group`;\n const domProps = omit(restProps, ['children', 'defaultValue', 'value', 'onChange', 'disabled']);\n let { children } = props;\n if (options && options.length > 0) {\n children = this.getOptions().map(option => (\n {option.label}\n ));\n }\n const classString = classNames(groupPrefixCls, className);\n return ({this.renderGroup} ;\n }\n}\nCheckboxGroup.defaultProps = {\n options: [],\n};\nCheckboxGroup.propTypes = {\n defaultValue: PropTypes.array,\n value: PropTypes.array,\n options: PropTypes.array.isRequired,\n onChange: PropTypes.func,\n};\nCheckboxGroup.childContextTypes = {\n checkboxGroup: PropTypes.any,\n};\npolyfill(CheckboxGroup);\nexport default CheckboxGroup;\n","import Checkbox from './Checkbox';\nimport Group from './Group';\nexport { CheckboxProps, CheckboxChangeEvent } from './Checkbox';\nexport { CheckboxGroupProps, CheckboxOptionType } from './Group';\nCheckbox.Group = Group;\nexport default Checkbox;\n","// extracted by mini-css-extract-plugin","import '../../style/index.less';\nimport './index.less';\n","import { Col, ColProps, ColSize } from '../grid';\nexport { ColProps, ColSize };\nexport default Col;\n","import '../../style/index.less';\n// style dependencies\n// deps-lint-skip: grid\nimport '../../grid/style';\n","import * as React from 'react';\nimport RcCollapse from 'rc-collapse';\nimport classNames from 'classnames';\nimport CollapsePanel from './CollapsePanel';\nimport Icon from '../icon';\nimport { ConfigConsumer } from '../config-provider';\nimport animation from '../_util/openAnimation';\nexport default class Collapse extends React.Component {\n constructor() {\n super(...arguments);\n this.renderExpandIcon = (panelProps = {}, prefixCls) => {\n const { expandIcon } = this.props;\n const icon = (expandIcon ? (expandIcon(panelProps)) : ( this.renderExpandIcon(panelProps, prefixCls)} prefixCls={prefixCls} className={collapseClassName}/>);\n };\n }\n render() {\n return {this.renderCollapse} ;\n }\n}\nCollapse.Panel = CollapsePanel;\nCollapse.defaultProps = {\n bordered: true,\n openAnimation: Object.assign(Object.assign({}, animation), { appear() { } }),\n expandIconPosition: 'left',\n};\n","import * as React from 'react';\nimport RcCollapse from 'rc-collapse';\nimport classNames from 'classnames';\nimport { ConfigConsumer } from '../config-provider';\nexport default class CollapsePanel extends React.Component {\n constructor() {\n super(...arguments);\n this.renderCollapsePanel = ({ getPrefixCls }) => {\n const { prefixCls: customizePrefixCls, className = '', showArrow = true } = this.props;\n const prefixCls = getPrefixCls('collapse', customizePrefixCls);\n const collapsePanelClassName = classNames({\n [`${prefixCls}-no-arrow`]: !showArrow,\n }, className);\n return ();\n };\n }\n render() {\n return {this.renderCollapsePanel} ;\n }\n}\n","import Collapse from './Collapse';\nexport { CollapseProps } from './Collapse';\nexport { CollapsePanelProps } from './CollapsePanel';\nexport default Collapse;\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 { ConfigConsumer } from '../config-provider';\nfunction getAction(actions) {\n if (!actions || !actions.length) {\n return null;\n }\n // eslint-disable-next-line react/no-array-index-key\n const actionList = actions.map((action, index) => {action} );\n return actionList;\n}\nexport default class Comment extends React.Component {\n constructor() {\n super(...arguments);\n this.renderNested = (prefixCls, children) => {\n return {this.renderComment} ;\n }\n}\n","// extracted by mini-css-extract-plugin","import '../../style/index.less';\nimport './index.less';\n","import * as React from 'react';\nimport createReactContext from '@ant-design/create-react-context';\nimport defaultRenderEmpty from './renderEmpty';\nexport const ConfigContext = createReactContext({\n // We provide a default function for Context without provider\n getPrefixCls: (suffixCls, customizePrefixCls) => {\n if (customizePrefixCls)\n return customizePrefixCls;\n return `ant-${suffixCls}`;\n },\n renderEmpty: defaultRenderEmpty,\n});\nexport const ConfigConsumer = ConfigContext.Consumer;\nexport function withConfigConsumer(config) {\n return function withConfigConsumerFunc(Component) {\n // Wrap with ConfigConsumer. Since we need compatible with react 15, be care when using ref methods\n const SFC = ((props) => (\n {(configProps) => {\n const { prefixCls: basicPrefixCls } = config;\n const { getPrefixCls } = configProps;\n const { prefixCls: customizePrefixCls } = props;\n const prefixCls = getPrefixCls(basicPrefixCls, customizePrefixCls);\n return ;\n }}\n ));\n const cons = Component.constructor;\n const name = (cons && cons.displayName) || Component.name || 'Component';\n SFC.displayName = `withConfigConsumer(${name})`;\n return SFC;\n };\n}\n","// TODO: remove this lint\n// SFC has specified a displayName, but not worked.\n/* eslint-disable react/display-name */\nimport * as React from 'react';\nimport { RenderEmptyHandler } from './renderEmpty';\nimport LocaleProvider, { ANT_MARK } from '../locale-provider';\nimport LocaleReceiver from '../locale-provider/LocaleReceiver';\nimport { ConfigConsumer, ConfigContext, CSPConfig, ConfigConsumerProps } from './context';\nexport { RenderEmptyHandler, ConfigConsumer, CSPConfig, ConfigConsumerProps };\nexport const configConsumerProps = [\n 'getPopupContainer',\n 'rootPrefixCls',\n 'getPrefixCls',\n 'renderEmpty',\n 'csp',\n 'autoInsertSpaceInButton',\n 'locale',\n 'pageHeader',\n];\nclass ConfigProvider extends React.Component {\n constructor() {\n super(...arguments);\n this.getPrefixCls = (suffixCls, customizePrefixCls) => {\n const { prefixCls = 'ant' } = this.props;\n if (customizePrefixCls)\n return customizePrefixCls;\n return suffixCls ? `${prefixCls}-${suffixCls}` : prefixCls;\n };\n this.renderProvider = (context, legacyLocale) => {\n const { children, getPopupContainer, renderEmpty, csp, autoInsertSpaceInButton, locale, pageHeader, } = this.props;\n const config = Object.assign(Object.assign({}, context), { getPrefixCls: this.getPrefixCls, csp,\n autoInsertSpaceInButton });\n if (getPopupContainer) {\n config.getPopupContainer = getPopupContainer;\n }\n if (renderEmpty) {\n config.renderEmpty = renderEmpty;\n }\n if (pageHeader) {\n config.pageHeader = pageHeader;\n }\n return (\n \n {children}\n \n );\n };\n }\n render() {\n return (\n {(_, __, legacyLocale) => (\n {context => this.renderProvider(context, legacyLocale)}\n )}\n );\n }\n}\nexport default ConfigProvider;\n","import * as React from 'react';\nimport Empty from '../empty';\nimport { ConfigConsumer } from '.';\nconst renderEmpty = (componentName) => (\n {({ getPrefixCls }) => {\n const prefix = getPrefixCls('empty');\n switch (componentName) {\n case 'Table':\n case 'List':\n return ;\n case 'Select':\n case 'TreeSelect':\n case 'Cascader':\n case 'Transfer':\n case 'Mentions':\n return ;\n default:\n return );\nexport default renderEmpty;\n","// extracted by mini-css-extract-plugin","import './index.less';\n","import * as React from 'react';\nimport classNames from 'classnames';\nimport Icon from '../icon';\nexport default function InputIcon(props) {\n const { suffixIcon, prefixCls } = props;\n return ((suffixIcon &&\n (React.isValidElement(suffixIcon) ? (React.cloneElement(suffixIcon, {\n className: classNames({\n [suffixIcon.props.className]: suffixIcon.props.className,\n [`${prefixCls}-picker-icon`]: true,\n }),\n })) : ({suffixIcon}))) || );\n}\n","/* tslint:disable jsx-no-multiline-js */\nimport * as React from 'react';\nimport * as moment from 'moment';\nimport { polyfill } from 'react-lifecycles-compat';\nimport RangeCalendar from 'rc-calendar/lib/RangeCalendar';\nimport RcDatePicker from 'rc-calendar/lib/Picker';\nimport classNames from 'classnames';\nimport shallowequal from 'shallowequal';\nimport Icon from '../icon';\nimport Tag from '../tag';\nimport { ConfigConsumer } from '../config-provider';\nimport warning from '../_util/warning';\nimport interopDefault from '../_util/interopDefault';\nimport { formatDate } from './utils';\nimport InputIcon from './InputIcon';\nfunction getShowDateFromValue(value, mode) {\n const [start, end] = value;\n // value could be an empty array, then we should not reset showDate\n if (!start && !end) {\n return;\n }\n if (mode && mode[0] === 'month') {\n return [start, end];\n }\n const newEnd = end && end.isSame(start, 'month') ? end.clone().add(1, 'month') : end;\n return [start, newEnd];\n}\nfunction pickerValueAdapter(value) {\n if (!value) {\n return;\n }\n if (Array.isArray(value)) {\n return value;\n }\n return [value, value.clone().add(1, 'month')];\n}\nfunction isEmptyArray(arr) {\n if (Array.isArray(arr)) {\n return arr.length === 0 || arr.every(i => !i);\n }\n return false;\n}\nfunction fixLocale(value, localeCode) {\n if (!localeCode) {\n return;\n }\n if (!value || value.length === 0) {\n return;\n }\n const [start, end] = value;\n if (start) {\n start.locale(localeCode);\n }\n if (end) {\n end.locale(localeCode);\n }\n}\nclass RangePicker extends React.Component {\n constructor(props) {\n super(props);\n this.savePicker = (node) => {\n this.picker = node;\n };\n this.clearSelection = (e) => {\n e.preventDefault();\n e.stopPropagation();\n this.setState({ value: [] });\n this.handleChange([]);\n };\n this.clearHoverValue = () => this.setState({ hoverValue: [] });\n this.handleChange = (value) => {\n const { props } = this;\n if (!('value' in props)) {\n this.setState(({ showDate }) => ({\n value,\n showDate: getShowDateFromValue(value) || showDate,\n }));\n }\n if (value[0] && value[1] && value[0].diff(value[1]) > 0) {\n value[1] = undefined;\n }\n const [start, end] = value;\n if (typeof props.onChange === 'function') {\n props.onChange(value, [formatDate(start, props.format), formatDate(end, props.format)]);\n }\n };\n this.handleOpenChange = (open) => {\n if (!('open' in this.props)) {\n this.setState({ open });\n }\n if (open === false) {\n this.clearHoverValue();\n }\n const { onOpenChange } = this.props;\n if (onOpenChange) {\n onOpenChange(open);\n }\n };\n this.handleShowDateChange = (showDate) => this.setState({ showDate });\n this.handleHoverChange = (hoverValue) => this.setState({ hoverValue });\n this.handleRangeMouseLeave = () => {\n if (this.state.open) {\n this.clearHoverValue();\n }\n };\n this.handleCalendarInputSelect = (value) => {\n const [start] = value;\n if (!start) {\n return;\n }\n this.setState(({ showDate }) => ({\n value,\n showDate: getShowDateFromValue(value) || showDate,\n }));\n };\n this.handleRangeClick = (value) => {\n if (typeof value === 'function') {\n value = value();\n }\n this.setValue(value, true);\n const { onOk, onOpenChange } = this.props;\n if (onOk) {\n onOk(value);\n }\n if (onOpenChange) {\n onOpenChange(false);\n }\n };\n this.renderFooter = () => {\n const { ranges, renderExtraFooter } = this.props;\n const { prefixCls, tagPrefixCls } = this;\n if (!ranges && !renderExtraFooter) {\n return null;\n }\n const customFooter = renderExtraFooter ? ( this.handleRangeClick(value)} onMouseEnter={() => this.setState({ hoverValue })} onMouseLeave={this.handleRangeMouseLeave}>\n {range}\n );\n });\n const rangeNode = operations && operations.length > 0 ? ();\n // default width for showTime\n const pickerStyle = {};\n if (props.showTime) {\n pickerStyle.width = (style && style.width) || 350;\n }\n const [startValue, endValue] = value;\n const clearIcon = !props.disabled && props.allowClear && value && (startValue || endValue) ? () : null;\n const inputIcon = ;\n const input = ({ value: inputValue }) => {\n const [start, end] = inputValue;\n return (\n \n {separator} \n \n {clearIcon}\n {inputIcon}\n );\n };\n return (\n \n {input}\n \n );\n };\n const value = props.value || props.defaultValue || [];\n const [start, end] = value;\n if ((start && !interopDefault(moment).isMoment(start)) ||\n (end && !interopDefault(moment).isMoment(end))) {\n throw new Error('The value/defaultValue of RangePicker must be a moment object array after `antd@2.0`, ' +\n 'see: https://u.ant.design/date-picker-value');\n }\n const pickerValue = !value || isEmptyArray(value) ? props.defaultPickerValue : value;\n this.state = {\n value,\n showDate: pickerValueAdapter(pickerValue || interopDefault(moment)()),\n open: props.open,\n hoverValue: [],\n };\n }\n static getDerivedStateFromProps(nextProps, prevState) {\n let state = null;\n if ('value' in nextProps) {\n const value = nextProps.value || [];\n state = {\n value,\n };\n if (!shallowequal(nextProps.value, prevState.value)) {\n state = Object.assign(Object.assign({}, state), { showDate: getShowDateFromValue(value, nextProps.mode) || prevState.showDate });\n }\n }\n if ('open' in nextProps && prevState.open !== nextProps.open) {\n state = Object.assign(Object.assign({}, state), { open: nextProps.open });\n }\n return state;\n }\n componentDidUpdate(_, prevState) {\n if (!('open' in this.props) && prevState.open && !this.state.open) {\n this.focus();\n }\n }\n setValue(value, hidePanel) {\n this.handleChange(value);\n if ((hidePanel || !this.props.showTime) && !('open' in this.props)) {\n this.setState({ open: false });\n }\n }\n focus() {\n this.picker.focus();\n }\n blur() {\n this.picker.blur();\n }\n render() {\n return {this.renderRangePicker} ;\n }\n}\nRangePicker.defaultProps = {\n allowClear: true,\n showToday: false,\n separator: '~',\n};\npolyfill(RangePicker);\nexport default RangePicker;\n","import * as React from 'react';\nimport * as moment from 'moment';\nimport { polyfill } from 'react-lifecycles-compat';\nimport Calendar from 'rc-calendar';\nimport RcDatePicker from 'rc-calendar/lib/Picker';\nimport classNames from 'classnames';\nimport Icon from '../icon';\nimport { ConfigConsumer } from '../config-provider';\nimport interopDefault from '../_util/interopDefault';\nimport InputIcon from './InputIcon';\nfunction formatValue(value, format) {\n return (value && value.format(format)) || '';\n}\nclass WeekPicker extends React.Component {\n constructor(props) {\n super(props);\n this.saveInput = (node) => {\n this.input = node;\n };\n this.weekDateRender = (current) => {\n const selectedValue = this.state.value;\n const { prefixCls } = this;\n const { dateRender } = this.props;\n const dateNode = dateRender ? dateRender(current) : current.date();\n if (selectedValue &&\n current.year() === selectedValue.year() &&\n current.week() === selectedValue.week()) {\n return ();\n const clearIcon = !disabled && allowClear && this.state.value ? () : null;\n const inputIcon = ;\n const input = ({ value }) => (\n \n {clearIcon}\n {inputIcon}\n );\n return (\n \n {input}\n \n );\n };\n const value = props.value || props.defaultValue;\n if (value && !interopDefault(moment).isMoment(value)) {\n throw new Error('The value/defaultValue of WeekPicker must be ' +\n 'a moment object after `antd@2.0`, see: https://u.ant.design/date-picker-value');\n }\n this.state = {\n value,\n open: props.open,\n };\n }\n static getDerivedStateFromProps(nextProps) {\n if ('value' in nextProps || 'open' in nextProps) {\n const state = {};\n if ('value' in nextProps) {\n state.value = nextProps.value;\n }\n if ('open' in nextProps) {\n state.open = nextProps.open;\n }\n return state;\n }\n return null;\n }\n componentDidUpdate(_, prevState) {\n if (!('open' in this.props) && prevState.open && !this.state.open) {\n this.focus();\n }\n }\n focus() {\n this.input.focus();\n }\n blur() {\n this.input.blur();\n }\n render() {\n return {this.renderWeekPicker} ;\n }\n}\nWeekPicker.defaultProps = {\n format: 'gggg-wo',\n allowClear: true,\n};\npolyfill(WeekPicker);\nexport default WeekPicker;\n","import * as React from 'react';\nimport * as moment from 'moment';\nimport { polyfill } from 'react-lifecycles-compat';\nimport MonthCalendar from 'rc-calendar/lib/MonthCalendar';\nimport RcDatePicker from 'rc-calendar/lib/Picker';\nimport classNames from 'classnames';\nimport omit from 'omit.js';\nimport Icon from '../icon';\nimport { ConfigConsumer } from '../config-provider';\nimport warning from '../_util/warning';\nimport interopDefault from '../_util/interopDefault';\nimport getDataOrAriaProps from '../_util/getDataOrAriaProps';\nimport { formatDate } from './utils';\nexport default function createPicker(TheCalendar) {\n class CalenderWrapper extends React.Component {\n constructor(props) {\n super(props);\n this.saveInput = (node) => {\n this.input = node;\n };\n this.clearSelection = (e) => {\n e.preventDefault();\n e.stopPropagation();\n this.handleChange(null);\n };\n this.handleChange = (value) => {\n const { props } = this;\n if (!('value' in props)) {\n this.setState({\n value,\n showDate: value,\n });\n }\n props.onChange(value, formatDate(value, props.format));\n };\n this.handleCalendarChange = (value) => {\n this.setState({ showDate: value });\n };\n this.handleOpenChange = (open) => {\n const { onOpenChange } = this.props;\n if (!('open' in this.props)) {\n this.setState({ open });\n }\n if (onOpenChange) {\n onOpenChange(open);\n }\n };\n this.renderFooter = (...args) => {\n const { renderExtraFooter } = this.props;\n const { prefixCls } = this;\n return renderExtraFooter ? ();\n const clearIcon = !props.disabled && props.allowClear && value ? () : null;\n const inputIcon = (suffixIcon &&\n (React.isValidElement(suffixIcon) ? (React.cloneElement(suffixIcon, {\n className: classNames({\n [suffixIcon.props.className]: suffixIcon.props.className,\n [`${prefixCls}-picker-icon`]: true,\n }),\n })) : ({suffixIcon}))) || ;\n const dataOrAriaProps = getDataOrAriaProps(props);\n const input = ({ value: inputValue }) => (\n {input}\n \n );\n };\n const value = props.value || props.defaultValue;\n if (value && !interopDefault(moment).isMoment(value)) {\n throw new Error('The value/defaultValue of DatePicker or MonthPicker must be ' +\n 'a moment object after `antd@2.0`, see: https://u.ant.design/date-picker-value');\n }\n this.state = {\n value,\n showDate: value,\n open: false,\n };\n }\n static getDerivedStateFromProps(nextProps, prevState) {\n const state = {};\n let { open } = prevState;\n if ('open' in nextProps) {\n state.open = nextProps.open;\n open = nextProps.open || false;\n }\n if ('value' in nextProps) {\n state.value = nextProps.value;\n if (nextProps.value !== prevState.value ||\n (!open && nextProps.value !== prevState.showDate)) {\n state.showDate = nextProps.value;\n }\n }\n return Object.keys(state).length > 0 ? state : null;\n }\n componentDidUpdate(_, prevState) {\n if (!('open' in this.props) && prevState.open && !this.state.open) {\n this.focus();\n }\n }\n focus() {\n this.input.focus();\n }\n blur() {\n this.input.blur();\n }\n render() {\n return {this.renderPicker} ;\n }\n }\n CalenderWrapper.defaultProps = {\n allowClear: true,\n showToday: true,\n };\n polyfill(CalenderWrapper);\n return CalenderWrapper;\n}\n","import RcCalendar from 'rc-calendar';\nimport MonthCalendar from 'rc-calendar/lib/MonthCalendar';\nimport createPicker from './createPicker';\nimport wrapPicker from './wrapPicker';\nimport RangePicker from './RangePicker';\nimport WeekPicker from './WeekPicker';\nconst DatePicker = wrapPicker(createPicker(RcCalendar), 'date');\nconst MonthPicker = wrapPicker(createPicker(MonthCalendar), 'month');\nObject.assign(DatePicker, {\n RangePicker: wrapPicker(RangePicker, 'date'),\n MonthPicker,\n WeekPicker: wrapPicker(WeekPicker, 'week'),\n});\nexport default DatePicker;\n","import CalendarLocale from 'rc-calendar/lib/locale/en_US';\nimport TimePickerLocale from '../../time-picker/locale/en_US';\n// Merge into a locale object\nconst locale = {\n lang: Object.assign({ placeholder: 'Select date', rangePlaceholder: ['Start date', 'End date'] }, CalendarLocale),\n timePickerLocale: Object.assign({}, TimePickerLocale),\n};\n// All settings at:\n// https://github.com/ant-design/ant-design/blob/master/components/date-picker/locale/example.json\nexport default locale;\n","// extracted by mini-css-extract-plugin","import '../../style/index.less';\nimport './index.less';\n// style dependencies\n// deps-lint-skip: input\nimport '../../input/style';\nimport '../../time-picker/style';\nimport '../../tag/style';\n","// eslint-disable-next-line import/prefer-default-export\nexport function formatDate(value, format) {\n if (!value) {\n return '';\n }\n if (Array.isArray(format)) {\n format = format[0];\n }\n return value.format(format);\n}\n","import * as React from 'react';\nimport { polyfill } from 'react-lifecycles-compat';\nimport TimePickerPanel from 'rc-time-picker/lib/Panel';\nimport classNames from 'classnames';\nimport * as moment from 'moment';\nimport enUS from './locale/en_US';\nimport interopDefault from '../_util/interopDefault';\nimport LocaleReceiver from '../locale-provider/LocaleReceiver';\nimport { generateShowHourMinuteSecond } from '../time-picker';\nimport { ConfigConsumer } from '../config-provider';\nimport warning from '../_util/warning';\nconst DEFAULT_FORMAT = {\n date: 'YYYY-MM-DD',\n dateTime: 'YYYY-MM-DD HH:mm:ss',\n week: 'gggg-wo',\n month: 'YYYY-MM',\n};\nconst LOCALE_FORMAT_MAPPING = {\n date: 'dateFormat',\n dateTime: 'dateTimeFormat',\n week: 'weekFormat',\n month: 'monthFormat',\n};\nfunction getColumns({ showHour, showMinute, showSecond, use12Hours }) {\n let column = 0;\n if (showHour) {\n column += 1;\n }\n if (showMinute) {\n column += 1;\n }\n if (showSecond) {\n column += 1;\n }\n if (use12Hours) {\n column += 1;\n }\n return column;\n}\nfunction checkValidate(value, propName) {\n const values = Array.isArray(value) ? value : [value];\n values.forEach(val => {\n if (!val)\n return;\n warning(!interopDefault(moment).isMoment(val) || val.isValid(), 'DatePicker', `\\`${propName}\\` provides invalidate moment time. If you want to set empty value, use \\`null\\` instead.`);\n });\n}\nexport default function wrapPicker(Picker, pickerType) {\n class PickerWrapper extends React.Component {\n constructor() {\n super(...arguments);\n // Since we need call `getDerivedStateFromProps` for check. Need leave an empty `state` here.\n this.state = {};\n this.savePicker = (node) => {\n this.picker = node;\n };\n this.getDefaultLocale = () => {\n const result = Object.assign(Object.assign({}, enUS), this.props.locale);\n result.lang = Object.assign(Object.assign({}, result.lang), (this.props.locale || {}).lang);\n return result;\n };\n this.handleOpenChange = (open) => {\n const { onOpenChange } = this.props;\n onOpenChange(open);\n };\n this.handleFocus = e => {\n const { onFocus } = this.props;\n if (onFocus) {\n onFocus(e);\n }\n };\n this.handleBlur = e => {\n const { onBlur } = this.props;\n if (onBlur) {\n onBlur(e);\n }\n };\n this.handleMouseEnter = e => {\n const { onMouseEnter } = this.props;\n if (onMouseEnter) {\n onMouseEnter(e);\n }\n };\n this.handleMouseLeave = e => {\n const { onMouseLeave } = this.props;\n if (onMouseLeave) {\n onMouseLeave(e);\n }\n };\n this.renderPicker = (locale, localeCode) => {\n const { format, showTime } = this.props;\n const mergedPickerType = showTime ? `${pickerType}Time` : pickerType;\n const mergedFormat = format ||\n locale[LOCALE_FORMAT_MAPPING[mergedPickerType]] ||\n DEFAULT_FORMAT[mergedPickerType];\n return (\n {({ getPrefixCls, getPopupContainer: getContextPopupContainer }) => {\n const { prefixCls: customizePrefixCls, inputPrefixCls: customizeInputPrefixCls, getCalendarContainer, size, disabled, } = this.props;\n const getPopupContainer = getCalendarContainer || getContextPopupContainer;\n const prefixCls = getPrefixCls('calendar', customizePrefixCls);\n const inputPrefixCls = getPrefixCls('input', customizeInputPrefixCls);\n const pickerClass = classNames(`${prefixCls}-picker`, {\n [`${prefixCls}-picker-${size}`]: !!size,\n });\n const pickerInputClass = classNames(`${prefixCls}-picker-input`, inputPrefixCls, {\n [`${inputPrefixCls}-lg`]: size === 'large',\n [`${inputPrefixCls}-sm`]: size === 'small',\n [`${inputPrefixCls}-disabled`]: disabled,\n });\n const timeFormat = (showTime && showTime.format) || 'HH:mm:ss';\n const rcTimePickerProps = Object.assign(Object.assign({}, generateShowHourMinuteSecond(timeFormat)), { format: timeFormat, use12Hours: showTime && showTime.use12Hours });\n const columns = getColumns(rcTimePickerProps);\n const timePickerCls = `${prefixCls}-time-picker-column-${columns}`;\n const timePicker = showTime ? ( { }}/>) : null;\n return ();\n }}\n );\n };\n }\n static getDerivedStateFromProps({ value, defaultValue }) {\n checkValidate(defaultValue, 'defaultValue');\n checkValidate(value, 'value');\n return {};\n }\n componentDidMount() {\n const { autoFocus, disabled } = this.props;\n if (autoFocus && !disabled) {\n this.focus();\n }\n }\n focus() {\n this.picker.focus();\n }\n blur() {\n this.picker.blur();\n }\n render() {\n return (\n {this.renderPicker}\n );\n }\n }\n PickerWrapper.defaultProps = {\n transitionName: 'slide-up',\n popupStyle: {},\n onChange() { },\n onOk() { },\n onOpenChange() { },\n locale: {},\n };\n polyfill(PickerWrapper);\n return PickerWrapper;\n}\n","import * as React from 'react';\nimport classNames from 'classnames';\nconst Col = props => {\n const { child, bordered, colon, type, layout } = props;\n const { prefixCls, label, className, children, span = 1 } = child.props;\n const labelProps = {\n className: classNames(`${prefixCls}-item-label`, {\n [`${prefixCls}-item-colon`]: colon,\n [`${prefixCls}-item-no-label`]: !label,\n }),\n key: 'label',\n };\n if (layout === 'vertical') {\n labelProps.colSpan = span * 2 - 1;\n }\n if (bordered) {\n if (type === 'label') {\n return {label} ;\n }\n return (\n {children}\n );\n }\n if (layout === 'vertical') {\n if (type === 'content') {\n return (\n \n {children}\n \n );\n }\n return (\n \n {label}\n \n );\n }\n return (\n {label}\n \n {children}\n \n );\n};\nexport default Col;\n","import * as React from 'react';\nimport classNames from 'classnames';\nimport toArray from 'rc-util/lib/Children/toArray';\nimport warning from '../_util/warning';\nimport ResponsiveObserve, { responsiveArray, } from '../_util/responsiveObserve';\nimport { ConfigConsumer } from '../config-provider';\nimport Col from './Col';\n// https://github.com/smooth-code/react-flatten-children/\nfunction flattenChildren(children) {\n if (!children) {\n return [];\n }\n return toArray(children).reduce((flatChildren, child) => {\n if (child && child.type === React.Fragment) {\n return flatChildren.concat(flattenChildren(child.props.children));\n }\n flatChildren.push(child);\n return flatChildren;\n }, []);\n}\nconst DescriptionsItem = ({ children }) => children;\n/**\n * Convert children into `column` groups.\n * @param children: DescriptionsItem\n * @param column: number\n */\nconst generateChildrenRows = (children, column) => {\n const rows = [];\n let columns = null;\n let leftSpans;\n const itemNodes = flattenChildren(children);\n itemNodes.forEach((node, index) => {\n let itemNode = node;\n if (!columns) {\n leftSpans = column;\n columns = [];\n rows.push(columns);\n }\n // Always set last span to align the end of Descriptions\n const lastItem = index === itemNodes.length - 1;\n let lastSpanSame = true;\n if (lastItem) {\n lastSpanSame = !itemNode.props.span || itemNode.props.span === leftSpans;\n itemNode = React.cloneElement(itemNode, {\n span: leftSpans,\n });\n }\n // Calculate left fill span\n const { span = 1 } = itemNode.props;\n columns.push(itemNode);\n leftSpans -= span;\n if (leftSpans <= 0) {\n columns = null;\n warning(leftSpans === 0 && lastSpanSame, 'Descriptions', 'Sum of column `span` in a line exceeds `column` of Descriptions.');\n }\n });\n return rows;\n};\nconst renderRow = (children, index, { prefixCls }, bordered, layout, colon) => {\n const renderCol = (colItem, type, idx) => {\n return (\n {cloneChildren}\n ,\n \n {cloneContentChildren}\n ,\n ];\n }\n return (\n {cloneChildren}\n );\n};\nconst defaultColumnMap = {\n xxl: 3,\n xl: 3,\n lg: 3,\n md: 3,\n sm: 2,\n xs: 1,\n};\nclass Descriptions extends React.Component {\n constructor() {\n super(...arguments);\n this.state = {\n screens: {},\n };\n }\n componentDidMount() {\n const { column } = this.props;\n this.token = ResponsiveObserve.subscribe(screens => {\n if (typeof column !== 'object') {\n return;\n }\n this.setState({\n screens,\n });\n });\n }\n componentWillUnmount() {\n ResponsiveObserve.unsubscribe(this.token);\n }\n getColumn() {\n const { column } = this.props;\n if (typeof column === 'object') {\n for (let i = 0; i < responsiveArray.length; i++) {\n const breakpoint = responsiveArray[i];\n if (this.state.screens[breakpoint] && column[breakpoint] !== undefined) {\n return column[breakpoint] || defaultColumnMap[breakpoint];\n }\n }\n }\n // If the configuration is not an object, it is a number, return number\n if (typeof column === 'number') {\n return column;\n }\n // If it is an object, but no response is found, this happens only in the test.\n // Maybe there are some strange environments\n return 3;\n }\n render() {\n return (\n {({ getPrefixCls }) => {\n const { className, prefixCls: customizePrefixCls, title, size, children, bordered = false, layout = 'horizontal', colon = true, style, } = this.props;\n const prefixCls = getPrefixCls('descriptions', customizePrefixCls);\n const column = this.getColumn();\n const cloneChildren = flattenChildren(children)\n .map((child) => {\n if (React.isValidElement(child)) {\n return React.cloneElement(child, {\n prefixCls,\n });\n }\n return null;\n })\n .filter((node) => node);\n const childrenArray = generateChildrenRows(cloneChildren, column);\n return ( );\n }\n}\nDescriptions.defaultProps = {\n size: 'default',\n column: defaultColumnMap,\n};\nDescriptions.Item = DescriptionsItem;\nexport default Descriptions;\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 { ConfigConsumer } from '../config-provider';\nconst Divider = props => (\n {({ getPrefixCls }) => {\n const { prefixCls: customizePrefixCls, type = 'horizontal', orientation = 'center', className, children, dashed } = props, restProps = __rest(props, [\"prefixCls\", \"type\", \"orientation\", \"className\", \"children\", \"dashed\"]);\n const prefixCls = getPrefixCls('divider', customizePrefixCls);\n const orientationPrefix = orientation.length > 0 ? `-${orientation}` : orientation;\n const classString = classNames(className, prefixCls, `${prefixCls}-${type}`, {\n [`${prefixCls}-with-text${orientationPrefix}`]: children,\n [`${prefixCls}-dashed`]: !!dashed,\n });\n return ( );\nexport default Divider;\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 RcDrawer from 'rc-drawer';\nimport createReactContext from '@ant-design/create-react-context';\nimport classNames from 'classnames';\nimport omit from 'omit.js';\nimport warning from '../_util/warning';\nimport Icon from '../icon';\nimport { withConfigConsumer } from '../config-provider/context';\nimport { tuple } from '../_util/type';\nconst DrawerContext = createReactContext(null);\nconst PlacementTypes = tuple('top', 'right', 'bottom', 'left');\nclass Drawer extends React.Component {\n constructor() {\n super(...arguments);\n this.state = {\n push: false,\n };\n this.push = () => {\n this.setState({\n push: true,\n });\n };\n this.pull = () => {\n this.setState({\n push: false,\n });\n };\n this.onDestroyTransitionEnd = () => {\n const isDestroyOnClose = this.getDestroyOnClose();\n if (!isDestroyOnClose) {\n return;\n }\n if (!this.props.visible) {\n this.destroyClose = true;\n this.forceUpdate();\n }\n };\n this.getDestroyOnClose = () => this.props.destroyOnClose && !this.props.visible;\n // get drawer push width or height\n this.getPushTransform = (placement) => {\n if (placement === 'left' || placement === 'right') {\n return `translateX(${placement === 'left' ? 180 : -180}px)`;\n }\n if (placement === 'top' || placement === 'bottom') {\n return `translateY(${placement === 'top' ? 180 : -180}px)`;\n }\n };\n this.getRcDrawerStyle = () => {\n const { zIndex, placement, style } = this.props;\n const { push } = this.state;\n return Object.assign({ zIndex, transform: push ? this.getPushTransform(placement) : undefined }, style);\n };\n // render drawer body dom\n this.renderBody = () => {\n const { bodyStyle, drawerStyle, prefixCls, visible } = this.props;\n if (this.destroyClose && !visible) {\n return null;\n }\n this.destroyClose = false;\n const containerStyle = {};\n const isDestroyOnClose = this.getDestroyOnClose();\n if (isDestroyOnClose) {\n // Increase the opacity transition, delete children after closing.\n containerStyle.opacity = 0;\n containerStyle.transition = 'opacity .3s';\n }\n return (\n \n {this.renderBody()}\n \n );\n };\n }\n componentDidMount() {\n // fix: delete drawer in child and re-render, no push started.\n // {show && \n const { visible } = this.props;\n if (visible && this.parentDrawer) {\n this.parentDrawer.push();\n }\n }\n componentDidUpdate(preProps) {\n const { visible } = this.props;\n if (preProps.visible !== visible && this.parentDrawer) {\n if (visible) {\n this.parentDrawer.push();\n }\n else {\n this.parentDrawer.pull();\n }\n }\n }\n componentWillUnmount() {\n // unmount drawer in child, clear push.\n if (this.parentDrawer) {\n this.parentDrawer.pull();\n this.parentDrawer = null;\n }\n }\n renderHeader() {\n const { title, prefixCls, closable, headerStyle } = this.props;\n if (!title && !closable) {\n return null;\n }\n const headerClassName = title ? `${prefixCls}-header` : `${prefixCls}-header-no-title`;\n return ({this.renderProvider} ;\n }\n}\nDrawer.defaultProps = {\n width: 256,\n height: 256,\n closable: true,\n placement: 'right',\n maskClosable: true,\n mask: true,\n level: null,\n keyboard: true,\n};\nexport default withConfigConsumer({\n prefixCls: 'drawer',\n})(Drawer);\n","// extracted by mini-css-extract-plugin","// deps-lint-skip: empty\nimport '../../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 Button from '../button';\nimport { ConfigConsumer } from '../config-provider';\nimport Dropdown from './dropdown';\nimport Icon from '../icon';\nconst ButtonGroup = Button.Group;\nexport default class DropdownButton extends React.Component {\n constructor() {\n super(...arguments);\n this.renderButton = ({ getPopupContainer: getContextPopupContainer, getPrefixCls, }) => {\n const _a = this.props, { prefixCls: customizePrefixCls, type, disabled, onClick, htmlType, children, className, overlay, trigger, align, visible, onVisibleChange, placement, getPopupContainer, href, icon = , title } = _a, restProps = __rest(_a, [\"prefixCls\", \"type\", \"disabled\", \"onClick\", \"htmlType\", \"children\", \"className\", \"overlay\", \"trigger\", \"align\", \"visible\", \"onVisibleChange\", \"placement\", \"getPopupContainer\", \"href\", \"icon\", \"title\"]);\n const prefixCls = getPrefixCls('dropdown-button', customizePrefixCls);\n const dropdownProps = {\n align,\n overlay,\n disabled,\n trigger: disabled ? [] : trigger,\n onVisibleChange,\n placement,\n getPopupContainer: getPopupContainer || getContextPopupContainer,\n };\n if ('visible' in this.props) {\n dropdownProps.visible = visible;\n }\n return (\n \n \n \n \n );\n };\n }\n render() {\n return {this.renderButton} ;\n }\n}\nDropdownButton.defaultProps = {\n placement: 'bottomRight',\n type: 'default',\n};\n","import * as React from 'react';\nimport RcDropdown from 'rc-dropdown';\nimport classNames from 'classnames';\nimport { ConfigConsumer } from '../config-provider';\nimport warning from '../_util/warning';\nimport Icon from '../icon';\nimport { tuple } from '../_util/type';\nconst Placements = tuple('topLeft', 'topCenter', 'topRight', 'bottomLeft', 'bottomCenter', 'bottomRight');\nexport default class Dropdown extends React.Component {\n constructor() {\n super(...arguments);\n this.renderOverlay = (prefixCls) => {\n // rc-dropdown already can process the function of overlay, but we have check logic here.\n // So we need render the element to check and pass back to rc-dropdown.\n const { overlay } = this.props;\n let overlayNode;\n if (typeof overlay === 'function') {\n overlayNode = overlay();\n }\n else {\n overlayNode = overlay;\n }\n overlayNode = React.Children.only(overlayNode);\n const overlayProps = overlayNode.props;\n // Warning if use other mode\n warning(!overlayProps.mode || overlayProps.mode === 'vertical', 'Dropdown', `mode=\"${overlayProps.mode}\" is not supported for Dropdown's Menu.`);\n // menu cannot be selectable in dropdown defaultly\n // menu should be focusable in dropdown defaultly\n const { selectable = false, focusable = true } = overlayProps;\n const expandIcon = (\n \n );\n const fixedModeOverlay = typeof overlayNode.type === 'string'\n ? overlay\n : React.cloneElement(overlayNode, {\n mode: 'vertical',\n selectable,\n focusable,\n expandIcon,\n });\n return fixedModeOverlay;\n };\n this.renderDropDown = ({ getPopupContainer: getContextPopupContainer, getPrefixCls, }) => {\n const { prefixCls: customizePrefixCls, children, trigger, disabled, getPopupContainer, } = this.props;\n const prefixCls = getPrefixCls('dropdown', customizePrefixCls);\n const child = React.Children.only(children);\n const dropdownTrigger = React.cloneElement(child, {\n className: classNames(child.props.className, `${prefixCls}-trigger`),\n disabled,\n });\n const triggerActions = disabled ? [] : trigger;\n let alignPoint;\n if (triggerActions && triggerActions.indexOf('contextMenu') !== -1) {\n alignPoint = true;\n }\n return ( this.renderOverlay(prefixCls)}>\n {dropdownTrigger}\n );\n };\n }\n getTransitionName() {\n const { placement = '', transitionName } = this.props;\n if (transitionName !== undefined) {\n return transitionName;\n }\n if (placement.indexOf('top') >= 0) {\n return 'slide-down';\n }\n return 'slide-up';\n }\n render() {\n return {this.renderDropDown} ;\n }\n}\nDropdown.defaultProps = {\n mouseEnterDelay: 0.15,\n mouseLeaveDelay: 0.1,\n placement: 'bottomLeft',\n};\n","import Dropdown from './dropdown';\nimport DropdownButton from './dropdown-button';\nexport { DropDownProps } from './dropdown';\nexport { DropdownButtonProps } from './dropdown-button';\nDropdown.Button = DropdownButton;\nexport default Dropdown;\n","// extracted by mini-css-extract-plugin","import '../../style/index.less';\nimport './index.less';\n// style dependencies\nimport '../../button/style';\n","import * as React from 'react';\nconst Empty = () => ();\nexport default Empty;\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 LocaleReceiver from '../locale-provider/LocaleReceiver';\nimport DefaultEmptyImg from './empty';\nimport SimpleEmptyImg from './simple';\nconst defaultEmptyImg = \n {({ getPrefixCls }) => {\n const { className, prefixCls: customizePrefixCls, image = defaultEmptyImg, description, children, imageStyle } = props, restProps = __rest(props, [\"className\", \"prefixCls\", \"image\", \"description\", \"children\", \"imageStyle\"]);\n return (\n {(locale) => {\n const prefixCls = getPrefixCls('empty', customizePrefixCls);\n const des = typeof description !== 'undefined' ? description : locale.description;\n const alt = typeof des === 'string' ? des : 'empty';\n let imageNode = null;\n if (typeof image === 'string') {\n imageNode = 
;\n }\n else {\n imageNode = image;\n }\n return ( );\n}}\n );\nEmpty.PRESENTED_IMAGE_DEFAULT = defaultEmptyImg;\nEmpty.PRESENTED_IMAGE_SIMPLE = simpleEmptyImg;\nexport default Empty;\n","import * as React from 'react';\nconst Simple = () => ();\nexport default Simple;\n","// extracted by mini-css-extract-plugin","import '../../style/index.less';\nimport './index.less';\n","import * as React from 'react';\nimport * as PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport createDOMForm from 'rc-form/lib/createDOMForm';\nimport createFormField from 'rc-form/lib/createFormField';\nimport omit from 'omit.js';\nimport { ConfigConsumer } from '../config-provider';\nimport { tuple } from '../_util/type';\nimport warning from '../_util/warning';\nimport FormItem from './FormItem';\nimport { FIELD_META_PROP, FIELD_DATA_PROP } from './constants';\nimport FormContext from './context';\nconst FormLayouts = tuple('horizontal', 'inline', 'vertical');\nexport default class Form extends React.Component {\n constructor(props) {\n super(props);\n this.renderForm = ({ getPrefixCls }) => {\n const { prefixCls: customizePrefixCls, hideRequiredMark, className = '', layout } = this.props;\n const prefixCls = getPrefixCls('form', customizePrefixCls);\n const formClassName = classNames(prefixCls, {\n [`${prefixCls}-horizontal`]: layout === 'horizontal',\n [`${prefixCls}-vertical`]: layout === 'vertical',\n [`${prefixCls}-inline`]: layout === 'inline',\n [`${prefixCls}-hide-required-mark`]: hideRequiredMark,\n }, className);\n const formProps = omit(this.props, [\n 'prefixCls',\n 'className',\n 'layout',\n 'form',\n 'hideRequiredMark',\n 'wrapperCol',\n 'labelAlign',\n 'labelCol',\n 'colon',\n ]);\n return
\n \n \n
);\n const hasActiveTabKey = activeTabKey !== undefined;\n const extraProps = {\n [hasActiveTabKey ? 'activeKey' : 'defaultActiveKey']: hasActiveTabKey\n ? activeTabKey\n : defaultActiveTabKey,\n tabBarExtraContent,\n };\n let head;\n const tabs = tabList && tabList.length ? (\n
);\n }\n const coverDom = cover ? \n {title &&
\n {tabs}\n {title}
}\n {extra && {extra}
}\n {cover}
: null;\n const body = (\n {loading ? loadingBlock : children}\n
);\n const actionDom = actions && actions.length ? (- {getAction(actions)}
\n {head}\n {coverDom}\n {body}\n {actionDom}\n
);\n };\n }\n componentDidMount() {\n if ('noHovering' in this.props) {\n warning(!this.props.noHovering, 'Card', '`noHovering` is deprecated, you can remove it safely or use `hoverable` instead.');\n warning(!!this.props.noHovering, 'Card', '`noHovering={false}` is deprecated, use `hoverable` instead.');\n }\n }\n // For 2.x compatible\n getCompatibleHoverable() {\n const { noHovering, hoverable } = this.props;\n if ('noHovering' in this.props) {\n return !noHovering || hoverable;\n }\n return !!hoverable;\n }\n isContainGrid() {\n let containGrid;\n React.Children.forEach(this.props.children, (element) => {\n if (element && element.type && element.type === Grid) {\n containGrid = true;\n }\n });\n return containGrid;\n }\n render() {\n return \n
);\n };\n this.onWindowResized = debounce(this.onWindowResized, 500, {\n leading: false,\n });\n if ('vertical' in this.props) {\n warning(!this.props.vertical, 'Carousel', '`vertical` is deprecated, please use `dotPosition` instead.');\n }\n }\n componentDidMount() {\n const { autoplay } = this.props;\n if (autoplay) {\n window.addEventListener('resize', this.onWindowResized);\n }\n // https://github.com/ant-design/ant-design/issues/7191\n this.innerSlider = this.slick && this.slick.innerSlider;\n }\n componentDidUpdate(prevProps) {\n if (React.Children.count(this.props.children) !== React.Children.count(prevProps.children)) {\n this.goTo(this.props.initialSlide || 0, false);\n }\n }\n componentWillUnmount() {\n const { autoplay } = this.props;\n if (autoplay) {\n window.removeEventListener('resize', this.onWindowResized);\n this.onWindowResized.cancel();\n }\n }\n getDotPosition() {\n if (this.props.dotPosition) {\n return this.props.dotPosition;\n }\n if ('vertical' in this.props) {\n return this.props.vertical ? 'right' : 'bottom';\n }\n return 'bottom';\n }\n next() {\n this.slick.slickNext();\n }\n prev() {\n this.slick.slickPrev();\n }\n goTo(slide, dontAnimate = false) {\n this.slick.slickGoTo(slide, dontAnimate);\n }\n render() {\n return \n {children}\n
);\n };\n this.state = {\n value: props.value || props.defaultValue || [],\n registeredValues: [],\n };\n }\n static getDerivedStateFromProps(nextProps) {\n if ('value' in nextProps) {\n return {\n value: nextProps.value || [],\n };\n }\n return null;\n }\n getChildContext() {\n return {\n checkboxGroup: {\n toggleOption: this.toggleOption,\n value: this.state.value,\n disabled: this.props.disabled,\n name: this.props.name,\n // https://github.com/ant-design/ant-design/issues/16376\n registerValue: this.registerValue,\n cancelValue: this.cancelValue,\n },\n };\n }\n shouldComponentUpdate(nextProps, nextState) {\n return !shallowEqual(this.props, nextProps) || !shallowEqual(this.state, nextState);\n }\n getOptions() {\n const { options } = this.props;\n // https://github.com/Microsoft/TypeScript/issues/7960\n return options.map(option => {\n if (typeof option === 'string') {\n return {\n label: option,\n value: option,\n };\n }\n return option;\n });\n }\n render() {\n return {children}
;\n };\n this.renderComment = ({ getPrefixCls }) => {\n const _a = this.props, { actions, author, avatar, children, className, content, prefixCls: customizePrefixCls, style, datetime } = _a, otherProps = __rest(_a, [\"actions\", \"author\", \"avatar\", \"children\", \"className\", \"content\", \"prefixCls\", \"style\", \"datetime\"]);\n const prefixCls = getPrefixCls('comment', customizePrefixCls);\n const avatarDom = (\n {typeof avatar === 'string' ? 
: avatar}\n
);\n const actionDom = actions && actions.length ? (- {getAction(actions)}
\n {author && {author}}\n {datetime && {datetime}}\n
);\n const contentDom = (\n {authorContent}\n
);\n const comment = ({content}
\n {actionDom}\n \n {avatarDom}\n {contentDom}\n
);\n return (\n {comment}\n {children ? this.renderNested(prefixCls, children) : null}\n
);\n };\n }\n render() {\n return \n {renderExtraFooter()}\n
) : null;\n const operations = ranges &&\n Object.keys(ranges).map(range => {\n const value = ranges[range];\n const hoverValue = typeof value === 'function' ? value.call(this) : value;\n return (\n {operations}\n
) : null;\n return [rangeNode, customFooter];\n };\n this.renderRangePicker = ({ getPrefixCls }) => {\n const { state, props } = this;\n const { value, showDate, hoverValue, open } = state;\n const { prefixCls: customizePrefixCls, tagPrefixCls: customizeTagPrefixCls, popupStyle, style, disabledDate, disabledTime, showTime, showToday, ranges, onOk, locale, \n // @ts-ignore\n localeCode, format, dateRender, onCalendarChange, suffixIcon, separator, } = props;\n const prefixCls = getPrefixCls('calendar', customizePrefixCls);\n const tagPrefixCls = getPrefixCls('tag', customizeTagPrefixCls);\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 this.tagPrefixCls = tagPrefixCls;\n fixLocale(value, localeCode);\n fixLocale(showDate, localeCode);\n warning(!('onOK' in props), 'RangePicker', 'It should be `RangePicker[onOk]`, instead of `onOK`!');\n const calendarClassName = classNames({\n [`${prefixCls}-time`]: showTime,\n [`${prefixCls}-range-with-ranges`]: ranges,\n });\n // 需要选择时间时，点击 ok 时才触发 onChange\n const pickerChangeHandler = {\n onChange: this.handleChange,\n };\n let calendarProps = {\n onOk: this.handleChange,\n };\n if (props.timePicker) {\n pickerChangeHandler.onChange = changedValue => this.handleChange(changedValue);\n }\n else {\n calendarProps = {};\n }\n if ('mode' in props) {\n calendarProps.mode = props.mode;\n }\n const startPlaceholder = Array.isArray(props.placeholder)\n ? props.placeholder[0]\n : locale.lang.rangePlaceholder[0];\n const endPlaceholder = Array.isArray(props.placeholder)\n ? props.placeholder[1]\n : locale.lang.rangePlaceholder[1];\n const calendar = (\n
);\n }\n return {dateNode}
\n {dateNode}
;\n };\n this.handleChange = (value) => {\n if (!('value' in this.props)) {\n this.setState({ value });\n }\n this.props.onChange(value, formatValue(value, this.props.format));\n };\n this.handleOpenChange = (open) => {\n const { onOpenChange } = this.props;\n if (!('open' in this.props)) {\n this.setState({ open });\n }\n if (onOpenChange) {\n onOpenChange(open);\n }\n };\n this.clearSelection = (e) => {\n e.preventDefault();\n e.stopPropagation();\n this.handleChange(null);\n };\n this.renderFooter = (...args) => {\n const { prefixCls, renderExtraFooter } = this.props;\n return renderExtraFooter ? ({renderExtraFooter(...args)}
) : null;\n };\n this.renderWeekPicker = ({ getPrefixCls }) => {\n const { prefixCls: customizePrefixCls, className, disabled, pickerClass, popupStyle, pickerInputClass, format, allowClear, locale, localeCode, disabledDate, style, onFocus, onBlur, id, suffixIcon, defaultPickerValue, } = this.props;\n const prefixCls = getPrefixCls('calendar', 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 { open, value: pickerValue } = this.state;\n if (pickerValue && localeCode) {\n pickerValue.locale(localeCode);\n }\n const placeholder = 'placeholder' in this.props ? this.props.placeholder : locale.lang.placeholder;\n const calendar = ({renderExtraFooter(...args)}
) : null;\n };\n this.renderPicker = ({ getPrefixCls }) => {\n const { value, showDate, open } = this.state;\n const props = omit(this.props, ['onChange']);\n const { prefixCls: customizePrefixCls, locale, localeCode, suffixIcon } = props;\n const prefixCls = getPrefixCls('calendar', 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 placeholder = 'placeholder' in props ? props.placeholder : locale.lang.placeholder;\n const disabledTime = props.showTime ? props.disabledTime : null;\n const calendarClassName = classNames({\n [`${prefixCls}-time`]: props.showTime,\n [`${prefixCls}-month`]: MonthCalendar === TheCalendar,\n });\n if (value && localeCode) {\n value.locale(localeCode);\n }\n let pickerProps = {};\n let calendarProps = {};\n const pickerStyle = {};\n if (props.showTime) {\n calendarProps = {\n // fix https://github.com/ant-design/ant-design/issues/1902\n onSelect: this.handleChange,\n };\n pickerStyle.minWidth = 195;\n }\n else {\n pickerProps = {\n onChange: this.handleChange,\n };\n }\n if ('mode' in props) {\n calendarProps.mode = props.mode;\n }\n warning(!('onOK' in props), 'DatePicker', 'It should be `DatePicker[onOk]` or `MonthPicker[onOk]`, instead of `onOK`!');\n const calendar = (\n \n {clearIcon}\n {inputIcon}\n
);\n return (\n \n {title &&
);\n }}\n {title}
}\n \n \n \n {childrenArray.map((child, index) => renderRow(child, index, {\n prefixCls,\n }, bordered, layout, colon))}\n \n
\n
\n \n {children && {children}}\n
);\n}}\n \n {this.renderHeader()}\n
);\n };\n // render Provider for Multi-level drawer\n this.renderProvider = (value) => {\n const _a = this.props, { prefixCls, placement, className, wrapClassName, width, height, mask } = _a, rest = __rest(_a, [\"prefixCls\", \"placement\", \"className\", \"wrapClassName\", \"width\", \"height\", \"mask\"]);\n warning(wrapClassName === undefined, 'Drawer', 'wrapClassName is deprecated, please use className instead.');\n const haveMask = mask ? '' : 'no-mask';\n this.parentDrawer = value;\n const offsetStyle = {};\n if (placement === 'left' || placement === 'right') {\n offsetStyle.width = width;\n }\n else {\n offsetStyle.height = height;\n }\n return (\n {this.props.children}\n
\n \n {title &&
);\n }\n renderCloseIcon() {\n const { closable, prefixCls, onClose } = this.props;\n return (closable && (\n // eslint-disable-next-line react/button-has-type\n ));\n }\n render() {\n return {title}
}\n {closable && this.renderCloseIcon()}\n \n
);\n }}\n \n {imageNode}\n
\n {des && {des}
}\n {children &&{children}
}\n