mirror of
https://github.com/ant-design/ant-design.git
synced 2024-11-24 02:59:58 +08:00
fix: Checkbox & Radio not support customize wave (#44014)
* chore: fix checkbox * chore: checkbox support disabled * chore: radio support wave * test: update test case * chore: fix lint * test: update snapshot * test: update snapshot * test: fix test case * test: update test case
This commit is contained in:
二货爱吃白萝卜
GitHub
parent
0e493b3c88
commit
6e3a9080bf
@ -1,7 +1,10 @@
|
||||
import React from 'react';
|
||||
import classNames from 'classnames';
|
||||
import mountTest from '../../../tests/shared/mountTest';
|
||||
import { act, fireEvent, getByText, render, waitFakeTimer } from '../../../tests/utils';
|
||||
import Wave from '../wave';
|
||||
import { TARGET_CLS } from '../wave/interface';
|
||||
import Checkbox from '../../checkbox';
|
||||
|
||||
(global as any).isVisible = true;
|
||||
|
||||
@ -29,7 +32,6 @@ describe('Wave component', () => {
|
||||
}
|
||||
|
||||
(window as any).ResizeObserver = FakeResizeObserver;
|
||||
jest.useFakeTimers();
|
||||
});
|
||||
|
||||
afterAll(() => {
|
||||
@ -39,11 +41,14 @@ describe('Wave component', () => {
|
||||
});
|
||||
|
||||
beforeEach(() => {
|
||||
jest.useFakeTimers();
|
||||
(global as any).isVisible = true;
|
||||
document.body.innerHTML = '';
|
||||
});
|
||||
|
||||
afterEach(() => {
|
||||
afterEach(async () => {
|
||||
await waitFakeTimer();
|
||||
|
||||
jest.clearAllTimers();
|
||||
const styles = document.getElementsByTagName('style');
|
||||
for (let i = 0; i < styles.length; i += 1) {
|
||||
@ -68,6 +73,9 @@ describe('Wave component', () => {
|
||||
act(() => {
|
||||
jest.advanceTimersByTime(100);
|
||||
});
|
||||
act(() => {
|
||||
jest.advanceTimersByTime(100);
|
||||
});
|
||||
}
|
||||
|
||||
it('work', async () => {
|
||||
@ -237,18 +245,6 @@ describe('Wave component', () => {
|
||||
expect(document.querySelector('.ant-wave')).toBeFalsy();
|
||||
});
|
||||
|
||||
it('not show when is input', () => {
|
||||
const { container } = render(
|
||||
<Wave>
|
||||
<input />
|
||||
</Wave>,
|
||||
);
|
||||
|
||||
fireEvent.click(container.querySelector('input')!);
|
||||
waitRaf();
|
||||
expect(document.querySelector('.ant-wave')).toBeFalsy();
|
||||
});
|
||||
|
||||
it('should not throw when click it', () => {
|
||||
expect(() => {
|
||||
const { container } = render(
|
||||
@ -325,4 +321,32 @@ describe('Wave component', () => {
|
||||
|
||||
expect(container.querySelector('.ant-wave')).toBeTruthy();
|
||||
});
|
||||
|
||||
it('Wave can match target', () => {
|
||||
const { container } = render(
|
||||
<Wave>
|
||||
<div>
|
||||
<div className={classNames('bamboo', TARGET_CLS)} style={{ borderColor: 'red' }} />
|
||||
</div>
|
||||
</Wave>,
|
||||
);
|
||||
|
||||
// Click
|
||||
fireEvent.click(container.querySelector('.bamboo')!);
|
||||
waitRaf();
|
||||
|
||||
expect(container.querySelector('.ant-wave')).toBeTruthy();
|
||||
});
|
||||
|
||||
it('Checkbox with uncheck should not trigger wave', () => {
|
||||
const onChange = jest.fn();
|
||||
const { container } = render(<Checkbox defaultChecked onChange={onChange} />);
|
||||
|
||||
// Click
|
||||
fireEvent.click(container.querySelector('input')!);
|
||||
waitRaf();
|
||||
|
||||
expect(onChange).toHaveBeenCalled();
|
||||
expect(container.querySelector('.ant-wave')).toBeFalsy();
|
||||
});
|
||||
});
|
||||
|
||||
@ -4,7 +4,7 @@ import { render, unmount } from 'rc-util/lib/React/render';
|
||||
import raf from 'rc-util/lib/raf';
|
||||
import * as React from 'react';
|
||||
import { getTargetWaveColor } from './util';
|
||||
import type { ShowWaveEffect } from './useWave';
|
||||
import { type ShowWaveEffect, TARGET_CLS } from './interface';
|
||||
|
||||
function validateNum(value: number) {
|
||||
return Number.isNaN(value) ? 0 : value;
|
||||
@ -13,10 +13,11 @@ function validateNum(value: number) {
|
||||
export interface WaveEffectProps {
|
||||
className: string;
|
||||
target: HTMLElement;
|
||||
component?: string;
|
||||
}
|
||||
|
||||
const WaveEffect: React.FC<WaveEffectProps> = (props) => {
|
||||
const { className, target } = props;
|
||||
const { className, target, component } = props;
|
||||
const divRef = React.useRef<HTMLDivElement>(null);
|
||||
|
||||
const [color, setWaveColor] = React.useState<string | null>(null);
|
||||
@ -103,6 +104,9 @@ const WaveEffect: React.FC<WaveEffectProps> = (props) => {
|
||||
return null;
|
||||
}
|
||||
|
||||
const isSmallComponent =
|
||||
(component === 'Checkbox' || component === 'Radio') && target?.classList.contains(TARGET_CLS);
|
||||
|
||||
return (
|
||||
<CSSMotion
|
||||
visible
|
||||
@ -120,21 +124,38 @@ const WaveEffect: React.FC<WaveEffectProps> = (props) => {
|
||||
}}
|
||||
>
|
||||
{({ className: motionClassName }) => (
|
||||
<div ref={divRef} className={classNames(className, motionClassName)} style={waveStyle} />
|
||||
<div
|
||||
ref={divRef}
|
||||
className={classNames(
|
||||
className,
|
||||
{
|
||||
'wave-quick': isSmallComponent,
|
||||
},
|
||||
motionClassName,
|
||||
)}
|
||||
style={waveStyle}
|
||||
/>
|
||||
)}
|
||||
</CSSMotion>
|
||||
);
|
||||
};
|
||||
|
||||
const showWaveEffect: ShowWaveEffect = (node, { className }) => {
|
||||
const showWaveEffect: ShowWaveEffect = (target, info) => {
|
||||
const { component } = info;
|
||||
|
||||
// Skip for unchecked checkbox
|
||||
if (component === 'Checkbox' && !target.querySelector('input')?.checked) {
|
||||
return;
|
||||
}
|
||||
|
||||
// Create holder
|
||||
const holder = document.createElement('div');
|
||||
holder.style.position = 'absolute';
|
||||
holder.style.left = '0px';
|
||||
holder.style.top = '0px';
|
||||
node?.insertBefore(holder, node?.firstChild);
|
||||
target?.insertBefore(holder, target?.firstChild);
|
||||
|
||||
render(<WaveEffect target={node} className={className} />, holder);
|
||||
render(<WaveEffect {...info} target={target} />, holder);
|
||||
};
|
||||
|
||||
export default showWaveEffect;
|
||||
|
||||
@ -37,7 +37,6 @@ const Wave: React.FC<WaveProps> = (props) => {
|
||||
const onClick = (e: MouseEvent) => {
|
||||
// Fix radio button click twice
|
||||
if (
|
||||
(e.target as HTMLElement).tagName === 'INPUT' ||
|
||||
!isVisible(e.target as HTMLElement) ||
|
||||
// No need wave
|
||||
!node.getAttribute ||
|
||||
|
||||
16
components/_util/wave/interface.ts
Normal file
16
components/_util/wave/interface.ts
Normal file
@ -0,0 +1,16 @@
|
||||
import type { GlobalToken } from '../../theme';
|
||||
|
||||
export const TARGET_CLS = 'ant-wave-target';
|
||||
|
||||
export type ShowWaveEffect = (
|
||||
element: HTMLElement,
|
||||
info: {
|
||||
className: string;
|
||||
token: GlobalToken;
|
||||
component?: string;
|
||||
event: MouseEvent;
|
||||
hashId: string;
|
||||
},
|
||||
) => void;
|
||||
|
||||
export type ShowWave = (event: MouseEvent) => void;
|
||||
@ -29,6 +29,13 @@ const genWaveStyle: GenerateStyle<WaveToken> = (token) => {
|
||||
boxShadow: `0 0 0 6px currentcolor`,
|
||||
opacity: 0,
|
||||
},
|
||||
|
||||
'&.wave-quick': {
|
||||
transition: [
|
||||
`box-shadow 0.3s ${token.motionEaseInOut}`,
|
||||
`opacity 0.35s ${token.motionEaseInOut}`,
|
||||
].join(','),
|
||||
},
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
@ -1,19 +1,10 @@
|
||||
import * as React from 'react';
|
||||
import useEvent from 'rc-util/lib/hooks/useEvent';
|
||||
import raf from 'rc-util/lib/raf';
|
||||
import showWaveEffect from './WaveEffect';
|
||||
import { ConfigContext } from '../../config-provider';
|
||||
import useToken from '../../theme/useToken';
|
||||
import type { GlobalToken } from '../../theme';
|
||||
|
||||
export type ShowWaveEffect = (
|
||||
element: HTMLElement,
|
||||
info: {
|
||||
className: string;
|
||||
token: GlobalToken;
|
||||
component?: string;
|
||||
event: MouseEvent;
|
||||
},
|
||||
) => void;
|
||||
import { TARGET_CLS, type ShowWave } from './interface';
|
||||
|
||||
export default function useWave(
|
||||
nodeRef: React.RefObject<HTMLElement>,
|
||||
@ -21,20 +12,33 @@ export default function useWave(
|
||||
component?: string,
|
||||
) {
|
||||
const { wave } = React.useContext(ConfigContext);
|
||||
const [, token] = useToken();
|
||||
const [, token, hashId] = useToken();
|
||||
|
||||
const showWave = useEvent((event: MouseEvent) => {
|
||||
const showWave = useEvent<ShowWave>((event) => {
|
||||
const node = nodeRef.current!;
|
||||
|
||||
if (wave?.disabled || !node) {
|
||||
return;
|
||||
}
|
||||
|
||||
const targetNode = node.querySelector<HTMLElement>(`.${TARGET_CLS}`) || node;
|
||||
|
||||
const { showEffect } = wave || {};
|
||||
|
||||
// Customize wave effect
|
||||
(showEffect || showWaveEffect)(node, { className, token, component, event });
|
||||
(showEffect || showWaveEffect)(targetNode, { className, token, component, event, hashId });
|
||||
});
|
||||
|
||||
return showWave;
|
||||
const rafId = React.useRef<number>();
|
||||
|
||||
// Merge trigger event into one for each frame
|
||||
const showDebounceWave: ShowWave = (event) => {
|
||||
raf.cancel(rafId.current!);
|
||||
|
||||
rafId.current = raf(() => {
|
||||
showWave(event);
|
||||
});
|
||||
};
|
||||
|
||||
return showDebounceWave;
|
||||
}
|
||||
|
||||
@ -23,6 +23,12 @@ describe('click wave effect', () => {
|
||||
const element = container.firstChild;
|
||||
// https://github.com/testing-library/user-event/issues/833
|
||||
await userEvent.setup({ advanceTimers: jest.advanceTimersByTime }).click(element as Element);
|
||||
|
||||
act(() => {
|
||||
jest.advanceTimersByTime(100);
|
||||
});
|
||||
|
||||
// Second time will render wave element
|
||||
act(() => {
|
||||
jest.advanceTimersByTime(100);
|
||||
});
|
||||
|
||||
@ -9,6 +9,8 @@ import { FormItemInputContext } from '../form/context';
|
||||
import GroupContext from './GroupContext';
|
||||
|
||||
import useStyle from './style';
|
||||
import Wave from '../_util/wave';
|
||||
import { TARGET_CLS } from '../_util/wave/interface';
|
||||
|
||||
export interface AbstractCheckboxProps<T> {
|
||||
prefixCls?: string;
|
||||
@ -129,27 +131,30 @@ const InternalCheckbox: React.ForwardRefRenderFunction<CheckboxRef, CheckboxProp
|
||||
{
|
||||
[`${prefixCls}-indeterminate`]: indeterminate,
|
||||
},
|
||||
TARGET_CLS,
|
||||
hashId,
|
||||
);
|
||||
const ariaChecked = indeterminate ? 'mixed' : undefined;
|
||||
return wrapSSR(
|
||||
// eslint-disable-next-line jsx-a11y/label-has-associated-control
|
||||
<label
|
||||
className={classString}
|
||||
style={{ ...checkbox?.style, ...style }}
|
||||
onMouseEnter={onMouseEnter}
|
||||
onMouseLeave={onMouseLeave}
|
||||
>
|
||||
<RcCheckbox
|
||||
aria-checked={ariaChecked}
|
||||
{...checkboxProps}
|
||||
prefixCls={prefixCls}
|
||||
className={checkboxClass}
|
||||
disabled={mergedDisabled}
|
||||
ref={ref}
|
||||
/>
|
||||
{children !== undefined && <span>{children}</span>}
|
||||
</label>,
|
||||
<Wave component="Checkbox" disabled={mergedDisabled}>
|
||||
{/* eslint-disable-next-line jsx-a11y/label-has-associated-control */}
|
||||
<label
|
||||
className={classString}
|
||||
style={{ ...checkbox?.style, ...style }}
|
||||
onMouseEnter={onMouseEnter}
|
||||
onMouseLeave={onMouseLeave}
|
||||
>
|
||||
<RcCheckbox
|
||||
aria-checked={ariaChecked}
|
||||
{...checkboxProps}
|
||||
prefixCls={prefixCls}
|
||||
className={checkboxClass}
|
||||
disabled={mergedDisabled}
|
||||
ref={ref}
|
||||
/>
|
||||
{children !== undefined && <span>{children}</span>}
|
||||
</label>
|
||||
</Wave>,
|
||||
);
|
||||
};
|
||||
|
||||
|
||||
@ -5,7 +5,7 @@ exports[`Checkbox rtl render component should be rendered correctly in RTL direc
|
||||
class="ant-checkbox-wrapper ant-checkbox-rtl"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
|
||||
@ -5,7 +5,7 @@ exports[`renders components/checkbox/demo/basic.tsx extend context correctly 1`]
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -29,7 +29,7 @@ Array [
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-indeterminate"
|
||||
class="ant-checkbox ant-checkbox-indeterminate ant-wave-target"
|
||||
>
|
||||
<input
|
||||
aria-checked="mixed"
|
||||
@ -55,7 +55,7 @@ Array [
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-checkbox-group-item"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-checked"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -75,7 +75,7 @@ Array [
|
||||
class="ant-checkbox-wrapper ant-checkbox-group-item"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -94,7 +94,7 @@ Array [
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-checkbox-group-item"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-checked"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -125,7 +125,7 @@ Array [
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-checked"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -173,7 +173,7 @@ exports[`renders components/checkbox/demo/debug-disable-popover.tsx extend conte
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-checkbox-wrapper-disabled"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-checked ant-checkbox-disabled"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-checked ant-checkbox-disabled"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -228,7 +228,7 @@ exports[`renders components/checkbox/demo/debug-line.tsx extend context correctl
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -256,7 +256,7 @@ exports[`renders components/checkbox/demo/debug-line.tsx extend context correctl
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -285,7 +285,7 @@ exports[`renders components/checkbox/demo/debug-line.tsx extend context correctl
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -313,7 +313,7 @@ exports[`renders components/checkbox/demo/debug-line.tsx extend context correctl
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -337,7 +337,7 @@ exports[`renders components/checkbox/demo/debug-line.tsx extend context correctl
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -356,7 +356,7 @@ exports[`renders components/checkbox/demo/debug-line.tsx extend context correctl
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -379,7 +379,7 @@ exports[`renders components/checkbox/demo/debug-line.tsx extend context correctl
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -398,7 +398,7 @@ exports[`renders components/checkbox/demo/debug-line.tsx extend context correctl
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -419,7 +419,7 @@ exports[`renders components/checkbox/demo/debug-line.tsx extend context correctl
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -439,7 +439,7 @@ exports[`renders components/checkbox/demo/debug-line.tsx extend context correctl
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -473,7 +473,7 @@ Array [
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-disabled"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-disabled"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -490,7 +490,7 @@ Array [
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-indeterminate ant-checkbox-disabled"
|
||||
class="ant-checkbox ant-checkbox-indeterminate ant-wave-target ant-checkbox-disabled"
|
||||
>
|
||||
<input
|
||||
aria-checked="mixed"
|
||||
@ -508,7 +508,7 @@ Array [
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-checked ant-checkbox-disabled"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-checked ant-checkbox-disabled"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -535,7 +535,7 @@ Array [
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-checkbox-group-item"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-checked"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -555,7 +555,7 @@ Array [
|
||||
class="ant-checkbox-wrapper ant-checkbox-group-item"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -574,7 +574,7 @@ Array [
|
||||
class="ant-checkbox-wrapper ant-checkbox-group-item"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -599,7 +599,7 @@ Array [
|
||||
class="ant-checkbox-wrapper ant-checkbox-group-item"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -618,7 +618,7 @@ Array [
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-checkbox-group-item"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-checked"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -638,7 +638,7 @@ Array [
|
||||
class="ant-checkbox-wrapper ant-checkbox-group-item"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -663,7 +663,7 @@ Array [
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-checkbox-wrapper-disabled ant-checkbox-group-item"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-checked ant-checkbox-disabled"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-checked ant-checkbox-disabled"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -684,7 +684,7 @@ Array [
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled ant-checkbox-group-item"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-disabled"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-disabled"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -704,7 +704,7 @@ Array [
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled ant-checkbox-group-item"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-disabled"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-disabled"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -741,7 +741,7 @@ exports[`renders components/checkbox/demo/layout.tsx extend context correctly 1`
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -764,7 +764,7 @@ exports[`renders components/checkbox/demo/layout.tsx extend context correctly 1`
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -787,7 +787,7 @@ exports[`renders components/checkbox/demo/layout.tsx extend context correctly 1`
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -810,7 +810,7 @@ exports[`renders components/checkbox/demo/layout.tsx extend context correctly 1`
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -833,7 +833,7 @@ exports[`renders components/checkbox/demo/layout.tsx extend context correctly 1`
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
|
||||
@ -5,7 +5,7 @@ exports[`renders components/checkbox/demo/basic.tsx correctly 1`] = `
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -27,7 +27,7 @@ Array [
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-indeterminate"
|
||||
class="ant-checkbox ant-checkbox-indeterminate ant-wave-target"
|
||||
>
|
||||
<input
|
||||
aria-checked="mixed"
|
||||
@ -53,7 +53,7 @@ Array [
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-checkbox-group-item"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-checked"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -73,7 +73,7 @@ Array [
|
||||
class="ant-checkbox-wrapper ant-checkbox-group-item"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -92,7 +92,7 @@ Array [
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-checkbox-group-item"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-checked"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -121,7 +121,7 @@ Array [
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-checked"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -167,7 +167,7 @@ exports[`renders components/checkbox/demo/debug-disable-popover.tsx correctly 1`
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-checkbox-wrapper-disabled"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-checked ant-checkbox-disabled"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-checked ant-checkbox-disabled"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -197,7 +197,7 @@ exports[`renders components/checkbox/demo/debug-line.tsx correctly 1`] = `
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -225,7 +225,7 @@ exports[`renders components/checkbox/demo/debug-line.tsx correctly 1`] = `
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -254,7 +254,7 @@ exports[`renders components/checkbox/demo/debug-line.tsx correctly 1`] = `
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -282,7 +282,7 @@ exports[`renders components/checkbox/demo/debug-line.tsx correctly 1`] = `
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -306,7 +306,7 @@ exports[`renders components/checkbox/demo/debug-line.tsx correctly 1`] = `
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -325,7 +325,7 @@ exports[`renders components/checkbox/demo/debug-line.tsx correctly 1`] = `
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -348,7 +348,7 @@ exports[`renders components/checkbox/demo/debug-line.tsx correctly 1`] = `
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -367,7 +367,7 @@ exports[`renders components/checkbox/demo/debug-line.tsx correctly 1`] = `
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -388,7 +388,7 @@ exports[`renders components/checkbox/demo/debug-line.tsx correctly 1`] = `
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -408,7 +408,7 @@ exports[`renders components/checkbox/demo/debug-line.tsx correctly 1`] = `
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -436,7 +436,7 @@ Array [
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-disabled"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-disabled"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -453,7 +453,7 @@ Array [
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-indeterminate ant-checkbox-disabled"
|
||||
class="ant-checkbox ant-checkbox-indeterminate ant-wave-target ant-checkbox-disabled"
|
||||
>
|
||||
<input
|
||||
aria-checked="mixed"
|
||||
@ -471,7 +471,7 @@ Array [
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-checked ant-checkbox-disabled"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-checked ant-checkbox-disabled"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -496,7 +496,7 @@ Array [
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-checkbox-group-item"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-checked"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -516,7 +516,7 @@ Array [
|
||||
class="ant-checkbox-wrapper ant-checkbox-group-item"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -535,7 +535,7 @@ Array [
|
||||
class="ant-checkbox-wrapper ant-checkbox-group-item"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -560,7 +560,7 @@ Array [
|
||||
class="ant-checkbox-wrapper ant-checkbox-group-item"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -579,7 +579,7 @@ Array [
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-checkbox-group-item"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-checked"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -599,7 +599,7 @@ Array [
|
||||
class="ant-checkbox-wrapper ant-checkbox-group-item"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -624,7 +624,7 @@ Array [
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-checkbox-wrapper-disabled ant-checkbox-group-item"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-checked ant-checkbox-disabled"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-checked ant-checkbox-disabled"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -645,7 +645,7 @@ Array [
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled ant-checkbox-group-item"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-disabled"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-disabled"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -665,7 +665,7 @@ Array [
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled ant-checkbox-group-item"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-disabled"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-disabled"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -700,7 +700,7 @@ exports[`renders components/checkbox/demo/layout.tsx correctly 1`] = `
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -723,7 +723,7 @@ exports[`renders components/checkbox/demo/layout.tsx correctly 1`] = `
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -746,7 +746,7 @@ exports[`renders components/checkbox/demo/layout.tsx correctly 1`] = `
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -769,7 +769,7 @@ exports[`renders components/checkbox/demo/layout.tsx correctly 1`] = `
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -792,7 +792,7 @@ exports[`renders components/checkbox/demo/layout.tsx correctly 1`] = `
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
|
||||
@ -8,7 +8,7 @@ exports[`CheckboxGroup passes prefixCls down to checkbox 1`] = `
|
||||
class="my-checkbox-wrapper my-checkbox-group-item"
|
||||
>
|
||||
<span
|
||||
class="my-checkbox"
|
||||
class="my-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="my-checkbox-input"
|
||||
@ -28,7 +28,7 @@ exports[`CheckboxGroup passes prefixCls down to checkbox 1`] = `
|
||||
style="font-size: 12px;"
|
||||
>
|
||||
<span
|
||||
class="my-checkbox"
|
||||
class="my-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="my-checkbox-input"
|
||||
|
||||
@ -1,4 +1,3 @@
|
||||
import { Keyframes } from '@ant-design/cssinjs';
|
||||
import { genFocusOutline, resetComponent } from '../../style';
|
||||
import type { FullToken, GenerateStyle } from '../../theme/internal';
|
||||
import { genComponentStyleHook, mergeToken } from '../../theme/internal';
|
||||
@ -10,19 +9,6 @@ interface CheckboxToken extends FullToken<'Checkbox'> {
|
||||
checkboxSize: number;
|
||||
}
|
||||
|
||||
// ============================== Motion ==============================
|
||||
const antCheckboxEffect = new Keyframes('antCheckboxEffect', {
|
||||
'0%': {
|
||||
transform: 'scale(1)',
|
||||
opacity: 0.5,
|
||||
},
|
||||
|
||||
'100%': {
|
||||
transform: 'scale(1.6)',
|
||||
opacity: 0,
|
||||
},
|
||||
});
|
||||
|
||||
// ============================== Styles ==============================
|
||||
export const genCheckboxStyle: GenerateStyle<CheckboxToken> = (token) => {
|
||||
const { checkboxCls } = token;
|
||||
@ -82,6 +68,7 @@ export const genCheckboxStyle: GenerateStyle<CheckboxToken> = (token) => {
|
||||
whiteSpace: 'nowrap',
|
||||
lineHeight: 1,
|
||||
cursor: 'pointer',
|
||||
borderRadius: token.borderRadiusSM,
|
||||
|
||||
// To make alignment right when `controlHeight` is changed
|
||||
// Ref: https://github.com/ant-design/ant-design/issues/41564
|
||||
@ -148,13 +135,7 @@ export const genCheckboxStyle: GenerateStyle<CheckboxToken> = (token) => {
|
||||
|
||||
// ===================== Hover =====================
|
||||
{
|
||||
// Wrapper
|
||||
[`${wrapperCls}:hover ${checkboxCls}:after`]: {
|
||||
visibility: 'visible',
|
||||
},
|
||||
|
||||
// Wrapper & Wrapper > Checkbox
|
||||
|
||||
[`
|
||||
${wrapperCls}:not(${wrapperCls}-disabled),
|
||||
${checkboxCls}:not(${checkboxCls}-disabled)
|
||||
@ -189,24 +170,6 @@ export const genCheckboxStyle: GenerateStyle<CheckboxToken> = (token) => {
|
||||
transition: `all ${token.motionDurationMid} ${token.motionEaseOutBack} ${token.motionDurationFast}`,
|
||||
},
|
||||
},
|
||||
|
||||
// Checked Effect
|
||||
'&:after': {
|
||||
position: 'absolute',
|
||||
top: 0,
|
||||
insetInlineStart: 0,
|
||||
width: '100%',
|
||||
height: '100%',
|
||||
borderRadius: token.borderRadiusSM,
|
||||
visibility: 'hidden',
|
||||
border: `${token.lineWidthBold}px solid ${token.colorPrimary}`,
|
||||
animationName: antCheckboxEffect,
|
||||
animationDuration: token.motionDurationSlow,
|
||||
animationTimingFunction: 'ease-in-out',
|
||||
animationFillMode: 'backwards',
|
||||
content: '""',
|
||||
transition: `all ${token.motionDurationSlow}`,
|
||||
},
|
||||
},
|
||||
|
||||
[`
|
||||
@ -217,9 +180,6 @@ export const genCheckboxStyle: GenerateStyle<CheckboxToken> = (token) => {
|
||||
backgroundColor: token.colorPrimaryHover,
|
||||
borderColor: 'transparent',
|
||||
},
|
||||
[`&:hover ${checkboxCls}:after`]: {
|
||||
borderColor: token.colorPrimaryHover,
|
||||
},
|
||||
},
|
||||
},
|
||||
|
||||
|
||||
@ -12032,7 +12032,7 @@ exports[`ConfigProvider components Checkbox configProvider 1`] = `
|
||||
class="config-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="config-checkbox"
|
||||
class="config-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="config-checkbox-input"
|
||||
@ -12057,7 +12057,7 @@ exports[`ConfigProvider components Checkbox configProvider componentDisabled 1`]
|
||||
class="config-checkbox-wrapper config-checkbox-wrapper-disabled"
|
||||
>
|
||||
<span
|
||||
class="config-checkbox config-checkbox-disabled"
|
||||
class="config-checkbox ant-wave-target config-checkbox-disabled"
|
||||
>
|
||||
<input
|
||||
class="config-checkbox-input"
|
||||
@ -12083,7 +12083,7 @@ exports[`ConfigProvider components Checkbox configProvider componentSize large 1
|
||||
class="config-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="config-checkbox"
|
||||
class="config-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="config-checkbox-input"
|
||||
@ -12108,7 +12108,7 @@ exports[`ConfigProvider components Checkbox configProvider componentSize middle
|
||||
class="config-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="config-checkbox"
|
||||
class="config-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="config-checkbox-input"
|
||||
@ -12133,7 +12133,7 @@ exports[`ConfigProvider components Checkbox configProvider componentSize small 1
|
||||
class="config-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="config-checkbox"
|
||||
class="config-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="config-checkbox-input"
|
||||
@ -12158,7 +12158,7 @@ exports[`ConfigProvider components Checkbox normal 1`] = `
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -12183,7 +12183,7 @@ exports[`ConfigProvider components Checkbox prefixCls 1`] = `
|
||||
class="prefix-Checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="prefix-Checkbox"
|
||||
class="prefix-Checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="prefix-Checkbox-input"
|
||||
@ -21912,7 +21912,7 @@ exports[`ConfigProvider components Radio configProvider 1`] = `
|
||||
class="config-radio-wrapper config-radio-wrapper-checked"
|
||||
>
|
||||
<span
|
||||
class="config-radio config-radio-checked"
|
||||
class="config-radio ant-wave-target config-radio-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -21963,7 +21963,7 @@ exports[`ConfigProvider components Radio configProvider componentDisabled 1`] =
|
||||
class="config-radio-wrapper config-radio-wrapper-checked config-radio-wrapper-disabled"
|
||||
>
|
||||
<span
|
||||
class="config-radio config-radio-checked config-radio-disabled"
|
||||
class="config-radio ant-wave-target config-radio-checked config-radio-disabled"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -22016,7 +22016,7 @@ exports[`ConfigProvider components Radio configProvider componentSize large 1`]
|
||||
class="config-radio-wrapper config-radio-wrapper-checked"
|
||||
>
|
||||
<span
|
||||
class="config-radio config-radio-checked"
|
||||
class="config-radio ant-wave-target config-radio-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -22067,7 +22067,7 @@ exports[`ConfigProvider components Radio configProvider componentSize middle 1`]
|
||||
class="config-radio-wrapper config-radio-wrapper-checked"
|
||||
>
|
||||
<span
|
||||
class="config-radio config-radio-checked"
|
||||
class="config-radio ant-wave-target config-radio-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -22118,7 +22118,7 @@ exports[`ConfigProvider components Radio configProvider componentSize small 1`]
|
||||
class="config-radio-wrapper config-radio-wrapper-checked"
|
||||
>
|
||||
<span
|
||||
class="config-radio config-radio-checked"
|
||||
class="config-radio ant-wave-target config-radio-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -22169,7 +22169,7 @@ exports[`ConfigProvider components Radio normal 1`] = `
|
||||
class="ant-radio-wrapper ant-radio-wrapper-checked"
|
||||
>
|
||||
<span
|
||||
class="ant-radio ant-radio-checked"
|
||||
class="ant-radio ant-wave-target ant-radio-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -22220,7 +22220,7 @@ exports[`ConfigProvider components Radio prefixCls 1`] = `
|
||||
class="prefix-Radio-wrapper prefix-Radio-wrapper-checked"
|
||||
>
|
||||
<span
|
||||
class="prefix-Radio prefix-Radio-checked"
|
||||
class="prefix-Radio ant-wave-target prefix-Radio-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -26606,7 +26606,7 @@ exports[`ConfigProvider components Table configProvider 1`] = `
|
||||
class="config-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="config-checkbox"
|
||||
class="config-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="config-checkbox-input"
|
||||
@ -26910,7 +26910,7 @@ exports[`ConfigProvider components Table configProvider componentDisabled 1`] =
|
||||
class="config-checkbox-wrapper config-checkbox-wrapper-disabled"
|
||||
>
|
||||
<span
|
||||
class="config-checkbox config-checkbox-disabled"
|
||||
class="config-checkbox ant-wave-target config-checkbox-disabled"
|
||||
>
|
||||
<input
|
||||
class="config-checkbox-input"
|
||||
@ -27216,7 +27216,7 @@ exports[`ConfigProvider components Table configProvider componentSize large 1`]
|
||||
class="config-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="config-checkbox"
|
||||
class="config-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="config-checkbox-input"
|
||||
@ -27520,7 +27520,7 @@ exports[`ConfigProvider components Table configProvider componentSize middle 1`]
|
||||
class="config-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="config-checkbox"
|
||||
class="config-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="config-checkbox-input"
|
||||
@ -27824,7 +27824,7 @@ exports[`ConfigProvider components Table configProvider componentSize small 1`]
|
||||
class="config-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="config-checkbox"
|
||||
class="config-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="config-checkbox-input"
|
||||
@ -28128,7 +28128,7 @@ exports[`ConfigProvider components Table normal 1`] = `
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -28432,7 +28432,7 @@ exports[`ConfigProvider components Table prefixCls 1`] = `
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -38221,7 +38221,7 @@ exports[`ConfigProvider components Transfer configProvider 1`] = `
|
||||
class="config-checkbox-wrapper config-checkbox-wrapper-disabled config-transfer-list-checkbox"
|
||||
>
|
||||
<span
|
||||
class="config-checkbox config-checkbox-disabled"
|
||||
class="config-checkbox ant-wave-target config-checkbox-disabled"
|
||||
>
|
||||
<input
|
||||
class="config-checkbox-input"
|
||||
@ -38388,7 +38388,7 @@ exports[`ConfigProvider components Transfer configProvider 1`] = `
|
||||
class="config-checkbox-wrapper config-checkbox-wrapper-disabled config-transfer-list-checkbox"
|
||||
>
|
||||
<span
|
||||
class="config-checkbox config-checkbox-disabled"
|
||||
class="config-checkbox ant-wave-target config-checkbox-disabled"
|
||||
>
|
||||
<input
|
||||
class="config-checkbox-input"
|
||||
@ -38500,7 +38500,7 @@ exports[`ConfigProvider components Transfer configProvider componentDisabled 1`]
|
||||
class="config-checkbox-wrapper config-checkbox-wrapper-disabled config-transfer-list-checkbox"
|
||||
>
|
||||
<span
|
||||
class="config-checkbox config-checkbox-disabled"
|
||||
class="config-checkbox ant-wave-target config-checkbox-disabled"
|
||||
>
|
||||
<input
|
||||
class="config-checkbox-input"
|
||||
@ -38667,7 +38667,7 @@ exports[`ConfigProvider components Transfer configProvider componentDisabled 1`]
|
||||
class="config-checkbox-wrapper config-checkbox-wrapper-disabled config-transfer-list-checkbox"
|
||||
>
|
||||
<span
|
||||
class="config-checkbox config-checkbox-disabled"
|
||||
class="config-checkbox ant-wave-target config-checkbox-disabled"
|
||||
>
|
||||
<input
|
||||
class="config-checkbox-input"
|
||||
@ -38779,7 +38779,7 @@ exports[`ConfigProvider components Transfer configProvider componentSize large 1
|
||||
class="config-checkbox-wrapper config-checkbox-wrapper-disabled config-transfer-list-checkbox"
|
||||
>
|
||||
<span
|
||||
class="config-checkbox config-checkbox-disabled"
|
||||
class="config-checkbox ant-wave-target config-checkbox-disabled"
|
||||
>
|
||||
<input
|
||||
class="config-checkbox-input"
|
||||
@ -38946,7 +38946,7 @@ exports[`ConfigProvider components Transfer configProvider componentSize large 1
|
||||
class="config-checkbox-wrapper config-checkbox-wrapper-disabled config-transfer-list-checkbox"
|
||||
>
|
||||
<span
|
||||
class="config-checkbox config-checkbox-disabled"
|
||||
class="config-checkbox ant-wave-target config-checkbox-disabled"
|
||||
>
|
||||
<input
|
||||
class="config-checkbox-input"
|
||||
@ -39058,7 +39058,7 @@ exports[`ConfigProvider components Transfer configProvider componentSize middle
|
||||
class="config-checkbox-wrapper config-checkbox-wrapper-disabled config-transfer-list-checkbox"
|
||||
>
|
||||
<span
|
||||
class="config-checkbox config-checkbox-disabled"
|
||||
class="config-checkbox ant-wave-target config-checkbox-disabled"
|
||||
>
|
||||
<input
|
||||
class="config-checkbox-input"
|
||||
@ -39225,7 +39225,7 @@ exports[`ConfigProvider components Transfer configProvider componentSize middle
|
||||
class="config-checkbox-wrapper config-checkbox-wrapper-disabled config-transfer-list-checkbox"
|
||||
>
|
||||
<span
|
||||
class="config-checkbox config-checkbox-disabled"
|
||||
class="config-checkbox ant-wave-target config-checkbox-disabled"
|
||||
>
|
||||
<input
|
||||
class="config-checkbox-input"
|
||||
@ -39337,7 +39337,7 @@ exports[`ConfigProvider components Transfer configProvider componentSize small 1
|
||||
class="config-checkbox-wrapper config-checkbox-wrapper-disabled config-transfer-list-checkbox"
|
||||
>
|
||||
<span
|
||||
class="config-checkbox config-checkbox-disabled"
|
||||
class="config-checkbox ant-wave-target config-checkbox-disabled"
|
||||
>
|
||||
<input
|
||||
class="config-checkbox-input"
|
||||
@ -39504,7 +39504,7 @@ exports[`ConfigProvider components Transfer configProvider componentSize small 1
|
||||
class="config-checkbox-wrapper config-checkbox-wrapper-disabled config-transfer-list-checkbox"
|
||||
>
|
||||
<span
|
||||
class="config-checkbox config-checkbox-disabled"
|
||||
class="config-checkbox ant-wave-target config-checkbox-disabled"
|
||||
>
|
||||
<input
|
||||
class="config-checkbox-input"
|
||||
@ -39616,7 +39616,7 @@ exports[`ConfigProvider components Transfer normal 1`] = `
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled ant-transfer-list-checkbox"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-disabled"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-disabled"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -39783,7 +39783,7 @@ exports[`ConfigProvider components Transfer normal 1`] = `
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled ant-transfer-list-checkbox"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-disabled"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-disabled"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -39895,7 +39895,7 @@ exports[`ConfigProvider components Transfer prefixCls 1`] = `
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled prefix-Transfer-list-checkbox"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-disabled"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-disabled"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -40062,7 +40062,7 @@ exports[`ConfigProvider components Transfer prefixCls 1`] = `
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled prefix-Transfer-list-checkbox"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-disabled"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-disabled"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
|
||||
@ -10,7 +10,7 @@ import type { SpaceProps } from '../space';
|
||||
import type { AliasToken, MappingAlgorithm, OverrideToken } from '../theme/interface';
|
||||
import type { SizeType } from './SizeContext';
|
||||
import type { RenderEmptyHandler } from './defaultRenderEmpty';
|
||||
import type { ShowWaveEffect } from '../_util/wave/useWave';
|
||||
import type { ShowWaveEffect } from '../_util/wave/interface';
|
||||
|
||||
export const defaultIconPrefixCls = 'anticon';
|
||||
|
||||
|
||||
@ -402,7 +402,7 @@ exports[`renders components/descriptions/demo/component-token.tsx extend context
|
||||
class="ant-radio-wrapper ant-radio-wrapper-checked"
|
||||
>
|
||||
<span
|
||||
class="ant-radio ant-radio-checked"
|
||||
class="ant-radio ant-wave-target ant-radio-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -422,7 +422,7 @@ exports[`renders components/descriptions/demo/component-token.tsx extend context
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -441,7 +441,7 @@ exports[`renders components/descriptions/demo/component-token.tsx extend context
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -1143,7 +1143,7 @@ exports[`renders components/descriptions/demo/size.tsx extend context correctly
|
||||
class="ant-radio-wrapper ant-radio-wrapper-checked"
|
||||
>
|
||||
<span
|
||||
class="ant-radio ant-radio-checked"
|
||||
class="ant-radio ant-wave-target ant-radio-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -1163,7 +1163,7 @@ exports[`renders components/descriptions/demo/size.tsx extend context correctly
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -1182,7 +1182,7 @@ exports[`renders components/descriptions/demo/size.tsx extend context correctly
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -1599,7 +1599,7 @@ Array [
|
||||
class="ant-radio-wrapper ant-radio-wrapper-checked"
|
||||
>
|
||||
<span
|
||||
class="ant-radio ant-radio-checked"
|
||||
class="ant-radio ant-wave-target ant-radio-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -1619,7 +1619,7 @@ Array [
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
|
||||
@ -362,7 +362,7 @@ exports[`renders components/descriptions/demo/component-token.tsx correctly 1`]
|
||||
class="ant-radio-wrapper ant-radio-wrapper-checked"
|
||||
>
|
||||
<span
|
||||
class="ant-radio ant-radio-checked"
|
||||
class="ant-radio ant-wave-target ant-radio-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -382,7 +382,7 @@ exports[`renders components/descriptions/demo/component-token.tsx correctly 1`]
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -401,7 +401,7 @@ exports[`renders components/descriptions/demo/component-token.tsx correctly 1`]
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -1037,7 +1037,7 @@ exports[`renders components/descriptions/demo/size.tsx correctly 1`] = `
|
||||
class="ant-radio-wrapper ant-radio-wrapper-checked"
|
||||
>
|
||||
<span
|
||||
class="ant-radio ant-radio-checked"
|
||||
class="ant-radio ant-wave-target ant-radio-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -1057,7 +1057,7 @@ exports[`renders components/descriptions/demo/size.tsx correctly 1`] = `
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -1076,7 +1076,7 @@ exports[`renders components/descriptions/demo/size.tsx correctly 1`] = `
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -1459,7 +1459,7 @@ Array [
|
||||
class="ant-radio-wrapper ant-radio-wrapper-checked"
|
||||
>
|
||||
<span
|
||||
class="ant-radio ant-radio-checked"
|
||||
class="ant-radio ant-wave-target ant-radio-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -1479,7 +1479,7 @@ Array [
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
|
||||
@ -290,7 +290,7 @@ Array [
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -309,7 +309,7 @@ Array [
|
||||
class="ant-radio-wrapper ant-radio-wrapper-checked"
|
||||
>
|
||||
<span
|
||||
class="ant-radio ant-radio-checked"
|
||||
class="ant-radio ant-wave-target ant-radio-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -329,7 +329,7 @@ Array [
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -348,7 +348,7 @@ Array [
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -2828,7 +2828,7 @@ Array [
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -2847,7 +2847,7 @@ Array [
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -2866,7 +2866,7 @@ Array [
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -2885,7 +2885,7 @@ Array [
|
||||
class="ant-radio-wrapper ant-radio-wrapper-checked"
|
||||
>
|
||||
<span
|
||||
class="ant-radio ant-radio-checked"
|
||||
class="ant-radio ant-wave-target ant-radio-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
|
||||
@ -106,7 +106,7 @@ exports[`renders components/drawer/demo/extra.tsx correctly 1`] = `
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -125,7 +125,7 @@ exports[`renders components/drawer/demo/extra.tsx correctly 1`] = `
|
||||
class="ant-radio-wrapper ant-radio-wrapper-checked"
|
||||
>
|
||||
<span
|
||||
class="ant-radio ant-radio-checked"
|
||||
class="ant-radio ant-wave-target ant-radio-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -145,7 +145,7 @@ exports[`renders components/drawer/demo/extra.tsx correctly 1`] = `
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -164,7 +164,7 @@ exports[`renders components/drawer/demo/extra.tsx correctly 1`] = `
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -273,7 +273,7 @@ exports[`renders components/drawer/demo/placement.tsx correctly 1`] = `
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -292,7 +292,7 @@ exports[`renders components/drawer/demo/placement.tsx correctly 1`] = `
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -311,7 +311,7 @@ exports[`renders components/drawer/demo/placement.tsx correctly 1`] = `
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -330,7 +330,7 @@ exports[`renders components/drawer/demo/placement.tsx correctly 1`] = `
|
||||
class="ant-radio-wrapper ant-radio-wrapper-checked"
|
||||
>
|
||||
<span
|
||||
class="ant-radio ant-radio-checked"
|
||||
class="ant-radio ant-wave-target ant-radio-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
|
||||
@ -479,7 +479,7 @@ Array [
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled ant-transfer-list-checkbox"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-disabled"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-disabled"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -736,7 +736,7 @@ Array [
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled ant-transfer-list-checkbox"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-disabled"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-disabled"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
|
||||
@ -341,7 +341,7 @@ Array [
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled ant-transfer-list-checkbox"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-disabled"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-disabled"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -492,7 +492,7 @@ Array [
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled ant-transfer-list-checkbox"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-disabled"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-disabled"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
|
||||
@ -750,7 +750,7 @@ exports[`renders components/form/demo/basic.tsx extend context correctly 1`] = `
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-checkbox-wrapper-in-form-item"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-checked"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -2433,7 +2433,7 @@ Array [
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-checked"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -2482,7 +2482,7 @@ Array [
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled ant-checkbox-wrapper-in-form-item"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-disabled"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-disabled"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -2535,7 +2535,7 @@ Array [
|
||||
class="ant-radio-wrapper ant-radio-wrapper-disabled ant-radio-wrapper-in-form-item"
|
||||
>
|
||||
<span
|
||||
class="ant-radio ant-radio-disabled"
|
||||
class="ant-radio ant-wave-target ant-radio-disabled"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -2555,7 +2555,7 @@ Array [
|
||||
class="ant-radio-wrapper ant-radio-wrapper-disabled ant-radio-wrapper-in-form-item"
|
||||
>
|
||||
<span
|
||||
class="ant-radio ant-radio-disabled"
|
||||
class="ant-radio ant-wave-target ant-radio-disabled"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -6726,7 +6726,7 @@ exports[`renders components/form/demo/dynamic-rule.tsx extend context correctly
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-in-form-item"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -8160,7 +8160,7 @@ exports[`renders components/form/demo/normal-login.tsx extend context correctly
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-checkbox-wrapper-in-form-item"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-checked"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -9632,7 +9632,7 @@ exports[`renders components/form/demo/register.tsx extend context correctly 1`]
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-in-form-item"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -20039,7 +20039,7 @@ exports[`renders components/form/demo/validate-other.tsx extend context correctl
|
||||
class="ant-radio-wrapper ant-radio-wrapper-in-form-item"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -20058,7 +20058,7 @@ exports[`renders components/form/demo/validate-other.tsx extend context correctl
|
||||
class="ant-radio-wrapper ant-radio-wrapper-in-form-item"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -20077,7 +20077,7 @@ exports[`renders components/form/demo/validate-other.tsx extend context correctl
|
||||
class="ant-radio-wrapper ant-radio-wrapper-in-form-item"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -20233,7 +20233,7 @@ exports[`renders components/form/demo/validate-other.tsx extend context correctl
|
||||
style="line-height: 32px;"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-checked"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -20258,7 +20258,7 @@ exports[`renders components/form/demo/validate-other.tsx extend context correctl
|
||||
style="line-height: 32px;"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-checked ant-checkbox-disabled"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-checked ant-checkbox-disabled"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -20284,7 +20284,7 @@ exports[`renders components/form/demo/validate-other.tsx extend context correctl
|
||||
style="line-height: 32px;"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -20308,7 +20308,7 @@ exports[`renders components/form/demo/validate-other.tsx extend context correctl
|
||||
style="line-height: 32px;"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -20332,7 +20332,7 @@ exports[`renders components/form/demo/validate-other.tsx extend context correctl
|
||||
style="line-height: 32px;"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -20356,7 +20356,7 @@ exports[`renders components/form/demo/validate-other.tsx extend context correctl
|
||||
style="line-height: 32px;"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
|
||||
@ -588,7 +588,7 @@ exports[`renders components/form/demo/basic.tsx correctly 1`] = `
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-checkbox-wrapper-in-form-item"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-checked"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -1776,7 +1776,7 @@ Array [
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-checked"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -1825,7 +1825,7 @@ Array [
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled ant-checkbox-wrapper-in-form-item"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-disabled"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-disabled"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -1878,7 +1878,7 @@ Array [
|
||||
class="ant-radio-wrapper ant-radio-wrapper-disabled ant-radio-wrapper-in-form-item"
|
||||
>
|
||||
<span
|
||||
class="ant-radio ant-radio-disabled"
|
||||
class="ant-radio ant-wave-target ant-radio-disabled"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -1898,7 +1898,7 @@ Array [
|
||||
class="ant-radio-wrapper ant-radio-wrapper-disabled ant-radio-wrapper-in-form-item"
|
||||
>
|
||||
<span
|
||||
class="ant-radio ant-radio-disabled"
|
||||
class="ant-radio ant-wave-target ant-radio-disabled"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -3920,7 +3920,7 @@ exports[`renders components/form/demo/dynamic-rule.tsx correctly 1`] = `
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-in-form-item"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -5369,7 +5369,7 @@ exports[`renders components/form/demo/normal-login.tsx correctly 1`] = `
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-checkbox-wrapper-in-form-item"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-checked"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -6461,7 +6461,7 @@ exports[`renders components/form/demo/register.tsx correctly 1`] = `
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-in-form-item"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -8840,7 +8840,7 @@ exports[`renders components/form/demo/validate-other.tsx correctly 1`] = `
|
||||
class="ant-radio-wrapper ant-radio-wrapper-in-form-item"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -8859,7 +8859,7 @@ exports[`renders components/form/demo/validate-other.tsx correctly 1`] = `
|
||||
class="ant-radio-wrapper ant-radio-wrapper-in-form-item"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -8878,7 +8878,7 @@ exports[`renders components/form/demo/validate-other.tsx correctly 1`] = `
|
||||
class="ant-radio-wrapper ant-radio-wrapper-in-form-item"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -9034,7 +9034,7 @@ exports[`renders components/form/demo/validate-other.tsx correctly 1`] = `
|
||||
style="line-height:32px"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-checked"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -9059,7 +9059,7 @@ exports[`renders components/form/demo/validate-other.tsx correctly 1`] = `
|
||||
style="line-height:32px"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-checked ant-checkbox-disabled"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-checked ant-checkbox-disabled"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -9085,7 +9085,7 @@ exports[`renders components/form/demo/validate-other.tsx correctly 1`] = `
|
||||
style="line-height:32px"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -9109,7 +9109,7 @@ exports[`renders components/form/demo/validate-other.tsx correctly 1`] = `
|
||||
style="line-height:32px"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -9133,7 +9133,7 @@ exports[`renders components/form/demo/validate-other.tsx correctly 1`] = `
|
||||
style="line-height:32px"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -9157,7 +9157,7 @@ exports[`renders components/form/demo/validate-other.tsx correctly 1`] = `
|
||||
style="line-height:32px"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
|
||||
@ -131,7 +131,7 @@ exports[`Form form should support disabled 1`] = `
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled ant-checkbox-wrapper-in-form-item"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-disabled"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-disabled"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -184,7 +184,7 @@ exports[`Form form should support disabled 1`] = `
|
||||
class="ant-radio-wrapper ant-radio-wrapper-disabled ant-radio-wrapper-in-form-item"
|
||||
>
|
||||
<span
|
||||
class="ant-radio ant-radio-disabled"
|
||||
class="ant-radio ant-wave-target ant-radio-disabled"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -204,7 +204,7 @@ exports[`Form form should support disabled 1`] = `
|
||||
class="ant-radio-wrapper ant-radio-wrapper-disabled ant-radio-wrapper-in-form-item"
|
||||
>
|
||||
<span
|
||||
class="ant-radio ant-radio-disabled"
|
||||
class="ant-radio ant-wave-target ant-radio-disabled"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
|
||||
@ -1940,7 +1940,7 @@ exports[`renders components/input-number/demo/keyboard.tsx extend context correc
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-checked"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
|
||||
@ -1655,7 +1655,7 @@ exports[`renders components/input-number/demo/keyboard.tsx correctly 1`] = `
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-checked"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@ -92,7 +92,7 @@ exports[`renders components/radio/demo/basic.tsx extend context correctly 1`] =
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -122,7 +122,7 @@ exports[`renders components/radio/demo/component-token.tsx extend context correc
|
||||
class="ant-radio-wrapper ant-radio-wrapper-checked"
|
||||
>
|
||||
<span
|
||||
class="ant-radio ant-radio-checked"
|
||||
class="ant-radio ant-wave-target ant-radio-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -146,7 +146,7 @@ exports[`renders components/radio/demo/component-token.tsx extend context correc
|
||||
class="ant-radio-wrapper ant-radio-wrapper-checked ant-radio-wrapper-disabled"
|
||||
>
|
||||
<span
|
||||
class="ant-radio ant-radio-checked ant-radio-disabled"
|
||||
class="ant-radio ant-wave-target ant-radio-checked ant-radio-disabled"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -435,7 +435,7 @@ Array [
|
||||
class="ant-radio-wrapper ant-radio-wrapper-disabled"
|
||||
>
|
||||
<span
|
||||
class="ant-radio ant-radio-disabled"
|
||||
class="ant-radio ant-wave-target ant-radio-disabled"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -454,7 +454,7 @@ Array [
|
||||
class="ant-radio-wrapper ant-radio-wrapper-disabled"
|
||||
>
|
||||
<span
|
||||
class="ant-radio ant-radio-checked ant-radio-disabled"
|
||||
class="ant-radio ant-wave-target ant-radio-checked ant-radio-disabled"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -921,7 +921,7 @@ exports[`renders components/radio/demo/radiogroup.tsx extend context correctly 1
|
||||
class="ant-radio-wrapper ant-radio-wrapper-checked"
|
||||
>
|
||||
<span
|
||||
class="ant-radio ant-radio-checked"
|
||||
class="ant-radio ant-wave-target ant-radio-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -941,7 +941,7 @@ exports[`renders components/radio/demo/radiogroup.tsx extend context correctly 1
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -960,7 +960,7 @@ exports[`renders components/radio/demo/radiogroup.tsx extend context correctly 1
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -979,7 +979,7 @@ exports[`renders components/radio/demo/radiogroup.tsx extend context correctly 1
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -1014,7 +1014,7 @@ exports[`renders components/radio/demo/radiogroup-more.tsx extend context correc
|
||||
class="ant-radio-wrapper ant-radio-wrapper-checked"
|
||||
>
|
||||
<span
|
||||
class="ant-radio ant-radio-checked"
|
||||
class="ant-radio ant-wave-target ant-radio-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -1039,7 +1039,7 @@ exports[`renders components/radio/demo/radiogroup-more.tsx extend context correc
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -1063,7 +1063,7 @@ exports[`renders components/radio/demo/radiogroup-more.tsx extend context correc
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -1086,7 +1086,7 @@ exports[`renders components/radio/demo/radiogroup-more.tsx extend context correc
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -1117,7 +1117,7 @@ Array [
|
||||
class="ant-radio-wrapper ant-radio-wrapper-checked"
|
||||
>
|
||||
<span
|
||||
class="ant-radio ant-radio-checked"
|
||||
class="ant-radio ant-wave-target ant-radio-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -1137,7 +1137,7 @@ Array [
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -1156,7 +1156,7 @@ Array [
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -1180,7 +1180,7 @@ Array [
|
||||
class="ant-radio-wrapper ant-radio-wrapper-checked"
|
||||
>
|
||||
<span
|
||||
class="ant-radio ant-radio-checked"
|
||||
class="ant-radio ant-wave-target ant-radio-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -1200,7 +1200,7 @@ Array [
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -1219,7 +1219,7 @@ Array [
|
||||
class="ant-radio-wrapper ant-radio-wrapper-disabled"
|
||||
>
|
||||
<span
|
||||
class="ant-radio ant-radio-disabled"
|
||||
class="ant-radio ant-wave-target ant-radio-disabled"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -1378,7 +1378,7 @@ exports[`renders components/radio/demo/radiogroup-with-name.tsx extend context c
|
||||
class="ant-radio-wrapper ant-radio-wrapper-checked"
|
||||
>
|
||||
<span
|
||||
class="ant-radio ant-radio-checked"
|
||||
class="ant-radio ant-wave-target ant-radio-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -1399,7 +1399,7 @@ exports[`renders components/radio/demo/radiogroup-with-name.tsx extend context c
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -1419,7 +1419,7 @@ exports[`renders components/radio/demo/radiogroup-with-name.tsx extend context c
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -1439,7 +1439,7 @@ exports[`renders components/radio/demo/radiogroup-with-name.tsx extend context c
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -1721,7 +1721,7 @@ Array [
|
||||
class="ant-radio-wrapper ant-radio-wrapper-checked"
|
||||
>
|
||||
<span
|
||||
class="ant-radio ant-radio-checked"
|
||||
class="ant-radio ant-wave-target ant-radio-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -1741,7 +1741,7 @@ Array [
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -1760,7 +1760,7 @@ Array [
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -1779,7 +1779,7 @@ Array [
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -1803,7 +1803,7 @@ Array [
|
||||
class="ant-radio-wrapper ant-radio-wrapper-checked ant-radio-wrapper-disabled"
|
||||
>
|
||||
<span
|
||||
class="ant-radio ant-radio-checked ant-radio-disabled"
|
||||
class="ant-radio ant-wave-target ant-radio-checked ant-radio-disabled"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -1824,7 +1824,7 @@ Array [
|
||||
class="ant-radio-wrapper ant-radio-wrapper-disabled"
|
||||
>
|
||||
<span
|
||||
class="ant-radio ant-radio-disabled"
|
||||
class="ant-radio ant-wave-target ant-radio-disabled"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -1844,7 +1844,7 @@ Array [
|
||||
class="ant-radio-wrapper ant-radio-wrapper-disabled"
|
||||
>
|
||||
<span
|
||||
class="ant-radio ant-radio-disabled"
|
||||
class="ant-radio ant-wave-target ant-radio-disabled"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -1864,7 +1864,7 @@ Array [
|
||||
class="ant-radio-wrapper ant-radio-wrapper-disabled"
|
||||
>
|
||||
<span
|
||||
class="ant-radio ant-radio-disabled"
|
||||
class="ant-radio ant-wave-target ant-radio-disabled"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
|
||||
@ -90,7 +90,7 @@ exports[`renders components/radio/demo/basic.tsx correctly 1`] = `
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -118,7 +118,7 @@ exports[`renders components/radio/demo/component-token.tsx correctly 1`] = `
|
||||
class="ant-radio-wrapper ant-radio-wrapper-checked"
|
||||
>
|
||||
<span
|
||||
class="ant-radio ant-radio-checked"
|
||||
class="ant-radio ant-wave-target ant-radio-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -142,7 +142,7 @@ exports[`renders components/radio/demo/component-token.tsx correctly 1`] = `
|
||||
class="ant-radio-wrapper ant-radio-wrapper-checked ant-radio-wrapper-disabled"
|
||||
>
|
||||
<span
|
||||
class="ant-radio ant-radio-checked ant-radio-disabled"
|
||||
class="ant-radio ant-wave-target ant-radio-checked ant-radio-disabled"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -429,7 +429,7 @@ Array [
|
||||
class="ant-radio-wrapper ant-radio-wrapper-disabled"
|
||||
>
|
||||
<span
|
||||
class="ant-radio ant-radio-disabled"
|
||||
class="ant-radio ant-wave-target ant-radio-disabled"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -448,7 +448,7 @@ Array [
|
||||
class="ant-radio-wrapper ant-radio-wrapper-disabled"
|
||||
>
|
||||
<span
|
||||
class="ant-radio ant-radio-checked ant-radio-disabled"
|
||||
class="ant-radio ant-wave-target ant-radio-checked ant-radio-disabled"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -909,7 +909,7 @@ exports[`renders components/radio/demo/radiogroup.tsx correctly 1`] = `
|
||||
class="ant-radio-wrapper ant-radio-wrapper-checked"
|
||||
>
|
||||
<span
|
||||
class="ant-radio ant-radio-checked"
|
||||
class="ant-radio ant-wave-target ant-radio-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -929,7 +929,7 @@ exports[`renders components/radio/demo/radiogroup.tsx correctly 1`] = `
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -948,7 +948,7 @@ exports[`renders components/radio/demo/radiogroup.tsx correctly 1`] = `
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -967,7 +967,7 @@ exports[`renders components/radio/demo/radiogroup.tsx correctly 1`] = `
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -1000,7 +1000,7 @@ exports[`renders components/radio/demo/radiogroup-more.tsx correctly 1`] = `
|
||||
class="ant-radio-wrapper ant-radio-wrapper-checked"
|
||||
>
|
||||
<span
|
||||
class="ant-radio ant-radio-checked"
|
||||
class="ant-radio ant-wave-target ant-radio-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -1025,7 +1025,7 @@ exports[`renders components/radio/demo/radiogroup-more.tsx correctly 1`] = `
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -1049,7 +1049,7 @@ exports[`renders components/radio/demo/radiogroup-more.tsx correctly 1`] = `
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -1072,7 +1072,7 @@ exports[`renders components/radio/demo/radiogroup-more.tsx correctly 1`] = `
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -1101,7 +1101,7 @@ Array [
|
||||
class="ant-radio-wrapper ant-radio-wrapper-checked"
|
||||
>
|
||||
<span
|
||||
class="ant-radio ant-radio-checked"
|
||||
class="ant-radio ant-wave-target ant-radio-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -1121,7 +1121,7 @@ Array [
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -1140,7 +1140,7 @@ Array [
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -1164,7 +1164,7 @@ Array [
|
||||
class="ant-radio-wrapper ant-radio-wrapper-checked"
|
||||
>
|
||||
<span
|
||||
class="ant-radio ant-radio-checked"
|
||||
class="ant-radio ant-wave-target ant-radio-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -1184,7 +1184,7 @@ Array [
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -1203,7 +1203,7 @@ Array [
|
||||
class="ant-radio-wrapper ant-radio-wrapper-disabled"
|
||||
>
|
||||
<span
|
||||
class="ant-radio ant-radio-disabled"
|
||||
class="ant-radio ant-wave-target ant-radio-disabled"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -1360,7 +1360,7 @@ exports[`renders components/radio/demo/radiogroup-with-name.tsx correctly 1`] =
|
||||
class="ant-radio-wrapper ant-radio-wrapper-checked"
|
||||
>
|
||||
<span
|
||||
class="ant-radio ant-radio-checked"
|
||||
class="ant-radio ant-wave-target ant-radio-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -1381,7 +1381,7 @@ exports[`renders components/radio/demo/radiogroup-with-name.tsx correctly 1`] =
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -1401,7 +1401,7 @@ exports[`renders components/radio/demo/radiogroup-with-name.tsx correctly 1`] =
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -1421,7 +1421,7 @@ exports[`renders components/radio/demo/radiogroup-with-name.tsx correctly 1`] =
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -1699,7 +1699,7 @@ Array [
|
||||
class="ant-radio-wrapper ant-radio-wrapper-checked"
|
||||
>
|
||||
<span
|
||||
class="ant-radio ant-radio-checked"
|
||||
class="ant-radio ant-wave-target ant-radio-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -1719,7 +1719,7 @@ Array [
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -1738,7 +1738,7 @@ Array [
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -1757,7 +1757,7 @@ Array [
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -1781,7 +1781,7 @@ Array [
|
||||
class="ant-radio-wrapper ant-radio-wrapper-checked ant-radio-wrapper-disabled"
|
||||
>
|
||||
<span
|
||||
class="ant-radio ant-radio-checked ant-radio-disabled"
|
||||
class="ant-radio ant-wave-target ant-radio-checked ant-radio-disabled"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -1802,7 +1802,7 @@ Array [
|
||||
class="ant-radio-wrapper ant-radio-wrapper-disabled"
|
||||
>
|
||||
<span
|
||||
class="ant-radio ant-radio-disabled"
|
||||
class="ant-radio ant-wave-target ant-radio-disabled"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -1822,7 +1822,7 @@ Array [
|
||||
class="ant-radio-wrapper ant-radio-wrapper-disabled"
|
||||
>
|
||||
<span
|
||||
class="ant-radio ant-radio-disabled"
|
||||
class="ant-radio ant-wave-target ant-radio-disabled"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -1842,7 +1842,7 @@ Array [
|
||||
class="ant-radio-wrapper ant-radio-wrapper-disabled"
|
||||
>
|
||||
<span
|
||||
class="ant-radio ant-radio-disabled"
|
||||
class="ant-radio ant-wave-target ant-radio-disabled"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
|
||||
@ -8,7 +8,7 @@ exports[`Radio Group passes prefixCls down to radio 1`] = `
|
||||
class="my-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="my-radio"
|
||||
class="my-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="my-radio-input"
|
||||
@ -28,7 +28,7 @@ exports[`Radio Group passes prefixCls down to radio 1`] = `
|
||||
style="font-size: 12px;"
|
||||
>
|
||||
<span
|
||||
class="my-radio"
|
||||
class="my-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="my-radio-input"
|
||||
|
||||
@ -47,7 +47,7 @@ exports[`Radio Group passes prefixCls down to radio 1`] = `
|
||||
class="my-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="my-radio"
|
||||
class="my-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="my-radio-input"
|
||||
@ -67,7 +67,7 @@ exports[`Radio Group passes prefixCls down to radio 1`] = `
|
||||
style="font-size: 12px;"
|
||||
>
|
||||
<span
|
||||
class="my-radio"
|
||||
class="my-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="my-radio-input"
|
||||
|
||||
@ -5,7 +5,7 @@ exports[`Radio rtl render component should be rendered correctly in RTL directio
|
||||
class="ant-radio-wrapper ant-radio-wrapper-rtl"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -47,7 +47,7 @@ exports[`Radio should render correctly 1`] = `
|
||||
class="ant-radio-wrapper customized"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
|
||||
@ -11,6 +11,8 @@ import RadioGroupContext, { RadioOptionTypeContext } from './context';
|
||||
import type { RadioChangeEvent, RadioProps } from './interface';
|
||||
|
||||
import useStyle from './style';
|
||||
import Wave from '../_util/wave';
|
||||
import { TARGET_CLS } from '../_util/wave/interface';
|
||||
|
||||
const InternalRadio: React.ForwardRefRenderFunction<CheckboxRef, RadioProps> = (props, ref) => {
|
||||
const groupContext = React.useContext(RadioGroupContext);
|
||||
@ -37,10 +39,9 @@ const InternalRadio: React.ForwardRefRenderFunction<CheckboxRef, RadioProps> = (
|
||||
...restProps
|
||||
} = props;
|
||||
const radioPrefixCls = getPrefixCls('radio', customizePrefixCls);
|
||||
const prefixCls =
|
||||
(groupContext?.optionType || radioOptionTypeContext) === 'button'
|
||||
? `${radioPrefixCls}-button`
|
||||
: radioPrefixCls;
|
||||
|
||||
const isButtonType = (groupContext?.optionType || radioOptionTypeContext) === 'button';
|
||||
const prefixCls = isButtonType ? `${radioPrefixCls}-button` : radioPrefixCls;
|
||||
|
||||
// Style
|
||||
const [wrapSSR, hashId] = useStyle(radioPrefixCls);
|
||||
@ -73,16 +74,24 @@ const InternalRadio: React.ForwardRefRenderFunction<CheckboxRef, RadioProps> = (
|
||||
);
|
||||
|
||||
return wrapSSR(
|
||||
// eslint-disable-next-line jsx-a11y/label-has-associated-control
|
||||
<label
|
||||
className={wrapperClassString}
|
||||
style={{ ...radio?.style, ...style }}
|
||||
onMouseEnter={props.onMouseEnter}
|
||||
onMouseLeave={props.onMouseLeave}
|
||||
>
|
||||
<RcCheckbox {...radioProps} type="radio" prefixCls={prefixCls} ref={mergedRef} />
|
||||
{children !== undefined ? <span>{children}</span> : null}
|
||||
</label>,
|
||||
<Wave component="Radio" disabled={radioProps.disabled}>
|
||||
{/* eslint-disable-next-line jsx-a11y/label-has-associated-control */}
|
||||
<label
|
||||
className={wrapperClassString}
|
||||
style={{ ...radio?.style, ...style }}
|
||||
onMouseEnter={props.onMouseEnter}
|
||||
onMouseLeave={props.onMouseLeave}
|
||||
>
|
||||
<RcCheckbox
|
||||
{...radioProps}
|
||||
className={classNames(radioProps.className, !isButtonType && TARGET_CLS)}
|
||||
type="radio"
|
||||
prefixCls={prefixCls}
|
||||
ref={mergedRef}
|
||||
/>
|
||||
{children !== undefined ? <span>{children}</span> : null}
|
||||
</label>
|
||||
</Wave>,
|
||||
);
|
||||
};
|
||||
|
||||
|
||||
@ -1,4 +1,3 @@
|
||||
import { Keyframes } from '@ant-design/cssinjs';
|
||||
import { genFocusOutline, resetComponent } from '../../style';
|
||||
import type { FullToken, GenerateStyle } from '../../theme/internal';
|
||||
import { genComponentStyleHook, mergeToken } from '../../theme/internal';
|
||||
@ -72,11 +71,6 @@ interface RadioToken extends FullToken<'Radio'> {
|
||||
}
|
||||
|
||||
// ============================== Styles ==============================
|
||||
const antRadioEffect = new Keyframes('antRadioEffect', {
|
||||
'0%': { transform: 'scale(1)', opacity: 0.5 },
|
||||
'100%': { transform: 'scale(1.6)', opacity: 0 },
|
||||
});
|
||||
|
||||
// styles from RadioGroup only
|
||||
const getGroupRadioStyle: GenerateStyle<RadioToken> = (token) => {
|
||||
const { componentCls, antCls } = token;
|
||||
@ -113,7 +107,6 @@ const getRadioBasicStyle: GenerateStyle<RadioToken> = (token) => {
|
||||
radioSize,
|
||||
motionDurationSlow,
|
||||
motionDurationMid,
|
||||
motionEaseInOut,
|
||||
motionEaseInOutCirc,
|
||||
colorBgContainer,
|
||||
colorBorder,
|
||||
@ -133,7 +126,6 @@ const getRadioBasicStyle: GenerateStyle<RadioToken> = (token) => {
|
||||
return {
|
||||
[`${componentCls}-wrapper`]: {
|
||||
...resetComponent(token),
|
||||
position: 'relative',
|
||||
display: 'inline-flex',
|
||||
alignItems: 'baseline',
|
||||
marginInlineStart: 0,
|
||||
@ -167,10 +159,6 @@ const getRadioBasicStyle: GenerateStyle<RadioToken> = (token) => {
|
||||
border: `${lineWidth}px ${lineType} ${colorPrimary}`,
|
||||
borderRadius: '50%',
|
||||
visibility: 'hidden',
|
||||
animationName: antRadioEffect,
|
||||
animationDuration: motionDurationSlow,
|
||||
animationTimingFunction: motionEaseInOut,
|
||||
animationFillMode: 'both',
|
||||
content: '""',
|
||||
},
|
||||
|
||||
@ -181,6 +169,7 @@ const getRadioBasicStyle: GenerateStyle<RadioToken> = (token) => {
|
||||
outline: 'none',
|
||||
cursor: 'pointer',
|
||||
alignSelf: 'center',
|
||||
borderRadius: '50%',
|
||||
},
|
||||
|
||||
[`${componentCls}-wrapper:hover &,
|
||||
@ -238,6 +227,10 @@ const getRadioBasicStyle: GenerateStyle<RadioToken> = (token) => {
|
||||
insetInlineEnd: 0,
|
||||
insetBlockEnd: 0,
|
||||
insetInlineStart: 0,
|
||||
width: 0,
|
||||
height: 0,
|
||||
padding: 0,
|
||||
margin: 0,
|
||||
zIndex: 1,
|
||||
cursor: 'pointer',
|
||||
opacity: 0,
|
||||
@ -349,7 +342,6 @@ const getRadioButtonStyle: GenerateStyle<RadioToken> = (token) => {
|
||||
transition: [
|
||||
`color ${motionDurationMid}`,
|
||||
`background ${motionDurationMid}`,
|
||||
`border-color ${motionDurationMid}`,
|
||||
`box-shadow ${motionDurationMid}`,
|
||||
].join(','),
|
||||
|
||||
|
||||
@ -15615,7 +15615,7 @@ Array [
|
||||
class="ant-radio-wrapper ant-radio-wrapper-checked"
|
||||
>
|
||||
<span
|
||||
class="ant-radio ant-radio-checked"
|
||||
class="ant-radio ant-wave-target ant-radio-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -15635,7 +15635,7 @@ Array [
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -15654,7 +15654,7 @@ Array [
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
|
||||
@ -4190,7 +4190,7 @@ Array [
|
||||
class="ant-radio-wrapper ant-radio-wrapper-checked"
|
||||
>
|
||||
<span
|
||||
class="ant-radio ant-radio-checked"
|
||||
class="ant-radio ant-wave-target ant-radio-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -4210,7 +4210,7 @@ Array [
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -4229,7 +4229,7 @@ Array [
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
|
||||
@ -5270,7 +5270,7 @@ Array [
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -5289,7 +5289,7 @@ Array [
|
||||
class="ant-radio-wrapper ant-radio-wrapper-checked"
|
||||
>
|
||||
<span
|
||||
class="ant-radio ant-radio-checked"
|
||||
class="ant-radio ant-wave-target ant-radio-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
|
||||
@ -4912,7 +4912,7 @@ Array [
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -4931,7 +4931,7 @@ Array [
|
||||
class="ant-radio-wrapper ant-radio-wrapper-checked"
|
||||
>
|
||||
<span
|
||||
class="ant-radio ant-radio-checked"
|
||||
class="ant-radio ant-wave-target ant-radio-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
|
||||
@ -23,6 +23,11 @@ describe('Switch', () => {
|
||||
act(() => {
|
||||
jest.advanceTimersByTime(100);
|
||||
});
|
||||
|
||||
// Second time for raf to render wave effect
|
||||
act(() => {
|
||||
jest.advanceTimersByTime(100);
|
||||
});
|
||||
expect(document.querySelector('.ant-wave')).toBeTruthy();
|
||||
jest.clearAllTimers();
|
||||
jest.useRealTimers();
|
||||
|
||||
@ -574,7 +574,7 @@ exports[`Table.filter renders menu correctly 1`] = `
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -603,7 +603,7 @@ exports[`Table.filter renders menu correctly 1`] = `
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -714,7 +714,7 @@ exports[`Table.filter renders radio filter correctly 1`] = `
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -743,7 +743,7 @@ exports[`Table.filter renders radio filter correctly 1`] = `
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
|
||||
@ -51,7 +51,7 @@ exports[`Table.rowSelection fix expand on th left when selection column fixed on
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
aria-label="Select all"
|
||||
@ -129,7 +129,7 @@ exports[`Table.rowSelection fix expand on th left when selection column fixed on
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -170,7 +170,7 @@ exports[`Table.rowSelection fix expand on th left when selection column fixed on
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -211,7 +211,7 @@ exports[`Table.rowSelection fix expand on th left when selection column fixed on
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -252,7 +252,7 @@ exports[`Table.rowSelection fix expand on th left when selection column fixed on
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -403,7 +403,7 @@ exports[`Table.rowSelection fix selection column on the left 1`] = `
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
aria-label="Select all"
|
||||
@ -462,7 +462,7 @@ exports[`Table.rowSelection fix selection column on the left 1`] = `
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -492,7 +492,7 @@ exports[`Table.rowSelection fix selection column on the left 1`] = `
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -522,7 +522,7 @@ exports[`Table.rowSelection fix selection column on the left 1`] = `
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -552,7 +552,7 @@ exports[`Table.rowSelection fix selection column on the left 1`] = `
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -703,7 +703,7 @@ exports[`Table.rowSelection fix selection column on the left when any other colu
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
aria-label="Select all"
|
||||
@ -763,7 +763,7 @@ exports[`Table.rowSelection fix selection column on the left when any other colu
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -794,7 +794,7 @@ exports[`Table.rowSelection fix selection column on the left when any other colu
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -825,7 +825,7 @@ exports[`Table.rowSelection fix selection column on the left when any other colu
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -856,7 +856,7 @@ exports[`Table.rowSelection fix selection column on the left when any other colu
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -1061,7 +1061,7 @@ exports[`Table.rowSelection should support getPopupContainer 1`] = `
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
aria-label="Custom selection"
|
||||
@ -1176,7 +1176,7 @@ exports[`Table.rowSelection should support getPopupContainer 1`] = `
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -1205,7 +1205,7 @@ exports[`Table.rowSelection should support getPopupContainer 1`] = `
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -1234,7 +1234,7 @@ exports[`Table.rowSelection should support getPopupContainer 1`] = `
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -1263,7 +1263,7 @@ exports[`Table.rowSelection should support getPopupContainer 1`] = `
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -1412,7 +1412,7 @@ exports[`Table.rowSelection should support getPopupContainer from ConfigProvider
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
aria-label="Custom selection"
|
||||
@ -1527,7 +1527,7 @@ exports[`Table.rowSelection should support getPopupContainer from ConfigProvider
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -1556,7 +1556,7 @@ exports[`Table.rowSelection should support getPopupContainer from ConfigProvider
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -1585,7 +1585,7 @@ exports[`Table.rowSelection should support getPopupContainer from ConfigProvider
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -1614,7 +1614,7 @@ exports[`Table.rowSelection should support getPopupContainer from ConfigProvider
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -1763,7 +1763,7 @@ exports[`Table.rowSelection use column as selection column when key is \`selecti
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
aria-label="Select all"
|
||||
@ -1799,7 +1799,7 @@ exports[`Table.rowSelection use column as selection column when key is \`selecti
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -1828,7 +1828,7 @@ exports[`Table.rowSelection use column as selection column when key is \`selecti
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -1857,7 +1857,7 @@ exports[`Table.rowSelection use column as selection column when key is \`selecti
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -1886,7 +1886,7 @@ exports[`Table.rowSelection use column as selection column when key is \`selecti
|
||||
class="ant-checkbox-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -2879,7 +2879,7 @@ Array [
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-checkbox-group-item"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-checked"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -2899,7 +2899,7 @@ Array [
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-checkbox-group-item"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-checked"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
|
||||
@ -2400,7 +2400,7 @@ Array [
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-checkbox-group-item"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-checked"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -2420,7 +2420,7 @@ Array [
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-checkbox-group-item"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-checked"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
|
||||
@ -52,7 +52,11 @@ export const getComputedToken = (
|
||||
};
|
||||
|
||||
// ================================== Hook ==================================
|
||||
export default function useToken(): [Theme<SeedToken, MapToken>, GlobalToken, string] {
|
||||
export default function useToken(): [
|
||||
theme: Theme<SeedToken, MapToken>,
|
||||
token: GlobalToken,
|
||||
hashId: string,
|
||||
] {
|
||||
const {
|
||||
token: rootDesignToken,
|
||||
hashed,
|
||||
|
||||
@ -556,7 +556,7 @@ Array [
|
||||
class="ant-radio-wrapper ant-radio-wrapper-checked"
|
||||
>
|
||||
<span
|
||||
class="ant-radio ant-radio-checked"
|
||||
class="ant-radio ant-wave-target ant-radio-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -576,7 +576,7 @@ Array [
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -595,7 +595,7 @@ Array [
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
|
||||
@ -546,7 +546,7 @@ Array [
|
||||
class="ant-radio-wrapper ant-radio-wrapper-checked"
|
||||
>
|
||||
<span
|
||||
class="ant-radio ant-radio-checked"
|
||||
class="ant-radio ant-wave-target ant-radio-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -566,7 +566,7 @@ Array [
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -585,7 +585,7 @@ Array [
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
|
||||
@ -1482,7 +1482,7 @@ exports[`renders components/tooltip/demo/disabled.tsx extend context correctly 1
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-disabled"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-disabled"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
|
||||
@ -674,7 +674,7 @@ exports[`renders components/tooltip/demo/disabled.tsx correctly 1`] = `
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-disabled"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-disabled"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -14,7 +14,7 @@ exports[`Transfer rtl render component should be rendered correctly in RTL direc
|
||||
class="ant-checkbox-wrapper ant-checkbox-rtl ant-checkbox-wrapper-disabled ant-transfer-list-checkbox"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-disabled"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-disabled"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -181,7 +181,7 @@ exports[`Transfer rtl render component should be rendered correctly in RTL direc
|
||||
class="ant-checkbox-wrapper ant-checkbox-rtl ant-checkbox-wrapper-disabled ant-transfer-list-checkbox"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-disabled"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-disabled"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -293,7 +293,7 @@ exports[`Transfer should render correctly 1`] = `
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-transfer-list-checkbox"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-checked"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -347,7 +347,7 @@ exports[`Transfer should render correctly 1`] = `
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-transfer-list-checkbox"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-checked"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -370,7 +370,7 @@ exports[`Transfer should render correctly 1`] = `
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled ant-transfer-list-checkbox"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-disabled"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-disabled"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -460,7 +460,7 @@ exports[`Transfer should render correctly 1`] = `
|
||||
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -513,7 +513,7 @@ exports[`Transfer should render correctly 1`] = `
|
||||
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -548,7 +548,7 @@ exports[`Transfer should show sorted targetKey 1`] = `
|
||||
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -602,7 +602,7 @@ exports[`Transfer should show sorted targetKey 1`] = `
|
||||
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -694,7 +694,7 @@ exports[`Transfer should show sorted targetKey 1`] = `
|
||||
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -748,7 +748,7 @@ exports[`Transfer should show sorted targetKey 1`] = `
|
||||
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -773,7 +773,7 @@ exports[`Transfer should show sorted targetKey 1`] = `
|
||||
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -810,7 +810,7 @@ exports[`Transfer should support render value and label in item 1`] = `
|
||||
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -864,7 +864,7 @@ exports[`Transfer should support render value and label in item 1`] = `
|
||||
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -956,7 +956,7 @@ exports[`Transfer should support render value and label in item 1`] = `
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled ant-transfer-list-checkbox"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-disabled"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-disabled"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -1068,7 +1068,7 @@ exports[`immutable data dataSource is frozen 1`] = `
|
||||
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -1121,7 +1121,7 @@ exports[`immutable data dataSource is frozen 1`] = `
|
||||
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -1211,7 +1211,7 @@ exports[`immutable data dataSource is frozen 1`] = `
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled ant-transfer-list-checkbox"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-disabled"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-disabled"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
|
||||
@ -11,7 +11,7 @@ exports[`Transfer.List should render correctly 1`] = `
|
||||
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-indeterminate"
|
||||
class="ant-checkbox ant-checkbox-indeterminate ant-wave-target"
|
||||
>
|
||||
<input
|
||||
aria-checked="mixed"
|
||||
@ -64,7 +64,7 @@ exports[`Transfer.List should render correctly 1`] = `
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-transfer-list-checkbox"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-checked"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -87,7 +87,7 @@ exports[`Transfer.List should render correctly 1`] = `
|
||||
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox"
|
||||
class="ant-checkbox ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
@ -109,7 +109,7 @@ exports[`Transfer.List should render correctly 1`] = `
|
||||
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled ant-transfer-list-checkbox"
|
||||
>
|
||||
<span
|
||||
class="ant-checkbox ant-checkbox-disabled"
|
||||
class="ant-checkbox ant-wave-target ant-checkbox-disabled"
|
||||
>
|
||||
<input
|
||||
class="ant-checkbox-input"
|
||||
|
||||
@ -1425,7 +1425,7 @@ Array [
|
||||
class="ant-radio-wrapper ant-radio-wrapper-checked"
|
||||
>
|
||||
<span
|
||||
class="ant-radio ant-radio-checked"
|
||||
class="ant-radio ant-wave-target ant-radio-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -1445,7 +1445,7 @@ Array [
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -1464,7 +1464,7 @@ Array [
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
|
||||
@ -1224,7 +1224,7 @@ Array [
|
||||
class="ant-radio-wrapper ant-radio-wrapper-checked"
|
||||
>
|
||||
<span
|
||||
class="ant-radio ant-radio-checked"
|
||||
class="ant-radio ant-wave-target ant-radio-checked"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
@ -1244,7 +1244,7 @@ Array [
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
@ -1263,7 +1263,7 @@ Array [
|
||||
class="ant-radio-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-radio"
|
||||
class="ant-radio ant-wave-target"
|
||||
>
|
||||
<input
|
||||
class="ant-radio-input"
|
||||
|
||||
Loading…
Reference in New Issue
Block a user