github
/
ant-design-vue
mirror of https://github.com/vueComponent/ant-design-vue
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix: floatbutton animation not work

pull/6348/head
tangjinzhou 2023-03-03 17:25:11 +08:00
parent a04cae1221
commit 1d9a521669
2 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/_util/transition.tsx
View File

@ -27,9 +27,9 @@ export const getTransitionProps = (transitionName: string, opt: TransitionProps
// appearFromClass: `${transitionName}-appear ${transitionName}-appear-prepare`, // appearFromClass: `${transitionName}-appear ${transitionName}-appear-prepare`,
// appearActiveClass: `antdv-base-transtion`, // appearActiveClass: `antdv-base-transtion`,
// appearToClass: `${transitionName}-appear ${transitionName}-appear-active`, // appearToClass: `${transitionName}-appear ${transitionName}-appear-active`,
enterFromClass: `${transitionName} ${transitionName}-enter ${transitionName}-enter-prepare ${transitionName}-enter-start`, enterFromClass: `${transitionName}-enter ${transitionName}-enter-prepare ${transitionName}-enter-start`,
enterActiveClass: `${transitionName} ${transitionName}-enter ${transitionName}-enter-prepare`, enterActiveClass: `${transitionName}-enter ${transitionName}-enter-prepare`,
enterToClass: `${transitionName} ${transitionName}-enter ${transitionName}-enter-active`, enterToClass: `${transitionName}-enter ${transitionName}-enter-active`,
leaveFromClass: ` ${transitionName}-leave`, leaveFromClass: ` ${transitionName}-leave`,
leaveActiveClass: `${transitionName}-leave ${transitionName}-leave-active`, leaveActiveClass: `${transitionName}-leave ${transitionName}-leave-active`,
leaveToClass: `${transitionName}-leave ${transitionName}-leave-active`, leaveToClass: `${transitionName}-leave ${transitionName}-leave-active`,

7
components/form/ErrorList.tsx
View File

@ -38,7 +38,12 @@ export default defineComponent({
colMItem, colMItem,
); );
(transitionGroupProps as any).role = 'alert'; (transitionGroupProps as any).role = 'alert';
(transitionGroupProps as any).class = [hashId.value, baseClassName.value, attrs.class]; (transitionGroupProps as any).class = [
hashId.value,
baseClassName.value,
attrs.class,
`${prefixCls.value}-show-help`,
];
return ( return (
<Transition <Transition
{...getTransitionProps(`${prefixCls.value}-show-help`)} {...getTransitionProps(`${prefixCls.value}-show-help`)}