@beppla/tapas-ui 1.0.70 → 1.0.72

package/module/MessageBox/MessageBox.js

@@ -181,7 +181,6 @@ const useStyles = makeStyles(theme => ({
   }
 }));
 export default withTheme(MessageBox);
-//# sourceMappingURL=MessageBox.js.mapText, {
     style: styles.messagebox_btn_txt,
     numberOfLines: 1,
     ellipsizeMode: "tail"
@@ -279,4 +278,3 @@ var useStyles = (0, themed_1.makeStyles)(function (theme) {
   };
 });
 exports.default = (0, themed_1.withTheme)(MessageBox);
-//# sourceMappingURL=MessageBox.js.map

package/module/MultiSelector/MultiSelector.js

@@ -575,4 +575,3 @@ var useStyles = (0, themed_1.makeStyles)(function (theme) {
   };
 });
 exports.default = (0, themed_1.withTheme)(TapasMultiSelector);
-//# sourceMappingURL=MultiSelector.js.map

package/module/MultiSelector/index.js

@@ -1,5 +1,4 @@
 export { default } from './MultiSelector';
-//# sourceMappingURL=index.js.mapn (mod) {
   return mod && mod.__esModule ? mod : {
     "default": mod
   };
@@ -15,4 +14,3 @@ Object.defineProperty(exports, "default", {
     return __importDefault(MultiSelector_1).default;
   }
 });
-//# sourceMappingURL=index.js.map

package/module/Navigation/Navigation.js

@@ -189,7 +189,6 @@ const styles = StyleSheet.create({
   }
 });
 export default withTheme(Navigation);
-//# sourceMappingURL=Navigation.js.map}, [selectedIndex, navItems]);
   var handleItemPress = (0, react_1.useCallback)(function (selectedItemIndex, type) {
     setSelectedItem({
       type: type,
@@ -281,4 +280,3 @@ var styles = react_native_1.StyleSheet.create({
   }
 });
 exports.default = (0, themed_1.withTheme)(Navigation);
-//# sourceMappingURL=Navigation.js.map

package/module/Notification/Notification.js

@@ -1,11 +1,79 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { useEffect, useRef } from 'react';
-import { Animated, Easing, View, Text, Pressable } from 'react-native';
-import { ScrollView } from 'react-native';
-import { makeStyles, withTheme } from '@rneui/themed';
-import TapasIcon from '../Icons/TapasIcon';
-import TapasButton from '../Button/Button';
-const useStyles = makeStyles(theme => {
+"use strict";
+
+var __assign = this && this.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+    }
+    return t;
+  };
+  return __assign.apply(this, arguments);
+};
+var __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __setModuleDefault = this && this.__setModuleDefault || (Object.create ? function (o, v) {
+  Object.defineProperty(o, "default", {
+    enumerable: true,
+    value: v
+  });
+} : function (o, v) {
+  o["default"] = v;
+});
+var __importStar = this && this.__importStar || function () {
+  var ownKeys = function (o) {
+    ownKeys = Object.getOwnPropertyNames || function (o) {
+      var ar = [];
+      for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+      return ar;
+    };
+    return ownKeys(o);
+  };
+  return function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+    __setModuleDefault(result, mod);
+    return result;
+  };
+}();
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var __importDefault = this && this.__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var react_1 = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var react_native_2 = require("react-native");
+var themed_1 = require("@rneui/themed");
+var TapasIcon_1 = __importDefault(require("../Icons/TapasIcon"));
+var Button_1 = __importDefault(require("../Button/Button"));
+var useStyles = (0, themed_1.makeStyles)(function (theme) {
   return {
     container: {
       display: 'flex',
@@ -110,106 +178,34 @@ const useStyles = makeStyles(theme => {
     }
   };
 });
-const TapasNotification = ({
-  open = false,
-  headerTitleStyle,
-  items = [],
-  title = 'Notification',
-  emptyText = 'No Data',
-  hideHeaderButton = false,
-  style,
-  selectedItem,
-  onSelectItem,
-  onHeaderButtonPress,
-  animationDuration = 500,
-  expandedWidth = 288,
-  ...otherProps
-}) => {
-  const styles = useStyles();
-
+var TapasNotification = function (_a) {
+  var _b = _a.open,
+    open = _b === void 0 ? false : _b,
+    headerTitleStyle = _a.headerTitleStyle,
+    _c = _a.items,
+    items = _c === void 0 ? [] : _c,
+    _d = _a.title,
+    title = _d === void 0 ? 'Notification' : _d,
+    _e = _a.emptyText,
+    emptyText = _e === void 0 ? 'No Data' : _e,
+    _f = _a.hideHeaderButton,
+    hideHeaderButton = _f === void 0 ? false : _f,
+    style = _a.style,
+    selectedItem = _a.selectedItem,
+    onSelectItem = _a.onSelectItem,
+    onHeaderButtonPress = _a.onHeaderButtonPress,
+    _g = _a.animationDuration,
+    animationDuration = _g === void 0 ? 500 : _g,
+    _h = _a.expandedWidth,
+    expandedWidth = _h === void 0 ? 288 : _h,
+    otherProps = __rest(_a, ["open", "headerTitleStyle", "items", "title", "emptyText", "hideHeaderButton", "style", "selectedItem", "onSelectItem", "onHeaderButtonPress", "animationDuration", "expandedWidth"]);
+  var styles = useStyles();
   // 动画
-  const expandAnim = useRef(new Animated.Value(0)).current;
-  const mainContentAnim = useRef(new Animated.Value(0)).current;
-  useEffect(() => {
+  var expandAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(0)).current;
+  var mainContentAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(0)).current;
+  (0, react_1.useEffect)(function () {
     expandAnim.setValue(open ? 0 : expandedWidth);
     mainContentAnim.setValue(open ? 0 : expandedWidth - 16);
-    Animated.parallel([Animated.timing(expandAnim, {
-      toValue: open ? expandedWidth : 0,
-      duration: animationDuration,
-      easing: Easing.inOut(Easing.ease),
-      useNativeDriver: false
-    }), Animated.timing(mainContentAnim, {
-      toValue: open ? expandedWidth - 16 : 0,
-      duration: animationDuration,
-      easing: Easing.inOut(Easing.ease),
-      useNativeDriver: false
-    })]).start();
-  }, [open, expandedWidth, animationDuration]);
-  const handleItemPress = item => {
-    onSelectItem?.(item);
-  };
-  const handleHeaderButtonPress = () => {
-    onHeaderButtonPress?.();
-  };
-  return /*#__PURE__*/React.createElement(Animated.View, _extends({}, otherProps, {
-    style: [style, styles.container, {
-      width: expandAnim
-    }]
-  }), /*#__PURE__*/React.createElement(View, {
-    style: styles.mainContent
-  }, /*#__PURE__*/React.createElement(View, {
-    style: styles.header
-  }, /*#__PURE__*/React.createElement(View, {
-    style: styles.headerTitleContainer
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: [styles.headerTitle, headerTitleStyle],
-    numberOfLines: 1,
-    ellipsizeMode: "tail"
-  }, title)), !hideHeaderButton && /*#__PURE__*/React.createElement(View, {
-    style: styles.headerButton
-  }, /*#__PURE__*/React.createElement(TapasButton, {
-    type: "clear",
-    onPress: handleHeaderButtonPress
-  }, /*#__PURE__*/React.createElement(TapasIcon, {
-    size: 20,
-    color: "#FFF",
-    style: styles.iconButton,
-    name: "more_vert"
-  })))), /*#__PURE__*/React.createElement(Animated.View, {
-    style: [styles.list, {
-      width: mainContentAnim
-    }]
-  }, items.length > 0 ? /*#__PURE__*/React.createElement(ScrollView, {
-    showsHorizontalScrollIndicator: false
-  }, /*#__PURE__*/React.createElement(View, {
-    style: styles.inner
-  }, items.map((item, index) => /*#__PURE__*/React.createElement(Pressable, {
-    onPress: () => handleItemPress(item),
-    key: `${item.id}-notify-${index}`,
-    style: [styles.row, selectedItem === item.id && styles.selectedRow]
-  }, item.icon && /*#__PURE__*/React.createElement(TapasIcon, {
-    size: 20,
-    color: "#FFF",
-    name: item.icon
-  }), /*#__PURE__*/React.createElement(Text, {
-    style: styles.rowText,
-    numberOfLines: 1,
-    ellipsizeMode: "tail"
-  }, item.title))))) : /*#__PURE__*/React.createElement(View, {
-    style: styles.emptyContainer
-  }, /*#__PURE__*/React.createElement(TapasIcon, {
-    name: "notifications",
-    size: 40,
-    color: "#FFF",
-    style: styles.emptyIcon
-  }), /*#__PURE__*/React.createElement(Text, {
-    style: styles.emptyText,
-    numberOfLines: 1,
-    ellipsizeMode: "tail"
-  }, emptyText)))));
-};
-export default withTheme(TapasNotification);
-//# sourceMappingURL=Notification.js.mapedWidth - 16);
     react_native_1.Animated.parallel([react_native_1.Animated.timing(expandAnim, {
       toValue: open ? expandedWidth : 0,
       duration: animationDuration,
@@ -290,4 +286,3 @@ export default withTheme(TapasNotification);
   }, emptyText)))));
 };
 exports.default = (0, themed_1.withTheme)(TapasNotification);
-//# sourceMappingURL=Notification.js.map

package/module/Notification/index.js

@@ -1,6 +1,4 @@
-"use strict";
-
-var __importDefault = this && this.__importDefault || function (mod) {
+export { default } from './Notification';
   return mod && mod.__esModule ? mod : {
     "default": mod
   };
@@ -16,4 +14,3 @@ Object.defineProperty(exports, "default", {
     return __importDefault(Notification_1).default;
   }
 });
-//# sourceMappingURL=index.js.map

package/module/NumericInput/NumericInput.js

@@ -143,58 +143,3 @@ const NumericInput = props => {
   })));
 };
 export default NumericInput;
-//# sourceMappingURL=NumericInput.js.mapalue);
-    props.onChange && props.onChange(tempValue);
-  };
-  var handleAdd = function () {
-    props.onAdd && props.onAdd();
-    if (isAddDisabled) return;
-    var tempValue = +value + 1;
-    setValue(tempValue);
-    props.onChange && props.onChange(tempValue);
-  };
-  var handleChange = function (text) {
-    if (props.max && +text > props.max) return;
-    setValue(text);
-  };
-  (0, react_1.useEffect)(function () {
-    setValue(props.value);
-  }, [props.value]);
-  return react_1.default.createElement(react_native_1.View, {
-    style: styles.container,
-    testID: props.testID
-  }, props.disabled || isRemoveDisabled ? react_1.default.createElement(TapasIcon_1.default, {
-    name: "remove",
-    size: 20,
-    style: __assign(__assign(__assign(__assign({}, styles.iconWrap), styles.disabledColor), styles.iconRemoveWrapDisabled), removeStyle)
-  }) : react_1.default.createElement(react_native_1.TouchableOpacity, {
-    style: styles.iconWrap,
-    onPress: handleRemove
-  }, react_1.default.createElement(TapasIcon_1.default, {
-    name: "remove",
-    size: 20,
-    style: __assign(__assign(__assign({}, styles.iconWrap), styles.iconRemove), removeStyle)
-  })), react_1.default.createElement(react_native_1.TextInput, {
-    style: [styles.input, props.inputStyle, props.disabled && styles.disabledColor],
-    editable: !props.disabled,
-    keyboardType: "numeric",
-    value: (value || 0).toString(),
-    onChangeText: handleChange,
-    onBlur: function () {
-      props.onChange && props.onChange(value);
-    }
-  }), isAddDisabled || props.disabled ? react_1.default.createElement(TapasIcon_1.default, {
-    name: "add",
-    size: 20,
-    style: __assign(__assign(__assign(__assign({}, styles.iconWrap), addStyle), styles.disabledColor), styles.iconAddWrapDisabled)
-  }) : react_1.default.createElement(react_native_1.TouchableOpacity, {
-    onPress: handleAdd,
-    style: [styles.iconWrap, styles.iconAddWrap]
-  }, react_1.default.createElement(TapasIcon_1.default, {
-    name: "add",
-    size: 20,
-    style: __assign(__assign({}, styles.iconAdd), addStyle)
-  })));
-};
-exports.default = NumericInput;
-//# sourceMappingURL=NumericInput.js.map

package/module/Overlay/Overlay.js

@@ -24,7 +24,6 @@ const OverlayComponent = ({
   }, props), children);
 };
 export default OverlayComponent;
-//# sourceMappingURL=Overlay.js.mape", {
   value: true
 });
 var react_1 = __importDefault(require("react"));
@@ -53,4 +52,3 @@ var OverlayComponent = function (_a) {
   }, props), children);
 };
 exports.default = OverlayComponent;
-//# sourceMappingURL=Overlay.js.map

package/module/Pagination/Pagination.js

@@ -248,4 +248,74 @@ const Pagination = props => {
   })));
 };
 export default Pagination;
-//# sourceMappingURL=Pagination.js.map
+      case 'next':
+        if (currentGroup < totalGroups) {
+          newGroup = currentGroup + 1;
+        }
+        break;
+      case 'previous':
+        if (currentGroup > 1) {
+          newGroup = currentGroup - 1;
+        }
+        break;
+    }
+    setPageGroup(__assign(__assign({}, pageGroup), {
+      currentGroup: newGroup
+    }));
+  };
+  return react_1.default.createElement(react_native_1.View, {
+    style: [styles.container, props.paginationContainerStyle],
+    testID: "pagination"
+  }, visibleTotalCount && react_1.default.createElement(react_native_1.Text, {
+    style: styles.digitText
+  }, totalCount), react_1.default.createElement(react_native_1.View, {
+    style: styles.digitsContainer
+  }, hasPreviousPage() ? react_1.default.createElement(react_native_1.TouchableOpacity, {
+    onPress: function () {
+      handleChangeGroup('previous');
+    }
+  }, react_1.default.createElement(TapasIcon_1.default, {
+    name: "chevron_left",
+    style: styles.digitIconActive
+  })) : react_1.default.createElement(TapasIcon_1.default, {
+    name: "chevron_left",
+    style: styles.digitIconDisabled
+  }), renderDigits(generateArrayFromNumber((pageGroup.currentGroup - 1) * PAGINATION_STEP + 1, pageParams.totalPage > pageGroup.currentGroup * PAGINATION_STEP ? pageGroup.currentGroup * PAGINATION_STEP : pageParams.totalPage)), hasNextPage() ? react_1.default.createElement(react_native_1.TouchableOpacity, {
+    onPress: function () {
+      handleChangeGroup('next');
+    }
+  }, react_1.default.createElement(TapasIcon_1.default, {
+    name: "chevron_right",
+    style: styles.digitIconActive
+  })) : react_1.default.createElement(TapasIcon_1.default, {
+    name: "chevron_right",
+    style: styles.digitIconDisabled
+  })), visiblePageSizeOptions && react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(react_native_1.Text, {
+    style: styles.gap
+  }, " | "), react_1.default.createElement(Dropdown_1.default, {
+    options: pageSizeOptions,
+    value: selected,
+    width: 100,
+    // @ts-ignore
+    subWidth: 100,
+    dropdownButtonStyle: styles.dropdownButtonStyle,
+    dropdownButtonSelectedStyle: styles.dropdownButtonSelectedStyle,
+    // @ts-ignore
+    textExpandedStyle: styles.textExpandedStyle,
+    // @ts-ignore
+    iconExpandedStyle: styles.textExpandedStyle,
+    onChange: function (item) {
+      selectedItem(item);
+      onPageSizeChange && onPageSizeChange(item);
+    },
+    subContainerPosition: props.pageSizePosition,
+    isVisible: isVisible,
+    onClose: function () {
+      setIsVisible(!isVisible);
+    },
+    onPress: function () {
+      setIsVisible(!isVisible);
+    }
+  })));
+};
+exports.default = Pagination;

package/module/PieChart/PieChart.js

@@ -1,48 +1,72 @@
-import React from 'react';
-import { View, StyleSheet } from 'react-native';
-import { PieChart as RNPieChart } from 'react-native-svg-charts';
-import { Text } from 'react-native-svg';
-import RNText from '../Text/Text';
-const DEFAULT_COLORS = ['#FF6B00', '#0066CC', '#00B894', '#6C5CE7', '#FFB800', '#D63031'];
-export const PieChart = ({
-  data,
-  width,
-  height = 300,
-  colors = DEFAULT_COLORS,
-  innerRadius = 0,
-  padAngle = 0.02,
-  showLabels = false,
-  showLegend = true,
-  centerText,
-  style,
-  testID
-}) => {
+"use strict";
+
+var __assign = this && this.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+    }
+    return t;
+  };
+  return __assign.apply(this, arguments);
+};
+var __importDefault = this && this.__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PieChart = void 0;
+var react_1 = __importDefault(require("react"));
+var react_native_1 = require("react-native");
+var react_native_svg_charts_1 = require("react-native-svg-charts");
+var react_native_svg_1 = require("react-native-svg");
+var Text_1 = __importDefault(require("../Text/Text"));
+var DEFAULT_COLORS = ['#FF6B00', '#0066CC', '#00B894', '#6C5CE7', '#FFB800', '#D63031'];
+var PieChart = function (_a) {
+  var data = _a.data,
+    width = _a.width,
+    _b = _a.height,
+    height = _b === void 0 ? 300 : _b,
+    _c = _a.colors,
+    colors = _c === void 0 ? DEFAULT_COLORS : _c,
+    _d = _a.innerRadius,
+    innerRadius = _d === void 0 ? 0 : _d,
+    _e = _a.padAngle,
+    padAngle = _e === void 0 ? 0.02 : _e,
+    _f = _a.showLabels,
+    showLabels = _f === void 0 ? false : _f,
+    _g = _a.showLegend,
+    showLegend = _g === void 0 ? true : _g,
+    centerText = _a.centerText,
+    style = _a.style,
+    testID = _a.testID;
   if (data.length === 0) {
-    return /*#__PURE__*/React.createElement(View, {
+    return react_1.default.createElement(react_native_1.View, {
       style: [styles.container, {
-        height
+        height: height
       }, style]
-    }, /*#__PURE__*/React.createElement(RNText, {
+    }, react_1.default.createElement(Text_1.default, {
       style: styles.emptyText
     }, "No data available"));
   }
-  const pieData = data.map((item, index) => ({
-    ...item,
-    svg: {
-      fill: item.color || colors[index % colors.length]
-    },
-    key: item.key || `pie-slice-${index}`
-  }));
-  const Labels = ({
-    slices
-  }) => {
+  var pieData = data.map(function (item, index) {
+    return __assign(__assign({}, item), {
+      svg: {
+        fill: item.color || colors[index % colors.length]
+      },
+      key: item.key || "pie-slice-".concat(index)
+    });
+  });
+  var Labels = function (_a) {
+    var slices = _a.slices;
     if (!showLabels) return null;
-    return slices.map((slice, index) => {
-      const {
-        labelCentroid,
-        data
-      } = slice;
-      return /*#__PURE__*/React.createElement(Text, {
+    return slices.map(function (slice, index) {
+      var labelCentroid = slice.labelCentroid,
+        data = slice.data;
+      return react_1.default.createElement(react_native_svg_1.Text, {
         key: index,
         x: labelCentroid[0],
         y: labelCentroid[1],
@@ -51,18 +75,17 @@ export const PieChart = ({
         alignmentBaseline: 'middle',
         fontSize: 12,
         fontWeight: "bold"
-      }, `${data.value.toFixed(0)}`);
+      }, "".concat(data.value.toFixed(0)));
     });
   };
-  const CenterLabel = ({
-    slices
-  }) => {
+  var CenterLabel = function (_a) {
+    var _b, _c;
+    var slices = _a.slices;
     if (!centerText) return null;
-
     // 计算饼图中心点
-    const centerX = slices[0]?.pieCentroid[0] || 0;
-    const centerY = slices[0]?.pieCentroid[1] || 0;
-    return /*#__PURE__*/React.createElement(Text, {
+    var centerX = ((_b = slices[0]) === null || _b === void 0 ? void 0 : _b.pieCentroid[0]) || 0;
+    var centerY = ((_c = slices[0]) === null || _c === void 0 ? void 0 : _c.pieCentroid[1]) || 0;
+    return react_1.default.createElement(react_native_svg_1.Text, {
       x: centerX,
       y: centerY,
       fill: '#2C3E50',
@@ -72,71 +95,23 @@ export const PieChart = ({
       fontWeight: "bold"
     }, centerText);
   };
-  const total = data.reduce((sum, item) => sum + item.value, 0);
-  return /*#__PURE__*/React.createElement(View, {
+  var total = data.reduce(function (sum, item) {
+    return sum + item.value;
+  }, 0);
+  return react_1.default.createElement(react_native_1.View, {
     style: [styles.container, {
-      height,
+      height: height,
       width: width || '100%'
     }, style],
     testID: testID
-  }, /*#__PURE__*/React.createElement(RNPieChart, {
+  }, react_1.default.createElement(react_native_svg_charts_1.PieChart, {
     style: {
       height: height - (showLegend ? 80 : 20)
     },
     data: pieData,
     innerRadius: innerRadius,
     padAngle: padAngle
-  }, /*#__PURE__*/React.createElement(Labels, null), /*#__PURE__*/React.createElement(CenterLabel, null)), showLegend && /*#__PURE__*/React.createElement(View, {
-    style: styles.legend
-  }, data.map((item, index) => {
-    const percentage = total > 0 ? (item.value / total * 100).toFixed(1) : '0.0';
-    return /*#__PURE__*/React.createElement(View, {
-      key: index,
-      style: styles.legendItem
-    }, /*#__PURE__*/React.createElement(View, {
-      style: [styles.legendColor, {
-        backgroundColor: item.color || colors[index % colors.length]
-      }]
-    }), /*#__PURE__*/React.createElement(RNText, {
-      style: styles.legendLabel
-    }, item.label, ": ", item.value.toFixed(0), " (", percentage, "%)"));
-  })));
-};
-const styles = StyleSheet.create({
-  container: {
-    backgroundColor: 'transparent',
-    justifyContent: 'center',
-    alignItems: 'center'
-  },
-  legend: {
-    flexDirection: 'row',
-    flexWrap: 'wrap',
-    justifyContent: 'center',
-    marginTop: 16,
-    paddingHorizontal: 16
-  },
-  legendItem: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    marginRight: 16,
-    marginBottom: 8
-  },
-  legendColor: {
-    width: 12,
-    height: 12,
-    borderRadius: 2,
-    marginRight: 6
-  },
-  legendLabel: {
-    fontSize: 12,
-    color: '#2C3E50'
-  },
-  emptyText: {
-    textAlign: 'center',
-    color: '#999'
-  }
-});
-//# sourceMappingURL=PieChart.js.mapt(CenterLabel, null)), showLegend && react_1.default.createElement(react_native_1.View, {
+  }, react_1.default.createElement(Labels, null), react_1.default.createElement(CenterLabel, null)), showLegend && react_1.default.createElement(react_native_1.View, {
     style: styles.legend
   }, data.map(function (item, index) {
     var percentage = total > 0 ? (item.value / total * 100).toFixed(1) : '0.0';
@@ -187,4 +162,3 @@ var styles = react_native_1.StyleSheet.create({
     color: '#999'
   }
 });
-//# sourceMappingURL=PieChart.js.map

package/module/PieChart/index.js

@@ -1,5 +1,4 @@
 export { PieChart } from './PieChart';
-//# sourceMappingURL=index.js.maprue
 });
 exports.PieChart = void 0;
 var PieChart_1 = require("./PieChart");
@@ -9,4 +8,3 @@ Object.defineProperty(exports, "PieChart", {
     return PieChart_1.PieChart;
   }
 });
-//# sourceMappingURL=index.js.map