|
|
@@ -1,4 +1,4 @@
|
|
|
-import { computed, ComputedRef, watchEffect, reactive, toRefs, ref } from 'vue';
|
|
|
+import { computed, ComputedRef, watchEffect, reactive, toRefs, ref, watch } from 'vue';
|
|
|
|
|
|
import { popupProps } from './props';
|
|
|
|
|
|
@@ -73,11 +73,11 @@ export const component = (componentName: string) => {
|
|
|
const onClickCloseIcon = (e: Event) => {
|
|
|
e.stopPropagation();
|
|
|
emit('click-close-icon', e);
|
|
|
- close();
|
|
|
+ emit('update:visible', false);
|
|
|
+ // close();
|
|
|
};
|
|
|
|
|
|
const onClickOverlay = (e: Event) => {
|
|
|
- console.log('关闭遮罩');
|
|
|
if (props.closeOnClickOverlay) {
|
|
|
emit('click-overlay', e);
|
|
|
emit('update:visible', false);
|
|
|
@@ -93,9 +93,14 @@ export const component = (componentName: string) => {
|
|
|
emit('closed', e);
|
|
|
};
|
|
|
|
|
|
+ watch(
|
|
|
+ () => props.visible,
|
|
|
+ (val) => {
|
|
|
+ props.visible ? open() : close();
|
|
|
+ }
|
|
|
+ );
|
|
|
watchEffect(() => {
|
|
|
- console.log('展示popup', props.visible);
|
|
|
- props.visible ? open() : close();
|
|
|
+ // props.visible ? open() : close();
|
|
|
state.closed = props.closeable;
|
|
|
});
|
|
|
|