@xhsreds/reds-rn-next 0.2.7 → 0.2.8

package/lib/esm/components/Empty/Empty.js

@@ -1,5 +1,5 @@
-import { b as _objectSpread2 } from '../../_chunks/BcioiUBf.js';
-import React__default, { useMemo } from 'react';
+import { b as _objectSpread2 } from '../../_chunks/Rk1G_m0d.js';
+import React, { useMemo } from 'react';
 import { Image, View, Text } from 'react-native';
 import { E as EmptyDefaultProps } from '../../_chunks/BfaGqGMC.js';
 import createStyles from './styles.js';
@@ -21,7 +21,7 @@ var Empty = function Empty(props) {
   var styles = createStyles();
   var colorMode = useColorMode();
   var defaultImage = useMemo(function () {
-    return image || /* @__PURE__ */React__default.createElement(Image, {
+    return image || /* @__PURE__ */React.createElement(Image, {
       style: {
         height: 88,
         width: 84
@@ -31,13 +31,13 @@ var Empty = function Empty(props) {
       }
     });
   }, [image, colorMode]);
-  return /* @__PURE__ */React__default.createElement(View, {
+  return /* @__PURE__ */React.createElement(View, {
     style: styles.container
-  }, /* @__PURE__ */React__default.createElement(View, null, defaultImage), /* @__PURE__ */React__default.createElement(View, {
+  }, /* @__PURE__ */React.createElement(View, null, defaultImage), /* @__PURE__ */React.createElement(View, {
     style: styles.description
-  }, /* @__PURE__ */React__default.createElement(Text, {
+  }, /* @__PURE__ */React.createElement(Text, {
     style: styles.descriptionText
-  }, description || "\u6682\u65E0\u6570\u636E")), action && /* @__PURE__ */React__default.createElement(View, {
+  }, description || "\u6682\u65E0\u6570\u636E")), action && /* @__PURE__ */React.createElement(View, {
     style: styles.action
   }, action));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Empty.js","sources":["../../../../src/components/Empty/Empty.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { View, Image, Text } from \"react-native\";\nimport { RedsEmpty, EmptyDefaultProps } from \"./interface/index\";\nimport createStyles from \"./styles\";\nimport { useColorMode } from \"../ConfigProvider\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\n\nconst Empty = (props: RedsEmpty) => {\n  useMounted(\"Empty\");\n  const { description, image, action } = { ...(EmptyDefaultProps as RedsEmpty), ...props };\n\n  const styles = createStyles();\n  const colorMode = useColorMode();\n\n  const defaultImage = useMemo(\n    () =>\n      image || (\n        <Image\n          style={{ height: 88, width: 84 }}\n          source={{\n            uri:\n              colorMode === \"light\"\n                ? \"https://picasso-static.xiaohongshu.com/fe-platform/fb6202b046d7ee0a1d034948c37bd5e6d97bd417.png\"\n                : \"https://picasso-static.xiaohongshu.com/fe-platform/5c4257097b2f5b22b00cd3f40a1b84b7ece993f4.png\",\n          }}\n        ></Image>\n      ),\n    [image, colorMode],\n  );\n\n  return (\n    <View style={styles.container}>\n      <View>{defaultImage}</View>\n      <View style={styles.description}>\n        <Text style={styles.descriptionText}>{description || \"暂无数据\"}</Text>\n      </View>\n      {action && <View style={styles.action}>{action}</View>}\n    </View>\n  );\n};\n\nEmpty.defaultProps = EmptyDefaultProps;\n\nexport default Empty;\n"],"names":["Empty","props","useMounted","_EmptyDefaultProps$pr","_objectSpread","EmptyDefaultProps","description","image","action","styles","createStyles","colorMode","useColorMode","defaultImage","useMemo","React","createElement","Image","style","height","width","source","uri","View","container","Text","descriptionText","defaultProps"],"mappings":";;;;;;;;;;;;;;AAOA,IAAMA,KAAA,GAAQ,SAARA,KAAAA,CAASC,KAAqB,EAAA;EAClCC,UAAA,CAAW,OAAO,CAAA,CAAA;EACZ,IAAAC,qBAAA,GAAAC,cAAA,CAAAA,cAAA,CAAuCC,EAAAA,EAAAA,iBAAiC,GAAGJ,KAAM,CAAA;IAA/EK,oCAAAA;IAAaC,KAAO,GAAAJ,qBAAA,CAAPI,KAAO;IAAAC,MAAA,GAAAL,qBAAA,CAAAK,MAAA,CAAA;AAE5B,EAAA,IAAMC,SAASC,YAAa,EAAA,CAAA;AAC5B,EAAA,IAAMC,YAAYC,YAAa,EAAA,CAAA;EAE/B,IAAMC,YAAe,GAAAC,OAAA,CACnB,YAAA;IAAA,OACEP,KACE,mBAAAQ,cAAA,CAAAC,aAAA,CAACC,KAAA,EAAA;AACCC,MAAAA,KAAO,EAAA;AAAEC,QAAAA,MAAQ,EAAA,EAAA;AAAIC,QAAAA,OAAO,EAAA;OAAG;AAC/BC,MAAAA,MAAQ,EAAA;AACNC,QAAAA,GAAA,EACEX,SAAc,KAAA,OAAA,GACV,iGACA,GAAA,iGAAA;AACR,OAAA;AAAA,KACD,CAAA,CAAA;AAAA,GAAA,EAEL,CAACJ,OAAOI,SAAS,CACnB,CAAA,CAAA;AAEA,EAAA,sBACGI,cAAA,CAAAC,aAAA,CAAAO,IAAA,EAAA;IAAKL,KAAO,EAAAT,MAAA,CAAOe,SAAAA;AAClB,GAAA,iBAAAT,cAAA,CAAAC,aAAA,CAACO,IAAM,EAAA,IAAA,EAAAV,YAAa,CACpB,iBAAAE,cAAA,CAAAC,aAAA,CAACO,IAAK,EAAA;IAAAL,KAAA,EAAOT,OAAOH,WAAAA;AAClB,GAAA,iBAAAS,cAAA,CAAAC,aAAA,CAACS,IAAK,EAAA;IAAAP,KAAA,EAAOT,MAAO,CAAAiB,eAAAA;AAAA,GAAA,EAAkBpB,WAAe,IAAA,0BAAO,CAC9D,CAAA,EACCE,MAAU,mBAAAO,cAAA,CAAAC,aAAA,CAACO,IAAK,EAAA;IAAAL,KAAA,EAAOT,MAAO,CAAAD,MAAAA;GAAA,EAASA,MAAO,CACjD,CAAA,CAAA;AAEJ,EAAA;AAEAR,KAAA,CAAM2B,YAAe,GAAAtB,iBAAA;;;;"}
+{"version":3,"file":"Empty.js","sources":["../../../../src/components/Empty/Empty.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { View, Image, Text } from \"react-native\";\nimport { RedsEmpty, EmptyDefaultProps } from \"./interface/index\";\nimport createStyles from \"./styles\";\nimport { useColorMode } from \"../ConfigProvider\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\n\nconst Empty = (props: RedsEmpty) => {\n  useMounted(\"Empty\");\n  const { description, image, action } = { ...(EmptyDefaultProps as RedsEmpty), ...props };\n\n  const styles = createStyles();\n  const colorMode = useColorMode();\n\n  const defaultImage = useMemo(\n    () =>\n      image || (\n        <Image\n          style={{ height: 88, width: 84 }}\n          source={{\n            uri:\n              colorMode === \"light\"\n                ? \"https://picasso-static.xiaohongshu.com/fe-platform/fb6202b046d7ee0a1d034948c37bd5e6d97bd417.png\"\n                : \"https://picasso-static.xiaohongshu.com/fe-platform/5c4257097b2f5b22b00cd3f40a1b84b7ece993f4.png\",\n          }}\n        ></Image>\n      ),\n    [image, colorMode],\n  );\n\n  return (\n    <View style={styles.container}>\n      <View>{defaultImage}</View>\n      <View style={styles.description}>\n        <Text style={styles.descriptionText}>{description || \"暂无数据\"}</Text>\n      </View>\n      {action && <View style={styles.action}>{action}</View>}\n    </View>\n  );\n};\n\nEmpty.defaultProps = EmptyDefaultProps;\n\nexport default Empty;\n"],"names":["Empty","props","useMounted","_EmptyDefaultProps$pr","_objectSpread","EmptyDefaultProps","description","image","action","styles","createStyles","colorMode","useColorMode","defaultImage","useMemo","React","createElement","Image","style","height","width","source","uri","View","container","Text","descriptionText","defaultProps"],"mappings":";;;;;;;;;;;;;;AAOA,IAAMA,KAAA,GAAQ,SAARA,KAAAA,CAASC,KAAqB,EAAA;EAClCC,UAAA,CAAW,OAAO,CAAA,CAAA;EACZ,IAAAC,qBAAA,GAAAC,cAAA,CAAAA,cAAA,CAAuCC,EAAAA,EAAAA,iBAAiC,GAAGJ,KAAM,CAAA;IAA/EK,oCAAAA;IAAaC,KAAO,GAAAJ,qBAAA,CAAPI,KAAO;IAAAC,MAAA,GAAAL,qBAAA,CAAAK,MAAA,CAAA;AAE5B,EAAA,IAAMC,SAASC,YAAa,EAAA,CAAA;AAC5B,EAAA,IAAMC,YAAYC,YAAa,EAAA,CAAA;EAE/B,IAAMC,YAAe,GAAAC,OAAA,CACnB,YAAA;IAAA,OACEP,KACE,mBAAAQ,KAAA,CAAAC,aAAA,CAACC,KAAA,EAAA;AACCC,MAAAA,KAAO,EAAA;AAAEC,QAAAA,MAAQ,EAAA,EAAA;AAAIC,QAAAA,OAAO,EAAA;OAAG;AAC/BC,MAAAA,MAAQ,EAAA;AACNC,QAAAA,GAAA,EACEX,SAAc,KAAA,OAAA,GACV,iGACA,GAAA,iGAAA;AACR,OAAA;AAAA,KACD,CAAA,CAAA;AAAA,GAAA,EAEL,CAACJ,OAAOI,SAAS,CACnB,CAAA,CAAA;AAEA,EAAA,sBACGI,KAAA,CAAAC,aAAA,CAAAO,IAAA,EAAA;IAAKL,KAAO,EAAAT,MAAA,CAAOe,SAAAA;AAClB,GAAA,iBAAAT,KAAA,CAAAC,aAAA,CAACO,IAAM,EAAA,IAAA,EAAAV,YAAa,CACpB,iBAAAE,KAAA,CAAAC,aAAA,CAACO,IAAK,EAAA;IAAAL,KAAA,EAAOT,OAAOH,WAAAA;AAClB,GAAA,iBAAAS,KAAA,CAAAC,aAAA,CAACS,IAAK,EAAA;IAAAP,KAAA,EAAOT,MAAO,CAAAiB,eAAAA;AAAA,GAAA,EAAkBpB,WAAe,IAAA,0BAAO,CAC9D,CAAA,EACCE,MAAU,mBAAAO,KAAA,CAAAC,aAAA,CAACO,IAAK,EAAA;IAAAL,KAAA,EAAOT,MAAO,CAAAD,MAAAA;GAAA,EAASA,MAAO,CACjD,CAAA,CAAA;AAEJ,EAAA;AAEAR,KAAA,CAAM2B,YAAe,GAAAtB,iBAAA;;;;"}

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

@@ -1,6 +1,6 @@
 import Empty from './Empty.js';
 export { i as EmptyType } from '../../_chunks/BfaGqGMC.js';
-import '../../_chunks/BcioiUBf.js';
+import '../../_chunks/Rk1G_m0d.js';
 import 'react';
 import 'react-native';
 import './styles.js';

package/lib/esm/components/Empty/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';
 

package/lib/esm/components/FAB/FAB.js

@@ -1,5 +1,5 @@
-import { b as _objectSpread2, _ as _slicedToArray } from '../../_chunks/BcioiUBf.js';
-import React__default, { memo, forwardRef, useState } from 'react';
+import { b as _objectSpread2, _ as _slicedToArray } from '../../_chunks/Rk1G_m0d.js';
+import React, { memo, useState } from 'react';
 import { View } from 'react-native';
 import { F as FABDefaultProps } from '../../_chunks/BHRAJjD2.js';
 import { getPositionStyles, styles } from './styles.js';
@@ -38,13 +38,13 @@ var FAB = function FAB(props) {
     setBoxWidth = _useState2[1];
   var positionStyles = getPositionStyles(finalProps, boxWidth);
   var viewStyles = [styles.container, positionStyles];
-  return /* @__PURE__ */React__default.createElement(PortalProvider, null, /* @__PURE__ */React__default.createElement(Portal, null, /* @__PURE__ */React__default.createElement(View, {
+  return /* @__PURE__ */React.createElement(PortalProvider, null, /* @__PURE__ */React.createElement(Portal, null, /* @__PURE__ */React.createElement(View, {
     style: viewStyles,
     onLayout: function onLayout(event) {
       var width = event.nativeEvent.layout.width;
       setBoxWidth(width);
     }
-  }, /* @__PURE__ */React__default.createElement(Button, {
+  }, /* @__PURE__ */React.createElement(Button, {
     size: size,
     type: type,
     shape: shape,
@@ -55,7 +55,7 @@ var FAB = function FAB(props) {
     onClick: onClick
   }, children))));
 };
-var FAB$1 = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(FAB));
+var FAB$1 = /*#__PURE__*/memo(FAB);
 
 export { FAB$1 as default };
 //# sourceMappingURL=FAB.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FAB.js","sources":["../../../../src/components/FAB/FAB.tsx"],"sourcesContent":["import React, { memo, forwardRef, useState } from \"react\";\nimport { View, GestureResponderEvent, ViewStyle } from \"react-native\";\nimport { RedsFAB, FABDefaultProps } from \"./interface/index\";\nimport { styles, getPositionStyles } from \"./styles\";\nimport { Button } from \"../Button\";\nimport { Portal, PortalProvider } from \"../Portal\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\n\nconst FAB = (props: RedsFAB) => {\n  useMounted(\"FAB\");\n  const finalProps = { ...(FABDefaultProps as RedsFAB), ...props };\n  const { size, type, shape, children, onClick, avatar, iconLeft, iconRight } = finalProps;\n\n  const [boxWidth, setBoxWidth] = useState(0);\n  const positionStyles = getPositionStyles(finalProps, boxWidth);\n  const viewStyles: ViewStyle[] = [styles.container, positionStyles];\n\n  return (\n    <PortalProvider>\n      <Portal>\n        <View\n          style={viewStyles}\n          onLayout={(event) => {\n            const { width } = event.nativeEvent.layout;\n            setBoxWidth(width);\n          }}\n        >\n          <Button\n            size={size}\n            type={type}\n            shape={shape}\n            iconLeft={iconLeft}\n            iconRight={iconRight}\n            avatar={avatar}\n            outlineType={\"shadow\"}\n            onClick={onClick}\n          >\n            {children}\n          </Button>\n        </View>\n      </Portal>\n    </PortalProvider>\n  );\n};\n\nexport default memo(forwardRef(FAB));\n"],"names":["FAB","props","useMounted","finalProps","_objectSpread","FABDefaultProps","size","type","shape","children","onClick","avatar","iconLeft","iconRight","_useState","useState","_useState2","_slicedToArray","boxWidth","setBoxWidth","positionStyles","getPositionStyles","viewStyles","styles","container","React","createElement","PortalProvider","Portal","View","style","onLayout","event","width","nativeEvent","layout","Button","outlineType","memo","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,GAAA,GAAM,SAANA,GAAAA,CAAOC,KAAmB,EAAA;EAC9BC,UAAA,CAAW,KAAK,CAAA,CAAA;EAChB,IAAMC,UAAa,GAAAC,cAAA,CAAAA,cAAA,CAAMC,EAAAA,EAAAA,eAAA,CAAgCJ,EAAAA,KAAM,CAAA,CAAA;AACzD,EAAA,IAAEK,OAAsEH,UAAA,CAAtEG;IAAMC,IAAM,GAA0DJ,UAAA,CAAhEI,IAAM;IAAAC,KAAA,GAA0DL,UAAA,CAA1DK,KAAA;IAAOC,WAAmDN,UAAA,CAAnDM;IAAUC,OAAS,GAAgCP,UAAA,CAAzCO,OAAS;IAAAC,MAAA,GAAgCR,UAAA,CAAhCQ,MAAA;IAAQC,QAAU,GAAcT,UAAA,CAAxBS,QAAU;IAAAC,SAAA,GAAcV,UAAA,CAAdU,SAAA,CAAA;AAEhE,EAAA,IAAAC,SAAA,GAAgCC,SAAS,CAAC,CAAA;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAnCI,IAAAA,QAAA,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAUG,IAAAA,WAAW,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AACtB,EAAA,IAAAI,cAAA,GAAiBC,iBAAkB,CAAAlB,UAAA,EAAYe,QAAQ,CAAA,CAAA;EAC7D,IAAMI,UAA0B,GAAA,CAACC,MAAO,CAAAC,SAAA,EAAWJ,cAAc,CAAA,CAAA;EAG/D,sBAAAK,cAAA,CAAAC,aAAA,CAACC,cACC,EAAA,IAAA,iBAAAF,cAAA,CAAAC,aAAA,CAACE,MACC,EAAA,IAAA,iBAAAH,cAAA,CAAAC,aAAA,CAACG,IAAA,EAAA;AACCC,IAAAA,KAAO,EAAAR,UAAA;AACPS,IAAAA,QAAA,EAAU,SAAVA,QAAAA,CAAWC,KAAU,EAAA;MACnB,IAAQC,KAAA,GAAUD,KAAA,CAAME,WAAY,CAAAC,MAAA,CAA5BF,KAAA,CAAA;MACRd,WAAA,CAAYc,KAAK,CAAA,CAAA;AACnB,KAAA;AAAA,GAAA,iBAEAR,cAAA,CAAAC,aAAA,CAACU,MAAA,EAAA;AACC9B,IAAAA,IAAA,EAAAA,IAAA;AACAC,IAAAA,IAAA,EAAAA,IAAA;AACAC,IAAAA,KAAA,EAAAA,KAAA;AACAI,IAAAA,QAAA,EAAAA,QAAA;AACAC,IAAAA,SAAA,EAAAA,SAAA;AACAF,IAAAA,MAAA,EAAAA,MAAA;AACA0B,IAAAA,WAAa,EAAA,QAAA;AACb3B,IAAAA,OAAA,EAAAA,OAAAA;AAAA,GAAA,EAECD,QACH,CACF,CACF,CACF,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEA,YAAA,aAAe6B,IAAA,cAAKC,UAAW,CAAAvC,GAAG,CAAC,CAAA;;;;"}
+{"version":3,"file":"FAB.js","sources":["../../../../src/components/FAB/FAB.tsx"],"sourcesContent":["import React, { memo, useState } from \"react\";\nimport { View, ViewStyle } from \"react-native\";\nimport { RedsFAB, FABDefaultProps } from \"./interface/index\";\nimport { styles, getPositionStyles } from \"./styles\";\nimport { Button } from \"../Button\";\nimport { Portal, PortalProvider } from \"../Portal\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\n\nconst FAB = (props: RedsFAB) => {\n  useMounted(\"FAB\");\n  const finalProps = { ...(FABDefaultProps as RedsFAB), ...props };\n  const { size, type, shape, children, onClick, avatar, iconLeft, iconRight } = finalProps;\n\n  const [boxWidth, setBoxWidth] = useState(0);\n  const positionStyles = getPositionStyles(finalProps, boxWidth);\n  const viewStyles: ViewStyle[] = [styles.container, positionStyles];\n\n  return (\n    <PortalProvider>\n      <Portal>\n        <View\n          style={viewStyles}\n          onLayout={(event) => {\n            const { width } = event.nativeEvent.layout;\n            setBoxWidth(width);\n          }}\n        >\n          <Button\n            size={size}\n            type={type}\n            shape={shape}\n            iconLeft={iconLeft}\n            iconRight={iconRight}\n            avatar={avatar}\n            outlineType={\"shadow\"}\n            onClick={onClick}\n          >\n            {children}\n          </Button>\n        </View>\n      </Portal>\n    </PortalProvider>\n  );\n};\n\nexport default memo(FAB);\n"],"names":["FAB","props","useMounted","finalProps","_objectSpread","FABDefaultProps","size","type","shape","children","onClick","avatar","iconLeft","iconRight","_useState","useState","_useState2","_slicedToArray","boxWidth","setBoxWidth","positionStyles","getPositionStyles","viewStyles","styles","container","React","createElement","PortalProvider","Portal","View","style","onLayout","event","width","nativeEvent","layout","Button","outlineType","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,GAAA,GAAM,SAANA,GAAAA,CAAOC,KAAmB,EAAA;EAC9BC,UAAA,CAAW,KAAK,CAAA,CAAA;EAChB,IAAMC,UAAa,GAAAC,cAAA,CAAAA,cAAA,CAAMC,EAAAA,EAAAA,eAAA,CAAgCJ,EAAAA,KAAM,CAAA,CAAA;AACzD,EAAA,IAAEK,OAAsEH,UAAA,CAAtEG;IAAMC,IAAM,GAA0DJ,UAAA,CAAhEI,IAAM;IAAAC,KAAA,GAA0DL,UAAA,CAA1DK,KAAA;IAAOC,WAAmDN,UAAA,CAAnDM;IAAUC,OAAS,GAAgCP,UAAA,CAAzCO,OAAS;IAAAC,MAAA,GAAgCR,UAAA,CAAhCQ,MAAA;IAAQC,QAAU,GAAcT,UAAA,CAAxBS,QAAU;IAAAC,SAAA,GAAcV,UAAA,CAAdU,SAAA,CAAA;AAEhE,EAAA,IAAAC,SAAA,GAAgCC,SAAS,CAAC,CAAA;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAnCI,IAAAA,QAAA,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAUG,IAAAA,WAAW,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AACtB,EAAA,IAAAI,cAAA,GAAiBC,iBAAkB,CAAAlB,UAAA,EAAYe,QAAQ,CAAA,CAAA;EAC7D,IAAMI,UAA0B,GAAA,CAACC,MAAO,CAAAC,SAAA,EAAWJ,cAAc,CAAA,CAAA;EAG/D,sBAAAK,KAAA,CAAAC,aAAA,CAACC,cACC,EAAA,IAAA,iBAAAF,KAAA,CAAAC,aAAA,CAACE,MACC,EAAA,IAAA,iBAAAH,KAAA,CAAAC,aAAA,CAACG,IAAA,EAAA;AACCC,IAAAA,KAAO,EAAAR,UAAA;AACPS,IAAAA,QAAA,EAAU,SAAVA,QAAAA,CAAWC,KAAU,EAAA;MACnB,IAAQC,KAAA,GAAUD,KAAA,CAAME,WAAY,CAAAC,MAAA,CAA5BF,KAAA,CAAA;MACRd,WAAA,CAAYc,KAAK,CAAA,CAAA;AACnB,KAAA;AAAA,GAAA,iBAEAR,KAAA,CAAAC,aAAA,CAACU,MAAA,EAAA;AACC9B,IAAAA,IAAA,EAAAA,IAAA;AACAC,IAAAA,IAAA,EAAAA,IAAA;AACAC,IAAAA,KAAA,EAAAA,KAAA;AACAI,IAAAA,QAAA,EAAAA,QAAA;AACAC,IAAAA,SAAA,EAAAA,SAAA;AACAF,IAAAA,MAAA,EAAAA,MAAA;AACA0B,IAAAA,WAAa,EAAA,QAAA;AACb3B,IAAAA,OAAA,EAAAA,OAAAA;AAAA,GAAA,EAECD,QACH,CACF,CACF,CACF,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEA,YAAe6B,aAAAA,KAAKtC,GAAG,CAAA;;;;"}

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

@@ -1,6 +1,6 @@
 import FAB from './FAB.js';
 export { i as FABType } from '../../_chunks/BHRAJjD2.js';
-import '../../_chunks/BcioiUBf.js';
+import '../../_chunks/Rk1G_m0d.js';
 import 'react';
 import 'react-native';
 import './styles.js';

package/lib/esm/components/Form/Form.js

@@ -1,5 +1,5 @@
-import { _ as _slicedToArray, b as _objectSpread2, e as _defineProperty } from '../../_chunks/BcioiUBf.js';
-import React__default, { forwardRef, useState, useImperativeHandle } from 'react';
+import { _ as _slicedToArray, b as _objectSpread2, e as _defineProperty } from '../../_chunks/Rk1G_m0d.js';
+import React, { forwardRef, useState, useImperativeHandle } from 'react';
 import { F as FormDefaultProps } from '../../_chunks/CvHfyOGL.js';
 import Button from '../Button/Button.js';
 import Schema from 'async-validator';
@@ -42,7 +42,7 @@ var Form = /*#__PURE__*/forwardRef(function (props, ref) {
       handleSubmit: handleSubmit
     };
   });
-  return /* @__PURE__ */React__default.createElement(FormContext.Provider, {
+  return /* @__PURE__ */React.createElement(FormContext.Provider, {
     value: {
       rules: props.rules,
       value: props.data,
@@ -51,12 +51,12 @@ var Form = /*#__PURE__*/forwardRef(function (props, ref) {
       errors: errors,
       setErrors: setErrors
     }
-  }, /* @__PURE__ */React__default.createElement(React__default.Fragment, null, props.children, props.showSubmit ? /* @__PURE__ */React__default.createElement(Button, {
+  }, /* @__PURE__ */React.createElement(React.Fragment, null, props.children, props.showSubmit ? /* @__PURE__ */React.createElement(Button, {
     onClick: handleSubmit,
     type: "primary",
     variant: "fill",
     block: true
-  }, props.submitText) : /* @__PURE__ */React__default.createElement(React__default.Fragment, null)));
+  }, props.submitText) : /* @__PURE__ */React.createElement(React.Fragment, null)));
 });
 Form.defaultProps = FormDefaultProps;
 

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

@@ -1 +1 @@
-{"version":3,"file":"Form.js","sources":["../../../../src/components/Form/Form.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useMemo, useCallback, forwardRef, useImperativeHandle } from \"react\";\nimport { View, TouchableWithoutFeedback } from \"react-native\";\nimport { RedsForm, FormDefaultProps, RedsFormItem } from \"./interface/index\";\nimport { Button } from \"../Button\";\nimport Schema from \"async-validator\";\nimport { FormContext } from \"./hooks/useFormContext\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\nconst Form = forwardRef((props: RedsForm, ref) => {\n  useMounted(\"Form\");\n  const [errors, setErrors] = useState({});\n\n  const handleSubmit = () => {\n    const validator = new Schema(props.rules);\n    validator.validate(props.data, (errors, fields) => {\n      if (errors) {\n        setErrors(\n          errors.reduce((prev: any, cur: any) => {\n            prev = {\n              ...prev,\n              [String(cur.field)]: cur.message,\n            };\n            return prev;\n          }, {}),\n        );\n        props?.onError?.(errors, fields);\n      } else {\n        props?.onSubmit?.(props.data, errors);\n      }\n    });\n  };\n\n  useImperativeHandle(ref, () => {\n    return {\n      handleSubmit,\n    };\n  });\n\n  return (\n    <FormContext.Provider\n      value={{\n        rules: props.rules,\n        value: props.data,\n        layout: props.layout,\n        align: props.align,\n        errors,\n        setErrors,\n      }}\n    >\n      <>\n        {props.children}\n        {props.showSubmit ? (\n          <Button onClick={handleSubmit} type={\"primary\"} variant={\"fill\"} block>\n            {props.submitText}\n          </Button>\n        ) : (\n          <></>\n        )}\n      </>\n    </FormContext.Provider>\n  );\n});\n\nForm.defaultProps = FormDefaultProps;\n\nexport default Form;\n"],"names":["Form","forwardRef","props","ref","useMounted","_useState","useState","_useState2","_slicedToArray","errors","setErrors","handleSubmit","validator","Schema","rules","validate","data","fields","_props$onError","reduce","prev","cur","_objectSpread","_defineProperty","String","field","message","onError","call","_props$onSubmit","onSubmit","useImperativeHandle","React","createElement","FormContext","Provider","value","layout","align","children","showSubmit","Button","onClick","type","variant","block","submitText","defaultProps","FormDefaultProps"],"mappings":";;;;;;;;;;;;;;;;;AAOMA,IAAAA,IAAO,gBAAAC,UAAA,CAAW,UAACC,KAAA,EAAiBC,GAAQ,EAAA;EAChDC,UAAA,CAAW,MAAM,CAAA,CAAA;AACjB,EAAA,IAAAC,SAAA,GAA4BC,QAAA,CAAS,EAAE,CAAA;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAhCI,IAAAA,MAAQ,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAAG,IAAAA,SAAS,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAExB,EAAA,IAAMI,eAAe,SAAfA,eAAqB;IACzB,IAAMC,SAAY,GAAA,IAAIC,MAAO,CAAAX,KAAA,CAAMY,KAAK,CAAA,CAAA;IACxCF,SAAA,CAAUG,QAAS,CAAAb,KAAA,CAAMc,IAAM,EAAA,UAACP,SAAQQ,MAAW,EAAA;AACjD,MAAA,IAAIR,OAAQ,EAAA;AAAA,QAAA,IAAAS,cAAA,CAAA;QACVR,SAAA,CACED,OAAO,CAAAU,MAAA,CAAO,UAACC,IAAA,EAAWC,GAAa,EAAA;AAC9BD,UAAAA,IAAA,GAAAE,cAAA,CAAAA,cAAA,CACFF,EAAAA,EAAAA,IAAA,OAAAG,eAAA,CAAA,EAAA,EACFC,MAAO,CAAAH,GAAA,CAAII,KAAK,CAAC,EAAGJ,GAAI,CAAAK,OAAA,CAC3B,CAAA,CAAA;AACO,UAAA,OAAAN,IAAA,CAAA;AACT,SAAA,EAAG,EAAE,CACP,CAAA,CAAA;QACOlB,KAAA,KAAA,IAAA,IAAAA,KAAA,KAAAgB,KAAAA,CAAAA,IAAAA,CAAAA,cAAA,GAAAhB,KAAA,CAAAyB,OAAA,MAAAT,IAAAA,IAAAA,cAAA,eAAAA,cAAA,CAAAU,IAAA,CAAA1B,KAAA,EAAUO,SAAQQ,MAAM,CAAA,CAAA;AACjC,OAAO,MAAA;AAAA,QAAA,IAAAY,eAAA,CAAA;QACE3B,KAAA,KAAA,IAAA,IAAAA,KAAA,KAAA2B,KAAAA,CAAAA,IAAAA,CAAAA,eAAA,GAAA3B,KAAA,CAAA4B,QAAA,MAAA,IAAA,IAAAD,eAAA,KAAA,KAAA,CAAA,IAAAA,eAAA,CAAAD,IAAA,CAAA1B,KAAA,EAAWA,KAAM,CAAAc,IAAA,EAAMP,OAAM,CAAA,CAAA;AACtC,OAAA;AACF,KAAC,CAAA,CAAA;GACH,CAAA;EAEAsB,mBAAA,CAAoB5B,KAAK,YAAM;IACtB,OAAA;AACLQ,MAAAA,YAAA,EAAAA,YAAAA;KACF,CAAA;AACF,GAAC,CAAA,CAAA;EAGC,sBAAAqB,cAAA,CAAAC,aAAA,CAACC,WAAY,CAAAC,QAAA,EAAZ;AACCC,IAAAA,KAAO,EAAA;MACLtB,OAAOZ,KAAM,CAAAY,KAAA;MACbsB,OAAOlC,KAAM,CAAAc,IAAA;MACbqB,QAAQnC,KAAM,CAAAmC,MAAA;MACdC,OAAOpC,KAAM,CAAAoC,KAAA;AACb7B,MAAAA,MAAA,EAAAA,MAAA;AACAC,MAAAA,SAAA,EAAAA,SAAAA;AACF,KAAA;GAAA,6EAGGR,KAAM,CAAAqC,QAAA,EACNrC,MAAMsC,UACL,kBAAAR,cAAA,CAAAC,aAAA,CAACQ;AAAOC,IAAAA,OAAS,EAAA/B,YAAA;AAAcgC,IAAAA,MAAM,SAAW;AAAAC,IAAAA,OAAA,EAAS;AAAQC,IAAAA,KAAK,EAAA,IAAA;AAAA,GAAA,EACnE3C,MAAM4C,UACT,CAAA,4EAEE,CAEN,CACF,CAAA,CAAA;AAEJ,CAAC,EAAA;AAED9C,IAAA,CAAK+C,YAAe,GAAAC,gBAAA;;;;"}
+{"version":3,"file":"Form.js","sources":["../../../../src/components/Form/Form.tsx"],"sourcesContent":["import React, { useState, forwardRef, useImperativeHandle } from \"react\";\nimport { RedsForm, FormDefaultProps } from \"./interface/index\";\nimport { Button } from \"../Button\";\nimport Schema from \"async-validator\";\nimport { FormContext } from \"./hooks/useFormContext\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\nconst Form = forwardRef((props: RedsForm, ref) => {\n  useMounted(\"Form\");\n  const [errors, setErrors] = useState({});\n\n  const handleSubmit = () => {\n    const validator = new Schema(props.rules);\n    validator.validate(props.data, (errors, fields) => {\n      if (errors) {\n        setErrors(\n          errors.reduce((prev: any, cur: any) => {\n            prev = {\n              ...prev,\n              [String(cur.field)]: cur.message,\n            };\n            return prev;\n          }, {}),\n        );\n        props?.onError?.(errors, fields);\n      } else {\n        props?.onSubmit?.(props.data, errors);\n      }\n    });\n  };\n\n  useImperativeHandle(ref, () => {\n    return {\n      handleSubmit,\n    };\n  });\n\n  return (\n    <FormContext.Provider\n      value={{\n        rules: props.rules,\n        value: props.data,\n        layout: props.layout,\n        align: props.align,\n        errors,\n        setErrors,\n      }}\n    >\n      <>\n        {props.children}\n        {props.showSubmit ? (\n          <Button onClick={handleSubmit} type={\"primary\"} variant={\"fill\"} block>\n            {props.submitText}\n          </Button>\n        ) : (\n          <></>\n        )}\n      </>\n    </FormContext.Provider>\n  );\n});\n\nForm.defaultProps = FormDefaultProps;\n\nexport default Form;\n"],"names":["Form","forwardRef","props","ref","useMounted","_useState","useState","_useState2","_slicedToArray","errors","setErrors","handleSubmit","validator","Schema","rules","validate","data","fields","_props$onError","reduce","prev","cur","_objectSpread","_defineProperty","String","field","message","onError","call","_props$onSubmit","onSubmit","useImperativeHandle","React","createElement","FormContext","Provider","value","layout","align","children","showSubmit","Button","onClick","type","variant","block","submitText","defaultProps","FormDefaultProps"],"mappings":";;;;;;;;;;;;;;;;;AAMMA,IAAAA,IAAO,gBAAAC,UAAA,CAAW,UAACC,KAAA,EAAiBC,GAAQ,EAAA;EAChDC,UAAA,CAAW,MAAM,CAAA,CAAA;AACjB,EAAA,IAAAC,SAAA,GAA4BC,QAAA,CAAS,EAAE,CAAA;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAhCI,IAAAA,MAAQ,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAAG,IAAAA,SAAS,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAExB,EAAA,IAAMI,eAAe,SAAfA,eAAqB;IACzB,IAAMC,SAAY,GAAA,IAAIC,MAAO,CAAAX,KAAA,CAAMY,KAAK,CAAA,CAAA;IACxCF,SAAA,CAAUG,QAAS,CAAAb,KAAA,CAAMc,IAAM,EAAA,UAACP,SAAQQ,MAAW,EAAA;AACjD,MAAA,IAAIR,OAAQ,EAAA;AAAA,QAAA,IAAAS,cAAA,CAAA;QACVR,SAAA,CACED,OAAO,CAAAU,MAAA,CAAO,UAACC,IAAA,EAAWC,GAAa,EAAA;AAC9BD,UAAAA,IAAA,GAAAE,cAAA,CAAAA,cAAA,CACFF,EAAAA,EAAAA,IAAA,OAAAG,eAAA,CAAA,EAAA,EACFC,MAAO,CAAAH,GAAA,CAAII,KAAK,CAAC,EAAGJ,GAAI,CAAAK,OAAA,CAC3B,CAAA,CAAA;AACO,UAAA,OAAAN,IAAA,CAAA;AACT,SAAA,EAAG,EAAE,CACP,CAAA,CAAA;QACOlB,KAAA,KAAA,IAAA,IAAAA,KAAA,KAAAgB,KAAAA,CAAAA,IAAAA,CAAAA,cAAA,GAAAhB,KAAA,CAAAyB,OAAA,MAAAT,IAAAA,IAAAA,cAAA,eAAAA,cAAA,CAAAU,IAAA,CAAA1B,KAAA,EAAUO,SAAQQ,MAAM,CAAA,CAAA;AACjC,OAAO,MAAA;AAAA,QAAA,IAAAY,eAAA,CAAA;QACE3B,KAAA,KAAA,IAAA,IAAAA,KAAA,KAAA2B,KAAAA,CAAAA,IAAAA,CAAAA,eAAA,GAAA3B,KAAA,CAAA4B,QAAA,MAAA,IAAA,IAAAD,eAAA,KAAA,KAAA,CAAA,IAAAA,eAAA,CAAAD,IAAA,CAAA1B,KAAA,EAAWA,KAAM,CAAAc,IAAA,EAAMP,OAAM,CAAA,CAAA;AACtC,OAAA;AACF,KAAC,CAAA,CAAA;GACH,CAAA;EAEAsB,mBAAA,CAAoB5B,KAAK,YAAM;IACtB,OAAA;AACLQ,MAAAA,YAAA,EAAAA,YAAAA;KACF,CAAA;AACF,GAAC,CAAA,CAAA;EAGC,sBAAAqB,KAAA,CAAAC,aAAA,CAACC,WAAY,CAAAC,QAAA,EAAZ;AACCC,IAAAA,KAAO,EAAA;MACLtB,OAAOZ,KAAM,CAAAY,KAAA;MACbsB,OAAOlC,KAAM,CAAAc,IAAA;MACbqB,QAAQnC,KAAM,CAAAmC,MAAA;MACdC,OAAOpC,KAAM,CAAAoC,KAAA;AACb7B,MAAAA,MAAA,EAAAA,MAAA;AACAC,MAAAA,SAAA,EAAAA,SAAAA;AACF,KAAA;GAAA,2DAGGR,KAAM,CAAAqC,QAAA,EACNrC,MAAMsC,UACL,kBAAAR,KAAA,CAAAC,aAAA,CAACQ;AAAOC,IAAAA,OAAS,EAAA/B,YAAA;AAAcgC,IAAAA,MAAM,SAAW;AAAAC,IAAAA,OAAA,EAAS;AAAQC,IAAAA,KAAK,EAAA,IAAA;AAAA,GAAA,EACnE3C,MAAM4C,UACT,CAAA,0DAEE,CAEN,CACF,CAAA,CAAA;AAEJ,CAAC,EAAA;AAED9C,IAAA,CAAK+C,YAAe,GAAAC,gBAAA;;;;"}

package/lib/esm/components/Form/FormItem.js

@@ -1,5 +1,5 @@
-import { b as _objectSpread2 } from '../../_chunks/BcioiUBf.js';
-import React__default, { useContext } from 'react';
+import { b as _objectSpread2 } from '../../_chunks/Rk1G_m0d.js';
+import React, { useContext } from 'react';
 import { View, Text } from 'react-native';
 import { R as RedsFormItemDefaultProps } from '../../_chunks/CvHfyOGL.js';
 import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
@@ -20,36 +20,36 @@ var FormItem = function FormItem(props) {
     align = _useContext.align,
     _useContext$errors = _useContext.errors,
     errors = _useContext$errors === void 0 ? {} : _useContext$errors;
-  return /* @__PURE__ */React__default.createElement(View, {
+  return /* @__PURE__ */React.createElement(View, {
     style: [styles(themeColor).container, props.formItemStyle]
-  }, /* @__PURE__ */React__default.createElement(View, {
+  }, /* @__PURE__ */React.createElement(View, {
     style: [computedFormItemStyle(_objectSpread2(_objectSpread2({}, props), {}, {
       layout: props.layout || layout
     })), props.styles]
-  }, /* @__PURE__ */React__default.createElement(View, {
+  }, /* @__PURE__ */React.createElement(View, {
     style: [computedLabelContainerStyle(_objectSpread2(_objectSpread2({}, props), {}, {
       layout: props.layout || layout
     })), props.labelStyle]
-  }, props !== null && props !== void 0 && props.LabelComponent ? props === null || props === void 0 ? void 0 : props.LabelComponent : /* @__PURE__ */React__default.createElement(View, {
+  }, props !== null && props !== void 0 && props.LabelComponent ? props === null || props === void 0 ? void 0 : props.LabelComponent : /* @__PURE__ */React.createElement(View, {
     style: {
       position: "relative"
     }
-  }, /* @__PURE__ */React__default.createElement(Text, {
+  }, /* @__PURE__ */React.createElement(Text, {
     style: [computedLabelStyle(themeColor), props.labelTextStyle]
-  }, props.label), props.required ? /* @__PURE__ */React__default.createElement(Text, {
+  }, props.label), props.required ? /* @__PURE__ */React.createElement(Text, {
     style: [styles(themeColor).require, props.requireStyle]
-  }, "*") : /* @__PURE__ */React__default.createElement(React__default.Fragment, null))), /* @__PURE__ */React__default.createElement(View, {
+  }, "*") : /* @__PURE__ */React.createElement(React.Fragment, null))), /* @__PURE__ */React.createElement(View, {
     style: [computedChildrenStyle(_objectSpread2(_objectSpread2({}, props), {}, {
       align: props.align || align
     })), props.formItemSlotStyles]
-  }, props.children)), errors[props.name] && !props.noError ? /* @__PURE__ */React__default.createElement(View, {
+  }, props.children)), errors[props.name] && !props.noError ? /* @__PURE__ */React.createElement(View, {
     style: computedWaringStyle(_objectSpread2(_objectSpread2({}, props), {}, {
       layout: props.layout || layout,
       align: props.align || align
     }))
-  }, /* @__PURE__ */React__default.createElement(Text, {
+  }, /* @__PURE__ */React.createElement(Text, {
     style: styles(themeColor).warning
-  }, errors[props.name])) : /* @__PURE__ */React__default.createElement(React__default.Fragment, null));
+  }, errors[props.name])) : /* @__PURE__ */React.createElement(React.Fragment, null));
 };
 FormItem.defaultProps = RedsFormItemDefaultProps;
 

package/lib/esm/components/Form/FormItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormItem.js","sources":["../../../../src/components/Form/FormItem.tsx"],"sourcesContent":["import React, {\n  useState,\n  useRef,\n  useEffect,\n  useMemo,\n  useCallback,\n  forwardRef,\n  useImperativeHandle,\n  useContext,\n} from \"react\";\nimport { View, TouchableWithoutFeedback, Text } from \"react-native\";\nimport { RedsFormItem, RedsFormItemDefaultProps } from \"./interface/index\";\nimport { useThemeColor } from \"../ConfigProvider\";\nimport styles, {\n  computedFormItemStyle,\n  computedLabelContainerStyle,\n  computedLabelStyle,\n  computedChildrenStyle,\n  computedWaringStyle,\n} from \"./styles\";\nimport { FormContext } from \"./hooks/useFormContext\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\n\nconst FormItem = (props: RedsFormItem) => {\n  useMounted(\"FormItem\");\n  const themeColor = useThemeColor(\"Form\");\n  const { layout, align, errors = {} } = useContext(FormContext);\n\n  return (\n    <View style={[styles(themeColor).container, props.formItemStyle]}>\n      <View style={[computedFormItemStyle({ ...props, layout: props.layout || layout }, themeColor), props.styles]}>\n        {/** label */}\n        <View style={[computedLabelContainerStyle({ ...props, layout: props.layout || layout }), props.labelStyle]}>\n          {props?.LabelComponent ? (\n            props?.LabelComponent\n          ) : (\n            <View style={{ position: \"relative\" }}>\n              <Text style={[computedLabelStyle(themeColor), props.labelTextStyle]}>{props.label}</Text>\n              {props.required ? <Text style={[styles(themeColor).require, props.requireStyle]}>{\"*\"}</Text> : <></>}\n            </View>\n          )}\n        </View>\n\n        {/** formItem插槽 */}\n        <View style={[computedChildrenStyle({ ...props, align: props.align || align }), props.formItemSlotStyles]}>\n          {props.children}\n        </View>\n      </View>\n      {errors[props.name] && !props.noError ? (\n        <View style={computedWaringStyle({ ...props, layout: props.layout || layout, align: props.align || align })}>\n          <Text style={styles(themeColor).warning}>{errors[props.name]}</Text>\n        </View>\n      ) : (\n        <></>\n      )}\n    </View>\n  );\n};\n\nFormItem.defaultProps = RedsFormItemDefaultProps;\n\nexport default FormItem;\n"],"names":["FormItem","props","useMounted","themeColor","useThemeColor","_useContext","useContext","FormContext","layout","align","_useContext$errors","errors","React","createElement","View","style","styles","container","formItemStyle","computedFormItemStyle","_objectSpread","computedLabelContainerStyle","labelStyle","LabelComponent","position","Text","computedLabelStyle","labelTextStyle","label","required","require","requireStyle","computedChildrenStyle","formItemSlotStyles","children","name","noError","computedWaringStyle","warning","defaultProps","RedsFormItemDefaultProps"],"mappings":"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"}
+{"version":3,"file":"FormItem.js","sources":["../../../../src/components/Form/FormItem.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { View, Text } from \"react-native\";\nimport { RedsFormItem, RedsFormItemDefaultProps } from \"./interface/index\";\nimport { useThemeColor } from \"../ConfigProvider\";\nimport styles, {\n  computedFormItemStyle,\n  computedLabelContainerStyle,\n  computedLabelStyle,\n  computedChildrenStyle,\n  computedWaringStyle,\n} from \"./styles\";\nimport { FormContext } from \"./hooks/useFormContext\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\n\nconst FormItem = (props: RedsFormItem) => {\n  useMounted(\"FormItem\");\n  const themeColor = useThemeColor(\"Form\");\n  const { layout, align, errors = {} } = useContext(FormContext);\n\n  return (\n    <View style={[styles(themeColor).container, props.formItemStyle]}>\n      <View style={[computedFormItemStyle({ ...props, layout: props.layout || layout }, themeColor), props.styles]}>\n        {/** label */}\n        <View style={[computedLabelContainerStyle({ ...props, layout: props.layout || layout }), props.labelStyle]}>\n          {props?.LabelComponent ? (\n            props?.LabelComponent\n          ) : (\n            <View style={{ position: \"relative\" }}>\n              <Text style={[computedLabelStyle(themeColor), props.labelTextStyle]}>{props.label}</Text>\n              {props.required ? <Text style={[styles(themeColor).require, props.requireStyle]}>{\"*\"}</Text> : <></>}\n            </View>\n          )}\n        </View>\n\n        {/** formItem插槽 */}\n        <View style={[computedChildrenStyle({ ...props, align: props.align || align }), props.formItemSlotStyles]}>\n          {props.children}\n        </View>\n      </View>\n      {errors[props.name] && !props.noError ? (\n        <View style={computedWaringStyle({ ...props, layout: props.layout || layout, align: props.align || align })}>\n          <Text style={styles(themeColor).warning}>{errors[props.name]}</Text>\n        </View>\n      ) : (\n        <></>\n      )}\n    </View>\n  );\n};\n\nFormItem.defaultProps = RedsFormItemDefaultProps;\n\nexport default FormItem;\n"],"names":["FormItem","props","useMounted","themeColor","useThemeColor","_useContext","useContext","FormContext","layout","align","_useContext$errors","errors","React","createElement","View","style","styles","container","formItemStyle","computedFormItemStyle","_objectSpread","computedLabelContainerStyle","labelStyle","LabelComponent","position","Text","computedLabelStyle","labelTextStyle","label","required","require","requireStyle","computedChildrenStyle","formItemSlotStyles","children","name","noError","computedWaringStyle","warning","defaultProps","RedsFormItemDefaultProps"],"mappings":";;;;;;;;;;;;;;AAcA,IAAMA,QAAA,GAAW,SAAXA,QAAAA,CAAYC,KAAwB,EAAA;EACxCC,UAAA,CAAW,UAAU,CAAA,CAAA;AACf,EAAA,IAAAC,UAAA,GAAaC,cAAc,MAAM,CAAA,CAAA;AACjC,EAAA,IAAAC,WAAA,GAAiCC,WAAWC,WAAW,CAAA;IAArDC,qBAAAA;IAAQC,KAAO,GAAAJ,WAAA,CAAPI,KAAO;IAAAC,kBAAA,GAAAL,WAAA,CAAAM,MAAA;AAAAA,IAAAA,MAAA,GAAAD,kBAAA,KAAA,KAAA,CAAA,GAAS,EAAG,GAAAA,kBAAA,CAAA;AAEnC,EAAA,sBACGE,KAAA,CAAAC,aAAA,CAAAC,IAAA,EAAA;IAAKC,KAAO,EAAA,CAACC,OAAOb,UAAU,CAAA,CAAEc,SAAW,EAAAhB,KAAA,CAAMiB,aAAa,CAAA;AAC7D,GAAA,iBAAAN,KAAA,CAAAC,aAAA,CAACC,IAAK,EAAA;IAAAC,KAAA,EAAO,CAACI,qBAAsB,CAAAC,cAAA,CAAAA,cAAA,KAAKnB,KAAA,CAAA,EAAA,EAAA,EAAA;AAAOO,MAAAA,MAAQ,EAAAP,KAAA,CAAMO,MAAU,IAAAA,MAAAA;AAAA,KAAA,CAAoB,CAAA,EAAGP,KAAM,CAAAe,MAAM,CAAA;oBAExGJ,KAAA,CAAAC,aAAA,CAAAC,IAAA,EAAA;IAAKC,KAAO,EAAA,CAACM,8DAAiCpB,KAAO,CAAA,EAAA,EAAA,EAAA;AAAAO,MAAAA,MAAA,EAAQP,KAAM,CAAAO,MAAA,IAAUA,MAAAA;AAAO,KAAA,CAAC,GAAGP,KAAM,CAAAqB,UAAU,CAAA;GACtG,EAAArB,KAAA,KAAAA,IAAAA,IAAAA,KAAA,eAAAA,KAAA,CAAOsB,iBACNtB,KAAO,KAAA,IAAA,IAAPA,KAAO,KAAPA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAO,CAAAsB,cAAA,kBAENX,KAAA,CAAAC,aAAA,CAAAC,IAAA,EAAA;AAAKC,IAAAA,OAAO;AAAES,MAAAA,QAAA,EAAU,UAAA;AAAW,KAAA;AAAA,GAAA,iBACjCZ,KAAA,CAAAC,aAAA,CAAAY,IAAA,EAAA;IAAKV,KAAO,EAAA,CAACW,mBAAmBvB,UAAU,CAAA,EAAGF,KAAM,CAAA0B,cAAc,CAAA;KAAI1B,KAAM,CAAA2B,KAAM,CACjF,EAAA3B,KAAA,CAAM4B,0BAAYjB,KAAA,CAAAC,aAAA,CAAAY,IAAA,EAAA;IAAKV,KAAO,EAAA,CAACC,MAAO,CAAAb,UAAU,CAAE,CAAA2B,OAAA,EAAS7B,MAAM8B,YAAY,CAAA;GAAA,EAAI,GAAI,CAAA,0DAAY,CACpG,CAEJ,CAGA,iBAAAnB,KAAA,CAAAC,aAAA,CAACC;IAAKC,KAAO,EAAA,CAACiB,qBAAsB,CAAAZ,cAAA,CAAAA,cAAA,KAAKnB,KAAA,CAAA,EAAA,EAAA,EAAA;AAAOQ,MAAAA,KAAO,EAAAR,KAAA,CAAMQ,SAASA,KAAAA;AAAM,KAAA,CAAC,CAAG,EAAAR,KAAA,CAAMgC,kBAAkB,CAAA;GACrG,EAAAhC,KAAA,CAAMiC,QACT,CACF,GACCvB,MAAO,CAAAV,KAAA,CAAMkC,IAAI,CAAA,IAAK,CAAClC,KAAA,CAAMmC,OAC5B,kBAAAxB,KAAA,CAAAC,aAAA,CAACC;AAAKC,IAAAA,KAAO,EAAAsB,mBAAA,CAAAjB,cAAA,CAAAA,cAAA,KAAyBnB;AAAOO,MAAAA,MAAQ,EAAAP,KAAA,CAAMO,MAAU,IAAAA,MAAA;AAAQC,MAAAA,OAAOR,KAAM,CAAAQ,KAAA,IAASA,KAAAA;KAAO,CAAA,CAAA;AACxG,GAAA,iBAAAG,KAAA,CAAAC,aAAA,CAACY,IAAK,EAAA;AAAAV,IAAAA,KAAA,EAAOC,OAAOb,UAAU,CAAA,CAAEmC,OAAAA;GAAU,EAAA3B,MAAA,CAAOV,MAAMkC,IAAI,CAAE,CAC/D,CAAA,0DAEE,CAEN,CAAA,CAAA;AAEJ,EAAA;AAEAnC,QAAA,CAASuC,YAAe,GAAAC,wBAAA;;;;"}

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

@@ -1,7 +1,7 @@
 import Form from './Form.js';
 export { default as FormItem } from './FormItem.js';
 export { i as FormType } from '../../_chunks/CvHfyOGL.js';
-import '../../_chunks/BcioiUBf.js';
+import '../../_chunks/Rk1G_m0d.js';
 import 'react';
 import '../Button/Button.js';
 import 'react-native';

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

@@ -4,7 +4,7 @@ import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
 import 'react';
 import '@xhs/reds-apm/src/index.native';
 import { 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';
 

package/lib/esm/components/Icon/Icon.72.js

@@ -1,5 +1,5 @@
-import { b as _objectSpread2 } from '../../_chunks/BcioiUBf.js';
-import React__default, { useCallback, useMemo } from 'react';
+import { b as _objectSpread2 } from '../../_chunks/Rk1G_m0d.js';
+import React, { useCallback, useMemo } from 'react';
 import { TouchableWithoutFeedback, Image } from 'react-native';
 import { SvgXml } from 'react-native-svg';
 import { i as iconType, I as IconDefaultProps } from '../../_chunks/xi-gXLIR.js';
@@ -36,12 +36,12 @@ var Icon = function Icon(props) {
   var isImage = useMemo(function () {
     return props.type === iconType.image || typeof icon === "string" && icon.includes("http");
   }, [props.type, icon]);
-  return /* @__PURE__ */React__default.createElement(TouchableWithoutFeedback, {
+  return /* @__PURE__ */React.createElement(TouchableWithoutFeedback, {
     testID: "touchable-element",
     onPress: toggleIcon
-  }, isImage ? /* @__PURE__ */React__default.createElement(TouchableWithoutFeedback, {
+  }, isImage ? /* @__PURE__ */React.createElement(TouchableWithoutFeedback, {
     onPress: toggleIcon
-  }, /* @__PURE__ */React__default.createElement(Image, {
+  }, /* @__PURE__ */React.createElement(Image, {
     source: {
       uri: props.icon
     },
@@ -50,7 +50,7 @@ var Icon = function Icon(props) {
       width: props.size,
       backgroundColor: props.fill
     }, props.styles)
-  })) : /* @__PURE__ */React__default.createElement(SvgXml, {
+  })) : /* @__PURE__ */React.createElement(SvgXml, {
     testID: "svg-element",
     xml: iconSvg || ""
   }));

package/lib/esm/components/Icon/Icon.72.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.72.js","sources":["../../../../src/components/Icon/Icon.72.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { GestureResponderEvent, TouchableWithoutFeedback, Image } from \"react-native\";\nimport { SvgXml } from \"react-native-svg\";\nimport { RedsIcon, IconDefaultProps, iconType } from \"./interface/index\";\nimport { useThemeColor } from \"../ConfigProvider\";\nconst Icon: React.FC<RedsIcon> = (props) => {\n  const { size, fill, onClick, icon } = props || {};\n\n  const themeColor = useThemeColor();\n\n  /** icon点击事件 */\n  const toggleIcon = useCallback(\n    (e: GestureResponderEvent) => {\n      onClick?.(e);\n    },\n    [onClick],\n  );\n\n  /** icon svg 数据 */\n  const iconSvg = useMemo(() => {\n    if (props?.type === iconType.svg) {\n      if (typeof icon === \"function\") {\n        return icon({ size: size!, fill: fill! || themeColor.Fill1 });\n      } else {\n        return icon ?? \"\";\n      }\n    } else {\n      return \"\";\n    }\n  }, [icon, size, fill]);\n\n  const isImage = useMemo(() => {\n    return props.type === iconType.image || (typeof icon === \"string\" && icon.includes(\"http\"));\n  }, [props.type, icon]);\n\n  return (\n    <TouchableWithoutFeedback testID=\"touchable-element\" onPress={toggleIcon}>\n      {isImage ? (\n        <TouchableWithoutFeedback onPress={toggleIcon}>\n          <Image\n            source={{ uri: props.icon as string }}\n            // @ts-expect-error\n            style={{ height: props.size, width: props.size, backgroundColor: props.fill, ...props.styles }}\n          />\n        </TouchableWithoutFeedback>\n      ) : (\n        <SvgXml testID=\"svg-element\" xml={iconSvg || \"\"} />\n      )}\n    </TouchableWithoutFeedback>\n  );\n};\n\nexport default Icon;\n\nIcon.defaultProps = IconDefaultProps;\n"],"names":["Icon","props","_ref","size","fill","onClick","icon","themeColor","useThemeColor","toggleIcon","useCallback","e","iconSvg","useMemo","type","iconType","svg","Fill1","isImage","image","includes","React","createElement","TouchableWithoutFeedback","testID","onPress","Image","source","uri","style","_objectSpread","height","width","backgroundColor","styles","SvgXml","xml","defaultProps","IconDefaultProps"],"mappings":";;;;;;;;;;;AAKA,IAAMA,IAAA,GAA2B,SAA3BA,IAAAA,CAA4BC,KAAU,EAAA;AAC1C,EAAA,IAAAC,IAAA,GAAsCD,SAAS,EAAC;IAAxCE,IAAM,GAAAD,IAAA,CAANC,IAAM;IAAAC,IAAA,GAAAF,IAAA,CAAAE,IAAA;IAAMC,eAAAA;IAASC,IAAK,GAAAJ,IAAA,CAALI,IAAK,CAAA;AAElC,EAAA,IAAMC,aAAaC,aAAc,EAAA,CAAA;AAGjC,EAAA,IAAMC,UAAa,GAAAC,WAAA,CACjB,UAACC,CAA6B,EAAA;AAC5BN,IAAAA,OAAA,aAAAA,OAAA,KAAA,KAAA,CAAA,IAAAA,OAAA,CAAUM,CAAC,CAAA,CAAA;AACb,GAAA,EACA,CAACN,OAAO,CACV,CAAA,CAAA;AAGM,EAAA,IAAAO,OAAA,GAAUC,QAAQ,YAAM;AACxB,IAAA,IAAA,CAAAZ,KAAA,KAAAA,IAAAA,IAAAA,KAAA,KAAAA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAA,CAAOa,IAAS,MAAAC,QAAA,CAASC,GAAK,EAAA;AAC5B,MAAA,IAAA,OAAOV,SAAS,UAAY,EAAA;AAC9B,QAAA,OAAOA,KAAK;AAAEH,UAAAA,IAAA,EAAAA,IAAA;AAAaC,UAAAA,MAAMA,IAAS,IAAAG,UAAA,CAAWU,KAAAA;AAAM,SAAC,CAAA,CAAA;AAC9D,OAAO,MAAA;AACL,QAAA,OAAOX,IAAQ,KAARA,IAAAA,IAAAA,IAAQ,KAARA,KAAAA,CAAAA,GAAAA,IAAQ,GAAA,EAAA,CAAA;AACjB,OAAA;AACF,KAAO,MAAA;AACE,MAAA,OAAA,EAAA,CAAA;AACT,KAAA;GACC,EAAA,CAACA,IAAM,EAAAH,IAAA,EAAMC,IAAI,CAAC,CAAA,CAAA;AAEf,EAAA,IAAAc,OAAA,GAAUL,QAAQ,YAAM;AACrB,IAAA,OAAAZ,KAAA,CAAMa,SAASC,QAAS,CAAAI,KAAA,IAAU,OAAOb,IAAS,KAAA,QAAA,IAAYA,IAAK,CAAAc,QAAA,CAAS,MAAM,CAAA,CAAA;GACxF,EAAA,CAACnB,KAAM,CAAAa,IAAA,EAAMR,IAAI,CAAC,CAAA,CAAA;AAGnB,EAAA,sBAAAe,cAAA,CAAAC,aAAA,CAACC,wBAAyB,EAAA;AAAAC,IAAAA,MAAA,EAAO,mBAAoB;AAAAC,IAAAA,OAAA,EAAShB,UAAAA;KAC3DS,OACC,kBAAAG,cAAA,CAAAC,aAAA,CAACC,wBAAyB,EAAA;AAAAE,IAAAA,OAAA,EAAShB,UAAAA;AACjC,GAAA,iBAAAY,cAAA,CAAAC,aAAA,CAACI,KAAA,EAAA;AACCC,IAAAA,MAAQ,EAAA;MAAEC,GAAK,EAAA3B,KAAA,CAAMK,IAAAA;KAAe;AAEpCuB,IAAAA,KAAO,EAAAC,cAAA,CAAA;MAAEC,MAAQ,EAAA9B,KAAA,CAAME,IAAM;MAAA6B,KAAA,EAAO/B,KAAM,CAAAE,IAAA;MAAM8B,eAAiB,EAAAhC,KAAA,CAAMG,IAAAA;KAASH,EAAAA,MAAMiC,MAAO,CAAA;GAC/F,CACF,mBAECb,cAAA,CAAAC,aAAA,CAAAa,MAAA,EAAA;AAAOX,IAAAA,QAAO,aAAc;IAAAY,GAAA,EAAKxB,OAAW,IAAA,EAAA;AAAA,GAAI,CAErD,CAAA,CAAA;AAEJ,EAAA;AAIAZ,IAAA,CAAKqC,YAAe,GAAAC,gBAAA;;;;"}
+{"version":3,"file":"Icon.72.js","sources":["../../../../src/components/Icon/Icon.72.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { GestureResponderEvent, TouchableWithoutFeedback, Image } from \"react-native\";\nimport { SvgXml } from \"react-native-svg\";\nimport { RedsIcon, IconDefaultProps, iconType } from \"./interface/index\";\nimport { useThemeColor } from \"../ConfigProvider\";\nconst Icon: React.FC<RedsIcon> = (props) => {\n  const { size, fill, onClick, icon } = props || {};\n\n  const themeColor = useThemeColor();\n\n  /** icon点击事件 */\n  const toggleIcon = useCallback(\n    (e: GestureResponderEvent) => {\n      onClick?.(e);\n    },\n    [onClick],\n  );\n\n  /** icon svg 数据 */\n  const iconSvg = useMemo(() => {\n    if (props?.type === iconType.svg) {\n      if (typeof icon === \"function\") {\n        return icon({ size: size!, fill: fill! || themeColor.Fill1 });\n      } else {\n        return icon ?? \"\";\n      }\n    } else {\n      return \"\";\n    }\n  }, [icon, size, fill]);\n\n  const isImage = useMemo(() => {\n    return props.type === iconType.image || (typeof icon === \"string\" && icon.includes(\"http\"));\n  }, [props.type, icon]);\n\n  return (\n    <TouchableWithoutFeedback testID=\"touchable-element\" onPress={toggleIcon}>\n      {isImage ? (\n        <TouchableWithoutFeedback onPress={toggleIcon}>\n          <Image\n            source={{ uri: props.icon as string }}\n            // @ts-expect-error\n            style={{ height: props.size, width: props.size, backgroundColor: props.fill, ...props.styles }}\n          />\n        </TouchableWithoutFeedback>\n      ) : (\n        <SvgXml testID=\"svg-element\" xml={iconSvg || \"\"} />\n      )}\n    </TouchableWithoutFeedback>\n  );\n};\n\nexport default Icon;\n\nIcon.defaultProps = IconDefaultProps;\n"],"names":["Icon","props","_ref","size","fill","onClick","icon","themeColor","useThemeColor","toggleIcon","useCallback","e","iconSvg","useMemo","type","iconType","svg","Fill1","isImage","image","includes","React","createElement","TouchableWithoutFeedback","testID","onPress","Image","source","uri","style","_objectSpread","height","width","backgroundColor","styles","SvgXml","xml","defaultProps","IconDefaultProps"],"mappings":";;;;;;;;;;;AAKA,IAAMA,IAAA,GAA2B,SAA3BA,IAAAA,CAA4BC,KAAU,EAAA;AAC1C,EAAA,IAAAC,IAAA,GAAsCD,SAAS,EAAC;IAAxCE,IAAM,GAAAD,IAAA,CAANC,IAAM;IAAAC,IAAA,GAAAF,IAAA,CAAAE,IAAA;IAAMC,eAAAA;IAASC,IAAK,GAAAJ,IAAA,CAALI,IAAK,CAAA;AAElC,EAAA,IAAMC,aAAaC,aAAc,EAAA,CAAA;AAGjC,EAAA,IAAMC,UAAa,GAAAC,WAAA,CACjB,UAACC,CAA6B,EAAA;AAC5BN,IAAAA,OAAA,aAAAA,OAAA,KAAA,KAAA,CAAA,IAAAA,OAAA,CAAUM,CAAC,CAAA,CAAA;AACb,GAAA,EACA,CAACN,OAAO,CACV,CAAA,CAAA;AAGM,EAAA,IAAAO,OAAA,GAAUC,QAAQ,YAAM;AACxB,IAAA,IAAA,CAAAZ,KAAA,KAAAA,IAAAA,IAAAA,KAAA,KAAAA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAA,CAAOa,IAAS,MAAAC,QAAA,CAASC,GAAK,EAAA;AAC5B,MAAA,IAAA,OAAOV,SAAS,UAAY,EAAA;AAC9B,QAAA,OAAOA,KAAK;AAAEH,UAAAA,IAAA,EAAAA,IAAA;AAAaC,UAAAA,MAAMA,IAAS,IAAAG,UAAA,CAAWU,KAAAA;AAAM,SAAC,CAAA,CAAA;AAC9D,OAAO,MAAA;AACL,QAAA,OAAOX,IAAQ,KAARA,IAAAA,IAAAA,IAAQ,KAARA,KAAAA,CAAAA,GAAAA,IAAQ,GAAA,EAAA,CAAA;AACjB,OAAA;AACF,KAAO,MAAA;AACE,MAAA,OAAA,EAAA,CAAA;AACT,KAAA;GACC,EAAA,CAACA,IAAM,EAAAH,IAAA,EAAMC,IAAI,CAAC,CAAA,CAAA;AAEf,EAAA,IAAAc,OAAA,GAAUL,QAAQ,YAAM;AACrB,IAAA,OAAAZ,KAAA,CAAMa,SAASC,QAAS,CAAAI,KAAA,IAAU,OAAOb,IAAS,KAAA,QAAA,IAAYA,IAAK,CAAAc,QAAA,CAAS,MAAM,CAAA,CAAA;GACxF,EAAA,CAACnB,KAAM,CAAAa,IAAA,EAAMR,IAAI,CAAC,CAAA,CAAA;AAGnB,EAAA,sBAAAe,KAAA,CAAAC,aAAA,CAACC,wBAAyB,EAAA;AAAAC,IAAAA,MAAA,EAAO,mBAAoB;AAAAC,IAAAA,OAAA,EAAShB,UAAAA;KAC3DS,OACC,kBAAAG,KAAA,CAAAC,aAAA,CAACC,wBAAyB,EAAA;AAAAE,IAAAA,OAAA,EAAShB,UAAAA;AACjC,GAAA,iBAAAY,KAAA,CAAAC,aAAA,CAACI,KAAA,EAAA;AACCC,IAAAA,MAAQ,EAAA;MAAEC,GAAK,EAAA3B,KAAA,CAAMK,IAAAA;KAAe;AAEpCuB,IAAAA,KAAO,EAAAC,cAAA,CAAA;MAAEC,MAAQ,EAAA9B,KAAA,CAAME,IAAM;MAAA6B,KAAA,EAAO/B,KAAM,CAAAE,IAAA;MAAM8B,eAAiB,EAAAhC,KAAA,CAAMG,IAAAA;KAASH,EAAAA,MAAMiC,MAAO,CAAA;GAC/F,CACF,mBAECb,KAAA,CAAAC,aAAA,CAAAa,MAAA,EAAA;AAAOX,IAAAA,QAAO,aAAc;IAAAY,GAAA,EAAKxB,OAAW,IAAA,EAAA;AAAA,GAAI,CAErD,CAAA,CAAA;AAEJ,EAAA;AAIAZ,IAAA,CAAKqC,YAAe,GAAAC,gBAAA;;;;"}

package/lib/esm/components/Icon/Icon.js

@@ -1,5 +1,5 @@
-import { b as _objectSpread2 } from '../../_chunks/BcioiUBf.js';
-import React__default, { useCallback } from 'react';
+import { b as _objectSpread2 } from '../../_chunks/Rk1G_m0d.js';
+import React, { useCallback } from 'react';
 import { TouchableWithoutFeedback, Image } from 'react-native';
 import { I as IconDefaultProps } from '../../_chunks/xi-gXLIR.js';
 import useMounted from '../../pvCount/useUnmountedProcess.js';
@@ -16,12 +16,12 @@ var Icon = function Icon(props) {
   var toggleIcon = useCallback(function (e) {
     onClick === null || onClick === void 0 || onClick(e);
   }, [onClick]);
-  return /* @__PURE__ */React__default.createElement(TouchableWithoutFeedback, {
+  return /* @__PURE__ */React.createElement(TouchableWithoutFeedback, {
     testID: "touchable-element",
     onPress: toggleIcon
-  }, /* @__PURE__ */React__default.createElement(TouchableWithoutFeedback, {
+  }, /* @__PURE__ */React.createElement(TouchableWithoutFeedback, {
     onPress: toggleIcon
-  }, /* @__PURE__ */React__default.createElement(Image, {
+  }, /* @__PURE__ */React.createElement(Image, {
     source: {
       uri: props.icon
     },

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sources":["../../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { GestureResponderEvent, TouchableWithoutFeedback, Image } from \"react-native\";\nimport { RedsIcon, IconDefaultProps, iconType } from \"./interface/index\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\n\nconst Icon: React.FC<RedsIcon> = (props) => {\n  useMounted(\"Icon\");\n  const { size, fill, onClick, icon } = props || {};\n\n  /** icon点击事件 */\n  const toggleIcon = useCallback(\n    (e: GestureResponderEvent) => {\n      onClick?.(e);\n    },\n    [onClick],\n  );\n\n  return (\n    <TouchableWithoutFeedback testID=\"touchable-element\" onPress={toggleIcon}>\n      {\n        <TouchableWithoutFeedback onPress={toggleIcon}>\n          <Image\n            source={{ uri: props.icon as string }}\n            // @ts-expect-error\n            style={{ height: props.size, width: props.size, backgroundColor: props.fill, ...props.styles }}\n          />\n        </TouchableWithoutFeedback>\n      }\n    </TouchableWithoutFeedback>\n  );\n};\n\nexport default Icon;\n\nIcon.defaultProps = IconDefaultProps;\n"],"names":["Icon","props","useMounted","_ref","size","fill","onClick","icon","toggleIcon","useCallback","e","React","createElement","TouchableWithoutFeedback","testID","onPress","Image","source","uri","style","_objectSpread","height","width","backgroundColor","styles","defaultProps","IconDefaultProps"],"mappings":";;;;;;;;AAKA,IAAMA,IAAA,GAA2B,SAA3BA,IAAAA,CAA4BC,KAAU,EAAA;EAC1CC,UAAA,CAAW,MAAM,CAAA,CAAA;AACjB,EAAA,IAAAC,IAAA,GAAsCF,SAAS,EAAC,CAAA;IAAlCE,IAAA,CAANC,IAAM,CAAA;IAAAD,IAAA,CAAAE,IAAA,CAAA;QAAMC,eAAAA;IAAcH,IAAA,CAALI,KAAK;AAGlC,EAAA,IAAMC,UAAa,GAAAC,WAAA,CACjB,UAACC,CAA6B,EAAA;AAC5BJ,IAAAA,OAAA,aAAAA,OAAA,KAAA,KAAA,CAAA,IAAAA,OAAA,CAAUI,CAAC,CAAA,CAAA;AACb,GAAA,EACA,CAACJ,OAAO,CACV,CAAA,CAAA;AAGE,EAAA,sBAAAK,cAAA,CAAAC,aAAA,CAACC;AAAyBC,IAAAA,MAAO,EAAA,mBAAA;AAAoBC,IAAAA,SAASP,UAAAA;AAE1D,GAAA,iBAAAG,cAAA,CAAAC,aAAA,CAACC,wBAAyB,EAAA;AAAAE,IAAAA,OAAA,EAASP,UAAAA;AACjC,GAAA,iBAAAG,cAAA,CAAAC,aAAA,CAACI,KAAA,EAAA;AACCC,IAAAA,MAAQ,EAAA;MAAEC,GAAK,EAAAjB,KAAA,CAAMM,IAAAA;KAAe;AAEpCY,IAAAA,KAAO,EAAAC,cAAA,CAAA;MAAEC,MAAQ,EAAApB,KAAA,CAAMG,IAAM;MAAAkB,KAAA,EAAOrB,KAAM,CAAAG,IAAA;MAAMmB,eAAiB,EAAAtB,KAAA,CAAMI,IAAAA;KAASJ,EAAAA,MAAMuB,MAAO,CAAA;GAC/F,CACF,CAEJ,CAAA,CAAA;AAEJ,EAAA;AAIAxB,IAAA,CAAKyB,YAAe,GAAAC,gBAAA;;;;"}
+{"version":3,"file":"Icon.js","sources":["../../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { GestureResponderEvent, TouchableWithoutFeedback, Image } from \"react-native\";\nimport { RedsIcon, IconDefaultProps, iconType } from \"./interface/index\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\n\nconst Icon: React.FC<RedsIcon> = (props) => {\n  useMounted(\"Icon\");\n  const { size, fill, onClick, icon } = props || {};\n\n  /** icon点击事件 */\n  const toggleIcon = useCallback(\n    (e: GestureResponderEvent) => {\n      onClick?.(e);\n    },\n    [onClick],\n  );\n\n  return (\n    <TouchableWithoutFeedback testID=\"touchable-element\" onPress={toggleIcon}>\n      {\n        <TouchableWithoutFeedback onPress={toggleIcon}>\n          <Image\n            source={{ uri: props.icon as string }}\n            // @ts-expect-error\n            style={{ height: props.size, width: props.size, backgroundColor: props.fill, ...props.styles }}\n          />\n        </TouchableWithoutFeedback>\n      }\n    </TouchableWithoutFeedback>\n  );\n};\n\nexport default Icon;\n\nIcon.defaultProps = IconDefaultProps;\n"],"names":["Icon","props","useMounted","_ref","size","fill","onClick","icon","toggleIcon","useCallback","e","React","createElement","TouchableWithoutFeedback","testID","onPress","Image","source","uri","style","_objectSpread","height","width","backgroundColor","styles","defaultProps","IconDefaultProps"],"mappings":";;;;;;;;AAKA,IAAMA,IAAA,GAA2B,SAA3BA,IAAAA,CAA4BC,KAAU,EAAA;EAC1CC,UAAA,CAAW,MAAM,CAAA,CAAA;AACjB,EAAA,IAAAC,IAAA,GAAsCF,SAAS,EAAC,CAAA;IAAlCE,IAAA,CAANC,IAAM,CAAA;IAAAD,IAAA,CAAAE,IAAA,CAAA;QAAMC,eAAAA;IAAcH,IAAA,CAALI,KAAK;AAGlC,EAAA,IAAMC,UAAa,GAAAC,WAAA,CACjB,UAACC,CAA6B,EAAA;AAC5BJ,IAAAA,OAAA,aAAAA,OAAA,KAAA,KAAA,CAAA,IAAAA,OAAA,CAAUI,CAAC,CAAA,CAAA;AACb,GAAA,EACA,CAACJ,OAAO,CACV,CAAA,CAAA;AAGE,EAAA,sBAAAK,KAAA,CAAAC,aAAA,CAACC;AAAyBC,IAAAA,MAAO,EAAA,mBAAA;AAAoBC,IAAAA,SAASP,UAAAA;AAE1D,GAAA,iBAAAG,KAAA,CAAAC,aAAA,CAACC,wBAAyB,EAAA;AAAAE,IAAAA,OAAA,EAASP,UAAAA;AACjC,GAAA,iBAAAG,KAAA,CAAAC,aAAA,CAACI,KAAA,EAAA;AACCC,IAAAA,MAAQ,EAAA;MAAEC,GAAK,EAAAjB,KAAA,CAAMM,IAAAA;KAAe;AAEpCY,IAAAA,KAAO,EAAAC,cAAA,CAAA;MAAEC,MAAQ,EAAApB,KAAA,CAAMG,IAAM;MAAAkB,KAAA,EAAOrB,KAAM,CAAAG,IAAA;MAAMmB,eAAiB,EAAAtB,KAAA,CAAMI,IAAAA;KAASJ,EAAAA,MAAMuB,MAAO,CAAA;GAC/F,CACF,CAEJ,CAAA,CAAA;AAEJ,EAAA;AAIAxB,IAAA,CAAKyB,YAAe,GAAAC,gBAAA;;;;"}

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

@@ -1,6 +1,6 @@
 import Icon from './Icon.js';
 export { a as IconType } from '../../_chunks/xi-gXLIR.js';
-import '../../_chunks/BcioiUBf.js';
+import '../../_chunks/Rk1G_m0d.js';
 import 'react';
 import 'react-native';
 import '../../pvCount/useUnmountedProcess.js';

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

@@ -1,5 +1,5 @@
 import { lightColor } from '@xhsreds/reds-token-next';
-import React__default, { useRef, useEffect } from 'react';
+import React, { useRef, useEffect } from 'react';
 import { Animated, StyleSheet, View } from 'react-native';
 import Svg, { Circle, G } from 'react-native-svg';
 
@@ -25,23 +25,23 @@ var CircularProgress = function CircularProgress(_ref) {
     inputRange: [0, 100],
     outputRange: [circumference, 0]
   });
-  return /* @__PURE__ */React__default.createElement(View, {
+  return /* @__PURE__ */React.createElement(View, {
     style: styles.container
-  }, /* @__PURE__ */React__default.createElement(Svg, {
+  }, /* @__PURE__ */React.createElement(Svg, {
     width: size,
     height: size,
     viewBox: "0 0 ".concat(size, " ").concat(size)
-  }, /* @__PURE__ */React__default.createElement(G, {
+  }, /* @__PURE__ */React.createElement(G, {
     rotation: "-90",
     origin: "".concat(size / 2, ", ").concat(size / 2)
-  }, /* @__PURE__ */React__default.createElement(Circle, {
+  }, /* @__PURE__ */React.createElement(Circle, {
     cx: "50%",
     cy: "50%",
     r: radius,
     stroke: lightColor.Fill2,
     strokeWidth: strokeWidth,
     fill: "none"
-  }), /* @__PURE__ */React__default.createElement(AnimatedCircle, {
+  }), /* @__PURE__ */React.createElement(AnimatedCircle, {
     cx: "50%",
     cy: "50%",
     r: radius,

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

@@ -1 +1 @@
-{"version":3,"file":"CircularProgress.js","sources":["../../../../src/components/Image/CircularProgress.tsx"],"sourcesContent":["import { lightColor } from \"@xhsreds/reds-token-next\";\nimport React, { useEffect, useRef } from \"react\";\nimport { View, Animated, StyleSheet } from \"react-native\";\nimport Svg, { Circle, G } from \"react-native-svg\";\n\nconst AnimatedCircle = Animated.createAnimatedComponent(Circle);\n\nconst CircularProgress = ({ size = 40, strokeWidth = 3, progress = 75 }) => {\n  const animatedValue = useRef(new Animated.Value(0)).current;\n\n  useEffect(() => {\n    Animated.timing(animatedValue, {\n      toValue: progress,\n      duration: 0,\n      useNativeDriver: true,\n    }).start();\n  }, [progress]);\n\n  const radius = (size - strokeWidth) / 2;\n  const circumference = 2 * Math.PI * radius;\n  const strokeDashoffset = animatedValue.interpolate({\n    inputRange: [0, 100],\n    outputRange: [circumference, 0],\n  });\n\n  return (\n    <View style={styles.container}>\n      <Svg width={size} height={size} viewBox={`0 0 ${size} ${size}`}>\n        <G rotation=\"-90\" origin={`${size / 2}, ${size / 2}`}>\n          <Circle cx=\"50%\" cy=\"50%\" r={radius} stroke={lightColor.Fill2} strokeWidth={strokeWidth} fill=\"none\" />\n          <AnimatedCircle\n            cx=\"50%\"\n            cy=\"50%\"\n            r={radius}\n            stroke={lightColor.Fill4}\n            strokeWidth={strokeWidth}\n            fill=\"none\"\n            strokeDasharray={`${circumference}, ${circumference}`}\n            strokeDashoffset={strokeDashoffset}\n            strokeLinecap=\"round\"\n          />\n        </G>\n      </Svg>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    flex: 1,\n  },\n});\n\nexport default CircularProgress;\n"],"names":["AnimatedCircle","Animated","createAnimatedComponent","Circle","CircularProgress","_ref","_ref$size","size","strokeWidth","_ref$strokeWidth","_ref$progress","progress","animatedValue","useRef","Value","current","useEffect","timing","toValue","duration","useNativeDriver","start","radius","circumference","Math","PI","strokeDashoffset","interpolate","inputRange","outputRange","View","style","styles","container","React","createElement","Svg","width","height","viewBox","concat","G","rotation","origin","cx","cy","r","stroke","lightColor","Fill2","fill","Fill4","strokeDasharray","strokeLinecap","StyleSheet","create","justifyContent","alignItems","flex"],"mappings":"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"}
+{"version":3,"file":"CircularProgress.js","sources":["../../../../src/components/Image/CircularProgress.tsx"],"sourcesContent":["import { lightColor } from \"@xhsreds/reds-token-next\";\nimport React, { useEffect, useRef } from \"react\";\nimport { View, Animated, StyleSheet } from \"react-native\";\nimport Svg, { Circle, G } from \"react-native-svg\";\n\nconst AnimatedCircle = Animated.createAnimatedComponent(Circle);\n\nconst CircularProgress = ({ size = 40, strokeWidth = 3, progress = 75 }) => {\n  const animatedValue = useRef(new Animated.Value(0)).current;\n\n  useEffect(() => {\n    Animated.timing(animatedValue, {\n      toValue: progress,\n      duration: 0,\n      useNativeDriver: true,\n    }).start();\n  }, [progress]);\n\n  const radius = (size - strokeWidth) / 2;\n  const circumference = 2 * Math.PI * radius;\n  const strokeDashoffset = animatedValue.interpolate({\n    inputRange: [0, 100],\n    outputRange: [circumference, 0],\n  });\n\n  return (\n    <View style={styles.container}>\n      <Svg width={size} height={size} viewBox={`0 0 ${size} ${size}`}>\n        <G rotation=\"-90\" origin={`${size / 2}, ${size / 2}`}>\n          <Circle cx=\"50%\" cy=\"50%\" r={radius} stroke={lightColor.Fill2} strokeWidth={strokeWidth} fill=\"none\" />\n          <AnimatedCircle\n            cx=\"50%\"\n            cy=\"50%\"\n            r={radius}\n            stroke={lightColor.Fill4}\n            strokeWidth={strokeWidth}\n            fill=\"none\"\n            strokeDasharray={`${circumference}, ${circumference}`}\n            strokeDashoffset={strokeDashoffset}\n            strokeLinecap=\"round\"\n          />\n        </G>\n      </Svg>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    flex: 1,\n  },\n});\n\nexport default CircularProgress;\n"],"names":["AnimatedCircle","Animated","createAnimatedComponent","Circle","CircularProgress","_ref","_ref$size","size","strokeWidth","_ref$strokeWidth","_ref$progress","progress","animatedValue","useRef","Value","current","useEffect","timing","toValue","duration","useNativeDriver","start","radius","circumference","Math","PI","strokeDashoffset","interpolate","inputRange","outputRange","View","style","styles","container","React","createElement","Svg","width","height","viewBox","concat","G","rotation","origin","cx","cy","r","stroke","lightColor","Fill2","fill","Fill4","strokeDasharray","strokeLinecap","StyleSheet","create","justifyContent","alignItems","flex"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
-import { f as _objectWithoutProperties, _ as _slicedToArray, b as _objectSpread2 } from '../../_chunks/BcioiUBf.js';
-import React__default, { memo, 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$2, TouchableOpacity } from 'react-native';
 import { I as IMAGE_STATUS, T as TLoadStyle, a as ImageDefaultProps, b as TErrorStyle } from '../../_chunks/CD0gpzW5.js';
 import styles from './styles.js';
@@ -80,13 +80,13 @@ var Image = function Image(_ref) {
     });
   };
   var colorMode = useColorMode();
-  return /* @__PURE__ */React__default.createElement(View, {
+  return /* @__PURE__ */React.createElement(View, {
     style: _objectSpread2({
       borderRadius: borderRadius,
       height: height,
       width: width
     }, style)
-  }, imageStatus !== IMAGE_STATUS.HIDE && /* @__PURE__ */React__default.createElement(Image$2, _objectSpread2(_objectSpread2({}, props), {}, {
+  }, imageStatus !== IMAGE_STATUS.HIDE && /* @__PURE__ */React.createElement(Image$2, _objectSpread2(_objectSpread2({}, props), {}, {
     source: source,
     onLoad: onLoad,
     onProgress: onProgress,
@@ -97,7 +97,7 @@ var Image = function Image(_ref) {
       borderRadius: borderRadius,
       opacity: imageStatus === IMAGE_STATUS.LOADED ? 1 : 0
     }, style)
-  })), imageStatus === IMAGE_STATUS.LOADING && /* @__PURE__ */React__default.createElement(View, {
+  })), imageStatus === IMAGE_STATUS.LOADING && /* @__PURE__ */React.createElement(View, {
     style: _objectSpread2(_objectSpread2({
       width: width,
       height: height,
@@ -105,16 +105,16 @@ var Image = function Image(_ref) {
     }, styles.loadingContainer), {}, {
       backgroundColor: loadStyle === TLoadStyle.AVE ? aveColor : styles.loadingContainer.backgroundColor
     }, style)
-  }, loadStyle === TLoadStyle.BLUR && /* @__PURE__ */React__default.createElement(Image$2, {
+  }, loadStyle === TLoadStyle.BLUR && /* @__PURE__ */React.createElement(Image$2, {
     source: blurSource,
     style: _objectSpread2({
       width: width,
       height: height,
       borderRadius: borderRadius
     }, style)
-  }), 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);
@@ -124,7 +124,7 @@ var Image = function Image(_ref) {
       height: height,
       borderRadius: borderRadius
     }, styles.loadingContainer), style)
-  }, /* @__PURE__ */React__default.createElement(Image$2, {
+  }, /* @__PURE__ */React.createElement(Image$2, {
     style: {
       width: 40,
       height: 40

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

@@ -1 +1 @@
-{"version":3,"file":"Image.js","sources":["../../../../src/components/Image/Image.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\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\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  useMounted(\"Image\");\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            ...style,\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            ...style,\n          }}\n        >\n          {loadStyle === TLoadStyle.BLUR && (\n            <RNImage\n              source={blurSource}\n              style={{\n                width,\n                height,\n                borderRadius,\n                ...style,\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, ...style }}\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","useMounted","_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","CircularProgress","TouchableOpacity","activeOpacity","onPress","uri","defaultProps","ImageDefaultProps","memo"],"mappings":"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"}
+{"version":3,"file":"Image.js","sources":["../../../../src/components/Image/Image.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\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\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  useMounted(\"Image\");\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            ...style,\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            ...style,\n          }}\n        >\n          {loadStyle === TLoadStyle.BLUR && (\n            <RNImage\n              source={blurSource}\n              style={{\n                width,\n                height,\n                borderRadius,\n                ...style,\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, ...style }}\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","useMounted","_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","CircularProgress","TouchableOpacity","activeOpacity","onPress","uri","defaultProps","ImageDefaultProps","memo"],"mappings":"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"}