fix: slide animate not work
parent
72147106f3
commit
f9ccbfd321
|
@ -23,7 +23,7 @@ export default defineComponent({
|
||||||
const innerStatus = ref(status.value);
|
const innerStatus = ref(status.value);
|
||||||
let timeout = ref();
|
let timeout = ref();
|
||||||
const cacheErrors = ref([...props.errors]);
|
const cacheErrors = ref([...props.errors]);
|
||||||
watch([() => [...props.errors], () => props.help], (newValues, prevValues) => {
|
watch([() => [...props.errors], () => props.help], newValues => {
|
||||||
window.clearTimeout(timeout.value);
|
window.clearTimeout(timeout.value);
|
||||||
if (props.help) {
|
if (props.help) {
|
||||||
visible.value = !!(props.errors && props.errors.length);
|
visible.value = !!(props.errors && props.errors.length);
|
||||||
|
|
|
@ -11,6 +11,24 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.slide-motion-legacy(@className, @keyframeName) {
|
||||||
|
@name: ~'@{className}';
|
||||||
|
.make-motion(@name, @keyframeName);
|
||||||
|
.@{name}-enter,
|
||||||
|
.@{name}-appear {
|
||||||
|
opacity: 0;
|
||||||
|
animation-timing-function: @ease-out-quint;
|
||||||
|
}
|
||||||
|
.@{name}-leave {
|
||||||
|
animation-timing-function: @ease-in-quint;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.slide-motion-legacy(slide-up, antSlideUp);
|
||||||
|
.slide-motion-legacy(slide-down, antSlideDown);
|
||||||
|
.slide-motion-legacy(slide-left, antSlideLeft);
|
||||||
|
.slide-motion-legacy(slide-right, antSlideRight);
|
||||||
|
|
||||||
.slide-motion(slide-up, antSlideUp);
|
.slide-motion(slide-up, antSlideUp);
|
||||||
.slide-motion(slide-down, antSlideDown);
|
.slide-motion(slide-down, antSlideDown);
|
||||||
.slide-motion(slide-left, antSlideLeft);
|
.slide-motion(slide-left, antSlideLeft);
|
||||||
|
|
2
v2-doc
2
v2-doc
|
@ -1 +1 @@
|
||||||
Subproject commit 0f6d531d088d5283250c8cec1c7e8be0e0d36a36
|
Subproject commit bf14bc00195ce0880e2b234743245c4faf18dd7d
|
Loading…
Reference in New Issue