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

fix: tooltip position not correct

feat-dayjs
tangjinzhou 2020-10-18 22:58:37 +08:00
parent a62a0296e7
commit 4cff2a81a6
3 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/_util/getTransitionGroupProps.js
View File

@ -5,10 +5,10 @@ const getTransitionGroupProps = (transitionName, opt = {}) => {
} }
const transitionProps = { const transitionProps = {
appear: true, appear: true,
appearFromClass: `${transitionName}-appear`, appearFromClass: `${transitionName}-appear ${transitionName}-appear-prepare`,
appearActiveClass: `${transitionName}`, appearActiveClass: `${transitionName}`,
appearToClass: `${transitionName}-appear-active`, appearToClass: `${transitionName}-appear-active`,
enterFromClass: `${transitionName}-appear ${transitionName}-enter`, enterFromClass: `${transitionName}-appear ${transitionName}-enter ${transitionName}-appear-prepare ${transitionName}-enter-prepare`,
enterActiveClass: `${transitionName}`, enterActiveClass: `${transitionName}`,
enterToClass: `${transitionName}-appear-active ${transitionName}-enter-active`, enterToClass: `${transitionName}-appear-active ${transitionName}-enter-active`,
leaveActiveClass: `${transitionName} ${transitionName}-leave`, leaveActiveClass: `${transitionName} ${transitionName}-leave`,

4
components/_util/getTransitionProps.js
View File

@ -4,10 +4,10 @@ const getTransitionProps = (transitionName, opt = {}) => {
} }
const transitionProps = { const transitionProps = {
appear: true, appear: true,
appearFromClass: `${transitionName}-appear`, 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}-enter`, enterFromClass: `${transitionName}-enter ${transitionName}-enter-prepare`,
// enterActiveClass: `antdv-base-transtion`, // enterActiveClass: `antdv-base-transtion`,
enterToClass: `${transitionName}-enter ${transitionName}-enter-active`, enterToClass: `${transitionName}-enter ${transitionName}-enter-active`,
leaveFromClass: ` ${transitionName}-leave`, leaveFromClass: ` ${transitionName}-leave`,

3
components/style/core/motion/zoom.less
View File

@ -5,6 +5,9 @@
transform: scale(0); // need this by yiminghe transform: scale(0); // need this by yiminghe
opacity: 0; opacity: 0;
animation-timing-function: @ease-out-circ; animation-timing-function: @ease-out-circ;
&-prepare {
transform: none;
}
} }
.@{className}-leave { .@{className}-leave {
animation-timing-function: @ease-in-out-circ; animation-timing-function: @ease-in-out-circ;