@beppla/tapas-ui 1.4.35 → 1.5.2

package/module/LineChart/LineChart.js

@@ -0,0 +1,455 @@
+"use strict";
+
+import React, { useMemo } from 'react';
+import { View, StyleSheet, Platform } from 'react-native';
+import Text from '../Text/Text';
+
+// 动态导入依赖
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+let RNLineChart, Grid, RNXAxis, Circle;
+let RechartsLine, Line, RechartsXAxis, RechartsYAxis, CartesianGrid, Tooltip, Legend, ResponsiveContainer;
+if (Platform.OS === 'web') {
+  // Web 环境使用 recharts
+  try {
+    const recharts = require('recharts');
+    RechartsLine = recharts.LineChart;
+    Line = recharts.Line;
+    RechartsXAxis = recharts.XAxis;
+    RechartsYAxis = recharts.YAxis;
+    CartesianGrid = recharts.CartesianGrid;
+    Tooltip = recharts.Tooltip;
+    Legend = recharts.Legend;
+    ResponsiveContainer = recharts.ResponsiveContainer;
+  } catch (e) {
+    console.warn('Recharts not available for Web');
+  }
+} else {
+  // 移动端使用 react-native-svg-charts
+  try {
+    const svgCharts = require('react-native-svg-charts');
+    const svg = require('react-native-svg');
+    RNLineChart = svgCharts.LineChart;
+    Grid = svgCharts.Grid;
+    RNXAxis = svgCharts.XAxis;
+    Circle = svg.Circle;
+  } catch (e) {
+    console.warn('react-native-svg-charts not available');
+  }
+}
+const DEFAULT_MULTI_SERIES_COLORS = ['#6C63FF', '#00BFA5', '#FF6B00', '#FFC107', '#E91E63', '#9C27B0', '#3F51B5', '#00BCD4', '#4CAF50', '#FF9800'];
+export const LineChart = ({
+  data,
+  width,
+  height = 300,
+  color = '#0066CC',
+  colors,
+  showGrid = true,
+  showLabels = true,
+  showXAxis = true,
+  showYAxis = true,
+  showLegend = true,
+  legendPosition = 'bottom',
+  legendIconType = 'rect',
+  legendIconSize = {
+    width: 18,
+    height: 8
+  },
+  legendTextStyle = {
+    fontFamily: 'Bricolage Grotesque, sans-serif',
+    fontSize: 10,
+    fontWeight: 400,
+    letterSpacing: 0.1
+  },
+  curveType = 'monotone',
+  showDots = true,
+  customTooltip,
+  tooltipFormatter,
+  yAxisFormat,
+  xAxisFormat,
+  onLineClick,
+  contentInset = {
+    top: 20,
+    bottom: 20,
+    left: 20,
+    right: 20
+  },
+  style,
+  testID
+}) => {
+  // 检查是否为多系列数据
+  const isMultiSeries = Array.isArray(data) && data.length > 0 && data[0] && 'data' in data[0];
+  if (!isMultiSeries && (!Array.isArray(data) || data.length === 0)) {
+    return /*#__PURE__*/_jsx(View, {
+      style: [styles.container, {
+        height
+      }, style],
+      children: /*#__PURE__*/_jsx(Text, {
+        style: styles.emptyText,
+        children: "No data available"
+      })
+    });
+  }
+  const lineColors = useMemo(() => colors || (isMultiSeries ? DEFAULT_MULTI_SERIES_COLORS : [color]), [colors, isMultiSeries, color]);
+  const {
+    webChartData,
+    seriesKeys
+  } = useMemo(() => {
+    let result = [];
+    let keys = [];
+    if (isMultiSeries) {
+      const series = data;
+      keys = series.map((s, i) => s.label || `Series ${i + 1}`);
+      const maxLength = Math.max(...series.map(s => s.data?.length || 0));
+      for (let i = 0; i < maxLength; i++) {
+        const point = {
+          name: series[0]?.data?.[i]?.label || `Point ${i + 1}`
+        };
+        series.forEach((s, sIndex) => {
+          if (keys[sIndex]) {
+            point[keys[sIndex]] = s.data?.[i]?.value || 0;
+          }
+        });
+        result.push(point);
+      }
+    } else {
+      result = data.map((item, index) => ({
+        name: item.label || `Point ${index + 1}`,
+        value: item.value
+      }));
+      keys = ['value'];
+    }
+    return {
+      webChartData: result,
+      seriesKeys: keys
+    };
+  }, [data, isMultiSeries]);
+
+  // Web 环境使用 Recharts
+  if (Platform.OS === 'web' && RechartsLine) {
+    const chartData = webChartData;
+
+    // 自定义图例渲染函数
+    const renderLegend = props => {
+      const {
+        payload
+      } = props;
+      if (!payload || payload.length === 0) return null;
+      return /*#__PURE__*/_jsx("div", {
+        style: {
+          display: 'flex',
+          flexWrap: 'wrap',
+          gap: '12px',
+          justifyContent: legendPosition === 'left' || legendPosition === 'right' ? 'flex-start' : 'center',
+          padding: legendPosition === 'top' ? '0 0 24px 0' : '10px 0 0 0'
+        },
+        children: payload.map((entry, index) => {
+          const iconStyle = {
+            display: 'inline-block',
+            marginRight: '6px',
+            verticalAlign: 'middle'
+          };
+
+          // 根据 iconType 设置不同的图标
+          if (legendIconType === 'rect' || legendIconType === 'line') {
+            iconStyle.width = `${legendIconSize.width}px`;
+            iconStyle.height = `${legendIconSize.height}px`;
+            iconStyle.backgroundColor = entry.color;
+            iconStyle.borderRadius = legendIconType === 'rect' ? '2px' : '0';
+          } else if (legendIconType === 'square') {
+            const size = Math.max(legendIconSize.width, legendIconSize.height);
+            iconStyle.width = `${size}px`;
+            iconStyle.height = `${size}px`;
+            iconStyle.backgroundColor = entry.color;
+            iconStyle.borderRadius = '2px';
+          } else {
+            // circle
+            const size = Math.max(legendIconSize.width, legendIconSize.height);
+            iconStyle.width = `${size}px`;
+            iconStyle.height = `${size}px`;
+            iconStyle.backgroundColor = entry.color;
+            iconStyle.borderRadius = '50%';
+          }
+          return /*#__PURE__*/_jsxs("div", {
+            style: {
+              display: 'flex',
+              alignItems: 'center'
+            },
+            children: [/*#__PURE__*/_jsx("span", {
+              style: iconStyle
+            }), /*#__PURE__*/_jsx("span", {
+              style: {
+                fontFamily: legendTextStyle.fontFamily,
+                fontSize: `${legendTextStyle.fontSize}px`,
+                fontWeight: legendTextStyle.fontWeight,
+                letterSpacing: `${legendTextStyle.letterSpacing}px`,
+                color: '#333',
+                lineHeight: 'normal'
+              },
+              children: entry.value
+            })]
+          }, `legend-${index}`);
+        })
+      });
+    };
+
+    // 自定义 Tooltip 组件
+    const CustomTooltipContent = ({
+      active,
+      payload,
+      label
+    }) => {
+      if (!active || !payload || payload.length === 0) return null;
+      const dataIndex = chartData.findIndex(item => item.name === label);
+      const tooltipData = {
+        label: label || '',
+        value: payload[0]?.value || 0,
+        dataIndex,
+        seriesLabel: payload[0]?.dataKey || ''
+      };
+
+      // 如果提供了自定义 Tooltip 渲染函数
+      if (customTooltip) {
+        return customTooltip(tooltipData);
+      }
+
+      // 如果提供了 Tooltip 格式化函数
+      if (tooltipFormatter) {
+        const formatted = tooltipFormatter(tooltipData);
+        return /*#__PURE__*/_jsxs("div", {
+          style: {
+            backgroundColor: 'rgba(255, 255, 255, 0.95)',
+            border: '1px solid #E0E0E0',
+            borderRadius: 8,
+            padding: '12px 16px',
+            boxShadow: '0 2px 8px rgba(0,0,0,0.1)'
+          },
+          children: [formatted.title && /*#__PURE__*/_jsx("div", {
+            style: {
+              fontWeight: 'bold',
+              marginBottom: 8,
+              fontSize: 14
+            },
+            children: formatted.title
+          }), formatted.items?.map((item, idx) => /*#__PURE__*/_jsxs("div", {
+            style: {
+              display: 'flex',
+              justifyContent: 'space-between',
+              marginBottom: 4,
+              fontSize: 12
+            },
+            children: [/*#__PURE__*/_jsx("span", {
+              style: {
+                color: '#666',
+                marginRight: 16
+              },
+              children: item.label
+            }), /*#__PURE__*/_jsx("span", {
+              style: {
+                fontWeight: '600'
+              },
+              children: item.value
+            })]
+          }, idx))]
+        });
+      }
+
+      // 默认 Tooltip
+      return null;
+    };
+    const ChartComponent = /*#__PURE__*/_jsxs(RechartsLine, {
+      data: chartData,
+      margin: {
+        top: 20,
+        right: 30,
+        left: showYAxis ? 20 : 10,
+        bottom: showLabels && showXAxis ? 20 : 10
+      },
+      children: [showGrid && /*#__PURE__*/_jsx(CartesianGrid, {
+        strokeDasharray: "3 3",
+        stroke: "#E0E0E0"
+      }), showLabels && showXAxis && /*#__PURE__*/_jsx(RechartsXAxis, {
+        dataKey: "name",
+        style: {
+          fontSize: 10
+        }
+      }), showYAxis && /*#__PURE__*/_jsx(RechartsYAxis, {
+        style: {
+          fontSize: 10
+        },
+        tickFormatter: yAxisFormat
+      }), /*#__PURE__*/_jsx(Tooltip, {
+        content: customTooltip || tooltipFormatter ? /*#__PURE__*/_jsx(CustomTooltipContent, {}) : undefined,
+        contentStyle: !customTooltip && !tooltipFormatter ? {
+          backgroundColor: 'rgba(255, 255, 255, 0.95)',
+          border: '1px solid #E0E0E0',
+          borderRadius: 4
+        } : undefined
+      }), isMultiSeries && showLegend && /*#__PURE__*/_jsx(Legend, {
+        verticalAlign: legendPosition === 'top' || legendPosition === 'bottom' ? legendPosition : 'top',
+        align: legendPosition === 'left' || legendPosition === 'right' ? legendPosition : 'center',
+        content: renderLegend
+      }), seriesKeys.map((key, index) => {
+        const handleClick = clickData => {
+          if (onLineClick && clickData) {
+            // 找到原始数据索引
+            const dataIndex = chartData.findIndex(item => item.name === clickData.name);
+            if (dataIndex >= 0) {
+              if (isMultiSeries) {
+                const series = data[index];
+                const originalDataPoint = series?.data?.[dataIndex];
+                if (originalDataPoint) {
+                  onLineClick(key, originalDataPoint, dataIndex);
+                }
+              } else {
+                const originalDataPoint = data[dataIndex];
+                if (originalDataPoint) {
+                  onLineClick(key, originalDataPoint, dataIndex);
+                }
+              }
+            }
+          }
+        };
+        return /*#__PURE__*/_jsx(Line, {
+          type: curveType,
+          dataKey: key,
+          stroke: lineColors[index % lineColors.length],
+          strokeWidth: 2,
+          dot: showDots ? {
+            fill: lineColors[index % lineColors.length],
+            r: 4
+          } : false,
+          activeDot: showDots ? {
+            r: 6
+          } : false,
+          onClick: handleClick
+        }, key);
+      })]
+    });
+    return /*#__PURE__*/_jsx(View, {
+      style: [styles.container, {
+        height,
+        width: width || '100%'
+      }, style],
+      testID: testID,
+      children: ResponsiveContainer ? /*#__PURE__*/_jsx(ResponsiveContainer, {
+        width: "100%",
+        height: height - 20,
+        children: ChartComponent
+      }) : ChartComponent
+    });
+  }
+
+  // 移动端使用 react-native-svg-charts
+  if (!RNLineChart) {
+    return /*#__PURE__*/_jsx(View, {
+      style: [styles.container, {
+        height
+      }, style],
+      children: /*#__PURE__*/_jsx(Text, {
+        style: styles.emptyText,
+        children: "Chart library not available"
+      })
+    });
+  }
+
+  // 单系列数据
+  const chartData = isMultiSeries ? (data[0]?.data || []).map(d => d.value) : data.map(d => d.value);
+  const Decorator = ({
+    x,
+    y,
+    data: chartValues
+  }) => {
+    if (!showDots || !Circle) return null;
+    return chartValues.map((value, index) => {
+      const handlePress = () => {
+        if (onLineClick) {
+          let originalDataPoint;
+          let seriesLabel;
+          if (isMultiSeries) {
+            const firstSeries = data[0];
+            originalDataPoint = firstSeries?.data?.[index] || {
+              value
+            };
+            seriesLabel = firstSeries?.label || 'Series 1';
+          } else {
+            originalDataPoint = data[index] || {
+              value
+            };
+            seriesLabel = 'value';
+          }
+          onLineClick(seriesLabel, originalDataPoint, index);
+        }
+      };
+      return /*#__PURE__*/_jsx(Circle, {
+        cx: x(index),
+        cy: y(value),
+        r: 4,
+        stroke: color,
+        fill: "white",
+        strokeWidth: 2,
+        onPress: handlePress
+      }, index);
+    });
+  };
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.container, {
+      height,
+      width: width || '100%'
+    }, style],
+    testID: testID,
+    children: /*#__PURE__*/_jsxs(View, {
+      style: styles.chartWrapper,
+      children: [/*#__PURE__*/_jsxs(RNLineChart, {
+        style: {
+          flex: 1
+        },
+        data: chartData,
+        svg: {
+          stroke: color,
+          strokeWidth: 2
+        },
+        contentInset: contentInset,
+        gridMin: 0,
+        children: [showGrid && Grid && /*#__PURE__*/_jsx(Grid, {}), /*#__PURE__*/_jsx(Decorator, {})]
+      }), showLabels && showXAxis && RNXAxis && /*#__PURE__*/_jsx(RNXAxis, {
+        style: styles.xAxis,
+        data: chartData,
+        formatLabel: (value, index) => {
+          if (xAxisFormat) {
+            return xAxisFormat(value, index);
+          }
+          if (isMultiSeries) {
+            return (data[0]?.data || [])[index]?.label || index.toString();
+          }
+          return data[index]?.label || index.toString();
+        },
+        contentInset: {
+          left: 20,
+          right: 20
+        },
+        svg: {
+          fontSize: 10,
+          fill: 'black'
+        }
+      })]
+    })
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    backgroundColor: 'transparent'
+  },
+  chartWrapper: {
+    flex: 1
+  },
+  xAxis: {
+    marginHorizontal: -10,
+    height: 30
+  },
+  emptyText: {
+    textAlign: 'center',
+    marginTop: 100,
+    color: '#999'
+  }
+});
+//# sourceMappingURL=LineChart.js.map

package/module/LineChart/LineChart.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","View","StyleSheet","Platform","Text","jsx","_jsx","jsxs","_jsxs","RNLineChart","Grid","RNXAxis","Circle","RechartsLine","Line","RechartsXAxis","RechartsYAxis","CartesianGrid","Tooltip","Legend","ResponsiveContainer","OS","recharts","require","LineChart","XAxis","YAxis","e","console","warn","svgCharts","svg","DEFAULT_MULTI_SERIES_COLORS","data","width","height","color","colors","showGrid","showLabels","showXAxis","showYAxis","showLegend","legendPosition","legendIconType","legendIconSize","legendTextStyle","fontFamily","fontSize","fontWeight","letterSpacing","curveType","showDots","customTooltip","tooltipFormatter","yAxisFormat","xAxisFormat","onLineClick","contentInset","top","bottom","left","right","style","testID","isMultiSeries","Array","isArray","length","styles","container","children","emptyText","lineColors","webChartData","seriesKeys","result","keys","series","map","s","i","label","maxLength","Math","max","point","name","forEach","sIndex","value","push","item","index","chartData","renderLegend","props","payload","display","flexWrap","gap","justifyContent","padding","entry","iconStyle","marginRight","verticalAlign","backgroundColor","borderRadius","size","alignItems","lineHeight","CustomTooltipContent","active","dataIndex","findIndex","tooltipData","seriesLabel","dataKey","formatted","border","boxShadow","title","marginBottom","items","idx","ChartComponent","margin","strokeDasharray","stroke","tickFormatter","content","undefined","contentStyle","align","key","handleClick","clickData","originalDataPoint","type","strokeWidth","dot","fill","r","activeDot","onClick","d","Decorator","x","y","chartValues","handlePress","firstSeries","cx","cy","onPress","chartWrapper","flex","gridMin","xAxis","formatLabel","toString","create","marginHorizontal","textAlign","marginTop"],"sourceRoot":"../../../components","sources":["LineChart/LineChart.tsx"],"mappings":"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","ignoreList":[]}

package/module/ListItem/ListItem.js

@@ -0,0 +1,201 @@
+"use strict";
+
+import React, { useState } from "react";
+import { ListItem, makeStyles, withTheme } from "@rneui/themed";
+import Icon from "../Icons/TapasIcon";
+import { Text, TouchableOpacity } from "react-native";
+import Hoverable from "../Hoverable/Hoverable";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const useStyle = makeStyles((theme, ...props) => {
+  const {
+    disabled
+  } = props[0];
+  return {
+    listItemContainer: {
+      backgroundColor: theme.colors.grey5,
+      padding: 0,
+      width: "100%"
+    },
+    itemContainer: {
+      backgroundColor: theme.colors.white,
+      display: "flex",
+      justifyContent: "space-between",
+      flexDirection: "row",
+      padding: 0,
+      paddingHorizontal: 16,
+      width: "100%",
+      height: 48,
+      alignItems: "center",
+      flex: 1,
+      overflow: "hidden"
+    },
+    selectedItem: {
+      backgroundColor: theme.colors.grey3
+    },
+    title: {
+      fontFamily: theme.fonts.fontFamily,
+      fontSize: theme.fonts.sizeM,
+      fontWeight: theme.fonts.weightR,
+      color: theme.colors.colorTextPrimary,
+      justifyContent: "center"
+    },
+    icon: {
+      color: disabled ? theme.colors.disabled : theme.colors.colorTextAccent,
+      fontSize: 20
+    },
+    disabled: {
+      backgroundColor: theme.colors.white
+    },
+    hovered: {
+      backgroundColor: theme.colors.grey4
+    },
+    disabledTitle: {
+      color: theme.colors.disabled
+    },
+    disabledSelectedContainer: {
+      backgroundColor: theme.colors.grey5
+    },
+    main: {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      overflow: "hidden",
+      justifyContent: "center"
+    },
+    text: {
+      flexDirection: "row",
+      justifyContent: "flex-start",
+      width: "100%",
+      overflow: "hidden"
+      // whiteSpace: "nowrap", // Not supported in React Native
+      // textOverflow: "ellipsis", // Not supported in React Native
+    },
+    desc: {
+      fontSize: theme.fonts.sizeS,
+      fontWeight: theme.fonts.weightR,
+      color: theme.colors.colorTextSecondary
+    },
+    hoverWrap: {
+      display: "flex",
+      flexDirection: "row",
+      justifyContent: "space-between",
+      flexGrow: 1,
+      padding: 0
+    },
+    number: {
+      fontFamily: theme.fonts.fontFamily,
+      fontSize: theme.fonts.sizeS,
+      fontWeight: theme.fonts.weightL,
+      color: theme.colors.white,
+      height: 24,
+      width: 24,
+      lineHeight: 24,
+      textAlign: "center",
+      backgroundColor: theme.colors.colorTextAccent,
+      borderRadius: theme.radius.full
+    },
+    highlightStyle: {
+      color: theme.colors.colorTextPrimary
+    }
+  };
+});
+const CustomListItem = ({
+  item,
+  key,
+  onItemPress,
+  containerStyle,
+  itemContainerStyle,
+  titleContainerStyle,
+  searchHighlightStyle,
+  titleStyle,
+  descStyle,
+  isFirst,
+  isLast,
+  testID,
+  ...props
+}) => {
+  const styles = useStyle(props);
+  const {
+    selected,
+    disabled
+  } = props;
+  const [isHovered, setIsHovered] = useState(false);
+  const handleMouseEnter = () => {
+    setIsHovered(true);
+  };
+  const handleMouseLeave = () => {
+    setIsHovered(false);
+  };
+  const [innerConWidth, setInnerConWidth] = useState(0);
+  // Inner Container Layout Event to set content width
+  const handleInnerConLayout = event => {
+    const {
+      width
+    } = event.nativeEvent.layout;
+    if (innerConWidth === 0) {
+      setInnerConWidth(width - 32); // 32 is padding left and right
+    }
+  };
+  return /*#__PURE__*/_jsx(ListItem, {
+    testID: testID,
+    containerStyle: [styles.listItemContainer, disabled && styles.disabled, containerStyle, selected?.value === item?.value && disabled && styles.disabledSelectedContainer],
+    style: {
+      width: "100%"
+    },
+    children: /*#__PURE__*/_jsx(ListItem.Content, {
+      onLayout: handleInnerConLayout,
+      style: [styles.itemContainer, itemContainerStyle, selected?.value === item?.value ? styles.selectedItem : isHovered && styles.hovered,
+      // 第一个 item 添加左上和右上圆角
+      isFirst && {
+        borderTopLeftRadius: 12,
+        borderTopRightRadius: 12
+      },
+      // 最后一个 item 添加左下和右下圆角
+      isLast && {
+        borderBottomLeftRadius: 12,
+        borderBottomRightRadius: 12
+      }],
+      children: /*#__PURE__*/_jsxs(Hoverable, {
+        onHoverIn: handleMouseEnter,
+        onHoverOut: handleMouseLeave,
+        style: styles.hoverWrap,
+        children: [/*#__PURE__*/_jsxs(TouchableOpacity, {
+          style: {
+            ...styles.main,
+            width: innerConWidth - (selected?.value === item?.value || item?.number ? 36 : 0)
+          },
+          onPress: () => {
+            !disabled && onItemPress(item);
+          },
+          children: [item?.name ? /*#__PURE__*/_jsx(ListItem.Title, {
+            style: [styles.title, styles.text, titleContainerStyle, disabled && styles.disabledTitle],
+            children: /*#__PURE__*/_jsx(Text, {
+              style: titleStyle,
+              children: props.search && item.name ? item.name.split(new RegExp(`(${props.search})`, "gi")).map((part, i) => part.toLowerCase().includes(props.search?.toLowerCase() || "") ? /*#__PURE__*/_jsx(Text, {
+                style: [styles.highlightStyle, searchHighlightStyle],
+                children: part
+              }, i) : part) : item.name
+            })
+          }) : /*#__PURE__*/_jsx(_Fragment, {}), item?.desc ? /*#__PURE__*/_jsx(ListItem.Subtitle, {
+            style: [styles.text, styles.desc, disabled && styles.disabledTitle],
+            children: /*#__PURE__*/_jsx(Text, {
+              style: descStyle,
+              children: props.search && item.desc ? item.desc.split(new RegExp(`(${props.search})`, "gi")).map((part, i) => part.toLowerCase().includes(props.search?.toLowerCase() || "") ? /*#__PURE__*/_jsx(Text, {
+                style: [styles.highlightStyle, searchHighlightStyle],
+                children: part
+              }, i) : part) : item.desc
+            })
+          }) : /*#__PURE__*/_jsx(_Fragment, {})]
+        }), item?.number ? /*#__PURE__*/_jsx(Text, {
+          style: styles.number,
+          children: item?.number
+        }) : selected?.value === item?.value && /*#__PURE__*/_jsx(Icon, {
+          name: "check",
+          style: styles.icon
+        })]
+      })
+    })
+  }, key);
+};
+export default withTheme(/*#__PURE__*/React.memo(CustomListItem));
+//# sourceMappingURL=ListItem.js.map