diff --git a/.dumi/hooks/use.ts b/.dumi/hooks/use.ts
index b9a143550a07..d4d572981ba6 100644
--- a/.dumi/hooks/use.ts
+++ b/.dumi/hooks/use.ts
@@ -1,23 +1,28 @@
-export default function use(promise: any) {
-  if (promise.status === 'fulfilled') {
-    return promise.value;
+export default function use<T>(promise: PromiseLike<T>): T {
+  const internal: PromiseLike<T> & {
+    status?: 'pending' | 'fulfilled' | 'rejected';
+    value?: T;
+    reason?: any;
+  } = promise;
+  if (internal.status === 'fulfilled') {
+    return internal.value;
   }
-  if (promise.status === 'rejected') {
-    throw promise.reason;
-  } else if (promise.status === 'pending') {
-    throw promise;
+  if (internal.status === 'rejected') {
+    throw internal.reason;
+  } else if (internal.status === 'pending') {
+    throw internal;
   } else {
-    promise.status = 'pending';
-    promise.then(
+    internal.status = 'pending';
+    internal.then(
       (result) => {
-        promise.status = 'fulfilled';
-        promise.value = result;
+        internal.status = 'fulfilled';
+        internal.value = result;
       },
       (reason) => {
-        promise.status = 'rejected';
-        promise.reason = reason;
+        internal.status = 'rejected';
+        internal.reason = reason;
       },
     );
-    throw promise;
+    throw internal;
   }
 }
diff --git a/.dumi/hooks/useFetch/cache.ts b/.dumi/hooks/useFetch/cache.ts
new file mode 100644
index 000000000000..d6c6e791ef76
--- /dev/null
+++ b/.dumi/hooks/useFetch/cache.ts
@@ -0,0 +1,21 @@
+export default class FetchCache {
+  private cache: Map<string, PromiseLike<any>> = new Map();
+
+  get(key: string) {
+    return this.cache.get(key);
+  }
+
+  set(key: string, value: PromiseLike<any>) {
+    this.cache.set(key, value);
+  }
+
+  promise<T>(key: string, promiseFn: () => PromiseLike<T>): PromiseLike<T> {
+    const cached = this.get(key);
+    if (cached) {
+      return cached;
+    }
+    const promise = promiseFn();
+    this.set(key, promise);
+    return promise;
+  }
+}
diff --git a/.dumi/hooks/useFetch/index.ts b/.dumi/hooks/useFetch/index.ts
new file mode 100644
index 000000000000..99aa763ab3c3
--- /dev/null
+++ b/.dumi/hooks/useFetch/index.ts
@@ -0,0 +1,20 @@
+import fetch from 'cross-fetch';
+import use from '../use';
+import FetchCache from './cache';
+
+const cache = new FetchCache();
+
+const useFetch = <T>(options: string | { request: () => PromiseLike<T>; key: string }) => {
+  let request;
+  let key;
+  if (typeof options === 'string') {
+    request = () => fetch(options).then((res) => res.json());
+    key = options;
+  } else {
+    request = options.request;
+    key = options.key;
+  }
+  return use(cache.promise<T>(key, request));
+};
+
+export default useFetch;
diff --git a/.dumi/hooks/useMenu.tsx b/.dumi/hooks/useMenu.tsx
index b980ed5f3abb..396d4b39ce64 100644
--- a/.dumi/hooks/useMenu.tsx
+++ b/.dumi/hooks/useMenu.tsx
@@ -1,7 +1,7 @@
 import { useFullSidebarData, useSidebarData } from 'dumi';
 import React, { useMemo } from 'react';
 import type { MenuProps } from 'antd';
-import { Tag, theme } from 'antd';
+import { Tag, version } from 'antd';
 import Link from '../theme/common/Link';
 import useLocation from './useLocation';
 
@@ -15,7 +15,6 @@ const useMenu = (options: UseMenuOptions = {}): [MenuProps['items'], string] =>
   const { pathname, search } = useLocation();
   const sidebarData = useSidebarData();
   const { before, after } = options;
-  const { token } = theme.useToken();
 
   const menuItems = useMemo<MenuProps['items']>(() => {
     const sidebarItems = [...(sidebarData ?? [])];
@@ -32,7 +31,7 @@ const useMenu = (options: UseMenuOptions = {}): [MenuProps['items'], string] =>
         key.startsWith('/changelog'),
       )?.[1];
       if (changelogData) {
-        sidebarItems.push(...changelogData);
+        sidebarItems.splice(1, 0, changelogData[0]);
       }
     }
     if (pathname.startsWith('/changelog')) {
@@ -40,10 +39,23 @@ const useMenu = (options: UseMenuOptions = {}): [MenuProps['items'], string] =>
         key.startsWith('/docs/react'),
       )?.[1];
       if (reactDocData) {
-        sidebarItems.unshift(...reactDocData);
+        sidebarItems.unshift(reactDocData[0]);
+        sidebarItems.push(...reactDocData.slice(1));
       }
     }
 
+    const getItemTag = (tag: string, show = true) =>
+      tag &&
+      show && (
+        <Tag
+          color={tag === 'New' ? 'success' : 'orange'}
+          bordered={false}
+          style={{ marginInlineStart: 'auto', marginInlineEnd: 0, marginTop: -2 }}
+        >
+          {tag.replace('VERSION', version)}
+        </Tag>
+      );
+
     return (
       sidebarItems?.reduce<Exclude<MenuProps['items'], undefined>>((result, group) => {
         if (group?.title) {
@@ -52,7 +64,7 @@ const useMenu = (options: UseMenuOptions = {}): [MenuProps['items'], string] =>
             const childrenGroup = group.children.reduce<
               Record<string, ReturnType<typeof useSidebarData>[number]['children']>
             >((childrenResult, child) => {
-              const type = (child.frontmatter as any).type ?? 'default';
+              const type = child.frontmatter?.type ?? 'default';
               if (!childrenResult[type]) {
                 childrenResult[type] = [];
               }
@@ -103,17 +115,16 @@ const useMenu = (options: UseMenuOptions = {}): [MenuProps['items'], string] =>
               key: group?.title,
               children: group.children?.map((item) => ({
                 label: (
-                  <Link to={`${item.link}${search}`}>
+                  <Link
+                    to={`${item.link}${search}`}
+                    style={{ display: 'flex', alignItems: 'center' }}
+                  >
                     {before}
                     <span key="english">{item?.title}</span>
                     <span className="chinese" key="chinese">
-                      {(item.frontmatter as any).subtitle}
+                      {item.frontmatter?.subtitle}
                     </span>
-                    {(item.frontmatter as any).tag && (
-                      <Tag color="warning" style={{ marginInlineStart: token.marginXS }}>
-                        {(item.frontmatter as any).tag}
-                      </Tag>
-                    )}
+                    {getItemTag(item.frontmatter?.tag, !before && !after)}
                     {after}
                   </Link>
                 ),
@@ -131,9 +142,13 @@ const useMenu = (options: UseMenuOptions = {}): [MenuProps['items'], string] =>
           result.push(
             ...list.map((item) => ({
               label: (
-                <Link to={`${item.link}${search}`}>
+                <Link
+                  to={`${item.link}${search}`}
+                  style={{ display: 'flex', alignItems: 'center' }}
+                >
                   {before}
                   {item?.title}
+                  {getItemTag((item.frontmatter as any).tag, !before && !after)}
                   {after}
                 </Link>
               ),
diff --git a/.dumi/pages/index/components/util.ts b/.dumi/pages/index/components/util.ts
index 35eb81944028..295ff4bee7aa 100644
--- a/.dumi/pages/index/components/util.ts
+++ b/.dumi/pages/index/components/util.ts
@@ -1,6 +1,5 @@
 import { css } from 'antd-style';
-import fetch from 'cross-fetch';
-import use from '../../../hooks/use';
+import useFetch from '../../../hooks/useFetch';
 
 export interface Author {
   avatar: string;
@@ -81,12 +80,8 @@ export function preLoad(list: string[]) {
   }
 }
 
-const promise = fetch(`https://render.alipay.com/p/h5data/antd4-config_website-h5data.json`).then(
-  (res) => res.json(),
-);
-
-export function useSiteData(): [Partial<SiteData>, boolean] {
-  return use(promise);
+export function useSiteData(): Partial<SiteData> {
+  return useFetch('https://render.alipay.com/p/h5data/antd4-config_website-h5data.json');
 }
 
 export const getCarouselStyle = () => ({
diff --git a/.dumi/preset/.gitkeep b/.dumi/preset/.gitkeep
new file mode 100644
index 000000000000..e69de29bb2d1
diff --git a/.dumi/rehypeAntd.ts b/.dumi/rehypeAntd.ts
index 4c6354bb8474..7c3bdc6e1261 100644
--- a/.dumi/rehypeAntd.ts
+++ b/.dumi/rehypeAntd.ts
@@ -68,10 +68,13 @@ function rehypeAntd(): UnifiedTransformer<HastRoot> {
         node.tagName = 'VideoPlayer';
       } else if (node.tagName === 'SourceCode') {
         const { lang } = node.properties;
-        if (lang === 'sandpack') {
+        if (typeof lang === 'string' && lang.startsWith('sandpack')) {
           parent!.children.splice(i!, 1, {
             type: 'element',
             tagName: 'Sandpack',
+            properties: {
+              dark: lang === 'sandpackdark',
+            },
             children: [
               {
                 type: 'text',
diff --git a/.dumi/theme/builtins/ResourceArticles/index.tsx b/.dumi/theme/builtins/ResourceArticles/index.tsx
index ea1281b81f05..b6fbf635e9e2 100644
--- a/.dumi/theme/builtins/ResourceArticles/index.tsx
+++ b/.dumi/theme/builtins/ResourceArticles/index.tsx
@@ -51,8 +51,10 @@ const useStyle = createStyles(({ token, css }) => {
         padding: 0;
         font-size: 14px;
         list-style: none;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
       }
-
       ${antCls}-avatar > img {
         max-width: unset;
       }
@@ -95,7 +97,7 @@ const ArticleList: React.FC<ArticleListProps> = ({ name, data = [], authors = []
   );
 };
 
-const Articles = () => {
+const Articles: React.FC = () => {
   const [, lang] = useLocale();
   const isZhCN = lang === 'cn';
   const { articles = { cn: [], en: [] }, authors = [] } = useSiteData();
@@ -113,10 +115,16 @@ const Articles = () => {
 
   const yearList = Object.keys(mergedData).sort((a, b) => Number(b) - Number(a));
 
-  return yearList.length ? (
-    <Tabs>
-      {yearList.map((year) => (
-        <Tabs.TabPane tab={`${year}${isZhCN ? ' 年' : ''}`} key={year}>
+  if (yearList.length === 0) {
+    return null;
+  }
+
+  return (
+    <Tabs
+      items={yearList.map((year) => ({
+        key: year,
+        label: `${year}${isZhCN ? ' 年' : ''}`,
+        children: (
           <table>
             <tbody>
               <tr>
@@ -133,15 +141,14 @@ const Articles = () => {
               </tr>
             </tbody>
           </table>
-        </Tabs.TabPane>
-      ))}
-    </Tabs>
-  ) : null;
+        ),
+      }))}
+    />
+  );
 };
 
 export default () => {
   const { styles } = useStyle();
-
   return (
     <div id="articles" className={styles.articles}>
       <Suspense fallback={<Skeleton active />}>
diff --git a/.dumi/theme/builtins/Sandpack/index.tsx b/.dumi/theme/builtins/Sandpack/index.tsx
index 037e5ccafb64..791cdce75ad4 100644
--- a/.dumi/theme/builtins/Sandpack/index.tsx
+++ b/.dumi/theme/builtins/Sandpack/index.tsx
@@ -23,14 +23,16 @@ const setup = {
 
 const options = {
   activeFile: 'app.tsx' as never,
-  visibleFiles: ['index.tsx', 'app.tsx', 'package.json'] as any,
+  visibleFiles: ['index.tsx', 'app.tsx', 'package.json', 'index.css'] as any,
   showLineNumbers: true,
   editorHeight: '500px',
+  autorun: false,
 };
 
 const indexContent = `import React from 'react';
 import { createRoot } from 'react-dom/client';
 import App from './app';
+import './index.css';
 
 const root = createRoot(document.getElementById("root"));
 root.render(<App />);
@@ -62,7 +64,7 @@ const SandpackFallback = () => {
   );
 };
 
-const Sandpack = ({ children }: { children: ReactNode }) => {
+const Sandpack = ({ children, dark }: { children: ReactNode; dark: boolean }) => {
   const [searchParams] = useSearchParams();
 
   useServerInsertedHTML(() => (
@@ -81,6 +83,15 @@ const Sandpack = ({ children }: { children: ReactNode }) => {
         options={options}
         files={{
           'index.tsx': indexContent,
+          'index.css': `html, body {
+  padding: 0;
+  margin: 0;
+  background: ${dark ? '#000' : '#fff'};
+}
+
+#root {
+  padding: 24px;
+}`,
           'app.tsx': children,
         }}
       />
diff --git a/.dumi/theme/common/ComponentChangelog/ComponentChangelog.tsx b/.dumi/theme/common/ComponentChangelog/ComponentChangelog.tsx
new file mode 100644
index 000000000000..9c3d8c75d462
--- /dev/null
+++ b/.dumi/theme/common/ComponentChangelog/ComponentChangelog.tsx
@@ -0,0 +1,187 @@
+/* eslint-disable global-require */
+import React, { useMemo } from 'react';
+import { createStyles } from 'antd-style';
+import { HistoryOutlined } from '@ant-design/icons';
+import { Button, Drawer, Timeline, Typography } from 'antd';
+import Link from '../Link';
+import useLocale from '../../../hooks/useLocale';
+import useFetch from '../../../hooks/useFetch';
+
+const useStyle = createStyles(({ token, css }) => ({
+  history: css`
+    position: absolute;
+    top: 0;
+    inset-inline-end: 0;
+  `,
+
+  li: css`
+    // white-space: pre;
+  `,
+
+  ref: css`
+    margin-left: ${token.marginXS}px;
+  `,
+}));
+
+export interface ComponentChangelogProps {
+  pathname: string;
+}
+
+const locales = {
+  cn: {
+    full: '完整更新日志',
+    changelog: '更新日志',
+    loading: '加载中...',
+    empty: '暂无更新',
+  },
+  en: {
+    full: 'Full Changelog',
+    changelog: 'Changelog',
+    loading: 'loading...',
+    empty: 'Nothing update',
+  },
+};
+
+function ParseChangelog(props: { changelog: string; refs: string[]; styles: any }) {
+  const { changelog = '', refs = [], styles } = props;
+
+  const parsedChangelog = React.useMemo(() => {
+    const nodes: React.ReactElement[] = [];
+
+    let isQuota = false;
+    let lastStr = '';
+
+    for (let i = 0; i < changelog.length; i += 1) {
+      const char = changelog[i];
+
+      if (char !== '`') {
+        lastStr += char;
+      } else {
+        let node = lastStr;
+        if (isQuota) {
+          node = <code>{node}</code>;
+        }
+
+        nodes.push(node);
+        lastStr = '';
+        isQuota = !isQuota;
+      }
+    }
+
+    nodes.push(lastStr);
+
+    return nodes;
+  }, [changelog]);
+
+  return (
+    <>
+      {/* Changelog */}
+      <span>{parsedChangelog}</span>
+
+      {/* Refs */}
+      {refs?.map((ref) => (
+        <a className={styles.ref} key={ref} href={ref} target="_blank" rel="noreferrer">
+          #{ref.match(/^.*\/(\d+)$/)?.[1]}
+        </a>
+      ))}
+    </>
+  );
+}
+
+function useChangelog(componentPath, lang) {
+  const data = useFetch(
+    lang === 'cn'
+      ? {
+          key: 'component-changelog-cn',
+          request: () => import('../../../preset/components-changelog-cn.json'),
+        }
+      : {
+          key: 'component-changelog-en',
+          request: () => import('../../../preset/components-changelog-en.json'),
+        },
+  );
+
+  return useMemo(() => {
+    const component = componentPath.replace(/-/g, '');
+
+    const componentName = Object.keys(data).find(
+      (name) => name.toLowerCase() === component.toLowerCase(),
+    );
+
+    return data[componentName];
+  }, [data, componentPath]);
+}
+
+export default function ComponentChangelog(props: ComponentChangelogProps) {
+  const { pathname = '' } = props;
+  const [locale, lang] = useLocale(locales);
+  const [show, setShow] = React.useState(false);
+
+  const { styles } = useStyle();
+
+  const componentPath = pathname.match(/\/components\/([^/]+)/)?.[1] || '';
+
+  const list = useChangelog(componentPath, lang);
+
+  const timelineItems = React.useMemo(() => {
+    const changelogMap = {};
+
+    list?.forEach((info) => {
+      changelogMap[info.version] = changelogMap[info.version] || [];
+      changelogMap[info.version].push(info);
+    });
+
+    return Object.keys(changelogMap).map((version) => {
+      const changelogList = changelogMap[version];
+
+      return {
+        children: (
+          <Typography>
+            <h4>{version}</h4>
+            <ul>
+              {changelogList.map((info, index) => (
+                <li key={index} className={styles.li}>
+                  <ParseChangelog {...info} styles={styles} />
+                </li>
+              ))}
+            </ul>
+          </Typography>
+        ),
+      };
+    });
+  }, [list]);
+
+  if (!list || !list.length) {
+    return null;
+  }
+
+  return (
+    <>
+      <Button
+        className={styles.history}
+        icon={<HistoryOutlined />}
+        onClick={() => {
+          setShow(true);
+        }}
+      >
+        {locale.changelog}
+      </Button>
+      <Drawer
+        title={locale.changelog}
+        extra={
+          <Link style={{ fontSize: 14 }} to={`/changelog${lang === 'cn' ? '-cn' : ''}`}>
+            {locale.full}
+          </Link>
+        }
+        open={show}
+        width="40vw"
+        onClose={() => {
+          setShow(false);
+        }}
+        destroyOnClose
+      >
+        <Timeline items={timelineItems} />
+      </Drawer>
+    </>
+  );
+}
diff --git a/.dumi/theme/common/ComponentChangelog/index.tsx b/.dumi/theme/common/ComponentChangelog/index.tsx
new file mode 100644
index 000000000000..cbaae2977db2
--- /dev/null
+++ b/.dumi/theme/common/ComponentChangelog/index.tsx
@@ -0,0 +1,9 @@
+import React from 'react';
+import type { ComponentChangelogProps } from './ComponentChangelog';
+import ComponentChangelog from './ComponentChangelog';
+
+export default (props: ComponentChangelogProps) => (
+  <React.Suspense fallback={null}>
+    <ComponentChangelog {...props} />
+  </React.Suspense>
+);
diff --git a/.dumi/theme/plugin.ts b/.dumi/theme/plugin.ts
index 735c6c3d9a08..68438c08ab03 100644
--- a/.dumi/theme/plugin.ts
+++ b/.dumi/theme/plugin.ts
@@ -183,11 +183,6 @@ const RoutesPlugin = (api: IApi) => {
 
   //   fs.writeFileSync(`./_site/${ssrCssFileName}`, styleTextWithoutStyleTag, 'utf8');
   // });
-
-  api.modifyHTML(($) => {
-    $('script[src^="/umi."]').attr('defer', '');
-    return $;
-  });
 };
 
 export default RoutesPlugin;
diff --git a/.dumi/theme/slots/Content/index.tsx b/.dumi/theme/slots/Content/index.tsx
index 720c1cc2248e..e3848d3dd874 100644
--- a/.dumi/theme/slots/Content/index.tsx
+++ b/.dumi/theme/slots/Content/index.tsx
@@ -11,6 +11,7 @@ import useLayoutState from '../../../hooks/useLayoutState';
 import useLocation from '../../../hooks/useLocation';
 import EditButton from '../../common/EditButton';
 import PrevAndNext from '../../common/PrevAndNext';
+import ComponentChangelog from '../../common/ComponentChangelog';
 import type { DemoContextProps } from '../DemoContext';
 import DemoContext from '../DemoContext';
 import Footer from '../Footer';
@@ -204,45 +205,49 @@ const Content: React.FC<{ children: ReactNode }> = ({ children }) => {
   return (
     <DemoContext.Provider value={contextValue}>
       <Col xxl={20} xl={19} lg={18} md={18} sm={24} xs={24}>
-        <Affix>
-          <section className={styles.tocWrapper}>
-            <Anchor
-              className={styles.toc}
-              affix={false}
-              targetOffset={token.marginXXL}
-              showInkInFixed
-              items={anchorItems.map((item) => ({
-                href: `#${item.id}`,
-                title: item.title,
-                key: item.id,
-                children: item.children
-                  ?.filter((child) => showDebug || !debugDemos.includes(child.id))
-                  .map((child) => ({
-                    key: child.id,
-                    href: `#${child.id}`,
-                    title: (
-                      <span className={classNames(debugDemos.includes(child.id) && 'toc-debug')}>
-                        {child?.title}
-                      </span>
-                    ),
-                  })),
-              }))}
-            />
-          </section>
-        </Affix>
+        {!!meta.frontmatter.toc && (
+          <Affix>
+            <section className={styles.tocWrapper}>
+              <Anchor
+                className={styles.toc}
+                affix={false}
+                targetOffset={token.marginXXL}
+                showInkInFixed
+                items={anchorItems.map((item) => ({
+                  href: `#${item.id}`,
+                  title: item.title,
+                  key: item.id,
+                  children: item.children
+                    ?.filter((child) => showDebug || !debugDemos.includes(child.id))
+                    .map((child) => ({
+                      key: child.id,
+                      href: `#${child.id}`,
+                      title: (
+                        <span className={classNames(debugDemos.includes(child.id) && 'toc-debug')}>
+                          {child?.title}
+                        </span>
+                      ),
+                    })),
+                }))}
+              />
+            </section>
+          </Affix>
+        )}
         <article className={classNames(styles.articleWrapper, { rtl: isRTL })}>
           {meta.frontmatter?.title ? (
-            <Typography.Title style={{ fontSize: 30 }}>
-              {meta.frontmatter?.title}
-              {meta.frontmatter.subtitle && (
-                <span style={{ marginLeft: 12 }}>{meta.frontmatter.subtitle}</span>
-              )}
-              {!pathname.startsWith('/components/overview') && (
-                <EditButton
-                  title={<FormattedMessage id="app.content.edit-page" />}
-                  filename={meta.frontmatter.filename}
-                />
-              )}
+            <Typography.Title style={{ fontSize: 30, position: 'relative' }}>
+              <Space size="small">
+                {meta.frontmatter?.title}
+                {meta.frontmatter?.subtitle}
+
+                {!pathname.startsWith('/components/overview') && (
+                  <EditButton
+                    title={<FormattedMessage id="app.content.edit-page" />}
+                    filename={meta.frontmatter.filename}
+                  />
+                )}
+              </Space>
+              {pathname.startsWith('/components/') && <ComponentChangelog pathname={pathname} />}
             </Typography.Title>
           ) : null}
           {/* 添加作者、时间等信息 */}
diff --git a/.gitignore b/.gitignore
index 7693ccc26972..8bc92f8bdd6b 100644
--- a/.gitignore
+++ b/.gitignore
@@ -54,6 +54,8 @@ components/version/token-meta.json
 .dumi/tmp
 .dumi/tmp-test
 .dumi/tmp-production
+.dumi/preset/components-changelog*
+.dumi/preset/misc-changelog.json
 
 # Image snapshot diff
 __diff_output__/
diff --git a/CHANGELOG.en-US.md b/CHANGELOG.en-US.md
index 77929efd56e3..1e4a1f3e6449 100644
--- a/CHANGELOG.en-US.md
+++ b/CHANGELOG.en-US.md
@@ -1,8 +1,9 @@
 ---
 order: 6
-title: Change Log
+title: Changelog
 toc: false
 timeline: true
+tag: vVERSION
 ---
 
 `antd` follows [Semantic Versioning 2.0.0](http://semver.org/).
@@ -15,13 +16,24 @@ timeline: true
 
 ---
 
+## 5.8.2
+
+`2023-08-04`
+
+- 🐞 Fix Checkbox & Radio not support customize wave and add className `ant-wave-target` for this case. [#44014](https://github.com/ant-design/ant-design/pull/44014)
+- 🐞 Adjust Form.Item renderProps definition to return correct `FormInstance`. [#43996](https://github.com/ant-design/ant-design/pull/43996)
+- 🐞 Fixed Table incorrect expand icon direction and row indentation in RTL. [#43977](https://github.com/ant-design/ant-design/pull/43977) [@Yuiai01](https://github.com/Yuiai01)
+- 💄 Fix Pagination that should not have hover and focus style when disabled. [#43970](https://github.com/ant-design/ant-design/pull/43970) [@MadCcc](https://github.com/MadCcc)
+- TypeScript
+  - 🤖 Fix Drawer & Anchor part Design Token TS description not correct issue. [#43994](https://github.com/ant-design/ant-design/pull/43994) [@wving5](https://github.com/wving5)
+
 ## 5.8.1
 
 `2023-08-02`
 
-- 🐞 Fix unexpected warning of deprecated `clearIcon` [#43945](https://github.com/ant-design/ant-design/pull/43945) [@kiner-tang](https://github.com/kiner-tang)
+- 🐞 Fix Select, TreeSelect, Cascader, DatePicker unexpected warning of deprecated `clearIcon` [#43945](https://github.com/ant-design/ant-design/pull/43945) [@kiner-tang](https://github.com/kiner-tang)
 - TypeScript
-  - 🤖 Export `MappingAlgorithm` as type of theme algorithm. [#43953](https://github.com/ant-design/ant-design/pull/43953)
+  - 🤖 Export Design Token `MappingAlgorithm` as type of theme algorithm. [#43953](https://github.com/ant-design/ant-design/pull/43953)
 
 ## 5.8.0
 
@@ -35,7 +47,7 @@ timeline: true
 - 🆕 ColorPicker support `disabledAlpha` prop. [#43355](https://github.com/ant-design/ant-design/pull/43355) [@RedJue](https://github.com/RedJue)
 - 🆕 Avatar.Group support `shape` prop. [#43817](https://github.com/ant-design/ant-design/pull/43817) [@li-jia-nan](https://github.com/li-jia-nan)
 - 🆕 AutoComplete/Cascader/DatePicker/Input.Textarea/TimePicker/TreeSelect support `allowClear` prop to customize clear button。[#43582](https://github.com/ant-design/ant-design/discussions/43582) [@kiner-tang](https://github.com/kiner-tang)
-- 🆕 RangePicker `presets` support callback functions. [#43476](https://github.com/ant-design/ant-design/pull/43476) [@Wxh16144](https://github.com/Wxh16144)
+- 🆕 DatePicker.RangePicker `presets` support callback functions. [#43476](https://github.com/ant-design/ant-design/pull/43476) [@Wxh16144](https://github.com/Wxh16144)
 - 🆕 Added the `preview={{ movable: Boolean }}` prop to the Image component to support dragging and dropping into folders. [#43823](https://github.com/ant-design/ant-design/pull/43823) [@linxianxi](https://github.com/linxianxi)
 - 🆕 Slider `tooltip` support `autoAdjustOverflow` prop. [#43788](https://github.com/ant-design/ant-design/pull/43788)
 - 🆕 Added the `selectionsIcon` property to the Transfer component to support custom icons for the dropdown menu. [#43773](https://github.com/ant-design/ant-design/pull/43773) [@li-jia-nan](https://github.com/li-jia-nan)
@@ -45,10 +57,10 @@ timeline: true
 - 🐞 Fix Tooltip `hover` not trigger on `disabled` element. [#43872](https://github.com/ant-design/ant-design/pull/43872)
 - 🐞 Fix ColorPicker not calling `onChangeComplete` callback when changing value. [#43867](https://github.com/ant-design/ant-design/pull/43867) [@RedJue](https://github.com/RedJue)
 - 🐞 Fix `Modal.confirm` `locale` setting were reset. [#43277](https://github.com/ant-design/ant-design/pull/43277) [@Yuiai01](https://github.com/Yuiai01)
-- 🐞 Fix Slide description info and slider handle overlap issue. [#43780](https://github.com/ant-design/ant-design/pull/43780) [@Wxh16144](https://github.com/Wxh16144)
+- 🐞 Fix Slider description info and slider handle overlap issue. [#43780](https://github.com/ant-design/ant-design/pull/43780) [@Wxh16144](https://github.com/Wxh16144)
 - 🐞 Fix InputNumber handler style in large size. [#43875](https://github.com/ant-design/ant-design/pull/43875) [@yee94](https://github.com/yee94)
 - 🐞 Fix Select popup flip position motion not correct. [#43764](https://github.com/ant-design/ant-design/pull/43764)
-- 💄 Optimized the design of icons including CloseCircleFilled/CloseSquareFilled/CloseOutlined/CloseCircleOutlined/CloseSquareOutlined/ExportOutlined/ImportOutlined. [824500](https://github.com/ant-design/ant-design-icons/commit/824500349894a87562f033dbdc5e3c5d301a2f5c)
+- 💄 Optimized `@ant-design/icons` the design of icons including CloseCircleFilled/CloseSquareFilled/CloseOutlined/CloseCircleOutlined/CloseSquareOutlined/ExportOutlined/ImportOutlined. [824500](https://github.com/ant-design/ant-design-icons/commit/824500349894a87562f033dbdc5e3c5d301a2f5c)
 - 💄 Fix when using with other component libraries that use `@ant-design/cssinjs`, antd styles will always be inserted at the top to avoid style override issues caused by loading order. [#43847](https://github.com/ant-design/ant-design/pull/43847)
 - 💄 Optimize message and notification to not to extract style in SSR. [#43808](https://github.com/ant-design/ant-design/pull/43808)
 - ⌨️ Fix Select `aria-activedescendant` didn't conform to valid value. [#43800](https://github.com/ant-design/ant-design/pull/43800)
@@ -62,7 +74,7 @@ timeline: true
 
 - 🐞 Fix Adjust the positioning of the Tour to be centered when the `target` is `null`. [#43694](https://github.com/ant-design/ant-design/pull/43694) [@linxianxi](https://github.com/linxianxi)
 - 💄 Fix Watermark style issue in dark theme. [#43754](https://github.com/ant-design/ant-design/pull/43754)
-- 🐞 Fix Button missing part React.`ButtonHTMLAttributes` issue. [#43716](https://github.com/ant-design/ant-design/pull/43716)
+- 🐞 Fix Button missing part `React.ButtonHTMLAttributes` issue. [#43716](https://github.com/ant-design/ant-design/pull/43716)
 - 💄 Watermark use Design Token to support dark theme. [#43754](https://github.com/ant-design/ant-design/pull/43754)
 - TypeScript
   - 🤖 Button `ref` type optimization. [#43703](https://github.com/ant-design/ant-design/pull/43703) [@Negentropy247](https://github.com/Negentropy247)
@@ -96,8 +108,11 @@ timeline: true
 - 🐞 Fix Tag extra margin when there is only `icon` inside it. [#43518](https://github.com/ant-design/ant-design/pull/43518) [@Yuiai01](https://github.com/Yuiai01)
 - 🐞 Fix ColorPicker that status style is missing inside Form.Item. [#42880](https://github.com/ant-design/ant-design/pull/42880) [@RedJue](https://github.com/RedJue)
 - TypeScript
-  - 🤖 Fix `SpaceContext` don't exported correctly. [#43501](https://github.com/ant-design/ant-design/pull/43501) [@VovkaGoodwin](https://github.com/VovkaGoodwin)
-  - 🤖 Improve TS definitions for some components. [#43581](https://github.com/ant-design/ant-design/pull/43581) [#43545](https://github.com/ant-design/ant-design/pull/43545) [#43588](https://github.com/ant-design/ant-design/pull/43588) [#43610](https://github.com/ant-design/ant-design/pull/43610) [#43629](https://github.com/ant-design/ant-design/pull/43629). Thanks to [@thinkasany](https://github.com/thinkasany)、[@li-jia-nan](https://github.com/li-jia-nan) for the contributions.
+  - 🤖 Fix Space `SpaceContext` don't exported correctly. [#43501](https://github.com/ant-design/ant-design/pull/43501) [@VovkaGoodwin](https://github.com/VovkaGoodwin)
+  - 🤖 Improve AutoComplete definitions. [#43581](https://github.com/ant-design/ant-design/pull/43581) [@thinkasany](https://github.com/thinkasany)
+  - 🤖 Improve Select and List definitions. [#43545](https://github.com/ant-design/ant-design/pull/43545) [@thinkasany](https://github.com/thinkasany)
+  - 🤖 Improve Button definitions. [#43588](https://github.com/ant-design/ant-design/pull/43588) [#43629](https://github.com/ant-design/ant-design/pull/43629) [@thinkasany](https://github.com/thinkasany)
+  - 🤖 Improve Cascader, ConfigProvider, DatePicker, InputNumber, Slider and Upload definitions. [#43610](https://github.com/ant-design/ant-design/pull/43610)
 
 ## 5.7.0
 
@@ -105,29 +120,29 @@ timeline: true
 
 - 🆕 ConfigProvider now supports `className` and `style` properties for all components. Thanks to [@Yuiai01](https://github.com/Yuiai01), [@li-jia-nan](https://github.com/li-jia-nan), [@MuxinFeng](https://github.com/MuxinFeng) for their contributions.
 - 🆕 Badge now supports `classNames` and `styles` properties. [#43245](https://github.com/ant-design/ant-design/pull/43245) [@li-jia-nan](https://github.com/li-jia-nan)
-- 🆕 ColorPicker now supports new features such as `showText`, `destroyTooltipOnHide`, `onChangeComplete`, `panelRender` and `size`.
-  - [#42865](https://github.com/ant-design/ant-design/pull/42865) [@RedJue](https://github.com/RedJue)
-  - [#42645](https://github.com/ant-design/ant-design/pull/42645) [@linxianxi](https://github.com/linxianxi)
-  - [#43370](https://github.com/ant-design/ant-design/pull/43370) [@RedJue](https://github.com/RedJue)
-  - [#43134](https://github.com/ant-design/ant-design/pull/43134) [@RedJue](https://github.com/RedJue)
-  - [#43116](https://github.com/ant-design/ant-design/pull/43116) [@RedJue](https://github.com/RedJue)
+- ColorPicker
+  - 🆕 ColorPicker support `showText` prop. [#42865](https://github.com/ant-design/ant-design/pull/42865) [@RedJue](https://github.com/RedJue)
+  - 🆕 ColorPicker support `destroyTooltipOnHide` prop. [#42645](https://github.com/ant-design/ant-design/pull/42645) [@linxianxi](https://github.com/linxianxi)
+  - 🆕 ColorPicker support `onChangeComplete` prop. [#43370](https://github.com/ant-design/ant-design/pull/43370) [@RedJue](https://github.com/RedJue)
+  - 🆕 ColorPicker support `panelRender` prop. [#43134](https://github.com/ant-design/ant-design/pull/43134) [@RedJue](https://github.com/RedJue)
+  - 🆕 ColorPicker support `size` prop. [#43116](https://github.com/ant-design/ant-design/pull/43116) [@RedJue](https://github.com/RedJue)
 - 🆕 Alert, Drawer, Modal, Notifaction, Tag, Tabs now support hiding the close button by setting `closeIcon` to null or false. [#42828](https://github.com/ant-design/ant-design/discussions/42828) [@kiner-tang](https://github.com/kiner-tang)
 - 🆕 Image supports `imageRender`, `toolbarRender` attributes to support custom rendering of preview images and toolbars, also supports new props such as `onTransform`, `minScale`, `maxScale`. Image.PreviewGroup supports `items` attribute to pass in list data, and fixes that the native attributes of the img tag are not passed to preview images The problem. [#43075](https://github.com/ant-design/ant-design/pull/43075) [@linxianxi](https://github.com/linxianxi)
 - 🆕 Modify the layout style of the Image preview, the `preview` attribute supports `closeIcon`, Image.PreviewGroup supports the `fallback` attribute, and fixes the problem of loading preview resources in advance. [#43167](https://github.com/ant-design/ant-design/pull/43167) [@linxianxi](https://github.com/linxianxi)
-- 🆕 Changed the layout style, Preview now supports `closeIcon`, PreviewGroup now supports `fallback`, and fixed an issue where preview resources would be loaded at the beginning. [#43167](https://github.com/ant-design/ant-design/pull/43167) [@linxianxi](https://github.com/linxianxi)
+- 🆕 Changed Image the layout style, Preview now supports `closeIcon`, PreviewGroup now supports `fallback`, and fixed an issue where preview resources would be loaded at the beginning. [#43167](https://github.com/ant-design/ant-design/pull/43167) [@linxianxi](https://github.com/linxianxi)
 - 🛠 InputNumber was refactored to use rc-input. [#42762](https://github.com/ant-design/ant-design/pull/43000) [@MuxinFeng](https://github.com/MuxinFeng)
 - 🛠 Resolved Circular dependency issue in vite, rollup, meteor and microbundle. [#42750](https://github.com/ant-design/ant-design/pull/42750). Thanks to [@jrr997](https://github.com/jrr997), [@kiner-tang](https://github.com/kiner-tang) and [@MuxinFeng](https://github.com/MuxinFeng) for their contributions.
 - 🐞 Remove default values (empty string) of `className` prop in Anchor, CollapsePanel, and Input.Group. [#43481](https://github.com/ant-design/ant-design/pull/43481) [@thinkasany](https://github.com/thinkasany)
 - 🐞 Fix Upload progress bar missing fade motion. [#43471](https://github.com/ant-design/ant-design/pull/43471)
 - 🐞 Added warning for deprecated Token `colorItemBgSelected` in Menu. [#43461](https://github.com/ant-design/ant-design/pull/43461) [@MadCcc](https://github.com/MadCcc)
-- 🐞 Fixed an issue where some browsers had scroll bars that were not redrawn when style feature support was detected. [#43358](https://github.com/ant-design/ant-design/pull/43358) [@LeeeeeeM](https://github.com/LeeeeeeM)
+- 🐞 MISC: Fixed an issue where some browsers had scroll bars that were not redrawn when style feature support was detected. [#43358](https://github.com/ant-design/ant-design/pull/43358) [@LeeeeeeM](https://github.com/LeeeeeeM)
 - 🐞 Fixed an issue where the Tab component of Card would not be displayed at all when tabList is empty. [#43416](https://github.com/ant-design/ant-design/pull/43416) [@linxianxi](https://github.com/linxianxi)
 - 🐞 Fixed an issue where the `form.validateMessages` configuration would be lost when using ConfigProvider nestedly. [#43239](https://github.com/ant-design/ant-design/pull/43239) [@Wxh16144](https://github.com/Wxh16144)
 - 🐞 Fixed an issue where the ripple effect of Tag click would sometimes be offset from the Tag element .[#43402](https://github.com/ant-design/ant-design/pull/43402)
 - 🐞 Fixed an issue where clicking "now" in DatePicker when switching to the year-month panel would not work. [#43367](https://github.com/ant-design/ant-design/pull/43367) [@Yuiai01](https://github.com/Yuiai01)
-- 🐞 Fixed an issue where the height set for the TextArea component would become invalid when the screen size changed. [#43169](https://github.com/ant-design/ant-design/pull/43169) [@MadCcc](https://github.com/MadCcc)
+- 🐞 Fixed an issue where the height set for the Input.TextArea component would become invalid when the screen size changed. [#43169](https://github.com/ant-design/ant-design/pull/43169) [@MadCcc](https://github.com/MadCcc)
 - 💄 In Slider, the `tooltip` should be centered when there is little content. [#43430](https://github.com/ant-design/ant-design/pull/43430) [@Jomorx](https://github.com/Jomorx)
-- 💄 Added `colorLink` to the seed token, and `colorLinkHover` and `colorLinkActive` will be calculated from colorLink. [#43183](https://github.com/ant-design/ant-design/pull/43183) [@MadCcc](https://github.com/MadCcc)
+- 💄 Design Token add `colorLink` to the seed token, and `colorLinkHover` and `colorLinkActive` will be calculated from colorLink. [#43183](https://github.com/ant-design/ant-design/pull/43183) [@MadCcc](https://github.com/MadCcc)
 - 💄 Adjusted some tokens in Slider to component tokens. [#42428](https://github.com/ant-design/ant-design/pull/42428) [@heiyu4585](https://github.com/heiyu4585) RTL[#42428](https://github.com/ant-design/ant-design/pull/42428) [@heiyu4585](https://github.com/heiyu4585)
 - RTL
   - 🤖 Progress now supports animations in rtl direction. [#43316](https://github.com/ant-design/ant-design/pull/43316) [@Yuiai01](https://github.com/Yuiai01)
@@ -135,13 +150,12 @@ timeline: true
   - 🤖 Added `RawPurePanelProps` interface description for Popover. [#43453](https://github.com/ant-design/ant-design/pull/43453) [@thinkasany](https://github.com/thinkasany)
   - 🤖 Replaced `ref` type with `TooltipRef` instead of `unknown` for `Popconfirm`. [#43452](https://github.com/ant-design/ant-design/pull/43452) [@thinkasany](https://github.com/thinkasany)
   - 🤖 Replaced `ref` type with `TooltipRef` instead of `unknown` for Popover. [#43450](https://github.com/ant-design/ant-design/pull/43450) [@Negentropy247](https://github.com/Negentropy247)
-  - 🤖 Improved type declaration of `GroupSizeContext` in ButtonGroup. [#43439](https://github.com/ant-design/ant-design/pull/43439) [@thinkasany](https://github.com/thinkasany)
+  - 🤖 Improved type declaration of `GroupSizeContext` in Button.ButtonGroup. [#43439](https://github.com/ant-design/ant-design/pull/43439) [@thinkasany](https://github.com/thinkasany)
   - 🤖 Improved type declaration of `mode` property in Select. [#43413](https://github.com/ant-design/ant-design/pull/43413) [@thinkasany](https://github.com/thinkasany)
   - 🤖 Replaced `ref` type with `CheckboxRef` instead of `unknown` for Checkbox. [#43424](https://github.com/ant-design/ant-design/pull/43424) [@li-jia-nan](https://github.com/li-jia-nan)
-  - 🤖 Improved internal type implementation for Table/Tag/Notification.
-    - [#43366](https://github.com/ant-design/ant-design/pull/43366) [@li-jia-nan](https://github.com/li-jia-nan)
-    - [#43357](https://github.com/ant-design/ant-design/pull/43357) [@thinkasany](https://github.com/thinkasany)
-    - [#43351](https://github.com/ant-design/ant-design/pull/43351) [@thinkasany](https://github.com/thinkasany)
+  - 🤖 Improved Table internal type implementation. [#43366](https://github.com/ant-design/ant-design/pull/43366) [@li-jia-nan](https://github.com/li-jia-nan)
+  - 🤖 Improved Tag internal type implementation. [#43357](https://github.com/ant-design/ant-design/pull/43357) [@thinkasany](https://github.com/thinkasany)
+  - 🤖 Improved Notification internal type implementation. [#43351](https://github.com/ant-design/ant-design/pull/43351) [@thinkasany](https://github.com/thinkasany)
 
 ## 5.6.4
 
@@ -167,7 +181,7 @@ timeline: true
 `2023-06-25`
 
 - BreadCrumb
-  - 🐞 Fix BreadCrumb `dropdownProps` does not working bug. [#43151](https://github.com/ant-design/ant-design/pull/43151) [@linxianxi](https://github.com/linxianxi)
+  - 🐞 Fix Breadcrumb `dropdownProps` does not working bug. [#43151](https://github.com/ant-design/ant-design/pull/43151) [@linxianxi](https://github.com/linxianxi)
   - 🛠 Improve BreadCrumb behavior when receiving a null title. [#43099](https://github.com/ant-design/ant-design/pull/43099) [@Asanio06](https://github.com/Asanio06)
 - 🐞 Fix Slider disabled state within Form. [#43142](https://github.com/ant-design/ant-design/pull/43142) [@Starpuccino](https://github.com/Starpuccino)
 - 🐞 Fix Form that label offset does not work in vertical mode. [#43155](https://github.com/ant-design/ant-design/pull/43155) [@kiner-tang](https://github.com/kiner-tang)
@@ -189,7 +203,7 @@ timeline: true
 - 🐞 Fix InputNumber with `prefix` abnormal height under Form.Item of `hasFeedBack`. [#43049](https://github.com/ant-design/ant-design/pull/43049)
 - 💄 Fix Input and InputNumber disabled style with addons. [#42974](https://github.com/ant-design/ant-design/pull/42974) [@kampiu](https://github.com/kampiu)
 - 🐞 Fix Upload trigger extra `onChange` event when upload the file exceeds `maxCount`. [#43034](https://github.com/ant-design/ant-design/pull/43034)
-- 🐞 Fix export bundle size always contain `rc-field-form` even not use it. [#43023](https://github.com/ant-design/ant-design/pull/43023)
+- 🐞 Fix export bundle size always contain `rc-field-form` even not use Form. [#43023](https://github.com/ant-design/ant-design/pull/43023)
 - 🐞 Fix DatePicker `disabledTime` sometime can select disabled option. [#42991](https://github.com/ant-design/ant-design/pull/42991) [@linxianxi](https://github.com/linxianxi)
 - 📖 Add FloatButton controlled demo and patch related warning info. [#42835](https://github.com/ant-design/ant-design/pull/42835) [@poyiding](https://github.com/poyiding)
 - 🐞 Fix Button with `disabled` still can interactive with sub component. [#42949](https://github.com/ant-design/ant-design/pull/42949) [@kiner-tang](https://github.com/kiner-tang)
@@ -288,11 +302,11 @@ timeline: true
 - 🐞 Fix InputNumber cannot align well by baseline. [#42580](https://github.com/ant-design/ant-design/pull/42580)
 - 🐞 Fix spinning icon animation in Badge. [#42575](https://github.com/ant-design/ant-design/pull/42575) [@MadCcc](https://github.com/MadCcc)
 - 📦 Optimize Form `setFieldsValue` logic to reduce bundle size. [#42635](https://github.com/ant-design/ant-design/pull/42635)
-- 💄 Optimize ImagePreviewGroup style. [#42675](https://github.com/ant-design/ant-design/pull/42675) [@kiner-tang](https://github.com/kiner-tang)
+- 💄 Optimize Image.ImagePreviewGroup style. [#42675](https://github.com/ant-design/ant-design/pull/42675) [@kiner-tang](https://github.com/kiner-tang)
 - 💄 Fix Tag borderless style with `error` and other status. [#42619](https://github.com/ant-design/ant-design/pull/42619) [@li-jia-nan](https://github.com/li-jia-nan)
 - 💄 Fix Table `rowSpan` hover highlight style missing. [#42572](https://github.com/ant-design/ant-design/pull/42572)
 - 💄 Fix Pagination's link icon and ellipsis hover style when disabled. [#42541](https://github.com/ant-design/ant-design/pull/42541) [@qmhc](https://github.com/qmhc)
-- 💄 Fix that global token should be able to override component style. [#42535](https://github.com/ant-design/ant-design/pull/42535) [@MadCcc](https://github.com/MadCcc)
+- 💄 Fix Design Token that global token should be able to override component style. [#42535](https://github.com/ant-design/ant-design/pull/42535) [@MadCcc](https://github.com/MadCcc)
 - 🇱🇹 Add missing i18n for `lt_LT` locale. [#42664](https://github.com/ant-design/ant-design/pull/42664) [@Digital-512](https://github.com/Digital-512)
 - RTL
   - 💄 Fix ColorPicker style in RTL mode. [#42716](https://github.com/ant-design/ant-design/pull/42716) [@RedJue](https://github.com/RedJue)
@@ -382,8 +396,8 @@ timeline: true
 - 🐞 Fix responsive Col don't support `flex` prop in `colSize`. [#41962](https://github.com/ant-design/ant-design/pull/41962) [@AlexisSniffer](https://github.com/AlexisSniffer)
 - 🐞 Fix Carousel `goTo` is ignored if animation is in progress. [#41969](https://github.com/ant-design/ant-design/pull/41969) [@guan404ming](https://github.com/guan404ming)
 - Form
-  - 🐞 Resolve issue about the feedback icon was not reset after a reset event had been triggered. [#41976](https://github.com/ant-design/ant-design/pull/41976)
-  - 🐞 Fixed inaccurate data collected by onValuesChange. [#41976](https://github.com/ant-design/ant-design/pull/41976)
+  - 🐞 Resolve Form issue about the feedback icon was not reset after a reset event had been triggered. [#41976](https://github.com/ant-design/ant-design/pull/41976)
+  - 🐞 Fixed Form inaccurate data collected by onValuesChange. [#41976](https://github.com/ant-design/ant-design/pull/41976)
 - TypeScript
   - 🤖 Fix Menu OverrideContext type missing warning. [#41907](https://github.com/ant-design/ant-design/pull/41907)
   - 🤖 Fix TreeSelect missing `aria-*` definition. [#41978](https://github.com/ant-design/ant-design/pull/41978) [@guan404ming](https://github.com/guan404ming)
@@ -397,21 +411,21 @@ timeline: true
 - Tree
   - 🐞 Fix Checkbox that title do not align. [#41920](https://github.com/ant-design/ant-design/pull/41920) [@Yuiai01](https://github.com/Yuiai01)
   - 🐞 Fix InputNumber that style was override by browser. [#41940](https://github.com/ant-design/ant-design/pull/41940) [@Wxh16144](https://github.com/Wxh16144)
-- 🛠 Reduce bundle size by upgrading `rc-switch`. [#41954](https://github.com/ant-design/ant-design/pull/41954)
+- 🛠 Reduce Switch bundle size by upgrading `rc-switch`. [#41954](https://github.com/ant-design/ant-design/pull/41954)
 
 ## 5.4.4
 
 `2023-04-20`
 
 - 💄 Fix Message hooks icon style not follow dynamic theme token. [#41899](https://github.com/ant-design/ant-design/pull/41899)
-- 🐞 Fix that cssinjs may crash if CSS value is `undefined`. [#41896](https://github.com/ant-design/ant-design/pull/41896)
+- 🐞 Fix `@ant-design/cssinjs` that cssinjs may crash if CSS value is `undefined`. [#41896](https://github.com/ant-design/ant-design/pull/41896)
 
 ## 5.4.3
 
 `2023-04-19`
 
 - 🐞 Fix FloatButton throws warning `findDOMNode is deprecated in StrictMode`. [#41833](https://github.com/ant-design/ant-design/pull/41833) [@fourcels](https://github.com/fourcels)
-- 🐞 Arrow element support more old browsers which do not support `clip-path: path()`. [#41872](https://github.com/ant-design/ant-design/pull/41872)
+- 🐞 MISC: Arrow element support more old browsers which do not support `clip-path: path()`. [#41872](https://github.com/ant-design/ant-design/pull/41872)
 - 🐞 Fix Layout.Sider transition issue when switch theme. [#41828](https://github.com/ant-design/ant-design/pull/41828)
 - 🐞 Fix the problem that when the type of Tour is primary, the color of the arrow is still white. [#41761](https://github.com/ant-design/ant-design/pull/41761)
 - 🐞 Optimize Form field binding, now will ignore comments in Form.Item as subcomponents. [#41771](https://github.com/ant-design/ant-design/pull/41771)
@@ -434,7 +448,7 @@ timeline: true
 
 `2023-04-11`
 
-- 💄 Optimize Select-like component popup logic. Now always try to display it in the visible area first to reduce the user's extra scrolling cost. [#41619](https://github.com/ant-design/ant-design/pull/41619)
+- 💄 Optimize Select-like component popup logic (e.g. Select, TreeSelect, Cascader). Now always try to display it in the visible area first to reduce the user's extra scrolling cost. [#41619](https://github.com/ant-design/ant-design/pull/41619)
 - 💄 Remove fixed height in Badge.Ribbon. [#41661](https://github.com/ant-design/ant-design/pull/41661) [@MuxinFeng](https://github.com/MuxinFeng)
 - 🐞 Fix Select width becomes 0px when search after select something. [#41722](https://github.com/ant-design/ant-design/pull/41722)
 - 🐞 Fix Empty style in small width container. [#41727](https://github.com/ant-design/ant-design/pull/41727)
@@ -524,7 +538,7 @@ timeline: true
   - 💄 Fix Input.TextArea RTL style when enable `showCount`. [#41319](https://github.com/ant-design/ant-design/pull/41319) [@ds1371dani](https://github.com/ds1371dani)
 - TypeScript
   - 🤖 Export `CountdownProps` for Statistic. [#41341](https://github.com/ant-design/ant-design/pull/41341) [@li-jia-nan](https://github.com/li-jia-nan)
-  - 🤖 Improve most alias token meta info. [#41297](https://github.com/ant-design/ant-design/pull/41297) [@arvinxx](https://github.com/arvinxx)
+  - 🤖 Improve Design Token most alias token meta info. [#41297](https://github.com/ant-design/ant-design/pull/41297) [@arvinxx](https://github.com/arvinxx)
   - 🤖 Improve Badge `React.forwardRef` type definition. [#41189](https://github.com/ant-design/ant-design/pull/41189) [@li-jia-nan](https://github.com/li-jia-nan)
 
 ## 5.3.1
@@ -564,11 +578,11 @@ timeline: true
 - 💄 Message use `colorText` in style. [#41047](https://github.com/ant-design/ant-design/pull/41047) [@Yuiai01](https://github.com/Yuiai01)
 - 💄 Fix Select, TreeSelect, Cascader popup align position not correct when parent has `transform: scale` style. [#41013](https://github.com/ant-design/ant-design/pull/41013)
 - 💄 Optimize `rowScope` style for Table. [#40304](https://github.com/ant-design/ant-design/pull/40304) [@Yuiai01](https://github.com/Yuiai01)
-- 💄 Provide new AliasToken `lineWidthFocus` for `outline-width` of focused component. [#40840](https://github.com/ant-design/ant-design/pull/40840)
-- 💄 WeekPicker support hover style. [#40772](https://github.com/ant-design/ant-design/pull/40772)
+- 💄 Provide Design Token new AliasToken `lineWidthFocus` for `outline-width` of focused component. [#40840](https://github.com/ant-design/ant-design/pull/40840)
+- 💄 DatePicker.WeekPicker support hover style. [#40772](https://github.com/ant-design/ant-design/pull/40772)
 - 💄 Adjust Select, TreeSelect, Cascader always show the `arrow` by default when multiple. [#41028](https://github.com/ant-design/ant-design/pull/41028)
 - 🐞 Fix Form `Form.Item.useStatus` problem with sever-side-rendering. [#40977](https://github.com/ant-design/ant-design/pull/40977) [@AndyBoat](https://github.com/AndyBoat)
-- 🐞 Fix arrow shape in some components. [#40971](https://github.com/ant-design/ant-design/pull/40971)
+- 🐞 MISC: Fix arrow shape in some components. [#40971](https://github.com/ant-design/ant-design/pull/40971)
 - 🐞 Fix Layout throw `React does not recognize the `suffixCls` prop on a DOM element` warning. [#40969](https://github.com/ant-design/ant-design/pull/40969)
 - 🐞 Fix Watermark that text will be displayed when the picture loads abnormally. [#40770](https://github.com/ant-design/ant-design/pull/40770) [@OriginRing](https://github.com/OriginRing)
 - 🐞 Image support flip function in preview mode. Fix Image `fallback` when used in ssr. [#40660](https://github.com/ant-design/ant-design/pull/40660)
@@ -592,9 +606,9 @@ timeline: true
 - 🛠 Refactored: replaced the LocaleReceiver component with `useLocale` and removed the LocaleReceiver component. [#40870](https://github.com/ant-design/ant-design/pull/40870) [@li-jia-nan](https://github.com/li-jia-nan)
 - 🐞 Fixed `getPopupContainer` property injected by ConfigProvider did not work. [#40871](https://github.com/ant-design/ant-design/pull/40871) [@RedJue](https://github.com/RedJue)
 - 🐞 Fixed where Descriptions did not accept `data-_` and `aria-_` attributes. [#40859](https://github.com/ant-design/ant-design/pull/40859) [@goveo](https://github.com/goveo)
-- 🛠 Changed the Separator's DOM element from `span` to `li`. [#40867](https://github.com/ant-design/ant-design/pull/40867) [@heiyu4585](https://github.com/heiyu4585)
+- 🛠 Changed the Breadcrumb Separator's DOM element from `span` to `li`. [#40867](https://github.com/ant-design/ant-design/pull/40867) [@heiyu4585](https://github.com/heiyu4585)
 - 🐞 Fix token of `Layout.colorBgHeader` not work when single use Layout.Header directly. [#40933](https://github.com/ant-design/ant-design/pull/40933)
-- 💄 Changed the component's focus `outline` to the default `4px`.[#40839](https://github.com/ant-design/ant-design/pull/40839)
+- 💄 Changed Design Token the component's focus `outline` to the default `4px`.[#40839](https://github.com/ant-design/ant-design/pull/40839)
 - 🐞 Fixed the Badge color was displayed abnormally. [#40848](https://github.com/ant-design/ant-design/pull/40848) [@kiner-tang](https://github.com/kiner-tang)
 - 🐞 Fixed an issue with the Timeline item's `className`. [#40835](https://github.com/ant-design/ant-design/pull/40835) [@Yuiai01](https://github.com/Yuiai01)
 - 💄 Fixed the interaction style of the Rate component in the disabled state.[#40836](https://github.com/ant-design/ant-design/pull/40836) [@Yuiai01](https://github.com/Yuiai01)
@@ -606,7 +620,7 @@ timeline: true
 
 - DatePicker
   - 💄 Optimize DatePicker date panel style. [#40768](https://github.com/ant-design/ant-design/pull/40768)
-  - 🐞 Fix RangePicker hover style on wrong date. [#40785](https://github.com/ant-design/ant-design/pull/40785) [@Yuiai01](https://github.com/Yuiai01)
+  - 🐞 Fix DatePicker.RangePicker hover style on wrong date. [#40785](https://github.com/ant-design/ant-design/pull/40785) [@Yuiai01](https://github.com/Yuiai01)
 - Form
   - 🐞 Fixed inconsistency between Checkbox and Radio in table when Form is `disabled`. [#40728](https://github.com/ant-design/ant-design/pull/40728) [@Yuiai01](https://github.com/Yuiai01)
   - 🐞 Fix Radio/Checkbox under Form `disabled` property don't works correctly. [#40741](https://github.com/ant-design/ant-design/pull/40741) [@Yuiai01](https://github.com/Yuiai01)
@@ -625,10 +639,10 @@ timeline: true
 `2023-02-13`
 
 - 🛠 Rewrite `panelRender` in Tour to function component. [#40670](https://github.com/ant-design/ant-design/pull/40670) [@li-jia-nan](https://github.com/li-jia-nan)
-- 🐞 Fix `className` property wrongly passed to child nodes in TimeLine. [#40700](https://github.com/ant-design/ant-design/pull/40700) [@any1024](https://github.com/any1024)
+- 🐞 Fix Timeline `className` property wrongly passed to child nodes. [#40700](https://github.com/ant-design/ant-design/pull/40700) [@any1024](https://github.com/any1024)
 - 🐞 Fix Slider dot to trigger click and hover correctly. [#40679](https://github.com/ant-design/ant-design/pull/40679) [@LongHaoo](https://github.com/LongHaoo)
 - 🐞 Fix Tour that should support `0` as element. [#40631](https://github.com/ant-design/ant-design/pull/40631) [@li-jia-nan](https://github.com/li-jia-nan)
-- 💄 Fix DataPicker.RangePicker hover range style. [#40607](https://github.com/ant-design/ant-design/pull/40607) [@Yuiai01](https://github.com/Yuiai01)
+- 💄 Fix DatePicker.RangePicker hover range style. [#40607](https://github.com/ant-design/ant-design/pull/40607) [@Yuiai01](https://github.com/Yuiai01)
 - 💄 Optimize Steps custom `icon` size. [#40672](https://github.com/ant-design/ant-design/pull/40672)
 - TypeScript
   - 🤖 Update Upload to support generic types. [#40634](https://github.com/ant-design/ant-design/pull/40634) [@riyadelberkawy](https://github.com/riyadelberkawy)
@@ -642,7 +656,7 @@ timeline: true
 - 🔥 Add `picture-circle` to Upload's `listType` prop. [#40134](https://github.com/ant-design/ant-design/pull/40134) [@ds1371dani](https://github.com/ds1371dani)
 - 🔥 Anchor component add `direction`, which supports vertical. [#39372](https://github.com/ant-design/ant-design/pull/39372) [@foryuki](https://github.com/foryuki)
 - 🆕 Tooltip support `arrow` to change arrow's visible state and whether the arrow is pointed at the center of target. [#40234](https://github.com/ant-design/ant-design/pull/40234) [@kiner-tang](https://github.com/kiner-tang)
-- 🆕 Added list pagination `align` option. [#39858](https://github.com/ant-design/ant-design/pull/39858) [@Yuiai01](https://github.com/Yuiai01)
+- 🆕 Added List pagination `align` option. [#39858](https://github.com/ant-design/ant-design/pull/39858) [@Yuiai01](https://github.com/Yuiai01)
 - 🆕 Timeline added `items` to support option configuration. [#40424](https://github.com/ant-design/ant-design/pull/40424)
 - Collapse
   - 🆕 Collapse supports setting `size`. [#40286](https://github.com/ant-design/ant-design/pull/40286) [@Yuiai01](https://github.com/Yuiai01)
@@ -658,18 +672,18 @@ timeline: true
   - 🆕 Tour added `indicatorsRender` to support custom indicators. [#40613](https://github.com/ant-design/ant-design/pull/40613)
   - 🆕 Tour support `scrollIntoViewOptions` to change scrollIntoView options. [#39980](https://github.com/ant-design/ant-design/pull/39980) [@kiner-tang](https://github.com/kiner-tang)
   - 🆕 Tour masks support passing custom styles and fill colors. [#39919](https://github.com/ant-design/ant-design/pull/39919) [@kiner-tang](https://github.com/kiner-tang)
-  - 🐞 Fixed `findDomNode` method warning thrown by the tour component when called in strict mode. [#40160](https://github.com/ant-design/ant-design/pull/40160) [@kiner-tang](https://github.com/kiner-tang)
-  - 💄 Deleted margin of the last indicator. [#40624](https://github.com/ant-design/ant-design/pull/40624)
+  - 🐞 Fixed Tour thrown `findDomNode` warning when called in strict mode. [#40160](https://github.com/ant-design/ant-design/pull/40160) [@kiner-tang](https://github.com/kiner-tang)
+  - 💄 Deleted Tour margin of the last indicator. [#40624](https://github.com/ant-design/ant-design/pull/40624)
 - 🆕 Adds Design token `fontFamilyCode` and apply to Typography `code` `kbd` `pre` elements. [#39823](https://github.com/ant-design/ant-design/pull/39823)
 - 🆕 ConfigProvider add Form `scrollToFirstError`. [#39509](https://github.com/ant-design/ant-design/pull/39509) [@linxianxi](https://github.com/linxianxi)
-- 🐞 Fill rest `rootClassName` for all components. [#40217](https://github.com/ant-design/ant-design/pull/40217)
+- 🆕 Global: Fill rest `rootClassName` for all components. [#40217](https://github.com/ant-design/ant-design/pull/40217)
 - 🐞 Fix Empty descriptions text color in default theme and dark theme. [#40584](https://github.com/ant-design/ant-design/pull/40584) [@MuxinFeng](https://github.com/MuxinFeng)
 - Table
   - 🐞 Fix `aria-label` and `role="presentation"` cannot be used together in Table row. [#40413](https://github.com/ant-design/ant-design/pull/40413) [@Ke1sy](https://github.com/Ke1sy)
-  - 🐞 Fix uncontrolled `filtered` update not working. [#39883](https://github.com/ant-design/ant-design/pull/39883)
-  - 🐞 Fix the problem that the header filter is invalid in the case of group headers. [#40463](https://github.com/ant-design/ant-design/pull/40463) [@roman40a](https://github.com/roman40a)
-  - 🐞 Fix selection column cover by other cell when fixed. [#39940](https://github.com/ant-design/ant-design/pull/39940) [@kiner-tang](https://github.com/kiner-tang)
-  - 🐞 Fix Sorted/Filtered table fixed column transparent background unreadable. [#39012](https://github.com/ant-design/ant-design/pull/39012) [@kiner-tang](https://github.com/kiner-tang)
+  - 🐞 Fix Table uncontrolled `filtered` update not working. [#39883](https://github.com/ant-design/ant-design/pull/39883)
+  - 🐞 Fix Table header filter is invalid in the case of group headers. [#40463](https://github.com/ant-design/ant-design/pull/40463) [@roman40a](https://github.com/roman40a)
+  - 🐞 Fix Table selection column cover by other cell when fixed. [#39940](https://github.com/ant-design/ant-design/pull/39940) [@kiner-tang](https://github.com/kiner-tang)
+  - 🐞 Fix Table Sorted/Filtered fixed column transparent background unreadable. [#39012](https://github.com/ant-design/ant-design/pull/39012) [@kiner-tang](https://github.com/kiner-tang)
   - 💄 Optimize Table hover style to fix problems with border. [#40469](https://github.com/ant-design/ant-design/pull/40469)
 - DatePicker
   - 🐞 Fix DatePicker that have status style when disabled. [#40608](https://github.com/ant-design/ant-design/pull/40608)
@@ -688,10 +702,10 @@ timeline: true
 - 💄 Fix Select placeholder style issue. [#40477](https://github.com/ant-design/ant-design/pull/40477) [@Wxh16144](https://github.com/Wxh16144)
 - 💄 Adjust Descriptions label style for more readable. [#40085](https://github.com/ant-design/ant-design/pull/40085)
 - 💄 Optimize QRCode expiration display style. [#39849](https://github.com/ant-design/ant-design/pull/39849)
-- 💄 Optimize `boxShadow` tokens. [#40516](https://github.com/ant-design/ant-design/pull/40516)
+- 💄 Optimize Design Token `boxShadow` tokens. [#40516](https://github.com/ant-design/ant-design/pull/40516)
 - TypeScript
   - 🤖 Optimize Badge Tag Tooltip `color` type definition. [#39871](https://github.com/ant-design/ant-design/pull/39871)
-  - 🤖 Add `Breakpoint` `ThmeConfig` `GlobalToken` type export. [#40508](https://github.com/ant-design/ant-design/pull/40508) [@Kamahl19](https://github.com/Kamahl19)
+  - 🤖 MISC: Add `Breakpoint` `ThmeConfig` `GlobalToken` type export. [#40508](https://github.com/ant-design/ant-design/pull/40508) [@Kamahl19](https://github.com/Kamahl19)
   - 🤖 Update Upload `fileList` type. [#40585](https://github.com/ant-design/ant-design/pull/40585)
   - 🤖 Remove Tour ForwardRefRenderFunction. [#39924](https://github.com/ant-design/ant-design/pull/39924)
 - 🌐 Localization
@@ -724,14 +738,14 @@ timeline: true
 - Menu
   - 🐞 Fix Tooltip incorrectly shown when Menu collapsed. [#40328](https://github.com/ant-design/ant-design/pull/40328)
   - 🐞 Fix Menu split line style error. [#40268](https://github.com/ant-design/ant-design/pull/40268) [@Wxh16144](https://github.com/Wxh16144)
-- 🐞 Fix the console warning of wave effect when bind component unmount before wave effect trigger. [#40307](https://github.com/ant-design/ant-design/pull/40307) [@luo3house](https://github.com/luo3house)
+- 🐞 Fix the console warning of Wave effect when bind component unmount before wave effect trigger. [#40307](https://github.com/ant-design/ant-design/pull/40307) [@luo3house](https://github.com/luo3house)
 - 🐞 Fix Breadcrumb throw wrong overlay deprecation warning when use `menu` prop. [#40211](https://github.com/ant-design/ant-design/pull/40211) [@candy4290](https://github.com/candy4290)
 - 🐞 Fix Modal.useModal hooks `destroyAll` not work as expect. [#40281](https://github.com/ant-design/ant-design/pull/40281) [@ds1371dani](https://github.com/ds1371dani)
 - 🐞 Fix `message` global static method `config` setting `duration` not working. [#40232](https://github.com/ant-design/ant-design/pull/40232) [@Yuiai01](https://github.com/Yuiai01)
 - 🐞 Fix Button text color when containing an `a` tag. [#40269](https://github.com/ant-design/ant-design/pull/40269) [@ds1371dani](https://github.com/ds1371dani)
 - 🐞 Fix Radio displaying wrong text color and cursor when `disabled`. [#40273](https://github.com/ant-design/ant-design/pull/40273) [@ds1371dani](https://github.com/ds1371dani)
-- 💄 Optimize the calculation logic of focus `outline`, replace `lineWidth` with `lineWidthBold`. [#40291](https://github.com/ant-design/ant-design/pull/40291) [@simonpfish](https://github.com/simonpfish)
-- 💄 Rewrite part component style to compatible the browser that not support concat `:not` selector. [#40264](https://github.com/ant-design/ant-design/pull/40264)
+- 💄 Optimize Design Token calculation logic of focus `outline`, replace `lineWidth` with `lineWidthBold`. [#40291](https://github.com/ant-design/ant-design/pull/40291) [@simonpfish](https://github.com/simonpfish)
+- 💄 MISC: Rewrite part component style to compatible the browser that not support concat `:not` selector. [#40264](https://github.com/ant-design/ant-design/pull/40264)
 - 🌐 Fix missing translation for `pt_BR`. [#40270](https://github.com/ant-design/ant-design/pull/40270) [@rafaelncarvalho](https://github.com/rafaelncarvalho)
 
 ## 5.1.5
@@ -757,7 +771,7 @@ timeline: true
 
 - 🐞 Fix missing locale file. [#40116](https://github.com/ant-design/ant-design/pull/40116)
 - 🐞 Fix Cascader dropdown `placement` in RTL mode. [#40109](https://github.com/ant-design/ant-design/pull/40109) [@3hson](https://github.com/3hson)
-- 🐞 Fix animation flicking in some components. [react-component/motion#39](https://github.com/react-component/motion/pull/39)
+- 🐞 Fix `rc-motion` animation flicking in some components. [react-component/motion#39](https://github.com/react-component/motion/pull/39)
 
 ## 5.1.3
 
@@ -779,16 +793,16 @@ timeline: true
 - 🐞 Fix Alert.ErrorBoundary description overflow bug. [#40033](https://github.com/ant-design/ant-design/pull/40033)
 - 💄 Fix Tag onClick as undefined, click the mouse to display the border style. [#40023](https://github.com/ant-design/ant-design/pull/40023) [@crazyair](https://github.com/crazyair)
 - 💄 Fix Avatar.Group item margin when item is wrapped by other elements. [#39993](https://github.com/ant-design/ant-design/pull/39993)
-- 🐞 Fix Submenu arrow transition. [#39945](https://github.com/ant-design/ant-design/pull/39945) [@JarvisArt](https://github.com/JarvisArt)
-- 🐞 Fix selection column cover by other cell when fixed. [#39940](https://github.com/ant-design/ant-design/pull/39940) [@kiner-tang](https://github.com/kiner-tang)
+- 🐞 Fix Menu.Submenu arrow transition. [#39945](https://github.com/ant-design/ant-design/pull/39945) [@JarvisArt](https://github.com/JarvisArt)
+- 🐞 Fix Table selection column cover by other cell when fixed. [#39940](https://github.com/ant-design/ant-design/pull/39940) [@kiner-tang](https://github.com/kiner-tang)
 - 🌐 Add missing ta_IN translations. [#39936](https://github.com/ant-design/ant-design/pull/39936) [@KIRUBASHANKAR26](https://github.com/KIRUBASHANKAR26)
 
 ## 5.1.2
 
 `2022-12-30`
 
-- 🆕 Theme Editor supports uploading themes. [#39621](https://github.com/ant-design/ant-design/pull/39621) [@BoyYangzai](https://github.com/BoyYangzai)
-- 💄 Refactor wave effect that can now trigger multiple times. [#39705](https://github.com/ant-design/ant-design/pull/39705) [@li-jia-nan](https://github.com/li-jia-nan)
+- 📖 Theme Editor supports uploading themes. [#39621](https://github.com/ant-design/ant-design/pull/39621) [@BoyYangzai](https://github.com/BoyYangzai)
+- 💄 Refactor Wave effect that can now trigger multiple times. [#39705](https://github.com/ant-design/ant-design/pull/39705) [@li-jia-nan](https://github.com/li-jia-nan)
 - Table
   - 🐞 Fix Table `column.filtered` cannot be updated. [#39883](https://github.com/ant-design/ant-design/pull/39883)
   - 🐞 Fix Table fixed column which is sorted or filtered transparent background bug. [#39012](https://github.com/ant-design/ant-design/pull/39012) [@kiner-tang](https://github.com/kiner-tang)
@@ -808,7 +822,7 @@ timeline: true
 
 - 📦 Remove IE and other legacy browsers from browserslist to reduce bundle size.[#38779](https://github.com/ant-design/ant-design/pull/38779)
 - ⚡️ Improve Transfer performance when selecting and moving nodes with large data.[#39465](https://github.com/ant-design/ant-design/pull/39465) [@wqs576222103](https://github.com/wqs576222103)
-- 🐞 Fix wrong `font-family` of components. [#39806](https://github.com/ant-design/ant-design/pull/39806)
+- 🐞 Fix Design Token wrong `font-family` of components. [#39806](https://github.com/ant-design/ant-design/pull/39806)
 - 🐞 Fix Drawer default props not working when `placement` `open` `width` are `undefined`. [#39782](https://github.com/ant-design/ant-design/pull/39782)
 - 🐞 Fix Menu icon animation when collapse it. [#39800](https://github.com/ant-design/ant-design/pull/39800) [@JarvisArt](https://github.com/JarvisArt)
 - 🐞 Fix Image preview operation bar is covered during the animation. [#39788](https://github.com/ant-design/ant-design/pull/39788) [@JarvisArt](https://github.com/JarvisArt)
@@ -843,7 +857,7 @@ timeline: true
 - 🆕 Modal.confirm support `footer` prop. [#39048](https://github.com/ant-design/ant-design/pull/39048) [@owjs3901](https://github.com/owjs3901)
 - 🆕 Table support `rowScope` to set the column range. [#39571](https://github.com/ant-design/ant-design/pull/39571)
 - 🆕 Anchor support `items` data configuration option content, which supports nesting through children. [#39034](https://github.com/ant-design/ant-design/pull/39034) [@foryuki](https://github.com/foryuki)
-- 🆕 Breakpoints can now follow theme token config. [#39105](https://github.com/ant-design/ant-design/pull/39105) [@azro352](https://github.com/azro352)
+- 🆕 Grid breakpoints can now follow theme token config. [#39105](https://github.com/ant-design/ant-design/pull/39105) [@azro352](https://github.com/azro352)
 - 🆕 Tour prevButtonProps nextButtonProps support `style` `classname` prop. [#38939](https://github.com/ant-design/ant-design/pull/38939) [@ONLY-yours](https://github.com/ONLY-yours)
 - 🆕 ConfigProvider support config `select.showSearch`. [#39531](https://github.com/ant-design/ant-design/pull/39531) [@YinDongFang](https://github.com/YinDongFang)
 - 🐞 Fix Tabs `inkBar` not show in StrictMode. [#39653](https://github.com/ant-design/ant-design/pull/39653)
@@ -857,13 +871,13 @@ timeline: true
 - 🐞 Fix Drawer unexpected warning about `DefaultProps`. [#39562](https://github.com/ant-design/ant-design/pull/39562)
 - Menu
   - 🐞 Fix Menu.Submenu will flicker when use `createRoot` to render. [#38855](https://github.com/ant-design/ant-design/pull/38855) [@JarvisArt](https://github.com/JarvisArt)
-  - 🛠 Refactor MenuItem to Function Component. [#38751](https://github.com/ant-design/ant-design/pull/38751)
+  - 🛠 Refactor Menu.MenuItem to Function Component. [#38751](https://github.com/ant-design/ant-design/pull/38751)
   - 💄 Optimize Menu item style when selected. [#39439](https://github.com/ant-design/ant-design/pull/39439)
 - 🛠 LocaleProvider has been deprecated in 4.x (use `<ConfigProvider locale />` instead), we removed the related folder antd/es/locale-provider and antd/lib/locale-provider in 5.x. [#39373](https://github.com/ant-design/ant-design/pull/39373)
 - 🛠 Simplified lodash method introduction. [#39599](https://github.com/ant-design/ant-design/pull/39599) [#39602](https://github.com/ant-design/ant-design/pull/39602)
 - TypeScript
   - 🤖 Optimize Button DropDown Modal Popconfirm Select Transfer mouse event type definition. [#39533](https://github.com/ant-design/ant-design/pull/39533)
-  - 🤖 New export type `FloatButtonGroupProps`. [#39553](https://github.com/ant-design/ant-design/pull/39553)
+  - 🤖 New export FloatButton type `FloatButtonGroupProps`. [#39553](https://github.com/ant-design/ant-design/pull/39553)
 - 🌐 Localization
   - 🇧🇪 Add `fr_BE` locale. [#39415](https://github.com/ant-design/ant-design/pull/39415) [@azro352](https://github.com/azro352)
   - 🇨🇦 Add `fr_CA` locale. [#39416](https://github.com/ant-design/ant-design/pull/39416) [@azro352](https://github.com/azro352)
@@ -905,7 +919,7 @@ timeline: true
 - 💄 Fix Select search input with white space style issue. [#39299](https://github.com/ant-design/ant-design/pull/39299)
 - 💄 Fix Tree missing selection style. [#39292](https://github.com/ant-design/ant-design/pull/39292)
 - 🐞 Fix FloatButton content not align when customize size. [#39282](https://github.com/ant-design/ant-design/pull/39282) [@li-jia-nan](https://github.com/li-jia-nan)
-- 🐞 Fix RangePicker cell hover style. [#39266](https://github.com/ant-design/ant-design/pull/39266)
+- 🐞 Fix DatePicker.RangePicker cell hover style. [#39266](https://github.com/ant-design/ant-design/pull/39266)
 - 💄 Optimize Button style under Space.Compact. [#39241](https://github.com/ant-design/ant-design/pull/39241) [@foryuki](https://github.com/foryuki)
 - 🌐 Fix `vi_VN` i18n mistake. [#39279](https://github.com/ant-design/ant-design/pull/39279) [@nghiepdev](https://github.com/nghiepdev)
 - 🌐 Fix `he_IL` i18n mistake. [#39280](https://github.com/ant-design/ant-design/pull/39280) [@Ran-Sagy](https://github.com/Ran-Sagy)
@@ -921,11 +935,11 @@ timeline: true
   - 🐞 Fix Modal.info content width when without icon. [#39047](https://github.com/ant-design/ant-design/pull/39047) [@owjs3901](https://github.com/owjs3901)
 - 🐞 Fix Tree config `checkable` and `blockNode` not makes `title` stretch issue. [#39209](https://github.com/ant-design/ant-design/pull/39209) [@Wxh16144](https://github.com/Wxh16144)
 - 🐞 Fix Dropdown sub menu missing motion. [#39235](https://github.com/ant-design/ant-design/pull/39235)
-- 💄 Fix RangePicker time panel padding style. [#39228](https://github.com/ant-design/ant-design/pull/39228)
+- 💄 Fix DatePicker.RangePicker time panel padding style. [#39228](https://github.com/ant-design/ant-design/pull/39228)
 - 🐞 Fix Card action button round style. [#39210](https://github.com/ant-design/ant-design/pull/39210) [@MuxinFeng](https://github.com/MuxinFeng)
 - 🐞 Fix Badge wave effect color not follow `color`. [#39182](https://github.com/ant-design/ant-design/pull/39182) [@li-jia-nan](https://github.com/li-jia-nan)
 - 🐞 Fix Radio disabled status check style. [#39165](https://github.com/ant-design/ant-design/pull/39165) [@Wxh16144](https://github.com/Wxh16144)
-- 🐞 Fixed TextArea count style when `resize` is not `none`. [#39121](https://github.com/ant-design/ant-design/pull/39121) [@51wangping](https://github.com/51wangping)
+- 🐞 Fixed Input.TextArea count style when `resize` is not `none`. [#39121](https://github.com/ant-design/ant-design/pull/39121) [@51wangping](https://github.com/51wangping)
 - 🐞 Fix Transfer clicking the checkbox position cannot be unchecked and onSelectChange is triggered twice. [#39078](https://github.com/ant-design/ant-design/pull/39078) [@edc-hui](https://github.com/edc-hui)
 - 🐞 Fix Steps set `size="small"` with progress not fully display. [#39100](https://github.com/ant-design/ant-design/pull/39100) [@Wxh16144](https://github.com/Wxh16144)
 - 🐞 Fix Form horizontal layout with `xs` responsive config not work. [#39130](https://github.com/ant-design/ant-design/pull/39130)
@@ -942,7 +956,7 @@ timeline: true
   - 🐞 Fix Menu.Item hover area when trigger active color change. [#39077](https://github.com/ant-design/ant-design/pull/39077) [@Pulset](https://github.com/Pulset)
 - 🐞 Fix Input.TextArea resize behavior by adding reset style. [aa92f02](https://github.com/ant-design/ant-design/commit/aa92f02)
 - 🐞 Fix Upload default icon color. [#39114](https://github.com/ant-design/ant-design/pull/39114) [@MARKX97](https://github.com/MARKX97)
-- 🐞 Fix ssr warning in dev mode caused by dynamic hashId. [#39069](https://github.com/ant-design/ant-design/pull/39069)
+- 🐞 Fix `@ant-design/cssinjs` ssr warning in dev mode caused by dynamic hashId. [#39069](https://github.com/ant-design/ant-design/pull/39069)
 - 🐞 Fix FloatButton.Group flicking on closing. [#39061](https://github.com/ant-design/ant-design/pull/39061)
 - 🐞 Fix Card.Meta that width is not 100%. [#39026](https://github.com/ant-design/ant-design/pull/39026) [@justanotheranonymoususer](https://github.com/justanotheranonymoususer)
 
@@ -951,7 +965,7 @@ timeline: true
 `2022-11-27`
 
 - 💄 Fix Card radius style broken when customize `bodyStyle` background color. [#38973](https://github.com/ant-design/ant-design/pull/38973) [@Yukiniro](https://github.com/Yukiniro)
-- 💄 Optimize default algorithm for error color. [#38933](https://github.com/ant-design/ant-design/pull/38933)
+- 💄 Optimize Design Token default algorithm for error color. [#38933](https://github.com/ant-design/ant-design/pull/38933)
 - 💄 Optimize the style issue in RTL mode. [#38829](https://github.com/ant-design/ant-design/pull/38829) [@Wxh16144](https://github.com/Wxh16144)
 - Space.Compact
   - 💄 Optimize Space.Compact style when wrapping a single child component. [#38896](https://github.com/ant-design/ant-design/pull/38896) [@foryuki](https://github.com/foryuki)
@@ -974,7 +988,7 @@ timeline: true
 
 - 💄 Optimize Empty svg color in dark theme. [#38785](https://github.com/ant-design/ant-design/pull/38785)
 - 💄 Fix Form, Input, Select, Tree part style convert to CSS-in-JS missing. [#38742](https://github.com/ant-design/ant-design/pull/38742)
-- 💄 Fix animation flick for some components in Firefox. [#38729](https://github.com/ant-design/ant-design/pull/38729)
+- 💄 Fix Dropdown animation flick in Firefox. [#38729](https://github.com/ant-design/ant-design/pull/38729)
 - Menu
   - 🐞 Fix Menu SubMenu margin style. [#38714](https://github.com/ant-design/ant-design/pull/38714) [@JarvisArt](https://github.com/JarvisArt)
   - 🐞 Fix Menu height in dark theme. [#38741](https://github.com/ant-design/ant-design/pull/38741) [@LuciNyan](https://github.com/LuciNyan)
diff --git a/CHANGELOG.zh-CN.md b/CHANGELOG.zh-CN.md
index ee109453a33c..c38251ffce4e 100644
--- a/CHANGELOG.zh-CN.md
+++ b/CHANGELOG.zh-CN.md
@@ -3,6 +3,7 @@ order: 6
 title: 更新日志
 toc: false
 timeline: true
+tag: vVERSION
 ---
 
 `antd` 遵循 [Semantic Versioning 2.0.0](http://semver.org/lang/zh-CN/) 语义化版本规范。
@@ -15,19 +16,30 @@ timeline: true
 
 ---
 
+## 5.8.2
+
+`2023-08-04`
+
+- 🐞 修复 Checkbox 与 Radio 不支持自定义水波纹效果的问题，并添加 `ant-wave-target` className 到对应元素上。[#44014](https://github.com/ant-design/ant-design/pull/44014)
+- 🐞 调整 Form.Item renderProps 定义，现在会返回正确的 `FormInstance`。[#43996](https://github.com/ant-design/ant-design/pull/43996)
+- 🐞 修复 Table 在 `direction` 为 `rlt` 时展开图标的方向和展开行的缩进有误的问题。[#43977](https://github.com/ant-design/ant-design/pull/43977) [@Yuiai01](https://github.com/Yuiai01)
+- 💄 修复 Pagination 组件禁用状态仍然有悬浮和聚焦样式的问题。[#43970](https://github.com/ant-design/ant-design/pull/43970) [@MadCcc](https://github.com/MadCcc)
+- TypeScript
+  - 🤖 修正 Drawer 和 Anchor 部分 Design Token 的 TS 描述信息错误的问题。[#43994](https://github.com/ant-design/ant-design/pull/43994) [@wving5](https://github.com/wving5)
+
 ## 5.8.1
 
 `2023-08-02`
 
-- 🐞 修复预期外的 `clearIcon` 废弃报错。[#43945](https://github.com/ant-design/ant-design/pull/43945) [@kiner-tang](https://github.com/kiner-tang)
+- 🐞 修复 Select、TreeSelect、Cascader、DatePicker 预期外的 `clearIcon` 废弃报错。[#43945](https://github.com/ant-design/ant-design/pull/43945) [@kiner-tang](https://github.com/kiner-tang)
 - TypeScript
-  - 🤖 导出 `MappingAlgorithm` 作为主题算法的类型。[#43953](https://github.com/ant-design/ant-design/pull/43953)
+  - 🤖 导出 `MappingAlgorithm` 作为 Design Token 主题算法的类型。[#43953](https://github.com/ant-design/ant-design/pull/43953)
 
 ## 5.8.0
 
 `2023-08-01`
 
-- 🔥 组件 Token 支持配置 `algorithm` 参数，添加配置即可像全局 Token 一样由部分修改的 token 计算派生 token 的值并用于组件样式中。[#43810](https://github.com/ant-design/ant-design/pull/43810) [@MadCcc](https://github.com/MadCcc)
+- 🔥 组件 ComponentToken 支持配置 `algorithm` 参数，添加配置即可像全局 Token 一样由部分修改的 token 计算派生 token 的值并用于组件样式中。[#43810](https://github.com/ant-design/ant-design/pull/43810) [@MadCcc](https://github.com/MadCcc)
 - 🔥 Modal hooks 方法支持 `await` 调用。[#43470](https://github.com/ant-design/ant-design/pull/43470)
 - 🔥 ConfigProvider 支持 `wave` 配置以自定义水波纹效果。[#43784](https://github.com/ant-design/ant-design/pull/43784)
 - 🆕 Form 新增 `getFieldsValue({ strict: true })` 以支持获取仅通过 Item 绑定的字段。[#43828](https://github.com/ant-design/ant-design/pull/43828)
@@ -35,7 +47,7 @@ timeline: true
 - 🆕 ColorPicker 支持 `disabledAlpha` 属性。[#43355](https://github.com/ant-design/ant-design/pull/43355) [@RedJue](https://github.com/RedJue)
 - 🆕 Avatar.Group 支持设置 `shape` 属性。[#43817](https://github.com/ant-design/ant-design/pull/43817) [@li-jia-nan](https://github.com/li-jia-nan)
 - 🆕 AutoComplete/Cascader/DatePicker/Input.Textarea/TimePicker/TreeSelect 组件均已支持通过 `allowClear.clearIcon` 属性自定义清除按钮。[#43582](https://github.com/ant-design/ant-design/discussions/43582) [@kiner-tang](https://github.com/kiner-tang)
-- 🆕 RangePicker `presets` 属性支持回调函数。[#43476](https://github.com/ant-design/ant-design/pull/43476) [@Wxh16144](https://github.com/Wxh16144)
+- 🆕 DatePicker.RangePicker `presets` 属性支持回调函数。[#43476](https://github.com/ant-design/ant-design/pull/43476) [@Wxh16144](https://github.com/Wxh16144)
 - 🆕 Image 新增 `preivew={{ movable: Boolean }}` 属性以支持可拖拽到文件夹。[#43823](https://github.com/ant-design/ant-design/pull/43823) [@linxianxi](https://github.com/linxianxi)
 - 🆕 Slider `tooltip` 支持配置 `autoAdjustOverflow` 属性。[#43788](https://github.com/ant-design/ant-design/pull/43788)
 - 🆕 Transfer 组件新增 `selectionsIcon` 属性以支持自定义下拉菜单图标。[#43773](https://github.com/ant-design/ant-design/pull/43773) [@li-jia-nan](https://github.com/li-jia-nan)
@@ -48,7 +60,7 @@ timeline: true
 - 🐞 修复 Slider 中描述信息和滑块手柄重叠问题。[#43780](https://github.com/ant-design/ant-design/pull/43780) [@Wxh16144](https://github.com/Wxh16144)
 - 🐞 修复 Select 弹出框翻转时动画不正确的问题。[#43764](https://github.com/ant-design/ant-design/pull/43764)
 - 🐞 修复 InputNumber 在圆角不同下的样式异常。[#43875](https://github.com/ant-design/ant-design/pull/43875) [@yee94](https://github.com/yee94)
-- 💄 优化了 CloseCircleFilled/CloseSquareFilled/CloseOutlined/CloseCircleOutlined/CloseSquareOutlined/ExportOutlined/ImportOutlined 等图标的设计。[824500](https://github.com/ant-design/ant-design-icons/commit/824500349894a87562f033dbdc5e3c5d301a2f5c)
+- 💄 `@ant-design/icons` 优化了 CloseCircleFilled / CloseSquareFilled / CloseOutlined / CloseCircleOutlined / CloseSquareOutlined / ExportOutlined / ImportOutlined 等图标的设计。[824500](https://github.com/ant-design/ant-design-icons/commit/824500349894a87562f033dbdc5e3c5d301a2f5c)
 - 💄 修复和其他使用 `@ant-design/cssinjs` 的组件库混合使用，antd 的样式总是会插入在最前面，以避免加载顺序导致的样式覆盖问题。[#43847](https://github.com/ant-design/ant-design/pull/43847)
 - 💄 优化 message 和 notification 渲染逻辑，现在在 SSR 环境下不会导出样式。[#43808](https://github.com/ant-design/ant-design/pull/43808)
 - ⌨️ 修复 Select `aria-activedescendant` 缺少有效值的问题。[#43800](https://github.com/ant-design/ant-design/pull/43800)
@@ -95,8 +107,11 @@ timeline: true
 - 🐞 修复 Tag 仅传入 `icon` 时渲染多余间距的问题。[#43518](https://github.com/ant-design/ant-design/pull/43518) [@Yuiai01](https://github.com/Yuiai01)
 - 🐞 修复 ColorPicker 不跟随表单校验状态改变 UI 的问题。[#42880](https://github.com/ant-design/ant-design/pull/42880) [@RedJue](https://github.com/RedJue)
 - TypeScript
-  - 🤖 修复 `SpaceContext` 没有正确导出的问题。[#43501](https://github.com/ant-design/ant-design/pull/43501) [@VovkaGoodwin](https://github.com/VovkaGoodwin)
-  - 🤖 优化部分组件 TS 定义实现。[#43581](https://github.com/ant-design/ant-design/pull/43581) [#43545](https://github.com/ant-design/ant-design/pull/43545) [#43588](https://github.com/ant-design/ant-design/pull/43588) [#43610](https://github.com/ant-design/ant-design/pull/43610) [#43629](https://github.com/ant-design/ant-design/pull/43629)，感谢 [@thinkasany](https://github.com/thinkasany)、[@li-jia-nan](https://github.com/li-jia-nan) 的贡献。
+  - 🤖 修复 Space 的 `SpaceContext` 没有正确导出的问题。[#43501](https://github.com/ant-design/ant-design/pull/43501) [@VovkaGoodwin](https://github.com/VovkaGoodwin)
+  - 🤖 优化 AutoComplete 组件 TS 定义实现。[#43581](https://github.com/ant-design/ant-design/pull/43581) [@thinkasany](https://github.com/thinkasany)
+  - 🤖 优化 Select 和 List 组件 TS 定义实现。[#43545](https://github.com/ant-design/ant-design/pull/43545) [@thinkasany](https://github.com/thinkasany)
+  - 🤖 优化 Button 组件 TS 定义实现。[#43588](https://github.com/ant-design/ant-design/pull/43588) [#43629](https://github.com/ant-design/ant-design/pull/43629) [@thinkasany](https://github.com/thinkasany)
+  - 🤖 优化 Cascader、ConfigProvider、DatePicker、InputNumber、Slider 和 Upload 组件 TS 定义实现。[#43610](https://github.com/ant-design/ant-design/pull/43610)
 
 ## 5.7.0
 
@@ -104,12 +119,12 @@ timeline: true
 
 - 🆕 ConfigProvider 支持所有组件的 `className` 和 `style` 属性控制。感谢 [@Yuiai01](https://github.com/Yuiai01)、[@li-jia-nan](https://github.com/li-jia-nan) 和 [@MuxinFeng](https://github.com/MuxinFeng) 的贡献。
 - 🆕 Badge 支持 `classNames` 属性和 `styles` 属性。[#43245](https://github.com/ant-design/ant-design/pull/43245) [@li-jia-nan](https://github.com/li-jia-nan)
-- 🆕 ColorPicker 支持 `showText`、`destroyTooltipOnHide`、`onChangeComplete`、`panelRender`、`size` 等新特性。
-  - [#42865](https://github.com/ant-design/ant-design/pull/42865) [@RedJue](https://github.com/RedJue)
-  - [#42645](https://github.com/ant-design/ant-design/pull/42645) [@linxianxi](https://github.com/linxianxi)
-  - [#43370](https://github.com/ant-design/ant-design/pull/43370) [@RedJue](https://github.com/RedJue)
-  - [#43134](https://github.com/ant-design/ant-design/pull/43134) [@RedJue](https://github.com/RedJue)
-  - [#43116](https://github.com/ant-design/ant-design/pull/43116) [@RedJue](https://github.com/RedJue)
+- ColorPicker
+  - 🆕 ColorPicker 支持 `showText`。[#42865](https://github.com/ant-design/ant-design/pull/42865) [@RedJue](https://github.com/RedJue)
+  - 🆕 ColorPicker 支持 `destroyTooltipOnHide`。[#42645](https://github.com/ant-design/ant-design/pull/42645) [@linxianxi](https://github.com/linxianxi)
+  - 🆕 ColorPicker 支持 `onChangeComplete`。[#43370](https://github.com/ant-design/ant-design/pull/43370) [@RedJue](https://github.com/RedJue)
+  - 🆕 ColorPicker 支持 `panelRender`。[#43134](https://github.com/ant-design/ant-design/pull/43134) [@RedJue](https://github.com/RedJue)
+  - 🆕 ColorPicker 支持 `size`。[#43116](https://github.com/ant-design/ant-design/pull/43116) [@RedJue](https://github.com/RedJue)
 - 🆕 Alert、Drawer、Modal、Notifaction、Tag、Tabs 均已支持通过设置 `closeIcon` 为 null 或 false 隐藏关闭按钮。 [#42828](https://github.com/ant-design/ant-design/discussions/42828) [@kiner-tang](https://github.com/kiner-tang)
 - 🆕 Anchor 添加 `replace` 属性。[#43006](https://github.com/ant-design/ant-design/pull/43006) [@ds1371dani](https://github.com/ds1371dani)
 - 🆕 Image 支持 `imageRender`、`toolbarRender` 属性以支持预览图和工具栏的自定义渲染，还支持了 `onTransform`、`minScale`、`maxScale` 等新属性，Image.PreviewGroup 支持 `items` 属性传入列表数据，并修复了 img 标签的原生属性没有传递给预览图的问题。[#43075](https://github.com/ant-design/ant-design/pull/43075) [@linxianxi](https://github.com/linxianxi)
@@ -119,14 +134,14 @@ timeline: true
 - 🐞 移除 Anchor/CollapsePanel/Input.Group 组件中 `className` 属性的默认值（空字符串）。 [#43481](https://github.com/ant-design/ant-design/pull/43481) [@thinkasany](https://github.com/thinkasany)
 - 🐞 修复 Upload 上传进度条延迟消失且丢失动画效果的问题。[#43471](https://github.com/ant-design/ant-design/pull/43471)
 - 🐞 为 Menu 中组件 Token `colorItemBgSelected` 添加废弃警告。[#43461](https://github.com/ant-design/ant-design/pull/43461) [@MadCcc](https://github.com/MadCcc)
-- 🐞 修复样式特性支持检测时部分浏览器因为未重绘导致出现滚动条的问题。[#43358](https://github.com/ant-design/ant-design/pull/43358) [@LeeeeeeM](https://github.com/LeeeeeeM)
+- 🐞 杂项：修复样式特性支持检测时部分浏览器因为未重绘导致出现滚动条的问题。[#43358](https://github.com/ant-design/ant-design/pull/43358) [@LeeeeeeM](https://github.com/LeeeeeeM)
 - 🐞 修复 Card `tabList` 为空时 Tab 完全不展示的问题。[#43416](https://github.com/ant-design/ant-design/pull/43416) [@linxianxi](https://github.com/linxianxi)
 - 🐞 修复 ConfigProvider 嵌套使用时，`form.validateMessages` 配置会丢失的问题。[#43239](https://github.com/ant-design/ant-design/pull/43239) [@Wxh16144](https://github.com/Wxh16144)
 - 🐞 修复 Tag 点击的水波纹效果有时候会和 Tag 元素产生偏移的问题。[#43402](https://github.com/ant-design/ant-design/pull/43402)
 - 🐞 修复 DatePicker 切换到年月面板时，`此刻` 点击无效的问题。[#43367](https://github.com/ant-design/ant-design/pull/43367) [@Yuiai01](https://github.com/Yuiai01)
-- 🐞 修复 TextArea 组件在屏幕大小变化时设置的高度失效的问题。[#43169](https://github.com/ant-design/ant-design/pull/43169) [@MadCcc](https://github.com/MadCcc)
+- 🐞 修复 Input.TextArea 组件在屏幕大小变化时设置的高度失效的问题。[#43169](https://github.com/ant-design/ant-design/pull/43169) [@MadCcc](https://github.com/MadCcc)
 - 💄 Slider 中 `tooltip` 在内容很少时应该居中。[#43430](https://github.com/ant-design/ant-design/pull/43430) [@Jomorx](https://github.com/Jomorx)
-- 💄 将 `colorLink` 添加至 seed token 中, `colorLinkHover` 和 `colorLinkActive` 将会由 `colorLink` 计算得出。[#43183](https://github.com/ant-design/ant-design/pull/43183) [@MadCcc](https://github.com/MadCcc)
+- 💄 Design Token 将 `colorLink` 添加至 seed token 中, `colorLinkHover` 和 `colorLinkActive` 将会由 `colorLink` 计算得出。[#43183](https://github.com/ant-design/ant-design/pull/43183) [@MadCcc](https://github.com/MadCcc)
 - 💄 调整 Slider 中部分 token 为 component token。[#42428](https://github.com/ant-design/ant-design/pull/42428) [@heiyu4585](https://github.com/heiyu4585)
 - RTL
   - 🤖 Progress 支持 rtl 方向的动画。[#43316](https://github.com/ant-design/ant-design/pull/43316) [@Yuiai01](https://github.com/Yuiai01)
@@ -134,13 +149,12 @@ timeline: true
   - 🤖 Popover 增加 `RawPurePanelProps` 接口描述。[#43453](https://github.com/ant-design/ant-design/pull/43453) [@thinkasany](https://github.com/thinkasany)
   - 🤖 Popconfirm 替换 `ref` 类型 `unknown` 为 `TooltipRef`。[#43452](https://github.com/ant-design/ant-design/pull/43452) [@thinkasany](https://github.com/thinkasany)
   - 🤖 Popover 替换 `ref` 类型 `unknown` 为 `TooltipRef`。[#43450](https://github.com/ant-design/ant-design/pull/43450) [@Negentropy247](https://github.com/Negentropy247)
-  - 🤖 改进 ButtonGroup 中 `GroupSizeContext` 的类型声明。[#43439](https://github.com/ant-design/ant-design/pull/43439) [@thinkasany](https://github.com/thinkasany)
+  - 🤖 改进 Button.ButtonGroup 中 `GroupSizeContext` 的类型声明。[#43439](https://github.com/ant-design/ant-design/pull/43439) [@thinkasany](https://github.com/thinkasany)
   - 🤖 改进 Select 的 `mode` 属性的类型声明。[#43413](https://github.com/ant-design/ant-design/pull/43413) [@thinkasany](https://github.com/thinkasany)
   - 🤖 Checkbox 替换 `ref` 类型 `unknown` 为 `CheckboxRef`。[#43424](https://github.com/ant-design/ant-design/pull/43424) [@li-jia-nan](https://github.com/li-jia-nan)
-  - 🤖 改进 Table/Tag/Notification 内部类型实现。
-    - [#43366](https://github.com/ant-design/ant-design/pull/43366) [@li-jia-nan](https://github.com/li-jia-nan)
-    - [#43357](https://github.com/ant-design/ant-design/pull/43357) [@thinkasany](https://github.com/thinkasany)
-    - [#43351](https://github.com/ant-design/ant-design/pull/43351) [@thinkasany](https://github.com/thinkasany)
+  - 🤖 改进 Table 内部类型实现。[#43366](https://github.com/ant-design/ant-design/pull/43366) [@li-jia-nan](https://github.com/li-jia-nan)
+  - 🤖 改进 Tag 内部类型实现。[#43357](https://github.com/ant-design/ant-design/pull/43357) [@thinkasany](https://github.com/thinkasany)
+  - 🤖 改进 Notification 内部类型实现。[#43351](https://github.com/ant-design/ant-design/pull/43351) [@thinkasany](https://github.com/thinkasany)
 
 ## 5.6.4
 
@@ -165,9 +179,9 @@ timeline: true
 
 `2023-06-25`
 
-- BreadCrumb
-  - 🐞 修复 BreadCrumb 传递 `dropdownProps` 不生效的问题。[#43151](https://github.com/ant-design/ant-design/pull/43151) [@linxianxi](https://github.com/linxianxi)
-  - 🛠 优化 BreadCrumb 处理 `title` 为 `null` 时的行为。[#43099](https://github.com/ant-design/ant-design/pull/43099) [@Asanio06](https://github.com/Asanio06)
+- Breadcrumb
+  - 🐞 修复 Breadcrumb 传递 `dropdownProps` 不生效的问题。[#43151](https://github.com/ant-design/ant-design/pull/43151) [@linxianxi](https://github.com/linxianxi)
+  - 🛠 优化 Breadcrumb 处理 `title` 为 `null` 时的行为。[#43099](https://github.com/ant-design/ant-design/pull/43099) [@Asanio06](https://github.com/Asanio06)
 - 🐞 修复 Slider 在 Form 内部时的禁用状态。[#43142](https://github.com/ant-design/ant-design/pull/43142) [@Starpuccino](https://github.com/Starpuccino)
 - 🐞 修复 Form 标签偏移值在垂直布局中不生效的问题。[#43155](https://github.com/ant-design/ant-design/pull/43155) [@kiner-tang](https://github.com/kiner-tang)
 - 🐞 修复 Table 打开筛选面板会报 `react ref` 错误警告信息。[#43139](https://github.com/ant-design/ant-design/pull/43139)
@@ -188,7 +202,7 @@ timeline: true
 - 🐞 修复 InputNumber 设置 `prefix` 在 Form.Item `hasFeedBack` 内高度异常的问题。[#43049](https://github.com/ant-design/ant-design/pull/43049)
 - 💄 修复 Input 和 InputNumber 禁用状态样式。[#42974](https://github.com/ant-design/ant-design/pull/42974) [@kampiu](https://github.com/kampiu)
 - 🐞 修复 Upload 配置 `maxCount` 后，上传超出范围的文件仍然会触发 `onChange` 事件的问题。[#43034](https://github.com/ant-design/ant-design/pull/43034)
-- 🐞 修复打包时即便没有使用 `rc-field-form` 包仍然会包含它的问题。[#43023](https://github.com/ant-design/ant-design/pull/43023)
+- 🐞 修复打包时即便没有使用 Form，`rc-field-form` 包仍然会包含它的问题。[#43023](https://github.com/ant-design/ant-design/pull/43023)
 - 🐞 修复 DatePicker 动态设置 `disabledTime` 时值不正确的问题。[#42991](https://github.com/ant-design/ant-design/pull/42991) [@linxianxi](https://github.com/linxianxi)
 - 📖 补充 FloatButton 受控实例，并添加对应的 warning 提示。[#42835](https://github.com/ant-design/ant-design/pull/42835) [@poyiding](https://github.com/poyiding)
 - 🐞 修复 Button 禁用时子节点仍然可以交互的问题。[#42949](https://github.com/ant-design/ant-design/pull/42949) [@kiner-tang](https://github.com/kiner-tang)
@@ -214,7 +228,7 @@ timeline: true
 
 - 🆕 ColorPicker 添加 `onClear` 属性，清除选中颜色时不自动关闭弹窗。[#42634](https://github.com/ant-design/ant-design/pull/42634) [@linxianxi](https://github.com/linxianxi)
 - 🆕 Collapse 支持通过 `items` 属性来配置面板内容。[#42545](https://github.com/ant-design/ant-design/pull/42545) [@kiner-tang](https://github.com/kiner-tang)
-- 🆕 新增静态方法 `getDesignToken` 用于获取完整的主题 token。[#42723](https://github.com/ant-design/ant-design/pull/42723) [@MadCcc](https://github.com/MadCcc)
+- 🆕 Design Token 新增静态方法 `getDesignToken` 用于获取完整的主题 token。[#42723](https://github.com/ant-design/ant-design/pull/42723) [@MadCcc](https://github.com/MadCcc)
 - 🆕 ConfigProvider 支持配置 Space 组件的 `classNames` 和 `styles` 属性。[#42748](https://github.com/ant-design/ant-design/pull/42748) [@RedJue](https://github.com/RedJue)
 - 🆕 Space 组件支持 `classNames` 和 `styles` 属性。[#42743](https://github.com/ant-design/ant-design/pull/42743) [@RedJue](https://github.com/RedJue)
 - 🆕 Drawer 抽屉面板支持事件监听，包裹元素支持传入 `data-*` 属性。[#42718](https://github.com/ant-design/ant-design/pull/42718) [@kiner-tang](https://github.com/kiner-tang)
@@ -291,7 +305,7 @@ timeline: true
 - 💄 修复 Tag 无边框样式在 `error` 等状态下不生效的问题。[#42619](https://github.com/ant-design/ant-design/pull/42619) [@li-jia-nan](https://github.com/li-jia-nan)
 - 💄 修复 Table `rowSpan` 悬浮高亮背景颜色丢失的问题。[#42572](https://github.com/ant-design/ant-design/pull/42572)
 - 💄 修复 Pagination 在禁用状态下 link 图标和 ellipsis hover 时的样式。[#42541](https://github.com/ant-design/ant-design/pull/42541) [@qmhc](https://github.com/qmhc)
-- 💄 修复部分全局 Token 无法覆盖组件样式的问题。[#42535](https://github.com/ant-design/ant-design/pull/42535) [@MadCcc](https://github.com/MadCcc)
+- 💄 修复部分全局 Design Token 无法覆盖组件样式的问题。[#42535](https://github.com/ant-design/ant-design/pull/42535) [@MadCcc](https://github.com/MadCcc)
 - 🇱🇹 为 `lt_LT` 添加缺失的部分文案。[#42664](https://github.com/ant-design/ant-design/pull/42664) [@Digital-512](https://github.com/Digital-512)
 - RTL
   - 💄 修复 ColorPicker 组件 RTL 模式样式。[#42716](https://github.com/ant-design/ant-design/pull/42716) [@RedJue](https://github.com/RedJue)
@@ -324,7 +338,7 @@ timeline: true
 
 `2023-05-15`
 
-- 🔥 新增颜色选择器组件。[#41990](https://github.com/ant-design/ant-design/pull/41990) [@RedJue](https://github.com/RedJue)
+- 🔥 新增颜色选择器组件 ColorPicker。[#41990](https://github.com/ant-design/ant-design/pull/41990) [@RedJue](https://github.com/RedJue)
 - 🆕 新增 `DatePicker.generateCalendar` 与 `Calendar.generateCalendar` 自定义日期库组件方法，不再需要通过路径引入使用。[#41773](https://github.com/ant-design/ant-design/pull/41773)
 - 💄 优化 Select、TreeSelect、Cascader 多选模式下的样式，去除标签的边框。[#41480](https://github.com/ant-design/ant-design/pull/41480)
 - 🆕 Form `validateFields` 支持 `validateOnly` 配置仅做校验而不改变 UI 状态。[#42273](https://github.com/ant-design/ant-design/pull/42273)
@@ -341,7 +355,7 @@ timeline: true
   - 🐞 修复 ConfigProvider `size` 对 Descriptions 无效的问题。[#42244](https://github.com/ant-design/ant-design/pull/42244) [@wanghui2021](https://github.com/wanghui2021)
   - 🐞 修复当 ConfigProvider 中 `componentSize` 被设定时, Space.Compact 没有继承的问题。[#42199](https://github.com/ant-design/ant-design/pull/42199) [@Ec-tracker](https://github.com/Ec-tracker)
 - 🐞 修复 Input 在 Space.Compact 下使用图标的样式错误。[#42167](https://github.com/ant-design/ant-design/pull/42167) [@pengyw97](https://github.com/pengyw97)
-- 🐞 修复当 `title` 和 `content` 属性均为空值时，Popover 组件展示空白气泡的问题。[#42217](https://github.com/ant-design/ant-design/pull/42217) [@hairgc](https://github.com/hairgc)
+- 🐞 修复 Popover 当 `title` 和 `content` 属性均为空值时，展示空白气泡的问题。[#42217](https://github.com/ant-design/ant-design/pull/42217) [@hairgc](https://github.com/hairgc)
 - 🐞 修复 Circle Progress 未设置 `size` 的报错问题。[#41875](https://github.com/ant-design/ant-design/pull/41875) [@notzheng](https://github.com/notzheng)
 - 🐞 修复 Progress 抛出的警告 `findDOMNode is deprecated in StrictMode`。[#42241](https://github.com/ant-design/ant-design/pull/42241) [@BoyYangzai](https://github.com/BoyYangzai)
 - 💄 修复 InputNumber 超出范围样式不生效的问题。[#42250](https://github.com/ant-design/ant-design/pull/42250) [@pengyw97](https://github.com/pengyw97)
@@ -351,7 +365,7 @@ timeline: true
 - 💄 完善 Menu 溢出时样式。[#42294](https://github.com/ant-design/ant-design/pull/42294) [@dhalenok](https://github.com/dhalenok)
 - 💄 完善 Segmented 鼠标 active 样式。[#42249](https://github.com/ant-design/ant-design/pull/42249)
 - 🤖 Spin 添加在非嵌套下使用 `tip` 的警告提示。[#42293](https://github.com/ant-design/ant-design/pull/42293)
-- 🤖 组件 Token 名称规范化。[#42184](https://github.com/ant-design/ant-design/pull/42184)
+- 🤖 组件 ComponentToken 名称规范化。[#42184](https://github.com/ant-design/ant-design/pull/42184)
 - TypeScript
   - 🤖 完善 Tag 的类型定义。[#42235](https://github.com/ant-design/ant-design/pull/42235) [@gaoqiiii](https://github.com/gaoqiiii)
   - 🤖 完善 Notification `getContainer` 类型定义。[#40206](https://github.com/ant-design/ant-design/pull/40206) [@leshalv](https://github.com/leshalv)
@@ -381,8 +395,8 @@ timeline: true
 - 🐞 修复响应式 Col `colSize` 不支持 `flex` 的问题。[#41962](https://github.com/ant-design/ant-design/pull/41962) [@AlexisSniffer](https://github.com/AlexisSniffer)
 - 🐞 修复 Carousel `goTo` 在动画播放时无效的问题。[#41969](https://github.com/ant-design/ant-design/pull/41969) [@guan404ming](https://github.com/guan404ming)
 - Form
-- 🐞 修复 Form 触发重置事件后反馈图标未重置的问题。[#41976](https://github.com/ant-design/ant-design/pull/41976)
-- 🐞 修复 `onValuesChange` 收集到的数据不准确的问题。[#41976](https://github.com/ant-design/ant-design/pull/41976)
+  - 🐞 修复 Form 触发重置事件后反馈图标未重置的问题。[#41976](https://github.com/ant-design/ant-design/pull/41976)
+  - 🐞 修复 Form `onValuesChange` 收集到的数据不准确的问题。[#41976](https://github.com/ant-design/ant-design/pull/41976)
 - TypeScript
   - 🤖 修复 Menu 报错 OverrideContext 类型定义不存在的问题。[#41907](https://github.com/ant-design/ant-design/pull/41907)
   - 🤖 修复 TreeSelect 定义不支持 `aria-*` 的问题。[#41978](https://github.com/ant-design/ant-design/pull/41978) [@guan404ming](https://github.com/guan404ming)
@@ -396,21 +410,21 @@ timeline: true
 - Tree
   - 🐞 修复 Tree 组件可拖拽树文本换行时其标题不对齐。[#41928](https://github.com/ant-design/ant-design/pull/41928) [@Yuiai01](https://github.com/Yuiai01)
   - 🐞 修复 Checkbox 组件标题没有对齐的问题。[#41920](https://github.com/ant-design/ant-design/pull/41920) [@Yuiai01](https://github.com/Yuiai01)
-- 🛠 升级 `rc-switch` 以修复重复引入 `@babel/runtime/helpers` 的问题，减小打包体积。[#41954](https://github.com/ant-design/ant-design/pull/41954)
+- 🛠 Switch 升级 `rc-switch` 以修复重复引入 `@babel/runtime/helpers` 的问题，减小打包体积。[#41954](https://github.com/ant-design/ant-design/pull/41954)
 
 ## 5.4.4
 
 `2023-04-20`
 
 - 💄 修复 Message hooks 的图标样式不跟随动态主题 token 切换的问题。[#41899](https://github.com/ant-design/ant-design/pull/41899)
-- 🐞 修复 CSS 属性值为 `undefined` 时 cssinjs 报错的问题。[#41896](https://github.com/ant-design/ant-design/pull/41896)
+- 🐞 修复 `@ant-design/cssinjs` 中 CSS 属性值为 `undefined` 时 cssinjs 报错的问题。[#41896](https://github.com/ant-design/ant-design/pull/41896)
 
 ## 5.4.3
 
 `2023-04-19`
 
 - 🐞 修复 FloatButton 警告: findDOMNode is deprecated in StrictMode.。[#41833](https://github.com/ant-design/ant-design/pull/41833) [@fourcels](https://github.com/fourcels)
-- 🐞 箭头元素兼容旧版本不支持 `clip-path: path()` 的浏览器。 [#41872](https://github.com/ant-design/ant-design/pull/41872)
+- 🐞 杂项：箭头元素兼容旧版本不支持 `clip-path: path()` 的浏览器。 [#41872](https://github.com/ant-design/ant-design/pull/41872)
 - 🐞 修复 Layout.Sider 切换主题时存在背景切换延迟的问题。[#41828](https://github.com/ant-design/ant-design/pull/41828)
 - 🐞 修复 Tour 的 `type="primary"` 时箭头的颜色仍为白色的问题。[#41761](https://github.com/ant-design/ant-design/pull/41761)
 - 🐞 优化 Form 字段绑定，现在会忽略在 Form.Item 内的注释不再作为子组件进行绑定。[#41771](https://github.com/ant-design/ant-design/pull/41771)
@@ -433,7 +447,7 @@ timeline: true
 
 `2023-04-11`
 
-- 💄 优化类 Select 组件弹窗逻辑，现在总是会尝试优先在可视区域展示以减少用户额外滚动成本。[#41619](https://github.com/ant-design/ant-design/pull/41619)
+- 💄 优化类 Select 组件弹窗逻辑（如 Select、TreeSelect、Cascader），现在总是会尝试优先在可视区域展示以减少用户额外滚动成本。[#41619](https://github.com/ant-design/ant-design/pull/41619)
 - 💄 去除 Badge.Ribbon 里固定的高度。[#41661](https://github.com/ant-design/ant-design/pull/41661) [@MuxinFeng](https://github.com/MuxinFeng)
 - 🐞 修复 Select 在搜索时宽度变为 `0px` 的问题。[#41722](https://github.com/ant-design/ant-design/pull/41722)
 - 🐞 修复 Empty 空数据组件在宽度不够的容器内样式错位的问题。[#41727](https://github.com/ant-design/ant-design/pull/41727)
@@ -524,7 +538,7 @@ timeline: true
   - 💄 修复 Input.TextArea 在启用 `showCount` 时 RTL 模式下位置不正确的问题。[#41319](https://github.com/ant-design/ant-design/pull/41319) [@ds1371dani](https://github.com/ds1371dani)
 - TypeScript
   - 🤖 导出 Statistic 的 `CountdownProps` 类型。[#41341](https://github.com/ant-design/ant-design/pull/41341) [@li-jia-nan](https://github.com/li-jia-nan)
-  - 🤖 优化 token 的类型提示和说明。[#41297](https://github.com/ant-design/ant-design/pull/41297) [@arvinxx](https://github.com/arvinxx)
+  - 🤖 优化 Design Token 的类型提示和说明。[#41297](https://github.com/ant-design/ant-design/pull/41297) [@arvinxx](https://github.com/arvinxx)
   - 🤖 优化 Badge `React.forwardRef` 类型定义。[#41189](https://github.com/ant-design/ant-design/pull/41189) [@li-jia-nan](https://github.com/li-jia-nan)
 
 ## 5.3.1
@@ -564,11 +578,11 @@ timeline: true
 - 💄 Message 组件使用 `colorText` 优化样式。[#41047](https://github.com/ant-design/ant-design/pull/41047) [@Yuiai01](https://github.com/Yuiai01)
 - 💄 修复 Select, TreeSelect, Cascader 父元素存在 `transform: scale` 样式时的对齐问题。[#41013](https://github.com/ant-design/ant-design/pull/41013)
 - 💄 优化 Table 中 `rowScope` 的样式。[#40304](https://github.com/ant-design/ant-design/pull/40304) [@Yuiai01](https://github.com/Yuiai01)
-- 💄 为组件聚焦时的 `outline` 提供新的 AliasToken `lineWidthFocus`。[#40840](https://github.com/ant-design/ant-design/pull/40840)
-- 💄 WeekPicker 支持鼠标悬浮样式。[#40772](https://github.com/ant-design/ant-design/pull/40772)
+- 💄 Design Token 为组件聚焦时的 `outline` 提供新的 AliasToken `lineWidthFocus`。[#40840](https://github.com/ant-design/ant-design/pull/40840)
+- 💄 DatePicker.WeekPicker 支持鼠标悬浮样式。[#40772](https://github.com/ant-design/ant-design/pull/40772)
 - 💄 调整 Select, TreeSelect, Cascader 在多选时总是默认显示下拉箭头。[#41028](https://github.com/ant-design/ant-design/pull/41028)
 - 🐞 修复 Form 组件 `Form.Item.useStatus` 导致的服务端渲染问题。[#40977](https://github.com/ant-design/ant-design/pull/40977) [@AndyBoat](https://github.com/AndyBoat)
-- 🐞 修复部分组件箭头形状问题。[#40971](https://github.com/ant-design/ant-design/pull/40971)
+- 🐞 杂项：修复部分组件箭头形状问题。[#40971](https://github.com/ant-design/ant-design/pull/40971)
 - 🐞 修复 Layout 报错 `React does not recognize the `suffixCls` prop on a DOM element` 的问题。[#40969](https://github.com/ant-design/ant-design/pull/40969)
 - 🐞 修复 Watermark 组件图片加载异常时的问题，默认展示文字。[#40770](https://github.com/ant-design/ant-design/pull/40770) [@OriginRing](https://github.com/OriginRing)
 - 🐞 Image 预览新增图片翻转功能。并修复 Image `fallback` 在 ssr 下失效的问题。[#40660](https://github.com/ant-design/ant-design/pull/40660)
@@ -588,12 +602,12 @@ timeline: true
 - 🐞 修复 ConfigProvider 组件表单校验消息生效顺序。[#40533](https://github.com/ant-design/ant-design/pull/40533) [@Wxh16144](https://github.com/Wxh16144)
 - 🐞 修复 Confirm Modal `onOk` 可能触发两次的问题。[#40719](https://github.com/ant-design/ant-design/pull/40719) [@Rafael-Martins](https://github.com/Rafael-Martins)
 - 🛠 重写 `useLocale` 方法，对外暴露 `localeCode`。[#40884](https://github.com/ant-design/ant-design/pull/40884) [@li-jia-nan](https://github.com/li-jia-nan)
-- 🐞 修复 Segemented 组件子项不响应鼠标事件的问题。[#40894](https://github.com/ant-design/ant-design/pull/40894)
+- 🐞 修复 Segmented 组件子项不响应鼠标事件的问题。[#40894](https://github.com/ant-design/ant-design/pull/40894)
 - 🛠 重构：使用 `useLocale` 替换 LocaleReceiver 组件，并删除 LocaleReceiver 组件。[#40870](https://github.com/ant-design/ant-design/pull/40870) [@li-jia-nan](https://github.com/li-jia-nan)
 - 🐞 修复 ConfigProvider 注入的 `getPopupContainer` 属性 不生效的问题。[#40871](https://github.com/ant-design/ant-design/pull/40871) [@RedJue](https://github.com/RedJue)
 - 🐞 修复 Descriptions 不接受 `data-*` 和 `aria-*` 等属性的问题。[#40859](https://github.com/ant-design/ant-design/pull/40859) [@goveo](https://github.com/goveo)
-- 🛠 修改 Separator 的 dom 由 `span` 改为 `li`。[#40867](https://github.com/ant-design/ant-design/pull/40867) [@heiyu4585](https://github.com/heiyu4585)
-- 💄 修改组件聚焦下的 `outline` 为默认 `4px`。[#40839](https://github.com/ant-design/ant-design/pull/40839)
+- 🛠 修改 Breadcrumb 的 Separator dom 由 `span` 改为 `li`。[#40867](https://github.com/ant-design/ant-design/pull/40867) [@heiyu4585](https://github.com/heiyu4585)
+- 💄 Design Token 修改组件聚焦下的 `outline` 为默认 `4px`。[#40839](https://github.com/ant-design/ant-design/pull/40839)
 - 🐞 修复 Layout.Header 单独使用时，`Layout.colorBgHeader` token 配置不生效的问题。[#40933](https://github.com/ant-design/ant-design/pull/40933)
 - 🐞 修复 Badge 颜色显示异常问题。[#40848](https://github.com/ant-design/ant-design/pull/40848) [@kiner-tang](https://github.com/kiner-tang)
 - 🐞 修复 Timeline 的子项的 `className` 错误。[#40835](https://github.com/ant-design/ant-design/pull/40835) [@Yuiai01](https://github.com/Yuiai01)
@@ -606,7 +620,7 @@ timeline: true
 
 - DatePicker
   - 💄 调整 DatePicker 组件日期面板的间距样式。[#40768](https://github.com/ant-design/ant-design/pull/40768)
-  - 🐞 修复 RangePicker `hover` 日期错位的问题。[#40785](https://github.com/ant-design/ant-design/pull/40785) [@Yuiai01](https://github.com/Yuiai01)
+  - 🐞 修复 DatePicker.RangePicker `hover` 日期错位的问题。[#40785](https://github.com/ant-design/ant-design/pull/40785) [@Yuiai01](https://github.com/Yuiai01)
 - Form
   - 🐞 修复 Form 下 Radio/Checkbox 的 disabled 优先级问题。[#40741](https://github.com/ant-design/ant-design/pull/40741) [@Yuiai01](https://github.com/Yuiai01)
   - 🐞 修复 Form 为 `disabled` 时 Checkbox 和 Radio 表现不一致的问题。[#40728](https://github.com/ant-design/ant-design/pull/40728) [@Yuiai01](https://github.com/Yuiai01)
@@ -625,10 +639,10 @@ timeline: true
 `2023-02-13`
 
 - 🛠 重构 Tour 中 `panelRender` 为函数式组件。[#40670](https://github.com/ant-design/ant-design/pull/40670) [@li-jia-nan](https://github.com/li-jia-nan)
-- 🐞 修复 TimeLine 中 `className` 传给子节点的问题。[#40700](https://github.com/ant-design/ant-design/pull/40700) [@any1024](https://github.com/any1024)
-- 🐞 修复 Silder 中的标记点在边缘无法点击的问题。[#40679](https://github.com/ant-design/ant-design/pull/40679) [@LongHaoo](https://github.com/LongHaoo)
+- 🐞 修复 Timeline 中 `className` 传给子节点的问题。[#40700](https://github.com/ant-design/ant-design/pull/40700) [@any1024](https://github.com/any1024)
+- 🐞 修复 Slider 中的标记点在边缘无法点击的问题。[#40679](https://github.com/ant-design/ant-design/pull/40679) [@LongHaoo](https://github.com/LongHaoo)
 - 🐞 修复 Tour 不支持 `0` 作为节点的问题。[#40631](https://github.com/ant-design/ant-design/pull/40631) [@li-jia-nan](https://github.com/li-jia-nan)
-- 💄 修复 DataPicker.RangePicker 的 hover 范围样式。[#40607](https://github.com/ant-design/ant-design/pull/40607) [@Yuiai01](https://github.com/Yuiai01)
+- 💄 修复 DatePicker.RangePicker 的 hover 范围样式。[#40607](https://github.com/ant-design/ant-design/pull/40607) [@Yuiai01](https://github.com/Yuiai01)
 - 💄 优化 Steps 组件自定义 `icon` 的大小。[#40672](https://github.com/ant-design/ant-design/pull/40672)
 - TypeScript
   - 🤖 Upload 组件支持泛型。[#40634](https://github.com/ant-design/ant-design/pull/40634) [@riyadelberkawy](https://github.com/riyadelberkawy)
@@ -659,24 +673,24 @@ timeline: true
   - 🆕 Tour 支持通过 `scrollIntoViewOptions` 改变`scrollIntoView` 的选项。[#39980](https://github.com/ant-design/ant-design/pull/39980) [@kiner-tang](https://github.com/kiner-tang)
   - 🆕 Tour 遮罩支持传递自定义样式和填充颜色。[#39919](https://github.com/ant-design/ant-design/pull/39919) [@kiner-tang](https://github.com/kiner-tang)
   - 🐞 修复 Tour 在严格模式下调用 `findDomNode` 抛出警告问题。[#40160](https://github.com/ant-design/ant-design/pull/40160) [@kiner-tang](https://github.com/kiner-tang)
-  - 💄 删除了最后一个指示器的 margin。[#40624](https://github.com/ant-design/ant-design/pull/40624)
+  - 💄 优化 Tour 样式，删除了最后一个指示器的 margin。[#40624](https://github.com/ant-design/ant-design/pull/40624)
 - 🆕 新增 Design token `fontFamilyCode` 并应用到 Typography 的 `code` `kbd` `pre` 等元素上。[#39823](https://github.com/ant-design/ant-design/pull/39823)
 - 🆕 ConfigProvider 新增 Form `scrollToFirstError`。[#39509](https://github.com/ant-design/ant-design/pull/39509) [@linxianxi](https://github.com/linxianxi)
-- 🐞 为全部组件补足 `rootClassName` 属性。[#40217](https://github.com/ant-design/ant-design/pull/40217)
+- 🆕 Global: 为全部组件补足 `rootClassName` 属性。[#40217](https://github.com/ant-design/ant-design/pull/40217)
 - 🐞 修复 Empty 在默认主题和暗黑主题下的描述文字颜色。[#40584](https://github.com/ant-design/ant-design/pull/40584) [@MuxinFeng](https://github.com/MuxinFeng)
 - Table
   - 🐞 修复 Table 行 `aria-label` 和 `role="presentation"` 无法一起使用的问题。[#40413](https://github.com/ant-design/ant-design/pull/40413) [@Ke1sy](https://github.com/Ke1sy)
-  - 🐞 修改非受控 `filtered` 修改不生效的问题。[#39883](https://github.com/ant-design/ant-design/pull/39883)
-  - 🐞 修表头过滤器在分组标题情况下失效的问题。[#40463](https://github.com/ant-design/ant-design/pull/40463) [@roman40a](https://github.com/roman40a)
-  - 🐞 修复选择列固定时滚动会被其他单元格遮盖的问题。[#39940](https://github.com/ant-design/ant-design/pull/39940) [@kiner-tang](https://github.com/kiner-tang)
-  - 🐞 修复排序/筛选的表格的固定列背景色透明导致显示异常问题。[#39012](https://github.com/ant-design/ant-design/pull/39012) [@kiner-tang](https://github.com/kiner-tang)
+  - 🐞 修复 Table 修改非受控 `filtered` 修改不生效的问题。[#39883](https://github.com/ant-design/ant-design/pull/39883)
+  - 🐞 修复 Table 表头过滤器在分组标题情况下失效的问题。[#40463](https://github.com/ant-design/ant-design/pull/40463) [@roman40a](https://github.com/roman40a)
+  - 🐞 修复 Table 选择列固定时滚动会被其他单元格遮盖的问题。[#39940](https://github.com/ant-design/ant-design/pull/39940) [@kiner-tang](https://github.com/kiner-tang)
+  - 🐞 修复 Table 排序/筛选的表格的固定列背景色透明导致显示异常问题。[#39012](https://github.com/ant-design/ant-design/pull/39012) [@kiner-tang](https://github.com/kiner-tang)
   - 💄 优化 Table 组件 hover 样式，修复边框异常问题。[#40469](https://github.com/ant-design/ant-design/pull/40469)
 - DatePicker
   - 🐞 修复 DatePicker 组件禁用时状态样式生效的问题。[#40608](https://github.com/ant-design/ant-design/pull/40608)
   - 💄 优化 DatePicker 输入框样式。[#40549](https://github.com/ant-design/ant-design/pull/40549) [@Wxh16144](https://github.com/Wxh16144)
   - 💄 优化 DatePicker Dropdown 箭头样式。[#40521](https://github.com/ant-design/ant-design/pull/40521)
 - 🐞 修复 Space `ant-space-item` 选择器错误。[#40554](https://github.com/ant-design/ant-design/pull/40554) [@cncolder](https://github.com/cncolder)
-- 🐞 修复当设置 `delay` 时，Spin 没有立即关闭的问题。[#40475](https://github.com/ant-design/ant-design/pull/40475) [@3Alan](https://github.com/3Alan)
+- 🐞 修复 Spin 当设置 `delay` 时，没有立即关闭的问题。[#40475](https://github.com/ant-design/ant-design/pull/40475) [@3Alan](https://github.com/3Alan)
 - 🐞 修复 Modal `useModal` 默认确认按钮文本逻辑。[#39884](https://github.com/ant-design/ant-design/pull/39884) [@BoyYangzai](https://github.com/BoyYangzai)
 - 🛠 重构水波纹视效，以支持多个水波纹同时触发了。[#39705](https://github.com/ant-design/ant-design/pull/39705) [@li-jia-nan](https://github.com/li-jia-nan)
 - 🛠 重构 Input.TextArea 组件和 Mentions 组件。[#40045](https://github.com/ant-design/ant-design/pull/40045)
@@ -688,10 +702,10 @@ timeline: true
 - 💄 修复 Select placeholder 样式问题。[#40477](https://github.com/ant-design/ant-design/pull/40477) [@Wxh16144](https://github.com/Wxh16144)
 - 💄 调整 Descriptions 标签样式使其更容易区分。[#40085](https://github.com/ant-design/ant-design/pull/40085)
 - 💄 优化 QRCode 过期显示样式。[#39849](https://github.com/ant-design/ant-design/pull/39849)
-- 💄 优化 `boxShadow` token 分级。[#40516](https://github.com/ant-design/ant-design/pull/40516)
+- 💄 Design Token 优化 `boxShadow` token 分级。[#40516](https://github.com/ant-design/ant-design/pull/40516)
 - TypeScript
   - 🤖 优化 Badge Tag Tooltip `color` 类型定义。[#39871](https://github.com/ant-design/ant-design/pull/39871)
-  - 🤖 新增 `Breakpoint` `ThmeConfig` `GlobalToken` 类型导出。[#40508](https://github.com/ant-design/ant-design/pull/40508) [@Kamahl19](https://github.com/Kamahl19)
+  - 🤖 杂项：新增 `Breakpoint` `ThemeConfig` `GlobalToken` 类型导出。[#40508](https://github.com/ant-design/ant-design/pull/40508) [@Kamahl19](https://github.com/Kamahl19)
   - 🤖 更新 Upload `fileList` 类型。[#40585](https://github.com/ant-design/ant-design/pull/40585)
   - 🤖 移除 Tour ForwardRefRenderFunction。[#39924](https://github.com/ant-design/ant-design/pull/39924)
 - 🌐 国际化
@@ -724,14 +738,14 @@ timeline: true
 - Menu
   - 🐞 修复 Menu 收缩时，Tooltip 偶尔会错误展示的问题。[#40328](https://github.com/ant-design/ant-design/pull/40328)
   - 🐞 修复 Menu 分割线样式错误。[#40268](https://github.com/ant-design/ant-design/pull/40268) [@Wxh16144](https://github.com/Wxh16144)
-- 🐞 修复带波纹效果的组件（如 Button）在波纹展示前移除时，控制台报错的问题。[#40307](https://github.com/ant-design/ant-design/pull/40307) [@luo3house](https://github.com/luo3house)
+- 🐞 修复带波纹效果的组件（如 Button、Switch、Tag）在波纹展示前移除时，控制台报错的问题。[#40307](https://github.com/ant-design/ant-design/pull/40307) [@luo3house](https://github.com/luo3house)
 - 🐞 修复 Breadcrumb 组件使用 `menu` 属性，但是出现 overlay deprecation 警告的问题。[#40211](https://github.com/ant-design/ant-design/pull/40211) [@candy4290](https://github.com/candy4290)
 - 🐞 修复 Modal.useModal `destroyAll` 不工作的问题。[#40281](https://github.com/ant-design/ant-design/pull/40281) [@ds1371dani](https://github.com/ds1371dani)
 - 🐞 修复 `message` 组件通过 `config` 设置 `duration` 无效问题。[#40232](https://github.com/ant-design/ant-design/pull/40232) [@Yuiai01](https://github.com/Yuiai01)
 - 🐞 修复 Button 包含 `a` 标签时的 文本颜色不正确的问题。[#40269](https://github.com/ant-design/ant-design/pull/40269) [@ds1371dani](https://github.com/ds1371dani)
 - 🐞 修复 Radio 在 `disabled` 时显示错误的文本颜色和光标。[#40273](https://github.com/ant-design/ant-design/pull/40273) [@ds1371dani](https://github.com/ds1371dani)
-- 💄 优化 focus `outline` 计算逻辑，替换 `lineWidth` 为 `lineWidthBold`。[#40291](https://github.com/ant-design/ant-design/pull/40291) [@simonpfish](https://github.com/simonpfish)
-- 💄 重写部分组件样式以兼容部分对 `:not` 支持不完全的旧版浏览器。[#40264](https://github.com/ant-design/ant-design/pull/40264)
+- 💄 Design Token 优化 focus `outline` 计算逻辑，替换 `lineWidth` 为 `lineWidthBold`。[#40291](https://github.com/ant-design/ant-design/pull/40291) [@simonpfish](https://github.com/simonpfish)
+- 💄 杂项：重写部分组件样式以兼容部分对 `:not` 支持不完全的旧版浏览器。[#40264](https://github.com/ant-design/ant-design/pull/40264)
 - 🌐 修复 `pt_BR` 缺失的国际化。[#40270](https://github.com/ant-design/ant-design/pull/40270) [@rafaelncarvalho](https://github.com/rafaelncarvalho)
 
 ## 5.1.5
@@ -757,7 +771,7 @@ timeline: true
 
 - 🐞 修复 locale 文件丢失的问题。[#40116](https://github.com/ant-design/ant-design/pull/40116)
 - 🐞 修复 Cascader 组件 RTL 模式中下拉菜单位置问题。[#40109](https://github.com/ant-design/ant-design/pull/40109) [@3hson](https://github.com/3hson)
-- 🐞 修复部分组件动画闪烁的问题。[react-component/motion#39](https://github.com/react-component/motion/pull/39)
+- 🐞 修复 `rc-motion` 部分组件动画闪烁的问题。[react-component/motion#39](https://github.com/react-component/motion/pull/39)
 
 ## 5.1.3
 
@@ -779,16 +793,16 @@ timeline: true
 - 🐞 修复 Alert.ErrorBoundary 内容溢出的问题。[#40033](https://github.com/ant-design/ant-design/pull/40033)
 - 💄 修复 Tag `onClick` 为 undefined，鼠标点击也会出现边框样式。[#40023](https://github.com/ant-design/ant-design/pull/40023) [@crazyair](https://github.com/crazyair)
 - 💄 修复 Avatar.Group 内 Avatar 外层包裹其他元素时间距样式失效问题。[#39993](https://github.com/ant-design/ant-design/pull/39993)
-- 🐞 修复 Submenu 箭头过渡动画不正确的问题。[#39945](https://github.com/ant-design/ant-design/pull/39945) [@JarvisArt](https://github.com/JarvisArt)
-- 🐞 修复选择列固定时滚动会被其他单元格遮盖的问题。[#39940](https://github.com/ant-design/ant-design/pull/39940) [@kiner-tang](https://github.com/kiner-tang)
+- 🐞 修复 Menu.Submenu 箭头过渡动画不正确的问题。[#39945](https://github.com/ant-design/ant-design/pull/39945) [@JarvisArt](https://github.com/JarvisArt)
+- 🐞 修复 Table 选择列固定时滚动会被其他单元格遮盖的问题。[#39940](https://github.com/ant-design/ant-design/pull/39940) [@kiner-tang](https://github.com/kiner-tang)
 - 🌐 增加缺失的泰米尔语翻译。[#39936](https://github.com/ant-design/ant-design/pull/39936) [@KIRUBASHANKAR26](https://github.com/KIRUBASHANKAR26)
 
 ## 5.1.2
 
 `2022-12-30`
 
-- 🆕 官网主题编辑器添加主题上传功能。[#39621](https://github.com/ant-design/ant-design/pull/39621) [@BoyYangzai](https://github.com/BoyYangzai)
-- 💄 重构水波纹视效，现在可以多个水波纹同时触发了。[#39705](https://github.com/ant-design/ant-design/pull/39705) [@li-jia-nan](https://github.com/li-jia-nan)
+- 📖 官网主题编辑器添加主题上传功能。[#39621](https://github.com/ant-design/ant-design/pull/39621) [@BoyYangzai](https://github.com/BoyYangzai)
+- 💄 重构 Wave 水波纹视效，现在可以多个水波纹同时触发了。[#39705](https://github.com/ant-design/ant-design/pull/39705) [@li-jia-nan](https://github.com/li-jia-nan)
 - Table
   - 🐞 修复 Table `column.filtered` 更新不生效的问题。[#39883](https://github.com/ant-design/ant-design/pull/39883)
   - 🐞 修复 Table 排序/筛选的固定列背景色透明的样式异常问题。[#39012](https://github.com/ant-design/ant-design/pull/39012) [@kiner-tang](https://github.com/kiner-tang)
@@ -808,7 +822,7 @@ timeline: true
 
 - 📦 在构建流程中去掉对 IE 等旧版本浏览器的支持以减少包体积。[#38779](https://github.com/ant-design/ant-design/pull/38779)
 - ⚡️ 提升 Transfer 在大数据量下勾选和移动节点时的性能。[#39465](https://github.com/ant-design/ant-design/pull/39465) [@wqs576222103](https://github.com/wqs576222103)
-- 🐞 修复组件字体错误问题。[#39806](https://github.com/ant-design/ant-design/pull/39806)
+- 🐞 Design Token 修复组件字体错误问题。[#39806](https://github.com/ant-design/ant-design/pull/39806)
 - 🐞 修复 Drawer `placement` `open` `width` 等参数为 undefined 时默认值不生效的问题。[#39782](https://github.com/ant-design/ant-design/pull/39782)
 - 🐞 修复 Menu 切换时图标动画效果不流畅的问题。[#39800](https://github.com/ant-design/ant-design/pull/39800) [@JarvisArt](https://github.com/JarvisArt)
 - 🐞 修复 Image 预览操作条在动态过程中会被高 zIndex 的元素覆盖。[#39788](https://github.com/ant-design/ant-design/pull/39788) [@JarvisArt](https://github.com/JarvisArt)
@@ -857,13 +871,13 @@ timeline: true
 - 🐞 修复 Drawer 组件关于 `DefaultProps` 的警告。[#39562](https://github.com/ant-design/ant-design/pull/39562)
 - Menu
   - 🐞 修复 React18 中使用 `createRoot` 渲染 Menu.Submenu 会闪烁的问题。[#38855](https://github.com/ant-design/ant-design/pull/38855) [@JarvisArt](https://github.com/JarvisArt)
-  - 🛠 重构 MenuItem 为 Function Component。[#38751](https://github.com/ant-design/ant-design/pull/38751)
+  - 🛠 重构 Menu.MenuItem 为 Function Component。[#38751](https://github.com/ant-design/ant-design/pull/38751)
   - 💄 优化 Menu 组件选中样式。[#39439](https://github.com/ant-design/ant-design/pull/39439)
 - 🛠 LocaleProvider 在 4.x 中已经废弃（使用 `<ConfigProvider locale />` 替代），我们在 5.x 里彻底移除了相关目录 antd/es/locale-provider、antd/lib/locale-provider。[#39373](https://github.com/ant-design/ant-design/pull/39373)
 - 🛠 简化 lodash 方法引用。[#39599](https://github.com/ant-design/ant-design/pull/39599) [#39602](https://github.com/ant-design/ant-design/pull/39602)
 - TypeScript
   - 🤖 优化 Button DropDown Modal Popconfirm Select Transfer 鼠标事件类型定义。[#39533](https://github.com/ant-design/ant-design/pull/39533)
-  - 🤖 新增导出类型 `FloatButtonGroupProps`。[#39553](https://github.com/ant-design/ant-design/pull/39553)
+  - 🤖 新增 FloatButton 导出类型 `FloatButtonGroupProps`。[#39553](https://github.com/ant-design/ant-design/pull/39553)
 - 🌐 国际化
   - 🇧🇪 补全 `fr_BE` 文案。[#39415](https://github.com/ant-design/ant-design/pull/39415) [@azro352](https://github.com/azro352)
   - 🇨🇦 补全 `fr_CA` 文案。[#39416](https://github.com/ant-design/ant-design/pull/39416) [@azro352](https://github.com/azro352)
@@ -905,7 +919,7 @@ timeline: true
 - 💄 修复 Select 组件搜索框会出现空白区域的样式问题。[#39299](https://github.com/ant-design/ant-design/pull/39299)
 - 💄 修复 Tree 丢失选中样式的问题。[#39292](https://github.com/ant-design/ant-design/pull/39292)
 - 🐞 修复 FloatButton 自定义尺寸时，内容不居中的问题。[#39282](https://github.com/ant-design/ant-design/pull/39282) [@li-jia-nan](https://github.com/li-jia-nan)
-- 🐞 修复 RangePicker 日期 hover 样式。[#39266](https://github.com/ant-design/ant-design/pull/39266)
+- 🐞 修复 DatePicker.RangePicker 日期 hover 样式。[#39266](https://github.com/ant-design/ant-design/pull/39266)
 - 💄 优化 Button 在 Space.Compact 下的 Hover 样式。[#39241](https://github.com/ant-design/ant-design/pull/39241) [@foryuki](https://github.com/foryuki)
 - 🌐 修正 `vi_VN` 国际化描述。[#39279](https://github.com/ant-design/ant-design/pull/39279) [@nghiepdev](https://github.com/nghiepdev)
 - 🌐 修正 `he_IL` 国际化描述。[#39280](https://github.com/ant-design/ant-design/pull/39280) [@Ran-Sagy](https://github.com/Ran-Sagy)
@@ -921,11 +935,11 @@ timeline: true
   - 🐞 修复 Modal.info 没有图标时，内容宽度不正确的问题。[#39047](https://github.com/ant-design/ant-design/pull/39047) [@owjs3901](https://github.com/owjs3901)
 - 🐞 修复 Tree `checkable` 与 `blockNode` 配合时，`title` 元素不拉伸的问题。[#39209](https://github.com/ant-design/ant-design/pull/39209) [@Wxh16144](https://github.com/Wxh16144)
 - 🐞 修复 Dropdown 二级菜单丢失动画的问题。[#39235](https://github.com/ant-design/ant-design/pull/39235)
-- 💄 修复 RangePicker 内时间面板的 padding 样式。[#39228](https://github.com/ant-design/ant-design/pull/39228)
+- 💄 修复 DatePicker.RangePicker 内时间面板的 padding 样式。[#39228](https://github.com/ant-design/ant-design/pull/39228)
 - 🐞 修复 Card 的按钮组圆角样式。[#39210](https://github.com/ant-design/ant-design/pull/39210) [@MuxinFeng](https://github.com/MuxinFeng)
 - 🐞 修复了 Badge 自定义颜色的时候，波纹的颜色不会跟着小圆点颜色发生变化的问题。[#39182](https://github.com/ant-design/ant-design/pull/39182) [@li-jia-nan](https://github.com/li-jia-nan)
 - 🐞 修复 Radio 禁用状态选中样式。[#39165](https://github.com/ant-design/ant-design/pull/39165) [@Wxh16144](https://github.com/Wxh16144)
-- 🐞 修复 TextArea `resize` 不是 `none` 时计数文字的样式问题。[#39121](https://github.com/ant-design/ant-design/pull/39121) [@51wangping](https://github.com/51wangping)
+- 🐞 修复 Input.TextArea `resize` 不是 `none` 时计数文字的样式问题。[#39121](https://github.com/ant-design/ant-design/pull/39121) [@51wangping](https://github.com/51wangping)
 - 🐞 修复 Transfer 组件 点击复选框位置不可以取消选中，并触发了两次 onSelectChange 问题。[#39078](https://github.com/ant-design/ant-design/pull/39078) [@edc-hui](https://github.com/edc-hui)
 - 🐞 修复 Steps `size="small"` 第一项带有进度时，进度条显示不全的问题。[#39100](https://github.com/ant-design/ant-design/pull/39100) [@Wxh16144](https://github.com/Wxh16144)
 - 🐞 修复 Form 水平布局下 `xs` 的响应式布局不生效的问题。[#39130](https://github.com/ant-design/ant-design/pull/39130)
@@ -942,7 +956,7 @@ timeline: true
   - 🐞 修复 hover 在 Menu.Item 外面时颜色变蓝的问题。[#39077](https://github.com/ant-design/ant-design/pull/39077) [@Pulset](https://github.com/Pulset)
 - 🐞 修复 Input.TextArea 没有重置样式导致 resize 行为和 4.x 不一致的问题。[aa92f02](https://github.com/ant-design/ant-design/commit/aa92f02)
 - 🐞 修复 Upload 默认图标颜色。[#39114](https://github.com/ant-design/ant-design/pull/39114) [@MARKX97](https://github.com/MARKX97)
-- 🐞 修复 dev 下动态 hashId 导致的 ssr 注水失败的问题。[#39069](https://github.com/ant-design/ant-design/pull/39069)
+- 🐞 修复 `@ant-design/cssinjs` dev 下动态 hashId 导致的 ssr 注水失败的问题。[#39069](https://github.com/ant-design/ant-design/pull/39069)
 - 🐞 修复 FloatButton.Group 关闭时闪烁的问题。[#39061](https://github.com/ant-design/ant-design/pull/39061)
 - 🐞 修复 Card.Meta 宽度没有默认填满容器的问题。[#39026](https://github.com/ant-design/ant-design/pull/39026) [@justanotheranonymoususer](https://github.com/justanotheranonymoususer)
 
@@ -951,7 +965,7 @@ timeline: true
 `2022-11-27`
 
 - 💄 修复 Card 组件设置 `bodyStyle` 的背景颜色后圆角失效的问题。[#38973](https://github.com/ant-design/ant-design/pull/38973) [@Yukiniro](https://github.com/Yukiniro)
-- 💄 优化错误色的默认算法。[#38933](https://github.com/ant-design/ant-design/pull/38933)
+- 💄 Design Token 优化错误色的默认算法。[#38933](https://github.com/ant-design/ant-design/pull/38933)
 - 💄 修复 RTL 模式下的样式问题。[#38829](https://github.com/ant-design/ant-design/pull/38829) [@Wxh16144](https://github.com/Wxh16144)
 - Space.Compact
   - 💄 Space.Compact 包裹单个子组件时，展示该子组件本身的样式。[#38896](https://github.com/ant-design/ant-design/pull/38896) [@foryuki](https://github.com/foryuki)
@@ -974,7 +988,7 @@ timeline: true
 
 - 💄 优化 Empty 组件的 svg 图片在暗色主题下的颜色。[#38785](https://github.com/ant-design/ant-design/pull/38785)
 - 💄 修复 Form, Input, Select, Tree 转换到 CSS-in-JS 丢失少量样式的问题。[#38742](https://github.com/ant-design/ant-design/pull/38742)
-- 💄 修复 Firefox 下拉菜单动画抖动的问题。[#38729](https://github.com/ant-design/ant-design/pull/38729)
+- 💄 修复 Dropdown 在 Firefox 下拉菜单动画抖动的问题。[#38729](https://github.com/ant-design/ant-design/pull/38729)
 - Menu
   - 🐞 修复 Menu SubMenu 间距问题。[#38714](https://github.com/ant-design/ant-design/pull/38714) [@JarvisArt](https://github.com/JarvisArt)
   - 🐞 修复 Menu 暗色主题下高度多了 1px 的问题。[#38741](https://github.com/ant-design/ant-design/pull/38741) [@LuciNyan](https://github.com/LuciNyan)
diff --git a/README.md b/README.md
index 164a40048762..a7fc1da34977 100644
--- a/README.md
+++ b/README.md
@@ -12,7 +12,7 @@ An enterprise-class UI design language and React UI library.
 
 [![CI status][github-action-image]][github-action-url] [![codecov][codecov-image]][codecov-url] [![NPM version][npm-image]][npm-url] [![NPM downloads][download-image]][download-url]
 
-[![][bundlephobia-image]][bundlephobia-url] [![][bundlesize-js-image]][unpkg-js-url] [![FOSSA Status][fossa-image]][fossa-url]
+[![][bundlephobia-image]][bundlephobia-url] [![][bundlesize-js-image]][unpkg-js-url] [![FOSSA Status][fossa-image]][fossa-url] [![Covered by Argos Visual Testing][argos-ci-image]][argos-ci-url]
 
 [![Follow Twitter][twitter-image]][twitter-url] [![Renovate status][renovate-image]][renovate-dashboard-url] [![][issues-helper-image]][issues-helper-url] [![dumi][dumi-image]][dumi-url] [![Issues need help][help-wanted-image]][help-wanted-url]
 
@@ -40,6 +40,8 @@ An enterprise-class UI design language and React UI library.
 [renovate-dashboard-url]: https://github.com/ant-design/ant-design/issues/32498
 [dumi-image]: https://img.shields.io/badge/docs%20by-dumi-blue?style=flat-square
 [dumi-url]: https://github.com/umijs/dumi
+[argos-ci-image]: https://argos-ci.com/badge.svg
+[argos-ci-url]: https://app.argos-ci.com/ant-design/ant-design/reference
 
 </div>
 
diff --git a/components/_util/__tests__/wave.test.tsx b/components/_util/__tests__/wave.test.tsx
index 1311db982926..0f6bd7ec2dc0 100644
--- a/components/_util/__tests__/wave.test.tsx
+++ b/components/_util/__tests__/wave.test.tsx
@@ -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();
+  });
 });
diff --git a/components/_util/wave/WaveEffect.tsx b/components/_util/wave/WaveEffect.tsx
index 88b881451f56..a58a7329a644 100644
--- a/components/_util/wave/WaveEffect.tsx
+++ b/components/_util/wave/WaveEffect.tsx
@@ -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;
diff --git a/components/_util/wave/index.ts b/components/_util/wave/index.ts
index 874686d47cf1..24bf37a509d5 100644
--- a/components/_util/wave/index.ts
+++ b/components/_util/wave/index.ts
@@ -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 ||
diff --git a/components/_util/wave/interface.ts b/components/_util/wave/interface.ts
new file mode 100644
index 000000000000..f878fa884b1b
--- /dev/null
+++ b/components/_util/wave/interface.ts
@@ -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;
diff --git a/components/_util/wave/style.ts b/components/_util/wave/style.ts
index b412e86e3dea..140e697dd17f 100644
--- a/components/_util/wave/style.ts
+++ b/components/_util/wave/style.ts
@@ -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(','),
+        },
       },
     },
   };
diff --git a/components/_util/wave/useWave.ts b/components/_util/wave/useWave.ts
index ba607c670634..788141ebb7ad 100644
--- a/components/_util/wave/useWave.ts
+++ b/components/_util/wave/useWave.ts
@@ -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;
 }
diff --git a/components/anchor/style/index.ts b/components/anchor/style/index.ts
index 023f2c567cc4..0ea7e5578c6d 100644
--- a/components/anchor/style/index.ts
+++ b/components/anchor/style/index.ts
@@ -5,13 +5,13 @@ import { genComponentStyleHook, mergeToken } from '../../theme/internal';
 
 export interface ComponentToken {
   /**
-   * @desc 链接横向内间距
-   * @descEN Link horizontal padding
+   * @desc 链接纵向内间距
+   * @descEN Vertical padding of link
    */
   linkPaddingBlock: number;
   /**
-   * @desc 链接纵向内间距
-   * @descEN Link vertical padding
+   * @desc 链接横向内间距
+   * @descEN Horizontal padding of link
    */
   linkPaddingInlineStart: number;
 }
diff --git a/components/button/__tests__/wave.test.tsx b/components/button/__tests__/wave.test.tsx
index 91ee5e21d12c..80da394ba8dc 100644
--- a/components/button/__tests__/wave.test.tsx
+++ b/components/button/__tests__/wave.test.tsx
@@ -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);
     });
diff --git a/components/checkbox/Checkbox.tsx b/components/checkbox/Checkbox.tsx
index d42d1a01ea18..7a2d64386e20 100644
--- a/components/checkbox/Checkbox.tsx
+++ b/components/checkbox/Checkbox.tsx
@@ -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>,
   );
 };
 
diff --git a/components/checkbox/__tests__/__snapshots__/checkbox.test.tsx.snap b/components/checkbox/__tests__/__snapshots__/checkbox.test.tsx.snap
index ae18e7417675..af26973871cc 100644
--- a/components/checkbox/__tests__/__snapshots__/checkbox.test.tsx.snap
+++ b/components/checkbox/__tests__/__snapshots__/checkbox.test.tsx.snap
@@ -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"
diff --git a/components/checkbox/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/checkbox/__tests__/__snapshots__/demo-extend.test.ts.snap
index 1545770d26ae..3bb5b841bf48 100644
--- a/components/checkbox/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/checkbox/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -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"
diff --git a/components/checkbox/__tests__/__snapshots__/demo.test.tsx.snap b/components/checkbox/__tests__/__snapshots__/demo.test.tsx.snap
index db9fecff7924..2039e0116a8b 100644
--- a/components/checkbox/__tests__/__snapshots__/demo.test.tsx.snap
+++ b/components/checkbox/__tests__/__snapshots__/demo.test.tsx.snap
@@ -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"
diff --git a/components/checkbox/__tests__/__snapshots__/group.test.tsx.snap b/components/checkbox/__tests__/__snapshots__/group.test.tsx.snap
index 3b2365ae536f..11f5a96307e8 100644
--- a/components/checkbox/__tests__/__snapshots__/group.test.tsx.snap
+++ b/components/checkbox/__tests__/__snapshots__/group.test.tsx.snap
@@ -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"
diff --git a/components/checkbox/style/index.ts b/components/checkbox/style/index.ts
index 50502085e417..3b3319e97284 100644
--- a/components/checkbox/style/index.ts
+++ b/components/checkbox/style/index.ts
@@ -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,
-        },
       },
     },
 
diff --git a/components/config-provider/__tests__/__snapshots__/components.test.tsx.snap b/components/config-provider/__tests__/__snapshots__/components.test.tsx.snap
index 76dccfb15b98..8da9dd90609f 100644
--- a/components/config-provider/__tests__/__snapshots__/components.test.tsx.snap
+++ b/components/config-provider/__tests__/__snapshots__/components.test.tsx.snap
@@ -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"
diff --git a/components/config-provider/context.ts b/components/config-provider/context.ts
index 6751d30402b0..dc2c1944106b 100644
--- a/components/config-provider/context.ts
+++ b/components/config-provider/context.ts
@@ -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';
 
diff --git a/components/date-picker/__tests__/DatePicker.test.tsx b/components/date-picker/__tests__/DatePicker.test.tsx
index c7b7533ba173..54c91b3bbfb5 100644
--- a/components/date-picker/__tests__/DatePicker.test.tsx
+++ b/components/date-picker/__tests__/DatePicker.test.tsx
@@ -5,11 +5,14 @@ import customParseFormat from 'dayjs/plugin/customParseFormat';
 import MockDate from 'mockdate';
 import dayJsGenerateConfig from 'rc-picker/lib/generate/dayjs';
 import React from 'react';
+import userEvent from '@testing-library/user-event';
+import { CloseCircleFilled } from '@ant-design/icons';
 import DatePicker from '..';
 import focusTest from '../../../tests/shared/focusTest';
-import { fireEvent, render } from '../../../tests/utils';
+import { fireEvent, render, screen, waitFor } from '../../../tests/utils';
 import { resetWarned } from '../../_util/warning';
 import type { PickerLocale } from '../generatePicker';
+import { closeCircleByRole, expectCloseCircle } from './utils';
 
 dayjs.extend(customParseFormat);
 
@@ -312,4 +315,31 @@ describe('DatePicker', () => {
         .querySelectorAll('.ant-picker-time-panel-cell').length,
     ).toBe(60);
   });
+
+  it('allows or prohibits clearing as applicable', async () => {
+    const somepoint = dayjs('2023-08-01');
+    const { rerender } = render(<DatePicker value={somepoint} />);
+
+    const { role, options } = closeCircleByRole;
+    await userEvent.hover(screen.getByRole(role, options));
+    await waitFor(() => expectCloseCircle(true));
+
+    rerender(<DatePicker value={somepoint} allowClear={false} />);
+    await waitFor(() => expectCloseCircle(false));
+
+    rerender(<DatePicker value={somepoint} allowClear={{ clearIcon: <CloseCircleFilled /> }} />);
+    await waitFor(() => expectCloseCircle(true));
+
+    rerender(
+      <DatePicker
+        value={somepoint}
+        allowClear={{ clearIcon: <div data-testid="custom-clear" /> }}
+      />,
+    );
+    await waitFor(() => expectCloseCircle(false));
+    await userEvent.hover(screen.getByTestId('custom-clear'));
+
+    rerender(<DatePicker value={somepoint} allowClear={{}} />);
+    await waitFor(() => expectCloseCircle(true));
+  });
 });
diff --git a/components/date-picker/__tests__/RangePicker.test.tsx b/components/date-picker/__tests__/RangePicker.test.tsx
index a8778c2717f7..df75efb60e7f 100644
--- a/components/date-picker/__tests__/RangePicker.test.tsx
+++ b/components/date-picker/__tests__/RangePicker.test.tsx
@@ -2,13 +2,14 @@ import dayjs from 'dayjs';
 import customParseFormat from 'dayjs/plugin/customParseFormat';
 import type { RangeValue } from 'rc-picker/lib/interface';
 import React, { useState } from 'react';
+import userEvent from '@testing-library/user-event';
+import { CloseCircleFilled } from '@ant-design/icons';
 import DatePicker from '..';
 import focusTest from '../../../tests/shared/focusTest';
-import { render, resetMockDate, setMockDate } from '../../../tests/utils';
+import { render, resetMockDate, setMockDate, screen, waitFor } from '../../../tests/utils';
 import { resetWarned } from '../../_util/warning';
 import enUS from '../locale/en_US';
-
-import { closePicker, openPicker, selectCell } from './utils';
+import { closeCircleByRole, expectCloseCircle, closePicker, openPicker, selectCell } from './utils';
 
 dayjs.extend(customParseFormat);
 
@@ -127,4 +128,38 @@ describe('RangePicker', () => {
 
     errSpy.mockRestore();
   });
+
+  it('allows or prohibits clearing as applicable', async () => {
+    const somepoint = dayjs('2023-08-01');
+    const { rerender } = render(<RangePicker locale={enUS} value={[somepoint, somepoint]} />);
+
+    const { role, options } = closeCircleByRole;
+    await userEvent.hover(screen.getByRole(role, options));
+    await waitFor(() => expectCloseCircle(true));
+
+    rerender(<RangePicker locale={enUS} value={[somepoint, somepoint]} allowClear={false} />);
+    await waitFor(() => expectCloseCircle(false));
+
+    rerender(
+      <RangePicker
+        locale={enUS}
+        value={[somepoint, somepoint]}
+        allowClear={{ clearIcon: <CloseCircleFilled /> }}
+      />,
+    );
+    await waitFor(() => expectCloseCircle(true));
+
+    rerender(
+      <RangePicker
+        locale={enUS}
+        value={[somepoint, somepoint]}
+        allowClear={{ clearIcon: <div data-testid="custom-clear" /> }}
+      />,
+    );
+    await waitFor(() => expectCloseCircle(false));
+    await userEvent.hover(screen.getByTestId('custom-clear'));
+
+    rerender(<RangePicker locale={enUS} value={[somepoint, somepoint]} allowClear={{}} />);
+    await waitFor(() => expectCloseCircle(true));
+  });
 });
diff --git a/components/date-picker/__tests__/utils.ts b/components/date-picker/__tests__/utils.ts
index c2f87f9ecb27..56efb35a8903 100644
--- a/components/date-picker/__tests__/utils.ts
+++ b/components/date-picker/__tests__/utils.ts
@@ -1,5 +1,5 @@
 import type { render } from '../../../tests/utils';
-import { fireEvent } from '../../../tests/utils';
+import { fireEvent, screen } from '../../../tests/utils';
 
 export function openPicker(wrapper: ReturnType<typeof render>, index = 0) {
   fireEvent.mouseDown(wrapper.container?.querySelectorAll('input')?.[index]!);
@@ -25,3 +25,11 @@ export function selectCell(wrapper: ReturnType<typeof render>, text: string | nu
   }
   return matchCell;
 }
+
+export const closeCircleByRole = { role: 'img', options: { name: 'close-circle' } } as const;
+
+export function expectCloseCircle(shouldExist: boolean) {
+  const { role, options } = closeCircleByRole;
+  const count = shouldExist ? 1 : 0;
+  return expect(screen.queryAllByRole(role, options).length).toStrictEqual(count);
+}
diff --git a/components/date-picker/generatePicker/generateRangePicker.tsx b/components/date-picker/generatePicker/generateRangePicker.tsx
index f929dc0c824b..503f2806ddfb 100644
--- a/components/date-picker/generatePicker/generateRangePicker.tsx
+++ b/components/date-picker/generatePicker/generateRangePicker.tsx
@@ -18,7 +18,12 @@ import { useLocale } from '../../locale';
 import { useCompactItemContext } from '../../space/Compact';
 import enUS from '../locale/en_US';
 import useStyle from '../style';
-import { getRangePlaceholder, getTimeProps, transPlacement2DropdownAlign } from '../util';
+import {
+  getRangePlaceholder,
+  getTimeProps,
+  mergeAllowClear,
+  transPlacement2DropdownAlign,
+} from '../util';
 import Components from './Components';
 import type { CommonPickerMethods, PickerComponentClass } from './interface';
 
@@ -50,6 +55,7 @@ export default function generateRangePicker<DateType>(generateConfig: GenerateCo
       dropdownClassName,
       status: customStatus,
       clearIcon,
+      allowClear,
       ...restProps
     } = props;
 
@@ -141,7 +147,7 @@ export default function generateRangePicker<DateType>(generateConfig: GenerateCo
         components={Components}
         direction={direction}
         dropdownClassName={classNames(hashId, popupClassName || dropdownClassName)}
-        allowClear={{ clearIcon: clearIcon ?? <CloseCircleFilled /> }}
+        allowClear={mergeAllowClear(allowClear, clearIcon, <CloseCircleFilled />)}
       />,
     );
   });
diff --git a/components/date-picker/generatePicker/generateSinglePicker.tsx b/components/date-picker/generatePicker/generateSinglePicker.tsx
index c6b8073b2abf..44b988d4fb2e 100644
--- a/components/date-picker/generatePicker/generateSinglePicker.tsx
+++ b/components/date-picker/generatePicker/generateSinglePicker.tsx
@@ -19,7 +19,12 @@ import { useLocale } from '../../locale';
 import { useCompactItemContext } from '../../space/Compact';
 import enUS from '../locale/en_US';
 import useStyle from '../style';
-import { getPlaceholder, getTimeProps, transPlacement2DropdownAlign } from '../util';
+import {
+  getPlaceholder,
+  getTimeProps,
+  mergeAllowClear,
+  transPlacement2DropdownAlign,
+} from '../util';
 import Components from './Components';
 import type { CommonPickerMethods, DatePickRef, PickerComponentClass } from './interface';
 
@@ -55,6 +60,7 @@ export default function generatePicker<DateType>(generateConfig: GenerateConfig<
           disabled: customDisabled,
           status: customStatus,
           clearIcon,
+          allowClear,
           ...restProps
         } = props;
 
@@ -177,7 +183,7 @@ export default function generatePicker<DateType>(generateConfig: GenerateConfig<
               rootClassName,
               popupClassName || dropdownClassName,
             )}
-            allowClear={{ clearIcon: clearIcon ?? <CloseCircleFilled /> }}
+            allowClear={mergeAllowClear(allowClear, clearIcon, <CloseCircleFilled />)}
           />,
         );
       },
diff --git a/components/date-picker/util.ts b/components/date-picker/util.ts
index c0e0a20477e3..f624b5aebba0 100644
--- a/components/date-picker/util.ts
+++ b/components/date-picker/util.ts
@@ -3,7 +3,7 @@ import type { PickerMode } from 'rc-picker/lib/interface';
 import type { SharedTimeProps } from 'rc-picker/lib/panels/TimePanel';
 import type { SelectCommonPlacement } from '../_util/motion';
 import type { DirectionType } from '../config-provider';
-import type { PickerLocale } from './generatePicker';
+import type { PickerLocale, PickerProps } from './generatePicker';
 
 export function getPlaceholder(
   locale: PickerLocale,
@@ -160,3 +160,19 @@ export function getTimeProps<DateType, DisabledTime>(
     showTime: showTimeObj,
   };
 }
+
+type AllowClear = PickerProps<unknown>['allowClear'];
+type ClearIcon = PickerProps<unknown>['clearIcon'];
+
+export function mergeAllowClear(
+  allowClear: AllowClear,
+  clearIcon: ClearIcon,
+  defaultClearIcon: NonNullable<ClearIcon>,
+) {
+  if (allowClear === false) {
+    return false;
+  }
+
+  const defaults = { clearIcon: clearIcon ?? defaultClearIcon };
+  return typeof allowClear === 'object' ? { ...defaults, ...allowClear } : defaults;
+}
diff --git a/components/descriptions/Cell.tsx b/components/descriptions/Cell.tsx
index 55256c84078d..82f322c117d5 100644
--- a/components/descriptions/Cell.tsx
+++ b/components/descriptions/Cell.tsx
@@ -33,7 +33,8 @@ const Cell: React.FC<CellProps> = (props) => {
     content,
     colon,
   } = props;
-  const Component = component as any;
+
+  const Component = component as keyof JSX.IntrinsicElements;
 
   if (bordered) {
     return (
diff --git a/components/descriptions/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/descriptions/__tests__/__snapshots__/demo-extend.test.ts.snap
index 19cc179d5284..4017157a71f8 100644
--- a/components/descriptions/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/descriptions/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -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"
diff --git a/components/descriptions/__tests__/__snapshots__/demo.test.ts.snap b/components/descriptions/__tests__/__snapshots__/demo.test.ts.snap
index 68c9ac932881..c09c543df75f 100644
--- a/components/descriptions/__tests__/__snapshots__/demo.test.ts.snap
+++ b/components/descriptions/__tests__/__snapshots__/demo.test.ts.snap
@@ -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"
diff --git a/components/drawer/__tests__/__snapshots__/demo-extend.test.tsx.snap b/components/drawer/__tests__/__snapshots__/demo-extend.test.tsx.snap
index 0e00d8cafda8..2b1744b54244 100644
--- a/components/drawer/__tests__/__snapshots__/demo-extend.test.tsx.snap
+++ b/components/drawer/__tests__/__snapshots__/demo-extend.test.tsx.snap
@@ -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=""
diff --git a/components/drawer/__tests__/__snapshots__/demo.test.ts.snap b/components/drawer/__tests__/__snapshots__/demo.test.ts.snap
index a97d7449056b..44f81dd70fbf 100644
--- a/components/drawer/__tests__/__snapshots__/demo.test.ts.snap
+++ b/components/drawer/__tests__/__snapshots__/demo.test.ts.snap
@@ -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=""
diff --git a/components/drawer/style/index.ts b/components/drawer/style/index.ts
index 0b5d7c60c0f6..ef04de75efcc 100644
--- a/components/drawer/style/index.ts
+++ b/components/drawer/style/index.ts
@@ -9,13 +9,13 @@ export interface ComponentToken {
    */
   zIndexPopup: number;
   /**
-   * @desc 底部区域横向内间距
-   * @descEN Horizontal padding of footer
+   * @desc 底部区域纵向内间距
+   * @descEN Vertical padding of footer
    */
   footerPaddingBlock: number;
   /**
-   * @desc 底部区域纵向内间距
-   * @descEN Vertical padding of footer
+   * @desc 底部区域横向内间距
+   * @descEN Horizontal padding of footer
    */
   footerPaddingInline: number;
 }
diff --git a/components/empty/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/empty/__tests__/__snapshots__/demo-extend.test.ts.snap
index d7104fbb25d7..948f492f1e2e 100644
--- a/components/empty/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/empty/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -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"
diff --git a/components/empty/__tests__/__snapshots__/demo.test.ts.snap b/components/empty/__tests__/__snapshots__/demo.test.ts.snap
index 336ec371bd2c..02c8141b63ac 100644
--- a/components/empty/__tests__/__snapshots__/demo.test.ts.snap
+++ b/components/empty/__tests__/__snapshots__/demo.test.ts.snap
@@ -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"
diff --git a/components/form/FormItem/index.tsx b/components/form/FormItem/index.tsx
index 68127ed50545..c4f21056c6a6 100644
--- a/components/form/FormItem/index.tsx
+++ b/components/form/FormItem/index.tsx
@@ -1,5 +1,4 @@
 import classNames from 'classnames';
-import type { FormInstance } from 'rc-field-form';
 import { Field, FieldContext, ListContext } from 'rc-field-form';
 import type { FieldProps } from 'rc-field-form/lib/Field';
 import type { Meta, NamePath } from 'rc-field-form/lib/interface';
@@ -17,9 +16,9 @@ import useFrameState from '../hooks/useFrameState';
 import useItemRef from '../hooks/useItemRef';
 import { getFieldId, toArray } from '../util';
 import ItemHolder from './ItemHolder';
-
 import useChildren from '../hooks/useChildren';
 import useStyle from '../style';
+import type { FormInstance } from '../Form';
 
 const NAME_SPLIT = '__SPLIT__';
 
@@ -258,7 +257,7 @@ function InternalFormItem<Values = any>(props: FormItemProps<Values>): React.Rea
       validateTrigger={mergedValidateTrigger}
       onMetaChange={onMetaChange}
     >
-      {(control, renderMeta, context) => {
+      {(control, renderMeta, context: FormInstance<Values>) => {
         const mergedName = toArray(name).length && renderMeta ? renderMeta.name : [];
         const fieldId = getFieldId(mergedName, formName);
 
diff --git a/components/form/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/form/__tests__/__snapshots__/demo-extend.test.ts.snap
index 33898de0e0c1..bc475ce5a6c6 100644
--- a/components/form/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/form/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -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"
diff --git a/components/form/__tests__/__snapshots__/demo.test.tsx.snap b/components/form/__tests__/__snapshots__/demo.test.tsx.snap
index a9257dc51d18..6d2a2cdabc01 100644
--- a/components/form/__tests__/__snapshots__/demo.test.tsx.snap
+++ b/components/form/__tests__/__snapshots__/demo.test.tsx.snap
@@ -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"
diff --git a/components/form/__tests__/__snapshots__/index.test.tsx.snap b/components/form/__tests__/__snapshots__/index.test.tsx.snap
index f4889d313686..d60727748c7f 100644
--- a/components/form/__tests__/__snapshots__/index.test.tsx.snap
+++ b/components/form/__tests__/__snapshots__/index.test.tsx.snap
@@ -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"
diff --git a/components/input-number/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/input-number/__tests__/__snapshots__/demo-extend.test.ts.snap
index 23f54c3a5b23..5ed164f3e42e 100644
--- a/components/input-number/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/input-number/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -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=""
diff --git a/components/input-number/__tests__/__snapshots__/demo.test.tsx.snap b/components/input-number/__tests__/__snapshots__/demo.test.tsx.snap
index f3ea940b26a9..05fdc8a6302d 100644
--- a/components/input-number/__tests__/__snapshots__/demo.test.tsx.snap
+++ b/components/input-number/__tests__/__snapshots__/demo.test.tsx.snap
@@ -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=""
diff --git a/components/input-number/index.en-US.md b/components/input-number/index.en-US.md
index c62e0572c67b..f1af5d8f282a 100644
--- a/components/input-number/index.en-US.md
+++ b/components/input-number/index.en-US.md
@@ -85,3 +85,7 @@ Developer handle data by their own in control. It will make data out of sync if
 ### Why dynamic change `min` or `max` which makes `value` out of range will not trigger `onChange`?
 
 `onChange` is user trigger event. Auto trigger will makes form lib can not detect data modify source.
+
+### Why `onBlur` or other event can not get correct value?
+
+InputNumber's value is wrapped by internal logic. The `event.target.value` you get from `onBlur` or other event is the DOM element's `value` instead of the actual value of InputNumber. For example, if you change the display format through `formatter` or `decimalSeparator`, you will get the formatted string in the DOM. You should always get the current value through `onChange`.
diff --git a/components/input-number/index.zh-CN.md b/components/input-number/index.zh-CN.md
index 983a484d4a2f..7e10808f940c 100644
--- a/components/input-number/index.zh-CN.md
+++ b/components/input-number/index.zh-CN.md
@@ -82,3 +82,7 @@ demo:
 ### 为何动态修改 `min` 和 `max` 让 `value` 超出范围不会触发 `onChange` 事件？
 
 `onChange` 事件为用户触发事件，自行触发会导致表单库误以为变更来自用户操作。我们以错误样式展示超出范围的数值。
+
+### 为何 `onBlur` 等事件获取不到正确的 value？
+
+InputNumber 的值由内部逻辑封装而成，通过 `onBlur` 等事件获取的 `event.target.value` 仅为 DOM 元素的 `value` 而非 InputNumber 的实际值。例如通过 `formatter` 或者 `decimalSeparator` 更改展示格式，DOM 中得到的就是格式化后的字符串。你总是应该通过 `onChange` 获取当前值。
diff --git a/components/input-number/style/index.ts b/components/input-number/style/index.ts
index a3c677be16ef..07032b4a338b 100644
--- a/components/input-number/style/index.ts
+++ b/components/input-number/style/index.ts
@@ -163,6 +163,7 @@ const genInputNumberStyles: GenerateStyle<InputNumberToken> = (token: InputNumbe
             '&-lg': {
               [`${componentCls}-group-addon`]: {
                 borderRadius: borderRadiusLG,
+                fontSize: token.fontSizeLG,
               },
             },
             '&-sm': {
diff --git a/components/input/style/index.ts b/components/input/style/index.ts
index fac6677eb54d..1c8d6a99d889 100644
--- a/components/input/style/index.ts
+++ b/components/input/style/index.ts
@@ -700,6 +700,7 @@ const genGroupStyle: GenerateStyle<InputToken> = (token: InputToken) => {
         '&-lg': {
           [`${componentCls}-group-addon`]: {
             borderRadius: borderRadiusLG,
+            fontSize: token.fontSizeLG,
           },
         },
         '&-sm': {
diff --git a/components/locale/__tests__/__snapshots__/index.test.tsx.snap b/components/locale/__tests__/__snapshots__/index.test.tsx.snap
index dbcdd5147c78..f7625284102a 100644
--- a/components/locale/__tests__/__snapshots__/index.test.tsx.snap
+++ b/components/locale/__tests__/__snapshots__/index.test.tsx.snap
@@ -5404,7 +5404,7 @@ exports[`Locale Provider should display the text as ar 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"
@@ -5638,7 +5638,7 @@ exports[`Locale Provider should display the text as ar 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"
@@ -10513,7 +10513,7 @@ exports[`Locale Provider should display the text as az 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"
@@ -10747,7 +10747,7 @@ exports[`Locale Provider should display the text as az 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"
@@ -15622,7 +15622,7 @@ exports[`Locale Provider should display the text as bg 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"
@@ -15856,7 +15856,7 @@ exports[`Locale Provider should display the text as bg 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"
@@ -20731,7 +20731,7 @@ exports[`Locale Provider should display the text as bn-bd 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"
@@ -20965,7 +20965,7 @@ exports[`Locale Provider should display the text as bn-bd 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"
@@ -25840,7 +25840,7 @@ exports[`Locale Provider should display the text as by 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"
@@ -26074,7 +26074,7 @@ exports[`Locale Provider should display the text as by 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"
@@ -30949,7 +30949,7 @@ exports[`Locale Provider should display the text as ca 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"
@@ -31183,7 +31183,7 @@ exports[`Locale Provider should display the text as ca 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"
@@ -36058,7 +36058,7 @@ exports[`Locale Provider should display the text as cs 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"
@@ -36292,7 +36292,7 @@ exports[`Locale Provider should display the text as cs 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"
@@ -41167,7 +41167,7 @@ exports[`Locale Provider should display the text as da 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"
@@ -41401,7 +41401,7 @@ exports[`Locale Provider should display the text as da 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"
@@ -46276,7 +46276,7 @@ exports[`Locale Provider should display the text as de 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"
@@ -46510,7 +46510,7 @@ exports[`Locale Provider should display the text as de 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"
@@ -51385,7 +51385,7 @@ exports[`Locale Provider should display the text as el 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"
@@ -51619,7 +51619,7 @@ exports[`Locale Provider should display the text as el 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"
@@ -56494,7 +56494,7 @@ exports[`Locale Provider should display the text as en 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"
@@ -56728,7 +56728,7 @@ exports[`Locale Provider should display the text as en 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"
@@ -61603,7 +61603,7 @@ exports[`Locale Provider should display the text as en-gb 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"
@@ -61837,7 +61837,7 @@ exports[`Locale Provider should display the text as en-gb 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"
@@ -66712,7 +66712,7 @@ exports[`Locale Provider should display the text as es 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"
@@ -66946,7 +66946,7 @@ exports[`Locale Provider should display the text as es 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"
@@ -71821,7 +71821,7 @@ exports[`Locale Provider should display the text as et 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"
@@ -72055,7 +72055,7 @@ exports[`Locale Provider should display the text as et 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"
@@ -76930,7 +76930,7 @@ exports[`Locale Provider should display the text as eu 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"
@@ -77164,7 +77164,7 @@ exports[`Locale Provider should display the text as eu 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"
@@ -82039,7 +82039,7 @@ exports[`Locale Provider should display the text as fa 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"
@@ -82273,7 +82273,7 @@ exports[`Locale Provider should display the text as fa 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"
@@ -87148,7 +87148,7 @@ exports[`Locale Provider should display the text as fi 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"
@@ -87382,7 +87382,7 @@ exports[`Locale Provider should display the text as fi 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"
@@ -92257,7 +92257,7 @@ exports[`Locale Provider should display the text as fr 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"
@@ -92491,7 +92491,7 @@ exports[`Locale Provider should display the text as fr 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"
@@ -97366,7 +97366,7 @@ exports[`Locale Provider should display the text as fr 2`] = `
           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"
@@ -97600,7 +97600,7 @@ exports[`Locale Provider should display the text as fr 2`] = `
           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"
@@ -102475,7 +102475,7 @@ exports[`Locale Provider should display the text as fr 3`] = `
           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"
@@ -102709,7 +102709,7 @@ exports[`Locale Provider should display the text as fr 3`] = `
           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"
@@ -107584,7 +107584,7 @@ exports[`Locale Provider should display the text as ga 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"
@@ -107818,7 +107818,7 @@ exports[`Locale Provider should display the text as ga 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"
@@ -112693,7 +112693,7 @@ exports[`Locale Provider should display the text as gl 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"
@@ -112927,7 +112927,7 @@ exports[`Locale Provider should display the text as gl 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"
@@ -117802,7 +117802,7 @@ exports[`Locale Provider should display the text as he 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"
@@ -118036,7 +118036,7 @@ exports[`Locale Provider should display the text as he 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"
@@ -122911,7 +122911,7 @@ exports[`Locale Provider should display the text as hi 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"
@@ -123145,7 +123145,7 @@ exports[`Locale Provider should display the text as hi 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"
@@ -128020,7 +128020,7 @@ exports[`Locale Provider should display the text as hr 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"
@@ -128254,7 +128254,7 @@ exports[`Locale Provider should display the text as hr 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"
@@ -133129,7 +133129,7 @@ exports[`Locale Provider should display the text as hu 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"
@@ -133363,7 +133363,7 @@ exports[`Locale Provider should display the text as hu 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"
@@ -138238,7 +138238,7 @@ exports[`Locale Provider should display the text as hy-am 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"
@@ -138472,7 +138472,7 @@ exports[`Locale Provider should display the text as hy-am 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"
@@ -143347,7 +143347,7 @@ exports[`Locale Provider should display the text as id 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"
@@ -143581,7 +143581,7 @@ exports[`Locale Provider should display the text as id 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"
@@ -148456,7 +148456,7 @@ exports[`Locale Provider should display the text as is 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"
@@ -148690,7 +148690,7 @@ exports[`Locale Provider should display the text as is 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"
@@ -153565,7 +153565,7 @@ exports[`Locale Provider should display the text as it 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"
@@ -153799,7 +153799,7 @@ exports[`Locale Provider should display the text as it 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"
@@ -158674,7 +158674,7 @@ exports[`Locale Provider should display the text as ja 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"
@@ -158908,7 +158908,7 @@ exports[`Locale Provider should display the text as ja 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"
@@ -163783,7 +163783,7 @@ exports[`Locale Provider should display the text as ka 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"
@@ -164017,7 +164017,7 @@ exports[`Locale Provider should display the text as ka 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"
@@ -168892,7 +168892,7 @@ exports[`Locale Provider should display the text as kk 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"
@@ -169126,7 +169126,7 @@ exports[`Locale Provider should display the text as kk 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"
@@ -174001,7 +174001,7 @@ exports[`Locale Provider should display the text as km 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"
@@ -174234,7 +174234,7 @@ exports[`Locale Provider should display the text as km 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"
@@ -179108,7 +179108,7 @@ exports[`Locale Provider should display the text as kn 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"
@@ -179342,7 +179342,7 @@ exports[`Locale Provider should display the text as kn 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"
@@ -184217,7 +184217,7 @@ exports[`Locale Provider should display the text as ko 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"
@@ -184451,7 +184451,7 @@ exports[`Locale Provider should display the text as ko 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"
@@ -189326,7 +189326,7 @@ exports[`Locale Provider should display the text as ku 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"
@@ -189560,7 +189560,7 @@ exports[`Locale Provider should display the text as ku 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"
@@ -194435,7 +194435,7 @@ exports[`Locale Provider should display the text as ku-iq 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"
@@ -194669,7 +194669,7 @@ exports[`Locale Provider should display the text as ku-iq 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"
@@ -199544,7 +199544,7 @@ exports[`Locale Provider should display the text as lt 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"
@@ -199778,7 +199778,7 @@ exports[`Locale Provider should display the text as lt 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"
@@ -204653,7 +204653,7 @@ exports[`Locale Provider should display the text as lv 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"
@@ -204887,7 +204887,7 @@ exports[`Locale Provider should display the text as lv 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"
@@ -209762,7 +209762,7 @@ exports[`Locale Provider should display the text as mk 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"
@@ -209996,7 +209996,7 @@ exports[`Locale Provider should display the text as mk 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"
@@ -214871,7 +214871,7 @@ exports[`Locale Provider should display the text as ml 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"
@@ -215105,7 +215105,7 @@ exports[`Locale Provider should display the text as ml 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"
@@ -219980,7 +219980,7 @@ exports[`Locale Provider should display the text as mn-mn 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"
@@ -220214,7 +220214,7 @@ exports[`Locale Provider should display the text as mn-mn 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"
@@ -225089,7 +225089,7 @@ exports[`Locale Provider should display the text as ms-my 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"
@@ -225323,7 +225323,7 @@ exports[`Locale Provider should display the text as ms-my 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"
@@ -230198,7 +230198,7 @@ exports[`Locale Provider should display the text as my 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"
@@ -230432,7 +230432,7 @@ exports[`Locale Provider should display the text as my 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"
@@ -235307,7 +235307,7 @@ exports[`Locale Provider should display the text as nb 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"
@@ -235541,7 +235541,7 @@ exports[`Locale Provider should display the text as nb 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"
@@ -240416,7 +240416,7 @@ exports[`Locale Provider should display the text as ne-np 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"
@@ -240650,7 +240650,7 @@ exports[`Locale Provider should display the text as ne-np 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"
@@ -245525,7 +245525,7 @@ exports[`Locale Provider should display the text as nl 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"
@@ -245759,7 +245759,7 @@ exports[`Locale Provider should display the text as nl 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"
@@ -250634,7 +250634,7 @@ exports[`Locale Provider should display the text as nl-be 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"
@@ -250868,7 +250868,7 @@ exports[`Locale Provider should display the text as nl-be 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"
@@ -255743,7 +255743,7 @@ exports[`Locale Provider should display the text as pl 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"
@@ -255977,7 +255977,7 @@ exports[`Locale Provider should display the text as pl 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"
@@ -260852,7 +260852,7 @@ exports[`Locale Provider should display the text as pt 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"
@@ -261086,7 +261086,7 @@ exports[`Locale Provider should display the text as pt 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"
@@ -265961,7 +265961,7 @@ exports[`Locale Provider should display the text as pt-br 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"
@@ -266195,7 +266195,7 @@ exports[`Locale Provider should display the text as pt-br 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"
@@ -271070,7 +271070,7 @@ exports[`Locale Provider should display the text as ro 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"
@@ -271304,7 +271304,7 @@ exports[`Locale Provider should display the text as ro 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"
@@ -276179,7 +276179,7 @@ exports[`Locale Provider should display the text as ru 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"
@@ -276413,7 +276413,7 @@ exports[`Locale Provider should display the text as ru 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"
@@ -281288,7 +281288,7 @@ exports[`Locale Provider should display the text as si 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"
@@ -281522,7 +281522,7 @@ exports[`Locale Provider should display the text as si 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"
@@ -286397,7 +286397,7 @@ exports[`Locale Provider should display the text as sk 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"
@@ -286631,7 +286631,7 @@ exports[`Locale Provider should display the text as sk 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"
@@ -291506,7 +291506,7 @@ exports[`Locale Provider should display the text as sl 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"
@@ -291740,7 +291740,7 @@ exports[`Locale Provider should display the text as sl 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"
@@ -296615,7 +296615,7 @@ exports[`Locale Provider should display the text as sr 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"
@@ -296849,7 +296849,7 @@ exports[`Locale Provider should display the text as sr 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"
@@ -301724,7 +301724,7 @@ exports[`Locale Provider should display the text as sv 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"
@@ -301958,7 +301958,7 @@ exports[`Locale Provider should display the text as sv 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"
@@ -306833,7 +306833,7 @@ exports[`Locale Provider should display the text as ta 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"
@@ -307067,7 +307067,7 @@ exports[`Locale Provider should display the text as ta 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"
@@ -311942,7 +311942,7 @@ exports[`Locale Provider should display the text as th 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"
@@ -312176,7 +312176,7 @@ exports[`Locale Provider should display the text as th 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"
@@ -317051,7 +317051,7 @@ exports[`Locale Provider should display the text as tk 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"
@@ -317285,7 +317285,7 @@ exports[`Locale Provider should display the text as tk 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"
@@ -322160,7 +322160,7 @@ exports[`Locale Provider should display the text as tr 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"
@@ -322394,7 +322394,7 @@ exports[`Locale Provider should display the text as tr 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"
@@ -327269,7 +327269,7 @@ exports[`Locale Provider should display the text as uk 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"
@@ -327503,7 +327503,7 @@ exports[`Locale Provider should display the text as uk 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"
@@ -332378,7 +332378,7 @@ exports[`Locale Provider should display the text as ur 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"
@@ -332612,7 +332612,7 @@ exports[`Locale Provider should display the text as ur 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"
@@ -337487,7 +337487,7 @@ exports[`Locale Provider should display the text as vi 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"
@@ -337721,7 +337721,7 @@ exports[`Locale Provider should display the text as vi 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"
@@ -342596,7 +342596,7 @@ exports[`Locale Provider should display the text as zh-cn 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"
@@ -342830,7 +342830,7 @@ exports[`Locale Provider should display the text as zh-cn 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"
@@ -347705,7 +347705,7 @@ exports[`Locale Provider should display the text as zh-hk 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"
@@ -347939,7 +347939,7 @@ exports[`Locale Provider should display the text as zh-hk 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"
@@ -352814,7 +352814,7 @@ exports[`Locale Provider should display the text as zh-tw 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"
@@ -353048,7 +353048,7 @@ exports[`Locale Provider should display the text as zh-tw 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"
diff --git a/components/menu/menu.tsx b/components/menu/menu.tsx
index 3aa3df78da3a..2bc36bf1852a 100644
--- a/components/menu/menu.tsx
+++ b/components/menu/menu.tsx
@@ -7,7 +7,7 @@ import omit from 'rc-util/lib/omit';
 import * as React from 'react';
 import { forwardRef } from 'react';
 import initCollapseMotion from '../_util/motion';
-import { cloneElement } from '../_util/reactNode';
+import { cloneElement, isValidElement } from '../_util/reactNode';
 import warning from '../_util/warning';
 import { ConfigContext } from '../config-provider';
 import type { SiderContextProps } from '../layout/Sider';
@@ -123,13 +123,16 @@ const InternalMenu = forwardRef<RcMenuRef, InternalMenuProps>((props, ref) => {
   const menuClassName = classNames(`${prefixCls}-${theme}`, menu?.className, className);
 
   // ====================== Expand Icon ========================
-  let mergedExpandIcon: MenuProps[`expandIcon`];
+  let mergedExpandIcon: MenuProps['expandIcon'];
   if (typeof expandIcon === 'function') {
     mergedExpandIcon = expandIcon;
   } else {
-    const beClone: any = expandIcon || overrideObj.expandIcon;
+    const beClone: React.ReactNode = expandIcon || overrideObj.expandIcon;
     mergedExpandIcon = cloneElement(beClone, {
-      className: classNames(`${prefixCls}-submenu-expand-icon`, beClone?.props?.className),
+      className: classNames(
+        `${prefixCls}-submenu-expand-icon`,
+        isValidElement(beClone) ? beClone.props?.className : '',
+      ),
     });
   }
 
diff --git a/components/pagination/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/pagination/__tests__/__snapshots__/demo-extend.test.ts.snap
index a2e327c5d7a3..5de290439d31 100644
--- a/components/pagination/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/pagination/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -5660,6 +5660,683 @@ Array [
       </div>
     </li>
   </ul>,
+  <br />,
+  <ul
+    class="ant-pagination ant-pagination-mini"
+  >
+    <li
+      aria-disabled="false"
+      class="ant-pagination-prev"
+      tabindex="0"
+      title="Previous Page"
+    >
+      <button
+        class="ant-pagination-item-link"
+        tabindex="-1"
+        type="button"
+      >
+        <span
+          aria-label="left"
+          class="anticon anticon-left"
+          role="img"
+        >
+          <svg
+            aria-hidden="true"
+            data-icon="left"
+            fill="currentColor"
+            focusable="false"
+            height="1em"
+            viewBox="64 64 896 896"
+            width="1em"
+          >
+            <path
+              d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
+            />
+          </svg>
+        </span>
+      </button>
+    </li>
+    <li
+      class="ant-pagination-item ant-pagination-item-1"
+      tabindex="0"
+      title="1"
+    >
+      <a
+        rel="nofollow"
+      >
+        1
+      </a>
+    </li>
+    <li
+      class="ant-pagination-jump-prev ant-pagination-jump-prev-custom-icon"
+      tabindex="0"
+      title="Previous 5 Pages"
+    >
+      <a
+        class="ant-pagination-item-link"
+      >
+        <div
+          class="ant-pagination-item-container"
+        >
+          <span
+            aria-label="double-left"
+            class="anticon anticon-double-left ant-pagination-item-link-icon"
+            role="img"
+          >
+            <svg
+              aria-hidden="true"
+              data-icon="double-left"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
+            >
+              <path
+                d="M272.9 512l265.4-339.1c4.1-5.2.4-12.9-6.3-12.9h-77.3c-4.9 0-9.6 2.3-12.6 6.1L186.8 492.3a31.99 31.99 0 000 39.5l255.3 326.1c3 3.9 7.7 6.1 12.6 6.1H532c6.7 0 10.4-7.7 6.3-12.9L272.9 512zm304 0l265.4-339.1c4.1-5.2.4-12.9-6.3-12.9h-77.3c-4.9 0-9.6 2.3-12.6 6.1L490.8 492.3a31.99 31.99 0 000 39.5l255.3 326.1c3 3.9 7.7 6.1 12.6 6.1H836c6.7 0 10.4-7.7 6.3-12.9L576.9 512z"
+              />
+            </svg>
+          </span>
+          <span
+            class="ant-pagination-item-ellipsis"
+          >
+            •••
+          </span>
+        </div>
+      </a>
+    </li>
+    <li
+      class="ant-pagination-item ant-pagination-item-46 ant-pagination-item-after-jump-prev"
+      tabindex="0"
+      title="46"
+    >
+      <a
+        rel="nofollow"
+      >
+        46
+      </a>
+    </li>
+    <li
+      class="ant-pagination-item ant-pagination-item-47"
+      tabindex="0"
+      title="47"
+    >
+      <a
+        rel="nofollow"
+      >
+        47
+      </a>
+    </li>
+    <li
+      class="ant-pagination-item ant-pagination-item-48"
+      tabindex="0"
+      title="48"
+    >
+      <a
+        rel="nofollow"
+      >
+        48
+      </a>
+    </li>
+    <li
+      class="ant-pagination-item ant-pagination-item-49"
+      tabindex="0"
+      title="49"
+    >
+      <a
+        rel="nofollow"
+      >
+        49
+      </a>
+    </li>
+    <li
+      class="ant-pagination-item ant-pagination-item-50 ant-pagination-item-active"
+      tabindex="0"
+      title="50"
+    >
+      <a
+        rel="nofollow"
+      >
+        50
+      </a>
+    </li>
+    <li
+      aria-disabled="true"
+      class="ant-pagination-next ant-pagination-disabled"
+      title="Next Page"
+    >
+      <button
+        class="ant-pagination-item-link"
+        disabled=""
+        tabindex="-1"
+        type="button"
+      >
+        <span
+          aria-label="right"
+          class="anticon anticon-right"
+          role="img"
+        >
+          <svg
+            aria-hidden="true"
+            data-icon="right"
+            fill="currentColor"
+            focusable="false"
+            height="1em"
+            viewBox="64 64 896 896"
+            width="1em"
+          >
+            <path
+              d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
+            />
+          </svg>
+        </span>
+      </button>
+    </li>
+    <li
+      class="ant-pagination-options"
+    >
+      <div
+        aria-label="Page Size"
+        class="ant-select ant-select-sm ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
+      >
+        <div
+          class="ant-select-selector"
+        >
+          <span
+            class="ant-select-selection-search"
+          >
+            <input
+              aria-autocomplete="list"
+              aria-controls="rc_select_TEST_OR_SSR_list"
+              aria-expanded="false"
+              aria-haspopup="listbox"
+              aria-label="Page Size"
+              aria-owns="rc_select_TEST_OR_SSR_list"
+              autocomplete="off"
+              class="ant-select-selection-search-input"
+              id="rc_select_TEST_OR_SSR"
+              role="combobox"
+              type="search"
+              value=""
+            />
+          </span>
+          <span
+            class="ant-select-selection-item"
+            title="10 / page"
+          >
+            10 / page
+          </span>
+        </div>
+        <div
+          class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
+          style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
+        >
+          <div>
+            <div
+              class="rc-virtual-list"
+              style="position: relative;"
+            >
+              <div
+                class="rc-virtual-list-holder"
+                style="max-height: 256px; overflow-y: auto;"
+              >
+                <div>
+                  <div
+                    class="rc-virtual-list-holder-inner"
+                    id="rc_select_TEST_OR_SSR_list"
+                    role="listbox"
+                    style="display: flex; flex-direction: column;"
+                  >
+                    <div
+                      aria-selected="true"
+                      class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
+                      id="rc_select_TEST_OR_SSR_list_0"
+                      role="option"
+                      title="10 / page"
+                    >
+                      <div
+                        class="ant-select-item-option-content"
+                      >
+                        10 / page
+                      </div>
+                      <span
+                        aria-hidden="true"
+                        class="ant-select-item-option-state"
+                        style="user-select: none;"
+                        unselectable="on"
+                      />
+                    </div>
+                    <div
+                      aria-selected="false"
+                      class="ant-select-item ant-select-item-option"
+                      id="rc_select_TEST_OR_SSR_list_1"
+                      role="option"
+                      title="20 / page"
+                    >
+                      <div
+                        class="ant-select-item-option-content"
+                      >
+                        20 / page
+                      </div>
+                      <span
+                        aria-hidden="true"
+                        class="ant-select-item-option-state"
+                        style="user-select: none;"
+                        unselectable="on"
+                      />
+                    </div>
+                    <div
+                      aria-selected="false"
+                      class="ant-select-item ant-select-item-option"
+                      id="rc_select_TEST_OR_SSR_list_2"
+                      role="option"
+                      title="50 / page"
+                    >
+                      <div
+                        class="ant-select-item-option-content"
+                      >
+                        50 / page
+                      </div>
+                      <span
+                        aria-hidden="true"
+                        class="ant-select-item-option-state"
+                        style="user-select: none;"
+                        unselectable="on"
+                      />
+                    </div>
+                    <div
+                      aria-selected="false"
+                      class="ant-select-item ant-select-item-option"
+                      id="rc_select_TEST_OR_SSR_list_3"
+                      role="option"
+                      title="100 / page"
+                    >
+                      <div
+                        class="ant-select-item-option-content"
+                      >
+                        100 / page
+                      </div>
+                      <span
+                        aria-hidden="true"
+                        class="ant-select-item-option-state"
+                        style="user-select: none;"
+                        unselectable="on"
+                      />
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <span
+          aria-hidden="true"
+          class="ant-select-arrow"
+          style="user-select: none;"
+          unselectable="on"
+        >
+          <span
+            aria-label="down"
+            class="anticon anticon-down ant-select-suffix"
+            role="img"
+          >
+            <svg
+              aria-hidden="true"
+              data-icon="down"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
+            >
+              <path
+                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
+              />
+            </svg>
+          </span>
+        </span>
+      </div>
+    </li>
+  </ul>,
+  <br />,
+  <ul
+    class="ant-pagination ant-pagination-mini ant-pagination-disabled"
+  >
+    <li
+      aria-disabled="false"
+      class="ant-pagination-prev"
+      tabindex="0"
+      title="Previous Page"
+    >
+      <button
+        class="ant-pagination-item-link"
+        tabindex="-1"
+        type="button"
+      >
+        <span
+          aria-label="left"
+          class="anticon anticon-left"
+          role="img"
+        >
+          <svg
+            aria-hidden="true"
+            data-icon="left"
+            fill="currentColor"
+            focusable="false"
+            height="1em"
+            viewBox="64 64 896 896"
+            width="1em"
+          >
+            <path
+              d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
+            />
+          </svg>
+        </span>
+      </button>
+    </li>
+    <li
+      class="ant-pagination-item ant-pagination-item-1"
+      tabindex="0"
+      title="1"
+    >
+      <a
+        rel="nofollow"
+      >
+        1
+      </a>
+    </li>
+    <li
+      class="ant-pagination-jump-prev ant-pagination-jump-prev-custom-icon"
+      tabindex="0"
+      title="Previous 5 Pages"
+    >
+      <a
+        class="ant-pagination-item-link"
+      >
+        <div
+          class="ant-pagination-item-container"
+        >
+          <span
+            aria-label="double-left"
+            class="anticon anticon-double-left ant-pagination-item-link-icon"
+            role="img"
+          >
+            <svg
+              aria-hidden="true"
+              data-icon="double-left"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
+            >
+              <path
+                d="M272.9 512l265.4-339.1c4.1-5.2.4-12.9-6.3-12.9h-77.3c-4.9 0-9.6 2.3-12.6 6.1L186.8 492.3a31.99 31.99 0 000 39.5l255.3 326.1c3 3.9 7.7 6.1 12.6 6.1H532c6.7 0 10.4-7.7 6.3-12.9L272.9 512zm304 0l265.4-339.1c4.1-5.2.4-12.9-6.3-12.9h-77.3c-4.9 0-9.6 2.3-12.6 6.1L490.8 492.3a31.99 31.99 0 000 39.5l255.3 326.1c3 3.9 7.7 6.1 12.6 6.1H836c6.7 0 10.4-7.7 6.3-12.9L576.9 512z"
+              />
+            </svg>
+          </span>
+          <span
+            class="ant-pagination-item-ellipsis"
+          >
+            •••
+          </span>
+        </div>
+      </a>
+    </li>
+    <li
+      class="ant-pagination-item ant-pagination-item-46 ant-pagination-item-after-jump-prev"
+      tabindex="0"
+      title="46"
+    >
+      <a
+        rel="nofollow"
+      >
+        46
+      </a>
+    </li>
+    <li
+      class="ant-pagination-item ant-pagination-item-47"
+      tabindex="0"
+      title="47"
+    >
+      <a
+        rel="nofollow"
+      >
+        47
+      </a>
+    </li>
+    <li
+      class="ant-pagination-item ant-pagination-item-48"
+      tabindex="0"
+      title="48"
+    >
+      <a
+        rel="nofollow"
+      >
+        48
+      </a>
+    </li>
+    <li
+      class="ant-pagination-item ant-pagination-item-49"
+      tabindex="0"
+      title="49"
+    >
+      <a
+        rel="nofollow"
+      >
+        49
+      </a>
+    </li>
+    <li
+      class="ant-pagination-item ant-pagination-item-50 ant-pagination-item-active"
+      tabindex="0"
+      title="50"
+    >
+      <a
+        rel="nofollow"
+      >
+        50
+      </a>
+    </li>
+    <li
+      aria-disabled="true"
+      class="ant-pagination-next ant-pagination-disabled"
+      title="Next Page"
+    >
+      <button
+        class="ant-pagination-item-link"
+        disabled=""
+        tabindex="-1"
+        type="button"
+      >
+        <span
+          aria-label="right"
+          class="anticon anticon-right"
+          role="img"
+        >
+          <svg
+            aria-hidden="true"
+            data-icon="right"
+            fill="currentColor"
+            focusable="false"
+            height="1em"
+            viewBox="64 64 896 896"
+            width="1em"
+          >
+            <path
+              d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
+            />
+          </svg>
+        </span>
+      </button>
+    </li>
+    <li
+      class="ant-pagination-options"
+    >
+      <div
+        aria-label="Page Size"
+        class="ant-select ant-select-sm ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-disabled ant-select-show-search"
+      >
+        <div
+          class="ant-select-selector"
+        >
+          <span
+            class="ant-select-selection-search"
+          >
+            <input
+              aria-autocomplete="list"
+              aria-controls="rc_select_TEST_OR_SSR_list"
+              aria-expanded="false"
+              aria-haspopup="listbox"
+              aria-label="Page Size"
+              aria-owns="rc_select_TEST_OR_SSR_list"
+              autocomplete="off"
+              class="ant-select-selection-search-input"
+              disabled=""
+              id="rc_select_TEST_OR_SSR"
+              role="combobox"
+              type="search"
+              value=""
+            />
+          </span>
+          <span
+            class="ant-select-selection-item"
+            title="10 / page"
+          >
+            10 / page
+          </span>
+        </div>
+        <div
+          class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
+          style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
+        >
+          <div>
+            <div
+              class="rc-virtual-list"
+              style="position: relative;"
+            >
+              <div
+                class="rc-virtual-list-holder"
+                style="max-height: 256px; overflow-y: auto;"
+              >
+                <div>
+                  <div
+                    class="rc-virtual-list-holder-inner"
+                    id="rc_select_TEST_OR_SSR_list"
+                    role="listbox"
+                    style="display: flex; flex-direction: column;"
+                  >
+                    <div
+                      aria-selected="true"
+                      class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
+                      id="rc_select_TEST_OR_SSR_list_0"
+                      role="option"
+                      title="10 / page"
+                    >
+                      <div
+                        class="ant-select-item-option-content"
+                      >
+                        10 / page
+                      </div>
+                      <span
+                        aria-hidden="true"
+                        class="ant-select-item-option-state"
+                        style="user-select: none;"
+                        unselectable="on"
+                      />
+                    </div>
+                    <div
+                      aria-selected="false"
+                      class="ant-select-item ant-select-item-option"
+                      id="rc_select_TEST_OR_SSR_list_1"
+                      role="option"
+                      title="20 / page"
+                    >
+                      <div
+                        class="ant-select-item-option-content"
+                      >
+                        20 / page
+                      </div>
+                      <span
+                        aria-hidden="true"
+                        class="ant-select-item-option-state"
+                        style="user-select: none;"
+                        unselectable="on"
+                      />
+                    </div>
+                    <div
+                      aria-selected="false"
+                      class="ant-select-item ant-select-item-option"
+                      id="rc_select_TEST_OR_SSR_list_2"
+                      role="option"
+                      title="50 / page"
+                    >
+                      <div
+                        class="ant-select-item-option-content"
+                      >
+                        50 / page
+                      </div>
+                      <span
+                        aria-hidden="true"
+                        class="ant-select-item-option-state"
+                        style="user-select: none;"
+                        unselectable="on"
+                      />
+                    </div>
+                    <div
+                      aria-selected="false"
+                      class="ant-select-item ant-select-item-option"
+                      id="rc_select_TEST_OR_SSR_list_3"
+                      role="option"
+                      title="100 / page"
+                    >
+                      <div
+                        class="ant-select-item-option-content"
+                      >
+                        100 / page
+                      </div>
+                      <span
+                        aria-hidden="true"
+                        class="ant-select-item-option-state"
+                        style="user-select: none;"
+                        unselectable="on"
+                      />
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <span
+          aria-hidden="true"
+          class="ant-select-arrow"
+          style="user-select: none;"
+          unselectable="on"
+        >
+          <span
+            aria-label="down"
+            class="anticon anticon-down ant-select-suffix"
+            role="img"
+          >
+            <svg
+              aria-hidden="true"
+              data-icon="down"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
+            >
+              <path
+                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
+              />
+            </svg>
+          </span>
+        </span>
+      </div>
+    </li>
+  </ul>,
 ]
 `;
 
diff --git a/components/pagination/__tests__/__snapshots__/demo.test.ts.snap b/components/pagination/__tests__/__snapshots__/demo.test.ts.snap
index 8b8852043b78..8ba426887e52 100644
--- a/components/pagination/__tests__/__snapshots__/demo.test.ts.snap
+++ b/components/pagination/__tests__/__snapshots__/demo.test.ts.snap
@@ -4093,5 +4093,476 @@ Array [
       </div>
     </li>
   </ul>,
+  <br />,
+  <ul
+    class="ant-pagination ant-pagination-mini"
+  >
+    <li
+      aria-disabled="false"
+      class="ant-pagination-prev"
+      tabindex="0"
+      title="Previous Page"
+    >
+      <button
+        class="ant-pagination-item-link"
+        tabindex="-1"
+        type="button"
+      >
+        <span
+          aria-label="left"
+          class="anticon anticon-left"
+          role="img"
+        >
+          <svg
+            aria-hidden="true"
+            data-icon="left"
+            fill="currentColor"
+            focusable="false"
+            height="1em"
+            viewBox="64 64 896 896"
+            width="1em"
+          >
+            <path
+              d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
+            />
+          </svg>
+        </span>
+      </button>
+    </li>
+    <li
+      class="ant-pagination-item ant-pagination-item-1"
+      tabindex="0"
+      title="1"
+    >
+      <a
+        rel="nofollow"
+      >
+        1
+      </a>
+    </li>
+    <li
+      class="ant-pagination-jump-prev ant-pagination-jump-prev-custom-icon"
+      tabindex="0"
+      title="Previous 5 Pages"
+    >
+      <a
+        class="ant-pagination-item-link"
+      >
+        <div
+          class="ant-pagination-item-container"
+        >
+          <span
+            aria-label="double-left"
+            class="anticon anticon-double-left ant-pagination-item-link-icon"
+            role="img"
+          >
+            <svg
+              aria-hidden="true"
+              data-icon="double-left"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
+            >
+              <path
+                d="M272.9 512l265.4-339.1c4.1-5.2.4-12.9-6.3-12.9h-77.3c-4.9 0-9.6 2.3-12.6 6.1L186.8 492.3a31.99 31.99 0 000 39.5l255.3 326.1c3 3.9 7.7 6.1 12.6 6.1H532c6.7 0 10.4-7.7 6.3-12.9L272.9 512zm304 0l265.4-339.1c4.1-5.2.4-12.9-6.3-12.9h-77.3c-4.9 0-9.6 2.3-12.6 6.1L490.8 492.3a31.99 31.99 0 000 39.5l255.3 326.1c3 3.9 7.7 6.1 12.6 6.1H836c6.7 0 10.4-7.7 6.3-12.9L576.9 512z"
+              />
+            </svg>
+          </span>
+          <span
+            class="ant-pagination-item-ellipsis"
+          >
+            •••
+          </span>
+        </div>
+      </a>
+    </li>
+    <li
+      class="ant-pagination-item ant-pagination-item-46 ant-pagination-item-after-jump-prev"
+      tabindex="0"
+      title="46"
+    >
+      <a
+        rel="nofollow"
+      >
+        46
+      </a>
+    </li>
+    <li
+      class="ant-pagination-item ant-pagination-item-47"
+      tabindex="0"
+      title="47"
+    >
+      <a
+        rel="nofollow"
+      >
+        47
+      </a>
+    </li>
+    <li
+      class="ant-pagination-item ant-pagination-item-48"
+      tabindex="0"
+      title="48"
+    >
+      <a
+        rel="nofollow"
+      >
+        48
+      </a>
+    </li>
+    <li
+      class="ant-pagination-item ant-pagination-item-49"
+      tabindex="0"
+      title="49"
+    >
+      <a
+        rel="nofollow"
+      >
+        49
+      </a>
+    </li>
+    <li
+      class="ant-pagination-item ant-pagination-item-50 ant-pagination-item-active"
+      tabindex="0"
+      title="50"
+    >
+      <a
+        rel="nofollow"
+      >
+        50
+      </a>
+    </li>
+    <li
+      aria-disabled="true"
+      class="ant-pagination-next ant-pagination-disabled"
+      title="Next Page"
+    >
+      <button
+        class="ant-pagination-item-link"
+        disabled=""
+        tabindex="-1"
+        type="button"
+      >
+        <span
+          aria-label="right"
+          class="anticon anticon-right"
+          role="img"
+        >
+          <svg
+            aria-hidden="true"
+            data-icon="right"
+            fill="currentColor"
+            focusable="false"
+            height="1em"
+            viewBox="64 64 896 896"
+            width="1em"
+          >
+            <path
+              d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
+            />
+          </svg>
+        </span>
+      </button>
+    </li>
+    <li
+      class="ant-pagination-options"
+    >
+      <div
+        aria-label="Page Size"
+        class="ant-select ant-select-sm ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
+      >
+        <div
+          class="ant-select-selector"
+        >
+          <span
+            class="ant-select-selection-search"
+          >
+            <input
+              aria-autocomplete="list"
+              aria-controls="undefined_list"
+              aria-expanded="false"
+              aria-haspopup="listbox"
+              aria-label="Page Size"
+              aria-owns="undefined_list"
+              autocomplete="off"
+              class="ant-select-selection-search-input"
+              role="combobox"
+              type="search"
+              value=""
+            />
+          </span>
+          <span
+            class="ant-select-selection-item"
+            title="10 / page"
+          >
+            10 / page
+          </span>
+        </div>
+        <span
+          aria-hidden="true"
+          class="ant-select-arrow"
+          style="user-select:none;-webkit-user-select:none"
+          unselectable="on"
+        >
+          <span
+            aria-label="down"
+            class="anticon anticon-down ant-select-suffix"
+            role="img"
+          >
+            <svg
+              aria-hidden="true"
+              data-icon="down"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
+            >
+              <path
+                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
+              />
+            </svg>
+          </span>
+        </span>
+      </div>
+    </li>
+  </ul>,
+  <br />,
+  <ul
+    class="ant-pagination ant-pagination-mini ant-pagination-disabled"
+  >
+    <li
+      aria-disabled="false"
+      class="ant-pagination-prev"
+      tabindex="0"
+      title="Previous Page"
+    >
+      <button
+        class="ant-pagination-item-link"
+        tabindex="-1"
+        type="button"
+      >
+        <span
+          aria-label="left"
+          class="anticon anticon-left"
+          role="img"
+        >
+          <svg
+            aria-hidden="true"
+            data-icon="left"
+            fill="currentColor"
+            focusable="false"
+            height="1em"
+            viewBox="64 64 896 896"
+            width="1em"
+          >
+            <path
+              d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
+            />
+          </svg>
+        </span>
+      </button>
+    </li>
+    <li
+      class="ant-pagination-item ant-pagination-item-1"
+      tabindex="0"
+      title="1"
+    >
+      <a
+        rel="nofollow"
+      >
+        1
+      </a>
+    </li>
+    <li
+      class="ant-pagination-jump-prev ant-pagination-jump-prev-custom-icon"
+      tabindex="0"
+      title="Previous 5 Pages"
+    >
+      <a
+        class="ant-pagination-item-link"
+      >
+        <div
+          class="ant-pagination-item-container"
+        >
+          <span
+            aria-label="double-left"
+            class="anticon anticon-double-left ant-pagination-item-link-icon"
+            role="img"
+          >
+            <svg
+              aria-hidden="true"
+              data-icon="double-left"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
+            >
+              <path
+                d="M272.9 512l265.4-339.1c4.1-5.2.4-12.9-6.3-12.9h-77.3c-4.9 0-9.6 2.3-12.6 6.1L186.8 492.3a31.99 31.99 0 000 39.5l255.3 326.1c3 3.9 7.7 6.1 12.6 6.1H532c6.7 0 10.4-7.7 6.3-12.9L272.9 512zm304 0l265.4-339.1c4.1-5.2.4-12.9-6.3-12.9h-77.3c-4.9 0-9.6 2.3-12.6 6.1L490.8 492.3a31.99 31.99 0 000 39.5l255.3 326.1c3 3.9 7.7 6.1 12.6 6.1H836c6.7 0 10.4-7.7 6.3-12.9L576.9 512z"
+              />
+            </svg>
+          </span>
+          <span
+            class="ant-pagination-item-ellipsis"
+          >
+            •••
+          </span>
+        </div>
+      </a>
+    </li>
+    <li
+      class="ant-pagination-item ant-pagination-item-46 ant-pagination-item-after-jump-prev"
+      tabindex="0"
+      title="46"
+    >
+      <a
+        rel="nofollow"
+      >
+        46
+      </a>
+    </li>
+    <li
+      class="ant-pagination-item ant-pagination-item-47"
+      tabindex="0"
+      title="47"
+    >
+      <a
+        rel="nofollow"
+      >
+        47
+      </a>
+    </li>
+    <li
+      class="ant-pagination-item ant-pagination-item-48"
+      tabindex="0"
+      title="48"
+    >
+      <a
+        rel="nofollow"
+      >
+        48
+      </a>
+    </li>
+    <li
+      class="ant-pagination-item ant-pagination-item-49"
+      tabindex="0"
+      title="49"
+    >
+      <a
+        rel="nofollow"
+      >
+        49
+      </a>
+    </li>
+    <li
+      class="ant-pagination-item ant-pagination-item-50 ant-pagination-item-active"
+      tabindex="0"
+      title="50"
+    >
+      <a
+        rel="nofollow"
+      >
+        50
+      </a>
+    </li>
+    <li
+      aria-disabled="true"
+      class="ant-pagination-next ant-pagination-disabled"
+      title="Next Page"
+    >
+      <button
+        class="ant-pagination-item-link"
+        disabled=""
+        tabindex="-1"
+        type="button"
+      >
+        <span
+          aria-label="right"
+          class="anticon anticon-right"
+          role="img"
+        >
+          <svg
+            aria-hidden="true"
+            data-icon="right"
+            fill="currentColor"
+            focusable="false"
+            height="1em"
+            viewBox="64 64 896 896"
+            width="1em"
+          >
+            <path
+              d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
+            />
+          </svg>
+        </span>
+      </button>
+    </li>
+    <li
+      class="ant-pagination-options"
+    >
+      <div
+        aria-label="Page Size"
+        class="ant-select ant-select-sm ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-disabled ant-select-show-search"
+      >
+        <div
+          class="ant-select-selector"
+        >
+          <span
+            class="ant-select-selection-search"
+          >
+            <input
+              aria-autocomplete="list"
+              aria-controls="undefined_list"
+              aria-expanded="false"
+              aria-haspopup="listbox"
+              aria-label="Page Size"
+              aria-owns="undefined_list"
+              autocomplete="off"
+              class="ant-select-selection-search-input"
+              disabled=""
+              role="combobox"
+              type="search"
+              value=""
+            />
+          </span>
+          <span
+            class="ant-select-selection-item"
+            title="10 / page"
+          >
+            10 / page
+          </span>
+        </div>
+        <span
+          aria-hidden="true"
+          class="ant-select-arrow"
+          style="user-select:none;-webkit-user-select:none"
+          unselectable="on"
+        >
+          <span
+            aria-label="down"
+            class="anticon anticon-down ant-select-suffix"
+            role="img"
+          >
+            <svg
+              aria-hidden="true"
+              data-icon="down"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
+            >
+              <path
+                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
+              />
+            </svg>
+          </span>
+        </span>
+      </div>
+    </li>
+  </ul>,
 ]
 `;
diff --git a/components/pagination/demo/wireframe.tsx b/components/pagination/demo/wireframe.tsx
index ba97dcd1a665..c9cf3d7d448d 100644
--- a/components/pagination/demo/wireframe.tsx
+++ b/components/pagination/demo/wireframe.tsx
@@ -6,6 +6,10 @@ const App: React.FC = () => (
     <Pagination showSizeChanger defaultCurrent={3} total={500} />
     <br />
     <Pagination showSizeChanger defaultCurrent={3} total={500} disabled />
+    <br />
+    <Pagination size="small" defaultCurrent={50} total={500} />
+    <br />
+    <Pagination disabled size="small" defaultCurrent={50} total={500} />
   </ConfigProvider>
 );
 
diff --git a/components/pagination/style/index.ts b/components/pagination/style/index.ts
index 310a30b04525..31f4a79606b0 100644
--- a/components/pagination/style/index.ts
+++ b/components/pagination/style/index.ts
@@ -94,16 +94,6 @@ const genPaginationDisabledStyle: GenerateStyle<PaginationToken, CSSObject> = (t
 
     [`&${componentCls}-disabled`]: {
       cursor: 'not-allowed',
-      [`&${componentCls}-mini`]: {
-        [`
-          &:hover ${componentCls}-item:not(${componentCls}-item-active),
-          &:active ${componentCls}-item:not(${componentCls}-item-active),
-          &:hover ${componentCls}-item-link,
-          &:active ${componentCls}-item-link
-        `]: {
-          backgroundColor: 'transparent',
-        },
-      },
       [`${componentCls}-item`]: {
         cursor: 'not-allowed',
 
@@ -189,30 +179,36 @@ const genPaginationMiniStyle: GenerateStyle<PaginationToken, CSSObject> = (token
       lineHeight: `${token.itemSizeSM - 2}px`,
     },
 
-    [`&${componentCls}-mini ${componentCls}-item:not(${componentCls}-item-active)`]: {
-      backgroundColor: 'transparent',
-      borderColor: 'transparent',
-      '&:hover': {
-        backgroundColor: token.colorBgTextHover,
-      },
-      '&:active': {
-        backgroundColor: token.colorBgTextActive,
+    [`&${componentCls}-mini:not(${componentCls}-disabled) ${componentCls}-item:not(${componentCls}-item-active)`]:
+      {
+        backgroundColor: 'transparent',
+        borderColor: 'transparent',
+        '&:hover': {
+          backgroundColor: token.colorBgTextHover,
+        },
+        '&:active': {
+          backgroundColor: token.colorBgTextActive,
+        },
       },
-    },
 
     [`&${componentCls}-mini ${componentCls}-prev, &${componentCls}-mini ${componentCls}-next`]: {
       minWidth: token.itemSizeSM,
       height: token.itemSizeSM,
       margin: 0,
       lineHeight: `${token.itemSizeSM}px`,
-      [`&:hover ${componentCls}-item-link`]: {
-        backgroundColor: token.colorBgTextHover,
-      },
-      [`&:active ${componentCls}-item-link`]: {
-        backgroundColor: token.colorBgTextActive,
-      },
-      [`&${componentCls}-disabled:hover ${componentCls}-item-link`]: {
-        backgroundColor: 'transparent',
+    },
+
+    [`&${componentCls}-mini:not(${componentCls}-disabled)`]: {
+      [`${componentCls}-prev, ${componentCls}-next`]: {
+        [`&:hover ${componentCls}-item-link`]: {
+          backgroundColor: token.colorBgTextHover,
+        },
+        [`&:active ${componentCls}-item-link`]: {
+          backgroundColor: token.colorBgTextActive,
+        },
+        [`&${componentCls}-disabled:hover ${componentCls}-item-link`]: {
+          backgroundColor: 'transparent',
+        },
       },
     },
 
@@ -375,16 +371,6 @@ const genPaginationJumpStyle: GenerateStyle<PaginationToken, CSSObject> = (token
           opacity: 0,
         },
       },
-
-      '&:focus-visible': {
-        [`${componentCls}-item-link-icon`]: {
-          opacity: 1,
-        },
-        [`${componentCls}-item-ellipsis`]: {
-          opacity: 0,
-        },
-        ...genFocusOutline(token),
-      },
     },
 
     [`
@@ -436,11 +422,7 @@ const genPaginationJumpStyle: GenerateStyle<PaginationToken, CSSObject> = (token
         border: `${token.lineWidth}px ${token.lineType} transparent`,
         borderRadius: token.borderRadius,
         outline: 'none',
-        transition: `border ${token.motionDurationMid}`,
-      },
-
-      [`&:focus-visible ${componentCls}-item-link`]: {
-        ...genFocusOutline(token),
+        transition: `all ${token.motionDurationMid}`,
       },
 
       [`&:hover ${componentCls}-item-link`]: {
@@ -520,7 +502,6 @@ const genPaginationItemStyle: GenerateStyle<PaginationToken, CSSObject> = (token
         display: 'block',
         padding: `0 ${token.paginationItemPaddingInline}px`,
         color: token.colorText,
-        transition: 'none',
 
         '&:hover': {
           textDecoration: 'none',
@@ -538,10 +519,6 @@ const genPaginationItemStyle: GenerateStyle<PaginationToken, CSSObject> = (token
         },
       },
 
-      // cannot merge with `&:hover`
-      // see https://github.com/ant-design/ant-design/pull/34002
-      ...genFocusStyle(token),
-
       '&-active': {
         fontWeight: token.fontWeightStrong,
         backgroundColor: token.itemActiveBg,
@@ -635,7 +612,7 @@ const genBorderedStyle: GenerateStyle<PaginationToken> = (token) => {
   const { componentCls } = token;
 
   return {
-    [`${componentCls}${componentCls}-disabled`]: {
+    [`${componentCls}${componentCls}-disabled:not(${componentCls}-mini)`]: {
       '&, &:hover': {
         [`${componentCls}-item-link`]: {
           borderColor: token.colorBorder,
@@ -680,7 +657,7 @@ const genBorderedStyle: GenerateStyle<PaginationToken> = (token) => {
       },
     },
 
-    [componentCls]: {
+    [`${componentCls}:not(${componentCls}-mini)`]: {
       [`${componentCls}-prev, ${componentCls}-next`]: {
         '&:hover button': {
           borderColor: token.colorPrimaryHover,
@@ -727,6 +704,36 @@ const genBorderedStyle: GenerateStyle<PaginationToken> = (token) => {
   };
 };
 
+const genPaginationFocusStyle: GenerateStyle<PaginationToken> = (token) => {
+  const { componentCls } = token;
+
+  return {
+    [`${componentCls}:not(${componentCls}-disabled)`]: {
+      [`${componentCls}-item`]: {
+        ...genFocusStyle(token),
+      },
+
+      [`${componentCls}-jump-prev, ${componentCls}-jump-next`]: {
+        '&:focus-visible': {
+          [`${componentCls}-item-link-icon`]: {
+            opacity: 1,
+          },
+          [`${componentCls}-item-ellipsis`]: {
+            opacity: 0,
+          },
+          ...genFocusOutline(token),
+        },
+      },
+
+      [`${componentCls}-prev, ${componentCls}-next`]: {
+        [`&:focus-visible ${componentCls}-item-link`]: {
+          ...genFocusOutline(token),
+        },
+      },
+    },
+  };
+};
+
 // ============================== Export ==============================
 export default genComponentStyleHook(
   'Pagination',
@@ -747,6 +754,7 @@ export default genComponentStyleHook(
     );
     return [
       genPaginationStyle(paginationToken),
+      genPaginationFocusStyle(paginationToken),
       token.wireframe && genBorderedStyle(paginationToken),
     ];
   },
diff --git a/components/popconfirm/style/index.tsx b/components/popconfirm/style/index.tsx
index 374f66118043..100cbdbb3c6f 100644
--- a/components/popconfirm/style/index.tsx
+++ b/components/popconfirm/style/index.tsx
@@ -65,6 +65,7 @@ const genBaseStyle: GenerateStyle<PopconfirmToken> = (token) => {
 
       [`${componentCls}-buttons`]: {
         textAlign: 'end',
+        whiteSpace: 'nowrap',
 
         button: {
           marginInlineStart: marginXS,
diff --git a/components/radio/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/radio/__tests__/__snapshots__/demo-extend.test.ts.snap
index 1153020c6d69..988eaaa17e64 100644
--- a/components/radio/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/radio/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -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"
diff --git a/components/radio/__tests__/__snapshots__/demo.test.tsx.snap b/components/radio/__tests__/__snapshots__/demo.test.tsx.snap
index 68ed7e3c4601..224b99ac45af 100644
--- a/components/radio/__tests__/__snapshots__/demo.test.tsx.snap
+++ b/components/radio/__tests__/__snapshots__/demo.test.tsx.snap
@@ -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"
diff --git a/components/radio/__tests__/__snapshots__/group.test.tsx.snap b/components/radio/__tests__/__snapshots__/group.test.tsx.snap
index 90418e5ce91e..f6975f15fdad 100644
--- a/components/radio/__tests__/__snapshots__/group.test.tsx.snap
+++ b/components/radio/__tests__/__snapshots__/group.test.tsx.snap
@@ -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"
diff --git a/components/radio/__tests__/__snapshots__/radio-button.test.tsx.snap b/components/radio/__tests__/__snapshots__/radio-button.test.tsx.snap
index 1dc7877dd15c..384f28e528c5 100644
--- a/components/radio/__tests__/__snapshots__/radio-button.test.tsx.snap
+++ b/components/radio/__tests__/__snapshots__/radio-button.test.tsx.snap
@@ -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"
diff --git a/components/radio/__tests__/__snapshots__/radio.test.tsx.snap b/components/radio/__tests__/__snapshots__/radio.test.tsx.snap
index 89164609527a..104cf28e00ca 100644
--- a/components/radio/__tests__/__snapshots__/radio.test.tsx.snap
+++ b/components/radio/__tests__/__snapshots__/radio.test.tsx.snap
@@ -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"
diff --git a/components/radio/radio.tsx b/components/radio/radio.tsx
index 1b000759e699..dc2dd3fb0a42 100644
--- a/components/radio/radio.tsx
+++ b/components/radio/radio.tsx
@@ -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>,
   );
 };
 
diff --git a/components/radio/style/index.tsx b/components/radio/style/index.tsx
index 57f82ce44ef7..18bdc10dd3fe 100644
--- a/components/radio/style/index.tsx
+++ b/components/radio/style/index.tsx
@@ -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(','),
 
diff --git a/components/space/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/space/__tests__/__snapshots__/demo-extend.test.ts.snap
index 6baf7b53280f..b9d26e00d003 100644
--- a/components/space/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/space/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -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"
diff --git a/components/space/__tests__/__snapshots__/demo.test.tsx.snap b/components/space/__tests__/__snapshots__/demo.test.tsx.snap
index 1530b3c47fce..14abb1491edb 100644
--- a/components/space/__tests__/__snapshots__/demo.test.tsx.snap
+++ b/components/space/__tests__/__snapshots__/demo.test.tsx.snap
@@ -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"
diff --git a/components/steps/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/steps/__tests__/__snapshots__/demo-extend.test.ts.snap
index e4538c8dcd32..d54fcfa8035f 100644
--- a/components/steps/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/steps/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -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=""
diff --git a/components/steps/__tests__/__snapshots__/demo.test.ts.snap b/components/steps/__tests__/__snapshots__/demo.test.ts.snap
index 5e4448c558f5..ada9a7db4551 100644
--- a/components/steps/__tests__/__snapshots__/demo.test.ts.snap
+++ b/components/steps/__tests__/__snapshots__/demo.test.ts.snap
@@ -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=""
diff --git a/components/switch/__tests__/index.test.tsx b/components/switch/__tests__/index.test.tsx
index 844463ac7c17..070777c63f9e 100644
--- a/components/switch/__tests__/index.test.tsx
+++ b/components/switch/__tests__/index.test.tsx
@@ -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();
diff --git a/components/table/__tests__/__snapshots__/Table.filter.test.tsx.snap b/components/table/__tests__/__snapshots__/Table.filter.test.tsx.snap
index 0960c6b6ad63..0a0219ff0bb0 100644
--- a/components/table/__tests__/__snapshots__/Table.filter.test.tsx.snap
+++ b/components/table/__tests__/__snapshots__/Table.filter.test.tsx.snap
@@ -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"
diff --git a/components/table/__tests__/__snapshots__/Table.rowSelection.test.tsx.snap b/components/table/__tests__/__snapshots__/Table.rowSelection.test.tsx.snap
index c43f4672b3cb..a3ac39e1a911 100644
--- a/components/table/__tests__/__snapshots__/Table.rowSelection.test.tsx.snap
+++ b/components/table/__tests__/__snapshots__/Table.rowSelection.test.tsx.snap
@@ -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"
diff --git a/components/table/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/table/__tests__/__snapshots__/demo-extend.test.ts.snap
index 577aeac7d48c..b3046b05859f 100644
--- a/components/table/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/table/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -3147,7 +3147,7 @@ Array [
                           class="ant-checkbox-wrapper"
                         >
                           <span
-                            class="ant-checkbox"
+                            class="ant-checkbox ant-wave-target"
                           >
                             <input
                               aria-label="Select all"
@@ -3312,7 +3312,7 @@ Array [
                                     class="ant-checkbox-wrapper"
                                   >
                                     <span
-                                      class="ant-checkbox"
+                                      class="ant-checkbox ant-wave-target"
                                     >
                                       <input
                                         class="ant-checkbox-input"
@@ -3358,7 +3358,7 @@ Array [
                                     class="ant-checkbox-wrapper"
                                   >
                                     <span
-                                      class="ant-checkbox"
+                                      class="ant-checkbox ant-wave-target"
                                     >
                                       <input
                                         class="ant-checkbox-input"
@@ -3564,7 +3564,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -3668,7 +3668,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -3772,7 +3772,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -3876,7 +3876,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -3980,7 +3980,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -4084,7 +4084,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -4188,7 +4188,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -4292,7 +4292,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -4396,7 +4396,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -4500,7 +4500,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -7027,7 +7027,7 @@ exports[`renders components/table/demo/filter-in-tree.tsx extend context correct
                               class="ant-checkbox-wrapper ant-table-filter-dropdown-checkall"
                             >
                               <span
-                                class="ant-checkbox"
+                                class="ant-checkbox ant-wave-target"
                               >
                                 <input
                                   class="ant-checkbox-input"
@@ -7558,7 +7558,7 @@ exports[`renders components/table/demo/filter-in-tree.tsx extend context correct
                                   class="ant-checkbox-wrapper"
                                 >
                                   <span
-                                    class="ant-checkbox"
+                                    class="ant-checkbox ant-wave-target"
                                   >
                                     <input
                                       class="ant-checkbox-input"
@@ -7604,7 +7604,7 @@ exports[`renders components/table/demo/filter-in-tree.tsx extend context correct
                                   class="ant-checkbox-wrapper"
                                 >
                                   <span
-                                    class="ant-checkbox"
+                                    class="ant-checkbox ant-wave-target"
                                   >
                                     <input
                                       class="ant-checkbox-input"
@@ -8002,7 +8002,7 @@ exports[`renders components/table/demo/filter-search.tsx extend context correctl
                               class="ant-checkbox-wrapper ant-table-filter-dropdown-checkall"
                             >
                               <span
-                                class="ant-checkbox"
+                                class="ant-checkbox ant-wave-target"
                               >
                                 <input
                                   class="ant-checkbox-input"
@@ -8357,7 +8357,7 @@ exports[`renders components/table/demo/filter-search.tsx extend context correctl
                                   class="ant-checkbox-wrapper"
                                 >
                                   <span
-                                    class="ant-checkbox"
+                                    class="ant-checkbox ant-wave-target"
                                   >
                                     <input
                                       class="ant-checkbox-input"
@@ -8403,7 +8403,7 @@ exports[`renders components/table/demo/filter-search.tsx extend context correctl
                                   class="ant-checkbox-wrapper"
                                 >
                                   <span
-                                    class="ant-checkbox"
+                                    class="ant-checkbox ant-wave-target"
                                   >
                                     <input
                                       class="ant-checkbox-input"
@@ -11883,7 +11883,7 @@ exports[`renders components/table/demo/grouping-columns.tsx extend context corre
                                   class="ant-checkbox-wrapper"
                                 >
                                   <span
-                                    class="ant-checkbox"
+                                    class="ant-checkbox ant-wave-target"
                                   >
                                     <input
                                       class="ant-checkbox-input"
@@ -11929,7 +11929,7 @@ exports[`renders components/table/demo/grouping-columns.tsx extend context corre
                                   class="ant-checkbox-wrapper"
                                 >
                                   <span
-                                    class="ant-checkbox"
+                                    class="ant-checkbox ant-wave-target"
                                   >
                                     <input
                                       class="ant-checkbox-input"
@@ -13259,7 +13259,7 @@ exports[`renders components/table/demo/head.tsx extend context correctly 1`] = `
                                   class="ant-checkbox-wrapper"
                                 >
                                   <span
-                                    class="ant-checkbox"
+                                    class="ant-checkbox ant-wave-target"
                                   >
                                     <input
                                       class="ant-checkbox-input"
@@ -13305,7 +13305,7 @@ exports[`renders components/table/demo/head.tsx extend context correctly 1`] = `
                                   class="ant-checkbox-wrapper"
                                 >
                                   <span
-                                    class="ant-checkbox"
+                                    class="ant-checkbox ant-wave-target"
                                   >
                                     <input
                                       class="ant-checkbox-input"
@@ -13403,7 +13403,7 @@ exports[`renders components/table/demo/head.tsx extend context correctly 1`] = `
                                         class="ant-checkbox-wrapper"
                                       >
                                         <span
-                                          class="ant-checkbox"
+                                          class="ant-checkbox ant-wave-target"
                                         >
                                           <input
                                             class="ant-checkbox-input"
@@ -13449,7 +13449,7 @@ exports[`renders components/table/demo/head.tsx extend context correctly 1`] = `
                                         class="ant-checkbox-wrapper"
                                       >
                                         <span
-                                          class="ant-checkbox"
+                                          class="ant-checkbox ant-wave-target"
                                         >
                                           <input
                                             class="ant-checkbox-input"
@@ -13729,7 +13729,7 @@ exports[`renders components/table/demo/head.tsx extend context correctly 1`] = `
                                   class="ant-checkbox-wrapper"
                                 >
                                   <span
-                                    class="ant-checkbox"
+                                    class="ant-checkbox ant-wave-target"
                                   >
                                     <input
                                       class="ant-checkbox-input"
@@ -13775,7 +13775,7 @@ exports[`renders components/table/demo/head.tsx extend context correctly 1`] = `
                                   class="ant-checkbox-wrapper"
                                 >
                                   <span
-                                    class="ant-checkbox"
+                                    class="ant-checkbox ant-wave-target"
                                   >
                                     <input
                                       class="ant-checkbox-input"
@@ -19019,7 +19019,7 @@ exports[`renders components/table/demo/order-column.tsx extend context correctly
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             aria-label="Select all"
@@ -19075,7 +19075,7 @@ exports[`renders components/table/demo/order-column.tsx extend context correctly
                       class="ant-checkbox-wrapper"
                     >
                       <span
-                        class="ant-checkbox"
+                        class="ant-checkbox ant-wave-target"
                       >
                         <input
                           class="ant-checkbox-input"
@@ -19124,7 +19124,7 @@ exports[`renders components/table/demo/order-column.tsx extend context correctly
                       class="ant-checkbox-wrapper"
                     >
                       <span
-                        class="ant-checkbox"
+                        class="ant-checkbox ant-wave-target"
                       >
                         <input
                           class="ant-checkbox-input"
@@ -19173,7 +19173,7 @@ exports[`renders components/table/demo/order-column.tsx extend context correctly
                       class="ant-checkbox-wrapper"
                     >
                       <span
-                        class="ant-checkbox"
+                        class="ant-checkbox ant-wave-target"
                       >
                         <input
                           class="ant-checkbox-input"
@@ -19222,7 +19222,7 @@ exports[`renders components/table/demo/order-column.tsx extend context correctly
                       class="ant-checkbox-wrapper"
                     >
                       <span
-                        class="ant-checkbox"
+                        class="ant-checkbox ant-wave-target"
                       >
                         <input
                           class="ant-checkbox-input"
@@ -19342,7 +19342,7 @@ exports[`renders components/table/demo/pagination.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=""
@@ -19362,7 +19362,7 @@ exports[`renders components/table/demo/pagination.tsx extend context correctly 1
         class="ant-radio-wrapper"
       >
         <span
-          class="ant-radio"
+          class="ant-radio ant-wave-target"
         >
           <input
             class="ant-radio-input"
@@ -19381,7 +19381,7 @@ exports[`renders components/table/demo/pagination.tsx extend context correctly 1
         class="ant-radio-wrapper"
       >
         <span
-          class="ant-radio"
+          class="ant-radio ant-wave-target"
         >
           <input
             class="ant-radio-input"
@@ -19400,7 +19400,7 @@ exports[`renders components/table/demo/pagination.tsx extend context correctly 1
         class="ant-radio-wrapper"
       >
         <span
-          class="ant-radio"
+          class="ant-radio ant-wave-target"
         >
           <input
             class="ant-radio-input"
@@ -19425,7 +19425,7 @@ exports[`renders components/table/demo/pagination.tsx extend context correctly 1
       class="ant-radio-wrapper"
     >
       <span
-        class="ant-radio"
+        class="ant-radio ant-wave-target"
       >
         <input
           class="ant-radio-input"
@@ -19444,7 +19444,7 @@ exports[`renders components/table/demo/pagination.tsx extend context correctly 1
       class="ant-radio-wrapper"
     >
       <span
-        class="ant-radio"
+        class="ant-radio ant-wave-target"
       >
         <input
           class="ant-radio-input"
@@ -19463,7 +19463,7 @@ exports[`renders components/table/demo/pagination.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=""
@@ -19483,7 +19483,7 @@ exports[`renders components/table/demo/pagination.tsx extend context correctly 1
       class="ant-radio-wrapper"
     >
       <span
-        class="ant-radio"
+        class="ant-radio ant-wave-target"
       >
         <input
           class="ant-radio-input"
@@ -20120,7 +20120,7 @@ Array [
                                     class="ant-checkbox-wrapper"
                                   >
                                     <span
-                                      class="ant-checkbox"
+                                      class="ant-checkbox ant-wave-target"
                                     >
                                       <input
                                         class="ant-checkbox-input"
@@ -20166,7 +20166,7 @@ Array [
                                     class="ant-checkbox-wrapper"
                                   >
                                     <span
-                                      class="ant-checkbox"
+                                      class="ant-checkbox ant-wave-target"
                                     >
                                       <input
                                         class="ant-checkbox-input"
@@ -20487,7 +20487,7 @@ Array [
                                     class="ant-checkbox-wrapper"
                                   >
                                     <span
-                                      class="ant-checkbox"
+                                      class="ant-checkbox ant-wave-target"
                                     >
                                       <input
                                         class="ant-checkbox-input"
@@ -20533,7 +20533,7 @@ Array [
                                     class="ant-checkbox-wrapper"
                                   >
                                     <span
-                                      class="ant-checkbox"
+                                      class="ant-checkbox ant-wave-target"
                                     >
                                       <input
                                         class="ant-checkbox-input"
@@ -21320,7 +21320,7 @@ exports[`renders components/table/demo/row-selection.tsx extend context correctl
       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=""
@@ -21340,7 +21340,7 @@ exports[`renders components/table/demo/row-selection.tsx extend context correctl
       class="ant-radio-wrapper"
     >
       <span
-        class="ant-radio"
+        class="ant-radio ant-wave-target"
       >
         <input
           class="ant-radio-input"
@@ -21401,7 +21401,7 @@ exports[`renders components/table/demo/row-selection.tsx extend context correctl
                           class="ant-checkbox-wrapper"
                         >
                           <span
-                            class="ant-checkbox"
+                            class="ant-checkbox ant-wave-target"
                           >
                             <input
                               aria-label="Select all"
@@ -21449,7 +21449,7 @@ exports[`renders components/table/demo/row-selection.tsx extend context correctl
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -21491,7 +21491,7 @@ exports[`renders components/table/demo/row-selection.tsx extend context correctl
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -21533,7 +21533,7 @@ exports[`renders components/table/demo/row-selection.tsx extend context correctl
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -21575,7 +21575,7 @@ exports[`renders components/table/demo/row-selection.tsx extend context correctl
                         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"
@@ -21758,7 +21758,7 @@ exports[`renders components/table/demo/row-selection-and-operation.tsx extend co
                           class="ant-checkbox-wrapper"
                         >
                           <span
-                            class="ant-checkbox"
+                            class="ant-checkbox ant-wave-target"
                           >
                             <input
                               aria-label="Select all"
@@ -21806,7 +21806,7 @@ exports[`renders components/table/demo/row-selection-and-operation.tsx extend co
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -21845,7 +21845,7 @@ exports[`renders components/table/demo/row-selection-and-operation.tsx extend co
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -21884,7 +21884,7 @@ exports[`renders components/table/demo/row-selection-and-operation.tsx extend co
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -21923,7 +21923,7 @@ exports[`renders components/table/demo/row-selection-and-operation.tsx extend co
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -21962,7 +21962,7 @@ exports[`renders components/table/demo/row-selection-and-operation.tsx extend co
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -22001,7 +22001,7 @@ exports[`renders components/table/demo/row-selection-and-operation.tsx extend co
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -22040,7 +22040,7 @@ exports[`renders components/table/demo/row-selection-and-operation.tsx extend co
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -22079,7 +22079,7 @@ exports[`renders components/table/demo/row-selection-and-operation.tsx extend co
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -22118,7 +22118,7 @@ exports[`renders components/table/demo/row-selection-and-operation.tsx extend co
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -22157,7 +22157,7 @@ exports[`renders components/table/demo/row-selection-and-operation.tsx extend co
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -22363,7 +22363,7 @@ exports[`renders components/table/demo/row-selection-custom.tsx extend context c
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             aria-label="Custom selection"
@@ -22685,7 +22685,7 @@ exports[`renders components/table/demo/row-selection-custom.tsx extend context c
                       class="ant-checkbox-wrapper"
                     >
                       <span
-                        class="ant-checkbox"
+                        class="ant-checkbox ant-wave-target"
                       >
                         <input
                           class="ant-checkbox-input"
@@ -22724,7 +22724,7 @@ exports[`renders components/table/demo/row-selection-custom.tsx extend context c
                       class="ant-checkbox-wrapper"
                     >
                       <span
-                        class="ant-checkbox"
+                        class="ant-checkbox ant-wave-target"
                       >
                         <input
                           class="ant-checkbox-input"
@@ -22763,7 +22763,7 @@ exports[`renders components/table/demo/row-selection-custom.tsx extend context c
                       class="ant-checkbox-wrapper"
                     >
                       <span
-                        class="ant-checkbox"
+                        class="ant-checkbox ant-wave-target"
                       >
                         <input
                           class="ant-checkbox-input"
@@ -22802,7 +22802,7 @@ exports[`renders components/table/demo/row-selection-custom.tsx extend context c
                       class="ant-checkbox-wrapper"
                     >
                       <span
-                        class="ant-checkbox"
+                        class="ant-checkbox ant-wave-target"
                       >
                         <input
                           class="ant-checkbox-input"
@@ -22841,7 +22841,7 @@ exports[`renders components/table/demo/row-selection-custom.tsx extend context c
                       class="ant-checkbox-wrapper"
                     >
                       <span
-                        class="ant-checkbox"
+                        class="ant-checkbox ant-wave-target"
                       >
                         <input
                           class="ant-checkbox-input"
@@ -22880,7 +22880,7 @@ exports[`renders components/table/demo/row-selection-custom.tsx extend context c
                       class="ant-checkbox-wrapper"
                     >
                       <span
-                        class="ant-checkbox"
+                        class="ant-checkbox ant-wave-target"
                       >
                         <input
                           class="ant-checkbox-input"
@@ -22919,7 +22919,7 @@ exports[`renders components/table/demo/row-selection-custom.tsx extend context c
                       class="ant-checkbox-wrapper"
                     >
                       <span
-                        class="ant-checkbox"
+                        class="ant-checkbox ant-wave-target"
                       >
                         <input
                           class="ant-checkbox-input"
@@ -22958,7 +22958,7 @@ exports[`renders components/table/demo/row-selection-custom.tsx extend context c
                       class="ant-checkbox-wrapper"
                     >
                       <span
-                        class="ant-checkbox"
+                        class="ant-checkbox ant-wave-target"
                       >
                         <input
                           class="ant-checkbox-input"
@@ -22997,7 +22997,7 @@ exports[`renders components/table/demo/row-selection-custom.tsx extend context c
                       class="ant-checkbox-wrapper"
                     >
                       <span
-                        class="ant-checkbox"
+                        class="ant-checkbox ant-wave-target"
                       >
                         <input
                           class="ant-checkbox-input"
@@ -23036,7 +23036,7 @@ exports[`renders components/table/demo/row-selection-custom.tsx extend context c
                       class="ant-checkbox-wrapper"
                     >
                       <span
-                        class="ant-checkbox"
+                        class="ant-checkbox ant-wave-target"
                       >
                         <input
                           class="ant-checkbox-input"
@@ -23241,7 +23241,7 @@ exports[`renders components/table/demo/row-selection-custom-debug.tsx extend con
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             aria-label="Select all"
@@ -23279,7 +23279,7 @@ exports[`renders components/table/demo/row-selection-custom-debug.tsx extend con
                       class="ant-checkbox-wrapper"
                     >
                       <span
-                        class="ant-checkbox"
+                        class="ant-checkbox ant-wave-target"
                       >
                         <input
                           class="ant-checkbox-input"
@@ -23320,7 +23320,7 @@ exports[`renders components/table/demo/row-selection-custom-debug.tsx extend con
                       class="ant-checkbox-wrapper"
                     >
                       <span
-                        class="ant-checkbox"
+                        class="ant-checkbox ant-wave-target"
                       >
                         <input
                           class="ant-checkbox-input"
@@ -23361,7 +23361,7 @@ exports[`renders components/table/demo/row-selection-custom-debug.tsx extend con
                       class="ant-checkbox-wrapper"
                     >
                       <span
-                        class="ant-checkbox"
+                        class="ant-checkbox ant-wave-target"
                       >
                         <input
                           class="ant-checkbox-input"
@@ -23402,7 +23402,7 @@ exports[`renders components/table/demo/row-selection-custom-debug.tsx extend con
                       class="ant-checkbox-wrapper"
                     >
                       <span
-                        class="ant-checkbox"
+                        class="ant-checkbox ant-wave-target"
                       >
                         <input
                           class="ant-checkbox-input"
@@ -23443,7 +23443,7 @@ exports[`renders components/table/demo/row-selection-custom-debug.tsx extend con
                       class="ant-checkbox-wrapper"
                     >
                       <span
-                        class="ant-checkbox"
+                        class="ant-checkbox ant-wave-target"
                       >
                         <input
                           class="ant-checkbox-input"
@@ -23727,7 +23727,7 @@ Array [
                           class="ant-checkbox-wrapper"
                         >
                           <span
-                            class="ant-checkbox"
+                            class="ant-checkbox ant-wave-target"
                           >
                             <input
                               aria-label="Select all"
@@ -23775,7 +23775,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -23817,7 +23817,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -23859,7 +23859,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -23901,7 +23901,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -23943,7 +23943,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -23985,7 +23985,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -24027,7 +24027,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -24069,7 +24069,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -24111,7 +24111,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -24153,7 +24153,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -24195,7 +24195,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -24237,7 +24237,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -24279,7 +24279,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -24321,7 +24321,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -24363,7 +24363,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -24405,7 +24405,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -24447,7 +24447,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -24489,7 +24489,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -24531,7 +24531,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -24573,7 +24573,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -24615,7 +24615,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -24657,7 +24657,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -24699,7 +24699,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -24741,7 +24741,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -24783,7 +24783,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -24825,7 +24825,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -24867,7 +24867,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -24909,7 +24909,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -24951,7 +24951,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -24993,7 +24993,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -25035,7 +25035,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -25077,7 +25077,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -25119,7 +25119,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -25161,7 +25161,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -25203,7 +25203,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -25245,7 +25245,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -25287,7 +25287,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -25329,7 +25329,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -25371,7 +25371,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -25413,7 +25413,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -25455,7 +25455,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -25497,7 +25497,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -25539,7 +25539,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -25581,7 +25581,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -25623,7 +25623,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -25665,7 +25665,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -25707,7 +25707,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -25749,7 +25749,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -25791,7 +25791,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -25833,7 +25833,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -25919,7 +25919,7 @@ exports[`renders components/table/demo/selections-debug.tsx extend context corre
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             aria-label="Custom selection"
@@ -26149,7 +26149,7 @@ exports[`renders components/table/demo/selections-debug.tsx extend context corre
                       class="ant-checkbox-wrapper"
                     >
                       <span
-                        class="ant-checkbox"
+                        class="ant-checkbox ant-wave-target"
                       >
                         <input
                           class="ant-checkbox-input"
@@ -26188,7 +26188,7 @@ exports[`renders components/table/demo/selections-debug.tsx extend context corre
                       class="ant-checkbox-wrapper"
                     >
                       <span
-                        class="ant-checkbox"
+                        class="ant-checkbox ant-wave-target"
                       >
                         <input
                           class="ant-checkbox-input"
@@ -26227,7 +26227,7 @@ exports[`renders components/table/demo/selections-debug.tsx extend context corre
                       class="ant-checkbox-wrapper"
                     >
                       <span
-                        class="ant-checkbox"
+                        class="ant-checkbox ant-wave-target"
                       >
                         <input
                           class="ant-checkbox-input"
@@ -28772,7 +28772,7 @@ Array [
                           class="ant-checkbox-wrapper"
                         >
                           <span
-                            class="ant-checkbox"
+                            class="ant-checkbox ant-wave-target"
                           >
                             <input
                               aria-label="Select all"
@@ -28820,7 +28820,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -28869,7 +28869,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -29085,7 +29085,7 @@ Array [
                           class="ant-checkbox-wrapper"
                         >
                           <span
-                            class="ant-checkbox"
+                            class="ant-checkbox ant-wave-target"
                           >
                             <input
                               aria-label="Select all"
@@ -29140,7 +29140,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -29196,7 +29196,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -29252,7 +29252,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -29308,7 +29308,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -29364,7 +29364,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -29420,7 +29420,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -29476,7 +29476,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -29532,7 +29532,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -29588,7 +29588,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
diff --git a/components/table/__tests__/__snapshots__/demo.test.ts.snap b/components/table/__tests__/__snapshots__/demo.test.ts.snap
index 162880ca4648..3ced836d8000 100644
--- a/components/table/__tests__/__snapshots__/demo.test.ts.snap
+++ b/components/table/__tests__/__snapshots__/demo.test.ts.snap
@@ -2786,7 +2786,7 @@ Array [
                           class="ant-checkbox-wrapper"
                         >
                           <span
-                            class="ant-checkbox"
+                            class="ant-checkbox ant-wave-target"
                           >
                             <input
                               aria-label="Select all"
@@ -2997,7 +2997,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -3101,7 +3101,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -3205,7 +3205,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -3309,7 +3309,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -3413,7 +3413,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -3517,7 +3517,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -3621,7 +3621,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -3725,7 +3725,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -3829,7 +3829,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -3933,7 +3933,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -14646,7 +14646,7 @@ exports[`renders components/table/demo/order-column.tsx correctly 1`] = `
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             aria-label="Select all"
@@ -14702,7 +14702,7 @@ exports[`renders components/table/demo/order-column.tsx correctly 1`] = `
                       class="ant-checkbox-wrapper"
                     >
                       <span
-                        class="ant-checkbox"
+                        class="ant-checkbox ant-wave-target"
                       >
                         <input
                           class="ant-checkbox-input"
@@ -14751,7 +14751,7 @@ exports[`renders components/table/demo/order-column.tsx correctly 1`] = `
                       class="ant-checkbox-wrapper"
                     >
                       <span
-                        class="ant-checkbox"
+                        class="ant-checkbox ant-wave-target"
                       >
                         <input
                           class="ant-checkbox-input"
@@ -14800,7 +14800,7 @@ exports[`renders components/table/demo/order-column.tsx correctly 1`] = `
                       class="ant-checkbox-wrapper"
                     >
                       <span
-                        class="ant-checkbox"
+                        class="ant-checkbox ant-wave-target"
                       >
                         <input
                           class="ant-checkbox-input"
@@ -14849,7 +14849,7 @@ exports[`renders components/table/demo/order-column.tsx correctly 1`] = `
                       class="ant-checkbox-wrapper"
                     >
                       <span
-                        class="ant-checkbox"
+                        class="ant-checkbox ant-wave-target"
                       >
                         <input
                           class="ant-checkbox-input"
@@ -14967,7 +14967,7 @@ exports[`renders components/table/demo/pagination.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=""
@@ -14987,7 +14987,7 @@ exports[`renders components/table/demo/pagination.tsx correctly 1`] = `
         class="ant-radio-wrapper"
       >
         <span
-          class="ant-radio"
+          class="ant-radio ant-wave-target"
         >
           <input
             class="ant-radio-input"
@@ -15006,7 +15006,7 @@ exports[`renders components/table/demo/pagination.tsx correctly 1`] = `
         class="ant-radio-wrapper"
       >
         <span
-          class="ant-radio"
+          class="ant-radio ant-wave-target"
         >
           <input
             class="ant-radio-input"
@@ -15025,7 +15025,7 @@ exports[`renders components/table/demo/pagination.tsx correctly 1`] = `
         class="ant-radio-wrapper"
       >
         <span
-          class="ant-radio"
+          class="ant-radio ant-wave-target"
         >
           <input
             class="ant-radio-input"
@@ -15050,7 +15050,7 @@ exports[`renders components/table/demo/pagination.tsx correctly 1`] = `
       class="ant-radio-wrapper"
     >
       <span
-        class="ant-radio"
+        class="ant-radio ant-wave-target"
       >
         <input
           class="ant-radio-input"
@@ -15069,7 +15069,7 @@ exports[`renders components/table/demo/pagination.tsx correctly 1`] = `
       class="ant-radio-wrapper"
     >
       <span
-        class="ant-radio"
+        class="ant-radio ant-wave-target"
       >
         <input
           class="ant-radio-input"
@@ -15088,7 +15088,7 @@ exports[`renders components/table/demo/pagination.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=""
@@ -15108,7 +15108,7 @@ exports[`renders components/table/demo/pagination.tsx correctly 1`] = `
       class="ant-radio-wrapper"
     >
       <span
-        class="ant-radio"
+        class="ant-radio ant-wave-target"
       >
         <input
           class="ant-radio-input"
@@ -16531,7 +16531,7 @@ exports[`renders components/table/demo/row-selection.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=""
@@ -16551,7 +16551,7 @@ exports[`renders components/table/demo/row-selection.tsx correctly 1`] = `
       class="ant-radio-wrapper"
     >
       <span
-        class="ant-radio"
+        class="ant-radio ant-wave-target"
       >
         <input
           class="ant-radio-input"
@@ -16612,7 +16612,7 @@ exports[`renders components/table/demo/row-selection.tsx correctly 1`] = `
                           class="ant-checkbox-wrapper"
                         >
                           <span
-                            class="ant-checkbox"
+                            class="ant-checkbox ant-wave-target"
                           >
                             <input
                               aria-label="Select all"
@@ -16660,7 +16660,7 @@ exports[`renders components/table/demo/row-selection.tsx correctly 1`] = `
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -16702,7 +16702,7 @@ exports[`renders components/table/demo/row-selection.tsx correctly 1`] = `
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -16744,7 +16744,7 @@ exports[`renders components/table/demo/row-selection.tsx correctly 1`] = `
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -16786,7 +16786,7 @@ exports[`renders components/table/demo/row-selection.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"
@@ -16967,7 +16967,7 @@ exports[`renders components/table/demo/row-selection-and-operation.tsx correctly
                           class="ant-checkbox-wrapper"
                         >
                           <span
-                            class="ant-checkbox"
+                            class="ant-checkbox ant-wave-target"
                           >
                             <input
                               aria-label="Select all"
@@ -17015,7 +17015,7 @@ exports[`renders components/table/demo/row-selection-and-operation.tsx correctly
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -17054,7 +17054,7 @@ exports[`renders components/table/demo/row-selection-and-operation.tsx correctly
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -17093,7 +17093,7 @@ exports[`renders components/table/demo/row-selection-and-operation.tsx correctly
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -17132,7 +17132,7 @@ exports[`renders components/table/demo/row-selection-and-operation.tsx correctly
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -17171,7 +17171,7 @@ exports[`renders components/table/demo/row-selection-and-operation.tsx correctly
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -17210,7 +17210,7 @@ exports[`renders components/table/demo/row-selection-and-operation.tsx correctly
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -17249,7 +17249,7 @@ exports[`renders components/table/demo/row-selection-and-operation.tsx correctly
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -17288,7 +17288,7 @@ exports[`renders components/table/demo/row-selection-and-operation.tsx correctly
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -17327,7 +17327,7 @@ exports[`renders components/table/demo/row-selection-and-operation.tsx correctly
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -17366,7 +17366,7 @@ exports[`renders components/table/demo/row-selection-and-operation.tsx correctly
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -17570,7 +17570,7 @@ exports[`renders components/table/demo/row-selection-custom.tsx correctly 1`] =
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             aria-label="Custom selection"
@@ -17645,7 +17645,7 @@ exports[`renders components/table/demo/row-selection-custom.tsx correctly 1`] =
                       class="ant-checkbox-wrapper"
                     >
                       <span
-                        class="ant-checkbox"
+                        class="ant-checkbox ant-wave-target"
                       >
                         <input
                           class="ant-checkbox-input"
@@ -17684,7 +17684,7 @@ exports[`renders components/table/demo/row-selection-custom.tsx correctly 1`] =
                       class="ant-checkbox-wrapper"
                     >
                       <span
-                        class="ant-checkbox"
+                        class="ant-checkbox ant-wave-target"
                       >
                         <input
                           class="ant-checkbox-input"
@@ -17723,7 +17723,7 @@ exports[`renders components/table/demo/row-selection-custom.tsx correctly 1`] =
                       class="ant-checkbox-wrapper"
                     >
                       <span
-                        class="ant-checkbox"
+                        class="ant-checkbox ant-wave-target"
                       >
                         <input
                           class="ant-checkbox-input"
@@ -17762,7 +17762,7 @@ exports[`renders components/table/demo/row-selection-custom.tsx correctly 1`] =
                       class="ant-checkbox-wrapper"
                     >
                       <span
-                        class="ant-checkbox"
+                        class="ant-checkbox ant-wave-target"
                       >
                         <input
                           class="ant-checkbox-input"
@@ -17801,7 +17801,7 @@ exports[`renders components/table/demo/row-selection-custom.tsx correctly 1`] =
                       class="ant-checkbox-wrapper"
                     >
                       <span
-                        class="ant-checkbox"
+                        class="ant-checkbox ant-wave-target"
                       >
                         <input
                           class="ant-checkbox-input"
@@ -17840,7 +17840,7 @@ exports[`renders components/table/demo/row-selection-custom.tsx correctly 1`] =
                       class="ant-checkbox-wrapper"
                     >
                       <span
-                        class="ant-checkbox"
+                        class="ant-checkbox ant-wave-target"
                       >
                         <input
                           class="ant-checkbox-input"
@@ -17879,7 +17879,7 @@ exports[`renders components/table/demo/row-selection-custom.tsx correctly 1`] =
                       class="ant-checkbox-wrapper"
                     >
                       <span
-                        class="ant-checkbox"
+                        class="ant-checkbox ant-wave-target"
                       >
                         <input
                           class="ant-checkbox-input"
@@ -17918,7 +17918,7 @@ exports[`renders components/table/demo/row-selection-custom.tsx correctly 1`] =
                       class="ant-checkbox-wrapper"
                     >
                       <span
-                        class="ant-checkbox"
+                        class="ant-checkbox ant-wave-target"
                       >
                         <input
                           class="ant-checkbox-input"
@@ -17957,7 +17957,7 @@ exports[`renders components/table/demo/row-selection-custom.tsx correctly 1`] =
                       class="ant-checkbox-wrapper"
                     >
                       <span
-                        class="ant-checkbox"
+                        class="ant-checkbox ant-wave-target"
                       >
                         <input
                           class="ant-checkbox-input"
@@ -17996,7 +17996,7 @@ exports[`renders components/table/demo/row-selection-custom.tsx correctly 1`] =
                       class="ant-checkbox-wrapper"
                     >
                       <span
-                        class="ant-checkbox"
+                        class="ant-checkbox ant-wave-target"
                       >
                         <input
                           class="ant-checkbox-input"
@@ -18199,7 +18199,7 @@ exports[`renders components/table/demo/row-selection-custom-debug.tsx correctly
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             aria-label="Select all"
@@ -18239,7 +18239,7 @@ exports[`renders components/table/demo/row-selection-custom-debug.tsx correctly
                       class="ant-checkbox-wrapper"
                     >
                       <span
-                        class="ant-checkbox"
+                        class="ant-checkbox ant-wave-target"
                       >
                         <input
                           class="ant-checkbox-input"
@@ -18282,7 +18282,7 @@ exports[`renders components/table/demo/row-selection-custom-debug.tsx correctly
                       class="ant-checkbox-wrapper"
                     >
                       <span
-                        class="ant-checkbox"
+                        class="ant-checkbox ant-wave-target"
                       >
                         <input
                           class="ant-checkbox-input"
@@ -18325,7 +18325,7 @@ exports[`renders components/table/demo/row-selection-custom-debug.tsx correctly
                       class="ant-checkbox-wrapper"
                     >
                       <span
-                        class="ant-checkbox"
+                        class="ant-checkbox ant-wave-target"
                       >
                         <input
                           class="ant-checkbox-input"
@@ -18368,7 +18368,7 @@ exports[`renders components/table/demo/row-selection-custom-debug.tsx correctly
                       class="ant-checkbox-wrapper"
                     >
                       <span
-                        class="ant-checkbox"
+                        class="ant-checkbox ant-wave-target"
                       >
                         <input
                           class="ant-checkbox-input"
@@ -18411,7 +18411,7 @@ exports[`renders components/table/demo/row-selection-custom-debug.tsx correctly
                       class="ant-checkbox-wrapper"
                     >
                       <span
-                        class="ant-checkbox"
+                        class="ant-checkbox ant-wave-target"
                       >
                         <input
                           class="ant-checkbox-input"
@@ -18689,7 +18689,7 @@ Array [
                           class="ant-checkbox-wrapper"
                         >
                           <span
-                            class="ant-checkbox"
+                            class="ant-checkbox ant-wave-target"
                           >
                             <input
                               aria-label="Select all"
@@ -18737,7 +18737,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -18779,7 +18779,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -18821,7 +18821,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -18863,7 +18863,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -18905,7 +18905,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -18947,7 +18947,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -18989,7 +18989,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -19031,7 +19031,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -19073,7 +19073,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -19115,7 +19115,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -19157,7 +19157,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -19199,7 +19199,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -19241,7 +19241,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -19283,7 +19283,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -19325,7 +19325,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -19367,7 +19367,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -19409,7 +19409,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -19451,7 +19451,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -19493,7 +19493,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -19535,7 +19535,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -19577,7 +19577,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -19619,7 +19619,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -19661,7 +19661,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -19703,7 +19703,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -19745,7 +19745,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -19787,7 +19787,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -19829,7 +19829,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -19871,7 +19871,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -19913,7 +19913,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -19955,7 +19955,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -19997,7 +19997,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -20039,7 +20039,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -20081,7 +20081,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -20123,7 +20123,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -20165,7 +20165,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -20207,7 +20207,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -20249,7 +20249,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -20291,7 +20291,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -20333,7 +20333,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -20375,7 +20375,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -20417,7 +20417,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -20459,7 +20459,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -20501,7 +20501,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -20543,7 +20543,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -20585,7 +20585,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -20627,7 +20627,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -20669,7 +20669,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -20711,7 +20711,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -20753,7 +20753,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -20795,7 +20795,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -20879,7 +20879,7 @@ exports[`renders components/table/demo/selections-debug.tsx correctly 1`] = `
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             aria-label="Custom selection"
@@ -20954,7 +20954,7 @@ exports[`renders components/table/demo/selections-debug.tsx correctly 1`] = `
                       class="ant-checkbox-wrapper"
                     >
                       <span
-                        class="ant-checkbox"
+                        class="ant-checkbox ant-wave-target"
                       >
                         <input
                           class="ant-checkbox-input"
@@ -20993,7 +20993,7 @@ exports[`renders components/table/demo/selections-debug.tsx correctly 1`] = `
                       class="ant-checkbox-wrapper"
                     >
                       <span
-                        class="ant-checkbox"
+                        class="ant-checkbox ant-wave-target"
                       >
                         <input
                           class="ant-checkbox-input"
@@ -21032,7 +21032,7 @@ exports[`renders components/table/demo/selections-debug.tsx correctly 1`] = `
                       class="ant-checkbox-wrapper"
                     >
                       <span
-                        class="ant-checkbox"
+                        class="ant-checkbox ant-wave-target"
                       >
                         <input
                           class="ant-checkbox-input"
@@ -23466,7 +23466,7 @@ Array [
                           class="ant-checkbox-wrapper"
                         >
                           <span
-                            class="ant-checkbox"
+                            class="ant-checkbox ant-wave-target"
                           >
                             <input
                               aria-label="Select all"
@@ -23514,7 +23514,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -23563,7 +23563,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -23777,7 +23777,7 @@ Array [
                           class="ant-checkbox-wrapper"
                         >
                           <span
-                            class="ant-checkbox"
+                            class="ant-checkbox ant-wave-target"
                           >
                             <input
                               aria-label="Select all"
@@ -23832,7 +23832,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -23888,7 +23888,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -23944,7 +23944,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -24000,7 +24000,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -24056,7 +24056,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -24112,7 +24112,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -24168,7 +24168,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -24224,7 +24224,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
@@ -24280,7 +24280,7 @@ Array [
                         class="ant-checkbox-wrapper"
                       >
                         <span
-                          class="ant-checkbox"
+                          class="ant-checkbox ant-wave-target"
                         >
                           <input
                             class="ant-checkbox-input"
diff --git a/components/table/style/rtl.ts b/components/table/style/rtl.ts
index bd1b3436cd5e..6dfe22cee805 100644
--- a/components/table/style/rtl.ts
+++ b/components/table/style/rtl.ts
@@ -20,6 +20,8 @@ const genStyle: GenerateStyle<TableToken, CSSObject> = (token) => {
       },
 
       [`${componentCls}-row-expand-icon`]: {
+        float: 'right',
+
         '&::after': {
           transform: 'rotate(-90deg)',
         },
@@ -43,6 +45,10 @@ const genStyle: GenerateStyle<TableToken, CSSObject> = (token) => {
           insetInlineStart: 0,
           insetInlineEnd: 'unset',
         },
+
+        [`${componentCls}-row-indent`]: {
+          float: 'right',
+        },
       },
     },
   };
diff --git a/components/tabs/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/tabs/__tests__/__snapshots__/demo-extend.test.ts.snap
index a12781d55bce..710e51cb56d6 100644
--- a/components/tabs/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/tabs/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -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=""
diff --git a/components/tabs/__tests__/__snapshots__/demo.test.ts.snap b/components/tabs/__tests__/__snapshots__/demo.test.ts.snap
index 9df71279be3a..5ca27452adb8 100644
--- a/components/tabs/__tests__/__snapshots__/demo.test.ts.snap
+++ b/components/tabs/__tests__/__snapshots__/demo.test.ts.snap
@@ -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=""
diff --git a/components/tag/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/tag/__tests__/__snapshots__/demo-extend.test.ts.snap
index c6053053070e..0c012184a7d8 100644
--- a/components/tag/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/tag/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -1214,7 +1214,7 @@ exports[`renders components/tag/demo/control.tsx extend context correctly 1`] =
 >
   <div
     class="ant-space-item"
-    style="margin-right: 0px; padding-bottom: 8px;"
+    style="padding-bottom: 8px;"
   >
     <div
       class="ant-space ant-space-horizontal ant-space-align-center"
@@ -1269,7 +1269,7 @@ exports[`renders components/tag/demo/control.tsx extend context correctly 1`] =
       </div>
       <div
         class="ant-space-item"
-        style="padding-bottom: 8px;"
+        style="margin-right: 0px; padding-bottom: 8px;"
       >
         <span
           class="ant-tag"
@@ -1301,43 +1301,43 @@ exports[`renders components/tag/demo/control.tsx extend context correctly 1`] =
           </span>
         </span>
       </div>
-    </div>
-  </div>
-  <div
-    class="ant-space-item"
-    style="padding-bottom: 8px;"
-  >
-    <span
-      class="ant-tag"
-      style="background: rgb(255, 255, 255); border-style: dashed;"
-    >
-      <span
-        aria-label="plus"
-        class="anticon anticon-plus"
-        role="img"
+      <div
+        class="ant-space-item"
+        style="padding-bottom: 8px;"
       >
-        <svg
-          aria-hidden="true"
-          data-icon="plus"
-          fill="currentColor"
-          focusable="false"
-          height="1em"
-          viewBox="64 64 896 896"
-          width="1em"
+        <span
+          class="ant-tag"
+          style="height: 22px; background: rgb(255, 255, 255); border-style: dashed;"
         >
-          <defs>
-            <style />
-          </defs>
-          <path
-            d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"
-          />
-          <path
-            d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"
-          />
-        </svg>
-      </span>
-       New Tag
-    </span>
+          <span
+            aria-label="plus"
+            class="anticon anticon-plus"
+            role="img"
+          >
+            <svg
+              aria-hidden="true"
+              data-icon="plus"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
+            >
+              <defs>
+                <style />
+              </defs>
+              <path
+                d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"
+              />
+              <path
+                d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"
+              />
+            </svg>
+          </span>
+           New Tag
+        </span>
+      </div>
+    </div>
   </div>
 </div>
 `;
diff --git a/components/tag/__tests__/__snapshots__/demo.test.ts.snap b/components/tag/__tests__/__snapshots__/demo.test.ts.snap
index 1526b35713b0..4ca5e3007694 100644
--- a/components/tag/__tests__/__snapshots__/demo.test.ts.snap
+++ b/components/tag/__tests__/__snapshots__/demo.test.ts.snap
@@ -1198,7 +1198,7 @@ exports[`renders components/tag/demo/control.tsx correctly 1`] = `
 >
   <div
     class="ant-space-item"
-    style="margin-right:0;padding-bottom:8px"
+    style="padding-bottom:8px"
   >
     <div
       class="ant-space ant-space-horizontal ant-space-align-center"
@@ -1253,7 +1253,7 @@ exports[`renders components/tag/demo/control.tsx correctly 1`] = `
       </div>
       <div
         class="ant-space-item"
-        style="padding-bottom:8px"
+        style="margin-right:0;padding-bottom:8px"
       >
         <span
           class="ant-tag"
@@ -1285,43 +1285,43 @@ exports[`renders components/tag/demo/control.tsx correctly 1`] = `
           </span>
         </span>
       </div>
-    </div>
-  </div>
-  <div
-    class="ant-space-item"
-    style="padding-bottom:8px"
-  >
-    <span
-      class="ant-tag"
-      style="background:#ffffff;border-style:dashed"
-    >
-      <span
-        aria-label="plus"
-        class="anticon anticon-plus"
-        role="img"
+      <div
+        class="ant-space-item"
+        style="padding-bottom:8px"
       >
-        <svg
-          aria-hidden="true"
-          data-icon="plus"
-          fill="currentColor"
-          focusable="false"
-          height="1em"
-          viewBox="64 64 896 896"
-          width="1em"
+        <span
+          class="ant-tag"
+          style="height:22px;background:#ffffff;border-style:dashed"
         >
-          <defs>
-            <style />
-          </defs>
-          <path
-            d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"
-          />
-          <path
-            d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"
-          />
-        </svg>
-      </span>
-       New Tag
-    </span>
+          <span
+            aria-label="plus"
+            class="anticon anticon-plus"
+            role="img"
+          >
+            <svg
+              aria-hidden="true"
+              data-icon="plus"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
+            >
+              <defs>
+                <style />
+              </defs>
+              <path
+                d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"
+              />
+              <path
+                d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"
+              />
+            </svg>
+          </span>
+           New Tag
+        </span>
+      </div>
+    </div>
   </div>
 </div>
 `;
diff --git a/components/tag/demo/control.tsx b/components/tag/demo/control.tsx
index 014e6b3c2a4d..082db27d46ba 100644
--- a/components/tag/demo/control.tsx
+++ b/components/tag/demo/control.tsx
@@ -21,7 +21,7 @@ const App: React.FC = () => {
 
   useEffect(() => {
     editInputRef.current?.focus();
-  }, [inputValue]);
+  }, [editInputValue]);
 
   const handleClose = (removedTag: string) => {
     const newTags = tags.filter((tag) => tag !== removedTag);
@@ -54,15 +54,18 @@ const App: React.FC = () => {
     newTags[editInputIndex] = editInputValue;
     setTags(newTags);
     setEditInputIndex(-1);
-    setInputValue('');
+    setEditInputValue('');
   };
 
   const tagInputStyle: React.CSSProperties = {
-    width: 78,
+    width: 64,
+    height: 22,
+    marginInlineEnd: 8,
     verticalAlign: 'top',
   };
 
   const tagPlusStyle: React.CSSProperties = {
+    height: 22,
     background: token.colorBgContainer,
     borderStyle: 'dashed',
   };
@@ -114,23 +117,23 @@ const App: React.FC = () => {
             tagElem
           );
         })}
+        {inputVisible ? (
+          <Input
+            ref={inputRef}
+            type="text"
+            size="small"
+            style={tagInputStyle}
+            value={inputValue}
+            onChange={handleInputChange}
+            onBlur={handleInputConfirm}
+            onPressEnter={handleInputConfirm}
+          />
+        ) : (
+          <Tag style={tagPlusStyle} onClick={showInput}>
+            <PlusOutlined /> New Tag
+          </Tag>
+        )}
       </Space>
-      {inputVisible ? (
-        <Input
-          ref={inputRef}
-          type="text"
-          size="small"
-          style={tagInputStyle}
-          value={inputValue}
-          onChange={handleInputChange}
-          onBlur={handleInputConfirm}
-          onPressEnter={handleInputConfirm}
-        />
-      ) : (
-        <Tag style={tagPlusStyle} onClick={showInput}>
-          <PlusOutlined /> New Tag
-        </Tag>
-      )}
     </Space>
   );
 };
diff --git a/components/theme/useToken.ts b/components/theme/useToken.ts
index ba875225344e..2221d1909f39 100644
--- a/components/theme/useToken.ts
+++ b/components/theme/useToken.ts
@@ -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,
diff --git a/components/time-picker/__tests__/__snapshots__/index.test.tsx.snap b/components/time-picker/__tests__/__snapshots__/index.test.tsx.snap
index 45137dee427d..c06bfe119098 100644
--- a/components/time-picker/__tests__/__snapshots__/index.test.tsx.snap
+++ b/components/time-picker/__tests__/__snapshots__/index.test.tsx.snap
@@ -41,31 +41,6 @@ exports[`TimePicker not render clean icon when allowClear is false 1`] = `
         </svg>
       </span>
     </span>
-    <span
-      class="ant-picker-clear"
-      role="button"
-    >
-      <span
-        aria-label="close-circle"
-        class="anticon anticon-close-circle"
-        role="img"
-      >
-        <svg
-          aria-hidden="true"
-          data-icon="close-circle"
-          fill="currentColor"
-          fill-rule="evenodd"
-          focusable="false"
-          height="1em"
-          viewBox="64 64 896 896"
-          width="1em"
-        >
-          <path
-            d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
-          />
-        </svg>
-      </span>
-    </span>
   </div>
 </div>
 `;
diff --git a/components/timeline/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/timeline/__tests__/__snapshots__/demo-extend.test.ts.snap
index 50369f9efda7..f739d2c8e7af 100644
--- a/components/timeline/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/timeline/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -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"
diff --git a/components/timeline/__tests__/__snapshots__/demo.test.ts.snap b/components/timeline/__tests__/__snapshots__/demo.test.ts.snap
index 7404fd4f622b..7bf206d9a8ce 100644
--- a/components/timeline/__tests__/__snapshots__/demo.test.ts.snap
+++ b/components/timeline/__tests__/__snapshots__/demo.test.ts.snap
@@ -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"
diff --git a/components/tooltip/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/tooltip/__tests__/__snapshots__/demo-extend.test.ts.snap
index feb607d6eeb2..69f423739bf8 100644
--- a/components/tooltip/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/tooltip/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -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"
diff --git a/components/tooltip/__tests__/__snapshots__/demo.test.tsx.snap b/components/tooltip/__tests__/__snapshots__/demo.test.tsx.snap
index 52497d6fe3d6..fdbe0c7959ef 100644
--- a/components/tooltip/__tests__/__snapshots__/demo.test.tsx.snap
+++ b/components/tooltip/__tests__/__snapshots__/demo.test.tsx.snap
@@ -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"
diff --git a/components/transfer/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/transfer/__tests__/__snapshots__/demo-extend.test.ts.snap
index 7a0388bedd9c..dc98e553f4ef 100644
--- a/components/transfer/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/transfer/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -15,7 +15,7 @@ exports[`renders components/transfer/demo/advanced.tsx extend context correctly
         class="ant-checkbox-wrapper ant-transfer-list-checkbox"
       >
         <span
-          class="ant-checkbox"
+          class="ant-checkbox ant-wave-target"
         >
           <input
             class="ant-checkbox-input"
@@ -244,7 +244,7 @@ exports[`renders components/transfer/demo/advanced.tsx extend context correctly
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -269,7 +269,7 @@ exports[`renders components/transfer/demo/advanced.tsx extend context correctly
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -294,7 +294,7 @@ exports[`renders components/transfer/demo/advanced.tsx extend context correctly
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -319,7 +319,7 @@ exports[`renders components/transfer/demo/advanced.tsx extend context correctly
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -344,7 +344,7 @@ exports[`renders components/transfer/demo/advanced.tsx extend context correctly
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -369,7 +369,7 @@ exports[`renders components/transfer/demo/advanced.tsx extend context correctly
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -394,7 +394,7 @@ exports[`renders components/transfer/demo/advanced.tsx extend context correctly
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -419,7 +419,7 @@ exports[`renders components/transfer/demo/advanced.tsx extend context correctly
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -444,7 +444,7 @@ exports[`renders components/transfer/demo/advanced.tsx extend context correctly
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -469,7 +469,7 @@ exports[`renders components/transfer/demo/advanced.tsx extend context correctly
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -581,7 +581,7 @@ exports[`renders components/transfer/demo/advanced.tsx extend context correctly
         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[`renders components/transfer/demo/advanced.tsx extend context correctly
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -835,7 +835,7 @@ exports[`renders components/transfer/demo/advanced.tsx extend context correctly
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -860,7 +860,7 @@ exports[`renders components/transfer/demo/advanced.tsx extend context correctly
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -885,7 +885,7 @@ exports[`renders components/transfer/demo/advanced.tsx extend context correctly
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -910,7 +910,7 @@ exports[`renders components/transfer/demo/advanced.tsx extend context correctly
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -935,7 +935,7 @@ exports[`renders components/transfer/demo/advanced.tsx extend context correctly
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -960,7 +960,7 @@ exports[`renders components/transfer/demo/advanced.tsx extend context correctly
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -985,7 +985,7 @@ exports[`renders components/transfer/demo/advanced.tsx extend context correctly
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -1010,7 +1010,7 @@ exports[`renders components/transfer/demo/advanced.tsx extend context correctly
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -1035,7 +1035,7 @@ exports[`renders components/transfer/demo/advanced.tsx extend context correctly
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -1087,7 +1087,7 @@ exports[`renders components/transfer/demo/basic.tsx extend context 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"
@@ -1251,7 +1251,7 @@ exports[`renders components/transfer/demo/basic.tsx extend context 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"
@@ -1276,7 +1276,7 @@ exports[`renders components/transfer/demo/basic.tsx extend context 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"
@@ -1301,7 +1301,7 @@ exports[`renders components/transfer/demo/basic.tsx extend context 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"
@@ -1326,7 +1326,7 @@ exports[`renders components/transfer/demo/basic.tsx extend context 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"
@@ -1351,7 +1351,7 @@ exports[`renders components/transfer/demo/basic.tsx extend context 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"
@@ -1376,7 +1376,7 @@ exports[`renders components/transfer/demo/basic.tsx extend context 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"
@@ -1401,7 +1401,7 @@ exports[`renders components/transfer/demo/basic.tsx extend context 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"
@@ -1426,7 +1426,7 @@ exports[`renders components/transfer/demo/basic.tsx extend context 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"
@@ -1451,7 +1451,7 @@ exports[`renders components/transfer/demo/basic.tsx extend context 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"
@@ -1476,7 +1476,7 @@ exports[`renders components/transfer/demo/basic.tsx extend context 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"
@@ -1501,7 +1501,7 @@ exports[`renders components/transfer/demo/basic.tsx extend context 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"
@@ -1593,7 +1593,7 @@ exports[`renders components/transfer/demo/basic.tsx extend context 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"
@@ -1757,7 +1757,7 @@ exports[`renders components/transfer/demo/basic.tsx extend context 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"
@@ -1782,7 +1782,7 @@ exports[`renders components/transfer/demo/basic.tsx extend context 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"
@@ -1807,7 +1807,7 @@ exports[`renders components/transfer/demo/basic.tsx extend context 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"
@@ -1832,7 +1832,7 @@ exports[`renders components/transfer/demo/basic.tsx extend context 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"
@@ -1857,7 +1857,7 @@ exports[`renders components/transfer/demo/basic.tsx extend context 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"
@@ -1882,7 +1882,7 @@ exports[`renders components/transfer/demo/basic.tsx extend context 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"
@@ -1907,7 +1907,7 @@ exports[`renders components/transfer/demo/basic.tsx extend context 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"
@@ -1932,7 +1932,7 @@ exports[`renders components/transfer/demo/basic.tsx extend context 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"
@@ -1957,7 +1957,7 @@ exports[`renders components/transfer/demo/basic.tsx extend context 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"
@@ -1997,7 +1997,7 @@ Array [
           class="ant-checkbox-wrapper ant-transfer-list-checkbox"
         >
           <span
-            class="ant-checkbox"
+            class="ant-checkbox ant-wave-target"
           >
             <input
               class="ant-checkbox-input"
@@ -2161,7 +2161,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"
@@ -2187,7 +2187,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -2212,7 +2212,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -2237,7 +2237,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -2262,7 +2262,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"
@@ -2288,7 +2288,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -2313,7 +2313,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -2338,7 +2338,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -2363,7 +2363,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"
@@ -2389,7 +2389,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -2414,7 +2414,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -2506,7 +2506,7 @@ Array [
           class="ant-checkbox-wrapper ant-transfer-list-checkbox"
         >
           <span
-            class="ant-checkbox"
+            class="ant-checkbox ant-wave-target"
           >
             <input
               class="ant-checkbox-input"
@@ -2670,7 +2670,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -2695,7 +2695,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"
@@ -2721,7 +2721,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -2746,7 +2746,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -2771,7 +2771,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -2796,7 +2796,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"
@@ -2822,7 +2822,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -2847,7 +2847,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -2872,7 +2872,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -2906,7 +2906,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"
@@ -3181,7 +3181,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"
@@ -3398,7 +3398,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"
@@ -3740,7 +3740,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"
@@ -4024,7 +4024,7 @@ Array [
           class="ant-checkbox-wrapper ant-transfer-list-checkbox"
         >
           <span
-            class="ant-checkbox"
+            class="ant-checkbox ant-wave-target"
           >
             <input
               class="ant-checkbox-input"
@@ -4219,7 +4219,7 @@ Array [
                                   class="ant-checkbox-wrapper"
                                 >
                                   <span
-                                    class="ant-checkbox"
+                                    class="ant-checkbox ant-wave-target"
                                   >
                                     <input
                                       aria-label="Select all"
@@ -4267,7 +4267,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"
@@ -4311,7 +4311,7 @@ Array [
                                 class="ant-checkbox-wrapper"
                               >
                                 <span
-                                  class="ant-checkbox"
+                                  class="ant-checkbox ant-wave-target"
                                 >
                                   <input
                                     class="ant-checkbox-input"
@@ -4354,7 +4354,7 @@ Array [
                                 class="ant-checkbox-wrapper"
                               >
                                 <span
-                                  class="ant-checkbox"
+                                  class="ant-checkbox ant-wave-target"
                                 >
                                   <input
                                     class="ant-checkbox-input"
@@ -4397,7 +4397,7 @@ Array [
                                 class="ant-checkbox-wrapper"
                               >
                                 <span
-                                  class="ant-checkbox"
+                                  class="ant-checkbox ant-wave-target"
                                 >
                                   <input
                                     class="ant-checkbox-input"
@@ -4440,7 +4440,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"
@@ -4484,7 +4484,7 @@ Array [
                                 class="ant-checkbox-wrapper"
                               >
                                 <span
-                                  class="ant-checkbox"
+                                  class="ant-checkbox ant-wave-target"
                                 >
                                   <input
                                     class="ant-checkbox-input"
@@ -4527,7 +4527,7 @@ Array [
                                 class="ant-checkbox-wrapper"
                               >
                                 <span
-                                  class="ant-checkbox"
+                                  class="ant-checkbox ant-wave-target"
                                 >
                                   <input
                                     class="ant-checkbox-input"
@@ -4570,7 +4570,7 @@ Array [
                                 class="ant-checkbox-wrapper"
                               >
                                 <span
-                                  class="ant-checkbox"
+                                  class="ant-checkbox ant-wave-target"
                                 >
                                   <input
                                     class="ant-checkbox-input"
@@ -4613,7 +4613,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"
@@ -4657,7 +4657,7 @@ Array [
                                 class="ant-checkbox-wrapper"
                               >
                                 <span
-                                  class="ant-checkbox"
+                                  class="ant-checkbox ant-wave-target"
                                 >
                                   <input
                                     class="ant-checkbox-input"
@@ -4862,7 +4862,7 @@ Array [
           class="ant-checkbox-wrapper ant-transfer-list-checkbox"
         >
           <span
-            class="ant-checkbox"
+            class="ant-checkbox ant-wave-target"
           >
             <input
               class="ant-checkbox-input"
@@ -5057,7 +5057,7 @@ Array [
                                   class="ant-checkbox-wrapper"
                                 >
                                   <span
-                                    class="ant-checkbox"
+                                    class="ant-checkbox ant-wave-target"
                                   >
                                     <input
                                       aria-label="Select all"
@@ -5093,7 +5093,7 @@ Array [
                                 class="ant-checkbox-wrapper"
                               >
                                 <span
-                                  class="ant-checkbox"
+                                  class="ant-checkbox ant-wave-target"
                                 >
                                   <input
                                     class="ant-checkbox-input"
@@ -5122,7 +5122,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"
@@ -5152,7 +5152,7 @@ Array [
                                 class="ant-checkbox-wrapper"
                               >
                                 <span
-                                  class="ant-checkbox"
+                                  class="ant-checkbox ant-wave-target"
                                 >
                                   <input
                                     class="ant-checkbox-input"
@@ -5181,7 +5181,7 @@ Array [
                                 class="ant-checkbox-wrapper"
                               >
                                 <span
-                                  class="ant-checkbox"
+                                  class="ant-checkbox ant-wave-target"
                                 >
                                   <input
                                     class="ant-checkbox-input"
@@ -5210,7 +5210,7 @@ Array [
                                 class="ant-checkbox-wrapper"
                               >
                                 <span
-                                  class="ant-checkbox"
+                                  class="ant-checkbox ant-wave-target"
                                 >
                                   <input
                                     class="ant-checkbox-input"
@@ -5239,7 +5239,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"
@@ -5269,7 +5269,7 @@ Array [
                                 class="ant-checkbox-wrapper"
                               >
                                 <span
-                                  class="ant-checkbox"
+                                  class="ant-checkbox ant-wave-target"
                                 >
                                   <input
                                     class="ant-checkbox-input"
@@ -5298,7 +5298,7 @@ Array [
                                 class="ant-checkbox-wrapper"
                               >
                                 <span
-                                  class="ant-checkbox"
+                                  class="ant-checkbox ant-wave-target"
                                 >
                                   <input
                                     class="ant-checkbox-input"
@@ -5327,7 +5327,7 @@ Array [
                                 class="ant-checkbox-wrapper"
                               >
                                 <span
-                                  class="ant-checkbox"
+                                  class="ant-checkbox ant-wave-target"
                                 >
                                   <input
                                     class="ant-checkbox-input"
@@ -5518,7 +5518,7 @@ exports[`renders components/transfer/demo/custom-item.tsx extend context correct
         class="ant-checkbox-wrapper ant-transfer-list-checkbox"
       >
         <span
-          class="ant-checkbox"
+          class="ant-checkbox ant-wave-target"
         >
           <input
             class="ant-checkbox-input"
@@ -5680,7 +5680,7 @@ exports[`renders components/transfer/demo/custom-item.tsx extend context correct
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -5709,7 +5709,7 @@ exports[`renders components/transfer/demo/custom-item.tsx extend context correct
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -5738,7 +5738,7 @@ exports[`renders components/transfer/demo/custom-item.tsx extend context correct
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -5767,7 +5767,7 @@ exports[`renders components/transfer/demo/custom-item.tsx extend context correct
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -5796,7 +5796,7 @@ exports[`renders components/transfer/demo/custom-item.tsx extend context correct
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -5825,7 +5825,7 @@ exports[`renders components/transfer/demo/custom-item.tsx extend context correct
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -5854,7 +5854,7 @@ exports[`renders components/transfer/demo/custom-item.tsx extend context correct
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -5883,7 +5883,7 @@ exports[`renders components/transfer/demo/custom-item.tsx extend context correct
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -5912,7 +5912,7 @@ exports[`renders components/transfer/demo/custom-item.tsx extend context correct
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -5941,7 +5941,7 @@ exports[`renders components/transfer/demo/custom-item.tsx extend context correct
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -6038,7 +6038,7 @@ exports[`renders components/transfer/demo/custom-item.tsx extend context correct
         class="ant-checkbox-wrapper ant-transfer-list-checkbox"
       >
         <span
-          class="ant-checkbox"
+          class="ant-checkbox ant-wave-target"
         >
           <input
             class="ant-checkbox-input"
@@ -6200,7 +6200,7 @@ exports[`renders components/transfer/demo/custom-item.tsx extend context correct
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -6229,7 +6229,7 @@ exports[`renders components/transfer/demo/custom-item.tsx extend context correct
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -6258,7 +6258,7 @@ exports[`renders components/transfer/demo/custom-item.tsx extend context correct
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -6287,7 +6287,7 @@ exports[`renders components/transfer/demo/custom-item.tsx extend context correct
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -6316,7 +6316,7 @@ exports[`renders components/transfer/demo/custom-item.tsx extend context correct
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -6345,7 +6345,7 @@ exports[`renders components/transfer/demo/custom-item.tsx extend context correct
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -6374,7 +6374,7 @@ exports[`renders components/transfer/demo/custom-item.tsx extend context correct
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -6403,7 +6403,7 @@ exports[`renders components/transfer/demo/custom-item.tsx extend context correct
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -6432,7 +6432,7 @@ exports[`renders components/transfer/demo/custom-item.tsx extend context correct
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -6461,7 +6461,7 @@ exports[`renders components/transfer/demo/custom-item.tsx extend context correct
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -6504,7 +6504,7 @@ exports[`renders components/transfer/demo/custom-select-all-labels.tsx extend co
         class="ant-checkbox-wrapper ant-transfer-list-checkbox"
       >
         <span
-          class="ant-checkbox"
+          class="ant-checkbox ant-wave-target"
         >
           <input
             class="ant-checkbox-input"
@@ -6666,7 +6666,7 @@ exports[`renders components/transfer/demo/custom-select-all-labels.tsx extend co
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -6691,7 +6691,7 @@ exports[`renders components/transfer/demo/custom-select-all-labels.tsx extend co
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -6716,7 +6716,7 @@ exports[`renders components/transfer/demo/custom-select-all-labels.tsx extend co
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -6741,7 +6741,7 @@ exports[`renders components/transfer/demo/custom-select-all-labels.tsx extend co
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -6766,7 +6766,7 @@ exports[`renders components/transfer/demo/custom-select-all-labels.tsx extend co
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -6791,7 +6791,7 @@ exports[`renders components/transfer/demo/custom-select-all-labels.tsx extend co
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -6816,7 +6816,7 @@ exports[`renders components/transfer/demo/custom-select-all-labels.tsx extend co
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -6908,7 +6908,7 @@ exports[`renders components/transfer/demo/custom-select-all-labels.tsx extend co
         class="ant-checkbox-wrapper ant-transfer-list-checkbox"
       >
         <span
-          class="ant-checkbox"
+          class="ant-checkbox ant-wave-target"
         >
           <input
             class="ant-checkbox-input"
@@ -7070,7 +7070,7 @@ exports[`renders components/transfer/demo/custom-select-all-labels.tsx extend co
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -7095,7 +7095,7 @@ exports[`renders components/transfer/demo/custom-select-all-labels.tsx extend co
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -7120,7 +7120,7 @@ exports[`renders components/transfer/demo/custom-select-all-labels.tsx extend co
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -7353,7 +7353,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -7378,7 +7378,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -7403,7 +7403,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -7428,7 +7428,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -7453,7 +7453,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -7478,7 +7478,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -7503,7 +7503,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -7528,7 +7528,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -7553,7 +7553,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -7578,7 +7578,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -7946,7 +7946,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -7971,7 +7971,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -7996,7 +7996,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -8021,7 +8021,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -8046,7 +8046,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -8071,7 +8071,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -8096,7 +8096,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -8121,7 +8121,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -8146,7 +8146,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -8171,7 +8171,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -8321,7 +8321,7 @@ Array [
           class="ant-checkbox-wrapper ant-transfer-list-checkbox"
         >
           <span
-            class="ant-checkbox"
+            class="ant-checkbox ant-wave-target"
           >
             <input
               class="ant-checkbox-input"
@@ -8485,7 +8485,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"
@@ -8511,7 +8511,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -8536,7 +8536,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"
@@ -8562,7 +8562,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -8587,7 +8587,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"
@@ -8613,7 +8613,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -8638,7 +8638,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"
@@ -8664,7 +8664,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -8689,7 +8689,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"
@@ -8715,7 +8715,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -8740,7 +8740,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"
@@ -8766,7 +8766,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -8791,7 +8791,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"
@@ -8817,7 +8817,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -9244,7 +9244,7 @@ exports[`renders components/transfer/demo/search.tsx extend context 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"
@@ -9473,7 +9473,7 @@ exports[`renders components/transfer/demo/search.tsx extend context 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"
@@ -9498,7 +9498,7 @@ exports[`renders components/transfer/demo/search.tsx extend context 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"
@@ -9523,7 +9523,7 @@ exports[`renders components/transfer/demo/search.tsx extend context 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"
@@ -9548,7 +9548,7 @@ exports[`renders components/transfer/demo/search.tsx extend context 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"
@@ -9573,7 +9573,7 @@ exports[`renders components/transfer/demo/search.tsx extend context 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"
@@ -9598,7 +9598,7 @@ exports[`renders components/transfer/demo/search.tsx extend context 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"
@@ -9623,7 +9623,7 @@ exports[`renders components/transfer/demo/search.tsx extend context 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"
@@ -9648,7 +9648,7 @@ exports[`renders components/transfer/demo/search.tsx extend context 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"
@@ -9673,7 +9673,7 @@ exports[`renders components/transfer/demo/search.tsx extend context 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"
@@ -9698,7 +9698,7 @@ exports[`renders components/transfer/demo/search.tsx extend context 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"
@@ -9790,7 +9790,7 @@ exports[`renders components/transfer/demo/search.tsx extend context 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"
@@ -10019,7 +10019,7 @@ exports[`renders components/transfer/demo/search.tsx extend context 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"
@@ -10044,7 +10044,7 @@ exports[`renders components/transfer/demo/search.tsx extend context 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"
@@ -10069,7 +10069,7 @@ exports[`renders components/transfer/demo/search.tsx extend context 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"
@@ -10094,7 +10094,7 @@ exports[`renders components/transfer/demo/search.tsx extend context 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"
@@ -10119,7 +10119,7 @@ exports[`renders components/transfer/demo/search.tsx extend context 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"
@@ -10144,7 +10144,7 @@ exports[`renders components/transfer/demo/search.tsx extend context 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"
@@ -10169,7 +10169,7 @@ exports[`renders components/transfer/demo/search.tsx extend context 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"
@@ -10194,7 +10194,7 @@ exports[`renders components/transfer/demo/search.tsx extend context 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"
@@ -10219,7 +10219,7 @@ exports[`renders components/transfer/demo/search.tsx extend context 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"
@@ -10244,7 +10244,7 @@ exports[`renders components/transfer/demo/search.tsx extend context 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"
@@ -10290,7 +10290,7 @@ exports[`renders components/transfer/demo/status.tsx extend context 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"
@@ -10565,7 +10565,7 @@ exports[`renders components/transfer/demo/status.tsx extend context 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"
@@ -10786,7 +10786,7 @@ exports[`renders components/transfer/demo/status.tsx extend context 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"
@@ -11128,7 +11128,7 @@ exports[`renders components/transfer/demo/status.tsx extend context 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"
@@ -11420,7 +11420,7 @@ Array [
           class="ant-checkbox-wrapper ant-transfer-list-checkbox"
         >
           <span
-            class="ant-checkbox"
+            class="ant-checkbox ant-wave-target"
           >
             <input
               class="ant-checkbox-input"
@@ -11615,7 +11615,7 @@ Array [
                                   class="ant-checkbox-wrapper"
                                 >
                                   <span
-                                    class="ant-checkbox"
+                                    class="ant-checkbox ant-wave-target"
                                   >
                                     <input
                                       aria-label="Select all"
@@ -11663,7 +11663,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"
@@ -11707,7 +11707,7 @@ Array [
                                 class="ant-checkbox-wrapper"
                               >
                                 <span
-                                  class="ant-checkbox"
+                                  class="ant-checkbox ant-wave-target"
                                 >
                                   <input
                                     class="ant-checkbox-input"
@@ -11750,7 +11750,7 @@ Array [
                                 class="ant-checkbox-wrapper"
                               >
                                 <span
-                                  class="ant-checkbox"
+                                  class="ant-checkbox ant-wave-target"
                                 >
                                   <input
                                     class="ant-checkbox-input"
@@ -11793,7 +11793,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"
@@ -11837,7 +11837,7 @@ Array [
                                 class="ant-checkbox-wrapper"
                               >
                                 <span
-                                  class="ant-checkbox"
+                                  class="ant-checkbox ant-wave-target"
                                 >
                                   <input
                                     class="ant-checkbox-input"
@@ -11880,7 +11880,7 @@ Array [
                                 class="ant-checkbox-wrapper"
                               >
                                 <span
-                                  class="ant-checkbox"
+                                  class="ant-checkbox ant-wave-target"
                                 >
                                   <input
                                     class="ant-checkbox-input"
@@ -11923,7 +11923,7 @@ Array [
                                 class="ant-checkbox-wrapper"
                               >
                                 <span
-                                  class="ant-checkbox"
+                                  class="ant-checkbox ant-wave-target"
                                 >
                                   <input
                                     class="ant-checkbox-input"
@@ -11966,7 +11966,7 @@ Array [
                                 class="ant-checkbox-wrapper"
                               >
                                 <span
-                                  class="ant-checkbox"
+                                  class="ant-checkbox ant-wave-target"
                                 >
                                   <input
                                     class="ant-checkbox-input"
@@ -12009,7 +12009,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"
@@ -12053,7 +12053,7 @@ Array [
                                 class="ant-checkbox-wrapper"
                               >
                                 <span
-                                  class="ant-checkbox"
+                                  class="ant-checkbox ant-wave-target"
                                 >
                                   <input
                                     class="ant-checkbox-input"
@@ -12258,7 +12258,7 @@ Array [
           class="ant-checkbox-wrapper ant-transfer-list-checkbox"
         >
           <span
-            class="ant-checkbox"
+            class="ant-checkbox ant-wave-target"
           >
             <input
               class="ant-checkbox-input"
@@ -12453,7 +12453,7 @@ Array [
                                   class="ant-checkbox-wrapper"
                                 >
                                   <span
-                                    class="ant-checkbox"
+                                    class="ant-checkbox ant-wave-target"
                                   >
                                     <input
                                       aria-label="Select all"
@@ -12489,7 +12489,7 @@ Array [
                                 class="ant-checkbox-wrapper"
                               >
                                 <span
-                                  class="ant-checkbox"
+                                  class="ant-checkbox ant-wave-target"
                                 >
                                   <input
                                     class="ant-checkbox-input"
@@ -12518,7 +12518,7 @@ Array [
                                 class="ant-checkbox-wrapper"
                               >
                                 <span
-                                  class="ant-checkbox"
+                                  class="ant-checkbox ant-wave-target"
                                 >
                                   <input
                                     class="ant-checkbox-input"
@@ -12547,7 +12547,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"
@@ -12577,7 +12577,7 @@ Array [
                                 class="ant-checkbox-wrapper"
                               >
                                 <span
-                                  class="ant-checkbox"
+                                  class="ant-checkbox ant-wave-target"
                                 >
                                   <input
                                     class="ant-checkbox-input"
@@ -12606,7 +12606,7 @@ Array [
                                 class="ant-checkbox-wrapper"
                               >
                                 <span
-                                  class="ant-checkbox"
+                                  class="ant-checkbox ant-wave-target"
                                 >
                                   <input
                                     class="ant-checkbox-input"
@@ -12635,7 +12635,7 @@ Array [
                                 class="ant-checkbox-wrapper"
                               >
                                 <span
-                                  class="ant-checkbox"
+                                  class="ant-checkbox ant-wave-target"
                                 >
                                   <input
                                     class="ant-checkbox-input"
diff --git a/components/transfer/__tests__/__snapshots__/demo.test.ts.snap b/components/transfer/__tests__/__snapshots__/demo.test.ts.snap
index a09e78523027..bf51f7f6f545 100644
--- a/components/transfer/__tests__/__snapshots__/demo.test.ts.snap
+++ b/components/transfer/__tests__/__snapshots__/demo.test.ts.snap
@@ -15,7 +15,7 @@ exports[`renders components/transfer/demo/advanced.tsx 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"
@@ -271,7 +271,7 @@ exports[`renders components/transfer/demo/advanced.tsx 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"
@@ -465,7 +465,7 @@ exports[`renders components/transfer/demo/basic.tsx 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"
@@ -523,7 +523,7 @@ exports[`renders components/transfer/demo/basic.tsx 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[`renders components/transfer/demo/basic.tsx 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"
@@ -573,7 +573,7 @@ exports[`renders components/transfer/demo/basic.tsx 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"
@@ -598,7 +598,7 @@ exports[`renders components/transfer/demo/basic.tsx 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"
@@ -623,7 +623,7 @@ exports[`renders components/transfer/demo/basic.tsx 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"
@@ -648,7 +648,7 @@ exports[`renders components/transfer/demo/basic.tsx 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"
@@ -673,7 +673,7 @@ exports[`renders components/transfer/demo/basic.tsx 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"
@@ -698,7 +698,7 @@ exports[`renders components/transfer/demo/basic.tsx 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"
@@ -723,7 +723,7 @@ exports[`renders components/transfer/demo/basic.tsx 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"
@@ -748,7 +748,7 @@ exports[`renders components/transfer/demo/basic.tsx 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"
@@ -773,7 +773,7 @@ exports[`renders components/transfer/demo/basic.tsx 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"
@@ -865,7 +865,7 @@ exports[`renders components/transfer/demo/basic.tsx 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"
@@ -923,7 +923,7 @@ exports[`renders components/transfer/demo/basic.tsx 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"
@@ -948,7 +948,7 @@ exports[`renders components/transfer/demo/basic.tsx 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"
@@ -973,7 +973,7 @@ exports[`renders components/transfer/demo/basic.tsx 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"
@@ -998,7 +998,7 @@ exports[`renders components/transfer/demo/basic.tsx 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"
@@ -1023,7 +1023,7 @@ exports[`renders components/transfer/demo/basic.tsx 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"
@@ -1048,7 +1048,7 @@ exports[`renders components/transfer/demo/basic.tsx 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"
@@ -1073,7 +1073,7 @@ exports[`renders components/transfer/demo/basic.tsx 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"
@@ -1098,7 +1098,7 @@ exports[`renders components/transfer/demo/basic.tsx 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"
@@ -1123,7 +1123,7 @@ exports[`renders components/transfer/demo/basic.tsx 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"
@@ -1161,7 +1161,7 @@ Array [
           class="ant-checkbox-wrapper ant-transfer-list-checkbox"
         >
           <span
-            class="ant-checkbox"
+            class="ant-checkbox ant-wave-target"
           >
             <input
               class="ant-checkbox-input"
@@ -1219,7 +1219,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"
@@ -1245,7 +1245,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -1270,7 +1270,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -1295,7 +1295,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -1320,7 +1320,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"
@@ -1346,7 +1346,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -1371,7 +1371,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -1396,7 +1396,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -1421,7 +1421,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"
@@ -1447,7 +1447,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -1472,7 +1472,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -1564,7 +1564,7 @@ Array [
           class="ant-checkbox-wrapper ant-transfer-list-checkbox"
         >
           <span
-            class="ant-checkbox"
+            class="ant-checkbox ant-wave-target"
           >
             <input
               class="ant-checkbox-input"
@@ -1622,7 +1622,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -1647,7 +1647,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"
@@ -1673,7 +1673,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -1698,7 +1698,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -1723,7 +1723,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -1748,7 +1748,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"
@@ -1774,7 +1774,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -1799,7 +1799,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -1824,7 +1824,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -1858,7 +1858,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"
@@ -2027,7 +2027,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"
@@ -2138,7 +2138,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"
@@ -2374,7 +2374,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"
@@ -2552,7 +2552,7 @@ Array [
           class="ant-checkbox-wrapper ant-transfer-list-checkbox"
         >
           <span
-            class="ant-checkbox"
+            class="ant-checkbox ant-wave-target"
           >
             <input
               class="ant-checkbox-input"
@@ -2641,7 +2641,7 @@ Array [
                                   class="ant-checkbox-wrapper"
                                 >
                                   <span
-                                    class="ant-checkbox"
+                                    class="ant-checkbox ant-wave-target"
                                   >
                                     <input
                                       aria-label="Select all"
@@ -2689,7 +2689,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"
@@ -2733,7 +2733,7 @@ Array [
                                 class="ant-checkbox-wrapper"
                               >
                                 <span
-                                  class="ant-checkbox"
+                                  class="ant-checkbox ant-wave-target"
                                 >
                                   <input
                                     class="ant-checkbox-input"
@@ -2776,7 +2776,7 @@ Array [
                                 class="ant-checkbox-wrapper"
                               >
                                 <span
-                                  class="ant-checkbox"
+                                  class="ant-checkbox ant-wave-target"
                                 >
                                   <input
                                     class="ant-checkbox-input"
@@ -2819,7 +2819,7 @@ Array [
                                 class="ant-checkbox-wrapper"
                               >
                                 <span
-                                  class="ant-checkbox"
+                                  class="ant-checkbox ant-wave-target"
                                 >
                                   <input
                                     class="ant-checkbox-input"
@@ -2862,7 +2862,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"
@@ -2906,7 +2906,7 @@ Array [
                                 class="ant-checkbox-wrapper"
                               >
                                 <span
-                                  class="ant-checkbox"
+                                  class="ant-checkbox ant-wave-target"
                                 >
                                   <input
                                     class="ant-checkbox-input"
@@ -2949,7 +2949,7 @@ Array [
                                 class="ant-checkbox-wrapper"
                               >
                                 <span
-                                  class="ant-checkbox"
+                                  class="ant-checkbox ant-wave-target"
                                 >
                                   <input
                                     class="ant-checkbox-input"
@@ -2992,7 +2992,7 @@ Array [
                                 class="ant-checkbox-wrapper"
                               >
                                 <span
-                                  class="ant-checkbox"
+                                  class="ant-checkbox ant-wave-target"
                                 >
                                   <input
                                     class="ant-checkbox-input"
@@ -3035,7 +3035,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"
@@ -3079,7 +3079,7 @@ Array [
                                 class="ant-checkbox-wrapper"
                               >
                                 <span
-                                  class="ant-checkbox"
+                                  class="ant-checkbox ant-wave-target"
                                 >
                                   <input
                                     class="ant-checkbox-input"
@@ -3284,7 +3284,7 @@ Array [
           class="ant-checkbox-wrapper ant-transfer-list-checkbox"
         >
           <span
-            class="ant-checkbox"
+            class="ant-checkbox ant-wave-target"
           >
             <input
               class="ant-checkbox-input"
@@ -3373,7 +3373,7 @@ Array [
                                   class="ant-checkbox-wrapper"
                                 >
                                   <span
-                                    class="ant-checkbox"
+                                    class="ant-checkbox ant-wave-target"
                                   >
                                     <input
                                       aria-label="Select all"
@@ -3409,7 +3409,7 @@ Array [
                                 class="ant-checkbox-wrapper"
                               >
                                 <span
-                                  class="ant-checkbox"
+                                  class="ant-checkbox ant-wave-target"
                                 >
                                   <input
                                     class="ant-checkbox-input"
@@ -3438,7 +3438,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"
@@ -3468,7 +3468,7 @@ Array [
                                 class="ant-checkbox-wrapper"
                               >
                                 <span
-                                  class="ant-checkbox"
+                                  class="ant-checkbox ant-wave-target"
                                 >
                                   <input
                                     class="ant-checkbox-input"
@@ -3497,7 +3497,7 @@ Array [
                                 class="ant-checkbox-wrapper"
                               >
                                 <span
-                                  class="ant-checkbox"
+                                  class="ant-checkbox ant-wave-target"
                                 >
                                   <input
                                     class="ant-checkbox-input"
@@ -3526,7 +3526,7 @@ Array [
                                 class="ant-checkbox-wrapper"
                               >
                                 <span
-                                  class="ant-checkbox"
+                                  class="ant-checkbox ant-wave-target"
                                 >
                                   <input
                                     class="ant-checkbox-input"
@@ -3555,7 +3555,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"
@@ -3585,7 +3585,7 @@ Array [
                                 class="ant-checkbox-wrapper"
                               >
                                 <span
-                                  class="ant-checkbox"
+                                  class="ant-checkbox ant-wave-target"
                                 >
                                   <input
                                     class="ant-checkbox-input"
@@ -3614,7 +3614,7 @@ Array [
                                 class="ant-checkbox-wrapper"
                               >
                                 <span
-                                  class="ant-checkbox"
+                                  class="ant-checkbox ant-wave-target"
                                 >
                                   <input
                                     class="ant-checkbox-input"
@@ -3643,7 +3643,7 @@ Array [
                                 class="ant-checkbox-wrapper"
                               >
                                 <span
-                                  class="ant-checkbox"
+                                  class="ant-checkbox ant-wave-target"
                                 >
                                   <input
                                     class="ant-checkbox-input"
@@ -3832,7 +3832,7 @@ exports[`renders components/transfer/demo/custom-item.tsx 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"
@@ -4002,7 +4002,7 @@ exports[`renders components/transfer/demo/custom-item.tsx 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"
@@ -4116,7 +4116,7 @@ exports[`renders components/transfer/demo/custom-select-all-labels.tsx correctly
         class="ant-checkbox-wrapper ant-transfer-list-checkbox"
       >
         <span
-          class="ant-checkbox"
+          class="ant-checkbox ant-wave-target"
         >
           <input
             class="ant-checkbox-input"
@@ -4169,7 +4169,7 @@ exports[`renders components/transfer/demo/custom-select-all-labels.tsx correctly
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -4194,7 +4194,7 @@ exports[`renders components/transfer/demo/custom-select-all-labels.tsx correctly
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -4219,7 +4219,7 @@ exports[`renders components/transfer/demo/custom-select-all-labels.tsx correctly
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -4244,7 +4244,7 @@ exports[`renders components/transfer/demo/custom-select-all-labels.tsx correctly
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -4269,7 +4269,7 @@ exports[`renders components/transfer/demo/custom-select-all-labels.tsx correctly
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -4294,7 +4294,7 @@ exports[`renders components/transfer/demo/custom-select-all-labels.tsx correctly
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -4319,7 +4319,7 @@ exports[`renders components/transfer/demo/custom-select-all-labels.tsx correctly
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -4411,7 +4411,7 @@ exports[`renders components/transfer/demo/custom-select-all-labels.tsx correctly
         class="ant-checkbox-wrapper ant-transfer-list-checkbox"
       >
         <span
-          class="ant-checkbox"
+          class="ant-checkbox ant-wave-target"
         >
           <input
             class="ant-checkbox-input"
@@ -4464,7 +4464,7 @@ exports[`renders components/transfer/demo/custom-select-all-labels.tsx correctly
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -4489,7 +4489,7 @@ exports[`renders components/transfer/demo/custom-select-all-labels.tsx correctly
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -4514,7 +4514,7 @@ exports[`renders components/transfer/demo/custom-select-all-labels.tsx correctly
             class="ant-checkbox-wrapper ant-transfer-list-checkbox"
           >
             <span
-              class="ant-checkbox"
+              class="ant-checkbox ant-wave-target"
             >
               <input
                 class="ant-checkbox-input"
@@ -4831,7 +4831,7 @@ Array [
           class="ant-checkbox-wrapper ant-transfer-list-checkbox"
         >
           <span
-            class="ant-checkbox"
+            class="ant-checkbox ant-wave-target"
           >
             <input
               class="ant-checkbox-input"
@@ -4889,7 +4889,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"
@@ -4915,7 +4915,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -4940,7 +4940,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"
@@ -4966,7 +4966,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -4991,7 +4991,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"
@@ -5017,7 +5017,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -5042,7 +5042,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"
@@ -5068,7 +5068,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -5093,7 +5093,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"
@@ -5119,7 +5119,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -5144,7 +5144,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"
@@ -5170,7 +5170,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -5195,7 +5195,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"
@@ -5221,7 +5221,7 @@ Array [
               class="ant-checkbox-wrapper ant-transfer-list-checkbox"
             >
               <span
-                class="ant-checkbox"
+                class="ant-checkbox ant-wave-target"
               >
                 <input
                   class="ant-checkbox-input"
@@ -5586,7 +5586,7 @@ exports[`renders components/transfer/demo/search.tsx 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"
@@ -5822,7 +5822,7 @@ exports[`renders components/transfer/demo/search.tsx 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"
@@ -6010,7 +6010,7 @@ exports[`renders components/transfer/demo/status.tsx 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"
@@ -6179,7 +6179,7 @@ exports[`renders components/transfer/demo/status.tsx 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"
@@ -6294,7 +6294,7 @@ exports[`renders components/transfer/demo/status.tsx 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"
@@ -6530,7 +6530,7 @@ exports[`renders components/transfer/demo/status.tsx 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"
@@ -6714,7 +6714,7 @@ Array [
           class="ant-checkbox-wrapper ant-transfer-list-checkbox"
         >
           <span
-            class="ant-checkbox"
+            class="ant-checkbox ant-wave-target"
           >
             <input
               class="ant-checkbox-input"
@@ -6803,7 +6803,7 @@ Array [
                                   class="ant-checkbox-wrapper"
                                 >
                                   <span
-                                    class="ant-checkbox"
+                                    class="ant-checkbox ant-wave-target"
                                   >
                                     <input
                                       aria-label="Select all"
@@ -6851,7 +6851,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"
@@ -6895,7 +6895,7 @@ Array [
                                 class="ant-checkbox-wrapper"
                               >
                                 <span
-                                  class="ant-checkbox"
+                                  class="ant-checkbox ant-wave-target"
                                 >
                                   <input
                                     class="ant-checkbox-input"
@@ -6938,7 +6938,7 @@ Array [
                                 class="ant-checkbox-wrapper"
                               >
                                 <span
-                                  class="ant-checkbox"
+                                  class="ant-checkbox ant-wave-target"
                                 >
                                   <input
                                     class="ant-checkbox-input"
@@ -6981,7 +6981,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"
@@ -7025,7 +7025,7 @@ Array [
                                 class="ant-checkbox-wrapper"
                               >
                                 <span
-                                  class="ant-checkbox"
+                                  class="ant-checkbox ant-wave-target"
                                 >
                                   <input
                                     class="ant-checkbox-input"
@@ -7068,7 +7068,7 @@ Array [
                                 class="ant-checkbox-wrapper"
                               >
                                 <span
-                                  class="ant-checkbox"
+                                  class="ant-checkbox ant-wave-target"
                                 >
                                   <input
                                     class="ant-checkbox-input"
@@ -7111,7 +7111,7 @@ Array [
                                 class="ant-checkbox-wrapper"
                               >
                                 <span
-                                  class="ant-checkbox"
+                                  class="ant-checkbox ant-wave-target"
                                 >
                                   <input
                                     class="ant-checkbox-input"
@@ -7154,7 +7154,7 @@ Array [
                                 class="ant-checkbox-wrapper"
                               >
                                 <span
-                                  class="ant-checkbox"
+                                  class="ant-checkbox ant-wave-target"
                                 >
                                   <input
                                     class="ant-checkbox-input"
@@ -7197,7 +7197,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"
@@ -7241,7 +7241,7 @@ Array [
                                 class="ant-checkbox-wrapper"
                               >
                                 <span
-                                  class="ant-checkbox"
+                                  class="ant-checkbox ant-wave-target"
                                 >
                                   <input
                                     class="ant-checkbox-input"
@@ -7446,7 +7446,7 @@ Array [
           class="ant-checkbox-wrapper ant-transfer-list-checkbox"
         >
           <span
-            class="ant-checkbox"
+            class="ant-checkbox ant-wave-target"
           >
             <input
               class="ant-checkbox-input"
@@ -7535,7 +7535,7 @@ Array [
                                   class="ant-checkbox-wrapper"
                                 >
                                   <span
-                                    class="ant-checkbox"
+                                    class="ant-checkbox ant-wave-target"
                                   >
                                     <input
                                       aria-label="Select all"
@@ -7571,7 +7571,7 @@ Array [
                                 class="ant-checkbox-wrapper"
                               >
                                 <span
-                                  class="ant-checkbox"
+                                  class="ant-checkbox ant-wave-target"
                                 >
                                   <input
                                     class="ant-checkbox-input"
@@ -7600,7 +7600,7 @@ Array [
                                 class="ant-checkbox-wrapper"
                               >
                                 <span
-                                  class="ant-checkbox"
+                                  class="ant-checkbox ant-wave-target"
                                 >
                                   <input
                                     class="ant-checkbox-input"
@@ -7629,7 +7629,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"
@@ -7659,7 +7659,7 @@ Array [
                                 class="ant-checkbox-wrapper"
                               >
                                 <span
-                                  class="ant-checkbox"
+                                  class="ant-checkbox ant-wave-target"
                                 >
                                   <input
                                     class="ant-checkbox-input"
@@ -7688,7 +7688,7 @@ Array [
                                 class="ant-checkbox-wrapper"
                               >
                                 <span
-                                  class="ant-checkbox"
+                                  class="ant-checkbox ant-wave-target"
                                 >
                                   <input
                                     class="ant-checkbox-input"
@@ -7717,7 +7717,7 @@ Array [
                                 class="ant-checkbox-wrapper"
                               >
                                 <span
-                                  class="ant-checkbox"
+                                  class="ant-checkbox ant-wave-target"
                                 >
                                   <input
                                     class="ant-checkbox-input"
diff --git a/components/transfer/__tests__/__snapshots__/index.test.tsx.snap b/components/transfer/__tests__/__snapshots__/index.test.tsx.snap
index 913643ff8fed..1b0f7571aaa6 100644
--- a/components/transfer/__tests__/__snapshots__/index.test.tsx.snap
+++ b/components/transfer/__tests__/__snapshots__/index.test.tsx.snap
@@ -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"
diff --git a/components/transfer/__tests__/__snapshots__/list.test.tsx.snap b/components/transfer/__tests__/__snapshots__/list.test.tsx.snap
index 56be3a6587d0..cd3aecaec89c 100644
--- a/components/transfer/__tests__/__snapshots__/list.test.tsx.snap
+++ b/components/transfer/__tests__/__snapshots__/list.test.tsx.snap
@@ -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"
diff --git a/components/typography/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/typography/__tests__/__snapshots__/demo-extend.test.ts.snap
index 3297f4a51a3b..5e108e042211 100644
--- a/components/typography/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/typography/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -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"
diff --git a/components/typography/__tests__/__snapshots__/demo.test.tsx.snap b/components/typography/__tests__/__snapshots__/demo.test.tsx.snap
index b63a21ce1f33..05a3490c2820 100644
--- a/components/typography/__tests__/__snapshots__/demo.test.tsx.snap
+++ b/components/typography/__tests__/__snapshots__/demo.test.tsx.snap
@@ -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"
diff --git a/docs/blog/hydrate-cssinjs.zh-CN.md b/docs/blog/hydrate-cssinjs.zh-CN.md
index b7e00c566486..ffd29ca62056 100644
--- a/docs/blog/hydrate-cssinjs.zh-CN.md
+++ b/docs/blog/hydrate-cssinjs.zh-CN.md
@@ -28,7 +28,7 @@ author: zombieJ
 
 ![CSS-in-JS process](https://github.com/ant-design/ant-design/assets/5378891/aa8825c9-a78a-4326-ac13-30a27cbe14b6)
 
-每个动态插入到页面中的样式同样以为 hash 作为唯一标识符。如果页面中已经存在该 hash 的 `<style />`，则说明 SSR 中做过 inline style 注入。那么 `<style />` 就不用再次创建。
+每个动态插入到页面中的样式同样以 hash 作为唯一标识符。如果页面中已经存在该 hash 的 `<style />`，则说明 SSR 中做过 inline style 注入。那么 `<style />` 就不用再次创建。
 
 你可以发现，虽然 `<style />` 的节点创建可以省略，但是因为 hash 依赖于计算出的样式内容。所以即便页面中已经有可以复用的样式内容，它仍然免不了需要计算一次。实属不划算。
 
diff --git a/docs/react/compatible-style.en-US.md b/docs/react/compatible-style.en-US.md
index 80878e8a2917..80860faaf71a 100644
--- a/docs/react/compatible-style.en-US.md
+++ b/docs/react/compatible-style.en-US.md
@@ -1,11 +1,18 @@
 ---
-order: 6.5
+group:
+  title: Advanced
+order: 1
 title: CSS Compatible
+tag: Updated
 ---
 
 Ant Design supports the last 2 versions of modern browsers. If you need to be compatible with legacy browsers, please perform downgrade processing according to actual needs:
 
-### Compatible adjustment
+## StyleProvider
+
+Please ref [`@ant-design/cssinjs`](https://github.com/ant-design/cssinjs#styleprovider).
+
+## Compatible adjustment
 
 Ant Design default using CSS-in-JS with `:where` Selector to reduce priority to avoid user additional adjust style cost when updating. If you want to support old browser (or some other CSS framework selector priority conflict like TailwindCSS), you can use `@ant-design/cssinjs` to adjust this behavior (Please note keep version align with antd):
 
@@ -45,7 +52,7 @@ Raise priority through plugin:
     }
 ```
 
-### CSS Logical Properties
+## CSS Logical Properties
 
 To unify LTR and RTL styles, Ant Design uses CSS logical properties. For example, the original `margin-left` is replaced by `margin-inline-start`, so that it is the starting position spacing under both LTR and RTL. If you need to be compatible with older browsers, you can configure `transformers` through the `StyleProvider` of `@ant-design/cssinjs`:
 
@@ -72,7 +79,7 @@ When toggled, styles will downgrade CSS logical properties:
 }
 ```
 
-### Rem Adaptation
+## Rem Adaptation
 
 In responsive web development, there is a need for a convenient and flexible way to achieve page adaptation and responsive design. The `px2remTransformer` transformer can quickly and accurately convert pixel units in style sheets to rem units relative to the root element (HTML tag), enabling the implementation of adaptive and responsive layouts.
 
@@ -111,7 +118,7 @@ The resulting transformed styles:
  }
 ```
 
-#### Options
+### Options
 
 <!-- prettier-ignore -->
 | Parameter | Description  | Type | Default |
@@ -121,3 +128,23 @@ The resulting transformed styles:
 | mediaQuery | Whether to convert px in media queries | `boolean` | false |
 
 For more details, please refer to: [px2rem.ts#Options](https://github.com/ant-design/cssinjs/blob/master/src/transformers/px2rem.ts)
+
+## Shadow DOM Usage
+
+Since `<style />` tag insertion is different from normal DOM in Shadow DOM scenario, you need to use `StyleProvider` of `@ant-design/cssinjs` to configure the `container` property to set the insertion position:
+
+```tsx
+import { StyleProvider } from '@ant-design/cssinjs';
+import { createRoot } from 'react-dom/client';
+
+const shadowRoot = someEle.attachShadow({ mode: 'open' });
+const container = document.createElement('div');
+shadowRoot.appendChild(container);
+const root = createRoot(container);
+
+root.render(
+  <StyleProvider container={shadowRoot}>
+    <MyApp />
+  </StyleProvider>,
+);
+```
diff --git a/docs/react/compatible-style.zh-CN.md b/docs/react/compatible-style.zh-CN.md
index 1ee317a3c2b6..b05a3b5f1f30 100644
--- a/docs/react/compatible-style.zh-CN.md
+++ b/docs/react/compatible-style.zh-CN.md
@@ -1,11 +1,18 @@
 ---
-order: 6.5
+group:
+  title: 进阶使用
+order: 1
 title: 样式兼容
+tag: Updated
 ---
 
 Ant Design 支持最近 2 个版本的现代浏览器。如果你需要兼容旧版浏览器，请根据实际需求进行降级处理：
 
-### `:where` 选择器
+## StyleProvider
+
+查看 [`@ant-design/cssinjs`](https://github.com/ant-design/cssinjs#styleprovider).
+
+## `:where` 选择器
 
 Ant Design 的 CSS-in-JS 默认通过 `:where` 选择器降低 CSS Selector 优先级，以减少用户升级时额外调整自定义样式成本。在某些场景下你如果需要支持的旧版浏览器（或者如 TailwindCSS 优先级冲突），你可以使用 `@ant-design/cssinjs` 取消默认的降权操作（请注意版本保持与 antd 一致）：
 
@@ -45,7 +52,7 @@ export default () => (
     }
 ```
 
-### CSS 逻辑属性
+## CSS 逻辑属性
 
 为了统一 LTR 和 RTL 样式，Ant Design 使用了 CSS 逻辑属性。例如原 `margin-left` 使用 `margin-inline-start` 代替，使其在 LTR 和 RTL 下都为起始位置间距。如果你需要兼容旧版浏览器（如 360 浏览器、QQ 浏览器 等等），可以通过 `@ant-design/cssinjs` 的 `StyleProvider` 配置 `transformers` 将其转换：
 
@@ -72,7 +79,7 @@ export default () => (
 }
 ```
 
-### rem 适配
+## rem 适配
 
 在响应式网页开发中，需要一种方便且灵活的方式来实现页面的适配和响应式设计。`px2remTransformer` 转换器可以快速而准确地将样式表中的像素单位转换为相对于根元素（HTML 标签）的 rem 单位，实现页面的自适应和响应式布局。
 
@@ -111,7 +118,7 @@ export default () => (
  }
 ```
 
-#### 配置项
+### 配置项
 
 <!-- prettier-ignore -->
 | 参数 | 说明  | 类型 | 默认值 |
@@ -121,3 +128,23 @@ export default () => (
 | mediaQuery | 是否转换媒体查询中的 px | `boolean` | false |
 
 详细请参考: [px2rem.ts#Options](https://github.com/ant-design/cssinjs/blob/master/src/transformers/px2rem.ts)
+
+## Shadow DOM 场景
+
+在 Shadow DOM 场景中，由于其添加 `<style />` 标签的方式与普通 DOM 不同，所以需要使用 `@ant-design/cssinjs` 的 `StyleProvider` 配置 `container` 属性用于设置插入位置：
+
+```tsx
+import { StyleProvider } from '@ant-design/cssinjs';
+import { createRoot } from 'react-dom/client';
+
+const shadowRoot = someEle.attachShadow({ mode: 'open' });
+const container = document.createElement('div');
+shadowRoot.appendChild(container);
+const root = createRoot(container);
+
+root.render(
+  <StyleProvider container={shadowRoot}>
+    <MyApp />
+  </StyleProvider>,
+);
+```
diff --git a/docs/react/contributing.en-US.md b/docs/react/contributing.en-US.md
index 07da9dc68991..971c8f9c3cc8 100644
--- a/docs/react/contributing.en-US.md
+++ b/docs/react/contributing.en-US.md
@@ -1,5 +1,7 @@
 ---
-order: 12
+group:
+  title: Other
+order: 1
 title: Contributing
 toc: false
 ---
diff --git a/docs/react/contributing.zh-CN.md b/docs/react/contributing.zh-CN.md
index 8be7b52d054d..0c355fce2c26 100644
--- a/docs/react/contributing.zh-CN.md
+++ b/docs/react/contributing.zh-CN.md
@@ -1,5 +1,7 @@
 ---
-order: 12
+group:
+  title: 其他
+order: 1
 title: 贡献指南
 toc: false
 ---
diff --git a/docs/react/customize-theme.en-US.md b/docs/react/customize-theme.en-US.md
index de087fa7d471..ceb881e29d50 100644
--- a/docs/react/customize-theme.en-US.md
+++ b/docs/react/customize-theme.en-US.md
@@ -1,6 +1,10 @@
 ---
-order: 7
+group:
+  title: Advanced
+  order: 1
+order: 0
 title: Customize Theme
+tag: Updated
 ---
 
 Ant Design allows you to customize our design tokens to satisfy UI diversity from business or brand requirements, including primary color, border radius, border color, etc.
@@ -12,52 +16,77 @@ In version 5.0, we provide a new way to customize themes. Different from the les
 3. Customizing theme variables for some component；
 4. ...
 
-## Customize theme with `ConfigProvider`
+## Basic Usage
 
-In version 5.0 we call the smallest element that affects the theme **Design Token**. By modifying the Design Token, we can present various themes or components.
+In version 5.0 we call the smallest element that affects the theme **Design Token**. By modifying the Design Token, we can present various themes or components. You can pass `theme` to `ConfigProvider`` to customize theme. After migrate to V5, theme of V5 will be applied by default
+
+<!-- prettier-ignore -->
+:::warning 
+`ConfigProvider` will not take effect on static methods such as `message.xxx`, `Modal.xxx`, `notification.xxx`, because in these methods, antd will dynamically create new ones through `ReactDOM.render` React entities. Its context is not the same as the context of the current code, so context information cannot be obtained.
+
+<!-- prettier-ignore -->
+When you need context information (such as the content configured by ConfigProvider), you can use the `Modal.useModal` method to return the modal entity and the contextHolder node. Just insert it where you need to get the context, or you can use [App Component](/components/app) to simplify the problem of usingModal and other methods that need to manually implant the contextHolder. 
+:::
 
 ### Customize Design Token
 
-You can pass `theme` to ConfigProvider to customize theme. After migrate to V5, theme of V5 will be applied by default. Here's a simple example:
+By modifying `token` property of `theme`, we can modify Design Token globally. Some tokens will affect other tokens. We call these tokens Seed Token.
 
-```tsx
-import { Button, ConfigProvider } from 'antd';
+```sandpack
+import { Button, ConfigProvider, Space } from 'antd';
 import React from 'react';
 
 const App: React.FC = () => (
   <ConfigProvider
     theme={{
       token: {
+        // Seed Token
         colorPrimary: '#00b96b',
+        borderRadius: 2,
+
+        // Alias Token
+        colorBgContainer: '#f6ffed',
       },
     }}
   >
-    <Button />
+    <Space>
+      <Button type="primary">Primary</Button>
+      <Button>Default</Button>
+    </Space>
   </ConfigProvider>
 );
 
 export default App;
 ```
 
-You will get a theme with primary color <ColorChunk color="#00b96b" /></ColorChunk>. And we can see the change in Button:
+### Use Preset Algorithms
 
-![themed button](https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*CbF_RJfKEiwAAAAAAAAAAAAAARQnAQ)
+Themes with different styles can be quickly generated by modifying `algorithm`. Ant Design 5.0 provides three sets of preset algorithms by default:
 
-### Use Preset Algorithms
+- default algorithm `theme.defaultAlgorithm`
+- dark algorithm `theme.darkAlgorithm`
+- compact algorithm `theme.compactAlgorithm`
 
-Themes with different styles can be quickly generated by modifying `algorithm`. Ant Design 5.0 provides three sets of preset algorithms by default, which are default algorithm `theme.defaultAlgorithm`, dark algorithm `theme.darkAlgorithm` and compact algorithm `theme.compactAlgorithm`. You can switch algorithms by modifying the `algorithm` property of `theme` in ConfigProvider.
+You can switch algorithms by modifying the `algorithm` property of `theme` in ConfigProvider.
 
-```tsx
-import { Button, ConfigProvider, theme } from 'antd';
+```sandpackdark
 import React from 'react';
+import { Button, ConfigProvider, Input, Space, theme } from 'antd';
 
 const App: React.FC = () => (
   <ConfigProvider
     theme={{
+      // 1. Use dark algorithm
       algorithm: theme.darkAlgorithm,
+
+      // 2. Combine dark algorithm and compact algorithm
+      // algorithm: [theme.darkAlgorithm, theme.compactAlgorithm],
     }}
   >
-    <Button />
+    <Space>
+      <Input placeholder="Please Input" />
+      <Button type="primary">Submit</Button>
+    </Space>
   </ConfigProvider>
 );
 
@@ -68,54 +97,157 @@ export default App;
 
 In addition to Design Token, each component will also have its own Component Token to achieve style customization capabilities for components, and different components will not affect each other. Similarly, other Design Token of components can also be overridden in this way.
 
-```tsx
-import { Checkbox, ConfigProvider, Radio } from 'antd';
+<!-- prettier-ignore -->
+:::info{title=Algorithm of Component Token} 
+By default, all component tokens can only override global token and will not be derived based on Seed Token.
+
+<!-- prettier-ignore -->
+In version `>= 5.8.0`, component tokens support the `algorithm` property, which can be used to enable algorithm or pass in other algorithms. 
+:::
+
+```sandpack
 import React from 'react';
+import { ConfigProvider, Button, Space, Input, Divider } from 'antd';
 
 const App: React.FC = () => (
-  <ConfigProvider
-    theme={{
-      components: {
-        Radio: {
-          colorPrimary: '#00b96b',
+  <>
+    <ConfigProvider
+      theme={{
+        components: {
+          Button: {
+            colorPrimary: '#00b96b',
+            algorithm: true, // Enable algorithm
+          },
+          Input: {
+            colorPrimary: '#eb2f96',
+            algorithm: true, // Enable algorithm
+          }
         },
-      },
-    }}
-  >
-    <Radio>Radio</Radio>
-    <Checkbox>Checkbox</Checkbox>
-  </ConfigProvider>
+      }}
+    >
+      <Space>
+        <div style={{ fontSize: 14 }}>Enable algorithm: </div>
+        <Input placeholder="Please Input" />
+        <Button type="primary">Submit</Button>
+      </Space>
+    </ConfigProvider>
+    <Divider />
+    <ConfigProvider
+      theme={{
+        components: {
+          Button: {
+            colorPrimary: '#00b96b',
+          },
+          Input: {
+            colorPrimary: '#eb2f96',
+          }
+        },
+      }}
+    >
+      <Space>
+        <div style={{ fontSize: 14 }}>Disable algorithm: </div>
+        <Input placeholder="Please Input" />
+        <Button type="primary">Submit</Button>
+      </Space>
+    </ConfigProvider>
+  </>
 );
 
 export default App;
 ```
 
-In this way, we changed the primary color of Radio to <ColorChunk color="#00b96b" /></ColorChunk>, and Checkbox is not affected.
+### Disable Motion
 
-![component token](https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*EMY0QrHFDjsAAAAAAAAAAAAAARQnAQ)
+antd has built-in interaction animations to make enterprise-level pages more detailed. In some extreme scenarios, it may affect the performance of page interaction. If you need to turn off the animation, try seting `motion` of `token` to `false`:
 
-> Notice: `ConfigProvider` will not take effect on static methods such as `message.xxx`, `Modal.xxx`, `notification.xxx`, because in these methods, antd will dynamically create new ones through `ReactDOM.render` React entities. Its context is not the same as the context of the current code, so context information cannot be obtained. When you need context information (such as the content configured by ConfigProvider), you can use the `Modal.useModal` method to return the modal entity and the contextHolder node. Just insert it where you need to get the context, or you can use [App Component](/components/app) to simplify the problem of usingModal and other methods that need to manually implant the contextHolder.
+```sandpack
+import React from 'react';
+import { Switch, ConfigProvider, Space, Checkbox, Radio, Row, Col } from 'antd';
 
-### Disable Motion
+export default () => {
+  const [checked, setChecked] = React.useState(false);
 
-antd has built-in interaction animations to make enterprise-level pages more detailed. In some extreme scenarios, it may affect the performance of page interaction. If you need to turn off the animation, you can use the following method:
+  React.useEffect(() => {
+    const id = setInterval(() => {
+      setChecked((prev) => !prev);
+    }, 1000);
 
-<!-- prettier-ignore -->
-<code src="./demo/motion.tsx">Motion</code>
+    return () => {
+      clearInterval(id);
+    };
+  }, []);
+
+  const nodes = (
+    <Space>
+      <Checkbox checked={checked}>Checkbox</Checkbox>
+      <Radio checked={checked}>Radio</Radio>
+      <Switch checked={checked} />
+    </Space>
+  );
+
+  return (
+    <Row gutter={[24, 24]}>
+      <Col span={24}>{nodes}</Col>
+
+      <Col span={24}>
+        <ConfigProvider
+          theme={{
+            token: {
+              motion: false,
+            },
+          }}
+        >
+          {nodes}
+        </ConfigProvider>
+      </Col>
+    </Row>
+  );
+};
+```
 
-## Other Ways to Use Dynamic Themes
+## Advanced
 
 ### Switch Themes Dynamically
 
 In v5, dynamically switching themes is very simple for users, you can dynamically switch themes at any time through the `theme` property of `ConfigProvider` without any additional configuration.
 
-### Local Theme
+```sandpack
+import { Button, ConfigProvider, Space, Input, ColorPicker, Divider } from 'antd';
+import React from 'react';
+
+const App: React.FC = () => {
+  const [primary, setPrimary] = React.useState('#1677ff');
+
+  return (
+    <>
+      <ColorPicker showText value={primary} onChangeComplete={(color) => setPrimary(color.toHexString())} />
+      <Divider />
+      <ConfigProvider
+        theme={{
+          token: {
+            colorPrimary: primary,
+          },
+        }}
+      >
+        <Space>
+          <Input placeholder="Please Input" />
+          <Button type="primary">Submit</Button>
+        </Space>
+      </ConfigProvider>
+    </>
+  );
+}
+
+export default App;
+```
+
+### Nested Theme
 
 By nesting `ConfigProvider` you can apply local theme to some parts of your page. Design Tokens that have not been changed in the child theme will inherit the parent theme.
 
-```tsx
-import { Button, ConfigProvider } from 'antd';
+```sandpack
 import React from 'react';
+import { Button, ConfigProvider, Space } from 'antd';
 
 const App: React.FC = () => (
   <ConfigProvider
@@ -125,16 +257,18 @@ const App: React.FC = () => (
       },
     }}
   >
-    <Button />
-    <ConfigProvider
-      theme={{
-        token: {
-          colorPrimary: '#1890ff',
-        },
-      }}
-    >
-      <Button />
-    </ConfigProvider>
+    <Space>
+      <Button type="primary">Theme 1</Button>
+      <ConfigProvider
+        theme={{
+          token: {
+            colorPrimary: '#00b96b',
+          },
+        }}
+      >
+        <Button type="primary">Theme 2</Button>
+      </ConfigProvider>
+    </Space>
   </ConfigProvider>
 );
 
@@ -145,16 +279,28 @@ export default App;
 
 If you want to consume the Design Token under the current theme, we provide `useToken` hook to get Design Token.
 
-```tsx
-import { Button, theme } from 'antd';
+```sandpack
 import React from 'react';
+import { Button, theme } from 'antd';
 
 const { useToken } = theme;
 
 const App: React.FC = () => {
   const { token } = useToken();
 
-  return <Button style={{ backgroundColor: token.colorPrimary }}>Button</Button>;
+  return (
+    <div
+      style={{
+        backgroundColor: token.colorPrimaryBg,
+        padding: token.padding,
+        borderRadius: token.borderRadius,
+        color: token.colorPrimaryText,
+        fontSize: token.fontSize,
+      }}
+    >
+      Consume Design Token
+    </div>
+  );
 };
 
 export default App;
@@ -175,9 +321,9 @@ const globalToken = getDesignToken();
 Same as ConfigProvider, `getDesignToken` could also accept a config object as `theme`:
 
 ```tsx
+import { createRoot } from 'react-dom/client';
 import type { ThemeConfig } from 'antd';
 import { theme } from 'antd';
-import { createRoot } from 'react-dom/client';
 
 const { getDesignToken, useToken } = theme;
 
@@ -219,11 +365,17 @@ If you want to use in preprocess style framework like less, use less-loader for
 
 Compatible package provide convert function to transform to v4 less variable. Read [this](/docs/react/migration-v5) for detail.
 
-## Advanced
+### Theme editor
+
+We provide tools to help users debug themes: [Theme Editor](/theme-editor)
+
+You can use this tool to freely modify Design Token to meet your theme expectations.
+
+## Design Token
 
 In Design Token, we provide a three-layer structure that is more suitable for the design, and disassemble the Design Token into three parts: Seed Token, Map Token and Alias Token. These three groups of Tokens are not simple groupings, but a three-layer derivation relationship. Map Tokens are derived from Seed Tokens, and Alias Tokens are derived from Map Tokens. In most cases, using Seed Tokens is sufficient for custom themes. But if you need a higher degree of theme customization, you need to understand the life cycle of Design Token in antd.
 
-### Life Cycle of Design Token
+### Life of Design Token
 
 ![token](https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*uF3kTrY4InUAAAAAAAAAAAAAARQnAQ)
 
@@ -277,358 +429,6 @@ const theme = {
 };
 ```
 
-### Legacy Browser Compatible
-
-Please ref to [CSS Compatible](/docs/react/compatible-style).
-
-### Server Side Render (SSR)
-
-There are two options for server-side rendering styles, each with advantages and disadvantages:
-
-- **Inline mode**: there is no need to request additional style files during rendering. The advantage is to reduce additional network requests. The disadvantage is that the HTML volume will increase and the speed of the first screen rendering will be affected. Relevant discussion: [#39891](https://github.com/ant-design/ant-design/issues/39891)
-- **Whole export**: The antd component is pre-baked and styled as a css file to be introduced in the page. The advantage is that when opening any page, the same set of css files will be reused just like the traditional css scheme to hit the cache. The disadvantage is that if there are multiple themes in the page, additional baking is required
-
-#### Inline mode
-
-Use `@ant-design/cssinjs` to extract style:
-
-```tsx
-import { createCache, extractStyle, StyleProvider } from '@ant-design/cssinjs';
-import { renderToString } from 'react-dom/server';
-
-export default () => {
-  // SSR Render
-  const cache = createCache();
-
-  const html = renderToString(
-    <StyleProvider cache={cache}>
-      <MyApp />
-    </StyleProvider>,
-  );
-
-  // Grab style from cache
-  const styleText = extractStyle(cache);
-
-  // Mix with style
-  return `
-<!DOCTYPE html>
-<html>
-  <head>
-    ${styleText}
-  </head>
-  <body>
-    <div id="root">${html}</div>
-  </body>
-</html>
-`;
-};
-```
-
-#### Whole export
-
-If you want to detach a style file into a css file, try the following schemes:
-
-1. Installation dependency
-
-```bash
-npm install ts-node tslib cross-env --save-dev
-```
-
-2. Add `tsconfig.node.json`
-
-```json
-{
-  "compilerOptions": {
-    "strictNullChecks": true,
-    "module": "NodeNext",
-    "jsx": "react",
-    "esModuleInterop": true
-  },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"]
-}
-```
-
-3. Add `scripts/genAntdCss.tsx`
-
-```tsx
-// scripts/genAntdCss.tsx
-import { extractStyle } from '@ant-design/static-style-extract';
-import fs from 'fs';
-
-const outputPath = './public/antd.min.css';
-
-const css = extractStyle();
-
-fs.writeFileSync(outputPath, css);
-```
-
-If you want to use mixed themes or custom themes, you can use the following script:
-
-```tsx
-import { extractStyle } from '@ant-design/static-style-extract';
-import { ConfigProvider } from 'antd';
-import fs from 'fs';
-import React from 'react';
-
-const outputPath = './public/antd.min.css';
-
-const testGreenColor = '#008000';
-const testRedColor = '#ff0000';
-
-const css = extractStyle((node) => (
-  <>
-    <ConfigProvider
-      theme={{
-        token: {
-          colorBgBase: testGreenColor,
-        },
-      }}
-    >
-      {node}
-    </ConfigProvider>
-    <ConfigProvider
-      theme={{
-        token: {
-          colorPrimary: testGreenColor,
-        },
-      }}
-    >
-      <ConfigProvider
-        theme={{
-          token: {
-            colorBgBase: testRedColor,
-          },
-        }}
-      >
-        {node}
-      </ConfigProvider>
-    </ConfigProvider>
-  </>
-));
-
-fs.writeFileSync(outputPath, css);
-```
-
-You can choose to execute this script before starting the development command or before compiling. Running this script will generate a full antd.min.css file directly in the specified directory of the current project (e.g. public).
-
-Take Next.js for example（[example](https://github.com/ant-design/ant-design-examples/tree/main/examples/with-nextjs-inline-style)）：
-
-```json
-// package.json
-{
-  "scripts": {
-    "dev": "next dev",
-    "build": "next build",
-    "start": "next start",
-    "lint": "next lint",
-    "predev": "ts-node --project ./tsconfig.node.json ./scripts/genAntdCss.tsx",
-    "prebuild": "cross-env NODE_ENV=production ts-node --project ./tsconfig.node.json ./scripts/genAntdCss.tsx"
-  }
-}
-```
-
-Then, you just need to import this file into the `pages/_app.tsx` file:
-
-```tsx
-import { StyleProvider } from '@ant-design/cssinjs';
-import type { AppProps } from 'next/app';
-import '../public/antd.min.css'; // add this line
-import '../styles/globals.css';
-
-export default function App({ Component, pageProps }: AppProps) {
-  return (
-    <StyleProvider hashPriority="high">
-      <Component {...pageProps} />
-    </StyleProvider>
-  );
-}
-```
-
-#### Custom theme
-
-If you're using a custom theme for your project, try baking in the following ways:
-
-```tsx
-import { extractStyle } from '@ant-design/static-style-extract';
-import { ConfigProvider } from 'antd';
-
-const cssText = extractStyle((node) => (
-  <ConfigProvider
-    theme={{
-      token: {
-        colorPrimary: 'red',
-      },
-    }}
-  >
-    {node}
-  </ConfigProvider>
-));
-```
-
-#### Mixed theme
-
-If you're using a mixed theme for your project, try baking in the following ways:
-
-```tsx
-import { extractStyle } from '@ant-design/static-style-extract';
-import { ConfigProvider } from 'antd';
-
-const cssText = extractStyle((node) => (
-  <>
-    <ConfigProvider
-      theme={{
-        token: {
-          colorBgBase: 'green ',
-        },
-      }}
-    >
-      {node}
-    </ConfigProvider>
-    <ConfigProvider
-      theme={{
-        token: {
-          colorPrimary: 'blue',
-        },
-      }}
-    >
-      <ConfigProvider
-        theme={{
-          token: {
-            colorBgBase: 'red ',
-          },
-        }}
-      >
-        {node}
-      </ConfigProvider>
-    </ConfigProvider>
-  </>
-));
-```
-
-More about static-style-extract, see [static-style-extract](https://github.com/ant-design/static-style-extract).
-
-#### Export the css files on demand
-
-```tsx
-// scripts/genAntdCss.tsx
-import { extractStyle } from '@ant-design/cssinjs';
-import type Entity from '@ant-design/cssinjs/lib/Cache';
-import { createHash } from 'crypto';
-import fs from 'fs';
-import path from 'path';
-
-export type DoExtraStyleOptions = {
-  cache: Entity;
-  dir?: string;
-  baseFileName?: string;
-};
-export function doExtraStyle({
-  cache,
-  dir = 'antd-output',
-  baseFileName = 'antd.min',
-}: DoExtraStyleOptions) {
-  const baseDir = path.resolve(__dirname, '../../static/css');
-
-  const outputCssPath = path.join(baseDir, dir);
-
-  if (!fs.existsSync(outputCssPath)) {
-    fs.mkdirSync(outputCssPath, { recursive: true });
-  }
-
-  const css = extractStyle(cache, true);
-  if (!css) return '';
-
-  const md5 = createHash('md5');
-  const hash = md5.update(css).digest('hex');
-  const fileName = `${baseFileName}.${hash.substring(0, 8)}.css`;
-  const fullpath = path.join(outputCssPath, fileName);
-
-  const res = `_next/static/css/${dir}/${fileName}`;
-
-  if (fs.existsSync(fullpath)) return res;
-
-  fs.writeFileSync(fullpath, css);
-
-  return res;
-}
-```
-
-Export on demand using the above tools in `_document.tsx`
-
-```tsx
-// _document.tsx
-import { StyleProvider, createCache } from '@ant-design/cssinjs';
-import type { DocumentContext } from 'next/document';
-import Document, { Head, Html, Main, NextScript } from 'next/document';
-import { doExtraStyle } from '../scripts/genAntdCss';
-
-export default class MyDocument extends Document {
-  static async getInitialProps(ctx: DocumentContext) {
-    const cache = createCache();
-    let fileName = '';
-    const originalRenderPage = ctx.renderPage;
-    ctx.renderPage = () =>
-      originalRenderPage({
-        enhanceApp: (App) => (props) => (
-          <StyleProvider cache={cache}>
-            <App {...props} />
-          </StyleProvider>
-        ),
-      });
-
-    const initialProps = await Document.getInitialProps(ctx);
-    // 1.1 extract style which had been used
-    fileName = doExtraStyle({
-      cache,
-    });
-    return {
-      ...initialProps,
-      styles: (
-        <>
-          {initialProps.styles}
-          {/* 1.2 inject css */}
-          {fileName && <link rel="stylesheet" href={`/${fileName}`} />}
-        </>
-      ),
-    };
-  }
-
-  render() {
-    return (
-      <Html lang="en">
-        <Head />
-        <body>
-          <Main />
-          <NextScript />
-        </body>
-      </Html>
-    );
-  }
-}
-```
-
-See the demo：[Export the css files on demand demo](https://github.com/ant-design/ant-design-examples/tree/main/examples/with-nextjs-generate-css-on-demand)
-
-### Shadow DOM Usage
-
-Since `<style />` tag insertion is different from normal DOM in Shadow DOM scenario, you need to use `StyleProvider` of `@ant-design/cssinjs` to configure the `container` property to set the insertion position:
-
-```tsx
-import { StyleProvider } from '@ant-design/cssinjs';
-import { createRoot } from 'react-dom/client';
-
-const shadowRoot = someEle.attachShadow({ mode: 'open' });
-const container = document.createElement('div');
-shadowRoot.appendChild(container);
-const root = createRoot(container);
-
-root.render(
-  <StyleProvider container={shadowRoot}>
-    <MyApp />
-  </StyleProvider>,
-);
-```
-
 ## API
 
 ### Theme
@@ -664,20 +464,6 @@ root.render(
 
 <TokenTable type="alias"></TokenTable>
 
-### StyleProvider
-
-Please ref [`@ant-design/cssinjs`](https://github.com/ant-design/cssinjs#styleprovider).
-
-## How to Debug your Theme
-
-We provide tools to help users debug themes: [Theme Editor](/theme-editor)
-
-You can use this tool to freely modify Design Token to meet your theme expectations.
-
-## Theme Presets
-
-- [Ant Design 4.x](https://ant-design.github.io/antd-token-previewer/~demos/docs-v4-theme)
-
 ## FAQ
 
 ### Why component re-mounted when `theme` changed from `undefined` to some object or to `undefined`?
diff --git a/docs/react/customize-theme.zh-CN.md b/docs/react/customize-theme.zh-CN.md
index 99468ceff8b9..55a678a64a67 100644
--- a/docs/react/customize-theme.zh-CN.md
+++ b/docs/react/customize-theme.zh-CN.md
@@ -1,6 +1,10 @@
 ---
-order: 7
+group:
+  title: 进阶使用
+  order: 1
+order: 0
 title: 定制主题
+tag: Updated
 ---
 
 Ant Design 设计规范和技术上支持灵活的样式定制，以满足业务和品牌上多样化的视觉需求，包括但不限于全局样式（主色、圆角、边框）和指定组件的视觉定制。
@@ -12,110 +16,238 @@ Ant Design 设计规范和技术上支持灵活的样式定制，以满足业务
 3. 支持针对某个/某些组件修改主题变量；
 4. ...
 
-## 在 ConfigProvider 中配置主题
+## 配置主题
 
-在 5.0 版本中我们把影响主题的最小元素称为 **Design Token**。通过修改 Design Token，我们可以呈现出各种各样的主题或者组件。
+在 5.0 版本中我们把影响主题的最小元素称为 **Design Token**。通过修改 Design Token，我们可以呈现出各种各样的主题或者组件。通过在 `ConfigProvider` 中传入 `theme` 属性，可以配置主题。在升级 v5 后，将默认使用 v5 的主题.
+
+<!-- prettier-ignore -->
+:::warning 
+`ConfigProvider` 对 `message.xxx`、`Modal.xxx`、`notification.xxx` 等静态方法不会生效，原因是在这些方法中，antd 会通过 `ReactDOM.render` 动态创建新的 React 实体。其 context 与当前代码所在 context 并不相同，因而无法获取 context 信息。
+
+<!-- prettier-ignore -->
+当你需要 context 信息（例如 ConfigProvider 配置的内容）时，可以通过 `Modal.useModal` 方法返回 modal 实体以及 contextHolder 节点，将其插入到你需要获取 context 位置即可。也可通过 [App 包裹组件](/components/app-cn) 简化 useModal 等方法需要手动植入 contextHolder 的问题。
+:::
 
 ### 修改主题变量
 
-通过在 ConfigProvider 中传入 `theme`，可以配置主题。在升级 v5 后，将默认使用 v5 的主题，以下是将配置主题示例：
+通过 `theme` 中的 `token` 属性，可以修改一些主题变量。部分主题变量会引起其他主题变量的变化，我们把这些主题变量成为 Seed Token。
 
-```tsx
-import { Button, ConfigProvider } from 'antd';
+```sandpack
+import { Button, ConfigProvider, Space } from 'antd';
 import React from 'react';
 
 const App: React.FC = () => (
   <ConfigProvider
     theme={{
       token: {
+        // Seed Token，影响范围大
         colorPrimary: '#00b96b',
+        borderRadius: 2,
+
+        // 派生变量，影响范围小
+        colorBgContainer: '#f6ffed',
       },
     }}
   >
-    <Button />
+    <Space>
+      <Button type="primary">Primary</Button>
+      <Button>Default</Button>
+    </Space>
   </ConfigProvider>
 );
 
 export default App;
 ```
 
-这将会得到一个以 <ColorChunk color="#00b96b" /></ColorChunk> 为主色的主题，以 Button 组件为例可以看到相应的变化：
+### 使用预设算法
 
-![themed button](https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*CbF_RJfKEiwAAAAAAAAAAAAAARQnAQ)
+通过修改算法可以快速生成风格迥异的主题，5.0 版本中默认提供三套预设算法，分别是:
 
-### 使用预设算法
+- 默认算法 `theme.defaultAlgorithm`
+- 暗色算法 `theme.darkAlgorithm`
+- 紧凑算法 `theme.compactAlgorithm`
 
-通过修改算法可以快速生成风格迥异的主题，5.0 版本中默认提供三套预设算法，分别是默认算法 `theme.defaultAlgorithm`、暗色算法 `theme.darkAlgorithm` 和紧凑算法 `theme.compactAlgorithm`。你可以通过修改 ConfigProvider 中 `theme` 属性的 `algorithm` 属性来切换算法。
+你可以通过 `theme` 中的 `algorithm` 属性来切换算法，并且支持配置多种算法，将会依次生效。
 
-```tsx
-import { Button, ConfigProvider, theme } from 'antd';
+```sandpackdark
 import React from 'react';
+import { Button, ConfigProvider, Input, Space, theme } from 'antd';
 
 const App: React.FC = () => (
   <ConfigProvider
     theme={{
+      // 1. 单独使用暗色算法
       algorithm: theme.darkAlgorithm,
+
+      // 2. 组合使用暗色算法与紧凑算法
+      // algorithm: [theme.darkAlgorithm, theme.compactAlgorithm],
     }}
   >
-    <Button />
+    <Space>
+      <Input placeholder="Please Input" />
+      <Button type="primary">Submit</Button>
+    </Space>
   </ConfigProvider>
 );
 
 export default App;
 ```
 
-### 修改组件变量 (Component Token)
+### 修改组件变量
 
 除了整体的 Design Token，各个组件也会开放自己的 Component Token 来实现针对组件的样式定制能力，不同的组件之间不会相互影响。同样地，也可以通过这种方式来覆盖组件的其他 Design Token。
 
-```tsx
-import { Checkbox, ConfigProvider, Radio } from 'antd';
+<!-- prettier-ignore -->
+:::info{title=组件级别的主题算法} 
+默认情况下，所有组件变量都仅仅是覆盖，不会基于 Seed Token 计算派生变量。
+
+<!-- prettier-ignore -->
+在 `>= 5.8.0` 版本中，组件变量支持传入 `algorithm` 属性，可以开启派生计算或者传入其他算法。
+:::
+
+```sandpack
 import React from 'react';
+import { ConfigProvider, Button, Space, Input, Divider } from 'antd';
 
 const App: React.FC = () => (
-  <ConfigProvider
-    theme={{
-      components: {
-        Radio: {
-          colorPrimary: '#00b96b',
+  <>
+    <ConfigProvider
+      theme={{
+        components: {
+          Button: {
+            colorPrimary: '#00b96b',
+            algorithm: true, // 启用算法
+          },
+          Input: {
+            colorPrimary: '#eb2f96',
+            algorithm: true, // 启用算法
+          }
         },
-      },
-    }}
-  >
-    <Radio>Radio</Radio>
-    <Checkbox>Checkbox</Checkbox>
-  </ConfigProvider>
+      }}
+    >
+      <Space>
+        <div style={{ fontSize: 14 }}>开启算法：</div>
+        <Input placeholder="Please Input" />
+        <Button type="primary">Submit</Button>
+      </Space>
+    </ConfigProvider>
+    <Divider />
+    <ConfigProvider
+      theme={{
+        components: {
+          Button: {
+            colorPrimary: '#00b96b',
+          },
+          Input: {
+            colorPrimary: '#eb2f96',
+          }
+        },
+      }}
+    >
+      <Space>
+        <div style={{ fontSize: 14 }}>禁用算法：</div>
+        <Input placeholder="Please Input" />
+        <Button type="primary">Submit</Button>
+      </Space>
+    </ConfigProvider>
+  </>
 );
 
 export default App;
 ```
 
-通过这种方式，我们可以仅将 Radio 组件的主色改为 <ColorChunk color="#00b96b" /></ColorChunk> 而不会影响其他组件。
+### 禁用动画
 
-![component token](https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*EMY0QrHFDjsAAAAAAAAAAAAAARQnAQ)
+antd 默认内置了一些组件交互动效让企业级页面更加富有细节，在一些极端场景可能会影响页面交互性能，如需关闭动画可以 `token` 中的 `motion` 修改为 `false`：
 
-> 注意：`ConfigProvider` 对 `message.xxx`、`Modal.xxx`、`notification.xxx` 等静态方法不会生效，原因是在这些方法中，antd 会通过 `ReactDOM.render` 动态创建新的 React 实体。其 context 与当前代码所在 context 并不相同，因而无法获取 context 信息。当你需要 context 信息（例如 ConfigProvider 配置的内容）时，可以通过 `Modal.useModal` 方法会返回 modal 实体以及 contextHolder 节点。将其插入到你需要获取 context 位置即可，也可通过 [App 包裹组件](/components/app-cn) 简化 useModal 等方法需要手动植入 contextHolder 的问题。
+```sandpack
+import React from 'react';
+import { Switch, ConfigProvider, Space, Checkbox, Radio, Row, Col } from 'antd';
 
-### 禁用动画
+export default () => {
+  const [checked, setChecked] = React.useState(false);
 
-antd 默认内置了一些组件交互动效让企业级页面更加富有细节，在一些极端场景可能会影响页面交互性能，如需关闭动画可以使用下面的方式：
+  React.useEffect(() => {
+    const id = setInterval(() => {
+      setChecked((prev) => !prev);
+    }, 1000);
 
-<!-- prettier-ignore -->
-<code src="./demo/motion.tsx">动画控制</code>
+    return () => {
+      clearInterval(id);
+    };
+  }, []);
+
+  const nodes = (
+    <Space>
+      <Checkbox checked={checked}>Checkbox</Checkbox>
+      <Radio checked={checked}>Radio</Radio>
+      <Switch checked={checked} />
+    </Space>
+  );
+
+  return (
+    <Row gutter={[24, 24]}>
+      <Col span={24}>{nodes}</Col>
+
+      <Col span={24}>
+        <ConfigProvider
+          theme={{
+            token: {
+              motion: false,
+            },
+          }}
+        >
+          {nodes}
+        </ConfigProvider>
+      </Col>
+    </Row>
+  );
+};
+```
 
-## 动态主题的其他使用方式
+## 进阶使用
 
 ### 动态切换
 
 在 v5 中，动态切换主题对用户来说是非常简单的，你可以在任何时候通过 `ConfigProvider` 的 `theme` 属性来动态切换主题，而不需要任何额外配置。
 
-### 局部主题
+```sandpack
+import { Button, ConfigProvider, Space, Input, ColorPicker, Divider } from 'antd';
+import React from 'react';
+
+const App: React.FC = () => {
+  const [primary, setPrimary] = React.useState('#1677ff');
+
+  return (
+    <>
+      <ColorPicker showText value={primary} onChangeComplete={(color) => setPrimary(color.toHexString())} />
+      <Divider />
+      <ConfigProvider
+        theme={{
+          token: {
+            colorPrimary: primary,
+          },
+        }}
+      >
+        <Space>
+          <Input placeholder="Please Input" />
+          <Button type="primary">Submit</Button>
+        </Space>
+      </ConfigProvider>
+    </>
+  );
+}
+
+export default App;
+```
+
+### 局部主题（嵌套主题）
 
 可以嵌套使用 `ConfigProvider` 来实现局部主题的更换。在子主题中未被改变的 Design Token 将会继承父主题。
 
-```tsx
-import { Button, ConfigProvider } from 'antd';
+```sandpack
 import React from 'react';
+import { Button, ConfigProvider, Space } from 'antd';
 
 const App: React.FC = () => (
   <ConfigProvider
@@ -125,16 +257,18 @@ const App: React.FC = () => (
       },
     }}
   >
-    <Button />
-    <ConfigProvider
-      theme={{
-        token: {
-          colorPrimary: '#1890ff',
-        },
-      }}
-    >
-      <Button />
-    </ConfigProvider>
+    <Space>
+      <Button type="primary">Theme 1</Button>
+      <ConfigProvider
+        theme={{
+          token: {
+            colorPrimary: '#00b96b',
+          },
+        }}
+      >
+        <Button type="primary">Theme 2</Button>
+      </ConfigProvider>
+    </Space>
   </ConfigProvider>
 );
 
@@ -145,16 +279,28 @@ export default App;
 
 如果你希望使用当前主题下的 Design Token，我们提供了 `useToken` 这个 hook 来获取 Design Token。
 
-```tsx
-import { Button, theme } from 'antd';
+```sandpack
 import React from 'react';
+import { Button, theme } from 'antd';
 
 const { useToken } = theme;
 
 const App: React.FC = () => {
   const { token } = useToken();
 
-  return <Button style={{ backgroundColor: token.colorPrimary }}>Button</Button>;
+  return (
+    <div
+      style={{
+        backgroundColor: token.colorPrimaryBg,
+        padding: token.padding,
+        borderRadius: token.borderRadius,
+        color: token.colorPrimaryText,
+        fontSize: token.fontSize,
+      }}
+    >
+      使用 Design Token
+    </div>
+  );
 };
 
 export default App;
@@ -175,9 +321,9 @@ const globalToken = getDesignToken();
 `getDesignToken` 和 ConfigProvider 一样，支持传入 `theme` 属性，用于获取指定主题的 Design Token。
 
 ```tsx
+import { createRoot } from 'react-dom/client';
 import type { ThemeConfig } from 'antd';
 import { theme } from 'antd';
-import { createRoot } from 'react-dom/client';
 
 const { getDesignToken, useToken } = theme;
 
@@ -219,7 +365,13 @@ createRoot(document.getElementById('#app')).render(
 
 兼容包提供了变量转换方法用于转成 v4 的 less 变量，如需使用[点击此处](/docs/react/migration-v5)查看详情。
 
-## 进阶使用
+### 调试主题
+
+我们提供了帮助用户调试主题的工具：[主题编辑器](/theme-editor-cn)
+
+你可以使用此工具自由地修改 Design Token，以达到您对主题的期望。
+
+## 基本概念
 
 在 Design Token 中我们提供了一套更加贴合设计的三层结构，将 Design Token 拆解为 Seed Token、Map Token 和 Alias Token 三部分。这三组 Token 并不是简单的分组，而是一个三层的派生关系，由 Seed Token 派生 Map Token，再由 Map Token 派生 Alias Token。在大部分情况下，使用 Seed Token 就可以满足定制主题的需要。但如果您需要更高程度的主题定制，您需要了解 antd 中 Design Token 的生命周期。
 
@@ -277,358 +429,6 @@ const theme = {
 };
 ```
 
-### 服务端渲染
-
-服务端渲染样式有两种方案，它们各有优缺点：
-
-- **内联方式**：在渲染时无需额外请求样式文件，好处是减少额外的网络请求，缺点则是会使得 HTML 体积增大，影响首屏渲染速度，相关讨论参考：[#39891](https://github.com/ant-design/ant-design/issues/39891)
-- **整体导出**：提前烘焙 antd 组件样式为 css 文件，在页面中时引入。好处是打开任意页面时如传统 css 方案一样都会复用同一套 css 文件以命中缓存，缺点是如果页面中存在多主题，则需要额外进行烘焙
-
-#### 内联方式
-
-使用 `@ant-design/cssinjs` 将所需样式抽离：
-
-```tsx
-import { createCache, extractStyle, StyleProvider } from '@ant-design/cssinjs';
-import { renderToString } from 'react-dom/server';
-
-export default () => {
-  // SSR Render
-  const cache = createCache();
-
-  const html = renderToString(
-    <StyleProvider cache={cache}>
-      <MyApp />
-    </StyleProvider>,
-  );
-
-  // Grab style from cache
-  const styleText = extractStyle(cache);
-
-  // Mix with style
-  return `
-<!DOCTYPE html>
-<html>
-  <head>
-    ${styleText}
-  </head>
-  <body>
-    <div id="root">${html}</div>
-  </body>
-</html>
-`;
-};
-```
-
-#### 整体导出
-
-如果你想要将样式文件抽离到 css 文件中，可以尝试使用以下方案：
-
-1. 安装依赖
-
-```bash
-npm install ts-node tslib cross-env --save-dev
-```
-
-2. 新增 `tsconfig.node.json` 文件
-
-```json
-{
-  "compilerOptions": {
-    "strictNullChecks": true,
-    "module": "NodeNext",
-    "jsx": "react",
-    "esModuleInterop": true
-  },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"]
-}
-```
-
-3. 新增 `scripts/genAntdCss.tsx` 文件
-
-```tsx
-// scripts/genAntdCss.tsx
-import { extractStyle } from '@ant-design/static-style-extract';
-import fs from 'fs';
-
-const outputPath = './public/antd.min.css';
-
-const css = extractStyle();
-
-fs.writeFileSync(outputPath, css);
-```
-
-若你想使用混合主题或自定义主题，可采用以下脚本：
-
-```tsx
-import { extractStyle } from '@ant-design/static-style-extract';
-import { ConfigProvider } from 'antd';
-import fs from 'fs';
-import React from 'react';
-
-const outputPath = './public/antd.min.css';
-
-const testGreenColor = '#008000';
-const testRedColor = '#ff0000';
-
-const css = extractStyle((node) => (
-  <>
-    <ConfigProvider
-      theme={{
-        token: {
-          colorBgBase: testGreenColor,
-        },
-      }}
-    >
-      {node}
-    </ConfigProvider>
-    <ConfigProvider
-      theme={{
-        token: {
-          colorPrimary: testGreenColor,
-        },
-      }}
-    >
-      <ConfigProvider
-        theme={{
-          token: {
-            colorBgBase: testRedColor,
-          },
-        }}
-      >
-        {node}
-      </ConfigProvider>
-    </ConfigProvider>
-  </>
-));
-
-fs.writeFileSync(outputPath, css);
-```
-
-你可以选择在启动开发命令或编译前执行这个脚本，运行上述脚本将会在当前项目的指定（如： public 目录）目录下直接生成一个全量的 antd.min.css 文件。
-
-以 Next.js 为例（[参考示例](https://github.com/ant-design/ant-design-examples/tree/main/examples/with-nextjs-inline-style)）：
-
-```json
-// package.json
-{
-  "scripts": {
-    "dev": "next dev",
-    "build": "next build",
-    "start": "next start",
-    "lint": "next lint",
-    "predev": "ts-node --project ./tsconfig.node.json ./scripts/genAntdCss.tsx",
-    "prebuild": "cross-env NODE_ENV=production ts-node --project ./tsconfig.node.json ./scripts/genAntdCss.tsx"
-  }
-}
-```
-
-然后，你只需要在`pages/_app.tsx`文件中引入这个文件即可：
-
-```tsx
-import { StyleProvider } from '@ant-design/cssinjs';
-import type { AppProps } from 'next/app';
-import '../public/antd.min.css'; // 添加这行
-import '../styles/globals.css';
-
-export default function App({ Component, pageProps }: AppProps) {
-  return (
-    <StyleProvider hashPriority="high">
-      <Component {...pageProps} />
-    </StyleProvider>
-  );
-}
-```
-
-#### 自定义主题
-
-如果你的项目中使用了自定义主题，可以尝试通过以下方式进行烘焙：
-
-```tsx
-import { extractStyle } from '@ant-design/static-style-extract';
-import { ConfigProvider } from 'antd';
-
-const cssText = extractStyle((node) => (
-  <ConfigProvider
-    theme={{
-      token: {
-        colorPrimary: 'red',
-      },
-    }}
-  >
-    {node}
-  </ConfigProvider>
-));
-```
-
-#### 混合主题
-
-如果你的项目中使用了混合主题，可以尝试通过以下方式进行烘焙：
-
-```tsx
-import { extractStyle } from '@ant-design/static-style-extract';
-import { ConfigProvider } from 'antd';
-
-const cssText = extractStyle((node) => (
-  <>
-    <ConfigProvider
-      theme={{
-        token: {
-          colorBgBase: 'green ',
-        },
-      }}
-    >
-      {node}
-    </ConfigProvider>
-    <ConfigProvider
-      theme={{
-        token: {
-          colorPrimary: 'blue',
-        },
-      }}
-    >
-      <ConfigProvider
-        theme={{
-          token: {
-            colorBgBase: 'red ',
-          },
-        }}
-      >
-        {node}
-      </ConfigProvider>
-    </ConfigProvider>
-  </>
-));
-```
-
-更多`static-style-extract`的实现细节请看：[static-style-extract](https://github.com/ant-design/static-style-extract)。
-
-#### 按需导出 css 样式文件
-
-```tsx
-// scripts/genAntdCss.tsx
-import { extractStyle } from '@ant-design/cssinjs';
-import type Entity from '@ant-design/cssinjs/lib/Cache';
-import { createHash } from 'crypto';
-import fs from 'fs';
-import path from 'path';
-
-export type DoExtraStyleOptions = {
-  cache: Entity;
-  dir?: string;
-  baseFileName?: string;
-};
-export function doExtraStyle({
-  cache,
-  dir = 'antd-output',
-  baseFileName = 'antd.min',
-}: DoExtraStyleOptions) {
-  const baseDir = path.resolve(__dirname, '../../static/css');
-
-  const outputCssPath = path.join(baseDir, dir);
-
-  if (!fs.existsSync(outputCssPath)) {
-    fs.mkdirSync(outputCssPath, { recursive: true });
-  }
-
-  const css = extractStyle(cache, true);
-  if (!css) return '';
-
-  const md5 = createHash('md5');
-  const hash = md5.update(css).digest('hex');
-  const fileName = `${baseFileName}.${hash.substring(0, 8)}.css`;
-  const fullpath = path.join(outputCssPath, fileName);
-
-  const res = `_next/static/css/${dir}/${fileName}`;
-
-  if (fs.existsSync(fullpath)) return res;
-
-  fs.writeFileSync(fullpath, css);
-
-  return res;
-}
-```
-
-在 `_document.tsx` 中使用上述工具进行按需导出：
-
-```tsx
-// _document.tsx
-import { StyleProvider, createCache } from '@ant-design/cssinjs';
-import type { DocumentContext } from 'next/document';
-import Document, { Head, Html, Main, NextScript } from 'next/document';
-import { doExtraStyle } from '../scripts/genAntdCss';
-
-export default class MyDocument extends Document {
-  static async getInitialProps(ctx: DocumentContext) {
-    const cache = createCache();
-    let fileName = '';
-    const originalRenderPage = ctx.renderPage;
-    ctx.renderPage = () =>
-      originalRenderPage({
-        enhanceApp: (App) => (props) => (
-          <StyleProvider cache={cache}>
-            <App {...props} />
-          </StyleProvider>
-        ),
-      });
-
-    const initialProps = await Document.getInitialProps(ctx);
-    // 1.1 extract style which had been used
-    fileName = doExtraStyle({
-      cache,
-    });
-    return {
-      ...initialProps,
-      styles: (
-        <>
-          {initialProps.styles}
-          {/* 1.2 inject css */}
-          {fileName && <link rel="stylesheet" href={`/${fileName}`} />}
-        </>
-      ),
-    };
-  }
-
-  render() {
-    return (
-      <Html lang="en">
-        <Head />
-        <body>
-          <Main />
-          <NextScript />
-        </body>
-      </Html>
-    );
-  }
-}
-```
-
-演示示例请看：[按需抽取样式示例](https://github.com/ant-design/ant-design-examples/tree/main/examples/with-nextjs-generate-css-on-demand)
-
-### 兼容旧版浏览器
-
-请参考文档 [样式兼容](/docs/react/compatible-style-cn)。
-
-### Shadow DOM 场景
-
-在 Shadow DOM 场景中，由于其添加 `<style />` 标签的方式与普通 DOM 不同，所以需要使用 `@ant-design/cssinjs` 的 `StyleProvider` 配置 `container` 属性用于设置插入位置：
-
-```tsx
-import { StyleProvider } from '@ant-design/cssinjs';
-import { createRoot } from 'react-dom/client';
-
-const shadowRoot = someEle.attachShadow({ mode: 'open' });
-const container = document.createElement('div');
-shadowRoot.appendChild(container);
-const root = createRoot(container);
-
-root.render(
-  <StyleProvider container={shadowRoot}>
-    <MyApp />
-  </StyleProvider>,
-);
-```
-
 ## API
 
 ### Theme
@@ -664,28 +464,8 @@ root.render(
 
 <TokenTable type="alias"></TokenTable>
 
-### StyleProvider
-
-请参考 [`@ant-design/cssinjs`](https://github.com/ant-design/cssinjs#styleprovider)。
-
-## 调试主题
-
-我们提供了帮助用户调试主题的工具：[主题编辑器](/theme-editor-cn)
-
-你可以使用此工具自由地修改 Design Token，以达到您对主题的期望。
-
-## 主题展示
-
-- [Ant Design 4.x 主题](https://ant-design.github.io/antd-token-previewer/~demos/docs-v4-theme)
-
 ## FAQ
 
 ### 为什么 `theme` 从 `undefined` 变为对象或者变为 `undefined` 时组件重新 mount 了？
 
 在 ConfigProvider 中我们通过 `DesignTokenContext` 传递 context，`theme` 为 `undefined` 时不会套一层 Provider，所以从无到有或者从有到无时 React 的 VirtualDOM 结构变化，导致组件重新 mount。解决方法：将 `undefined` 替换为空对象 `{}` 即可。
-
-<div style="display: none;">
-- 在 Umi 4 中定制主题
-- 与 V4 定制主题的区别
-- less 变量与 Design Token 对照表
-</div>
diff --git a/docs/react/demo/motion.md b/docs/react/demo/motion.md
deleted file mode 100644
index 53383e0cb492..000000000000
--- a/docs/react/demo/motion.md
+++ /dev/null
@@ -1,7 +0,0 @@
-## zh-CN
-
-通过 `token` 进行动画效果配置。
-
-## en-US
-
-Config animation effect by `token`.
diff --git a/docs/react/demo/motion.tsx b/docs/react/demo/motion.tsx
deleted file mode 100644
index 888fb37152a6..000000000000
--- a/docs/react/demo/motion.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import React from 'react';
-import { Switch, ConfigProvider, Space, Checkbox, Radio, Row, Col } from 'antd';
-
-export default () => {
-  const [checked, setChecked] = React.useState(false);
-
-  React.useEffect(() => {
-    const id = setInterval(() => {
-      setChecked((prev) => !prev);
-    }, 500);
-
-    return () => {
-      clearInterval(id);
-    };
-  }, []);
-
-  const nodes = (
-    <Space>
-      <Checkbox checked={checked}>Checkbox</Checkbox>
-      <Radio checked={checked}>Radio</Radio>
-      <Switch checked={checked} />
-    </Space>
-  );
-
-  return (
-    <Row gutter={[24, 24]}>
-      <Col span={24}>{nodes}</Col>
-
-      <Col span={24}>
-        <ConfigProvider
-          theme={{
-            token: {
-              motion: false,
-            },
-          }}
-        >
-          {nodes}
-        </ConfigProvider>
-      </Col>
-    </Row>
-  );
-};
diff --git a/docs/react/faq.en-US.md b/docs/react/faq.en-US.md
index 035659de05e9..ebcdc03abe16 100644
--- a/docs/react/faq.en-US.md
+++ b/docs/react/faq.en-US.md
@@ -1,5 +1,7 @@
 ---
-order: 11
+group:
+  title: Other
+order: 2
 title: FAQ
 ---
 
diff --git a/docs/react/faq.zh-CN.md b/docs/react/faq.zh-CN.md
index e56ded754f17..43fe3c03a93f 100644
--- a/docs/react/faq.zh-CN.md
+++ b/docs/react/faq.zh-CN.md
@@ -1,5 +1,7 @@
 ---
-order: 11
+group:
+  title: 其他
+order: 2
 title: FAQ
 ---
 
@@ -131,7 +133,7 @@ antd 内部会对 props 进行浅比较实现性能优化。当状态变更，
 antd 会透出组件定义，但是随着重构可能导致内部一些定义命名或者属性变化。因而更推荐直接使用 Typescript 原生能力获取：
 
 ```tsx
-import { Table } from 'antd';
+import type { Table } from 'antd';
 
 type Props<T extends (...args: any) => any> = Parameters<T>[0];
 
@@ -296,15 +298,13 @@ Error: Cannot access .Option on the server. You cannot dot into a client module
 'use client';
 
 // This is not real world code, just for explain
-export default () => {
-  return (
-    <div className="App">
-      <Form>
-        <Form.Item>
-          <Button type="primary">Button</Button>
-        </Form.Item>
-      </Form>
-    </div>
-  );
-};
+export default () => (
+  <div className="App">
+    <Form>
+      <Form.Item>
+        <Button type="primary">Button</Button>
+      </Form.Item>
+    </Form>
+  </div>
+);
 ```
diff --git a/docs/react/getting-started.en-US.md b/docs/react/getting-started.en-US.md
index 1594fa6b55d2..933f4996ddfc 100755
--- a/docs/react/getting-started.en-US.md
+++ b/docs/react/getting-started.en-US.md
@@ -1,5 +1,8 @@
 ---
-order: 2
+group:
+  title: Basic Usage
+  order: 0
+order: 0
 title: Getting Started
 ---
 
diff --git a/docs/react/getting-started.zh-CN.md b/docs/react/getting-started.zh-CN.md
index 5ec2556f1265..9dcfaca4ec15 100755
--- a/docs/react/getting-started.zh-CN.md
+++ b/docs/react/getting-started.zh-CN.md
@@ -1,5 +1,8 @@
 ---
-order: 2
+group:
+  title: 如何使用
+  order: 0
+order: 0
 title: 快速上手
 ---
 
diff --git a/docs/react/i18n.en-US.md b/docs/react/i18n.en-US.md
index cc4a47362424..8d22522d7929 100644
--- a/docs/react/i18n.en-US.md
+++ b/docs/react/i18n.en-US.md
@@ -1,5 +1,7 @@
 ---
-order: 10
+group:
+  title: Advanced
+order: 4
 title: Internationalization
 ---
 
diff --git a/docs/react/i18n.zh-CN.md b/docs/react/i18n.zh-CN.md
index b221c626b453..710af20ac452 100644
--- a/docs/react/i18n.zh-CN.md
+++ b/docs/react/i18n.zh-CN.md
@@ -1,5 +1,7 @@
 ---
-order: 10
+group:
+  title: 进阶使用
+order: 4
 title: 国际化
 ---
 
diff --git a/docs/react/migrate-less-variables.en-US.md b/docs/react/migrate-less-variables.en-US.md
index bf6b9f93bd38..ec39acb61ee2 100644
--- a/docs/react/migrate-less-variables.en-US.md
+++ b/docs/react/migrate-less-variables.en-US.md
@@ -1,6 +1,8 @@
 ---
-order: 9
-title: Migrate Less variables to Component Token
+group:
+  title: Migration
+order: 1
+title: Less variables to Component Token
 ---
 
 This document contains the correspondence between all the less variables related to components in version 4.x and the Component Token in version 5.x. If you are upgrading from version 4.x to version 5.x, you can quickly find the corresponding Component Token through this comparison table.
@@ -12,8 +14,8 @@ This document contains the correspondence between all the less variables related
 We could configure global token and component token for each component through the `theme` property of ConfigProvider.
 
 ```tsx
-import { Checkbox, ConfigProvider, Radio } from 'antd';
 import React from 'react';
+import { Checkbox, ConfigProvider, Radio } from 'antd';
 
 const App: React.FC = () => (
   <ConfigProvider
@@ -73,7 +75,7 @@ export default App;
 
 <!-- ### Badge -->
 
-### BreadCrumb 面包屑
+### BreadCrumb
 
 <!-- prettier-ignore -->
 | Less 变量 | Component Token | 备注 |
@@ -495,7 +497,7 @@ export default App;
 
 <!-- ### Table -->
 
-### Tabs 标签页
+### Tabs
 
 <!-- prettier-ignore -->
 | Less variables | Component Token | Note |
diff --git a/docs/react/migrate-less-variables.zh-CN.md b/docs/react/migrate-less-variables.zh-CN.md
index b4573085de21..0aee516140ae 100644
--- a/docs/react/migrate-less-variables.zh-CN.md
+++ b/docs/react/migrate-less-variables.zh-CN.md
@@ -1,6 +1,8 @@
 ---
-order: 9
-title: Less 变量迁移 Design Token
+group:
+  title: 迁移
+order: 1
+title: 从 Less 变量到 Design Token
 ---
 
 本文档包含了所有 4.x 版本中组件相关的 less 变量与 5.x 版本的 Component Token 的对照关系。如果你是从 4.x 版本升级到 5.x 版本，可以通过这份对照表快速找到对应的 Component Token。
@@ -12,8 +14,8 @@ title: Less 变量迁移 Design Token
 通过 ConfigProvider 的 `theme` 属性，我们可以对每一个组件单独配置全局 Token 和组件 Token
 
 ```tsx
-import { Checkbox, ConfigProvider, Radio } from 'antd';
 import React from 'react';
+import { Checkbox, ConfigProvider, Radio } from 'antd';
 
 const App: React.FC = () => (
   <ConfigProvider
diff --git a/docs/react/migration-v5.en-US.md b/docs/react/migration-v5.en-US.md
index bb358ce032da..c0a2ecc97fe8 100644
--- a/docs/react/migration-v5.en-US.md
+++ b/docs/react/migration-v5.en-US.md
@@ -1,5 +1,8 @@
 ---
-order: 8
+group:
+  title: Migration
+  order: 2
+order: 0
 title: V4 to V5
 ---
 
@@ -196,8 +199,8 @@ pnpm --package=@ant-design/codemod-v5 dlx antd5-codemod src
 If you using antd less variables, you can use compatible package to covert it into v4 less variables and use less-loader to inject them:
 
 ```js
-const { theme } = require('antd/lib');
 const { convertLegacyToken } = require('@ant-design/compatible/lib');
+const { theme } = require('antd/lib');
 
 const { defaultAlgorithm, defaultSeed } = theme;
 
diff --git a/docs/react/migration-v5.zh-CN.md b/docs/react/migration-v5.zh-CN.md
index b84c9c08b286..815be30db567 100644
--- a/docs/react/migration-v5.zh-CN.md
+++ b/docs/react/migration-v5.zh-CN.md
@@ -1,5 +1,8 @@
 ---
-order: 8
+group:
+  title: 迁移
+  order: 2
+order: 0
 title: 从 v4 到 v5
 ---
 
diff --git a/docs/react/recommendation.en-US.md b/docs/react/recommendation.en-US.md
index df6e94aad558..3e5a150649bf 100644
--- a/docs/react/recommendation.en-US.md
+++ b/docs/react/recommendation.en-US.md
@@ -1,5 +1,8 @@
 ---
-order: 9
+group:
+  title: Other
+  order: 3
+order: 0
 title: Third-Party Libraries
 ---
 
diff --git a/docs/react/recommendation.zh-CN.md b/docs/react/recommendation.zh-CN.md
index ba202a249258..e023933178df 100644
--- a/docs/react/recommendation.zh-CN.md
+++ b/docs/react/recommendation.zh-CN.md
@@ -1,5 +1,8 @@
 ---
-order: 9
+group:
+  title: 其他
+  order: 3
+order: 0
 title: 社区精选组件
 ---
 
diff --git a/docs/react/server-side-rendering.en-US.md b/docs/react/server-side-rendering.en-US.md
new file mode 100644
index 000000000000..39b4b3de214e
--- /dev/null
+++ b/docs/react/server-side-rendering.en-US.md
@@ -0,0 +1,333 @@
+---
+group:
+  title: Advanced
+order: 2
+title: Server Side Rendering
+tag: New
+---
+
+There are two options for server-side rendering styles, each with advantages and disadvantages:
+
+- **Inline mode**: there is no need to request additional style files during rendering. The advantage is to reduce additional network requests. The disadvantage is that the HTML volume will increase and the speed of the first screen rendering will be affected. Relevant discussion: [#39891](https://github.com/ant-design/ant-design/issues/39891)
+- **Whole export**: The antd component is pre-baked and styled as a css file to be introduced in the page. The advantage is that when opening any page, the same set of css files will be reused just like the traditional css scheme to hit the cache. The disadvantage is that if there are multiple themes in the page, additional baking is required
+
+## Inline Style
+
+Use `@ant-design/cssinjs` to extract style:
+
+```tsx
+import { createCache, extractStyle, StyleProvider } from '@ant-design/cssinjs';
+import { renderToString } from 'react-dom/server';
+
+export default () => {
+  // SSR Render
+  const cache = createCache();
+
+  const html = renderToString(
+    <StyleProvider cache={cache}>
+      <MyApp />
+    </StyleProvider>,
+  );
+
+  // Grab style from cache
+  const styleText = extractStyle(cache);
+
+  // Mix with style
+  return `
+<!DOCTYPE html>
+<html>
+  <head>
+    ${styleText}
+  </head>
+  <body>
+    <div id="root">${html}</div>
+  </body>
+</html>
+`;
+};
+```
+
+## Whole Export
+
+If you want to detach a style file into a css file, try the following schemes:
+
+1. Installation dependency
+
+```bash
+npm install ts-node tslib cross-env --save-dev
+```
+
+2. Add `tsconfig.node.json`
+
+```json
+{
+  "compilerOptions": {
+    "strictNullChecks": true,
+    "module": "NodeNext",
+    "jsx": "react",
+    "esModuleInterop": true
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"]
+}
+```
+
+3. Add `scripts/genAntdCss.tsx`
+
+```tsx
+// scripts/genAntdCss.tsx
+import fs from 'fs';
+import { extractStyle } from '@ant-design/static-style-extract';
+
+const outputPath = './public/antd.min.css';
+
+const css = extractStyle();
+
+fs.writeFileSync(outputPath, css);
+```
+
+If you want to use mixed themes or custom themes, you can use the following script:
+
+```tsx
+import fs from 'fs';
+import { extractStyle } from '@ant-design/static-style-extract';
+import React from 'react';
+import { ConfigProvider } from 'antd';
+
+const outputPath = './public/antd.min.css';
+
+const testGreenColor = '#008000';
+const testRedColor = '#ff0000';
+
+const css = extractStyle((node) => (
+  <>
+    <ConfigProvider
+      theme={{
+        token: {
+          colorBgBase: testGreenColor,
+        },
+      }}
+    >
+      {node}
+    </ConfigProvider>
+    <ConfigProvider
+      theme={{
+        token: {
+          colorPrimary: testGreenColor,
+        },
+      }}
+    >
+      <ConfigProvider
+        theme={{
+          token: {
+            colorBgBase: testRedColor,
+          },
+        }}
+      >
+        {node}
+      </ConfigProvider>
+    </ConfigProvider>
+  </>
+));
+
+fs.writeFileSync(outputPath, css);
+```
+
+You can choose to execute this script before starting the development command or before compiling. Running this script will generate a full antd.min.css file directly in the specified directory of the current project (e.g. public).
+
+Take Next.js for example（[example](https://github.com/ant-design/ant-design-examples/tree/main/examples/with-nextjs-inline-style)）：
+
+```json
+// package.json
+{
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint",
+    "predev": "ts-node --project ./tsconfig.node.json ./scripts/genAntdCss.tsx",
+    "prebuild": "cross-env NODE_ENV=production ts-node --project ./tsconfig.node.json ./scripts/genAntdCss.tsx"
+  }
+}
+```
+
+Then, you just need to import this file into the `pages/_app.tsx` file:
+
+```tsx
+import { StyleProvider } from '@ant-design/cssinjs';
+import type { AppProps } from 'next/app';
+import '../public/antd.min.css'; // add this line
+import '../styles/globals.css';
+
+export default function App({ Component, pageProps }: AppProps) {
+  return (
+    <StyleProvider hashPriority="high">
+      <Component {...pageProps} />
+    </StyleProvider>
+  );
+}
+```
+
+### Custom theme
+
+If you're using a custom theme for your project, try baking in the following ways:
+
+```tsx
+import { extractStyle } from '@ant-design/static-style-extract';
+import { ConfigProvider } from 'antd';
+
+const cssText = extractStyle((node) => (
+  <ConfigProvider
+    theme={{
+      token: {
+        colorPrimary: 'red',
+      },
+    }}
+  >
+    {node}
+  </ConfigProvider>
+));
+```
+
+### Mixed theme
+
+If you're using a mixed theme for your project, try baking in the following ways:
+
+```tsx
+import { extractStyle } from '@ant-design/static-style-extract';
+import { ConfigProvider } from 'antd';
+
+const cssText = extractStyle((node) => (
+  <>
+    <ConfigProvider
+      theme={{
+        token: {
+          colorBgBase: 'green ',
+        },
+      }}
+    >
+      {node}
+    </ConfigProvider>
+    <ConfigProvider
+      theme={{
+        token: {
+          colorPrimary: 'blue',
+        },
+      }}
+    >
+      <ConfigProvider
+        theme={{
+          token: {
+            colorBgBase: 'red ',
+          },
+        }}
+      >
+        {node}
+      </ConfigProvider>
+    </ConfigProvider>
+  </>
+));
+```
+
+More about static-style-extract, see [static-style-extract](https://github.com/ant-design/static-style-extract).
+
+## Extract on demand
+
+```tsx
+// scripts/genAntdCss.tsx
+import { createHash } from 'crypto';
+import fs from 'fs';
+import path from 'path';
+import type Entity from '@ant-design/cssinjs/lib/Cache';
+import { extractStyle } from '@ant-design/cssinjs';
+
+export type DoExtraStyleOptions = {
+  cache: Entity;
+  dir?: string;
+  baseFileName?: string;
+};
+export function doExtraStyle({
+  cache,
+  dir = 'antd-output',
+  baseFileName = 'antd.min',
+}: DoExtraStyleOptions) {
+  const baseDir = path.resolve(__dirname, '../../static/css');
+
+  const outputCssPath = path.join(baseDir, dir);
+
+  if (!fs.existsSync(outputCssPath)) {
+    fs.mkdirSync(outputCssPath, { recursive: true });
+  }
+
+  const css = extractStyle(cache, true);
+  if (!css) return '';
+
+  const md5 = createHash('md5');
+  const hash = md5.update(css).digest('hex');
+  const fileName = `${baseFileName}.${hash.substring(0, 8)}.css`;
+  const fullpath = path.join(outputCssPath, fileName);
+
+  const res = `_next/static/css/${dir}/${fileName}`;
+
+  if (fs.existsSync(fullpath)) return res;
+
+  fs.writeFileSync(fullpath, css);
+
+  return res;
+}
+```
+
+Export on demand using the above tools in `_document.tsx`
+
+```tsx
+// _document.tsx
+import { StyleProvider, createCache } from '@ant-design/cssinjs';
+import type { DocumentContext } from 'next/document';
+import Document, { Head, Html, Main, NextScript } from 'next/document';
+import { doExtraStyle } from '../scripts/genAntdCss';
+
+export default class MyDocument extends Document {
+  static async getInitialProps(ctx: DocumentContext) {
+    const cache = createCache();
+    let fileName = '';
+    const originalRenderPage = ctx.renderPage;
+    ctx.renderPage = () =>
+      originalRenderPage({
+        enhanceApp: (App) => (props) => (
+          <StyleProvider cache={cache}>
+            <App {...props} />
+          </StyleProvider>
+        ),
+      });
+
+    const initialProps = await Document.getInitialProps(ctx);
+    // 1.1 extract style which had been used
+    fileName = doExtraStyle({
+      cache,
+    });
+    return {
+      ...initialProps,
+      styles: (
+        <>
+          {initialProps.styles}
+          {/* 1.2 inject css */}
+          {fileName && <link rel="stylesheet" href={`/${fileName}`} />}
+        </>
+      ),
+    };
+  }
+
+  render() {
+    return (
+      <Html lang="en">
+        <Head />
+        <body>
+          <Main />
+          <NextScript />
+        </body>
+      </Html>
+    );
+  }
+}
+```
+
+See the demo：[Export the css files on demand demo](https://github.com/ant-design/ant-design-examples/tree/main/examples/with-nextjs-generate-css-on-demand)
diff --git a/docs/react/server-side-rendering.zh-CN.md b/docs/react/server-side-rendering.zh-CN.md
new file mode 100644
index 000000000000..5a50d1bce884
--- /dev/null
+++ b/docs/react/server-side-rendering.zh-CN.md
@@ -0,0 +1,333 @@
+---
+group:
+  title: 进阶使用
+order: 2
+title: 服务端渲染
+tag: New
+---
+
+服务端渲染样式有两种方案，它们各有优缺点：
+
+- **内联样式**：在渲染时无需额外请求样式文件，好处是减少额外的网络请求，缺点则是会使得 HTML 体积增大，影响首屏渲染速度，相关讨论参考：[#39891](https://github.com/ant-design/ant-design/issues/39891)
+- **整体导出**：提前烘焙 antd 组件样式为 css 文件，在页面中时引入。好处是打开任意页面时如传统 css 方案一样都会复用同一套 css 文件以命中缓存，缺点是如果页面中存在多主题，则需要额外进行烘焙
+
+## 内联样式
+
+使用 `@ant-design/cssinjs` 将所需样式抽离：
+
+```tsx
+import { createCache, extractStyle, StyleProvider } from '@ant-design/cssinjs';
+import { renderToString } from 'react-dom/server';
+
+export default () => {
+  // SSR Render
+  const cache = createCache();
+
+  const html = renderToString(
+    <StyleProvider cache={cache}>
+      <MyApp />
+    </StyleProvider>,
+  );
+
+  // Grab style from cache
+  const styleText = extractStyle(cache);
+
+  // Mix with style
+  return `
+<!DOCTYPE html>
+<html>
+  <head>
+    ${styleText}
+  </head>
+  <body>
+    <div id="root">${html}</div>
+  </body>
+</html>
+`;
+};
+```
+
+## 整体导出
+
+如果你想要将样式文件抽离到 css 文件中，可以尝试使用以下方案：
+
+1. 安装依赖
+
+```bash
+npm install ts-node tslib cross-env --save-dev
+```
+
+2. 新增 `tsconfig.node.json` 文件
+
+```json
+{
+  "compilerOptions": {
+    "strictNullChecks": true,
+    "module": "NodeNext",
+    "jsx": "react",
+    "esModuleInterop": true
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"]
+}
+```
+
+3. 新增 `scripts/genAntdCss.tsx` 文件
+
+```tsx
+// scripts/genAntdCss.tsx
+import fs from 'fs';
+import { extractStyle } from '@ant-design/static-style-extract';
+
+const outputPath = './public/antd.min.css';
+
+const css = extractStyle();
+
+fs.writeFileSync(outputPath, css);
+```
+
+若你想使用混合主题或自定义主题，可采用以下脚本：
+
+```tsx
+import fs from 'fs';
+import { extractStyle } from '@ant-design/static-style-extract';
+import React from 'react';
+import { ConfigProvider } from 'antd';
+
+const outputPath = './public/antd.min.css';
+
+const testGreenColor = '#008000';
+const testRedColor = '#ff0000';
+
+const css = extractStyle((node) => (
+  <>
+    <ConfigProvider
+      theme={{
+        token: {
+          colorBgBase: testGreenColor,
+        },
+      }}
+    >
+      {node}
+    </ConfigProvider>
+    <ConfigProvider
+      theme={{
+        token: {
+          colorPrimary: testGreenColor,
+        },
+      }}
+    >
+      <ConfigProvider
+        theme={{
+          token: {
+            colorBgBase: testRedColor,
+          },
+        }}
+      >
+        {node}
+      </ConfigProvider>
+    </ConfigProvider>
+  </>
+));
+
+fs.writeFileSync(outputPath, css);
+```
+
+你可以选择在启动开发命令或编译前执行这个脚本，运行上述脚本将会在当前项目的指定（如： public 目录）目录下直接生成一个全量的 antd.min.css 文件。
+
+以 Next.js 为例（[参考示例](https://github.com/ant-design/ant-design-examples/tree/main/examples/with-nextjs-inline-style)）：
+
+```json
+// package.json
+{
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint",
+    "predev": "ts-node --project ./tsconfig.node.json ./scripts/genAntdCss.tsx",
+    "prebuild": "cross-env NODE_ENV=production ts-node --project ./tsconfig.node.json ./scripts/genAntdCss.tsx"
+  }
+}
+```
+
+然后，你只需要在`pages/_app.tsx`文件中引入这个文件即可：
+
+```tsx
+import { StyleProvider } from '@ant-design/cssinjs';
+import type { AppProps } from 'next/app';
+import '../public/antd.min.css'; // 添加这行
+import '../styles/globals.css';
+
+export default function App({ Component, pageProps }: AppProps) {
+  return (
+    <StyleProvider hashPriority="high">
+      <Component {...pageProps} />
+    </StyleProvider>
+  );
+}
+```
+
+### 自定义主题
+
+如果你的项目中使用了自定义主题，可以尝试通过以下方式进行烘焙：
+
+```tsx
+import { extractStyle } from '@ant-design/static-style-extract';
+import { ConfigProvider } from 'antd';
+
+const cssText = extractStyle((node) => (
+  <ConfigProvider
+    theme={{
+      token: {
+        colorPrimary: 'red',
+      },
+    }}
+  >
+    {node}
+  </ConfigProvider>
+));
+```
+
+### 混合主题
+
+如果你的项目中使用了混合主题，可以尝试通过以下方式进行烘焙：
+
+```tsx
+import { extractStyle } from '@ant-design/static-style-extract';
+import { ConfigProvider } from 'antd';
+
+const cssText = extractStyle((node) => (
+  <>
+    <ConfigProvider
+      theme={{
+        token: {
+          colorBgBase: 'green ',
+        },
+      }}
+    >
+      {node}
+    </ConfigProvider>
+    <ConfigProvider
+      theme={{
+        token: {
+          colorPrimary: 'blue',
+        },
+      }}
+    >
+      <ConfigProvider
+        theme={{
+          token: {
+            colorBgBase: 'red ',
+          },
+        }}
+      >
+        {node}
+      </ConfigProvider>
+    </ConfigProvider>
+  </>
+));
+```
+
+更多`static-style-extract`的实现细节请看：[static-style-extract](https://github.com/ant-design/static-style-extract)。
+
+## 按需抽取
+
+```tsx
+// scripts/genAntdCss.tsx
+import { createHash } from 'crypto';
+import fs from 'fs';
+import path from 'path';
+import type Entity from '@ant-design/cssinjs/lib/Cache';
+import { extractStyle } from '@ant-design/cssinjs';
+
+export type DoExtraStyleOptions = {
+  cache: Entity;
+  dir?: string;
+  baseFileName?: string;
+};
+export function doExtraStyle({
+  cache,
+  dir = 'antd-output',
+  baseFileName = 'antd.min',
+}: DoExtraStyleOptions) {
+  const baseDir = path.resolve(__dirname, '../../static/css');
+
+  const outputCssPath = path.join(baseDir, dir);
+
+  if (!fs.existsSync(outputCssPath)) {
+    fs.mkdirSync(outputCssPath, { recursive: true });
+  }
+
+  const css = extractStyle(cache, true);
+  if (!css) return '';
+
+  const md5 = createHash('md5');
+  const hash = md5.update(css).digest('hex');
+  const fileName = `${baseFileName}.${hash.substring(0, 8)}.css`;
+  const fullpath = path.join(outputCssPath, fileName);
+
+  const res = `_next/static/css/${dir}/${fileName}`;
+
+  if (fs.existsSync(fullpath)) return res;
+
+  fs.writeFileSync(fullpath, css);
+
+  return res;
+}
+```
+
+在 `_document.tsx` 中使用上述工具进行按需导出：
+
+```tsx
+// _document.tsx
+import { StyleProvider, createCache } from '@ant-design/cssinjs';
+import type { DocumentContext } from 'next/document';
+import Document, { Head, Html, Main, NextScript } from 'next/document';
+import { doExtraStyle } from '../scripts/genAntdCss';
+
+export default class MyDocument extends Document {
+  static async getInitialProps(ctx: DocumentContext) {
+    const cache = createCache();
+    let fileName = '';
+    const originalRenderPage = ctx.renderPage;
+    ctx.renderPage = () =>
+      originalRenderPage({
+        enhanceApp: (App) => (props) => (
+          <StyleProvider cache={cache}>
+            <App {...props} />
+          </StyleProvider>
+        ),
+      });
+
+    const initialProps = await Document.getInitialProps(ctx);
+    // 1.1 extract style which had been used
+    fileName = doExtraStyle({
+      cache,
+    });
+    return {
+      ...initialProps,
+      styles: (
+        <>
+          {initialProps.styles}
+          {/* 1.2 inject css */}
+          {fileName && <link rel="stylesheet" href={`/${fileName}`} />}
+        </>
+      ),
+    };
+  }
+
+  render() {
+    return (
+      <Html lang="en">
+        <Head />
+        <body>
+          <Main />
+          <NextScript />
+        </body>
+      </Html>
+    );
+  }
+}
+```
+
+演示示例请看：[按需抽取样式示例](https://github.com/ant-design/ant-design-examples/tree/main/examples/with-nextjs-generate-css-on-demand)
diff --git a/docs/react/use-custom-date-library.en-US.md b/docs/react/use-custom-date-library.en-US.md
index 54a7f88a36fb..8d5af6e21092 100644
--- a/docs/react/use-custom-date-library.en-US.md
+++ b/docs/react/use-custom-date-library.en-US.md
@@ -1,5 +1,7 @@
 ---
-order: 7.5
+group:
+  title: Advanced
+order: 3
 title: Use custom date library
 ---
 
diff --git a/docs/react/use-custom-date-library.zh-CN.md b/docs/react/use-custom-date-library.zh-CN.md
index 4583fe4b6d01..96804e61285d 100644
--- a/docs/react/use-custom-date-library.zh-CN.md
+++ b/docs/react/use-custom-date-library.zh-CN.md
@@ -1,5 +1,7 @@
 ---
-order: 7.5
+group:
+  title: 进阶使用
+order: 3
 title: 使用自定义日期库
 ---
 
diff --git a/docs/react/use-with-create-react-app.en-US.md b/docs/react/use-with-create-react-app.en-US.md
index b898d1e0306d..72a81160c665 100644
--- a/docs/react/use-with-create-react-app.en-US.md
+++ b/docs/react/use-with-create-react-app.en-US.md
@@ -1,5 +1,7 @@
 ---
-order: 4
+group:
+  title: Basic Usage
+order: 1
 title: Usage with create-react-app
 ---
 
diff --git a/docs/react/use-with-create-react-app.zh-CN.md b/docs/react/use-with-create-react-app.zh-CN.md
index 58175000cefe..e372174b8dbb 100644
--- a/docs/react/use-with-create-react-app.zh-CN.md
+++ b/docs/react/use-with-create-react-app.zh-CN.md
@@ -1,5 +1,7 @@
 ---
-order: 4
+group:
+  title: 如何使用
+order: 1
 title: 在 create-react-app 中使用
 ---
 
@@ -51,8 +53,8 @@ $ npm run start
 修改 `src/App.js`，引入 antd 的按钮组件。
 
 ```tsx
-import { Button } from 'antd';
 import React from 'react';
+import { Button } from 'antd';
 
 const App: React.FC = () => (
   <div className="App">
@@ -70,8 +72,8 @@ export default App;
 参考 [配置主题](/docs/react/customize-theme)，通过 ConfigProvider 进行主题配置：
 
 ```tsx
-import { ConfigProvider } from 'antd';
 import React from 'react';
+import { ConfigProvider } from 'antd';
 
 const App: React.FC = () => (
   <ConfigProvider theme={{ token: { colorPrimary: '#00b96b' } }}>
diff --git a/docs/react/use-with-next.en-US.md b/docs/react/use-with-next.en-US.md
index 1d1394f772fd..096d0098ae26 100644
--- a/docs/react/use-with-next.en-US.md
+++ b/docs/react/use-with-next.en-US.md
@@ -1,5 +1,7 @@
 ---
-order: 4
+group:
+  title: Basic Usage
+order: 2
 title: Usage with Next.js
 ---
 
diff --git a/docs/react/use-with-next.zh-CN.md b/docs/react/use-with-next.zh-CN.md
index 39d6da3e6a45..2b90e366eb3b 100644
--- a/docs/react/use-with-next.zh-CN.md
+++ b/docs/react/use-with-next.zh-CN.md
@@ -1,5 +1,7 @@
 ---
-order: 4
+group:
+  title: 如何使用
+order: 2
 title: 在 Next.js 中使用
 ---
 
diff --git a/docs/react/use-with-umi.en-US.md b/docs/react/use-with-umi.en-US.md
index 891e7abecd63..108f46e0e480 100644
--- a/docs/react/use-with-umi.en-US.md
+++ b/docs/react/use-with-umi.en-US.md
@@ -1,5 +1,7 @@
 ---
-order: 3
+group:
+  title: Basic Usage
+order: 2
 title: Usage with Umi
 ---
 
@@ -129,8 +131,8 @@ As your application grows, you'll need to share UI elements across multiple page
 Create a new `src/components/ProductList.tsx` file with the following code.
 
 ```tsx
-import { Button, Popconfirm, Table } from 'antd';
 import React from 'react';
+import { Button, Popconfirm, Table } from 'antd';
 
 const ProductList: React.FC<{ products: { name: string }[]; onDelete: (id: string) => void }> = ({
   onDelete,
@@ -219,10 +221,10 @@ export default defineConfig({
 Edit `src/pages/products.tsx` with the following code.
 
 ```tsx
-import ProductList from '@/components/ProductList';
 import axios from 'axios';
 import React from 'react';
 import { useMutation, useQuery, useQueryClient } from 'umi';
+import ProductList from '@/components/ProductList';
 import styles from './products.less';
 
 export default function Page() {
diff --git a/docs/react/use-with-umi.zh-CN.md b/docs/react/use-with-umi.zh-CN.md
index 782f71fa7141..e0a2ddc3d64e 100644
--- a/docs/react/use-with-umi.zh-CN.md
+++ b/docs/react/use-with-umi.zh-CN.md
@@ -1,5 +1,7 @@
 ---
-order: 3
+group:
+  title: 如何使用
+order: 2
 title: 在 Umi 中使用
 ---
 
diff --git a/docs/react/use-with-vite.en-US.md b/docs/react/use-with-vite.en-US.md
index fb3b906e179f..e104c63ff636 100644
--- a/docs/react/use-with-vite.en-US.md
+++ b/docs/react/use-with-vite.en-US.md
@@ -1,5 +1,7 @@
 ---
-order: 4
+group:
+  title: Basic Usage
+order: 3
 title: Usage with Vite
 ---
 
diff --git a/docs/react/use-with-vite.zh-CN.md b/docs/react/use-with-vite.zh-CN.md
index 67c0fd5c5fd0..27883b539cb9 100644
--- a/docs/react/use-with-vite.zh-CN.md
+++ b/docs/react/use-with-vite.zh-CN.md
@@ -1,5 +1,7 @@
 ---
-order: 4
+group:
+  title: 如何使用
+order: 3
 title: 在 Vite 中使用
 ---
 
diff --git a/package.json b/package.json
index 0fcaa470dfb2..3fe5d4ee0829 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "antd",
-  "version": "5.8.1",
+  "version": "5.8.2",
   "packageManager": "^npm@9.0.0",
   "description": "An enterprise-class UI design language and React components implementation",
   "title": "Ant Design",
@@ -56,9 +56,10 @@
     "clean-lockfiles": "rm -rf package-lock.json yarn.lock",
     "collect-token-statistic": "ts-node --esm --project tsconfig.node.json scripts/collect-token-statistic.ts",
     "token-meta": "ts-node --esm --project tsconfig.node.json scripts/generate-token-meta.ts",
-    "prestart": "npm run version && npm run collect-token-statistic && npm run token-meta",
+    "component-changelog": "ts-node --esm --project tsconfig.node.json scripts/generate-component-changelog.ts",
+    "prestart": "npm run version && npm run collect-token-statistic && npm run token-meta && npm run component-changelog",
     "precompile": "npm run prestart",
-    "pretest": "npm run version",
+    "pretest": "npm run version && npm run component-changelog",
     "predist": "npm run version",
     "presite": "npm run prestart",
     "compile": "npm run clean && antd-tools run compile",
@@ -77,7 +78,7 @@
     "lint:deps": "antd-tools run deps-lint",
     "lint:md": "remark . -f -q",
     "lint:style": "ts-node --esm --project tsconfig.node.json scripts/check-cssinjs.ts",
-    "lint:script": "eslint . --ext .js,.jsx,.ts,.tsx --cache",
+    "lint:script": "npm run component-changelog && eslint . --ext .js,.jsx,.ts,.tsx --cache",
     "pre-publish": "npm run test-all -- --skip-build && node ./scripts/pre-publish-notice.js",
     "prettier": "prettier -c --write **/* --cache",
     "pub": "npm run version && npm run collect-token-statistic && npm run token-meta && antd-tools run pub",
@@ -313,11 +314,11 @@
   "size-limit": [
     {
       "path": "./dist/antd.min.js",
-      "limit": "386 KiB"
+      "limit": "390 KiB"
     },
     {
       "path": "./dist/antd-with-locales.min.js",
-      "limit": "446 KiB"
+      "limit": "449 KiB"
     }
   ],
   "tnpm": {
diff --git a/scripts/generate-component-changelog.ts b/scripts/generate-component-changelog.ts
new file mode 100644
index 000000000000..1bdcc91a9585
--- /dev/null
+++ b/scripts/generate-component-changelog.ts
@@ -0,0 +1,196 @@
+/* eslint-disable no-loop-func, no-console */
+// Collect from `changelog.md` to get all components changelog
+import path from 'path';
+import fs from 'fs-extra';
+import { globSync } from 'glob';
+
+const output = '.dumi/preset';
+
+// Collect components
+const componentNames = globSync(
+  path.join(process.cwd(), 'components/!(version|icon|col|row)/index.zh-CN.md'),
+)
+  .map((filePath) => filePath.match(/components\/([^/]*)\//)![1])
+  .filter((name) => name !== 'overview');
+
+const camelComponentNames = componentNames.map((componentName) =>
+  componentName
+    .split('-')
+    .map((cell) => (cell.length <= 2 ? cell.toUpperCase() : cell[0].toUpperCase() + cell.slice(1)))
+    .join(''),
+);
+
+function fillComponentKey(componentName: string): RegExp[] {
+  return [new RegExp(`\\b${componentName}\\b`)];
+}
+
+// Convert a mapping logic
+const componentNameMap: Record<string, (string | RegExp)[]> = {};
+camelComponentNames.forEach((name) => {
+  componentNameMap[name] = [...fillComponentKey(name), 'Global:'];
+});
+
+componentNameMap.ConfigProvider.push(...fillComponentKey('Wave'));
+componentNameMap.Grid.push(...fillComponentKey('Row'));
+componentNameMap.Grid.push(...fillComponentKey('Col'));
+componentNameMap.Message.push(...fillComponentKey('message'));
+componentNameMap.Notification.push(...fillComponentKey('notification'));
+
+// Collect misc. When ComponentName not match will fallback to misc
+const miscKeys = [
+  'ComponentToken',
+  'Component Token',
+  'Design Token',
+  'MISC:',
+  '杂项：',
+  '@ant-design/cssinjs',
+  '@ant-design/icons',
+  'rc-motion',
+  ' IE ',
+  'reset.css',
+  '📖',
+  '🛠',
+  '🌐',
+  ' locale ',
+  ' RTL ',
+  '🇧🇪',
+  '🇨🇦',
+  '🇪🇸',
+  '🇷🇺',
+  '🇺🇦',
+  '🇲🇲',
+  '🇸🇪',
+  '🇻🇳',
+  '🇮🇳',
+  '🇮🇷',
+  '🇰🇷',
+  '🇩🇪',
+  '🇱🇹',
+];
+
+(() => {
+  const missingChangelog = [];
+  const miscChangelog: string[] = [];
+
+  // Read & write components changelog
+  function syncChangelog(sourceFile: string, targetFile: string) {
+    const content = fs.readFileSync(sourceFile).toString();
+
+    // let lastGroup = '';
+    let lastVersion = '';
+
+    // Split with lines
+    const lines = content.split(/[\n\r]+/).filter((line) => line.trim());
+
+    // Changelog map
+    const componentChangelog: Record<
+      string,
+      { version: string; changelog: string; refs: string[] }[]
+    > = {};
+    Object.keys(componentNameMap).forEach((name) => {
+      componentChangelog[name] = [];
+    });
+
+    for (let i = 0; i < lines.length; i += 1) {
+      const line = lines[i];
+
+      // Skip for v5 release
+      if (line === '## 5.0.0') {
+        break;
+      }
+
+      // Get version
+      if (line.startsWith('## ')) {
+        lastVersion = line.replace('## ', '');
+        continue;
+      }
+
+      // Start when get version
+      if (!lastVersion) {
+        continue;
+      }
+
+      // Group end
+      if (line.startsWith('- ')) {
+        // lastGroup = '';
+      }
+
+      // Group check
+      if (line.startsWith('- ') && lines[i + 1].startsWith('  - ')) {
+        // lastGroup = line.replace('- ', '');
+        continue;
+      }
+
+      // Filter not is changelog
+      if (!line.trim().startsWith('-') && !line.includes('github.')) {
+        continue;
+      }
+
+      // Collect Components
+      let matched = false;
+      const refs: string[] = [];
+
+      let changelogLine = line.trim().replace('- ', '');
+      changelogLine = changelogLine
+        .replace(/\[([^\]]+)]\(([^)]+)\)/g, (...match) => {
+          const [, , ref] = match;
+          if (ref.includes('/pull/')) {
+            refs.push(ref);
+          }
+          return '';
+        })
+        .trim();
+
+      Object.keys(componentNameMap).forEach((name) => {
+        const matchKeys = componentNameMap[name];
+
+        if (
+          matchKeys.some((key) => {
+            if (typeof key === 'string') {
+              return line.includes(key);
+            }
+            return key.test(line);
+          })
+        ) {
+          componentChangelog[name].push({
+            version: lastVersion,
+            changelog: changelogLine,
+            refs,
+          });
+          matched = true;
+        }
+      });
+
+      if (matched) {
+        continue;
+      }
+
+      // Misc
+      if (miscKeys.some((key) => line.includes(key))) {
+        miscChangelog.push(line);
+        continue;
+      }
+
+      if (!matched) {
+        console.log('🚨 Miss Component:', line);
+        missingChangelog.push(line);
+      }
+    }
+
+    fs.writeFileSync(path.join(output, targetFile), JSON.stringify(componentChangelog), 'utf-8');
+  }
+
+  syncChangelog('CHANGELOG.zh-CN.md', 'components-changelog-cn.json');
+  syncChangelog('CHANGELOG.en-US.md', 'components-changelog-en.json');
+  fs.writeFileSync(
+    path.join(output, 'misc-changelog.json'),
+    JSON.stringify(miscChangelog),
+    'utf-8',
+  );
+
+  if (missingChangelog.length) {
+    console.log('\nMISC key word should be:');
+    console.log(miscKeys.join(' , '), '\n');
+    throw new Error(`Component changelog miss match!`);
+  }
+})();
diff --git a/tests/__snapshots__/changelog.test.ts.snap b/tests/__snapshots__/changelog.test.ts.snap
new file mode 100644
index 000000000000..3a0d91f44028
--- /dev/null
+++ b/tests/__snapshots__/changelog.test.ts.snap
@@ -0,0 +1,129 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`component changelog match snapshot misc changelog snapshot 1`] = `
+[
+  "  - 🤖 导出 \`MappingAlgorithm\` 作为 Design Token 主题算法的类型。[#43953](https://github.com/ant-design/ant-design/pull/43953)",
+  "- 🔥 组件 ComponentToken 支持配置 \`algorithm\` 参数，添加配置即可像全局 Token 一样由部分修改的 token 计算派生 token 的值并用于组件样式中。[#43810](https://github.com/ant-design/ant-design/pull/43810) [@MadCcc](https://github.com/MadCcc)",
+  "- 💄 \`@ant-design/icons\` 优化了 CloseCircleFilled / CloseSquareFilled / CloseOutlined / CloseCircleOutlined / CloseSquareOutlined / ExportOutlined / ImportOutlined 等图标的设计。[824500](https://github.com/ant-design/ant-design-icons/commit/824500349894a87562f033dbdc5e3c5d301a2f5c)",
+  "- 💄 修复和其他使用 \`@ant-design/cssinjs\` 的组件库混合使用，antd 的样式总是会插入在最前面，以避免加载顺序导致的样式覆盖问题。[#43847](https://github.com/ant-design/ant-design/pull/43847)",
+  "- 🛠 解决 vite、rollup、meteor、microbundle 等构建工具中遇到的循环依赖问题，并增加相关的检测。[#42750](https://github.com/ant-design/ant-design/pull/42750)，感谢 [@jrr997](https://github.com/jrr997)、[@kiner-tang](https://github.com/kiner-tang) 和 [@MuxinFeng](https://github.com/MuxinFeng) 的贡献。",
+  "- 🐞 杂项：修复样式特性支持检测时部分浏览器因为未重绘导致出现滚动条的问题。[#43358](https://github.com/ant-design/ant-design/pull/43358) [@LeeeeeeM](https://github.com/LeeeeeeM)",
+  "- 💄 Design Token 将 \`colorLink\` 添加至 seed token 中, \`colorLinkHover\` 和 \`colorLinkActive\` 将会由 \`colorLink\` 计算得出。[#43183](https://github.com/ant-design/ant-design/pull/43183) [@MadCcc](https://github.com/MadCcc)",
+  "- 🆕 Design Token 新增静态方法 \`getDesignToken\` 用于获取完整的主题 token。[#42723](https://github.com/ant-design/ant-design/pull/42723) [@MadCcc](https://github.com/MadCcc)",
+  "- 💄 修复部分全局 Design Token 无法覆盖组件样式的问题。[#42535](https://github.com/ant-design/ant-design/pull/42535) [@MadCcc](https://github.com/MadCcc)",
+  "- 🇱🇹 为 \`lt_LT\` 添加缺失的部分文案。[#42664](https://github.com/ant-design/ant-design/pull/42664) [@Digital-512](https://github.com/Digital-512)",
+  "- 🛠 全局移除 \`rc-util/lib/Dom/addEventListener\` 引入的 \`addEventListener\` 方法，用原生代替。[#42464](https://github.com/ant-design/ant-design/pull/42464) [@li-jia-nan](https://github.com/li-jia-nan)",
+  "- 🛠 优化 @ant-design/icons 的 bundle 体积大小。修复 TwoTone 类的图标色为 5.0 的新主色。[#42443](https://github.com/ant-design/ant-design/pull/42443)",
+  "- 🌐 添加 \`mn_MN\` 中缺失的翻译。[#42512](https://github.com/ant-design/ant-design/pull/42512) [@ariunbatb](https://github.com/ariunbatb)",
+  "- 🤖 组件 ComponentToken 名称规范化。[#42184](https://github.com/ant-design/ant-design/pull/42184)",
+  "- 🐞 修复 \`@ant-design/cssinjs\` 中 CSS 属性值为 \`undefined\` 时 cssinjs 报错的问题。[#41896](https://github.com/ant-design/ant-design/pull/41896)",
+  "- 🐞 杂项：箭头元素兼容旧版本不支持 \`clip-path: path()\` 的浏览器。 [#41872](https://github.com/ant-design/ant-design/pull/41872)",
+  "- 🇩🇪 修复德语本地化文案。[#41780](https://github.com/ant-design/ant-design/pull/41780) [@aaarichter](https://github.com/aaarichter)",
+  "- 🇩🇪 补充 \`de_DE\` 遗漏的国际化。[#41747](https://github.com/ant-design/ant-design/pull/41747) [@eldarcodes](https://github.com/eldarcodes)",
+  "- 🛠 使用 \`useMemo\` 重构部分组件代码。[#41533](https://github.com/ant-design/ant-design/pull/41533) [#41550](https://github.com/ant-design/ant-design/pull/41550) [@li-jia-nan](https://github.com/li-jia-nan)",
+  "  - 🇻🇳 修复越南语本地化文案。[#41320](https://github.com/ant-design/ant-design/pull/41320) [@trongtai37](https://github.com/trongtai37) [#41345](https://github.com/ant-design/ant-design/pull/41345) [@duypham90](https://github.com/duypham90)",
+  "  - 🇲🇲 添加缅甸语本地化文案。[#41366](https://github.com/ant-design/ant-design/pull/41366) [@enson0131](https://github.com/enson0131)",
+  "  - 🇸🇪 完善 \`sv_SE\` 语言缺失内容。[#41424](https://github.com/ant-design/ant-design/pull/41424) [@dhalenok](https://github.com/dhalenok)",
+  "  - 🤖 优化 Design Token 的类型提示和说明。[#41297](https://github.com/ant-design/ant-design/pull/41297) [@arvinxx](https://github.com/arvinxx)",
+  "- 🌐 更新韩语国际化，添加国际化阿姆哈拉语。[#41103](https://github.com/ant-design/ant-design/pull/41103) [@li-jia-nan](https://github.com/li-jia-nan)",
+  "- 🛠 重命名 token 中的预设颜色，如 \`blue-1\` 变为 \`blue1\`，废弃原有的 token。[#41071](https://github.com/ant-design/ant-design/pull/41071)",
+  "- 💄 Design Token 为组件聚焦时的 \`outline\` 提供新的 AliasToken \`lineWidthFocus\`。[#40840](https://github.com/ant-design/ant-design/pull/40840)",
+  "- 🐞 杂项：修复部分组件箭头形状问题。[#40971](https://github.com/ant-design/ant-design/pull/40971)",
+  "- 🛠 重写 \`useLocale\` 方法，对外暴露 \`localeCode\`。[#40884](https://github.com/ant-design/ant-design/pull/40884) [@li-jia-nan](https://github.com/li-jia-nan)",
+  "- 🛠 重构：使用 \`useLocale\` 替换 LocaleReceiver 组件，并删除 LocaleReceiver 组件。[#40870](https://github.com/ant-design/ant-design/pull/40870) [@li-jia-nan](https://github.com/li-jia-nan)",
+  "- 💄 Design Token 修改组件聚焦下的 \`outline\` 为默认 \`4px\`。[#40839](https://github.com/ant-design/ant-design/pull/40839)",
+  "- 🇮🇷 增加了伊朗本地化。[#40895](https://github.com/ant-design/ant-design/pull/40895) [@majidsadr](https://github.com/majidsadr)",
+  "  - 🇰🇷 更新韩国本地化文案。[#40716](https://github.com/ant-design/ant-design/pull/40716) [@owjs3901](https://github.com/owjs3901)",
+  "  - 🇷🇺/🇺🇦 补全 \`ru_RU\` 和 \`uk_UA\` 文案。[#40656](https://github.com/ant-design/ant-design/pull/40656) [@eldarcodes](https://github.com/eldarcodes)",
+  "- 🛠 重构水波纹视效，以支持多个水波纹同时触发了。[#39705](https://github.com/ant-design/ant-design/pull/39705) [@li-jia-nan](https://github.com/li-jia-nan)",
+  "- 💄 Design Token 优化 \`boxShadow\` token 分级。[#40516](https://github.com/ant-design/ant-design/pull/40516)",
+  "  - 🤖 杂项：新增 \`Breakpoint\` \`ThemeConfig\` \`GlobalToken\` 类型导出。[#40508](https://github.com/ant-design/ant-design/pull/40508) [@Kamahl19](https://github.com/Kamahl19)",
+  "  - 🇮🇳 补全 \`ta_IN\` 文案。[#39936](https://github.com/ant-design/ant-design/pull/39936) [@KIRUBASHANKAR26](https://github.com/KIRUBASHANKAR26)",
+  "- 💄 Design Token 优化 focus \`outline\` 计算逻辑，替换 \`lineWidth\` 为 \`lineWidthBold\`。[#40291](https://github.com/ant-design/ant-design/pull/40291) [@simonpfish](https://github.com/simonpfish)",
+  "- 💄 杂项：重写部分组件样式以兼容部分对 \`:not\` 支持不完全的旧版浏览器。[#40264](https://github.com/ant-design/ant-design/pull/40264)",
+  "- 🌐 修复 \`pt_BR\` 缺失的国际化。[#40270](https://github.com/ant-design/ant-design/pull/40270) [@rafaelncarvalho](https://github.com/rafaelncarvalho)",
+  "- 🐞 修复 locale 文件丢失的问题。[#40116](https://github.com/ant-design/ant-design/pull/40116)",
+  "- 🐞 修复 \`rc-motion\` 部分组件动画闪烁的问题。[react-component/motion#39](https://github.com/react-component/motion/pull/39)",
+  "- 🌐 增加缺失的泰米尔语翻译。[#39936](https://github.com/ant-design/ant-design/pull/39936) [@KIRUBASHANKAR26](https://github.com/KIRUBASHANKAR26)",
+  "- 📖 官网主题编辑器添加主题上传功能。[#39621](https://github.com/ant-design/ant-design/pull/39621) [@BoyYangzai](https://github.com/BoyYangzai)",
+  "- 📦 在构建流程中去掉对 IE 等旧版本浏览器的支持以减少包体积。[#38779](https://github.com/ant-design/ant-design/pull/38779)",
+  "- 🐞 Design Token 修复组件字体错误问题。[#39806](https://github.com/ant-design/ant-design/pull/39806)",
+  "  - 🤖 修复部分 Design Token 缺少类型提示的问题。[#39754](https://github.com/ant-design/ant-design/pull/39754)",
+  "- 🛠 简化 lodash 方法引用。[#39599](https://github.com/ant-design/ant-design/pull/39599) [#39602](https://github.com/ant-design/ant-design/pull/39602)",
+  "  - 🇧🇪 补全 \`fr_BE\` 文案。[#39415](https://github.com/ant-design/ant-design/pull/39415) [@azro352](https://github.com/azro352)",
+  "  - 🇨🇦 补全 \`fr_CA\` 文案。[#39416](https://github.com/ant-design/ant-design/pull/39416) [@azro352](https://github.com/azro352)",
+  "  - 🇪🇸 补全 \`eu_ES\` 文案。[#39371](https://github.com/ant-design/ant-design/pull/39371) [@Ian-Inizias](https://github.com/Ian-Inizias)",
+  "- 🌐 修正 \`vi_VN\` 国际化描述。[#39279](https://github.com/ant-design/ant-design/pull/39279) [@nghiepdev](https://github.com/nghiepdev)",
+  "- 🌐 修正 \`he_IL\` 国际化描述。[#39280](https://github.com/ant-design/ant-design/pull/39280) [@Ran-Sagy](https://github.com/Ran-Sagy)",
+  "- 🐞 修复 \`@ant-design/cssinjs\` dev 下动态 hashId 导致的 ssr 注水失败的问题。[#39069](https://github.com/ant-design/ant-design/pull/39069)",
+  "- 💄 Design Token 优化错误色的默认算法。[#38933](https://github.com/ant-design/ant-design/pull/38933)",
+  "- 💄 修复 RTL 模式下的样式问题。[#38829](https://github.com/ant-design/ant-design/pull/38829) [@Wxh16144](https://github.com/Wxh16144)",
+  "- 🐞 修复 \`reset.css\` 不会被打包的问题。[#38956](https://github.com/ant-design/ant-design/pull/38956) [@passerV](https://github.com/passerV)",
+  "- 🛠 清除残留 \`Moment.js\` 依赖。[#38762](https://github.com/ant-design/ant-design/pull/38762)",
+  "- 🛠 修复外部暴露类 \`CompoundedComponent\` 的组件的类型报错。[#38666](https://github.com/ant-design/ant-design/pull/38666) [@wangcch](https://github.com/wangcch)",
+  "- 🛠 重新添加 \`lib\` 产物。[#38832](https://github.com/ant-design/ant-design/pull/38832) [@chunsch](https://github.com/chunsch)",
+  "  - 🤖 Export Design Token \`MappingAlgorithm\` as type of theme algorithm. [#43953](https://github.com/ant-design/ant-design/pull/43953)",
+  "- 🔥 Component Token support \`algorithm\` to calculate derivative tokens same as global. [#43810](https://github.com/ant-design/ant-design/pull/43810) [@MadCcc](https://github.com/MadCcc)",
+  "- 🐞 Optimized the import method for \`@ant-design/icons\` to avoid importing all icons. [#43915](https://github.com/ant-design/ant-design/pull/43915) [@ssxenon01](https://github.com/ssxenon01)",
+  "- 💄 Optimized \`@ant-design/icons\` the design of icons including CloseCircleFilled/CloseSquareFilled/CloseOutlined/CloseCircleOutlined/CloseSquareOutlined/ExportOutlined/ImportOutlined. [824500](https://github.com/ant-design/ant-design-icons/commit/824500349894a87562f033dbdc5e3c5d301a2f5c)",
+  "- 💄 Fix when using with other component libraries that use \`@ant-design/cssinjs\`, antd styles will always be inserted at the top to avoid style override issues caused by loading order. [#43847](https://github.com/ant-design/ant-design/pull/43847)",
+  "- 🛠 Resolved Circular dependency issue in vite, rollup, meteor and microbundle. [#42750](https://github.com/ant-design/ant-design/pull/42750). Thanks to [@jrr997](https://github.com/jrr997), [@kiner-tang](https://github.com/kiner-tang) and [@MuxinFeng](https://github.com/MuxinFeng) for their contributions.",
+  "- 🐞 MISC: Fixed an issue where some browsers had scroll bars that were not redrawn when style feature support was detected. [#43358](https://github.com/ant-design/ant-design/pull/43358) [@LeeeeeeM](https://github.com/LeeeeeeM)",
+  "- 💄 Design Token add \`colorLink\` to the seed token, and \`colorLinkHover\` and \`colorLinkActive\` will be calculated from colorLink. [#43183](https://github.com/ant-design/ant-design/pull/43183) [@MadCcc](https://github.com/MadCcc)",
+  "  - 🛠 Improve BreadCrumb behavior when receiving a null title. [#43099](https://github.com/ant-design/ant-design/pull/43099) [@Asanio06](https://github.com/Asanio06)",
+  "- 🆕 Add static function \`getDesignToken\` to access full Design Token. [#42723](https://github.com/ant-design/ant-design/pull/42723) [@MadCcc](https://github.com/MadCcc)",
+  "  - 🛠 Migrate Timenline less variables. [#42491](https://github.com/ant-design/ant-design/pull/42491) [@jrr997](https://github.com/jrr997)",
+  "- 💄 Fix Design Token that global token should be able to override component style. [#42535](https://github.com/ant-design/ant-design/pull/42535) [@MadCcc](https://github.com/MadCcc)",
+  "- 🇱🇹 Add missing i18n for \`lt_LT\` locale. [#42664](https://github.com/ant-design/ant-design/pull/42664) [@Digital-512](https://github.com/Digital-512)",
+  "- 🛠 Remove \`addEventListener\` from \`rc-util/lib/Dom/addEventListener\` and use native \`addEventListener\` instead. [#42464](https://github.com/ant-design/ant-design/pull/42464) [@li-jia-nan](https://github.com/li-jia-nan)",
+  "- 🛠 Reduce 1KB @ant-design/icons bundle size. Fix TwoTone icon color to primary color of 5.0. [#42443](https://github.com/ant-design/ant-design/pull/42443)",
+  "- 🌐 Add missing translation for \`mn_MN\`. [#42512](https://github.com/ant-design/ant-design/pull/42512) [@ariunbatb](https://github.com/ariunbatb)",
+  "- 🤖 Component Token name canonicalization. [#42184](https://github.com/ant-design/ant-design/pull/42184)",
+  "- 🐞 Fix \`@ant-design/cssinjs\` that cssinjs may crash if CSS value is \`undefined\`. [#41896](https://github.com/ant-design/ant-design/pull/41896)",
+  "- 🐞 MISC: Arrow element support more old browsers which do not support \`clip-path: path()\`. [#41872](https://github.com/ant-design/ant-design/pull/41872)",
+  "- 🇩🇪 Fix typo in German locale. [#41780](https://github.com/ant-design/ant-design/pull/41780) [@aaarichter](https://github.com/aaarichter)",
+  "- 🇩🇪 Add missing translations for \`de_DE\`. [#41747](https://github.com/ant-design/ant-design/pull/41747) [@eldarcodes](https://github.com/eldarcodes)",
+  "- 🛠 Refactor some components by using \`useMemo\`. [#41533](https://github.com/ant-design/ant-design/pull/41533) [#41550](https://github.com/ant-design/ant-design/pull/41550) [@li-jia-nan](https://github.com/li-jia-nan)",
+  "  - 🇲🇲 Added Burmese locale. [#41366](https://github.com/ant-design/ant-design/pull/41366) [@enson0131](https://github.com/enson0131)",
+  "  - 🇻🇳 Fix Vietnamese locale text. [#41320](https://github.com/ant-design/ant-design/pull/41320) [@trongtai37](https://github.com/trongtai37) [#41345](https://github.com/ant-design/ant-design/pull/41345) [@duypham90](https://github.com/duypham90)",
+  "  - 🇸🇪 Add the missing content of \`sv_SE\` language. [#41424](https://github.com/ant-design/ant-design/pull/41424) [@dhalenok](https://github.com/dhalenok)",
+  "  - 🤖 Improve Design Token most alias token meta info. [#41297](https://github.com/ant-design/ant-design/pull/41297) [@arvinxx](https://github.com/arvinxx)",
+  "- 🌐 Update ko_KR、Added Amharic Language. [#41103](https://github.com/ant-design/ant-design/pull/41103) [@li-jia-nan](https://github.com/li-jia-nan)",
+  "- 🛠 Rename preset colors in token, .e.g \`blue-1\` to \`blue1\`, and deprecate tokens before. [#41071](https://github.com/ant-design/ant-design/pull/41071)",
+  "- 💄 Provide Design Token new AliasToken \`lineWidthFocus\` for \`outline-width\` of focused component. [#40840](https://github.com/ant-design/ant-design/pull/40840)",
+  "- 🐞 MISC: Fix arrow shape in some components. [#40971](https://github.com/ant-design/ant-design/pull/40971)",
+  "- 🛠 Rewrote the \`useLocale\` method and exposed \`localeCode\` to the public. [#40884](https://github.com/ant-design/ant-design/pull/40884) [@li-jia-nan](https://github.com/li-jia-nan)",
+  "- 🛠 Refactored: replaced the LocaleReceiver component with \`useLocale\` and removed the LocaleReceiver component. [#40870](https://github.com/ant-design/ant-design/pull/40870) [@li-jia-nan](https://github.com/li-jia-nan)",
+  "- 💄 Changed Design Token the component's focus \`outline\` to the default \`4px\`.[#40839](https://github.com/ant-design/ant-design/pull/40839)",
+  "- 🇮🇷 Added Iranian localization. [#40895](https://github.com/ant-design/ant-design/pull/40895) [@majidsadr](https://github.com/majidsadr)",
+  "  - 🇰🇷 Update ko_KR locale. [#40716](https://github.com/ant-design/ant-design/pull/40716) [@owjs3901](https://github.com/owjs3901)",
+  "  - 🇷🇺/🇺🇦 add missing translations for ru_RU and uk_UA. [#40656](https://github.com/ant-design/ant-design/pull/40656) [@eldarcodes](https://github.com/eldarcodes)",
+  "- 🛠 Refactored the water ripple visual effect to trigger multiple water ripples at the same time. [#39705](https://github.com/ant-design/ant-design/pull/39705) [@li-jia-nan](https://github.com/li-jia-nan)",
+  "- 💄 Optimize Design Token \`boxShadow\` tokens. [#40516](https://github.com/ant-design/ant-design/pull/40516)",
+  "  - 🤖 MISC: Add \`Breakpoint\` \`ThmeConfig\` \`GlobalToken\` type export. [#40508](https://github.com/ant-design/ant-design/pull/40508) [@Kamahl19](https://github.com/Kamahl19)",
+  "  - 🇮🇳 Add \`ta_IN\` local. [#39936](https://github.com/ant-design/ant-design/pull/39936) [@KIRUBASHANKAR26](https://github.com/KIRUBASHANKAR26)",
+  "- 💄 Optimize Design Token calculation logic of focus \`outline\`, replace \`lineWidth\` with \`lineWidthBold\`. [#40291](https://github.com/ant-design/ant-design/pull/40291) [@simonpfish](https://github.com/simonpfish)",
+  "- 💄 MISC: Rewrite part component style to compatible the browser that not support concat \`:not\` selector. [#40264](https://github.com/ant-design/ant-design/pull/40264)",
+  "- 🌐 Fix missing translation for \`pt_BR\`. [#40270](https://github.com/ant-design/ant-design/pull/40270) [@rafaelncarvalho](https://github.com/rafaelncarvalho)",
+  "- 🐞 Fix missing locale file. [#40116](https://github.com/ant-design/ant-design/pull/40116)",
+  "- 🐞 Fix \`rc-motion\` animation flicking in some components. [react-component/motion#39](https://github.com/react-component/motion/pull/39)",
+  "- 🌐 Add missing ta_IN translations. [#39936](https://github.com/ant-design/ant-design/pull/39936) [@KIRUBASHANKAR26](https://github.com/KIRUBASHANKAR26)",
+  "- 📖 Theme Editor supports uploading themes. [#39621](https://github.com/ant-design/ant-design/pull/39621) [@BoyYangzai](https://github.com/BoyYangzai)",
+  "- 📦 Remove IE and other legacy browsers from browserslist to reduce bundle size.[#38779](https://github.com/ant-design/ant-design/pull/38779)",
+  "- 🐞 Fix Design Token wrong \`font-family\` of components. [#39806](https://github.com/ant-design/ant-design/pull/39806)",
+  "  - 🤖 Fix missing type defination for Design Token. [#39754](https://github.com/ant-design/ant-design/pull/39754)",
+  "- 🛠 Simplified lodash method introduction. [#39599](https://github.com/ant-design/ant-design/pull/39599) [#39602](https://github.com/ant-design/ant-design/pull/39602)",
+  "  - 🇧🇪 Add \`fr_BE\` locale. [#39415](https://github.com/ant-design/ant-design/pull/39415) [@azro352](https://github.com/azro352)",
+  "  - 🇨🇦 Add \`fr_CA\` locale. [#39416](https://github.com/ant-design/ant-design/pull/39416) [@azro352](https://github.com/azro352)",
+  "  - 🇪🇸 Add \`eu_ES\` locale. [#39371](https://github.com/ant-design/ant-design/pull/39371) [@Ian-Inizias](https://github.com/Ian-Inizias)",
+  "- 🌐 Fix \`vi_VN\` i18n mistake. [#39279](https://github.com/ant-design/ant-design/pull/39279) [@nghiepdev](https://github.com/nghiepdev)",
+  "- 🌐 Fix \`he_IL\` i18n mistake. [#39280](https://github.com/ant-design/ant-design/pull/39280) [@Ran-Sagy](https://github.com/Ran-Sagy)",
+  "- 🐞 Fix \`@ant-design/cssinjs\` ssr warning in dev mode caused by dynamic hashId. [#39069](https://github.com/ant-design/ant-design/pull/39069)",
+  "- 💄 Optimize Design Token default algorithm for error color. [#38933](https://github.com/ant-design/ant-design/pull/38933)",
+  "- 💄 Optimize the style issue in RTL mode. [#38829](https://github.com/ant-design/ant-design/pull/38829) [@Wxh16144](https://github.com/Wxh16144)",
+  "- 🐞 Fix that \`dist/reset.css\` may be dropped in production. [#38956](https://github.com/ant-design/ant-design/pull/38956) [@passerV](https://github.com/passerV)",
+  "- 🛠 Remove \`Moment.js\` dependency. [#38762](https://github.com/ant-design/ant-design/pull/38762)",
+  "- 🛠 Fix \`CompoundedComponent\` ts error. [#38666](https://github.com/ant-design/ant-design/pull/38666) [@wangcch](https://github.com/wangcch)",
+  "- 🛠 Rollback \`lib\` in package. [#38832](https://github.com/ant-design/ant-design/pull/38832) [@chunsch](https://github.com/chunsch)",
+]
+`;
diff --git a/tests/changelog.test.ts b/tests/changelog.test.ts
new file mode 100644
index 000000000000..e0275ff5042b
--- /dev/null
+++ b/tests/changelog.test.ts
@@ -0,0 +1,14 @@
+/* eslint-disable import/no-dynamic-require, global-require */
+import path from 'path';
+
+const testDist = process.env.LIB_DIR === 'dist' || process.env.CHANGELOG_TEST;
+
+// This test is used to ensure changelog includes related component
+describe('component changelog match snapshot', () => {
+  const testFn = testDist ? it : it.skip;
+
+  testFn('misc changelog snapshot', () => {
+    const changelog = require(path.join(process.cwd(), '.dumi', 'preset', 'misc-changelog.json'));
+    expect(changelog).toMatchSnapshot();
+  });
+});
diff --git a/tests/shared/imageTest.tsx b/tests/shared/imageTest.tsx
index edb60971b319..16c91160ccda 100644
--- a/tests/shared/imageTest.tsx
+++ b/tests/shared/imageTest.tsx
@@ -55,6 +55,9 @@ export default function imageTest(component: React.ReactElement) {
             </div>
           ))}
         </App>
+        <div id="end-of-screen" style={{ height: 0, margin: 0, padding: 0, overflow: 'hidden' }}>
+          end of screen
+        </div>
       </StyleProvider>
     );
 
@@ -72,6 +75,8 @@ export default function imageTest(component: React.ReactElement) {
       styleStr,
     );
 
+    await page.waitForSelector('#end-of-screen');
+
     const image = await page.screenshot({
       fullPage: true,
     });