|
|
@@ -2,12 +2,14 @@
|
|
|
<BubbleBox
|
|
|
ref="followBubbleBoxRef"
|
|
|
v-bind="props"
|
|
|
+ trigger="none"
|
|
|
+ :clickOutSideClose="false"
|
|
|
@clickOnHolder="emit('contentClick');hideTip()"
|
|
|
>
|
|
|
<template #content>
|
|
|
<FlexRow justify="space-between" align="center">
|
|
|
- <Text :text="content" v-bind="contentTextProps" :wrap="false" touchable @click="emit('contentClick');hideTip()" />
|
|
|
- <IconButton v-if="closeButton" v-bind="closeButtonProps" :icon="closeButton" @click="emit('close');hideTip()" />
|
|
|
+ <Text :text="content" v-bind="contentTextProps" :wrap="false" touchable @click="hideTip(true);" />
|
|
|
+ <IconButton v-if="closeButton" v-bind="closeButtonProps" :icon="closeButton" @click="hideTip(false);" />
|
|
|
</FlexRow>
|
|
|
</template>
|
|
|
<slot />
|
|
|
@@ -56,7 +58,11 @@ watch(() => props.show, (newVal) => {
|
|
|
followBubbleBoxRef.value?.hide();
|
|
|
});
|
|
|
|
|
|
-function hideTip() {
|
|
|
+function hideTip(isContentClick: boolean = false) {
|
|
|
+ if (isContentClick)
|
|
|
+ emit('contentClick');
|
|
|
+ else
|
|
|
+ emit('close');
|
|
|
emit('update:show', false);
|
|
|
}
|
|
|
|