perf: collapse animate

Author: tangjinzhou

components/_util/collapseMotion.tsx

@@ -2,10 +2,10 @@ import { nextTick } from 'vue';
 import { addClass, removeClass } from '../vc-util/Dom/class';
 import type { CSSMotionProps } from './transition';
 
-const collapseMotion = (name = 'ant-motion-collapse'): CSSMotionProps => {
+const collapseMotion = (name = 'ant-motion-collapse', appear = true): CSSMotionProps => {
   return {
     name,
-    appear: true,
+    appear,
     css: true,
     onBeforeEnter: (node: HTMLDivElement) => {
       node.style.height = '0px';

components/_util/openAnimation.js

@@ -13,9 +13,9 @@ import { computed, defineComponent, ref, watch } from 'vue';
 import RightOutlined from '@ant-design/icons-vue/RightOutlined';
 import firstNotUndefined from '../_util/firstNotUndefined';
 import classNames from '../_util/classNames';
-import animation from '../_util/openAnimation';
 import useConfigInject from '../_util/hooks/useConfigInject';
 import type { CollapsePanelProps } from './CollapsePanel';
+import collapseMotion from '../_util/collapseMotion';
 
 type Key = number | string;
 
@@ -37,7 +37,7 @@ export default defineComponent({
     accordion: false,
     destroyInactivePanel: false,
     bordered: true,
-    openAnimation: animation,
+    openAnimation: collapseMotion('ant-motion-collapse', false),
     expandIconPosition: 'left',
   }),
   slots: ['expandIcon'],