fix: transition

ant-design · Apr 14, 2024 · ad9cd0e · ad9cd0e
1 parent bcccaf2
commit ad9cd0e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/components/collapse/Collapse.tsx b/components/collapse/Collapse.tsx
@@ -102,11 +102,7 @@ const Collapse = React.forwardRef<HTMLDivElement, CollapseProps>((props, ref) =>
   const renderExpandIcon = React.useCallback(
     (panelProps: PanelProps = {}) => {
       const icon =
-        typeof mergedExpandIcon === 'function' ? (
-          mergedExpandIcon(panelProps)
-        ) : (
-          <RightOutlined rotate={panelProps.isActive ? 90 : undefined} />
-        );
+        typeof mergedExpandIcon === 'function' ? mergedExpandIcon(panelProps) : <RightOutlined />;
       return cloneElement(icon, () => ({
         className: classNames((icon as React.ReactElement)?.props?.className, `${prefixCls}-arrow`),
       }));

diff --git a/components/collapse/style/index.ts b/components/collapse/style/index.ts
@@ -127,6 +127,10 @@ export const genBaseStyle: GenerateStyle<CollapseToken> = (token) => {
             transition: `transform ${motionDurationSlow}`,
           },
 
+          [`&-active ${componentCls}-arrow`]: {
+            transform: `rotate(90deg)`,
+          },
+
           // >>>>> Text
           [`${componentCls}-header-text`]: {
             marginInlineEnd: 'auto',