From fd09c70b2675b21bc157f6221c5bd47bb41c6b4c Mon Sep 17 00:00:00 2001
From: easy1090 <752355956@qq.com>
Date: Mon, 25 Dec 2023 17:36:31 +0800
Subject: [PATCH] optimize(client):overall page UI optimize

---
 .../src/components/Alert/package-relation.tsx     | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/packages/components/src/components/Alert/package-relation.tsx b/packages/components/src/components/Alert/package-relation.tsx
index 3dadef20..32e6ac7d 100644
--- a/packages/components/src/components/Alert/package-relation.tsx
+++ b/packages/components/src/components/Alert/package-relation.tsx
@@ -155,13 +155,24 @@ export const PackageRelationAlert: React.FC<PackageRelationAlertProps> = ({
                         </div>
                       }
                       value={sizeStr}
-                      tooltip={`The bundle size of "${name}" is ${sizeStr}, this is source size.`}
+                      tooltip={`Source Size: The sum of the source size of the package used in this project.`}
                       type="error"
                     />
                     <Bdg
                       label="Bundled size"
                       value={parsedSizeStr || 'CONCATENATED'}
-                      tooltip={`The bundle size of "${name}" is ${sizeStr}, this is after bundled, concatenated module cannot get bundled size. `}
+                      tooltip={
+                        <div style={{ color: 'white' }}>
+                          <h3>Notice</h3>
+                          <Space direction="vertical">
+                            {
+                              parsedSizeStr
+                              ? <text> - Bundled Size: The sum of the final size in bundled artifacts of the package used by the project.</text> 
+                              : <text> - CONCATENATED: This package bundled size is 0. This package maybe packaged as an concatenated modules or shaken by tree.</text>
+                            }
+                          </Space>
+                        </div>
+                      }
                       type="error"
                     />
                   </Space>