mirror of
https://github.com/nocodb/nocodb.git
synced 2026-05-01 05:16:54 +00:00
44 lines
1.1 KiB
Vue
44 lines
1.1 KiB
Vue
<script setup lang="ts">
|
|
import type { TooltipPlacement } from 'ant-design-vue/es/tooltip'
|
|
import type { CSSProperties } from '@vue/runtime-dom'
|
|
|
|
defineProps<{
|
|
tooltipStyle?: CSSProperties
|
|
overlayInnerStyle?: CSSProperties
|
|
mouseLeaveDelay?: number
|
|
placement?: TooltipPlacement
|
|
trigger?: 'hover' | 'click'
|
|
message?: string
|
|
enabled?: boolean
|
|
isSqlView?: boolean
|
|
}>()
|
|
</script>
|
|
|
|
<template>
|
|
<NcTooltip
|
|
:disabled="!enabled"
|
|
:tooltip-style="{ 'min-width': 'max-content' }"
|
|
:overlay-inner-style="{ 'min-width': 'max-content' }"
|
|
:mouse-leave-delay="0.3"
|
|
placement="left"
|
|
trigger="hover"
|
|
>
|
|
<template #title>
|
|
<slot name="title">
|
|
{{ isSqlView ? $t('tooltip.schemaChangeDisabledFormSqlView') : $t('tooltip.schemaChangeDisabled') }} <br />
|
|
{{ message }}
|
|
<br v-if="message" />
|
|
<a
|
|
v-if="!isSqlView"
|
|
class="!text-current"
|
|
href="https://nocodb.com/docs/product-docs/data-sources/connect-to-data-source#configuring-permissions"
|
|
target="_blank"
|
|
>
|
|
Learn more
|
|
</a>
|
|
</slot>
|
|
</template>
|
|
<slot />
|
|
</NcTooltip>
|
|
</template>
|