chore: auto merge branches (ant-design#44629)

chore: feature merge master

.github/workflows/mock-project-build.yml

@@ -18,7 +18,7 @@ jobs:
     name: Build Project
     steps:
       - name: checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - uses: actions/setup-node@v3
         with:

.github/workflows/pr-contributor-welcome.yml

@@ -15,7 +15,7 @@ jobs:
       require-result: ${{ steps.contributors.outputs.content }}
     steps:
       - name: Checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
       - name: Read contributors.json
         id: contributors
         uses: juliangruber/read-file-action@v1

.github/workflows/preview-build.yml

@@ -21,7 +21,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: cache package-lock.json
         uses: actions/cache@v3
@@ -55,7 +55,7 @@ jobs:
     needs: setup
     steps:
       - name: checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: restore cache from package-lock.json
         uses: actions/cache@v3

.github/workflows/rebase.yml

@@ -16,7 +16,7 @@ jobs:
     if: github.event.issue.pull_request != '' && (contains(github.event.comment.body, '/rebase') || contains(github.event.comment.body, '\rebase'))
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v3
+    - uses: actions/checkout@v4
       with:
         fetch-depth: 0
     - name: Automatic Rebase

.github/workflows/site-deploy.yml

@@ -16,7 +16,7 @@ jobs:
     if: (startsWith(github.ref, 'refs/tags/') && (contains(github.ref_name, '-') == false)) || github.event_name == 'workflow_dispatch'
     steps:
       - name: checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: cache package-lock.json
         uses: actions/cache@v3
@@ -49,7 +49,7 @@ jobs:
     needs: setup
     steps:
       - name: checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - uses: actions/setup-node@v3
         with:

.github/workflows/size-limit.yml

@@ -23,7 +23,7 @@ jobs:
 
     steps:
       - name: checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - uses: actions/setup-node@v3
         with:

.github/workflows/test.yml

@@ -17,7 +17,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - uses: actions/setup-node@v3
         with:
@@ -53,7 +53,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - uses: actions/setup-node@v3
         with:
@@ -79,7 +79,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - uses: actions/setup-node@v3
         with:
@@ -104,7 +104,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - uses: actions/setup-node@v3
         with:
@@ -147,7 +147,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - uses: actions/setup-node@v3
         with:
@@ -188,6 +188,12 @@ jobs:
         if: ${{ matrix.module == 'dist' }}
         run: node ./tests/dekko/dist.test.js
 
+      - name: check use client
+        if: ${{ matrix.module == 'dist' }}
+        run: node ./tests/dekko/use-client.test.js
+        env:
+          LIB_DIR: dist
+
       # dom test
       - name: dom test
         if: ${{ matrix.module == 'dom' }}
@@ -225,7 +231,7 @@ jobs:
     runs-on: ubuntu-latest
     needs: [normal-test]
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
       - uses: actions/setup-node@v3
         with:
@@ -251,7 +257,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - uses: actions/setup-node@v3
         with:
@@ -286,6 +292,10 @@ jobs:
 
       - name: check
         run: node ./tests/dekko/lib.test.js
+
+      - name: check use client
+        run: node ./tests/dekko/use-client.test.js
+
     needs: setup
 
   compiled-module-test:
@@ -302,7 +312,7 @@ jobs:
       - name: checkout
         # lib only run in master branch not in pull request
         if: ${{ github.event_name != 'pull_request' || matrix.module != 'lib' }}
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - uses: actions/setup-node@v3
         with:

.github/workflows/verify-package-version.yml

@@ -15,7 +15,7 @@ jobs:
     runs-on: ubuntu-latest
     if: contains(github.event.pull_request.title, 'changelog') || contains(github.event.pull_request.title, 'release')
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
       - name: verify-version
         uses: actions-cool/verify-package-version@v1
         with:

CHANGELOG.zh-CN.md

@@ -22,8 +22,8 @@ tag: vVERSION
 
 - 🛠 针对 CSSInJS 加载 styles 大小进行了优化。
   - 🛠 Notification 和 Message 组件只有在展示时才会插入对应样式。[#44488](https://github.com/ant-design/ant-design/pull/44488)
-  - 🛠 剥离 Tag 状态与预设颜色样式，现在只有当使用的使用才会生成它们。[#44512](https://github.com/ant-design/ant-design/pull/44512)
-  - 🛠 剥离 Button 紧凑模式样式，现在只有当使用了 Space.Compact 才会生成对应样式。[#44475](https://github.com/ant-design/ant-design/pull/44475)
+  - 🛠 剥离 Tag 状态与预设颜色样式，现在只有当使用的时候才会生成它们。[#44512](https://github.com/ant-design/ant-design/pull/44512)
+  - 🛠 剥离 Button 紧凑模式样式，现在只有当使用了 Space.Compact 的时候才会生成它们。[#44475](https://github.com/ant-design/ant-design/pull/44475)
 - 📦 移除 `@ant-design/icons` 依赖 `lodash/camelCase` 以优化 bundle size。[ant-design-icons#595](https://github.com/ant-design/ant-design-icons/pull/595)
 - Form
   - 🐞 修复 Form.Item 设置 `wrapperCol.span` 为 `0` 时，子元素不隐藏的问题。[#44485](https://github.com/ant-design/ant-design/pull/44485) [#44472](https://github.com/ant-design/ant-design/pull/44472) [@crazyair](https://github.com/crazyair)

components/affix/index.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import React, { createRef, forwardRef, useContext } from 'react';
 
 import classNames from 'classnames';

components/alert/index.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import type { AlertProps } from './Alert';
 import InternalAlert from './Alert';
 import ErrorBoundary from './ErrorBoundary';

components/anchor/index.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import InternalAnchor from './Anchor';
 import AnchorLink from './AnchorLink';
 

components/app/index.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import classNames from 'classnames';
 import type { ReactNode } from 'react';
 import React, { useContext } from 'react';

components/auto-complete/index.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import classNames from 'classnames';
 import type { BaseSelectRef } from 'rc-select';
 import toArray from 'rc-util/lib/Children/toArray';

components/avatar/index.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import type { ForwardRefExoticComponent, RefAttributes } from 'react';
 import type { AvatarProps } from './avatar';
 import InternalAvatar from './avatar';

components/back-top/index.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import VerticalAlignTopOutlined from '@ant-design/icons/VerticalAlignTopOutlined';
 import classNames from 'classnames';
 import CSSMotion from 'rc-motion';

components/badge/index.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import classnames from 'classnames';
 import CSSMotion from 'rc-motion';
 import * as React from 'react';

components/breadcrumb/index.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import Breadcrumb from './Breadcrumb';
 
 export type { BreadcrumbProps } from './Breadcrumb';

components/button/index.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import Button from './button';
 
 export type { SizeType as ButtonSize } from '../config-provider/SizeContext';

components/calendar/index.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import type { Dayjs } from 'dayjs';
 import dayjsGenerateConfig from 'rc-picker/lib/generate/dayjs';
 import type { CalendarProps } from './generateCalendar';

components/card/index.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import InternalCard from './Card';
 import Grid from './Grid';
 import Meta from './Meta';

components/carousel/index.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import * as React from 'react';
 import type { Settings } from '@ant-design/react-slick';
 import SlickCarousel from '@ant-design/react-slick';

components/cascader/index.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import * as React from 'react';
 import LeftOutlined from '@ant-design/icons/LeftOutlined';
 import LoadingOutlined from '@ant-design/icons/LoadingOutlined';

components/checkbox/index.en-US.md

@@ -75,3 +75,15 @@ interface Option {
 ## Design Token
 
 <ComponentTokenTable component="Checkbox"></ComponentTokenTable>
+
+## FAQ
+
+### Why not work in Form.Item?
+
+Form.Item default bind value to `value` property, but Checkbox value property is `checked`. You can use `valuePropName` to change bind property.
+
+```tsx | pure
+<Form.Item name="fieldA" valuePropName="checked">
+  <Checkbox />
+</Form.Item>
+```

components/checkbox/index.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import type * as React from 'react';
 import type { CheckboxProps } from './Checkbox';
 import InternalCheckbox from './Checkbox';

components/checkbox/index.zh-CN.md

@@ -76,3 +76,15 @@ interface Option {
 ## 主题变量（Design Token）
 
 <ComponentTokenTable component="Checkbox"></ComponentTokenTable>
+
+## FAQ
+
+### 为什么在 Form.Item 下不能绑定数据？
+
+Form.Item 默认绑定值属性到 `value` 上，而 Checkbox 的值属性为 `checked`。你可以通过 `valuePropName` 来修改绑定的值属性。
+
+```tsx | pure
+<Form.Item name="fieldA" valuePropName="checked">
+  <Checkbox />
+</Form.Item>
+```

components/col/index.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import { Col, type ColProps, type ColSize } from '../grid';
 
 export type { ColProps, ColSize };

components/collapse/index.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import Collapse from './Collapse';
 
 export type { CollapseProps } from './Collapse';

components/color-picker/index.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import ColorPicker from './ColorPicker';
 
 export type { ColorPickerProps } from './ColorPicker';

components/config-provider/index.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { createTheme } from '@ant-design/cssinjs';
 import IconContext from '@ant-design/icons/lib/components/Context';
 import type { ValidateMessages } from 'rc-field-form/lib/interface';

components/date-picker/index.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import type { Dayjs } from 'dayjs';
 import dayjsGenerateConfig from 'rc-picker/lib/generate/dayjs';
 import genPurePanel from '../_util/PurePanel';

components/descriptions/index.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 /* eslint-disable react/no-array-index-key */
 import * as React from 'react';
 import classNames from 'classnames';

components/divider/index.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import classNames from 'classnames';
 import * as React from 'react';
 import warning from '../_util/warning';

components/drawer/index.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import classNames from 'classnames';
 import type { DrawerProps as RcDrawerProps } from 'rc-drawer';
 import RcDrawer from 'rc-drawer';

components/dropdown/index.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import InternalDropdown from './dropdown';
 import DropdownButton from './dropdown-button';
 

components/empty/index.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import classNames from 'classnames';
 import * as React from 'react';
 import { ConfigContext } from '../config-provider';

components/float-button/index.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import BackTop from './BackTop';
 import FloatButton from './FloatButton';
 import FloatButtonGroup from './FloatButtonGroup';