@beppla/tapas-ui 1.0.65 → 1.0.67

package/commonjs/Alert/Alert.js

@@ -0,0 +1,109 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _themed = require("@rneui/themed");
+var _TapasIcon = _interopRequireDefault(require("../Icons/TapasIcon"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const useStyles = (0, _themed.makeStyles)(theme => {
+  // const {type} = props[0] as AlertProps;
+  const color = theme.colors.colorTextBrand,
+    bgColor = '#EBDFB5';
+  return {
+    flx: {
+      display: 'flex',
+      flexDirection: 'row',
+      justifyContent: 'space-between',
+      alignItems: 'center'
+    },
+    flxStart: {
+      justifyContent: 'flex-start'
+    },
+    alertWrap: {
+      width: '100%',
+      paddingHorizontal: 24,
+      paddingVertical: 4,
+      backgroundColor: bgColor
+    },
+    textItem: {
+      color: color
+    },
+    statusIcon: {
+      marginRight: 4,
+      color: color
+    },
+    closeIcon: {
+      marginLeft: 4,
+      color: color
+    }
+  };
+});
+const Alert = ({
+  // @ts-ignore
+  theme,
+  ...props
+}) => {
+  const styles = useStyles(props);
+  const {
+    message,
+    closable,
+    icon
+  } = props;
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.flx, styles.alertWrap, props.style],
+    testID: "alert"
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.flx, styles.flxStart]
+  }, /*#__PURE__*/_react.default.createElement(_TapasIcon.default, {
+    name: icon ?? 'error',
+    size: 20,
+    style: styles.statusIcon
+  }), /*#__PURE__*/_react.default.createElement(_themed.Text, {
+    style: [styles.textItem],
+    numberOfLines: 1
+  }, message)), closable && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    onPress: e => {
+      e.stopPropagation();
+      props.onClose && props.onClose();
+    }
+  }, /*#__PURE__*/_react.default.createElement(_TapasIcon.default, {
+    name: "close",
+    size: 20,
+    style: styles.closeIcon
+  }))));
+};
+var _default = exports.default = (0, _themed.withTheme)(Alert);
+//# sourceMappingURL=Alert.js.mape = props.message,
+    closable = props.closable,
+    icon = props.icon;
+  return react_1.default.createElement(react_native_1.View, {
+    style: [styles.flx, styles.alertWrap, props.style],
+    testID: "alert"
+  }, react_1.default.createElement(react_native_1.View, {
+    style: [styles.flx, styles.flxStart]
+  }, react_1.default.createElement(TapasIcon_1.default, {
+    name: icon !== null && icon !== void 0 ? icon : 'error',
+    size: 20,
+    style: styles.statusIcon
+  }), react_1.default.createElement(themed_1.Text, {
+    style: [styles.textItem],
+    numberOfLines: 1
+  }, message)), closable && react_1.default.createElement(react_1.Fragment, null, react_1.default.createElement(react_native_1.TouchableOpacity, {
+    onPress: function (e) {
+      e.stopPropagation();
+      props.onClose && props.onClose();
+    }
+  }, react_1.default.createElement(TapasIcon_1.default, {
+    name: "close",
+    size: 20,
+    style: styles.closeIcon
+  }))));
+};
+exports.default = (0, themed_1.withTheme)(Alert);
+//# sourceMappingURL=Alert.js.map

package/commonjs/Alert/Alert.js.map

@@ -0,0 +1,2 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_themed","_TapasIcon","_interopRequireDefault","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","useStyles","makeStyles","theme","color","colors","colorTextBrand","bgColor","flx","display","flexDirection","justifyContent","alignItems","flxStart","alertWrap","width","paddingHorizontal","paddingVertical","backgroundColor","textItem","statusIcon","marginRight","closeIcon","marginLeft","Alert","props","styles","message","closable","icon","createElement","View","style","testID","name","size","Text","numberOfLines","Fragment","TouchableOpacity","onPress","stopPropagation","onClose","_default","exports","withTheme"],"sourceRoot":"../../../components","sources":["Alert/Alert.tsx"],"mappings":"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","ignoreList":[]}
+;EAAI,CAAC;AAC7D,CAAC;AACD1B,MAAM,CAACc,cAAc,CAACwB,OAAO,EAAE,YAAY,EAAE;EAAErB,KAAK,EAAE;AAAK,CAAC,CAAC;AAC7D,IAAIsB,OAAO,GAAGrB,YAAY,CAACsB,OAAO,CAAC,OAAO,CAAC,CAAC;AAC5C,IAAIC,cAAc,GAAGD,OAAO,CAAC,cAAc,CAAC;AAC5C,IAAIE,QAAQ,GAAGF,OAAO,CAAC,eAAe,CAAC;AACvC,IAAIG,WAAW,GAAGN,eAAe,CAACG,OAAO,CAAC,oBAAoB,CAAC,CAAC;AAChE,IAAII,SAAS,GAAG,CAAC,CAAC,EAAEF,QAAQ,CAACG,UAAU,EAAE,UAAUC,KAAK,EAAE;EACtD;EACA,IAAIC,KAAK,GAAGD,KAAK,CAACE,MAAM,CAACC,cAAc;IAAEC,OAAO,GAAG,SAAS;EAC5D,OAAO;IACHC,GAAG,EAAE;MACDC,OAAO,EAAE,MAAM;MACfC,aAAa,EAAE,KAAK;MACpBC,cAAc,EAAE,eAAe;MAC/BC,UAAU,EAAE;IAChB,CAAC;IACDC,QAAQ,EAAE;MACNF,cAAc,EAAE;IACpB,CAAC;IACDG,SAAS,EAAE;MACPC,KAAK,EAAE,MAAM;MACbC,iBAAiB,EAAE,EAAE;MACrBC,eAAe,EAAE,CAAC;MAClBC,eAAe,EAAEX;IACrB,CAAC;IACDY,QAAQ,EAAE;MACNf,KAAK,EAAEA;IACX,CAAC;IACDgB,UAAU,EAAE;MACRC,WAAW,EAAE,CAAC;MACdjB,KAAK,EAAEA;IACX,CAAC;IACDkB,SAAS,EAAE;MACPC,UAAU,EAAE,CAAC;MACbnB,KAAK,EAAEA;IACX;EACJ,CAAC;AACL,CAAC,CAAC;AACF,IAAIoB,KAAK,GAAG,SAAAA,CAAUC,EAAE,EAAE;EACtB;IACA;IACAtB,KAAK,GAAGsB,EAAE,CAACtB,KAAK;IAAEuB,KAAK,GAAGxC,MAAM,CAACuC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC;EAC/C,IAAIE,MAAM,GAAG1B,SAAS,CAACyB,KAAK,CAAC;EAC7B,IAAIE,OAAO,GAAGF,KAAK,CAACE,OAAO;IAAEC,QAAQ,GAAGH,KAAK,CAACG,QAAQ;IAAEC,IAAI,GAAGJ,KAAK,CAACI,IAAI;EACzE,OAAQlC,OAAO,CAACmC,OAAO,CAACC,aAAa,CAAClC,cAAc,CAACmC,IAAI,EAAE;IAAEC,KAAK,EAAE,CAACP,MAAM,CAACnB,GAAG,EAAEmB,MAAM,CAACb,SAAS,EAAEY,KAAK,CAACQ,KAAK,CAAC;IAAEC,MAAM,EAAE;EAAQ,CAAC,EAC9HvC,OAAO,CAACmC,OAAO,CAACC,aAAa,CAAClC,cAAc,CAACmC,IAAI,EAAE;IAAEC,KAAK,EAAE,CAACP,MAAM,CAACnB,GAAG,EAAEmB,MAAM,CAACd,QAAQ;EAAE,CAAC,EACvFjB,OAAO,CAACmC,OAAO,CAACC,aAAa,CAAChC,WAAW,CAAC+B,OAAO,EAAE;IAAEK,IAAI,EAAEN,IAAI,KAAK,IAAI,IAAIA,IAAI,KAAK,KAAK,CAAC,GAAGA,IAAI,GAAG,OAAO;IAAEO,IAAI,EAAE,EAAE;IAAEH,KAAK,EAAEP,MAAM,CAACP;EAAW,CAAC,CAAC,EACnJxB,OAAO,CAACmC,OAAO,CAACC,aAAa,CAACjC,QAAQ,CAACuC,IAAI,EAAE;IAAEJ,KAAK,EAAE,CAACP,MAAM,CAACR,QAAQ,CAAC;IAAEoB,aAAa,EAAE;EAAE,CAAC,EAAEX,OAAO,CAAC,CAAC,EAC1GC,QAAQ,IAAKjC,OAAO,CAACmC,OAAO,CAACC,aAAa,CAACpC,OAAO,CAAC4C,QAAQ,EAAE,IAAI,EAAE5C,OAAO,CAACmC,OAAO,CAACC,aAAa,CAAClC,cAAc,CAAC2C,gBAAgB,EAAE;IAAEC,OAAO,EAAE,SAAAA,CAAUtD,CAAC,EAAE;MAClJA,CAAC,CAACuD,eAAe,CAAC,CAAC;MACnBjB,KAAK,CAACkB,OAAO,IAAIlB,KAAK,CAACkB,OAAO,CAAC,CAAC;IACpC;EAAE,CAAC,EACHhD,OAAO,CAACmC,OAAO,CAACC,aAAa,CAAChC,WAAW,CAAC+B,OAAO,EAAE;IAAEK,IAAI,EAAE,OAAO;IAAEC,IAAI,EAAE,EAAE;IAAEH,KAAK,EAAEP,MAAM,CAACL;EAAU,CAAC,CAAC,CAAC,CAAE,CAAC;AACxH,CAAC;AACD3B,OAAO,CAACoC,OAAO,GAAG,CAAC,CAAC,EAAEhC,QAAQ,CAAC8C,SAAS,EAAErB,KAAK,CAAC","ignoreList":[]}

package/commonjs/AnimatedNavItem/AnimatedNavItem.js

@@ -0,0 +1,246 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.TapasAnimatedNavItem = exports.AnimatedNavItem = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _themed = require("@rneui/themed");
+var _TapasIcon = _interopRequireDefault(require("../Icons/TapasIcon"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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); }
+const TapasAnimatedNavItem = ({
+  id,
+  icon,
+  text,
+  minWidth = 40,
+  maxWidth,
+  expanded = false,
+  selected = false,
+  iconSize = 20,
+  iconColor,
+  expandedIconColor,
+  textColor,
+  backgroundColor,
+  expandedBackgroundColor,
+  animationDuration = 200,
+  textStyle,
+  containerStyle,
+  onPress,
+  onLongPress,
+  disabled = false,
+  height = 40,
+  padding = {
+    horizontal: 12,
+    vertical: 0
+  },
+  style,
+  ...otherProps
+}) => {
+  const styles = useStyles({
+    height,
+    padding
+  });
+
+  // 自动计算最大宽度（如果未指定）
+  const [calculatedMaxWidth, setCalculatedMaxWidth] = (0, _react.useState)(maxWidth || minWidth);
+  const widthAnim = (0, _react.useRef)(new _reactNative.Animated.Value(expanded ? calculatedMaxWidth : minWidth)).current;
+
+  // 计算文本宽度
+  (0, _react.useEffect)(() => {
+    if (!maxWidth && text) {
+      // 简单的文本宽度估算：字符数 * 平均字符宽度 + 图标宽度 + 内边距
+      const estimatedTextWidth = text.length * 10;
+      const iconWidth = icon ? iconSize + 8 : 0; // 图标宽度 + 间距
+      const paddingWidth = (padding.horizontal || 12) * 2;
+      const totalWidth = estimatedTextWidth + iconWidth + paddingWidth;
+      setCalculatedMaxWidth(Math.max(totalWidth, minWidth));
+    }
+  }, [text, maxWidth, icon, iconSize, padding.horizontal, minWidth]);
+
+  // 动画效果
+  (0, _react.useEffect)(() => {
+    const targetWidth = expanded ? calculatedMaxWidth : minWidth;
+    _reactNative.Animated.timing(widthAnim, {
+      toValue: targetWidth,
+      duration: animationDuration,
+      useNativeDriver: false
+    }).start();
+  }, [expanded, calculatedMaxWidth, minWidth, animationDuration]);
+
+  // 处理点击事件
+  const handlePress = (0, _react.useCallback)(() => {
+    if (!disabled && onPress) {
+      onPress(id);
+    }
+  }, [disabled, onPress, id]);
+
+  // 处理长按事件
+  const handleLongPress = (0, _react.useCallback)(() => {
+    if (!disabled && onLongPress) {
+      onLongPress(id);
+    }
+  }, [disabled, onLongPress, id]);
+
+  // 获取当前状态的颜色
+  const getCurrentIconColor = () => {
+    if (expanded) {
+      return expandedIconColor || styles.expandedIcon.color;
+    }
+    return iconColor || styles.defaultIcon.color;
+  };
+  const getCurrentTextColor = () => {
+    return textColor || styles.text.color;
+  };
+  const getCurrentBackgroundColor = () => {
+    if (expanded || selected) {
+      return expandedBackgroundColor || styles.expandedContainer.backgroundColor;
+    }
+    return backgroundColor || 'transparent';
+  };
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, _extends({}, otherProps, {
+    style: [styles.container, containerStyle, style, {
+      backgroundColor: getCurrentBackgroundColor(),
+      opacity: disabled ? 0.5 : 1
+    }],
+    onPress: handlePress,
+    onLongPress: handleLongPress,
+    disabled: disabled
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    style: [styles.animatedContainer, {
+      width: widthAnim
+    }]
+  }, icon && /*#__PURE__*/_react.default.createElement(_TapasIcon.default, {
+    name: icon,
+    size: iconSize,
+    color: getCurrentIconColor()
+  }), expanded && text && /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [styles.text, {
+      color: getCurrentTextColor()
+    }, textStyle],
+    numberOfLines: 1,
+    ellipsizeMode: "tail"
+  }, text)));
+};
+exports.TapasAnimatedNavItem = TapasAnimatedNavItem;
+const useStyles = (0, _themed.makeStyles)((theme, props) => {
+  const height = props?.height || 40;
+  const paddingHorizontal = props?.padding?.horizontal || 12;
+  const paddingVertical = props?.padding?.vertical || 0;
+  return {
+    container: {
+      minWidth: 40,
+      width: "auto",
+      display: "flex",
+      flexDirection: "row",
+      height,
+      justifyContent: "center",
+      alignItems: "center",
+      borderRadius: height / 2,
+      overflow: "hidden"
+    },
+    animatedContainer: {
+      height,
+      display: "flex",
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "center",
+      paddingHorizontal,
+      paddingVertical,
+      gap: 8
+    },
+    text: {
+      fontSize: 14,
+      fontWeight: "600",
+      alignSelf: "center",
+      color: theme?.colors?.white || "#FFFFFF",
+      flexShrink: 1
+    },
+    defaultIcon: {
+      color: theme?.colors?.primary || "#007AFF"
+    },
+    expandedIcon: {
+      color: theme?.colors?.white || "#FFFFFF"
+    },
+    expandedContainer: {
+      backgroundColor: theme?.colors?.primary || "#007AFF"
+    }
+  };
+});
+var _default = exports.default = (0, _themed.withTheme)(TapasAnimatedNavItem); // Export aliases for compatibility
+const AnimatedNavItem = exports.AnimatedNavItem = (0, _themed.withTheme)(TapasAnimatedNavItem);
+//# sourceMappingURL=AnimatedNavItem.js.mapor(),
+      opacity: disabled ? 0.5 : 1
+    }],
+    onPress: handlePress,
+    onLongPress: handleLongPress,
+    disabled: disabled
+  }), react_1.default.createElement(react_native_1.Animated.View, {
+    style: [styles.animatedContainer, {
+      width: widthAnim
+    }]
+  }, icon && react_1.default.createElement(TapasIcon_1.default, {
+    name: icon,
+    size: iconSize,
+    color: getCurrentIconColor()
+  }), expanded && text && react_1.default.createElement(react_native_1.Text, {
+    style: [styles.text, {
+      color: getCurrentTextColor()
+    }, textStyle],
+    numberOfLines: 1,
+    ellipsizeMode: "tail"
+  }, text)));
+};
+exports.TapasAnimatedNavItem = TapasAnimatedNavItem;
+var useStyles = (0, themed_1.makeStyles)(function (theme, props) {
+  var _a, _b, _c, _d, _e, _f;
+  var height = (props === null || props === void 0 ? void 0 : props.height) || 40;
+  var paddingHorizontal = ((_a = props === null || props === void 0 ? void 0 : props.padding) === null || _a === void 0 ? void 0 : _a.horizontal) || 12;
+  var paddingVertical = ((_b = props === null || props === void 0 ? void 0 : props.padding) === null || _b === void 0 ? void 0 : _b.vertical) || 0;
+  return {
+    container: {
+      minWidth: 40,
+      width: "auto",
+      display: "flex",
+      flexDirection: "row",
+      height: height,
+      justifyContent: "center",
+      alignItems: "center",
+      borderRadius: height / 2,
+      overflow: "hidden"
+    },
+    animatedContainer: {
+      height: height,
+      display: "flex",
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "center",
+      paddingHorizontal: paddingHorizontal,
+      paddingVertical: paddingVertical,
+      gap: 8
+    },
+    text: {
+      fontSize: 14,
+      fontWeight: "600",
+      alignSelf: "center",
+      color: ((_c = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _c === void 0 ? void 0 : _c.white) || "#FFFFFF",
+      flexShrink: 1
+    },
+    defaultIcon: {
+      color: ((_d = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _d === void 0 ? void 0 : _d.primary) || "#007AFF"
+    },
+    expandedIcon: {
+      color: ((_e = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _e === void 0 ? void 0 : _e.white) || "#FFFFFF"
+    },
+    expandedContainer: {
+      backgroundColor: ((_f = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _f === void 0 ? void 0 : _f.primary) || "#007AFF"
+    }
+  };
+});
+exports.default = (0, themed_1.withTheme)(TapasAnimatedNavItem);
+// Export aliases for compatibility
+exports.AnimatedNavItem = (0, themed_1.withTheme)(TapasAnimatedNavItem);
+//# sourceMappingURL=AnimatedNavItem.js.map

package/commonjs/AnimatedNavItem/AnimatedNavItem.js.map

@@ -0,0 +1,2 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_themed","_TapasIcon","_interopRequireDefault","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","TapasAnimatedNavItem","id","icon","text","minWidth","maxWidth","expanded","selected","iconSize","iconColor","expandedIconColor","textColor","backgroundColor","expandedBackgroundColor","animationDuration","textStyle","containerStyle","onPress","onLongPress","disabled","height","padding","horizontal","vertical","style","otherProps","styles","useStyles","calculatedMaxWidth","setCalculatedMaxWidth","useState","widthAnim","useRef","Animated","Value","current","useEffect","estimatedTextWidth","iconWidth","paddingWidth","totalWidth","Math","max","targetWidth","timing","toValue","duration","useNativeDriver","start","handlePress","useCallback","handleLongPress","getCurrentIconColor","expandedIcon","color","defaultIcon","getCurrentTextColor","getCurrentBackgroundColor","expandedContainer","createElement","Pressable","container","opacity","View","animatedContainer","width","name","size","Text","numberOfLines","ellipsizeMode","exports","makeStyles","theme","props","paddingHorizontal","paddingVertical","display","flexDirection","justifyContent","alignItems","borderRadius","overflow","gap","fontSize","fontWeight","alignSelf","colors","white","flexShrink","primary","_default","withTheme","AnimatedNavItem"],"sourceRoot":"../../../components","sources":["AnimatedNavItem/AnimatedNavItem.tsx"],"mappings":"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","ignoreList":[]}
+,CAACkD,SAAS,EAAE,YAAY;IAC/B,IAAI,CAACvC,QAAQ,IAAIH,IAAI,EAAE;MACnB;MACA,IAAI2C,kBAAkB,GAAG3C,IAAI,CAAC/C,MAAM,GAAG,EAAE;MACzC,IAAI2F,SAAS,GAAG7C,IAAI,GAAGU,QAAQ,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;MACzC,IAAIoC,YAAY,GAAG,CAACnB,OAAO,CAACC,UAAU,IAAI,EAAE,IAAI,CAAC;MACjD,IAAImB,UAAU,GAAGH,kBAAkB,GAAGC,SAAS,GAAGC,YAAY;MAC9DT,qBAAqB,CAACW,IAAI,CAACC,GAAG,CAACF,UAAU,EAAE5C,QAAQ,CAAC,CAAC;IACzD;EACJ,CAAC,EAAE,CAACF,IAAI,EAAEG,QAAQ,EAAEJ,IAAI,EAAEU,QAAQ,EAAEiB,OAAO,CAACC,UAAU,EAAEzB,QAAQ,CAAC,CAAC;EAClE;EACA,CAAC,CAAC,EAAEV,OAAO,CAACkD,SAAS,EAAE,YAAY;IAC/B,IAAIO,WAAW,GAAG5C,QAAQ,GAAG8B,kBAAkB,GAAGjC,QAAQ;IAC1DR,cAAc,CAAC6C,QAAQ,CAACW,MAAM,CAACb,SAAS,EAAE;MACtCc,OAAO,EAAEF,WAAW;MACpBG,QAAQ,EAAEpC,iBAAiB;MAC3BqC,eAAe,EAAE;IACrB,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;EACd,CAAC,EAAE,CAACjD,QAAQ,EAAE8B,kBAAkB,EAAEjC,QAAQ,EAAEc,iBAAiB,CAAC,CAAC;EAC/D;EACA,IAAIuC,WAAW,GAAG,CAAC,CAAC,EAAE/D,OAAO,CAACgE,WAAW,EAAE,YAAY;IACnD,IAAI,CAAClC,QAAQ,IAAIH,OAAO,EAAE;MACtBA,OAAO,CAACrB,EAAE,CAAC;IACf;EACJ,CAAC,EAAE,CAACwB,QAAQ,EAAEH,OAAO,EAAErB,EAAE,CAAC,CAAC;EAC3B;EACA,IAAI2D,eAAe,GAAG,CAAC,CAAC,EAAEjE,OAAO,CAACgE,WAAW,EAAE,YAAY;IACvD,IAAI,CAAClC,QAAQ,IAAIF,WAAW,EAAE;MAC1BA,WAAW,CAACtB,EAAE,CAAC;IACnB;EACJ,CAAC,EAAE,CAACwB,QAAQ,EAAEF,WAAW,EAAEtB,EAAE,CAAC,CAAC;EAC/B;EACA,IAAI4D,mBAAmB,GAAG,SAAAA,CAAA,EAAY;IAClC,IAAIrD,QAAQ,EAAE;MACV,OAAOM,iBAAiB,IAAIoB,MAAM,CAAC4B,YAAY,CAACC,KAAK;IACzD;IACA,OAAOlD,SAAS,IAAIqB,MAAM,CAAC8B,WAAW,CAACD,KAAK;EAChD,CAAC;EACD,IAAIE,mBAAmB,GAAG,SAAAA,CAAA,EAAY;IAClC,OAAOlD,SAAS,IAAImB,MAAM,CAAC/B,IAAI,CAAC4D,KAAK;EACzC,CAAC;EACD,IAAIG,yBAAyB,GAAG,SAAAA,CAAA,EAAY;IACxC,IAAI1D,QAAQ,IAAIE,QAAQ,EAAE;MACtB,OAAOO,uBAAuB,IAAIiB,MAAM,CAACiC,iBAAiB,CAACnD,eAAe;IAC9E;IACA,OAAOA,eAAe,IAAI,aAAa;EAC3C,CAAC;EACD,OAAQrB,OAAO,CAACyE,OAAO,CAACC,aAAa,CAACxE,cAAc,CAACyE,SAAS,EAAE1H,QAAQ,CAAC,CAAC,CAAC,EAAEqF,UAAU,EAAE;IAAED,KAAK,EAAE,CAC1FE,MAAM,CAACqC,SAAS,EAChBlD,cAAc,EACdW,KAAK,EACL;MACIhB,eAAe,EAAEkD,yBAAyB,CAAC,CAAC;MAC5CM,OAAO,EAAE/C,QAAQ,GAAG,GAAG,GAAG;IAC9B,CAAC,CACJ;IAAEH,OAAO,EAAEoC,WAAW;IAAEnC,WAAW,EAAEqC,eAAe;IAAEnC,QAAQ,EAAEA;EAAS,CAAC,CAAC,EAC5E9B,OAAO,CAACyE,OAAO,CAACC,aAAa,CAACxE,cAAc,CAAC6C,QAAQ,CAAC+B,IAAI,EAAE;IAAEzC,KAAK,EAAE,CAC7DE,MAAM,CAACwC,iBAAiB,EACxB;MAAEC,KAAK,EAAEnC;IAAU,CAAC;EACtB,CAAC,EACHtC,IAAI,IAAKP,OAAO,CAACyE,OAAO,CAACC,aAAa,CAACtE,WAAW,CAACqE,OAAO,EAAE;IAAEQ,IAAI,EAAE1E,IAAI;IAAE2E,IAAI,EAAEjE,QAAQ;IAAEmD,KAAK,EAAEF,mBAAmB,CAAC;EAAE,CAAC,CAAE,EAC1HrD,QAAQ,IAAIL,IAAI,IAAKR,OAAO,CAACyE,OAAO,CAACC,aAAa,CAACxE,cAAc,CAACiF,IAAI,EAAE;IAAE9C,KAAK,EAAE,CACzEE,MAAM,CAAC/B,IAAI,EACX;MAAE4D,KAAK,EAAEE,mBAAmB,CAAC;IAAE,CAAC,EAChC7C,SAAS,CACZ;IAAE2D,aAAa,EAAE,CAAC;IAAEC,aAAa,EAAE;EAAO,CAAC,EAAE7E,IAAI,CAAE,CAAC,CAAC;AACtE,CAAC;AACDX,OAAO,CAACC,oBAAoB,GAAGA,oBAAoB;AACnD,IAAI0C,SAAS,GAAG,CAAC,CAAC,EAAErC,QAAQ,CAACmF,UAAU,EAAE,UAAUC,KAAK,EAAEC,KAAK,EAAE;EAC7D,IAAInF,EAAE,EAAEI,EAAE,EAAEG,EAAE,EAAEE,EAAE,EAAEE,EAAE,EAAEO,EAAE;EAC1B,IAAIS,MAAM,GAAG,CAACwD,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,KAAK,CAACxD,MAAM,KAAK,EAAE;EAC/E,IAAIyD,iBAAiB,GAAG,CAAC,CAACpF,EAAE,GAAGmF,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,KAAK,CAACtD,OAAO,MAAM,IAAI,IAAI7B,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,EAAE,CAAC8B,UAAU,KAAK,EAAE;EACrJ,IAAIuD,eAAe,GAAG,CAAC,CAACjF,EAAE,GAAG+E,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,KAAK,CAACtD,OAAO,MAAM,IAAI,IAAIzB,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,EAAE,CAAC2B,QAAQ,KAAK,CAAC;EAChJ,OAAO;IACHwC,SAAS,EAAE;MACPlE,QAAQ,EAAE,EAAE;MACZsE,KAAK,EAAE,MAAM;MACbW,OAAO,EAAE,MAAM;MACfC,aAAa,EAAE,KAAK;MACpB5D,MAAM,EAAEA,MAAM;MACd6D,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE,QAAQ;MACpBC,YAAY,EAAE/D,MAAM,GAAG,CAAC;MACxBgE,QAAQ,EAAE;IACd,CAAC;IACDjB,iBAAiB,EAAE;MACf/C,MAAM,EAAEA,MAAM;MACd2D,OAAO,EAAE,MAAM;MACfC,aAAa,EAAE,KAAK;MACpBE,UAAU,EAAE,QAAQ;MACpBD,cAAc,EAAE,QAAQ;MACxBJ,iBAAiB,EAAEA,iBAAiB;MACpCC,eAAe,EAAEA,eAAe;MAChCO,GAAG,EAAE;IACT,CAAC;IACDzF,IAAI,EAAE;MACF0F,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,KAAK;MACjBC,SAAS,EAAE,QAAQ;MACnBhC,KAAK,EAAE,CAAC,CAACxD,EAAE,GAAG2E,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,KAAK,CAACc,MAAM,MAAM,IAAI,IAAIzF,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,EAAE,CAAC0F,KAAK,KAAK,SAAS;MACrIC,UAAU,EAAE;IAChB,CAAC;IACDlC,WAAW,EAAE;MACTD,KAAK,EAAE,CAAC,CAACtD,EAAE,GAAGyE,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,KAAK,CAACc,MAAM,MAAM,IAAI,IAAIvF,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,EAAE,CAAC0F,OAAO,KAAK;IAClI,CAAC;IACDrC,YAAY,EAAE;MACVC,KAAK,EAAE,CAAC,CAACpD,EAAE,GAAGuE,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,KAAK,CAACc,MAAM,MAAM,IAAI,IAAIrF,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,EAAE,CAACsF,KAAK,KAAK;IAChI,CAAC;IACD9B,iBAAiB,EAAE;MACfnD,eAAe,EAAE,CAAC,CAACE,EAAE,GAAGgE,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,KAAK,CAACc,MAAM,MAAM,IAAI,IAAI9E,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,EAAE,CAACiF,OAAO,KAAK;IAC5I;EACJ,CAAC;AACL,CAAC,CAAC;AACF3G,OAAO,CAAC4E,OAAO,GAAG,CAAC,CAAC,EAAEtE,QAAQ,CAACsG,SAAS,EAAE3G,oBAAoB,CAAC;AAC/D;AACAD,OAAO,CAACE,eAAe,GAAG,CAAC,CAAC,EAAEI,QAAQ,CAACsG,SAAS,EAAE3G,oBAAoB,CAAC","ignoreList":[]}

package/commonjs/BarChart/BarChart.js

@@ -0,0 +1,280 @@
+"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.BarChart = void 0;
+var react_1 = __importDefault(require("react"));
+var react_native_1 = require("react-native");
+var Text_1 = __importDefault(require("../Text/Text"));
+// 动态导入依赖
+var RNBarChart, Grid, RNXAxis, RNYAxis, SVGText;
+var RechartsBar, RechartsXAxis, RechartsYAxis, CartesianGrid, Tooltip, Bar, ResponsiveContainer;
+if (react_native_1.Platform.OS === 'web') {
+  // Web 环境使用 recharts
+  try {
+    var recharts = require('recharts');
+    RechartsBar = recharts.BarChart;
+    RechartsXAxis = recharts.XAxis;
+    RechartsYAxis = recharts.YAxis;
+    CartesianGrid = recharts.CartesianGrid;
+    Tooltip = recharts.Tooltip;
+    Bar = recharts.Bar;
+    ResponsiveContainer = recharts.ResponsiveContainer;
+  } catch (e) {
+    console.warn('Recharts not available for Web');
+  }
+} else {
+  // 移动端使用 react-native-svg-charts
+  try {
+    var svgCharts = require('react-native-svg-charts');
+    var svg = require('react-native-svg');
+    RNBarChart = svgCharts.BarChart;
+    Grid = svgCharts.Grid;
+    RNXAxis = svgCharts.XAxis;
+    RNYAxis = svgCharts.YAxis;
+    SVGText = svg.Text;
+  } catch (e) {
+    console.warn('react-native-svg-charts not available');
+  }
+}
+var BarChart = function (_a) {
+  var data = _a.data,
+    width = _a.width,
+    _b = _a.height,
+    height = _b === void 0 ? 300 : _b,
+    _c = _a.color,
+    color = _c === void 0 ? '#FF6B00' : _c,
+    colors = _a.colors,
+    _d = _a.showGrid,
+    showGrid = _d === void 0 ? true : _d,
+    _e = _a.showLabels,
+    showLabels = _e === void 0 ? true : _e,
+    _f = _a.showValues,
+    showValues = _f === void 0 ? false : _f,
+    _g = _a.horizontal,
+    horizontal = _g === void 0 ? false : _g,
+    _h = _a.contentInset,
+    contentInset = _h === void 0 ? {
+      top: 20,
+      bottom: 20,
+      left: 20,
+      right: 20
+    } : _h,
+    _j = _a.yAxisFormat,
+    yAxisFormat = _j === void 0 ? function (value) {
+      return value.toString();
+    } : _j,
+    _k = _a.xAxisFormat,
+    xAxisFormat = _k === void 0 ? function (_value, index) {
+      var _a;
+      return ((_a = data[index]) === null || _a === void 0 ? void 0 : _a.label) || index.toString();
+    } : _k,
+    style = _a.style,
+    testID = _a.testID;
+  if (data.length === 0) {
+    return react_1.default.createElement(react_native_1.View, {
+      style: [styles.container, {
+        height: height
+      }, style]
+    }, react_1.default.createElement(Text_1.default, {
+      style: styles.emptyText
+    }, "No data available"));
+  }
+  // Web 环境使用 Recharts
+  if (react_native_1.Platform.OS === 'web' && RechartsBar) {
+    var chartData_1 = data.map(function (item, index) {
+      return {
+        name: item.label || "Item ".concat(index + 1),
+        value: item.value,
+        fill: colors ? colors[index % colors.length] : item.color || color
+      };
+    });
+    var ChartComponent = react_1.default.createElement(RechartsBar, {
+      data: chartData_1,
+      layout: horizontal ? 'horizontal' : 'vertical',
+      margin: {
+        top: 20,
+        right: 30,
+        left: 20,
+        bottom: showLabels ? 80 : 20
+      }
+    }, showGrid && react_1.default.createElement(CartesianGrid, {
+      strokeDasharray: "3 3",
+      stroke: "#E0E0E0"
+    }), horizontal ? react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(RechartsXAxis, {
+      type: "number"
+    }), react_1.default.createElement(RechartsYAxis, {
+      dataKey: "name",
+      type: "category",
+      width: 100,
+      style: {
+        fontSize: 10
+      }
+    })) : react_1.default.createElement(react_1.default.Fragment, null, showLabels && react_1.default.createElement(RechartsXAxis, {
+      dataKey: "name",
+      angle: -45,
+      textAnchor: "end",
+      height: 80,
+      interval: 0,
+      style: {
+        fontSize: 10
+      }
+    }), react_1.default.createElement(RechartsYAxis, {
+      tickFormatter: yAxisFormat,
+      style: {
+        fontSize: 10
+      }
+    })), react_1.default.createElement(Tooltip, {
+      contentStyle: {
+        backgroundColor: 'rgba(255, 255, 255, 0.95)',
+        border: '1px solid #E0E0E0',
+        borderRadius: 4
+      }
+    }), react_1.default.createElement(Bar, {
+      dataKey: "value",
+      fill: color,
+      label: showValues ? {
+        position: 'top',
+        fontSize: 12
+      } : false
+    }));
+    return react_1.default.createElement(react_native_1.View, {
+      style: [styles.container, {
+        height: height,
+        width: width || '100%'
+      }, style],
+      testID: testID
+    }, ResponsiveContainer ? react_1.default.createElement(ResponsiveContainer, {
+      width: "100%",
+      height: height - 20
+    }, ChartComponent) : ChartComponent);
+  }
+  // 移动端使用 react-native-svg-charts
+  if (!RNBarChart) {
+    return react_1.default.createElement(react_native_1.View, {
+      style: [styles.container, {
+        height: height
+      }, style]
+    }, react_1.default.createElement(Text_1.default, {
+      style: styles.emptyText
+    }, "Chart library not available"));
+  }
+  var chartData = data.map(function (item, index) {
+    return {
+      value: item.value,
+      svg: {
+        fill: colors ? colors[index % colors.length] : item.color || color
+      }
+    };
+  });
+  var CUT_OFF = 0;
+  var Labels = function (_a) {
+    var x = _a.x,
+      y = _a.y,
+      bandwidth = _a.bandwidth,
+      data = _a.data;
+    if (!showValues || !SVGText) return null;
+    return data.map(function (value, index) {
+      return react_1.default.createElement(SVGText, {
+        key: index,
+        x: x(index) + bandwidth / 2,
+        y: value < CUT_OFF ? y(value) - 10 : y(value) + 15,
+        fontSize: 12,
+        fill: value >= CUT_OFF ? 'white' : 'black',
+        alignmentBaseline: 'middle',
+        textAnchor: 'middle'
+      }, value.toFixed(0));
+    });
+  };
+  return react_1.default.createElement(react_native_1.View, {
+    style: [styles.container, {
+      height: height,
+      width: width || '100%'
+    }, style],
+    testID: testID
+  }, !horizontal ? react_1.default.createElement(react_native_1.View, {
+    style: styles.chartWrapper
+  }, react_1.default.createElement(RNBarChart, {
+    style: {
+      flex: 1
+    },
+    data: chartData,
+    contentInset: contentInset,
+    gridMin: 0
+  }, showGrid && Grid && react_1.default.createElement(Grid, null), showValues && react_1.default.createElement(Labels, null)), showLabels && RNXAxis && react_1.default.createElement(RNXAxis, {
+    style: styles.xAxis,
+    data: data,
+    formatLabel: xAxisFormat,
+    contentInset: {
+      left: 20,
+      right: 20
+    },
+    svg: {
+      fontSize: 10,
+      fill: 'black'
+    }
+  })) : react_1.default.createElement(react_native_1.View, {
+    style: styles.horizontalWrapper
+  }, showLabels && RNYAxis && react_1.default.createElement(RNYAxis, {
+    data: data.map(function (d) {
+      return d.value;
+    }),
+    contentInset: {
+      top: 10,
+      bottom: 10
+    },
+    formatLabel: yAxisFormat,
+    svg: {
+      fontSize: 10,
+      fill: 'black'
+    },
+    style: styles.yAxis
+  }), react_1.default.createElement(RNBarChart, {
+    style: {
+      flex: 1
+    },
+    data: chartData,
+    contentInset: {
+      top: 10,
+      bottom: 10
+    },
+    horizontal: true,
+    gridMin: 0
+  }, showGrid && Grid && react_1.default.createElement(Grid, {
+    direction: Grid.Direction.VERTICAL
+  }))));
+};
+exports.BarChart = BarChart;
+var styles = react_native_1.StyleSheet.create({
+  container: {
+    backgroundColor: 'transparent'
+  },
+  chartWrapper: {
+    flex: 1,
+    flexDirection: 'column'
+  },
+  horizontalWrapper: {
+    flex: 1,
+    flexDirection: 'row'
+  },
+  xAxis: {
+    marginHorizontal: -10,
+    height: 30
+  },
+  yAxis: {
+    marginVertical: -4,
+    width: 60
+  },
+  emptyText: {
+    textAlign: 'center',
+    marginTop: 100,
+    color: '#999'
+  }
+});
+//# sourceMappingURL=BarChart.js.map