Upgrading antd 4 to 5
Breaking4.24.16 → 5.29.3Breaking33Deprecated55New597Changed389Fixed1216Other759
BreakingUpgrade verdict
24 breaking changes.
In plain terms
- Remove !important style syntax from Checkbox. @doandevhere.
- Remove role="alert" from Form field error to improve screen reader experience. @mellis481.
- Remove TransButton in Table/Transfer/Typography. @afc163.
- Keyboard navigation of the calendar panel was removed pending an accessibility redesign.
Must act Top 5 of 46 that need code or config changes
antd publishes official migration guides for versions 5, 5. They cover more than the release notes do.
V4 to V5 ↗迁移文档 ↗Adds @ant-design/cssinjs ^1.23.0, @ant-design/cssinjs-utils ^1.1.3, @ant-design/fast-color ^2.0.6, @rc-component/color-picker ~2.0.1, @rc-component/mutate-observer ^1.1.0, @rc-component/qrcode ~1.1.0, @rc-component/tour ~1.15.1, @rc-component/trigger ^2.3.0, dayjs ^1.11.11, throttle-debounce ^5.0.2.
Drops @ctrl/tinycolor, lodash, moment, rc-trigger.
Installs 66 packages in all (was 61).
What you must change
Breaking24
Remove !important style syntax from Checkbox. @doandevhere.
importantRemove role="alert" from Form field error to improve screen reader experience. @mellis481.
Remove TransButton in Table/Transfer/Typography. @afc163.
DatePicker Remove the keyboard interaction with the panel, it needs to be redesigned based on accessibility.
DatePickerRemoves DatePicker keyboard interaction with the panel, to be redesigned for accessibility.
DatePickerRemoves unused PageHeader locale text and the ConfigProvider
pageHeader property.PageHeaderConfigProviderpageHeaderDrawer adds
styles.wrapper and removes contentWrapperStyle, drawerStyle and maskStyle, simplifying the DOM structure.Drawerstyles.wrappercontentWrapperStyledrawerStylemaskStyleRemoves Button type ghost from TypeScript definitions.
ButtontypeRenames sorterOrder to sortOrder in the sortIcon argument of Table.
TablesortIconsorterOrdersortOrderRemoves the antd/es/locale-provider and antd/lib/locale-provider directories, since LocaleProvider was removed in 4.x.
antd/es/locale-providerantd/lib/locale-providerLocaleProviderConfigProviderReplaces the LocaleReceiver component with
useLocale and removes LocaleReceiver.LocaleReceiveruseLocaleRemoves Tour ForwardRefRenderFunction type.
TourForwardRefRenderFunctionRemoves the deprecated LocaleProvider directories antd/es/locale-provider and antd/lib/locale-provider.
LocaleProviderConfigProviderantd/es/locale-providerantd/lib/locale-providerDrops support for IE browser.
Removes the
antd/lib package.antd/libRemoves
dist/antd.css and adds dist/reset.css to override common styles.dist/antd.cssdist/reset.cssRemoves less and css files from the package.
Removes support for IE.
IERemoves the
lib build output.libRefactors all component styles to CSS-in-JS and removes less along with less and css artifacts.
Changes the Separator DOM element from span to li.
SeparatorChanges
main in package.json to dist/antd.js.maindist/antd.jsChanges the date library from Moment.js to Day.js.
Moment.jsDay.jsMerges Slider Tooltip related APIs into the
tooltip prop.SlidertooltipDeprecations to plan for
Deprecated22
InputNumber component deprecates addonAfter and addonBefore props, use Space.Compact instead. @EmilyyyLiu.
addonAfteraddonBeforeInput component deprecates addonAfter and addonBefore props, use Space.Compact instead. @EmilyyyLiu.
addonAfteraddonBeforeAutoComplete component adds popup semantic node with support for customizing dropdown menu via classNames.popup, styles.popup, popupRender and onPopupVisibleChange, while deprecating legacy…
popupclassNames.popupstyles.popuppopupRenderonPopupVisibleChangepopupClassNameCascader component adds popup semantic node, and deprecated some api. @aojunhao123.
popupDatePicker and TimePicker add popup semantic node, and deprecated some api. @aojunhao123.
popupMISC：Refactor compatible code, use standard web API first, and downgrade to deprecated API when not compatibale @li-jia-nan.
MISC: Deprecate destory* of some components for destroyOnHidden prop。 @li-jia-nan.
destory*destroyOnHiddenDeprecated dropdown* props in Cascader @aojunhao123.
dropdown*Notification support actions prop and deprecated btn prop. @thinkasany.
actionsbtnConfigProvider supports button.autoInsertSpace prop and deprecated autoInsertSpaceInButton prop. @li-jia-nan.
button.autoInsertSpaceautoInsertSpaceInButtonDatePicker Deprecate the
preventDefault parameter of onKeyDown, please call it directly through event.preventDefault.DatePickeronKeyDownpreventDefaultConfigProvider 组件废弃 Tabs 组件的
indicatorSize 属性，改为 indicator: { size: xxx } 代替。ConfigProviderTabsindicatorSizeindicatorsizeDrawer 新增
styles.wrapper，废弃 contentWrapperStyle、drawerStyle、maskStyle，并简化 dom 结构。Drawerstyles.wrappercontentWrapperStyledrawerStylemaskStylePopover deprecates the
minWidth component token and adds titleMinWidth as a replacement.PopoverminWidthtitleMinWidthSelect, TreeSelect and Cascader deprecate the
showArrow prop; configure the suffix arrow with suffixIcon instead.SelectTreeSelectCascadershowArrowsuffixIconAdds a warning for the deprecated Menu token
colorItemBgSelected.MenucolorItemBgSelectedAdds cellRender to DatePicker and Calendar and deprecates dateRender, monthCellRender and the Calendar cell render props.
DatePickerCalendarcellRenderdateRendermonthCellRenderdateCellRenderdateFullCellRendermonthFullCellRenderAdds cellRender to DatePicker and Calendar, deprecating dateRender, monthRender, dateCellRender, monthCellRender, dateFullCellRender and monthFullCellRender.
DatePickerCalendarcellRenderdateRendermonthRenderdateCellRendermonthCellRenderdateFullCellRenderPreset color tokens are renamed, e.g.
blue-1 to blue1, and the previous tokens are deprecated.blue-1blue1Tooltip, Popover and Popconfirm deprecate
visible and provide open instead.TooltipPopoverPopconfirmvisibleopenTagDrawerModalDropdownTable deprecates
filterDropdownVisible and provides filterDropdownOpen.TablefilterDropdownVisiblefilterDropdownOpenDatePicker and TimePicker deprecate
dropdownClassName in favor of popupClassName.DatePickerTimePickerdropdownClassNamepopupClassNameAutoCompleteMentionsCascaderSelectTreeSelectAPI changes
Generated by DepDelta from published .d.ts files. Not mixed with prose notes.
- changed:
property ActionButtonProps.close?: Function → property ActionButtonProps.close?: (...args: any[]) => void - added:
property ActionButtonProps.isSilent?: () => boolean
- added:
const ContextIsolator: React.FC<Readonly<React.PropsWithChildren<Partial<Record<'space' | 'form', boolean>>>>> - added:
default ContextIsolator
- added:
const genPurePanel: <ComponentProps extends BaseProps = BaseProps>(Component: React.ComponentType<Readonly<ComponentProps>>, alignPropName?: 'align' | 'dropdownAlign' | 'popupAlig… - added:
default genPurePanel - added:
function withPureRenderTheme<T extends AnyObject = AnyObject>(Component: React.FC<T>): (props: T) => React.JSX.Element - added:
interface BaseProps - added:
property BaseProps.prefixCls?: string - added:
property BaseProps.style?: React.CSSProperties
- added:
type HTMLAriaDataAttributes = React.AriaAttributes & { [key: `data-${string}`]: unknown } & Pick<React.HTMLAttributes<HTMLDivElement>, 'role'>
- added:
default function capitalize<T extends string>(str: T): Capitalize<T>
- removed:
const PresetColorTypes: ['pink', 'red', 'yellow', 'orange', 'cyan', 'green', 'blue', 'purple', 'geekblue', 'magenta', 'volcano', 'gold', 'lime'] - changed:
const PresetStatusColorTypes: ['success', 'processing', 'error', 'default', 'warning'] → const PresetStatusColorTypes: readonly ['success', 'processing', 'error', 'default', 'warning'] - changed:
type PresetColorType = ElementOf<typeof PresetColorTypes> → type PresetColorType = PresetColorKey | InverseColor - changed:
type PresetStatusColorType = ElementOf<typeof PresetStatusColorTypes> → type PresetStatusColorType = (typeof PresetStatusColorTypes)[number] - added:
function isPresetColor(color?: any, includeInverse?: boolean): boolean - added:
function isPresetStatusColor(color?: any): color is PresetStatusColorType
- added:
default convertToTooltipProps - added:
function convertToTooltipProps<P extends TooltipProps>(tooltip: P | ReactNode): P | null
- added:
default mergeProps - added:
function mergeProps<A, B, C, D>(a: A, b: B, c: C, d: D): D & C & B & A - added:
function mergeProps<A, B, C>(a: A, b: B, c: C): C & B & A - added:
function mergeProps<A, B>(a: A, b: B): B & A
- added:
function isPresetSize(size?: SizeType | string | number): size is SizeType - added:
function isValidGapNumber(size?: SizeType | string | number): size is number
- added:
const getAllowClear: (allowClear: AllowClear) => AllowClear - added:
default getAllowClear - added:
type AllowClear = BaseInputProps['allowClear']
- removed:
default function getDataOrAriaProps(props: any): any
- removed:
default function getScroll(target: HTMLElement | Window | Document | null, top: boolean): number - added:
const getScroll: (target: HTMLElement | Window | Document | null) => number - added:
default getScroll
- added:
export * from './useClosable' - added:
export * from './useForceUpdate' - added:
export * from './useMergeSemantic' - added:
export * from './useMultipleSelect' - added:
export * from './usePatchElement' - added:
export * from './useProxyImperativeHandle' - added:
export * from './useSyncState' - added:
export * from './useZIndex'
- added:
const useClosable: (propCloseCollection?: ClosableCollection, contextCloseCollection?: ClosableCollection | null, fallbackCloseCollection?: FallbackCloseCollection) => [closable:… - added:
function pickClosable<T extends BaseContextClosable>(context?: ContextClosable<T>): ContextClosable<T> | undefined - added:
type BaseContextClosable = { closable?: ClosableType; closeIcon?: ReactNode } - added:
type ClosableType = DialogProps['closable'] - added:
type ContextClosable<T extends BaseContextClosable = any> = Partial<Pick<T, 'closable' | 'closeIcon'>> - added:
type UseClosableParams = { closable?: ClosableType; closeIcon?: ReactNode; defaultClosable?: boolean; defaultCloseIcon?: ReactNode; customCloseIconRender?: (closeIcon: ReactNode) => Re…
- removed:
const _default: () => boolean - removed:
default _default
- removed:
default function useForceUpdate(): React.DispatchWithoutAction - added:
const useForceUpdate: () => [number, React.ActionDispatch<[]>]
- added:
const useMergeSemantic: <ClassNamesType extends object, StylesType extends object>(classNamesList: (ClassNamesType | undefined)[], stylesList: (StylesType | undefined)[], schema?: Sem… - added:
function mergeClassNames<T extends string, SemanticClassNames extends Partial<Record<T, any>> = TemplateSemanticClassNames<T>>(schema?: SemanticSchema, ...classNames: (SemanticClassNames | undefined)[]): any - added:
type SemanticSchema = { _default?: string } & { [key: `${ValidChar}${string}`]: SemanticSchema }
- added:
const useMultipleSelect: <T, K>(getKey: (item: T, index: number, array: T[]) => K) => readonly [(currentSelectedIndex: number, data: T[], selectedKeys: Set<K>) => K[], import('react').… - added:
type PrevSelectedIndex = null | number
- removed:
default function usePatchElement(): [React.ReactElement[], (element: React.ReactElement) => Function] - added:
const usePatchElement: () => [React.ReactElement[], (element: React.ReactElement) => () => void]
- added:
const useProxyImperativeHandle: <NativeELementType extends HTMLElement, ReturnRefType extends { nativeElement: NativeELementType }>(ref: Ref<any> | undefined, init: () => ReturnRefType) => vo…
- removed:
default function useSyncState<T>(initialValue: T): UseSyncStateProps<T> - added:
const useSyncState: <T>(initialValue: T) => UseSyncStateProps<T>
- added:
const CONTAINER_MAX_OFFSET: number - added:
const consumerBaseZIndexOffset: Record<ZIndexConsumer, number> - added:
const containerBaseZIndexOffset: Record<ZIndexContainer, number> - added:
const useZIndex: (componentType: ZIndexContainer | ZIndexConsumer, customZIndex?: number) => ReturnResult - added:
type ZIndexConsumer = 'SelectLike' | 'Dropdown' | 'DatePicker' | 'Menu' | 'ImagePreview' - added:
type ZIndexContainer = 'Modal' | 'Drawer' | 'Popover' | 'Popconfirm' | 'Tooltip' | 'Tour' | 'FloatButton'
- removed:
const isNumeric: (value: any) => boolean - removed:
default isNumeric
- added:
const isPrimitive: (value: unknown) => boolean - added:
default isPrimitive
- added:
const addMediaQueryListener: MQListenerHandler - added:
const removeMediaQueryListener: MQListenerHandler
- removed:
const collapseMotion: CSSMotionProps - removed:
const getTransitionDirection: (placement: SelectCommonPlacement | undefined) => 'slide-down' | 'slide-up' - removed:
default collapseMotion - changed:
type SelectCommonPlacement = typeof SelectPlacements[number] → type SelectCommonPlacement = (typeof _SelectPlacements)[number] - added:
const initCollapseMotion: (rootCls?: string) => CSSMotionProps - added:
default initCollapseMotion
- removed:
property PlacementsConfig.horizontalArrowShift?: number - removed:
property PlacementsConfig.verticalArrowShift?: number - changed:
function getOverflowOptions(autoAdjustOverflow?: boolean | AdjustOverflow): { adjustX: number; adjustY: number } → function getOverflowOptions(placement: string, arrowOffset: ReturnType<typeof getArrowOffsetToken>, arrowWidth: number, autoAdjustOverflow?: boolean | AdjustOverflow): { adjustX?: boolean | number; adjustY?: boolean | number; shiftX?: boolean | number; shiftY?: boolean | number } - changed:
property PlacementsConfig.arrowWidth?: number → property PlacementsConfig.arrowWidth: number - added:
property PlacementsConfig.borderRadius: number - added:
property PlacementsConfig.offset: number - added:
property PlacementsConfig.visibleFirst?: boolean
- removed:
default wrapperRaf - removed:
function wrapperRaf(callback: () => void, delayFrames?: number): number - removed:
namespace wrapperRaf - removed:
var wrapperRaf.cancel: (pid?: number | undefined) => void - removed:
var wrapperRaf.ids: RafMap
- removed:
const isValidElement: typeof React.isValidElement - removed:
function replaceElement(element: React.ReactNode, replacement: React.ReactNode, props?: RenderProps): React.ReactNode - changed:
function cloneElement(element: React.ReactNode, props?: RenderProps): React.ReactElement → function cloneElement<P>(element: React.ReactNode, props?: RenderProps): React.ReactElement<P> - added:
const replaceElement: <P>(element: React.ReactNode, replacement: React.ReactNode, props?: RenderProps) => React.ReactNode
- removed:
const responsiveArray: Breakpoint[] - removed:
const responsiveMap: BreakpointMap - removed:
const responsiveObserve: { matchHandlers: { [prop: string]: { mql: MediaQueryList; listener: ((this: MediaQueryList, ev: MediaQueryListEvent) => any) | null } }; dispatch(pointMap: Scr… - removed:
default responsiveObserve - removed:
type Breakpoint = 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs' - removed:
type BreakpointMap = Record<Breakpoint, string> - removed:
type ScreenMap = Partial<Record<Breakpoint, boolean>> - removed:
type ScreenSizeMap = Partial<Record<Breakpoint, number>>
- added:
const matchScreen: (screens: ScreenMap, screenSizes?: ScreenSizeMap) => number | undefined - added:
const responsiveArray: Breakpoint[] - added:
const useResponsiveObserver: () => ResponsiveObserverType - added:
default useResponsiveObserver - added:
type Breakpoint = 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs' - added:
type BreakpointMap = Record<Breakpoint, string> - added:
type ScreenMap = Partial<Record<Breakpoint, boolean>> - added:
type ScreenSizeMap = Partial<Record<Breakpoint, number>>
- changed:
type InputStatus = typeof InputStatuses[number] → type InputStatus = (typeof _InputStatuses)[number]
- removed:
const detectFlexGapSupported: () => boolean
- removed:
function throttleByAnimationFrameDecorator(): (target: any, key: string, descriptor: any) => { configurable: boolean; get(): any } - changed:
function throttleByAnimationFrame<T extends unknown[]>(fn: (...args: T) => void): { (...args: T): void; cancel: () => void } → function throttleByAnimationFrame<T extends any[]>(fn: (...args: T) => void): { (...args: T): void; cancel(): void } - added:
default throttleByAnimationFrame
- added:
const toList: <T>(candidate: T | T[], skipEmpty?: boolean) => T[] - added:
default toList
- removed:
const TransButton: React.ForwardRefExoticComponent<TransButtonProps & React.RefAttributes<HTMLDivElement>> - removed:
default TransButton
- added:
const groupDisabledKeysMap: <RecordType extends any[]>(dataSource: RecordType) => Map<import('react').Key, number> - added:
const groupKeysMap: (keys: TransferKey[]) => Map<import('react').Key, number>
- removed:
const tuple: <T extends string[]>(...args: T) => T - removed:
const tupleNum: <T extends number[]>(...args: T) => T - removed:
type ElementOf<T> = T extends (infer E)[] ? E : T extends readonly (infer F)[] ? F : never - changed:
type LiteralUnion<T extends U, U> = T | (U & {}) → type LiteralUnion<T, U extends Primitive = string> = T | (U & Record<never, never>) - added:
type AnyObject = Record<PropertyKey, any> - added:
type CustomComponent<P = AnyObject> = React.ComponentType<P> | string - added:
type EmptyObject = Record<never, never> - added:
type GetContextProp<T extends React.Context<any>, PropName extends keyof GetContextProps<T>> = NonNullable<GetContextProps<T>[PropName]> - added:
type GetContextProps<T> = T extends React.Context<infer P> ? P : never - added:
type GetProp<T extends React.ComponentType<any> | object, PropName extends keyof GetProps<T>> = NonNullable<GetProps<T>[PropName]> - added:
type GetProps<T extends React.ComponentType<any> | object> = T extends React.ComponentType<infer P> ? P : T extends object ? T : never - added:
type GetRef<T extends ReactRefComponent<any> | React.Component<any>> = T extends React.Component<any> ? T : T extends React.ComponentType<infer P> ? ExtractRefAttributesRef<P> : never - added:
type Primitive = null | undefined | string | number | boolean | symbol | bigint - added:
type ValidChar = 'a' | 'b' | 'c' | 'd' | 'e' | 'f' | 'g' | 'h' | 'i' | 'j' | 'k' | 'l' | 'm' | 'n' | 'o' | 'p' | 'q' | 'r' | 's' | 't' | 'u' | 'v' | 'w' | 'x' | 'y' | 'z'
- removed:
export { resetWarned } - removed:
let warning: Warning - added:
const WarningContext: React.Context<WarningContextProps> - added:
const devUseWarning: (component: string) => TypeWarning - added:
const warning: Warning - added:
function resetWarned(): void - added:
interface WarningContextProps - added:
property WarningContextProps.strict?: boolean
- removed:
class Wave extends React.Component<WaveProps> - removed:
default Wave - removed:
interface WaveProps - removed:
method Wave.componentDidMount(): void - removed:
method Wave.componentWillUnmount(): void - removed:
method Wave.getAttributeName(): string - removed:
method Wave.render(): React.JSX.Element - removed:
method Wave.resetEffect(node: HTMLElement): void - removed:
property Wave.bindAnimationEvent: (node?: HTMLElement) => { cancel: () => void } | undefined - removed:
property Wave.context: ConfigConsumerProps - removed:
property Wave.onClick: (node: HTMLElement, waveColor: string) => void - removed:
property Wave.onTransitionEnd: (e: AnimationEvent) => void - removed:
property Wave.onTransitionStart: (e: AnimationEvent) => void - removed:
property Wave.renderWave: ({ csp }: ConfigConsumerProps) => string | number | boolean | Iterable<React.ReactNode> | React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined - removed:
property WaveProps.children?: React.ReactNode - removed:
property WaveProps.disabled?: boolean - removed:
property WaveProps.insertExtraNode?: boolean - removed:
static property Wave.contextType: React.Context<ConfigConsumerProps>
- added:
const showWaveEffect: ShowWaveEffect - added:
default showWaveEffect - added:
interface WaveEffectProps - added:
property WaveEffectProps.className: string - added:
property WaveEffectProps.component?: string - added:
property WaveEffectProps.registerUnmount: () => UnmountType | null - added:
property WaveEffectProps.target: HTMLElement
- added:
const Wave: React.FC<WaveProps> - added:
default Wave - added:
interface WaveProps - added:
property WaveProps.children?: React.ReactNode - added:
property WaveProps.component?: WaveComponent - added:
property WaveProps.disabled?: boolean
- added:
const TARGET_CLS = 'ant-wave-target' - added:
type ShowWave = (event: MouseEvent) => void - added:
type ShowWaveEffect = (element: HTMLElement, info: { className: string; token: GlobalToken; component?: WaveComponent; event: MouseEvent; hashId: string }) => void - added:
type WaveComponent = 'Tag' | 'Button' | 'Checkbox' | 'Radio' | 'Switch'
- added:
const _default: (prefixCls: string, rootCls?: string) => import('@ant-design/cssinjs-utils/lib/interface').UseComponentStyleResult - added:
default _default - added:
interface ComponentToken - added:
interface WaveToken extends FullToken<'Wave'>
- added:
const useWave: (nodeRef: React.RefObject<HTMLElement | null>, className: string, component?: WaveComponent) => ShowWave - added:
default useWave
- added:
function getTargetWaveColor(node: HTMLElement): string | null - added:
function isValidWaveColor(color: string): boolean | ''
- added:
const zIndexContext: React.Context<number | undefined> - added:
default zIndexContext
- removed:
const AffixFC: React.ForwardRefExoticComponent<AffixProps & React.RefAttributes<Affix>> - removed:
default AffixFC - removed:
interface AffixState - removed:
property AffixState.affixStyle?: React.CSSProperties - removed:
property AffixState.lastAffix: boolean - removed:
property AffixState.placeholderStyle?: React.CSSProperties - removed:
property AffixState.prevTarget: Window | HTMLElement | null - removed:
property AffixState.status: AffixStatus - removed:
type InternalAffixClass = Affix - added:
const Affix: React.ForwardRefExoticComponent<InternalAffixProps & React.RefAttributes<AffixRef>> - added:
default Affix - added:
interface AffixRef - added:
property AffixProps.rootClassName?: string - added:
property AffixRef.updatePosition: ReturnType<typeof throttleByAnimationFrame>
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const prepareComponentToken: GetDefaultToken<'Affix'> - added:
default _default - added:
interface ComponentToken - added:
property ComponentToken.zIndexPopup: number
- removed:
function addObserveTarget<T>(target: HTMLElement | Window | null, affix?: T): void - removed:
function getObserverEntities(): ObserverEntity[] - removed:
function removeObserveTarget<T>(affix: T): void - changed:
function getFixedBottom(placeholderReact: DOMRect, targetRect: DOMRect, offsetBottom?: number): number | undefined → function getFixedBottom(placeholderRect: DOMRect, targetRect: DOMRect, offsetBottom?: number): number | undefined - changed:
function getFixedTop(placeholderReact: DOMRect, targetRect: DOMRect, offsetTop?: number): number | undefined → function getFixedTop(placeholderRect: DOMRect, targetRect: DOMRect, offsetTop?: number): number | undefined
- added:
const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<AlertRef>> - added:
default Alert - added:
interface AlertProps - added:
interface AlertRef - added:
property AlertProps.action?: React.ReactNode - added:
property AlertProps.afterClose?: () => void - added:
property AlertProps.banner?: boolean - added:
property AlertProps.className?: string - added:
property AlertProps.closable?: ClosableType - added:
property AlertProps.closeIcon?: React.ReactNode - added:
property AlertProps.closeText?: React.ReactNode - added:
property AlertProps.description?: React.ReactNode - added:
property AlertProps.icon?: React.ReactNode - added:
property AlertProps.id?: string - added:
property AlertProps.message?: React.ReactNode - added:
property AlertProps.onClick?: React.MouseEventHandler<HTMLDivElement> - added:
property AlertProps.onClose?: React.MouseEventHandler<HTMLButtonElement> - added:
property AlertProps.onMouseEnter?: React.MouseEventHandler<HTMLDivElement> - added:
property AlertProps.onMouseLeave?: React.MouseEventHandler<HTMLDivElement> - added:
property AlertProps.prefixCls?: string - added:
property AlertProps.role?: string - added:
property AlertProps.rootClassName?: string - added:
property AlertProps.showIcon?: boolean - added:
property AlertProps.style?: React.CSSProperties - added:
property AlertProps.type?: 'success' | 'info' | 'warning' | 'error' - added:
property AlertRef.nativeElement: HTMLDivElement
- changed:
method ErrorBoundary.render(): string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined → method ErrorBoundary.render(): React.ReactNode
- removed:
interface AlertProps - removed:
property AlertProps.action?: React.ReactNode - removed:
property AlertProps.afterClose?: () => void - removed:
property AlertProps.banner?: boolean - removed:
property AlertProps.className?: string - removed:
property AlertProps.closable?: boolean - removed:
property AlertProps.closeIcon?: React.ReactNode - removed:
property AlertProps.closeText?: React.ReactNode - removed:
property AlertProps.description?: React.ReactNode - removed:
property AlertProps.icon?: React.ReactNode - removed:
property AlertProps.message?: React.ReactNode - removed:
property AlertProps.onClick?: React.MouseEventHandler<HTMLDivElement> - removed:
property AlertProps.onClose?: React.MouseEventHandler<HTMLButtonElement> - removed:
property AlertProps.onMouseEnter?: React.MouseEventHandler<HTMLDivElement> - removed:
property AlertProps.onMouseLeave?: React.MouseEventHandler<HTMLDivElement> - removed:
property AlertProps.prefixCls?: string - removed:
property AlertProps.role?: string - removed:
property AlertProps.showIcon?: boolean - removed:
property AlertProps.style?: React.CSSProperties - removed:
property AlertProps.type?: 'success' | 'info' | 'warning' | 'error' - added:
export { AlertProps } from './Alert'
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const genActionStyle: GenerateStyle<AlertToken> - added:
const genBaseStyle: GenerateStyle<AlertToken> - added:
const genTypeStyle: GenerateStyle<AlertToken> - added:
const prepareComponentToken: GetDefaultToken<'Alert'> - added:
default _default - added:
interface ComponentToken - added:
property ComponentToken.defaultPadding: CSSProperties['padding'] - added:
property ComponentToken.withDescriptionIconSize: number - added:
property ComponentToken.withDescriptionPadding: CSSProperties['padding']
- changed:
property AnchorProps.affix?: boolean → property AnchorProps.affix?: boolean | Omit<AffixProps, 'offsetTop' | 'target' | 'children'> - changed:
property AntAnchor.onClick?: (e: React.MouseEvent<HTMLElement>, link: { title: React.ReactNode; href: string }) => void → property AntAnchor.onClick?: (e: React.MouseEvent<HTMLAnchorElement, MouseEvent>, link: { title: React.ReactNode; href: string }) => void - added:
interface AnchorLinkItemProps extends AnchorLinkBaseProps - added:
property AnchorLinkItemProps.children?: AnchorLinkItemProps[] - added:
property AnchorLinkItemProps.key: React.Key - added:
property AnchorProps.direction?: AnchorDirection - added:
property AnchorProps.items?: AnchorLinkItemProps[] - added:
property AnchorProps.replace?: boolean - added:
property AnchorProps.rootClassName?: string - added:
property AntAnchor.direction: AnchorDirection - added:
type AnchorDirection = 'vertical' | 'horizontal'
- removed:
property AnchorLinkProps.className?: string - removed:
property AnchorLinkProps.href: string - removed:
property AnchorLinkProps.prefixCls?: string - removed:
property AnchorLinkProps.target?: string - removed:
property AnchorLinkProps.title: React.ReactNode - changed:
interface AnchorLinkProps → interface AnchorLinkProps extends AnchorLinkBaseProps - added:
interface AnchorLinkBaseProps - added:
property AnchorLinkBaseProps.className?: string - added:
property AnchorLinkBaseProps.href: string - added:
property AnchorLinkBaseProps.prefixCls?: string - added:
property AnchorLinkBaseProps.replace?: boolean - added:
property AnchorLinkBaseProps.target?: string - added:
property AnchorLinkBaseProps.title: React.ReactNode
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const prepareComponentToken: GetDefaultToken<'Anchor'> - added:
default _default - added:
interface ComponentToken - added:
property ComponentToken.linkPaddingBlock: number - added:
property ComponentToken.linkPaddingInlineStart: number
- added:
const App: React.FC<AppProps> - added:
default App - added:
interface AppProps<P = AnyObject> extends AppConfig - added:
property AppProps.children?: ReactNode - added:
property AppProps.className?: string - added:
property AppProps.component?: CustomComponent<P> | false - added:
property AppProps.prefixCls?: string - added:
property AppProps.rootClassName?: string - added:
property AppProps.style?: React.CSSProperties
- added:
const AppConfigContext: React.Context<AppConfig> - added:
const AppContext: React.Context<useAppProps> - added:
default AppContext - added:
interface AppConfig - added:
interface useAppProps - added:
property AppConfig.message?: MessageConfig - added:
property AppConfig.notification?: NotificationConfig - added:
property useAppProps.message: MessageInstance - added:
property useAppProps.modal: ModalHookAPI - added:
property useAppProps.notification: NotificationInstance
- added:
const App: CompoundedComponent - added:
default App - added:
export { AppProps }
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const prepareComponentToken: GetDefaultToken<'App'> - added:
default _default - added:
interface ComponentToken
- added:
const useApp: () => useAppProps - added:
default useApp
- added:
const RefAutoComplete: (<ValueType = any, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType>(props: React.PropsWithChildren<AutoCompleteProps<ValueType, Optio… - added:
default RefAutoComplete - added:
interface AutoCompleteProps<ValueType = any, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType> extends Omit<InternalSelectProps<ValueType, OptionType>, 'loading' | 'mode' | 'optionLabelProp' | 'labelInValue'> - added:
interface DataSourceItemObject - added:
property AutoCompleteProps.dataSource?: DataSourceItemType[] - added:
property AutoCompleteProps.dropdownClassName?: string - added:
property AutoCompleteProps.dropdownMatchSelectWidth?: boolean | number - added:
property AutoCompleteProps.dropdownRender?: (menu: React.ReactElement) => React.ReactElement - added:
property AutoCompleteProps.dropdownStyle?: React.CSSProperties - added:
property AutoCompleteProps.onDropdownVisibleChange?: (visible: boolean) => void - added:
property AutoCompleteProps.onOpenChange?: (visible: boolean) => void - added:
property AutoCompleteProps.popupClassName?: string - added:
property AutoCompleteProps.popupMatchSelectWidth?: boolean | number - added:
property AutoCompleteProps.popupRender?: (menu: React.ReactElement) => React.ReactElement - added:
property AutoCompleteProps.status?: InputStatus - added:
property DataSourceItemObject.text: string - added:
property DataSourceItemObject.value: string - added:
type DataSourceItemType = DataSourceItemObject | React.ReactNode
- removed:
const RefAutoComplete: (<ValueType = any, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType>(props: AutoCompleteProps<ValueType, OptionType> & { children?: Re… - removed:
default RefAutoComplete - removed:
interface AutoCompleteProps<ValueType = any, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType> extends Omit<InternalSelectProps<ValueType, OptionType>, 'inputIcon' | 'loading' | 'mode' | 'optionLabelProp' | 'labelInValue'> - removed:
interface DataSourceItemObject - removed:
property AutoCompleteProps.dataSource?: DataSourceItemType[] - removed:
property AutoCompleteProps.dropdownClassName?: string - removed:
property AutoCompleteProps.popupClassName?: string - removed:
property AutoCompleteProps.status?: InputStatus - removed:
property DataSourceItemObject.text: string - removed:
property DataSourceItemObject.value: string - removed:
type DataSourceItemType = DataSourceItemObject | React.ReactNode - added:
const AutoComplete: CompoundedComponent - added:
default AutoComplete - added:
export { AutoCompleteProps } from './AutoComplete'
- added:
const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLSpanElement>> - added:
default Avatar - added:
interface AvatarProps - added:
property AvatarProps.alt?: string - added:
property AvatarProps.children?: React.ReactNode - added:
property AvatarProps.className?: string - added:
property AvatarProps.crossOrigin?: '' | 'anonymous' | 'use-credentials' - added:
property AvatarProps.draggable?: boolean | 'true' | 'false' - added:
property AvatarProps.gap?: number - added:
property AvatarProps.icon?: React.ReactNode - added:
property AvatarProps.onClick?: (e?: React.MouseEvent<HTMLElement>) => void - added:
property AvatarProps.onError?: () => boolean - added:
property AvatarProps.prefixCls?: string - added:
property AvatarProps.rootClassName?: string - added:
property AvatarProps.shape?: 'circle' | 'square' - added:
property AvatarProps.size?: AvatarSize - added:
property AvatarProps.src?: React.ReactNode - added:
property AvatarProps.srcSet?: string - added:
property AvatarProps.style?: React.CSSProperties
- added:
const AvatarContext: React.Context<AvatarContextType> - added:
default AvatarContext - added:
interface AvatarContextType - added:
property AvatarContextType.shape?: 'circle' | 'square' - added:
property AvatarContextType.size?: AvatarSize - added:
type AvatarSize = 'large' | 'small' | 'default' | number | ScreenSizeMap
- added:
const AvatarGroup: React.FC<AvatarGroupProps> - added:
default AvatarGroup - added:
interface AvatarGroupProps - added:
property AvatarGroupProps.children?: React.ReactNode - added:
property AvatarGroupProps.className?: string - added:
property AvatarGroupProps.max?: { count?: number; style?: React.CSSProperties; popover?: PopoverProps } - added:
property AvatarGroupProps.maxCount?: number - added:
property AvatarGroupProps.maxPopoverPlacement?: 'top' | 'bottom' - added:
property AvatarGroupProps.maxPopoverTrigger?: 'hover' | 'focus' | 'click' - added:
property AvatarGroupProps.maxStyle?: React.CSSProperties - added:
property AvatarGroupProps.prefixCls?: string - added:
property AvatarGroupProps.rootClassName?: string - added:
property AvatarGroupProps.shape?: 'circle' | 'square' - added:
property AvatarGroupProps.size?: AvatarSize - added:
property AvatarGroupProps.style?: React.CSSProperties
- removed:
const SizeContext: React.Context<AvatarSize> - removed:
const SizeContextProvider: React.FC<SizeContextProps> - removed:
default SizeContext - removed:
interface SizeContextProps - removed:
property SizeContextProps.children?: React.ReactNode - removed:
property SizeContextProps.size?: AvatarSize - removed:
type AvatarSize = 'large' | 'small' | 'default' | number | ScreenSizeMap
- removed:
const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLSpanElement>> - removed:
default Avatar - removed:
interface AvatarProps - removed:
property AvatarProps.alt?: string - removed:
property AvatarProps.children?: React.ReactNode - removed:
property AvatarProps.className?: string - removed:
property AvatarProps.crossOrigin?: '' | 'anonymous' | 'use-credentials' - removed:
property AvatarProps.draggable?: boolean - removed:
property AvatarProps.gap?: number - removed:
property AvatarProps.icon?: React.ReactNode - removed:
property AvatarProps.onClick?: (e?: React.MouseEvent<HTMLElement>) => void - removed:
property AvatarProps.onError?: () => boolean - removed:
property AvatarProps.prefixCls?: string - removed:
property AvatarProps.shape?: 'circle' | 'square' - removed:
property AvatarProps.size?: AvatarSize - removed:
property AvatarProps.src?: React.ReactNode - removed:
property AvatarProps.srcSet?: string - removed:
property AvatarProps.style?: React.CSSProperties
- removed:
const Group: React.FC<GroupProps> - removed:
default Group - removed:
interface GroupProps - removed:
property GroupProps.children?: React.ReactNode - removed:
property GroupProps.className?: string - removed:
property GroupProps.maxCount?: number - removed:
property GroupProps.maxPopoverPlacement?: 'top' | 'bottom' - removed:
property GroupProps.maxPopoverTrigger?: 'hover' | 'focus' | 'click' - removed:
property GroupProps.maxStyle?: React.CSSProperties - removed:
property GroupProps.prefixCls?: string - removed:
property GroupProps.size?: AvatarSize - removed:
property GroupProps.style?: React.CSSProperties
- removed:
export { AvatarProps } from './avatar' - removed:
export { Group } - removed:
export { GroupProps } from './group' - added:
export { AvatarProps } from './Avatar' - added:
type GroupProps = AvatarGroupProps
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const prepareComponentToken: GetDefaultToken<'Avatar'> - added:
default _default - added:
interface ComponentToken - added:
property ComponentToken.containerSize: number - added:
property ComponentToken.containerSizeLG: number - added:
property ComponentToken.containerSizeSM: number - added:
property ComponentToken.groupBorderColor: string - added:
property ComponentToken.groupOverlapping: number - added:
property ComponentToken.groupSpace: number - added:
property ComponentToken.iconFontSize: number - added:
property ComponentToken.iconFontSizeLG: number - added:
property ComponentToken.iconFontSizeSM: number - added:
property ComponentToken.textFontSize: number - added:
property ComponentToken.textFontSizeLG: number - added:
property ComponentToken.textFontSizeSM: number
- removed:
const _default: React.NamedExoticComponent<BackTopProps> - removed:
default _default - removed:
property BackTopProps.visible?: boolean - added:
const BackTop: React.FC<BackTopProps> - added:
default BackTop - added:
property BackTopProps.rootClassName?: string
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const prepareComponentToken: GetDefaultToken<'BackTop'> - added:
default _default - added:
interface ComponentToken - added:
property ComponentToken.zIndexPopup: number
- changed:
property RibbonProps.color?: LiteralUnion<PresetColorType, string> → property RibbonProps.color?: LiteralUnion<PresetColorType> - added:
property RibbonProps.rootClassName?: string
- changed:
const ScrollNumber: React.FC<ScrollNumberProps> → const ScrollNumber: React.ForwardRefExoticComponent<ScrollNumberProps & React.RefAttributes<HTMLElement>> - changed:
property ScrollNumberProps.children?: React.ReactElement<HTMLElement> → property ScrollNumberProps.children?: React.ReactElement - changed:
property ScrollNumberProps.component?: string → property ScrollNumberProps.component?: React.ComponentType<any>
- removed:
default function SingleNumber(props: SingleNumberProps): React.JSX.Element - added:
const SingleNumber: React.FC<Readonly<SingleNumberProps>> - added:
default SingleNumber
- changed:
interface BadgeProps → interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> - changed:
property BadgeProps.color?: LiteralUnion<PresetColorType, string> → property BadgeProps.color?: LiteralUnion<PresetColorKey> - added:
property BadgeProps.classNames?: Partial<Record<SemanticName, string>> - added:
property BadgeProps.rootClassName?: string - added:
property BadgeProps.styles?: Partial<Record<SemanticName, React.CSSProperties>>
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const prepareComponentToken: GetDefaultToken<'Badge'> - added:
const prepareToken: (token: Parameters<GenStyleFn<'Badge'>>[0]) => BadgeToken - added:
default _default - added:
interface BadgeToken extends FullToken<'Badge'> - added:
interface ComponentToken - added:
property BadgeToken.badgeColor: string - added:
property BadgeToken.badgeColorHover: string - added:
property BadgeToken.badgeFontHeight: number - added:
property BadgeToken.badgeProcessingDuration: string - added:
property BadgeToken.badgeRibbonCornerFilter: string - added:
property BadgeToken.badgeRibbonCornerTransform: string - added:
property BadgeToken.badgeRibbonOffset: number - added:
property BadgeToken.badgeShadowColor: string - added:
property BadgeToken.badgeShadowSize: number - added:
property BadgeToken.badgeTextColor: string - added:
property ComponentToken.dotSize: number - added:
property ComponentToken.indicatorHeight: number | string - added:
property ComponentToken.indicatorHeightSM: number | string - added:
property ComponentToken.indicatorZIndex: number | string - added:
property ComponentToken.statusSize: number - added:
property ComponentToken.textFontSize: number - added:
property ComponentToken.textFontSizeSM: number - added:
property ComponentToken.textFontWeight: number | string
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
default _default
- removed:
function isPresetColor(color?: string): boolean
- removed:
interface Route - removed:
property Route.breadcrumbName: string - removed:
property Route.children?: Omit<Route, 'children'>[] - removed:
property Route.path: string - changed:
const Breadcrumb: CompoundedComponent → const Breadcrumb: { <T extends AnyObject = AnyObject>(props: BreadcrumbProps<T>): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>; Item: React.FC<Breadcru… - changed:
interface BreadcrumbProps → interface BreadcrumbProps<T extends AnyObject = AnyObject> - changed:
property BreadcrumbProps.itemRender?: (route: Route, params: any, routes: Array<Route>, paths: Array<string>) => React.ReactNode → property BreadcrumbProps.itemRender?: (route: ItemType, params: T, routes: ItemType[], paths: string[]) => React.ReactNode - changed:
property BreadcrumbProps.params?: any → property BreadcrumbProps.params?: T - changed:
property BreadcrumbProps.routes?: Route[] → property BreadcrumbProps.routes?: ItemType[] - added:
index BreadcrumbItemType[key: `data-${string}`]: string - added:
interface BreadcrumbItemType extends React.AriaAttributes - added:
interface BreadcrumbSeparatorType - added:
property BreadcrumbItemType.breadcrumbName?: string - added:
property BreadcrumbItemType.children?: Omit<BreadcrumbItemType, 'children'>[] - added:
property BreadcrumbItemType.className?: string - added:
property BreadcrumbItemType.dropdownProps?: DropdownProps - added:
property BreadcrumbItemType.href?: string - added:
property BreadcrumbItemType.key?: React.Key - added:
property BreadcrumbItemType.menu?: BreadcrumbItemProps['menu'] - added:
property BreadcrumbItemType.onClick?: React.MouseEventHandler<HTMLAnchorElement | HTMLSpanElement> - added:
property BreadcrumbItemType.overlay?: React.ReactNode - added:
property BreadcrumbItemType.path?: string - added:
property BreadcrumbItemType.title?: React.ReactNode - added:
property BreadcrumbProps.items?: ItemType[] - added:
property BreadcrumbProps.rootClassName?: string - added:
property BreadcrumbSeparatorType.separator?: React.ReactNode - added:
property BreadcrumbSeparatorType.type: 'separator' - added:
type InternalRouteType = Partial<BreadcrumbItemType & BreadcrumbSeparatorType> - added:
type ItemType = Partial<BreadcrumbItemType & BreadcrumbSeparatorType>
- removed:
property BreadcrumbItemProps.separator?: React.ReactNode - changed:
interface BreadcrumbItemProps → interface BreadcrumbItemProps extends SeparatorType - changed:
property BreadcrumbItemProps.menu?: DropdownProps['menu'] → property BreadcrumbItemProps.menu?: Omit<MenuType, 'items'> & { items?: MenuItem[] } - added:
const InternalBreadcrumbItem: React.FC<BreadcrumbItemProps> - added:
interface SeparatorType - added:
property SeparatorType.key?: React.Key - added:
property SeparatorType.separator?: React.ReactNode
- added:
export { SeparatorType } from './BreadcrumbItem'
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const prepareComponentToken: GetDefaultToken<'Breadcrumb'> - added:
default _default - added:
interface ComponentToken - added:
property ComponentToken.iconFontSize: number - added:
property ComponentToken.itemColor: string - added:
property ComponentToken.lastItemColor: string - added:
property ComponentToken.linkColor: string - added:
property ComponentToken.linkHoverColor: string - added:
property ComponentToken.separatorColor: string - added:
property ComponentToken.separatorMargin: number
- added:
default function useItemRender(prefixCls: string, itemRender?: ItemRender): InternalItemRenderParams - added:
function renderItem(prefixCls: string, item: ItemType, children: React.ReactNode, href?: string): React.JSX.Element | null
- added:
default function useItems(items?: ItemType[], routes?: ItemType[]): Partial<MergedType & BreadcrumbSeparatorType>[] | null
- added:
const DefaultLoadingIcon: React.FC<DefaultLoadingIconProps> - added:
default DefaultLoadingIcon - added:
type DefaultLoadingIconProps = { prefixCls: string; existIcon: boolean; loading?: boolean | object; className?: string; style?: React.CSSProperties; mount: boolean }
- added:
const IconWrapper: React.ForwardRefExoticComponent<IconWrapperProps & React.RefAttributes<HTMLSpanElement>> - added:
default IconWrapper - added:
type IconWrapperProps = { prefixCls: string; className?: string; style?: React.CSSProperties; children?: React.ReactNode }
- removed:
const LoadingIcon: React.FC<LoadingIconProps> - removed:
default LoadingIcon - removed:
interface LoadingIconProps - removed:
property LoadingIconProps.existIcon: boolean - removed:
property LoadingIconProps.loading?: boolean | object - removed:
property LoadingIconProps.prefixCls: string
- removed:
function convertLegacyProps(type?: LegacyButtonType): ButtonProps - removed:
type AnchorButtonProps = { href: string; target?: string; onClick?: React.MouseEventHandler<HTMLElement> } & BaseButtonProps & Omit<React.AnchorHTMLAttributes<any>, 'type' | 'onClick'> - removed:
type ButtonHTMLType = typeof ButtonHTMLTypes[number] - removed:
type ButtonProps = Partial<AnchorButtonProps & NativeButtonProps> - removed:
type ButtonShape = typeof ButtonShapes[number] - removed:
type ButtonType = typeof ButtonTypes[number] - removed:
type NativeButtonProps = { htmlType?: ButtonHTMLType; onClick?: React.MouseEventHandler<HTMLElement> } & BaseButtonProps & Omit<React.ButtonHTMLAttributes<any>, 'type' | 'onClick'> - changed:
property BaseButtonProps.loading?: boolean | { delay?: number } → property BaseButtonProps.loading?: boolean | { delay?: number; icon?: React.ReactNode } - added:
index BaseButtonProps[key: `data-${string}`]: string - added:
interface ButtonProps extends BaseButtonProps, MergedHTMLAttributes - added:
property BaseButtonProps.classNames?: { icon: string } - added:
property BaseButtonProps.color?: ButtonColorType - added:
property BaseButtonProps.iconPosition?: 'start' | 'end' - added:
property BaseButtonProps.rootClassName?: string - added:
property BaseButtonProps.styles?: { icon: React.CSSProperties } - added:
property BaseButtonProps.variant?: ButtonVariantType - added:
property ButtonProps.autoInsertSpace?: boolean - added:
property ButtonProps.href?: string - added:
property ButtonProps.htmlType?: ButtonHTMLType
- added:
const _ButtonColorTypes: readonly ['default', 'primary', 'danger', 'blue', 'purple', 'cyan', 'green', 'magenta', 'pink', 'red', 'orange', 'yellow', 'volcano', 'geekblue', 'lime', 'gold… - added:
const _ButtonVariantTypes: readonly ['outlined', 'dashed', 'solid', 'filled', 'text', 'link'] - added:
const isTwoCNChar: (string: string) => boolean - added:
function convertLegacyProps(type?: LegacyButtonType): Pick<BaseButtonProps, 'danger' | 'type'> - added:
function isString(str: unknown): str is string - added:
function isUnBorderedButtonVariant(type?: ButtonVariantType): type is 'text' | 'link' - added:
function spaceChildren(children: React.ReactNode, needInserted: boolean): (number | React.JSX.Element)[] | null | undefined - added:
type ButtonColorType = (typeof _ButtonColorTypes)[number] - added:
type ButtonHTMLType = (typeof _ButtonHTMLTypes)[number] - added:
type ButtonShape = (typeof _ButtonShapes)[number] - added:
type ButtonType = (typeof _ButtonTypes)[number] - added:
type ButtonVariantType = (typeof _ButtonVariantTypes)[number]
- removed:
export { ButtonShape } from './button' - removed:
export { ButtonType } from './button' - added:
export * from './buttonHelpers'
- added:
const _default: import('react').FunctionComponent<import('@ant-design/cssinjs-utils/lib/util/genStyleUtils').SubStyleComponentProps> - added:
default _default
- added:
const genGroupStyle: GenerateStyle<ButtonToken> - added:
default genGroupStyle
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
default _default - added:
export { ComponentToken }
- added:
const prepareComponentToken: GetDefaultToken<'Button'> - added:
const prepareToken: (token: Parameters<GenStyleFn<'Button'>>[0]) => ButtonToken - added:
interface ButtonToken extends FullToken<'Button'>, ShadowColorMap - added:
interface ComponentToken - added:
property ButtonToken.buttonIconOnlyFontSize: number | string - added:
property ButtonToken.buttonPaddingHorizontal: CSSProperties['paddingInline'] - added:
property ButtonToken.buttonPaddingVertical: CSSProperties['paddingBlock'] - added:
property ComponentToken.borderColorDisabled: string - added:
property ComponentToken.contentFontSize: number - added:
property ComponentToken.contentFontSizeLG: number - added:
property ComponentToken.contentFontSizeSM: number - added:
property ComponentToken.contentLineHeight: number - added:
property ComponentToken.contentLineHeightLG: number - added:
property ComponentToken.contentLineHeightSM: number - added:
property ComponentToken.dangerColor: string - added:
property ComponentToken.dangerShadow: string - added:
property ComponentToken.defaultActiveBg: string - added:
property ComponentToken.defaultActiveBorderColor: string - added:
property ComponentToken.defaultActiveColor: string - added:
property ComponentToken.defaultBg: string - added:
property ComponentToken.defaultBorderColor: string - added:
property ComponentToken.defaultColor: string - added:
property ComponentToken.defaultGhostBorderColor: string - added:
property ComponentToken.defaultGhostColor: string - added:
property ComponentToken.defaultHoverBg: string - added:
property ComponentToken.defaultHoverBorderColor: string - added:
property ComponentToken.defaultHoverColor: string - added:
property ComponentToken.defaultShadow: string - added:
property ComponentToken.fontWeight: CSSProperties['fontWeight'] - added:
property ComponentToken.ghostBg: string - added:
property ComponentToken.groupBorderColor: string - added:
property ComponentToken.iconGap: CSSProperties['gap'] - added:
property ComponentToken.linkHoverBg: string - added:
property ComponentToken.onlyIconSize: number | string - added:
property ComponentToken.onlyIconSizeLG: number | string - added:
property ComponentToken.onlyIconSizeSM: number | string - added:
property ComponentToken.paddingBlock: CSSProperties['paddingBlock'] - added:
property ComponentToken.paddingBlockLG: CSSProperties['paddingBlock'] - added:
property ComponentToken.paddingBlockSM: CSSProperties['paddingBlock'] - added:
property ComponentToken.paddingInline: CSSProperties['paddingInline'] - added:
property ComponentToken.paddingInlineLG: CSSProperties['paddingInline'] - added:
property ComponentToken.paddingInlineSM: CSSProperties['paddingInline'] - added:
property ComponentToken.primaryColor: string - added:
property ComponentToken.primaryShadow: string - added:
property ComponentToken.solidTextColor: string - added:
property ComponentToken.textHoverBg: string - added:
property ComponentToken.textTextActiveColor: string - added:
property ComponentToken.textTextColor: string - added:
property ComponentToken.textTextHoverColor: string
- changed:
property CalendarHeaderProps.onChange: (date: DateType) => void → property CalendarHeaderProps.onChange: (date: DateType, source: SelectInfo['source']) => void
- removed:
function generateCalendar<DateType>(generateConfig: GenerateConfig<DateType>): (props: CalendarProps<DateType>) => React.JSX.Element - removed:
type PickerPanelBaseProps<DateType> = InjectDefaultProps<RCPickerPanelBaseProps<DateType>> - removed:
type PickerPanelDateProps<DateType> = InjectDefaultProps<RCPickerPanelDateProps<DateType>> - removed:
type PickerPanelTimeProps<DateType> = InjectDefaultProps<RCPickerPanelTimeProps<DateType>> - removed:
type PickerProps<DateType> = PickerPanelBaseProps<DateType> | PickerPanelDateProps<DateType> | PickerPanelTimeProps<DateType> - changed:
property CalendarProps.onSelect?: (date: DateType) => void → property CalendarProps.onSelect?: (date: DateType, selectInfo: SelectInfo) => void - added:
const generateCalendar: <DateType extends AnyObject>(generateConfig: GenerateConfig<DateType>) => React.FC<Readonly<CalendarProps<DateType>>> - added:
interface SelectInfo - added:
property CalendarProps.cellRender?: (date: DateType, info: CellRenderInfo<DateType>) => React.ReactNode - added:
property CalendarProps.fullCellRender?: (date: DateType, info: CellRenderInfo<DateType>) => React.ReactNode - added:
property CalendarProps.rootClassName?: string - added:
property CalendarProps.showWeek?: boolean - added:
property SelectInfo.source: 'year' | 'month' | 'date' | 'customize'
- removed:
const Calendar: (props: CalendarProps<Moment>) => import('react').JSX.Element - removed:
default Calendar - added:
const _default: CalendarType - added:
default _default - added:
export { CalendarMode } - added:
type CalendarType = typeof Calendar & { generateCalendar: typeof generateCalendar }
- added:
default euES
- added:
default myMM
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const genCalendarStyles: (token: CalendarToken) => CSSObject - added:
const prepareComponentToken: GetDefaultToken<'Calendar'> - added:
default _default - added:
interface ComponentToken - added:
property ComponentToken.fullBg: string - added:
property ComponentToken.fullPanelBg: string - added:
property ComponentToken.itemActiveBg: string - added:
property ComponentToken.miniContentHeight: number | string - added:
property ComponentToken.monthControlWidth: number | string - added:
property ComponentToken.yearControlWidth: number | string
- removed:
property CardTabListType.disabled?: boolean - changed:
interface CardTabListType → interface CardTabListType extends Omit<Tab, 'label'> - changed:
property CardProps.tabBarExtraContent?: React.ReactNode → property CardProps.tabBarExtraContent?: TabBarExtraContent - changed:
property CardTabListType.tab: React.ReactNode → property CardTabListType.tab?: React.ReactNode - added:
property CardProps.classNames?: Partial<Record<SemanticName, string>> - added:
property CardProps.rootClassName?: string - added:
property CardProps.styles?: Partial<Record<SemanticName, React.CSSProperties>> - added:
property CardProps.variant?: 'borderless' | 'outlined' - added:
property CardTabListType.label?: React.ReactNode
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const prepareComponentToken: GetDefaultToken<'Card'> - added:
default _default - added:
interface ComponentToken - added:
property ComponentToken.actionsBg: string - added:
property ComponentToken.actionsLiMargin: string - added:
property ComponentToken.bodyPadding: number - added:
property ComponentToken.bodyPaddingSM: number - added:
property ComponentToken.extraColor: string - added:
property ComponentToken.headerBg: string - added:
property ComponentToken.headerFontSize: number | string - added:
property ComponentToken.headerFontSizeSM: number | string - added:
property ComponentToken.headerHeight: number | string - added:
property ComponentToken.headerHeightSM: number | string - added:
property ComponentToken.headerPadding: number - added:
property ComponentToken.headerPaddingSM: number - added:
property ComponentToken.tabsMarginBottom: number
- changed:
interface CarouselProps extends Omit<Settings, 'dots' | 'dotsClass'> → interface CarouselProps extends Omit<Settings, 'dots' | 'dotsClass' | 'autoplay'> - changed:
property CarouselRef.autoPlay: (palyType?: 'update' | 'leave' | 'blur') => void → property CarouselRef.autoPlay: (playType?: 'update' | 'leave' | 'blur') => void - added:
property CarouselProps.autoplay?: boolean | { dotDuration?: boolean } - added:
property CarouselProps.id?: string - added:
property CarouselProps.rootClassName?: string - added:
property CarouselProps.waitForAnimate?: boolean
- added:
const DotDuration = '--dot-duration' - added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const prepareComponentToken: GetDefaultToken<'Carousel'> - added:
default _default - added:
interface ComponentToken - added:
property ComponentToken.arrowOffset: number - added:
property ComponentToken.arrowSize: number - added:
property ComponentToken.dotActiveWidth: number | string - added:
property ComponentToken.dotGap: number - added:
property ComponentToken.dotHeight: number | string - added:
property ComponentToken.dotOffset: number - added:
property ComponentToken.dotWidth: number | string - added:
property ComponentToken.dotWidthActive: number
- added:
default CascaderPanel - added:
function CascaderPanel<OptionType extends DefaultOptionType = DefaultOptionType, ValueField extends keyof OptionType = keyof OptionType>(props: CascaderPanelAutoProps<OptionType, ValueField>): React.ReactElement<unknown, string | React.JSXElementConstructor<any>> - added:
type CascaderPanelAutoProps<OptionType extends DefaultOptionType = DefaultOptionType, ValueField extends keyof OptionType = keyof OptionType> = (CascaderPanelProps<OptionType, ValueField> & { multiple?: false }) | (CascaderPanelProps<OptionType, ValueField, true> & { multiple: true }) - added:
type CascaderPanelProps<OptionType extends DefaultOptionType = DefaultOptionType, ValueField extends keyof OptionType = keyof OptionType, Multiple extends boolean = boolean> = Pick<CascaderProps<OptionType, ValueField, Multiple>, PanelPickType> - added:
type PanelPickType = Exclude<PickType, 'checkable'> | 'multiple' | 'rootClassName'
- added:
default useBase - added:
function useBase(customizePrefixCls?: string, direction?: DirectionType): [prefixCls: string, cascaderPrefixCls: string, direction?: DirectionType, renderEmpty?: RenderEmptyHandler]
- added:
default function useCheckable(cascaderPrefixCls: string, multiple?: boolean): false | React.JSX.Element
- added:
const useColumnIcons: (prefixCls: string, rtl: boolean, expandIcon?: React.ReactNode) => readonly [React.ReactNode, React.ReactNode] - added:
default useColumnIcons
- removed:
type CascaderProps<DataNodeType = any> = UnionCascaderProps & { multiple?: boolean; size?: SizeType; disabled?: boolean; bordered?: boolean; placement?: SelectCommonPlacement; suffixIcon?: React.React… - changed:
const Cascader: (<OptionType extends DefaultOptionType | BaseOptionType = DefaultOptionType>(props: React.PropsWithChildren<CascaderProps<OptionType>> & { ref?: React.Ref<Casc… → const Cascader: (<OptionType extends DefaultOptionType = DefaultOptionType, ValueField extends keyof OptionType = keyof OptionType>(props: React.PropsWithChildren<CascaderAuto… - added:
interface CascaderProps<OptionType extends DefaultOptionType = DefaultOptionType, ValueField extends keyof OptionType = keyof OptionType, Multiple extends boolean = boolean> extends Omit<RcCascaderProps<OptionType, ValueField, Multiple>, 'checkable'> - added:
property CascaderProps.autoClearSearchValue?: boolean - added:
property CascaderProps.bordered?: boolean - added:
property CascaderProps.classNames?: Partial<Record<SemanticName, string>> & { popup?: Partial<Record<PopupSemantic, string>> } - added:
property CascaderProps.disabled?: boolean - added:
property CascaderProps.dropdownClassName?: string - added:
property CascaderProps.dropdownMenuColumnStyle?: React.CSSProperties - added:
property CascaderProps.dropdownRender?: (menu: React.ReactElement) => React.ReactElement - added:
property CascaderProps.dropdownStyle?: React.CSSProperties - added:
property CascaderProps.multiple?: Multiple - added:
property CascaderProps.onDropdownVisibleChange?: (visible: boolean) => void - added:
property CascaderProps.onOpenChange?: (visible: boolean) => void - added:
property CascaderProps.options?: OptionType[] - added:
property CascaderProps.placement?: SelectCommonPlacement - added:
property CascaderProps.popupClassName?: string - added:
property CascaderProps.popupMenuColumnStyle?: React.CSSProperties - added:
property CascaderProps.popupRender?: (menu: React.ReactElement) => React.ReactElement - added:
property CascaderProps.rootClassName?: string - added:
property CascaderProps.showArrow?: boolean - added:
property CascaderProps.size?: SizeType - added:
property CascaderProps.status?: InputStatus - added:
property CascaderProps.styles?: Partial<Record<SemanticName, React.CSSProperties>> & { popup?: Partial<Record<PopupSemantic, React.CSSProperties>> } - added:
property CascaderProps.suffixIcon?: React.ReactNode - added:
property CascaderProps.variant?: Variant - added:
type CascaderAutoProps<OptionType extends DefaultOptionType = DefaultOptionType, ValueField extends keyof OptionType = keyof OptionType> = (CascaderProps<OptionType, ValueField> & { multiple?: false }) | (CascaderProps<OptionType, ValueField, true> & { multiple: true })
- added:
const getColumnsStyle: GenerateStyle<CascaderToken> - added:
default getColumnsStyle
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const prepareComponentToken: (token: GlobalToken) => { controlWidth: number; controlItemWidth: number; dropdownHeight: number; optionSelectedBg: string; optionSelectedFontWeight: number; o… - added:
default _default - added:
interface ComponentToken - added:
property ComponentToken.controlItemWidth: number | string - added:
property ComponentToken.controlWidth: number | string - added:
property ComponentToken.dropdownHeight: number | string - added:
property ComponentToken.menuPadding: CSSProperties['padding'] - added:
property ComponentToken.optionPadding: CSSProperties['padding'] - added:
property ComponentToken.optionSelectedBg: string - added:
property ComponentToken.optionSelectedColor: string - added:
property ComponentToken.optionSelectedFontWeight: CSSProperties['fontWeight'] - added:
type CascaderToken = FullToken<'Cascader'>
- added:
const _default: (prefixCls: string, rootCls?: string) => import('@ant-design/cssinjs-utils/lib/interface').UseComponentStyleResult - added:
default _default
- changed:
const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<unknown>> → const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<CheckboxRef>> - added:
property AbstractCheckboxProps.onBlur?: React.FocusEventHandler<HTMLInputElement> - added:
property AbstractCheckboxProps.onFocus?: React.FocusEventHandler<HTMLInputElement> - added:
property AbstractCheckboxProps.required?: boolean - added:
property AbstractCheckboxProps.rootClassName?: string - added:
property AbstractCheckboxProps.title?: string
- removed:
const GroupContext: React.Context<CheckboxGroupContext | null> - removed:
interface CheckboxGroupContext - removed:
property CheckboxGroupContext.cancelValue: (val: string) => void - removed:
property CheckboxGroupContext.disabled?: boolean - removed:
property CheckboxGroupContext.name?: string - removed:
property CheckboxGroupContext.registerValue: (val: string) => void - removed:
property CheckboxGroupContext.toggleOption?: (option: CheckboxOptionType) => void - removed:
property CheckboxGroupContext.value?: any - removed:
type CheckboxValueType = string | number | boolean - changed:
const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<CheckboxGroupProps & React.RefAttributes<HTMLDivElement>>> → const _default: <T = any>(props: CheckboxGroupProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement - changed:
interface AbstractCheckboxGroupProps → interface AbstractCheckboxGroupProps<T = any> - changed:
interface CheckboxGroupProps extends AbstractCheckboxGroupProps → interface CheckboxGroupProps<T = any> extends AbstractCheckboxGroupProps<T> - changed:
interface CheckboxOptionType → interface CheckboxOptionType<T = any> - changed:
property AbstractCheckboxGroupProps.options?: Array<CheckboxOptionType | string | number> → property AbstractCheckboxGroupProps.options?: (CheckboxOptionType<T> | string | number)[] - changed:
property CheckboxGroupProps.defaultValue?: Array<CheckboxValueType> → property CheckboxGroupProps.defaultValue?: T[] - changed:
property CheckboxGroupProps.onChange?: (checkedValue: Array<CheckboxValueType>) => void → property CheckboxGroupProps.onChange?: (checkedValue: T[]) => void - changed:
property CheckboxGroupProps.value?: Array<CheckboxValueType> → property CheckboxGroupProps.value?: T[] - changed:
property CheckboxOptionType.value: CheckboxValueType → property CheckboxOptionType.value: T - added:
export { CheckboxGroupContext } from './GroupContext' - added:
export { GroupContext } - added:
property AbstractCheckboxGroupProps.rootClassName?: string - added:
property CheckboxOptionType.className?: string - added:
property CheckboxOptionType.id?: string - added:
property CheckboxOptionType.required?: boolean - added:
property CheckboxOptionType.title?: string
- added:
const GroupContext: React.Context<CheckboxGroupContext<any> | null> - added:
default GroupContext - added:
interface CheckboxGroupContext<T = any> - added:
property CheckboxGroupContext.cancelValue: (val: T) => void - added:
property CheckboxGroupContext.disabled?: boolean - added:
property CheckboxGroupContext.name?: string - added:
property CheckboxGroupContext.registerValue: (val: T) => void - added:
property CheckboxGroupContext.toggleOption?: (option: CheckboxOptionType<T>) => void - added:
property CheckboxGroupContext.value?: any
- added:
export { CheckboxRef }
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const genCheckboxStyle: GenerateStyle<CheckboxToken> - added:
default _default - added:
function getStyle(prefixCls: string, token: FullToken<'Checkbox'>): import('@ant-design/cssinjs').CSSInterpolation - added:
interface ComponentToken
- added:
default function useBubbleLock(onOriginInputClick?: React.MouseEventHandler<HTMLInputElement>): readonly [React.MouseEventHandler<HTMLLabelElement>, React.MouseEventHandler<HTMLInputElement>]
- added:
const _default: {} - added:
default _default
- removed:
const Collapse: CompoundedComponent - removed:
default Collapse - changed:
interface CollapseProps → interface CollapseProps extends Pick<RcCollapseProps, 'items'> - changed:
property CollapseProps.onChange?: (key: string | string[]) => void → property CollapseProps.onChange?: (key: string[]) => void - added:
const _default: React.ForwardRefExoticComponent<CollapseProps & React.RefAttributes<HTMLDivElement>> & { Panel: React.ForwardRefExoticComponent<import('./CollapsePanel').Colla… - added:
default _default - added:
property CollapseProps.destroyOnHidden?: boolean - added:
property CollapseProps.rootClassName?: string - added:
property CollapseProps.size?: SizeType
- changed:
const CollapsePanel: React.FC<CollapsePanelProps> → const CollapsePanel: React.ForwardRefExoticComponent<CollapsePanelProps & React.RefAttributes<HTMLDivElement>>
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const genBaseStyle: GenerateStyle<CollapseToken> - added:
const prepareComponentToken: GetDefaultToken<'Collapse'> - added:
default _default - added:
interface ComponentToken - added:
property ComponentToken.borderlessContentBg: string - added:
property ComponentToken.borderlessContentPadding: CSSProperties['padding'] - added:
property ComponentToken.contentBg: string - added:
property ComponentToken.contentPadding: CSSProperties['padding'] - added:
property ComponentToken.headerBg: string - added:
property ComponentToken.headerPadding: CSSProperties['padding']
- added:
const ColorPicker: CompoundedComponent - added:
default ColorPicker
- added:
const ColorPickerPanel: FC<ColorPickerPanelProps> - added:
default ColorPickerPanel - added:
interface ColorPickerPanelProps extends PanelPickerContextProps, Omit<PanelPresetsContextProps, 'onChange'> - added:
property ColorPickerPanelProps.onClear?: () => void - added:
property ColorPickerPanelProps.panelRender?: ColorPickerProps['panelRender']
- added:
class AggregationColor - added:
const getHex: (value?: string, alpha?: boolean) => string - added:
const toHexFormat: (value?: string, alpha?: boolean) => string - added:
constructor AggregationColor(color: ColorGenInput<AggregationColor> | Colors<AggregationColor>) - added:
method AggregationColor.equals(color: AggregationColor | null): boolean - added:
method AggregationColor.getColors(): GradientColor - added:
method AggregationColor.isGradient(): boolean - added:
method AggregationColor.toCssString(): string - added:
method AggregationColor.toHex(): string - added:
method AggregationColor.toHexString(): string - added:
method AggregationColor.toHsb(): { b: number; a: number; h: number; s: number } - added:
method AggregationColor.toHsbString(): string - added:
method AggregationColor.toRgb(): import('@ant-design/fast-color').RGB - added:
method AggregationColor.toRgbString(): string - added:
property AggregationColor.cleared: boolean - added:
type GradientColor = { color: AggregationColor; percent: number }[]
- added:
const ColorAlphaInput: FC<ColorAlphaInputProps> - added:
default ColorAlphaInput
- added:
const ColorClear: FC<ColorClearProps> - added:
default ColorClear
- added:
const ColorHexInput: FC<ColorHexInputProps> - added:
default ColorHexInput
- added:
const ColorHsbInput: FC<ColorHsbInputProps> - added:
default ColorHsbInput
- added:
const ColorInput: FC<ColorInputProps> - added:
default ColorInput
- added:
const ColorPresets: FC<ColorPresetsProps> - added:
const isBright: (value: AggregationColor, bgColorToken: string) => boolean - added:
default ColorPresets
- added:
const ColorRgbInput: FC<ColorRgbInputProps> - added:
default ColorRgbInput
- added:
const GradientColorSlider: (props: GradientColorSliderProps) => React.JSX.Element - added:
const SingleColorSlider: (props: BaseSliderProps) => React.JSX.Element - added:
default SingleColorSlider - added:
interface GradientColorSliderProps extends Omit<BaseSliderProps, 'value' | 'onChange' | 'onChangeComplete' | 'type'> - added:
property GradientColorSliderProps.activeIndex?: number - added:
property GradientColorSliderProps.className?: string - added:
property GradientColorSliderProps.onActive?: (index: number) => void - added:
property GradientColorSliderProps.onChange?: (value: number[]) => void - added:
property GradientColorSliderProps.onChangeComplete: (value: number[]) => void - added:
property GradientColorSliderProps.onDragChange?: GetContextProp<typeof UnstableContext, 'onDragChange'> - added:
property GradientColorSliderProps.onDragStart?: GetContextProp<typeof UnstableContext, 'onDragStart'> - added:
property GradientColorSliderProps.onKeyDelete?: (index: number) => void - added:
property GradientColorSliderProps.range?: boolean - added:
property GradientColorSliderProps.type: BaseSliderProps['type'] | 'gradient' - added:
property GradientColorSliderProps.value: number[]
- added:
const ColorSteppers: FC<ColorSteppersProps> - added:
default ColorSteppers
- added:
const ColorTrigger: React.ForwardRefExoticComponent<ColorTriggerProps & React.RefAttributes<HTMLDivElement>> - added:
default ColorTrigger - added:
interface ColorTriggerProps - added:
property ColorTriggerProps.activeIndex: number - added:
property ColorTriggerProps.className?: string - added:
property ColorTriggerProps.color: AggregationColor - added:
property ColorTriggerProps.disabled?: boolean - added:
property ColorTriggerProps.format?: ColorFormatType - added:
property ColorTriggerProps.onClick?: MouseEventHandler<HTMLDivElement> - added:
property ColorTriggerProps.onMouseEnter?: MouseEventHandler<HTMLDivElement> - added:
property ColorTriggerProps.onMouseLeave?: MouseEventHandler<HTMLDivElement> - added:
property ColorTriggerProps.open?: boolean - added:
property ColorTriggerProps.prefixCls: string - added:
property ColorTriggerProps.showText?: ColorPickerProps['showText'] - added:
property ColorTriggerProps.style?: CSSProperties
- added:
const _default: React.MemoExoticComponent<(props: GradientColorBarProps) => React.JSX.Element | null> - added:
default _default - added:
interface GradientColorBarProps extends PanelPickerContextProps - added:
property GradientColorBarProps.colors: GradientColor
- added:
const PanelPicker: FC - added:
default PanelPicker
- added:
const PanelPresets: FC - added:
default PanelPresets
- added:
const PanelPickerContext: React.Context<PanelPickerContextProps> - added:
const PanelPresetsContext: React.Context<PanelPresetsContextProps> - added:
interface PanelPickerContextProps - added:
interface PanelPresetsContextProps - added:
property PanelPickerContextProps.activeIndex: number - added:
property PanelPickerContextProps.allowClear?: boolean - added:
property PanelPickerContextProps.disabled?: boolean - added:
property PanelPickerContextProps.disabledAlpha?: boolean - added:
property PanelPickerContextProps.disabledFormat?: boolean - added:
property PanelPickerContextProps.format?: ColorFormatType - added:
property PanelPickerContextProps.gradientDragging: boolean - added:
property PanelPickerContextProps.mode: ModeType - added:
property PanelPickerContextProps.modeOptions: ModeOptions - added:
property PanelPickerContextProps.onActive: (index: number) => void - added:
property PanelPickerContextProps.onChange: (value?: AggregationColor, pickColor?: boolean) => void - added:
property PanelPickerContextProps.onChangeComplete: GetProp<ColorPickerProps, 'onChangeComplete'> - added:
property PanelPickerContextProps.onClear?: () => void - added:
property PanelPickerContextProps.onFormatChange?: ColorPickerProps['onFormatChange'] - added:
property PanelPickerContextProps.onGradientDragging: (dragging: boolean) => void - added:
property PanelPickerContextProps.onModeChange: (mode: ModeType) => void - added:
property PanelPickerContextProps.prefixCls: string - added:
property PanelPickerContextProps.value: AggregationColor - added:
property PanelPresetsContextProps.disabled?: boolean - added:
property PanelPresetsContextProps.onChange?: (value: AggregationColor) => void - added:
property PanelPresetsContextProps.prefixCls: string - added:
property PanelPresetsContextProps.presets?: PresetsItem[] - added:
property PanelPresetsContextProps.value: AggregationColor
- added:
default function useModeColor(defaultValue?: ColorValueType, value?: ColorValueType, mode?: ColorPickerProps['mode']): [color: AggregationColor, setColor: (color: AggregationColor) => void, mode: ModeType, setMode: (mode: ModeType) => void, modeOptionList: ModeOptions] - added:
type ModeOptions = { label: React.ReactNode; value: ModeType }[]
- added:
default ColorPicker - added:
export { AggregationColor as Color } from './color' - added:
export { ColorPickerProps } from './interface'
- added:
const FORMAT_HEX = 'hex' - added:
const FORMAT_HSB = 'hsb' - added:
const FORMAT_RGB = 'rgb' - added:
export { ColorGenInput } - added:
interface PresetsItem - added:
property PresetsItem.colors: (string | AggregationColor)[] - added:
property PresetsItem.defaultOpen?: boolean - added:
property PresetsItem.key?: React.Key - added:
property PresetsItem.label: React.ReactNode - added:
type ColorFormatType = typeof FORMAT_HEX | typeof FORMAT_RGB | typeof FORMAT_HSB - added:
type ColorPickerProps = Omit<RcColorPickerProps, 'onChange' | 'value' | 'defaultValue' | 'panelRender' | 'disabledAlpha' | 'onChangeComplete' | 'components'> & { mode?: ModeType | Mod… - added:
type ColorValueType = SingleValueType | null | { color: SingleValueType; percent: number }[] - added:
type Colors<T> = { color: ColorGenInput<T>; percent: number }[] - added:
type ModeType = 'single' | 'gradient' - added:
type SingleValueType = AggregationColor | string - added:
type TriggerPlacement = TooltipPlacement - added:
type TriggerType = 'click' | 'hover'
- added:
const genColorBlockStyle: (token: ColorPickerToken, size: number) => CSSObject - added:
const getTransBg: (size: string, colorFill: string) => CSSObject - added:
default genColorBlockStyle
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const genActiveStyle: (token: ColorPickerToken, borderColor: string, outlineColor: string) => { borderInlineEndWidth: number; borderColor: string; boxShadow: string; outline: number… - added:
default _default - added:
interface ColorPickerToken extends FullToken<'ColorPicker'> - added:
interface ComponentToken - added:
property ColorPickerToken.colorPickerAlphaInputWidth: number - added:
property ColorPickerToken.colorPickerHandlerSize: number - added:
property ColorPickerToken.colorPickerHandlerSizeSM: number - added:
property ColorPickerToken.colorPickerInputNumberHandleWidth: number - added:
property ColorPickerToken.colorPickerInsetShadow: string - added:
property ColorPickerToken.colorPickerPresetColorSize: number - added:
property ColorPickerToken.colorPickerPreviewSize: number - added:
property ColorPickerToken.colorPickerSliderHeight: number - added:
property ColorPickerToken.colorPickerWidth: number
- added:
const genInputStyle: GenerateStyle<ColorPickerToken, CSSObject> - added:
default genInputStyle
- added:
const genPickerStyle: GenerateStyle<ColorPickerToken, CSSObject> - added:
default genPickerStyle
- added:
const genPresetsStyle: GenerateStyle<ColorPickerToken, CSSObject> - added:
default genPresetsStyle
- added:
const genSliderStyle: GenerateStyle<ColorPickerToken, CSSObject> - added:
default genSliderStyle
- added:
const genAlphaColor: (color: AggregationColor, alpha?: number) => AggregationColor - added:
const generateColor: (color: ColorGenInput<AggregationColor> | Exclude<ColorValueType, null>) => AggregationColor - added:
const getColorAlpha: (color: AggregationColor) => number - added:
const getGradientPercentColor: (colors: { percent: number; color: string }[], percent: number) => string - added:
const getRoundNumber: (value: number) => number
- removed:
const Comment: React.FC<CommentProps> - removed:
default Comment - removed:
interface CommentProps - removed:
property CommentProps.actions?: Array<React.ReactNode> - removed:
property CommentProps.author?: React.ReactNode - removed:
property CommentProps.avatar?: React.ReactNode - removed:
property CommentProps.children?: React.ReactNode - removed:
property CommentProps.className?: string - removed:
property CommentProps.content: React.ReactNode - removed:
property CommentProps.datetime?: React.ReactNode - removed:
property CommentProps.prefixCls?: string - removed:
property CommentProps.style?: React.CSSProperties
- removed:
type DisabledType = true | false | undefined - changed:
const DisabledContext: React.Context<DisabledType> → const DisabledContext: React.Context<boolean> - changed:
property DisabledContextProps.disabled?: DisabledType → property DisabledContextProps.disabled?: boolean
- added:
default function MotionWrapper(props: MotionWrapperProps): React.ReactElement - added:
interface MotionWrapperProps - added:
property MotionWrapperProps.children?: React.ReactNode
- added:
const _default: React.MemoExoticComponent<({ dropdownMatchSelectWidth }: PropWarningProps) => null> | (() => null) - added:
default _default - added:
interface PropWarningProps - added:
property PropWarningProps.dropdownMatchSelectWidth?: boolean
- added:
function unstableSetRender(render?: RenderType): RenderType - added:
type RenderType = (node: React.ReactElement, container: Element | DocumentFragment) => UnmountType - added:
type UnmountType = () => Promise<void>
- removed:
function withConfigConsumer<ExportProps extends BasicExportProps>(config: ConsumerConfig): <ComponentDef>(Component: React.ComponentType<ExportProps>) => React.FC<ExportProps> & ComponentDef - removed:
property ConfigConsumerProps.dropdownMatchSelectWidth?: boolean - removed:
property ConfigConsumerProps.form?: { validateMessages?: ValidateMessages; requiredMark?: RequiredMark; colon?: boolean } - removed:
property ConfigConsumerProps.input?: { autoComplete?: string } - removed:
property ConfigConsumerProps.pageHeader?: { ghost: boolean } - removed:
property ConfigConsumerProps.pagination?: { showSizeChanger?: boolean } - removed:
property ConfigConsumerProps.space?: { size?: SizeType | number } - changed:
interface ConfigConsumerProps → interface ConfigConsumerProps extends ConfigComponentProps - changed:
property ConfigConsumerProps.getTargetContainer?: () => HTMLElement → property ConfigConsumerProps.getTargetContainer?: () => HTMLElement | Window - changed:
property ConfigConsumerProps.iconPrefixCls?: string → property ConfigConsumerProps.iconPrefixCls: string - added:
const Variants: readonly ['outlined', 'borderless', 'filled', 'underlined'] - added:
const defaultIconPrefixCls = 'anticon' - added:
const defaultPrefixCls = 'ant' - added:
function useComponentConfig<T extends keyof ConfigComponentProps>(propName: T): ComponentReturnType<T> - added:
interface ComponentStyleConfig - added:
interface ConfigComponentProps - added:
interface ImageConfig extends ComponentStyleConfig - added:
interface ListConfig extends ComponentStyleConfig - added:
interface TableConfig extends ComponentStyleConfig - added:
interface ThemeConfig - added:
interface WaveConfig - added:
property ComponentStyleConfig.className?: string - added:
property ComponentStyleConfig.style?: React.CSSProperties - added:
property ConfigComponentProps.alert?: AlertConfig - added:
property ConfigComponentProps.anchor?: ComponentStyleConfig - added:
property ConfigComponentProps.avatar?: ComponentStyleConfig - added:
property ConfigComponentProps.badge?: BadgeConfig - added:
property ConfigComponentProps.breadcrumb?: ComponentStyleConfig - added:
property ConfigComponentProps.button?: ButtonConfig - added:
property ConfigComponentProps.calendar?: ComponentStyleConfig - added:
property ConfigComponentProps.card?: CardConfig - added:
property ConfigComponentProps.carousel?: ComponentStyleConfig - added:
property ConfigComponentProps.cascader?: CascaderConfig - added:
property ConfigComponentProps.checkbox?: ComponentStyleConfig - added:
property ConfigComponentProps.collapse?: CollapseConfig - added:
property ConfigComponentProps.colorPicker?: ComponentStyleConfig - added:
property ConfigComponentProps.datePicker?: DatePickerConfig - added:
property ConfigComponentProps.descriptions?: DescriptionsConfig - added:
property ConfigComponentProps.divider?: ComponentStyleConfig - added:
property ConfigComponentProps.drawer?: DrawerConfig - added:
property ConfigComponentProps.dropdown?: ComponentStyleConfig - added:
property ConfigComponentProps.empty?: EmptyConfig - added:
property ConfigComponentProps.flex?: FlexConfig - added:
property ConfigComponentProps.floatButton?: FloatButtonConfig - added:
property ConfigComponentProps.floatButtonGroup?: FloatButtonGroupConfig - added:
property ConfigComponentProps.form?: FormConfig - added:
property ConfigComponentProps.image?: ImageConfig - added:
property ConfigComponentProps.input?: InputConfig - added:
property ConfigComponentProps.inputNumber?: InputNumberConfig - added:
property ConfigComponentProps.layout?: ComponentStyleConfig - added:
property ConfigComponentProps.list?: ListConfig - added:
property ConfigComponentProps.mentions?: MentionsConfig - added:
property ConfigComponentProps.menu?: MenuConfig - added:
property ConfigComponentProps.message?: ComponentStyleConfig - added:
property ConfigComponentProps.modal?: ModalConfig - added:
property ConfigComponentProps.notification?: NotificationConfig - added:
property ConfigComponentProps.pagination?: PaginationConfig - added:
property ConfigComponentProps.popconfirm?: PopconfirmConfig - added:
property ConfigComponentProps.popover?: PopoverConfig - added:
property ConfigComponentProps.progress?: ComponentStyleConfig - added:
property ConfigComponentProps.radio?: ComponentStyleConfig - added:
property ConfigComponentProps.rangePicker?: RangePickerConfig - added:
property ConfigComponentProps.rate?: ComponentStyleConfig - added:
property ConfigComponentProps.result?: ComponentStyleConfig - added:
property ConfigComponentProps.segmented?: ComponentStyleConfig - added:
property ConfigComponentProps.select?: SelectConfig - added:
property ConfigComponentProps.skeleton?: ComponentStyleConfig - added:
property ConfigComponentProps.slider?: SliderConfig - added:
property ConfigComponentProps.space?: SpaceConfig - added:
property ConfigComponentProps.spin?: SpinConfig - added:
property ConfigComponentProps.splitter?: ComponentStyleConfig - added:
property ConfigComponentProps.statistic?: ComponentStyleConfig - added:
property ConfigComponentProps.steps?: ComponentStyleConfig - added:
property ConfigComponentProps.switch?: ComponentStyleConfig - added:
property ConfigComponentProps.table?: TableConfig - added:
property ConfigComponentProps.tabs?: TabsConfig - added:
property ConfigComponentProps.tag?: TagConfig - added:
property ConfigComponentProps.textArea?: TextAreaConfig - added:
property ConfigComponentProps.timePicker?: TimePickerConfig - added:
property ConfigComponentProps.timeline?: ComponentStyleConfig - added:
property ConfigComponentProps.tooltip?: TooltipConfig - added:
property ConfigComponentProps.tour?: TourConfig - added:
property ConfigComponentProps.transfer?: TransferConfig - added:
property ConfigComponentProps.tree?: ComponentStyleConfig - added:
property ConfigComponentProps.treeSelect?: TreeSelectConfig - added:
property ConfigComponentProps.typography?: ComponentStyleConfig - added:
property ConfigComponentProps.upload?: UploadConfig - added:
property ConfigComponentProps.wave?: WaveConfig - added:
property ConfigConsumerProps.popupMatchSelectWidth?: boolean - added:
property ConfigConsumerProps.popupOverflow?: PopupOverflow - added:
property ConfigConsumerProps.theme?: ThemeConfig - added:
property ConfigConsumerProps.variant?: Variant - added:
property ConfigConsumerProps.warning?: WarningContextProps - added:
property ImageConfig.fallback?: string - added:
property ImageConfig.preview?: Partial<Record<'closeIcon', React.ReactNode>> - added:
property ListConfig.item?: Pick<ListItemProps, 'classNames' | 'styles'> - added:
property TableConfig.expandable?: { expandIcon?: NonNullable<TableProps['expandable']>['expandIcon'] } - added:
property ThemeConfig.algorithm?: MappingAlgorithm | MappingAlgorithm[] - added:
property ThemeConfig.components?: ComponentsConfig - added:
property ThemeConfig.cssVar?: { prefix?: string; key?: string } | boolean - added:
property ThemeConfig.hashed?: boolean - added:
property ThemeConfig.inherit?: boolean - added:
property ThemeConfig.token?: Partial<AliasToken> - added:
property WaveConfig.disabled?: boolean - added:
property WaveConfig.showEffect?: ShowWaveEffect - added:
type AlertConfig = ComponentStyleConfig & Pick<AlertProps, 'closable' | 'closeIcon'> - added:
type BadgeConfig = ComponentStyleConfig & Pick<BadgeProps, 'classNames' | 'styles'> - added:
type ButtonConfig = ComponentStyleConfig & Pick<ButtonProps, 'classNames' | 'styles' | 'autoInsertSpace' | 'variant' | 'color' | 'shape'> - added:
type CardConfig = ComponentStyleConfig & Pick<CardProps, 'classNames' | 'styles' | 'variant'> - added:
type CascaderConfig = ComponentStyleConfig & Pick<CascaderProps, 'variant' | 'styles' | 'classNames'> - added:
type CollapseConfig = ComponentStyleConfig & Pick<CollapseProps, 'expandIcon'> - added:
type DatePickerConfig = ComponentStyleConfig & Pick<DatePickerProps, 'variant' | 'styles' | 'classNames'> - added:
type DescriptionsConfig = ComponentStyleConfig & Pick<DescriptionsProps, 'classNames' | 'styles'> - added:
type DrawerConfig = ComponentStyleConfig & Pick<DrawerProps, 'classNames' | 'styles' | 'closeIcon' | 'closable'> - added:
type EmptyConfig = ComponentStyleConfig & Pick<EmptyProps, 'classNames' | 'styles' | 'image'> - added:
type FlexConfig = ComponentStyleConfig & Pick<FlexProps, 'vertical'> - added:
type FloatButtonConfig = { backTopIcon?: React.ReactNode } - added:
type FloatButtonGroupConfig = Pick<FloatButtonGroupProps, 'closeIcon'> - added:
type FormConfig = ComponentStyleConfig & Pick<FormProps, 'requiredMark' | 'colon' | 'scrollToFirstError' | 'validateMessages' | 'variant'> - added:
type InputConfig = ComponentStyleConfig & Pick<InputProps, 'autoComplete' | 'classNames' | 'styles' | 'allowClear' | 'variant'> - added:
type InputNumberConfig = ComponentStyleConfig & Pick<InputNumberProps, 'variant'> - added:
type MentionsConfig = ComponentStyleConfig & Pick<MentionsProps, 'variant'> - added:
type MenuConfig = ComponentStyleConfig & Pick<MenuProps, 'expandIcon'> - added:
type ModalConfig = ComponentStyleConfig & Pick<ModalProps, 'classNames' | 'styles' | 'closeIcon' | 'closable' | 'centered'> - added:
type NotificationConfig = ComponentStyleConfig & Pick<ArgsProps, 'closeIcon'> - added:
type PaginationConfig = ComponentStyleConfig & Pick<PaginationProps, 'showSizeChanger'> - added:
type PopconfirmConfig = Pick<PopconfirmProps, 'className' | 'style' | 'styles' | 'classNames'> - added:
type PopoverConfig = Pick<PopoverProps, 'className' | 'style' | 'styles' | 'classNames'> - added:
type PopupOverflow = 'viewport' | 'scroll' - added:
type RangePickerConfig = ComponentStyleConfig & Pick<RangePickerProps, 'variant'> - added:
type SelectConfig = ComponentStyleConfig & Pick<SelectProps, 'showSearch' | 'variant' | 'classNames' | 'styles'> - added:
type SliderConfig = ComponentStyleConfig & Pick<SliderProps, 'styles' | 'classNames'> - added:
type SpaceConfig = ComponentStyleConfig & Pick<SpaceProps, 'size' | 'classNames' | 'styles'> - added:
type SpinConfig = ComponentStyleConfig & Pick<SpinProps, 'indicator'> - added:
type TabsConfig = ComponentStyleConfig & Pick<TabsProps, 'indicator' | 'indicatorSize' | 'more' | 'moreIcon' | 'addIcon' | 'removeIcon'> - added:
type TagConfig = ComponentStyleConfig & Pick<TagProps, 'closeIcon' | 'closable'> - added:
type TextAreaConfig = ComponentStyleConfig & Pick<TextAreaProps, 'autoComplete' | 'classNames' | 'styles' | 'allowClear' | 'variant'> - added:
type TimePickerConfig = ComponentStyleConfig & Pick<TimePickerProps, 'variant' | 'styles' | 'classNames'> - added:
type TooltipConfig = Pick<TooltipProps, 'className' | 'style' | 'styles' | 'classNames'> - added:
type TourConfig = Pick<TourProps, 'closeIcon'> - added:
type TransferConfig = ComponentStyleConfig & Pick<TransferProps, 'selectionsIcon'> - added:
type TreeSelectConfig = ComponentStyleConfig & Pick<TreeSelectProps, 'variant' | 'styles' | 'classNames' | 'switcherIcon'> - added:
type UploadConfig = ComponentStyleConfig & Pick<UploadProps, 'customRequest'> - added:
type Variant = (typeof Variants)[number]
- removed:
const defaultRenderEmpty: (componentName?: string) => React.ReactNode - removed:
default defaultRenderEmpty - changed:
type RenderEmptyHandler = typeof defaultRenderEmpty → type RenderEmptyHandler = (componentName?: ComponentName) => React.ReactNode - added:
const DefaultRenderEmpty: React.FC<EmptyProps> - added:
default DefaultRenderEmpty
- added:
const useCSSVarCls: (prefixCls: string) => string - added:
default useCSSVarCls
- added:
default useConfig - added:
function useConfig(): { componentDisabled: boolean; componentSize: import('../SizeContext').SizeType }
- added:
const useSize: <T extends string | undefined | number | object>(customSize?: T | ((ctxSize: SizeType) => T)) => T - added:
default useSize
- added:
default function useTheme(theme?: ThemeConfig, parentTheme?: ThemeConfig, config?: { prefixCls?: string }): ThemeConfig | undefined
- added:
const useThemeKey: typeof React.useId - added:
default useThemeKey
- removed:
const defaultIconPrefixCls = 'anticon' - removed:
const defaultPrefixCls = 'ant' - removed:
property ConfigProviderProps.pageHeader?: { ghost: boolean } - changed:
const ConfigProvider: React.FC<ConfigProviderProps> & { ConfigContext: typeof ConfigContext; SizeContext: typeof SizeContext; config: typeof setGlobalConfig } → const ConfigProvider: React.FC<ConfigProviderProps> & { ConfigContext: typeof ConfigContext; SizeContext: typeof SizeContext; config: typeof setGlobalConfig; useConfig: typeof useCo… - changed:
const globalConfig: () => { getPrefixCls: (suffixCls?: string, customizePrefixCls?: string) => string; getIconPrefixCls: typeof getGlobalIconPrefixCls; getRootPrefixCls: (rootPref… → const globalConfig: () => { getPrefixCls: (suffixCls?: string, customizePrefixCls?: string) => string; getIconPrefixCls: typeof getGlobalIconPrefixCls; getRootPrefixCls: () => str… - changed:
property ConfigProviderProps.form?: { validateMessages?: ValidateMessages; requiredMark?: RequiredMark; colon?: boolean } → property ConfigProviderProps.form?: FormConfig - changed:
property ConfigProviderProps.getPopupContainer?: (triggerNode?: HTMLElement) => HTMLElement → property ConfigProviderProps.getPopupContainer?: (triggerNode?: HTMLElement) => HTMLElement | ShadowRoot - changed:
property ConfigProviderProps.getTargetContainer?: () => HTMLElement | Window → property ConfigProviderProps.getTargetContainer?: () => HTMLElement | Window | ShadowRoot - changed:
property ConfigProviderProps.input?: { autoComplete?: string } → property ConfigProviderProps.input?: InputConfig - changed:
property ConfigProviderProps.pagination?: { showSizeChanger?: boolean } → property ConfigProviderProps.pagination?: PaginationConfig - changed:
property ConfigProviderProps.space?: { size?: SizeType | number } → property ConfigProviderProps.space?: SpaceConfig - added:
const warnContext: (componentName: string) => void - added:
export { ThemeConfig } - added:
export { Variant } - added:
export { Variants } - added:
export { defaultIconPrefixCls } - added:
export { defaultPrefixCls } - added:
interface GlobalConfigProps - added:
property ConfigProviderProps.alert?: AlertConfig - added:
property ConfigProviderProps.anchor?: ComponentStyleConfig - added:
property ConfigProviderProps.avatar?: ComponentStyleConfig - added:
property ConfigProviderProps.badge?: BadgeConfig - added:
property ConfigProviderProps.breadcrumb?: ComponentStyleConfig - added:
property ConfigProviderProps.button?: ButtonConfig - added:
property ConfigProviderProps.calendar?: ComponentStyleConfig - added:
property ConfigProviderProps.card?: CardConfig - added:
property ConfigProviderProps.carousel?: ComponentStyleConfig - added:
property ConfigProviderProps.cascader?: CascaderConfig - added:
property ConfigProviderProps.checkbox?: ComponentStyleConfig - added:
property ConfigProviderProps.collapse?: CollapseConfig - added:
property ConfigProviderProps.colorPicker?: ComponentStyleConfig - added:
property ConfigProviderProps.datePicker?: DatePickerConfig - added:
property ConfigProviderProps.descriptions?: ComponentStyleConfig - added:
property ConfigProviderProps.divider?: ComponentStyleConfig - added:
property ConfigProviderProps.drawer?: DrawerConfig - added:
property ConfigProviderProps.dropdown?: ComponentStyleConfig - added:
property ConfigProviderProps.empty?: EmptyConfig - added:
property ConfigProviderProps.flex?: FlexConfig - added:
property ConfigProviderProps.floatButton?: FloatButtonConfig - added:
property ConfigProviderProps.floatButtonGroup?: FloatButtonGroupConfig - added:
property ConfigProviderProps.image?: ImageConfig - added:
property ConfigProviderProps.inputNumber?: InputNumberConfig - added:
property ConfigProviderProps.layout?: ComponentStyleConfig - added:
property ConfigProviderProps.list?: ListConfig - added:
property ConfigProviderProps.mentions?: MentionsConfig - added:
property ConfigProviderProps.menu?: MenuConfig - added:
property ConfigProviderProps.message?: ComponentStyleConfig - added:
property ConfigProviderProps.modal?: ModalConfig - added:
property ConfigProviderProps.notification?: NotificationConfig - added:
property ConfigProviderProps.popconfirm?: PopconfirmConfig - added:
property ConfigProviderProps.popover?: PopoverConfig - added:
property ConfigProviderProps.popupMatchSelectWidth?: boolean - added:
property ConfigProviderProps.popupOverflow?: PopupOverflow - added:
property ConfigProviderProps.progress?: ComponentStyleConfig - added:
property ConfigProviderProps.radio?: ComponentStyleConfig - added:
property ConfigProviderProps.rangePicker?: RangePickerConfig - added:
property ConfigProviderProps.rate?: ComponentStyleConfig - added:
property ConfigProviderProps.result?: ComponentStyleConfig - added:
property ConfigProviderProps.segmented?: ComponentStyleConfig - added:
property ConfigProviderProps.select?: SelectConfig - added:
property ConfigProviderProps.skeleton?: ComponentStyleConfig - added:
property ConfigProviderProps.slider?: ComponentStyleConfig - added:
property ConfigProviderProps.spin?: SpinConfig - added:
property ConfigProviderProps.splitter?: ComponentStyleConfig - added:
property ConfigProviderProps.statistic?: ComponentStyleConfig - added:
property ConfigProviderProps.steps?: ComponentStyleConfig - added:
property ConfigProviderProps.switch?: ComponentStyleConfig - added:
property ConfigProviderProps.table?: TableConfig - added:
property ConfigProviderProps.tabs?: TabsConfig - added:
property ConfigProviderProps.tag?: TagConfig - added:
property ConfigProviderProps.textArea?: TextAreaConfig - added:
property ConfigProviderProps.theme?: ThemeConfig - added:
property ConfigProviderProps.timePicker?: TimePickerConfig - added:
property ConfigProviderProps.timeline?: ComponentStyleConfig - added:
property ConfigProviderProps.tooltip?: TooltipConfig - added:
property ConfigProviderProps.tour?: TourConfig - added:
property ConfigProviderProps.transfer?: TransferConfig - added:
property ConfigProviderProps.tree?: ComponentStyleConfig - added:
property ConfigProviderProps.treeSelect?: TreeSelectConfig - added:
property ConfigProviderProps.typography?: ComponentStyleConfig - added:
property ConfigProviderProps.upload?: UploadConfig - added:
property ConfigProviderProps.variant?: Variant - added:
property ConfigProviderProps.warning?: WarningContextProps - added:
property ConfigProviderProps.wave?: WaveConfig - added:
property GlobalConfigProps.holderRender?: holderRenderType - added:
property GlobalConfigProps.iconPrefixCls?: string - added:
property GlobalConfigProps.prefixCls?: string - added:
property GlobalConfigProps.theme?: Theme | ThemeConfig
- added:
export { useResetIconStyle as default } from '../../theme/internal'
- removed:
default function PickerButton(props: ButtonProps): React.JSX.Element - added:
const PickerButton: React.FC<Readonly<ButtonProps>> - added:
default PickerButton
- removed:
default function PickerTag(props: TagProps): React.JSX.Element
- added:
const SuffixIcon: React.FC<SuffixIconProps> - added:
default SuffixIcon
- added:
const MONTH: 'month', MONTHPICKER: 'MonthPicker' - added:
const QUARTER: 'quarter', QUARTERPICKER: 'QuarterPicker' - added:
const TIME: 'time', TIMEPICKER: 'TimePicker' - added:
const WEEK: 'week', WEEKPICKER: 'WeekPicker' - added:
const YEAR: 'year', YEARPICKER: 'YearPicker'
- removed:
default function generateRangePicker<DateType>(generateConfig: GenerateConfig<DateType>): PickerComponentClass<RangePickerProps<DateType> & { dropdownClassName?: string | undefined; popupClassName?: string | undefined }, unknown> - added:
const generateRangePicker: <DateType extends AnyObject = AnyObject>(generateConfig: GenerateConfig<DateType>) => React.ForwardRefExoticComponent<Omit<import('rc-picker').RangePickerProps… - added:
default generateRangePicker
- removed:
default function generatePicker<DateType>(generateConfig: GenerateConfig<DateType>): { DatePicker: PickerComponentClass<PickerProps<DateType> & { status?: '' | 'warning' | 'error' | undefined; dropdownClassName?: string | undefined; popupClassName?: string | undefined }, unknown>; WeekPicker: PickerComponentClass<Omit<PickerProps<DateType> & { status?: '' | 'warning' | 'error' | undefined; dropdownClassN… - added:
const generatePicker: <DateType extends AnyObject = AnyObject>(generateConfig: GenerateConfig<DateType>) => { DatePicker: (<ValueType = DateType>(props: PickerPropsWithMultiple<Date… - added:
default generatePicker
- removed:
const Components: { button: typeof PickerButton; rangeItem: typeof PickerTag } - removed:
function generatePicker<DateType>(generateConfig: GenerateConfig<DateType>): import('./interface').PickerComponentClass<PickerProps<DateType> & { status?: '' | 'warning' | 'error' | undefined; dropdownClassName?: string | undefined; popupClassName?: string | undefined }, unknown> & { WeekPicker: import('./interface').PickerComponentClass<Omit<PickerProps<DateType> & { status?: '' | 'warning' | 'e… - removed:
function getTimeProps<DateType, DisabledTime>(props: { format?: string; picker?: PickerMode } & Omit<SharedTimeProps<DateType>, 'disabledTime'> & { disabledTime?: DisabledTime }): { format?: string | undefined; picker?: PickerMode | undefined; defaultValue?: DateType | undefined; showNow?: boolean | undefined; showHour?: boolean | undefined; showMinute?: boolean | undefined; showSecond?: boolean… - removed:
type AdditionalPickerLocaleLangProps = { placeholder: string; yearPlaceholder?: string; quarterPlaceholder?: string; monthPlaceholder?: string; weekPlaceholder?: string; rangeYearPlaceholder?: [stri… - removed:
type AdditionalPickerLocaleProps = { dateFormat?: string; dateTimeFormat?: string; weekFormat?: string; monthFormat?: string } - removed:
type PickerBaseProps<DateType> = InjectDefaultProps<RCPickerBaseProps<DateType>> - removed:
type PickerDateProps<DateType> = InjectDefaultProps<RCPickerDateProps<DateType>> - removed:
type PickerLocale = { lang: RcPickerLocale & AdditionalPickerLocaleLangProps; timePickerLocale: TimePickerLocale } & AdditionalPickerLocaleProps - removed:
type PickerProps<DateType> = PickerBaseProps<DateType> | PickerDateProps<DateType> | PickerTimeProps<DateType> - removed:
type PickerTimeProps<DateType> = InjectDefaultProps<RCPickerTimeProps<DateType>> - removed:
type RangePickerBaseProps<DateType> = InjectDefaultProps<RCRangePickerBaseProps<DateType>> - removed:
type RangePickerDateProps<DateType> = InjectDefaultProps<RCRangePickerDateProps<DateType>> - removed:
type RangePickerProps<DateType> = RangePickerBaseProps<DateType> | RangePickerDateProps<DateType> | RangePickerTimeProps<DateType> - removed:
type RangePickerTimeProps<DateType> = InjectDefaultProps<RCRangePickerTimeProps<DateType>> - added:
const generatePicker: <DateType extends AnyObject = AnyObject>(generateConfig: GenerateConfig<DateType>) => (<ValueType = DateType>(props: import('./interface').PickerPropsWithMulti… - added:
export { PickerLocale } from './interface' - added:
export { PickerProps } from './interface'
- removed:
interface CommonPickerMethods - removed:
interface PickerComponentClass<P = {}, S = unknown> extends ComponentClass<P, S> - removed:
new PickerComponentClass(...args: ConstructorParameters<ComponentClass<P, S>>): InstanceType<ComponentClass<P, S>> & CommonPickerMethods - removed:
property CommonPickerMethods.blur: () => void - removed:
property CommonPickerMethods.focus: () => void - removed:
type DatePickRef<DateType> = PickerRef<PickerProps<DateType>> - removed:
type PickerRef<P> = ForwardedRef<Component<P> & CommonPickerMethods> - removed:
type RangePickerRef<DateType> = PickerRef<RangePickerProps<DateType>> - added:
type AdditionalPickerLocaleLangProps = { placeholder: string; yearPlaceholder?: string; quarterPlaceholder?: string; monthPlaceholder?: string; weekPlaceholder?: string; rangeYearPlaceholder?: [stri… - added:
type AdditionalPickerLocaleProps = { dateFormat?: string; dateTimeFormat?: string; weekFormat?: string; monthFormat?: string } - added:
type GenericTimePickerProps<DateType extends AnyObject = any> = Omit<PickerProps<DateType>, 'picker' | 'showTime'> & { onSelect?: (value: DateType) => void } - added:
type PickerClassNames = Partial<Record<SemanticName, string>> & { popup?: Partial<Record<PopupSemantic, string>> } - added:
type PickerLocale = { lang: RcPickerLocale & AdditionalPickerLocaleLangProps; timePickerLocale: TimePickerLocale } & AdditionalPickerLocaleProps - added:
type PickerProps<DateType extends AnyObject = any> = InjectDefaultProps<RcPickerProps<DateType>> - added:
type PickerPropsWithMultiple<DateType extends AnyObject = any, InnerPickerProps extends PickerProps<DateType> = PickerProps<DateType>, ValueType = DateType> = Omit<InnerPickerProps, 'defaultValue' | 'value' | 'onChange' | 'onOk'> & React.RefAttributes<PickerRef> & { defaultValue?: ValueType | null; value?: ValueType… - added:
type PickerStyles = Partial<Record<SemanticName, React.CSSProperties>> & { popup?: Partial<Record<PopupSemantic, React.CSSProperties>> } - added:
type RangePickerProps<DateType extends AnyObject = any> = InjectDefaultProps<RcRangePickerProps<DateType>> - added:
type RequiredSemanticPicker = readonly [classNames: Required<Record<SemanticName, string>> & { popup: Required<Record<PopupSemantic, string>> }, styles: Required<Record<SemanticName, React.…
- added:
default function useComponents(components?: Components): { 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; month?: import('react').Com…
- added:
const useMergedPickerSemantic: (pickerType: 'timePicker' | 'datePicker', classNames?: PickerClassNames, styles?: PickerStyles, popupClassName?: string, popupStyle?: React.CSSProperties) => R… - added:
default useMergedPickerSemantic
- removed:
const DatePicker: import('./generatePicker/interface').PickerComponentClass<PickerProps<Moment> & { status?: '' | 'warning' | 'error' | undefined; dropdownClassName?: string | u… - removed:
default DatePicker - changed:
type DatePickerProps = PickerProps<Moment> → type DatePickerProps<ValueType = Dayjs | Dayjs> = PickerPropsWithMultiple<Dayjs, PickerProps<Dayjs>, ValueType> - changed:
type MonthPickerProps = Omit<PickerDateProps<Moment>, 'picker'> → type MonthPickerProps<ValueType = Dayjs | Dayjs> = Omit<DatePickerProps<ValueType>, 'picker'> - changed:
type RangePickerProps = BaseRangePickerProps<Moment> → type RangePickerProps = BaseRangePickerProps<Dayjs> - changed:
type WeekPickerProps = Omit<PickerDateProps<Moment>, 'picker'> → type WeekPickerProps<ValueType = Dayjs | Dayjs> = Omit<DatePickerProps<ValueType>, 'picker'> - added:
const _default: DatePickerType - added:
default _default - added:
type DatePickerType = typeof DatePicker & { _InternalPanelDoNotUseOrYouWillBeFired: typeof PurePanel; _InternalRangePanelDoNotUseOrYouWillBeFired: typeof PureRangePanel; generatePic…
- added:
const locale: PickerLocale - added:
default locale
- added:
const locale: PickerLocale - added:
default locale
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
default _default - added:
export { ComponentToken } - added:
export { PanelComponentToken } - added:
export { PickerPanelToken } - added:
export { genPanelStyle } - added:
export { initPanelComponentToken } - added:
export { initPickerPanelToken }
- added:
const genPickerMultipleStyle: GenerateStyle<PickerToken> - added:
default genPickerMultipleStyle
- added:
const genPanelStyle: (token: SharedPickerToken) => CSSObject - added:
const genPickerPanelStyle: GenerateStyle<PickerToken> - added:
default genPickerPanelStyle
- added:
const initPanelComponentToken: (token: GlobalToken) => PanelComponentToken - added:
const initPickerPanelToken: (token: TokenWithCommonCls<GlobalToken>) => PickerPanelToken - added:
const prepareComponentToken: GetDefaultToken<'DatePicker'> - added:
interface ComponentToken extends Exclude<SharedComponentToken, 'addonBg'>, PanelComponentToken, ArrowToken - added:
interface PanelComponentToken extends MultipleSelectorToken - added:
interface PickerToken extends FullToken<'DatePicker'>, PickerPanelToken, SharedInputToken, SelectorToken - added:
property ComponentToken.presetsMaxWidth: number - added:
property ComponentToken.presetsWidth: number - added:
property ComponentToken.zIndexPopup: number - added:
property PanelComponentToken.cellActiveWithRangeBg: string - added:
property PanelComponentToken.cellBgDisabled: string - added:
property PanelComponentToken.cellHeight: number - added:
property PanelComponentToken.cellHoverBg: string - added:
property PanelComponentToken.cellHoverWithRangeBg: string - added:
property PanelComponentToken.cellRangeBorderColor: string - added:
property PanelComponentToken.cellWidth: number - added:
property PanelComponentToken.textHeight: number - added:
property PanelComponentToken.timeCellHeight: number - added:
property PanelComponentToken.timeColumnHeight: number - added:
property PanelComponentToken.timeColumnWidth: number - added:
property PanelComponentToken.withoutTimeCellHeight: number - added:
property PickerToken.INTERNAL_FIXED_ITEM_MARGIN: number - added:
type PickerPanelToken = { pickerCellCls: string; pickerCellInnerCls: string; pickerDatePanelPaddingHorizontal: number | string; pickerYearMonthCellWidth: number | string; pickerCellPa… - added:
type SharedPickerToken = TokenWithCommonCls<GlobalToken> & PickerPanelToken & PanelComponentToken
- added:
const genVariantsStyle: (token: PickerToken) => CSSObject - added:
default genVariantsStyle
- removed:
function transPlacement2DropdownAlign(direction: DirectionType, placement?: SelectCommonPlacement): { points: string[]; offset: number[]; overflow: { adjustX: number; adjustY: number } } - changed:
function getPlaceholder(picker: PickerMode | undefined, locale: PickerLocale, customizePlaceholder?: string): string → function getPlaceholder(locale: PickerLocale, picker?: PickerMode, customizePlaceholder?: string): string - changed:
function getRangePlaceholder(picker: PickerMode | undefined, locale: PickerLocale, customizePlaceholder?: [string, string]): [string, string] | undefined → function getRangePlaceholder(locale: PickerLocale, picker?: PickerMode, customizePlaceholder?: [string, string]): [string, string] | undefined - added:
function useIcons(props: Pick<PickerProps, 'allowClear' | 'removeIcon'>, prefixCls: string): readonly [false | { clearIcon: React.ReactNode }, string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React…
- added:
property CellProps.classNames?: Partial<Record<SemanticName, string>> - added:
property CellProps.styles?: Partial<Record<SemanticName, React.CSSProperties>> - added:
property CellProps.type?: 'label' | 'content' | 'item'
- added:
const DescriptionsContext: React.Context<DescriptionsContextProps> - added:
default DescriptionsContext - added:
interface DescriptionsContextProps - added:
property DescriptionsContextProps.classNames?: Partial<Record<SemanticName, string>> - added:
property DescriptionsContextProps.contentStyle?: React.CSSProperties - added:
property DescriptionsContextProps.labelStyle?: React.CSSProperties - added:
property DescriptionsContextProps.styles?: Partial<Record<SemanticName, React.CSSProperties>> - added:
type SemanticName = 'label' | 'content'
- changed:
property DescriptionsItemProps.span?: number → property DescriptionsItemProps.span?: number | 'filled' | { [key in Breakpoint]?: number } - added:
property DescriptionsItemProps.classNames?: Partial<Record<SemanticName, string>> - added:
property DescriptionsItemProps.styles?: Partial<Record<SemanticName, React.CSSProperties>>
- changed:
property RowProps.row: React.ReactElement<DescriptionsItemProps>[] → property RowProps.row: InternalDescriptionsItemType[]
- added:
const DEFAULT_COLUMN_MAP: Record<Breakpoint, number> - added:
default DEFAULT_COLUMN_MAP
- added:
default function useItems(screens: ScreenMap, items?: DescriptionsItemType[], children?: React.ReactNode): InternalDescriptionsItemType[]
- added:
const useRow: (mergedColumn: number, items: InternalDescriptionsItemType[]) => InternalDescriptionsItemType[][] - added:
default useRow
- removed:
const DescriptionsContext: React.Context<DescriptionsContextProps> - removed:
function Descriptions({ prefixCls: customizePrefixCls, title, extra, column, colon, bordered, layout, children, className, style, size, labelStyle, contentStyle }: DescriptionsProps): React.JSX.Element - removed:
interface DescriptionsContextProps - removed:
namespace Descriptions - removed:
property DescriptionsContextProps.contentStyle?: React.CSSProperties - removed:
property DescriptionsContextProps.labelStyle?: React.CSSProperties - removed:
var Descriptions.Item: React.FC<import('./Item').DescriptionsItemProps> - added:
const Descriptions: React.FC<DescriptionsProps> & CompoundedComponent - added:
export { DescriptionsContext } - added:
export { DescriptionsContextProps } from './DescriptionsContext' - added:
interface DescriptionsItemType extends Omit<DescriptionsItemProps, 'prefixCls'> - added:
interface InternalDescriptionsItemType extends Omit<DescriptionsItemProps, 'span'> - added:
property DescriptionsItemType.key?: React.Key - added:
property DescriptionsProps.classNames?: Partial<Record<SemanticName, string>> - added:
property DescriptionsProps.id?: string - added:
property DescriptionsProps.items?: DescriptionsItemType[] - added:
property DescriptionsProps.rootClassName?: string - added:
property DescriptionsProps.styles?: Partial<Record<SemanticName, React.CSSProperties>> - added:
property InternalDescriptionsItemType.filled?: boolean - added:
property InternalDescriptionsItemType.key?: React.Key - added:
property InternalDescriptionsItemType.span?: number
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const prepareComponentToken: GetDefaultToken<'Descriptions'> - added:
default _default - added:
interface ComponentToken - added:
property ComponentToken.colonMarginLeft: number - added:
property ComponentToken.colonMarginRight: number - added:
property ComponentToken.contentColor: string - added:
property ComponentToken.extraColor: string - added:
property ComponentToken.itemPaddingBottom: number - added:
property ComponentToken.itemPaddingEnd: number - added:
property ComponentToken.labelBg: string - added:
property ComponentToken.labelColor: string - added:
property ComponentToken.titleColor: string - added:
property ComponentToken.titleMarginBottom: number
- changed:
property DividerProps.orientation?: 'left' | 'right' | 'center' → property DividerProps.orientation?: 'left' | 'right' | 'center' | 'start' | 'end' - added:
property DividerProps.rootClassName?: string - added:
property DividerProps.size?: SizeType - added:
property DividerProps.variant?: 'dashed' | 'dotted' | 'solid'
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const prepareComponentToken: GetDefaultToken<'Divider'> - added:
default _default - added:
interface ComponentToken - added:
property ComponentToken.orientationMargin: number - added:
property ComponentToken.textPaddingInline: CSSProperties['paddingInline'] - added:
property ComponentToken.verticalMarginInline: CSSProperties['marginInline']
- added:
const DrawerPanel: React.FC<DrawerPanelProps> - added:
default DrawerPanel - added:
interface DrawerClassNames extends NonNullable<RCDrawerProps['classNames']> - added:
interface DrawerPanelProps - added:
interface DrawerStyles extends NonNullable<RCDrawerProps['styles']> - added:
property DrawerClassNames.body?: string - added:
property DrawerClassNames.footer?: string - added:
property DrawerClassNames.header?: string - added:
property DrawerPanelProps.ariaId?: string - added:
property DrawerPanelProps.bodyStyle?: React.CSSProperties - added:
property DrawerPanelProps.children?: React.ReactNode - added:
property DrawerPanelProps.classNames?: DrawerClassNames - added:
property DrawerPanelProps.closable?: boolean | (Extract<ClosableType, object> & { placement?: 'start' | 'end' }) - added:
property DrawerPanelProps.closeIcon?: React.ReactNode - added:
property DrawerPanelProps.contentWrapperStyle?: React.CSSProperties - added:
property DrawerPanelProps.drawerStyle?: React.CSSProperties - added:
property DrawerPanelProps.extra?: React.ReactNode - added:
property DrawerPanelProps.footer?: React.ReactNode - added:
property DrawerPanelProps.footerStyle?: React.CSSProperties - added:
property DrawerPanelProps.headerStyle?: React.CSSProperties - added:
property DrawerPanelProps.loading?: boolean - added:
property DrawerPanelProps.maskStyle?: React.CSSProperties - added:
property DrawerPanelProps.onClose?: RCDrawerProps['onClose'] - added:
property DrawerPanelProps.prefixCls: string - added:
property DrawerPanelProps.styles?: DrawerStyles - added:
property DrawerPanelProps.title?: React.ReactNode - added:
property DrawerStyles.body?: React.CSSProperties - added:
property DrawerStyles.footer?: React.CSSProperties - added:
property DrawerStyles.header?: React.CSSProperties
- removed:
function Drawer(props: DrawerProps): React.JSX.Element - removed:
namespace Drawer - removed:
property DrawerProps.bodyStyle?: React.CSSProperties - removed:
property DrawerProps.closable?: boolean - removed:
property DrawerProps.closeIcon?: React.ReactNode - removed:
property DrawerProps.drawerStyle?: React.CSSProperties - removed:
property DrawerProps.extra?: React.ReactNode - removed:
property DrawerProps.footer?: React.ReactNode - removed:
property DrawerProps.footerStyle?: React.CSSProperties - removed:
property DrawerProps.headerStyle?: React.CSSProperties - removed:
property DrawerProps.title?: React.ReactNode - removed:
var Drawer.displayName: string - changed:
interface DrawerProps extends RcDrawerProps → interface DrawerProps extends Omit<RcDrawerProps, 'maskStyle' | 'destroyOnClose'>, Omit<DrawerPanelProps, 'prefixCls' | 'ariaId'> - changed:
property DrawerProps.afterVisibleChange?: (visible: boolean) => void → property DrawerProps.afterVisibleChange?: (open: boolean) => void - added:
const Drawer: React.FC<DrawerProps> & { _InternalPanelDoNotUseOrYouWillBeFired: typeof PurePanel } - added:
property DrawerProps.classNames?: DrawerClassNames - added:
property DrawerProps.destroyOnClose?: boolean - added:
property DrawerProps.destroyOnHidden?: boolean - added:
property DrawerProps.styles?: DrawerStyles
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const prepareComponentToken: GetDefaultToken<'Drawer'> - added:
default _default - added:
interface ComponentToken - added:
interface DrawerToken extends FullToken<'Drawer'> - added:
property ComponentToken.footerPaddingBlock: number - added:
property ComponentToken.footerPaddingInline: number - added:
property ComponentToken.zIndexPopup: number
- added:
const genMotionStyle: GenerateStyle<DrawerToken> - added:
default genMotionStyle
- changed:
property DropdownProps.align?: Align → property DropdownProps.align?: AlignType - changed:
property DropdownProps.menu?: MenuProps → property DropdownProps.menu?: MenuProps & { activeKey?: RcMenuProps['activeKey'] } - changed:
property DropdownProps.onOpenChange?: (open: boolean) => void → property DropdownProps.onOpenChange?: (open: boolean, info: { source: 'trigger' | 'menu' }) => void - added:
property DropdownProps.destroyOnHidden?: boolean - added:
property DropdownProps.popupRender?: (originNode: React.ReactNode) => React.ReactNode - added:
property DropdownProps.rootClassName?: string
- changed:
property DropdownButtonProps.onClick?: React.MouseEventHandler<HTMLButtonElement> → property DropdownButtonProps.onClick?: React.MouseEventHandler<HTMLElement> - changed:
type DropdownButtonType = 'default' | 'primary' | 'ghost' | 'dashed' | 'link' | 'text' → type DropdownButtonType = 'default' | 'primary' | 'dashed' | 'link' | 'text'
- added:
const Dropdown: typeof InternalDropdown & { Button: typeof DropdownButton }
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const prepareComponentToken: GetDefaultToken<'Dropdown'> - added:
default _default - added:
interface ComponentToken extends ArrowToken, ArrowOffsetToken - added:
interface DropdownToken extends FullToken<'Dropdown'> - added:
property ComponentToken.paddingBlock: CSSProperties['paddingBlock'] - added:
property ComponentToken.zIndexPopup: number - added:
property DropdownToken.dropdownArrowDistance: number | string - added:
property DropdownToken.dropdownEdgeChildPadding: number - added:
property DropdownToken.menuCls: string
- added:
const genStatusStyle: GenerateStyle<DropdownToken> - added:
default genStatusStyle
- changed:
const Empty: () => React.JSX.Element → const Empty: React.FC
- added:
property EmptyProps.classNames?: Partial<Record<SemanticName, string>> - added:
property EmptyProps.rootClassName?: string - added:
property EmptyProps.styles?: Partial<Record<SemanticName, React.CSSProperties>> - added:
type SemanticName = 'root' | 'image' | 'description' | 'footer'
- changed:
const Simple: () => React.JSX.Element → const Simple: React.FC
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
default _default - added:
interface ComponentToken
- added:
const Flex: React.ForwardRefExoticComponent<FlexProps<import('../_util/type').AnyObject> & { children?: React.ReactNode | undefined } & React.RefAttributes<HTMLElement>> - added:
default Flex
- added:
interface FlexProps<P = AnyObject> extends React.HTMLAttributes<HTMLElement> - added:
property FlexProps.align?: React.CSSProperties['alignItems'] - added:
property FlexProps.component?: CustomComponent<P> - added:
property FlexProps.flex?: React.CSSProperties['flex'] - added:
property FlexProps.gap?: LiteralUnion<SizeType, React.CSSProperties['gap']> - added:
property FlexProps.justify?: React.CSSProperties['justifyContent'] - added:
property FlexProps.prefixCls?: string - added:
property FlexProps.rootClassName?: string - added:
property FlexProps.vertical?: boolean - added:
property FlexProps.wrap?: boolean | React.CSSProperties['flexWrap']
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const prepareComponentToken: GetDefaultToken<'Flex'> - added:
default _default - added:
interface ComponentToken - added:
interface FlexToken extends FullToken<'Flex'> - added:
property FlexToken.flexGap: number - added:
property FlexToken.flexGapLG: number - added:
property FlexToken.flexGapSM: number
- added:
const alignItemsValues: React.CSSProperties['alignItems'][] - added:
const flexWrapValues: React.CSSProperties['flexWrap'][] - added:
const justifyContentValues: React.CSSProperties['justifyContent'][] - added:
default createFlexClassNames - added:
function createFlexClassNames(prefixCls: string, props: FlexProps): string
- added:
const BackTop: React.ForwardRefExoticComponent<BackTopProps & React.RefAttributes<FloatButtonRef>> - added:
default BackTop
- added:
const FloatButton: CompoundedComponent - added:
const floatButtonPrefixCls = 'float-btn' - added:
default FloatButton
- added:
const _default: React.NamedExoticComponent<FloatButtonContentProps> - added:
default _default
- added:
const FloatButtonGroup: React.FC<Readonly<FloatButtonGroupProps>> - added:
default FloatButtonGroup
- added:
const PurePanel: React.FC<PurePanelProps> - added:
default PurePanel - added:
interface PureFloatButtonProps extends Omit<FloatButtonProps, 'target'> - added:
interface PurePanelProps extends PureFloatButtonProps, Omit<FloatButtonGroupProps, 'children'> - added:
property PureFloatButtonProps.backTop?: boolean - added:
property PurePanelProps.items?: PureFloatButtonProps[]
- added:
const FloatButtonGroupContext: React.Context<FloatButtonShape | undefined> - added:
const FloatButtonGroupProvider: React.Provider<FloatButtonShape | undefined> - added:
default FloatButtonGroupContext
- added:
default FloatButton
- added:
interface BackTopProps extends Omit<FloatButtonProps, 'target'> - added:
interface FloatButtonContentProps extends React.DOMAttributes<HTMLDivElement> - added:
interface FloatButtonGroupProps extends FloatButtonProps - added:
interface FloatButtonProps extends React.DOMAttributes<FloatButtonElement> - added:
interface FloatButtonRef - added:
property BackTopProps.children?: React.ReactNode - added:
property BackTopProps.className?: string - added:
property BackTopProps.duration?: number - added:
property BackTopProps.onClick?: React.MouseEventHandler<FloatButtonElement> - added:
property BackTopProps.prefixCls?: string - added:
property BackTopProps.rootClassName?: string - added:
property BackTopProps.style?: React.CSSProperties - added:
property BackTopProps.target?: () => HTMLElement | Window | Document - added:
property BackTopProps.visibilityHeight?: number - added:
property FloatButtonContentProps.className?: string - added:
property FloatButtonContentProps.description?: FloatButtonProps['description'] - added:
property FloatButtonContentProps.icon?: FloatButtonProps['icon'] - added:
property FloatButtonContentProps.prefixCls: FloatButtonProps['prefixCls'] - added:
property FloatButtonGroupProps.children: React.ReactNode - added:
property FloatButtonGroupProps.closeIcon?: React.ReactNode - added:
property FloatButtonGroupProps.onOpenChange?: (open: boolean) => void - added:
property FloatButtonGroupProps.open?: boolean - added:
property FloatButtonGroupProps.placement?: 'top' | 'left' | 'right' | 'bottom' - added:
property FloatButtonGroupProps.trigger?: FloatButtonGroupTrigger - added:
property FloatButtonProps.'aria-label'?: React.HtmlHTMLAttributes<HTMLElement>['aria-label'] - added:
property FloatButtonProps.badge?: FloatButtonBadgeProps - added:
property FloatButtonProps.className?: string - added:
property FloatButtonProps.description?: React.ReactNode - added:
property FloatButtonProps.disabled?: boolean - added:
property FloatButtonProps.href?: string - added:
property FloatButtonProps.htmlType?: ButtonHTMLType - added:
property FloatButtonProps.icon?: React.ReactNode - added:
property FloatButtonProps.prefixCls?: string - added:
property FloatButtonProps.rootClassName?: string - added:
property FloatButtonProps.shape?: FloatButtonShape - added:
property FloatButtonProps.style?: React.CSSProperties - added:
property FloatButtonProps.target?: React.HTMLAttributeAnchorTarget - added:
property FloatButtonProps.tooltip?: React.ReactNode | TooltipProps - added:
property FloatButtonProps.type?: FloatButtonType - added:
property FloatButtonRef.nativeElement: FloatButtonElement | null - added:
type FloatButtonBadgeProps = Omit<BadgeProps, 'status' | 'text' | 'title' | 'children'> - added:
type FloatButtonElement = HTMLAnchorElement & HTMLButtonElement - added:
type FloatButtonGroupTrigger = 'click' | 'hover' - added:
type FloatButtonShape = 'circle' | 'square' - added:
type FloatButtonType = 'default' | 'primary'
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const prepareComponentToken: GetDefaultToken<'FloatButton'> - added:
default _default - added:
interface ComponentToken - added:
type FloatButtonToken = FullToken<'FloatButton'> & { floatButtonColor: string; floatButtonBackgroundColor: string; floatButtonHoverBackgroundColor: string; floatButtonFontSize: number…
- added:
const floatButtonGroupMotion: (token: FloatButtonToken) => { [x: string]: { [x: string]: import('@ant-design/cssinjs').CSSObject } }[] - added:
default floatButtonGroupMotion
- added:
const getOffset: (radius: number) => number - added:
default getOffset
- removed:
default function ErrorList({ help, helpStatus, errors, warnings, className: rootClassName, fieldId, onVisibleChanged }: ErrorListProps): React.JSX.Element - added:
const ErrorList: React.FC<ErrorListProps> - added:
default ErrorList
- changed:
const Form: <Values = any>(props: FormProps<Values> & { children?: React.ReactNode } & { ref?: React.Ref<FormInstance<Values>> | undefined }) => React.ReactElement → const Form: (<Values = any>(props: React.PropsWithChildren<FormProps<Values>> & React.RefAttributes<FormRef<Values>>) => React.ReactElement) & Pick<React.FC, 'displayName'> - changed:
property FormProps.scrollToFirstError?: Options | boolean → property FormProps.scrollToFirstError?: ScrollFocusOptions | boolean - changed:
type RequiredMark = boolean | 'optional' → type RequiredMark = boolean | 'optional' | ((labelNode: React.ReactNode, info: { required: boolean }) => React.ReactNode) - added:
export { ScrollFocusOptions } - added:
property FormProps.feedbackIcons?: FeedbackIcons - added:
property FormProps.rootClassName?: string - added:
property FormProps.variant?: Variant - added:
type FormItemLayout = 'horizontal' | 'vertical'
- added:
property ItemHolderProps.rootClassName?: string
- added:
default function StatusProvider({ children, errors, warnings, hasFeedback, validateStatus, prefixCls, meta, noStyle, name }: StatusProviderProps): React.JSX.Element - added:
interface StatusProviderProps - added:
property StatusProviderProps.children?: React.ReactNode - added:
property StatusProviderProps.errors: React.ReactNode[] - added:
property StatusProviderProps.hasFeedback?: boolean | { icons?: FeedbackIcons } - added:
property StatusProviderProps.meta: Meta - added:
property StatusProviderProps.name?: NamePath - added:
property StatusProviderProps.noStyle?: boolean - added:
property StatusProviderProps.prefixCls: string - added:
property StatusProviderProps.validateStatus?: ValidateStatus - added:
property StatusProviderProps.warnings: React.ReactNode[]
- changed:
interface FormItemProps<Values = any> extends FormItemLabelProps, FormItemInputProps, RcFieldProps<Values> → interface FormItemProps<Values = any> extends Omit<FormItemLabelProps, 'requiredMark'>, FormItemInputProps, RcFieldProps<Values> - changed:
property FormItemProps.hasFeedback?: boolean → property FormItemProps.hasFeedback?: boolean | { icons: FeedbackIcons } - changed:
type ValidateStatus = typeof ValidateStatuses[number] → type ValidateStatus = (typeof _ValidateStatuses)[number] - added:
property FormItemProps.layout?: FormItemLayout - added:
property FormItemProps.rootClassName?: string - added:
type FeedbackIcons = (itemStatus: { status: ValidateStatus; errors?: React.ReactNode[]; warnings?: React.ReactNode[] }) => { [key in ValidateStatus]?: React.ReactNode }
- added:
property FormItemInputProps.label?: React.ReactNode - added:
property FormItemInputProps.labelCol?: ColProps
- removed:
property FormItemLabelProps.requiredMark?: RequiredMark - added:
property FormItemLabelProps.vertical?: boolean
- removed:
property FormContextProps.vertical: boolean - changed:
const NoFormStyle: FC<NoFormStyleProps> → const NoFormStyle: React.FC<NoFormStyleProps> - added:
const VariantContext: React.Context<'filled' | 'outlined' | 'borderless' | 'underlined' | undefined> - added:
property FormContextProps.feedbackIcons?: FeedbackIcons - added:
property FormContextProps.layout: FormLayout - added:
property FormItemStatusContextProps.errors?: React.ReactNode[] - added:
property FormItemStatusContextProps.name?: NamePath - added:
property FormItemStatusContextProps.warnings?: React.ReactNode[]
- added:
default function useChildren(children?: FormItemProps['children']): FormItemProps['children']
- added:
function toNamePathStr(name: NamePath): string - added:
property FormInstance.focusField: (name: NamePath) => void
- added:
default function useFormWarning({ name }: FormProps): void
- added:
const useVariant: (component: VariantComponents, variant?: Variant, legacyBordered?: boolean) => [Variant, boolean] - added:
default useVariant
- removed:
export { Options as ScrollOptions } from 'scroll-into-view-if-needed' - added:
type ScrollFocusOptions = Options & { focus?: boolean } - added:
type ScrollOptions = ScrollFocusOptions
- added:
const genFormValidateMotionStyle: GenerateStyle<FormToken> - added:
default genFormValidateMotionStyle
- added:
const _default: import('react').FunctionComponent<import('@ant-design/cssinjs-utils/lib/util/genStyleUtils').SubStyleComponentProps> - added:
default _default
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const prepareComponentToken: GetDefaultToken<'Form'> - added:
const prepareToken: (token: Parameters<GenStyleFn<'Form'>>[0], rootPrefixCls: string) => FormToken - added:
default _default - added:
interface ComponentToken - added:
interface FormToken extends FullToken<'Form'> - added:
property ComponentToken.inlineItemMarginBottom: number - added:
property ComponentToken.itemMarginBottom: number - added:
property ComponentToken.labelColonMarginInlineEnd: number - added:
property ComponentToken.labelColonMarginInlineStart: number - added:
property ComponentToken.labelColor: string - added:
property ComponentToken.labelFontSize: number - added:
property ComponentToken.labelHeight: number | string - added:
property ComponentToken.labelRequiredMarkColor: string - added:
property ComponentToken.verticalLabelMargin: CSSProperties['margin'] - added:
property ComponentToken.verticalLabelPadding: CSSProperties['padding'] - added:
property FormToken.formItemCls: string - added:
property FormToken.rootPrefixCls: string
- added:
function getStatus<DefaultValue>(errors: React.ReactNode[], warnings: React.ReactNode[], meta: Meta, defaultValidateStatus: ValidateStatus | DefaultValue, hasFeedback?: boolean, validateStatus?: ValidateStatus): ValidateStatus | DefaultValue
- removed:
property RowContextState.supportFlexGap?: boolean - changed:
const RowContext: Context<RowContextState> → const RowContext: import('react').Context<RowContextState> - changed:
property RowContextState.gutter?: [number, number] → property RowContextState.gutter?: RowContextGutter - added:
type GutterUnit = number | string - added:
type RowContextGutter = readonly [GutterUnit, GutterUnit]
- removed:
property ColProps.lg?: ColSpanType | ColSize - removed:
property ColProps.md?: ColSpanType | ColSize - removed:
property ColProps.sm?: ColSpanType | ColSize - removed:
property ColProps.xl?: ColSpanType | ColSize - removed:
property ColProps.xs?: ColSpanType | ColSize - removed:
property ColProps.xxl?: ColSpanType | ColSize - changed:
interface ColProps extends React.HTMLAttributes<HTMLDivElement> → interface ColProps extends React.HTMLAttributes<HTMLDivElement>, Partial<Record<Breakpoint, ColSpanType | ColSize>>
- changed:
function useBreakpoint(refreshOnChange?: boolean): ScreenMap → function useBreakpoint(refreshOnChange: boolean, defaultScreens: null): ScreenMap | null - added:
function useBreakpoint(refreshOnChange?: boolean, defaultScreens?: ScreenMap): ScreenMap
- added:
default function useGutter(gutter: RowProps['gutter'], screens: ScreenMap | null): [Gap, Gap]
- changed:
property RowProps.align?: typeof RowAligns[number] | ResponsiveAligns → property RowProps.align?: (typeof _RowAligns)[number] | ResponsiveAligns - changed:
property RowProps.justify?: typeof RowJustify[number] | ResponsiveJustify → property RowProps.justify?: (typeof _RowJustify)[number] | ResponsiveJustify - changed:
type Gutter = number | undefined | Partial<Record<Breakpoint, number>> → type Gutter = number | string | undefined | Partial<Record<Breakpoint, number>>
- added:
const getMediaSize: (token: AliasToken) => { readonly xs: number; readonly sm: number; readonly md: number; readonly lg: number; readonly xl: number; readonly xxl: number } - added:
const prepareColComponentToken: GetDefaultToken<'Grid'> - added:
const prepareRowComponentToken: GetDefaultToken<'Grid'> - added:
const useColStyle: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const useRowStyle: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
interface ComponentToken
- removed:
export { ImageProps } - added:
type ImageProps = Replace<RcImageProps, 'preview', boolean | PreviewType>
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const genBoxStyle: (position?: PositionType) => CSSObject - added:
const genImageMaskStyle: (token: ImageToken) => CSSObject - added:
const genImagePreviewStyle: GenerateStyle<ImageToken> - added:
const genPreviewOperationsStyle: (token: ImageToken) => CSSObject - added:
const genPreviewSwitchStyle: (token: ImageToken) => CSSObject - added:
const prepareComponentToken: GetDefaultToken<'Image'> - added:
default _default - added:
interface ComponentToken - added:
interface ImageToken extends FullToken<'Image'> - added:
property ComponentToken.previewOperationColor: string - added:
property ComponentToken.previewOperationColorDisabled: string - added:
property ComponentToken.previewOperationHoverColor: string - added:
property ComponentToken.previewOperationSize: number - added:
property ComponentToken.zIndexPopup: number - added:
property ImageToken.imagePreviewSwitchSize: number - added:
property ImageToken.modalMaskBg: string - added:
property ImageToken.previewCls: string - added:
type PositionType = 'static' | 'relative' | 'fixed' | 'absolute' | 'sticky' | undefined
- removed:
const theme: null - removed:
export { CommentProps } from './comment' - removed:
export { PageHeaderProps } from './page-header' - removed:
export { default as Comment } from './comment' - removed:
export { default as PageHeader } from './page-header' - added:
export { AffixRef } from './affix' - added:
export { AppProps } from './app' - added:
export { ArgsProps as NotificationArgsProps } from './notification' - added:
export { Breakpoint } from './_util/responsiveObserver' - added:
export { CalendarMode } from './calendar' - added:
export { CascaderAutoProps } from './cascader' - added:
export { CascaderPanelAutoProps } from './cascader/Panel' - added:
export { CascaderPanelProps } from './cascader/Panel' - added:
export { CheckboxChangeEvent } from './checkbox' - added:
export { CheckboxRef } from './checkbox' - added:
export { ColorPickerProps } from './color-picker' - added:
export { ConfigProviderProps } from './config-provider' - added:
export { CountdownProps } from './statistic' - added:
export { DraggerProps } from './upload' - added:
export { FlexProps } from './flex/interface' - added:
export { FloatButtonGroupProps } from './float-button/interface' - added:
export { FloatButtonProps } from './float-button/interface' - added:
export { FloatButtonRef } from './float-button/interface' - added:
export { GetProp } from './_util/type' - added:
export { GetProps } from './_util/type' - added:
export { GetRef } from './_util/type' - added:
export { GlobalToken } from './theme' - added:
export { MappingAlgorithm } from './theme' - added:
export { MentionsProps } from './mentions' - added:
export { MenuRef } from './menu' - added:
export { ModalLocale } from './modal' - added:
export { QRCodeProps } from './qr-code/interface' - added:
export { QRPropsCanvas } from './qr-code/interface' - added:
export { QRPropsSvg } from './qr-code/interface' - added:
export { SplitterProps } from './splitter' - added:
export { StatisticTimerProps } from './statistic' - added:
export { ThemeConfig } from './config-provider' - added:
export { TourProps } from './tour/interface' - added:
export { TourStepProps } from './tour/interface' - added:
export { WatermarkProps } from './watermark' - added:
export { default as App } from './app' - added:
export { default as ColorPicker } from './color-picker' - added:
export { default as Flex } from './flex' - added:
export { default as FloatButton } from './float-button' - added:
export { default as QRCode } from './qr-code' - added:
export { default as Splitter } from './splitter' - added:
export { default as Tour } from './tour' - added:
export { default as Watermark } from './watermark' - added:
export { default as theme } from './theme' - added:
export { unstableSetRender } from './config-provider/UnstableContext'
- removed:
const _default: (<T extends ValueType = ValueType>(props: InputNumberProps<T> & { children?: React.ReactNode } & { ref?: React.Ref<HTMLInputElement> | undefined }) => React.Re… - removed:
default _default - added:
const TypedInputNumber: (<T extends ValueType = ValueType>(props: React.PropsWithChildren<InputNumberProps<T>> & React.RefAttributes<RcInputNumberRef>) => React.ReactElement) & { disp… - added:
default TypedInputNumber - added:
property InputNumberProps.rootClassName?: string - added:
property InputNumberProps.suffix?: React.ReactNode - added:
property InputNumberProps.variant?: Variant
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const genRadiusStyle: ({ componentCls, borderRadiusSM, borderRadiusLG }: InputNumberToken, size: 'lg' | 'sm') => { [x: string]: { [x: string]: { borderStartEndRadius: number; border… - added:
default _default - added:
export { ComponentToken }
- added:
const prepareComponentToken: GetDefaultToken<'InputNumber'> - added:
interface ComponentToken extends SharedComponentToken - added:
property ComponentToken.controlWidth: number - added:
property ComponentToken.filledHandleBg: string - added:
property ComponentToken.handleActiveBg: string - added:
property ComponentToken.handleBg: string - added:
property ComponentToken.handleBorderColor: string - added:
property ComponentToken.handleFontSize: number - added:
property ComponentToken.handleHoverColor: string - added:
property ComponentToken.handleVisible: 'auto' | true - added:
property ComponentToken.handleWidth: number - added:
type InputNumberToken = FullToken<'InputNumber'> & SharedInputToken
- removed:
class ClearableLabeledInput extends React.Component<ClearableInputProps> - removed:
default ClearableLabeledInput - removed:
interface ClearableInputProps extends BasicProps - removed:
method ClearableLabeledInput.render(): React.JSX.Element - removed:
method ClearableLabeledInput.renderClearIcon(prefixCls: string): React.JSX.Element - removed:
method ClearableLabeledInput.renderTextAreaWithClearIcon(prefixCls: string, element: React.ReactElement, statusContext: FormItemStatusContextProps): React.JSX.Element - removed:
property ClearableInputProps.addonAfter?: React.ReactNode - removed:
property ClearableInputProps.addonBefore?: React.ReactNode - removed:
property ClearableInputProps.prefix?: React.ReactNode - removed:
property ClearableInputProps.size?: SizeType - removed:
property ClearableInputProps.status?: InputStatus - removed:
property ClearableInputProps.suffix?: React.ReactNode - removed:
property ClearableInputProps.triggerFocus?: () => void
- removed:
function fixControlledValue<T>(value: T): string - removed:
function resolveOnChange<E extends HTMLInputElement | HTMLTextAreaElement>(target: E, e: React.ChangeEvent<E> | React.MouseEvent<HTMLElement, MouseEvent> | React.CompositionEvent<HTMLElement>, onChange: undefined | ((event: React.ChangeEvent<E>) => void), targetValue?: string): void - removed:
function triggerFocus(element?: HTMLInputElement | HTMLTextAreaElement, option?: InputFocusOptions): void - removed:
interface InputFocusOptions extends FocusOptions - removed:
property InputFocusOptions.cursor?: 'start' | 'end' | 'all' - changed:
interface InputProps extends Omit<RcInputProps, 'wrapperClassName' | 'groupClassName' | 'inputClassName' | 'affixWrapperClassName'> → interface InputProps extends Omit<RcInputProps, 'wrapperClassName' | 'groupClassName' | 'inputClassName' | 'affixWrapperClassName' | 'classes'> - added:
export { InputFocusOptions } - added:
export { triggerFocus } - added:
property InputProps._skipAddonWarning?: boolean - added:
property InputProps.addonAfter?: React.ReactNode - added:
property InputProps.addonBefore?: React.ReactNode - added:
property InputProps.classNames?: Partial<Record<SemanticName, string>> - added:
property InputProps.rootClassName?: string - added:
property InputProps.styles?: Partial<Record<SemanticName, React.CSSProperties>> - added:
property InputProps.variant?: Variant
- added:
const OTPInput: React.ForwardRefExoticComponent<OTPInputProps & React.RefAttributes<InputRef>> - added:
default OTPInput - added:
interface OTPInputProps extends Omit<InputProps, 'onChange'> - added:
property OTPInputProps.index: number - added:
property OTPInputProps.mask?: boolean | string - added:
property OTPInputProps.onActiveChange: (nextIndex: number) => void - added:
property OTPInputProps.onChange: (index: number, value: string) => void
- added:
const OTP: React.ForwardRefExoticComponent<OTPProps & React.RefAttributes<OTPRef>> - added:
default OTP - added:
interface OTPProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onInput'> - added:
interface OTPRef - added:
property OTPProps.className?: string - added:
property OTPProps.defaultValue?: string - added:
property OTPProps.disabled?: boolean - added:
property OTPProps.formatter?: (value: string) => string - added:
property OTPProps.length?: number - added:
property OTPProps.mask?: boolean | string - added:
property OTPProps.onChange?: (value: string) => void - added:
property OTPProps.onInput?: (value: string[]) => void - added:
property OTPProps.prefixCls?: string - added:
property OTPProps.rootClassName?: string - added:
property OTPProps.separator?: ((index: number) => React.ReactNode) | React.ReactNode - added:
property OTPProps.size?: SizeType - added:
property OTPProps.status?: InputStatus - added:
property OTPProps.style?: React.CSSProperties - added:
property OTPProps.type?: React.HTMLInputTypeAttribute - added:
property OTPProps.value?: string - added:
property OTPProps.variant?: Variant - added:
property OTPRef.blur: VoidFunction - added:
property OTPRef.focus: VoidFunction - added:
property OTPRef.nativeElement: HTMLDivElement
- changed:
readonly property PasswordProps.action?: string → readonly property PasswordProps.action?: 'click' | 'hover' - added:
property PasswordProps.suffix?: React.ReactNode
- changed:
property SearchProps.onSearch?: (value: string, event?: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLInputElement>) => void → property SearchProps.onSearch?: (value: string, event?: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLInputElement>, info?: { source?: 'clear' | 'input' }) => void - added:
property SearchProps.onPressEnter?: (e: React.KeyboardEvent<HTMLInputElement>) => void
- removed:
property TextAreaProps.allowClear?: boolean - removed:
property TextAreaProps.disabled?: boolean - removed:
property TextAreaProps.showCount?: boolean | ShowCountProps - changed:
interface TextAreaProps extends RcTextAreaProps → interface TextAreaProps extends Omit<RcTextAreaProps, 'suffix'> - changed:
property TextAreaRef.resizableTextArea?: ResizableTextAreaRef → property TextAreaRef.resizableTextArea?: RcTextAreaRef['resizableTextArea'] - added:
property TextAreaProps.rootClassName?: string - added:
property TextAreaProps.variant?: Variant
- changed:
default function useRemovePasswordTimeout(inputRef: React.RefObject<InputRef>, triggerOnMount?: boolean): () => void → default function useRemovePasswordTimeout(inputRef: React.RefObject<InputRef | null>, triggerOnMount?: boolean): () => void
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const genActiveStyle: (token: InputToken) => { borderColor: string; boxShadow: string; outline: number; backgroundColor: string } - added:
const genAffixStyle: GenerateStyle<InputToken> - added:
const genBasicInputStyle: (token: InputToken) => CSSObject - added:
const genInputGroupStyle: (token: InputToken) => CSSObject - added:
const genInputSmallStyle: (token: InputToken) => CSSObject - added:
const genInputStyle: GenerateStyle<InputToken> - added:
const genPlaceholderStyle: (color: string) => CSSObject - added:
const useSharedStyle: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
default _default - added:
export { ComponentToken } - added:
export { initComponentToken } - added:
export { initInputToken }
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
default _default
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
default _default - added:
export { ComponentToken } - added:
export { initComponentToken } - added:
export { initInputToken }
- added:
const initComponentToken: (token: AliasToken & Partial<SharedComponentToken>) => SharedComponentToken - added:
function initInputToken(token: AliasToken): SharedInputToken - added:
interface ComponentToken extends SharedComponentToken - added:
interface InputToken extends FullToken<'Input'>, SharedInputToken - added:
interface SharedComponentToken - added:
interface SharedInputToken - added:
property SharedComponentToken.activeBg: string - added:
property SharedComponentToken.activeBorderColor: string - added:
property SharedComponentToken.activeShadow: string - added:
property SharedComponentToken.addonBg: string - added:
property SharedComponentToken.errorActiveShadow: string - added:
property SharedComponentToken.hoverBg: string - added:
property SharedComponentToken.hoverBorderColor: string - added:
property SharedComponentToken.inputFontSize: number - added:
property SharedComponentToken.inputFontSizeLG: number - added:
property SharedComponentToken.inputFontSizeSM: number - added:
property SharedComponentToken.paddingBlock: number - added:
property SharedComponentToken.paddingBlockLG: number - added:
property SharedComponentToken.paddingBlockSM: number - added:
property SharedComponentToken.paddingInline: number - added:
property SharedComponentToken.paddingInlineLG: number - added:
property SharedComponentToken.paddingInlineSM: number - added:
property SharedComponentToken.warningActiveShadow: string - added:
property SharedInputToken.inputAffixPadding: number
- added:
const genBaseOutlinedStyle: (token: InputToken, options: { borderColor: string; hoverBorderColor: string; activeBorderColor: string; activeShadow: string }) => CSSObject - added:
const genBaseUnderlinedStyle: (token: InputToken, options: { borderColor: string; hoverBorderColor: string; activeBorderColor: string; activeShadow: string }) => CSSObject - added:
const genBorderlessStyle: (token: InputToken, extraStyles?: CSSObject) => CSSObject - added:
const genDisabledStyle: (token: InputToken) => CSSObject - added:
const genFilledGroupStyle: (token: InputToken) => CSSObject - added:
const genFilledStyle: (token: InputToken, extraStyles?: CSSObject) => CSSObject - added:
const genHoverStyle: (token: InputToken) => CSSObject - added:
const genOutlinedGroupStyle: (token: InputToken) => CSSObject - added:
const genOutlinedStyle: (token: InputToken, extraStyles?: CSSObject) => CSSObject - added:
const genUnderlinedStyle: (token: InputToken, extraStyles?: CSSObject) => CSSObject
- changed:
function hasPrefixSuffix(props: InputProps | ClearableInputProps): boolean → function hasPrefixSuffix(props: { prefix?: ReactNode; suffix?: ReactNode; allowClear?: InputProps['allowClear']; showCount?: InputProps['showCount'] }): boolean
- added:
const LayoutContext: React.Context<LayoutContextProps> - added:
interface LayoutContextProps - added:
property LayoutContextProps.siderHook: { addSider: (id: string) => void; removeSider: (id: string) => void }
- added:
default function useHasSider(siders: string[], children?: React.ReactNode, hasSider?: boolean): boolean
- removed:
const LayoutContext: React.Context<LayoutContextProps> - removed:
interface LayoutContextProps - removed:
property LayoutContextProps.siderHook: { addSider: (id: string) => void; removeSider: (id: string) => void } - changed:
property GeneratorProps.suffixCls: string → property GeneratorProps.suffixCls?: string - changed:
property GeneratorProps.tagName: 'header' | 'footer' | 'main' | 'section' → property GeneratorProps.tagName: 'header' | 'footer' | 'main' | 'div' - added:
property BasicProps.rootClassName?: string - added:
property BasicProps.suffixCls?: string
- added:
const DEPRECATED_TOKENS: [keyof ComponentToken, keyof ComponentToken][] - added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const prepareComponentToken: GetDefaultToken<'Layout'> - added:
default _default - added:
interface ComponentToken - added:
interface LayoutToken extends FullToken<'Layout'> - added:
property ComponentToken.bodyBg: string - added:
property ComponentToken.colorBgBody: string - added:
property ComponentToken.colorBgHeader: string - added:
property ComponentToken.colorBgTrigger: string - added:
property ComponentToken.footerBg: string - added:
property ComponentToken.footerPadding: CSSProperties['padding'] - added:
property ComponentToken.headerBg: string - added:
property ComponentToken.headerColor: string - added:
property ComponentToken.headerHeight: number | string - added:
property ComponentToken.headerPadding: CSSProperties['padding'] - added:
property ComponentToken.lightSiderBg: string - added:
property ComponentToken.lightTriggerBg: string - added:
property ComponentToken.lightTriggerColor: string - added:
property ComponentToken.siderBg: string - added:
property ComponentToken.triggerBg: string - added:
property ComponentToken.triggerColor: string - added:
property ComponentToken.triggerHeight: number | string - added:
property ComponentToken.zeroTriggerHeight: number - added:
property ComponentToken.zeroTriggerWidth: number
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
default _default
- removed:
interface ListItemTypeProps extends ForwardRefExoticComponent<ListItemProps & React.RefAttributes<HTMLElement>> - removed:
property ListItemTypeProps.Meta: typeof Meta - added:
property ListItemProps.classNames?: Partial<Record<SemanticName, string>> - added:
property ListItemProps.styles?: Partial<Record<SemanticName, React.CSSProperties>> - added:
type ListItemTypeProps = typeof InternalItem & { Meta: typeof Meta }
- added:
const ListConsumer: React.Consumer<ListConsumerProps> - added:
const ListContext: React.Context<ListConsumerProps> - added:
interface ListConsumerProps - added:
property ListConsumerProps.grid?: ListGridType - added:
property ListConsumerProps.itemLayout?: string
- removed:
const ListConsumer: React.Consumer<ListConsumerProps> - removed:
const ListContext: React.Context<ListConsumerProps> - removed:
function List<T>({ pagination, prefixCls: customizePrefixCls, bordered, split, className, children, itemLayout, loadMore, grid, dataSource, size, header, footer, loading, rowKey, renderItem, locale, ...rest }: ListProps<T>): React.JSX.Element - removed:
interface ListConsumerProps - removed:
namespace List - removed:
property ListConsumerProps.grid?: any - removed:
property ListConsumerProps.itemLayout?: string - removed:
var List.Item: import('./Item').ListItemTypeProps - changed:
property ListGridType.gutter?: number → property ListGridType.gutter?: RowProps['gutter'] - added:
const List: CompoundedComponent - added:
export { ListConsumerProps } from './context' - added:
property ListProps.rootClassName?: string
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const prepareComponentToken: GetDefaultToken<'List'> - added:
default _default - added:
interface ComponentToken - added:
property ComponentToken.avatarMarginRight: CSSProperties['marginRight'] - added:
property ComponentToken.contentWidth: number | string - added:
property ComponentToken.descriptionFontSize: number - added:
property ComponentToken.emptyTextPadding: CSSProperties['padding'] - added:
property ComponentToken.footerBg: string - added:
property ComponentToken.headerBg: string - added:
property ComponentToken.itemPadding: string - added:
property ComponentToken.itemPaddingLG: string - added:
property ComponentToken.itemPaddingSM: string - added:
property ComponentToken.metaMarginBottom: CSSProperties['marginBottom'] - added:
property ComponentToken.titleMarginBottom: CSSProperties['marginBottom']
- removed:
const LocaleReceiver: <C extends LocaleComponentName = LocaleComponentName>(props: LocaleReceiverProps<C>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> - removed:
const useLocaleReceiver: <C extends LocaleComponentName = LocaleComponentName>(componentName: C, defaultLocale?: Locale[C] | (() => Locale[C]) | undefined) => [Locale[C]] - removed:
default LocaleReceiver - removed:
interface LocaleReceiverProps<C extends LocaleComponentName = LocaleComponentName> - removed:
property LocaleReceiverProps.children: (locale: NonNullable<Locale[C]>, localeCode: string, fullLocale: Locale) => React.ReactElement - removed:
property LocaleReceiverProps.componentName?: C - removed:
property LocaleReceiverProps.defaultLocale?: Locale[C] | (() => Locale[C]) - removed:
type LocaleComponentName = Exclude<keyof Locale, 'locale'>
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
const LocaleContext: import('react').Context<LocaleContextProps | undefined> - removed:
default LocaleContext - removed:
type LocaleContextProps = Locale & { exist?: boolean }
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
const ANT_MARK = 'internalMark' - removed:
const LocaleProvider: React.FC<LocaleProviderProps> - removed:
default LocaleProvider - removed:
interface Locale - removed:
interface LocaleProviderProps - removed:
property Locale.Calendar?: Record<string, any> - removed:
property Locale.DatePicker?: DatePickerLocale - removed:
property Locale.Empty?: TransferLocaleForEmpty - removed:
property Locale.Form?: { optional?: string; defaultValidateMessages: ValidateMessages } - removed:
property Locale.Icon?: Record<string, any> - removed:
property Locale.Image?: { preview: string } - removed:
property Locale.Modal?: ModalLocale - removed:
property Locale.PageHeader?: { back: string } - removed:
property Locale.Pagination?: PaginationLocale - removed:
property Locale.Popconfirm?: PopconfirmLocale - removed:
property Locale.Select?: Record<string, any> - removed:
property Locale.Table?: TableLocale - removed:
property Locale.Text?: { edit?: any; copy?: any; copied?: any; expand?: any } - removed:
property Locale.TimePicker?: Record<string, any> - removed:
property Locale.Transfer?: TransferLocale - removed:
property Locale.Upload?: UploadLocale - removed:
property Locale.global?: Record<string, any> - removed:
property Locale.locale: string - removed:
property LocaleProviderProps.children?: React.ReactNode - removed:
property LocaleProviderProps.locale: Locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- added:
const LocaleContext: import('react').Context<LocaleContextProps | undefined> - added:
default LocaleContext - added:
type LocaleContextProps = Locale & { exist?: boolean }
- removed:
const localeValues: Locale - removed:
default localeValues
- removed:
default defaultLocale - added:
const localeValues: Locale - added:
default localeValues
- added:
const localeValues: Locale - added:
default localeValues
- added:
const ANT_MARK = 'internalMark' - added:
const LocaleProvider: React.FC<LocaleProviderProps> - added:
default LocaleProvider - added:
export { default as useLocale } from './useLocale' - added:
interface Locale - added:
interface LocaleProviderProps - added:
property Locale.Calendar?: Record<string, any> - added:
property Locale.ColorPicker?: { presetEmpty: string; transparent: string; singleColor: string; gradientColor: string } - added:
property Locale.DatePicker?: DatePickerLocale - added:
property Locale.Empty?: TransferLocaleForEmpty - added:
property Locale.Form?: { optional?: string; defaultValidateMessages: ValidateMessages } - added:
property Locale.Icon?: Record<string, any> - added:
property Locale.Image?: { preview: string } - added:
property Locale.Modal?: ModalLocale - added:
property Locale.Pagination?: PaginationLocale - added:
property Locale.Popconfirm?: PopconfirmLocale - added:
property Locale.QRCode?: { expired?: string; refresh?: string; scanned?: string } - added:
property Locale.Select?: Record<string, any> - added:
property Locale.Table?: TableLocale - added:
property Locale.Text?: { edit?: any; copy?: any; copied?: any; expand?: any; collapse?: any } - added:
property Locale.TimePicker?: Record<string, any> - added:
property Locale.Tour?: TourLocale - added:
property Locale.Transfer?: TransferLocale - added:
property Locale.Upload?: UploadLocale - added:
property Locale.global?: { placeholder?: string; close?: string } - added:
property Locale.locale: string - added:
property LocaleProviderProps.children?: React.ReactNode - added:
property LocaleProviderProps.locale: Locale
- added:
const localeValues: Locale - added:
default localeValues
- added:
const useLocale: <C extends LocaleComponentName = LocaleComponentName>(componentName: C, defaultLocale?: Locale[C] | (() => Locale[C])) => readonly [NonNullable<Locale[C]>, str… - added:
default useLocale - added:
type LocaleComponentName = Exclude<keyof Locale, 'locale'>
- removed:
interface MentionState - removed:
property MentionState.focused: boolean - changed:
interface MentionProps extends RcMentionsProps → interface MentionProps extends Omit<RcMentionsProps, 'suffix'> - added:
interface MentionsProps extends MentionProps - added:
property MentionProps.popupClassName?: string - added:
property MentionProps.rootClassName?: string - added:
property MentionProps.variant?: Variant
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const prepareComponentToken: GetDefaultToken<'Mentions'> - added:
default _default - added:
interface ComponentToken extends SharedComponentToken - added:
property ComponentToken.controlItemWidth: number | string - added:
property ComponentToken.dropdownHeight: number | string - added:
property ComponentToken.zIndexPopup: number
- removed:
property MenuContextProps.antdMenuTheme?: MenuTheme - added:
property MenuContextProps.theme?: MenuTheme
- removed:
default class MenuItem extends React.Component<MenuItemProps> - removed:
method MenuItem.render(): React.JSX.Element - removed:
method MenuItem.renderItemChildren(inlineCollapsed: boolean): React.JSX.Element - removed:
property MenuItem.context: MenuContextProps - removed:
property MenuItem.renderItem: ({ siderCollapsed }: SiderContextProps) => React.JSX.Element - removed:
static property MenuItem.contextType: React.Context<MenuContextProps> - added:
const MenuItem: GenericComponent - added:
default MenuItem
- removed:
default OverrideContext - added:
property OverrideContextProps.rootClassName?: string
- removed:
function SubMenu(props: SubMenuProps): React.JSX.Element - removed:
property SubMenuProps.className?: string - removed:
property SubMenuProps.disabled?: boolean - removed:
property SubMenuProps.icon?: React.ReactNode - removed:
property SubMenuProps.onTitleClick?: (e: TitleEventEntity) => void - removed:
property SubMenuProps.onTitleMouseEnter?: (e: TitleEventEntity) => void - removed:
property SubMenuProps.onTitleMouseLeave?: (e: TitleEventEntity) => void - removed:
property SubMenuProps.popupClassName?: string - removed:
property SubMenuProps.popupOffset?: [number, number] - removed:
property SubMenuProps.style?: React.CSSProperties - removed:
property SubMenuProps.theme?: MenuTheme - changed:
interface SubMenuProps → interface SubMenuProps extends Omit<SubMenuType, 'ref' | 'key' | 'children' | 'label'> - added:
const SubMenu: React.FC<SubMenuProps>
- removed:
default function useItems(items?: ItemType[]): (React.JSX.Element | null)[] | undefined - removed:
interface MenuDividerType extends RcMenuDividerType - removed:
interface MenuItemGroupType extends Omit<RcMenuItemGroupType, 'children'> - removed:
interface MenuItemType extends RcMenuItemType - removed:
interface SubMenuType extends Omit<RcSubMenuType, 'children'> - removed:
property MenuDividerType.dashed?: boolean - removed:
property MenuDividerType.key?: React.Key - removed:
property MenuItemGroupType.children?: ItemType[] - removed:
property MenuItemGroupType.key?: React.Key - removed:
property MenuItemType.danger?: boolean - removed:
property MenuItemType.icon?: React.ReactNode - removed:
property MenuItemType.title?: string - removed:
property SubMenuType.children: ItemType[] - removed:
property SubMenuType.icon?: React.ReactNode - removed:
property SubMenuType.theme?: 'dark' | 'light' - removed:
type ItemType = MenuItemType | SubMenuType | MenuItemGroupType | MenuDividerType | null
- removed:
class Menu extends React.Component<MenuProps, {}> - removed:
interface MenuProps extends Omit<RcMenuProps, 'items'> - removed:
method Menu.render(): React.JSX.Element - removed:
property Menu.focus: (options?: FocusOptions) => void - removed:
property Menu.menu: MenuRef | null - removed:
property MenuProps.inlineIndent?: number - removed:
property MenuProps.items?: ItemType[] - removed:
property MenuProps.theme?: MenuTheme - removed:
static property Menu.Divider: React.FC<import('./MenuDivider').MenuDividerProps> - removed:
static property Menu.Item: typeof Item - removed:
static property Menu.ItemGroup: typeof ItemGroup - removed:
static property Menu.SubMenu: typeof SubMenu - removed:
type MenuMode = 'vertical' | 'vertical-left' | 'vertical-right' | 'horizontal' | 'inline' - added:
const Menu: GenericComponent - added:
export { MenuProps } - added:
type MenuRef = { menu: RcMenuRef | null; focus: (options?: FocusOptions) => void }
- added:
interface MenuDividerType extends RcMenuDividerType - added:
interface MenuItemGroupType<T extends MenuItemType = MenuItemType> extends Omit<RcMenuItemGroupType, 'children'> - added:
interface MenuItemType extends RcMenuItemType, DataAttributes - added:
interface SubMenuType<T extends MenuItemType = MenuItemType> extends Omit<RcSubMenuType, 'children'> - added:
property MenuDividerType.dashed?: boolean - added:
property MenuDividerType.key?: React.Key - added:
property MenuItemGroupType.children?: ItemType<T>[] - added:
property MenuItemGroupType.key?: React.Key - added:
property MenuItemType.danger?: boolean - added:
property MenuItemType.icon?: React.ReactNode - added:
property MenuItemType.title?: string - added:
property SubMenuType.children: ItemType<T>[] - added:
property SubMenuType.icon?: React.ReactNode - added:
property SubMenuType.theme?: 'dark' | 'light' - added:
type DataAttributes = { [Key in `data-${string}`]: unknown } - added:
type ItemType<T extends MenuItemType = MenuItemType> = T | SubMenuType<T> | MenuItemGroupType<T> | MenuDividerType | null
- added:
const InternalMenu: React.ForwardRefExoticComponent<MenuProps & SiderContextProps & { collapsedWidth?: string | number } & React.RefAttributes<RcMenuRef>> - added:
default InternalMenu - added:
interface MenuProps extends Omit<RcMenuProps, 'items' | '_internalComponents' | 'activeKey' | 'defaultActiveFirst'> - added:
property MenuProps._internalDisableMenuItemTitleTooltip?: boolean - added:
property MenuProps.inlineIndent?: number - added:
property MenuProps.items?: ItemType[] - added:
property MenuProps.theme?: MenuTheme
- added:
const getHorizontalStyle: GenerateStyle<MenuToken> - added:
default getHorizontalStyle
- added:
const _default: (prefixCls: string, rootCls?: string, injectStyle?: boolean) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const prepareComponentToken: GetDefaultToken<'Menu'> - added:
default _default - added:
interface ComponentToken - added:
interface MenuToken extends FullToken<'Menu'> - added:
property ComponentToken.activeBarBorderWidth: number | string - added:
property ComponentToken.activeBarHeight: number - added:
property ComponentToken.activeBarWidth: number | string - added:
property ComponentToken.collapsedIconSize: number - added:
property ComponentToken.collapsedWidth: number | string - added:
property ComponentToken.colorActiveBarBorderSize: number - added:
property ComponentToken.colorActiveBarHeight: number - added:
property ComponentToken.colorActiveBarWidth: number | string - added:
property ComponentToken.colorDangerItemBgActive: string - added:
property ComponentToken.colorDangerItemBgSelected: string - added:
property ComponentToken.colorDangerItemText: string - added:
property ComponentToken.colorDangerItemTextHover: string - added:
property ComponentToken.colorDangerItemTextSelected: string - added:
property ComponentToken.colorGroupTitle: string - added:
property ComponentToken.colorItemBg: string - added:
property ComponentToken.colorItemBgActive: string - added:
property ComponentToken.colorItemBgHover: string - added:
property ComponentToken.colorItemBgSelected: string - added:
property ComponentToken.colorItemBgSelectedHorizontal: string - added:
property ComponentToken.colorItemText: string - added:
property ComponentToken.colorItemTextDisabled: string - added:
property ComponentToken.colorItemTextHover: string - added:
property ComponentToken.colorItemTextHoverHorizontal: string - added:
property ComponentToken.colorItemTextSelected: string - added:
property ComponentToken.colorItemTextSelectedHorizontal: string - added:
property ComponentToken.colorSubItemBg: string - added:
property ComponentToken.dangerItemActiveBg: string - added:
property ComponentToken.dangerItemColor: string - added:
property ComponentToken.dangerItemHoverColor: string - added:
property ComponentToken.dangerItemSelectedBg: string - added:
property ComponentToken.dangerItemSelectedColor: string - added:
property ComponentToken.darkDangerItemActiveBg: string - added:
property ComponentToken.darkDangerItemColor: string - added:
property ComponentToken.darkDangerItemHoverColor: string - added:
property ComponentToken.darkDangerItemSelectedBg: string - added:
property ComponentToken.darkDangerItemSelectedColor: string - added:
property ComponentToken.darkGroupTitleColor: string - added:
property ComponentToken.darkItemBg: string - added:
property ComponentToken.darkItemColor: string - added:
property ComponentToken.darkItemDisabledColor: string - added:
property ComponentToken.darkItemHoverBg: string - added:
property ComponentToken.darkItemHoverColor: string - added:
property ComponentToken.darkItemSelectedBg: string - added:
property ComponentToken.darkItemSelectedColor: string - added:
property ComponentToken.darkPopupBg: string - added:
property ComponentToken.darkSubMenuItemBg: string - added:
property ComponentToken.dropdownWidth: number | string - added:
property ComponentToken.groupTitleColor: string - added:
property ComponentToken.groupTitleFontSize: number - added:
property ComponentToken.groupTitleLineHeight: string | number - added:
property ComponentToken.horizontalItemBorderRadius: number - added:
property ComponentToken.horizontalItemHoverBg: string - added:
property ComponentToken.horizontalItemHoverColor: string - added:
property ComponentToken.horizontalItemSelectedBg: string - added:
property ComponentToken.horizontalItemSelectedColor: string - added:
property ComponentToken.horizontalLineHeight: CSSProperties['lineHeight'] - added:
property ComponentToken.iconMarginInlineEnd: CSSProperties['marginInlineEnd'] - added:
property ComponentToken.iconSize: number - added:
property ComponentToken.itemActiveBg: string - added:
property ComponentToken.itemBg: string - added:
property ComponentToken.itemBorderRadius: number - added:
property ComponentToken.itemColor: string - added:
property ComponentToken.itemDisabledColor: string - added:
property ComponentToken.itemHeight: number | string - added:
property ComponentToken.itemHoverBg: string - added:
property ComponentToken.itemHoverColor: string - added:
property ComponentToken.itemMarginBlock: CSSProperties['marginBlock'] - added:
property ComponentToken.itemMarginInline: number - added:
property ComponentToken.itemPaddingInline: CSSProperties['paddingInline'] - added:
property ComponentToken.itemSelectedBg: string - added:
property ComponentToken.itemSelectedColor: string - added:
property ComponentToken.popupBg: string - added:
property ComponentToken.radiusItem: number - added:
property ComponentToken.radiusSubMenuItem: number - added:
property ComponentToken.subMenuItemBg: string - added:
property ComponentToken.subMenuItemBorderRadius: number - added:
property ComponentToken.subMenuItemSelectedColor: string - added:
property ComponentToken.zIndexPopup: number - added:
property MenuToken.darkPopupBg: string - added:
property MenuToken.menuArrowOffset: number | string - added:
property MenuToken.menuArrowSize: number | string - added:
property MenuToken.menuHorizontalHeight: number | string - added:
property MenuToken.menuSubMenuBg: string
- added:
const getRTLStyle: GenerateStyle<MenuToken & CssUtil> - added:
default getRTLStyle
- added:
const getThemeStyle: (token: MenuToken, themeSuffix: string) => CSSInterpolation - added:
default getThemeStyle
- added:
const getVerticalStyle: GenerateStyle<MenuToken> - added:
default getVerticalStyle
- added:
const PureContent: React.FC<PureContentProps> - added:
const PurePanel: React.FC<PurePanelProps> - added:
const TypeIcon: { info: React.JSX.Element; success: React.JSX.Element; error: React.JSX.Element; warning: React.JSX.Element; loading: React.JSX.Element } - added:
default PurePanel - added:
interface PureContentProps - added:
interface PurePanelProps extends Omit<NoticeProps, 'prefixCls' | 'eventKey'>, Omit<PureContentProps, 'prefixCls' | 'children'> - added:
property PureContentProps.children: React.ReactNode - added:
property PureContentProps.icon?: React.ReactNode - added:
property PureContentProps.prefixCls: string - added:
property PureContentProps.type?: NoticeType - added:
property PurePanelProps.prefixCls?: string
- removed:
default function createUseMessage(getRcNotificationInstance: (args: ArgsProps, callback: (info: { prefixCls: string; instance: RCNotificationInstance }) => void) => void, getRCNoticeProps: (args: ArgsProps, prefixCls: string) => RCNoticeContent): () => readonly [MessageInstance, React.ReactElement]
- removed:
call MessageType(): void - removed:
call ThenableArgument(val: any): void - removed:
const _default: MessageApi - removed:
const typeList: ('success' | 'warning' | 'error' | 'loading' | 'info')[] - removed:
default _default - removed:
function attachTypeApi(originalApi: MessageApi, type: NoticeType): void - removed:
function getKeyThenIncreaseKey(): number - removed:
interface ArgsProps - removed:
interface ConfigOptions - removed:
interface MessageApi extends MessageInstance - removed:
interface MessageInstance - removed:
interface MessageType extends PromiseLike<any> - removed:
interface ThenableArgument - removed:
method MessageApi.config(options: ConfigOptions): void - removed:
method MessageApi.destroy(messageKey?: React.Key): void - removed:
method MessageApi.useMessage(): [MessageInstance, React.ReactElement] - removed:
method MessageApi.warn(content: JointContent, duration?: ConfigDuration, onClose?: ConfigOnClose): MessageType - removed:
method MessageInstance.error(content: JointContent, duration?: ConfigDuration, onClose?: ConfigOnClose): MessageType - removed:
method MessageInstance.info(content: JointContent, duration?: ConfigDuration, onClose?: ConfigOnClose): MessageType - removed:
method MessageInstance.loading(content: JointContent, duration?: ConfigDuration, onClose?: ConfigOnClose): MessageType - removed:
method MessageInstance.open(args: ArgsProps): MessageType - removed:
method MessageInstance.success(content: JointContent, duration?: ConfigDuration, onClose?: ConfigOnClose): MessageType - removed:
method MessageInstance.warning(content: JointContent, duration?: ConfigDuration, onClose?: ConfigOnClose): MessageType - removed:
property ArgsProps.className?: string - removed:
property ArgsProps.content: any - removed:
property ArgsProps.duration?: number - removed:
property ArgsProps.getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement - removed:
property ArgsProps.icon?: React.ReactNode - removed:
property ArgsProps.key?: string | number - removed:
property ArgsProps.onClick?: (e: React.MouseEvent<HTMLDivElement>) => void - removed:
property ArgsProps.onClose?: () => void - removed:
property ArgsProps.prefixCls?: string - removed:
property ArgsProps.rootPrefixCls?: string - removed:
property ArgsProps.style?: React.CSSProperties - removed:
property ArgsProps.type?: NoticeType - removed:
property ConfigOptions.duration?: number - removed:
property ConfigOptions.getContainer?: () => HTMLElement - removed:
property ConfigOptions.maxCount?: number - removed:
property ConfigOptions.prefixCls?: string - removed:
property ConfigOptions.rtl?: boolean - removed:
property ConfigOptions.top?: number - removed:
property ConfigOptions.transitionName?: string - removed:
type ConfigOnClose = () => void - removed:
type NoticeType = keyof typeof typeToIcon - added:
const actDestroy: () => void - added:
const actWrapper: (wrapper: any) => void - added:
const staticMethods: MessageMethods & BaseMethods - added:
default staticMethods - added:
export { ArgsProps }
- added:
call MessageType(): void - added:
interface ArgsProps - added:
interface ConfigOptions - added:
interface MessageInstance - added:
interface MessageType extends PromiseLike<boolean> - added:
property ArgsProps.className?: string - added:
property ArgsProps.content: React.ReactNode - added:
property ArgsProps.duration?: number - added:
property ArgsProps.icon?: React.ReactNode - added:
property ArgsProps.key?: string | number - added:
property ArgsProps.onClick?: (e: React.MouseEvent<HTMLDivElement>) => void - added:
property ArgsProps.onClose?: () => void - added:
property ArgsProps.style?: React.CSSProperties - added:
property ArgsProps.type?: NoticeType - added:
property ConfigOptions.duration?: number - added:
property ConfigOptions.getContainer?: () => HTMLElement - added:
property ConfigOptions.maxCount?: number - added:
property ConfigOptions.prefixCls?: string - added:
property ConfigOptions.rtl?: boolean - added:
property ConfigOptions.top?: string | number - added:
property ConfigOptions.transitionName?: string - added:
property MessageInstance.destroy: (key?: React.Key) => void - added:
property MessageInstance.error: TypeOpen - added:
property MessageInstance.info: TypeOpen - added:
property MessageInstance.loading: TypeOpen - added:
property MessageInstance.open: (args: ArgsProps) => MessageType - added:
property MessageInstance.success: TypeOpen - added:
property MessageInstance.warning: TypeOpen - added:
type JointContent = React.ReactNode | ArgsProps - added:
type NoticeType = 'info' | 'success' | 'error' | 'warning' | 'loading' - added:
type TypeOpen = (content: JointContent, duration?: number | VoidFunction, onClose?: VoidFunction) => MessageType
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const prepareComponentToken: GetDefaultToken<'Message'> - added:
default _default - added:
interface ComponentToken - added:
property ComponentToken.contentBg: string - added:
property ComponentToken.contentPadding: CSSProperties['padding'] - added:
property ComponentToken.zIndexPopup: number
- added:
default function useMessage(messageConfig?: ConfigOptions): readonly [MessageInstance, React.ReactElement<unknown, string | React.JSXElementConstructor<any>>] - added:
function useInternalMessage(messageConfig?: HolderProps): readonly [MessageInstance, React.ReactElement]
- added:
function getMotion(prefixCls: string, transitionName?: string): CSSMotionProps - added:
function wrapPromiseFn(openFn: (resolve: VoidFunction) => VoidFunction): any
- removed:
const ConfirmDialog: (props: ConfirmDialogProps) => React.JSX.Element - removed:
default ConfirmDialog - added:
const ConfirmContent: React.FC<ConfirmDialogProps & { confirmPrefixCls: string }> - added:
const ConfirmDialogWrapper: React.FC<ConfirmDialogProps> - added:
default ConfirmDialogWrapper - added:
interface ConfirmDialogProps extends ModalFuncProps - added:
property ConfirmDialogProps.afterClose?: () => void - added:
property ConfirmDialogProps.autoFocusButton?: null | 'ok' | 'cancel' - added:
property ConfirmDialogProps.close?: (...args: any[]) => void - added:
property ConfirmDialogProps.iconPrefixCls?: string - added:
property ConfirmDialogProps.isSilent?: () => boolean - added:
property ConfirmDialogProps.locale?: ModalLocale - added:
property ConfirmDialogProps.onConfirm?: (confirmed: boolean) => void - added:
property ConfirmDialogProps.prefixCls: string - added:
property ConfirmDialogProps.rootPrefixCls?: string - added:
property ConfirmDialogProps.theme?: ThemeConfig
- removed:
interface ModalFuncProps - removed:
interface ModalLocale - removed:
interface ModalProps - removed:
property ModalFuncProps.afterClose?: () => void - removed:
property ModalFuncProps.autoFocusButton?: null | 'ok' | 'cancel' - removed:
property ModalFuncProps.bodyStyle?: React.CSSProperties - removed:
property ModalFuncProps.cancelButtonProps?: ButtonProps - removed:
property ModalFuncProps.cancelText?: React.ReactNode - removed:
property ModalFuncProps.centered?: boolean - removed:
property ModalFuncProps.className?: string - removed:
property ModalFuncProps.closable?: boolean - removed:
property ModalFuncProps.closeIcon?: React.ReactNode - removed:
property ModalFuncProps.content?: React.ReactNode - removed:
property ModalFuncProps.direction?: DirectionType - removed:
property ModalFuncProps.focusTriggerAfterClose?: boolean - removed:
property ModalFuncProps.getContainer?: string | HTMLElement | getContainerFunc | false - removed:
property ModalFuncProps.icon?: React.ReactNode - removed:
property ModalFuncProps.keyboard?: boolean - removed:
property ModalFuncProps.mask?: boolean - removed:
property ModalFuncProps.maskClosable?: boolean - removed:
property ModalFuncProps.maskStyle?: React.CSSProperties - removed:
property ModalFuncProps.maskTransitionName?: string - removed:
property ModalFuncProps.modalRender?: (node: React.ReactNode) => React.ReactNode - removed:
property ModalFuncProps.okButtonProps?: ButtonProps - removed:
property ModalFuncProps.okCancel?: boolean - removed:
property ModalFuncProps.okText?: React.ReactNode - removed:
property ModalFuncProps.okType?: LegacyButtonType - removed:
property ModalFuncProps.onCancel?: (...args: any[]) => any - removed:
property ModalFuncProps.onOk?: (...args: any[]) => any - removed:
property ModalFuncProps.open?: boolean - removed:
property ModalFuncProps.prefixCls?: string - removed:
property ModalFuncProps.style?: React.CSSProperties - removed:
property ModalFuncProps.title?: React.ReactNode - removed:
property ModalFuncProps.transitionName?: string - removed:
property ModalFuncProps.type?: 'info' | 'success' | 'error' | 'warn' | 'warning' | 'confirm' - removed:
property ModalFuncProps.visible?: boolean - removed:
property ModalFuncProps.width?: string | number - removed:
property ModalFuncProps.wrapClassName?: string - removed:
property ModalFuncProps.zIndex?: number - removed:
property ModalLocale.cancelText: string - removed:
property ModalLocale.justOkText: string - removed:
property ModalLocale.okText: string - removed:
property ModalProps.afterClose?: () => void - removed:
property ModalProps.bodyStyle?: React.CSSProperties - removed:
property ModalProps.cancelButtonProps?: ButtonProps - removed:
property ModalProps.cancelText?: React.ReactNode - removed:
property ModalProps.centered?: boolean - removed:
property ModalProps.children?: React.ReactNode - removed:
property ModalProps.className?: string - removed:
property ModalProps.closable?: boolean - removed:
property ModalProps.closeIcon?: React.ReactNode - removed:
property ModalProps.confirmLoading?: boolean - removed:
property ModalProps.destroyOnClose?: boolean - removed:
property ModalProps.focusTriggerAfterClose?: boolean - removed:
property ModalProps.footer?: React.ReactNode - removed:
property ModalProps.forceRender?: boolean - removed:
property ModalProps.getContainer?: string | HTMLElement | getContainerFunc | false - removed:
property ModalProps.keyboard?: boolean - removed:
property ModalProps.mask?: boolean - removed:
property ModalProps.maskClosable?: boolean - removed:
property ModalProps.maskStyle?: React.CSSProperties - removed:
property ModalProps.maskTransitionName?: string - removed:
property ModalProps.modalRender?: (node: React.ReactNode) => React.ReactNode - removed:
property ModalProps.mousePosition?: MousePosition - removed:
property ModalProps.okButtonProps?: ButtonProps - removed:
property ModalProps.okText?: React.ReactNode - removed:
property ModalProps.okType?: LegacyButtonType - removed:
property ModalProps.onCancel?: (e: React.MouseEvent<HTMLElement>) => void - removed:
property ModalProps.onOk?: (e: React.MouseEvent<HTMLElement>) => void - removed:
property ModalProps.open?: boolean - removed:
property ModalProps.prefixCls?: string - removed:
property ModalProps.style?: React.CSSProperties - removed:
property ModalProps.title?: React.ReactNode - removed:
property ModalProps.transitionName?: string - removed:
property ModalProps.visible?: boolean - removed:
property ModalProps.width?: string | number - removed:
property ModalProps.wrapClassName?: string - removed:
property ModalProps.wrapProps?: any - removed:
property ModalProps.zIndex?: number
- added:
const _default: (props: PurePanelProps) => React.JSX.Element - added:
default _default - added:
interface PurePanelProps extends Omit<PanelProps, 'prefixCls' | 'footer'>, Pick<ModalFuncProps, 'type' | 'footer'> - added:
property PurePanelProps.prefixCls?: string - added:
property PurePanelProps.style?: React.CSSProperties
- added:
const ConfirmCancelBtn: FC - added:
default ConfirmCancelBtn - added:
interface ConfirmCancelBtnProps extends Pick<ConfirmDialogProps, 'cancelButtonProps' | 'isSilent' | 'rootPrefixCls' | 'close' | 'onConfirm' | 'onCancel'> - added:
property ConfirmCancelBtnProps.autoFocusButton?: false | 'ok' | 'cancel' | null - added:
property ConfirmCancelBtnProps.cancelTextLocale?: React.ReactNode - added:
property ConfirmCancelBtnProps.mergedOkCancel?: boolean
- added:
const ConfirmOkBtn: FC - added:
default ConfirmOkBtn - added:
interface ConfirmOkBtnProps extends Pick<ConfirmDialogProps, 'close' | 'isSilent' | 'okType' | 'okButtonProps' | 'rootPrefixCls' | 'onConfirm' | 'onOk'> - added:
property ConfirmOkBtnProps.autoFocusButton?: false | 'ok' | 'cancel' | null - added:
property ConfirmOkBtnProps.okTextLocale?: React.ReactNode
- added:
const NormalCancelBtn: FC - added:
default NormalCancelBtn - added:
interface NormalCancelBtnProps extends Pick<ModalProps, 'cancelButtonProps' | 'onCancel'> - added:
property NormalCancelBtnProps.cancelTextLocale?: React.ReactNode
- added:
const NormalOkBtn: FC - added:
default NormalOkBtn - added:
interface NormalOkBtnProps extends Pick<ModalProps, 'confirmLoading' | 'okType' | 'okButtonProps' | 'onOk'> - added:
property NormalOkBtnProps.okTextLocale?: React.ReactNode
- added:
type ConfigUpdate = ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)
- added:
const ModalContext: React.Context<ModalContextProps> - added:
const ModalContextProvider: React.Provider<ModalContextProps> - added:
type ModalContextProps = NormalCancelBtnProps & NormalOkBtnProps & ConfirmOkBtnProps & ConfirmCancelBtnProps
- removed:
export { ModalFuncProps } from './Modal' - removed:
export { ModalProps } from './Modal' - added:
export { ModalFuncProps } from './interface' - added:
export { ModalLocale } from './interface' - added:
export { ModalProps } from './interface'
- added:
interface ModalFuncProps extends ModalCommonProps - added:
interface ModalLocale - added:
interface ModalProps extends ModalCommonProps - added:
property ModalFuncProps.afterClose?: () => void - added:
property ModalFuncProps.autoFocusButton?: null | 'ok' | 'cancel' - added:
property ModalFuncProps.bodyStyle?: React.CSSProperties - added:
property ModalFuncProps.cancelButtonProps?: ButtonProps - added:
property ModalFuncProps.cancelText?: React.ReactNode - added:
property ModalFuncProps.centered?: boolean - added:
property ModalFuncProps.className?: string - added:
property ModalFuncProps.closeIcon?: React.ReactNode - added:
property ModalFuncProps.content?: React.ReactNode - added:
property ModalFuncProps.direction?: DirectionType - added:
property ModalFuncProps.focusTriggerAfterClose?: boolean - added:
property ModalFuncProps.footer?: ModalProps['footer'] - added:
property ModalFuncProps.getContainer?: string | HTMLElement | getContainerFunc | false - added:
property ModalFuncProps.icon?: React.ReactNode - added:
property ModalFuncProps.keyboard?: boolean - added:
property ModalFuncProps.mask?: boolean - added:
property ModalFuncProps.maskClosable?: boolean - added:
property ModalFuncProps.maskStyle?: React.CSSProperties - added:
property ModalFuncProps.maskTransitionName?: string - added:
property ModalFuncProps.modalRender?: (node: React.ReactNode) => React.ReactNode - added:
property ModalFuncProps.okButtonProps?: ButtonProps - added:
property ModalFuncProps.okCancel?: boolean - added:
property ModalFuncProps.okText?: React.ReactNode - added:
property ModalFuncProps.okType?: LegacyButtonType - added:
property ModalFuncProps.onCancel?: (...args: any[]) => any - added:
property ModalFuncProps.onOk?: (...args: any[]) => any - added:
property ModalFuncProps.open?: boolean - added:
property ModalFuncProps.prefixCls?: string - added:
property ModalFuncProps.rootClassName?: string - added:
property ModalFuncProps.style?: React.CSSProperties - added:
property ModalFuncProps.title?: React.ReactNode - added:
property ModalFuncProps.transitionName?: string - added:
property ModalFuncProps.type?: 'info' | 'success' | 'error' | 'warn' | 'warning' | 'confirm' - added:
property ModalFuncProps.visible?: boolean - added:
property ModalFuncProps.width?: string | number - added:
property ModalFuncProps.wrapClassName?: string - added:
property ModalFuncProps.zIndex?: number - added:
property ModalLocale.cancelText: string - added:
property ModalLocale.justOkText: string - added:
property ModalLocale.okText: string - added:
property ModalProps.afterClose?: () => void - added:
property ModalProps.afterOpenChange?: (open: boolean) => void - added:
property ModalProps.bodyStyle?: React.CSSProperties - added:
property ModalProps.cancelButtonProps?: ButtonProps - added:
property ModalProps.cancelText?: React.ReactNode - added:
property ModalProps.centered?: boolean - added:
property ModalProps.children?: React.ReactNode - added:
property ModalProps.className?: string - added:
property ModalProps.classNames?: NonNullable<DialogProps['classNames']> - added:
property ModalProps.closeIcon?: React.ReactNode - added:
property ModalProps.confirmLoading?: boolean - added:
property ModalProps.destroyOnClose?: boolean - added:
property ModalProps.destroyOnHidden?: boolean - added:
property ModalProps.focusTriggerAfterClose?: boolean - added:
property ModalProps.forceRender?: boolean - added:
property ModalProps.getContainer?: string | HTMLElement | getContainerFunc | false - added:
property ModalProps.keyboard?: boolean - added:
property ModalProps.loading?: boolean - added:
property ModalProps.mask?: boolean - added:
property ModalProps.maskClosable?: boolean - added:
property ModalProps.maskStyle?: React.CSSProperties - added:
property ModalProps.maskTransitionName?: string - added:
property ModalProps.modalRender?: (node: React.ReactNode) => React.ReactNode - added:
property ModalProps.mousePosition?: MousePosition - added:
property ModalProps.okButtonProps?: ButtonProps - added:
property ModalProps.okText?: React.ReactNode - added:
property ModalProps.okType?: LegacyButtonType - added:
property ModalProps.onCancel?: (e: React.MouseEvent<HTMLButtonElement>) => void - added:
property ModalProps.onOk?: (e: React.MouseEvent<HTMLButtonElement>) => void - added:
property ModalProps.open?: boolean - added:
property ModalProps.prefixCls?: string - added:
property ModalProps.rootClassName?: string - added:
property ModalProps.style?: React.CSSProperties - added:
property ModalProps.title?: React.ReactNode - added:
property ModalProps.transitionName?: string - added:
property ModalProps.visible?: boolean - added:
property ModalProps.width?: string | number | Partial<Record<Breakpoint, string | number>> - added:
property ModalProps.wrapClassName?: string - added:
property ModalProps.wrapProps?: any - added:
property ModalProps.zIndex?: number - added:
type MousePosition = { x: number; y: number } | null
- removed:
interface ModalLocale - removed:
property ModalLocale.cancelText: string - removed:
property ModalLocale.justOkText: string - removed:
property ModalLocale.okText: string - changed:
function changeConfirmLocale(newLocale?: ModalLocale): void → function changeConfirmLocale(newLocale?: ModalLocale): (() => void) | undefined
- added:
const Footer: React.FC<FooterProps & Pick<ModalProps, 'footer' | 'okText' | 'okType' | 'cancelText' | 'confirmLoading' | 'okButtonProps' | 'cancelButtonProps'>> - added:
function renderCloseIcon(prefixCls: string, closeIcon?: React.ReactNode): React.JSX.Element
- added:
const _default: import('react').FunctionComponent<import('@ant-design/cssinjs-utils/lib/util/genStyleUtils').SubStyleComponentProps> - added:
default _default
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const genModalMaskStyle: GenerateStyle<TokenWithCommonCls<AliasToken>> - added:
const prepareComponentToken: (token: GlobalToken) => { footerBg: string; headerBg: string; titleLineHeight: number; titleFontSize: number; contentBg: string; titleColor: string; contentPad… - added:
const prepareToken: (token: Parameters<GenStyleFn<'Modal'>>[0]) => ModalToken - added:
default _default - added:
interface ComponentToken - added:
interface ModalToken extends FullToken<'Modal'> - added:
property ComponentToken.contentBg: string - added:
property ComponentToken.footerBg: string - added:
property ComponentToken.headerBg: string - added:
property ComponentToken.titleColor: string - added:
property ComponentToken.titleFontSize: number - added:
property ComponentToken.titleLineHeight: number | string - added:
property ModalToken.modalCloseBtnSize: number | string - added:
property ModalToken.modalCloseIconColor: string - added:
property ModalToken.modalCloseIconHoverColor: string - added:
property ModalToken.modalConfirmIconSize: number | string - added:
property ModalToken.modalFooterBorderColorSplit: string - added:
property ModalToken.modalFooterBorderStyle: string - added:
property ModalToken.modalFooterBorderWidth: number | string - added:
property ModalToken.modalHeaderHeight: number | string - added:
property ModalToken.modalTitleHeight: number | string
- changed:
property HookModalRef.update: (config: ModalFuncProps) => void → property HookModalRef.update: (config: ConfigUpdate) => void - added:
property HookModalProps.isSilent?: () => boolean - added:
property HookModalProps.onConfirm?: (confirmed: boolean) => void
- changed:
default function useModal(): [Omit<ModalStaticFunctions, 'warn'>, React.ReactElement] → function useModal(): readonly [instance: HookAPI, contextHolder: React.ReactElement] - added:
default useModal - added:
type HookAPI = Omit<Record<keyof ModalStaticFunctions, ModalFuncWithPromise>, 'warn'> - added:
type ModalFuncWithPromise = (...args: Parameters<ModalFunc>) => ReturnType<ModalFunc> & { then: <T>(resolve: (confirmed: boolean) => T, reject: VoidFunction) => Promise<T> }
- added:
const PureContent: React.FC<PureContentProps> - added:
const PurePanel: React.FC<PurePanelProps> - added:
const TypeIcon: { info: React.JSX.Element; success: React.JSX.Element; error: React.JSX.Element; warning: React.JSX.Element; loading: React.JSX.Element } - added:
default PurePanel - added:
function getCloseIcon(prefixCls: string, closeIcon?: React.ReactNode): React.ReactNode - added:
interface PureContentProps - added:
interface PurePanelProps extends Omit<NoticeProps, 'prefixCls' | 'eventKey'>, Omit<PureContentProps, 'prefixCls' | 'children'> - added:
property PureContentProps.actions?: React.ReactNode - added:
property PureContentProps.btn?: React.ReactNode - added:
property PureContentProps.description?: React.ReactNode - added:
property PureContentProps.icon?: React.ReactNode - added:
property PureContentProps.message?: React.ReactNode - added:
property PureContentProps.prefixCls: string - added:
property PureContentProps.role?: 'alert' | 'status' - added:
property PureContentProps.type?: IconType - added:
property PurePanelProps.prefixCls?: string
- removed:
default function createUseNotification(getNotificationInstance: (args: ArgsProps, callback: (info: { prefixCls: string; instance: RCNotificationInstance }) => void) => void, getRCNoticeProps: (args: ArgsProps, prefixCls: string) => RCNoticeContent): () => readonly [NotificationInstance, React.ReactElement]
- removed:
const _default: NotificationApi - removed:
default _default - removed:
interface ArgsProps - removed:
interface ConfigProps - removed:
interface NotificationApi extends NotificationInstance - removed:
interface NotificationInstance - removed:
method NotificationApi.close(key: string): void - removed:
method NotificationApi.config(options: ConfigProps): void - removed:
method NotificationApi.destroy(): void - removed:
method NotificationApi.warn(args: ArgsProps): void - removed:
method NotificationInstance.error(args: ArgsProps): void - removed:
method NotificationInstance.info(args: ArgsProps): void - removed:
method NotificationInstance.open(args: ArgsProps): void - removed:
method NotificationInstance.success(args: ArgsProps): void - removed:
method NotificationInstance.warning(args: ArgsProps): void - removed:
property ArgsProps.bottom?: number - removed:
property ArgsProps.btn?: React.ReactNode - removed:
property ArgsProps.className?: string - removed:
property ArgsProps.closeIcon?: React.ReactNode - removed:
property ArgsProps.description?: React.ReactNode - removed:
property ArgsProps.duration?: number | null - removed:
property ArgsProps.getContainer?: () => HTMLElement - removed:
property ArgsProps.icon?: React.ReactNode - removed:
property ArgsProps.key?: string - removed:
property ArgsProps.maxCount?: number - removed:
property ArgsProps.message: React.ReactNode - removed:
property ArgsProps.onClick?: () => void - removed:
property ArgsProps.onClose?: () => void - removed:
property ArgsProps.placement?: NotificationPlacement - removed:
property ArgsProps.prefixCls?: string - removed:
property ArgsProps.props?: DivProps - removed:
property ArgsProps.style?: React.CSSProperties - removed:
property ArgsProps.top?: number - removed:
property ConfigProps.bottom?: number - removed:
property ConfigProps.closeIcon?: React.ReactNode - removed:
property ConfigProps.duration?: number - removed:
property ConfigProps.getContainer?: () => HTMLElement - removed:
property ConfigProps.maxCount?: number - removed:
property ConfigProps.placement?: NotificationPlacement - removed:
property ConfigProps.prefixCls?: string - removed:
property ConfigProps.props?: DivProps - removed:
property ConfigProps.rtl?: boolean - removed:
property ConfigProps.top?: number - removed:
property NotificationApi.useNotification: () => [NotificationInstance, React.ReactElement] - removed:
readonly property ArgsProps.type?: IconType - removed:
type IconType = 'success' | 'info' | 'error' | 'warning' - removed:
type NotificationPlacement = 'top' | 'topLeft' | 'topRight' | 'bottom' | 'bottomLeft' | 'bottomRight' - added:
const actDestroy: () => void - added:
const actWrapper: (wrapper: any) => void - added:
const staticMethods: NoticeMethods & BaseMethods - added:
default staticMethods - added:
export { ArgsProps }
- added:
const NotificationPlacements: readonly ['top', 'topLeft', 'topRight', 'bottom', 'bottomLeft', 'bottomRight'] - added:
interface ArgsProps - added:
interface GlobalConfigProps - added:
interface NotificationConfig - added:
interface NotificationInstance - added:
property ArgsProps.actions?: React.ReactNode - added:
property ArgsProps.btn?: React.ReactNode - added:
property ArgsProps.className?: string - added:
property ArgsProps.closable?: ClosableType - added:
property ArgsProps.closeIcon?: React.ReactNode - added:
property ArgsProps.description?: React.ReactNode - added:
property ArgsProps.duration?: number | null - added:
property ArgsProps.icon?: React.ReactNode - added:
property ArgsProps.key?: React.Key - added:
property ArgsProps.message: React.ReactNode - added:
property ArgsProps.onClick?: () => void - added:
property ArgsProps.onClose?: () => void - added:
property ArgsProps.pauseOnHover?: boolean - added:
property ArgsProps.placement?: NotificationPlacement - added:
property ArgsProps.props?: DivProps - added:
property ArgsProps.role?: 'alert' | 'status' - added:
property ArgsProps.showProgress?: boolean - added:
property ArgsProps.style?: React.CSSProperties - added:
property GlobalConfigProps.bottom?: number - added:
property GlobalConfigProps.closable?: ClosableType - added:
property GlobalConfigProps.closeIcon?: React.ReactNode - added:
property GlobalConfigProps.duration?: number - added:
property GlobalConfigProps.getContainer?: () => HTMLElement | ShadowRoot - added:
property GlobalConfigProps.maxCount?: number - added:
property GlobalConfigProps.pauseOnHover?: boolean - added:
property GlobalConfigProps.placement?: NotificationPlacement - added:
property GlobalConfigProps.prefixCls?: string - added:
property GlobalConfigProps.props?: DivProps - added:
property GlobalConfigProps.rtl?: boolean - added:
property GlobalConfigProps.showProgress?: boolean - added:
property GlobalConfigProps.top?: number - added:
property NotificationConfig.bottom?: number - added:
property NotificationConfig.closeIcon?: React.ReactNode - added:
property NotificationConfig.duration?: number - added:
property NotificationConfig.getContainer?: () => HTMLElement | ShadowRoot - added:
property NotificationConfig.maxCount?: number - added:
property NotificationConfig.pauseOnHover?: boolean - added:
property NotificationConfig.placement?: NotificationPlacement - added:
property NotificationConfig.prefixCls?: string - added:
property NotificationConfig.rtl?: boolean - added:
property NotificationConfig.showProgress?: boolean - added:
property NotificationConfig.stack?: boolean | { threshold?: number } - added:
property NotificationConfig.top?: number - added:
property NotificationInstance.destroy: (key?: React.Key) => void - added:
property NotificationInstance.error: StaticFn - added:
property NotificationInstance.info: StaticFn - added:
property NotificationInstance.open: StaticFn - added:
property NotificationInstance.success: StaticFn - added:
property NotificationInstance.warning: StaticFn - added:
readonly property ArgsProps.type?: IconType - added:
type IconType = 'success' | 'info' | 'error' | 'warning' - added:
type NotificationPlacement = (typeof NotificationPlacements)[number]
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const genNoticeStyle: (token: NotificationToken) => CSSObject - added:
const prepareComponentToken: (token: AliasToken) => { zIndexPopup: number; width: number; colorSuccessBg: undefined; colorErrorBg: undefined; colorInfoBg: undefined; colorWarningBg: undefi… - added:
const prepareNotificationToken: (token: Parameters<GenStyleFn<'Notification'>>[0]) => NotificationToken - added:
default _default - added:
interface ComponentToken - added:
interface NotificationToken extends FullToken<'Notification'> - added:
property ComponentToken.colorErrorBg?: string - added:
property ComponentToken.colorInfoBg?: string - added:
property ComponentToken.colorSuccessBg?: string - added:
property ComponentToken.colorWarningBg?: string - added:
property ComponentToken.width: number | string - added:
property ComponentToken.zIndexPopup: number - added:
property NotificationToken.animationMaxHeight: number | string - added:
property NotificationToken.notificationBg: string - added:
property NotificationToken.notificationCloseButtonSize: number | string - added:
property NotificationToken.notificationIconSize: number | string - added:
property NotificationToken.notificationMarginBottom: number - added:
property NotificationToken.notificationMarginEdge: number - added:
property NotificationToken.notificationPadding: string - added:
property NotificationToken.notificationPaddingHorizontal: number - added:
property NotificationToken.notificationPaddingVertical: number - added:
property NotificationToken.notificationProgressBg: string - added:
property NotificationToken.notificationProgressHeight: number - added:
property NotificationToken.notificationStackLayer: number
- added:
const genNotificationPlacementStyle: GenerateStyle<NotificationToken, CSSObject> - added:
default genNotificationPlacementStyle
- added:
const _default: import('react').FunctionComponent<import('@ant-design/cssinjs-utils/lib/util/genStyleUtils').SubStyleComponentProps> - added:
default _default
- added:
const genStackStyle: GenerateStyle<NotificationToken> - added:
default genStackStyle
- added:
default function useNotification(notificationConfig?: NotificationConfig): readonly [NotificationInstance, React.ReactElement<unknown, string | React.JSXElementConstructor<any>>] - added:
function useInternalNotification(notificationConfig?: HolderProps): readonly [NotificationInstance, React.ReactElement]
- added:
function getCloseIconConfig(closeIcon: React.ReactNode, notificationConfig?: NotificationConfig, notification?: CPNotificationConfig): React.ReactNode - added:
function getMotion(prefixCls: string): CSSMotionProps - added:
function getPlacementStyle(placement: NotificationPlacement, top: number, bottom: number): React.CSSProperties
- removed:
const PageHeader: React.FC<PageHeaderProps> - removed:
default PageHeader - removed:
interface PageHeaderProps - removed:
property PageHeaderProps.avatar?: AvatarProps - removed:
property PageHeaderProps.backIcon?: React.ReactNode - removed:
property PageHeaderProps.breadcrumb?: BreadcrumbProps | React.ReactElement<typeof Breadcrumb> - removed:
property PageHeaderProps.breadcrumbRender?: (props: PageHeaderProps, defaultDom: React.ReactNode) => React.ReactNode - removed:
property PageHeaderProps.children?: React.ReactNode - removed:
property PageHeaderProps.className?: string - removed:
property PageHeaderProps.extra?: React.ReactNode - removed:
property PageHeaderProps.footer?: React.ReactNode - removed:
property PageHeaderProps.ghost?: boolean - removed:
property PageHeaderProps.onBack?: (e?: React.MouseEvent<HTMLDivElement>) => void - removed:
property PageHeaderProps.prefixCls?: string - removed:
property PageHeaderProps.style?: React.CSSProperties - removed:
property PageHeaderProps.subTitle?: React.ReactNode - removed:
property PageHeaderProps.tags?: React.ReactElement<TagType> | React.ReactElement<TagType>[] - removed:
property PageHeaderProps.title?: React.ReactNode
- changed:
interface PaginationConfig extends PaginationProps → interface PaginationConfig extends Omit<PaginationProps, 'rootClassName'> - changed:
interface PaginationProps extends RcPaginationProps → interface PaginationProps extends Omit<RcPaginationProps, 'showSizeChanger' | 'pageSizeOptions'> - added:
property PaginationProps.pageSizeOptions?: (string | number)[] - added:
property PaginationProps.rootClassName?: string - added:
property PaginationProps.selectComponentClass?: any - added:
property PaginationProps.showSizeChanger?: boolean | SelectProps
- removed:
const MiddleSelect: CompoundedComponent - removed:
const MiniSelect: CompoundedComponent
- added:
const _default: import('react').FunctionComponent<import('@ant-design/cssinjs-utils/lib/util/genStyleUtils').SubStyleComponentProps> - added:
default _default
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const prepareComponentToken: GetDefaultToken<'Pagination'> - added:
const prepareToken: (token: Parameters<GenStyleFn<'Pagination'>>[0]) => PaginationToken - added:
default _default - added:
interface ComponentToken - added:
interface PaginationToken extends FullToken<'Pagination'>, SharedComponentToken, SharedInputToken - added:
property ComponentToken.itemActiveBg: string - added:
property ComponentToken.itemActiveBgDisabled: string - added:
property ComponentToken.itemActiveColor: string - added:
property ComponentToken.itemActiveColorDisabled: string - added:
property ComponentToken.itemActiveColorHover: string - added:
property ComponentToken.itemBg: string - added:
property ComponentToken.itemInputBg: string - added:
property ComponentToken.itemLinkBg: string - added:
property ComponentToken.itemSize: number - added:
property ComponentToken.itemSizeSM: number - added:
property ComponentToken.miniOptionsSizeChangerTop: number - added:
property PaginationToken.inputOutlineOffset: number - added:
property PaginationToken.paginationEllipsisLetterSpacing: number | string - added:
property PaginationToken.paginationEllipsisTextIndent: string - added:
property PaginationToken.paginationItemPaddingInline: number | string - added:
property PaginationToken.paginationMiniOptionsMarginInlineStart: number | string - added:
property PaginationToken.paginationMiniQuickJumperInputWidth: number | string - added:
property PaginationToken.paginationSlashMarginInlineEnd: number - added:
property PaginationToken.paginationSlashMarginInlineStart: number - added:
property PaginationToken.quickJumperInputWidth: number | string
- added:
default function useShowSizeChanger(showSizeChanger?: PaginationProps['showSizeChanger']): [show: boolean | undefined, selectProps: SelectProps<any, import('rc-select/lib/Select').DefaultOptionType> | undefined]
- changed:
interface OverlayProps extends Pick<PopconfirmProps, 'icon' | 'okButtonProps' | 'cancelButtonProps' | 'cancelText' | 'okText' | 'okType' | 'showCancel' | 'title'> → interface OverlayProps extends Pick<PopconfirmProps, 'icon' | 'okButtonProps' | 'cancelButtonProps' | 'cancelText' | 'okText' | 'okType' | 'showCancel' | 'title' | 'description' | 'onPopupClick'> - changed:
property OverlayProps.close?: Function → property OverlayProps.close?: (...args: any[]) => void - changed:
property OverlayProps.onCancel?: React.MouseEventHandler<HTMLButtonElement> → property OverlayProps.onCancel?: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement> - changed:
property OverlayProps.onConfirm?: React.MouseEventHandler<HTMLButtonElement> → property OverlayProps.onConfirm?: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement> - added:
const PurePanel: React.FC<PurePanelProps> - added:
default PurePanel - added:
interface PurePanelProps extends Omit<OverlayProps, 'prefixCls'>, Pick<PopconfirmProps, 'placement'> - added:
property PurePanelProps.className?: string - added:
property PurePanelProps.prefixCls?: string - added:
property PurePanelProps.style?: React.CSSProperties
- removed:
property PopconfirmProps.onVisibleChange?: (visible: boolean, e?: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLDivElement>) => void - changed:
const Popconfirm: React.ForwardRefExoticComponent<PopconfirmProps & React.RefAttributes<unknown>> → const Popconfirm: CompoundedComponent - added:
property PopconfirmProps.description?: React.ReactNode | RenderFunction - added:
property PopconfirmProps.onPopupClick?: (e: React.MouseEvent<HTMLElement>) => void
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const prepareComponentToken: GetDefaultToken<'Popconfirm'> - added:
default _default - added:
interface ComponentToken - added:
interface PopconfirmToken extends FullToken<'Popconfirm'> - added:
property ComponentToken.zIndexPopup: number
- added:
const Overlay: React.FC<OverlayProps> - added:
const PurePanel: React.FC<PurePanelProps> - added:
const RawPurePanel: React.FC<RawPurePanelProps> - added:
default PurePanel - added:
interface PurePanelProps extends Omit<PopoverProps, 'children'> - added:
property PurePanelProps.children?: React.ReactNode
- changed:
const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<unknown>> → const Popover: CompoundedComponent - added:
property PopoverProps.onOpenChange?: (open: boolean, e?: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLDivElement>) => void
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const prepareComponentToken: GetDefaultToken<'Popover'> - added:
default _default - added:
interface ComponentToken extends ArrowToken, ArrowOffsetToken - added:
property ComponentToken.minWidth?: number | string - added:
property ComponentToken.titleMinWidth: number | string - added:
property ComponentToken.width?: number | string - added:
property ComponentToken.zIndexPopup: number - added:
type PopoverToken = FullToken<'Popover'> & { popoverBg: string; popoverColor: string }
- added:
interface CircleProps extends ProgressProps - added:
property CircleProps.children: React.ReactNode - added:
property CircleProps.prefixCls: string - added:
property CircleProps.progressStatus: string - added:
property CircleProps.strokeColor?: string | ProgressGradient
- changed:
const handleGradient: (strokeColor: ProgressGradient, directionConfig?: DirectionType) => { backgroundImage: string } → const handleGradient: (strokeColor: ProgressGradient, directionConfig?: DirectionType) => React.CSSProperties
- added:
export { ProgressAriaProps } from './progress'
- changed:
const Progress: React.FC<ProgressProps> → const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>> - changed:
interface ProgressProps → interface ProgressProps extends ProgressAriaProps - changed:
property ProgressProps.size?: ProgressSize → property ProgressProps.size?: number | [number | string, number] | ProgressSize | { width?: number; height?: number } - changed:
property ProgressProps.status?: typeof ProgressStatuses[number] → property ProgressProps.status?: (typeof ProgressStatuses)[number] - changed:
property ProgressProps.steps?: number → property ProgressProps.steps?: number | { count: number; gap: number } - changed:
type ProgressType = typeof ProgressTypes[number] → type ProgressType = (typeof ProgressTypes)[number] - changed:
type StringGradients = { [percentage: string]: string } → type StringGradients = Record<string, string> - added:
const ProgressTypes: readonly ['line', 'circle', 'dashboard'] - added:
interface PercentPositionType - added:
property PercentPositionType.align?: 'start' | 'center' | 'end' - added:
property PercentPositionType.type?: 'inner' | 'outer' - added:
property ProgressProps.percentPosition?: PercentPositionType - added:
property ProgressProps.rootClassName?: string - added:
property ProgressProps.rounding?: (step: number) => number - added:
type ProgressAriaProps = Pick<React.AriaAttributes, 'aria-label' | 'aria-labelledby'>
- added:
const LineStrokeColorVar = '--progress-line-stroke-color' - added:
const Percent = '--progress-percent' - added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const prepareComponentToken: GetDefaultToken<'Progress'> - added:
default _default - added:
interface ComponentToken - added:
property ComponentToken.circleIconFontSize: string - added:
property ComponentToken.circleTextColor: string - added:
property ComponentToken.circleTextFontSize: string - added:
property ComponentToken.defaultColor: string - added:
property ComponentToken.lineBorderRadius: number - added:
property ComponentToken.remainingColor: string
- changed:
function getSuccessPercent({ success, successPercent }: { success?: { progress?: number; percent?: number }; successPercent?: number }): number | undefined → function getSuccessPercent({ success, successPercent }: ProgressProps): number | undefined - changed:
function validProgress(progress: number | undefined): number → function validProgress(progress?: number): number - added:
const getPercentage: ({ percent, success, successPercent }: ProgressProps) => number[] - added:
const getSize: (size: ProgressProps['size'], type: ProgressProps['type'] | 'step', extra?: { steps?: number; strokeWidth?: number }) => [number, number] - added:
const getStrokeColor: ({ success, strokeColor }: Partial<CircleProps>) => (string | Record<PropertyKey, string>)[]
- added:
default function QRcodeStatus({ prefixCls, locale, onRefresh, statusRender, status }: QRcodeStatusProps): React.ReactNode - added:
type QRcodeStatusProps = { prefixCls: string; locale?: Locale['QRCode']; onRefresh?: QRCodeProps['onRefresh']; statusRender?: QRCodeProps['statusRender']; status: StatusRenderInfo['sta…
- added:
const QRCode: React.FC<QRCodeProps> - added:
default QRCode
- added:
export { QRProps } - added:
interface QRCodeProps extends QRProps, React.HTMLAttributes<HTMLDivElement> - added:
property QRCodeProps.bordered?: boolean - added:
property QRCodeProps.className?: string - added:
property QRCodeProps.errorLevel?: 'L' | 'M' | 'Q' | 'H' - added:
property QRCodeProps.icon?: string - added:
property QRCodeProps.iconSize?: number | { width: number; height: number } - added:
property QRCodeProps.onRefresh?: () => void - added:
property QRCodeProps.prefixCls?: string - added:
property QRCodeProps.rootClassName?: string - added:
property QRCodeProps.status?: QRStatus - added:
property QRCodeProps.statusRender?: (info: StatusRenderInfo) => ReactNode - added:
property QRCodeProps.type?: 'canvas' | 'svg' - added:
type ImageSettings = QRProps['imageSettings'] - added:
type QRPropsCanvas = QRProps & React.CanvasHTMLAttributes<HTMLCanvasElement> - added:
type QRPropsSvg = QRProps & React.SVGAttributes<SVGSVGElement> - added:
type QRStatus = 'active' | 'expired' | 'loading' | 'scanned' - added:
type StatusRenderInfo = { status: Exclude<QRStatus, 'active'>; locale: Locale['QRCode']; onRefresh?: () => void }
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const prepareComponentToken: GetDefaultToken<'QRCode'> - added:
default _default - added:
interface ComponentToken
- added:
default QRCode
- added:
export * from '../qr-code/interface'
- added:
export * from '../../qr-code/style'
- changed:
const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>> → const _default: React.NamedExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>
- added:
export { RadioRef } from './interface'
- removed:
type RadioProps = AbstractCheckboxProps<RadioChangeEvent> - changed:
property RadioGroupProps.disabled?: DisabledType → property RadioGroupProps.disabled?: boolean - added:
export { CheckboxRef as RadioRef } from 'rc-checkbox' - added:
interface RadioProps extends AbstractCheckboxProps<RadioChangeEvent> - added:
property RadioGroupContextProps.block?: boolean - added:
property RadioGroupProps.block?: boolean
- changed:
const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<unknown>> → const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<RadioRef>>
- changed:
const _default: React.ForwardRefExoticComponent<RadioButtonProps & React.RefAttributes<any>> → const _default: React.ForwardRefExoticComponent<RadioButtonProps & React.RefAttributes<RadioRef>>
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const prepareComponentToken: GetDefaultToken<'Radio'> - added:
default _default - added:
interface ComponentToken - added:
property ComponentToken.buttonBg: string - added:
property ComponentToken.buttonCheckedBg: string - added:
property ComponentToken.buttonCheckedBgDisabled: string - added:
property ComponentToken.buttonCheckedColorDisabled: string - added:
property ComponentToken.buttonColor: string - added:
property ComponentToken.buttonPaddingInline: number - added:
property ComponentToken.buttonSolidCheckedActiveBg: string - added:
property ComponentToken.buttonSolidCheckedBg: string - added:
property ComponentToken.buttonSolidCheckedColor: string - added:
property ComponentToken.buttonSolidCheckedHoverBg: string - added:
property ComponentToken.dotColorDisabled: string - added:
property ComponentToken.dotSize: number - added:
property ComponentToken.radioSize: number - added:
property ComponentToken.wrapperMarginInlineEnd: number
- changed:
const Rate: React.ForwardRefExoticComponent<RateProps & React.RefAttributes<unknown>> → const Rate: React.ForwardRefExoticComponent<RateProps & React.RefAttributes<RateRef>> - added:
property RateProps.rootClassName?: string
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const prepareComponentToken: GetDefaultToken<'Rate'> - added:
default _default - added:
interface ComponentToken - added:
property ComponentToken.starBg: string - added:
property ComponentToken.starColor: string - added:
property ComponentToken.starHoverScale: CSSObject['transform'] - added:
property ComponentToken.starSize: number
- changed:
const ExceptionMap: { '404': () => React.JSX.Element; '500': () => React.JSX.Element; '403': () => React.JSX.Element } → const ExceptionMap: { '404': React.FC<{}>; '500': React.FC<{}>; '403': React.FC<{}> } - added:
property ResultProps.rootClassName?: string
- changed:
const NoFound: () => React.JSX.Element → const NoFound: React.FC
- changed:
const ServerError: () => React.JSX.Element → const ServerError: React.FC
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const prepareComponentToken: GetDefaultToken<'Result'> - added:
default _default - added:
interface ComponentToken - added:
property ComponentToken.extraMargin: CSSProperties['margin'] - added:
property ComponentToken.iconFontSize: number - added:
property ComponentToken.subtitleFontSize: number - added:
property ComponentToken.titleFontSize: number
- changed:
const Unauthorized: () => React.JSX.Element → const Unauthorized: React.FC
- added:
const _default: {} - added:
default _default
- changed:
const Segmented: React.ForwardRefExoticComponent<Omit<SegmentedProps, 'ref'> & React.RefAttributes<HTMLDivElement>> → const Segmented: (<ValueType>(props: SegmentedProps<ValueType> & React.RefAttributes<HTMLDivElement>) => ReturnType<typeof InternalSegmented>) & Pick<React.FC, 'displayName'> - changed:
interface SegmentedProps extends Omit<RCSegmentedProps, 'size' | 'options'> → interface SegmentedProps<ValueType = RcSegmentedValue> extends Omit<RCSegmentedProps<ValueType>, 'size' | 'options'> - changed:
property SegmentedProps.options: (SegmentedRawOption | SegmentedLabeledOption)[] → property SegmentedProps.options: SegmentedOptions<ValueType> - changed:
type SegmentedLabeledOption = SegmentedLabeledOptionWithIcon | SegmentedLabeledOptionWithoutIcon → type SegmentedLabeledOption<ValueType = RcSegmentedValue> = SegmentedLabeledOptionWithIcon<ValueType> | SegmentedLabeledOptionWithoutIcon<ValueType> - added:
property SegmentedProps.rootClassName?: string - added:
property SegmentedProps.shape?: 'default' | 'round' - added:
property SegmentedProps.vertical?: boolean - added:
type SegmentedOptions<T = SegmentedRawOption> = (T | SegmentedLabeledOption<T>)[]
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const prepareComponentToken: GetDefaultToken<'Segmented'> - added:
default _default - added:
interface ComponentToken - added:
property ComponentToken.itemActiveBg: string - added:
property ComponentToken.itemColor: string - added:
property ComponentToken.itemHoverBg: string - added:
property ComponentToken.itemHoverColor: string - added:
property ComponentToken.itemSelectedBg: string - added:
property ComponentToken.itemSelectedColor: string - added:
property ComponentToken.trackBg: string - added:
property ComponentToken.trackPadding: string | number
- changed:
const Select: (<ValueType = any, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType>(props: SelectProps<ValueType, OptionType> & { children?: React.Re… → const Select: (<ValueType = any, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType>(props: React.PropsWithChildren<SelectProps<ValueType, OptionType>… - changed:
interface SelectProps<ValueType = any, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType> extends Omit<InternalSelectProps<ValueType, OptionType>, 'inputIcon' | 'mode' | 'getInputElement' | 'getRawInputElement' | 'backfill' | 'placement'> → interface SelectProps<ValueType = any, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType> extends Omit<InternalSelectProps<ValueType, OptionType>, 'mode' | 'getInputElement' | 'getRawInputElement' | 'backfill' | 'placement'> - changed:
property InternalSelectProps.mode?: 'multiple' | 'tags' | 'SECRET_COMBOBOX_MODE_DO_NOT_USE' → property InternalSelectProps.mode?: 'multiple' | 'tags' | 'SECRET_COMBOBOX_MODE_DO_NOT_USE' | 'combobox' - added:
property InternalSelectProps.classNames?: Partial<Record<SemanticName, string>> & { popup?: Partial<Record<PopupSemantic, string>> } - added:
property InternalSelectProps.prefix?: React.ReactNode - added:
property InternalSelectProps.rootClassName?: string - added:
property InternalSelectProps.showArrow?: boolean - added:
property InternalSelectProps.styles?: Partial<Record<SemanticName, React.CSSProperties>> & { popup?: Partial<Record<PopupSemantic, React.CSSProperties>> } - added:
property InternalSelectProps.variant?: Variant - added:
property SelectProps.dropdownMatchSelectWidth?: boolean | number - added:
property SelectProps.dropdownRender?: (menu: React.ReactElement) => React.ReactElement - added:
property SelectProps.dropdownStyle?: React.CSSProperties - added:
property SelectProps.onDropdownVisibleChange?: (visible: boolean) => void - added:
property SelectProps.onOpenChange?: (visible: boolean) => void - added:
property SelectProps.popupMatchSelectWidth?: boolean | number - added:
property SelectProps.popupRender?: (menu: React.ReactElement) => React.ReactElement
- added:
default mergedBuiltinPlacements - added:
function mergedBuiltinPlacements(buildInPlacements?: BuildInPlacements, popupOverflow?: PopupOverflow): BuildInPlacements
- added:
const genSingleStyle: GenerateStyle<SelectToken> - added:
default genSingleStyle
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
default _default - added:
export { ComponentToken }
- added:
const genMultipleStyle: (token: SelectToken) => CSSInterpolation - added:
const genOverflowStyle: (token: Pick<SelectToken, 'calc' | 'componentCls' | 'iconCls' | 'borderRadiusSM' | 'motionDurationSlow' | 'paddingXS' | 'multipleItemColorDisabled' | 'multiple… - added:
const getMultipleSelectorUnit: (token: Pick<SelectToken, 'max' | 'calc' | 'multipleSelectItemHeight' | 'paddingXXS' | 'lineWidth' | 'INTERNAL_FIXED_ITEM_MARGIN'>) => { basePadding: string |… - added:
default genMultipleStyle
- added:
default function genSingleStyle(token: SelectToken): CSSInterpolation
- added:
const prepareComponentToken: GetDefaultToken<'Select'> - added:
interface ComponentToken extends MultipleSelectorToken - added:
interface MultipleSelectorToken - added:
interface SelectToken extends FullToken<'Select'>, SelectorToken - added:
interface SelectorToken - added:
property ComponentToken.activeBorderColor: string - added:
property ComponentToken.activeOutlineColor: string - added:
property ComponentToken.clearBg: string - added:
property ComponentToken.hoverBorderColor: string - added:
property ComponentToken.optionActiveBg: string - added:
property ComponentToken.optionFontSize: number - added:
property ComponentToken.optionHeight: number - added:
property ComponentToken.optionLineHeight: CSSProperties['lineHeight'] - added:
property ComponentToken.optionPadding: CSSProperties['padding'] - added:
property ComponentToken.optionSelectedBg: string - added:
property ComponentToken.optionSelectedColor: string - added:
property ComponentToken.optionSelectedFontWeight: CSSProperties['fontWeight'] - added:
property ComponentToken.selectorBg: string - added:
property ComponentToken.showArrowPaddingInlineEnd: number - added:
property ComponentToken.singleItemHeightLG: number - added:
property ComponentToken.zIndexPopup: number - added:
property MultipleSelectorToken.multipleItemBg: string - added:
property MultipleSelectorToken.multipleItemBorderColor: string - added:
property MultipleSelectorToken.multipleItemBorderColorDisabled: string - added:
property MultipleSelectorToken.multipleItemColorDisabled: string - added:
property MultipleSelectorToken.multipleItemHeight: number - added:
property MultipleSelectorToken.multipleItemHeightLG: number - added:
property MultipleSelectorToken.multipleItemHeightSM: number - added:
property MultipleSelectorToken.multipleSelectorBgDisabled: string - added:
property SelectToken.INTERNAL_FIXED_ITEM_MARGIN: number - added:
property SelectToken.rootPrefixCls: string - added:
property SelectorToken.inputPaddingHorizontalBase: number | string - added:
property SelectorToken.multipleSelectItemHeight: number - added:
property SelectorToken.selectAffixPadding: number | string - added:
property SelectorToken.selectHeight: number
- added:
const genVariantsStyle: (token: SelectToken) => CSSObject - added:
default genVariantsStyle
- added:
default function useIcons({ suffixIcon, clearIcon, menuItemSelectedIcon, removeIcon, loading, multiple, hasFeedback, prefixCls, showSuffixIcon, feedbackIcon, showArrow, componentName }: { suffixIcon?: React.ReactNode; clearIcon?: RenderNode; menuItemSelectedIcon?: RenderNode; removeIcon?: RenderNode; loading?: boolean; multiple?: boolean; hasFeedback?: boolean; feedbackIcon?: ReactNode; prefixCls: string…
- added:
default usePopupRender - added:
function usePopupRender<T extends [React.ReactElement, ...any[]]>(renderFn?: RenderFunction<T>): ((...args: T) => React.ReactElement) | undefined
- added:
default function useShowArrow(suffixIcon?: ReactNode, showArrow?: boolean): boolean
- removed:
default function getIcons({ suffixIcon, clearIcon, menuItemSelectedIcon, removeIcon, loading, multiple, hasFeedback, prefixCls, showArrow, feedbackIcon }: { suffixIcon?: React.ReactNode; clearIcon?: RenderNode; menuItemSelectedIcon?: RenderNode; removeIcon?: RenderNode; loading?: boolean; multiple?: boolean; hasFeedback?: boolean; feedbackIcon?: ReactNode; prefixCls: string; showArrow?: boolean }): { cle…
- added:
property SkeletonElementProps.rootClassName?: string
- added:
property SkeletonProps.rootClassName?: string
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const prepareComponentToken: GetDefaultToken<'Skeleton'> - added:
default _default - added:
interface ComponentToken - added:
property ComponentToken.blockRadius: number - added:
property ComponentToken.color: string - added:
property ComponentToken.colorGradientEnd: string - added:
property ComponentToken.gradientFromColor: string - added:
property ComponentToken.gradientToColor: string - added:
property ComponentToken.paragraphLiHeight: number - added:
property ComponentToken.paragraphMarginTop: number - added:
property ComponentToken.titleHeight: number | string
- added:
const SliderInternalContext: import('react').Context<SliderInternalContextProps> - added:
default SliderInternalContext - added:
interface SliderInternalContextProps - added:
property SliderInternalContextProps.direction?: DirectionType - added:
property SliderInternalContextProps.handleRender?: RcSliderProps['handleRender']
- changed:
const SliderTooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<unknown>> → const SliderTooltip: React.ForwardRefExoticComponent<SliderTooltipProps & React.RefAttributes<SliderRef>> - added:
type SliderTooltipProps = TooltipProps & { draggingDelete?: boolean; value?: number }
- changed:
const Slider: React.ForwardRefExoticComponent<(SliderSingleProps | SliderRangeProps) & React.RefAttributes<unknown>> → const Slider: React.ForwardRefExoticComponent<(SliderSingleProps | SliderRangeProps) & React.RefAttributes<SliderRef>> - changed:
interface SliderTooltipProps → interface SliderTooltipProps extends AbstractTooltipProps - changed:
property SliderBaseProps.tipFormatter?: null | ((value?: number) => React.ReactNode) → property SliderBaseProps.tipFormatter?: Formatter - changed:
property SliderRangeProps.defaultValue?: [number, number] → property SliderRangeProps.defaultValue?: number[] - changed:
property SliderRangeProps.onAfterChange?: (value: [number, number]) => void → property SliderRangeProps.onAfterChange?: (value: number[]) => void - changed:
property SliderRangeProps.onChange?: (value: [number, number]) => void → property SliderRangeProps.onChange?: (value: number[]) => void - changed:
property SliderRangeProps.value?: [number, number] → property SliderRangeProps.value?: number[] - changed:
property SliderTooltipProps.formatter?: null | ((value?: number) => React.ReactNode) → property SliderTooltipProps.formatter?: Formatter - added:
interface SliderProps extends RcSliderProps - added:
property SliderBaseProps.ariaLabelForHandle?: SliderProps['ariaLabelForHandle'] - added:
property SliderBaseProps.ariaLabelledByForHandle?: SliderProps['ariaLabelledByForHandle'] - added:
property SliderBaseProps.ariaRequired?: SliderProps['ariaRequired'] - added:
property SliderBaseProps.ariaValueTextFormatterForHandle?: SliderProps['ariaValueTextFormatterForHandle'] - added:
property SliderBaseProps.classNames?: SliderProps['classNames'] - added:
property SliderBaseProps.keyboard?: boolean - added:
property SliderBaseProps.onBlur?: React.FocusEventHandler<HTMLDivElement> - added:
property SliderBaseProps.onFocus?: React.FocusEventHandler<HTMLDivElement> - added:
property SliderBaseProps.rootClassName?: string - added:
property SliderBaseProps.styles?: SliderProps['styles'] - added:
property SliderBaseProps.tabIndex?: SliderProps['tabIndex'] - added:
property SliderProps.classNames?: SliderClassNames - added:
property SliderProps.styles?: SliderStyles - added:
property SliderRangeProps.onChangeComplete?: (value: number[]) => void - added:
property SliderSingleProps.onChangeComplete?: (value: number) => void - added:
property SliderTooltipProps.autoAdjustOverflow?: boolean - added:
type Formatter = ((value?: number) => React.ReactNode) | null - added:
type SemanticName = 'root' | 'tracks' | 'track' | 'rail' | 'handle' - added:
type SliderClassNames = Partial<Record<SemanticName, string>> - added:
type SliderStyles = Partial<Record<SemanticName, React.CSSProperties>>
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const prepareComponentToken: GetDefaultToken<'Slider'> - added:
default _default - added:
interface ComponentToken - added:
property ComponentToken.controlSize: number - added:
property ComponentToken.dotActiveBorderColor: string - added:
property ComponentToken.dotBorderColor: string - added:
property ComponentToken.dotSize: number - added:
property ComponentToken.handleActiveColor: string - added:
property ComponentToken.handleActiveOutlineColor: string - added:
property ComponentToken.handleColor: string - added:
property ComponentToken.handleColorDisabled: string - added:
property ComponentToken.handleLineWidth: number | string - added:
property ComponentToken.handleLineWidthHover: number | string - added:
property ComponentToken.handleSize: number - added:
property ComponentToken.handleSizeHover: number - added:
property ComponentToken.railBg: string - added:
property ComponentToken.railHoverBg: string - added:
property ComponentToken.railSize: number - added:
property ComponentToken.trackBg: string - added:
property ComponentToken.trackBgDisabled: string - added:
property ComponentToken.trackHoverBg: string
- added:
default function useRafLock(): [state: boolean, setState: (nextState: boolean) => void]
- added:
const SpaceAddon: React.ForwardRefExoticComponent<SpaceCompactCellProps & React.RefAttributes<HTMLDivElement>> - added:
default SpaceAddon - added:
interface SpaceCompactCellProps extends React.HTMLAttributes<HTMLDivElement> - added:
property SpaceCompactCellProps.children: React.ReactNode - added:
property SpaceCompactCellProps.prefixCls?: string
- changed:
const NoCompactStyle: React.FC<React.PropsWithChildren<{}>> → const NoCompactStyle: React.FC<Readonly<React.PropsWithChildren>> - added:
property SpaceCompactProps.rootClassName?: string
- removed:
default function Item({ className, direction, index, marginDirection, children, split, wrap }: ItemProps): React.JSX.Element | null - removed:
property ItemProps.direction?: 'horizontal' | 'vertical' - removed:
property ItemProps.marginDirection: 'marginLeft' | 'marginRight' - removed:
property ItemProps.wrap?: boolean - changed:
property ItemProps.split?: string | React.ReactNode → property ItemProps.split?: React.ReactNode - added:
const Item: React.FC<ItemProps> - added:
default Item - added:
property ItemProps.style?: React.CSSProperties
- added:
const SpaceContext: React.Context<SpaceContextType> - added:
const SpaceContextProvider: React.Provider<SpaceContextType> - added:
interface SpaceContextType - added:
property SpaceContextType.latestIndex: number
- removed:
const CompoundedSpace: CompoundedComponent - removed:
const SpaceContext: React.Context<{ latestIndex: number; horizontalSize: number; verticalSize: number; supportFlexGap: boolean }> - removed:
default CompoundedSpace - added:
const Space: CompoundedComponent - added:
default Space - added:
export { SpaceContext } from './context' - added:
property SpaceProps.classNames?: { item: string } - added:
property SpaceProps.rootClassName?: string - added:
property SpaceProps.styles?: { item: React.CSSProperties }
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
default _default - added:
interface ComponentToken
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
default _default - added:
interface ComponentToken
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const prepareComponentToken: GetDefaultToken<'Space'> - added:
default _default - added:
interface ComponentToken
- added:
default function Looper(props: IndicatorProps): React.JSX.Element - added:
interface IndicatorProps - added:
property IndicatorProps.percent?: number - added:
property IndicatorProps.prefixCls: string
- added:
const Progress: React.FC<Readonly<ProgressProps>> - added:
default Progress - added:
interface ProgressProps - added:
property ProgressProps.percent: number - added:
property ProgressProps.prefixCls: string
- added:
default function Indicator(props: IndicatorProps): React.JSX.Element - added:
interface IndicatorProps - added:
property IndicatorProps.indicator?: React.ReactNode - added:
property IndicatorProps.percent?: number - added:
property IndicatorProps.prefixCls: string
- removed:
const SpinFC: SpinFCType - removed:
default SpinFC - removed:
interface SpinClassProps extends SpinProps - removed:
property SpinClassProps.spinPrefixCls: string - removed:
type SpinFCType = React.FC<SpinProps> & { setDefaultIndicator: (indicator: React.ReactNode) => void } - changed:
type SpinSize = typeof SpinSizes[number] → type SpinSize = (typeof _SpinSizes)[number] - added:
const Spin: SpinType - added:
default Spin - added:
property SpinProps.fullscreen?: boolean - added:
property SpinProps.percent?: number | 'auto' - added:
property SpinProps.rootClassName?: string - added:
type SpinType = React.FC<SpinProps> & { setDefaultIndicator: (indicator: React.ReactNode) => void }
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const prepareComponentToken: GetDefaultToken<'Spin'> - added:
default _default - added:
interface ComponentToken - added:
property ComponentToken.contentHeight: number | string - added:
property ComponentToken.dotSize: number - added:
property ComponentToken.dotSizeLG: number - added:
property ComponentToken.dotSizeSM: number
- added:
default function usePercent(spinning: boolean, percent?: number | 'auto'): number | undefined
- added:
const InternalPanel: React.ForwardRefExoticComponent<InternalPanelProps & { children?: React.ReactNode | undefined } & React.RefAttributes<HTMLDivElement>> - added:
const Panel: React.FC<React.PropsWithChildren<PanelProps>> - added:
default Panel
- added:
const SplitBar: React.FC<SplitBarProps> - added:
default SplitBar - added:
interface SplitBarProps - added:
property SplitBarProps.active: boolean - added:
property SplitBarProps.ariaMax: number - added:
property SplitBarProps.ariaMin: number - added:
property SplitBarProps.ariaNow: number - added:
property SplitBarProps.containerSize: number - added:
property SplitBarProps.endCollapsible: boolean - added:
property SplitBarProps.index: number - added:
property SplitBarProps.lazy?: boolean - added:
property SplitBarProps.onCollapse: (index: number, type: 'start' | 'end') => void - added:
property SplitBarProps.onOffsetEnd: (lazyEnd?: boolean) => void - added:
property SplitBarProps.onOffsetStart: (index: number) => void - added:
property SplitBarProps.onOffsetUpdate: (index: number, offsetX: number, offsetY: number, lazyEnd?: boolean) => void - added:
property SplitBarProps.prefixCls: string - added:
property SplitBarProps.resizable: boolean - added:
property SplitBarProps.showEndCollapsibleIcon: ShowCollapsibleIconMode - added:
property SplitBarProps.showStartCollapsibleIcon: ShowCollapsibleIconMode - added:
property SplitBarProps.startCollapsible: boolean - added:
property SplitBarProps.vertical: boolean - added:
type ShowCollapsibleIconMode = boolean | 'auto'
- added:
const Splitter: React.FC<React.PropsWithChildren<SplitterProps>> - added:
default Splitter
- added:
function autoPtgSizes(ptgSizes: SizeUnit[], minPtgSizes: SizeUnit[], maxPtgSizes: SizeUnit[]): number[]
- added:
default useItems - added:
function useItems(children: React.ReactNode): ItemType[] - added:
type ItemType = Omit<PanelProps, 'collapsible'> & { collapsible: { start?: boolean; end?: boolean; showCollapsibleIcon: 'auto' | boolean } }
- added:
default function useResizable(items: ItemType[], pxSizes: number[], isRTL: boolean): ResizableInfo[] - added:
type ResizableInfo = { resizable: boolean; startCollapsible: boolean; endCollapsible: boolean; showStartCollapsibleIcon: ShowCollapsibleIconMode; showEndCollapsibleIcon: ShowCollap…
- added:
default function useResize(items: ItemType[], resizableInfos: ResizableInfo[], percentSizes: number[], containerSize: number | undefined, updateSizes: (sizes: number[]) => void, isRTL: boolean): readonly [(index: number) => void, (index: number, offset: number) => number[], () => void, (index: number, type: 'start' | 'end') => number[], number | undefined]
- added:
default function useSizes(items: PanelProps[], containerSize?: number): readonly [(string | number | undefined)[], number[], number[], number[], number[], React.Dispatch<React.SetStateAction<(string | number | undefined)[]>>] - added:
function getPtg(str: string): number
- added:
const Splitter: CompoundedComponent - added:
default Splitter - added:
export { SplitterProps } from './interface'
- added:
interface InternalPanelProps extends PanelProps - added:
interface PanelProps - added:
interface SplitterProps - added:
interface UseCollapsible - added:
interface UseCollapsibleProps - added:
interface UseHandle - added:
interface UseHandleProps extends Pick<SplitterProps, 'layout' | 'onResizeStart' | 'onResizeEnd'> - added:
interface UseResize - added:
interface UseResizeProps extends Pick<SplitterProps, 'onResize'> - added:
property InternalPanelProps.className?: string - added:
property InternalPanelProps.prefixCls?: string - added:
property PanelProps.className?: string - added:
property PanelProps.collapsible?: boolean | { start?: boolean; end?: boolean; showCollapsibleIcon?: ShowCollapsibleIconMode } - added:
property PanelProps.defaultSize?: number | string - added:
property PanelProps.max?: number | string - added:
property PanelProps.min?: number | string - added:
property PanelProps.resizable?: boolean - added:
property PanelProps.size?: number | string - added:
property PanelProps.style?: React.CSSProperties - added:
property SplitterProps.className?: string - added:
property SplitterProps.layout?: 'horizontal' | 'vertical' - added:
property SplitterProps.lazy?: boolean - added:
property SplitterProps.onCollapse?: (collapsed: boolean[], sizes: number[]) => void - added:
property SplitterProps.onResize?: (sizes: number[]) => void - added:
property SplitterProps.onResizeEnd?: (sizes: number[]) => void - added:
property SplitterProps.onResizeStart?: (sizes: number[]) => void - added:
property SplitterProps.prefixCls?: string - added:
property SplitterProps.rootClassName?: string - added:
property SplitterProps.style?: React.CSSProperties - added:
property UseCollapsible.nextIcon: boolean - added:
property UseCollapsible.onFold: (type: 'previous' | 'next') => void - added:
property UseCollapsible.overlap: boolean - added:
property UseCollapsible.previousIcon: boolean - added:
property UseCollapsible.setOldBasics: () => void - added:
property UseCollapsibleProps.basicsState: number[] - added:
property UseCollapsibleProps.collapsible?: PanelProps['collapsible'] - added:
property UseCollapsibleProps.index: number - added:
property UseCollapsibleProps.reverse: boolean - added:
property UseCollapsibleProps.setSize?: UseResize['setSize'] - added:
property UseHandle.onStart: (x: number, y: number, index: number) => void - added:
property UseHandleProps.basicsState: number[] - added:
property UseHandleProps.containerRef?: React.RefObject<HTMLDivElement | null> - added:
property UseHandleProps.setOffset: UseResize['setOffset'] - added:
property UseHandleProps.setResizing: React.Dispatch<React.SetStateAction<boolean>> - added:
property UseResize.setOffset: (offset: number, containerSize: number, index: number) => void - added:
property UseResize.setSize: (data: { size: number; index: number }[]) => void - added:
property UseResizeProps.basicsState: number[] - added:
property UseResizeProps.items: PanelProps[] - added:
property UseResizeProps.panelsRef: React.RefObject<(HTMLDivElement | null)[]> - added:
property UseResizeProps.reverse: boolean - added:
property UseResizeProps.setBasicsState: React.Dispatch<React.SetStateAction<number[]>>
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const prepareComponentToken: GetDefaultToken<'Splitter'> - added:
default _default - added:
interface ComponentToken - added:
property ComponentToken.resizeSpinnerSize: number - added:
property ComponentToken.splitBarDraggableSize: number - added:
property ComponentToken.splitBarSize: number - added:
property ComponentToken.splitTriggerSize: number
- removed:
property CountdownProps.value?: countdownValueType - changed:
property CountdownProps.onChange?: (value?: countdownValueType) => void → property CountdownProps.onChange?: (value?: valueType) => void
- removed:
const WrapperStatistic: React.FC<StatisticProps> & CompoundedComponent - removed:
default WrapperStatistic - removed:
interface StatisticProps extends FormatConfig - removed:
property StatisticProps.className?: string - removed:
property StatisticProps.loading?: boolean - removed:
property StatisticProps.onMouseEnter?: React.MouseEventHandler<HTMLDivElement> - removed:
property StatisticProps.onMouseLeave?: React.MouseEventHandler<HTMLDivElement> - removed:
property StatisticProps.prefix?: React.ReactNode - removed:
property StatisticProps.prefixCls?: string - removed:
property StatisticProps.style?: React.CSSProperties - removed:
property StatisticProps.suffix?: React.ReactNode - removed:
property StatisticProps.title?: React.ReactNode - removed:
property StatisticProps.value?: valueType - removed:
property StatisticProps.valueRender?: (node: React.ReactNode) => React.ReactNode - removed:
property StatisticProps.valueStyle?: React.CSSProperties - added:
const Statistic: React.ForwardRefExoticComponent<React.AriaAttributes & { [key: `data-${string}`]: unknown } & Pick<React.HTMLAttributes<HTMLDivElement>, 'role'> & StatisticRea… - added:
default Statistic - added:
interface StatisticRef - added:
property StatisticRef.nativeElement: HTMLDivElement - added:
type StatisticProps = HTMLAriaDataAttributes & StatisticReactProps
- added:
const StatisticTimer: React.FC<StatisticTimerProps> - added:
default StatisticTimer - added:
interface StatisticTimerProps extends FormatConfig, StatisticProps - added:
property StatisticTimerProps.format?: string - added:
property StatisticTimerProps.onChange?: (value?: valueType) => void - added:
property StatisticTimerProps.onFinish?: () => void - added:
property StatisticTimerProps.type: TimerType - added:
type TimerType = 'countdown' | 'countup'
- removed:
default Statistic - added:
const _default: CompoundedStatistic - added:
default _default - added:
export { CountdownProps } - added:
export { StatisticTimerProps } - added:
type CompoundedStatistic = typeof Statistic & CompoundedComponent
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const prepareComponentToken: GetDefaultToken<'Statistic'> - added:
default _default - added:
interface ComponentToken - added:
property ComponentToken.contentFontSize: number - added:
property ComponentToken.titleFontSize: number
- removed:
function formatCountdown(value: countdownValueType, config: CountdownFormatConfig): string - removed:
property FormatConfig.prefixCls?: string - changed:
type countdownValueType = valueType | string → type countdownValueType = number | string - added:
function formatCounter(value: valueType, config: CountdownFormatConfig, down: boolean): string
- changed:
property StepsProps.type?: 'default' | 'navigation' → property StepsProps.type?: 'default' | 'navigation' | 'inline' - added:
property StepsProps.rootClassName?: string
- added:
const genStepsCustomIconStyle: GenerateStyle<StepsToken, CSSObject> - added:
default genStepsCustomIconStyle
- added:
const genHorizontalStyle: GenerateStyle<StepsToken, CSSObject> - added:
default genHorizontalStyle
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const prepareComponentToken: GetDefaultToken<'Steps'> - added:
default _default - added:
interface ComponentToken - added:
interface StepsToken extends FullToken<'Steps'> - added:
property ComponentToken.customIconFontSize: number - added:
property ComponentToken.customIconSize: number - added:
property ComponentToken.customIconTop: number - added:
property ComponentToken.descriptionMaxWidth: number - added:
property ComponentToken.dotCurrentSize: number - added:
property ComponentToken.dotSize: number - added:
property ComponentToken.iconFontSize: number - added:
property ComponentToken.iconSize: number - added:
property ComponentToken.iconSizeSM: number - added:
property ComponentToken.iconTop: number - added:
property ComponentToken.navArrowColor: string - added:
property ComponentToken.navContentMaxWidth: CSSProperties['maxWidth'] - added:
property ComponentToken.titleLineHeight: number | string - added:
property StepsToken.errorDescriptionColor: string - added:
property StepsToken.errorDotColor: string - added:
property StepsToken.errorIconBgColor: string - added:
property StepsToken.errorIconBorderColor: string - added:
property StepsToken.errorIconColor: string - added:
property StepsToken.errorTailColor: string - added:
property StepsToken.errorTitleColor: string - added:
property StepsToken.finishDescriptionColor: string - added:
property StepsToken.finishDotColor: string - added:
property StepsToken.finishIconColor: string - added:
property StepsToken.finishTailColor: string - added:
property StepsToken.finishTitleColor: string - added:
property StepsToken.inlineDotSize: number - added:
property StepsToken.inlineTailColor: string - added:
property StepsToken.inlineTitleColor: string - added:
property StepsToken.processDescriptionColor: string - added:
property StepsToken.processDotColor: string - added:
property StepsToken.processIconBgColor: string - added:
property StepsToken.processIconBorderColor: string - added:
property StepsToken.processIconColor: string - added:
property StepsToken.processTailColor: string - added:
property StepsToken.processTitleColor: string - added:
property StepsToken.stepsNavActiveColor: string - added:
property StepsToken.stepsProgressSize: number - added:
property StepsToken.waitDescriptionColor: string - added:
property StepsToken.waitDotColor: string - added:
property StepsToken.waitTailColor: string - added:
property StepsToken.waitTitleColor: string
- added:
const genStepsInlineStyle: GenerateStyle<StepsToken, CSSObject> - added:
default genStepsInlineStyle
- added:
const genStepsLabelPlacementStyle: GenerateStyle<StepsToken, CSSObject> - added:
default genStepsLabelPlacementStyle
- added:
const genStepsNavStyle: GenerateStyle<StepsToken, CSSObject> - added:
default genStepsNavStyle
- added:
const genStepsProgressStyle: GenerateStyle<StepsToken, CSSObject> - added:
default genStepsProgressStyle
- added:
const genStepsProgressDotStyle: GenerateStyle<StepsToken, CSSObject> - added:
default genStepsProgressDotStyle
- added:
const genStepsRTLStyle: GenerateStyle<StepsToken, CSSObject> - added:
default genStepsRTLStyle
- added:
const genStepsSmallStyle: GenerateStyle<StepsToken, CSSObject> - added:
default genStepsSmallStyle
- added:
const genStepsVerticalStyle: GenerateStyle<StepsToken, CSSObject> - added:
default genStepsVerticalStyle
- changed:
default function useLegacyItems(items?: StepProps[], children?: React.ReactNode): StepProps[] → function useLegacyItems(items?: StepProps[], children?: React.ReactNode): StepProps[] - added:
default useLegacyItems
- added:
function genCompactItemStyle<T extends OverrideComponent>(token: FullToken<T>, options?: CompactItemOptions): CSSInterpolation
- added:
function genCompactItemVerticalStyle<T extends OverrideComponent>(token: FullToken<T>): CSSInterpolation
- added:
const clearFix: () => CSSObject - added:
const genCommonStyle: (token: AliasToken, componentPrefixCls: string, rootCls?: string, resetFont?: boolean) => CSSObject - added:
const genFocusOutline: (token: AliasToken, offset?: number) => CSSObject - added:
const genFocusStyle: (token: AliasToken, offset?: number) => CSSObject - added:
const genIconStyle: (iconPrefixCls: string) => CSSObject - added:
const genLinkStyle: (token: AliasToken) => CSSObject - added:
const operationUnit: (token: AliasToken) => CSSObject - added:
const resetComponent: (token: AliasToken, needInheritFontFamily?: boolean) => CSSObject - added:
const resetIcon: () => CSSObject - added:
const textEllipsis: CSSObject
- added:
const genCollapseMotion: GenerateStyle<TokenWithCommonCls<AliasToken>> - added:
default genCollapseMotion
- added:
const fadeIn: Keyframes - added:
const fadeOut: Keyframes - added:
const initFadeMotion: (token: TokenWithCommonCls<AliasToken>, sameLevel?: boolean) => CSSInterpolation
- added:
export { fadeIn } - added:
export { fadeOut } - added:
export { genCollapseMotion } - added:
export { initFadeMotion } - added:
export { initMoveMotion } - added:
export { initSlideMotion } - added:
export { initZoomMotion } - added:
export { moveDownIn } - added:
export { moveDownOut } - added:
export { moveLeftIn } - added:
export { moveLeftOut } - added:
export { moveRightIn } - added:
export { moveRightOut } - added:
export { moveUpIn } - added:
export { moveUpOut } - added:
export { slideDownIn } - added:
export { slideDownOut } - added:
export { slideLeftIn } - added:
export { slideLeftOut } - added:
export { slideRightIn } - added:
export { slideRightOut } - added:
export { slideUpIn } - added:
export { slideUpOut } - added:
export { zoomBigIn } - added:
export { zoomBigOut } - added:
export { zoomDownIn } - added:
export { zoomDownOut } - added:
export { zoomIn } - added:
export { zoomLeftIn } - added:
export { zoomLeftOut } - added:
export { zoomOut } - added:
export { zoomRightIn } - added:
export { zoomRightOut } - added:
export { zoomUpIn } - added:
export { zoomUpOut }
- added:
const initMotion: (motionCls: string, inKeyframes: Keyframes, outKeyframes: Keyframes, duration: string, sameLevel?: boolean) => CSSObject
- added:
const initMoveMotion: (token: TokenWithCommonCls<AliasToken>, motionName: MoveMotionTypes) => CSSInterpolation - added:
const moveDownIn: Keyframes - added:
const moveDownOut: Keyframes - added:
const moveLeftIn: Keyframes - added:
const moveLeftOut: Keyframes - added:
const moveRightIn: Keyframes - added:
const moveRightOut: Keyframes - added:
const moveUpIn: Keyframes - added:
const moveUpOut: Keyframes
- added:
const initSlideMotion: (token: TokenWithCommonCls<AliasToken>, motionName: SlideMotionTypes) => CSSInterpolation - added:
const slideDownIn: Keyframes - added:
const slideDownOut: Keyframes - added:
const slideLeftIn: Keyframes - added:
const slideLeftOut: Keyframes - added:
const slideRightIn: Keyframes - added:
const slideRightOut: Keyframes - added:
const slideUpIn: Keyframes - added:
const slideUpOut: Keyframes
- added:
const initZoomMotion: (token: TokenWithCommonCls<AliasToken>, motionName: ZoomMotionTypes) => CSSInterpolation - added:
const zoomBigIn: Keyframes - added:
const zoomBigOut: Keyframes - added:
const zoomDownIn: Keyframes - added:
const zoomDownOut: Keyframes - added:
const zoomIn: Keyframes - added:
const zoomLeftIn: Keyframes - added:
const zoomLeftOut: Keyframes - added:
const zoomOut: Keyframes - added:
const zoomRightIn: Keyframes - added:
const zoomRightOut: Keyframes - added:
const zoomUpIn: Keyframes - added:
const zoomUpOut: Keyframes
- added:
const MAX_VERTICAL_CONTENT_RADIUS = 8 - added:
default function getArrowStyle<Token extends TokenWithCommonCls<AliasToken> & ArrowOffsetToken & ArrowToken>(token: Token, colorBg: string, options?: { arrowDistance?: number; arrowPlacement?: { left?: boolean; right?: boolean; top?: boolean; bottom?: boolean } }): CSSInterpolation - added:
function getArrowOffsetToken(options: { contentRadius: number; limitVerticalRadius?: boolean }): ArrowOffsetToken - added:
interface ArrowOffsetToken
- added:
const genRoundedArrow: <T extends AliasToken & ArrowToken & CSSUtil>(token: T, bgColor: string, boxShadow: string) => CSSObject - added:
function getArrowToken(token: AliasToken): ArrowToken - added:
interface ArrowToken
- removed:
type SwitchChangeEventHandler = (checked: boolean, event: React.MouseEvent<HTMLButtonElement>) => void - removed:
type SwitchClickEventHandler = SwitchChangeEventHandler - added:
export { SwitchChangeEventHandler } - added:
export { SwitchClickEventHandler } - added:
property SwitchProps.defaultValue?: boolean - added:
property SwitchProps.rootClassName?: string - added:
property SwitchProps.value?: boolean
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const prepareComponentToken: GetDefaultToken<'Switch'> - added:
default _default - added:
interface ComponentToken - added:
property ComponentToken.handleBg: string - added:
property ComponentToken.handleShadow: string - added:
property ComponentToken.handleSize: number - added:
property ComponentToken.handleSizeSM: number - added:
property ComponentToken.innerMaxMargin: number - added:
property ComponentToken.innerMaxMarginSM: number - added:
property ComponentToken.innerMinMargin: number - added:
property ComponentToken.innerMinMarginSM: number - added:
property ComponentToken.trackHeight: number | string - added:
property ComponentToken.trackHeightSM: number | string - added:
property ComponentToken.trackMinWidth: number | string - added:
property ComponentToken.trackMinWidthSM: number | string - added:
property ComponentToken.trackPadding: number
- removed:
function Column<RecordType>(_: ColumnProps<RecordType>): null - changed:
interface ColumnProps<RecordType> extends ColumnType<RecordType> → interface ColumnProps<RecordType = AnyObject> extends ColumnType<RecordType> - added:
const Column: <RecordType extends AnyObject>(_: ColumnProps<RecordType>) => null
- removed:
function ColumnGroup<RecordType>(_: ColumnGroupProps<RecordType>): null - changed:
interface ColumnGroupProps<RecordType> extends Omit<ColumnType<RecordType>, 'children'> → interface ColumnGroupProps<RecordType = AnyObject> extends Omit<ColumnType<RecordType>, 'children'> - added:
const ColumnGroup: <RecordType extends AnyObject>(_: ColumnGroupProps<RecordType>) => null
- changed:
function renderExpandIcon(locale: TableLocale): <RecordType>({ prefixCls, onExpand, record, expanded, expandable }: DefaultExpandIconProps<RecordType>) => React.JSX.Element → function renderExpandIcon(locale: TableLocale): <RecordType extends AnyObject = AnyObject>(props: DefaultExpandIconProps<RecordType>) => React.JSX.Element
- added:
const _default: RefInternalTable - added:
default _default - added:
export { ColumnsType } - added:
export { TablePaginationConfig } - added:
interface InternalTableProps<RecordType = AnyObject> extends TableProps<RecordType> - added:
interface TableProps<RecordType = AnyObject> extends Omit<RcTableProps<RecordType>, 'transformColumns' | 'internalHooks' | 'internalRefs' | 'data' | 'columns' | 'scroll' | 'emptyText'> - added:
property InternalTableProps._renderTimes: number - added:
property TableProps.bordered?: boolean - added:
property TableProps.columns?: ColumnsType<RecordType> - added:
property TableProps.dataSource?: RcTableProps<RecordType>['data'] - added:
property TableProps.dropdownPrefixCls?: string - added:
property TableProps.getPopupContainer?: GetPopupContainer - added:
property TableProps.loading?: boolean | SpinProps - added:
property TableProps.locale?: TableLocale - added:
property TableProps.onChange?: (pagination: TablePaginationConfig, filters: Record<string, FilterValue | null>, sorter: SorterResult<RecordType> | SorterResult<RecordType>[], extra: TableCurrentDataSource<RecordType>) => void - added:
property TableProps.pagination?: false | TablePaginationConfig - added:
property TableProps.rootClassName?: string - added:
property TableProps.rowSelection?: TableRowSelection<RecordType> - added:
property TableProps.scroll?: RcTableProps<RecordType>['scroll'] & { scrollToFirstRowOnChange?: boolean } - added:
property TableProps.showSorterTooltip?: boolean | SorterTooltipProps - added:
property TableProps.size?: SizeType - added:
property TableProps.sortDirections?: SortOrder[] - added:
property TableProps.virtual?: boolean
- added:
const RcVirtualTable: import('rc-table/lib/VirtualTable').ForwardGenericVirtualTable - added:
default RcVirtualTable
- added:
const RcTable: import('rc-table/lib/Table').ForwardGenericTable - added:
default RcTable
- removed:
const Table: CompoundedComponent - removed:
default Table - removed:
export { ColumnsType } - removed:
export { TablePaginationConfig } - removed:
interface TableProps<RecordType> extends Omit<RcTableProps<RecordType>, 'transformColumns' | 'internalHooks' | 'internalRefs' | 'data' | 'columns' | 'scroll' | 'emptyText'> - removed:
property TableProps.bordered?: boolean - removed:
property TableProps.columns?: ColumnsType<RecordType> - removed:
property TableProps.dataSource?: RcTableProps<RecordType>['data'] - removed:
property TableProps.dropdownPrefixCls?: string - removed:
property TableProps.getPopupContainer?: GetPopupContainer - removed:
property TableProps.loading?: boolean | SpinProps - removed:
property TableProps.locale?: TableLocale - removed:
property TableProps.onChange?: (pagination: TablePaginationConfig, filters: Record<string, FilterValue | null>, sorter: SorterResult<RecordType> | SorterResult<RecordType>[], extra: TableCurrentDataSource<RecordType>) => void - removed:
property TableProps.pagination?: false | TablePaginationConfig - removed:
property TableProps.rowSelection?: TableRowSelection<RecordType> - removed:
property TableProps.scroll?: RcTableProps<RecordType>['scroll'] & { scrollToFirstRowOnChange?: boolean } - removed:
property TableProps.showSorterTooltip?: boolean | TooltipProps - removed:
property TableProps.size?: SizeType - removed:
property TableProps.sortDirections?: SortOrder[] - added:
const ForwardTable: RefTable & { displayName?: string; SELECTION_COLUMN: typeof SELECTION_COLUMN; EXPAND_COLUMN: typeof EXPAND_COLUMN; SELECTION_ALL: typeof SELECTION_ALL; SELECTI… - added:
default ForwardTable
- added:
default function useContainerWidth(prefixCls: string): (ele: HTMLElement, width: number) => number
- removed:
function FilterDropdown<RecordType>(props: FilterDropdownProps<RecordType>): React.JSX.Element - changed:
interface FilterDropdownProps<RecordType> → interface FilterDropdownProps<RecordType = AnyObject> - added:
const FilterDropdown: <RecordType extends AnyObject = AnyObject>(props: FilterDropdownProps<RecordType>) => React.JSX.Element - added:
function flattenKeys(filters?: ColumnFilterItem[]): FilterValue - added:
property FilterDropdownProps.filterOnClose: boolean - added:
property FilterDropdownProps.rootClassName?: string
- removed:
function FilterSearch<RecordType>({ value, onChange, filterSearch, tablePrefixCls, locale }: FilterSearchProps<RecordType>): React.JSX.Element | null - added:
const FilterSearch: <RecordType extends AnyObject = AnyObject>(props: FilterSearchProps<RecordType>) => React.JSX.Element | null
- removed:
property FilterDropdownMenuWrapperProps.children?: React.ReactNode - changed:
const FilterDropdownMenuWrapper: (props: FilterDropdownMenuWrapperProps) => React.JSX.Element → const FilterDropdownMenuWrapper: React.ForwardRefExoticComponent<FilterDropdownMenuWrapperProps & { children?: React.ReactNode | undefined } & React.RefAttributes<HTMLDivElement>>
- removed:
function flattenKeys(filters?: ColumnFilterItem[]): FilterValue - removed:
function getFilterData<RecordType>(data: RecordType[], filterStates: FilterState<RecordType>[]): RecordType[] - removed:
function useFilter<RecordType>({ prefixCls, dropdownPrefixCls, mergedColumns, onFilterChange, getPopupContainer, locale: tableLocale }: FilterConfig<RecordType>): [TransformColumns<RecordType>, FilterState<RecordType>[], Record<string, FilterValue | null>] - changed:
interface FilterState<RecordType> → interface FilterState<RecordType = AnyObject> - added:
const getFilterData: <RecordType extends AnyObject = AnyObject>(data: RecordType[], filterStates: FilterState<RecordType>[], childrenColumnName: string) => RecordType[] - added:
const useFilter: <RecordType extends AnyObject = AnyObject>(props: FilterConfig<RecordType>) => [TransformColumns<RecordType>, FilterState<RecordType>[], Record<string, FilterV… - added:
export { flattenKeys } - added:
interface FilterConfig<RecordType = AnyObject> - added:
property FilterConfig.dropdownPrefixCls: string - added:
property FilterConfig.getPopupContainer?: GetPopupContainer - added:
property FilterConfig.locale: TableLocale - added:
property FilterConfig.mergedColumns: ColumnsType<RecordType> - added:
property FilterConfig.onFilterChange: (filters: Record<string, FilterValue | null>, filterStates: FilterState<RecordType>[]) => void - added:
property FilterConfig.prefixCls: string - added:
property FilterConfig.rootClassName?: string
- removed:
default function useLazyKVMap<RecordType>(data: readonly RecordType[], childrenColumnName: string, getRowKey: GetRowKey<RecordType>): ((key: Key) => RecordType)[] - added:
const useLazyKVMap: <RecordType extends AnyObject = AnyObject>(data: readonly RecordType[], childrenColumnName: string, getRowKey: GetRowKey<RecordType>) => readonly [(key: Key) =… - added:
default useLazyKVMap
- changed:
default function usePagination(total: number, pagination: TablePaginationConfig | false | undefined, onChange: (current: number, pageSize: number) => void): [TablePaginationConfig, () => void] → function usePagination(total: number, onChange: (current: number, pageSize: number) => void, pagination?: TablePaginationConfig | false): readonly [TablePaginationConfig, (current?: number, pageSize?: number) => void] - changed:
function getPaginationParam(pagination: TablePaginationConfig | boolean | undefined, mergedPagination: TablePaginationConfig): any → function getPaginationParam(mergedPagination: TablePaginationConfig, pagination?: TablePaginationConfig | boolean): any - added:
default usePagination
- removed:
default function useSelection<RecordType>(rowSelection: TableRowSelection<RecordType> | undefined, config: UseSelectionConfig<RecordType>): [TransformColumns<RecordType>, Set<Key>] - added:
const useSelection: <RecordType extends AnyObject = AnyObject>(config: UseSelectionConfig<RecordType>, rowSelection?: TableRowSelection<RecordType>) => readonly [TransformColumns<… - added:
default useSelection
- removed:
default function useFilterSorter<RecordType>({ prefixCls, mergedColumns, onSorterChange, sortDirections, tableLocale, showSorterTooltip }: SorterConfig<RecordType>): [TransformColumns<RecordType>, SortState<RecordType>[], ColumnTitleProps<RecordType>, () => SorterResult<RecordType> | SorterResult<RecordType>[]] - removed:
function getSortData<RecordType>(data: readonly RecordType[], sortStates: SortState<RecordType>[], childrenColumnName: string): RecordType[] - changed:
interface SortState<RecordType> → interface SortState<RecordType = AnyObject> - added:
const getSortData: <RecordType extends AnyObject = AnyObject>(data: readonly RecordType[], sortStates: SortState<RecordType>[], childrenColumnName: string) => RecordType[] - added:
const useFilterSorter: <RecordType extends AnyObject = AnyObject>(props: SorterConfig<RecordType>) => [TransformColumns<RecordType>, SortState<RecordType>[], ColumnTitleProps<RecordT… - added:
default useFilterSorter
- removed:
default function useTitleColumns<RecordType>(columnTitleProps: ColumnTitleProps<RecordType>): [TransformColumns<RecordType>] - added:
const useTitleColumns: <RecordType extends AnyObject = AnyObject>(columnTitleProps: ColumnTitleProps<RecordType>) => readonly [TransformColumns<RecordType>] - added:
default useTitleColumns
- added:
export { Reference as TableRef } from 'rc-table'
- changed:
interface ColumnGroupType<RecordType> extends Omit<ColumnType<RecordType>, 'dataIndex'> → interface ColumnGroupType<RecordType = AnyObject> extends Omit<ColumnType<RecordType>, 'dataIndex'> - changed:
interface ColumnTitleProps<RecordType> → interface ColumnTitleProps<RecordType = AnyObject> - changed:
interface ColumnType<RecordType> extends Omit<RcColumnType<RecordType>, 'title'> → interface ColumnType<RecordType = AnyObject> extends Omit<RcColumnType<RecordType>, 'title'> - changed:
interface SorterResult<RecordType> → interface SorterResult<RecordType = AnyObject> - changed:
interface TableCurrentDataSource<RecordType> → interface TableCurrentDataSource<RecordType = AnyObject> - changed:
interface TableRowSelection<T> → interface TableRowSelection<T = AnyObject> - changed:
property ColumnType.onFilterDropdownOpenChange?: (open: boolean) => void → property ColumnType.onFilterDropdownOpenChange?: (visible: boolean) => void - changed:
property ColumnType.showSorterTooltip?: boolean | TooltipProps → property ColumnType.showSorterTooltip?: boolean | SorterTooltipProps - changed:
property FilterDropdownProps.clearFilters?: () => void → property FilterDropdownProps.clearFilters?: (param?: FilterRestProps) => void - changed:
property TableRowSelection.columnTitle?: string | React.ReactNode → property TableRowSelection.columnTitle?: React.ReactNode | ((checkboxNode: React.ReactNode) => React.ReactNode) - changed:
type ColumnTitle<RecordType> = React.ReactNode | ((props: ColumnTitleProps<RecordType>) => React.ReactNode) → type ColumnTitle<RecordType = AnyObject> = React.ReactNode | ((props: ColumnTitleProps<RecordType>) => React.ReactNode) - changed:
type ColumnsType<RecordType = unknown> = (ColumnGroupType<RecordType> | ColumnType<RecordType>)[] → type ColumnsType<RecordType = AnyObject> = (ColumnGroupType<RecordType> | ColumnType<RecordType>)[] - changed:
type CompareFn<T> = (a: T, b: T, sortOrder?: SortOrder) => number → type CompareFn<T = AnyObject> = (a: T, b: T, sortOrder?: SortOrder) => number - changed:
type FilterSearchType<RecordType = Record<string, any>> = boolean | ((input: string, record: RecordType) => boolean) → type FilterSearchType<RecordType = AnyObject> = boolean | ((input: string, record: RecordType) => boolean) - changed:
type SelectionSelectFn<T> = (record: T, selected: boolean, selectedRows: T[], nativeEvent: Event) => void → type SelectionSelectFn<T = AnyObject> = (record: T, selected: boolean, selectedRows: T[], nativeEvent: Event) => void - changed:
type TableAction = typeof TableActions[number] → type TableAction = (typeof _TableActions)[number] - changed:
type TransformColumns<RecordType> = (columns: ColumnsType<RecordType>) => ColumnsType<RecordType> → type TransformColumns<RecordType = AnyObject> = (columns: ColumnsType<RecordType>) => ColumnsType<RecordType> - added:
interface FilterRestProps - added:
property ColumnType.filterDropdownProps?: CoverableDropdownProps - added:
property ColumnType.filterOnClose?: boolean - added:
property ColumnType.sortIcon?: (props: { sortOrder: SortOrder }) => React.ReactNode - added:
property FilterRestProps.closeDropdown?: boolean - added:
property FilterRestProps.confirm?: boolean - added:
property TableLocale.filterCheckAll?: React.ReactNode - added:
property TableRowSelection.align?: 'left' | 'center' | 'right' - added:
property TableRowSelection.getTitleCheckboxProps?: () => Partial<Omit<CheckboxProps, 'checked' | 'defaultChecked'>> & React.AriaAttributes - added:
property TableRowSelection.onCell?: GetComponentProps<T> - added:
type RefInternalTable = <RecordType = AnyObject>(props: React.PropsWithChildren<InternalTableProps<RecordType>> & React.RefAttributes<Reference>) => React.ReactElement - added:
type RefTable = <RecordType = AnyObject>(props: React.PropsWithChildren<TableProps<RecordType>> & React.RefAttributes<Reference>) => React.ReactElement - added:
type SorterTooltipProps = TooltipProps & { target?: SorterTooltipTarget } - added:
type SorterTooltipTarget = 'full-header' | 'sorter-icon'
- added:
const genBorderedStyle: GenerateStyle<TableToken, CSSObject> - added:
default genBorderedStyle
- added:
const genEllipsisStyle: GenerateStyle<TableToken, CSSObject> - added:
default genEllipsisStyle
- added:
const genEmptyStyle: GenerateStyle<TableToken, CSSObject> - added:
default genEmptyStyle
- added:
const genExpandStyle: GenerateStyle<TableToken, CSSObject> - added:
default genExpandStyle
- added:
const genFilterStyle: GenerateStyle<TableToken> - added:
default genFilterStyle
- added:
const genFixedStyle: GenerateStyle<TableToken, CSSObject> - added:
default genFixedStyle
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const prepareComponentToken: GetDefaultToken<'Table'> - added:
default _default - added:
interface ComponentToken - added:
interface TableToken extends FullToken<'Table'> - added:
property ComponentToken.bodySortBg: string - added:
property ComponentToken.borderColor: string - added:
property ComponentToken.cellFontSize: number - added:
property ComponentToken.cellFontSizeMD: number - added:
property ComponentToken.cellFontSizeSM: number - added:
property ComponentToken.cellPaddingBlock: number - added:
property ComponentToken.cellPaddingBlockMD: number - added:
property ComponentToken.cellPaddingBlockSM: number - added:
property ComponentToken.cellPaddingInline: number - added:
property ComponentToken.cellPaddingInlineMD: number - added:
property ComponentToken.cellPaddingInlineSM: number - added:
property ComponentToken.expandIconBg: string - added:
property ComponentToken.filterDropdownBg: string - added:
property ComponentToken.filterDropdownMenuBg: string - added:
property ComponentToken.fixedHeaderSortActiveBg: string - added:
property ComponentToken.footerBg: string - added:
property ComponentToken.footerColor: string - added:
property ComponentToken.headerBg: string - added:
property ComponentToken.headerBorderRadius: number - added:
property ComponentToken.headerColor: string - added:
property ComponentToken.headerFilterHoverBg: string - added:
property ComponentToken.headerSortActiveBg: string - added:
property ComponentToken.headerSortHoverBg: string - added:
property ComponentToken.headerSplitColor: string - added:
property ComponentToken.rowExpandedBg: string - added:
property ComponentToken.rowHoverBg: string - added:
property ComponentToken.rowSelectedBg: string - added:
property ComponentToken.rowSelectedHoverBg: string - added:
property ComponentToken.selectionColumnWidth: number | string - added:
property ComponentToken.stickyScrollBarBg: string - added:
property ComponentToken.stickyScrollBarBorderRadius: number - added:
property TableToken.tableBg: string - added:
property TableToken.tableBodySortBg: string - added:
property TableToken.tableBorderColor: string - added:
property TableToken.tableExpandColumnWidth: number | string - added:
property TableToken.tableExpandIconBg: string - added:
property TableToken.tableExpandedRowBg: string - added:
property TableToken.tableFilterDropdownBg: string - added:
property TableToken.tableFilterDropdownHeight: number | string - added:
property TableToken.tableFilterDropdownSearchWidth: number - added:
property TableToken.tableFilterDropdownWidth: number - added:
property TableToken.tableFixedHeaderSortActiveBg: string - added:
property TableToken.tableFontSize: number - added:
property TableToken.tableFontSizeMiddle: number - added:
property TableToken.tableFontSizeSmall: number - added:
property TableToken.tableFooterBg: string - added:
property TableToken.tableFooterTextColor: string - added:
property TableToken.tableHeaderBg: string - added:
property TableToken.tableHeaderCellSplitColor: string - added:
property TableToken.tableHeaderFilterActiveBg: string - added:
property TableToken.tableHeaderSortBg: string - added:
property TableToken.tableHeaderSortHoverBg: string - added:
property TableToken.tableHeaderTextColor: string - added:
property TableToken.tablePaddingHorizontal: number - added:
property TableToken.tablePaddingHorizontalMiddle: number - added:
property TableToken.tablePaddingHorizontalSmall: number - added:
property TableToken.tablePaddingVertical: number - added:
property TableToken.tablePaddingVerticalMiddle: number - added:
property TableToken.tablePaddingVerticalSmall: number - added:
property TableToken.tableRadius: number - added:
property TableToken.tableRowHoverBg: string - added:
property TableToken.tableScrollBg: string - added:
property TableToken.tableScrollThumbBg: string - added:
property TableToken.tableScrollThumbBgHover: string - added:
property TableToken.tableScrollThumbSize: number - added:
property TableToken.tableSelectedRowBg: string - added:
property TableToken.tableSelectedRowHoverBg: string - added:
property TableToken.tableSelectionColumnWidth: number | string - added:
property TableToken.zIndexTableFixed: number - added:
property TableToken.zIndexTableSticky: number | string
- added:
const genPaginationStyle: GenerateStyle<TableToken, CSSObject> - added:
default genPaginationStyle
- added:
const genRadiusStyle: GenerateStyle<TableToken, CSSObject> - added:
default genRadiusStyle
- added:
const genStyle: GenerateStyle<TableToken, CSSObject> - added:
default genStyle
- added:
const genSelectionStyle: GenerateStyle<TableToken, CSSObject> - added:
default genSelectionStyle
- added:
const genSizeStyle: GenerateStyle<TableToken, CSSObject> - added:
default genSizeStyle
- added:
const genSorterStyle: GenerateStyle<TableToken, CSSObject> - added:
default genSorterStyle
- added:
const genStickyStyle: GenerateStyle<TableToken, CSSObject> - added:
default genStickyStyle
- added:
const genSummaryStyle: GenerateStyle<TableToken, CSSObject> - added:
default genSummaryStyle
- added:
const genVirtualStyle: GenerateStyle<TableToken, CSSObject> - added:
default genVirtualStyle
- removed:
function getColumnKey<RecordType>(column: ColumnType<RecordType>, defaultKey: string): Key - removed:
function renderColumnTitle<RecordType>(title: ColumnTitle<RecordType>, props: ColumnTitleProps<RecordType>): import('react').ReactNode - removed:
function safeColumnTitle<RecordType>(title: ColumnTitle<RecordType>, props: ColumnTitleProps<RecordType>): import('react').ReactNode - added:
const getColumnKey: <RecordType extends AnyObject = AnyObject>(column: ColumnType<RecordType>, defaultKey: string) => Key - added:
const renderColumnTitle: <RecordType extends AnyObject = AnyObject>(title: ColumnTitle<RecordType>, props: ColumnTitleProps<RecordType>) => import('react').ReactNode - added:
const safeColumnTitle: <RecordType extends AnyObject = AnyObject>(title: ColumnTitle<RecordType>, props: ColumnTitleProps<RecordType>) => import('react').ReactNode
- removed:
export { TabPaneProps } - added:
type TabPaneProps = CompatibilityProps & Omit<RcTabPaneProps, 'destroyInactiveTabPane'>
- changed:
default function useLegacyItems(items?: TabsProps['items'], children?: React.ReactNode): Tab[] → function useLegacyItems(items?: TabsProps['items'], children?: React.ReactNode): Tab[] - added:
default useLegacyItems
- removed:
function Tabs({ type, className, size: propSize, onEdit, hideAdd, centered, addIcon, children, items, animated, ...props }: TabsProps): React.JSX.Element - removed:
namespace Tabs - removed:
var Tabs.TabPane: React.FC<TabPaneProps> - changed:
interface TabsProps extends Omit<RcTabsProps, 'editable'> → interface TabsProps extends CompatibilityProps, Omit<RcTabsProps, 'editable' | 'destroyInactiveTabPane' | 'items'> - added:
const Tabs: CompoundedComponent - added:
interface CompatibilityProps - added:
interface TabsRef - added:
property CompatibilityProps.destroyInactiveTabPane?: boolean - added:
property CompatibilityProps.destroyOnHidden?: boolean - added:
property TabsProps.indicatorSize?: GetIndicatorSize - added:
property TabsProps.items?: (Omit<Tab, 'destroyInactiveTabPane'> & CompatibilityProps)[] - added:
property TabsProps.more?: MoreProps - added:
property TabsProps.moreIcon?: React.ReactNode - added:
property TabsProps.removeIcon?: React.ReactNode - added:
property TabsProps.rootClassName?: string - added:
property TabsRef.nativeElement: React.ComponentRef<typeof RcTabs> | null
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const prepareComponentToken: GetDefaultToken<'Tabs'> - added:
default _default - added:
interface ComponentToken - added:
interface TabsToken extends FullToken<'Tabs'> - added:
property ComponentToken.cardBg: string - added:
property ComponentToken.cardGutter: number - added:
property ComponentToken.cardHeight: number - added:
property ComponentToken.cardHeightLG: number - added:
property ComponentToken.cardHeightSM: number - added:
property ComponentToken.cardPadding: string - added:
property ComponentToken.cardPaddingLG: string - added:
property ComponentToken.cardPaddingSM: string - added:
property ComponentToken.horizontalItemGutter: number - added:
property ComponentToken.horizontalItemMargin: string - added:
property ComponentToken.horizontalItemMarginRTL: string - added:
property ComponentToken.horizontalItemPadding: string - added:
property ComponentToken.horizontalItemPaddingLG: string - added:
property ComponentToken.horizontalItemPaddingSM: string - added:
property ComponentToken.horizontalMargin: string - added:
property ComponentToken.inkBarColor: string - added:
property ComponentToken.itemActiveColor: string - added:
property ComponentToken.itemColor: string - added:
property ComponentToken.itemHoverColor: string - added:
property ComponentToken.itemSelectedColor: string - added:
property ComponentToken.titleFontSize: number - added:
property ComponentToken.titleFontSizeLG: number - added:
property ComponentToken.titleFontSizeSM: number - added:
property ComponentToken.verticalItemMargin: string - added:
property ComponentToken.verticalItemPadding: string - added:
property ComponentToken.zIndexPopup: number - added:
property TabsToken.dropdownEdgeChildVerticalPadding: number - added:
property TabsToken.tabsActiveTextShadow: string - added:
property TabsToken.tabsCardPadding: string - added:
property TabsToken.tabsDropdownHeight: number | string - added:
property TabsToken.tabsDropdownWidth: number | string - added:
property TabsToken.tabsHorizontalItemMargin: string - added:
property TabsToken.tabsHorizontalItemMarginRTL: string - added:
property TabsToken.tabsNavWrapPseudoWidth: number
- added:
const genMotionStyle: GenerateStyle<TabsToken> - added:
default genMotionStyle
- changed:
const CheckableTag: React.FC<CheckableTagProps> → const CheckableTag: React.ForwardRefExoticComponent<CheckableTagProps & React.RefAttributes<HTMLSpanElement>> - added:
property CheckableTagProps.icon?: React.ReactNode
- removed:
interface TagType extends React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLElement>> - removed:
property TagType.CheckableTag: typeof CheckableTag - changed:
property TagProps.closable?: boolean → property TagProps.closable?: ClosableType - changed:
property TagProps.color?: LiteralUnion<PresetColorType | PresetStatusColorType, string> → property TagProps.color?: LiteralUnion<PresetColorType | PresetStatusColorType> - added:
property TagProps.bordered?: boolean - added:
property TagProps.rootClassName?: string - added:
type TagType = typeof InternalTag & { CheckableTag: typeof CheckableTag }
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const prepareComponentToken: GetDefaultToken<'Tag'> - added:
const prepareToken: (token: Parameters<GenStyleFn<'Tag'>>[0]) => TagToken - added:
default _default - added:
interface ComponentToken - added:
interface TagToken extends FullToken<'Tag'> - added:
property ComponentToken.defaultBg: string - added:
property ComponentToken.defaultColor: string - added:
property TagToken.tagBorderlessBg: string - added:
property TagToken.tagFontSize: number - added:
property TagToken.tagIconSize: number | string - added:
property TagToken.tagLineHeight: React.CSSProperties['lineHeight'] - added:
property TagToken.tagPaddingHorizontal: number
- added:
const _default: import('react').FunctionComponent<import('@ant-design/cssinjs-utils/lib/util/genStyleUtils').SubStyleComponentProps> - added:
default _default
- added:
const _default: import('react').FunctionComponent<import('@ant-design/cssinjs-utils/lib/util/genStyleUtils').SubStyleComponentProps> - added:
default _default
- added:
const DesignTokenContext: React.Context<DesignTokenProviderProps> - added:
const defaultConfig: { token: SeedToken; override: { override: SeedToken }; hashed: boolean } - added:
export { default as defaultTheme } from './themes/default/theme' - added:
interface DesignTokenProviderProps - added:
property DesignTokenProviderProps.components?: ComponentsToken - added:
property DesignTokenProviderProps.cssVar?: { prefix?: string; key?: string } - added:
property DesignTokenProviderProps.hashed?: string | boolean - added:
property DesignTokenProviderProps.override: { override: Partial<AliasToken> } & ComponentsToken - added:
property DesignTokenProviderProps.theme?: Theme<SeedToken, MapToken> - added:
property DesignTokenProviderProps.token: Partial<AliasToken> - added:
type ComponentsToken = { [key in keyof OverrideToken]?: OverrideToken[key] & { theme?: Theme<SeedToken, MapToken> } }
- added:
const getDesignToken: (config?: ThemeConfig) => AliasToken - added:
default getDesignToken
- added:
const _default: { defaultSeed: import('./interface').SeedToken; useToken: typeof useToken; defaultAlgorithm: typeof defaultAlgorithm; darkAlgorithm: import('@ant-design/cssinj… - added:
default _default - added:
export { GlobalToken } - added:
export { MappingAlgorithm }
- added:
interface AliasToken extends MapToken - added:
property AliasToken.boxShadow: string - added:
property AliasToken.boxShadowSecondary: string - added:
property AliasToken.boxShadowTertiary: string - added:
property AliasToken.colorBgContainerDisabled: string - added:
property AliasToken.colorBgTextActive: string - added:
property AliasToken.colorBgTextHover: string - added:
property AliasToken.colorBorderBg: string - added:
property AliasToken.colorErrorOutline: string - added:
property AliasToken.colorFillAlter: string - added:
property AliasToken.colorFillContent: string - added:
property AliasToken.colorFillContentHover: string - added:
property AliasToken.colorHighlight: string - added:
property AliasToken.colorIcon: string - added:
property AliasToken.colorIconHover: string - added:
property AliasToken.colorSplit: string - added:
property AliasToken.colorTextDescription: string - added:
property AliasToken.colorTextDisabled: string - added:
property AliasToken.colorTextHeading: string - added:
property AliasToken.colorTextLabel: string - added:
property AliasToken.colorTextLightSolid: string - added:
property AliasToken.colorTextPlaceholder: string - added:
property AliasToken.colorWarningOutline: string - added:
property AliasToken.controlInteractiveSize: number - added:
property AliasToken.controlItemBgActive: string - added:
property AliasToken.controlItemBgActiveDisabled: string - added:
property AliasToken.controlItemBgActiveHover: string - added:
property AliasToken.controlItemBgHover: string - added:
property AliasToken.controlOutline: string - added:
property AliasToken.controlOutlineWidth: number - added:
property AliasToken.controlPaddingHorizontal: number - added:
property AliasToken.controlPaddingHorizontalSM: number - added:
property AliasToken.controlTmpOutline: string - added:
property AliasToken.fontSizeIcon: number - added:
property AliasToken.fontWeightStrong: number - added:
property AliasToken.lineWidthFocus: number - added:
property AliasToken.linkDecoration: React.CSSProperties['textDecoration'] - added:
property AliasToken.linkFocusDecoration: React.CSSProperties['textDecoration'] - added:
property AliasToken.linkHoverDecoration: React.CSSProperties['textDecoration'] - added:
property AliasToken.margin: number - added:
property AliasToken.marginLG: number - added:
property AliasToken.marginMD: number - added:
property AliasToken.marginSM: number - added:
property AliasToken.marginXL: number - added:
property AliasToken.marginXS: number - added:
property AliasToken.marginXXL: number - added:
property AliasToken.marginXXS: number - added:
property AliasToken.opacityLoading: number - added:
property AliasToken.padding: number - added:
property AliasToken.paddingContentHorizontal: number - added:
property AliasToken.paddingContentHorizontalLG: number - added:
property AliasToken.paddingContentHorizontalSM: number - added:
property AliasToken.paddingContentVertical: number - added:
property AliasToken.paddingContentVerticalLG: number - added:
property AliasToken.paddingContentVerticalSM: number - added:
property AliasToken.paddingLG: number - added:
property AliasToken.paddingMD: number - added:
property AliasToken.paddingSM: number - added:
property AliasToken.paddingXL: number - added:
property AliasToken.paddingXS: number - added:
property AliasToken.paddingXXS: number - added:
property AliasToken.screenLG: number - added:
property AliasToken.screenLGMax: number - added:
property AliasToken.screenLGMin: number - added:
property AliasToken.screenMD: number - added:
property AliasToken.screenMDMax: number - added:
property AliasToken.screenMDMin: number - added:
property AliasToken.screenSM: number - added:
property AliasToken.screenSMMax: number - added:
property AliasToken.screenSMMin: number - added:
property AliasToken.screenXL: number - added:
property AliasToken.screenXLMax: number - added:
property AliasToken.screenXLMin: number - added:
property AliasToken.screenXS: number - added:
property AliasToken.screenXSMax: number - added:
property AliasToken.screenXSMin: number - added:
property AliasToken.screenXXL: number - added:
property AliasToken.screenXXLMin: number
- added:
interface ComponentTokenMap - added:
property ComponentTokenMap.Affix?: AffixComponentToken - added:
property ComponentTokenMap.Alert?: AlertComponentToken - added:
property ComponentTokenMap.Anchor?: AnchorComponentToken - added:
property ComponentTokenMap.App?: AppComponentToken - added:
property ComponentTokenMap.Avatar?: AvatarComponentToken - added:
property ComponentTokenMap.BackTop?: BackTopComponentToken - added:
property ComponentTokenMap.Badge?: BadgeComponentToken - added:
property ComponentTokenMap.Breadcrumb?: BreadcrumbComponentToken - added:
property ComponentTokenMap.Button?: ButtonComponentToken - added:
property ComponentTokenMap.Calendar?: CalendarComponentToken - added:
property ComponentTokenMap.Card?: CardComponentToken - added:
property ComponentTokenMap.Carousel?: CarouselComponentToken - added:
property ComponentTokenMap.Cascader?: CascaderComponentToken - added:
property ComponentTokenMap.Checkbox?: CheckboxComponentToken - added:
property ComponentTokenMap.Collapse?: CollapseComponentToken - added:
property ComponentTokenMap.ColorPicker?: ColorPickerComponentToken - added:
property ComponentTokenMap.DatePicker?: DatePickerComponentToken - added:
property ComponentTokenMap.Descriptions?: DescriptionsComponentToken - added:
property ComponentTokenMap.Divider?: DividerComponentToken - added:
property ComponentTokenMap.Drawer?: DrawerComponentToken - added:
property ComponentTokenMap.Dropdown?: DropdownComponentToken - added:
property ComponentTokenMap.Empty?: EmptyComponentToken - added:
property ComponentTokenMap.Flex?: FlexComponentToken - added:
property ComponentTokenMap.FloatButton?: FloatButtonComponentToken - added:
property ComponentTokenMap.Form?: FormComponentToken - added:
property ComponentTokenMap.Grid?: GridComponentToken - added:
property ComponentTokenMap.Image?: ImageComponentToken - added:
property ComponentTokenMap.Input?: InputComponentToken - added:
property ComponentTokenMap.InputNumber?: InputNumberComponentToken - added:
property ComponentTokenMap.Layout?: LayoutComponentToken - added:
property ComponentTokenMap.List?: ListComponentToken - added:
property ComponentTokenMap.Mentions?: MentionsComponentToken - added:
property ComponentTokenMap.Menu?: MenuComponentToken - added:
property ComponentTokenMap.Message?: MessageComponentToken - added:
property ComponentTokenMap.Modal?: ModalComponentToken - added:
property ComponentTokenMap.Notification?: NotificationComponentToken - added:
property ComponentTokenMap.Pagination?: PaginationComponentToken - added:
property ComponentTokenMap.Popconfirm?: PopconfirmComponentToken - added:
property ComponentTokenMap.Popover?: PopoverComponentToken - added:
property ComponentTokenMap.Progress?: ProgressComponentToken - added:
property ComponentTokenMap.QRCode?: QRCodeComponentToken - added:
property ComponentTokenMap.Radio?: RadioComponentToken - added:
property ComponentTokenMap.Rate?: RateComponentToken - added:
property ComponentTokenMap.Result?: ResultComponentToken - added:
property ComponentTokenMap.Segmented?: SegmentedComponentToken - added:
property ComponentTokenMap.Select?: SelectComponentToken - added:
property ComponentTokenMap.Skeleton?: SkeletonComponentToken - added:
property ComponentTokenMap.Slider?: SliderComponentToken - added:
property ComponentTokenMap.Space?: SpaceComponentToken - added:
property ComponentTokenMap.Spin?: SpinComponentToken - added:
property ComponentTokenMap.Splitter?: SplitterComponentToken - added:
property ComponentTokenMap.Statistic?: StatisticComponentToken - added:
property ComponentTokenMap.Steps?: StepsComponentToken - added:
property ComponentTokenMap.Switch?: SwitchComponentToken - added:
property ComponentTokenMap.Table?: TableComponentToken - added:
property ComponentTokenMap.Tabs?: TabsComponentToken - added:
property ComponentTokenMap.Tag?: TagComponentToken - added:
property ComponentTokenMap.Timeline?: TimelineComponentToken - added:
property ComponentTokenMap.Tooltip?: TooltipComponentToken - added:
property ComponentTokenMap.Tour?: TourComponentToken - added:
property ComponentTokenMap.Transfer?: TransferComponentToken - added:
property ComponentTokenMap.Tree?: TreeComponentToken - added:
property ComponentTokenMap.TreeSelect?: TreeSelectComponentToken - added:
property ComponentTokenMap.Typography?: TypographyComponentToken - added:
property ComponentTokenMap.Upload?: UploadComponentToken - added:
property ComponentTokenMap.Wave?: WaveToken
- added:
type FullToken<C extends TokenMapKey<ComponentTokenMap>> = FullTokenTypeUtil<ComponentTokenMap, AliasToken, C> - added:
type GenStyleFn<C extends TokenMapKey<ComponentTokenMap>> = GenStyleFnTypeUtil<ComponentTokenMap, AliasToken, C> - added:
type GetDefaultToken<C extends TokenMapKey<ComponentTokenMap>> = GetDefaultTokenTypeUtil<ComponentTokenMap, AliasToken, C> - added:
type GlobalToken = GlobalTokenTypeUtil<ComponentTokenMap, AliasToken> - added:
type OverrideComponent = TokenMapKey<ComponentTokenMap> - added:
type OverrideToken = OverrideTokenTypeUtil<ComponentTokenMap, AliasToken>
- added:
export { AliasToken } from './alias' - added:
export { ColorMapToken } from './maps' - added:
export { ColorNeutralMapToken } from './maps' - added:
export { ColorPalettes } from './presetColors' - added:
export { CommonMapToken } from './maps' - added:
export { ComponentTokenMap } from './components' - added:
export { FontMapToken } from './maps' - added:
export { FullToken } from './cssinjs-utils' - added:
export { GenStyleFn } from './cssinjs-utils' - added:
export { GetDefaultToken } from './cssinjs-utils' - added:
export { GlobalToken } from './cssinjs-utils' - added:
export { HeightMapToken } from './maps' - added:
export { LegacyColorPalettes } from './presetColors' - added:
export { MapToken } from './maps' - added:
export { OverrideComponent } from './cssinjs-utils' - added:
export { OverrideToken } from './cssinjs-utils' - added:
export { PresetColorKey } from './presetColors' - added:
export { PresetColorType } from './presetColors' - added:
export { PresetColors } from './presetColors' - added:
export { SeedToken } from './seeds' - added:
export { SizeMapToken } from './maps' - added:
export { StyleMapToken } from './maps' - added:
type GenerateStyle<ComponentToken extends AnyObject = AliasToken, ReturnType = CSSInterpolation> = (token: ComponentToken) => ReturnType - added:
type MappingAlgorithm = DerivativeFunc<SeedToken, MapToken> - added:
type UseComponentStyleResult = [(node: React.ReactNode) => React.ReactElement, string]
- added:
interface ColorLinkMapToken - added:
interface ColorMapToken extends ColorNeutralMapToken, ColorPrimaryMapToken, ColorSuccessMapToken, ColorWarningMapToken, ColorErrorMapToken, ColorInfoMapToken, ColorLinkMapToken - added:
interface ColorNeutralMapToken - added:
property ColorLinkMapToken.colorLink: string - added:
property ColorLinkMapToken.colorLinkActive: string - added:
property ColorLinkMapToken.colorLinkHover: string - added:
property ColorMapToken.colorBgMask: string - added:
property ColorMapToken.colorWhite: string - added:
property ColorNeutralMapToken.colorBgBlur: string - added:
property ColorNeutralMapToken.colorBgContainer: string - added:
property ColorNeutralMapToken.colorBgElevated: string - added:
property ColorNeutralMapToken.colorBgLayout: string - added:
property ColorNeutralMapToken.colorBgSolid: string - added:
property ColorNeutralMapToken.colorBgSolidActive: string - added:
property ColorNeutralMapToken.colorBgSolidHover: string - added:
property ColorNeutralMapToken.colorBgSpotlight: string - added:
property ColorNeutralMapToken.colorBorder: string - added:
property ColorNeutralMapToken.colorBorderSecondary: string - added:
property ColorNeutralMapToken.colorFill: string - added:
property ColorNeutralMapToken.colorFillQuaternary: string - added:
property ColorNeutralMapToken.colorFillSecondary: string - added:
property ColorNeutralMapToken.colorFillTertiary: string - added:
property ColorNeutralMapToken.colorText: string - added:
property ColorNeutralMapToken.colorTextQuaternary: string - added:
property ColorNeutralMapToken.colorTextSecondary: string - added:
property ColorNeutralMapToken.colorTextTertiary: string
- added:
interface FontMapToken - added:
property FontMapToken.fontSize: number - added:
property FontMapToken.fontSizeHeading1: number - added:
property FontMapToken.fontSizeHeading2: number - added:
property FontMapToken.fontSizeHeading3: number - added:
property FontMapToken.fontSizeHeading4: number - added:
property FontMapToken.fontSizeHeading5: number - added:
property FontMapToken.fontSizeLG: number - added:
property FontMapToken.fontSizeSM: number - added:
property FontMapToken.fontSizeXL: number - added:
property FontMapToken.lineHeight: number - added:
property FontMapToken.lineHeightHeading1: number - added:
property FontMapToken.lineHeightHeading2: number - added:
property FontMapToken.lineHeightHeading3: number - added:
property FontMapToken.lineHeightHeading4: number - added:
property FontMapToken.lineHeightHeading5: number - added:
property FontMapToken.lineHeightLG: number - added:
property FontMapToken.lineHeightSM: number
- added:
export * from './colors' - added:
export * from './font' - added:
export * from './size' - added:
export * from './style' - added:
interface CommonMapToken extends StyleMapToken - added:
interface MapToken extends SeedToken, ColorPalettes, LegacyColorPalettes, ColorMapToken, SizeMapToken, HeightMapToken, StyleMapToken, FontMapToken, CommonMapToken - added:
property CommonMapToken.motionDurationFast: string - added:
property CommonMapToken.motionDurationMid: string - added:
property CommonMapToken.motionDurationSlow: string
- added:
interface HeightMapToken - added:
interface SizeMapToken - added:
property HeightMapToken.controlHeightLG: number - added:
property HeightMapToken.controlHeightSM: number - added:
property HeightMapToken.controlHeightXS: number - added:
property SizeMapToken.size: number - added:
property SizeMapToken.sizeLG: number - added:
property SizeMapToken.sizeMD: number - added:
property SizeMapToken.sizeMS: number - added:
property SizeMapToken.sizeSM: number - added:
property SizeMapToken.sizeXL: number - added:
property SizeMapToken.sizeXS: number - added:
property SizeMapToken.sizeXXL: number - added:
property SizeMapToken.sizeXXS: number
- added:
interface StyleMapToken - added:
property StyleMapToken.borderRadiusLG: number - added:
property StyleMapToken.borderRadiusOuter: number - added:
property StyleMapToken.borderRadiusSM: number - added:
property StyleMapToken.borderRadiusXS: number - added:
property StyleMapToken.lineWidthBold: number
- added:
const PresetColors: readonly ['blue', 'purple', 'cyan', 'green', 'magenta', 'pink', 'red', 'orange', 'yellow', 'volcano', 'geekblue', 'lime', 'gold'] - added:
type ColorPalettes = { [key in `${keyof PresetColorType}${ColorPaletteKeyIndex}`]: string } - added:
type LegacyColorPalettes = { [key in `${keyof PresetColorType}-${ColorPaletteKeyIndex}`]: string } - added:
type PresetColorKey = (typeof PresetColors)[number] - added:
type PresetColorType = Record<PresetColorKey, string>
- added:
interface SeedToken extends PresetColorType - added:
property SeedToken.borderRadius: number - added:
property SeedToken.colorBgBase: string - added:
property SeedToken.colorError: string - added:
property SeedToken.colorInfo: string - added:
property SeedToken.colorLink: string - added:
property SeedToken.colorPrimary: string - added:
property SeedToken.colorSuccess: string - added:
property SeedToken.colorTextBase: string - added:
property SeedToken.colorWarning: string - added:
property SeedToken.controlHeight: number - added:
property SeedToken.fontFamily: string - added:
property SeedToken.fontFamilyCode: string - added:
property SeedToken.fontSize: number - added:
property SeedToken.lineType: string - added:
property SeedToken.lineWidth: number - added:
property SeedToken.motion: boolean - added:
property SeedToken.motionBase: number - added:
property SeedToken.motionEaseInBack: string - added:
property SeedToken.motionEaseInOut: string - added:
property SeedToken.motionEaseInOutCirc: string - added:
property SeedToken.motionEaseInQuint: string - added:
property SeedToken.motionEaseOut: string - added:
property SeedToken.motionEaseOutBack: string - added:
property SeedToken.motionEaseOutCirc: string - added:
property SeedToken.motionEaseOutQuint: string - added:
property SeedToken.motionUnit: number - added:
property SeedToken.opacityImage: number - added:
property SeedToken.sizePopupArrow: number - added:
property SeedToken.sizeStep: number - added:
property SeedToken.sizeUnit: number - added:
property SeedToken.wireframe: boolean - added:
property SeedToken.zIndexBase: number - added:
property SeedToken.zIndexPopupBase: number
- added:
export { AliasToken } - added:
export { CSSUtil } from '@ant-design/cssinjs-utils' - added:
export { DesignTokenContext } from './context' - added:
export { FullToken } - added:
export { GenStyleFn } - added:
export { GenerateStyle } - added:
export { GetDefaultToken } - added:
export { GlobalToken } - added:
export { OverrideComponent } - added:
export { PresetColorKey } - added:
export { PresetColorType } - added:
export { PresetColors } - added:
export { SeedToken } - added:
export { TokenWithCommonCls } from '@ant-design/cssinjs-utils' - added:
export { UseComponentStyleResult } - added:
export { calc } - added:
export { defaultConfig } from './context' - added:
export { genComponentStyleHook } - added:
export { genPresetColor } - added:
export { genStyleHooks } - added:
export { genSubStyleComponent } - added:
export { getLineHeight } - added:
export { mergeToken } - added:
export { statistic } - added:
export { statisticToken } - added:
export { useResetIconStyle } - added:
export { useStyleRegister } - added:
export { useToken }
- added:
interface ColorMap - added:
property ColorMap.10: string - added:
property ColorMap.1: string - added:
property ColorMap.2: string - added:
property ColorMap.3: string - added:
property ColorMap.4: string - added:
property ColorMap.5: string - added:
property ColorMap.6: string - added:
property ColorMap.7: string - added:
property ColorMap.8: string - added:
property ColorMap.9: string - added:
type GenerateColorMap = (baseColor: string) => ColorMap - added:
type GenerateNeutralColorMap = (bgBaseColor: string, textBaseColor: string) => ColorNeutralMapToken
- added:
default function genSizeMapToken(token: SeedToken): SizeMapToken
- added:
const derivative: DerivativeFunc<SeedToken, MapToken> - added:
default derivative
- added:
const getAlphaColor: (baseColor: string, alpha: number) => string - added:
const getSolidColor: (baseColor: string, brightness: number) => string
- added:
const generateColorPalettes: GenerateColorMap - added:
const generateNeutralColorPalettes: GenerateNeutralColorMap
- added:
const derivative: DerivativeFunc<SeedToken, MapToken> - added:
default derivative
- added:
const getAlphaColor: (baseColor: string, alpha: number) => string - added:
const getSolidColor: (baseColor: string, brightness: number) => string
- added:
const generateColorPalettes: GenerateColorMap - added:
const generateNeutralColorPalettes: GenerateNeutralColorMap
- added:
default function derivative(token: SeedToken): MapToken
- added:
const defaultTheme: import('@ant-design/cssinjs').Theme<any, any> - added:
default defaultTheme
- added:
const defaultPresetColors: PresetColorType - added:
const seedToken: SeedToken - added:
default seedToken
- added:
default function genColorMapToken(seed: SeedToken, { generateColorPalettes, generateNeutralColorPalettes }: PaletteGenerators): ColorMapToken
- added:
default function genCommonMapToken(token: SeedToken): CommonMapToken
- added:
const genControlHeight: (token: SeedToken) => HeightMapToken - added:
default genControlHeight
- added:
const genFontMapToken: (fontSize: number) => FontMapToken - added:
default genFontMapToken
- added:
default function getFontSizes(base: number): { size: number; lineHeight: number }[] - added:
function getLineHeight(fontSize: number): number
- added:
const genRadius: (radiusBase: number) => Pick<MapToken, 'borderRadiusXS' | 'borderRadiusSM' | 'borderRadiusLG' | 'borderRadius' | 'borderRadiusOuter'> - added:
default genRadius
- added:
default function genSizeMapToken(token: SeedToken): SizeMapToken
- added:
const getComputedToken: (originToken: SeedToken, overrideToken: DesignTokenProviderProps['components'] & { override?: Partial<AliasToken> }, theme: Theme<any, any>) => any - added:
const ignore: { [key in keyof AliasToken]?: boolean } - added:
const unitless: { [key in keyof AliasToken]?: boolean } - added:
default function useToken(): [theme: Theme<SeedToken, AliasToken>, token: GlobalToken, hashId: string, realToken: GlobalToken, cssVar?: DesignTokenProviderProps['cssVar']]
- added:
default function formatToken(derivativeToken: RawMergedToken): AliasToken
- added:
default function genPresetColor<Token extends TokenWithCommonCls<AliasToken>>(token: Token, genCss: GenCSS): CSSObject
- added:
const genStyleHooks: <C extends keyof ComponentTokenMap>(component: C | [C, string], styleFn: import('@ant-design/cssinjs-utils').GenStyleFn<ComponentTokenMap, AliasToken, C>, getD…
- added:
default getAlphaColor - added:
function getAlphaColor(frontColor: string, backgroundColor: string): string
- added:
const useResetIconStyle: (iconPrefixCls: string, csp?: CSPConfig) => (node: React.ReactElement) => React.JSX.Element - added:
default useResetIconStyle
- removed:
property TimePickerProps.dropdownClassName?: string - removed:
property TimeRangePickerProps.dropdownClassName?: string - changed:
interface TimePickerProps extends Omit<PickerTimeProps<Moment>, 'picker'> → interface TimePickerProps extends Omit<PickerTimeProps<Dayjs>, 'picker'> - changed:
interface TimeRangePickerProps extends Omit<RangePickerTimeProps<Moment>, 'picker'> → interface TimeRangePickerProps extends Omit<RangePickerTimeProps<Dayjs>, 'picker'> - added:
property TimePickerProps.rootClassName?: string - added:
type PickerTimeProps<DateType extends AnyObject> = PickerPropsWithMultiple<DateType, GenericTimePickerProps<DateType>> - added:
type RangePickerTimeProps<DateType extends AnyObject> = Omit<RangePickerProps<DateType>, 'showTime' | 'picker'>
- added:
const locale: TimePickerLocale - added:
default locale
- added:
const locale: TimePickerLocale - added:
default locale
- added:
property TimelineProps.items?: TimelineItemProps[] - added:
property TimelineProps.rootClassName?: string
- removed:
interface TimeLineItemProps extends TimelineItemProps - removed:
property TimeLineItemProps.__deprecated_do_not_use_it__?: any - changed:
property TimelineItemProps.color?: string → property TimelineItemProps.color?: LiteralUnion<Color> - added:
property TimelineItemProps.key?: React.Key - added:
type TimeLineItemProps = TimelineItemProps
- added:
const TimelineItemList: React.FC<TimelineProps & { hashId: string; direction?: string }> - added:
default TimelineItemList
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const prepareComponentToken: GetDefaultToken<'Timeline'> - added:
default _default - added:
interface ComponentToken - added:
property ComponentToken.dotBg: string - added:
property ComponentToken.dotBorderWidth: number | string - added:
property ComponentToken.itemPaddingBottom: number - added:
property ComponentToken.tailColor: string - added:
property ComponentToken.tailWidth: number | string
- added:
default useItems - added:
function useItems(items?: TimelineItemProps[], children?: React.ReactNode): TimelineItemProps[]
- added:
const PurePanel: React.FC<PurePanelProps> - added:
default PurePanel - added:
interface PurePanelProps extends Omit<TooltipProps, 'children'>
- removed:
type RenderFunction = () => React.ReactNode - changed:
const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<unknown>> → const Tooltip: CompoundedComponent - changed:
property AbstractTooltipProps.color?: LiteralUnion<PresetColorType, string> → property AbstractTooltipProps.color?: LiteralUnion<PresetColorType> - added:
interface TooltipRef - added:
property AbstractTooltipProps.arrow?: boolean | { arrowPointAtCenter?: boolean; pointAtCenter?: boolean } - added:
property AbstractTooltipProps.classNames?: Partial<Record<SemanticName, string>> - added:
property AbstractTooltipProps.destroyOnHidden?: boolean - added:
property AbstractTooltipProps.destroyTooltipOnHide?: boolean | { keepParent?: boolean } - added:
property AbstractTooltipProps.rootClassName?: string - added:
property AbstractTooltipProps.styles?: Partial<Record<SemanticName, React.CSSProperties>> - added:
property TooltipRef.forceAlign: VoidFunction - added:
property TooltipRef.forcePopupAlign: VoidFunction - added:
property TooltipRef.nativeElement: HTMLElement - added:
property TooltipRef.popupElement: HTMLDivElement
- added:
const _default: (prefixCls: string, injectStyle?: boolean) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const prepareComponentToken: GetDefaultToken<'Tooltip'> - added:
default _default - added:
interface ComponentToken extends ArrowOffsetToken, ArrowToken - added:
property ComponentToken.zIndexPopup: number
- added:
function parseColor(prefixCls: string, color?: string): { className: string; overlayStyle: React.CSSProperties; arrowStyle: React.CSSProperties }
- added:
const _default: (props: PurePanelProps) => React.JSX.Element - added:
default _default - added:
interface PurePanelProps extends TourStepProps
- added:
const Tour: React.FC<TourProps> & { _InternalPanelDoNotUseOrYouWillBeFired: typeof PurePanel } - added:
default Tour
- added:
interface TourLocale - added:
interface TourProps extends Omit<RCTourProps, 'renderPanel'> - added:
interface TourStepProps extends RCTourStepProps - added:
property TourLocale.Finish: string - added:
property TourLocale.Next: string - added:
property TourLocale.Previous: string - added:
property TourProps.actionsRender?: TourStepProps['actionsRender'] - added:
property TourProps.current?: number - added:
property TourProps.indicatorsRender?: (current: number, total: number) => ReactNode - added:
property TourProps.prefixCls?: string - added:
property TourProps.steps?: TourStepProps[] - added:
property TourProps.type?: 'default' | 'primary' - added:
property TourStepProps.actionsRender?: (originNode: ReactNode, info: { current: number; total: number }) => ReactNode - added:
property TourStepProps.cover?: ReactNode - added:
property TourStepProps.indicatorsRender?: (current: number, total: number) => ReactNode - added:
property TourStepProps.nextButtonProps?: { children?: ReactNode; onClick?: () => void; className?: string; style?: React.CSSProperties } - added:
property TourStepProps.prevButtonProps?: { children?: ReactNode; onClick?: () => void; className?: string; style?: React.CSSProperties } - added:
property TourStepProps.type?: 'default' | 'primary'
- added:
const TourPanel: React.FC<TourPanelProps> - added:
default TourPanel
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const prepareComponentToken: GetDefaultToken<'Tour'> - added:
default _default - added:
interface ComponentToken extends ArrowOffsetToken, ArrowToken - added:
property ComponentToken.closeBtnSize: number - added:
property ComponentToken.primaryNextBtnHoverBg: string - added:
property ComponentToken.primaryPrevBtnBg: string - added:
property ComponentToken.zIndexPopup: number
- removed:
class ListBody<RecordType extends KeyWiseTransferItem> extends React.Component<TransferListBodyProps<RecordType>, TransferListBodyState> - removed:
default ListBody - removed:
method ListBody.render(): React.JSX.Element - removed:
property ListBody.getItems: () => RenderedItem<RecordType>[] - removed:
property ListBody.onItemRemove: (item: RecordType) => void - removed:
property ListBody.onItemSelect: (item: RecordType) => void - removed:
property ListBody.onPageChange: (current: number) => void - removed:
property ListBody.state: { current: number } - removed:
static method ListBody.getDerivedStateFromProps<T>({ filteredRenderItems, pagination }: TransferListBodyProps<T>, { current }: TransferListBodyState): { current: number } | null - changed:
const OmitProps: ['handleFilter', 'handleClear', 'checkedKeys'] → const OmitProps: readonly ['handleFilter', 'handleClear', 'checkedKeys'] - changed:
property TransferListBodyProps.selectedKeys: string[] → property TransferListBodyProps.selectedKeys: TransferKey[] - changed:
type OmitProp = ElementOf<typeof OmitProps> → type OmitProp = (typeof OmitProps)[number] - added:
const _default: React.ForwardRefExoticComponent<TransferListBodyProps<KeyWiseTransferItem> & React.RefAttributes<ListBodyRef<KeyWiseTransferItem>>> - added:
default _default - added:
interface ListBodyRef<RecordType extends KeyWiseTransferItem> - added:
property ListBodyRef.items?: RenderedItem<RecordType>[]
- added:
const useData: <RecordType extends AnyObject>(dataSource?: RecordType[], rowKey?: TransferProps<RecordType>['rowKey'], targetKeys?: TransferKey[]) => RecordType[][] - added:
default useData
- added:
default useSelection - added:
function useSelection<T extends { key: TransferKey }>(leftDataSource: T[], rightDataSource: T[], selectedKeys?: TransferKey[]): [sourceSelectedKeys: TransferKey[], targetSelectedKeys: TransferKey[], setSourceSelectedKeys: (srcKeys: TransferKey[]) => void, setTargetSelectedKeys: (srcKeys: TransferKey[]) => void]
- removed:
class Transfer<RecordType extends TransferItem = TransferItem> extends React.Component<TransferProps<RecordType>, TransferState> - removed:
constructor Transfer(props: TransferProps<RecordType>) - removed:
method Transfer.getTitles(transferLocale: TransferLocale): React.ReactNode[] - removed:
method Transfer.handleSelectChange(direction: TransferDirection, holder: string[]): void - removed:
method Transfer.render(): React.JSX.Element - removed:
method Transfer.separateDataSource(): { leftDataSource: KeyWise<RecordType>[]; rightDataSource: KeyWise<RecordType>[] } - removed:
property Transfer.getLocale: (transferLocale: TransferLocale, renderEmpty: RenderEmptyHandler) => { titles?: React.ReactNode[] | undefined; notFoundContent: React.ReactNode; searchPlaceholder: string; itemUnit: string; itemsUnit: string; remove?: string | undefined; selectAll?: string | undefined; selectCurrent?: string | undefined; selectInvert?: string | undefined; removeAll?: string | undefine… - removed:
property Transfer.handleClear: (direction: TransferDirection) => void - removed:
property Transfer.handleFilter: (direction: TransferDirection, e: React.ChangeEvent<HTMLInputElement>) => void - removed:
property Transfer.handleLeftClear: () => void - removed:
property Transfer.handleLeftFilter: (e: React.ChangeEvent<HTMLInputElement>) => void - removed:
property Transfer.handleLeftScroll: (e: React.SyntheticEvent<HTMLUListElement>) => void - removed:
property Transfer.handleListStyle: (listStyle: TransferProps<RecordType>['listStyle'], direction: TransferDirection) => React.CSSProperties | undefined - removed:
property Transfer.handleRightClear: () => void - removed:
property Transfer.handleRightFilter: (e: React.ChangeEvent<HTMLInputElement>) => void - removed:
property Transfer.handleRightScroll: (e: React.SyntheticEvent<HTMLUListElement>) => void - removed:
property Transfer.handleScroll: (direction: TransferDirection, e: React.SyntheticEvent<HTMLUListElement>) => void - removed:
property Transfer.moveTo: (direction: TransferDirection) => void - removed:
property Transfer.moveToLeft: () => void - removed:
property Transfer.moveToRight: () => void - removed:
property Transfer.onItemSelect: (direction: TransferDirection, selectedKey: string, checked: boolean) => void - removed:
property Transfer.onItemSelectAll: (direction: TransferDirection, selectedKeys: string[], checkAll: boolean | 'replace') => void - removed:
property Transfer.onLeftItemSelect: (selectedKey: string, checked: boolean) => void - removed:
property Transfer.onLeftItemSelectAll: (selectedKeys: string[], checkAll: boolean) => void - removed:
property Transfer.onRightItemRemove: (selectedKeys: string[]) => void - removed:
property Transfer.onRightItemSelect: (selectedKey: string, checked: boolean) => void - removed:
property Transfer.onRightItemSelectAll: (selectedKeys: string[], checkAll: boolean) => void - removed:
property Transfer.separatedDataSource: { leftDataSource: RecordType[]; rightDataSource: RecordType[] } | null - removed:
property Transfer.setStateKeys: (direction: TransferDirection, keys: string[] | ((prevKeys: string[]) => string[])) => void - removed:
static method Transfer.getDerivedStateFromProps<T>({ selectedKeys, targetKeys, pagination, children }: TransferProps<T>): { sourceSelectedKeys: string[]; targetSelectedKeys: string[] } | null - removed:
static property Transfer.List: typeof List - removed:
static property Transfer.Operation: ({ disabled, moveToLeft, moveToRight, leftArrowText, rightArrowText, leftActive, rightActive, className, style, direction, oneWay }: import('./operation').TransferOperationProps) => React.JSX.Element - removed:
static property Transfer.Search: typeof Search - changed:
interface TransferProps<RecordType> → interface TransferProps<RecordType = any> - changed:
property TransferItem.key?: string → property TransferItem.key?: TransferKey - changed:
property TransferProps.children?: (props: TransferListBodyProps<RecordType>) => React.ReactNode → property TransferProps.children?: (props: TransferCustomListBodyProps<RecordType>) => React.ReactNode - changed:
property TransferProps.filterOption?: (inputValue: string, item: RecordType) => boolean → property TransferProps.filterOption?: (inputValue: string, item: RecordType, direction: TransferDirection) => boolean - changed:
property TransferProps.listStyle?: ((style: ListStyle) => React.CSSProperties) | React.CSSProperties → property TransferProps.listStyle?: ((style: ListStyle) => CSSProperties) | CSSProperties - changed:
property TransferProps.onChange?: (targetKeys: string[], direction: TransferDirection, moveKeys: string[]) => void → property TransferProps.onChange?: (targetKeys: TransferKey[], direction: TransferDirection, moveKeys: TransferKey[]) => void - changed:
property TransferProps.onSelectChange?: (sourceSelectedKeys: string[], targetSelectedKeys: string[]) => void → property TransferProps.onSelectChange?: (sourceSelectedKeys: TransferKey[], targetSelectedKeys: TransferKey[]) => void - changed:
property TransferProps.operationStyle?: React.CSSProperties → property TransferProps.operationStyle?: CSSProperties - changed:
property TransferProps.rowKey?: (record: RecordType) => string → property TransferProps.rowKey?: (record: RecordType) => TransferKey - changed:
property TransferProps.selectedKeys?: string[] → property TransferProps.selectedKeys?: TransferKey[] - changed:
property TransferProps.showSearch?: boolean → property TransferProps.showSearch?: boolean | TransferSearchOption - changed:
property TransferProps.targetKeys?: string[] → property TransferProps.targetKeys?: TransferKey[] - changed:
type KeyWise<T> = T & { key: string } → type KeyWise<T> = T & { key: TransferKey } - added:
const Transfer: { <RecordType extends TransferItem = TransferItem>(props: TransferProps<RecordType>): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>; d… - added:
interface TransferSearchOption - added:
property TransferLocale.deselectAll?: string - added:
property TransferProps.rootClassName?: string - added:
property TransferProps.selectionsIcon?: React.ReactNode - added:
property TransferSearchOption.defaultValue?: string - added:
property TransferSearchOption.placeholder?: string
- added:
type TransferKey = React.Key
- removed:
constructor TransferList(props: TransferListProps<RecordType>) - removed:
default class TransferList<RecordType extends KeyWiseTransferItem> extends React.PureComponent<TransferListProps<RecordType>, TransferListState> - removed:
method TransferList.componentWillUnmount(): void - removed:
method TransferList.getCheckBox({ filteredItems, onItemSelectAll, disabled, prefixCls }: { filteredItems: RecordType[]; onItemSelectAll: (dataSource: string[], checkAll: boolean) => void; disabled?: boolean; prefixCls?: string }): false | JSX.Element - removed:
method TransferList.getCheckStatus(filteredItems: RecordType[]): 'none' | 'all' | 'part' - removed:
method TransferList.getFilteredItems(dataSource: RecordType[], filterValue: string): { filteredItems: RecordType[]; filteredRenderItems: RenderedItem<RecordType>[] } - removed:
method TransferList.getListBody(prefixCls: string, searchPlaceholder: string, filterValue: string, filteredItems: RecordType[], notFoundContent: React.ReactNode | React.ReactNode, filteredRenderItems: RenderedItem<RecordType>[], checkedKeys: string[], renderList?: RenderListFunction<RecordType>, showSearch?: boolean, disabled?: boolean): React.ReactNode - removed:
method TransferList.render(): React.JSX.Element - removed:
property TransferList.defaultListBodyRef: React.RefObject<DefaultListBody<RecordType>> - removed:
property TransferList.getSelectAllLabel: (selectedCount: number, totalCount: number) => React.ReactNode - removed:
property TransferList.handleClear: () => void - removed:
property TransferList.handleFilter: (e: React.ChangeEvent<HTMLInputElement>) => void - removed:
property TransferList.matchFilter: (text: string, item: RecordType) => boolean - removed:
property TransferList.renderItem: (item: RecordType) => RenderedItem<RecordType> - removed:
property TransferList.renderListBody: (renderList: RenderListFunction<RecordType> | undefined, props: TransferListBodyProps<RecordType>) => { customize: boolean; bodyContent: React.ReactNode } - removed:
property TransferList.timer: number - removed:
property TransferList.triggerScrollTimer: number - changed:
property TransferListProps.checkedKeys: string[] → property TransferListProps.checkedKeys: TransferKey[] - changed:
property TransferListProps.filterOption?: (filterText: string, item: RecordType) => boolean → property TransferListProps.filterOption?: (filterText: string, item: RecordType, direction: TransferDirection) => boolean - changed:
property TransferListProps.onItemRemove?: (keys: string[]) => void → property TransferListProps.onItemRemove?: (keys: TransferKey[]) => void - changed:
property TransferListProps.onItemSelect: (key: string, check: boolean) => void → property TransferListProps.onItemSelect: (key: TransferKey, check: boolean, e?: React.MouseEvent<Element, MouseEvent>) => void - changed:
property TransferListProps.onItemSelectAll: (dataSource: string[], checkAll: boolean | 'replace') => void → property TransferListProps.onItemSelectAll: (dataSource: TransferKey[], checkAll: boolean | 'replace') => void - changed:
property TransferListProps.onScroll: (e: React.UIEvent<HTMLUListElement>) => void → property TransferListProps.onScroll: (e: React.UIEvent<HTMLUListElement, UIEvent>) => void - changed:
property TransferListProps.showSearch?: boolean → property TransferListProps.showSearch?: boolean | TransferSearchOption - added:
const TransferList: { <RecordType extends KeyWiseTransferItem>(props: TransferListProps<RecordType>): React.JSX.Element; displayName: string } - added:
default TransferList - added:
interface TransferCustomListBodyProps<T> extends TransferListBodyProps<T> - added:
property TransferListProps.selectionsIcon?: React.ReactNode
- changed:
const Operation: ({ disabled, moveToLeft, moveToRight, leftArrowText, rightArrowText, leftActive, rightActive, className, style, direction, oneWay }: TransferOperationProps) =>… → const Operation: React.FC<TransferOperationProps> - changed:
property TransferOperationProps.moveToLeft?: React.MouseEventHandler<HTMLButtonElement> → property TransferOperationProps.moveToLeft?: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement> - changed:
property TransferOperationProps.moveToRight?: React.MouseEventHandler<HTMLButtonElement> → property TransferOperationProps.moveToRight?: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>
- removed:
default function Search(props: TransferSearchProps): React.JSX.Element - changed:
property TransferSearchProps.onChange?: (e: React.FormEvent<HTMLElement>) => void → property TransferSearchProps.onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void - added:
const Search: React.FC<TransferSearchProps> - added:
default Search
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const prepareComponentToken: GetDefaultToken<'Transfer'> - added:
default _default - added:
interface ComponentToken - added:
property ComponentToken.headerHeight: number | string - added:
property ComponentToken.itemHeight: number | string - added:
property ComponentToken.itemPaddingBlock: number | string - added:
property ComponentToken.listHeight: number | string - added:
property ComponentToken.listWidth: number | string - added:
property ComponentToken.listWidthLG: number | string
- changed:
interface TreeSelectProps<ValueType = any, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType> extends Omit<RcTreeSelectProps<ValueType, OptionType>, 'showTreeIcon' | 'treeMotion' | 'inputIcon' | 'mode' | 'getInputElement' | 'backfill' | 'treeLine' | 'switcherIcon'> → interface TreeSelectProps<ValueType = any, OptionType extends DataNode = DataNode> extends React.AriaAttributes, Omit<RcTreeSelectProps<ValueType, OptionType>, 'showTreeIcon' | 'treeMotion' | 'mode' | 'getInputElement' | 'backfill' | 'treeLine' | 'switcherIcon'> - added:
property TreeSelectProps.classNames?: Partial<Record<SemanticName, string>> & { popup?: Partial<Record<PopupSemantic, string>> } - added:
property TreeSelectProps.dropdownMatchSelectWidth?: boolean | number - added:
property TreeSelectProps.dropdownRender?: (menu: React.ReactElement) => React.ReactElement - added:
property TreeSelectProps.dropdownStyle?: React.CSSProperties - added:
property TreeSelectProps.onDropdownVisibleChange?: (visible: boolean) => void - added:
property TreeSelectProps.onOpenChange?: (open: boolean) => void - added:
property TreeSelectProps.popupMatchSelectWidth?: boolean | number - added:
property TreeSelectProps.popupRender?: (menu: React.ReactElement) => React.ReactElement - added:
property TreeSelectProps.rootClassName?: string - added:
property TreeSelectProps.showArrow?: boolean - added:
property TreeSelectProps.styles?: Partial<Record<SemanticName, React.CSSProperties>> & { popup?: Partial<Record<PopupSemantic, React.CSSProperties>> } - added:
property TreeSelectProps.variant?: Variant
- added:
const prepareComponentToken: GetDefaultToken<'TreeSelect'> - added:
default function useTreeSelectStyle(prefixCls: string, treePrefixCls: string, rootCls: string): readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
interface ComponentToken extends TreeSharedToken
- changed:
interface AntTreeNode extends React.Component<AntTreeNodeProps, {}> → interface AntTreeNode extends Component<AntTreeNodeProps> - changed:
property AntTreeNodeProps.eventKey?: string → property AntTreeNodeProps.eventKey?: Key - changed:
property AntTreeNodeProps.icon?: ((treeNode: AntdTreeNodeAttribute) => React.ReactNode) | React.ReactNode → property AntTreeNodeProps.icon?: TreeIcon - changed:
property AntTreeNodeProps.title?: string | React.ReactNode → property AntTreeNodeProps.title?: React.ReactNode | ((data: DataNode) => React.ReactNode) - changed:
property TreeProps.icon?: ((nodeProps: AntdTreeNodeAttribute) => React.ReactNode) | React.ReactNode | RcTreeProps<T>['icon'] → property TreeProps.icon?: TreeIcon - changed:
property TreeProps.switcherIcon?: SwitcherIcon | RcTreeProps<T>['switcherIcon'] → property TreeProps.switcherIcon?: SwitcherIcon - added:
property TreeProps.switcherLoadingIcon?: React.ReactNode
- added:
export { BasicDataNode }
- added:
const genDirectoryStyle: ({ treeCls, treeNodeCls, directoryNodeSelectedBg, directoryNodeSelectedColor, motionDurationMid, borderRadius, controlItemBgHover }: TreeToken) => CSSObject
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const genBaseStyle: (prefixCls: string, token: TreeToken) => CSSObject - added:
const genTreeStyle: (prefixCls: string, token: AliasToken & TreeSharedToken & CSSUtil, enableDirectory?: boolean) => CSSInterpolation - added:
const initComponentToken: (token: AliasToken) => TreeSharedToken - added:
const prepareComponentToken: GetDefaultToken<'Tree'> - added:
default _default - added:
interface ComponentToken extends TreeSharedToken - added:
interface TreeSharedToken - added:
property ComponentToken.directoryNodeSelectedBg: string - added:
property ComponentToken.directoryNodeSelectedColor: string - added:
property TreeSharedToken.indentSize?: number - added:
property TreeSharedToken.nodeHoverBg: string - added:
property TreeSharedToken.nodeHoverColor: string - added:
property TreeSharedToken.nodeSelectedBg: string - added:
property TreeSharedToken.nodeSelectedColor: string - added:
property TreeSharedToken.titleHeight: number - added:
type TreeToken = FullToken<'Tree'> & { treeCls: string; treeNodeCls: string; treeNodePadding: number | string }
- changed:
function calcRangeKeys({ treeData, expandedKeys, startKey, endKey }: { treeData: DataNode[]; expandedKeys: Key[]; startKey?: Key; endKey?: Key }): Key[] → function calcRangeKeys({ treeData, expandedKeys, startKey, endKey, fieldNames }: { treeData: DataNode[]; expandedKeys: Key[]; startKey?: Key; endKey?: Key; fieldNames?: FieldNames }): Key[] - changed:
function convertDirectoryKeysToNodes(treeData: DataNode[], keys: Key[]): DataNode[] → function convertDirectoryKeysToNodes(treeData: DataNode[], keys: Key[], fieldNames?: FieldNames): DataNode[]
- changed:
default function dropIndicatorRender(props: { dropPosition: -1 | 0 | 1; dropLevelOffset: number; indent: number; prefixCls: string; direction: 'ltr' | 'rtl' }): React.JSX.Element → function dropIndicatorRender(props: { dropPosition: -1 | 0 | 1; dropLevelOffset: number; indent: number; prefixCls: string; direction: DirectionType }): React.JSX.Element - added:
default dropIndicatorRender
- removed:
default function renderSwitcherIcon(prefixCls: string, switcherIcon: SwitcherIcon, showLine: boolean | { showLeafIcon: boolean | TreeLeafIcon } | undefined, treeNodeProps: AntTreeNodeProps): React.ReactNode - added:
const SwitcherIconCom: React.FC<SwitcherIconProps> - added:
default SwitcherIconCom
- added:
const CopyBtn: React.FC<CopyBtnProps> - added:
default CopyBtn - added:
interface CopyBtnProps extends Omit<CopyConfig, 'onCopy'> - added:
property CopyBtnProps.copied: boolean - added:
property CopyBtnProps.iconOnly: boolean - added:
property CopyBtnProps.loading: boolean - added:
property CopyBtnProps.locale: Locale['Text'] - added:
property CopyBtnProps.onCopy: React.MouseEventHandler<HTMLButtonElement> - added:
property CopyBtnProps.prefixCls: string
- removed:
const Ellipsis: { ({ enabledMeasure, children, text, width, fontSize, rows, onEllipsis }: EllipsisProps): React.JSX.Element; displayName: string } - removed:
default Ellipsis - removed:
property EllipsisProps.enabledMeasure?: boolean - removed:
property EllipsisProps.fontSize: number - changed:
property EllipsisProps.children: (cutChildren: React.ReactNode[], needEllipsis: boolean) => React.ReactNode → property EllipsisProps.children: (cutChildren: React.ReactNode[], canEllipsis: boolean) => React.ReactNode - added:
default function EllipsisMeasure(props: EllipsisProps): React.JSX.Element - added:
property EllipsisProps.enableMeasure?: boolean - added:
property EllipsisProps.expanded: boolean - added:
property EllipsisProps.miscDeps: any[]
- removed:
property EllipsisTooltipProps.enabledEllipsis: boolean - changed:
const EllipsisTooltip: { ({ enabledEllipsis, isEllipsis, children, tooltipProps }: EllipsisTooltipProps): React.JSX.Element; displayName: string } → const EllipsisTooltip: React.FC<EllipsisTooltipProps> - added:
property EllipsisTooltipProps.enableEllipsis: boolean
- changed:
property EllipsisConfig.expandable?: boolean → property EllipsisConfig.expandable?: boolean | 'collapsible' - changed:
property EllipsisConfig.onExpand?: React.MouseEventHandler<HTMLElement> → property EllipsisConfig.onExpand?: (e: React.MouseEvent<HTMLElement, MouseEvent>, info: { expanded: boolean }) => void - changed:
property EllipsisConfig.symbol?: React.ReactNode → property EllipsisConfig.symbol?: React.ReactNode | ((expanded: boolean) => React.ReactNode) - added:
interface CopyConfig - added:
property CopyConfig.format?: 'text/plain' | 'text/html' - added:
property CopyConfig.icon?: React.ReactNode - added:
property CopyConfig.onCopy?: (event?: React.MouseEvent<HTMLButtonElement>) => void - added:
property CopyConfig.tabIndex?: number - added:
property CopyConfig.text?: string | (() => string | Promise<string>) - added:
property CopyConfig.tooltips?: React.ReactNode - added:
property EllipsisConfig.defaultExpanded?: boolean - added:
property EllipsisConfig.expanded?: boolean
- added:
const isValidText: (val: any) => val is string | number - added:
function getNode(dom: React.ReactNode, defaultNode: React.ReactNode, needDom?: boolean): import('react').ReactNode - added:
function isEleEllipsis(ele: HTMLElement): boolean - added:
function toList<T>(val: T | T[]): T[]
- changed:
property TitleProps.level?: typeof TITLE_ELE_LIST[number] → property TitleProps.level?: (typeof TITLE_ELE_LIST)[number]
- removed:
property TypographyProps['aria-label']?: string - added:
property TypographyProps.'aria-label'?: string - added:
property TypographyProps.rootClassName?: string
- added:
const useCopyClick: ({ copyConfig, children }: { copyConfig: CopyConfig; children?: React.ReactNode }) => { copied: boolean; copyLoading: boolean; onClick: (e?: React.MouseEvent<H… - added:
default useCopyClick
- added:
const usePrevious: <T>(value: T) => T | undefined - added:
default usePrevious
- added:
const useTooltipProps: (tooltip: React.ReactNode | TooltipProps, editConfigText: React.ReactNode, children: React.ReactNode) => { [Symbol.iterator](): Iterator<import('react').ReactN… - added:
default useTooltipProps
- removed:
const useUpdatedEffect: (callback: () => void, conditions?: React.DependencyList) => void - removed:
default useUpdatedEffect
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const prepareComponentToken: GetDefaultToken<'Typography'> - added:
default _default - added:
interface ComponentToken - added:
property ComponentToken.titleMarginBottom: number | string - added:
property ComponentToken.titleMarginTop: number | string - added:
type TypographyToken = FullToken<'Typography'>
- added:
const getCopyableStyles: GenerateStyle<TypographyToken, CSSObject> - added:
const getEditableStyles: GenerateStyle<TypographyToken, CSSObject> - added:
const getEllipsisStyles: () => CSSObject - added:
const getLinkStyles: GenerateStyle<TypographyToken, CSSObject> - added:
const getResetStyles: GenerateStyle<TypographyToken, CSSObject> - added:
const getTitleStyles: GenerateStyle<TypographyToken, CSSObject>
- changed:
const Dragger: React.ForwardRefExoticComponent<UploadProps<any> & { height?: number | undefined } & React.RefAttributes<unknown>> → const Dragger: React.ForwardRefExoticComponent<UploadProps<any> & { height?: number } & React.RefAttributes<UploadRef<any>>> - changed:
type DraggerProps = UploadProps & { height?: number } → type DraggerProps<T = any> = UploadProps<T> & { height?: number }
- changed:
const Upload: React.ForwardRefExoticComponent<UploadProps<any> & React.RefAttributes<unknown>> → const Upload: React.ForwardRefExoticComponent<UploadProps<any> & React.RefAttributes<UploadRef<any>>> - added:
interface UploadRef<T = any> - added:
property UploadRef.fileList: UploadFile<T>[] - added:
property UploadRef.nativeElement: HTMLSpanElement | null - added:
property UploadRef.onBatchStart: RcUploadProps['onBatchStart'] - added:
property UploadRef.onError: (error: Error, response: any, file: RcFile) => void - added:
property UploadRef.onProgress: (e: { percent: number }, file: RcFile) => void - added:
property UploadRef.onSuccess: (response: any, file: RcFile, xhr: any) => void - added:
property UploadRef.upload: RcUpload | null
- changed:
property ListItemProps.actionIconRender: (customIcon: React.ReactNode, callback: () => void, prefixCls: string, title?: string | undefined) => React.ReactNode → property ListItemProps.actionIconRender: (customIcon: React.ReactNode, callback: () => void, prefixCls: string, title?: string, acceptUploadDisabled?: boolean) => React.ReactNode - changed:
property ListItemProps.showDownloadIcon?: boolean → property ListItemProps.showDownloadIcon?: boolean | ((file: UploadFile) => boolean) - changed:
property ListItemProps.showPreviewIcon?: boolean → property ListItemProps.showPreviewIcon?: boolean | ((file: UploadFile) => boolean) - changed:
property ListItemProps.showRemoveIcon?: boolean → property ListItemProps.showRemoveIcon?: boolean | ((file: UploadFile) => boolean) - added:
property ListItemProps.extra?: React.ReactNode | ((file: UploadFile) => React.ReactNode)
- changed:
const UploadList: React.ForwardRefExoticComponent<UploadListProps<any> & React.RefAttributes<unknown>> → const UploadList: React.ForwardRefExoticComponent<UploadListProps<any> & React.RefAttributes<UploadListRef>>
- changed:
const Upload: CompoundedComponent<any> → const Upload: CompoundedComponent
- changed:
interface ShowUploadListInterface → interface ShowUploadListInterface<T = any> - changed:
interface UploadFile<T = any> → interface UploadFile<T = any> extends ProgressAriaProps - changed:
interface UploadProps<T = any> extends Pick<RcUploadProps, 'capture'> → interface UploadProps<T = any> extends Pick<RcUploadProps, 'capture' | 'hasControlInside' | 'pastable'> - changed:
property ShowUploadListInterface.downloadIcon?: React.ReactNode | ((file: UploadFile) => React.ReactNode) → property ShowUploadListInterface.downloadIcon?: React.ReactNode | ((file: UploadFile<T>) => React.ReactNode) - changed:
property ShowUploadListInterface.previewIcon?: React.ReactNode | ((file: UploadFile) => React.ReactNode) → property ShowUploadListInterface.previewIcon?: React.ReactNode | ((file: UploadFile<T>) => React.ReactNode) - changed:
property ShowUploadListInterface.removeIcon?: React.ReactNode | ((file: UploadFile) => React.ReactNode) → property ShowUploadListInterface.removeIcon?: React.ReactNode | ((file: UploadFile<T>) => React.ReactNode) - changed:
property ShowUploadListInterface.showDownloadIcon?: boolean → property ShowUploadListInterface.showDownloadIcon?: boolean | ((file: UploadFile<T>) => boolean) - changed:
property ShowUploadListInterface.showPreviewIcon?: boolean → property ShowUploadListInterface.showPreviewIcon?: boolean | ((file: UploadFile<T>) => boolean) - changed:
property ShowUploadListInterface.showRemoveIcon?: boolean → property ShowUploadListInterface.showRemoveIcon?: boolean | ((file: UploadFile<T>) => boolean) - changed:
property UploadListProps.downloadIcon?: React.ReactNode | ((file: UploadFile) => React.ReactNode) → property UploadListProps.downloadIcon?: React.ReactNode | ((file: UploadFile<T>) => React.ReactNode) - changed:
property UploadListProps.isImageUrl?: (file: UploadFile) => boolean → property UploadListProps.isImageUrl?: (file: UploadFile<T>) => boolean - changed:
property UploadListProps.previewIcon?: React.ReactNode | ((file: UploadFile) => React.ReactNode) → property UploadListProps.previewIcon?: React.ReactNode | ((file: UploadFile<T>) => React.ReactNode) - changed:
property UploadListProps.removeIcon?: React.ReactNode | ((file: UploadFile) => React.ReactNode) → property UploadListProps.removeIcon?: React.ReactNode | ((file: UploadFile<T>) => React.ReactNode) - changed:
property UploadListProps.showDownloadIcon?: boolean → property UploadListProps.showDownloadIcon?: boolean | ((file: UploadFile<T>) => boolean) - changed:
property UploadListProps.showPreviewIcon?: boolean → property UploadListProps.showPreviewIcon?: boolean | ((file: UploadFile<T>) => boolean) - changed:
property UploadListProps.showRemoveIcon?: boolean → property UploadListProps.showRemoveIcon?: boolean | ((file: UploadFile<T>) => boolean) - changed:
property UploadProps.beforeUpload?: (file: RcFile, FileList: RcFile[]) => BeforeUploadValueType | Promise<BeforeUploadValueType> → property UploadProps.beforeUpload?: (file: RcFile, fileList: RcFile[]) => BeforeUploadValueType | Promise<BeforeUploadValueType> - changed:
property UploadProps.customRequest?: (options: RcCustomRequestOptions) => void → property UploadProps.customRequest?: (options: RcCustomRequestOptions<T>, info: { defaultRequest: (option: RcCustomRequestOptions<T>) => void }) => void - changed:
property UploadProps.isImageUrl?: (file: UploadFile) => boolean → property UploadProps.isImageUrl?: (file: UploadFile<T>) => boolean - changed:
property UploadProps.showUploadList?: boolean | ShowUploadListInterface → property UploadProps.showUploadList?: boolean | ShowUploadListInterface<T> - changed:
type ItemRender<T = any> = (originNode: React.ReactElement, file: UploadFile, fileList: Array<UploadFile<T>>, actions: { download: () => void; preview: () => void; remove: () => void })… → type ItemRender<T = any> = (originNode: React.ReactElement, file: UploadFile<T>, fileList: Array<UploadFile<T>>, actions: { download: () => void; preview: () => void; remove: () => void… - changed:
type UploadFileStatus = 'error' | 'success' | 'done' | 'uploading' | 'removed' → type UploadFileStatus = 'error' | 'done' | 'uploading' | 'removed' - changed:
type UploadListType = 'text' | 'picture' | 'picture-card' → type UploadListType = 'text' | 'picture' | 'picture-card' | 'picture-circle' - added:
property ShowUploadListInterface.extra?: React.ReactNode | ((file: UploadFile<T>) => React.ReactNode) - added:
property UploadListProps.className?: string - added:
property UploadListProps.extra?: React.ReactNode | ((file: UploadFile<T>) => React.ReactNode) - added:
property UploadProps.rootClassName?: string
- added:
const genDraggerStyle: GenerateStyle<UploadToken> - added:
default genDraggerStyle
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const prepareComponentToken: GetDefaultToken<'Upload'> - added:
default _default - added:
interface ComponentToken - added:
interface UploadToken extends FullToken<'Upload'> - added:
property ComponentToken.actionsColor: string - added:
property ComponentToken.pictureCardSize: number - added:
property UploadToken.uploadPicCardSize: number | string - added:
property UploadToken.uploadProgressOffset: number | string - added:
property UploadToken.uploadThumbnailSize: number | string
- added:
const genListStyle: GenerateStyle<UploadToken> - added:
default genListStyle
- added:
const genMotionStyle: GenerateStyle<UploadToken> - added:
default genMotionStyle
- added:
const genPictureCardStyle: GenerateStyle<UploadToken> - added:
const genPictureStyle: GenerateStyle<UploadToken>
- added:
const genRtlStyle: GenerateStyle<UploadToken> - added:
default genRtlStyle
- changed:
function getFileItem(file: RcFile, fileList: UploadFile[]): UploadFile<any> → function getFileItem(file: RcFile, fileList: (UploadFile | Readonly<UploadFile>)[]): UploadFile<any> | Readonly<UploadFile<any>> - changed:
function removeFileItem(file: UploadFile, fileList: UploadFile[]): UploadFile<any>[] | null → function removeFileItem(file: UploadFile, fileList: (UploadFile | Readonly<UploadFile>)[]): (UploadFile<any> | Readonly<UploadFile<any>>)[] | null - changed:
function updateFileList(file: UploadFile<any>, fileList: UploadFile<any>[]): UploadFile<any>[] → function updateFileList(file: UploadFile, fileList: (UploadFile | Readonly<UploadFile>)[]): (UploadFile<any> | Readonly<UploadFile<any>>)[]
- removed:
const _default: '4.24.16' - removed:
default _default - added:
default version
- changed:
const _default: '5.15.3' → const _default: '5.29.3'
- added:
const WatermarkContext: React.Context<WatermarkContextProps> - added:
default WatermarkContext - added:
function usePanelRef(panelSelector?: string): (ele: HTMLElement | null) => void - added:
interface WatermarkContextProps - added:
property WatermarkContextProps.add: (ele: HTMLElement) => void - added:
property WatermarkContextProps.remove: (ele: HTMLElement) => void
- added:
const Watermark: React.FC<WatermarkProps> - added:
default Watermark - added:
interface WatermarkProps - added:
property WatermarkProps.children?: React.ReactNode - added:
property WatermarkProps.className?: string - added:
property WatermarkProps.content?: string | string[] - added:
property WatermarkProps.font?: { color?: CanvasFillStrokeStyles['fillStyle']; fontSize?: number | string; fontWeight?: 'normal' | 'light' | 'weight' | number; fontStyle?: 'none' | 'normal' | 'italic' | 'oblique'; fontFamily?: string; textAlign?: CanvasTextAlign } - added:
property WatermarkProps.gap?: [number, number] - added:
property WatermarkProps.height?: number - added:
property WatermarkProps.image?: string - added:
property WatermarkProps.inherit?: boolean - added:
property WatermarkProps.offset?: [number, number] - added:
property WatermarkProps.rootClassName?: string - added:
property WatermarkProps.rotate?: number - added:
property WatermarkProps.style?: React.CSSProperties - added:
property WatermarkProps.width?: number - added:
property WatermarkProps.zIndex?: number
- added:
const FontGap = 3 - added:
const useClips: () => (content: NonNullable<WatermarkProps['content']> | HTMLImageElement, rotate: number, ratio: number, width: number, height: number, font: Required<NonNull… - added:
default useClips
- added:
default function useRafDebounce(callback: VoidFunction): () => void
- added:
default function useSingletonCache<T extends any[], R>(): GetCache<T, R> - added:
type GetCache<T, R> = (cacheKeys: T, callback: () => R) => R
- added:
const BaseSize = 2 - added:
const FontGap = 3 - added:
default function useWatermark(markStyle: React.CSSProperties): [appendWatermark: AppendWatermark, removeWatermark: (container: HTMLElement) => void, isWatermarkEle: (ele: Node) => boolean] - added:
type AppendWatermark = (base64Url: string, markWidth: number, container: HTMLElement) => void
- added:
const reRendering: (mutation: MutationRecord, isWatermarkEle: (ele: Node) => boolean) => boolean - added:
function getPixelRatio(): number - added:
function getStyleStr(style: React.CSSProperties): string - added:
function toLowercaseSeparator(key: string): string
- changed:
property ActionButtonProps.close?: Function → property ActionButtonProps.close?: (...args: any[]) => void - added:
property ActionButtonProps.isSilent?: () => boolean
- added:
const ContextIsolator: React.FC<Readonly<React.PropsWithChildren<Partial<Record<'space' | 'form', boolean>>>>> - added:
default ContextIsolator
- added:
const genPurePanel: <ComponentProps extends BaseProps = BaseProps>(Component: React.ComponentType<Readonly<ComponentProps>>, alignPropName?: 'align' | 'dropdownAlign' | 'popupAlig… - added:
default genPurePanel - added:
function withPureRenderTheme<T extends AnyObject = AnyObject>(Component: React.FC<T>): (props: T) => React.JSX.Element - added:
interface BaseProps - added:
property BaseProps.prefixCls?: string - added:
property BaseProps.style?: React.CSSProperties
- added:
type HTMLAriaDataAttributes = React.AriaAttributes & { [key: `data-${string}`]: unknown } & Pick<React.HTMLAttributes<HTMLDivElement>, 'role'>
- added:
default function capitalize<T extends string>(str: T): Capitalize<T>
- removed:
const PresetColorTypes: ['pink', 'red', 'yellow', 'orange', 'cyan', 'green', 'blue', 'purple', 'geekblue', 'magenta', 'volcano', 'gold', 'lime'] - changed:
const PresetStatusColorTypes: ['success', 'processing', 'error', 'default', 'warning'] → const PresetStatusColorTypes: readonly ['success', 'processing', 'error', 'default', 'warning'] - changed:
type PresetColorType = ElementOf<typeof PresetColorTypes> → type PresetColorType = PresetColorKey | InverseColor - changed:
type PresetStatusColorType = ElementOf<typeof PresetStatusColorTypes> → type PresetStatusColorType = (typeof PresetStatusColorTypes)[number] - added:
function isPresetColor(color?: any, includeInverse?: boolean): boolean - added:
function isPresetStatusColor(color?: any): color is PresetStatusColorType
- added:
default convertToTooltipProps - added:
function convertToTooltipProps<P extends TooltipProps>(tooltip: P | ReactNode): P | null
- added:
default mergeProps - added:
function mergeProps<A, B, C, D>(a: A, b: B, c: C, d: D): D & C & B & A - added:
function mergeProps<A, B, C>(a: A, b: B, c: C): C & B & A - added:
function mergeProps<A, B>(a: A, b: B): B & A
- added:
function isPresetSize(size?: SizeType | string | number): size is SizeType - added:
function isValidGapNumber(size?: SizeType | string | number): size is number
- added:
const getAllowClear: (allowClear: AllowClear) => AllowClear - added:
default getAllowClear - added:
type AllowClear = BaseInputProps['allowClear']
- removed:
default function getDataOrAriaProps(props: any): any
- removed:
default function getScroll(target: HTMLElement | Window | Document | null, top: boolean): number - added:
const getScroll: (target: HTMLElement | Window | Document | null) => number - added:
default getScroll
- added:
export * from './useClosable' - added:
export * from './useForceUpdate' - added:
export * from './useMergeSemantic' - added:
export * from './useMultipleSelect' - added:
export * from './usePatchElement' - added:
export * from './useProxyImperativeHandle' - added:
export * from './useSyncState' - added:
export * from './useZIndex'
- added:
const useClosable: (propCloseCollection?: ClosableCollection, contextCloseCollection?: ClosableCollection | null, fallbackCloseCollection?: FallbackCloseCollection) => [closable:… - added:
function pickClosable<T extends BaseContextClosable>(context?: ContextClosable<T>): ContextClosable<T> | undefined - added:
type BaseContextClosable = { closable?: ClosableType; closeIcon?: ReactNode } - added:
type ClosableType = DialogProps['closable'] - added:
type ContextClosable<T extends BaseContextClosable = any> = Partial<Pick<T, 'closable' | 'closeIcon'>> - added:
type UseClosableParams = { closable?: ClosableType; closeIcon?: ReactNode; defaultClosable?: boolean; defaultCloseIcon?: ReactNode; customCloseIconRender?: (closeIcon: ReactNode) => Re…
- removed:
const _default: () => boolean - removed:
default _default
- removed:
default function useForceUpdate(): React.DispatchWithoutAction - added:
const useForceUpdate: () => [number, React.ActionDispatch<[]>]
- added:
const useMergeSemantic: <ClassNamesType extends object, StylesType extends object>(classNamesList: (ClassNamesType | undefined)[], stylesList: (StylesType | undefined)[], schema?: Sem… - added:
function mergeClassNames<T extends string, SemanticClassNames extends Partial<Record<T, any>> = TemplateSemanticClassNames<T>>(schema?: SemanticSchema, ...classNames: (SemanticClassNames | undefined)[]): any - added:
type SemanticSchema = { _default?: string } & { [key: `${ValidChar}${string}`]: SemanticSchema }
- added:
const useMultipleSelect: <T, K>(getKey: (item: T, index: number, array: T[]) => K) => readonly [(currentSelectedIndex: number, data: T[], selectedKeys: Set<K>) => K[], import('react').… - added:
type PrevSelectedIndex = null | number
- removed:
default function usePatchElement(): [React.ReactElement[], (element: React.ReactElement) => Function] - added:
const usePatchElement: () => [React.ReactElement[], (element: React.ReactElement) => () => void]
- added:
const useProxyImperativeHandle: <NativeELementType extends HTMLElement, ReturnRefType extends { nativeElement: NativeELementType }>(ref: Ref<any> | undefined, init: () => ReturnRefType) => vo…
- removed:
default function useSyncState<T>(initialValue: T): UseSyncStateProps<T> - added:
const useSyncState: <T>(initialValue: T) => UseSyncStateProps<T>
- added:
const CONTAINER_MAX_OFFSET: number - added:
const consumerBaseZIndexOffset: Record<ZIndexConsumer, number> - added:
const containerBaseZIndexOffset: Record<ZIndexContainer, number> - added:
const useZIndex: (componentType: ZIndexContainer | ZIndexConsumer, customZIndex?: number) => ReturnResult - added:
type ZIndexConsumer = 'SelectLike' | 'Dropdown' | 'DatePicker' | 'Menu' | 'ImagePreview' - added:
type ZIndexContainer = 'Modal' | 'Drawer' | 'Popover' | 'Popconfirm' | 'Tooltip' | 'Tour' | 'FloatButton'
- removed:
const isNumeric: (value: any) => boolean - removed:
default isNumeric
- added:
const isPrimitive: (value: unknown) => boolean - added:
default isPrimitive
- added:
const addMediaQueryListener: MQListenerHandler - added:
const removeMediaQueryListener: MQListenerHandler
- removed:
const collapseMotion: CSSMotionProps - removed:
const getTransitionDirection: (placement: SelectCommonPlacement | undefined) => 'slide-down' | 'slide-up' - removed:
default collapseMotion - changed:
type SelectCommonPlacement = typeof SelectPlacements[number] → type SelectCommonPlacement = (typeof _SelectPlacements)[number] - added:
const initCollapseMotion: (rootCls?: string) => CSSMotionProps - added:
default initCollapseMotion
- removed:
property PlacementsConfig.horizontalArrowShift?: number - removed:
property PlacementsConfig.verticalArrowShift?: number - changed:
function getOverflowOptions(autoAdjustOverflow?: boolean | AdjustOverflow): { adjustX: number; adjustY: number } → function getOverflowOptions(placement: string, arrowOffset: ReturnType<typeof getArrowOffsetToken>, arrowWidth: number, autoAdjustOverflow?: boolean | AdjustOverflow): { adjustX?: boolean | number; adjustY?: boolean | number; shiftX?: boolean | number; shiftY?: boolean | number } - changed:
property PlacementsConfig.arrowWidth?: number → property PlacementsConfig.arrowWidth: number - added:
property PlacementsConfig.borderRadius: number - added:
property PlacementsConfig.offset: number - added:
property PlacementsConfig.visibleFirst?: boolean
- removed:
default wrapperRaf - removed:
function wrapperRaf(callback: () => void, delayFrames?: number): number - removed:
namespace wrapperRaf - removed:
var wrapperRaf.cancel: (pid?: number | undefined) => void - removed:
var wrapperRaf.ids: RafMap
- removed:
const isValidElement: typeof React.isValidElement - removed:
function replaceElement(element: React.ReactNode, replacement: React.ReactNode, props?: RenderProps): React.ReactNode - changed:
function cloneElement(element: React.ReactNode, props?: RenderProps): React.ReactElement → function cloneElement<P>(element: React.ReactNode, props?: RenderProps): React.ReactElement<P> - added:
const replaceElement: <P>(element: React.ReactNode, replacement: React.ReactNode, props?: RenderProps) => React.ReactNode
- removed:
const responsiveArray: Breakpoint[] - removed:
const responsiveMap: BreakpointMap - removed:
const responsiveObserve: { matchHandlers: { [prop: string]: { mql: MediaQueryList; listener: ((this: MediaQueryList, ev: MediaQueryListEvent) => any) | null } }; dispatch(pointMap: Scr… - removed:
default responsiveObserve - removed:
type Breakpoint = 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs' - removed:
type BreakpointMap = Record<Breakpoint, string> - removed:
type ScreenMap = Partial<Record<Breakpoint, boolean>> - removed:
type ScreenSizeMap = Partial<Record<Breakpoint, number>>
- added:
const matchScreen: (screens: ScreenMap, screenSizes?: ScreenSizeMap) => number | undefined - added:
const responsiveArray: Breakpoint[] - added:
const useResponsiveObserver: () => ResponsiveObserverType - added:
default useResponsiveObserver - added:
type Breakpoint = 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs' - added:
type BreakpointMap = Record<Breakpoint, string> - added:
type ScreenMap = Partial<Record<Breakpoint, boolean>> - added:
type ScreenSizeMap = Partial<Record<Breakpoint, number>>
- changed:
type InputStatus = typeof InputStatuses[number] → type InputStatus = (typeof _InputStatuses)[number]
- removed:
const detectFlexGapSupported: () => boolean
- removed:
function throttleByAnimationFrameDecorator(): (target: any, key: string, descriptor: any) => { configurable: boolean; get(): any } - changed:
function throttleByAnimationFrame<T extends unknown[]>(fn: (...args: T) => void): { (...args: T): void; cancel: () => void } → function throttleByAnimationFrame<T extends any[]>(fn: (...args: T) => void): { (...args: T): void; cancel(): void } - added:
default throttleByAnimationFrame
- added:
const toList: <T>(candidate: T | T[], skipEmpty?: boolean) => T[] - added:
default toList
- removed:
const TransButton: React.ForwardRefExoticComponent<TransButtonProps & React.RefAttributes<HTMLDivElement>> - removed:
default TransButton
- added:
const groupDisabledKeysMap: <RecordType extends any[]>(dataSource: RecordType) => Map<import('react').Key, number> - added:
const groupKeysMap: (keys: TransferKey[]) => Map<import('react').Key, number>
- removed:
const tuple: <T extends string[]>(...args: T) => T - removed:
const tupleNum: <T extends number[]>(...args: T) => T - removed:
type ElementOf<T> = T extends (infer E)[] ? E : T extends readonly (infer F)[] ? F : never - changed:
type LiteralUnion<T extends U, U> = T | (U & {}) → type LiteralUnion<T, U extends Primitive = string> = T | (U & Record<never, never>) - added:
type AnyObject = Record<PropertyKey, any> - added:
type CustomComponent<P = AnyObject> = React.ComponentType<P> | string - added:
type EmptyObject = Record<never, never> - added:
type GetContextProp<T extends React.Context<any>, PropName extends keyof GetContextProps<T>> = NonNullable<GetContextProps<T>[PropName]> - added:
type GetContextProps<T> = T extends React.Context<infer P> ? P : never - added:
type GetProp<T extends React.ComponentType<any> | object, PropName extends keyof GetProps<T>> = NonNullable<GetProps<T>[PropName]> - added:
type GetProps<T extends React.ComponentType<any> | object> = T extends React.ComponentType<infer P> ? P : T extends object ? T : never - added:
type GetRef<T extends ReactRefComponent<any> | React.Component<any>> = T extends React.Component<any> ? T : T extends React.ComponentType<infer P> ? ExtractRefAttributesRef<P> : never - added:
type Primitive = null | undefined | string | number | boolean | symbol | bigint - added:
type ValidChar = 'a' | 'b' | 'c' | 'd' | 'e' | 'f' | 'g' | 'h' | 'i' | 'j' | 'k' | 'l' | 'm' | 'n' | 'o' | 'p' | 'q' | 'r' | 's' | 't' | 'u' | 'v' | 'w' | 'x' | 'y' | 'z'
- removed:
export { resetWarned } - removed:
let warning: Warning - added:
const WarningContext: React.Context<WarningContextProps> - added:
const devUseWarning: (component: string) => TypeWarning - added:
const warning: Warning - added:
function resetWarned(): void - added:
interface WarningContextProps - added:
property WarningContextProps.strict?: boolean
- removed:
class Wave extends React.Component<WaveProps> - removed:
default Wave - removed:
interface WaveProps - removed:
method Wave.componentDidMount(): void - removed:
method Wave.componentWillUnmount(): void - removed:
method Wave.getAttributeName(): string - removed:
method Wave.render(): React.JSX.Element - removed:
method Wave.resetEffect(node: HTMLElement): void - removed:
property Wave.bindAnimationEvent: (node?: HTMLElement) => { cancel: () => void } | undefined - removed:
property Wave.context: ConfigConsumerProps - removed:
property Wave.onClick: (node: HTMLElement, waveColor: string) => void - removed:
property Wave.onTransitionEnd: (e: AnimationEvent) => void - removed:
property Wave.onTransitionStart: (e: AnimationEvent) => void - removed:
property Wave.renderWave: ({ csp }: ConfigConsumerProps) => string | number | boolean | Iterable<React.ReactNode> | React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined - removed:
property WaveProps.children?: React.ReactNode - removed:
property WaveProps.disabled?: boolean - removed:
property WaveProps.insertExtraNode?: boolean - removed:
static property Wave.contextType: React.Context<ConfigConsumerProps>
- added:
const showWaveEffect: ShowWaveEffect - added:
default showWaveEffect - added:
interface WaveEffectProps - added:
property WaveEffectProps.className: string - added:
property WaveEffectProps.component?: string - added:
property WaveEffectProps.registerUnmount: () => UnmountType | null - added:
property WaveEffectProps.target: HTMLElement
- added:
const Wave: React.FC<WaveProps> - added:
default Wave - added:
interface WaveProps - added:
property WaveProps.children?: React.ReactNode - added:
property WaveProps.component?: WaveComponent - added:
property WaveProps.disabled?: boolean
- added:
const TARGET_CLS = 'ant-wave-target' - added:
type ShowWave = (event: MouseEvent) => void - added:
type ShowWaveEffect = (element: HTMLElement, info: { className: string; token: GlobalToken; component?: WaveComponent; event: MouseEvent; hashId: string }) => void - added:
type WaveComponent = 'Tag' | 'Button' | 'Checkbox' | 'Radio' | 'Switch'
- added:
const _default: (prefixCls: string, rootCls?: string) => import('@ant-design/cssinjs-utils/lib/interface').UseComponentStyleResult - added:
default _default - added:
interface ComponentToken - added:
interface WaveToken extends FullToken<'Wave'>
- added:
const useWave: (nodeRef: React.RefObject<HTMLElement | null>, className: string, component?: WaveComponent) => ShowWave - added:
default useWave
- added:
function getTargetWaveColor(node: HTMLElement): string | null - added:
function isValidWaveColor(color: string): boolean | ''
- added:
const zIndexContext: React.Context<number | undefined> - added:
default zIndexContext
- removed:
const AffixFC: React.ForwardRefExoticComponent<AffixProps & React.RefAttributes<Affix>> - removed:
default AffixFC - removed:
interface AffixState - removed:
property AffixState.affixStyle?: React.CSSProperties - removed:
property AffixState.lastAffix: boolean - removed:
property AffixState.placeholderStyle?: React.CSSProperties - removed:
property AffixState.prevTarget: Window | HTMLElement | null - removed:
property AffixState.status: AffixStatus - removed:
type InternalAffixClass = Affix - added:
const Affix: React.ForwardRefExoticComponent<InternalAffixProps & React.RefAttributes<AffixRef>> - added:
default Affix - added:
interface AffixRef - added:
property AffixProps.rootClassName?: string - added:
property AffixRef.updatePosition: ReturnType<typeof throttleByAnimationFrame>
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const prepareComponentToken: GetDefaultToken<'Affix'> - added:
default _default - added:
interface ComponentToken - added:
property ComponentToken.zIndexPopup: number
- removed:
function addObserveTarget<T>(target: HTMLElement | Window | null, affix?: T): void - removed:
function getObserverEntities(): ObserverEntity[] - removed:
function removeObserveTarget<T>(affix: T): void - changed:
function getFixedBottom(placeholderReact: DOMRect, targetRect: DOMRect, offsetBottom?: number): number | undefined → function getFixedBottom(placeholderRect: DOMRect, targetRect: DOMRect, offsetBottom?: number): number | undefined - changed:
function getFixedTop(placeholderReact: DOMRect, targetRect: DOMRect, offsetTop?: number): number | undefined → function getFixedTop(placeholderRect: DOMRect, targetRect: DOMRect, offsetTop?: number): number | undefined
- added:
const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<AlertRef>> - added:
default Alert - added:
interface AlertProps - added:
interface AlertRef - added:
property AlertProps.action?: React.ReactNode - added:
property AlertProps.afterClose?: () => void - added:
property AlertProps.banner?: boolean - added:
property AlertProps.className?: string - added:
property AlertProps.closable?: ClosableType - added:
property AlertProps.closeIcon?: React.ReactNode - added:
property AlertProps.closeText?: React.ReactNode - added:
property AlertProps.description?: React.ReactNode - added:
property AlertProps.icon?: React.ReactNode - added:
property AlertProps.id?: string - added:
property AlertProps.message?: React.ReactNode - added:
property AlertProps.onClick?: React.MouseEventHandler<HTMLDivElement> - added:
property AlertProps.onClose?: React.MouseEventHandler<HTMLButtonElement> - added:
property AlertProps.onMouseEnter?: React.MouseEventHandler<HTMLDivElement> - added:
property AlertProps.onMouseLeave?: React.MouseEventHandler<HTMLDivElement> - added:
property AlertProps.prefixCls?: string - added:
property AlertProps.role?: string - added:
property AlertProps.rootClassName?: string - added:
property AlertProps.showIcon?: boolean - added:
property AlertProps.style?: React.CSSProperties - added:
property AlertProps.type?: 'success' | 'info' | 'warning' | 'error' - added:
property AlertRef.nativeElement: HTMLDivElement
- changed:
method ErrorBoundary.render(): string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined → method ErrorBoundary.render(): React.ReactNode
- removed:
interface AlertProps - removed:
property AlertProps.action?: React.ReactNode - removed:
property AlertProps.afterClose?: () => void - removed:
property AlertProps.banner?: boolean - removed:
property AlertProps.className?: string - removed:
property AlertProps.closable?: boolean - removed:
property AlertProps.closeIcon?: React.ReactNode - removed:
property AlertProps.closeText?: React.ReactNode - removed:
property AlertProps.description?: React.ReactNode - removed:
property AlertProps.icon?: React.ReactNode - removed:
property AlertProps.message?: React.ReactNode - removed:
property AlertProps.onClick?: React.MouseEventHandler<HTMLDivElement> - removed:
property AlertProps.onClose?: React.MouseEventHandler<HTMLButtonElement> - removed:
property AlertProps.onMouseEnter?: React.MouseEventHandler<HTMLDivElement> - removed:
property AlertProps.onMouseLeave?: React.MouseEventHandler<HTMLDivElement> - removed:
property AlertProps.prefixCls?: string - removed:
property AlertProps.role?: string - removed:
property AlertProps.showIcon?: boolean - removed:
property AlertProps.style?: React.CSSProperties - removed:
property AlertProps.type?: 'success' | 'info' | 'warning' | 'error' - added:
export { AlertProps } from './Alert'
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const genActionStyle: GenerateStyle<AlertToken> - added:
const genBaseStyle: GenerateStyle<AlertToken> - added:
const genTypeStyle: GenerateStyle<AlertToken> - added:
const prepareComponentToken: GetDefaultToken<'Alert'> - added:
default _default - added:
interface ComponentToken - added:
property ComponentToken.defaultPadding: CSSProperties['padding'] - added:
property ComponentToken.withDescriptionIconSize: number - added:
property ComponentToken.withDescriptionPadding: CSSProperties['padding']
- changed:
property AnchorProps.affix?: boolean → property AnchorProps.affix?: boolean | Omit<AffixProps, 'offsetTop' | 'target' | 'children'> - changed:
property AntAnchor.onClick?: (e: React.MouseEvent<HTMLElement>, link: { title: React.ReactNode; href: string }) => void → property AntAnchor.onClick?: (e: React.MouseEvent<HTMLAnchorElement, MouseEvent>, link: { title: React.ReactNode; href: string }) => void - added:
interface AnchorLinkItemProps extends AnchorLinkBaseProps - added:
property AnchorLinkItemProps.children?: AnchorLinkItemProps[] - added:
property AnchorLinkItemProps.key: React.Key - added:
property AnchorProps.direction?: AnchorDirection - added:
property AnchorProps.items?: AnchorLinkItemProps[] - added:
property AnchorProps.replace?: boolean - added:
property AnchorProps.rootClassName?: string - added:
property AntAnchor.direction: AnchorDirection - added:
type AnchorDirection = 'vertical' | 'horizontal'
- removed:
property AnchorLinkProps.className?: string - removed:
property AnchorLinkProps.href: string - removed:
property AnchorLinkProps.prefixCls?: string - removed:
property AnchorLinkProps.target?: string - removed:
property AnchorLinkProps.title: React.ReactNode - changed:
interface AnchorLinkProps → interface AnchorLinkProps extends AnchorLinkBaseProps - added:
interface AnchorLinkBaseProps - added:
property AnchorLinkBaseProps.className?: string - added:
property AnchorLinkBaseProps.href: string - added:
property AnchorLinkBaseProps.prefixCls?: string - added:
property AnchorLinkBaseProps.replace?: boolean - added:
property AnchorLinkBaseProps.target?: string - added:
property AnchorLinkBaseProps.title: React.ReactNode
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const prepareComponentToken: GetDefaultToken<'Anchor'> - added:
default _default - added:
interface ComponentToken - added:
property ComponentToken.linkPaddingBlock: number - added:
property ComponentToken.linkPaddingInlineStart: number
- added:
const App: React.FC<AppProps> - added:
default App - added:
interface AppProps<P = AnyObject> extends AppConfig - added:
property AppProps.children?: ReactNode - added:
property AppProps.className?: string - added:
property AppProps.component?: CustomComponent<P> | false - added:
property AppProps.prefixCls?: string - added:
property AppProps.rootClassName?: string - added:
property AppProps.style?: React.CSSProperties
- added:
const AppConfigContext: React.Context<AppConfig> - added:
const AppContext: React.Context<useAppProps> - added:
default AppContext - added:
interface AppConfig - added:
interface useAppProps - added:
property AppConfig.message?: MessageConfig - added:
property AppConfig.notification?: NotificationConfig - added:
property useAppProps.message: MessageInstance - added:
property useAppProps.modal: ModalHookAPI - added:
property useAppProps.notification: NotificationInstance
- added:
const App: CompoundedComponent - added:
default App - added:
export { AppProps }
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const prepareComponentToken: GetDefaultToken<'App'> - added:
default _default - added:
interface ComponentToken
- added:
const useApp: () => useAppProps - added:
default useApp
- added:
const RefAutoComplete: (<ValueType = any, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType>(props: React.PropsWithChildren<AutoCompleteProps<ValueType, Optio… - added:
default RefAutoComplete - added:
interface AutoCompleteProps<ValueType = any, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType> extends Omit<InternalSelectProps<ValueType, OptionType>, 'loading' | 'mode' | 'optionLabelProp' | 'labelInValue'> - added:
interface DataSourceItemObject - added:
property AutoCompleteProps.dataSource?: DataSourceItemType[] - added:
property AutoCompleteProps.dropdownClassName?: string - added:
property AutoCompleteProps.dropdownMatchSelectWidth?: boolean | number - added:
property AutoCompleteProps.dropdownRender?: (menu: React.ReactElement) => React.ReactElement - added:
property AutoCompleteProps.dropdownStyle?: React.CSSProperties - added:
property AutoCompleteProps.onDropdownVisibleChange?: (visible: boolean) => void - added:
property AutoCompleteProps.onOpenChange?: (visible: boolean) => void - added:
property AutoCompleteProps.popupClassName?: string - added:
property AutoCompleteProps.popupMatchSelectWidth?: boolean | number - added:
property AutoCompleteProps.popupRender?: (menu: React.ReactElement) => React.ReactElement - added:
property AutoCompleteProps.status?: InputStatus - added:
property DataSourceItemObject.text: string - added:
property DataSourceItemObject.value: string - added:
type DataSourceItemType = DataSourceItemObject | React.ReactNode
- removed:
const RefAutoComplete: (<ValueType = any, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType>(props: AutoCompleteProps<ValueType, OptionType> & { children?: Re… - removed:
default RefAutoComplete - removed:
interface AutoCompleteProps<ValueType = any, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType> extends Omit<InternalSelectProps<ValueType, OptionType>, 'inputIcon' | 'loading' | 'mode' | 'optionLabelProp' | 'labelInValue'> - removed:
interface DataSourceItemObject - removed:
property AutoCompleteProps.dataSource?: DataSourceItemType[] - removed:
property AutoCompleteProps.dropdownClassName?: string - removed:
property AutoCompleteProps.popupClassName?: string - removed:
property AutoCompleteProps.status?: InputStatus - removed:
property DataSourceItemObject.text: string - removed:
property DataSourceItemObject.value: string - removed:
type DataSourceItemType = DataSourceItemObject | React.ReactNode - added:
const AutoComplete: CompoundedComponent - added:
default AutoComplete - added:
export { AutoCompleteProps } from './AutoComplete'
- added:
const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLSpanElement>> - added:
default Avatar - added:
interface AvatarProps - added:
property AvatarProps.alt?: string - added:
property AvatarProps.children?: React.ReactNode - added:
property AvatarProps.className?: string - added:
property AvatarProps.crossOrigin?: '' | 'anonymous' | 'use-credentials' - added:
property AvatarProps.draggable?: boolean | 'true' | 'false' - added:
property AvatarProps.gap?: number - added:
property AvatarProps.icon?: React.ReactNode - added:
property AvatarProps.onClick?: (e?: React.MouseEvent<HTMLElement>) => void - added:
property AvatarProps.onError?: () => boolean - added:
property AvatarProps.prefixCls?: string - added:
property AvatarProps.rootClassName?: string - added:
property AvatarProps.shape?: 'circle' | 'square' - added:
property AvatarProps.size?: AvatarSize - added:
property AvatarProps.src?: React.ReactNode - added:
property AvatarProps.srcSet?: string - added:
property AvatarProps.style?: React.CSSProperties
- added:
const AvatarContext: React.Context<AvatarContextType> - added:
default AvatarContext - added:
interface AvatarContextType - added:
property AvatarContextType.shape?: 'circle' | 'square' - added:
property AvatarContextType.size?: AvatarSize - added:
type AvatarSize = 'large' | 'small' | 'default' | number | ScreenSizeMap
- added:
const AvatarGroup: React.FC<AvatarGroupProps> - added:
default AvatarGroup - added:
interface AvatarGroupProps - added:
property AvatarGroupProps.children?: React.ReactNode - added:
property AvatarGroupProps.className?: string - added:
property AvatarGroupProps.max?: { count?: number; style?: React.CSSProperties; popover?: PopoverProps } - added:
property AvatarGroupProps.maxCount?: number - added:
property AvatarGroupProps.maxPopoverPlacement?: 'top' | 'bottom' - added:
property AvatarGroupProps.maxPopoverTrigger?: 'hover' | 'focus' | 'click' - added:
property AvatarGroupProps.maxStyle?: React.CSSProperties - added:
property AvatarGroupProps.prefixCls?: string - added:
property AvatarGroupProps.rootClassName?: string - added:
property AvatarGroupProps.shape?: 'circle' | 'square' - added:
property AvatarGroupProps.size?: AvatarSize - added:
property AvatarGroupProps.style?: React.CSSProperties
- removed:
const SizeContext: React.Context<AvatarSize> - removed:
const SizeContextProvider: React.FC<SizeContextProps> - removed:
default SizeContext - removed:
interface SizeContextProps - removed:
property SizeContextProps.children?: React.ReactNode - removed:
property SizeContextProps.size?: AvatarSize - removed:
type AvatarSize = 'large' | 'small' | 'default' | number | ScreenSizeMap
- removed:
const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLSpanElement>> - removed:
default Avatar - removed:
interface AvatarProps - removed:
property AvatarProps.alt?: string - removed:
property AvatarProps.children?: React.ReactNode - removed:
property AvatarProps.className?: string - removed:
property AvatarProps.crossOrigin?: '' | 'anonymous' | 'use-credentials' - removed:
property AvatarProps.draggable?: boolean - removed:
property AvatarProps.gap?: number - removed:
property AvatarProps.icon?: React.ReactNode - removed:
property AvatarProps.onClick?: (e?: React.MouseEvent<HTMLElement>) => void - removed:
property AvatarProps.onError?: () => boolean - removed:
property AvatarProps.prefixCls?: string - removed:
property AvatarProps.shape?: 'circle' | 'square' - removed:
property AvatarProps.size?: AvatarSize - removed:
property AvatarProps.src?: React.ReactNode - removed:
property AvatarProps.srcSet?: string - removed:
property AvatarProps.style?: React.CSSProperties
- removed:
const Group: React.FC<GroupProps> - removed:
default Group - removed:
interface GroupProps - removed:
property GroupProps.children?: React.ReactNode - removed:
property GroupProps.className?: string - removed:
property GroupProps.maxCount?: number - removed:
property GroupProps.maxPopoverPlacement?: 'top' | 'bottom' - removed:
property GroupProps.maxPopoverTrigger?: 'hover' | 'focus' | 'click' - removed:
property GroupProps.maxStyle?: React.CSSProperties - removed:
property GroupProps.prefixCls?: string - removed:
property GroupProps.size?: AvatarSize - removed:
property GroupProps.style?: React.CSSProperties
- removed:
export { AvatarProps } from './avatar' - removed:
export { Group } - removed:
export { GroupProps } from './group' - added:
export { AvatarProps } from './Avatar' - added:
type GroupProps = AvatarGroupProps
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const prepareComponentToken: GetDefaultToken<'Avatar'> - added:
default _default - added:
interface ComponentToken - added:
property ComponentToken.containerSize: number - added:
property ComponentToken.containerSizeLG: number - added:
property ComponentToken.containerSizeSM: number - added:
property ComponentToken.groupBorderColor: string - added:
property ComponentToken.groupOverlapping: number - added:
property ComponentToken.groupSpace: number - added:
property ComponentToken.iconFontSize: number - added:
property ComponentToken.iconFontSizeLG: number - added:
property ComponentToken.iconFontSizeSM: number - added:
property ComponentToken.textFontSize: number - added:
property ComponentToken.textFontSizeLG: number - added:
property ComponentToken.textFontSizeSM: number
- removed:
const _default: React.NamedExoticComponent<BackTopProps> - removed:
default _default - removed:
property BackTopProps.visible?: boolean - added:
const BackTop: React.FC<BackTopProps> - added:
default BackTop - added:
property BackTopProps.rootClassName?: string
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const prepareComponentToken: GetDefaultToken<'BackTop'> - added:
default _default - added:
interface ComponentToken - added:
property ComponentToken.zIndexPopup: number
- changed:
property RibbonProps.color?: LiteralUnion<PresetColorType, string> → property RibbonProps.color?: LiteralUnion<PresetColorType> - added:
property RibbonProps.rootClassName?: string
- changed:
const ScrollNumber: React.FC<ScrollNumberProps> → const ScrollNumber: React.ForwardRefExoticComponent<ScrollNumberProps & React.RefAttributes<HTMLElement>> - changed:
property ScrollNumberProps.children?: React.ReactElement<HTMLElement> → property ScrollNumberProps.children?: React.ReactElement - changed:
property ScrollNumberProps.component?: string → property ScrollNumberProps.component?: React.ComponentType<any>
- removed:
default function SingleNumber(props: SingleNumberProps): React.JSX.Element - added:
const SingleNumber: React.FC<Readonly<SingleNumberProps>> - added:
default SingleNumber
- changed:
interface BadgeProps → interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> - changed:
property BadgeProps.color?: LiteralUnion<PresetColorType, string> → property BadgeProps.color?: LiteralUnion<PresetColorKey> - added:
property BadgeProps.classNames?: Partial<Record<SemanticName, string>> - added:
property BadgeProps.rootClassName?: string - added:
property BadgeProps.styles?: Partial<Record<SemanticName, React.CSSProperties>>
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const prepareComponentToken: GetDefaultToken<'Badge'> - added:
const prepareToken: (token: Parameters<GenStyleFn<'Badge'>>[0]) => BadgeToken - added:
default _default - added:
interface BadgeToken extends FullToken<'Badge'> - added:
interface ComponentToken - added:
property BadgeToken.badgeColor: string - added:
property BadgeToken.badgeColorHover: string - added:
property BadgeToken.badgeFontHeight: number - added:
property BadgeToken.badgeProcessingDuration: string - added:
property BadgeToken.badgeRibbonCornerFilter: string - added:
property BadgeToken.badgeRibbonCornerTransform: string - added:
property BadgeToken.badgeRibbonOffset: number - added:
property BadgeToken.badgeShadowColor: string - added:
property BadgeToken.badgeShadowSize: number - added:
property BadgeToken.badgeTextColor: string - added:
property ComponentToken.dotSize: number - added:
property ComponentToken.indicatorHeight: number | string - added:
property ComponentToken.indicatorHeightSM: number | string - added:
property ComponentToken.indicatorZIndex: number | string - added:
property ComponentToken.statusSize: number - added:
property ComponentToken.textFontSize: number - added:
property ComponentToken.textFontSizeSM: number - added:
property ComponentToken.textFontWeight: number | string
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
default _default
- removed:
function isPresetColor(color?: string): boolean
- removed:
interface Route - removed:
property Route.breadcrumbName: string - removed:
property Route.children?: Omit<Route, 'children'>[] - removed:
property Route.path: string - changed:
const Breadcrumb: CompoundedComponent → const Breadcrumb: { <T extends AnyObject = AnyObject>(props: BreadcrumbProps<T>): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>; Item: React.FC<Breadcru… - changed:
interface BreadcrumbProps → interface BreadcrumbProps<T extends AnyObject = AnyObject> - changed:
property BreadcrumbProps.itemRender?: (route: Route, params: any, routes: Array<Route>, paths: Array<string>) => React.ReactNode → property BreadcrumbProps.itemRender?: (route: ItemType, params: T, routes: ItemType[], paths: string[]) => React.ReactNode - changed:
property BreadcrumbProps.params?: any → property BreadcrumbProps.params?: T - changed:
property BreadcrumbProps.routes?: Route[] → property BreadcrumbProps.routes?: ItemType[] - added:
index BreadcrumbItemType[key: `data-${string}`]: string - added:
interface BreadcrumbItemType extends React.AriaAttributes - added:
interface BreadcrumbSeparatorType - added:
property BreadcrumbItemType.breadcrumbName?: string - added:
property BreadcrumbItemType.children?: Omit<BreadcrumbItemType, 'children'>[] - added:
property BreadcrumbItemType.className?: string - added:
property BreadcrumbItemType.dropdownProps?: DropdownProps - added:
property BreadcrumbItemType.href?: string - added:
property BreadcrumbItemType.key?: React.Key - added:
property BreadcrumbItemType.menu?: BreadcrumbItemProps['menu'] - added:
property BreadcrumbItemType.onClick?: React.MouseEventHandler<HTMLAnchorElement | HTMLSpanElement> - added:
property BreadcrumbItemType.overlay?: React.ReactNode - added:
property BreadcrumbItemType.path?: string - added:
property BreadcrumbItemType.title?: React.ReactNode - added:
property BreadcrumbProps.items?: ItemType[] - added:
property BreadcrumbProps.rootClassName?: string - added:
property BreadcrumbSeparatorType.separator?: React.ReactNode - added:
property BreadcrumbSeparatorType.type: 'separator' - added:
type InternalRouteType = Partial<BreadcrumbItemType & BreadcrumbSeparatorType> - added:
type ItemType = Partial<BreadcrumbItemType & BreadcrumbSeparatorType>
- removed:
property BreadcrumbItemProps.separator?: React.ReactNode - changed:
interface BreadcrumbItemProps → interface BreadcrumbItemProps extends SeparatorType - changed:
property BreadcrumbItemProps.menu?: DropdownProps['menu'] → property BreadcrumbItemProps.menu?: Omit<MenuType, 'items'> & { items?: MenuItem[] } - added:
const InternalBreadcrumbItem: React.FC<BreadcrumbItemProps> - added:
interface SeparatorType - added:
property SeparatorType.key?: React.Key - added:
property SeparatorType.separator?: React.ReactNode
- added:
export { SeparatorType } from './BreadcrumbItem'
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
const prepareComponentToken: GetDefaultToken<'Breadcrumb'> - added:
default _default - added:
interface ComponentToken - added:
property ComponentToken.iconFontSize: number - added:
property ComponentToken.itemColor: string - added:
property ComponentToken.lastItemColor: string - added:
property ComponentToken.linkColor: string - added:
property ComponentToken.linkHoverColor: string - added:
property ComponentToken.separatorColor: string - added:
property ComponentToken.separatorMargin: number
- added:
default function useItemRender(prefixCls: string, itemRender?: ItemRender): InternalItemRenderParams - added:
function renderItem(prefixCls: string, item: ItemType, children: React.ReactNode, href?: string): React.JSX.Element | null
- added:
default function useItems(items?: ItemType[], routes?: ItemType[]): Partial<MergedType & BreadcrumbSeparatorType>[] | null
- added:
const DefaultLoadingIcon: React.FC<DefaultLoadingIconProps> - added:
default DefaultLoadingIcon - added:
type DefaultLoadingIconProps = { prefixCls: string; existIcon: boolean; loading?: boolean | object; className?: string; style?: React.CSSProperties; mount: boolean }
- added:
const IconWrapper: React.ForwardRefExoticComponent<IconWrapperProps & React.RefAttributes<HTMLSpanElement>> - added:
default IconWrapper - added:
type IconWrapperProps = { prefixCls: string; className?: string; style?: React.CSSProperties; children?: React.ReactNode }
- removed:
const LoadingIcon: React.FC<LoadingIconProps> - removed:
default LoadingIcon - removed:
interface LoadingIconProps - removed:
property LoadingIconProps.existIcon: boolean - removed:
property LoadingIconProps.loading?: boolean | object - removed:
property LoadingIconProps.prefixCls: string
- removed:
function convertLegacyProps(type?: LegacyButtonType): ButtonProps - removed:
type AnchorButtonProps = { href: string; target?: string; onClick?: React.MouseEventHandler<HTMLElement> } & BaseButtonProps & Omit<React.AnchorHTMLAttributes<any>, 'type' | 'onClick'> - removed:
type ButtonHTMLType = typeof ButtonHTMLTypes[number] - removed:
type ButtonProps = Partial<AnchorButtonProps & NativeButtonProps> - removed:
type ButtonShape = typeof ButtonShapes[number] - removed:
type ButtonType = typeof ButtonTypes[number] - removed:
type NativeButtonProps = { htmlType?: ButtonHTMLType; onClick?: React.MouseEventHandler<HTMLElement> } & BaseButtonProps & Omit<React.ButtonHTMLAttributes<any>, 'type' | 'onClick'> - changed:
property BaseButtonProps.loading?: boolean | { delay?: number } → property BaseButtonProps.loading?: boolean | { delay?: number; icon?: React.ReactNode } - added:
index BaseButtonProps[key: `data-${string}`]: string - added:
interface ButtonProps extends BaseButtonProps, MergedHTMLAttributes - added:
property BaseButtonProps.classNames?: { icon: string } - added:
property BaseButtonProps.color?: ButtonColorType - added:
property BaseButtonProps.iconPosition?: 'start' | 'end' - added:
property BaseButtonProps.rootClassName?: string - added:
property BaseButtonProps.styles?: { icon: React.CSSProperties } - added:
property BaseButtonProps.variant?: ButtonVariantType - added:
property ButtonProps.autoInsertSpace?: boolean - added:
property ButtonProps.href?: string - added:
property ButtonProps.htmlType?: ButtonHTMLType
- added:
const _ButtonColorTypes: readonly ['default', 'primary', 'danger', 'blue', 'purple', 'cyan', 'green', 'magenta', 'pink', 'red', 'orange', 'yellow', 'volcano', 'geekblue', 'lime', 'gold… - added:
const _ButtonVariantTypes: readonly ['outlined', 'dashed', 'solid', 'filled', 'text', 'link'] - added:
const isTwoCNChar: (string: string) => boolean - added:
function convertLegacyProps(type?: LegacyButtonType): Pick<BaseButtonProps, 'danger' | 'type'> - added:
function isString(str: unknown): str is string - added:
function isUnBorderedButtonVariant(type?: ButtonVariantType): type is 'text' | 'link' - added:
function spaceChildren(children: React.ReactNode, needInserted: boolean): (number | React.JSX.Element)[] | null | undefined - added:
type ButtonColorType = (typeof _ButtonColorTypes)[number] - added:
type ButtonHTMLType = (typeof _ButtonHTMLTypes)[number] - added:
type ButtonShape = (typeof _ButtonShapes)[number] - added:
type ButtonType = (typeof _ButtonTypes)[number] - added:
type ButtonVariantType = (typeof _ButtonVariantTypes)[number]
- removed:
export { ButtonShape } from './button' - removed:
export { ButtonType } from './button' - added:
export * from './buttonHelpers'
- added:
const _default: import('react').FunctionComponent<import('@ant-design/cssinjs-utils/lib/util/genStyleUtils').SubStyleComponentProps> - added:
default _default
- added:
const genGroupStyle: GenerateStyle<ButtonToken> - added:
default genGroupStyle
- added:
const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string] - added:
default _default - added:
export { ComponentToken }
- added:
const prepareComponentToken: GetDefaultToken<'Button'> - added:
const prepareToken: (token: Parameters<GenStyleFn<'Button'>>[0]) => ButtonToken - added:
interface ButtonToken extends FullToken<'Button'>, ShadowColorMap - added:
interface ComponentToken - added:
property ButtonToken.buttonIconOnlyFontSize: number | string - added:
property ButtonToken.buttonPaddingHorizontal: CSSProperties['paddingInline'] - added:
property ButtonToken.buttonPaddingVertical: CSSProperties['paddingBlock'] - added:
property ComponentToken.borderColorDisabled: string - added:
property ComponentToken.contentFontSize: number - added:
property ComponentToken.contentFontSizeLG: number - added:
property ComponentToken.contentFontSizeSM: number - added:
property ComponentToken.contentLineHeight: number - added:
property ComponentToken.contentLineHeightLG: number - added:
property ComponentToken.contentLineHeightSM: number - added:
property ComponentToken.dangerColor: string - added:
property ComponentToken.dangerShadow: string - added:
property ComponentToken.defaultActiveBg: string - added:
property ComponentToken.defaultActiveBorderColor: string - added:
property ComponentToken.defaultActiveColor: string - added:
property ComponentToken.defaultBg: string - added:
property ComponentToken.defaultBorderColor: string - added:
property ComponentToken.defaultColor: string - added:
property ComponentToken.defaultGhostBorderColor: string - added:
property ComponentToken.defaultGhostColor: string - added:
property ComponentToken.defaultHoverBg: string - added:
property ComponentToken.defaultHoverBorderColor: string - added:
property ComponentToken.defaultHoverColor: string - added:
property ComponentToken.defaultShadow: string - added:
property ComponentToken.fontWeight: CSSProperties['fontWeight'] - added:
property ComponentToken.ghostBg: string - added:
property ComponentToken.groupBorderColor: string - added:
property ComponentToken.iconGap: CSSProperties['gap'] - added:
property ComponentToken.linkHoverBg: string - added:
property ComponentToken.onlyIconSize: number | string - added:
property ComponentToken.onlyIconSizeLG: number | string - added:
property ComponentToken.onlyIconSizeSM: number | string - added:
property ComponentToken.paddingBlock: CSSProperties['paddingBlock'] - added:
property ComponentToken.paddingBlockLG: CSSProperties['paddingBlock'] - added:
property ComponentToken.paddingBlockSM: CSSProperties['paddingBlock'] - added:
property ComponentToken.paddingInline: CSSProperties['paddingInline'] - added:
property ComponentToken.paddingInlineLG: CSSProperties['paddingInline'] - added:
property ComponentToken.paddingInlineSM: CSSProperties['paddingInline'] - added:
property ComponentToken.primaryColor: string - added:
property ComponentToken.primaryShadow: string - added:
property ComponentToken.solidTextColor: string - added:
property ComponentToken.textHoverBg: string - added:
property ComponentToken.textTextActiveColor: string - added:
property ComponentToken.textTextColor: string - added:
property ComponentToken.textTextHoverColor: string
- changed:
property CalendarHeaderProps.onChange: (date: DateType) => void → property CalendarHeaderProps.onChange: (date: DateType, source: SelectInfo['source']) => void
- removed:
function generateCalendar<DateType>(generateConfig: GenerateConfig<DateType>): (props: CalendarProps<DateType>) => React.JSX.Element - removed:
type PickerPanelBaseProps<DateType> = InjectDefaultProps<RCPickerPanelBaseProps<DateType>> - removed:
type PickerPanelDateProps<DateType> = InjectDefaultProps<RCPickerPanelDateProps<DateType>> - removed:
type PickerPanelTimeProps<DateType> = InjectDefaultProps<RCPickerPanelTimeProps<DateType>> - removed:
type PickerProps<DateType> = PickerPanelBaseProps<DateType> | PickerPanelDateProps<DateType> | PickerPanelTimeProps<DateType> - changed:
property CalendarProps.onSelect?: (date: DateType) => void → property CalendarProps.onSelect?: (date: DateType, selectInfo: SelectInfo) => void - added:
const generateCalendar: <DateType extends AnyObject>(generateConfig: GenerateConfig<DateType>) => React.FC<Readonly<CalendarProps<DateType>>> - added:
interface SelectInfo - added:
property CalendarProps.cellRender?: (date: DateType, info: CellRenderInfo<DateType>) => React.ReactNode - added:
property CalendarProps.fullCellRender?: (date: DateType, info: CellRenderInfo<DateType>) => React.ReactNode - added:
property CalendarProps.rootClassName?: string - added:
property CalendarProps.showWeek?: boolean - added:
property SelectInfo.source: 'year' | 'month' | 'date' | 'customize'
- removed:
const Calendar: (props: CalendarProps<Moment>) => import('react').JSX.Element - removed:
default Calendar - added:
const _default: CalendarType - added:
default _default - added:
export { CalendarMode } - added:
type CalendarType = typeof Calendar & { generateCalendar: typeof generateCalendar }
- removed:
default deDE
- removed:
default elGR
- removed:
default enGB
- removed:
default enUS
- removed:
default esES
- removed:
default etEE
- removed:
default faIR
- removed:
default fiFI
- removed:
default frBE
- removed:
default frCA
- removed:
default frFR
- removed:
default gaIE
- removed:
default glES
- removed:
default heIL
- removed:
default hiIN
- removed:
default hrHR
- removed:
default huHU
- removed:
default idID
- removed:
default isIS
- removed:
default itIT
- removed:
default jaJP
- removed:
default kaGE
- removed:
default kkKZ
- removed:
default kmKH
- removed:
default kmrIQ
- removed:
default knIN
- removed:
default koKR
- removed:
default ltLT
- removed:
default lvLV
- removed:
default mkMK
- removed:
default mlIN
- removed:
default mnMN
- removed:
default msMY
- removed:
default nbNO
- removed:
default nlBE
- removed:
default nlNL
- removed:
default plPL
- removed:
default ptBR
- removed:
default ptPT
- removed:
default roRO
- removed:
default ruRU
- removed:
default siLK
- removed:
default skSK
- removed:
default slSI
- removed:
default srRS
- removed:
default svSE
- removed:
default taIN
- removed:
default thTH
- removed:
default tkTK
- removed:
default trTR
- removed:
default ukUA
- removed:
default urPK
- removed:
default uzUZ
- removed:
default viVN
- removed:
default zhCN
- removed:
default zhTW
- removed:
const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>> - removed:
default Card - removed:
interface CardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> - removed:
interface CardTabListType - removed:
property CardProps.actions?: React.ReactNode[] - removed:
property CardProps.activeTabKey?: string - removed:
property CardProps.bodyStyle?: React.CSSProperties - removed:
property CardProps.bordered?: boolean - removed:
property CardProps.children?: React.ReactNode - removed:
property CardProps.className?: string - removed:
property CardProps.cover?: React.ReactNode - removed:
property CardProps.defaultActiveTabKey?: string - removed:
property CardProps.extra?: React.ReactNode - removed:
property CardProps.headStyle?: React.CSSProperties - removed:
property CardProps.hoverable?: boolean - removed:
property CardProps.id?: string - removed:
property CardProps.loading?: boolean - removed:
property CardProps.onTabChange?: (key: string) => void - removed:
property CardProps.prefixCls?: string - removed:
property CardProps.size?: CardSize - removed:
property CardProps.style?: React.CSSProperties - removed:
property CardProps.tabBarExtraContent?: React.ReactNode - removed:
property CardProps.tabList?: CardTabListType[] - removed:
property CardProps.tabProps?: TabsProps - removed:
property CardProps.title?: React.ReactNode - removed:
property CardProps.type?: CardType - removed:
property CardTabListType.disabled?: boolean - removed:
property CardTabListType.key: string - removed:
property CardTabListType.tab: React.ReactNode - removed:
type CardSize = 'default' | 'small' - removed:
type CardType = 'inner'
- removed:
const Grid: React.FC<CardGridProps> - removed:
default Grid - removed:
interface CardGridProps extends React.HTMLAttributes<HTMLDivElement> - removed:
property CardGridProps.className?: string - removed:
property CardGridProps.hoverable?: boolean - removed:
property CardGridProps.prefixCls?: string - removed:
property CardGridProps.style?: React.CSSProperties
- removed:
const Meta: React.FC<CardMetaProps> - removed:
default Meta - removed:
interface CardMetaProps - removed:
property CardMetaProps.avatar?: React.ReactNode - removed:
property CardMetaProps.className?: string - removed:
property CardMetaProps.description?: React.ReactNode - removed:
property CardMetaProps.prefixCls?: string - removed:
property CardMetaProps.style?: React.CSSProperties - removed:
property CardMetaProps.title?: React.ReactNode
- removed:
const Card: CardInterface - removed:
default Card - removed:
export { CardGridProps } from './Grid' - removed:
export { CardMetaProps } from './Meta' - removed:
export { CardProps } from './Card' - removed:
export { CardTabListType } from './Card' - removed:
interface CardInterface extends InternalCardType - removed:
property CardInterface.Grid: typeof Grid - removed:
property CardInterface.Meta: typeof Meta
- removed:
const Carousel: React.ForwardRefExoticComponent<CarouselProps & React.RefAttributes<CarouselRef>> - removed:
default Carousel - removed:
interface CarouselProps extends Omit<Settings, 'dots' | 'dotsClass'> - removed:
interface CarouselRef - removed:
property CarouselProps.children?: React.ReactNode - removed:
property CarouselProps.dotPosition?: DotPosition - removed:
property CarouselProps.dots?: boolean | { className?: string } - removed:
property CarouselProps.effect?: CarouselEffect - removed:
property CarouselProps.prefixCls?: string - removed:
property CarouselProps.slickGoTo?: number - removed:
property CarouselProps.style?: React.CSSProperties - removed:
property CarouselRef.autoPlay: (palyType?: 'update' | 'leave' | 'blur') => void - removed:
property CarouselRef.goTo: (slide: number, dontAnimate?: boolean) => void - removed:
property CarouselRef.innerSlider: any - removed:
property CarouselRef.next: () => void - removed:
property CarouselRef.prev: () => void - removed:
type CarouselEffect = 'scrollx' | 'fade' - removed:
type DotPosition = 'top' | 'bottom' | 'left' | 'right'
- removed:
const Cascader: (<OptionType extends DefaultOptionType | BaseOptionType = DefaultOptionType>(props: React.PropsWithChildren<CascaderProps<OptionType>> & { ref?: React.Ref<Casc… - removed:
default Cascader - removed:
export { BaseOptionType } - removed:
export { DefaultOptionType } - removed:
interface CascaderRef - removed:
property CascaderRef.blur: () => void - removed:
property CascaderRef.focus: () => void - removed:
type CascaderProps<DataNodeType = any> = UnionCascaderProps & { multiple?: boolean; size?: SizeType; disabled?: boolean; bordered?: boolean; placement?: SelectCommonPlacement; suffixIcon?: React.React… - removed:
type FieldNamesType = FieldNames - removed:
type FilledFieldNamesType = Required<FieldNamesType>
- removed:
const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<unknown>> - removed:
default Checkbox - removed:
interface AbstractCheckboxProps<T> - removed:
interface CheckboxChangeEvent - removed:
interface CheckboxChangeEventTarget extends CheckboxProps - removed:
interface CheckboxProps extends AbstractCheckboxProps<CheckboxChangeEvent> - removed:
property AbstractCheckboxProps.autoFocus?: boolean - removed:
property AbstractCheckboxProps.checked?: boolean - removed:
property AbstractCheckboxProps.children?: React.ReactNode - removed:
property AbstractCheckboxProps.className?: string - removed:
property AbstractCheckboxProps.defaultChecked?: boolean - removed:
property AbstractCheckboxProps.disabled?: boolean - removed:
property AbstractCheckboxProps.id?: string - removed:
property AbstractCheckboxProps.name?: string - removed:
property AbstractCheckboxProps.onChange?: (e: T) => void - removed:
property AbstractCheckboxProps.onClick?: React.MouseEventHandler<HTMLElement> - removed:
property AbstractCheckboxProps.onKeyDown?: React.KeyboardEventHandler<HTMLElement> - removed:
property AbstractCheckboxProps.onKeyPress?: React.KeyboardEventHandler<HTMLElement> - removed:
property AbstractCheckboxProps.onMouseEnter?: React.MouseEventHandler<HTMLElement> - removed:
property AbstractCheckboxProps.onMouseLeave?: React.MouseEventHandler<HTMLElement> - removed:
property AbstractCheckboxProps.prefixCls?: string - removed:
property AbstractCheckboxProps.skipGroup?: boolean - removed:
property AbstractCheckboxProps.style?: React.CSSProperties - removed:
property AbstractCheckboxProps.tabIndex?: number - removed:
property AbstractCheckboxProps.type?: string - removed:
property AbstractCheckboxProps.value?: any - removed:
property CheckboxChangeEvent.nativeEvent: MouseEvent - removed:
property CheckboxChangeEvent.preventDefault: () => void - removed:
property CheckboxChangeEvent.stopPropagation: () => void - removed:
property CheckboxChangeEvent.target: CheckboxChangeEventTarget - removed:
property CheckboxChangeEventTarget.checked: boolean - removed:
property CheckboxProps.indeterminate?: boolean
- removed:
const GroupContext: React.Context<CheckboxGroupContext | null> - removed:
const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<CheckboxGroupProps & React.RefAttributes<HTMLDivElement>>> - removed:
default _default - removed:
interface AbstractCheckboxGroupProps - removed:
interface CheckboxGroupContext - removed:
interface CheckboxGroupProps extends AbstractCheckboxGroupProps - removed:
interface CheckboxOptionType - removed:
property AbstractCheckboxGroupProps.className?: string - removed:
property AbstractCheckboxGroupProps.disabled?: boolean - removed:
property AbstractCheckboxGroupProps.options?: Array<CheckboxOptionType | string | number> - removed:
property AbstractCheckboxGroupProps.prefixCls?: string - removed:
property AbstractCheckboxGroupProps.style?: React.CSSProperties - removed:
property CheckboxGroupContext.cancelValue: (val: string) => void - removed:
property CheckboxGroupContext.disabled?: boolean - removed:
property CheckboxGroupContext.name?: string - removed:
property CheckboxGroupContext.registerValue: (val: string) => void - removed:
property CheckboxGroupContext.toggleOption?: (option: CheckboxOptionType) => void - removed:
property CheckboxGroupContext.value?: any - removed:
property CheckboxGroupProps.children?: React.ReactNode - removed:
property CheckboxGroupProps.defaultValue?: Array<CheckboxValueType> - removed:
property CheckboxGroupProps.name?: string - removed:
property CheckboxGroupProps.onChange?: (checkedValue: Array<CheckboxValueType>) => void - removed:
property CheckboxGroupProps.value?: Array<CheckboxValueType> - removed:
property CheckboxOptionType.disabled?: boolean - removed:
property CheckboxOptionType.label: React.ReactNode - removed:
property CheckboxOptionType.onChange?: (e: CheckboxChangeEvent) => void - removed:
property CheckboxOptionType.style?: React.CSSProperties - removed:
property CheckboxOptionType.value: CheckboxValueType - removed:
type CheckboxValueType = string | number | boolean
- removed:
const Checkbox: CompoundedComponent - removed:
default Checkbox - removed:
export { CheckboxChangeEvent } from './Checkbox' - removed:
export { CheckboxGroupProps } from './Group' - removed:
export { CheckboxOptionType } from './Group' - removed:
export { CheckboxProps } from './Checkbox'
- removed:
default Col - removed:
export { ColProps } - removed:
export { ColSize }
- removed:
const Collapse: CompoundedComponent - removed:
default Collapse - removed:
interface CollapseProps - removed:
property CollapseProps.accordion?: boolean - removed:
property CollapseProps.activeKey?: Array<string | number> | string | number - removed:
property CollapseProps.bordered?: boolean - removed:
property CollapseProps.children?: React.ReactNode - removed:
property CollapseProps.className?: string - removed:
property CollapseProps.collapsible?: CollapsibleType - removed:
property CollapseProps.defaultActiveKey?: Array<string | number> | string | number - removed:
property CollapseProps.destroyInactivePanel?: boolean - removed:
property CollapseProps.expandIcon?: (panelProps: PanelProps) => React.ReactNode - removed:
property CollapseProps.expandIconPosition?: ExpandIconPosition - removed:
property CollapseProps.ghost?: boolean - removed:
property CollapseProps.onChange?: (key: string | string[]) => void - removed:
property CollapseProps.prefixCls?: string - removed:
property CollapseProps.style?: React.CSSProperties - removed:
type ExpandIconPosition = 'start' | 'end' | ExpandIconPositionLegacy | undefined
- removed:
const CollapsePanel: React.FC<CollapsePanelProps> - removed:
default CollapsePanel - removed:
interface CollapsePanelProps - removed:
property CollapsePanelProps.children?: React.ReactNode - removed:
property CollapsePanelProps.className?: string - removed:
property CollapsePanelProps.collapsible?: CollapsibleType - removed:
property CollapsePanelProps.disabled?: boolean - removed:
property CollapsePanelProps.extra?: React.ReactNode - removed:
property CollapsePanelProps.forceRender?: boolean - removed:
property CollapsePanelProps.header: React.ReactNode - removed:
property CollapsePanelProps.id?: string - removed:
property CollapsePanelProps.key: string | number - removed:
property CollapsePanelProps.prefixCls?: string - removed:
property CollapsePanelProps.showArrow?: boolean - removed:
property CollapsePanelProps.style?: React.CSSProperties - removed:
type CollapsibleType = 'header' | 'icon' | 'disabled'
- removed:
default Collapse - removed:
export { CollapsePanelProps } from './CollapsePanel' - removed:
export { CollapseProps } from './Collapse'
- removed:
const Comment: React.FC<CommentProps> - removed:
default Comment - removed:
interface CommentProps - removed:
property CommentProps.actions?: Array<React.ReactNode> - removed:
property CommentProps.author?: React.ReactNode - removed:
property CommentProps.avatar?: React.ReactNode - removed:
property CommentProps.children?: React.ReactNode - removed:
property CommentProps.className?: string - removed:
property CommentProps.content: React.ReactNode - removed:
property CommentProps.datetime?: React.ReactNode - removed:
property CommentProps.prefixCls?: string - removed:
property CommentProps.style?: React.CSSProperties
- removed:
const DisabledContext: React.Context<DisabledType> - removed:
const DisabledContextProvider: React.FC<DisabledContextProps> - removed:
default DisabledContext - removed:
interface DisabledContextProps - removed:
property DisabledContextProps.children?: React.ReactNode - removed:
property DisabledContextProps.disabled?: DisabledType - removed:
type DisabledType = true | false | undefined
- removed:
const SizeContext: React.Context<SizeType> - removed:
const SizeContextProvider: React.FC<SizeContextProps> - removed:
default SizeContext - removed:
interface SizeContextProps - removed:
property SizeContextProps.children?: React.ReactNode - removed:
property SizeContextProps.size?: SizeType - removed:
type SizeType = 'small' | 'middle' | 'large' | undefined
- removed:
const ConfigConsumer: React.Consumer<ConfigConsumerProps> - removed:
const ConfigContext: React.Context<ConfigConsumerProps> - removed:
function withConfigConsumer<ExportProps extends BasicExportProps>(config: ConsumerConfig): <ComponentDef>(Component: React.ComponentType<ExportProps>) => React.FC<ExportProps> & ComponentDef - removed:
interface CSPConfig - removed:
interface ConfigConsumerProps - removed:
interface Theme - removed:
property CSPConfig.nonce?: string - removed:
property ConfigConsumerProps.autoInsertSpaceInButton?: boolean - removed:
property ConfigConsumerProps.csp?: CSPConfig - removed:
property ConfigConsumerProps.direction?: DirectionType - removed:
property ConfigConsumerProps.dropdownMatchSelectWidth?: boolean - removed:
property ConfigConsumerProps.form?: { validateMessages?: ValidateMessages; requiredMark?: RequiredMark; colon?: boolean } - removed:
property ConfigConsumerProps.getPopupContainer?: (triggerNode?: HTMLElement) => HTMLElement - removed:
property ConfigConsumerProps.getPrefixCls: (suffixCls?: string, customizePrefixCls?: string) => string - removed:
property ConfigConsumerProps.getTargetContainer?: () => HTMLElement - removed:
property ConfigConsumerProps.iconPrefixCls?: string - removed:
property ConfigConsumerProps.input?: { autoComplete?: string } - removed:
property ConfigConsumerProps.locale?: Locale - removed:
property ConfigConsumerProps.pageHeader?: { ghost: boolean } - removed:
property ConfigConsumerProps.pagination?: { showSizeChanger?: boolean } - removed:
property ConfigConsumerProps.renderEmpty?: RenderEmptyHandler - removed:
property ConfigConsumerProps.rootPrefixCls?: string - removed:
property ConfigConsumerProps.space?: { size?: SizeType | number } - removed:
property ConfigConsumerProps.virtual?: boolean - removed:
property Theme.errorColor?: string - removed:
property Theme.infoColor?: string - removed:
property Theme.primaryColor?: string - removed:
property Theme.processingColor?: string - removed:
property Theme.successColor?: string - removed:
property Theme.warningColor?: string - removed:
type DirectionType = 'ltr' | 'rtl' | undefined
- removed:
function getStyle(globalPrefixCls: string, theme: Theme): string - removed:
function registerTheme(globalPrefixCls: string, theme: Theme): void
- removed:
const defaultRenderEmpty: (componentName?: string) => React.ReactNode - removed:
default defaultRenderEmpty - removed:
type RenderEmptyHandler = typeof defaultRenderEmpty
- removed:
const ConfigProvider: React.FC<ConfigProviderProps> & { ConfigContext: typeof ConfigContext; SizeContext: typeof SizeContext; config: typeof setGlobalConfig } - removed:
const configConsumerProps: string[] - removed:
const defaultIconPrefixCls = 'anticon' - removed:
const defaultPrefixCls = 'ant' - removed:
const globalConfig: () => { getPrefixCls: (suffixCls?: string, customizePrefixCls?: string) => string; getIconPrefixCls: typeof getGlobalIconPrefixCls; getRootPrefixCls: (rootPref… - removed:
default ConfigProvider - removed:
export { CSPConfig } - removed:
export { ConfigConsumer } - removed:
export { ConfigConsumerProps } - removed:
export { ConfigContext } - removed:
export { DirectionType } - removed:
export { RenderEmptyHandler } - removed:
interface ConfigProviderProps - removed:
property ConfigProviderProps.autoInsertSpaceInButton?: boolean - removed:
property ConfigProviderProps.children?: React.ReactNode - removed:
property ConfigProviderProps.componentDisabled?: boolean - removed:
property ConfigProviderProps.componentSize?: SizeType - removed:
property ConfigProviderProps.csp?: CSPConfig - removed:
property ConfigProviderProps.direction?: DirectionType - removed:
property ConfigProviderProps.dropdownMatchSelectWidth?: boolean - removed:
property ConfigProviderProps.form?: { validateMessages?: ValidateMessages; requiredMark?: RequiredMark; colon?: boolean } - removed:
property ConfigProviderProps.getPopupContainer?: (triggerNode?: HTMLElement) => HTMLElement - removed:
property ConfigProviderProps.getTargetContainer?: () => HTMLElement | Window - removed:
property ConfigProviderProps.iconPrefixCls?: string - removed:
property ConfigProviderProps.input?: { autoComplete?: string } - removed:
property ConfigProviderProps.locale?: Locale - removed:
property ConfigProviderProps.pageHeader?: { ghost: boolean } - removed:
property ConfigProviderProps.pagination?: { showSizeChanger?: boolean } - removed:
property ConfigProviderProps.prefixCls?: string - removed:
property ConfigProviderProps.renderEmpty?: RenderEmptyHandler - removed:
property ConfigProviderProps.space?: { size?: SizeType | number } - removed:
property ConfigProviderProps.virtual?: boolean
- removed:
default function PickerButton(props: ButtonProps): React.JSX.Element
- removed:
default function PickerTag(props: TagProps): React.JSX.Element
- removed:
default function generateRangePicker<DateType>(generateConfig: GenerateConfig<DateType>): PickerComponentClass<RangePickerProps<DateType> & { dropdownClassName?: string | undefined; popupClassName?: string | undefined }, unknown>
- removed:
default function generatePicker<DateType>(generateConfig: GenerateConfig<DateType>): { DatePicker: PickerComponentClass<PickerProps<DateType> & { status?: '' | 'warning' | 'error' | undefined; dropdownClassName?: string | undefined; popupClassName?: string | undefined }, unknown>; WeekPicker: PickerComponentClass<Omit<PickerProps<DateType> & { status?: '' | 'warning' | 'error' | undefined; dropdownClassN…
- removed:
const Components: { button: typeof PickerButton; rangeItem: typeof PickerTag } - removed:
default generatePicker - removed:
function generatePicker<DateType>(generateConfig: GenerateConfig<DateType>): import('./interface').PickerComponentClass<PickerProps<DateType> & { status?: '' | 'warning' | 'error' | undefined; dropdownClassName?: string | undefined; popupClassName?: string | undefined }, unknown> & { WeekPicker: import('./interface').PickerComponentClass<Omit<PickerProps<DateType> & { status?: '' | 'warning' | 'e… - removed:
function getTimeProps<DateType, DisabledTime>(props: { format?: string; picker?: PickerMode } & Omit<SharedTimeProps<DateType>, 'disabledTime'> & { disabledTime?: DisabledTime }): { format?: string | undefined; picker?: PickerMode | undefined; defaultValue?: DateType | undefined; showNow?: boolean | undefined; showHour?: boolean | undefined; showMinute?: boolean | undefined; showSecond?: boolean… - removed:
type AdditionalPickerLocaleLangProps = { placeholder: string; yearPlaceholder?: string; quarterPlaceholder?: string; monthPlaceholder?: string; weekPlaceholder?: string; rangeYearPlaceholder?: [stri… - removed:
type AdditionalPickerLocaleProps = { dateFormat?: string; dateTimeFormat?: string; weekFormat?: string; monthFormat?: string } - removed:
type PickerBaseProps<DateType> = InjectDefaultProps<RCPickerBaseProps<DateType>> - removed:
type PickerDateProps<DateType> = InjectDefaultProps<RCPickerDateProps<DateType>> - removed:
type PickerLocale = { lang: RcPickerLocale & AdditionalPickerLocaleLangProps; timePickerLocale: TimePickerLocale } & AdditionalPickerLocaleProps - removed:
type PickerProps<DateType> = PickerBaseProps<DateType> | PickerDateProps<DateType> | PickerTimeProps<DateType> - removed:
type PickerTimeProps<DateType> = InjectDefaultProps<RCPickerTimeProps<DateType>> - removed:
type RangePickerBaseProps<DateType> = InjectDefaultProps<RCRangePickerBaseProps<DateType>> - removed:
type RangePickerDateProps<DateType> = InjectDefaultProps<RCRangePickerDateProps<DateType>> - removed:
type RangePickerProps<DateType> = RangePickerBaseProps<DateType> | RangePickerDateProps<DateType> | RangePickerTimeProps<DateType> - removed:
type RangePickerTimeProps<DateType> = InjectDefaultProps<RCRangePickerTimeProps<DateType>>
- removed:
interface CommonPickerMethods - removed:
interface PickerComponentClass<P = {}, S = unknown> extends ComponentClass<P, S> - removed:
new PickerComponentClass(...args: ConstructorParameters<ComponentClass<P, S>>): InstanceType<ComponentClass<P, S>> & CommonPickerMethods - removed:
property CommonPickerMethods.blur: () => void - removed:
property CommonPickerMethods.focus: () => void - removed:
type DatePickRef<DateType> = PickerRef<PickerProps<DateType>> - removed:
type PickerRef<P> = ForwardedRef<Component<P> & CommonPickerMethods> - removed:
type RangePickerRef<DateType> = PickerRef<RangePickerProps<DateType>>
- removed:
const DatePicker: import('./generatePicker/interface').PickerComponentClass<PickerProps<Moment> & { status?: '' | 'warning' | 'error' | undefined; dropdownClassName?: string | u… - removed:
default DatePicker - removed:
type DatePickerProps = PickerProps<Moment> - removed:
type MonthPickerProps = Omit<PickerDateProps<Moment>, 'picker'> - removed:
type RangePickerProps = BaseRangePickerProps<Moment> - removed:
type WeekPickerProps = Omit<PickerDateProps<Moment>, 'picker'>
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
const locale: PickerLocale - removed:
default locale
- removed:
function getPlaceholder(picker: PickerMode | undefined, locale: PickerLocale, customizePlaceholder?: string): string - removed:
function getRangePlaceholder(picker: PickerMode | undefined, locale: PickerLocale, customizePlaceholder?: [string, string]): [string, string] | undefined - removed:
function transPlacement2DropdownAlign(direction: DirectionType, placement?: SelectCommonPlacement): { points: string[]; offset: number[]; overflow: { adjustX: number; adjustY: number } }
- removed:
const Cell: React.FC<CellProps> - removed:
default Cell - removed:
interface CellProps - removed:
property CellProps.bordered?: boolean - removed:
property CellProps.className?: string - removed:
property CellProps.colon?: boolean - removed:
property CellProps.component: string - removed:
property CellProps.content?: React.ReactNode - removed:
property CellProps.contentStyle?: React.CSSProperties - removed:
property CellProps.itemPrefixCls: string - removed:
property CellProps.label?: React.ReactNode - removed:
property CellProps.labelStyle?: React.CSSProperties - removed:
property CellProps.span: number - removed:
property CellProps.style?: React.CSSProperties
- removed:
const DescriptionsItem: React.FC<DescriptionsItemProps> - removed:
default DescriptionsItem - removed:
interface DescriptionsItemProps - removed:
property DescriptionsItemProps.children: React.ReactNode - removed:
property DescriptionsItemProps.className?: string - removed:
property DescriptionsItemProps.contentStyle?: React.CSSProperties - removed:
property DescriptionsItemProps.label?: React.ReactNode - removed:
property DescriptionsItemProps.labelStyle?: React.CSSProperties - removed:
property DescriptionsItemProps.prefixCls?: string - removed:
property DescriptionsItemProps.span?: number - removed:
property DescriptionsItemProps.style?: React.CSSProperties
- removed:
const Row: React.FC<RowProps> - removed:
default Row - removed:
interface RowProps - removed:
property RowProps.bordered?: boolean - removed:
property RowProps.children?: React.ReactNode - removed:
property RowProps.colon: boolean - removed:
property RowProps.index: number - removed:
property RowProps.prefixCls: string - removed:
property RowProps.row: React.ReactElement<DescriptionsItemProps>[] - removed:
property RowProps.vertical: boolean
- removed:
const DescriptionsContext: React.Context<DescriptionsContextProps> - removed:
default Descriptions - removed:
function Descriptions({ prefixCls: customizePrefixCls, title, extra, column, colon, bordered, layout, children, className, style, size, labelStyle, contentStyle }: DescriptionsProps): React.JSX.Element - removed:
interface DescriptionsContextProps - removed:
interface DescriptionsProps - removed:
namespace Descriptions - removed:
property DescriptionsContextProps.contentStyle?: React.CSSProperties - removed:
property DescriptionsContextProps.labelStyle?: React.CSSProperties - removed:
property DescriptionsProps.bordered?: boolean - removed:
property DescriptionsProps.children?: React.ReactNode - removed:
property DescriptionsProps.className?: string - removed:
property DescriptionsProps.colon?: boolean - removed:
property DescriptionsProps.column?: number | Partial<Record<Breakpoint, number>> - removed:
property DescriptionsProps.contentStyle?: React.CSSProperties - removed:
property DescriptionsProps.extra?: React.ReactNode - removed:
property DescriptionsProps.labelStyle?: React.CSSProperties - removed:
property DescriptionsProps.layout?: 'horizontal' | 'vertical' - removed:
property DescriptionsProps.prefixCls?: string - removed:
property DescriptionsProps.size?: 'middle' | 'small' | 'default' - removed:
property DescriptionsProps.style?: React.CSSProperties - removed:
property DescriptionsProps.title?: React.ReactNode - removed:
var Descriptions.Item: React.FC<import('./Item').DescriptionsItemProps>
- removed:
const Divider: React.FC<DividerProps> - removed:
default Divider - removed:
interface DividerProps - removed:
property DividerProps.children?: React.ReactNode - removed:
property DividerProps.className?: string - removed:
property DividerProps.dashed?: boolean - removed:
property DividerProps.orientation?: 'left' | 'right' | 'center' - removed:
property DividerProps.orientationMargin?: string | number - removed:
property DividerProps.plain?: boolean - removed:
property DividerProps.prefixCls?: string - removed:
property DividerProps.style?: React.CSSProperties - removed:
property DividerProps.type?: 'horizontal' | 'vertical'
- removed:
default Drawer - removed:
function Drawer(props: DrawerProps): React.JSX.Element - removed:
interface DrawerProps extends RcDrawerProps - removed:
interface PushState - removed:
namespace Drawer - removed:
property DrawerProps.afterOpenChange?: (open: boolean) => void - removed:
property DrawerProps.afterVisibleChange?: (visible: boolean) => void - removed:
property DrawerProps.bodyStyle?: React.CSSProperties - removed:
property DrawerProps.closable?: boolean - removed:
property DrawerProps.closeIcon?: React.ReactNode - removed:
property DrawerProps.drawerStyle?: React.CSSProperties - removed:
property DrawerProps.extra?: React.ReactNode - removed:
property DrawerProps.footer?: React.ReactNode - removed:
property DrawerProps.footerStyle?: React.CSSProperties - removed:
property DrawerProps.headerStyle?: React.CSSProperties - removed:
property DrawerProps.open?: boolean - removed:
property DrawerProps.size?: sizeType - removed:
property DrawerProps.title?: React.ReactNode - removed:
property DrawerProps.visible?: boolean - removed:
property PushState.distance: string | number - removed:
var Drawer.displayName: string
- removed:
const Dropdown: CompoundedComponent - removed:
default Dropdown - removed:
interface DropdownProps - removed:
property DropdownProps.align?: Align - removed:
property DropdownProps.arrow?: boolean | DropdownArrowOptions - removed:
property DropdownProps.autoAdjustOverflow?: boolean | AdjustOverflow - removed:
property DropdownProps.autoFocus?: boolean - removed:
property DropdownProps.children?: React.ReactNode - removed:
property DropdownProps.className?: string - removed:
property DropdownProps.destroyPopupOnHide?: boolean - removed:
property DropdownProps.disabled?: boolean - removed:
property DropdownProps.dropdownRender?: (originNode: React.ReactNode) => React.ReactNode - removed:
property DropdownProps.forceRender?: boolean - removed:
property DropdownProps.getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement - removed:
property DropdownProps.menu?: MenuProps - removed:
property DropdownProps.mouseEnterDelay?: number - removed:
property DropdownProps.mouseLeaveDelay?: number - removed:
property DropdownProps.onOpenChange?: (open: boolean) => void - removed:
property DropdownProps.onVisibleChange?: (open: boolean) => void - removed:
property DropdownProps.open?: boolean - removed:
property DropdownProps.openClassName?: string - removed:
property DropdownProps.overlay?: React.ReactElement | OverlayFunc - removed:
property DropdownProps.overlayClassName?: string - removed:
property DropdownProps.overlayStyle?: React.CSSProperties - removed:
property DropdownProps.placement?: Placement - removed:
property DropdownProps.prefixCls?: string - removed:
property DropdownProps.transitionName?: string - removed:
property DropdownProps.trigger?: ('click' | 'hover' | 'contextMenu')[] - removed:
property DropdownProps.visible?: boolean - removed:
type DropdownArrowOptions = { pointAtCenter?: boolean }
- removed:
const DropdownButton: CompoundedComponent - removed:
default DropdownButton - removed:
interface DropdownButtonProps extends ButtonGroupProps, DropdownProps - removed:
property DropdownButtonProps.buttonsRender?: (buttons: React.ReactNode[]) => React.ReactNode[] - removed:
property DropdownButtonProps.children?: React.ReactNode - removed:
property DropdownButtonProps.danger?: boolean - removed:
property DropdownButtonProps.disabled?: boolean - removed:
property DropdownButtonProps.href?: string - removed:
property DropdownButtonProps.htmlType?: ButtonHTMLType - removed:
property DropdownButtonProps.icon?: React.ReactNode - removed:
property DropdownButtonProps.loading?: ButtonProps['loading'] - removed:
property DropdownButtonProps.onClick?: React.MouseEventHandler<HTMLButtonElement> - removed:
property DropdownButtonProps.title?: string - removed:
property DropdownButtonProps.type?: DropdownButtonType - removed:
type DropdownButtonType = 'default' | 'primary' | 'ghost' | 'dashed' | 'link' | 'text'
- removed:
default Dropdown - removed:
export { DropdownButtonProps } from './dropdown-button' - removed:
export { DropdownButtonType } from './dropdown-button' - removed:
export { DropdownProps as DropDownProps } from './dropdown' - removed:
export { DropdownProps } from './dropdown'
- removed:
const Empty: () => React.JSX.Element - removed:
default Empty
- removed:
const Empty: CompoundedComponent - removed:
default Empty - removed:
interface EmptyProps - removed:
interface TransferLocale - removed:
property EmptyProps.children?: React.ReactNode - removed:
property EmptyProps.className?: string - removed:
property EmptyProps.description?: React.ReactNode - removed:
property EmptyProps.image?: React.ReactNode - removed:
property EmptyProps.imageStyle?: React.CSSProperties - removed:
property EmptyProps.prefixCls?: string - removed:
property EmptyProps.style?: React.CSSProperties - removed:
property TransferLocale.description: string
- removed:
const Simple: () => React.JSX.Element - removed:
default Simple
- removed:
default function ErrorList({ help, helpStatus, errors, warnings, className: rootClassName, fieldId, onVisibleChanged }: ErrorListProps): React.JSX.Element - removed:
interface ErrorListProps - removed:
property ErrorListProps.className?: string - removed:
property ErrorListProps.errors?: React.ReactNode[] - removed:
property ErrorListProps.fieldId?: string - removed:
property ErrorListProps.help?: React.ReactNode - removed:
property ErrorListProps.helpStatus?: ValidateStatus - removed:
property ErrorListProps.onVisibleChanged?: (visible: boolean) => void - removed:
property ErrorListProps.warnings?: React.ReactNode[]
- removed:
const Form: <Values = any>(props: FormProps<Values> & { children?: React.ReactNode } & { ref?: React.Ref<FormInstance<Values>> | undefined }) => React.ReactElement - removed:
default Form - removed:
export { FormInstance } - removed:
export { List } - removed:
export { useForm } - removed:
export { useWatch } - removed:
interface FormProps<Values = any> extends Omit<RcFormProps<Values>, 'form'> - removed:
property FormProps.colon?: boolean - removed:
property FormProps.disabled?: boolean - removed:
property FormProps.form?: FormInstance<Values> - removed:
property FormProps.hideRequiredMark?: boolean - removed:
property FormProps.labelAlign?: FormLabelAlign - removed:
property FormProps.labelCol?: ColProps - removed:
property FormProps.labelWrap?: boolean - removed:
property FormProps.layout?: FormLayout - removed:
property FormProps.name?: string - removed:
property FormProps.prefixCls?: string - removed:
property FormProps.requiredMark?: RequiredMark - removed:
property FormProps.scrollToFirstError?: Options | boolean - removed:
property FormProps.size?: SizeType - removed:
property FormProps.wrapperCol?: ColProps - removed:
type FormLayout = 'horizontal' | 'inline' | 'vertical' - removed:
type RequiredMark = boolean | 'optional'
- removed:
default function ItemHolder(props: ItemHolderProps): React.JSX.Element - removed:
interface ItemHolderProps extends FormItemProps - removed:
property ItemHolderProps.children?: React.ReactNode - removed:
property ItemHolderProps.className?: string - removed:
property ItemHolderProps.errors: React.ReactNode[] - removed:
property ItemHolderProps.fieldId?: string - removed:
property ItemHolderProps.isRequired?: boolean - removed:
property ItemHolderProps.meta: Meta - removed:
property ItemHolderProps.onSubItemMetaChange: ReportMetaChange - removed:
property ItemHolderProps.prefixCls: string - removed:
property ItemHolderProps.style?: React.CSSProperties - removed:
property ItemHolderProps.warnings: React.ReactNode[]
- removed:
const FormItem: CompoundedComponent - removed:
default FormItem - removed:
interface FormItemProps<Values = any> extends FormItemLabelProps, FormItemInputProps, RcFieldProps<Values> - removed:
property FormItemProps.children?: ChildrenType<Values> - removed:
property FormItemProps.className?: string - removed:
property FormItemProps.fieldKey?: React.Key | React.Key[] - removed:
property FormItemProps.hasFeedback?: boolean - removed:
property FormItemProps.hidden?: boolean - removed:
property FormItemProps.id?: string - removed:
property FormItemProps.initialValue?: any - removed:
property FormItemProps.messageVariables?: Record<string, string> - removed:
property FormItemProps.noStyle?: boolean - removed:
property FormItemProps.prefixCls?: string - removed:
property FormItemProps.required?: boolean - removed:
property FormItemProps.style?: React.CSSProperties - removed:
property FormItemProps.tooltip?: LabelTooltipType - removed:
property FormItemProps.validateStatus?: ValidateStatus - removed:
type ValidateStatus = typeof ValidateStatuses[number]
- removed:
const FormItemInput: React.FC<FormItemInputProps & FormItemInputMiscProps> - removed:
default FormItemInput - removed:
interface FormItemInputProps - removed:
property FormItemInputProps.extra?: React.ReactNode - removed:
property FormItemInputProps.fieldId?: string - removed:
property FormItemInputProps.help?: React.ReactNode - removed:
property FormItemInputProps.status?: ValidateStatus - removed:
property FormItemInputProps.wrapperCol?: ColProps
- removed:
const FormItemLabel: React.FC<FormItemLabelProps & { required?: boolean; prefixCls: string }> - removed:
default FormItemLabel - removed:
interface FormItemLabelProps - removed:
property FormItemLabelProps.colon?: boolean - removed:
property FormItemLabelProps.htmlFor?: string - removed:
property FormItemLabelProps.label?: React.ReactNode - removed:
property FormItemLabelProps.labelAlign?: FormLabelAlign - removed:
property FormItemLabelProps.labelCol?: ColProps - removed:
property FormItemLabelProps.requiredMark?: RequiredMark - removed:
property FormItemLabelProps.tooltip?: LabelTooltipType - removed:
type LabelTooltipType = WrapperTooltipProps | React.ReactNode - removed:
type WrapperTooltipProps = TooltipProps & { icon?: React.ReactElement }
- removed:
const FormList: React.FC<FormListProps> - removed:
default FormList - removed:
interface FormListFieldData - removed:
interface FormListOperation - removed:
interface FormListProps - removed:
property FormListFieldData.fieldKey?: number - removed:
property FormListFieldData.key: number - removed:
property FormListFieldData.name: number - removed:
property FormListOperation.add: (defaultValue?: StoreValue, insertIndex?: number) => void - removed:
property FormListOperation.move: (from: number, to: number) => void - removed:
property FormListOperation.remove: (index: number | number[]) => void - removed:
property FormListProps.children: (fields: FormListFieldData[], operation: FormListOperation, meta: { errors: React.ReactNode[]; warnings: React.ReactNode[] }) => React.ReactNode - removed:
property FormListProps.initialValue?: any[] - removed:
property FormListProps.name: string | number | (string | number)[] - removed:
property FormListProps.prefixCls?: string - removed:
property FormListProps.rules?: ValidatorRule[]
- removed:
const FormContext: React.Context<FormContextProps> - removed:
const FormItemInputContext: React.Context<FormItemStatusContextProps> - removed:
const FormItemPrefixContext: React.Context<FormItemPrefixContextProps> - removed:
const FormProvider: React.FC<FormProviderProps> - removed:
const NoFormStyle: FC<NoFormStyleProps> - removed:
const NoStyleItemContext: React.Context<ReportMetaChange | null> - removed:
interface FormContextProps - removed:
interface FormItemPrefixContextProps - removed:
interface FormItemStatusContextProps - removed:
interface FormProviderProps extends Omit<RcFormProviderProps, 'validateMessages'> - removed:
property FormContextProps.colon?: boolean - removed:
property FormContextProps.form?: FormInstance - removed:
property FormContextProps.itemRef: (name: (string | number)[]) => (node: React.ReactElement) => void - removed:
property FormContextProps.labelAlign?: FormLabelAlign - removed:
property FormContextProps.labelCol?: ColProps - removed:
property FormContextProps.labelWrap?: boolean - removed:
property FormContextProps.name?: string - removed:
property FormContextProps.requiredMark?: RequiredMark - removed:
property FormContextProps.vertical: boolean - removed:
property FormContextProps.wrapperCol?: ColProps - removed:
property FormItemPrefixContextProps.prefixCls: string - removed:
property FormItemPrefixContextProps.status?: ValidateStatus - removed:
property FormItemStatusContextProps.feedbackIcon?: ReactNode - removed:
property FormItemStatusContextProps.hasFeedback?: boolean - removed:
property FormItemStatusContextProps.isFormItemInput?: boolean - removed:
property FormItemStatusContextProps.status?: ValidateStatus - removed:
property FormProviderProps.prefixCls?: string - removed:
type NoFormStyleProps = PropsWithChildren<{ status?: boolean; override?: boolean }> - removed:
type ReportMetaChange = (meta: Meta, uniqueKeys: React.Key[]) => void
- removed:
default function useDebounce<T>(value: T[]): T[]
- removed:
default function useForm<Values = any>(form?: FormInstance<Values>): [FormInstance<Values>] - removed:
interface FormInstance<Values = any> extends RcFormInstance<Values> - removed:
property FormInstance.getFieldInstance: (name: NamePath) => any - removed:
property FormInstance.scrollToField: (name: NamePath, options?: ScrollOptions) => void
- removed:
default function useFormInstance<Value = any>(): FormInstance<Value>
- removed:
const useFormItemStatus: UseFormItemStatus - removed:
default useFormItemStatus
- removed:
default function useFrameState<ValueType>(defaultValue: ValueType): [ValueType, (updater: Updater<ValueType>) => void]
- removed:
default function useItemRef(): (name: InternalNamePath, children: any) => React.Ref<any> | undefined
- removed:
const Form: CompoundedComponent - removed:
default Form - removed:
export { ErrorListProps } - removed:
export { FormInstance } - removed:
export { FormItemProps } - removed:
export { FormListFieldData } - removed:
export { FormListOperation } - removed:
export { FormListProps } - removed:
export { FormProps } - removed:
export { Rule } - removed:
export { RuleObject } - removed:
export { RuleRender }
- removed:
export { InternalNamePath } from 'rc-field-form/lib/interface' - removed:
export { NamePath } from 'rc-field-form/lib/interface' - removed:
export { Options as ScrollOptions } from 'scroll-into-view-if-needed' - removed:
export { Store } from 'rc-field-form/lib/interface' - removed:
export { StoreValue } from 'rc-field-form/lib/interface' - removed:
type FormLabelAlign = 'left' | 'right'
- removed:
function getFieldId(namePath: InternalNamePath, formName?: string): string | undefined - removed:
function toArray<T>(candidate?: T | T[] | false): T[]
- removed:
const _default: import('react').Context<ValidateMessages | undefined> - removed:
default _default
- removed:
const RowContext: Context<RowContextState> - removed:
default RowContext - removed:
interface RowContextState - removed:
property RowContextState.gutter?: [number, number] - removed:
property RowContextState.supportFlexGap?: boolean - removed:
property RowContextState.wrap?: boolean
- removed:
const Col: React.ForwardRefExoticComponent<ColProps & React.RefAttributes<HTMLDivElement>> - removed:
default Col - removed:
interface ColProps extends React.HTMLAttributes<HTMLDivElement> - removed:
interface ColSize - removed:
property ColProps.flex?: FlexType - removed:
property ColProps.lg?: ColSpanType | ColSize - removed:
property ColProps.md?: ColSpanType | ColSize - removed:
property ColProps.offset?: ColSpanType - removed:
property ColProps.order?: ColSpanType - removed:
property ColProps.prefixCls?: string - removed:
property ColProps.pull?: ColSpanType - removed:
property ColProps.push?: ColSpanType - removed:
property ColProps.sm?: ColSpanType | ColSize - removed:
property ColProps.span?: ColSpanType - removed:
property ColProps.xl?: ColSpanType | ColSize - removed:
property ColProps.xs?: ColSpanType | ColSize - removed:
property ColProps.xxl?: ColSpanType | ColSize - removed:
property ColSize.flex?: FlexType - removed:
property ColSize.offset?: ColSpanType - removed:
property ColSize.order?: ColSpanType - removed:
property ColSize.pull?: ColSpanType - removed:
property ColSize.push?: ColSpanType - removed:
property ColSize.span?: ColSpanType
- removed:
default useBreakpoint - removed:
function useBreakpoint(refreshOnChange?: boolean): ScreenMap
- removed:
const _default: { useBreakpoint: typeof useBreakpoint } - removed:
default _default - removed:
export { Col } - removed:
export { ColProps } from './col' - removed:
export { ColSize } from './col' - removed:
export { Row } - removed:
export { RowProps } from './row'
- removed:
const Row: React.ForwardRefExoticComponent<RowProps & React.RefAttributes<HTMLDivElement>> - removed:
default Row - removed:
interface RowProps extends React.HTMLAttributes<HTMLDivElement> - removed:
property RowProps.align?: typeof RowAligns[number] | ResponsiveAligns - removed:
property RowProps.gutter?: Gutter | [Gutter, Gutter] - removed:
property RowProps.justify?: typeof RowJustify[number] | ResponsiveJustify - removed:
property RowProps.prefixCls?: string - removed:
property RowProps.wrap?: boolean - removed:
type Gutter = number | undefined | Partial<Record<Breakpoint, number>>
- removed:
const Icon: React.FC - removed:
default Icon
- removed:
const InternalPreviewGroup: React.FC<GroupConsumerProps> - removed:
const icons: { rotateLeft: React.JSX.Element; rotateRight: React.JSX.Element; zoomIn: React.JSX.Element; zoomOut: React.JSX.Element; close: React.JSX.Element; left: React.J… - removed:
default InternalPreviewGroup
- removed:
const Image: CompositionImage<ImageProps> - removed:
default Image - removed:
export { ImageProps } - removed:
interface CompositionImage<P> extends React.FC<P> - removed:
property CompositionImage.PreviewGroup: typeof PreviewGroup
- removed:
const theme: null - removed:
export { AffixProps } from './affix' - removed:
export { AlertProps } from './alert' - removed:
export { AnchorLinkProps } from './anchor' - removed:
export { AnchorProps } from './anchor' - removed:
export { AntTreeNodeProps as TreeNodeProps } from './tree' - removed:
export { ArgsProps as MessageArgsProps } from './message' - removed:
export { AutoCompleteProps } from './auto-complete' - removed:
export { AvatarProps } from './avatar' - removed:
export { BackTopProps } from './back-top' - removed:
export { BadgeProps } from './badge' - removed:
export { BreadcrumbItemProps } from './breadcrumb' - removed:
export { BreadcrumbProps } from './breadcrumb' - removed:
export { ButtonProps } from './button' - removed:
export { CalendarProps } from './calendar' - removed:
export { CardProps } from './card' - removed:
export { CarouselProps } from './carousel' - removed:
export { CascaderProps } from './cascader' - removed:
export { CheckboxOptionType } from './checkbox' - removed:
export { CheckboxProps } from './checkbox' - removed:
export { ColProps } from './col' - removed:
export { CollapsePanelProps } from './collapse' - removed:
export { CollapseProps } from './collapse' - removed:
export { ColumnGroupType as TableColumnGroupType } from './table' - removed:
export { ColumnProps as TableColumnProps } from './table' - removed:
export { ColumnType as TableColumnType } from './table' - removed:
export { ColumnsType as TableColumnsType } from './table' - removed:
export { CommentProps } from './comment' - removed:
export { DataNode as TreeDataNode } from './tree' - removed:
export { DatePickerProps } from './date-picker' - removed:
export { DescriptionsProps } from './descriptions' - removed:
export { DividerProps } from './divider' - removed:
export { DrawerProps } from './drawer' - removed:
export { DropdownProps as DropDownProps } from './dropdown' - removed:
export { DropdownProps } from './dropdown' - removed:
export { EmptyProps } from './empty' - removed:
export { FormInstance } from './form' - removed:
export { FormItemProps } from './form' - removed:
export { FormListFieldData } from './form' - removed:
export { FormListOperation } from './form' - removed:
export { FormProps } from './form' - removed:
export { ImageProps } from './image' - removed:
export { InputNumberProps } from './input-number' - removed:
export { InputProps } from './input' - removed:
export { InputRef } from './input' - removed:
export { LayoutProps } from './layout' - removed:
export { ListProps } from './list' - removed:
export { MentionProps } from './mentions' - removed:
export { MenuItemProps } from './menu' - removed:
export { MenuProps } from './menu' - removed:
export { MenuTheme } from './menu' - removed:
export { ModalFuncProps } from './modal' - removed:
export { ModalProps } from './modal' - removed:
export { PageHeaderProps } from './page-header' - removed:
export { PaginationProps } from './pagination' - removed:
export { PopconfirmProps } from './popconfirm' - removed:
export { PopoverProps } from './popover' - removed:
export { ProgressProps } from './progress' - removed:
export { RadioChangeEvent } from './radio' - removed:
export { RadioGroupProps } from './radio' - removed:
export { RadioProps } from './radio' - removed:
export { RateProps } from './rate' - removed:
export { RefSelectProps } from './select' - removed:
export { ResultProps } from './result' - removed:
export { RowProps } from './row' - removed:
export { Rule as FormRule } from './form' - removed:
export { SegmentedProps } from './segmented' - removed:
export { SelectProps } from './select' - removed:
export { SiderProps } from './layout' - removed:
export { SkeletonProps } from './skeleton' - removed:
export { SliderSingleProps } from './slider' - removed:
export { SpaceProps } from './space' - removed:
export { SpinProps } from './spin' - removed:
export { StatisticProps } from './statistic' - removed:
export { StepProps } from './steps' - removed:
export { StepsProps } from './steps' - removed:
export { SubMenuProps } from './menu' - removed:
export { SwitchProps } from './switch' - removed:
export { TabPaneProps } from './tabs' - removed:
export { TablePaginationConfig } from './table' - removed:
export { TableProps } from './table' - removed:
export { TabsProps } from './tabs' - removed:
export { TagProps } from './tag' - removed:
export { TagType } from './tag' - removed:
export { TimePickerProps } from './time-picker' - removed:
export { TimeRangePickerProps } from './time-picker' - removed:
export { TimelineItemProps } from './timeline' - removed:
export { TimelineProps } from './timeline' - removed:
export { TooltipProps } from './tooltip' - removed:
export { TransferProps } from './transfer' - removed:
export { TreeProps } from './tree' - removed:
export { TreeSelectProps } from './tree-select' - removed:
export { TypographyProps } from './typography' - removed:
export { UploadFile } from './upload' - removed:
export { UploadProps } from './upload' - removed:
export { default as Affix } from './affix' - removed:
export { default as Alert } from './alert' - removed:
export { default as Anchor } from './anchor' - removed:
export { default as AutoComplete } from './auto-complete' - removed:
export { default as Avatar } from './avatar' - removed:
export { default as BackTop } from './back-top' - removed:
export { default as Badge } from './badge' - removed:
export { default as Breadcrumb } from './breadcrumb' - removed:
export { default as Button } from './button' - removed:
export { default as Calendar } from './calendar' - removed:
export { default as Card } from './card' - removed:
export { default as Carousel } from './carousel' - removed:
export { default as Cascader } from './cascader' - removed:
export { default as Checkbox } from './checkbox' - removed:
export { default as Col } from './col' - removed:
export { default as Collapse } from './collapse' - removed:
export { default as Comment } from './comment' - removed:
export { default as ConfigProvider } from './config-provider' - removed:
export { default as DatePicker } from './date-picker' - removed:
export { default as Descriptions } from './descriptions' - removed:
export { default as Divider } from './divider' - removed:
export { default as Drawer } from './drawer' - removed:
export { default as Dropdown } from './dropdown' - removed:
export { default as Empty } from './empty' - removed:
export { default as Form } from './form' - removed:
export { default as Grid } from './grid' - removed:
export { default as Image } from './image' - removed:
export { default as Input } from './input' - removed:
export { default as InputNumber } from './input-number' - removed:
export { default as Layout } from './layout' - removed:
export { default as List } from './list' - removed:
export { default as Mentions } from './mentions' - removed:
export { default as Menu } from './menu' - removed:
export { default as Modal } from './modal' - removed:
export { default as PageHeader } from './page-header' - removed:
export { default as Pagination } from './pagination' - removed:
export { default as Popconfirm } from './popconfirm' - removed:
export { default as Popover } from './popover' - removed:
export { default as Progress } from './progress' - removed:
export { default as Radio } from './radio' - removed:
export { default as Rate } from './rate' - removed:
export { default as Result } from './result' - removed:
export { default as Row } from './row' - removed:
export { default as Segmented } from './segmented' - removed:
export { default as Select } from './select' - removed:
export { default as Skeleton } from './skeleton' - removed:
export { default as Slider } from './slider' - removed:
export { default as Space } from './space' - removed:
export { default as Spin } from './spin' - removed:
export { default as Statistic } from './statistic' - removed:
export { default as Steps } from './steps' - removed:
export { default as Switch } from './switch' - removed:
export { default as Table } from './table' - removed:
export { default as Tabs } from './tabs' - removed:
export { default as Tag } from './tag' - removed:
export { default as TimePicker } from './time-picker' - removed:
export { default as Timeline } from './timeline' - removed:
export { default as Tooltip } from './tooltip' - removed:
export { default as Transfer } from './transfer' - removed:
export { default as Tree } from './tree' - removed:
export { default as TreeSelect } from './tree-select' - removed:
export { default as Typography } from './typography' - removed:
export { default as Upload } from './upload' - removed:
export { default as message } from './message' - removed:
export { default as notification } from './notification' - removed:
export { default as version } from './version'
- removed:
const _default: (<T extends ValueType = ValueType>(props: InputNumberProps<T> & { children?: React.ReactNode } & { ref?: React.Ref<HTMLInputElement> | undefined }) => React.Re… - removed:
default _default - removed:
interface InputNumberProps<T extends ValueType = ValueType> extends Omit<RcInputNumberProps<T>, 'prefix' | 'size' | 'controls'> - removed:
property InputNumberProps.addonAfter?: React.ReactNode - removed:
property InputNumberProps.addonBefore?: React.ReactNode - removed:
property InputNumberProps.bordered?: boolean - removed:
property InputNumberProps.controls?: boolean | { upIcon?: React.ReactNode; downIcon?: React.ReactNode } - removed:
property InputNumberProps.disabled?: boolean - removed:
property InputNumberProps.prefix?: React.ReactNode - removed:
property InputNumberProps.prefixCls?: string - removed:
property InputNumberProps.size?: SizeType - removed:
property InputNumberProps.status?: InputStatus
- removed:
class ClearableLabeledInput extends React.Component<ClearableInputProps> - removed:
default ClearableLabeledInput - removed:
interface ClearableInputProps extends BasicProps - removed:
method ClearableLabeledInput.render(): React.JSX.Element - removed:
method ClearableLabeledInput.renderClearIcon(prefixCls: string): React.JSX.Element - removed:
method ClearableLabeledInput.renderTextAreaWithClearIcon(prefixCls: string, element: React.ReactElement, statusContext: FormItemStatusContextProps): React.JSX.Element - removed:
property ClearableInputProps.addonAfter?: React.ReactNode - removed:
property ClearableInputProps.addonBefore?: React.ReactNode - removed:
property ClearableInputProps.prefix?: React.ReactNode - removed:
property ClearableInputProps.size?: SizeType - removed:
property ClearableInputProps.status?: InputStatus - removed:
property ClearableInputProps.suffix?: React.ReactNode - removed:
property ClearableInputProps.triggerFocus?: () => void
- removed:
const Group: React.FC<GroupProps> - removed:
default Group - removed:
interface GroupProps - removed:
property GroupProps.children?: React.ReactNode - removed:
property GroupProps.className?: string - removed:
property GroupProps.compact?: boolean - removed:
property GroupProps.onBlur?: React.FocusEventHandler<HTMLSpanElement> - removed:
property GroupProps.onFocus?: React.FocusEventHandler<HTMLSpanElement> - removed:
property GroupProps.onMouseEnter?: React.MouseEventHandler<HTMLSpanElement> - removed:
property GroupProps.onMouseLeave?: React.MouseEventHandler<HTMLSpanElement> - removed:
property GroupProps.prefixCls?: string - removed:
property GroupProps.size?: 'large' | 'small' | 'default' - removed:
property GroupProps.style?: React.CSSProperties
- removed:
const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<InputRef>> - removed:
default Input - removed:
export { InputRef } - removed:
function fixControlledValue<T>(value: T): string - removed:
function resolveOnChange<E extends HTMLInputElement | HTMLTextAreaElement>(target: E, e: React.ChangeEvent<E> | React.MouseEvent<HTMLElement, MouseEvent> | React.CompositionEvent<HTMLElement>, onChange: undefined | ((event: React.ChangeEvent<E>) => void), targetValue?: string): void - removed:
function triggerFocus(element?: HTMLInputElement | HTMLTextAreaElement, option?: InputFocusOptions): void - removed:
index InputProps[key: `data-${string}`]: string | undefined - removed:
interface InputFocusOptions extends FocusOptions - removed:
interface InputProps extends Omit<RcInputProps, 'wrapperClassName' | 'groupClassName' | 'inputClassName' | 'affixWrapperClassName'> - removed:
property InputFocusOptions.cursor?: 'start' | 'end' | 'all' - removed:
property InputProps.bordered?: boolean - removed:
property InputProps.disabled?: boolean - removed:
property InputProps.size?: SizeType - removed:
property InputProps.status?: InputStatus
- removed:
const Password: React.ForwardRefExoticComponent<PasswordProps & React.RefAttributes<InputRef>> - removed:
default Password - removed:
interface PasswordProps extends InputProps - removed:
property PasswordProps.iconRender?: (visible: boolean) => React.ReactNode - removed:
property PasswordProps.visibilityToggle?: boolean | VisibilityToggle - removed:
readonly property PasswordProps.action?: string - removed:
readonly property PasswordProps.inputPrefixCls?: string
- removed:
const Search: React.ForwardRefExoticComponent<SearchProps & React.RefAttributes<InputRef>> - removed:
default Search - removed:
interface SearchProps extends InputProps - removed:
property SearchProps.enterButton?: React.ReactNode - removed:
property SearchProps.inputPrefixCls?: string - removed:
property SearchProps.loading?: boolean - removed:
property SearchProps.onSearch?: (value: string, event?: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLInputElement>) => void
- removed:
const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<TextAreaRef>> - removed:
default TextArea - removed:
interface TextAreaProps extends RcTextAreaProps - removed:
interface TextAreaRef - removed:
property TextAreaProps.allowClear?: boolean - removed:
property TextAreaProps.bordered?: boolean - removed:
property TextAreaProps.disabled?: boolean - removed:
property TextAreaProps.showCount?: boolean | ShowCountProps - removed:
property TextAreaProps.size?: SizeType - removed:
property TextAreaProps.status?: InputStatus - removed:
property TextAreaRef.blur: () => void - removed:
property TextAreaRef.focus: (options?: InputFocusOptions) => void - removed:
property TextAreaRef.resizableTextArea?: ResizableTextAreaRef
- removed:
default function useRemovePasswordTimeout(inputRef: React.RefObject<InputRef>, triggerOnMount?: boolean): () => void
- removed:
const Input: CompoundedComponent - removed:
default Input - removed:
export { GroupProps } from './Group' - removed:
export { InputProps } from './Input' - removed:
export { InputRef } from './Input' - removed:
export { PasswordProps } from './Password' - removed:
export { SearchProps } from './Search' - removed:
export { TextAreaProps } from './TextArea'
- removed:
function hasPrefixSuffix(props: InputProps | ClearableInputProps): boolean
- removed:
const Sider: React.ForwardRefExoticComponent<SiderProps & React.RefAttributes<HTMLDivElement>> - removed:
const SiderContext: React.Context<SiderContextProps> - removed:
default Sider - removed:
interface SiderContextProps - removed:
interface SiderProps extends React.HTMLAttributes<HTMLDivElement> - removed:
interface SiderState - removed:
property SiderContextProps.siderCollapsed?: boolean - removed:
property SiderProps.breakpoint?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' - removed:
property SiderProps.collapsed?: boolean - removed:
property SiderProps.collapsedWidth?: number | string - removed:
property SiderProps.collapsible?: boolean - removed:
property SiderProps.defaultCollapsed?: boolean - removed:
property SiderProps.onBreakpoint?: (broken: boolean) => void - removed:
property SiderProps.onCollapse?: (collapsed: boolean, type: CollapseType) => void - removed:
property SiderProps.prefixCls?: string - removed:
property SiderProps.reverseArrow?: boolean - removed:
property SiderProps.theme?: SiderTheme - removed:
property SiderProps.trigger?: React.ReactNode - removed:
property SiderProps.width?: number | string - removed:
property SiderProps.zeroWidthTriggerStyle?: React.CSSProperties - removed:
property SiderState.below: boolean - removed:
property SiderState.collapsed?: boolean - removed:
type CollapseType = 'clickTrigger' | 'responsive' - removed:
type SiderTheme = 'light' | 'dark'
- removed:
const Layout: CompoundedComponent - removed:
default Layout - removed:
export { BasicProps as LayoutProps } from './layout' - removed:
export { SiderProps } from './Sider'
- removed:
const Content: React.ForwardRefExoticComponent<BasicProps & React.RefAttributes<HTMLElement>> - removed:
const Footer: React.ForwardRefExoticComponent<BasicProps & React.RefAttributes<HTMLElement>> - removed:
const Header: React.ForwardRefExoticComponent<BasicProps & React.RefAttributes<HTMLElement>> - removed:
const Layout: React.ForwardRefExoticComponent<BasicProps & React.RefAttributes<HTMLElement>> - removed:
const LayoutContext: React.Context<LayoutContextProps> - removed:
default Layout - removed:
interface BasicProps extends React.HTMLAttributes<HTMLDivElement> - removed:
interface GeneratorProps - removed:
interface LayoutContextProps - removed:
property BasicProps.hasSider?: boolean - removed:
property BasicProps.prefixCls?: string - removed:
property GeneratorProps.displayName: string - removed:
property GeneratorProps.suffixCls: string - removed:
property GeneratorProps.tagName: 'header' | 'footer' | 'main' | 'section' - removed:
property LayoutContextProps.siderHook: { addSider: (id: string) => void; removeSider: (id: string) => void }
- removed:
const Item: ListItemTypeProps - removed:
const Meta: FC<ListItemMetaProps> - removed:
default Item - removed:
interface ListItemMetaProps - removed:
interface ListItemProps extends HTMLAttributes<HTMLDivElement> - removed:
interface ListItemTypeProps extends ForwardRefExoticComponent<ListItemProps & React.RefAttributes<HTMLElement>> - removed:
property ListItemMetaProps.avatar?: ReactNode - removed:
property ListItemMetaProps.children?: ReactNode - removed:
property ListItemMetaProps.className?: string - removed:
property ListItemMetaProps.description?: ReactNode - removed:
property ListItemMetaProps.prefixCls?: string - removed:
property ListItemMetaProps.style?: CSSProperties - removed:
property ListItemMetaProps.title?: ReactNode - removed:
property ListItemProps.actions?: ReactNode[] - removed:
property ListItemProps.children?: ReactNode - removed:
property ListItemProps.className?: string - removed:
property ListItemProps.colStyle?: CSSProperties - removed:
property ListItemProps.extra?: ReactNode - removed:
property ListItemProps.prefixCls?: string - removed:
property ListItemProps.style?: CSSProperties - removed:
property ListItemTypeProps.Meta: typeof Meta
- removed:
const ListConsumer: React.Consumer<ListConsumerProps> - removed:
const ListContext: React.Context<ListConsumerProps> - removed:
default List - removed:
export { ListItemMetaProps } from './Item' - removed:
export { ListItemProps } from './Item' - removed:
function List<T>({ pagination, prefixCls: customizePrefixCls, bordered, split, className, children, itemLayout, loadMore, grid, dataSource, size, header, footer, loading, rowKey, renderItem, locale, ...rest }: ListProps<T>): React.JSX.Element - removed:
interface ListConsumerProps - removed:
interface ListGridType - removed:
interface ListLocale - removed:
interface ListProps<T> - removed:
namespace List - removed:
property ListConsumerProps.grid?: any - removed:
property ListConsumerProps.itemLayout?: string - removed:
property ListGridType.column?: ColumnCount - removed:
property ListGridType.gutter?: number - removed:
property ListGridType.lg?: ColumnCount - removed:
property ListGridType.md?: ColumnCount - removed:
property ListGridType.sm?: ColumnCount - removed:
property ListGridType.xl?: ColumnCount - removed:
property ListGridType.xs?: ColumnCount - removed:
property ListGridType.xxl?: ColumnCount - removed:
property ListLocale.emptyText: React.ReactNode - removed:
property ListProps.bordered?: boolean - removed:
property ListProps.children?: React.ReactNode - removed:
property ListProps.className?: string - removed:
property ListProps.dataSource?: T[] - removed:
property ListProps.extra?: React.ReactNode - removed:
property ListProps.footer?: React.ReactNode - removed:
property ListProps.grid?: ListGridType - removed:
property ListProps.header?: React.ReactNode - removed:
property ListProps.id?: string - removed:
property ListProps.itemLayout?: ListItemLayout - removed:
property ListProps.loadMore?: React.ReactNode - removed:
property ListProps.loading?: boolean | SpinProps - removed:
property ListProps.locale?: ListLocale - removed:
property ListProps.pagination?: PaginationConfig | false - removed:
property ListProps.prefixCls?: string - removed:
property ListProps.renderItem?: (item: T, index: number) => React.ReactNode - removed:
property ListProps.rowKey?: ((item: T) => React.Key) | keyof T - removed:
property ListProps.size?: ListSize - removed:
property ListProps.split?: boolean - removed:
property ListProps.style?: React.CSSProperties - removed:
type ColumnCount = number - removed:
type ColumnType = 'gutter' | 'column' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' - removed:
type ListItemLayout = 'horizontal' | 'vertical' - removed:
type ListSize = 'small' | 'default' | 'large' - removed:
var List.Item: import('./Item').ListItemTypeProps
- removed:
const LocaleReceiver: <C extends LocaleComponentName = LocaleComponentName>(props: LocaleReceiverProps<C>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> - removed:
const useLocaleReceiver: <C extends LocaleComponentName = LocaleComponentName>(componentName: C, defaultLocale?: Locale[C] | (() => Locale[C]) | undefined) => [Locale[C]] - removed:
default LocaleReceiver - removed:
interface LocaleReceiverProps<C extends LocaleComponentName = LocaleComponentName> - removed:
property LocaleReceiverProps.children: (locale: NonNullable<Locale[C]>, localeCode: string, fullLocale: Locale) => React.ReactElement - removed:
property LocaleReceiverProps.componentName?: C - removed:
property LocaleReceiverProps.defaultLocale?: Locale[C] | (() => Locale[C]) - removed:
type LocaleComponentName = Exclude<keyof Locale, 'locale'>
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
const LocaleContext: import('react').Context<LocaleContextProps | undefined> - removed:
default LocaleContext - removed:
type LocaleContextProps = Locale & { exist?: boolean }
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
default locale
- removed:
const ANT_MARK = 'internalMark' - removed:
const LocaleProvider: React.FC<LocaleProviderProps> - removed:
default LocaleProvider - removed:
interface Locale - removed:
interface LocaleProviderProps - removed:
property Locale.Calendar?: Record<string, any> - removed:
property Locale.DatePicker?: DatePickerLocale - removed:
property Locale.Empty?: TransferLocaleForEmpty - removed:
property Locale.Form?: { optional?: string; defaultValidateMessages: ValidateMessages } - removed:
property Locale.Icon?: Record<string, any> - removed:
property Locale.Image?: { preview: string } - removed:
property Locale.Modal?: ModalLocale - removed:
property Locale.PageHeader?: { back: string } - removed:
property Locale.Pagination?: PaginationLocale - removed:
property Locale.Popconfirm?: PopconfirmLocale - removed:
property Locale.Select?: Record<string, any> - removed:
property Locale.Table?: TableLocale - removed:
property Locale.Text?: { edit?: any; copy?: any; copied?: any; expand?: any } - removed:
property Locale.TimePicker?: Record<string, any> - removed:
property Locale.Transfer?: TransferLocale - removed:
property Locale.Upload?: UploadLocale - removed:
property Locale.global?: Record<string, any> - removed:
property Locale.locale: string - removed:
property LocaleProviderProps.children?: React.ReactNode - removed:
property LocaleProviderProps.locale: Locale
- removed:
default locale