@beppla/tapas-ui 1.4.35 → 1.5.2

package/module/PieChart/PieChart.js

@@ -0,0 +1,400 @@
+"use strict";
+
+import React, { useMemo } from 'react';
+import { View, StyleSheet, Platform, ScrollView } from 'react-native';
+import RNText from '../Text/Text';
+
+// 动态导入依赖
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+let RNPieChart, SVGText;
+let RechartsPieChart, Pie, Cell, Tooltip, Legend;
+if (Platform.OS === 'web') {
+  // Web 环境使用 recharts
+  try {
+    const recharts = require('recharts');
+    RechartsPieChart = recharts.PieChart;
+    Pie = recharts.Pie;
+    Cell = recharts.Cell;
+    Tooltip = recharts.Tooltip;
+    Legend = recharts.Legend;
+  } catch (e) {
+    console.warn('Recharts not available for Web', e);
+  }
+} else {
+  // 移动端使用 react-native-svg-charts
+  try {
+    const svgCharts = require('react-native-svg-charts');
+    const svg = require('react-native-svg');
+    RNPieChart = svgCharts.PieChart;
+    SVGText = svg.Text;
+  } catch (e) {
+    console.warn('react-native-svg-charts not available', e);
+  }
+}
+const DEFAULT_COLORS = ['#FF6B00', '#0066CC', '#00B894', '#6C5CE7', '#FFB800', '#D63031'];
+export const PieChart = ({
+  data,
+  width,
+  height = 300,
+  colors = DEFAULT_COLORS,
+  outerRadius,
+  innerRadius = 0,
+  padAngle = 0.02,
+  showLabels = false,
+  showLegend = true,
+  legendPosition = 'right',
+  showLegendValues = true,
+  legendValueAlign = 'right',
+  legendItemGap = 8,
+  legendLabelValueGap = 12,
+  legendLabelMinWidth,
+  legendChartGap = 30,
+  centerText,
+  style,
+  testID
+}) => {
+  if (data.length === 0) {
+    return /*#__PURE__*/_jsx(View, {
+      style: [styles.container, {
+        height
+      }, style],
+      children: /*#__PURE__*/_jsx(RNText, {
+        style: styles.emptyText,
+        children: "No data available"
+      })
+    });
+  }
+  const webChartData = useMemo(() => data.map((item, index) => ({
+    name: item.label || `Item ${index + 1}`,
+    value: item.value,
+    fill: item.color || colors[index % colors.length]
+  })), [data, colors]);
+  const mobileChartData = useMemo(() => data.map((item, index) => ({
+    ...item,
+    svg: {
+      fill: item.color || colors[index % colors.length]
+    },
+    key: item.key || `pie-slice-${index}`
+  })), [data, colors]);
+
+  // Web 环境使用 Recharts
+  if (Platform.OS === 'web' && RechartsPieChart) {
+    const chartData = webChartData;
+
+    // 计算外圆半径
+    // 如果有右侧/左侧图例，默认使用更大的半径以充分利用空间
+    const defaultOuterRadius = showLegend && (legendPosition === 'left' || legendPosition === 'right') ? Math.min(height * 0.4, 150) // 有左右图例时，半径为 height * 0.4，最大 150
+    : height * 0.35; // 无图例或上下图例时，半径为 height * 0.35
+
+    const calculatedOuterRadius = outerRadius !== undefined ? typeof outerRadius === 'string' ? outerRadius : outerRadius : defaultOuterRadius;
+
+    // 自定义 Legend 渲染函数（Web 端）
+    const renderCustomLegend = props => {
+      const {
+        payload
+      } = props;
+      if (!payload || payload.length === 0) return null;
+      const isVertical = legendPosition === 'left' || legendPosition === 'right';
+      return /*#__PURE__*/_jsx("div", {
+        style: {
+          display: 'flex',
+          flexDirection: isVertical ? 'column' : 'row',
+          flexWrap: isVertical ? 'nowrap' : 'wrap',
+          justifyContent: isVertical ? 'center' : 'center',
+          alignItems: isVertical ? 'flex-start' : 'center'
+        },
+        children: payload.map((entry, index) => {
+          const dataItem = data.find(d => (d.label || '') === entry.payload.name);
+          const isLastItem = index === payload.length - 1;
+          return /*#__PURE__*/_jsxs("div", {
+            style: {
+              display: 'flex',
+              alignItems: 'center',
+              marginBottom: !isLastItem ? `${legendItemGap}px` : '0',
+              paddingBottom: '0' // 确保没有额外的 padding
+            },
+            children: [/*#__PURE__*/_jsx("div", {
+              style: {
+                width: '12px',
+                height: '12px',
+                borderRadius: '6px',
+                backgroundColor: entry.color,
+                flexShrink: 0,
+                marginRight: '8px'
+              }
+            }), /*#__PURE__*/_jsx("span", {
+              style: {
+                fontSize: '12px',
+                color: '#2C3E50',
+                minWidth: legendLabelMinWidth ? `${legendLabelMinWidth}px` : 'auto',
+                display: 'inline-block'
+              },
+              children: entry.value
+            }), showLegendValues && dataItem && /*#__PURE__*/_jsx("span", {
+              style: {
+                fontSize: '12px',
+                color: '#2C3E50',
+                fontWeight: 600,
+                textAlign: legendValueAlign === 'right' ? 'right' : 'left',
+                minWidth: '40px',
+                display: 'inline-block',
+                marginLeft: `${legendLabelValueGap}px`
+              },
+              children: dataItem.value
+            })]
+          }, `legend-${index}`);
+        })
+      });
+    };
+
+    // 计算实际的饼图宽度（包括 Legend 空间）
+    const pieRadius = typeof calculatedOuterRadius === 'number' ? calculatedOuterRadius : parseInt(String(calculatedOuterRadius)) || defaultOuterRadius;
+    const pieWidth = pieRadius * 2 + 60; // 直径 + 左右边距
+
+    // 为 Legend 预留空间
+    const isVerticalLegend = legendPosition === 'left' || legendPosition === 'right';
+    // 计算图例实际需要的宽度：颜色圆点(12) + 边距(8) + Label最小宽度 + 间距 + Value(40) + 额外空间(40)
+    const calculatedLegendWidth = legendLabelMinWidth ? 12 + 8 + legendLabelMinWidth + legendLabelValueGap + 40 + 40 : 250;
+    const legendWidth = isVerticalLegend && showLegend ? calculatedLegendWidth + legendChartGap : 0; // 图例宽度 + 间距
+
+    // PieChart 的宽度设置
+    const chartWidth = isVerticalLegend && showLegend ? pieWidth + legendWidth // 饼图宽度 + 图例宽度（含间距）
+    : pieWidth;
+    const ChartComponent = /*#__PURE__*/_jsxs(RechartsPieChart, {
+      width: chartWidth,
+      height: height,
+      children: [/*#__PURE__*/_jsx(Pie, {
+        data: chartData,
+        cx: isVerticalLegend && showLegend ? pieRadius + 30 : "50%",
+        cy: "50%",
+        labelLine: false,
+        label: showLabels ? ({
+          name,
+          percent
+        }) => `${name} ${(percent * 100).toFixed(0)}%` : false,
+        outerRadius: calculatedOuterRadius,
+        innerRadius: typeof innerRadius === 'number' ? innerRadius : 0,
+        paddingAngle: padAngle * 50,
+        dataKey: "value",
+        children: chartData.map((entry, index) => /*#__PURE__*/_jsx(Cell, {
+          fill: entry.fill
+        }, `cell-${index}`))
+      }), /*#__PURE__*/_jsx(Tooltip, {}), showLegend && /*#__PURE__*/_jsx(Legend, {
+        content: renderCustomLegend,
+        verticalAlign: legendPosition === 'top' || legendPosition === 'bottom' ? legendPosition : 'middle',
+        align: legendPosition === 'right' ? 'right' : legendPosition === 'left' ? 'left' : 'center',
+        layout: legendPosition === 'left' || legendPosition === 'right' ? 'vertical' : 'horizontal',
+        wrapperStyle: {
+          paddingTop: '0',
+          paddingBottom: legendPosition === 'top' ? '24px' : '0',
+          paddingLeft: legendPosition === 'right' ? `${legendChartGap}px` : '0',
+          paddingRight: legendPosition === 'left' ? `${legendChartGap}px` : '0',
+          margin: '0'
+        }
+      })]
+    });
+    return /*#__PURE__*/_jsx(View, {
+      style: [styles.container, {
+        height,
+        width: width || '100%'
+      }, style],
+      testID: testID,
+      children: ChartComponent
+    });
+  }
+
+  // 移动端使用 react-native-svg-charts
+  if (!RNPieChart) {
+    return /*#__PURE__*/_jsx(View, {
+      style: [styles.container, {
+        height
+      }, style],
+      children: /*#__PURE__*/_jsx(RNText, {
+        style: styles.emptyText,
+        children: "Chart library not available"
+      })
+    });
+  }
+  const pieData = mobileChartData;
+  const Labels = ({
+    slices
+  }) => {
+    if (!showLabels || !SVGText) return null;
+    return slices.map((slice, index) => {
+      const {
+        labelCentroid,
+        data
+      } = slice;
+      return /*#__PURE__*/_jsx(SVGText, {
+        x: labelCentroid[0],
+        y: labelCentroid[1],
+        fill: 'black',
+        textAnchor: 'middle',
+        alignmentBaseline: 'middle',
+        fontSize: 12,
+        fontWeight: "bold",
+        children: `${data.value.toFixed(0)}`
+      }, index);
+    });
+  };
+  const CenterLabel = ({
+    slices
+  }) => {
+    if (!centerText || !SVGText) return null;
+
+    // 计算饼图中心点
+    const centerX = slices[0]?.pieCentroid[0] || 0;
+    const centerY = slices[0]?.pieCentroid[1] || 0;
+    return /*#__PURE__*/_jsx(SVGText, {
+      x: centerX,
+      y: centerY,
+      fill: '#2C3E50',
+      textAnchor: 'middle',
+      alignmentBaseline: 'middle',
+      fontSize: 18,
+      fontWeight: "bold",
+      children: centerText
+    });
+  };
+
+  // 计算饼图容器的样式
+  const chartContainerStyle = legendPosition === 'right' || legendPosition === 'left' ? {
+    flex: 1,
+    marginRight: legendPosition === 'right' ? 100 : 0,
+    marginLeft: legendPosition === 'left' ? 100 : 0
+  } : {
+    width: '100%'
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.container, {
+      height,
+      width: width || '100%'
+    }, style],
+    testID: testID,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: chartContainerStyle,
+      children: /*#__PURE__*/_jsxs(RNPieChart, {
+        style: {
+          height: height - (showLegend && (legendPosition === 'top' || legendPosition === 'bottom') ? 80 : 20)
+        },
+        data: pieData,
+        innerRadius: innerRadius,
+        padAngle: padAngle,
+        children: [/*#__PURE__*/_jsx(Labels, {}), /*#__PURE__*/_jsx(CenterLabel, {})]
+      })
+    }), showLegend && /*#__PURE__*/_jsx(ScrollView, {
+      style: [styles.legendContainer, legendPosition === 'right' && styles.legendRight, legendPosition === 'left' && styles.legendLeft, legendPosition === 'top' && styles.legendTop, legendPosition === 'bottom' && styles.legendBottom],
+      contentContainerStyle: [styles.legend, legendPosition === 'right' || legendPosition === 'left' ? styles.legendVertical : styles.legendHorizontal],
+      showsVerticalScrollIndicator: false,
+      showsHorizontalScrollIndicator: false,
+      children: data.map((item, index) => {
+        return /*#__PURE__*/_jsxs(View, {
+          style: [styles.legendItem, {
+            marginBottom: legendItemGap
+          }],
+          children: [/*#__PURE__*/_jsx(View, {
+            style: [styles.legendColor, {
+              backgroundColor: item.color || colors[index % colors.length]
+            }]
+          }), /*#__PURE__*/_jsx(RNText, {
+            style: [styles.legendLabel, !showLegendValues && styles.legendLabelOnly, legendLabelMinWidth ? {
+              minWidth: legendLabelMinWidth
+            } : null],
+            children: item.label || `Item ${index + 1}`
+          }), showLegendValues && /*#__PURE__*/_jsx(RNText, {
+            style: [styles.legendValue, legendValueAlign === 'right' && styles.legendValueRight, {
+              marginLeft: legendLabelValueGap
+            }],
+            children: item.value
+          })]
+        }, index);
+      })
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    backgroundColor: 'transparent',
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignItems: 'center',
+    position: 'relative'
+  },
+  legendContainer: {
+    maxHeight: '100%'
+  },
+  legend: {
+    paddingHorizontal: 16,
+    flexGrow: 0
+  },
+  legendVertical: {
+    flexDirection: 'column',
+    alignItems: 'flex-start',
+    justifyContent: 'center'
+  },
+  legendHorizontal: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    justifyContent: 'center'
+  },
+  legendRight: {
+    paddingLeft: 16,
+    paddingRight: 0
+  },
+  legendLeft: {
+    paddingRight: 16,
+    paddingLeft: 0
+  },
+  legendTop: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    marginTop: 0,
+    marginBottom: 16
+  },
+  legendBottom: {
+    position: 'absolute',
+    bottom: 0,
+    left: 0,
+    right: 0,
+    marginTop: 16,
+    marginBottom: 0
+  },
+  legendItem: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginRight: 0,
+    justifyContent: 'space-between',
+    minWidth: 120
+  },
+  legendColor: {
+    width: 12,
+    height: 12,
+    borderRadius: 6,
+    marginRight: 8,
+    flexShrink: 0
+  },
+  legendLabel: {
+    fontSize: 12,
+    color: '#2C3E50',
+    flex: 1
+  },
+  legendLabelOnly: {
+    flex: 0
+  },
+  legendValue: {
+    fontSize: 12,
+    color: '#2C3E50',
+    fontWeight: '600'
+  },
+  legendValueRight: {
+    textAlign: 'right',
+    minWidth: 40
+  },
+  emptyText: {
+    textAlign: 'center',
+    color: '#999'
+  }
+});
+//# sourceMappingURL=PieChart.js.map

package/module/PieChart/PieChart.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","View","StyleSheet","Platform","ScrollView","RNText","jsx","_jsx","jsxs","_jsxs","RNPieChart","SVGText","RechartsPieChart","Pie","Cell","Tooltip","Legend","OS","recharts","require","PieChart","e","console","warn","svgCharts","svg","Text","DEFAULT_COLORS","data","width","height","colors","outerRadius","innerRadius","padAngle","showLabels","showLegend","legendPosition","showLegendValues","legendValueAlign","legendItemGap","legendLabelValueGap","legendLabelMinWidth","legendChartGap","centerText","style","testID","length","styles","container","children","emptyText","webChartData","map","item","index","name","label","value","fill","color","mobileChartData","key","chartData","defaultOuterRadius","Math","min","calculatedOuterRadius","undefined","renderCustomLegend","props","payload","isVertical","display","flexDirection","flexWrap","justifyContent","alignItems","entry","dataItem","find","d","isLastItem","marginBottom","paddingBottom","borderRadius","backgroundColor","flexShrink","marginRight","fontSize","minWidth","fontWeight","textAlign","marginLeft","pieRadius","parseInt","String","pieWidth","isVerticalLegend","calculatedLegendWidth","legendWidth","chartWidth","ChartComponent","cx","cy","labelLine","percent","toFixed","paddingAngle","dataKey","content","verticalAlign","align","layout","wrapperStyle","paddingTop","paddingLeft","paddingRight","margin","pieData","Labels","slices","slice","labelCentroid","x","y","textAnchor","alignmentBaseline","CenterLabel","centerX","pieCentroid","centerY","chartContainerStyle","flex","legendContainer","legendRight","legendLeft","legendTop","legendBottom","contentContainerStyle","legend","legendVertical","legendHorizontal","showsVerticalScrollIndicator","showsHorizontalScrollIndicator","legendItem","legendColor","legendLabel","legendLabelOnly","legendValue","legendValueRight","create","position","maxHeight","paddingHorizontal","flexGrow","top","left","right","marginTop","bottom"],"sourceRoot":"../../../components","sources":["PieChart/PieChart.tsx"],"mappings":"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","ignoreList":[]}

package/module/Progress/Progress.js

@@ -0,0 +1,219 @@
+"use strict";
+
+import React from 'react';
+import { View, Text } from 'react-native';
+import { withTheme, makeStyles } from '@rneui/themed';
+import { TapasIcon } from "../index";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const useStyles = makeStyles((theme, ...props) => {
+  const {
+    data,
+    type
+  } = props[0];
+  const {
+    progress
+  } = data || {};
+  const width = `${progress}%`;
+  let fontSize;
+  switch (type) {
+    case 'image':
+      fontSize = theme.fonts.sizeS;
+      break;
+    case "file":
+      fontSize = theme.fonts.sizeXs;
+      break;
+  }
+  return {
+    container: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      marginVertical: 20,
+      width: '100%'
+    },
+    stepText: {
+      display: 'flex',
+      justifyContent: 'flex-start',
+      alignItems: 'center',
+      flexDirection: 'row',
+      minWidth: 52
+    },
+    fileText: {
+      display: 'flex',
+      justifyContent: 'flex-end',
+      alignItems: 'center',
+      flexDirection: 'row',
+      minWidth: 52
+    },
+    hr: {
+      height: 2,
+      backgroundColor: theme.colors.grey4,
+      borderRadius: theme.radius.rounded,
+      flexGrow: 1,
+      position: 'absolute',
+      left: 0,
+      right: 0,
+      zIndex: 0
+    },
+    progress: {
+      backgroundColor: theme.colors.grey1,
+      zIndex: 1,
+      width: width
+    },
+    done: {
+      backgroundColor: theme.colors.success,
+      width: '100%'
+    },
+    failed: {
+      backgroundColor: theme.colors.error,
+      width: '100%'
+    },
+    stepItem: {
+      display: "flex",
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: "flex-start",
+      flexGrow: 1,
+      flexShrink: 1
+    },
+    progressText: {
+      fontSize: fontSize,
+      fontFamily: theme.fonts.fontFamily,
+      fontWeight: theme.fonts.weightR,
+      letterSpacing: 0.1,
+      color: theme.colors.secondary
+    },
+    success: {
+      color: theme.colors.success,
+      marginLeft: 2
+    },
+    error: {
+      color: theme.colors.error,
+      marginLeft: 2
+    },
+    reUpload: {
+      color: theme.colors.primary,
+      marginLeft: 12
+    },
+    fileContainer: {
+      display: "flex",
+      flexDirection: 'row',
+      justifyContent: "space-between"
+    },
+    startContainer: {
+      marginRight: 8
+    },
+    endContainer: {
+      marginLeft: 8
+    }
+  };
+});
+const Progress = props => {
+  const styles = useStyles(props);
+
+  // Add null check for data
+  if (!props?.data) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.container,
+    testID: props.testID,
+    children: /*#__PURE__*/_jsxs(View, {
+      style: styles.stepItem,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: styles.startContainer,
+        children: props.data.start
+      }), props.type === 'image' && /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: {
+            flexGrow: 1,
+            position: 'relative'
+          },
+          children: [/*#__PURE__*/_jsx(View, {
+            style: styles.hr
+          }), /*#__PURE__*/_jsx(View, {
+            style: [styles.hr, styles[props.data.status]]
+          })]
+        }), /*#__PURE__*/_jsxs(View, {
+          style: styles.endContainer,
+          children: [props.data.status === 'progress' && /*#__PURE__*/_jsx(View, {
+            style: styles.stepText,
+            children: /*#__PURE__*/_jsx(Text, {
+              style: [styles.progressText],
+              children: props.data.end || `${props.data.progress}%`
+            })
+          }), props.data.status === 'failed' && /*#__PURE__*/_jsxs(View, {
+            style: styles.stepText,
+            children: [/*#__PURE__*/_jsx(TapasIcon, {
+              name: "warning_filled",
+              size: 16,
+              style: styles.error
+            }), /*#__PURE__*/_jsx(Text, {
+              style: [styles.progressText, styles.error],
+              children: props.data.end || props.data.progress
+            })]
+          }), props.data.status === 'done' && /*#__PURE__*/_jsxs(View, {
+            style: styles.stepText,
+            children: [/*#__PURE__*/_jsx(TapasIcon, {
+              name: "check_circle_filled",
+              size: 16,
+              style: styles.success
+            }), /*#__PURE__*/_jsx(Text, {
+              style: [styles.progressText, styles.success],
+              children: props.data.end || props.data.progress
+            })]
+          })]
+        })]
+      }), props.type === 'file' && /*#__PURE__*/_jsx(_Fragment, {
+        children: /*#__PURE__*/_jsxs(View, {
+          style: {
+            flexGrow: 1,
+            position: 'relative'
+          },
+          children: [/*#__PURE__*/_jsxs(View, {
+            style: styles.fileContainer,
+            children: [/*#__PURE__*/_jsx(Text, {
+              style: styles.progressText,
+              children: props.data.file
+            }), /*#__PURE__*/_jsxs(View, {
+              children: [props.data.status === 'progress' && /*#__PURE__*/_jsx(View, {
+                style: styles.fileText,
+                children: /*#__PURE__*/_jsx(Text, {
+                  style: [styles.progressText],
+                  children: props.data.end || `${props.data.progress}%`
+                })
+              }), props.data.status === 'failed' && /*#__PURE__*/_jsxs(View, {
+                style: styles.fileText,
+                children: [/*#__PURE__*/_jsx(TapasIcon, {
+                  name: "warning_filled",
+                  size: 12,
+                  style: styles.error
+                }), /*#__PURE__*/_jsx(Text, {
+                  style: [styles.progressText, styles.error],
+                  children: props.data.end || props.data.progress
+                })]
+              }), props.data.status === 'done' && /*#__PURE__*/_jsxs(View, {
+                style: styles.fileText,
+                children: [/*#__PURE__*/_jsx(TapasIcon, {
+                  name: "check_circle_filled",
+                  size: 12,
+                  style: styles.success
+                }), /*#__PURE__*/_jsx(Text, {
+                  style: [styles.progressText, styles.success],
+                  children: props.data.end || props.data.progress
+                })]
+              })]
+            })]
+          }), /*#__PURE__*/_jsxs(View, {
+            children: [/*#__PURE__*/_jsx(View, {
+              style: styles.hr
+            }), /*#__PURE__*/_jsx(View, {
+              style: [styles.hr, styles[props.data.status]]
+            })]
+          })]
+        })
+      })]
+    })
+  });
+};
+export default withTheme(/*#__PURE__*/React.memo(Progress));
+//# sourceMappingURL=Progress.js.map

package/module/Progress/Progress.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","withTheme","makeStyles","TapasIcon","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useStyles","theme","props","data","type","progress","width","fontSize","fonts","sizeS","sizeXs","container","flexDirection","alignItems","marginVertical","stepText","display","justifyContent","minWidth","fileText","hr","height","backgroundColor","colors","grey4","borderRadius","radius","rounded","flexGrow","position","left","right","zIndex","grey1","done","success","failed","error","stepItem","flexShrink","progressText","fontFamily","fontWeight","weightR","letterSpacing","color","secondary","marginLeft","reUpload","primary","fileContainer","startContainer","marginRight","endContainer","Progress","styles","style","testID","children","start","status","end","name","size","file","memo"],"sourceRoot":"../../../components","sources":["Progress/Progress.tsx"],"mappings":"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","ignoreList":[]}