blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

perf: using appear instead

Browse Source
This commit is contained in:
chenjiahan 2021-09-28 21:13:02 +08:00 committed by neverland
parent a48caa7c98
commit c3759b1c3f
2 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/vant/src/overlay/Overlay.tsx
View File

@ -54,6 +54,10 @@ export default defineComponent({
);
});
return () => <Transition name="van-fade">{renderOverlay()}</Transition>;
return () => (
<Transition name="van-fade" appear>
{renderOverlay()}
</Transition>
);
},
});

11
packages/vant/src/utils/mount-component.ts
View File

@ -1,4 +1,4 @@
import { createApp, reactive, Component, nextTick } from 'vue';
import { createApp, reactive, Component } from 'vue';
import { extend } from '../utils';
import { useExpose } from '../composables/use-expose';
@ -15,14 +15,11 @@ export function usePopupState() {
};
const open = (props: Record<string, any>) => {
extend(state, props);
// for transition
nextTick(() => toggle(true));
extend(state, props, { transitionAppear: true });
toggle(true);
};
const close = () => {
nextTick(() => toggle(false));
};
const close = () => toggle(false);
useExpose({ open, close, toggle });