JLNTV_IPD/tmagic-editor
4
0
Fork 0
mirror of https://github.com/Tencent/tmagic-editor.git synced 2025-11-04 02:28:04 +08:00
Code Issues Projects Releases Wiki Activity

feat(editor): 增加FloatBox的beforeClose函数

Browse Source
This commit is contained in:
moonszhang 2024-03-13 10:49:11 +08:00 committed by roymondchen
parent cae928f7f9
commit 7ce60b223e
1 changed files with 26 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
packages/editor/src/components/FloatingBox.vue
View File

@ -33,12 +33,21 @@ interface Rect {
height: number | string; height: number | string;
} }
const props = withDefaults(defineProps<{ visible: boolean; position?: Position; rect?: Rect; title?: string }>(), { const props = withDefaults(
visible: false, defineProps<{
title: '', visible: boolean;
position: () => ({ left: 0, top: 0 }), position?: Position;
rect: () => ({ width: 'auto', height: 'auto' }), rect?: Rect;
}); title?: string;
beforeClose?: (done: (cancel?: boolean) => void) => void;
}>(),
{
visible: false,
title: '',
position: () => ({ left: 0, top: 0 }),
rect: () => ({ width: 'auto', height: 'auto' }),
},
);
const emit = defineEmits<{ const emit = defineEmits<{
'update:visible': [boolean]; 'update:visible': [boolean];
@ -125,8 +134,18 @@ onBeforeUnmount(() => {
destroyMoveable(); destroyMoveable();
}); });
const hide = (cancel?: boolean) => {
if (cancel !== false) {
emit('update:visible', false);
}
};
const closeHandler = () => { const closeHandler = () => {
emit('update:visible', false); if (typeof props.beforeClose === 'function') {
props.beforeClose(hide);
} else {
hide();
}
}; };
const nextZIndex = () => { const nextZIndex = () => {