antd
Advanced tools
Comparing version 5.15.4 to 5.16.0
@@ -9,3 +9,3 @@ /*! | ||
* | ||
* antd v5.15.4 | ||
* antd v5.16.0 | ||
* | ||
@@ -12,0 +12,0 @@ * Copyright 2015-present, Alipay, Inc. |
@@ -9,3 +9,3 @@ /*! | ||
* | ||
* antd v5.15.4 | ||
* antd v5.16.0 | ||
* | ||
@@ -12,0 +12,0 @@ * Copyright 2015-present, Alipay, Inc. |
import type { ReactNode } from 'react'; | ||
import React from 'react'; | ||
export type BaseClosableType = { | ||
closeIcon?: React.ReactNode; | ||
} & React.AriaAttributes; | ||
export type ClosableType = boolean | BaseClosableType; | ||
export type ContextClosable<T extends { | ||
closable?: ClosableType; | ||
closeIcon?: ReactNode; | ||
} = any> = Partial<Pick<T, 'closable' | 'closeIcon'>>; | ||
export declare function pickClosable<T extends { | ||
closable?: ClosableType; | ||
closeIcon?: ReactNode; | ||
}>(context?: ContextClosable<T>): ContextClosable<T> | undefined; | ||
export type UseClosableParams = { | ||
closable?: boolean | ({ | ||
closeIcon?: React.ReactNode; | ||
} & React.AriaAttributes); | ||
closable?: ClosableType; | ||
closeIcon?: ReactNode; | ||
@@ -11,4 +21,16 @@ defaultClosable?: boolean; | ||
customCloseIconRender?: (closeIcon: ReactNode) => ReactNode; | ||
context?: ContextClosable; | ||
}; | ||
declare function useClosable({ closable, closeIcon, customCloseIconRender, defaultCloseIcon, defaultClosable, }: UseClosableParams): [closable: boolean, closeIcon: React.ReactNode | null]; | ||
export default useClosable; | ||
/** Collection contains the all the props related with closable. e.g. `closable`, `closeIcon` */ | ||
interface ClosableCollection { | ||
closable?: ClosableType; | ||
closeIcon?: ReactNode; | ||
} | ||
export default function useClosable(propCloseCollection?: ClosableCollection, contextCloseCollection?: ClosableCollection | null, fallbackCloseCollection?: ClosableCollection & { | ||
/** | ||
* Some components need to wrap CloseIcon twice, | ||
* this method will be executed once after the final CloseIcon is calculated | ||
*/ | ||
closeIconRender?: (closeIcon: ReactNode) => ReactNode; | ||
}): [closable: boolean, closeIcon: React.ReactNode | null]; | ||
export {}; |
"use client"; | ||
var __rest = this && this.__rest || function (s, e) { | ||
var t = {}; | ||
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p]; | ||
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { | ||
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]]; | ||
} | ||
return t; | ||
}; | ||
import React from 'react'; | ||
import CloseOutlined from "@ant-design/icons/es/icons/CloseOutlined"; | ||
import pickAttrs from "rc-util/es/pickAttrs"; | ||
function useInnerClosable(closable, closeIcon, defaultClosable) { | ||
if (typeof closable === 'boolean') { | ||
return closable; | ||
export function pickClosable(context) { | ||
if (!context) { | ||
return undefined; | ||
} | ||
if (typeof closable === 'object') { | ||
return true; | ||
} | ||
if (closeIcon === undefined) { | ||
return !!defaultClosable; | ||
} | ||
return closeIcon !== false && closeIcon !== null; | ||
return { | ||
closable: context.closable, | ||
closeIcon: context.closeIcon | ||
}; | ||
} | ||
function useClosable(_ref) { | ||
let { | ||
/** Convert `closable` and `closeIcon` to config object */ | ||
function useClosableConfig(closableCollection) { | ||
const { | ||
closable, | ||
closeIcon, | ||
customCloseIconRender, | ||
defaultCloseIcon = /*#__PURE__*/React.createElement(CloseOutlined, null), | ||
defaultClosable = false | ||
} = _ref; | ||
const mergedClosable = useInnerClosable(closable, closeIcon, defaultClosable); | ||
if (!mergedClosable) { | ||
return [false, null]; | ||
closeIcon | ||
} = closableCollection || {}; | ||
return React.useMemo(() => { | ||
if ( | ||
// If `closable`, whatever rest be should be true | ||
!closable && (closable === false || closeIcon === false || closeIcon === null)) { | ||
return false; | ||
} | ||
if (closable === undefined && closeIcon === undefined) { | ||
return null; | ||
} | ||
let closableConfig = { | ||
closeIcon: typeof closeIcon !== 'boolean' && closeIcon !== null ? closeIcon : undefined | ||
}; | ||
if (closable && typeof closable === 'object') { | ||
closableConfig = Object.assign(Object.assign({}, closableConfig), closable); | ||
} | ||
return closableConfig; | ||
}, [closable, closeIcon]); | ||
} | ||
/** | ||
* Assign object without `undefined` field. Will skip if is `false`. | ||
* This helps to handle both closableConfig or false | ||
*/ | ||
function assignWithoutUndefined() { | ||
const target = {}; | ||
for (var _len = arguments.length, objList = new Array(_len), _key = 0; _key < _len; _key++) { | ||
objList[_key] = arguments[_key]; | ||
} | ||
const _a = typeof closable === 'object' ? closable : {}, | ||
{ | ||
closeIcon: closableIcon | ||
} = _a, | ||
restProps = __rest(_a, ["closeIcon"]); | ||
// Priority: closable.closeIcon > closeIcon > defaultCloseIcon | ||
const mergedCloseIcon = (() => { | ||
if (typeof closable === 'object' && closableIcon !== undefined) { | ||
return closableIcon; | ||
objList.forEach(obj => { | ||
if (obj) { | ||
Object.keys(obj).forEach(key => { | ||
if (obj[key] !== undefined) { | ||
target[key] = obj[key]; | ||
} | ||
}); | ||
} | ||
return typeof closeIcon === 'boolean' || closeIcon === undefined || closeIcon === null ? defaultCloseIcon : closeIcon; | ||
})(); | ||
const ariaProps = pickAttrs(restProps, true); | ||
const plainCloseIcon = customCloseIconRender ? customCloseIconRender(mergedCloseIcon) : mergedCloseIcon; | ||
const closeIconWithAria = /*#__PURE__*/React.isValidElement(plainCloseIcon) ? ( /*#__PURE__*/React.cloneElement(plainCloseIcon, ariaProps)) : ( /*#__PURE__*/React.createElement("span", Object.assign({}, ariaProps), plainCloseIcon)); | ||
return [true, closeIconWithAria]; | ||
}); | ||
return target; | ||
} | ||
export default useClosable; | ||
/** Use same object to support `useMemo` optimization */ | ||
const EmptyFallbackCloseCollection = {}; | ||
export default function useClosable(propCloseCollection, contextCloseCollection) { | ||
let fallbackCloseCollection = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : EmptyFallbackCloseCollection; | ||
// Align the `props`, `context` `fallback` to config object first | ||
const propCloseConfig = useClosableConfig(propCloseCollection); | ||
const contextCloseConfig = useClosableConfig(contextCloseCollection); | ||
const mergedFallbackCloseCollection = React.useMemo(() => Object.assign({ | ||
closeIcon: /*#__PURE__*/React.createElement(CloseOutlined, null) | ||
}, fallbackCloseCollection), [fallbackCloseCollection]); | ||
// Use fallback logic to fill the config | ||
const mergedClosableConfig = React.useMemo(() => { | ||
// ================ Props First ================ | ||
// Skip if prop is disabled | ||
if (propCloseConfig === false) { | ||
return false; | ||
} | ||
if (propCloseConfig) { | ||
return assignWithoutUndefined(mergedFallbackCloseCollection, contextCloseConfig, propCloseConfig); | ||
} | ||
// =============== Context Second ============== | ||
// Skip if context is disabled | ||
if (contextCloseConfig === false) { | ||
return false; | ||
} | ||
if (contextCloseConfig) { | ||
return assignWithoutUndefined(mergedFallbackCloseCollection, contextCloseConfig); | ||
} | ||
// ============= Fallback Default ============== | ||
return !mergedFallbackCloseCollection.closable ? false : mergedFallbackCloseCollection; | ||
}, [propCloseConfig, contextCloseConfig, mergedFallbackCloseCollection]); | ||
// Calculate the final closeIcon | ||
return React.useMemo(() => { | ||
if (mergedClosableConfig === false) { | ||
return [false, null]; | ||
} | ||
const { | ||
closeIconRender | ||
} = mergedFallbackCloseCollection; | ||
const { | ||
closeIcon | ||
} = mergedClosableConfig; | ||
let mergedCloseIcon = closeIcon; | ||
if (mergedCloseIcon !== null && mergedCloseIcon !== undefined) { | ||
// Wrap the closeIcon if needed | ||
if (closeIconRender) { | ||
mergedCloseIcon = closeIconRender(closeIcon); | ||
} | ||
// Wrap the closeIcon with aria props | ||
const ariaProps = pickAttrs(mergedClosableConfig, true); | ||
if (Object.keys(ariaProps).length) { | ||
mergedCloseIcon = /*#__PURE__*/React.isValidElement(mergedCloseIcon) ? ( /*#__PURE__*/React.cloneElement(mergedCloseIcon, ariaProps)) : ( /*#__PURE__*/React.createElement("span", Object.assign({}, ariaProps), mergedCloseIcon)); | ||
} | ||
} | ||
return [true, mergedCloseIcon]; | ||
}, [mergedClosableConfig, mergedFallbackCloseCollection]); | ||
} |
@@ -1,2 +0,4 @@ | ||
export declare const groupKeysMap: (keys: string[]) => Map<string, number>; | ||
export declare const groupDisabledKeysMap: <RecordType extends any[]>(dataSource: RecordType) => Map<string, number>; | ||
/// <reference types="react" /> | ||
import type { TransferKey } from '../transfer/interface'; | ||
export declare const groupKeysMap: (keys: TransferKey[]) => Map<import("react").Key, number>; | ||
export declare const groupDisabledKeysMap: <RecordType extends any[]>(dataSource: RecordType) => Map<import("react").Key, number>; |
@@ -17,2 +17,7 @@ import * as React from 'react'; | ||
export interface WarningContextProps { | ||
/** | ||
* @descCN 设置警告等级,设置 `false` 时会将废弃相关信息聚合为单条信息。 | ||
* @descEN Set the warning level. When set to `false`, discard related information will be aggregated into a single message. | ||
* @since 5.10.0 | ||
*/ | ||
strict?: boolean; | ||
@@ -19,0 +24,0 @@ } |
@@ -5,5 +5,5 @@ import React from 'react'; | ||
children?: React.ReactNode; | ||
component?: string; | ||
component?: 'Tag' | 'Button' | 'Checkbox' | 'Radio' | 'Switch'; | ||
} | ||
declare const Wave: React.FC<WaveProps>; | ||
export default Wave; |
import * as React from 'react'; | ||
import { type ShowWave } from './interface'; | ||
export default function useWave(nodeRef: React.RefObject<HTMLElement>, className: string, component?: string): ShowWave; | ||
declare const useWave: (nodeRef: React.RefObject<HTMLElement>, className: string, component?: 'Tag' | 'Button' | 'Checkbox' | 'Radio' | 'Switch') => ShowWave; | ||
export default useWave; |
import * as React from 'react'; | ||
import { useEvent } from 'rc-util'; | ||
import raf from "rc-util/es/raf"; | ||
import showWaveEffect from './WaveEffect'; | ||
import { ConfigContext } from '../../config-provider'; | ||
import useToken from '../../theme/useToken'; | ||
import { TARGET_CLS } from './interface'; | ||
export default function useWave(nodeRef, className, component) { | ||
import showWaveEffect from './WaveEffect'; | ||
const useWave = (nodeRef, className, component) => { | ||
const { | ||
@@ -40,2 +40,3 @@ wave | ||
return showDebounceWave; | ||
} | ||
}; | ||
export default useWave; |
"use client"; | ||
import * as React from 'react'; | ||
import classNames from 'classnames'; | ||
import CSSMotion from 'rc-motion'; | ||
import raf from "rc-util/es/raf"; | ||
import { render, unmount } from "rc-util/es/React/render"; | ||
import raf from "rc-util/es/raf"; | ||
import * as React from 'react'; | ||
import { TARGET_CLS } from './interface'; | ||
import { getTargetWaveColor } from './util'; | ||
import { TARGET_CLS } from './interface'; | ||
function validateNum(value) { | ||
@@ -11,0 +11,0 @@ return Number.isNaN(value) ? 0 : value; |
import * as React from 'react'; | ||
import type { ClosableType } from '../_util/hooks/useClosable'; | ||
export interface AlertProps { | ||
@@ -6,5 +7,3 @@ /** Type of Alert styles, options:`success`, `info`, `warning`, `error` */ | ||
/** Whether Alert can be closed */ | ||
closable?: boolean | ({ | ||
closeIcon?: React.ReactNode; | ||
} & React.AriaAttributes); | ||
closable?: ClosableType; | ||
/** | ||
@@ -11,0 +10,0 @@ * @deprecated please use `closable.closeIcon` instead. |
@@ -176,4 +176,4 @@ import { Keyframes, unit } from '@ant-design/cssinjs'; | ||
overflow: 'visible', | ||
color: token.colorPrimary, | ||
backgroundColor: token.colorPrimary, | ||
color: token.colorInfo, | ||
backgroundColor: token.colorInfo, | ||
'&::after': { | ||
@@ -180,0 +180,0 @@ position: 'absolute', |
@@ -253,2 +253,5 @@ import { unit } from '@ant-design/cssinjs'; | ||
[`&${iconOnlyCls}`]: { | ||
display: 'inline-flex', | ||
alignItems: 'center', | ||
justifyContent: 'center', | ||
width: controlHeight, | ||
@@ -255,0 +258,0 @@ paddingInlineStart: 0, |
@@ -6,6 +6,8 @@ import type { ColorGenInput } from '@rc-component/color-picker'; | ||
export interface Color extends Pick<RcColor, 'toHsb' | 'toHsbString' | 'toHex' | 'toHexString' | 'toRgb' | 'toRgbString'> { | ||
cleared: boolean | 'controlled'; | ||
} | ||
export declare class ColorFactory { | ||
export declare class ColorFactory implements Color { | ||
/** Original Color object */ | ||
private metaColor; | ||
cleared: boolean; | ||
constructor(color: ColorGenInput<Color>); | ||
@@ -12,0 +14,0 @@ toHsb(): import("@ctrl/tinycolor").Numberify<import("@rc-component/color-picker").HSBA>; |
@@ -9,5 +9,7 @@ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck"; | ||
_classCallCheck(this, ColorFactory); | ||
this.cleared = false; | ||
this.metaColor = new RcColor(color); | ||
if (!color) { | ||
this.metaColor.setAlpha(0); | ||
this.cleared = true; | ||
} | ||
@@ -14,0 +16,0 @@ } |
@@ -1,44 +0,3 @@ | ||
import type { CSSProperties, FC } from 'react'; | ||
import React from 'react'; | ||
import type { ColorPickerProps as RcColorPickerProps } from '@rc-component/color-picker'; | ||
import type { SizeType } from '../config-provider/SizeContext'; | ||
import type { PopoverProps } from '../popover'; | ||
import type { Color } from './color'; | ||
import type { ColorFormat, ColorValueType, PresetsItem, TriggerPlacement, TriggerType } from './interface'; | ||
export type ColorPickerProps = Omit<RcColorPickerProps, 'onChange' | 'value' | 'defaultValue' | 'panelRender' | 'disabledAlpha' | 'onChangeComplete'> & { | ||
value?: ColorValueType; | ||
defaultValue?: ColorValueType; | ||
children?: React.ReactNode; | ||
open?: boolean; | ||
disabled?: boolean; | ||
placement?: TriggerPlacement; | ||
trigger?: TriggerType; | ||
format?: keyof typeof ColorFormat; | ||
defaultFormat?: keyof typeof ColorFormat; | ||
allowClear?: boolean; | ||
presets?: PresetsItem[]; | ||
arrow?: boolean | { | ||
pointAtCenter: boolean; | ||
}; | ||
panelRender?: (panel: React.ReactNode, extra: { | ||
components: { | ||
Picker: FC; | ||
Presets: FC; | ||
}; | ||
}) => React.ReactNode; | ||
showText?: boolean | ((color: Color) => React.ReactNode); | ||
size?: SizeType; | ||
styles?: { | ||
popup?: CSSProperties; | ||
popupOverlayInner?: CSSProperties; | ||
}; | ||
rootClassName?: string; | ||
disabledAlpha?: boolean; | ||
[key: `data-${string}`]: string; | ||
onOpenChange?: (open: boolean) => void; | ||
onFormatChange?: (format: ColorFormat) => void; | ||
onChange?: (value: Color, hex: string) => void; | ||
onClear?: () => void; | ||
onChangeComplete?: (value: Color) => void; | ||
} & Pick<PopoverProps, 'getPopupContainer' | 'autoAdjustOverflow' | 'destroyTooltipOnHide'>; | ||
import type { ColorPickerProps } from './interface'; | ||
type CompoundedComponent = React.FC<ColorPickerProps> & { | ||
@@ -45,0 +4,0 @@ _InternalPanelDoNotUseOrYouWillBeFired: typeof PurePanel; |
@@ -11,3 +11,3 @@ "use client"; | ||
}; | ||
import React, { useContext, useMemo, useRef, useState } from 'react'; | ||
import React, { useContext, useMemo, useRef } from 'react'; | ||
import classNames from 'classnames'; | ||
@@ -69,3 +69,3 @@ import useMergedState from "rc-util/es/hooks/useMergedState"; | ||
const mergedDisabled = disabled !== null && disabled !== void 0 ? disabled : contextDisabled; | ||
const [colorValue, setColorValue] = useColorState('', { | ||
const [colorValue, setColorValue, prevValue] = useColorState('', { | ||
value, | ||
@@ -84,3 +84,2 @@ defaultValue | ||
}); | ||
const [colorCleared, setColorCleared] = useState(!value && !defaultValue); | ||
const prefixCls = getPrefixCls('color-picker', customizePrefixCls); | ||
@@ -112,6 +111,7 @@ const isAlphaColor = useMemo(() => getAlphaColor(colorValue) < 100, [colorValue]); | ||
const handleChange = (data, type, pickColor) => { | ||
var _a; | ||
let color = generateColor(data); | ||
// If color is cleared, reset alpha to 100 | ||
const isNull = value === null || !value && defaultValue === null; | ||
if (colorCleared || isNull) { | ||
setColorCleared(false); | ||
if (((_a = prevValue.current) === null || _a === void 0 ? void 0 : _a.cleared) || isNull) { | ||
// ignore alpha slider | ||
@@ -136,3 +136,2 @@ if (getAlphaColor(colorValue) === 0 && type !== 'alpha') { | ||
const handleClear = () => { | ||
setColorCleared(true); | ||
onClear === null || onClear === void 0 ? void 0 : onClear(); | ||
@@ -163,3 +162,2 @@ }; | ||
allowClear, | ||
colorCleared, | ||
disabled: mergedDisabled, | ||
@@ -196,9 +194,9 @@ disabledAlpha, | ||
style: mergedStyle, | ||
color: value ? generateColor(value) : colorValue, | ||
prefixCls: prefixCls, | ||
disabled: mergedDisabled, | ||
colorCleared: colorCleared, | ||
showText: showText, | ||
format: formatValue | ||
}, rest))))); | ||
}, rest, { | ||
color: colorValue | ||
}))))); | ||
}; | ||
@@ -205,0 +203,0 @@ if (process.env.NODE_ENV !== 'production') { |
import type { FC } from 'react'; | ||
import type { Color } from '../color'; | ||
import type { ColorPickerBaseProps } from '../interface'; | ||
interface ColorClearProps extends Pick<ColorPickerBaseProps, 'prefixCls' | 'colorCleared'> { | ||
interface ColorClearProps extends Pick<ColorPickerBaseProps, 'prefixCls'> { | ||
value?: Color; | ||
@@ -6,0 +6,0 @@ onChange?: (value: Color) => void; |
@@ -9,10 +9,10 @@ "use client"; | ||
value, | ||
colorCleared, | ||
onChange | ||
} = _ref; | ||
const handleClick = () => { | ||
if (value && !colorCleared) { | ||
if (value && !value.cleared) { | ||
const hsba = value.toHsb(); | ||
hsba.a = 0; | ||
const genColor = generateColor(hsba); | ||
genColor.cleared = true; | ||
onChange === null || onChange === void 0 ? void 0 : onChange(genColor); | ||
@@ -19,0 +19,0 @@ } |
import type { CSSProperties, MouseEventHandler } from 'react'; | ||
import React from 'react'; | ||
import type { ColorPickerProps } from '../ColorPicker'; | ||
import type { ColorPickerBaseProps } from '../interface'; | ||
interface colorTriggerProps extends Pick<ColorPickerBaseProps, 'prefixCls' | 'colorCleared' | 'disabled' | 'format'> { | ||
color: Exclude<ColorPickerBaseProps['color'], undefined>; | ||
import type { ColorPickerProps, ColorPickerBaseProps } from '../interface'; | ||
export interface ColorTriggerProps extends Pick<ColorPickerBaseProps, 'prefixCls' | 'disabled' | 'format'> { | ||
color: NonNullable<ColorPickerBaseProps['color']>; | ||
open?: boolean; | ||
@@ -15,3 +14,3 @@ showText?: ColorPickerProps['showText']; | ||
} | ||
declare const ColorTrigger: React.ForwardRefExoticComponent<colorTriggerProps & React.RefAttributes<HTMLDivElement>>; | ||
declare const ColorTrigger: React.ForwardRefExoticComponent<ColorTriggerProps & React.RefAttributes<HTMLDivElement>>; | ||
export default ColorTrigger; |
@@ -21,3 +21,2 @@ "use client"; | ||
open, | ||
colorCleared, | ||
disabled, | ||
@@ -28,5 +27,5 @@ format, | ||
} = props, | ||
rest = __rest(props, ["color", "prefixCls", "open", "colorCleared", "disabled", "format", "className", "showText"]); | ||
rest = __rest(props, ["color", "prefixCls", "open", "disabled", "format", "className", "showText"]); | ||
const colorTriggerPrefixCls = `${prefixCls}-trigger`; | ||
const containerNode = useMemo(() => colorCleared ? ( /*#__PURE__*/React.createElement(ColorClear, { | ||
const containerNode = useMemo(() => color.cleared ? ( /*#__PURE__*/React.createElement(ColorClear, { | ||
prefixCls: prefixCls | ||
@@ -36,3 +35,3 @@ })) : ( /*#__PURE__*/React.createElement(ColorBlock, { | ||
color: color.toRgbString() | ||
})), [color, colorCleared, prefixCls]); | ||
})), [color, prefixCls]); | ||
const genColorString = () => { | ||
@@ -39,0 +38,0 @@ const hexString = color.toHexString().toUpperCase(); |
@@ -5,3 +5,3 @@ import type { HsbaColorType } from '@rc-component/color-picker'; | ||
import type { ColorPickerBaseProps } from '../interface'; | ||
export interface PanelPickerProps extends Pick<ColorPickerBaseProps, 'prefixCls' | 'colorCleared' | 'allowClear' | 'disabledAlpha' | 'onChangeComplete'> { | ||
export interface PanelPickerProps extends Pick<ColorPickerBaseProps, 'prefixCls' | 'allowClear' | 'disabledAlpha' | 'onChangeComplete'> { | ||
value?: Color; | ||
@@ -8,0 +8,0 @@ onChange?: (value?: Color, type?: HsbaColorType, pickColor?: boolean) => void; |
@@ -16,2 +16,3 @@ "use client"; | ||
import ColorInput from './ColorInput'; | ||
import { generateColor } from '../util'; | ||
const PanelPicker = () => { | ||
@@ -21,3 +22,2 @@ const _a = useContext(PanelPickerContext), | ||
prefixCls, | ||
colorCleared, | ||
allowClear, | ||
@@ -30,7 +30,6 @@ value, | ||
} = _a, | ||
injectProps = __rest(_a, ["prefixCls", "colorCleared", "allowClear", "value", "disabledAlpha", "onChange", "onClear", "onChangeComplete"]); | ||
injectProps = __rest(_a, ["prefixCls", "allowClear", "value", "disabledAlpha", "onChange", "onClear", "onChangeComplete"]); | ||
return /*#__PURE__*/React.createElement(React.Fragment, null, allowClear && ( /*#__PURE__*/React.createElement(ColorClear, Object.assign({ | ||
prefixCls: prefixCls, | ||
value: value, | ||
colorCleared: colorCleared, | ||
onChange: clearColor => { | ||
@@ -44,4 +43,8 @@ onChange === null || onChange === void 0 ? void 0 : onChange(clearColor); | ||
disabledAlpha: disabledAlpha, | ||
onChange: (colorValue, type) => onChange === null || onChange === void 0 ? void 0 : onChange(colorValue, type, true), | ||
onChangeComplete: onChangeComplete | ||
onChange: (colorValue, type) => { | ||
onChange === null || onChange === void 0 ? void 0 : onChange(generateColor(colorValue), type, true); | ||
}, | ||
onChangeComplete: colorValue => { | ||
onChangeComplete === null || onChangeComplete === void 0 ? void 0 : onChangeComplete(generateColor(colorValue)); | ||
} | ||
}), /*#__PURE__*/React.createElement(ColorInput, Object.assign({ | ||
@@ -48,0 +51,0 @@ value: value, |
@@ -0,1 +1,2 @@ | ||
/// <reference types="react" /> | ||
import type { Color } from '../color'; | ||
@@ -6,3 +7,3 @@ import type { ColorValueType } from '../interface'; | ||
value?: ColorValueType; | ||
}) => readonly [Color, React.Dispatch<React.SetStateAction<Color>>]; | ||
}) => readonly [Color, import("react").Dispatch<import("react").SetStateAction<Color>>, import("react").MutableRefObject<Color>]; | ||
export default useColorState; |
@@ -1,2 +0,2 @@ | ||
import { useEffect, useState } from 'react'; | ||
import { useEffect, useRef, useState } from 'react'; | ||
import { generateColor } from '../util'; | ||
@@ -11,3 +11,4 @@ function hasValue(value) { | ||
} = option; | ||
const [colorValue, setColorValue] = useState(() => { | ||
const prevColor = useRef(generateColor('')); | ||
const [colorValue, _setColorValue] = useState(() => { | ||
let mergedState; | ||
@@ -21,11 +22,21 @@ if (hasValue(value)) { | ||
} | ||
return generateColor(mergedState || ''); | ||
const color = generateColor(mergedState || ''); | ||
prevColor.current = color; | ||
return color; | ||
}); | ||
const setColorValue = color => { | ||
_setColorValue(color); | ||
prevColor.current = color; | ||
}; | ||
useEffect(() => { | ||
if (value) { | ||
setColorValue(generateColor(value)); | ||
if (hasValue(value)) { | ||
const newColor = generateColor(value || ''); | ||
if (prevColor.current.cleared === true) { | ||
newColor.cleared = 'controlled'; | ||
} | ||
setColorValue(newColor); | ||
} | ||
}, [value]); | ||
return [colorValue, setColorValue]; | ||
return [colorValue, setColorValue, prevColor]; | ||
}; | ||
export default useColorState; |
import ColorPicker from './ColorPicker'; | ||
export type { ColorPickerProps } from './ColorPicker'; | ||
export type { ColorPickerProps } from './interface'; | ||
export type { Color } from './color'; | ||
export default ColorPicker; |
@@ -1,4 +0,6 @@ | ||
import type { ReactNode } from 'react'; | ||
import type { ColorPickerProps } from './ColorPicker'; | ||
import type { CSSProperties, FC, ReactNode } from 'react'; | ||
import type { Color } from './color'; | ||
import type { ColorPickerProps as RcColorPickerProps } from '@rc-component/color-picker'; | ||
import type { SizeType } from '../config-provider/SizeContext'; | ||
import type { PopoverProps } from '../popover'; | ||
export declare enum ColorFormat { | ||
@@ -26,3 +28,2 @@ hex = "hex", | ||
allowClear?: boolean; | ||
colorCleared?: boolean; | ||
disabled?: boolean; | ||
@@ -36,1 +37,37 @@ disabledAlpha?: boolean; | ||
export type ColorValueType = Color | string | null; | ||
export type ColorPickerProps = Omit<RcColorPickerProps, 'onChange' | 'value' | 'defaultValue' | 'panelRender' | 'disabledAlpha' | 'onChangeComplete'> & { | ||
value?: ColorValueType; | ||
defaultValue?: ColorValueType; | ||
children?: React.ReactNode; | ||
open?: boolean; | ||
disabled?: boolean; | ||
placement?: TriggerPlacement; | ||
trigger?: TriggerType; | ||
format?: keyof typeof ColorFormat; | ||
defaultFormat?: keyof typeof ColorFormat; | ||
allowClear?: boolean; | ||
presets?: PresetsItem[]; | ||
arrow?: boolean | { | ||
pointAtCenter: boolean; | ||
}; | ||
panelRender?: (panel: React.ReactNode, extra: { | ||
components: { | ||
Picker: FC; | ||
Presets: FC; | ||
}; | ||
}) => React.ReactNode; | ||
showText?: boolean | ((color: Color) => React.ReactNode); | ||
size?: SizeType; | ||
styles?: { | ||
popup?: CSSProperties; | ||
popupOverlayInner?: CSSProperties; | ||
}; | ||
rootClassName?: string; | ||
disabledAlpha?: boolean; | ||
[key: `data-${string}`]: string; | ||
onOpenChange?: (open: boolean) => void; | ||
onFormatChange?: (format: ColorFormat) => void; | ||
onChange?: (value: Color, hex: string) => void; | ||
onClear?: () => void; | ||
onChangeComplete?: (value: Color) => void; | ||
} & Pick<PopoverProps, 'getPopupContainer' | 'autoAdjustOverflow' | 'destroyTooltipOnHide'>; |
@@ -11,2 +11,3 @@ import * as React from 'react'; | ||
import type { FlexProps } from '../flex/interface'; | ||
import type { FloatButtonGroupProps } from '../float-button/interface'; | ||
import type { FormProps } from '../form/Form'; | ||
@@ -47,22 +48,47 @@ import type { InputProps, TextAreaProps } from '../input'; | ||
export interface ThemeConfig { | ||
/** | ||
* @descCN 用于修改 Design Token。 | ||
* @descEN Modify Design Token. | ||
*/ | ||
token?: Partial<AliasToken>; | ||
/** | ||
* @descCN 用于修改各个组件的 Component Token 以及覆盖该组件消费的 Alias Token。 | ||
* @descEN Modify Component Token and Alias Token applied to components. | ||
*/ | ||
components?: ComponentsConfig; | ||
/** | ||
* @descCN 用于修改 Seed Token 到 Map Token 的算法。 | ||
* @descEN Modify the algorithms of theme. | ||
* @default defaultAlgorithm | ||
*/ | ||
algorithm?: MappingAlgorithm | MappingAlgorithm[]; | ||
/** | ||
* @descCN 是否继承外层 `ConfigProvider` 中配置的主题。 | ||
* @descEN Whether to inherit the theme configured in the outer layer `ConfigProvider`. | ||
* @default true | ||
*/ | ||
inherit?: boolean; | ||
/** | ||
* @descCN 是否开启 `hashed` 属性。如果你的应用中只存在一个版本的 antd,你可以设置为 `false` 来进一步减小样式体积。默认值为 `ture`。 | ||
* @descEN Whether to enable the `hashed` attribute. If there is only one version of antd in your application, you can set `false` to reduce the bundle size. defaults to `true`. | ||
* @descCN 是否开启 `hashed` 属性。如果你的应用中只存在一个版本的 antd,你可以设置为 `false` 来进一步减小样式体积。 | ||
* @descEN Whether to enable the `hashed` attribute. If there is only one version of antd in your application, you can set `false` to reduce the bundle size. | ||
* @default true | ||
* @since 5.12.0 | ||
*/ | ||
hashed?: boolean; | ||
/** | ||
* @descCN 通过 `cssVar` 配置来开启 CSS 变量模式,这个配置会被继承。默认值为 `false`。 | ||
* @descEN Enable CSS variable mode through `cssVar` configuration, This configuration will be inherited. defaults to `false`. | ||
* @descCN 通过 `cssVar` 配置来开启 CSS 变量模式,这个配置会被继承。 | ||
* @descEN Enable CSS variable mode through `cssVar` configuration, This configuration will be inherited. | ||
* @default false | ||
* @since 5.12.0 | ||
*/ | ||
cssVar?: { | ||
/** | ||
* Prefix for css variable, default to `ant`. | ||
* @descCN css 变量的前缀 | ||
* @descEN Prefix for css variable. | ||
* @default ant | ||
*/ | ||
prefix?: string; | ||
/** | ||
* Unique key for theme, should be set manually < react@18. | ||
* @descCN 主题的唯一 key,版本低于 react@18 时需要手动设置。 | ||
* @descEN Unique key for theme, should be set manually < react@18. | ||
*/ | ||
@@ -87,3 +113,3 @@ key?: string; | ||
export type TourConfig = Pick<TourProps, 'closeIcon'>; | ||
export type ModalConfig = ComponentStyleConfig & Pick<ModalProps, 'classNames' | 'styles' | 'closeIcon'>; | ||
export type ModalConfig = ComponentStyleConfig & Pick<ModalProps, 'classNames' | 'styles' | 'closeIcon' | 'closable'>; | ||
export type TabsConfig = ComponentStyleConfig & Pick<TabsProps, 'indicator' | 'indicatorSize' | 'moreIcon' | 'addIcon' | 'removeIcon'>; | ||
@@ -96,3 +122,3 @@ export type AlertConfig = ComponentStyleConfig & Pick<AlertProps, 'closable' | 'closeIcon'>; | ||
export type NotificationConfig = ComponentStyleConfig & Pick<ArgsProps, 'closeIcon'>; | ||
export type TagConfig = ComponentStyleConfig & Pick<TagProps, 'closeIcon'>; | ||
export type TagConfig = ComponentStyleConfig & Pick<TagProps, 'closeIcon' | 'closable'>; | ||
export type CardConfig = ComponentStyleConfig & Pick<CardProps, 'classNames' | 'styles'>; | ||
@@ -103,2 +129,3 @@ export type DrawerConfig = ComponentStyleConfig & Pick<DrawerProps, 'classNames' | 'styles' | 'closeIcon' | 'closable'>; | ||
export type FormConfig = ComponentStyleConfig & Pick<FormProps, 'requiredMark' | 'colon' | 'scrollToFirstError' | 'validateMessages'>; | ||
export type FloatButtonGroupConfig = Pick<FloatButtonGroupProps, 'closeIcon'>; | ||
export type PaginationConfig = ComponentStyleConfig & Pick<PaginationProps, 'showSizeChanger'>; | ||
@@ -109,3 +136,12 @@ export type SelectConfig = ComponentStyleConfig & Pick<SelectProps, 'showSearch'>; | ||
export interface WaveConfig { | ||
/** | ||
* @descCN 是否开启水波纹效果。如果需要关闭,可以设置为 `false`。 | ||
* @descEN Whether to use wave effect. If it needs to close, set to `false`. | ||
* @default true | ||
*/ | ||
disabled?: boolean; | ||
/** | ||
* @descCN 自定义水波纹效果。 | ||
* @descEN Customized wave effect. | ||
*/ | ||
showEffect?: ShowWaveEffect; | ||
@@ -120,2 +156,6 @@ } | ||
renderEmpty?: RenderEmptyHandler; | ||
/** | ||
* @descCN 设置 [Content Security Policy](https://developer.mozilla.org/zh-CN/docs/Web/HTTP/CSP) 配置。 | ||
* @descEN Set the [Content Security Policy](https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP) config. | ||
*/ | ||
csp?: CSPConfig; | ||
@@ -144,2 +184,3 @@ autoInsertSpaceInButton?: boolean; | ||
collapse?: CollapseConfig; | ||
floatButtonGroup?: FloatButtonGroupConfig; | ||
typography?: ComponentStyleConfig; | ||
@@ -146,0 +187,0 @@ skeleton?: ComponentStyleConfig; |
import * as React from 'react'; | ||
import type { WarningContextProps } from '../_util/warning'; | ||
import type { Locale } from '../locale'; | ||
import type { AlertConfig, BadgeConfig, ButtonConfig, CardConfig, CollapseConfig, ComponentStyleConfig, ConfigConsumerProps, CSPConfig, DirectionType, DrawerConfig, FlexConfig, FormConfig, ImageConfig, InputConfig, MenuConfig, ModalConfig, NotificationConfig, PaginationConfig, PopupOverflow, SelectConfig, SpaceConfig, TableConfig, TabsConfig, TagConfig, TextAreaConfig, Theme, ThemeConfig, TourConfig, TransferConfig, WaveConfig } from './context'; | ||
import type { AlertConfig, BadgeConfig, ButtonConfig, CardConfig, CollapseConfig, ComponentStyleConfig, ConfigConsumerProps, CSPConfig, DirectionType, DrawerConfig, FlexConfig, FloatButtonGroupConfig, FormConfig, ImageConfig, InputConfig, MenuConfig, ModalConfig, NotificationConfig, PaginationConfig, PopupOverflow, SelectConfig, SpaceConfig, TableConfig, TabsConfig, TagConfig, TextAreaConfig, Theme, ThemeConfig, TourConfig, TransferConfig, WaveConfig } from './context'; | ||
import { ConfigConsumer, ConfigContext, defaultIconPrefixCls } from './context'; | ||
@@ -27,7 +27,21 @@ import type { RenderEmptyHandler } from './defaultRenderEmpty'; | ||
pagination?: PaginationConfig; | ||
/** | ||
* @descCN 语言包配置,语言包可到 `antd/locale` 目录下寻找。 | ||
* @descEN Language package setting, you can find the packages in `antd/locale`. | ||
*/ | ||
locale?: Locale; | ||
componentSize?: SizeType; | ||
componentDisabled?: boolean; | ||
/** | ||
* @descCN 设置布局展示方向。 | ||
* @descEN Set direction of layout. | ||
* @default ltr | ||
*/ | ||
direction?: DirectionType; | ||
space?: SpaceConfig; | ||
/** | ||
* @descCN 设置 `false` 时关闭虚拟滚动。 | ||
* @descEN Close the virtual scrolling when setting `false`. | ||
* @default true | ||
*/ | ||
virtual?: boolean; | ||
@@ -65,2 +79,3 @@ /** @deprecated Please use `popupMatchSelectWidth` instead */ | ||
menu?: MenuConfig; | ||
floatButtonGroup?: FloatButtonGroupConfig; | ||
checkbox?: ComponentStyleConfig; | ||
@@ -67,0 +82,0 @@ descriptions?: ComponentStyleConfig; |
@@ -175,3 +175,4 @@ "use client"; | ||
warning: warningConfig, | ||
tour | ||
tour, | ||
floatButtonGroup | ||
} = props; | ||
@@ -263,3 +264,4 @@ // =================================== Context =================================== | ||
warning: warningConfig, | ||
tour | ||
tour, | ||
floatButtonGroup | ||
}; | ||
@@ -266,0 +268,0 @@ const config = Object.assign({}, parentContext); |
@@ -5,4 +5,4 @@ /// <reference types="react" /> | ||
export default function useComponents(components?: Components): { | ||
date?: import("react").ComponentType<import("rc-picker/lib/interface").SharedPanelProps<any>> | undefined; | ||
time?: import("react").ComponentType<import("rc-picker/lib/interface").SharedPanelProps<any>> | undefined; | ||
date?: import("react").ComponentType<import("rc-picker/lib/interface").SharedPanelProps<any>> | undefined; | ||
week?: import("react").ComponentType<import("rc-picker/lib/interface").SharedPanelProps<any>> | undefined; | ||
@@ -9,0 +9,0 @@ month?: import("react").ComponentType<import("rc-picker/lib/interface").SharedPanelProps<any>> | undefined; |
import * as React from 'react'; | ||
import type { DrawerProps as RCDrawerProps } from 'rc-drawer'; | ||
import { type ClosableType } from '../_util/hooks/useClosable'; | ||
export interface DrawerClassNames extends NonNullable<RCDrawerProps['classNames']> { | ||
@@ -25,5 +26,3 @@ header?: string; | ||
*/ | ||
closable?: boolean | ({ | ||
closeIcon?: React.ReactNode; | ||
} & React.AriaAttributes); | ||
closable?: ClosableType; | ||
closeIcon?: React.ReactNode; | ||
@@ -30,0 +29,0 @@ onClose?: RCDrawerProps['onClose']; |
@@ -5,3 +5,3 @@ "use client"; | ||
import classNames from 'classnames'; | ||
import useClosable from '../_util/hooks/useClosable'; | ||
import useClosable, { pickClosable } from '../_util/hooks/useClosable'; | ||
import { ConfigContext } from '../config-provider'; | ||
@@ -15,4 +15,2 @@ const DrawerPanel = props => { | ||
extra, | ||
closeIcon, | ||
closable, | ||
onClose, | ||
@@ -35,13 +33,5 @@ headerStyle, | ||
}, icon)), [onClose]); | ||
const mergedContextCloseIcon = React.useMemo(() => { | ||
if (typeof (drawerContext === null || drawerContext === void 0 ? void 0 : drawerContext.closable) === 'object' && drawerContext.closable.closeIcon) { | ||
return drawerContext.closable.closeIcon; | ||
} | ||
return drawerContext === null || drawerContext === void 0 ? void 0 : drawerContext.closeIcon; | ||
}, [drawerContext === null || drawerContext === void 0 ? void 0 : drawerContext.closable, drawerContext === null || drawerContext === void 0 ? void 0 : drawerContext.closeIcon]); | ||
const [mergedClosable, mergedCloseIcon] = useClosable({ | ||
closable: closable !== null && closable !== void 0 ? closable : drawerContext === null || drawerContext === void 0 ? void 0 : drawerContext.closable, | ||
closeIcon: typeof closeIcon !== 'undefined' ? closeIcon : mergedContextCloseIcon, | ||
customCloseIconRender, | ||
defaultClosable: true | ||
const [mergedClosable, mergedCloseIcon] = useClosable(pickClosable(props), pickClosable(drawerContext), { | ||
closable: true, | ||
closeIconRender: customCloseIconRender | ||
}); | ||
@@ -48,0 +38,0 @@ const headerNode = React.useMemo(() => { |
@@ -19,7 +19,8 @@ "use client"; | ||
import { ConfigContext } from '../config-provider'; | ||
import useCSSVarCls from '../config-provider/hooks/useCSSVarCls'; | ||
import { FloatButtonGroupProvider } from './context'; | ||
import FloatButton, { floatButtonPrefixCls } from './FloatButton'; | ||
import useStyle from './style'; | ||
import useCSSVarCls from '../config-provider/hooks/useCSSVarCls'; | ||
const FloatButtonGroup = props => { | ||
var _a; | ||
const { | ||
@@ -32,3 +33,3 @@ prefixCls: customizePrefixCls, | ||
icon = /*#__PURE__*/React.createElement(FileTextOutlined, null), | ||
closeIcon = /*#__PURE__*/React.createElement(CloseOutlined, null), | ||
closeIcon, | ||
description, | ||
@@ -43,4 +44,6 @@ trigger, | ||
direction, | ||
getPrefixCls | ||
getPrefixCls, | ||
floatButtonGroup | ||
} = useContext(ConfigContext); | ||
const mergedCloseIcon = (_a = closeIcon !== null && closeIcon !== void 0 ? closeIcon : floatButtonGroup === null || floatButtonGroup === void 0 ? void 0 : floatButtonGroup.closeIcon) !== null && _a !== void 0 ? _a : /*#__PURE__*/React.createElement(CloseOutlined, null); | ||
const prefixCls = getPrefixCls(floatButtonPrefixCls, customizePrefixCls); | ||
@@ -124,3 +127,3 @@ const rootCls = useCSSVarCls(prefixCls); | ||
shape: shape, | ||
icon: open ? closeIcon : icon, | ||
icon: open ? mergedCloseIcon : icon, | ||
description: description, | ||
@@ -127,0 +130,0 @@ "aria-label": props['aria-label'] |
import type * as React from 'react'; | ||
import Group from './Group'; | ||
import type { InputProps, InputRef } from './Input'; | ||
import OTP from './OTP'; | ||
import Password from './Password'; | ||
@@ -17,4 +18,5 @@ import Search from './Search'; | ||
Password: typeof Password; | ||
OTP: typeof OTP; | ||
}; | ||
declare const Input: CompoundedComponent; | ||
export default Input; |
@@ -5,2 +5,3 @@ "use client"; | ||
import InternalInput from './Input'; | ||
import OTP from './OTP'; | ||
import Password from './Password'; | ||
@@ -10,5 +11,2 @@ import Search from './Search'; | ||
const Input = InternalInput; | ||
if (process.env.NODE_ENV !== 'production') { | ||
Input.displayName = 'Input'; | ||
} | ||
Input.Group = Group; | ||
@@ -18,2 +16,3 @@ Input.Search = Search; | ||
Input.Password = Password; | ||
Input.OTP = OTP; | ||
export default Input; |
@@ -191,2 +191,5 @@ "use client"; | ||
}); | ||
if (process.env.NODE_ENV !== 'production') { | ||
Input.displayName = 'Input'; | ||
} | ||
export default Input; |
@@ -78,3 +78,4 @@ /* eslint-disable no-template-curly-in-string */ | ||
copied: 'Copied', | ||
expand: 'Expand' | ||
expand: 'Expand', | ||
collapse: 'Collapse' | ||
}, | ||
@@ -81,0 +82,0 @@ Form: { |
@@ -35,2 +35,3 @@ import * as React from 'react'; | ||
expand?: any; | ||
collapse?: any; | ||
}; | ||
@@ -37,0 +38,0 @@ Form?: { |
@@ -5,2 +5,3 @@ import Pagination from "rc-pagination/es/locale/is_IS"; | ||
import TimePicker from '../time-picker/locale/is_IS'; | ||
const typeTemplate = '${label} er ekki gilt ${type}'; | ||
const localeValues = { | ||
@@ -43,4 +44,54 @@ locale: 'is', | ||
description: 'Engin gögn' | ||
}, | ||
Form: { | ||
optional: '(Valfrjálst)', | ||
defaultValidateMessages: { | ||
default: 'Villa við staðfestingu reits ${label}', | ||
required: 'gjörðu svo vel að koma inn ${label}', | ||
enum: '${label} verður að vera einn af [${enum}]', | ||
whitespace: '${label} getur ekki verið tómur stafur', | ||
date: { | ||
format: '${label} dagsetningarsnið er ógilt', | ||
parse: 'Ekki er hægt að breyta ${label} í dag', | ||
invalid: '${label} er ógild dagsetning' | ||
}, | ||
types: { | ||
string: typeTemplate, | ||
method: typeTemplate, | ||
array: typeTemplate, | ||
object: typeTemplate, | ||
number: typeTemplate, | ||
date: typeTemplate, | ||
boolean: typeTemplate, | ||
integer: typeTemplate, | ||
float: typeTemplate, | ||
regexp: typeTemplate, | ||
email: typeTemplate, | ||
url: typeTemplate, | ||
hex: typeTemplate | ||
}, | ||
string: { | ||
len: '${label} verður að vera ${len} stafir', | ||
min: '${label} er að minnsta kosti ${min} stafir að lengd', | ||
max: '${label} getur verið allt að ${max} stafir', | ||
range: '${label} verður að vera á milli ${min}-${max} stafir' | ||
}, | ||
number: { | ||
len: '${label} verður að vera jafngildi ${len}', | ||
min: 'Lágmarksgildi ${label} er ${mín}', | ||
max: 'Hámarksgildi ${label} er ${max}', | ||
range: '${label} verður að vera á milli ${min}-${max}' | ||
}, | ||
array: { | ||
len: 'Verður að vera ${len}${label}', | ||
min: 'Að minnsta kosti ${min}${label}', | ||
max: 'Í mesta lagi ${max}${label}', | ||
range: 'Magn ${label} verður að vera á milli ${min}-${max}' | ||
}, | ||
pattern: { | ||
mismatch: '${label} passar ekki við mynstur ${pattern}' | ||
} | ||
} | ||
} | ||
}; | ||
export default localeValues; |
@@ -78,3 +78,4 @@ /* eslint-disable no-template-curly-in-string */ | ||
copied: '复制成功', | ||
expand: '展开' | ||
expand: '展开', | ||
collapse: '收起' | ||
}, | ||
@@ -81,0 +82,0 @@ Form: { |
@@ -5,2 +5,3 @@ import type { FC } from 'react'; | ||
import type { DirectionType } from '../config-provider'; | ||
import type { ClosableType } from '../_util/hooks/useClosable'; | ||
export type ModalFooterRender = (originNode: React.ReactNode, extra: { | ||
@@ -21,5 +22,3 @@ OkBtn: FC; | ||
/** Whether a close (x) button is visible on top right of the modal dialog or not. Recommend to use closeIcon instead. */ | ||
closable?: boolean | ({ | ||
closeIcon?: React.ReactNode; | ||
} & React.AriaAttributes); | ||
closable?: ClosableType; | ||
/** Specify a function that will be called when a user clicks the OK button */ | ||
@@ -85,5 +84,3 @@ onOk?: (e: React.MouseEvent<HTMLButtonElement>) => void; | ||
title?: React.ReactNode; | ||
closable?: boolean | ({ | ||
closeIcon?: React.ReactNode; | ||
} & React.AriaAttributes); | ||
closable?: ClosableType; | ||
content?: React.ReactNode; | ||
@@ -90,0 +87,0 @@ onOk?: (...args: any[]) => any; |
@@ -15,3 +15,3 @@ "use client"; | ||
import Dialog from 'rc-dialog'; | ||
import useClosable from '../_util/hooks/useClosable'; | ||
import useClosable, { pickClosable } from '../_util/hooks/useClosable'; | ||
import { useZIndex } from '../_util/hooks/useZIndex'; | ||
@@ -53,3 +53,3 @@ import { getTransitionName } from '../_util/motion'; | ||
direction, | ||
modal | ||
modal: modalContext | ||
} = React.useContext(ConfigContext); | ||
@@ -83,4 +83,2 @@ const handleCancel = e => { | ||
getContainer, | ||
closeIcon, | ||
closable, | ||
focusTriggerAfterClose = true, | ||
@@ -95,3 +93,3 @@ style, | ||
} = props, | ||
restProps = __rest(props, ["prefixCls", "className", "rootClassName", "open", "wrapClassName", "centered", "getContainer", "closeIcon", "closable", "focusTriggerAfterClose", "style", "visible", "width", "footer", "classNames", "styles"]); | ||
restProps = __rest(props, ["prefixCls", "className", "rootClassName", "open", "wrapClassName", "centered", "getContainer", "focusTriggerAfterClose", "style", "visible", "width", "footer", "classNames", "styles"]); | ||
const prefixCls = getPrefixCls('modal', customizePrefixCls); | ||
@@ -110,10 +108,8 @@ const rootPrefixCls = getPrefixCls(); | ||
}))); | ||
const [mergedClosable, mergedCloseIcon] = useClosable({ | ||
closable, | ||
closeIcon: typeof closeIcon !== 'undefined' ? closeIcon : modal === null || modal === void 0 ? void 0 : modal.closeIcon, | ||
customCloseIconRender: icon => renderCloseIcon(prefixCls, icon), | ||
defaultCloseIcon: /*#__PURE__*/React.createElement(CloseOutlined, { | ||
const [mergedClosable, mergedCloseIcon] = useClosable(pickClosable(props), pickClosable(modalContext), { | ||
closable: true, | ||
closeIcon: /*#__PURE__*/React.createElement(CloseOutlined, { | ||
className: `${prefixCls}-close-icon` | ||
}), | ||
defaultClosable: true | ||
closeIconRender: icon => renderCloseIcon(prefixCls, icon) | ||
}); | ||
@@ -147,8 +143,8 @@ // ============================ Refs ============================ | ||
maskTransitionName: getTransitionName(rootPrefixCls, 'fade', props.maskTransitionName), | ||
className: classNames(hashId, className, modal === null || modal === void 0 ? void 0 : modal.className), | ||
style: Object.assign(Object.assign({}, modal === null || modal === void 0 ? void 0 : modal.style), style), | ||
classNames: Object.assign(Object.assign(Object.assign({}, modal === null || modal === void 0 ? void 0 : modal.classNames), modalClassNames), { | ||
className: classNames(hashId, className, modalContext === null || modalContext === void 0 ? void 0 : modalContext.className), | ||
style: Object.assign(Object.assign({}, modalContext === null || modalContext === void 0 ? void 0 : modalContext.style), style), | ||
classNames: Object.assign(Object.assign(Object.assign({}, modalContext === null || modalContext === void 0 ? void 0 : modalContext.classNames), modalClassNames), { | ||
wrapper: classNames(wrapClassNameExtended, modalClassNames === null || modalClassNames === void 0 ? void 0 : modalClassNames.wrapper) | ||
}), | ||
styles: Object.assign(Object.assign({}, modal === null || modal === void 0 ? void 0 : modal.styles), modalStyles), | ||
styles: Object.assign(Object.assign({}, modalContext === null || modalContext === void 0 ? void 0 : modalContext.styles), modalStyles), | ||
panelRef: panelRef | ||
@@ -155,0 +151,0 @@ })))))); |
@@ -51,3 +51,6 @@ // Style as confirm component | ||
flex: 'auto', | ||
rowGap: token.marginXS, | ||
rowGap: token.marginXS | ||
}, | ||
// https://github.com/ant-design/ant-design/issues/48159 | ||
[`${token.iconCls} + ${confirmComponentCls}-paragraph`]: { | ||
maxWidth: `calc(100% - ${unit(token.calc(token.modalConfirmIconSize).add(token.marginSM).equal())})` | ||
@@ -54,0 +57,0 @@ }, |
import type * as React from 'react'; | ||
import type { ClosableType } from '../_util/hooks/useClosable'; | ||
interface DivProps extends React.HTMLProps<HTMLDivElement> { | ||
@@ -22,2 +23,3 @@ 'data-testid'?: string; | ||
closeIcon?: React.ReactNode; | ||
closable?: ClosableType; | ||
props?: DivProps; | ||
@@ -43,2 +45,3 @@ role?: 'alert' | 'status'; | ||
closeIcon?: React.ReactNode; | ||
closable?: ClosableType; | ||
rtl?: boolean; | ||
@@ -45,0 +48,0 @@ maxCount?: number; |
@@ -131,5 +131,6 @@ "use client"; | ||
role = 'alert', | ||
closeIcon | ||
closeIcon, | ||
closable | ||
} = config, | ||
restConfig = __rest(config, ["message", "description", "icon", "type", "btn", "className", "style", "role", "closeIcon"]); | ||
restConfig = __rest(config, ["message", "description", "icon", "type", "btn", "className", "style", "role", "closeIcon", "closable"]); | ||
const realCloseIcon = getCloseIcon(noticePrefixCls, typeof closeIcon !== 'undefined' ? closeIcon : notification === null || notification === void 0 ? void 0 : notification.closeIcon); | ||
@@ -152,3 +153,3 @@ return originOpen(Object.assign(Object.assign({ | ||
closeIcon: realCloseIcon, | ||
closable: !!realCloseIcon | ||
closable: closable !== null && closable !== void 0 ? closable : !!realCloseIcon | ||
})); | ||
@@ -155,0 +156,0 @@ }; |
@@ -15,5 +15,3 @@ "use client"; | ||
import useMergedState from "rc-util/es/hooks/useMergedState"; | ||
import KeyCode from "rc-util/es/KeyCode"; | ||
import omit from "rc-util/es/omit"; | ||
import { cloneElement } from '../_util/reactNode'; | ||
import { ConfigContext } from '../config-provider'; | ||
@@ -61,8 +59,3 @@ import Popover from '../popover'; | ||
}; | ||
const onKeyDown = e => { | ||
if (e.keyCode === KeyCode.ESC && open) { | ||
settingOpen(false, e); | ||
} | ||
}; | ||
const onInternalOpenChange = value => { | ||
const onInternalOpenChange = (value, e) => { | ||
const { | ||
@@ -74,3 +67,3 @@ disabled = false | ||
} | ||
settingOpen(value); | ||
settingOpen(value, e); | ||
}; | ||
@@ -97,11 +90,3 @@ const prefixCls = getPrefixCls('popconfirm', customizePrefixCls); | ||
"data-popover-inject": true | ||
}), cloneElement(children, { | ||
onKeyDown: e => { | ||
var _a, _b; | ||
if ( /*#__PURE__*/React.isValidElement(children)) { | ||
(_b = children === null || children === void 0 ? void 0 : (_a = children.props).onKeyDown) === null || _b === void 0 ? void 0 : _b.call(_a, e); | ||
} | ||
onKeyDown(e); | ||
} | ||
}))); | ||
}), children)); | ||
}); | ||
@@ -108,0 +93,0 @@ // We don't care debug panel |
@@ -8,2 +8,3 @@ import * as React from 'react'; | ||
content?: React.ReactNode | RenderFunction; | ||
onOpenChange?: (open: boolean, e?: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLDivElement>) => void; | ||
} | ||
@@ -10,0 +11,0 @@ declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<unknown>> & { |
@@ -20,2 +20,5 @@ "use client"; | ||
import useStyle from './style'; | ||
import KeyCode from "rc-util/es/KeyCode"; | ||
import { cloneElement } from '../_util/reactNode'; | ||
import useMergedState from "rc-util/es/hooks/useMergedState"; | ||
const Overlay = _ref => { | ||
@@ -34,2 +37,3 @@ let { | ||
const Popover = /*#__PURE__*/React.forwardRef((props, ref) => { | ||
var _a; | ||
const { | ||
@@ -42,7 +46,9 @@ prefixCls: customizePrefixCls, | ||
trigger = 'hover', | ||
children, | ||
mouseEnterDelay = 0.1, | ||
mouseLeaveDelay = 0.1, | ||
onOpenChange, | ||
overlayStyle = {} | ||
} = props, | ||
otherProps = __rest(props, ["prefixCls", "title", "content", "overlayClassName", "placement", "trigger", "mouseEnterDelay", "mouseLeaveDelay", "overlayStyle"]); | ||
otherProps = __rest(props, ["prefixCls", "title", "content", "overlayClassName", "placement", "trigger", "children", "mouseEnterDelay", "mouseLeaveDelay", "onOpenChange", "overlayStyle"]); | ||
const { | ||
@@ -55,2 +61,17 @@ getPrefixCls | ||
const overlayCls = classNames(overlayClassName, hashId, cssVarCls); | ||
const [open, setOpen] = useMergedState(false, { | ||
value: (_a = props.open) !== null && _a !== void 0 ? _a : props.visible | ||
}); | ||
const settingOpen = (value, e) => { | ||
setOpen(value, true); | ||
onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(value, e); | ||
}; | ||
const onKeyDown = e => { | ||
if (e.keyCode === KeyCode.ESC) { | ||
settingOpen(false, e); | ||
} | ||
}; | ||
const onInternalOpenChange = value => { | ||
settingOpen(value); | ||
}; | ||
return wrapCSSVar( /*#__PURE__*/React.createElement(Tooltip, Object.assign({ | ||
@@ -66,2 +87,4 @@ placement: placement, | ||
ref: ref, | ||
open: open, | ||
onOpenChange: onInternalOpenChange, | ||
overlay: title || content ? /*#__PURE__*/React.createElement(Overlay, { | ||
@@ -74,2 +97,10 @@ prefixCls: prefixCls, | ||
"data-popover-inject": true | ||
}), cloneElement(children, { | ||
onKeyDown: e => { | ||
var _a, _b; | ||
if ( /*#__PURE__*/React.isValidElement(children)) { | ||
(_b = children === null || children === void 0 ? void 0 : (_a = children.props).onKeyDown) === null || _b === void 0 ? void 0 : _b.call(_a, e); | ||
} | ||
onKeyDown(e); | ||
} | ||
}))); | ||
@@ -76,0 +107,0 @@ }); |
@@ -21,3 +21,4 @@ "use client"; | ||
success, | ||
size = originWidth | ||
size = originWidth, | ||
steps | ||
} = props; | ||
@@ -46,2 +47,3 @@ const [width, height] = getSize(size, 'circle'); | ||
}, [gapDegree, type]); | ||
const percentArray = getPercentage(props); | ||
const gapPos = gapPosition || type === 'dashboard' && 'bottom' || undefined; | ||
@@ -58,6 +60,7 @@ // using className to style stroke color | ||
const circleContent = /*#__PURE__*/React.createElement(RCCircle, { | ||
percent: getPercentage(props), | ||
steps: steps, | ||
percent: steps ? percentArray[1] : percentArray, | ||
strokeWidth: strokeWidth, | ||
trailWidth: strokeWidth, | ||
strokeColor: strokeColor, | ||
strokeColor: steps ? strokeColor[1] : strokeColor, | ||
strokeLinecap: strokeLinecap, | ||
@@ -64,0 +67,0 @@ trailColor: trailColor, |
@@ -41,3 +41,6 @@ import * as React from 'react'; | ||
size?: number | [number | string, number] | ProgressSize; | ||
steps?: number; | ||
steps?: number | { | ||
count: number; | ||
gap: number; | ||
}; | ||
/** @deprecated Use `success` instead */ | ||
@@ -44,0 +47,0 @@ successPercent?: number; |
@@ -100,3 +100,3 @@ "use client"; | ||
prefixCls: prefixCls, | ||
steps: steps | ||
steps: typeof steps === 'object' ? steps.count : steps | ||
}), progressInfo)) : ( /*#__PURE__*/React.createElement(Line, Object.assign({}, props, { | ||
@@ -114,4 +114,7 @@ strokeColor: strokeColorNotArray, | ||
} | ||
const classString = classNames(prefixCls, `${prefixCls}-status-${progressStatus}`, `${prefixCls}-${type === 'dashboard' && 'circle' || steps && 'steps' || type}`, { | ||
const classString = classNames(prefixCls, `${prefixCls}-status-${progressStatus}`, { | ||
[`${prefixCls}-${type === 'dashboard' && 'circle' || type}`]: type !== 'line', | ||
[`${prefixCls}-inline-circle`]: type === 'circle' && getSize(size, 'circle')[0] <= 20, | ||
[`${prefixCls}-line`]: !steps && type === 'line', | ||
[`${prefixCls}-steps`]: steps, | ||
[`${prefixCls}-show-info`]: showInfo, | ||
@@ -118,0 +121,0 @@ [`${prefixCls}-${size}`]: typeof size === 'string', |
@@ -310,14 +310,15 @@ "use client"; | ||
const getFilterComponent = () => { | ||
const empty = /*#__PURE__*/React.createElement(Empty, { | ||
image: Empty.PRESENTED_IMAGE_SIMPLE, | ||
description: locale.filterEmptyText, | ||
imageStyle: { | ||
height: 24 | ||
}, | ||
style: { | ||
margin: 0, | ||
padding: '16px 0' | ||
} | ||
}); | ||
if ((column.filters || []).length === 0) { | ||
return /*#__PURE__*/React.createElement(Empty, { | ||
image: Empty.PRESENTED_IMAGE_SIMPLE, | ||
description: locale.filterEmptyText, | ||
imageStyle: { | ||
height: 24 | ||
}, | ||
style: { | ||
margin: 0, | ||
padding: '16px 0' | ||
} | ||
}); | ||
return empty; | ||
} | ||
@@ -362,2 +363,11 @@ if (filterMode === 'tree') { | ||
} | ||
const items = renderFilterItems({ | ||
filters: column.filters || [], | ||
filterSearch, | ||
prefixCls, | ||
filteredKeys: getFilteredKeysSync(), | ||
filterMultiple, | ||
searchValue | ||
}); | ||
const isEmpty = items.every(item => item === null); | ||
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FilterSearch, { | ||
@@ -369,3 +379,3 @@ filterSearch: filterSearch, | ||
locale: locale | ||
}), /*#__PURE__*/React.createElement(Menu, { | ||
}), isEmpty ? empty : ( /*#__PURE__*/React.createElement(Menu, { | ||
selectable: true, | ||
@@ -381,11 +391,4 @@ multiple: filterMultiple, | ||
onOpenChange: onOpenChange, | ||
items: renderFilterItems({ | ||
filters: column.filters || [], | ||
filterSearch, | ||
prefixCls, | ||
filteredKeys: getFilteredKeysSync(), | ||
filterMultiple, | ||
searchValue | ||
}) | ||
})); | ||
items: items | ||
}))); | ||
}; | ||
@@ -392,0 +395,0 @@ const getResetDisabled = () => { |
@@ -1,3 +0,2 @@ | ||
import type { TooltipProps } from '../../tooltip'; | ||
import type { ColumnsType, ColumnTitleProps, ColumnType, Key, SorterResult, SortOrder, TableLocale, TransformColumns } from '../interface'; | ||
import type { ColumnsType, ColumnTitleProps, ColumnType, Key, SorterResult, SorterTooltipProps, SortOrder, TableLocale, TransformColumns } from '../interface'; | ||
export interface SortState<RecordType> { | ||
@@ -16,3 +15,3 @@ column: ColumnType<RecordType>; | ||
tableLocale?: TableLocale; | ||
showSorterTooltip?: boolean | TooltipProps; | ||
showSorterTooltip?: boolean | SorterTooltipProps; | ||
} | ||
@@ -19,0 +18,0 @@ export default function useFilterSorter<RecordType>({ prefixCls, mergedColumns, onSorterChange, sortDirections, tableLocale, showSorterTooltip, }: SorterConfig<RecordType>): [ |
@@ -131,8 +131,18 @@ "use client"; | ||
title: renderProps => { | ||
const columnSortersClass = `${prefixCls}-column-sorters`; | ||
const renderColumnTitleWrapper = /*#__PURE__*/React.createElement("span", { | ||
className: `${prefixCls}-column-title` | ||
}, renderColumnTitle(column.title, renderProps)); | ||
const renderSortTitle = /*#__PURE__*/React.createElement("div", { | ||
className: `${prefixCls}-column-sorters` | ||
}, /*#__PURE__*/React.createElement("span", { | ||
className: `${prefixCls}-column-title` | ||
}, renderColumnTitle(column.title, renderProps)), sorter); | ||
return showSorterTooltip ? ( /*#__PURE__*/React.createElement(Tooltip, Object.assign({}, tooltipProps), renderSortTitle)) : renderSortTitle; | ||
className: columnSortersClass | ||
}, renderColumnTitleWrapper, sorter); | ||
if (showSorterTooltip) { | ||
if (typeof showSorterTooltip !== 'boolean' && (showSorterTooltip === null || showSorterTooltip === void 0 ? void 0 : showSorterTooltip.target) === 'sorter-icon') { | ||
return /*#__PURE__*/React.createElement("div", { | ||
className: `${columnSortersClass} ${prefixCls}-column-sorters-tooltip-target-sorter` | ||
}, renderColumnTitleWrapper, /*#__PURE__*/React.createElement(Tooltip, Object.assign({}, tooltipProps), sorter)); | ||
} | ||
return /*#__PURE__*/React.createElement(Tooltip, Object.assign({}, tooltipProps), renderSortTitle); | ||
} | ||
return renderSortTitle; | ||
}, | ||
@@ -139,0 +149,0 @@ onHeaderCell: col => { |
@@ -40,2 +40,6 @@ import type * as React from 'react'; | ||
export type SortOrder = 'descend' | 'ascend' | null; | ||
export type SorterTooltipTarget = 'full-header' | 'sorter-icon'; | ||
export type SorterTooltipProps = TooltipProps & { | ||
target?: SorterTooltipTarget; | ||
}; | ||
declare const TableActions: readonly ["paginate", "sort", "filter"]; | ||
@@ -95,3 +99,3 @@ export type TableAction = (typeof TableActions)[number]; | ||
}) => React.ReactNode; | ||
showSorterTooltip?: boolean | TooltipProps; | ||
showSorterTooltip?: boolean | SorterTooltipProps; | ||
filtered?: boolean; | ||
@@ -120,3 +124,3 @@ filters?: ColumnFilterItem[]; | ||
} | ||
export type ColumnsType<RecordType = unknown> = (ColumnGroupType<RecordType> | ColumnType<RecordType>)[]; | ||
export type ColumnsType<RecordType = any> = (ColumnGroupType<RecordType> | ColumnType<RecordType>)[]; | ||
export interface SelectionItem { | ||
@@ -123,0 +127,0 @@ key: string; |
import { type TableProps as RcTableProps } from 'rc-table'; | ||
import type { SizeType } from '../config-provider/SizeContext'; | ||
import type { SpinProps } from '../spin'; | ||
import type { TooltipProps } from '../tooltip'; | ||
import type { ColumnsType, FilterValue, GetPopupContainer, RefInternalTable, SorterResult, SortOrder, TableCurrentDataSource, TableLocale, TablePaginationConfig, TableRowSelection } from './interface'; | ||
import type { ColumnsType, FilterValue, GetPopupContainer, RefInternalTable, SorterResult, SorterTooltipProps, SortOrder, TableCurrentDataSource, TableLocale, TablePaginationConfig, TableRowSelection } from './interface'; | ||
export type { ColumnsType, TablePaginationConfig }; | ||
@@ -28,3 +27,3 @@ /** Same as `TableProps` but we need record parent render times */ | ||
sortDirections?: SortOrder[]; | ||
showSorterTooltip?: boolean | TooltipProps; | ||
showSorterTooltip?: boolean | SorterTooltipProps; | ||
virtual?: boolean; | ||
@@ -31,0 +30,0 @@ } |
@@ -61,3 +61,5 @@ "use client"; | ||
locale, | ||
showSorterTooltip = true, | ||
showSorterTooltip = { | ||
target: 'full-header' | ||
}, | ||
virtual | ||
@@ -64,0 +66,0 @@ } = props; |
@@ -59,2 +59,7 @@ const genSorterStyle = token => { | ||
}, | ||
[`${componentCls}-column-sorters-tooltip-target-sorter`]: { | ||
'&::after': { | ||
content: 'none' | ||
} | ||
}, | ||
[`${componentCls}-column-sorter`]: { | ||
@@ -61,0 +66,0 @@ marginInlineStart: marginXXS, |
@@ -11,3 +11,5 @@ import * as React from 'react'; | ||
color?: LiteralUnion<PresetColorType | PresetStatusColorType>; | ||
closable?: boolean; | ||
closable?: boolean | ({ | ||
closeIcon?: React.ReactNode; | ||
} & React.AriaAttributes); | ||
/** Advised to use closeIcon instead. */ | ||
@@ -14,0 +16,0 @@ closeIcon?: React.ReactNode; |
@@ -12,6 +12,7 @@ "use client"; | ||
import * as React from 'react'; | ||
import CloseOutlined from "@ant-design/icons/es/icons/CloseOutlined"; | ||
import classNames from 'classnames'; | ||
import omit from "rc-util/es/omit"; | ||
import { isPresetColor, isPresetStatusColor } from '../_util/colors'; | ||
import useClosable from '../_util/hooks/useClosable'; | ||
import useClosable, { pickClosable } from '../_util/hooks/useClosable'; | ||
import { replaceElement } from '../_util/reactNode'; | ||
import { devUseWarning } from '../_util/warning'; | ||
@@ -34,23 +35,23 @@ import Wave from '../_util/wave'; | ||
onClose, | ||
closeIcon, | ||
closable, | ||
bordered = true | ||
bordered = true, | ||
visible: deprecatedVisible | ||
} = tagProps, | ||
props = __rest(tagProps, ["prefixCls", "className", "rootClassName", "style", "children", "icon", "color", "onClose", "closeIcon", "closable", "bordered"]); | ||
props = __rest(tagProps, ["prefixCls", "className", "rootClassName", "style", "children", "icon", "color", "onClose", "bordered", "visible"]); | ||
const { | ||
getPrefixCls, | ||
direction, | ||
tag | ||
tag: tagContext | ||
} = React.useContext(ConfigContext); | ||
const [visible, setVisible] = React.useState(true); | ||
const domProps = omit(props, ['closeIcon', 'closable']); | ||
// Warning for deprecated usage | ||
if (process.env.NODE_ENV !== 'production') { | ||
const warning = devUseWarning('Tag'); | ||
warning.deprecated(!('visible' in props), 'visible', 'visible && <Tag />'); | ||
warning.deprecated(!('visible' in tagProps), 'visible', 'visible && <Tag />'); | ||
} | ||
React.useEffect(() => { | ||
if ('visible' in props) { | ||
setVisible(props.visible); | ||
if (deprecatedVisible !== undefined) { | ||
setVisible(deprecatedVisible); | ||
} | ||
}, [props.visible]); | ||
}, [deprecatedVisible]); | ||
const isPreset = isPresetColor(color); | ||
@@ -61,7 +62,7 @@ const isStatus = isPresetStatusColor(color); | ||
backgroundColor: color && !isInternalColor ? color : undefined | ||
}, tag === null || tag === void 0 ? void 0 : tag.style), style); | ||
}, tagContext === null || tagContext === void 0 ? void 0 : tagContext.style), style); | ||
const prefixCls = getPrefixCls('tag', customizePrefixCls); | ||
const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls); | ||
// Style | ||
const tagClassName = classNames(prefixCls, tag === null || tag === void 0 ? void 0 : tag.className, { | ||
const tagClassName = classNames(prefixCls, tagContext === null || tagContext === void 0 ? void 0 : tagContext.className, { | ||
[`${prefixCls}-${color}`]: isInternalColor, | ||
@@ -81,14 +82,18 @@ [`${prefixCls}-has-color`]: color && !isInternalColor, | ||
}; | ||
const [, mergedCloseIcon] = useClosable({ | ||
closable, | ||
closeIcon: closeIcon !== null && closeIcon !== void 0 ? closeIcon : tag === null || tag === void 0 ? void 0 : tag.closeIcon, | ||
customCloseIconRender: iconNode => iconNode === null ? ( /*#__PURE__*/React.createElement(CloseOutlined, { | ||
className: `${prefixCls}-close-icon`, | ||
onClick: handleCloseClick | ||
})) : ( /*#__PURE__*/React.createElement("span", { | ||
className: `${prefixCls}-close-icon`, | ||
onClick: handleCloseClick | ||
}, iconNode)), | ||
defaultCloseIcon: null, | ||
defaultClosable: false | ||
const [, mergedCloseIcon] = useClosable(pickClosable(tagProps), pickClosable(tagContext), { | ||
closable: false, | ||
closeIconRender: iconNode => { | ||
const replacement = /*#__PURE__*/React.createElement("span", { | ||
className: `${prefixCls}-close-icon`, | ||
onClick: handleCloseClick | ||
}, iconNode); | ||
return replaceElement(iconNode, replacement, originProps => ({ | ||
onClick: e => { | ||
var _a; | ||
(_a = originProps === null || originProps === void 0 ? void 0 : originProps.onClick) === null || _a === void 0 ? void 0 : _a.call(originProps, e); | ||
handleCloseClick(e); | ||
}, | ||
className: classNames(originProps === null || originProps === void 0 ? void 0 : originProps.className, `${prefixCls}-close-icon`) | ||
})); | ||
} | ||
}); | ||
@@ -98,3 +103,3 @@ const isNeedWave = typeof props.onClick === 'function' || children && children.type === 'a'; | ||
const kids = iconNode ? ( /*#__PURE__*/React.createElement(React.Fragment, null, iconNode, children && /*#__PURE__*/React.createElement("span", null, children))) : children; | ||
const tagNode = /*#__PURE__*/React.createElement("span", Object.assign({}, props, { | ||
const tagNode = /*#__PURE__*/React.createElement("span", Object.assign({}, domProps, { | ||
ref: ref, | ||
@@ -101,0 +106,0 @@ className: tagClassName, |
@@ -220,5 +220,5 @@ import type { PresetColorType } from './presetColors'; | ||
* @descEN Used to configure the motion effect, when it is `false`, the motion is turned off | ||
* @default false | ||
* @default true | ||
*/ | ||
motion: boolean; | ||
} |
@@ -12,3 +12,2 @@ "use client"; | ||
import * as React from 'react'; | ||
import CloseOutlined from "@ant-design/icons/es/icons/CloseOutlined"; | ||
import classNames from 'classnames'; | ||
@@ -41,8 +40,8 @@ import useClosable from '../_util/hooks/useClosable'; | ||
closable, | ||
closeIcon, | ||
customCloseIconRender: icon => /*#__PURE__*/React.isValidElement(icon) ? cloneElement(icon, { | ||
closeIcon | ||
}, null, { | ||
closable: true, | ||
closeIconRender: icon => /*#__PURE__*/React.isValidElement(icon) ? cloneElement(icon, { | ||
className: classNames(icon.props.className, `${prefixCls}-close-icon`) | ||
}) : icon, | ||
defaultCloseIcon: /*#__PURE__*/React.createElement(CloseOutlined, null), | ||
defaultClosable: true | ||
}) : icon | ||
}); | ||
@@ -49,0 +48,0 @@ return wrapCSSVar( /*#__PURE__*/React.createElement(PopoverRawPurePanel, { |
import type { KeyWise, TransferProps } from '..'; | ||
import type { AnyObject } from '../../_util/type'; | ||
declare const useData: <RecordType extends AnyObject>(dataSource?: RecordType[], rowKey?: TransferProps<RecordType>['rowKey'], targetKeys?: string[]) => KeyWise<RecordType>[][]; | ||
import type { TransferKey } from '../interface'; | ||
declare const useData: <RecordType extends AnyObject>(dataSource?: RecordType[], rowKey?: TransferProps<RecordType>['rowKey'], targetKeys?: TransferKey[]) => KeyWise<RecordType>[][]; | ||
export default useData; |
import * as React from 'react'; | ||
import type { TransferKey } from '../interface'; | ||
export default function useSelection<T extends { | ||
key: string; | ||
}>(leftDataSource: T[], rightDataSource: T[], selectedKeys?: string[]): [ | ||
sourceSelectedKeys: string[], | ||
targetSelectedKeys: string[], | ||
setSourceSelectedKeys: React.Dispatch<React.SetStateAction<string[]>>, | ||
setTargetSelectedKeys: React.Dispatch<React.SetStateAction<string[]>> | ||
key: TransferKey; | ||
}>(leftDataSource: T[], rightDataSource: T[], selectedKeys?: TransferKey[]): [ | ||
sourceSelectedKeys: TransferKey[], | ||
targetSelectedKeys: TransferKey[], | ||
setSourceSelectedKeys: React.Dispatch<React.SetStateAction<TransferKey[]>>, | ||
setTargetSelectedKeys: React.Dispatch<React.SetStateAction<TransferKey[]>> | ||
]; |
import type { CSSProperties } from 'react'; | ||
import React from 'react'; | ||
import type { InputStatus } from '../_util/statusUtils'; | ||
import type { PaginationType } from './interface'; | ||
import type { PaginationType, TransferKey } from './interface'; | ||
import type { TransferCustomListBodyProps, TransferListProps } from './list'; | ||
@@ -16,3 +16,3 @@ export type { TransferListProps } from './list'; | ||
export interface TransferItem { | ||
key?: string; | ||
key?: TransferKey; | ||
title?: string; | ||
@@ -24,3 +24,3 @@ description?: string; | ||
export type KeyWise<T> = T & { | ||
key: string; | ||
key: TransferKey; | ||
}; | ||
@@ -55,7 +55,7 @@ export type KeyWiseTransferItem = KeyWise<TransferItem>; | ||
dataSource?: RecordType[]; | ||
targetKeys?: string[]; | ||
selectedKeys?: string[]; | ||
targetKeys?: TransferKey[]; | ||
selectedKeys?: TransferKey[]; | ||
render?: TransferRender<RecordType>; | ||
onChange?: (targetKeys: string[], direction: TransferDirection, moveKeys: string[]) => void; | ||
onSelectChange?: (sourceSelectedKeys: string[], targetSelectedKeys: string[]) => void; | ||
onChange?: (targetKeys: TransferKey[], direction: TransferDirection, moveKeys: TransferKey[]) => void; | ||
onSelectChange?: (sourceSelectedKeys: TransferKey[], targetSelectedKeys: TransferKey[]) => void; | ||
style?: React.CSSProperties; | ||
@@ -72,3 +72,3 @@ listStyle?: ((style: ListStyle) => CSSProperties) | CSSProperties; | ||
}) => React.ReactNode; | ||
rowKey?: (record: RecordType) => string; | ||
rowKey?: (record: RecordType) => TransferKey; | ||
onSearch?: (direction: TransferDirection, value: string) => void; | ||
@@ -75,0 +75,0 @@ onScroll?: (direction: TransferDirection, e: React.SyntheticEvent<HTMLUListElement>) => void; |
@@ -0,1 +1,3 @@ | ||
/// <reference types="react" /> | ||
export type TransferKey = React.Key; | ||
export type PaginationType = boolean | { | ||
@@ -2,0 +4,0 @@ pageSize?: number; |
import React from 'react'; | ||
import type { KeyWiseTransferItem, RenderResult, SelectAllLabel, TransferDirection, TransferLocale } from './index'; | ||
import type { PaginationType } from './interface'; | ||
import type { PaginationType, TransferKey } from './interface'; | ||
import type { TransferListBodyProps } from './ListBody'; | ||
@@ -17,7 +17,7 @@ export interface RenderedItem<RecordType> { | ||
style?: React.CSSProperties; | ||
checkedKeys: string[]; | ||
checkedKeys: TransferKey[]; | ||
handleFilter: (e: React.ChangeEvent<HTMLInputElement>) => void; | ||
onItemSelect: (key: string, check: boolean, e?: React.MouseEvent<Element, MouseEvent>) => void; | ||
onItemSelectAll: (dataSource: string[], checkAll: boolean | 'replace') => void; | ||
onItemRemove?: (keys: string[]) => void; | ||
onItemSelect: (key: TransferKey, check: boolean, e?: React.MouseEvent<Element, MouseEvent>) => void; | ||
onItemSelectAll: (dataSource: TransferKey[], checkAll: boolean | 'replace') => void; | ||
onItemRemove?: (keys: TransferKey[]) => void; | ||
handleClear: () => void; | ||
@@ -24,0 +24,0 @@ /** Render item */ |
import * as React from 'react'; | ||
import type { KeyWiseTransferItem } from '.'; | ||
import type { TransferKey } from './interface'; | ||
import type { RenderedItem, TransferListProps } from './list'; | ||
export declare const OmitProps: readonly ["handleFilter", "handleClear", "checkedKeys"]; | ||
export type OmitProp = typeof OmitProps[number]; | ||
export type OmitProp = (typeof OmitProps)[number]; | ||
type PartialTransferListProps<RecordType> = Omit<TransferListProps<RecordType>, OmitProp>; | ||
@@ -10,3 +11,3 @@ export interface TransferListBodyProps<RecordType> extends PartialTransferListProps<RecordType> { | ||
filteredRenderItems: RenderedItem<RecordType>[]; | ||
selectedKeys: string[]; | ||
selectedKeys: TransferKey[]; | ||
} | ||
@@ -13,0 +14,0 @@ export interface ListBodyRef<RecordType extends KeyWiseTransferItem> { |
@@ -10,3 +10,4 @@ import * as React from 'react'; | ||
iconOnly: boolean; | ||
loading: boolean; | ||
} | ||
export default function CopyBtn(props: CopyBtnProps): React.JSX.Element; |
"use client"; | ||
import * as React from 'react'; | ||
import LoadingOutlined from "@ant-design/icons/es/icons/LoadingOutlined"; | ||
import CheckOutlined from "@ant-design/icons/es/icons/CheckOutlined"; | ||
@@ -18,3 +19,4 @@ import CopyOutlined from "@ant-design/icons/es/icons/CopyOutlined"; | ||
tooltips, | ||
icon | ||
icon, | ||
loading | ||
} = props; | ||
@@ -40,3 +42,3 @@ const tooltipNodes = toList(tooltips); | ||
"aria-label": ariaLabel | ||
}, copied ? getNode(iconNodes[1], /*#__PURE__*/React.createElement(CheckOutlined, null), true) : getNode(iconNodes[0], /*#__PURE__*/React.createElement(CopyOutlined, null), true))); | ||
}, copied ? getNode(iconNodes[1], /*#__PURE__*/React.createElement(CheckOutlined, null), true) : getNode(iconNodes[0], loading ? /*#__PURE__*/React.createElement(LoadingOutlined, null) : /*#__PURE__*/React.createElement(CopyOutlined, null), true))); | ||
} |
@@ -8,7 +8,6 @@ import * as React from 'react'; | ||
children: (cutChildren: React.ReactNode[], | ||
/** Tell current `cutChildren` is in ellipsis */ | ||
inEllipsis: boolean, | ||
/** Tell current `text` is exceed the `rows` which can be ellipsis */ | ||
canEllipsis: boolean) => React.ReactNode; | ||
onEllipsis: (isEllipsis: boolean) => void; | ||
expanded: boolean; | ||
/** | ||
@@ -15,0 +14,0 @@ * Mark for misc update. Which will not affect ellipsis content length. |
@@ -91,2 +91,3 @@ "use client"; | ||
rows, | ||
expanded, | ||
miscDeps, | ||
@@ -98,3 +99,4 @@ onEllipsis | ||
// ========================= Full Content ========================= | ||
const fullContent = React.useMemo(() => children(nodeList, false, false), [text]); | ||
// Used for measure only, which means it's always render as no need ellipsis | ||
const fullContent = React.useMemo(() => children(nodeList, false), [text]); | ||
// ========================= Cut Content ========================== | ||
@@ -108,2 +110,3 @@ const [ellipsisCutIndex, setEllipsisCutIndex] = React.useState(null); | ||
const symbolRowEllipsisRef = React.useRef(null); | ||
const [canEllipsis, setCanEllipsis] = React.useState(false); | ||
const [needEllipsis, setNeedEllipsis] = React.useState(STATUS_MEASURE_NONE); | ||
@@ -126,2 +129,3 @@ const [ellipsisHeight, setEllipsisHeight] = React.useState(0); | ||
setEllipsisCutIndex(isOverflow ? [0, nodeLen] : null); | ||
setCanEllipsis(isOverflow); | ||
// Get the basic height of ellipsis rows | ||
@@ -160,3 +164,3 @@ const baseRowsEllipsisHeight = ((_b = needEllipsisRef.current) === null || _b === void 0 ? void 0 : _b.getHeight()) || 0; | ||
if (needEllipsis !== STATUS_MEASURE_NEED_ELLIPSIS || !ellipsisCutIndex || ellipsisCutIndex[0] !== ellipsisCutIndex[1]) { | ||
const content = children(nodeList, false, false); | ||
const content = children(nodeList, false); | ||
// Limit the max line count to avoid scrollbar blink | ||
@@ -173,4 +177,4 @@ // https://github.com/ant-design/ant-design/issues/42958 | ||
} | ||
return children(sliceNodes(nodeList, ellipsisCutIndex[0]), true, true); | ||
}, [needEllipsis, ellipsisCutIndex, nodeList].concat(_toConsumableArray(miscDeps))); | ||
return children(expanded ? nodeList : sliceNodes(nodeList, ellipsisCutIndex[0]), canEllipsis); | ||
}, [expanded, needEllipsis, ellipsisCutIndex, nodeList].concat(_toConsumableArray(miscDeps))); | ||
// ============================ Render ============================ | ||
@@ -198,3 +202,3 @@ const measureStyle = { | ||
ref: symbolRowEllipsisRef | ||
}, children([], true, true)))), needEllipsis === STATUS_MEASURE_NEED_ELLIPSIS && ellipsisCutIndex && ellipsisCutIndex[0] !== ellipsisCutIndex[1] && ( /*#__PURE__*/React.createElement(MeasureText, { | ||
}, children([], true)))), needEllipsis === STATUS_MEASURE_NEED_ELLIPSIS && ellipsisCutIndex && ellipsisCutIndex[0] !== ellipsisCutIndex[1] && ( /*#__PURE__*/React.createElement(MeasureText, { | ||
style: Object.assign(Object.assign({}, measureStyle), { | ||
@@ -204,3 +208,3 @@ top: 400 | ||
ref: cutMidRef | ||
}, children(sliceNodes(nodeList, cutMidIndex), true, true)))); | ||
}, children(sliceNodes(nodeList, cutMidIndex), true)))); | ||
} |
@@ -7,3 +7,3 @@ import * as React from 'react'; | ||
export interface CopyConfig { | ||
text?: string; | ||
text?: string | (() => string | Promise<string>); | ||
onCopy?: (event?: React.MouseEvent<HTMLDivElement>) => void; | ||
@@ -30,6 +30,10 @@ icon?: React.ReactNode; | ||
rows?: number; | ||
expandable?: boolean; | ||
expandable?: boolean | 'collapsible'; | ||
suffix?: string; | ||
symbol?: React.ReactNode; | ||
onExpand?: React.MouseEventHandler<HTMLElement>; | ||
symbol?: React.ReactNode | ((expanded: boolean) => React.ReactNode); | ||
defaultExpanded?: boolean; | ||
expanded?: boolean; | ||
onExpand?: (e: React.MouseEvent<HTMLElement, MouseEvent>, info: { | ||
expanded: boolean; | ||
}) => void; | ||
onEllipsis?: (ellipsis: boolean) => void; | ||
@@ -36,0 +40,0 @@ tooltip?: React.ReactNode | TooltipProps; |
@@ -14,3 +14,2 @@ "use client"; | ||
import classNames from 'classnames'; | ||
import copy from 'copy-to-clipboard'; | ||
import ResizeObserver from 'rc-resize-observer'; | ||
@@ -28,2 +27,3 @@ import toArray from "rc-util/es/Children/toArray"; | ||
import Editable from '../Editable'; | ||
import useCopyClick from '../hooks/useCopyClick'; | ||
import useMergedConfig from '../hooks/useMergedConfig'; | ||
@@ -126,31 +126,13 @@ import useUpdatedEffect from '../hooks/useUpdatedEffect'; | ||
const [enableCopy, copyConfig] = useMergedConfig(copyable); | ||
const [copied, setCopied] = React.useState(false); | ||
const copyIdRef = React.useRef(null); | ||
const copyOptions = {}; | ||
if (copyConfig.format) { | ||
copyOptions.format = copyConfig.format; | ||
} | ||
const cleanCopyId = () => { | ||
if (copyIdRef.current) { | ||
clearTimeout(copyIdRef.current); | ||
} | ||
}; | ||
const onCopyClick = e => { | ||
var _a; | ||
e === null || e === void 0 ? void 0 : e.preventDefault(); | ||
e === null || e === void 0 ? void 0 : e.stopPropagation(); | ||
copy(copyConfig.text || String(children) || '', copyOptions); | ||
setCopied(true); | ||
// Trigger tips update | ||
cleanCopyId(); | ||
copyIdRef.current = setTimeout(() => { | ||
setCopied(false); | ||
}, 3000); | ||
(_a = copyConfig.onCopy) === null || _a === void 0 ? void 0 : _a.call(copyConfig, e); | ||
}; | ||
React.useEffect(() => cleanCopyId, []); | ||
const { | ||
copied, | ||
copyLoading, | ||
onClick: onCopyClick | ||
} = useCopyClick({ | ||
copyConfig, | ||
children | ||
}); | ||
// ========================== Ellipsis ========================== | ||
const [isLineClampSupport, setIsLineClampSupport] = React.useState(false); | ||
const [isTextOverflowSupport, setIsTextOverflowSupport] = React.useState(false); | ||
const [expanded, setExpanded] = React.useState(false); | ||
const [isJsEllipsis, setIsJsEllipsis] = React.useState(false); | ||
@@ -160,5 +142,9 @@ const [isNativeEllipsis, setIsNativeEllipsis] = React.useState(false); | ||
const [enableEllipsis, ellipsisConfig] = useMergedConfig(ellipsis, { | ||
expandable: false | ||
expandable: false, | ||
symbol: isExpanded => isExpanded ? textLocale === null || textLocale === void 0 ? void 0 : textLocale.collapse : textLocale === null || textLocale === void 0 ? void 0 : textLocale.expand | ||
}); | ||
const mergedEnableEllipsis = enableEllipsis && !expanded; | ||
const [expanded, setExpanded] = useMergedState(ellipsisConfig.defaultExpanded || false, { | ||
value: ellipsisConfig.expanded | ||
}); | ||
const mergedEnableEllipsis = enableEllipsis && (!expanded || ellipsisConfig.expandable === 'collapsible'); | ||
// Shared prop to reduce bundle size | ||
@@ -194,6 +180,6 @@ const { | ||
// >>>>> Expand | ||
const onExpandClick = e => { | ||
const onExpandClick = (e, info) => { | ||
var _a; | ||
setExpanded(true); | ||
(_a = ellipsisConfig.onExpand) === null || _a === void 0 ? void 0 : _a.call(ellipsisConfig, e); | ||
setExpanded(info.expanded); | ||
(_a = ellipsisConfig.onExpand) === null || _a === void 0 ? void 0 : _a.call(ellipsisConfig, e, info); | ||
}; | ||
@@ -306,14 +292,11 @@ const [ellipsisWidth, setEllipsisWidth] = React.useState(0); | ||
if (!expandable) return null; | ||
let expandContent; | ||
if (symbol) { | ||
expandContent = symbol; | ||
} else { | ||
expandContent = textLocale === null || textLocale === void 0 ? void 0 : textLocale.expand; | ||
} | ||
if (expanded && expandable !== 'collapsible') return null; | ||
return /*#__PURE__*/React.createElement("a", { | ||
key: "expand", | ||
className: `${prefixCls}-expand`, | ||
onClick: onExpandClick, | ||
"aria-label": textLocale === null || textLocale === void 0 ? void 0 : textLocale.expand | ||
}, expandContent); | ||
className: `${prefixCls}-${expanded ? 'collapse' : 'expand'}`, | ||
onClick: e => onExpandClick(e, { | ||
expanded: !expanded | ||
}), | ||
"aria-label": expanded ? textLocale.collapse : textLocale === null || textLocale === void 0 ? void 0 : textLocale.expand | ||
}, typeof symbol === 'function' ? symbol(expanded) : symbol); | ||
}; | ||
@@ -353,10 +336,13 @@ // Edit | ||
onCopy: onCopyClick, | ||
loading: copyLoading, | ||
iconOnly: children === null || children === undefined | ||
})); | ||
}; | ||
const renderOperations = renderExpanded => [renderExpanded && renderExpand(), renderEdit(), renderCopy()]; | ||
const renderEllipsis = needEllipsis => [needEllipsis && ( /*#__PURE__*/React.createElement("span", { | ||
const renderOperations = canEllipsis => [ | ||
// (renderExpanded || ellipsisConfig.collapsible) && renderExpand(), | ||
canEllipsis && renderExpand(), renderEdit(), renderCopy()]; | ||
const renderEllipsis = canEllipsis => [canEllipsis && !expanded && ( /*#__PURE__*/React.createElement("span", { | ||
"aria-hidden": true, | ||
key: "ellipsis" | ||
}, ELLIPSIS_STR)), ellipsisConfig.suffix, renderOperations(needEllipsis)]; | ||
}, ELLIPSIS_STR)), ellipsisConfig.suffix, renderOperations(canEllipsis)]; | ||
return /*#__PURE__*/React.createElement(ResizeObserver, { | ||
@@ -394,6 +380,7 @@ onResize: onResize, | ||
onEllipsis: onJsEllipsis, | ||
miscDeps: [copied, expanded] | ||
}, (node, needEllipsis) => { | ||
expanded: expanded, | ||
miscDeps: [copied, expanded, copyLoading] | ||
}, (node, canEllipsis) => { | ||
let renderNode = node; | ||
if (node.length && needEllipsis && topAriaLabel) { | ||
if (node.length && canEllipsis && !expanded && topAriaLabel) { | ||
renderNode = /*#__PURE__*/React.createElement("span", { | ||
@@ -404,3 +391,3 @@ key: "show-content", | ||
} | ||
const wrappedContext = wrapperDecorations(props, /*#__PURE__*/React.createElement(React.Fragment, null, renderNode, renderEllipsis(needEllipsis))); | ||
const wrappedContext = wrapperDecorations(props, /*#__PURE__*/React.createElement(React.Fragment, null, renderNode, renderEllipsis(canEllipsis))); | ||
return wrappedContext; | ||
@@ -407,0 +394,0 @@ }))))); |
@@ -77,2 +77,3 @@ import { operationUnit } from '../../style'; | ||
${componentCls}-expand, | ||
${componentCls}-collapse, | ||
${componentCls}-edit, | ||
@@ -79,0 +80,0 @@ ${componentCls}-copy |
@@ -103,4 +103,2 @@ import { blue } from '@ant-design/colors'; | ||
height: uploadPictureCardSize, | ||
marginInlineEnd: token.marginXS, | ||
marginBottom: token.marginXS, | ||
textAlign: 'center', | ||
@@ -126,2 +124,13 @@ verticalAlign: 'top', | ||
[`${listCls}${listCls}-picture-card, ${listCls}${listCls}-picture-circle`]: { | ||
display: 'flex', | ||
flexWrap: 'wrap', | ||
'@supports not (gap: 1px)': { | ||
'& > *': { | ||
marginBlockEnd: token.marginXS, | ||
marginInlineEnd: token.marginXS | ||
} | ||
}, | ||
'@supports (gap: 1px)': { | ||
gap: token.marginXS | ||
}, | ||
[`${listCls}-item-container`]: { | ||
@@ -131,4 +140,2 @@ display: 'inline-block', | ||
height: uploadPictureCardSize, | ||
marginBlock: `0 ${unit(token.marginXS)}`, | ||
marginInline: `0 ${unit(token.marginXS)}`, | ||
verticalAlign: 'top' | ||
@@ -139,2 +146,5 @@ }, | ||
}, | ||
'&::before': { | ||
display: 'none' | ||
}, | ||
[itemCls]: { | ||
@@ -141,0 +151,0 @@ height: '100%', |
@@ -122,3 +122,3 @@ "use client"; | ||
} | ||
if (!exceedMaxCount || | ||
if (!exceedMaxCount || file.status === 'removed' || | ||
// We should ignore event if current file is exceed `maxCount` | ||
@@ -125,0 +125,0 @@ cloneList.some(f => f.uid === file.uid)) { |
@@ -1,1 +0,1 @@ | ||
{"Upload":{"global":["fontSizeHeading3","fontHeight","lineWidth","controlHeightLG","colorTextDisabled","colorText","fontSize","lineHeight","fontFamily","colorFillAlter","colorBorder","borderRadiusLG","motionDurationSlow","padding","lineWidthFocus","colorPrimaryBorder","colorPrimaryHover","margin","colorPrimary","marginXXS","colorTextHeading","fontSizeLG","colorTextDescription","paddingXS","lineType","paddingSM","fontSizeHeading2","colorError","colorErrorBg","colorTextLightSolid","marginXS","colorBgMask","marginXL","fontHeightSM","controlItemBgHover","motionEaseInOutCirc","motionDurationMid","motionEaseInOut"],"component":{"actionsColor":"rgba(0, 0, 0, 0.45)"}},"Typography":{"global":["colorText","lineHeight","colorTextDescription","colorSuccess","colorWarning","colorError","colorErrorActive","colorErrorHover","colorTextDisabled","fontSizeHeading1","lineHeightHeading1","colorTextHeading","fontWeightStrong","fontSizeHeading2","lineHeightHeading2","fontSizeHeading3","lineHeightHeading3","fontSizeHeading4","lineHeightHeading4","fontSizeHeading5","lineHeightHeading5","fontFamilyCode","colorLink","motionDurationSlow","colorLinkHover","colorLinkActive","linkDecoration","linkHoverDecoration","marginXXS","paddingSM","marginXS","fontSize"],"component":{"titleMarginTop":"1.2em","titleMarginBottom":"0.5em"}},"TreeSelect":{"global":["colorBgElevated","paddingXS","colorText","fontSize","lineHeight","fontFamily","borderRadius","motionDurationSlow","lineWidthFocus","colorPrimaryBorder","colorPrimary","colorTextDisabled","controlItemBgHover","colorBgTextHover","colorBorder","marginXXS","motionDurationMid","lineWidthBold","controlInteractiveSize","marginXS","borderRadiusSM","colorBgContainer","lineWidth","lineType","colorWhite","motionDurationFast","motionEaseInBack","colorPrimaryHover","motionEaseOutBack","fontSizeLG","colorBgContainerDisabled"],"component":{"titleHeight":24,"nodeHoverBg":"rgba(0, 0, 0, 0.04)","nodeSelectedBg":"#e6f4ff"}},"Tree":{"global":["controlInteractiveSize","colorText","fontSize","lineHeight","fontFamily","marginXS","borderRadiusSM","lineWidthFocus","colorPrimaryBorder","colorBgContainer","lineWidth","lineType","colorBorder","motionDurationSlow","lineWidthBold","colorWhite","motionDurationFast","motionEaseInBack","paddingXS","colorPrimary","colorPrimaryHover","motionDurationMid","motionEaseOutBack","fontSizeLG","colorBgContainerDisabled","colorTextDisabled","borderRadius","controlItemBgHover","colorBgTextHover","marginXXS","motionEaseInOut"],"component":{"titleHeight":24,"nodeHoverBg":"rgba(0, 0, 0, 0.04)","nodeSelectedBg":"#e6f4ff","directoryNodeSelectedColor":"#fff","directoryNodeSelectedBg":"#1677ff"}},"Tour":{"global":["borderRadiusLG","lineHeight","padding","paddingXS","borderRadius","borderRadiusXS","colorPrimary","colorText","colorFill","boxShadowTertiary","fontSize","colorBgElevated","fontWeightStrong","marginXS","colorTextLightSolid","colorWhite","motionDurationSlow","fontFamily","colorIcon","borderRadiusSM","motionDurationMid","colorIconHover","colorBgTextHover","colorBgTextActive","lineWidthFocus","colorPrimaryBorder","boxShadowPopoverArrow","sizePopupArrow"],"component":{"zIndexPopup":1070,"closeBtnSize":22,"primaryPrevBtnBg":"rgba(255, 255, 255, 0.15)","primaryNextBtnHoverBg":"rgb(240, 240, 240)","arrowOffsetHorizontal":12,"arrowOffsetVertical":8,"arrowShadowWidth":8.970562748477143,"arrowPath":"path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z')","arrowPolygon":"polygon(1.6568542494923806px 100%, 50% 1.6568542494923806px, 14.34314575050762px 100%, 1.6568542494923806px 100%)"}},"Transfer":{"global":["marginXS","marginXXS","fontSizeIcon","colorBgContainerDisabled","colorText","fontSize","lineHeight","fontFamily","colorBorder","colorSplit","lineWidth","controlItemBgActive","colorTextDisabled","paddingSM","lineType","motionDurationSlow","controlItemBgHover","borderRadiusLG","colorBgContainer","controlItemBgActiveHover","colorLinkHover","paddingXS","controlHeightLG","colorError","colorWarning"],"component":{"listWidth":180,"listHeight":200,"listWidthLG":250,"headerHeight":40,"itemHeight":32,"itemPaddingBlock":5,"transferHeaderVerticalPadding":9}},"Tooltip":{"global":["borderRadius","colorTextLightSolid","colorBgSpotlight","controlHeight","boxShadowSecondary","paddingSM","paddingXS","colorText","fontSize","lineHeight","fontFamily","blue1","blue3","blue6","blue7","purple1","purple3","purple6","purple7","cyan1","cyan3","cyan6","cyan7","green1","green3","green6","green7","magenta1","magenta3","magenta6","magenta7","pink1","pink3","pink6","pink7","red1","red3","red6","red7","orange1","orange3","orange6","orange7","yellow1","yellow3","yellow6","yellow7","volcano1","volcano3","volcano6","volcano7","geekblue1","geekblue3","geekblue6","geekblue7","lime1","lime3","lime6","lime7","gold1","gold3","gold6","gold7","boxShadowPopoverArrow","sizePopupArrow","borderRadiusXS","motionDurationFast","motionEaseOutCirc","motionEaseInOutCirc"],"component":{"zIndexPopup":1070,"arrowOffsetHorizontal":12,"arrowOffsetVertical":8,"arrowShadowWidth":8.970562748477143,"arrowPath":"path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z')","arrowPolygon":"polygon(1.6568542494923806px 100%, 50% 1.6568542494923806px, 14.34314575050762px 100%, 1.6568542494923806px 100%)"}},"Timeline":{"global":["paddingXXS","colorText","fontSize","lineHeight","fontFamily","lineType","fontSizeSM","colorPrimary","colorError","colorSuccess","colorTextDisabled","lineWidth","margin","controlHeightLG","marginXXS","marginSM","marginXS"],"component":{"tailColor":"rgba(5, 5, 5, 0.06)","tailWidth":2,"dotBorderWidth":2,"dotBg":"#ffffff","itemPaddingBottom":20}},"Table":{"global":["colorTextHeading","colorSplit","colorBgContainer","controlInteractiveSize","padding","fontWeightStrong","lineWidth","lineType","motionDurationMid","colorText","fontSize","lineHeight","fontFamily","margin","paddingXS","marginXXS","fontSizeIcon","motionDurationSlow","colorPrimary","paddingXXS","fontSizeSM","borderRadius","colorTextDescription","colorTextDisabled","controlItemBgHover","controlItemBgActive","boxShadowSecondary","colorLink","colorLinkHover","colorLinkActive","opacityLoading"],"component":{"headerBg":"#fafafa","headerColor":"rgba(0, 0, 0, 0.88)","headerSortActiveBg":"#f0f0f0","headerSortHoverBg":"#f0f0f0","bodySortBg":"#fafafa","rowHoverBg":"#fafafa","rowSelectedBg":"#e6f4ff","rowSelectedHoverBg":"#bae0ff","rowExpandedBg":"rgba(0, 0, 0, 0.02)","cellPaddingBlock":16,"cellPaddingInline":16,"cellPaddingBlockMD":12,"cellPaddingInlineMD":8,"cellPaddingBlockSM":8,"cellPaddingInlineSM":8,"borderColor":"#f0f0f0","headerBorderRadius":8,"footerBg":"#fafafa","footerColor":"rgba(0, 0, 0, 0.88)","cellFontSize":14,"cellFontSizeMD":14,"cellFontSizeSM":14,"headerSplitColor":"#f0f0f0","fixedHeaderSortActiveBg":"#f0f0f0","headerFilterHoverBg":"rgba(0, 0, 0, 0.06)","filterDropdownMenuBg":"#ffffff","filterDropdownBg":"#ffffff","expandIconBg":"#ffffff","selectionColumnWidth":32,"stickyScrollBarBg":"rgba(0, 0, 0, 0.25)","stickyScrollBarBorderRadius":100,"expandIconMarginTop":2.5,"headerIconColor":"rgba(0, 0, 0, 0.29)","headerIconHoverColor":"rgba(0, 0, 0, 0.57)","expandIconHalfInner":7,"expandIconSize":17,"expandIconScale":0.9411764705882353}},"Switch":{"global":["motionDurationMid","colorPrimary","opacityLoading","fontSizeIcon","colorText","fontSize","lineHeight","fontFamily","colorTextQuaternary","colorTextTertiary","lineWidthFocus","colorPrimaryBorder","colorPrimaryHover","colorTextLightSolid","fontSizeSM","marginXXS"],"component":{"trackHeight":22,"trackHeightSM":16,"trackMinWidth":44,"trackMinWidthSM":28,"trackPadding":2,"handleBg":"#fff","handleSize":18,"handleSizeSM":12,"handleShadow":"0 2px 4px 0 rgba(0, 35, 11, 0.2)","innerMinMargin":9,"innerMaxMargin":24,"innerMinMarginSM":6,"innerMaxMarginSM":18}},"Statistic":{"global":["marginXXS","padding","colorTextDescription","colorTextHeading","fontFamily","colorText","fontSize","lineHeight"],"component":{"titleFontSize":14,"contentFontSize":24}},"Tabs":{"global":["paddingXXS","borderRadius","marginSM","marginXS","marginXXS","margin","colorBorderSecondary","lineWidth","lineType","lineWidthBold","motionDurationSlow","controlHeight","boxShadowTabsOverflowLeft","boxShadowTabsOverflowRight","boxShadowTabsOverflowTop","boxShadowTabsOverflowBottom","colorBorder","paddingLG","colorText","fontSize","lineHeight","fontFamily","colorBgContainer","borderRadiusLG","boxShadowSecondary","paddingSM","colorTextDescription","fontSizeSM","controlItemBgHover","colorTextDisabled","motionEaseInOut","controlHeightLG","paddingXS","lineWidthFocus","colorPrimaryBorder","colorTextHeading","motionDurationMid","motionEaseOutQuint","motionEaseInQuint"],"component":{"zIndexPopup":1050,"cardBg":"rgba(0, 0, 0, 0.02)","cardHeight":40,"cardPadding":"8px 16px","cardPaddingSM":"6px 16px","cardPaddingLG":"8px 16px 6px","titleFontSize":14,"titleFontSizeLG":16,"titleFontSizeSM":14,"inkBarColor":"#1677ff","horizontalMargin":"0 0 16px 0","horizontalItemGutter":32,"horizontalItemMargin":"","horizontalItemMarginRTL":"","horizontalItemPadding":"12px 0","horizontalItemPaddingSM":"8px 0","horizontalItemPaddingLG":"16px 0","verticalItemPadding":"8px 24px","verticalItemMargin":"16px 0 0 0","itemColor":"rgba(0, 0, 0, 0.88)","itemSelectedColor":"#1677ff","itemHoverColor":"#4096ff","itemActiveColor":"#0958d9","cardGutter":2}},"Spin":{"global":["colorTextDescription","colorText","fontSize","lineHeight","fontFamily","colorPrimary","motionDurationSlow","motionEaseInOutCirc","colorBgMask","zIndexPopupBase","motionDurationMid","colorWhite","colorTextLightSolid","colorBgContainer","marginXXS"],"component":{"contentHeight":400,"dotSize":20,"dotSizeSM":14,"dotSizeLG":32}},"Tag":{"global":["lineWidth","fontSizeIcon","fontSizeSM","lineHeightSM","paddingXXS","colorText","fontSize","lineHeight","fontFamily","marginXS","lineType","colorBorder","borderRadiusSM","motionDurationMid","colorTextDescription","colorTextHeading","colorTextLightSolid","colorPrimary","colorFillSecondary","colorPrimaryHover","colorPrimaryActive"],"component":{"defaultBg":"#fafafa","defaultColor":"rgba(0, 0, 0, 0.88)"}},"Slider":{"global":["controlHeight","controlHeightLG","colorFillContentHover","colorText","fontSize","lineHeight","fontFamily","borderRadiusXS","motionDurationMid","colorPrimaryBorderHover","colorBgElevated","colorTextDescription","motionDurationSlow"],"component":{"controlSize":10,"railSize":4,"handleSize":10,"handleSizeHover":12,"dotSize":8,"handleLineWidth":2,"handleLineWidthHover":4,"railBg":"rgba(0, 0, 0, 0.04)","railHoverBg":"rgba(0, 0, 0, 0.06)","trackBg":"#91caff","trackHoverBg":"#69b1ff","handleColor":"#91caff","handleActiveColor":"#1677ff","handleColorDisabled":"#bfbfbf","dotBorderColor":"#f0f0f0","dotActiveBorderColor":"#91caff","trackBgDisabled":"rgba(0, 0, 0, 0.04)"}},"Skeleton":{"global":["controlHeight","controlHeightLG","controlHeightSM","padding","marginSM","controlHeightXS","borderRadiusSM"],"component":{"color":"rgba(0, 0, 0, 0.06)","colorGradientEnd":"rgba(0, 0, 0, 0.15)","gradientFromColor":"rgba(0, 0, 0, 0.06)","gradientToColor":"rgba(0, 0, 0, 0.15)","titleHeight":16,"blockRadius":4,"paragraphMarginTop":28,"paragraphLiHeight":16}},"Space":{"global":["paddingXS","padding","paddingLG"],"component":{}},"Select":{"global":["paddingSM","controlHeight","colorText","fontSize","lineHeight","fontFamily","motionDurationMid","motionEaseInOut","colorTextPlaceholder","fontSizeIcon","colorTextQuaternary","motionDurationSlow","colorTextTertiary","paddingXS","controlPaddingHorizontalSM","lineWidth","borderRadius","controlHeightSM","borderRadiusSM","fontSizeLG","borderRadiusLG","borderRadiusXS","controlHeightLG","controlPaddingHorizontal","paddingXXS","colorIcon","colorIconHover","colorBgElevated","boxShadowSecondary","colorTextDescription","fontSizeSM","colorPrimary","colorBgContainerDisabled","colorTextDisabled","motionEaseOutQuint","motionEaseInQuint","motionEaseOutCirc","motionEaseInOutCirc","colorBorder","colorPrimaryHover","controlOutline","controlOutlineWidth","lineType","colorError","colorErrorHover","colorErrorOutline","colorWarning","colorWarningHover","colorWarningOutline","colorFillTertiary","colorFillSecondary","colorErrorBg","colorErrorBgHover","colorWarningBg","colorWarningBgHover","colorBgContainer","colorSplit"],"component":{"zIndexPopup":1050,"optionSelectedColor":"rgba(0, 0, 0, 0.88)","optionSelectedFontWeight":600,"optionSelectedBg":"#e6f4ff","optionActiveBg":"rgba(0, 0, 0, 0.04)","optionPadding":"5px 12px","optionFontSize":14,"optionLineHeight":1.5714285714285714,"optionHeight":32,"selectorBg":"#ffffff","clearBg":"#ffffff","singleItemHeightLG":40,"multipleItemBg":"rgba(0, 0, 0, 0.06)","multipleItemBorderColor":"transparent","multipleItemHeight":24,"multipleItemHeightSM":16,"multipleItemHeightLG":32,"multipleSelectorBgDisabled":"rgba(0, 0, 0, 0.04)","multipleItemColorDisabled":"rgba(0, 0, 0, 0.25)","multipleItemBorderColorDisabled":"transparent","showArrowPaddingInlineEnd":18}},"Steps":{"global":["colorTextDisabled","controlHeightLG","colorTextLightSolid","colorText","colorPrimary","colorTextDescription","colorTextQuaternary","colorError","colorBorderSecondary","colorSplit","fontSize","lineHeight","fontFamily","motionDurationSlow","lineWidthFocus","colorPrimaryBorder","marginXS","lineWidth","lineType","paddingXXS","padding","fontSizeLG","fontWeightStrong","fontSizeSM","paddingSM","margin","controlHeight","marginXXS","paddingLG","marginSM","paddingXS","controlHeightSM","fontSizeIcon","lineWidthBold","marginLG","borderRadiusSM","motionDurationMid","controlItemBgHover","lineHeightSM","colorBorderBg"],"component":{"titleLineHeight":32,"customIconSize":32,"customIconTop":0,"customIconFontSize":24,"iconSize":32,"iconTop":-0.5,"iconFontSize":14,"iconSizeSM":24,"dotSize":8,"dotCurrentSize":10,"navArrowColor":"rgba(0, 0, 0, 0.25)","navContentMaxWidth":"auto","descriptionMaxWidth":140,"waitIconColor":"rgba(0, 0, 0, 0.25)","waitIconBgColor":"#ffffff","waitIconBorderColor":"rgba(0, 0, 0, 0.25)","finishIconBgColor":"#ffffff","finishIconBorderColor":"#1677ff"}},"Segmented":{"global":["lineWidth","controlPaddingHorizontal","controlPaddingHorizontalSM","controlHeight","controlHeightLG","controlHeightSM","colorText","fontSize","lineHeight","fontFamily","borderRadius","motionDurationMid","motionEaseInOut","borderRadiusSM","boxShadowTertiary","marginSM","paddingXXS","borderRadiusLG","fontSizeLG","borderRadiusXS","colorTextDisabled","motionDurationSlow"],"component":{"trackPadding":2,"trackBg":"#f5f5f5","itemColor":"rgba(0, 0, 0, 0.65)","itemHoverColor":"rgba(0, 0, 0, 0.88)","itemHoverBg":"rgba(0, 0, 0, 0.06)","itemSelectedBg":"#ffffff","itemActiveBg":"rgba(0, 0, 0, 0.15)","itemSelectedColor":"rgba(0, 0, 0, 0.88)"}},"Radio":{"global":["controlOutline","controlOutlineWidth","colorText","fontSize","lineHeight","fontFamily","colorPrimary","motionDurationSlow","motionDurationMid","motionEaseInOutCirc","colorBgContainer","colorBorder","lineWidth","colorBgContainerDisabled","colorTextDisabled","paddingXS","lineType","lineWidthFocus","colorPrimaryBorder","controlHeight","fontSizeLG","controlHeightLG","controlHeightSM","borderRadius","borderRadiusSM","borderRadiusLG","colorPrimaryHover","colorPrimaryActive"],"component":{"radioSize":16,"dotSize":8,"dotColorDisabled":"rgba(0, 0, 0, 0.25)","buttonSolidCheckedColor":"#fff","buttonSolidCheckedBg":"#1677ff","buttonSolidCheckedHoverBg":"#4096ff","buttonSolidCheckedActiveBg":"#0958d9","buttonBg":"#ffffff","buttonCheckedBg":"#ffffff","buttonColor":"rgba(0, 0, 0, 0.88)","buttonCheckedBgDisabled":"rgba(0, 0, 0, 0.15)","buttonCheckedColorDisabled":"rgba(0, 0, 0, 0.25)","buttonPaddingInline":15,"wrapperMarginInlineEnd":8,"radioColor":"#1677ff","radioBgColor":"#ffffff"}},"Rate":{"global":["colorText","fontSize","lineHeight","fontFamily","marginXS","motionDurationMid","lineWidth"],"component":{"starColor":"#fadb14","starSize":20,"starHoverScale":"scale(1.1)","starBg":"rgba(0, 0, 0, 0.06)"}},"QRCode":{"global":["colorText","lineWidth","lineType","colorSplit","fontSize","lineHeight","fontFamily","paddingSM","colorWhite","borderRadiusLG","marginXS","controlHeight"],"component":{"QRCodeMaskBackgroundColor":"rgba(255, 255, 255, 0.96)"}},"Popover":{"global":["colorBgElevated","colorText","fontWeightStrong","boxShadowSecondary","colorTextHeading","borderRadiusLG","fontSize","lineHeight","fontFamily","boxShadowPopoverArrow","sizePopupArrow","borderRadiusXS","blue6","purple6","cyan6","green6","magenta6","pink6","red6","orange6","yellow6","volcano6","geekblue6","lime6","gold6","motionDurationMid","motionEaseOutCirc","motionEaseInOutCirc"],"component":{"titleMinWidth":177,"zIndexPopup":1030,"arrowShadowWidth":8.970562748477143,"arrowPath":"path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z')","arrowPolygon":"polygon(1.6568542494923806px 100%, 50% 1.6568542494923806px, 14.34314575050762px 100%, 1.6568542494923806px 100%)","arrowOffsetHorizontal":12,"arrowOffsetVertical":8,"innerPadding":0,"titleMarginBottom":0,"titlePadding":"5px 16px 4px","titleBorderBottom":"1px solid rgba(5, 5, 5, 0.06)","innerContentPadding":"12px 16px"}},"Popconfirm":{"global":["colorText","colorWarning","marginXXS","marginXS","fontSize","fontWeightStrong","colorTextHeading"],"component":{"zIndexPopup":1060}},"Progress":{"global":["marginXXS","colorText","fontSize","lineHeight","fontFamily","marginXS","paddingXS","motionDurationSlow","motionEaseInOutCirc","colorSuccess","colorBgContainer","motionEaseOutQuint","colorError","fontSizeSM"],"component":{"circleTextColor":"rgba(0, 0, 0, 0.88)","defaultColor":"#1677ff","remainingColor":"rgba(0, 0, 0, 0.06)","lineBorderRadius":100,"circleTextFontSize":"1em","circleIconFontSize":"1.1666666666666667em"}},"Result":{"global":["colorInfo","colorError","colorSuccess","colorWarning","lineHeightHeading3","padding","paddingXL","paddingXS","paddingLG","marginXS","lineHeight","colorTextHeading","colorTextDescription","colorFillAlter"],"component":{"titleFontSize":24,"subtitleFontSize":14,"iconFontSize":72,"extraMargin":"24px 0 0 0"}},"Pagination":{"global":["marginXXS","controlHeightLG","marginSM","paddingXXS","colorText","fontSize","lineHeight","fontFamily","marginXS","lineWidth","lineType","borderRadius","motionDurationMid","colorBgTextHover","colorBgTextActive","fontWeightStrong","colorPrimary","colorPrimaryHover","fontSizeSM","colorTextDisabled","margin","controlHeight","colorTextPlaceholder","motionDurationSlow","lineHeightLG","borderRadiusLG","borderRadiusSM","colorBorder","colorBgContainer","colorBgContainerDisabled","controlOutlineWidth","controlOutline","controlHeightSM","screenLG","screenSM","lineWidthFocus","colorPrimaryBorder"],"component":{"itemBg":"#ffffff","itemSize":32,"itemSizeSM":24,"itemActiveBg":"#ffffff","itemLinkBg":"#ffffff","itemActiveColorDisabled":"rgba(0, 0, 0, 0.25)","itemActiveBgDisabled":"rgba(0, 0, 0, 0.15)","itemInputBg":"#ffffff","miniOptionsSizeChangerTop":0,"paddingBlock":4,"paddingBlockSM":0,"paddingBlockLG":7,"paddingInline":11,"paddingInlineSM":7,"paddingInlineLG":11,"addonBg":"rgba(0, 0, 0, 0.02)","activeBorderColor":"#1677ff","hoverBorderColor":"#4096ff","activeShadow":"0 0 0 2px rgba(5, 145, 255, 0.1)","errorActiveShadow":"0 0 0 2px rgba(255, 38, 5, 0.06)","warningActiveShadow":"0 0 0 2px rgba(255, 215, 5, 0.1)","hoverBg":"#ffffff","activeBg":"#ffffff","inputFontSize":14,"inputFontSizeLG":16,"inputFontSizeSM":14}},"Notification":{"global":["paddingMD","paddingLG","colorBgElevated","fontSizeLG","lineHeightLG","controlHeightLG","margin","paddingContentHorizontalLG","marginLG","motionDurationMid","motionEaseInOut","colorText","fontSize","lineHeight","fontFamily","boxShadow","borderRadiusLG","colorSuccess","colorInfo","colorWarning","colorError","colorTextHeading","marginXS","marginSM","colorIcon","borderRadiusSM","colorIconHover","colorBgTextHover","colorBgTextActive","lineWidthFocus","colorPrimaryBorder","motionDurationSlow","colorBgBlur"],"component":{"zIndexPopup":2050,"width":384}},"List":{"global":["controlHeightLG","controlHeight","paddingSM","marginLG","padding","colorPrimary","paddingXS","margin","colorText","colorTextDescription","motionDurationSlow","lineWidth","fontSize","lineHeight","fontFamily","marginXXS","marginXXL","fontHeight","colorSplit","fontSizeSM","colorTextDisabled","fontSizeLG","lineHeightLG","lineType","paddingLG","borderRadiusLG","colorBorder","screenSM","screenMD","marginSM"],"component":{"contentWidth":220,"itemPadding":"12px 0","itemPaddingSM":"8px 16px","itemPaddingLG":"16px 24px","headerBg":"transparent","footerBg":"transparent","emptyTextPadding":16,"metaMarginBottom":16,"avatarMarginRight":16,"titleMarginBottom":12,"descriptionFontSize":14}},"Layout":{"global":["colorText","motionDurationMid","motionDurationSlow","fontSize","borderRadius","fontSizeXL"],"component":{"colorBgHeader":"#001529","colorBgBody":"#f5f5f5","colorBgTrigger":"#002140","bodyBg":"#f5f5f5","headerBg":"#001529","headerHeight":64,"headerPadding":"0 50px","headerColor":"rgba(0, 0, 0, 0.88)","footerPadding":"24px 50px","footerBg":"#f5f5f5","siderBg":"#001529","triggerHeight":48,"triggerBg":"#002140","triggerColor":"#fff","zeroTriggerWidth":40,"zeroTriggerHeight":40,"lightSiderBg":"#ffffff","lightTriggerBg":"#ffffff","lightTriggerColor":"rgba(0, 0, 0, 0.88)"}},"InputNumber":{"global":["paddingXXS","lineWidth","lineType","borderRadius","fontSizeLG","controlHeightLG","controlHeightSM","colorError","colorTextDescription","motionDurationMid","colorTextDisabled","borderRadiusSM","borderRadiusLG","lineHeightLG","colorText","fontSize","lineHeight","fontFamily","colorTextPlaceholder","controlHeight","motionDurationSlow","colorBorder","colorBgContainer","colorBgContainerDisabled","colorErrorBorderHover","colorWarning","colorWarningBorderHover","colorFillTertiary","colorFillSecondary","colorPrimary","colorErrorBg","colorErrorBgHover","colorErrorText","colorWarningBg","colorWarningBgHover","colorWarningText","paddingXS","colorSplit"],"component":{"paddingBlock":4,"paddingBlockSM":0,"paddingBlockLG":7,"paddingInline":11,"paddingInlineSM":7,"paddingInlineLG":11,"addonBg":"rgba(0, 0, 0, 0.02)","activeBorderColor":"#1677ff","hoverBorderColor":"#4096ff","activeShadow":"0 0 0 2px rgba(5, 145, 255, 0.1)","errorActiveShadow":"0 0 0 2px rgba(255, 38, 5, 0.06)","warningActiveShadow":"0 0 0 2px rgba(255, 215, 5, 0.1)","hoverBg":"#ffffff","activeBg":"#ffffff","inputFontSize":14,"inputFontSizeLG":16,"inputFontSizeSM":14,"controlWidth":90,"handleWidth":22,"handleFontSize":7,"handleVisible":"auto","handleActiveBg":"rgba(0, 0, 0, 0.02)","handleBg":"#ffffff","filledHandleBg":"#f0f0f0","handleHoverColor":"#1677ff","handleBorderColor":"#d9d9d9","handleOpacity":0}},"Mentions":{"global":["paddingXXS","colorTextDisabled","controlItemBgHover","controlPaddingHorizontal","colorText","motionDurationSlow","lineHeight","controlHeight","fontSize","fontSizeIcon","colorTextTertiary","colorTextQuaternary","colorBgElevated","paddingLG","borderRadius","borderRadiusLG","boxShadowSecondary","fontFamily","motionDurationMid","colorTextPlaceholder","lineHeightLG","borderRadiusSM","colorBorder","colorBgContainer","lineWidth","lineType","colorBgContainerDisabled","colorError","colorErrorBorderHover","colorWarning","colorWarningBorderHover","colorFillTertiary","colorFillSecondary","colorPrimary","colorErrorBg","colorErrorBgHover","colorErrorText","colorWarningBg","colorWarningBgHover","colorWarningText","fontWeightStrong"],"component":{"paddingBlock":4,"paddingBlockSM":0,"paddingBlockLG":7,"paddingInline":11,"paddingInlineSM":7,"paddingInlineLG":11,"addonBg":"rgba(0, 0, 0, 0.02)","activeBorderColor":"#1677ff","hoverBorderColor":"#4096ff","activeShadow":"0 0 0 2px rgba(5, 145, 255, 0.1)","errorActiveShadow":"0 0 0 2px rgba(255, 38, 5, 0.06)","warningActiveShadow":"0 0 0 2px rgba(255, 215, 5, 0.1)","hoverBg":"#ffffff","activeBg":"#ffffff","inputFontSize":14,"inputFontSizeLG":16,"inputFontSizeSM":14,"dropdownHeight":250,"controlItemWidth":100,"zIndexPopup":1050,"itemPaddingVertical":5}},"Menu":{"global":["colorBgElevated","controlHeightLG","fontSize","motionDurationSlow","motionDurationMid","motionEaseInOut","paddingXS","padding","colorSplit","lineWidth","borderRadiusLG","lineType","colorText","lineHeight","fontFamily","motionEaseOut","borderRadius","margin","colorTextLightSolid","paddingXL","fontSizeLG","boxShadowSecondary","marginXS","lineWidthFocus","colorPrimaryBorder","motionEaseOutQuint","motionEaseInQuint","motionEaseOutCirc","motionEaseInOutCirc"],"component":{"dropdownWidth":160,"zIndexPopup":1050,"radiusItem":8,"itemBorderRadius":8,"radiusSubMenuItem":4,"subMenuItemBorderRadius":4,"colorItemText":"rgba(0, 0, 0, 0.88)","itemColor":"rgba(0, 0, 0, 0.88)","colorItemTextHover":"rgba(0, 0, 0, 0.88)","itemHoverColor":"rgba(0, 0, 0, 0.88)","colorItemTextHoverHorizontal":"#1677ff","horizontalItemHoverColor":"#1677ff","colorGroupTitle":"rgba(0, 0, 0, 0.45)","groupTitleColor":"rgba(0, 0, 0, 0.45)","colorItemTextSelected":"#1677ff","itemSelectedColor":"#1677ff","colorItemTextSelectedHorizontal":"#1677ff","horizontalItemSelectedColor":"#1677ff","colorItemBg":"#ffffff","itemBg":"#ffffff","colorItemBgHover":"rgba(0, 0, 0, 0.06)","itemHoverBg":"rgba(0, 0, 0, 0.06)","colorItemBgActive":"rgba(0, 0, 0, 0.06)","itemActiveBg":"#e6f4ff","colorSubItemBg":"rgba(0, 0, 0, 0.02)","subMenuItemBg":"rgba(0, 0, 0, 0.02)","colorItemBgSelected":"#e6f4ff","itemSelectedBg":"#e6f4ff","colorItemBgSelectedHorizontal":"transparent","horizontalItemSelectedBg":"transparent","colorActiveBarWidth":0,"activeBarWidth":0,"colorActiveBarHeight":2,"activeBarHeight":2,"colorActiveBarBorderSize":1,"activeBarBorderWidth":1,"colorItemTextDisabled":"rgba(0, 0, 0, 0.25)","itemDisabledColor":"rgba(0, 0, 0, 0.25)","colorDangerItemText":"#ff4d4f","dangerItemColor":"#ff4d4f","colorDangerItemTextHover":"#ff4d4f","dangerItemHoverColor":"#ff4d4f","colorDangerItemTextSelected":"#ff4d4f","dangerItemSelectedColor":"#ff4d4f","colorDangerItemBgActive":"#fff2f0","dangerItemActiveBg":"#fff2f0","colorDangerItemBgSelected":"#fff2f0","dangerItemSelectedBg":"#fff2f0","itemMarginInline":4,"horizontalItemBorderRadius":0,"horizontalItemHoverBg":"transparent","itemHeight":40,"groupTitleLineHeight":1.5714285714285714,"collapsedWidth":80,"popupBg":"#ffffff","itemMarginBlock":4,"itemPaddingInline":16,"horizontalLineHeight":"46px","iconSize":14,"iconMarginInlineEnd":10,"collapsedIconSize":16,"groupTitleFontSize":14,"darkItemDisabledColor":"rgba(255, 255, 255, 0.25)","darkItemColor":"rgba(255, 255, 255, 0.65)","darkDangerItemColor":"#ff4d4f","darkItemBg":"#001529","darkPopupBg":"#001529","darkSubMenuItemBg":"#000c17","darkItemSelectedColor":"#fff","darkItemSelectedBg":"#1677ff","darkDangerItemSelectedBg":"#ff4d4f","darkItemHoverBg":"transparent","darkGroupTitleColor":"rgba(255, 255, 255, 0.65)","darkItemHoverColor":"#fff","darkDangerItemHoverColor":"#ff7875","darkDangerItemSelectedColor":"#fff","darkDangerItemActiveBg":"#ff4d4f","itemWidth":"calc(100% - 8px)"}},"Modal":{"global":["padding","fontSizeHeading5","lineHeightHeading5","colorSplit","lineType","lineWidth","colorIcon","colorIconHover","controlHeight","fontHeight","screenSMMax","marginXS","colorText","fontSize","lineHeight","fontFamily","margin","paddingLG","fontWeightStrong","borderRadiusLG","boxShadow","zIndexPopupBase","borderRadiusSM","motionDurationMid","fontSizeLG","colorBgTextHover","colorBgTextActive","lineWidthFocus","colorPrimaryBorder","motionDurationSlow","colorBgMask","motionEaseOutCirc","motionEaseInOutCirc"],"component":{"footerBg":"transparent","headerBg":"#ffffff","titleLineHeight":1.5,"titleFontSize":16,"contentBg":"#ffffff","titleColor":"rgba(0, 0, 0, 0.88)","contentPadding":0,"headerPadding":"16px 24px","headerBorderBottom":"1px solid rgba(5, 5, 5, 0.06)","headerMarginBottom":0,"bodyPadding":24,"footerPadding":"8px 16px","footerBorderTop":"1px solid rgba(5, 5, 5, 0.06)","footerBorderRadius":"0 0 8px 8px","footerMarginTop":0,"confirmBodyPadding":"32px 32px 24px","confirmIconMarginInlineEnd":16,"confirmBtnsMarginTop":24}},"Message":{"global":["boxShadow","colorText","colorSuccess","colorError","colorWarning","colorInfo","fontSizeLG","motionEaseInOutCirc","motionDurationSlow","marginXS","paddingXS","borderRadiusLG","fontSize","lineHeight","fontFamily"],"component":{"zIndexPopup":2010,"contentBg":"#ffffff","contentPadding":"9px 12px"}},"Input":{"global":["paddingXXS","controlHeightSM","lineWidth","colorText","fontSize","lineHeight","fontFamily","borderRadius","motionDurationMid","colorTextPlaceholder","controlHeight","motionDurationSlow","lineHeightLG","borderRadiusLG","borderRadiusSM","colorBorder","colorBgContainer","lineType","colorTextDisabled","colorBgContainerDisabled","colorError","colorErrorBorderHover","colorWarning","colorWarningBorderHover","colorFillTertiary","colorFillSecondary","colorPrimary","colorErrorBg","colorErrorBgHover","colorErrorText","colorWarningBg","colorWarningBgHover","colorWarningText","controlHeightLG","paddingLG","colorTextDescription","paddingXS","colorIcon","colorIconHover","colorTextQuaternary","fontSizeIcon","colorTextTertiary","colorSplit","colorPrimaryHover","colorPrimaryActive"],"component":{"paddingBlock":4,"paddingBlockSM":0,"paddingBlockLG":7,"paddingInline":11,"paddingInlineSM":7,"paddingInlineLG":11,"addonBg":"rgba(0, 0, 0, 0.02)","activeBorderColor":"#1677ff","hoverBorderColor":"#4096ff","activeShadow":"0 0 0 2px rgba(5, 145, 255, 0.1)","errorActiveShadow":"0 0 0 2px rgba(255, 38, 5, 0.06)","warningActiveShadow":"0 0 0 2px rgba(255, 215, 5, 0.1)","hoverBg":"#ffffff","activeBg":"#ffffff","inputFontSize":14,"inputFontSizeLG":16,"inputFontSizeSM":14}},"Grid":{"global":[],"component":{}},"Dropdown":{"global":["marginXXS","sizePopupArrow","paddingXXS","motionDurationMid","fontSize","colorTextDisabled","fontSizeIcon","controlPaddingHorizontal","colorBgElevated","colorText","lineHeight","fontFamily","boxShadowPopoverArrow","borderRadiusXS","borderRadiusLG","boxShadowSecondary","lineWidthFocus","colorPrimaryBorder","colorTextDescription","marginXS","fontSizeSM","borderRadiusSM","controlItemBgHover","colorPrimary","controlItemBgActive","controlItemBgActiveHover","colorSplit","paddingXS","motionEaseOutQuint","motionEaseInQuint","motionEaseOutCirc","motionEaseInOutCirc","colorError","colorTextLightSolid"],"component":{"zIndexPopup":1050,"paddingBlock":5,"arrowOffsetHorizontal":12,"arrowOffsetVertical":8,"arrowShadowWidth":8.970562748477143,"arrowPath":"path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z')","arrowPolygon":"polygon(1.6568542494923806px 100%, 50% 1.6568542494923806px, 14.34314575050762px 100%, 1.6568542494923806px 100%)"}},"Empty":{"global":["controlHeightLG","margin","marginXS","marginXL","fontSize","lineHeight","opacityImage","colorText","colorTextDescription"],"component":{}},"Divider":{"global":["margin","marginLG","colorSplit","lineWidth","colorText","fontSize","lineHeight","fontFamily","colorTextHeading","fontSizeLG"],"component":{"textPaddingInline":"1em","orientationMargin":0.05,"verticalMarginInline":8}},"Image":{"global":["controlHeightLG","colorBgContainerDisabled","motionDurationSlow","paddingXXS","marginXXS","colorTextLightSolid","motionEaseOut","paddingSM","marginXL","margin","paddingLG","marginSM","zIndexPopupBase","colorBgMask","motionDurationMid","motionEaseOutCirc","motionEaseInOutCirc"],"component":{"zIndexPopup":1080,"previewOperationColor":"rgba(255, 255, 255, 0.65)","previewOperationHoverColor":"rgba(255, 255, 255, 0.85)","previewOperationColorDisabled":"rgba(255, 255, 255, 0.25)","previewOperationSize":18}},"Descriptions":{"global":["colorText","fontSize","lineHeight","fontFamily","lineWidth","lineType","colorSplit","padding","paddingLG","colorTextSecondary","paddingSM","paddingXS","fontWeightStrong","fontSizeLG","lineHeightLG","borderRadiusLG","colorTextTertiary"],"component":{"labelBg":"rgba(0, 0, 0, 0.02)","titleColor":"rgba(0, 0, 0, 0.88)","titleMarginBottom":20,"itemPaddingBottom":16,"colonMarginRight":8,"colonMarginLeft":2,"contentColor":"rgba(0, 0, 0, 0.88)","extraColor":"rgba(0, 0, 0, 0.88)"}},"Form":{"global":["colorText","fontSize","lineHeight","fontFamily","marginLG","colorTextDescription","fontSizeLG","lineWidth","lineType","colorBorder","controlOutlineWidth","controlOutline","paddingSM","controlHeightSM","controlHeightLG","colorError","colorWarning","marginXXS","controlHeight","motionDurationMid","motionEaseOut","motionEaseOutBack","colorSuccess","colorPrimary","motionDurationSlow","motionEaseInOut","margin","screenXSMax","screenSMMax","screenMDMax","screenLGMax"],"component":{"labelRequiredMarkColor":"#ff4d4f","labelColor":"rgba(0, 0, 0, 0.88)","labelFontSize":14,"labelHeight":32,"labelColonMarginInlineStart":2,"labelColonMarginInlineEnd":8,"itemMarginBottom":24,"verticalLabelPadding":"0 0 8px","verticalLabelMargin":0}},"Drawer":{"global":["borderRadiusSM","colorBgMask","colorBgElevated","motionDurationSlow","motionDurationMid","paddingXS","padding","paddingLG","fontSizeLG","lineHeightLG","lineWidth","lineType","colorSplit","marginXS","colorIcon","colorIconHover","colorBgTextHover","colorBgTextActive","colorText","fontWeightStrong","boxShadowDrawerLeft","boxShadowDrawerRight","boxShadowDrawerUp","boxShadowDrawerDown","lineWidthFocus","colorPrimaryBorder"],"component":{"zIndexPopup":1000,"footerPaddingBlock":8,"footerPaddingInline":16}},"ColorPicker":{"global":["colorTextQuaternary","marginSM","colorPrimary","motionDurationMid","colorBgElevated","colorTextDisabled","colorText","colorBgContainerDisabled","borderRadius","marginXS","controlHeight","controlHeightSM","colorBgTextActive","lineWidth","colorBorder","paddingXXS","fontSize","colorPrimaryHover","controlOutline","controlHeightLG","borderRadiusSM","colorFillSecondary","lineWidthBold","fontSizeSM","lineHeightSM","marginXXS","fontSizeIcon","paddingXS","colorTextPlaceholder","colorFill","colorWhite","fontHeightSM","motionEaseInBack","motionDurationFast","motionEaseOutBack","colorSplit","red6","controlOutlineWidth","colorError","colorWarning","colorErrorHover","colorWarningHover","colorErrorOutline","colorWarningOutline","controlHeightXS","borderRadiusXS","borderRadiusLG","fontSizeLG"],"component":{}},"DatePicker":{"global":["paddingXXS","controlHeightLG","padding","paddingSM","controlHeight","lineWidth","colorPrimary","colorPrimaryBorder","lineType","colorSplit","colorTextDisabled","colorBorder","borderRadius","motionDurationMid","colorTextPlaceholder","fontSizeLG","controlHeightSM","paddingXS","marginXS","colorTextDescription","lineWidthBold","motionDurationSlow","sizePopupArrow","colorBgElevated","borderRadiusLG","boxShadowSecondary","borderRadiusSM","boxShadowPopoverArrow","fontHeight","fontHeightLG","lineHeightLG","colorText","fontSize","lineHeight","fontFamily","colorBgContainer","colorTextHeading","colorIcon","colorIconHover","fontWeightStrong","colorTextLightSolid","controlItemBgActive","marginXXS","colorFillSecondary","colorTextTertiary","borderRadiusXS","motionEaseOutQuint","motionEaseInQuint","motionEaseOutCirc","motionEaseInOutCirc","colorBgContainerDisabled","colorError","colorErrorBorderHover","colorWarning","colorWarningBorderHover","colorFillTertiary","colorErrorBg","colorErrorBgHover","colorErrorText","colorWarningBg","colorWarningBgHover","colorWarningText"],"component":{"paddingBlock":4,"paddingBlockSM":0,"paddingBlockLG":7,"paddingInline":11,"paddingInlineSM":7,"paddingInlineLG":11,"addonBg":"rgba(0, 0, 0, 0.02)","activeBorderColor":"#1677ff","hoverBorderColor":"#4096ff","activeShadow":"0 0 0 2px rgba(5, 145, 255, 0.1)","errorActiveShadow":"0 0 0 2px rgba(255, 38, 5, 0.06)","warningActiveShadow":"0 0 0 2px rgba(255, 215, 5, 0.1)","hoverBg":"#ffffff","activeBg":"#ffffff","inputFontSize":14,"inputFontSizeLG":16,"inputFontSizeSM":14,"cellHoverBg":"rgba(0, 0, 0, 0.04)","cellActiveWithRangeBg":"#e6f4ff","cellHoverWithRangeBg":"#c8dfff","cellRangeBorderColor":"#7cb3ff","cellBgDisabled":"rgba(0, 0, 0, 0.04)","timeColumnWidth":56,"timeColumnHeight":224,"timeCellHeight":28,"cellWidth":36,"cellHeight":24,"textHeight":40,"withoutTimeCellHeight":66,"multipleItemBg":"rgba(0, 0, 0, 0.06)","multipleItemBorderColor":"transparent","multipleItemHeight":24,"multipleItemHeightSM":16,"multipleItemHeightLG":32,"multipleSelectorBgDisabled":"rgba(0, 0, 0, 0.04)","multipleItemColorDisabled":"rgba(0, 0, 0, 0.25)","multipleItemBorderColorDisabled":"transparent","arrowShadowWidth":8.970562748477143,"arrowPath":"path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z')","arrowPolygon":"polygon(1.6568542494923806px 100%, 50% 1.6568542494923806px, 14.34314575050762px 100%, 1.6568542494923806px 100%)","presetsWidth":120,"presetsMaxWidth":200,"zIndexPopup":1050}},"Collapse":{"global":["paddingXS","paddingSM","padding","paddingLG","borderRadiusLG","lineWidth","lineType","colorBorder","colorText","colorTextHeading","colorTextDisabled","fontSizeLG","lineHeight","lineHeightLG","marginSM","motionDurationSlow","fontSizeIcon","fontHeight","fontHeightLG","fontSize","fontFamily","paddingXXS","motionDurationMid","motionEaseInOut"],"component":{"headerPadding":"12px 16px","headerBg":"rgba(0, 0, 0, 0.02)","contentPadding":"16px 16px","contentBg":"#ffffff"}},"Flex":{"global":["paddingXS","padding","paddingLG"],"component":{}},"FloatButton":{"global":["colorTextLightSolid","colorBgElevated","controlHeightLG","marginXXL","marginLG","fontSize","fontSizeIcon","controlItemBgHover","paddingXXS","margin","borderRadiusLG","borderRadiusSM","colorText","lineHeight","fontFamily","lineWidth","lineType","colorSplit","boxShadowSecondary","motionDurationMid","colorFillContent","fontSizeLG","fontSizeSM","colorPrimary","colorPrimaryHover","motionDurationSlow","motionEaseInOutCirc"],"component":{"dotOffsetInCircle":5.857864376269049,"dotOffsetInSquare":2.3431457505076194}},"Checkbox":{"global":["controlInteractiveSize","colorText","fontSize","lineHeight","fontFamily","marginXS","borderRadiusSM","lineWidthFocus","colorPrimaryBorder","colorBgContainer","lineWidth","lineType","colorBorder","motionDurationSlow","lineWidthBold","colorWhite","motionDurationFast","motionEaseInBack","paddingXS","colorPrimary","colorPrimaryHover","motionDurationMid","motionEaseOutBack","fontSizeLG","colorBgContainerDisabled","colorTextDisabled"],"component":{}},"Cascader":{"global":["controlInteractiveSize","colorText","fontSize","lineHeight","fontFamily","marginXS","borderRadiusSM","lineWidthFocus","colorPrimaryBorder","colorBgContainer","lineWidth","lineType","colorBorder","motionDurationSlow","lineWidthBold","colorWhite","motionDurationFast","motionEaseInBack","paddingXS","colorPrimary","colorPrimaryHover","motionDurationMid","motionEaseOutBack","fontSizeLG","colorBgContainerDisabled","colorTextDisabled","colorSplit","controlItemBgHover","paddingXXS","colorTextDescription","fontSizeIcon","colorHighlight"],"component":{"controlWidth":184,"controlItemWidth":111,"dropdownHeight":180,"optionSelectedBg":"#e6f4ff","optionSelectedFontWeight":600,"optionPadding":"5px 12px","menuPadding":4}},"Carousel":{"global":["controlHeightLG","controlHeightSM","marginXXS","colorText","fontSize","lineHeight","fontFamily","motionDurationSlow","colorBgContainer"],"component":{"dotWidth":16,"dotHeight":3,"dotWidthActive":24,"dotActiveWidth":24}},"Calendar":{"global":["controlHeightLG","paddingXXS","padding","controlHeightSM","fontHeightSM","marginXS","lineWidth","paddingSM","paddingXS","colorBgContainer","lineType","borderRadiusLG","colorPrimary","colorTextHeading","colorSplit","colorIcon","motionDurationMid","colorIconHover","fontWeightStrong","colorTextDisabled","colorText","fontSize","motionDurationSlow","borderRadiusSM","colorTextLightSolid","controlItemBgActive","marginXXS","colorFillSecondary","colorTextTertiary","lineHeight","fontFamily","controlItemBgHover","lineWidthBold","screenXS"],"component":{"fullBg":"#ffffff","fullPanelBg":"#ffffff","itemActiveBg":"#e6f4ff","yearControlWidth":80,"monthControlWidth":70,"miniContentHeight":256,"cellHoverBg":"rgba(0, 0, 0, 0.04)","cellActiveWithRangeBg":"#e6f4ff","cellHoverWithRangeBg":"#c8dfff","cellRangeBorderColor":"#7cb3ff","cellBgDisabled":"rgba(0, 0, 0, 0.04)","timeColumnWidth":56,"timeColumnHeight":224,"timeCellHeight":28,"cellWidth":36,"cellHeight":24,"textHeight":40,"withoutTimeCellHeight":66,"multipleItemBg":"rgba(0, 0, 0, 0.06)","multipleItemBorderColor":"transparent","multipleItemHeight":24,"multipleItemHeightSM":16,"multipleItemHeightLG":32,"multipleSelectorBgDisabled":"rgba(0, 0, 0, 0.04)","multipleItemColorDisabled":"rgba(0, 0, 0, 0.25)","multipleItemBorderColorDisabled":"transparent"}},"Card":{"global":["boxShadowCard","padding","paddingLG","fontSize","colorBorderSecondary","boxShadowTertiary","colorText","lineHeight","fontFamily","colorBgContainer","borderRadiusLG","colorTextHeading","fontWeightStrong","lineWidth","lineType","motionDurationMid","colorTextDescription","colorPrimary","fontHeight","marginXXS","marginXS","fontSizeLG","colorFillAlter"],"component":{"headerBg":"transparent","headerFontSize":16,"headerFontSizeSM":14,"headerHeight":56,"headerHeightSM":38,"actionsBg":"#ffffff","actionsLiMargin":"12px 0","tabsMarginBottom":-17,"extraColor":"rgba(0, 0, 0, 0.88)"}},"Button":{"global":["lineWidth","lineType","motionDurationMid","motionEaseInOut","colorText","marginXS","lineWidthFocus","colorPrimaryBorder","controlHeight","borderRadius","opacityLoading","motionDurationSlow","controlHeightSM","paddingXS","borderRadiusSM","controlHeightLG","borderRadiusLG","colorTextDisabled","colorBgContainerDisabled","colorBorder","colorError","colorErrorHover","colorErrorBorderHover","colorErrorActive","colorPrimary","colorTextLightSolid","colorPrimaryHover","colorPrimaryActive","colorLink","colorLinkHover","colorLinkActive","colorBgTextActive","colorErrorBg","colorBgContainer","fontSize"],"component":{"fontWeight":400,"defaultShadow":"0 2px 0 rgba(0, 0, 0, 0.02)","primaryShadow":"0 2px 0 rgba(5, 145, 255, 0.1)","dangerShadow":"0 2px 0 rgba(255, 38, 5, 0.06)","primaryColor":"#fff","dangerColor":"#fff","borderColorDisabled":"#d9d9d9","defaultGhostColor":"#ffffff","ghostBg":"transparent","defaultGhostBorderColor":"#ffffff","paddingInline":15,"paddingInlineLG":15,"paddingInlineSM":7,"onlyIconSize":16,"onlyIconSizeSM":14,"onlyIconSizeLG":18,"groupBorderColor":"#4096ff","linkHoverBg":"transparent","textHoverBg":"rgba(0, 0, 0, 0.06)","defaultColor":"rgba(0, 0, 0, 0.88)","defaultBg":"#ffffff","defaultBorderColor":"#d9d9d9","defaultBorderColorDisabled":"#d9d9d9","defaultHoverBg":"#ffffff","defaultHoverColor":"#4096ff","defaultHoverBorderColor":"#4096ff","defaultActiveBg":"#ffffff","defaultActiveColor":"#0958d9","defaultActiveBorderColor":"#0958d9","contentFontSize":14,"contentFontSizeSM":14,"contentFontSizeLG":16,"contentLineHeight":1.5714285714285714,"contentLineHeightSM":1.5714285714285714,"contentLineHeightLG":1.5,"paddingBlock":4,"paddingBlockSM":0,"paddingBlockLG":7}},"Breadcrumb":{"global":["colorText","fontSize","lineHeight","fontFamily","motionDurationMid","paddingXXS","borderRadiusSM","fontHeight","marginXXS","colorBgTextHover","lineWidthFocus","colorPrimaryBorder","fontSizeIcon"],"component":{"itemColor":"rgba(0, 0, 0, 0.45)","lastItemColor":"rgba(0, 0, 0, 0.88)","iconFontSize":14,"linkColor":"rgba(0, 0, 0, 0.45)","linkHoverColor":"rgba(0, 0, 0, 0.88)","separatorColor":"rgba(0, 0, 0, 0.45)","separatorMargin":8}},"Badge":{"global":["fontHeight","lineWidth","marginXS","colorBorderBg","colorBgContainer","colorError","colorErrorHover","motionDurationSlow","blue1","blue3","blue6","blue7","purple1","purple3","purple6","purple7","cyan1","cyan3","cyan6","cyan7","green1","green3","green6","green7","magenta1","magenta3","magenta6","magenta7","pink1","pink3","pink6","pink7","red1","red3","red6","red7","orange1","orange3","orange6","orange7","yellow1","yellow3","yellow6","yellow7","volcano1","volcano3","volcano6","volcano7","geekblue1","geekblue3","geekblue6","geekblue7","lime1","lime3","lime6","lime7","gold1","gold3","gold6","gold7","colorText","fontSize","lineHeight","fontFamily","motionDurationMid","paddingXS","colorSuccess","colorPrimary","colorTextPlaceholder","colorWarning","motionEaseOutBack"],"component":{"indicatorZIndex":"auto","indicatorHeight":20,"indicatorHeightSM":14,"dotSize":6,"textFontSize":12,"textFontSizeSM":12,"textFontWeight":"normal","statusSize":6}},"Avatar":{"global":["colorTextLightSolid","colorTextPlaceholder","borderRadius","borderRadiusLG","borderRadiusSM","lineWidth","lineType","colorText","fontSize","lineHeight","fontFamily"],"component":{"containerSize":32,"containerSizeLG":40,"containerSizeSM":24,"textFontSize":18,"textFontSizeLG":24,"textFontSizeSM":14,"groupSpace":4,"groupOverlapping":-8,"groupBorderColor":"#ffffff"}},"Alert":{"global":["motionDurationSlow","marginXS","marginSM","fontSize","fontSizeLG","lineHeight","borderRadiusLG","motionEaseInOutCirc","colorText","colorTextHeading","fontFamily","colorSuccess","colorSuccessBorder","colorSuccessBg","colorWarning","colorWarningBorder","colorWarningBg","colorError","colorErrorBorder","colorErrorBg","colorInfo","colorInfoBorder","colorInfoBg","lineWidth","lineType","motionDurationMid","fontSizeIcon","colorIcon","colorIconHover"],"component":{"withDescriptionIconSize":24,"defaultPadding":"8px 12px","withDescriptionPadding":"20px 24px"}},"Anchor":{"global":["fontSize","fontSizeLG","paddingXXS","motionDurationSlow","lineWidthBold","colorPrimary","lineType","colorSplit","colorText","lineHeight","fontFamily","lineWidth"],"component":{"linkPaddingBlock":4,"linkPaddingInlineStart":16}},"App":{"global":["colorText","fontSize","lineHeight","fontFamily"],"component":{}},"Affix":{"global":[],"component":{"zIndexPopup":10}},"BackTop":{"global":["fontSizeHeading3","colorTextDescription","colorTextLightSolid","colorText","controlHeightLG","fontSize","lineHeight","fontFamily","motionDurationMid","screenMD","screenXS"],"component":{"zIndexPopup":10}}} | ||
{"Upload":{"global":["fontSizeHeading3","fontHeight","lineWidth","controlHeightLG","colorTextDisabled","colorText","fontSize","lineHeight","fontFamily","colorFillAlter","colorBorder","borderRadiusLG","motionDurationSlow","padding","lineWidthFocus","colorPrimaryBorder","colorPrimaryHover","margin","colorPrimary","marginXXS","colorTextHeading","fontSizeLG","colorTextDescription","paddingXS","lineType","paddingSM","fontSizeHeading2","colorError","colorErrorBg","colorTextLightSolid","marginXS","colorBgMask","marginXL","fontHeightSM","controlItemBgHover","motionEaseInOutCirc","motionDurationMid","motionEaseInOut"],"component":{"actionsColor":"rgba(0, 0, 0, 0.45)"}},"Typography":{"global":["colorText","lineHeight","colorTextDescription","colorSuccess","colorWarning","colorError","colorErrorActive","colorErrorHover","colorTextDisabled","fontSizeHeading1","lineHeightHeading1","colorTextHeading","fontWeightStrong","fontSizeHeading2","lineHeightHeading2","fontSizeHeading3","lineHeightHeading3","fontSizeHeading4","lineHeightHeading4","fontSizeHeading5","lineHeightHeading5","fontFamilyCode","colorLink","motionDurationSlow","colorLinkHover","colorLinkActive","linkDecoration","linkHoverDecoration","marginXXS","paddingSM","marginXS","fontSize"],"component":{"titleMarginTop":"1.2em","titleMarginBottom":"0.5em"}},"TreeSelect":{"global":["colorBgElevated","paddingXS","colorText","fontSize","lineHeight","fontFamily","borderRadius","motionDurationSlow","lineWidthFocus","colorPrimaryBorder","colorPrimary","colorTextDisabled","controlItemBgHover","colorBgTextHover","colorBorder","marginXXS","motionDurationMid","lineWidthBold","controlInteractiveSize","marginXS","borderRadiusSM","colorBgContainer","lineWidth","lineType","colorWhite","motionDurationFast","motionEaseInBack","colorPrimaryHover","motionEaseOutBack","fontSizeLG","colorBgContainerDisabled"],"component":{"titleHeight":24,"nodeHoverBg":"rgba(0, 0, 0, 0.04)","nodeSelectedBg":"#e6f4ff"}},"Tree":{"global":["controlInteractiveSize","colorText","fontSize","lineHeight","fontFamily","marginXS","borderRadiusSM","lineWidthFocus","colorPrimaryBorder","colorBgContainer","lineWidth","lineType","colorBorder","motionDurationSlow","lineWidthBold","colorWhite","motionDurationFast","motionEaseInBack","paddingXS","colorPrimary","colorPrimaryHover","motionDurationMid","motionEaseOutBack","fontSizeLG","colorBgContainerDisabled","colorTextDisabled","borderRadius","controlItemBgHover","colorBgTextHover","marginXXS","motionEaseInOut"],"component":{"titleHeight":24,"nodeHoverBg":"rgba(0, 0, 0, 0.04)","nodeSelectedBg":"#e6f4ff","directoryNodeSelectedColor":"#fff","directoryNodeSelectedBg":"#1677ff"}},"Transfer":{"global":["marginXS","marginXXS","fontSizeIcon","colorBgContainerDisabled","colorText","fontSize","lineHeight","fontFamily","colorBorder","colorSplit","lineWidth","controlItemBgActive","colorTextDisabled","paddingSM","lineType","motionDurationSlow","controlItemBgHover","borderRadiusLG","colorBgContainer","controlItemBgActiveHover","colorLinkHover","paddingXS","controlHeightLG","colorError","colorWarning"],"component":{"listWidth":180,"listHeight":200,"listWidthLG":250,"headerHeight":40,"itemHeight":32,"itemPaddingBlock":5,"transferHeaderVerticalPadding":9}},"Tooltip":{"global":["borderRadius","colorTextLightSolid","colorBgSpotlight","controlHeight","boxShadowSecondary","paddingSM","paddingXS","colorText","fontSize","lineHeight","fontFamily","blue1","blue3","blue6","blue7","purple1","purple3","purple6","purple7","cyan1","cyan3","cyan6","cyan7","green1","green3","green6","green7","magenta1","magenta3","magenta6","magenta7","pink1","pink3","pink6","pink7","red1","red3","red6","red7","orange1","orange3","orange6","orange7","yellow1","yellow3","yellow6","yellow7","volcano1","volcano3","volcano6","volcano7","geekblue1","geekblue3","geekblue6","geekblue7","lime1","lime3","lime6","lime7","gold1","gold3","gold6","gold7","boxShadowPopoverArrow","sizePopupArrow","borderRadiusXS","motionDurationFast","motionEaseOutCirc","motionEaseInOutCirc"],"component":{"zIndexPopup":1070,"arrowOffsetHorizontal":12,"arrowOffsetVertical":8,"arrowShadowWidth":8.970562748477143,"arrowPath":"path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z')","arrowPolygon":"polygon(1.6568542494923806px 100%, 50% 1.6568542494923806px, 14.34314575050762px 100%, 1.6568542494923806px 100%)"}},"Timeline":{"global":["paddingXXS","colorText","fontSize","lineHeight","fontFamily","lineType","fontSizeSM","colorPrimary","colorError","colorSuccess","colorTextDisabled","lineWidth","margin","controlHeightLG","marginXXS","marginSM","marginXS"],"component":{"tailColor":"rgba(5, 5, 5, 0.06)","tailWidth":2,"dotBorderWidth":2,"dotBg":"#ffffff","itemPaddingBottom":20}},"Tabs":{"global":["paddingXXS","borderRadius","marginSM","marginXS","marginXXS","margin","colorBorderSecondary","lineWidth","lineType","lineWidthBold","motionDurationSlow","controlHeight","boxShadowTabsOverflowLeft","boxShadowTabsOverflowRight","boxShadowTabsOverflowTop","boxShadowTabsOverflowBottom","colorBorder","paddingLG","colorText","fontSize","lineHeight","fontFamily","colorBgContainer","borderRadiusLG","boxShadowSecondary","paddingSM","colorTextDescription","fontSizeSM","controlItemBgHover","colorTextDisabled","motionEaseInOut","controlHeightLG","paddingXS","lineWidthFocus","colorPrimaryBorder","colorTextHeading","motionDurationMid","motionEaseOutQuint","motionEaseInQuint"],"component":{"zIndexPopup":1050,"cardBg":"rgba(0, 0, 0, 0.02)","cardHeight":40,"cardPadding":"8px 16px","cardPaddingSM":"6px 16px","cardPaddingLG":"8px 16px 6px","titleFontSize":14,"titleFontSizeLG":16,"titleFontSizeSM":14,"inkBarColor":"#1677ff","horizontalMargin":"0 0 16px 0","horizontalItemGutter":32,"horizontalItemMargin":"","horizontalItemMarginRTL":"","horizontalItemPadding":"12px 0","horizontalItemPaddingSM":"8px 0","horizontalItemPaddingLG":"16px 0","verticalItemPadding":"8px 24px","verticalItemMargin":"16px 0 0 0","itemColor":"rgba(0, 0, 0, 0.88)","itemSelectedColor":"#1677ff","itemHoverColor":"#4096ff","itemActiveColor":"#0958d9","cardGutter":2}},"Tour":{"global":["borderRadiusLG","lineHeight","padding","paddingXS","borderRadius","borderRadiusXS","colorPrimary","colorText","colorFill","boxShadowTertiary","fontSize","colorBgElevated","fontWeightStrong","marginXS","colorTextLightSolid","colorWhite","motionDurationSlow","fontFamily","colorIcon","borderRadiusSM","motionDurationMid","colorIconHover","colorBgTextHover","colorBgTextActive","lineWidthFocus","colorPrimaryBorder","boxShadowPopoverArrow","sizePopupArrow"],"component":{"zIndexPopup":1070,"closeBtnSize":22,"primaryPrevBtnBg":"rgba(255, 255, 255, 0.15)","primaryNextBtnHoverBg":"rgb(240, 240, 240)","arrowOffsetHorizontal":12,"arrowOffsetVertical":8,"arrowShadowWidth":8.970562748477143,"arrowPath":"path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z')","arrowPolygon":"polygon(1.6568542494923806px 100%, 50% 1.6568542494923806px, 14.34314575050762px 100%, 1.6568542494923806px 100%)"}},"Tag":{"global":["lineWidth","fontSizeIcon","fontSizeSM","lineHeightSM","paddingXXS","colorText","fontSize","lineHeight","fontFamily","marginXS","lineType","colorBorder","borderRadiusSM","motionDurationMid","colorTextDescription","colorTextHeading","colorTextLightSolid","colorPrimary","colorFillSecondary","colorPrimaryHover","colorPrimaryActive"],"component":{"defaultBg":"#fafafa","defaultColor":"rgba(0, 0, 0, 0.88)"}},"Switch":{"global":["motionDurationMid","colorPrimary","opacityLoading","fontSizeIcon","colorText","fontSize","lineHeight","fontFamily","colorTextQuaternary","colorTextTertiary","lineWidthFocus","colorPrimaryBorder","colorPrimaryHover","colorTextLightSolid","fontSizeSM","marginXXS"],"component":{"trackHeight":22,"trackHeightSM":16,"trackMinWidth":44,"trackMinWidthSM":28,"trackPadding":2,"handleBg":"#fff","handleSize":18,"handleSizeSM":12,"handleShadow":"0 2px 4px 0 rgba(0, 35, 11, 0.2)","innerMinMargin":9,"innerMaxMargin":24,"innerMinMarginSM":6,"innerMaxMarginSM":18}},"Steps":{"global":["colorTextDisabled","controlHeightLG","colorTextLightSolid","colorText","colorPrimary","colorTextDescription","colorTextQuaternary","colorError","colorBorderSecondary","colorSplit","fontSize","lineHeight","fontFamily","motionDurationSlow","lineWidthFocus","colorPrimaryBorder","marginXS","lineWidth","lineType","paddingXXS","padding","fontSizeLG","fontWeightStrong","fontSizeSM","paddingSM","margin","controlHeight","marginXXS","paddingLG","marginSM","paddingXS","controlHeightSM","fontSizeIcon","lineWidthBold","marginLG","borderRadiusSM","motionDurationMid","controlItemBgHover","lineHeightSM","colorBorderBg"],"component":{"titleLineHeight":32,"customIconSize":32,"customIconTop":0,"customIconFontSize":24,"iconSize":32,"iconTop":-0.5,"iconFontSize":14,"iconSizeSM":24,"dotSize":8,"dotCurrentSize":10,"navArrowColor":"rgba(0, 0, 0, 0.25)","navContentMaxWidth":"auto","descriptionMaxWidth":140,"waitIconColor":"rgba(0, 0, 0, 0.25)","waitIconBgColor":"#ffffff","waitIconBorderColor":"rgba(0, 0, 0, 0.25)","finishIconBgColor":"#ffffff","finishIconBorderColor":"#1677ff"}},"Statistic":{"global":["marginXXS","padding","colorTextDescription","colorTextHeading","fontFamily","colorText","fontSize","lineHeight"],"component":{"titleFontSize":14,"contentFontSize":24}},"Table":{"global":["colorTextHeading","colorSplit","colorBgContainer","controlInteractiveSize","padding","fontWeightStrong","lineWidth","lineType","motionDurationMid","colorText","fontSize","lineHeight","fontFamily","margin","paddingXS","marginXXS","fontSizeIcon","motionDurationSlow","colorPrimary","paddingXXS","fontSizeSM","borderRadius","colorTextDescription","colorTextDisabled","controlItemBgHover","controlItemBgActive","boxShadowSecondary","colorLink","colorLinkHover","colorLinkActive","opacityLoading"],"component":{"headerBg":"#fafafa","headerColor":"rgba(0, 0, 0, 0.88)","headerSortActiveBg":"#f0f0f0","headerSortHoverBg":"#f0f0f0","bodySortBg":"#fafafa","rowHoverBg":"#fafafa","rowSelectedBg":"#e6f4ff","rowSelectedHoverBg":"#bae0ff","rowExpandedBg":"rgba(0, 0, 0, 0.02)","cellPaddingBlock":16,"cellPaddingInline":16,"cellPaddingBlockMD":12,"cellPaddingInlineMD":8,"cellPaddingBlockSM":8,"cellPaddingInlineSM":8,"borderColor":"#f0f0f0","headerBorderRadius":8,"footerBg":"#fafafa","footerColor":"rgba(0, 0, 0, 0.88)","cellFontSize":14,"cellFontSizeMD":14,"cellFontSizeSM":14,"headerSplitColor":"#f0f0f0","fixedHeaderSortActiveBg":"#f0f0f0","headerFilterHoverBg":"rgba(0, 0, 0, 0.06)","filterDropdownMenuBg":"#ffffff","filterDropdownBg":"#ffffff","expandIconBg":"#ffffff","selectionColumnWidth":32,"stickyScrollBarBg":"rgba(0, 0, 0, 0.25)","stickyScrollBarBorderRadius":100,"expandIconMarginTop":2.5,"headerIconColor":"rgba(0, 0, 0, 0.29)","headerIconHoverColor":"rgba(0, 0, 0, 0.57)","expandIconHalfInner":7,"expandIconSize":17,"expandIconScale":0.9411764705882353}},"Spin":{"global":["colorTextDescription","colorText","fontSize","lineHeight","fontFamily","colorPrimary","motionDurationSlow","motionEaseInOutCirc","colorBgMask","zIndexPopupBase","motionDurationMid","colorWhite","colorTextLightSolid","colorBgContainer","marginXXS"],"component":{"contentHeight":400,"dotSize":20,"dotSizeSM":14,"dotSizeLG":32}},"Skeleton":{"global":["controlHeight","controlHeightLG","controlHeightSM","padding","marginSM","controlHeightXS","borderRadiusSM"],"component":{"color":"rgba(0, 0, 0, 0.06)","colorGradientEnd":"rgba(0, 0, 0, 0.15)","gradientFromColor":"rgba(0, 0, 0, 0.06)","gradientToColor":"rgba(0, 0, 0, 0.15)","titleHeight":16,"blockRadius":4,"paragraphMarginTop":28,"paragraphLiHeight":16}},"Segmented":{"global":["lineWidth","controlPaddingHorizontal","controlPaddingHorizontalSM","controlHeight","controlHeightLG","controlHeightSM","colorText","fontSize","lineHeight","fontFamily","borderRadius","motionDurationMid","motionEaseInOut","borderRadiusSM","boxShadowTertiary","marginSM","paddingXXS","borderRadiusLG","fontSizeLG","borderRadiusXS","colorTextDisabled","motionDurationSlow"],"component":{"trackPadding":2,"trackBg":"#f5f5f5","itemColor":"rgba(0, 0, 0, 0.65)","itemHoverColor":"rgba(0, 0, 0, 0.88)","itemHoverBg":"rgba(0, 0, 0, 0.06)","itemSelectedBg":"#ffffff","itemActiveBg":"rgba(0, 0, 0, 0.15)","itemSelectedColor":"rgba(0, 0, 0, 0.88)"}},"Slider":{"global":["controlHeight","controlHeightLG","colorFillContentHover","colorText","fontSize","lineHeight","fontFamily","borderRadiusXS","motionDurationMid","colorPrimaryBorderHover","colorBgElevated","colorTextDescription","motionDurationSlow"],"component":{"controlSize":10,"railSize":4,"handleSize":10,"handleSizeHover":12,"dotSize":8,"handleLineWidth":2,"handleLineWidthHover":4,"railBg":"rgba(0, 0, 0, 0.04)","railHoverBg":"rgba(0, 0, 0, 0.06)","trackBg":"#91caff","trackHoverBg":"#69b1ff","handleColor":"#91caff","handleActiveColor":"#1677ff","handleColorDisabled":"#bfbfbf","dotBorderColor":"#f0f0f0","dotActiveBorderColor":"#91caff","trackBgDisabled":"rgba(0, 0, 0, 0.04)"}},"Space":{"global":["paddingXS","padding","paddingLG"],"component":{}},"Select":{"global":["paddingSM","controlHeight","colorText","fontSize","lineHeight","fontFamily","motionDurationMid","motionEaseInOut","colorTextPlaceholder","fontSizeIcon","colorTextQuaternary","motionDurationSlow","colorTextTertiary","paddingXS","controlPaddingHorizontalSM","lineWidth","borderRadius","controlHeightSM","borderRadiusSM","fontSizeLG","borderRadiusLG","borderRadiusXS","controlHeightLG","controlPaddingHorizontal","paddingXXS","colorIcon","colorIconHover","colorBgElevated","boxShadowSecondary","colorTextDescription","fontSizeSM","colorPrimary","colorBgContainerDisabled","colorTextDisabled","motionEaseOutQuint","motionEaseInQuint","motionEaseOutCirc","motionEaseInOutCirc","colorBorder","colorPrimaryHover","controlOutline","controlOutlineWidth","lineType","colorError","colorErrorHover","colorErrorOutline","colorWarning","colorWarningHover","colorWarningOutline","colorFillTertiary","colorFillSecondary","colorErrorBg","colorErrorBgHover","colorWarningBg","colorWarningBgHover","colorBgContainer","colorSplit"],"component":{"zIndexPopup":1050,"optionSelectedColor":"rgba(0, 0, 0, 0.88)","optionSelectedFontWeight":600,"optionSelectedBg":"#e6f4ff","optionActiveBg":"rgba(0, 0, 0, 0.04)","optionPadding":"5px 12px","optionFontSize":14,"optionLineHeight":1.5714285714285714,"optionHeight":32,"selectorBg":"#ffffff","clearBg":"#ffffff","singleItemHeightLG":40,"multipleItemBg":"rgba(0, 0, 0, 0.06)","multipleItemBorderColor":"transparent","multipleItemHeight":24,"multipleItemHeightSM":16,"multipleItemHeightLG":32,"multipleSelectorBgDisabled":"rgba(0, 0, 0, 0.04)","multipleItemColorDisabled":"rgba(0, 0, 0, 0.25)","multipleItemBorderColorDisabled":"transparent","showArrowPaddingInlineEnd":18}},"Rate":{"global":["colorText","fontSize","lineHeight","fontFamily","marginXS","motionDurationMid","lineWidth"],"component":{"starColor":"#fadb14","starSize":20,"starHoverScale":"scale(1.1)","starBg":"rgba(0, 0, 0, 0.06)"}},"Result":{"global":["colorInfo","colorError","colorSuccess","colorWarning","lineHeightHeading3","padding","paddingXL","paddingXS","paddingLG","marginXS","lineHeight","colorTextHeading","colorTextDescription","colorFillAlter"],"component":{"titleFontSize":24,"subtitleFontSize":14,"iconFontSize":72,"extraMargin":"24px 0 0 0"}},"QRCode":{"global":["colorText","lineWidth","lineType","colorSplit","fontSize","lineHeight","fontFamily","paddingSM","colorWhite","borderRadiusLG","marginXS","controlHeight"],"component":{"QRCodeMaskBackgroundColor":"rgba(255, 255, 255, 0.96)"}},"Radio":{"global":["controlOutline","controlOutlineWidth","colorText","fontSize","lineHeight","fontFamily","colorPrimary","motionDurationSlow","motionDurationMid","motionEaseInOutCirc","colorBgContainer","colorBorder","lineWidth","colorBgContainerDisabled","colorTextDisabled","paddingXS","lineType","lineWidthFocus","colorPrimaryBorder","controlHeight","fontSizeLG","controlHeightLG","controlHeightSM","borderRadius","borderRadiusSM","borderRadiusLG","colorPrimaryHover","colorPrimaryActive"],"component":{"radioSize":16,"dotSize":8,"dotColorDisabled":"rgba(0, 0, 0, 0.25)","buttonSolidCheckedColor":"#fff","buttonSolidCheckedBg":"#1677ff","buttonSolidCheckedHoverBg":"#4096ff","buttonSolidCheckedActiveBg":"#0958d9","buttonBg":"#ffffff","buttonCheckedBg":"#ffffff","buttonColor":"rgba(0, 0, 0, 0.88)","buttonCheckedBgDisabled":"rgba(0, 0, 0, 0.15)","buttonCheckedColorDisabled":"rgba(0, 0, 0, 0.25)","buttonPaddingInline":15,"wrapperMarginInlineEnd":8,"radioColor":"#1677ff","radioBgColor":"#ffffff"}},"Progress":{"global":["marginXXS","colorText","fontSize","lineHeight","fontFamily","marginXS","paddingXS","motionDurationSlow","motionEaseInOutCirc","colorSuccess","colorBgContainer","motionEaseOutQuint","colorError","fontSizeSM"],"component":{"circleTextColor":"rgba(0, 0, 0, 0.88)","defaultColor":"#1677ff","remainingColor":"rgba(0, 0, 0, 0.06)","lineBorderRadius":100,"circleTextFontSize":"1em","circleIconFontSize":"1.1666666666666667em"}},"Popover":{"global":["colorBgElevated","colorText","fontWeightStrong","boxShadowSecondary","colorTextHeading","borderRadiusLG","fontSize","lineHeight","fontFamily","boxShadowPopoverArrow","sizePopupArrow","borderRadiusXS","blue6","purple6","cyan6","green6","magenta6","pink6","red6","orange6","yellow6","volcano6","geekblue6","lime6","gold6","motionDurationMid","motionEaseOutCirc","motionEaseInOutCirc"],"component":{"titleMinWidth":177,"zIndexPopup":1030,"arrowShadowWidth":8.970562748477143,"arrowPath":"path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z')","arrowPolygon":"polygon(1.6568542494923806px 100%, 50% 1.6568542494923806px, 14.34314575050762px 100%, 1.6568542494923806px 100%)","arrowOffsetHorizontal":12,"arrowOffsetVertical":8,"innerPadding":0,"titleMarginBottom":0,"titlePadding":"5px 16px 4px","titleBorderBottom":"1px solid rgba(5, 5, 5, 0.06)","innerContentPadding":"12px 16px"}},"Popconfirm":{"global":["colorText","colorWarning","marginXXS","marginXS","fontSize","fontWeightStrong","colorTextHeading"],"component":{"zIndexPopup":1060}},"Notification":{"global":["paddingMD","paddingLG","colorBgElevated","fontSizeLG","lineHeightLG","controlHeightLG","margin","paddingContentHorizontalLG","marginLG","motionDurationMid","motionEaseInOut","colorText","fontSize","lineHeight","fontFamily","boxShadow","borderRadiusLG","colorSuccess","colorInfo","colorWarning","colorError","colorTextHeading","marginXS","marginSM","colorIcon","borderRadiusSM","colorIconHover","colorBgTextHover","colorBgTextActive","lineWidthFocus","colorPrimaryBorder","motionDurationSlow","colorBgBlur"],"component":{"zIndexPopup":2050,"width":384}},"Modal":{"global":["padding","fontSizeHeading5","lineHeightHeading5","colorSplit","lineType","lineWidth","colorIcon","colorIconHover","controlHeight","fontHeight","screenSMMax","marginXS","colorText","fontSize","lineHeight","fontFamily","margin","paddingLG","fontWeightStrong","borderRadiusLG","boxShadow","zIndexPopupBase","borderRadiusSM","motionDurationMid","fontSizeLG","colorBgTextHover","colorBgTextActive","lineWidthFocus","colorPrimaryBorder","motionDurationSlow","colorBgMask","motionEaseOutCirc","motionEaseInOutCirc"],"component":{"footerBg":"transparent","headerBg":"#ffffff","titleLineHeight":1.5,"titleFontSize":16,"contentBg":"#ffffff","titleColor":"rgba(0, 0, 0, 0.88)","contentPadding":0,"headerPadding":"16px 24px","headerBorderBottom":"1px solid rgba(5, 5, 5, 0.06)","headerMarginBottom":0,"bodyPadding":24,"footerPadding":"8px 16px","footerBorderTop":"1px solid rgba(5, 5, 5, 0.06)","footerBorderRadius":"0 0 8px 8px","footerMarginTop":0,"confirmBodyPadding":"32px 32px 24px","confirmIconMarginInlineEnd":16,"confirmBtnsMarginTop":24}},"Pagination":{"global":["marginXXS","controlHeightLG","marginSM","paddingXXS","colorText","fontSize","lineHeight","fontFamily","marginXS","lineWidth","lineType","borderRadius","motionDurationMid","colorBgTextHover","colorBgTextActive","fontWeightStrong","colorPrimary","colorPrimaryHover","fontSizeSM","colorTextDisabled","margin","controlHeight","colorTextPlaceholder","motionDurationSlow","lineHeightLG","borderRadiusLG","borderRadiusSM","colorBorder","colorBgContainer","colorBgContainerDisabled","controlOutlineWidth","controlOutline","controlHeightSM","screenLG","screenSM","lineWidthFocus","colorPrimaryBorder"],"component":{"itemBg":"#ffffff","itemSize":32,"itemSizeSM":24,"itemActiveBg":"#ffffff","itemLinkBg":"#ffffff","itemActiveColorDisabled":"rgba(0, 0, 0, 0.25)","itemActiveBgDisabled":"rgba(0, 0, 0, 0.15)","itemInputBg":"#ffffff","miniOptionsSizeChangerTop":0,"paddingBlock":4,"paddingBlockSM":0,"paddingBlockLG":7,"paddingInline":11,"paddingInlineSM":7,"paddingInlineLG":11,"addonBg":"rgba(0, 0, 0, 0.02)","activeBorderColor":"#1677ff","hoverBorderColor":"#4096ff","activeShadow":"0 0 0 2px rgba(5, 145, 255, 0.1)","errorActiveShadow":"0 0 0 2px rgba(255, 38, 5, 0.06)","warningActiveShadow":"0 0 0 2px rgba(255, 215, 5, 0.1)","hoverBg":"#ffffff","activeBg":"#ffffff","inputFontSize":14,"inputFontSizeLG":16,"inputFontSizeSM":14}},"Mentions":{"global":["paddingXXS","colorTextDisabled","controlItemBgHover","controlPaddingHorizontal","colorText","motionDurationSlow","lineHeight","controlHeight","fontSize","fontSizeIcon","colorTextTertiary","colorTextQuaternary","colorBgElevated","paddingLG","borderRadius","borderRadiusLG","boxShadowSecondary","fontFamily","motionDurationMid","colorTextPlaceholder","lineHeightLG","borderRadiusSM","colorBorder","colorBgContainer","lineWidth","lineType","colorBgContainerDisabled","colorError","colorErrorBorderHover","colorWarning","colorWarningBorderHover","colorFillTertiary","colorFillSecondary","colorPrimary","colorErrorBg","colorErrorBgHover","colorErrorText","colorWarningBg","colorWarningBgHover","colorWarningText","fontWeightStrong"],"component":{"paddingBlock":4,"paddingBlockSM":0,"paddingBlockLG":7,"paddingInline":11,"paddingInlineSM":7,"paddingInlineLG":11,"addonBg":"rgba(0, 0, 0, 0.02)","activeBorderColor":"#1677ff","hoverBorderColor":"#4096ff","activeShadow":"0 0 0 2px rgba(5, 145, 255, 0.1)","errorActiveShadow":"0 0 0 2px rgba(255, 38, 5, 0.06)","warningActiveShadow":"0 0 0 2px rgba(255, 215, 5, 0.1)","hoverBg":"#ffffff","activeBg":"#ffffff","inputFontSize":14,"inputFontSizeLG":16,"inputFontSizeSM":14,"dropdownHeight":250,"controlItemWidth":100,"zIndexPopup":1050,"itemPaddingVertical":5}},"Layout":{"global":["colorText","motionDurationMid","motionDurationSlow","fontSize","borderRadius","fontSizeXL"],"component":{"colorBgHeader":"#001529","colorBgBody":"#f5f5f5","colorBgTrigger":"#002140","bodyBg":"#f5f5f5","headerBg":"#001529","headerHeight":64,"headerPadding":"0 50px","headerColor":"rgba(0, 0, 0, 0.88)","footerPadding":"24px 50px","footerBg":"#f5f5f5","siderBg":"#001529","triggerHeight":48,"triggerBg":"#002140","triggerColor":"#fff","zeroTriggerWidth":40,"zeroTriggerHeight":40,"lightSiderBg":"#ffffff","lightTriggerBg":"#ffffff","lightTriggerColor":"rgba(0, 0, 0, 0.88)"}},"Input":{"global":["paddingXXS","controlHeightSM","lineWidth","colorText","fontSize","lineHeight","fontFamily","borderRadius","motionDurationMid","colorTextPlaceholder","controlHeight","motionDurationSlow","lineHeightLG","borderRadiusLG","borderRadiusSM","colorBorder","colorBgContainer","lineType","colorTextDisabled","colorBgContainerDisabled","colorError","colorErrorBorderHover","colorWarning","colorWarningBorderHover","colorFillTertiary","colorFillSecondary","colorPrimary","colorErrorBg","colorErrorBgHover","colorErrorText","colorWarningBg","colorWarningBgHover","colorWarningText","controlHeightLG","paddingLG","colorTextDescription","paddingXS","colorIcon","colorIconHover","colorTextQuaternary","fontSizeIcon","colorTextTertiary","colorSplit","colorPrimaryHover","colorPrimaryActive"],"component":{"paddingBlock":4,"paddingBlockSM":0,"paddingBlockLG":7,"paddingInline":11,"paddingInlineSM":7,"paddingInlineLG":11,"addonBg":"rgba(0, 0, 0, 0.02)","activeBorderColor":"#1677ff","hoverBorderColor":"#4096ff","activeShadow":"0 0 0 2px rgba(5, 145, 255, 0.1)","errorActiveShadow":"0 0 0 2px rgba(255, 38, 5, 0.06)","warningActiveShadow":"0 0 0 2px rgba(255, 215, 5, 0.1)","hoverBg":"#ffffff","activeBg":"#ffffff","inputFontSize":14,"inputFontSizeLG":16,"inputFontSizeSM":14}},"List":{"global":["controlHeightLG","controlHeight","paddingSM","marginLG","padding","colorPrimary","paddingXS","margin","colorText","colorTextDescription","motionDurationSlow","lineWidth","fontSize","lineHeight","fontFamily","marginXXS","marginXXL","fontHeight","colorSplit","fontSizeSM","colorTextDisabled","fontSizeLG","lineHeightLG","lineType","paddingLG","borderRadiusLG","colorBorder","screenSM","screenMD","marginSM"],"component":{"contentWidth":220,"itemPadding":"12px 0","itemPaddingSM":"8px 16px","itemPaddingLG":"16px 24px","headerBg":"transparent","footerBg":"transparent","emptyTextPadding":16,"metaMarginBottom":16,"avatarMarginRight":16,"titleMarginBottom":12,"descriptionFontSize":14}},"Message":{"global":["boxShadow","colorText","colorSuccess","colorError","colorWarning","colorInfo","fontSizeLG","motionEaseInOutCirc","motionDurationSlow","marginXS","paddingXS","borderRadiusLG","fontSize","lineHeight","fontFamily"],"component":{"zIndexPopup":2010,"contentBg":"#ffffff","contentPadding":"9px 12px"}},"InputNumber":{"global":["paddingXXS","lineWidth","lineType","borderRadius","fontSizeLG","controlHeightLG","controlHeightSM","colorError","colorTextDescription","motionDurationMid","colorTextDisabled","borderRadiusSM","borderRadiusLG","lineHeightLG","colorText","fontSize","lineHeight","fontFamily","colorTextPlaceholder","controlHeight","motionDurationSlow","colorBorder","colorBgContainer","colorBgContainerDisabled","colorErrorBorderHover","colorWarning","colorWarningBorderHover","colorFillTertiary","colorFillSecondary","colorPrimary","colorErrorBg","colorErrorBgHover","colorErrorText","colorWarningBg","colorWarningBgHover","colorWarningText","paddingXS","colorSplit"],"component":{"paddingBlock":4,"paddingBlockSM":0,"paddingBlockLG":7,"paddingInline":11,"paddingInlineSM":7,"paddingInlineLG":11,"addonBg":"rgba(0, 0, 0, 0.02)","activeBorderColor":"#1677ff","hoverBorderColor":"#4096ff","activeShadow":"0 0 0 2px rgba(5, 145, 255, 0.1)","errorActiveShadow":"0 0 0 2px rgba(255, 38, 5, 0.06)","warningActiveShadow":"0 0 0 2px rgba(255, 215, 5, 0.1)","hoverBg":"#ffffff","activeBg":"#ffffff","inputFontSize":14,"inputFontSizeLG":16,"inputFontSizeSM":14,"controlWidth":90,"handleWidth":22,"handleFontSize":7,"handleVisible":"auto","handleActiveBg":"rgba(0, 0, 0, 0.02)","handleBg":"#ffffff","filledHandleBg":"#f0f0f0","handleHoverColor":"#1677ff","handleBorderColor":"#d9d9d9","handleOpacity":0}},"Menu":{"global":["colorBgElevated","controlHeightLG","fontSize","motionDurationSlow","motionDurationMid","motionEaseInOut","paddingXS","padding","colorSplit","lineWidth","borderRadiusLG","lineType","colorText","lineHeight","fontFamily","motionEaseOut","borderRadius","margin","colorTextLightSolid","paddingXL","fontSizeLG","boxShadowSecondary","marginXS","lineWidthFocus","colorPrimaryBorder","motionEaseOutQuint","motionEaseInQuint","motionEaseOutCirc","motionEaseInOutCirc"],"component":{"dropdownWidth":160,"zIndexPopup":1050,"radiusItem":8,"itemBorderRadius":8,"radiusSubMenuItem":4,"subMenuItemBorderRadius":4,"colorItemText":"rgba(0, 0, 0, 0.88)","itemColor":"rgba(0, 0, 0, 0.88)","colorItemTextHover":"rgba(0, 0, 0, 0.88)","itemHoverColor":"rgba(0, 0, 0, 0.88)","colorItemTextHoverHorizontal":"#1677ff","horizontalItemHoverColor":"#1677ff","colorGroupTitle":"rgba(0, 0, 0, 0.45)","groupTitleColor":"rgba(0, 0, 0, 0.45)","colorItemTextSelected":"#1677ff","itemSelectedColor":"#1677ff","colorItemTextSelectedHorizontal":"#1677ff","horizontalItemSelectedColor":"#1677ff","colorItemBg":"#ffffff","itemBg":"#ffffff","colorItemBgHover":"rgba(0, 0, 0, 0.06)","itemHoverBg":"rgba(0, 0, 0, 0.06)","colorItemBgActive":"rgba(0, 0, 0, 0.06)","itemActiveBg":"#e6f4ff","colorSubItemBg":"rgba(0, 0, 0, 0.02)","subMenuItemBg":"rgba(0, 0, 0, 0.02)","colorItemBgSelected":"#e6f4ff","itemSelectedBg":"#e6f4ff","colorItemBgSelectedHorizontal":"transparent","horizontalItemSelectedBg":"transparent","colorActiveBarWidth":0,"activeBarWidth":0,"colorActiveBarHeight":2,"activeBarHeight":2,"colorActiveBarBorderSize":1,"activeBarBorderWidth":1,"colorItemTextDisabled":"rgba(0, 0, 0, 0.25)","itemDisabledColor":"rgba(0, 0, 0, 0.25)","colorDangerItemText":"#ff4d4f","dangerItemColor":"#ff4d4f","colorDangerItemTextHover":"#ff4d4f","dangerItemHoverColor":"#ff4d4f","colorDangerItemTextSelected":"#ff4d4f","dangerItemSelectedColor":"#ff4d4f","colorDangerItemBgActive":"#fff2f0","dangerItemActiveBg":"#fff2f0","colorDangerItemBgSelected":"#fff2f0","dangerItemSelectedBg":"#fff2f0","itemMarginInline":4,"horizontalItemBorderRadius":0,"horizontalItemHoverBg":"transparent","itemHeight":40,"groupTitleLineHeight":1.5714285714285714,"collapsedWidth":80,"popupBg":"#ffffff","itemMarginBlock":4,"itemPaddingInline":16,"horizontalLineHeight":"46px","iconSize":14,"iconMarginInlineEnd":10,"collapsedIconSize":16,"groupTitleFontSize":14,"darkItemDisabledColor":"rgba(255, 255, 255, 0.25)","darkItemColor":"rgba(255, 255, 255, 0.65)","darkDangerItemColor":"#ff4d4f","darkItemBg":"#001529","darkPopupBg":"#001529","darkSubMenuItemBg":"#000c17","darkItemSelectedColor":"#fff","darkItemSelectedBg":"#1677ff","darkDangerItemSelectedBg":"#ff4d4f","darkItemHoverBg":"transparent","darkGroupTitleColor":"rgba(255, 255, 255, 0.65)","darkItemHoverColor":"#fff","darkDangerItemHoverColor":"#ff7875","darkDangerItemSelectedColor":"#fff","darkDangerItemActiveBg":"#ff4d4f","itemWidth":"calc(100% - 8px)"}},"Grid":{"global":[],"component":{}},"Form":{"global":["colorText","fontSize","lineHeight","fontFamily","marginLG","colorTextDescription","fontSizeLG","lineWidth","lineType","colorBorder","controlOutlineWidth","controlOutline","paddingSM","controlHeightSM","controlHeightLG","colorError","colorWarning","marginXXS","controlHeight","motionDurationMid","motionEaseOut","motionEaseOutBack","colorSuccess","colorPrimary","motionDurationSlow","motionEaseInOut","margin","screenXSMax","screenSMMax","screenMDMax","screenLGMax"],"component":{"labelRequiredMarkColor":"#ff4d4f","labelColor":"rgba(0, 0, 0, 0.88)","labelFontSize":14,"labelHeight":32,"labelColonMarginInlineStart":2,"labelColonMarginInlineEnd":8,"itemMarginBottom":24,"verticalLabelPadding":"0 0 8px","verticalLabelMargin":0}},"Image":{"global":["controlHeightLG","colorBgContainerDisabled","motionDurationSlow","paddingXXS","marginXXS","colorTextLightSolid","motionEaseOut","paddingSM","marginXL","margin","paddingLG","marginSM","zIndexPopupBase","colorBgMask","motionDurationMid","motionEaseOutCirc","motionEaseInOutCirc"],"component":{"zIndexPopup":1080,"previewOperationColor":"rgba(255, 255, 255, 0.65)","previewOperationHoverColor":"rgba(255, 255, 255, 0.85)","previewOperationColorDisabled":"rgba(255, 255, 255, 0.25)","previewOperationSize":18}},"FloatButton":{"global":["colorTextLightSolid","colorBgElevated","controlHeightLG","marginXXL","marginLG","fontSize","fontSizeIcon","controlItemBgHover","paddingXXS","margin","borderRadiusLG","borderRadiusSM","colorText","lineHeight","fontFamily","lineWidth","lineType","colorSplit","boxShadowSecondary","motionDurationMid","colorFillContent","fontSizeLG","fontSizeSM","colorPrimary","colorPrimaryHover","motionDurationSlow","motionEaseInOutCirc"],"component":{"dotOffsetInCircle":5.857864376269049,"dotOffsetInSquare":2.3431457505076194}},"Flex":{"global":["paddingXS","padding","paddingLG"],"component":{}},"Dropdown":{"global":["marginXXS","sizePopupArrow","paddingXXS","motionDurationMid","fontSize","colorTextDisabled","fontSizeIcon","controlPaddingHorizontal","colorBgElevated","colorText","lineHeight","fontFamily","boxShadowPopoverArrow","borderRadiusXS","borderRadiusLG","boxShadowSecondary","lineWidthFocus","colorPrimaryBorder","colorTextDescription","marginXS","fontSizeSM","borderRadiusSM","controlItemBgHover","colorPrimary","controlItemBgActive","controlItemBgActiveHover","colorSplit","paddingXS","motionEaseOutQuint","motionEaseInQuint","motionEaseOutCirc","motionEaseInOutCirc","colorError","colorTextLightSolid"],"component":{"zIndexPopup":1050,"paddingBlock":5,"arrowOffsetHorizontal":12,"arrowOffsetVertical":8,"arrowShadowWidth":8.970562748477143,"arrowPath":"path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z')","arrowPolygon":"polygon(1.6568542494923806px 100%, 50% 1.6568542494923806px, 14.34314575050762px 100%, 1.6568542494923806px 100%)"}},"Empty":{"global":["controlHeightLG","margin","marginXS","marginXL","fontSize","lineHeight","opacityImage","colorText","colorTextDescription"],"component":{}},"Drawer":{"global":["borderRadiusSM","colorBgMask","colorBgElevated","motionDurationSlow","motionDurationMid","paddingXS","padding","paddingLG","fontSizeLG","lineHeightLG","lineWidth","lineType","colorSplit","marginXS","colorIcon","colorIconHover","colorBgTextHover","colorBgTextActive","colorText","fontWeightStrong","boxShadowDrawerLeft","boxShadowDrawerRight","boxShadowDrawerUp","boxShadowDrawerDown","lineWidthFocus","colorPrimaryBorder"],"component":{"zIndexPopup":1000,"footerPaddingBlock":8,"footerPaddingInline":16}},"Divider":{"global":["margin","marginLG","colorSplit","lineWidth","colorText","fontSize","lineHeight","fontFamily","colorTextHeading","fontSizeLG"],"component":{"textPaddingInline":"1em","orientationMargin":0.05,"verticalMarginInline":8}},"ColorPicker":{"global":["colorTextQuaternary","marginSM","colorPrimary","motionDurationMid","colorBgElevated","colorTextDisabled","colorText","colorBgContainerDisabled","borderRadius","marginXS","controlHeight","controlHeightSM","colorBgTextActive","lineWidth","colorBorder","paddingXXS","fontSize","colorPrimaryHover","controlOutline","controlHeightLG","borderRadiusSM","colorFillSecondary","lineWidthBold","fontSizeSM","lineHeightSM","marginXXS","fontSizeIcon","paddingXS","colorTextPlaceholder","colorFill","colorWhite","fontHeightSM","motionEaseInBack","motionDurationFast","motionEaseOutBack","colorSplit","red6","controlOutlineWidth","colorError","colorWarning","colorErrorHover","colorWarningHover","colorErrorOutline","colorWarningOutline","controlHeightXS","borderRadiusXS","borderRadiusLG","fontSizeLG"],"component":{}},"Descriptions":{"global":["colorText","fontSize","lineHeight","fontFamily","lineWidth","lineType","colorSplit","padding","paddingLG","colorTextSecondary","paddingSM","paddingXS","fontWeightStrong","fontSizeLG","lineHeightLG","borderRadiusLG","colorTextTertiary"],"component":{"labelBg":"rgba(0, 0, 0, 0.02)","titleColor":"rgba(0, 0, 0, 0.88)","titleMarginBottom":20,"itemPaddingBottom":16,"colonMarginRight":8,"colonMarginLeft":2,"contentColor":"rgba(0, 0, 0, 0.88)","extraColor":"rgba(0, 0, 0, 0.88)"}},"DatePicker":{"global":["paddingXXS","controlHeightLG","padding","paddingSM","controlHeight","lineWidth","colorPrimary","colorPrimaryBorder","lineType","colorSplit","colorTextDisabled","colorBorder","borderRadius","motionDurationMid","colorTextPlaceholder","fontSizeLG","controlHeightSM","paddingXS","marginXS","colorTextDescription","lineWidthBold","motionDurationSlow","sizePopupArrow","colorBgElevated","borderRadiusLG","boxShadowSecondary","borderRadiusSM","boxShadowPopoverArrow","fontHeight","fontHeightLG","lineHeightLG","colorText","fontSize","lineHeight","fontFamily","colorBgContainer","colorTextHeading","colorIcon","colorIconHover","fontWeightStrong","colorTextLightSolid","controlItemBgActive","marginXXS","colorFillSecondary","colorTextTertiary","borderRadiusXS","motionEaseOutQuint","motionEaseInQuint","motionEaseOutCirc","motionEaseInOutCirc","colorBgContainerDisabled","colorError","colorErrorBorderHover","colorWarning","colorWarningBorderHover","colorFillTertiary","colorErrorBg","colorErrorBgHover","colorErrorText","colorWarningBg","colorWarningBgHover","colorWarningText"],"component":{"paddingBlock":4,"paddingBlockSM":0,"paddingBlockLG":7,"paddingInline":11,"paddingInlineSM":7,"paddingInlineLG":11,"addonBg":"rgba(0, 0, 0, 0.02)","activeBorderColor":"#1677ff","hoverBorderColor":"#4096ff","activeShadow":"0 0 0 2px rgba(5, 145, 255, 0.1)","errorActiveShadow":"0 0 0 2px rgba(255, 38, 5, 0.06)","warningActiveShadow":"0 0 0 2px rgba(255, 215, 5, 0.1)","hoverBg":"#ffffff","activeBg":"#ffffff","inputFontSize":14,"inputFontSizeLG":16,"inputFontSizeSM":14,"cellHoverBg":"rgba(0, 0, 0, 0.04)","cellActiveWithRangeBg":"#e6f4ff","cellHoverWithRangeBg":"#c8dfff","cellRangeBorderColor":"#7cb3ff","cellBgDisabled":"rgba(0, 0, 0, 0.04)","timeColumnWidth":56,"timeColumnHeight":224,"timeCellHeight":28,"cellWidth":36,"cellHeight":24,"textHeight":40,"withoutTimeCellHeight":66,"multipleItemBg":"rgba(0, 0, 0, 0.06)","multipleItemBorderColor":"transparent","multipleItemHeight":24,"multipleItemHeightSM":16,"multipleItemHeightLG":32,"multipleSelectorBgDisabled":"rgba(0, 0, 0, 0.04)","multipleItemColorDisabled":"rgba(0, 0, 0, 0.25)","multipleItemBorderColorDisabled":"transparent","arrowShadowWidth":8.970562748477143,"arrowPath":"path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z')","arrowPolygon":"polygon(1.6568542494923806px 100%, 50% 1.6568542494923806px, 14.34314575050762px 100%, 1.6568542494923806px 100%)","presetsWidth":120,"presetsMaxWidth":200,"zIndexPopup":1050}},"Cascader":{"global":["controlInteractiveSize","colorText","fontSize","lineHeight","fontFamily","marginXS","borderRadiusSM","lineWidthFocus","colorPrimaryBorder","colorBgContainer","lineWidth","lineType","colorBorder","motionDurationSlow","lineWidthBold","colorWhite","motionDurationFast","motionEaseInBack","paddingXS","colorPrimary","colorPrimaryHover","motionDurationMid","motionEaseOutBack","fontSizeLG","colorBgContainerDisabled","colorTextDisabled","colorSplit","controlItemBgHover","paddingXXS","colorTextDescription","fontSizeIcon","colorHighlight"],"component":{"controlWidth":184,"controlItemWidth":111,"dropdownHeight":180,"optionSelectedBg":"#e6f4ff","optionSelectedFontWeight":600,"optionPadding":"5px 12px","menuPadding":4}},"Checkbox":{"global":["controlInteractiveSize","colorText","fontSize","lineHeight","fontFamily","marginXS","borderRadiusSM","lineWidthFocus","colorPrimaryBorder","colorBgContainer","lineWidth","lineType","colorBorder","motionDurationSlow","lineWidthBold","colorWhite","motionDurationFast","motionEaseInBack","paddingXS","colorPrimary","colorPrimaryHover","motionDurationMid","motionEaseOutBack","fontSizeLG","colorBgContainerDisabled","colorTextDisabled"],"component":{}},"Carousel":{"global":["controlHeightLG","controlHeightSM","marginXXS","colorText","fontSize","lineHeight","fontFamily","motionDurationSlow","colorBgContainer"],"component":{"dotWidth":16,"dotHeight":3,"dotWidthActive":24,"dotActiveWidth":24}},"Collapse":{"global":["paddingXS","paddingSM","padding","paddingLG","borderRadiusLG","lineWidth","lineType","colorBorder","colorText","colorTextHeading","colorTextDisabled","fontSizeLG","lineHeight","lineHeightLG","marginSM","motionDurationSlow","fontSizeIcon","fontHeight","fontHeightLG","fontSize","fontFamily","paddingXXS","motionDurationMid","motionEaseInOut"],"component":{"headerPadding":"12px 16px","headerBg":"rgba(0, 0, 0, 0.02)","contentPadding":"16px 16px","contentBg":"#ffffff"}},"Card":{"global":["boxShadowCard","padding","paddingLG","fontSize","colorBorderSecondary","boxShadowTertiary","colorText","lineHeight","fontFamily","colorBgContainer","borderRadiusLG","colorTextHeading","fontWeightStrong","lineWidth","lineType","motionDurationMid","colorTextDescription","colorPrimary","fontHeight","marginXXS","marginXS","fontSizeLG","colorFillAlter"],"component":{"headerBg":"transparent","headerFontSize":16,"headerFontSizeSM":14,"headerHeight":56,"headerHeightSM":38,"actionsBg":"#ffffff","actionsLiMargin":"12px 0","tabsMarginBottom":-17,"extraColor":"rgba(0, 0, 0, 0.88)"}},"Calendar":{"global":["controlHeightLG","paddingXXS","padding","controlHeightSM","fontHeightSM","marginXS","lineWidth","paddingSM","paddingXS","colorBgContainer","lineType","borderRadiusLG","colorPrimary","colorTextHeading","colorSplit","colorIcon","motionDurationMid","colorIconHover","fontWeightStrong","colorTextDisabled","colorText","fontSize","motionDurationSlow","borderRadiusSM","colorTextLightSolid","controlItemBgActive","marginXXS","colorFillSecondary","colorTextTertiary","lineHeight","fontFamily","controlItemBgHover","lineWidthBold","screenXS"],"component":{"fullBg":"#ffffff","fullPanelBg":"#ffffff","itemActiveBg":"#e6f4ff","yearControlWidth":80,"monthControlWidth":70,"miniContentHeight":256,"cellHoverBg":"rgba(0, 0, 0, 0.04)","cellActiveWithRangeBg":"#e6f4ff","cellHoverWithRangeBg":"#c8dfff","cellRangeBorderColor":"#7cb3ff","cellBgDisabled":"rgba(0, 0, 0, 0.04)","timeColumnWidth":56,"timeColumnHeight":224,"timeCellHeight":28,"cellWidth":36,"cellHeight":24,"textHeight":40,"withoutTimeCellHeight":66,"multipleItemBg":"rgba(0, 0, 0, 0.06)","multipleItemBorderColor":"transparent","multipleItemHeight":24,"multipleItemHeightSM":16,"multipleItemHeightLG":32,"multipleSelectorBgDisabled":"rgba(0, 0, 0, 0.04)","multipleItemColorDisabled":"rgba(0, 0, 0, 0.25)","multipleItemBorderColorDisabled":"transparent"}},"Button":{"global":["lineWidth","lineType","motionDurationMid","motionEaseInOut","colorText","marginXS","lineWidthFocus","colorPrimaryBorder","controlHeight","borderRadius","opacityLoading","motionDurationSlow","controlHeightSM","paddingXS","borderRadiusSM","controlHeightLG","borderRadiusLG","colorTextDisabled","colorBgContainerDisabled","colorBorder","colorError","colorErrorHover","colorErrorBorderHover","colorErrorActive","colorPrimary","colorTextLightSolid","colorPrimaryHover","colorPrimaryActive","colorLink","colorLinkHover","colorLinkActive","colorBgTextActive","colorErrorBg","colorBgContainer","fontSize"],"component":{"fontWeight":400,"defaultShadow":"0 2px 0 rgba(0, 0, 0, 0.02)","primaryShadow":"0 2px 0 rgba(5, 145, 255, 0.1)","dangerShadow":"0 2px 0 rgba(255, 38, 5, 0.06)","primaryColor":"#fff","dangerColor":"#fff","borderColorDisabled":"#d9d9d9","defaultGhostColor":"#ffffff","ghostBg":"transparent","defaultGhostBorderColor":"#ffffff","paddingInline":15,"paddingInlineLG":15,"paddingInlineSM":7,"onlyIconSize":16,"onlyIconSizeSM":14,"onlyIconSizeLG":18,"groupBorderColor":"#4096ff","linkHoverBg":"transparent","textHoverBg":"rgba(0, 0, 0, 0.06)","defaultColor":"rgba(0, 0, 0, 0.88)","defaultBg":"#ffffff","defaultBorderColor":"#d9d9d9","defaultBorderColorDisabled":"#d9d9d9","defaultHoverBg":"#ffffff","defaultHoverColor":"#4096ff","defaultHoverBorderColor":"#4096ff","defaultActiveBg":"#ffffff","defaultActiveColor":"#0958d9","defaultActiveBorderColor":"#0958d9","contentFontSize":14,"contentFontSizeSM":14,"contentFontSizeLG":16,"contentLineHeight":1.5714285714285714,"contentLineHeightSM":1.5714285714285714,"contentLineHeightLG":1.5,"paddingBlock":4,"paddingBlockSM":0,"paddingBlockLG":7}},"Breadcrumb":{"global":["colorText","fontSize","lineHeight","fontFamily","motionDurationMid","paddingXXS","borderRadiusSM","fontHeight","marginXXS","colorBgTextHover","lineWidthFocus","colorPrimaryBorder","fontSizeIcon"],"component":{"itemColor":"rgba(0, 0, 0, 0.45)","lastItemColor":"rgba(0, 0, 0, 0.88)","iconFontSize":14,"linkColor":"rgba(0, 0, 0, 0.45)","linkHoverColor":"rgba(0, 0, 0, 0.88)","separatorColor":"rgba(0, 0, 0, 0.45)","separatorMargin":8}},"Badge":{"global":["fontHeight","lineWidth","marginXS","colorBorderBg","colorBgContainer","colorError","colorErrorHover","motionDurationSlow","blue1","blue3","blue6","blue7","purple1","purple3","purple6","purple7","cyan1","cyan3","cyan6","cyan7","green1","green3","green6","green7","magenta1","magenta3","magenta6","magenta7","pink1","pink3","pink6","pink7","red1","red3","red6","red7","orange1","orange3","orange6","orange7","yellow1","yellow3","yellow6","yellow7","volcano1","volcano3","volcano6","volcano7","geekblue1","geekblue3","geekblue6","geekblue7","lime1","lime3","lime6","lime7","gold1","gold3","gold6","gold7","colorText","fontSize","lineHeight","fontFamily","motionDurationMid","paddingXS","colorSuccess","colorInfo","colorTextPlaceholder","colorWarning","motionEaseOutBack"],"component":{"indicatorZIndex":"auto","indicatorHeight":20,"indicatorHeightSM":14,"dotSize":6,"textFontSize":12,"textFontSizeSM":12,"textFontWeight":"normal","statusSize":6}},"BackTop":{"global":["fontSizeHeading3","colorTextDescription","colorTextLightSolid","colorText","controlHeightLG","fontSize","lineHeight","fontFamily","motionDurationMid","screenMD","screenXS"],"component":{"zIndexPopup":10}},"Avatar":{"global":["colorTextLightSolid","colorTextPlaceholder","borderRadius","borderRadiusLG","borderRadiusSM","lineWidth","lineType","colorText","fontSize","lineHeight","fontFamily"],"component":{"containerSize":32,"containerSizeLG":40,"containerSizeSM":24,"textFontSize":18,"textFontSizeLG":24,"textFontSizeSM":14,"groupSpace":4,"groupOverlapping":-8,"groupBorderColor":"#ffffff"}},"Alert":{"global":["motionDurationSlow","marginXS","marginSM","fontSize","fontSizeLG","lineHeight","borderRadiusLG","motionEaseInOutCirc","colorText","colorTextHeading","fontFamily","colorSuccess","colorSuccessBorder","colorSuccessBg","colorWarning","colorWarningBorder","colorWarningBg","colorError","colorErrorBorder","colorErrorBg","colorInfo","colorInfoBorder","colorInfoBg","lineWidth","lineType","motionDurationMid","fontSizeIcon","colorIcon","colorIconHover"],"component":{"withDescriptionIconSize":24,"defaultPadding":"8px 12px","withDescriptionPadding":"20px 24px"}},"Anchor":{"global":["fontSize","fontSizeLG","paddingXXS","motionDurationSlow","lineWidthBold","colorPrimary","lineType","colorSplit","colorText","lineHeight","fontFamily","lineWidth"],"component":{"linkPaddingBlock":4,"linkPaddingInlineStart":16}},"App":{"global":["colorText","fontSize","lineHeight","fontFamily"],"component":{}},"Affix":{"global":[],"component":{"zIndexPopup":10}}} |
@@ -1,2 +0,2 @@ | ||
declare const _default: "5.15.4"; | ||
declare const _default: "5.16.0"; | ||
export default _default; |
@@ -1,1 +0,1 @@ | ||
export default '5.15.4'; | ||
export default '5.16.0'; |
import type { ReactNode } from 'react'; | ||
import React from 'react'; | ||
export type BaseClosableType = { | ||
closeIcon?: React.ReactNode; | ||
} & React.AriaAttributes; | ||
export type ClosableType = boolean | BaseClosableType; | ||
export type ContextClosable<T extends { | ||
closable?: ClosableType; | ||
closeIcon?: ReactNode; | ||
} = any> = Partial<Pick<T, 'closable' | 'closeIcon'>>; | ||
export declare function pickClosable<T extends { | ||
closable?: ClosableType; | ||
closeIcon?: ReactNode; | ||
}>(context?: ContextClosable<T>): ContextClosable<T> | undefined; | ||
export type UseClosableParams = { | ||
closable?: boolean | ({ | ||
closeIcon?: React.ReactNode; | ||
} & React.AriaAttributes); | ||
closable?: ClosableType; | ||
closeIcon?: ReactNode; | ||
@@ -11,4 +21,16 @@ defaultClosable?: boolean; | ||
customCloseIconRender?: (closeIcon: ReactNode) => ReactNode; | ||
context?: ContextClosable; | ||
}; | ||
declare function useClosable({ closable, closeIcon, customCloseIconRender, defaultCloseIcon, defaultClosable, }: UseClosableParams): [closable: boolean, closeIcon: React.ReactNode | null]; | ||
export default useClosable; | ||
/** Collection contains the all the props related with closable. e.g. `closable`, `closeIcon` */ | ||
interface ClosableCollection { | ||
closable?: ClosableType; | ||
closeIcon?: ReactNode; | ||
} | ||
export default function useClosable(propCloseCollection?: ClosableCollection, contextCloseCollection?: ClosableCollection | null, fallbackCloseCollection?: ClosableCollection & { | ||
/** | ||
* Some components need to wrap CloseIcon twice, | ||
* this method will be executed once after the final CloseIcon is calculated | ||
*/ | ||
closeIconRender?: (closeIcon: ReactNode) => ReactNode; | ||
}): [closable: boolean, closeIcon: React.ReactNode | null]; | ||
export {}; |
@@ -8,55 +8,116 @@ "use strict"; | ||
}); | ||
exports.default = void 0; | ||
exports.default = useClosable; | ||
exports.pickClosable = pickClosable; | ||
var _react = _interopRequireDefault(require("react")); | ||
var _CloseOutlined = _interopRequireDefault(require("@ant-design/icons/CloseOutlined")); | ||
var _pickAttrs = _interopRequireDefault(require("rc-util/lib/pickAttrs")); | ||
var __rest = void 0 && (void 0).__rest || function (s, e) { | ||
var t = {}; | ||
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p]; | ||
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { | ||
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]]; | ||
function pickClosable(context) { | ||
if (!context) { | ||
return undefined; | ||
} | ||
return t; | ||
}; | ||
function useInnerClosable(closable, closeIcon, defaultClosable) { | ||
if (typeof closable === 'boolean') { | ||
return closable; | ||
} | ||
if (typeof closable === 'object') { | ||
return true; | ||
} | ||
if (closeIcon === undefined) { | ||
return !!defaultClosable; | ||
} | ||
return closeIcon !== false && closeIcon !== null; | ||
return { | ||
closable: context.closable, | ||
closeIcon: context.closeIcon | ||
}; | ||
} | ||
function useClosable(_ref) { | ||
let { | ||
/** Convert `closable` and `closeIcon` to config object */ | ||
function useClosableConfig(closableCollection) { | ||
const { | ||
closable, | ||
closeIcon, | ||
customCloseIconRender, | ||
defaultCloseIcon = /*#__PURE__*/_react.default.createElement(_CloseOutlined.default, null), | ||
defaultClosable = false | ||
} = _ref; | ||
const mergedClosable = useInnerClosable(closable, closeIcon, defaultClosable); | ||
if (!mergedClosable) { | ||
return [false, null]; | ||
closeIcon | ||
} = closableCollection || {}; | ||
return _react.default.useMemo(() => { | ||
if ( | ||
// If `closable`, whatever rest be should be true | ||
!closable && (closable === false || closeIcon === false || closeIcon === null)) { | ||
return false; | ||
} | ||
if (closable === undefined && closeIcon === undefined) { | ||
return null; | ||
} | ||
let closableConfig = { | ||
closeIcon: typeof closeIcon !== 'boolean' && closeIcon !== null ? closeIcon : undefined | ||
}; | ||
if (closable && typeof closable === 'object') { | ||
closableConfig = Object.assign(Object.assign({}, closableConfig), closable); | ||
} | ||
return closableConfig; | ||
}, [closable, closeIcon]); | ||
} | ||
/** | ||
* Assign object without `undefined` field. Will skip if is `false`. | ||
* This helps to handle both closableConfig or false | ||
*/ | ||
function assignWithoutUndefined() { | ||
const target = {}; | ||
for (var _len = arguments.length, objList = new Array(_len), _key = 0; _key < _len; _key++) { | ||
objList[_key] = arguments[_key]; | ||
} | ||
const _a = typeof closable === 'object' ? closable : {}, | ||
{ | ||
closeIcon: closableIcon | ||
} = _a, | ||
restProps = __rest(_a, ["closeIcon"]); | ||
// Priority: closable.closeIcon > closeIcon > defaultCloseIcon | ||
const mergedCloseIcon = (() => { | ||
if (typeof closable === 'object' && closableIcon !== undefined) { | ||
return closableIcon; | ||
objList.forEach(obj => { | ||
if (obj) { | ||
Object.keys(obj).forEach(key => { | ||
if (obj[key] !== undefined) { | ||
target[key] = obj[key]; | ||
} | ||
}); | ||
} | ||
return typeof closeIcon === 'boolean' || closeIcon === undefined || closeIcon === null ? defaultCloseIcon : closeIcon; | ||
})(); | ||
const ariaProps = (0, _pickAttrs.default)(restProps, true); | ||
const plainCloseIcon = customCloseIconRender ? customCloseIconRender(mergedCloseIcon) : mergedCloseIcon; | ||
const closeIconWithAria = /*#__PURE__*/_react.default.isValidElement(plainCloseIcon) ? ( /*#__PURE__*/_react.default.cloneElement(plainCloseIcon, ariaProps)) : ( /*#__PURE__*/_react.default.createElement("span", Object.assign({}, ariaProps), plainCloseIcon)); | ||
return [true, closeIconWithAria]; | ||
}); | ||
return target; | ||
} | ||
var _default = exports.default = useClosable; | ||
/** Use same object to support `useMemo` optimization */ | ||
const EmptyFallbackCloseCollection = {}; | ||
function useClosable(propCloseCollection, contextCloseCollection) { | ||
let fallbackCloseCollection = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : EmptyFallbackCloseCollection; | ||
// Align the `props`, `context` `fallback` to config object first | ||
const propCloseConfig = useClosableConfig(propCloseCollection); | ||
const contextCloseConfig = useClosableConfig(contextCloseCollection); | ||
const mergedFallbackCloseCollection = _react.default.useMemo(() => Object.assign({ | ||
closeIcon: /*#__PURE__*/_react.default.createElement(_CloseOutlined.default, null) | ||
}, fallbackCloseCollection), [fallbackCloseCollection]); | ||
// Use fallback logic to fill the config | ||
const mergedClosableConfig = _react.default.useMemo(() => { | ||
// ================ Props First ================ | ||
// Skip if prop is disabled | ||
if (propCloseConfig === false) { | ||
return false; | ||
} | ||
if (propCloseConfig) { | ||
return assignWithoutUndefined(mergedFallbackCloseCollection, contextCloseConfig, propCloseConfig); | ||
} | ||
// =============== Context Second ============== | ||
// Skip if context is disabled | ||
if (contextCloseConfig === false) { | ||
return false; | ||
} | ||
if (contextCloseConfig) { | ||
return assignWithoutUndefined(mergedFallbackCloseCollection, contextCloseConfig); | ||
} | ||
// ============= Fallback Default ============== | ||
return !mergedFallbackCloseCollection.closable ? false : mergedFallbackCloseCollection; | ||
}, [propCloseConfig, contextCloseConfig, mergedFallbackCloseCollection]); | ||
// Calculate the final closeIcon | ||
return _react.default.useMemo(() => { | ||
if (mergedClosableConfig === false) { | ||
return [false, null]; | ||
} | ||
const { | ||
closeIconRender | ||
} = mergedFallbackCloseCollection; | ||
const { | ||
closeIcon | ||
} = mergedClosableConfig; | ||
let mergedCloseIcon = closeIcon; | ||
if (mergedCloseIcon !== null && mergedCloseIcon !== undefined) { | ||
// Wrap the closeIcon if needed | ||
if (closeIconRender) { | ||
mergedCloseIcon = closeIconRender(closeIcon); | ||
} | ||
// Wrap the closeIcon with aria props | ||
const ariaProps = (0, _pickAttrs.default)(mergedClosableConfig, true); | ||
if (Object.keys(ariaProps).length) { | ||
mergedCloseIcon = /*#__PURE__*/_react.default.isValidElement(mergedCloseIcon) ? ( /*#__PURE__*/_react.default.cloneElement(mergedCloseIcon, ariaProps)) : ( /*#__PURE__*/_react.default.createElement("span", Object.assign({}, ariaProps), mergedCloseIcon)); | ||
} | ||
} | ||
return [true, mergedCloseIcon]; | ||
}, [mergedClosableConfig, mergedFallbackCloseCollection]); | ||
} |
@@ -1,2 +0,4 @@ | ||
export declare const groupKeysMap: (keys: string[]) => Map<string, number>; | ||
export declare const groupDisabledKeysMap: <RecordType extends any[]>(dataSource: RecordType) => Map<string, number>; | ||
/// <reference types="react" /> | ||
import type { TransferKey } from '../transfer/interface'; | ||
export declare const groupKeysMap: (keys: TransferKey[]) => Map<import("react").Key, number>; | ||
export declare const groupDisabledKeysMap: <RecordType extends any[]>(dataSource: RecordType) => Map<import("react").Key, number>; |
@@ -17,2 +17,7 @@ import * as React from 'react'; | ||
export interface WarningContextProps { | ||
/** | ||
* @descCN 设置警告等级,设置 `false` 时会将废弃相关信息聚合为单条信息。 | ||
* @descEN Set the warning level. When set to `false`, discard related information will be aggregated into a single message. | ||
* @since 5.10.0 | ||
*/ | ||
strict?: boolean; | ||
@@ -19,0 +24,0 @@ } |
@@ -5,5 +5,5 @@ import React from 'react'; | ||
children?: React.ReactNode; | ||
component?: string; | ||
component?: 'Tag' | 'Button' | 'Checkbox' | 'Radio' | 'Switch'; | ||
} | ||
declare const Wave: React.FC<WaveProps>; | ||
export default Wave; |
import * as React from 'react'; | ||
import { type ShowWave } from './interface'; | ||
export default function useWave(nodeRef: React.RefObject<HTMLElement>, className: string, component?: string): ShowWave; | ||
declare const useWave: (nodeRef: React.RefObject<HTMLElement>, className: string, component?: 'Tag' | 'Button' | 'Checkbox' | 'Radio' | 'Switch') => ShowWave; | ||
export default useWave; |
@@ -8,11 +8,11 @@ "use strict"; | ||
}); | ||
exports.default = useWave; | ||
exports.default = void 0; | ||
var React = _interopRequireWildcard(require("react")); | ||
var _rcUtil = require("rc-util"); | ||
var _raf = _interopRequireDefault(require("rc-util/lib/raf")); | ||
var _WaveEffect = _interopRequireDefault(require("./WaveEffect")); | ||
var _configProvider = require("../../config-provider"); | ||
var _useToken = _interopRequireDefault(require("../../theme/useToken")); | ||
var _interface = require("./interface"); | ||
function useWave(nodeRef, className, component) { | ||
var _WaveEffect = _interopRequireDefault(require("./WaveEffect")); | ||
const useWave = (nodeRef, className, component) => { | ||
const { | ||
@@ -49,2 +49,3 @@ wave | ||
return showDebounceWave; | ||
} | ||
}; | ||
var _default = exports.default = useWave; |
"use strict"; | ||
"use client"; | ||
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default; | ||
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default; | ||
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default; | ||
Object.defineProperty(exports, "__esModule", { | ||
@@ -10,9 +10,9 @@ value: true | ||
exports.default = void 0; | ||
var React = _interopRequireWildcard(require("react")); | ||
var _classnames = _interopRequireDefault(require("classnames")); | ||
var _rcMotion = _interopRequireDefault(require("rc-motion")); | ||
var _raf = _interopRequireDefault(require("rc-util/lib/raf")); | ||
var _render = require("rc-util/lib/React/render"); | ||
var _raf = _interopRequireDefault(require("rc-util/lib/raf")); | ||
var React = _interopRequireWildcard(require("react")); | ||
var _interface = require("./interface"); | ||
var _util = require("./util"); | ||
var _interface = require("./interface"); | ||
function validateNum(value) { | ||
@@ -19,0 +19,0 @@ return Number.isNaN(value) ? 0 : value; |
import * as React from 'react'; | ||
import type { ClosableType } from '../_util/hooks/useClosable'; | ||
export interface AlertProps { | ||
@@ -6,5 +7,3 @@ /** Type of Alert styles, options:`success`, `info`, `warning`, `error` */ | ||
/** Whether Alert can be closed */ | ||
closable?: boolean | ({ | ||
closeIcon?: React.ReactNode; | ||
} & React.AriaAttributes); | ||
closable?: ClosableType; | ||
/** | ||
@@ -11,0 +10,0 @@ * @deprecated please use `closable.closeIcon` instead. |
@@ -182,4 +182,4 @@ "use strict"; | ||
overflow: 'visible', | ||
color: token.colorPrimary, | ||
backgroundColor: token.colorPrimary, | ||
color: token.colorInfo, | ||
backgroundColor: token.colorInfo, | ||
'&::after': { | ||
@@ -186,0 +186,0 @@ position: 'absolute', |
@@ -260,2 +260,5 @@ "use strict"; | ||
[`&${iconOnlyCls}`]: { | ||
display: 'inline-flex', | ||
alignItems: 'center', | ||
justifyContent: 'center', | ||
width: controlHeight, | ||
@@ -262,0 +265,0 @@ paddingInlineStart: 0, |
@@ -6,6 +6,8 @@ import type { ColorGenInput } from '@rc-component/color-picker'; | ||
export interface Color extends Pick<RcColor, 'toHsb' | 'toHsbString' | 'toHex' | 'toHexString' | 'toRgb' | 'toRgbString'> { | ||
cleared: boolean | 'controlled'; | ||
} | ||
export declare class ColorFactory { | ||
export declare class ColorFactory implements Color { | ||
/** Original Color object */ | ||
private metaColor; | ||
cleared: boolean; | ||
constructor(color: ColorGenInput<Color>); | ||
@@ -12,0 +14,0 @@ toHsb(): import("@ctrl/tinycolor").Numberify<import("@rc-component/color-picker").HSBA>; |
@@ -18,5 +18,7 @@ "use strict"; | ||
(0, _classCallCheck2.default)(this, ColorFactory); | ||
this.cleared = false; | ||
this.metaColor = new _colorPicker.Color(color); | ||
if (!color) { | ||
this.metaColor.setAlpha(0); | ||
this.cleared = true; | ||
} | ||
@@ -23,0 +25,0 @@ } |
@@ -1,44 +0,3 @@ | ||
import type { CSSProperties, FC } from 'react'; | ||
import React from 'react'; | ||
import type { ColorPickerProps as RcColorPickerProps } from '@rc-component/color-picker'; | ||
import type { SizeType } from '../config-provider/SizeContext'; | ||
import type { PopoverProps } from '../popover'; | ||
import type { Color } from './color'; | ||
import type { ColorFormat, ColorValueType, PresetsItem, TriggerPlacement, TriggerType } from './interface'; | ||
export type ColorPickerProps = Omit<RcColorPickerProps, 'onChange' | 'value' | 'defaultValue' | 'panelRender' | 'disabledAlpha' | 'onChangeComplete'> & { | ||
value?: ColorValueType; | ||
defaultValue?: ColorValueType; | ||
children?: React.ReactNode; | ||
open?: boolean; | ||
disabled?: boolean; | ||
placement?: TriggerPlacement; | ||
trigger?: TriggerType; | ||
format?: keyof typeof ColorFormat; | ||
defaultFormat?: keyof typeof ColorFormat; | ||
allowClear?: boolean; | ||
presets?: PresetsItem[]; | ||
arrow?: boolean | { | ||
pointAtCenter: boolean; | ||
}; | ||
panelRender?: (panel: React.ReactNode, extra: { | ||
components: { | ||
Picker: FC; | ||
Presets: FC; | ||
}; | ||
}) => React.ReactNode; | ||
showText?: boolean | ((color: Color) => React.ReactNode); | ||
size?: SizeType; | ||
styles?: { | ||
popup?: CSSProperties; | ||
popupOverlayInner?: CSSProperties; | ||
}; | ||
rootClassName?: string; | ||
disabledAlpha?: boolean; | ||
[key: `data-${string}`]: string; | ||
onOpenChange?: (open: boolean) => void; | ||
onFormatChange?: (format: ColorFormat) => void; | ||
onChange?: (value: Color, hex: string) => void; | ||
onClear?: () => void; | ||
onChangeComplete?: (value: Color) => void; | ||
} & Pick<PopoverProps, 'getPopupContainer' | 'autoAdjustOverflow' | 'destroyTooltipOnHide'>; | ||
import type { ColorPickerProps } from './interface'; | ||
type CompoundedComponent = React.FC<ColorPickerProps> & { | ||
@@ -45,0 +4,0 @@ _InternalPanelDoNotUseOrYouWillBeFired: typeof PurePanel; |
@@ -75,3 +75,3 @@ "use strict"; | ||
const mergedDisabled = disabled !== null && disabled !== void 0 ? disabled : contextDisabled; | ||
const [colorValue, setColorValue] = (0, _useColorState.default)('', { | ||
const [colorValue, setColorValue, prevValue] = (0, _useColorState.default)('', { | ||
value, | ||
@@ -90,3 +90,2 @@ defaultValue | ||
}); | ||
const [colorCleared, setColorCleared] = (0, _react.useState)(!value && !defaultValue); | ||
const prefixCls = getPrefixCls('color-picker', customizePrefixCls); | ||
@@ -118,6 +117,7 @@ const isAlphaColor = (0, _react.useMemo)(() => (0, _util.getAlphaColor)(colorValue) < 100, [colorValue]); | ||
const handleChange = (data, type, pickColor) => { | ||
var _a; | ||
let color = (0, _util.generateColor)(data); | ||
// If color is cleared, reset alpha to 100 | ||
const isNull = value === null || !value && defaultValue === null; | ||
if (colorCleared || isNull) { | ||
setColorCleared(false); | ||
if (((_a = prevValue.current) === null || _a === void 0 ? void 0 : _a.cleared) || isNull) { | ||
// ignore alpha slider | ||
@@ -142,3 +142,2 @@ if ((0, _util.getAlphaColor)(colorValue) === 0 && type !== 'alpha') { | ||
const handleClear = () => { | ||
setColorCleared(true); | ||
onClear === null || onClear === void 0 ? void 0 : onClear(); | ||
@@ -169,3 +168,2 @@ }; | ||
allowClear, | ||
colorCleared, | ||
disabled: mergedDisabled, | ||
@@ -202,9 +200,9 @@ disabledAlpha, | ||
style: mergedStyle, | ||
color: value ? (0, _util.generateColor)(value) : colorValue, | ||
prefixCls: prefixCls, | ||
disabled: mergedDisabled, | ||
colorCleared: colorCleared, | ||
showText: showText, | ||
format: formatValue | ||
}, rest))))); | ||
}, rest, { | ||
color: colorValue | ||
}))))); | ||
}; | ||
@@ -211,0 +209,0 @@ if (process.env.NODE_ENV !== 'production') { |
import type { FC } from 'react'; | ||
import type { Color } from '../color'; | ||
import type { ColorPickerBaseProps } from '../interface'; | ||
interface ColorClearProps extends Pick<ColorPickerBaseProps, 'prefixCls' | 'colorCleared'> { | ||
interface ColorClearProps extends Pick<ColorPickerBaseProps, 'prefixCls'> { | ||
value?: Color; | ||
@@ -6,0 +6,0 @@ onChange?: (value: Color) => void; |
@@ -15,10 +15,10 @@ "use strict"; | ||
value, | ||
colorCleared, | ||
onChange | ||
} = _ref; | ||
const handleClick = () => { | ||
if (value && !colorCleared) { | ||
if (value && !value.cleared) { | ||
const hsba = value.toHsb(); | ||
hsba.a = 0; | ||
const genColor = (0, _util.generateColor)(hsba); | ||
genColor.cleared = true; | ||
onChange === null || onChange === void 0 ? void 0 : onChange(genColor); | ||
@@ -25,0 +25,0 @@ } |
import type { CSSProperties, MouseEventHandler } from 'react'; | ||
import React from 'react'; | ||
import type { ColorPickerProps } from '../ColorPicker'; | ||
import type { ColorPickerBaseProps } from '../interface'; | ||
interface colorTriggerProps extends Pick<ColorPickerBaseProps, 'prefixCls' | 'colorCleared' | 'disabled' | 'format'> { | ||
color: Exclude<ColorPickerBaseProps['color'], undefined>; | ||
import type { ColorPickerProps, ColorPickerBaseProps } from '../interface'; | ||
export interface ColorTriggerProps extends Pick<ColorPickerBaseProps, 'prefixCls' | 'disabled' | 'format'> { | ||
color: NonNullable<ColorPickerBaseProps['color']>; | ||
open?: boolean; | ||
@@ -15,3 +14,3 @@ showText?: ColorPickerProps['showText']; | ||
} | ||
declare const ColorTrigger: React.ForwardRefExoticComponent<colorTriggerProps & React.RefAttributes<HTMLDivElement>>; | ||
declare const ColorTrigger: React.ForwardRefExoticComponent<ColorTriggerProps & React.RefAttributes<HTMLDivElement>>; | ||
export default ColorTrigger; |
@@ -28,3 +28,2 @@ "use strict"; | ||
open, | ||
colorCleared, | ||
disabled, | ||
@@ -35,5 +34,5 @@ format, | ||
} = props, | ||
rest = __rest(props, ["color", "prefixCls", "open", "colorCleared", "disabled", "format", "className", "showText"]); | ||
rest = __rest(props, ["color", "prefixCls", "open", "disabled", "format", "className", "showText"]); | ||
const colorTriggerPrefixCls = `${prefixCls}-trigger`; | ||
const containerNode = (0, _react.useMemo)(() => colorCleared ? ( /*#__PURE__*/_react.default.createElement(_ColorClear.default, { | ||
const containerNode = (0, _react.useMemo)(() => color.cleared ? ( /*#__PURE__*/_react.default.createElement(_ColorClear.default, { | ||
prefixCls: prefixCls | ||
@@ -43,3 +42,3 @@ })) : ( /*#__PURE__*/_react.default.createElement(_colorPicker.ColorBlock, { | ||
color: color.toRgbString() | ||
})), [color, colorCleared, prefixCls]); | ||
})), [color, prefixCls]); | ||
const genColorString = () => { | ||
@@ -46,0 +45,0 @@ const hexString = color.toHexString().toUpperCase(); |
@@ -5,3 +5,3 @@ import type { HsbaColorType } from '@rc-component/color-picker'; | ||
import type { ColorPickerBaseProps } from '../interface'; | ||
export interface PanelPickerProps extends Pick<ColorPickerBaseProps, 'prefixCls' | 'colorCleared' | 'allowClear' | 'disabledAlpha' | 'onChangeComplete'> { | ||
export interface PanelPickerProps extends Pick<ColorPickerBaseProps, 'prefixCls' | 'allowClear' | 'disabledAlpha' | 'onChangeComplete'> { | ||
value?: Color; | ||
@@ -8,0 +8,0 @@ onChange?: (value?: Color, type?: HsbaColorType, pickColor?: boolean) => void; |
@@ -15,2 +15,3 @@ "use strict"; | ||
var _ColorInput = _interopRequireDefault(require("./ColorInput")); | ||
var _util = require("../util"); | ||
var __rest = void 0 && (void 0).__rest || function (s, e) { | ||
@@ -28,3 +29,2 @@ var t = {}; | ||
prefixCls, | ||
colorCleared, | ||
allowClear, | ||
@@ -37,7 +37,6 @@ value, | ||
} = _a, | ||
injectProps = __rest(_a, ["prefixCls", "colorCleared", "allowClear", "value", "disabledAlpha", "onChange", "onClear", "onChangeComplete"]); | ||
injectProps = __rest(_a, ["prefixCls", "allowClear", "value", "disabledAlpha", "onChange", "onClear", "onChangeComplete"]); | ||
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, allowClear && ( /*#__PURE__*/_react.default.createElement(_ColorClear.default, Object.assign({ | ||
prefixCls: prefixCls, | ||
value: value, | ||
colorCleared: colorCleared, | ||
onChange: clearColor => { | ||
@@ -51,4 +50,8 @@ onChange === null || onChange === void 0 ? void 0 : onChange(clearColor); | ||
disabledAlpha: disabledAlpha, | ||
onChange: (colorValue, type) => onChange === null || onChange === void 0 ? void 0 : onChange(colorValue, type, true), | ||
onChangeComplete: onChangeComplete | ||
onChange: (colorValue, type) => { | ||
onChange === null || onChange === void 0 ? void 0 : onChange((0, _util.generateColor)(colorValue), type, true); | ||
}, | ||
onChangeComplete: colorValue => { | ||
onChangeComplete === null || onChangeComplete === void 0 ? void 0 : onChangeComplete((0, _util.generateColor)(colorValue)); | ||
} | ||
}), /*#__PURE__*/_react.default.createElement(_ColorInput.default, Object.assign({ | ||
@@ -55,0 +58,0 @@ value: value, |
@@ -0,1 +1,2 @@ | ||
/// <reference types="react" /> | ||
import type { Color } from '../color'; | ||
@@ -6,3 +7,3 @@ import type { ColorValueType } from '../interface'; | ||
value?: ColorValueType; | ||
}) => readonly [Color, React.Dispatch<React.SetStateAction<Color>>]; | ||
}) => readonly [Color, import("react").Dispatch<import("react").SetStateAction<Color>>, import("react").MutableRefObject<Color>]; | ||
export default useColorState; |
@@ -17,3 +17,4 @@ "use strict"; | ||
} = option; | ||
const [colorValue, setColorValue] = (0, _react.useState)(() => { | ||
const prevColor = (0, _react.useRef)((0, _util.generateColor)('')); | ||
const [colorValue, _setColorValue] = (0, _react.useState)(() => { | ||
let mergedState; | ||
@@ -27,11 +28,21 @@ if (hasValue(value)) { | ||
} | ||
return (0, _util.generateColor)(mergedState || ''); | ||
const color = (0, _util.generateColor)(mergedState || ''); | ||
prevColor.current = color; | ||
return color; | ||
}); | ||
const setColorValue = color => { | ||
_setColorValue(color); | ||
prevColor.current = color; | ||
}; | ||
(0, _react.useEffect)(() => { | ||
if (value) { | ||
setColorValue((0, _util.generateColor)(value)); | ||
if (hasValue(value)) { | ||
const newColor = (0, _util.generateColor)(value || ''); | ||
if (prevColor.current.cleared === true) { | ||
newColor.cleared = 'controlled'; | ||
} | ||
setColorValue(newColor); | ||
} | ||
}, [value]); | ||
return [colorValue, setColorValue]; | ||
return [colorValue, setColorValue, prevColor]; | ||
}; | ||
var _default = exports.default = useColorState; |
import ColorPicker from './ColorPicker'; | ||
export type { ColorPickerProps } from './ColorPicker'; | ||
export type { ColorPickerProps } from './interface'; | ||
export type { Color } from './color'; | ||
export default ColorPicker; |
@@ -1,4 +0,6 @@ | ||
import type { ReactNode } from 'react'; | ||
import type { ColorPickerProps } from './ColorPicker'; | ||
import type { CSSProperties, FC, ReactNode } from 'react'; | ||
import type { Color } from './color'; | ||
import type { ColorPickerProps as RcColorPickerProps } from '@rc-component/color-picker'; | ||
import type { SizeType } from '../config-provider/SizeContext'; | ||
import type { PopoverProps } from '../popover'; | ||
export declare enum ColorFormat { | ||
@@ -26,3 +28,2 @@ hex = "hex", | ||
allowClear?: boolean; | ||
colorCleared?: boolean; | ||
disabled?: boolean; | ||
@@ -36,1 +37,37 @@ disabledAlpha?: boolean; | ||
export type ColorValueType = Color | string | null; | ||
export type ColorPickerProps = Omit<RcColorPickerProps, 'onChange' | 'value' | 'defaultValue' | 'panelRender' | 'disabledAlpha' | 'onChangeComplete'> & { | ||
value?: ColorValueType; | ||
defaultValue?: ColorValueType; | ||
children?: React.ReactNode; | ||
open?: boolean; | ||
disabled?: boolean; | ||
placement?: TriggerPlacement; | ||
trigger?: TriggerType; | ||
format?: keyof typeof ColorFormat; | ||
defaultFormat?: keyof typeof ColorFormat; | ||
allowClear?: boolean; | ||
presets?: PresetsItem[]; | ||
arrow?: boolean | { | ||
pointAtCenter: boolean; | ||
}; | ||
panelRender?: (panel: React.ReactNode, extra: { | ||
components: { | ||
Picker: FC; | ||
Presets: FC; | ||
}; | ||
}) => React.ReactNode; | ||
showText?: boolean | ((color: Color) => React.ReactNode); | ||
size?: SizeType; | ||
styles?: { | ||
popup?: CSSProperties; | ||
popupOverlayInner?: CSSProperties; | ||
}; | ||
rootClassName?: string; | ||
disabledAlpha?: boolean; | ||
[key: `data-${string}`]: string; | ||
onOpenChange?: (open: boolean) => void; | ||
onFormatChange?: (format: ColorFormat) => void; | ||
onChange?: (value: Color, hex: string) => void; | ||
onClear?: () => void; | ||
onChangeComplete?: (value: Color) => void; | ||
} & Pick<PopoverProps, 'getPopupContainer' | 'autoAdjustOverflow' | 'destroyTooltipOnHide'>; |
@@ -11,2 +11,3 @@ import * as React from 'react'; | ||
import type { FlexProps } from '../flex/interface'; | ||
import type { FloatButtonGroupProps } from '../float-button/interface'; | ||
import type { FormProps } from '../form/Form'; | ||
@@ -47,22 +48,47 @@ import type { InputProps, TextAreaProps } from '../input'; | ||
export interface ThemeConfig { | ||
/** | ||
* @descCN 用于修改 Design Token。 | ||
* @descEN Modify Design Token. | ||
*/ | ||
token?: Partial<AliasToken>; | ||
/** | ||
* @descCN 用于修改各个组件的 Component Token 以及覆盖该组件消费的 Alias Token。 | ||
* @descEN Modify Component Token and Alias Token applied to components. | ||
*/ | ||
components?: ComponentsConfig; | ||
/** | ||
* @descCN 用于修改 Seed Token 到 Map Token 的算法。 | ||
* @descEN Modify the algorithms of theme. | ||
* @default defaultAlgorithm | ||
*/ | ||
algorithm?: MappingAlgorithm | MappingAlgorithm[]; | ||
/** | ||
* @descCN 是否继承外层 `ConfigProvider` 中配置的主题。 | ||
* @descEN Whether to inherit the theme configured in the outer layer `ConfigProvider`. | ||
* @default true | ||
*/ | ||
inherit?: boolean; | ||
/** | ||
* @descCN 是否开启 `hashed` 属性。如果你的应用中只存在一个版本的 antd,你可以设置为 `false` 来进一步减小样式体积。默认值为 `ture`。 | ||
* @descEN Whether to enable the `hashed` attribute. If there is only one version of antd in your application, you can set `false` to reduce the bundle size. defaults to `true`. | ||
* @descCN 是否开启 `hashed` 属性。如果你的应用中只存在一个版本的 antd,你可以设置为 `false` 来进一步减小样式体积。 | ||
* @descEN Whether to enable the `hashed` attribute. If there is only one version of antd in your application, you can set `false` to reduce the bundle size. | ||
* @default true | ||
* @since 5.12.0 | ||
*/ | ||
hashed?: boolean; | ||
/** | ||
* @descCN 通过 `cssVar` 配置来开启 CSS 变量模式,这个配置会被继承。默认值为 `false`。 | ||
* @descEN Enable CSS variable mode through `cssVar` configuration, This configuration will be inherited. defaults to `false`. | ||
* @descCN 通过 `cssVar` 配置来开启 CSS 变量模式,这个配置会被继承。 | ||
* @descEN Enable CSS variable mode through `cssVar` configuration, This configuration will be inherited. | ||
* @default false | ||
* @since 5.12.0 | ||
*/ | ||
cssVar?: { | ||
/** | ||
* Prefix for css variable, default to `ant`. | ||
* @descCN css 变量的前缀 | ||
* @descEN Prefix for css variable. | ||
* @default ant | ||
*/ | ||
prefix?: string; | ||
/** | ||
* Unique key for theme, should be set manually < react@18. | ||
* @descCN 主题的唯一 key,版本低于 react@18 时需要手动设置。 | ||
* @descEN Unique key for theme, should be set manually < react@18. | ||
*/ | ||
@@ -87,3 +113,3 @@ key?: string; | ||
export type TourConfig = Pick<TourProps, 'closeIcon'>; | ||
export type ModalConfig = ComponentStyleConfig & Pick<ModalProps, 'classNames' | 'styles' | 'closeIcon'>; | ||
export type ModalConfig = ComponentStyleConfig & Pick<ModalProps, 'classNames' | 'styles' | 'closeIcon' | 'closable'>; | ||
export type TabsConfig = ComponentStyleConfig & Pick<TabsProps, 'indicator' | 'indicatorSize' | 'moreIcon' | 'addIcon' | 'removeIcon'>; | ||
@@ -96,3 +122,3 @@ export type AlertConfig = ComponentStyleConfig & Pick<AlertProps, 'closable' | 'closeIcon'>; | ||
export type NotificationConfig = ComponentStyleConfig & Pick<ArgsProps, 'closeIcon'>; | ||
export type TagConfig = ComponentStyleConfig & Pick<TagProps, 'closeIcon'>; | ||
export type TagConfig = ComponentStyleConfig & Pick<TagProps, 'closeIcon' | 'closable'>; | ||
export type CardConfig = ComponentStyleConfig & Pick<CardProps, 'classNames' | 'styles'>; | ||
@@ -103,2 +129,3 @@ export type DrawerConfig = ComponentStyleConfig & Pick<DrawerProps, 'classNames' | 'styles' | 'closeIcon' | 'closable'>; | ||
export type FormConfig = ComponentStyleConfig & Pick<FormProps, 'requiredMark' | 'colon' | 'scrollToFirstError' | 'validateMessages'>; | ||
export type FloatButtonGroupConfig = Pick<FloatButtonGroupProps, 'closeIcon'>; | ||
export type PaginationConfig = ComponentStyleConfig & Pick<PaginationProps, 'showSizeChanger'>; | ||
@@ -109,3 +136,12 @@ export type SelectConfig = ComponentStyleConfig & Pick<SelectProps, 'showSearch'>; | ||
export interface WaveConfig { | ||
/** | ||
* @descCN 是否开启水波纹效果。如果需要关闭,可以设置为 `false`。 | ||
* @descEN Whether to use wave effect. If it needs to close, set to `false`. | ||
* @default true | ||
*/ | ||
disabled?: boolean; | ||
/** | ||
* @descCN 自定义水波纹效果。 | ||
* @descEN Customized wave effect. | ||
*/ | ||
showEffect?: ShowWaveEffect; | ||
@@ -120,2 +156,6 @@ } | ||
renderEmpty?: RenderEmptyHandler; | ||
/** | ||
* @descCN 设置 [Content Security Policy](https://developer.mozilla.org/zh-CN/docs/Web/HTTP/CSP) 配置。 | ||
* @descEN Set the [Content Security Policy](https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP) config. | ||
*/ | ||
csp?: CSPConfig; | ||
@@ -144,2 +184,3 @@ autoInsertSpaceInButton?: boolean; | ||
collapse?: CollapseConfig; | ||
floatButtonGroup?: FloatButtonGroupConfig; | ||
typography?: ComponentStyleConfig; | ||
@@ -146,0 +187,0 @@ skeleton?: ComponentStyleConfig; |
import * as React from 'react'; | ||
import type { WarningContextProps } from '../_util/warning'; | ||
import type { Locale } from '../locale'; | ||
import type { AlertConfig, BadgeConfig, ButtonConfig, CardConfig, CollapseConfig, ComponentStyleConfig, ConfigConsumerProps, CSPConfig, DirectionType, DrawerConfig, FlexConfig, FormConfig, ImageConfig, InputConfig, MenuConfig, ModalConfig, NotificationConfig, PaginationConfig, PopupOverflow, SelectConfig, SpaceConfig, TableConfig, TabsConfig, TagConfig, TextAreaConfig, Theme, ThemeConfig, TourConfig, TransferConfig, WaveConfig } from './context'; | ||
import type { AlertConfig, BadgeConfig, ButtonConfig, CardConfig, CollapseConfig, ComponentStyleConfig, ConfigConsumerProps, CSPConfig, DirectionType, DrawerConfig, FlexConfig, FloatButtonGroupConfig, FormConfig, ImageConfig, InputConfig, MenuConfig, ModalConfig, NotificationConfig, PaginationConfig, PopupOverflow, SelectConfig, SpaceConfig, TableConfig, TabsConfig, TagConfig, TextAreaConfig, Theme, ThemeConfig, TourConfig, TransferConfig, WaveConfig } from './context'; | ||
import { ConfigConsumer, ConfigContext, defaultIconPrefixCls } from './context'; | ||
@@ -27,7 +27,21 @@ import type { RenderEmptyHandler } from './defaultRenderEmpty'; | ||
pagination?: PaginationConfig; | ||
/** | ||
* @descCN 语言包配置,语言包可到 `antd/locale` 目录下寻找。 | ||
* @descEN Language package setting, you can find the packages in `antd/locale`. | ||
*/ | ||
locale?: Locale; | ||
componentSize?: SizeType; | ||
componentDisabled?: boolean; | ||
/** | ||
* @descCN 设置布局展示方向。 | ||
* @descEN Set direction of layout. | ||
* @default ltr | ||
*/ | ||
direction?: DirectionType; | ||
space?: SpaceConfig; | ||
/** | ||
* @descCN 设置 `false` 时关闭虚拟滚动。 | ||
* @descEN Close the virtual scrolling when setting `false`. | ||
* @default true | ||
*/ | ||
virtual?: boolean; | ||
@@ -65,2 +79,3 @@ /** @deprecated Please use `popupMatchSelectWidth` instead */ | ||
menu?: MenuConfig; | ||
floatButtonGroup?: FloatButtonGroupConfig; | ||
checkbox?: ComponentStyleConfig; | ||
@@ -67,0 +82,0 @@ descriptions?: ComponentStyleConfig; |
@@ -201,3 +201,4 @@ "use strict"; | ||
warning: warningConfig, | ||
tour | ||
tour, | ||
floatButtonGroup | ||
} = props; | ||
@@ -289,3 +290,4 @@ // =================================== Context =================================== | ||
warning: warningConfig, | ||
tour | ||
tour, | ||
floatButtonGroup | ||
}; | ||
@@ -292,0 +294,0 @@ const config = Object.assign({}, parentContext); |
@@ -5,4 +5,4 @@ /// <reference types="react" /> | ||
export default function useComponents(components?: Components): { | ||
date?: import("react").ComponentType<import("rc-picker/lib/interface").SharedPanelProps<any>> | undefined; | ||
time?: import("react").ComponentType<import("rc-picker/lib/interface").SharedPanelProps<any>> | undefined; | ||
date?: import("react").ComponentType<import("rc-picker/lib/interface").SharedPanelProps<any>> | undefined; | ||
week?: import("react").ComponentType<import("rc-picker/lib/interface").SharedPanelProps<any>> | undefined; | ||
@@ -9,0 +9,0 @@ month?: import("react").ComponentType<import("rc-picker/lib/interface").SharedPanelProps<any>> | undefined; |
import * as React from 'react'; | ||
import type { DrawerProps as RCDrawerProps } from 'rc-drawer'; | ||
import { type ClosableType } from '../_util/hooks/useClosable'; | ||
export interface DrawerClassNames extends NonNullable<RCDrawerProps['classNames']> { | ||
@@ -25,5 +26,3 @@ header?: string; | ||
*/ | ||
closable?: boolean | ({ | ||
closeIcon?: React.ReactNode; | ||
} & React.AriaAttributes); | ||
closable?: ClosableType; | ||
closeIcon?: React.ReactNode; | ||
@@ -30,0 +29,0 @@ onClose?: RCDrawerProps['onClose']; |
@@ -12,3 +12,3 @@ "use strict"; | ||
var _classnames = _interopRequireDefault(require("classnames")); | ||
var _useClosable = _interopRequireDefault(require("../_util/hooks/useClosable")); | ||
var _useClosable = _interopRequireWildcard(require("../_util/hooks/useClosable")); | ||
var _configProvider = require("../config-provider"); | ||
@@ -22,4 +22,2 @@ const DrawerPanel = props => { | ||
extra, | ||
closeIcon, | ||
closable, | ||
onClose, | ||
@@ -42,13 +40,5 @@ headerStyle, | ||
}, icon)), [onClose]); | ||
const mergedContextCloseIcon = React.useMemo(() => { | ||
if (typeof (drawerContext === null || drawerContext === void 0 ? void 0 : drawerContext.closable) === 'object' && drawerContext.closable.closeIcon) { | ||
return drawerContext.closable.closeIcon; | ||
} | ||
return drawerContext === null || drawerContext === void 0 ? void 0 : drawerContext.closeIcon; | ||
}, [drawerContext === null || drawerContext === void 0 ? void 0 : drawerContext.closable, drawerContext === null || drawerContext === void 0 ? void 0 : drawerContext.closeIcon]); | ||
const [mergedClosable, mergedCloseIcon] = (0, _useClosable.default)({ | ||
closable: closable !== null && closable !== void 0 ? closable : drawerContext === null || drawerContext === void 0 ? void 0 : drawerContext.closable, | ||
closeIcon: typeof closeIcon !== 'undefined' ? closeIcon : mergedContextCloseIcon, | ||
customCloseIconRender, | ||
defaultClosable: true | ||
const [mergedClosable, mergedCloseIcon] = (0, _useClosable.default)((0, _useClosable.pickClosable)(props), (0, _useClosable.pickClosable)(drawerContext), { | ||
closable: true, | ||
closeIconRender: customCloseIconRender | ||
}); | ||
@@ -55,0 +45,0 @@ const headerNode = React.useMemo(() => { |
@@ -18,6 +18,6 @@ "use strict"; | ||
var _configProvider = require("../config-provider"); | ||
var _useCSSVarCls = _interopRequireDefault(require("../config-provider/hooks/useCSSVarCls")); | ||
var _context = require("./context"); | ||
var _FloatButton = _interopRequireWildcard(require("./FloatButton")); | ||
var _style = _interopRequireDefault(require("./style")); | ||
var _useCSSVarCls = _interopRequireDefault(require("../config-provider/hooks/useCSSVarCls")); | ||
var __rest = void 0 && (void 0).__rest || function (s, e) { | ||
@@ -32,2 +32,3 @@ var t = {}; | ||
const FloatButtonGroup = props => { | ||
var _a; | ||
const { | ||
@@ -40,3 +41,3 @@ prefixCls: customizePrefixCls, | ||
icon = /*#__PURE__*/_react.default.createElement(_FileTextOutlined.default, null), | ||
closeIcon = /*#__PURE__*/_react.default.createElement(_CloseOutlined.default, null), | ||
closeIcon, | ||
description, | ||
@@ -51,4 +52,6 @@ trigger, | ||
direction, | ||
getPrefixCls | ||
getPrefixCls, | ||
floatButtonGroup | ||
} = (0, _react.useContext)(_configProvider.ConfigContext); | ||
const mergedCloseIcon = (_a = closeIcon !== null && closeIcon !== void 0 ? closeIcon : floatButtonGroup === null || floatButtonGroup === void 0 ? void 0 : floatButtonGroup.closeIcon) !== null && _a !== void 0 ? _a : /*#__PURE__*/_react.default.createElement(_CloseOutlined.default, null); | ||
const prefixCls = getPrefixCls(_FloatButton.floatButtonPrefixCls, customizePrefixCls); | ||
@@ -132,3 +135,3 @@ const rootCls = (0, _useCSSVarCls.default)(prefixCls); | ||
shape: shape, | ||
icon: open ? closeIcon : icon, | ||
icon: open ? mergedCloseIcon : icon, | ||
description: description, | ||
@@ -135,0 +138,0 @@ "aria-label": props['aria-label'] |
import type * as React from 'react'; | ||
import Group from './Group'; | ||
import type { InputProps, InputRef } from './Input'; | ||
import OTP from './OTP'; | ||
import Password from './Password'; | ||
@@ -17,4 +18,5 @@ import Search from './Search'; | ||
Password: typeof Password; | ||
OTP: typeof OTP; | ||
}; | ||
declare const Input: CompoundedComponent; | ||
export default Input; |
@@ -11,2 +11,3 @@ "use strict"; | ||
var _Input = _interopRequireDefault(require("./Input")); | ||
var _OTP = _interopRequireDefault(require("./OTP")); | ||
var _Password = _interopRequireDefault(require("./Password")); | ||
@@ -16,5 +17,2 @@ var _Search = _interopRequireDefault(require("./Search")); | ||
const Input = _Input.default; | ||
if (process.env.NODE_ENV !== 'production') { | ||
Input.displayName = 'Input'; | ||
} | ||
Input.Group = _Group.default; | ||
@@ -24,2 +22,3 @@ Input.Search = _Search.default; | ||
Input.Password = _Password.default; | ||
Input.OTP = _OTP.default; | ||
var _default = exports.default = Input; |
@@ -199,2 +199,5 @@ "use strict"; | ||
}); | ||
if (process.env.NODE_ENV !== 'production') { | ||
Input.displayName = 'Input'; | ||
} | ||
var _default = exports.default = Input; |
@@ -86,3 +86,4 @@ "use strict"; | ||
copied: 'Copied', | ||
expand: 'Expand' | ||
expand: 'Expand', | ||
collapse: 'Collapse' | ||
}, | ||
@@ -89,0 +90,0 @@ Form: { |
@@ -35,2 +35,3 @@ import * as React from 'react'; | ||
expand?: any; | ||
collapse?: any; | ||
}; | ||
@@ -37,0 +38,0 @@ Form?: { |
@@ -12,2 +12,3 @@ "use strict"; | ||
var _is_IS4 = _interopRequireDefault(require("../time-picker/locale/is_IS")); | ||
const typeTemplate = '${label} er ekki gilt ${type}'; | ||
const localeValues = { | ||
@@ -50,4 +51,54 @@ locale: 'is', | ||
description: 'Engin gögn' | ||
}, | ||
Form: { | ||
optional: '(Valfrjálst)', | ||
defaultValidateMessages: { | ||
default: 'Villa við staðfestingu reits ${label}', | ||
required: 'gjörðu svo vel að koma inn ${label}', | ||
enum: '${label} verður að vera einn af [${enum}]', | ||
whitespace: '${label} getur ekki verið tómur stafur', | ||
date: { | ||
format: '${label} dagsetningarsnið er ógilt', | ||
parse: 'Ekki er hægt að breyta ${label} í dag', | ||
invalid: '${label} er ógild dagsetning' | ||
}, | ||
types: { | ||
string: typeTemplate, | ||
method: typeTemplate, | ||
array: typeTemplate, | ||
object: typeTemplate, | ||
number: typeTemplate, | ||
date: typeTemplate, | ||
boolean: typeTemplate, | ||
integer: typeTemplate, | ||
float: typeTemplate, | ||
regexp: typeTemplate, | ||
email: typeTemplate, | ||
url: typeTemplate, | ||
hex: typeTemplate | ||
}, | ||
string: { | ||
len: '${label} verður að vera ${len} stafir', | ||
min: '${label} er að minnsta kosti ${min} stafir að lengd', | ||
max: '${label} getur verið allt að ${max} stafir', | ||
range: '${label} verður að vera á milli ${min}-${max} stafir' | ||
}, | ||
number: { | ||
len: '${label} verður að vera jafngildi ${len}', | ||
min: 'Lágmarksgildi ${label} er ${mín}', | ||
max: 'Hámarksgildi ${label} er ${max}', | ||
range: '${label} verður að vera á milli ${min}-${max}' | ||
}, | ||
array: { | ||
len: 'Verður að vera ${len}${label}', | ||
min: 'Að minnsta kosti ${min}${label}', | ||
max: 'Í mesta lagi ${max}${label}', | ||
range: 'Magn ${label} verður að vera á milli ${min}-${max}' | ||
}, | ||
pattern: { | ||
mismatch: '${label} passar ekki við mynstur ${pattern}' | ||
} | ||
} | ||
} | ||
}; | ||
var _default = exports.default = localeValues; |
@@ -86,3 +86,4 @@ "use strict"; | ||
copied: '复制成功', | ||
expand: '展开' | ||
expand: '展开', | ||
collapse: '收起' | ||
}, | ||
@@ -89,0 +90,0 @@ Form: { |
@@ -5,2 +5,3 @@ import type { FC } from 'react'; | ||
import type { DirectionType } from '../config-provider'; | ||
import type { ClosableType } from '../_util/hooks/useClosable'; | ||
export type ModalFooterRender = (originNode: React.ReactNode, extra: { | ||
@@ -21,5 +22,3 @@ OkBtn: FC; | ||
/** Whether a close (x) button is visible on top right of the modal dialog or not. Recommend to use closeIcon instead. */ | ||
closable?: boolean | ({ | ||
closeIcon?: React.ReactNode; | ||
} & React.AriaAttributes); | ||
closable?: ClosableType; | ||
/** Specify a function that will be called when a user clicks the OK button */ | ||
@@ -85,5 +84,3 @@ onOk?: (e: React.MouseEvent<HTMLButtonElement>) => void; | ||
title?: React.ReactNode; | ||
closable?: boolean | ({ | ||
closeIcon?: React.ReactNode; | ||
} & React.AriaAttributes); | ||
closable?: ClosableType; | ||
content?: React.ReactNode; | ||
@@ -90,0 +87,0 @@ onOk?: (...args: any[]) => any; |
@@ -14,3 +14,3 @@ "use strict"; | ||
var _rcDialog = _interopRequireDefault(require("rc-dialog")); | ||
var _useClosable = _interopRequireDefault(require("../_util/hooks/useClosable")); | ||
var _useClosable = _interopRequireWildcard(require("../_util/hooks/useClosable")); | ||
var _useZIndex = require("../_util/hooks/useZIndex"); | ||
@@ -60,3 +60,3 @@ var _motion = require("../_util/motion"); | ||
direction, | ||
modal | ||
modal: modalContext | ||
} = React.useContext(_configProvider.ConfigContext); | ||
@@ -90,4 +90,2 @@ const handleCancel = e => { | ||
getContainer, | ||
closeIcon, | ||
closable, | ||
focusTriggerAfterClose = true, | ||
@@ -102,3 +100,3 @@ style, | ||
} = props, | ||
restProps = __rest(props, ["prefixCls", "className", "rootClassName", "open", "wrapClassName", "centered", "getContainer", "closeIcon", "closable", "focusTriggerAfterClose", "style", "visible", "width", "footer", "classNames", "styles"]); | ||
restProps = __rest(props, ["prefixCls", "className", "rootClassName", "open", "wrapClassName", "centered", "getContainer", "focusTriggerAfterClose", "style", "visible", "width", "footer", "classNames", "styles"]); | ||
const prefixCls = getPrefixCls('modal', customizePrefixCls); | ||
@@ -117,10 +115,8 @@ const rootPrefixCls = getPrefixCls(); | ||
}))); | ||
const [mergedClosable, mergedCloseIcon] = (0, _useClosable.default)({ | ||
closable, | ||
closeIcon: typeof closeIcon !== 'undefined' ? closeIcon : modal === null || modal === void 0 ? void 0 : modal.closeIcon, | ||
customCloseIconRender: icon => (0, _shared.renderCloseIcon)(prefixCls, icon), | ||
defaultCloseIcon: /*#__PURE__*/React.createElement(_CloseOutlined.default, { | ||
const [mergedClosable, mergedCloseIcon] = (0, _useClosable.default)((0, _useClosable.pickClosable)(props), (0, _useClosable.pickClosable)(modalContext), { | ||
closable: true, | ||
closeIcon: /*#__PURE__*/React.createElement(_CloseOutlined.default, { | ||
className: `${prefixCls}-close-icon` | ||
}), | ||
defaultClosable: true | ||
closeIconRender: icon => (0, _shared.renderCloseIcon)(prefixCls, icon) | ||
}); | ||
@@ -154,8 +150,8 @@ // ============================ Refs ============================ | ||
maskTransitionName: (0, _motion.getTransitionName)(rootPrefixCls, 'fade', props.maskTransitionName), | ||
className: (0, _classnames.default)(hashId, className, modal === null || modal === void 0 ? void 0 : modal.className), | ||
style: Object.assign(Object.assign({}, modal === null || modal === void 0 ? void 0 : modal.style), style), | ||
classNames: Object.assign(Object.assign(Object.assign({}, modal === null || modal === void 0 ? void 0 : modal.classNames), modalClassNames), { | ||
className: (0, _classnames.default)(hashId, className, modalContext === null || modalContext === void 0 ? void 0 : modalContext.className), | ||
style: Object.assign(Object.assign({}, modalContext === null || modalContext === void 0 ? void 0 : modalContext.style), style), | ||
classNames: Object.assign(Object.assign(Object.assign({}, modalContext === null || modalContext === void 0 ? void 0 : modalContext.classNames), modalClassNames), { | ||
wrapper: (0, _classnames.default)(wrapClassNameExtended, modalClassNames === null || modalClassNames === void 0 ? void 0 : modalClassNames.wrapper) | ||
}), | ||
styles: Object.assign(Object.assign({}, modal === null || modal === void 0 ? void 0 : modal.styles), modalStyles), | ||
styles: Object.assign(Object.assign({}, modalContext === null || modalContext === void 0 ? void 0 : modalContext.styles), modalStyles), | ||
panelRef: panelRef | ||
@@ -162,0 +158,0 @@ })))))); |
@@ -58,3 +58,6 @@ "use strict"; | ||
flex: 'auto', | ||
rowGap: token.marginXS, | ||
rowGap: token.marginXS | ||
}, | ||
// https://github.com/ant-design/ant-design/issues/48159 | ||
[`${token.iconCls} + ${confirmComponentCls}-paragraph`]: { | ||
maxWidth: `calc(100% - ${(0, _cssinjs.unit)(token.calc(token.modalConfirmIconSize).add(token.marginSM).equal())})` | ||
@@ -61,0 +64,0 @@ }, |
import type * as React from 'react'; | ||
import type { ClosableType } from '../_util/hooks/useClosable'; | ||
interface DivProps extends React.HTMLProps<HTMLDivElement> { | ||
@@ -22,2 +23,3 @@ 'data-testid'?: string; | ||
closeIcon?: React.ReactNode; | ||
closable?: ClosableType; | ||
props?: DivProps; | ||
@@ -43,2 +45,3 @@ role?: 'alert' | 'status'; | ||
closeIcon?: React.ReactNode; | ||
closable?: ClosableType; | ||
rtl?: boolean; | ||
@@ -45,0 +48,0 @@ maxCount?: number; |
@@ -139,5 +139,6 @@ "use strict"; | ||
role = 'alert', | ||
closeIcon | ||
closeIcon, | ||
closable | ||
} = config, | ||
restConfig = __rest(config, ["message", "description", "icon", "type", "btn", "className", "style", "role", "closeIcon"]); | ||
restConfig = __rest(config, ["message", "description", "icon", "type", "btn", "className", "style", "role", "closeIcon", "closable"]); | ||
const realCloseIcon = (0, _PurePanel.getCloseIcon)(noticePrefixCls, typeof closeIcon !== 'undefined' ? closeIcon : notification === null || notification === void 0 ? void 0 : notification.closeIcon); | ||
@@ -160,3 +161,3 @@ return originOpen(Object.assign(Object.assign({ | ||
closeIcon: realCloseIcon, | ||
closable: !!realCloseIcon | ||
closable: closable !== null && closable !== void 0 ? closable : !!realCloseIcon | ||
})); | ||
@@ -163,0 +164,0 @@ }; |
@@ -14,5 +14,3 @@ "use strict"; | ||
var _useMergedState = _interopRequireDefault(require("rc-util/lib/hooks/useMergedState")); | ||
var _KeyCode = _interopRequireDefault(require("rc-util/lib/KeyCode")); | ||
var _omit = _interopRequireDefault(require("rc-util/lib/omit")); | ||
var _reactNode = require("../_util/reactNode"); | ||
var _configProvider = require("../config-provider"); | ||
@@ -68,8 +66,3 @@ var _popover = _interopRequireDefault(require("../popover")); | ||
}; | ||
const onKeyDown = e => { | ||
if (e.keyCode === _KeyCode.default.ESC && open) { | ||
settingOpen(false, e); | ||
} | ||
}; | ||
const onInternalOpenChange = value => { | ||
const onInternalOpenChange = (value, e) => { | ||
const { | ||
@@ -81,3 +74,3 @@ disabled = false | ||
} | ||
settingOpen(value); | ||
settingOpen(value, e); | ||
}; | ||
@@ -104,11 +97,3 @@ const prefixCls = getPrefixCls('popconfirm', customizePrefixCls); | ||
"data-popover-inject": true | ||
}), (0, _reactNode.cloneElement)(children, { | ||
onKeyDown: e => { | ||
var _a, _b; | ||
if ( /*#__PURE__*/React.isValidElement(children)) { | ||
(_b = children === null || children === void 0 ? void 0 : (_a = children.props).onKeyDown) === null || _b === void 0 ? void 0 : _b.call(_a, e); | ||
} | ||
onKeyDown(e); | ||
} | ||
}))); | ||
}), children)); | ||
}); | ||
@@ -115,0 +100,0 @@ // We don't care debug panel |
@@ -8,2 +8,3 @@ import * as React from 'react'; | ||
content?: React.ReactNode | RenderFunction; | ||
onOpenChange?: (open: boolean, e?: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLDivElement>) => void; | ||
} | ||
@@ -10,0 +11,0 @@ declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<unknown>> & { |
@@ -18,2 +18,5 @@ "use strict"; | ||
var _style = _interopRequireDefault(require("./style")); | ||
var _KeyCode = _interopRequireDefault(require("rc-util/lib/KeyCode")); | ||
var _reactNode = require("../_util/reactNode"); | ||
var _useMergedState = _interopRequireDefault(require("rc-util/lib/hooks/useMergedState")); | ||
var __rest = void 0 && (void 0).__rest || function (s, e) { | ||
@@ -43,2 +46,3 @@ var t = {}; | ||
const Popover = /*#__PURE__*/React.forwardRef((props, ref) => { | ||
var _a; | ||
const { | ||
@@ -51,7 +55,9 @@ prefixCls: customizePrefixCls, | ||
trigger = 'hover', | ||
children, | ||
mouseEnterDelay = 0.1, | ||
mouseLeaveDelay = 0.1, | ||
onOpenChange, | ||
overlayStyle = {} | ||
} = props, | ||
otherProps = __rest(props, ["prefixCls", "title", "content", "overlayClassName", "placement", "trigger", "mouseEnterDelay", "mouseLeaveDelay", "overlayStyle"]); | ||
otherProps = __rest(props, ["prefixCls", "title", "content", "overlayClassName", "placement", "trigger", "children", "mouseEnterDelay", "mouseLeaveDelay", "onOpenChange", "overlayStyle"]); | ||
const { | ||
@@ -64,2 +70,17 @@ getPrefixCls | ||
const overlayCls = (0, _classnames.default)(overlayClassName, hashId, cssVarCls); | ||
const [open, setOpen] = (0, _useMergedState.default)(false, { | ||
value: (_a = props.open) !== null && _a !== void 0 ? _a : props.visible | ||
}); | ||
const settingOpen = (value, e) => { | ||
setOpen(value, true); | ||
onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(value, e); | ||
}; | ||
const onKeyDown = e => { | ||
if (e.keyCode === _KeyCode.default.ESC) { | ||
settingOpen(false, e); | ||
} | ||
}; | ||
const onInternalOpenChange = value => { | ||
settingOpen(value); | ||
}; | ||
return wrapCSSVar( /*#__PURE__*/React.createElement(_tooltip.default, Object.assign({ | ||
@@ -75,2 +96,4 @@ placement: placement, | ||
ref: ref, | ||
open: open, | ||
onOpenChange: onInternalOpenChange, | ||
overlay: title || content ? /*#__PURE__*/React.createElement(Overlay, { | ||
@@ -83,2 +106,10 @@ prefixCls: prefixCls, | ||
"data-popover-inject": true | ||
}), (0, _reactNode.cloneElement)(children, { | ||
onKeyDown: e => { | ||
var _a, _b; | ||
if ( /*#__PURE__*/React.isValidElement(children)) { | ||
(_b = children === null || children === void 0 ? void 0 : (_a = children.props).onKeyDown) === null || _b === void 0 ? void 0 : _b.call(_a, e); | ||
} | ||
onKeyDown(e); | ||
} | ||
}))); | ||
@@ -85,0 +116,0 @@ }); |
@@ -28,3 +28,4 @@ "use strict"; | ||
success, | ||
size = originWidth | ||
size = originWidth, | ||
steps | ||
} = props; | ||
@@ -53,2 +54,3 @@ const [width, height] = (0, _utils.getSize)(size, 'circle'); | ||
}, [gapDegree, type]); | ||
const percentArray = (0, _utils.getPercentage)(props); | ||
const gapPos = gapPosition || type === 'dashboard' && 'bottom' || undefined; | ||
@@ -65,6 +67,7 @@ // using className to style stroke color | ||
const circleContent = /*#__PURE__*/React.createElement(_rcProgress.Circle, { | ||
percent: (0, _utils.getPercentage)(props), | ||
steps: steps, | ||
percent: steps ? percentArray[1] : percentArray, | ||
strokeWidth: strokeWidth, | ||
trailWidth: strokeWidth, | ||
strokeColor: strokeColor, | ||
strokeColor: steps ? strokeColor[1] : strokeColor, | ||
strokeLinecap: strokeLinecap, | ||
@@ -71,0 +74,0 @@ trailColor: trailColor, |
@@ -41,3 +41,6 @@ import * as React from 'react'; | ||
size?: number | [number | string, number] | ProgressSize; | ||
steps?: number; | ||
steps?: number | { | ||
count: number; | ||
gap: number; | ||
}; | ||
/** @deprecated Use `success` instead */ | ||
@@ -44,0 +47,0 @@ successPercent?: number; |
@@ -107,3 +107,3 @@ "use strict"; | ||
prefixCls: prefixCls, | ||
steps: steps | ||
steps: typeof steps === 'object' ? steps.count : steps | ||
}), progressInfo)) : ( /*#__PURE__*/React.createElement(_Line.default, Object.assign({}, props, { | ||
@@ -121,4 +121,7 @@ strokeColor: strokeColorNotArray, | ||
} | ||
const classString = (0, _classnames.default)(prefixCls, `${prefixCls}-status-${progressStatus}`, `${prefixCls}-${type === 'dashboard' && 'circle' || steps && 'steps' || type}`, { | ||
const classString = (0, _classnames.default)(prefixCls, `${prefixCls}-status-${progressStatus}`, { | ||
[`${prefixCls}-${type === 'dashboard' && 'circle' || type}`]: type !== 'line', | ||
[`${prefixCls}-inline-circle`]: type === 'circle' && (0, _utils.getSize)(size, 'circle')[0] <= 20, | ||
[`${prefixCls}-line`]: !steps && type === 'line', | ||
[`${prefixCls}-steps`]: steps, | ||
[`${prefixCls}-show-info`]: showInfo, | ||
@@ -125,0 +128,0 @@ [`${prefixCls}-${size}`]: typeof size === 'string', |
@@ -318,14 +318,15 @@ "use strict"; | ||
const getFilterComponent = () => { | ||
const empty = /*#__PURE__*/React.createElement(_empty.default, { | ||
image: _empty.default.PRESENTED_IMAGE_SIMPLE, | ||
description: locale.filterEmptyText, | ||
imageStyle: { | ||
height: 24 | ||
}, | ||
style: { | ||
margin: 0, | ||
padding: '16px 0' | ||
} | ||
}); | ||
if ((column.filters || []).length === 0) { | ||
return /*#__PURE__*/React.createElement(_empty.default, { | ||
image: _empty.default.PRESENTED_IMAGE_SIMPLE, | ||
description: locale.filterEmptyText, | ||
imageStyle: { | ||
height: 24 | ||
}, | ||
style: { | ||
margin: 0, | ||
padding: '16px 0' | ||
} | ||
}); | ||
return empty; | ||
} | ||
@@ -370,2 +371,11 @@ if (filterMode === 'tree') { | ||
} | ||
const items = renderFilterItems({ | ||
filters: column.filters || [], | ||
filterSearch, | ||
prefixCls, | ||
filteredKeys: getFilteredKeysSync(), | ||
filterMultiple, | ||
searchValue | ||
}); | ||
const isEmpty = items.every(item => item === null); | ||
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_FilterSearch.default, { | ||
@@ -377,3 +387,3 @@ filterSearch: filterSearch, | ||
locale: locale | ||
}), /*#__PURE__*/React.createElement(_menu.default, { | ||
}), isEmpty ? empty : ( /*#__PURE__*/React.createElement(_menu.default, { | ||
selectable: true, | ||
@@ -389,11 +399,4 @@ multiple: filterMultiple, | ||
onOpenChange: onOpenChange, | ||
items: renderFilterItems({ | ||
filters: column.filters || [], | ||
filterSearch, | ||
prefixCls, | ||
filteredKeys: getFilteredKeysSync(), | ||
filterMultiple, | ||
searchValue | ||
}) | ||
})); | ||
items: items | ||
}))); | ||
}; | ||
@@ -400,0 +403,0 @@ const getResetDisabled = () => { |
@@ -1,3 +0,2 @@ | ||
import type { TooltipProps } from '../../tooltip'; | ||
import type { ColumnsType, ColumnTitleProps, ColumnType, Key, SorterResult, SortOrder, TableLocale, TransformColumns } from '../interface'; | ||
import type { ColumnsType, ColumnTitleProps, ColumnType, Key, SorterResult, SorterTooltipProps, SortOrder, TableLocale, TransformColumns } from '../interface'; | ||
export interface SortState<RecordType> { | ||
@@ -16,3 +15,3 @@ column: ColumnType<RecordType>; | ||
tableLocale?: TableLocale; | ||
showSorterTooltip?: boolean | TooltipProps; | ||
showSorterTooltip?: boolean | SorterTooltipProps; | ||
} | ||
@@ -19,0 +18,0 @@ export default function useFilterSorter<RecordType>({ prefixCls, mergedColumns, onSorterChange, sortDirections, tableLocale, showSorterTooltip, }: SorterConfig<RecordType>): [ |
@@ -139,8 +139,18 @@ "use strict"; | ||
title: renderProps => { | ||
const columnSortersClass = `${prefixCls}-column-sorters`; | ||
const renderColumnTitleWrapper = /*#__PURE__*/React.createElement("span", { | ||
className: `${prefixCls}-column-title` | ||
}, (0, _util.renderColumnTitle)(column.title, renderProps)); | ||
const renderSortTitle = /*#__PURE__*/React.createElement("div", { | ||
className: `${prefixCls}-column-sorters` | ||
}, /*#__PURE__*/React.createElement("span", { | ||
className: `${prefixCls}-column-title` | ||
}, (0, _util.renderColumnTitle)(column.title, renderProps)), sorter); | ||
return showSorterTooltip ? ( /*#__PURE__*/React.createElement(_tooltip.default, Object.assign({}, tooltipProps), renderSortTitle)) : renderSortTitle; | ||
className: columnSortersClass | ||
}, renderColumnTitleWrapper, sorter); | ||
if (showSorterTooltip) { | ||
if (typeof showSorterTooltip !== 'boolean' && (showSorterTooltip === null || showSorterTooltip === void 0 ? void 0 : showSorterTooltip.target) === 'sorter-icon') { | ||
return /*#__PURE__*/React.createElement("div", { | ||
className: `${columnSortersClass} ${prefixCls}-column-sorters-tooltip-target-sorter` | ||
}, renderColumnTitleWrapper, /*#__PURE__*/React.createElement(_tooltip.default, Object.assign({}, tooltipProps), sorter)); | ||
} | ||
return /*#__PURE__*/React.createElement(_tooltip.default, Object.assign({}, tooltipProps), renderSortTitle); | ||
} | ||
return renderSortTitle; | ||
}, | ||
@@ -147,0 +157,0 @@ onHeaderCell: col => { |
@@ -40,2 +40,6 @@ import type * as React from 'react'; | ||
export type SortOrder = 'descend' | 'ascend' | null; | ||
export type SorterTooltipTarget = 'full-header' | 'sorter-icon'; | ||
export type SorterTooltipProps = TooltipProps & { | ||
target?: SorterTooltipTarget; | ||
}; | ||
declare const TableActions: readonly ["paginate", "sort", "filter"]; | ||
@@ -95,3 +99,3 @@ export type TableAction = (typeof TableActions)[number]; | ||
}) => React.ReactNode; | ||
showSorterTooltip?: boolean | TooltipProps; | ||
showSorterTooltip?: boolean | SorterTooltipProps; | ||
filtered?: boolean; | ||
@@ -120,3 +124,3 @@ filters?: ColumnFilterItem[]; | ||
} | ||
export type ColumnsType<RecordType = unknown> = (ColumnGroupType<RecordType> | ColumnType<RecordType>)[]; | ||
export type ColumnsType<RecordType = any> = (ColumnGroupType<RecordType> | ColumnType<RecordType>)[]; | ||
export interface SelectionItem { | ||
@@ -123,0 +127,0 @@ key: string; |
import { type TableProps as RcTableProps } from 'rc-table'; | ||
import type { SizeType } from '../config-provider/SizeContext'; | ||
import type { SpinProps } from '../spin'; | ||
import type { TooltipProps } from '../tooltip'; | ||
import type { ColumnsType, FilterValue, GetPopupContainer, RefInternalTable, SorterResult, SortOrder, TableCurrentDataSource, TableLocale, TablePaginationConfig, TableRowSelection } from './interface'; | ||
import type { ColumnsType, FilterValue, GetPopupContainer, RefInternalTable, SorterResult, SorterTooltipProps, SortOrder, TableCurrentDataSource, TableLocale, TablePaginationConfig, TableRowSelection } from './interface'; | ||
export type { ColumnsType, TablePaginationConfig }; | ||
@@ -28,3 +27,3 @@ /** Same as `TableProps` but we need record parent render times */ | ||
sortDirections?: SortOrder[]; | ||
showSorterTooltip?: boolean | TooltipProps; | ||
showSorterTooltip?: boolean | SorterTooltipProps; | ||
virtual?: boolean; | ||
@@ -31,0 +30,0 @@ } |
@@ -68,3 +68,5 @@ "use strict"; | ||
locale, | ||
showSorterTooltip = true, | ||
showSorterTooltip = { | ||
target: 'full-header' | ||
}, | ||
virtual | ||
@@ -71,0 +73,0 @@ } = props; |
@@ -65,2 +65,7 @@ "use strict"; | ||
}, | ||
[`${componentCls}-column-sorters-tooltip-target-sorter`]: { | ||
'&::after': { | ||
content: 'none' | ||
} | ||
}, | ||
[`${componentCls}-column-sorter`]: { | ||
@@ -67,0 +72,0 @@ marginInlineStart: marginXXS, |
@@ -11,3 +11,5 @@ import * as React from 'react'; | ||
color?: LiteralUnion<PresetColorType | PresetStatusColorType>; | ||
closable?: boolean; | ||
closable?: boolean | ({ | ||
closeIcon?: React.ReactNode; | ||
} & React.AriaAttributes); | ||
/** Advised to use closeIcon instead. */ | ||
@@ -14,0 +16,0 @@ closeIcon?: React.ReactNode; |
@@ -11,6 +11,7 @@ "use strict"; | ||
var React = _interopRequireWildcard(require("react")); | ||
var _CloseOutlined = _interopRequireDefault(require("@ant-design/icons/CloseOutlined")); | ||
var _classnames = _interopRequireDefault(require("classnames")); | ||
var _omit = _interopRequireDefault(require("rc-util/lib/omit")); | ||
var _colors = require("../_util/colors"); | ||
var _useClosable = _interopRequireDefault(require("../_util/hooks/useClosable")); | ||
var _useClosable = _interopRequireWildcard(require("../_util/hooks/useClosable")); | ||
var _reactNode = require("../_util/reactNode"); | ||
var _warning = require("../_util/warning"); | ||
@@ -41,23 +42,23 @@ var _wave = _interopRequireDefault(require("../_util/wave")); | ||
onClose, | ||
closeIcon, | ||
closable, | ||
bordered = true | ||
bordered = true, | ||
visible: deprecatedVisible | ||
} = tagProps, | ||
props = __rest(tagProps, ["prefixCls", "className", "rootClassName", "style", "children", "icon", "color", "onClose", "closeIcon", "closable", "bordered"]); | ||
props = __rest(tagProps, ["prefixCls", "className", "rootClassName", "style", "children", "icon", "color", "onClose", "bordered", "visible"]); | ||
const { | ||
getPrefixCls, | ||
direction, | ||
tag | ||
tag: tagContext | ||
} = React.useContext(_configProvider.ConfigContext); | ||
const [visible, setVisible] = React.useState(true); | ||
const domProps = (0, _omit.default)(props, ['closeIcon', 'closable']); | ||
// Warning for deprecated usage | ||
if (process.env.NODE_ENV !== 'production') { | ||
const warning = (0, _warning.devUseWarning)('Tag'); | ||
warning.deprecated(!('visible' in props), 'visible', 'visible && <Tag />'); | ||
warning.deprecated(!('visible' in tagProps), 'visible', 'visible && <Tag />'); | ||
} | ||
React.useEffect(() => { | ||
if ('visible' in props) { | ||
setVisible(props.visible); | ||
if (deprecatedVisible !== undefined) { | ||
setVisible(deprecatedVisible); | ||
} | ||
}, [props.visible]); | ||
}, [deprecatedVisible]); | ||
const isPreset = (0, _colors.isPresetColor)(color); | ||
@@ -68,7 +69,7 @@ const isStatus = (0, _colors.isPresetStatusColor)(color); | ||
backgroundColor: color && !isInternalColor ? color : undefined | ||
}, tag === null || tag === void 0 ? void 0 : tag.style), style); | ||
}, tagContext === null || tagContext === void 0 ? void 0 : tagContext.style), style); | ||
const prefixCls = getPrefixCls('tag', customizePrefixCls); | ||
const [wrapCSSVar, hashId, cssVarCls] = (0, _style.default)(prefixCls); | ||
// Style | ||
const tagClassName = (0, _classnames.default)(prefixCls, tag === null || tag === void 0 ? void 0 : tag.className, { | ||
const tagClassName = (0, _classnames.default)(prefixCls, tagContext === null || tagContext === void 0 ? void 0 : tagContext.className, { | ||
[`${prefixCls}-${color}`]: isInternalColor, | ||
@@ -88,14 +89,18 @@ [`${prefixCls}-has-color`]: color && !isInternalColor, | ||
}; | ||
const [, mergedCloseIcon] = (0, _useClosable.default)({ | ||
closable, | ||
closeIcon: closeIcon !== null && closeIcon !== void 0 ? closeIcon : tag === null || tag === void 0 ? void 0 : tag.closeIcon, | ||
customCloseIconRender: iconNode => iconNode === null ? ( /*#__PURE__*/React.createElement(_CloseOutlined.default, { | ||
className: `${prefixCls}-close-icon`, | ||
onClick: handleCloseClick | ||
})) : ( /*#__PURE__*/React.createElement("span", { | ||
className: `${prefixCls}-close-icon`, | ||
onClick: handleCloseClick | ||
}, iconNode)), | ||
defaultCloseIcon: null, | ||
defaultClosable: false | ||
const [, mergedCloseIcon] = (0, _useClosable.default)((0, _useClosable.pickClosable)(tagProps), (0, _useClosable.pickClosable)(tagContext), { | ||
closable: false, | ||
closeIconRender: iconNode => { | ||
const replacement = /*#__PURE__*/React.createElement("span", { | ||
className: `${prefixCls}-close-icon`, | ||
onClick: handleCloseClick | ||
}, iconNode); | ||
return (0, _reactNode.replaceElement)(iconNode, replacement, originProps => ({ | ||
onClick: e => { | ||
var _a; | ||
(_a = originProps === null || originProps === void 0 ? void 0 : originProps.onClick) === null || _a === void 0 ? void 0 : _a.call(originProps, e); | ||
handleCloseClick(e); | ||
}, | ||
className: (0, _classnames.default)(originProps === null || originProps === void 0 ? void 0 : originProps.className, `${prefixCls}-close-icon`) | ||
})); | ||
} | ||
}); | ||
@@ -105,3 +110,3 @@ const isNeedWave = typeof props.onClick === 'function' || children && children.type === 'a'; | ||
const kids = iconNode ? ( /*#__PURE__*/React.createElement(React.Fragment, null, iconNode, children && /*#__PURE__*/React.createElement("span", null, children))) : children; | ||
const tagNode = /*#__PURE__*/React.createElement("span", Object.assign({}, props, { | ||
const tagNode = /*#__PURE__*/React.createElement("span", Object.assign({}, domProps, { | ||
ref: ref, | ||
@@ -108,0 +113,0 @@ className: tagClassName, |
@@ -220,5 +220,5 @@ import type { PresetColorType } from './presetColors'; | ||
* @descEN Used to configure the motion effect, when it is `false`, the motion is turned off | ||
* @default false | ||
* @default true | ||
*/ | ||
motion: boolean; | ||
} |
@@ -11,3 +11,2 @@ "use strict"; | ||
var React = _interopRequireWildcard(require("react")); | ||
var _CloseOutlined = _interopRequireDefault(require("@ant-design/icons/CloseOutlined")); | ||
var _classnames = _interopRequireDefault(require("classnames")); | ||
@@ -48,8 +47,8 @@ var _useClosable = _interopRequireDefault(require("../_util/hooks/useClosable")); | ||
closable, | ||
closeIcon, | ||
customCloseIconRender: icon => /*#__PURE__*/React.isValidElement(icon) ? (0, _reactNode.cloneElement)(icon, { | ||
closeIcon | ||
}, null, { | ||
closable: true, | ||
closeIconRender: icon => /*#__PURE__*/React.isValidElement(icon) ? (0, _reactNode.cloneElement)(icon, { | ||
className: (0, _classnames.default)(icon.props.className, `${prefixCls}-close-icon`) | ||
}) : icon, | ||
defaultCloseIcon: /*#__PURE__*/React.createElement(_CloseOutlined.default, null), | ||
defaultClosable: true | ||
}) : icon | ||
}); | ||
@@ -56,0 +55,0 @@ return wrapCSSVar( /*#__PURE__*/React.createElement(_PurePanel2.RawPurePanel, { |
import type { KeyWise, TransferProps } from '..'; | ||
import type { AnyObject } from '../../_util/type'; | ||
declare const useData: <RecordType extends AnyObject>(dataSource?: RecordType[], rowKey?: TransferProps<RecordType>['rowKey'], targetKeys?: string[]) => KeyWise<RecordType>[][]; | ||
import type { TransferKey } from '../interface'; | ||
declare const useData: <RecordType extends AnyObject>(dataSource?: RecordType[], rowKey?: TransferProps<RecordType>['rowKey'], targetKeys?: TransferKey[]) => KeyWise<RecordType>[][]; | ||
export default useData; |
import * as React from 'react'; | ||
import type { TransferKey } from '../interface'; | ||
export default function useSelection<T extends { | ||
key: string; | ||
}>(leftDataSource: T[], rightDataSource: T[], selectedKeys?: string[]): [ | ||
sourceSelectedKeys: string[], | ||
targetSelectedKeys: string[], | ||
setSourceSelectedKeys: React.Dispatch<React.SetStateAction<string[]>>, | ||
setTargetSelectedKeys: React.Dispatch<React.SetStateAction<string[]>> | ||
key: TransferKey; | ||
}>(leftDataSource: T[], rightDataSource: T[], selectedKeys?: TransferKey[]): [ | ||
sourceSelectedKeys: TransferKey[], | ||
targetSelectedKeys: TransferKey[], | ||
setSourceSelectedKeys: React.Dispatch<React.SetStateAction<TransferKey[]>>, | ||
setTargetSelectedKeys: React.Dispatch<React.SetStateAction<TransferKey[]>> | ||
]; |
import type { CSSProperties } from 'react'; | ||
import React from 'react'; | ||
import type { InputStatus } from '../_util/statusUtils'; | ||
import type { PaginationType } from './interface'; | ||
import type { PaginationType, TransferKey } from './interface'; | ||
import type { TransferCustomListBodyProps, TransferListProps } from './list'; | ||
@@ -16,3 +16,3 @@ export type { TransferListProps } from './list'; | ||
export interface TransferItem { | ||
key?: string; | ||
key?: TransferKey; | ||
title?: string; | ||
@@ -24,3 +24,3 @@ description?: string; | ||
export type KeyWise<T> = T & { | ||
key: string; | ||
key: TransferKey; | ||
}; | ||
@@ -55,7 +55,7 @@ export type KeyWiseTransferItem = KeyWise<TransferItem>; | ||
dataSource?: RecordType[]; | ||
targetKeys?: string[]; | ||
selectedKeys?: string[]; | ||
targetKeys?: TransferKey[]; | ||
selectedKeys?: TransferKey[]; | ||
render?: TransferRender<RecordType>; | ||
onChange?: (targetKeys: string[], direction: TransferDirection, moveKeys: string[]) => void; | ||
onSelectChange?: (sourceSelectedKeys: string[], targetSelectedKeys: string[]) => void; | ||
onChange?: (targetKeys: TransferKey[], direction: TransferDirection, moveKeys: TransferKey[]) => void; | ||
onSelectChange?: (sourceSelectedKeys: TransferKey[], targetSelectedKeys: TransferKey[]) => void; | ||
style?: React.CSSProperties; | ||
@@ -72,3 +72,3 @@ listStyle?: ((style: ListStyle) => CSSProperties) | CSSProperties; | ||
}) => React.ReactNode; | ||
rowKey?: (record: RecordType) => string; | ||
rowKey?: (record: RecordType) => TransferKey; | ||
onSearch?: (direction: TransferDirection, value: string) => void; | ||
@@ -75,0 +75,0 @@ onScroll?: (direction: TransferDirection, e: React.SyntheticEvent<HTMLUListElement>) => void; |
@@ -0,1 +1,3 @@ | ||
/// <reference types="react" /> | ||
export type TransferKey = React.Key; | ||
export type PaginationType = boolean | { | ||
@@ -2,0 +4,0 @@ pageSize?: number; |
import React from 'react'; | ||
import type { KeyWiseTransferItem, RenderResult, SelectAllLabel, TransferDirection, TransferLocale } from './index'; | ||
import type { PaginationType } from './interface'; | ||
import type { PaginationType, TransferKey } from './interface'; | ||
import type { TransferListBodyProps } from './ListBody'; | ||
@@ -17,7 +17,7 @@ export interface RenderedItem<RecordType> { | ||
style?: React.CSSProperties; | ||
checkedKeys: string[]; | ||
checkedKeys: TransferKey[]; | ||
handleFilter: (e: React.ChangeEvent<HTMLInputElement>) => void; | ||
onItemSelect: (key: string, check: boolean, e?: React.MouseEvent<Element, MouseEvent>) => void; | ||
onItemSelectAll: (dataSource: string[], checkAll: boolean | 'replace') => void; | ||
onItemRemove?: (keys: string[]) => void; | ||
onItemSelect: (key: TransferKey, check: boolean, e?: React.MouseEvent<Element, MouseEvent>) => void; | ||
onItemSelectAll: (dataSource: TransferKey[], checkAll: boolean | 'replace') => void; | ||
onItemRemove?: (keys: TransferKey[]) => void; | ||
handleClear: () => void; | ||
@@ -24,0 +24,0 @@ /** Render item */ |
import * as React from 'react'; | ||
import type { KeyWiseTransferItem } from '.'; | ||
import type { TransferKey } from './interface'; | ||
import type { RenderedItem, TransferListProps } from './list'; | ||
export declare const OmitProps: readonly ["handleFilter", "handleClear", "checkedKeys"]; | ||
export type OmitProp = typeof OmitProps[number]; | ||
export type OmitProp = (typeof OmitProps)[number]; | ||
type PartialTransferListProps<RecordType> = Omit<TransferListProps<RecordType>, OmitProp>; | ||
@@ -10,3 +11,3 @@ export interface TransferListBodyProps<RecordType> extends PartialTransferListProps<RecordType> { | ||
filteredRenderItems: RenderedItem<RecordType>[]; | ||
selectedKeys: string[]; | ||
selectedKeys: TransferKey[]; | ||
} | ||
@@ -13,0 +14,0 @@ export interface ListBodyRef<RecordType extends KeyWiseTransferItem> { |
@@ -10,3 +10,4 @@ import * as React from 'react'; | ||
iconOnly: boolean; | ||
loading: boolean; | ||
} | ||
export default function CopyBtn(props: CopyBtnProps): React.JSX.Element; |
@@ -11,2 +11,3 @@ "use strict"; | ||
var React = _interopRequireWildcard(require("react")); | ||
var _LoadingOutlined = _interopRequireDefault(require("@ant-design/icons/LoadingOutlined")); | ||
var _CheckOutlined = _interopRequireDefault(require("@ant-design/icons/CheckOutlined")); | ||
@@ -26,3 +27,4 @@ var _CopyOutlined = _interopRequireDefault(require("@ant-design/icons/CopyOutlined")); | ||
tooltips, | ||
icon | ||
icon, | ||
loading | ||
} = props; | ||
@@ -48,3 +50,3 @@ const tooltipNodes = (0, _util.toList)(tooltips); | ||
"aria-label": ariaLabel | ||
}, copied ? (0, _util.getNode)(iconNodes[1], /*#__PURE__*/React.createElement(_CheckOutlined.default, null), true) : (0, _util.getNode)(iconNodes[0], /*#__PURE__*/React.createElement(_CopyOutlined.default, null), true))); | ||
}, copied ? (0, _util.getNode)(iconNodes[1], /*#__PURE__*/React.createElement(_CheckOutlined.default, null), true) : (0, _util.getNode)(iconNodes[0], loading ? /*#__PURE__*/React.createElement(_LoadingOutlined.default, null) : /*#__PURE__*/React.createElement(_CopyOutlined.default, null), true))); | ||
} |
@@ -8,7 +8,6 @@ import * as React from 'react'; | ||
children: (cutChildren: React.ReactNode[], | ||
/** Tell current `cutChildren` is in ellipsis */ | ||
inEllipsis: boolean, | ||
/** Tell current `text` is exceed the `rows` which can be ellipsis */ | ||
canEllipsis: boolean) => React.ReactNode; | ||
onEllipsis: (isEllipsis: boolean) => void; | ||
expanded: boolean; | ||
/** | ||
@@ -15,0 +14,0 @@ * Mark for misc update. Which will not affect ellipsis content length. |
@@ -98,2 +98,3 @@ "use strict"; | ||
rows, | ||
expanded, | ||
miscDeps, | ||
@@ -105,3 +106,4 @@ onEllipsis | ||
// ========================= Full Content ========================= | ||
const fullContent = React.useMemo(() => children(nodeList, false, false), [text]); | ||
// Used for measure only, which means it's always render as no need ellipsis | ||
const fullContent = React.useMemo(() => children(nodeList, false), [text]); | ||
// ========================= Cut Content ========================== | ||
@@ -115,2 +117,3 @@ const [ellipsisCutIndex, setEllipsisCutIndex] = React.useState(null); | ||
const symbolRowEllipsisRef = React.useRef(null); | ||
const [canEllipsis, setCanEllipsis] = React.useState(false); | ||
const [needEllipsis, setNeedEllipsis] = React.useState(STATUS_MEASURE_NONE); | ||
@@ -133,2 +136,3 @@ const [ellipsisHeight, setEllipsisHeight] = React.useState(0); | ||
setEllipsisCutIndex(isOverflow ? [0, nodeLen] : null); | ||
setCanEllipsis(isOverflow); | ||
// Get the basic height of ellipsis rows | ||
@@ -167,3 +171,3 @@ const baseRowsEllipsisHeight = ((_b = needEllipsisRef.current) === null || _b === void 0 ? void 0 : _b.getHeight()) || 0; | ||
if (needEllipsis !== STATUS_MEASURE_NEED_ELLIPSIS || !ellipsisCutIndex || ellipsisCutIndex[0] !== ellipsisCutIndex[1]) { | ||
const content = children(nodeList, false, false); | ||
const content = children(nodeList, false); | ||
// Limit the max line count to avoid scrollbar blink | ||
@@ -180,4 +184,4 @@ // https://github.com/ant-design/ant-design/issues/42958 | ||
} | ||
return children(sliceNodes(nodeList, ellipsisCutIndex[0]), true, true); | ||
}, [needEllipsis, ellipsisCutIndex, nodeList].concat((0, _toConsumableArray2.default)(miscDeps))); | ||
return children(expanded ? nodeList : sliceNodes(nodeList, ellipsisCutIndex[0]), canEllipsis); | ||
}, [expanded, needEllipsis, ellipsisCutIndex, nodeList].concat((0, _toConsumableArray2.default)(miscDeps))); | ||
// ============================ Render ============================ | ||
@@ -205,3 +209,3 @@ const measureStyle = { | ||
ref: symbolRowEllipsisRef | ||
}, children([], true, true)))), needEllipsis === STATUS_MEASURE_NEED_ELLIPSIS && ellipsisCutIndex && ellipsisCutIndex[0] !== ellipsisCutIndex[1] && ( /*#__PURE__*/React.createElement(MeasureText, { | ||
}, children([], true)))), needEllipsis === STATUS_MEASURE_NEED_ELLIPSIS && ellipsisCutIndex && ellipsisCutIndex[0] !== ellipsisCutIndex[1] && ( /*#__PURE__*/React.createElement(MeasureText, { | ||
style: Object.assign(Object.assign({}, measureStyle), { | ||
@@ -211,3 +215,3 @@ top: 400 | ||
ref: cutMidRef | ||
}, children(sliceNodes(nodeList, cutMidIndex), true, true)))); | ||
}, children(sliceNodes(nodeList, cutMidIndex), true)))); | ||
} |
@@ -7,3 +7,3 @@ import * as React from 'react'; | ||
export interface CopyConfig { | ||
text?: string; | ||
text?: string | (() => string | Promise<string>); | ||
onCopy?: (event?: React.MouseEvent<HTMLDivElement>) => void; | ||
@@ -30,6 +30,10 @@ icon?: React.ReactNode; | ||
rows?: number; | ||
expandable?: boolean; | ||
expandable?: boolean | 'collapsible'; | ||
suffix?: string; | ||
symbol?: React.ReactNode; | ||
onExpand?: React.MouseEventHandler<HTMLElement>; | ||
symbol?: React.ReactNode | ((expanded: boolean) => React.ReactNode); | ||
defaultExpanded?: boolean; | ||
expanded?: boolean; | ||
onExpand?: (e: React.MouseEvent<HTMLElement, MouseEvent>, info: { | ||
expanded: boolean; | ||
}) => void; | ||
onEllipsis?: (ellipsis: boolean) => void; | ||
@@ -36,0 +40,0 @@ tooltip?: React.ReactNode | TooltipProps; |
@@ -13,3 +13,2 @@ "use strict"; | ||
var _classnames = _interopRequireDefault(require("classnames")); | ||
var _copyToClipboard = _interopRequireDefault(require("copy-to-clipboard")); | ||
var _rcResizeObserver = _interopRequireDefault(require("rc-resize-observer")); | ||
@@ -27,2 +26,3 @@ var _toArray = _interopRequireDefault(require("rc-util/lib/Children/toArray")); | ||
var _Editable = _interopRequireDefault(require("../Editable")); | ||
var _useCopyClick = _interopRequireDefault(require("../hooks/useCopyClick")); | ||
var _useMergedConfig = _interopRequireDefault(require("../hooks/useMergedConfig")); | ||
@@ -133,31 +133,13 @@ var _useUpdatedEffect = _interopRequireDefault(require("../hooks/useUpdatedEffect")); | ||
const [enableCopy, copyConfig] = (0, _useMergedConfig.default)(copyable); | ||
const [copied, setCopied] = React.useState(false); | ||
const copyIdRef = React.useRef(null); | ||
const copyOptions = {}; | ||
if (copyConfig.format) { | ||
copyOptions.format = copyConfig.format; | ||
} | ||
const cleanCopyId = () => { | ||
if (copyIdRef.current) { | ||
clearTimeout(copyIdRef.current); | ||
} | ||
}; | ||
const onCopyClick = e => { | ||
var _a; | ||
e === null || e === void 0 ? void 0 : e.preventDefault(); | ||
e === null || e === void 0 ? void 0 : e.stopPropagation(); | ||
(0, _copyToClipboard.default)(copyConfig.text || String(children) || '', copyOptions); | ||
setCopied(true); | ||
// Trigger tips update | ||
cleanCopyId(); | ||
copyIdRef.current = setTimeout(() => { | ||
setCopied(false); | ||
}, 3000); | ||
(_a = copyConfig.onCopy) === null || _a === void 0 ? void 0 : _a.call(copyConfig, e); | ||
}; | ||
React.useEffect(() => cleanCopyId, []); | ||
const { | ||
copied, | ||
copyLoading, | ||
onClick: onCopyClick | ||
} = (0, _useCopyClick.default)({ | ||
copyConfig, | ||
children | ||
}); | ||
// ========================== Ellipsis ========================== | ||
const [isLineClampSupport, setIsLineClampSupport] = React.useState(false); | ||
const [isTextOverflowSupport, setIsTextOverflowSupport] = React.useState(false); | ||
const [expanded, setExpanded] = React.useState(false); | ||
const [isJsEllipsis, setIsJsEllipsis] = React.useState(false); | ||
@@ -167,5 +149,9 @@ const [isNativeEllipsis, setIsNativeEllipsis] = React.useState(false); | ||
const [enableEllipsis, ellipsisConfig] = (0, _useMergedConfig.default)(ellipsis, { | ||
expandable: false | ||
expandable: false, | ||
symbol: isExpanded => isExpanded ? textLocale === null || textLocale === void 0 ? void 0 : textLocale.collapse : textLocale === null || textLocale === void 0 ? void 0 : textLocale.expand | ||
}); | ||
const mergedEnableEllipsis = enableEllipsis && !expanded; | ||
const [expanded, setExpanded] = (0, _useMergedState.default)(ellipsisConfig.defaultExpanded || false, { | ||
value: ellipsisConfig.expanded | ||
}); | ||
const mergedEnableEllipsis = enableEllipsis && (!expanded || ellipsisConfig.expandable === 'collapsible'); | ||
// Shared prop to reduce bundle size | ||
@@ -201,6 +187,6 @@ const { | ||
// >>>>> Expand | ||
const onExpandClick = e => { | ||
const onExpandClick = (e, info) => { | ||
var _a; | ||
setExpanded(true); | ||
(_a = ellipsisConfig.onExpand) === null || _a === void 0 ? void 0 : _a.call(ellipsisConfig, e); | ||
setExpanded(info.expanded); | ||
(_a = ellipsisConfig.onExpand) === null || _a === void 0 ? void 0 : _a.call(ellipsisConfig, e, info); | ||
}; | ||
@@ -313,14 +299,11 @@ const [ellipsisWidth, setEllipsisWidth] = React.useState(0); | ||
if (!expandable) return null; | ||
let expandContent; | ||
if (symbol) { | ||
expandContent = symbol; | ||
} else { | ||
expandContent = textLocale === null || textLocale === void 0 ? void 0 : textLocale.expand; | ||
} | ||
if (expanded && expandable !== 'collapsible') return null; | ||
return /*#__PURE__*/React.createElement("a", { | ||
key: "expand", | ||
className: `${prefixCls}-expand`, | ||
onClick: onExpandClick, | ||
"aria-label": textLocale === null || textLocale === void 0 ? void 0 : textLocale.expand | ||
}, expandContent); | ||
className: `${prefixCls}-${expanded ? 'collapse' : 'expand'}`, | ||
onClick: e => onExpandClick(e, { | ||
expanded: !expanded | ||
}), | ||
"aria-label": expanded ? textLocale.collapse : textLocale === null || textLocale === void 0 ? void 0 : textLocale.expand | ||
}, typeof symbol === 'function' ? symbol(expanded) : symbol); | ||
}; | ||
@@ -360,10 +343,13 @@ // Edit | ||
onCopy: onCopyClick, | ||
loading: copyLoading, | ||
iconOnly: children === null || children === undefined | ||
})); | ||
}; | ||
const renderOperations = renderExpanded => [renderExpanded && renderExpand(), renderEdit(), renderCopy()]; | ||
const renderEllipsis = needEllipsis => [needEllipsis && ( /*#__PURE__*/React.createElement("span", { | ||
const renderOperations = canEllipsis => [ | ||
// (renderExpanded || ellipsisConfig.collapsible) && renderExpand(), | ||
canEllipsis && renderExpand(), renderEdit(), renderCopy()]; | ||
const renderEllipsis = canEllipsis => [canEllipsis && !expanded && ( /*#__PURE__*/React.createElement("span", { | ||
"aria-hidden": true, | ||
key: "ellipsis" | ||
}, ELLIPSIS_STR)), ellipsisConfig.suffix, renderOperations(needEllipsis)]; | ||
}, ELLIPSIS_STR)), ellipsisConfig.suffix, renderOperations(canEllipsis)]; | ||
return /*#__PURE__*/React.createElement(_rcResizeObserver.default, { | ||
@@ -401,6 +387,7 @@ onResize: onResize, | ||
onEllipsis: onJsEllipsis, | ||
miscDeps: [copied, expanded] | ||
}, (node, needEllipsis) => { | ||
expanded: expanded, | ||
miscDeps: [copied, expanded, copyLoading] | ||
}, (node, canEllipsis) => { | ||
let renderNode = node; | ||
if (node.length && needEllipsis && topAriaLabel) { | ||
if (node.length && canEllipsis && !expanded && topAriaLabel) { | ||
renderNode = /*#__PURE__*/React.createElement("span", { | ||
@@ -411,3 +398,3 @@ key: "show-content", | ||
} | ||
const wrappedContext = wrapperDecorations(props, /*#__PURE__*/React.createElement(React.Fragment, null, renderNode, renderEllipsis(needEllipsis))); | ||
const wrappedContext = wrapperDecorations(props, /*#__PURE__*/React.createElement(React.Fragment, null, renderNode, renderEllipsis(canEllipsis))); | ||
return wrappedContext; | ||
@@ -414,0 +401,0 @@ }))))); |
@@ -83,2 +83,3 @@ "use strict"; | ||
${componentCls}-expand, | ||
${componentCls}-collapse, | ||
${componentCls}-edit, | ||
@@ -85,0 +86,0 @@ ${componentCls}-copy |
@@ -110,4 +110,2 @@ "use strict"; | ||
height: uploadPictureCardSize, | ||
marginInlineEnd: token.marginXS, | ||
marginBottom: token.marginXS, | ||
textAlign: 'center', | ||
@@ -133,2 +131,13 @@ verticalAlign: 'top', | ||
[`${listCls}${listCls}-picture-card, ${listCls}${listCls}-picture-circle`]: { | ||
display: 'flex', | ||
flexWrap: 'wrap', | ||
'@supports not (gap: 1px)': { | ||
'& > *': { | ||
marginBlockEnd: token.marginXS, | ||
marginInlineEnd: token.marginXS | ||
} | ||
}, | ||
'@supports (gap: 1px)': { | ||
gap: token.marginXS | ||
}, | ||
[`${listCls}-item-container`]: { | ||
@@ -138,4 +147,2 @@ display: 'inline-block', | ||
height: uploadPictureCardSize, | ||
marginBlock: `0 ${(0, _cssinjs.unit)(token.marginXS)}`, | ||
marginInline: `0 ${(0, _cssinjs.unit)(token.marginXS)}`, | ||
verticalAlign: 'top' | ||
@@ -146,2 +153,5 @@ }, | ||
}, | ||
'&::before': { | ||
display: 'none' | ||
}, | ||
[itemCls]: { | ||
@@ -148,0 +158,0 @@ height: '100%', |
@@ -129,3 +129,3 @@ "use strict"; | ||
} | ||
if (!exceedMaxCount || | ||
if (!exceedMaxCount || file.status === 'removed' || | ||
// We should ignore event if current file is exceed `maxCount` | ||
@@ -132,0 +132,0 @@ cloneList.some(f => f.uid === file.uid)) { |
@@ -1,1 +0,1 @@ | ||
{"Upload":{"global":["fontSizeHeading3","fontHeight","lineWidth","controlHeightLG","colorTextDisabled","colorText","fontSize","lineHeight","fontFamily","colorFillAlter","colorBorder","borderRadiusLG","motionDurationSlow","padding","lineWidthFocus","colorPrimaryBorder","colorPrimaryHover","margin","colorPrimary","marginXXS","colorTextHeading","fontSizeLG","colorTextDescription","paddingXS","lineType","paddingSM","fontSizeHeading2","colorError","colorErrorBg","colorTextLightSolid","marginXS","colorBgMask","marginXL","fontHeightSM","controlItemBgHover","motionEaseInOutCirc","motionDurationMid","motionEaseInOut"],"component":{"actionsColor":"rgba(0, 0, 0, 0.45)"}},"Typography":{"global":["colorText","lineHeight","colorTextDescription","colorSuccess","colorWarning","colorError","colorErrorActive","colorErrorHover","colorTextDisabled","fontSizeHeading1","lineHeightHeading1","colorTextHeading","fontWeightStrong","fontSizeHeading2","lineHeightHeading2","fontSizeHeading3","lineHeightHeading3","fontSizeHeading4","lineHeightHeading4","fontSizeHeading5","lineHeightHeading5","fontFamilyCode","colorLink","motionDurationSlow","colorLinkHover","colorLinkActive","linkDecoration","linkHoverDecoration","marginXXS","paddingSM","marginXS","fontSize"],"component":{"titleMarginTop":"1.2em","titleMarginBottom":"0.5em"}},"TreeSelect":{"global":["colorBgElevated","paddingXS","colorText","fontSize","lineHeight","fontFamily","borderRadius","motionDurationSlow","lineWidthFocus","colorPrimaryBorder","colorPrimary","colorTextDisabled","controlItemBgHover","colorBgTextHover","colorBorder","marginXXS","motionDurationMid","lineWidthBold","controlInteractiveSize","marginXS","borderRadiusSM","colorBgContainer","lineWidth","lineType","colorWhite","motionDurationFast","motionEaseInBack","colorPrimaryHover","motionEaseOutBack","fontSizeLG","colorBgContainerDisabled"],"component":{"titleHeight":24,"nodeHoverBg":"rgba(0, 0, 0, 0.04)","nodeSelectedBg":"#e6f4ff"}},"Tree":{"global":["controlInteractiveSize","colorText","fontSize","lineHeight","fontFamily","marginXS","borderRadiusSM","lineWidthFocus","colorPrimaryBorder","colorBgContainer","lineWidth","lineType","colorBorder","motionDurationSlow","lineWidthBold","colorWhite","motionDurationFast","motionEaseInBack","paddingXS","colorPrimary","colorPrimaryHover","motionDurationMid","motionEaseOutBack","fontSizeLG","colorBgContainerDisabled","colorTextDisabled","borderRadius","controlItemBgHover","colorBgTextHover","marginXXS","motionEaseInOut"],"component":{"titleHeight":24,"nodeHoverBg":"rgba(0, 0, 0, 0.04)","nodeSelectedBg":"#e6f4ff","directoryNodeSelectedColor":"#fff","directoryNodeSelectedBg":"#1677ff"}},"Tour":{"global":["borderRadiusLG","lineHeight","padding","paddingXS","borderRadius","borderRadiusXS","colorPrimary","colorText","colorFill","boxShadowTertiary","fontSize","colorBgElevated","fontWeightStrong","marginXS","colorTextLightSolid","colorWhite","motionDurationSlow","fontFamily","colorIcon","borderRadiusSM","motionDurationMid","colorIconHover","colorBgTextHover","colorBgTextActive","lineWidthFocus","colorPrimaryBorder","boxShadowPopoverArrow","sizePopupArrow"],"component":{"zIndexPopup":1070,"closeBtnSize":22,"primaryPrevBtnBg":"rgba(255, 255, 255, 0.15)","primaryNextBtnHoverBg":"rgb(240, 240, 240)","arrowOffsetHorizontal":12,"arrowOffsetVertical":8,"arrowShadowWidth":8.970562748477143,"arrowPath":"path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z')","arrowPolygon":"polygon(1.6568542494923806px 100%, 50% 1.6568542494923806px, 14.34314575050762px 100%, 1.6568542494923806px 100%)"}},"Transfer":{"global":["marginXS","marginXXS","fontSizeIcon","colorBgContainerDisabled","colorText","fontSize","lineHeight","fontFamily","colorBorder","colorSplit","lineWidth","controlItemBgActive","colorTextDisabled","paddingSM","lineType","motionDurationSlow","controlItemBgHover","borderRadiusLG","colorBgContainer","controlItemBgActiveHover","colorLinkHover","paddingXS","controlHeightLG","colorError","colorWarning"],"component":{"listWidth":180,"listHeight":200,"listWidthLG":250,"headerHeight":40,"itemHeight":32,"itemPaddingBlock":5,"transferHeaderVerticalPadding":9}},"Tooltip":{"global":["borderRadius","colorTextLightSolid","colorBgSpotlight","controlHeight","boxShadowSecondary","paddingSM","paddingXS","colorText","fontSize","lineHeight","fontFamily","blue1","blue3","blue6","blue7","purple1","purple3","purple6","purple7","cyan1","cyan3","cyan6","cyan7","green1","green3","green6","green7","magenta1","magenta3","magenta6","magenta7","pink1","pink3","pink6","pink7","red1","red3","red6","red7","orange1","orange3","orange6","orange7","yellow1","yellow3","yellow6","yellow7","volcano1","volcano3","volcano6","volcano7","geekblue1","geekblue3","geekblue6","geekblue7","lime1","lime3","lime6","lime7","gold1","gold3","gold6","gold7","boxShadowPopoverArrow","sizePopupArrow","borderRadiusXS","motionDurationFast","motionEaseOutCirc","motionEaseInOutCirc"],"component":{"zIndexPopup":1070,"arrowOffsetHorizontal":12,"arrowOffsetVertical":8,"arrowShadowWidth":8.970562748477143,"arrowPath":"path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z')","arrowPolygon":"polygon(1.6568542494923806px 100%, 50% 1.6568542494923806px, 14.34314575050762px 100%, 1.6568542494923806px 100%)"}},"Timeline":{"global":["paddingXXS","colorText","fontSize","lineHeight","fontFamily","lineType","fontSizeSM","colorPrimary","colorError","colorSuccess","colorTextDisabled","lineWidth","margin","controlHeightLG","marginXXS","marginSM","marginXS"],"component":{"tailColor":"rgba(5, 5, 5, 0.06)","tailWidth":2,"dotBorderWidth":2,"dotBg":"#ffffff","itemPaddingBottom":20}},"Table":{"global":["colorTextHeading","colorSplit","colorBgContainer","controlInteractiveSize","padding","fontWeightStrong","lineWidth","lineType","motionDurationMid","colorText","fontSize","lineHeight","fontFamily","margin","paddingXS","marginXXS","fontSizeIcon","motionDurationSlow","colorPrimary","paddingXXS","fontSizeSM","borderRadius","colorTextDescription","colorTextDisabled","controlItemBgHover","controlItemBgActive","boxShadowSecondary","colorLink","colorLinkHover","colorLinkActive","opacityLoading"],"component":{"headerBg":"#fafafa","headerColor":"rgba(0, 0, 0, 0.88)","headerSortActiveBg":"#f0f0f0","headerSortHoverBg":"#f0f0f0","bodySortBg":"#fafafa","rowHoverBg":"#fafafa","rowSelectedBg":"#e6f4ff","rowSelectedHoverBg":"#bae0ff","rowExpandedBg":"rgba(0, 0, 0, 0.02)","cellPaddingBlock":16,"cellPaddingInline":16,"cellPaddingBlockMD":12,"cellPaddingInlineMD":8,"cellPaddingBlockSM":8,"cellPaddingInlineSM":8,"borderColor":"#f0f0f0","headerBorderRadius":8,"footerBg":"#fafafa","footerColor":"rgba(0, 0, 0, 0.88)","cellFontSize":14,"cellFontSizeMD":14,"cellFontSizeSM":14,"headerSplitColor":"#f0f0f0","fixedHeaderSortActiveBg":"#f0f0f0","headerFilterHoverBg":"rgba(0, 0, 0, 0.06)","filterDropdownMenuBg":"#ffffff","filterDropdownBg":"#ffffff","expandIconBg":"#ffffff","selectionColumnWidth":32,"stickyScrollBarBg":"rgba(0, 0, 0, 0.25)","stickyScrollBarBorderRadius":100,"expandIconMarginTop":2.5,"headerIconColor":"rgba(0, 0, 0, 0.29)","headerIconHoverColor":"rgba(0, 0, 0, 0.57)","expandIconHalfInner":7,"expandIconSize":17,"expandIconScale":0.9411764705882353}},"Switch":{"global":["motionDurationMid","colorPrimary","opacityLoading","fontSizeIcon","colorText","fontSize","lineHeight","fontFamily","colorTextQuaternary","colorTextTertiary","lineWidthFocus","colorPrimaryBorder","colorPrimaryHover","colorTextLightSolid","fontSizeSM","marginXXS"],"component":{"trackHeight":22,"trackHeightSM":16,"trackMinWidth":44,"trackMinWidthSM":28,"trackPadding":2,"handleBg":"#fff","handleSize":18,"handleSizeSM":12,"handleShadow":"0 2px 4px 0 rgba(0, 35, 11, 0.2)","innerMinMargin":9,"innerMaxMargin":24,"innerMinMarginSM":6,"innerMaxMarginSM":18}},"Statistic":{"global":["marginXXS","padding","colorTextDescription","colorTextHeading","fontFamily","colorText","fontSize","lineHeight"],"component":{"titleFontSize":14,"contentFontSize":24}},"Tabs":{"global":["paddingXXS","borderRadius","marginSM","marginXS","marginXXS","margin","colorBorderSecondary","lineWidth","lineType","lineWidthBold","motionDurationSlow","controlHeight","boxShadowTabsOverflowLeft","boxShadowTabsOverflowRight","boxShadowTabsOverflowTop","boxShadowTabsOverflowBottom","colorBorder","paddingLG","colorText","fontSize","lineHeight","fontFamily","colorBgContainer","borderRadiusLG","boxShadowSecondary","paddingSM","colorTextDescription","fontSizeSM","controlItemBgHover","colorTextDisabled","motionEaseInOut","controlHeightLG","paddingXS","lineWidthFocus","colorPrimaryBorder","colorTextHeading","motionDurationMid","motionEaseOutQuint","motionEaseInQuint"],"component":{"zIndexPopup":1050,"cardBg":"rgba(0, 0, 0, 0.02)","cardHeight":40,"cardPadding":"8px 16px","cardPaddingSM":"6px 16px","cardPaddingLG":"8px 16px 6px","titleFontSize":14,"titleFontSizeLG":16,"titleFontSizeSM":14,"inkBarColor":"#1677ff","horizontalMargin":"0 0 16px 0","horizontalItemGutter":32,"horizontalItemMargin":"","horizontalItemMarginRTL":"","horizontalItemPadding":"12px 0","horizontalItemPaddingSM":"8px 0","horizontalItemPaddingLG":"16px 0","verticalItemPadding":"8px 24px","verticalItemMargin":"16px 0 0 0","itemColor":"rgba(0, 0, 0, 0.88)","itemSelectedColor":"#1677ff","itemHoverColor":"#4096ff","itemActiveColor":"#0958d9","cardGutter":2}},"Spin":{"global":["colorTextDescription","colorText","fontSize","lineHeight","fontFamily","colorPrimary","motionDurationSlow","motionEaseInOutCirc","colorBgMask","zIndexPopupBase","motionDurationMid","colorWhite","colorTextLightSolid","colorBgContainer","marginXXS"],"component":{"contentHeight":400,"dotSize":20,"dotSizeSM":14,"dotSizeLG":32}},"Tag":{"global":["lineWidth","fontSizeIcon","fontSizeSM","lineHeightSM","paddingXXS","colorText","fontSize","lineHeight","fontFamily","marginXS","lineType","colorBorder","borderRadiusSM","motionDurationMid","colorTextDescription","colorTextHeading","colorTextLightSolid","colorPrimary","colorFillSecondary","colorPrimaryHover","colorPrimaryActive"],"component":{"defaultBg":"#fafafa","defaultColor":"rgba(0, 0, 0, 0.88)"}},"Slider":{"global":["controlHeight","controlHeightLG","colorFillContentHover","colorText","fontSize","lineHeight","fontFamily","borderRadiusXS","motionDurationMid","colorPrimaryBorderHover","colorBgElevated","colorTextDescription","motionDurationSlow"],"component":{"controlSize":10,"railSize":4,"handleSize":10,"handleSizeHover":12,"dotSize":8,"handleLineWidth":2,"handleLineWidthHover":4,"railBg":"rgba(0, 0, 0, 0.04)","railHoverBg":"rgba(0, 0, 0, 0.06)","trackBg":"#91caff","trackHoverBg":"#69b1ff","handleColor":"#91caff","handleActiveColor":"#1677ff","handleColorDisabled":"#bfbfbf","dotBorderColor":"#f0f0f0","dotActiveBorderColor":"#91caff","trackBgDisabled":"rgba(0, 0, 0, 0.04)"}},"Skeleton":{"global":["controlHeight","controlHeightLG","controlHeightSM","padding","marginSM","controlHeightXS","borderRadiusSM"],"component":{"color":"rgba(0, 0, 0, 0.06)","colorGradientEnd":"rgba(0, 0, 0, 0.15)","gradientFromColor":"rgba(0, 0, 0, 0.06)","gradientToColor":"rgba(0, 0, 0, 0.15)","titleHeight":16,"blockRadius":4,"paragraphMarginTop":28,"paragraphLiHeight":16}},"Space":{"global":["paddingXS","padding","paddingLG"],"component":{}},"Select":{"global":["paddingSM","controlHeight","colorText","fontSize","lineHeight","fontFamily","motionDurationMid","motionEaseInOut","colorTextPlaceholder","fontSizeIcon","colorTextQuaternary","motionDurationSlow","colorTextTertiary","paddingXS","controlPaddingHorizontalSM","lineWidth","borderRadius","controlHeightSM","borderRadiusSM","fontSizeLG","borderRadiusLG","borderRadiusXS","controlHeightLG","controlPaddingHorizontal","paddingXXS","colorIcon","colorIconHover","colorBgElevated","boxShadowSecondary","colorTextDescription","fontSizeSM","colorPrimary","colorBgContainerDisabled","colorTextDisabled","motionEaseOutQuint","motionEaseInQuint","motionEaseOutCirc","motionEaseInOutCirc","colorBorder","colorPrimaryHover","controlOutline","controlOutlineWidth","lineType","colorError","colorErrorHover","colorErrorOutline","colorWarning","colorWarningHover","colorWarningOutline","colorFillTertiary","colorFillSecondary","colorErrorBg","colorErrorBgHover","colorWarningBg","colorWarningBgHover","colorBgContainer","colorSplit"],"component":{"zIndexPopup":1050,"optionSelectedColor":"rgba(0, 0, 0, 0.88)","optionSelectedFontWeight":600,"optionSelectedBg":"#e6f4ff","optionActiveBg":"rgba(0, 0, 0, 0.04)","optionPadding":"5px 12px","optionFontSize":14,"optionLineHeight":1.5714285714285714,"optionHeight":32,"selectorBg":"#ffffff","clearBg":"#ffffff","singleItemHeightLG":40,"multipleItemBg":"rgba(0, 0, 0, 0.06)","multipleItemBorderColor":"transparent","multipleItemHeight":24,"multipleItemHeightSM":16,"multipleItemHeightLG":32,"multipleSelectorBgDisabled":"rgba(0, 0, 0, 0.04)","multipleItemColorDisabled":"rgba(0, 0, 0, 0.25)","multipleItemBorderColorDisabled":"transparent","showArrowPaddingInlineEnd":18}},"Steps":{"global":["colorTextDisabled","controlHeightLG","colorTextLightSolid","colorText","colorPrimary","colorTextDescription","colorTextQuaternary","colorError","colorBorderSecondary","colorSplit","fontSize","lineHeight","fontFamily","motionDurationSlow","lineWidthFocus","colorPrimaryBorder","marginXS","lineWidth","lineType","paddingXXS","padding","fontSizeLG","fontWeightStrong","fontSizeSM","paddingSM","margin","controlHeight","marginXXS","paddingLG","marginSM","paddingXS","controlHeightSM","fontSizeIcon","lineWidthBold","marginLG","borderRadiusSM","motionDurationMid","controlItemBgHover","lineHeightSM","colorBorderBg"],"component":{"titleLineHeight":32,"customIconSize":32,"customIconTop":0,"customIconFontSize":24,"iconSize":32,"iconTop":-0.5,"iconFontSize":14,"iconSizeSM":24,"dotSize":8,"dotCurrentSize":10,"navArrowColor":"rgba(0, 0, 0, 0.25)","navContentMaxWidth":"auto","descriptionMaxWidth":140,"waitIconColor":"rgba(0, 0, 0, 0.25)","waitIconBgColor":"#ffffff","waitIconBorderColor":"rgba(0, 0, 0, 0.25)","finishIconBgColor":"#ffffff","finishIconBorderColor":"#1677ff"}},"Segmented":{"global":["lineWidth","controlPaddingHorizontal","controlPaddingHorizontalSM","controlHeight","controlHeightLG","controlHeightSM","colorText","fontSize","lineHeight","fontFamily","borderRadius","motionDurationMid","motionEaseInOut","borderRadiusSM","boxShadowTertiary","marginSM","paddingXXS","borderRadiusLG","fontSizeLG","borderRadiusXS","colorTextDisabled","motionDurationSlow"],"component":{"trackPadding":2,"trackBg":"#f5f5f5","itemColor":"rgba(0, 0, 0, 0.65)","itemHoverColor":"rgba(0, 0, 0, 0.88)","itemHoverBg":"rgba(0, 0, 0, 0.06)","itemSelectedBg":"#ffffff","itemActiveBg":"rgba(0, 0, 0, 0.15)","itemSelectedColor":"rgba(0, 0, 0, 0.88)"}},"Radio":{"global":["controlOutline","controlOutlineWidth","colorText","fontSize","lineHeight","fontFamily","colorPrimary","motionDurationSlow","motionDurationMid","motionEaseInOutCirc","colorBgContainer","colorBorder","lineWidth","colorBgContainerDisabled","colorTextDisabled","paddingXS","lineType","lineWidthFocus","colorPrimaryBorder","controlHeight","fontSizeLG","controlHeightLG","controlHeightSM","borderRadius","borderRadiusSM","borderRadiusLG","colorPrimaryHover","colorPrimaryActive"],"component":{"radioSize":16,"dotSize":8,"dotColorDisabled":"rgba(0, 0, 0, 0.25)","buttonSolidCheckedColor":"#fff","buttonSolidCheckedBg":"#1677ff","buttonSolidCheckedHoverBg":"#4096ff","buttonSolidCheckedActiveBg":"#0958d9","buttonBg":"#ffffff","buttonCheckedBg":"#ffffff","buttonColor":"rgba(0, 0, 0, 0.88)","buttonCheckedBgDisabled":"rgba(0, 0, 0, 0.15)","buttonCheckedColorDisabled":"rgba(0, 0, 0, 0.25)","buttonPaddingInline":15,"wrapperMarginInlineEnd":8,"radioColor":"#1677ff","radioBgColor":"#ffffff"}},"Rate":{"global":["colorText","fontSize","lineHeight","fontFamily","marginXS","motionDurationMid","lineWidth"],"component":{"starColor":"#fadb14","starSize":20,"starHoverScale":"scale(1.1)","starBg":"rgba(0, 0, 0, 0.06)"}},"QRCode":{"global":["colorText","lineWidth","lineType","colorSplit","fontSize","lineHeight","fontFamily","paddingSM","colorWhite","borderRadiusLG","marginXS","controlHeight"],"component":{"QRCodeMaskBackgroundColor":"rgba(255, 255, 255, 0.96)"}},"Popover":{"global":["colorBgElevated","colorText","fontWeightStrong","boxShadowSecondary","colorTextHeading","borderRadiusLG","fontSize","lineHeight","fontFamily","boxShadowPopoverArrow","sizePopupArrow","borderRadiusXS","blue6","purple6","cyan6","green6","magenta6","pink6","red6","orange6","yellow6","volcano6","geekblue6","lime6","gold6","motionDurationMid","motionEaseOutCirc","motionEaseInOutCirc"],"component":{"titleMinWidth":177,"zIndexPopup":1030,"arrowShadowWidth":8.970562748477143,"arrowPath":"path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z')","arrowPolygon":"polygon(1.6568542494923806px 100%, 50% 1.6568542494923806px, 14.34314575050762px 100%, 1.6568542494923806px 100%)","arrowOffsetHorizontal":12,"arrowOffsetVertical":8,"innerPadding":0,"titleMarginBottom":0,"titlePadding":"5px 16px 4px","titleBorderBottom":"1px solid rgba(5, 5, 5, 0.06)","innerContentPadding":"12px 16px"}},"Popconfirm":{"global":["colorText","colorWarning","marginXXS","marginXS","fontSize","fontWeightStrong","colorTextHeading"],"component":{"zIndexPopup":1060}},"Progress":{"global":["marginXXS","colorText","fontSize","lineHeight","fontFamily","marginXS","paddingXS","motionDurationSlow","motionEaseInOutCirc","colorSuccess","colorBgContainer","motionEaseOutQuint","colorError","fontSizeSM"],"component":{"circleTextColor":"rgba(0, 0, 0, 0.88)","defaultColor":"#1677ff","remainingColor":"rgba(0, 0, 0, 0.06)","lineBorderRadius":100,"circleTextFontSize":"1em","circleIconFontSize":"1.1666666666666667em"}},"Result":{"global":["colorInfo","colorError","colorSuccess","colorWarning","lineHeightHeading3","padding","paddingXL","paddingXS","paddingLG","marginXS","lineHeight","colorTextHeading","colorTextDescription","colorFillAlter"],"component":{"titleFontSize":24,"subtitleFontSize":14,"iconFontSize":72,"extraMargin":"24px 0 0 0"}},"Pagination":{"global":["marginXXS","controlHeightLG","marginSM","paddingXXS","colorText","fontSize","lineHeight","fontFamily","marginXS","lineWidth","lineType","borderRadius","motionDurationMid","colorBgTextHover","colorBgTextActive","fontWeightStrong","colorPrimary","colorPrimaryHover","fontSizeSM","colorTextDisabled","margin","controlHeight","colorTextPlaceholder","motionDurationSlow","lineHeightLG","borderRadiusLG","borderRadiusSM","colorBorder","colorBgContainer","colorBgContainerDisabled","controlOutlineWidth","controlOutline","controlHeightSM","screenLG","screenSM","lineWidthFocus","colorPrimaryBorder"],"component":{"itemBg":"#ffffff","itemSize":32,"itemSizeSM":24,"itemActiveBg":"#ffffff","itemLinkBg":"#ffffff","itemActiveColorDisabled":"rgba(0, 0, 0, 0.25)","itemActiveBgDisabled":"rgba(0, 0, 0, 0.15)","itemInputBg":"#ffffff","miniOptionsSizeChangerTop":0,"paddingBlock":4,"paddingBlockSM":0,"paddingBlockLG":7,"paddingInline":11,"paddingInlineSM":7,"paddingInlineLG":11,"addonBg":"rgba(0, 0, 0, 0.02)","activeBorderColor":"#1677ff","hoverBorderColor":"#4096ff","activeShadow":"0 0 0 2px rgba(5, 145, 255, 0.1)","errorActiveShadow":"0 0 0 2px rgba(255, 38, 5, 0.06)","warningActiveShadow":"0 0 0 2px rgba(255, 215, 5, 0.1)","hoverBg":"#ffffff","activeBg":"#ffffff","inputFontSize":14,"inputFontSizeLG":16,"inputFontSizeSM":14}},"Notification":{"global":["paddingMD","paddingLG","colorBgElevated","fontSizeLG","lineHeightLG","controlHeightLG","margin","paddingContentHorizontalLG","marginLG","motionDurationMid","motionEaseInOut","colorText","fontSize","lineHeight","fontFamily","boxShadow","borderRadiusLG","colorSuccess","colorInfo","colorWarning","colorError","colorTextHeading","marginXS","marginSM","colorIcon","borderRadiusSM","colorIconHover","colorBgTextHover","colorBgTextActive","lineWidthFocus","colorPrimaryBorder","motionDurationSlow","colorBgBlur"],"component":{"zIndexPopup":2050,"width":384}},"List":{"global":["controlHeightLG","controlHeight","paddingSM","marginLG","padding","colorPrimary","paddingXS","margin","colorText","colorTextDescription","motionDurationSlow","lineWidth","fontSize","lineHeight","fontFamily","marginXXS","marginXXL","fontHeight","colorSplit","fontSizeSM","colorTextDisabled","fontSizeLG","lineHeightLG","lineType","paddingLG","borderRadiusLG","colorBorder","screenSM","screenMD","marginSM"],"component":{"contentWidth":220,"itemPadding":"12px 0","itemPaddingSM":"8px 16px","itemPaddingLG":"16px 24px","headerBg":"transparent","footerBg":"transparent","emptyTextPadding":16,"metaMarginBottom":16,"avatarMarginRight":16,"titleMarginBottom":12,"descriptionFontSize":14}},"Layout":{"global":["colorText","motionDurationMid","motionDurationSlow","fontSize","borderRadius","fontSizeXL"],"component":{"colorBgHeader":"#001529","colorBgBody":"#f5f5f5","colorBgTrigger":"#002140","bodyBg":"#f5f5f5","headerBg":"#001529","headerHeight":64,"headerPadding":"0 50px","headerColor":"rgba(0, 0, 0, 0.88)","footerPadding":"24px 50px","footerBg":"#f5f5f5","siderBg":"#001529","triggerHeight":48,"triggerBg":"#002140","triggerColor":"#fff","zeroTriggerWidth":40,"zeroTriggerHeight":40,"lightSiderBg":"#ffffff","lightTriggerBg":"#ffffff","lightTriggerColor":"rgba(0, 0, 0, 0.88)"}},"InputNumber":{"global":["paddingXXS","lineWidth","lineType","borderRadius","fontSizeLG","controlHeightLG","controlHeightSM","colorError","colorTextDescription","motionDurationMid","colorTextDisabled","borderRadiusSM","borderRadiusLG","lineHeightLG","colorText","fontSize","lineHeight","fontFamily","colorTextPlaceholder","controlHeight","motionDurationSlow","colorBorder","colorBgContainer","colorBgContainerDisabled","colorErrorBorderHover","colorWarning","colorWarningBorderHover","colorFillTertiary","colorFillSecondary","colorPrimary","colorErrorBg","colorErrorBgHover","colorErrorText","colorWarningBg","colorWarningBgHover","colorWarningText","paddingXS","colorSplit"],"component":{"paddingBlock":4,"paddingBlockSM":0,"paddingBlockLG":7,"paddingInline":11,"paddingInlineSM":7,"paddingInlineLG":11,"addonBg":"rgba(0, 0, 0, 0.02)","activeBorderColor":"#1677ff","hoverBorderColor":"#4096ff","activeShadow":"0 0 0 2px rgba(5, 145, 255, 0.1)","errorActiveShadow":"0 0 0 2px rgba(255, 38, 5, 0.06)","warningActiveShadow":"0 0 0 2px rgba(255, 215, 5, 0.1)","hoverBg":"#ffffff","activeBg":"#ffffff","inputFontSize":14,"inputFontSizeLG":16,"inputFontSizeSM":14,"controlWidth":90,"handleWidth":22,"handleFontSize":7,"handleVisible":"auto","handleActiveBg":"rgba(0, 0, 0, 0.02)","handleBg":"#ffffff","filledHandleBg":"#f0f0f0","handleHoverColor":"#1677ff","handleBorderColor":"#d9d9d9","handleOpacity":0}},"Mentions":{"global":["paddingXXS","colorTextDisabled","controlItemBgHover","controlPaddingHorizontal","colorText","motionDurationSlow","lineHeight","controlHeight","fontSize","fontSizeIcon","colorTextTertiary","colorTextQuaternary","colorBgElevated","paddingLG","borderRadius","borderRadiusLG","boxShadowSecondary","fontFamily","motionDurationMid","colorTextPlaceholder","lineHeightLG","borderRadiusSM","colorBorder","colorBgContainer","lineWidth","lineType","colorBgContainerDisabled","colorError","colorErrorBorderHover","colorWarning","colorWarningBorderHover","colorFillTertiary","colorFillSecondary","colorPrimary","colorErrorBg","colorErrorBgHover","colorErrorText","colorWarningBg","colorWarningBgHover","colorWarningText","fontWeightStrong"],"component":{"paddingBlock":4,"paddingBlockSM":0,"paddingBlockLG":7,"paddingInline":11,"paddingInlineSM":7,"paddingInlineLG":11,"addonBg":"rgba(0, 0, 0, 0.02)","activeBorderColor":"#1677ff","hoverBorderColor":"#4096ff","activeShadow":"0 0 0 2px rgba(5, 145, 255, 0.1)","errorActiveShadow":"0 0 0 2px rgba(255, 38, 5, 0.06)","warningActiveShadow":"0 0 0 2px rgba(255, 215, 5, 0.1)","hoverBg":"#ffffff","activeBg":"#ffffff","inputFontSize":14,"inputFontSizeLG":16,"inputFontSizeSM":14,"dropdownHeight":250,"controlItemWidth":100,"zIndexPopup":1050,"itemPaddingVertical":5}},"Menu":{"global":["colorBgElevated","controlHeightLG","fontSize","motionDurationSlow","motionDurationMid","motionEaseInOut","paddingXS","padding","colorSplit","lineWidth","borderRadiusLG","lineType","colorText","lineHeight","fontFamily","motionEaseOut","borderRadius","margin","colorTextLightSolid","paddingXL","fontSizeLG","boxShadowSecondary","marginXS","lineWidthFocus","colorPrimaryBorder","motionEaseOutQuint","motionEaseInQuint","motionEaseOutCirc","motionEaseInOutCirc"],"component":{"dropdownWidth":160,"zIndexPopup":1050,"radiusItem":8,"itemBorderRadius":8,"radiusSubMenuItem":4,"subMenuItemBorderRadius":4,"colorItemText":"rgba(0, 0, 0, 0.88)","itemColor":"rgba(0, 0, 0, 0.88)","colorItemTextHover":"rgba(0, 0, 0, 0.88)","itemHoverColor":"rgba(0, 0, 0, 0.88)","colorItemTextHoverHorizontal":"#1677ff","horizontalItemHoverColor":"#1677ff","colorGroupTitle":"rgba(0, 0, 0, 0.45)","groupTitleColor":"rgba(0, 0, 0, 0.45)","colorItemTextSelected":"#1677ff","itemSelectedColor":"#1677ff","colorItemTextSelectedHorizontal":"#1677ff","horizontalItemSelectedColor":"#1677ff","colorItemBg":"#ffffff","itemBg":"#ffffff","colorItemBgHover":"rgba(0, 0, 0, 0.06)","itemHoverBg":"rgba(0, 0, 0, 0.06)","colorItemBgActive":"rgba(0, 0, 0, 0.06)","itemActiveBg":"#e6f4ff","colorSubItemBg":"rgba(0, 0, 0, 0.02)","subMenuItemBg":"rgba(0, 0, 0, 0.02)","colorItemBgSelected":"#e6f4ff","itemSelectedBg":"#e6f4ff","colorItemBgSelectedHorizontal":"transparent","horizontalItemSelectedBg":"transparent","colorActiveBarWidth":0,"activeBarWidth":0,"colorActiveBarHeight":2,"activeBarHeight":2,"colorActiveBarBorderSize":1,"activeBarBorderWidth":1,"colorItemTextDisabled":"rgba(0, 0, 0, 0.25)","itemDisabledColor":"rgba(0, 0, 0, 0.25)","colorDangerItemText":"#ff4d4f","dangerItemColor":"#ff4d4f","colorDangerItemTextHover":"#ff4d4f","dangerItemHoverColor":"#ff4d4f","colorDangerItemTextSelected":"#ff4d4f","dangerItemSelectedColor":"#ff4d4f","colorDangerItemBgActive":"#fff2f0","dangerItemActiveBg":"#fff2f0","colorDangerItemBgSelected":"#fff2f0","dangerItemSelectedBg":"#fff2f0","itemMarginInline":4,"horizontalItemBorderRadius":0,"horizontalItemHoverBg":"transparent","itemHeight":40,"groupTitleLineHeight":1.5714285714285714,"collapsedWidth":80,"popupBg":"#ffffff","itemMarginBlock":4,"itemPaddingInline":16,"horizontalLineHeight":"46px","iconSize":14,"iconMarginInlineEnd":10,"collapsedIconSize":16,"groupTitleFontSize":14,"darkItemDisabledColor":"rgba(255, 255, 255, 0.25)","darkItemColor":"rgba(255, 255, 255, 0.65)","darkDangerItemColor":"#ff4d4f","darkItemBg":"#001529","darkPopupBg":"#001529","darkSubMenuItemBg":"#000c17","darkItemSelectedColor":"#fff","darkItemSelectedBg":"#1677ff","darkDangerItemSelectedBg":"#ff4d4f","darkItemHoverBg":"transparent","darkGroupTitleColor":"rgba(255, 255, 255, 0.65)","darkItemHoverColor":"#fff","darkDangerItemHoverColor":"#ff7875","darkDangerItemSelectedColor":"#fff","darkDangerItemActiveBg":"#ff4d4f","itemWidth":"calc(100% - 8px)"}},"Modal":{"global":["padding","fontSizeHeading5","lineHeightHeading5","colorSplit","lineType","lineWidth","colorIcon","colorIconHover","controlHeight","fontHeight","screenSMMax","marginXS","colorText","fontSize","lineHeight","fontFamily","margin","paddingLG","fontWeightStrong","borderRadiusLG","boxShadow","zIndexPopupBase","borderRadiusSM","motionDurationMid","fontSizeLG","colorBgTextHover","colorBgTextActive","lineWidthFocus","colorPrimaryBorder","motionDurationSlow","colorBgMask","motionEaseOutCirc","motionEaseInOutCirc"],"component":{"footerBg":"transparent","headerBg":"#ffffff","titleLineHeight":1.5,"titleFontSize":16,"contentBg":"#ffffff","titleColor":"rgba(0, 0, 0, 0.88)","contentPadding":0,"headerPadding":"16px 24px","headerBorderBottom":"1px solid rgba(5, 5, 5, 0.06)","headerMarginBottom":0,"bodyPadding":24,"footerPadding":"8px 16px","footerBorderTop":"1px solid rgba(5, 5, 5, 0.06)","footerBorderRadius":"0 0 8px 8px","footerMarginTop":0,"confirmBodyPadding":"32px 32px 24px","confirmIconMarginInlineEnd":16,"confirmBtnsMarginTop":24}},"Message":{"global":["boxShadow","colorText","colorSuccess","colorError","colorWarning","colorInfo","fontSizeLG","motionEaseInOutCirc","motionDurationSlow","marginXS","paddingXS","borderRadiusLG","fontSize","lineHeight","fontFamily"],"component":{"zIndexPopup":2010,"contentBg":"#ffffff","contentPadding":"9px 12px"}},"Input":{"global":["paddingXXS","controlHeightSM","lineWidth","colorText","fontSize","lineHeight","fontFamily","borderRadius","motionDurationMid","colorTextPlaceholder","controlHeight","motionDurationSlow","lineHeightLG","borderRadiusLG","borderRadiusSM","colorBorder","colorBgContainer","lineType","colorTextDisabled","colorBgContainerDisabled","colorError","colorErrorBorderHover","colorWarning","colorWarningBorderHover","colorFillTertiary","colorFillSecondary","colorPrimary","colorErrorBg","colorErrorBgHover","colorErrorText","colorWarningBg","colorWarningBgHover","colorWarningText","controlHeightLG","paddingLG","colorTextDescription","paddingXS","colorIcon","colorIconHover","colorTextQuaternary","fontSizeIcon","colorTextTertiary","colorSplit","colorPrimaryHover","colorPrimaryActive"],"component":{"paddingBlock":4,"paddingBlockSM":0,"paddingBlockLG":7,"paddingInline":11,"paddingInlineSM":7,"paddingInlineLG":11,"addonBg":"rgba(0, 0, 0, 0.02)","activeBorderColor":"#1677ff","hoverBorderColor":"#4096ff","activeShadow":"0 0 0 2px rgba(5, 145, 255, 0.1)","errorActiveShadow":"0 0 0 2px rgba(255, 38, 5, 0.06)","warningActiveShadow":"0 0 0 2px rgba(255, 215, 5, 0.1)","hoverBg":"#ffffff","activeBg":"#ffffff","inputFontSize":14,"inputFontSizeLG":16,"inputFontSizeSM":14}},"Grid":{"global":[],"component":{}},"Dropdown":{"global":["marginXXS","sizePopupArrow","paddingXXS","motionDurationMid","fontSize","colorTextDisabled","fontSizeIcon","controlPaddingHorizontal","colorBgElevated","colorText","lineHeight","fontFamily","boxShadowPopoverArrow","borderRadiusXS","borderRadiusLG","boxShadowSecondary","lineWidthFocus","colorPrimaryBorder","colorTextDescription","marginXS","fontSizeSM","borderRadiusSM","controlItemBgHover","colorPrimary","controlItemBgActive","controlItemBgActiveHover","colorSplit","paddingXS","motionEaseOutQuint","motionEaseInQuint","motionEaseOutCirc","motionEaseInOutCirc","colorError","colorTextLightSolid"],"component":{"zIndexPopup":1050,"paddingBlock":5,"arrowOffsetHorizontal":12,"arrowOffsetVertical":8,"arrowShadowWidth":8.970562748477143,"arrowPath":"path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z')","arrowPolygon":"polygon(1.6568542494923806px 100%, 50% 1.6568542494923806px, 14.34314575050762px 100%, 1.6568542494923806px 100%)"}},"Empty":{"global":["controlHeightLG","margin","marginXS","marginXL","fontSize","lineHeight","opacityImage","colorText","colorTextDescription"],"component":{}},"Divider":{"global":["margin","marginLG","colorSplit","lineWidth","colorText","fontSize","lineHeight","fontFamily","colorTextHeading","fontSizeLG"],"component":{"textPaddingInline":"1em","orientationMargin":0.05,"verticalMarginInline":8}},"Image":{"global":["controlHeightLG","colorBgContainerDisabled","motionDurationSlow","paddingXXS","marginXXS","colorTextLightSolid","motionEaseOut","paddingSM","marginXL","margin","paddingLG","marginSM","zIndexPopupBase","colorBgMask","motionDurationMid","motionEaseOutCirc","motionEaseInOutCirc"],"component":{"zIndexPopup":1080,"previewOperationColor":"rgba(255, 255, 255, 0.65)","previewOperationHoverColor":"rgba(255, 255, 255, 0.85)","previewOperationColorDisabled":"rgba(255, 255, 255, 0.25)","previewOperationSize":18}},"Descriptions":{"global":["colorText","fontSize","lineHeight","fontFamily","lineWidth","lineType","colorSplit","padding","paddingLG","colorTextSecondary","paddingSM","paddingXS","fontWeightStrong","fontSizeLG","lineHeightLG","borderRadiusLG","colorTextTertiary"],"component":{"labelBg":"rgba(0, 0, 0, 0.02)","titleColor":"rgba(0, 0, 0, 0.88)","titleMarginBottom":20,"itemPaddingBottom":16,"colonMarginRight":8,"colonMarginLeft":2,"contentColor":"rgba(0, 0, 0, 0.88)","extraColor":"rgba(0, 0, 0, 0.88)"}},"Form":{"global":["colorText","fontSize","lineHeight","fontFamily","marginLG","colorTextDescription","fontSizeLG","lineWidth","lineType","colorBorder","controlOutlineWidth","controlOutline","paddingSM","controlHeightSM","controlHeightLG","colorError","colorWarning","marginXXS","controlHeight","motionDurationMid","motionEaseOut","motionEaseOutBack","colorSuccess","colorPrimary","motionDurationSlow","motionEaseInOut","margin","screenXSMax","screenSMMax","screenMDMax","screenLGMax"],"component":{"labelRequiredMarkColor":"#ff4d4f","labelColor":"rgba(0, 0, 0, 0.88)","labelFontSize":14,"labelHeight":32,"labelColonMarginInlineStart":2,"labelColonMarginInlineEnd":8,"itemMarginBottom":24,"verticalLabelPadding":"0 0 8px","verticalLabelMargin":0}},"Drawer":{"global":["borderRadiusSM","colorBgMask","colorBgElevated","motionDurationSlow","motionDurationMid","paddingXS","padding","paddingLG","fontSizeLG","lineHeightLG","lineWidth","lineType","colorSplit","marginXS","colorIcon","colorIconHover","colorBgTextHover","colorBgTextActive","colorText","fontWeightStrong","boxShadowDrawerLeft","boxShadowDrawerRight","boxShadowDrawerUp","boxShadowDrawerDown","lineWidthFocus","colorPrimaryBorder"],"component":{"zIndexPopup":1000,"footerPaddingBlock":8,"footerPaddingInline":16}},"ColorPicker":{"global":["colorTextQuaternary","marginSM","colorPrimary","motionDurationMid","colorBgElevated","colorTextDisabled","colorText","colorBgContainerDisabled","borderRadius","marginXS","controlHeight","controlHeightSM","colorBgTextActive","lineWidth","colorBorder","paddingXXS","fontSize","colorPrimaryHover","controlOutline","controlHeightLG","borderRadiusSM","colorFillSecondary","lineWidthBold","fontSizeSM","lineHeightSM","marginXXS","fontSizeIcon","paddingXS","colorTextPlaceholder","colorFill","colorWhite","fontHeightSM","motionEaseInBack","motionDurationFast","motionEaseOutBack","colorSplit","red6","controlOutlineWidth","colorError","colorWarning","colorErrorHover","colorWarningHover","colorErrorOutline","colorWarningOutline","controlHeightXS","borderRadiusXS","borderRadiusLG","fontSizeLG"],"component":{}},"DatePicker":{"global":["paddingXXS","controlHeightLG","padding","paddingSM","controlHeight","lineWidth","colorPrimary","colorPrimaryBorder","lineType","colorSplit","colorTextDisabled","colorBorder","borderRadius","motionDurationMid","colorTextPlaceholder","fontSizeLG","controlHeightSM","paddingXS","marginXS","colorTextDescription","lineWidthBold","motionDurationSlow","sizePopupArrow","colorBgElevated","borderRadiusLG","boxShadowSecondary","borderRadiusSM","boxShadowPopoverArrow","fontHeight","fontHeightLG","lineHeightLG","colorText","fontSize","lineHeight","fontFamily","colorBgContainer","colorTextHeading","colorIcon","colorIconHover","fontWeightStrong","colorTextLightSolid","controlItemBgActive","marginXXS","colorFillSecondary","colorTextTertiary","borderRadiusXS","motionEaseOutQuint","motionEaseInQuint","motionEaseOutCirc","motionEaseInOutCirc","colorBgContainerDisabled","colorError","colorErrorBorderHover","colorWarning","colorWarningBorderHover","colorFillTertiary","colorErrorBg","colorErrorBgHover","colorErrorText","colorWarningBg","colorWarningBgHover","colorWarningText"],"component":{"paddingBlock":4,"paddingBlockSM":0,"paddingBlockLG":7,"paddingInline":11,"paddingInlineSM":7,"paddingInlineLG":11,"addonBg":"rgba(0, 0, 0, 0.02)","activeBorderColor":"#1677ff","hoverBorderColor":"#4096ff","activeShadow":"0 0 0 2px rgba(5, 145, 255, 0.1)","errorActiveShadow":"0 0 0 2px rgba(255, 38, 5, 0.06)","warningActiveShadow":"0 0 0 2px rgba(255, 215, 5, 0.1)","hoverBg":"#ffffff","activeBg":"#ffffff","inputFontSize":14,"inputFontSizeLG":16,"inputFontSizeSM":14,"cellHoverBg":"rgba(0, 0, 0, 0.04)","cellActiveWithRangeBg":"#e6f4ff","cellHoverWithRangeBg":"#c8dfff","cellRangeBorderColor":"#7cb3ff","cellBgDisabled":"rgba(0, 0, 0, 0.04)","timeColumnWidth":56,"timeColumnHeight":224,"timeCellHeight":28,"cellWidth":36,"cellHeight":24,"textHeight":40,"withoutTimeCellHeight":66,"multipleItemBg":"rgba(0, 0, 0, 0.06)","multipleItemBorderColor":"transparent","multipleItemHeight":24,"multipleItemHeightSM":16,"multipleItemHeightLG":32,"multipleSelectorBgDisabled":"rgba(0, 0, 0, 0.04)","multipleItemColorDisabled":"rgba(0, 0, 0, 0.25)","multipleItemBorderColorDisabled":"transparent","arrowShadowWidth":8.970562748477143,"arrowPath":"path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z')","arrowPolygon":"polygon(1.6568542494923806px 100%, 50% 1.6568542494923806px, 14.34314575050762px 100%, 1.6568542494923806px 100%)","presetsWidth":120,"presetsMaxWidth":200,"zIndexPopup":1050}},"Collapse":{"global":["paddingXS","paddingSM","padding","paddingLG","borderRadiusLG","lineWidth","lineType","colorBorder","colorText","colorTextHeading","colorTextDisabled","fontSizeLG","lineHeight","lineHeightLG","marginSM","motionDurationSlow","fontSizeIcon","fontHeight","fontHeightLG","fontSize","fontFamily","paddingXXS","motionDurationMid","motionEaseInOut"],"component":{"headerPadding":"12px 16px","headerBg":"rgba(0, 0, 0, 0.02)","contentPadding":"16px 16px","contentBg":"#ffffff"}},"Flex":{"global":["paddingXS","padding","paddingLG"],"component":{}},"FloatButton":{"global":["colorTextLightSolid","colorBgElevated","controlHeightLG","marginXXL","marginLG","fontSize","fontSizeIcon","controlItemBgHover","paddingXXS","margin","borderRadiusLG","borderRadiusSM","colorText","lineHeight","fontFamily","lineWidth","lineType","colorSplit","boxShadowSecondary","motionDurationMid","colorFillContent","fontSizeLG","fontSizeSM","colorPrimary","colorPrimaryHover","motionDurationSlow","motionEaseInOutCirc"],"component":{"dotOffsetInCircle":5.857864376269049,"dotOffsetInSquare":2.3431457505076194}},"Checkbox":{"global":["controlInteractiveSize","colorText","fontSize","lineHeight","fontFamily","marginXS","borderRadiusSM","lineWidthFocus","colorPrimaryBorder","colorBgContainer","lineWidth","lineType","colorBorder","motionDurationSlow","lineWidthBold","colorWhite","motionDurationFast","motionEaseInBack","paddingXS","colorPrimary","colorPrimaryHover","motionDurationMid","motionEaseOutBack","fontSizeLG","colorBgContainerDisabled","colorTextDisabled"],"component":{}},"Cascader":{"global":["controlInteractiveSize","colorText","fontSize","lineHeight","fontFamily","marginXS","borderRadiusSM","lineWidthFocus","colorPrimaryBorder","colorBgContainer","lineWidth","lineType","colorBorder","motionDurationSlow","lineWidthBold","colorWhite","motionDurationFast","motionEaseInBack","paddingXS","colorPrimary","colorPrimaryHover","motionDurationMid","motionEaseOutBack","fontSizeLG","colorBgContainerDisabled","colorTextDisabled","colorSplit","controlItemBgHover","paddingXXS","colorTextDescription","fontSizeIcon","colorHighlight"],"component":{"controlWidth":184,"controlItemWidth":111,"dropdownHeight":180,"optionSelectedBg":"#e6f4ff","optionSelectedFontWeight":600,"optionPadding":"5px 12px","menuPadding":4}},"Carousel":{"global":["controlHeightLG","controlHeightSM","marginXXS","colorText","fontSize","lineHeight","fontFamily","motionDurationSlow","colorBgContainer"],"component":{"dotWidth":16,"dotHeight":3,"dotWidthActive":24,"dotActiveWidth":24}},"Calendar":{"global":["controlHeightLG","paddingXXS","padding","controlHeightSM","fontHeightSM","marginXS","lineWidth","paddingSM","paddingXS","colorBgContainer","lineType","borderRadiusLG","colorPrimary","colorTextHeading","colorSplit","colorIcon","motionDurationMid","colorIconHover","fontWeightStrong","colorTextDisabled","colorText","fontSize","motionDurationSlow","borderRadiusSM","colorTextLightSolid","controlItemBgActive","marginXXS","colorFillSecondary","colorTextTertiary","lineHeight","fontFamily","controlItemBgHover","lineWidthBold","screenXS"],"component":{"fullBg":"#ffffff","fullPanelBg":"#ffffff","itemActiveBg":"#e6f4ff","yearControlWidth":80,"monthControlWidth":70,"miniContentHeight":256,"cellHoverBg":"rgba(0, 0, 0, 0.04)","cellActiveWithRangeBg":"#e6f4ff","cellHoverWithRangeBg":"#c8dfff","cellRangeBorderColor":"#7cb3ff","cellBgDisabled":"rgba(0, 0, 0, 0.04)","timeColumnWidth":56,"timeColumnHeight":224,"timeCellHeight":28,"cellWidth":36,"cellHeight":24,"textHeight":40,"withoutTimeCellHeight":66,"multipleItemBg":"rgba(0, 0, 0, 0.06)","multipleItemBorderColor":"transparent","multipleItemHeight":24,"multipleItemHeightSM":16,"multipleItemHeightLG":32,"multipleSelectorBgDisabled":"rgba(0, 0, 0, 0.04)","multipleItemColorDisabled":"rgba(0, 0, 0, 0.25)","multipleItemBorderColorDisabled":"transparent"}},"Card":{"global":["boxShadowCard","padding","paddingLG","fontSize","colorBorderSecondary","boxShadowTertiary","colorText","lineHeight","fontFamily","colorBgContainer","borderRadiusLG","colorTextHeading","fontWeightStrong","lineWidth","lineType","motionDurationMid","colorTextDescription","colorPrimary","fontHeight","marginXXS","marginXS","fontSizeLG","colorFillAlter"],"component":{"headerBg":"transparent","headerFontSize":16,"headerFontSizeSM":14,"headerHeight":56,"headerHeightSM":38,"actionsBg":"#ffffff","actionsLiMargin":"12px 0","tabsMarginBottom":-17,"extraColor":"rgba(0, 0, 0, 0.88)"}},"Button":{"global":["lineWidth","lineType","motionDurationMid","motionEaseInOut","colorText","marginXS","lineWidthFocus","colorPrimaryBorder","controlHeight","borderRadius","opacityLoading","motionDurationSlow","controlHeightSM","paddingXS","borderRadiusSM","controlHeightLG","borderRadiusLG","colorTextDisabled","colorBgContainerDisabled","colorBorder","colorError","colorErrorHover","colorErrorBorderHover","colorErrorActive","colorPrimary","colorTextLightSolid","colorPrimaryHover","colorPrimaryActive","colorLink","colorLinkHover","colorLinkActive","colorBgTextActive","colorErrorBg","colorBgContainer","fontSize"],"component":{"fontWeight":400,"defaultShadow":"0 2px 0 rgba(0, 0, 0, 0.02)","primaryShadow":"0 2px 0 rgba(5, 145, 255, 0.1)","dangerShadow":"0 2px 0 rgba(255, 38, 5, 0.06)","primaryColor":"#fff","dangerColor":"#fff","borderColorDisabled":"#d9d9d9","defaultGhostColor":"#ffffff","ghostBg":"transparent","defaultGhostBorderColor":"#ffffff","paddingInline":15,"paddingInlineLG":15,"paddingInlineSM":7,"onlyIconSize":16,"onlyIconSizeSM":14,"onlyIconSizeLG":18,"groupBorderColor":"#4096ff","linkHoverBg":"transparent","textHoverBg":"rgba(0, 0, 0, 0.06)","defaultColor":"rgba(0, 0, 0, 0.88)","defaultBg":"#ffffff","defaultBorderColor":"#d9d9d9","defaultBorderColorDisabled":"#d9d9d9","defaultHoverBg":"#ffffff","defaultHoverColor":"#4096ff","defaultHoverBorderColor":"#4096ff","defaultActiveBg":"#ffffff","defaultActiveColor":"#0958d9","defaultActiveBorderColor":"#0958d9","contentFontSize":14,"contentFontSizeSM":14,"contentFontSizeLG":16,"contentLineHeight":1.5714285714285714,"contentLineHeightSM":1.5714285714285714,"contentLineHeightLG":1.5,"paddingBlock":4,"paddingBlockSM":0,"paddingBlockLG":7}},"Breadcrumb":{"global":["colorText","fontSize","lineHeight","fontFamily","motionDurationMid","paddingXXS","borderRadiusSM","fontHeight","marginXXS","colorBgTextHover","lineWidthFocus","colorPrimaryBorder","fontSizeIcon"],"component":{"itemColor":"rgba(0, 0, 0, 0.45)","lastItemColor":"rgba(0, 0, 0, 0.88)","iconFontSize":14,"linkColor":"rgba(0, 0, 0, 0.45)","linkHoverColor":"rgba(0, 0, 0, 0.88)","separatorColor":"rgba(0, 0, 0, 0.45)","separatorMargin":8}},"Badge":{"global":["fontHeight","lineWidth","marginXS","colorBorderBg","colorBgContainer","colorError","colorErrorHover","motionDurationSlow","blue1","blue3","blue6","blue7","purple1","purple3","purple6","purple7","cyan1","cyan3","cyan6","cyan7","green1","green3","green6","green7","magenta1","magenta3","magenta6","magenta7","pink1","pink3","pink6","pink7","red1","red3","red6","red7","orange1","orange3","orange6","orange7","yellow1","yellow3","yellow6","yellow7","volcano1","volcano3","volcano6","volcano7","geekblue1","geekblue3","geekblue6","geekblue7","lime1","lime3","lime6","lime7","gold1","gold3","gold6","gold7","colorText","fontSize","lineHeight","fontFamily","motionDurationMid","paddingXS","colorSuccess","colorPrimary","colorTextPlaceholder","colorWarning","motionEaseOutBack"],"component":{"indicatorZIndex":"auto","indicatorHeight":20,"indicatorHeightSM":14,"dotSize":6,"textFontSize":12,"textFontSizeSM":12,"textFontWeight":"normal","statusSize":6}},"Avatar":{"global":["colorTextLightSolid","colorTextPlaceholder","borderRadius","borderRadiusLG","borderRadiusSM","lineWidth","lineType","colorText","fontSize","lineHeight","fontFamily"],"component":{"containerSize":32,"containerSizeLG":40,"containerSizeSM":24,"textFontSize":18,"textFontSizeLG":24,"textFontSizeSM":14,"groupSpace":4,"groupOverlapping":-8,"groupBorderColor":"#ffffff"}},"Alert":{"global":["motionDurationSlow","marginXS","marginSM","fontSize","fontSizeLG","lineHeight","borderRadiusLG","motionEaseInOutCirc","colorText","colorTextHeading","fontFamily","colorSuccess","colorSuccessBorder","colorSuccessBg","colorWarning","colorWarningBorder","colorWarningBg","colorError","colorErrorBorder","colorErrorBg","colorInfo","colorInfoBorder","colorInfoBg","lineWidth","lineType","motionDurationMid","fontSizeIcon","colorIcon","colorIconHover"],"component":{"withDescriptionIconSize":24,"defaultPadding":"8px 12px","withDescriptionPadding":"20px 24px"}},"Anchor":{"global":["fontSize","fontSizeLG","paddingXXS","motionDurationSlow","lineWidthBold","colorPrimary","lineType","colorSplit","colorText","lineHeight","fontFamily","lineWidth"],"component":{"linkPaddingBlock":4,"linkPaddingInlineStart":16}},"App":{"global":["colorText","fontSize","lineHeight","fontFamily"],"component":{}},"Affix":{"global":[],"component":{"zIndexPopup":10}},"BackTop":{"global":["fontSizeHeading3","colorTextDescription","colorTextLightSolid","colorText","controlHeightLG","fontSize","lineHeight","fontFamily","motionDurationMid","screenMD","screenXS"],"component":{"zIndexPopup":10}}} | ||
{"Upload":{"global":["fontSizeHeading3","fontHeight","lineWidth","controlHeightLG","colorTextDisabled","colorText","fontSize","lineHeight","fontFamily","colorFillAlter","colorBorder","borderRadiusLG","motionDurationSlow","padding","lineWidthFocus","colorPrimaryBorder","colorPrimaryHover","margin","colorPrimary","marginXXS","colorTextHeading","fontSizeLG","colorTextDescription","paddingXS","lineType","paddingSM","fontSizeHeading2","colorError","colorErrorBg","colorTextLightSolid","marginXS","colorBgMask","marginXL","fontHeightSM","controlItemBgHover","motionEaseInOutCirc","motionDurationMid","motionEaseInOut"],"component":{"actionsColor":"rgba(0, 0, 0, 0.45)"}},"Typography":{"global":["colorText","lineHeight","colorTextDescription","colorSuccess","colorWarning","colorError","colorErrorActive","colorErrorHover","colorTextDisabled","fontSizeHeading1","lineHeightHeading1","colorTextHeading","fontWeightStrong","fontSizeHeading2","lineHeightHeading2","fontSizeHeading3","lineHeightHeading3","fontSizeHeading4","lineHeightHeading4","fontSizeHeading5","lineHeightHeading5","fontFamilyCode","colorLink","motionDurationSlow","colorLinkHover","colorLinkActive","linkDecoration","linkHoverDecoration","marginXXS","paddingSM","marginXS","fontSize"],"component":{"titleMarginTop":"1.2em","titleMarginBottom":"0.5em"}},"TreeSelect":{"global":["colorBgElevated","paddingXS","colorText","fontSize","lineHeight","fontFamily","borderRadius","motionDurationSlow","lineWidthFocus","colorPrimaryBorder","colorPrimary","colorTextDisabled","controlItemBgHover","colorBgTextHover","colorBorder","marginXXS","motionDurationMid","lineWidthBold","controlInteractiveSize","marginXS","borderRadiusSM","colorBgContainer","lineWidth","lineType","colorWhite","motionDurationFast","motionEaseInBack","colorPrimaryHover","motionEaseOutBack","fontSizeLG","colorBgContainerDisabled"],"component":{"titleHeight":24,"nodeHoverBg":"rgba(0, 0, 0, 0.04)","nodeSelectedBg":"#e6f4ff"}},"Tree":{"global":["controlInteractiveSize","colorText","fontSize","lineHeight","fontFamily","marginXS","borderRadiusSM","lineWidthFocus","colorPrimaryBorder","colorBgContainer","lineWidth","lineType","colorBorder","motionDurationSlow","lineWidthBold","colorWhite","motionDurationFast","motionEaseInBack","paddingXS","colorPrimary","colorPrimaryHover","motionDurationMid","motionEaseOutBack","fontSizeLG","colorBgContainerDisabled","colorTextDisabled","borderRadius","controlItemBgHover","colorBgTextHover","marginXXS","motionEaseInOut"],"component":{"titleHeight":24,"nodeHoverBg":"rgba(0, 0, 0, 0.04)","nodeSelectedBg":"#e6f4ff","directoryNodeSelectedColor":"#fff","directoryNodeSelectedBg":"#1677ff"}},"Transfer":{"global":["marginXS","marginXXS","fontSizeIcon","colorBgContainerDisabled","colorText","fontSize","lineHeight","fontFamily","colorBorder","colorSplit","lineWidth","controlItemBgActive","colorTextDisabled","paddingSM","lineType","motionDurationSlow","controlItemBgHover","borderRadiusLG","colorBgContainer","controlItemBgActiveHover","colorLinkHover","paddingXS","controlHeightLG","colorError","colorWarning"],"component":{"listWidth":180,"listHeight":200,"listWidthLG":250,"headerHeight":40,"itemHeight":32,"itemPaddingBlock":5,"transferHeaderVerticalPadding":9}},"Tooltip":{"global":["borderRadius","colorTextLightSolid","colorBgSpotlight","controlHeight","boxShadowSecondary","paddingSM","paddingXS","colorText","fontSize","lineHeight","fontFamily","blue1","blue3","blue6","blue7","purple1","purple3","purple6","purple7","cyan1","cyan3","cyan6","cyan7","green1","green3","green6","green7","magenta1","magenta3","magenta6","magenta7","pink1","pink3","pink6","pink7","red1","red3","red6","red7","orange1","orange3","orange6","orange7","yellow1","yellow3","yellow6","yellow7","volcano1","volcano3","volcano6","volcano7","geekblue1","geekblue3","geekblue6","geekblue7","lime1","lime3","lime6","lime7","gold1","gold3","gold6","gold7","boxShadowPopoverArrow","sizePopupArrow","borderRadiusXS","motionDurationFast","motionEaseOutCirc","motionEaseInOutCirc"],"component":{"zIndexPopup":1070,"arrowOffsetHorizontal":12,"arrowOffsetVertical":8,"arrowShadowWidth":8.970562748477143,"arrowPath":"path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z')","arrowPolygon":"polygon(1.6568542494923806px 100%, 50% 1.6568542494923806px, 14.34314575050762px 100%, 1.6568542494923806px 100%)"}},"Timeline":{"global":["paddingXXS","colorText","fontSize","lineHeight","fontFamily","lineType","fontSizeSM","colorPrimary","colorError","colorSuccess","colorTextDisabled","lineWidth","margin","controlHeightLG","marginXXS","marginSM","marginXS"],"component":{"tailColor":"rgba(5, 5, 5, 0.06)","tailWidth":2,"dotBorderWidth":2,"dotBg":"#ffffff","itemPaddingBottom":20}},"Tabs":{"global":["paddingXXS","borderRadius","marginSM","marginXS","marginXXS","margin","colorBorderSecondary","lineWidth","lineType","lineWidthBold","motionDurationSlow","controlHeight","boxShadowTabsOverflowLeft","boxShadowTabsOverflowRight","boxShadowTabsOverflowTop","boxShadowTabsOverflowBottom","colorBorder","paddingLG","colorText","fontSize","lineHeight","fontFamily","colorBgContainer","borderRadiusLG","boxShadowSecondary","paddingSM","colorTextDescription","fontSizeSM","controlItemBgHover","colorTextDisabled","motionEaseInOut","controlHeightLG","paddingXS","lineWidthFocus","colorPrimaryBorder","colorTextHeading","motionDurationMid","motionEaseOutQuint","motionEaseInQuint"],"component":{"zIndexPopup":1050,"cardBg":"rgba(0, 0, 0, 0.02)","cardHeight":40,"cardPadding":"8px 16px","cardPaddingSM":"6px 16px","cardPaddingLG":"8px 16px 6px","titleFontSize":14,"titleFontSizeLG":16,"titleFontSizeSM":14,"inkBarColor":"#1677ff","horizontalMargin":"0 0 16px 0","horizontalItemGutter":32,"horizontalItemMargin":"","horizontalItemMarginRTL":"","horizontalItemPadding":"12px 0","horizontalItemPaddingSM":"8px 0","horizontalItemPaddingLG":"16px 0","verticalItemPadding":"8px 24px","verticalItemMargin":"16px 0 0 0","itemColor":"rgba(0, 0, 0, 0.88)","itemSelectedColor":"#1677ff","itemHoverColor":"#4096ff","itemActiveColor":"#0958d9","cardGutter":2}},"Tour":{"global":["borderRadiusLG","lineHeight","padding","paddingXS","borderRadius","borderRadiusXS","colorPrimary","colorText","colorFill","boxShadowTertiary","fontSize","colorBgElevated","fontWeightStrong","marginXS","colorTextLightSolid","colorWhite","motionDurationSlow","fontFamily","colorIcon","borderRadiusSM","motionDurationMid","colorIconHover","colorBgTextHover","colorBgTextActive","lineWidthFocus","colorPrimaryBorder","boxShadowPopoverArrow","sizePopupArrow"],"component":{"zIndexPopup":1070,"closeBtnSize":22,"primaryPrevBtnBg":"rgba(255, 255, 255, 0.15)","primaryNextBtnHoverBg":"rgb(240, 240, 240)","arrowOffsetHorizontal":12,"arrowOffsetVertical":8,"arrowShadowWidth":8.970562748477143,"arrowPath":"path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z')","arrowPolygon":"polygon(1.6568542494923806px 100%, 50% 1.6568542494923806px, 14.34314575050762px 100%, 1.6568542494923806px 100%)"}},"Tag":{"global":["lineWidth","fontSizeIcon","fontSizeSM","lineHeightSM","paddingXXS","colorText","fontSize","lineHeight","fontFamily","marginXS","lineType","colorBorder","borderRadiusSM","motionDurationMid","colorTextDescription","colorTextHeading","colorTextLightSolid","colorPrimary","colorFillSecondary","colorPrimaryHover","colorPrimaryActive"],"component":{"defaultBg":"#fafafa","defaultColor":"rgba(0, 0, 0, 0.88)"}},"Switch":{"global":["motionDurationMid","colorPrimary","opacityLoading","fontSizeIcon","colorText","fontSize","lineHeight","fontFamily","colorTextQuaternary","colorTextTertiary","lineWidthFocus","colorPrimaryBorder","colorPrimaryHover","colorTextLightSolid","fontSizeSM","marginXXS"],"component":{"trackHeight":22,"trackHeightSM":16,"trackMinWidth":44,"trackMinWidthSM":28,"trackPadding":2,"handleBg":"#fff","handleSize":18,"handleSizeSM":12,"handleShadow":"0 2px 4px 0 rgba(0, 35, 11, 0.2)","innerMinMargin":9,"innerMaxMargin":24,"innerMinMarginSM":6,"innerMaxMarginSM":18}},"Steps":{"global":["colorTextDisabled","controlHeightLG","colorTextLightSolid","colorText","colorPrimary","colorTextDescription","colorTextQuaternary","colorError","colorBorderSecondary","colorSplit","fontSize","lineHeight","fontFamily","motionDurationSlow","lineWidthFocus","colorPrimaryBorder","marginXS","lineWidth","lineType","paddingXXS","padding","fontSizeLG","fontWeightStrong","fontSizeSM","paddingSM","margin","controlHeight","marginXXS","paddingLG","marginSM","paddingXS","controlHeightSM","fontSizeIcon","lineWidthBold","marginLG","borderRadiusSM","motionDurationMid","controlItemBgHover","lineHeightSM","colorBorderBg"],"component":{"titleLineHeight":32,"customIconSize":32,"customIconTop":0,"customIconFontSize":24,"iconSize":32,"iconTop":-0.5,"iconFontSize":14,"iconSizeSM":24,"dotSize":8,"dotCurrentSize":10,"navArrowColor":"rgba(0, 0, 0, 0.25)","navContentMaxWidth":"auto","descriptionMaxWidth":140,"waitIconColor":"rgba(0, 0, 0, 0.25)","waitIconBgColor":"#ffffff","waitIconBorderColor":"rgba(0, 0, 0, 0.25)","finishIconBgColor":"#ffffff","finishIconBorderColor":"#1677ff"}},"Statistic":{"global":["marginXXS","padding","colorTextDescription","colorTextHeading","fontFamily","colorText","fontSize","lineHeight"],"component":{"titleFontSize":14,"contentFontSize":24}},"Table":{"global":["colorTextHeading","colorSplit","colorBgContainer","controlInteractiveSize","padding","fontWeightStrong","lineWidth","lineType","motionDurationMid","colorText","fontSize","lineHeight","fontFamily","margin","paddingXS","marginXXS","fontSizeIcon","motionDurationSlow","colorPrimary","paddingXXS","fontSizeSM","borderRadius","colorTextDescription","colorTextDisabled","controlItemBgHover","controlItemBgActive","boxShadowSecondary","colorLink","colorLinkHover","colorLinkActive","opacityLoading"],"component":{"headerBg":"#fafafa","headerColor":"rgba(0, 0, 0, 0.88)","headerSortActiveBg":"#f0f0f0","headerSortHoverBg":"#f0f0f0","bodySortBg":"#fafafa","rowHoverBg":"#fafafa","rowSelectedBg":"#e6f4ff","rowSelectedHoverBg":"#bae0ff","rowExpandedBg":"rgba(0, 0, 0, 0.02)","cellPaddingBlock":16,"cellPaddingInline":16,"cellPaddingBlockMD":12,"cellPaddingInlineMD":8,"cellPaddingBlockSM":8,"cellPaddingInlineSM":8,"borderColor":"#f0f0f0","headerBorderRadius":8,"footerBg":"#fafafa","footerColor":"rgba(0, 0, 0, 0.88)","cellFontSize":14,"cellFontSizeMD":14,"cellFontSizeSM":14,"headerSplitColor":"#f0f0f0","fixedHeaderSortActiveBg":"#f0f0f0","headerFilterHoverBg":"rgba(0, 0, 0, 0.06)","filterDropdownMenuBg":"#ffffff","filterDropdownBg":"#ffffff","expandIconBg":"#ffffff","selectionColumnWidth":32,"stickyScrollBarBg":"rgba(0, 0, 0, 0.25)","stickyScrollBarBorderRadius":100,"expandIconMarginTop":2.5,"headerIconColor":"rgba(0, 0, 0, 0.29)","headerIconHoverColor":"rgba(0, 0, 0, 0.57)","expandIconHalfInner":7,"expandIconSize":17,"expandIconScale":0.9411764705882353}},"Spin":{"global":["colorTextDescription","colorText","fontSize","lineHeight","fontFamily","colorPrimary","motionDurationSlow","motionEaseInOutCirc","colorBgMask","zIndexPopupBase","motionDurationMid","colorWhite","colorTextLightSolid","colorBgContainer","marginXXS"],"component":{"contentHeight":400,"dotSize":20,"dotSizeSM":14,"dotSizeLG":32}},"Skeleton":{"global":["controlHeight","controlHeightLG","controlHeightSM","padding","marginSM","controlHeightXS","borderRadiusSM"],"component":{"color":"rgba(0, 0, 0, 0.06)","colorGradientEnd":"rgba(0, 0, 0, 0.15)","gradientFromColor":"rgba(0, 0, 0, 0.06)","gradientToColor":"rgba(0, 0, 0, 0.15)","titleHeight":16,"blockRadius":4,"paragraphMarginTop":28,"paragraphLiHeight":16}},"Segmented":{"global":["lineWidth","controlPaddingHorizontal","controlPaddingHorizontalSM","controlHeight","controlHeightLG","controlHeightSM","colorText","fontSize","lineHeight","fontFamily","borderRadius","motionDurationMid","motionEaseInOut","borderRadiusSM","boxShadowTertiary","marginSM","paddingXXS","borderRadiusLG","fontSizeLG","borderRadiusXS","colorTextDisabled","motionDurationSlow"],"component":{"trackPadding":2,"trackBg":"#f5f5f5","itemColor":"rgba(0, 0, 0, 0.65)","itemHoverColor":"rgba(0, 0, 0, 0.88)","itemHoverBg":"rgba(0, 0, 0, 0.06)","itemSelectedBg":"#ffffff","itemActiveBg":"rgba(0, 0, 0, 0.15)","itemSelectedColor":"rgba(0, 0, 0, 0.88)"}},"Slider":{"global":["controlHeight","controlHeightLG","colorFillContentHover","colorText","fontSize","lineHeight","fontFamily","borderRadiusXS","motionDurationMid","colorPrimaryBorderHover","colorBgElevated","colorTextDescription","motionDurationSlow"],"component":{"controlSize":10,"railSize":4,"handleSize":10,"handleSizeHover":12,"dotSize":8,"handleLineWidth":2,"handleLineWidthHover":4,"railBg":"rgba(0, 0, 0, 0.04)","railHoverBg":"rgba(0, 0, 0, 0.06)","trackBg":"#91caff","trackHoverBg":"#69b1ff","handleColor":"#91caff","handleActiveColor":"#1677ff","handleColorDisabled":"#bfbfbf","dotBorderColor":"#f0f0f0","dotActiveBorderColor":"#91caff","trackBgDisabled":"rgba(0, 0, 0, 0.04)"}},"Space":{"global":["paddingXS","padding","paddingLG"],"component":{}},"Select":{"global":["paddingSM","controlHeight","colorText","fontSize","lineHeight","fontFamily","motionDurationMid","motionEaseInOut","colorTextPlaceholder","fontSizeIcon","colorTextQuaternary","motionDurationSlow","colorTextTertiary","paddingXS","controlPaddingHorizontalSM","lineWidth","borderRadius","controlHeightSM","borderRadiusSM","fontSizeLG","borderRadiusLG","borderRadiusXS","controlHeightLG","controlPaddingHorizontal","paddingXXS","colorIcon","colorIconHover","colorBgElevated","boxShadowSecondary","colorTextDescription","fontSizeSM","colorPrimary","colorBgContainerDisabled","colorTextDisabled","motionEaseOutQuint","motionEaseInQuint","motionEaseOutCirc","motionEaseInOutCirc","colorBorder","colorPrimaryHover","controlOutline","controlOutlineWidth","lineType","colorError","colorErrorHover","colorErrorOutline","colorWarning","colorWarningHover","colorWarningOutline","colorFillTertiary","colorFillSecondary","colorErrorBg","colorErrorBgHover","colorWarningBg","colorWarningBgHover","colorBgContainer","colorSplit"],"component":{"zIndexPopup":1050,"optionSelectedColor":"rgba(0, 0, 0, 0.88)","optionSelectedFontWeight":600,"optionSelectedBg":"#e6f4ff","optionActiveBg":"rgba(0, 0, 0, 0.04)","optionPadding":"5px 12px","optionFontSize":14,"optionLineHeight":1.5714285714285714,"optionHeight":32,"selectorBg":"#ffffff","clearBg":"#ffffff","singleItemHeightLG":40,"multipleItemBg":"rgba(0, 0, 0, 0.06)","multipleItemBorderColor":"transparent","multipleItemHeight":24,"multipleItemHeightSM":16,"multipleItemHeightLG":32,"multipleSelectorBgDisabled":"rgba(0, 0, 0, 0.04)","multipleItemColorDisabled":"rgba(0, 0, 0, 0.25)","multipleItemBorderColorDisabled":"transparent","showArrowPaddingInlineEnd":18}},"Rate":{"global":["colorText","fontSize","lineHeight","fontFamily","marginXS","motionDurationMid","lineWidth"],"component":{"starColor":"#fadb14","starSize":20,"starHoverScale":"scale(1.1)","starBg":"rgba(0, 0, 0, 0.06)"}},"Result":{"global":["colorInfo","colorError","colorSuccess","colorWarning","lineHeightHeading3","padding","paddingXL","paddingXS","paddingLG","marginXS","lineHeight","colorTextHeading","colorTextDescription","colorFillAlter"],"component":{"titleFontSize":24,"subtitleFontSize":14,"iconFontSize":72,"extraMargin":"24px 0 0 0"}},"QRCode":{"global":["colorText","lineWidth","lineType","colorSplit","fontSize","lineHeight","fontFamily","paddingSM","colorWhite","borderRadiusLG","marginXS","controlHeight"],"component":{"QRCodeMaskBackgroundColor":"rgba(255, 255, 255, 0.96)"}},"Radio":{"global":["controlOutline","controlOutlineWidth","colorText","fontSize","lineHeight","fontFamily","colorPrimary","motionDurationSlow","motionDurationMid","motionEaseInOutCirc","colorBgContainer","colorBorder","lineWidth","colorBgContainerDisabled","colorTextDisabled","paddingXS","lineType","lineWidthFocus","colorPrimaryBorder","controlHeight","fontSizeLG","controlHeightLG","controlHeightSM","borderRadius","borderRadiusSM","borderRadiusLG","colorPrimaryHover","colorPrimaryActive"],"component":{"radioSize":16,"dotSize":8,"dotColorDisabled":"rgba(0, 0, 0, 0.25)","buttonSolidCheckedColor":"#fff","buttonSolidCheckedBg":"#1677ff","buttonSolidCheckedHoverBg":"#4096ff","buttonSolidCheckedActiveBg":"#0958d9","buttonBg":"#ffffff","buttonCheckedBg":"#ffffff","buttonColor":"rgba(0, 0, 0, 0.88)","buttonCheckedBgDisabled":"rgba(0, 0, 0, 0.15)","buttonCheckedColorDisabled":"rgba(0, 0, 0, 0.25)","buttonPaddingInline":15,"wrapperMarginInlineEnd":8,"radioColor":"#1677ff","radioBgColor":"#ffffff"}},"Progress":{"global":["marginXXS","colorText","fontSize","lineHeight","fontFamily","marginXS","paddingXS","motionDurationSlow","motionEaseInOutCirc","colorSuccess","colorBgContainer","motionEaseOutQuint","colorError","fontSizeSM"],"component":{"circleTextColor":"rgba(0, 0, 0, 0.88)","defaultColor":"#1677ff","remainingColor":"rgba(0, 0, 0, 0.06)","lineBorderRadius":100,"circleTextFontSize":"1em","circleIconFontSize":"1.1666666666666667em"}},"Popover":{"global":["colorBgElevated","colorText","fontWeightStrong","boxShadowSecondary","colorTextHeading","borderRadiusLG","fontSize","lineHeight","fontFamily","boxShadowPopoverArrow","sizePopupArrow","borderRadiusXS","blue6","purple6","cyan6","green6","magenta6","pink6","red6","orange6","yellow6","volcano6","geekblue6","lime6","gold6","motionDurationMid","motionEaseOutCirc","motionEaseInOutCirc"],"component":{"titleMinWidth":177,"zIndexPopup":1030,"arrowShadowWidth":8.970562748477143,"arrowPath":"path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z')","arrowPolygon":"polygon(1.6568542494923806px 100%, 50% 1.6568542494923806px, 14.34314575050762px 100%, 1.6568542494923806px 100%)","arrowOffsetHorizontal":12,"arrowOffsetVertical":8,"innerPadding":0,"titleMarginBottom":0,"titlePadding":"5px 16px 4px","titleBorderBottom":"1px solid rgba(5, 5, 5, 0.06)","innerContentPadding":"12px 16px"}},"Popconfirm":{"global":["colorText","colorWarning","marginXXS","marginXS","fontSize","fontWeightStrong","colorTextHeading"],"component":{"zIndexPopup":1060}},"Notification":{"global":["paddingMD","paddingLG","colorBgElevated","fontSizeLG","lineHeightLG","controlHeightLG","margin","paddingContentHorizontalLG","marginLG","motionDurationMid","motionEaseInOut","colorText","fontSize","lineHeight","fontFamily","boxShadow","borderRadiusLG","colorSuccess","colorInfo","colorWarning","colorError","colorTextHeading","marginXS","marginSM","colorIcon","borderRadiusSM","colorIconHover","colorBgTextHover","colorBgTextActive","lineWidthFocus","colorPrimaryBorder","motionDurationSlow","colorBgBlur"],"component":{"zIndexPopup":2050,"width":384}},"Modal":{"global":["padding","fontSizeHeading5","lineHeightHeading5","colorSplit","lineType","lineWidth","colorIcon","colorIconHover","controlHeight","fontHeight","screenSMMax","marginXS","colorText","fontSize","lineHeight","fontFamily","margin","paddingLG","fontWeightStrong","borderRadiusLG","boxShadow","zIndexPopupBase","borderRadiusSM","motionDurationMid","fontSizeLG","colorBgTextHover","colorBgTextActive","lineWidthFocus","colorPrimaryBorder","motionDurationSlow","colorBgMask","motionEaseOutCirc","motionEaseInOutCirc"],"component":{"footerBg":"transparent","headerBg":"#ffffff","titleLineHeight":1.5,"titleFontSize":16,"contentBg":"#ffffff","titleColor":"rgba(0, 0, 0, 0.88)","contentPadding":0,"headerPadding":"16px 24px","headerBorderBottom":"1px solid rgba(5, 5, 5, 0.06)","headerMarginBottom":0,"bodyPadding":24,"footerPadding":"8px 16px","footerBorderTop":"1px solid rgba(5, 5, 5, 0.06)","footerBorderRadius":"0 0 8px 8px","footerMarginTop":0,"confirmBodyPadding":"32px 32px 24px","confirmIconMarginInlineEnd":16,"confirmBtnsMarginTop":24}},"Pagination":{"global":["marginXXS","controlHeightLG","marginSM","paddingXXS","colorText","fontSize","lineHeight","fontFamily","marginXS","lineWidth","lineType","borderRadius","motionDurationMid","colorBgTextHover","colorBgTextActive","fontWeightStrong","colorPrimary","colorPrimaryHover","fontSizeSM","colorTextDisabled","margin","controlHeight","colorTextPlaceholder","motionDurationSlow","lineHeightLG","borderRadiusLG","borderRadiusSM","colorBorder","colorBgContainer","colorBgContainerDisabled","controlOutlineWidth","controlOutline","controlHeightSM","screenLG","screenSM","lineWidthFocus","colorPrimaryBorder"],"component":{"itemBg":"#ffffff","itemSize":32,"itemSizeSM":24,"itemActiveBg":"#ffffff","itemLinkBg":"#ffffff","itemActiveColorDisabled":"rgba(0, 0, 0, 0.25)","itemActiveBgDisabled":"rgba(0, 0, 0, 0.15)","itemInputBg":"#ffffff","miniOptionsSizeChangerTop":0,"paddingBlock":4,"paddingBlockSM":0,"paddingBlockLG":7,"paddingInline":11,"paddingInlineSM":7,"paddingInlineLG":11,"addonBg":"rgba(0, 0, 0, 0.02)","activeBorderColor":"#1677ff","hoverBorderColor":"#4096ff","activeShadow":"0 0 0 2px rgba(5, 145, 255, 0.1)","errorActiveShadow":"0 0 0 2px rgba(255, 38, 5, 0.06)","warningActiveShadow":"0 0 0 2px rgba(255, 215, 5, 0.1)","hoverBg":"#ffffff","activeBg":"#ffffff","inputFontSize":14,"inputFontSizeLG":16,"inputFontSizeSM":14}},"Mentions":{"global":["paddingXXS","colorTextDisabled","controlItemBgHover","controlPaddingHorizontal","colorText","motionDurationSlow","lineHeight","controlHeight","fontSize","fontSizeIcon","colorTextTertiary","colorTextQuaternary","colorBgElevated","paddingLG","borderRadius","borderRadiusLG","boxShadowSecondary","fontFamily","motionDurationMid","colorTextPlaceholder","lineHeightLG","borderRadiusSM","colorBorder","colorBgContainer","lineWidth","lineType","colorBgContainerDisabled","colorError","colorErrorBorderHover","colorWarning","colorWarningBorderHover","colorFillTertiary","colorFillSecondary","colorPrimary","colorErrorBg","colorErrorBgHover","colorErrorText","colorWarningBg","colorWarningBgHover","colorWarningText","fontWeightStrong"],"component":{"paddingBlock":4,"paddingBlockSM":0,"paddingBlockLG":7,"paddingInline":11,"paddingInlineSM":7,"paddingInlineLG":11,"addonBg":"rgba(0, 0, 0, 0.02)","activeBorderColor":"#1677ff","hoverBorderColor":"#4096ff","activeShadow":"0 0 0 2px rgba(5, 145, 255, 0.1)","errorActiveShadow":"0 0 0 2px rgba(255, 38, 5, 0.06)","warningActiveShadow":"0 0 0 2px rgba(255, 215, 5, 0.1)","hoverBg":"#ffffff","activeBg":"#ffffff","inputFontSize":14,"inputFontSizeLG":16,"inputFontSizeSM":14,"dropdownHeight":250,"controlItemWidth":100,"zIndexPopup":1050,"itemPaddingVertical":5}},"Layout":{"global":["colorText","motionDurationMid","motionDurationSlow","fontSize","borderRadius","fontSizeXL"],"component":{"colorBgHeader":"#001529","colorBgBody":"#f5f5f5","colorBgTrigger":"#002140","bodyBg":"#f5f5f5","headerBg":"#001529","headerHeight":64,"headerPadding":"0 50px","headerColor":"rgba(0, 0, 0, 0.88)","footerPadding":"24px 50px","footerBg":"#f5f5f5","siderBg":"#001529","triggerHeight":48,"triggerBg":"#002140","triggerColor":"#fff","zeroTriggerWidth":40,"zeroTriggerHeight":40,"lightSiderBg":"#ffffff","lightTriggerBg":"#ffffff","lightTriggerColor":"rgba(0, 0, 0, 0.88)"}},"Input":{"global":["paddingXXS","controlHeightSM","lineWidth","colorText","fontSize","lineHeight","fontFamily","borderRadius","motionDurationMid","colorTextPlaceholder","controlHeight","motionDurationSlow","lineHeightLG","borderRadiusLG","borderRadiusSM","colorBorder","colorBgContainer","lineType","colorTextDisabled","colorBgContainerDisabled","colorError","colorErrorBorderHover","colorWarning","colorWarningBorderHover","colorFillTertiary","colorFillSecondary","colorPrimary","colorErrorBg","colorErrorBgHover","colorErrorText","colorWarningBg","colorWarningBgHover","colorWarningText","controlHeightLG","paddingLG","colorTextDescription","paddingXS","colorIcon","colorIconHover","colorTextQuaternary","fontSizeIcon","colorTextTertiary","colorSplit","colorPrimaryHover","colorPrimaryActive"],"component":{"paddingBlock":4,"paddingBlockSM":0,"paddingBlockLG":7,"paddingInline":11,"paddingInlineSM":7,"paddingInlineLG":11,"addonBg":"rgba(0, 0, 0, 0.02)","activeBorderColor":"#1677ff","hoverBorderColor":"#4096ff","activeShadow":"0 0 0 2px rgba(5, 145, 255, 0.1)","errorActiveShadow":"0 0 0 2px rgba(255, 38, 5, 0.06)","warningActiveShadow":"0 0 0 2px rgba(255, 215, 5, 0.1)","hoverBg":"#ffffff","activeBg":"#ffffff","inputFontSize":14,"inputFontSizeLG":16,"inputFontSizeSM":14}},"List":{"global":["controlHeightLG","controlHeight","paddingSM","marginLG","padding","colorPrimary","paddingXS","margin","colorText","colorTextDescription","motionDurationSlow","lineWidth","fontSize","lineHeight","fontFamily","marginXXS","marginXXL","fontHeight","colorSplit","fontSizeSM","colorTextDisabled","fontSizeLG","lineHeightLG","lineType","paddingLG","borderRadiusLG","colorBorder","screenSM","screenMD","marginSM"],"component":{"contentWidth":220,"itemPadding":"12px 0","itemPaddingSM":"8px 16px","itemPaddingLG":"16px 24px","headerBg":"transparent","footerBg":"transparent","emptyTextPadding":16,"metaMarginBottom":16,"avatarMarginRight":16,"titleMarginBottom":12,"descriptionFontSize":14}},"Message":{"global":["boxShadow","colorText","colorSuccess","colorError","colorWarning","colorInfo","fontSizeLG","motionEaseInOutCirc","motionDurationSlow","marginXS","paddingXS","borderRadiusLG","fontSize","lineHeight","fontFamily"],"component":{"zIndexPopup":2010,"contentBg":"#ffffff","contentPadding":"9px 12px"}},"InputNumber":{"global":["paddingXXS","lineWidth","lineType","borderRadius","fontSizeLG","controlHeightLG","controlHeightSM","colorError","colorTextDescription","motionDurationMid","colorTextDisabled","borderRadiusSM","borderRadiusLG","lineHeightLG","colorText","fontSize","lineHeight","fontFamily","colorTextPlaceholder","controlHeight","motionDurationSlow","colorBorder","colorBgContainer","colorBgContainerDisabled","colorErrorBorderHover","colorWarning","colorWarningBorderHover","colorFillTertiary","colorFillSecondary","colorPrimary","colorErrorBg","colorErrorBgHover","colorErrorText","colorWarningBg","colorWarningBgHover","colorWarningText","paddingXS","colorSplit"],"component":{"paddingBlock":4,"paddingBlockSM":0,"paddingBlockLG":7,"paddingInline":11,"paddingInlineSM":7,"paddingInlineLG":11,"addonBg":"rgba(0, 0, 0, 0.02)","activeBorderColor":"#1677ff","hoverBorderColor":"#4096ff","activeShadow":"0 0 0 2px rgba(5, 145, 255, 0.1)","errorActiveShadow":"0 0 0 2px rgba(255, 38, 5, 0.06)","warningActiveShadow":"0 0 0 2px rgba(255, 215, 5, 0.1)","hoverBg":"#ffffff","activeBg":"#ffffff","inputFontSize":14,"inputFontSizeLG":16,"inputFontSizeSM":14,"controlWidth":90,"handleWidth":22,"handleFontSize":7,"handleVisible":"auto","handleActiveBg":"rgba(0, 0, 0, 0.02)","handleBg":"#ffffff","filledHandleBg":"#f0f0f0","handleHoverColor":"#1677ff","handleBorderColor":"#d9d9d9","handleOpacity":0}},"Menu":{"global":["colorBgElevated","controlHeightLG","fontSize","motionDurationSlow","motionDurationMid","motionEaseInOut","paddingXS","padding","colorSplit","lineWidth","borderRadiusLG","lineType","colorText","lineHeight","fontFamily","motionEaseOut","borderRadius","margin","colorTextLightSolid","paddingXL","fontSizeLG","boxShadowSecondary","marginXS","lineWidthFocus","colorPrimaryBorder","motionEaseOutQuint","motionEaseInQuint","motionEaseOutCirc","motionEaseInOutCirc"],"component":{"dropdownWidth":160,"zIndexPopup":1050,"radiusItem":8,"itemBorderRadius":8,"radiusSubMenuItem":4,"subMenuItemBorderRadius":4,"colorItemText":"rgba(0, 0, 0, 0.88)","itemColor":"rgba(0, 0, 0, 0.88)","colorItemTextHover":"rgba(0, 0, 0, 0.88)","itemHoverColor":"rgba(0, 0, 0, 0.88)","colorItemTextHoverHorizontal":"#1677ff","horizontalItemHoverColor":"#1677ff","colorGroupTitle":"rgba(0, 0, 0, 0.45)","groupTitleColor":"rgba(0, 0, 0, 0.45)","colorItemTextSelected":"#1677ff","itemSelectedColor":"#1677ff","colorItemTextSelectedHorizontal":"#1677ff","horizontalItemSelectedColor":"#1677ff","colorItemBg":"#ffffff","itemBg":"#ffffff","colorItemBgHover":"rgba(0, 0, 0, 0.06)","itemHoverBg":"rgba(0, 0, 0, 0.06)","colorItemBgActive":"rgba(0, 0, 0, 0.06)","itemActiveBg":"#e6f4ff","colorSubItemBg":"rgba(0, 0, 0, 0.02)","subMenuItemBg":"rgba(0, 0, 0, 0.02)","colorItemBgSelected":"#e6f4ff","itemSelectedBg":"#e6f4ff","colorItemBgSelectedHorizontal":"transparent","horizontalItemSelectedBg":"transparent","colorActiveBarWidth":0,"activeBarWidth":0,"colorActiveBarHeight":2,"activeBarHeight":2,"colorActiveBarBorderSize":1,"activeBarBorderWidth":1,"colorItemTextDisabled":"rgba(0, 0, 0, 0.25)","itemDisabledColor":"rgba(0, 0, 0, 0.25)","colorDangerItemText":"#ff4d4f","dangerItemColor":"#ff4d4f","colorDangerItemTextHover":"#ff4d4f","dangerItemHoverColor":"#ff4d4f","colorDangerItemTextSelected":"#ff4d4f","dangerItemSelectedColor":"#ff4d4f","colorDangerItemBgActive":"#fff2f0","dangerItemActiveBg":"#fff2f0","colorDangerItemBgSelected":"#fff2f0","dangerItemSelectedBg":"#fff2f0","itemMarginInline":4,"horizontalItemBorderRadius":0,"horizontalItemHoverBg":"transparent","itemHeight":40,"groupTitleLineHeight":1.5714285714285714,"collapsedWidth":80,"popupBg":"#ffffff","itemMarginBlock":4,"itemPaddingInline":16,"horizontalLineHeight":"46px","iconSize":14,"iconMarginInlineEnd":10,"collapsedIconSize":16,"groupTitleFontSize":14,"darkItemDisabledColor":"rgba(255, 255, 255, 0.25)","darkItemColor":"rgba(255, 255, 255, 0.65)","darkDangerItemColor":"#ff4d4f","darkItemBg":"#001529","darkPopupBg":"#001529","darkSubMenuItemBg":"#000c17","darkItemSelectedColor":"#fff","darkItemSelectedBg":"#1677ff","darkDangerItemSelectedBg":"#ff4d4f","darkItemHoverBg":"transparent","darkGroupTitleColor":"rgba(255, 255, 255, 0.65)","darkItemHoverColor":"#fff","darkDangerItemHoverColor":"#ff7875","darkDangerItemSelectedColor":"#fff","darkDangerItemActiveBg":"#ff4d4f","itemWidth":"calc(100% - 8px)"}},"Grid":{"global":[],"component":{}},"Form":{"global":["colorText","fontSize","lineHeight","fontFamily","marginLG","colorTextDescription","fontSizeLG","lineWidth","lineType","colorBorder","controlOutlineWidth","controlOutline","paddingSM","controlHeightSM","controlHeightLG","colorError","colorWarning","marginXXS","controlHeight","motionDurationMid","motionEaseOut","motionEaseOutBack","colorSuccess","colorPrimary","motionDurationSlow","motionEaseInOut","margin","screenXSMax","screenSMMax","screenMDMax","screenLGMax"],"component":{"labelRequiredMarkColor":"#ff4d4f","labelColor":"rgba(0, 0, 0, 0.88)","labelFontSize":14,"labelHeight":32,"labelColonMarginInlineStart":2,"labelColonMarginInlineEnd":8,"itemMarginBottom":24,"verticalLabelPadding":"0 0 8px","verticalLabelMargin":0}},"Image":{"global":["controlHeightLG","colorBgContainerDisabled","motionDurationSlow","paddingXXS","marginXXS","colorTextLightSolid","motionEaseOut","paddingSM","marginXL","margin","paddingLG","marginSM","zIndexPopupBase","colorBgMask","motionDurationMid","motionEaseOutCirc","motionEaseInOutCirc"],"component":{"zIndexPopup":1080,"previewOperationColor":"rgba(255, 255, 255, 0.65)","previewOperationHoverColor":"rgba(255, 255, 255, 0.85)","previewOperationColorDisabled":"rgba(255, 255, 255, 0.25)","previewOperationSize":18}},"FloatButton":{"global":["colorTextLightSolid","colorBgElevated","controlHeightLG","marginXXL","marginLG","fontSize","fontSizeIcon","controlItemBgHover","paddingXXS","margin","borderRadiusLG","borderRadiusSM","colorText","lineHeight","fontFamily","lineWidth","lineType","colorSplit","boxShadowSecondary","motionDurationMid","colorFillContent","fontSizeLG","fontSizeSM","colorPrimary","colorPrimaryHover","motionDurationSlow","motionEaseInOutCirc"],"component":{"dotOffsetInCircle":5.857864376269049,"dotOffsetInSquare":2.3431457505076194}},"Flex":{"global":["paddingXS","padding","paddingLG"],"component":{}},"Dropdown":{"global":["marginXXS","sizePopupArrow","paddingXXS","motionDurationMid","fontSize","colorTextDisabled","fontSizeIcon","controlPaddingHorizontal","colorBgElevated","colorText","lineHeight","fontFamily","boxShadowPopoverArrow","borderRadiusXS","borderRadiusLG","boxShadowSecondary","lineWidthFocus","colorPrimaryBorder","colorTextDescription","marginXS","fontSizeSM","borderRadiusSM","controlItemBgHover","colorPrimary","controlItemBgActive","controlItemBgActiveHover","colorSplit","paddingXS","motionEaseOutQuint","motionEaseInQuint","motionEaseOutCirc","motionEaseInOutCirc","colorError","colorTextLightSolid"],"component":{"zIndexPopup":1050,"paddingBlock":5,"arrowOffsetHorizontal":12,"arrowOffsetVertical":8,"arrowShadowWidth":8.970562748477143,"arrowPath":"path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z')","arrowPolygon":"polygon(1.6568542494923806px 100%, 50% 1.6568542494923806px, 14.34314575050762px 100%, 1.6568542494923806px 100%)"}},"Empty":{"global":["controlHeightLG","margin","marginXS","marginXL","fontSize","lineHeight","opacityImage","colorText","colorTextDescription"],"component":{}},"Drawer":{"global":["borderRadiusSM","colorBgMask","colorBgElevated","motionDurationSlow","motionDurationMid","paddingXS","padding","paddingLG","fontSizeLG","lineHeightLG","lineWidth","lineType","colorSplit","marginXS","colorIcon","colorIconHover","colorBgTextHover","colorBgTextActive","colorText","fontWeightStrong","boxShadowDrawerLeft","boxShadowDrawerRight","boxShadowDrawerUp","boxShadowDrawerDown","lineWidthFocus","colorPrimaryBorder"],"component":{"zIndexPopup":1000,"footerPaddingBlock":8,"footerPaddingInline":16}},"Divider":{"global":["margin","marginLG","colorSplit","lineWidth","colorText","fontSize","lineHeight","fontFamily","colorTextHeading","fontSizeLG"],"component":{"textPaddingInline":"1em","orientationMargin":0.05,"verticalMarginInline":8}},"ColorPicker":{"global":["colorTextQuaternary","marginSM","colorPrimary","motionDurationMid","colorBgElevated","colorTextDisabled","colorText","colorBgContainerDisabled","borderRadius","marginXS","controlHeight","controlHeightSM","colorBgTextActive","lineWidth","colorBorder","paddingXXS","fontSize","colorPrimaryHover","controlOutline","controlHeightLG","borderRadiusSM","colorFillSecondary","lineWidthBold","fontSizeSM","lineHeightSM","marginXXS","fontSizeIcon","paddingXS","colorTextPlaceholder","colorFill","colorWhite","fontHeightSM","motionEaseInBack","motionDurationFast","motionEaseOutBack","colorSplit","red6","controlOutlineWidth","colorError","colorWarning","colorErrorHover","colorWarningHover","colorErrorOutline","colorWarningOutline","controlHeightXS","borderRadiusXS","borderRadiusLG","fontSizeLG"],"component":{}},"Descriptions":{"global":["colorText","fontSize","lineHeight","fontFamily","lineWidth","lineType","colorSplit","padding","paddingLG","colorTextSecondary","paddingSM","paddingXS","fontWeightStrong","fontSizeLG","lineHeightLG","borderRadiusLG","colorTextTertiary"],"component":{"labelBg":"rgba(0, 0, 0, 0.02)","titleColor":"rgba(0, 0, 0, 0.88)","titleMarginBottom":20,"itemPaddingBottom":16,"colonMarginRight":8,"colonMarginLeft":2,"contentColor":"rgba(0, 0, 0, 0.88)","extraColor":"rgba(0, 0, 0, 0.88)"}},"DatePicker":{"global":["paddingXXS","controlHeightLG","padding","paddingSM","controlHeight","lineWidth","colorPrimary","colorPrimaryBorder","lineType","colorSplit","colorTextDisabled","colorBorder","borderRadius","motionDurationMid","colorTextPlaceholder","fontSizeLG","controlHeightSM","paddingXS","marginXS","colorTextDescription","lineWidthBold","motionDurationSlow","sizePopupArrow","colorBgElevated","borderRadiusLG","boxShadowSecondary","borderRadiusSM","boxShadowPopoverArrow","fontHeight","fontHeightLG","lineHeightLG","colorText","fontSize","lineHeight","fontFamily","colorBgContainer","colorTextHeading","colorIcon","colorIconHover","fontWeightStrong","colorTextLightSolid","controlItemBgActive","marginXXS","colorFillSecondary","colorTextTertiary","borderRadiusXS","motionEaseOutQuint","motionEaseInQuint","motionEaseOutCirc","motionEaseInOutCirc","colorBgContainerDisabled","colorError","colorErrorBorderHover","colorWarning","colorWarningBorderHover","colorFillTertiary","colorErrorBg","colorErrorBgHover","colorErrorText","colorWarningBg","colorWarningBgHover","colorWarningText"],"component":{"paddingBlock":4,"paddingBlockSM":0,"paddingBlockLG":7,"paddingInline":11,"paddingInlineSM":7,"paddingInlineLG":11,"addonBg":"rgba(0, 0, 0, 0.02)","activeBorderColor":"#1677ff","hoverBorderColor":"#4096ff","activeShadow":"0 0 0 2px rgba(5, 145, 255, 0.1)","errorActiveShadow":"0 0 0 2px rgba(255, 38, 5, 0.06)","warningActiveShadow":"0 0 0 2px rgba(255, 215, 5, 0.1)","hoverBg":"#ffffff","activeBg":"#ffffff","inputFontSize":14,"inputFontSizeLG":16,"inputFontSizeSM":14,"cellHoverBg":"rgba(0, 0, 0, 0.04)","cellActiveWithRangeBg":"#e6f4ff","cellHoverWithRangeBg":"#c8dfff","cellRangeBorderColor":"#7cb3ff","cellBgDisabled":"rgba(0, 0, 0, 0.04)","timeColumnWidth":56,"timeColumnHeight":224,"timeCellHeight":28,"cellWidth":36,"cellHeight":24,"textHeight":40,"withoutTimeCellHeight":66,"multipleItemBg":"rgba(0, 0, 0, 0.06)","multipleItemBorderColor":"transparent","multipleItemHeight":24,"multipleItemHeightSM":16,"multipleItemHeightLG":32,"multipleSelectorBgDisabled":"rgba(0, 0, 0, 0.04)","multipleItemColorDisabled":"rgba(0, 0, 0, 0.25)","multipleItemBorderColorDisabled":"transparent","arrowShadowWidth":8.970562748477143,"arrowPath":"path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z')","arrowPolygon":"polygon(1.6568542494923806px 100%, 50% 1.6568542494923806px, 14.34314575050762px 100%, 1.6568542494923806px 100%)","presetsWidth":120,"presetsMaxWidth":200,"zIndexPopup":1050}},"Cascader":{"global":["controlInteractiveSize","colorText","fontSize","lineHeight","fontFamily","marginXS","borderRadiusSM","lineWidthFocus","colorPrimaryBorder","colorBgContainer","lineWidth","lineType","colorBorder","motionDurationSlow","lineWidthBold","colorWhite","motionDurationFast","motionEaseInBack","paddingXS","colorPrimary","colorPrimaryHover","motionDurationMid","motionEaseOutBack","fontSizeLG","colorBgContainerDisabled","colorTextDisabled","colorSplit","controlItemBgHover","paddingXXS","colorTextDescription","fontSizeIcon","colorHighlight"],"component":{"controlWidth":184,"controlItemWidth":111,"dropdownHeight":180,"optionSelectedBg":"#e6f4ff","optionSelectedFontWeight":600,"optionPadding":"5px 12px","menuPadding":4}},"Checkbox":{"global":["controlInteractiveSize","colorText","fontSize","lineHeight","fontFamily","marginXS","borderRadiusSM","lineWidthFocus","colorPrimaryBorder","colorBgContainer","lineWidth","lineType","colorBorder","motionDurationSlow","lineWidthBold","colorWhite","motionDurationFast","motionEaseInBack","paddingXS","colorPrimary","colorPrimaryHover","motionDurationMid","motionEaseOutBack","fontSizeLG","colorBgContainerDisabled","colorTextDisabled"],"component":{}},"Carousel":{"global":["controlHeightLG","controlHeightSM","marginXXS","colorText","fontSize","lineHeight","fontFamily","motionDurationSlow","colorBgContainer"],"component":{"dotWidth":16,"dotHeight":3,"dotWidthActive":24,"dotActiveWidth":24}},"Collapse":{"global":["paddingXS","paddingSM","padding","paddingLG","borderRadiusLG","lineWidth","lineType","colorBorder","colorText","colorTextHeading","colorTextDisabled","fontSizeLG","lineHeight","lineHeightLG","marginSM","motionDurationSlow","fontSizeIcon","fontHeight","fontHeightLG","fontSize","fontFamily","paddingXXS","motionDurationMid","motionEaseInOut"],"component":{"headerPadding":"12px 16px","headerBg":"rgba(0, 0, 0, 0.02)","contentPadding":"16px 16px","contentBg":"#ffffff"}},"Card":{"global":["boxShadowCard","padding","paddingLG","fontSize","colorBorderSecondary","boxShadowTertiary","colorText","lineHeight","fontFamily","colorBgContainer","borderRadiusLG","colorTextHeading","fontWeightStrong","lineWidth","lineType","motionDurationMid","colorTextDescription","colorPrimary","fontHeight","marginXXS","marginXS","fontSizeLG","colorFillAlter"],"component":{"headerBg":"transparent","headerFontSize":16,"headerFontSizeSM":14,"headerHeight":56,"headerHeightSM":38,"actionsBg":"#ffffff","actionsLiMargin":"12px 0","tabsMarginBottom":-17,"extraColor":"rgba(0, 0, 0, 0.88)"}},"Calendar":{"global":["controlHeightLG","paddingXXS","padding","controlHeightSM","fontHeightSM","marginXS","lineWidth","paddingSM","paddingXS","colorBgContainer","lineType","borderRadiusLG","colorPrimary","colorTextHeading","colorSplit","colorIcon","motionDurationMid","colorIconHover","fontWeightStrong","colorTextDisabled","colorText","fontSize","motionDurationSlow","borderRadiusSM","colorTextLightSolid","controlItemBgActive","marginXXS","colorFillSecondary","colorTextTertiary","lineHeight","fontFamily","controlItemBgHover","lineWidthBold","screenXS"],"component":{"fullBg":"#ffffff","fullPanelBg":"#ffffff","itemActiveBg":"#e6f4ff","yearControlWidth":80,"monthControlWidth":70,"miniContentHeight":256,"cellHoverBg":"rgba(0, 0, 0, 0.04)","cellActiveWithRangeBg":"#e6f4ff","cellHoverWithRangeBg":"#c8dfff","cellRangeBorderColor":"#7cb3ff","cellBgDisabled":"rgba(0, 0, 0, 0.04)","timeColumnWidth":56,"timeColumnHeight":224,"timeCellHeight":28,"cellWidth":36,"cellHeight":24,"textHeight":40,"withoutTimeCellHeight":66,"multipleItemBg":"rgba(0, 0, 0, 0.06)","multipleItemBorderColor":"transparent","multipleItemHeight":24,"multipleItemHeightSM":16,"multipleItemHeightLG":32,"multipleSelectorBgDisabled":"rgba(0, 0, 0, 0.04)","multipleItemColorDisabled":"rgba(0, 0, 0, 0.25)","multipleItemBorderColorDisabled":"transparent"}},"Button":{"global":["lineWidth","lineType","motionDurationMid","motionEaseInOut","colorText","marginXS","lineWidthFocus","colorPrimaryBorder","controlHeight","borderRadius","opacityLoading","motionDurationSlow","controlHeightSM","paddingXS","borderRadiusSM","controlHeightLG","borderRadiusLG","colorTextDisabled","colorBgContainerDisabled","colorBorder","colorError","colorErrorHover","colorErrorBorderHover","colorErrorActive","colorPrimary","colorTextLightSolid","colorPrimaryHover","colorPrimaryActive","colorLink","colorLinkHover","colorLinkActive","colorBgTextActive","colorErrorBg","colorBgContainer","fontSize"],"component":{"fontWeight":400,"defaultShadow":"0 2px 0 rgba(0, 0, 0, 0.02)","primaryShadow":"0 2px 0 rgba(5, 145, 255, 0.1)","dangerShadow":"0 2px 0 rgba(255, 38, 5, 0.06)","primaryColor":"#fff","dangerColor":"#fff","borderColorDisabled":"#d9d9d9","defaultGhostColor":"#ffffff","ghostBg":"transparent","defaultGhostBorderColor":"#ffffff","paddingInline":15,"paddingInlineLG":15,"paddingInlineSM":7,"onlyIconSize":16,"onlyIconSizeSM":14,"onlyIconSizeLG":18,"groupBorderColor":"#4096ff","linkHoverBg":"transparent","textHoverBg":"rgba(0, 0, 0, 0.06)","defaultColor":"rgba(0, 0, 0, 0.88)","defaultBg":"#ffffff","defaultBorderColor":"#d9d9d9","defaultBorderColorDisabled":"#d9d9d9","defaultHoverBg":"#ffffff","defaultHoverColor":"#4096ff","defaultHoverBorderColor":"#4096ff","defaultActiveBg":"#ffffff","defaultActiveColor":"#0958d9","defaultActiveBorderColor":"#0958d9","contentFontSize":14,"contentFontSizeSM":14,"contentFontSizeLG":16,"contentLineHeight":1.5714285714285714,"contentLineHeightSM":1.5714285714285714,"contentLineHeightLG":1.5,"paddingBlock":4,"paddingBlockSM":0,"paddingBlockLG":7}},"Breadcrumb":{"global":["colorText","fontSize","lineHeight","fontFamily","motionDurationMid","paddingXXS","borderRadiusSM","fontHeight","marginXXS","colorBgTextHover","lineWidthFocus","colorPrimaryBorder","fontSizeIcon"],"component":{"itemColor":"rgba(0, 0, 0, 0.45)","lastItemColor":"rgba(0, 0, 0, 0.88)","iconFontSize":14,"linkColor":"rgba(0, 0, 0, 0.45)","linkHoverColor":"rgba(0, 0, 0, 0.88)","separatorColor":"rgba(0, 0, 0, 0.45)","separatorMargin":8}},"Badge":{"global":["fontHeight","lineWidth","marginXS","colorBorderBg","colorBgContainer","colorError","colorErrorHover","motionDurationSlow","blue1","blue3","blue6","blue7","purple1","purple3","purple6","purple7","cyan1","cyan3","cyan6","cyan7","green1","green3","green6","green7","magenta1","magenta3","magenta6","magenta7","pink1","pink3","pink6","pink7","red1","red3","red6","red7","orange1","orange3","orange6","orange7","yellow1","yellow3","yellow6","yellow7","volcano1","volcano3","volcano6","volcano7","geekblue1","geekblue3","geekblue6","geekblue7","lime1","lime3","lime6","lime7","gold1","gold3","gold6","gold7","colorText","fontSize","lineHeight","fontFamily","motionDurationMid","paddingXS","colorSuccess","colorInfo","colorTextPlaceholder","colorWarning","motionEaseOutBack"],"component":{"indicatorZIndex":"auto","indicatorHeight":20,"indicatorHeightSM":14,"dotSize":6,"textFontSize":12,"textFontSizeSM":12,"textFontWeight":"normal","statusSize":6}},"BackTop":{"global":["fontSizeHeading3","colorTextDescription","colorTextLightSolid","colorText","controlHeightLG","fontSize","lineHeight","fontFamily","motionDurationMid","screenMD","screenXS"],"component":{"zIndexPopup":10}},"Avatar":{"global":["colorTextLightSolid","colorTextPlaceholder","borderRadius","borderRadiusLG","borderRadiusSM","lineWidth","lineType","colorText","fontSize","lineHeight","fontFamily"],"component":{"containerSize":32,"containerSizeLG":40,"containerSizeSM":24,"textFontSize":18,"textFontSizeLG":24,"textFontSizeSM":14,"groupSpace":4,"groupOverlapping":-8,"groupBorderColor":"#ffffff"}},"Alert":{"global":["motionDurationSlow","marginXS","marginSM","fontSize","fontSizeLG","lineHeight","borderRadiusLG","motionEaseInOutCirc","colorText","colorTextHeading","fontFamily","colorSuccess","colorSuccessBorder","colorSuccessBg","colorWarning","colorWarningBorder","colorWarningBg","colorError","colorErrorBorder","colorErrorBg","colorInfo","colorInfoBorder","colorInfoBg","lineWidth","lineType","motionDurationMid","fontSizeIcon","colorIcon","colorIconHover"],"component":{"withDescriptionIconSize":24,"defaultPadding":"8px 12px","withDescriptionPadding":"20px 24px"}},"Anchor":{"global":["fontSize","fontSizeLG","paddingXXS","motionDurationSlow","lineWidthBold","colorPrimary","lineType","colorSplit","colorText","lineHeight","fontFamily","lineWidth"],"component":{"linkPaddingBlock":4,"linkPaddingInlineStart":16}},"App":{"global":["colorText","fontSize","lineHeight","fontFamily"],"component":{}},"Affix":{"global":[],"component":{"zIndexPopup":10}}} |
@@ -1,2 +0,2 @@ | ||
declare const _default: "5.15.4"; | ||
declare const _default: "5.16.0"; | ||
export default _default; |
@@ -7,2 +7,2 @@ "use strict"; | ||
exports.default = void 0; | ||
var _default = exports.default = '5.15.4'; | ||
var _default = exports.default = '5.16.0'; |
{ | ||
"name": "antd", | ||
"version": "5.15.4", | ||
"version": "5.16.0", | ||
"description": "An enterprise-class UI design language and React components implementation", | ||
@@ -121,3 +121,3 @@ "keywords": [ | ||
"@ant-design/icons": "^5.3.5", | ||
"@ant-design/react-slick": "~1.0.2", | ||
"@ant-design/react-slick": "~1.1.1", | ||
"@babel/runtime": "^7.24.1", | ||
@@ -139,3 +139,3 @@ "@ctrl/tinycolor": "^3.6.1", | ||
"rc-dropdown": "~4.2.0", | ||
"rc-field-form": "~1.42.1", | ||
"rc-field-form": "~1.44.0", | ||
"rc-image": "~7.6.0", | ||
@@ -147,6 +147,6 @@ "rc-input": "~1.4.5", | ||
"rc-motion": "^2.9.0", | ||
"rc-notification": "~5.3.0", | ||
"rc-notification": "~5.4.0", | ||
"rc-pagination": "~4.0.4", | ||
"rc-picker": "~4.3.0", | ||
"rc-progress": "~3.5.1", | ||
"rc-progress": "~4.0.0", | ||
"rc-rate": "~2.12.0", | ||
@@ -159,3 +159,3 @@ "rc-resize-observer": "^1.4.0", | ||
"rc-switch": "~4.1.0", | ||
"rc-table": "~7.42.0", | ||
"rc-table": "~7.45.0", | ||
"rc-tabs": "~14.1.1", | ||
@@ -177,4 +177,4 @@ "rc-textarea": "~1.6.3", | ||
"@babel/eslint-plugin": "^7.23.5", | ||
"@biomejs/biome": "^1.6.2", | ||
"@codesandbox/sandpack-react": "^2.13.5", | ||
"@biomejs/biome": "^1.6.3", | ||
"@codesandbox/sandpack-react": "^2.13.7", | ||
"@dnd-kit/core": "^6.1.0", | ||
@@ -216,5 +216,5 @@ "@dnd-kit/modifiers": "^7.0.0", | ||
"@types/qs": "^6.9.14", | ||
"@types/react": "^18.2.67", | ||
"@types/react": "^18.2.73", | ||
"@types/react-copy-to-clipboard": "^5.0.7", | ||
"@types/react-dom": "^18.2.22", | ||
"@types/react-dom": "^18.2.23", | ||
"@types/react-highlight-words": "^0.16.7", | ||
@@ -226,7 +226,7 @@ "@types/react-resizable": "^3.0.7", | ||
"@types/warning": "^3.0.3", | ||
"@typescript-eslint/eslint-plugin": "^7.3.1", | ||
"@typescript-eslint/parser": "^7.3.1", | ||
"@typescript-eslint/eslint-plugin": "^7.4.0", | ||
"@typescript-eslint/parser": "^7.4.0", | ||
"ali-oss": "^6.20.0", | ||
"antd-img-crop": "^4.21.0", | ||
"antd-style": "^3.6.1", | ||
"antd-style": "^3.6.2", | ||
"antd-token-previewer": "^2.0.8", | ||
@@ -260,3 +260,3 @@ "chalk": "^4.1.2", | ||
"gh-pages": "^6.1.1", | ||
"glob": "^10.3.10", | ||
"glob": "^10.3.12", | ||
"html2sketch": "^1.0.2", | ||
@@ -298,3 +298,3 @@ "http-server": "^14.1.1", | ||
"progress": "^2.0.3", | ||
"puppeteer": "^22.6.0", | ||
"puppeteer": "^22.6.1", | ||
"qs": "^6.12.0", | ||
@@ -306,3 +306,3 @@ "rc-footer": "^0.6.8", | ||
"react-copy-to-clipboard": "^5.1.0", | ||
"react-countup": "^6.5.2", | ||
"react-countup": "^6.5.3", | ||
"react-dom": "^18.2.0", | ||
@@ -327,6 +327,6 @@ "react-draggable": "^4.4.6", | ||
"semver": "^7.6.0", | ||
"sharp": "^0.33.2", | ||
"simple-git": "^3.23.0", | ||
"sharp": "^0.33.3", | ||
"simple-git": "^3.24.0", | ||
"size-limit": "^11.1.2", | ||
"stylelint": "^16.2.1", | ||
"stylelint": "^16.3.1", | ||
"stylelint-config-rational-order": "^0.1.2", | ||
@@ -338,7 +338,7 @@ "stylelint-config-standard": "^36.0.0", | ||
"tar-fs": "^3.0.5", | ||
"terser": "^5.29.2", | ||
"terser": "^5.30.0", | ||
"tsx": "^4.7.1", | ||
"typedoc": "^0.25.12", | ||
"typescript": "~5.4.3", | ||
"vanilla-jsoneditor": "^0.23.0", | ||
"vanilla-jsoneditor": "^0.23.1", | ||
"vanilla-tilt": "^1.8.1", | ||
@@ -364,7 +364,7 @@ "webpack": "^5.91.0", | ||
"path": "./dist/antd.min.js", | ||
"limit": "335 KiB" | ||
"limit": "337 KiB" | ||
}, | ||
{ | ||
"path": "./dist/antd-with-locales.min.js", | ||
"limit": "382 KiB" | ||
"limit": "384 KiB" | ||
} | ||
@@ -371,0 +371,0 @@ ], |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
44623481
3595
169279
12
+ Added@ant-design/react-slick@1.1.2(transitive)
+ Addedrc-field-form@1.44.0(transitive)
+ Addedrc-notification@5.4.0(transitive)
+ Addedrc-progress@4.0.0(transitive)
+ Addedrc-table@7.45.5(transitive)
- Removed@ant-design/react-slick@1.0.2(transitive)
- Removedrc-field-form@1.42.1(transitive)
- Removedrc-notification@5.3.0(transitive)
- Removedrc-progress@3.5.1(transitive)
- Removedrc-table@7.42.0(transitive)
Updatedrc-field-form@~1.44.0
Updatedrc-notification@~5.4.0
Updatedrc-progress@~4.0.0
Updatedrc-table@~7.45.0