feat: FullModalField 增加tip能力

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<FullModalFieldProps> = React.memo(
 
     return (
       <div className="mb-4">
-        <div className="text-xs text-gray-400 mb-2">{props.title}</div>
-        <div className="h-10 text-base truncate">
+        <div className="text-xs text-gray-400 mb-2 flex items-center">
+          <span>{props.title}</span>
+          {props.tip && (
+            <span className="ml-1 text-sm">
+              <TipIcon content={props.tip} />
+            </span>
+          )}
+        </div>
+        <div className="min-h-10 text-base truncate">
           {allowEditor === true ? (
             <FullModalFieldEditor {...props} />
           ) : (

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 (
+    <DelayTip overlay={content}>
+      <Icon icon="mdi:alert-circle-outline" />
+    </DelayTip>
+  );
+});
+TipIcon.displayName = 'TipIcon';