blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-09-01 21:59:45 +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 { extend } from '../utils';
import { useExpose } from '../composables/use-expose'; import { useExpose } from '../composables/use-expose';
@ -15,14 +15,11 @@ export function usePopupState() {
}; };
const open = (props: Record<string, any>) => { const open = (props: Record<string, any>) => {
extend(state, props); extend(state, props, { transitionAppear: true });
// for transition toggle(true);
nextTick(() => toggle(true));
}; };
const close = () => { const close = () => toggle(false);
nextTick(() => toggle(false));
};
useExpose({ open, close, toggle }); useExpose({ open, close, toggle });