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

fix: backtop transition not work

pull/2682/head
tangjinzhou 2020-07-25 21:46:25 +08:00
parent 1a18238d97
commit 9ab1644e1e
2 changed files with 3 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/back-top/__tests__/index.test.js
View File

@ -27,9 +27,7 @@ describe('BackTop', () => {
const wrapper = mount(BackTop, { const wrapper = mount(BackTop, {
props: { props: {
visibilityHeight: -1, visibilityHeight: -1,
}, onClick,
listeners: {
click: onClick,
}, },
}); });
const scrollToSpy = jest.spyOn(window, 'scrollTo').mockImplementation((x, y) => { const scrollToSpy = jest.spyOn(window, 'scrollTo').mockImplementation((x, y) => {

4
components/back-top/index.jsx
View File

@ -1,3 +1,4 @@
import { inject, Transition } from 'vue';
import PropTypes from '../_util/vue-types'; import PropTypes from '../_util/vue-types';
import backTopTypes from './backTopTypes'; import backTopTypes from './backTopTypes';
import addEventListener from '../vc-util/Dom/addEventListener'; import addEventListener from '../vc-util/Dom/addEventListener';
@ -6,7 +7,6 @@ import BaseMixin from '../_util/BaseMixin';
import getTransitionProps from '../_util/getTransitionProps'; import getTransitionProps from '../_util/getTransitionProps';
import { ConfigConsumerProps } from '../config-provider'; import { ConfigConsumerProps } from '../config-provider';
import scrollTo from '../_util/scrollTo'; import scrollTo from '../_util/scrollTo';
import { inject } from 'vue';
function getDefaultTarget() { function getDefaultTarget() {
return window; return window;
@ -92,7 +92,7 @@ const BackTop = {
<div {...divProps}>{($slots.default && $slots.default()) || defaultElement}</div> <div {...divProps}>{($slots.default && $slots.default()) || defaultElement}</div>
) : null; ) : null;
const transitionProps = getTransitionProps('fade'); const transitionProps = getTransitionProps('fade');
return <transition {...transitionProps}>{backTopBtn}</transition>; return <Transition {...transitionProps}>{backTopBtn}</Transition>;
}, },
}; };