test: remove <Panel /> because deprecated

Author: Wxh16144

src/Collapse.tsx

@@ -1,9 +1,7 @@
 import classNames from 'classnames';
-import toArray from 'rc-util/lib/Children/toArray';
 import useMergedState from 'rc-util/lib/hooks/useMergedState';
-import warning from 'rc-util/lib/warning';
 import React from 'react';
-import type { CollapsePanelProps, CollapseProps, CollapsibleType, ItemType } from './interface';
+import type { CollapseProps, ItemType } from './interface';
 import CollapsePanel from './Panel';
 
 function getActiveKeysArray(activeKey: React.Key | React.Key[]) {
@@ -23,7 +21,6 @@ const Collapse = React.forwardRef<HTMLDivElement, CollapseProps>((props, ref) =>
     style,
     accordion,
     className,
-    children: rawChildren,
     collapsible,
     openMotion,
     expandIcon,
@@ -58,68 +55,6 @@ const Collapse = React.forwardRef<HTMLDivElement, CollapseProps>((props, ref) =>
     });
 
   // ======================== Children ========================
-  warning(
-    !rawChildren,
-    '`children` will be removed in next major version. Please use `items` instead.',
-  );
-
-  const getNewChild = (child: React.ReactElement<CollapsePanelProps>, index: number) => {
-    if (!child) return null;
-
-    const key = child.key || String(index);
-
-    const {
-      header,
-      headerClass,
-      destroyInactivePanel: childDestroyInactivePanel,
-      collapsible: childCollapsible,
-      onItemClick: childOnItemClick,
-    } = child.props;
-
-    let isActive = false;
-    if (accordion) {
-      isActive = activeKey[0] === key;
-    } else {
-      isActive = activeKey.indexOf(key) > -1;
-    }
-
-    const mergeCollapsible: CollapsibleType = childCollapsible ?? collapsible;
-
-    const handleItemClick = (value: React.Key) => {
-      if (mergeCollapsible === 'disabled') return;
-      onClickItem(value);
-      childOnItemClick?.(value);
-    };
-
-    const childProps = {
-      key,
-      panelKey: key,
-      header,
-      headerClass,
-      isActive,
-      prefixCls,
-      destroyInactivePanel: childDestroyInactivePanel ?? destroyInactivePanel,
-      openMotion,
-      accordion,
-      children: child.props.children,
-      onItemClick: handleItemClick,
-      expandIcon,
-      collapsible: mergeCollapsible,
-    };
-
-    // https://github.com/ant-design/ant-design/issues/20479
-    if (typeof child.type === 'string') {
-      return child;
-    }
-
-    Object.keys(childProps).forEach((propName) => {
-      if (typeof childProps[propName] === 'undefined') {
-        delete childProps[propName];
-      }
-    });
-
-    return React.cloneElement(child, childProps);
-  };
 
   // eslint-disable-next-line @typescript-eslint/no-shadow
   const convertItemsToNodes = (items: ItemType[]) =>
@@ -172,10 +107,6 @@ const Collapse = React.forwardRef<HTMLDivElement, CollapseProps>((props, ref) =>
       );
     });
 
-  const children = Array.isArray(items)
-    ? [convertItemsToNodes(items), rawChildren]
-    : toArray(rawChildren).map(getNewChild);
-
   // ======================== Render ========================
   return (
     <div
@@ -184,14 +115,10 @@ const Collapse = React.forwardRef<HTMLDivElement, CollapseProps>((props, ref) =>
       style={style}
       role={accordion ? 'tablist' : undefined}
     >
-      {children}
+      {convertItemsToNodes(items)}
+      {props.children}
     </div>
   );
 });
 
-export default Object.assign(Collapse, {
-  /**
-   * @deprecated use `items` instead, will be removed in `v4.0.0`
-   */
-  Panel: CollapsePanel,
-});
+export default Collapse;

src/index.tsx

@@ -1,10 +1,2 @@
-import Collapse from './Collapse';
-
+export { default } from './Collapse';
 export type { CollapsePanelProps, CollapseProps } from './interface';
-
-export default Collapse;
-
-/**
- * @deprecated use `items` instead, will be removed in `v4.0.0`
- */
-export const { Panel } = Collapse;