Merge branch 'master' into update_date_picker_props

Author: meet-student

.dumi/theme/builtins/Previewer/CodePreviewer.tsx

@@ -108,7 +108,9 @@ const CodePreviewer: React.FC<AntdPreviewerProps> = (props) => {
   }, [demoUrl, isDark]);
 
   const iframePreview = useMemo(() => {
-    if (!iframe) return null;
+    if (!iframe) {
+      return null;
+    }
     return (
       <BrowserFrame>
         <iframe
@@ -120,6 +122,7 @@ const CodePreviewer: React.FC<AntdPreviewerProps> = (props) => {
       </BrowserFrame>
     );
   }, [demoUrlWithTheme, iframe]);
+
   const previewContent = iframePreview ?? mergedChildren;
 
   const codeBoxClass = clsx('code-box', {

.dumi/theme/slots/SiteContext.ts

@@ -15,10 +15,9 @@ export interface SiteContextProps {
   direction: DirectionType;
   theme: ThemeName[];
   // 主题存在跟随系统模式，解耦实际生效主题
-  // 应使用isDark而非theme.includes('dark')等来判断当前主题
-  isDark: boolean;
+  // 应使用 isDark 而非 theme.includes('dark') 等来判断当前主题
+  isDark?: boolean;
   updateSiteConfig: (props: Partial<SiteContextProps>) => void;
-
   dynamicTheme?: {
     algorithm?: 'light' | 'dark';
     token: Record<string, string | number>;

CHANGELOG.en-US.md

@@ -164,7 +164,8 @@ tag: vVERSION
 - 🛠 MISC: Remove React 19 compatibility code, antd now supports React 19 by default. [#55274](https://github.com/ant-design/ant-design/pull/55274) [@li-jia-nan](https://github.com/li-jia-nan)
 - 🛠 MISC: Remove `copy-to-clipboard` deps. [#54448](https://github.com/ant-design/ant-design/pull/54448) [@765477020](https://github.com/765477020)
 - 🔥 MISC: Raise build target which will not support IE anymore. [#53390](https://github.com/ant-design/ant-design/pull/53390) [@zombieJ](https://github.com/zombieJ)
-- 🆕 MISC: Color-related components now support preset color names (e.g., `red`, `blue`, `green`, etc.). [#53241](https://github.com/ant-design/ant-design/pull/53241) [@zombieJ](https://github.com/zombieJ)
+- 🔥 MISC: Enabled `React Compiler` in the bundled outputs `antd.js` and `antd.min.js` to improve performance. Users in CJS/ESM environments can choose to enable it as needed. For more details, refer to the [React documentation](https://react.dev/learn/react-compiler). [#55781](https://github.com/ant-design/ant-design/pull/55781) [@li-jia-nan](https://github.com/li-jia-nan)
+- 🔥 MISC: Color-related components now support preset color names (e.g., `red`, `blue`, `green`, etc.). [#53241](https://github.com/ant-design/ant-design/pull/53241) [@zombieJ](https://github.com/zombieJ)
 - 🌐 Add Marathi locale translation. [#55179](https://github.com/ant-design/ant-design/pull/55179) [@divyeshagrawal](https://github.com/divyeshagrawal)
 - TypeScript
   - 🤖 Optimize Notification `duration` definition, now disable close is `false`. [#55580](https://github.com/ant-design/ant-design/pull/55580) [@wanpan11](https://github.com/wanpan11)

CHANGELOG.zh-CN.md

@@ -164,7 +164,8 @@ tag: vVERSION
 - 🛠 杂项：移除 React 19 兼容代码，现在 antd 默认支持 React 19。[#55274](https://github.com/ant-design/ant-design/pull/55274) [@li-jia-nan](https://github.com/li-jia-nan)
 - 🛠 杂项：移除 `copy-to-clipboard` 依赖。[#54448](https://github.com/ant-design/ant-design/pull/54448) [@765477020](https://github.com/765477020)
 - 🔥 杂项：提升构建目标版本，不再支持 IE。[#53390](https://github.com/ant-design/ant-design/pull/53390) [@zombieJ](https://github.com/zombieJ)
-- 🆕 杂项：颜色相关组件现在支持预设颜色名（如 `red`, `blue`, `green` 等等）。[#53241](https://github.com/ant-design/ant-design/pull/53241) [@zombieJ](https://github.com/zombieJ)
+- 🔥 杂项：在打包产物 `antd.js` 以及 `antd.min.js` 中启用了 `React Compiler` 以优化性能，对使用 CJS/ESM 场景的用户可自行选择开启，参考[React 官方文档](https://zh-hans.react.dev/learn/react-compiler)。 [#55781](https://github.com/ant-design/ant-design/pull/55781) [@li-jia-nan](https://github.com/li-jia-nan)
+- 🔥 杂项：颜色相关组件现在支持预设颜色名（如 `red`, `blue`, `green` 等等）。[#53241](https://github.com/ant-design/ant-design/pull/53241) [@zombieJ](https://github.com/zombieJ)
 - 🌐 添加马拉地语国际化翻译。[#55179](https://github.com/ant-design/ant-design/pull/55179) [@divyeshagrawal](https://github.com/divyeshagrawal)
 - TypeScript
   - 🤖 优化 Notification `duration` 定义，现在禁止关闭为 `false`。[#55580](https://github.com/ant-design/ant-design/pull/55580) [@wanpan11](https://github.com/wanpan11)

components/_util/ContextIsolator.tsx

@@ -2,12 +2,13 @@ import React from 'react';
 
 import { NoFormStyle } from '../form/context';
 import { NoCompactStyle } from '../space/Compact';
+import isNonNullable from './isNonNullable';
 
 const ContextIsolator: React.FC<
   Readonly<React.PropsWithChildren<Partial<Record<'space' | 'form', boolean>>>>
 > = (props) => {
   const { space, form, children } = props;
-  if (children === undefined || children === null) {
+  if (!isNonNullable(children)) {
     return null;
   }
   let result: React.ReactNode = children;

components/_util/convertToTooltipProps.ts

@@ -1,20 +1,19 @@
 import type { ReactNode } from 'react';
 import { isValidElement } from 'react';
+
 import type { TooltipProps } from '../tooltip';
+import isNonNullable from './isNonNullable';
 
-function convertToTooltipProps<P extends TooltipProps>(tooltip: P | ReactNode): P | null {
-  // isNil
-  if (tooltip === undefined || tooltip === null) {
+const convertToTooltipProps = <P extends TooltipProps>(tooltip: P | ReactNode) => {
+  if (!isNonNullable(tooltip)) {
     return null;
   }
 
   if (typeof tooltip === 'object' && !isValidElement(tooltip)) {
     return tooltip as P;
   }
 
-  return {
-    title: tooltip,
-  } as P;
-}
+  return { title: tooltip } as P;
+};
 
 export default convertToTooltipProps;

components/_util/isNonNullable.ts

@@ -1,3 +1,5 @@
+// \b([A-Za-z_$][\w$]*)\s*!==\s*(?:undefined\s*&&\s*\1\s*!==\s*null|null\s*&&\s*\1\s*!==\s*undefined)\b
+// \b([A-Za-z_$][\w$\.]*)\s*===\s*(?:undefined|null)\s*\|\|\s*\1\s*===\s*(?:undefined|null)\b
 const isNonNullable = <T>(val: T): val is NonNullable<T> => {
   return val !== undefined && val !== null;
 };

components/_util/toList.ts

@@ -1,5 +1,7 @@
+import isNonNullable from './isNonNullable';
+
 const toList = <T>(candidate: T | T[], skipEmpty = false): T[] => {
-  if (skipEmpty && (candidate === undefined || candidate === null)) {
+  if (skipEmpty && !isNonNullable(candidate)) {
     return [];
   }
   return Array.isArray(candidate) ? candidate : [candidate];

components/badge/index.tsx

@@ -118,8 +118,7 @@ const InternalBadge = React.forwardRef<HTMLSpanElement, BadgeProps>((props, ref)
 
   const isHidden = useMemo(() => {
     const isEmpty =
-      (mergedCount === null || mergedCount === undefined || mergedCount === '') &&
-      (text === undefined || text === null || text === '');
+      (!isNonNullable(mergedCount) || mergedCount === '') && (!isNonNullable(text) || text === '');
     return (isEmpty || (isZero && !showZero)) && !showAsDot;
   }, [mergedCount, isZero, showZero, showAsDot, text]);
 

components/breadcrumb/useItemRender.tsx

@@ -2,6 +2,7 @@ import * as React from 'react';
 import pickAttrs from '@rc-component/util/lib/pickAttrs';
 import { clsx } from 'clsx';
 
+import isNonNullable from '../_util/isNonNullable';
 import type { BreadcrumbProps, InternalRouteType, ItemType } from './Breadcrumb';
 
 type AddParameters<TFunction extends (...args: any) => any, TParameters extends [...args: any]> = (
@@ -12,7 +13,7 @@ type ItemRender = NonNullable<BreadcrumbProps['itemRender']>;
 type InternalItemRenderParams = AddParameters<ItemRender, [href?: string]>;
 
 function getBreadcrumbName(route: InternalRouteType, params: any) {
-  if (route.title === undefined || route.title === null) {
+  if (!isNonNullable(route.title)) {
     return null;
   }
   const paramsKeys = Object.keys(params).join('|');
@@ -30,17 +31,14 @@ export function renderItem(
   children: React.ReactNode,
   href?: string,
 ) {
-  if (children === null || children === undefined) {
+  if (!isNonNullable(children)) {
     return null;
   }
 
   const { className, onClick, ...restItem } = item;
 
   const passedProps = {
-    ...pickAttrs(restItem, {
-      data: true,
-      aria: true,
-    }),
+    ...pickAttrs(restItem, { data: true, aria: true }),
     onClick,
   };