diff --git a/web/src/components/FullModal/Field.tsx b/web/src/components/FullModal/Field.tsx index d137feed..e67409c3 100644 --- a/web/src/components/FullModal/Field.tsx +++ b/web/src/components/FullModal/Field.tsx @@ -5,6 +5,7 @@ import { Input, Space } from 'antd'; import { t } from 'tailchat-shared'; import { DelayTip } from '../DelayTip'; import { IconBtn } from '../IconBtn'; +import { TipIcon } from '../TipIcon'; export type FullModalFieldEditorRenderComponent = React.FC<{ value: string; @@ -17,6 +18,11 @@ interface FullModalFieldProps { */ title: React.ReactNode; + /** + * 提示信息 + */ + tip: React.ReactNode; + /** * 字段内容 * 如果没有则向下取value的值 @@ -116,8 +122,15 @@ export const FullModalField: React.FC = React.memo( return (
-
{props.title}
-
+
+ {props.title} + {props.tip && ( + + + + )} +
+
{allowEditor === true ? ( ) : ( diff --git a/web/src/components/TipIcon.tsx b/web/src/components/TipIcon.tsx new file mode 100644 index 00000000..23455e4f --- /dev/null +++ b/web/src/components/TipIcon.tsx @@ -0,0 +1,14 @@ +import { Icon } from './Icon'; +import React from 'react'; +import { DelayTip } from './DelayTip'; + +export const TipIcon: React.FC<{ + content: React.ReactNode; +}> = React.memo(({ content }) => { + return ( + + + + ); +}); +TipIcon.displayName = 'TipIcon';