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

perf: udpate transfer animation

pull/3053/head
tangjinzhou 2020-10-20 21:32:06 +08:00
parent 34bfc91b5d
commit 0b002fb9cb
2 changed files with 3 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
antdv-demo

@ -1 +1 @@
Subproject commit e705545e455dd81aef96dc293c84f303cff67b21 Subproject commit b35f6ab6b59169fa7c0413263f75c185bd62b97c

6
components/transfer/renderListBody.tsx
View File

@ -2,9 +2,8 @@ import { defineComponent, TransitionGroup } from 'vue';
import raf from '../_util/raf'; import raf from '../_util/raf';
import ListItem from './ListItem'; import ListItem from './ListItem';
import PropTypes, { withUndefined } from '../_util/vue-types'; import PropTypes, { withUndefined } from '../_util/vue-types';
import getTransitionProps from '../_util/getTransitionProps';
import { findDOMNode } from '../_util/props-util'; import { findDOMNode } from '../_util/props-util';
function noop() {} import getTransitionGroupProps from 'components/_util/getTransitionGroupProps';
const ListBody = defineComponent({ const ListBody = defineComponent({
name: 'ListBody', name: 'ListBody',
inheritAttrs: false, inheritAttrs: false,
@ -98,12 +97,11 @@ const ListBody = defineComponent({
/> />
); );
}); });
const transitionProps = getTransitionProps( const transitionProps = getTransitionGroupProps(
mounted ? `${prefixCls}-content-item-highlight` : '', mounted ? `${prefixCls}-content-item-highlight` : '',
{ {
tag: 'ul', tag: 'ul',
onScroll: this.handleScroll, onScroll: this.handleScroll,
onLeave: noop,
}, },
); );
return ( return (