feat: 新增商品统计组件和优化数据处理逻辑

- 引入商品排行和商品概况组件，展示商品相关统计信息
- 更新商品统计 API，支持时间范围查询和数据格式化
- 优化数据加载逻辑，提升用户体验
- 添加日期范围选择器，增强统计数据的灵活性

packages/icons/src/svg/icons/eye.svg

@@ -0,0 +1,33 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300">
+  <!-- 样式定义 -->
+  <style>
+    .eye-outline { fill: #0D47A1; }
+    .eye-white { fill: #BBDEFB; }
+    .eye-iris { fill: #2196F3; }
+    .eye-pupil { fill: #000000; }
+    .eye-highlight { fill: #FFFFFF; }
+    .eye-shadow { fill: #1565C0; }
+  </style>
+  
+  <!-- 眼睛外轮廓 -->
+  <path class="eye-outline" d="M200,250c-80,0-160-60-200-100c40-40,120-100,200-100s160,60,200,100C360,190,280,250,200,250z"/>
+  
+  <!-- 眼睛白色部分 -->
+  <path class="eye-white" d="M200,70c70,0,140,50,180,80c-40,30-110,80-180,80s-140-50-180-80C60,120,130,70,200,70z"/>
+  
+  <!-- 眼睑阴影 -->
+  <path class="eye-shadow" d="M200,90c-60,0-120,40-160,60c40,20,100,60,160,60s120-40,160-60C320,130,260,90,200,90z"/>
+  
+  <!-- 虹膜 -->
+  <circle class="eye-iris" cx="200" cy="150" r="60"/>
+  
+  <!-- 瞳孔 - 确保是明显的黑色圆形 -->
+  <circle class="eye-pupil" cx="200" cy="150" r="25"/>
+  
+  <!-- 高光 -->
+  <circle class="eye-highlight" cx="180" cy="130" r="12"/>
+  
+  <!-- 装饰线条 -->
+  <path class="eye-highlight" d="M100,110c10-5,30-15,40-20c3-1,2-5-1-4c-10,5-30,15-40,20C96,107,97,111,100,110z"/>
+  <path class="eye-highlight" d="M300,190c2-5,5-10,10-15c10-10,20-20,30-25c2-1,0-5-2-4c-15,10-30,30-40,45C297,193,299,195,300,190z"/>
+</svg> 

packages/icons/src/svg/index.ts

@@ -10,6 +10,7 @@ const SvgDownloadIcon = createIconifyIcon('svg:download');
 const SvgCardIcon = createIconifyIcon('svg:card');
 const SvgBellIcon = createIconifyIcon('svg:bell');
 const SvgCakeIcon = createIconifyIcon('svg:cake');
+const SvgEyeIcon = createIconifyIcon('svg:eye');
 const SvgAntdvLogoIcon = createIconifyIcon('svg:antdv-logo');
 
 /** AI */
@@ -44,6 +45,7 @@ export {
   SvgCakeIcon,
   SvgCardIcon,
   SvgDownloadIcon,
+  SvgEyeIcon,
   SvgGptIcon,
   SvgMockIcon,
   SvgWalletIcon,