chore: 修改VbenTooltip默认方向 新增\n换行功能

This commit is contained in:
dap 2024-10-20 10:34:25 +08:00
parent 8bc62cf2df
commit 02957060bf
3 changed files with 9 additions and 6 deletions

View File

@ -242,7 +242,7 @@ export const drawerSchema: FormSchemaGetter = () => [
triggerFields: ['isFrame', 'menuType'], triggerFields: ['isFrame', 'menuType'],
}, },
fieldName: 'path', fieldName: 'path',
help: `路由地址不带/, 如: menu, user 链接为http(s)://开头 链接默认使用内部iframe打开, 可通过{是否外链}控制打开方式`, help: `路由地址不带/, 如: menu, user\n 链接为http(s)://开头\n 链接默认使用内部iframe打开, 可通过{是否外链}控制打开方式`,
label: '路由地址', label: '路由地址',
}, },
{ {
@ -290,7 +290,7 @@ export const drawerSchema: FormSchemaGetter = () => [
triggerFields: ['menuType'], triggerFields: ['menuType'],
}, },
fieldName: 'isFrame', fieldName: 'isFrame',
help: '外链为http(s)://开头 选择否时, 使用iframe从内部打开页面, 否则新窗口打开', help: '外链为http(s)://开头\n 选择否时, 使用iframe从内部打开页面, 否则新窗口打开',
label: '是否外链', label: '是否外链',
}, },
{ {
@ -335,7 +335,7 @@ export const drawerSchema: FormSchemaGetter = () => [
triggerFields: ['menuType'], triggerFields: ['menuType'],
}, },
fieldName: 'perms', fieldName: 'perms',
help: `控制器中定义的权限字符, 如: @SaCheckPermission("system:user:import")`, help: `控制器中定义的权限字符\n 如: @SaCheckPermission("system:user:import")`,
label: '权限标识', label: '权限标识',
}, },
{ {
@ -351,7 +351,7 @@ export const drawerSchema: FormSchemaGetter = () => [
triggerFields: ['menuType'], triggerFields: ['menuType'],
}, },
fieldName: 'queryParam', fieldName: 'queryParam',
help: 'vue-router中的query属性, 如{"name": "xxx", "age": 16}', help: 'vue-router中的query属性\n 如{"name": "xxx", "age": 16}',
label: '路由参数', label: '路由参数',
}, },
{ {

View File

@ -16,7 +16,10 @@ const props = defineProps<Props>();
<span v-if="required" class="text-destructive mr-[2px]">*</span> <span v-if="required" class="text-destructive mr-[2px]">*</span>
<slot></slot> <slot></slot>
<VbenHelpTooltip v-if="help" trigger-class="size-3.5 ml-1"> <VbenHelpTooltip v-if="help" trigger-class="size-3.5 ml-1">
<!-- 可通过\n换行 -->
<span class="whitespace-pre-line">
{{ help }} {{ help }}
</span>
</VbenHelpTooltip> </VbenHelpTooltip>
</FormLabel> </FormLabel>
</template> </template>

View File

@ -13,7 +13,7 @@ defineProps<{ triggerClass?: string }>();
</script> </script>
<template> <template>
<Tooltip :delay-duration="300" side="right"> <Tooltip :delay-duration="300" side="top">
<template #trigger> <template #trigger>
<slot name="trigger"> <slot name="trigger">
<CircleHelp <CircleHelp