perf: tooltip

This commit is contained in:
archer
2023-07-23 22:39:55 +08:00
parent ea35ad2144
commit 6fd83e1e75
17 changed files with 187 additions and 401 deletions

View File

@@ -174,7 +174,7 @@ const Settings = ({ appId }: { appId: string }) => {
<Flex pr={4} justifyContent={'space-between'}>
<Box fontSize={['md', 'xl']} fontWeight={'bold'}>
<MyTooltip label={'仅包含基础功能,复杂 agent 功能请使用高级编排。'}>
<MyTooltip label={'仅包含基础功能,复杂 agent 功能请使用高级编排。'} forceShow>
<QuestionOutlineIcon ml={2} fontSize={'md'} />
</MyTooltip>
</Box>
@@ -309,7 +309,7 @@ const Settings = ({ appId }: { appId: string }) => {
<Flex mt={10} alignItems={'flex-start'}>
<Box {...LabelStyles}>
<MyTooltip label={ChatModelSystemTip}>
<MyTooltip label={ChatModelSystemTip} forceShow>
<QuestionOutlineIcon display={['none', 'inline']} ml={1} />
</MyTooltip>
</Box>
@@ -323,7 +323,7 @@ const Settings = ({ appId }: { appId: string }) => {
<Flex mt={5} alignItems={'flex-start'}>
<Box {...LabelStyles}>
<MyTooltip label={ChatModelLimitTip}>
<MyTooltip label={ChatModelLimitTip} forceShow>
<QuestionOutlineIcon display={['none', 'inline']} ml={1} />
</MyTooltip>
</Box>
@@ -381,7 +381,7 @@ const Settings = ({ appId }: { appId: string }) => {
<Flex alignItems={'center'}>
<Avatar src={'/imgs/module/userGuide.png'} w={'18px'} />
<Box mx={2}></Box>
<MyTooltip label={welcomeTextTip}>
<MyTooltip label={welcomeTextTip} forceShow>
<QuestionOutlineIcon />
</MyTooltip>
</Flex>

View File

@@ -26,7 +26,7 @@ const NodeUserGuide = ({
<Flex mb={1} alignItems={'center'}>
<MyIcon name={'welcomeText'} mr={2} w={'16px'} color={'#E74694'} />
<Box></Box>
<MyTooltip label={welcomeTextTip}>
<MyTooltip label={welcomeTextTip} forceShow>
<QuestionOutlineIcon display={['none', 'inline']} ml={1} />
</MyTooltip>
</Flex>

View File

@@ -20,7 +20,7 @@ const Label = ({
</Box>
)}
{description && (
<MyTooltip label={description}>
<MyTooltip label={description} forceShow>
<QuestionOutlineIcon display={['none', 'inline']} fontSize={'12px'} mb={1} ml={1} />
</MyTooltip>
)}

View File

@@ -36,7 +36,7 @@ const NodeCard = ({
{name}
</Box>
{description && (
<MyTooltip label={description}>
<MyTooltip label={description} forceShow>
<QuestionOutlineIcon display={['none', 'inline']} ml={1} />
</MyTooltip>
)}

View File

@@ -34,7 +34,7 @@ export const Label = ({
</Box>
)}
{description && (
<MyTooltip label={description}>
<MyTooltip label={description} forceShow>
<QuestionOutlineIcon display={['none', 'inline']} ml={1} />
</MyTooltip>
)}

View File

@@ -15,7 +15,7 @@ const Label = ({
}) => (
<Flex as={'label'} justifyContent={'right'} alignItems={'center'} position={'relative'}>
{description && (
<MyTooltip label={description}>
<MyTooltip label={description} forceShow>
<QuestionOutlineIcon display={['none', 'inline']} mr={1} />
</MyTooltip>
)}

View File

@@ -146,7 +146,7 @@ export const KbParamsModal = ({
<Box display={['block', 'flex']} pt={3} pb={5}>
<Box flex={'0 0 100px'} mb={[8, 0]}>
<MyTooltip label={'高相似度推荐0.8及以上。'}>
<MyTooltip label={'高相似度推荐0.8及以上。'} forceShow>
<QuestionOutlineIcon ml={1} />
</MyTooltip>
</Box>

View File

@@ -88,7 +88,10 @@ const Share = ({ appId }: { appId: string }) => {
<Flex justifyContent={'space-between'}>
<Box fontWeight={'bold'}>
<MyTooltip label="可以直接分享该模型给其他用户去进行对话对方无需登录即可直接进行对话。注意这个功能会消耗你账号的tokens。请保管好链接和密码。">
<MyTooltip
forceShow
label="可以直接分享该模型给其他用户去进行对话对方无需登录即可直接进行对话。注意这个功能会消耗你账号的tokens。请保管好链接和密码。"
>
<QuestionOutlineIcon ml={1} />
</MyTooltip>
</Box>