replace el-tooltip with TooltipProvider

This commit is contained in:
pa
2026-01-07 01:43:41 +09:00
committed by Natsumi
parent cfd117fffe
commit 9ae8789d14
46 changed files with 437 additions and 430 deletions
@@ -9,18 +9,18 @@
<div class="favorites-search-card__title">
<span class="name">{{ localFavFakeRef.name }}</span>
<span class="favorites-search-card__badges">
<el-tooltip
<TooltipWrapper
v-if="favorite.deleted"
placement="top"
side="top"
:content="t('view.favorite.unavailable_tooltip')">
<i class="ri-error-warning-line"></i>
</el-tooltip>
<el-tooltip
</TooltipWrapper>
<TooltipWrapper
v-if="!isLocalFavorite && favorite.ref?.releaseStatus === 'private'"
placement="top"
side="top"
:content="t('view.favorite.private')">
<i class="ri-lock-line"></i>
</el-tooltip>
</TooltipWrapper>
</span>
</div>
<span class="extra">{{ localFavFakeRef.authorName }}</span>
@@ -45,8 +45,8 @@
type="avatar" />
</div>
<div class="favorites-search-card__action">
<el-tooltip
placement="left"
<TooltipWrapper
side="left"
:content="
isLocalFavorite
? t('view.favorite.delete_tooltip')
@@ -60,14 +60,14 @@
@click.stop="handlePrimaryDeleteAction">
<i class="ri-delete-bin-line"></i>
</el-button>
</el-tooltip>
</TooltipWrapper>
</div>
</div>
</template>
<template v-else>
<div class="favorites-search-card__action-group">
<div class="favorites-search-card__action" v-if="canSelectAvatar">
<el-tooltip placement="top" :content="t('view.favorite.select_avatar_tooltip')">
<TooltipWrapper side="top" :content="t('view.favorite.select_avatar_tooltip')">
<el-button
:disabled="currentUser.currentAvatar === favorite.id"
size="small"
@@ -75,12 +75,12 @@
circle
class="favorites-search-card__action-btn"
@click.stop="selectAvatarWithConfirmation(favorite.id)" />
</el-tooltip>
</TooltipWrapper>
</div>
<div class="favorites-search-card__action">
<el-tooltip
<TooltipWrapper
v-if="showDangerUnfavorite"
placement="bottom"
side="bottom"
:content="t('view.favorite.unfavorite_tooltip')">
<el-button
size="small"
@@ -89,8 +89,8 @@
class="favorites-search-card__action-btn"
type="danger"
@click.stop="handlePrimaryDeleteAction" />
</el-tooltip>
<el-tooltip v-else placement="bottom" :content="t('view.favorite.edit_favorite_tooltip')">
</TooltipWrapper>
<TooltipWrapper v-else side="bottom" :content="t('view.favorite.edit_favorite_tooltip')">
<el-button
type="default"
:icon="Star"
@@ -98,7 +98,7 @@
circle
class="favorites-search-card__action-btn"
@click.stop="showFavoriteDialog('avatar', favorite.id)" />
</el-tooltip>
</TooltipWrapper>
</div>
</div>
</template>
@@ -14,7 +14,7 @@
<div class="favorites-search-card__actions">
<div class="favorites-search-card__action-group">
<div class="favorites-search-card__action">
<el-tooltip placement="top" :content="t('view.favorite.select_avatar_tooltip')">
<TooltipWrapper side="top" :content="t('view.favorite.select_avatar_tooltip')">
<el-button
:disabled="currentUser.currentAvatar === favorite.id"
size="small"
@@ -22,10 +22,10 @@
circle
class="favorites-search-card__action-btn"
@click.stop="selectAvatarWithConfirmation(favorite.id)" />
</el-tooltip>
</TooltipWrapper>
</div>
<div class="favorites-search-card__action">
<el-tooltip placement="bottom" :content="t('view.favorite.favorite_tooltip')">
<TooltipWrapper side="bottom" :content="t('view.favorite.favorite_tooltip')">
<el-button
type="default"
:icon="favoriteExists ? Star : StarFilled"
@@ -33,7 +33,7 @@
circle
class="favorites-search-card__action-btn"
@click.stop="showFavoriteDialog('avatar', favorite.id)" />
</el-tooltip>
</TooltipWrapper>
</div>
</div>
</div>
@@ -33,7 +33,7 @@
type="friend" />
</div>
<div class="favorites-search-card__action">
<el-tooltip placement="left" :content="t('view.favorite.unfavorite_tooltip')">
<TooltipWrapper side="left" :content="t('view.favorite.unfavorite_tooltip')">
<el-button
size="small"
circle
@@ -42,20 +42,20 @@
@click.stop="handleDeleteFavorite">
<i class="ri-delete-bin-line"></i>
</el-button>
</el-tooltip>
</TooltipWrapper>
</div>
</div>
</template>
<template v-else>
<div class="favorites-search-card__action">
<el-tooltip placement="right" :content="t('view.favorite.edit_favorite_tooltip')">
<TooltipWrapper side="right" :content="t('view.favorite.edit_favorite_tooltip')">
<el-button
size="small"
:icon="Star"
circle
class="favorites-search-card__action-btn"
@click.stop="showFavoriteDialog('friend', favorite.id)" />
</el-tooltip>
</TooltipWrapper>
</div>
</template>
</div>
@@ -64,19 +64,19 @@
<template v-else>
<div class="favorites-search-card__action-group">
<div class="favorites-search-card__action">
<el-tooltip placement="top" :content="inviteOrLaunchText">
<TooltipWrapper side="top" :content="inviteOrLaunchText">
<el-button
size="small"
:icon="Message"
class="favorites-search-card__action-btn"
@click.stop="newInstanceSelfInvite(favorite.id)"
circle />
</el-tooltip>
</TooltipWrapper>
</div>
<div class="favorites-search-card__action">
<el-tooltip
<TooltipWrapper
v-if="showDangerUnfavorite"
placement="top"
side="top"
:content="t('view.favorite.unfavorite_tooltip')">
<el-button
size="small"
@@ -85,8 +85,8 @@
class="favorites-search-card__action-btn"
type="danger"
@click.stop="handleDeleteFavorite" />
</el-tooltip>
<el-tooltip v-else placement="top" :content="t('view.favorite.edit_favorite_tooltip')">
</TooltipWrapper>
<TooltipWrapper v-else side="top" :content="t('view.favorite.edit_favorite_tooltip')">
<el-button
type="default"
:icon="Star"
@@ -94,7 +94,7 @@
circle
class="favorites-search-card__action-btn"
@click.stop="showFavoriteDialog('world', favorite.id)" />
</el-tooltip>
</TooltipWrapper>
</div>
</div>
</template>
@@ -46,19 +46,19 @@
<template v-else>
<div class="favorites-search-card__action-group">
<div class="favorites-search-card__action">
<el-tooltip placement="top" :content="inviteOrLaunchText">
<TooltipWrapper side="top" :content="inviteOrLaunchText">
<el-button
size="small"
:icon="Message"
class="favorites-search-card__action-btn"
@click.stop="newInstanceSelfInvite(favorite.id)"
circle />
</el-tooltip>
</TooltipWrapper>
</div>
<div class="favorites-search-card__action">
<el-tooltip
<TooltipWrapper
v-if="showDangerUnfavorite"
placement="top"
side="top"
:content="t('view.favorite.unfavorite_tooltip')">
<el-button
size="small"
@@ -67,8 +67,8 @@
class="favorites-search-card__action-btn"
type="danger"
@click.stop="handleDeleteFavorite" />
</el-tooltip>
<el-tooltip v-else placement="top" :content="t('view.favorite.edit_favorite_tooltip')">
</TooltipWrapper>
<TooltipWrapper v-else side="top" :content="t('view.favorite.edit_favorite_tooltip')">
<el-button
type="default"
:icon="Star"
@@ -76,7 +76,7 @@
circle
class="favorites-search-card__action-btn"
@click.stop="showFavoriteDialog('world', favorite.id)" />
</el-tooltip>
</TooltipWrapper>
</div>
</div>
</template>