@beppla/tapas-ui 1.4.30 → 1.4.31

package/commonjs/PieChart/NestedPieChart.utils.js

@@ -0,0 +1,360 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.buildLegendGroupData = buildLegendGroupData;
+exports.cleanData = cleanData;
+exports.defaultFormatValue = exports.defaultFormatPercent = void 0;
+exports.flatToTree = flatToTree;
+exports.formatEuro = void 0;
+exports.generateColorMap = generateColorMap;
+exports.generateColorShades = generateColorShades;
+exports.isTreeData = isTreeData;
+exports.processData = processData;
+exports.sortLegendGroups = sortLegendGroups;
+exports.sortLegendItems = sortLegendItems;
+/**
+ * NestedPieChart 工具函数
+ * 数据处理、配色生成、格式化等
+ */
+
+/**
+ * 判断是否为树形数据
+ */
+function isTreeData(data) {
+  if (!data || data.length === 0) return false;
+  const firstItem = data[0];
+  if (!firstItem) return false;
+  return 'children' in firstItem || !('groupKey' in firstItem);
+}
+
+/**
+ * 将扁平数据转换为树形数据
+ */
+function flatToTree(flatData) {
+  const groupMap = new Map();
+  flatData.forEach(item => {
+    if (!groupMap.has(item.groupKey)) {
+      groupMap.set(item.groupKey, {
+        key: item.groupKey,
+        label: item.groupLabel,
+        children: [],
+        metadata: {}
+      });
+    }
+    const group = groupMap.get(item.groupKey);
+    group.children.push({
+      key: item.key,
+      label: item.label,
+      value: item.value,
+      color: item.color,
+      metadata: item.metadata
+    });
+  });
+  return Array.from(groupMap.values());
+}
+
+/**
+ * 过滤0值并去重合并
+ */
+function cleanData(data) {
+  const keyMap = new Map();
+  data.forEach(node => {
+    // 递归处理子节点
+    const cleanedChildren = node.children ? cleanData(node.children) : undefined;
+
+    // 计算节点值（如果有子节点则汇总）
+    const nodeValue = cleanedChildren && cleanedChildren.length > 0 ? cleanedChildren.reduce((sum, child) => sum + (child.value || 0), 0) : node.value || 0;
+
+    // 过滤0值
+    if (nodeValue === 0) return;
+
+    // 去重合并
+    if (keyMap.has(node.key)) {
+      const existing = keyMap.get(node.key);
+      existing.value = (existing.value || 0) + nodeValue;
+      if (cleanedChildren) {
+        existing.children = [...(existing.children || []), ...cleanedChildren];
+      }
+    } else {
+      keyMap.set(node.key, {
+        ...node,
+        value: nodeValue,
+        children: cleanedChildren
+      });
+    }
+  });
+  return Array.from(keyMap.values());
+}
+
+/**
+ * 颜色工具：RGB <-> HSL 转换
+ */
+function rgbToHsl(r, g, b) {
+  r /= 255;
+  g /= 255;
+  b /= 255;
+  const max = Math.max(r, g, b);
+  const min = Math.min(r, g, b);
+  let h = 0,
+    s = 0;
+  const l = (max + min) / 2;
+  if (max !== min) {
+    const d = max - min;
+    s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+    switch (max) {
+      case r:
+        h = ((g - b) / d + (g < b ? 6 : 0)) / 6;
+        break;
+      case g:
+        h = ((b - r) / d + 2) / 6;
+        break;
+      case b:
+        h = ((r - g) / d + 4) / 6;
+        break;
+    }
+  }
+  return [h * 360, s * 100, l * 100];
+}
+function hslToRgb(h, s, l) {
+  h /= 360;
+  s /= 100;
+  l /= 100;
+  let r, g, b;
+  if (s === 0) {
+    r = g = b = l;
+  } else {
+    const hue2rgb = (p, q, t) => {
+      if (t < 0) t += 1;
+      if (t > 1) t -= 1;
+      if (t < 1 / 6) return p + (q - p) * 6 * t;
+      if (t < 1 / 2) return q;
+      if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6;
+      return p;
+    };
+    const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
+    const p = 2 * l - q;
+    r = hue2rgb(p, q, h + 1 / 3);
+    g = hue2rgb(p, q, h);
+    b = hue2rgb(p, q, h - 1 / 3);
+  }
+  return [Math.round(r * 255), Math.round(g * 255), Math.round(b * 255)];
+}
+function hexToRgb(hex) {
+  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+  return result && result[1] && result[2] && result[3] ? [parseInt(result[1], 16), parseInt(result[2], 16), parseInt(result[3], 16)] : [0, 0, 0];
+}
+function rgbToHex(r, g, b) {
+  return '#' + [r, g, b].map(x => {
+    const hex = x.toString(16);
+    return hex.length === 1 ? '0' + hex : hex;
+  }).join('');
+}
+
+/**
+ * 生成渐变色系列（同色系，明度/饱和度渐变）
+ */
+function generateColorShades(baseColor, count, _minColorDiff = 0.1) {
+  if (count <= 1) return [baseColor];
+  const [r, g, b] = hexToRgb(baseColor);
+  const [h, s, l] = rgbToHsl(r, g, b);
+  const colors = [];
+
+  // 策略：固定色相，调整饱和度和明度
+  // 为避免颜色过淡或过深，限制明度范围
+  const minL = Math.max(30, l - 25);
+  const maxL = Math.min(85, l + 25);
+  const lStep = (maxL - minL) / (count - 1);
+
+  // 同时调整饱和度，避免灰蒙蒙
+  const minS = Math.max(40, s - 20);
+  const maxS = Math.min(100, s + 20);
+  const sStep = (maxS - minS) / (count - 1);
+  for (let i = 0; i < count; i++) {
+    const newL = minL + lStep * i;
+    const newS = minS + sStep * (count - 1 - i); // 反向：越深饱和度越高
+    const [newR, newG, newB] = hslToRgb(h, newS, newL);
+    colors.push(rgbToHex(newR, newG, newB));
+  }
+  return colors;
+}
+
+/**
+ * 生成配色方案
+ */
+function generateColorMap(data, strategy, defaultColors) {
+  const colorMap = new Map();
+  const baseColors = strategy.baseColors || {};
+  data.forEach((node, index) => {
+    // 大类颜色
+    const baseColor = baseColors[node.key] || node.color || defaultColors[index % defaultColors.length];
+    if (baseColor) {
+      colorMap.set(node.key, baseColor);
+    }
+
+    // 子类渐变色
+    if (node.children && node.children.length > 0 && strategy.autoGenerate !== false && baseColor) {
+      const childrenColors = generateColorShades(baseColor, node.children.length, strategy.minColorDiff);
+      node.children.forEach((child, childIndex) => {
+        if (!child.color) {
+          const childColor = childrenColors[childIndex];
+          if (childColor) {
+            colorMap.set(child.key, childColor);
+          }
+        } else {
+          colorMap.set(child.key, child.color);
+        }
+      });
+    }
+  });
+  return colorMap;
+}
+
+/**
+ * 处理数据：计算值、百分比、路径等
+ */
+function processData(data, colorMap, parentKey, parentPath = [], level = 0) {
+  let total = 0;
+  const processed = [];
+  data.forEach(node => {
+    const path = [...parentPath, node.key];
+    const nodeValue = node.value || 0;
+
+    // 递归处理子节点
+    let childrenProcessed = [];
+    let childrenTotal = 0;
+    if (node.children && node.children.length > 0) {
+      const result = processData(node.children, colorMap, node.key, path, level + 1);
+      childrenProcessed = result.processed;
+      childrenTotal = result.total;
+    }
+
+    // 如果有子节点，使用子节点汇总值；否则使用自身值
+    const finalValue = childrenTotal > 0 ? childrenTotal : nodeValue;
+    if (finalValue > 0) {
+      processed.push({
+        key: node.key,
+        label: node.label,
+        value: finalValue,
+        percent: 0,
+        // 稍后计算
+        color: colorMap.get(node.key) || '#999',
+        level,
+        parentKey,
+        path,
+        children: childrenProcessed.length > 0 ? childrenProcessed : undefined,
+        metadata: node.metadata
+      });
+      total += finalValue;
+    }
+  });
+
+  // 计算百分比
+  processed.forEach(item => {
+    item.percent = total > 0 ? item.value / total * 100 : 0;
+    if (item.children) {
+      const childTotal = item.children.reduce((sum, child) => sum + child.value, 0);
+      item.children.forEach(child => {
+        child.percent = childTotal > 0 ? child.value / childTotal * 100 : 0;
+      });
+    }
+  });
+  return {
+    processed,
+    total
+  };
+}
+
+/**
+ * 排序函数 - 图例项
+ */
+function sortLegendItems(data, strategy) {
+  const sorted = [...data];
+  switch (strategy) {
+    case 'value-desc':
+      return sorted.sort((a, b) => b.value - a.value);
+    case 'value-asc':
+      return sorted.sort((a, b) => a.value - b.value);
+    case 'label-asc':
+      return sorted.sort((a, b) => a.label.localeCompare(b.label));
+    case 'label-desc':
+      return sorted.sort((a, b) => b.label.localeCompare(a.label));
+    default:
+      return sorted;
+  }
+}
+
+/**
+ * 排序函数 - 图例分组
+ */
+function sortLegendGroups(data, strategy) {
+  const sorted = [...data];
+  switch (strategy) {
+    case 'value-desc':
+      return sorted.sort((a, b) => b.groupValue - a.groupValue);
+    case 'value-asc':
+      return sorted.sort((a, b) => a.groupValue - b.groupValue);
+    case 'label-asc':
+      return sorted.sort((a, b) => a.groupLabel.localeCompare(b.groupLabel));
+    case 'label-desc':
+      return sorted.sort((a, b) => b.groupLabel.localeCompare(a.groupLabel));
+    default:
+      return sorted;
+  }
+}
+
+/**
+ * 构建分组图例数据
+ */
+function buildLegendGroupData(processed, groupSortStrategy = 'none', itemSortStrategy = 'none', defaultExpanded = true) {
+  const groups = processed.map(parent => {
+    const items = parent.children ? parent.children.map(child => ({
+      key: child.key,
+      label: child.label,
+      value: child.value,
+      percent: child.percent,
+      color: child.color,
+      metadata: child.metadata
+    })) : [];
+    const sortedItems = sortLegendItems(items, itemSortStrategy);
+    return {
+      groupKey: parent.key,
+      groupLabel: parent.label,
+      groupValue: parent.value,
+      groupPercent: parent.percent,
+      groupColor: parent.color,
+      items: sortedItems,
+      isExpanded: defaultExpanded,
+      metadata: parent.metadata
+    };
+  });
+  return sortLegendGroups(groups, groupSortStrategy);
+}
+
+/**
+ * 默认格式化函数
+ */
+const defaultFormatValue = value => {
+  return new Intl.NumberFormat('en-US', {
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2
+  }).format(value);
+};
+exports.defaultFormatValue = defaultFormatValue;
+const defaultFormatPercent = percent => {
+  return `${percent.toFixed(1)}%`;
+};
+
+/**
+ * 默认货币格式化（欧元）
+ */
+exports.defaultFormatPercent = defaultFormatPercent;
+const formatEuro = value => {
+  return new Intl.NumberFormat('de-DE', {
+    style: 'currency',
+    currency: 'EUR'
+  }).format(value);
+};
+exports.formatEuro = formatEuro;
+//# sourceMappingURL=NestedPieChart.utils.js.map

package/commonjs/PieChart/NestedPieChart.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isTreeData","data","length","firstItem","flatToTree","flatData","groupMap","Map","forEach","item","has","groupKey","set","key","label","groupLabel","children","metadata","group","get","push","value","color","Array","from","values","cleanData","keyMap","node","cleanedChildren","undefined","nodeValue","reduce","sum","child","existing","rgbToHsl","r","g","b","max","Math","min","h","s","l","d","hslToRgb","hue2rgb","p","q","t","round","hexToRgb","hex","result","exec","parseInt","rgbToHex","map","x","toString","join","generateColorShades","baseColor","count","_minColorDiff","colors","minL","maxL","lStep","minS","maxS","sStep","i","newL","newS","newR","newG","newB","generateColorMap","strategy","defaultColors","colorMap","baseColors","index","autoGenerate","childrenColors","minColorDiff","childIndex","childColor","processData","parentKey","parentPath","level","total","processed","path","childrenProcessed","childrenTotal","finalValue","percent","childTotal","sortLegendItems","sorted","sort","a","localeCompare","sortLegendGroups","groupValue","buildLegendGroupData","groupSortStrategy","itemSortStrategy","defaultExpanded","groups","parent","items","sortedItems","groupPercent","groupColor","isExpanded","defaultFormatValue","Intl","NumberFormat","minimumFractionDigits","maximumFractionDigits","format","exports","defaultFormatPercent","toFixed","formatEuro","style","currency"],"sourceRoot":"../../../components","sources":["PieChart/NestedPieChart.utils.ts"],"mappings":"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","ignoreList":[]}

package/commonjs/PieChart/index.js

@@ -3,6 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "NestedPieChart", {
+  enumerable: true,
+  get: function () {
+    return _NestedPieChart.default;
+  }
+});
 Object.defineProperty(exports, "PieChart", {
   enumerable: true,
   get: function () {
@@ -10,4 +16,6 @@ Object.defineProperty(exports, "PieChart", {
   }
 });
 var _PieChart = require("./PieChart");
+var _NestedPieChart = _interopRequireDefault(require("./NestedPieChart"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 //# sourceMappingURL=index.js.map

package/commonjs/PieChart/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_PieChart","require"],"sourceRoot":"../../../components","sources":["PieChart/index.tsx"],"mappings":";;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA","ignoreList":[]}
+{"version":3,"names":["_PieChart","require","_NestedPieChart","_interopRequireDefault","e","__esModule","default"],"sourceRoot":"../../../components","sources":["PieChart/index.tsx"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAGA,IAAAC,eAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA6D,SAAAE,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}

package/module/PieChart/BACKWARD_COMPATIBILITY.md

@@ -0,0 +1,157 @@
+# 向下兼容性说明
+
+## ✅ 完全向下兼容
+
+NestedPieChart 的添加**不会影响**现有的 PieChart 组件及其使用：
+
+### 1. 独立导出
+
+```typescript
+// 现有组件 - 完全不受影响
+export { PieChart } from './PieChart';
+export type { PieChartProps, PieChartData } from './PieChart';
+
+// 新增组件 - 独立导出
+export { default as NestedPieChart } from './NestedPieChart';
+export type {
+  NestedPieChartProps,
+  NestedPieChartNode,
+  // ... 其他类型
+} from './NestedPieChart.types';
+```
+
+### 2. 现有代码无需更改
+
+**旧代码继续正常工作：**
+```tsx
+// 这些代码完全不受影响
+import { PieChart } from '@beppla/tapas-ui';
+
+<PieChart 
+  data={[
+    { value: 100, label: 'A' },
+    { value: 200, label: 'B' }
+  ]}
+/>
+```
+
+**新功能可选使用：**
+```tsx
+// 只有需要多层级时才使用新组件
+import { NestedPieChart } from '@beppla/tapas-ui';
+
+<NestedPieChart 
+  data={nestedData}
+/>
+```
+
+### 3. 文件结构
+
+```
+components/PieChart/
+├── PieChart.tsx                 # 原有 - 未修改
+├── __tests__/PieChart.test.tsx  # 原有 - 未修改
+├── NestedPieChart.tsx           # 新增
+├── NestedPieChart.types.ts      # 新增
+├── NestedPieChart.utils.ts      # 新增
+├── GroupedLegend.tsx            # 新增
+├── __tests__/NestedPieChart.test.tsx # 新增
+└── index.tsx                    # 更新 - 仅添加导出
+```
+
+### 4. 依赖关系
+
+- NestedPieChart **不依赖** PieChart
+- PieChart **不依赖** NestedPieChart
+- 两者**完全独立**，互不影响
+
+### 5. 包大小影响
+
+- **Tree-shaking 支持**：如果不使用 NestedPieChart，它不会被打包
+- **按需导入**：
+  ```tsx
+  // 只导入 PieChart - NestedPieChart 不会被打包
+  import { PieChart } from '@beppla/tapas-ui';
+  
+  // 只导入 NestedPieChart - PieChart 不会被打包
+  import { NestedPieChart } from '@beppla/tapas-ui';
+  ```
+
+### 6. API 兼容性
+
+| 特性 | PieChart | NestedPieChart | 说明 |
+|------|----------|----------------|------|
+| 单层数据 | ✅ | ✅ | NestedPieChart 支持降级 |
+| 多层数据 | ❌ | ✅ | 新功能 |
+| Web 支持 | ✅ | ✅ | 完全支持 |
+| RN 支持 | ✅ | ⚠️ | 降级提示 |
+| Props 冲突 | N/A | ❌ | 无冲突 |
+
+### 7. 版本策略
+
+这是一个**小版本（minor）**更新：
+- ✅ 添加新功能
+- ✅ 完全向下兼容
+- ❌ 无破坏性变更
+- ❌ 无 API 修改
+
+符合语义化版本规范（Semver）。
+
+### 8. 迁移路径（可选）
+
+如果要从 PieChart 迁移到 NestedPieChart：
+
+**不需要迁移：**
+- 单层数据继续使用 PieChart 即可
+
+**需要迁移：**
+- 只有需要多层级功能时才考虑
+- 数据结构需要调整为树形或扁平+groupKey
+
+**迁移示例：**
+```tsx
+// 旧代码 (PieChart - 单层)
+<PieChart data={[
+  { value: 100, label: 'A' },
+  { value: 200, label: 'B' }
+]} />
+
+// 新代码 (NestedPieChart - 多层)
+<NestedPieChart data={[
+  { 
+    key: 'group-a', 
+    label: 'Group A',
+    children: [
+      { key: 'a1', label: 'A1', value: 50 },
+      { key: 'a2', label: 'A2', value: 50 }
+    ]
+  }
+]} />
+```
+
+### 9. TypeScript 类型安全
+
+- 所有新类型都独立导出
+- 不会与现有类型冲突
+- 完整的类型推导支持
+
+### 10. 测试覆盖
+
+- PieChart 的测试不受影响
+- NestedPieChart 有独立的测试套件
+- 无测试冲突
+
+## 🎯 总结
+
+**NestedPieChart 是一个完全独立的新组件：**
+
+✅ 不修改现有组件  
+✅ 不修改现有 API  
+✅ 不影响现有使用  
+✅ 不增加包大小（未使用时）  
+✅ 可选使用，渐进增强  
+
+**建议：**
+- 现有项目无需任何修改
+- 新需求可使用 NestedPieChart
+- 两者可共存使用

package/module/PieChart/BUGFIX_EMPTY_DATA.md

@@ -0,0 +1,86 @@
+# 问题修复：Empty Data 报错
+
+## 🐛 问题描述
+
+在 Storybook 中查看 `Empty Data` story 时出现错误：
+```
+Cannot read properties of undefined (reading 'fonts')
+```
+
+## 🔍 根本原因
+
+NestedPieChart 组件在空数据情况下使用了 `Text` 组件（来自 `@rneui/themed`），该组件依赖主题上下文中的 `theme.fonts` 配置。但在某些 Storybook 场景下可能缺少完整的主题提供者（ThemeProvider）。
+
+## ✅ 解决方案
+
+将空数据提示从 React Native 的 `Text` 组件改为纯 HTML `div`，因为：
+
+1. **NestedPieChart 是 Web 专用组件**（使用 Recharts）
+2. **不需要 RN 的 Text 组件**来显示空状态
+3. **避免主题依赖**，使组件更加独立和健壮
+
+### 修改内容
+
+**修改前：**
+```tsx
+import RNText from '../Text/Text';
+
+// 空数据处理
+if (!processedData || processedData.length === 0 || total === 0) {
+  return (
+    <View style={[styles.container, { height }, style]} testID={testID}>
+      <RNText style={styles.emptyText}>{emptyText}</RNText>
+    </View>
+  );
+}
+```
+
+**修改后：**
+```tsx
+// 移除 RNText 导入
+
+// 空数据处理
+if (!processedData || processedData.length === 0 || total === 0) {
+  return (
+    <View style={[styles.container, { height }, style]} testID={testID}>
+      <div style={{
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        height: '100%',
+        color: '#999',
+        fontSize: 14,
+      }}>
+        {emptyText}
+      </div>
+    </View>
+  );
+}
+```
+
+同样的修改也应用到了 RN 端降级提示。
+
+## 🎯 修复结果
+
+- ✅ Empty Data story 正常渲染
+- ✅ 无主题依赖错误
+- ✅ ESLint 检查通过
+- ✅ 组件更加独立和健壮
+
+## 📝 注意事项
+
+由于 NestedPieChart 是 **Web 专用组件**（Platform.OS === 'web' && RechartsPieChart），使用纯 HTML 元素完全合理且推荐。组件已经在顶部添加了 eslint-disable 注释来处理 Web 专用代码。
+
+## 🧪 验证
+
+在 Storybook 中访问：
+- `Empty Data` story - 现在应该正常显示 "No sales data available"
+- 所有其他 stories - 不受影响，正常工作
+
+## 🔄 后续
+
+如果将来需要在 React Native 端实现完整功能，可以考虑：
+1. 条件渲染：Web 端用 div，RN 端用 Text
+2. 或者确保 ThemeProvider 包裹所有组件使用场景
+
+但目前的解决方案对于 Web 专用组件来说是最佳实践。