@beppla/tapas-ui 1.0.67 → 1.0.69

package/commonjs/LineChart/LineChart.js

@@ -1,24 +1,20 @@
 "use strict";
 
-var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.LineChart = void 0;
-var react_1 = __importDefault(require("react"));
-var react_native_1 = require("react-native");
-var Text_1 = __importDefault(require("../Text/Text"));
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _Text = _interopRequireDefault(require("../Text/Text"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // 动态导入依赖
-var RNLineChart, Grid, RNXAxis, Circle;
-var RechartsLine, Line, RechartsXAxis, RechartsYAxis, CartesianGrid, Tooltip, Legend, ResponsiveContainer;
-if (react_native_1.Platform.OS === 'web') {
+let RNLineChart, Grid, RNXAxis, Circle;
+let RechartsLine, Line, RechartsXAxis, RechartsYAxis, CartesianGrid, Tooltip, Legend, ResponsiveContainer;
+if (_reactNative.Platform.OS === 'web') {
   // Web 环境使用 recharts
   try {
-    var recharts = require('recharts');
+    const recharts = require('recharts');
     RechartsLine = recharts.LineChart;
     Line = recharts.Line;
     RechartsXAxis = recharts.XAxis;
@@ -33,8 +29,8 @@ if (react_native_1.Platform.OS === 'web') {
 } else {
   // 移动端使用 react-native-svg-charts
   try {
-    var svgCharts = require('react-native-svg-charts');
-    var svg = require('react-native-svg');
+    const svgCharts = require('react-native-svg-charts');
+    const svg = require('react-native-svg');
     RNLineChart = svgCharts.LineChart;
     Grid = svgCharts.Grid;
     RNXAxis = svgCharts.XAxis;
@@ -43,180 +39,160 @@ if (react_native_1.Platform.OS === 'web') {
     console.warn('react-native-svg-charts not available');
   }
 }
-var LineChart = function (_a) {
-  var _b, _c, _d, _e;
-  var data = _a.data,
-    width = _a.width,
-    _f = _a.height,
-    height = _f === void 0 ? 300 : _f,
-    _g = _a.color,
-    color = _g === void 0 ? '#0066CC' : _g,
-    colors = _a.colors,
-    _h = _a.showGrid,
-    showGrid = _h === void 0 ? true : _h,
-    _j = _a.showLabels,
-    showLabels = _j === void 0 ? true : _j,
-    _k = _a.showDots,
-    showDots = _k === void 0 ? true : _k,
-    yAxisFormat = _a.yAxisFormat,
-    xAxisFormat = _a.xAxisFormat,
-    _l = _a.contentInset,
-    contentInset = _l === void 0 ? {
-      top: 20,
-      bottom: 20,
-      left: 20,
-      right: 20
-    } : _l,
-    style = _a.style,
-    testID = _a.testID;
+const LineChart = ({
+  data,
+  width,
+  height = 300,
+  color = '#0066CC',
+  colors,
+  showGrid = true,
+  showLabels = true,
+  showDots = true,
+  yAxisFormat,
+  xAxisFormat,
+  contentInset = {
+    top: 20,
+    bottom: 20,
+    left: 20,
+    right: 20
+  },
+  style,
+  testID
+}) => {
   // 检查是否为多系列数据
-  var isMultiSeries = Array.isArray(data) && data.length > 0 && data[0] && 'data' in data[0];
+  const isMultiSeries = Array.isArray(data) && data.length > 0 && data[0] && 'data' in data[0];
   if (!isMultiSeries && (!Array.isArray(data) || data.length === 0)) {
-    return react_1.default.createElement(react_native_1.View, {
+    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
       style: [styles.container, {
-        height: height
+        height
       }, style]
-    }, react_1.default.createElement(Text_1.default, {
+    }, /*#__PURE__*/_react.default.createElement(_Text.default, {
       style: styles.emptyText
     }, "No data available"));
   }
+
   // Web 环境使用 Recharts
-  if (react_native_1.Platform.OS === 'web' && RechartsLine) {
-    var chartData_1 = [];
-    var seriesKeys_1 = [];
+  if (_reactNative.Platform.OS === 'web' && RechartsLine) {
+    let chartData = [];
+    let seriesKeys = [];
     if (isMultiSeries) {
       // 多系列数据
-      var series = data;
-      seriesKeys_1 = series.map(function (s, i) {
-        return s.label || "Series ".concat(i + 1);
-      });
+      const series = data;
+      seriesKeys = series.map((s, i) => s.label || `Series ${i + 1}`);
+
       // 转换为 recharts 格式
-      var maxLength = Math.max.apply(Math, series.map(function (s) {
-        var _a;
-        return ((_a = s.data) === null || _a === void 0 ? void 0 : _a.length) || 0;
-      }));
-      var _loop_1 = function (i) {
-        var point = {
-          name: ((_d = (_c = (_b = series[0]) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c[i]) === null || _d === void 0 ? void 0 : _d.label) || "Point ".concat(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(function (s, sIndex) {
-          var _a, _b;
-          if (seriesKeys_1[sIndex]) {
-            point[seriesKeys_1[sIndex]] = ((_b = (_a = s.data) === null || _a === void 0 ? void 0 : _a[i]) === null || _b === void 0 ? void 0 : _b.value) || 0;
+        series.forEach((s, sIndex) => {
+          if (seriesKeys[sIndex]) {
+            point[seriesKeys[sIndex]] = s.data?.[i]?.value || 0;
           }
         });
-        chartData_1.push(point);
-      };
-      for (var i = 0; i < maxLength; i++) {
-        _loop_1(i);
+        chartData.push(point);
       }
     } else {
       // 单系列数据
-      chartData_1 = data.map(function (item, index) {
-        return {
-          name: item.label || "Point ".concat(index + 1),
-          value: item.value
-        };
-      });
-      seriesKeys_1 = ['value'];
+      chartData = data.map((item, index) => ({
+        name: item.label || `Point ${index + 1}`,
+        value: item.value
+      }));
+      seriesKeys = ['value'];
     }
-    var lineColors_1 = colors || (isMultiSeries ? ['#6C63FF', '#00BFA5', '#FF6B00', '#FFC107', '#E91E63', '#9C27B0', '#3F51B5', '#00BCD4', '#4CAF50', '#FF9800'] : [color]);
-    var ChartComponent = react_1.default.createElement(RechartsLine, {
-      data: chartData_1,
+    const lineColors = colors || (isMultiSeries ? ['#6C63FF', '#00BFA5', '#FF6B00', '#FFC107', '#E91E63', '#9C27B0', '#3F51B5', '#00BCD4', '#4CAF50', '#FF9800'] : [color]);
+    const ChartComponent = /*#__PURE__*/_react.default.createElement(RechartsLine, {
+      data: chartData,
       margin: {
         top: 20,
         right: 30,
         left: 20,
         bottom: showLabels ? 20 : 10
       }
-    }, showGrid && react_1.default.createElement(CartesianGrid, {
+    }, showGrid && /*#__PURE__*/_react.default.createElement(CartesianGrid, {
       strokeDasharray: "3 3",
       stroke: "#E0E0E0"
-    }), showLabels && react_1.default.createElement(RechartsXAxis, {
+    }), showLabels && /*#__PURE__*/_react.default.createElement(RechartsXAxis, {
       dataKey: "name",
       style: {
         fontSize: 10
       }
-    }), react_1.default.createElement(RechartsYAxis, {
+    }), /*#__PURE__*/_react.default.createElement(RechartsYAxis, {
       style: {
         fontSize: 10
       },
       tickFormatter: yAxisFormat
-    }), react_1.default.createElement(Tooltip, {
+    }), /*#__PURE__*/_react.default.createElement(Tooltip, {
       contentStyle: {
         backgroundColor: 'rgba(255, 255, 255, 0.95)',
         border: '1px solid #E0E0E0',
         borderRadius: 4
       }
-    }), isMultiSeries && react_1.default.createElement(Legend, null), seriesKeys_1.map(function (key, index) {
-      return react_1.default.createElement(Line, {
-        key: key,
-        type: "monotone",
-        dataKey: key,
-        stroke: lineColors_1[index % lineColors_1.length],
-        strokeWidth: 2,
-        dot: showDots ? {
-          fill: lineColors_1[index % lineColors_1.length],
-          r: 4
-        } : false,
-        activeDot: showDots ? {
-          r: 6
-        } : false
-      });
-    }));
-    return react_1.default.createElement(react_native_1.View, {
+    }), isMultiSeries && /*#__PURE__*/_react.default.createElement(Legend, null), seriesKeys.map((key, index) => /*#__PURE__*/_react.default.createElement(Line, {
+      key: key,
+      type: "monotone",
+      dataKey: key,
+      stroke: lineColors[index % lineColors.length],
+      strokeWidth: 2,
+      dot: showDots ? {
+        fill: lineColors[index % lineColors.length],
+        r: 4
+      } : false,
+      activeDot: showDots ? {
+        r: 6
+      } : false
+    })));
+    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
       style: [styles.container, {
-        height: height,
+        height,
         width: width || '100%'
       }, style],
       testID: testID
-    }, ResponsiveContainer ? react_1.default.createElement(ResponsiveContainer, {
+    }, ResponsiveContainer ? /*#__PURE__*/_react.default.createElement(ResponsiveContainer, {
       width: "100%",
       height: height - 20
     }, ChartComponent) : ChartComponent);
   }
+
   // 移动端使用 react-native-svg-charts
   if (!RNLineChart) {
-    return react_1.default.createElement(react_native_1.View, {
+    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
       style: [styles.container, {
-        height: height
+        height
       }, style]
-    }, react_1.default.createElement(Text_1.default, {
+    }, /*#__PURE__*/_react.default.createElement(_Text.default, {
       style: styles.emptyText
     }, "Chart library not available"));
   }
+
   // 单系列数据
-  var chartData = isMultiSeries ? (((_e = data[0]) === null || _e === void 0 ? void 0 : _e.data) || []).map(function (d) {
-    return d.value;
-  }) : data.map(function (d) {
-    return d.value;
-  });
-  var Decorator = function (_a) {
-    var x = _a.x,
-      y = _a.y,
-      data = _a.data;
+  const chartData = isMultiSeries ? (data[0]?.data || []).map(d => d.value) : data.map(d => d.value);
+  const Decorator = ({
+    x,
+    y,
+    data
+  }) => {
     if (!showDots || !Circle) return null;
-    return data.map(function (value, index) {
-      return react_1.default.createElement(Circle, {
-        key: index,
-        cx: x(index),
-        cy: y(value),
-        r: 4,
-        stroke: color,
-        fill: "white",
-        strokeWidth: 2
-      });
-    });
+    return data.map((value, index) => /*#__PURE__*/_react.default.createElement(Circle, {
+      key: index,
+      cx: x(index),
+      cy: y(value),
+      r: 4,
+      stroke: color,
+      fill: "white",
+      strokeWidth: 2
+    }));
   };
-  return react_1.default.createElement(react_native_1.View, {
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [styles.container, {
-      height: height,
+      height,
       width: width || '100%'
     }, style],
     testID: testID
-  }, react_1.default.createElement(react_native_1.View, {
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.chartWrapper
-  }, react_1.default.createElement(RNLineChart, {
+  }, /*#__PURE__*/_react.default.createElement(RNLineChart, {
     style: {
       flex: 1
     },
@@ -226,6 +202,48 @@ var LineChart = function (_a) {
       strokeWidth: 2
     },
     contentInset: contentInset,
+    gridMin: 0
+  }, showGrid && Grid && /*#__PURE__*/_react.default.createElement(Grid, null), /*#__PURE__*/_react.default.createElement(Decorator, null)), showLabels && RNXAxis && /*#__PURE__*/_react.default.createElement(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'
+    }
+  })));
+};
+exports.LineChart = LineChart;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    backgroundColor: 'transparent'
+  },
+  chartWrapper: {
+    flex: 1
+  },
+  xAxis: {
+    marginHorizontal: -10,
+    height: 30
+  },
+  emptyText: {
+    textAlign: 'center',
+    marginTop: 100,
+    color: '#999'
+  }
+});
+
     gridMin: 0
   }, showGrid && Grid && react_1.default.createElement(Grid, null), react_1.default.createElement(Decorator, null)), showLabels && RNXAxis && react_1.default.createElement(RNXAxis, {
     style: styles.xAxis,
@@ -268,4 +286,3 @@ var styles = react_native_1.StyleSheet.create({
     color: '#999'
   }
 });
-//# sourceMappingURL=LineChart.js.map

package/commonjs/LineChart/index.js

@@ -10,4 +10,3 @@ Object.defineProperty(exports, "LineChart", {
   }
 });
 var _LineChart = require("./LineChart");
-//# sourceMappingURL=index.js.map sourceMappingURL=index.js.map

package/commonjs/ListItem/ListItem.js

@@ -266,4 +266,3 @@ var CustomListItem = function (_a) {
   }))));
 };
 exports.default = (0, themed_1.withTheme)(CustomListItem);
-//# sourceMappingURL=ListItem.js.map

package/commonjs/Loading/Loading.js

@@ -93,7 +93,7 @@ const useStyles = (0, _themed.makeStyles)(theme => ({
   }
 }));
 var _default = exports.default = (0, _themed.withTheme)(Loading);
-//# sourceMappingURL=Loading.js.mapement(react_native_1.Animated.View, {
+
     style: [{
       opacity: opacity,
       width: size,
@@ -123,4 +123,3 @@ var useStyles = (0, themed_1.makeStyles)(function (theme) {
   };
 });
 exports.default = (0, themed_1.withTheme)(Loading);
-//# sourceMappingURL=Loading.js.map