feat：【mall 商城】会员统计【antd】10% 初始化

apps/web-antd/src/views/mall/statistics/member/modules/area-chart-options.ts

@@ -0,0 +1,61 @@
+import type { EChartsOption } from 'echarts';
+import type { MallMemberStatisticsApi } from '#/api/mall/statistics/member';
+
+import { fenToYuan } from '@vben/utils';
+
+// 地图数据由 @vben/plugins/echarts 自动处理
+
+/** 会员地域分布图表配置 */
+export function getAreaChartOptions(data: MallMemberStatisticsApi.AreaStatistics[]): EChartsOption {
+  let min = 0;
+  let max = 0;
+  
+  const mapData = data.map((item) => {
+    min = Math.min(min, item.orderPayUserCount || 0);
+    max = Math.max(max, item.orderPayUserCount || 0);
+    return {
+      ...item,
+      name: item.areaName,
+      value: item.orderPayUserCount || 0,
+    };
+  });
+
+  return {
+    tooltip: {
+      trigger: 'item',
+      formatter: (params: any) => {
+        const data = params?.data;
+        if (!data) return params?.name || '';
+        
+        return `${data.areaName || params.name}<br/>
+会员数量：${data.userCount || 0}<br/>
+订单创建数量：${data.orderCreateUserCount || 0}<br/>
+订单支付数量：${data.orderPayUserCount || 0}<br/>
+订单支付金额：￥${Number(fenToYuan(data.orderPayPrice || 0)).toFixed(2)}`;
+      },
+    },
+    visualMap: {
+      text: ['高', '低'],
+      realtime: false,
+      calculable: true,
+      top: 'middle',
+      min,
+      max,
+      inRange: {
+        color: ['#fff', '#3b82f6'],
+      },
+    },
+    series: [
+      {
+        name: '会员地域分布',
+        type: 'map',
+        map: 'china',
+        roam: false,
+        selectedMode: false,
+        data: mapData,
+      },
+    ],
+  };
+}
+
+// 地图数据已在 @vben/plugins/echarts 中自动注册