@xhsreds/reds-rn-next 0.8.4-fix-callbacks202510011427 → 0.9.0

package/lib/cjs/components/Button/styleMap.js.map

@@ -1 +1 @@
-{"version":3,"file":"styleMap.js","sources":["../../../../src/components/Button/styleMap.ts"],"sourcesContent":["import { RedsButton } from \"./interface\";\nimport { StyleSheet } from \"react-native\";\nimport { alwaysColor } from \"@xhsreds/reds-token-next\";\nimport { useThemeColor, useThemeTypography, useThemeButtonBorderRadiusById } from \"../ConfigProvider\";\nimport { fontWeight } from \"@xhsreds/reds-token-next\";\nexport const getStyles = (props: RedsButton) => {\n  const themeColor = useThemeColor();\n  const borderRadius = useThemeButtonBorderRadiusById();\n  return StyleSheet.create({\n    button: {\n      borderRadius: borderRadius as unknown as number,\n      ...(props.outlineType === \"shadow\"\n        ? {\n            border: \"none\",\n            // iOS 阴影样式\n            shadowColor: \"rgba(0, 0, 0, 0.10)\", // 阴影颜色\n            shadowOffset: {\n              width: 0,\n              height: 2, // 阴影的垂直偏移\n            },\n            shadowOpacity: 1, // 阴影的不透明度\n            shadowRadius: 16, // 阴影的模糊半径\n\n            // Android 阴影样式\n            elevation: 16, // 阴影的高度\n          }\n        : props.outlineType === \"border\"\n          ? {\n              borderWidth: 0.5,\n              borderStyle: \"solid\",\n            }\n          : {\n              border: \"none\",\n            }),\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      flexDirection: \"row\",\n      alignSelf: \"center\",\n    },\n    disabledButton: {\n      opacity: (props.type === \"primary\" && props.variant === \"fill\") || props.variant === \"disabled\" ? 1 : 0.3,\n      color: themeColor.PrimaryLabelTextDisabled,\n      borderColor:\n        props.variant === \"text\" ||\n        props.variant === \"fill\" ||\n        props.variant === \"ghost\" ||\n        props.variant === \"disabled\"\n          ? \"transparent\"\n          : props.type === \"primary\"\n            ? themeColor.Primary\n            : themeColor.PrimaryLabelTextDisabled,\n      ...(props.type === \"primary\" && props.variant === \"fill\"\n        ? { backgroundColor: themeColor.Primary, borderWidth: 0, opacity: 0.3 }\n        : {}),\n    },\n    block: {\n      // alignSelf: \"stretch\",\n      width: \"100%\",\n    },\n  });\n};\nexport const getSizeStyles = (props: RedsButton) => {\n  const isCircle = props.shape === \"circle\";\n  const typography = useThemeTypography(\"Button\");\n  const styles = {\n    xLarge: StyleSheet.create({\n      button: {\n        paddingVertical: 0,\n        ...(isCircle\n          ? { width: 48 }\n          : {\n              minWidth: 112,\n              display: \"flex\",\n              justifyContent: \"center\",\n              alignItems: \"center\",\n              paddingLeft: props.avatar ? 8 : props.iconLeft ? 20 : props.iconRight ? 24 : 32,\n              paddingRight: props.iconRight ? 20 : props.iconLeft || props.avatar ? 24 : 32,\n            }),\n        height: 48,\n      },\n      text: {\n        fontSize: typography.T2FontSize,\n        fontWeight: typography.T2FontWeight,\n      },\n    }),\n    large: StyleSheet.create({\n      button: {\n        paddingVertical: 0,\n        ...(isCircle\n          ? { width: 40 }\n          : {\n              minWidth: 96,\n              display: \"flex\",\n              justifyContent: \"center\",\n              alignItems: \"center\",\n            }),\n        height: 44,\n      },\n      text: {\n        fontSize: typography.T2FontSize,\n        fontWeight: typography.T2FontWeight,\n      },\n    }),\n    medium: StyleSheet.create({\n      button: {\n        paddingVertical: 0,\n        ...(isCircle ? { width: 36 } : { minWidth: 82, paddingHorizontal: 20 }),\n        height: 36,\n      },\n      text: {\n        fontSize: typography.T3FontSize,\n        fontWeight: typography.T3FontWeight,\n      },\n    }),\n    small: StyleSheet.create({\n      button: {\n        paddingVertical: 0,\n        ...(isCircle ? { width: 28 } : { minWidth: 63, paddingHorizontal: 12 }),\n        height: 28,\n      },\n      text: {\n        fontSize: typography.C1FontSize,\n        fontWeight: typography.T3FontWeight,\n      },\n    }),\n    mini: StyleSheet.create({\n      button: {\n        paddingVertical: 0,\n        ...(isCircle ? { width: 24 } : { minWidth: 52, paddingHorizontal: 8 }),\n        height: 24,\n      },\n      text: {\n        fontSize: typography.C2FontSize,\n        fontWeight: typography.T3FontWeight,\n      },\n    }),\n    micro: StyleSheet.create({\n      button: {\n        paddingVertical: 0,\n        ...(isCircle ? { width: 20 } : { minWidth: 40, paddingHorizontal: 8 }),\n        height: 20,\n      },\n      text: {\n        fontSize: typography.C3FontSize,\n        fontWeight: typography.T3FontWeight,\n      },\n    }),\n  };\n\n  return styles[props.size!];\n};\n\nexport const getVariantStyles = (props: RedsButton) => {\n  const themeColor = useThemeColor(\"Button\");\n  const styles = {\n    fill: StyleSheet.create({\n      button: {\n        borderColor: props.type === \"primary\" ? themeColor.Primary : themeColor.Separator2,\n        backgroundColor: props.type === \"primary\" ? themeColor.Primary : themeColor.White,\n      },\n      text: {\n        color: props.type === \"primary\" ? alwaysColor.White : themeColor.Title,\n      },\n    }),\n    disabled: StyleSheet.create({\n      button: {\n        borderColor: \"transparent\",\n        backgroundColor: themeColor.PrimaryBgDisabled,\n      },\n      text: {\n        color: themeColor.PrimaryLabelFillDisabled,\n      },\n    }),\n    ghost: StyleSheet.create({\n      button: {\n        borderColor: props.type === \"primary\" ? themeColor.Primary : themeColor.Paragraph,\n        backgroundColor: props.outlineType === \"none\" ? themeColor.Fill2 : alwaysColor.LightFill2,\n      },\n      text: {\n        color: props.type === \"primary\" ? themeColor.Primary : themeColor.Paragraph,\n      },\n    }),\n    outline: StyleSheet.create({\n      button: {\n        borderColor: props.type === \"primary\" ? themeColor.Primary : themeColor.Separator2,\n        backgroundColor: \"transparent\",\n        boxSizing: \"border-box\",\n      },\n      text: {\n        color: props.type === \"primary\" ? themeColor.Primary : themeColor.Title,\n      },\n    }),\n    text: StyleSheet.create({\n      button: {\n        borderColor: \"transparent\",\n        backgroundColor: \"transparent\",\n      },\n      text: {\n        color: props.type === \"primary\" ? themeColor.Primary : themeColor.Title,\n      },\n    }),\n  };\n  return styles[props.variant!];\n};\n\nexport const contentMarginStyle = StyleSheet.create({\n  left: {\n    marginLeft: 8,\n  },\n  right: {\n    marginRight: 8,\n  },\n});\n"],"names":["getStyles","props","themeColor","useThemeColor","borderRadius","useThemeButtonBorderRadiusById","StyleSheet","create","button","_objectSpread","outlineType","border","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","borderWidth","borderStyle","display","justifyContent","alignItems","flexDirection","alignSelf","disabledButton","opacity","type","variant","color","PrimaryLabelTextDisabled","borderColor","Primary","backgroundColor","block","getSizeStyles","isCircle","shape","typography","useThemeTypography","styles","xLarge","paddingVertical","minWidth","paddingLeft","avatar","iconLeft","iconRight","paddingRight","text","fontSize","T2FontSize","fontWeight","T2FontWeight","large","medium","paddingHorizontal","T3FontSize","T3FontWeight","small","C1FontSize","mini","C2FontSize","micro","C3FontSize","size","getVariantStyles","fill","Separator2","White","alwaysColor","Title","disabled","PrimaryBgDisabled","PrimaryLabelFillDisabled","ghost","Paragraph","Fill2","LightFill2","outline","boxSizing","contentMarginStyle","left","marginLeft","right","marginRight"],"mappings":"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"}
+{"version":3,"file":"styleMap.js","sources":["../../../../src/components/Button/styleMap.ts"],"sourcesContent":["import { RedsButton } from \"./interface\";\nimport { StyleSheet } from \"react-native\";\nimport { alwaysColor } from \"@xhsreds/reds-token-next\";\nimport { useThemeColor, useThemeTypography, useThemeButtonBorderRadiusById } from \"../ConfigProvider\";\nimport { fontWeight } from \"@xhsreds/reds-token-next\";\nexport const getStyles = (props: RedsButton) => {\n  const themeColor = useThemeColor();\n  const borderRadius = useThemeButtonBorderRadiusById();\n  return StyleSheet.create({\n    button: {\n      borderRadius: borderRadius as unknown as number,\n      boxSizing: \"border-box\",\n      ...(props.outlineType === \"shadow\"\n        ? {\n            border: \"none\",\n            // iOS 阴影样式\n            shadowColor: \"rgba(0, 0, 0, 0.10)\", // 阴影颜色\n            shadowOffset: {\n              width: 0,\n              height: 2, // 阴影的垂直偏移\n            },\n            shadowOpacity: 1, // 阴影的不透明度\n            shadowRadius: 16, // 阴影的模糊半径\n\n            // Android 阴影样式\n            elevation: 16, // 阴影的高度\n          }\n        : props.outlineType === \"border\"\n          ? {\n              borderWidth: 0.5,\n              borderStyle: \"solid\",\n            }\n          : {\n              border: \"none\",\n            }),\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      flexDirection: \"row\",\n      alignSelf: \"center\",\n    },\n    disabledButton: {\n      opacity: (props.type === \"primary\" && props.variant === \"fill\") || props.variant === \"disabled\" ? 1 : 0.3,\n      color: themeColor.PrimaryLabelTextDisabled,\n      borderColor:\n        props.variant === \"text\" ||\n        props.variant === \"fill\" ||\n        props.variant === \"ghost\" ||\n        props.variant === \"disabled\"\n          ? \"transparent\"\n          : props.type === \"primary\"\n            ? themeColor.Primary\n            : themeColor.PrimaryLabelTextDisabled,\n      ...(props.type === \"primary\" && props.variant === \"fill\"\n        ? { backgroundColor: themeColor.Primary, borderWidth: 0, opacity: 0.3 }\n        : {}),\n    },\n    block: {\n      alignSelf: \"stretch\",\n      width: \"100%\",\n    },\n  });\n};\nexport const getSizeStyles = (props: RedsButton) => {\n  const isCircle = props.shape === \"circle\";\n  const typography = useThemeTypography(\"Button\");\n  const styles = {\n    xLarge: StyleSheet.create({\n      button: {\n        ...(isCircle\n          ? { width: 48 }\n          : {\n              minWidth: 112,\n              display: \"flex\",\n              justifyContent: \"center\",\n              alignItems: \"center\",\n              paddingLeft: props.avatar ? 8 : props.iconLeft ? 20 : props.iconRight ? 24 : 32,\n              paddingRight: props.iconRight ? 20 : props.iconLeft || props.avatar ? 24 : 32,\n            }),\n        height: 48,\n      },\n      text: {\n        fontSize: typography.T2FontSize,\n        fontWeight: typography.T2FontWeight,\n        textAlign: \"center\",\n      },\n    }),\n    large: StyleSheet.create({\n      button: {\n        ...(isCircle\n          ? { width: 44 }\n          : {\n              minWidth: 96,\n              display: \"flex\",\n              justifyContent: \"center\",\n              alignItems: \"center\",\n            }),\n        height: 44,\n      },\n      text: {\n        fontSize: typography.T2FontSize,\n        fontWeight: typography.T2FontWeight,\n        textAlign: \"center\",\n      },\n    }),\n    medium: StyleSheet.create({\n      button: {\n        ...(isCircle ? { width: 36 } : { minWidth: 82, paddingHorizontal: 20 }),\n        height: 36,\n      },\n      text: {\n        fontSize: typography.T3FontSize,\n        fontWeight: typography.T3FontWeight,\n        textAlign: \"center\",\n      },\n    }),\n    small: StyleSheet.create({\n      button: {\n        ...(isCircle ? { width: 28 } : { minWidth: 63, paddingHorizontal: 12 }),\n        height: 28,\n      },\n      text: {\n        fontSize: typography.C1FontSize,\n        fontWeight: typography.T3FontWeight,\n        textAlign: \"center\",\n      },\n    }),\n    mini: StyleSheet.create({\n      button: {\n        ...(isCircle ? { width: 24 } : { minWidth: 52, paddingHorizontal: 8 }),\n        height: 24,\n      },\n      text: {\n        fontSize: typography.C2FontSize,\n        fontWeight: typography.T3FontWeight,\n        textAlign: \"center\",\n      },\n    }),\n    micro: StyleSheet.create({\n      button: {\n        ...(isCircle ? { width: 20 } : { minWidth: 40, paddingHorizontal: 8 }),\n        height: 20,\n      },\n      text: {\n        fontSize: typography.C3FontSize,\n        fontWeight: typography.T3FontWeight,\n        textAlign: \"center\",\n      },\n    }),\n  };\n\n  return styles[props.size!];\n};\n\nexport const getVariantStyles = (props: RedsButton) => {\n  const themeColor = useThemeColor(\"Button\");\n  const styles = {\n    fill: StyleSheet.create({\n      button: {\n        borderColor: props.type === \"primary\" ? themeColor.Primary : themeColor.Separator2,\n        backgroundColor: props.type === \"primary\" ? themeColor.Primary : themeColor.White,\n      },\n      text: {\n        color: props.type === \"primary\" ? alwaysColor.White : themeColor.Title,\n      },\n    }),\n    disabled: StyleSheet.create({\n      button: {\n        borderColor: \"transparent\",\n        backgroundColor: themeColor.PrimaryBgDisabled,\n      },\n      text: {\n        color: themeColor.PrimaryLabelFillDisabled,\n      },\n    }),\n    ghost: StyleSheet.create({\n      button: {\n        borderColor: alwaysColor.LightParagraph,\n        backgroundColor: alwaysColor.LightFill2,\n      },\n      text: {\n        color: props.type === \"primary\" ? themeColor.Primary : themeColor.Paragraph,\n      },\n    }),\n    outline: StyleSheet.create({\n      button: {\n        borderColor: props.type === \"primary\" ? themeColor.Primary : themeColor.Separator2,\n        backgroundColor: \"transparent\",\n      },\n      text: {\n        color: props.type === \"primary\" ? themeColor.Primary : themeColor.Title,\n      },\n    }),\n    text: StyleSheet.create({\n      button: {\n        borderColor: \"transparent\",\n        backgroundColor: \"transparent\",\n      },\n      text: {\n        color: props.type === \"primary\" ? themeColor.Primary : themeColor.Title,\n      },\n    }),\n  };\n  return styles[props.variant!];\n};\n\nexport const contentMarginStyle = StyleSheet.create({\n  left: {\n    marginLeft: 8,\n  },\n  right: {\n    marginRight: 8,\n  },\n});\n"],"names":["getStyles","props","themeColor","useThemeColor","borderRadius","useThemeButtonBorderRadiusById","StyleSheet","create","button","_objectSpread","boxSizing","outlineType","border","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","borderWidth","borderStyle","display","justifyContent","alignItems","flexDirection","alignSelf","disabledButton","opacity","type","variant","color","PrimaryLabelTextDisabled","borderColor","Primary","backgroundColor","block","getSizeStyles","isCircle","shape","typography","useThemeTypography","styles","xLarge","minWidth","paddingLeft","avatar","iconLeft","iconRight","paddingRight","text","fontSize","T2FontSize","fontWeight","T2FontWeight","textAlign","large","medium","paddingHorizontal","T3FontSize","T3FontWeight","small","C1FontSize","mini","C2FontSize","micro","C3FontSize","size","getVariantStyles","fill","Separator2","White","alwaysColor","Title","disabled","PrimaryBgDisabled","PrimaryLabelFillDisabled","ghost","LightParagraph","LightFill2","Paragraph","outline","contentMarginStyle","left","marginLeft","right","marginRight"],"mappings":"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"}

package/lib/cjs/components/Carousel/Carousel.js

@@ -5,15 +5,19 @@ var React = require('react');
 var reactNative = require('react-native');
 var components_Carousel_styles = require('./styles.js');
 require('../ConfigProvider/hooks/ConfigCache/ConfigCache.js');
-require('@xhs/reds-apm/src/index.native');
+var pvCount_useUnmountedProcess = require('../../pvCount/useUnmountedProcess.js');
 var components_ConfigProvider_hooks_themeToken_useThemeToken = require('../ConfigProvider/hooks/themeToken/useThemeToken.js');
-var components_Carousel_interface_index = require('../../_chunks/C-T6HQcy.js');
+var components_Carousel_interface_index = require('../../_chunks/bH9ffeny.js');
 require('@xhsreds/reds-token-next');
+require('@xhs/reds-apm/src/index.native');
+require('../../pvCount/pvData.js');
 require('../ConfigProvider/hooks/ConfigContext/ConfigContext.js');
 
 var Carousel = function Carousel(props) {
+  var _props$style5, _props$style6, _props$style9;
+  pvCount_useUnmountedProcess.default("Carousel");
   var scrollViewRef = React.useRef(null);
-  var _useState = React.useState(0),
+  var _useState = React.useState(1),
     _useState2 = _rollupPluginBabelHelpers._slicedToArray(_useState, 2),
     currentIndex = _useState2[0],
     setCurrentIndex = _useState2[1];
@@ -49,38 +53,127 @@ var Carousel = function Carousel(props) {
     _useState14 = _rollupPluginBabelHelpers._slicedToArray(_useState13, 2),
     realIndex = _useState14[0],
     setRealIndex = _useState14[1];
+  var _useState15 = React.useState({
+      width: 0,
+      height: 0
+    }),
+    _useState16 = _rollupPluginBabelHelpers._slicedToArray(_useState15, 2),
+    childrenSize = _useState16[0],
+    setChildrenSize = _useState16[1];
+  var _useState17 = React.useState(false),
+    _useState18 = _rollupPluginBabelHelpers._slicedToArray(_useState17, 2),
+    isChildrenSizeMeasured = _useState18[0],
+    setIsChildrenSizeMeasured = _useState18[1];
   var themeColor = components_ConfigProvider_hooks_themeToken_useThemeToken.useThemeColor();
   var styles = components_Carousel_styles.default(themeColor);
+  var containerSize = React.useMemo(function () {
+    var _props$style, _props$style2;
+    var width = ((_props$style = props.style) === null || _props$style === void 0 ? void 0 : _props$style.width) || reactNative.Dimensions.get("window").width;
+    var height = ((_props$style2 = props.style) === null || _props$style2 === void 0 ? void 0 : _props$style2.height) || 300;
+    if (props.children && isChildrenSizeMeasured && childrenSize.width > 0 && childrenSize.height > 0) {
+      var _props$style3, _props$style4;
+      if (!((_props$style3 = props.style) !== null && _props$style3 !== void 0 && _props$style3.width)) {
+        width = childrenSize.width;
+      }
+      if (!((_props$style4 = props.style) !== null && _props$style4 !== void 0 && _props$style4.height)) {
+        height = childrenSize.height;
+      }
+    }
+    return {
+      width: width,
+      height: height
+    };
+  }, [(_props$style5 = props.style) === null || _props$style5 === void 0 ? void 0 : _props$style5.width, (_props$style6 = props.style) === null || _props$style6 === void 0 ? void 0 : _props$style6.height, props.children, isChildrenSizeMeasured, childrenSize]);
+  var handleChildLayout = function handleChildLayout(event) {
+    var _event$nativeEvent$la = event.nativeEvent.layout,
+      width = _event$nativeEvent$la.width,
+      height = _event$nativeEvent$la.height;
+    if (width !== childrenSize.width || height !== childrenSize.height) {
+      setChildrenSize({
+        width: width,
+        height: height
+      });
+      setIsChildrenSizeMeasured(true);
+    }
+  };
   var extendedData = React.useMemo(function () {
     var _props$data, _props$children;
     if ((_props$data = props.data) !== null && _props$data !== void 0 && _props$data.length) {
+      if (!props.infinite) {
+        return props.data;
+      }
       return [props.data[props.data.length - 1]].concat(_rollupPluginBabelHelpers._toConsumableArray(props.data || []), [props.data[0]]);
     } else if ((_props$children = props.children) !== null && _props$children !== void 0 && _props$children.length) {
+      if (!props.infinite) {
+        return React.Children.map(props.children, function (child, index) {
+          if (/*#__PURE__*/React.isValidElement(child)) {
+            return /*#__PURE__*/React.cloneElement(child, _rollupPluginBabelHelpers._objectSpread2({
+              onLayout: function onLayout(e) {
+                var _props$style7, _child$props;
+                if (index === 0) {
+                  handleChildLayout(e);
+                }
+                if (!((_props$style7 = props.style) !== null && _props$style7 !== void 0 && _props$style7.height) && index === 0) {
+                  setNormalSize(function (prev) {
+                    var _e$nativeEvent;
+                    return {
+                      x: containerSize.width,
+                      y: (_e$nativeEvent = e.nativeEvent) === null || _e$nativeEvent === void 0 ? void 0 : _e$nativeEvent.layout.height
+                    };
+                  });
+                }
+                if ((_child$props = child.props) !== null && _child$props !== void 0 && _child$props.onLayout) {
+                  var _child$props$onLayout, _child$props2;
+                  (_child$props$onLayout = (_child$props2 = child.props).onLayout) === null || _child$props$onLayout === void 0 || _child$props$onLayout.call(_child$props2, e);
+                }
+              }
+            }, child.props || {}));
+          }
+        });
+      }
       var cloneChild = [props.children[props.children.length - 1]].concat(_rollupPluginBabelHelpers._toConsumableArray(props.children || []), [props.children[0]]);
-      return React.Children.map(cloneChild, function (child) {
+      return React.Children.map(cloneChild, function (child, index) {
         if (/*#__PURE__*/React.isValidElement(child)) {
-          return /*#__PURE__*/React.cloneElement(child, {
+          return /*#__PURE__*/React.cloneElement(child, _rollupPluginBabelHelpers._objectSpread2({
             onLayout: function onLayout(e) {
-              var _props$style, _props$style2;
-              setNormalSize({
-                x: ((_props$style = props.style) === null || _props$style === void 0 ? void 0 : _props$style.width) || reactNative.Dimensions.get("window").width,
-                y: ((_props$style2 = props.style) === null || _props$style2 === void 0 ? void 0 : _props$style2.height) || e.nativeEvent.layout.height
-              });
+              var _props$style8, _child$props3;
+              if (index === 1) {
+                handleChildLayout(e);
+              }
+              if (!((_props$style8 = props.style) !== null && _props$style8 !== void 0 && _props$style8.height) && index === 1) {
+                setNormalSize(function (prev) {
+                  var _e$nativeEvent2;
+                  return {
+                    x: containerSize.width,
+                    y: (_e$nativeEvent2 = e.nativeEvent) === null || _e$nativeEvent2 === void 0 ? void 0 : _e$nativeEvent2.layout.height
+                  };
+                });
+              }
+              if ((_child$props3 = child.props) !== null && _child$props3 !== void 0 && _child$props3.onLayout) {
+                var _child$props$onLayout2, _child$props4;
+                (_child$props$onLayout2 = (_child$props4 = child.props).onLayout) === null || _child$props$onLayout2 === void 0 || _child$props$onLayout2.call(_child$props4, e);
+              }
             }
-          });
+          }, child.props || {}));
         }
       });
     } else {
       return [];
     }
-  }, [props.data, props.children, props.style]);
+  }, [props.data, props.children, containerSize.width, (_props$style9 = props.style) === null || _props$style9 === void 0 ? void 0 : _props$style9.height, props.infinite]);
+  React.useEffect(function () {
+    setNormalSize({
+      x: containerSize.width,
+      y: containerSize.height
+    });
+  }, [containerSize]);
   var length = React.useMemo(function () {
     var _props$data2, _props$children2;
     return ((_props$data2 = props.data) === null || _props$data2 === void 0 ? void 0 : _props$data2.length) || ((_props$children2 = props.children) === null || _props$children2 === void 0 ? void 0 : _props$children2.length) || 0;
   }, [props.data, props.children]);
   var dotList = React.useMemo(function () {
     return new Array(props.dotType === components_Carousel_interface_index.DOTTYPE.INDEFINITE ? props.initDotNumber : length).fill(0);
-  }, [props.dotType]);
+  }, [props.dotType, props.initDotNumber, length]);
   var getItemDimensions = function getItemDimensions() {
     var distance2 = props.direction === "horizontal" ? normalSize.x : normalSize.y;
     switch (props.playingMode) {
@@ -111,30 +204,41 @@ var Carousel = function Carousel(props) {
     }
   };
   React.useEffect(function () {
-    var _getItemDimensions = getItemDimensions(),
-      DISTANCE = _getItemDimensions.distance,
-      SPACING = _getItemDimensions.spacing,
-      CONTAINER_PADDING = _getItemDimensions.containerPadding;
-    setOffsetPerItem(DISTANCE + SPACING);
-    setContainerPadding(CONTAINER_PADDING);
-    setDistance(distance);
-    setSpacing(SPACING);
-  }, [normalSize]);
+    if (normalSize.x > 0 && normalSize.y > 0) {
+      var _getItemDimensions = getItemDimensions(),
+        DISTANCE = _getItemDimensions.distance,
+        SPACING = _getItemDimensions.spacing,
+        CONTAINER_PADDING = _getItemDimensions.containerPadding;
+      setOffsetPerItem(DISTANCE + SPACING);
+      setContainerPadding(CONTAINER_PADDING);
+      setDistance(DISTANCE);
+      setSpacing(SPACING);
+    }
+  }, [normalSize, props.playingMode, props.distance, props.direction]);
   var resetAutoPlayTimer = function resetAutoPlayTimer() {
     if (autoPlayTimer.current) {
       clearInterval(autoPlayTimer.current);
       autoPlayTimer.current = null;
     }
-    if (props.autoPlay) {
+    if (props.autoPlay && length > 1) {
       var timer = setInterval(function () {
-        var nextIndex = currentIndex + 1;
-        scrollToIndex(nextIndex);
+        if (!isScrolling) {
+          var nextIndex = currentIndex + 1;
+          if (!props.infinite && nextIndex >= length) {
+            if (autoPlayTimer.current) {
+              clearInterval(autoPlayTimer.current);
+              autoPlayTimer.current = null;
+            }
+            return;
+          }
+          scrollToIndex(nextIndex);
+        }
       }, props.duration);
       autoPlayTimer.current = timer;
     }
   };
   React.useEffect(function () {
-    if (props.autoPlay && !isScrolling) {
+    if (props.autoPlay && !isScrolling && offsetPerItem > 0) {
       resetAutoPlayTimer();
     }
     return function () {
@@ -142,30 +246,44 @@ var Carousel = function Carousel(props) {
         clearInterval(autoPlayTimer.current);
       }
     };
-  }, [currentIndex, isScrolling, props.autoPlay]);
+  }, [currentIndex, isScrolling, props.autoPlay, offsetPerItem, length]);
   var scrollToIndex = function scrollToIndex(index) {
     var animated = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    if (offsetPerItem <= 0) return;
+    if (!props.infinite) {
+      index = Math.max(0, Math.min(index, length - 1));
+    }
     requestAnimationFrame(function () {
       var _scrollViewRef$curren;
-      var cardDistance = props.playingMode === "normal" ? 0 : distance * 0.1 * (index - 1);
-      var x = (index > length + 1 ? 1 : index) * offsetPerItem - cardDistance;
+      var scrollOffset = index * offsetPerItem;
+      if (props.playingMode !== "normal") {
+        scrollOffset -= containerPadding;
+      }
       (_scrollViewRef$curren = scrollViewRef.current) === null || _scrollViewRef$curren === void 0 || _scrollViewRef$curren.scrollTo(_rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, props.direction === "horizontal" ? {
-        x: x
+        x: scrollOffset
       } : {
-        y: x
+        y: scrollOffset
       }), {}, {
-        animated: index > length + 1 ? false : animated
+        animated: animated
       }));
     });
-    var curIndex = index > length + 1 ? 1 : index;
-    setCurrentIndex(curIndex);
-    setRealIndex(currentIndex === 0 ? length - 1 : currentIndex === length + 1 ? 0 : currentIndex - 1);
+    setCurrentIndex(index);
+    var newRealIndex;
+    if (props.infinite) {
+      newRealIndex = index === 0 ? length - 1 : index === length + 1 ? 0 : index - 1;
+    } else {
+      newRealIndex = index;
+    }
+    setRealIndex(newRealIndex);
   };
   React.useEffect(function () {
-    var _props$onChange, _props$data3, _props$children3;
-    (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, ((_props$data3 = props.data) === null || _props$data3 === void 0 ? void 0 : _props$data3[realIndex]) || ((_props$children3 = props.children) === null || _props$children3 === void 0 ? void 0 : _props$children3[realIndex]), realIndex);
-  }, [realIndex]);
+    if (realIndex >= 0 && realIndex < length) {
+      var _props$onChange, _props$data3, _props$children3;
+      (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, ((_props$data3 = props.data) === null || _props$data3 === void 0 ? void 0 : _props$data3[realIndex]) || ((_props$children3 = props.children) === null || _props$children3 === void 0 ? void 0 : _props$children3[realIndex]), realIndex);
+    }
+  }, [realIndex, props.data, props.children, length]);
   var handleScrollBegin = function handleScrollBegin() {
+    if (!props.handlable) return;
     setIsScrolling(true);
     if (autoPlayTimer.current) {
       clearInterval(autoPlayTimer.current);
@@ -173,41 +291,69 @@ var Carousel = function Carousel(props) {
     }
   };
   var handleScrollEnd = function handleScrollEnd(event) {
+    if (offsetPerItem <= 0) {
+      setIsScrolling(false);
+      return;
+    }
     var offset = props.direction === "horizontal" ? event.nativeEvent.contentOffset.x : event.nativeEvent.contentOffset.y;
-    var index = Math.round(offset / offsetPerItem);
-    if (index <= 0) {
-      scrollToIndex(length, false);
-    } else if (index >= extendedData.length - 1) {
-      scrollToIndex(1, false);
+    var index;
+    if (props.playingMode === "normal") {
+      index = Math.round(offset / offsetPerItem);
+    } else {
+      index = Math.round((offset + containerPadding) / offsetPerItem);
+    }
+    index = Math.max(0, Math.min(index, extendedData.length - 1));
+    if (props.infinite) {
+      if (index <= 0) {
+        scrollToIndex(length, false);
+      } else if (index >= extendedData.length - 1) {
+        scrollToIndex(1, false);
+      } else {
+        setCurrentIndex(index);
+        var newRealIndex = index === 0 ? length - 1 : index === length + 1 ? 0 : index - 1;
+        setRealIndex(newRealIndex);
+      }
     } else {
-      scrollToIndex(index);
+      var clampedIndex = Math.max(0, Math.min(index, length - 1));
+      setCurrentIndex(clampedIndex);
+      setRealIndex(clampedIndex);
     }
     setIsScrolling(false);
-    resetAutoPlayTimer();
   };
   var getDotStyle = function getDotStyle(index) {
-    return props.dotType === components_Carousel_interface_index.DOTTYPE.DEFINITE ? currentIndex - 1 === index ? props.dotPlacement === components_Carousel_interface_index.DOTPLACEMENT.INSIDE ? styles.activeDot : styles.outSideActiveDot : props.dotPlacement === components_Carousel_interface_index.DOTPLACEMENT.INSIDE ? styles.dot : styles.outSideDot : props.initDotNumber && (currentIndex - 1) % props.initDotNumber === index ? props.dotPlacement === components_Carousel_interface_index.DOTPLACEMENT.INSIDE ? styles.activeDot : styles.outSideActiveDot : props.dotPlacement === components_Carousel_interface_index.DOTPLACEMENT.INSIDE ? styles.dot : styles.outSideDot;
+    var isActive = props.dotType === components_Carousel_interface_index.DOTTYPE.DEFINITE ? realIndex === index : props.initDotNumber && realIndex % props.initDotNumber === index;
+    return isActive ? props.dotPlacement === components_Carousel_interface_index.DOTPLACEMENT.INSIDE ? [styles.activeDot, props.activeDotStyle] : [styles.outSideActiveDot, props.activeDotStyle] : props.dotPlacement === components_Carousel_interface_index.DOTPLACEMENT.INSIDE ? [styles.dot, props.dotStyle] : [styles.outSideDot, props.dotStyle];
   };
   React.useEffect(function () {
-    if (offsetPerItem) {
-      setCurrentIndex((props.currentIndex || 0) + 1);
-      scrollToIndex((props.currentIndex || 0) + 1);
+    if (offsetPerItem > 0 && extendedData.length > 0) {
+      var initialIndex = props.currentIndex || 0;
+      if (props.infinite) {
+        initialIndex += 1;
+      }
+      scrollToIndex(initialIndex, false);
     }
-  }, [offsetPerItem]);
+  }, [offsetPerItem, extendedData.length, props.infinite]);
+  React.useEffect(function () {
+    var initialCurrentIndex = props.infinite ? 1 : 0;
+    setCurrentIndex(initialCurrentIndex);
+  }, [props.infinite]);
   var handleLoad = function handleLoad(_ref) {
-    var _props$style3, _props$style4;
+    var _props$style0;
     var nativeEvent = _ref.nativeEvent;
-    setNormalSize({
-      x: ((_props$style3 = props.style) === null || _props$style3 === void 0 ? void 0 : _props$style3.width) || reactNative.Dimensions.get("window").width,
-      y: ((_props$style4 = props.style) === null || _props$style4 === void 0 ? void 0 : _props$style4.height) || nativeEvent.source.height
-    });
+    if (!((_props$style0 = props.style) !== null && _props$style0 !== void 0 && _props$style0.height)) {
+      setNormalSize(function (prev) {
+        return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, prev), {}, {
+          y: nativeEvent.source.height
+        });
+      });
+    }
   };
   return /* @__PURE__ */React.createElement(reactNative.View, {
-    style: [styles.container, _rollupPluginBabelHelpers._objectSpread2({
+    style: [styles.container, {
       overflow: "hidden",
-      height: normalSize.y,
-      width: "100%"
-    }, props.style)]
+      height: containerSize.height,
+      width: containerSize.width
+    }, props.style]
   }, /* @__PURE__ */React.createElement(reactNative.ScrollView, {
     ref: scrollViewRef,
     horizontal: props.direction === "horizontal",
@@ -217,17 +363,27 @@ var Carousel = function Carousel(props) {
     onScrollBeginDrag: handleScrollBegin,
     onScrollEndDrag: handleScrollEnd,
     onMomentumScrollEnd: handleScrollEnd,
+    scrollEventThrottle: 16,
+    decelerationRate: "fast",
+    scrollEnabled: props.handlable,
+    bounces: props.infinite,
     contentContainerStyle: [styles.scrollContent, props.direction === "horizontal" ? {
       paddingHorizontal: containerPadding
-    } : {}]
+    } : {
+      paddingVertical: containerPadding
+    }]
   }, extendedData.map(function (item, index) {
     var _props$data4;
     return /* @__PURE__ */React.createElement(reactNative.View, {
-      key: String(item) + index,
+      key: "".concat(String(item), "_").concat(index),
       style: [styles.itemContainer, _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, props.direction === "horizontal" ? {
-        marginHorizontal: spacing / 2
+        marginHorizontal: spacing / 2,
+        width: distance,
+        height: normalSize.y
       } : {
-        marginVertical: spacing / 2
+        marginVertical: spacing / 2,
+        width: normalSize.x,
+        height: distance
       }), {}, {
         transform: [{
           scale: props.playingMode !== "normal" && currentIndex === index ? 1 : props.playingMode === "normal" ? 1 : 0.9
@@ -236,39 +392,38 @@ var Carousel = function Carousel(props) {
       shouldRasterizeIOS: true,
       renderToHardwareTextureAndroid: true
     }, (_props$data4 = props.data) !== null && _props$data4 !== void 0 && _props$data4.length ? /* @__PURE__ */React.createElement(reactNative.Image, {
-      key: String(item) + index,
       source: {
         uri: item
       },
       style: {
         borderRadius: props.playingMode === "normal" ? 0 : 12,
-        width: offsetPerItem,
-        height: normalSize.y
+        width: props.direction === "horizontal" ? distance : normalSize.x,
+        height: props.direction === "horizontal" ? normalSize.y : distance
       },
       resizeMode: "contain",
       onLoad: handleLoad,
       resizeMethod: "resize"
     }) : extendedData === null || extendedData === void 0 ? void 0 : extendedData[index]);
-  })), props.displayDots ? /* @__PURE__ */React.createElement(reactNative.View, {
+  })), props.displayDots && dotList.length > 0 && /* @__PURE__ */React.createElement(reactNative.View, {
     style: [props.dotPlacement === components_Carousel_interface_index.DOTPLACEMENT.INSIDE ? styles.dotContainer : styles.dotOutsideContainer]
-  }, props.dotType === components_Carousel_interface_index.DOTTYPE.INDEFINITE ? /* @__PURE__ */React.createElement(reactNative.View, {
-    style: [props.dotPlacement === components_Carousel_interface_index.DOTPLACEMENT.INSIDE ? styles.smallDot : styles.smallOutsideDot]
-  }) : /* @__PURE__ */React.createElement(React.Fragment, null), dotList.map(function (_, index) {
+  }, props.dotType === components_Carousel_interface_index.DOTTYPE.INDEFINITE && /* @__PURE__ */React.createElement(reactNative.View, {
+    style: [props.dotPlacement === components_Carousel_interface_index.DOTPLACEMENT.INSIDE ? styles.smallDot : styles.smallOutsideDot, props.dotStyle]
+  }), dotList.map(function (_, index) {
     return /* @__PURE__ */React.createElement(reactNative.View, {
       key: index,
       style: getDotStyle(index)
     });
-  }), props.dotType === components_Carousel_interface_index.DOTTYPE.INDEFINITE ? /* @__PURE__ */React.createElement(reactNative.View, {
-    style: [props.dotPlacement === components_Carousel_interface_index.DOTPLACEMENT.INSIDE ? styles.smallDot : styles.smallOutsideDot]
-  }) : /* @__PURE__ */React.createElement(React.Fragment, null)) : /* @__PURE__ */React.createElement(React.Fragment, null), props.displayNumbers ? /* @__PURE__ */React.createElement(reactNative.View, {
+  }), props.dotType === components_Carousel_interface_index.DOTTYPE.INDEFINITE && /* @__PURE__ */React.createElement(reactNative.View, {
+    style: [props.dotPlacement === components_Carousel_interface_index.DOTPLACEMENT.INSIDE ? styles.smallDot : styles.smallOutsideDot, props.dotStyle]
+  })), props.displayNumbers && /* @__PURE__ */React.createElement(reactNative.View, {
     style: [styles.numberContainer, props.numberPlacement === components_Carousel_interface_index.NUMBERPLACEMENT.TOP ? styles.numberTop : styles.numberBottom]
   }, /* @__PURE__ */React.createElement(reactNative.Text, {
     style: styles.number
-  }, currentIndex === 0 ? length : currentIndex === length + 1 ? 1 : currentIndex), /* @__PURE__ */React.createElement(reactNative.Text, {
+  }, realIndex + 1), /* @__PURE__ */React.createElement(reactNative.Text, {
     style: styles.number
   }, "/"), /* @__PURE__ */React.createElement(reactNative.Text, {
     style: styles.number
-  }, length)) : /* @__PURE__ */React.createElement(React.Fragment, null));
+  }, length)));
 };
 Carousel.defaultProps = components_Carousel_interface_index.CarouselDefaultProps;