{\n // setQuery((prevStatus) => e.target.value);\n // }}\n // />\n\n event = cloneEvent(e, target, '');\n onChange(event);\n return;\n }\n\n // Trigger by composition event, this means we need force change the input value\n // https://github.com/ant-design/ant-design/issues/45737\n // https://github.com/ant-design/ant-design/issues/46598\n if (target.type !== 'file' && targetValue !== undefined) {\n event = cloneEvent(e, target, targetValue);\n onChange(event);\n return;\n }\n onChange(event);\n}","function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport { clsx } from 'clsx';\nimport React, { cloneElement, useRef } from 'react';\nimport { hasAddon, hasPrefixSuffix } from \"./utils/commonUtils\";\nconst BaseInput = /*#__PURE__*/React.forwardRef((props, ref) => {\n const {\n inputElement: inputEl,\n children,\n prefixCls,\n prefix,\n suffix,\n addonBefore,\n addonAfter,\n className,\n style,\n disabled,\n readOnly,\n focused,\n triggerFocus,\n allowClear,\n value,\n handleReset,\n hidden,\n classes,\n classNames,\n dataAttrs,\n styles,\n components,\n onClear\n } = props;\n const inputElement = children ?? inputEl;\n const AffixWrapperComponent = components?.affixWrapper || 'span';\n const GroupWrapperComponent = components?.groupWrapper || 'span';\n const WrapperComponent = components?.wrapper || 'span';\n const GroupAddonComponent = components?.groupAddon || 'span';\n const containerRef = useRef(null);\n const onInputClick = e => {\n if (containerRef.current?.contains(e.target)) {\n triggerFocus?.();\n }\n };\n const hasAffix = hasPrefixSuffix(props);\n let element = /*#__PURE__*/cloneElement(inputElement, {\n value,\n className: clsx(inputElement.props?.className, !hasAffix && classNames?.variant) || null\n });\n\n // ======================== Ref ======================== //\n const groupRef = useRef(null);\n React.useImperativeHandle(ref, () => ({\n nativeElement: groupRef.current || containerRef.current\n }));\n\n // ================== Prefix & Suffix ================== //\n if (hasAffix) {\n // ================== Clear Icon ================== //\n let clearIcon = null;\n if (allowClear) {\n const needClear = !disabled && !readOnly && value && !(typeof allowClear === 'object' && allowClear.disabled);\n const clearIconCls = `${prefixCls}-clear-icon`;\n const iconNode = typeof allowClear === 'object' && allowClear?.clearIcon ? allowClear.clearIcon : '✖';\n clearIcon = /*#__PURE__*/React.createElement(\"button\", {\n type: \"button\",\n onClick: event => {\n handleReset?.(event);\n onClear?.();\n }\n // Do not trigger onBlur when clear input\n // https://github.com/ant-design/ant-design/issues/31200\n ,\n onMouseDown: e => e.preventDefault(),\n className: clsx(clearIconCls, {\n [`${clearIconCls}-hidden`]: !needClear,\n [`${clearIconCls}-has-suffix`]: !!suffix\n }, classNames?.clear),\n style: styles?.clear\n }, iconNode);\n }\n const affixWrapperPrefixCls = `${prefixCls}-affix-wrapper`;\n const affixWrapperCls = clsx(affixWrapperPrefixCls, {\n [`${prefixCls}-disabled`]: disabled,\n [`${affixWrapperPrefixCls}-disabled`]: disabled,\n // Not used, but keep it\n [`${affixWrapperPrefixCls}-focused`]: focused,\n // Not used, but keep it\n [`${affixWrapperPrefixCls}-readonly`]: readOnly,\n [`${affixWrapperPrefixCls}-input-with-clear-btn`]: suffix && allowClear && value\n }, classes?.affixWrapper, classNames?.affixWrapper, classNames?.variant);\n const suffixNode = (suffix || allowClear) && /*#__PURE__*/React.createElement(\"span\", {\n className: clsx(`${prefixCls}-suffix`, classNames?.suffix),\n style: styles?.suffix\n }, clearIcon, suffix);\n element = /*#__PURE__*/React.createElement(AffixWrapperComponent, _extends({\n className: affixWrapperCls,\n style: styles?.affixWrapper,\n onClick: onInputClick\n }, dataAttrs?.affixWrapper, {\n ref: containerRef\n }), prefix && /*#__PURE__*/React.createElement(\"span\", {\n className: clsx(`${prefixCls}-prefix`, classNames?.prefix),\n style: styles?.prefix\n }, prefix), element, suffixNode);\n }\n\n // ================== Addon ================== //\n if (hasAddon(props)) {\n const wrapperCls = `${prefixCls}-group`;\n const addonCls = `${wrapperCls}-addon`;\n const groupWrapperCls = `${wrapperCls}-wrapper`;\n const mergedWrapperClassName = clsx(`${prefixCls}-wrapper`, wrapperCls, classes?.wrapper, classNames?.wrapper);\n const mergedGroupClassName = clsx(groupWrapperCls, {\n [`${groupWrapperCls}-disabled`]: disabled\n }, classes?.group, classNames?.groupWrapper);\n\n // Need another wrapper for changing display:table to display:inline-block\n // and put style prop in wrapper\n element = /*#__PURE__*/React.createElement(GroupWrapperComponent, {\n className: mergedGroupClassName,\n ref: groupRef\n }, /*#__PURE__*/React.createElement(WrapperComponent, {\n className: mergedWrapperClassName\n }, addonBefore && /*#__PURE__*/React.createElement(GroupAddonComponent, {\n className: addonCls\n }, addonBefore), element, addonAfter && /*#__PURE__*/React.createElement(GroupAddonComponent, {\n className: addonCls\n }, addonAfter)));\n }\n\n // `className` and `style` are always on the root element\n return /*#__PURE__*/React.cloneElement(element, {\n className: clsx(element.props?.className, className) || null,\n style: {\n ...element.props?.style,\n ...style\n },\n hidden\n });\n});\nexport default BaseInput;","import * as React from 'react';\n/**\n * Cut `value` by the `count.max` prop.\n */\nexport function inCountRange(value, countConfig) {\n if (!countConfig.max) {\n return true;\n }\n const count = countConfig.strategy(value);\n return count <= countConfig.max;\n}\nexport default function useCount(count, showCount) {\n return React.useMemo(() => {\n let mergedConfig = {};\n if (showCount) {\n mergedConfig.show = typeof showCount === 'object' && showCount.formatter ? showCount.formatter : !!showCount;\n }\n mergedConfig = {\n ...mergedConfig,\n ...count\n };\n const {\n show,\n ...rest\n } = mergedConfig;\n return {\n ...rest,\n show: !!show,\n showFormatter: typeof show === 'function' ? show : undefined,\n strategy: rest.strategy || (value => value.length)\n };\n }, [count, showCount]);\n}","import * as React from 'react';\nexport default function useCountDisplay({\n countConfig,\n value,\n maxLength\n}) {\n return React.useMemo(() => {\n const mergedMax = countConfig.max ?? maxLength;\n const valueLength = countConfig.strategy(value);\n const isOutOfRange = !!mergedMax && valueLength > mergedMax;\n const hasMaxLength = Number(mergedMax) > 0;\n const dataCount = countConfig.show ? countConfig.showFormatter ? countConfig.showFormatter({\n value,\n count: valueLength,\n maxLength: mergedMax\n }) : `${valueLength}${hasMaxLength ? ` / ${mergedMax}` : ''}` : undefined;\n return {\n mergedMax,\n isOutOfRange,\n dataCount\n };\n }, [countConfig, maxLength, value]);\n}","import * as React from 'react';\nexport default function useCountExceed({\n countConfig,\n getTarget\n}) {\n const [selection, setSelection] = React.useState(null);\n const getTargetRef = React.useRef(getTarget);\n React.useEffect(() => {\n getTargetRef.current = getTarget;\n }, [getTarget]);\n React.useEffect(() => {\n if (selection) {\n getTargetRef.current()?.setSelectionRange(...selection);\n setSelection(null);\n }\n }, [selection]);\n const getExceedValue = React.useCallback((currentValue, isComposing) => {\n let nextValue = currentValue;\n if (!isComposing && countConfig.exceedFormatter && countConfig.max && countConfig.strategy(currentValue) > countConfig.max) {\n nextValue = countConfig.exceedFormatter(currentValue, {\n max: countConfig.max\n });\n if (currentValue !== nextValue) {\n setSelection([getTargetRef.current()?.selectionStart || 0, getTargetRef.current()?.selectionEnd || 0]);\n }\n }\n return nextValue;\n }, [countConfig]);\n return getExceedValue;\n}","import { useControlledState } from '@rc-component/util';\nexport default function useMergedValue(defaultValue, controlledValue) {\n const [value, setValue] = useControlledState(defaultValue, controlledValue);\n const formatValue = value === undefined || value === null ? '' : String(value);\n return {\n value,\n setValue,\n formatValue\n };\n}","function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport { clsx } from 'clsx';\nimport { omit, triggerFocus } from '@rc-component/util';\nimport React, { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react';\nimport BaseInput from \"./BaseInput\";\nimport useCount from \"./hooks/useCount\";\nimport useCountDisplay from \"./hooks/useCountDisplay\";\nimport useCountExceed from \"./hooks/useCountExceed\";\nimport useMergedValue from \"./hooks/useMergedValue\";\nimport { resolveOnChange } from \"./utils/commonUtils\";\nconst Input = /*#__PURE__*/forwardRef((props, ref) => {\n const {\n autoComplete,\n onChange,\n onFocus,\n onBlur,\n onPressEnter,\n onKeyDown,\n onKeyUp,\n prefixCls = 'rc-input',\n disabled,\n htmlSize,\n className,\n maxLength,\n suffix,\n showCount,\n count,\n type = 'text',\n classes,\n classNames,\n styles,\n onCompositionStart,\n onCompositionEnd,\n ...rest\n } = props;\n const [focused, setFocused] = useState(false);\n const compositionRef = useRef(false);\n const keyLockRef = useRef(false);\n const inputRef = useRef(null);\n const holderRef = useRef(null);\n const focus = option => {\n if (inputRef.current) {\n triggerFocus(inputRef.current, option);\n }\n };\n\n // ====================== Value =======================\n const {\n setValue,\n formatValue\n } = useMergedValue(props.defaultValue, props.value);\n const countConfig = useCount(count, showCount);\n const {\n isOutOfRange,\n dataCount\n } = useCountDisplay({\n countConfig,\n value: formatValue,\n maxLength\n });\n const getExceedValue = useCountExceed({\n countConfig,\n getTarget: () => inputRef.current\n });\n\n // ======================= Ref ========================\n useImperativeHandle(ref, () => ({\n focus,\n blur: () => {\n inputRef.current?.blur();\n },\n setSelectionRange: (start, end, direction) => {\n inputRef.current?.setSelectionRange(start, end, direction);\n },\n select: () => {\n inputRef.current?.select();\n },\n input: inputRef.current,\n nativeElement: holderRef.current?.nativeElement || inputRef.current\n }));\n useEffect(() => {\n if (keyLockRef.current) {\n keyLockRef.current = false;\n }\n setFocused(prev => prev && disabled ? false : prev);\n }, [disabled]);\n const triggerChange = (e, currentValue, info) => {\n const cutValue = getExceedValue(currentValue, compositionRef.current);\n if (info.source === 'compositionEnd' && currentValue === cutValue) {\n // Avoid triggering twice\n // https://github.com/ant-design/ant-design/issues/46587\n return;\n }\n setValue(cutValue);\n if (inputRef.current) {\n resolveOnChange(inputRef.current, e, onChange, cutValue);\n }\n };\n const onInternalChange = e => {\n triggerChange(e, e.target.value, {\n source: 'change'\n });\n };\n const onInternalCompositionEnd = e => {\n compositionRef.current = false;\n triggerChange(e, e.currentTarget.value, {\n source: 'compositionEnd'\n });\n onCompositionEnd?.(e);\n };\n const handleKeyDown = e => {\n if (onPressEnter && e.key === 'Enter' && !keyLockRef.current && !e.nativeEvent.isComposing) {\n keyLockRef.current = true;\n onPressEnter(e);\n }\n onKeyDown?.(e);\n };\n const handleKeyUp = e => {\n if (e.key === 'Enter') {\n keyLockRef.current = false;\n }\n onKeyUp?.(e);\n };\n const handleFocus = e => {\n setFocused(true);\n onFocus?.(e);\n };\n const handleBlur = e => {\n if (keyLockRef.current) {\n keyLockRef.current = false;\n }\n setFocused(false);\n onBlur?.(e);\n };\n const handleReset = e => {\n setValue('');\n focus();\n if (inputRef.current) {\n resolveOnChange(inputRef.current, e, onChange);\n }\n };\n\n // ====================== Input =======================\n const outOfRangeCls = isOutOfRange && `${prefixCls}-out-of-range`;\n const getInputElement = () => {\n // Fix https://fb.me/react-unknown-prop\n const otherProps = omit(props, ['prefixCls', 'onPressEnter', 'addonBefore', 'addonAfter', 'prefix', 'suffix', 'allowClear',\n // Input elements must be either controlled or uncontrolled,\n // specify either the value prop, or the defaultValue prop, but not both.\n 'defaultValue', 'showCount', 'count', 'classes', 'htmlSize', 'styles', 'classNames', 'onClear']);\n return /*#__PURE__*/React.createElement(\"input\", _extends({\n autoComplete: autoComplete\n }, otherProps, {\n onChange: onInternalChange,\n onFocus: handleFocus,\n onBlur: handleBlur,\n onKeyDown: handleKeyDown,\n onKeyUp: handleKeyUp,\n className: clsx(prefixCls, {\n [`${prefixCls}-disabled`]: disabled\n }, classNames?.input),\n style: styles?.input,\n ref: inputRef,\n size: htmlSize,\n type: type,\n onCompositionStart: e => {\n compositionRef.current = true;\n onCompositionStart?.(e);\n },\n onCompositionEnd: onInternalCompositionEnd\n }));\n };\n const getSuffix = () => {\n // Max length value\n if (suffix || countConfig.show) {\n return /*#__PURE__*/React.createElement(React.Fragment, null, countConfig.show && /*#__PURE__*/React.createElement(\"span\", {\n className: clsx(`${prefixCls}-show-count-suffix`, {\n [`${prefixCls}-show-count-has-suffix`]: !!suffix\n }, classNames?.count),\n style: {\n ...styles?.count\n }\n }, dataCount), suffix);\n }\n return null;\n };\n\n // ====================== Render ======================\n return /*#__PURE__*/React.createElement(BaseInput, _extends({}, rest, {\n prefixCls: prefixCls,\n className: clsx(className, outOfRangeCls),\n handleReset: handleReset,\n value: formatValue,\n focused: focused,\n triggerFocus: focus,\n suffix: getSuffix(),\n disabled: disabled,\n classes: classes,\n classNames: classNames,\n styles: styles,\n ref: holderRef\n }), getInputElement());\n});\nexport default Input;","// Thanks to https://github.com/andreypopp/react-textarea-autosize/\n\n/**\n * calculateNodeHeight(uiTextNode, useCache = false)\n */\n\nconst HIDDEN_TEXTAREA_STYLE = `\n min-height:0 !important;\n max-height:none !important;\n height:0 !important;\n visibility:hidden !important;\n overflow:hidden !important;\n position:absolute !important;\n z-index:-1000 !important;\n top:0 !important;\n right:0 !important;\n pointer-events: none !important;\n`;\nconst SIZING_STYLE = ['letter-spacing', 'line-height', 'padding-top', 'padding-bottom', 'font-family', 'font-weight', 'font-size', 'font-variant', 'text-rendering', 'text-transform', 'width', 'text-indent', 'padding-left', 'padding-right', 'border-width', 'box-sizing', 'word-break', 'white-space'];\nconst computedStyleCache = {};\nlet hiddenTextarea;\nexport function calculateNodeStyling(node, useCache = false) {\n const nodeRef = node.getAttribute('id') || node.getAttribute('data-reactid') || node.getAttribute('name');\n if (useCache && computedStyleCache[nodeRef]) {\n return computedStyleCache[nodeRef];\n }\n const style = window.getComputedStyle(node);\n const boxSizing = style.getPropertyValue('box-sizing') || style.getPropertyValue('-moz-box-sizing') || style.getPropertyValue('-webkit-box-sizing');\n const paddingSize = parseFloat(style.getPropertyValue('padding-bottom')) + parseFloat(style.getPropertyValue('padding-top'));\n const borderSize = parseFloat(style.getPropertyValue('border-bottom-width')) + parseFloat(style.getPropertyValue('border-top-width'));\n const sizingStyle = SIZING_STYLE.map(name => `${name}:${style.getPropertyValue(name)}`).join(';');\n const nodeInfo = {\n sizingStyle,\n paddingSize,\n borderSize,\n boxSizing\n };\n if (useCache && nodeRef) {\n computedStyleCache[nodeRef] = nodeInfo;\n }\n return nodeInfo;\n}\nexport default function calculateAutoSizeStyle(uiTextNode, useCache = false, minRows = null, maxRows = null) {\n if (!hiddenTextarea) {\n hiddenTextarea = document.createElement('textarea');\n hiddenTextarea.setAttribute('tab-index', '-1');\n hiddenTextarea.setAttribute('aria-hidden', 'true');\n // fix: A form field element should have an id or name attribute\n // A form field element has neither an id nor a name attribute. This might prevent the browser from correctly autofilling the form.\n // https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea\n hiddenTextarea.setAttribute('name', 'hiddenTextarea');\n document.body.appendChild(hiddenTextarea);\n }\n\n // Fix wrap=\"off\" issue\n // https://github.com/ant-design/ant-design/issues/6577\n if (uiTextNode.getAttribute('wrap')) {\n hiddenTextarea.setAttribute('wrap', uiTextNode.getAttribute('wrap'));\n } else {\n hiddenTextarea.removeAttribute('wrap');\n }\n\n // Copy all CSS properties that have an impact on the height of the content in\n // the textbox\n const {\n paddingSize,\n borderSize,\n boxSizing,\n sizingStyle\n } = calculateNodeStyling(uiTextNode, useCache);\n\n // Need to have the overflow attribute to hide the scrollbar otherwise\n // text-lines will not calculated properly as the shadow will technically be\n // narrower for content\n hiddenTextarea.setAttribute('style', `${sizingStyle};${HIDDEN_TEXTAREA_STYLE}`);\n hiddenTextarea.value = uiTextNode.value || uiTextNode.placeholder || '';\n let minHeight;\n let maxHeight;\n let overflowY;\n let height = hiddenTextarea.scrollHeight;\n if (boxSizing === 'border-box') {\n // border-box: add border, since height = content + padding + border\n height += borderSize;\n } else if (boxSizing === 'content-box') {\n // remove padding, since height = content\n height -= paddingSize;\n }\n if (minRows !== null || maxRows !== null) {\n // measure height of a textarea with a single row\n hiddenTextarea.value = ' ';\n const singleRowHeight = hiddenTextarea.scrollHeight - paddingSize;\n if (minRows !== null) {\n minHeight = singleRowHeight * minRows;\n if (boxSizing === 'border-box') {\n minHeight = minHeight + paddingSize + borderSize;\n }\n height = Math.max(minHeight, height);\n }\n if (maxRows !== null) {\n maxHeight = singleRowHeight * maxRows;\n if (boxSizing === 'border-box') {\n maxHeight = maxHeight + paddingSize + borderSize;\n }\n overflowY = height > maxHeight ? undefined : 'hidden';\n height = Math.min(maxHeight, height);\n }\n }\n const style = {\n height,\n overflowY,\n resize: 'none'\n };\n if (minHeight) {\n style.minHeight = minHeight;\n }\n if (maxHeight) {\n style.maxHeight = maxHeight;\n }\n return style;\n}","function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport { clsx } from 'clsx';\nimport ResizeObserver from '@rc-component/resize-observer';\nimport { raf, useControlledState, useLayoutEffect } from '@rc-component/util';\nimport * as React from 'react';\nimport calculateAutoSizeStyle from \"./calculateNodeHeight\";\nconst RESIZE_START = 0;\nconst RESIZE_MEASURING = 1;\nconst RESIZE_STABLE = 2;\nconst ResizableTextArea = /*#__PURE__*/React.forwardRef((props, ref) => {\n const {\n prefixCls,\n defaultValue,\n value,\n autoSize,\n onResize,\n className,\n style,\n disabled,\n onChange,\n // Test only\n onInternalAutoSize,\n ...restProps\n } = props;\n\n // =============================== Value ================================\n const [internalValue, setMergedValue] = useControlledState(defaultValue, value);\n const mergedValue = internalValue ?? '';\n const onInternalChange = event => {\n setMergedValue(event.target.value);\n onChange?.(event);\n };\n\n // ================================ Ref =================================\n const textareaRef = React.useRef(null);\n React.useImperativeHandle(ref, () => ({\n textArea: textareaRef.current\n }));\n\n // ============================== AutoSize ==============================\n const [minRows, maxRows] = React.useMemo(() => {\n if (autoSize && typeof autoSize === 'object') {\n return [autoSize.minRows, autoSize.maxRows];\n }\n return [];\n }, [autoSize]);\n const needAutoSize = !!autoSize;\n\n // =============================== Resize ===============================\n const [resizeState, setResizeState] = React.useState(RESIZE_STABLE);\n const [autoSizeStyle, setAutoSizeStyle] = React.useState();\n const startResize = () => {\n setResizeState(RESIZE_START);\n if (process.env.NODE_ENV === 'test') {\n onInternalAutoSize?.();\n }\n };\n\n // Change to trigger resize measure\n useLayoutEffect(() => {\n if (needAutoSize) {\n startResize();\n }\n }, [value, minRows, maxRows, needAutoSize]);\n useLayoutEffect(() => {\n if (resizeState === RESIZE_START) {\n setResizeState(RESIZE_MEASURING);\n } else if (resizeState === RESIZE_MEASURING) {\n const textareaStyles = calculateAutoSizeStyle(textareaRef.current, false, minRows, maxRows);\n setResizeState(RESIZE_STABLE);\n setAutoSizeStyle(textareaStyles);\n } else {\n // https://github.com/react-component/textarea/pull/23\n // Firefox has blink issue before but fixed in latest version.\n }\n }, [resizeState]);\n\n // We lock resize trigger by raf to avoid Safari warning\n const resizeRafRef = React.useRef(undefined);\n const cleanRaf = () => {\n if (resizeRafRef.current !== undefined) {\n raf.cancel(resizeRafRef.current);\n }\n };\n const onInternalResize = size => {\n if (resizeState === RESIZE_STABLE) {\n onResize?.(size);\n if (autoSize) {\n cleanRaf();\n resizeRafRef.current = raf(() => {\n startResize();\n });\n }\n }\n };\n React.useEffect(() => cleanRaf, []);\n\n // =============================== Render ===============================\n const mergedAutoSizeStyle = needAutoSize ? autoSizeStyle : null;\n const mergedStyle = {\n ...style,\n ...mergedAutoSizeStyle\n };\n if (resizeState === RESIZE_START || resizeState === RESIZE_MEASURING) {\n mergedStyle.overflowY = 'hidden';\n mergedStyle.overflowX = 'hidden';\n }\n return /*#__PURE__*/React.createElement(ResizeObserver, {\n onResize: onInternalResize,\n disabled: !(autoSize || onResize)\n }, /*#__PURE__*/React.createElement(\"textarea\", _extends({}, restProps, {\n ref: textareaRef,\n style: mergedStyle,\n className: clsx(prefixCls, className, {\n [`${prefixCls}-disabled`]: disabled\n }),\n disabled: disabled,\n value: mergedValue,\n onChange: onInternalChange\n })));\n});\nexport default ResizableTextArea;","function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport { clsx } from 'clsx';\nimport React, { useEffect, useImperativeHandle, useRef } from 'react';\nimport BaseInput from \"./BaseInput\";\nimport useCount from \"./hooks/useCount\";\nimport useCountDisplay from \"./hooks/useCountDisplay\";\nimport useCountExceed from \"./hooks/useCountExceed\";\nimport useMergedValue from \"./hooks/useMergedValue\";\nimport ResizableTextArea from \"./ResizableTextArea\";\nimport { resolveOnChange } from \"./utils/commonUtils\";\nconst TextArea = /*#__PURE__*/React.forwardRef(({\n defaultValue,\n value: customValue,\n onFocus,\n onBlur,\n onChange,\n allowClear,\n maxLength,\n onCompositionStart,\n onCompositionEnd,\n suffix,\n prefixCls = 'rc-textarea',\n showCount,\n count,\n className,\n style,\n disabled,\n hidden,\n classNames,\n styles,\n onResize,\n onClear,\n onPressEnter,\n readOnly,\n autoSize,\n onKeyDown,\n ...rest\n}, ref) => {\n const [focused, setFocused] = React.useState(false);\n const compositionRef = React.useRef(false);\n const [textareaResized, setTextareaResized] = React.useState(null);\n\n // =============================== Ref ================================\n const holderRef = useRef(null);\n const resizableTextAreaRef = useRef(null);\n const getTextArea = () => resizableTextAreaRef.current?.textArea || null;\n const {\n setValue,\n formatValue\n } = useMergedValue(defaultValue, customValue);\n const countConfig = useCount(count, showCount);\n const {\n isOutOfRange,\n dataCount\n } = useCountDisplay({\n countConfig,\n value: formatValue,\n maxLength\n });\n const getExceedValue = useCountExceed({\n countConfig,\n getTarget: () => resizableTextAreaRef.current?.textArea || null\n });\n const focus = () => {\n getTextArea()?.focus();\n };\n useImperativeHandle(ref, () => ({\n resizableTextArea: resizableTextAreaRef.current,\n focus,\n blur: () => {\n getTextArea()?.blur();\n },\n nativeElement: holderRef.current?.nativeElement || getTextArea()\n }));\n useEffect(() => {\n setFocused(prev => !disabled && prev);\n }, [disabled]);\n\n // ============================== Count ===============================\n // ============================== Change ==============================\n const triggerChange = (e, currentValue) => {\n const cutValue = getExceedValue(currentValue, compositionRef.current);\n setValue(cutValue);\n resolveOnChange(e.currentTarget, e, onChange, cutValue);\n };\n\n // =========================== Value Update ===========================\n const onInternalCompositionStart = e => {\n compositionRef.current = true;\n onCompositionStart?.(e);\n };\n const onInternalCompositionEnd = e => {\n compositionRef.current = false;\n triggerChange(e, e.currentTarget.value);\n onCompositionEnd?.(e);\n };\n const onInternalChange = e => {\n triggerChange(e, e.target.value);\n };\n const handleKeyDown = e => {\n if (e.key === 'Enter' && onPressEnter && !e.nativeEvent.isComposing) {\n onPressEnter(e);\n }\n onKeyDown?.(e);\n };\n const handleFocus = e => {\n setFocused(true);\n onFocus?.(e);\n };\n const handleBlur = e => {\n setFocused(false);\n onBlur?.(e);\n };\n\n // ============================== Reset ===============================\n const handleReset = e => {\n setValue('');\n focus();\n const textarea = getTextArea();\n if (textarea) {\n resolveOnChange(textarea, e, onChange);\n }\n };\n let suffixNode = suffix;\n if (countConfig.show) {\n suffixNode = /*#__PURE__*/React.createElement(React.Fragment, null, suffixNode, /*#__PURE__*/React.createElement(\"span\", {\n className: clsx(`${prefixCls}-data-count`, classNames?.count),\n style: styles?.count\n }, dataCount));\n }\n const handleResize = size => {\n onResize?.(size);\n if (getTextArea()?.style.height) {\n setTextareaResized(true);\n }\n };\n const isPureTextArea = !autoSize && !showCount && !allowClear;\n return /*#__PURE__*/React.createElement(BaseInput, {\n ref: holderRef,\n value: formatValue,\n allowClear: allowClear,\n handleReset: handleReset,\n suffix: suffixNode,\n prefixCls: prefixCls,\n classNames: {\n ...classNames,\n affixWrapper: clsx(classNames?.affixWrapper, {\n [`${prefixCls}-show-count`]: showCount,\n [`${prefixCls}-textarea-allow-clear`]: allowClear\n })\n },\n disabled: disabled,\n focused: focused,\n className: clsx(className, isOutOfRange && `${prefixCls}-out-of-range`),\n style: {\n ...style,\n ...(textareaResized && !isPureTextArea ? {\n height: 'auto'\n } : {})\n },\n dataAttrs: typeof dataCount === 'string' ? {\n affixWrapper: {\n 'data-count': dataCount\n }\n } : undefined,\n styles: styles,\n hidden: hidden,\n readOnly: readOnly,\n onClear: onClear\n }, /*#__PURE__*/React.createElement(ResizableTextArea, _extends({}, rest, {\n autoSize: autoSize,\n maxLength: maxLength,\n onKeyDown: handleKeyDown,\n onChange: onInternalChange,\n onFocus: handleFocus,\n onBlur: handleBlur,\n onCompositionStart: onInternalCompositionStart,\n onCompositionEnd: onInternalCompositionEnd,\n className: clsx(classNames?.textarea),\n style: {\n resize: style?.resize,\n ...styles?.textarea\n },\n disabled: disabled,\n prefixCls: prefixCls,\n onResize: handleResize,\n ref: resizableTextAreaRef,\n readOnly: readOnly\n })));\n});\nexport default TextArea;","import BaseInput from \"./BaseInput\";\nimport Input from \"./Input\";\nimport TextArea from \"./TextArea\";\nexport { default as ResizableTextArea } from \"./ResizableTextArea\";\nexport { BaseInput, TextArea };\nexport default Input;","import React, { useMemo } from 'react';\nimport CloseCircleFilled from '@ant-design/icons/CloseCircleFilled';\nimport fallbackProp from '../fallbackProp';\nimport { isPlainObject } from '../is';\nimport { devUseWarning } from '../warning';\nexport const useAllowClear = (options) => {\n const { allowClear, clearIcon, contextAllowClear, contextClearIcon, defaultAllowClear, componentName, } = options;\n if (process.env.NODE_ENV !== 'production') {\n const warning = devUseWarning(componentName);\n warning.deprecated(!clearIcon, 'clearIcon', 'allowClear={{ clearIcon: React.ReactNode }}');\n }\n return useMemo(() => {\n const mergedAllowClear = allowClear ?? contextAllowClear ?? defaultAllowClear;\n if (!mergedAllowClear) {\n return false;\n }\n return {\n clearIcon: fallbackProp(isPlainObject(allowClear) ? allowClear?.clearIcon : clearIcon, isPlainObject(contextAllowClear) ? contextAllowClear?.clearIcon : contextClearIcon, React.createElement(CloseCircleFilled, null)),\n disabled: (isPlainObject(allowClear) ? allowClear?.disabled : undefined) ??\n (isPlainObject(contextAllowClear) ? contextAllowClear?.disabled : undefined),\n };\n }, [allowClear, clearIcon, contextAllowClear, contextClearIcon, defaultAllowClear]);\n};\n","import { useEffect, useRef } from 'react';\nexport default function useRemovePasswordTimeout(inputRef, triggerOnMount) {\n const removePasswordTimeoutRef = useRef([]);\n const removePasswordTimeout = () => {\n removePasswordTimeoutRef.current.push(setTimeout(() => {\n if (inputRef.current?.input &&\n inputRef.current?.input.getAttribute('type') === 'password' &&\n inputRef.current?.input.hasAttribute('value')) {\n inputRef.current?.input.removeAttribute('value');\n }\n }));\n };\n useEffect(() => {\n if (triggerOnMount) {\n removePasswordTimeout();\n }\n return () => removePasswordTimeoutRef.current.forEach((timer) => {\n if (timer) {\n clearTimeout(timer);\n }\n });\n }, [triggerOnMount]);\n return removePasswordTimeout;\n}\n","export function hasPrefixSuffix(props) {\n return !!(props.prefix || props.suffix || props.allowClear || props.showCount);\n}\n","import React, { forwardRef, useContext, useEffect, useRef } from 'react';\nimport RcInput from '@rc-component/input';\nimport { composeRef, triggerFocus } from '@rc-component/util';\nimport { clsx } from 'clsx';\nimport ContextIsolator from '../_util/ContextIsolator';\nimport { useAllowClear } from '../_util/hooks';\nimport { useMergeSemantic, useSemanticRootStyle } from '../_util/hooks/useMergeSemantic';\nimport { getMergedStatus, getStatusClassNames } from '../_util/statusUtils';\nimport { devUseWarning } from '../_util/warning';\nimport { useComponentConfig } from '../config-provider/context';\nimport DisabledContext from '../config-provider/DisabledContext';\nimport useCSSVarCls from '../config-provider/hooks/useCSSVarCls';\nimport useSize from '../config-provider/hooks/useSize';\nimport { FormItemInputContext } from '../form/context';\nimport useVariant from '../form/hooks/useVariants';\nimport { useCompactItemContext } from '../space/Compact';\nimport useRemovePasswordTimeout from './hooks/useRemovePasswordTimeout';\nimport useStyle, { useSharedStyle } from './style';\nimport { hasPrefixSuffix } from './utils';\nexport { triggerFocus };\nconst Input = forwardRef((props, ref) => {\n const { prefixCls: customizePrefixCls, bordered = true, status: customStatus, size: customSize, disabled: customDisabled, onBlur, onFocus, suffix, allowClear, addonAfter, addonBefore, className, style, styles, rootClassName, onChange, classNames, variant: customVariant, ...rest } = props;\n if (process.env.NODE_ENV !== 'production') {\n const { deprecated } = devUseWarning('Input');\n [\n ['bordered', 'variant'],\n ['addonAfter', 'Space.Compact'],\n ['addonBefore', 'Space.Compact'],\n ].forEach(([prop, newProp]) => {\n deprecated(!(prop in props), prop, newProp);\n });\n }\n const { getPrefixCls, direction, allowClear: contextAllowClear, autoComplete: contextAutoComplete, className: contextClassName, style: contextStyle, classNames: contextClassNames, styles: contextStyles, } = useComponentConfig('input');\n const prefixCls = getPrefixCls('input', customizePrefixCls);\n const inputRef = useRef(null);\n // Style\n const rootCls = useCSSVarCls(prefixCls);\n const [hashId, cssVarCls] = useSharedStyle(prefixCls, rootClassName);\n useStyle(prefixCls, rootCls);\n // ===================== Compact Item =====================\n const { compactSize, compactItemClassnames } = useCompactItemContext(prefixCls, direction);\n // ===================== Size =====================\n const mergedSize = useSize((ctx) => customSize ?? compactSize ?? ctx);\n // ===================== Disabled =====================\n const disabled = React.useContext(DisabledContext);\n const mergedDisabled = customDisabled ?? disabled;\n // =========== Merged Props for Semantic ==========\n const mergedProps = {\n ...props,\n size: mergedSize,\n disabled: mergedDisabled,\n };\n const contextStyleRoot = useSemanticRootStyle(contextStyle);\n const styleRoot = useSemanticRootStyle(style);\n const [mergedClassNames, mergedStyles] = useMergeSemantic([contextClassNames, classNames], [contextStyles, contextStyleRoot, styles, styleRoot], {\n props: mergedProps,\n });\n // ===================== Status =====================\n const { status: contextStatus, hasFeedback, feedbackIcon } = useContext(FormItemInputContext);\n const mergedStatus = getMergedStatus(contextStatus, customStatus);\n // ===================== Focus warning =====================\n const inputHasPrefixSuffix = hasPrefixSuffix(props) || !!hasFeedback;\n const prevHasPrefixSuffixRef = useRef(inputHasPrefixSuffix);\n if (process.env.NODE_ENV !== 'production') {\n const warning = devUseWarning('Input');\n useEffect(() => {\n if (inputHasPrefixSuffix && !prevHasPrefixSuffixRef.current) {\n warning(document.activeElement === inputRef.current?.input, 'usage', `When Input is focused, dynamic add or remove prefix / suffix will make it lose focus caused by dom structure change. Read more: https://ant.design/components/input/#FAQ`);\n }\n prevHasPrefixSuffixRef.current = inputHasPrefixSuffix;\n }, [inputHasPrefixSuffix]);\n }\n // ===================== Remove Password value =====================\n const removePasswordTimeout = useRemovePasswordTimeout(inputRef, true);\n const handleBlur = (e) => {\n removePasswordTimeout();\n onBlur?.(e);\n };\n const handleFocus = (e) => {\n removePasswordTimeout();\n onFocus?.(e);\n };\n const handleChange = (e) => {\n removePasswordTimeout();\n onChange?.(e);\n };\n const suffixNode = (hasFeedback || suffix) && (React.createElement(React.Fragment, null,\n suffix,\n hasFeedback && feedbackIcon));\n const mergedAllowClear = useAllowClear({ allowClear, contextAllowClear, componentName: 'Input' });\n const [variant, enableVariantCls] = useVariant('input', customVariant, bordered);\n return (React.createElement(RcInput, { ref: composeRef(ref, inputRef), prefixCls: prefixCls, autoComplete: contextAutoComplete, ...rest, disabled: mergedDisabled, onBlur: handleBlur, onFocus: handleFocus, style: mergedStyles.root, styles: mergedStyles, suffix: suffixNode, allowClear: mergedAllowClear, className: clsx(className, rootClassName, cssVarCls, rootCls, compactItemClassnames, contextClassName, mergedClassNames.root), onChange: handleChange, addonBefore: addonBefore && (React.createElement(ContextIsolator, { form: true, space: true }, addonBefore)), addonAfter: addonAfter && (React.createElement(ContextIsolator, { form: true, space: true }, addonAfter)), classNames: {\n ...mergedClassNames,\n input: clsx({\n [`${prefixCls}-sm`]: mergedSize === 'small',\n [`${prefixCls}-lg`]: mergedSize === 'large',\n [`${prefixCls}-rtl`]: direction === 'rtl',\n }, mergedClassNames.input, hashId),\n variant: clsx({\n [`${prefixCls}-${variant}`]: enableVariantCls,\n }, getStatusClassNames(prefixCls, mergedStatus)),\n affixWrapper: clsx({\n [`${prefixCls}-affix-wrapper-sm`]: mergedSize === 'small',\n [`${prefixCls}-affix-wrapper-lg`]: mergedSize === 'large',\n [`${prefixCls}-affix-wrapper-rtl`]: direction === 'rtl',\n }, hashId),\n wrapper: clsx({\n [`${prefixCls}-group-rtl`]: direction === 'rtl',\n }, hashId),\n groupWrapper: clsx({\n [`${prefixCls}-group-wrapper-sm`]: mergedSize === 'small',\n [`${prefixCls}-group-wrapper-lg`]: mergedSize === 'large',\n [`${prefixCls}-group-wrapper-rtl`]: direction === 'rtl',\n [`${prefixCls}-group-wrapper-${variant}`]: enableVariantCls,\n }, getStatusClassNames(`${prefixCls}-group-wrapper`, mergedStatus, hasFeedback), hashId),\n } }));\n});\nif (process.env.NODE_ENV !== 'production') {\n Input.displayName = 'Input';\n}\nexport default Input;\n","import React, { useEffect, useState } from 'react';\nimport Input from '../../input/Input';\nimport { toHexFormat } from '../color';\nimport { generateColor } from '../util';\nconst hexReg = /(^#[\\da-f]{6}$)|(^#[\\da-f]{8}$)/i;\nconst isHexString = (hex) => hexReg.test(`#${hex}`);\nconst ColorHexInput = ({ prefixCls, value, onChange }) => {\n const colorHexInputPrefixCls = `${prefixCls}-hex-input`;\n const [hexValue, setHexValue] = useState(() => value ? toHexFormat(value.toHexString()) : undefined);\n // Update step value\n useEffect(() => {\n if (value) {\n setHexValue(toHexFormat(value.toHexString()));\n }\n }, [value]);\n const handleHexChange = (e) => {\n const originValue = e.target.value;\n setHexValue(toHexFormat(originValue));\n if (isHexString(toHexFormat(originValue, true))) {\n onChange?.(generateColor(originValue));\n }\n };\n return (React.createElement(Input, { className: colorHexInputPrefixCls, value: hexValue, prefix: \"#\", onChange: handleHexChange, size: \"small\" }));\n};\nexport default ColorHexInput;\n","import React, { useState } from 'react';\nimport { generateColor, getRoundNumber } from '../util';\nimport ColorSteppers from './ColorSteppers';\nconst ColorHsbInput = ({ prefixCls, value, onChange }) => {\n const colorHsbInputPrefixCls = `${prefixCls}-hsb-input`;\n const [internalValue, setInternalValue] = useState(() => generateColor(value || '#000'));\n const hsbValue = value || internalValue;\n const handleHsbChange = (step, type) => {\n const hsb = hsbValue.toHsb();\n hsb[type] = type === 'h' ? step : (step || 0) / 100;\n const genColor = generateColor(hsb);\n setInternalValue(genColor);\n onChange?.(genColor);\n };\n return (React.createElement(\"div\", { className: colorHsbInputPrefixCls },\n React.createElement(ColorSteppers, { max: 360, min: 0, value: Number(hsbValue.toHsb().h), prefixCls: prefixCls, className: colorHsbInputPrefixCls, formatter: (step) => getRoundNumber(step || 0).toString(), onChange: (step) => handleHsbChange(Number(step), 'h') }),\n React.createElement(ColorSteppers, { max: 100, min: 0, value: Number(hsbValue.toHsb().s) * 100, prefixCls: prefixCls, className: colorHsbInputPrefixCls, formatter: (step) => `${getRoundNumber(step || 0)}%`, onChange: (step) => handleHsbChange(Number(step), 's') }),\n React.createElement(ColorSteppers, { max: 100, min: 0, value: Number(hsbValue.toHsb().b) * 100, prefixCls: prefixCls, className: colorHsbInputPrefixCls, formatter: (step) => `${getRoundNumber(step || 0)}%`, onChange: (step) => handleHsbChange(Number(step), 'b') })));\n};\nexport default ColorHsbInput;\n","import React, { useState } from 'react';\nimport { generateColor } from '../util';\nimport ColorSteppers from './ColorSteppers';\nconst ColorRgbInput = ({ prefixCls, value, onChange }) => {\n const colorRgbInputPrefixCls = `${prefixCls}-rgb-input`;\n const [internalValue, setInternalValue] = useState(() => generateColor(value || '#000'));\n const rgbValue = value || internalValue;\n const handleRgbChange = (step, type) => {\n const rgb = rgbValue.toRgb();\n rgb[type] = step || 0;\n const genColor = generateColor(rgb);\n setInternalValue(genColor);\n onChange?.(genColor);\n };\n return (React.createElement(\"div\", { className: colorRgbInputPrefixCls },\n React.createElement(ColorSteppers, { max: 255, min: 0, value: Number(rgbValue.toRgb().r), prefixCls: prefixCls, className: colorRgbInputPrefixCls, onChange: (step) => handleRgbChange(Number(step), 'r') }),\n React.createElement(ColorSteppers, { max: 255, min: 0, value: Number(rgbValue.toRgb().g), prefixCls: prefixCls, className: colorRgbInputPrefixCls, onChange: (step) => handleRgbChange(Number(step), 'g') }),\n React.createElement(ColorSteppers, { max: 255, min: 0, value: Number(rgbValue.toRgb().b), prefixCls: prefixCls, className: colorRgbInputPrefixCls, onChange: (step) => handleRgbChange(Number(step), 'b') })));\n};\nexport default ColorRgbInput;\n","import React, { useMemo } from 'react';\nimport { useControlledState } from '@rc-component/util';\nimport Select from '../../select';\nimport { FORMAT_HEX, FORMAT_HSB, FORMAT_RGB } from '../interface';\nimport ColorAlphaInput from './ColorAlphaInput';\nimport ColorHexInput from './ColorHexInput';\nimport ColorHsbInput from './ColorHsbInput';\nimport ColorRgbInput from './ColorRgbInput';\nconst selectOptions = [FORMAT_HEX, FORMAT_HSB, FORMAT_RGB].map((format) => ({\n value: format,\n label: format.toUpperCase(),\n}));\nconst ColorInput = (props) => {\n const { prefixCls, format, value, disabledAlpha, onFormatChange, onChange, disabledFormat } = props;\n const [colorFormat, setColorFormat] = useControlledState(FORMAT_HEX, format);\n const colorInputPrefixCls = `${prefixCls}-input`;\n const triggerFormatChange = (newFormat) => {\n setColorFormat(newFormat);\n onFormatChange?.(newFormat);\n };\n const steppersNode = useMemo(() => {\n const inputProps = { value, prefixCls, onChange };\n switch (colorFormat) {\n case FORMAT_HSB:\n return React.createElement(ColorHsbInput, { ...inputProps });\n case FORMAT_RGB:\n return React.createElement(ColorRgbInput, { ...inputProps });\n // case FORMAT_HEX:\n default:\n return React.createElement(ColorHexInput, { ...inputProps });\n }\n }, [colorFormat, prefixCls, value, onChange]);\n return (React.createElement(\"div\", { className: `${colorInputPrefixCls}-container` },\n !disabledFormat && (React.createElement(Select, { value: colorFormat, variant: \"borderless\", getPopupContainer: (current) => current, popupMatchSelectWidth: 68, placement: \"bottomRight\", onChange: triggerFormatChange, className: `${prefixCls}-format-select`, size: \"small\", options: selectOptions })),\n React.createElement(\"div\", { className: colorInputPrefixCls }, steppersNode),\n !disabledAlpha && (React.createElement(ColorAlphaInput, { prefixCls: prefixCls, value: value, onChange: onChange }))));\n};\nexport default ColorInput;\n","export function getOffset(value, min, max) {\n return (value - min) / (max - min);\n}\nexport function getDirectionStyle(direction, value, min, max) {\n const offset = getOffset(value, min, max);\n const positionStyle = {};\n switch (direction) {\n case 'rtl':\n positionStyle.right = `${offset * 100}%`;\n positionStyle.transform = 'translateX(50%)';\n break;\n case 'btt':\n positionStyle.bottom = `${offset * 100}%`;\n positionStyle.transform = 'translateY(50%)';\n break;\n case 'ttb':\n positionStyle.top = `${offset * 100}%`;\n positionStyle.transform = 'translateY(-50%)';\n break;\n default:\n positionStyle.left = `${offset * 100}%`;\n positionStyle.transform = 'translateX(-50%)';\n break;\n }\n return positionStyle;\n}\n\n/** Return index value if is list or return value directly */\nexport function getIndex(value, index) {\n return Array.isArray(value) ? value[index] : value;\n}","import * as React from 'react';\nconst SliderContext = /*#__PURE__*/React.createContext({\n min: 0,\n max: 0,\n direction: 'ltr',\n step: 1,\n includedStart: 0,\n includedEnd: 0,\n tabIndex: 0,\n keyboard: true,\n styles: {},\n classNames: {},\n isHandleDisabled: () => false\n});\nexport default SliderContext;\n/** @private NOT PROMISE AVAILABLE. DO NOT USE IN PRODUCTION. */\nexport const UnstableContext = /*#__PURE__*/React.createContext({});","function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport { clsx } from 'clsx';\nimport KeyCode from \"@rc-component/util/es/KeyCode\";\nimport * as React from 'react';\nimport SliderContext from \"../context\";\nimport { getDirectionStyle, getIndex } from \"../util\";\nconst Handle = /*#__PURE__*/React.forwardRef((props, ref) => {\n const {\n prefixCls,\n value,\n valueIndex,\n onStartMove,\n onDelete,\n style,\n render,\n dragging,\n draggingDelete,\n onOffsetChange,\n onChangeComplete,\n onFocus,\n onMouseEnter,\n ...restProps\n } = props;\n const {\n min,\n max,\n direction,\n keyboard,\n range,\n tabIndex,\n ariaLabelForHandle,\n ariaLabelledByForHandle,\n ariaRequired,\n ariaValueTextFormatterForHandle,\n styles,\n classNames,\n isHandleDisabled\n } = React.useContext(SliderContext);\n const mergedDisabled = isHandleDisabled(valueIndex);\n const handlePrefixCls = `${prefixCls}-handle`;\n\n // ============================ Events ============================\n const onInternalStartMove = e => {\n if (mergedDisabled) {\n e.stopPropagation();\n return;\n }\n onStartMove(e, valueIndex);\n };\n const onInternalFocus = e => {\n onFocus?.(e, valueIndex);\n };\n const onInternalMouseEnter = e => {\n onMouseEnter(e, valueIndex);\n };\n\n // =========================== Keyboard ===========================\n const onKeyDown = e => {\n if (!mergedDisabled && keyboard) {\n let offset;\n\n // Change the value\n switch (e.which || e.keyCode) {\n case KeyCode.LEFT:\n offset = direction === 'ltr' || direction === 'btt' ? -1 : 1;\n break;\n case KeyCode.RIGHT:\n offset = direction === 'ltr' || direction === 'btt' ? 1 : -1;\n break;\n\n // Up is plus\n case KeyCode.UP:\n offset = direction !== 'ttb' ? 1 : -1;\n break;\n\n // Down is minus\n case KeyCode.DOWN:\n offset = direction !== 'ttb' ? -1 : 1;\n break;\n case KeyCode.HOME:\n offset = 'min';\n break;\n case KeyCode.END:\n offset = 'max';\n break;\n case KeyCode.PAGE_UP:\n offset = 2;\n break;\n case KeyCode.PAGE_DOWN:\n offset = -2;\n break;\n case KeyCode.BACKSPACE:\n case KeyCode.DELETE:\n onDelete?.(valueIndex);\n break;\n }\n if (offset !== undefined) {\n e.preventDefault();\n onOffsetChange(offset, valueIndex);\n }\n }\n };\n const handleKeyUp = e => {\n switch (e.which || e.keyCode) {\n case KeyCode.LEFT:\n case KeyCode.RIGHT:\n case KeyCode.UP:\n case KeyCode.DOWN:\n case KeyCode.HOME:\n case KeyCode.END:\n case KeyCode.PAGE_UP:\n case KeyCode.PAGE_DOWN:\n onChangeComplete?.();\n break;\n }\n };\n\n // ============================ Offset ============================\n const positionStyle = getDirectionStyle(direction, value, min, max);\n\n // ============================ Render ============================\n let divProps = {};\n if (valueIndex !== null) {\n divProps = {\n tabIndex: mergedDisabled ? undefined : getIndex(tabIndex, valueIndex) ?? undefined,\n role: 'slider',\n 'aria-valuemin': min,\n 'aria-valuemax': max,\n 'aria-valuenow': value,\n 'aria-disabled': mergedDisabled,\n 'aria-label': getIndex(ariaLabelForHandle, valueIndex),\n 'aria-labelledby': getIndex(ariaLabelledByForHandle, valueIndex),\n 'aria-required': getIndex(ariaRequired, valueIndex),\n 'aria-valuetext': getIndex(ariaValueTextFormatterForHandle, valueIndex)?.(value),\n 'aria-orientation': direction === 'ltr' || direction === 'rtl' ? 'horizontal' : 'vertical',\n onMouseDown: onInternalStartMove,\n onTouchStart: onInternalStartMove,\n onFocus: onInternalFocus,\n onMouseEnter: onInternalMouseEnter,\n onKeyDown,\n onKeyUp: handleKeyUp\n };\n }\n let handleNode = /*#__PURE__*/React.createElement(\"div\", _extends({\n ref: ref,\n className: clsx(handlePrefixCls, {\n [`${handlePrefixCls}-${valueIndex + 1}`]: valueIndex !== null && range,\n [`${handlePrefixCls}-dragging`]: dragging,\n [`${handlePrefixCls}-dragging-delete`]: draggingDelete,\n [`${handlePrefixCls}-disabled`]: mergedDisabled\n }, classNames.handle),\n style: {\n ...positionStyle,\n ...style,\n ...styles.handle\n }\n }, divProps, restProps));\n\n // Customize\n if (render) {\n handleNode = render(handleNode, {\n index: valueIndex,\n prefixCls,\n value,\n dragging,\n draggingDelete\n });\n }\n return handleNode;\n});\nif (process.env.NODE_ENV !== 'production') {\n Handle.displayName = 'Handle';\n}\nexport default Handle;","function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from 'react';\nimport { flushSync } from 'react-dom';\nimport { getIndex } from \"../util\";\nimport Handle from \"./Handle\";\nconst Handles = /*#__PURE__*/React.forwardRef((props, ref) => {\n const {\n prefixCls,\n style,\n onStartMove,\n onOffsetChange,\n values,\n handleRender,\n activeHandleRender,\n draggingIndex,\n draggingDelete,\n onFocus,\n ...restProps\n } = props;\n const handlesRef = React.useRef({});\n\n // =========================== Active ===========================\n const [activeVisible, setActiveVisible] = React.useState(false);\n const [activeIndex, setActiveIndex] = React.useState(-1);\n const onActive = index => {\n setActiveIndex(index);\n setActiveVisible(true);\n };\n const onHandleFocus = (e, index) => {\n onActive(index);\n onFocus?.(e);\n };\n const onHandleMouseEnter = (e, index) => {\n onActive(index);\n };\n\n // =========================== Render ===========================\n React.useImperativeHandle(ref, () => ({\n focus: index => {\n handlesRef.current[index]?.focus();\n },\n hideHelp: () => {\n flushSync(() => {\n setActiveVisible(false);\n });\n }\n }));\n\n // =========================== Render ===========================\n // Handle Props\n const handleProps = {\n prefixCls,\n onStartMove,\n onOffsetChange,\n render: handleRender,\n onFocus: onHandleFocus,\n onMouseEnter: onHandleMouseEnter,\n ...restProps\n };\n return /*#__PURE__*/React.createElement(React.Fragment, null, values.map((value, index) => {\n const dragging = draggingIndex === index;\n return /*#__PURE__*/React.createElement(Handle, _extends({\n ref: node => {\n if (!node) {\n delete handlesRef.current[index];\n } else {\n handlesRef.current[index] = node;\n }\n },\n dragging: dragging,\n draggingDelete: dragging && draggingDelete,\n style: getIndex(style, index),\n key: index,\n value: value,\n valueIndex: index\n }, handleProps));\n }), activeHandleRender && activeVisible && /*#__PURE__*/React.createElement(Handle, _extends({\n key: \"a11y\"\n }, handleProps, {\n value: values[activeIndex],\n valueIndex: null,\n dragging: draggingIndex !== -1,\n draggingDelete: draggingDelete,\n render: activeHandleRender,\n style: {\n pointerEvents: 'none'\n },\n tabIndex: undefined,\n \"aria-hidden\": true\n })));\n});\nif (process.env.NODE_ENV !== 'production') {\n Handles.displayName = 'Handles';\n}\nexport default Handles;","import { clsx } from 'clsx';\nimport * as React from 'react';\nimport SliderContext from \"../context\";\nimport { getDirectionStyle } from \"../util\";\nconst Mark = props => {\n const {\n prefixCls,\n style,\n children,\n value,\n onClick\n } = props;\n const {\n min,\n max,\n direction,\n includedStart,\n includedEnd,\n included\n } = React.useContext(SliderContext);\n const textCls = `${prefixCls}-text`;\n\n // ============================ Offset ============================\n const positionStyle = getDirectionStyle(direction, value, min, max);\n return /*#__PURE__*/React.createElement(\"span\", {\n className: clsx(textCls, {\n [`${textCls}-active`]: included && includedStart <= value && value <= includedEnd\n }),\n style: {\n ...positionStyle,\n ...style\n },\n onMouseDown: e => {\n e.stopPropagation();\n },\n onClick: () => {\n onClick(value);\n }\n }, children);\n};\nexport default Mark;","import * as React from 'react';\nimport Mark from \"./Mark\";\nconst Marks = props => {\n const {\n prefixCls,\n marks = [],\n onClick\n } = props;\n const markPrefixCls = `${prefixCls}-mark`;\n\n // Not render mark if empty\n if (!marks.length) {\n return null;\n }\n return /*#__PURE__*/React.createElement(\"div\", {\n className: markPrefixCls\n }, marks.map(({\n value,\n style,\n label\n }) => /*#__PURE__*/React.createElement(Mark, {\n key: value,\n prefixCls: markPrefixCls,\n style: style,\n value: value,\n onClick: onClick\n }, label)));\n};\nexport default Marks;","import { clsx } from 'clsx';\nimport * as React from 'react';\nimport SliderContext from \"../context\";\nimport { getDirectionStyle } from \"../util\";\nconst Dot = props => {\n const {\n prefixCls,\n value,\n style,\n activeStyle\n } = props;\n const {\n min,\n max,\n direction,\n included,\n includedStart,\n includedEnd\n } = React.useContext(SliderContext);\n const dotClassName = `${prefixCls}-dot`;\n const active = included && includedStart <= value && value <= includedEnd;\n\n // ============================ Offset ============================\n let mergedStyle = {\n ...getDirectionStyle(direction, value, min, max),\n ...(typeof style === 'function' ? style(value) : style)\n };\n if (active) {\n mergedStyle = {\n ...mergedStyle,\n ...(typeof activeStyle === 'function' ? activeStyle(value) : activeStyle)\n };\n }\n return /*#__PURE__*/React.createElement(\"span\", {\n className: clsx(dotClassName, {\n [`${dotClassName}-active`]: active\n }),\n style: mergedStyle\n });\n};\nexport default Dot;","import * as React from 'react';\nimport SliderContext from \"../context\";\nimport Dot from \"./Dot\";\nconst Steps = props => {\n const {\n prefixCls,\n marks,\n dots,\n style,\n activeStyle\n } = props;\n const {\n min,\n max,\n step\n } = React.useContext(SliderContext);\n const stepDots = React.useMemo(() => {\n const dotSet = new Set();\n\n // Add marks\n marks.forEach(mark => {\n dotSet.add(mark.value);\n });\n\n // Fill dots\n if (dots && step !== null) {\n let current = min;\n while (current <= max) {\n dotSet.add(current);\n current += step;\n }\n }\n return Array.from(dotSet);\n }, [min, max, step, dots, marks]);\n return /*#__PURE__*/React.createElement(\"div\", {\n className: `${prefixCls}-step`\n }, stepDots.map(dotValue => /*#__PURE__*/React.createElement(Dot, {\n prefixCls: prefixCls,\n key: dotValue,\n value: dotValue,\n style: style,\n activeStyle: activeStyle\n })));\n};\nexport default Steps;","import { clsx } from 'clsx';\nimport * as React from 'react';\nimport SliderContext from \"../context\";\nimport { getOffset } from \"../util\";\nconst Track = props => {\n const {\n prefixCls,\n style,\n start,\n end,\n index,\n onStartMove,\n replaceCls\n } = props;\n const {\n direction,\n min,\n max,\n disabled,\n range,\n classNames\n } = React.useContext(SliderContext);\n const trackPrefixCls = `${prefixCls}-track`;\n const offsetStart = getOffset(start, min, max);\n const offsetEnd = getOffset(end, min, max);\n\n // ============================ Events ============================\n const onInternalStartMove = e => {\n if (!disabled && onStartMove) {\n onStartMove(e, -1);\n }\n };\n\n // ============================ Render ============================\n const positionStyle = {};\n switch (direction) {\n case 'rtl':\n positionStyle.right = `${offsetStart * 100}%`;\n positionStyle.width = `${offsetEnd * 100 - offsetStart * 100}%`;\n break;\n case 'btt':\n positionStyle.bottom = `${offsetStart * 100}%`;\n positionStyle.height = `${offsetEnd * 100 - offsetStart * 100}%`;\n break;\n case 'ttb':\n positionStyle.top = `${offsetStart * 100}%`;\n positionStyle.height = `${offsetEnd * 100 - offsetStart * 100}%`;\n break;\n default:\n positionStyle.left = `${offsetStart * 100}%`;\n positionStyle.width = `${offsetEnd * 100 - offsetStart * 100}%`;\n }\n const className = replaceCls || clsx(trackPrefixCls, {\n [`${trackPrefixCls}-${index + 1}`]: index !== null && range,\n [`${prefixCls}-track-draggable`]: onStartMove\n }, classNames.track);\n return /*#__PURE__*/React.createElement(\"div\", {\n className: className,\n style: {\n ...positionStyle,\n ...style\n },\n onMouseDown: onInternalStartMove,\n onTouchStart: onInternalStartMove\n });\n};\nexport default Track;","import { clsx } from 'clsx';\nimport * as React from 'react';\nimport SliderContext from \"../context\";\nimport { getIndex } from \"../util\";\nimport Track from \"./Track\";\nconst Tracks = props => {\n const {\n prefixCls,\n style,\n values,\n startPoint,\n onStartMove: propsOnStartMove\n } = props;\n const {\n included,\n range,\n min,\n styles,\n classNames,\n isHandleDisabled\n } = React.useContext(SliderContext);\n const hasDisabledHandle = React.useMemo(() => values.some((_, index) => isHandleDisabled(index)), [isHandleDisabled, values]);\n const onStartMove = hasDisabledHandle ? undefined : propsOnStartMove;\n\n // =========================== List ===========================\n const trackList = React.useMemo(() => {\n if (!range) {\n // null value do not have track\n if (values.length === 0) {\n return [];\n }\n const startValue = startPoint ?? min;\n const endValue = values[0];\n return [{\n start: Math.min(startValue, endValue),\n end: Math.max(startValue, endValue)\n }];\n }\n\n // Multiple\n const list = [];\n for (let i = 0; i < values.length - 1; i += 1) {\n list.push({\n start: values[i],\n end: values[i + 1]\n });\n }\n return list;\n }, [values, range, startPoint, min]);\n if (!included) {\n return null;\n }\n\n // ========================== Render ==========================\n const tracksNode = trackList?.length && (classNames.tracks || styles.tracks) ? /*#__PURE__*/React.createElement(Track, {\n index: null,\n prefixCls: prefixCls,\n start: trackList[0].start,\n end: trackList[trackList.length - 1].end,\n replaceCls: clsx(classNames.tracks, `${prefixCls}-tracks`),\n style: styles.tracks\n }) : null;\n return /*#__PURE__*/React.createElement(React.Fragment, null, tracksNode, trackList.map(({\n start,\n end\n }, index) => /*#__PURE__*/React.createElement(Track, {\n index: index,\n prefixCls: prefixCls,\n style: {\n ...getIndex(style, index),\n ...styles.track\n },\n start: start,\n end: end,\n key: index,\n onStartMove: onStartMove\n })));\n};\nexport default Tracks;","import * as React from 'react';\nconst useDisabled = rawDisabled => {\n const isHandleDisabled = React.useCallback(index => {\n if (typeof rawDisabled === 'boolean') {\n return rawDisabled;\n }\n return rawDisabled[index] ?? false;\n }, [rawDisabled]);\n const getDisabledState = React.useCallback(rawValues => {\n if (typeof rawDisabled === 'boolean') {\n return [rawDisabled, rawDisabled && rawValues.length > 0];\n }\n return [rawValues.length > 0 && rawValues.every((_, index) => isHandleDisabled(index)), rawValues.some((_, index) => isHandleDisabled(index))];\n }, [rawDisabled, isHandleDisabled]);\n return React.useMemo(() => [isHandleDisabled, getDisabledState], [isHandleDisabled, getDisabledState]);\n};\nexport default useDisabled;","import * as React from 'react';\nimport useEvent from \"@rc-component/util/es/hooks/useEvent\";\nimport useLayoutEffect from \"@rc-component/util/es/hooks/useLayoutEffect\";\nimport { UnstableContext } from \"../context\";\n/** Drag to delete offset. It's a user experience number for dragging out */\nconst REMOVE_DIST = 130;\nfunction getPosition(e) {\n const obj = 'targetTouches' in e ? e.targetTouches[0] : e;\n return {\n pageX: obj.pageX,\n pageY: obj.pageY\n };\n}\nfunction useDrag(containerRef, direction, rawValues, min, max, formatValue, triggerChange, finishChange, offsetValues, editable, minCount, isHandleDisabled) {\n const [draggingValue, setDraggingValue] = React.useState(null);\n const [draggingIndex, setDraggingIndex] = React.useState(-1);\n const [draggingDelete, setDraggingDelete] = React.useState(false);\n const [cacheValues, setCacheValues] = React.useState(rawValues);\n const [originValues, setOriginValues] = React.useState(rawValues);\n const mouseMoveEventRef = React.useRef(null);\n const mouseUpEventRef = React.useRef(null);\n const touchEventTargetRef = React.useRef(null);\n const {\n onDragStart,\n onDragChange\n } = React.useContext(UnstableContext);\n useLayoutEffect(() => {\n if (draggingIndex === -1) {\n setCacheValues(rawValues);\n }\n }, [rawValues, draggingIndex]);\n\n // Clean up event\n React.useEffect(() => () => {\n if (mouseMoveEventRef.current) {\n document.removeEventListener('mousemove', mouseMoveEventRef.current);\n }\n if (mouseUpEventRef.current) {\n document.removeEventListener('mouseup', mouseUpEventRef.current);\n }\n if (touchEventTargetRef.current) {\n if (mouseMoveEventRef.current) {\n touchEventTargetRef.current.removeEventListener('touchmove', mouseMoveEventRef.current);\n }\n if (mouseUpEventRef.current) {\n touchEventTargetRef.current.removeEventListener('touchend', mouseUpEventRef.current);\n }\n }\n }, []);\n const flushValues = (nextValues, nextValue, deleteMark) => {\n // Perf: Only update state when value changed\n if (nextValue !== undefined) {\n setDraggingValue(nextValue);\n }\n setCacheValues(nextValues);\n let changeValues = nextValues;\n if (deleteMark) {\n changeValues = nextValues.filter((_, i) => i !== draggingIndex);\n }\n triggerChange(changeValues);\n\n // Optional callback for drag change (not used in current implementation)\n if (onDragChange) {\n onDragChange({\n rawValues: nextValues,\n deleteIndex: deleteMark ? draggingIndex : -1,\n draggingIndex,\n draggingValue: nextValue\n });\n }\n };\n const updateCacheValue = useEvent((valueIndex, offsetPercent, deleteMark) => {\n if (valueIndex === -1) {\n // >>>> Dragging on the track\n // Defensive: should not happen as Tracks/index.tsx blocks this when any handle is disabled\n if (originValues.some((_, index) => isHandleDisabled(index))) {\n return;\n }\n const startValue = originValues[0];\n const endValue = originValues[originValues.length - 1];\n const maxStartOffset = min - startValue;\n const maxEndOffset = max - endValue;\n\n // Get valid offset\n let offset = offsetPercent * (max - min);\n offset = Math.max(offset, maxStartOffset);\n offset = Math.min(offset, maxEndOffset);\n\n // Use first value to revert back of valid offset (like steps marks)\n const formatStartValue = formatValue(startValue + offset);\n offset = formatStartValue - startValue;\n const cloneCacheValues = originValues.map(val => val + offset);\n flushValues(cloneCacheValues);\n } else {\n // >>>> Dragging on the handle\n const offsetDist = (max - min) * offsetPercent;\n\n // Always start with the valueIndex origin value\n const cloneValues = [...cacheValues];\n cloneValues[valueIndex] = originValues[valueIndex];\n const next = offsetValues(cloneValues, offsetDist, valueIndex, 'dist');\n flushValues(next.values, next.value, deleteMark);\n }\n });\n const onStartMove = (e, valueIndex, startValues) => {\n e.stopPropagation();\n const initialValues = startValues || rawValues;\n // Defensive: should not happen as Handle.tsx blocks this when handle is disabled\n if (isHandleDisabled(valueIndex)) {\n return;\n }\n const originValue = initialValues[valueIndex];\n setDraggingIndex(valueIndex);\n setDraggingValue(originValue);\n setOriginValues(initialValues);\n setCacheValues(initialValues);\n setDraggingDelete(false);\n const {\n pageX: startX,\n pageY: startY\n } = getPosition(e);\n\n // We declare it here since closure can't get outer latest value\n let deleteMark = false;\n\n // Optional callback for drag start (not used in current implementation)\n if (onDragStart) {\n onDragStart({\n rawValues: initialValues,\n draggingIndex: valueIndex,\n draggingValue: originValue\n });\n }\n\n // Moving\n const onMouseMove = event => {\n event.preventDefault();\n const {\n pageX: moveX,\n pageY: moveY\n } = getPosition(event);\n const offsetX = moveX - startX;\n const offsetY = moveY - startY;\n const {\n width,\n height\n } = containerRef.current.getBoundingClientRect();\n let offSetPercent;\n let removeDist;\n switch (direction) {\n case 'btt':\n offSetPercent = -offsetY / height;\n removeDist = offsetX;\n break;\n case 'ttb':\n offSetPercent = offsetY / height;\n removeDist = offsetX;\n break;\n case 'rtl':\n offSetPercent = -offsetX / width;\n removeDist = offsetY;\n break;\n default:\n offSetPercent = offsetX / width;\n removeDist = offsetY;\n }\n\n // Check if need mark remove\n deleteMark = editable ? Math.abs(removeDist) > REMOVE_DIST && minCount < cacheValues.length : false;\n setDraggingDelete(deleteMark);\n updateCacheValue(valueIndex, offSetPercent, deleteMark);\n };\n\n // End\n const onMouseUp = event => {\n event.preventDefault();\n document.removeEventListener('mouseup', onMouseUp);\n document.removeEventListener('mousemove', onMouseMove);\n if (touchEventTargetRef.current) {\n if (mouseMoveEventRef.current) {\n touchEventTargetRef.current.removeEventListener('touchmove', mouseMoveEventRef.current);\n }\n if (mouseUpEventRef.current) {\n touchEventTargetRef.current.removeEventListener('touchend', mouseUpEventRef.current);\n }\n }\n mouseMoveEventRef.current = null;\n mouseUpEventRef.current = null;\n touchEventTargetRef.current = null;\n finishChange(deleteMark);\n setDraggingIndex(-1);\n setDraggingDelete(false);\n };\n document.addEventListener('mouseup', onMouseUp);\n document.addEventListener('mousemove', onMouseMove);\n e.currentTarget.addEventListener('touchend', onMouseUp);\n e.currentTarget.addEventListener('touchmove', onMouseMove);\n mouseMoveEventRef.current = onMouseMove;\n mouseUpEventRef.current = onMouseUp;\n touchEventTargetRef.current = e.currentTarget;\n };\n\n // Only return cache value when it mapping with rawValues\n const returnValues = React.useMemo(() => {\n const sourceValues = [...rawValues].sort((a, b) => a - b);\n const targetValues = [...cacheValues].sort((a, b) => a - b);\n const counts = {};\n targetValues.forEach(val => {\n counts[val] = (counts[val] || 0) + 1;\n });\n sourceValues.forEach(val => {\n counts[val] = (counts[val] || 0) - 1;\n });\n const maxDiffCount = editable ? 1 : 0;\n const diffCount = Object.values(counts).reduce((prev, next) => prev + Math.abs(next), 0);\n return diffCount <= maxDiffCount ? cacheValues : rawValues;\n }, [rawValues, cacheValues, editable]);\n return [draggingIndex, draggingValue, draggingDelete, returnValues, onStartMove];\n}\nexport default useDrag;","import * as React from 'react';\n\n/** Format the value in the range of [min, max] */\n\n/** Format value align with step */\n\n/** Format value align with step & marks */\n\n/**\n * Get the effective moving range for a handle.\n * Disabled handles are treated as fixed anchors, and `pushable` is applied as the gap\n * that enabled handles must keep away from those anchors.\n */\nexport const getDisabledBoundaryValues = (values, valueIndex, min, max, pushable, isHandleDisabled) => {\n const pushGap = typeof pushable === 'number' ? pushable : 0;\n let minBound = min;\n let maxBound = max;\n for (let i = valueIndex - 1; i >= 0; i -= 1) {\n if (isHandleDisabled(i)) {\n minBound = values[i] + pushGap;\n break;\n }\n }\n for (let i = valueIndex + 1; i < values.length; i += 1) {\n if (isHandleDisabled(i)) {\n maxBound = values[i] - pushGap;\n break;\n }\n }\n return [minBound, maxBound];\n};\n\n/**\n * Find the nearest enabled handle that can accept the target value.\n * A handle is only considered when the target value falls inside its disabled-anchor\n * boundaries, so clicking outside an enabled segment becomes a no-op.\n */\nexport const getClosestEnabledHandleIndex = (values, targetValue, min, max, pushable, isHandleDisabled) => {\n let closestIndex = -1;\n let closestDist = max - min;\n values.forEach((value, index) => {\n if (isHandleDisabled(index)) {\n return;\n }\n const [minBound, maxBound] = getDisabledBoundaryValues(values, index, min, max, pushable, isHandleDisabled);\n if (minBound <= targetValue && targetValue <= maxBound) {\n const dist = Math.abs(targetValue - value);\n if (dist <= closestDist) {\n closestDist = dist;\n closestIndex = index;\n }\n }\n });\n return closestIndex;\n};\nexport default function useOffset(min, max, step, markList, allowCross, pushable, isHandleDisabled) {\n const formatRangeValue = React.useCallback(val => Math.max(min, Math.min(max, val)), [min, max]);\n const formatStepValue = React.useCallback(val => {\n if (step !== null) {\n const stepValue = min + Math.round((formatRangeValue(val) - min) / step) * step;\n\n // Cut number in case to be like 0.30000000000000004\n const getDecimal = num => (String(num).split('.')[1] || '').length;\n const maxDecimal = Math.max(getDecimal(step), getDecimal(max), getDecimal(min));\n const fixedValue = Number(stepValue.toFixed(maxDecimal));\n return min <= fixedValue && fixedValue <= max ? fixedValue : null;\n }\n return null;\n }, [step, min, max, formatRangeValue]);\n const formatValue = React.useCallback(val => {\n const formatNextValue = formatRangeValue(val);\n\n // List align values\n const alignValues = markList.map(mark => mark.value);\n if (step !== null) {\n alignValues.push(formatStepValue(val));\n }\n\n // min & max\n alignValues.push(min, max);\n\n // Align with marks\n let closeValue = alignValues[0];\n let closeDist = max - min;\n alignValues.forEach(alignValue => {\n const dist = Math.abs(formatNextValue - alignValue);\n if (dist <= closeDist) {\n closeValue = alignValue;\n closeDist = dist;\n }\n });\n return closeValue;\n }, [min, max, markList, step, formatRangeValue, formatStepValue]);\n\n // ========================== Offset ==========================\n // Single Value\n const offsetValue = (values, offset, valueIndex, mode = 'unit') => {\n if (typeof offset === 'number') {\n let nextValue;\n const originValue = values[valueIndex];\n\n // Only used for `dist` mode\n const targetDistValue = originValue + offset;\n\n // Compare next step value & mark value which is best match\n let potentialValues = [];\n markList.forEach(mark => {\n potentialValues.push(mark.value);\n });\n\n // Min & Max\n potentialValues.push(min, max);\n\n // In case origin value is align with mark but not with step\n potentialValues.push(formatStepValue(originValue));\n\n // Put offset step value also\n const sign = offset > 0 ? 1 : -1;\n if (mode === 'unit') {\n potentialValues.push(formatStepValue(originValue + sign * step));\n } else {\n potentialValues.push(formatStepValue(targetDistValue));\n }\n\n // Find close one\n potentialValues = potentialValues.filter(val => val !== null)\n // Remove reverse value\n .filter(val => offset < 0 ? val <= originValue : val >= originValue);\n if (mode === 'unit') {\n // `unit` mode can not contain itself\n potentialValues = potentialValues.filter(val => val !== originValue);\n }\n const compareValue = mode === 'unit' ? originValue : targetDistValue;\n nextValue = potentialValues[0];\n let valueDist = Math.abs(nextValue - compareValue);\n potentialValues.forEach(potentialValue => {\n const dist = Math.abs(potentialValue - compareValue);\n if (dist < valueDist) {\n nextValue = potentialValue;\n valueDist = dist;\n }\n });\n\n // Out of range will back to range\n if (nextValue === undefined) {\n return offset < 0 ? min : max;\n }\n\n // `dist` mode\n if (mode === 'dist') {\n return nextValue;\n }\n\n // `unit` mode may need another round\n if (Math.abs(offset) > 1) {\n const cloneValues = [...values];\n cloneValues[valueIndex] = nextValue;\n return offsetValue(cloneValues, offset - sign, valueIndex, mode);\n }\n return nextValue;\n } else if (offset === 'min') {\n return min;\n } else if (offset === 'max') {\n return max;\n }\n\n // Unreachable since `offset` is typed as number | 'min' | 'max'.\n return max;\n };\n\n /** Same as `offsetValue` but return `changed` mark to tell value changed */\n const offsetChangedValue = (values, offset, valueIndex, mode = 'unit') => {\n const originValue = values[valueIndex];\n const nextValue = offsetValue(values, offset, valueIndex, mode);\n return {\n value: nextValue,\n changed: nextValue !== originValue\n };\n };\n const needPush = dist => {\n return pushable === null && dist === 0 || typeof pushable === 'number' && dist < pushable;\n };\n\n // Values\n const offsetValues = (values, offset, valueIndex, mode = 'unit') => {\n const nextValues = values.map(formatValue);\n const originValue = nextValues[valueIndex];\n const [minBound, maxBound] = getDisabledBoundaryValues(nextValues, valueIndex, min, max, pushable, isHandleDisabled);\n const nextValue = offsetValue(nextValues, offset, valueIndex, mode);\n nextValues[valueIndex] = nextValue;\n if (minBound <= maxBound) {\n nextValues[valueIndex] = Math.max(minBound, Math.min(maxBound, nextValues[valueIndex]));\n } else {\n nextValues[valueIndex] = originValue;\n }\n if (allowCross === false) {\n // >>>>> Allow Cross\n const pushNum = pushable || 0;\n\n // ============ AllowCross ===============\n if (valueIndex > 0 && nextValues[valueIndex - 1] !== originValue) {\n nextValues[valueIndex] = Math.max(nextValues[valueIndex], nextValues[valueIndex - 1] + pushNum);\n }\n if (valueIndex < nextValues.length - 1 && nextValues[valueIndex + 1] !== originValue) {\n nextValues[valueIndex] = Math.min(nextValues[valueIndex], nextValues[valueIndex + 1] - pushNum);\n }\n } else if (typeof pushable === 'number' || pushable === null) {\n // >>>>> Pushable\n // =============== Push ==================\n\n // >>>>>> Basic push\n // End values\n for (let i = valueIndex + 1; i < nextValues.length; i += 1) {\n if (isHandleDisabled(i)) {\n break;\n }\n let changed = true;\n while (needPush(nextValues[i] - nextValues[i - 1]) && changed) {\n ({\n value: nextValues[i],\n changed\n } = offsetChangedValue(nextValues, 1, i));\n }\n const [, itemMaxBound] = getDisabledBoundaryValues(nextValues, i, min, max, pushable, isHandleDisabled);\n nextValues[i] = Math.min(nextValues[i], itemMaxBound);\n }\n\n // Start values\n for (let i = valueIndex; i > 0; i -= 1) {\n if (isHandleDisabled(i - 1)) {\n break;\n }\n let changed = true;\n while (needPush(nextValues[i] - nextValues[i - 1]) && changed) {\n ({\n value: nextValues[i - 1],\n changed\n } = offsetChangedValue(nextValues, -1, i - 1));\n }\n const [itemMinBound] = getDisabledBoundaryValues(nextValues, i - 1, min, max, pushable, isHandleDisabled);\n nextValues[i - 1] = Math.max(nextValues[i - 1], itemMinBound);\n }\n\n // >>>>> Revert back to safe push range\n // End to Start\n for (let i = nextValues.length - 1; i > 0; i -= 1) {\n if (isHandleDisabled(i) || isHandleDisabled(i - 1)) {\n continue;\n }\n let changed = true;\n while (needPush(nextValues[i] - nextValues[i - 1]) && changed) {\n ({\n value: nextValues[i - 1],\n changed\n } = offsetChangedValue(nextValues, -1, i - 1));\n }\n const [itemMinBound] = getDisabledBoundaryValues(nextValues, i - 1, min, max, pushable, isHandleDisabled);\n nextValues[i - 1] = Math.max(nextValues[i - 1], itemMinBound);\n }\n\n // Start to End\n for (let i = 0; i < nextValues.length - 1; i += 1) {\n if (isHandleDisabled(i) || isHandleDisabled(i + 1)) {\n continue;\n }\n let changed = true;\n while (needPush(nextValues[i + 1] - nextValues[i]) && changed) {\n ({\n value: nextValues[i + 1],\n changed\n } = offsetChangedValue(nextValues, 1, i + 1));\n }\n const [, itemMaxBound] = getDisabledBoundaryValues(nextValues, i + 1, min, max, pushable, isHandleDisabled);\n nextValues[i + 1] = Math.min(nextValues[i + 1], itemMaxBound);\n }\n }\n return {\n value: nextValues[valueIndex],\n values: nextValues\n };\n };\n return [formatValue, offsetValues];\n}","import { warning } from \"@rc-component/util/es/warning\";\nimport { useMemo } from 'react';\nexport default function useRange(range) {\n return useMemo(() => {\n if (range === true || !range) {\n return [!!range, false, false, 0];\n }\n const {\n editable,\n draggableTrack,\n minCount,\n maxCount\n } = range;\n if (process.env.NODE_ENV !== 'production') {\n warning(!editable || !draggableTrack, '`editable` can not work with `draggableTrack`.');\n }\n return [true, !!editable, !editable && !!draggableTrack, minCount || 0, maxCount];\n }, [range]);\n}","import useControlledState from \"@rc-component/util/es/hooks/useControlledState\";\nimport useEvent from \"@rc-component/util/es/hooks/useEvent\";\nimport isEqual from \"@rc-component/util/es/isEqual\";\nimport warning from \"@rc-component/util/es/warning\";\nimport { clsx } from 'clsx';\nimport * as React from 'react';\nimport Handles from \"./Handles\";\nimport Marks from \"./Marks\";\nimport Steps from \"./Steps\";\nimport Tracks from \"./Tracks\";\nimport SliderContext from \"./context\";\nimport useDisabled from \"./hooks/useDisabled\";\nimport useDrag from \"./hooks/useDrag\";\nimport useOffset, { getClosestEnabledHandleIndex } from \"./hooks/useOffset\";\nimport useRange from \"./hooks/useRange\";\n\n/**\n * New:\n * - click mark to update range value\n * - handleRender\n * - Fix handle with count not correct\n * - Fix pushable not work in some case\n * - No more FindDOMNode\n * - Move all position related style into inline style\n * - Key: up is plus, down is minus\n * - fix Key with step = null not align with marks\n * - Change range should not trigger onChange\n * - keyboard support pushable\n */\n\nconst Slider = /*#__PURE__*/React.forwardRef((props, ref) => {\n const {\n prefixCls = 'rc-slider',\n className,\n style,\n classNames,\n styles,\n id,\n disabled: rawDisabled = false,\n keyboard = true,\n autoFocus,\n onFocus,\n onBlur,\n // Value\n min = 0,\n max = 100,\n step = 1,\n value,\n defaultValue,\n range,\n count,\n onChange,\n onBeforeChange,\n onAfterChange,\n onChangeComplete,\n // Cross\n allowCross = true,\n pushable = false,\n // Direction\n reverse,\n vertical,\n // Style\n included = true,\n startPoint,\n trackStyle,\n handleStyle,\n railStyle,\n dotStyle,\n activeDotStyle,\n // Decorations\n marks,\n dots,\n // Components\n handleRender,\n activeHandleRender,\n track,\n // Accessibility\n tabIndex = 0,\n ariaLabelForHandle,\n ariaLabelledByForHandle,\n ariaRequired,\n ariaValueTextFormatterForHandle\n } = props;\n const handlesRef = React.useRef(null);\n const containerRef = React.useRef(null);\n const [mergedValue, setValue] = useControlledState(defaultValue, value);\n const direction = React.useMemo(() => {\n if (vertical) {\n return reverse ? 'ttb' : 'btt';\n }\n return reverse ? 'rtl' : 'ltr';\n }, [reverse, vertical]);\n\n // ============================ Range =============================\n const [rangeEnabled, rangeEditable, rangeDraggableTrack, minCount, maxCount] = useRange(range);\n const mergedMin = React.useMemo(() => isFinite(min) ? min : 0, [min]);\n const mergedMax = React.useMemo(() => isFinite(max) ? max : 100, [max]);\n\n // ============================= Step =============================\n const mergedStep = React.useMemo(() => step !== null && step <= 0 ? 1 : step, [step]);\n\n // ============================= Push =============================\n const mergedPush = React.useMemo(() => {\n if (typeof pushable === 'boolean') {\n return pushable ? mergedStep : false;\n }\n return pushable >= 0 ? pushable : false;\n }, [pushable, mergedStep]);\n\n // ============================ Marks =============================\n const markList = React.useMemo(() => {\n const markRecord = marks || {};\n return Object.keys(markRecord).map(key => {\n const mark = markRecord[key];\n const markObj = {\n value: Number(key)\n };\n if (mark && typeof mark === 'object' && ! /*#__PURE__*/React.isValidElement(mark) && ('label' in mark || 'style' in mark)) {\n markObj.style = mark.style;\n markObj.label = mark.label;\n } else {\n markObj.label = mark;\n }\n return markObj;\n }).filter(({\n label\n }) => label || typeof label === 'number').sort((a, b) => a.value - b.value);\n }, [marks]);\n\n // ============================ Disabled ============================\n const [isHandleDisabled, getDisabledState] = useDisabled(rawDisabled);\n\n // ============================ Format ============================\n const [formatValue, offsetValues] = useOffset(mergedMin, mergedMax, mergedStep, markList, allowCross, mergedPush, isHandleDisabled);\n\n // ============================ Values ============================\n const rawValues = React.useMemo(() => {\n const valueList = mergedValue === null || mergedValue === undefined ? [] : Array.isArray(mergedValue) ? mergedValue : [mergedValue];\n const [val0 = mergedMin] = valueList;\n let returnValues = mergedValue === null ? [] : [val0];\n\n // Format as range\n if (rangeEnabled) {\n returnValues = [...valueList];\n\n // When count provided or value is `undefined`, we fill values\n if (count || mergedValue === undefined) {\n const pointCount = count !== undefined && count >= 0 ? count + 1 : 2;\n returnValues = returnValues.slice(0, pointCount);\n\n // Fill with count\n while (returnValues.length < pointCount) {\n returnValues.push(returnValues[returnValues.length - 1] ?? mergedMin);\n }\n }\n returnValues.sort((a, b) => a - b);\n }\n\n // Align in range\n returnValues.forEach((val, index) => {\n returnValues[index] = formatValue(val);\n });\n return returnValues;\n }, [mergedValue, rangeEnabled, mergedMin, count, formatValue]);\n const [disabled, hasDisabledHandle] = React.useMemo(() => getDisabledState(rawValues), [getDisabledState, rawValues]);\n const effectiveRangeEditable = rangeEditable && !hasDisabledHandle;\n\n // =========================== onChange ===========================\n const getTriggerValue = triggerValues => rangeEnabled ? triggerValues : triggerValues[0];\n const triggerChange = useEvent(nextValues => {\n // Order first\n const cloneNextValues = [...nextValues].sort((a, b) => a - b);\n\n // Trigger event if needed\n if (onChange && !isEqual(cloneNextValues, rawValues, true)) {\n onChange(getTriggerValue(cloneNextValues));\n }\n\n // We set this later since it will re-render component immediately\n setValue(cloneNextValues);\n });\n const finishChange = useEvent(draggingDelete => {\n // Trigger from `useDrag` will tell if it's a delete action\n if (draggingDelete) {\n handlesRef.current.hideHelp();\n }\n const finishValue = getTriggerValue(rawValues);\n onAfterChange?.(finishValue);\n warning(!onAfterChange, '[rc-slider] `onAfterChange` is deprecated. Please use `onChangeComplete` instead.');\n onChangeComplete?.(finishValue);\n });\n const onDelete = index => {\n if (disabled || !effectiveRangeEditable || rawValues.length <= minCount) {\n return;\n }\n const cloneNextValues = [...rawValues];\n cloneNextValues.splice(index, 1);\n onBeforeChange?.(getTriggerValue(cloneNextValues));\n triggerChange(cloneNextValues);\n const nextFocusIndex = Math.max(0, index - 1);\n handlesRef.current.hideHelp();\n handlesRef.current.focus(nextFocusIndex);\n };\n const [draggingIndex, draggingValue, draggingDelete, cacheValues, onStartDrag] = useDrag(containerRef, direction, rawValues, mergedMin, mergedMax, formatValue, triggerChange, finishChange, offsetValues, effectiveRangeEditable, minCount, isHandleDisabled);\n\n /**\n * When `rangeEditable` will insert a new value in the values array.\n * Else it will replace the value in the values array.\n */\n const changeToCloseValue = (newValue, e) => {\n if (!disabled) {\n const valueIndex = rawValues.length ? getClosestEnabledHandleIndex(rawValues, newValue, mergedMin, mergedMax, mergedPush, isHandleDisabled) : 0;\n if (valueIndex === -1) {\n return;\n }\n\n // Create new values\n const cloneNextValues = [...rawValues];\n let valueBeforeIndex = 0; // Record the index which value < newValue\n const valueDist = rawValues.length ? Math.abs(newValue - rawValues[valueIndex]) : mergedMax - mergedMin;\n rawValues.forEach((val, index) => {\n if (val < newValue) {\n valueBeforeIndex = index;\n }\n });\n let focusIndex = valueIndex;\n if (effectiveRangeEditable && valueDist !== 0 && (!maxCount || rawValues.length < maxCount)) {\n cloneNextValues.splice(valueBeforeIndex + 1, 0, newValue);\n focusIndex = valueBeforeIndex + 1;\n } else {\n cloneNextValues[valueIndex] = newValue;\n focusIndex = valueIndex;\n }\n\n // Fill value to match default 2 (only when `rawValues` is empty)\n if (rangeEnabled && !rawValues.length && count === undefined) {\n cloneNextValues.push(newValue);\n }\n const nextValue = getTriggerValue(cloneNextValues);\n onBeforeChange?.(nextValue);\n triggerChange(cloneNextValues);\n if (e) {\n document.activeElement?.blur?.();\n handlesRef.current.focus(focusIndex);\n onStartDrag(e, focusIndex, cloneNextValues);\n } else {\n // https://github.com/ant-design/ant-design/issues/49997\n onAfterChange?.(nextValue);\n warning(!onAfterChange, '[rc-slider] `onAfterChange` is deprecated. Please use `onChangeComplete` instead.');\n onChangeComplete?.(nextValue);\n }\n }\n };\n\n // ============================ Click =============================\n const onSliderMouseDown = e => {\n e.preventDefault();\n const {\n width,\n height,\n left,\n top,\n bottom,\n right\n } = containerRef.current.getBoundingClientRect();\n const {\n clientX,\n clientY\n } = e;\n let percent;\n switch (direction) {\n case 'btt':\n percent = (bottom - clientY) / height;\n break;\n case 'ttb':\n percent = (clientY - top) / height;\n break;\n case 'rtl':\n percent = (right - clientX) / width;\n break;\n default:\n percent = (clientX - left) / width;\n }\n const nextValue = mergedMin + percent * (mergedMax - mergedMin);\n changeToCloseValue(formatValue(nextValue), e);\n };\n\n // =========================== Keyboard ===========================\n const [keyboardValue, setKeyboardValue] = React.useState(null);\n const onHandleOffsetChange = (offset, valueIndex) => {\n if (!disabled && !isHandleDisabled(valueIndex)) {\n const next = offsetValues(rawValues, offset, valueIndex);\n onBeforeChange?.(getTriggerValue(rawValues));\n triggerChange(next.values);\n setKeyboardValue({\n value: next.value,\n index: valueIndex\n });\n }\n };\n React.useEffect(() => {\n if (keyboardValue !== null) {\n const {\n value: nextKeyboardValue,\n index\n } = keyboardValue;\n const valueIndex = rawValues[index] === nextKeyboardValue ? index : rawValues.indexOf(nextKeyboardValue);\n if (valueIndex >= 0) {\n handlesRef.current.focus(valueIndex);\n }\n }\n setKeyboardValue(null);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [keyboardValue]);\n\n // ============================= Drag =============================\n const mergedDraggableTrack = React.useMemo(() => {\n if (rangeDraggableTrack && mergedStep === null) {\n if (process.env.NODE_ENV !== 'production') {\n warning(false, '`draggableTrack` is not supported when `step` is `null`.');\n }\n return false;\n }\n return rangeDraggableTrack;\n }, [rangeDraggableTrack, mergedStep]);\n const onStartMove = useEvent((e, valueIndex) => {\n onStartDrag(e, valueIndex);\n onBeforeChange?.(getTriggerValue(rawValues));\n });\n\n // Auto focus for updated handle\n const dragging = draggingIndex !== -1;\n React.useEffect(() => {\n if (!dragging) {\n const valueIndex = rawValues.lastIndexOf(draggingValue);\n handlesRef.current.focus(valueIndex);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [dragging]);\n\n // =========================== Included ===========================\n const sortedCacheValues = React.useMemo(() => [...cacheValues].sort((a, b) => a - b), [cacheValues]);\n\n // Provide a range values with included [min, max]\n // Used for Track, Mark & Dot\n const [includedStart, includedEnd] = React.useMemo(() => {\n if (!rangeEnabled) {\n return [mergedMin, sortedCacheValues[0]];\n }\n return [sortedCacheValues[0], sortedCacheValues[sortedCacheValues.length - 1]];\n }, [sortedCacheValues, rangeEnabled, mergedMin]);\n\n // ============================= Refs =============================\n React.useImperativeHandle(ref, () => ({\n focus: () => {\n handlesRef.current.focus(0);\n },\n blur: () => {\n const {\n activeElement\n } = document;\n if (containerRef.current?.contains(activeElement)) {\n activeElement?.blur();\n }\n }\n }));\n\n // ========================== Auto Focus ==========================\n const autoFocusRef = React.useRef(autoFocus);\n React.useEffect(() => {\n if (autoFocusRef.current) {\n handlesRef.current.focus(0);\n }\n }, []);\n\n // =========================== Context ============================\n const context = React.useMemo(() => ({\n min: mergedMin,\n max: mergedMax,\n direction,\n disabled,\n keyboard,\n step: mergedStep,\n included,\n includedStart,\n includedEnd,\n range: rangeEnabled,\n tabIndex,\n ariaLabelForHandle,\n ariaLabelledByForHandle,\n ariaRequired,\n ariaValueTextFormatterForHandle,\n styles: styles || {},\n classNames: classNames || {},\n isHandleDisabled\n }), [mergedMin, mergedMax, direction, disabled, keyboard, mergedStep, included, includedStart, includedEnd, rangeEnabled, tabIndex, ariaLabelForHandle, ariaLabelledByForHandle, ariaRequired, ariaValueTextFormatterForHandle, styles, classNames, isHandleDisabled]);\n\n // ============================ Render ============================\n return /*#__PURE__*/React.createElement(SliderContext.Provider, {\n value: context\n }, /*#__PURE__*/React.createElement(\"div\", {\n ref: containerRef,\n className: clsx(prefixCls, className, {\n [`${prefixCls}-disabled`]: disabled,\n [`${prefixCls}-vertical`]: vertical,\n [`${prefixCls}-horizontal`]: !vertical,\n [`${prefixCls}-with-marks`]: markList.length\n }),\n style: style,\n onMouseDown: onSliderMouseDown,\n id: id\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: clsx(`${prefixCls}-rail`, classNames?.rail),\n style: {\n ...railStyle,\n ...styles?.rail\n }\n }), track !== false && /*#__PURE__*/React.createElement(Tracks, {\n prefixCls: prefixCls,\n style: trackStyle,\n values: rawValues,\n startPoint: startPoint,\n onStartMove: mergedDraggableTrack ? onStartMove : undefined\n }), /*#__PURE__*/React.createElement(Steps, {\n prefixCls: prefixCls,\n marks: markList,\n dots: dots,\n style: dotStyle,\n activeStyle: activeDotStyle\n }), /*#__PURE__*/React.createElement(Handles, {\n ref: handlesRef,\n prefixCls: prefixCls,\n style: handleStyle,\n values: cacheValues,\n draggingIndex: draggingIndex,\n draggingDelete: draggingDelete,\n onStartMove: onStartMove,\n onOffsetChange: onHandleOffsetChange,\n onFocus: onFocus,\n onBlur: onBlur,\n handleRender: handleRender,\n activeHandleRender: activeHandleRender,\n onChangeComplete: finishChange,\n onDelete: effectiveRangeEditable ? onDelete : undefined\n }), /*#__PURE__*/React.createElement(Marks, {\n prefixCls: prefixCls,\n marks: markList,\n onClick: changeToCloseValue\n })));\n});\nif (process.env.NODE_ENV !== 'production') {\n Slider.displayName = 'Slider';\n}\nexport default Slider;","import Slider from \"./Slider\";\nexport { UnstableContext } from \"./context\";\nexport default Slider;","import { createContext } from 'react';\n/** @private Internal context. Do not use in your production. */\nconst SliderInternalContext = createContext({});\nexport default SliderInternalContext;\n","import * as React from 'react';\nimport { useRef } from 'react';\nimport { composeRef, raf } from '@rc-component/util';\nimport Tooltip from '../tooltip';\nconst SliderTooltip = React.forwardRef((props, ref) => {\n const { open, draggingDelete, value } = props;\n const innerRef = useRef(null);\n const mergedOpen = open && !draggingDelete;\n const rafRef = useRef(null);\n function cancelKeepAlign() {\n raf.cancel(rafRef.current);\n rafRef.current = null;\n }\n function keepAlign() {\n rafRef.current = raf(() => {\n innerRef.current?.forceAlign();\n rafRef.current = null;\n });\n }\n React.useEffect(() => {\n if (mergedOpen) {\n keepAlign();\n }\n else {\n cancelKeepAlign();\n }\n return cancelKeepAlign;\n }, [mergedOpen, props.title, value]);\n return React.createElement(Tooltip, { ref: composeRef(innerRef, ref), ...props, open: mergedOpen });\n});\nif (process.env.NODE_ENV !== 'production') {\n SliderTooltip.displayName = 'SliderTooltip';\n}\nexport default SliderTooltip;\n","import * as React from 'react';\nimport { raf } from '@rc-component/util';\nexport default function useRafLock() {\n const [state, setState] = React.useState(false);\n const rafRef = React.useRef(null);\n const cleanup = () => {\n raf.cancel(rafRef.current);\n };\n const setDelayState = (nextState) => {\n cleanup();\n if (nextState) {\n setState(nextState);\n }\n else {\n rafRef.current = raf(() => {\n setState(nextState);\n });\n }\n };\n React.useEffect(() => cleanup, []);\n return [state, setDelayState];\n}\n","import React from 'react';\nimport RcSlider from '@rc-component/slider';\nimport { raf } from '@rc-component/util';\nimport { clsx } from 'clsx';\nimport { useOrientation } from '../_util/hooks';\nimport { useMergeSemantic, useSemanticRootStyle } from '../_util/hooks/useMergeSemantic';\nimport { isNumber } from '../_util/is';\nimport { devUseWarning } from '../_util/warning';\nimport { useComponentConfig } from '../config-provider/context';\nimport DisabledContext from '../config-provider/DisabledContext';\nimport SliderInternalContext from './Context';\nimport SliderTooltip from './SliderTooltip';\nimport useStyle from './style';\nimport useRafLock from './useRafLock';\nfunction getTipFormatter(tipFormatter) {\n if (tipFormatter || tipFormatter === null) {\n return tipFormatter;\n }\n return (val) => (isNumber(val) ? val.toString() : '');\n}\nconst Slider = React.forwardRef((props, ref) => {\n const { prefixCls: customizePrefixCls, range, className, rootClassName, style, disabled, \n // Deprecated Props\n tooltip = {}, onChangeComplete, classNames, styles, vertical, orientation, ...restProps } = props;\n const [, mergedVertical] = useOrientation(orientation, vertical);\n const { getPrefixCls, direction: contextDirection, className: contextClassName, style: contextStyle, classNames: contextClassNames, styles: contextStyles, getPopupContainer, } = useComponentConfig('slider');\n const contextDisabled = React.useContext(DisabledContext);\n const mergedDisabled = disabled ?? contextDisabled;\n // =========== Merged Props for Semantic ==========\n const mergedProps = {\n ...props,\n disabled: mergedDisabled,\n vertical: mergedVertical,\n };\n const contextStyleRoot = useSemanticRootStyle(contextStyle);\n const styleRoot = useSemanticRootStyle(style);\n const [mergedClassNames, mergedStyles] = useMergeSemantic([contextClassNames, classNames], [contextStyles, contextStyleRoot, styles, styleRoot], {\n props: mergedProps,\n });\n // ============================= Context ==============================\n const { handleRender: contextHandleRender, direction: internalContextDirection } = React.useContext(SliderInternalContext);\n const mergedDirection = internalContextDirection || contextDirection;\n const isRTL = mergedDirection === 'rtl';\n // =============================== Open ===============================\n const [hoverOpen, setHoverOpen] = useRafLock();\n const [focusOpen, setFocusOpen] = useRafLock();\n const tooltipProps = {\n ...tooltip,\n };\n const { open: tooltipOpen, placement: tooltipPlacement, getPopupContainer: getTooltipPopupContainer, prefixCls: customizeTooltipPrefixCls, formatter: tipFormatter, } = tooltipProps;\n const lockOpen = tooltipOpen;\n const activeOpen = (hoverOpen || focusOpen) && lockOpen !== false;\n const mergedTipFormatter = getTipFormatter(tipFormatter);\n // ============================= Change ==============================\n const [dragging, setDragging] = useRafLock();\n const onInternalChangeComplete = (nextValues) => {\n onChangeComplete?.(nextValues);\n setDragging(false);\n };\n // ============================ Placement ============================\n const getTooltipPlacement = (placement, vert) => {\n if (placement) {\n return placement;\n }\n if (!vert) {\n return 'top';\n }\n return isRTL ? 'left' : 'right';\n };\n // ============================== Style ===============================\n const prefixCls = getPrefixCls('slider', customizePrefixCls);\n const [hashId, cssVarCls] = useStyle(prefixCls);\n const rootClassNames = clsx(className, contextClassName, mergedClassNames.root, rootClassName, {\n [`${prefixCls}-rtl`]: isRTL,\n [`${prefixCls}-lock`]: dragging,\n }, hashId, cssVarCls);\n // make reverse default on rtl direction\n if (isRTL && !mergedVertical) {\n restProps.reverse = !restProps.reverse;\n }\n // ============================= Warning ==============================\n // Warning for deprecated usage\n if (process.env.NODE_ENV !== 'production') {\n const warning = devUseWarning('Slider');\n [\n ['tooltipPrefixCls', 'prefixCls'],\n ['getTooltipPopupContainer', 'getPopupContainer'],\n ['tipFormatter', 'formatter'],\n ['tooltipPlacement', 'placement'],\n ['tooltipVisible', 'open'],\n ].forEach(([deprecatedName, newName]) => {\n warning.deprecated(!(deprecatedName in props), deprecatedName, `tooltip.${newName}`);\n });\n }\n // ============================== Handle ==============================\n React.useEffect(() => {\n const onMouseUp = () => {\n // Delay for 1 frame to make the click to enable hide tooltip\n // even when the handle is focused\n raf(() => {\n setFocusOpen(false);\n }, 1);\n };\n document.addEventListener('mouseup', onMouseUp);\n return () => {\n document.removeEventListener('mouseup', onMouseUp);\n };\n }, []);\n const useActiveTooltipHandle = range && !lockOpen;\n const handleRender = contextHandleRender ||\n ((node, info) => {\n const { index } = info;\n const nodeProps = node.props;\n function proxyEvent(eventName, event, triggerRestPropsEvent) {\n if (triggerRestPropsEvent) {\n restProps[eventName]?.(event);\n }\n nodeProps[eventName]?.(event);\n }\n const passedProps = {\n ...nodeProps,\n onMouseEnter: (e) => {\n setHoverOpen(true);\n proxyEvent('onMouseEnter', e);\n },\n onMouseLeave: (e) => {\n setHoverOpen(false);\n proxyEvent('onMouseLeave', e);\n },\n onMouseDown: (e) => {\n setFocusOpen(true);\n setDragging(true);\n proxyEvent('onMouseDown', e);\n },\n onFocus: (e) => {\n setFocusOpen(true);\n restProps.onFocus?.(e);\n proxyEvent('onFocus', e, true);\n },\n onBlur: (e) => {\n setFocusOpen(false);\n restProps.onBlur?.(e);\n proxyEvent('onBlur', e, true);\n },\n };\n const cloneNode = React.cloneElement(node, passedProps);\n const open = (!!lockOpen || activeOpen) && mergedTipFormatter !== null;\n // Wrap on handle with Tooltip when is single mode or multiple with all show tooltip\n if (!useActiveTooltipHandle) {\n return (React.createElement(SliderTooltip, { ...tooltipProps, prefixCls: getPrefixCls('tooltip', customizeTooltipPrefixCls), title: mergedTipFormatter ? mergedTipFormatter(info.value) : undefined, value: info.value, open: open, placement: getTooltipPlacement(tooltipPlacement, mergedVertical), key: index, classNames: { root: `${prefixCls}-tooltip` }, getPopupContainer: getTooltipPopupContainer || getPopupContainer }, cloneNode));\n }\n return cloneNode;\n });\n // ========================== Active Handle ===========================\n const activeHandleRender = useActiveTooltipHandle\n ? (handle, info) => {\n const cloneNode = React.cloneElement(handle, {\n style: {\n ...handle.props.style,\n visibility: 'hidden',\n },\n });\n return (React.createElement(SliderTooltip, { ...tooltipProps, prefixCls: getPrefixCls('tooltip', customizeTooltipPrefixCls), title: mergedTipFormatter ? mergedTipFormatter(info.value) : undefined, open: mergedTipFormatter !== null && activeOpen, placement: getTooltipPlacement(tooltipPlacement, mergedVertical), key: \"tooltip\", classNames: { root: `${prefixCls}-tooltip` }, getPopupContainer: getTooltipPopupContainer || getPopupContainer, draggingDelete: info.draggingDelete }, cloneNode));\n }\n : undefined;\n // ============================== Render ==============================\n const rootStyle = {\n ...mergedStyles.root,\n };\n return (React.createElement(RcSlider, { ...restProps, classNames: mergedClassNames, styles: mergedStyles, step: restProps.step, range: range, className: rootClassNames, style: rootStyle, disabled: mergedDisabled, vertical: mergedVertical, ref: ref, prefixCls: prefixCls, handleRender: handleRender, activeHandleRender: activeHandleRender, onChangeComplete: onInternalChangeComplete }));\n});\nif (process.env.NODE_ENV !== 'production') {\n Slider.displayName = 'Slider';\n}\nexport default Slider;\n","import * as React from 'react';\nimport { UnstableContext } from '@rc-component/slider';\nimport { useEvent } from '@rc-component/util';\nimport { clsx } from 'clsx';\nimport Slider from '../../slider';\nimport SliderInternalContext from '../../slider/Context';\nimport { getGradientPercentColor } from '../util';\nexport const GradientColorSlider = (props) => {\n const { prefixCls, colors, type, color, range = false, className, activeIndex, onActive, onDragStart, onDragChange, onKeyDelete, ...restProps } = props;\n const sliderProps = {\n ...restProps,\n track: false,\n };\n // ========================== Background ==========================\n const linearCss = React.useMemo(() => {\n const colorsStr = colors.map((c) => `${c.color} ${c.percent}%`).join(', ');\n return `linear-gradient(90deg, ${colorsStr})`;\n }, [colors]);\n const pointColor = React.useMemo(() => {\n if (!color || !type) {\n return null;\n }\n if (type === 'alpha') {\n return color.toRgbString();\n }\n return `hsl(${color.toHsb().h}, 100%, 50%)`;\n }, [color, type]);\n // ======================= Context: Slider ========================\n const onInternalDragStart = useEvent(onDragStart);\n const onInternalDragChange = useEvent(onDragChange);\n const unstableContext = React.useMemo(() => ({\n onDragStart: onInternalDragStart,\n onDragChange: onInternalDragChange,\n }), []);\n // ======================= Context: Render ========================\n const handleRender = useEvent((ori, info) => {\n const { onFocus, style, className: handleCls, onKeyDown } = ori.props;\n // Point Color\n const mergedStyle = { ...style };\n if (type === 'gradient') {\n mergedStyle.background = getGradientPercentColor(colors, info.value);\n }\n return React.cloneElement(ori, {\n onFocus: (e) => {\n onActive?.(info.index);\n onFocus?.(e);\n },\n style: mergedStyle,\n className: clsx(handleCls, {\n [`${prefixCls}-slider-handle-active`]: activeIndex === info.index,\n }),\n onKeyDown: (e) => {\n if ((e.key === 'Delete' || e.key === 'Backspace') && onKeyDelete) {\n onKeyDelete(info.index);\n }\n onKeyDown?.(e);\n },\n });\n });\n const sliderContext = React.useMemo(() => ({\n direction: 'ltr',\n handleRender,\n }), []);\n // ============================ Render ============================\n return (React.createElement(SliderInternalContext.Provider, { value: sliderContext },\n React.createElement(UnstableContext.Provider, { value: unstableContext },\n React.createElement(Slider, { ...sliderProps, className: clsx(className, `${prefixCls}-slider`), tooltip: { open: false }, range: {\n editable: range,\n minCount: 2,\n }, styles: {\n rail: {\n background: linearCss,\n },\n handle: pointColor\n ? {\n background: pointColor,\n }\n : {},\n }, classNames: {\n rail: `${prefixCls}-slider-rail`,\n handle: `${prefixCls}-slider-handle`,\n } }))));\n};\nconst SingleColorSlider = (props) => {\n const { value, onChange, onChangeComplete } = props;\n const singleOnChange = (v) => onChange(v[0]);\n const singleOnChangeComplete = (v) => onChangeComplete(v[0]);\n return (React.createElement(GradientColorSlider, { ...props, value: [value], onChange: singleOnChange, onChangeComplete: singleOnChangeComplete }));\n};\nexport default SingleColorSlider;\n","import * as React from 'react';\nimport { AggregationColor } from '../../color';\nimport { getGradientPercentColor } from '../../util';\nimport { GradientColorSlider } from '../ColorSlider';\nfunction sortColors(colors) {\n return [...colors].sort((a, b) => a.percent - b.percent);\n}\n/**\n * GradientColorBar will auto show when the mode is `gradient`.\n */\nconst GradientColorBar = (props) => {\n const { prefixCls, mode, onChange, onChangeComplete, onActive, activeIndex, onGradientDragging, colors, } = props;\n const isGradient = mode === 'gradient';\n // ============================= Colors =============================\n const colorList = React.useMemo(() => colors.map((info) => ({\n percent: info.percent,\n color: info.color.toRgbString(),\n })), [colors]);\n const values = React.useMemo(() => colorList.map((info) => info.percent), [colorList]);\n // ============================== Drag ==============================\n const colorsRef = React.useRef(colorList);\n // Record current colors\n const onDragStart = ({ rawValues, draggingIndex, draggingValue, }) => {\n if (rawValues.length > colorList.length) {\n // Add new node\n const newPointColor = getGradientPercentColor(colorList, draggingValue);\n const nextColors = [...colorList];\n nextColors.splice(draggingIndex, 0, {\n percent: draggingValue,\n color: newPointColor,\n });\n colorsRef.current = nextColors;\n }\n else {\n colorsRef.current = colorList;\n }\n onGradientDragging(true);\n onChange(new AggregationColor(sortColors(colorsRef.current)), true);\n };\n // Adjust color when dragging\n const onDragChange = ({ deleteIndex, draggingIndex, draggingValue, }) => {\n let nextColors = [...colorsRef.current];\n if (deleteIndex !== -1) {\n nextColors.splice(deleteIndex, 1);\n }\n else {\n nextColors[draggingIndex] = {\n ...nextColors[draggingIndex],\n percent: draggingValue,\n };\n nextColors = sortColors(nextColors);\n }\n onChange(new AggregationColor(nextColors), true);\n };\n // ============================== Key ===============================\n const onKeyDelete = (index) => {\n const nextColors = [...colorList];\n nextColors.splice(index, 1);\n const nextColor = new AggregationColor(nextColors);\n onChange(nextColor);\n onChangeComplete(nextColor);\n };\n // ============================= Change =============================\n const onInternalChangeComplete = (nextValues) => {\n onChangeComplete(new AggregationColor(colorList));\n // Reset `activeIndex` if out of range\n if (activeIndex >= nextValues.length) {\n onActive(nextValues.length - 1);\n }\n onGradientDragging(false);\n };\n // ============================= Render =============================\n if (!isGradient) {\n return null;\n }\n return (React.createElement(GradientColorSlider, { min: 0, max: 100, prefixCls: prefixCls, className: `${prefixCls}-gradient-slider`, colors: colorList, color: null, value: values, range: true, onChangeComplete: onInternalChangeComplete, disabled: false, type: \"gradient\", \n // Active\n activeIndex: activeIndex, onActive: onActive, \n // Drag\n onDragStart: onDragStart, onDragChange: onDragChange, onKeyDelete: onKeyDelete }));\n};\nexport default React.memo(GradientColorBar);\n","import React, { useContext } from 'react';\nimport RcColorPicker from '@rc-component/color-picker';\nimport { useLayoutEffect } from '@rc-component/util';\nimport { useForceUpdate } from '../../../_util/hooks';\nimport Segmented from '../../../segmented';\nimport { AggregationColor } from '../../color';\nimport { PanelPickerContext } from '../../context';\nimport { genAlphaColor, generateColor } from '../../util';\nimport ColorClear from '../ColorClear';\nimport ColorInput from '../ColorInput';\nimport ColorSlider from '../ColorSlider';\nimport GradientColorBar from './GradientColorBar';\nconst components = {\n slider: ColorSlider,\n};\nconst PanelPicker = () => {\n const panelPickerContext = useContext(PanelPickerContext);\n const { mode, onModeChange, modeOptions, prefixCls, allowClear, value, disabledAlpha, onChange, onClear, onChangeComplete, activeIndex, gradientDragging, ...injectProps } = panelPickerContext;\n // ============================ Colors ============================\n const colors = React.useMemo(() => {\n if (!value.cleared) {\n return value.getColors();\n }\n return [\n {\n percent: 0,\n color: new AggregationColor(''),\n },\n {\n percent: 100,\n color: new AggregationColor(''),\n },\n ];\n }, [value]);\n // ========================= Single Color =========================\n const isSingle = !value.isGradient();\n // We cache the point color in case user drag the gradient point across another one\n const [lockedColor, setLockedColor] = React.useState(value);\n // Use layout effect here since `useEffect` will cause a blink when mouseDown\n useLayoutEffect(() => {\n if (!isSingle) {\n setLockedColor(colors[activeIndex]?.color);\n }\n }, [isSingle, colors, gradientDragging, activeIndex]);\n const activeColor = React.useMemo(() => {\n if (isSingle) {\n return value;\n }\n // Use cache when dragging. User can not operation panel when dragging.\n if (gradientDragging) {\n return lockedColor;\n }\n return colors[activeIndex]?.color;\n }, [colors, value, activeIndex, isSingle, lockedColor, gradientDragging]);\n // ========================= Picker Color =========================\n const [pickerColor, setPickerColor] = React.useState(activeColor);\n const [forceSync, setForceSync] = useForceUpdate();\n const mergedPickerColor = pickerColor?.equals(activeColor) ? activeColor : pickerColor;\n useLayoutEffect(() => {\n setPickerColor(activeColor);\n }, [forceSync, activeColor?.toHexString()]);\n // ============================ Change ============================\n const fillColor = (nextColor, info) => {\n let submitColor = generateColor(nextColor);\n // Fill alpha color to 100% if origin is cleared color\n if (value.cleared) {\n const rgb = submitColor.toRgb();\n // Auto fill color if origin is `0/0/0` to enhance user experience\n if (!rgb.r && !rgb.g && !rgb.b && info) {\n const { type: infoType, value: infoValue = 0 } = info;\n submitColor = new AggregationColor({\n h: infoType === 'hue' ? infoValue : 0,\n s: 1,\n b: 1,\n a: infoType === 'alpha' ? infoValue / 100 : 1,\n });\n }\n else {\n submitColor = genAlphaColor(submitColor);\n }\n }\n if (mode === 'single') {\n return submitColor;\n }\n const nextColors = [...colors];\n nextColors[activeIndex] = {\n ...nextColors[activeIndex],\n color: submitColor,\n };\n return new AggregationColor(nextColors);\n };\n const onPickerChange = (colorValue, fromPicker, info) => {\n const nextColor = fillColor(colorValue, info);\n setPickerColor(nextColor.isGradient() ? nextColor.getColors()[activeIndex].color : nextColor);\n onChange(nextColor, fromPicker);\n };\n const onInternalChangeComplete = (nextColor, info) => {\n // Trigger complete event\n onChangeComplete(fillColor(nextColor, info));\n // Back of origin color in case in controlled\n // This will set after `onChangeComplete` to avoid `setState` trigger rerender\n // which will make `fillColor` get wrong `color.cleared` state\n setForceSync();\n };\n const onInputChange = (colorValue) => {\n onChange(fillColor(colorValue));\n };\n // ============================ Render ============================\n // Operation bar\n let operationNode = null;\n const showMode = modeOptions.length > 1;\n if (allowClear || showMode) {\n operationNode = (React.createElement(\"div\", { className: `${prefixCls}-operation` },\n showMode && (React.createElement(Segmented, { size: \"small\", options: modeOptions, value: mode, onChange: onModeChange })),\n React.createElement(ColorClear, { prefixCls: prefixCls, value: value, onChange: (clearColor) => {\n onChange(clearColor);\n onClear?.();\n }, ...injectProps })));\n }\n // Return\n return (React.createElement(React.Fragment, null,\n operationNode,\n React.createElement(GradientColorBar, { ...panelPickerContext, colors: colors }),\n React.createElement(RcColorPicker, { prefixCls: prefixCls, value: mergedPickerColor?.toHsb(), disabledAlpha: disabledAlpha, onChange: (colorValue, info) => {\n onPickerChange(colorValue, true, info);\n }, onChangeComplete: (colorValue, info) => {\n onInternalChangeComplete(colorValue, info);\n }, components: components }),\n React.createElement(ColorInput, { value: activeColor, onChange: onInputChange, prefixCls: prefixCls, disabledAlpha: disabledAlpha, ...injectProps })));\n};\nexport default PanelPicker;\n","import React, { useContext } from 'react';\nimport { PanelPresetsContext } from '../context';\nimport ColorPresets from './ColorPresets';\nconst PanelPresets = () => {\n const { prefixCls, value, presets, onChange } = useContext(PanelPresetsContext);\n return Array.isArray(presets) ? (React.createElement(ColorPresets, { value: value, presets: presets, prefixCls: prefixCls, onChange: onChange })) : null;\n};\nexport default PanelPresets;\n","import React from 'react';\nimport { isFunction } from '../_util/is';\nimport Divider from '../divider';\nimport PanelPicker from './components/PanelPicker';\nimport PanelPresets from './components/PanelPresets';\nimport { PanelPickerContext, PanelPresetsContext } from './context';\nconst ColorPickerPanel = (props) => {\n const { prefixCls, presets, panelRender, value, onChange, onClear, allowClear, disabledAlpha, mode, onModeChange, modeOptions, onChangeComplete, activeIndex, onActive, format, onFormatChange, gradientDragging, onGradientDragging, disabledFormat, } = props;\n const colorPickerPanelPrefixCls = `${prefixCls}-inner`;\n // ===================== Context ======================\n const panelContext = React.useMemo(() => ({\n prefixCls,\n value,\n onChange,\n onClear,\n allowClear,\n disabledAlpha,\n mode,\n onModeChange,\n modeOptions,\n onChangeComplete,\n activeIndex,\n onActive,\n format,\n onFormatChange,\n gradientDragging,\n onGradientDragging,\n disabledFormat,\n }), [\n prefixCls,\n value,\n onChange,\n onClear,\n allowClear,\n disabledAlpha,\n mode,\n onModeChange,\n modeOptions,\n onChangeComplete,\n activeIndex,\n onActive,\n format,\n onFormatChange,\n gradientDragging,\n onGradientDragging,\n disabledFormat,\n ]);\n const presetContext = React.useMemo(() => ({\n prefixCls,\n value,\n presets,\n onChange,\n }), [prefixCls, value, presets, onChange]);\n // ====================== Render ======================\n const innerPanel = (React.createElement(\"div\", { className: `${colorPickerPanelPrefixCls}-content` },\n React.createElement(PanelPicker, null),\n Array.isArray(presets) && React.createElement(Divider, null),\n React.createElement(PanelPresets, null)));\n return (React.createElement(PanelPickerContext.Provider, { value: panelContext },\n React.createElement(PanelPresetsContext.Provider, { value: presetContext },\n React.createElement(\"div\", { className: colorPickerPanelPrefixCls }, isFunction(panelRender)\n ? panelRender(innerPanel, {\n components: { Picker: PanelPicker, Presets: PanelPresets },\n })\n : innerPanel))));\n};\nif (process.env.NODE_ENV !== 'production') {\n ColorPickerPanel.displayName = 'ColorPickerPanel';\n}\nexport default ColorPickerPanel;\n","import React, { forwardRef, useMemo } from 'react';\nimport { ColorBlock } from '@rc-component/color-picker';\nimport { pickAttrs } from '@rc-component/util';\nimport { clsx } from 'clsx';\nimport { isFunction } from '../../_util/is';\nimport { useLocale } from '../../locale';\nimport { getColorAlpha } from '../util';\nimport ColorClear from './ColorClear';\nconst ColorTrigger = forwardRef((props, ref) => {\n const { color, prefixCls, open, disabled, format, className, style, classNames, styles, showText, activeIndex, ...rest } = props;\n const colorTriggerPrefixCls = `${prefixCls}-trigger`;\n const colorTextPrefixCls = `${colorTriggerPrefixCls}-text`;\n const colorTextCellPrefixCls = `${colorTextPrefixCls}-cell`;\n const [locale] = useLocale('ColorPicker');\n // ============================== Text ==============================\n const desc = React.useMemo(() => {\n if (!showText) {\n return '';\n }\n if (isFunction(showText)) {\n return showText(color);\n }\n if (color.cleared) {\n return locale.transparent;\n }\n if (color.isGradient()) {\n return color.getColors().map((c, index) => {\n const inactive = activeIndex !== -1 && activeIndex !== index;\n return (React.createElement(\"span\", { key: index, className: clsx(colorTextCellPrefixCls, inactive && `${colorTextCellPrefixCls}-inactive`) },\n c.color.toRgbString(),\n \" \",\n c.percent,\n \"%\"));\n });\n }\n const hexString = color.toHexString().toUpperCase();\n const alpha = getColorAlpha(color);\n switch (format) {\n case 'rgb':\n return color.toRgbString();\n case 'hsb':\n return color.toHsbString();\n // case 'hex':\n default:\n return alpha < 100 ? `${hexString.slice(0, 7)},${alpha}%` : hexString;\n }\n }, [color, format, showText, activeIndex, locale.transparent, colorTextCellPrefixCls]);\n // ============================= Render =============================\n const containerNode = useMemo(() => color.cleared ? (React.createElement(ColorClear, { prefixCls: prefixCls, className: classNames.body, style: styles.body })) : (React.createElement(ColorBlock, { prefixCls: prefixCls, color: color.toCssString(), className: classNames.body, innerClassName: classNames.content, style: styles.body, innerStyle: styles.content })), [color, prefixCls, classNames.body, classNames.content, styles.body, styles.content]);\n return (React.createElement(\"div\", { ref: ref, className: clsx(colorTriggerPrefixCls, className, classNames.root, {\n [`${colorTriggerPrefixCls}-active`]: open,\n [`${colorTriggerPrefixCls}-disabled`]: disabled,\n }), style: {\n ...styles.root,\n ...style,\n }, ...pickAttrs(rest) },\n containerNode,\n showText && (React.createElement(\"div\", { className: clsx(colorTextPrefixCls, classNames.description), style: styles.description }, desc))));\n});\nexport default ColorTrigger;\n","import * as React from 'react';\nimport { useControlledState, useEvent } from '@rc-component/util';\nimport { useLocale } from '../../locale';\nimport { generateColor } from '../util';\n/**\n * Combine the `color` and `mode` to make sure sync of state.\n */\nexport default function useModeColor(defaultValue, value, mode) {\n const [locale] = useLocale('ColorPicker');\n // ======================== Base ========================\n // Color\n const [mergedColor, setMergedColor] = useControlledState(defaultValue, value);\n // Mode\n const [modeState, setModeState] = React.useState('single');\n const [modeOptionList, modeSet] = React.useMemo(() => {\n const list = (Array.isArray(mode) ? mode : [mode]).filter((m) => m);\n if (!list.length) {\n list.push('single');\n }\n const modes = new Set(list);\n const optionList = [];\n const pushOption = (modeType, localeTxt) => {\n if (modes.has(modeType)) {\n optionList.push({\n label: localeTxt,\n value: modeType,\n });\n }\n };\n pushOption('single', locale.singleColor);\n pushOption('gradient', locale.gradientColor);\n return [optionList, modes];\n }, [mode, locale.singleColor, locale.gradientColor]);\n // ======================== Post ========================\n // We need align `mode` with `color` state\n // >>>>> Color\n const [cacheColor, setCacheColor] = React.useState(null);\n const setColor = useEvent((nextColor) => {\n setCacheColor(nextColor);\n setMergedColor(nextColor);\n });\n const postColor = React.useMemo(() => {\n const colorObj = generateColor(mergedColor || '');\n // Use `cacheColor` in case the color is `cleared`\n return colorObj.equals(cacheColor) ? cacheColor : colorObj;\n }, [mergedColor, cacheColor]);\n // >>>>> Mode\n const postMode = React.useMemo(() => {\n if (modeSet.has(modeState)) {\n return modeState;\n }\n return modeOptionList[0]?.value;\n }, [modeSet, modeState, modeOptionList]);\n // ======================= Effect =======================\n // Dynamic update mode when color change\n React.useEffect(() => {\n setModeState(postColor.isGradient() ? 'gradient' : 'single');\n }, [postColor]);\n // ======================= Return =======================\n return [postColor, setColor, postMode, setModeState, modeOptionList];\n}\n","import React, { useContext, useMemo } from 'react';\nimport { useControlledState } from '@rc-component/util';\nimport { clsx } from 'clsx';\nimport ContextIsolator from '../_util/ContextIsolator';\nimport { useMergeSemantic } from '../_util/hooks/useMergeSemantic';\nimport genPurePanel from '../_util/PurePanel';\nimport { getStatusClassNames } from '../_util/statusUtils';\nimport { devUseWarning } from '../_util/warning';\nimport { useComponentConfig } from '../config-provider/context';\nimport DisabledContext from '../config-provider/DisabledContext';\nimport useCSSVarCls from '../config-provider/hooks/useCSSVarCls';\nimport useSize from '../config-provider/hooks/useSize';\nimport { FormItemInputContext } from '../form/context';\nimport Popover from '../popover';\nimport { useCompactItemContext } from '../space/Compact';\nimport useMergedArrow from '../tooltip/hook/useMergedArrow';\nimport { AggregationColor } from './color';\nimport ColorPickerPanel from './ColorPickerPanel';\nimport ColorTrigger from './components/ColorTrigger';\nimport useModeColor from './hooks/useModeColor';\nimport useStyle from './style';\nimport { genAlphaColor, generateColor, getColorAlpha } from './util';\nconst ColorPicker = (props) => {\n const { mode, value, defaultValue, format, defaultFormat, allowClear = false, presets, children, trigger = 'click', open, disabled, placement = 'bottomLeft', arrow, panelRender, showText, style, className, size: customizeSize, rootClassName, prefixCls: customizePrefixCls, styles, classNames, disabledAlpha = false, onFormatChange, onChange, onClear, onOpenChange, onChangeComplete, getPopupContainer, autoAdjustOverflow = true, destroyTooltipOnHide, destroyOnHidden, disabledFormat, ...rest } = props;\n const { getPrefixCls, direction, className: contextClassName, style: contextStyle, classNames: contextClassNames, styles: contextStyles, arrow: contextArrow, } = useComponentConfig('colorPicker');\n const contextDisabled = useContext(DisabledContext);\n const mergedDisabled = disabled ?? contextDisabled;\n const prefixCls = getPrefixCls('color-picker', customizePrefixCls);\n const mergedArrow = useMergedArrow(arrow, contextArrow);\n // ================== Size ==================\n const { compactSize, compactItemClassnames } = useCompactItemContext(prefixCls, direction);\n const mergedSize = useSize((ctx) => customizeSize ?? compactSize ?? ctx);\n // =========== Merged Props for Semantic ===========\n const mergedProps = {\n ...props,\n trigger,\n allowClear,\n autoAdjustOverflow,\n disabledAlpha,\n arrow: mergedArrow,\n placement,\n disabled: mergedDisabled,\n size: mergedSize,\n };\n const [mergedClassNames, mergedStyles] = useMergeSemantic([contextClassNames, classNames], [contextStyles, styles], {\n props: mergedProps,\n }, {\n popup: {\n _default: 'root',\n },\n });\n const [internalPopupOpen, setPopupOpen] = useControlledState(false, open);\n const popupOpen = !mergedDisabled && internalPopupOpen;\n const [formatValue, setFormatValue] = useControlledState(defaultFormat, format);\n const triggerFormatChange = (newFormat) => {\n setFormatValue(newFormat);\n if (formatValue !== newFormat) {\n onFormatChange?.(newFormat);\n }\n };\n const triggerOpenChange = (visible) => {\n if (!visible || !mergedDisabled) {\n setPopupOpen(visible);\n onOpenChange?.(visible);\n }\n };\n // ================== Value & Mode =================\n const [mergedColor, setColor, modeState, setModeState, modeOptions] = useModeColor(defaultValue, value, mode);\n const isAlphaColor = useMemo(() => getColorAlpha(mergedColor) < 100, [mergedColor]);\n // ==================== Change =====================\n // To enhance user experience, we cache the gradient color when switch from gradient to single\n // If user not modify single color, we will use the cached gradient color.\n const [cachedGradientColor, setCachedGradientColor] = React.useState(null);\n const onInternalChangeComplete = (color) => {\n if (onChangeComplete) {\n let changeColor = generateColor(color);\n // ignore alpha color\n if (disabledAlpha && isAlphaColor) {\n changeColor = genAlphaColor(color);\n }\n onChangeComplete(changeColor);\n }\n };\n const onInternalChange = (data, changeFromPickerDrag) => {\n let color = generateColor(data);\n // ignore alpha color\n if (disabledAlpha && isAlphaColor) {\n color = genAlphaColor(color);\n }\n setColor(color);\n setCachedGradientColor(null);\n // Trigger change event\n if (onChange) {\n onChange(color, color.toCssString());\n }\n // Only for drag-and-drop color picking\n if (!changeFromPickerDrag) {\n onInternalChangeComplete(color);\n }\n };\n // =================== Gradient ====================\n const [activeIndex, setActiveIndex] = React.useState(0);\n const [gradientDragging, setGradientDragging] = React.useState(false);\n // Mode change should also trigger color change\n const onInternalModeChange = (newMode) => {\n setModeState(newMode);\n if (newMode === 'single' && mergedColor.isGradient()) {\n setActiveIndex(0);\n onInternalChange(new AggregationColor(mergedColor.getColors()[0].color));\n // Should after `onInternalChange` since it will clear the cached color\n setCachedGradientColor(mergedColor);\n }\n else if (newMode === 'gradient' && !mergedColor.isGradient()) {\n const baseColor = isAlphaColor ? genAlphaColor(mergedColor) : mergedColor;\n onInternalChange(new AggregationColor(cachedGradientColor || [\n {\n percent: 0,\n color: baseColor,\n },\n {\n percent: 100,\n color: baseColor,\n },\n ]));\n }\n };\n // ================== Form Status ==================\n const { status: contextStatus } = React.useContext(FormItemInputContext);\n // ===================== Style =====================\n const rootCls = useCSSVarCls(prefixCls);\n const [hashId, cssVarCls] = useStyle(prefixCls, rootCls);\n const rtlCls = { [`${prefixCls}-rtl`]: direction };\n const mergedRootCls = clsx(rootClassName, cssVarCls, rootCls, rtlCls);\n const mergedCls = clsx(getStatusClassNames(prefixCls, contextStatus), {\n [`${prefixCls}-sm`]: mergedSize === 'small',\n [`${prefixCls}-lg`]: mergedSize === 'large',\n }, compactItemClassnames, contextClassName, mergedRootCls, className, hashId);\n const mergedPopupCls = clsx(prefixCls, mergedRootCls, mergedClassNames.popup?.root);\n // ===================== Warning ======================\n if (process.env.NODE_ENV !== 'production') {\n const warning = devUseWarning('ColorPicker');\n warning(!(disabledAlpha && isAlphaColor), 'usage', '`disabledAlpha` will make the alpha to be 100% when use alpha color.');\n }\n const popoverProps = {\n open: popupOpen,\n trigger,\n placement,\n arrow: mergedArrow,\n rootClassName,\n getPopupContainer,\n autoAdjustOverflow,\n destroyOnHidden: destroyOnHidden ?? !!destroyTooltipOnHide,\n };\n const mergedStyle = { ...contextStyle, ...style };\n // ============================ zIndex ============================\n return (React.createElement(Popover, { classNames: { root: mergedPopupCls }, styles: {\n root: mergedStyles.popup?.root,\n container: styles?.popupOverlayInner,\n }, onOpenChange: triggerOpenChange, content: React.createElement(ContextIsolator, { form: true },\n React.createElement(ColorPickerPanel, { mode: modeState, onModeChange: onInternalModeChange, modeOptions: modeOptions, prefixCls: prefixCls, value: mergedColor, allowClear: allowClear, disabled: mergedDisabled, disabledAlpha: disabledAlpha, presets: presets, panelRender: panelRender, format: formatValue, onFormatChange: triggerFormatChange, onChange: onInternalChange, onChangeComplete: onInternalChangeComplete, onClear: onClear, activeIndex: activeIndex, onActive: setActiveIndex, gradientDragging: gradientDragging, onGradientDragging: setGradientDragging, disabledFormat: disabledFormat })), ...popoverProps }, children || (React.createElement(ColorTrigger, { activeIndex: popupOpen ? activeIndex : -1, open: popupOpen, className: mergedCls, style: mergedStyle, classNames: mergedClassNames, styles: mergedStyles, prefixCls: prefixCls, disabled: mergedDisabled, showText: showText, format: formatValue, ...rest, color: mergedColor }))));\n};\nif (process.env.NODE_ENV !== 'production') {\n ColorPicker.displayName = 'ColorPicker';\n}\nconst PurePanel = genPurePanel(ColorPicker, undefined, (props) => ({\n ...props,\n placement: 'bottom',\n autoAdjustOverflow: false,\n}), 'color-picker', \n/* istanbul ignore next */\n(prefixCls) => prefixCls);\nColorPicker._InternalPanelDoNotUseOrYouWillBeFired = PurePanel;\nexport default ColorPicker;\n","import ColorPicker from './ColorPicker';\nexport default ColorPicker;\n","function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n// GENERATED BY ./scripts/generate.ts\n// DO NOT EDIT IT MANUALLY\n\nimport * as React from 'react';\nimport SwapRightOutlinedSvg from '@ant-design/icons-svg/lib/asn/SwapRightOutlined';\nimport AntdIcon from \"../components/AntdIconLight\";\nconst SwapRightOutlined = (props, ref) => /*#__PURE__*/React.createElement(AntdIcon, _extends({}, props, {\n ref: ref,\n icon: SwapRightOutlinedSvg\n}));\n\n/** */\nconst RefIcon = /*#__PURE__*/React.forwardRef(SwapRightOutlined);\nif (process.env.NODE_ENV !== 'production') {\n RefIcon.displayName = 'SwapRightOutlined';\n}\nexport default RefIcon;","import * as React from 'react';\nimport { clsx } from 'clsx';\nimport { useMergeSemantic } from '../../_util/hooks/useMergeSemantic';\nimport { useComponentConfig } from '../../config-provider/context';\nconst useMergedPickerSemantic = (pickerType, classNames, styles, popupClassName, popupStyle, mergedProps) => {\n const { classNames: contextClassNames, styles: contextStyles } = useComponentConfig(pickerType);\n const [mergedClassNames, mergedStyles] = useMergeSemantic([contextClassNames, classNames], [contextStyles, styles], { props: mergedProps }, {\n popup: {\n _default: 'root',\n },\n });\n return React.useMemo(() => {\n // ClassNames\n const filledClassNames = {\n ...mergedClassNames,\n popup: {\n ...mergedClassNames.popup,\n root: clsx(mergedClassNames.popup?.root, popupClassName),\n },\n };\n // Styles\n const filledStyles = {\n ...mergedStyles,\n popup: { ...mergedStyles.popup, root: { ...mergedStyles.popup?.root, ...popupStyle } },\n };\n // Return\n return [filledClassNames, filledStyles];\n }, [mergedClassNames, mergedStyles, popupClassName, popupStyle]);\n};\nexport default useMergedPickerSemantic;\n","import * as React from 'react';\nimport { isNonNullable } from '../_util/is';\nimport useSelectIcons from '../select/useIcons';\nexport const getPlaceholder = (locale, picker, customizePlaceholder) => {\n if (isNonNullable(customizePlaceholder)) {\n return customizePlaceholder;\n }\n if (picker === 'year' && locale.lang.yearPlaceholder) {\n return locale.lang.yearPlaceholder;\n }\n if (picker === 'quarter' && locale.lang.quarterPlaceholder) {\n return locale.lang.quarterPlaceholder;\n }\n if (picker === 'month' && locale.lang.monthPlaceholder) {\n return locale.lang.monthPlaceholder;\n }\n if (picker === 'week' && locale.lang.weekPlaceholder) {\n return locale.lang.weekPlaceholder;\n }\n if (picker === 'time' && locale.timePickerLocale.placeholder) {\n return locale.timePickerLocale.placeholder;\n }\n return locale.lang.placeholder;\n};\nexport const getRangePlaceholder = (locale, picker, customizePlaceholder) => {\n if (isNonNullable(customizePlaceholder)) {\n return customizePlaceholder;\n }\n if (picker === 'year' && locale.lang.rangeYearPlaceholder) {\n return locale.lang.rangeYearPlaceholder;\n }\n if (picker === 'quarter' && locale.lang.rangeQuarterPlaceholder) {\n return locale.lang.rangeQuarterPlaceholder;\n }\n if (picker === 'month' && locale.lang.rangeMonthPlaceholder) {\n return locale.lang.rangeMonthPlaceholder;\n }\n if (picker === 'week' && locale.lang.rangeWeekPlaceholder) {\n return locale.lang.rangeWeekPlaceholder;\n }\n if (picker === 'time' && locale.timePickerLocale.rangePlaceholder) {\n return locale.timePickerLocale.rangePlaceholder;\n }\n return locale.lang.rangePlaceholder;\n};\nexport const useIcons = (props, prefixCls) => {\n const { allowClear = true } = props;\n const { clearIcon, removeIcon } = useSelectIcons({\n ...props,\n prefixCls,\n componentName: 'DatePicker',\n });\n const mergedAllowClear = React.useMemo(() => {\n if (allowClear === false) {\n return false;\n }\n const allowClearConfig = allowClear === true ? {} : allowClear;\n return {\n clearIcon: clearIcon,\n ...allowClearConfig,\n };\n }, [allowClear, clearIcon]);\n return [mergedAllowClear, removeIcon];\n};\n","export const [WEEK, WEEKPICKER] = ['week', 'WeekPicker'];\nexport const [MONTH, MONTHPICKER] = ['month', 'MonthPicker'];\nexport const [YEAR, YEARPICKER] = ['year', 'YearPicker'];\nexport const [QUARTER, QUARTERPICKER] = ['quarter', 'QuarterPicker'];\nexport const [TIME, TIMEPICKER] = ['time', 'TimePicker'];\n","import * as React from 'react';\nimport Button from '../button/Button';\nconst PickerButton = (props) => (React.createElement(Button, { size: \"small\", type: \"primary\", ...props }));\nexport default PickerButton;\n","import { useMemo } from 'react';\nimport PickerButton from '../PickerButton';\nexport default function useComponents(components) {\n return useMemo(() => ({\n button: PickerButton,\n ...components,\n }), [components]);\n}\n","function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n// GENERATED BY ./scripts/generate.ts\n// DO NOT EDIT IT MANUALLY\n\nimport * as React from 'react';\nimport CalendarOutlinedSvg from '@ant-design/icons-svg/lib/asn/CalendarOutlined';\nimport AntdIcon from \"../components/AntdIconLight\";\nconst CalendarOutlined = (props, ref) => /*#__PURE__*/React.createElement(AntdIcon, _extends({}, props, {\n ref: ref,\n icon: CalendarOutlinedSvg\n}));\n\n/** */\nconst RefIcon = /*#__PURE__*/React.forwardRef(CalendarOutlined);\nif (process.env.NODE_ENV !== 'production') {\n RefIcon.displayName = 'CalendarOutlined';\n}\nexport default RefIcon;","function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n// GENERATED BY ./scripts/generate.ts\n// DO NOT EDIT IT MANUALLY\n\nimport * as React from 'react';\nimport ClockCircleOutlinedSvg from '@ant-design/icons-svg/lib/asn/ClockCircleOutlined';\nimport AntdIcon from \"../components/AntdIconLight\";\nconst ClockCircleOutlined = (props, ref) => /*#__PURE__*/React.createElement(AntdIcon, _extends({}, props, {\n ref: ref,\n icon: ClockCircleOutlinedSvg\n}));\n\n/** */\nconst RefIcon = /*#__PURE__*/React.forwardRef(ClockCircleOutlined);\nif (process.env.NODE_ENV !== 'production') {\n RefIcon.displayName = 'ClockCircleOutlined';\n}\nexport default RefIcon;","import React from 'react';\nimport CalendarOutlined from '@ant-design/icons/CalendarOutlined';\nimport ClockCircleOutlined from '@ant-design/icons/ClockCircleOutlined';\nimport { TIME } from './constant';\nconst useSuffixIcon = ({ picker, hasFeedback, feedbackIcon, suffixIcon }) => {\n if (suffixIcon === null || suffixIcon === false) {\n return null;\n }\n if (suffixIcon === true || suffixIcon === undefined) {\n return (React.createElement(React.Fragment, null,\n picker === TIME ? (React.createElement(ClockCircleOutlined, { \"aria-hidden\": \"true\" })) : (React.createElement(CalendarOutlined, { \"aria-hidden\": \"true\" })),\n hasFeedback && feedbackIcon));\n }\n return suffixIcon;\n};\nexport default useSuffixIcon;\n","import * as React from 'react';\nimport { forwardRef, useContext, useImperativeHandle } from 'react';\nimport SwapRightOutlined from '@ant-design/icons/SwapRightOutlined';\nimport { RangePicker as RCRangePicker } from '@rc-component/picker';\nimport { merge } from '@rc-component/util';\nimport { clsx } from 'clsx';\nimport ContextIsolator from '../../_util/ContextIsolator';\nimport { useAllowClear, useZIndex } from '../../_util/hooks';\nimport { getMergedStatus, getStatusClassNames } from '../../_util/statusUtils';\nimport { devUseWarning } from '../../_util/warning';\nimport { ConfigContext } from '../../config-provider';\nimport { useComponentConfig } from '../../config-provider/context';\nimport DisabledContext from '../../config-provider/DisabledContext';\nimport useCSSVarCls from '../../config-provider/hooks/useCSSVarCls';\nimport useSize from '../../config-provider/hooks/useSize';\nimport { FormItemInputContext } from '../../form/context';\nimport useVariant from '../../form/hooks/useVariants';\nimport { useLocale } from '../../locale';\nimport { useCompactItemContext } from '../../space/Compact';\nimport useMergedPickerSemantic from '../hooks/useMergedPickerSemantic';\nimport enUS from '../locale/en_US';\nimport useStyle from '../style';\nimport { getRangePlaceholder } from '../util';\nimport { TIME } from './constant';\nimport useComponents from './useComponents';\nimport useSuffixIcon from './useSuffixIcon';\nconst generateRangePicker = (generateConfig) => {\n const RangePicker = forwardRef((props, ref) => {\n const { prefixCls: customizePrefixCls, getPopupContainer: customGetPopupContainer, components, className, style, classNames, styles, placement, size: customizeSize, disabled: customDisabled, bordered = true, placeholder, status: customStatus, variant: customVariant, picker, dropdownClassName, popupClassName, popupStyle, rootClassName, suffixIcon, separator, allowClear, clearIcon, ...restProps } = props;\n const pickerType = picker === TIME ? 'timePicker' : 'datePicker';\n const { suffixIcon: contextSuffixIcon, clearIcon: contextClearIcon, allowClear: contextAllowClear, } = useComponentConfig(pickerType);\n // ====================== Warning =======================\n if (process.env.NODE_ENV !== 'production') {\n const warning = devUseWarning('DatePicker.RangePicker');\n const deprecatedProps = {\n dropdownClassName: 'classNames.popup.root',\n popupClassName: 'classNames.popup.root',\n popupStyle: 'styles.popup.root',\n bordered: 'variant',\n onSelect: 'onCalendarChange',\n };\n Object.entries(deprecatedProps).forEach(([oldProp, newProp]) => {\n warning.deprecated(!(oldProp in props), oldProp, newProp);\n });\n }\n const [mergedClassNames, mergedStyles] = useMergedPickerSemantic(pickerType, classNames, styles, popupClassName || dropdownClassName, popupStyle);\n const innerRef = React.useRef(null);\n const { getPrefixCls, direction, getPopupContainer, rangePicker } = useContext(ConfigContext);\n const prefixCls = getPrefixCls('picker', customizePrefixCls);\n const { compactSize, compactItemClassnames } = useCompactItemContext(prefixCls, direction);\n const rootPrefixCls = getPrefixCls();\n const mergedSeparator = separator ?? rangePicker?.separator;\n const [variant, enableVariantCls] = useVariant('rangePicker', customVariant, bordered);\n const rootCls = useCSSVarCls(prefixCls);\n const [hashId, cssVarCls] = useStyle(prefixCls, rootCls);\n const mergedRootClassName = clsx(hashId, cssVarCls, rootCls, rootClassName);\n // ===================== Icon =====================\n const mergedAllowClear = useAllowClear({\n componentName: 'RangePicker',\n allowClear,\n clearIcon,\n contextAllowClear,\n contextClearIcon,\n defaultAllowClear: true,\n });\n // ================== components ==================\n const mergedComponents = useComponents(components);\n // ===================== Size =====================\n const mergedSize = useSize((ctx) => customizeSize ?? compactSize ?? ctx);\n // ===================== Disabled =====================\n const disabled = React.useContext(DisabledContext);\n const mergedDisabled = customDisabled ?? disabled;\n // ===================== FormItemInput =====================\n const formItemContext = useContext(FormItemInputContext);\n const { hasFeedback, status: contextStatus, feedbackIcon } = formItemContext;\n const mergedSuffixIcon = useSuffixIcon({\n picker,\n hasFeedback,\n feedbackIcon,\n suffixIcon: suffixIcon === undefined ? contextSuffixIcon : suffixIcon,\n });\n useImperativeHandle(ref, () => innerRef.current);\n const [contextLocale] = useLocale('Calendar', enUS);\n const locale = merge(contextLocale, props.locale || {});\n // ============================ zIndex ============================\n const [zIndex] = useZIndex('DatePicker', mergedStyles?.popup?.root?.zIndex);\n return (React.createElement(ContextIsolator, { space: true },\n React.createElement(RCRangePicker, { separator: React.createElement(\"span\", { \"aria-label\": \"to\", className: `${prefixCls}-separator` }, mergedSeparator ?? React.createElement(SwapRightOutlined, null)), disabled: mergedDisabled, ref: innerRef, placement: placement, placeholder: getRangePlaceholder(locale, picker, placeholder), suffixIcon: mergedSuffixIcon, prevIcon: React.createElement(\"span\", { className: `${prefixCls}-prev-icon` }), nextIcon: React.createElement(\"span\", { className: `${prefixCls}-next-icon` }), superPrevIcon: React.createElement(\"span\", { className: `${prefixCls}-super-prev-icon` }), superNextIcon: React.createElement(\"span\", { className: `${prefixCls}-super-next-icon` }), transitionName: `${rootPrefixCls}-slide-up`, picker: picker, ...restProps, locale: locale.lang, getPopupContainer: customGetPopupContainer || getPopupContainer, generateConfig: generateConfig, components: mergedComponents, direction: direction, \n // Style\n prefixCls: prefixCls, rootClassName: mergedRootClassName, className: clsx({\n [`${prefixCls}-large`]: mergedSize === 'large',\n [`${prefixCls}-small`]: mergedSize === 'small',\n [`${prefixCls}-${variant}`]: enableVariantCls,\n }, getStatusClassNames(prefixCls, getMergedStatus(contextStatus, customStatus), hasFeedback), compactItemClassnames, className, rangePicker?.className), style: { ...rangePicker?.style, ...style }, \n // Semantic Style\n classNames: mergedClassNames, styles: {\n ...mergedStyles,\n popup: {\n ...mergedStyles.popup,\n root: {\n ...mergedStyles.popup.root,\n zIndex,\n },\n },\n }, allowClear: mergedAllowClear })));\n });\n if (process.env.NODE_ENV !== 'production') {\n RangePicker.displayName = 'RangePicker';\n }\n return RangePicker;\n};\nexport default generateRangePicker;\n","import * as React from 'react';\nimport { forwardRef, useContext, useImperativeHandle } from 'react';\nimport RCPicker from '@rc-component/picker';\nimport { merge } from '@rc-component/util';\nimport { clsx } from 'clsx';\nimport ContextIsolator from '../../_util/ContextIsolator';\nimport { useAllowClear, useZIndex } from '../../_util/hooks';\nimport { getMergedStatus, getStatusClassNames } from '../../_util/statusUtils';\nimport { devUseWarning } from '../../_util/warning';\nimport { ConfigContext } from '../../config-provider';\nimport { useComponentConfig } from '../../config-provider/context';\nimport DisabledContext from '../../config-provider/DisabledContext';\nimport useCSSVarCls from '../../config-provider/hooks/useCSSVarCls';\nimport useSize from '../../config-provider/hooks/useSize';\nimport { FormItemInputContext } from '../../form/context';\nimport useVariant from '../../form/hooks/useVariants';\nimport { useLocale } from '../../locale';\nimport { useCompactItemContext } from '../../space/Compact';\nimport useMergedPickerSemantic from '../hooks/useMergedPickerSemantic';\nimport enUS from '../locale/en_US';\nimport useStyle from '../style';\nimport { getPlaceholder, useIcons } from '../util';\nimport { MONTH, MONTHPICKER, QUARTER, QUARTERPICKER, TIME, TIMEPICKER, WEEK, WEEKPICKER, YEAR, YEARPICKER, } from './constant';\nimport useComponents from './useComponents';\nimport useSuffixIcon from './useSuffixIcon';\nconst generatePicker = (generateConfig) => {\n const getPicker = (picker, displayName = 'DatePicker') => {\n const pickerType = displayName === TIMEPICKER ? 'timePicker' : 'datePicker';\n const Picker = forwardRef((props, ref) => {\n const { prefixCls: customizePrefixCls, getPopupContainer: customizeGetPopupContainer, components, style, className, size: customizeSize, bordered, placement, placeholder, disabled: customDisabled, status: customStatus, variant: customVariant, onCalendarChange, classNames, styles, dropdownClassName, popupClassName, popupStyle, rootClassName, suffixIcon, allowClear, clearIcon, ...restProps } = props;\n const { suffixIcon: contextSuffixIcon, clearIcon: contextClearIcon, allowClear: contextAllowClear, } = useComponentConfig(displayName === TIMEPICKER ? 'timePicker' : 'datePicker');\n // ====================== Warning =======================\n if (process.env.NODE_ENV !== 'production') {\n const warning = devUseWarning(displayName);\n warning(picker !== 'quarter', 'deprecated', `DatePicker.${displayName} is legacy usage. Please use DatePicker[picker='${picker}'] directly.`);\n const deprecatedProps = {\n dropdownClassName: 'classNames.popup.root',\n popupClassName: 'classNames.popup.root',\n popupStyle: 'styles.popup.root',\n bordered: 'variant',\n onSelect: 'onCalendarChange',\n };\n Object.entries(deprecatedProps).forEach(([oldProp, newProp]) => {\n warning.deprecated(!(oldProp in props), oldProp, newProp);\n });\n }\n const { getPrefixCls, direction, getPopupContainer, \n // Consume different styles according to different names\n [pickerType]: contextPickerConfig, } = useContext(ConfigContext);\n const prefixCls = getPrefixCls('picker', customizePrefixCls);\n // ===================== Size =====================\n const { compactSize, compactItemClassnames } = useCompactItemContext(prefixCls, direction);\n const mergedSize = useSize((ctx) => customizeSize ?? compactSize ?? ctx);\n // ===================== Disabled =====================\n const disabled = React.useContext(DisabledContext);\n const mergedDisabled = customDisabled ?? disabled;\n // =========== Merged Props for Semantic ===========\n const mergedProps = {\n ...props,\n size: mergedSize,\n disabled: mergedDisabled,\n status: customStatus,\n variant: customVariant,\n };\n // ========================= Style ==========================\n // Use original useMergedPickerSemantic for proper popup handling\n const [mergedClassNames, mergedStyles] = useMergedPickerSemantic(pickerType, classNames, styles, popupClassName || dropdownClassName, popupStyle, mergedProps);\n const innerRef = React.useRef(null);\n const [variant, enableVariantCls] = useVariant('datePicker', customVariant, bordered);\n const rootCls = useCSSVarCls(prefixCls);\n const [hashId, cssVarCls] = useStyle(prefixCls, rootCls);\n const mergedRootClassName = clsx(hashId, cssVarCls, rootCls, rootClassName);\n useImperativeHandle(ref, () => innerRef.current);\n const additionalProps = {\n showToday: true,\n };\n const mergedPicker = picker || props.picker;\n const rootPrefixCls = getPrefixCls();\n // ==================== Legacy =====================\n const { onSelect, multiple } = restProps;\n const hasLegacyOnSelect = onSelect && picker === 'time' && !multiple;\n const onInternalCalendarChange = (date, dateStr, info) => {\n onCalendarChange?.(date, dateStr, info);\n if (hasLegacyOnSelect) {\n onSelect(date);\n }\n };\n // ===================== Icon =====================\n const [, removeIcon] = useIcons(props, prefixCls);\n const mergedAllowClear = useAllowClear({\n componentName: displayName,\n allowClear,\n clearIcon,\n contextAllowClear,\n contextClearIcon,\n defaultAllowClear: true,\n });\n // ================== components ==================\n const mergedComponents = useComponents(components);\n // ===================== FormItemInput =====================\n const formItemContext = useContext(FormItemInputContext);\n const { hasFeedback, status: contextStatus, feedbackIcon } = formItemContext;\n const mergedSuffixIcon = useSuffixIcon({\n picker: mergedPicker,\n hasFeedback,\n feedbackIcon,\n suffixIcon: suffixIcon === undefined ? contextSuffixIcon : suffixIcon,\n });\n const [contextLocale] = useLocale('DatePicker', enUS);\n const locale = merge(contextLocale, (props.locale || {}));\n // ============================ zIndex ============================\n const [zIndex] = useZIndex('DatePicker', mergedStyles?.popup?.root?.zIndex);\n return (React.createElement(ContextIsolator, { space: true },\n React.createElement(RCPicker, { ref: innerRef, placeholder: getPlaceholder(locale, mergedPicker, placeholder), suffixIcon: mergedSuffixIcon, placement: placement, prevIcon: React.createElement(\"span\", { className: `${prefixCls}-prev-icon` }), nextIcon: React.createElement(\"span\", { className: `${prefixCls}-next-icon` }), superPrevIcon: React.createElement(\"span\", { className: `${prefixCls}-super-prev-icon` }), superNextIcon: React.createElement(\"span\", { className: `${prefixCls}-super-next-icon` }), transitionName: `${rootPrefixCls}-slide-up`, picker: picker, onCalendarChange: onInternalCalendarChange, ...additionalProps, ...restProps, locale: locale.lang, getPopupContainer: customizeGetPopupContainer || getPopupContainer, generateConfig: generateConfig, components: mergedComponents, direction: direction, disabled: mergedDisabled, \n // Style\n prefixCls: prefixCls, rootClassName: mergedRootClassName, className: clsx({\n [`${prefixCls}-large`]: mergedSize === 'large',\n [`${prefixCls}-small`]: mergedSize === 'small',\n [`${prefixCls}-${variant}`]: enableVariantCls,\n }, getStatusClassNames(prefixCls, getMergedStatus(contextStatus, customStatus), hasFeedback), compactItemClassnames, contextPickerConfig?.className, className), style: { ...contextPickerConfig?.style, ...style }, \n // Semantic Style\n classNames: mergedClassNames, styles: {\n ...mergedStyles,\n popup: {\n ...mergedStyles.popup,\n root: {\n ...mergedStyles.popup.root,\n zIndex,\n },\n },\n }, allowClear: mergedAllowClear, removeIcon: removeIcon })));\n });\n if (process.env.NODE_ENV !== 'production' && displayName) {\n Picker.displayName = displayName;\n }\n return Picker;\n };\n const DatePicker = getPicker();\n const WeekPicker = getPicker(WEEK, WEEKPICKER);\n const MonthPicker = getPicker(MONTH, MONTHPICKER);\n const YearPicker = getPicker(YEAR, YEARPICKER);\n const QuarterPicker = getPicker(QUARTER, QUARTERPICKER);\n const TimePicker = getPicker(TIME, TIMEPICKER);\n return { DatePicker, WeekPicker, MonthPicker, YearPicker, TimePicker, QuarterPicker };\n};\nexport default generatePicker;\n","import generateRangePicker from './generateRangePicker';\nimport generateSinglePicker from './generateSinglePicker';\nconst generatePicker = (generateConfig) => {\n // =========================== Picker ===========================\n const { DatePicker, WeekPicker, MonthPicker, YearPicker, TimePicker, QuarterPicker } = generateSinglePicker(generateConfig);\n // ======================== Range Picker ========================\n const RangePicker = generateRangePicker(generateConfig);\n const MergedDatePicker = DatePicker;\n MergedDatePicker.WeekPicker = WeekPicker;\n MergedDatePicker.MonthPicker = MonthPicker;\n MergedDatePicker.YearPicker = YearPicker;\n MergedDatePicker.RangePicker = RangePicker;\n MergedDatePicker.TimePicker = TimePicker;\n MergedDatePicker.QuarterPicker = QuarterPicker;\n if (process.env.NODE_ENV !== 'production') {\n MergedDatePicker.displayName = 'DatePicker';\n }\n return MergedDatePicker;\n};\nexport default generatePicker;\n","import dayjsGenerateConfig from '@rc-component/picker/generate/dayjs';\nimport genPurePanel from '../_util/PurePanel';\nimport generatePicker from './generatePicker';\nconst DatePicker = generatePicker(dayjsGenerateConfig);\n// We don't care debug panel\n/* istanbul ignore next */\nconst PurePanel = genPurePanel(DatePicker, 'popupAlign', undefined, 'picker');\nDatePicker._InternalPanelDoNotUseOrYouWillBeFired = PurePanel;\nconst PureRangePanel = genPurePanel(DatePicker.RangePicker, 'popupAlign', undefined, 'picker');\nDatePicker._InternalRangePanelDoNotUseOrYouWillBeFired = PureRangePanel;\nDatePicker.generatePicker = generatePicker;\nexport default DatePicker;\n","const DEFAULT_COLUMN_MAP = {\n xxxl: 4,\n xxl: 3,\n xl: 3,\n lg: 3,\n md: 3,\n sm: 2,\n xs: 1,\n};\nexport default DEFAULT_COLUMN_MAP;\n","import React from 'react';\nconst DescriptionsContext = React.createContext(null);\nexport default DescriptionsContext;\n","import * as React from 'react';\nimport { toArray } from '@rc-component/util';\nimport { isNumber } from '../../_util/is';\nimport { matchScreen } from '../../_util/responsiveObserver';\n// Convert children into items\nconst transChildren2Items = (childNodes) => toArray(childNodes).map((node) => ({\n ...node?.props,\n key: node.key,\n}));\nexport default function useItems(screens, items, children) {\n const mergedItems = React.useMemo(() => \n // Take `items` first or convert `children` into items\n items || transChildren2Items(children), [items, children]);\n const responsiveItems = React.useMemo(() => mergedItems.map(({ span, ...restItem }) => {\n if (span === 'filled') {\n return { ...restItem, filled: true };\n }\n return { ...restItem, span: isNumber(span) ? span : matchScreen(screens, span) };\n }), [mergedItems, screens]);\n return responsiveItems;\n}\n","import { useMemo } from 'react';\nimport { devUseWarning } from '../../_util/warning';\n// Calculate the sum of span in a row\nfunction getCalcRows(rowItems, mergedColumn) {\n let rows = [];\n let tmpRow = [];\n let exceed = false;\n let count = 0;\n rowItems\n .filter((n) => n)\n .forEach((rowItem) => {\n const { filled, ...restItem } = rowItem;\n if (filled) {\n tmpRow.push(restItem);\n rows.push(tmpRow);\n // reset\n tmpRow = [];\n count = 0;\n return;\n }\n const restSpan = mergedColumn - count;\n count += rowItem.span || 1;\n if (count >= mergedColumn) {\n if (count > mergedColumn) {\n exceed = true;\n tmpRow.push({ ...restItem, span: restSpan });\n }\n else {\n tmpRow.push(restItem);\n }\n rows.push(tmpRow);\n // reset\n tmpRow = [];\n count = 0;\n }\n else {\n tmpRow.push(restItem);\n }\n });\n if (tmpRow.length > 0) {\n rows.push(tmpRow);\n }\n rows = rows.map((rows) => {\n const count = rows.reduce((acc, item) => acc + (item.span || 1), 0);\n if (count < mergedColumn) {\n // If the span of the last element in the current row is less than the column, then add its span to the remaining columns\n const last = rows[rows.length - 1];\n last.span = mergedColumn - (count - (last.span || 1));\n return rows;\n }\n return rows;\n });\n return [rows, exceed];\n}\nconst useRow = (mergedColumn, items) => {\n const [rows, exceed] = useMemo(() => getCalcRows(items, mergedColumn), [items, mergedColumn]);\n if (process.env.NODE_ENV !== 'production') {\n const warning = devUseWarning('Descriptions');\n warning(!exceed, 'usage', 'Sum of column `span` in a line not match `column` of Descriptions.');\n }\n return rows;\n};\nexport default useRow;\n","// JSX Structure Syntactic Sugar. Never reach the render code.\n/* istanbul ignore next */\nconst DescriptionsItem = (props) => {\n return props.children;\n};\nexport default DescriptionsItem;\n","import React from 'react';\nimport { clsx } from 'clsx';\nimport { useMergeSemantic } from '../_util/hooks/useMergeSemantic';\nimport { isReactRenderable } from '../_util/is';\nimport DescriptionsContext from './DescriptionsContext';\nconst Cell = (props) => {\n const { itemPrefixCls, component, span, className, style, labelStyle, contentStyle, bordered, label, content, colon, type, styles, classNames, } = props;\n const Component = component;\n const { classNames: contextClassNames, styles: contextStyles } = React.useContext(DescriptionsContext);\n const [mergedClassNames, mergedStyles] = useMergeSemantic([contextClassNames, classNames], [contextStyles, styles], {\n props,\n });\n const mergedLabelStyle = { ...labelStyle, ...mergedStyles.label };\n const mergedContentStyle = { ...contentStyle, ...mergedStyles.content };\n if (bordered) {\n // The cell element (| / | ) carries the `ant-descriptions-item-label`\n // or `ant-descriptions-item-content` class, so `labelStyle` /\n // `contentStyle` (and the semantic `styles.label` / `styles.content`)\n // must be applied to that cell rather than to the inner wrapper.\n //\n // Both bordered paths in `Row.tsx` (horizontal and vertical) forward\n // the per-type merged style via `styles` and pass the raw item `style`\n // separately, so `Cell` can unconditionally merge `typeStyle` onto the\n // cell here without needing to know which branch produced it.\n let typeStyle;\n if (type === 'label') {\n typeStyle = mergedLabelStyle;\n }\n if (type === 'content') {\n typeStyle = mergedContentStyle;\n }\n const mergedCellStyle = typeStyle ? { ...style, ...typeStyle } : style;\n return (React.createElement(Component, { colSpan: span, style: mergedCellStyle, className: clsx(className, {\n [`${itemPrefixCls}-item-${type}`]: type === 'label' || type === 'content',\n [mergedClassNames.label]: mergedClassNames.label && type === 'label',\n [mergedClassNames.content]: mergedClassNames.content && type === 'content',\n }) },\n isReactRenderable(label) && React.createElement(\"span\", null, label),\n isReactRenderable(content) && React.createElement(\"span\", null, content)));\n }\n return (React.createElement(Component, { className: clsx(`${itemPrefixCls}-item`, className), style: style, colSpan: span },\n React.createElement(\"div\", { className: `${itemPrefixCls}-item-container` },\n isReactRenderable(label) && (React.createElement(\"span\", { style: mergedLabelStyle, className: clsx(`${itemPrefixCls}-item-label`, mergedClassNames.label, {\n [`${itemPrefixCls}-item-no-colon`]: !colon,\n }) }, label)),\n isReactRenderable(content) && (React.createElement(\"span\", { style: mergedContentStyle, className: clsx(`${itemPrefixCls}-item-content`, mergedClassNames.content) }, content)))));\n};\nexport default Cell;\n","import * as React from 'react';\nimport Cell from './Cell';\nimport DescriptionsContext from './DescriptionsContext';\nfunction renderCells(items, { colon, prefixCls, bordered }, { component, type, showLabel, showContent, labelStyle: rootLabelStyle, contentStyle: rootContentStyle, styles: rootStyles, }) {\n return items.map(({ label, children, prefixCls: itemPrefixCls = prefixCls, className, style, labelStyle, contentStyle, span = 1, key, styles, classNames, }, index) => {\n if (typeof component === 'string') {\n return (React.createElement(Cell, { key: `${type}-${key || index}`, className: className, style: style, classNames: classNames, styles: {\n label: {\n ...rootLabelStyle,\n ...rootStyles?.label,\n ...labelStyle,\n ...styles?.label,\n },\n content: {\n ...rootContentStyle,\n ...rootStyles?.content,\n ...contentStyle,\n ...styles?.content,\n },\n }, span: span, colon: colon, component: component, itemPrefixCls: itemPrefixCls, bordered: bordered, label: showLabel ? label : null, content: showContent ? children : null, type: type }));\n }\n const mergedStyles = {\n label: {\n ...rootLabelStyle,\n ...rootStyles?.label,\n ...labelStyle,\n ...styles?.label,\n },\n content: {\n ...rootContentStyle,\n ...rootStyles?.content,\n ...contentStyle,\n ...styles?.content,\n },\n };\n return [\n React.createElement(Cell, { key: `label-${key || index}`, className: className, style: style, classNames: classNames, styles: mergedStyles, span: 1, colon: colon, component: component[0], itemPrefixCls: itemPrefixCls, bordered: bordered, label: label, type: \"label\" }),\n React.createElement(Cell, { key: `content-${key || index}`, className: className, style: style, classNames: classNames, styles: mergedStyles, span: span * 2 - 1, component: component[1], itemPrefixCls: itemPrefixCls, bordered: bordered, content: children, type: \"content\" }),\n ];\n });\n}\nconst Row = (props) => {\n const descContext = React.useContext(DescriptionsContext);\n const { prefixCls, vertical, row, index, bordered } = props;\n if (vertical) {\n return (React.createElement(React.Fragment, null,\n React.createElement(\"tr\", { key: `label-${index}`, className: `${prefixCls}-row` }, renderCells(row, props, {\n component: 'th',\n type: 'label',\n showLabel: true,\n ...descContext,\n })),\n React.createElement(\"tr\", { key: `content-${index}`, className: `${prefixCls}-row` }, renderCells(row, props, {\n component: 'td',\n type: 'content',\n showContent: true,\n ...descContext,\n }))));\n }\n return (React.createElement(\"tr\", { key: index, className: `${prefixCls}-row` }, renderCells(row, props, {\n component: bordered ? ['th', 'td'] : 'td',\n type: 'item',\n showLabel: true,\n showContent: true,\n ...descContext,\n })));\n};\nexport default Row;\n","/* eslint-disable react/no-array-index-key */\nimport * as React from 'react';\nimport { clsx } from 'clsx';\nimport { useMergeSemantic, useSemanticRootStyle } from '../_util/hooks/useMergeSemantic';\nimport { isNumber } from '../_util/is';\nimport { matchScreen } from '../_util/responsiveObserver';\nimport { devUseWarning } from '../_util/warning';\nimport { useComponentConfig } from '../config-provider/context';\nimport useSize from '../config-provider/hooks/useSize';\nimport useBreakpoint from '../grid/hooks/useBreakpoint';\nimport DEFAULT_COLUMN_MAP from './constant';\nimport DescriptionsContext from './DescriptionsContext';\nimport useItems from './hooks/useItems';\nimport useRow from './hooks/useRow';\nimport DescriptionsItem from './Item';\nimport Row from './Row';\nimport useStyle from './style';\nconst Descriptions = (props) => {\n const { prefixCls: customizePrefixCls, title, extra, column, colon = true, bordered, layout, children, className, rootClassName, style, size: customizeSize, labelStyle, contentStyle, styles, items, classNames, ...restProps } = props;\n const { getPrefixCls, direction, className: contextClassName, style: contextStyle, classNames: contextClassNames, styles: contextStyles, } = useComponentConfig('descriptions');\n const prefixCls = getPrefixCls('descriptions', customizePrefixCls);\n const screens = useBreakpoint();\n // ============================== Warn ==============================\n if (process.env.NODE_ENV !== 'production') {\n const warning = devUseWarning('Descriptions');\n warning.deprecated(customizeSize !== 'default', 'size=\"default\"', 'size=\"large\"');\n [\n ['labelStyle', 'styles.label'],\n ['contentStyle', 'styles.content'],\n ].forEach(([deprecatedName, newName]) => {\n warning.deprecated(!(deprecatedName in props), deprecatedName, newName);\n });\n }\n // Column count\n // Mobile-first cascade: try the user-supplied map first (scanning large→small\n // over cumulative min-width screens, so a lower breakpoint like `md` is still\n // \"active\" on an `lg` viewport). Only fall back to DEFAULT_COLUMN_MAP when\n // no user-supplied breakpoint is active at all.\n const mergedColumn = React.useMemo(() => {\n if (isNumber(column)) {\n return column;\n }\n return matchScreen(screens, column) ?? matchScreen(screens, DEFAULT_COLUMN_MAP) ?? 3;\n }, [screens, column]);\n // Items with responsive\n const mergedItems = useItems(screens, items, children);\n const mergedSize = useSize(customizeSize);\n const rows = useRow(mergedColumn, mergedItems);\n const [hashId, cssVarCls] = useStyle(prefixCls);\n // =========== Merged Props for Semantic ==========\n const mergedProps = {\n ...props,\n column: mergedColumn,\n items: mergedItems,\n size: mergedSize,\n };\n const contextStyleRoot = useSemanticRootStyle(contextStyle);\n const styleRoot = useSemanticRootStyle(style);\n const [mergedClassNames, mergedStyles] = useMergeSemantic([contextClassNames, classNames], [contextStyles, contextStyleRoot, styles, styleRoot], {\n props: mergedProps,\n });\n // ======================== Render ========================\n const memoizedValue = React.useMemo(() => ({\n labelStyle,\n contentStyle,\n styles: {\n label: mergedStyles.label,\n content: mergedStyles.content,\n },\n classNames: {\n label: mergedClassNames.label,\n content: mergedClassNames.content,\n },\n }), [\n labelStyle,\n contentStyle,\n mergedStyles.label,\n mergedStyles.content,\n mergedClassNames.label,\n mergedClassNames.content,\n ]);\n return (React.createElement(DescriptionsContext.Provider, { value: memoizedValue },\n React.createElement(\"div\", { className: clsx(prefixCls, contextClassName, mergedClassNames.root, {\n [`${prefixCls}-medium`]: mergedSize === 'medium' || mergedSize === 'middle',\n [`${prefixCls}-small`]: mergedSize === 'small',\n [`${prefixCls}-bordered`]: !!bordered,\n [`${prefixCls}-rtl`]: direction === 'rtl',\n }, className, rootClassName, hashId, cssVarCls), style: mergedStyles.root, ...restProps },\n (title || extra) && (React.createElement(\"div\", { className: clsx(`${prefixCls}-header`, mergedClassNames.header), style: mergedStyles.header },\n title && (React.createElement(\"div\", { className: clsx(`${prefixCls}-title`, mergedClassNames.title), style: mergedStyles.title }, title)),\n extra && (React.createElement(\"div\", { className: clsx(`${prefixCls}-extra`, mergedClassNames.extra), style: mergedStyles.extra }, extra)))),\n React.createElement(\"div\", { className: `${prefixCls}-view` },\n React.createElement(\"table\", null,\n React.createElement(\"tbody\", null, rows.map((row, index) => (React.createElement(Row, { key: index, index: index, colon: colon, prefixCls: prefixCls, vertical: layout === 'vertical', bordered: bordered, row: row })))))))));\n};\nif (process.env.NODE_ENV !== 'production') {\n Descriptions.displayName = 'Descriptions';\n}\nexport { DescriptionsContext };\nDescriptions.Item = DescriptionsItem;\nexport default Descriptions;\n","import * as React from 'react';\nconst DrawerContext = /*#__PURE__*/React.createContext(null);\nexport const RefContext = /*#__PURE__*/React.createContext({});\nexport default DrawerContext;","function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport { clsx } from 'clsx';\nimport * as React from 'react';\nimport { RefContext } from \"./context\";\nimport pickAttrs from \"@rc-component/util/es/pickAttrs\";\nimport { useComposeRef } from \"@rc-component/util/es/ref\";\nconst DrawerPanel = props => {\n const {\n prefixCls,\n className,\n containerRef,\n ...restProps\n } = props;\n const {\n panel: panelRef\n } = React.useContext(RefContext);\n const mergedRef = useComposeRef(panelRef, containerRef);\n\n // =============================== Render ===============================\n\n return /*#__PURE__*/React.createElement(\"div\", _extends({\n className: clsx(`${prefixCls}-section`, className),\n role: \"dialog\",\n ref: mergedRef\n }, pickAttrs(props, {\n aria: true\n }), {\n \"aria-modal\": \"true\"\n }, restProps));\n};\nif (process.env.NODE_ENV !== 'production') {\n DrawerPanel.displayName = 'DrawerPanel';\n}\nexport default DrawerPanel;","import * as React from 'react';\nimport { clsx } from 'clsx';\nimport { useEvent } from '@rc-component/util';\nexport default function useDrag(options) {\n const {\n prefixCls,\n direction,\n className,\n style,\n maxSize,\n containerRef,\n currentSize,\n onResize,\n onResizeEnd,\n onResizeStart\n } = options;\n const [isDragging, setIsDragging] = React.useState(false);\n const [startPos, setStartPos] = React.useState(0);\n const [startSize, setStartSize] = React.useState(0);\n const isHorizontal = direction === 'left' || direction === 'right';\n const handleMouseDown = useEvent(e => {\n e.preventDefault();\n e.stopPropagation();\n setIsDragging(true);\n if (isHorizontal) {\n setStartPos(e.clientX);\n } else {\n setStartPos(e.clientY);\n }\n\n // Use provided currentSize, or fallback to container size\n let startSize;\n if (typeof currentSize === 'number') {\n startSize = currentSize;\n } else if (containerRef?.current) {\n const rect = containerRef.current.getBoundingClientRect();\n startSize = isHorizontal ? rect.width : rect.height;\n }\n setStartSize(startSize);\n onResizeStart?.(startSize);\n });\n const handleMouseMove = useEvent(e => {\n if (!isDragging) return;\n const currentPos = isHorizontal ? e.clientX : e.clientY;\n let delta = currentPos - startPos;\n\n // Adjust delta direction based on placement\n if (direction === 'right' || direction === 'bottom') {\n delta = -delta;\n }\n let newSize = startSize + delta;\n\n // Apply min/max size limits\n if (newSize < 0) {\n newSize = 0;\n }\n // Only apply maxSize if it's a valid positive number\n if (maxSize && newSize > maxSize) {\n newSize = maxSize;\n }\n onResize?.(newSize);\n });\n const handleMouseUp = React.useCallback(() => {\n if (isDragging) {\n setIsDragging(false);\n\n // Get the final size after resize\n if (containerRef?.current) {\n const rect = containerRef.current.getBoundingClientRect();\n const finalSize = isHorizontal ? rect.width : rect.height;\n onResizeEnd?.(finalSize);\n }\n }\n }, [isDragging, containerRef, onResizeEnd, isHorizontal]);\n React.useEffect(() => {\n if (isDragging) {\n document.addEventListener('mousemove', handleMouseMove);\n document.addEventListener('mouseup', handleMouseUp);\n return () => {\n document.removeEventListener('mousemove', handleMouseMove);\n document.removeEventListener('mouseup', handleMouseUp);\n };\n }\n }, [isDragging, handleMouseMove, handleMouseUp]);\n const dragElementClassName = clsx(`${prefixCls}-dragger`, `${prefixCls}-dragger-${direction}`, {\n [`${prefixCls}-dragger-dragging`]: isDragging,\n [`${prefixCls}-dragger-horizontal`]: isHorizontal,\n [`${prefixCls}-dragger-vertical`]: !isHorizontal\n }, className);\n return {\n dragElementProps: {\n className: dragElementClassName,\n style,\n onMouseDown: handleMouseDown\n },\n isDragging\n };\n}","import warning from \"@rc-component/util/es/warning\";\nimport canUseDom from \"@rc-component/util/es/Dom/canUseDom\";\nexport function parseWidthHeight(value) {\n if (typeof value === 'string') {\n const num = Number(value.replace(/px$/i, ''));\n const floatNum = parseFloat(value);\n if (floatNum === num) {\n warning(false, 'Invalid value type of `width` or `height` which should be number type instead.');\n }\n if (!Number.isNaN(num)) {\n return num;\n }\n }\n return value;\n}\nexport function warnCheck(props) {\n warning(!('wrapperClassName' in props), `'wrapperClassName' is removed. Please use 'rootClassName' instead.`);\n warning(canUseDom() || !props.open, `Drawer with 'open' in SSR is not work since no place to createPortal. Please move to 'useEffect' instead.`);\n}","import React from 'react';\nimport { useLockFocus } from \"@rc-component/util/es/Dom/focus\";\nexport default function useFocusable(getContainer, open, autoFocus, focusTrap, mask) {\n const mergedFocusTrap = focusTrap ?? mask !== false;\n\n // Focus lock\n const [ignoreElement] = useLockFocus(open && mergedFocusTrap, getContainer);\n\n // Auto Focus\n React.useEffect(() => {\n if (open && autoFocus === true) {\n getContainer()?.focus({\n preventScroll: true\n });\n }\n }, [open]);\n return ignoreElement;\n}","function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport { clsx } from 'clsx';\nimport CSSMotion from '@rc-component/motion';\nimport pickAttrs from \"@rc-component/util/es/pickAttrs\";\nimport * as React from 'react';\nimport DrawerContext from \"./context\";\nimport DrawerPanel from \"./DrawerPanel\";\nimport useDrag from \"./hooks/useDrag\";\nimport { parseWidthHeight } from \"./util\";\nimport { useEvent } from '@rc-component/util';\nimport useFocusable from \"./hooks/useFocusable\";\nconst DrawerPopup = (props, ref) => {\n const {\n prefixCls,\n open,\n placement,\n inline,\n push,\n forceRender,\n // Focus\n autoFocus,\n focusTrap,\n // classNames\n classNames: drawerClassNames,\n // Root\n rootClassName,\n rootStyle,\n zIndex,\n // Drawer\n className,\n id,\n style,\n motion,\n width,\n height,\n size,\n maxSize,\n children,\n // Mask\n mask,\n maskClosable,\n maskMotion,\n maskClassName,\n maskStyle,\n // Events\n afterOpenChange,\n onClose,\n onMouseEnter,\n onMouseOver,\n onMouseLeave,\n onClick,\n onKeyDown,\n onKeyUp,\n styles,\n drawerRender,\n resizable,\n defaultSize\n } = props;\n\n // ================================ Refs ================================\n const panelRef = React.useRef(null);\n React.useImperativeHandle(ref, () => panelRef.current);\n\n // ========================= Focusable ==========================\n const ignoreElement = useFocusable(() => panelRef.current, open, autoFocus, focusTrap, mask);\n\n // ============================ Push ============================\n const [pushed, setPushed] = React.useState(false);\n const parentContext = React.useContext(DrawerContext);\n\n // Merge push distance\n let pushConfig;\n if (typeof push === 'boolean') {\n pushConfig = push ? {} : {\n distance: 0\n };\n } else {\n pushConfig = push || {};\n }\n const pushDistance = pushConfig?.distance ?? parentContext?.pushDistance ?? 180;\n const mergedContext = React.useMemo(() => ({\n pushDistance,\n push: () => {\n setPushed(true);\n },\n pull: () => {\n setPushed(false);\n }\n }), [pushDistance]);\n\n // ========================= ScrollLock =========================\n // Tell parent to push\n React.useEffect(() => {\n if (open) {\n parentContext?.push?.();\n } else {\n parentContext?.pull?.();\n }\n }, [open]);\n\n // Clean up\n React.useEffect(() => () => {\n parentContext?.pull?.();\n }, []);\n\n // ============================ Mask ============================\n const maskNode = /*#__PURE__*/React.createElement(CSSMotion, _extends({\n key: \"mask\"\n }, maskMotion, {\n visible: mask && open\n }), ({\n className: motionMaskClassName,\n style: motionMaskStyle\n }, maskRef) => /*#__PURE__*/React.createElement(\"div\", {\n className: clsx(`${prefixCls}-mask`, motionMaskClassName, drawerClassNames?.mask, maskClassName),\n style: {\n ...motionMaskStyle,\n ...maskStyle,\n ...styles?.mask\n },\n onClick: maskClosable && open ? onClose : undefined,\n ref: maskRef\n }));\n\n // =========================== Panel ============================\n const motionProps = typeof motion === 'function' ? motion(placement) : motion;\n\n // ============================ Size ============================\n const [currentSize, setCurrentSize] = React.useState();\n const isHorizontal = placement === 'left' || placement === 'right';\n\n // Aggregate size logic with backward compatibility using useMemo\n const mergedSize = React.useMemo(() => {\n const legacySize = isHorizontal ? width : height;\n const nextMergedSize = size ?? legacySize ?? currentSize ?? defaultSize ?? (isHorizontal ? 378 : undefined);\n return parseWidthHeight(nextMergedSize);\n }, [size, width, height, defaultSize, isHorizontal, currentSize]);\n\n // >>> Style\n const wrapperStyle = React.useMemo(() => {\n const nextWrapperStyle = {};\n if (pushed && pushDistance) {\n switch (placement) {\n case 'top':\n nextWrapperStyle.transform = `translateY(${pushDistance}px)`;\n break;\n case 'bottom':\n nextWrapperStyle.transform = `translateY(${-pushDistance}px)`;\n break;\n case 'left':\n nextWrapperStyle.transform = `translateX(${pushDistance}px)`;\n break;\n default:\n nextWrapperStyle.transform = `translateX(${-pushDistance}px)`;\n break;\n }\n }\n if (isHorizontal) {\n nextWrapperStyle.width = parseWidthHeight(mergedSize);\n } else {\n nextWrapperStyle.height = parseWidthHeight(mergedSize);\n }\n return nextWrapperStyle;\n }, [pushed, pushDistance, placement, isHorizontal, mergedSize]);\n\n // =========================== Resize ===========================\n const wrapperRef = React.useRef(null);\n const isResizable = !!resizable;\n const resizeConfig = typeof resizable === 'object' && resizable || {};\n const onInternalResize = useEvent(size => {\n setCurrentSize(size);\n resizeConfig.onResize?.(size);\n });\n const {\n dragElementProps,\n isDragging\n } = useDrag({\n prefixCls: `${prefixCls}-resizable`,\n direction: placement,\n className: drawerClassNames?.dragger,\n style: styles?.dragger,\n maxSize,\n containerRef: wrapperRef,\n currentSize: mergedSize,\n onResize: onInternalResize,\n onResizeStart: resizeConfig.onResizeStart,\n onResizeEnd: resizeConfig.onResizeEnd\n });\n\n // =========================== Events ===========================\n const eventHandlers = {\n onMouseEnter,\n onMouseOver,\n onMouseLeave,\n onClick,\n onKeyDown,\n onKeyUp,\n onFocus: e => {\n ignoreElement(e.target);\n }\n };\n\n // =========================== Render ==========================\n // >>>>> Panel\n const panelNode = /*#__PURE__*/React.createElement(CSSMotion, _extends({\n key: \"panel\"\n }, motionProps, {\n visible: open,\n forceRender: forceRender,\n onVisibleChanged: afterOpenChange,\n removeOnLeave: false,\n leavedClassName: `${prefixCls}-content-wrapper-hidden`\n }), ({\n className: motionClassName,\n style: motionStyle\n }, motionRef) => {\n const content = /*#__PURE__*/React.createElement(DrawerPanel, _extends({\n id: id,\n containerRef: motionRef,\n prefixCls: prefixCls,\n className: clsx(className, drawerClassNames?.section),\n style: {\n ...style,\n ...styles?.section\n }\n }, pickAttrs(props, {\n aria: true\n }), eventHandlers), children);\n return /*#__PURE__*/React.createElement(\"div\", _extends({\n ref: wrapperRef,\n className: clsx(`${prefixCls}-content-wrapper`, isDragging && `${prefixCls}-content-wrapper-dragging`, drawerClassNames?.wrapper, !isDragging && motionClassName),\n style: {\n ...motionStyle,\n ...wrapperStyle,\n ...styles?.wrapper\n }\n }, pickAttrs(props, {\n data: true\n })), isResizable && /*#__PURE__*/React.createElement(\"div\", dragElementProps), drawerRender ? drawerRender(content) : content);\n });\n\n // >>>>> Container\n const containerStyle = {\n ...rootStyle\n };\n if (zIndex) {\n containerStyle.zIndex = zIndex;\n }\n return /*#__PURE__*/React.createElement(DrawerContext.Provider, {\n value: mergedContext\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: clsx(prefixCls, `${prefixCls}-${placement}`, rootClassName, {\n [`${prefixCls}-open`]: open,\n [`${prefixCls}-inline`]: inline\n }),\n style: containerStyle,\n tabIndex: -1,\n ref: panelRef\n }, maskNode, panelNode));\n};\nconst RefDrawerPopup = /*#__PURE__*/React.forwardRef(DrawerPopup);\nif (process.env.NODE_ENV !== 'production') {\n RefDrawerPopup.displayName = 'DrawerPopup';\n}\nexport default RefDrawerPopup;","import Portal from '@rc-component/portal';\nimport useLayoutEffect from \"@rc-component/util/es/hooks/useLayoutEffect\";\nimport * as React from 'react';\nimport { RefContext } from \"./context\";\nimport DrawerPopup from \"./DrawerPopup\";\nimport { warnCheck } from \"./util\";\nconst Drawer = props => {\n const {\n open = false,\n prefixCls = 'rc-drawer',\n placement = 'right',\n autoFocus = true,\n keyboard = true,\n width,\n height,\n size,\n maxSize,\n mask = true,\n maskClosable = true,\n getContainer,\n forceRender,\n afterOpenChange,\n destroyOnHidden,\n onMouseEnter,\n onMouseOver,\n onMouseLeave,\n onClick,\n onKeyDown,\n onKeyUp,\n onClose,\n resizable,\n defaultSize,\n focusTriggerAfterClose,\n // Refs\n panelRef\n } = props;\n const [animatedVisible, setAnimatedVisible] = React.useState(false);\n\n // ============================= Warn =============================\n if (process.env.NODE_ENV !== 'production') {\n warnCheck(props);\n }\n\n // ============================= Open =============================\n const [mounted, setMounted] = React.useState(false);\n useLayoutEffect(() => {\n setMounted(true);\n }, []);\n const mergedOpen = mounted ? open : false;\n\n // ============================ Focus =============================\n const popupRef = React.useRef(null);\n const lastActiveRef = React.useRef(null);\n useLayoutEffect(() => {\n if (mergedOpen) {\n lastActiveRef.current = document.activeElement;\n }\n }, [mergedOpen]);\n\n // ============================= Open =============================\n const internalAfterOpenChange = nextVisible => {\n setAnimatedVisible(nextVisible);\n afterOpenChange?.(nextVisible);\n if (!nextVisible && focusTriggerAfterClose !== false && lastActiveRef.current && !popupRef.current?.contains(lastActiveRef.current)) {\n lastActiveRef.current?.focus({\n preventScroll: true\n });\n }\n };\n\n // =========================== Context ============================\n const refContext = React.useMemo(() => ({\n panel: panelRef\n }), [panelRef]);\n\n // ============================ Render ============================\n if (!forceRender && !animatedVisible && !mergedOpen && destroyOnHidden) {\n return null;\n }\n const eventHandlers = {\n onMouseEnter,\n onMouseOver,\n onMouseLeave,\n onClick,\n onKeyDown,\n onKeyUp\n };\n const drawerPopupProps = {\n ...props,\n open: mergedOpen,\n prefixCls,\n placement,\n autoFocus,\n keyboard,\n width,\n height,\n size,\n maxSize,\n defaultSize,\n mask,\n maskClosable,\n inline: getContainer === false,\n afterOpenChange: internalAfterOpenChange,\n ref: popupRef,\n resizable,\n ...eventHandlers\n };\n const onEsc = ({\n top,\n event\n }) => {\n if (top && keyboard) {\n event.stopPropagation();\n onClose?.(event);\n }\n };\n return /*#__PURE__*/React.createElement(RefContext.Provider, {\n value: refContext\n }, /*#__PURE__*/React.createElement(Portal, {\n open: mergedOpen || forceRender || animatedVisible,\n autoDestroy: false,\n getContainer: getContainer,\n autoLock: mask && (mergedOpen || animatedVisible),\n onEsc: onEsc\n }, /*#__PURE__*/React.createElement(DrawerPopup, drawerPopupProps)));\n};\nif (process.env.NODE_ENV !== 'production') {\n Drawer.displayName = 'Drawer';\n}\nexport default Drawer;","// export this package's api\nimport Drawer from \"./Drawer\";\nexport default Drawer;","import * as React from 'react';\nimport { clsx } from 'clsx';\nimport { pickClosable, useClosable } from '../_util/hooks';\nimport { useMergeSemantic } from '../_util/hooks/useMergeSemantic';\nimport { isPlainObject } from '../_util/is';\nimport { useComponentConfig } from '../config-provider/context';\nimport Skeleton from '../skeleton';\nconst DrawerPanel = (props) => {\n const { prefixCls, ariaId, title, footer, extra, closable, loading, onClose, headerStyle, bodyStyle, footerStyle, children, classNames: drawerClassNames, styles: drawerStyles, } = props;\n const drawerContext = useComponentConfig('drawer');\n const { classNames: contextClassNames, styles: contextStyles, closable: contextClosable, } = drawerContext;\n const [mergedClassNames, mergedStyles] = useMergeSemantic([contextClassNames, drawerClassNames], [contextStyles, drawerStyles], {\n props: {\n ...props,\n closable: closable ?? contextClosable,\n },\n });\n const closablePlacement = React.useMemo(() => {\n const merged = closable ?? contextClosable;\n if (merged === false) {\n return undefined;\n }\n if (isPlainObject(merged) && merged?.placement === 'end') {\n return 'end';\n }\n return 'start';\n }, [closable, contextClosable]);\n const customCloseIconRender = React.useCallback((icon) => (React.createElement(\"button\", { type: \"button\", onClick: onClose, className: clsx(`${prefixCls}-close`, {\n [`${prefixCls}-close-${closablePlacement}`]: closablePlacement === 'end',\n }, mergedClassNames.close), style: mergedStyles.close }, icon)), [onClose, prefixCls, closablePlacement, mergedClassNames.close, mergedStyles.close]);\n const [mergedClosable, mergedCloseIcon] = useClosable(pickClosable(props), pickClosable(drawerContext), {\n closable: true,\n closeIconRender: customCloseIconRender,\n });\n const renderHeader = () => {\n if (!title && !mergedClosable) {\n return null;\n }\n return (React.createElement(\"div\", { style: { ...mergedStyles.header, ...headerStyle }, className: clsx(`${prefixCls}-header`, mergedClassNames.header, {\n [`${prefixCls}-header-close-only`]: mergedClosable && !title && !extra,\n }) },\n React.createElement(\"div\", { className: `${prefixCls}-header-title` },\n closablePlacement === 'start' && mergedCloseIcon,\n title && (React.createElement(\"div\", { className: clsx(`${prefixCls}-title`, mergedClassNames.title), style: mergedStyles.title, id: ariaId }, title))),\n extra && (React.createElement(\"div\", { className: clsx(`${prefixCls}-extra`, mergedClassNames.extra), style: mergedStyles.extra }, extra)),\n closablePlacement === 'end' && mergedCloseIcon));\n };\n const renderFooter = () => {\n if (!footer) {\n return null;\n }\n return (React.createElement(\"div\", { className: clsx(`${prefixCls}-footer`, mergedClassNames.footer), style: { ...mergedStyles.footer, ...footerStyle } }, footer));\n };\n return (React.createElement(React.Fragment, null,\n renderHeader(),\n React.createElement(\"div\", { className: clsx(`${prefixCls}-body`, mergedClassNames.body), style: { ...mergedStyles.body, ...bodyStyle } }, loading ? (React.createElement(Skeleton, { active: true, title: false, paragraph: { rows: 5 }, className: `${prefixCls}-body-skeleton` })) : (children)),\n renderFooter()));\n};\nexport default DrawerPanel;\n","import * as React from 'react';\nimport RcDrawer from '@rc-component/drawer';\nimport { composeRef, useId } from '@rc-component/util';\nimport { clsx } from 'clsx';\nimport ContextIsolator from '../_util/ContextIsolator';\nimport { useMergedMask, useZIndex } from '../_util/hooks';\nimport { useMergeSemantic } from '../_util/hooks/useMergeSemantic';\nimport { isNumber } from '../_util/is';\nimport { getTransitionName } from '../_util/motion';\nimport { devUseWarning } from '../_util/warning';\nimport zIndexContext from '../_util/zindexContext';\nimport { ConfigContext } from '../config-provider';\nimport { useComponentConfig } from '../config-provider/context';\nimport { usePanelRef } from '../watermark/context';\nimport DrawerPanel from './DrawerPanel';\nimport useStyle from './style';\nimport useFocusable from './useFocusable';\nconst _SizeTypes = ['default', 'large'];\nconst DEFAULT_PUSH_STATE = { distance: 180 };\nconst DEFAULT_SIZE = 378;\nconst MOTION_CONFIG = {\n motionAppear: true,\n motionEnter: true,\n motionLeave: true,\n motionDeadline: 500,\n};\nconst Drawer = (props) => {\n const { rootClassName, size, defaultSize = DEFAULT_SIZE, height, width, mask: drawerMask, push = DEFAULT_PUSH_STATE, open, afterOpenChange, onClose, prefixCls: customizePrefixCls, getContainer: customizeGetContainer, panelRef = null, style, className, resizable, 'aria-labelledby': ariaLabelledby, \n // Focus\n focusable, \n // Deprecated\n maskClosable, maskStyle, drawerStyle, contentWrapperStyle, destroyOnClose, destroyOnHidden, ...rest } = props;\n const { placement } = rest;\n const id = useId();\n const ariaId = rest.title ? id : undefined;\n const { getPopupContainer, getPrefixCls, direction, className: contextClassName, style: contextStyle, classNames: contextClassNames, styles: contextStyles, mask: contextMask, focusable: contextFocusable, } = useComponentConfig('drawer');\n const prefixCls = getPrefixCls('drawer', customizePrefixCls);\n const [hashId, cssVarCls] = useStyle(prefixCls);\n const getContainer = \n // 有可能为 false，所以不能直接判断\n customizeGetContainer === undefined && getPopupContainer\n ? () => getPopupContainer(document.body)\n : customizeGetContainer;\n // ============================ Size ============================\n const drawerSize = React.useMemo(() => {\n if (isNumber(size)) {\n return size;\n }\n if (size === 'large') {\n return 736;\n }\n if (size === 'default') {\n return DEFAULT_SIZE;\n }\n if (typeof size === 'string') {\n if (/^\\d+(\\.\\d+)?$/.test(size)) {\n return Number(size);\n }\n return size;\n }\n if (!placement || placement === 'left' || placement === 'right') {\n return width;\n }\n return height;\n }, [size, placement, width, height]);\n // =========================== Motion ===========================\n const maskMotion = {\n motionName: getTransitionName(prefixCls, 'mask-motion'),\n ...MOTION_CONFIG,\n };\n const panelMotion = (motionPlacement) => ({\n motionName: getTransitionName(prefixCls, `panel-motion-${motionPlacement}`),\n ...MOTION_CONFIG,\n });\n // ============================ Refs ============================\n // Select `ant-drawer-content` by `panelRef`\n const innerPanelRef = usePanelRef();\n const mergedPanelRef = composeRef(panelRef, innerPanelRef);\n // =========================== zIndex ===========================\n const [zIndex, contextZIndex] = useZIndex('Drawer', rest.zIndex);\n // ============================ Mask ============================\n const [mergedMask, maskBlurClassName, mergedMaskClosable] = useMergedMask(drawerMask, contextMask, prefixCls, maskClosable);\n // ========================== Focusable =========================\n const mergedFocusable = useFocusable({ ...contextFocusable, ...focusable }, getContainer !== false && mergedMask);\n // =========================== Render ===========================\n const { classNames, styles, rootStyle } = rest;\n const mergedProps = {\n ...props,\n zIndex,\n panelRef,\n mask: mergedMask,\n maskClosable: mergedMaskClosable,\n defaultSize,\n push,\n focusable: mergedFocusable,\n };\n const [mergedClassNames, mergedStyles] = useMergeSemantic([contextClassNames, classNames], [contextStyles, styles], {\n props: mergedProps,\n });\n const drawerClassName = clsx({\n 'no-mask': !mergedMask,\n [`${prefixCls}-rtl`]: direction === 'rtl',\n }, rootClassName, hashId, cssVarCls, mergedClassNames.root);\n // ========================== Warning ===========================\n if (process.env.NODE_ENV !== 'production') {\n const warning = devUseWarning('Drawer');\n [\n ['headerStyle', 'styles.header'],\n ['bodyStyle', 'styles.body'],\n ['footerStyle', 'styles.footer'],\n ['contentWrapperStyle', 'styles.wrapper'],\n ['maskStyle', 'styles.mask'],\n ['drawerStyle', 'styles.section'],\n ['destroyInactivePanel', 'destroyOnHidden'],\n ['width', 'size'],\n ['height', 'size'],\n ].forEach(([deprecatedName, newName]) => {\n warning.deprecated(!(deprecatedName in props), deprecatedName, newName);\n });\n if (getContainer !== undefined && props.style?.position === 'absolute') {\n warning(false, 'breaking', '`style` is replaced by `rootStyle` in v5. Please check that `position: absolute` is necessary.');\n }\n warning.deprecated(!(mergedClassNames?.content || mergedStyles?.content), 'classNames.content and styles.content', 'classNames.section and styles.section');\n }\n return (React.createElement(ContextIsolator, { form: true, space: true },\n React.createElement(zIndexContext.Provider, { value: contextZIndex },\n React.createElement(RcDrawer, { prefixCls: prefixCls, onClose: onClose, maskMotion: maskMotion, motion: panelMotion, ...rest, classNames: {\n mask: clsx(mergedClassNames.mask, maskBlurClassName.mask),\n section: mergedClassNames.section,\n wrapper: mergedClassNames.wrapper,\n dragger: mergedClassNames.dragger,\n }, styles: {\n mask: { ...mergedStyles.mask, ...maskStyle },\n section: { ...mergedStyles.section, ...drawerStyle },\n wrapper: { ...mergedStyles.wrapper, ...contentWrapperStyle },\n dragger: mergedStyles.dragger,\n }, open: open, mask: mergedMask, maskClosable: mergedMaskClosable, push: push, size: drawerSize, defaultSize: defaultSize, style: { ...contextStyle, ...style }, rootStyle: { ...rootStyle, ...mergedStyles.root }, className: clsx(contextClassName, className), rootClassName: drawerClassName, getContainer: getContainer, afterOpenChange: afterOpenChange, panelRef: mergedPanelRef, zIndex: zIndex, ...(resizable ? { resizable } : {}), \"aria-labelledby\": ariaLabelledby ?? ariaId, destroyOnHidden: destroyOnHidden ?? destroyOnClose, \n // Focusable\n focusTriggerAfterClose: mergedFocusable.focusTriggerAfterClose, focusTrap: mergedFocusable.trap },\n React.createElement(DrawerPanel, { prefixCls: prefixCls, size: size, ...rest, ariaId: ariaId, onClose: onClose })))));\n};\n/** @private Internal Component. Do not use in your production. */\nconst PurePanel = (props) => {\n const { prefixCls: customizePrefixCls, style, className, placement = 'right', ...restProps } = props;\n const { getPrefixCls } = React.useContext(ConfigContext);\n const prefixCls = getPrefixCls('drawer', customizePrefixCls);\n const [hashId, cssVarCls] = useStyle(prefixCls);\n const cls = clsx(prefixCls, `${prefixCls}-pure`, `${prefixCls}-${placement}`, hashId, cssVarCls, className);\n return (React.createElement(\"div\", { className: cls, style: style },\n React.createElement(DrawerPanel, { prefixCls: prefixCls, ...restProps })));\n};\nDrawer._InternalPanelDoNotUseOrYouWillBeFired = PurePanel;\nif (process.env.NODE_ENV !== 'production') {\n Drawer.displayName = 'Drawer';\n}\nexport default Drawer;\n","import Drawer from './Drawer';\nexport default Drawer;\n","import { isNumber } from './is';\nexport function isPresetSize(size) {\n return ['small', 'middle', 'medium', 'large'].includes(size);\n}\nexport function isValidGapNumber(size) {\n if (!size) {\n // The case of size = 0 is deliberately excluded here, because the default value of the gap attribute in CSS is 0, so if the user passes 0 in, we can directly ignore it.\n return false;\n }\n return isNumber(size);\n}\n","import React from 'react';\nexport const SpaceContext = React.createContext({\n latestIndex: 0,\n});\nexport const SpaceContextProvider = SpaceContext.Provider;\n","import * as React from 'react';\nimport { clsx } from 'clsx';\nimport { isReactRenderable } from '../_util/is';\nimport { SpaceContext } from './context';\nconst Item = (props) => {\n const { className, prefix, index, children, separator, style, classNames, styles } = props;\n const { latestIndex } = React.useContext(SpaceContext);\n if (!isReactRenderable(children)) {\n return null;\n }\n return (React.createElement(React.Fragment, null,\n React.createElement(\"div\", { className: className, style: style }, children),\n index < latestIndex && separator && (React.createElement(\"span\", { className: clsx(`${prefix}-item-separator`, classNames?.separator), style: styles?.separator }, separator))));\n};\nexport default Item;\n","import * as React from 'react';\nimport { toArray } from '@rc-component/util';\nimport { clsx } from 'clsx';\nimport { isPresetSize, isValidGapNumber } from '../_util/gapSize';\nimport { useOrientation } from '../_util/hooks';\nimport { useMergeSemantic } from '../_util/hooks/useMergeSemantic';\nimport { isReactRenderable } from '../_util/is';\nimport { devUseWarning } from '../_util/warning';\nimport { useComponentConfig } from '../config-provider/context';\nimport Addon from './Addon';\nimport Compact from './Compact';\nimport { SpaceContextProvider } from './context';\nimport Item from './Item';\nimport useStyle from './style';\nexport { SpaceContext } from './context';\nconst InternalSpace = React.forwardRef((props, ref) => {\n const { getPrefixCls, direction: directionConfig, size: contextSize, className: contextClassName, style: contextStyle, classNames: contextClassNames, styles: contextStyles, } = useComponentConfig('space');\n const { size = contextSize ?? 'small', align, className, rootClassName, children, direction, orientation, prefixCls: customizePrefixCls, split, separator, style, vertical, wrap = false, classNames, styles, ...restProps } = props;\n const [horizontalSize, verticalSize] = Array.isArray(size) ? size : [size, size];\n const isPresetVerticalSize = isPresetSize(verticalSize);\n const isPresetHorizontalSize = isPresetSize(horizontalSize);\n const isValidVerticalSize = isValidGapNumber(verticalSize);\n const isValidHorizontalSize = isValidGapNumber(horizontalSize);\n const childNodes = toArray(children, { keepEmpty: true });\n const [mergedOrientation, mergedVertical] = useOrientation(orientation, vertical, direction);\n const mergedAlign = align === undefined && !mergedVertical ? 'center' : align;\n const mergedSeparator = separator ?? split;\n const prefixCls = getPrefixCls('space', customizePrefixCls);\n const [hashId, cssVarCls] = useStyle(prefixCls);\n // =========== Merged Props for Semantic ==========\n const mergedProps = {\n ...props,\n size,\n orientation: mergedOrientation,\n align: mergedAlign,\n };\n const [mergedClassNames, mergedStyles] = useMergeSemantic([contextClassNames, classNames], [contextStyles, styles], {\n props: mergedProps,\n });\n const rootClassNames = clsx(prefixCls, contextClassName, hashId, `${prefixCls}-${mergedOrientation}`, {\n [`${prefixCls}-rtl`]: directionConfig === 'rtl',\n [`${prefixCls}-align-${mergedAlign}`]: mergedAlign,\n [`${prefixCls}-gap-row-${verticalSize}`]: isPresetVerticalSize,\n [`${prefixCls}-gap-col-${horizontalSize}`]: isPresetHorizontalSize,\n }, className, rootClassName, cssVarCls, mergedClassNames.root);\n const itemClassName = clsx(`${prefixCls}-item`, mergedClassNames.item);\n // Calculate latest one\n const renderedItems = childNodes.map((child, i) => {\n const key = child?.key || `${itemClassName}-${i}`;\n return (React.createElement(Item, { prefix: prefixCls, classNames: mergedClassNames, styles: mergedStyles, className: itemClassName, key: key, index: i, separator: mergedSeparator, style: mergedStyles.item }, child));\n });\n // ======================== Warning ==========================\n if (process.env.NODE_ENV !== 'production') {\n const warning = devUseWarning('Space');\n [\n ['direction', 'orientation'],\n ['split', 'separator'],\n ].forEach(([deprecatedName, newName]) => {\n warning.deprecated(!(deprecatedName in props), deprecatedName, newName);\n });\n }\n const memoizedSpaceContext = React.useMemo(() => {\n const calcLatestIndex = childNodes.reduce((latest, child, i) => (isReactRenderable(child) ? i : latest), 0);\n return { latestIndex: calcLatestIndex };\n }, [childNodes]);\n // =========================== Render ===========================\n if (childNodes.length === 0) {\n return null;\n }\n const gapStyle = {};\n if (wrap) {\n gapStyle.flexWrap = 'wrap';\n }\n if (!isPresetHorizontalSize && isValidHorizontalSize) {\n gapStyle.columnGap = horizontalSize;\n }\n if (!isPresetVerticalSize && isValidVerticalSize) {\n gapStyle.rowGap = verticalSize;\n }\n return (React.createElement(\"div\", { ref: ref, className: rootClassNames, style: { ...gapStyle, ...mergedStyles.root, ...contextStyle, ...style }, ...restProps },\n React.createElement(SpaceContextProvider, { value: memoizedSpaceContext }, renderedItems)));\n});\nconst Space = InternalSpace;\nSpace.Compact = Compact;\nSpace.Addon = Addon;\nif (process.env.NODE_ENV !== 'production') {\n Space.displayName = 'Space';\n}\nexport default Space;\n","import * as React from 'react';\nimport EllipsisOutlined from '@ant-design/icons/EllipsisOutlined';\nimport { clsx } from 'clsx';\nimport { devUseWarning } from '../_util/warning';\nimport Button from '../button';\nimport { ConfigContext } from '../config-provider';\nimport Space from '../space';\nimport { useCompactItemContext } from '../space/Compact';\nimport Dropdown from './dropdown';\n/** @deprecated Please use Space.Compact + Dropdown + Button instead */\nconst DropdownButton = (props) => {\n const { getPopupContainer: getContextPopupContainer, getPrefixCls, direction, } = React.useContext(ConfigContext);\n const { prefixCls: customizePrefixCls, type = 'default', danger, disabled, loading, onClick, htmlType, children, className, menu, arrow, autoFocus, trigger, align, open, onOpenChange, placement, getPopupContainer, href, icon = React.createElement(EllipsisOutlined, null), title, buttonsRender = (buttons) => buttons, mouseEnterDelay, mouseLeaveDelay, overlayClassName, overlayStyle, destroyOnHidden, destroyPopupOnHide, dropdownRender, popupRender, ...restProps } = props;\n const prefixCls = getPrefixCls('dropdown', customizePrefixCls);\n const buttonPrefixCls = `${prefixCls}-button`;\n const mergedPopupRender = popupRender || dropdownRender;\n const dropdownProps = {\n menu,\n arrow,\n autoFocus,\n align,\n disabled,\n trigger: disabled ? [] : trigger,\n onOpenChange,\n getPopupContainer: getPopupContainer || getContextPopupContainer,\n mouseEnterDelay,\n mouseLeaveDelay,\n classNames: { root: overlayClassName },\n styles: { root: overlayStyle },\n destroyOnHidden,\n popupRender: mergedPopupRender,\n };\n const { compactSize, compactItemClassnames } = useCompactItemContext(prefixCls, direction);\n const classes = clsx(buttonPrefixCls, compactItemClassnames, className);\n if ('destroyPopupOnHide' in props) {\n dropdownProps.destroyPopupOnHide = destroyPopupOnHide;\n }\n if ('open' in props) {\n dropdownProps.open = open;\n }\n if ('placement' in props) {\n dropdownProps.placement = placement;\n }\n else {\n dropdownProps.placement = direction === 'rtl' ? 'bottomLeft' : 'bottomRight';\n }\n // ============================== Warn ==============================\n if (process.env.NODE_ENV !== 'production') {\n const warning = devUseWarning('Dropdown.Button');\n warning.deprecated(false, 'Dropdown.Button', 'Space.Compact + Dropdown + Button');\n }\n const leftButton = (React.createElement(Button, { type: type, danger: danger, disabled: disabled, loading: loading, onClick: onClick, htmlType: htmlType, href: href, title: title }, children));\n const rightButton = React.createElement(Button, { type: type, danger: danger, icon: icon });\n const [leftButtonToRender, rightButtonToRender] = buttonsRender([leftButton, rightButton]);\n return (React.createElement(Space.Compact, { className: classes, size: compactSize, block: true, ...restProps },\n leftButtonToRender,\n React.createElement(Dropdown, { ...dropdownProps }, rightButtonToRender)));\n};\nDropdownButton.__ANT_BUTTON = true;\nexport default DropdownButton;\n","import InternalDropdown from './dropdown';\nimport DropdownButton from './dropdown-button';\nconst Dropdown = InternalDropdown;\n/** @deprecated Please use Space.Compact + Dropdown + Button instead */\nDropdown.Button = DropdownButton;\nexport default Dropdown;\n","import React from 'react';\nimport { omit } from '@rc-component/util';\nimport { clsx } from 'clsx';\nimport { isPresetSize } from '../_util/gapSize';\nimport { useOrientation } from '../_util/hooks';\nimport { isNonNullable } from '../_util/is';\nimport { ConfigContext } from '../config-provider';\nimport useStyle from './style';\nimport createFlexClassNames from './utils';\nconst Flex = React.forwardRef((props, ref) => {\n const { prefixCls: customizePrefixCls, rootClassName, className, style, flex, gap, vertical, orientation, component: Component = 'div', children, ...othersProps } = props;\n const { flex: ctxFlex, direction: ctxDirection, getPrefixCls, } = React.useContext(ConfigContext);\n const prefixCls = getPrefixCls('flex', customizePrefixCls);\n const [hashId, cssVarCls] = useStyle(prefixCls);\n const [, mergedVertical] = useOrientation(orientation, vertical ?? ctxFlex?.vertical);\n const mergedCls = clsx(className, rootClassName, ctxFlex?.className, prefixCls, hashId, cssVarCls, createFlexClassNames(prefixCls, { ...props, vertical: mergedVertical }), {\n [`${prefixCls}-rtl`]: ctxDirection === 'rtl',\n [`${prefixCls}-gap-${gap}`]: isPresetSize(gap),\n [`${prefixCls}-vertical`]: mergedVertical,\n });\n const mergedStyle = { ...ctxFlex?.style, ...style };\n if (isNonNullable(flex)) {\n mergedStyle.flex = flex;\n }\n if (isNonNullable(gap) && !isPresetSize(gap)) {\n mergedStyle.gap = gap;\n }\n return (React.createElement(Component, { ref: ref, className: mergedCls, style: mergedStyle, ...omit(othersProps, ['justify', 'wrap', 'align']) }, children));\n});\nif (process.env.NODE_ENV !== 'production') {\n Flex.displayName = 'Flex';\n}\nexport default Flex;\n","import React from 'react';\nexport const GroupContext = React.createContext(null);\n","function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n// GENERATED BY ./scripts/generate.ts\n// DO NOT EDIT IT MANUALLY\n\nimport * as React from 'react';\nimport FileTextOutlinedSvg from '@ant-design/icons-svg/lib/asn/FileTextOutlined';\nimport AntdIcon from \"../components/AntdIconLight\";\nconst FileTextOutlined = (props, ref) => /*#__PURE__*/React.createElement(AntdIcon, _extends({}, props, {\n ref: ref,\n icon: FileTextOutlinedSvg\n}));\n\n/** */\nconst RefIcon = /*#__PURE__*/React.forwardRef(FileTextOutlined);\nif (process.env.NODE_ENV !== 'production') {\n RefIcon.displayName = 'FileTextOutlined';\n}\nexport default RefIcon;","import { isValidElement } from 'react';\nimport { isPlainObject, isReactRenderable } from './is';\nconst convertToTooltipProps = (tooltip, context) => {\n if (!isReactRenderable(tooltip)) {\n return null;\n }\n if (isPlainObject(tooltip) && !isValidElement(tooltip)) {\n return { ...context, ...tooltip };\n }\n return { ...context, title: tooltip };\n};\nexport default convertToTooltipProps;\n","import React from 'react';\nimport FileTextOutlined from '@ant-design/icons/FileTextOutlined';\nimport { omit } from '@rc-component/util';\nimport { clsx } from 'clsx';\nimport convertToTooltipProps from '../_util/convertToTooltipProps';\nimport { useZIndex } from '../_util/hooks';\nimport { useMergeSemantic } from '../_util/hooks/useMergeSemantic';\nimport { devUseWarning } from '../_util/warning';\nimport Badge from '../badge';\nimport Button from '../button/Button';\nimport { ConfigContext } from '../config-provider';\nimport useCSSVarCls from '../config-provider/hooks/useCSSVarCls';\nimport Tooltip from '../tooltip';\nimport { GroupContext } from './context';\nimport useStyle from './style';\nexport const floatButtonPrefixCls = 'float-btn';\nconst InternalFloatButton = React.forwardRef((props, ref) => {\n const { prefixCls: customizePrefixCls, className, rootClassName, style, type = 'default', shape = 'circle', icon, description, content, tooltip, badge = {}, classNames, styles, ...restProps } = props;\n const { getPrefixCls, direction } = React.useContext(ConfigContext);\n const groupContext = React.useContext(GroupContext);\n const prefixCls = getPrefixCls(floatButtonPrefixCls, customizePrefixCls);\n const rootCls = useCSSVarCls(prefixCls);\n const { shape: contextShape, individual: contextIndividual, classNames: contextClassNames, styles: contextStyles, } = groupContext || {};\n const mergedShape = contextShape || shape;\n const mergedIndividual = contextIndividual ?? true;\n const mergedContent = content ?? description;\n // =========== Merged Props for Semantic ==========\n const mergedProps = {\n ...props,\n type,\n shape: mergedShape,\n };\n // ============================ Styles ============================\n const [hashId, cssVarCls] = useStyle(prefixCls, rootCls);\n const floatButtonClassNames = React.useMemo(() => ({ icon: `${prefixCls}-icon`, content: `${prefixCls}-content` }), [prefixCls]);\n const [mergedClassNames, mergedStyles] = useMergeSemantic([floatButtonClassNames, contextClassNames, classNames], [contextStyles, styles], {\n props: mergedProps,\n });\n // ============================= Icon =============================\n const mergedIcon = !mergedContent && !icon ? React.createElement(FileTextOutlined, null) : icon;\n // ============================ zIndex ============================\n const [zIndex] = useZIndex('FloatButton', style?.zIndex);\n const mergedStyle = { ...style, zIndex };\n // ============================ Badge =============================\n // 虽然在 ts 中已经 omit 过了，但是为了防止多余的属性被透传进来，这里再 omit 一遍，以防万一\n const badgeProps = omit(badge, ['title', 'children', 'status', 'text']);\n const badgeNode = 'badge' in props && (React.createElement(Badge, { ...badgeProps, className: clsx(badgeProps.className, `${prefixCls}-badge`, {\n [`${prefixCls}-badge-dot`]: badgeProps.dot,\n }) }));\n // =========================== Tooltip ============================\n const tooltipProps = convertToTooltipProps(tooltip);\n // =========================== Warning ============================\n if (process.env.NODE_ENV !== 'production') {\n const warning = devUseWarning('FloatButton');\n warning(!(mergedShape === 'circle' && mergedContent), 'usage', 'supported only when `shape` is `square`. Due to narrow space for text, short sentence is recommended.');\n warning.deprecated(!description, 'description', 'content');\n }\n // ============================ Render ============================\n let node = (React.createElement(Button, { ...restProps, ref: ref, \n // Styles\n className: clsx(hashId, cssVarCls, rootCls, prefixCls, className, rootClassName, `${prefixCls}-${type}`, `${prefixCls}-${mergedShape}`, {\n [`${prefixCls}-rtl`]: direction === 'rtl',\n [`${prefixCls}-individual`]: mergedIndividual,\n [`${prefixCls}-icon-only`]: !mergedContent,\n }), classNames: mergedClassNames, styles: mergedStyles, style: mergedStyle, shape: mergedShape, \n // Others\n type: type, size: \"large\", icon: mergedIcon, _skipSemantic: true },\n mergedContent,\n badgeNode));\n if (tooltipProps) {\n node = React.createElement(Tooltip, { ...tooltipProps }, node);\n }\n return node;\n});\nconst FloatButton = InternalFloatButton;\nif (process.env.NODE_ENV !== 'production') {\n FloatButton.displayName = 'FloatButton';\n}\nexport default FloatButton;\n","import React, { useContext, useEffect, useState } from 'react';\nimport VerticalAlignTopOutlined from '@ant-design/icons/VerticalAlignTopOutlined';\nimport CSSMotion from '@rc-component/motion';\nimport { composeRef } from '@rc-component/util';\nimport { clsx } from 'clsx';\nimport getScroll from '../_util/getScroll';\nimport scrollTo from '../_util/scrollTo';\nimport throttleByAnimationFrame from '../_util/throttleByAnimationFrame';\nimport { ConfigContext } from '../config-provider';\nimport { useComponentConfig } from '../config-provider/context';\nimport { GroupContext } from './context';\nimport FloatButton, { floatButtonPrefixCls } from './FloatButton';\nconst defaultIcon = React.createElement(VerticalAlignTopOutlined, null);\nconst BackTop = React.forwardRef((props, ref) => {\n const { backTopIcon: contextIcon } = useComponentConfig('floatButton');\n const { prefixCls: customizePrefixCls, className, type = 'default', shape = 'circle', visibilityHeight = 400, icon, target, onClick, duration = 450, ...restProps } = props;\n const mergedIcon = icon ?? contextIcon ?? defaultIcon;\n const [visible, setVisible] = useState(visibilityHeight === 0);\n const internalRef = React.useRef(null);\n React.useImperativeHandle(ref, () => ({\n nativeElement: internalRef.current,\n }));\n const getDefaultTarget = () => internalRef.current?.ownerDocument || window;\n const handleScroll = throttleByAnimationFrame((e) => {\n const scrollTop = getScroll(e.target);\n setVisible(scrollTop >= visibilityHeight);\n });\n useEffect(() => {\n const getTarget = target || getDefaultTarget;\n const container = getTarget();\n handleScroll({ target: container });\n container?.addEventListener('scroll', handleScroll);\n return () => {\n handleScroll.cancel();\n container?.removeEventListener('scroll', handleScroll);\n };\n }, [target]);\n const scrollToTop = (e) => {\n scrollTo(0, { getContainer: target || getDefaultTarget, duration });\n onClick?.(e);\n };\n const { getPrefixCls } = useContext(ConfigContext);\n const prefixCls = getPrefixCls(floatButtonPrefixCls, customizePrefixCls);\n const rootPrefixCls = getPrefixCls();\n const groupShape = useContext(GroupContext)?.shape;\n const mergedShape = groupShape || shape;\n const contentProps = {\n prefixCls,\n icon: mergedIcon,\n type,\n shape: mergedShape,\n ...restProps,\n };\n return (React.createElement(CSSMotion, { visible: visible, motionName: `${rootPrefixCls}-fade` }, ({ className: motionClassName }, setRef) => (React.createElement(FloatButton, { ref: composeRef(internalRef, setRef), ...contentProps, onClick: scrollToTop, className: clsx(className, motionClassName) }))));\n});\nif (process.env.NODE_ENV !== 'production') {\n BackTop.displayName = 'FloatButton.BackTop';\n}\nexport default BackTop;\n","import React from 'react';\nimport CloseOutlined from '@ant-design/icons/CloseOutlined';\nimport FileTextOutlined from '@ant-design/icons/FileTextOutlined';\nimport CSSMotion from '@rc-component/motion';\nimport { useControlledState, useEvent } from '@rc-component/util';\nimport { clsx } from 'clsx';\nimport { useZIndex } from '../_util/hooks';\nimport { useMergeSemantic } from '../_util/hooks/useMergeSemantic';\nimport { devUseWarning } from '../_util/warning';\nimport { useComponentConfig } from '../config-provider/context';\nimport DisabledContext from '../config-provider/DisabledContext';\nimport useCSSVarCls from '../config-provider/hooks/useCSSVarCls';\nimport Flex from '../flex';\nimport Space from '../space';\nimport { GroupContext } from './context';\nimport FloatButton, { floatButtonPrefixCls } from './FloatButton';\nimport useStyle from './style';\nconst FloatButtonGroup = (props) => {\n const { prefixCls: customizePrefixCls, className, style, classNames, styles, rootClassName, shape = 'circle', type = 'default', placement, icon = React.createElement(FileTextOutlined, null), closeIcon, trigger, children, onOpenChange, open: customOpen, onClick: onTriggerButtonClick, disabled: customDisabled, ...floatButtonProps } = props;\n const { direction, getPrefixCls, closeIcon: contextCloseIcon, classNames: contextClassNames, styles: contextStyles, className: contextClassName, style: contextStyle, } = useComponentConfig('floatButtonGroup');\n const mergedCloseIcon = closeIcon ?? contextCloseIcon ?? React.createElement(CloseOutlined, null);\n const prefixCls = getPrefixCls(floatButtonPrefixCls, customizePrefixCls);\n const rootCls = useCSSVarCls(prefixCls);\n const [hashId, cssVarCls] = useStyle(prefixCls, rootCls);\n const groupPrefixCls = `${prefixCls}-group`;\n const isMenuMode = trigger && ['click', 'hover'].includes(trigger);\n // ========================== Disabled ==========================\n const disabled = React.useContext(DisabledContext);\n const mergedDisabled = customDisabled ?? disabled;\n // ============================ zIndex ============================\n const [zIndex] = useZIndex('FloatButton', style?.zIndex);\n // ============================= Refs =============================\n const floatButtonGroupRef = React.useRef(null);\n // ========================== Placement ==========================\n const mergedPlacement = ['top', 'left', 'right', 'bottom'].includes(placement)\n ? placement\n : 'top';\n // ========================== Open ==========================\n const [open, setOpen] = useControlledState(false, customOpen);\n const hoverTrigger = trigger === 'hover';\n const clickTrigger = trigger === 'click';\n const triggerOpen = useEvent((nextOpen) => {\n if (mergedDisabled) {\n return;\n }\n if (open !== nextOpen) {\n setOpen(nextOpen);\n onOpenChange?.(nextOpen);\n }\n });\n // ===================== Trigger: Hover =====================\n const onMouseEnter = () => {\n if (hoverTrigger) {\n triggerOpen(true);\n }\n };\n const onMouseLeave = () => {\n if (hoverTrigger) {\n triggerOpen(false);\n }\n };\n // ===================== Trigger: Click =====================\n const onInternalTriggerButtonClick = (e) => {\n if (clickTrigger) {\n triggerOpen(!open);\n }\n onTriggerButtonClick?.(e);\n };\n React.useEffect(() => {\n if (clickTrigger) {\n const onDocClick = (e) => {\n // Skip if click on the group\n if (floatButtonGroupRef.current?.contains(e.target)) {\n return;\n }\n triggerOpen(false);\n };\n document.addEventListener('click', onDocClick, { capture: true });\n return () => document.removeEventListener('click', onDocClick, { capture: true });\n }\n }, [clickTrigger]);\n // ======================== Warning =========================\n if (process.env.NODE_ENV !== 'production') {\n const warning = devUseWarning('FloatButton.Group');\n warning(!('open' in props) || !!trigger, 'usage', '`open` need to be used together with `trigger`');\n }\n // ======================== Contexts ========================\n const individual = shape === 'circle';\n // =========== Merged Props for Semantic ==========\n const mergedProps = {\n ...props,\n shape,\n type,\n placement: mergedPlacement,\n disabled: mergedDisabled,\n };\n // ============================ Styles ============================\n const [mergedClassNames, mergedStyles] = useMergeSemantic([contextClassNames, classNames], [contextStyles, styles], {\n props: mergedProps,\n });\n const listContext = React.useMemo(() => ({\n shape,\n individual,\n classNames: {\n root: mergedClassNames.item,\n icon: mergedClassNames.itemIcon,\n content: mergedClassNames.itemContent,\n },\n styles: {\n root: mergedStyles.item,\n icon: mergedStyles.itemIcon,\n content: mergedStyles.itemContent,\n },\n }), [shape, individual, mergedClassNames, mergedStyles]);\n const triggerContext = React.useMemo(() => ({\n ...listContext,\n individual: true,\n classNames: {\n root: mergedClassNames.trigger,\n icon: mergedClassNames.triggerIcon,\n content: mergedClassNames.triggerContent,\n },\n styles: {\n root: mergedStyles.trigger,\n icon: mergedStyles.triggerIcon,\n content: mergedStyles.triggerContent,\n },\n }), [listContext, mergedClassNames, mergedStyles]);\n // ========================= Render =========================\n // >>> List\n let listNode;\n const listCls = `${groupPrefixCls}-list`;\n const renderList = (motionClassName) => {\n const vertical = mergedPlacement === 'top' || mergedPlacement === 'bottom';\n const sharedProps = {\n className: clsx(listCls, mergedClassNames.list, motionClassName),\n style: mergedStyles.list,\n };\n if (individual) {\n listNode = (React.createElement(Flex, { vertical: vertical, ...sharedProps }, children));\n }\n else {\n listNode = (React.createElement(Space.Compact, { vertical: vertical, ...sharedProps }, children));\n }\n return listNode;\n };\n // >>> Render\n return (React.createElement(GroupContext.Provider, { value: listContext },\n React.createElement(\"div\", { className: clsx(groupPrefixCls, hashId, cssVarCls, rootCls, contextClassName, mergedClassNames.root, className, rootClassName, {\n [`${groupPrefixCls}-rtl`]: direction === 'rtl',\n [`${groupPrefixCls}-individual`]: individual,\n [`${groupPrefixCls}-${mergedPlacement}`]: isMenuMode,\n [`${groupPrefixCls}-menu-mode`]: isMenuMode,\n }), style: { ...contextStyle, zIndex, ...mergedStyles.root, ...style }, \n // ref\n ref: floatButtonGroupRef, \n // Hover trigger\n onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave },\n isMenuMode ? (React.createElement(CSSMotion, { visible: open, motionName: `${listCls}-motion` }, ({ className: motionClassName }) => renderList(motionClassName))) : (renderList()),\n isMenuMode && (React.createElement(GroupContext.Provider, { value: triggerContext },\n React.createElement(FloatButton, { type: type, icon: open ? mergedCloseIcon : icon, \"aria-label\": props['aria-label'], className: `${groupPrefixCls}-trigger`, onClick: onInternalTriggerButtonClick, disabled: mergedDisabled, ...floatButtonProps }))))));\n};\nexport default FloatButtonGroup;\n","/* eslint-disable react/no-array-index-key */\nimport * as React from 'react';\nimport { clsx } from 'clsx';\nimport { ConfigContext } from '../config-provider';\nimport BackTop from './BackTop';\nimport FloatButton, { floatButtonPrefixCls } from './FloatButton';\nimport FloatButtonGroup from './FloatButtonGroup';\nconst PureFloatButton = ({ backTop, ...props }) => backTop ? React.createElement(BackTop, { ...props, visibilityHeight: 0 }) : React.createElement(FloatButton, { ...props });\n/** @private Internal Component. Do not use in your production. */\nconst PurePanel = ({ className, items, classNames: cls, styles, prefixCls: customizePrefixCls, ...restProps }) => {\n const { getPrefixCls } = React.useContext(ConfigContext);\n const prefixCls = getPrefixCls(floatButtonPrefixCls, customizePrefixCls);\n const pureCls = `${prefixCls}-pure`;\n if (items) {\n return (React.createElement(FloatButtonGroup, { className: clsx(className, pureCls), classNames: cls, styles: styles, ...restProps }, items.map((item, index) => (React.createElement(PureFloatButton, { key: index, ...item })))));\n }\n return (React.createElement(PureFloatButton, { className: clsx(className, pureCls), classNames: cls, styles: styles, ...restProps }));\n};\nexport default PurePanel;\n","import BackTop from './BackTop';\nimport FloatButton from './FloatButton';\nimport FloatButtonGroup from './FloatButtonGroup';\nimport PurePanel from './PurePanel';\nFloatButton.BackTop = BackTop;\nFloatButton.Group = FloatButtonGroup;\nFloatButton._InternalPanelDoNotUseOrYouWillBeFired = PurePanel;\nexport default FloatButton;\n","import * as React from 'react';\nexport default function useDebounce(value) {\n const [cacheValue, setCacheValue] = React.useState(value);\n React.useEffect(() => {\n const timeout = setTimeout(() => {\n setCacheValue(value);\n }, value.length ? 0 : 10);\n return () => {\n clearTimeout(timeout);\n };\n }, [value]);\n return cacheValue;\n}\n","import * as React from 'react';\nimport CSSMotion, { CSSMotionList } from '@rc-component/motion';\nimport { clsx } from 'clsx';\nimport { isNonNullable } from '../_util/is';\nimport initCollapseMotion from '../_util/motion';\nimport useCSSVarCls from '../config-provider/hooks/useCSSVarCls';\nimport { FormContext, FormItemPrefixContext } from './context';\nimport useDebounce from './hooks/useDebounce';\nimport useStyle from './style';\nconst EMPTY_LIST = [];\nfunction toErrorEntity(error, prefix, errorStatus, index = 0) {\n return {\n key: typeof error === 'string' ? error : `${prefix}-${index}`,\n error,\n errorStatus,\n };\n}\nconst ErrorList = ({ help, helpStatus, errors = EMPTY_LIST, warnings = EMPTY_LIST, className: rootClassName, fieldId, onVisibleChanged, }) => {\n const { prefixCls } = React.useContext(FormItemPrefixContext);\n const { classNames: contextClassNames, styles: contextStyles } = React.useContext(FormContext);\n const baseClassName = `${prefixCls}-item-explain`;\n const rootCls = useCSSVarCls(prefixCls);\n const [hashId, cssVarCls] = useStyle(prefixCls, rootCls);\n const collapseMotion = React.useMemo(() => initCollapseMotion(prefixCls), [prefixCls]);\n // We have to debounce here again since somewhere use ErrorList directly still need no shaking\n // ref: https://github.com/ant-design/ant-design/issues/36336\n const debounceErrors = useDebounce(errors);\n const debounceWarnings = useDebounce(warnings);\n const hasHelp = isNonNullable(help);\n const fullKeyList = React.useMemo(() => {\n if (hasHelp) {\n return [toErrorEntity(help, 'help', helpStatus)];\n }\n return [\n ...debounceErrors.map((error, index) => toErrorEntity(error, 'error', 'error', index)),\n ...debounceWarnings.map((warning, index) => toErrorEntity(warning, 'warning', 'warning', index)),\n ];\n }, [help, helpStatus, hasHelp, debounceErrors, debounceWarnings]);\n const filledKeyFullKeyList = React.useMemo(() => {\n const keysCount = {};\n fullKeyList.forEach(({ key }) => {\n keysCount[key] = (keysCount[key] || 0) + 1;\n });\n return fullKeyList.map((entity, index) => ({\n ...entity,\n key: keysCount[entity.key] > 1 ? `${entity.key}-fallback-${index}` : entity.key,\n }));\n }, [fullKeyList]);\n const helpProps = {};\n if (fieldId) {\n helpProps.id = `${fieldId}_help`;\n }\n return (React.createElement(CSSMotion, { motionDeadline: collapseMotion.motionDeadline, motionName: `${prefixCls}-show-help`, visible: !!filledKeyFullKeyList.length, onVisibleChanged: onVisibleChanged }, (holderProps) => {\n const { className: holderClassName, style: holderStyle } = holderProps;\n return (React.createElement(\"div\", { ...helpProps, className: clsx(baseClassName, holderClassName, contextClassNames?.help, cssVarCls, rootCls, rootClassName, hashId), style: { ...contextStyles?.help, ...holderStyle } },\n React.createElement(CSSMotionList, { keys: filledKeyFullKeyList, ...initCollapseMotion(prefixCls), motionName: `${prefixCls}-show-help-item`, component: false }, (itemProps) => {\n const { key, error, errorStatus, className: itemClassName, style: itemStyle, } = itemProps;\n return (React.createElement(\"div\", { key: key, className: clsx(itemClassName, contextClassNames?.helpItem, {\n [`${baseClassName}-${errorStatus}`]: errorStatus,\n }), style: { ...contextStyles?.helpItem, ...itemStyle } }, error));\n })));\n }));\n};\nexport default ErrorList;\n","import * as React from 'react';\nimport { devUseWarning } from '../../_util/warning';\nconst names = {};\nexport default function useFormWarning({ name }) {\n const warning = devUseWarning('Form');\n React.useEffect(() => {\n if (name) {\n names[name] = (names[name] || 0) + 1;\n warning(names[name] <= 1, 'usage', 'There exist multiple Form with same `name`.');\n return () => {\n names[name] -= 1;\n };\n }\n }, [name]);\n}\n","import * as React from 'react';\nimport FieldForm, { List, useWatch } from '@rc-component/form';\nimport { clsx } from 'clsx';\nimport { useMergeSemantic, useSemanticRootStyle } from '../_util/hooks/useMergeSemantic';\nimport { isPlainObject } from '../_util/is';\nimport { useComponentConfig } from '../config-provider/context';\nimport DisabledContext, { DisabledContextProvider } from '../config-provider/DisabledContext';\nimport useCSSVarCls from '../config-provider/hooks/useCSSVarCls';\nimport useSize from '../config-provider/hooks/useSize';\nimport SizeContext from '../config-provider/SizeContext';\nimport { FormContext, FormProvider, NoFormStyle, VariantContext } from './context';\nimport useForm from './hooks/useForm';\nimport useFormWarning from './hooks/useFormWarning';\nimport useStyle from './style';\nimport ValidateMessagesContext from './validateMessagesContext';\nconst InternalForm = (props, ref) => {\n const contextDisabled = React.useContext(DisabledContext);\n const { getPrefixCls, direction, requiredMark: contextRequiredMark, colon: contextColon, scrollToFirstError: contextScrollToFirstError, className: contextClassName, style: contextStyle, styles: contextStyles, classNames: contextClassNames, tooltip: contextTooltip, labelAlign: contextLabelAlign, labelWrap: contextLabelWrap, } = useComponentConfig('form');\n const { prefixCls: customizePrefixCls, className, rootClassName, size, disabled = contextDisabled, form, colon, labelAlign, labelWrap, labelCol, wrapperCol, layout = 'horizontal', scrollToFirstError, requiredMark, onFinishFailed, name, style, feedbackIcons, variant, classNames, styles, tooltip, ...restFormProps } = props;\n const mergedSize = useSize(size);\n const contextValidateMessages = React.useContext(ValidateMessagesContext);\n if (process.env.NODE_ENV !== 'production') {\n useFormWarning(props);\n }\n const mergedRequiredMark = React.useMemo(() => {\n if (requiredMark !== undefined) {\n return requiredMark;\n }\n if (contextRequiredMark !== undefined) {\n return contextRequiredMark;\n }\n return true;\n }, [requiredMark, contextRequiredMark]);\n const mergedColon = colon ?? contextColon;\n const mergedLabelAlign = labelAlign ?? contextLabelAlign;\n const mergedLabelWrap = labelWrap ?? contextLabelWrap;\n const mergedTooltip = { ...contextTooltip, ...tooltip };\n const prefixCls = getPrefixCls('form', customizePrefixCls);\n // Style\n const rootCls = useCSSVarCls(prefixCls);\n const [hashId, cssVarCls] = useStyle(prefixCls, rootCls);\n // =========== Merged Props for Semantic ===========\n const mergedProps = {\n ...props,\n size: mergedSize,\n disabled,\n layout,\n colon: mergedColon,\n requiredMark: mergedRequiredMark,\n labelAlign: mergedLabelAlign,\n labelWrap: mergedLabelWrap,\n };\n const contextStyleRoot = useSemanticRootStyle(contextStyle);\n const styleRoot = useSemanticRootStyle(style);\n const [mergedClassNames, mergedStyles] = useMergeSemantic([contextClassNames, classNames], [contextStyles, contextStyleRoot, styles, styleRoot], {\n props: mergedProps,\n });\n const formClassName = clsx(prefixCls, `${prefixCls}-${layout}`, {\n [`${prefixCls}-hide-required-mark`]: mergedRequiredMark === false, // todo: remove in next major version\n [`${prefixCls}-rtl`]: direction === 'rtl',\n [`${prefixCls}-large`]: mergedSize === 'large',\n [`${prefixCls}-small`]: mergedSize === 'small',\n }, cssVarCls, rootCls, hashId, contextClassName, className, rootClassName, mergedClassNames.root);\n const [wrapForm] = useForm(form);\n const { __INTERNAL__ } = wrapForm;\n __INTERNAL__.name = name;\n const formContextValue = React.useMemo(() => ({\n name,\n labelAlign: mergedLabelAlign,\n labelCol,\n labelWrap: mergedLabelWrap,\n wrapperCol,\n layout,\n colon: mergedColon,\n requiredMark: mergedRequiredMark,\n itemRef: __INTERNAL__.itemRef,\n form: wrapForm,\n feedbackIcons,\n tooltip: mergedTooltip,\n classNames: mergedClassNames,\n styles: mergedStyles,\n }), [\n name,\n mergedLabelAlign,\n mergedLabelWrap,\n labelCol,\n wrapperCol,\n layout,\n mergedColon,\n mergedRequiredMark,\n wrapForm,\n feedbackIcons,\n mergedClassNames,\n mergedStyles,\n mergedTooltip,\n ]);\n const nativeElementRef = React.useRef(null);\n React.useImperativeHandle(ref, () => ({\n ...wrapForm,\n nativeElement: nativeElementRef.current?.nativeElement,\n }));\n const scrollToField = (options, fieldName) => {\n if (options) {\n let defaultScrollToFirstError = { block: 'nearest' };\n if (isPlainObject(options)) {\n defaultScrollToFirstError = { ...defaultScrollToFirstError, ...options };\n }\n wrapForm.scrollToField(fieldName, defaultScrollToFirstError);\n }\n };\n const onInternalFinishFailed = (errorInfo) => {\n onFinishFailed?.(errorInfo);\n if (errorInfo.errorFields.length) {\n const fieldName = errorInfo.errorFields[0].name;\n if (scrollToFirstError !== undefined) {\n scrollToField(scrollToFirstError, fieldName);\n return;\n }\n if (contextScrollToFirstError !== undefined) {\n scrollToField(contextScrollToFirstError, fieldName);\n }\n }\n };\n return (React.createElement(VariantContext.Provider, { value: variant },\n React.createElement(DisabledContextProvider, { disabled: disabled },\n React.createElement(SizeContext.Provider, { value: mergedSize },\n React.createElement(FormProvider, { \n // This is not list in API, we pass with spread\n validateMessages: contextValidateMessages },\n React.createElement(FormContext.Provider, { value: formContextValue },\n React.createElement(NoFormStyle, { status: true },\n React.createElement(FieldForm, { id: name, ...restFormProps, name: name, onFinishFailed: onInternalFinishFailed, form: wrapForm, ref: nativeElementRef, style: mergedStyles?.root, className: formClassName }))))))));\n};\nconst Form = React.forwardRef(InternalForm);\nif (process.env.NODE_ENV !== 'production') {\n Form.displayName = 'Form';\n}\nexport { List, useForm, useWatch };\nexport default Form;\n","import { toArray } from '@rc-component/util';\nimport { isFunction } from '../../_util/is';\nconst useChildren = (children) => {\n if (isFunction(children)) {\n return children;\n }\n const childList = toArray(children);\n return childList.length <= 1 ? childList[0] : childList;\n};\nexport default useChildren;\n","import * as React from 'react';\nimport { devUseWarning } from '../../_util/warning';\nimport { FormItemInputContext } from '../context';\nconst useFormItemStatus = () => {\n const { status, errors = [], warnings = [] } = React.useContext(FormItemInputContext);\n if (process.env.NODE_ENV !== 'production') {\n const warning = devUseWarning('Form.Item');\n warning(status !== undefined, 'usage', 'Form.Item.useStatus should be used under Form.Item component. For more information: https://u.ant.design/form-item-usestatus');\n }\n return { status, errors, warnings };\n};\n// Only used for compatible package. Not promise this will work on future version.\nuseFormItemStatus.Context = FormItemInputContext;\nexport default useFormItemStatus;\n","import * as React from 'react';\nimport { raf } from '@rc-component/util';\nexport default function useFrameState(defaultValue) {\n const [value, setValue] = React.useState(defaultValue);\n const frameRef = React.useRef(null);\n const batchRef = React.useRef([]);\n const destroyRef = React.useRef(false);\n React.useEffect(() => {\n destroyRef.current = false;\n return () => {\n destroyRef.current = true;\n raf.cancel(frameRef.current);\n frameRef.current = null;\n };\n }, []);\n function setFrameValue(updater) {\n if (destroyRef.current) {\n return;\n }\n if (frameRef.current === null) {\n batchRef.current = [];\n frameRef.current = raf(() => {\n frameRef.current = null;\n setValue((prevValue) => {\n let current = prevValue;\n batchRef.current.forEach((func) => {\n current = func(current);\n });\n return current;\n });\n });\n }\n batchRef.current.push(updater);\n }\n return [value, setFrameValue];\n}\n","import * as React from 'react';\nimport { composeRef, getNodeRef } from '@rc-component/util';\nimport { isPlainObject } from '../../_util/is';\nimport { FormContext } from '../context';\nconst useItemRef = () => {\n const { itemRef } = React.useContext(FormContext);\n const cacheRef = React.useRef({});\n const getRef = (name, children) => {\n // Outer caller already check the `supportRef`\n const childrenRef = children && isPlainObject(children) && getNodeRef(children);\n const nameStr = name.join('_');\n if (cacheRef.current.name !== nameStr || cacheRef.current.originRef !== childrenRef) {\n cacheRef.current.name = nameStr;\n cacheRef.current.originRef = childrenRef;\n cacheRef.current.ref = composeRef(itemRef(name), childrenRef);\n }\n return cacheRef.current.ref;\n };\n return getRef;\n};\nexport default useItemRef;\n","import { isPlainObject } from '../../_util/is';\nimport { responsiveArray } from '../../_util/responsiveObserver';\nexport default function useGutter(gutter, screens) {\n const results = [undefined, undefined];\n const normalizedGutter = Array.isArray(gutter) ? gutter : [gutter, undefined];\n // By default use as `xs`\n const mergedScreens = screens || {\n xs: true,\n sm: true,\n md: true,\n lg: true,\n xl: true,\n xxl: true,\n xxxl: true,\n };\n normalizedGutter.forEach((g, index) => {\n if (isPlainObject(g)) {\n for (let i = 0; i < responsiveArray.length; i++) {\n const breakpoint = responsiveArray[i];\n if (mergedScreens[breakpoint] && g[breakpoint] !== undefined) {\n results[index] = g[breakpoint];\n break;\n }\n }\n }\n else {\n results[index] = g;\n }\n });\n return results;\n}\n","import * as React from 'react';\nimport { clsx } from 'clsx';\nimport { isNumber, isPlainObject, isString } from '../_util/is';\nimport { responsiveArray } from '../_util/responsiveObserver';\nimport { ConfigContext } from '../config-provider';\nimport useBreakpoint from './hooks/useBreakpoint';\nimport useGutter from './hooks/useGutter';\nimport RowContext from './RowContext';\nimport { useRowStyle } from './style';\nconst _RowAligns = ['top', 'middle', 'bottom', 'stretch'];\nconst _RowJustify = [\n 'start',\n 'end',\n 'center',\n 'space-around',\n 'space-between',\n 'space-evenly',\n];\nconst useMergedPropByScreen = (oriProp, screen) => {\n const [prop, setProp] = React.useState(() => (isString(oriProp) ? oriProp : ''));\n const calcMergedAlignOrJustify = () => {\n if (isString(oriProp)) {\n setProp(oriProp);\n }\n if (!isPlainObject(oriProp)) {\n return;\n }\n for (let i = 0; i < responsiveArray.length; i++) {\n const breakpoint = responsiveArray[i];\n // if do not match, do nothing\n if (!screen || !screen[breakpoint]) {\n continue;\n }\n const curVal = oriProp[breakpoint];\n if (curVal !== undefined) {\n setProp(curVal);\n return;\n }\n }\n };\n React.useEffect(() => {\n calcMergedAlignOrJustify();\n }, [JSON.stringify(oriProp), screen]);\n return prop;\n};\nconst Row = React.forwardRef((props, ref) => {\n const { prefixCls: customizePrefixCls, justify, align, className, style, children, gutter = 0, wrap, ...others } = props;\n const { getPrefixCls, direction } = React.useContext(ConfigContext);\n const screens = useBreakpoint(true, null);\n const mergedAlign = useMergedPropByScreen(align, screens);\n const mergedJustify = useMergedPropByScreen(justify, screens);\n const prefixCls = getPrefixCls('row', customizePrefixCls);\n const [hashId, cssVarCls] = useRowStyle(prefixCls);\n const gutters = useGutter(gutter, screens);\n const classes = clsx(prefixCls, {\n [`${prefixCls}-no-wrap`]: wrap === false,\n [`${prefixCls}-${mergedJustify}`]: mergedJustify,\n [`${prefixCls}-${mergedAlign}`]: mergedAlign,\n [`${prefixCls}-rtl`]: direction === 'rtl',\n }, className, hashId, cssVarCls);\n // Add gutter related style\n const rowStyle = {};\n if (gutters?.[0]) {\n const horizontalGutter = isNumber(gutters[0])\n ? `${gutters[0] / -2}px`\n : `calc(${gutters[0]} / -2)`;\n rowStyle.marginInline = horizontalGutter;\n }\n // \"gutters\" is a new array in each rendering phase, it'll make 'React.useMemo' effectless.\n // So we deconstruct \"gutters\" variable here.\n const [gutterH, gutterV] = gutters;\n rowStyle.rowGap = gutterV;\n const rowContext = React.useMemo(() => ({ gutter: [gutterH, gutterV], wrap }), [gutterH, gutterV, wrap]);\n return (React.createElement(RowContext.Provider, { value: rowContext },\n React.createElement(\"div\", { ...others, className: classes, style: { ...rowStyle, ...style }, ref: ref }, children)));\n});\nif (process.env.NODE_ENV !== 'production') {\n Row.displayName = 'Row';\n}\nexport default Row;\n","/**\n * Fallback of IE.\n * Safe to remove.\n */\nimport { prepareToken } from '.';\nimport { genSubStyleComponent } from '../../theme/internal';\n// ============================= Fallback =============================\nconst genFallbackStyle = (token) => {\n const { formItemCls } = token;\n return {\n '@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)': {\n // Fallback for IE, safe to remove we not support it anymore\n [`${formItemCls}-control`]: {\n display: 'flex',\n },\n },\n };\n};\n// ============================== Export ==============================\nexport default genSubStyleComponent(['Form', 'item-item'], (token, { rootPrefixCls }) => {\n const formToken = prepareToken(token, rootPrefixCls);\n return genFallbackStyle(formToken);\n});\n","import * as React from 'react';\nimport { get, set, useLayoutEffect } from '@rc-component/util';\nimport { clsx } from 'clsx';\nimport { isPlainObject } from '../_util/is';\nimport { responsiveArrayReversed } from '../_util/responsiveObserver';\nimport Col from '../grid/col';\nimport { FormContext, FormItemPrefixContext } from './context';\nimport ErrorList from './ErrorList';\nimport FallbackCmp from './style/fallbackCmp';\nconst GRID_MAX = 24;\nconst FormItemInput = (props) => {\n const { prefixCls, status, labelCol, wrapperCol, children, errors, warnings, _internalItemRender: formItemRender, extra, help, fieldId, marginBottom, onErrorVisibleChanged, label, } = props;\n const baseClassName = `${prefixCls}-item`;\n const formContext = React.useContext(FormContext);\n const { classNames: contextClassNames, styles: contextStyles } = formContext;\n const mergedWrapperCol = React.useMemo(() => {\n let mergedWrapper = { ...(wrapperCol || formContext.wrapperCol || {}) };\n if (label === null && !labelCol && !wrapperCol && formContext.labelCol) {\n const list = [undefined, ...responsiveArrayReversed];\n list.forEach((size) => {\n const _size = size ? [size] : [];\n const formLabel = get(formContext.labelCol, _size);\n const formLabelObj = isPlainObject(formLabel) ? formLabel : {};\n const wrapper = get(mergedWrapper, _size);\n const wrapperObj = isPlainObject(wrapper) ? wrapper : {};\n if ('span' in formLabelObj &&\n !('offset' in wrapperObj) &&\n formLabelObj.span < GRID_MAX) {\n mergedWrapper = set(mergedWrapper, [..._size, 'offset'], formLabelObj.span);\n }\n });\n }\n return mergedWrapper;\n }, [wrapperCol, formContext.wrapperCol, formContext.labelCol, label, labelCol]);\n const className = clsx(`${baseClassName}-control`, mergedWrapperCol.className);\n // Pass to sub FormItem should not with col info\n const subFormContext = React.useMemo(() => {\n const { labelCol: _labelCol, wrapperCol: _wrapperCol, ...rest } = formContext;\n return rest;\n }, [formContext]);\n const extraRef = React.useRef(null);\n const [extraHeight, setExtraHeight] = React.useState(0);\n useLayoutEffect(() => {\n if (extra && extraRef.current) {\n setExtraHeight(extraRef.current.clientHeight);\n }\n else {\n setExtraHeight(0);\n }\n }, [extra]);\n const inputDom = (React.createElement(\"div\", { className: `${baseClassName}-control-input` },\n React.createElement(\"div\", { className: clsx(`${baseClassName}-control-input-content`, contextClassNames?.content), style: contextStyles?.content }, children)));\n const formItemContext = React.useMemo(() => ({ prefixCls, status }), [prefixCls, status]);\n const errorListDom = marginBottom !== null || errors.length || warnings.length ? (React.createElement(FormItemPrefixContext.Provider, { value: formItemContext },\n React.createElement(ErrorList, { fieldId: fieldId, errors: errors, warnings: warnings, help: help, helpStatus: status, className: `${baseClassName}-explain-connected`, onVisibleChanged: onErrorVisibleChanged }))) : null;\n const extraProps = {};\n if (fieldId) {\n extraProps.id = `${fieldId}_extra`;\n }\n // If extra = 0, && will goes wrong\n // 0&&error -> 0\n const extraDom = extra ? (React.createElement(\"div\", { ...extraProps, className: clsx(`${baseClassName}-extra`, contextClassNames?.extra), style: contextStyles?.extra, ref: extraRef }, extra)) : null;\n const additionalDom = errorListDom || extraDom ? (React.createElement(\"div\", { className: `${baseClassName}-additional`, style: marginBottom ? { minHeight: marginBottom + extraHeight } : {} },\n errorListDom,\n extraDom)) : null;\n const dom = formItemRender && formItemRender.mark === 'pro_table_render' && formItemRender.render ? (formItemRender.render(props, { input: inputDom, errorList: errorListDom, extra: extraDom })) : (React.createElement(React.Fragment, null,\n inputDom,\n additionalDom));\n return (React.createElement(FormContext.Provider, { value: subFormContext },\n React.createElement(Col, { ...mergedWrapperCol, className: className }, dom),\n React.createElement(FallbackCmp, { prefixCls: prefixCls })));\n};\nexport default FormItemInput;\n","function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n// GENERATED BY ./scripts/generate.ts\n// DO NOT EDIT IT MANUALLY\n\nimport * as React from 'react';\nimport QuestionCircleOutlinedSvg from '@ant-design/icons-svg/lib/asn/QuestionCircleOutlined';\nimport AntdIcon from \"../components/AntdIconLight\";\nconst QuestionCircleOutlined = (props, ref) => /*#__PURE__*/React.createElement(AntdIcon, _extends({}, props, {\n ref: ref,\n icon: QuestionCircleOutlinedSvg\n}));\n\n/** */\nconst RefIcon = /*#__PURE__*/React.forwardRef(QuestionCircleOutlined);\nif (process.env.NODE_ENV !== 'production') {\n RefIcon.displayName = 'QuestionCircleOutlined';\n}\nexport default RefIcon;","import * as React from 'react';\nimport QuestionCircleOutlined from '@ant-design/icons/QuestionCircleOutlined';\nimport { clsx } from 'clsx';\nimport convertToTooltipProps from '../_util/convertToTooltipProps';\nimport { isFunction } from '../_util/is';\nimport Col from '../grid/col';\nimport { useLocale } from '../locale';\nimport defaultLocale from '../locale/en_US';\nimport Tooltip from '../tooltip';\nimport { FormContext } from './context';\nconst FormItemLabel = ({ prefixCls, label, htmlFor, labelCol, labelAlign, colon, required, requiredMark, tooltip, vertical, }) => {\n const [formLocale] = useLocale('Form');\n const { labelAlign: contextLabelAlign, labelCol: contextLabelCol, labelWrap, colon: contextColon, classNames: contextClassNames, styles: contextStyles, tooltip: contextTooltip, } = React.useContext(FormContext);\n if (!label) {\n return null;\n }\n const mergedLabelCol = labelCol || contextLabelCol || {};\n const mergedLabelAlign = labelAlign || contextLabelAlign;\n const labelClsBasic = `${prefixCls}-item-label`;\n const labelColClassName = clsx(labelClsBasic, mergedLabelAlign === 'left' && `${labelClsBasic}-left`, mergedLabelCol.className, {\n [`${labelClsBasic}-wrap`]: !!labelWrap,\n });\n let labelChildren = label;\n // Keep label is original where there should have no colon\n const computedColon = colon === true || (contextColon !== false && colon !== false);\n const haveColon = computedColon && !vertical;\n // Remove duplicated user input colon\n if (haveColon && typeof label === 'string' && label.trim()) {\n labelChildren = label.replace(/[:|：]\\s*$/, '');\n }\n const tooltipProps = convertToTooltipProps(tooltip, contextTooltip);\n if (tooltipProps) {\n const tooltipNode = (React.createElement(Tooltip, { ...tooltipProps },\n React.createElement(\"span\", { className: `${prefixCls}-item-tooltip`, onClick: (e) => {\n e.preventDefault();\n }, tabIndex: -1 }, tooltipProps.icon || tooltipProps.children || React.createElement(QuestionCircleOutlined, null))));\n labelChildren = (React.createElement(React.Fragment, null,\n labelChildren,\n tooltipNode));\n }\n // Required Mark\n const isOptionalMark = requiredMark === 'optional';\n const isRenderMark = isFunction(requiredMark);\n const hideRequiredMark = requiredMark === false;\n if (isRenderMark) {\n labelChildren = requiredMark(labelChildren, { required: !!required });\n }\n else if (isOptionalMark && !required) {\n labelChildren = (React.createElement(React.Fragment, null,\n labelChildren,\n React.createElement(\"span\", { className: `${prefixCls}-item-optional` }, formLocale?.optional || defaultLocale.Form?.optional)));\n }\n // https://github.com/ant-design/ant-design/pull/52950#discussion_r1980880316\n let markType;\n if (hideRequiredMark) {\n markType = 'hidden';\n }\n else if (isOptionalMark || isRenderMark) {\n markType = 'optional';\n }\n const labelClassName = clsx(contextClassNames?.label, {\n [`${prefixCls}-item-required`]: required,\n [`${prefixCls}-item-required-mark-${markType}`]: markType,\n [`${prefixCls}-item-no-colon`]: !computedColon,\n });\n return (React.createElement(Col, { ...mergedLabelCol, className: labelColClassName },\n React.createElement(\"label\", { htmlFor: htmlFor, className: labelClassName, style: contextStyles?.label, title: typeof label === 'string' ? label : undefined }, labelChildren)));\n};\nexport default FormItemLabel;\n","import * as React from 'react';\nimport CheckCircleFilled from '@ant-design/icons/CheckCircleFilled';\nimport CloseCircleFilled from '@ant-design/icons/CloseCircleFilled';\nimport ExclamationCircleFilled from '@ant-design/icons/ExclamationCircleFilled';\nimport LoadingOutlined from '@ant-design/icons/LoadingOutlined';\nimport { clsx } from 'clsx';\nimport { FormContext, FormItemInputContext } from '../context';\nimport { getStatus } from '../util';\nconst iconMap = {\n success: CheckCircleFilled,\n warning: ExclamationCircleFilled,\n error: CloseCircleFilled,\n validating: LoadingOutlined,\n};\nfunction StatusProvider({ children, errors, warnings, hasFeedback, validateStatus, prefixCls, meta, noStyle, name, }) {\n const itemPrefixCls = `${prefixCls}-item`;\n const { feedbackIcons } = React.useContext(FormContext);\n const mergedValidateStatus = getStatus(errors, warnings, meta, null, !!hasFeedback, validateStatus);\n const { isFormItemInput: parentIsFormItemInput, status: parentStatus, hasFeedback: parentHasFeedback, feedbackIcon: parentFeedbackIcon, name: parentName, } = React.useContext(FormItemInputContext);\n // ====================== Context =======================\n const formItemStatusContext = React.useMemo(() => {\n let feedbackIcon;\n if (hasFeedback) {\n const customIcons = (hasFeedback !== true && hasFeedback.icons) || feedbackIcons;\n const customIconNode = mergedValidateStatus &&\n customIcons?.({ status: mergedValidateStatus, errors, warnings })?.[mergedValidateStatus];\n const IconNode = mergedValidateStatus ? iconMap[mergedValidateStatus] : null;\n feedbackIcon =\n customIconNode !== false && IconNode ? (React.createElement(\"span\", { className: clsx(`${itemPrefixCls}-feedback-icon`, `${itemPrefixCls}-feedback-icon-${mergedValidateStatus}`) }, customIconNode || React.createElement(IconNode, null))) : null;\n }\n const context = {\n status: mergedValidateStatus || '',\n errors,\n warnings,\n hasFeedback: !!hasFeedback,\n feedbackIcon,\n isFormItemInput: true,\n name,\n };\n // No style will follow parent context\n if (noStyle) {\n context.status = (mergedValidateStatus ?? parentStatus) || '';\n context.isFormItemInput = parentIsFormItemInput;\n context.hasFeedback = !!(hasFeedback ?? parentHasFeedback);\n context.feedbackIcon = hasFeedback !== undefined ? context.feedbackIcon : parentFeedbackIcon;\n context.name = name ?? parentName;\n }\n return context;\n }, [\n mergedValidateStatus,\n hasFeedback,\n noStyle,\n parentIsFormItemInput,\n parentStatus,\n itemPrefixCls,\n parentHasFeedback,\n ]);\n // ======================= Render =======================\n return (React.createElement(FormItemInputContext.Provider, { value: formItemStatusContext }, children));\n}\nexport default StatusProvider;\n","import * as React from 'react';\nimport { isVisible, omit, useLayoutEffect } from '@rc-component/util';\nimport { clsx } from 'clsx';\nimport { isNonNullable } from '../../_util/is';\nimport { Row } from '../../grid';\nimport { FormContext, NoStyleItemContext } from '../context';\nimport FormItemInput from '../FormItemInput';\nimport FormItemLabel from '../FormItemLabel';\nimport useDebounce from '../hooks/useDebounce';\nimport { getStatus } from '../util';\nimport StatusProvider from './StatusProvider';\nexport default function ItemHolder(props) {\n const { prefixCls, className, rootClassName, style, help, errors, warnings, validateStatus, meta, hasFeedback, hidden, children, fieldId, required, isRequired, onSubItemMetaChange, layout: propsLayout, name, ...restProps } = props;\n const itemPrefixCls = `${prefixCls}-item`;\n const { requiredMark, layout: formLayout } = React.useContext(FormContext);\n const layout = propsLayout || formLayout;\n const vertical = layout === 'vertical';\n // ======================== Margin ========================\n const itemRef = React.useRef(null);\n const debounceErrors = useDebounce(errors);\n const debounceWarnings = useDebounce(warnings);\n const hasHelp = isNonNullable(help);\n const hasError = !!(hasHelp || errors.length || warnings.length);\n const isOnScreen = !!itemRef.current && isVisible(itemRef.current);\n const [marginBottom, setMarginBottom] = React.useState(null);\n useLayoutEffect(() => {\n if (hasError && itemRef.current) {\n // The element must be part of the DOMTree to use getComputedStyle\n // https://stackoverflow.com/questions/35360711/getcomputedstyle-returns-a-cssstyledeclaration-but-all-properties-are-empty-on-a\n const itemStyle = getComputedStyle(itemRef.current);\n setMarginBottom(Number.parseInt(itemStyle.marginBottom, 10));\n }\n }, [hasError, isOnScreen]);\n const onErrorVisibleChanged = (nextVisible) => {\n if (!nextVisible) {\n setMarginBottom(null);\n }\n };\n // ======================== Status ========================\n const getValidateState = (isDebounce = false) => {\n const _errors = isDebounce ? debounceErrors : meta.errors;\n const _warnings = isDebounce ? debounceWarnings : meta.warnings;\n return getStatus(_errors, _warnings, meta, '', !!hasFeedback, validateStatus);\n };\n const mergedValidateStatus = getValidateState();\n // ======================== Render ========================\n const itemClassName = clsx(itemPrefixCls, className, rootClassName, {\n [`${itemPrefixCls}-with-help`]: hasHelp || debounceErrors.length || debounceWarnings.length,\n // Status\n [`${itemPrefixCls}-has-feedback`]: mergedValidateStatus && hasFeedback,\n [`${itemPrefixCls}-has-success`]: mergedValidateStatus === 'success',\n [`${itemPrefixCls}-has-warning`]: mergedValidateStatus === 'warning',\n [`${itemPrefixCls}-has-error`]: mergedValidateStatus === 'error',\n [`${itemPrefixCls}-is-validating`]: mergedValidateStatus === 'validating',\n [`${itemPrefixCls}-hidden`]: hidden,\n // Layout\n [`${itemPrefixCls}-${layout}`]: layout,\n });\n return (React.createElement(\"div\", { className: itemClassName, style: style, ref: itemRef },\n React.createElement(Row, { className: `${itemPrefixCls}-row`, ...omit(restProps, [\n '_internalItemRender',\n 'colon',\n 'dependencies',\n 'extra',\n 'fieldKey',\n 'getValueFromEvent',\n 'getValueProps',\n 'htmlFor',\n 'id', // It is deprecated because `htmlFor` is its replacement.\n 'initialValue',\n 'isListField',\n 'label',\n 'labelAlign',\n 'labelCol',\n 'labelWrap',\n 'messageVariables',\n 'name',\n 'normalize',\n 'noStyle',\n 'preserve',\n 'requiredMark',\n 'rules',\n 'shouldUpdate',\n 'trigger',\n 'tooltip',\n 'validateFirst',\n 'validateTrigger',\n 'valuePropName',\n 'wrapperCol',\n 'validateDebounce',\n ]) },\n React.createElement(FormItemLabel, { htmlFor: fieldId, ...props, requiredMark: requiredMark, required: required ?? isRequired, prefixCls: prefixCls, vertical: vertical }),\n React.createElement(FormItemInput, { ...props, ...meta, errors: debounceErrors, warnings: debounceWarnings, prefixCls: prefixCls, status: mergedValidateStatus, help: help, marginBottom: marginBottom, onErrorVisibleChanged: onErrorVisibleChanged },\n React.createElement(NoStyleItemContext.Provider, { value: onSubItemMetaChange },\n React.createElement(StatusProvider, { prefixCls: prefixCls, meta: meta, errors: meta.errors, warnings: meta.warnings, hasFeedback: hasFeedback, \n // Already calculated\n validateStatus: mergedValidateStatus, name: name }, children)))),\n !!marginBottom && (React.createElement(\"div\", { className: `${itemPrefixCls}-margin-offset`, style: {\n marginBottom: -marginBottom,\n } }))));\n}\n","import * as React from 'react';\nimport { Field, FieldContext, ListContext } from '@rc-component/form';\nimport { supportRef, useState } from '@rc-component/util';\nimport { clsx } from 'clsx';\nimport { isFunction, isNonNullable, isPlainObject } from '../../_util/is';\nimport { cloneElement } from '../../_util/reactNode';\nimport { devUseWarning } from '../../_util/warning';\nimport { ConfigContext } from '../../config-provider';\nimport useCSSVarCls from '../../config-provider/hooks/useCSSVarCls';\nimport { FormContext, NoStyleItemContext } from '../context';\nimport useChildren from '../hooks/useChildren';\nimport useFormItemStatus from '../hooks/useFormItemStatus';\nimport useFrameState from '../hooks/useFrameState';\nimport useItemRef from '../hooks/useItemRef';\nimport useStyle from '../style';\nimport { getFieldId, toArray } from '../util';\nimport ItemHolder from './ItemHolder';\nimport StatusProvider from './StatusProvider';\nconst NAME_SPLIT = '__SPLIT__';\nconst _ValidateStatuses = ['success', 'warning', 'error', 'validating', ''];\n// https://github.com/ant-design/ant-design/issues/46417\n// `getValueProps` may modify the value props name,\n// we should check if the control is similar.\nfunction isSimilarControl(a, b) {\n const keysA = Object.keys(a);\n const keysB = Object.keys(b);\n return (keysA.length === keysB.length &&\n keysA.every((key) => {\n const propValueA = a[key];\n const propValueB = b[key];\n return propValueA === propValueB || isFunction(propValueA) || isFunction(propValueB);\n }));\n}\nconst MemoInput = React.memo((props) => props.children, (prev, next) => isSimilarControl(prev.control, next.control) &&\n prev.update === next.update &&\n prev.childProps.length === next.childProps.length &&\n prev.childProps.every((value, index) => value === next.childProps[index]));\nfunction genEmptyMeta() {\n return {\n errors: [],\n warnings: [],\n touched: false,\n validating: false,\n name: [],\n validated: false,\n };\n}\nfunction InternalFormItem(props) {\n const { name, noStyle, className, dependencies, prefixCls: customizePrefixCls, shouldUpdate, rules, children, required, label, messageVariables, trigger = 'onChange', validateTrigger, hidden, help, layout, } = props;\n const { getPrefixCls } = React.useContext(ConfigContext);\n const { name: formName } = React.useContext(FormContext);\n const mergedChildren = useChildren(children);\n const isRenderProps = isFunction(mergedChildren);\n const notifyParentMetaChange = React.useContext(NoStyleItemContext);\n const { validateTrigger: contextValidateTrigger } = React.useContext(FieldContext);\n const mergedValidateTrigger = isNonNullable(validateTrigger)\n ? validateTrigger\n : contextValidateTrigger;\n const hasName = isNonNullable(name);\n const prefixCls = getPrefixCls('form', customizePrefixCls);\n // Style\n const rootCls = useCSSVarCls(prefixCls);\n const [hashId, cssVarCls] = useStyle(prefixCls, rootCls);\n // ========================= Warn =========================\n const warning = devUseWarning('Form.Item');\n if (process.env.NODE_ENV !== 'production') {\n warning(name !== null, 'usage', '`null` is passed as `name` property');\n }\n // ========================= MISC =========================\n // Get `noStyle` required info\n const listContext = React.useContext(ListContext);\n const fieldKeyPathRef = React.useRef(null);\n // ======================== Errors ========================\n // >>>>> Collect sub field errors\n const [subFieldErrors, setSubFieldErrors] = useFrameState({});\n // >>>>> Current field errors\n const [meta, setMeta] = useState(() => genEmptyMeta());\n const onMetaChange = (nextMeta) => {\n // This keyInfo is not correct when field is removed\n // Since origin keyManager no longer keep the origin key anymore\n // Which means we need cache origin one and reuse when removed\n const keyInfo = listContext?.getKey(nextMeta.name);\n // Destroy will reset all the meta\n setMeta(nextMeta.destroy ? genEmptyMeta() : nextMeta, true);\n // Bump to parent since noStyle\n if (noStyle && help !== false && notifyParentMetaChange) {\n let namePath = nextMeta.name;\n if (!nextMeta.destroy) {\n if (keyInfo !== undefined) {\n const [fieldKey, restPath] = keyInfo;\n namePath = [fieldKey, ...restPath];\n fieldKeyPathRef.current = namePath;\n }\n }\n else {\n // Use origin cache data\n namePath = fieldKeyPathRef.current || namePath;\n }\n notifyParentMetaChange(nextMeta, namePath);\n }\n };\n // >>>>> Collect noStyle Field error to the top FormItem\n const onSubItemMetaChange = (subMeta, uniqueKeys) => {\n // Only `noStyle` sub item will trigger\n setSubFieldErrors((prevSubFieldErrors) => {\n const clone = {\n ...prevSubFieldErrors,\n };\n // name: ['user', 1] + key: [4] = ['user', 4]\n const mergedNamePath = [...subMeta.name.slice(0, -1), ...uniqueKeys];\n const mergedNameKey = mergedNamePath.join(NAME_SPLIT);\n if (subMeta.destroy) {\n // Remove\n delete clone[mergedNameKey];\n }\n else {\n // Update\n clone[mergedNameKey] = subMeta;\n }\n return clone;\n });\n };\n // >>>>> Get merged errors\n const [mergedErrors, mergedWarnings] = React.useMemo(() => {\n const errorList = [...meta.errors];\n const warningList = [...meta.warnings];\n Object.values(subFieldErrors).forEach((subFieldError) => {\n errorList.push(...(subFieldError.errors || []));\n warningList.push(...(subFieldError.warnings || []));\n });\n return [errorList, warningList];\n }, [subFieldErrors, meta.errors, meta.warnings]);\n // ===================== Children Ref =====================\n const getItemRef = useItemRef();\n // ======================== Render ========================\n function renderLayout(baseChildren, fieldId, isRequired) {\n if (noStyle && !hidden) {\n return (React.createElement(StatusProvider, { prefixCls: prefixCls, hasFeedback: props.hasFeedback, validateStatus: props.validateStatus, meta: meta, errors: mergedErrors, warnings: mergedWarnings, noStyle: true, name: name }, baseChildren));\n }\n return (React.createElement(ItemHolder, { key: \"row\", ...props, className: clsx(className, cssVarCls, rootCls, hashId), prefixCls: prefixCls, fieldId: fieldId, isRequired: isRequired, errors: mergedErrors, warnings: mergedWarnings, meta: meta, onSubItemMetaChange: onSubItemMetaChange, layout: layout, name: name }, baseChildren));\n }\n if (!hasName && !isRenderProps && !dependencies) {\n return renderLayout(mergedChildren);\n }\n let variables = {};\n if (typeof label === 'string') {\n variables.label = label;\n }\n else if (name) {\n variables.label = String(name);\n }\n if (messageVariables) {\n variables = { ...variables, ...messageVariables };\n }\n // >>>>> With Field\n return (React.createElement(Field, { ...props, messageVariables: variables, trigger: trigger, validateTrigger: mergedValidateTrigger, onMetaChange: onMetaChange }, (control, renderMeta, context) => {\n const mergedName = toArray(name).length && renderMeta ? renderMeta.name : [];\n const fieldId = getFieldId(mergedName, formName);\n const isRequired = required !== undefined\n ? required\n : rules?.some((rule) => {\n if (isPlainObject(rule) &&\n rule.required &&\n !rule.warningOnly) {\n return true;\n }\n if (isFunction(rule)) {\n const ruleEntity = rule(context);\n return ruleEntity?.required && !ruleEntity?.warningOnly;\n }\n return false;\n });\n // ======================= Children =======================\n const mergedControl = {\n ...control,\n };\n let childNode = null;\n warning(!(shouldUpdate && dependencies), 'usage', \"`shouldUpdate` and `dependencies` shouldn't be used together. See https://u.ant.design/form-deps.\");\n if (Array.isArray(mergedChildren) && hasName) {\n warning(false, 'usage', 'A `Form.Item` with a `name` prop must have a single child element. For information on how to render more complex form items, see https://u.ant.design/complex-form-item.');\n childNode = mergedChildren;\n }\n else if (isRenderProps && (!(shouldUpdate || dependencies) || hasName)) {\n warning(!!(shouldUpdate || dependencies), 'usage', 'A `Form.Item` with a render function must have either `shouldUpdate` or `dependencies`.');\n warning(!hasName, 'usage', 'A `Form.Item` with a render function cannot be a field, and thus cannot have a `name` prop.');\n }\n else if (dependencies && !isRenderProps && !hasName) {\n warning(false, 'usage', 'Must set `name` or use a render function when `dependencies` is set.');\n }\n else if (React.isValidElement(mergedChildren)) {\n warning(mergedChildren.props.defaultValue === undefined, 'usage', '`defaultValue` will not work on controlled Field. You should use `initialValues` of Form instead.');\n const childProps = {\n ...mergedChildren.props,\n ...mergedControl,\n };\n if (!childProps.id) {\n childProps.id = fieldId;\n }\n if (help || mergedErrors.length > 0 || mergedWarnings.length > 0 || props.extra) {\n const describedbyArr = [];\n if (help || mergedErrors.length > 0) {\n describedbyArr.push(`${fieldId}_help`);\n }\n if (props.extra) {\n describedbyArr.push(`${fieldId}_extra`);\n }\n childProps['aria-describedby'] = describedbyArr.join(' ');\n }\n if (mergedErrors.length > 0) {\n childProps['aria-invalid'] = 'true';\n }\n if (isRequired) {\n childProps['aria-required'] = 'true';\n }\n if (supportRef(mergedChildren)) {\n childProps.ref = getItemRef(mergedName, mergedChildren);\n }\n // We should keep user origin event handler\n const triggers = new Set([\n ...toArray(trigger),\n ...toArray(mergedValidateTrigger),\n ]);\n triggers.forEach((eventName) => {\n childProps[eventName] = (...args) => {\n mergedControl[eventName]?.(...args);\n mergedChildren.props[eventName]?.(...args);\n };\n });\n // List of props that need to be watched for changes -> if changes are detected in MemoInput -> rerender\n const watchingChildProps = [\n childProps['aria-required'],\n childProps['aria-invalid'],\n childProps['aria-describedby'],\n ];\n childNode = (React.createElement(MemoInput, { control: mergedControl, update: mergedChildren, childProps: watchingChildProps }, cloneElement(mergedChildren, childProps)));\n }\n else if (isRenderProps && (shouldUpdate || dependencies) && !hasName) {\n childNode = mergedChildren(context);\n }\n else {\n warning(!mergedName.length || !!noStyle, 'usage', '`name` is only used for validate React element. If you are using Form.Item as layout display, please remove `name` instead.');\n childNode = mergedChildren;\n }\n return renderLayout(childNode, fieldId, isRequired);\n }));\n}\nconst FormItem = InternalFormItem;\nFormItem.useStatus = useFormItemStatus;\nexport default FormItem;\n","import * as React from 'react';\nimport { List } from '@rc-component/form';\nimport { isNumber } from '../_util/is';\nimport { devUseWarning } from '../_util/warning';\nimport { ConfigContext } from '../config-provider';\nimport { FormItemPrefixContext } from './context';\nconst FormList = ({ prefixCls: customizePrefixCls, children, ...props }) => {\n if (process.env.NODE_ENV !== 'production') {\n const warning = devUseWarning('Form.List');\n warning(isNumber(props.name) || (Array.isArray(props.name) ? !!props.name.length : !!props.name), 'usage', 'Miss `name` prop.');\n }\n const { getPrefixCls } = React.useContext(ConfigContext);\n const prefixCls = getPrefixCls('form', customizePrefixCls);\n const contextValue = React.useMemo(() => ({\n prefixCls,\n status: 'error',\n }), [prefixCls]);\n return (React.createElement(List, { ...props }, (fields, operation, meta) => (React.createElement(FormItemPrefixContext.Provider, { value: contextValue }, children(fields.map((field) => ({ ...field, fieldKey: field.key })), operation, {\n errors: meta.errors,\n warnings: meta.warnings,\n })))));\n};\nexport default FormList;\n","import * as React from 'react';\nimport { FormContext } from '../context';\nexport default function useFormInstance() {\n const { form } = React.useContext(FormContext);\n return form;\n}\n","import { FormProvider } from './context';\nimport ErrorList from './ErrorList';\nimport InternalForm, { useForm, useWatch } from './Form';\nimport Item from './FormItem';\nimport List from './FormList';\nimport useFormInstance from './hooks/useFormInstance';\nconst Form = InternalForm;\nForm.Item = Item;\nForm.List = List;\nForm.ErrorList = ErrorList;\nForm.useForm = useForm;\nForm.useFormInstance = useFormInstance;\nForm.useWatch = useWatch;\nForm.Provider = FormProvider;\nexport default Form;\n","import Col from './col';\nimport useInternalBreakpoint from './hooks/useBreakpoint';\nimport Row from './row';\n// Do not export params\nfunction useBreakpoint() {\n return useInternalBreakpoint();\n}\nexport { Col, Row };\nexport default { useBreakpoint };\n","import * as React from 'react';\nexport const PreviewGroupContext = /*#__PURE__*/React.createContext(null);","export function isImageValid(src) {\n return new Promise(resolve => {\n if (!src) {\n resolve(false);\n return;\n }\n const img = document.createElement('img');\n img.onerror = () => resolve(false);\n img.onload = () => resolve(true);\n img.src = src;\n });\n}\n\n// ============================= Legacy =============================\nexport function getClientSize() {\n const width = document.documentElement.clientWidth;\n const height = window.innerHeight || document.documentElement.clientHeight;\n return {\n width,\n height\n };\n}","import { getClientSize } from \"../util\";\nimport isEqual from \"@rc-component/util/es/isEqual\";\nimport raf from \"@rc-component/util/es/raf\";\nimport { useRef, useState } from 'react';\nconst initialTransform = {\n x: 0,\n y: 0,\n rotate: 0,\n scale: 1,\n flipX: false,\n flipY: false\n};\nexport default function useImageTransform(imgRef, minScale, maxScale, onTransform) {\n const frame = useRef(null);\n const queue = useRef([]);\n const [transform, setTransform] = useState(initialTransform);\n const resetTransform = action => {\n setTransform(initialTransform);\n if (!isEqual(initialTransform, transform)) {\n onTransform?.({\n transform: initialTransform,\n action\n });\n }\n };\n\n /** Direct update transform */\n const updateTransform = (newTransform, action) => {\n if (frame.current === null) {\n queue.current = [];\n frame.current = raf(() => {\n setTransform(preState => {\n let memoState = preState;\n queue.current.forEach(queueState => {\n memoState = {\n ...memoState,\n ...queueState\n };\n });\n frame.current = null;\n onTransform?.({\n transform: memoState,\n action\n });\n return memoState;\n });\n });\n }\n queue.current.push({\n ...transform,\n ...newTransform\n });\n };\n\n /** Scale according to the position of centerX and centerY */\n const dispatchZoomChange = (ratio, action, centerX, centerY, isTouch) => {\n const {\n width,\n height,\n offsetWidth,\n offsetHeight,\n offsetLeft,\n offsetTop\n } = imgRef.current;\n let newRatio = ratio;\n let newScale = transform.scale * ratio;\n if (newScale > maxScale) {\n newScale = maxScale;\n newRatio = maxScale / transform.scale;\n } else if (newScale < minScale) {\n // For mobile interactions, allow scaling down to the minimum scale.\n newScale = isTouch ? newScale : minScale;\n newRatio = newScale / transform.scale;\n }\n\n /** Default center point scaling */\n const mergedCenterX = centerX ?? innerWidth / 2;\n const mergedCenterY = centerY ?? innerHeight / 2;\n const diffRatio = newRatio - 1;\n /** Deviation calculated from image size */\n const diffImgX = diffRatio * width * 0.5;\n const diffImgY = diffRatio * height * 0.5;\n /** The difference between the click position and the edge of the document */\n const diffOffsetLeft = diffRatio * (mergedCenterX - transform.x - offsetLeft);\n const diffOffsetTop = diffRatio * (mergedCenterY - transform.y - offsetTop);\n /** Final positioning */\n let newX = transform.x - (diffOffsetLeft - diffImgX);\n let newY = transform.y - (diffOffsetTop - diffImgY);\n\n /**\n * When zooming the image\n * When the image size is smaller than the width and height of the window, the position is initialized\n */\n if (ratio < 1 && newScale === 1) {\n const mergedWidth = offsetWidth * newScale;\n const mergedHeight = offsetHeight * newScale;\n const {\n width: clientWidth,\n height: clientHeight\n } = getClientSize();\n if (mergedWidth <= clientWidth && mergedHeight <= clientHeight) {\n newX = 0;\n newY = 0;\n }\n }\n updateTransform({\n x: newX,\n y: newY,\n scale: newScale\n }, action);\n };\n return {\n transform,\n resetTransform,\n updateTransform,\n dispatchZoomChange\n };\n}","import { getClientSize } from \"./util\";\nfunction fixPoint(key, start, width, clientWidth) {\n const startAddWidth = start + width;\n const offsetStart = (width - clientWidth) / 2;\n if (width > clientWidth) {\n if (start > 0) {\n return {\n [key]: offsetStart\n };\n }\n if (start < 0 && startAddWidth < clientWidth) {\n return {\n [key]: -offsetStart\n };\n }\n } else if (start < 0 || startAddWidth > clientWidth) {\n return {\n [key]: start < 0 ? offsetStart : -offsetStart\n };\n }\n return {};\n}\n\n/**\n * Fix positon x,y point when\n *\n * Ele width && height < client\n * - Back origin\n *\n * - Ele width | height > clientWidth | clientHeight\n * - left | top > 0 -> Back 0\n * - left | top + width | height < clientWidth | clientHeight -> Back left | top + width | height === clientWidth | clientHeight\n *\n * Regardless of other\n */\nexport default function getFixScaleEleTransPosition(width, height, left, top) {\n const {\n width: clientWidth,\n height: clientHeight\n } = getClientSize();\n let fixPos = null;\n if (width <= clientWidth && height <= clientHeight) {\n fixPos = {\n x: 0,\n y: 0\n };\n } else if (width > clientWidth || height > clientHeight) {\n fixPos = {\n ...fixPoint('x', left, width, clientWidth),\n ...fixPoint('y', top, height, clientHeight)\n };\n }\n return fixPos;\n}","/** Scale the ratio base */\nexport const BASE_SCALE_RATIO = 1;\n/** The maximum zoom ratio when the mouse zooms in, adjustable */\nexport const WHEEL_MAX_SCALE_RATIO = 1;","import { warning } from \"@rc-component/util/es/warning\";\nimport { useEffect, useRef, useState } from 'react';\nimport getFixScaleEleTransPosition from \"../getFixScaleEleTransPosition\";\nimport { BASE_SCALE_RATIO, WHEEL_MAX_SCALE_RATIO } from \"../previewConfig\";\nexport default function useMouseEvent(imgRef, movable, open, scaleStep, transform, updateTransform, dispatchZoomChange) {\n const {\n rotate,\n scale,\n x,\n y\n } = transform;\n const [isMoving, setMoving] = useState(false);\n const startPositionInfo = useRef({\n diffX: 0,\n diffY: 0,\n transformX: 0,\n transformY: 0\n });\n const onMouseDown = event => {\n // Only allow main button\n if (!movable || event.button !== 0) return;\n event.preventDefault();\n event.stopPropagation();\n startPositionInfo.current = {\n diffX: event.pageX - x,\n diffY: event.pageY - y,\n transformX: x,\n transformY: y\n };\n setMoving(true);\n };\n const onMouseMove = event => {\n if (open && isMoving) {\n updateTransform({\n x: event.pageX - startPositionInfo.current.diffX,\n y: event.pageY - startPositionInfo.current.diffY\n }, 'move');\n }\n };\n const onMouseUp = () => {\n if (open && isMoving) {\n setMoving(false);\n\n /** No need to restore the position when the picture is not moved, So as not to interfere with the click */\n const {\n transformX,\n transformY\n } = startPositionInfo.current;\n const hasChangedPosition = x !== transformX && y !== transformY;\n if (!hasChangedPosition) return;\n const width = imgRef.current.offsetWidth * scale;\n const height = imgRef.current.offsetHeight * scale;\n // eslint-disable-next-line @typescript-eslint/no-shadow\n const {\n left,\n top\n } = imgRef.current.getBoundingClientRect();\n const isRotate = rotate % 180 !== 0;\n const fixState = getFixScaleEleTransPosition(isRotate ? height : width, isRotate ? width : height, left, top);\n if (fixState) {\n updateTransform({\n ...fixState\n }, 'dragRebound');\n }\n }\n };\n const onWheel = event => {\n if (!open || event.deltaY == 0) return;\n // Scale ratio depends on the deltaY size\n const scaleRatio = Math.abs(event.deltaY / 100);\n // Limit the maximum scale ratio\n const mergedScaleRatio = Math.min(scaleRatio, WHEEL_MAX_SCALE_RATIO);\n // Scale the ratio each time\n let ratio = BASE_SCALE_RATIO + mergedScaleRatio * scaleStep;\n if (event.deltaY > 0) {\n ratio = BASE_SCALE_RATIO / ratio;\n }\n dispatchZoomChange(ratio, 'wheel', event.clientX, event.clientY);\n };\n useEffect(() => {\n if (movable) {\n window.addEventListener('mouseup', onMouseUp, false);\n window.addEventListener('mousemove', onMouseMove, false);\n try {\n // Resolve if in iframe lost event\n /* istanbul ignore next */\n if (window.top !== window.self) {\n window.top.addEventListener('mouseup', onMouseUp, false);\n window.top.addEventListener('mousemove', onMouseMove, false);\n }\n } catch (error) {\n /* istanbul ignore next */\n warning(false, `[rc-image] ${error}`);\n }\n }\n return () => {\n window.removeEventListener('mouseup', onMouseUp);\n window.removeEventListener('mousemove', onMouseMove);\n\n /* istanbul ignore next */\n try {\n window.top?.removeEventListener('mouseup', onMouseUp);\n window.top?.removeEventListener('mousemove', onMouseMove);\n } catch (error) {\n // Do nothing\n }\n };\n }, [open, isMoving, x, y, rotate, movable]);\n return {\n isMoving,\n onMouseDown,\n onMouseMove,\n onMouseUp,\n onWheel\n };\n}","import { useEffect, useRef, useState } from 'react';\nimport { isImageValid } from \"../util\";\nexport default function useStatus({\n src,\n isCustomPlaceholder,\n fallback\n}) {\n const [status, setStatus] = useState(isCustomPlaceholder ? 'loading' : 'normal');\n const isLoaded = useRef(false);\n const isError = status === 'error';\n\n // https://github.com/react-component/image/pull/187\n useEffect(() => {\n let isCurrentSrc = true;\n isImageValid(src).then(isValid => {\n // https://github.com/ant-design/ant-design/issues/44948\n // If src changes, the previous setStatus should not be triggered\n if (!isValid && isCurrentSrc) {\n setStatus('error');\n }\n });\n return () => {\n isCurrentSrc = false;\n };\n }, [src]);\n useEffect(() => {\n if (isCustomPlaceholder && !isLoaded.current) {\n setStatus('loading');\n } else if (isError) {\n setStatus('normal');\n }\n }, [src]);\n const onLoad = () => {\n setStatus('normal');\n };\n const getImgRef = img => {\n isLoaded.current = false;\n if (status === 'loading' && img?.complete && (img.naturalWidth || img.naturalHeight)) {\n isLoaded.current = true;\n onLoad();\n }\n };\n const srcAndOnload = isError && fallback ? {\n src: fallback\n } : {\n onLoad,\n src\n };\n return [getImgRef, srcAndOnload, status];\n}","import { useEffect, useRef, useState } from 'react';\nimport getFixScaleEleTransPosition from \"../getFixScaleEleTransPosition\";\nfunction getDistance(a, b) {\n const x = a.x - b.x;\n const y = a.y - b.y;\n return Math.hypot(x, y);\n}\nfunction getCenter(oldPoint1, oldPoint2, newPoint1, newPoint2) {\n // Calculate the distance each point has moved\n const distance1 = getDistance(oldPoint1, newPoint1);\n const distance2 = getDistance(oldPoint2, newPoint2);\n\n // If both distances are 0, return the original points\n if (distance1 === 0 && distance2 === 0) {\n return [oldPoint1.x, oldPoint1.y];\n }\n\n // Calculate the ratio of the distances\n const ratio = distance1 / (distance1 + distance2);\n\n // Calculate the new center point based on the ratio\n const x = oldPoint1.x + ratio * (oldPoint2.x - oldPoint1.x);\n const y = oldPoint1.y + ratio * (oldPoint2.y - oldPoint1.y);\n return [x, y];\n}\nexport default function useTouchEvent(imgRef, movable, open, minScale, transform, updateTransform, dispatchZoomChange) {\n const {\n rotate,\n scale,\n x,\n y\n } = transform;\n const [isTouching, setIsTouching] = useState(false);\n const touchPointInfo = useRef({\n point1: {\n x: 0,\n y: 0\n },\n point2: {\n x: 0,\n y: 0\n },\n eventType: 'none'\n });\n const updateTouchPointInfo = values => {\n touchPointInfo.current = {\n ...touchPointInfo.current,\n ...values\n };\n };\n const onTouchStart = event => {\n if (!movable) return;\n event.stopPropagation();\n setIsTouching(true);\n const {\n touches = []\n } = event;\n if (touches.length > 1) {\n // touch zoom\n updateTouchPointInfo({\n point1: {\n x: touches[0].clientX,\n y: touches[0].clientY\n },\n point2: {\n x: touches[1].clientX,\n y: touches[1].clientY\n },\n eventType: 'touchZoom'\n });\n } else {\n // touch move\n updateTouchPointInfo({\n point1: {\n x: touches[0].clientX - x,\n y: touches[0].clientY - y\n },\n eventType: 'move'\n });\n }\n };\n const onTouchMove = event => {\n const {\n touches = []\n } = event;\n const {\n point1,\n point2,\n eventType\n } = touchPointInfo.current;\n if (touches.length > 1 && eventType === 'touchZoom') {\n // touch zoom\n const newPoint1 = {\n x: touches[0].clientX,\n y: touches[0].clientY\n };\n const newPoint2 = {\n x: touches[1].clientX,\n y: touches[1].clientY\n };\n const [centerX, centerY] = getCenter(point1, point2, newPoint1, newPoint2);\n const ratio = getDistance(newPoint1, newPoint2) / getDistance(point1, point2);\n dispatchZoomChange(ratio, 'touchZoom', centerX, centerY, true);\n updateTouchPointInfo({\n point1: newPoint1,\n point2: newPoint2,\n eventType: 'touchZoom'\n });\n } else if (eventType === 'move') {\n // touch move\n updateTransform({\n x: touches[0].clientX - point1.x,\n y: touches[0].clientY - point1.y\n }, 'move');\n updateTouchPointInfo({\n eventType: 'move'\n });\n }\n };\n const onTouchEnd = () => {\n if (!open) return;\n if (isTouching) {\n setIsTouching(false);\n }\n updateTouchPointInfo({\n eventType: 'none'\n });\n if (minScale > scale) {\n /** When the scaling ratio is less than the minimum scaling ratio, reset the scaling ratio */\n return updateTransform({\n x: 0,\n y: 0,\n scale: minScale\n }, 'touchZoom');\n }\n const width = imgRef.current.offsetWidth * scale;\n const height = imgRef.current.offsetHeight * scale;\n // eslint-disable-next-line @typescript-eslint/no-shadow\n const {\n left,\n top\n } = imgRef.current.getBoundingClientRect();\n const isRotate = rotate % 180 !== 0;\n const fixState = getFixScaleEleTransPosition(isRotate ? height : width, isRotate ? width : height, left, top);\n if (fixState) {\n updateTransform({\n ...fixState\n }, 'dragRebound');\n }\n };\n useEffect(() => {\n const preventDefault = e => {\n e.preventDefault();\n };\n if (open && movable) {\n window.addEventListener('touchmove', preventDefault, {\n passive: false\n });\n }\n return () => {\n window.removeEventListener('touchmove', preventDefault);\n };\n }, [open, movable]);\n return {\n isTouching,\n onTouchStart,\n onTouchMove,\n onTouchEnd\n };\n}","import { clsx } from 'clsx';\nimport * as React from 'react';\nexport default function CloseBtn(props) {\n const {\n prefixCls,\n icon,\n onClick,\n className,\n style\n } = props;\n return /*#__PURE__*/React.createElement(\"button\", {\n className: clsx(`${prefixCls}-close`, className),\n style: style,\n onClick: onClick\n }, icon);\n}","import { clsx } from 'clsx';\nimport * as React from 'react';\nexport default function Footer(props) {\n // 修改解构，添加缺失的属性，并提供默认值\n const {\n prefixCls,\n showProgress,\n current,\n count,\n showSwitch,\n // Style\n classNames,\n styles,\n // render\n icons,\n image,\n transform,\n countRender,\n actionsRender,\n // Scale\n scale,\n minScale,\n maxScale,\n // Actions\n onActive,\n onFlipY,\n onFlipX,\n onRotateLeft,\n onRotateRight,\n onZoomOut,\n onZoomIn,\n onClose,\n onReset\n } = props;\n const {\n left,\n right,\n prev,\n next,\n flipY,\n flipX,\n rotateLeft,\n rotateRight,\n zoomOut,\n zoomIn\n } = icons;\n\n // ========================== Render ==========================\n // >>>>> Progress\n const progressNode = showProgress && /*#__PURE__*/React.createElement(\"div\", {\n className: `${prefixCls}-progress`\n }, countRender ? countRender(current + 1, count) : /*#__PURE__*/React.createElement(\"bdi\", null, `${current + 1} / ${count}`));\n\n // >>>>> Actions\n const actionCls = `${prefixCls}-actions-action`;\n const renderOperation = ({\n type,\n disabled,\n onClick,\n icon\n }) => {\n return /*#__PURE__*/React.createElement(\"button\", {\n type: \"button\",\n key: type,\n className: clsx(actionCls, `${actionCls}-${type}`, {\n [`${actionCls}-disabled`]: !!disabled\n }),\n onClick: onClick,\n disabled: !!disabled,\n \"aria-label\": type\n }, icon);\n };\n const switchPrevNode = showSwitch ? renderOperation({\n icon: prev ?? left,\n onClick: () => onActive(-1),\n type: 'prev',\n disabled: current === 0\n }) : undefined;\n const switchNextNode = showSwitch ? renderOperation({\n icon: next ?? right,\n onClick: () => onActive(1),\n type: 'next',\n disabled: current === count - 1\n }) : undefined;\n const flipYNode = renderOperation({\n icon: flipY,\n onClick: onFlipY,\n type: 'flipY'\n });\n const flipXNode = renderOperation({\n icon: flipX,\n onClick: onFlipX,\n type: 'flipX'\n });\n const rotateLeftNode = renderOperation({\n icon: rotateLeft,\n onClick: onRotateLeft,\n type: 'rotateLeft'\n });\n const rotateRightNode = renderOperation({\n icon: rotateRight,\n onClick: onRotateRight,\n type: 'rotateRight'\n });\n const zoomOutNode = renderOperation({\n icon: zoomOut,\n onClick: onZoomOut,\n type: 'zoomOut',\n disabled: scale <= minScale\n });\n const zoomInNode = renderOperation({\n icon: zoomIn,\n onClick: onZoomIn,\n type: 'zoomIn',\n disabled: scale === maxScale\n });\n const actionsNode = /*#__PURE__*/React.createElement(\"div\", {\n className: clsx(`${prefixCls}-actions`, classNames.actions),\n style: styles.actions\n }, flipYNode, flipXNode, rotateLeftNode, rotateRightNode, zoomOutNode, zoomInNode);\n\n // >>>>> Render\n return /*#__PURE__*/React.createElement(\"div\", {\n className: clsx(`${prefixCls}-footer`, classNames.footer),\n style: styles.footer\n }, progressNode, actionsRender ? actionsRender(actionsNode, {\n icons: {\n prevIcon: switchPrevNode,\n nextIcon: switchNextNode,\n flipYIcon: flipYNode,\n flipXIcon: flipXNode,\n rotateLeftIcon: rotateLeftNode,\n rotateRightIcon: rotateRightNode,\n zoomOutIcon: zoomOutNode,\n zoomInIcon: zoomInNode\n },\n actions: {\n onActive,\n onFlipY,\n onFlipX,\n onRotateLeft,\n onRotateRight,\n onZoomOut,\n onZoomIn,\n onReset,\n onClose\n },\n transform,\n current,\n total: count,\n image\n }) : actionsNode);\n}","import { clsx } from 'clsx';\nimport * as React from 'react';\nexport default function PrevNext(props) {\n const {\n prefixCls,\n onActive,\n current,\n count,\n icons: {\n left,\n right,\n prev,\n next\n }\n } = props;\n const switchCls = `${prefixCls}-switch`;\n const prevDisabled = current === 0;\n const nextDisabled = current === count - 1;\n return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"button\", {\n className: clsx(switchCls, `${switchCls}-prev`, {\n [`${switchCls}-disabled`]: prevDisabled\n }),\n onClick: () => onActive(-1),\n disabled: prevDisabled\n }, prev ?? left), /*#__PURE__*/React.createElement(\"button\", {\n type: \"button\",\n className: clsx(switchCls, `${switchCls}-next`, {\n [`${switchCls}-disabled`]: nextDisabled\n }),\n onClick: () => onActive(1),\n disabled: nextDisabled\n }, next ?? right));\n}","function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport CSSMotion from '@rc-component/motion';\nimport Portal from '@rc-component/portal';\nimport { useEvent } from '@rc-component/util';\nimport { useLockFocus } from \"@rc-component/util/es/Dom/focus\";\nimport useLayoutEffect from \"@rc-component/util/es/hooks/useLayoutEffect\";\nimport KeyCode from \"@rc-component/util/es/KeyCode\";\nimport { clsx } from 'clsx';\nimport React, { useContext, useEffect, useRef, useState } from 'react';\nimport { PreviewGroupContext } from \"../context\";\nimport useImageTransform from \"../hooks/useImageTransform\";\nimport useMouseEvent from \"../hooks/useMouseEvent\";\nimport useStatus from \"../hooks/useStatus\";\nimport useTouchEvent from \"../hooks/useTouchEvent\";\nimport { BASE_SCALE_RATIO } from \"../previewConfig\";\nimport CloseBtn from \"./CloseBtn\";\nimport Footer from \"./Footer\";\nimport PrevNext from \"./PrevNext\";\n\n// Note: if you want to add `action`,\n// pls contact @zombieJ or @thinkasany first.\n\nconst PreviewImage = ({\n fallback,\n src,\n imgRef,\n ...props\n}) => {\n const [getImgRef, srcAndOnload] = useStatus({\n src,\n fallback\n });\n return /*#__PURE__*/React.createElement(\"img\", _extends({\n ref: ref => {\n imgRef.current = ref;\n getImgRef(ref);\n }\n }, props, srcAndOnload));\n};\nconst Preview = props => {\n const {\n prefixCls,\n rootClassName,\n src,\n alt,\n imageInfo,\n fallback,\n movable = true,\n onClose,\n open,\n afterOpenChange,\n maskClosable = true,\n icons = {},\n closeIcon,\n getContainer,\n current = 0,\n count = 1,\n countRender,\n scaleStep = 0.5,\n minScale = 1,\n maxScale = 50,\n motionName = 'fade',\n imageRender,\n imgCommonProps,\n actionsRender,\n onTransform,\n onChange,\n classNames = {},\n styles = {},\n mousePosition,\n zIndex,\n focusTrap = true\n } = props;\n const imgRef = useRef();\n const wrapperRef = useRef(null);\n const triggerRef = useRef(null);\n const groupContext = useContext(PreviewGroupContext);\n const showLeftOrRightSwitches = groupContext && count > 1;\n const showOperationsProgress = groupContext && count >= 1;\n\n // ======================== Transform =========================\n const [enableTransition, setEnableTransition] = useState(true);\n const {\n transform,\n resetTransform,\n updateTransform,\n dispatchZoomChange\n } = useImageTransform(imgRef, minScale, maxScale, onTransform);\n const {\n isMoving,\n onMouseDown,\n onWheel\n } = useMouseEvent(imgRef, movable, open, scaleStep, transform, updateTransform, dispatchZoomChange);\n const {\n isTouching,\n onTouchStart,\n onTouchMove,\n onTouchEnd\n } = useTouchEvent(imgRef, movable, open, minScale, transform, updateTransform, dispatchZoomChange);\n const {\n rotate,\n scale\n } = transform;\n useEffect(() => {\n if (!enableTransition) {\n setEnableTransition(true);\n }\n }, [enableTransition]);\n useEffect(() => {\n if (!open) {\n resetTransform('close');\n }\n }, [open]);\n\n // ========================== Image ===========================\n const onDoubleClick = event => {\n if (open) {\n if (scale !== 1) {\n updateTransform({\n x: 0,\n y: 0,\n scale: 1\n }, 'doubleClick');\n } else {\n dispatchZoomChange(BASE_SCALE_RATIO + scaleStep, 'doubleClick', event.clientX, event.clientY);\n }\n }\n };\n const imgNode = /*#__PURE__*/React.createElement(PreviewImage, _extends({}, imgCommonProps, {\n width: props.width,\n height: props.height,\n imgRef: imgRef,\n className: `${prefixCls}-img`,\n alt: alt,\n style: {\n transform: `translate3d(${transform.x}px, ${transform.y}px, 0) scale3d(${transform.flipX ? '-' : ''}${scale}, ${transform.flipY ? '-' : ''}${scale}, 1) rotate(${rotate}deg)`,\n transitionDuration: (!enableTransition || isTouching) && '0s'\n },\n fallback: fallback,\n src: src,\n onWheel: onWheel,\n onMouseDown: onMouseDown,\n onDoubleClick: onDoubleClick,\n onTouchStart: onTouchStart,\n onTouchMove: onTouchMove,\n onTouchEnd: onTouchEnd,\n onTouchCancel: onTouchEnd\n }));\n const image = {\n url: src,\n alt,\n ...imageInfo\n };\n\n // ======================== Operation =========================\n // >>>>> Actions\n const onZoomIn = () => {\n dispatchZoomChange(BASE_SCALE_RATIO + scaleStep, 'zoomIn');\n };\n const onZoomOut = () => {\n dispatchZoomChange(BASE_SCALE_RATIO / (BASE_SCALE_RATIO + scaleStep), 'zoomOut');\n };\n const onRotateRight = () => {\n updateTransform({\n rotate: rotate + 90\n }, 'rotateRight');\n };\n const onRotateLeft = () => {\n updateTransform({\n rotate: rotate - 90\n }, 'rotateLeft');\n };\n const onFlipX = () => {\n updateTransform({\n flipX: !transform.flipX\n }, 'flipX');\n };\n const onFlipY = () => {\n updateTransform({\n flipY: !transform.flipY\n }, 'flipY');\n };\n const onReset = () => {\n resetTransform('reset');\n };\n const onActive = offset => {\n const nextCurrent = current + offset;\n if (nextCurrent >= 0 && nextCurrent <= count - 1) {\n setEnableTransition(false);\n resetTransform(offset < 0 ? 'prev' : 'next');\n onChange?.(nextCurrent, current);\n }\n };\n\n // >>>>> Effect: Keyboard\n const onKeyDown = useEvent(event => {\n if (open) {\n const {\n keyCode\n } = event;\n if (showLeftOrRightSwitches) {\n if (keyCode === KeyCode.LEFT) {\n onActive(-1);\n } else if (keyCode === KeyCode.RIGHT) {\n onActive(1);\n }\n }\n }\n });\n useEffect(() => {\n if (open) {\n window.addEventListener('keydown', onKeyDown);\n return () => {\n window.removeEventListener('keydown', onKeyDown);\n };\n }\n }, [open]);\n\n // ======================= Lock Scroll ========================\n const [lockScroll, setLockScroll] = useState(false);\n React.useEffect(() => {\n if (open) {\n setLockScroll(true);\n }\n }, [open]);\n const onVisibleChanged = nextVisible => {\n if (!nextVisible) {\n setLockScroll(false);\n\n // Restore focus to the trigger element after leave animation\n triggerRef.current?.focus?.();\n triggerRef.current = null;\n }\n afterOpenChange?.(nextVisible);\n };\n\n // ========================== Portal ==========================\n const [portalRender, setPortalRender] = useState(false);\n useLayoutEffect(() => {\n if (open) {\n setPortalRender(true);\n }\n }, [open]);\n const onEsc = ({\n top\n }) => {\n if (top) {\n onClose?.();\n }\n };\n\n // =========================== Focus ============================\n useLayoutEffect(() => {\n if (open) {\n triggerRef.current = document.activeElement;\n }\n }, [open]);\n useLockFocus(focusTrap && open && portalRender, () => wrapperRef.current);\n\n // ========================== Render ==========================\n const bodyStyle = {\n ...styles.body\n };\n if (mousePosition) {\n bodyStyle.transformOrigin = `${mousePosition.x}px ${mousePosition.y}px`;\n }\n return /*#__PURE__*/React.createElement(Portal, {\n open: portalRender && open,\n autoDestroy: false,\n getContainer: getContainer,\n autoLock: lockScroll,\n onEsc: onEsc\n }, /*#__PURE__*/React.createElement(CSSMotion, {\n motionName: motionName,\n visible: portalRender && open,\n motionAppear: true,\n motionEnter: true,\n motionLeave: true,\n onVisibleChanged: onVisibleChanged\n }, ({\n className: motionClassName,\n style: motionStyle\n }) => {\n const mergedStyle = {\n ...styles.root,\n ...motionStyle\n };\n if (zIndex) {\n mergedStyle.zIndex = zIndex;\n }\n return /*#__PURE__*/React.createElement(\"div\", {\n ref: wrapperRef,\n className: clsx(prefixCls, rootClassName, classNames.root, motionClassName, {\n [`${prefixCls}-movable`]: movable,\n [`${prefixCls}-moving`]: isMoving\n }),\n style: mergedStyle,\n role: \"dialog\",\n \"aria-modal\": \"true\",\n \"aria-label\": alt,\n tabIndex: -1\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: clsx(`${prefixCls}-mask`, classNames.mask),\n style: styles.mask,\n onClick: maskClosable ? onClose : undefined\n }), /*#__PURE__*/React.createElement(\"div\", {\n className: clsx(`${prefixCls}-body`, classNames.body),\n style: bodyStyle\n }, imageRender ? imageRender(imgNode, {\n transform,\n image,\n ...(groupContext ? {\n current\n } : {})\n }) : imgNode), closeIcon !== false && closeIcon !== null && /*#__PURE__*/React.createElement(CloseBtn, {\n prefixCls: prefixCls,\n icon: closeIcon === true ? icons.close : closeIcon || icons.close,\n onClick: onClose,\n className: classNames.close,\n style: styles.close\n }), showLeftOrRightSwitches && /*#__PURE__*/React.createElement(PrevNext, {\n prefixCls: prefixCls,\n current: current,\n count: count,\n icons: icons,\n onActive: onActive\n }), /*#__PURE__*/React.createElement(Footer, {\n prefixCls: prefixCls,\n showProgress: showOperationsProgress,\n current: current,\n count: count,\n showSwitch: showLeftOrRightSwitches\n // Style\n ,\n classNames: classNames,\n styles: styles\n // Render\n ,\n image: image,\n transform: transform,\n icons: icons,\n countRender: countRender,\n actionsRender: actionsRender\n // Scale\n ,\n scale: scale,\n minScale: minScale,\n maxScale: maxScale\n // Actions\n ,\n onActive: onActive,\n onFlipY: onFlipY,\n onFlipX: onFlipX,\n onRotateLeft: onRotateLeft,\n onRotateRight: onRotateRight,\n onZoomOut: onZoomOut,\n onZoomIn: onZoomIn,\n onClose: onClose,\n onReset: onReset\n }));\n }));\n};\nexport default Preview;","export const COMMON_PROPS = ['crossOrigin', 'decoding', 'draggable', 'loading', 'referrerPolicy', 'sizes', 'srcSet', 'useMap', 'alt', 'fetchPriority'];","import * as React from 'react';\nimport { COMMON_PROPS } from \"../common\";\n/**\n * Merge props provided `items` or context collected images\n */\nexport default function usePreviewItems(items) {\n // Context collection image data\n const [images, setImages] = React.useState({});\n const registerImage = React.useCallback((id, data) => {\n setImages(imgs => ({\n ...imgs,\n [id]: data\n }));\n return () => {\n setImages(imgs => {\n const cloneImgs = {\n ...imgs\n };\n delete cloneImgs[id];\n return cloneImgs;\n });\n };\n }, []);\n\n // items\n const mergedItems = React.useMemo(() => {\n // use `items` first\n if (items) {\n return items.map(item => {\n if (typeof item === 'string') {\n return {\n data: {\n src: item\n }\n };\n }\n const data = {};\n Object.keys(item).forEach(key => {\n if (['src', ...COMMON_PROPS].includes(key)) {\n data[key] = item[key];\n }\n });\n return {\n data\n };\n });\n }\n\n // use registered images secondly\n return Object.keys(images).reduce((total, id) => {\n const {\n canPreview,\n data\n } = images[id];\n if (canPreview) {\n total.push({\n data,\n id\n });\n }\n return total;\n }, []);\n }, [items, images]);\n return [mergedItems, registerImage, !!items];\n}","function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport useControlledState from \"@rc-component/util/es/hooks/useControlledState\";\nimport useEvent from \"@rc-component/util/es/hooks/useEvent\";\nimport * as React from 'react';\nimport { useState } from 'react';\nimport Preview from \"./Preview\";\nimport { PreviewGroupContext } from \"./context\";\nimport usePreviewItems from \"./hooks/usePreviewItems\";\nconst Group = ({\n previewPrefixCls = 'rc-image-preview',\n classNames,\n styles,\n children,\n icons = {},\n items,\n preview,\n fallback\n}) => {\n const {\n open: previewOpen,\n onOpenChange,\n current: currentIndex,\n onChange,\n ...restProps\n } = preview && typeof preview === 'object' ? preview : {};\n\n // ========================== Items ===========================\n const [mergedItems, register, fromItems] = usePreviewItems(items);\n\n // ========================= Preview ==========================\n // >>> Index\n const [current, setCurrent] = useControlledState(0, currentIndex);\n const [keepOpenIndex, setKeepOpenIndex] = useState(false);\n\n // >>> Image\n const {\n src,\n ...imgCommonProps\n } = mergedItems[current]?.data || {};\n // >>> Visible\n const [isShowPreview, setShowPreview] = useControlledState(!!previewOpen, previewOpen);\n const triggerShowPreview = useEvent(next => {\n setShowPreview(next);\n if (next !== isShowPreview) {\n onOpenChange?.(next, {\n current\n });\n }\n });\n\n // >>> Position\n const [mousePosition, setMousePosition] = useState(null);\n const onPreviewFromImage = React.useCallback((id, imageSrc, mouseX, mouseY) => {\n const index = fromItems ? mergedItems.findIndex(item => item.data.src === imageSrc) : mergedItems.findIndex(item => item.id === id);\n setCurrent(index < 0 ? 0 : index);\n triggerShowPreview(true);\n setMousePosition({\n x: mouseX,\n y: mouseY\n });\n setKeepOpenIndex(true);\n }, [mergedItems, fromItems]);\n\n // Reset current when reopen\n React.useEffect(() => {\n if (isShowPreview) {\n if (!keepOpenIndex) {\n setCurrent(0);\n }\n } else {\n setKeepOpenIndex(false);\n }\n }, [isShowPreview]);\n\n // ========================== Events ==========================\n const onInternalChange = (next, prev) => {\n setCurrent(next);\n onChange?.(next, prev);\n };\n const onPreviewClose = () => {\n triggerShowPreview(false);\n setMousePosition(null);\n };\n\n // ========================= Context ==========================\n const previewGroupContext = React.useMemo(() => ({\n register,\n onPreview: onPreviewFromImage\n }), [register, onPreviewFromImage]);\n\n // ========================== Render ==========================\n return /*#__PURE__*/React.createElement(PreviewGroupContext.Provider, {\n value: previewGroupContext\n }, children, /*#__PURE__*/React.createElement(Preview, _extends({\n \"aria-hidden\": !isShowPreview,\n open: isShowPreview,\n prefixCls: previewPrefixCls,\n onClose: onPreviewClose,\n mousePosition: mousePosition,\n imgCommonProps: imgCommonProps,\n src: src,\n fallback: fallback,\n icons: icons,\n current: current,\n count: mergedItems.length,\n onChange: onInternalChange\n }, restProps, {\n classNames: classNames?.popup,\n styles: styles?.popup\n })));\n};\nexport default Group;","import * as React from 'react';\nimport { PreviewGroupContext } from \"../context\";\nlet uid = 0;\nexport default function useRegisterImage(canPreview, data) {\n const [id] = React.useState(() => {\n uid += 1;\n return String(uid);\n });\n const groupContext = React.useContext(PreviewGroupContext);\n const registerData = {\n data,\n canPreview\n };\n\n // Keep order start\n // Resolve https://github.com/ant-design/ant-design/issues/28881\n // Only need unRegister when component unMount\n React.useEffect(() => {\n if (groupContext) {\n return groupContext.register(id, registerData);\n }\n }, []);\n React.useEffect(() => {\n if (groupContext) {\n groupContext.register(id, registerData);\n }\n }, [canPreview, data]);\n return id;\n}","function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport useControlledState from \"@rc-component/util/es/hooks/useControlledState\";\nimport { clsx } from 'clsx';\nimport * as React from 'react';\nimport { useContext, useMemo, useState } from 'react';\nimport Preview from \"./Preview\";\nimport PreviewGroup from \"./PreviewGroup\";\nimport { COMMON_PROPS } from \"./common\";\nimport { PreviewGroupContext } from \"./context\";\nimport useRegisterImage from \"./hooks/useRegisterImage\";\nimport useStatus from \"./hooks/useStatus\";\nconst ImageInternal = props => {\n const {\n // Misc\n prefixCls = 'rc-image',\n previewPrefixCls = `${prefixCls}-preview`,\n // Style\n rootClassName,\n className,\n style,\n classNames = {},\n styles = {},\n width,\n height,\n // Image\n src: imgSrc,\n alt,\n placeholder,\n fallback,\n // Preview\n preview = true,\n // Events\n onClick,\n onError,\n onKeyDown,\n ...otherProps\n } = props;\n const groupContext = useContext(PreviewGroupContext);\n\n // ========================== Preview ===========================\n const canPreview = !!preview;\n const {\n src: previewSrc,\n open: previewOpen,\n onOpenChange: onPreviewOpenChange,\n cover,\n rootClassName: previewRootClassName,\n ...restProps\n } = preview && typeof preview === 'object' ? preview : {};\n const coverPlacement = typeof cover === 'object' && cover.placement ? cover.placement || 'center' : 'center';\n const coverNode = typeof cover === 'object' && cover.coverNode ? cover.coverNode : cover;\n\n // ============================ Open ============================\n const [isShowPreview, setShowPreview] = useControlledState(!!previewOpen, previewOpen);\n const [mousePosition, setMousePosition] = useState(null);\n const triggerPreviewOpen = nextOpen => {\n setShowPreview(nextOpen);\n onPreviewOpenChange?.(nextOpen);\n };\n const onPreviewClose = () => {\n triggerPreviewOpen(false);\n };\n\n // ========================= ImageProps =========================\n const isCustomPlaceholder = placeholder && placeholder !== true;\n const src = previewSrc ?? imgSrc;\n const [getImgRef, srcAndOnload, status] = useStatus({\n src: imgSrc,\n isCustomPlaceholder,\n fallback\n });\n const imgCommonProps = useMemo(() => {\n const obj = {};\n COMMON_PROPS.forEach(prop => {\n if (props[prop] !== undefined) {\n obj[prop] = props[prop];\n }\n });\n return obj;\n }, COMMON_PROPS.map(prop => props[prop]));\n\n // ========================== Register ==========================\n const registerData = useMemo(() => ({\n ...imgCommonProps,\n src\n }), [src, imgCommonProps]);\n const imageId = useRegisterImage(canPreview, registerData);\n\n // ========================== Preview ===========================\n const onPreview = e => {\n const rect = e.target.getBoundingClientRect();\n const left = rect.x + rect.width / 2;\n const top = rect.y + rect.height / 2;\n if (groupContext) {\n groupContext.onPreview(imageId, src, left, top);\n } else {\n setMousePosition({\n x: left,\n y: top\n });\n triggerPreviewOpen(true);\n }\n onClick?.(e);\n };\n\n // ======================= Keyboard Preview =====================\n const onPreviewKeyDown = event => {\n onKeyDown?.(event);\n if (!canPreview) {\n return;\n }\n if (event.key === 'Enter' || event.key === ' ') {\n event.preventDefault();\n const rect = event.target.getBoundingClientRect();\n const left = rect.x + rect.width / 2;\n const top = rect.y + rect.height / 2;\n if (groupContext) {\n groupContext.onPreview(imageId, src, left, top);\n } else {\n setMousePosition({\n x: left,\n y: top\n });\n triggerPreviewOpen(true);\n }\n }\n };\n\n // =========================== Render ===========================\n return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"div\", _extends({}, otherProps, {\n className: clsx(prefixCls, rootClassName, classNames.root, {\n [`${prefixCls}-error`]: status === 'error'\n }),\n onClick: canPreview ? onPreview : onClick,\n role: canPreview ? 'button' : otherProps.role,\n tabIndex: canPreview && otherProps.tabIndex == null ? 0 : otherProps.tabIndex,\n \"aria-label\": canPreview ? otherProps['aria-label'] ?? alt : otherProps['aria-label'],\n onKeyDown: onPreviewKeyDown,\n style: {\n width,\n height,\n ...styles.root\n }\n }), /*#__PURE__*/React.createElement(\"img\", _extends({}, imgCommonProps, {\n className: clsx(`${prefixCls}-img`, {\n [`${prefixCls}-img-placeholder`]: placeholder === true\n }, classNames.image, className),\n style: {\n height,\n ...styles.image,\n ...style\n },\n ref: getImgRef\n }, srcAndOnload, {\n width: width,\n height: height,\n onError: onError\n })), status === 'loading' && /*#__PURE__*/React.createElement(\"div\", {\n \"aria-hidden\": \"true\",\n className: `${prefixCls}-placeholder`\n }, placeholder), cover !== false && canPreview && /*#__PURE__*/React.createElement(\"div\", {\n className: clsx(`${prefixCls}-cover`, classNames.cover, `${prefixCls}-cover-${coverPlacement}`),\n style: {\n display: style?.display === 'none' ? 'none' : undefined,\n ...styles.cover\n }\n }, coverNode)), !groupContext && canPreview && /*#__PURE__*/React.createElement(Preview, _extends({\n \"aria-hidden\": !isShowPreview,\n open: isShowPreview,\n prefixCls: previewPrefixCls,\n onClose: onPreviewClose,\n mousePosition: mousePosition,\n src: src,\n alt: alt,\n imageInfo: {\n width,\n height\n },\n fallback: fallback,\n imgCommonProps: imgCommonProps\n }, restProps, {\n classNames: classNames?.popup,\n styles: styles?.popup,\n rootClassName: clsx(previewRootClassName, rootClassName)\n })));\n};\nImageInternal.PreviewGroup = PreviewGroup;\nif (process.env.NODE_ENV !== 'production') {\n ImageInternal.displayName = 'Image';\n}\nexport default ImageInternal;","import Image from \"./Image\";\nexport * from \"./Image\";\nexport default Image;","import React from 'react';\nimport { clsx } from 'clsx';\nimport { useMergedMask, useZIndex } from '../../_util/hooks';\nimport { getTransitionName } from '../../_util/motion';\nconst useMergedPreviewConfig = (previewConfig, contextPreviewConfig, prefixCls, mergedRootClassName, getContextPopupContainer, icons, defaultCover) => {\n const [zIndex] = useZIndex('ImagePreview', previewConfig?.zIndex);\n const [mergedPreviewMask, blurClassName, mergedMaskClosable] = useMergedMask(previewConfig?.mask, contextPreviewConfig?.mask, `${prefixCls}-preview`);\n return React.useMemo(() => {\n if (!previewConfig) {\n return previewConfig;\n }\n const { cover, getContainer, closeIcon, rootClassName: previewRootClassName, } = previewConfig;\n const { closeIcon: contextCloseIcon } = contextPreviewConfig ?? {};\n return {\n motionName: getTransitionName(`${prefixCls}-preview`, 'fade'),\n ...previewConfig,\n ...(defaultCover ? { cover: cover ?? defaultCover } : {}),\n icons,\n getContainer: getContainer ?? getContextPopupContainer,\n zIndex,\n closeIcon: closeIcon ?? contextCloseIcon,\n rootClassName: clsx(mergedRootClassName, previewRootClassName),\n mask: mergedPreviewMask,\n maskClosable: mergedMaskClosable,\n blurClassName: blurClassName.mask,\n };\n }, [\n previewConfig,\n contextPreviewConfig,\n prefixCls,\n mergedRootClassName,\n getContextPopupContainer,\n defaultCover,\n icons,\n zIndex,\n mergedPreviewMask,\n mergedMaskClosable,\n blurClassName,\n ]);\n};\nexport default useMergedPreviewConfig;\n","import { isValidElement, useMemo } from 'react';\nimport { isPlainObject } from '../../_util/is';\nexport function isPlaceholderConfig(placeholder) {\n return isPlainObject(placeholder) && !isValidElement(placeholder);\n}\nexport default function usePlaceholderConfig(placeholder) {\n return useMemo(() => {\n if (!placeholder || !isPlaceholderConfig(placeholder)) {\n return {};\n }\n if (typeof placeholder.progress === 'boolean') {\n return {\n progressConfig: placeholder.progress ? {} : undefined,\n };\n }\n return {\n progressConfig: placeholder.progress,\n };\n }, [placeholder]);\n}\n","import { isValidElement, useMemo } from 'react';\nimport { isPlainObject } from '../../_util/is';\nimport { devUseWarning } from '../../_util/warning';\nfunction normalizeMask(mask) {\n if (isValidElement(mask)) {\n return [mask, undefined];\n }\n if (typeof mask === 'boolean' || isPlainObject(mask)) {\n return [undefined, mask];\n }\n return [undefined, undefined];\n}\nexport default function usePreviewConfig(preview) {\n // Get origin preview config\n const rawPreviewConfig = useMemo(() => {\n if (typeof preview === 'boolean') {\n return preview ? {} : null;\n }\n return isPlainObject(preview) ? preview : {};\n }, [preview]);\n const splittedPreviewConfig = useMemo(() => {\n if (!rawPreviewConfig) {\n return [rawPreviewConfig, '', ''];\n }\n const { open, onOpenChange, cover, actionsRender, visible, onVisibleChange, rootClassName, maskClassName, mask, forceRender: _forceRender, destroyOnClose: _destroyOnClose, toolbarRender, ...restPreviewConfig } = rawPreviewConfig;\n let onInternalOpenChange;\n if (onOpenChange) {\n onInternalOpenChange = onOpenChange;\n }\n else if (onVisibleChange) {\n onInternalOpenChange = (nextOpen, info) => {\n const { current } = info || {};\n if (current !== undefined) {\n onVisibleChange(nextOpen, !nextOpen, current);\n }\n else {\n onVisibleChange(nextOpen, !nextOpen);\n }\n };\n }\n const [coverElement, maskConfig] = normalizeMask(mask);\n return [\n {\n ...restPreviewConfig,\n open: open ?? visible,\n onOpenChange: onInternalOpenChange,\n cover: cover ?? coverElement,\n mask: maskConfig,\n actionsRender: actionsRender ?? toolbarRender,\n },\n rootClassName,\n maskClassName,\n ];\n }, [rawPreviewConfig]);\n if (process.env.NODE_ENV !== 'production') {\n const warning = devUseWarning('Image');\n if (rawPreviewConfig) {\n [\n ['visible', 'open'],\n ['onVisibleChange', 'onOpenChange'],\n ['maskClassName', 'classNames.cover'],\n ['rootClassName', 'classNames.root'],\n ['toolbarRender', 'actionsRender'],\n ].forEach(([deprecatedName, newName]) => {\n warning.deprecated(!(deprecatedName in rawPreviewConfig), deprecatedName, newName);\n });\n warning(!isValidElement(rawPreviewConfig.mask), 'deprecated', '`mask` used as ReactNode is deprecated. Please use `cover` instead.');\n warning(!('forceRender' in rawPreviewConfig), 'breaking', '`forceRender` is no longer supported.');\n warning(!('destroyOnClose' in rawPreviewConfig), 'breaking', '`destroyOnClose` is no longer supported.');\n }\n }\n return splittedPreviewConfig;\n}\n","function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n// GENERATED BY ./scripts/generate.ts\n// DO NOT EDIT IT MANUALLY\n\nimport * as React from 'react';\nimport RotateLeftOutlinedSvg from '@ant-design/icons-svg/lib/asn/RotateLeftOutlined';\nimport AntdIcon from \"../components/AntdIconLight\";\nconst RotateLeftOutlined = (props, ref) => /*#__PURE__*/React.createElement(AntdIcon, _extends({}, props, {\n ref: ref,\n icon: RotateLeftOutlinedSvg\n}));\n\n/** */\nconst RefIcon = /*#__PURE__*/React.forwardRef(RotateLeftOutlined);\nif (process.env.NODE_ENV !== 'production') {\n RefIcon.displayName = 'RotateLeftOutlined';\n}\nexport default RefIcon;","function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n// GENERATED BY ./scripts/generate.ts\n// DO NOT EDIT IT MANUALLY\n\nimport * as React from 'react';\nimport RotateRightOutlinedSvg from '@ant-design/icons-svg/lib/asn/RotateRightOutlined';\nimport AntdIcon from \"../components/AntdIconLight\";\nconst RotateRightOutlined = (props, ref) => /*#__PURE__*/React.createElement(AntdIcon, _extends({}, props, {\n ref: ref,\n icon: RotateRightOutlinedSvg\n}));\n\n/** */\nconst RefIcon = /*#__PURE__*/React.forwardRef(RotateRightOutlined);\nif (process.env.NODE_ENV !== 'production') {\n RefIcon.displayName = 'RotateRightOutlined';\n}\nexport default RefIcon;","function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n// GENERATED BY ./scripts/generate.ts\n// DO NOT EDIT IT MANUALLY\n\nimport * as React from 'react';\nimport SwapOutlinedSvg from '@ant-design/icons-svg/lib/asn/SwapOutlined';\nimport AntdIcon from \"../components/AntdIconLight\";\nconst SwapOutlined = (props, ref) => /*#__PURE__*/React.createElement(AntdIcon, _extends({}, props, {\n ref: ref,\n icon: SwapOutlinedSvg\n}));\n\n/** */\nconst RefIcon = /*#__PURE__*/React.forwardRef(SwapOutlined);\nif (process.env.NODE_ENV !== 'production') {\n RefIcon.displayName = 'SwapOutlined';\n}\nexport default RefIcon;","function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n// GENERATED BY ./scripts/generate.ts\n// DO NOT EDIT IT MANUALLY\n\nimport * as React from 'react';\nimport ZoomInOutlinedSvg from '@ant-design/icons-svg/lib/asn/ZoomInOutlined';\nimport AntdIcon from \"../components/AntdIconLight\";\nconst ZoomInOutlined = (props, ref) => /*#__PURE__*/React.createElement(AntdIcon, _extends({}, props, {\n ref: ref,\n icon: ZoomInOutlinedSvg\n}));\n\n/** */\nconst RefIcon = /*#__PURE__*/React.forwardRef(ZoomInOutlined);\nif (process.env.NODE_ENV !== 'production') {\n RefIcon.displayName = 'ZoomInOutlined';\n}\nexport default RefIcon;","function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n// GENERATED BY ./scripts/generate.ts\n// DO NOT EDIT IT MANUALLY\n\nimport * as React from 'react';\nimport ZoomOutOutlinedSvg from '@ant-design/icons-svg/lib/asn/ZoomOutOutlined';\nimport AntdIcon from \"../components/AntdIconLight\";\nconst ZoomOutOutlined = (props, ref) => /*#__PURE__*/React.createElement(AntdIcon, _extends({}, props, {\n ref: ref,\n icon: ZoomOutOutlinedSvg\n}));\n\n/** */\nconst RefIcon = /*#__PURE__*/React.forwardRef(ZoomOutOutlined);\nif (process.env.NODE_ENV !== 'production') {\n RefIcon.displayName = 'ZoomOutOutlined';\n}\nexport default RefIcon;","import * as React from 'react';\nimport CloseOutlined from '@ant-design/icons/CloseOutlined';\nimport LeftOutlined from '@ant-design/icons/LeftOutlined';\nimport RightOutlined from '@ant-design/icons/RightOutlined';\nimport RotateLeftOutlined from '@ant-design/icons/RotateLeftOutlined';\nimport RotateRightOutlined from '@ant-design/icons/RotateRightOutlined';\nimport SwapOutlined from '@ant-design/icons/SwapOutlined';\nimport ZoomInOutlined from '@ant-design/icons/ZoomInOutlined';\nimport ZoomOutOutlined from '@ant-design/icons/ZoomOutOutlined';\nimport RcImage from '@rc-component/image';\nimport { clsx } from 'clsx';\nimport { useMergeSemantic } from '../_util/hooks/useMergeSemantic';\nimport { useComponentConfig } from '../config-provider/context';\nimport useCSSVarCls from '../config-provider/hooks/useCSSVarCls';\nimport useMergedPreviewConfig from './hooks/useMergedPreviewConfig';\nimport usePreviewConfig from './hooks/usePreviewConfig';\nimport useStyle from './style';\nexport const icons = {\n rotateLeft: React.createElement(RotateLeftOutlined, null),\n rotateRight: React.createElement(RotateRightOutlined, null),\n zoomIn: React.createElement(ZoomInOutlined, null),\n zoomOut: React.createElement(ZoomOutOutlined, null),\n close: React.createElement(CloseOutlined, null),\n left: React.createElement(LeftOutlined, null),\n right: React.createElement(RightOutlined, null),\n flipX: React.createElement(SwapOutlined, null),\n flipY: React.createElement(SwapOutlined, { rotate: 90 }),\n};\nconst InternalPreviewGroup = ({ previewPrefixCls: customizePrefixCls, preview, classNames, styles, ...otherProps }) => {\n // =============================== MISC ===============================\n // Context\n const { getPrefixCls, getPopupContainer: getContextPopupContainer, direction, preview: contextPreview, classNames: contextClassNames, styles: contextStyles, } = useComponentConfig('image');\n const prefixCls = getPrefixCls('image', customizePrefixCls);\n const previewPrefixCls = `${prefixCls}-preview`;\n // ============================== Style ===============================\n const rootCls = useCSSVarCls(prefixCls);\n const [hashId, cssVarCls] = useStyle(prefixCls, rootCls);\n const mergedRootClassName = clsx(hashId, cssVarCls, rootCls);\n // ============================= Preview ==============================\n const [previewConfig, previewRootClassName, previewMaskClassName] = usePreviewConfig(preview);\n const [contextPreviewConfig, contextPreviewRootClassName, contextPreviewMaskClassName] = usePreviewConfig(contextPreview);\n // ============================ Semantics =============================\n const memoizedIcons = React.useMemo(() => ({\n ...icons,\n left: direction === 'rtl' ? React.createElement(RightOutlined, null) : React.createElement(LeftOutlined, null),\n right: direction === 'rtl' ? React.createElement(LeftOutlined, null) : React.createElement(RightOutlined, null),\n }), [direction]);\n const mergedPreview = useMergedPreviewConfig(\n // Preview config\n previewConfig, contextPreviewConfig, \n // MISC\n prefixCls, mergedRootClassName, getContextPopupContainer, icons);\n const { mask: mergedMask, blurClassName } = mergedPreview ?? {};\n // =========== Merged Props for Semantic ===========\n const mergedProps = {\n ...otherProps,\n classNames,\n styles,\n };\n const [mergedClassNames, mergedStyles] = useMergeSemantic([\n contextClassNames,\n classNames,\n {\n cover: clsx(contextPreviewMaskClassName, previewMaskClassName),\n popup: {\n root: clsx(contextPreviewRootClassName, previewRootClassName),\n mask: clsx({\n [`${prefixCls}-preview-mask-hidden`]: !mergedMask,\n }, blurClassName),\n },\n },\n ], [contextStyles, styles], {\n props: mergedProps,\n }, {\n popup: {\n _default: 'root',\n },\n });\n return (React.createElement(RcImage.PreviewGroup, { preview: mergedPreview, previewPrefixCls: previewPrefixCls, icons: memoizedIcons, ...otherProps, classNames: mergedClassNames, styles: mergedStyles }));\n};\nexport default InternalPreviewGroup;\n","import * as React from 'react';\nimport { clsx } from 'clsx';\nimport { isNumber } from '../_util/is';\n// Visually hidden styles for screen readers\nconst VISUALLY_HIDDEN_STYLE = {\n position: 'absolute',\n width: 1,\n height: 1,\n padding: 0,\n margin: -1,\n overflow: 'hidden',\n clip: 'rect(0, 0, 0, 0)',\n whiteSpace: 'nowrap',\n border: 0,\n};\nconst Progress = (props) => {\n const { prefixCls, percent, render: progressRender, classNames: progressClassNames, styles: progressStyles, rootClassName, rootStyle, width, height, } = props;\n // Check if percent is a valid finite number\n const hasPercent = isNumber(percent) && Number.isFinite(percent);\n // Calculate percent value (clamped to 0-100 for progress bar width)\n const percentValue = hasPercent ? Math.max(0, Math.min(100, Math.round(percent))) : 0;\n // ARIA attributes for accessibility\n const ariaProps = hasPercent\n ? {\n role: 'progressbar',\n 'aria-valuemin': 0,\n 'aria-valuemax': 100,\n 'aria-valuenow': percentValue,\n 'aria-label': `${percentValue}%`,\n }\n : {\n 'aria-busy': true,\n };\n // Render progress bar (rail with ::before pseudo for track)\n const progressBar = hasPercent ? (React.createElement(\"div\", { className: clsx(`${prefixCls}-progress-rail`, progressClassNames?.rail), style: {\n ...progressStyles?.rail,\n '--progress-percent': `${percentValue}%`,\n } })) : null;\n // Render progress content\n const progressContent = progressRender ? (progressRender(progressBar, percentValue)) : (React.createElement(React.Fragment, null,\n progressBar,\n hasPercent && (React.createElement(\"div\", { className: clsx(`${prefixCls}-progress-indicator`, progressClassNames?.indicator), style: progressStyles?.indicator }, `${percentValue}%`))));\n return (React.createElement(\"div\", { className: clsx(prefixCls, `${prefixCls}-progress-wrapper`, progressClassNames?.root, rootClassName), style: {\n width,\n height,\n ...rootStyle,\n ...progressStyles?.root,\n }, ...ariaProps },\n !hasPercent && (React.createElement(\"span\", { role: \"status\", \"aria-live\": \"polite\", style: VISUALLY_HIDDEN_STYLE }, \"Loading\")),\n React.createElement(\"div\", { className: `${prefixCls}-progress-ink-1` }),\n React.createElement(\"div\", { className: `${prefixCls}-progress-ink-2` }),\n React.createElement(\"div\", { className: clsx(`${prefixCls}-progress-content`, progressClassNames?.content), style: progressStyles?.content }, progressContent)));\n};\nif (process.env.NODE_ENV !== 'production') {\n Progress.displayName = 'ImageProgress';\n}\nexport default Progress;\n","import * as React from 'react';\nimport RcImage from '@rc-component/image';\nimport { clsx } from 'clsx';\nimport { useMergeSemantic } from '../_util/hooks/useMergeSemantic';\nimport { devUseWarning } from '../_util/warning';\nimport { useComponentConfig } from '../config-provider/context';\nimport useCSSVarCls from '../config-provider/hooks/useCSSVarCls';\nimport useMergedPreviewConfig from './hooks/useMergedPreviewConfig';\nimport usePlaceholderConfig, { isPlaceholderConfig } from './hooks/usePlaceholderConfig';\nimport usePreviewConfig from './hooks/usePreviewConfig';\nimport PreviewGroup, { icons } from './PreviewGroup';\nimport Progress from './Progress';\nimport useStyle from './style';\nconst Image = (props) => {\n const { prefixCls: customizePrefixCls, preview, className, rootClassName, style, styles, classNames, wrapperStyle, fallback, placeholder, ...otherProps } = props;\n // =============================== MISC ===============================\n // Context\n const { getPrefixCls, getPopupContainer: getContextPopupContainer, className: contextClassName, style: contextStyle, preview: contextPreview, styles: contextStyles, classNames: contextClassNames, fallback: contextFallback, } = useComponentConfig('image');\n const prefixCls = getPrefixCls('image', customizePrefixCls);\n // ============================= Warning ==============================\n if (process.env.NODE_ENV !== 'production') {\n const warning = devUseWarning('Image');\n warning.deprecated(!wrapperStyle, 'wrapperStyle', 'styles.root');\n }\n // ============================== Styles ==============================\n const rootCls = useCSSVarCls(prefixCls);\n const [hashId, cssVarCls] = useStyle(prefixCls, rootCls);\n const mergedRootClassName = clsx(rootClassName, hashId, cssVarCls, rootCls);\n const mergedClassName = clsx(className, hashId, contextClassName);\n // ============================= Preview ==============================\n const [previewConfig, previewRootClassName, previewMaskClassName] = usePreviewConfig(preview);\n const [contextPreviewConfig, contextPreviewRootClassName, contextPreviewMaskClassName] = usePreviewConfig(contextPreview);\n const mergedPreviewConfig = useMergedPreviewConfig(\n // Preview config\n previewConfig, contextPreviewConfig, \n // MISC\n prefixCls, mergedRootClassName, getContextPopupContainer, icons, true);\n // =========== Merged Props for Semantic ===========\n const mergedProps = {\n ...props,\n preview: mergedPreviewConfig,\n };\n // ============================= Semantic =============================\n const mergedLegacyClassNames = React.useMemo(() => ({\n cover: clsx(contextPreviewMaskClassName, previewMaskClassName),\n popup: { root: clsx(contextPreviewRootClassName, previewRootClassName) },\n }), [\n previewRootClassName,\n previewMaskClassName,\n contextPreviewRootClassName,\n contextPreviewMaskClassName,\n ]);\n const { mask: mergedMask, blurClassName } = mergedPreviewConfig ?? {};\n const mergedPopupClassNames = React.useMemo(() => ({\n mask: clsx({\n [`${prefixCls}-preview-mask-hidden`]: !mergedMask,\n }, blurClassName),\n }), [mergedMask, prefixCls, blurClassName]);\n const internalClassNames = React.useMemo(() => [contextClassNames, classNames, mergedLegacyClassNames, { popup: mergedPopupClassNames }], [contextClassNames, classNames, mergedLegacyClassNames, mergedPopupClassNames]);\n const [mergedClassNames, mergedStyles] = useMergeSemantic(internalClassNames, [contextStyles, { root: wrapperStyle }, styles], {\n props: mergedProps,\n }, {\n popup: { _default: 'root' },\n placeholder: {},\n });\n const mergedStyle = { ...contextStyle, ...style };\n const mergedFallback = fallback ?? contextFallback;\n // ============================= Progress ==============================\n const { progressConfig } = usePlaceholderConfig(placeholder);\n const showProgressOverlay = progressConfig !== undefined;\n const { percent, render: progressRender } = progressConfig || {};\n // Get progress classNames and styles\n const progressClassNames = mergedClassNames?.placeholder?.progress;\n const progressStyles = mergedStyles?.placeholder?.progress;\n // ============================== Render ==============================\n const { width, height, src, ...restOtherProps } = otherProps;\n // When placeholder is ReactNode (not progress config) and src is not provided,\n // render it as an overlay since rc-image would set status to 'error' when src is empty\n const placeholderNode = isPlaceholderConfig(placeholder) ? undefined : placeholder;\n const shouldRenderPlaceholderOverlay = placeholderNode && !src;\n // Memoize the placeholder render function to avoid creating new function on each render\n const mergedProgressRender = shouldRenderPlaceholderOverlay\n ? (_progress) => placeholderNode\n : progressRender;\n // When progress is active, render only progress layer with dimensions\n if (showProgressOverlay || shouldRenderPlaceholderOverlay) {\n return (React.createElement(Progress, { prefixCls: prefixCls, percent: percent, render: mergedProgressRender, classNames: progressClassNames, styles: progressStyles, rootClassName: clsx(mergedRootClassName, mergedClassName), rootStyle: {\n ...mergedStyle,\n ...mergedStyles?.root,\n }, width: width, height: height }));\n }\n return (React.createElement(RcImage, { prefixCls: prefixCls, preview: mergedPreviewConfig || false, rootClassName: mergedRootClassName, className: mergedClassName, style: mergedStyle, fallback: mergedFallback, placeholder: placeholderNode, width: width, height: height, src: src, ...restOtherProps, classNames: mergedClassNames, styles: mergedStyles }));\n};\nImage.PreviewGroup = PreviewGroup;\nif (process.env.NODE_ENV !== 'production') {\n Image.displayName = 'Image';\n}\nexport default Image;\n","import * as React from 'react';\nimport { useContext, useMemo } from 'react';\nimport { clsx } from 'clsx';\nimport { devUseWarning } from '../_util/warning';\nimport { ConfigContext } from '../config-provider';\nimport { FormItemInputContext } from '../form/context';\nimport Space from '../space';\nimport useStyle from './style';\n/** @deprecated Please use `Space.Compact` */\nconst Group = (props) => {\n const { getPrefixCls, direction } = useContext(ConfigContext);\n const { prefixCls: customizePrefixCls, className } = props;\n const prefixCls = getPrefixCls('input-group', customizePrefixCls);\n const inputPrefixCls = getPrefixCls('input');\n const [hashId, cssVarCls] = useStyle(inputPrefixCls);\n const cls = clsx(prefixCls, cssVarCls, {\n [`${prefixCls}-lg`]: props.size === 'large',\n [`${prefixCls}-sm`]: props.size === 'small',\n [`${prefixCls}-compact`]: props.compact,\n [`${prefixCls}-rtl`]: direction === 'rtl',\n }, hashId, className);\n const formItemContext = useContext(FormItemInputContext);\n const groupFormItemContext = useMemo(() => ({\n ...formItemContext,\n isFormItemInput: false,\n }), [formItemContext]);\n if (process.env.NODE_ENV !== 'production') {\n const warning = devUseWarning('Input.Group');\n warning.deprecated(false, 'Input.Group', 'Space.Compact');\n }\n return (React.createElement(FormItemInputContext.Provider, { value: groupFormItemContext },\n React.createElement(Space.Compact, { className: cls, style: props.style, onMouseEnter: props.onMouseEnter, onMouseLeave: props.onMouseLeave, onFocus: props.onFocus, onBlur: props.onBlur }, props.children)));\n};\nexport default Group;\n","import { genStyleHooks, mergeToken } from '../../theme/internal';\nimport { initComponentToken, initInputToken } from './token';\n// =============================== OTP ================================\nconst genOTPStyle = (token) => {\n const { componentCls, paddingXS } = token;\n return {\n [componentCls]: {\n display: 'inline-flex',\n alignItems: 'center',\n flexWrap: 'nowrap',\n columnGap: paddingXS,\n [`${componentCls}-input-wrapper`]: {\n position: 'relative',\n [`${componentCls}-mask-icon`]: {\n position: 'absolute',\n zIndex: '1',\n top: '50%',\n right: '50%',\n transform: 'translate(50%, -50%)',\n pointerEvents: 'none',\n },\n [`${componentCls}-mask-input`]: {\n color: 'transparent',\n caretColor: token.colorText,\n '&::selection': {\n color: 'transparent',\n },\n },\n [`${componentCls}-mask-input[type=number]::-webkit-inner-spin-button`]: {\n '-webkit-appearance': 'none',\n margin: 0,\n },\n [`${componentCls}-mask-input[type=number]`]: {\n '-moz-appearance': 'textfield',\n },\n },\n '&-rtl': {\n direction: 'rtl',\n },\n [`${componentCls}-input`]: {\n textAlign: 'center',\n paddingInline: token.paddingXXS,\n },\n // ================= Size =================\n [`&${componentCls}-sm ${componentCls}-input`]: {\n paddingInline: token.calc(token.paddingXXS).div(2).equal(),\n },\n [`&${componentCls}-lg ${componentCls}-input`]: {\n paddingInline: token.paddingXS,\n },\n },\n };\n};\n// ============================== Export ==============================\nexport default genStyleHooks(['Input', 'OTP'], (token) => {\n const inputToken = mergeToken(token, initInputToken(token));\n return genOTPStyle(inputToken);\n}, initComponentToken);\n","import * as React from 'react';\nimport { raf } from '@rc-component/util';\nimport { clsx } from 'clsx';\nimport { ConfigContext } from '../../config-provider';\nimport Input from '../Input';\nconst OTPInput = React.forwardRef((props, ref) => {\n const { className, value, onChange, onActiveChange, index, mask, onFocus, ...restProps } = props;\n const { getPrefixCls } = React.useContext(ConfigContext);\n const prefixCls = getPrefixCls('otp');\n const maskValue = typeof mask === 'string' ? mask : value;\n // ========================== Ref ===========================\n const inputRef = React.useRef(null);\n React.useImperativeHandle(ref, () => inputRef.current);\n // ========================= Input ==========================\n const onInternalChange = (e) => {\n onChange(index, e.target.value);\n };\n // ========================= Focus ==========================\n const syncSelection = () => {\n raf(() => {\n const inputEle = inputRef.current?.input;\n if (document.activeElement === inputEle && inputEle) {\n inputEle.select();\n }\n });\n };\n const onInternalFocus = (e) => {\n onFocus?.(e);\n syncSelection();\n };\n // ======================== Keyboard ========================\n const onInternalKeyDown = (event) => {\n const { key, ctrlKey, metaKey } = event;\n if (key === 'ArrowLeft') {\n onActiveChange(index - 1);\n }\n else if (key === 'ArrowRight') {\n onActiveChange(index + 1);\n }\n else if (key === 'z' && (ctrlKey || metaKey)) {\n event.preventDefault();\n }\n else if (key === 'Backspace' && !value) {\n onActiveChange(index - 1);\n }\n syncSelection();\n };\n // ========================= Render =========================\n return (React.createElement(\"span\", { className: `${prefixCls}-input-wrapper`, role: \"presentation\" },\n mask && value !== '' && value !== undefined && (React.createElement(\"span\", { className: `${prefixCls}-mask-icon`, \"aria-hidden\": \"true\" }, maskValue)),\n React.createElement(Input, { \"aria-label\": `OTP Input ${index + 1}`, type: mask === true ? 'password' : 'text', ...restProps, ref: inputRef, value: value, onInput: onInternalChange, onFocus: onInternalFocus, onKeyDown: onInternalKeyDown, onMouseDown: syncSelection, onMouseUp: syncSelection, className: clsx(className, { [`${prefixCls}-mask-input`]: mask }) })));\n});\nexport default OTPInput;\n","import * as React from 'react';\nimport { pickAttrs, useEvent } from '@rc-component/util';\nimport { clsx } from 'clsx';\nimport { useMergeSemantic, useSemanticRootStyle } from '../../_util/hooks/useMergeSemantic';\nimport { isFunction } from '../../_util/is';\nimport { getMergedStatus } from '../../_util/statusUtils';\nimport { devUseWarning } from '../../_util/warning';\nimport { useComponentConfig } from '../../config-provider/context';\nimport useSize from '../../config-provider/hooks/useSize';\nimport { FormItemInputContext } from '../../form/context';\nimport useStyle from '../style/otp';\nimport OTPInput from './OTPInput';\nfunction strToArr(str) {\n return (str || '').split('');\n}\nconst Separator = (props) => {\n const { index, prefixCls, separator, className: semanticClassName, style: semanticStyle } = props;\n const separatorNode = isFunction(separator) ? separator(index) : separator;\n if (!separatorNode) {\n return null;\n }\n return (React.createElement(\"span\", { className: clsx(`${prefixCls}-separator`, semanticClassName), style: semanticStyle }, separatorNode));\n};\nconst OTP = React.forwardRef((props, ref) => {\n const { prefixCls: customizePrefixCls, length = 6, size: customSize, defaultValue, value, onChange, formatter, separator, variant, disabled, status: customStatus, autoFocus, mask, type, autoComplete, onInput, onFocus, inputMode, classNames, styles, className, style, ...restProps } = props;\n if (process.env.NODE_ENV !== 'production') {\n const warning = devUseWarning('Input.OTP');\n warning(!(typeof mask === 'string' && mask.length > 1), 'usage', '`mask` prop should be a single character.');\n }\n const { classNames: contextClassNames, styles: contextStyles, getPrefixCls, direction, style: contextStyle, className: contextClassName, } = useComponentConfig('otp');\n const prefixCls = getPrefixCls('otp', customizePrefixCls);\n const mergedProps = {\n ...props,\n length,\n };\n const contextStyleRoot = useSemanticRootStyle(contextStyle);\n const styleRoot = useSemanticRootStyle(style);\n const [mergedClassNames, mergedStyles] = useMergeSemantic([contextClassNames, classNames], [contextStyles, contextStyleRoot, styles, styleRoot], {\n props: mergedProps,\n });\n const domAttrs = pickAttrs(restProps, {\n aria: true,\n data: true,\n attr: true,\n });\n // ========================= Root =========================\n // Style\n const [hashId, cssVarCls] = useStyle(prefixCls);\n // ========================= Size =========================\n const mergedSize = useSize((ctx) => customSize ?? ctx);\n // ======================== Status ========================\n const formContext = React.useContext(FormItemInputContext);\n const mergedStatus = getMergedStatus(formContext.status, customStatus);\n const proxyFormContext = React.useMemo(() => ({\n ...formContext,\n status: mergedStatus,\n hasFeedback: false,\n feedbackIcon: null,\n }), [formContext, mergedStatus]);\n // ========================= Refs =========================\n const containerRef = React.useRef(null);\n const inputsRef = React.useRef({});\n React.useImperativeHandle(ref, () => ({\n focus: () => {\n inputsRef.current[0]?.focus();\n },\n blur: () => {\n for (let i = 0; i < length; i += 1) {\n inputsRef.current[i]?.blur();\n }\n },\n nativeElement: containerRef.current,\n }));\n // ======================= Formatter ======================\n const internalFormatter = (txt) => (formatter ? formatter(txt) : txt);\n // ======================== Values ========================\n const [valueCells, setValueCells] = React.useState(() => strToArr(internalFormatter(defaultValue || '')));\n React.useEffect(() => {\n if (value !== undefined) {\n setValueCells(strToArr(value));\n }\n }, [value]);\n const triggerValueCellsChange = useEvent((nextValueCells) => {\n setValueCells(nextValueCells);\n if (onInput) {\n onInput(nextValueCells);\n }\n // Trigger if all cells are filled\n if (onChange &&\n nextValueCells.length === length &&\n nextValueCells.every((c) => c) &&\n nextValueCells.some((c, index) => valueCells[index] !== c)) {\n onChange(nextValueCells.join(''));\n }\n });\n const patchValue = useEvent((index, txt) => {\n let nextCells = [...valueCells];\n // Fill cells till index\n for (let i = 0; i < index; i += 1) {\n if (!nextCells[i]) {\n nextCells[i] = '';\n }\n }\n if (txt.length <= 1) {\n nextCells[index] = txt;\n }\n else {\n nextCells = nextCells.slice(0, index).concat(strToArr(txt));\n }\n nextCells = nextCells.slice(0, length);\n // Clean the last empty cell\n for (let i = nextCells.length - 1; i >= 0; i -= 1) {\n if (nextCells[i]) {\n break;\n }\n nextCells.pop();\n }\n // Format if needed\n const formattedValue = internalFormatter(nextCells.map((c) => c || ' ').join(''));\n nextCells = strToArr(formattedValue).map((c, i) => {\n if (c === ' ' && !nextCells[i]) {\n return nextCells[i];\n }\n return c;\n });\n return nextCells;\n });\n // ======================== Change ========================\n const onInputChange = (index, txt) => {\n const nextCells = patchValue(index, txt);\n const nextIndex = Math.min(index + txt.length, length - 1);\n if (nextIndex !== index && nextCells[index] !== undefined) {\n inputsRef.current[nextIndex]?.focus();\n }\n triggerValueCellsChange(nextCells);\n };\n const onInputActiveChange = (nextIndex) => {\n inputsRef.current[nextIndex]?.focus();\n };\n // ======================== Focus ========================\n const onInputFocus = (event, index) => {\n // keep focus on the first empty cell\n for (let i = 0; i < index; i += 1) {\n if (!inputsRef.current[i]?.input?.value) {\n inputsRef.current[i]?.focus();\n break;\n }\n }\n onFocus?.(event);\n };\n // ======================== Render ========================\n const inputSharedProps = {\n variant,\n disabled,\n status: mergedStatus,\n mask,\n type,\n inputMode,\n autoComplete,\n };\n return (React.createElement(\"div\", { ...domAttrs, ref: containerRef, className: clsx(className, prefixCls, {\n [`${prefixCls}-sm`]: mergedSize === 'small',\n [`${prefixCls}-lg`]: mergedSize === 'large',\n [`${prefixCls}-rtl`]: direction === 'rtl',\n }, cssVarCls, hashId, contextClassName, mergedClassNames.root), style: mergedStyles.root, role: \"group\" },\n React.createElement(FormItemInputContext.Provider, { value: proxyFormContext }, Array.from({ length }).map((_, index) => {\n const key = `otp-${index}`;\n const singleValue = valueCells[index] || '';\n return (React.createElement(React.Fragment, { key: key },\n React.createElement(OTPInput, { ref: (inputEle) => {\n inputsRef.current[index] = inputEle;\n }, index: index, size: mergedSize, htmlSize: 1, className: clsx(mergedClassNames.input, `${prefixCls}-input`), style: mergedStyles.input, onChange: onInputChange, value: singleValue, onActiveChange: onInputActiveChange, autoFocus: index === 0 && autoFocus, onFocus: (event) => onInputFocus(event, index), ...inputSharedProps }),\n index < length - 1 && (React.createElement(Separator, { separator: separator, index: index, prefixCls: prefixCls, className: clsx(mergedClassNames.separator), style: mergedStyles.separator }))));\n }))));\n});\nexport default OTP;\n","function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n// GENERATED BY ./scripts/generate.ts\n// DO NOT EDIT IT MANUALLY\n\nimport * as React from 'react';\nimport EyeInvisibleOutlinedSvg from '@ant-design/icons-svg/lib/asn/EyeInvisibleOutlined';\nimport AntdIcon from \"../components/AntdIconLight\";\nconst EyeInvisibleOutlined = (props, ref) => /*#__PURE__*/React.createElement(AntdIcon, _extends({}, props, {\n ref: ref,\n icon: EyeInvisibleOutlinedSvg\n}));\n\n/** */\nconst RefIcon = /*#__PURE__*/React.forwardRef(EyeInvisibleOutlined);\nif (process.env.NODE_ENV !== 'production') {\n RefIcon.displayName = 'EyeInvisibleOutlined';\n}\nexport default RefIcon;","function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n// GENERATED BY ./scripts/generate.ts\n// DO NOT EDIT IT MANUALLY\n\nimport * as React from 'react';\nimport EyeOutlinedSvg from '@ant-design/icons-svg/lib/asn/EyeOutlined';\nimport AntdIcon from \"../components/AntdIconLight\";\nconst EyeOutlined = (props, ref) => /*#__PURE__*/React.createElement(AntdIcon, _extends({}, props, {\n ref: ref,\n icon: EyeOutlinedSvg\n}));\n\n/** */\nconst RefIcon = /*#__PURE__*/React.forwardRef(EyeOutlined);\nif (process.env.NODE_ENV !== 'production') {\n RefIcon.displayName = 'EyeOutlined';\n}\nexport default RefIcon;","import * as React from 'react';\nimport { useRef, useState } from 'react';\nimport EyeInvisibleOutlined from '@ant-design/icons/EyeInvisibleOutlined';\nimport EyeOutlined from '@ant-design/icons/EyeOutlined';\nimport { composeRef } from '@rc-component/util';\nimport { clsx } from 'clsx';\nimport { useMergeSemantic } from '../_util/hooks/useMergeSemantic';\nimport { isPlainObject } from '../_util/is';\nimport { useComponentConfig } from '../config-provider/context';\nimport DisabledContext from '../config-provider/DisabledContext';\nimport { useLocale } from '../locale';\nimport useRemovePasswordTimeout from './hooks/useRemovePasswordTimeout';\nimport Input from './Input';\nconst defaultIconRender = (visible) => visible ? React.createElement(EyeOutlined, null) : React.createElement(EyeInvisibleOutlined, null);\nconst actionMap = {\n click: 'onClick',\n hover: 'onMouseOver',\n};\nconst Password = React.forwardRef((props, ref) => {\n const { disabled: customDisabled, action = 'click', visibilityToggle = true, iconRender, prefixCls: customizePrefixCls, inputPrefixCls: customizeInputPrefixCls, suffix, className, style, classNames, styles, ...restProps } = props;\n const { getPrefixCls, className: contextClassName, style: contextStyle, classNames: contextClassNames, styles: contextStyles, iconRender: contextIconRender, } = useComponentConfig('inputPassword');\n const [locale] = useLocale('global');\n // ===================== Disabled =====================\n const disabled = React.useContext(DisabledContext);\n const mergedDisabled = customDisabled ?? disabled;\n // =========== Merged Props for Semantic ==========\n const mergedProps = {\n ...props,\n disabled: mergedDisabled,\n };\n const [mergedClassNames, mergedStyles] = useMergeSemantic([contextClassNames, classNames], [contextStyles, styles], { props: mergedProps });\n const visibilityControlled = isPlainObject(visibilityToggle) && visibilityToggle.visible !== undefined;\n const [visible, setVisible] = useState(() => visibilityControlled ? visibilityToggle.visible : false);\n const inputRef = useRef(null);\n React.useEffect(() => {\n if (visibilityControlled) {\n setVisible(visibilityToggle.visible);\n }\n }, [visibilityControlled, visibilityToggle]);\n // Remove Password value\n const removePasswordTimeout = useRemovePasswordTimeout(inputRef);\n const onVisibleChange = () => {\n if (mergedDisabled) {\n return;\n }\n if (visible) {\n removePasswordTimeout();\n }\n const nextVisible = !visible;\n setVisible(nextVisible);\n if (isPlainObject(visibilityToggle)) {\n visibilityToggle.onVisibleChange?.(nextVisible);\n }\n };\n const getIcon = (prefixCls) => {\n const iconTrigger = actionMap[action] || '';\n const iconRenderer = iconRender || contextIconRender || defaultIconRender;\n const icon = iconRenderer(visible);\n const iconTabIndex = isPlainObject(visibilityToggle) ? visibilityToggle.tabIndex : undefined;\n return (React.createElement(\"span\", { key: \"passwordIcon\", role: \"button\", tabIndex: mergedDisabled ? -1 : (iconTabIndex ?? 0), className: `${prefixCls}-icon`, \"aria-disabled\": mergedDisabled, \"aria-pressed\": visible, \"aria-label\": visible ? locale.hide : locale.show, onMouseDown: (e) => {\n // Prevent focused state lost\n // https://github.com/ant-design/ant-design/issues/15173\n e.preventDefault();\n }, onMouseUp: (e) => {\n // Prevent caret position change\n // https://github.com/ant-design/ant-design/issues/23524\n e.preventDefault();\n }, onKeyDown: (e) => {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n onVisibleChange();\n }\n }, [iconTrigger]: onVisibleChange }, icon));\n };\n const inputPrefixCls = getPrefixCls('input', customizeInputPrefixCls);\n const prefixCls = getPrefixCls('input-password', customizePrefixCls);\n const suffixIcon = visibilityToggle && getIcon(prefixCls);\n const inputClassName = clsx(prefixCls, contextClassName, className, {\n [`${prefixCls}-${props.size}`]: !!props.size,\n });\n const inputProps = {\n ...restProps,\n type: visible ? 'text' : 'password',\n prefixCls: inputPrefixCls,\n suffix: (React.createElement(React.Fragment, null,\n suffixIcon,\n suffix)),\n disabled: mergedDisabled,\n className: inputClassName,\n style: { ...contextStyle, ...style },\n classNames: mergedClassNames,\n styles: mergedStyles,\n };\n return React.createElement(Input, { ref: composeRef(ref, inputRef), ...inputProps });\n});\nif (process.env.NODE_ENV !== 'production') {\n Password.displayName = 'Input.Password';\n}\nexport default Password;\n","import { unit } from '@ant-design/cssinjs';\nimport { genStyleHooks, mergeToken } from '../../theme/internal';\nimport { genCssVar } from '../../theme/util/genStyleUtils';\nimport { initComponentToken, initInputToken } from './token';\nconst genSearchStyle = (token) => {\n const { componentCls, antCls, calc, max } = token;\n const btnCls = `${componentCls}-btn`;\n const [varName, varRef] = genCssVar(antCls, 'input-search');\n const inputFontSizeSM = token.inputFontSizeSM ?? token.fontSize;\n const smallButtonHeight = max(token.controlHeightSM, calc(inputFontSizeSM)\n .mul(token.lineHeight)\n .add(calc(token.paddingBlockSM).mul(2))\n .add(calc(token.lineWidth).mul(2))\n .equal());\n return {\n [componentCls]: {\n [varName('btn-height')]: unit(token.controlHeight),\n width: '100%',\n // =========================== Button ===========================\n [btnCls]: {\n height: varRef('btn-height'),\n '&:focus-visible': {\n zIndex: 5,\n },\n [`&${antCls}-btn-icon-only`]: {\n width: varRef('btn-height'),\n },\n '&-filled': {\n background: token.colorFillTertiary,\n '&:not(:disabled)': {\n '&:hover': {\n background: token.colorFillSecondary,\n },\n '&:active': {\n background: token.colorFill,\n },\n },\n },\n },\n [`&${componentCls}-large`]: {\n [varName('btn-height')]: unit(token.controlHeightLG),\n },\n [`&${componentCls}-small`]: {\n [varName('btn-height')]: unit(token.controlHeightSM),\n },\n [`&${componentCls}-small ${btnCls}`]: {\n minHeight: smallButtonHeight,\n [`&${token.antCls}-btn-icon-only`]: {\n minWidth: smallButtonHeight,\n },\n },\n },\n };\n};\nexport default genStyleHooks(['Input', 'Search'], (token) => {\n const inputToken = mergeToken(token, initInputToken(token));\n return genSearchStyle(inputToken);\n}, initComponentToken);\n","import * as React from 'react';\nimport SearchOutlined from '@ant-design/icons/SearchOutlined';\nimport { composeRef, omit, pickAttrs } from '@rc-component/util';\nimport { clsx } from 'clsx';\nimport fallbackProp from '../_util/fallbackProp';\nimport { useMergeSemantic } from '../_util/hooks/useMergeSemantic';\nimport { cloneElement } from '../_util/reactNode';\nimport Button from '../button/Button';\nimport { useComponentConfig } from '../config-provider/context';\nimport useSize from '../config-provider/hooks/useSize';\nimport Compact, { useCompactItemContext } from '../space/Compact';\nimport Input from './Input';\nimport useStyle from './style/search';\nconst Search = React.forwardRef((props, ref) => {\n const { prefixCls: customizePrefixCls, inputPrefixCls: customizeInputPrefixCls, className, size: customizeSize, style, enterButton = false, searchIcon: customizeSearchIcon, addonAfter, loading, disabled, onSearch: customOnSearch, onChange: customOnChange, onCompositionStart, onCompositionEnd, variant, onPressEnter: customOnPressEnter, classNames, styles, hidden, ...restProps } = props;\n const { direction, getPrefixCls, className: contextClassName, style: contextStyle, classNames: contextClassNames, styles: contextStyles, searchIcon: contextSearchIcon, } = useComponentConfig('inputSearch');\n const mergedProps = {\n ...props,\n enterButton,\n };\n const [mergedClassNames, mergedStyles] = useMergeSemantic([contextClassNames, classNames], [contextStyles, styles], { props: mergedProps }, {\n button: {\n _default: 'root',\n },\n });\n const composedRef = React.useRef(false);\n const prefixCls = getPrefixCls('input-search', customizePrefixCls);\n const inputPrefixCls = getPrefixCls('input', customizeInputPrefixCls);\n const [hashId, cssVarCls] = useStyle(prefixCls);\n const { compactSize } = useCompactItemContext(prefixCls, direction);\n const size = useSize((ctx) => customizeSize ?? compactSize ?? ctx);\n const inputRef = React.useRef(null);\n const onChange = (e) => {\n if (e?.target && e.type === 'click' && customOnSearch) {\n customOnSearch(e.target.value, e, {\n source: 'clear',\n });\n }\n customOnChange?.(e);\n };\n const onMouseDown = (e) => {\n if (document.activeElement === inputRef.current?.input) {\n e.preventDefault();\n }\n };\n const onSearch = (e) => {\n if (customOnSearch) {\n customOnSearch(inputRef.current?.input?.value, e, {\n source: 'input',\n });\n }\n };\n const onPressEnter = (e) => {\n if (composedRef.current || loading) {\n return;\n }\n customOnPressEnter?.(e);\n onSearch(e);\n };\n const searchIcon = typeof enterButton === 'boolean'\n ? fallbackProp(customizeSearchIcon, contextSearchIcon, React.createElement(SearchOutlined, null))\n : null;\n const btnPrefixCls = `${prefixCls}-btn`;\n const btnClassName = clsx(btnPrefixCls, {\n [`${btnPrefixCls}-${variant}`]: variant,\n });\n let button;\n const enterButtonAsElement = (enterButton || {});\n const isAntdButton = enterButtonAsElement.type && enterButtonAsElement.type.__ANT_BUTTON === true;\n if (isAntdButton || enterButtonAsElement.type === 'button') {\n const enterButtonProps = enterButtonAsElement.props;\n button = cloneElement(enterButtonAsElement, {\n onMouseDown,\n onClick: (e) => {\n enterButtonAsElement?.props?.onClick?.(e);\n onSearch(e);\n },\n key: 'enterButton',\n ...(isAntdButton ? { className: clsx(btnClassName, enterButtonProps.className), size } : {}),\n });\n }\n else {\n button = (React.createElement(Button, { classNames: mergedClassNames.button, styles: mergedStyles.button, className: btnClassName, color: enterButton ? 'primary' : 'default', size: size, disabled: disabled, key: \"enterButton\", onMouseDown: onMouseDown, onClick: onSearch, loading: loading, icon: searchIcon, variant: variant === 'borderless' || variant === 'filled' || variant === 'underlined'\n ? 'text'\n : enterButton\n ? 'solid'\n : undefined }, enterButton));\n }\n if (addonAfter) {\n button = [button, cloneElement(addonAfter, { key: 'addonAfter' })];\n }\n const mergedClassName = clsx(prefixCls, cssVarCls, {\n [`${prefixCls}-rtl`]: direction === 'rtl',\n [`${prefixCls}-${size}`]: !!size,\n [`${prefixCls}-with-button`]: !!enterButton,\n }, className, contextClassName, hashId, mergedClassNames.root);\n const handleOnCompositionStart = (e) => {\n composedRef.current = true;\n onCompositionStart?.(e);\n };\n const handleOnCompositionEnd = (e) => {\n composedRef.current = false;\n onCompositionEnd?.(e);\n };\n // ========================== Render ==========================\n // >>> Root Props\n const rootProps = pickAttrs(restProps, {\n data: true,\n });\n const inputProps = omit({\n ...restProps,\n classNames: omit(mergedClassNames, ['button', 'root']),\n styles: omit(mergedStyles, ['button', 'root']),\n prefixCls: inputPrefixCls,\n type: 'search',\n size,\n variant,\n onPressEnter,\n onCompositionStart: handleOnCompositionStart,\n onCompositionEnd: handleOnCompositionEnd,\n onChange,\n disabled,\n }, Object.keys(rootProps));\n return (React.createElement(Compact, { className: mergedClassName, style: { ...mergedStyles.root, ...contextStyle, ...style }, ...rootProps, hidden: hidden },\n React.createElement(Input, { ref: composeRef(inputRef, ref), ...inputProps }),\n button));\n});\nif (process.env.NODE_ENV !== 'production') {\n Search.displayName = 'Search';\n}\nexport default Search;\n","import { genStyleHooks, mergeToken } from '../../theme/internal';\nimport { initComponentToken, initInputToken } from './token';\nexport { initComponentToken, initInputToken };\nconst genTextAreaStyle = (token) => {\n const { componentCls, paddingLG } = token;\n const textareaPrefixCls = `${componentCls}-textarea`;\n return {\n // Raw Textarea\n [`textarea${componentCls}`]: {\n maxWidth: '100%', // prevent textarea resize from coming out of its container\n height: 'auto',\n minHeight: token.controlHeight,\n lineHeight: token.lineHeight,\n verticalAlign: 'bottom',\n transition: `all ${token.motionDurationSlow}`,\n resize: 'vertical',\n [`&${componentCls}-mouse-active`]: {\n transition: `all ${token.motionDurationSlow}, height 0s, width 0s`,\n },\n },\n // Wrapper for resize\n [`${componentCls}-textarea-affix-wrapper-resize-dirty`]: {\n width: 'auto',\n },\n [textareaPrefixCls]: {\n position: 'relative',\n '&-show-count': {\n [`${componentCls}-data-count`]: {\n position: 'absolute',\n bottom: token.calc(token.fontSize).mul(token.lineHeight).mul(-1).equal(),\n insetInlineEnd: 0,\n color: token.colorTextDescription,\n whiteSpace: 'nowrap',\n pointerEvents: 'none',\n },\n },\n [`\n &-allow-clear > ${componentCls},\n &-affix-wrapper${textareaPrefixCls}-has-feedback ${componentCls}\n `]: {\n paddingInlineEnd: paddingLG,\n },\n [`&-affix-wrapper${componentCls}-affix-wrapper`]: {\n padding: 0,\n [`> textarea${componentCls}`]: {\n fontSize: 'inherit',\n border: 'none',\n outline: 'none',\n background: 'transparent',\n minHeight: token\n .calc(token.controlHeight)\n .sub(token.calc(token.lineWidth).mul(2))\n .equal(),\n '&:focus': {\n boxShadow: 'none !important',\n },\n },\n [`${componentCls}-suffix`]: {\n margin: 0,\n '> *:not(:last-child)': {\n marginInline: 0,\n },\n // Clear Icon\n [`${componentCls}-clear-icon`]: {\n position: 'absolute',\n insetInlineEnd: token.paddingInline,\n insetBlockStart: token.paddingXS,\n },\n // Feedback Icon\n [`${textareaPrefixCls}-suffix`]: {\n position: 'absolute',\n top: 0,\n insetInlineEnd: token.paddingInline,\n bottom: 0,\n zIndex: 1,\n display: 'inline-flex',\n alignItems: 'center',\n margin: 'auto',\n pointerEvents: 'none',\n },\n },\n },\n [`&-affix-wrapper${componentCls}-affix-wrapper-rtl`]: {\n [`${componentCls}-suffix`]: {\n [`${componentCls}-data-count`]: {\n direction: 'ltr',\n insetInlineStart: 0,\n },\n },\n },\n [`&-affix-wrapper${componentCls}-affix-wrapper-sm`]: {\n [`${componentCls}-suffix`]: {\n [`${componentCls}-clear-icon`]: {\n insetInlineEnd: token.paddingInlineSM,\n },\n },\n },\n },\n };\n};\n// ============================== Export ==============================\nexport default genStyleHooks(['Input', 'TextArea'], (token) => {\n const inputToken = mergeToken(token, initInputToken(token));\n return genTextAreaStyle(inputToken);\n}, initComponentToken, {\n resetFont: false,\n});\n","import * as React from 'react';\nimport { forwardRef } from 'react';\nimport { TextArea as RcTextArea } from '@rc-component/input';\nimport { clsx } from 'clsx';\nimport { useAllowClear } from '../_util/hooks';\nimport { useMergeSemantic, useSemanticRootStyle } from '../_util/hooks/useMergeSemantic';\nimport { isFunction } from '../_util/is';\nimport { getMergedStatus, getStatusClassNames } from '../_util/statusUtils';\nimport { devUseWarning } from '../_util/warning';\nimport { useComponentConfig } from '../config-provider/context';\nimport DisabledContext from '../config-provider/DisabledContext';\nimport useCSSVarCls from '../config-provider/hooks/useCSSVarCls';\nimport useSize from '../config-provider/hooks/useSize';\nimport { FormItemInputContext } from '../form/context';\nimport useVariant from '../form/hooks/useVariants';\nimport { useCompactItemContext } from '../space/Compact';\nimport { triggerFocus } from './Input';\nimport { useSharedStyle } from './style';\nimport useStyle from './style/textarea';\nconst TextArea = forwardRef((props, ref) => {\n const { prefixCls: customizePrefixCls, bordered = true, size: customizeSize, disabled: customDisabled, status: customStatus, allowClear, classNames, rootClassName, className, style, styles, variant: customVariant, showCount, onMouseDown, onResize, ...rest } = props;\n if (process.env.NODE_ENV !== 'production') {\n const { deprecated } = devUseWarning('TextArea');\n deprecated(!('bordered' in props), 'bordered', 'variant');\n }\n const { getPrefixCls, direction, allowClear: contextAllowClear, autoComplete: contextAutoComplete, className: contextClassName, style: contextStyle, classNames: contextClassNames, styles: contextStyles, } = useComponentConfig('textArea');\n // =================== Disabled ===================\n const disabled = React.useContext(DisabledContext);\n const mergedDisabled = customDisabled ?? disabled;\n // ==================== Status ====================\n const { status: contextStatus, hasFeedback, feedbackIcon, } = React.useContext(FormItemInputContext);\n const mergedStatus = getMergedStatus(contextStatus, customStatus);\n const contextStyleRoot = useSemanticRootStyle(contextStyle);\n const styleRoot = useSemanticRootStyle(style);\n const [mergedClassNames, mergedStyles] = useMergeSemantic([contextClassNames, classNames], [contextStyles, contextStyleRoot, styles, styleRoot], {\n props,\n });\n // ===================== Ref ======================\n const innerRef = React.useRef(null);\n React.useImperativeHandle(ref, () => ({\n resizableTextArea: innerRef.current?.resizableTextArea,\n focus: (option) => {\n triggerFocus(innerRef.current?.resizableTextArea?.textArea, option);\n },\n blur: () => innerRef.current?.blur(),\n nativeElement: innerRef.current?.nativeElement || null,\n }));\n const prefixCls = getPrefixCls('input', customizePrefixCls);\n // ==================== Style =====================\n const rootCls = useCSSVarCls(prefixCls);\n const [hashId, cssVarCls] = useSharedStyle(prefixCls, rootClassName);\n useStyle(prefixCls, rootCls);\n // ================= Compact Item =================\n const { compactSize, compactItemClassnames } = useCompactItemContext(prefixCls, direction);\n // ===================== Size =====================\n const mergedSize = useSize((ctx) => customizeSize ?? compactSize ?? ctx);\n const [variant, enableVariantCls] = useVariant('textArea', customVariant, bordered);\n const mergedAllowClear = useAllowClear({\n allowClear,\n contextAllowClear,\n componentName: 'TextArea',\n });\n // ==================== Resize ====================\n // https://github.com/ant-design/ant-design/issues/51594\n const [isMouseDown, setIsMouseDown] = React.useState(false);\n // When has wrapper, resize will make as dirty for `resize: both` style\n const [resizeDirty, setResizeDirty] = React.useState(false);\n const onInternalMouseDown = (e) => {\n setIsMouseDown(true);\n onMouseDown?.(e);\n const onMouseUp = () => {\n setIsMouseDown(false);\n document.removeEventListener('mouseup', onMouseUp);\n };\n document.addEventListener('mouseup', onMouseUp);\n };\n const onInternalResize = (size) => {\n onResize?.(size);\n // Change to dirty since this maybe from the `resize: both` style\n if (isMouseDown && isFunction(getComputedStyle)) {\n const ele = innerRef.current?.nativeElement?.querySelector('textarea');\n if (ele && getComputedStyle(ele).resize === 'both') {\n setResizeDirty(true);\n }\n }\n };\n // ==================== Render ====================\n return (React.createElement(RcTextArea, { autoComplete: contextAutoComplete, ...rest, style: mergedStyles.root, styles: mergedStyles, disabled: mergedDisabled, allowClear: mergedAllowClear, className: clsx(cssVarCls, rootCls, className, rootClassName, compactItemClassnames, contextClassName, mergedClassNames.root, \n // Only for wrapper\n {\n [`${prefixCls}-textarea-affix-wrapper-resize-dirty`]: resizeDirty,\n }), classNames: {\n ...mergedClassNames,\n textarea: clsx({\n [`${prefixCls}-sm`]: mergedSize === 'small',\n [`${prefixCls}-lg`]: mergedSize === 'large',\n }, hashId, mergedClassNames.textarea, isMouseDown && `${prefixCls}-mouse-active`),\n variant: clsx({\n [`${prefixCls}-${variant}`]: enableVariantCls,\n }, getStatusClassNames(prefixCls, mergedStatus)),\n affixWrapper: clsx(`${prefixCls}-textarea-affix-wrapper`, {\n [`${prefixCls}-affix-wrapper-rtl`]: direction === 'rtl',\n [`${prefixCls}-affix-wrapper-sm`]: mergedSize === 'small',\n [`${prefixCls}-affix-wrapper-lg`]: mergedSize === 'large',\n [`${prefixCls}-textarea-show-count`]: showCount || props.count?.show,\n }, hashId),\n }, prefixCls: prefixCls, suffix: hasFeedback && React.createElement(\"span\", { className: `${prefixCls}-textarea-suffix` }, feedbackIcon), showCount: showCount, ref: innerRef, onResize: onInternalResize, onMouseDown: onInternalMouseDown }));\n});\nexport default TextArea;\n","import Group from './Group';\nimport InternalInput from './Input';\nimport OTP from './OTP';\nimport Password from './Password';\nimport Search from './Search';\nimport TextArea from './TextArea';\nconst Input = InternalInput;\nInput.Group = Group;\nInput.Search = Search;\nInput.TextArea = TextArea;\nInput.Password = Password;\nInput.OTP = OTP;\nexport default Input;\n","import { toArray } from '@rc-component/util';\nimport Sider from '../Sider';\nexport default function useHasSider(siders, children, hasSider) {\n if (typeof hasSider === 'boolean') {\n return hasSider;\n }\n if (siders.length) {\n return true;\n }\n const childNodes = toArray(children);\n return childNodes.some((node) => node.type === Sider);\n}\n","import * as React from 'react';\nimport { omit } from '@rc-component/util';\nimport { clsx } from 'clsx';\nimport { ConfigContext } from '../config-provider';\nimport { useComponentConfig } from '../config-provider/context';\nimport { LayoutContext } from './context';\nimport useHasSider from './hooks/useHasSider';\nimport useStyle from './style';\nconst generator = ({ suffixCls, tagName, displayName }) => {\n return (Component) => {\n const Adapter = React.forwardRef((props, ref) => (React.createElement(Component, { ref: ref, suffixCls: suffixCls, tagName: tagName, ...props })));\n if (process.env.NODE_ENV !== 'production') {\n Adapter.displayName = displayName;\n }\n return Adapter;\n };\n};\nconst Basic = React.forwardRef((props, ref) => {\n const { prefixCls: customizePrefixCls, suffixCls, className, tagName: TagName, ...others } = props;\n const { getPrefixCls } = React.useContext(ConfigContext);\n const prefixCls = getPrefixCls('layout', customizePrefixCls);\n const [hashId, cssVarCls] = useStyle(prefixCls);\n const prefixWithSuffixCls = suffixCls ? `${prefixCls}-${suffixCls}` : prefixCls;\n return (React.createElement(TagName, { className: clsx(customizePrefixCls || prefixWithSuffixCls, className, hashId, cssVarCls), ref: ref, ...others }));\n});\nconst BasicLayout = React.forwardRef((props, ref) => {\n const { direction } = React.useContext(ConfigContext);\n const [siders, setSiders] = React.useState([]);\n const { prefixCls: customizePrefixCls, className, rootClassName, children, hasSider, tagName: Tag, style, ...others } = props;\n const passedProps = omit(others, ['suffixCls']);\n const { getPrefixCls, className: contextClassName, style: contextStyle, } = useComponentConfig('layout');\n const prefixCls = getPrefixCls('layout', customizePrefixCls);\n const mergedHasSider = useHasSider(siders, children, hasSider);\n const [hashId, cssVarCls] = useStyle(prefixCls);\n const classString = clsx(prefixCls, {\n [`${prefixCls}-has-sider`]: mergedHasSider,\n [`${prefixCls}-rtl`]: direction === 'rtl',\n }, contextClassName, className, rootClassName, hashId, cssVarCls);\n const contextValue = React.useMemo(() => ({\n siderHook: {\n addSider: (id) => {\n setSiders((prev) => [...prev, id]);\n },\n removeSider: (id) => {\n setSiders((prev) => prev.filter((currentId) => currentId !== id));\n },\n },\n }), []);\n return (React.createElement(LayoutContext.Provider, { value: contextValue },\n React.createElement(Tag, { ref: ref, className: classString, style: { ...contextStyle, ...style }, ...passedProps }, children)));\n});\nconst Layout = generator({\n tagName: 'div',\n displayName: 'Layout',\n})(BasicLayout);\nconst Header = generator({\n suffixCls: 'header',\n tagName: 'header',\n displayName: 'Header',\n})(Basic);\nconst Footer = generator({\n suffixCls: 'footer',\n tagName: 'footer',\n displayName: 'Footer',\n})(Basic);\nconst Content = generator({\n suffixCls: 'content',\n tagName: 'main',\n displayName: 'Content',\n})(Basic);\nexport { Content, Footer, Header };\nexport default Layout;\n","import InternalLayout, { Content, Footer, Header } from './layout';\nimport Sider, { SiderContext } from './Sider';\nconst Layout = InternalLayout;\nLayout.Header = Header;\nLayout.Footer = Footer;\nLayout.Content = Content;\nLayout.Sider = Sider;\nLayout._InternalSiderContext = SiderContext;\nexport default Layout;\n","function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n// GENERATED BY ./scripts/generate.ts\n// DO NOT EDIT IT MANUALLY\n\nimport * as React from 'react';\nimport DoubleLeftOutlinedSvg from '@ant-design/icons-svg/lib/asn/DoubleLeftOutlined';\nimport AntdIcon from \"../components/AntdIconLight\";\nconst DoubleLeftOutlined = (props, ref) => /*#__PURE__*/React.createElement(AntdIcon, _extends({}, props, {\n ref: ref,\n icon: DoubleLeftOutlinedSvg\n}));\n\n/** */\nconst RefIcon = /*#__PURE__*/React.forwardRef(DoubleLeftOutlined);\nif (process.env.NODE_ENV !== 'production') {\n RefIcon.displayName = 'DoubleLeftOutlined';\n}\nexport default RefIcon;","function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n// GENERATED BY ./scripts/generate.ts\n// DO NOT EDIT IT MANUALLY\n\nimport * as React from 'react';\nimport DoubleRightOutlinedSvg from '@ant-design/icons-svg/lib/asn/DoubleRightOutlined';\nimport AntdIcon from \"../components/AntdIconLight\";\nconst DoubleRightOutlined = (props, ref) => /*#__PURE__*/React.createElement(AntdIcon, _extends({}, props, {\n ref: ref,\n icon: DoubleRightOutlinedSvg\n}));\n\n/** */\nconst RefIcon = /*#__PURE__*/React.forwardRef(DoubleRightOutlined);\nif (process.env.NODE_ENV !== 'production') {\n RefIcon.displayName = 'DoubleRightOutlined';\n}\nexport default RefIcon;","import { KeyCode } from '@rc-component/util';\nimport React from 'react';\nconst defaultPageSizeOptions = [10, 20, 50, 100];\nconst Options = props => {\n const {\n pageSizeOptions = defaultPageSizeOptions,\n locale,\n changeSize,\n pageSize,\n goButton,\n quickGo,\n rootPrefixCls,\n disabled,\n buildOptionText,\n showSizeChanger,\n sizeChangerRender\n } = props;\n const [goInputText, setGoInputText] = React.useState('');\n const getValidValue = React.useMemo(() => {\n return !goInputText || Number.isNaN(goInputText) ? undefined : Number(goInputText);\n }, [goInputText]);\n const mergeBuildOptionText = typeof buildOptionText === 'function' ? buildOptionText : value => `${value} ${locale.items_per_page}`;\n const handleChange = e => {\n const value = e.target.value;\n if (/^\\d*$/.test(value)) {\n setGoInputText(value);\n }\n };\n const handleBlur = e => {\n if (goButton || goInputText === '') {\n return;\n }\n setGoInputText('');\n if (e.relatedTarget && (e.relatedTarget.className.includes(`${rootPrefixCls}-item-link`) || e.relatedTarget.className.includes(`${rootPrefixCls}-item`))) {\n return;\n }\n quickGo?.(getValidValue);\n };\n const go = e => {\n if (goInputText === '') {\n return;\n }\n if (e.keyCode === KeyCode.ENTER || e.type === 'click') {\n setGoInputText('');\n quickGo?.(getValidValue);\n }\n };\n const getPageSizeOptions = () => {\n if (pageSizeOptions.some(option => option.toString() === pageSize.toString())) {\n return pageSizeOptions;\n }\n return pageSizeOptions.concat([pageSize]).sort((a, b) => {\n const numberA = Number.isNaN(Number(a)) ? 0 : Number(a);\n const numberB = Number.isNaN(Number(b)) ? 0 : Number(b);\n return numberA - numberB;\n });\n };\n // ============== cls ==============\n const prefixCls = `${rootPrefixCls}-options`;\n\n // ============== render ==============\n\n if (!showSizeChanger && !quickGo) {\n return null;\n }\n let changeSelect = null;\n let goInput = null;\n let gotoButton = null;\n\n // >>>>> Size Changer\n if (showSizeChanger && sizeChangerRender) {\n changeSelect = sizeChangerRender({\n disabled,\n size: pageSize,\n onSizeChange: nextValue => {\n changeSize?.(Number(nextValue));\n },\n 'aria-label': locale.page_size,\n className: `${prefixCls}-size-changer`,\n options: getPageSizeOptions().map(opt => ({\n label: mergeBuildOptionText(opt),\n value: opt\n }))\n });\n }\n\n // >>>>> Quick Go\n if (quickGo) {\n if (goButton) {\n gotoButton = typeof goButton === 'boolean' ? /*#__PURE__*/React.createElement(\"button\", {\n type: \"button\",\n onClick: go,\n onKeyUp: go,\n disabled: disabled,\n className: `${prefixCls}-quick-jumper-button`\n }, locale.jump_to_confirm) : /*#__PURE__*/React.createElement(\"span\", {\n onClick: go,\n onKeyUp: go\n }, goButton);\n }\n goInput = /*#__PURE__*/React.createElement(\"div\", {\n className: `${prefixCls}-quick-jumper`\n }, locale.jump_to, /*#__PURE__*/React.createElement(\"input\", {\n disabled: disabled,\n type: \"text\",\n value: goInputText,\n onChange: handleChange,\n onKeyUp: go,\n onBlur: handleBlur,\n \"aria-label\": locale.page\n }), locale.page, gotoButton);\n }\n return /*#__PURE__*/React.createElement(\"li\", {\n className: prefixCls\n }, changeSelect, goInput);\n};\nif (process.env.NODE_ENV !== 'production') {\n Options.displayName = 'Options';\n}\nexport default Options;","/* eslint react/prop-types: 0 */\nimport { clsx } from 'clsx';\nimport React from 'react';\nconst Pager = props => {\n const {\n rootPrefixCls,\n page,\n active,\n className,\n style,\n showTitle,\n onClick,\n onKeyPress,\n itemRender\n } = props;\n const prefixCls = `${rootPrefixCls}-item`;\n const cls = clsx(prefixCls, `${prefixCls}-${page}`, {\n [`${prefixCls}-active`]: active,\n [`${prefixCls}-disabled`]: !page\n }, className);\n const handleClick = () => {\n onClick(page);\n };\n const handleKeyPress = e => {\n onKeyPress(e, onClick, page);\n };\n const pager = itemRender(page, 'page', /*#__PURE__*/React.createElement(\"a\", {\n rel: \"nofollow\"\n }, page));\n return pager ? /*#__PURE__*/React.createElement(\"li\", {\n title: showTitle ? String(page) : null,\n className: cls,\n style: style,\n onClick: handleClick,\n onKeyDown: handleKeyPress,\n tabIndex: 0\n }, pager) : null;\n};\nif (process.env.NODE_ENV !== 'production') {\n Pager.displayName = 'Pager';\n}\nexport default Pager;","function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport { clsx } from 'clsx';\nimport { KeyCode, pickAttrs, useControlledState, warning } from '@rc-component/util';\nimport React, { useEffect } from 'react';\nimport zhCN from \"./locale/zh_CN\";\nimport Options from \"./Options\";\nimport Pager from \"./Pager\";\nconst defaultItemRender = (_, __, element) => element;\nfunction noop() {}\nfunction isInteger(v) {\n const value = Number(v);\n return typeof value === 'number' && !Number.isNaN(value) && isFinite(value) && Math.floor(value) === value;\n}\nfunction calculatePage(p, pageSize, total) {\n const _pageSize = typeof p === 'undefined' ? pageSize : p;\n return Math.floor((total - 1) / _pageSize) + 1;\n}\nconst Pagination = props => {\n const {\n // cls\n prefixCls = 'rc-pagination',\n selectPrefixCls = 'rc-select',\n className,\n classNames: paginationClassNames,\n styles,\n // control\n current: currentProp,\n defaultCurrent = 1,\n total = 0,\n pageSize: pageSizeProp,\n defaultPageSize = 10,\n onChange = noop,\n // config\n hideOnSinglePage,\n align,\n showPrevNextJumpers = true,\n showQuickJumper,\n showLessItems,\n showTitle = true,\n onShowSizeChange = noop,\n locale = zhCN,\n style,\n totalBoundaryShowSizeChanger = 50,\n disabled,\n simple,\n showTotal,\n showSizeChanger = total > totalBoundaryShowSizeChanger,\n sizeChangerRender,\n pageSizeOptions,\n // render\n itemRender = defaultItemRender,\n jumpPrevIcon,\n jumpNextIcon,\n prevIcon,\n nextIcon\n } = props;\n const paginationRef = React.useRef(null);\n const [pageSize, setPageSize] = useControlledState(defaultPageSize, pageSizeProp);\n const [internalCurrent, setCurrent] = useControlledState(defaultCurrent, currentProp);\n const current = Math.max(1, Math.min(internalCurrent, calculatePage(undefined, pageSize, total)));\n const [internalInputVal, setInternalInputVal] = React.useState(current);\n useEffect(() => {\n setInternalInputVal(current);\n }, [current]);\n const hasOnChange = onChange !== noop;\n const hasCurrent = ('current' in props);\n if (process.env.NODE_ENV !== 'production') {\n warning(hasCurrent ? hasOnChange : true, 'You provided a `current` prop to a Pagination component without an `onChange` handler. This will render a read-only component.');\n }\n const jumpPrevPage = Math.max(1, current - (showLessItems ? 3 : 5));\n const jumpNextPage = Math.min(calculatePage(undefined, pageSize, total), current + (showLessItems ? 3 : 5));\n function getItemIcon(icon, label) {\n let iconNode = icon || /*#__PURE__*/React.createElement(\"button\", {\n type: \"button\",\n \"aria-label\": label,\n className: `${prefixCls}-item-link`\n });\n if (typeof icon === 'function') {\n iconNode = /*#__PURE__*/React.createElement(icon, props);\n }\n return iconNode;\n }\n function getValidValue(e) {\n const inputValue = e.target.value;\n const allPages = calculatePage(undefined, pageSize, total);\n let value;\n if (inputValue === '') {\n value = inputValue;\n } else if (Number.isNaN(Number(inputValue))) {\n value = internalInputVal;\n } else if (inputValue >= allPages) {\n value = allPages;\n } else {\n value = Number(inputValue);\n }\n return value;\n }\n function isValid(page) {\n return isInteger(page) && page !== current && isInteger(total) && total > 0;\n }\n const shouldDisplayQuickJumper = total > pageSize ? showQuickJumper : false;\n\n /**\n * prevent \"up arrow\" key reseting cursor position within textbox\n * @see https://stackoverflow.com/a/1081114\n */\n function handleKeyDown(event) {\n if (event.keyCode === KeyCode.UP || event.keyCode === KeyCode.DOWN) {\n event.preventDefault();\n }\n }\n function handleKeyUp(event) {\n const value = getValidValue(event);\n if (value !== internalInputVal) {\n setInternalInputVal(value);\n }\n switch (event.keyCode) {\n case KeyCode.ENTER:\n handleChange(value);\n break;\n case KeyCode.UP:\n handleChange(value - 1);\n break;\n case KeyCode.DOWN:\n handleChange(value + 1);\n break;\n default:\n break;\n }\n }\n function handleBlur(event) {\n handleChange(getValidValue(event));\n }\n function changePageSize(size) {\n const newCurrent = calculatePage(size, pageSize, total);\n const nextCurrent = current > newCurrent && newCurrent !== 0 ? newCurrent : current;\n setPageSize(size);\n setInternalInputVal(nextCurrent);\n onShowSizeChange?.(current, size);\n setCurrent(nextCurrent);\n onChange?.(nextCurrent, size);\n }\n function handleChange(page) {\n if (isValid(page) && !disabled) {\n const currentPage = calculatePage(undefined, pageSize, total);\n let newPage = page;\n if (page > currentPage) {\n newPage = currentPage;\n } else if (page < 1) {\n newPage = 1;\n }\n if (newPage !== internalInputVal) {\n setInternalInputVal(newPage);\n }\n setCurrent(newPage);\n onChange?.(newPage, pageSize);\n return newPage;\n }\n return current;\n }\n const hasPrev = current > 1;\n const hasNext = current < calculatePage(undefined, pageSize, total);\n function prevHandle() {\n if (hasPrev) handleChange(current - 1);\n }\n function nextHandle() {\n if (hasNext) handleChange(current + 1);\n }\n function jumpPrevHandle() {\n handleChange(jumpPrevPage);\n }\n function jumpNextHandle() {\n handleChange(jumpNextPage);\n }\n function runIfEnter(event, callback, ...restParams) {\n if (event.key === 'Enter' || event.charCode === KeyCode.ENTER || event.keyCode === KeyCode.ENTER) {\n callback(...restParams);\n }\n }\n function runIfEnterPrev(event) {\n runIfEnter(event, prevHandle);\n }\n function runIfEnterNext(event) {\n runIfEnter(event, nextHandle);\n }\n function runIfEnterJumpPrev(event) {\n runIfEnter(event, jumpPrevHandle);\n }\n function runIfEnterJumpNext(event) {\n runIfEnter(event, jumpNextHandle);\n }\n function renderPrev(prevPage) {\n const prevButton = itemRender(prevPage, 'prev', getItemIcon(prevIcon, 'prev page'));\n return /*#__PURE__*/React.isValidElement(prevButton) ? /*#__PURE__*/React.cloneElement(prevButton, {\n disabled: !hasPrev\n }) : prevButton;\n }\n function renderNext(nextPage) {\n const nextButton = itemRender(nextPage, 'next', getItemIcon(nextIcon, 'next page'));\n return /*#__PURE__*/React.isValidElement(nextButton) ? /*#__PURE__*/React.cloneElement(nextButton, {\n disabled: !hasNext\n }) : nextButton;\n }\n function handleGoTO(event) {\n if (event.type === 'click' || event.keyCode === KeyCode.ENTER) {\n handleChange(internalInputVal);\n }\n }\n let jumpPrev = null;\n const dataOrAriaAttributeProps = pickAttrs(props, {\n aria: true,\n data: true\n });\n const totalText = showTotal && /*#__PURE__*/React.createElement(\"li\", {\n className: `${prefixCls}-total-text`\n }, showTotal(total, [total === 0 ? 0 : (current - 1) * pageSize + 1, current * pageSize > total ? total : current * pageSize]));\n let jumpNext = null;\n const allPages = calculatePage(undefined, pageSize, total);\n\n // ================== Render ==================\n // When hideOnSinglePage is true and there is only 1 page, hide the pager\n if (hideOnSinglePage && total <= pageSize) {\n return null;\n }\n const pagerList = [];\n const pagerProps = {\n rootPrefixCls: prefixCls,\n onClick: handleChange,\n onKeyPress: runIfEnter,\n showTitle,\n itemRender,\n page: -1,\n className: paginationClassNames?.item,\n style: styles?.item\n };\n const prevPage = current - 1 > 0 ? current - 1 : 0;\n const nextPage = current + 1 < allPages ? current + 1 : allPages;\n const goButton = showQuickJumper && showQuickJumper.goButton;\n\n // ================== Simple ==================\n // FIXME: ts type\n const isReadOnly = typeof simple === 'object' ? simple.readOnly : !simple;\n let gotoButton = goButton;\n let simplePager = null;\n if (simple) {\n // ====== Simple quick jump ======\n if (goButton) {\n if (typeof goButton === 'boolean') {\n gotoButton = /*#__PURE__*/React.createElement(\"button\", {\n type: \"button\",\n onClick: handleGoTO,\n onKeyUp: handleGoTO\n }, locale.jump_to_confirm);\n } else {\n gotoButton = /*#__PURE__*/React.createElement(\"span\", {\n onClick: handleGoTO,\n onKeyUp: handleGoTO\n }, goButton);\n }\n gotoButton = /*#__PURE__*/React.createElement(\"li\", {\n title: showTitle ? `${locale.jump_to}${current}/${allPages}` : null,\n className: `${prefixCls}-simple-pager`\n }, gotoButton);\n }\n simplePager = /*#__PURE__*/React.createElement(\"li\", {\n title: showTitle ? `${current}/${allPages}` : null,\n className: clsx(`${prefixCls}-simple-pager`, paginationClassNames?.item),\n style: styles?.item\n }, isReadOnly ? internalInputVal : /*#__PURE__*/React.createElement(\"input\", {\n type: \"text\",\n \"aria-label\": locale.jump_to,\n value: internalInputVal,\n disabled: disabled,\n onKeyDown: handleKeyDown,\n onKeyUp: handleKeyUp,\n onChange: handleKeyUp,\n onBlur: handleBlur,\n size: 3\n }), /*#__PURE__*/React.createElement(\"span\", {\n className: `${prefixCls}-slash`\n }, \"/\"), allPages);\n }\n\n // ====================== Normal ======================\n const pageBufferSize = showLessItems ? 1 : 2;\n if (allPages <= 3 + pageBufferSize * 2) {\n if (!allPages) {\n pagerList.push( /*#__PURE__*/React.createElement(Pager, _extends({}, pagerProps, {\n key: \"noPager\",\n page: 1,\n className: `${prefixCls}-item-disabled`\n })));\n }\n for (let i = 1; i <= allPages; i += 1) {\n pagerList.push( /*#__PURE__*/React.createElement(Pager, _extends({}, pagerProps, {\n key: i,\n page: i,\n active: current === i\n })));\n }\n } else {\n const prevItemTitle = showLessItems ? locale.prev_3 : locale.prev_5;\n const nextItemTitle = showLessItems ? locale.next_3 : locale.next_5;\n const jumpPrevContent = itemRender(jumpPrevPage, 'jump-prev', getItemIcon(jumpPrevIcon, 'prev page'));\n const jumpNextContent = itemRender(jumpNextPage, 'jump-next', getItemIcon(jumpNextIcon, 'next page'));\n if (showPrevNextJumpers) {\n jumpPrev = jumpPrevContent ? /*#__PURE__*/React.createElement(\"li\", {\n title: showTitle ? prevItemTitle : null,\n key: \"prev\",\n onClick: jumpPrevHandle,\n tabIndex: 0,\n onKeyDown: runIfEnterJumpPrev,\n className: clsx(`${prefixCls}-jump-prev`, {\n [`${prefixCls}-jump-prev-custom-icon`]: !!jumpPrevIcon\n })\n }, jumpPrevContent) : null;\n jumpNext = jumpNextContent ? /*#__PURE__*/React.createElement(\"li\", {\n title: showTitle ? nextItemTitle : null,\n key: \"next\",\n onClick: jumpNextHandle,\n tabIndex: 0,\n onKeyDown: runIfEnterJumpNext,\n className: clsx(`${prefixCls}-jump-next`, {\n [`${prefixCls}-jump-next-custom-icon`]: !!jumpNextIcon\n })\n }, jumpNextContent) : null;\n }\n let left = Math.max(1, current - pageBufferSize);\n let right = Math.min(current + pageBufferSize, allPages);\n if (current - 1 <= pageBufferSize) {\n right = 1 + pageBufferSize * 2;\n }\n if (allPages - current <= pageBufferSize) {\n left = allPages - pageBufferSize * 2;\n }\n const hasJumpPrev = !!jumpPrev && current - 1 >= pageBufferSize * 2 && current !== 1 + 2;\n const hasJumpNext = !!jumpNext && allPages - current >= pageBufferSize * 2 && current !== allPages - 2;\n if (!showLessItems && hasJumpPrev && right !== allPages) {\n left += 1;\n }\n if (!showLessItems && hasJumpNext && left !== 1) {\n right -= 1;\n }\n for (let i = left; i <= right; i += 1) {\n pagerList.push( /*#__PURE__*/React.createElement(Pager, _extends({}, pagerProps, {\n key: i,\n page: i,\n active: current === i\n })));\n }\n if (hasJumpPrev) {\n pagerList[0] = /*#__PURE__*/React.cloneElement(pagerList[0], {\n className: clsx(`${prefixCls}-item-after-jump-prev`, pagerList[0].props.className)\n });\n pagerList.unshift(jumpPrev);\n }\n if (hasJumpNext) {\n const lastOne = pagerList[pagerList.length - 1];\n pagerList[pagerList.length - 1] = /*#__PURE__*/React.cloneElement(lastOne, {\n className: clsx(`${prefixCls}-item-before-jump-next`, lastOne.props.className)\n });\n pagerList.push(jumpNext);\n }\n if (left !== 1) {\n pagerList.unshift( /*#__PURE__*/React.createElement(Pager, _extends({}, pagerProps, {\n key: 1,\n page: 1\n })));\n }\n if (right !== allPages) {\n pagerList.push( /*#__PURE__*/React.createElement(Pager, _extends({}, pagerProps, {\n key: allPages,\n page: allPages\n })));\n }\n }\n let prev = renderPrev(prevPage);\n if (prev) {\n const prevDisabled = !hasPrev || !allPages;\n prev = /*#__PURE__*/React.createElement(\"li\", {\n title: showTitle ? locale.prev_page : null,\n onClick: prevHandle,\n tabIndex: prevDisabled ? null : 0,\n onKeyDown: runIfEnterPrev,\n className: clsx(`${prefixCls}-prev`, paginationClassNames?.item, {\n [`${prefixCls}-disabled`]: prevDisabled\n }),\n style: styles?.item,\n \"aria-disabled\": prevDisabled\n }, prev);\n }\n let next = renderNext(nextPage);\n if (next) {\n let nextDisabled, nextTabIndex;\n if (simple) {\n nextDisabled = !hasNext;\n nextTabIndex = hasPrev ? 0 : null;\n } else {\n nextDisabled = !hasNext || !allPages;\n nextTabIndex = nextDisabled ? null : 0;\n }\n next = /*#__PURE__*/React.createElement(\"li\", {\n title: showTitle ? locale.next_page : null,\n onClick: nextHandle,\n tabIndex: nextTabIndex,\n onKeyDown: runIfEnterNext,\n className: clsx(`${prefixCls}-next`, paginationClassNames?.item, {\n [`${prefixCls}-disabled`]: nextDisabled\n }),\n style: styles?.item,\n \"aria-disabled\": nextDisabled\n }, next);\n }\n const cls = clsx(prefixCls, className, {\n [`${prefixCls}-start`]: align === 'start',\n [`${prefixCls}-center`]: align === 'center',\n [`${prefixCls}-end`]: align === 'end',\n [`${prefixCls}-simple`]: simple,\n [`${prefixCls}-disabled`]: disabled\n });\n return /*#__PURE__*/React.createElement(\"ul\", _extends({\n className: cls,\n style: style,\n ref: paginationRef\n }, dataOrAriaAttributeProps), totalText, prev, simple ? simplePager : pagerList, next, /*#__PURE__*/React.createElement(Options, {\n locale: locale,\n rootPrefixCls: prefixCls,\n disabled: disabled,\n selectPrefixCls: selectPrefixCls,\n changeSize: changePageSize,\n pageSize: pageSize,\n pageSizeOptions: pageSizeOptions,\n quickGo: shouldDisplayQuickJumper ? handleChange : null,\n goButton: gotoButton,\n showSizeChanger: showSizeChanger,\n sizeChangerRender: sizeChangerRender\n }));\n};\nif (process.env.NODE_ENV !== 'production') {\n Pagination.displayName = 'Pagination';\n}\nexport default Pagination;","export { default } from \"./Pagination\";","import { unit } from '@ant-design/cssinjs';\nimport { prepareComponentToken, prepareToken } from '.';\nimport { genSubStyleComponent } from '../../theme/internal';\nconst genBorderedStyle = (token) => {\n const { componentCls } = token;\n return {\n [`${componentCls}${componentCls}-bordered${componentCls}-disabled`]: {\n '&, &:hover': {\n [`${componentCls}-item-link`]: {\n borderColor: token.colorBorder,\n },\n },\n '&:focus-visible': {\n [`${componentCls}-item-link`]: {\n borderColor: token.colorBorder,\n },\n },\n [`${componentCls}-item, ${componentCls}-item-link`]: {\n backgroundColor: token.colorBgContainerDisabled,\n borderColor: token.colorBorder,\n [`&:hover:not(${componentCls}-item-active)`]: {\n backgroundColor: token.colorBgContainerDisabled,\n borderColor: token.colorBorder,\n a: {\n color: token.colorTextDisabled,\n },\n },\n [`&${componentCls}-item-active`]: {\n backgroundColor: token.itemActiveBgDisabled,\n },\n },\n [`${componentCls}-prev, ${componentCls}-next`]: {\n '&:hover button': {\n backgroundColor: token.colorBgContainerDisabled,\n borderColor: token.colorBorder,\n color: token.colorTextDisabled,\n },\n [`${componentCls}-item-link`]: {\n backgroundColor: token.colorBgContainerDisabled,\n borderColor: token.colorBorder,\n },\n },\n },\n [`${componentCls}${componentCls}-bordered`]: {\n [`${componentCls}-prev, ${componentCls}-next`]: {\n '&:hover button': {\n borderColor: token.colorPrimaryHover,\n backgroundColor: token.itemBg,\n },\n [`${componentCls}-item-link`]: {\n backgroundColor: token.itemLinkBg,\n borderColor: token.colorBorder,\n },\n [`&:hover ${componentCls}-item-link`]: {\n borderColor: token.colorPrimary,\n backgroundColor: token.itemBg,\n color: token.colorPrimary,\n },\n [`&${componentCls}-disabled`]: {\n [`${componentCls}-item-link`]: {\n borderColor: token.colorBorder,\n color: token.colorTextDisabled,\n },\n },\n },\n [`${componentCls}-item`]: {\n backgroundColor: token.itemBg,\n border: `${unit(token.lineWidth)} ${token.lineType} ${token.colorBorder}`,\n [`&:hover:not(${componentCls}-item-active)`]: {\n borderColor: token.colorPrimary,\n backgroundColor: token.itemBg,\n a: {\n color: token.colorPrimary,\n },\n },\n '&-active': {\n borderColor: token.colorPrimary,\n },\n },\n },\n };\n};\nexport default genSubStyleComponent(['Pagination', 'bordered'], (token) => {\n const paginationToken = prepareToken(token);\n return genBorderedStyle(paginationToken);\n}, prepareComponentToken);\n","import { useMemo } from 'react';\nimport { isPlainObject } from '../_util/is';\nexport default function useShowSizeChanger(showSizeChanger) {\n return useMemo(() => {\n if (typeof showSizeChanger === 'boolean') {\n return [showSizeChanger, {}];\n }\n if (isPlainObject(showSizeChanger)) {\n return [true, showSizeChanger];\n }\n return [undefined, undefined];\n }, [showSizeChanger]);\n}\n","import * as React from 'react';\nimport DoubleLeftOutlined from '@ant-design/icons/DoubleLeftOutlined';\nimport DoubleRightOutlined from '@ant-design/icons/DoubleRightOutlined';\nimport EllipsisOutlined from '@ant-design/icons/EllipsisOutlined';\nimport LeftOutlined from '@ant-design/icons/LeftOutlined';\nimport RightOutlined from '@ant-design/icons/RightOutlined';\nimport RcPagination from '@rc-component/pagination';\nimport enUS from '@rc-component/pagination/locale/en_US';\nimport { clsx } from 'clsx';\nimport { useMergeSemantic, useSemanticRootStyle } from '../_util/hooks/useMergeSemantic';\nimport { devUseWarning } from '../_util/warning';\nimport { useComponentConfig } from '../config-provider/context';\nimport useSize from '../config-provider/hooks/useSize';\nimport useVariant from '../form/hooks/useVariants';\nimport useBreakpoint from '../grid/hooks/useBreakpoint';\nimport { useLocale } from '../locale';\nimport Select from '../select';\nimport { useToken } from '../theme/internal';\nimport useStyle from './style';\nimport BorderedStyle from './style/bordered';\nimport useShowSizeChanger from './useShowSizeChanger';\nconst Pagination = (props) => {\n const { align, prefixCls: customizePrefixCls, selectPrefixCls: customizeSelectPrefixCls, className, rootClassName, style, size: customizeSize, locale: customLocale, responsive, showSizeChanger, selectComponentClass, pageSizeOptions, styles, classNames, ...restProps } = props;\n const { xs } = useBreakpoint(responsive);\n const [, token] = useToken();\n const { getPrefixCls, direction, showSizeChanger: contextShowSizeChangerConfig, className: contextClassName, style: contextStyle, classNames: contextClassNames, styles: contextStyles, totalBoundaryShowSizeChanger: contextTotalBoundaryShowSizeChanger, } = useComponentConfig('pagination');\n const prefixCls = getPrefixCls('pagination', customizePrefixCls);\n // Style\n const [hashId, cssVarCls] = useStyle(prefixCls);\n // ============================== Size ==============================\n const mergedSize = useSize(customizeSize);\n const isSmall = mergedSize === 'small' || !!(xs && !mergedSize && responsive);\n const [inputVariant, enableInputVariantCls] = useVariant('input');\n // =========== Merged Props for Semantic ==========\n const mergedProps = {\n ...props,\n size: mergedSize,\n };\n // ========================= Style ==========================\n const contextStyleRoot = useSemanticRootStyle(contextStyle);\n const styleRoot = useSemanticRootStyle(style);\n const [mergedClassNames, mergedStyles] = useMergeSemantic([contextClassNames, classNames], [contextStyles, contextStyleRoot, styles, styleRoot], {\n props: mergedProps,\n });\n // ============================= Locale =============================\n const [contextLocale] = useLocale('Pagination', enUS);\n const locale = { ...contextLocale, ...customLocale };\n // ========================== Size Changer ==========================\n // Merge the props showSizeChanger\n const [propShowSizeChanger, propSizeChangerSelectProps] = useShowSizeChanger(showSizeChanger);\n const [contextShowSizeChanger, contextSizeChangerSelectProps] = useShowSizeChanger(contextShowSizeChangerConfig);\n const mergedShowSizeChanger = propShowSizeChanger ?? contextShowSizeChanger;\n const mergedShowSizeChangerSelectProps = propSizeChangerSelectProps ?? contextSizeChangerSelectProps;\n const SizeChanger = selectComponentClass || Select;\n // Generate options\n const mergedPageSizeOptions = React.useMemo(() => {\n return pageSizeOptions ? pageSizeOptions.map(Number) : undefined;\n }, [pageSizeOptions]);\n // Render size changer\n const sizeChangerRender = (info) => {\n const { disabled, size: pageSize, onSizeChange, 'aria-label': ariaLabel, className: sizeChangerClassName, options, } = info;\n const { className: propSizeChangerClassName, onChange: propSizeChangerOnChange } = mergedShowSizeChangerSelectProps || {};\n // Origin Select is using Select.Option,\n // So it make the option value must be string\n // Just for compatible\n const selectedValue = options.find((option) => String(option.value) === String(pageSize))?.value;\n return (React.createElement(SizeChanger, { disabled: disabled, showSearch: true, popupMatchSelectWidth: false, getPopupContainer: (triggerNode) => triggerNode.parentNode, \"aria-label\": ariaLabel, options: options, ...mergedShowSizeChangerSelectProps, value: selectedValue, onChange: (nextSize, option) => {\n onSizeChange?.(nextSize);\n propSizeChangerOnChange?.(nextSize, option);\n }, size: mergedSize, className: clsx(`${prefixCls}-options-size-changer-select`, sizeChangerClassName, propSizeChangerClassName) }));\n };\n if (process.env.NODE_ENV !== 'production') {\n const warning = devUseWarning('Pagination');\n warning(!selectComponentClass, 'usage', '`selectComponentClass` is not official api which will be removed.');\n }\n // ============================= Render =============================\n const iconsProps = React.useMemo(() => {\n const ellipsis = (React.createElement(\"span\", { className: `${prefixCls}-item-ellipsis` },\n React.createElement(EllipsisOutlined, null)));\n const prevIcon = (React.createElement(\"button\", { className: `${prefixCls}-item-link`, type: \"button\", tabIndex: -1 }, direction === 'rtl' ? React.createElement(RightOutlined, null) : React.createElement(LeftOutlined, null)));\n const nextIcon = (React.createElement(\"button\", { className: `${prefixCls}-item-link`, type: \"button\", tabIndex: -1 }, direction === 'rtl' ? React.createElement(LeftOutlined, null) : React.createElement(RightOutlined, null)));\n const jumpPrevIcon = (React.createElement(\"a\", { className: `${prefixCls}-item-link` },\n React.createElement(\"div\", { className: `${prefixCls}-item-container` },\n direction === 'rtl' ? (React.createElement(DoubleRightOutlined, { className: `${prefixCls}-item-link-icon` })) : (React.createElement(DoubleLeftOutlined, { className: `${prefixCls}-item-link-icon` })),\n ellipsis)));\n const jumpNextIcon = (React.createElement(\"a\", { className: `${prefixCls}-item-link` },\n React.createElement(\"div\", { className: `${prefixCls}-item-container` },\n direction === 'rtl' ? (React.createElement(DoubleLeftOutlined, { className: `${prefixCls}-item-link-icon` })) : (React.createElement(DoubleRightOutlined, { className: `${prefixCls}-item-link-icon` })),\n ellipsis)));\n return { prevIcon, nextIcon, jumpPrevIcon, jumpNextIcon };\n }, [direction, prefixCls]);\n const selectPrefixCls = getPrefixCls('select', customizeSelectPrefixCls);\n const extendedClassName = clsx({\n [`${prefixCls}-${align}`]: !!align,\n [`${prefixCls}-${mergedSize}`]: mergedSize,\n [`${prefixCls}-${inputVariant}`]: enableInputVariantCls && inputVariant !== 'outlined',\n /** @deprecated Should be removed in v7 */\n [`${prefixCls}-mini`]: isSmall,\n [`${prefixCls}-rtl`]: direction === 'rtl',\n [`${prefixCls}-bordered`]: token.wireframe,\n }, contextClassName, className, rootClassName, mergedClassNames.root, hashId, cssVarCls);\n const mergedStyle = {\n ...mergedStyles.root,\n };\n return (React.createElement(React.Fragment, null,\n token.wireframe && React.createElement(BorderedStyle, { prefixCls: prefixCls }),\n React.createElement(RcPagination, { ...iconsProps, ...restProps, styles: mergedStyles, classNames: mergedClassNames, style: mergedStyle, prefixCls: prefixCls, selectPrefixCls: selectPrefixCls, className: extendedClassName, locale: locale, pageSizeOptions: mergedPageSizeOptions, showSizeChanger: mergedShowSizeChanger, totalBoundaryShowSizeChanger: restProps.totalBoundaryShowSizeChanger ?? contextTotalBoundaryShowSizeChanger, sizeChangerRender: sizeChangerRender })));\n};\nif (process.env.NODE_ENV !== 'production') {\n Pagination.displayName = 'Pagination';\n}\nexport default Pagination;\n","import Pagination from './Pagination';\nexport default Pagination;\n","import * as React from 'react';\nimport { useLayoutEffect } from '@rc-component/util';\nimport { clsx } from 'clsx';\nconst viewSize = 100;\nconst borderWidth = viewSize / 5;\nconst radius = viewSize / 2 - borderWidth / 2;\nconst circumference = radius * 2 * Math.PI;\nconst position = 50;\nconst CustomCircle = (props) => {\n const { dotClassName, style, hasCircleCls } = props;\n return (React.createElement(\"circle\", { className: clsx(`${dotClassName}-circle`, { [`${dotClassName}-circle-bg`]: hasCircleCls }), r: radius, cx: position, cy: position, strokeWidth: borderWidth, style: style }));\n};\nconst Progress = ({ percent, prefixCls }) => {\n const dotClassName = `${prefixCls}-dot`;\n const holderClassName = `${dotClassName}-holder`;\n const hideClassName = `${holderClassName}-hidden`;\n const [render, setRender] = React.useState(false);\n // ==================== Visible =====================\n useLayoutEffect(() => {\n if (percent !== 0) {\n setRender(true);\n }\n }, [percent]);\n // ==================== Progress ====================\n const safePtg = Math.max(Math.min(percent, 100), 0);\n // ===================== Render =====================\n if (!render) {\n return null;\n }\n const circleStyle = {\n strokeDashoffset: `${circumference / 4}`,\n strokeDasharray: `${(circumference * safePtg) / 100} ${(circumference * (100 - safePtg)) / 100}`,\n };\n return (React.createElement(\"span\", { className: clsx(holderClassName, `${dotClassName}-progress`, {\n [hideClassName]: safePtg <= 0,\n }) },\n React.createElement(\"svg\", { viewBox: `0 0 ${viewSize} ${viewSize}`, role: \"progressbar\", \"aria-valuemin\": 0, \"aria-valuemax\": 100, \"aria-valuenow\": safePtg },\n React.createElement(CustomCircle, { dotClassName: dotClassName, hasCircleCls: true }),\n React.createElement(CustomCircle, { dotClassName: dotClassName, style: circleStyle }))));\n};\nexport default Progress;\n","import * as React from 'react';\nimport { clsx } from 'clsx';\nimport Progress from './Progress';\nexport default function Looper(props) {\n const { prefixCls, percent = 0, className, style } = props;\n const dotClassName = `${prefixCls}-dot`;\n const holderClassName = `${dotClassName}-holder`;\n const hideClassName = `${holderClassName}-hidden`;\n // ===================== Render =====================\n return (React.createElement(React.Fragment, null,\n React.createElement(\"span\", { className: clsx(holderClassName, className, percent > 0 && hideClassName), style: style },\n React.createElement(\"span\", { className: clsx(dotClassName, `${prefixCls}-dot-spin`) }, [1, 2, 3, 4].map((i) => (React.createElement(\"i\", { className: `${prefixCls}-dot-item`, key: i }))))),\n React.createElement(Progress, { prefixCls: prefixCls, percent: percent })));\n}\n","import * as React from 'react';\nimport { clsx } from 'clsx';\nimport { cloneElement } from '../../_util/reactNode';\nimport Looper from './Looper';\nexport default function Indicator(props) {\n const { prefixCls, indicator, percent, className, style } = props;\n const dotClassName = `${prefixCls}-dot`;\n if (indicator && React.isValidElement(indicator)) {\n return cloneElement(indicator, (currentProps) => ({\n className: clsx(currentProps.className, dotClassName, className),\n style: { ...currentProps.style, ...style },\n percent,\n }));\n }\n return React.createElement(Looper, { prefixCls: prefixCls, percent: percent, className: className, style: style });\n}\n","import * as React from 'react';\nconst AUTO_INTERVAL = 200;\nconst STEP_BUCKETS = [\n [30, 0.05],\n [70, 0.03],\n [96, 0.01],\n];\nexport default function usePercent(spinning, percent) {\n const [mockPercent, setMockPercent] = React.useState(0);\n const mockIntervalRef = React.useRef(null);\n const isAuto = percent === 'auto';\n React.useEffect(() => {\n if (isAuto && spinning) {\n setMockPercent(0);\n mockIntervalRef.current = setInterval(() => {\n setMockPercent((prev) => {\n const restPTG = 100 - prev;\n for (let i = 0; i < STEP_BUCKETS.length; i += 1) {\n const [limit, stepPtg] = STEP_BUCKETS[i];\n if (prev <= limit) {\n return prev + restPTG * stepPtg;\n }\n }\n return prev;\n });\n }, AUTO_INTERVAL);\n }\n return () => {\n if (mockIntervalRef.current) {\n clearInterval(mockIntervalRef.current);\n mockIntervalRef.current = null;\n }\n };\n }, [isAuto, spinning]);\n return isAuto ? mockPercent : percent;\n}\n","import * as React from 'react';\nimport { clsx } from 'clsx';\nimport { debounce } from 'throttle-debounce';\nimport { useMergeSemantic } from '../_util/hooks/useMergeSemantic';\nimport { devUseWarning } from '../_util/warning';\nimport { useComponentConfig } from '../config-provider/context';\nimport useSize from '../config-provider/hooks/useSize';\nimport Indicator from './Indicator';\nimport useStyle from './style/index';\nimport usePercent from './usePercent';\n// Render indicator\nlet defaultIndicator;\nfunction shouldDelay(spinning, delay) {\n return !!spinning && !!delay && !Number.isNaN(Number(delay));\n}\nconst Spin = (props) => {\n const { prefixCls: customizePrefixCls, spinning: customSpinning = true, delay = 0, className, rootClassName, size, tip, description, wrapperClassName, style, children, fullscreen = false, indicator, percent, classNames, styles, ...restProps } = props;\n const { getPrefixCls, direction, indicator: contextIndicator, className: contextClassName, style: contextStyle, classNames: contextClassNames, styles: contextStyles, } = useComponentConfig('spin');\n const prefixCls = getPrefixCls('spin', customizePrefixCls);\n const [hashId, cssVarCls] = useStyle(prefixCls);\n const [spinning, setSpinning] = React.useState(() => customSpinning && !shouldDelay(customSpinning, delay));\n const mergedPercent = usePercent(spinning, percent);\n React.useEffect(() => {\n if (customSpinning) {\n const showSpinning = debounce(delay, () => {\n setSpinning(true);\n });\n showSpinning();\n return () => {\n showSpinning?.cancel?.();\n };\n }\n setSpinning(false);\n }, [delay, customSpinning]);\n // ======================= Size ======================\n const mergedSize = useSize((ctx) => size ?? ctx);\n // ======================= Description ======================\n const mergedDescription = description ?? tip;\n // =============== Merged Props for Semantic ================\n const mergedProps = {\n ...props,\n size: mergedSize,\n spinning,\n tip: mergedDescription,\n description: mergedDescription,\n fullscreen,\n children,\n percent: mergedPercent,\n };\n // ========================= Style ==========================\n const [mergedClassNames, mergedStyles] = useMergeSemantic([contextClassNames, classNames], [contextStyles, styles], {\n props: mergedProps,\n });\n // ======================== Warning =========================\n if (process.env.NODE_ENV !== 'production') {\n const warning = devUseWarning('Spin');\n warning.deprecated(size !== 'default', 'size=\"default\"', 'size=\"medium\"');\n warning.deprecated(!tip, 'tip', 'description');\n warning.deprecated(!wrapperClassName, 'wrapperClassName', 'classNames.root');\n warning.deprecated(!(mergedClassNames?.tip || mergedStyles?.tip), 'classNames.tip and styles.tip', 'classNames.description and styles.description');\n warning.deprecated(!(mergedClassNames?.mask || mergedStyles?.mask), 'classNames.mask and styles.mask', 'classNames.root and styles.root');\n }\n // ======================= Indicator ========================\n const mergedIndicator = indicator ?? contextIndicator ?? defaultIndicator;\n // ========================= Render =========================\n const hasChildren = typeof children !== 'undefined';\n const isNested = hasChildren || fullscreen;\n const indicatorNode = (React.createElement(React.Fragment, null,\n React.createElement(Indicator, { className: clsx(mergedClassNames.indicator), style: mergedStyles.indicator, prefixCls: prefixCls, indicator: mergedIndicator, percent: mergedPercent }),\n mergedDescription && (React.createElement(\"div\", { className: clsx(`${prefixCls}-description`, mergedClassNames.tip, mergedClassNames.description), style: {\n ...mergedStyles.tip,\n ...mergedStyles.description,\n } }, mergedDescription))));\n return (React.createElement(\"div\", { className: clsx(prefixCls, {\n [`${prefixCls}-sm`]: mergedSize === 'small',\n [`${prefixCls}-lg`]: mergedSize === 'large',\n [`${prefixCls}-spinning`]: spinning,\n [`${prefixCls}-rtl`]: direction === 'rtl',\n [`${prefixCls}-fullscreen`]: fullscreen,\n }, rootClassName, mergedClassNames.root, fullscreen && mergedClassNames.mask, isNested ? wrapperClassName : [`${prefixCls}-section`, mergedClassNames.section], contextClassName, className, hashId, cssVarCls), style: {\n ...mergedStyles.root,\n ...(!isNested ? mergedStyles.section : {}),\n ...(fullscreen ? mergedStyles.mask : {}),\n ...contextStyle,\n ...style,\n }, \"aria-live\": \"polite\", \"aria-busy\": spinning, ...restProps },\n spinning &&\n (isNested ? (React.createElement(\"div\", { className: clsx(`${prefixCls}-section`, mergedClassNames.section), style: mergedStyles.section }, indicatorNode)) : (indicatorNode)),\n hasChildren && (React.createElement(\"div\", { className: clsx(`${prefixCls}-container`, mergedClassNames.container), style: mergedStyles.container }, children))));\n};\nSpin.setDefaultIndicator = (indicator) => {\n defaultIndicator = indicator;\n};\nif (process.env.NODE_ENV !== 'production') {\n Spin.displayName = 'Spin';\n}\nexport default Spin;\n","import React from 'react';\nexport const ListContext = React.createContext({});\nexport const ListConsumer = ListContext.Consumer;\n","import React, { useContext } from 'react';\nimport { toArray } from '@rc-component/util';\nimport { clsx } from 'clsx';\nimport { isString } from '../_util/is';\nimport { cloneElement } from '../_util/reactNode';\nimport { ConfigContext } from '../config-provider';\nimport { Col } from '../grid';\nimport { ListContext } from './context';\nexport const Meta = ({ prefixCls: customizePrefixCls, className, avatar, title, description, ...others }) => {\n const { getPrefixCls } = useContext(ConfigContext);\n const prefixCls = getPrefixCls('list', customizePrefixCls);\n const classString = clsx(`${prefixCls}-item-meta`, className);\n const content = (React.createElement(\"div\", { className: `${prefixCls}-item-meta-content` },\n title && React.createElement(\"h4\", { className: `${prefixCls}-item-meta-title` }, title),\n description && React.createElement(\"div\", { className: `${prefixCls}-item-meta-description` }, description)));\n return (React.createElement(\"div\", { ...others, className: classString },\n avatar && React.createElement(\"div\", { className: `${prefixCls}-item-meta-avatar` }, avatar),\n (title || description) && content));\n};\nconst InternalItem = React.forwardRef((props, ref) => {\n const { prefixCls: customizePrefixCls, children, actions, extra, styles, className, classNames: customizeClassNames, colStyle, ...others } = props;\n const { grid, itemLayout } = useContext(ListContext);\n const { getPrefixCls, list } = useContext(ConfigContext);\n const moduleClass = (moduleName) => clsx(list?.item?.classNames?.[moduleName], customizeClassNames?.[moduleName]);\n const moduleStyle = (moduleName) => ({\n ...list?.item?.styles?.[moduleName],\n ...styles?.[moduleName],\n });\n const isItemContainsTextNodeAndNotSingular = () => {\n const childNodes = toArray(children);\n const hasTextNode = childNodes.some(isString);\n return hasTextNode && childNodes.length > 1;\n };\n const isFlexMode = () => {\n if (itemLayout === 'vertical') {\n return !!extra;\n }\n return !isItemContainsTextNodeAndNotSingular();\n };\n const prefixCls = getPrefixCls('list', customizePrefixCls);\n const actionsContent = actions && actions.length > 0 && (React.createElement(\"ul\", { className: clsx(`${prefixCls}-item-action`, moduleClass('actions')), key: \"actions\", style: moduleStyle('actions') }, actions.map((action, i) => (React.createElement(\"li\", { key: `${prefixCls}-item-action-${i}` },\n action,\n i !== actions.length - 1 && React.createElement(\"em\", { className: `${prefixCls}-item-action-split` }))))));\n const Element = grid ? 'div' : 'li';\n const itemChildren = (React.createElement(Element, { ...others, ...(!grid ? { ref } : {}), className: clsx(`${prefixCls}-item`, {\n [`${prefixCls}-item-no-flex`]: !isFlexMode(),\n }, className) }, itemLayout === 'vertical' && extra\n ? [\n React.createElement(\"div\", { className: `${prefixCls}-item-main`, key: \"content\" },\n children,\n actionsContent),\n React.createElement(\"div\", { className: clsx(`${prefixCls}-item-extra`, moduleClass('extra')), key: \"extra\", style: moduleStyle('extra') }, extra),\n ]\n : [children, actionsContent, cloneElement(extra, { key: 'extra' })]));\n return grid ? (React.createElement(Col, { ref: ref, flex: 1, style: colStyle }, itemChildren)) : (itemChildren);\n});\nconst Item = InternalItem;\nItem.Meta = Meta;\nexport default Item;\n","import * as React from 'react';\nimport { mergeProps } from '@rc-component/util';\nimport { clsx } from 'clsx';\nimport { isFunction, isPlainObject } from '../_util/is';\nimport { responsiveArray } from '../_util/responsiveObserver';\nimport { devUseWarning } from '../_util/warning';\nimport { ConfigContext } from '../config-provider';\nimport { useComponentConfig } from '../config-provider/context';\nimport DefaultRenderEmpty from '../config-provider/defaultRenderEmpty';\nimport useSize from '../config-provider/hooks/useSize';\nimport { Row } from '../grid';\nimport useBreakpoint from '../grid/hooks/useBreakpoint';\nimport Pagination from '../pagination';\nimport Spin from '../spin';\nimport { ListContext } from './context';\nimport Item from './Item';\nimport useStyle from './style';\nconst InternalList = (props, ref) => {\n const { pagination = false, prefixCls: customizePrefixCls, bordered = false, split = true, className, rootClassName, style, children, itemLayout, loadMore, grid, dataSource = [], size: customizeSize, header, footer, loading = false, rowKey, renderItem, locale, ...rest } = props;\n const paginationObj = isPlainObject(pagination) ? pagination : {};\n const [paginationCurrent, setPaginationCurrent] = React.useState(paginationObj.defaultCurrent || 1);\n const [paginationSize, setPaginationSize] = React.useState(paginationObj.defaultPageSize || 10);\n const { getPrefixCls, direction, className: contextClassName, style: contextStyle, } = useComponentConfig('list');\n const { renderEmpty } = React.useContext(ConfigContext);\n const defaultPaginationProps = {\n current: 1,\n total: 0,\n position: 'bottom',\n };\n const triggerPaginationEvent = (eventName) => (page, pageSize) => {\n setPaginationCurrent(page);\n setPaginationSize(pageSize);\n if (pagination) {\n pagination?.[eventName]?.(page, pageSize);\n }\n };\n const onPaginationChange = triggerPaginationEvent('onChange');\n const onPaginationShowSizeChange = triggerPaginationEvent('onShowSizeChange');\n const renderInternalItem = (item, index) => {\n if (!renderItem) {\n return null;\n }\n let key;\n if (isFunction(rowKey)) {\n key = rowKey(item);\n }\n else if (rowKey) {\n key = item[rowKey];\n }\n else {\n key = item.key;\n }\n if (!key) {\n key = `list-item-${index}`;\n }\n return React.createElement(React.Fragment, { key: key }, renderItem(item, index));\n };\n const isSomethingAfterLastItem = !!(loadMore || pagination || footer);\n const prefixCls = getPrefixCls('list', customizePrefixCls);\n // Style\n const [hashId, cssVarCls] = useStyle(prefixCls);\n let loadingProp = loading;\n if (typeof loadingProp === 'boolean') {\n loadingProp = {\n spinning: loadingProp,\n };\n }\n const isLoading = !!loadingProp?.spinning;\n const mergedSize = useSize(customizeSize);\n // large => lg\n // small => sm\n let sizeCls = '';\n switch (mergedSize) {\n case 'large':\n sizeCls = 'lg';\n break;\n case 'small':\n sizeCls = 'sm';\n break;\n default:\n break;\n }\n const classString = clsx(prefixCls, {\n [`${prefixCls}-vertical`]: itemLayout === 'vertical',\n [`${prefixCls}-${sizeCls}`]: sizeCls,\n [`${prefixCls}-split`]: split,\n [`${prefixCls}-bordered`]: bordered,\n [`${prefixCls}-loading`]: isLoading,\n [`${prefixCls}-grid`]: !!grid,\n [`${prefixCls}-something-after-last-item`]: isSomethingAfterLastItem,\n [`${prefixCls}-rtl`]: direction === 'rtl',\n }, contextClassName, className, rootClassName, hashId, cssVarCls);\n const containerCls = `${prefixCls}-container`;\n const paginationProps = mergeProps(defaultPaginationProps, {\n total: dataSource.length,\n current: paginationCurrent,\n pageSize: paginationSize,\n }, pagination || {});\n const largestPage = Math.ceil(paginationProps.total / paginationProps.pageSize);\n paginationProps.current = Math.min(paginationProps.current, largestPage);\n const paginationContent = pagination && (React.createElement(\"div\", { className: clsx(`${prefixCls}-pagination`) },\n React.createElement(Pagination, { align: \"end\", ...paginationProps, onChange: onPaginationChange, onShowSizeChange: onPaginationShowSizeChange })));\n let splitDataSource = [...dataSource];\n if (pagination) {\n if (dataSource.length > (paginationProps.current - 1) * paginationProps.pageSize) {\n splitDataSource = [...dataSource].splice((paginationProps.current - 1) * paginationProps.pageSize, paginationProps.pageSize);\n }\n }\n const needResponsive = Object.keys(grid || {}).some((key) => responsiveArray.includes(key));\n const screens = useBreakpoint(needResponsive);\n const currentBreakpoint = React.useMemo(() => {\n for (let i = 0; i < responsiveArray.length; i += 1) {\n const breakpoint = responsiveArray[i];\n if (screens[breakpoint]) {\n return breakpoint;\n }\n }\n return undefined;\n }, [screens]);\n const colStyle = React.useMemo(() => {\n if (!grid) {\n return undefined;\n }\n const columnCount = currentBreakpoint && grid[currentBreakpoint] ? grid[currentBreakpoint] : grid.column;\n if (columnCount) {\n return {\n width: `${100 / columnCount}%`,\n maxWidth: `${100 / columnCount}%`,\n };\n }\n }, [JSON.stringify(grid), currentBreakpoint]);\n let childrenContent = isLoading && React.createElement(\"div\", { style: { minHeight: 53 } });\n if (splitDataSource.length > 0) {\n const items = splitDataSource.map(renderInternalItem);\n childrenContent = grid ? (React.createElement(Row, { className: clsx(containerCls, cssVarCls), gutter: grid.gutter }, React.Children.map(items, (child) => (React.createElement(\"div\", { key: child?.key, style: colStyle }, child))))) : (React.createElement(\"ul\", { className: clsx(`${prefixCls}-items`, containerCls, cssVarCls) }, items));\n }\n else if (!children && !isLoading) {\n childrenContent = (React.createElement(\"div\", { className: `${prefixCls}-empty-text` }, locale?.emptyText || renderEmpty?.('List') || React.createElement(DefaultRenderEmpty, { componentName: \"List\" })));\n }\n const paginationPosition = paginationProps.position;\n const contextValue = React.useMemo(() => ({ grid, itemLayout }), [JSON.stringify(grid), itemLayout]);\n if (process.env.NODE_ENV !== 'production') {\n const warning = devUseWarning('List');\n warning(false, 'deprecated', 'The `List` component is deprecated. And will be removed in next major version.');\n }\n return (React.createElement(ListContext.Provider, { value: contextValue },\n React.createElement(\"div\", { ref: ref, style: { ...contextStyle, ...style }, className: classString, ...rest },\n (paginationPosition === 'top' || paginationPosition === 'both') && paginationContent,\n header && React.createElement(\"div\", { className: `${prefixCls}-header` }, header),\n React.createElement(Spin, { ...loadingProp },\n childrenContent,\n children),\n footer && React.createElement(\"div\", { className: `${prefixCls}-footer` }, footer),\n loadMore ||\n ((paginationPosition === 'bottom' || paginationPosition === 'both') && paginationContent))));\n};\nconst ListWithForwardRef = React.forwardRef(InternalList);\nif (process.env.NODE_ENV !== 'production') {\n ListWithForwardRef.displayName = 'Deprecated.List';\n}\nconst List = ListWithForwardRef;\nList.Item = Item;\nexport default List;\n","import * as React from 'react';\nimport { raf, useEvent } from '@rc-component/util';\nexport default function useDelay(callback) {\n const idRef = React.useRef(0);\n const clearRaf = () => {\n raf.cancel(idRef.current);\n };\n React.useEffect(() => clearRaf, []);\n const triggerFn = useEvent(() => {\n clearRaf();\n idRef.current = raf(callback);\n });\n return triggerFn;\n}\n","// Disabled the rule since `fill` is safe here\n// but `Array.from` will increase bundle size.\n/* eslint-disable unicorn/no-new-array */\nimport * as React from 'react';\n/**\n * Auto arrange the items in the masonry layout.\n * Always get stable positions by order\n * instead of dynamic adjust for next item height.\n */\nexport default function usePositions(itemHeights, columnCount, verticalGutter) {\n // ==================== Auto Order ====================\n const [orderItemPositions, orderTotalHeight] = React.useMemo(() => {\n const columnHeights = new Array(columnCount).fill(0);\n const itemPositions = new Map();\n for (let i = 0; i < itemHeights.length; i += 1) {\n const [itemKey, itemHeight, itemColumn] = itemHeights[i];\n let targetColumnIndex = itemColumn ?? columnHeights.indexOf(Math.min(...columnHeights));\n targetColumnIndex = Math.min(targetColumnIndex, columnCount - 1);\n const top = columnHeights[targetColumnIndex];\n itemPositions.set(itemKey, {\n column: targetColumnIndex,\n top,\n });\n columnHeights[targetColumnIndex] += itemHeight + verticalGutter;\n }\n return [itemPositions, Math.max(0, Math.max(...columnHeights) - verticalGutter)];\n }, [columnCount, itemHeights, verticalGutter]);\n // ====================== Return ======================\n return [orderItemPositions, orderTotalHeight];\n}\n","import * as React from 'react';\nexport default function useRefs() {\n const ref = React.useRef(null);\n if (ref.current === null) {\n ref.current = new Map();\n }\n const setRef = (key, element) => {\n ref.current.set(key, element);\n };\n const getRef = (key) => ref.current.get(key);\n return [setRef, getRef];\n}\n","import React, { useMemo } from 'react';\nimport ResizeObserver from '@rc-component/resize-observer';\nimport { clsx } from 'clsx';\nconst MasonryItem = React.forwardRef((props, ref) => {\n const { item, style, prefixCls, itemRender, className, index, column, onResize } = props;\n const itemPrefix = `${prefixCls}-item`;\n // ====================== Render ======================\n const renderNode = useMemo(() => {\n return item.children ?? itemRender?.({ ...item, index, column });\n }, [item, itemRender, column, index]);\n let returnNode = (React.createElement(\"div\", { ref: ref, style: style, className: clsx(itemPrefix, className) }, renderNode));\n // Listen for resize\n if (onResize) {\n returnNode = React.createElement(ResizeObserver, { onResize: onResize }, returnNode);\n }\n return returnNode;\n});\nif (process.env.NODE_ENV !== 'production') {\n MasonryItem.displayName = 'MasonryItem';\n}\nexport default MasonryItem;\n","import * as React from 'react';\nimport { CSSMotionList } from '@rc-component/motion';\nimport ResizeObserver from '@rc-component/resize-observer';\nimport { composeRef, isEqual, useLayoutEffect } from '@rc-component/util';\nimport { clsx } from 'clsx';\nimport { useMergeSemantic } from '../_util/hooks/useMergeSemantic';\nimport { isNumber } from '../_util/is';\nimport { responsiveArray } from '../_util/responsiveObserver';\nimport { useComponentConfig } from '../config-provider/context';\nimport useCSSVarCls from '../config-provider/hooks/useCSSVarCls';\nimport useBreakpoint from '../grid/hooks/useBreakpoint';\nimport useGutter from '../grid/hooks/useGutter';\nimport { genCssVar } from '../theme/util/genStyleUtils';\nimport useDelay from './hooks/useDelay';\nimport usePositions from './hooks/usePositions';\nimport useRefs from './hooks/useRefs';\nimport MasonryItem from './MasonryItem';\nimport useStyle from './style';\nconst Masonry = React.forwardRef((props, ref) => {\n const { rootClassName, className, style, classNames, styles, columns, prefixCls: customizePrefixCls, gutter = 0, items, itemRender, onLayoutChange, fresh, } = props;\n // ======================= MISC =======================\n const { getPrefixCls, direction, className: contextClassName, style: contextStyle, classNames: contextClassNames, styles: contextStyles, } = useComponentConfig('masonry');\n const prefixCls = getPrefixCls('masonry', customizePrefixCls);\n const rootPrefixCls = getPrefixCls();\n const rootCls = useCSSVarCls(prefixCls);\n const [hashId, cssVarCls] = useStyle(prefixCls, rootCls);\n const [varName, varRef] = genCssVar(rootPrefixCls, 'masonry');\n // ======================= Refs =======================\n const containerRef = React.useRef(null);\n React.useImperativeHandle(ref, () => ({\n nativeElement: containerRef.current,\n }));\n const [setItemRef, getItemRef] = useRefs();\n // ======================= Item =======================\n const [mergedItems, setMergedItems] = React.useState([]);\n React.useEffect(() => {\n setMergedItems(items || []);\n }, [items]);\n // ==================== Breakpoint ====================\n const screens = useBreakpoint();\n const gutters = useGutter(gutter, screens);\n const [horizontalGutter = 0, verticalGutter = horizontalGutter] = gutters;\n // ====================== Layout ======================\n const columnCount = React.useMemo(() => {\n if (!columns) {\n return 3;\n }\n if (isNumber(columns)) {\n return columns;\n }\n // Find first matching responsive breakpoint\n const matchingBreakpoint = responsiveArray.find((breakpoint) => screens[breakpoint] && columns[breakpoint] !== undefined);\n if (matchingBreakpoint) {\n return columns[matchingBreakpoint];\n }\n return columns.xs ?? 1;\n }, [columns, screens]);\n // =========== Merged Props for Semantic ==========\n const mergedProps = {\n ...props,\n columns: columnCount,\n };\n const [mergedClassNames, mergedStyles] = useMergeSemantic([contextClassNames, classNames], [contextStyles, styles], {\n props: mergedProps,\n });\n // ================== Items Position ==================\n const [itemHeights, setItemHeights] = React.useState([]);\n const collectItemSize = useDelay(() => {\n const nextItemsHeight = mergedItems.map((item, index) => {\n const itemKey = item.key ?? index;\n const itemEle = getItemRef(itemKey);\n const rect = itemEle?.getBoundingClientRect();\n return [itemKey, rect ? rect.height : 0, item.column];\n });\n setItemHeights((prevItemsHeight) => isEqual(prevItemsHeight, nextItemsHeight) ? prevItemsHeight : nextItemsHeight);\n });\n const [itemPositions, totalHeight] = usePositions(itemHeights, columnCount, verticalGutter);\n const itemWithPositions = React.useMemo(() => mergedItems.map((item, index) => {\n const key = item.key ?? index;\n return {\n item,\n itemIndex: index,\n // CSSMotion will transform key to string.\n // Let's keep the original key here.\n itemKey: key,\n key,\n position: itemPositions.get(key),\n };\n }), [mergedItems, itemPositions]);\n React.useEffect(() => {\n collectItemSize();\n }, [mergedItems, columnCount]);\n // Trigger for `onLayoutChange`\n const [itemColumns, setItemColumns] = React.useState([]);\n useLayoutEffect(() => {\n if (onLayoutChange && itemWithPositions.every(({ position }) => position)) {\n setItemColumns((prevItemColumns) => {\n const nextItemColumns = itemWithPositions.map(({ item, position }) => [\n item,\n position.column,\n ]);\n return isEqual(prevItemColumns, nextItemColumns) ? prevItemColumns : nextItemColumns;\n });\n }\n }, [itemWithPositions]);\n useLayoutEffect(() => {\n if (onLayoutChange && items && items.length === itemColumns.length) {\n onLayoutChange(itemColumns.map(([item, column]) => ({ ...item, column })));\n }\n }, [itemColumns]);\n // ====================== Render ======================\n return (React.createElement(ResizeObserver, { onResize: collectItemSize },\n React.createElement(\"div\", { ref: containerRef, className: clsx(prefixCls, contextClassName, mergedClassNames.root, rootClassName, className, hashId, cssVarCls, { [`${prefixCls}-rtl`]: direction === 'rtl' }), style: { height: totalHeight, ...mergedStyles.root, ...contextStyle, ...style }, \n // Listen for image events\n onLoad: collectItemSize, onError: collectItemSize },\n React.createElement(CSSMotionList, { keys: itemWithPositions, component: false, \n // Motion config\n motionAppear: true, motionLeave: true, motionName: `${prefixCls}-item-fade` }, (motionInfo, motionRef) => {\n const { item, itemKey, position = {}, itemIndex, key, className: motionClassName, style: motionStyle, } = motionInfo;\n const { column: columnIndex = 0 } = position;\n const itemStyle = {\n [varName('item-width')]: `calc((100% + ${horizontalGutter}px) / ${columnCount})`,\n insetInlineStart: `calc(${varRef('item-width')} * ${columnIndex})`,\n width: `calc(${varRef('item-width')} - ${horizontalGutter}px)`,\n top: position.top,\n position: 'absolute',\n };\n return (React.createElement(MasonryItem, { prefixCls: prefixCls, key: key, item: item, style: { ...motionStyle, ...mergedStyles.item, ...itemStyle }, className: clsx(mergedClassNames.item, motionClassName), ref: composeRef(motionRef, (ele) => setItemRef(itemKey, ele)), index: itemIndex, itemRender: itemRender, column: columnIndex, onResize: fresh ? collectItemSize : null }));\n }))));\n});\nif (process.env.NODE_ENV !== 'production') {\n Masonry.displayName = 'Masonry';\n}\nexport default Masonry;\n","import Masonry from './Masonry';\nexport default Masonry;\n","import { useState, useCallback, useEffect } from 'react';\n/**\n * Trigger a callback on state change\n */\nexport default function useEffectState() {\n const [effectId, setEffectId] = useState({\n id: 0,\n callback: null\n });\n const update = useCallback(callback => {\n setEffectId(({\n id\n }) => ({\n id: id + 1,\n callback\n }));\n }, []);\n useEffect(() => {\n effectId.callback?.();\n }, [effectId]);\n return update;\n}","/* tslint:disable: no-object-literal-type-assertion */\nimport * as React from 'react';\n// We will never use default, here only to fix TypeScript warning\nconst MentionsContext = /*#__PURE__*/React.createContext(null);\nexport default MentionsContext;","import Menu, { MenuItem } from '@rc-component/menu';\nimport React, { useEffect, useRef } from 'react';\nimport MentionsContext from \"./MentionsContext\";\n/**\n * We only use Menu to display the candidate.\n * The focus is controlled by textarea to make accessibility easy.\n */\nfunction DropdownMenu(props) {\n const {\n notFoundContent,\n activeIndex,\n setActiveIndex,\n selectOption,\n onFocus,\n onBlur,\n onScroll\n } = React.useContext(MentionsContext);\n const {\n prefixCls,\n options,\n opened\n } = props;\n const activeOption = options[activeIndex] || {};\n const menuRef = useRef(null);\n\n // Monitor the changes in ActiveIndex and scroll to the visible area if there are any changes\n useEffect(() => {\n if (activeIndex === -1 || !menuRef.current || !opened) {\n return;\n }\n const activeItem = menuRef.current?.findItem?.({\n key: activeOption.key\n });\n if (activeItem) {\n activeItem.scrollIntoView({\n block: 'nearest',\n inline: 'nearest'\n });\n }\n }, [activeIndex, activeOption.key, opened]);\n return /*#__PURE__*/React.createElement(Menu, {\n ref: menuRef,\n prefixCls: `${prefixCls}-menu`,\n activeKey: activeOption.key,\n onSelect: ({\n key\n }) => {\n const option = options.find(({\n key: optionKey\n }) => optionKey === key);\n selectOption(option);\n },\n onFocus: onFocus,\n onBlur: onBlur,\n onScroll: onScroll\n }, options.map((option, index) => {\n const {\n key,\n disabled,\n className,\n style,\n label\n } = option;\n return /*#__PURE__*/React.createElement(MenuItem, {\n key: key,\n disabled: disabled,\n className: className,\n style: style,\n onMouseEnter: () => {\n if (!disabled) {\n setActiveIndex(index);\n }\n }\n }, label);\n }), !options.length && /*#__PURE__*/React.createElement(MenuItem, {\n disabled: true\n }, notFoundContent));\n}\nexport default DropdownMenu;","import Trigger from '@rc-component/trigger';\nimport * as React from 'react';\nimport { useMemo } from 'react';\nimport DropdownMenu from \"./DropdownMenu\";\nconst BUILT_IN_PLACEMENTS = {\n bottomRight: {\n points: ['tl', 'br'],\n offset: [0, 4],\n overflow: {\n adjustX: 1,\n adjustY: 1\n }\n },\n bottomLeft: {\n points: ['tr', 'bl'],\n offset: [0, 4],\n overflow: {\n adjustX: 1,\n adjustY: 1\n }\n },\n topRight: {\n points: ['bl', 'tr'],\n offset: [0, -4],\n overflow: {\n adjustX: 1,\n adjustY: 1\n }\n },\n topLeft: {\n points: ['br', 'tl'],\n offset: [0, -4],\n overflow: {\n adjustX: 1,\n adjustY: 1\n }\n }\n};\nconst KeywordTrigger = props => {\n const {\n prefixCls,\n options,\n children,\n visible,\n transitionName,\n getPopupContainer,\n popupClassName,\n popupStyle,\n direction,\n placement\n } = props;\n const dropdownPrefix = `${prefixCls}-dropdown`;\n const [opened, setOpened] = React.useState(false);\n const dropdownElement = /*#__PURE__*/React.createElement(DropdownMenu, {\n prefixCls: dropdownPrefix,\n options: options,\n opened: opened\n });\n const dropdownPlacement = useMemo(() => {\n let popupPlacement;\n if (direction === 'rtl') {\n popupPlacement = placement === 'top' ? 'topLeft' : 'bottomLeft';\n } else {\n popupPlacement = placement === 'top' ? 'topRight' : 'bottomRight';\n }\n return popupPlacement;\n }, [direction, placement]);\n return /*#__PURE__*/React.createElement(Trigger, {\n prefixCls: dropdownPrefix,\n popupVisible: visible,\n popup: dropdownElement,\n popupPlacement: dropdownPlacement,\n popupMotion: {\n motionName: transitionName\n },\n builtinPlacements: BUILT_IN_PLACEMENTS,\n getPopupContainer: getPopupContainer,\n popupClassName: popupClassName,\n popupStyle: popupStyle,\n afterOpenChange: setOpened\n }, children);\n};\nexport default KeywordTrigger;","const Option = () => null;\nexport default Option;","/**\n * Cut input selection into 2 part and return text before selection start\n */\nexport function getBeforeSelectionText(input) {\n const {\n selectionStart\n } = input;\n return input.value.slice(0, selectionStart);\n}\n/**\n * Find the last match prefix index\n */\nexport function getLastMeasureIndex(text, prefix) {\n return prefix.reduce((lastMatch, prefixStr) => {\n const lastIndex = text.lastIndexOf(prefixStr);\n if (lastIndex > lastMatch.location) {\n return {\n location: lastIndex,\n prefix: prefixStr\n };\n }\n return lastMatch;\n }, {\n location: -1,\n prefix: ''\n });\n}\nfunction lower(char) {\n return (char || '').toLowerCase();\n}\nfunction reduceText(text, targetText, split) {\n const firstChar = text[0];\n if (!firstChar || firstChar === split) {\n return text;\n }\n\n // Reuse rest text as it can\n let restText = text;\n const targetTextLen = targetText.length;\n for (let i = 0; i < targetTextLen; i += 1) {\n if (lower(restText[i]) !== lower(targetText[i])) {\n restText = restText.slice(i);\n break;\n } else if (i === targetTextLen - 1) {\n restText = restText.slice(targetTextLen);\n }\n }\n return restText;\n}\n\n/**\n * Paint targetText into current text:\n * text: little@litest\n * targetText: light\n * => little @light test\n */\nexport function replaceWithMeasure(text, measureConfig) {\n const {\n measureLocation,\n prefix,\n targetText,\n selectionStart,\n split\n } = measureConfig;\n\n // Before text will append one space if have other text\n let beforeMeasureText = text.slice(0, measureLocation);\n if (beforeMeasureText[beforeMeasureText.length - split.length] === split) {\n beforeMeasureText = beforeMeasureText.slice(0, beforeMeasureText.length - split.length);\n }\n if (beforeMeasureText) {\n beforeMeasureText = `${beforeMeasureText}${split}`;\n }\n\n // Cut duplicate string with current targetText\n let restText = reduceText(text.slice(selectionStart), targetText.slice(selectionStart - measureLocation - prefix.length), split);\n if (restText.slice(0, split.length) === split) {\n restText = restText.slice(split.length);\n }\n const connectedStartText = `${beforeMeasureText}${prefix}${targetText}${split}`;\n return {\n text: `${connectedStartText}${restText}`,\n selectionLocation: connectedStartText.length\n };\n}\nexport function setInputSelection(input, location) {\n input.setSelectionRange(location, location);\n\n /**\n * Reset caret into view.\n * Since this function always called by user control, it's safe to focus element.\n */\n input.blur();\n input.focus();\n}\nexport function validateSearch(text, split) {\n return !split || text.indexOf(split) === -1;\n}\nexport function filterOption(input, {\n value = ''\n}) {\n const lowerCase = input.toLowerCase();\n return value.toLowerCase().indexOf(lowerCase) !== -1;\n}","import * as React from 'react';\nexport const UnstableContext = /*#__PURE__*/React.createContext({});","function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport { clsx } from 'clsx';\nimport { BaseInput, TextArea } from '@rc-component/input';\nimport toArray from \"@rc-component/util/es/Children/toArray\";\nimport useControlledState from \"@rc-component/util/es/hooks/useControlledState\";\nimport KeyCode from \"@rc-component/util/es/KeyCode\";\nimport useId from \"@rc-component/util/es/hooks/useId\";\nimport React, { forwardRef, useContext, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';\nimport useEffectState from \"./hooks/useEffectState\";\nimport KeywordTrigger from \"./KeywordTrigger\";\nimport MentionsContext from \"./MentionsContext\";\nimport Option from \"./Option\";\nimport { filterOption as defaultFilterOption, validateSearch as defaultValidateSearch, getBeforeSelectionText, getLastMeasureIndex, replaceWithMeasure, setInputSelection } from \"./util\";\nimport { UnstableContext } from \"./context\";\nconst InternalMentions = /*#__PURE__*/forwardRef((props, ref) => {\n const {\n // Style\n prefixCls,\n className,\n style,\n classNames: mentionClassNames,\n styles,\n // Misc\n prefix = '@',\n split = ' ',\n notFoundContent = 'Not Found',\n value,\n defaultValue,\n children,\n options,\n allowClear,\n hasWrapper,\n silent,\n // Events\n validateSearch = defaultValidateSearch,\n filterOption = defaultFilterOption,\n onChange,\n onKeyDown,\n onKeyUp,\n onPressEnter,\n onSearch,\n onSelect,\n onFocus,\n onBlur,\n // Dropdown\n transitionName,\n placement,\n direction,\n getPopupContainer,\n popupClassName,\n rows = 1,\n // Fix Warning: Received `false` for a non-boolean attribute `visible`.\n // https://github.com/ant-design/ant-design/blob/df933e94efc8f376003bbdc658d64b64a0e53495/components/mentions/demo/render-panel.tsx\n // @ts-expect-error\n visible,\n onPopupScroll,\n // Rest\n ...restProps\n } = props;\n const mergedPrefix = useMemo(() => Array.isArray(prefix) ? prefix : [prefix], [prefix]);\n\n // =============================== Refs ===============================\n const containerRef = useRef(null);\n const textareaRef = useRef(null);\n const measureRef = useRef(null);\n const getTextArea = () => textareaRef.current?.resizableTextArea?.textArea;\n React.useImperativeHandle(ref, () => ({\n focus: () => textareaRef.current?.focus(),\n blur: () => textareaRef.current?.blur(),\n textarea: textareaRef.current?.resizableTextArea?.textArea,\n nativeElement: containerRef.current\n }));\n\n // ============================== State ===============================\n const [measuring, setMeasuring] = useState(false);\n const [measureText, setMeasureText] = useState('');\n const [measurePrefix, setMeasurePrefix] = useState('');\n const [measureLocation, setMeasureLocation] = useState(0);\n const [activeIndex, setActiveIndex] = useState(0);\n const [isFocus, setIsFocus] = useState(false);\n\n // ================================ Id ================================\n const uniqueKey = useId(props.id);\n\n // ============================== Value ===============================\n const [mergedValue, setMergedValue] = useControlledState(defaultValue || '', value);\n\n // =============================== Open ===============================\n const {\n open\n } = useContext(UnstableContext);\n useEffect(() => {\n // Sync measure div top with textarea for rc-trigger usage\n if (measuring && measureRef.current) {\n measureRef.current.scrollTop = getTextArea().scrollTop;\n }\n }, [measuring]);\n const [mergedMeasuring, mergedMeasureText, mergedMeasurePrefix, mergedMeasureLocation] = React.useMemo(() => {\n if (open) {\n for (let i = 0; i < mergedPrefix.length; i += 1) {\n const curPrefix = mergedPrefix[i];\n const index = mergedValue.lastIndexOf(curPrefix);\n if (index >= 0) {\n return [true, '', curPrefix, index];\n }\n }\n }\n return [measuring, measureText, measurePrefix, measureLocation];\n }, [open, measuring, mergedPrefix, mergedValue, measureText, measurePrefix, measureLocation]);\n\n // ============================== Option ==============================\n const getOptions = React.useCallback(targetMeasureText => {\n let list;\n if (options && options.length > 0) {\n list = options.map(item => ({\n ...item,\n key: `${item?.key ?? item.value}-${uniqueKey}`\n }));\n } else {\n list = toArray(children).map(({\n props: optionProps,\n key\n }) => ({\n ...optionProps,\n label: optionProps.children,\n key: `${key || optionProps.value}-${uniqueKey}`\n }));\n }\n return list.filter(option => {\n /** Return all result if `filterOption` is false. */\n if (filterOption === false) {\n return true;\n }\n return filterOption(targetMeasureText, option);\n });\n }, [options, uniqueKey, children, filterOption]);\n const mergedOptions = React.useMemo(() => getOptions(mergedMeasureText), [getOptions, mergedMeasureText]);\n const getEnabledActiveIndex = React.useCallback((index, offset = 1) => {\n const len = mergedOptions.length;\n if (!len) {\n return -1;\n }\n for (let i = 0; i < len; i += 1) {\n const current = (index + i * offset + len) % len;\n const option = mergedOptions[current];\n if (!option?.disabled) {\n return current;\n }\n }\n return -1;\n }, [mergedOptions]);\n useEffect(() => {\n if (!mergedMeasuring) {\n return;\n }\n const currentOption = mergedOptions[activeIndex];\n if (!currentOption || currentOption.disabled) {\n setActiveIndex(getEnabledActiveIndex(0));\n }\n }, [mergedMeasuring, mergedOptions, activeIndex, getEnabledActiveIndex, setActiveIndex]);\n\n // ============================= Measure ==============================\n // Mark that we will reset input selection to target position when user select option\n const onSelectionEffect = useEffectState();\n const startMeasure = (nextMeasureText, nextMeasurePrefix, nextMeasureLocation) => {\n setMeasuring(true);\n setMeasureText(nextMeasureText);\n setMeasurePrefix(nextMeasurePrefix);\n setMeasureLocation(nextMeasureLocation);\n setActiveIndex(getEnabledActiveIndex(0));\n };\n const stopMeasure = callback => {\n setMeasuring(false);\n setMeasureLocation(0);\n setMeasureText('');\n onSelectionEffect(callback);\n };\n\n // ============================== Change ==============================\n const triggerChange = nextValue => {\n setMergedValue(nextValue);\n onChange?.(nextValue);\n };\n const onInternalChange = ({\n target: {\n value: nextValue\n }\n }) => {\n triggerChange(nextValue);\n };\n const selectOption = option => {\n if (!option || option.disabled) {\n return;\n }\n const {\n value: mentionValue = ''\n } = option;\n const {\n text,\n selectionLocation\n } = replaceWithMeasure(mergedValue, {\n measureLocation: mergedMeasureLocation,\n targetText: mentionValue,\n prefix: mergedMeasurePrefix,\n selectionStart: getTextArea()?.selectionStart,\n split\n });\n triggerChange(text);\n stopMeasure(() => {\n // We need restore the selection position\n setInputSelection(getTextArea(), selectionLocation);\n });\n onSelect?.(option, mergedMeasurePrefix);\n };\n\n // ============================= KeyEvent =============================\n // Check if hit the measure keyword\n const onInternalKeyDown = event => {\n const {\n which\n } = event;\n onKeyDown?.(event);\n\n // Skip if not measuring\n if (!mergedMeasuring) {\n return;\n }\n if (which === KeyCode.UP || which === KeyCode.DOWN) {\n // Control arrow function\n const optionLen = mergedOptions.length;\n if (!optionLen) {\n return;\n }\n const offset = which === KeyCode.UP ? -1 : 1;\n const newActiveIndex = getEnabledActiveIndex(activeIndex + offset, offset);\n if (newActiveIndex !== -1) {\n setActiveIndex(newActiveIndex);\n }\n event.preventDefault();\n } else if (which === KeyCode.ESC) {\n stopMeasure();\n } else if (which === KeyCode.ENTER) {\n // Measure hit\n event.preventDefault();\n // loading skip\n if (silent) {\n return;\n }\n if (!mergedOptions.length) {\n stopMeasure();\n return;\n }\n let targetIndex = activeIndex;\n if (!mergedOptions[targetIndex] || mergedOptions[targetIndex].disabled) {\n targetIndex = getEnabledActiveIndex(0);\n }\n if (targetIndex === -1) {\n stopMeasure();\n return;\n }\n setActiveIndex(targetIndex);\n selectOption(mergedOptions[targetIndex]);\n }\n };\n\n /**\n * When to start measure:\n * 1. When user press `prefix`\n * 2. When measureText !== prevMeasureText\n * - If measure hit\n * - If measuring\n *\n * When to stop measure:\n * 1. Selection is out of range\n * 2. Contains `space`\n * 3. ESC or select one\n */\n const onInternalKeyUp = event => {\n const {\n key,\n which\n } = event;\n const target = event.target;\n const selectionStartText = getBeforeSelectionText(target);\n const {\n location: measureIndex,\n prefix: nextMeasurePrefix\n } = getLastMeasureIndex(selectionStartText, mergedPrefix);\n\n // If the client implements an onKeyUp handler, call it\n onKeyUp?.(event);\n\n // Skip if match the white key list\n if ([KeyCode.ESC, KeyCode.UP, KeyCode.DOWN, KeyCode.ENTER].indexOf(which) !== -1) {\n return;\n }\n if (measureIndex !== -1) {\n const nextMeasureText = selectionStartText.slice(measureIndex + nextMeasurePrefix.length);\n const validateMeasure = validateSearch(nextMeasureText, split);\n const matchOption = !!getOptions(nextMeasureText).length;\n if (validateMeasure) {\n // adding AltGraph also fort azert keyboard\n if (key === nextMeasurePrefix || key === 'Shift' || which === KeyCode.ALT || key === 'AltGraph' || mergedMeasuring || nextMeasureText !== mergedMeasureText && matchOption) {\n startMeasure(nextMeasureText, nextMeasurePrefix, measureIndex);\n }\n } else if (mergedMeasuring) {\n // Stop if measureText is invalidate\n stopMeasure();\n }\n\n /**\n * We will trigger `onSearch` to developer since they may use for async update.\n * If met `space` means user finished searching.\n */\n if (onSearch && validateMeasure) {\n onSearch(nextMeasureText, nextMeasurePrefix);\n }\n } else if (mergedMeasuring) {\n stopMeasure();\n }\n };\n const onInternalPressEnter = event => {\n if (!mergedMeasuring && onPressEnter) {\n onPressEnter(event);\n }\n };\n\n // ============================ Focus Blur ============================\n const focusRef = useRef();\n const onInternalFocus = event => {\n window.clearTimeout(focusRef.current);\n if (!isFocus && event && onFocus) {\n onFocus(event);\n }\n setIsFocus(true);\n };\n const onInternalBlur = event => {\n focusRef.current = window.setTimeout(() => {\n setIsFocus(false);\n stopMeasure();\n onBlur?.(event);\n }, 0);\n };\n const onDropdownFocus = () => {\n onInternalFocus();\n };\n const onDropdownBlur = () => {\n onInternalBlur();\n };\n\n // ============================== Scroll ===============================\n const onInternalPopupScroll = event => {\n onPopupScroll?.(event);\n };\n\n // ============================== Styles ==============================\n const mergedStyles = React.useMemo(() => {\n const resizeStyle = styles?.textarea?.resize ?? style?.resize;\n const mergedTextareaStyle = {\n ...styles?.textarea\n };\n\n // Only add resize if it has a valid value, avoid setting undefined\n if (resizeStyle !== undefined) {\n mergedTextareaStyle.resize = resizeStyle;\n }\n return {\n ...styles,\n textarea: mergedTextareaStyle\n };\n }, [style, styles]);\n\n // ============================== Render ==============================\n\n const mentionNode = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TextArea, _extends({\n classNames: {\n textarea: mentionClassNames?.textarea\n }\n /**\n * Example:.\n * If written this way, resizing here will become invalid.\n * The TextArea component code and found that the resize parameter in the style of the ResizeTextArea component is obtained from prop.style.\n * Just pass the resize attribute and leave everything else unchanged.\n */,\n styles: mergedStyles,\n ref: textareaRef,\n value: mergedValue\n }, restProps, {\n rows: rows,\n onChange: onInternalChange,\n onKeyDown: onInternalKeyDown,\n onKeyUp: onInternalKeyUp,\n onPressEnter: onInternalPressEnter,\n onFocus: onInternalFocus,\n onBlur: onInternalBlur\n })), mergedMeasuring && /*#__PURE__*/React.createElement(\"div\", {\n ref: measureRef,\n className: `${prefixCls}-measure`\n }, mergedValue.slice(0, mergedMeasureLocation), /*#__PURE__*/React.createElement(MentionsContext.Provider, {\n value: {\n notFoundContent,\n activeIndex,\n setActiveIndex,\n selectOption,\n onFocus: onDropdownFocus,\n onBlur: onDropdownBlur,\n onScroll: onInternalPopupScroll\n }\n }, /*#__PURE__*/React.createElement(KeywordTrigger, {\n prefixCls: prefixCls,\n transitionName: transitionName,\n placement: placement,\n direction: direction,\n options: mergedOptions,\n visible: true,\n getPopupContainer: getPopupContainer,\n popupClassName: clsx(popupClassName, mentionClassNames?.popup),\n popupStyle: styles?.popup\n }, /*#__PURE__*/React.createElement(\"span\", null, mergedMeasurePrefix))), mergedValue.slice(mergedMeasureLocation + mergedMeasurePrefix.length)));\n if (!hasWrapper) {\n return /*#__PURE__*/React.createElement(\"div\", {\n className: clsx(prefixCls, className),\n style: style,\n ref: containerRef\n }, mentionNode);\n }\n return mentionNode;\n});\nconst Mentions = /*#__PURE__*/forwardRef(({\n suffix,\n prefixCls = 'rc-mentions',\n defaultValue,\n value: customValue,\n id,\n allowClear,\n onChange,\n classNames: mentionsClassNames,\n styles,\n className,\n disabled,\n onClear,\n ...rest\n}, ref) => {\n const hasSuffix = !!(suffix || allowClear);\n\n // =============================== Ref ================================\n const holderRef = useRef(null);\n const mentionRef = useRef(null);\n useImperativeHandle(ref, () => ({\n ...mentionRef.current,\n nativeElement: holderRef.current?.nativeElement || mentionRef.current?.nativeElement\n }));\n\n // ============================== Value ===============================\n const [mergedValue, setMergedValue] = useControlledState(defaultValue || '', customValue);\n\n // ============================== Change ==============================\n const triggerChange = currentValue => {\n setMergedValue(currentValue);\n onChange?.(currentValue);\n };\n\n // ============================== Reset ===============================\n const handleReset = () => {\n triggerChange('');\n };\n return /*#__PURE__*/React.createElement(BaseInput, {\n suffix: suffix,\n prefixCls: prefixCls,\n value: mergedValue,\n allowClear: allowClear,\n handleReset: handleReset,\n className: clsx(prefixCls, className, {\n // hasSuffix\n [`${prefixCls}-has-suffix`]: hasSuffix\n }),\n classNames: mentionsClassNames,\n disabled: disabled,\n ref: holderRef,\n onClear: onClear\n }, /*#__PURE__*/React.createElement(InternalMentions, _extends({\n className: mentionsClassNames?.mentions,\n styles: styles,\n classNames: mentionsClassNames,\n prefixCls: prefixCls,\n id: id,\n ref: mentionRef,\n onChange: triggerChange,\n disabled: disabled,\n hasWrapper: hasSuffix\n }, rest)));\n});\nMentions.Option = Option;\nexport default Mentions;","import Mentions from \"./Mentions\";\nexport { UnstableContext } from \"./context\";\nexport default Mentions;","import { isNonNullable } from './is';\nconst toList = (val, config = {}) => {\n if (!isNonNullable(val) && config?.skipEmpty) {\n return [];\n }\n return Array.isArray(val) ? val : [val];\n};\nexport default toList;\n","import * as React from 'react';\nimport RcMentions from '@rc-component/mentions';\nimport { composeRef } from '@rc-component/util';\nimport { clsx } from 'clsx';\nimport { useAllowClear, useZIndex } from '../_util/hooks';\nimport { useMergeSemantic, useSemanticRootStyle } from '../_util/hooks/useMergeSemantic';\nimport genPurePanel from '../_util/PurePanel';\nimport { getMergedStatus, getStatusClassNames } from '../_util/statusUtils';\nimport toList from '../_util/toList';\nimport { devUseWarning } from '../_util/warning';\nimport { ConfigContext } from '../config-provider';\nimport { useComponentConfig } from '../config-provider/context';\nimport DefaultRenderEmpty from '../config-provider/defaultRenderEmpty';\nimport DisabledContext from '../config-provider/DisabledContext';\nimport useCSSVarCls from '../config-provider/hooks/useCSSVarCls';\nimport useSize from '../config-provider/hooks/useSize';\nimport { FormItemInputContext } from '../form/context';\nimport useVariant from '../form/hooks/useVariants';\nimport Spin from '../spin';\nimport useStyle from './style';\nexport const { Option } = RcMentions;\nfunction loadingFilterOption() {\n return true;\n}\nconst InternalMentions = React.forwardRef((props, ref) => {\n const { prefixCls: customizePrefixCls, className, rootClassName, disabled: customDisabled, loading, filterOption, children, notFoundContent, options, status: customStatus, allowClear, popupClassName, style, variant: customVariant, classNames, styles, size: customSize, ...restProps } = props;\n const [focused, setFocused] = React.useState(false);\n const innerRef = React.useRef(null);\n const mergedRef = composeRef(ref, innerRef);\n // ===================== Size =====================\n const mergedSize = useSize((ctx) => customSize ?? ctx);\n // =================== Warning =====================\n if (process.env.NODE_ENV !== 'production') {\n const warning = devUseWarning('Mentions');\n warning.deprecated(!children, 'Mentions.Option', 'options');\n }\n const { getPrefixCls, direction, allowClear: contextAllowClear, className: contextClassName, style: contextStyle, classNames: contextClassNames, styles: contextStyles, } = useComponentConfig('mentions');\n const { renderEmpty } = React.useContext(ConfigContext);\n const { status: contextStatus, hasFeedback, feedbackIcon, } = React.useContext(FormItemInputContext);\n const mergedStatus = getMergedStatus(contextStatus, customStatus);\n // ===================== Disabled =====================\n const contextDisabled = React.useContext(DisabledContext);\n const mergedDisabled = customDisabled ?? contextDisabled;\n const prefixCls = getPrefixCls('mentions', customizePrefixCls);\n // =========== Merged Props for Semantic ===========\n const mergedProps = {\n ...props,\n disabled: mergedDisabled,\n status: mergedStatus,\n variant: customVariant,\n };\n const contextStyleRoot = useSemanticRootStyle(contextStyle);\n const styleRoot = useSemanticRootStyle(style);\n const [mergedClassNames, mergedStyles] = useMergeSemantic([contextClassNames, classNames], [contextStyles, contextStyleRoot, styles, styleRoot], {\n props: mergedProps,\n });\n const onFocus = (...args) => {\n if (restProps.onFocus) {\n restProps.onFocus(...args);\n }\n setFocused(true);\n };\n const onBlur = (...args) => {\n if (restProps.onBlur) {\n restProps.onBlur(...args);\n }\n setFocused(false);\n };\n const notFoundContentEle = React.useMemo(() => {\n if (notFoundContent !== undefined) {\n return notFoundContent;\n }\n return renderEmpty?.('Select') || React.createElement(DefaultRenderEmpty, { componentName: \"Select\" });\n }, [notFoundContent, renderEmpty]);\n const mentionOptions = React.useMemo(() => {\n if (loading) {\n return (React.createElement(Option, { value: \"ANTD_SEARCHING\", disabled: true },\n React.createElement(Spin, { size: \"small\" })));\n }\n return children;\n }, [loading, children]);\n const mergedOptions = loading\n ? [\n {\n value: 'ANTD_SEARCHING',\n disabled: true,\n label: React.createElement(Spin, { size: \"small\" }),\n },\n ]\n : options;\n const mentionsfilterOption = loading ? loadingFilterOption : filterOption;\n const mergedAllowClear = useAllowClear({\n allowClear,\n contextAllowClear,\n defaultAllowClear: false,\n componentName: 'Mentions',\n });\n // Style\n const rootCls = useCSSVarCls(prefixCls);\n const [hashId, cssVarCls] = useStyle(prefixCls, rootCls);\n const [variant, enableVariantCls] = useVariant('mentions', customVariant);\n // ====================== zIndex =========================\n const [zIndex] = useZIndex('SelectLike', mergedStyles.popup?.zIndex);\n const suffixNode = hasFeedback && React.createElement(React.Fragment, null, feedbackIcon);\n const mergedClassName = clsx(contextClassName, className, rootClassName, cssVarCls, rootCls, mergedClassNames.root, {\n [`${prefixCls}-sm`]: mergedSize === 'small',\n [`${prefixCls}-lg`]: mergedSize === 'large',\n });\n return (React.createElement(RcMentions, { silent: loading, prefixCls: prefixCls, notFoundContent: notFoundContentEle, className: mergedClassName, disabled: mergedDisabled, allowClear: mergedAllowClear, direction: direction, style: mergedStyles.root, ...restProps, filterOption: mentionsfilterOption, onFocus: onFocus, onBlur: onBlur, ref: mergedRef, options: mergedOptions, suffix: suffixNode, styles: {\n textarea: mergedStyles.textarea,\n popup: { ...mergedStyles.popup, zIndex },\n suffix: mergedStyles.suffix,\n }, classNames: {\n textarea: clsx(mergedClassNames.textarea),\n popup: clsx(mergedClassNames.popup, popupClassName, rootClassName, hashId, cssVarCls, rootCls),\n suffix: mergedClassNames.suffix,\n mentions: clsx({\n [`${prefixCls}-disabled`]: mergedDisabled,\n [`${prefixCls}-focused`]: focused,\n [`${prefixCls}-rtl`]: direction === 'rtl',\n }, hashId),\n variant: clsx({\n [`${prefixCls}-${variant}`]: enableVariantCls,\n }, getStatusClassNames(prefixCls, mergedStatus)),\n affixWrapper: hashId,\n } }, mentionOptions));\n});\nconst Mentions = InternalMentions;\nif (process.env.NODE_ENV !== 'production') {\n Mentions.displayName = 'Mentions';\n}\nMentions.Option = Option;\n// We don't care debug panel\n/* istanbul ignore next */\nconst PurePanel = genPurePanel(Mentions, undefined, undefined, 'mentions');\nMentions._InternalPanelDoNotUseOrYouWillBeFired = PurePanel;\nMentions.getMentions = (value = '', config = {}) => {\n const { prefix = '@', split = ' ' } = config;\n const prefixList = toList(prefix);\n return value.split(split).reduce((list, str = '') => {\n let hitPrefix = null;\n prefixList.some((prefixStr) => {\n const startStr = str.slice(0, prefixStr.length);\n if (startStr === prefixStr) {\n hitPrefix = prefixStr;\n return true;\n }\n return false;\n });\n if (hitPrefix !== null) {\n const entity = {\n prefix: hitPrefix,\n value: str.slice(hitPrefix.length),\n };\n if (entity.value) {\n list.push(entity);\n }\n }\n return list;\n }, []);\n};\nexport default Mentions;\n","import * as React from 'react';\nimport { NotificationList } from '@rc-component/notification';\nimport { clsx } from 'clsx';\nimport { useComponentConfig } from '../config-provider/context';\nimport useCSSVarCls from '../config-provider/hooks/useCSSVarCls';\nimport { getMessageIcon } from './PurePanel';\nimport useStyle from './style';\n/** @private Internal Component. Do not use in your production. */\nconst PureList = (props) => {\n const { items, classNames, style } = props;\n const { getPrefixCls } = useComponentConfig('message');\n const prefixCls = getPrefixCls('message');\n const rootCls = useCSSVarCls(prefixCls);\n const [hashId, cssVarCls] = useStyle(prefixCls, rootCls);\n const noticePrefixCls = `${prefixCls}-notice`;\n const configList = items.map((item) => {\n const { content, duration, key, type } = item;\n const typeIconCls = type ? `${noticePrefixCls}-icon-${type}` : undefined;\n return {\n key,\n duration,\n icon: getMessageIcon(type),\n title: content,\n className: `${noticePrefixCls}-${type}`,\n classNames: {\n wrapper: `${prefixCls}-${type}`,\n icon: typeIconCls,\n },\n };\n });\n return (React.createElement(NotificationList, { prefixCls: prefixCls, placement: \"top\", configList: configList, className: clsx(hashId, cssVarCls, rootCls), classNames: {\n ...classNames,\n wrapper: classNames?.wrapper,\n title: classNames?.title,\n }, style: style, stack: false }));\n};\nexport default PureList;\n","import React, { useContext } from 'react';\nimport { render } from '@rc-component/util';\nimport { AppConfigContext } from '../app/context';\nimport ConfigProvider, { ConfigContext, globalConfig, warnContext } from '../config-provider';\nimport PureList from './PureList';\nimport PurePanel from './PurePanel';\nimport useMessage, { useInternalMessage } from './useMessage';\nimport { wrapPromiseFn } from './util';\nlet message = null;\nlet act = (callback) => callback();\nlet taskQueue = [];\nlet defaultGlobalConfig = {};\nfunction getGlobalContext() {\n const { getContainer, duration, rtl, maxCount, top, stack } = defaultGlobalConfig;\n const mergedContainer = getContainer?.() || document.body;\n return { getContainer: () => mergedContainer, duration, rtl, maxCount, top, stack };\n}\nconst GlobalHolder = React.forwardRef((props, ref) => {\n const { messageConfig, sync } = props;\n const { getPrefixCls } = useContext(ConfigContext);\n const prefixCls = defaultGlobalConfig.prefixCls || getPrefixCls('message');\n const appConfig = useContext(AppConfigContext);\n const [api, holder] = useInternalMessage({ ...messageConfig, prefixCls, ...appConfig.message });\n React.useImperativeHandle(ref, () => {\n const instance = { ...api };\n Object.keys(instance).forEach((method) => {\n instance[method] = (...args) => {\n sync();\n return api[method](...args);\n };\n });\n return {\n instance,\n sync,\n };\n });\n return holder;\n});\nconst GlobalHolderWrapper = React.forwardRef((_, ref) => {\n const [messageConfig, setMessageConfig] = React.useState(getGlobalContext);\n const sync = () => {\n setMessageConfig(getGlobalContext);\n };\n React.useEffect(sync, []);\n const global = globalConfig();\n const rootPrefixCls = global.getRootPrefixCls();\n const rootIconPrefixCls = global.getIconPrefixCls();\n const theme = global.getTheme();\n const dom = React.createElement(GlobalHolder, { ref: ref, sync: sync, messageConfig: messageConfig });\n return (React.createElement(ConfigProvider, { prefixCls: rootPrefixCls, iconPrefixCls: rootIconPrefixCls, theme: theme }, global.holderRender ? global.holderRender(dom) : dom));\n});\nconst flushMessageQueue = () => {\n if (!message) {\n const holderFragment = document.createDocumentFragment();\n const newMessage = {\n fragment: holderFragment,\n };\n message = newMessage;\n // Delay render to avoid sync issue\n act(() => {\n render(React.createElement(GlobalHolderWrapper, { ref: (node) => {\n const { instance, sync } = node || {};\n // React 18 test env will throw if call immediately in ref\n Promise.resolve().then(() => {\n if (!newMessage.instance && instance) {\n newMessage.instance = instance;\n newMessage.sync = sync;\n flushMessageQueue();\n }\n });\n } }), holderFragment);\n });\n return;\n }\n // Notification not ready\n if (!message.instance) {\n return;\n }\n // >>> Execute task\n taskQueue.forEach((task) => {\n const { type, skipped } = task;\n // Only `skipped` when user call notice but cancel it immediately\n // and instance not ready\n if (!skipped) {\n switch (type) {\n case 'open': {\n act(() => {\n const closeFn = message.instance.open({\n ...defaultGlobalConfig,\n ...task.config,\n });\n closeFn?.then(task.resolve);\n task.setCloseFn(closeFn);\n });\n break;\n }\n case 'destroy':\n act(() => {\n message?.instance.destroy(task.key);\n });\n break;\n // Other type open\n default: {\n act(() => {\n const closeFn = message.instance[type](...task.args);\n closeFn?.then(task.resolve);\n task.setCloseFn(closeFn);\n });\n }\n }\n }\n });\n // Clean up\n taskQueue = [];\n};\n// ==============================================================================\n// == Export ==\n// ==============================================================================\nfunction setMessageGlobalConfig(config) {\n defaultGlobalConfig = {\n ...defaultGlobalConfig,\n ...config,\n };\n // Trigger sync for it\n act(() => {\n message?.sync?.();\n });\n}\nfunction open(config) {\n const result = wrapPromiseFn((resolve) => {\n let closeFn;\n const task = {\n type: 'open',\n config,\n resolve,\n setCloseFn: (fn) => {\n closeFn = fn;\n },\n };\n taskQueue.push(task);\n return () => {\n if (closeFn) {\n act(() => {\n closeFn();\n });\n }\n else {\n task.skipped = true;\n }\n };\n });\n flushMessageQueue();\n return result;\n}\nfunction typeOpen(type, args) {\n const global = globalConfig();\n if (process.env.NODE_ENV !== 'production' && !global.holderRender) {\n warnContext('message');\n }\n const result = wrapPromiseFn((resolve) => {\n let closeFn;\n const task = {\n type,\n args,\n resolve,\n setCloseFn: (fn) => {\n closeFn = fn;\n },\n };\n taskQueue.push(task);\n return () => {\n if (closeFn) {\n act(() => {\n closeFn();\n });\n }\n else {\n task.skipped = true;\n }\n };\n });\n flushMessageQueue();\n return result;\n}\nconst destroy = (key) => {\n taskQueue.push({ type: 'destroy', key });\n flushMessageQueue();\n};\nconst methods = ['success', 'info', 'warning', 'error', 'loading'];\nconst baseStaticMethods = {\n open,\n destroy,\n config: setMessageGlobalConfig,\n useMessage,\n _InternalPanelDoNotUseOrYouWillBeFired: PurePanel,\n _InternalListDoNotUseOrYouWillBeFired: PureList,\n};\nconst staticMethods = baseStaticMethods;\nmethods.forEach((type) => {\n staticMethods[type] = (...args) => typeOpen(type, args);\n});\n// ==============================================================================\n// == Test ==\n// ==============================================================================\nconst noop = () => { };\nlet _actWrapper = noop;\nif (process.env.NODE_ENV === 'test') {\n _actWrapper = (wrapper) => {\n act = wrapper;\n };\n}\nconst actWrapper = _actWrapper;\nexport { actWrapper };\nlet _actDestroy = noop;\nif (process.env.NODE_ENV === 'test') {\n _actDestroy = () => {\n message = null;\n };\n}\nconst actDestroy = _actDestroy;\nexport { actDestroy };\nexport default staticMethods;\n","import * as React from 'react';\nimport { Panel } from '@rc-component/dialog';\nimport { clsx } from 'clsx';\nimport { useMergeSemantic } from '../_util/hooks/useMergeSemantic';\nimport { withPureRenderTheme } from '../_util/PurePanel';\nimport { ConfigContext } from '../config-provider';\nimport { useComponentConfig } from '../config-provider/context';\nimport useCSSVarCls from '../config-provider/hooks/useCSSVarCls';\nimport { ConfirmContent } from './ConfirmDialog';\nimport { Footer, renderCloseIcon } from './shared';\nimport useStyle from './style';\nconst PurePanel = (props) => {\n const { prefixCls: customizePrefixCls, className, closeIcon, closable, type, title, children, footer, classNames, styles, ...restProps } = props;\n const { getPrefixCls } = React.useContext(ConfigContext);\n const { className: contextClassName, style: contextStyle, classNames: contextClassNames, styles: contextStyles, } = useComponentConfig('modal');\n const rootPrefixCls = getPrefixCls();\n const prefixCls = customizePrefixCls || getPrefixCls('modal');\n const rootCls = useCSSVarCls(rootPrefixCls);\n const [hashId, cssVarCls] = useStyle(prefixCls, rootCls);\n const [mergedClassNames, mergedStyles] = useMergeSemantic([contextClassNames, classNames], [contextStyles, styles], {\n props,\n });\n const confirmPrefixCls = `${prefixCls}-confirm`;\n // Choose target props by confirm mark\n let additionalProps = {};\n if (type) {\n additionalProps = {\n closable: closable ?? false,\n title: '',\n footer: '',\n children: (React.createElement(ConfirmContent, { ...props, prefixCls: prefixCls, confirmPrefixCls: confirmPrefixCls, rootPrefixCls: rootPrefixCls, content: children })),\n };\n }\n else {\n additionalProps = {\n closable: closable ?? true,\n title,\n footer: footer !== null && React.createElement(Footer, { ...props }),\n children,\n };\n }\n return (React.createElement(Panel, { prefixCls: prefixCls, className: clsx(hashId, `${prefixCls}-pure-panel`, type && confirmPrefixCls, type && `${confirmPrefixCls}-${type}`, className, contextClassName, cssVarCls, rootCls, mergedClassNames.root), style: { ...contextStyle, ...mergedStyles.root }, ...restProps, closeIcon: renderCloseIcon(prefixCls, closeIcon), closable: closable, classNames: mergedClassNames, styles: mergedStyles, ...additionalProps }));\n};\nexport default withPureRenderTheme(PurePanel);\n","import confirm, { modalGlobalConfig, withConfirm, withError, withInfo, withSuccess, withWarn, } from './confirm';\nimport destroyFns from './destroyFns';\nimport OriginModal from './Modal';\nimport PurePanel from './PurePanel';\nimport useModal from './useModal';\nfunction modalWarn(props) {\n return confirm(withWarn(props));\n}\nconst Modal = OriginModal;\nModal.useModal = useModal;\nModal.info = function infoFn(props) {\n return confirm(withInfo(props));\n};\nModal.success = function successFn(props) {\n return confirm(withSuccess(props));\n};\nModal.error = function errorFn(props) {\n return confirm(withError(props));\n};\nModal.warning = modalWarn;\nModal.warn = modalWarn;\nModal.confirm = function confirmFn(props) {\n return confirm(withConfirm(props));\n};\nModal.destroyAll = function destroyAllFn() {\n while (destroyFns.length) {\n const close = destroyFns.pop();\n if (close) {\n close();\n }\n }\n};\nModal.config = modalGlobalConfig;\nModal._InternalPanelDoNotUseOrYouWillBeFired = PurePanel;\nif (process.env.NODE_ENV !== 'production') {\n Modal.displayName = 'Modal';\n}\nexport default Modal;\n","import * as React from 'react';\nimport { NotificationList } from '@rc-component/notification';\nimport { clsx } from 'clsx';\nimport { useComponentConfig } from '../config-provider/context';\nimport useCSSVarCls from '../config-provider/hooks/useCSSVarCls';\nimport { getCloseIcon, TypeIcon } from './PurePanel';\nimport useStyle from './style';\n/** @private Internal Component. Do not use in your production. */\nconst PureList = (props) => {\n const { items, classNames, placement = 'topRight', style } = props;\n const { getPrefixCls } = useComponentConfig('notification');\n const prefixCls = getPrefixCls('notification');\n const rootCls = useCSSVarCls(prefixCls);\n const [hashId, cssVarCls] = useStyle(prefixCls, rootCls);\n const noticePrefixCls = `${prefixCls}-notice`;\n const configList = items.map((item) => {\n const { actions, description, duration, key, showProgress, title, type } = item;\n const typeIconCls = `${noticePrefixCls}-icon-${type}`;\n return {\n key,\n actions,\n closable: {\n closeIcon: getCloseIcon(noticePrefixCls),\n },\n description,\n duration,\n icon: TypeIcon[type],\n showProgress,\n title,\n className: `${noticePrefixCls}-${type}`,\n classNames: {\n icon: typeIconCls,\n },\n };\n });\n return (React.createElement(NotificationList, { prefixCls: prefixCls, placement: placement, configList: configList, className: clsx(hashId, cssVarCls, rootCls), classNames: classNames, style: style, stack: false }));\n};\nexport default PureList;\n","import React, { useContext } from 'react';\nimport { render } from '@rc-component/util';\nimport { AppConfigContext } from '../app/context';\nimport ConfigProvider, { ConfigContext, globalConfig, warnContext } from '../config-provider';\nimport PureList from './PureList';\nimport PurePanel from './PurePanel';\nimport useNotification, { useInternalNotification } from './useNotification';\nlet notification = null;\nlet act = (callback) => callback();\nlet taskQueue = [];\nlet defaultGlobalConfig = {};\nfunction getGlobalContext() {\n const { getContainer, rtl, maxCount, top, bottom, showProgress, pauseOnHover } = defaultGlobalConfig;\n const mergedContainer = getContainer?.() || document.body;\n return {\n getContainer: () => mergedContainer,\n rtl,\n maxCount,\n top,\n bottom,\n showProgress,\n pauseOnHover,\n };\n}\nconst GlobalHolder = React.forwardRef((props, ref) => {\n const { notificationConfig, sync } = props;\n const { getPrefixCls } = useContext(ConfigContext);\n const prefixCls = defaultGlobalConfig.prefixCls || getPrefixCls('notification');\n const appConfig = useContext(AppConfigContext);\n const [api, holder] = useInternalNotification({\n ...notificationConfig,\n prefixCls,\n ...appConfig.notification,\n });\n React.useEffect(sync, []);\n React.useImperativeHandle(ref, () => {\n const instance = { ...api };\n Object.keys(instance).forEach((method) => {\n instance[method] = (...args) => {\n sync();\n return api[method](...args);\n };\n });\n return {\n instance,\n sync,\n };\n });\n return holder;\n});\nconst GlobalHolderWrapper = React.forwardRef((_, ref) => {\n const [notificationConfig, setNotificationConfig] = React.useState(getGlobalContext);\n const sync = () => {\n setNotificationConfig(getGlobalContext);\n };\n React.useEffect(sync, []);\n const global = globalConfig();\n const rootPrefixCls = global.getRootPrefixCls();\n const rootIconPrefixCls = global.getIconPrefixCls();\n const theme = global.getTheme();\n const dom = React.createElement(GlobalHolder, { ref: ref, sync: sync, notificationConfig: notificationConfig });\n return (React.createElement(ConfigProvider, { prefixCls: rootPrefixCls, iconPrefixCls: rootIconPrefixCls, theme: theme }, global.holderRender ? global.holderRender(dom) : dom));\n});\nconst flushNotificationQueue = () => {\n if (!notification) {\n const holderFragment = document.createDocumentFragment();\n const newNotification = {\n fragment: holderFragment,\n };\n notification = newNotification;\n // Delay render to avoid sync issue\n act(() => {\n render(React.createElement(GlobalHolderWrapper, { ref: (node) => {\n const { instance, sync } = node || {};\n Promise.resolve().then(() => {\n if (!newNotification.instance && instance) {\n newNotification.instance = instance;\n newNotification.sync = sync;\n flushNotificationQueue();\n }\n });\n } }), holderFragment);\n });\n return;\n }\n // Notification not ready\n if (!notification.instance) {\n return;\n }\n // >>> Execute task\n taskQueue.forEach((task) => {\n switch (task.type) {\n case 'open': {\n act(() => {\n notification.instance.open({\n ...defaultGlobalConfig,\n ...task.config,\n });\n });\n break;\n }\n case 'destroy':\n act(() => {\n notification?.instance?.destroy(task.key);\n });\n break;\n }\n });\n // Clean up\n taskQueue = [];\n};\n// ==============================================================================\n// == Export ==\n// ==============================================================================\nfunction setNotificationGlobalConfig(config) {\n defaultGlobalConfig = {\n ...defaultGlobalConfig,\n ...config,\n };\n // Trigger sync for it\n act(() => {\n notification?.sync?.();\n });\n}\nfunction open(config) {\n const global = globalConfig();\n if (process.env.NODE_ENV !== 'production' && !global.holderRender) {\n warnContext('notification');\n }\n taskQueue.push({ type: 'open', config });\n flushNotificationQueue();\n}\nconst destroy = (key) => {\n taskQueue.push({ type: 'destroy', key });\n flushNotificationQueue();\n};\nconst methods = ['success', 'info', 'warning', 'error'];\nconst baseStaticMethods = {\n open,\n destroy,\n config: setNotificationGlobalConfig,\n useNotification,\n _InternalPanelDoNotUseOrYouWillBeFired: PurePanel,\n _InternalListDoNotUseOrYouWillBeFired: PureList,\n};\nconst staticMethods = baseStaticMethods;\nmethods.forEach((type) => {\n staticMethods[type] = (config) => open({ ...config, type });\n});\n// ==============================================================================\n// == Test ==\n// ==============================================================================\nconst noop = () => { };\nlet _actWrapper = noop;\nif (process.env.NODE_ENV === 'test') {\n _actWrapper = (wrapper) => {\n act = wrapper;\n };\n}\nconst actWrapper = _actWrapper;\nexport { actWrapper };\nlet _actDestroy = noop;\nif (process.env.NODE_ENV === 'test') {\n _actDestroy = () => {\n notification = null;\n };\n}\nconst actDestroy = _actDestroy;\nexport { actDestroy };\nexport default staticMethods;\n","import * as React from 'react';\nimport ExclamationCircleFilled from '@ant-design/icons/ExclamationCircleFilled';\nimport { clsx } from 'clsx';\nimport ActionButton from '../_util/ActionButton';\nimport { getRenderPropValue } from '../_util/getRenderPropValue';\nimport { isReactRenderable } from '../_util/is';\nimport Button from '../button/Button';\nimport { convertLegacyProps } from '../button/buttonHelpers';\nimport { ConfigContext } from '../config-provider';\nimport { useLocale } from '../locale';\nimport defaultLocale from '../locale/en_US';\nimport PopoverPurePanel from '../popover/PurePanel';\nimport useStyle from './style';\nexport const Overlay = (props) => {\n const { prefixCls, okButtonProps, cancelButtonProps, title, description, cancelText, okText, okType = 'primary', icon = React.createElement(ExclamationCircleFilled, null), showCancel = true, close, onConfirm, onCancel, onPopupClick, classNames, styles, } = props;\n const { getPrefixCls } = React.useContext(ConfigContext);\n const [contextLocale] = useLocale('Popconfirm', defaultLocale.Popconfirm);\n const titleNode = getRenderPropValue(title);\n const descriptionNode = getRenderPropValue(description);\n return (React.createElement(\"div\", { className: `${prefixCls}-inner-content`, onClick: onPopupClick },\n React.createElement(\"div\", { className: `${prefixCls}-message` },\n icon && (React.createElement(\"span\", { className: clsx(`${prefixCls}-message-icon`, classNames?.icon), style: styles?.icon }, icon)),\n React.createElement(\"div\", { className: `${prefixCls}-message-text` },\n isReactRenderable(titleNode) && (React.createElement(\"div\", { className: clsx(`${prefixCls}-title`, classNames?.title), style: styles?.title }, titleNode)),\n isReactRenderable(descriptionNode) && (React.createElement(\"div\", { className: clsx(`${prefixCls}-description`, classNames?.content), style: styles?.content }, descriptionNode)))),\n React.createElement(\"div\", { className: `${prefixCls}-buttons` },\n showCancel && (React.createElement(Button, { onClick: onCancel, size: \"small\", ...cancelButtonProps }, cancelText || contextLocale?.cancelText)),\n React.createElement(ActionButton, { buttonProps: {\n size: 'small',\n ...convertLegacyProps(okType),\n ...okButtonProps,\n }, actionFn: onConfirm, close: close, prefixCls: getPrefixCls('btn'), quitOnNullishReturnValue: true, emitEvent: true }, okText || contextLocale?.okText))));\n};\nconst PurePanel = (props) => {\n const { prefixCls: customizePrefixCls, placement, className, style, ...restProps } = props;\n const { getPrefixCls } = React.useContext(ConfigContext);\n const prefixCls = getPrefixCls('popconfirm', customizePrefixCls);\n useStyle(prefixCls);\n return (React.createElement(PopoverPurePanel, { placement: placement, className: clsx(prefixCls, className), style: style, content: React.createElement(Overlay, { prefixCls: prefixCls, ...restProps }) }));\n};\nexport default PurePanel;\n","import * as React from 'react';\nimport ExclamationCircleFilled from '@ant-design/icons/ExclamationCircleFilled';\nimport { omit, useControlledState } from '@rc-component/util';\nimport { clsx } from 'clsx';\nimport { useMergeSemantic } from '../_util/hooks/useMergeSemantic';\nimport { devUseWarning } from '../_util/warning';\nimport { useComponentConfig } from '../config-provider/context';\nimport Popover from '../popover';\nimport useMergedArrow from '../tooltip/hook/useMergedArrow';\nimport PurePanel, { Overlay } from './PurePanel';\nimport useStyle from './style';\nconst InternalPopconfirm = React.forwardRef((props, ref) => {\n const { prefixCls: customizePrefixCls, placement = 'top', trigger, okType = 'primary', icon = React.createElement(ExclamationCircleFilled, null), children, overlayClassName, onOpenChange, overlayStyle, styles, arrow: popconfirmArrow, classNames, ...restProps } = props;\n const { getPrefixCls, className: contextClassName, style: contextStyle, classNames: contextClassNames, styles: contextStyles, arrow: contextArrow, trigger: contextTrigger, } = useComponentConfig('popconfirm');\n const [open, setOpen] = useControlledState(props.defaultOpen ?? false, props.open);\n const mergedArrow = useMergedArrow(popconfirmArrow, contextArrow);\n const mergedTrigger = trigger || contextTrigger || 'click';\n // ========================== Warning ===========================\n if (process.env.NODE_ENV !== 'production') {\n const warning = devUseWarning('Popconfirm');\n warning(!onOpenChange || onOpenChange.length <= 1, 'usage', 'The second `onOpenChange` parameter is internal and unsupported. Please lock to a previous version if needed.');\n }\n const settingOpen = (value) => {\n setOpen(value);\n onOpenChange?.(value);\n };\n const close = () => {\n settingOpen(false);\n };\n const onConfirm = (e) => props.onConfirm?.call(this, e);\n const onCancel = (e) => {\n settingOpen(false);\n props.onCancel?.call(this, e);\n };\n const onInternalOpenChange = (value) => {\n const { disabled = false } = props;\n if (disabled) {\n return;\n }\n settingOpen(value);\n };\n const prefixCls = getPrefixCls('popconfirm', customizePrefixCls);\n const mergedProps = {\n ...props,\n placement,\n trigger: mergedTrigger,\n okType,\n overlayStyle,\n styles,\n classNames,\n };\n const [mergedClassNames, mergedStyles] = useMergeSemantic([contextClassNames, classNames], [contextStyles, styles], {\n props: mergedProps,\n });\n const rootClassNames = clsx(prefixCls, contextClassName, overlayClassName, mergedClassNames.root);\n useStyle(prefixCls);\n return (React.createElement(Popover, { arrow: mergedArrow, ...omit(restProps, ['title']), trigger: mergedTrigger, placement: placement, onOpenChange: onInternalOpenChange, open: open, ref: ref, classNames: {\n root: rootClassNames,\n container: mergedClassNames.container,\n arrow: mergedClassNames.arrow,\n }, styles: {\n root: { ...contextStyle, ...mergedStyles.root, ...overlayStyle },\n container: mergedStyles.container,\n arrow: mergedStyles.arrow,\n }, content: React.createElement(Overlay, { okType: okType, icon: icon, ...props, prefixCls: prefixCls, close: close, onConfirm: onConfirm, onCancel: onCancel, classNames: mergedClassNames, styles: mergedStyles }), \"data-popover-inject\": true }, children));\n});\nconst Popconfirm = InternalPopconfirm;\n// We don't care debug panel\n/* istanbul ignore next */\nPopconfirm._InternalPanelDoNotUseOrYouWillBeFired = PurePanel;\nif (process.env.NODE_ENV !== 'production') {\n Popconfirm.displayName = 'Popconfirm';\n}\nexport default Popconfirm;\n","import { useRef, useEffect } from 'react';\nexport const defaultProps = {\n percent: 0,\n prefixCls: 'rc-progress',\n strokeColor: '#2db7f5',\n strokeLinecap: 'round',\n strokeWidth: 1,\n railColor: '#D9D9D9',\n railWidth: 1,\n gapPosition: 'bottom',\n loading: false\n};\nexport const useTransitionDuration = () => {\n const pathsRef = useRef([]);\n const prevTimeStamp = useRef(null);\n useEffect(() => {\n const now = Date.now();\n let updated = false;\n pathsRef.current.forEach(path => {\n if (!path) {\n return;\n }\n updated = true;\n const pathStyle = path.style;\n pathStyle.transitionDuration = '.3s, .3s, .3s, .06s';\n if (prevTimeStamp.current && now - prevTimeStamp.current < 100) {\n pathStyle.transitionDuration = '0s, 0s';\n }\n });\n if (updated) {\n prevTimeStamp.current = Date.now();\n }\n });\n return pathsRef.current;\n};","import React from 'react';\nexport default (options => {\n const {\n id,\n percent,\n strokeLinecap,\n strokeWidth,\n loading\n } = options;\n if (!loading) {\n return {\n indeterminateStyleProps: {},\n indeterminateStyleAnimation: null\n };\n }\n const animationName = `${id}-indeterminate-animate`;\n const strokeDashOffset = 100 - (percent + (strokeLinecap === 'round' ? strokeWidth : 0));\n return {\n indeterminateStyleProps: {\n strokeDasharray: `${percent} 100`,\n animation: `${animationName} .6s linear alternate infinite`,\n strokeDashoffset: 0\n },\n indeterminateStyleAnimation: /*#__PURE__*/React.createElement(\"style\", null, `@keyframes ${animationName} {\n 0% { stroke-dashoffset: 0; }\n 100% { stroke-dashoffset: -${strokeDashOffset};\n }`)\n };\n});","function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from 'react';\nimport { clsx } from 'clsx';\nimport { useTransitionDuration, defaultProps } from \"./common\";\nimport getIndeterminateLine from \"./utils/getIndeterminateLine\";\nimport useId from \"@rc-component/util/es/hooks/useId\";\nconst Line = props => {\n const {\n id,\n className,\n percent,\n prefixCls,\n strokeColor,\n strokeLinecap,\n strokeWidth,\n style,\n railColor,\n railWidth,\n transition,\n loading,\n ...restProps\n } = {\n ...defaultProps,\n ...props\n };\n const mergedId = useId(id);\n\n // eslint-disable-next-line no-param-reassign\n delete restProps.gapPosition;\n const percentList = Array.isArray(percent) ? percent : [percent];\n const strokeColorList = Array.isArray(strokeColor) ? strokeColor : [strokeColor];\n const paths = useTransitionDuration();\n const center = strokeWidth / 2;\n const right = 100 - strokeWidth / 2;\n const pathString = `M ${strokeLinecap === 'round' ? center : 0},${center}\n L ${strokeLinecap === 'round' ? right : 100},${center}`;\n const viewBoxString = `0 0 100 ${strokeWidth}`;\n let stackPtg = 0;\n const {\n indeterminateStyleProps,\n indeterminateStyleAnimation\n } = getIndeterminateLine({\n id: mergedId,\n loading,\n percent: percentList[0],\n strokeLinecap,\n strokeWidth\n });\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n className: clsx(`${prefixCls}-line`, className),\n viewBox: viewBoxString,\n preserveAspectRatio: \"none\",\n style: style\n }, restProps), /*#__PURE__*/React.createElement(\"path\", {\n className: `${prefixCls}-line-rail`,\n d: pathString,\n strokeLinecap: strokeLinecap,\n stroke: railColor,\n strokeWidth: railWidth || strokeWidth,\n fillOpacity: \"0\"\n }), percentList.map((ptg, index) => {\n let dashPercent = 1;\n switch (strokeLinecap) {\n case 'round':\n dashPercent = 1 - strokeWidth / 100;\n break;\n case 'square':\n dashPercent = 1 - strokeWidth / 2 / 100;\n break;\n default:\n dashPercent = 1;\n break;\n }\n const pathStyle = {\n strokeDasharray: `${ptg * dashPercent}px, 100px`,\n strokeDashoffset: `-${stackPtg}px`,\n transition: transition || 'stroke-dashoffset 0.3s ease 0s, stroke-dasharray .3s ease 0s, stroke 0.3s linear',\n ...indeterminateStyleProps\n };\n const color = strokeColorList[index] || strokeColorList[strokeColorList.length - 1];\n stackPtg += ptg;\n return /*#__PURE__*/React.createElement(\"path\", {\n key: index,\n className: `${prefixCls}-line-path`,\n d: pathString,\n strokeLinecap: strokeLinecap,\n stroke: color,\n strokeWidth: strokeWidth,\n fillOpacity: \"0\",\n ref: elem => {\n // https://reactjs.org/docs/refs-and-the-dom.html#callback-refs\n // React will call the ref callback with the DOM element when the component mounts,\n // and call it with `null` when it unmounts.\n // Refs are guaranteed to be up-to-date before componentDidMount or componentDidUpdate fires.\n\n paths[index] = elem;\n },\n style: pathStyle\n });\n }), indeterminateStyleAnimation);\n};\nif (process.env.NODE_ENV !== 'production') {\n Line.displayName = 'Line';\n}\nexport default Line;","import * as React from 'react';\nimport { clsx } from 'clsx';\nconst Block = ({\n bg,\n children\n}) => /*#__PURE__*/React.createElement(\"div\", {\n style: {\n width: '100%',\n height: '100%',\n background: bg\n }\n}, children);\nfunction getPtgColors(color, scale) {\n return Object.keys(color).map(key => {\n const parsedKey = parseFloat(key);\n const ptgKey = `${Math.floor(parsedKey * scale)}%`;\n return `${color[key]} ${ptgKey}`;\n });\n}\nconst PtgCircle = /*#__PURE__*/React.forwardRef((props, ref) => {\n const {\n prefixCls,\n color,\n gradientId,\n radius,\n className,\n style: circleStyleForStack,\n ptg,\n strokeLinecap,\n strokeWidth,\n size,\n gapDegree\n } = props;\n const isGradient = color && typeof color === 'object';\n const stroke = isGradient ? `#FFF` : undefined;\n\n // ========================== Circle ==========================\n const halfSize = size / 2;\n const circleNode = /*#__PURE__*/React.createElement(\"circle\", {\n className: clsx(`${prefixCls}-circle-path`, className),\n r: radius,\n cx: halfSize,\n cy: halfSize,\n stroke: stroke,\n strokeLinecap: strokeLinecap,\n strokeWidth: strokeWidth,\n opacity: ptg === 0 ? 0 : 1,\n style: circleStyleForStack,\n ref: ref\n });\n\n // ========================== Render ==========================\n if (!isGradient) {\n return circleNode;\n }\n const maskId = `${gradientId}-conic`;\n const fromDeg = gapDegree ? `${180 + gapDegree / 2}deg` : '0deg';\n const conicColors = getPtgColors(color, (360 - gapDegree) / 360);\n const linearColors = getPtgColors(color, 1);\n const conicColorBg = `conic-gradient(from ${fromDeg}, ${conicColors.join(', ')})`;\n const linearColorBg = `linear-gradient(to ${gapDegree ? 'bottom' : 'top'}, ${linearColors.join(', ')})`;\n return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"mask\", {\n id: maskId\n }, circleNode), /*#__PURE__*/React.createElement(\"foreignObject\", {\n x: 0,\n y: 0,\n width: size,\n height: size,\n mask: `url(#${maskId})`\n }, /*#__PURE__*/React.createElement(Block, {\n bg: linearColorBg\n }, /*#__PURE__*/React.createElement(Block, {\n bg: conicColorBg\n }))));\n});\nif (process.env.NODE_ENV !== 'production') {\n PtgCircle.displayName = 'PtgCircle';\n}\nexport default PtgCircle;","export const VIEW_BOX_SIZE = 100;\nexport const getCircleStyle = (perimeter, perimeterWithoutGap, offset, percent, rotateDeg, gapDegree, gapPosition, strokeColor, strokeLinecap, strokeWidth, stepSpace = 0) => {\n const offsetDeg = offset / 100 * 360 * ((360 - gapDegree) / 360);\n const positionDeg = gapDegree === 0 ? 0 : {\n bottom: 0,\n top: 180,\n left: 90,\n right: -90\n }[gapPosition];\n let strokeDashoffset = (100 - percent) / 100 * perimeterWithoutGap;\n // Fix percent accuracy when strokeLinecap is round\n // https://github.com/ant-design/ant-design/issues/35009\n if (strokeLinecap === 'round' && percent !== 100) {\n strokeDashoffset += strokeWidth / 2;\n // when percent is small enough (<= 1%), keep smallest value to avoid it's disappearance\n if (strokeDashoffset >= perimeterWithoutGap) {\n strokeDashoffset = perimeterWithoutGap - 0.01;\n }\n }\n const halfSize = VIEW_BOX_SIZE / 2;\n return {\n stroke: typeof strokeColor === 'string' ? strokeColor : undefined,\n strokeDasharray: `${perimeterWithoutGap}px ${perimeter}`,\n strokeDashoffset: strokeDashoffset + stepSpace,\n transform: `rotate(${rotateDeg + offsetDeg + positionDeg}deg)`,\n transformOrigin: `${halfSize}px ${halfSize}px`,\n transition: 'stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s',\n fillOpacity: 0\n };\n};","import React from 'react';\nexport default (({\n id,\n loading\n}) => {\n if (!loading) {\n return {\n indeterminateStyleProps: {},\n indeterminateStyleAnimation: null\n };\n }\n const animationName = `${id}-indeterminate-animate`;\n return {\n indeterminateStyleProps: {\n transform: 'rotate(0deg)',\n animation: `${animationName} 1s linear infinite`\n },\n indeterminateStyleAnimation: /*#__PURE__*/React.createElement(\"style\", null, `@keyframes ${animationName} {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }`)\n };\n});","function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from 'react';\nimport { clsx } from 'clsx';\nimport { defaultProps, useTransitionDuration } from \"../common\";\nimport useId from \"@rc-component/util/es/hooks/useId\";\nimport PtgCircle from \"./PtgCircle\";\nimport { VIEW_BOX_SIZE, getCircleStyle } from \"./util\";\nimport getIndeterminateCircle from \"../utils/getIndeterminateCircle\";\nfunction toArray(value) {\n const mergedValue = value ?? [];\n return Array.isArray(mergedValue) ? mergedValue : [mergedValue];\n}\nconst Circle = props => {\n const {\n id,\n prefixCls,\n classNames = {},\n styles = {},\n steps,\n strokeWidth,\n railWidth,\n gapDegree = 0,\n gapPosition,\n railColor,\n strokeLinecap,\n style,\n className,\n strokeColor,\n percent,\n loading,\n ...restProps\n } = {\n ...defaultProps,\n ...props\n };\n const halfSize = VIEW_BOX_SIZE / 2;\n const mergedId = useId(id);\n const gradientId = `${mergedId}-gradient`;\n const radius = halfSize - strokeWidth / 2;\n const perimeter = Math.PI * 2 * radius;\n const rotateDeg = gapDegree > 0 ? 90 + gapDegree / 2 : -90;\n const perimeterWithoutGap = perimeter * ((360 - gapDegree) / 360);\n const {\n count: stepCount,\n gap: stepGap\n } = typeof steps === 'object' ? steps : {\n count: steps,\n gap: 2\n };\n const percentList = toArray(percent);\n const strokeColorList = toArray(strokeColor);\n const gradient = strokeColorList.find(color => color && typeof color === 'object');\n const isConicGradient = gradient && typeof gradient === 'object';\n const mergedStrokeLinecap = isConicGradient ? 'butt' : strokeLinecap;\n const {\n indeterminateStyleProps,\n indeterminateStyleAnimation\n } = getIndeterminateCircle({\n id: mergedId,\n loading\n });\n const circleStyle = getCircleStyle(perimeter, perimeterWithoutGap, 0, 100, rotateDeg, gapDegree, gapPosition, railColor, mergedStrokeLinecap, strokeWidth);\n const paths = useTransitionDuration();\n const getStokeList = () => {\n let stackPtg = 0;\n return percentList.map((ptg, index) => {\n const color = strokeColorList[index] || strokeColorList[strokeColorList.length - 1];\n const circleStyleForStack = getCircleStyle(perimeter, perimeterWithoutGap, stackPtg, ptg, rotateDeg, gapDegree, gapPosition, color, mergedStrokeLinecap, strokeWidth);\n stackPtg += ptg;\n return /*#__PURE__*/React.createElement(PtgCircle, {\n key: index,\n color: color,\n ptg: ptg,\n radius: radius,\n prefixCls: prefixCls,\n gradientId: gradientId,\n className: classNames.track,\n style: {\n ...circleStyleForStack,\n ...indeterminateStyleProps,\n ...styles.track\n },\n strokeLinecap: mergedStrokeLinecap,\n strokeWidth: strokeWidth,\n gapDegree: gapDegree,\n ref: elem => {\n // https://reactjs.org/docs/refs-and-the-dom.html#callback-refs\n // React will call the ref callback with the DOM element when the component mounts,\n // and call it with `null` when it unmounts.\n // Refs are guaranteed to be up-to-date before componentDidMount or componentDidUpdate fires.\n\n paths[index] = elem;\n },\n size: VIEW_BOX_SIZE\n });\n }).reverse();\n };\n const getStepStokeList = () => {\n // only show the first percent when pass steps\n const current = Math.round(stepCount * (percentList[0] / 100));\n const stepPtg = 100 / stepCount;\n let stackPtg = 0;\n return new Array(stepCount).fill(null).map((_, index) => {\n const color = index <= current - 1 ? strokeColorList[0] : railColor;\n const stroke = color && typeof color === 'object' ? `url(#${gradientId})` : undefined;\n const circleStyleForStack = getCircleStyle(perimeter, perimeterWithoutGap, stackPtg, stepPtg, rotateDeg, gapDegree, gapPosition, color, 'butt', strokeWidth, stepGap);\n stackPtg += (perimeterWithoutGap - circleStyleForStack.strokeDashoffset + stepGap) * 100 / perimeterWithoutGap;\n return /*#__PURE__*/React.createElement(\"circle\", {\n key: index,\n className: clsx(`${prefixCls}-circle-path`, classNames.track),\n r: radius,\n cx: halfSize,\n cy: halfSize,\n stroke: stroke,\n strokeWidth: strokeWidth,\n opacity: 1,\n style: {\n ...circleStyleForStack,\n ...styles.track\n },\n ref: elem => {\n paths[index] = elem;\n }\n });\n });\n };\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n className: clsx(`${prefixCls}-circle`, classNames.root, className),\n viewBox: `0 0 ${VIEW_BOX_SIZE} ${VIEW_BOX_SIZE}`,\n style: {\n ...styles.root,\n ...style\n },\n id: id,\n role: \"presentation\"\n }, restProps), !stepCount && /*#__PURE__*/React.createElement(\"circle\", {\n className: clsx(`${prefixCls}-circle-rail`, classNames.rail),\n r: radius,\n cx: halfSize,\n cy: halfSize,\n stroke: railColor,\n strokeLinecap: mergedStrokeLinecap,\n strokeWidth: railWidth || strokeWidth,\n style: {\n ...circleStyle,\n ...styles.rail\n }\n }), stepCount ? getStepStokeList() : getStokeList(), indeterminateStyleAnimation);\n};\nif (process.env.NODE_ENV !== 'production') {\n Circle.displayName = 'Circle';\n}\nexport default Circle;","import Line from \"./Line\";\nimport Circle from \"./Circle\";\nexport { Line, Circle };","import { presetPrimaryColors } from '@ant-design/colors';\nimport { isNumber } from '../_util/is';\nexport function validProgress(progress) {\n if (!progress || progress < 0) {\n return 0;\n }\n if (progress > 100) {\n return 100;\n }\n return progress;\n}\nexport function getSuccessPercent({ success }) {\n let percent;\n if (success && 'percent' in success) {\n percent = success.percent;\n }\n return percent;\n}\nexport const getPercentage = ({ percent, success }) => {\n const realSuccessPercent = validProgress(getSuccessPercent({ success }));\n return [realSuccessPercent, validProgress(validProgress(percent) - realSuccessPercent)];\n};\nexport const getStrokeColor = ({ success = {}, strokeColor, }) => {\n const { strokeColor: successColor } = success;\n return [successColor || presetPrimaryColors.green, strokeColor || null];\n};\nexport const getSize = (size, type, extra) => {\n let width = -1;\n let height = -1;\n if (type === 'step') {\n const steps = extra.steps;\n const strokeWidth = extra.strokeWidth;\n if (typeof size === 'string' || typeof size === 'undefined') {\n width = size === 'small' ? 2 : 14;\n height = strokeWidth ?? 8;\n }\n else if (isNumber(size)) {\n [width, height] = [size, size];\n }\n else {\n [width = 14, height = 8] = (Array.isArray(size) ? size : [size.width, size.height]);\n }\n width *= steps;\n }\n else if (type === 'line') {\n const strokeWidth = extra?.strokeWidth;\n if (typeof size === 'string' || typeof size === 'undefined') {\n height = strokeWidth || (size === 'small' ? 6 : 8);\n }\n else if (isNumber(size)) {\n [width, height] = [size, size];\n }\n else {\n [width = -1, height = 8] = (Array.isArray(size) ? size : [size.width, size.height]);\n }\n }\n else if (type === 'circle' || type === 'dashboard') {\n if (typeof size === 'string' || typeof size === 'undefined') {\n [width, height] = size === 'small' ? [60, 60] : [120, 120];\n }\n else if (isNumber(size)) {\n [width, height] = [size, size];\n }\n else if (Array.isArray(size)) {\n width = (size[0] ?? size[1] ?? 120);\n height = (size[0] ?? size[1] ?? 120);\n }\n }\n return [width, height];\n};\n","import * as React from 'react';\nimport { Circle as RCCircle } from '@rc-component/progress';\nimport { omit } from '@rc-component/util';\nimport { clsx } from 'clsx';\nimport { isPlainObject } from '../_util/is';\nimport { useComponentConfig } from '../config-provider/context';\nimport Tooltip from '../tooltip';\nimport { getPercentage, getSize, getStrokeColor } from './utils';\nconst CIRCLE_MIN_STROKE_WIDTH = 3;\nconst getMinPercent = (width) => (CIRCLE_MIN_STROKE_WIDTH / width) * 100;\nconst OMIT_SEMANTIC_NAMES = ['root', 'body', 'indicator'];\nconst Circle = (props) => {\n const { prefixCls, classNames, styles, railColor, trailColor, strokeLinecap = 'round', gapPosition, gapPlacement, gapDegree, width: originWidth = 120, type, children, success, size = originWidth, steps, } = props;\n const { direction } = useComponentConfig('progress');\n const mergedRailColor = railColor ?? trailColor;\n const [width, height] = getSize(size, 'circle');\n let { strokeWidth } = props;\n if (strokeWidth === undefined) {\n strokeWidth = Math.max(getMinPercent(width), 6);\n }\n const circleStyle = { width, height, fontSize: width * 0.15 + 6 };\n const realGapDegree = React.useMemo(() => {\n // Support gapDeg = 0 when type = 'dashboard'\n if (gapDegree || gapDegree === 0) {\n return gapDegree;\n }\n if (type === 'dashboard') {\n return 75;\n }\n return undefined;\n }, [gapDegree, type]);\n const percentArray = getPercentage(props);\n const gapPos = React.useMemo(() => {\n const mergedPlacement = (gapPlacement ?? gapPosition) || (type === 'dashboard' && 'bottom') || undefined;\n const isRTL = direction === 'rtl';\n switch (mergedPlacement) {\n case 'start':\n return isRTL ? 'right' : 'left';\n case 'end':\n return isRTL ? 'left' : 'right';\n default:\n return mergedPlacement;\n }\n }, [direction, gapPlacement, gapPosition, type]);\n // using className to style stroke color\n const isGradient = isPlainObject(props.strokeColor);\n const strokeColor = getStrokeColor({ success, strokeColor: props.strokeColor });\n const wrapperClassName = clsx(`${prefixCls}-body`, { [`${prefixCls}-circle-gradient`]: isGradient }, classNames.body);\n const circleContent = (React.createElement(RCCircle, { steps: steps, percent: steps ? percentArray[1] : percentArray, strokeWidth: strokeWidth, railWidth: strokeWidth, strokeColor: steps ? strokeColor[1] : strokeColor, strokeLinecap: strokeLinecap, railColor: mergedRailColor, prefixCls: prefixCls, gapDegree: realGapDegree, gapPosition: gapPos, classNames: omit(classNames, OMIT_SEMANTIC_NAMES), styles: omit(styles, OMIT_SEMANTIC_NAMES) }));\n const smallCircle = width <= 20;\n const node = (React.createElement(\"div\", { className: wrapperClassName, style: { ...circleStyle, ...styles.body } },\n circleContent,\n !smallCircle && children));\n if (smallCircle) {\n return React.createElement(Tooltip, { title: children }, node);\n }\n return node;\n};\nexport default Circle;\n","import * as React from 'react';\nimport { presetPrimaryColors } from '@ant-design/colors';\nimport { clsx } from 'clsx';\nimport { devUseWarning } from '../_util/warning';\nimport { LineStrokeColorVar } from './style';\nimport { getSize, getSuccessPercent, validProgress } from './utils';\n/**\n * @example\n * {\n * \"0%\": \"#afc163\",\n * \"75%\": \"#009900\",\n * \"50%\": \"green\", // ====> '#afc163 0%, #66FF00 25%, #00CC00 50%, #009900 75%, #ffffff 100%'\n * \"25%\": \"#66FF00\",\n * \"100%\": \"#ffffff\"\n * }\n */\nexport const sortGradient = (gradients) => {\n let tempArr = [];\n Object.keys(gradients).forEach((key) => {\n const formattedKey = Number.parseFloat(key.replace(/%/g, ''));\n if (!Number.isNaN(formattedKey)) {\n tempArr.push({ key: formattedKey, value: gradients[key] });\n }\n });\n tempArr = tempArr.sort((a, b) => a.key - b.key);\n return tempArr.map(({ key, value }) => `${value} ${key}%`).join(', ');\n};\n/**\n * Then this man came to realize the truth: Besides six pence, there is the moon. Besides bread and\n * butter, there is the bug. And... Besides women, there is the code.\n *\n * @example\n * {\n * \"0%\": \"#afc163\",\n * \"25%\": \"#66FF00\",\n * \"50%\": \"#00CC00\", // ====> linear-gradient(to right, #afc163 0%, #66FF00 25%,\n * \"75%\": \"#009900\", // #00CC00 50%, #009900 75%, #ffffff 100%)\n * \"100%\": \"#ffffff\"\n * }\n */\nexport const handleGradient = (strokeColor, directionConfig) => {\n const { from = presetPrimaryColors.blue, to = presetPrimaryColors.blue, direction = directionConfig === 'rtl' ? 'to left' : 'to right', ...rest } = strokeColor;\n if (Object.keys(rest).length !== 0) {\n const sortedGradients = sortGradient(rest);\n const background = `linear-gradient(${direction}, ${sortedGradients})`;\n return { background, [LineStrokeColorVar]: background };\n }\n const background = `linear-gradient(${direction}, ${from}, ${to})`;\n return { background, [LineStrokeColorVar]: background };\n};\nconst Line = (props) => {\n const { prefixCls, classNames, styles, direction: directionConfig, percent, size, strokeWidth, strokeColor, strokeLinecap = 'round', children, railColor, trailColor, percentPosition, success, } = props;\n const { align: infoAlign, type: infoPosition } = percentPosition;\n const mergedRailColor = railColor ?? trailColor;\n const borderRadius = strokeLinecap === 'square' || strokeLinecap === 'butt' ? 0 : undefined;\n if (process.env.NODE_ENV !== 'production') {\n const warning = devUseWarning('Progress');\n warning.deprecated(!('strokeWidth' in props), 'strokeWidth', 'size');\n }\n // ========================= Size =========================\n const mergedSize = size ?? [-1, strokeWidth || (size === 'small' ? 6 : 8)];\n const [width, height] = getSize(mergedSize, 'line', { strokeWidth });\n // ========================= Rail =========================\n const railStyle = {\n backgroundColor: mergedRailColor || undefined,\n borderRadius,\n height,\n };\n // ======================== Tracks ========================\n const trackCls = `${prefixCls}-track`;\n const backgroundProps = strokeColor && typeof strokeColor !== 'string'\n ? handleGradient(strokeColor, directionConfig)\n : { [LineStrokeColorVar]: strokeColor, background: strokeColor };\n const percentTrackStyle = {\n width: `${validProgress(percent)}%`,\n height,\n borderRadius,\n ...backgroundProps,\n };\n const successPercent = getSuccessPercent(props);\n const successTrackStyle = {\n width: `${validProgress(successPercent)}%`,\n height,\n borderRadius,\n backgroundColor: success?.strokeColor,\n };\n // ======================== Render ========================\n return (React.createElement(\"div\", { className: clsx(`${prefixCls}-body`, classNames.body, {\n [`${prefixCls}-body-layout-bottom`]: infoAlign === 'center' && infoPosition === 'outer',\n }), style: { width: width > 0 ? width : '100%', ...styles.body } },\n React.createElement(\"div\", { className: clsx(`${prefixCls}-rail`, classNames.rail), style: { ...railStyle, ...styles.rail } },\n React.createElement(\"div\", { className: clsx(trackCls, classNames.track), style: {\n ...percentTrackStyle,\n ...styles.track,\n } }, infoPosition === 'inner' && children),\n successPercent !== undefined && (React.createElement(\"div\", { className: clsx(trackCls, `${trackCls}-success`, classNames.track), style: {\n ...successTrackStyle,\n ...styles.track,\n } }))),\n infoPosition === 'outer' && children));\n};\nexport default Line;\n","import * as React from 'react';\nimport { clsx } from 'clsx';\nimport { getSize } from './utils';\nconst Steps = (props) => {\n const { classNames, styles, size, steps, rounding: customRounding = Math.round, percent = 0, strokeWidth = 8, strokeColor, railColor, trailColor, prefixCls, children, } = props;\n const current = customRounding(steps * (percent / 100));\n const stepWidth = size === 'small' ? 2 : 14;\n const mergedSize = size ?? [stepWidth, strokeWidth];\n const [width, height] = getSize(mergedSize, 'step', { steps, strokeWidth });\n const unitWidth = width / steps;\n const styledSteps = Array.from({ length: steps });\n const mergedRailColor = railColor ?? trailColor;\n for (let i = 0; i < steps; i++) {\n const color = Array.isArray(strokeColor) ? strokeColor[i] : strokeColor;\n styledSteps[i] = (React.createElement(\"div\", { key: i, className: clsx(`${prefixCls}-steps-item`, { [`${prefixCls}-steps-item-active`]: i <= current - 1 }, classNames.track), style: {\n backgroundColor: i <= current - 1 ? color : mergedRailColor,\n width: unitWidth,\n height,\n ...styles.track,\n } }));\n }\n return (React.createElement(\"div\", { className: clsx(`${prefixCls}-steps-body`, classNames.body), style: styles.body },\n styledSteps,\n children));\n};\nexport default Steps;\n","import * as React from 'react';\nimport { FastColor } from '@ant-design/fast-color';\nimport CheckCircleFilled from '@ant-design/icons/CheckCircleFilled';\nimport CheckOutlined from '@ant-design/icons/CheckOutlined';\nimport CloseCircleFilled from '@ant-design/icons/CloseCircleFilled';\nimport CloseOutlined from '@ant-design/icons/CloseOutlined';\nimport { omit } from '@rc-component/util';\nimport { clsx } from 'clsx';\nimport { useMergeSemantic, useSemanticRootStyle } from '../_util/hooks/useMergeSemantic';\nimport { isPlainObject } from '../_util/is';\nimport { devUseWarning } from '../_util/warning';\nimport { useComponentConfig } from '../config-provider/context';\nimport Circle from './Circle';\nimport Line from './Line';\nimport Steps from './Steps';\nimport useStyle from './style';\nimport { getSize, getSuccessPercent, validProgress } from './utils';\nexport const ProgressTypes = ['line', 'circle', 'dashboard'];\nconst ProgressStatuses = ['normal', 'exception', 'active', 'success'];\nconst Progress = React.forwardRef((props, ref) => {\n const { prefixCls: customizePrefixCls, className, rootClassName, classNames, styles, steps, strokeColor, percent = 0, size = 'medium', showInfo = true, type = 'line', status, format, style, percentPosition = {}, ...restProps } = props;\n // ========================= MISC =========================\n const { align: infoAlign = 'end', type: infoPosition = 'outer' } = percentPosition;\n const strokeColorNotArray = Array.isArray(strokeColor) ? strokeColor[0] : strokeColor;\n const strokeColorNotGradient = typeof strokeColor === 'string' || Array.isArray(strokeColor) ? strokeColor : undefined;\n const strokeColorIsBright = React.useMemo(() => {\n if (strokeColorNotArray) {\n const color = typeof strokeColorNotArray === 'string'\n ? strokeColorNotArray\n : Object.values(strokeColorNotArray)[0];\n return new FastColor(color).isLight();\n }\n return false;\n }, [strokeColor]);\n const percentNumber = React.useMemo(() => {\n const successPercent = getSuccessPercent(props);\n return Number.parseInt(successPercent !== undefined ? (successPercent ?? 0)?.toString() : (percent ?? 0)?.toString(), 10);\n }, [percent, props.success]);\n const progressStatus = React.useMemo(() => {\n if (!ProgressStatuses.includes(status) && percentNumber >= 100) {\n return 'success';\n }\n return status || 'normal';\n }, [status, percentNumber]);\n // ======================= Context ========================\n const { getPrefixCls, direction, className: contextClassName, style: contextStyle, classNames: contextClassNames, styles: contextStyles, } = useComponentConfig('progress');\n const prefixCls = getPrefixCls('progress', customizePrefixCls);\n const [hashId, cssVarCls] = useStyle(prefixCls);\n const mergedProps = {\n ...props,\n percent,\n type,\n size,\n showInfo,\n percentPosition,\n };\n // ======================== Styles ========================\n const contextStyleRoot = useSemanticRootStyle(contextStyle);\n const styleRoot = useSemanticRootStyle(style);\n const [mergedClassNames, mergedStyles] = useMergeSemantic([contextClassNames, classNames], [contextStyles, contextStyleRoot, styles, styleRoot], {\n props: mergedProps,\n });\n // ========================= Info =========================\n const isLineType = type === 'line';\n const isPureLineType = isLineType && !steps;\n const progressInfo = React.useMemo(() => {\n if (!showInfo) {\n return null;\n }\n const successPercent = getSuccessPercent(props);\n let text;\n const textFormatter = format || ((number) => `${number}%`);\n const isBrightInnerColor = isLineType && strokeColorIsBright && infoPosition === 'inner';\n if (infoPosition === 'inner' ||\n format ||\n (progressStatus !== 'exception' && progressStatus !== 'success')) {\n text = textFormatter(validProgress(percent), validProgress(successPercent));\n }\n else if (progressStatus === 'exception') {\n text = isLineType ? React.createElement(CloseCircleFilled, null) : React.createElement(CloseOutlined, null);\n }\n else if (progressStatus === 'success') {\n text = isLineType ? React.createElement(CheckCircleFilled, null) : React.createElement(CheckOutlined, null);\n }\n return (React.createElement(\"span\", { className: clsx(`${prefixCls}-indicator`, {\n [`${prefixCls}-indicator-bright`]: isBrightInnerColor,\n [`${prefixCls}-indicator-${infoAlign}`]: isPureLineType,\n [`${prefixCls}-indicator-${infoPosition}`]: isPureLineType,\n }, mergedClassNames.indicator), style: mergedStyles.indicator, title: typeof text === 'string' ? text : undefined }, text));\n }, [\n showInfo,\n percent,\n percentNumber,\n progressStatus,\n type,\n prefixCls,\n format,\n isLineType,\n strokeColorIsBright,\n infoPosition,\n infoAlign,\n isPureLineType,\n mergedClassNames.indicator,\n mergedStyles.indicator,\n ]);\n if (process.env.NODE_ENV !== 'production') {\n const warning = devUseWarning('Progress');\n [\n ['width', 'size'],\n ['trailColor', 'railColor'],\n ['gapPosition', 'gapPlacement'],\n ].forEach(([deprecatedName, newName]) => {\n warning.deprecated(!(deprecatedName in props), deprecatedName, newName);\n });\n if (type === 'circle' || type === 'dashboard') {\n if (Array.isArray(size)) {\n warning(false, 'usage', 'Type \"circle\" and \"dashboard\" do not accept array as `size`, please use number or preset size instead.');\n }\n else if (isPlainObject(size)) {\n warning(false, 'usage', 'Type \"circle\" and \"dashboard\" do not accept object as `size`, please use number or preset size instead.');\n }\n }\n warning.deprecated(size !== 'default', 'size=\"default\"', 'size=\"medium\"');\n }\n // ======================== Render ========================\n const sharedProps = {\n ...props,\n classNames: mergedClassNames,\n styles: mergedStyles,\n };\n let progress;\n // Render progress shape\n if (type === 'line') {\n progress = steps ? (React.createElement(Steps, { ...sharedProps, strokeColor: strokeColorNotGradient, prefixCls: prefixCls, steps: isPlainObject(steps) ? steps.count : steps }, progressInfo)) : (React.createElement(Line, { ...sharedProps, strokeColor: strokeColorNotArray, prefixCls: prefixCls, direction: direction, percentPosition: {\n align: infoAlign,\n type: infoPosition,\n } }, progressInfo));\n }\n else if (type === 'circle' || type === 'dashboard') {\n progress = (React.createElement(Circle, { ...sharedProps, strokeColor: strokeColorNotArray, prefixCls: prefixCls, progressStatus: progressStatus }, progressInfo));\n }\n const classString = clsx(prefixCls, `${prefixCls}-status-${progressStatus}`, {\n [`${prefixCls}-${(type === 'dashboard' && 'circle') || type}`]: type !== 'line',\n [`${prefixCls}-inline-circle`]: type === 'circle' && getSize(size, 'circle')[0] <= 20,\n [`${prefixCls}-line`]: isPureLineType,\n [`${prefixCls}-line-align-${infoAlign}`]: isPureLineType,\n [`${prefixCls}-line-position-${infoPosition}`]: isPureLineType,\n [`${prefixCls}-steps`]: steps,\n [`${prefixCls}-show-info`]: showInfo,\n [`${prefixCls}-small`]: size === 'small',\n [`${prefixCls}-rtl`]: direction === 'rtl',\n }, contextClassName, className, rootClassName, mergedClassNames.root, hashId, cssVarCls);\n return (React.createElement(\"div\", { ref: ref, style: mergedStyles.root, className: classString, role: \"progressbar\", \"aria-valuenow\": percentNumber, \"aria-valuemin\": 0, \"aria-valuemax\": 100, ...omit(restProps, [\n 'railColor',\n 'trailColor',\n 'strokeWidth',\n 'width',\n 'gapDegree',\n 'gapPosition',\n 'gapPlacement',\n 'strokeLinecap',\n 'success',\n ]) }, progress));\n});\nif (process.env.NODE_ENV !== 'production') {\n Progress.displayName = 'Progress';\n}\nexport default Progress;\n","import Progress from './progress';\nexport default Progress;\n","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\n// Copyright (c) Project Nayuki. (MIT License)\n// https://www.nayuki.io/page/qr-code-generator-library\n\n// Modification with code reorder and prettier\n\n// --------------------------------------------\n\n// Appends the given number of low-order bits of the given value\n// to the given buffer. Requires 0 <= len <= 31 and 0 <= val < 2^len.\nfunction appendBits(val, len, bb) {\n if (len < 0 || len > 31 || val >>> len != 0) {\n throw new RangeError('Value out of range');\n }\n for (let i = len - 1; i >= 0; i-- // Append bit by bit\n ) {\n bb.push(val >>> i & 1);\n }\n}\n\n// Returns true iff the i'th bit of x is set to 1.\nfunction getBit(x, i) {\n return (x >>> i & 1) != 0;\n}\n\n// Throws an exception if the given condition is false.\nfunction assert(cond) {\n if (!cond) {\n throw new Error('Assertion error');\n }\n}\n\n/*---- Public helper enumeration ----*/\n/*\n * Describes how a segment's data bits are numbererpreted. Immutable.\n */\nexport class Mode {\n /*-- Constants --*/\n static #_ = (() => {\n _defineProperty(this, \"NUMERIC\", new Mode(0x1, [10, 12, 14]));\n _defineProperty(this, \"ALPHANUMERIC\", new Mode(0x2, [9, 11, 13]));\n _defineProperty(this, \"BYTE\", new Mode(0x4, [8, 16, 16]));\n _defineProperty(this, \"KANJI\", new Mode(0x8, [8, 10, 12]));\n _defineProperty(this, \"ECI\", new Mode(0x7, [0, 0, 0]));\n })();\n /*-- Constructor and fields --*/\n\n // The mode indicator bits, which is a unumber4 value (range 0 to 15).\n modeBits;\n // Number of character count bits for three different version ranges.\n numBitsCharCount;\n constructor(modeBits, numBitsCharCount) {\n this.modeBits = modeBits;\n this.numBitsCharCount = numBitsCharCount;\n }\n\n /*-- Method --*/\n\n // (Package-private) Returns the bit width of the character count field for a segment in\n // this mode in a QR Code at the given version number. The result is in the range [0, 16].\n numCharCountBits(ver) {\n return this.numBitsCharCount[Math.floor((ver + 7) / 17)];\n }\n}\n\n/*---- Public helper enumeration ----*/\n\n/*\n * The error correction level in a QR Code symbol. Immutable.\n */\nexport class Ecc {\n /*-- Constants --*/\n static #_ = (() => {\n _defineProperty(this, \"LOW\", new Ecc(0, 1));\n _defineProperty(this, \"MEDIUM\", new Ecc(1, 0));\n _defineProperty(this, \"QUARTILE\", new Ecc(2, 3));\n _defineProperty(this, \"HIGH\", new Ecc(3, 2));\n })(); // The QR Code can tolerate about 7% erroneous codewords\n // The QR Code can tolerate about 15% erroneous codewords\n // The QR Code can tolerate about 25% erroneous codewords\n // The QR Code can tolerate about 30% erroneous codewords\n\n /*-- Constructor and fields --*/\n // In the range 0 to 3 (unsigned 2-bit numbereger).\n ordinal;\n // (Package-private) In the range 0 to 3 (unsigned 2-bit numbereger).\n formatBits;\n constructor(ordinal, formatBits) {\n this.ordinal = ordinal;\n this.formatBits = formatBits;\n }\n}\n\n/*\n * A segment of character/binary/control data in a QR Code symbol.\n * Instances of this class are immutable.\n * The mid-level way to create a segment is to take the payload data\n * and call a static factory function such as QrSegment.makeNumeric().\n * The low-level way to create a segment is to custom-make the bit buffer\n * and call the QrSegment() constructor with appropriate values.\n * This segment class imposes no length restrictions, but QR Codes have restrictions.\n * Even in the most favorable conditions, a QR Code can only hold 7089 characters of data.\n * Any segment longer than this is meaningless for the purpose of generating QR Codes.\n */\nexport class QrSegment {\n /*-- Static factory functions (mid level) --*/\n\n // Returns a segment representing the given binary data encoded in\n // byte mode. All input byte arrays are acceptable. Any text string\n // can be converted to UTF-8 bytes and encoded as a byte mode segment.\n static makeBytes(data) {\n const bb = [];\n for (const b of data) {\n appendBits(b, 8, bb);\n }\n return new QrSegment(Mode.BYTE, data.length, bb);\n }\n\n // Returns a segment representing the given string of decimal digits encoded in numeric mode.\n static makeNumeric(digits) {\n if (!QrSegment.isNumeric(digits)) {\n throw new RangeError('String contains non-numeric characters');\n }\n const bb = [];\n for (let i = 0; i < digits.length;) {\n // Consume up to 3 digits per iteration\n const n = Math.min(digits.length - i, 3);\n appendBits(parseInt(digits.substring(i, i + n), 10), n * 3 + 1, bb);\n i += n;\n }\n return new QrSegment(Mode.NUMERIC, digits.length, bb);\n }\n\n // Returns a segment representing the given text string encoded in alphanumeric mode.\n // The characters allowed are: 0 to 9, A to Z (uppercase only), space,\n // dollar, percent, asterisk, plus, hyphen, period, slash, colon.\n static makeAlphanumeric(text) {\n if (!QrSegment.isAlphanumeric(text)) {\n throw new RangeError('String contains unencodable characters in alphanumeric mode');\n }\n const bb = [];\n let i;\n for (i = 0; i + 2 <= text.length; i += 2) {\n // Process groups of 2\n let temp = QrSegment.ALPHANUMERIC_CHARSET.indexOf(text.charAt(i)) * 45;\n temp += QrSegment.ALPHANUMERIC_CHARSET.indexOf(text.charAt(i + 1));\n appendBits(temp, 11, bb);\n }\n if (i < text.length) {\n // 1 character remaining\n appendBits(QrSegment.ALPHANUMERIC_CHARSET.indexOf(text.charAt(i)), 6, bb);\n }\n return new QrSegment(Mode.ALPHANUMERIC, text.length, bb);\n }\n\n // Returns a new mutable list of zero or more segments to represent the given Unicode text string.\n // The result may use various segment modes and switch modes to optimize the length of the bit stream.\n static makeSegments(text) {\n // Select the most efficient segment encoding automatically\n if (text == '') {\n return [];\n } else if (QrSegment.isNumeric(text)) {\n return [QrSegment.makeNumeric(text)];\n } else if (QrSegment.isAlphanumeric(text)) {\n return [QrSegment.makeAlphanumeric(text)];\n } else {\n return [QrSegment.makeBytes(QrSegment.toUtf8ByteArray(text))];\n }\n }\n\n // Returns a segment representing an Extended Channel Interpretation\n // (ECI) designator with the given assignment value.\n static makeEci(assignVal) {\n const bb = [];\n if (assignVal < 0) {\n throw new RangeError('ECI assignment value out of range');\n } else if (assignVal < 1 << 7) {\n appendBits(assignVal, 8, bb);\n } else if (assignVal < 1 << 14) {\n appendBits(0b10, 2, bb);\n appendBits(assignVal, 14, bb);\n } else if (assignVal < 1000000) {\n appendBits(0b110, 3, bb);\n appendBits(assignVal, 21, bb);\n } else {\n throw new RangeError('ECI assignment value out of range');\n }\n return new QrSegment(Mode.ECI, 0, bb);\n }\n\n // Tests whether the given string can be encoded as a segment in numeric mode.\n // A string is encodable iff each character is in the range 0 to 9.\n static isNumeric(text) {\n return QrSegment.NUMERIC_REGEX.test(text);\n }\n\n // Tests whether the given string can be encoded as a segment in alphanumeric mode.\n // A string is encodable iff each character is in the following set: 0 to 9, A to Z\n // (uppercase only), space, dollar, percent, asterisk, plus, hyphen, period, slash, colon.\n static isAlphanumeric(text) {\n return QrSegment.ALPHANUMERIC_REGEX.test(text);\n }\n\n /*-- Constructor (low level) and fields --*/\n // The mode indicator of this segment.\n mode;\n\n // The length of this segment's unencoded data. Measured in characters for\n // numeric/alphanumeric/kanji mode, bytes for byte mode, and 0 for ECI mode.\n // Always zero or positive. Not the same as the data's bit length.\n numChars;\n\n // The data bits of this segment. Accessed through getData().\n bitData;\n\n // Creates a new QR Code segment with the given attributes and data.\n // The character count (numChars) must agree with the mode and the bit buffer length,\n // but the constranumber isn't checked. The given bit buffer is cloned and stored.\n constructor(mode, numChars, bitData) {\n this.mode = mode;\n this.numChars = numChars;\n this.bitData = bitData;\n if (numChars < 0) {\n throw new RangeError('Invalid argument');\n }\n this.bitData = bitData.slice(); // Make defensive copy\n }\n\n /*-- Methods --*/\n\n // Returns a new copy of the data bits of this segment.\n getData() {\n return this.bitData.slice(); // Make defensive copy\n }\n\n // (Package-private) Calculates and returns the number of bits needed to encode the given segments at\n // the given version. The result is infinity if a segment has too many characters to fit its length field.\n static getTotalBits(segs, version) {\n let result = 0;\n for (const seg of segs) {\n const ccbits = seg.mode.numCharCountBits(version);\n if (seg.numChars >= 1 << ccbits) {\n return Infinity; // The segment's length doesn't fit the field's bit width\n }\n result += 4 + ccbits + seg.bitData.length;\n }\n return result;\n }\n\n // Returns a new array of bytes representing the given string encoded in UTF-8.\n static toUtf8ByteArray(input) {\n const str = encodeURI(input);\n const result = [];\n for (let i = 0; i < str.length; i++) {\n if (str.charAt(i) != '%') {\n result.push(str.charCodeAt(i));\n } else {\n result.push(parseInt(str.substring(i + 1, i + 3), 16));\n i += 2;\n }\n }\n return result;\n }\n\n /*-- Constants --*/\n\n // Describes precisely all strings that are encodable in numeric mode.\n static NUMERIC_REGEX = /^[0-9]*$/;\n\n // Describes precisely all strings that are encodable in alphanumeric mode.\n static ALPHANUMERIC_REGEX = /^[A-Z0-9 $%*+.\\/:-]*$/;\n\n // The set of all legal characters in alphanumeric mode,\n // where each character value maps to the index in the string.\n static ALPHANUMERIC_CHARSET = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ $%*+-./:';\n}\n\n/*\n * A QR Code symbol, which is a type of two-dimension barcode.\n * Invented by Denso Wave and described in the ISO/IEC 18004 standard.\n * Instances of this class represent an immutable square grid of dark and light cells.\n * The class provides static factory functions to create a QR Code from text or binary data.\n * The class covers the QR Code Model 2 specification, supporting all versions (sizes)\n * from 1 to 40, all 4 error correction levels, and 4 character encoding modes.\n *\n * Ways to create a QR Code object:\n * - High level: Take the payload data and call QrCode.encodeText() or QrCode.encodeBinary().\n * - Mid level: Custom-make the list of segments and call QrCode.encodeSegments().\n * - Low level: Custom-make the array of data codeword bytes (including\n * segment headers and final padding, excluding error correction codewords),\n * supply the appropriate version number, and call the QrCode() constructor.\n * (Note that all ways require supplying the desired error correction level.)\n */\nexport class QrCode {\n /*-- Static factory functions (high level) --*/\n\n // Returns a QR Code representing the given Unicode text string at the given error correction level.\n // As a conservative upper bound, this function is guaranteed to succeed for strings that have 738 or fewer\n // Unicode code ponumbers (not UTF-16 code units) if the low error correction level is used. The smallest possible\n // QR Code version is automatically chosen for the output. The ECC level of the result may be higher than the\n // ecl argument if it can be done without increasing the version.\n static encodeText(text, ecl) {\n const segs = QrSegment.makeSegments(text);\n return QrCode.encodeSegments(segs, ecl);\n }\n\n // Returns a QR Code representing the given binary data at the given error correction level.\n // This function always encodes using the binary segment mode, not any text mode. The maximum number of\n // bytes allowed is 2953. The smallest possible QR Code version is automatically chosen for the output.\n // The ECC level of the result may be higher than the ecl argument if it can be done without increasing the version.\n static encodeBinary(data, ecl) {\n const seg = QrSegment.makeBytes(data);\n return QrCode.encodeSegments([seg], ecl);\n }\n\n /*-- Static factory functions (mid level) --*/\n\n // Returns a QR Code representing the given segments with the given encoding parameters.\n // The smallest possible QR Code version within the given range is automatically\n // chosen for the output. Iff boostEcl is true, then the ECC level of the result\n // may be higher than the ecl argument if it can be done without increasing the\n // version. The mask number is either between 0 to 7 (inclusive) to force that\n // mask, or -1 to automatically choose an appropriate mask (which may be slow).\n // This function allows the user to create a custom sequence of segments that switches\n // between modes (such as alphanumeric and byte) to encode text in less space.\n // This is a mid-level API; the high-level API is encodeText() and encodeBinary().\n static encodeSegments(segs, oriEcl, minVersion = 1, maxVersion = 40, mask = -1, boostEcl = true) {\n if (!(QrCode.MIN_VERSION <= minVersion && minVersion <= maxVersion && maxVersion <= QrCode.MAX_VERSION) || mask < -1 || mask > 7) {\n throw new RangeError('Invalid value');\n }\n\n // Find the minimal version number to use\n let version;\n let dataUsedBits;\n for (version = minVersion;; version++) {\n const dataCapacityBits = QrCode.getNumDataCodewords(version, oriEcl) * 8; // Number of data bits available\n const usedBits = QrSegment.getTotalBits(segs, version);\n if (usedBits <= dataCapacityBits) {\n dataUsedBits = usedBits;\n break; // This version number is found to be suitable\n }\n if (version >= maxVersion) {\n // All versions in the range could not fit the given data\n throw new RangeError('Data too long');\n }\n }\n let ecl = oriEcl;\n // Increase the error correction level while the data still fits in the current version number\n for (const newEcl of [Ecc.MEDIUM, Ecc.QUARTILE, Ecc.HIGH]) {\n // From low to high\n if (boostEcl && dataUsedBits <= QrCode.getNumDataCodewords(version, newEcl) * 8) {\n ecl = newEcl;\n }\n }\n\n // Concatenate all segments to create the data bit string\n const bb = [];\n for (const seg of segs) {\n appendBits(seg.mode.modeBits, 4, bb);\n appendBits(seg.numChars, seg.mode.numCharCountBits(version), bb);\n for (const b of seg.getData()) {\n bb.push(b);\n }\n }\n assert(bb.length == dataUsedBits);\n\n // Add terminator and pad up to a byte if applicable\n const dataCapacityBits = QrCode.getNumDataCodewords(version, ecl) * 8;\n assert(bb.length <= dataCapacityBits);\n appendBits(0, Math.min(4, dataCapacityBits - bb.length), bb);\n appendBits(0, (8 - bb.length % 8) % 8, bb);\n assert(bb.length % 8 == 0);\n\n // Pad with alternating bytes until data capacity is reached\n for (let padByte = 0xec; bb.length < dataCapacityBits; padByte ^= 0xec ^ 0x11) {\n appendBits(padByte, 8, bb);\n }\n\n // Pack bits numbero bytes in big endian\n const dataCodewords = [];\n while (dataCodewords.length * 8 < bb.length) {\n dataCodewords.push(0);\n }\n bb.forEach((b, i) => {\n dataCodewords[i >>> 3] |= b << 7 - (i & 7);\n });\n\n // Create the QR Code object\n return new QrCode(version, ecl, dataCodewords, mask);\n }\n\n /*-- Fields --*/\n\n // The width and height of this QR Code, measured in modules, between\n // 21 and 177 (inclusive). This is equal to version * 4 + 17.\n size;\n\n // The index of the mask pattern used in this QR Code, which is between 0 and 7 (inclusive).\n // Even if a QR Code is created with automatic masking requested (mask = -1),\n // the resulting object still has a mask value between 0 and 7.\n mask;\n\n // The modules of this QR Code (false = light, true = dark).\n // Immutable after constructor finishes. Accessed through getModule().\n modules = [];\n\n // Indicates function modules that are not subjected to masking. Discarded when constructor finishes.\n isFunction = [];\n\n /*-- Constructor (low level) and fields --*/\n // The version number of this QR Code, which is between 1 and 40 (inclusive).\n // This determines the size of this barcode.\n version;\n\n // The error correction level used in this QR Code.\n errorCorrectionLevel;\n\n // Creates a new QR Code with the given version number,\n // error correction level, data codeword bytes, and mask number.\n // This is a low-level API that most users should not use directly.\n // A mid-level API is the encodeSegments() function.\n constructor(\n // The version number of this QR Code, which is between 1 and 40 (inclusive).\n // This determines the size of this barcode.\n version,\n // The error correction level used in this QR Code.\n errorCorrectionLevel, dataCodewords, oriMsk) {\n let msk = oriMsk;\n this.version = version;\n this.errorCorrectionLevel = errorCorrectionLevel;\n // Check scalar arguments\n if (version < QrCode.MIN_VERSION || version > QrCode.MAX_VERSION) {\n throw new RangeError('Version value out of range');\n }\n if (msk < -1 || msk > 7) {\n throw new RangeError('Mask value out of range');\n }\n this.size = version * 4 + 17;\n\n // Initialize both grids to be size*size arrays of Boolean false\n const row = [];\n for (let i = 0; i < this.size; i++) {\n row.push(false);\n }\n for (let i = 0; i < this.size; i++) {\n this.modules.push(row.slice()); // Initially all light\n this.isFunction.push(row.slice());\n }\n\n // Compute ECC, draw modules\n this.drawFunctionPatterns();\n const allCodewords = this.addEccAndInterleave(dataCodewords);\n this.drawCodewords(allCodewords);\n\n // Do masking\n if (msk == -1) {\n // Automatically choose best mask\n let minPenalty = 1000000000;\n for (let i = 0; i < 8; i++) {\n this.applyMask(i);\n this.drawFormatBits(i);\n const penalty = this.getPenaltyScore();\n if (penalty < minPenalty) {\n msk = i;\n minPenalty = penalty;\n }\n this.applyMask(i); // Undoes the mask due to XOR\n }\n }\n assert(0 <= msk && msk <= 7);\n this.mask = msk;\n this.applyMask(msk); // Apply the final choice of mask\n this.drawFormatBits(msk); // Overwrite old format bits\n\n this.isFunction = [];\n }\n\n /*-- Accessor methods --*/\n\n // Returns the color of the module (pixel) at the given coordinates, which is false\n // for light or true for dark. The top left corner has the coordinates (x=0, y=0).\n // If the given coordinates are out of bounds, then false (light) is returned.\n getModule(x, y) {\n return 0 <= x && x < this.size && 0 <= y && y < this.size && this.modules[y][x];\n }\n\n // Modified to expose modules for easy access\n getModules() {\n return this.modules;\n }\n\n /*-- Private helper methods for constructor: Drawing function modules --*/\n\n // Reads this object's version field, and draws and marks all function modules.\n drawFunctionPatterns() {\n // Draw horizontal and vertical timing patterns\n for (let i = 0; i < this.size; i++) {\n this.setFunctionModule(6, i, i % 2 == 0);\n this.setFunctionModule(i, 6, i % 2 == 0);\n }\n\n // Draw 3 finder patterns (all corners except bottom right; overwrites some timing modules)\n this.drawFinderPattern(3, 3);\n this.drawFinderPattern(this.size - 4, 3);\n this.drawFinderPattern(3, this.size - 4);\n\n // Draw numerous alignment patterns\n const alignPatPos = this.getAlignmentPatternPositions();\n const numAlign = alignPatPos.length;\n for (let i = 0; i < numAlign; i++) {\n for (let j = 0; j < numAlign; j++) {\n // Don't draw on the three finder corners\n if (!(i == 0 && j == 0 || i == 0 && j == numAlign - 1 || i == numAlign - 1 && j == 0)) {\n this.drawAlignmentPattern(alignPatPos[i], alignPatPos[j]);\n }\n }\n }\n\n // Draw configuration data\n this.drawFormatBits(0); // Dummy mask value; overwritten later in the constructor\n this.drawVersion();\n }\n\n // Draws two copies of the format bits (with its own error correction code)\n // based on the given mask and this object's error correction level field.\n drawFormatBits(mask) {\n // Calculate error correction code and pack bits\n const data = this.errorCorrectionLevel.formatBits << 3 | mask; // errCorrLvl is unumber2, mask is unumber3\n let rem = data;\n for (let i = 0; i < 10; i++) {\n rem = rem << 1 ^ (rem >>> 9) * 0x537;\n }\n const bits = (data << 10 | rem) ^ 0x5412; // unumber15\n assert(bits >>> 15 == 0);\n\n // Draw first copy\n for (let i = 0; i <= 5; i++) {\n this.setFunctionModule(8, i, getBit(bits, i));\n }\n this.setFunctionModule(8, 7, getBit(bits, 6));\n this.setFunctionModule(8, 8, getBit(bits, 7));\n this.setFunctionModule(7, 8, getBit(bits, 8));\n for (let i = 9; i < 15; i++) {\n this.setFunctionModule(14 - i, 8, getBit(bits, i));\n }\n // Draw second copy\n for (let i = 0; i < 8; i++) {\n this.setFunctionModule(this.size - 1 - i, 8, getBit(bits, i));\n }\n for (let i = 8; i < 15; i++) {\n this.setFunctionModule(8, this.size - 15 + i, getBit(bits, i));\n }\n this.setFunctionModule(8, this.size - 8, true); // Always dark\n }\n\n // Draws two copies of the version bits (with its own error correction code),\n // based on this object's version field, iff 7 <= version <= 40.\n drawVersion() {\n if (this.version < 7) {\n return;\n }\n\n // Calculate error correction code and pack bits\n let rem = this.version; // version is unumber6, in the range [7, 40]\n for (let i = 0; i < 12; i++) {\n rem = rem << 1 ^ (rem >>> 11) * 0x1f25;\n }\n const bits = this.version << 12 | rem; // unumber18\n assert(bits >>> 18 == 0);\n\n // Draw two copies\n for (let i = 0; i < 18; i++) {\n const color = getBit(bits, i);\n const a = this.size - 11 + i % 3;\n const b = Math.floor(i / 3);\n this.setFunctionModule(a, b, color);\n this.setFunctionModule(b, a, color);\n }\n }\n\n // Draws a 9*9 finder pattern including the border separator,\n // with the center module at (x, y). Modules can be out of bounds.\n drawFinderPattern(x, y) {\n for (let dy = -4; dy <= 4; dy++) {\n for (let dx = -4; dx <= 4; dx++) {\n const dist = Math.max(Math.abs(dx), Math.abs(dy)); // Chebyshev/infinity norm\n const xx = x + dx;\n const yy = y + dy;\n if (0 <= xx && xx < this.size && 0 <= yy && yy < this.size) {\n this.setFunctionModule(xx, yy, dist != 2 && dist != 4);\n }\n }\n }\n }\n\n // Draws a 5*5 alignment pattern, with the center module\n // at (x, y). All modules must be in bounds.\n drawAlignmentPattern(x, y) {\n for (let dy = -2; dy <= 2; dy++) {\n for (let dx = -2; dx <= 2; dx++) this.setFunctionModule(x + dx, y + dy, Math.max(Math.abs(dx), Math.abs(dy)) != 1);\n }\n }\n\n // Sets the color of a module and marks it as a function module.\n // Only used by the constructor. Coordinates must be in bounds.\n setFunctionModule(x, y, isDark) {\n this.modules[y][x] = isDark;\n this.isFunction[y][x] = true;\n }\n\n /*-- Private helper methods for constructor: Codewords and masking --*/\n\n // Returns a new byte string representing the given data with the appropriate error correction\n // codewords appended to it, based on this object's version and error correction level.\n addEccAndInterleave(data) {\n const ver = this.version;\n const ecl = this.errorCorrectionLevel;\n if (data.length != QrCode.getNumDataCodewords(ver, ecl)) {\n throw new RangeError('Invalid argument');\n }\n // Calculate parameter numbers\n const numBlocks = QrCode.NUM_ERROR_CORRECTION_BLOCKS[ecl.ordinal][ver];\n const blockEccLen = QrCode.ECC_CODEWORDS_PER_BLOCK[ecl.ordinal][ver];\n const rawCodewords = Math.floor(QrCode.getNumRawDataModules(ver) / 8);\n const numShortBlocks = numBlocks - rawCodewords % numBlocks;\n const shortBlockLen = Math.floor(rawCodewords / numBlocks);\n\n // Split data numbero blocks and append ECC to each block\n const blocks = [];\n const rsDiv = QrCode.reedSolomonComputeDivisor(blockEccLen);\n for (let i = 0, k = 0; i < numBlocks; i++) {\n const dat = data.slice(k, k + shortBlockLen - blockEccLen + (i < numShortBlocks ? 0 : 1));\n k += dat.length;\n const ecc = QrCode.reedSolomonComputeRemainder(dat, rsDiv);\n if (i < numShortBlocks) {\n dat.push(0);\n }\n blocks.push(dat.concat(ecc));\n }\n\n // Interleave (not concatenate) the bytes from every block numbero a single sequence\n const result = [];\n for (let i = 0; i < blocks[0].length; i++) {\n blocks.forEach((block, j) => {\n // Skip the padding byte in short blocks\n if (i != shortBlockLen - blockEccLen || j >= numShortBlocks) {\n result.push(block[i]);\n }\n });\n }\n assert(result.length == rawCodewords);\n return result;\n }\n\n // Draws the given sequence of 8-bit codewords (data and error correction) onto the entire\n // data area of this QR Code. Function modules need to be marked off before this is called.\n drawCodewords(data) {\n if (data.length != Math.floor(QrCode.getNumRawDataModules(this.version) / 8)) {\n throw new RangeError('Invalid argument');\n }\n let i = 0; // Bit index numbero the data\n // Do the funny zigzag scan\n for (let right = this.size - 1; right >= 1; right -= 2) {\n // Index of right column in each column pair\n if (right == 6) {\n right = 5;\n }\n for (let vert = 0; vert < this.size; vert++) {\n // Vertical counter\n for (let j = 0; j < 2; j++) {\n const x = right - j; // Actual x coordinate\n const upward = (right + 1 & 2) == 0;\n const y = upward ? this.size - 1 - vert : vert; // Actual y coordinate\n if (!this.isFunction[y][x] && i < data.length * 8) {\n this.modules[y][x] = getBit(data[i >>> 3], 7 - (i & 7));\n i++;\n }\n // If this QR Code has any remainder bits (0 to 7), they were assigned as\n // 0/false/light by the constructor and are left unchanged by this method\n }\n }\n }\n assert(i == data.length * 8);\n }\n\n // XORs the codeword modules in this QR Code with the given mask pattern.\n // The function modules must be marked and the codeword bits must be drawn\n // before masking. Due to the arithmetic of XOR, calling applyMask() with\n // the same mask value a second time will undo the mask. A final well-formed\n // QR Code needs exactly one (not zero, two, etc.) mask applied.\n applyMask(mask) {\n if (mask < 0 || mask > 7) {\n throw new RangeError('Mask value out of range');\n }\n for (let y = 0; y < this.size; y++) {\n for (let x = 0; x < this.size; x++) {\n let invert;\n switch (mask) {\n case 0:\n invert = (x + y) % 2 == 0;\n break;\n case 1:\n invert = y % 2 == 0;\n break;\n case 2:\n invert = x % 3 == 0;\n break;\n case 3:\n invert = (x + y) % 3 == 0;\n break;\n case 4:\n invert = (Math.floor(x / 3) + Math.floor(y / 2)) % 2 == 0;\n break;\n case 5:\n invert = x * y % 2 + x * y % 3 == 0;\n break;\n case 6:\n invert = (x * y % 2 + x * y % 3) % 2 == 0;\n break;\n case 7:\n invert = ((x + y) % 2 + x * y % 3) % 2 == 0;\n break;\n default:\n throw new Error('Unreachable');\n }\n if (!this.isFunction[y][x] && invert) {\n this.modules[y][x] = !this.modules[y][x];\n }\n }\n }\n }\n\n // Calculates and returns the penalty score based on state of this QR Code's current modules.\n // This is used by the automatic mask choice algorithm to find the mask pattern that yields the lowest score.\n getPenaltyScore() {\n let result = 0;\n\n // Adjacent modules in row having same color, and finder-like patterns\n for (let y = 0; y < this.size; y++) {\n let runColor = false;\n let runX = 0;\n const runHistory = [0, 0, 0, 0, 0, 0, 0];\n for (let x = 0; x < this.size; x++) {\n if (this.modules[y][x] == runColor) {\n runX++;\n if (runX == 5) {\n result += QrCode.PENALTY_N1;\n } else if (runX > 5) {\n result++;\n }\n } else {\n this.finderPenaltyAddHistory(runX, runHistory);\n if (!runColor) {\n result += this.finderPenaltyCountPatterns(runHistory) * QrCode.PENALTY_N3;\n }\n runColor = this.modules[y][x];\n runX = 1;\n }\n }\n result += this.finderPenaltyTerminateAndCount(runColor, runX, runHistory) * QrCode.PENALTY_N3;\n }\n // Adjacent modules in column having same color, and finder-like patterns\n for (let x = 0; x < this.size; x++) {\n let runColor = false;\n let runY = 0;\n const runHistory = [0, 0, 0, 0, 0, 0, 0];\n for (let y = 0; y < this.size; y++) {\n if (this.modules[y][x] == runColor) {\n runY++;\n if (runY == 5) {\n result += QrCode.PENALTY_N1;\n } else if (runY > 5) {\n result++;\n }\n } else {\n this.finderPenaltyAddHistory(runY, runHistory);\n if (!runColor) {\n result += this.finderPenaltyCountPatterns(runHistory) * QrCode.PENALTY_N3;\n }\n runColor = this.modules[y][x];\n runY = 1;\n }\n }\n result += this.finderPenaltyTerminateAndCount(runColor, runY, runHistory) * QrCode.PENALTY_N3;\n }\n\n // 2*2 blocks of modules having same color\n for (let y = 0; y < this.size - 1; y++) {\n for (let x = 0; x < this.size - 1; x++) {\n const color = this.modules[y][x];\n if (color == this.modules[y][x + 1] && color == this.modules[y + 1][x] && color == this.modules[y + 1][x + 1]) {\n result += QrCode.PENALTY_N2;\n }\n }\n }\n\n // Balance of dark and light modules\n let dark = 0;\n for (const row of this.modules) {\n dark = row.reduce((sum, color) => sum + (color ? 1 : 0), dark);\n }\n const total = this.size * this.size; // Note that size is odd, so dark/total != 1/2\n // Compute the smallest numbereger k >= 0 such that (45-5k)% <= dark/total <= (55+5k)%\n const k = Math.ceil(Math.abs(dark * 20 - total * 10) / total) - 1;\n assert(0 <= k && k <= 9);\n result += k * QrCode.PENALTY_N4;\n assert(0 <= result && result <= 2568888); // Non-tight upper bound based on default values of PENALTY_N1, ..., N4\n return result;\n }\n\n /*-- Private helper functions --*/\n\n // Returns an ascending list of positions of alignment patterns for this version number.\n // Each position is in the range [0,177), and are used on both the x and y axes.\n // This could be implemented as lookup table of 40 variable-length lists of numberegers.\n getAlignmentPatternPositions() {\n if (this.version == 1) {\n return [];\n } else {\n const numAlign = Math.floor(this.version / 7) + 2;\n const step = this.version == 32 ? 26 : Math.ceil((this.version * 4 + 4) / (numAlign * 2 - 2)) * 2;\n const result = [6];\n for (let pos = this.size - 7; result.length < numAlign; pos -= step) {\n result.splice(1, 0, pos);\n }\n return result;\n }\n }\n\n // Returns the number of data bits that can be stored in a QR Code of the given version number, after\n // all function modules are excluded. This includes remainder bits, so it might not be a multiple of 8.\n // The result is in the range [208, 29648]. This could be implemented as a 40-entry lookup table.\n static getNumRawDataModules(ver) {\n if (ver < QrCode.MIN_VERSION || ver > QrCode.MAX_VERSION) {\n throw new RangeError('Version number out of range');\n }\n let result = (16 * ver + 128) * ver + 64;\n if (ver >= 2) {\n const numAlign = Math.floor(ver / 7) + 2;\n result -= (25 * numAlign - 10) * numAlign - 55;\n if (ver >= 7) {\n result -= 36;\n }\n }\n assert(208 <= result && result <= 29648);\n return result;\n }\n\n // Returns the number of 8-bit data (i.e. not error correction) codewords contained in any\n // QR Code of the given version number and error correction level, with remainder bits discarded.\n // This stateless pure function could be implemented as a (40*4)-cell lookup table.\n static getNumDataCodewords(ver, ecl) {\n return Math.floor(QrCode.getNumRawDataModules(ver) / 8) - QrCode.ECC_CODEWORDS_PER_BLOCK[ecl.ordinal][ver] * QrCode.NUM_ERROR_CORRECTION_BLOCKS[ecl.ordinal][ver];\n }\n\n // Returns a Reed-Solomon ECC generator polynomial for the given degree. This could be\n // implemented as a lookup table over all possible parameter values, instead of as an algorithm.\n static reedSolomonComputeDivisor(degree) {\n if (degree < 1 || degree > 255) {\n throw new RangeError('Degree out of range');\n }\n // Polynomial coefficients are stored from highest to lowest power, excluding the leading term which is always 1.\n // For example the polynomial x^3 + 255x^2 + 8x + 93 is stored as the unumber8 array [255, 8, 93].\n const result = [];\n for (let i = 0; i < degree - 1; i++) {\n result.push(0);\n }\n result.push(1); // Start off with the monomial x^0\n\n // Compute the product polynomial (x - r^0) * (x - r^1) * (x - r^2) * ... * (x - r^{degree-1}),\n // and drop the highest monomial term which is always 1x^degree.\n // Note that r = 0x02, which is a generator element of this field GF(2^8/0x11D).\n let root = 1;\n for (let i = 0; i < degree; i++) {\n // Multiply the current product by (x - r^i)\n for (let j = 0; j < result.length; j++) {\n result[j] = QrCode.reedSolomonMultiply(result[j], root);\n if (j + 1 < result.length) {\n result[j] ^= result[j + 1];\n }\n }\n root = QrCode.reedSolomonMultiply(root, 0x02);\n }\n return result;\n }\n\n // Returns the Reed-Solomon error correction codeword for the given data and divisor polynomials.\n static reedSolomonComputeRemainder(data, divisor) {\n const result = divisor.map(() => 0);\n for (const b of data) {\n // Polynomial division\n const factor = b ^ result.shift();\n result.push(0);\n divisor.forEach((coef, i) => {\n result[i] ^= QrCode.reedSolomonMultiply(coef, factor);\n });\n }\n return result;\n }\n\n // Returns the product of the two given field elements modulo GF(2^8/0x11D). The arguments and result\n // are unsigned 8-bit numberegers. This could be implemented as a lookup table of 256*256 entries of unumber8.\n static reedSolomonMultiply(x, y) {\n if (x >>> 8 != 0 || y >>> 8 != 0) {\n throw new RangeError('Byte out of range');\n }\n // Russian peasant multiplication\n let z = 0;\n for (let i = 7; i >= 0; i--) {\n z = z << 1 ^ (z >>> 7) * 0x11d;\n z ^= (y >>> i & 1) * x;\n }\n assert(z >>> 8 == 0);\n return z;\n }\n\n // Can only be called immediately after a light run is added, and\n // returns either 0, 1, or 2. A helper function for getPenaltyScore().\n finderPenaltyCountPatterns(runHistory) {\n const n = runHistory[1];\n assert(n <= this.size * 3);\n const core = n > 0 && runHistory[2] == n && runHistory[3] == n * 3 && runHistory[4] == n && runHistory[5] == n;\n return (core && runHistory[0] >= n * 4 && runHistory[6] >= n ? 1 : 0) + (core && runHistory[6] >= n * 4 && runHistory[0] >= n ? 1 : 0);\n }\n\n // Must be called at the end of a line (row or column) of modules. A helper function for getPenaltyScore().\n finderPenaltyTerminateAndCount(currentRunColor, oriCurrentRunLength, runHistory) {\n let currentRunLength = oriCurrentRunLength;\n if (currentRunColor) {\n // Terminate dark run\n this.finderPenaltyAddHistory(currentRunLength, runHistory);\n currentRunLength = 0;\n }\n currentRunLength += this.size; // Add light border to final run\n this.finderPenaltyAddHistory(currentRunLength, runHistory);\n return this.finderPenaltyCountPatterns(runHistory);\n }\n\n // Pushes the given value to the front and drops the last value. A helper function for getPenaltyScore().\n finderPenaltyAddHistory(oriCurrentRunLength, runHistory) {\n let currentRunLength = oriCurrentRunLength;\n if (runHistory[0] == 0) {\n currentRunLength += this.size; // Add light border to initial run\n }\n runHistory.pop();\n runHistory.unshift(currentRunLength);\n }\n\n /*-- Constants and tables --*/\n\n // The minimum version number supported in the QR Code Model 2 standard.\n static MIN_VERSION = 1;\n // The maximum version number supported in the QR Code Model 2 standard.\n static MAX_VERSION = 40;\n\n // For use in getPenaltyScore(), when evaluating which mask is best.\n static PENALTY_N1 = 3;\n static PENALTY_N2 = 3;\n static PENALTY_N3 = 40;\n static PENALTY_N4 = 10;\n static ECC_CODEWORDS_PER_BLOCK = [\n // Version: (note that index 0 is for padding, and is set to an illegal value)\n //0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40 Error correction level\n [-1, 7, 10, 15, 20, 26, 18, 20, 24, 30, 18, 20, 24, 26, 30, 22, 24, 28, 30, 28, 28, 28, 28, 30, 30, 26, 28, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30],\n // Low\n [-1, 10, 16, 26, 18, 24, 16, 18, 22, 22, 26, 30, 22, 22, 24, 24, 28, 28, 26, 26, 26, 26, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28],\n // Medium\n [-1, 13, 22, 18, 26, 18, 24, 18, 22, 20, 24, 28, 26, 24, 20, 30, 24, 28, 28, 26, 30, 28, 30, 30, 30, 30, 28, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30],\n // Quartile\n [-1, 17, 28, 22, 16, 22, 28, 26, 26, 24, 28, 24, 28, 22, 24, 24, 30, 28, 28, 26, 28, 30, 24, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30] // High\n ];\n static NUM_ERROR_CORRECTION_BLOCKS = [\n // Version: (note that index 0 is for padding, and is set to an illegal value)\n //0, 1, 2, 3, 4, 5, 6, 7, 8, 9,10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40 Error correction level\n [-1, 1, 1, 1, 1, 1, 2, 2, 2, 2, 4, 4, 4, 4, 4, 6, 6, 6, 6, 7, 8, 8, 9, 9, 10, 12, 12, 12, 13, 14, 15, 16, 17, 18, 19, 19, 20, 21, 22, 24, 25],\n // Low\n [-1, 1, 1, 1, 2, 2, 4, 4, 4, 5, 5, 5, 8, 9, 9, 10, 10, 11, 13, 14, 16, 17, 17, 18, 20, 21, 23, 25, 26, 28, 29, 31, 33, 35, 37, 38, 40, 43, 45, 47, 49],\n // Medium\n [-1, 1, 1, 2, 2, 4, 4, 6, 6, 8, 8, 8, 10, 12, 16, 12, 17, 16, 18, 21, 20, 23, 23, 25, 27, 29, 34, 34, 35, 38, 40, 43, 45, 48, 51, 53, 56, 59, 62, 65, 68],\n // Quartile\n [-1, 1, 1, 2, 4, 4, 4, 5, 6, 8, 8, 11, 11, 16, 16, 18, 16, 19, 21, 25, 25, 25, 34, 30, 32, 35, 37, 40, 42, 45, 48, 51, 54, 57, 60, 63, 66, 70, 74, 77, 81] // High\n ];\n}","// Part logic is from `qrcode.react`. (ISC License)\n// https://github.com/zpao/qrcode.react\n\n// ==========================================================\n\nimport { Ecc } from \"./libs/qrcodegen\";\n\n// =================== ERROR_LEVEL ==========================\nexport const ERROR_LEVEL_MAP = {\n L: Ecc.LOW,\n M: Ecc.MEDIUM,\n Q: Ecc.QUARTILE,\n H: Ecc.HIGH\n};\n\n// =================== DEFAULT_VALUE ==========================\nexport const DEFAULT_SIZE = 128;\nexport const DEFAULT_LEVEL = 'L';\nexport const DEFAULT_BACKGROUND_COLOR = '#FFFFFF';\nexport const DEFAULT_FRONT_COLOR = '#000000';\nexport const DEFAULT_NEED_MARGIN = false;\nexport const DEFAULT_MINVERSION = 1;\nexport const SPEC_MARGIN_SIZE = 4;\nexport const DEFAULT_MARGIN_SIZE = 0;\nexport const DEFAULT_IMG_SCALE = 0.1;\n\n// =================== UTILS ==========================\n/**\n * Generate a path string from modules\n * @param modules\n * @param margin\n * @returns\n */\nexport const generatePath = (modules, margin = 0) => {\n const ops = [];\n modules.forEach((row, y) => {\n let start = null;\n row.forEach((cell, x) => {\n if (!cell && start !== null) {\n ops.push(`M${start + margin} ${y + margin}h${x - start}v1H${start + margin}z`);\n start = null;\n return;\n }\n if (x === row.length - 1) {\n if (!cell) {\n return;\n }\n if (start === null) {\n ops.push(`M${x + margin},${y + margin} h1v1H${x + margin}z`);\n } else {\n ops.push(`M${start + margin},${y + margin} h${x + 1 - start}v1H${start + margin}z`);\n }\n return;\n }\n if (cell && start === null) {\n start = x;\n }\n });\n });\n return ops.join('');\n};\n\n/**\n * Excavate modules\n * @param modules\n * @param excavation\n * @returns\n */\nexport const excavateModules = (modules, excavation) => {\n return modules.slice().map((row, y) => {\n if (y < excavation.y || y >= excavation.y + excavation.h) {\n return row;\n }\n return row.map((cell, x) => {\n if (x < excavation.x || x >= excavation.x + excavation.w) {\n return cell;\n }\n return false;\n });\n });\n};\n\n/**\n * Get image settings\n * @param cells The modules of the QR code\n * @param size The size of the QR code\n * @param margin\n * @param imageSettings\n * @returns\n */\nexport const getImageSettings = (cells, size, margin, imageSettings) => {\n if (imageSettings == null) {\n return null;\n }\n const numCells = cells.length + margin * 2;\n const defaultSize = Math.floor(size * DEFAULT_IMG_SCALE);\n const scale = numCells / size;\n const w = (imageSettings.width || defaultSize) * scale;\n const h = (imageSettings.height || defaultSize) * scale;\n const x = imageSettings.x == null ? cells.length / 2 - w / 2 : imageSettings.x * scale;\n const y = imageSettings.y == null ? cells.length / 2 - h / 2 : imageSettings.y * scale;\n const opacity = imageSettings.opacity == null ? 1 : imageSettings.opacity;\n let excavation = null;\n if (imageSettings.excavate) {\n const floorX = Math.floor(x);\n const floorY = Math.floor(y);\n const ceilW = Math.ceil(w + x - floorX);\n const ceilH = Math.ceil(h + y - floorY);\n excavation = {\n x: floorX,\n y: floorY,\n w: ceilW,\n h: ceilH\n };\n }\n const crossOrigin = imageSettings.crossOrigin;\n return {\n x,\n y,\n h,\n w,\n excavation,\n opacity,\n crossOrigin\n };\n};\n\n/**\n * Get margin size\n * @param needMargin Whether need margin\n * @param marginSize Custom margin size\n * @returns\n */\nexport const getMarginSize = (needMargin, marginSize) => {\n if (marginSize != null) {\n return Math.max(Math.floor(marginSize), 0);\n }\n return needMargin ? SPEC_MARGIN_SIZE : DEFAULT_MARGIN_SIZE;\n};\n\n/**\n * Check if Path2D is supported\n */\nexport const isSupportPath2d = (() => {\n try {\n new Path2D().addPath(new Path2D());\n } catch {\n return false;\n }\n return true;\n})();","import { QrCode, QrSegment } from \"../libs/qrcodegen\";\nimport { ERROR_LEVEL_MAP, getImageSettings, getMarginSize } from \"../utils\";\nimport React from 'react';\nexport const useQRCode = opt => {\n const {\n value,\n level,\n minVersion,\n includeMargin,\n marginSize,\n imageSettings,\n size,\n boostLevel\n } = opt;\n const memoizedQrcode = React.useMemo(() => {\n const values = Array.isArray(value) ? value : [value];\n const segments = values.reduce((acc, val) => {\n acc.push(...QrSegment.makeSegments(val));\n return acc;\n }, []);\n return QrCode.encodeSegments(segments, ERROR_LEVEL_MAP[level], minVersion, undefined, undefined, boostLevel);\n }, [value, level, minVersion, boostLevel]);\n return React.useMemo(() => {\n const cs = memoizedQrcode.getModules();\n const mg = getMarginSize(includeMargin, marginSize);\n const ncs = cs.length + mg * 2;\n const cis = getImageSettings(cs, size, mg, imageSettings);\n return {\n cells: cs,\n margin: mg,\n numCells: ncs,\n calculatedImageSettings: cis,\n qrcode: memoizedQrcode\n };\n }, [memoizedQrcode, size, imageSettings, includeMargin, marginSize]);\n};","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport React from 'react';\nimport { useQRCode } from \"./hooks/useQRCode\";\nimport { DEFAULT_BACKGROUND_COLOR, DEFAULT_FRONT_COLOR, DEFAULT_NEED_MARGIN, DEFAULT_LEVEL, DEFAULT_MINVERSION, DEFAULT_SIZE, isSupportPath2d, excavateModules, generatePath } from \"./utils\";\nconst QRCodeCanvas = /*#__PURE__*/React.forwardRef((props, ref) => {\n const {\n value,\n size = DEFAULT_SIZE,\n level = DEFAULT_LEVEL,\n bgColor = DEFAULT_BACKGROUND_COLOR,\n fgColor = DEFAULT_FRONT_COLOR,\n includeMargin = DEFAULT_NEED_MARGIN,\n minVersion = DEFAULT_MINVERSION,\n marginSize,\n style,\n imageSettings,\n boostLevel,\n ...otherProps\n } = props;\n const imgSrc = imageSettings?.src;\n const _canvas = React.useRef(null);\n const _image = React.useRef(null);\n const setCanvasRef = React.useCallback(node => {\n _canvas.current = node;\n if (typeof ref === 'function') {\n ref(node);\n } else if (ref) {\n ref.current = node;\n }\n }, [ref]);\n const [, setIsImageLoaded] = React.useState(false);\n const {\n margin,\n cells,\n numCells,\n calculatedImageSettings\n } = useQRCode({\n value,\n level,\n minVersion,\n includeMargin,\n marginSize,\n imageSettings,\n size,\n boostLevel\n });\n React.useEffect(() => {\n if (_canvas.current) {\n const canvas = _canvas.current;\n const ctx = canvas.getContext('2d');\n if (!ctx) {\n return;\n }\n let cellsToDraw = cells;\n const image = _image.current;\n const haveImageToRender = calculatedImageSettings != null && image !== null && image.complete && image.naturalHeight !== 0 && image.naturalWidth !== 0;\n if (haveImageToRender) {\n if (calculatedImageSettings.excavation != null) {\n cellsToDraw = excavateModules(cells, calculatedImageSettings.excavation);\n }\n }\n const pixelRatio = window.devicePixelRatio || 1;\n canvas.height = canvas.width = size * pixelRatio;\n const scale = size / numCells * pixelRatio;\n ctx.scale(scale, scale);\n ctx.fillStyle = bgColor;\n ctx.fillRect(0, 0, numCells, numCells);\n ctx.fillStyle = fgColor;\n if (isSupportPath2d) {\n ctx.fill(new Path2D(generatePath(cellsToDraw, margin)));\n } else {\n cells.forEach((row, rdx) => {\n row.forEach((cell, cdx) => {\n if (cell) {\n ctx.fillRect(cdx + margin, rdx + margin, 1, 1);\n }\n });\n });\n }\n if (calculatedImageSettings) {\n ctx.globalAlpha = calculatedImageSettings.opacity;\n }\n if (haveImageToRender) {\n ctx.drawImage(image, calculatedImageSettings.x + margin, calculatedImageSettings.y + margin, calculatedImageSettings.w, calculatedImageSettings.h);\n }\n }\n });\n React.useEffect(() => {\n setIsImageLoaded(false);\n }, [imgSrc]);\n const canvasStyle = {\n height: size,\n width: size,\n ...style\n };\n let img = null;\n if (imgSrc != null) {\n img = /*#__PURE__*/React.createElement(\"img\", {\n alt: \"QR-Code\",\n src: imgSrc,\n key: imgSrc,\n style: {\n display: 'none'\n },\n onLoad: () => {\n setIsImageLoaded(true);\n },\n ref: _image\n // when crossOrigin is not set, the image will be tainted\n // and the canvas cannot be exported to an image\n ,\n crossOrigin: calculatedImageSettings?.crossOrigin\n });\n }\n return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"canvas\", _extends({\n style: canvasStyle,\n height: size,\n width: size,\n ref: setCanvasRef,\n role: \"img\"\n }, otherProps)), img);\n});\nif (process.env.NODE_ENV !== 'production') {\n QRCodeCanvas.displayName = 'QRCodeCanvas';\n}\nexport { QRCodeCanvas };","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport React from 'react';\nimport { DEFAULT_BACKGROUND_COLOR, DEFAULT_FRONT_COLOR, DEFAULT_NEED_MARGIN, DEFAULT_LEVEL, DEFAULT_MINVERSION, DEFAULT_SIZE, excavateModules, generatePath } from \"./utils\";\nimport { useQRCode } from \"./hooks/useQRCode\";\nconst QRCodeSVG = /*#__PURE__*/React.forwardRef((props, ref) => {\n const {\n value,\n size = DEFAULT_SIZE,\n level = DEFAULT_LEVEL,\n bgColor = DEFAULT_BACKGROUND_COLOR,\n fgColor = DEFAULT_FRONT_COLOR,\n includeMargin = DEFAULT_NEED_MARGIN,\n minVersion = DEFAULT_MINVERSION,\n title,\n marginSize,\n imageSettings,\n boostLevel,\n ...otherProps\n } = props;\n const {\n margin,\n cells,\n numCells,\n calculatedImageSettings\n } = useQRCode({\n value,\n level,\n minVersion,\n includeMargin,\n marginSize,\n imageSettings,\n size,\n boostLevel\n });\n let cellsToDraw = cells;\n let image = null;\n if (imageSettings != null && calculatedImageSettings != null) {\n if (calculatedImageSettings.excavation != null) {\n cellsToDraw = excavateModules(cells, calculatedImageSettings.excavation);\n }\n image = /*#__PURE__*/React.createElement(\"image\", {\n href: imageSettings.src,\n height: calculatedImageSettings.h,\n width: calculatedImageSettings.w,\n x: calculatedImageSettings.x + margin,\n y: calculatedImageSettings.y + margin,\n preserveAspectRatio: \"none\",\n opacity: calculatedImageSettings.opacity\n // when crossOrigin is not set, the image will be tainted\n // and the canvas cannot be exported to an image\n ,\n crossOrigin: calculatedImageSettings.crossOrigin\n });\n }\n const fgPath = generatePath(cellsToDraw, margin);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n height: size,\n width: size,\n viewBox: `0 0 ${numCells} ${numCells}`,\n ref: ref,\n role: \"img\"\n }, otherProps), !!title && /*#__PURE__*/React.createElement(\"title\", null, title), /*#__PURE__*/React.createElement(\"path\", {\n fill: bgColor,\n d: `M0,0 h${numCells}v${numCells}H0z`,\n shapeRendering: \"crispEdges\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n fill: fgColor,\n d: fgPath,\n shapeRendering: \"crispEdges\"\n }), image);\n});\nif (process.env.NODE_ENV !== 'production') {\n QRCodeSVG.displayName = 'QRCodeSVG';\n}\nexport { QRCodeSVG };","export * from \"./utils\";\nexport * from \"./QRCodeCanvas\";\nexport * from \"./QRCodeSVG\";","function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n// GENERATED BY ./scripts/generate.ts\n// DO NOT EDIT IT MANUALLY\n\nimport * as React from 'react';\nimport ReloadOutlinedSvg from '@ant-design/icons-svg/lib/asn/ReloadOutlined';\nimport AntdIcon from \"../components/AntdIconLight\";\nconst ReloadOutlined = (props, ref) => /*#__PURE__*/React.createElement(AntdIcon, _extends({}, props, {\n ref: ref,\n icon: ReloadOutlinedSvg\n}));\n\n/** */\nconst RefIcon = /*#__PURE__*/React.forwardRef(ReloadOutlined);\nif (process.env.NODE_ENV !== 'production') {\n RefIcon.displayName = 'ReloadOutlined';\n}\nexport default RefIcon;","import React from 'react';\nimport ReloadOutlined from '@ant-design/icons/ReloadOutlined';\nimport Button from '../button/Button';\nimport Spin from '../spin';\nconst defaultSpin = React.createElement(Spin, null);\nexport default function QRcodeStatus({ prefixCls, locale, onRefresh, statusRender, status, }) {\n const defaultExpiredNode = (React.createElement(React.Fragment, null,\n React.createElement(\"p\", { className: `${prefixCls}-expired` }, locale?.expired),\n onRefresh && (React.createElement(Button, { type: \"link\", icon: React.createElement(ReloadOutlined, null), onClick: onRefresh }, locale?.refresh))));\n const defaultScannedNode = React.createElement(\"p\", { className: `${prefixCls}-scanned` }, locale?.scanned);\n const defaultNodes = {\n expired: defaultExpiredNode,\n loading: defaultSpin,\n scanned: defaultScannedNode,\n };\n const defaultStatusRender = (info) => defaultNodes[info.status];\n const mergedStatusRender = statusRender ?? defaultStatusRender;\n return mergedStatusRender({\n status,\n locale,\n onRefresh,\n });\n}\n","import React from 'react';\nimport { QRCodeCanvas, QRCodeSVG } from '@rc-component/qrcode';\nimport { omit, pickAttrs } from '@rc-component/util';\nimport { clsx } from 'clsx';\nimport { useMergeSemantic } from '../_util/hooks/useMergeSemantic';\nimport { isNumber } from '../_util/is';\nimport { devUseWarning } from '../_util/warning';\nimport { useComponentConfig } from '../config-provider/context';\nimport { useLocale } from '../locale';\nimport { useToken } from '../theme/internal';\nimport QRcodeStatus from './QrcodeStatus';\nimport useStyle from './style/index';\nconst QRCode = (props) => {\n const [, token] = useToken();\n const { value, type = 'canvas', icon = '', size = 160, iconSize, color = token.colorText, errorLevel = 'M', status = 'active', bordered = true, onRefresh, style, className, rootClassName, prefixCls: customizePrefixCls, bgColor = 'transparent', marginSize, statusRender, classNames, styles, boostLevel /* 👈 5.28.0+ */, ...rest } = props;\n const { getPrefixCls, className: contextClassName, style: contextStyle, classNames: contextClassNames, styles: contextStyles, } = useComponentConfig('qrcode');\n // =========== Merged Props for Semantic ===========\n const mergedProps = {\n ...props,\n bgColor,\n type,\n size,\n status,\n bordered,\n errorLevel,\n };\n const [mergedClassNames, mergedStyles] = useMergeSemantic([contextClassNames, classNames], [contextStyles, styles], {\n props: mergedProps,\n });\n const prefixCls = getPrefixCls('qrcode', customizePrefixCls);\n const [hashId, cssVarCls] = useStyle(prefixCls);\n const imageSettings = {\n src: icon,\n x: undefined,\n y: undefined,\n height: isNumber(iconSize) ? iconSize : (iconSize?.height ?? 40),\n width: isNumber(iconSize) ? iconSize : (iconSize?.width ?? 40),\n excavate: true,\n crossOrigin: 'anonymous',\n };\n const a11yProps = pickAttrs(rest, true);\n const restProps = omit(rest, Object.keys(a11yProps));\n const qrCodeProps = {\n value,\n size,\n level: errorLevel,\n bgColor,\n fgColor: color,\n style: { width: style?.width, height: style?.height },\n imageSettings: icon ? imageSettings : undefined,\n marginSize,\n boostLevel,\n ...a11yProps,\n };\n const [locale] = useLocale('QRCode');\n if (process.env.NODE_ENV !== 'production') {\n const warning = devUseWarning('QRCode');\n warning(!!value, 'usage', 'need to receive `value` props');\n warning(!(icon && errorLevel === 'L'), 'usage', 'ErrorLevel `L` is not recommended to be used with `icon`, for scanning result would be affected by low level.');\n }\n if (!value) {\n return null;\n }\n const rootClassNames = clsx(prefixCls, className, rootClassName, hashId, cssVarCls, contextClassName, mergedClassNames.root, {\n [`${prefixCls}-borderless`]: !bordered,\n });\n const rootStyle = {\n backgroundColor: bgColor,\n ...mergedStyles.root,\n ...contextStyle,\n ...style,\n width: style?.width ?? size,\n height: style?.height ?? size,\n };\n return (React.createElement(\"div\", { ...restProps, className: rootClassNames, style: rootStyle },\n status !== 'active' && (React.createElement(\"div\", { className: clsx(`${prefixCls}-cover`, mergedClassNames.cover), style: mergedStyles.cover },\n React.createElement(QRcodeStatus, { prefixCls: prefixCls, locale: locale, status: status, onRefresh: onRefresh, statusRender: statusRender }))),\n type === 'canvas' ? React.createElement(QRCodeCanvas, { ...qrCodeProps }) : React.createElement(QRCodeSVG, { ...qrCodeProps })));\n};\nif (process.env.NODE_ENV !== 'production') {\n QRCode.displayName = 'QRCode';\n}\nexport default QRCode;\n","import Group from './group';\nimport InternalRadio from './radio';\nimport Button from './radioButton';\nexport { Button, Group };\nconst Radio = InternalRadio;\nRadio.Button = Button;\nRadio.Group = Group;\nRadio.__ANT_RADIO = true;\nexport default Radio;\n","function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n// GENERATED BY ./scripts/generate.ts\n// DO NOT EDIT IT MANUALLY\n\nimport * as React from 'react';\nimport StarFilledSvg from '@ant-design/icons-svg/lib/asn/StarFilled';\nimport AntdIcon from \"../components/AntdIconLight\";\nconst StarFilled = (props, ref) => /*#__PURE__*/React.createElement(AntdIcon, _extends({}, props, {\n ref: ref,\n icon: StarFilledSvg\n}));\n\n/** */\nconst RefIcon = /*#__PURE__*/React.forwardRef(StarFilled);\nif (process.env.NODE_ENV !== 'production') {\n RefIcon.displayName = 'StarFilled';\n}\nexport default RefIcon;","import React from 'react';\nimport KeyCode from \"@rc-component/util/es/KeyCode\";\nimport { clsx } from 'clsx';\nfunction Star(props, ref) {\n const {\n disabled,\n prefixCls,\n character,\n characterRender,\n index,\n count,\n value,\n allowHalf,\n focused,\n onHover,\n onClick\n } = props;\n\n // =========================== Events ===========================\n const onInternalHover = e => {\n onHover(e, index);\n };\n const onInternalClick = e => {\n onClick(e, index);\n };\n const onInternalKeyDown = e => {\n if (e.keyCode === KeyCode.ENTER) {\n onClick(e, index);\n }\n };\n\n // =========================== Render ===========================\n // >>>>> ClassName\n const starValue = index + 1;\n const classNameList = new Set([prefixCls]);\n\n // TODO: Current we just refactor from CC to FC. This logic seems can be optimized.\n if (value === 0 && index === 0 && focused) {\n classNameList.add(`${prefixCls}-focused`);\n } else if (allowHalf && value + 0.5 >= starValue && value < starValue) {\n classNameList.add(`${prefixCls}-half`);\n classNameList.add(`${prefixCls}-active`);\n if (focused) {\n classNameList.add(`${prefixCls}-focused`);\n }\n } else {\n if (starValue <= value) {\n classNameList.add(`${prefixCls}-full`);\n } else {\n classNameList.add(`${prefixCls}-zero`);\n }\n if (starValue === value && focused) {\n classNameList.add(`${prefixCls}-focused`);\n }\n }\n\n // >>>>> Node\n const characterNode = typeof character === 'function' ? character(props) : character;\n let start = /*#__PURE__*/React.createElement(\"li\", {\n className: clsx(Array.from(classNameList)),\n ref: ref\n }, /*#__PURE__*/React.createElement(\"div\", {\n onClick: disabled ? null : onInternalClick,\n onKeyDown: disabled ? null : onInternalKeyDown,\n onMouseMove: disabled ? null : onInternalHover,\n role: \"radio\",\n \"aria-checked\": value > index ? 'true' : 'false',\n \"aria-posinset\": index + 1,\n \"aria-setsize\": count,\n tabIndex: disabled ? -1 : 0\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: `${prefixCls}-first`\n }, characterNode), /*#__PURE__*/React.createElement(\"div\", {\n className: `${prefixCls}-second`\n }, characterNode)));\n if (characterRender) {\n start = characterRender(start, props);\n }\n return start;\n}\nexport default /*#__PURE__*/React.forwardRef(Star);","import * as React from 'react';\nexport default function useRefs() {\n const nodeRef = React.useRef({});\n function getRef(index) {\n return nodeRef.current[index];\n }\n function setRef(index) {\n return node => {\n nodeRef.current[index] = node;\n };\n }\n return [getRef, setRef];\n}","function getScroll(w) {\n let ret = w.pageXOffset;\n const method = 'scrollLeft';\n if (typeof ret !== 'number') {\n const d = w.document;\n // ie6,7,8 standard mode\n ret = d.documentElement[method];\n if (typeof ret !== 'number') {\n // quirks mode\n ret = d.body[method];\n }\n }\n return ret;\n}\nfunction getClientPosition(elem) {\n let x;\n let y;\n const doc = elem.ownerDocument;\n const {\n body\n } = doc;\n const docElem = doc && doc.documentElement;\n const box = elem.getBoundingClientRect();\n x = box.left;\n y = box.top;\n x -= docElem.clientLeft || body.clientLeft || 0;\n y -= docElem.clientTop || body.clientTop || 0;\n return {\n left: x,\n top: y\n };\n}\nexport function getOffsetLeft(el) {\n const pos = getClientPosition(el);\n const doc = el.ownerDocument;\n // Only IE use `parentWindow`\n const w = doc.defaultView || doc.parentWindow;\n pos.left += getScroll(w);\n return pos.left;\n}","function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport useControlledState from \"@rc-component/util/es/hooks/useControlledState\";\nimport KeyCode from \"@rc-component/util/es/KeyCode\";\nimport pickAttrs from \"@rc-component/util/es/pickAttrs\";\nimport { clsx } from 'clsx';\nimport React from 'react';\nimport Star from \"./Star\";\nimport useRefs from \"./useRefs\";\nimport { getOffsetLeft } from \"./util\";\nfunction Rate(props, ref) {\n const {\n // Base\n prefixCls = 'rc-rate',\n className,\n // Value\n defaultValue,\n value: propValue,\n count = 5,\n allowHalf = false,\n allowClear = true,\n keyboard = true,\n // Display\n character = '★',\n characterRender,\n // Meta\n disabled,\n direction = 'ltr',\n tabIndex = 0,\n autoFocus,\n // Events\n onHoverChange,\n onChange,\n onFocus,\n onBlur,\n onKeyDown,\n onMouseLeave,\n ...restProps\n } = props;\n const [getStarRef, setStarRef] = useRefs();\n const rateRef = React.useRef(null);\n\n // ============================ Ref =============================\n const triggerFocus = () => {\n if (!disabled) {\n rateRef.current?.focus();\n }\n };\n React.useImperativeHandle(ref, () => ({\n focus: triggerFocus,\n blur: () => {\n if (!disabled) {\n rateRef.current?.blur();\n }\n }\n }));\n\n // =========================== Value ============================\n const [value, setValue] = useControlledState(defaultValue || 0, propValue);\n const [cleanedValue, setCleanedValue] = useControlledState(null);\n const getStarValue = (index, x) => {\n const reverse = direction === 'rtl';\n let starValue = index + 1;\n if (allowHalf) {\n const starEle = getStarRef(index);\n const leftDis = getOffsetLeft(starEle);\n const width = starEle.clientWidth;\n if (reverse && x - leftDis > width / 2) {\n starValue -= 0.5;\n } else if (!reverse && x - leftDis < width / 2) {\n starValue -= 0.5;\n }\n }\n return starValue;\n };\n\n // >>>>> Change\n const changeValue = nextValue => {\n setValue(nextValue);\n onChange?.(nextValue);\n };\n\n // =========================== Focus ============================\n const [focused, setFocused] = React.useState(false);\n const onInternalFocus = () => {\n setFocused(true);\n onFocus?.();\n };\n const onInternalBlur = () => {\n setFocused(false);\n onBlur?.();\n };\n\n // =========================== Hover ============================\n const [hoverValue, setHoverValue] = React.useState(null);\n const onHover = (event, index) => {\n const nextHoverValue = getStarValue(index, event.pageX);\n if (nextHoverValue !== cleanedValue) {\n setHoverValue(nextHoverValue);\n setCleanedValue(null);\n }\n onHoverChange?.(nextHoverValue);\n };\n const onMouseLeaveCallback = event => {\n if (!disabled) {\n setHoverValue(null);\n setCleanedValue(null);\n onHoverChange?.(undefined);\n }\n if (event) {\n onMouseLeave?.(event);\n }\n };\n\n // =========================== Click ============================\n const onClick = (event, index) => {\n const newValue = getStarValue(index, event.pageX);\n let isReset = false;\n if (allowClear) {\n isReset = newValue === value;\n }\n onMouseLeaveCallback();\n changeValue(isReset ? 0 : newValue);\n setCleanedValue(isReset ? newValue : null);\n };\n const onInternalKeyDown = event => {\n const {\n keyCode\n } = event;\n const reverse = direction === 'rtl';\n const step = allowHalf ? 0.5 : 1;\n if (keyboard) {\n if (keyCode === KeyCode.RIGHT && value < count && !reverse) {\n changeValue(value + step);\n event.preventDefault();\n } else if (keyCode === KeyCode.LEFT && value > 0 && !reverse) {\n changeValue(value - step);\n event.preventDefault();\n } else if (keyCode === KeyCode.RIGHT && value > 0 && reverse) {\n changeValue(value - step);\n event.preventDefault();\n } else if (keyCode === KeyCode.LEFT && value < count && reverse) {\n changeValue(value + step);\n event.preventDefault();\n }\n }\n onKeyDown?.(event);\n };\n\n // =========================== Effect ===========================\n\n React.useEffect(() => {\n if (autoFocus && !disabled) {\n triggerFocus();\n }\n }, []);\n\n // =========================== Render ===========================\n // >>> Star\n const starNodes = new Array(count).fill(0).map((item, index) => /*#__PURE__*/React.createElement(Star, {\n ref: setStarRef(index),\n index: index,\n count: count,\n disabled: disabled,\n prefixCls: `${prefixCls}-star`,\n allowHalf: allowHalf,\n value: hoverValue === null ? value : hoverValue,\n onClick: onClick,\n onHover: onHover,\n key: item || index,\n character: character,\n characterRender: characterRender,\n focused: focused\n }));\n const classString = clsx(prefixCls, className, {\n [`${prefixCls}-disabled`]: disabled,\n [`${prefixCls}-rtl`]: direction === 'rtl'\n });\n\n // >>> Node\n return /*#__PURE__*/React.createElement(\"ul\", _extends({\n className: classString,\n onMouseLeave: onMouseLeaveCallback,\n tabIndex: disabled ? -1 : tabIndex,\n onFocus: disabled ? null : onInternalFocus,\n onBlur: disabled ? null : onInternalBlur,\n onKeyDown: disabled ? null : onInternalKeyDown,\n ref: rateRef\n }, pickAttrs(restProps, {\n aria: true,\n data: true,\n attr: true\n })), starNodes);\n}\nexport default /*#__PURE__*/React.forwardRef(Rate);","import Rate from \"./Rate\";\nexport default Rate;","import * as React from 'react';\nimport StarFilled from '@ant-design/icons/StarFilled';\nimport RcRate from '@rc-component/rate';\nimport { clsx } from 'clsx';\nimport { isPlainObject } from '../_util/is';\nimport { useComponentConfig } from '../config-provider/context';\nimport DisabledContext from '../config-provider/DisabledContext';\nimport useSize from '../config-provider/hooks/useSize';\nimport Tooltip from '../tooltip';\nimport useStyle from './style';\nconst Rate = React.forwardRef((props, ref) => {\n const { prefixCls, className, rootClassName, style, tooltips, character = React.createElement(StarFilled, null), disabled: customDisabled, size, ...rest } = props;\n const characterRender = (node, { index = 0 }) => {\n if (!tooltips) {\n return node;\n }\n const tooltipsItem = tooltips[index];\n if (isPlainObject(tooltipsItem)) {\n return React.createElement(Tooltip, { ...tooltipsItem }, node);\n }\n return React.createElement(Tooltip, { title: tooltipsItem }, node);\n };\n const { getPrefixCls, direction, className: contextClassName, style: contextStyle, } = useComponentConfig('rate');\n const ratePrefixCls = getPrefixCls('rate', prefixCls);\n // Style\n const [hashId, cssVarCls] = useStyle(ratePrefixCls);\n const mergedStyle = { ...contextStyle, ...style };\n // ===================== Disabled =====================\n const disabled = React.useContext(DisabledContext);\n const mergedDisabled = customDisabled ?? disabled;\n // ===================== Size =====================\n const mergedSize = useSize((ctx) => size ?? ctx);\n return (React.createElement(RcRate, { ref: ref, character: character, characterRender: characterRender, disabled: mergedDisabled, ...rest, className: clsx({\n [`${ratePrefixCls}-large`]: mergedSize === 'large',\n [`${ratePrefixCls}-small`]: mergedSize === 'small',\n }, className, rootClassName, hashId, cssVarCls, contextClassName), style: mergedStyle, prefixCls: ratePrefixCls, direction: direction }));\n});\nif (process.env.NODE_ENV !== 'production') {\n Rate.displayName = 'Rate';\n}\nexport default Rate;\n","function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n// GENERATED BY ./scripts/generate.ts\n// DO NOT EDIT IT MANUALLY\n\nimport * as React from 'react';\nimport WarningFilledSvg from '@ant-design/icons-svg/lib/asn/WarningFilled';\nimport AntdIcon from \"../components/AntdIconLight\";\nconst WarningFilled = (props, ref) => /*#__PURE__*/React.createElement(AntdIcon, _extends({}, props, {\n ref: ref,\n icon: WarningFilledSvg\n}));\n\n/** */\nconst RefIcon = /*#__PURE__*/React.forwardRef(WarningFilled);\nif (process.env.NODE_ENV !== 'production') {\n RefIcon.displayName = 'WarningFilled';\n}\nexport default RefIcon;","import * as React from 'react';\nconst NoFound = () => (React.createElement(\"svg\", { width: \"252\", height: \"294\" },\n React.createElement(\"title\", null, \"No Found\"),\n React.createElement(\"g\", { fill: \"none\", fillRule: \"evenodd\" },\n React.createElement(\"circle\", { cx: \"126.75\", cy: \"128.1\", r: \"126\", fill: \"#E4EBF7\" }),\n React.createElement(\"circle\", { cx: \"31.55\", cy: \"130.8\", r: \"8.3\", fill: \"#FFF\" }),\n React.createElement(\"path\", { stroke: \"#FFF\", d: \"m37 134.3 10.5 6m.9 6.2-12.7 10.8\", strokeWidth: \"2\" }),\n React.createElement(\"path\", { fill: \"#FFF\", d: \"M39.9 159.4a5.7 5.7 0 1 1-11.3-1.2 5.7 5.7 0 0 1 11.3 1.2m17.7-16.2a5.7 5.7 0 1 1-11.4-1.1 5.7 5.7 0 0 1 11.4 1.1M99 27h29.8a4.6 4.6 0 1 0 0-9.2H99a4.6 4.6 0 1 0 0 9.2m11.4 18.3h29.8a4.6 4.6 0 0 0 0-9.2h-29.8a4.6 4.6 0 1 0 0 9.2\" }),\n React.createElement(\"path\", { fill: \"#FFF\", d: \"M112.8 26.9h15.8a4.6 4.6 0 1 0 0 9.1h-15.8a4.6 4.6 0 0 0 0-9.1m71.7 108.8a10 10 0 1 1-19.8-2 10 10 0 0 1 19.8 2\" }),\n React.createElement(\"path\", { stroke: \"#FFF\", d: \"m179.3 141.8 12.6 7.1m1.1 7.6-15.2 13\", strokeWidth: \"2\" }),\n React.createElement(\"path\", { fill: \"#FFF\", d: \"M184.7 170a6.8 6.8 0 1 1-13.6-1.3 6.8 6.8 0 0 1 13.6 1.4m18.6-16.8a6.9 6.9 0 1 1-13.7-1.4 6.9 6.9 0 0 1 13.7 1.4\" }),\n React.createElement(\"path\", { stroke: \"#FFF\", d: \"M152 192.3a2.2 2.2 0 1 1-4.5 0 2.2 2.2 0 0 1 4.4 0zm73.3-76.2a2.2 2.2 0 1 1-4.5 0 2.2 2.2 0 0 1 4.5 0zm-9 35a2.2 2.2 0 1 1-4.4 0 2.2 2.2 0 0 1 4.5 0zM177 107.6a2.2 2.2 0 1 1-4.4 0 2.2 2.2 0 0 1 4.4 0zm18.4-15.4a2.2 2.2 0 1 1-4.5 0 2.2 2.2 0 0 1 4.5 0zm6.8 88.5a2.2 2.2 0 1 1-4.5 0 2.2 2.2 0 0 1 4.5 0z\", strokeWidth: \"2\" }),\n React.createElement(\"path\", { stroke: \"#FFF\", d: \"m214.4 153.3-2 20.2-10.8 6m-28-4.7-6.3 9.8H156l-4.5 6.5m23.5-66v-15.7m46 7.8-13 8-15.2-8V94.4\", strokeWidth: \"2\" }),\n React.createElement(\"path\", { fill: \"#FFF\", d: \"M166.6 66h-4a4.8 4.8 0 0 1-4.7-4.8 4.8 4.8 0 0 1 4.7-4.7h4a4.8 4.8 0 0 1 4.7 4.7 4.8 4.8 0 0 1-4.7 4.7\" }),\n React.createElement(\"circle\", { cx: \"204.3\", cy: \"30\", r: \"29.5\", fill: \"#1677ff\" }),\n React.createElement(\"path\", { fill: \"#FFF\", d: \"M206 38.4c.5.5.7 1.1.7 2s-.2 1.4-.7 1.9a3 3 0 0 1-2 .7c-.8 0-1.5-.3-2-.8s-.8-1.1-.8-1.9.3-1.4.8-2c.5-.4 1.2-.7 2-.7.7 0 1.4.3 2 .8m4.2-19.5c1.5 1.3 2.2 3 2.2 5.2a7.2 7.2 0 0 1-1.5 4.5l-3 2.7a5 5 0 0 0-1.3 1.7 5.2 5.2 0 0 0-.6 2.4v.5h-4v-.5c0-1.4.1-2.5.6-3.5s1.9-2.5 4.2-4.5l.4-.5a4 4 0 0 0 1-2.6c0-1.2-.4-2-1-2.8-.7-.6-1.6-1-2.9-1-1.5 0-2.6.5-3.3 1.5-.4.5-.6 1-.8 1.9a2 2 0 0 1-2 1.6 2 2 0 0 1-2-2.4c.4-1.6 1-2.8 2.1-3.8a8.5 8.5 0 0 1 6.3-2.3c2.3 0 4.2.6 5.6 2\" }),\n React.createElement(\"path\", { fill: \"#FFB594\", d: \"M52 76.1s21.8 5.4 27.3 16c5.6 10.7-6.3 9.2-15.7 5C52.8 92 39 85 52 76\" }),\n React.createElement(\"path\", { fill: \"#FFC6A0\", d: \"m90.5 67.5-.5 2.9c-.7.5-4.7-2.7-4.7-2.7l-1.7.8-1.3-5.7s6.8-4.6 9-5c2.4-.5 9.8 1 10.6 2.3 0 0 1.3.4-2.2.6-3.6.3-5 .5-6.8 3.2l-2.4 3.6\" }),\n React.createElement(\"path\", { fill: \"#FFF\", d: \"M128 111.4a36.7 36.7 0 0 0-8.9-15.5c-3.5-3-9.3-2.2-11.3-4.2-1.3-1.2-3.2-1.2-3.2-1.2L87.7 87c-2.3-.4-2.1-.7-6-1.4-1.6-1.9-3-1.1-3-1.1l-7-1.4c-1-1.5-2.5-1-2.5-1l-2.4-.9C65 91.2 59 95 59 95c1.8 1.1 15.7 8.3 15.7 8.3l5.1 37.1s-3.3 5.7 1.4 9.1c0 0 19.9-3.7 34.9-.3 0 0 3-2.6 1-8.8.5-3 1.4-8.3 1.7-11.6.4.7 2 1.9 3.1 3.4 0 0 9.4-7.3 11-14a17 17 0 0 1-2.2-2.4c-.5-.8-.3-2-.7-2.8-.7-1-1.8-1.3-2-1.6\" }),\n React.createElement(\"path\", { fill: \"#CBD1D1\", d: \"M101 290s4.4 2 7.4 1c2.9-1 4.6.7 7.1 1.2 2.6.5 6.9 1.1 11.7-1.3 0-5.5-6.9-4-12-6.7-2.5-1.4-3.7-4.7-3.5-8.8h-9.5s-1.2 10.6-1 14.6\" }),\n React.createElement(\"path\", { fill: \"#2B0849\", d: \"M101 289.8s2.5 1.3 6.8.7c3-.5 3.7.5 7.4 1 3.8.6 10.8 0 11.9-.9.4 1.1-.4 2-.4 2s-1.5.7-4.8.9c-2 .1-5.8.3-7.6-.5-1.8-1.4-5.2-1.9-5.7-.2-4 1-7.4-.3-7.4-.3l-.1-2.7z\" }),\n React.createElement(\"path\", { fill: \"#A4AABA\", d: \"M108.3 276h3.1s0 6.7 4.6 8.6c-4.7.6-8.6-2.3-7.7-8.6\" }),\n React.createElement(\"path\", { fill: \"#CBD1D1\", d: \"M57.5 272.4s-2 7.4-4.4 12.3c-1.8 3.7-4.3 7.5 5.4 7.5 6.7 0 9-.5 7.4-6.6-1.5-6.1.3-13.2.3-13.2h-8.7z\" }),\n React.createElement(\"path\", { fill: \"#2B0849\", d: \"M51.5 289.8s2 1.2 6.6 1.2c6 0 8.3-1.7 8.3-1.7s.6 1.1-.7 2.2c-1 .8-3.6 1.6-7.4 1.5-4.1 0-5.8-.5-6.7-1.1-.8-.6-.7-1.6-.1-2.1\" }),\n React.createElement(\"path\", { fill: \"#A4AABA\", d: \"M58.4 274.3s0 1.5-.3 3c-.3 1.4-1 3-1.1 4 0 1.2 4.5 1.7 5.1.1.6-1.5 1.3-6.4 2-7.2.6-.9-5-2.2-5.7.1\" }),\n React.createElement(\"path\", { fill: \"#7BB2F9\", d: \"m99.7 278.5 13.3.1s1.3-54.5 1.9-64.4c.5-9.9 3.8-43.4 1-63.1l-12.6-.7-22.8.8-1.2 10c0 .5-.7.8-.7 1.4-.1.5.4 1.3.3 2-2.4 14-6.4 33-8.8 46.6 0 .7-1.2 1-1.4 2.7 0 .3.2 1.5 0 1.8-6.8 18.7-10.9 47.8-14.2 61.9h14.6s2.2-8.6 4-17c2.9-12.9 23.2-85 23.2-85l3-.5 1 46.3s-.2 1.2.4 2c.5.8-.6 1.1-.4 2.3l.4 1.8-1 11.8c-.4 4.8 0 39.2 0 39.2\" }),\n React.createElement(\"path\", { stroke: \"#648BD8\", d: \"M76 221.6c1.2.1 4.1-2 7-5m23.4 8.5s2.7-1 6-3.8\", strokeLinecap: \"round\", strokeLinejoin: \"round\", strokeWidth: \"1.1\" }),\n React.createElement(\"path\", { stroke: \"#648BD8\", d: \"M107.3 222.1s2.7-1.1 6-3.9\", strokeLinecap: \"round\", strokeLinejoin: \"round\" }),\n React.createElement(\"path\", { stroke: \"#648BD8\", d: \"M74.7 224.8s2.7-.6 6.5-3.4m4.8-69.8c-.2 3.1.3 8.6-4.3 9.2m22-11s0 14-1.4 15.1a15 15 0 0 1-3 2m.5-16.5s0 13-1.2 24.4m-5 1.1s7.3-1.7 9.5-1.7M74.3 206a212 212 0 0 1-1 4.5s-1.4 1.9-1 3.8c.5 2-1 2-5 15.4A353 353 0 0 0 61 257l-.2 1.2m14.9-60.5a321 321 0 0 1-.9 4.8m7.8-50.4-1.2 10.5s-1.1.1-.5 2.2c.1 1.4-2.7 15.8-5.2 30.5m-19.6 79h13.3\", strokeLinecap: \"round\", strokeLinejoin: \"round\", strokeWidth: \"1.1\" }),\n React.createElement(\"path\", { fill: \"#192064\", d: \"M116.2 148.2s-17-3-35.9.2c.2 2.5 0 4.2 0 4.2s14.7-2.8 35.7-.3c.3-2.4.2-4 .2-4\" }),\n React.createElement(\"path\", { fill: \"#FFF\", d: \"M106.3 151.2v-5a.8.8 0 0 0-.8-.8h-7.8a.8.8 0 0 0-.8.8v5a.8.8 0 0 0 .8.8h7.8a.8.8 0 0 0 .8-.8\" }),\n React.createElement(\"path\", { fill: \"#192064\", d: \"M105.2 150.2v-3a.6.6 0 0 0-.6-.7 94.3 94.3 0 0 0-5.9 0 .7.7 0 0 0-.6.6v3.1a.6.6 0 0 0 .6.7 121.1 121.1 0 0 1 5.8 0c.4 0 .7-.3.7-.7\" }),\n React.createElement(\"path\", { stroke: \"#648BD8\", d: \"M100.3 275.4h12.3m-11.2-4.9.1 6.5m0-12.5a915.8 915.8 0 0 0 0 4.4m-.5-94 .9 44.7s.7 1.6-.2 2.7c-1 1.1 2.4.7.9 2.2-1.6 1.6.9 1.2 0 3.4-.6 1.5-1 21.1-1.1 35.2\", strokeLinecap: \"round\", strokeLinejoin: \"round\", strokeWidth: \"1.1\" }),\n React.createElement(\"path\", { fill: \"#FFC6A0\", d: \"M46.9 83.4s-.5 6 7.2 5.6c11.2-.7 9.2-9.4 31.5-21.7-.7-2.7-2.4-4.7-2.4-4.7s-11 3-22.6 8c-6.8 3-13.4 6.4-13.7 12.8m57.6 7.7.9-5.4-8.9-11.4-5 5.3-1.8 7.9a.3.3 0 0 0 .1.3c1 .8 6.5 5 14.4 3.5a.3.3 0 0 0 .3-.2\" }),\n React.createElement(\"path\", { fill: \"#FFC6A0\", d: \"M94 79.4s-4.6-2.9-2.5-6.9c1.6-3 4.5 1.2 4.5 1.2s.5-3.7 3.1-3.7c.6-1 1.6-4.1 1.6-4.1l13.5 3c0 5.3-2.3 19.5-7.8 20-8.9.6-12.5-9.5-12.5-9.5\" }),\n React.createElement(\"path\", { fill: \"#520038\", d: \"M113.9 73.4c2.6-2 3.4-9.7 3.4-9.7s-2.4-.5-6.6-2c-4.7-2.1-12.8-4.8-17.5 1-9.6 3.2-2 19.8-2 19.8l2.7-3s-4-3.3-2-6.3c2-3.5 3.8 1 3.8 1s.7-2.3 3.6-3.3c.4-.7 1-2.6 1.4-3.8a1 1 0 0 1 1.3-.7l11.4 2.6c.5.2.8.7.8 1.2l-.3 3.2z\" }),\n React.createElement(\"path\", { fill: \"#552950\", d: \"M105 76c-.1.7-.6 1.1-1 1-.6 0-.9-.6-.8-1.2.1-.6.6-1 1-1 .6 0 .9.7.8 1.3m7.1 1.6c0 .6-.5 1-1 1-.5-.1-.8-.7-.7-1.3 0-.6.5-1 1-1 .5.1.8.7.7 1.3\" }),\n React.createElement(\"path\", { stroke: \"#DB836E\", d: \"m110.1 74.8-.9 1.7-.3 4.3h-2.2\", strokeLinecap: \"round\", strokeLinejoin: \"round\", strokeWidth: \"1.1\" }),\n React.createElement(\"path\", { stroke: \"#5C2552\", d: \"M110.8 74.5s1.8-.7 2.6.5\", strokeLinecap: \"round\", strokeLinejoin: \"round\", strokeWidth: \"1.1\" }),\n React.createElement(\"path\", { stroke: \"#DB836E\", d: \"M92.4 74.3s.5-1.1 1.1-.7c.6.4 1.3 1.4.6 2-.8.5.1 1.6.1 1.6\", strokeLinecap: \"round\", strokeLinejoin: \"round\", strokeWidth: \"1.1\" }),\n React.createElement(\"path\", { stroke: \"#5C2552\", d: \"M103.3 73s1.8 1 4.1.9\", strokeLinecap: \"round\", strokeLinejoin: \"round\", strokeWidth: \"1.1\" }),\n React.createElement(\"path\", { stroke: \"#DB836E\", d: \"M103.7 81.8s2.2 1.2 4.4 1.2m-3.5 1.3s1 .4 1.6.3m-11.5-3.4s2.3 7.4 10.4 7.6\", strokeLinecap: \"round\", strokeLinejoin: \"round\", strokeWidth: \"1.1\" }),\n React.createElement(\"path\", { stroke: \"#E4EBF7\", d: \"M81.5 89.4s.4 5.6-5 12.8M69 82.7s-.7 9.2-8.2 14.2m68.6 26s-5.3 7.4-9.4 10.7m-.7-26.3s.5 4.4-2.1 32\", strokeLinecap: \"round\", strokeLinejoin: \"round\", strokeWidth: \"1.1\" }),\n React.createElement(\"path\", { fill: \"#F2D7AD\", d: \"M150 151.2h-49.8a1 1 0 0 1-1-1v-31.7c0-.5.4-1 1-1H150c.6 0 1 .5 1 1v31.7a1 1 0 0 1-1 1\" }),\n React.createElement(\"path\", { fill: \"#F4D19D\", d: \"M150.3 151.2h-19.9v-33.7h20.8v32.8a1 1 0 0 1-1 1\" }),\n React.createElement(\"path\", { fill: \"#F2D7AD\", d: \"M123.6 127.9H92.9a.5.5 0 0 1-.4-.8l6.4-9.1c.2-.3.5-.5.8-.5h31.1l-7.2 10.4z\" }),\n React.createElement(\"path\", { fill: \"#CC9B6E\", d: \"M123.7 128.4H99.2v-.5h24.2l7.2-10.2.4.3z\" }),\n React.createElement(\"path\", { fill: \"#F4D19D\", d: \"M158.3 127.9h-18.7a2 2 0 0 1-1.6-.8l-7.2-9.6h20c.5 0 1 .3 1.2.6l6.7 9a.5.5 0 0 1-.4.8\" }),\n React.createElement(\"path\", { fill: \"#CC9B6E\", d: \"M157.8 128.5h-19.3l-7.9-10.5.4-.3 7.7 10.3h19.1zm-27.2 22.2v-8.2h.4v8.2zm-.1-10.9v-21.4h.4l.1 21.4zm-18.6 1.1-.5-.1 1.5-5.2.5.2zm-3.5.2-2.6-3 2.6-3.4.4.3-2.4 3.1 2.4 2.6zm8.2 0-.4-.4 2.4-2.6-2.4-3 .4-.4 2.7 3.4z\" }),\n React.createElement(\"path\", { fill: \"#FFC6A0\", d: \"m154.3 131.9-3.1-2v3.5l-1 .1a85 85 0 0 1-4.8.3c-1.9 0-2.7 2.2 2.2 2.6l-2.6-.6s-2.2 1.3.5 2.3c0 0-1.6 1.2.6 2.6-.6 3.5 5.2 4 7 3.6a6.1 6.1 0 0 0 4.6-5.2 8 8 0 0 0-3.4-7.2\" }),\n React.createElement(\"path\", { stroke: \"#DB836E\", d: \"M153.7 133.6s-6.5.4-8.4.3c-1.8 0-1.9 2.2 2.4 2.3 3.7.2 5.4 0 5.4 0\", strokeLinecap: \"round\", strokeLinejoin: \"round\", strokeWidth: \"1.1\" }),\n React.createElement(\"path\", { stroke: \"#DB836E\", d: \"M145.2 135.9c-1.9 1.3.5 2.3.5 2.3s3.5 1 6.8.6m-.6 2.9s-6.3.1-6.7-2.1c-.3-1.4.4-1.4.4-1.4m.5 2.7s-1 3.1 5.5 3.5m-.4-14.5v3.5M52.8 89.3a18 18 0 0 0 13.6-7.8\", strokeLinecap: \"round\", strokeLinejoin: \"round\", strokeWidth: \"1.1\" }),\n React.createElement(\"path\", { fill: \"#5BA02E\", d: \"M168.6 248.3a6.6 6.6 0 0 1-6.7-6.6v-66.5a6.6 6.6 0 1 1 13.3 0v66.5a6.6 6.6 0 0 1-6.6 6.6\" }),\n React.createElement(\"path\", { fill: \"#92C110\", d: \"M176.5 247.7a6.6 6.6 0 0 1-6.6-6.7v-33.2a6.6 6.6 0 1 1 13.3 0V241a6.6 6.6 0 0 1-6.7 6.7\" }),\n React.createElement(\"path\", { fill: \"#F2D7AD\", d: \"M186.4 293.6H159a3.2 3.2 0 0 1-3.2-3.2v-46.1a3.2 3.2 0 0 1 3.2-3.2h27.5a3.2 3.2 0 0 1 3.2 3.2v46.1a3.2 3.2 0 0 1-3.2 3.2\" }),\n React.createElement(\"path\", { stroke: \"#E4EBF7\", d: \"M89 89.5s7.8 5.4 16.6 2.8\", strokeLinecap: \"round\", strokeLinejoin: \"round\", strokeWidth: \"1.1\" }))));\nexport default NoFound;\n","import * as React from 'react';\nconst ServerError = () => (React.createElement(\"svg\", { width: \"254\", height: \"294\" },\n React.createElement(\"title\", null, \"Server Error\"),\n React.createElement(\"g\", { fill: \"none\", fillRule: \"evenodd\" },\n React.createElement(\"path\", { fill: \"#E4EBF7\", d: \"M0 128.1v-2C0 56.5 56.3.2 125.7.2h2.1C197.2.3 253.5 56.6 253.5 126v2.1c0 69.5-56.3 125.7-125.7 125.7h-2.1A125.7 125.7 0 0 1 0 128.1\" }),\n React.createElement(\"path\", { fill: \"#FFF\", d: \"M40 132.1a8.3 8.3 0 1 1-16.6-1.7 8.3 8.3 0 0 1 16.6 1.7\" }),\n React.createElement(\"path\", { stroke: \"#FFF\", d: \"m37.2 135.6 10.5 6m1 6.3-12.8 10.8\", strokeWidth: \"2\" }),\n React.createElement(\"path\", { fill: \"#FFF\", d: \"M40.1 160.8a5.7 5.7 0 1 1-11.3-1.1 5.7 5.7 0 0 1 11.3 1.1M58 144.6a5.7 5.7 0 1 1-11.4-1.2 5.7 5.7 0 0 1 11.4 1.2M99.7 27.4h30a4.6 4.6 0 1 0 0-9.2h-30a4.6 4.6 0 0 0 0 9.2M111 46h30a4.6 4.6 0 1 0 0-9.3h-30a4.6 4.6 0 1 0 0 9.3m2.5-18.6h16a4.6 4.6 0 1 0 0 9.3h-16a4.6 4.6 0 0 0 0-9.3m36.7 42.7h-4a4.8 4.8 0 0 1-4.8-4.8 4.8 4.8 0 0 1 4.8-4.8h4a4.8 4.8 0 0 1 4.7 4.8 4.8 4.8 0 0 1-4.7 4.8\" }),\n React.createElement(\"circle\", { cx: \"201.35\", cy: \"30.2\", r: \"29.7\", fill: \"#FF603B\" }),\n React.createElement(\"path\", { fill: \"#FFF\", d: \"m203.6 19.4-.7 15a1.5 1.5 0 0 1-3 0l-.7-15a2.2 2.2 0 1 1 4.4 0m-.3 19.4c.5.5.8 1.1.8 1.9s-.3 1.4-.8 1.9a3 3 0 0 1-2 .7 2.5 2.5 0 0 1-1.8-.7c-.6-.6-.8-1.2-.8-2 0-.7.2-1.3.8-1.8.5-.5 1.1-.7 1.8-.7.8 0 1.5.2 2 .7\" }),\n React.createElement(\"path\", { fill: \"#FFB594\", d: \"M119.3 133.3c4.4-.6 3.6-1.2 4-4.8.8-5.2-3-17-8.2-25.1-1-10.7-12.6-11.3-12.6-11.3s4.3 5 4.2 16.2c1.4 5.3.8 14.5.8 14.5s5.3 11.4 11.8 10.5\" }),\n React.createElement(\"path\", { fill: \"#FFF\", d: \"M101 91.6s1.4-.6 3.2.6c8 1.4 10.3 6.7 11.3 11.4 1.8 1.2 1.8 2.3 1.8 3.5l1.5 3s-7.2 1.7-11 6.7c-1.3-6.4-6.9-25.2-6.9-25.2\" }),\n React.createElement(\"path\", { fill: \"#FFB594\", d: \"m94 90.5 1-5.8-9.2-11.9-5.2 5.6-2.6 9.9s8.4 5 16 2.2\" }),\n React.createElement(\"path\", { fill: \"#FFC6A0\", d: \"M83 78.2s-4.6-2.9-2.5-6.9c1.6-3 4.5 1.2 4.5 1.2s.5-3.7 3.2-3.7c.5-1 1.5-4.2 1.5-4.2l13.6 3.2c0 5.2-2.3 19.5-7.9 20-8.9.6-12.5-9.6-12.5-9.6\" }),\n React.createElement(\"path\", { fill: \"#520038\", d: \"M103 72.2c2.6-2 3.5-9.7 3.5-9.7s-2.5-.5-6.7-2c-4.7-2.2-12.9-4.9-17.6.9-9.5 4.4-2 20-2 20l2.7-3.1s-4-3.3-2.1-6.3c2.2-3.5 4 1 4 1s.6-2.3 3.5-3.3c.4-.7 1-2.7 1.5-3.8A1 1 0 0 1 91 65l11.5 2.7c.5.1.8.6.8 1.2l-.3 3.2z\" }),\n React.createElement(\"path\", { fill: \"#552950\", d: \"M101.2 76.5c0 .6-.6 1-1 1-.5-.1-.9-.7-.8-1.3.1-.6.6-1 1.1-1 .5.1.8.7.7 1.3m-7-1.4c0 .6-.5 1-1 1-.5-.1-.8-.7-.7-1.3 0-.6.6-1 1-1 .5.1.9.7.8 1.3\" }),\n React.createElement(\"path\", { stroke: \"#DB836E\", d: \"m99.2 73.6-.9 1.7-.3 4.3h-2.2\", strokeLinecap: \"round\", strokeLinejoin: \"round\", strokeWidth: \"1.1\" }),\n React.createElement(\"path\", { stroke: \"#5C2552\", d: \"M100 73.3s1.7-.7 2.4.5\", strokeLinecap: \"round\", strokeLinejoin: \"round\", strokeWidth: \"1.1\" }),\n React.createElement(\"path\", { stroke: \"#DB836E\", d: \"M81.4 73s.4-1 1-.6c.7.4 1.4 1.4.6 2s.2 1.6.2 1.6\", strokeLinecap: \"round\", strokeLinejoin: \"round\", strokeWidth: \"1.1\" }),\n React.createElement(\"path\", { stroke: \"#5C2552\", d: \"M92.3 71.7s1.9 1.1 4.2 1\", strokeLinecap: \"round\", strokeLinejoin: \"round\", strokeWidth: \"1.1\" }),\n React.createElement(\"path\", { stroke: \"#DB836E\", d: \"M92.7 80.6s2.3 1.2 4.4 1.2m-3.4 1.4s1 .4 1.5.3M83.7 80s1.8 6.6 9.2 8\", strokeLinecap: \"round\", strokeLinejoin: \"round\", strokeWidth: \"1.1\" }),\n React.createElement(\"path\", { stroke: \"#E4EBF7\", d: \"M95.5 91.7s-1 2.8-8.2 2c-7.3-.6-10.3-5-10.3-5\", strokeLinecap: \"round\", strokeLinejoin: \"round\", strokeWidth: \"1.1\" }),\n React.createElement(\"path\", { fill: \"#FFF\", d: \"M78.1 87.5s6.6 5 16.5 2.5c0 0 9.6 1 11.5 5.3 5.4 11.8.6 36.8 0 40 3.5 4-.4 8.4-.4 8.4-15.7-3.5-35.8-.6-35.8-.6-4.9-3.5-1.3-9-1.3-9l-6.2-23.8c-2.5-15.2.8-19.8 3.5-20.7 3-1 8-1.3 8-1.3.6 0 1.1 0 1.4-.2 2.4-1.3 2.8-.6 2.8-.6\" }),\n React.createElement(\"path\", { fill: \"#FFC6A0\", d: \"M65.8 89.8s-6.8.5-7.6 8.2c-.4 8.8 3 11 3 11s6.1 22 16.9 22.9c8.4-2.2 4.7-6.7 4.6-11.4-.2-11.3-7-17-7-17s-4.3-13.7-9.9-13.7\" }),\n React.createElement(\"path\", { fill: \"#FFC6A0\", d: \"M71.7 124.2s.9 11.3 9.8 6.5c4.8-2.5 7.6-13.8 9.8-22.6A201 201 0 0 0 94 96l-5-1.7s-2.4 5.6-7.7 12.3c-4.4 5.5-9.2 11.1-9.5 17.7\" }),\n React.createElement(\"path\", { stroke: \"#E4EBF7\", d: \"M108.5 105.2s1.7 2.7-2.4 30.5c2.4 2.2 1 6-.2 7.5\", strokeLinecap: \"round\", strokeLinejoin: \"round\", strokeWidth: \"1.1\" }),\n React.createElement(\"path\", { fill: \"#FFC6A0\", d: \"M123.3 131.5s-.5 2.8-11.8 2c-15.2-1-25.3-3.2-25.3-3.2l.9-5.8s.7.2 9.7-.1c11.9-.4 18.7-6 25-1 4 3.2 1.5 8.1 1.5 8.1\" }),\n React.createElement(\"path\", { fill: \"#FFF\", d: \"M70.2 91s-5.6-4.8-11 2.7c-3.3 7.2.5 15.2 2.6 19.5-.3 3.8 2.4 4.3 2.4 4.3s0 1 1.5 2.7c4-7 6.7-9.1 13.7-12.5-.3-.7-1.9-3.3-1.8-3.8.2-1.7-1.3-2.6-1.3-2.6s-.3-.2-1.2-2.8c-.8-2.3-2-5.1-4.9-7.5\" }),\n React.createElement(\"path\", { fill: \"#CBD1D1\", d: \"M90.2 288s4.9 2.3 8.3 1.2c3.2-1 5.2.7 8 1.3a20 20 0 0 0 13.3-1.4c-.2-6.2-7.8-4.5-13.6-7.6-2.9-1.6-4.2-5.3-4-10H91.5s-1.5 12-1.3 16.5\" }),\n React.createElement(\"path\", { fill: \"#2B0849\", d: \"M90.2 287.8s2.8 1.5 7.6.8c3.5-.5 3.3.6 7.5 1.3 4.2.6 13-.2 14.3-1.2.5 1.3-.4 2.4-.4 2.4s-1.7.6-5.4.9c-2.3.1-8.1.3-10.2-.6-2-1.6-4.9-1.5-6-.3-4.5 1.1-7.2-.3-7.2-.3l-.2-3z\" }),\n React.createElement(\"path\", { fill: \"#A4AABA\", d: \"M98.4 272.3h3.5s0 7.5 5.2 9.6c-5.3.7-9.7-2.6-8.7-9.6\" }),\n React.createElement(\"path\", { fill: \"#CBD1D1\", d: \"M44.4 272s-2.2 7.8-4.7 13c-1.9 3.8-4.4 7.8 5.8 7.8 7 0 9.3-.5 7.7-7-1.6-6.3.3-13.8.3-13.8h-9z\" }),\n React.createElement(\"path\", { fill: \"#2B0849\", d: \"M38 290.3s2.3 1.2 7 1.2c6.4 0 8.7-1.7 8.7-1.7s.6 1.1-.7 2.2c-1 1-3.8 1.7-7.7 1.7-4.4 0-6.1-.6-7-1.3-1-.5-.8-1.6-.2-2.1\" }),\n React.createElement(\"path\", { fill: \"#A4AABA\", d: \"M45.3 274s0 1.6-.3 3.1-1.1 3.3-1.2 4.4c0 1.2 4.8 1.6 5.4 0 .7-1.6 1.4-6.8 2-7.6.7-.9-5.1-2.2-5.9.1\" }),\n React.createElement(\"path\", { fill: \"#7BB2F9\", d: \"M89.5 277.6h13.9s1.3-56.6 1.9-66.8c.6-10.3 4-45.1 1-65.6l-13-.7-23.7.8-1.3 10.4c0 .5-.7.9-.8 1.4 0 .6.5 1.4.4 2L59.6 206c-.1.7-1.3 1-1.5 2.8 0 .3.2 1.6.1 1.8-7.1 19.5-12.2 52.6-15.6 67.2h15.1L62 259c3-13.3 24-88.3 24-88.3l3.2-1-.2 48.6s-.2 1.3.4 2.1c.5.8-.6 1.2-.4 2.4l.4 1.8-1 12.4c-.4 4.9 1.2 40.7 1.2 40.7\" }),\n React.createElement(\"path\", { stroke: \"#648BD8\", d: \"M64.6 218.9c1.2 0 4.2-2.1 7.2-5.1m24.2 8.7s3-1.1 6.4-4\", strokeLinecap: \"round\", strokeLinejoin: \"round\", strokeWidth: \"1.1\" }),\n React.createElement(\"path\", { stroke: \"#648BD8\", d: \"M97 219.4s2.9-1.2 6.3-4\", strokeLinecap: \"round\", strokeLinejoin: \"round\", strokeWidth: \"1\" }),\n React.createElement(\"path\", { stroke: \"#648BD8\", d: \"M63.2 222.1s2.7-.6 6.7-3.5m5-72.4c-.3 3.2.3 8.8-4.5 9.4m22.8-11.3s.1 14.6-1.4 15.7c-2.3 1.7-3 2-3 2m.4-17s.3 13-1 25m-4.7.7s6.8-1 9.1-1M46 270l-.9 4.6m1.8-11.3-.8 4.1m16.6-64.9c-.3 1.6 0 2-.4 3.4 0 0-2.8 2-2.3 4s-.3 3.4-4.5 17.2c-1.8 5.8-4.3 19-6.2 28.3l-1.1 5.8m16-67-1 4.9m8.1-52.3-1.2 10.9s-1.2.1-.5 2.3c0 1.4-2.8 16.4-5.4 31.6m-20 82.1h13.9\", strokeLinecap: \"round\", strokeLinejoin: \"round\", strokeWidth: \"1.1\" }),\n React.createElement(\"path\", { fill: \"#192064\", d: \"M106.2 142.1c-3-.5-18.8-2.7-36.2.2a.6.6 0 0 0-.6.7v3a.6.6 0 0 0 .8.6c3.3-.5 17-2.4 35.6-.3.4 0 .7-.2.7-.5.2-1.4.2-2.5.2-3a.6.6 0 0 0-.5-.7\" }),\n React.createElement(\"path\", { fill: \"#FFF\", d: \"M96.4 145.3v-5.1a.8.8 0 0 0-.8-.9 114.1 114.1 0 0 0-8.1 0 .8.8 0 0 0-.9.8v5.1c0 .5.4.9.9.9h8a.8.8 0 0 0 .9-.8\" }),\n React.createElement(\"path\", { fill: \"#192064\", d: \"M95.2 144.3v-3.2a.7.7 0 0 0-.6-.7h-6.1a.7.7 0 0 0-.6.7v3.2c0 .4.3.7.6.7h6c.4 0 .7-.3.7-.7\" }),\n React.createElement(\"path\", { stroke: \"#648BD8\", d: \"M90.1 273.5h12.8m-11.7-3.7v6.3m-.3-12.6v4.5m-.5-97.6 1 46.4s.7 1.6-.3 2.8c-.9 1.1 2.6.7 1 2.3-1.7 1.6.9 1.2 0 3.5-.6 1.6-1 22-1.2 36.5\", strokeLinecap: \"round\", strokeLinejoin: \"round\", strokeWidth: \"1.1\" }),\n React.createElement(\"path\", { stroke: \"#E4EBF7\", d: \"M73.7 98.7 76 103s2 .8 1.8 2.7l.8 2.2m-14.3 8.7c.2-1 2.2-7.1 12.6-10.5m.7-16s7.7 6 16.5 2.7\", strokeLinecap: \"round\", strokeLinejoin: \"round\", strokeWidth: \"1.1\" }),\n React.createElement(\"path\", { fill: \"#FFC6A0\", d: \"M92 87s5.5-.9 7.5-4.6c1.3-.3.8 2.2-.3 3.7l-1 1.5s.2.3.2.9c0 .6-.2.6-.3 1v1l-.4 1c-.1.2 0 .6-.2.9-.2.4-1.6 1.8-2.6 2.8-3.8 3.6-5 1.7-6-.4-1-1.8-.7-5.1-.9-6.9-.3-2.9-2.6-3-2-4.4.4-.7 3 .7 3.4 1.8.7 2 2.9 1.8 2.6 1.7\" }),\n React.createElement(\"path\", { stroke: \"#DB836E\", d: \"M99.8 82.4c-.5.1-.3.3-1 1.3-.6 1-4.8 2.9-6.4 3.2-2.5.5-2.2-1.6-4.2-2.9-1.7-1-3.6-.6-1.4 1.4 1 1 1 1.1 1.4 3.2.3 1.5-.7 3.7.7 5.6\", strokeLinecap: \"round\", strokeLinejoin: \"round\", strokeWidth: \".8\" }),\n React.createElement(\"path\", { stroke: \"#E59788\", d: \"M79.5 108.7c-2 2.9-4.2 6.1-5.5 8.7\", strokeLinecap: \"round\", strokeLinejoin: \"round\", strokeWidth: \".8\" }),\n React.createElement(\"path\", { fill: \"#FFC6A0\", d: \"M87.7 124.8s-2-2-5.1-2.8c-3-.7-3.6-.1-5.5.1-2 .3-4-.9-3.7.7.3 1.7 5 1 5.2 2.1.2 1.1-6.3 2.8-8.3 2.2-.8.8.5 1.9 2 2.2.3 1.5 2.3 1.5 2.3 1.5s.7 1 2.6 1.1c2.5 1.3 9-.7 11-1.5 2-.9-.5-5.6-.5-5.6\" }),\n React.createElement(\"path\", { stroke: \"#E59788\", d: \"M73.4 122.8s.7 1.2 3.2 1.4c2.3.3 2.6.6 2.6.6s-2.6 3-9.1 2.3m2.3 2.2s3.8 0 5-.7m-2.4 2.2s2 0 3.3-.6m-1 1.7s1.7 0 2.8-.5m-6.8-9s-.6-1.1 1.3-.5c1.7.5 2.8 0 5.1.1 1.4.1 3-.2 4 .2 1.6.8 3.6 2.2 3.6 2.2s10.6 1.2 19-1.1M79 108s-8.4 2.8-13.2 12.1\", strokeLinecap: \"round\", strokeLinejoin: \"round\", strokeWidth: \".8\" }),\n React.createElement(\"path\", { stroke: \"#E4EBF7\", d: \"M109.3 112.5s3.4-3.6 7.6-4.6\", strokeLinecap: \"round\", strokeLinejoin: \"round\", strokeWidth: \"1.1\" }),\n React.createElement(\"path\", { stroke: \"#E59788\", d: \"M107.4 123s9.7-2.7 11.4-.9\", strokeLinecap: \"round\", strokeLinejoin: \"round\", strokeWidth: \".8\" }),\n React.createElement(\"path\", { stroke: \"#BFCDDD\", d: \"m194.6 83.7 4-4M187.2 91l3.7-3.6m.9-3-4.5-4.7m11.2 11.5-4.2-4.3m-65 76.3 3.7-3.7M122.3 170l3.5-3.5m.8-2.9-4.3-4.2M133 170l-4-4\", strokeLinecap: \"round\", strokeLinejoin: \"round\", strokeWidth: \"2\" }),\n React.createElement(\"path\", { fill: \"#A3B4C6\", d: \"M190.2 211.8h-1.6a4 4 0 0 1-4-4v-32.1a4 4 0 0 1 4-4h1.6a4 4 0 0 1 4 4v32a4 4 0 0 1-4 4\" }),\n React.createElement(\"path\", { fill: \"#A3B4C6\", d: \"M237.8 213a4.8 4.8 0 0 1-4.8 4.8h-86.6a4.8 4.8 0 0 1 0-9.6H233a4.8 4.8 0 0 1 4.8 4.8\" }),\n React.createElement(\"path\", { fill: \"#A3B4C6\", d: \"M154.1 190.1h70.5v-84.6h-70.5z\" }),\n React.createElement(\"path\", { fill: \"#BFCDDD\", d: \"M225 190.1h-71.2a3.2 3.2 0 0 1-3.2-3.2v-19a3.2 3.2 0 0 1 3.2-3.2h71.1a3.2 3.2 0 0 1 3.2 3.2v19a3.2 3.2 0 0 1-3.2 3.2m0-59.3h-71.1a3.2 3.2 0 0 1-3.2-3.2v-19a3.2 3.2 0 0 1 3.2-3.2h71.1a3.2 3.2 0 0 1 3.2 3.3v19a3.2 3.2 0 0 1-3.2 3.1\" }),\n React.createElement(\"path\", { fill: \"#FFF\", d: \"M159.6 120.5a2.4 2.4 0 1 1 0-4.8 2.4 2.4 0 0 1 0 4.8m7.4 0a2.4 2.4 0 1 1 0-4.8 2.4 2.4 0 0 1 0 4.8m7.4 0a2.4 2.4 0 1 1 0-4.8 2.4 2.4 0 0 1 0 4.8m48.1 0h-22.4a.8.8 0 0 1-.8-.8v-3.2c0-.4.3-.8.8-.8h22.4c.5 0 .8.4.8.8v3.2c0 .5-.3.8-.8.8\" }),\n React.createElement(\"path\", { fill: \"#BFCDDD\", d: \"M225 160.5h-71.2a3.2 3.2 0 0 1-3.2-3.2v-19a3.2 3.2 0 0 1 3.2-3.2h71.1a3.2 3.2 0 0 1 3.2 3.2v19a3.2 3.2 0 0 1-3.2 3.2\" }),\n React.createElement(\"path\", { stroke: \"#7C90A5\", d: \"M173.5 130.8h49.3m-57.8 0h6m-15 0h6.7m11.1 29.8h49.3m-57.7 0h6m-15.8 0h6.7\", strokeLinecap: \"round\", strokeLinejoin: \"round\", strokeWidth: \"1.1\" }),\n React.createElement(\"path\", { fill: \"#FFF\", d: \"M159.6 151a2.4 2.4 0 1 1 0-4.8 2.4 2.4 0 0 1 0 4.8m7.4 0a2.4 2.4 0 1 1 0-4.8 2.4 2.4 0 0 1 0 4.8m7.4 0a2.4 2.4 0 1 1 0-4.8 2.4 2.4 0 0 1 0 4.8m48.1 0h-22.4a.8.8 0 0 1-.8-.8V147c0-.4.3-.8.8-.8h22.4c.5 0 .8.4.8.8v3.2c0 .5-.3.8-.8.8m-63 29a2.4 2.4 0 1 1 0-4.8 2.4 2.4 0 0 1 0 4.8m7.5 0a2.4 2.4 0 1 1 0-4.8 2.4 2.4 0 0 1 0 4.8m7.4 0a2.4 2.4 0 1 1 0-4.8 2.4 2.4 0 0 1 0 4.8m48.1 0h-22.4a.8.8 0 0 1-.8-.8V176c0-.5.3-.8.8-.8h22.4c.5 0 .8.3.8.8v3.2c0 .4-.3.8-.8.8\" }),\n React.createElement(\"path\", { fill: \"#BFCDDD\", d: \"M203 221.1h-27.3a2.4 2.4 0 0 1-2.4-2.4v-11.4a2.4 2.4 0 0 1 2.4-2.5H203a2.4 2.4 0 0 1 2.4 2.5v11.4a2.4 2.4 0 0 1-2.4 2.4\" }),\n React.createElement(\"path\", { stroke: \"#A3B4C6\", d: \"M177.3 207.2v11.5m23.8-11.5v11.5\", strokeLinecap: \"round\", strokeLinejoin: \"round\", strokeWidth: \"1.1\" }),\n React.createElement(\"path\", { fill: \"#5BA02E\", d: \"M162.9 267.9a9.4 9.4 0 0 1-9.4-9.4v-14.8a9.4 9.4 0 0 1 18.8 0v14.8a9.4 9.4 0 0 1-9.4 9.4\" }),\n React.createElement(\"path\", { fill: \"#92C110\", d: \"M171.2 267.8a9.4 9.4 0 0 1-9.4-9.4V255a9.4 9.4 0 0 1 18.8 0v3.4a9.4 9.4 0 0 1-9.4 9.4\" }),\n React.createElement(\"path\", { fill: \"#F2D7AD\", d: \"M181.3 293.7h-27.7a3.2 3.2 0 0 1-3.2-3.2v-20.7a3.2 3.2 0 0 1 3.2-3.2h27.7a3.2 3.2 0 0 1 3.2 3.2v20.7a3.2 3.2 0 0 1-3.2 3.2\" }))));\nexport default ServerError;\n","import * as React from 'react';\nconst Unauthorized = () => (React.createElement(\"svg\", { width: \"251\", height: \"294\" },\n React.createElement(\"title\", null, \"Unauthorized\"),\n React.createElement(\"g\", { fill: \"none\", fillRule: \"evenodd\" },\n React.createElement(\"path\", { fill: \"#E4EBF7\", d: \"M0 129v-2C0 58.3 55.6 2.7 124.2 2.7h2c68.6 0 124.2 55.6 124.2 124.1v2.1c0 68.6-55.6 124.2-124.1 124.2h-2.1A124.2 124.2 0 0 1 0 129\" }),\n React.createElement(\"path\", { fill: \"#FFF\", d: \"M41.4 133a8.2 8.2 0 1 1-16.4-1.7 8.2 8.2 0 0 1 16.4 1.6\" }),\n React.createElement(\"path\", { stroke: \"#FFF\", d: \"m38.7 136.4 10.4 5.9m.9 6.2-12.6 10.7\", strokeWidth: \"2\" }),\n React.createElement(\"path\", { fill: \"#FFF\", d: \"M41.5 161.3a5.6 5.6 0 1 1-11.2-1.2 5.6 5.6 0 0 1 11.2 1.2m17.7-16a5.7 5.7 0 1 1-11.3-1.2 5.7 5.7 0 0 1 11.3 1.2m41.2-115.8H130a4.6 4.6 0 1 0 0-9.1h-29.6a4.6 4.6 0 0 0 0 9.1m11.3 18.3h29.7a4.6 4.6 0 1 0 0-9.2h-29.7a4.6 4.6 0 1 0 0 9.2\" }),\n React.createElement(\"path\", { fill: \"#FFF\", d: \"M114 29.5h15.8a4.6 4.6 0 1 0 0 9.1H114a4.6 4.6 0 0 0 0-9.1m71.3 108.2a10 10 0 1 1-19.8-2 10 10 0 0 1 19.8 2\" }),\n React.createElement(\"path\", { stroke: \"#FFF\", d: \"m180.2 143.8 12.5 7.1m1.1 7.5-15.1 13\", strokeWidth: \"2\" }),\n React.createElement(\"path\", { fill: \"#FFF\", d: \"M185.6 172a6.8 6.8 0 1 1-13.6-1.4 6.8 6.8 0 0 1 13.5 1.3m18.6-16.6a6.8 6.8 0 1 1-13.6-1.4 6.8 6.8 0 0 1 13.6 1.4\" }),\n React.createElement(\"path\", { stroke: \"#FFF\", d: \"M153 194a2.2 2.2 0 1 1-4.4 0 2.2 2.2 0 0 1 4.4 0zm73-75.8a2.2 2.2 0 1 1-4.5 0 2.2 2.2 0 0 1 4.4 0zm-9 34.9a2.2 2.2 0 1 1-4.3 0 2.2 2.2 0 0 1 4.4 0zm-39.2-43.3a2.2 2.2 0 1 1-4.4 0 2.2 2.2 0 0 1 4.4 0zm18.3-15.3a2.2 2.2 0 1 1-4.4 0 2.2 2.2 0 0 1 4.4 0zm6.7 88a2.2 2.2 0 1 1-4.4 0 2.2 2.2 0 0 1 4.4 0z\", strokeWidth: \"2\" }),\n React.createElement(\"path\", { stroke: \"#FFF\", d: \"m215.1 155.3-1.9 20-10.8 6m-27.8-4.7-6.3 9.8H157l-4.5 6.4m23.4-65.5v-15.7m45.6 7.8-12.8 7.9-15.2-7.9V96.7\", strokeWidth: \"2\" }),\n React.createElement(\"path\", { fill: \"#A26EF4\", d: \"M180.7 29.3a29.3 29.3 0 1 1 58.6 0 29.3 29.3 0 0 1-58.6 0\" }),\n React.createElement(\"path\", { fill: \"#FFF\", d: \"m221.4 41.7-21.5-.1a1.7 1.7 0 0 1-1.7-1.8V27.6a1.7 1.7 0 0 1 1.8-1.7h21.5c1 0 1.8.9 1.8 1.8l-.1 12.3a1.7 1.7 0 0 1-1.7 1.7\" }),\n React.createElement(\"path\", { fill: \"#FFF\", d: \"M215.1 29.2c0 2.6-2 4.6-4.5 4.6a4.6 4.6 0 0 1-4.5-4.7v-6.9c0-2.6 2-4.6 4.6-4.6 2.5 0 4.5 2 4.4 4.7v6.9zm-4.5-14a6.9 6.9 0 0 0-7 6.8v7.3a6.9 6.9 0 0 0 13.8.1V22a6.9 6.9 0 0 0-6.8-6.9zm-43 53.2h-4a4.7 4.7 0 0 1-4.7-4.8 4.7 4.7 0 0 1 4.7-4.7h4a4.7 4.7 0 0 1 4.7 4.8 4.7 4.7 0 0 1-4.7 4.7\" }),\n React.createElement(\"path\", { fill: \"#5BA02E\", d: \"M168.2 248.8a6.6 6.6 0 0 1-6.6-6.6v-66a6.6 6.6 0 0 1 13.2 0v66a6.6 6.6 0 0 1-6.6 6.6\" }),\n React.createElement(\"path\", { fill: \"#92C110\", d: \"M176.1 248.2a6.6 6.6 0 0 1-6.6-6.6v-33a6.6 6.6 0 1 1 13.3 0v33a6.6 6.6 0 0 1-6.7 6.6\" }),\n React.createElement(\"path\", { fill: \"#F2D7AD\", d: \"M186 293.9h-27.4a3.2 3.2 0 0 1-3.2-3.2v-45.9a3.2 3.2 0 0 1 3.2-3.1H186a3.2 3.2 0 0 1 3.2 3.1v46a3.2 3.2 0 0 1-3.2 3\" }),\n React.createElement(\"path\", { fill: \"#FFF\", d: \"M82 147.7s6.3-1 17.5-1.3c11.8-.4 17.6 1 17.6 1s3.7-3.8 1-8.3c1.3-12.1 6-32.9.3-48.3-1.1-1.4-3.7-1.5-7.5-.6-1.4.3-7.2-.2-8-.1l-15.3-.4-8-.5c-1.6-.1-4.3-1.7-5.5-.3-.4.4-2.4 5.6-2 16l8.7 35.7s-3.2 3.6 1.2 7\" }),\n React.createElement(\"path\", { fill: \"#FFC6A0\", d: \"m75.8 73.3-1-6.4 12-6.5s7.4-.1 8 1.2c.8 1.3-5.5 1-5.5 1s-1.9 1.4-2.6 2.5c-1.7 2.4-1 6.5-8.4 6-1.7.3-2.5 2.2-2.5 2.2\" }),\n React.createElement(\"path\", { fill: \"#FFB594\", d: \"M52.4 77.7S66.7 87 77.4 92c1 .5-2 16.2-11.9 11.8-7.4-3.3-20.1-8.4-21.5-14.5-.7-3.2 2.6-7.6 8.4-11.7M142 80s-6.7 3-13.9 6.9c-3.9 2.1-10.1 4.7-12.3 8-6.2 9.3 3.5 11.2 13 7.5 6.6-2.7 29-12.1 13.2-22.4\" }),\n React.createElement(\"path\", { fill: \"#FFC6A0\", d: \"m76.2 66.4 3 3.8S76.4 73 73 76c-7 6.2-12.8 14.3-16 16.4-4 2.7-9.7 3.3-12.2 0-3.5-5.1.5-14.7 31.5-26\" }),\n React.createElement(\"path\", { fill: \"#FFF\", d: \"M64.7 85.1s-2.4 8.4-9 14.5c.7.5 18.6 10.5 22.2 10 5.2-.6 6.4-19 1.2-20.5-.8-.2-6-1.3-8.9-2.2-.9-.2-1.6-1.7-3.5-1l-2-.8zm63.7.7s5.3 2 7.3 13.8c-.6.2-17.6 12.3-21.8 7.8-6.6-7-.8-17.4 4.2-18.6 4.7-1.2 5-1.4 10.3-3\" }),\n React.createElement(\"path\", { stroke: \"#E4EBF7\", d: \"M78.2 94.7s.9 7.4-5 13\", strokeLinecap: \"round\", strokeLinejoin: \"round\", strokeWidth: \"1.1\" }),\n React.createElement(\"path\", { stroke: \"#E4EBF7\", d: \"M87.4 94.7s3.1 2.6 10.3 2.6c7.1 0 9-3.5 9-3.5\", strokeLinecap: \"round\", strokeLinejoin: \"round\", strokeWidth: \".9\" }),\n React.createElement(\"path\", { fill: \"#FFC6A0\", d: \"m117.2 68.6-6.8-6.1s-5.4-4.4-9.2-1c-3.9 3.5 4.4 2.2 5.6 4.2 1.2 2.1.9 1.2-2 .5-5.7-1.4-2.1.9 3 5.3 2 1.9 7 1 7 1l2.4-3.9z\" }),\n React.createElement(\"path\", { fill: \"#FFB594\", d: \"m105.3 91.3-.3-11H89l-.5 10.5c0 .4.2.8.6 1 2 1.3 9.3 5 15.8.4.2-.2.4-.5.4-.9\" }),\n React.createElement(\"path\", { fill: \"#5C2552\", d: \"M107.6 74.2c.8-1.1 1-9 1-11.9a1 1 0 0 0-1-1l-4.6-.4c-7.7-1-17 .6-18.3 6.3-5.4 5.9-.4 13.3-.4 13.3s2 3.5 4.3 6.8c.8 1 .4-3.8 3-6a47.9 47.9 0 0 1 16-7\" }),\n React.createElement(\"path\", { fill: \"#FFC6A0\", d: \"M88.4 83.2s2.7 6.2 11.6 6.5c7.8.3 9-7 7.5-17.5l-1-5.5c-6-2.9-15.4.6-15.4.6s-.6 2-.2 5.5c-2.3 2-1.8 5.6-1.8 5.6s-1-2-2-2.3c-.9-.3-2 0-2.3 2-1 4.6 3.6 5.1 3.6 5.1\" }),\n React.createElement(\"path\", { stroke: \"#DB836E\", d: \"m100.8 77.1 1.7-1-1-4.3.7-1.4\", strokeLinecap: \"round\", strokeLinejoin: \"round\", strokeWidth: \"1.1\" }),\n React.createElement(\"path\", { fill: \"#552950\", d: \"M105.5 74c0 .8-.4 1.4-1 1.4-.4 0-.8-.7-.8-1.4s.5-1.2 1-1.2.9.6.8 1.3m-8 .2c0 .8-.4 1.3-.9 1.3s-.9-.6-.9-1.3c0-.7.5-1.3 1-1.3s1 .6.9 1.3\" }),\n React.createElement(\"path\", { stroke: \"#DB836E\", d: \"M91.1 86.8s5.3 5 12.7 2.3\", strokeLinecap: \"round\", strokeLinejoin: \"round\", strokeWidth: \"1.1\" }),\n React.createElement(\"path\", { fill: \"#DB836E\", d: \"M99.8 81.9s-3.6.2-1.5-2.8c1.6-1.5 5-.4 5-.4s1 3.9-3.5 3.2\" }),\n React.createElement(\"path\", { stroke: \"#5C2552\", d: \"M102.9 70.6s2.5.8 3.4.7m-12.4.7s2.5-1.2 4.8-1.1\", strokeLinecap: \"round\", strokeLinejoin: \"round\", strokeWidth: \"1.5\" }),\n React.createElement(\"path\", { stroke: \"#DB836E\", d: \"M86.3 77.4s1 .9 1.5 2c-.4.6-1 1.2-.3 1.9m11.8 2.4s2 .2 2.5-.2\", strokeLinecap: \"round\", strokeLinejoin: \"round\", strokeWidth: \"1.1\" }),\n React.createElement(\"path\", { stroke: \"#E4EBF7\", d: \"m87.8 115.8 15.7-3m-3.3 3 10-2m-43.7-27s-1.6 8.8-6.7 14M128.3 88s3 4 4 11.7\", strokeLinecap: \"round\", strokeLinejoin: \"round\", strokeWidth: \"1.1\" }),\n React.createElement(\"path\", { stroke: \"#DB836E\", d: \"M64 84.8s-6 10-13.5 10\", strokeLinecap: \"round\", strokeLinejoin: \"round\", strokeWidth: \".8\" }),\n React.createElement(\"path\", { fill: \"#FFC6A0\", d: \"m112.4 66-.2 5.2 12 9.2c4.5 3.6 8.9 7.5 11 8.7 4.8 2.8 8.9 3.3 11 1.8 4.1-2.9 4.4-9.9-8.1-15.3-4.3-1.8-16.1-6.3-25.7-9.7\" }),\n React.createElement(\"path\", { stroke: \"#DB836E\", d: \"M130.5 85.5s4.6 5.7 11.7 6.2\", strokeLinecap: \"round\", strokeLinejoin: \"round\", strokeWidth: \".8\" }),\n React.createElement(\"path\", { stroke: \"#E4EBF7\", d: \"M121.7 105.7s-.4 8.6-1.3 13.6\", strokeLinecap: \"round\", strokeLinejoin: \"round\", strokeWidth: \"1.1\" }),\n React.createElement(\"path\", { stroke: \"#648BD8\", d: \"M115.8 161.5s-3.6-1.5-2.7-7.1\", strokeLinecap: \"round\", strokeLinejoin: \"round\", strokeWidth: \"1.1\" }),\n React.createElement(\"path\", { fill: \"#CBD1D1\", d: \"M101.5 290.2s4.3 2.1 7.4 1c2.9-.9 4.6.7 7.2 1.3 2.5.5 6.9 1 11.7-1.3 0-5.6-7-4-12-6.8-2.6-1.4-3.8-4.7-3.6-8.8h-9.5s-1.4 10.6-1.2 14.6\" }),\n React.createElement(\"path\", { fill: \"#2B0849\", d: \"M101.5 290s2.4 1.4 6.8.7c3-.4 3.7.5 7.5 1 3.7.6 10.8 0 11.9-.8.4 1-.4 2-.4 2s-1.5.7-4.8.9c-2 .1-5.8.3-7.7-.5-1.8-1.4-5.2-2-5.7-.3-4 1-7.4-.3-7.4-.3l-.2-2.6z\" }),\n React.createElement(\"path\", { fill: \"#A4AABA\", d: \"M108.8 276.2h3.1s0 6.7 4.6 8.6c-4.7.6-8.6-2.3-7.7-8.6\" }),\n React.createElement(\"path\", { fill: \"#CBD1D1\", d: \"M57.6 272.5s-2 7.5-4.5 12.4c-1.8 3.7-4.2 7.6 5.5 7.6 6.7 0 9-.5 7.5-6.7-1.5-6.1.3-13.3.3-13.3h-8.8z\" }),\n React.createElement(\"path\", { fill: \"#2B0849\", d: \"M51.5 290s2.2 1.2 6.7 1.2c6.1 0 8.3-1.6 8.3-1.6s.6 1-.6 2.1c-1 .9-3.6 1.6-7.4 1.6-4.2 0-6-.6-6.8-1.2-.9-.5-.7-1.6-.2-2\" }),\n React.createElement(\"path\", { fill: \"#A4AABA\", d: \"M58.5 274.4s0 1.6-.3 3-1 3.1-1.1 4.2c0 1.1 4.5 1.5 5.2 0 .6-1.6 1.3-6.5 1.9-7.3.6-.8-5-2.1-5.7.1\" }),\n React.createElement(\"path\", { fill: \"#7BB2F9\", d: \"m100.9 277 13.3.1s1.3-54.2 1.8-64c.6-9.9 3.8-43.2 1-62.8l-12.4-.7-22.8.8-1.2 10c0 .4-.6.8-.7 1.3 0 .6.4 1.3.3 2-2.3 14-6.3 32.9-8.7 46.4-.1.6-1.2 1-1.4 2.6 0 .3.2 1.6 0 1.8-6.8 18.7-10.8 47.6-14.1 61.6h14.5s2.2-8.6 4-17a3984 3984 0 0 1 23-84.5l3-.5 1 46.1s-.2 1.2.4 2c.5.8-.6 1.1-.4 2.3l.4 1.7-1 11.9c-.4 4.6 0 39 0 39\" }),\n React.createElement(\"path\", { stroke: \"#648BD8\", d: \"M77.4 220.4c1.2.1 4-2 7-4.9m23.1 8.4s2.8-1 6.1-3.8\", strokeLinecap: \"round\", strokeLinejoin: \"round\", strokeWidth: \"1.1\" }),\n React.createElement(\"path\", { stroke: \"#648BD8\", d: \"M108.5 221s2.7-1.2 6-4\", strokeLinecap: \"round\", strokeLinejoin: \"round\" }),\n React.createElement(\"path\", { stroke: \"#648BD8\", d: \"M76.1 223.6s2.6-.6 6.5-3.4m4.7-69.4c-.2 3.1.3 8.5-4.3 9m21.8-10.7s.1 14-1.3 15c-2.2 1.6-3 1.9-3 1.9m.5-16.4s0 12.8-1.2 24.3m-4.9 1s7.2-1.6 9.4-1.6m-28.6 31.5-1 4.5s-1.5 1.8-1 3.7c.4 2-1 2-5 15.3-1.7 5.6-4.4 18.5-6.3 27.5l-4 18.4M77 196.7a313.3 313.3 0 0 1-.8 4.8m7.7-50-1.2 10.3s-1 .2-.5 2.3c.1 1.3-2.6 15.6-5.1 30.2M57.6 273h13.2\", strokeLinecap: \"round\", strokeLinejoin: \"round\", strokeWidth: \"1.1\" }),\n React.createElement(\"path\", { fill: \"#192064\", d: \"M117.4 147.4s-17-3-35.7.2v4.2s14.6-2.9 35.5-.4l.2-4\" }),\n React.createElement(\"path\", { fill: \"#FFF\", d: \"M107.5 150.4v-5a.8.8 0 0 0-.8-.7H99a.8.8 0 0 0-.7.8v4.8c0 .5.3.9.8.8a140.8 140.8 0 0 1 7.7 0 .8.8 0 0 0 .8-.7\" }),\n React.createElement(\"path\", { fill: \"#192064\", d: \"M106.4 149.4v-3a.6.6 0 0 0-.6-.7 94.1 94.1 0 0 0-5.8 0 .6.6 0 0 0-.7.7v3c0 .4.3.7.7.7h5.7c.4 0 .7-.3.7-.7\" }),\n React.createElement(\"path\", { stroke: \"#648BD8\", d: \"M101.5 274h12.3m-11.1-5v6.5m0-12.4v4.3m-.5-93.4.9 44.4s.7 1.6-.2 2.7c-1 1.1 2.4.7.9 2.2-1.6 1.6.9 1.1 0 3.4-.6 1.5-1 21-1.1 35\", strokeLinecap: \"round\", strokeLinejoin: \"round\", strokeWidth: \"1.1\" }))));\nexport default Unauthorized;\n","import * as React from 'react';\nimport CheckCircleFilled from '@ant-design/icons/CheckCircleFilled';\nimport CloseCircleFilled from '@ant-design/icons/CloseCircleFilled';\nimport ExclamationCircleFilled from '@ant-design/icons/ExclamationCircleFilled';\nimport WarningFilled from '@ant-design/icons/WarningFilled';\nimport { pickAttrs } from '@rc-component/util';\nimport { clsx } from 'clsx';\nimport { useMergeSemantic, useSemanticRootStyle } from '../_util/hooks/useMergeSemantic';\nimport { isReactRenderable } from '../_util/is';\nimport { devUseWarning } from '../_util/warning';\nimport { useComponentConfig } from '../config-provider/context';\nimport noFound from './noFound';\nimport serverError from './serverError';\nimport useStyle from './style';\nimport unauthorized from './unauthorized';\nexport const IconMap = {\n success: CheckCircleFilled,\n error: CloseCircleFilled,\n info: ExclamationCircleFilled,\n warning: WarningFilled,\n};\nexport const ExceptionMap = {\n '404': noFound,\n '500': serverError,\n '403': unauthorized,\n};\n// ExceptionImageMap keys\nconst ExceptionStatus = Object.keys(ExceptionMap);\nconst Icon = ({ icon, status, className, style }) => {\n if (process.env.NODE_ENV !== 'production') {\n const warning = devUseWarning('Result');\n warning(!(typeof icon === 'string' && icon.length > 2), 'breaking', `\\`icon\\` is using ReactNode instead of string naming in v4. Please check \\`${icon}\\` at https://ant.design/components/icon`);\n }\n if (ExceptionStatus.includes(`${status}`)) {\n const SVGComponent = ExceptionMap[status];\n return (React.createElement(\"div\", { className: className, style: style },\n React.createElement(SVGComponent, null)));\n }\n const iconNode = React.createElement(IconMap[status]);\n if (icon === null || icon === false) {\n return null;\n }\n return (React.createElement(\"div\", { className: className, style: style }, icon || iconNode));\n};\nconst Extra = ({ className, extra, style }) => {\n if (!isReactRenderable(extra)) {\n return null;\n }\n return (React.createElement(\"div\", { className: className, style: style }, extra));\n};\nconst Result = (props) => {\n const { prefixCls: customizePrefixCls, className: customizeClassName, rootClassName, subTitle, title, style, children, status = 'info', icon, extra, styles, classNames, ...rest } = props;\n const { getPrefixCls, direction, className: contextClassName, style: contextStyle, classNames: contextClassNames, styles: contextStyles, } = useComponentConfig('result');\n // =========== Merged Props for Semantic ==========\n const mergedProps = {\n ...props,\n status,\n };\n const contextStyleRoot = useSemanticRootStyle(contextStyle);\n const styleRoot = useSemanticRootStyle(style);\n const [mergedClassNames, mergedStyles] = useMergeSemantic([contextClassNames, classNames], [contextStyles, contextStyleRoot, styles, styleRoot], {\n props: mergedProps,\n });\n const prefixCls = getPrefixCls('result', customizePrefixCls);\n // Style\n const [hashId, cssVarCls] = useStyle(prefixCls);\n const rootClassNames = clsx(prefixCls, `${prefixCls}-${status}`, customizeClassName, contextClassName, rootClassName, { [`${prefixCls}-rtl`]: direction === 'rtl' }, hashId, cssVarCls, mergedClassNames.root);\n const titleClassNames = clsx(`${prefixCls}-title`, mergedClassNames.title);\n const subTitleClassNames = clsx(`${prefixCls}-subtitle`, mergedClassNames.subTitle);\n const extraClassNames = clsx(`${prefixCls}-extra`, mergedClassNames.extra);\n const bodyClassNames = clsx(`${prefixCls}-body`, mergedClassNames.body);\n const iconClassNames = clsx(`${prefixCls}-icon`, { [`${prefixCls}-image`]: ExceptionStatus.includes(`${status}`) }, mergedClassNames.icon);\n const rootStyles = {\n ...mergedStyles.root,\n };\n const restProps = pickAttrs(rest, { aria: true, data: true });\n return (React.createElement(\"div\", { ...restProps, className: rootClassNames, style: rootStyles },\n React.createElement(Icon, { className: iconClassNames, style: mergedStyles.icon, status: status, icon: icon }),\n isReactRenderable(title) && (React.createElement(\"div\", { className: titleClassNames, style: mergedStyles.title }, title)),\n isReactRenderable(subTitle) && (React.createElement(\"div\", { className: subTitleClassNames, style: mergedStyles.subTitle }, subTitle)),\n React.createElement(Extra, { className: extraClassNames, extra: extra, style: mergedStyles.extra }),\n isReactRenderable(children) && (React.createElement(\"div\", { className: bodyClassNames, style: mergedStyles.body }, children))));\n};\nResult.PRESENTED_IMAGE_403 = ExceptionMap['403'];\nResult.PRESENTED_IMAGE_404 = ExceptionMap['404'];\nResult.PRESENTED_IMAGE_500 = ExceptionMap['500'];\nif (process.env.NODE_ENV !== 'production') {\n Result.displayName = 'Result';\n}\nexport default Result;\n","import { Row } from '../grid';\nexport default Row;\n","import React, { forwardRef } from 'react';\nimport { clsx } from 'clsx';\nexport const InternalPanel = forwardRef((props, ref) => {\n const { prefixCls, className, children, destroyOnHidden = false, size, style, supportMotion, } = props;\n const isCollapsed = size === 0 || (typeof size === 'string' && Number.parseFloat(size) === 0);\n const panelClassName = clsx(`${prefixCls}-panel`, {\n [`${prefixCls}-panel-hidden`]: isCollapsed,\n [`${prefixCls}-panel-transition`]: supportMotion,\n }, className);\n const hasSize = size !== undefined;\n return (React.createElement(\"div\", { ref: ref, className: panelClassName, style: {\n ...style,\n // Use auto when start from ssr\n flexBasis: hasSize ? size : 'auto',\n flexGrow: hasSize ? 0 : 1,\n } }, !(destroyOnHidden && isCollapsed) && children));\n});\nif (process.env.NODE_ENV !== 'production') {\n InternalPanel.displayName = 'Panel';\n}\nconst Panel = () => null;\nexport default Panel;\n","import * as React from 'react';\nimport { toArray } from '@rc-component/util';\nimport { isPlainObject } from '../../_util/is';\nfunction getCollapsible(collapsible) {\n if (isPlainObject(collapsible)) {\n return {\n ...collapsible,\n showCollapsibleIcon: collapsible.showCollapsibleIcon === undefined ? 'auto' : collapsible.showCollapsibleIcon,\n };\n }\n const mergedCollapsible = !!collapsible;\n return {\n start: mergedCollapsible,\n end: mergedCollapsible,\n showCollapsibleIcon: 'auto',\n };\n}\n/**\n * Convert `children` into `items`.\n */\nfunction useItems(children) {\n const items = React.useMemo(() => toArray(children)\n .filter((item) => React.isValidElement(item))\n .map((node) => {\n const { props } = node;\n const { collapsible, ...restProps } = props;\n return {\n ...restProps,\n collapsible: getCollapsible(collapsible),\n };\n }), [children]);\n return items;\n}\nexport default useItems;\n","import * as React from 'react';\nfunction getShowCollapsibleIcon(prev, next) {\n if (prev.collapsible && next.collapsible) {\n if (prev.showCollapsibleIcon === true || next.showCollapsibleIcon === true) {\n return true;\n }\n if (prev.showCollapsibleIcon === 'auto' || next.showCollapsibleIcon === 'auto') {\n return 'auto';\n }\n return false;\n }\n if (prev.collapsible) {\n return prev.showCollapsibleIcon;\n }\n if (next.collapsible) {\n return next.showCollapsibleIcon;\n }\n return false;\n}\nexport default function useResizable(items, pxSizes, reverse) {\n return React.useMemo(() => {\n const resizeInfos = [];\n for (let i = 0; i < items.length - 1; i += 1) {\n const prevItem = items[i];\n const nextItem = items[i + 1];\n const prevSize = pxSizes[i];\n const nextSize = pxSizes[i + 1];\n const { resizable: prevResizable = true, min: prevMin, collapsible: prevCollapsible, } = prevItem;\n const { resizable: nextResizable = true, min: nextMin, collapsible: nextCollapsible, } = nextItem;\n const mergedResizable = \n // Both need to be resizable\n prevResizable &&\n nextResizable &&\n // Prev is not collapsed and limit min size\n (prevSize !== 0 || !prevMin) &&\n // Next is not collapsed and limit min size\n (nextSize !== 0 || !nextMin);\n const prevEndCollapsible = !!prevCollapsible.end && prevSize > 0;\n const nextStartExpandable = !!nextCollapsible.start && nextSize === 0 && prevSize > 0;\n const startCollapsible = prevEndCollapsible || nextStartExpandable;\n const nextStartCollapsible = !!nextCollapsible.start && nextSize > 0;\n const prevEndExpandable = !!prevCollapsible.end && prevSize === 0 && nextSize > 0;\n const endCollapsible = nextStartCollapsible || prevEndExpandable;\n const showStartCollapsibleIcon = getShowCollapsibleIcon({\n collapsible: prevEndCollapsible,\n showCollapsibleIcon: prevCollapsible.showCollapsibleIcon,\n }, {\n collapsible: nextStartExpandable,\n showCollapsibleIcon: nextCollapsible.showCollapsibleIcon,\n });\n const showEndCollapsibleIcon = getShowCollapsibleIcon({\n collapsible: nextStartCollapsible,\n showCollapsibleIcon: nextCollapsible.showCollapsibleIcon,\n }, {\n collapsible: prevEndExpandable,\n showCollapsibleIcon: prevCollapsible.showCollapsibleIcon,\n });\n resizeInfos[i] = {\n resizable: mergedResizable,\n startCollapsible: !!(reverse ? endCollapsible : startCollapsible),\n endCollapsible: !!(reverse ? startCollapsible : endCollapsible),\n showStartCollapsibleIcon: reverse ? showEndCollapsibleIcon : showStartCollapsibleIcon,\n showEndCollapsibleIcon: reverse ? showStartCollapsibleIcon : showEndCollapsibleIcon,\n };\n }\n return resizeInfos;\n }, [pxSizes, items, reverse]);\n}\n","export function autoPtgSizes(ptgSizes, minPtgSizes, maxPtgSizes) {\n // Static current data\n let currentTotalPtg = 0;\n const undefinedIndexes = [];\n ptgSizes.forEach((size, index) => {\n if (size === undefined) {\n undefinedIndexes.push(index);\n }\n else {\n currentTotalPtg += size;\n }\n });\n const restPtg = 1 - currentTotalPtg;\n const undefinedCount = undefinedIndexes.length;\n // If all sizes are defined but don't sum to 1, scale them.\n if (ptgSizes.length && !undefinedIndexes.length && currentTotalPtg !== 1) {\n // Handle the case when all sizes are 0\n if (currentTotalPtg === 0) {\n const avg = 1 / ptgSizes.length;\n return ptgSizes.map(() => avg);\n }\n const scale = 1 / currentTotalPtg;\n // We know `size` is a number here because undefinedIndexes is empty.\n return ptgSizes.map((size) => size * scale);\n }\n // Fill if exceed\n if (restPtg < 0) {\n const scale = 1 / currentTotalPtg;\n return ptgSizes.map((size) => (size === undefined ? 0 : size * scale));\n }\n // Check if limit exists\n let sumMin = 0;\n let sumMax = 0;\n let limitMin = 0;\n let limitMax = 1;\n for (const index of undefinedIndexes) {\n const min = minPtgSizes[index] || 0;\n const max = maxPtgSizes[index] || 1;\n sumMin += min;\n sumMax += max;\n limitMin = Math.max(limitMin, min);\n limitMax = Math.min(limitMax, max);\n }\n // Impossible case, just average fill\n if (sumMin > 1 && sumMax < 1) {\n const avg = 1 / undefinedCount;\n return ptgSizes.map((size) => (size === undefined ? avg : size));\n }\n // Quickly fill if can\n const restAvg = restPtg / undefinedCount;\n if (limitMin <= restAvg && restAvg <= limitMax) {\n return ptgSizes.map((size) => (size === undefined ? restAvg : size));\n }\n // Greedy algorithm\n const result = [...ptgSizes];\n let remain = restPtg - sumMin;\n for (let i = 0; i < undefinedCount; i += 1) {\n const index = undefinedIndexes[i];\n const min = minPtgSizes[index] || 0;\n const max = maxPtgSizes[index] || 1;\n result[index] = min;\n const canAdd = max - min;\n const add = Math.min(canAdd, remain);\n result[index] += add;\n remain -= add;\n }\n return result;\n}\n","import React from 'react';\nimport { isNonNullable } from '../../_util/is';\nimport { autoPtgSizes } from './sizeUtil';\nexport function getPtg(str) {\n return Number(str.slice(0, -1)) / 100;\n}\nfunction isPtg(itemSize) {\n return typeof itemSize === 'string' && itemSize.endsWith('%');\n}\n/**\n * Save the size state.\n * Align the size into flex percentage base.\n */\nexport default function useSizes(items, containerSize) {\n const propSizes = items.map((item) => item.size);\n const itemsCount = items.length;\n const mergedContainerSize = containerSize || 0;\n const ptg2px = (ptg) => ptg * mergedContainerSize;\n // We do not need care the size state match the `items` length in `useState`.\n // It will calculate later.\n const [innerSizes, setInnerSizes] = React.useState(() => items.map((item) => item.defaultSize));\n const sizes = React.useMemo(() => {\n // If any panel has a `size` passed as a prop, use `propSizes` and calculate all other panel sizes that don't have a `size` defined by the prop.\n // If no panel has received a value for the `size` prop, use `innerSizes`.\n return propSizes.some(isNonNullable) ? propSizes : innerSizes;\n }, [itemsCount, innerSizes, propSizes]);\n const postPercentMinSizes = React.useMemo(() => items.map((item) => {\n if (isPtg(item.min)) {\n return getPtg(item.min);\n }\n return (item.min || 0) / mergedContainerSize;\n }), [items, mergedContainerSize]);\n const postPercentMaxSizes = React.useMemo(() => items.map((item) => {\n if (isPtg(item.max)) {\n return getPtg(item.max);\n }\n return (item.max || mergedContainerSize) / mergedContainerSize;\n }), [items, mergedContainerSize]);\n // Post handle the size. Will do:\n // 1. Convert all the px into percentage if not empty.\n // 2. Get rest percentage for exist percentage.\n // 3. Fill the rest percentage into empty item.\n const postPercentSizes = React.useMemo(() => {\n const ptgList = [];\n // Fill default percentage\n for (let i = 0; i < itemsCount; i += 1) {\n const itemSize = sizes[i];\n if (isPtg(itemSize)) {\n ptgList[i] = getPtg(itemSize);\n }\n else if (itemSize || itemSize === 0) {\n const num = Number(itemSize);\n if (!Number.isNaN(num)) {\n ptgList[i] = num / mergedContainerSize;\n }\n }\n else {\n ptgList[i] = undefined;\n }\n }\n // Use autoPtgSizes to handle the undefined sizes\n return autoPtgSizes(ptgList, postPercentMinSizes, postPercentMaxSizes);\n }, [itemsCount, sizes, mergedContainerSize, postPercentMinSizes, postPercentMaxSizes]);\n const postPxSizes = React.useMemo(() => postPercentSizes.map(ptg2px), [postPercentSizes, mergedContainerSize]);\n // If ssr, we will use the size from developer config first.\n const panelSizes = React.useMemo(() => (containerSize ? postPxSizes : sizes), [postPxSizes, sizes, containerSize]);\n return [\n panelSizes,\n postPxSizes,\n postPercentSizes,\n postPercentMinSizes,\n postPercentMaxSizes,\n setInnerSizes,\n ];\n}\n","import * as React from 'react';\nimport { getPtg } from './useSizes';\n/**\n * Handle user drag resize logic.\n */\nexport default function useResize(items, resizableInfos, percentSizes, containerSize, updateSizes, reverse) {\n const limitSizes = items.map((item) => [item.min, item.max]);\n const mergedContainerSize = containerSize || 0;\n const ptg2px = (ptg) => ptg * mergedContainerSize;\n // ======================== Resize ========================\n function getLimitSize(str, defaultLimit) {\n if (typeof str === 'string') {\n return ptg2px(getPtg(str));\n }\n return str ?? defaultLimit;\n }\n // Real px sizes\n const [cacheSizes, setCacheSizes] = React.useState([]);\n const cacheCollapsedSizeRef = React.useRef([]);\n /**\n * When start drag, check the direct is `start` or `end`.\n * This will handle when 2 splitter bar are in the same position.\n */\n const [movingIndex, setMovingIndex] = React.useState(null);\n const getPxSizes = () => percentSizes.map(ptg2px);\n const onOffsetStart = (index) => {\n setCacheSizes(getPxSizes());\n setMovingIndex({\n index,\n confirmed: false,\n });\n };\n const onOffsetUpdate = (index, offset) => {\n // First time trigger move index update is not sync in the state\n let confirmedIndex = null;\n // We need to know what the real index is.\n if ((!movingIndex || !movingIndex.confirmed) && offset !== 0) {\n // Search for the real index\n if (offset > 0) {\n confirmedIndex = index;\n setMovingIndex({\n index,\n confirmed: true,\n });\n }\n else {\n for (let i = index; i >= 0; i -= 1) {\n if (cacheSizes[i] > 0 && resizableInfos[i].resizable) {\n confirmedIndex = i;\n setMovingIndex({\n index: i,\n confirmed: true,\n });\n break;\n }\n }\n }\n }\n const mergedIndex = confirmedIndex ?? movingIndex?.index ?? index;\n const numSizes = [...cacheSizes];\n const nextIndex = mergedIndex + 1;\n // Get boundary\n const startMinSize = getLimitSize(limitSizes[mergedIndex][0], 0);\n const endMinSize = getLimitSize(limitSizes[nextIndex][0], 0);\n const startMaxSize = getLimitSize(limitSizes[mergedIndex][1], mergedContainerSize);\n const endMaxSize = getLimitSize(limitSizes[nextIndex][1], mergedContainerSize);\n let mergedOffset = offset;\n // Align with the boundary\n if (numSizes[mergedIndex] + mergedOffset < startMinSize) {\n mergedOffset = startMinSize - numSizes[mergedIndex];\n }\n if (numSizes[nextIndex] - mergedOffset < endMinSize) {\n mergedOffset = numSizes[nextIndex] - endMinSize;\n }\n if (numSizes[mergedIndex] + mergedOffset > startMaxSize) {\n mergedOffset = startMaxSize - numSizes[mergedIndex];\n }\n if (numSizes[nextIndex] - mergedOffset > endMaxSize) {\n mergedOffset = numSizes[nextIndex] - endMaxSize;\n }\n // Do offset\n numSizes[mergedIndex] += mergedOffset;\n numSizes[nextIndex] -= mergedOffset;\n updateSizes(numSizes);\n return numSizes;\n };\n const onOffsetEnd = () => {\n setMovingIndex(null);\n };\n // ======================= Collapse =======================\n const onCollapse = (index, type) => {\n const currentSizes = getPxSizes();\n const adjustedType = reverse ? (type === 'start' ? 'end' : 'start') : type;\n const currentIndex = adjustedType === 'start' ? index : index + 1;\n const targetIndex = adjustedType === 'start' ? index + 1 : index;\n const currentSize = currentSizes[currentIndex];\n const targetSize = currentSizes[targetIndex];\n if (currentSize !== 0 && targetSize !== 0) {\n // Collapse directly\n currentSizes[currentIndex] = 0;\n currentSizes[targetIndex] += currentSize;\n cacheCollapsedSizeRef.current[index] = currentSize;\n }\n else {\n const totalSize = currentSize + targetSize;\n const currentSizeMin = getLimitSize(limitSizes[currentIndex][0], 0);\n const currentSizeMax = getLimitSize(limitSizes[currentIndex][1], mergedContainerSize);\n const targetSizeMin = getLimitSize(limitSizes[targetIndex][0], 0);\n const targetSizeMax = getLimitSize(limitSizes[targetIndex][1], mergedContainerSize);\n const limitStart = Math.max(currentSizeMin, totalSize - targetSizeMax);\n const limitEnd = Math.min(currentSizeMax, totalSize - targetSizeMin);\n const halfOffset = targetSizeMin || (limitEnd - limitStart) / 2;\n const targetCacheCollapsedSize = cacheCollapsedSizeRef.current[index];\n const currentCacheCollapsedSize = totalSize - targetCacheCollapsedSize;\n const shouldUseCache = targetCacheCollapsedSize &&\n targetCacheCollapsedSize <= targetSizeMax &&\n targetCacheCollapsedSize >= targetSizeMin &&\n currentCacheCollapsedSize <= currentSizeMax &&\n currentCacheCollapsedSize >= currentSizeMin;\n if (shouldUseCache) {\n currentSizes[targetIndex] = targetCacheCollapsedSize;\n currentSizes[currentIndex] = currentCacheCollapsedSize;\n }\n else {\n currentSizes[currentIndex] -= halfOffset;\n currentSizes[targetIndex] += halfOffset;\n }\n }\n updateSizes(currentSizes);\n return currentSizes;\n };\n return [onOffsetStart, onOffsetUpdate, onOffsetEnd, onCollapse, movingIndex?.index];\n}\n","import React, { useRef, useState } from 'react';\nimport DownOutlined from '@ant-design/icons/DownOutlined';\nimport LeftOutlined from '@ant-design/icons/LeftOutlined';\nimport RightOutlined from '@ant-design/icons/RightOutlined';\nimport UpOutlined from '@ant-design/icons/UpOutlined';\nimport { useEvent, useLayoutEffect } from '@rc-component/util';\nimport { clsx } from 'clsx';\nimport { isNumber } from '../_util/is';\nimport { genCssVar } from '../theme/util/genStyleUtils';\nconst getValidNumber = (num) => {\n return isNumber(num) && Number.isFinite(num) ? Math.round(num) : 0;\n};\nconst DOUBLE_CLICK_TIME_GAP = 300;\nconst SplitBar = (props) => {\n const { prefixCls, rootPrefixCls, vertical, index, active, ariaNow, ariaMin, ariaMax, resizable, draggerIcon, draggerStyle, draggerClassName, collapsibleIcon, startCollapsible, endCollapsible, onDraggerDoubleClick, onOffsetStart, onOffsetUpdate, onOffsetEnd, onCollapse, lazy, containerSize, showStartCollapsibleIcon, showEndCollapsibleIcon, } = props;\n const splitBarPrefixCls = `${prefixCls}-bar`;\n const lastClickTimeRef = useRef(0);\n const [varName] = genCssVar(rootPrefixCls, 'splitter');\n // ======================== Resize ========================\n const [startPos, setStartPos] = useState(null);\n const [constrainedOffset, setConstrainedOffset] = useState(0);\n const constrainedOffsetX = vertical ? 0 : constrainedOffset;\n const constrainedOffsetY = vertical ? constrainedOffset : 0;\n const onMouseDown = (e) => {\n e.stopPropagation();\n const currentTime = Date.now();\n const timeGap = currentTime - lastClickTimeRef.current;\n if (timeGap > 0 && timeGap < DOUBLE_CLICK_TIME_GAP) {\n // Prevent drag start if it's a double-click action\n return;\n }\n lastClickTimeRef.current = currentTime;\n if (resizable && e.currentTarget) {\n setStartPos([e.pageX, e.pageY]);\n onOffsetStart(index);\n }\n };\n const onTouchStart = (e) => {\n if (resizable && e.touches.length === 1) {\n const touch = e.touches[0];\n setStartPos([touch.pageX, touch.pageY]);\n onOffsetStart(index);\n }\n };\n // Updated constraint calculation\n const getConstrainedOffset = (rawOffset) => {\n const currentPos = (containerSize * ariaNow) / 100;\n const newPos = currentPos + rawOffset;\n // Calculate available space\n const minAllowed = Math.max(0, (containerSize * ariaMin) / 100);\n const maxAllowed = Math.min(containerSize, (containerSize * ariaMax) / 100);\n // Constrain new position within bounds\n const clampedPos = Math.max(minAllowed, Math.min(maxAllowed, newPos));\n return clampedPos - currentPos;\n };\n const handleLazyMove = useEvent((offsetX, offsetY) => {\n const constrainedOffsetValue = getConstrainedOffset(vertical ? offsetY : offsetX);\n setConstrainedOffset(constrainedOffsetValue);\n });\n const handleLazyEnd = useEvent(() => {\n onOffsetUpdate(index, constrainedOffsetX, constrainedOffsetY, true);\n setConstrainedOffset(0);\n onOffsetEnd(true);\n });\n const onCollapseKeyDown = (e, type) => {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n onCollapse(index, type);\n }\n };\n const getVisibilityClass = (mode) => {\n switch (mode) {\n case true:\n return `${splitBarPrefixCls}-collapse-bar-always-visible`;\n case false:\n return `${splitBarPrefixCls}-collapse-bar-always-hidden`;\n case 'auto':\n return `${splitBarPrefixCls}-collapse-bar-hover-only`;\n }\n };\n useLayoutEffect(() => {\n if (!startPos) {\n return;\n }\n const onMouseMove = (e) => {\n const { pageX, pageY } = e;\n const offsetX = pageX - startPos[0];\n const offsetY = pageY - startPos[1];\n if (lazy) {\n handleLazyMove(offsetX, offsetY);\n }\n else {\n onOffsetUpdate(index, offsetX, offsetY);\n }\n };\n const onMouseUp = () => {\n if (lazy) {\n handleLazyEnd();\n }\n else {\n onOffsetEnd();\n }\n setStartPos(null);\n };\n const handleTouchMove = (e) => {\n if (e.touches.length === 1) {\n const touch = e.touches[0];\n const offsetX = touch.pageX - startPos[0];\n const offsetY = touch.pageY - startPos[1];\n if (lazy) {\n handleLazyMove(offsetX, offsetY);\n }\n else {\n onOffsetUpdate(index, offsetX, offsetY);\n }\n }\n };\n const handleTouchEnd = () => {\n if (lazy) {\n handleLazyEnd();\n }\n else {\n onOffsetEnd();\n }\n setStartPos(null);\n };\n const eventHandlerMap = {\n mousemove: onMouseMove,\n mouseup: onMouseUp,\n touchmove: handleTouchMove,\n touchend: handleTouchEnd,\n };\n for (const [event, handler] of Object.entries(eventHandlerMap)) {\n // eslint-disable-next-line react/web-api-no-leaked-event-listener\n window.addEventListener(event, handler);\n }\n return () => {\n for (const [event, handler] of Object.entries(eventHandlerMap)) {\n window.removeEventListener(event, handler);\n }\n };\n }, [startPos, index, lazy]);\n const transformStyle = {\n [varName('bar-preview-offset')]: `${constrainedOffset}px`,\n };\n // ======================== Render ========================\n const [startIcon, endIcon, startCustomize, endCustomize] = React.useMemo(() => {\n let startIcon = null;\n let endIcon = null;\n const startCustomize = collapsibleIcon?.start !== undefined;\n const endCustomize = collapsibleIcon?.end !== undefined;\n if (vertical) {\n startIcon = startCustomize ? collapsibleIcon.start : React.createElement(UpOutlined, null);\n endIcon = endCustomize ? collapsibleIcon.end : React.createElement(DownOutlined, null);\n }\n else {\n startIcon = startCustomize ? collapsibleIcon.start : React.createElement(LeftOutlined, null);\n endIcon = endCustomize ? collapsibleIcon.end : React.createElement(RightOutlined, null);\n }\n return [startIcon, endIcon, startCustomize, endCustomize];\n }, [collapsibleIcon, vertical]);\n return (React.createElement(\"div\", { className: splitBarPrefixCls },\n lazy && (React.createElement(\"div\", { className: clsx(`${splitBarPrefixCls}-preview`, {\n [`${splitBarPrefixCls}-preview-active`]: !!constrainedOffset,\n }), style: transformStyle })),\n React.createElement(\"div\", { style: draggerStyle?.default, className: clsx(`${splitBarPrefixCls}-dragger`, {\n [`${splitBarPrefixCls}-dragger-disabled`]: !resizable,\n [`${splitBarPrefixCls}-dragger-active`]: active,\n [`${splitBarPrefixCls}-dragger-customize`]: draggerIcon !== undefined,\n }, draggerClassName?.default, active && draggerClassName?.active), onMouseDown: onMouseDown, onTouchStart: onTouchStart, onDoubleClick: () => onDraggerDoubleClick?.(index), role: \"separator\", \"aria-disabled\": !resizable, \"aria-orientation\": vertical ? 'horizontal' : 'vertical', \"aria-valuenow\": getValidNumber(ariaNow), \"aria-valuemin\": getValidNumber(ariaMin), \"aria-valuemax\": getValidNumber(ariaMax) }, draggerIcon !== undefined ? (React.createElement(\"div\", { className: clsx(`${splitBarPrefixCls}-dragger-icon`) }, draggerIcon)) : null),\n startCollapsible && (React.createElement(\"div\", { className: clsx(`${splitBarPrefixCls}-collapse-bar`, `${splitBarPrefixCls}-collapse-bar-start`, {\n [`${splitBarPrefixCls}-collapse-bar-customize`]: startCustomize,\n }, getVisibilityClass(showStartCollapsibleIcon)), role: \"button\", tabIndex: 0, \"aria-label\": \"Toggle start panel\", onClick: () => onCollapse(index, 'start'), onKeyDown: (e) => onCollapseKeyDown(e, 'start') },\n React.createElement(\"span\", { className: clsx(`${splitBarPrefixCls}-collapse-icon`, `${splitBarPrefixCls}-collapse-start`) }, startIcon))),\n endCollapsible && (React.createElement(\"div\", { className: clsx(`${splitBarPrefixCls}-collapse-bar`, `${splitBarPrefixCls}-collapse-bar-end`, {\n [`${splitBarPrefixCls}-collapse-bar-customize`]: endCustomize,\n }, getVisibilityClass(showEndCollapsibleIcon)), role: \"button\", tabIndex: 0, \"aria-label\": \"Toggle end panel\", onClick: () => onCollapse(index, 'end'), onKeyDown: (e) => onCollapseKeyDown(e, 'end') },\n React.createElement(\"span\", { className: clsx(`${splitBarPrefixCls}-collapse-icon`, `${splitBarPrefixCls}-collapse-end`) }, endIcon)))));\n};\nexport default SplitBar;\n","/* eslint-disable react/no-array-index-key */\nimport React, { useState } from 'react';\nimport ResizeObserver from '@rc-component/resize-observer';\nimport { useEvent } from '@rc-component/util';\nimport { clsx } from 'clsx';\nimport { useOrientation } from '../_util/hooks';\nimport { useMergeSemantic, useSemanticRootStyle } from '../_util/hooks/useMergeSemantic';\nimport { isNumber } from '../_util/is';\nimport { devUseWarning } from '../_util/warning';\nimport { useComponentConfig } from '../config-provider/context';\nimport useCSSVarCls from '../config-provider/hooks/useCSSVarCls';\nimport useItems from './hooks/useItems';\nimport useResizable from './hooks/useResizable';\nimport useResize from './hooks/useResize';\nimport useSizes from './hooks/useSizes';\nimport { InternalPanel } from './Panel';\nimport SplitBar from './SplitBar';\nimport useStyle from './style';\nconst Splitter = (props) => {\n const { prefixCls: customizePrefixCls, className, classNames, collapsible, style, styles, layout, orientation, vertical, children, destroyOnHidden, draggerIcon, collapsibleIcon, rootClassName, onDraggerDoubleClick, onResizeStart, onResize, onResizeEnd, lazy, } = props;\n const { getPrefixCls, direction, className: contextClassName, style: contextStyle, classNames: contextClassNames, styles: contextStyles, } = useComponentConfig('splitter');\n const prefixCls = getPrefixCls('splitter', customizePrefixCls);\n const rootPrefixCls = getPrefixCls();\n const rootCls = useCSSVarCls(prefixCls);\n const [hashId, cssVarCls] = useStyle(prefixCls, rootCls);\n // ======================== Direct ========================\n const [mergedOrientation, isVertical] = useOrientation(orientation, vertical, layout);\n const isRTL = direction === 'rtl';\n const reverse = !isVertical && isRTL;\n // ====================== Items Data ======================\n const items = useItems(children);\n // >>> Warning for uncontrolled\n if (process.env.NODE_ENV !== 'production') {\n const warning = devUseWarning('Splitter');\n const existSize = items.some((item) => item.size !== undefined);\n const existUndefinedSize = items.some((item) => item.size === undefined);\n if (existSize && existUndefinedSize && !onResize) {\n warning(false, 'usage', 'When part of `Splitter.Panel` has `size`, `onResize` is required or change `size` to `defaultSize`.');\n }\n warning.deprecated(!layout, 'layout', 'orientation');\n warning.deprecated(!collapsibleIcon, 'collapsibleIcon', 'collapsible.icon');\n }\n // ====================== Container =======================\n const [containerSize, setContainerSize] = useState();\n const onContainerResize = (size) => {\n const { offsetWidth, offsetHeight } = size;\n const containerSize = isVertical ? offsetHeight : offsetWidth;\n // Skip when container has no size, Such as nested in a hidden tab panel\n // to fix: https://github.com/ant-design/ant-design/issues/51106\n if (containerSize === 0) {\n return;\n }\n setContainerSize(containerSize);\n };\n // ========================= Size =========================\n const [panelSizes, itemPxSizes, itemPtgSizes, itemPtgMinSizes, itemPtgMaxSizes, updateSizes] = useSizes(items, containerSize);\n // ====================== Resizable =======================\n const resizableInfos = useResizable(items, itemPxSizes, reverse);\n const [onOffsetStart, onOffsetUpdate, onOffsetEnd, onCollapse, movingIndex] = useResize(items, resizableInfos, itemPtgSizes, containerSize, updateSizes, reverse);\n // ======================== Events ========================\n const onInternalResizeStart = useEvent((index) => {\n onOffsetStart(index);\n onResizeStart?.(itemPxSizes);\n });\n const onInternalResizeUpdate = useEvent((index, offset, lazyEnd) => {\n const nextSizes = onOffsetUpdate(index, offset);\n if (lazyEnd) {\n onResizeEnd?.(nextSizes);\n }\n else {\n onResize?.(nextSizes);\n }\n });\n const onInternalResizeEnd = useEvent((lazyEnd) => {\n onOffsetEnd();\n if (!lazyEnd) {\n onResizeEnd?.(itemPxSizes);\n }\n });\n const onInternalCollapse = useEvent((index, type) => {\n const nextSizes = onCollapse(index, type);\n onResize?.(nextSizes);\n onResizeEnd?.(nextSizes);\n const collapsed = nextSizes.map((size) => Math.abs(size) < Number.EPSILON);\n props.onCollapse?.(collapsed, nextSizes);\n });\n // =========== Merged Props for Semantic ==========\n const mergedProps = {\n ...props,\n vertical: isVertical,\n orientation: mergedOrientation,\n };\n // ======================== Styles ========================\n const contextStyleRoot = useSemanticRootStyle(contextStyle);\n const styleRoot = useSemanticRootStyle(style);\n const [mergedClassNames, mergedStyles] = useMergeSemantic([contextClassNames, classNames], [contextStyles, contextStyleRoot, styles, styleRoot], { props: mergedProps }, {\n // Convert `classNames.dragger: 'a'` to\n // `classNames.dragger: { default: 'a' }`\n dragger: {\n _default: 'default',\n },\n });\n const containerClassName = clsx(prefixCls, className, `${prefixCls}-${mergedOrientation}`, {\n [`${prefixCls}-rtl`]: isRTL,\n }, rootClassName, mergedClassNames.root, contextClassName, cssVarCls, rootCls, hashId);\n // ======================== Render ========================\n const maskCls = `${prefixCls}-mask`;\n const stackSizes = React.useMemo(() => {\n const mergedSizes = [];\n let stack = 0;\n const len = items.length;\n for (let i = 0; i < len; i += 1) {\n stack += itemPtgSizes[i];\n mergedSizes.push(stack);\n }\n return mergedSizes;\n }, [itemPtgSizes, items.length]);\n return (React.createElement(ResizeObserver, { onResize: onContainerResize },\n React.createElement(\"div\", { style: mergedStyles.root, className: containerClassName },\n items.map((item, idx) => {\n const panelProps = {\n ...item,\n className: clsx(mergedClassNames.panel, item.className),\n style: { ...mergedStyles.panel, ...item.style },\n };\n const panel = (React.createElement(InternalPanel, { ...panelProps, prefixCls: prefixCls, size: panelSizes[idx], supportMotion: collapsible?.motion && movingIndex === undefined, destroyOnHidden: item.destroyOnHidden ?? destroyOnHidden }));\n // Split Bar\n let splitBar = null;\n const resizableInfo = resizableInfos[idx];\n if (resizableInfo) {\n const ariaMinStart = (stackSizes[idx - 1] || 0) + itemPtgMinSizes[idx];\n const ariaMinEnd = (stackSizes[idx + 1] || 100) - itemPtgMaxSizes[idx + 1];\n const ariaMaxStart = (stackSizes[idx - 1] || 0) + itemPtgMaxSizes[idx];\n const ariaMaxEnd = (stackSizes[idx + 1] || 100) - itemPtgMinSizes[idx + 1];\n splitBar = (React.createElement(SplitBar, { lazy: lazy, index: idx, active: movingIndex === idx, prefixCls: prefixCls, rootPrefixCls: rootPrefixCls, vertical: isVertical, resizable: resizableInfo.resizable, draggerStyle: mergedStyles.dragger, draggerClassName: mergedClassNames.dragger, draggerIcon: draggerIcon, collapsibleIcon: collapsible?.icon || collapsibleIcon, ariaNow: stackSizes[idx] * 100, ariaMin: Math.max(ariaMinStart, ariaMinEnd) * 100, ariaMax: Math.min(ariaMaxStart, ariaMaxEnd) * 100, startCollapsible: resizableInfo.startCollapsible, endCollapsible: resizableInfo.endCollapsible, showStartCollapsibleIcon: resizableInfo.showStartCollapsibleIcon, showEndCollapsibleIcon: resizableInfo.showEndCollapsibleIcon, onDraggerDoubleClick: onDraggerDoubleClick, onOffsetStart: onInternalResizeStart, onOffsetUpdate: (index, offsetX, offsetY, lazyEnd) => {\n let offset = isVertical ? offsetY : offsetX;\n if (reverse) {\n offset = -offset;\n }\n onInternalResizeUpdate(index, offset, lazyEnd);\n }, onOffsetEnd: onInternalResizeEnd, onCollapse: onInternalCollapse, containerSize: containerSize || 0 }));\n }\n return (React.createElement(React.Fragment, { key: `split-panel-${idx}` },\n panel,\n splitBar));\n }),\n isNumber(movingIndex) && (React.createElement(\"div\", { \"aria-hidden\": true, className: clsx(maskCls, `${maskCls}-${mergedOrientation}`) })))));\n};\nif (process.env.NODE_ENV !== 'production') {\n Splitter.displayName = 'Splitter';\n}\nexport default Splitter;\n","import Panel from './Panel';\nimport SplitterComp from './Splitter';\nconst Splitter = SplitterComp;\nSplitter.Panel = Panel;\nexport default Splitter;\n","import * as React from 'react';\nimport { isFunction, isNumber } from '../_util/is';\nconst StatisticNumber = (props) => {\n const { value, formatter, precision, decimalSeparator, groupSeparator = '', prefixCls, className, style, } = props;\n let valueNode;\n if (isFunction(formatter)) {\n // Customize formatter\n valueNode = formatter(value);\n }\n else {\n // Internal formatter\n const val = String(value);\n const cells = val.match(/^(-?)(\\d*)(\\.(\\d+))?$/);\n // Process if illegal number\n if (!cells || val === '-') {\n valueNode = val;\n }\n else {\n const negative = cells[1];\n let int = cells[2] || '0';\n let decimal = cells[4] || '';\n int = int.replace(/\\B(?=(\\d{3})+(?!\\d))/g, groupSeparator);\n if (isNumber(precision)) {\n decimal = decimal.padEnd(precision, '0').slice(0, precision > 0 ? precision : 0);\n }\n if (decimal) {\n decimal = `${decimalSeparator}${decimal}`;\n }\n valueNode = [\n React.createElement(\"span\", { key: \"int\", className: `${prefixCls}-content-value-int` },\n negative,\n int),\n decimal && (React.createElement(\"span\", { key: \"decimal\", className: `${prefixCls}-content-value-decimal` }, decimal)),\n ];\n }\n }\n return (React.createElement(\"span\", { className: className, style: style }, valueNode));\n};\nif (process.env.NODE_ENV !== 'production') {\n StatisticNumber.displayName = 'StatisticNumber';\n}\nexport default StatisticNumber;\n","import * as React from 'react';\nimport { pickAttrs } from '@rc-component/util';\nimport { clsx } from 'clsx';\nimport { useMergeSemantic, useSemanticRootStyle } from '../_util/hooks/useMergeSemantic';\nimport { isFunction } from '../_util/is';\nimport { devUseWarning } from '../_util/warning';\nimport { useComponentConfig } from '../config-provider/context';\nimport Skeleton from '../skeleton';\nimport StatisticNumber from './Number';\nimport useStyle from './style';\nconst Statistic = React.forwardRef((props, ref) => {\n const { prefixCls: customizePrefixCls, className, rootClassName, style, valueStyle, value = 0, title, valueRender, prefix, suffix, loading = false, \n /* --- FormatConfig starts --- */\n formatter, precision, decimalSeparator = '.', groupSeparator = ',', \n /* --- FormatConfig starts --- */\n onMouseEnter, onMouseLeave, styles, classNames, ...rest } = props;\n const { getPrefixCls, direction, className: contextClassName, style: contextStyle, classNames: contextClassNames, styles: contextStyles, } = useComponentConfig('statistic');\n const prefixCls = getPrefixCls('statistic', customizePrefixCls);\n const [hashId, cssVarCls] = useStyle(prefixCls);\n const mergedProps = {\n ...props,\n decimalSeparator,\n groupSeparator,\n loading,\n value,\n };\n const contextStyleRoot = useSemanticRootStyle(contextStyle);\n const styleRoot = useSemanticRootStyle(style);\n const [mergedClassNames, mergedStyles] = useMergeSemantic([contextClassNames, classNames], [contextStyles, contextStyleRoot, styles, styleRoot], {\n props: mergedProps,\n });\n // ============================= Warning ==============================\n if (process.env.NODE_ENV !== 'production') {\n const warning = devUseWarning('Statistic');\n [['valueStyle', 'styles.content']].forEach(([deprecatedName, newName]) => {\n warning.deprecated(!(deprecatedName in props), deprecatedName, newName);\n });\n }\n const rootClassNames = clsx(prefixCls, {\n [`${prefixCls}-rtl`]: direction === 'rtl',\n }, contextClassName, className, rootClassName, mergedClassNames.root, hashId, cssVarCls);\n const headerClassNames = clsx(`${prefixCls}-header`, mergedClassNames.header);\n const titleClassNames = clsx(`${prefixCls}-title`, mergedClassNames.title);\n const contentClassNames = clsx(`${prefixCls}-content`, mergedClassNames.content);\n const valueClassNames = clsx(`${prefixCls}-content-value`, mergedClassNames.value);\n const prefixClassNames = clsx(`${prefixCls}-content-prefix`, mergedClassNames.prefix);\n const suffixClassNames = clsx(`${prefixCls}-content-suffix`, mergedClassNames.suffix);\n const valueNode = (React.createElement(StatisticNumber, { decimalSeparator: decimalSeparator, groupSeparator: groupSeparator, prefixCls: prefixCls, formatter: formatter, precision: precision, value: value, className: valueClassNames, style: mergedStyles.value }));\n const internalRef = React.useRef(null);\n React.useImperativeHandle(ref, () => ({\n nativeElement: internalRef.current,\n }));\n const restProps = pickAttrs(rest, { aria: true, data: true });\n return (React.createElement(\"div\", { ...restProps, className: rootClassNames, style: mergedStyles.root, ref: internalRef, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave },\n title && (React.createElement(\"div\", { className: headerClassNames, style: mergedStyles.header },\n React.createElement(\"div\", { className: titleClassNames, style: mergedStyles.title }, title))),\n React.createElement(Skeleton, { paragraph: false, loading: loading, className: `${prefixCls}-skeleton`, active: true },\n React.createElement(\"div\", { className: contentClassNames, style: { ...valueStyle, ...mergedStyles.content } },\n prefix && (React.createElement(\"span\", { className: prefixClassNames, style: mergedStyles.prefix }, prefix)),\n isFunction(valueRender) ? valueRender(valueNode) : valueNode,\n suffix && (React.createElement(\"span\", { className: suffixClassNames, style: mergedStyles.suffix }, suffix))))));\n});\nif (process.env.NODE_ENV !== 'production') {\n Statistic.displayName = 'Statistic';\n}\nexport default Statistic;\n","// Countdown\nconst timeUnits = [\n ['Y', 1000 * 60 * 60 * 24 * 365], // years\n ['M', 1000 * 60 * 60 * 24 * 30], // months\n ['D', 1000 * 60 * 60 * 24], // days\n ['H', 1000 * 60 * 60], // hours\n ['m', 1000 * 60], // minutes\n ['s', 1000], // seconds\n ['S', 1], // million seconds\n];\nexport function formatTimeStr(duration, format) {\n let leftDuration = duration;\n const escapeRegex = /\\[[^\\]]*]/g;\n const keepList = (format.match(escapeRegex) || []).map((str) => str.slice(1, -1));\n const templateText = format.replace(escapeRegex, '[]');\n const replacedText = timeUnits.reduce((current, [name, unit]) => {\n if (current.includes(name)) {\n const value = Math.floor(leftDuration / unit);\n leftDuration -= value * unit;\n return current.replace(new RegExp(`${name}+`, 'g'), (match) => {\n const len = match.length;\n return value.toString().padStart(len, '0');\n });\n }\n return current;\n }, templateText);\n let index = 0;\n return replacedText.replace(escapeRegex, () => {\n const match = keepList[index];\n index += 1;\n return match;\n });\n}\nexport function formatCounter(value, config, down) {\n const { format = '' } = config;\n const target = new Date(value).getTime();\n const current = Date.now();\n const diff = down ? Math.max(target - current, 0) : Math.max(current - target, 0);\n return formatTimeStr(diff, format);\n}\n","import * as React from 'react';\nimport { useEvent } from '@rc-component/util';\nimport { cloneElement } from '../_util/reactNode';\nimport Statistic from './Statistic';\nimport { formatCounter } from './utils';\nconst UPDATE_INTERVAL = 1000 / 60;\nfunction getTime(value) {\n return new Date(value).getTime();\n}\nconst StatisticTimer = (props) => {\n const { value, format = 'HH:mm:ss', onChange, onFinish, type, ...rest } = props;\n const down = type === 'countdown';\n // We reuse state here to do same as `forceUpdate`\n const [showTime, setShowTime] = React.useState(null);\n // ======================== Update ========================\n const update = useEvent(() => {\n const now = Date.now();\n const timestamp = getTime(value);\n setShowTime({});\n const timeDiff = !down ? now - timestamp : timestamp - now;\n onChange?.(timeDiff);\n // Only countdown will trigger `onFinish`\n if (down && timestamp < now) {\n onFinish?.();\n return false;\n }\n return true;\n });\n // Effect trigger\n React.useEffect(() => {\n let intervalId;\n const tick = () => {\n if (!update()) {\n window.clearInterval(intervalId);\n }\n };\n const startTimer = () => {\n intervalId = window.setInterval(tick, UPDATE_INTERVAL);\n };\n const stopTimer = () => {\n window.clearInterval(intervalId);\n };\n startTimer();\n return () => {\n stopTimer();\n };\n }, [value, down]);\n React.useEffect(() => {\n setShowTime({});\n }, []);\n // ======================== Format ========================\n const formatter = (formatValue, config) => showTime ? formatCounter(formatValue, { ...config, format }, down) : '-';\n const valueRender = (node) => cloneElement(node, { title: undefined });\n // ======================== Render ========================\n return React.createElement(Statistic, { ...rest, value: value, valueRender: valueRender, formatter: formatter });\n};\nexport default StatisticTimer;\n","import * as React from 'react';\nimport { devUseWarning } from '../_util/warning';\nimport StatisticTimer from './Timer';\nconst Countdown = (props) => {\n if (process.env.NODE_ENV !== 'production') {\n const warning = devUseWarning('Countdown');\n warning.deprecated(false, '', '');\n }\n return React.createElement(StatisticTimer, { ...props, type: \"countdown\" });\n};\nexport default React.memo(Countdown);\n","import Countdown from './Countdown';\nimport Statistic from './Statistic';\nimport Timer from './Timer';\nStatistic.Timer = Timer;\nStatistic.Countdown = Countdown;\nexport default Statistic;\n","import * as React from 'react';\nimport { clsx } from 'clsx';\nexport default function Rail(props) {\n const {\n prefixCls,\n className,\n style,\n status\n } = props;\n const railCls = `${prefixCls}-rail`;\n\n // ============================= render =============================\n return /*#__PURE__*/React.createElement(\"div\", {\n className: clsx(railCls, `${railCls}-${status}`, className),\n style: style\n });\n}","import * as React from 'react';\nexport const UnstableContext = /*#__PURE__*/React.createContext({});","import * as React from 'react';\nexport const StepsContext = /*#__PURE__*/React.createContext(null);","function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from 'react';\nimport { clsx } from 'clsx';\nimport { StepsContext } from \"./Context\";\nimport pickAttrs from \"@rc-component/util/es/pickAttrs\";\nexport const StepIconSemanticContext = /*#__PURE__*/React.createContext({});\nconst StepIcon = /*#__PURE__*/React.forwardRef((props, ref) => {\n const {\n className,\n style,\n children,\n ...restProps\n } = props;\n const {\n prefixCls,\n classNames,\n styles\n } = React.useContext(StepsContext);\n const {\n className: itemClassName,\n style: itemStyle\n } = React.useContext(StepIconSemanticContext);\n const itemCls = `${prefixCls}-item`;\n return /*#__PURE__*/React.createElement(\"div\", _extends({}, pickAttrs(restProps, false), {\n ref: ref,\n className: clsx(`${itemCls}-icon`, classNames.itemIcon, itemClassName, className),\n style: {\n ...styles.itemIcon,\n ...itemStyle,\n ...style\n }\n }), children);\n});\nexport default StepIcon;","function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n/* eslint react/prop-types: 0 */\nimport * as React from 'react';\nimport { clsx } from 'clsx';\nimport KeyCode from \"@rc-component/util/es/KeyCode\";\nimport Rail from \"./Rail\";\nimport { UnstableContext } from \"./UnstableContext\";\nimport StepIcon, { StepIconSemanticContext } from \"./StepIcon\";\nimport { StepsContext } from \"./Context\";\nfunction hasContent(value) {\n return value !== undefined && value !== null;\n}\nexport default function Step(props) {\n const {\n // style\n prefixCls,\n classNames,\n styles,\n // data\n data,\n last,\n nextStatus,\n active,\n index,\n // render\n itemRender,\n iconRender,\n itemWrapperRender,\n // events\n onClick\n } = props;\n const itemCls = `${prefixCls}-item`;\n\n // ======================== Contexts ========================\n const {\n railFollowPrevStatus\n } = React.useContext(UnstableContext);\n const {\n ItemComponent\n } = React.useContext(StepsContext);\n\n // ========================== Data ==========================\n const {\n onClick: onItemClick,\n title,\n subTitle,\n content,\n description,\n disabled,\n icon,\n status,\n className,\n style,\n classNames: itemClassNames = {},\n styles: itemStyles = {},\n ...restItemProps\n } = data;\n const mergedContent = content ?? description;\n const renderInfo = {\n item: {\n ...data,\n content: mergedContent\n },\n index,\n active\n };\n\n // ========================= Click ==========================\n const clickable = !!(onClick || onItemClick) && !disabled;\n const accessibilityProps = {};\n if (clickable) {\n accessibilityProps.role = 'button';\n accessibilityProps.tabIndex = 0;\n accessibilityProps.onClick = e => {\n onItemClick?.(e);\n onClick(index);\n };\n accessibilityProps.onKeyDown = e => {\n const {\n which\n } = e;\n if (which === KeyCode.ENTER || which === KeyCode.SPACE) {\n onClick(index);\n }\n };\n }\n\n // ========================= Render =========================\n const mergedStatus = status || 'wait';\n const hasTitle = hasContent(title);\n const hasSubTitle = hasContent(subTitle);\n const classString = clsx(itemCls, `${itemCls}-${mergedStatus}`, {\n [`${itemCls}-custom`]: icon,\n [`${itemCls}-active`]: active,\n [`${itemCls}-disabled`]: disabled === true,\n [`${itemCls}-empty-header`]: !hasTitle && !hasSubTitle\n }, className, classNames.item, itemClassNames.root);\n let iconNode = /*#__PURE__*/React.createElement(StepIcon, null);\n if (iconRender) {\n iconNode = iconRender(iconNode, {\n ...renderInfo,\n components: {\n Icon: StepIcon\n }\n });\n }\n const wrapperNode = /*#__PURE__*/React.createElement(\"div\", {\n className: clsx(`${itemCls}-wrapper`, classNames.itemWrapper, itemClassNames.wrapper),\n style: {\n ...styles.itemWrapper,\n ...itemStyles.wrapper\n }\n }, /*#__PURE__*/React.createElement(StepIconSemanticContext.Provider, {\n value: {\n className: itemClassNames.icon,\n style: itemStyles.icon\n }\n }, iconNode), /*#__PURE__*/React.createElement(\"div\", {\n className: clsx(`${itemCls}-section`, classNames.itemSection, itemClassNames.section),\n style: {\n ...styles.itemSection,\n ...itemStyles.section\n }\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: clsx(`${itemCls}-header`, classNames.itemHeader, itemClassNames.header),\n style: {\n ...styles.itemHeader,\n ...itemStyles.header\n }\n }, hasTitle && /*#__PURE__*/React.createElement(\"div\", {\n className: clsx(`${itemCls}-title`, classNames.itemTitle, itemClassNames.title),\n style: {\n ...styles.itemTitle,\n ...itemStyles.title\n }\n }, title), hasSubTitle && /*#__PURE__*/React.createElement(\"div\", {\n title: typeof subTitle === 'string' ? subTitle : undefined,\n className: clsx(`${itemCls}-subtitle`, classNames.itemSubtitle, itemClassNames.subtitle),\n style: {\n ...styles.itemSubtitle,\n ...itemStyles.subtitle\n }\n }, subTitle), !last && /*#__PURE__*/React.createElement(Rail, {\n prefixCls: itemCls,\n className: clsx(classNames.itemRail, itemClassNames.rail),\n style: {\n ...styles.itemRail,\n ...itemStyles.rail\n },\n status: railFollowPrevStatus ? status : nextStatus\n })), hasContent(mergedContent) && /*#__PURE__*/React.createElement(\"div\", {\n className: clsx(`${itemCls}-content`, classNames.itemContent, itemClassNames.content),\n style: {\n ...styles.itemContent,\n ...itemStyles.content\n }\n }, mergedContent)));\n let stepNode = /*#__PURE__*/React.createElement(ItemComponent, _extends({}, restItemProps, accessibilityProps, {\n className: classString,\n style: {\n ...styles.item,\n ...itemStyles.root,\n ...style\n }\n }), itemWrapperRender ? itemWrapperRender(wrapperNode) : wrapperNode);\n if (itemRender) {\n stepNode = itemRender(stepNode, renderInfo) || null;\n }\n return stepNode;\n}","function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n/* eslint react/no-did-mount-set-state: 0, react/prop-types: 0 */\nimport { clsx } from 'clsx';\nimport React from 'react';\nimport Step from \"./Step\";\nimport { StepsContext } from \"./Context\";\nconst EmptyObject = {};\nexport default function Steps(props) {\n const {\n // style\n prefixCls = 'rc-steps',\n style,\n className,\n classNames = EmptyObject,\n styles = EmptyObject,\n rootClassName,\n // layout\n orientation,\n titlePlacement,\n components,\n // data\n status = 'process',\n current = 0,\n initial = 0,\n onChange,\n items,\n // render\n iconRender,\n itemRender,\n itemWrapperRender,\n ...restProps\n } = props;\n\n // ============================= layout =============================\n const isVertical = orientation === 'vertical';\n const mergedOrientation = isVertical ? 'vertical' : 'horizontal';\n const mergeTitlePlacement = !isVertical && titlePlacement === 'vertical' ? 'vertical' : 'horizontal';\n\n // ============================= styles =============================\n const classString = clsx(prefixCls, `${prefixCls}-${mergedOrientation}`, `${prefixCls}-title-${mergeTitlePlacement}`, rootClassName, className, classNames.root);\n\n // ============================== Data ==============================\n const mergedItems = React.useMemo(() => (items || []).filter(Boolean), [items]);\n const statuses = React.useMemo(() => mergedItems.map(({\n status: itemStatus\n }, index) => {\n const stepNumber = initial + index;\n if (!itemStatus) {\n if (stepNumber === current) {\n return status;\n } else if (stepNumber < current) {\n return 'finish';\n }\n return 'wait';\n }\n return itemStatus;\n }), [mergedItems, status, current, initial]);\n\n // ============================= events =============================\n const onStepClick = next => {\n if (onChange && current !== next) {\n onChange(next);\n }\n };\n\n // =========================== components ===========================\n const {\n root: RootComponent = 'div',\n item: ItemComponent = 'div'\n } = components || {};\n\n // ============================ contexts ============================\n const stepIconContext = React.useMemo(() => ({\n prefixCls,\n classNames,\n styles,\n ItemComponent\n }), [prefixCls, classNames, styles, ItemComponent]);\n\n // ============================= render =============================\n const renderStep = (item, index) => {\n const stepIndex = initial + index;\n const itemStatus = statuses[index];\n const nextStatus = statuses[index + 1];\n const data = {\n ...item,\n status: itemStatus\n };\n return /*#__PURE__*/React.createElement(Step, {\n key: stepIndex\n // Style\n ,\n prefixCls: prefixCls,\n classNames: classNames,\n styles: styles\n // Data\n ,\n data: data,\n nextStatus: nextStatus,\n active: stepIndex === current,\n index: stepIndex,\n last: mergedItems.length - 1 === index\n // Render\n ,\n iconRender: iconRender,\n itemRender: itemRender,\n itemWrapperRender: itemWrapperRender,\n onClick: onChange && onStepClick\n });\n };\n return /*#__PURE__*/React.createElement(RootComponent, _extends({\n className: classString,\n style: {\n ...style,\n ...styles?.root\n }\n }, restProps), /*#__PURE__*/React.createElement(StepsContext.Provider, {\n value: stepIconContext\n }, mergedItems.map(renderStep)));\n}","import Steps from \"./Steps\";\nimport Step from \"./Step\";\nexport { Step };\nexport { UnstableContext } from \"./UnstableContext\";\nexport default Steps;","import * as React from 'react';\n/**\n * When use this context. Will trade as sub component instead of root Steps component.\n */\nexport const InternalContext = React.createContext(null);\n","import * as React from 'react';\nconst PanelArrow = (props) => {\n const { prefixCls } = props;\n return (React.createElement(\"svg\", { className: `${prefixCls}-panel-arrow`, viewBox: \"0 0 100 100\", xmlns: \"http://www.w3.org/2000/svg\", preserveAspectRatio: \"none\" },\n React.createElement(\"title\", null, \"Arrow\"),\n React.createElement(\"path\", { d: \"M 0 0 L 100 50 L 0 100\" })));\n};\nexport default PanelArrow;\n","import * as React from 'react';\nimport { clsx } from 'clsx';\nimport { genCssVar } from '../theme/util/genStyleUtils';\nconst ProgressIcon = (props) => {\n const { prefixCls, rootPrefixCls, children, percent } = props;\n const progressCls = `${prefixCls}-item-progress-icon`;\n const circleCls = `${progressCls}-circle`;\n const [, varRef] = genCssVar(rootPrefixCls, 'cmp-steps');\n const dashArray = `calc(${varRef('progress-radius')} * 2 * ${(Math.PI * percent) / 100}) 9999`;\n return (React.createElement(React.Fragment, null,\n React.createElement(\"svg\", { className: `${progressCls}-svg`, viewBox: \"0 0 100 100\", width: \"100%\", height: \"100%\", xmlns: \"http://www.w3.org/2000/svg\", \"aria-valuemax\": 100, \"aria-valuemin\": 0, \"aria-valuenow\": percent },\n React.createElement(\"title\", null, \"Progress\"),\n React.createElement(\"circle\", { className: clsx(circleCls, `${circleCls}-rail`) }),\n React.createElement(\"circle\", { className: clsx(circleCls, `${circleCls}-ptg`), strokeDasharray: dashArray, transform: \"rotate(-90 50 50)\" })),\n children));\n};\nexport default ProgressIcon;\n","import * as React from 'react';\nimport EllipsisOutlined from '@ant-design/icons/EllipsisOutlined';\n/**\n * Normalize a real item into the collapsed display list.\n * The original item key is preserved when provided, otherwise the original index keeps\n * React reconciliation stable while visible steps move around the collapsed list.\n */\nfunction getDisplayStep(item, index) {\n return {\n item: {\n ...item,\n key: item.key ?? index,\n },\n originIndex: index,\n };\n}\n/**\n * Build the disabled ellipsis item between two visible steps.\n * Its status reflects the hidden range so the connector still communicates\n * finished or error progress, and its key is derived from the adjacent real steps.\n */\nfunction getEllipsisStep(items, currentIndex, prevIndex, nextIndex, prefixCls) {\n const prevKey = items[prevIndex].key ?? prevIndex;\n const nextKey = items[nextIndex].key ?? nextIndex;\n const hasError = items.slice(prevIndex + 1, nextIndex).some((step) => step.status === 'error');\n const ellipsisStatus = hasError ? 'error' : nextIndex - 1 < currentIndex ? 'finish' : 'wait';\n return {\n item: {\n key: `ellipsis-${prevKey}-${nextKey}`,\n title: '',\n icon: React.createElement(EllipsisOutlined),\n status: ellipsisStatus,\n disabled: true,\n className: `${prefixCls}-item-ellipsis`,\n },\n originIndex: -1,\n };\n}\n/**\n * Pick the real step indexes that should remain visible when `maxCount` applies.\n * First, last, and current are always kept. Remaining slots are filled by priority:\n * current left, current right, first right, last left, then repeat at larger distances.\n *\n * `null` is inserted between non-contiguous indexes and later rendered as an ellipsis.\n */\nfunction getCollapsedIndexes(total, currentIndex, maxCount) {\n const safeCurrent = Math.min(Math.max(currentIndex, 0), total - 1);\n const targetCount = Math.min(maxCount, total);\n const indexes = new Set([0, safeCurrent, total - 1]);\n for (let distance = 1; indexes.size < targetCount && distance < total; distance += 1) {\n const candidates = [\n safeCurrent - distance,\n safeCurrent + distance,\n distance,\n total - 1 - distance,\n ];\n for (const index of candidates) {\n if (indexes.size >= targetCount) {\n break;\n }\n if (index >= 0 && index < total) {\n indexes.add(index);\n }\n }\n }\n return Array.from(indexes)\n .sort((a, b) => a - b)\n .flatMap((index, order, sortedIndexes) => order > 0 && index - sortedIndexes[order - 1] > 1 ? [null, index] : [index]);\n}\n/**\n * Convert the original items/current into the list consumed by rc-steps.\n * When steps are collapsed, rc-steps receives a compact item list and a remapped current,\n * while callers still interact with the original step indexes through `onChange`.\n */\nexport default function useDisplaySteps(mergedItems, current, initial, maxCount, prefixCls) {\n const canApplyMaxCount = maxCount !== undefined && maxCount >= 3 && mergedItems.length > maxCount;\n const mappedCurrent = current - initial;\n const displaySteps = React.useMemo(() => {\n if (!canApplyMaxCount) {\n return mergedItems.map((item, originIndex) => ({ item, originIndex }));\n }\n const collapsedIndexes = getCollapsedIndexes(mergedItems.length, mappedCurrent, maxCount);\n return collapsedIndexes.map((index, collapsedIndex) => index === null\n ? getEllipsisStep(mergedItems, mappedCurrent, collapsedIndexes[collapsedIndex - 1], collapsedIndexes[collapsedIndex + 1], prefixCls)\n : getDisplayStep(mergedItems[index], index));\n }, [canApplyMaxCount, mappedCurrent, mergedItems, maxCount, prefixCls]);\n const displayCurrent = displaySteps.findIndex((step) => step.originIndex === mappedCurrent);\n return {\n canApplyMaxCount,\n displaySteps,\n mappedDisplayCurrent: displayCurrent >= 0 ? displayCurrent : mappedCurrent,\n displayItems: displaySteps.map((step) => step.item),\n };\n}\n","import * as React from 'react';\nimport CheckOutlined from '@ant-design/icons/CheckOutlined';\nimport CloseOutlined from '@ant-design/icons/CloseOutlined';\nimport RcSteps from '@rc-component/steps';\nimport { clsx } from 'clsx';\nimport { useMergeSemantic } from '../_util/hooks/useMergeSemantic';\nimport { isFunction } from '../_util/is';\nimport { devUseWarning } from '../_util/warning';\nimport Wave from '../_util/wave';\nimport { TARGET_CLS } from '../_util/wave/interface';\nimport { useComponentConfig } from '../config-provider/context';\nimport useSize from '../config-provider/hooks/useSize';\nimport useBreakpoint from '../grid/hooks/useBreakpoint';\nimport { genCssVar } from '../theme/util/genStyleUtils';\nimport Tooltip from '../tooltip';\nimport { InternalContext } from './context';\nimport PanelArrow from './PanelArrow';\nimport ProgressIcon from './ProgressIcon';\nimport useStyle from './style';\nimport useDisplaySteps from './useDisplaySteps';\nconst waveEffectClassNames = {\n itemIcon: TARGET_CLS,\n};\nconst Steps = (props) => {\n const { \n // Style\n size, className, rootClassName, style, variant = 'filled', type, classNames, styles, \n // Layout\n direction, orientation, responsive = true, progressDot, labelPlacement, titlePlacement, ellipsis, maxCount, offset = 0, \n // Data\n items, percent, current = 0, initial = 0, onChange, \n // Render\n iconRender, \n // MISC\n ...restProps } = props;\n const internalContent = React.useContext(InternalContext);\n const contextContent = useComponentConfig('steps');\n const { getPrefixCls, direction: rtlDirection, className: contextClassName, style: contextStyle, } = contextContent;\n let contextClassNames;\n let contextStyles;\n let components = {};\n if (internalContent) {\n components = { root: internalContent.rootComponent, item: internalContent.itemComponent };\n }\n else {\n ({ classNames: contextClassNames, styles: contextStyles } = contextContent);\n }\n const rootPrefixCls = getPrefixCls();\n const prefixCls = getPrefixCls('steps', props.prefixCls);\n const itemIconCls = `${prefixCls}-item-icon`;\n const [hashId, cssVarCls] = useStyle(prefixCls);\n const [varName] = genCssVar(rootPrefixCls, 'cmp-steps');\n // ============================= Size =============================\n if (process.env.NODE_ENV !== 'production') {\n const warning = devUseWarning('Steps');\n warning.deprecated(size !== 'default', 'size=\"default\"', 'size=\"medium\"');\n }\n const mergedSize = useSize(size);\n // ============================= Item =============================\n const mergedItems = React.useMemo(() => (items || []).filter(Boolean), [items]);\n // ============================ Layout ============================\n const { xs } = useBreakpoint(responsive);\n // Type\n const mergedType = React.useMemo(() => {\n if (type && type !== 'default') {\n return type;\n }\n if (progressDot) {\n return 'dot';\n }\n return type;\n }, [progressDot, type]);\n const isInline = mergedType === 'inline';\n const isDot = mergedType === 'dot' || mergedType === 'inline';\n // Progress Dot Render function\n const legacyProgressDotRender = React.useMemo(() => {\n return mergedType === 'dot' && isFunction(progressDot) ? progressDot : undefined;\n }, [mergedType, progressDot]);\n const mergedOrientation = React.useMemo(() => {\n const nextOrientation = orientation || direction;\n if (mergedType === 'panel') {\n return 'horizontal';\n }\n return (responsive && xs) || nextOrientation === 'vertical' ? 'vertical' : 'horizontal';\n }, [orientation, direction, mergedType, responsive, xs]);\n const mergedTitlePlacement = React.useMemo(() => {\n if (isDot || mergedOrientation === 'vertical') {\n return mergedOrientation === 'vertical' ? 'horizontal' : 'vertical';\n }\n if (type === 'navigation') {\n return 'horizontal';\n }\n return titlePlacement || labelPlacement || 'horizontal';\n }, [isDot, labelPlacement, mergedOrientation, titlePlacement, type]);\n // ========================== Percentage ==========================\n const mergedPercent = isInline ? undefined : percent;\n const { canApplyMaxCount, displaySteps, mappedDisplayCurrent, displayItems } = useDisplaySteps(mergedItems, current, initial, maxCount, prefixCls);\n // =========== Merged Props for Semantic ===========\n const mergedProps = {\n ...props,\n variant,\n size: mergedSize,\n type: mergedType,\n orientation: mergedOrientation,\n titlePlacement: mergedTitlePlacement,\n current,\n initial,\n percent: mergedPercent,\n responsive,\n offset,\n ellipsis,\n maxCount,\n };\n // ============================ Styles ============================\n const [mergedClassNames, mergedStyles] = useMergeSemantic([waveEffectClassNames, contextClassNames, classNames], [contextStyles, styles], {\n props: mergedProps,\n });\n // ============================= Icon =============================\n const internalIconRender = (_, info) => {\n const { item, index, active, components: { Icon: StepIcon }, } = info;\n const originIndex = displaySteps[index]?.originIndex;\n const mappedIndex = originIndex !== undefined && originIndex >= 0 ? initial + originIndex : index;\n const { status, icon } = item;\n let iconContent = null;\n if (isDot || icon) {\n iconContent = icon;\n }\n else {\n switch (status) {\n case 'finish':\n iconContent = React.createElement(CheckOutlined, { className: `${itemIconCls}-finish` });\n break;\n case 'error':\n iconContent = React.createElement(CloseOutlined, { className: `${itemIconCls}-error` });\n break;\n default: {\n let numNode = React.createElement(\"span\", { className: `${itemIconCls}-number` }, mappedIndex + 1);\n if (status === 'process' && mergedPercent !== undefined) {\n numNode = (React.createElement(ProgressIcon, { prefixCls: prefixCls, rootPrefixCls: rootPrefixCls, percent: mergedPercent }, numNode));\n }\n iconContent = numNode;\n }\n }\n }\n let iconNode = React.createElement(StepIcon, null, iconContent);\n // Custom Render Props\n if (iconRender) {\n iconNode = iconRender(iconNode, {\n index: mappedIndex,\n active,\n item,\n components: { Icon: StepIcon },\n });\n }\n else if (isFunction(legacyProgressDotRender)) {\n iconNode = legacyProgressDotRender(iconNode, {\n index: mappedIndex,\n ...item,\n });\n }\n return iconNode;\n };\n // ============================ Custom ============================\n const itemRender = (itemNode, itemInfo) => {\n let content = itemNode;\n if (isInline && itemInfo.item.content) {\n content = (React.createElement(Tooltip, { destroyOnHidden: true, title: itemInfo.item.content }, itemNode));\n }\n return (React.createElement(Wave, { component: \"Steps\", disabled: itemInfo.item.disabled || !onChange, colorSource: variant === 'filled' ? 'color' : null }, content));\n };\n const itemWrapperRender = mergedType === 'panel'\n ? (itemNode) => {\n return (React.createElement(React.Fragment, null,\n itemNode,\n React.createElement(PanelArrow, { prefixCls: prefixCls })));\n }\n : undefined;\n // ============================ Styles ============================\n const mergedStyle = {\n [varName('items-offset')]: `${offset}`,\n ...contextStyle,\n ...style,\n };\n const stepsClassName = clsx(contextClassName, `${prefixCls}-${variant}`, {\n [`${prefixCls}-${mergedType}`]: mergedType !== 'dot' ? mergedType : false,\n [`${prefixCls}-rtl`]: rtlDirection === 'rtl',\n [`${prefixCls}-dot`]: isDot,\n [`${prefixCls}-ellipsis`]: ellipsis,\n [`${prefixCls}-max-count`]: canApplyMaxCount,\n [`${prefixCls}-with-progress`]: mergedPercent !== undefined,\n [`${prefixCls}-small`]: mergedSize === 'small',\n }, className, rootClassName, hashId, cssVarCls);\n // =========================== Warning ============================\n if (process.env.NODE_ENV !== 'production') {\n const warning = devUseWarning('Steps');\n warning.deprecated(!labelPlacement, 'labelPlacement', 'titlePlacement');\n warning.deprecated(!progressDot, 'progressDot', 'type=\"dot\"');\n warning.deprecated(!direction, 'direction', 'orientation');\n warning.deprecated(mergedItems.every((item) => !item.description), 'items.description', 'items.content');\n warning(maxCount === undefined || maxCount >= 3, 'usage', '`maxCount` should be greater than or equal to 3.');\n }\n const onDisplayChange = (displayCurrent) => {\n const target = displaySteps[displayCurrent];\n if (onChange && target && target.originIndex >= 0) {\n onChange(initial + target.originIndex);\n }\n };\n // ============================ Render ============================\n return (React.createElement(RcSteps, { ...restProps, \n // Style\n prefixCls: prefixCls, className: stepsClassName, style: mergedStyle, classNames: mergedClassNames, styles: mergedStyles, \n // Layout\n orientation: mergedOrientation, titlePlacement: mergedTitlePlacement, components: components, \n // Data\n initial: 0, current: mappedDisplayCurrent, items: displayItems, onChange: onChange ? onDisplayChange : undefined, \n // Render\n iconRender: internalIconRender, itemRender: itemRender, itemWrapperRender: itemWrapperRender }));\n};\nif (process.env.NODE_ENV !== 'production') {\n Steps.displayName = 'Steps';\n}\nexport default Steps;\n","function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from 'react';\nimport { clsx } from 'clsx';\nimport useControlledState from \"@rc-component/util/es/hooks/useControlledState\";\nimport KeyCode from \"@rc-component/util/es/KeyCode\";\nconst Switch = /*#__PURE__*/React.forwardRef(({\n prefixCls = 'rc-switch',\n className,\n checked,\n defaultChecked,\n disabled,\n loadingIcon,\n checkedChildren,\n unCheckedChildren,\n onClick,\n onChange,\n onKeyDown,\n styles,\n classNames: switchClassNames,\n ...restProps\n}, ref) => {\n const [innerChecked, setInnerChecked] = useControlledState(defaultChecked ?? false, checked);\n function triggerChange(newChecked, event) {\n let mergedChecked = innerChecked;\n if (!disabled) {\n mergedChecked = newChecked;\n setInnerChecked(mergedChecked);\n onChange?.(mergedChecked, event);\n }\n return mergedChecked;\n }\n function onInternalKeyDown(e) {\n if (e.which === KeyCode.LEFT) {\n triggerChange(false, e);\n } else if (e.which === KeyCode.RIGHT) {\n triggerChange(true, e);\n }\n onKeyDown?.(e);\n }\n function onInternalClick(e) {\n const ret = triggerChange(!innerChecked, e);\n // [Legacy] trigger onClick with value\n onClick?.(ret, e);\n }\n const switchClassName = clsx(prefixCls, className, {\n [`${prefixCls}-checked`]: innerChecked,\n [`${prefixCls}-disabled`]: disabled\n });\n return /*#__PURE__*/React.createElement(\"button\", _extends({}, restProps, {\n type: \"button\",\n role: \"switch\",\n \"aria-checked\": innerChecked,\n disabled: disabled,\n className: switchClassName,\n ref: ref,\n onKeyDown: onInternalKeyDown,\n onClick: onInternalClick\n }), loadingIcon, /*#__PURE__*/React.createElement(\"span\", {\n className: `${prefixCls}-inner`\n }, /*#__PURE__*/React.createElement(\"span\", {\n className: clsx(`${prefixCls}-inner-checked`, switchClassNames?.content),\n style: styles?.content\n }, checkedChildren), /*#__PURE__*/React.createElement(\"span\", {\n className: clsx(`${prefixCls}-inner-unchecked`, switchClassNames?.content),\n style: styles?.content\n }, unCheckedChildren)));\n});\nSwitch.displayName = 'Switch';\nexport default Switch;","import * as React from 'react';\nimport LoadingOutlined from '@ant-design/icons/LoadingOutlined';\nimport RcSwitch from '@rc-component/switch';\nimport { useControlledState } from '@rc-component/util';\nimport { clsx } from 'clsx';\nimport { useMergeSemantic, useSemanticRootStyle } from '../_util/hooks/useMergeSemantic';\nimport { devUseWarning } from '../_util/warning';\nimport Wave from '../_util/wave';\nimport { useComponentConfig } from '../config-provider/context';\nimport DisabledContext from '../config-provider/DisabledContext';\nimport useSize from '../config-provider/hooks/useSize';\nimport useStyle from './style';\nconst InternalSwitch = React.forwardRef((props, ref) => {\n const { prefixCls: customizePrefixCls, size: customizeSize, disabled: customDisabled, loading, className, rootClassName, style, checked: checkedProp, value, defaultChecked: defaultCheckedProp, defaultValue, onChange, styles, classNames, ...restProps } = props;\n const [checked, setChecked] = useControlledState(defaultCheckedProp ?? defaultValue ?? false, checkedProp ?? value);\n const { getPrefixCls, direction, className: contextClassName, style: contextStyle, classNames: contextClassNames, styles: contextStyles, } = useComponentConfig('switch');\n // ===================== Disabled =====================\n const disabled = React.useContext(DisabledContext);\n const mergedDisabled = (customDisabled ?? disabled) || loading;\n const prefixCls = getPrefixCls('switch', customizePrefixCls);\n // Style\n const [hashId, cssVarCls] = useStyle(prefixCls);\n if (process.env.NODE_ENV !== 'production') {\n const warning = devUseWarning('Switch');\n warning.deprecated(customizeSize !== 'default', 'size=\"default\"', 'size=\"medium\"');\n }\n const mergedSize = useSize(customizeSize);\n const mergedProps = {\n ...props,\n size: mergedSize,\n disabled: mergedDisabled,\n };\n const contextStyleRoot = useSemanticRootStyle(contextStyle);\n const styleRoot = useSemanticRootStyle(style);\n const [mergedClassNames, mergedStyles] = useMergeSemantic([contextClassNames, classNames], [contextStyles, contextStyleRoot, styles, styleRoot], {\n props: mergedProps,\n });\n const loadingIcon = (React.createElement(\"div\", { className: clsx(`${prefixCls}-handle`, mergedClassNames.indicator), style: mergedStyles.indicator }, loading && React.createElement(LoadingOutlined, { className: `${prefixCls}-loading-icon` })));\n const classes = clsx(contextClassName, {\n [`${prefixCls}-small`]: mergedSize === 'small',\n [`${prefixCls}-loading`]: loading,\n [`${prefixCls}-rtl`]: direction === 'rtl',\n }, className, rootClassName, mergedClassNames.root, hashId, cssVarCls);\n const changeHandler = (...args) => {\n setChecked(args[0]);\n onChange?.(...args);\n };\n return (React.createElement(Wave, { component: \"Switch\", disabled: mergedDisabled },\n React.createElement(RcSwitch, { ...restProps, classNames: mergedClassNames, styles: mergedStyles, checked: checked, onChange: changeHandler, prefixCls: prefixCls, className: classes, style: mergedStyles.root, disabled: mergedDisabled, ref: ref, loadingIcon: loadingIcon })));\n});\nconst Switch = InternalSwitch;\nSwitch.__ANT_SWITCH = true;\nif (process.env.NODE_ENV !== 'production') {\n Switch.displayName = 'Switch';\n}\nexport default Switch;\n","export const EXPAND_COLUMN = {};\nexport const INTERNAL_HOOKS = 'rc-table-internal-hook';","import { isEqual, useEvent, useLayoutEffect } from '@rc-component/util';\nimport * as React from 'react';\nimport { unstable_batchedUpdates } from 'react-dom';\nexport function createContext(defaultValue) {\n const Context = /*#__PURE__*/React.createContext(undefined);\n const Provider = ({\n value,\n children\n }) => {\n const valueRef = React.useRef(value);\n valueRef.current = value;\n const [context] = React.useState(() => ({\n getValue: () => valueRef.current,\n listeners: new Set()\n }));\n useLayoutEffect(() => {\n unstable_batchedUpdates(() => {\n context.listeners.forEach(listener => {\n listener(value);\n });\n });\n }, [value]);\n return /*#__PURE__*/React.createElement(Context.Provider, {\n value: context\n }, children);\n };\n return {\n Context,\n Provider,\n defaultValue\n };\n}\n\n/** e.g. useSelect(userContext) => user */\n\n/** e.g. useSelect(userContext, user => user.name) => user.name */\n\n/** e.g. useSelect(userContext, ['name', 'age']) => user { name, age } */\n\n/** e.g. useSelect(userContext, 'name') => user.name */\n\nexport function useContext(holder, selector) {\n const eventSelector = useEvent(typeof selector === 'function' ? selector : ctx => {\n if (selector === undefined) {\n return ctx;\n }\n if (!Array.isArray(selector)) {\n return ctx[selector];\n }\n const obj = {};\n selector.forEach(key => {\n obj[key] = ctx[key];\n });\n return obj;\n });\n const context = React.useContext(holder?.Context);\n const {\n listeners,\n getValue\n } = context || {};\n const valueRef = React.useRef();\n valueRef.current = eventSelector(context ? getValue() : holder?.defaultValue);\n const [, forceUpdate] = React.useState({});\n useLayoutEffect(() => {\n if (!context) {\n return;\n }\n function trigger(nextValue) {\n const nextSelectorValue = eventSelector(nextValue);\n if (!isEqual(valueRef.current, nextSelectorValue, true)) {\n forceUpdate({});\n }\n }\n listeners.add(trigger);\n return () => {\n listeners.delete(trigger);\n };\n }, [context]);\n return valueRef.current;\n}","function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport { supportRef } from '@rc-component/util';\nimport * as React from 'react';\n/**\n * Create Immutable pair for `makeImmutable` and `responseImmutable`.\n */\nexport default function createImmutable() {\n const ImmutableContext = /*#__PURE__*/React.createContext(null);\n\n /**\n * Get render update mark by `makeImmutable` root.\n * Do not deps on the return value as render times\n * but only use for `useMemo` or `useCallback` deps.\n */\n function useImmutableMark() {\n return React.useContext(ImmutableContext);\n }\n\n /**\n * Wrapped Component will be marked as Immutable.\n * When Component parent trigger render,\n * it will notice children component (use with `responseImmutable`) node that parent has updated.\n * @param Component Passed Component\n * @param triggerRender Customize trigger `responseImmutable` children re-render logic. Default will always trigger re-render when this component re-render.\n */\n function makeImmutable(Component, shouldTriggerRender) {\n const refAble = supportRef(Component);\n const ImmutableComponent = (props, ref) => {\n const refProps = refAble ? {\n ref\n } : {};\n const renderTimesRef = React.useRef(0);\n const prevProps = React.useRef(props);\n\n // If parent has the context, we do not wrap it\n const mark = useImmutableMark();\n if (mark !== null) {\n return /*#__PURE__*/React.createElement(Component, _extends({}, props, refProps));\n }\n if (\n // Always trigger re-render if `shouldTriggerRender` is not provided\n !shouldTriggerRender || shouldTriggerRender(prevProps.current, props)) {\n renderTimesRef.current += 1;\n }\n prevProps.current = props;\n return /*#__PURE__*/React.createElement(ImmutableContext.Provider, {\n value: renderTimesRef.current\n }, /*#__PURE__*/React.createElement(Component, _extends({}, props, refProps)));\n };\n if (process.env.NODE_ENV !== 'production') {\n ImmutableComponent.displayName = `ImmutableRoot(${Component.displayName || Component.name})`;\n }\n return refAble ? /*#__PURE__*/React.forwardRef(ImmutableComponent) : ImmutableComponent;\n }\n\n /**\n * Wrapped Component with `React.memo`.\n * But will rerender when parent with `makeImmutable` rerender.\n */\n function responseImmutable(Component, propsAreEqual) {\n const refAble = supportRef(Component);\n const ImmutableComponent = (props, ref) => {\n const refProps = refAble ? {\n ref\n } : {};\n useImmutableMark();\n return /*#__PURE__*/React.createElement(Component, _extends({}, props, refProps));\n };\n if (process.env.NODE_ENV !== 'production') {\n ImmutableComponent.displayName = `ImmutableResponse(${Component.displayName || Component.name})`;\n }\n return /*#__PURE__*/React.memo(refAble ? /*#__PURE__*/React.forwardRef(ImmutableComponent) : ImmutableComponent, propsAreEqual);\n }\n return {\n makeImmutable,\n responseImmutable,\n useImmutableMark\n };\n}","import { createContext, useContext } from \"./context\";\nimport createImmutable from \"./Immutable\";\n\n// For legacy usage, we export it directly\nconst {\n makeImmutable,\n responseImmutable,\n useImmutableMark\n} = createImmutable();\nexport { createContext, useContext, createImmutable, makeImmutable, responseImmutable, useImmutableMark };","import { createContext, createImmutable } from '@rc-component/context';\nconst {\n makeImmutable,\n responseImmutable,\n useImmutableMark\n} = createImmutable();\nexport { makeImmutable, responseImmutable, useImmutableMark };\nconst TableContext = createContext();\nexport default TableContext;","/* istanbul ignore file */\nimport * as React from 'react';\nfunction useRenderTimes(props, debug) {\n // Render times\n const timesRef = React.useRef(0);\n timesRef.current += 1;\n\n // Props changed\n const propsRef = React.useRef(props);\n const keys = [];\n Object.keys(props || {}).map(key => {\n if (props?.[key] !== propsRef.current?.[key]) {\n keys.push(key);\n }\n });\n propsRef.current = props;\n\n // Cache keys since React rerender may cause it lost\n const keysRef = React.useRef([]);\n if (keys.length) {\n keysRef.current = keys;\n }\n React.useDebugValue(timesRef.current);\n React.useDebugValue(keysRef.current.join(', '));\n if (debug) {\n console.log(`${debug}:`, timesRef.current, keysRef.current);\n }\n return timesRef.current;\n}\nexport default process.env.NODE_ENV !== 'production' ? useRenderTimes : () => {};\nexport const RenderBlock = /*#__PURE__*/React.memo(() => {\n const times = useRenderTimes();\n return /*#__PURE__*/React.createElement(\"h1\", null, \"Render Times: \", times);\n});\nif (process.env.NODE_ENV !== 'production') {\n RenderBlock.displayName = 'RenderBlock';\n}","import * as React from 'react';\n// TODO: Remove when use `responsiveImmutable`\nconst PerfContext = /*#__PURE__*/React.createContext({\n renderWithProps: false\n});\nexport default PerfContext;","const INTERNAL_KEY_PREFIX = 'RC_TABLE_KEY';\nfunction toArray(arr) {\n if (arr === undefined || arr === null) {\n return [];\n }\n return Array.isArray(arr) ? arr : [arr];\n}\nexport function getColumnsKey(columns) {\n const columnKeys = [];\n const keys = {};\n columns.forEach(column => {\n const {\n key,\n dataIndex\n } = column || {};\n let mergedKey = key || toArray(dataIndex).join('-') || INTERNAL_KEY_PREFIX;\n while (keys[mergedKey]) {\n mergedKey = `${mergedKey}_next`;\n }\n keys[mergedKey] = true;\n columnKeys.push(mergedKey);\n });\n return columnKeys;\n}\nexport function validateValue(val) {\n return val !== null && val !== undefined;\n}\nexport function validNumberValue(value) {\n return typeof value === 'number' && !Number.isNaN(value);\n}","import { get as getValue, isEqual, useMemo, warning } from '@rc-component/util';\nimport * as React from 'react';\nimport PerfContext from \"../context/PerfContext\";\nimport { validateValue } from \"../utils/valueUtil\";\nimport { useImmutableMark } from \"../context/TableContext\";\nfunction isRenderCell(data) {\n return data && typeof data === 'object' && !Array.isArray(data) && ! /*#__PURE__*/React.isValidElement(data);\n}\nexport default function useCellRender(record, dataIndex, renderIndex, children, render, shouldCellUpdate) {\n // TODO: Remove this after next major version\n const perfRecord = React.useContext(PerfContext);\n const mark = useImmutableMark();\n\n // ======================== Render ========================\n const retData = useMemo(() => {\n if (validateValue(children)) {\n return [children];\n }\n const path = dataIndex === null || dataIndex === undefined || dataIndex === '' ? [] : Array.isArray(dataIndex) ? dataIndex : [dataIndex];\n const value = getValue(record, path);\n\n // Customize render node\n let returnChildNode = value;\n let returnCellProps = undefined;\n if (render) {\n const renderData = render(value, record, renderIndex);\n if (isRenderCell(renderData)) {\n if (process.env.NODE_ENV !== 'production') {\n warning(false, '`columns.render` return cell props is deprecated with perf issue, please use `onCell` instead.');\n }\n returnChildNode = renderData.children;\n returnCellProps = renderData.props;\n perfRecord.renderWithProps = true;\n } else {\n returnChildNode = renderData;\n }\n }\n return [returnChildNode, returnCellProps];\n }, [\n // Force update deps\n mark,\n // Normal deps\n record, children, dataIndex, render, renderIndex], (prev, next) => {\n if (shouldCellUpdate) {\n const [, prevRecord] = prev;\n const [, nextRecord] = next;\n return shouldCellUpdate(nextRecord, prevRecord);\n }\n\n // Legacy mode should always update\n if (perfRecord.renderWithProps) {\n return true;\n }\n return !isEqual(prev, next, true);\n });\n return retData;\n}","import { useContext } from '@rc-component/context';\nimport TableContext from \"../context/TableContext\";\n/** Check if cell is in hover range */\nfunction inHoverRange(cellStartRow, cellRowSpan, startRow, endRow) {\n const cellEndRow = cellStartRow + cellRowSpan - 1;\n return cellStartRow <= endRow && cellEndRow >= startRow;\n}\nexport default function useHoverState(rowIndex, rowSpan) {\n return useContext(TableContext, ctx => {\n const hovering = inHoverRange(rowIndex, rowSpan || 1, ctx.hoverStartRow, ctx.hoverEndRow);\n return [hovering, ctx.onHover];\n });\n}","function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport { useContext } from '@rc-component/context';\nimport { clsx } from 'clsx';\nimport * as React from 'react';\nimport TableContext from \"../context/TableContext\";\nimport devRenderTimes from \"../hooks/useRenderTimes\";\nimport useCellRender from \"./useCellRender\";\nimport useHoverState from \"./useHoverState\";\nimport { useEvent } from '@rc-component/util';\nconst getTitleFromCellRenderChildren = ({\n ellipsis,\n rowType,\n children\n}) => {\n let title;\n const ellipsisConfig = ellipsis === true ? {\n showTitle: true\n } : ellipsis;\n if (ellipsisConfig && (ellipsisConfig.showTitle || rowType === 'header')) {\n if (typeof children === 'string' || typeof children === 'number') {\n title = children.toString();\n } else if ( /*#__PURE__*/React.isValidElement(children) && typeof children.props?.children === 'string') {\n title = children.props?.children;\n }\n }\n return title;\n};\nconst Cell = props => {\n if (process.env.NODE_ENV !== 'production') {\n devRenderTimes(props);\n }\n const {\n component: Component,\n children,\n ellipsis,\n scope,\n // Style\n prefixCls,\n className,\n style,\n align,\n // Value\n record,\n render,\n dataIndex,\n renderIndex,\n shouldCellUpdate,\n // Row\n index,\n rowType,\n // Span\n colSpan,\n rowSpan,\n // Fixed\n fixStart,\n fixEnd,\n fixedStartShadow,\n fixedEndShadow,\n offsetFixedStartShadow,\n offsetFixedEndShadow,\n zIndex,\n zIndexReverse,\n // Private\n appendNode,\n additionalProps = {},\n isSticky\n } = props;\n const cellPrefixCls = `${prefixCls}-cell`;\n const {\n allColumnsFixedLeft,\n rowHoverable\n } = useContext(TableContext, ['allColumnsFixedLeft', 'rowHoverable']);\n\n // ====================== Value =======================\n const [childNode, legacyCellProps] = useCellRender(record, dataIndex, renderIndex, children, render, shouldCellUpdate);\n\n // ====================== Fixed =======================\n const fixedStyle = {};\n const isFixStart = typeof fixStart === 'number' && !allColumnsFixedLeft;\n const isFixEnd = typeof fixEnd === 'number' && !allColumnsFixedLeft;\n const [showFixStartShadow, showFixEndShadow] = useContext(TableContext, ({\n scrollInfo\n }) => {\n if (!isFixStart && !isFixEnd) {\n return [false, false];\n }\n const [absScroll, scrollWidth] = scrollInfo;\n const showStartShadow = (isFixStart && fixedStartShadow && absScroll) -\n // For precision, we not show shadow by default which has better user experience.\n offsetFixedStartShadow >= 1;\n const showEndShadow = (isFixEnd && fixedEndShadow && scrollWidth - absScroll) -\n // Same as above\n offsetFixedEndShadow > 1;\n return [showStartShadow, showEndShadow];\n });\n if (isFixStart) {\n fixedStyle.insetInlineStart = fixStart;\n fixedStyle['--z-offset'] = zIndex;\n fixedStyle['--z-offset-reverse'] = zIndexReverse;\n }\n if (isFixEnd) {\n fixedStyle.insetInlineEnd = fixEnd;\n fixedStyle['--z-offset'] = zIndex;\n fixedStyle['--z-offset-reverse'] = zIndexReverse;\n }\n\n // ================ RowSpan & ColSpan =================\n const mergedColSpan = legacyCellProps?.colSpan ?? additionalProps.colSpan ?? colSpan ?? 1;\n const mergedRowSpan = legacyCellProps?.rowSpan ?? additionalProps.rowSpan ?? rowSpan ?? 1;\n\n // ====================== Hover =======================\n const [hovering, onHover] = useHoverState(index, mergedRowSpan);\n const onMouseEnter = useEvent(event => {\n if (record) {\n onHover(index, index + mergedRowSpan - 1);\n }\n additionalProps?.onMouseEnter?.(event);\n });\n const onMouseLeave = useEvent(event => {\n if (record) {\n onHover(-1, -1);\n }\n additionalProps?.onMouseLeave?.(event);\n });\n\n // ====================== Render ======================\n if (mergedColSpan === 0 || mergedRowSpan === 0) {\n return null;\n }\n\n // >>>>> Title\n const title = additionalProps.title ?? getTitleFromCellRenderChildren({\n rowType,\n ellipsis,\n children: childNode\n });\n\n // >>>>> ClassName\n const mergedClassName = clsx(cellPrefixCls, className, {\n // Fixed\n [`${cellPrefixCls}-fix`]: isFixStart || isFixEnd,\n [`${cellPrefixCls}-fix-start`]: isFixStart,\n [`${cellPrefixCls}-fix-end`]: isFixEnd,\n // Fixed shadow\n [`${cellPrefixCls}-fix-start-shadow`]: fixedStartShadow,\n [`${cellPrefixCls}-fix-start-shadow-show`]: fixedStartShadow && showFixStartShadow,\n [`${cellPrefixCls}-fix-end-shadow`]: fixedEndShadow,\n [`${cellPrefixCls}-fix-end-shadow-show`]: fixedEndShadow && showFixEndShadow,\n [`${cellPrefixCls}-ellipsis`]: ellipsis,\n [`${cellPrefixCls}-with-append`]: appendNode,\n [`${cellPrefixCls}-fix-sticky`]: (isFixStart || isFixEnd) && isSticky,\n [`${cellPrefixCls}-row-hover`]: !legacyCellProps && hovering\n }, additionalProps.className, legacyCellProps?.className);\n\n // >>>>> Style\n const alignStyle = {};\n if (align) {\n alignStyle.textAlign = align;\n }\n\n // The order is important since user can overwrite style.\n // For example ant-design/ant-design#51763\n const mergedStyle = {\n ...legacyCellProps?.style,\n ...fixedStyle,\n ...alignStyle,\n ...additionalProps.style,\n ...style\n };\n\n // >>>>> Children Node\n let mergedChildNode = childNode;\n\n // Not crash if final `childNode` is not validate ReactNode\n if (typeof mergedChildNode === 'object' && !Array.isArray(mergedChildNode) && ! /*#__PURE__*/React.isValidElement(mergedChildNode)) {\n mergedChildNode = null;\n }\n if (ellipsis && (fixedStartShadow || fixedEndShadow)) {\n mergedChildNode = /*#__PURE__*/React.createElement(\"span\", {\n className: `${cellPrefixCls}-content`\n }, mergedChildNode);\n }\n return /*#__PURE__*/React.createElement(Component, _extends({}, legacyCellProps, additionalProps, {\n className: mergedClassName,\n style: mergedStyle\n // A11y\n ,\n title: title,\n scope: scope\n // Hover\n ,\n onMouseEnter: rowHoverable ? onMouseEnter : undefined,\n onMouseLeave: rowHoverable ? onMouseLeave : undefined\n //Span\n ,\n colSpan: mergedColSpan !== 1 ? mergedColSpan : null,\n rowSpan: mergedRowSpan !== 1 ? mergedRowSpan : null\n }), appendNode, mergedChildNode);\n};\nexport default /*#__PURE__*/React.memo(Cell);","function isFixedStart(column) {\n return column.fixed === 'start';\n}\nfunction isFixedEnd(column) {\n return column.fixed === 'end';\n}\nexport function getCellFixedInfo(colStart, colEnd, columns, stickyOffsets) {\n const startColumn = columns[colStart] || {};\n const endColumn = columns[colEnd] || {};\n let fixStart = null;\n let fixEnd = null;\n if (isFixedStart(startColumn) && isFixedStart(endColumn)) {\n fixStart = stickyOffsets.start[colStart];\n } else if (isFixedEnd(endColumn) && isFixedEnd(startColumn)) {\n fixEnd = stickyOffsets.end[colEnd];\n }\n\n // check if need to add shadow\n let fixedStartShadow = false;\n let fixedEndShadow = false;\n\n // Calc `zIndex`.\n // first fixed start (start -> end) column `zIndex` should be greater than next column.\n // first fixed end (end -> start) column `zIndex` should be greater than next column.\n let zIndex = 0;\n let zIndexReverse = 0;\n if (fixStart !== null) {\n fixedStartShadow = !columns[colEnd + 1] || !isFixedStart(columns[colEnd + 1]);\n zIndex = columns.length * 2 - colStart; // Fix start always overlay fix end\n zIndexReverse = columns.length + colStart;\n }\n if (fixEnd !== null) {\n fixedEndShadow = !columns[colStart - 1] || !isFixedEnd(columns[colStart - 1]);\n zIndex = colEnd;\n zIndexReverse = columns.length - colEnd; // Fix end always overlay fix start\n }\n\n // Check if scrollLeft will show the shadow\n let offsetFixedStartShadow = 0;\n let offsetFixedEndShadow = 0;\n if (fixedStartShadow) {\n for (let i = 0; i < colStart; i += 1) {\n if (!isFixedStart(columns[i])) {\n offsetFixedStartShadow += stickyOffsets.widths[i] || 0;\n }\n }\n }\n if (fixedEndShadow) {\n for (let i = columns.length - 1; i > colEnd; i -= 1) {\n if (!isFixedEnd(columns[i])) {\n offsetFixedEndShadow += stickyOffsets.widths[i] || 0;\n }\n }\n }\n return {\n fixStart,\n fixEnd,\n fixedStartShadow,\n fixedEndShadow,\n offsetFixedStartShadow,\n offsetFixedEndShadow,\n isSticky: stickyOffsets.isSticky,\n zIndex,\n zIndexReverse\n };\n}","import * as React from 'react';\nconst SummaryContext = /*#__PURE__*/React.createContext({});\nexport default SummaryContext;","function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from 'react';\nimport Cell from \"../Cell\";\nimport TableContext from \"../context/TableContext\";\nimport { useContext } from '@rc-component/context';\nimport { getCellFixedInfo } from \"../utils/fixUtil\";\nimport SummaryContext from \"./SummaryContext\";\nconst SummaryCell = props => {\n const {\n className,\n index,\n children,\n colSpan = 1,\n rowSpan,\n align\n } = props;\n const {\n prefixCls\n } = useContext(TableContext, ['prefixCls']);\n const {\n scrollColumnIndex,\n stickyOffsets,\n flattenColumns\n } = React.useContext(SummaryContext);\n const lastIndex = index + colSpan - 1;\n const mergedColSpan = lastIndex + 1 === scrollColumnIndex ? colSpan + 1 : colSpan;\n const fixedInfo = React.useMemo(() => getCellFixedInfo(index, index + mergedColSpan - 1, flattenColumns, stickyOffsets), [index, mergedColSpan, flattenColumns, stickyOffsets]);\n return /*#__PURE__*/React.createElement(Cell, _extends({\n className: className,\n index: index,\n component: \"td\",\n prefixCls: prefixCls,\n record: null,\n dataIndex: null,\n align: align,\n colSpan: mergedColSpan,\n rowSpan: rowSpan,\n render: () => children\n }, fixedInfo));\n};\nexport default SummaryCell;","import * as React from 'react';\nconst FooterRow = props => {\n const {\n children,\n ...restProps\n } = props;\n return /*#__PURE__*/React.createElement(\"tr\", restProps, children);\n};\nexport default FooterRow;","import Cell from \"./Cell\";\nimport Row from \"./Row\";\n/**\n * Syntactic sugar. Do not support HOC.\n */\nconst Summary = props => {\n const {\n children\n } = props;\n return children;\n};\nSummary.Row = Row;\nSummary.Cell = Cell;\nexport default Summary;","import { useContext } from '@rc-component/context';\nimport * as React from 'react';\nimport TableContext, { responseImmutable } from \"../context/TableContext\";\nimport devRenderTimes from \"../hooks/useRenderTimes\";\nimport Summary from \"./Summary\";\nimport SummaryContext from \"./SummaryContext\";\nconst Footer = props => {\n if (process.env.NODE_ENV !== 'production') {\n devRenderTimes(props);\n }\n const {\n children,\n stickyOffsets,\n flattenColumns\n } = props;\n const prefixCls = useContext(TableContext, 'prefixCls');\n const lastColumnIndex = flattenColumns.length - 1;\n const scrollColumn = flattenColumns[lastColumnIndex];\n const summaryContext = React.useMemo(() => ({\n stickyOffsets,\n flattenColumns,\n scrollColumnIndex: scrollColumn?.scrollbar ? lastColumnIndex : null\n }), [scrollColumn, flattenColumns, lastColumnIndex, stickyOffsets]);\n return /*#__PURE__*/React.createElement(SummaryContext.Provider, {\n value: summaryContext\n }, /*#__PURE__*/React.createElement(\"tfoot\", {\n className: `${prefixCls}-summary`\n }, children));\n};\nexport default responseImmutable(Footer);\nexport const FooterComponents = Summary;","/* istanbul ignore next */\n/**\n * This is a syntactic sugar for `columns` prop.\n * So HOC will not work on this.\n */\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nfunction Column(_) {\n return null;\n}\nexport default Column;","/* istanbul ignore next */\n/**\n * This is a syntactic sugar for `columns` prop.\n * So HOC will not work on this.\n */\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nfunction ColumnGroup(_) {\n return null;\n}\nexport default ColumnGroup;","import * as React from 'react';\n// recursion (flat tree structure)\nfunction fillRecords(list, record, indent, childrenColumnName, expandedKeys, getRowKey, index) {\n const key = getRowKey(record, index);\n list.push({\n record,\n indent,\n index,\n rowKey: key\n });\n const expanded = expandedKeys?.has(key);\n if (record && Array.isArray(record[childrenColumnName]) && expanded) {\n // expanded state, flat record\n for (let i = 0; i < record[childrenColumnName].length; i += 1) {\n fillRecords(list, record[childrenColumnName][i], indent + 1, childrenColumnName, expandedKeys, getRowKey, i);\n }\n }\n}\n/**\n * flat tree data on expanded state\n *\n * @export\n * @template T\n * @param {*} data : table data\n * @param {string} childrenColumnName : 指定树形结构的列名\n * @param {Set} expandedKeys : 展开的行对应的keys\n * @param {GetRowKey} getRowKey : 获取当前rowKey的方法\n * @returns flattened data\n */\nexport default function useFlattenRecords(data, childrenColumnName, expandedKeys, getRowKey) {\n const arr = React.useMemo(() => {\n if (expandedKeys?.size) {\n const list = [];\n\n // collect flattened record\n for (let i = 0; i < data?.length; i += 1) {\n const record = data[i];\n\n // using array.push or spread operator may cause \"Maximum call stack size exceeded\" exception if array size is big enough.\n fillRecords(list, record, 0, childrenColumnName, expandedKeys, getRowKey, i);\n }\n return list;\n }\n return data?.map((item, index) => {\n return {\n record: item,\n indent: 0,\n index,\n rowKey: getRowKey(item, index)\n };\n });\n }, [data, childrenColumnName, expandedKeys, getRowKey]);\n return arr;\n}","import { useContext } from '@rc-component/context';\nimport TableContext from \"../context/TableContext\";\nimport { getColumnsKey } from \"../utils/valueUtil\";\nimport { useEvent } from '@rc-component/util';\nimport { clsx } from 'clsx';\nexport default function useRowInfo(record, rowKey, recordIndex, indent) {\n const context = useContext(TableContext, ['prefixCls', 'fixedInfoList', 'flattenColumns', 'expandableType', 'expandRowByClick', 'onTriggerExpand', 'rowClassName', 'expandedRowClassName', 'indentSize', 'expandIcon', 'expandedRowRender', 'expandIconColumnIndex', 'expandedKeys', 'childrenColumnName', 'rowExpandable', 'onRow']);\n const {\n flattenColumns,\n expandableType,\n expandedKeys,\n childrenColumnName,\n onTriggerExpand,\n rowExpandable,\n onRow,\n expandRowByClick,\n rowClassName\n } = context;\n\n // ======================= Expandable =======================\n // Only when row is not expandable and `children` exist in record\n const nestExpandable = expandableType === 'nest';\n const rowSupportExpand = expandableType === 'row' && (!rowExpandable || rowExpandable(record));\n const mergedExpandable = rowSupportExpand || nestExpandable;\n const expanded = expandedKeys && expandedKeys.has(rowKey);\n const hasNestChildren = childrenColumnName && record && record[childrenColumnName];\n const onInternalTriggerExpand = useEvent(onTriggerExpand);\n\n // ========================= onRow ==========================\n const rowProps = onRow?.(record, recordIndex);\n const onRowClick = rowProps?.onClick;\n const onClick = (event, ...args) => {\n if (expandRowByClick && mergedExpandable) {\n onTriggerExpand(record, event);\n }\n onRowClick?.(event, ...args);\n };\n\n // ====================== RowClassName ======================\n let computeRowClassName;\n if (typeof rowClassName === 'string') {\n computeRowClassName = rowClassName;\n } else if (typeof rowClassName === 'function') {\n computeRowClassName = rowClassName(record, recordIndex, indent);\n }\n\n // ========================= Column =========================\n const columnsKey = getColumnsKey(flattenColumns);\n return {\n ...context,\n columnsKey,\n nestExpandable,\n expanded,\n hasNestChildren,\n record,\n onTriggerExpand: onInternalTriggerExpand,\n rowSupportExpand,\n expandable: mergedExpandable,\n rowProps: {\n ...rowProps,\n className: clsx(computeRowClassName, rowProps?.className),\n onClick\n }\n };\n}","import { useContext } from '@rc-component/context';\nimport * as React from 'react';\nimport Cell from \"../Cell\";\nimport TableContext from \"../context/TableContext\";\nimport devRenderTimes from \"../hooks/useRenderTimes\";\nconst ExpandedRow = props => {\n if (process.env.NODE_ENV !== 'production') {\n devRenderTimes(props);\n }\n const {\n prefixCls,\n children,\n component: Component,\n cellComponent,\n className,\n expanded,\n colSpan,\n isEmpty,\n stickyOffset = 0\n } = props;\n const {\n scrollbarSize,\n fixHeader,\n fixColumn,\n componentWidth,\n horizonScroll\n } = useContext(TableContext, ['scrollbarSize', 'fixHeader', 'fixColumn', 'componentWidth', 'horizonScroll']);\n\n // Cache render node\n let contentNode = children;\n if (isEmpty ? horizonScroll && componentWidth : fixColumn) {\n contentNode = /*#__PURE__*/React.createElement(\"div\", {\n style: {\n width: componentWidth - stickyOffset - (fixHeader && !isEmpty ? scrollbarSize : 0),\n position: 'sticky',\n left: stickyOffset,\n overflow: 'hidden'\n },\n className: `${prefixCls}-expanded-row-fixed`\n }, contentNode);\n }\n return /*#__PURE__*/React.createElement(Component, {\n className: className,\n style: {\n display: expanded ? null : 'none'\n }\n }, /*#__PURE__*/React.createElement(Cell, {\n component: cellComponent,\n prefixCls: prefixCls,\n colSpan: colSpan\n }, contentNode));\n};\nexport default ExpandedRow;","import * as React from 'react';\nimport { clsx } from 'clsx';\nexport function renderExpandIcon({\n prefixCls,\n record,\n onExpand,\n expanded,\n expandable\n}) {\n const expandClassName = `${prefixCls}-row-expand-icon`;\n if (!expandable) {\n return /*#__PURE__*/React.createElement(\"span\", {\n className: clsx(expandClassName, `${prefixCls}-row-spaced`)\n });\n }\n const onClick = event => {\n onExpand(record, event);\n event.stopPropagation();\n };\n return /*#__PURE__*/React.createElement(\"span\", {\n className: clsx(expandClassName, {\n [`${prefixCls}-row-expanded`]: expanded,\n [`${prefixCls}-row-collapsed`]: !expanded\n }),\n onClick: onClick\n });\n}\nexport function findAllChildrenKeys(data, getRowKey, childrenColumnName) {\n const keys = [];\n function dig(list) {\n (list || []).forEach((item, index) => {\n keys.push(getRowKey(item, index));\n dig(item[childrenColumnName]);\n });\n }\n dig(data);\n return keys;\n}\nexport function computedExpandedClassName(cls, record, index, indent) {\n if (typeof cls === 'string') {\n return cls;\n }\n if (typeof cls === 'function') {\n return cls(record, index, indent);\n }\n return '';\n}","function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport { clsx } from 'clsx';\nimport * as React from 'react';\nimport Cell from \"../Cell\";\nimport { responseImmutable } from \"../context/TableContext\";\nimport devRenderTimes from \"../hooks/useRenderTimes\";\nimport useRowInfo from \"../hooks/useRowInfo\";\nimport ExpandedRow from \"./ExpandedRow\";\nimport { computedExpandedClassName } from \"../utils/expandUtil\";\n// ==================================================================================\n// == getCellProps ==\n// ==================================================================================\nexport function getCellProps(rowInfo, column, colIndex, indent, index, rowKeys = [], expandedRowOffset = 0) {\n const {\n record,\n prefixCls,\n columnsKey,\n fixedInfoList,\n expandIconColumnIndex,\n nestExpandable,\n indentSize,\n expandIcon,\n expanded,\n hasNestChildren,\n onTriggerExpand,\n expandable,\n expandedKeys\n } = rowInfo;\n const key = columnsKey[colIndex];\n const fixedInfo = fixedInfoList[colIndex];\n\n // ============= Used for nest expandable =============\n let appendCellNode;\n if (colIndex === (expandIconColumnIndex || 0) && nestExpandable) {\n appendCellNode = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"span\", {\n style: {\n paddingLeft: `${indentSize * indent}px`\n },\n className: `${prefixCls}-row-indent indent-level-${indent}`\n }), expandIcon({\n prefixCls,\n expanded,\n expandable: hasNestChildren,\n record,\n onExpand: onTriggerExpand\n }));\n }\n const additionalCellProps = column.onCell?.(record, index) || {};\n\n // Expandable row has offset\n if (expandedRowOffset) {\n const {\n rowSpan = 1\n } = additionalCellProps;\n\n // For expandable row with rowSpan,\n // We should increase the rowSpan if the row is expanded\n if (expandable && rowSpan && colIndex < expandedRowOffset) {\n let currentRowSpan = rowSpan;\n for (let i = index; i < index + rowSpan; i += 1) {\n const rowKey = rowKeys[i];\n if (expandedKeys.has(rowKey)) {\n currentRowSpan += 1;\n }\n }\n additionalCellProps.rowSpan = currentRowSpan;\n }\n }\n return {\n key,\n fixedInfo,\n appendCellNode,\n additionalCellProps: additionalCellProps\n };\n}\n\n// ==================================================================================\n// == getCellProps ==\n// ==================================================================================\nconst BodyRow = props => {\n if (process.env.NODE_ENV !== 'production') {\n devRenderTimes(props);\n }\n const {\n className,\n style,\n classNames,\n styles,\n record,\n index,\n renderIndex,\n rowKey,\n rowKeys,\n indent = 0,\n rowComponent: RowComponent,\n cellComponent,\n scopeCellComponent,\n expandedRowInfo\n } = props;\n const rowInfo = useRowInfo(record, rowKey, index, indent);\n const {\n prefixCls,\n flattenColumns,\n expandedRowClassName,\n expandedRowRender,\n rowProps,\n // Misc\n expanded,\n rowSupportExpand\n } = rowInfo;\n\n // Force render expand row if expanded before\n const expandedRef = React.useRef(false);\n expandedRef.current ||= expanded;\n if (process.env.NODE_ENV !== 'production') {\n devRenderTimes(props);\n }\n\n // 若没有 expandedRowRender 参数, 将使用 baseRowNode 渲染 Children\n // 此时如果 level > 1 则说明是 expandedRow, 一样需要附加 computedExpandedRowClassName\n const expandedClsName = computedExpandedClassName(expandedRowClassName, record, index, indent);\n\n // ======================== Base tr row ========================\n const baseRowNode = /*#__PURE__*/React.createElement(RowComponent, _extends({}, rowProps, {\n \"data-row-key\": rowKey,\n className: clsx(className, `${prefixCls}-row`, `${prefixCls}-row-level-${indent}`, rowProps?.className, classNames.row, {\n [expandedClsName]: indent >= 1\n }),\n style: {\n ...style,\n ...rowProps?.style,\n ...styles.row\n }\n }), flattenColumns.map((column, colIndex) => {\n const {\n render,\n dataIndex,\n className: columnClassName\n } = column;\n const {\n key,\n fixedInfo,\n appendCellNode,\n additionalCellProps\n } = getCellProps(rowInfo, column, colIndex, indent, index, rowKeys, expandedRowInfo?.offset);\n return /*#__PURE__*/React.createElement(Cell, _extends({\n className: clsx(columnClassName, classNames.cell),\n style: styles.cell,\n ellipsis: column.ellipsis,\n align: column.align,\n scope: column.rowScope,\n component: column.rowScope ? scopeCellComponent : cellComponent,\n |