@beppla/tapas-ui 1.4.29 → 1.4.31
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/commonjs/BarChart/BarChart.js +8 -2
- package/commonjs/BarChart/BarChart.js.map +1 -1
- package/commonjs/ComboChart/ComboChart.js +4 -1
- package/commonjs/ComboChart/ComboChart.js.map +1 -1
- package/commonjs/LineChart/LineChart.js +1 -1
- package/commonjs/PieChart/BACKWARD_COMPATIBILITY.md +157 -0
- package/commonjs/PieChart/BUGFIX_EMPTY_DATA.md +86 -0
- package/commonjs/PieChart/GroupedLegend.js +240 -0
- package/commonjs/PieChart/GroupedLegend.js.map +1 -0
- package/commonjs/PieChart/IMPLEMENTATION_SUMMARY.md +306 -0
- package/commonjs/PieChart/NestedPieChart.README.md +421 -0
- package/commonjs/PieChart/NestedPieChart.js +567 -0
- package/commonjs/PieChart/NestedPieChart.js.map +1 -0
- package/commonjs/PieChart/NestedPieChart.types.js +2 -0
- package/commonjs/PieChart/NestedPieChart.types.js.map +1 -0
- package/commonjs/PieChart/NestedPieChart.utils.js +360 -0
- package/commonjs/PieChart/NestedPieChart.utils.js.map +1 -0
- package/commonjs/PieChart/PieChart.js +1 -1
- package/commonjs/PieChart/PieChart.js.map +1 -1
- package/commonjs/PieChart/index.js +8 -0
- package/commonjs/PieChart/index.js.map +1 -1
- package/module/BarChart/BarChart.js +8 -2
- package/module/BarChart/BarChart.js.map +1 -1
- package/module/ComboChart/ComboChart.js +4 -1
- package/module/ComboChart/ComboChart.js.map +1 -1
- package/module/LineChart/LineChart.js +1 -1
- package/module/PieChart/BACKWARD_COMPATIBILITY.md +157 -0
- package/module/PieChart/BUGFIX_EMPTY_DATA.md +86 -0
- package/module/PieChart/GroupedLegend.js +234 -0
- package/module/PieChart/GroupedLegend.js.map +1 -0
- package/module/PieChart/IMPLEMENTATION_SUMMARY.md +306 -0
- package/module/PieChart/NestedPieChart.README.md +421 -0
- package/module/PieChart/NestedPieChart.js +563 -0
- package/module/PieChart/NestedPieChart.js.map +1 -0
- package/module/PieChart/NestedPieChart.types.js +2 -0
- package/module/PieChart/NestedPieChart.types.js.map +1 -0
- package/module/PieChart/NestedPieChart.utils.js +343 -0
- package/module/PieChart/NestedPieChart.utils.js.map +1 -0
- package/module/PieChart/PieChart.js +1 -1
- package/module/PieChart/PieChart.js.map +1 -1
- package/module/PieChart/index.js +1 -0
- package/module/PieChart/index.js.map +1 -1
- package/package.json +1 -1
- package/typescript/BarChart/BarChart.d.ts.map +1 -1
- package/typescript/ComboChart/ComboChart.d.ts.map +1 -1
- package/typescript/PieChart/GroupedLegend.d.ts +26 -0
- package/typescript/PieChart/GroupedLegend.d.ts.map +1 -0
- package/typescript/PieChart/NestedPieChart.d.ts +12 -0
- package/typescript/PieChart/NestedPieChart.d.ts.map +1 -0
- package/typescript/PieChart/NestedPieChart.types.d.ts +117 -0
- package/typescript/PieChart/NestedPieChart.types.d.ts.map +1 -0
- package/typescript/PieChart/NestedPieChart.utils.d.ts +57 -0
- package/typescript/PieChart/NestedPieChart.utils.d.ts.map +1 -0
- package/typescript/PieChart/index.d.ts +2 -0
- package/typescript/PieChart/index.d.ts.map +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","StyleSheet","Platform","Text","jsx","_jsx","jsxs","_jsxs","RechartsComboChart","RechartsLine","RechartsBar","RechartsXAxis","RechartsYAxis","CartesianGrid","Tooltip","Legend","ResponsiveContainer","OS","recharts","require","ComposedChart","Line","Bar","XAxis","YAxis","e","console","warn","ComboChart","categories","series","width","height","showGrid","showLabels","showLegend","legendPosition","xAxisAngle","xAxisInterval","yAxisFormat","value","toString","style","testID","length","styles","container","children","emptyText","chartData","map","category","categoryIndex","point","name","forEach","serie","data","defaultColors","hasRightAxis","some","s","yAxisId","bottomMargin","Math","max","abs","ChartComponent","margin","top","right","left","bottom","strokeDasharray","stroke","dataKey","angle","textAnchor","undefined","interval","fontSize","tickFormatter","orientation","contentStyle","backgroundColor","border","borderRadius","verticalAlign","align","layout","index","serieColor","color","yAxis","type","fill","strokeWidth","dot","hideDot","r","dotRadius","activeDot","activeDotRadius","create","textAlign","marginTop"],"sourceRoot":"../../../components","sources":["ComboChart/ComboChart.tsx"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["React","View","StyleSheet","Platform","Text","jsx","_jsx","jsxs","_jsxs","RechartsComboChart","RechartsLine","RechartsBar","RechartsXAxis","RechartsYAxis","CartesianGrid","Tooltip","Legend","ResponsiveContainer","OS","recharts","require","ComposedChart","Line","Bar","XAxis","YAxis","e","console","warn","ComboChart","categories","series","width","height","showGrid","showLabels","showLegend","legendPosition","xAxisAngle","xAxisInterval","yAxisFormat","value","toString","style","testID","length","styles","container","children","emptyText","chartData","map","category","categoryIndex","point","name","forEach","serie","data","defaultColors","hasRightAxis","some","s","yAxisId","bottomMargin","Math","max","abs","ChartComponent","margin","top","right","left","bottom","strokeDasharray","stroke","dataKey","angle","textAnchor","undefined","interval","fontSize","tickFormatter","orientation","contentStyle","backgroundColor","border","borderRadius","verticalAlign","align","layout","wrapperStyle","paddingBottom","index","serieColor","color","yAxis","type","fill","strokeWidth","dot","hideDot","r","dotRadius","activeDot","activeDotRadius","create","textAlign","marginTop"],"sourceRoot":"../../../components","sources":["ComboChart/ComboChart.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,cAAc;AACzD,OAAOC,IAAI,MAAM,cAAc;;AAE/B;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AACA,IAAIC,kBAAuB,EAAEC,YAAiB,EAAEC,WAAgB,EAAEC,aAAkB,EAAEC,aAAkB,EAAEC,aAAkB,EAAEC,OAAY,EAAEC,MAAW,EAAEC,mBAAwB;AAEjL,IAAId,QAAQ,CAACe,EAAE,KAAK,KAAK,EAAE;EACzB;EACA,IAAI;IACF,MAAMC,QAAQ,GAAGC,OAAO,CAAC,UAAU,CAAC;IACpCX,kBAAkB,GAAGU,QAAQ,CAACE,aAAa;IAC3CX,YAAY,GAAGS,QAAQ,CAACG,IAAI;IAC5BX,WAAW,GAAGQ,QAAQ,CAACI,GAAG;IAC1BX,aAAa,GAAGO,QAAQ,CAACK,KAAK;IAC9BX,aAAa,GAAGM,QAAQ,CAACM,KAAK;IAC9BX,aAAa,GAAGK,QAAQ,CAACL,aAAa;IACtCC,OAAO,GAAGI,QAAQ,CAACJ,OAAO;IAC1BC,MAAM,GAAGG,QAAQ,CAACH,MAAM;IACxBC,mBAAmB,GAAGE,QAAQ,CAACF,mBAAmB;EACpD,CAAC,CAAC,OAAOS,CAAC,EAAE;IACVC,OAAO,CAACC,IAAI,CAAC,gCAAgC,EAAEF,CAAC,CAAC;EACnD;AACF;AA+BA,OAAO,MAAMG,UAAqC,GAAGA,CAAC;EACpDC,UAAU;EACVC,MAAM;EACNC,KAAK;EACLC,MAAM,GAAG,GAAG;EACZC,QAAQ,GAAG,IAAI;EACfC,UAAU,GAAG,IAAI;EACjBC,UAAU,GAAG,IAAI;EACjBC,cAAc,GAAG,QAAQ;EACzBC,UAAU,GAAG,CAAC,EAAE;EAChBC,aAAa,GAAG,CAAC;EACjBC,WAAW,GAAIC,KAAK,IAAKA,KAAK,CAACC,QAAQ,CAAC,CAAC;EACzCC,KAAK;EACLC;AACF,CAAC,KAAK;EACJ,IAAI,CAACd,UAAU,IAAIA,UAAU,CAACe,MAAM,KAAK,CAAC,IAAI,CAACd,MAAM,IAAIA,MAAM,CAACc,MAAM,KAAK,CAAC,EAAE;IAC5E,oBACEvC,IAAA,CAACL,IAAI;MAAC0C,KAAK,EAAE,CAACG,MAAM,CAACC,SAAS,EAAE;QAAEd;MAAO,CAAC,EAAEU,KAAK,CAAE;MAAAK,QAAA,eACjD1C,IAAA,CAACF,IAAI;QAACuC,KAAK,EAAEG,MAAM,CAACG,SAAU;QAAAD,QAAA,EAAC;MAAiB,CAAM;IAAC,CACnD,CAAC;EAEX;;EAEA;EACA,IAAI7C,QAAQ,CAACe,EAAE,KAAK,KAAK,IAAIT,kBAAkB,EAAE;IAC/C;IACA,MAAMyC,SAAS,GAAGpB,UAAU,CAACqB,GAAG,CAAC,CAACC,QAAQ,EAAEC,aAAa,KAAK;MAC5D,MAAMC,KAAU,GAAG;QAAEC,IAAI,EAAEH;MAAS,CAAC;MACrCrB,MAAM,CAACyB,OAAO,CAAEC,KAAK,IAAK;QACxBH,KAAK,CAACG,KAAK,CAACF,IAAI,CAAC,GAAGE,KAAK,CAACC,IAAI,CAACL,aAAa,CAAC,IAAI,CAAC;MACpD,CAAC,CAAC;MACF,OAAOC,KAAK;IACd,CAAC,CAAC;IAEF,MAAMK,aAAa,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;IACxF,MAAMC,YAAY,GAAG7B,MAAM,CAAC8B,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACC,OAAO,KAAK,OAAO,CAAC;;IAE5D;IACA,MAAMC,YAAY,GAAG7B,UAAU,GAC1BG,UAAU,KAAK,CAAC,GAAG2B,IAAI,CAACC,GAAG,CAAC,EAAE,EAAED,IAAI,CAACE,GAAG,CAAC7B,UAAU,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC,GAAG,EAAE,GACtE,EAAE;IAEN,MAAM8B,cAAc,gBAClB5D,KAAA,CAACC,kBAAkB;MACjBiD,IAAI,EAAER,SAAU;MAChBmB,MAAM,EAAE;QAAEC,GAAG,EAAE,EAAE;QAAEC,KAAK,EAAEX,YAAY,GAAG,EAAE,GAAG,EAAE;QAAEY,IAAI,EAAE,EAAE;QAAEC,MAAM,EAAET;MAAa,CAAE;MAAAhB,QAAA,GAElFd,QAAQ,iBAAI5B,IAAA,CAACQ,aAAa;QAAC4D,eAAe,EAAC,KAAK;QAACC,MAAM,EAAC;MAAS,CAAE,CAAC,EAEpExC,UAAU,iBACT7B,IAAA,CAACM,aAAa;QACZgE,OAAO,EAAC,MAAM;QACdC,KAAK,EAAEvC,UAAW;QAClBwC,UAAU,EAAExC,UAAU,KAAK,CAAC,GAAIA,UAAU,GAAG,CAAC,GAAG,KAAK,GAAG,OAAO,GAAI,QAAS;QAC7EL,MAAM,EAAEK,UAAU,KAAK,CAAC,GAAG2B,IAAI,CAACC,GAAG,CAAC,EAAE,EAAED,IAAI,CAACE,GAAG,CAAC7B,UAAU,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC,GAAGyC,SAAU;QACrFC,QAAQ,EAAEzC,aAAc;QACxBI,KAAK,EAAE;UAAEsC,QAAQ,EAAE;QAAG;MAAE,CACzB,CACF,eAED3E,IAAA,CAACO,aAAa;QACZkD,OAAO,EAAC,MAAM;QACdmB,aAAa,EAAE1C,WAAY;QAC3BG,KAAK,EAAE;UAAEsC,QAAQ,EAAE;QAAG;MAAE,CACzB,CAAC,EAEDrB,YAAY,iBACXtD,IAAA,CAACO,aAAa;QACZkD,OAAO,EAAC,OAAO;QACfoB,WAAW,EAAC,OAAO;QACnBD,aAAa,EAAE1C,WAAY;QAC3BG,KAAK,EAAE;UAAEsC,QAAQ,EAAE;QAAG;MAAE,CACzB,CACF,eAED3E,IAAA,CAACS,OAAO;QACNqE,YAAY,EAAE;UACZC,eAAe,EAAE,2BAA2B;UAC5CC,MAAM,EAAE,mBAAmB;UAC3BC,YAAY,EAAE;QAChB;MAAE,CACH,CAAC,EAEDnD,UAAU,iBACT9B,IAAA,CAACU,MAAM;QACLwE,aAAa,EAAEnD,cAAc,KAAK,KAAK,IAAIA,cAAc,KAAK,QAAQ,GAAGA,cAAc,GAAG,KAAM;QAChGoD,KAAK,EAAEpD,cAAc,KAAK,MAAM,IAAIA,cAAc,KAAK,OAAO,GAAGA,cAAc,GAAG,QAAS;QAC3FqD,MAAM,EAAErD,cAAc,KAAK,MAAM,IAAIA,cAAc,KAAK,OAAO,GAAG,UAAU,GAAG,YAAa;QAC5FsD,YAAY,EAAE;UACZC,aAAa,EAAEvD,cAAc,KAAK,KAAK,GAAG,EAAE,GAAG;QACjD;MAAE,CACH,CACF,EAEAN,MAAM,CAACoB,GAAG,CAAC,CAACM,KAAK,EAAEoC,KAAK,KAAK;QAC5B,MAAMC,UAAU,GAAGrC,KAAK,CAACsC,KAAK,IAAIpC,aAAa,CAACkC,KAAK,GAAGlC,aAAa,CAACd,MAAM,CAAC;QAC7E,MAAMmD,KAAK,GAAGvC,KAAK,CAACM,OAAO,IAAI,MAAM;QAErC,IAAIN,KAAK,CAACwC,IAAI,KAAK,KAAK,EAAE;UACxB,oBACE3F,IAAA,CAACK,WAAW;YAEViE,OAAO,EAAEnB,KAAK,CAACF,IAAK;YACpB2C,IAAI,EAAEJ,UAAW;YACjB/B,OAAO,EAAEiC;UAAM,GAHVvC,KAAK,CAACF,IAIZ,CAAC;QAEN,CAAC,MAAM;UACL,oBACEjD,IAAA,CAACI,YAAY;YAEXuF,IAAI,EAAC,UAAU;YACfrB,OAAO,EAAEnB,KAAK,CAACF,IAAK;YACpBoB,MAAM,EAAEmB,UAAW;YACnBK,WAAW,EAAE1C,KAAK,CAAC0C,WAAW,IAAI,CAAE;YACpCC,GAAG,EAAE3C,KAAK,CAAC4C,OAAO,GAAG,KAAK,GAAG;cAAEH,IAAI,EAAEJ,UAAU;cAAEQ,CAAC,EAAE7C,KAAK,CAAC8C,SAAS,IAAI;YAAE,CAAE;YAC3EC,SAAS,EAAE;cAAEF,CAAC,EAAE7C,KAAK,CAACgD,eAAe,IAAI;YAAE,CAAE;YAC7C1C,OAAO,EAAEiC;UAAM,GAPVvC,KAAK,CAACF,IAQZ,CAAC;QAEN;MACF,CAAC,CAAC;IAAA,CACgB,CACrB;IAED,oBACEjD,IAAA,CAACL,IAAI;MAAC0C,KAAK,EAAE,CAACG,MAAM,CAACC,SAAS,EAAE;QAAEd,MAAM;QAAED,KAAK,EAAEA,KAAK,IAAI;MAAO,CAAC,EAAEW,KAAK,CAAE;MAACC,MAAM,EAAEA,MAAO;MAAAI,QAAA,EACxF/B,mBAAmB,gBAClBX,IAAA,CAACW,mBAAmB;QAACe,KAAK,EAAC,MAAM;QAACC,MAAM,EAAEA,MAAM,GAAG,EAAG;QAAAe,QAAA,EACnDoB;MAAc,CACI,CAAC,GAEtBA;IACD,CACG,CAAC;EAEX;;EAEA;EACA,oBACE9D,IAAA,CAACL,IAAI;IAAC0C,KAAK,EAAE,CAACG,MAAM,CAACC,SAAS,EAAE;MAAEd;IAAO,CAAC,EAAEU,KAAK,CAAE;IAAAK,QAAA,eACjDxC,KAAA,CAACJ,IAAI;MAACuC,KAAK,EAAEG,MAAM,CAACG,SAAU;MAAAD,QAAA,GAAC,yDAC0B,EAAC,IAAI,EAAC,0DAE/D;IAAA,CAAM;EAAC,CACH,CAAC;AAEX,CAAC;AAED,MAAMF,MAAM,GAAG5C,UAAU,CAACwG,MAAM,CAAC;EAC/B3D,SAAS,EAAE;IACTsC,eAAe,EAAE;EACnB,CAAC;EACDpC,SAAS,EAAE;IACT0D,SAAS,EAAE,QAAQ;IACnBC,SAAS,EAAE,GAAG;IACdb,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -133,7 +133,7 @@ export const LineChart = ({
|
|
|
133
133
|
flexWrap: 'wrap',
|
|
134
134
|
gap: '12px',
|
|
135
135
|
justifyContent: legendPosition === 'left' || legendPosition === 'right' ? 'flex-start' : 'center',
|
|
136
|
-
padding: legendPosition === 'top' ? '0 0
|
|
136
|
+
padding: legendPosition === 'top' ? '0 0 24px 0' : '10px 0 0 0'
|
|
137
137
|
},
|
|
138
138
|
children: payload.map((entry, index) => {
|
|
139
139
|
const iconStyle = {
|
|
@@ -0,0 +1,157 @@
|
|
|
1
|
+
# 向下兼容性说明
|
|
2
|
+
|
|
3
|
+
## ✅ 完全向下兼容
|
|
4
|
+
|
|
5
|
+
NestedPieChart 的添加**不会影响**现有的 PieChart 组件及其使用:
|
|
6
|
+
|
|
7
|
+
### 1. 独立导出
|
|
8
|
+
|
|
9
|
+
```typescript
|
|
10
|
+
// 现有组件 - 完全不受影响
|
|
11
|
+
export { PieChart } from './PieChart';
|
|
12
|
+
export type { PieChartProps, PieChartData } from './PieChart';
|
|
13
|
+
|
|
14
|
+
// 新增组件 - 独立导出
|
|
15
|
+
export { default as NestedPieChart } from './NestedPieChart';
|
|
16
|
+
export type {
|
|
17
|
+
NestedPieChartProps,
|
|
18
|
+
NestedPieChartNode,
|
|
19
|
+
// ... 其他类型
|
|
20
|
+
} from './NestedPieChart.types';
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
### 2. 现有代码无需更改
|
|
24
|
+
|
|
25
|
+
**旧代码继续正常工作:**
|
|
26
|
+
```tsx
|
|
27
|
+
// 这些代码完全不受影响
|
|
28
|
+
import { PieChart } from '@beppla/tapas-ui';
|
|
29
|
+
|
|
30
|
+
<PieChart
|
|
31
|
+
data={[
|
|
32
|
+
{ value: 100, label: 'A' },
|
|
33
|
+
{ value: 200, label: 'B' }
|
|
34
|
+
]}
|
|
35
|
+
/>
|
|
36
|
+
```
|
|
37
|
+
|
|
38
|
+
**新功能可选使用:**
|
|
39
|
+
```tsx
|
|
40
|
+
// 只有需要多层级时才使用新组件
|
|
41
|
+
import { NestedPieChart } from '@beppla/tapas-ui';
|
|
42
|
+
|
|
43
|
+
<NestedPieChart
|
|
44
|
+
data={nestedData}
|
|
45
|
+
/>
|
|
46
|
+
```
|
|
47
|
+
|
|
48
|
+
### 3. 文件结构
|
|
49
|
+
|
|
50
|
+
```
|
|
51
|
+
components/PieChart/
|
|
52
|
+
├── PieChart.tsx # 原有 - 未修改
|
|
53
|
+
├── __tests__/PieChart.test.tsx # 原有 - 未修改
|
|
54
|
+
├── NestedPieChart.tsx # 新增
|
|
55
|
+
├── NestedPieChart.types.ts # 新增
|
|
56
|
+
├── NestedPieChart.utils.ts # 新增
|
|
57
|
+
├── GroupedLegend.tsx # 新增
|
|
58
|
+
├── __tests__/NestedPieChart.test.tsx # 新增
|
|
59
|
+
└── index.tsx # 更新 - 仅添加导出
|
|
60
|
+
```
|
|
61
|
+
|
|
62
|
+
### 4. 依赖关系
|
|
63
|
+
|
|
64
|
+
- NestedPieChart **不依赖** PieChart
|
|
65
|
+
- PieChart **不依赖** NestedPieChart
|
|
66
|
+
- 两者**完全独立**,互不影响
|
|
67
|
+
|
|
68
|
+
### 5. 包大小影响
|
|
69
|
+
|
|
70
|
+
- **Tree-shaking 支持**:如果不使用 NestedPieChart,它不会被打包
|
|
71
|
+
- **按需导入**:
|
|
72
|
+
```tsx
|
|
73
|
+
// 只导入 PieChart - NestedPieChart 不会被打包
|
|
74
|
+
import { PieChart } from '@beppla/tapas-ui';
|
|
75
|
+
|
|
76
|
+
// 只导入 NestedPieChart - PieChart 不会被打包
|
|
77
|
+
import { NestedPieChart } from '@beppla/tapas-ui';
|
|
78
|
+
```
|
|
79
|
+
|
|
80
|
+
### 6. API 兼容性
|
|
81
|
+
|
|
82
|
+
| 特性 | PieChart | NestedPieChart | 说明 |
|
|
83
|
+
|------|----------|----------------|------|
|
|
84
|
+
| 单层数据 | ✅ | ✅ | NestedPieChart 支持降级 |
|
|
85
|
+
| 多层数据 | ❌ | ✅ | 新功能 |
|
|
86
|
+
| Web 支持 | ✅ | ✅ | 完全支持 |
|
|
87
|
+
| RN 支持 | ✅ | ⚠️ | 降级提示 |
|
|
88
|
+
| Props 冲突 | N/A | ❌ | 无冲突 |
|
|
89
|
+
|
|
90
|
+
### 7. 版本策略
|
|
91
|
+
|
|
92
|
+
这是一个**小版本(minor)**更新:
|
|
93
|
+
- ✅ 添加新功能
|
|
94
|
+
- ✅ 完全向下兼容
|
|
95
|
+
- ❌ 无破坏性变更
|
|
96
|
+
- ❌ 无 API 修改
|
|
97
|
+
|
|
98
|
+
符合语义化版本规范(Semver)。
|
|
99
|
+
|
|
100
|
+
### 8. 迁移路径(可选)
|
|
101
|
+
|
|
102
|
+
如果要从 PieChart 迁移到 NestedPieChart:
|
|
103
|
+
|
|
104
|
+
**不需要迁移:**
|
|
105
|
+
- 单层数据继续使用 PieChart 即可
|
|
106
|
+
|
|
107
|
+
**需要迁移:**
|
|
108
|
+
- 只有需要多层级功能时才考虑
|
|
109
|
+
- 数据结构需要调整为树形或扁平+groupKey
|
|
110
|
+
|
|
111
|
+
**迁移示例:**
|
|
112
|
+
```tsx
|
|
113
|
+
// 旧代码 (PieChart - 单层)
|
|
114
|
+
<PieChart data={[
|
|
115
|
+
{ value: 100, label: 'A' },
|
|
116
|
+
{ value: 200, label: 'B' }
|
|
117
|
+
]} />
|
|
118
|
+
|
|
119
|
+
// 新代码 (NestedPieChart - 多层)
|
|
120
|
+
<NestedPieChart data={[
|
|
121
|
+
{
|
|
122
|
+
key: 'group-a',
|
|
123
|
+
label: 'Group A',
|
|
124
|
+
children: [
|
|
125
|
+
{ key: 'a1', label: 'A1', value: 50 },
|
|
126
|
+
{ key: 'a2', label: 'A2', value: 50 }
|
|
127
|
+
]
|
|
128
|
+
}
|
|
129
|
+
]} />
|
|
130
|
+
```
|
|
131
|
+
|
|
132
|
+
### 9. TypeScript 类型安全
|
|
133
|
+
|
|
134
|
+
- 所有新类型都独立导出
|
|
135
|
+
- 不会与现有类型冲突
|
|
136
|
+
- 完整的类型推导支持
|
|
137
|
+
|
|
138
|
+
### 10. 测试覆盖
|
|
139
|
+
|
|
140
|
+
- PieChart 的测试不受影响
|
|
141
|
+
- NestedPieChart 有独立的测试套件
|
|
142
|
+
- 无测试冲突
|
|
143
|
+
|
|
144
|
+
## 🎯 总结
|
|
145
|
+
|
|
146
|
+
**NestedPieChart 是一个完全独立的新组件:**
|
|
147
|
+
|
|
148
|
+
✅ 不修改现有组件
|
|
149
|
+
✅ 不修改现有 API
|
|
150
|
+
✅ 不影响现有使用
|
|
151
|
+
✅ 不增加包大小(未使用时)
|
|
152
|
+
✅ 可选使用,渐进增强
|
|
153
|
+
|
|
154
|
+
**建议:**
|
|
155
|
+
- 现有项目无需任何修改
|
|
156
|
+
- 新需求可使用 NestedPieChart
|
|
157
|
+
- 两者可共存使用
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
# 问题修复:Empty Data 报错
|
|
2
|
+
|
|
3
|
+
## 🐛 问题描述
|
|
4
|
+
|
|
5
|
+
在 Storybook 中查看 `Empty Data` story 时出现错误:
|
|
6
|
+
```
|
|
7
|
+
Cannot read properties of undefined (reading 'fonts')
|
|
8
|
+
```
|
|
9
|
+
|
|
10
|
+
## 🔍 根本原因
|
|
11
|
+
|
|
12
|
+
NestedPieChart 组件在空数据情况下使用了 `Text` 组件(来自 `@rneui/themed`),该组件依赖主题上下文中的 `theme.fonts` 配置。但在某些 Storybook 场景下可能缺少完整的主题提供者(ThemeProvider)。
|
|
13
|
+
|
|
14
|
+
## ✅ 解决方案
|
|
15
|
+
|
|
16
|
+
将空数据提示从 React Native 的 `Text` 组件改为纯 HTML `div`,因为:
|
|
17
|
+
|
|
18
|
+
1. **NestedPieChart 是 Web 专用组件**(使用 Recharts)
|
|
19
|
+
2. **不需要 RN 的 Text 组件**来显示空状态
|
|
20
|
+
3. **避免主题依赖**,使组件更加独立和健壮
|
|
21
|
+
|
|
22
|
+
### 修改内容
|
|
23
|
+
|
|
24
|
+
**修改前:**
|
|
25
|
+
```tsx
|
|
26
|
+
import RNText from '../Text/Text';
|
|
27
|
+
|
|
28
|
+
// 空数据处理
|
|
29
|
+
if (!processedData || processedData.length === 0 || total === 0) {
|
|
30
|
+
return (
|
|
31
|
+
<View style={[styles.container, { height }, style]} testID={testID}>
|
|
32
|
+
<RNText style={styles.emptyText}>{emptyText}</RNText>
|
|
33
|
+
</View>
|
|
34
|
+
);
|
|
35
|
+
}
|
|
36
|
+
```
|
|
37
|
+
|
|
38
|
+
**修改后:**
|
|
39
|
+
```tsx
|
|
40
|
+
// 移除 RNText 导入
|
|
41
|
+
|
|
42
|
+
// 空数据处理
|
|
43
|
+
if (!processedData || processedData.length === 0 || total === 0) {
|
|
44
|
+
return (
|
|
45
|
+
<View style={[styles.container, { height }, style]} testID={testID}>
|
|
46
|
+
<div style={{
|
|
47
|
+
display: 'flex',
|
|
48
|
+
alignItems: 'center',
|
|
49
|
+
justifyContent: 'center',
|
|
50
|
+
height: '100%',
|
|
51
|
+
color: '#999',
|
|
52
|
+
fontSize: 14,
|
|
53
|
+
}}>
|
|
54
|
+
{emptyText}
|
|
55
|
+
</div>
|
|
56
|
+
</View>
|
|
57
|
+
);
|
|
58
|
+
}
|
|
59
|
+
```
|
|
60
|
+
|
|
61
|
+
同样的修改也应用到了 RN 端降级提示。
|
|
62
|
+
|
|
63
|
+
## 🎯 修复结果
|
|
64
|
+
|
|
65
|
+
- ✅ Empty Data story 正常渲染
|
|
66
|
+
- ✅ 无主题依赖错误
|
|
67
|
+
- ✅ ESLint 检查通过
|
|
68
|
+
- ✅ 组件更加独立和健壮
|
|
69
|
+
|
|
70
|
+
## 📝 注意事项
|
|
71
|
+
|
|
72
|
+
由于 NestedPieChart 是 **Web 专用组件**(Platform.OS === 'web' && RechartsPieChart),使用纯 HTML 元素完全合理且推荐。组件已经在顶部添加了 eslint-disable 注释来处理 Web 专用代码。
|
|
73
|
+
|
|
74
|
+
## 🧪 验证
|
|
75
|
+
|
|
76
|
+
在 Storybook 中访问:
|
|
77
|
+
- `Empty Data` story - 现在应该正常显示 "No sales data available"
|
|
78
|
+
- 所有其他 stories - 不受影响,正常工作
|
|
79
|
+
|
|
80
|
+
## 🔄 后续
|
|
81
|
+
|
|
82
|
+
如果将来需要在 React Native 端实现完整功能,可以考虑:
|
|
83
|
+
1. 条件渲染:Web 端用 div,RN 端用 Text
|
|
84
|
+
2. 或者确保 ThemeProvider 包裹所有组件使用场景
|
|
85
|
+
|
|
86
|
+
但目前的解决方案对于 Web 专用组件来说是最佳实践。
|
|
@@ -0,0 +1,234 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* GroupedLegend - 分组图例组件
|
|
5
|
+
* 支持折叠/展开、分组显示、点击交互
|
|
6
|
+
*
|
|
7
|
+
* Note: This component uses inline styles as it's specifically designed for Web platform
|
|
8
|
+
* where CSS-in-JS is the standard approach. RN-specific lint rules are disabled.
|
|
9
|
+
*/
|
|
10
|
+
|
|
11
|
+
/* eslint-disable react-native/no-inline-styles */
|
|
12
|
+
/* eslint-disable react-native/no-color-literals */
|
|
13
|
+
|
|
14
|
+
import React, { useState, useCallback } from 'react';
|
|
15
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
16
|
+
export const GroupedLegend = ({
|
|
17
|
+
groups,
|
|
18
|
+
showValues = true,
|
|
19
|
+
showPercent = true,
|
|
20
|
+
collapsible = true,
|
|
21
|
+
itemGap = 6,
|
|
22
|
+
groupGap = 16,
|
|
23
|
+
labelMinWidth,
|
|
24
|
+
formatValue,
|
|
25
|
+
formatPercent,
|
|
26
|
+
onItemClick,
|
|
27
|
+
onGroupClick,
|
|
28
|
+
highlightedKey,
|
|
29
|
+
hiddenKeys = new Set()
|
|
30
|
+
}) => {
|
|
31
|
+
const [expandedGroups, setExpandedGroups] = useState(new Set(groups.filter(g => g.isExpanded).map(g => g.groupKey)));
|
|
32
|
+
const toggleGroup = useCallback(groupKey => {
|
|
33
|
+
if (!collapsible) return;
|
|
34
|
+
setExpandedGroups(prev => {
|
|
35
|
+
const next = new Set(prev);
|
|
36
|
+
if (next.has(groupKey)) {
|
|
37
|
+
next.delete(groupKey);
|
|
38
|
+
} else {
|
|
39
|
+
next.add(groupKey);
|
|
40
|
+
}
|
|
41
|
+
return next;
|
|
42
|
+
});
|
|
43
|
+
}, [collapsible]);
|
|
44
|
+
const handleGroupClick = useCallback(group => {
|
|
45
|
+
if (collapsible) {
|
|
46
|
+
toggleGroup(group.groupKey);
|
|
47
|
+
}
|
|
48
|
+
if (onGroupClick) {
|
|
49
|
+
onGroupClick({
|
|
50
|
+
key: group.groupKey,
|
|
51
|
+
label: group.groupLabel,
|
|
52
|
+
value: group.groupValue,
|
|
53
|
+
level: 0,
|
|
54
|
+
path: [group.groupKey],
|
|
55
|
+
metadata: group.metadata,
|
|
56
|
+
groupKey: group.groupKey,
|
|
57
|
+
isGroupHeader: true
|
|
58
|
+
});
|
|
59
|
+
}
|
|
60
|
+
}, [collapsible, toggleGroup, onGroupClick]);
|
|
61
|
+
const handleItemClick = useCallback((item, group) => {
|
|
62
|
+
if (onItemClick) {
|
|
63
|
+
onItemClick({
|
|
64
|
+
key: item.key,
|
|
65
|
+
label: item.label,
|
|
66
|
+
value: item.value,
|
|
67
|
+
level: 1,
|
|
68
|
+
path: [group.groupKey, item.key],
|
|
69
|
+
parentKey: group.groupKey,
|
|
70
|
+
metadata: item.metadata,
|
|
71
|
+
groupKey: group.groupKey,
|
|
72
|
+
isGroupHeader: false
|
|
73
|
+
});
|
|
74
|
+
}
|
|
75
|
+
}, [onItemClick]);
|
|
76
|
+
return /*#__PURE__*/_jsx("div", {
|
|
77
|
+
style: {
|
|
78
|
+
display: 'flex',
|
|
79
|
+
flexDirection: 'column',
|
|
80
|
+
gap: `${groupGap}px`
|
|
81
|
+
},
|
|
82
|
+
children: groups.map(group => {
|
|
83
|
+
const isExpanded = expandedGroups.has(group.groupKey);
|
|
84
|
+
const isGroupHidden = hiddenKeys.has(group.groupKey);
|
|
85
|
+
const isGroupHighlighted = highlightedKey === group.groupKey;
|
|
86
|
+
return /*#__PURE__*/_jsxs("div", {
|
|
87
|
+
style: {
|
|
88
|
+
opacity: isGroupHidden ? 0.3 : 1,
|
|
89
|
+
transition: 'opacity 0.2s'
|
|
90
|
+
},
|
|
91
|
+
children: [/*#__PURE__*/_jsxs("div", {
|
|
92
|
+
onClick: () => handleGroupClick(group),
|
|
93
|
+
style: {
|
|
94
|
+
display: 'flex',
|
|
95
|
+
alignItems: 'center',
|
|
96
|
+
marginBottom: isExpanded && group.items.length > 0 ? `${itemGap + 4}px` : '0',
|
|
97
|
+
cursor: collapsible || onGroupClick ? 'pointer' : 'default',
|
|
98
|
+
padding: '4px 0',
|
|
99
|
+
backgroundColor: isGroupHighlighted ? 'rgba(0, 102, 204, 0.1)' : 'transparent',
|
|
100
|
+
borderRadius: '4px',
|
|
101
|
+
transition: 'background-color 0.2s'
|
|
102
|
+
},
|
|
103
|
+
onMouseEnter: e => {
|
|
104
|
+
if (!onGroupClick) return;
|
|
105
|
+
e.currentTarget.style.backgroundColor = 'rgba(0, 102, 204, 0.05)';
|
|
106
|
+
},
|
|
107
|
+
onMouseLeave: e => {
|
|
108
|
+
if (!onGroupClick) return;
|
|
109
|
+
e.currentTarget.style.backgroundColor = isGroupHighlighted ? 'rgba(0, 102, 204, 0.1)' : 'transparent';
|
|
110
|
+
},
|
|
111
|
+
children: [collapsible && group.items.length > 0 && /*#__PURE__*/_jsx("span", {
|
|
112
|
+
style: {
|
|
113
|
+
marginRight: '6px',
|
|
114
|
+
fontSize: '12px',
|
|
115
|
+
color: '#666',
|
|
116
|
+
transition: 'transform 0.2s',
|
|
117
|
+
transform: isExpanded ? 'rotate(90deg)' : 'rotate(0deg)',
|
|
118
|
+
display: 'inline-block'
|
|
119
|
+
},
|
|
120
|
+
children: "\u25B6"
|
|
121
|
+
}), /*#__PURE__*/_jsx("div", {
|
|
122
|
+
style: {
|
|
123
|
+
width: '14px',
|
|
124
|
+
height: '14px',
|
|
125
|
+
borderRadius: '3px',
|
|
126
|
+
backgroundColor: group.groupColor,
|
|
127
|
+
marginRight: '8px',
|
|
128
|
+
flexShrink: 0
|
|
129
|
+
}
|
|
130
|
+
}), /*#__PURE__*/_jsx("span", {
|
|
131
|
+
style: {
|
|
132
|
+
fontSize: '13px',
|
|
133
|
+
fontWeight: 600,
|
|
134
|
+
color: '#2C3E50',
|
|
135
|
+
flex: 1,
|
|
136
|
+
minWidth: labelMinWidth ? `${labelMinWidth}px` : 'auto'
|
|
137
|
+
},
|
|
138
|
+
children: group.groupLabel
|
|
139
|
+
}), /*#__PURE__*/_jsxs("div", {
|
|
140
|
+
style: {
|
|
141
|
+
display: 'flex',
|
|
142
|
+
gap: '8px',
|
|
143
|
+
marginLeft: '12px'
|
|
144
|
+
},
|
|
145
|
+
children: [showValues && formatValue && /*#__PURE__*/_jsx("span", {
|
|
146
|
+
style: {
|
|
147
|
+
fontSize: '13px',
|
|
148
|
+
fontWeight: 600,
|
|
149
|
+
color: '#2C3E50'
|
|
150
|
+
},
|
|
151
|
+
children: formatValue(group.groupValue)
|
|
152
|
+
}), showPercent && formatPercent && /*#__PURE__*/_jsxs("span", {
|
|
153
|
+
style: {
|
|
154
|
+
fontSize: '12px',
|
|
155
|
+
color: '#7F8C8D'
|
|
156
|
+
},
|
|
157
|
+
children: ["(", formatPercent(group.groupPercent), ")"]
|
|
158
|
+
})]
|
|
159
|
+
})]
|
|
160
|
+
}), isExpanded && group.items.length > 0 && /*#__PURE__*/_jsx("div", {
|
|
161
|
+
style: {
|
|
162
|
+
marginLeft: collapsible ? '20px' : '0',
|
|
163
|
+
display: 'flex',
|
|
164
|
+
flexDirection: 'column',
|
|
165
|
+
gap: `${itemGap}px`
|
|
166
|
+
},
|
|
167
|
+
children: group.items.map(item => {
|
|
168
|
+
const isItemHidden = hiddenKeys.has(item.key);
|
|
169
|
+
const isItemHighlighted = highlightedKey === item.key;
|
|
170
|
+
return /*#__PURE__*/_jsxs("div", {
|
|
171
|
+
onClick: () => handleItemClick(item, group),
|
|
172
|
+
style: {
|
|
173
|
+
display: 'flex',
|
|
174
|
+
alignItems: 'center',
|
|
175
|
+
opacity: isItemHidden ? 0.3 : 1,
|
|
176
|
+
cursor: onItemClick ? 'pointer' : 'default',
|
|
177
|
+
padding: '2px 0',
|
|
178
|
+
backgroundColor: isItemHighlighted ? 'rgba(0, 102, 204, 0.1)' : 'transparent',
|
|
179
|
+
borderRadius: '4px',
|
|
180
|
+
transition: 'all 0.2s'
|
|
181
|
+
},
|
|
182
|
+
onMouseEnter: e => {
|
|
183
|
+
if (!onItemClick) return;
|
|
184
|
+
e.currentTarget.style.backgroundColor = 'rgba(0, 102, 204, 0.05)';
|
|
185
|
+
},
|
|
186
|
+
onMouseLeave: e => {
|
|
187
|
+
if (!onItemClick) return;
|
|
188
|
+
e.currentTarget.style.backgroundColor = isItemHighlighted ? 'rgba(0, 102, 204, 0.1)' : 'transparent';
|
|
189
|
+
},
|
|
190
|
+
children: [/*#__PURE__*/_jsx("div", {
|
|
191
|
+
style: {
|
|
192
|
+
width: '10px',
|
|
193
|
+
height: '10px',
|
|
194
|
+
borderRadius: '2px',
|
|
195
|
+
backgroundColor: item.color,
|
|
196
|
+
marginRight: '8px',
|
|
197
|
+
flexShrink: 0
|
|
198
|
+
}
|
|
199
|
+
}), /*#__PURE__*/_jsx("span", {
|
|
200
|
+
style: {
|
|
201
|
+
fontSize: '12px',
|
|
202
|
+
color: '#34495E',
|
|
203
|
+
flex: 1,
|
|
204
|
+
minWidth: labelMinWidth ? `${labelMinWidth - 30}px` : 'auto'
|
|
205
|
+
},
|
|
206
|
+
children: item.label
|
|
207
|
+
}), /*#__PURE__*/_jsxs("div", {
|
|
208
|
+
style: {
|
|
209
|
+
display: 'flex',
|
|
210
|
+
gap: '8px',
|
|
211
|
+
marginLeft: '12px'
|
|
212
|
+
},
|
|
213
|
+
children: [showValues && formatValue && /*#__PURE__*/_jsx("span", {
|
|
214
|
+
style: {
|
|
215
|
+
fontSize: '12px',
|
|
216
|
+
color: '#34495E'
|
|
217
|
+
},
|
|
218
|
+
children: formatValue(item.value)
|
|
219
|
+
}), showPercent && formatPercent && /*#__PURE__*/_jsxs("span", {
|
|
220
|
+
style: {
|
|
221
|
+
fontSize: '11px',
|
|
222
|
+
color: '#95A5A6'
|
|
223
|
+
},
|
|
224
|
+
children: ["(", formatPercent(item.percent), ")"]
|
|
225
|
+
})]
|
|
226
|
+
})]
|
|
227
|
+
}, item.key);
|
|
228
|
+
})
|
|
229
|
+
})]
|
|
230
|
+
}, group.groupKey);
|
|
231
|
+
})
|
|
232
|
+
});
|
|
233
|
+
};
|
|
234
|
+
//# sourceMappingURL=GroupedLegend.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useState","useCallback","jsx","_jsx","jsxs","_jsxs","GroupedLegend","groups","showValues","showPercent","collapsible","itemGap","groupGap","labelMinWidth","formatValue","formatPercent","onItemClick","onGroupClick","highlightedKey","hiddenKeys","Set","expandedGroups","setExpandedGroups","filter","g","isExpanded","map","groupKey","toggleGroup","prev","next","has","delete","add","handleGroupClick","group","key","label","groupLabel","value","groupValue","level","path","metadata","isGroupHeader","handleItemClick","item","parentKey","style","display","flexDirection","gap","children","isGroupHidden","isGroupHighlighted","opacity","transition","onClick","alignItems","marginBottom","items","length","cursor","padding","backgroundColor","borderRadius","onMouseEnter","e","currentTarget","onMouseLeave","marginRight","fontSize","color","transform","width","height","groupColor","flexShrink","fontWeight","flex","minWidth","marginLeft","groupPercent","isItemHidden","isItemHighlighted","percent"],"sourceRoot":"../../../components","sources":["PieChart/GroupedLegend.tsx"],"mappings":"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","ignoreList":[]}
|