@xhsreds/reds-rn-next 0.10.1-beta202512092141 → 0.10.1-beta202512101131

package/lib/cjs/components/Result/styles.js

@@ -7,7 +7,7 @@ require('../ConfigProvider/hooks/ConfigCache/ConfigCache.js');
 require('react');
 require('@xhs/reds-apm/src/index.native');
 var components_ConfigProvider_hooks_themeToken_useThemeToken = require('../ConfigProvider/hooks/themeToken/useThemeToken.js');
-require('../../_chunks/nlVjgQi5.js');
+require('../../_chunks/C9tZEm0t.js');
 require('@xhsreds/reds-token-next');
 require('../ConfigProvider/hooks/ConfigContext/ConfigContext.js');
 

package/lib/cjs/components/Search/Search.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../_chunks/nlVjgQi5.js');
+var _rollupPluginBabelHelpers = require('../../_chunks/C9tZEm0t.js');
 var React = require('react');
 var reactNative = require('react-native');
 var runes = require('runes');

package/lib/cjs/components/Search/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var components_Search_Search = require('./Search.js');
 var components_Search_utils_index = require('./utils/index.js');
 var components_Search_interface_index = require('../../_chunks/DUdnaOdh.js');
-require('../../_chunks/nlVjgQi5.js');
+require('../../_chunks/C9tZEm0t.js');
 require('react');
 require('react-native');
 require('runes');

package/lib/cjs/components/Search/styles.js

@@ -7,7 +7,7 @@ require('../ConfigProvider/hooks/ConfigCache/ConfigCache.js');
 require('react');
 require('@xhs/reds-apm/src/index.native');
 var components_ConfigProvider_hooks_themeToken_useThemeToken = require('../ConfigProvider/hooks/themeToken/useThemeToken.js');
-require('../../_chunks/nlVjgQi5.js');
+require('../../_chunks/C9tZEm0t.js');
 require('@xhsreds/reds-token-next');
 require('../ConfigProvider/hooks/ConfigContext/ConfigContext.js');
 

package/lib/cjs/components/SegmentedControl/SegmentedControl.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../_chunks/nlVjgQi5.js');
+var _rollupPluginBabelHelpers = require('../../_chunks/C9tZEm0t.js');
 var React = require('react');
 var reactNative = require('react-native');
 var components_SegmentedControl_interface_index = require('../../_chunks/Bp7ogDqL.js');

package/lib/cjs/components/SegmentedControl/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var components_SegmentedControl_SegmentedControl = require('./SegmentedControl.js');
 var components_SegmentedControl_interface_index = require('../../_chunks/Bp7ogDqL.js');
-require('../../_chunks/nlVjgQi5.js');
+require('../../_chunks/C9tZEm0t.js');
 require('react');
 require('react-native');
 require('./styles.js');

package/lib/cjs/components/Sheets/AnimatedSheets.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../_chunks/nlVjgQi5.js');
+var _rollupPluginBabelHelpers = require('../../_chunks/C9tZEm0t.js');
 var React = require('react');
 var redsTokenNext = require('@xhsreds/reds-token-next');
 var reactNative = require('react-native');

package/lib/cjs/components/Sheets/Sheets.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../_chunks/nlVjgQi5.js');
+var _rollupPluginBabelHelpers = require('../../_chunks/C9tZEm0t.js');
 var React = require('react');
 var redsTokenNext = require('@xhsreds/reds-token-next');
 var reactNative = require('react-native');

package/lib/cjs/components/Sheets/api.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../_chunks/nlVjgQi5.js');
+var _rollupPluginBabelHelpers = require('../../_chunks/C9tZEm0t.js');
 var React = require('react');
 var components_Sheets_AnimatedSheets = require('./AnimatedSheets.js');
 var components_Sheets_Sheets = require('./Sheets.js');

package/lib/cjs/components/Sheets/index.js

@@ -6,7 +6,7 @@ var components_Sheets_AnimatedSheets = require('./AnimatedSheets.js');
 var components_Sheets_Sheets = require('./Sheets.js');
 var components_Sheets_interface_index = require('../../_chunks/DVfoVjpR.js');
 var components_Sheets_api = require('./api.js');
-require('../../_chunks/nlVjgQi5.js');
+require('../../_chunks/C9tZEm0t.js');
 require('react');
 require('@xhsreds/reds-token-next');
 require('react-native');

package/lib/cjs/components/Skeleton/Item/SkeletonItem.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../../_chunks/nlVjgQi5.js');
+var _rollupPluginBabelHelpers = require('../../../_chunks/C9tZEm0t.js');
 var React = require('react');
 var reactNative = require('react-native');
 var components_Skeleton_Item_interface_index = require('../../../_chunks/EQWxZmIF.js');
@@ -10,7 +10,7 @@ var components_Skeleton_Item_styles = require('./styles.js');
 require('../../ConfigProvider/hooks/ConfigCache/ConfigCache.js');
 require('@xhs/reds-apm/src/index.native');
 var components_ConfigProvider_hooks_themeToken_useThemeToken = require('../../ConfigProvider/hooks/themeToken/useThemeToken.js');
-var Svg = require('@xhs/reds-components/libs/svg');
+var Svg = require('react-native-svg');
 require('@xhsreds/reds-token-next');
 require('../../ConfigProvider/hooks/ConfigContext/ConfigContext.js');
 

package/lib/cjs/components/Skeleton/Item/SkeletonItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonItem.js","sources":["../../../../../src/components/Skeleton/Item/SkeletonItem.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useMemo, useCallback } from \"react\";\nimport { View, Easing, Animated, Text } from \"react-native\";\nimport { RedsSkeletonItem, SkeletonItemDefaultProps } from \"./interface/index\";\nimport createStyles from \"./styles\";\nimport { useThemeColor } from \"../../ConfigProvider\";\nimport Svg, { Defs, LinearGradient, Stop, Rect, ClipPath } from \"@xhs/reds-components/libs/svg\";\n\nconst RectAnimation = Animated.createAnimatedComponent(Rect);\n\nconst SkeletonItem = (props: RedsSkeletonItem) => {\n  const {\n    loading,\n    type,\n    animation,\n    containerStyle,\n    borderRadius, // 解构新属性\n  } = { ...SkeletonItemDefaultProps, ...props };\n\n  const animValue = useRef(new Animated.Value(0)).current;\n  const themeColor = useThemeColor();\n  const styles = createStyles(type);\n\n  useEffect(() => {\n    if (animation) {\n      Animated.loop(\n        Animated.timing(animValue, {\n          toValue: 1,\n          duration: 2000,\n          easing: Easing.linear,\n          useNativeDriver: false,\n        }),\n      ).start();\n    }\n  }, [animation]);\n\n  const interpolatedValue = animValue.interpolate({\n    inputRange: [0, 1],\n    outputRange: [\"-148%\", \"-8%\"],\n  });\n\n  return (\n    loading && (\n      <Animated.View\n        style={[\n          styles,\n          {\n            borderRadius: borderRadius, // 应用 borderRadius\n            overflow: \"hidden\", // 确保内容不会超出圆角边界\n          },\n          containerStyle,\n        ]}\n      >\n        <Svg height=\"100%\" width=\"100%\">\n          <Defs>\n            <LinearGradient id=\"gradient\" x1=\"0\" y1=\"0\" x2=\"100%\" y2=\"0%\">\n              <Stop offset=\"25%\" stopColor={props.color || themeColor.Fill1} stopOpacity={0.2} />\n              <Stop offset=\"28%\" stopColor={props.color || themeColor.Fill1} stopOpacity={0.15} />\n              <Stop offset=\"35%\" stopColor={props.color || themeColor.Fill1} stopOpacity={0.2} />\n            </LinearGradient>\n            {/* 如果需要 SVG 内容也遵循圆角，添加 ClipPath */}\n            {borderRadius > 0 && (\n              <ClipPath id=\"clip\">\n                <Rect\n                  x=\"0\"\n                  y=\"0\"\n                  width=\"100%\"\n                  height=\"100%\"\n                  rx={type === \"avatar\" ? 100 : borderRadius}\n                  ry={type === \"avatar\" ? 100 : borderRadius}\n                />\n              </ClipPath>\n            )}\n          </Defs>\n          <RectAnimation\n            x={interpolatedValue}\n            y=\"0%\"\n            width=\"400%\"\n            height=\"100%\"\n            fill=\"url(#gradient)\"\n            opacity={0.3}\n            clipPath={borderRadius > 0 ? \"url(#clip)\" : undefined} // 应用裁剪路径\n          />\n        </Svg>\n      </Animated.View>\n    )\n  );\n};\n\nSkeletonItem.defaultProps = SkeletonItemDefaultProps;\n\nexport default SkeletonItem;\n"],"names":["RectAnimation","Animated","createAnimatedComponent","Rect","SkeletonItem","props","_SkeletonItemDefaultP","_objectSpread","SkeletonItemDefaultProps","loading","type","animation","containerStyle","borderRadius","animValue","useRef","Value","current","themeColor","useThemeColor","styles","createStyles","useEffect","loop","timing","toValue","duration","easing","Easing","linear","useNativeDriver","start","interpolatedValue","interpolate","inputRange","outputRange","React","createElement","View","style","overflow","Svg","height","width","Defs","LinearGradient","id","x1","y1","x2","y2","Stop","offset","stopColor","color","Fill1","stopOpacity","ClipPath","x","y","rx","ry","fill","opacity","clipPath","defaultProps"],"mappings":"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"}
+{"version":3,"file":"SkeletonItem.js","sources":["../../../../../src/components/Skeleton/Item/SkeletonItem.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useMemo, useCallback } from \"react\";\nimport { View, Easing, Animated, Text } from \"react-native\";\nimport { RedsSkeletonItem, SkeletonItemDefaultProps } from \"./interface/index\";\nimport createStyles from \"./styles\";\nimport { useThemeColor } from \"../../ConfigProvider\";\nimport Svg, { Defs, LinearGradient, Stop, Rect, ClipPath } from \"react-native-svg\";\n\nconst RectAnimation = Animated.createAnimatedComponent(Rect);\n\nconst SkeletonItem = (props: RedsSkeletonItem) => {\n  const {\n    loading,\n    type,\n    animation,\n    containerStyle,\n    borderRadius, // 解构新属性\n  } = { ...SkeletonItemDefaultProps, ...props };\n\n  const animValue = useRef(new Animated.Value(0)).current;\n  const themeColor = useThemeColor();\n  const styles = createStyles(type);\n\n  useEffect(() => {\n    if (animation) {\n      Animated.loop(\n        Animated.timing(animValue, {\n          toValue: 1,\n          duration: 2000,\n          easing: Easing.linear,\n          useNativeDriver: false,\n        }),\n      ).start();\n    }\n  }, [animation]);\n\n  const interpolatedValue = animValue.interpolate({\n    inputRange: [0, 1],\n    outputRange: [\"-148%\", \"-8%\"],\n  });\n\n  return (\n    loading && (\n      <Animated.View\n        style={[\n          styles,\n          {\n            borderRadius: borderRadius, // 应用 borderRadius\n            overflow: \"hidden\", // 确保内容不会超出圆角边界\n          },\n          containerStyle,\n        ]}\n      >\n        <Svg height=\"100%\" width=\"100%\">\n          <Defs>\n            <LinearGradient id=\"gradient\" x1=\"0\" y1=\"0\" x2=\"100%\" y2=\"0%\">\n              <Stop offset=\"25%\" stopColor={props.color || themeColor.Fill1} stopOpacity={0.2} />\n              <Stop offset=\"28%\" stopColor={props.color || themeColor.Fill1} stopOpacity={0.15} />\n              <Stop offset=\"35%\" stopColor={props.color || themeColor.Fill1} stopOpacity={0.2} />\n            </LinearGradient>\n            {/* 如果需要 SVG 内容也遵循圆角，添加 ClipPath */}\n            {borderRadius > 0 && (\n              <ClipPath id=\"clip\">\n                <Rect\n                  x=\"0\"\n                  y=\"0\"\n                  width=\"100%\"\n                  height=\"100%\"\n                  rx={type === \"avatar\" ? 100 : borderRadius}\n                  ry={type === \"avatar\" ? 100 : borderRadius}\n                />\n              </ClipPath>\n            )}\n          </Defs>\n          <RectAnimation\n            x={interpolatedValue}\n            y=\"0%\"\n            width=\"400%\"\n            height=\"100%\"\n            fill=\"url(#gradient)\"\n            opacity={0.3}\n            clipPath={borderRadius > 0 ? \"url(#clip)\" : undefined} // 应用裁剪路径\n          />\n        </Svg>\n      </Animated.View>\n    )\n  );\n};\n\nSkeletonItem.defaultProps = SkeletonItemDefaultProps;\n\nexport default SkeletonItem;\n"],"names":["RectAnimation","Animated","createAnimatedComponent","Rect","SkeletonItem","props","_SkeletonItemDefaultP","_objectSpread","SkeletonItemDefaultProps","loading","type","animation","containerStyle","borderRadius","animValue","useRef","Value","current","themeColor","useThemeColor","styles","createStyles","useEffect","loop","timing","toValue","duration","easing","Easing","linear","useNativeDriver","start","interpolatedValue","interpolate","inputRange","outputRange","React","createElement","View","style","overflow","Svg","height","width","Defs","LinearGradient","id","x1","y1","x2","y2","Stop","offset","stopColor","color","Fill1","stopOpacity","ClipPath","x","y","rx","ry","fill","opacity","clipPath","defaultProps"],"mappings":"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"}

package/lib/cjs/components/Skeleton/Item/SkeletonItem69.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../../_chunks/nlVjgQi5.js');
+var _rollupPluginBabelHelpers = require('../../../_chunks/C9tZEm0t.js');
 var React = require('react');
 var components_Skeleton_Item_interface_index = require('../../../_chunks/EQWxZmIF.js');
 

package/lib/cjs/components/Skeleton/Skeleton.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../_chunks/nlVjgQi5.js');
+var _rollupPluginBabelHelpers = require('../../_chunks/C9tZEm0t.js');
 var React = require('react');
 var reactNative = require('react-native');
 var components_Skeleton_interface_index = require('../../_chunks/DC7LGH1r.js');
@@ -16,7 +16,7 @@ require('@xhsreds/reds-token-next');
 require('@xhs/reds-apm/src/index.native');
 require('../ConfigProvider/hooks/themeToken/useThemeToken.js');
 require('../ConfigProvider/hooks/ConfigContext/ConfigContext.js');
-require('@xhs/reds-components/libs/svg');
+require('react-native-svg');
 require('../../pvCount/pvData.js');
 
 var Skeleton = function Skeleton(props) {

package/lib/cjs/components/Skeleton/Skeleton69.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../_chunks/nlVjgQi5.js');
+var _rollupPluginBabelHelpers = require('../../_chunks/C9tZEm0t.js');
 var React = require('react');
 var components_Skeleton_interface_index = require('../../_chunks/DC7LGH1r.js');
 var pvCount_useUnmountedProcess = require('../../pvCount/useUnmountedProcess.js');

package/lib/cjs/components/Skeleton/index.js

@@ -9,7 +9,7 @@ var components_Skeleton_interface_index = require('../../_chunks/DC7LGH1r.js');
 var components_Skeleton_Item_SkeletonItem = require('./Item/SkeletonItem.js');
 var components_Skeleton_Item_SkeletonItem69 = require('./Item/SkeletonItem69.js');
 var components_Skeleton_Item_interface_index = require('../../_chunks/EQWxZmIF.js');
-require('../../_chunks/nlVjgQi5.js');
+require('../../_chunks/C9tZEm0t.js');
 require('react');
 require('./styles.js');
 require('../../pvCount/useUnmountedProcess.js');
@@ -20,7 +20,7 @@ require('../ConfigProvider/hooks/ConfigCache/ConfigCache.js');
 require('@xhsreds/reds-token-next');
 require('../ConfigProvider/hooks/themeToken/useThemeToken.js');
 require('../ConfigProvider/hooks/ConfigContext/ConfigContext.js');
-require('@xhs/reds-components/libs/svg');
+require('react-native-svg');
 
 var _Platform$constants, _Platform$constants2;
 var SkeletonComponent = ((_Platform$constants = reactNative.Platform.constants) === null || _Platform$constants === void 0 || (_Platform$constants = _Platform$constants.reactNativeVersion) === null || _Platform$constants === void 0 ? void 0 : _Platform$constants.minor) === 72 ? components_Skeleton_Skeleton.default : components_Skeleton_Skeleton69.default;

package/lib/cjs/components/Slider/Slider.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../_chunks/nlVjgQi5.js');
+var _rollupPluginBabelHelpers = require('../../_chunks/C9tZEm0t.js');
 var React = require('react');
 var reactNative = require('react-native');
 var components_Slider_interface_index = require('../../_chunks/BdE0p9tj.js');

package/lib/cjs/components/Slider/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var components_Slider_Slider = require('./Slider.js');
 var components_Slider_interface_index = require('../../_chunks/BdE0p9tj.js');
-require('../../_chunks/nlVjgQi5.js');
+require('../../_chunks/C9tZEm0t.js');
 require('react');
 require('react-native');
 require('../../pvCount/useUnmountedProcess.js');

package/lib/cjs/components/SlimAlert/Alert.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../_chunks/nlVjgQi5.js');
+var _rollupPluginBabelHelpers = require('../../_chunks/C9tZEm0t.js');
 var React = require('react');
 var reactNative = require('react-native');
 var components_SlimAlert_interface_index = require('../../_chunks/CBZ_1DUU.js');

package/lib/cjs/components/SlimAlert/AlertContent.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../_chunks/nlVjgQi5.js');
+var _rollupPluginBabelHelpers = require('../../_chunks/C9tZEm0t.js');
 var React = require('react');
 var reactNative = require('react-native');
 var components_SlimAlert_interface_index = require('../../_chunks/CBZ_1DUU.js');

package/lib/cjs/components/SlimAlert/AlertFooter.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../_chunks/nlVjgQi5.js');
+var _rollupPluginBabelHelpers = require('../../_chunks/C9tZEm0t.js');
 var React = require('react');
 var reactNative = require('react-native');
 var components_SlimAlert_interface_index = require('../../_chunks/CBZ_1DUU.js');

package/lib/cjs/components/SlimAlert/index.js

@@ -6,7 +6,7 @@ var components_SlimAlert_Alert = require('./Alert.js');
 var components_SlimAlert_AlertContent = require('./AlertContent.js');
 var components_SlimAlert_AlertFooter = require('./AlertFooter.js');
 var components_SlimAlert_interface_index = require('../../_chunks/CBZ_1DUU.js');
-require('../../_chunks/nlVjgQi5.js');
+require('../../_chunks/C9tZEm0t.js');
 require('react');
 require('react-native');
 require('../Portal/core/Portal.js');

package/lib/cjs/components/SlimAlert/styles.js

@@ -6,7 +6,7 @@ require('../ConfigProvider/hooks/ConfigCache/ConfigCache.js');
 require('react');
 require('@xhs/reds-apm/src/index.native');
 var components_ConfigProvider_hooks_themeToken_useThemeToken = require('../ConfigProvider/hooks/themeToken/useThemeToken.js');
-require('../../_chunks/nlVjgQi5.js');
+require('../../_chunks/C9tZEm0t.js');
 require('../ConfigProvider/hooks/ConfigContext/ConfigContext.js');
 
 var style = function style(props) {

package/lib/cjs/components/SlimNavigationBar/NavigationBar.js

@@ -15,7 +15,7 @@ require('@xhs/reds-apm/src/index.native');
 require('../../_chunks/jKrB8czP.js');
 require('../StatusBar/hook/useStatusBarHeight.js');
 require('../../pvCount/pvData.js');
-require('../../_chunks/nlVjgQi5.js');
+require('../../_chunks/C9tZEm0t.js');
 require('@xhsreds/reds-token-next');
 require('../ConfigProvider/hooks/ConfigContext/ConfigContext.js');
 

package/lib/cjs/components/SlimNavigationBar/NavigationBarAction.js

@@ -13,7 +13,7 @@ var components_ConfigProvider_hooks_themeToken_useThemeToken = require('../Confi
 require('@xhs/reds-apm/src/index.native');
 require('../../_chunks/NjAxlnfB.js');
 require('../../pvCount/pvData.js');
-require('../../_chunks/nlVjgQi5.js');
+require('../../_chunks/C9tZEm0t.js');
 require('@xhsreds/reds-token-next');
 require('../ConfigProvider/hooks/ConfigContext/ConfigContext.js');
 

package/lib/cjs/components/SlimNavigationBar/index.js

@@ -9,7 +9,7 @@ require('react');
 require('react-native');
 require('./styles.js');
 require('../ConfigProvider/hooks/ConfigCache/ConfigCache.js');
-require('../../_chunks/nlVjgQi5.js');
+require('../../_chunks/C9tZEm0t.js');
 require('@xhsreds/reds-token-next');
 require('@xhs/reds-apm/src/index.native');
 require('../ConfigProvider/hooks/themeToken/useThemeToken.js');

package/lib/cjs/components/SlimNavigationBar/styles.js

@@ -8,7 +8,7 @@ require('react');
 require('@xhs/reds-apm/src/index.native');
 var components_ConfigProvider_hooks_themeToken_useThemeToken = require('../ConfigProvider/hooks/themeToken/useThemeToken.js');
 var components_SlimNavigationBar_interface_index = require('../../_chunks/B50K-ItH.js');
-require('../../_chunks/nlVjgQi5.js');
+require('../../_chunks/C9tZEm0t.js');
 require('@xhsreds/reds-token-next');
 require('../ConfigProvider/hooks/ConfigContext/ConfigContext.js');
 

package/lib/cjs/components/SlimSheets/AnimatedSheets.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../_chunks/nlVjgQi5.js');
+var _rollupPluginBabelHelpers = require('../../_chunks/C9tZEm0t.js');
 var React = require('react');
 var redsTokenNext = require('@xhsreds/reds-token-next');
 var reactNative = require('react-native');

package/lib/cjs/components/SlimSheets/AnimatedSheetsAction.js

@@ -11,7 +11,7 @@ var pvCount_useUnmountedProcess = require('../../pvCount/useUnmountedProcess.js'
 require('../LanguageProvider/LanguageProvider.js');
 var components_LanguageProvider_hooks_useLanguage = require('../LanguageProvider/hooks/useLanguage.js');
 require('@xhsreds/reds-token-next');
-require('../../_chunks/nlVjgQi5.js');
+require('../../_chunks/C9tZEm0t.js');
 require('../../_chunks/DJ6i78mM.js');
 require('../Button/styleMap.js');
 require('../ConfigProvider/hooks/ConfigCache/ConfigCache.js');

package/lib/cjs/components/SlimSheets/AnimatedSheetsHeader.js

@@ -14,7 +14,7 @@ var components_Icon_Icon = require('../Icon/Icon.js');
 var components_Icon_interface_index = require('../../_chunks/NjAxlnfB.js');
 require('../LanguageProvider/LanguageProvider.js');
 var components_LanguageProvider_hooks_useLanguage = require('../LanguageProvider/hooks/useLanguage.js');
-require('../../_chunks/nlVjgQi5.js');
+require('../../_chunks/C9tZEm0t.js');
 require('@xhsreds/reds-token-next');
 require('@xhs/reds-apm/src/index.native');
 require('../../pvCount/pvData.js');

package/lib/cjs/components/SlimSheets/DragAnimatedSheets.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../_chunks/nlVjgQi5.js');
+var _rollupPluginBabelHelpers = require('../../_chunks/C9tZEm0t.js');
 var React = require('react');
 var redsTokenNext = require('@xhsreds/reds-token-next');
 var reactNative = require('react-native');

package/lib/cjs/components/SlimSheets/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var components_SlimSheets_AnimatedSheets = require('./AnimatedSheets.js');
 var components_SlimSheets_DragAnimatedSheets = require('./DragAnimatedSheets.js');
 var components_SlimSheets_interface_index = require('../../_chunks/51VAQnM0.js');
-require('../../_chunks/nlVjgQi5.js');
+require('../../_chunks/C9tZEm0t.js');
 require('react');
 require('@xhsreds/reds-token-next');
 require('react-native');

package/lib/cjs/components/SlimTabs/BadgeSlimTabItem.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../_chunks/nlVjgQi5.js');
+var _rollupPluginBabelHelpers = require('../../_chunks/C9tZEm0t.js');
 var React = require('react');
 var reactNative = require('react-native');
 var components_Badge_Badge = require('../Badge/Badge.js');

package/lib/cjs/components/SlimTabs/SlimTab.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../_chunks/nlVjgQi5.js');
+var _rollupPluginBabelHelpers = require('../../_chunks/C9tZEm0t.js');
 var React = require('react');
 var reactNative = require('react-native');
 var components_SlimTabs_styles = require('./styles.js');

package/lib/cjs/components/SlimTabs/SlimTabItem.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../_chunks/nlVjgQi5.js');
+var _rollupPluginBabelHelpers = require('../../_chunks/C9tZEm0t.js');
 var React = require('react');
 var reactNative = require('react-native');
 

package/lib/cjs/components/SlimTabs/SlimTabItemLabel.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../_chunks/nlVjgQi5.js');
+var _rollupPluginBabelHelpers = require('../../_chunks/C9tZEm0t.js');
 var React = require('react');
 var reactNative = require('react-native');
 var components_SlimTabs_interface_index = require('../../_chunks/EULfLab4.js');

package/lib/cjs/components/SlimTabs/SlimTabItemValue.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../_chunks/nlVjgQi5.js');
+var _rollupPluginBabelHelpers = require('../../_chunks/C9tZEm0t.js');
 var React = require('react');
 var reactNative = require('react-native');
 var components_SlimTabs_interface_index = require('../../_chunks/EULfLab4.js');

package/lib/cjs/components/SlimTabs/SlimTabList.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../_chunks/nlVjgQi5.js');
+var _rollupPluginBabelHelpers = require('../../_chunks/C9tZEm0t.js');
 var React = require('react');
 var reactNative = require('react-native');
 var components_SlimTabs_interface_index = require('../../_chunks/EULfLab4.js');

package/lib/cjs/components/SlimTabs/index.js

@@ -11,7 +11,7 @@ var components_SlimTabs_BadgeSlimTabItem = require('./BadgeSlimTabItem.js');
 var components_SlimTabs_SlimTabList = require('./SlimTabList.js');
 var components_SlimTabs_SlimTabContent = require('./SlimTabContent.js');
 var components_SlimTabs_interface_index = require('../../_chunks/EULfLab4.js');
-require('../../_chunks/nlVjgQi5.js');
+require('../../_chunks/C9tZEm0t.js');
 require('react');
 require('react-native');
 require('./styles.js');

package/lib/cjs/components/SlimTabs/styles.js

@@ -5,7 +5,7 @@ require('../ConfigProvider/hooks/ConfigCache/ConfigCache.js');
 require('react');
 require('@xhs/reds-apm/src/index.native');
 var components_ConfigProvider_hooks_themeToken_useThemeToken = require('../ConfigProvider/hooks/themeToken/useThemeToken.js');
-require('../../_chunks/nlVjgQi5.js');
+require('../../_chunks/C9tZEm0t.js');
 require('@xhsreds/reds-token-next');
 require('../ConfigProvider/hooks/ConfigContext/ConfigContext.js');
 

package/lib/cjs/components/SnackBar/SnackBar.js

@@ -13,7 +13,7 @@ require('../LanguageProvider/LanguageProvider.js');
 var components_LanguageProvider_hooks_useLanguage = require('../LanguageProvider/hooks/useLanguage.js');
 require('@xhsreds/reds-token-next');
 require('../ConfigProvider/hooks/ConfigCache/ConfigCache.js');
-require('../../_chunks/nlVjgQi5.js');
+require('../../_chunks/C9tZEm0t.js');
 require('@xhs/reds-apm/src/index.native');
 require('../ConfigProvider/hooks/themeToken/useThemeToken.js');
 require('../ConfigProvider/hooks/ConfigContext/ConfigContext.js');

package/lib/cjs/components/SnackBar/index.js

@@ -9,7 +9,7 @@ require('react-native');
 require('./styles.js');
 require('@xhsreds/reds-token-next');
 require('../ConfigProvider/hooks/ConfigCache/ConfigCache.js');
-require('../../_chunks/nlVjgQi5.js');
+require('../../_chunks/C9tZEm0t.js');
 require('@xhs/reds-apm/src/index.native');
 require('../ConfigProvider/hooks/themeToken/useThemeToken.js');
 require('../ConfigProvider/hooks/ConfigContext/ConfigContext.js');

package/lib/cjs/components/SnackBar/styles.js

@@ -8,7 +8,7 @@ require('../ConfigProvider/hooks/ConfigCache/ConfigCache.js');
 require('react');
 require('@xhs/reds-apm/src/index.native');
 var components_ConfigProvider_hooks_themeToken_useThemeToken = require('../ConfigProvider/hooks/themeToken/useThemeToken.js');
-require('../../_chunks/nlVjgQi5.js');
+require('../../_chunks/C9tZEm0t.js');
 require('../ConfigProvider/hooks/ConfigContext/ConfigContext.js');
 
 var createStyles = function createStyles() {

package/lib/cjs/components/Stepper/Stepper.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../_chunks/nlVjgQi5.js');
+var _rollupPluginBabelHelpers = require('../../_chunks/C9tZEm0t.js');
 var React = require('react');
 var reactNative = require('react-native');
 var components_Stepper_interface_index = require('../../_chunks/hA3qoGpS.js');
@@ -80,7 +80,7 @@ var Stepper = function Stepper(props) {
     }
   }, [colorMode]);
   return /* @__PURE__ */React.createElement(reactNative.View, {
-    style: styles.container
+    style: [styles.container, props.style]
   }, /* @__PURE__ */React.createElement(reactNative.TouchableWithoutFeedback, {
     onPress: function onPress() {
       return handleNumber("min");

package/lib/cjs/components/Stepper/Stepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.js","sources":["../../../../src/components/Stepper/Stepper.tsx"],"sourcesContent":["import React, { useState, useEffect, useMemo } from \"react\";\nimport { View, TouchableWithoutFeedback, Text, Image } from \"react-native\";\nimport { RedsStepper, StepperDefaultProps } from \"./interface/index\";\nimport { getStyles } from \"./styles\";\nimport { useThemeColor, useThemeTypography, useColorMode } from \"../ConfigProvider\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\n\nconst Stepper = (props: RedsStepper) => {\n  useMounted(\"Stepper\");\n  const themeColor = useThemeColor();\n\n  const colorMode = useColorMode();\n\n  const typography = useThemeTypography(\"Stepper\");\n\n  const [_value, setValue] = useState(0);\n\n  const styles = getStyles(themeColor, typography);\n\n  const minus = useMemo(() => {\n    if (props.disable || (props.min !== undefined && props.min >= _value!)) {\n      return getStyles(themeColor, typography).opacity;\n    } else {\n      return {};\n    }\n  }, [props.disable, props.max, _value]);\n\n  const add = useMemo(() => {\n    if (props.disable || (props.max !== undefined && props.max <= _value!)) {\n      return styles.opacity;\n    } else {\n      return {};\n    }\n  }, [props.disable, props.max, _value]);\n\n  const handleNumber = (type: string) => {\n    if (props.disable) return;\n    let newValue = 0;\n    if (type === \"min\") {\n      if (props.min && props.min >= _value! - 1) {\n        newValue = props.min;\n      } else {\n        newValue = _value! - 1;\n      }\n    } else {\n      if (props.max && props.max <= _value! + 1) {\n        newValue = props.max;\n      } else {\n        newValue = _value! + 1;\n      }\n    }\n    setValue(newValue);\n    props?.onChange?.(newValue);\n  };\n\n  useEffect(() => {\n    setValue((oldValue: any) => {\n      return props.isControl\n        ? props.value! >= props.min! && props.value! <= props.max!\n          ? props.value!\n          : props.value! < props.min!\n            ? props.min!\n            : props.value! > props.max!\n              ? props.max!\n              : props.value!\n        : oldValue;\n    });\n  }, [props.value, props.max, props.min]);\n\n  const minusImage = useMemo(() => {\n    if (colorMode === \"light\") {\n      return \"https://fe-platform.xhscdn.com/platform/104101l031hcivputjq06d5494g900000000001jjq1j8a\";\n    } else {\n      return \"https://fe-platform.xhscdn.com/platform/104101l031lfjqfuo5o76d5494g900000000001lo4n564\";\n    }\n  }, [colorMode]);\n\n  const addImage = useMemo(() => {\n    if (colorMode === \"light\") {\n      return \"https://fe-platform.xhscdn.com/platform/104101l031hcivo9hjs06d5494g900000000001igfsdhk\";\n    } else {\n      return \"https://fe-platform.xhscdn.com/platform/104101l031lfjqilq5m06d5494g900000000001n1dkns2\";\n    }\n  }, [colorMode]);\n\n  return (\n    <View style={styles.container}>\n      <TouchableWithoutFeedback onPress={() => handleNumber(\"min\")}>\n        <View style={[styles.icon, minus]}>\n          <Image source={{ uri: minusImage }} style={[styles.minus]} />\n        </View>\n      </TouchableWithoutFeedback>\n      <Text style={[styles.text, props.disable && styles.opacity]}>{_value}</Text>\n      <TouchableWithoutFeedback onPress={() => handleNumber(\"add\")}>\n        <View style={[styles.icon, add]}>\n          <Image source={{ uri: addImage }} style={[styles.add]} />\n        </View>\n      </TouchableWithoutFeedback>\n    </View>\n  );\n};\n\nStepper.defaultProps = StepperDefaultProps;\n\nexport default Stepper;\n"],"names":["Stepper","props","useMounted","themeColor","useThemeColor","colorMode","useColorMode","typography","useThemeTypography","_useState","useState","_useState2","_slicedToArray","_value","setValue","styles","getStyles","minus","useMemo","disable","min","opacity","max","add","handleNumber","type","_props$onChange","newValue","onChange","call","useEffect","oldValue","isControl","value","minusImage","addImage","View","style","container","TouchableWithoutFeedback","onPress","React","createElement","icon","Image","source","uri","Text","text","defaultProps","StepperDefaultProps"],"mappings":"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"}
+{"version":3,"file":"Stepper.js","sources":["../../../../src/components/Stepper/Stepper.tsx"],"sourcesContent":["import React, { useState, useEffect, useMemo } from \"react\";\nimport { View, TouchableWithoutFeedback, Text, Image } from \"react-native\";\nimport { RedsStepper, StepperDefaultProps } from \"./interface/index\";\nimport { getStyles } from \"./styles\";\nimport { useThemeColor, useThemeTypography, useColorMode } from \"../ConfigProvider\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\n\nconst Stepper = (props: RedsStepper) => {\n  useMounted(\"Stepper\");\n  const themeColor = useThemeColor();\n\n  const colorMode = useColorMode();\n\n  const typography = useThemeTypography(\"Stepper\");\n\n  const [_value, setValue] = useState(0);\n\n  const styles = getStyles(themeColor, typography);\n\n  const minus = useMemo(() => {\n    if (props.disable || (props.min !== undefined && props.min >= _value!)) {\n      return getStyles(themeColor, typography).opacity;\n    } else {\n      return {};\n    }\n  }, [props.disable, props.max, _value]);\n\n  const add = useMemo(() => {\n    if (props.disable || (props.max !== undefined && props.max <= _value!)) {\n      return styles.opacity;\n    } else {\n      return {};\n    }\n  }, [props.disable, props.max, _value]);\n\n  const handleNumber = (type: string) => {\n    if (props.disable) return;\n    let newValue = 0;\n    if (type === \"min\") {\n      if (props.min && props.min >= _value! - 1) {\n        newValue = props.min;\n      } else {\n        newValue = _value! - 1;\n      }\n    } else {\n      if (props.max && props.max <= _value! + 1) {\n        newValue = props.max;\n      } else {\n        newValue = _value! + 1;\n      }\n    }\n    setValue(newValue);\n    props?.onChange?.(newValue);\n  };\n\n  useEffect(() => {\n    setValue((oldValue: any) => {\n      return props.isControl\n        ? props.value! >= props.min! && props.value! <= props.max!\n          ? props.value!\n          : props.value! < props.min!\n            ? props.min!\n            : props.value! > props.max!\n              ? props.max!\n              : props.value!\n        : oldValue;\n    });\n  }, [props.value, props.max, props.min]);\n\n  const minusImage = useMemo(() => {\n    if (colorMode === \"light\") {\n      return \"https://fe-platform.xhscdn.com/platform/104101l031hcivputjq06d5494g900000000001jjq1j8a\";\n    } else {\n      return \"https://fe-platform.xhscdn.com/platform/104101l031lfjqfuo5o76d5494g900000000001lo4n564\";\n    }\n  }, [colorMode]);\n\n  const addImage = useMemo(() => {\n    if (colorMode === \"light\") {\n      return \"https://fe-platform.xhscdn.com/platform/104101l031hcivo9hjs06d5494g900000000001igfsdhk\";\n    } else {\n      return \"https://fe-platform.xhscdn.com/platform/104101l031lfjqilq5m06d5494g900000000001n1dkns2\";\n    }\n  }, [colorMode]);\n\n  return (\n    <View style={[styles.container, props.style]}>\n      <TouchableWithoutFeedback onPress={() => handleNumber(\"min\")}>\n        <View style={[styles.icon, minus]}>\n          <Image source={{ uri: minusImage }} style={[styles.minus]} />\n        </View>\n      </TouchableWithoutFeedback>\n      <Text style={[styles.text, props.disable && styles.opacity]}>{_value}</Text>\n      <TouchableWithoutFeedback onPress={() => handleNumber(\"add\")}>\n        <View style={[styles.icon, add]}>\n          <Image source={{ uri: addImage }} style={[styles.add]} />\n        </View>\n      </TouchableWithoutFeedback>\n    </View>\n  );\n};\n\nStepper.defaultProps = StepperDefaultProps;\n\nexport default Stepper;\n"],"names":["Stepper","props","useMounted","themeColor","useThemeColor","colorMode","useColorMode","typography","useThemeTypography","_useState","useState","_useState2","_slicedToArray","_value","setValue","styles","getStyles","minus","useMemo","disable","min","opacity","max","add","handleNumber","type","_props$onChange","newValue","onChange","call","useEffect","oldValue","isControl","value","minusImage","addImage","View","style","container","React","createElement","TouchableWithoutFeedback","onPress","icon","Image","source","uri","Text","text","defaultProps","StepperDefaultProps"],"mappings":"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"}

package/lib/cjs/components/Stepper/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var components_Stepper_Stepper = require('./Stepper.js');
 var components_Stepper_interface_index = require('../../_chunks/hA3qoGpS.js');
-require('../../_chunks/nlVjgQi5.js');
+require('../../_chunks/C9tZEm0t.js');
 require('react');
 require('react-native');
 require('./styles.js');

package/lib/cjs/components/Stepper/styles.js

@@ -8,7 +8,8 @@ var getStyles = function getStyles(themeColor, typography) {
       display: "flex",
       flexDirection: "row",
       alignItems: "center",
-      justifyContent: "center"
+      justifyContent: "space-between",
+      width: 72
     },
     opacity: {
       opacity: 0.5
@@ -24,7 +25,6 @@ var getStyles = function getStyles(themeColor, typography) {
       lineHeight: 20
     },
     text: {
-      paddingHorizontal: 8,
       fontWeight: typography.B1LooseFontWeight,
       fontSize: typography.T3FontSize,
       color: themeColor.Title