github/lina
1
0
Fork 0
mirror of https://github.com/jumpserver/lina.git synced 2025-04-28 03:20:24 +00:00
Code Issues Projects Releases Wiki Activity

perf: 统一 tooltip

Browse Source
This commit is contained in:
ibuler 2024-05-21 16:01:36 +08:00
parent aed40c518e
commit acfc1fc942
19 changed files with 28 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
public/theme/element-extra.css
View File

@ -92,8 +92,8 @@
td .el-button.el-button--mini {
padding: 3px 6px;
line-height: 1.5;
padding: 1px 6px;
line-height: 1;
.el-icon--right {
margin-bottom: 2px;

2
src/components/Apps/ChatAi/components/ChitChat/ChatMessage.vue
View File

@ -22,7 +22,7 @@
<el-tooltip
v-if="isSystemError && isLoading"
:content="$tc('Reconnect')"
open-delay="500"
:open-delay="500"
placement="top"
>
<svg-icon icon-class="refresh" @click="onRefresh" />

2
src/components/Cards/RelationCard/index.vue
View File

@ -17,7 +17,7 @@
<template v-if="showHasObjects">
<tr v-for="obj of iHasObjects" :key="obj.value" class="item">
<td style="width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">
<el-tooltip :content="obj.label" effect="dark" open-delay="500" placement="left" style="margin: 4px;">
<el-tooltip :content="obj.label" :open-delay="500" effect="dark" placement="left" style="margin: 4px;">
<b>{{ obj.label }}</b>
</el-tooltip>
</td>

6
src/components/DataActions/index.vue
View File

@ -29,7 +29,7 @@
>
{{ option.group }}
</div>
<el-tooltip :key="option.name" :content="option.tip" :disabled="!option.tip" open-delay="500" placement="top">
<el-tooltip :key="option.name" :content="option.tip" :disabled="!option.tip" :open-delay="500" placement="top">
<el-dropdown-item
:key="option.name"
:command="[option, action]"
@ -56,7 +56,7 @@
v-bind="{...cleanButtonAction(action), icon: action.icon && action.icon.startsWith('el-') ? action.icon : ''}"
@click="handleClick(action)"
>
<el-tooltip :content="action.tip" :disabled="!action.tip" :open-delay="500" placement="top">
<el-tooltip ::open-delay="500" :content="action.tip" :disabled="!action.tip" placement="top">
<span>
<span v-if="action.icon && !action.icon.startsWith('el-')" style="vertical-align: initial">
<i v-if="action.icon.startsWith('fa')" :class="'fa ' + action.icon" />
@ -246,7 +246,7 @@ export default {
}
::v-deep .action-item.el-dropdown .el-button {
padding: 3px 6px;
//padding: 3px 6px;
background-color: #E8F7F4;
color: #1ab394;

2
src/components/Form/DataForm/components/el-form-renderer/components/render-form-item.vue
View File

@ -9,7 +9,7 @@
>
<template v-if="data.label" #label>
<span>{{ data.label }}</span>
<el-tooltip v-if="data.helpTip" effect="dark" open-delay="500" placement="right" popper-class="help-tips">
<el-tooltip v-if="data.helpTip" :open-delay="500" effect="dark" placement="right" popper-class="help-tips">
<div slot="content" v-html="data.helpTip" />
<i class="fa fa-question-circle-o help-tip-icon" />
</el-tooltip>

6
src/components/Form/FormFields/CodeEditor.vue
View File

@ -6,7 +6,7 @@
:key="index"
style="display: inline-block; margin: 0 2px"
>
<el-tooltip :content="item.tip" :disabled="!item.tip" open-delay="500" placement="top">
<el-tooltip :content="item.tip" :disabled="!item.tip" :open-delay="500" placement="top">
<el-button
v-if="item.type ==='button' && !item.isVisible"
:type="item.el&&item.el.type"
@ -93,7 +93,7 @@
</div>
<div v-if="toolbar.hasOwnProperty('fold')" class="fold">
<el-tooltip :content="$tc('MoreActions')" open-delay="500" placement="top">
<el-tooltip :content="$tc('MoreActions')" :open-delay="500" placement="top">
<i
:class="[isFold ? 'fa-angle-double-right': 'fa-angle-double-down']"
class="fa"
@ -108,7 +108,7 @@
:key="index"
style="display: inline-block"
>
<el-tooltip :content="item.tip" open-delay="500">
<el-tooltip :content="item.tip" :open-delay="500">
<el-button
v-if="item.type ==='button'"
:disabled="item.disabled"

2
src/components/Table/ListTable/TableAction/RightSide.vue
View File

@ -148,7 +148,7 @@ export default {
::v-deep .el-button {
border: none;
padding: 5px;
padding: 7px;
font-size: 14px;
color: var(--color-icon-primary);
background-color: transparent;

2
src/components/Table/TableFormatters/AmountFormatter.vue
View File

@ -2,8 +2,8 @@
<DetailFormatter :col="col" :row="row">
<template>
<el-popover
::open-delay="500"
:disabled="!showItems"
:open-delay="500"
:title="title"
placement="top-start"
trigger="hover"

2
src/components/Table/TableFormatters/ChoicesFormatter.vue
View File

@ -1,6 +1,6 @@
<template>
<span>
<el-tooltip v-if="shown" :disabled="!formatterArgs.hasTips" effect="dark" open-delay="500" placement="bottom">
<el-tooltip v-if="shown" :disabled="!formatterArgs.hasTips" :open-delay="500" effect="dark" placement="bottom">
<div slot="content" v-html="tips" />
<span :class="classes">
<i v-if="formatterArgs.showIcon && icon" :class="'fa ' + icon" />

2
src/components/Table/TableFormatters/StatusFormatter.vue
View File

@ -1,6 +1,6 @@
<template>
<div>
<el-tooltip v-if="formatterArgs.hasTips" effect="dark" open-delay="500" placement="bottom">
<el-tooltip v-if="formatterArgs.hasTips" :open-delay="500" effect="dark" placement="bottom">
<div slot="content">
<template v-if="tipsIsArray">
<div v-for="tip of tips" :key="tip">

2
src/components/Widgets/Term/index.vue
View File

@ -6,7 +6,7 @@
:key="index"
style="display: inline-block"
>
<el-tooltip :content="item.tip" open-delay="500">
<el-tooltip :content="item.tip" :open-delay="500">
<el-button
v-if="!item.isScrollButton || showScrollButton"
size="mini"

2
src/layout/components/NavHeader/ViewSwitcher.vue
View File

@ -3,9 +3,9 @@
v-model="iShowTip"
:content="tipText"
:manual="true"
:open-delay="500"
class="item"
effect="dark"
open-delay="500"
placement="bottom-start"
>
<el-menu

8
src/layout/components/NavHeader/index.vue
View File

@ -2,22 +2,22 @@
<div class="navbar">
<ul class="navbar-right">
<li class="header-item header-icon">
<el-tooltip :content="$tc('SiteMessageList')" effect="dark" open-delay="500">
<el-tooltip :content="$tc('SiteMessageList')" :open-delay="500" effect="dark">
<SiteMessages />
</el-tooltip>
</li>
<li v-perms="['rbac.view_webterminal']" class="header-item header-icon">
<el-tooltip :content="$tc('WebTerminal')" effect="dark" open-delay="500">
<el-tooltip :content="$tc('WebTerminal')" :open-delay="500" effect="dark">
<WebTerminal />
</el-tooltip>
</li>
<li v-if="ticketsEnabled" class="header-item header-hover">
<el-tooltip :content="$tc('Ticket')" effect="dark" open-delay="500">
<el-tooltip :content="$tc('Ticket')" :open-delay="500" effect="dark">
<Tickets />
</el-tooltip>
</li>
<li v-perms="'settings.view_setting'" class="header-item header-icon">
<el-tooltip :content="$tc('SystemSetting')" effect="dark" open-delay="500">
<el-tooltip :content="$tc('SystemSetting')" :open-delay="500" effect="dark">
<SystemSetting />
</el-tooltip>
</li>

2
src/layout/components/Page/index.vue
View File

@ -14,7 +14,7 @@
<slot name="title">
<span style="padding-left: 10px">
{{ iTitle }}
<el-tooltip v-if="helpTip" effect="dark" open-delay="500" placement="top" popper-class="help-tips">
<el-tooltip v-if="helpTip" :open-delay="500" effect="dark" placement="top" popper-class="help-tips">
<div slot="content" class="page-help-content" v-html="helpTip" />
<span>
<el-button class="help-msg-btn">

2
src/layout/components/TabPage/index.vue
View File

@ -23,7 +23,7 @@
<i v-if="item.icon" :class="item.icon" class="fa pre-icon " />
{{ toSentenceCase(item.title) }}
<slot :tab="item.name" name="badge" />
<el-tooltip v-if="item.helpTip" effect="dark" open-delay="500" placement="bottom" popper-class="help-tips">
<el-tooltip v-if="item.helpTip" :open-delay="500" effect="dark" placement="bottom" popper-class="help-tips">
<div slot="content" class="page-help-content" v-html="item.helpTip" />
<span>
<el-button class="help-msg-btn">

2
src/views/assets/Asset/AssetDetail/components/PermUserGroupCard.vue
View File

@ -11,8 +11,8 @@
<td>
<el-tooltip
:content="obj.label"
:open-delay="500"
effect="dark"
open-delay="500"
placement="left"
style="margin: 4px;"
>

2
src/views/dashboard/components/Title.vue
View File

@ -4,8 +4,8 @@
<el-tooltip
v-if="hasTip"
:content="config.tip"
:open-delay="500"
effect="dark"
open-delay="500"
placement="top"
>
<i class="fa fa-exclamation-circle icon" />

2
src/views/perms/AssetPermission/components/AccountFormatter.vue
View File

@ -9,7 +9,7 @@
@change="handleCheckboxCheck(i, $event)"
>
{{ i.label }}
<el-tooltip :content="i.tip" open-delay="500" placement="top">
<el-tooltip :content="i.tip" :open-delay="500" placement="top">
<i class="fa fa-question-circle-o" />
</el-tooltip>
</el-checkbox>

4
src/views/settings/Tool/Base.vue
View File

@ -8,7 +8,7 @@
<el-form-item :label="item.label" :prop="item.name" label-width="80px">
<template #label>
{{ item.label }}
<el-tooltip v-if="item.tip" :content="item.tip" open-delay="500" placement="top">
<el-tooltip v-if="item.tip" :content="item.tip" :open-delay="500" placement="top">
<i class="fa fa-question-circle-o" />
</el-tooltip>
</template>
@ -27,7 +27,7 @@
<el-form-item :label="field.label" :prop="field.name">
<template #label>
{{ field.label }}
<el-tooltip v-if="field.tip" :content="field.tip" open-delay="500" placement="top">
<el-tooltip v-if="field.tip" :content="field.tip" :open-delay="500" placement="top">
<i class="fa fa-question-circle-o" />
</el-tooltip>
</template>