chore(deps): update dependency @eslint-react/eslint-plugin to v2.13.0 (#57004)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

components/_util/__tests__/type.test.tsx

@@ -99,12 +99,5 @@ describe('type', () => {
       const bamboo: BambooType = 123;
       expect(bamboo).toBeTruthy();
     });
-    it('Type is return', () => {
-      interface Props {
-        classNames?: { root?: string } | ((props: any) => { root?: string });
-      }
-      const result: GetProp<Props, 'classNames', 'Return'> = { root: '123' };
-      expect(result).toBeTruthy();
-    });
   });
 });

components/_util/fallbackProp.ts

@@ -1,12 +0,0 @@
-/**
- * Search for the first non-undefined value in the arguments and return it.
- *
- * ```js
- * const mergedIcon = fallbackProp(propIcon, contextIcon, defaultIcon);
- * ```
- *
- * Note: it is different from `??` operator which skips null
- */
-export default function fallbackProp<T>(...args: T[]): T | undefined {
-  return args.find((arg) => arg !== undefined);
-}

components/_util/type.ts

@@ -55,12 +55,7 @@ export type GetProps<T extends React.ComponentType<any> | object> =
 export type GetProp<
   T extends React.ComponentType<any> | object,
   PropName extends keyof GetProps<T>,
-  Type extends 'Default' | 'Return' = 'Default',
-> = Type extends 'Default'
-  ? NonNullable<GetProps<T>[PropName]>
-  : Type extends 'Return'
-    ? ReturnType<Extract<NonNullable<GetProps<T>[PropName]>, (...args: any[]) => unknown>>
-    : never;
+> = NonNullable<GetProps<T>[PropName]>;
 
 type ReactRefComponent<Props extends { ref?: React.Ref<any> | string }> = (
   props: Props,

components/app/App.tsx

@@ -21,7 +21,7 @@ export interface AppProps<P = AnyObject> extends AppConfig {
   component?: CustomComponent<P> | false;
 }
 
-const App = React.forwardRef<HTMLElement, AppProps>((props, ref) => {
+const App: React.FC<AppProps> = (props) => {
   const {
     prefixCls: customizePrefixCls,
     children,
@@ -79,12 +79,6 @@ const App = React.forwardRef<HTMLElement, AppProps>((props, ref) => {
     'When using cssVar, ensure `component` is assigned a valid React component string.',
   );
 
-  devUseWarning('App')(
-    !ref || component !== false,
-    'usage',
-    '`ref` is not supported when `component` is `false`. Please provide a valid `component` instead.',
-  );
-
   // ============================ Render ============================
   const Component = component === false ? React.Fragment : component;
 
@@ -96,7 +90,7 @@ const App = React.forwardRef<HTMLElement, AppProps>((props, ref) => {
   return (
     <AppContext.Provider value={memoizedContextValue}>
       <AppConfigContext.Provider value={mergedAppConfig}>
-        <Component {...(component === false ? undefined : { ...rootProps, ref })}>
+        <Component {...(component === false ? undefined : rootProps)}>
           {ModalContextHolder}
           {messageContextHolder}
           {notificationContextHolder}
@@ -105,7 +99,7 @@ const App = React.forwardRef<HTMLElement, AppProps>((props, ref) => {
       </AppConfigContext.Provider>
     </AppContext.Provider>
   );
-});
+};
 
 if (process.env.NODE_ENV !== 'production') {
   App.displayName = 'App';

components/app/__tests__/index.test.tsx

@@ -247,20 +247,5 @@ describe('App', () => {
         'Warning: [antd: App] When using cssVar, ensure `component` is assigned a valid React component string.',
       );
     });
-
-    it('should warn if component is false and ref is not empty', () => {
-      const domRef = React.createRef<HTMLSpanElement>();
-      render(<App ref={domRef} component={false} />);
-
-      expect(errorSpy).toHaveBeenCalledWith(
-        'Warning: [antd: App] `ref` is not supported when `component` is `false`. Please provide a valid `component` instead.',
-      );
-    });
-
-    it('App should support Ref', () => {
-      const domRef = React.createRef<HTMLSpanElement>();
-      const { container } = render(<App ref={domRef} className="bamboo" component="span" />);
-      expect(domRef.current).toBe(container.querySelector('.bamboo'));
-    });
   });
 });

components/cascader/__tests__/index.test.tsx

@@ -907,115 +907,4 @@ describe('Cascader', () => {
       expect(screen.getAllByText('bamboo').length).toBe(1);
     });
   });
-
-  describe('clearIcon', () => {
-    it('should support custom clearIcon', () => {
-      render(
-        <Cascader
-          open
-          allowClear={{ clearIcon: <div>bamboo</div> }}
-          options={options}
-          defaultValue={['zhejiang', 'hangzhou']}
-        />,
-      );
-      expect(screen.getAllByText('bamboo').length).toBe(1);
-    });
-
-    it('should support ConfigProvider clearIcon', () => {
-      render(
-        <ConfigProvider cascader={{ clearIcon: <div>foobar</div> }}>
-          <Cascader options={options} defaultValue={['zhejiang', 'hangzhou']} allowClear />
-        </ConfigProvider>,
-      );
-      expect(screen.getAllByText('foobar').length).toBe(1);
-    });
-
-    it('should prefer prop clearIcon over ConfigProvider clearIcon', () => {
-      render(
-        <ConfigProvider cascader={{ clearIcon: <div>foobar</div> }}>
-          <Cascader
-            allowClear={{ clearIcon: <div>bamboo</div> }}
-            options={options}
-            defaultValue={['zhejiang', 'hangzhou']}
-          />
-        </ConfigProvider>,
-      );
-      expect(screen.getAllByText('bamboo').length).toBe(1);
-    });
-  });
-
-  describe('removeIcon', () => {
-    it('should support custom removeIcon', () => {
-      render(
-        <Cascader
-          multiple
-          removeIcon={<div>bamboo</div>}
-          options={options}
-          defaultValue={[
-            ['zhejiang', 'hangzhou'],
-            ['jiangsu', 'nanjing'],
-          ]}
-        />,
-      );
-      expect(screen.getAllByText('bamboo').length).toBe(2);
-    });
-
-    it('should support ConfigProvider removeIcon', () => {
-      render(
-        <ConfigProvider cascader={{ removeIcon: <div>foobar</div> }}>
-          <Cascader
-            multiple
-            options={options}
-            defaultValue={[
-              ['zhejiang', 'hangzhou'],
-              ['jiangsu', 'nanjing'],
-            ]}
-          />
-        </ConfigProvider>,
-      );
-      expect(screen.getAllByText('foobar').length).toBe(2);
-    });
-
-    it('should prefer prop removeIcon over ConfigProvider removeIcon', () => {
-      render(
-        <ConfigProvider cascader={{ removeIcon: <div>foobar</div> }}>
-          <Cascader
-            multiple
-            options={options}
-            defaultValue={[
-              ['zhejiang', 'hangzhou'],
-              ['jiangsu', 'nanjing'],
-            ]}
-            removeIcon={<div>bamboo</div>}
-          />
-        </ConfigProvider>,
-      );
-      expect(screen.getAllByText('bamboo').length).toBe(2);
-    });
-  });
-
-  describe('searchIcon', () => {
-    it('should support custom searchIcon', () => {
-      render(<Cascader open showSearch={{ searchIcon: <div>bamboo</div> }} options={options} />);
-      expect(screen.getAllByText('bamboo').length).toBe(1);
-    });
-
-    it('should support ConfigProvider searchIcon', () => {
-      render(
-        <ConfigProvider cascader={{ searchIcon: <div>foobar</div> }}>
-          <Cascader open options={options} showSearch />
-        </ConfigProvider>,
-      );
-      expect(screen.getAllByText('foobar').length).toBe(1);
-    });
-
-    it('should prefer prop searchIcon over ConfigProvider searchIcon', () => {
-      render(
-        <ConfigProvider cascader={{ searchIcon: <div>foobar</div> }}>
-          <Cascader open showSearch={{ searchIcon: <div>bamboo</div> }} options={options} />
-        </ConfigProvider>,
-      );
-      expect(screen.getAllByText('bamboo').length).toBe(1);
-    });
-  });
 });

components/cascader/index.en-US.md

@@ -111,7 +111,6 @@ Common props ref：[Common props](/docs/react/common-props)
 | sort | Used to sort filtered options | function(a, b, inputValue) | - |  |
 | searchValue | Set search value, Need work with `showSearch` | string | - | 4.17.0 |
 | onSearch | The callback function triggered when input changed | (search: string) => void | - | 4.17.0 |
-| searchIcon | Customize the search icon | ReactNode | - | 6.3.0 |
 
 ### Option
 

components/cascader/index.tsx

@@ -166,9 +166,6 @@ export interface CascaderProps<
   bordered?: boolean;
   placement?: SelectCommonPlacement;
   suffixIcon?: React.ReactNode;
-  showSearch?:
-    | boolean
-    | (SearchConfig<OptionType, keyof OptionType> & { searchIcon?: React.ReactNode });
   options?: OptionType[];
   status?: InputStatus;
 
@@ -247,12 +244,11 @@ const Cascader = React.forwardRef<CascaderRef, CascaderProps<any>>((props, ref)
     styles,
     classNames,
     loadingIcon,
-    clearIcon,
-    removeIcon,
-    suffixIcon,
-    ...restProps
+    ...rest
   } = props;
 
+  const restProps = omit(rest, ['suffixIcon']);
+
   const {
     getPrefixCls,
     getPopupContainer: getContextPopupContainer,
@@ -262,10 +258,6 @@ const Cascader = React.forwardRef<CascaderRef, CascaderProps<any>>((props, ref)
     styles: contextStyles,
     expandIcon: contextExpandIcon,
     loadingIcon: contextLoadingIcon,
-    clearIcon: contextClearIcon,
-    removeIcon: contextRemoveIcon,
-    suffixIcon: contextSuffixIcon,
-    searchIcon: contextSearchIcon,
   } = useComponentConfig('cascader');
 
   const { popupOverflow } = React.useContext(ConfigContext);
@@ -375,21 +367,9 @@ const Cascader = React.forwardRef<CascaderRef, CascaderProps<any>>((props, ref)
 
   // ===================== Icons =====================
   const showSuffixIcon = useShowArrow(props.suffixIcon, showArrow);
-  const {
-    suffixIcon: mergedSuffixIcon,
-    removeIcon: mergedRemoveIcon,
-    clearIcon: mergedClearIcon,
-  } = useSelectIcons({
+  const { suffixIcon, removeIcon, clearIcon } = useSelectIcons({
     ...props,
-    clearIcon,
-    contextClearIcon,
-    removeIcon,
-    contextRemoveIcon,
     loadingIcon: mergedLoadingIcon,
-    suffixIcon,
-    contextSuffixIcon,
-    searchIcon: typeof showSearch === 'object' && showSearch ? showSearch.searchIcon : undefined,
-    contextSearchIcon,
     hasFeedback,
     feedbackIcon,
     showSuffixIcon,
@@ -406,7 +386,7 @@ const Cascader = React.forwardRef<CascaderRef, CascaderProps<any>>((props, ref)
     return isRtl ? 'bottomRight' : 'bottomLeft';
   }, [placement, isRtl]);
 
-  const mergedAllowClear = allowClear === true ? { clearIcon: mergedClearIcon } : allowClear;
+  const mergedAllowClear = allowClear === true ? { clearIcon } : allowClear;
 
   // =========== Merged Props for Semantic ==========
   const mergedProps: CascaderProps<any> = {
@@ -488,8 +468,8 @@ const Cascader = React.forwardRef<CascaderRef, CascaderProps<any>>((props, ref)
       allowClear={mergedAllowClear}
       showSearch={mergedShowSearch}
       expandIcon={mergedExpandIcon}
-      suffixIcon={mergedSuffixIcon}
-      removeIcon={mergedRemoveIcon}
+      suffixIcon={suffixIcon}
+      removeIcon={removeIcon}
       loadingIcon={mergedLoadingIcon}
       checkable={checkable}
       popupClassName={mergedPopupClassName}

components/cascader/index.zh-CN.md

@@ -114,7 +114,6 @@ demo:
 | sort | 用于排序 filter 后的选项 | function(a, b, inputValue) | - |  |
 | searchValue | 设置搜索的值，需要与 `showSearch` 配合使用 | string | - | 4.17.0 |
 | onSearch | 监听搜索，返回输入的值 | (search: string) => void | - | 4.17.0 |
-| searchIcon | 自定义的搜索图标 | ReactNode | - | 6.3.0 |
 
 ### Option
 

components/config-provider/__tests__/form.test.tsx

@@ -229,34 +229,6 @@ describe('ConfigProvider.Form', () => {
     });
   });
 
-  describe('form labelAlign', () => {
-    it('set labelAlign left', () => {
-      const { container } = render(
-        <ConfigProvider form={{ labelAlign: 'left' }}>
-          <Form>
-            <Form.Item label="姓名">
-              <input />
-            </Form.Item>
-          </Form>
-        </ConfigProvider>,
-      );
-      expect(container.querySelector('.ant-form-item-label-left')).toBeTruthy();
-    });
-
-    it('form labelAlign should override ConfigProvider labelAlign', () => {
-      const { container } = render(
-        <ConfigProvider form={{ labelAlign: 'left' }}>
-          <Form labelAlign="right">
-            <Form.Item label="姓名">
-              <input />
-            </Form.Item>
-          </Form>
-        </ConfigProvider>,
-      );
-      expect(container.querySelector('.ant-form-item-label-left')).toBeFalsy();
-    });
-  });
-
   describe('form disabled', () => {
     it('set Input enabled', () => {
       const { container } = render(

components/config-provider/__tests__/theme.test.tsx

@@ -2,7 +2,7 @@ import React, { useEffect } from 'react';
 import { Modal } from 'antd';
 
 import ConfigProvider from '..';
-import { Button, InputNumber, Select, Space } from '../..';
+import { Button, InputNumber, Select } from '../..';
 import { render, waitFakeTimer } from '../../../tests/utils';
 import theme from '../../theme';
 import type { GlobalToken } from '../../theme/internal';
@@ -113,21 +113,6 @@ describe('ConfigProvider.Theme', () => {
     ).toBeTruthy();
   });
 
-  it('should support Addon component token', () => {
-    const { container } = render(
-      <ConfigProvider theme={{ components: { Addon: { colorText: '#0000FF', algorithm: true } } }}>
-        <Space.Compact>
-          <Space.Addon className="test-addon">Addon Content</Space.Addon>
-        </Space.Compact>
-      </ConfigProvider>,
-    );
-
-    const addon = container.querySelector('.test-addon')!;
-    expect(addon).toHaveStyle({
-      '--ant-color-text': '#0000FF',
-    });
-  });
-
   it('hashed should be true if not changed', () => {
     let hashId = 'hashId';
 

components/config-provider/context.ts

@@ -302,7 +302,6 @@ export type FormConfig = ComponentStyleConfig &
     | 'classNames'
     | 'styles'
     | 'tooltip'
-    | 'labelAlign'
   >;
 
 export type FloatButtonConfig = ComponentStyleConfig &
@@ -373,10 +372,7 @@ export type InputNumberConfig = ComponentStyleConfig &
   Pick<InputNumberProps, 'variant' | 'classNames' | 'styles'>;
 
 export type CascaderConfig = ComponentStyleConfig &
-  Pick<
-    CascaderProps,
-    'variant' | 'styles' | 'classNames' | 'expandIcon' | 'loadingIcon' | 'removeIcon' | 'suffixIcon'
-  > & { clearIcon?: React.ReactNode; searchIcon?: React.ReactNode };
+  Pick<CascaderProps, 'variant' | 'styles' | 'classNames' | 'expandIcon' | 'loadingIcon'>;
 
 export type TreeSelectConfig = ComponentStyleConfig &
   Pick<TreeSelectProps, 'variant' | 'classNames' | 'styles' | 'switcherIcon'>;

components/config-provider/index.en-US.md

@@ -119,7 +119,7 @@ const {
 | cardMeta | Set Card.Meta common props | { className?: string, style?: React.CSSProperties, classNames?: [CardMetaProps\["classNames"\]](/components/card#semantic-dom), styles?: [CardMetaProps\["styles"\]](/components/card#semantic-dom) } | - | 6.0.0 |
 | calendar | Set Calendar common props | { className?: string, style?: React.CSSProperties, classNames?: [CalendarConfig\["classNames"\]](/components/calendar#semantic-dom), styles?: [CalendarConfig\["styles"\]](/components/calendar#semantic-dom) } | - | 5.7.0, `classNames` and `styles`: 6.0.0 |
 | carousel | Set Carousel common props | { className?: string, style?: React.CSSProperties } | - | 5.7.0 |
-| cascader | Set Cascader common props | { className?: string, style?: React.CSSProperties, classNames?: [CascaderConfig\["classNames"\]](/components/cascader#semantic-dom), styles?: [CascaderConfig\["styles"\]](/components/cascader#semantic-dom), expandIcon?: React.ReactNode, loadingIcon?: React.ReactNode, searchIcon?: React.ReactNode, clearIcon?: React.ReactNode, removeIcon?: React.ReactNode, suffixIcon?: React.ReactNode } | - | 5.7.0, `classNames` and `styles`: 6.0.0, `expandIcon`, `loadingIcon`, `searchIcon`, `clearIcon`, `removeIcon`, `suffixIcon`: 6.4.0 |
+| cascader | Set Cascader common props | { className?: string, style?: React.CSSProperties, classNames?: [CascaderConfig\["classNames"\]](/components/cascader#semantic-dom), styles?: [CascaderConfig\["styles"\]](/components/cascader#semantic-dom), expandIcon?: React.ReactNode, loadingIcon?: React.ReactNode } | - | 5.7.0, `classNames` and `styles`: 6.0.0, `expandIcon` and `loadingIcon`: 6.3.0 |
 | checkbox | Set Checkbox common props | { className?: string, style?: React.CSSProperties, classNames?: [CheckboxConfig\["classNames"\]](/components/checkbox#semantic-dom), styles?: [CheckboxConfig\["styles"\]](/components/checkbox#semantic-dom) } | - | 5.7.0, `classNames` and `styles`: 6.0.0 |
 | collapse | Set Collapse common props | { className?: string, style?: React.CSSProperties, expandIcon?: (props) => ReactNode, classNames?: [CollapseProps\["classNames"\]](/components/collapse#semantic-dom), styles?: [CollapseProps\["styles"\]](/components/collapse#semantic-dom) } | - | 5.7.0, `expandIcon`: 5.15.0, `classNames` and `styles`: 6.0.0 |
 | colorPicker | Set ColorPicker common props | { className?: string, style?: React.CSSProperties, classNames?: [ColorPickerConfig\["classNames"\]](/components/color-picker#semantic-dom), styles?: [ColorPickerConfig\["styles"\]](/components/color-picker#semantic-dom) } | - | 5.7.0 |
@@ -133,7 +133,7 @@ const {
 | flex | Set Flex common props | { className?: string, style?: React.CSSProperties, vertical?: boolean } | - | 5.10.0 |
 | floatButton | Set FloatButton common props | { className?: string, style?: React.CSSProperties, classNames?: [FloatButtonProps\["classNames"\]](/components/float-button#semantic-dom), styles?: [FloatButtonProps\["styles"\]](/components/float-button#semantic-dom), backTopIcon?: React.ReactNode } | - |  |
 | floatButtonGroup | Set FloatButton.Group common props | { closeIcon?: React.ReactNode, className?: string, style?: React.CSSProperties, classNames?: [FloatButtonProps\["classNames"\]](/components/float-button#semantic-dom), styles?: [FloatButtonProps\["styles"\]](/components/float-button#semantic-dom) } | - |  |
-| form | Set Form common props | { className?: string, style?: React.CSSProperties, validateMessages?: [ValidateMessages](/components/form/#validatemessages), requiredMark?: boolean \| `optional`, scrollToFirstError?: boolean \| [Options](https://github.com/stipsan/scroll-into-view-if-needed/tree/ece40bd9143f48caf4b99503425ecb16b0ad8249#options), classNames?:[FormConfig\["classNames"\]](/components/form#semantic-dom), styles?: [FormConfig\["styles"\]](/components/form#semantic-dom), tooltip?: [TooltipProps](/components/tooltip#api) & { icon?: ReactNode }, labelAlign?: `left` \| `right` } | - | `requiredMark`: 4.8.0; `colon`: 4.18.0; `scrollToFirstError`: 5.2.0; `className` and `style`: 5.7.0; `tooltip`: 6.3.0; `labelAlign`: 6.4.0 |
+| form | Set Form common props | { className?: string, style?: React.CSSProperties, validateMessages?: [ValidateMessages](/components/form/#validatemessages), requiredMark?: boolean \| `optional`, scrollToFirstError?: boolean \| [Options](https://github.com/stipsan/scroll-into-view-if-needed/tree/ece40bd9143f48caf4b99503425ecb16b0ad8249#options), classNames?:[FormConfig\["classNames"\]](/components/form#semantic-dom), styles?: [FormConfig\["styles"\]](/components/form#semantic-dom), tooltip?: [TooltipProps](/components/tooltip#api) & { icon?: ReactNode } } | - | `requiredMark`: 4.8.0; `colon`: 4.18.0; `scrollToFirstError`: 5.2.0; `className` and `style`: 5.7.0; `tooltip`: 6.3.0 |
 | image | Set Image common props | { className?: string, style?: React.CSSProperties, preview?: { closeIcon?: React.ReactNode, classNames?:[ImageConfig\["classNames"\]](/components/image#semantic-dom), styles?: [ImageConfig\["styles"\]](/components/image#semantic-dom) }, fallback?: string } | - | 5.7.0, `closeIcon`: 5.14.0, `classNames` and `styles`: 6.0.0 |
 | input | Set Input common props | { autoComplete?: string, className?: string, style?: React.CSSProperties, allowClear?: boolean \| { clearIcon?: ReactNode } } | - | 4.2.0, `allowClear`: 5.15.0 |
 | inputNumber | Set InputNumber common props | { className?: string, style?: React.CSSProperties, classNames?: [InputNumberConfig\["classNames"\]](/components/input-number#semantic-dom), styles?: [InputNumberConfig\["styles"\]](/components/input-number#semantic-dom) } | - |  |

components/config-provider/index.zh-CN.md

@@ -121,7 +121,7 @@ const {
 | card | 设置 Card 组件的通用属性 | { className?: string, style?: React.CSSProperties, classNames?: [CardProps\["classNames"\]](/components/card-cn#semantic-dom), styles?: [CardProps\["styles"\]](/components/card-cn#semantic-dom) } | - | 5.7.0, `classNames` 和 `styles`: 5.14.0 |
 | cardMeta | 设置 Card.Meta 组件的通用属性 | { className?: string, style?: React.CSSProperties, classNames?: [CardMetaProps\["classNames"\]](/components/card-cn#semantic-dom), styles?: [CardMetaProps\["styles"\]](/components/card-cn#semantic-dom) } | - | 6.0.0 |
 | carousel | 设置 Carousel 组件的通用属性 | { className?: string, style?: React.CSSProperties } | - | 5.7.0 |
-| cascader | 设置 Cascader 组件的通用属性 | { className?: string, style?: React.CSSProperties, classNames?: [CascaderConfig\["classNames"\]](/components/cascader#semantic-dom), styles?: [CascaderConfig\["styles"\]](/components/cascader#semantic-dom), expandIcon?: React.ReactNode, loadingIcon?: React.ReactNode, searchIcon?: React.ReactNode, clearIcon?: React.ReactNode, removeIcon?: React.ReactNode, suffixIcon?: React.ReactNode } | - | 5.7.0, `classNames` 和 `styles`: 6.0.0, `expandIcon`, `loadingIcon`, `searchIcon`, `clearIcon`, `removeIcon`, `suffixIcon`: 6.4.0 |
+| cascader | 设置 Cascader 组件的通用属性 | { className?: string, style?: React.CSSProperties, classNames?: [CascaderConfig\["classNames"\]](/components/cascader#semantic-dom), styles?: [CascaderConfig\["styles"\]](/components/cascader#semantic-dom), expandIcon?: React.ReactNode, loadingIcon?: React.ReactNode } | - | 5.7.0, `classNames` 和 `styles`: 6.0.0, `expandIcon` 和 `loadingIcon`: 6.3.0 |
 | checkbox | 设置 Checkbox 组件的通用属性 | { className?: string, style?: React.CSSProperties, classNames?: [CheckboxConfig\["classNames"\]](/components/checkbox-cn#semantic-dom), styles?: [CheckboxConfig\["styles"\]](/components/checkbox-cn#semantic-dom) } | - | 5.7.0, `classNames` 和 `styles`: 6.0.0 |
 | collapse | 设置 Collapse 组件的通用属性 | { className?: string, style?: React.CSSProperties, expandIcon?: (props) => ReactNode, classNames?: [CollapseProps\["classNames"\]](/components/collapse-cn#semantic-dom), styles?: [CollapseProps\["styles"\]](/components/collapse-cn#semantic-dom) } | - | 5.7.0, `expandIcon`: 5.15.0, `classNames` 和 `styles`: 6.0.0 |
 | colorPicker | 设置 ColorPicker 组件的通用属性 | { className?: string, style?: React.CSSProperties, classNames?: [ColorPickerConfig\["classNames"\]](/components/color-picker-cn#semantic-dom), styles?: [ColorPickerConfig\["styles"\]](/components/color-picker-cn#semantic-dom) } | - | 5.7.0 |
@@ -135,7 +135,7 @@ const {
 | flex | 设置 Flex 组件的通用属性 | { className?: string, style?: React.CSSProperties, vertical?: boolean } | - | 5.10.0 |
 | floatButton | 设置 FloatButton 组件的通用属性 | { className?: string, style?: React.CSSProperties, classNames?: [FloatButtonProps\["classNames"\]](/components/float-button-cn#semantic-dom), styles?: [FloatButtonProps\["styles"\]](/components/float-button-cn#semantic-dom), backTopIcon?: React.ReactNode } | - |  |
 | floatButtonGroup | 设置 FloatButton.Group 组件的通用属性 | { closeIcon?: React.ReactNode, className?: string, style?: React.CSSProperties, classNames?: [FloatButtonProps\["classNames"\]](/components/float-button-cn#semantic-dom), styles?: [FloatButtonProps\["styles"\]](/components/float-button-cn#semantic-dom) } | - |  |
-| form | 设置 Form 组件的通用属性 | { className?: string, style?: React.CSSProperties, validateMessages?: [ValidateMessages](/components/form-cn#validatemessages), requiredMark?: boolean \| `optional`, colon?: boolean, scrollToFirstError?: boolean \| [Options](https://github.com/stipsan/scroll-into-view-if-needed/tree/ece40bd9143f48caf4b99503425ecb16b0ad8249#options), classNames?:[FormConfig\["classNames"\]](/components/form-cn#semantic-dom), styles?: [FormConfig\["styles"\]](/components/form-cn#semantic-dom), tooltip?: [TooltipProps](/components/tooltip-cn#api) & { icon?: ReactNode }, labelAlign?: `left` \| `right` } | - | `requiredMark`: 4.8.0; `colon`: 4.18.0; `scrollToFirstError`: 5.2.0; `className` 和 `style`: 5.7.0; `tooltip`: 6.3.0; `labelAlign`: 6.4.0 |
+| form | 设置 Form 组件的通用属性 | { className?: string, style?: React.CSSProperties, validateMessages?: [ValidateMessages](/components/form-cn#validatemessages), requiredMark?: boolean \| `optional`, colon?: boolean, scrollToFirstError?: boolean \| [Options](https://github.com/stipsan/scroll-into-view-if-needed/tree/ece40bd9143f48caf4b99503425ecb16b0ad8249#options), classNames?:[FormConfig\["classNames"\]](/components/form-cn#semantic-dom), styles?: [FormConfig\["styles"\]](/components/form-cn#semantic-dom), tooltip?: [TooltipProps](/components/tooltip-cn#api) & { icon?: ReactNode } } | - | `requiredMark`: 4.8.0; `colon`: 4.18.0; `scrollToFirstError`: 5.2.0; `className` 和 `style`: 5.7.0; `tooltip`: 6.3.0 |
 | image | 设置 Image 组件的通用属性 | { className?: string, style?: React.CSSProperties, preview?: { closeIcon?: React.ReactNode, classNames?:[ImageConfig\["classNames"\]](/components/image-cn#semantic-dom), styles?: [ImageConfig\["styles"\]](/components/image-cn#semantic-dom) }, fallback?: string } | - | 5.7.0, `closeIcon`: 5.14.0, `classNames` 和 `styles`: 6.0.0 |
 | input | 设置 Input 组件的通用属性 | { autoComplete?: string, className?: string, style?: React.CSSProperties,classNames?:[InputConfig\["classNames"\]](/components/input-cn#semantic-input), styles?: [InputConfig\["styles"\]](/components/input-cn#semantic-input), allowClear?: boolean \| { clearIcon?: ReactNode } } | - | 5.7.0, `allowClear`: 5.15.0 |
 | inputNumber | 设置 Input 组件的通用属性 | { className?: string, style?: React.CSSProperties, classNames?: [InputNumberConfig\["classNames"\]](/components/input-number-cn#semantic-dom), styles?: [InputNumberConfig\["styles"\]](/components/input-number-cn#semantic-dom) } | - |  |

components/form/Form.tsx

@@ -91,7 +91,6 @@ const InternalForm: React.ForwardRefRenderFunction<FormRef, FormProps> = (props,
     styles: contextStyles,
     classNames: contextClassNames,
     tooltip: contextTooltip,
-    labelAlign: contextLabelAlign,
   } = useComponentConfig('form');
 
   const {
@@ -145,8 +144,6 @@ const InternalForm: React.ForwardRefRenderFunction<FormRef, FormProps> = (props,
 
   const mergedColon = colon ?? contextColon;
 
-  const mergedLabelAlign = labelAlign ?? contextLabelAlign;
-
   const mergedTooltip = { ...contextTooltip, ...tooltip };
 
   const prefixCls = getPrefixCls('form', customizePrefixCls);
@@ -197,7 +194,7 @@ const InternalForm: React.ForwardRefRenderFunction<FormRef, FormProps> = (props,
   const formContextValue = React.useMemo<FormContextProps>(
     () => ({
       name,
-      labelAlign: mergedLabelAlign,
+      labelAlign,
       labelCol,
       labelWrap,
       wrapperCol,
@@ -213,7 +210,7 @@ const InternalForm: React.ForwardRefRenderFunction<FormRef, FormProps> = (props,
     }),
     [
       name,
-      mergedLabelAlign,
+      labelAlign,
       labelCol,
       wrapperCol,
       layout,

components/select/style/dropdown.ts

@@ -121,6 +121,10 @@ const genSingleStyle: GenerateStyle<SelectToken> = (token) => {
               alignItems: 'center',
             },
 
+            [`&-active:not(${selectItemCls}-option-disabled)`]: {
+              backgroundColor: token.optionActiveBg,
+            },
+
             [`&-selected:not(${selectItemCls}-option-disabled)`]: {
               color: token.optionSelectedColor,
               fontWeight: token.optionSelectedFontWeight,
@@ -131,10 +135,6 @@ const genSingleStyle: GenerateStyle<SelectToken> = (token) => {
               },
             },
 
-            [`&-active:not(${selectItemCls}-option-disabled)`]: {
-              backgroundColor: token.optionActiveBg,
-            },
-
             '&-disabled': {
               [`&${selectItemCls}-option-selected`]: {
                 backgroundColor: token.colorBgContainerDisabled,

components/select/useIcons.tsx

@@ -7,23 +7,17 @@ import DownOutlined from '@ant-design/icons/DownOutlined';
 import LoadingOutlined from '@ant-design/icons/LoadingOutlined';
 import SearchOutlined from '@ant-design/icons/SearchOutlined';
 
-import fallbackProp from '../_util/fallbackProp';
 import { devUseWarning } from '../_util/warning';
 
 type RenderNode = React.ReactNode | ((props: any) => React.ReactNode);
 
 export default function useIcons({
   suffixIcon,
-  contextSuffixIcon,
   clearIcon,
-  contextClearIcon,
   menuItemSelectedIcon,
   removeIcon,
-  contextRemoveIcon,
   loading,
   loadingIcon,
-  searchIcon,
-  contextSearchIcon,
   multiple,
   hasFeedback,
   showSuffixIcon,
@@ -32,16 +26,11 @@ export default function useIcons({
   componentName,
 }: {
   suffixIcon?: React.ReactNode;
-  contextSuffixIcon?: React.ReactNode;
-  clearIcon?: React.ReactNode;
-  contextClearIcon?: React.ReactNode;
+  clearIcon?: RenderNode;
   menuItemSelectedIcon?: RenderNode;
   removeIcon?: RenderNode;
-  contextRemoveIcon?: RenderNode;
   loading?: boolean;
   loadingIcon?: React.ReactNode;
-  searchIcon?: React.ReactNode;
-  contextSearchIcon?: React.ReactNode;
   multiple?: boolean;
   hasFeedback?: boolean;
   feedbackIcon?: ReactNode;
@@ -56,72 +45,59 @@ export default function useIcons({
     warning.deprecated(!clearIcon, 'clearIcon', 'allowClear={{ clearIcon: React.ReactNode }}');
   }
 
-  return React.useMemo(() => {
-    // Clear Icon
-    const mergedClearIcon = fallbackProp(clearIcon, contextClearIcon, <CloseCircleFilled />);
+  // Clear Icon
+  const mergedClearIcon = clearIcon ?? <CloseCircleFilled />;
 
-    // Validation Feedback Icon
-    const getSuffixIconNode = (arrowIcon?: ReactNode) => {
-      if (suffixIcon === null && !hasFeedback && !showArrow) {
-        return null;
+  // Validation Feedback Icon
+  const getSuffixIconNode = (arrowIcon?: ReactNode) => {
+    if (suffixIcon === null && !hasFeedback && !showArrow) {
+      return null;
+    }
+    return (
+      <>
+        {showSuffixIcon !== false && arrowIcon}
+        {hasFeedback && feedbackIcon}
+      </>
+    );
+  };
+
+  // Arrow item icon
+  let mergedSuffixIcon = null;
+  if (suffixIcon !== undefined) {
+    mergedSuffixIcon = getSuffixIconNode(suffixIcon);
+  } else if (loading) {
+    mergedSuffixIcon = getSuffixIconNode(loadingIcon ?? <LoadingOutlined spin />);
+  } else {
+    mergedSuffixIcon = ({ open, showSearch }: { open: boolean; showSearch: boolean }) => {
+      if (open && showSearch) {
+        return getSuffixIconNode(<SearchOutlined />);
       }
-      return (
-        <>
-          {showSuffixIcon !== false && arrowIcon}
-          {hasFeedback && feedbackIcon}
-        </>
-      );
+      return getSuffixIconNode(<DownOutlined />);
     };
+  }
 
-    // Arrow item icon
-    let mergedSuffixIcon = null;
-    if (suffixIcon !== undefined) {
-      mergedSuffixIcon = getSuffixIconNode(suffixIcon);
-    } else if (loading) {
-      mergedSuffixIcon = getSuffixIconNode(fallbackProp(loadingIcon, <LoadingOutlined spin />));
-    } else {
-      mergedSuffixIcon = ({ open, showSearch }: { open: boolean; showSearch: boolean }) => {
-        if (open && showSearch) {
-          return getSuffixIconNode(fallbackProp(searchIcon, contextSearchIcon, <SearchOutlined />));
-        }
-        return getSuffixIconNode(fallbackProp(contextSuffixIcon, <DownOutlined />));
-      };
-    }
+  // Checked item icon
+  let mergedItemIcon = null;
+  if (menuItemSelectedIcon !== undefined) {
+    mergedItemIcon = menuItemSelectedIcon;
+  } else if (multiple) {
+    mergedItemIcon = <CheckOutlined />;
+  } else {
+    mergedItemIcon = null;
+  }
 
-    // Checked item icon
-    let mergedItemIcon = null;
-    if (menuItemSelectedIcon !== undefined) {
-      mergedItemIcon = menuItemSelectedIcon;
-    } else if (multiple) {
-      mergedItemIcon = <CheckOutlined />;
-    } else {
-      mergedItemIcon = null;
-    }
+  let mergedRemoveIcon = null;
+  if (removeIcon !== undefined) {
+    mergedRemoveIcon = removeIcon;
+  } else {
+    mergedRemoveIcon = <CloseOutlined />;
+  }
 
-    const mergedRemoveIcon = fallbackProp(removeIcon, contextRemoveIcon, <CloseOutlined />);
-
-    return {
-      clearIcon: mergedClearIcon,
-      suffixIcon: mergedSuffixIcon,
-      itemIcon: mergedItemIcon,
-      removeIcon: mergedRemoveIcon,
-    };
-  }, [
-    suffixIcon,
-    contextSuffixIcon,
-    clearIcon,
-    contextClearIcon,
-    menuItemSelectedIcon,
-    removeIcon,
-    contextRemoveIcon,
-    loading,
-    loadingIcon,
-    searchIcon,
-    contextSearchIcon,
-    multiple,
-    hasFeedback,
-    showSuffixIcon,
-    feedbackIcon,
-    showArrow,
-  ]);
+  return {
+    // TODO: remove as when all the deps bumped
+    clearIcon: mergedClearIcon as React.ReactNode,
+    suffixIcon: mergedSuffixIcon,
+    itemIcon: mergedItemIcon,
+    removeIcon: mergedRemoveIcon,
+  };
 }

components/space/__tests__/__snapshots__/demo-extend.test.ts.snap

@@ -16066,28 +16066,6 @@ exports[`renders components/space/demo/compact-nested.tsx extend context correct
 
 exports[`renders components/space/demo/compact-nested.tsx extend context correctly 2`] = `[]`;
 
-exports[`renders components/space/demo/component-token.tsx extend context correctly 1`] = `
-<div
-  class="ant-space-compact"
->
-  <div
-    class="ant-space-addon ant-space-addon-compact-item ant-space-addon-compact-first-item css-var-test-id ant-space-addon-variant-outlined"
-  >
-    Addon
-  </div>
-  <button
-    class="ant-btn css-var-test-id ant-btn-primary ant-btn-color-primary ant-btn-variant-solid ant-btn-compact-item ant-btn-compact-last-item"
-    type="button"
-  >
-    <span>
-      Button
-    </span>
-  </button>
-</div>
-`;
-
-exports[`renders components/space/demo/component-token.tsx extend context correctly 2`] = `[]`;
-
 exports[`renders components/space/demo/debug.tsx extend context correctly 1`] = `
 <div
   class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small css-var-test-id"

components/space/__tests__/__snapshots__/demo.test.tsx.snap

@@ -4097,26 +4097,6 @@ exports[`renders components/space/demo/compact-nested.tsx correctly 1`] = `
 </div>
 `;
 
-exports[`renders components/space/demo/component-token.tsx correctly 1`] = `
-<div
-  class="ant-space-compact"
->
-  <div
-    class="ant-space-addon ant-space-addon-compact-item ant-space-addon-compact-first-item css-var-test-id ant-space-addon-variant-outlined"
-  >
-    Addon
-  </div>
-  <button
-    class="ant-btn css-var-test-id ant-btn-primary ant-btn-color-primary ant-btn-variant-solid ant-btn-compact-item ant-btn-compact-last-item"
-    type="button"
-  >
-    <span>
-      Button
-    </span>
-  </button>
-</div>
-`;
-
 exports[`renders components/space/demo/debug.tsx correctly 1`] = `
 <div
   class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small css-var-test-id"

components/space/demo/component-token.md

@@ -1,7 +0,0 @@
-## zh-CN
-
-使用 `ConfigProvider` 自定义 `Space.Addon` 的主题样式。
-
-## en-US
-
-Use `ConfigProvider` to customize the theme of `Space.Addon`.

components/space/demo/component-token.tsx

@@ -1,19 +0,0 @@
-import React from 'react';
-import { Button, ConfigProvider, Space } from 'antd';
-
-const App: React.FC = () => (
-  <ConfigProvider
-    theme={{
-      components: {
-        Addon: { colorText: 'blue', algorithm: true },
-      },
-    }}
-  >
-    <Space.Compact>
-      <Space.Addon>Addon</Space.Addon>
-      <Button type="primary">Button</Button>
-    </Space.Compact>
-  </ConfigProvider>
-);
-
-export default App;

components/space/index.en-US.md

@@ -34,7 +34,6 @@ coverDark: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*37T2R6O9oi0AAA
 <code src="./demo/debug.tsx" debug>Diverse Child</code>
 <code src="./demo/gap-in-line.tsx" debug>Flex gap style</code>
 <code src="./demo/style-class.tsx" version="6.0.0">Custom semantic dom styling</code>
-<code src="./demo/component-token.tsx" debug>Customize Addon with theme</code>
 
 ## API
 

components/space/index.zh-CN.md

@@ -38,7 +38,6 @@ coverDark: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*37T2R6O9oi0AAA
 <code src="./demo/debug.tsx" debug>多样的 Child</code>
 <code src="./demo/gap-in-line.tsx" debug>Flex gap 样式</code>
 <code src="./demo/style-class.tsx" version="6.0.0">自定义语义结构的样式和类</code>
-<code src="./demo/component-token.tsx" debug>自定义主题</code>
 
 ## API
 

components/space/style/addon.ts

@@ -1,4 +1,3 @@
-import { resetComponent } from '../../style';
 import { genCompactItemStyle } from '../../style/compact-item';
 import { genStyleHooks } from '../../theme/internal';
 import type { FullToken, GenerateStyle } from '../../theme/internal';
@@ -8,11 +7,11 @@ import { genCssVar } from '../../theme/util/genStyleUtils';
 // biome-ignore lint/suspicious/noEmptyInterface: ComponentToken need to be empty by default
 export interface ComponentToken {}
 
-interface AddonToken extends FullToken<'Space'> {
+interface SpaceToken extends FullToken<'Space'> {
   // Custom token here
 }
 
-const genSpaceAddonStyle: GenerateStyle<AddonToken> = (token) => {
+const genSpaceAddonStyle: GenerateStyle<SpaceToken> = (token) => {
   const {
     componentCls,
     borderRadius,
@@ -28,7 +27,7 @@ const genSpaceAddonStyle: GenerateStyle<AddonToken> = (token) => {
     antCls,
   } = token;
 
-  const [varName, varRef] = genCssVar(antCls, 'space-addon');
+  const [varName, varRef] = genCssVar(antCls, 'space');
 
   return {
     [componentCls]: [
@@ -36,7 +35,6 @@ const genSpaceAddonStyle: GenerateStyle<AddonToken> = (token) => {
       // ==                         Base                         ==
       // ==========================================================
       {
-        ...resetComponent(token),
         display: 'inline-flex',
         alignItems: 'center',
         gap: 0,
@@ -146,7 +144,7 @@ const genSpaceAddonStyle: GenerateStyle<AddonToken> = (token) => {
 };
 
 // ============================== Export ==============================
-export default genStyleHooks('Addon', (token) => [
+export default genStyleHooks(['Space', 'Addon'], (token) => [
   genSpaceAddonStyle(token),
   genCompactItemStyle(token, { focus: false }),
 ]);

components/splitter/Panel.tsx

@@ -7,14 +7,11 @@ export const InternalPanel = forwardRef<
   HTMLDivElement,
   React.PropsWithChildren<InternalPanelProps>
 >((props, ref) => {
-  const { prefixCls, className, children, size, style = {}, supportMotion } = props;
+  const { prefixCls, className, children, size, style = {} } = props;
 
   const panelClassName = clsx(
     `${prefixCls}-panel`,
-    {
-      [`${prefixCls}-panel-hidden`]: size === 0,
-      [`${prefixCls}-panel-transition`]: supportMotion,
-    },
+    { [`${prefixCls}-panel-hidden`]: size === 0 },
     className,
   );
 

components/splitter/Splitter.tsx

@@ -28,7 +28,6 @@ const Splitter: React.FC<React.PropsWithChildren<SplitterProps>> = (props) => {
     prefixCls: customizePrefixCls,
     className,
     classNames,
-    collapsible,
     style,
     styles,
     layout,
@@ -218,13 +217,9 @@ const Splitter: React.FC<React.PropsWithChildren<SplitterProps>> = (props) => {
             style: { ...mergedStyles.panel, ...item.style },
           };
 
+          // Panel
           const panel = (
-            <InternalPanel
-              {...panelProps}
-              prefixCls={prefixCls}
-              size={panelSizes[idx]}
-              supportMotion={collapsible?.motion && movingIndex === undefined}
-            />
+            <InternalPanel {...panelProps} prefixCls={prefixCls} size={panelSizes[idx]} />
           );
 
           // Split Bar

components/splitter/__tests__/__snapshots__/demo-extend.test.ts.snap

@@ -4,40 +4,12 @@ exports[`renders components/splitter/demo/collapsible.tsx extend context correct
 <div
   class="ant-flex css-var-test-id ant-flex-align-stretch ant-flex-gap-middle ant-flex-vertical"
 >
-  <div
-    class="ant-flex css-var-test-id ant-flex-gap-middle"
-  >
-    <button
-      aria-checked="true"
-      class="ant-switch css-var-test-id ant-switch-checked"
-      role="switch"
-      type="button"
-    >
-      <div
-        class="ant-switch-handle"
-      />
-      <span
-        class="ant-switch-inner"
-      >
-        <span
-          class="ant-switch-inner-checked"
-        >
-          motion
-        </span>
-        <span
-          class="ant-switch-inner-unchecked"
-        >
-          motion
-        </span>
-      </span>
-    </button>
-  </div>
   <div
     class="ant-splitter ant-splitter-horizontal css-var-test-id ant-splitter-css-var"
     style="box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); height: 200px;"
   >
     <div
-      class="ant-splitter-panel ant-splitter-panel-transition"
+      class="ant-splitter-panel"
       style="flex-basis: auto; flex-grow: 1;"
     >
       <div
@@ -64,7 +36,7 @@ exports[`renders components/splitter/demo/collapsible.tsx extend context correct
       />
     </div>
     <div
-      class="ant-splitter-panel ant-splitter-panel-transition"
+      class="ant-splitter-panel"
       style="flex-basis: auto; flex-grow: 1;"
     >
       <div
@@ -85,7 +57,7 @@ exports[`renders components/splitter/demo/collapsible.tsx extend context correct
     style="box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); height: 300px;"
   >
     <div
-      class="ant-splitter-panel ant-splitter-panel-transition"
+      class="ant-splitter-panel"
       style="flex-basis: auto; flex-grow: 1;"
     >
       <div
@@ -112,7 +84,7 @@ exports[`renders components/splitter/demo/collapsible.tsx extend context correct
       />
     </div>
     <div
-      class="ant-splitter-panel ant-splitter-panel-transition"
+      class="ant-splitter-panel"
       style="flex-basis: auto; flex-grow: 1;"
     >
       <div

components/splitter/__tests__/__snapshots__/demo.test.ts.snap

@@ -4,40 +4,12 @@ exports[`renders components/splitter/demo/collapsible.tsx correctly 1`] = `
 <div
   class="ant-flex css-var-test-id ant-flex-align-stretch ant-flex-gap-middle ant-flex-vertical"
 >
-  <div
-    class="ant-flex css-var-test-id ant-flex-gap-middle"
-  >
-    <button
-      aria-checked="true"
-      class="ant-switch css-var-test-id ant-switch-checked"
-      role="switch"
-      type="button"
-    >
-      <div
-        class="ant-switch-handle"
-      />
-      <span
-        class="ant-switch-inner"
-      >
-        <span
-          class="ant-switch-inner-checked"
-        >
-          motion
-        </span>
-        <span
-          class="ant-switch-inner-unchecked"
-        >
-          motion
-        </span>
-      </span>
-    </button>
-  </div>
   <div
     class="ant-splitter ant-splitter-horizontal css-var-test-id ant-splitter-css-var"
     style="box-shadow:0 0 10px rgba(0, 0, 0, 0.1);height:200px"
   >
     <div
-      class="ant-splitter-panel ant-splitter-panel-transition"
+      class="ant-splitter-panel"
       style="flex-basis:auto;flex-grow:1"
     >
       <div
@@ -64,7 +36,7 @@ exports[`renders components/splitter/demo/collapsible.tsx correctly 1`] = `
       />
     </div>
     <div
-      class="ant-splitter-panel ant-splitter-panel-transition"
+      class="ant-splitter-panel"
       style="flex-basis:auto;flex-grow:1"
     >
       <div
@@ -85,7 +57,7 @@ exports[`renders components/splitter/demo/collapsible.tsx correctly 1`] = `
     style="box-shadow:0 0 10px rgba(0, 0, 0, 0.1);height:300px"
   >
     <div
-      class="ant-splitter-panel ant-splitter-panel-transition"
+      class="ant-splitter-panel"
       style="flex-basis:auto;flex-grow:1"
     >
       <div
@@ -112,7 +84,7 @@ exports[`renders components/splitter/demo/collapsible.tsx correctly 1`] = `
       />
     </div>
     <div
-      class="ant-splitter-panel ant-splitter-panel-transition"
+      class="ant-splitter-panel"
       style="flex-basis:auto;flex-grow:1"
     >
       <div

components/splitter/__tests__/index.test.tsx

@@ -997,21 +997,6 @@ describe('Splitter', () => {
       expect(onCollapse).toHaveBeenCalledTimes(2);
       expect(onCollapse).toHaveBeenCalledWith([false, false], [50, 50]);
     });
-
-    it('should apply transition when motion is true', async () => {
-      const { container } = render(
-        <SplitterDemo
-          items={[{ collapsible: true }, { collapsible: true }]}
-          collapsible={{
-            motion: true,
-          }}
-        />,
-      );
-
-      expect(container.querySelector('.ant-splitter-panel')).toHaveClass(
-        'ant-splitter-panel-transition',
-      );
-    });
   });
 
   it('auto resize', async () => {

components/splitter/demo/collapsible.tsx

@@ -1,5 +1,5 @@
-import React, { useState } from 'react';
-import { Flex, Splitter, Switch, Typography } from 'antd';
+import React from 'react';
+import { Flex, Splitter, Typography } from 'antd';
 import type { SplitterProps } from 'antd';
 
 const Desc: React.FC<Readonly<{ text?: string | number }>> = (props) => (
@@ -21,23 +21,11 @@ const CustomSplitter: React.FC<Readonly<SplitterProps>> = ({ style, ...restProps
   </Splitter>
 );
 
-const App: React.FC = () => {
-  const [motion, setMotion] = useState(true);
-
-  return (
-    <Flex vertical gap="middle">
-      <Flex gap="middle">
-        <Switch
-          checked={motion}
-          onChange={setMotion}
-          checkedChildren="motion"
-          unCheckedChildren="motion"
-        />
-      </Flex>
-      <CustomSplitter style={{ height: 200 }} collapsible={{ motion }} />
-      <CustomSplitter style={{ height: 300 }} orientation="vertical" collapsible={{ motion }} />
-    </Flex>
-  );
-};
+const App: React.FC = () => (
+  <Flex gap="middle" vertical>
+    <CustomSplitter style={{ height: 200 }} />
+    <CustomSplitter style={{ height: 300 }} orientation="vertical" />
+  </Flex>
+);
 
 export default App;

components/splitter/index.en-US.md

@@ -44,7 +44,6 @@ Common props ref：[Common props](/docs/react/common-props)
 | Property | Description | Type | Default | Version |
 | --- | --- | --- | --- | --- |
 | classNames | Customize class for each semantic structure inside the component. Supports object or function. | Record<[SemanticDOM](#semantic-dom), string> \| (info: { props })=> Record<[SemanticDOM](#semantic-dom), string> | - |  |
-| collapsible | Collapse config. Set `motion: true` to enable collapse animation; duration is controlled by Component Token `panelMotionDuration` (inherits from `motionDurationSlow`) | `{ motion?: boolean }` | - | 6.4.0 |
 | collapsibleIcon | custom collapsible icon | `{start: ReactNode; end: ReactNode}` | - | 6.0.0 |
 | draggerIcon | custom dragger icon | `ReactNode` | - | 6.0.0 |
 | ~~layout~~ | Layout direction | `horizontal` \| `vertical` | `horizontal` | - |

components/splitter/index.zh-CN.md

@@ -45,7 +45,6 @@ demo:
 | 参数 | 说明 | 类型 | 默认值 | 版本 |
 | --- | --- | --- | --- | --- |
 | classNames | 用于自定义组件内部各语义化结构的 class，支持对象或函数 | Record<[SemanticDOM](#semantic-dom), string> \| (info: { props })=> Record<[SemanticDOM](#semantic-dom), string> | - |  |
-| collapsible | 折叠配置。`motion: true` 时启用折叠动画，时长由组件 Token `panelMotionDuration` 控制（继承自 `motionDurationSlow`） | `{ motion?: boolean }` | - | 6.4.0 |
 | collapsibleIcon | 折叠图标 | `{start?: ReactNode; end?: ReactNode}` | - | 6.0.0 |
 | draggerIcon | 拖拽图标 | `ReactNode` | - | 6.0.0 |
 | ~~layout~~ | 布局方向 | `horizontal` \| `vertical` | `horizontal` | - |

components/splitter/interface.ts

@@ -46,10 +46,6 @@ export interface SplitterProps {
   prefixCls?: string;
   className?: string;
   classNames?: SplitterClassNamesType;
-  /**
-   * Collapse configuration. Set `motion: true` to enable collapse animation (duration follows Component Token).
-   */
-  collapsible?: { motion?: boolean };
   style?: React.CSSProperties;
   styles?: SplitterStylesType;
   rootClassName?: string;
@@ -91,7 +87,6 @@ export interface PanelProps {
 export interface InternalPanelProps extends PanelProps {
   className?: string;
   prefixCls?: string;
-  supportMotion?: boolean;
 }
 
 export interface UseResizeProps extends Pick<SplitterProps, 'onResize'> {

components/splitter/style/index.ts

@@ -1,7 +1,6 @@
 import type { CSSObject } from '@ant-design/cssinjs';
 
 import { resetComponent } from '../../style';
-import { genNoMotionStyle } from '../../style/motion';
 import type { FullToken, GenerateStyle, GetDefaultToken } from '../../theme/internal';
 import { genStyleHooks } from '../../theme/internal';
 import { genCssVar } from '../../theme/util/genStyleUtils';
@@ -375,11 +374,6 @@ const genSplitterStyle: GenerateStyle<SplitterToken> = (token: SplitterToken): C
         [`&:has(${componentCls}:only-child)`]: {
           overflow: 'hidden',
         },
-
-        '&-transition': {
-          transition: `flex-basis ${token.motionDurationSlow} ${token.motionEaseInOut}`,
-          ...genNoMotionStyle(),
-        },
       },
     },
   };

components/theme/interface/components.ts

@@ -49,7 +49,6 @@ import type { ComponentToken as SelectComponentToken } from '../../select/style'
 import type { ComponentToken as SkeletonComponentToken } from '../../skeleton/style';
 import type { ComponentToken as SliderComponentToken } from '../../slider/style';
 import type { ComponentToken as SpaceComponentToken } from '../../space/style';
-import type { ComponentToken as AddonComponentToken } from '../../space/style/addon';
 import type { ComponentToken as SpinComponentToken } from '../../spin/style';
 import type { ComponentToken as SplitterComponentToken } from '../../splitter/style';
 import type { ComponentToken as StatisticComponentToken } from '../../statistic/style';
@@ -69,7 +68,6 @@ import type { ComponentToken as UploadComponentToken } from '../../upload/style'
 
 export interface ComponentTokenMap {
   Affix?: AffixComponentToken;
-  Addon?: AddonComponentToken;
   Alert?: AlertComponentToken;
   Anchor?: AnchorComponentToken;
   Avatar?: AvatarComponentToken;

package.json

@@ -136,7 +136,7 @@
     "@rc-component/rate": "~1.0.1",
     "@rc-component/resize-observer": "^1.1.1",
     "@rc-component/segmented": "~1.3.0",
-    "@rc-component/select": "~1.6.9",
+    "@rc-component/select": "~1.6.10",
     "@rc-component/slider": "~1.0.1",
     "@rc-component/steps": "~1.2.2",
     "@rc-component/switch": "~1.0.3",
@@ -173,7 +173,7 @@
     "@emotion/css": "^11.13.5",
     "@emotion/react": "^11.14.0",
     "@emotion/server": "^11.11.0",
-    "@eslint-react/eslint-plugin": "2.12.4",
+    "@eslint-react/eslint-plugin": "2.13.0",
     "@ianvs/prettier-plugin-sort-imports": "^4.7.0",
     "@inquirer/prompts": "^8.0.2",
     "@madccc/duplicate-package-checker-webpack-plugin": "^1.0.0",