@xhsreds/reds-rn-next 0.2.7 → 0.2.8

package/lib/esm/components/Image/Image69.js

@@ -1,7 +1,7 @@
-import { f as _objectWithoutProperties, _ as _slicedToArray, b as _objectSpread2 } from '../../_chunks/BcioiUBf.js';
-import React__default, { memo, forwardRef, useState } from 'react';
+import { f as _objectWithoutProperties, _ as _slicedToArray, b as _objectSpread2 } from '../../_chunks/Rk1G_m0d.js';
+import React, { memo, useState } from 'react';
 import { View, Image as Image$1, TouchableOpacity } from 'react-native';
-import { a as ImageDefaultProps, I as IMAGE_STATUS, T as TLoadStyle, b as TErrorStyle } from '../../_chunks/CD0gpzW5.js';
+import { I as IMAGE_STATUS, T as TLoadStyle, a as ImageDefaultProps, b as TErrorStyle } from '../../_chunks/CD0gpzW5.js';
 import styles from './styles.js';
 import { useImage } from './hook/index.js';
 import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
@@ -19,7 +19,7 @@ var imageError = {
   light: "https://picasso-static.xiaohongshu.com/fe-platform/76fee5bba4ce3bbf3e9ff5fe1935b737bb27625a.png",
   dark: "https://picasso-static.xiaohongshu.com/fe-platform/7d8debb5e2c3a1f37299a292342b77d479be6f28.png"
 };
-var Image = /*#__PURE__*/forwardRef(function (_ref, ref) {
+var Image = function Image(_ref) {
   var src = _ref.src,
     _source = _ref.source,
     width = _ref.width,
@@ -75,14 +75,13 @@ var Image = /*#__PURE__*/forwardRef(function (_ref, ref) {
     });
   };
   var colorMode = useColorMode();
-  return /* @__PURE__ */React__default.createElement(View, {
+  return /* @__PURE__ */React.createElement(View, {
     style: _objectSpread2({
       borderRadius: borderRadius,
       height: height,
       width: width
-    }, style),
-    ref: ref
-  }, imageStatus !== IMAGE_STATUS.HIDE && /* @__PURE__ */React__default.createElement(Image$1, _objectSpread2(_objectSpread2({}, props), {}, {
+    }, style)
+  }, imageStatus !== IMAGE_STATUS.HIDE && /* @__PURE__ */React.createElement(Image$1, _objectSpread2(_objectSpread2({}, props), {}, {
     source: source,
     onLoad: onLoad,
     onProgress: onProgress,
@@ -93,7 +92,7 @@ var Image = /*#__PURE__*/forwardRef(function (_ref, ref) {
       borderRadius: borderRadius,
       opacity: imageStatus === IMAGE_STATUS.LOADED ? 1 : 0
     }
-  })), imageStatus === IMAGE_STATUS.LOADING && /* @__PURE__ */React__default.createElement(View, {
+  })), imageStatus === IMAGE_STATUS.LOADING && /* @__PURE__ */React.createElement(View, {
     style: _objectSpread2(_objectSpread2({
       width: width,
       height: height,
@@ -101,14 +100,14 @@ var Image = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }, styles.loadingContainer), {}, {
       backgroundColor: loadStyle === TLoadStyle.AVE ? aveColor : styles.loadingContainer.backgroundColor
     })
-  }, loadStyle === TLoadStyle.BLUR && /* @__PURE__ */React__default.createElement(Image$1, {
+  }, loadStyle === TLoadStyle.BLUR && /* @__PURE__ */React.createElement(Image$1, {
     source: blurSource,
     style: {
       width: width,
       height: height,
       borderRadius: borderRadius
     }
-  }), loadStyle === TLoadStyle.LOADING && /* @__PURE__ */React__default.createElement(React__default.Fragment, null)), (imageStatus === IMAGE_STATUS.LOADERROR || imageStatus === IMAGE_STATUS.RELOAD) && /* @__PURE__ */React__default.createElement(TouchableOpacity, {
+  }), loadStyle === TLoadStyle.LOADING && /* @__PURE__ */React.createElement(React.Fragment, null)), (imageStatus === IMAGE_STATUS.LOADERROR || imageStatus === IMAGE_STATUS.RELOAD) && /* @__PURE__ */React.createElement(TouchableOpacity, {
     activeOpacity: 1,
     onPress: function onPress(e) {
       onReload(e);
@@ -118,7 +117,7 @@ var Image = /*#__PURE__*/forwardRef(function (_ref, ref) {
       height: height,
       borderRadius: borderRadius
     }, styles.loadingContainer)
-  }, /* @__PURE__ */React__default.createElement(Image$1, {
+  }, /* @__PURE__ */React.createElement(Image$1, {
     style: {
       width: 40,
       height: 40
@@ -127,7 +126,7 @@ var Image = /*#__PURE__*/forwardRef(function (_ref, ref) {
       uri: imageStatus === IMAGE_STATUS.RELOAD ? imageReLoad[colorMode] : imageError[colorMode]
     }
   })));
-});
+};
 Image.defaultProps = ImageDefaultProps;
 var Image69 = /*#__PURE__*/memo(Image);
 

package/lib/esm/components/Image/Image69.js.map

@@ -1 +1 @@
-{"version":3,"file":"Image69.js","sources":["../../../../src/components/Image/Image69.tsx"],"sourcesContent":["import React, { useState, forwardRef, memo, ForwardRefRenderFunction, useEffect } from \"react\";\nimport {\n  View,\n  Image as RNImage,\n  GestureResponderEvent,\n  ImageProps,\n  TouchableOpacity,\n  ImageLoadEventData,\n  NativeSyntheticEvent,\n  ImageErrorEventData,\n  ImageProgressEventDataIOS,\n} from \"react-native\";\nimport { RedsImage, ImageDefaultProps, IMAGE_STATUS, TErrorStyle, TLoadStyle } from \"./interface/index\";\nimport styles from \"./styles\";\nimport { useImage } from \"./hook\";\nimport CircularProgress from \"./CircularProgress\";\nimport { useColorMode } from \"../ConfigProvider\";\n\nconst imageReLoad = {\n  light: \"https://picasso-static.xiaohongshu.com/fe-platform/06ae169b310c2926e541903b828486a80fcac404.png\",\n  dark: \"https://picasso-static.xiaohongshu.com/fe-platform/4f9bfbf2358aa970f1ec3dbf4ba5ff9355b7a41e.png\",\n};\n\nconst imageError = {\n  light: \"https://picasso-static.xiaohongshu.com/fe-platform/76fee5bba4ce3bbf3e9ff5fe1935b737bb27625a.png\",\n  dark: \"https://picasso-static.xiaohongshu.com/fe-platform/7d8debb5e2c3a1f37299a292342b77d479be6f28.png\",\n};\n\nconst Image = forwardRef<RNImage, RedsImage & Omit<ImageProps, keyof RedsImage>>(\n  ({ src, source: _source, width, height, borderRadius, errorStyle, loadStyle, style, ...props }, ref) => {\n    const [imageStatus, setImageStatus] = useState(IMAGE_STATUS.LOADING);\n    const [progress, setProgress] = useState(0);\n\n    const { source, aveColor, blurSource } = useImage({\n      src,\n      source: _source,\n      errorStyle,\n      loadStyle,\n    });\n\n    const onProgress = (e: NativeSyntheticEvent<ImageProgressEventDataIOS>) => {\n      const {\n        nativeEvent: { total, loaded },\n      } = e;\n      if (total) {\n        setProgress(((loaded / total) * 100) | 0);\n      }\n      props.onProgress?.(e);\n    };\n    const onLoad = (e: NativeSyntheticEvent<ImageLoadEventData>) => {\n      props.onLoad?.(e);\n      setImageStatus(IMAGE_STATUS.LOADED);\n    };\n    const onError = (e: NativeSyntheticEvent<ImageErrorEventData>) => {\n      props.onError?.(e);\n      setImageStatus(errorStyle === TErrorStyle.ERROR ? IMAGE_STATUS.LOADERROR : IMAGE_STATUS.RELOAD);\n    };\n    const onReload = (e: GestureResponderEvent) => {\n      setImageStatus(IMAGE_STATUS.HIDE);\n      props.onReload?.(e);\n      setTimeout(() => {\n        setImageStatus(IMAGE_STATUS.LOADING);\n      });\n    };\n\n    const colorMode = useColorMode();\n\n    return (\n      <View style={{ borderRadius, height, width, ...(style as {}) }} ref={ref}>\n        {imageStatus !== IMAGE_STATUS.HIDE && (\n          <RNImage\n            {...props}\n            source={source}\n            onLoad={onLoad}\n            onProgress={onProgress}\n            onError={onError}\n            style={{\n              width,\n              height,\n              borderRadius,\n              opacity: imageStatus === IMAGE_STATUS.LOADED ? 1 : 0,\n            }}\n          ></RNImage>\n        )}\n        {imageStatus === IMAGE_STATUS.LOADING && (\n          <View\n            style={{\n              width,\n              height,\n              borderRadius,\n              ...styles.loadingContainer,\n              backgroundColor: loadStyle === TLoadStyle.AVE ? aveColor : styles.loadingContainer.backgroundColor,\n            }}\n          >\n            {loadStyle === TLoadStyle.BLUR && (\n              <RNImage\n                source={blurSource}\n                style={{\n                  width,\n                  height,\n                  borderRadius,\n                }}\n              ></RNImage>\n            )}\n            {loadStyle === TLoadStyle.LOADING && <></>}\n          </View>\n        )}\n        {(imageStatus === IMAGE_STATUS.LOADERROR || imageStatus === IMAGE_STATUS.RELOAD) && (\n          <TouchableOpacity\n            activeOpacity={1}\n            onPress={(e) => {\n              onReload(e);\n            }}\n            style={{ width, height, borderRadius, ...styles.loadingContainer }}\n          >\n            <RNImage\n              style={{ width: 40, height: 40 }}\n              source={{\n                uri: imageStatus === IMAGE_STATUS.RELOAD ? imageReLoad[colorMode] : imageError[colorMode],\n              }}\n            />\n          </TouchableOpacity>\n        )}\n      </View>\n    );\n  },\n);\n\nImage.defaultProps = ImageDefaultProps;\n\nexport default memo(Image);\n"],"names":["imageReLoad","light","dark","imageError","Image","forwardRef","_ref","ref","src","_source","source","width","height","borderRadius","errorStyle","loadStyle","style","props","_objectWithoutProperties","_excluded","_useState","useState","IMAGE_STATUS","LOADING","_useState2","_slicedToArray","imageStatus","setImageStatus","_useState3","_useState4","progress","setProgress","_useImage","useImage","aveColor","blurSource","onProgress","e","_props$onProgress","_e$nativeEvent","nativeEvent","total","loaded","call","onLoad","_props$onLoad","LOADED","onError","_props$onError","TErrorStyle","ERROR","LOADERROR","RELOAD","onReload","_props$onReload","HIDE","setTimeout","colorMode","useColorMode","React","createElement","View","_objectSpread","RNImage","opacity","styles","loadingContainer","backgroundColor","TLoadStyle","AVE","BLUR","Fragment","TouchableOpacity","activeOpacity","onPress","uri","defaultProps","ImageDefaultProps","memo"],"mappings":"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"}
+{"version":3,"file":"Image69.js","sources":["../../../../src/components/Image/Image69.tsx"],"sourcesContent":["import React, { useState, memo } from \"react\";\nimport {\n  View,\n  Image as RNImage,\n  GestureResponderEvent,\n  ImageProps,\n  TouchableOpacity,\n  ImageLoadEventData,\n  NativeSyntheticEvent,\n  ImageErrorEventData,\n  ImageProgressEventDataIOS,\n} from \"react-native\";\nimport { RedsImage, ImageDefaultProps, IMAGE_STATUS, TErrorStyle, TLoadStyle } from \"./interface/index\";\nimport styles from \"./styles\";\nimport { useImage } from \"./hook\";\nimport CircularProgress from \"./CircularProgress\";\nimport { useColorMode } from \"../ConfigProvider\";\n\nconst imageReLoad = {\n  light: \"https://picasso-static.xiaohongshu.com/fe-platform/06ae169b310c2926e541903b828486a80fcac404.png\",\n  dark: \"https://picasso-static.xiaohongshu.com/fe-platform/4f9bfbf2358aa970f1ec3dbf4ba5ff9355b7a41e.png\",\n};\n\nconst imageError = {\n  light: \"https://picasso-static.xiaohongshu.com/fe-platform/76fee5bba4ce3bbf3e9ff5fe1935b737bb27625a.png\",\n  dark: \"https://picasso-static.xiaohongshu.com/fe-platform/7d8debb5e2c3a1f37299a292342b77d479be6f28.png\",\n};\n\nconst Image = ({\n  src,\n  source: _source,\n  width,\n  height,\n  borderRadius,\n  errorStyle,\n  loadStyle,\n  style,\n  ...props\n}: RedsImage & Omit<ImageProps, keyof RedsImage>) => {\n  const [imageStatus, setImageStatus] = useState(IMAGE_STATUS.LOADING);\n  const [progress, setProgress] = useState(0);\n\n  const { source, aveColor, blurSource } = useImage({\n    src,\n    source: _source,\n    errorStyle,\n    loadStyle,\n  });\n\n  const onProgress = (e: NativeSyntheticEvent<ImageProgressEventDataIOS>) => {\n    const {\n      nativeEvent: { total, loaded },\n    } = e;\n    if (total) {\n      setProgress(((loaded / total) * 100) | 0);\n    }\n    props.onProgress?.(e);\n  };\n  const onLoad = (e: NativeSyntheticEvent<ImageLoadEventData>) => {\n    props.onLoad?.(e);\n    setImageStatus(IMAGE_STATUS.LOADED);\n  };\n  const onError = (e: NativeSyntheticEvent<ImageErrorEventData>) => {\n    props.onError?.(e);\n    setImageStatus(errorStyle === TErrorStyle.ERROR ? IMAGE_STATUS.LOADERROR : IMAGE_STATUS.RELOAD);\n  };\n  const onReload = (e: GestureResponderEvent) => {\n    setImageStatus(IMAGE_STATUS.HIDE);\n    props.onReload?.(e);\n    setTimeout(() => {\n      setImageStatus(IMAGE_STATUS.LOADING);\n    });\n  };\n\n  const colorMode = useColorMode();\n\n  return (\n    <View style={{ borderRadius, height, width, ...(style as {}) }}>\n      {imageStatus !== IMAGE_STATUS.HIDE && (\n        <RNImage\n          {...props}\n          source={source}\n          onLoad={onLoad}\n          onProgress={onProgress}\n          onError={onError}\n          style={{\n            width,\n            height,\n            borderRadius,\n            opacity: imageStatus === IMAGE_STATUS.LOADED ? 1 : 0,\n          }}\n        ></RNImage>\n      )}\n      {imageStatus === IMAGE_STATUS.LOADING && (\n        <View\n          style={{\n            width,\n            height,\n            borderRadius,\n            ...styles.loadingContainer,\n            backgroundColor: loadStyle === TLoadStyle.AVE ? aveColor : styles.loadingContainer.backgroundColor,\n          }}\n        >\n          {loadStyle === TLoadStyle.BLUR && (\n            <RNImage\n              source={blurSource}\n              style={{\n                width,\n                height,\n                borderRadius,\n              }}\n            ></RNImage>\n          )}\n          {loadStyle === TLoadStyle.LOADING && <></>}\n        </View>\n      )}\n      {(imageStatus === IMAGE_STATUS.LOADERROR || imageStatus === IMAGE_STATUS.RELOAD) && (\n        <TouchableOpacity\n          activeOpacity={1}\n          onPress={(e) => {\n            onReload(e);\n          }}\n          style={{ width, height, borderRadius, ...styles.loadingContainer }}\n        >\n          <RNImage\n            style={{ width: 40, height: 40 }}\n            source={{\n              uri: imageStatus === IMAGE_STATUS.RELOAD ? imageReLoad[colorMode] : imageError[colorMode],\n            }}\n          />\n        </TouchableOpacity>\n      )}\n    </View>\n  );\n};\n\nImage.defaultProps = ImageDefaultProps;\n\nexport default memo(Image);\n"],"names":["imageReLoad","light","dark","imageError","Image","src","_ref","_source","source","width","height","borderRadius","errorStyle","loadStyle","style","props","_objectWithoutProperties","_excluded","_useState","useState","IMAGE_STATUS","LOADING","_useState2","_slicedToArray","imageStatus","setImageStatus","_useState3","_useState4","progress","setProgress","_useImage","useImage","aveColor","blurSource","onProgress","e","_props$onProgress","_e$nativeEvent","nativeEvent","total","loaded","call","onLoad","_props$onLoad","LOADED","onError","_props$onError","TErrorStyle","ERROR","LOADERROR","RELOAD","onReload","_props$onReload","HIDE","setTimeout","colorMode","useColorMode","React","createElement","View","_objectSpread","RNImage","opacity","styles","loadingContainer","backgroundColor","TLoadStyle","AVE","BLUR","Fragment","TouchableOpacity","activeOpacity","onPress","uri","defaultProps","ImageDefaultProps","memo"],"mappings":"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"}

package/lib/esm/components/Image/hook/index.js

@@ -1,4 +1,4 @@
-import { _ as _slicedToArray, c as _asyncToGenerator, d as _regeneratorRuntime } from '../../../_chunks/BcioiUBf.js';
+import { _ as _slicedToArray, c as _asyncToGenerator, d as _regeneratorRuntime } from '../../../_chunks/Rk1G_m0d.js';
 import { useState, useEffect, useMemo } from 'react';
 import { T as TLoadStyle } from '../../../_chunks/CD0gpzW5.js';
 import { lightColor } from '@xhsreds/reds-token-next';

package/lib/esm/components/Image/index.js

@@ -1,7 +1,7 @@
-import { f as _objectWithoutProperties, _ as _slicedToArray, b as _objectSpread2 } from '../../_chunks/BcioiUBf.js';
-import React__default, { memo, forwardRef, useState } from 'react';
+import { f as _objectWithoutProperties, _ as _slicedToArray, b as _objectSpread2 } from '../../_chunks/Rk1G_m0d.js';
+import React, { memo, useState } from 'react';
 import { View, Image as Image$1, TouchableOpacity } from 'react-native';
-import { a as ImageDefaultProps, I as IMAGE_STATUS, T as TLoadStyle, b as TErrorStyle } from '../../_chunks/CD0gpzW5.js';
+import { I as IMAGE_STATUS, T as TLoadStyle, a as ImageDefaultProps, b as TErrorStyle } from '../../_chunks/CD0gpzW5.js';
 import styles from './styles.js';
 import { useImage } from './hook/index.js';
 import CircularProgress from './CircularProgress.js';
@@ -9,7 +9,7 @@ import '@xhsreds/reds-token-next';
 import 'react-native-svg';
 
 var _excluded = ["src", "source", "width", "height", "borderRadius", "errorStyle", "loadStyle", "style"];
-var Image = /*#__PURE__*/forwardRef(function (_ref, ref) {
+var Image = function Image(_ref) {
   var src = _ref.src,
     _source = _ref.source,
     width = _ref.width,
@@ -64,14 +64,13 @@ var Image = /*#__PURE__*/forwardRef(function (_ref, ref) {
       setImageStatus(IMAGE_STATUS.LOADING);
     });
   };
-  return /* @__PURE__ */React__default.createElement(View, {
+  return /* @__PURE__ */React.createElement(View, {
     style: _objectSpread2({
       borderRadius: borderRadius,
       height: height,
       width: width
-    }, style),
-    ref: ref
-  }, imageStatus !== IMAGE_STATUS.HIDE && /* @__PURE__ */React__default.createElement(Image$1, _objectSpread2(_objectSpread2({}, props), {}, {
+    }, style)
+  }, imageStatus !== IMAGE_STATUS.HIDE && /* @__PURE__ */React.createElement(Image$1, _objectSpread2(_objectSpread2({}, props), {}, {
     source: source,
     onLoad: onLoad,
     onProgress: onProgress,
@@ -82,7 +81,7 @@ var Image = /*#__PURE__*/forwardRef(function (_ref, ref) {
       borderRadius: borderRadius,
       opacity: imageStatus === IMAGE_STATUS.LOADED ? 1 : 0
     }
-  })), imageStatus === IMAGE_STATUS.LOADING && /* @__PURE__ */React__default.createElement(View, {
+  })), imageStatus === IMAGE_STATUS.LOADING && /* @__PURE__ */React.createElement(View, {
     style: _objectSpread2(_objectSpread2({
       width: width,
       height: height,
@@ -90,16 +89,16 @@ var Image = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }, styles.loadingContainer), {}, {
       backgroundColor: loadStyle === TLoadStyle.AVE ? aveColor : styles.loadingContainer.backgroundColor
     })
-  }, loadStyle === TLoadStyle.BLUR && /* @__PURE__ */React__default.createElement(Image$1, {
+  }, loadStyle === TLoadStyle.BLUR && /* @__PURE__ */React.createElement(Image$1, {
     source: blurSource,
     style: {
       width: width,
       height: height,
       borderRadius: borderRadius
     }
-  }), loadStyle === TLoadStyle.LOADING && /* @__PURE__ */React__default.createElement(CircularProgress, {
+  }), loadStyle === TLoadStyle.LOADING && /* @__PURE__ */React.createElement(CircularProgress, {
     progress: progress
-  })), (imageStatus === IMAGE_STATUS.LOADERROR || imageStatus === IMAGE_STATUS.RELOAD) && /* @__PURE__ */React__default.createElement(TouchableOpacity, {
+  })), (imageStatus === IMAGE_STATUS.LOADERROR || imageStatus === IMAGE_STATUS.RELOAD) && /* @__PURE__ */React.createElement(TouchableOpacity, {
     activeOpacity: 1,
     onPress: function onPress(e) {
       onReload(e);
@@ -109,7 +108,7 @@ var Image = /*#__PURE__*/forwardRef(function (_ref, ref) {
       height: height,
       borderRadius: borderRadius
     }, styles.loadingContainer)
-  }, /* @__PURE__ */React__default.createElement(Image$1, {
+  }, /* @__PURE__ */React.createElement(Image$1, {
     style: {
       width: 40,
       height: 40
@@ -118,7 +117,7 @@ var Image = /*#__PURE__*/forwardRef(function (_ref, ref) {
       uri: imageStatus === IMAGE_STATUS.RELOAD ? "https://picasso-static.xiaohongshu.com/fe-platform/06ae169b310c2926e541903b828486a80fcac404.png" : "https://picasso-static.xiaohongshu.com/fe-platform/76fee5bba4ce3bbf3e9ff5fe1935b737bb27625a.png"
     }
   })));
-});
+};
 Image.defaultProps = ImageDefaultProps;
 var index = /*#__PURE__*/memo(Image);
 

package/lib/esm/components/Image/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Image/index.tsx"],"sourcesContent":["import React, { useState, forwardRef, memo, ForwardRefRenderFunction, useEffect } from \"react\";\nimport {\n  View,\n  Image as RNImage,\n  GestureResponderEvent,\n  ImageProps,\n  TouchableOpacity,\n  ImageLoadEventData,\n  NativeSyntheticEvent,\n  ImageErrorEventData,\n  ImageProgressEventDataIOS,\n} from \"react-native\";\nimport { RedsImage, ImageDefaultProps, IMAGE_STATUS, TErrorStyle, TLoadStyle } from \"./interface/index\";\nimport styles from \"./styles\";\nimport { useImage } from \"./hook\";\nimport CircularProgress from \"./CircularProgress\";\n\nconst Image = forwardRef<RNImage, RedsImage & Omit<ImageProps, keyof RedsImage>>(\n  ({ src, source: _source, width, height, borderRadius, errorStyle, loadStyle, style, ...props }, ref) => {\n    const [imageStatus, setImageStatus] = useState(IMAGE_STATUS.LOADING);\n    const [progress, setProgress] = useState(0);\n\n    const { source, aveColor, blurSource } = useImage({\n      src,\n      source: _source,\n      errorStyle,\n      loadStyle,\n    });\n\n    const onProgress = (e: NativeSyntheticEvent<ImageProgressEventDataIOS>) => {\n      const {\n        nativeEvent: { total, loaded },\n      } = e;\n      if (total) {\n        setProgress(((loaded / total) * 100) | 0);\n      }\n      props.onProgress?.(e);\n    };\n    const onLoad = (e: NativeSyntheticEvent<ImageLoadEventData>) => {\n      props.onLoad?.(e);\n      setImageStatus(IMAGE_STATUS.LOADED);\n    };\n    const onError = (e: NativeSyntheticEvent<ImageErrorEventData>) => {\n      props.onError?.(e);\n      setImageStatus(errorStyle === TErrorStyle.ERROR ? IMAGE_STATUS.LOADERROR : IMAGE_STATUS.RELOAD);\n    };\n    const onReload = (e: GestureResponderEvent) => {\n      setImageStatus(IMAGE_STATUS.HIDE);\n      props.onReload?.(e);\n      setTimeout(() => {\n        setImageStatus(IMAGE_STATUS.LOADING);\n      });\n    };\n\n    return (\n      <View style={{ borderRadius, height, width, ...(style as {}) }} ref={ref}>\n        {imageStatus !== IMAGE_STATUS.HIDE && (\n          <RNImage\n            {...props}\n            source={source}\n            onLoad={onLoad}\n            onProgress={onProgress}\n            onError={onError}\n            style={{\n              width,\n              height,\n              borderRadius,\n              opacity: imageStatus === IMAGE_STATUS.LOADED ? 1 : 0,\n            }}\n          ></RNImage>\n        )}\n        {imageStatus === IMAGE_STATUS.LOADING && (\n          <View\n            style={{\n              width,\n              height,\n              borderRadius,\n              ...styles.loadingContainer,\n              backgroundColor: loadStyle === TLoadStyle.AVE ? aveColor : styles.loadingContainer.backgroundColor,\n            }}\n          >\n            {loadStyle === TLoadStyle.BLUR && (\n              <RNImage\n                source={blurSource}\n                style={{\n                  width,\n                  height,\n                  borderRadius,\n                }}\n              ></RNImage>\n            )}\n            {loadStyle === TLoadStyle.LOADING && <CircularProgress progress={progress}></CircularProgress>}\n          </View>\n        )}\n        {(imageStatus === IMAGE_STATUS.LOADERROR || imageStatus === IMAGE_STATUS.RELOAD) && (\n          <TouchableOpacity\n            activeOpacity={1}\n            onPress={(e) => {\n              onReload(e);\n            }}\n            style={{ width, height, borderRadius, ...styles.loadingContainer }}\n          >\n            <RNImage\n              style={{ width: 40, height: 40 }}\n              source={{\n                uri:\n                  imageStatus === IMAGE_STATUS.RELOAD\n                    ? \"https://picasso-static.xiaohongshu.com/fe-platform/06ae169b310c2926e541903b828486a80fcac404.png\"\n                    : \"https://picasso-static.xiaohongshu.com/fe-platform/76fee5bba4ce3bbf3e9ff5fe1935b737bb27625a.png\",\n              }}\n            />\n          </TouchableOpacity>\n        )}\n      </View>\n    );\n  },\n);\n\nImage.defaultProps = ImageDefaultProps;\n\nexport default memo(Image);\n"],"names":["Image","forwardRef","_ref","ref","src","_source","source","width","height","borderRadius","errorStyle","loadStyle","style","props","_objectWithoutProperties","_excluded","_useState","useState","IMAGE_STATUS","LOADING","_useState2","_slicedToArray","imageStatus","setImageStatus","_useState3","_useState4","progress","setProgress","_useImage","useImage","aveColor","blurSource","onProgress","e","_props$onProgress","_e$nativeEvent","nativeEvent","total","loaded","call","onLoad","_props$onLoad","LOADED","onError","_props$onError","TErrorStyle","ERROR","LOADERROR","RELOAD","onReload","_props$onReload","HIDE","setTimeout","React","createElement","View","_objectSpread","RNImage","opacity","styles","loadingContainer","backgroundColor","TLoadStyle","AVE","BLUR","CircularProgress","TouchableOpacity","activeOpacity","onPress","uri","defaultProps","ImageDefaultProps","memo"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Image/index.tsx"],"sourcesContent":["import React, { useState, memo } from \"react\";\nimport {\n  View,\n  Image as RNImage,\n  GestureResponderEvent,\n  ImageProps,\n  TouchableOpacity,\n  ImageLoadEventData,\n  NativeSyntheticEvent,\n  ImageErrorEventData,\n  ImageProgressEventDataIOS,\n} from \"react-native\";\nimport { RedsImage, ImageDefaultProps, IMAGE_STATUS, TErrorStyle, TLoadStyle } from \"./interface/index\";\nimport styles from \"./styles\";\nimport { useImage } from \"./hook\";\nimport CircularProgress from \"./CircularProgress\";\n\nconst Image = ({\n  src,\n  source: _source,\n  width,\n  height,\n  borderRadius,\n  errorStyle,\n  loadStyle,\n  style,\n  ...props\n}: RedsImage & Omit<ImageProps, keyof RedsImage>) => {\n  const [imageStatus, setImageStatus] = useState(IMAGE_STATUS.LOADING);\n  const [progress, setProgress] = useState(0);\n\n  const { source, aveColor, blurSource } = useImage({\n    src,\n    source: _source,\n    errorStyle,\n    loadStyle,\n  });\n\n  const onProgress = (e: NativeSyntheticEvent<ImageProgressEventDataIOS>) => {\n    const {\n      nativeEvent: { total, loaded },\n    } = e;\n    if (total) {\n      setProgress(((loaded / total) * 100) | 0);\n    }\n    props.onProgress?.(e);\n  };\n  const onLoad = (e: NativeSyntheticEvent<ImageLoadEventData>) => {\n    props.onLoad?.(e);\n    setImageStatus(IMAGE_STATUS.LOADED);\n  };\n  const onError = (e: NativeSyntheticEvent<ImageErrorEventData>) => {\n    props.onError?.(e);\n    setImageStatus(errorStyle === TErrorStyle.ERROR ? IMAGE_STATUS.LOADERROR : IMAGE_STATUS.RELOAD);\n  };\n  const onReload = (e: GestureResponderEvent) => {\n    setImageStatus(IMAGE_STATUS.HIDE);\n    props.onReload?.(e);\n    setTimeout(() => {\n      setImageStatus(IMAGE_STATUS.LOADING);\n    });\n  };\n\n  return (\n    <View style={{ borderRadius, height, width, ...(style as {}) }}>\n      {imageStatus !== IMAGE_STATUS.HIDE && (\n        <RNImage\n          {...props}\n          source={source}\n          onLoad={onLoad}\n          onProgress={onProgress}\n          onError={onError}\n          style={{\n            width,\n            height,\n            borderRadius,\n            opacity: imageStatus === IMAGE_STATUS.LOADED ? 1 : 0,\n          }}\n        ></RNImage>\n      )}\n      {imageStatus === IMAGE_STATUS.LOADING && (\n        <View\n          style={{\n            width,\n            height,\n            borderRadius,\n            ...styles.loadingContainer,\n            backgroundColor: loadStyle === TLoadStyle.AVE ? aveColor : styles.loadingContainer.backgroundColor,\n          }}\n        >\n          {loadStyle === TLoadStyle.BLUR && (\n            <RNImage\n              source={blurSource}\n              style={{\n                width,\n                height,\n                borderRadius,\n              }}\n            ></RNImage>\n          )}\n          {loadStyle === TLoadStyle.LOADING && <CircularProgress progress={progress}></CircularProgress>}\n        </View>\n      )}\n      {(imageStatus === IMAGE_STATUS.LOADERROR || imageStatus === IMAGE_STATUS.RELOAD) && (\n        <TouchableOpacity\n          activeOpacity={1}\n          onPress={(e) => {\n            onReload(e);\n          }}\n          style={{ width, height, borderRadius, ...styles.loadingContainer }}\n        >\n          <RNImage\n            style={{ width: 40, height: 40 }}\n            source={{\n              uri:\n                imageStatus === IMAGE_STATUS.RELOAD\n                  ? \"https://picasso-static.xiaohongshu.com/fe-platform/06ae169b310c2926e541903b828486a80fcac404.png\"\n                  : \"https://picasso-static.xiaohongshu.com/fe-platform/76fee5bba4ce3bbf3e9ff5fe1935b737bb27625a.png\",\n            }}\n          />\n        </TouchableOpacity>\n      )}\n    </View>\n  );\n};\n\nImage.defaultProps = ImageDefaultProps;\n\nexport default memo(Image);\n"],"names":["Image","src","_ref","_source","source","width","height","borderRadius","errorStyle","loadStyle","style","props","_objectWithoutProperties","_excluded","_useState","useState","IMAGE_STATUS","LOADING","_useState2","_slicedToArray","imageStatus","setImageStatus","_useState3","_useState4","progress","setProgress","_useImage","useImage","aveColor","blurSource","onProgress","e","_props$onProgress","_e$nativeEvent","nativeEvent","total","loaded","call","onLoad","_props$onLoad","LOADED","onError","_props$onError","TErrorStyle","ERROR","LOADERROR","RELOAD","onReload","_props$onReload","HIDE","setTimeout","React","createElement","View","_objectSpread","RNImage","opacity","styles","loadingContainer","backgroundColor","TLoadStyle","AVE","BLUR","CircularProgress","TouchableOpacity","activeOpacity","onPress","uri","defaultProps","ImageDefaultProps","memo"],"mappings":"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"}

package/lib/esm/components/List/List.js

@@ -1,10 +1,10 @@
-import React__default, { useRef, useEffect } from 'react';
+import React, { useRef, useEffect } from 'react';
 import { View, Text } from 'react-native';
 import { ListContext } from './ListItem/ListContext.js';
 import createStyles from './styles.js';
 import useMounted from '../../pvCount/useUnmountedProcess.js';
 import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
-import '../../_chunks/BcioiUBf.js';
+import '../../_chunks/Rk1G_m0d.js';
 import '@xhsreds/reds-token-next';
 import '@xhs/reds-apm/src/index.native';
 import '../ConfigProvider/hooks/themeToken/useThemeToken.js';
@@ -39,18 +39,18 @@ var List = function List(_ref) {
   useEffect(function () {
     updateLines();
   }, [registeredChildren.current]);
-  return /* @__PURE__ */React__default.createElement(View, {
+  return /* @__PURE__ */React.createElement(View, {
     style: [styles.list, containerStyle]
-  }, headerText && /* @__PURE__ */React__default.createElement(Text, {
+  }, headerText && /* @__PURE__ */React.createElement(Text, {
     style: type === "plain" ? styles.headerTextPlain : styles.headerText
-  }, headerText), /* @__PURE__ */React__default.createElement(ListContext.Provider, {
+  }, headerText), /* @__PURE__ */React.createElement(ListContext.Provider, {
     value: {
       registerChild: registerChild,
       unregisterChild: unregisterChild
     }
-  }, /* @__PURE__ */React__default.createElement(View, {
+  }, /* @__PURE__ */React.createElement(View, {
     style: type === "plain" ? styles.listContainerPlain : styles.listContainer
-  }, children)), footerText && /* @__PURE__ */React__default.createElement(Text, {
+  }, children)), footerText && /* @__PURE__ */React.createElement(Text, {
     style: type === "plain" ? styles.footerTextPlain : styles.footerText
   }, footerText));
 };

package/lib/esm/components/List/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","sources":["../../../../src/components/List/List.tsx"],"sourcesContent":["import React, { useEffect, useRef, ReactNode } from \"react\";\nimport { View, Text, ViewStyle, StyleProp } from \"react-native\";\nimport { ListContext } from \"./ListItem/ListContext\";\nimport createStyles from \"./styles\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\n\nexport interface RedsList {\n  headerText?: string;\n  footerText?: string;\n  type?: \"grouped\" | \"plain\";\n  containerStyle?: StyleProp<ViewStyle>;\n  children: ReactNode;\n}\n\nconst List: React.FC<RedsList> = ({ headerText, footerText, type = \"grouped\", containerStyle, children }) => {\n  useMounted(\"List\");\n  const registeredChildren = useRef<any[]>([]);\n  const styles = createStyles();\n  const registerChild = (child: any) => {\n    registeredChildren.current.push(child);\n    updateLines();\n  };\n\n  const unregisterChild = (child: any) => {\n    registeredChildren.current = registeredChildren.current.filter((registeredChild) => registeredChild !== child);\n    updateLines();\n  };\n\n  const updateLines = () => {\n    registeredChildren.current.forEach((child, index) => {\n      child.setLine(index < registeredChildren.current.length - 1);\n    });\n  };\n\n  useEffect(() => {\n    updateLines();\n  }, [registeredChildren.current]);\n\n  return (\n    <View style={[styles.list, containerStyle]}>\n      {headerText && <Text style={type === \"plain\" ? styles.headerTextPlain : styles.headerText}>{headerText}</Text>}\n      <ListContext.Provider value={{ registerChild, unregisterChild }}>\n        <View style={type === \"plain\" ? styles.listContainerPlain : styles.listContainer}>{children}</View>\n      </ListContext.Provider>\n      {footerText && <Text style={type === \"plain\" ? styles.footerTextPlain : styles.footerText}>{footerText}</Text>}\n    </View>\n  );\n};\n\nexport default List;\n"],"names":["List","_ref","headerText","footerText","type","_ref$type","containerStyle","children","useMounted","registeredChildren","useRef","styles","createStyles","registerChild","child","current","push","updateLines","unregisterChild","filter","registeredChild","forEach","index","setLine","length","useEffect","React","createElement","View","style","list","Text","headerTextPlain","ListContext","Provider","value","listContainerPlain","listContainer","footerTextPlain"],"mappings":";;;;;;;;;;;;;AAcA,IAAMA,IAAA,GAA2B,SAA3BA,IAAAA,CAAAC,IAAA,EAAuG;AAAA,EAAA,IAAzEC,UAAA,GAAAD,IAAA,CAAAC,UAAA;IAAYC,kBAAAA;qBAAYC,IAAO;AAAPA,IAAAA,IAAO,GAAAC,SAAA,KAAA,KAAA,CAAA,GAAA,SAAA,GAAAA,SAAA;IAAWC,cAAgB,GAAAL,IAAA,CAAhBK,cAAgB;IAAAC,QAAA,GAAAN,IAAA,CAAAM,QAAA,CAAA;EAC5FC,UAAA,CAAW,MAAM,CAAA,CAAA;AACX,EAAA,IAAAC,kBAAA,GAAqBC,MAAc,CAAA,EAAE,CAAA,CAAA;AAC3C,EAAA,IAAMC,SAASC,YAAa,EAAA,CAAA;AACtB,EAAA,IAAAC,aAAA,GAAgB,SAAhBA,aAAAA,CAAiBC,KAAe,EAAA;AACjBL,IAAAA,kBAAA,CAAAM,OAAA,CAAQC,KAAKF,KAAK,CAAA,CAAA;AACzBG,IAAAA,WAAA,EAAA,CAAA;GACd,CAAA;AAEM,EAAA,IAAAC,eAAA,GAAkB,SAAlBA,eAAAA,CAAmBJ,KAAe,EAAA;IACtCL,kBAAA,CAAmBM,UAAUN,kBAAmB,CAAAM,OAAA,CAAQI,OAAO,UAACC,eAAA,EAAA;MAAA,OAAoBA,oBAAoBN,KAAK,CAAA;KAAA,CAAA,CAAA;AACjGG,IAAAA,WAAA,EAAA,CAAA;GACd,CAAA;AAEA,EAAA,IAAMA,cAAc,SAAdA,cAAoB;IACxBR,kBAAA,CAAmBM,OAAQ,CAAAM,OAAA,CAAQ,UAACP,KAAA,EAAOQ,KAAU,EAAA;AACnDR,MAAAA,KAAA,CAAMS,OAAQ,CAAAD,KAAA,GAAQb,kBAAmB,CAAAM,OAAA,CAAQS,SAAS,CAAC,CAAA,CAAA;AAC7D,KAAC,CAAA,CAAA;GACH,CAAA;AAEAC,EAAAA,SAAA,CAAU,YAAM;AACFR,IAAAA,WAAA,EAAA,CAAA;AACd,GAAG,EAAA,CAACR,kBAAmB,CAAAM,OAAO,CAAC,CAAA,CAAA;AAG7B,EAAA,sBAAAW,cAAA,CAAAC,aAAA,CAACC,IAAK,EAAA;AAAAC,IAAAA,KAAA,EAAO,CAAClB,MAAA,CAAOmB,MAAMxB,cAAc,CAAA;GAAA,EACtCJ,UAAc,mBAAAwB,cAAA,CAAAC,aAAA,CAACI,IAAK,EAAA;IAAAF,KAAA,EAAOzB,SAAS,OAAU,GAAAO,MAAA,CAAOqB,eAAkB,GAAArB,MAAA,CAAOT,UAAAA;AAAa,GAAA,EAAAA,UAAW,kBACtGwB,cAAA,CAAAC,aAAA,CAAAM,WAAA,CAAYC,QAAZ,EAAA;AAAqBC,IAAAA,KAAO,EAAA;AAAEtB,MAAAA,eAAAA;AAAeK,MAAAA,eAAgB,EAAhBA,eAAAA;AAAgB,KAAA;AAAA,GAAA,iBAC3DQ,cAAA,CAAAC,aAAA,CAAAC,IAAA,EAAA;IAAKC,KAAO,EAAAzB,IAAA,KAAS,UAAUO,MAAO,CAAAyB,kBAAA,GAAqBzB,MAAO,CAAA0B,aAAAA;AAAA,GAAA,EAAgB9B,QAAS,CAC9F,GACCJ,UAAc,mBAAAuB,cAAA,CAAAC,aAAA,CAACI,IAAK,EAAA;IAAAF,KAAA,EAAOzB,IAAS,KAAA,OAAA,GAAUO,OAAO2B,eAAkB,GAAA3B,MAAA,CAAOR,UAAAA;GAAa,EAAAA,UAAW,CACzG,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"List.js","sources":["../../../../src/components/List/List.tsx"],"sourcesContent":["import React, { useEffect, useRef, ReactNode } from \"react\";\nimport { View, Text, ViewStyle, StyleProp } from \"react-native\";\nimport { ListContext } from \"./ListItem/ListContext\";\nimport createStyles from \"./styles\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\n\nexport interface RedsList {\n  headerText?: string;\n  footerText?: string;\n  type?: \"grouped\" | \"plain\";\n  containerStyle?: StyleProp<ViewStyle>;\n  children: ReactNode;\n}\n\nconst List: React.FC<RedsList> = ({ headerText, footerText, type = \"grouped\", containerStyle, children }) => {\n  useMounted(\"List\");\n  const registeredChildren = useRef<any[]>([]);\n  const styles = createStyles();\n  const registerChild = (child: any) => {\n    registeredChildren.current.push(child);\n    updateLines();\n  };\n\n  const unregisterChild = (child: any) => {\n    registeredChildren.current = registeredChildren.current.filter((registeredChild) => registeredChild !== child);\n    updateLines();\n  };\n\n  const updateLines = () => {\n    registeredChildren.current.forEach((child, index) => {\n      child.setLine(index < registeredChildren.current.length - 1);\n    });\n  };\n\n  useEffect(() => {\n    updateLines();\n  }, [registeredChildren.current]);\n\n  return (\n    <View style={[styles.list, containerStyle]}>\n      {headerText && <Text style={type === \"plain\" ? styles.headerTextPlain : styles.headerText}>{headerText}</Text>}\n      <ListContext.Provider value={{ registerChild, unregisterChild }}>\n        <View style={type === \"plain\" ? styles.listContainerPlain : styles.listContainer}>{children}</View>\n      </ListContext.Provider>\n      {footerText && <Text style={type === \"plain\" ? styles.footerTextPlain : styles.footerText}>{footerText}</Text>}\n    </View>\n  );\n};\n\nexport default List;\n"],"names":["List","_ref","headerText","footerText","type","_ref$type","containerStyle","children","useMounted","registeredChildren","useRef","styles","createStyles","registerChild","child","current","push","updateLines","unregisterChild","filter","registeredChild","forEach","index","setLine","length","useEffect","React","createElement","View","style","list","Text","headerTextPlain","ListContext","Provider","value","listContainerPlain","listContainer","footerTextPlain"],"mappings":";;;;;;;;;;;;;AAcA,IAAMA,IAAA,GAA2B,SAA3BA,IAAAA,CAAAC,IAAA,EAAuG;AAAA,EAAA,IAAzEC,UAAA,GAAAD,IAAA,CAAAC,UAAA;IAAYC,kBAAAA;qBAAYC,IAAO;AAAPA,IAAAA,IAAO,GAAAC,SAAA,KAAA,KAAA,CAAA,GAAA,SAAA,GAAAA,SAAA;IAAWC,cAAgB,GAAAL,IAAA,CAAhBK,cAAgB;IAAAC,QAAA,GAAAN,IAAA,CAAAM,QAAA,CAAA;EAC5FC,UAAA,CAAW,MAAM,CAAA,CAAA;AACX,EAAA,IAAAC,kBAAA,GAAqBC,MAAc,CAAA,EAAE,CAAA,CAAA;AAC3C,EAAA,IAAMC,SAASC,YAAa,EAAA,CAAA;AACtB,EAAA,IAAAC,aAAA,GAAgB,SAAhBA,aAAAA,CAAiBC,KAAe,EAAA;AACjBL,IAAAA,kBAAA,CAAAM,OAAA,CAAQC,KAAKF,KAAK,CAAA,CAAA;AACzBG,IAAAA,WAAA,EAAA,CAAA;GACd,CAAA;AAEM,EAAA,IAAAC,eAAA,GAAkB,SAAlBA,eAAAA,CAAmBJ,KAAe,EAAA;IACtCL,kBAAA,CAAmBM,UAAUN,kBAAmB,CAAAM,OAAA,CAAQI,OAAO,UAACC,eAAA,EAAA;MAAA,OAAoBA,oBAAoBN,KAAK,CAAA;KAAA,CAAA,CAAA;AACjGG,IAAAA,WAAA,EAAA,CAAA;GACd,CAAA;AAEA,EAAA,IAAMA,cAAc,SAAdA,cAAoB;IACxBR,kBAAA,CAAmBM,OAAQ,CAAAM,OAAA,CAAQ,UAACP,KAAA,EAAOQ,KAAU,EAAA;AACnDR,MAAAA,KAAA,CAAMS,OAAQ,CAAAD,KAAA,GAAQb,kBAAmB,CAAAM,OAAA,CAAQS,SAAS,CAAC,CAAA,CAAA;AAC7D,KAAC,CAAA,CAAA;GACH,CAAA;AAEAC,EAAAA,SAAA,CAAU,YAAM;AACFR,IAAAA,WAAA,EAAA,CAAA;AACd,GAAG,EAAA,CAACR,kBAAmB,CAAAM,OAAO,CAAC,CAAA,CAAA;AAG7B,EAAA,sBAAAW,KAAA,CAAAC,aAAA,CAACC,IAAK,EAAA;AAAAC,IAAAA,KAAA,EAAO,CAAClB,MAAA,CAAOmB,MAAMxB,cAAc,CAAA;GAAA,EACtCJ,UAAc,mBAAAwB,KAAA,CAAAC,aAAA,CAACI,IAAK,EAAA;IAAAF,KAAA,EAAOzB,SAAS,OAAU,GAAAO,MAAA,CAAOqB,eAAkB,GAAArB,MAAA,CAAOT,UAAAA;AAAa,GAAA,EAAAA,UAAW,kBACtGwB,KAAA,CAAAC,aAAA,CAAAM,WAAA,CAAYC,QAAZ,EAAA;AAAqBC,IAAAA,KAAO,EAAA;AAAEtB,MAAAA,eAAAA;AAAeK,MAAAA,eAAgB,EAAhBA,eAAAA;AAAgB,KAAA;AAAA,GAAA,iBAC3DQ,KAAA,CAAAC,aAAA,CAAAC,IAAA,EAAA;IAAKC,KAAO,EAAAzB,IAAA,KAAS,UAAUO,MAAO,CAAAyB,kBAAA,GAAqBzB,MAAO,CAAA0B,aAAAA;AAAA,GAAA,EAAgB9B,QAAS,CAC9F,GACCJ,UAAc,mBAAAuB,KAAA,CAAAC,aAAA,CAACI,IAAK,EAAA;IAAAF,KAAA,EAAOzB,IAAS,KAAA,OAAA,GAAUO,OAAO2B,eAAkB,GAAA3B,MAAA,CAAOR,UAAAA;GAAa,EAAAA,UAAW,CACzG,CAAA,CAAA;AAEJ;;;;"}

package/lib/esm/components/List/ListItem/ArrowRight.js

@@ -1,13 +1,13 @@
-import React__default from 'react';
+import React from 'react';
 import Svg, { Path } from 'react-native-svg';
 
 var ArrowRight = function ArrowRight() {
-  return /* @__PURE__ */React__default.createElement(Svg, {
+  return /* @__PURE__ */React.createElement(Svg, {
     width: "7",
     height: "12",
     viewBox: "0 0 7 12",
     fill: "none"
-  }, /* @__PURE__ */React__default.createElement(Path, {
+  }, /* @__PURE__ */React.createElement(Path, {
     d: "M5.00001 5.82306L0.880508 1.81204C0.616137 1.55578 0.609566 1.13372 0.865831 0.869345C1.1221 0.604974 1.54415 0.598403 1.80853 0.854668L6.35571 5.28111C6.76108 5.67405 6.77116 6.32121 6.37822 6.72658C6.36708 6.73795 6.36708 6.73795 6.35571 6.74908L1.79718 11.1439C1.53281 11.4002 1.11075 11.3936 0.854485 11.1292C0.59822 10.8649 0.604791 10.4428 0.869162 10.1865L4.99904 6.20613C5.10508 6.10393 5.10819 5.93511 5.00599 5.82907C5.00403 5.82704 5.00204 5.82503 5.00001 5.82306Z",
     fill: "#333333",
     fillOpacity: "0.3"

package/lib/esm/components/List/ListItem/ArrowRight.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowRight.js","sources":["../../../../../src/components/List/ListItem/ArrowRight.tsx"],"sourcesContent":["import React from \"react\";\nimport Svg, { Path } from \"react-native-svg\";\n\nconst ArrowRight: React.FC = () => {\n  return (\n    <Svg width=\"7\" height=\"12\" viewBox=\"0 0 7 12\" fill=\"none\">\n      <Path\n        d=\"M5.00001 5.82306L0.880508 1.81204C0.616137 1.55578 0.609566 1.13372 0.865831 0.869345C1.1221 0.604974 1.54415 0.598403 1.80853 0.854668L6.35571 5.28111C6.76108 5.67405 6.77116 6.32121 6.37822 6.72658C6.36708 6.73795 6.36708 6.73795 6.35571 6.74908L1.79718 11.1439C1.53281 11.4002 1.11075 11.3936 0.854485 11.1292C0.59822 10.8649 0.604791 10.4428 0.869162 10.1865L4.99904 6.20613C5.10508 6.10393 5.10819 5.93511 5.00599 5.82907C5.00403 5.82704 5.00204 5.82503 5.00001 5.82306Z\"\n        fill=\"#333333\"\n        fillOpacity=\"0.3\"\n      />\n    </Svg>\n  );\n};\n\nexport default ArrowRight;\n"],"names":["ArrowRight","React","createElement","Svg","width","height","viewBox","fill","Path","d","fillOpacity"],"mappings":";;;AAGA,IAAMA,aAAuB,SAAvBA,aAA6B;AAE/B,EAAA,sBAAAC,cAAA,CAAAC,aAAA,CAACC;AAAIC,IAAAA,KAAM,EAAA,GAAA;AAAIC,IAAAA,QAAO,IAAK;AAAAC,IAAAA,OAAA,EAAQ,UAAW;AAAAC,IAAAA,IAAA,EAAK,MAAA;AACjD,GAAA,iBAAAN,cAAA,CAAAC,aAAA,CAACM,IAAA,EAAA;AACCC,IAAAA,CAAE,EAAA,6dAAA;AACFF,IAAAA,IAAK,EAAA,SAAA;AACLG,IAAAA,WAAY,EAAA,KAAA;AAAA,GACd,CACF,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ArrowRight.js","sources":["../../../../../src/components/List/ListItem/ArrowRight.tsx"],"sourcesContent":["import React from \"react\";\nimport Svg, { Path } from \"react-native-svg\";\n\nconst ArrowRight: React.FC = () => {\n  return (\n    <Svg width=\"7\" height=\"12\" viewBox=\"0 0 7 12\" fill=\"none\">\n      <Path\n        d=\"M5.00001 5.82306L0.880508 1.81204C0.616137 1.55578 0.609566 1.13372 0.865831 0.869345C1.1221 0.604974 1.54415 0.598403 1.80853 0.854668L6.35571 5.28111C6.76108 5.67405 6.77116 6.32121 6.37822 6.72658C6.36708 6.73795 6.36708 6.73795 6.35571 6.74908L1.79718 11.1439C1.53281 11.4002 1.11075 11.3936 0.854485 11.1292C0.59822 10.8649 0.604791 10.4428 0.869162 10.1865L4.99904 6.20613C5.10508 6.10393 5.10819 5.93511 5.00599 5.82907C5.00403 5.82704 5.00204 5.82503 5.00001 5.82306Z\"\n        fill=\"#333333\"\n        fillOpacity=\"0.3\"\n      />\n    </Svg>\n  );\n};\n\nexport default ArrowRight;\n"],"names":["ArrowRight","React","createElement","Svg","width","height","viewBox","fill","Path","d","fillOpacity"],"mappings":";;;AAGA,IAAMA,aAAuB,SAAvBA,aAA6B;AAE/B,EAAA,sBAAAC,KAAA,CAAAC,aAAA,CAACC;AAAIC,IAAAA,KAAM,EAAA,GAAA;AAAIC,IAAAA,QAAO,IAAK;AAAAC,IAAAA,OAAA,EAAQ,UAAW;AAAAC,IAAAA,IAAA,EAAK,MAAA;AACjD,GAAA,iBAAAN,KAAA,CAAAC,aAAA,CAACM,IAAA,EAAA;AACCC,IAAAA,CAAE,EAAA,6dAAA;AACFF,IAAAA,IAAK,EAAA,SAAA;AACLG,IAAAA,WAAY,EAAA,KAAA;AAAA,GACd,CACF,CAAA,CAAA;AAEJ;;;;"}

package/lib/esm/components/List/ListItem/ListItem.js

@@ -1,5 +1,5 @@
-import { _ as _slicedToArray } from '../../../_chunks/BcioiUBf.js';
-import React__default, { useState, useEffect } from 'react';
+import { _ as _slicedToArray } from '../../../_chunks/Rk1G_m0d.js';
+import React, { useState, useEffect } from 'react';
 import { View, Text, Image } from 'react-native';
 import { useListContext } from './ListContext.js';
 import '../../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
@@ -47,42 +47,42 @@ var ListItem = function ListItem(_ref) {
     regular: 48,
     expand: 72
   };
-  return /* @__PURE__ */React__default.createElement(View, {
+  return /* @__PURE__ */React.createElement(View, {
     style: [styles.listItem, {
       height: listItemSizeToHeight[size]
     }, size === "expand" && styles.expand]
-  }, prefix && /* @__PURE__ */React__default.createElement(View, {
+  }, prefix && /* @__PURE__ */React.createElement(View, {
     style: styles.prefix
-  }, prefix), /* @__PURE__ */React__default.createElement(View, {
+  }, prefix), /* @__PURE__ */React.createElement(View, {
     style: styles.contentBox
-  }, /* @__PURE__ */React__default.createElement(View, {
+  }, /* @__PURE__ */React.createElement(View, {
     style: styles.contentContainer
-  }, /* @__PURE__ */React__default.createElement(View, {
+  }, /* @__PURE__ */React.createElement(View, {
     style: styles.textContainer
-  }, /* @__PURE__ */React__default.createElement(Text, {
+  }, /* @__PURE__ */React.createElement(Text, {
     style: styles.title
-  }, title), size === "expand" && subtitle && /* @__PURE__ */React__default.createElement(Text, {
+  }, title), size === "expand" && subtitle && /* @__PURE__ */React.createElement(Text, {
     style: styles.subtitle
-  }, subtitle)), /* @__PURE__ */React__default.createElement(View, {
+  }, subtitle)), /* @__PURE__ */React.createElement(View, {
     style: styles.tailContainer
-  }, action ? /* @__PURE__ */React__default.createElement(View, {
+  }, action ? /* @__PURE__ */React.createElement(View, {
     style: styles.tail
-  }, action) : /* @__PURE__ */React__default.createElement(View, {
+  }, action) : /* @__PURE__ */React.createElement(View, {
     style: styles.tail
-  }, /* @__PURE__ */React__default.createElement(Text, {
+  }, /* @__PURE__ */React.createElement(Text, {
     style: styles.tailText
-  }, actionText), arrow && /* @__PURE__ */React__default.createElement(View, {
+  }, actionText), arrow && /* @__PURE__ */React.createElement(View, {
     style: {
       height: 16,
       width: 16
     }
-  }, /* @__PURE__ */React__default.createElement(Image, {
+  }, /* @__PURE__ */React.createElement(Image, {
     width: 16,
     height: 16,
     source: {
       uri: colorMode === "dark" ? "https://picasso-static.xiaohongshu.com/fe-platform/ca9c472d2e00bd9ff171736db37844a1020a7bee.png" : "https://picasso-static.xiaohongshu.com/fe-platform/2aa7929e87409d49353f7ad8c05fcc1752eea2f0.png"
     }
-  }))))), lineItem && /* @__PURE__ */React__default.createElement(View, {
+  }))))), lineItem && /* @__PURE__ */React.createElement(View, {
     style: [styles.hr, {
       top: size === "regular" ? 12 : 20
     }]

package/lib/esm/components/List/ListItem/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","sources":["../../../../../src/components/List/ListItem/ListItem.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState, ReactNode } from \"react\";\nimport { View, Text, ViewStyle, Image } from \"react-native\";\nimport { useListContext } from \"./ListContext\";\nimport { useColorMode } from \"../../ConfigProvider\";\nimport createStyles from \"../styles\";\nimport useMounted from \"../../../pvCount/useUnmountedProcess\";\n\nexport interface RedsListItem {\n  title: string;\n  subtitle?: string;\n  actionText?: string;\n  size?: \"regular\" | \"expand\";\n  arrow?: boolean;\n  prefix?: ReactNode;\n  action?: ReactNode;\n}\n\nconst ListItem: React.FC<RedsListItem> = ({\n  title,\n  subtitle,\n  actionText,\n  size = \"regular\",\n  arrow = false,\n  prefix,\n  action,\n}) => {\n  useMounted(\"ListItem\");\n  const styles = createStyles();\n  const { registerChild, unregisterChild } = useListContext();\n  const [lineItem, setLineItem] = useState(false);\n  const colorMode = useColorMode();\n\n  const childInfo = {\n    setLine: (value: boolean) => setLineItem(value),\n  };\n\n  useEffect(() => {\n    registerChild(childInfo);\n    return () => unregisterChild(childInfo);\n  }, []);\n\n  const listItemSizeToHeight = {\n    regular: 48,\n    expand: 72,\n  };\n\n  return (\n    <View style={[styles.listItem, { height: listItemSizeToHeight[size] }, size === \"expand\" && styles.expand]}>\n      {prefix && <View style={styles.prefix}>{prefix}</View>}\n      <View style={styles.contentBox}>\n        <View style={styles.contentContainer}>\n          <View style={styles.textContainer}>\n            <Text style={styles.title}>{title}</Text>\n            {size === \"expand\" && subtitle && <Text style={styles.subtitle}>{subtitle}</Text>}\n          </View>\n          <View style={styles.tailContainer}>\n            {action ? (\n              <View style={styles.tail}>{action}</View>\n            ) : (\n              <View style={styles.tail}>\n                <Text style={styles.tailText}>{actionText}</Text>\n                {arrow && (\n                  <View style={{ height: 16, width: 16 }}>\n                    <Image\n                      width={16}\n                      height={16}\n                      source={{\n                        uri:\n                          colorMode === \"dark\"\n                            ? \"https://picasso-static.xiaohongshu.com/fe-platform/ca9c472d2e00bd9ff171736db37844a1020a7bee.png\"\n                            : \"https://picasso-static.xiaohongshu.com/fe-platform/2aa7929e87409d49353f7ad8c05fcc1752eea2f0.png\",\n                      }}\n                    ></Image>\n                  </View>\n                )}\n              </View>\n            )}\n          </View>\n        </View>\n        {lineItem && <View style={[styles.hr, { top: size === \"regular\" ? 12 : 20 }]}></View>}\n      </View>\n    </View>\n  );\n};\n\nexport default ListItem;\n"],"names":["ListItem","title","_ref","subtitle","actionText","_ref$size","size","_ref$arrow","arrow","prefix","action","useMounted","styles","createStyles","_useListContext","useListContext","registerChild","unregisterChild","_useState","useState","_useState2","_slicedToArray","lineItem","setLineItem","colorMode","useColorMode","childInfo","setLine","value","useEffect","listItemSizeToHeight","regular","expand","React","createElement","View","style","listItem","height","contentBox","contentContainer","textContainer","Text","tailContainer","tail","tailText","width","Image","source","uri","hr","top"],"mappings":"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"}
+{"version":3,"file":"ListItem.js","sources":["../../../../../src/components/List/ListItem/ListItem.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState, ReactNode } from \"react\";\nimport { View, Text, ViewStyle, Image } from \"react-native\";\nimport { useListContext } from \"./ListContext\";\nimport { useColorMode } from \"../../ConfigProvider\";\nimport createStyles from \"../styles\";\nimport useMounted from \"../../../pvCount/useUnmountedProcess\";\n\nexport interface RedsListItem {\n  title: string;\n  subtitle?: string;\n  actionText?: string;\n  size?: \"regular\" | \"expand\";\n  arrow?: boolean;\n  prefix?: ReactNode;\n  action?: ReactNode;\n}\n\nconst ListItem: React.FC<RedsListItem> = ({\n  title,\n  subtitle,\n  actionText,\n  size = \"regular\",\n  arrow = false,\n  prefix,\n  action,\n}) => {\n  useMounted(\"ListItem\");\n  const styles = createStyles();\n  const { registerChild, unregisterChild } = useListContext();\n  const [lineItem, setLineItem] = useState(false);\n  const colorMode = useColorMode();\n\n  const childInfo = {\n    setLine: (value: boolean) => setLineItem(value),\n  };\n\n  useEffect(() => {\n    registerChild(childInfo);\n    return () => unregisterChild(childInfo);\n  }, []);\n\n  const listItemSizeToHeight = {\n    regular: 48,\n    expand: 72,\n  };\n\n  return (\n    <View style={[styles.listItem, { height: listItemSizeToHeight[size] }, size === \"expand\" && styles.expand]}>\n      {prefix && <View style={styles.prefix}>{prefix}</View>}\n      <View style={styles.contentBox}>\n        <View style={styles.contentContainer}>\n          <View style={styles.textContainer}>\n            <Text style={styles.title}>{title}</Text>\n            {size === \"expand\" && subtitle && <Text style={styles.subtitle}>{subtitle}</Text>}\n          </View>\n          <View style={styles.tailContainer}>\n            {action ? (\n              <View style={styles.tail}>{action}</View>\n            ) : (\n              <View style={styles.tail}>\n                <Text style={styles.tailText}>{actionText}</Text>\n                {arrow && (\n                  <View style={{ height: 16, width: 16 }}>\n                    <Image\n                      width={16}\n                      height={16}\n                      source={{\n                        uri:\n                          colorMode === \"dark\"\n                            ? \"https://picasso-static.xiaohongshu.com/fe-platform/ca9c472d2e00bd9ff171736db37844a1020a7bee.png\"\n                            : \"https://picasso-static.xiaohongshu.com/fe-platform/2aa7929e87409d49353f7ad8c05fcc1752eea2f0.png\",\n                      }}\n                    ></Image>\n                  </View>\n                )}\n              </View>\n            )}\n          </View>\n        </View>\n        {lineItem && <View style={[styles.hr, { top: size === \"regular\" ? 12 : 20 }]}></View>}\n      </View>\n    </View>\n  );\n};\n\nexport default ListItem;\n"],"names":["ListItem","title","_ref","subtitle","actionText","_ref$size","size","_ref$arrow","arrow","prefix","action","useMounted","styles","createStyles","_useListContext","useListContext","registerChild","unregisterChild","_useState","useState","_useState2","_slicedToArray","lineItem","setLineItem","colorMode","useColorMode","childInfo","setLine","value","useEffect","listItemSizeToHeight","regular","expand","React","createElement","View","style","listItem","height","contentBox","contentContainer","textContainer","Text","tailContainer","tail","tailText","width","Image","source","uri","hr","top"],"mappings":"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"}

package/lib/esm/components/List/index.js

@@ -6,7 +6,7 @@ import 'react-native';
 import './ListItem/ListContext.js';
 import './styles.js';
 import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
-import '../../_chunks/BcioiUBf.js';
+import '../../_chunks/Rk1G_m0d.js';
 import '@xhsreds/reds-token-next';
 import '@xhs/reds-apm/src/index.native';
 import '../ConfigProvider/hooks/themeToken/useThemeToken.js';

package/lib/esm/components/List/styles.js

@@ -3,7 +3,7 @@ import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
 import 'react';
 import '@xhs/reds-apm/src/index.native';
 import { useThemeColor, useThemeTypography } from '../ConfigProvider/hooks/themeToken/useThemeToken.js';
-import '../../_chunks/BcioiUBf.js';
+import '../../_chunks/Rk1G_m0d.js';
 import '@xhsreds/reds-token-next';
 import '../ConfigProvider/hooks/ConfigContext/ConfigContext.js';
 
@@ -20,7 +20,6 @@ var createStyles = function createStyles() {
       marginBottom: 12,
       marginLeft: 32,
       fontSize: typography.T3FontSize,
-      fontWeight: typography.T3FontWeight,
       lineHeight: typography.T3LineHeight
     },
     headerTextPlain: {
@@ -28,7 +27,6 @@ var createStyles = function createStyles() {
       marginHorizontal: 16,
       marginBottom: 12,
       fontSize: typography.T3FontSize,
-      fontWeight: typography.T3FontWeight,
       lineHeight: typography.T3LineHeight
     },
     footerText: {
@@ -63,7 +61,7 @@ var createStyles = function createStyles() {
       flexDirection: "row",
       alignItems: "center",
       justifyContent: "flex-start",
-      paddingVertical: 6
+      paddingVertical: 12
     },
     expand: {},
     prefix: {

package/lib/esm/components/List/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/List/styles.ts"],"sourcesContent":["import { StyleSheet } from \"react-native\";\nimport { useThemeColor, useThemeTypography } from \"../ConfigProvider\";\n\nconst createStyles = () => {\n  const themeColor = useThemeColor(\"List\");\n  const typography = useThemeTypography(\"List\");\n  const styles = StyleSheet.create({\n    list: {\n      paddingVertical: 16,\n    },\n    headerText: {\n      color: themeColor.Description,\n      marginHorizontal: 16,\n      marginBottom: 12,\n      marginLeft: 32,\n      fontSize: typography.T3FontSize,\n      fontWeight: typography.T3FontWeight,\n      lineHeight: typography.T3LineHeight,\n    },\n    headerTextPlain: {\n      color: themeColor.Description,\n      marginHorizontal: 16,\n      marginBottom: 12,\n      fontSize: typography.T3FontSize,\n      fontWeight: typography.T3FontWeight,\n      lineHeight: typography.T3LineHeight,\n    },\n    footerText: {\n      color: themeColor.Description,\n      marginHorizontal: 16,\n      marginTop: 12,\n      marginLeft: 32,\n      fontSize: typography.T3FontSize,\n      fontWeight: typography.T3FontWeight,\n      lineHeight: typography.T3LineHeight,\n    },\n    footerTextPlain: {\n      color: themeColor.Description,\n      marginHorizontal: 16,\n      marginTop: 12,\n      fontSize: typography.T3FontSize,\n      fontWeight: typography.T3FontWeight,\n      lineHeight: typography.T3LineHeight,\n    },\n    listContainer: {\n      borderRadius: 12,\n      marginHorizontal: 16,\n      backgroundColor: themeColor.Bg,\n    },\n    listContainerPlain: {\n      borderRadius: 0,\n      marginHorizontal: 0,\n      backgroundColor: themeColor.Bg2,\n    },\n    listItem: {\n      display: \"flex\",\n      flexDirection: \"row\",\n      alignItems: \"center\",\n      justifyContent: \"flex-start\",\n      paddingVertical: 6,\n    },\n    expand: {},\n    prefix: {\n      marginLeft: 16,\n    },\n    contentBox: {\n      flex: 1,\n      marginLeft: 12,\n    },\n    contentContainer: {\n      flexDirection: \"row\",\n      alignItems: \"center\",\n      justifyContent: \"space-between\",\n      width: \"100%\",\n    },\n    textContainer: {\n      flexDirection: \"column\",\n      justifyContent: \"center\",\n      flex: 1,\n    },\n    tailContainer: {\n      flexDirection: \"row\",\n      alignItems: \"center\",\n    },\n    title: {\n      fontSize: typography.B1FontSize,\n      fontWeight: typography.B1FontWeight,\n      lineHeight: typography.B1LineHeight,\n      color: themeColor.Title,\n    },\n    subtitle: {\n      fontSize: typography.C2FontSize,\n      color: themeColor.Description,\n      lineHeight: typography.C2LineHeight,\n      fontWeight: typography.C2FontWeight,\n    },\n    tail: {\n      marginRight: 16,\n      fontSize: typography.T2FontSize,\n      color: themeColor.Title,\n      display: \"flex\",\n      flexDirection: \"row\",\n      alignItems: \"center\",\n    },\n    tailText: {\n      color: themeColor.Description,\n    },\n\n    hr: {\n      borderTopWidth: 0.5,\n      borderTopColor: themeColor.Separator,\n      width: \"100%\",\n      alignSelf: \"stretch\",\n      position: \"relative\",\n    },\n    icon: {\n      width: 16,\n      height: 16,\n    },\n  });\n  return styles;\n};\n\nexport default createStyles;\n"],"names":["createStyles","themeColor","useThemeColor","typography","useThemeTypography","styles","StyleSheet","create","list","paddingVertical","headerText","color","Description","marginHorizontal","marginBottom","marginLeft","fontSize","T3FontSize","fontWeight","T3FontWeight","lineHeight","T3LineHeight","headerTextPlain","footerText","marginTop","footerTextPlain","listContainer","borderRadius","backgroundColor","Bg","listContainerPlain","Bg2","listItem","display","flexDirection","alignItems","justifyContent","expand","prefix","contentBox","flex","contentContainer","width","textContainer","tailContainer","title","B1FontSize","B1FontWeight","B1LineHeight","Title","subtitle","C2FontSize","C2LineHeight","C2FontWeight","tail","marginRight","T2FontSize","tailText","hr","borderTopWidth","borderTopColor","Separator","alignSelf","position","icon","height"],"mappings":"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"}
+{"version":3,"file":"styles.js","sources":["../../../../src/components/List/styles.ts"],"sourcesContent":["import { StyleSheet } from \"react-native\";\nimport { useThemeColor, useThemeTypography } from \"../ConfigProvider\";\n\nconst createStyles = () => {\n  const themeColor = useThemeColor(\"List\");\n  const typography = useThemeTypography(\"List\");\n  const styles = StyleSheet.create({\n    list: {\n      paddingVertical: 16,\n    },\n    headerText: {\n      color: themeColor.Description,\n      marginHorizontal: 16,\n      marginBottom: 12,\n      marginLeft: 32,\n      fontSize: typography.T3FontSize,\n      lineHeight: typography.T3LineHeight,\n    },\n    headerTextPlain: {\n      color: themeColor.Description,\n      marginHorizontal: 16,\n      marginBottom: 12,\n      fontSize: typography.T3FontSize,\n      lineHeight: typography.T3LineHeight,\n    },\n    footerText: {\n      color: themeColor.Description,\n      marginHorizontal: 16,\n      marginTop: 12,\n      marginLeft: 32,\n      fontSize: typography.T3FontSize,\n      fontWeight: typography.T3FontWeight,\n      lineHeight: typography.T3LineHeight,\n    },\n    footerTextPlain: {\n      color: themeColor.Description,\n      marginHorizontal: 16,\n      marginTop: 12,\n      fontSize: typography.T3FontSize,\n      fontWeight: typography.T3FontWeight,\n      lineHeight: typography.T3LineHeight,\n    },\n    listContainer: {\n      borderRadius: 12,\n      marginHorizontal: 16,\n      backgroundColor: themeColor.Bg,\n    },\n    listContainerPlain: {\n      borderRadius: 0,\n      marginHorizontal: 0,\n      backgroundColor: themeColor.Bg2,\n    },\n    listItem: {\n      display: \"flex\",\n      flexDirection: \"row\",\n      alignItems: \"center\",\n      justifyContent: \"flex-start\",\n      paddingVertical: 12,\n    },\n    expand: {},\n    prefix: {\n      marginLeft: 16,\n    },\n    contentBox: {\n      flex: 1,\n      marginLeft: 12,\n    },\n    contentContainer: {\n      flexDirection: \"row\",\n      alignItems: \"center\",\n      justifyContent: \"space-between\",\n      width: \"100%\",\n    },\n    textContainer: {\n      flexDirection: \"column\",\n      justifyContent: \"center\",\n      flex: 1,\n    },\n    tailContainer: {\n      flexDirection: \"row\",\n      alignItems: \"center\",\n    },\n    title: {\n      fontSize: typography.B1FontSize,\n      fontWeight: typography.B1FontWeight,\n      lineHeight: typography.B1LineHeight,\n      color: themeColor.Title,\n    },\n    subtitle: {\n      fontSize: typography.C2FontSize,\n      color: themeColor.Description,\n      lineHeight: typography.C2LineHeight,\n      fontWeight: typography.C2FontWeight,\n    },\n    tail: {\n      marginRight: 16,\n      fontSize: typography.T2FontSize,\n      color: themeColor.Title,\n      display: \"flex\",\n      flexDirection: \"row\",\n      alignItems: \"center\",\n    },\n    tailText: {\n      color: themeColor.Description,\n    },\n\n    hr: {\n      borderTopWidth: 0.5,\n      borderTopColor: themeColor.Separator,\n      width: \"100%\",\n      alignSelf: \"stretch\",\n      position: \"relative\",\n    },\n    icon: {\n      width: 16,\n      height: 16,\n    },\n  });\n  return styles;\n};\n\nexport default createStyles;\n"],"names":["createStyles","themeColor","useThemeColor","typography","useThemeTypography","styles","StyleSheet","create","list","paddingVertical","headerText","color","Description","marginHorizontal","marginBottom","marginLeft","fontSize","T3FontSize","lineHeight","T3LineHeight","headerTextPlain","footerText","marginTop","fontWeight","T3FontWeight","footerTextPlain","listContainer","borderRadius","backgroundColor","Bg","listContainerPlain","Bg2","listItem","display","flexDirection","alignItems","justifyContent","expand","prefix","contentBox","flex","contentContainer","width","textContainer","tailContainer","title","B1FontSize","B1FontWeight","B1LineHeight","Title","subtitle","C2FontSize","C2LineHeight","C2FontWeight","tail","marginRight","T2FontSize","tailText","hr","borderTopWidth","borderTopColor","Separator","alignSelf","position","icon","height"],"mappings":"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"}