@xhsreds/reds-rn-next 0.8.4-image-optimization202510222117 → 0.9.1-beta202510271511

package/lib/cjs/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, typeList } from \"./interface/index\";\nimport createStyles from \"./styles\";\nimport { useColorMode } from \"../ConfigProvider\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\nimport { useLanguage } from \"../LanguageProvider\";\nimport { lightTypes, darkTypes } from \"./constant\";\nconst Empty = (props: RedsEmpty) => {\n  useMounted(\"Empty\");\n  const NoDataKey = useLanguage(\"componentKey\", \"NoDataKey\");\n  const { description, image, action, link, onClick, type } = { ...(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: 80, width: 80 }}\n          source={{\n            uri: colorMode === \"light\" ? lightTypes[type as typeList] : darkTypes[type as typeList],\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}>\n          {description || NoDataKey}\n          {link && onClick ? (\n            <Text style={styles.link} onPress={() => onClick()}>\n              {link}\n            </Text>\n          ) : (\n            <></>\n          )}\n        </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","NoDataKey","useLanguage","_EmptyDefaultProps$pr","_objectSpread","EmptyDefaultProps","description","image","action","link","onClick","type","styles","createStyles","colorMode","useColorMode","defaultImage","useMemo","React","createElement","Image","style","height","width","source","uri","lightTypes","darkTypes","View","container","Text","descriptionText","onPress","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,KAAA,GAAQ,SAARA,KAAAA,CAASC,KAAqB,EAAA;EAClCC,mCAAA,CAAW,OAAO,CAAA,CAAA;AACZ,EAAA,IAAAC,SAAA,GAAYC,yDAAY,CAAA,cAAA,EAAgB,WAAW,CAAA,CAAA;EACzD,IAAAC,qBAAA,GAAAC,wCAAA,CAAAA,wCAAA,CAAkEC,EAAAA,EAAAA,kDAAiC,GAAGN,KAAM,CAAA;IAApGO,WAAA,GAAAH,qBAAA,CAAAG,WAAA;IAAaC,KAAO,GAAAJ,qBAAA,CAAPI,KAAO;IAAAC,MAAA,GAAAL,qBAAA,CAAAK,MAAA;IAAQC,IAAM,GAAAN,qBAAA,CAANM,IAAM;IAAAC,OAAA,GAAAP,qBAAA,CAAAO,OAAA;IAASC,IAAK,GAAAR,qBAAA,CAALQ,IAAK,CAAA;AAExD,EAAA,IAAMC,SAASC,+BAAa,EAAA,CAAA;AAC5B,EAAA,IAAMC,YAAYC,oEAAa,EAAA,CAAA;EAE/B,IAAMC,YAAe,GAAAC,aAAA,CACnB,YAAA;IAAA,OACEV,KACE,mBAAAW,KAAA,CAAAC,aAAA,CAACC,iBAAA,EAAA;AACCC,MAAAA,KAAO,EAAA;AAAEC,QAAAA,MAAQ,EAAA,EAAA;AAAIC,QAAAA,OAAO,EAAA;OAAG;AAC/BC,MAAAA,MAAQ,EAAA;AACNC,QAAAA,KAAKX,SAAc,KAAA,OAAA,GAAUY,qCAAWf,IAAgB,CAAA,GAAIgB,oCAAUhB,IAAgB,CAAA;AACxF,OAAA;AAAA,KACD,CAAA,CAAA;AAAA,GAAA,EAEL,CAACJ,OAAOO,SAAS,CACnB,CAAA,CAAA;AAGE,EAAA,sBAAAI,KAAA,CAAAC,aAAA,CAACS;IAAKP,KAAO,EAAAT,MAAA,CAAOiB,SAAAA;oBACjBX,KAAA,CAAAC,aAAA,CAAAS,gBAAA,EAAA,IAAA,EAAMZ,YAAa,CACpB,iBAAAE,KAAA,CAAAC,aAAA,CAACS;IAAKP,KAAO,EAAAT,MAAA,CAAON,WAAAA;oBACjBY,KAAA,CAAAC,aAAA,CAAAW,gBAAA,EAAA;IAAKT,OAAOT,MAAO,CAAAmB,eAAAA;AAAA,GAAA,EACjBzB,eAAeL,SACf,EAAAQ,IAAA,IAAQC,yBACNQ,KAAA,CAAAC,aAAA,CAAAW,gBAAA,EAAA;IAAKT,OAAOT,MAAO,CAAAH,IAAA;IAAMuB,SAAS,SAATA;aAAetB,OAAA;;KACtCD,IACH,CAAA,0DAEE,CAEN,CACF,GACCD,MAAU,mBAAAU,KAAA,CAAAC,aAAA,CAACS;IAAKP,KAAO,EAAAT,MAAA,CAAOJ,MAAAA;GAAS,EAAAA,MAAO,CACjD,CAAA,CAAA;AAEJ,EAAA;AAEAV,KAAA,CAAMmC,YAAe,GAAA5B,kDAAA;;;;"}
+{"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, typeList } from \"./interface/index\";\nimport createStyles from \"./styles\";\nimport { useColorMode } from \"../ConfigProvider\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\nimport { useLanguage } from \"../LanguageProvider\";\nimport { lightTypes, darkTypes } from \"./constant\";\nconst Empty = (props: RedsEmpty) => {\n  useMounted(\"Empty\");\n  const NoDataKey = useLanguage(\"componentKey\", \"NoDataKey\");\n  const { description, image, action, link, onClick, type } = { ...(EmptyDefaultProps as RedsEmpty), ...props };\n\n  const styles = createStyles();\n  const colorMode = useColorMode();\n\n  const url = useMemo(() => {\n    return colorMode === \"light\" ? lightTypes[type as typeList] : darkTypes[type as typeList];\n  }, [colorMode, lightTypes, darkTypes, type]);\n\n  const defaultImage = useMemo(\n    () =>\n      image ||\n      (url ? (\n        <Image\n          style={{ height: 80, width: 80 }}\n          source={{\n            uri: url,\n          }}\n        ></Image>\n      ) : (\n        <></>\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}>\n          {description || NoDataKey}\n          {link && onClick ? (\n            <Text style={styles.link} onPress={() => onClick()}>\n              {link}\n            </Text>\n          ) : (\n            <></>\n          )}\n        </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","NoDataKey","useLanguage","_EmptyDefaultProps$pr","_objectSpread","EmptyDefaultProps","description","image","action","link","onClick","type","styles","createStyles","colorMode","useColorMode","url","useMemo","lightTypes","darkTypes","defaultImage","React","createElement","Image","style","height","width","source","uri","Fragment","View","container","Text","descriptionText","onPress","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,KAAA,GAAQ,SAARA,KAAAA,CAASC,KAAqB,EAAA;EAClCC,mCAAA,CAAW,OAAO,CAAA,CAAA;AACZ,EAAA,IAAAC,SAAA,GAAYC,yDAAY,CAAA,cAAA,EAAgB,WAAW,CAAA,CAAA;EACzD,IAAAC,qBAAA,GAAAC,wCAAA,CAAAA,wCAAA,CAAkEC,EAAAA,EAAAA,kDAAiC,GAAGN,KAAM,CAAA;IAApGO,WAAA,GAAAH,qBAAA,CAAAG,WAAA;IAAaC,KAAO,GAAAJ,qBAAA,CAAPI,KAAO;IAAAC,MAAA,GAAAL,qBAAA,CAAAK,MAAA;IAAQC,IAAM,GAAAN,qBAAA,CAANM,IAAM;IAAAC,OAAA,GAAAP,qBAAA,CAAAO,OAAA;IAASC,IAAK,GAAAR,qBAAA,CAALQ,IAAK,CAAA;AAExD,EAAA,IAAMC,SAASC,+BAAa,EAAA,CAAA;AAC5B,EAAA,IAAMC,YAAYC,oEAAa,EAAA,CAAA;AAEzB,EAAA,IAAAC,GAAA,GAAMC,cAAQ,YAAM;AACxB,IAAA,OAAOH,cAAc,OAAU,GAAAI,oCAAA,CAAWP,IAAgB,CAAA,GAAIQ,oCAAUR,IAAgB,CAAA,CAAA;KACvF,CAACG,SAAA,EAAWI,oCAAY,EAAAC,mCAAA,EAAWR,IAAI,CAAC,CAAA,CAAA;EAE3C,IAAMS,YAAe,GAAAH,aAAA,CACnB,YAAA;IAAA,OACEV,UACCS,GACC,kBAAAK,KAAA,CAAAC,aAAA,CAACC,iBAAA,EAAA;AACCC,MAAAA,KAAO,EAAA;AAAEC,QAAAA,MAAQ,EAAA,EAAA;AAAIC,QAAAA,OAAO,EAAA;OAAG;AAC/BC,MAAAA,MAAQ,EAAA;AACNC,QAAAA,GAAK,EAAAZ,GAAAA;AACP,OAAA;AAAA,KACD,mBAECK,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAQ,QAAA,EAAA,IAAA,CAAA,CAAA,CAAA;AAAA,GAAA,EAEN,CAACtB,OAAOO,SAAS,CACnB,CAAA,CAAA;AAGE,EAAA,sBAAAO,KAAA,CAAAC,aAAA,CAACQ;IAAKN,KAAO,EAAAZ,MAAA,CAAOmB,SAAAA;oBACjBV,KAAA,CAAAC,aAAA,CAAAQ,gBAAA,EAAA,IAAA,EAAMV,YAAa,CACpB,iBAAAC,KAAA,CAAAC,aAAA,CAACQ;IAAKN,KAAO,EAAAZ,MAAA,CAAON,WAAAA;oBACjBe,KAAA,CAAAC,aAAA,CAAAU,gBAAA,EAAA;IAAKR,OAAOZ,MAAO,CAAAqB,eAAAA;AAAA,GAAA,EACjB3B,eAAeL,SACf,EAAAQ,IAAA,IAAQC,yBACNW,KAAA,CAAAC,aAAA,CAAAU,gBAAA,EAAA;IAAKR,OAAOZ,MAAO,CAAAH,IAAA;IAAMyB,SAAS,SAATA;aAAexB,OAAA;;KACtCD,IACH,CAAA,0DAEE,CAEN,CACF,GACCD,MAAU,mBAAAa,KAAA,CAAAC,aAAA,CAACQ;IAAKN,KAAO,EAAAZ,MAAA,CAAOJ,MAAAA;GAAS,EAAAA,MAAO,CACjD,CAAA,CAAA;AAEJ,EAAA;AAEAV,KAAA,CAAMqC,YAAe,GAAA9B,kDAAA;;;;"}

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var components_Empty_Empty = require('./Empty.js');
 var components_Empty_interface_index = require('../../_chunks/DMQXZWqe.js');
-require('../../_chunks/vVKkFPW_.js');
+require('../../_chunks/C9tZEm0t.js');
 require('react');
 require('react-native');
 require('./styles.js');

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

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

package/lib/cjs/components/FAB/FAB.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../_chunks/vVKkFPW_.js');
+var _rollupPluginBabelHelpers = require('../../_chunks/C9tZEm0t.js');
 var React = require('react');
 var reactNative = require('react-native');
-var components_FAB_interface_index = require('../../_chunks/n-0l_8Vg.js');
+var components_FAB_interface_index = require('../../_chunks/C5m2_Avu.js');
 var components_FAB_styles = require('./styles.js');
 var components_Button_Button = require('../Button/Button.js');
 var components_Portal_core_Portal = require('../Portal/core/Portal.js');
@@ -36,6 +36,7 @@ require('../ProgressIndicator/lottie/loading.js');
 require('../ProgressIndicator/lottie/loading_dark.js');
 require('../ProgressIndicator/lottie/loading_primary.js');
 require('../ConfigProvider/hooks/themeToken/useColorMode.js');
+require('../ProgressIndicator/styles.js');
 require('@xhs/lottie-react-native');
 require('../Portal/core/hooks/usePortal.js');
 require('../../_chunks/D1Q6Re0a.js');
@@ -74,7 +75,14 @@ var FAB = function FAB(props) {
     iconRight: iconRight,
     avatar: avatar,
     outlineType: "shadow",
-    onClick: onClick
+    onClick: onClick,
+    style: [shape === "circle" ? {
+      width: 48,
+      height: 48
+    } : {}, shape === "circle" ? {} : {
+      paddingLeft: iconLeft ? 20 : 24,
+      paddingRight: iconRight ? 20 : 24
+    }, props.style]
   }, children))));
 };
 var FAB$1 = /*#__PURE__*/React.memo(FAB);

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

@@ -1 +1 @@
-{"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,mCAAA,CAAW,KAAK,CAAA,CAAA;EAChB,IAAMC,UAAa,GAAAC,wCAAA,CAAAA,wCAAA,CAAMC,EAAAA,EAAAA,8CAAA,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,eAAS,CAAC,CAAA;IAAAC,UAAA,GAAAC,wCAAA,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,uCAAkB,CAAAlB,UAAA,EAAYe,QAAQ,CAAA,CAAA;EAC7D,IAAMI,UAA0B,GAAA,CAACC,4BAAO,CAAAC,SAAA,EAAWJ,cAAc,CAAA,CAAA;EAG/D,sBAAAK,KAAA,CAAAC,aAAA,CAACC,oDACC,EAAA,IAAA,iBAAAF,KAAA,CAAAC,aAAA,CAACE,qCACC,EAAA,IAAA,iBAAAH,KAAA,CAAAC,aAAA,CAACG,gBAAA,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,gCAAA,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,WAAKtC,GAAG,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            // @ts-ignore\n            style={[\n              shape === \"circle\" ? { width: 48, height: 48 } : {},\n              shape === \"circle\"\n                ? {}\n                : {\n                    paddingLeft: iconLeft ? 20 : 24,\n                    paddingRight: iconRight ? 20 : 24,\n                  },\n              props.style,\n            ]}\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","height","paddingLeft","paddingRight","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,GAAA,GAAM,SAANA,GAAAA,CAAOC,KAAmB,EAAA;EAC9BC,mCAAA,CAAW,KAAK,CAAA,CAAA;EAChB,IAAMC,UAAa,GAAAC,wCAAA,CAAAA,wCAAA,CAAMC,EAAAA,EAAAA,8CAAA,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,eAAS,CAAC,CAAA;IAAAC,UAAA,GAAAC,wCAAA,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,uCAAkB,CAAAlB,UAAA,EAAYe,QAAQ,CAAA,CAAA;EAC7D,IAAMI,UAA0B,GAAA,CAACC,4BAAO,CAAAC,SAAA,EAAWJ,cAAc,CAAA,CAAA;EAG/D,sBAAAK,KAAA,CAAAC,aAAA,CAACC,oDACC,EAAA,IAAA,iBAAAF,KAAA,CAAAC,aAAA,CAACE,qCACC,EAAA,IAAA,iBAAAH,KAAA,CAAAC,aAAA,CAACG,gBAAA,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,gCAAA,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,OAAA;AAEAoB,IAAAA,KAAO,EAAA,CACLtB,KAAA,KAAU,WAAW;AAAEyB,MAAAA,KAAA,EAAO;AAAIK,MAAAA,MAAQ,EAAA,EAAA;QAAO,EAAC,EAClD9B,KAAA,KAAU,QACN,GAAA,EACA,GAAA;AACE+B,MAAAA,WAAA,EAAa3B,WAAW,EAAK,GAAA,EAAA;AAC7B4B,MAAAA,YAAA,EAAc3B,YAAY,EAAK,GAAA,EAAA;KACjC,EACJZ,KAAM,CAAA6B,KAAA,CAAA;AACR,GAAA,EAECrB,QACH,CACF,CACF,CACF,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEA,YAAegC,aAAAA,WAAKzC,GAAG,CAAA;;;;"}

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var components_FAB_FAB = require('./FAB.js');
-var components_FAB_interface_index = require('../../_chunks/n-0l_8Vg.js');
-require('../../_chunks/vVKkFPW_.js');
+var components_FAB_interface_index = require('../../_chunks/C5m2_Avu.js');
+require('../../_chunks/C9tZEm0t.js');
 require('react');
 require('react-native');
 require('./styles.js');
@@ -35,6 +35,7 @@ require('../ProgressIndicator/lottie/loading.js');
 require('../ProgressIndicator/lottie/loading_dark.js');
 require('../ProgressIndicator/lottie/loading_primary.js');
 require('../ConfigProvider/hooks/themeToken/useColorMode.js');
+require('../ProgressIndicator/styles.js');
 require('@xhs/lottie-react-native');
 require('../Portal/core/Portal.js');
 require('../Portal/core/hooks/usePortal.js');

package/lib/cjs/components/FAB/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/cjs/components/FAB/interface/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var components_FAB_interface_index = require('../../../_chunks/n-0l_8Vg.js');
+var components_FAB_interface_index = require('../../../_chunks/C5m2_Avu.js');
 
 
 

package/lib/cjs/components/Form/Form.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../_chunks/vVKkFPW_.js');
+var _rollupPluginBabelHelpers = require('../../_chunks/C9tZEm0t.js');
 var React = require('react');
 var components_Form_interface_index = require('../../_chunks/DawXj8aA.js');
 var components_Button_Button = require('../Button/Button.js');
@@ -36,6 +36,7 @@ require('../ProgressIndicator/lottie/loading.js');
 require('../ProgressIndicator/lottie/loading_dark.js');
 require('../ProgressIndicator/lottie/loading_primary.js');
 require('../ConfigProvider/hooks/themeToken/useColorMode.js');
+require('../ProgressIndicator/styles.js');
 require('@xhs/lottie-react-native');
 require('../../pvCount/pvData.js');
 require('../../_chunks/DoNqsT5m.js');

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

@@ -1 +1 @@
-{"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 { View } from \"react-native\";\nimport Schema from \"async-validator\";\nimport { FormContext } from \"./hooks/useFormContext\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\nimport { useLanguage } from \"../LanguageProvider\";\nconst Form = forwardRef((props: RedsForm, ref) => {\n  useMounted(\"Form\");\n  const [errors, setErrors] = useState({});\n\n  const submitKey = useLanguage(\"componentKey\", \"submitKey\");\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      <View style={props.style}>\n        {props.children}\n        {props.showSubmit ? (\n          <Button onClick={handleSubmit} type={\"primary\"} variant={\"fill\"} block>\n            {props.submitText || submitKey}\n          </Button>\n        ) : (\n          <></>\n        )}\n      </View>\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","submitKey","useLanguage","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","View","style","children","showSubmit","Button","onClick","type","variant","block","submitText","Fragment","defaultProps","FormDefaultProps"],"mappings":"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"}
+{"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 { View } from \"react-native\";\nimport Schema from \"async-validator\";\nimport { FormContext } from \"./hooks/useFormContext\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\nimport { useLanguage } from \"../LanguageProvider\";\nconst Form = forwardRef((props: RedsForm, ref) => {\n  useMounted(\"Form\");\n  const [errors, setErrors] = useState({});\n\n  const submitKey = useLanguage(\"componentKey\", \"submitKey\");\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      <View style={props.style}>\n        {props.children}\n        {props.showSubmit ? (\n          <Button onClick={handleSubmit} type={\"primary\"} variant={\"fill\"} block>\n            {props.submitText || submitKey}\n          </Button>\n        ) : (\n          <></>\n        )}\n      </View>\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","submitKey","useLanguage","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","View","style","children","showSubmit","Button","onClick","type","variant","block","submitText","Fragment","defaultProps","FormDefaultProps"],"mappings":"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"}

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

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

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var components_Form_Form = require('./Form.js');
 var components_Form_FormItem = require('./FormItem.js');
 var components_Form_interface_index = require('../../_chunks/DawXj8aA.js');
-require('../../_chunks/vVKkFPW_.js');
+require('../../_chunks/C9tZEm0t.js');
 require('react');
 require('../Button/Button.js');
 require('react-native');
@@ -35,6 +35,7 @@ require('../ProgressIndicator/lottie/loading.js');
 require('../ProgressIndicator/lottie/loading_dark.js');
 require('../ProgressIndicator/lottie/loading_primary.js');
 require('../ConfigProvider/hooks/themeToken/useColorMode.js');
+require('../ProgressIndicator/styles.js');
 require('@xhs/lottie-react-native');
 require('async-validator');
 require('./hooks/useFormContext.js');

package/lib/cjs/components/Form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

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

package/lib/cjs/components/Image/Image.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../_chunks/vVKkFPW_.js');
+var _rollupPluginBabelHelpers = require('../../_chunks/C9tZEm0t.js');
 var React = require('react');
 var reactNative = require('react-native');
-var components_Image_interface_index = require('../../_chunks/DBPOBx0T.js');
+var components_Image_interface_index = require('../../_chunks/DFPiddH3.js');
 var components_Image_styles = require('./styles.js');
 var components_Image_hook_index = require('./hook/index.js');
 var components_Image_CircularProgress = require('./CircularProgress.js');
@@ -15,15 +15,13 @@ var redsTokenNext = require('@xhsreds/reds-token-next');
 var components_ConfigProvider_hooks_themeToken_useColorMode = require('../ConfigProvider/hooks/themeToken/useColorMode.js');
 var components_Image_utils = require('./utils.js');
 var components_Image_VisibilitySensor = require('./VisibilitySensor.js');
-var components_Image_manager_ImageAPMManager = require('./manager/ImageAPMManager.js');
-var components_Image_hook_useImageId = require('./hook/useImageId.js');
+var components_Image_apm = require('./apm.js');
 require('react-native-svg');
 require('@xhs/reds-apm/src/index.native');
 require('../../pvCount/pvData.js');
 require('../ConfigProvider/hooks/ConfigContext/ConfigContext.js');
-require('./apm.js');
 
-var _excluded = ["src", "source", "width", "height", "borderRadius", "errorStyle", "loadStyle", "style", "abortApmCollection", "fadeDuration", "onFirstDrawFinished", "apmBiz"];
+var _excluded = ["src", "source", "width", "height", "borderRadius", "errorStyle", "loadStyle", "style", "abortApmCollection", "fadeDuration", "onFirstDrawFinished"];
 var imageReLoad = {
   light: "https://picasso-static.xiaohongshu.com/fe-platform/06ae169b310c2926e541903b828486a80fcac404.png",
   dark: "https://picasso-static.xiaohongshu.com/fe-platform/4f9bfbf2358aa970f1ec3dbf4ba5ff9355b7a41e.png",
@@ -45,11 +43,9 @@ var Image = function Image(_ref) {
     style = _ref.style,
     abortApmCollection = _ref.abortApmCollection,
     fadeDuration = _ref.fadeDuration,
-    _onFirstDrawFinished = _ref.onFirstDrawFinished,
-    apmBiz = _ref.apmBiz,
+    onFirstDrawFinished = _ref.onFirstDrawFinished,
     props = _rollupPluginBabelHelpers._objectWithoutProperties(_ref, _excluded);
   pvCount_useUnmountedProcess.default("Image");
-  var imageId = components_Image_hook_useImageId.useImageId();
   var _useState = React.useState(components_Image_interface_index.IMAGE_STATUS.LOADING),
     _useState2 = _rollupPluginBabelHelpers._slicedToArray(_useState, 2),
     imageStatus = _useState2[0],
@@ -58,28 +54,20 @@ var Image = function Image(_ref) {
     _useState4 = _rollupPluginBabelHelpers._slicedToArray(_useState3, 2),
     progress = _useState4[0],
     setProgress = _useState4[1];
-  var _useState5 = React.useState(false),
-    _useState6 = _rollupPluginBabelHelpers._slicedToArray(_useState5, 2);
-    _useState6[0];
-    var setViewable = _useState6[1];
-  var _useState7 = React.useState(false),
+  var _useState5 = React.useState(0),
+    _useState6 = _rollupPluginBabelHelpers._slicedToArray(_useState5, 2),
+    loadedTime = _useState6[0],
+    setLoadedTime = _useState6[1];
+  var _useState7 = React.useState(0),
     _useState8 = _rollupPluginBabelHelpers._slicedToArray(_useState7, 2),
-    apmDone = _useState8[0],
-    setApmDone = _useState8[1];
+    loadStartTime = _useState8[0],
+    setLoadStartTime = _useState8[1];
   var formatSource = React.useMemo(function () {
-    if (_source) return {
-      uri: components_Image_utils.formatUri({
-        uri: _source.uri,
-        width: width
-      })
-    };
+    if (_source) return _source;
     return {
-      uri: components_Image_utils.formatUri({
-        uri: src,
-        width: width
-      })
+      uri: src
     };
-  }, [src, _source, width]);
+  }, [src, _source]);
   var aveColor = components_Image_hook_index.useAveColor({
     source: formatSource,
     defaultColor: redsTokenNext.lightColor.Fill1,
@@ -88,27 +76,98 @@ var Image = function Image(_ref) {
   var blurSource = components_Image_hook_index.useBlur({
     source: formatSource
   });
+  var _useState9 = React.useState(false),
+    _useState0 = _rollupPluginBabelHelpers._slicedToArray(_useState9, 2),
+    viewable = _useState0[0],
+    setViewable = _useState0[1];
+  var hasInit = React.useRef(false);
+  var checkIsVisible = function checkIsVisible(isVisible) {
+    if (abortApmCollection) return;
+    if (!hasInit.current) {
+      hasInit.current = true;
+      apmDataRef.current.isFirstScreen = isVisible ? "true" : "false";
+    }
+    setViewable(isVisible);
+  };
+  var apmDataRef = React.useRef({
+    imageUrl: "",
+    imageHost: "",
+    intersectTime: viewable ? Date.now() : 0,
+    imageSize: 0,
+    isFirstScreen: "false",
+    isPrefetch: "",
+    isSuccess: "false",
+    errorReason: "",
+    loadedStartTime: 0,
+    loadedTime: 0,
+    loadDuration: 0,
+    viewDuration: 0
+  });
+  var _useState1 = React.useState(false),
+    _useState10 = _rollupPluginBabelHelpers._slicedToArray(_useState1, 2),
+    apmDoneRef = _useState10[0],
+    setApmDoneRef = _useState10[1];
   React.useEffect(function () {
     if (abortApmCollection) return;
-    var manager = components_Image_manager_ImageAPMManager.default.getInstance();
-    manager.register(imageId, formatSource, apmBiz);
+    try {
+      var apmData = apmDataRef.current;
+      if (typeof formatSource !== "number" && !components_Image_utils.isLocalFile(formatSource.uri) && !components_Image_utils.isDataUri(formatSource.uri)) {
+        var imageUrl = new URL(formatSource.uri);
+        apmData.imageHost = "".concat(imageUrl.protocol, "//").concat(imageUrl.host);
+        apmData.imageUrl = formatSource.uri;
+      }
+    } catch (error) {}
+  }, [formatSource, abortApmCollection]);
+  React.useEffect(function () {
+    if (abortApmCollection) return;
+    var imageUrl = (formatSource === null || formatSource === void 0 ? void 0 : formatSource.uri) || "";
+    if (typeof reactNative.Image.queryCache === "function" && !!imageUrl) {
+      var uriEncodeImageUrl = encodeURI(imageUrl);
+      reactNative.Image.queryCache([imageUrl]).then(function (res) {
+        if (res !== null && res !== void 0 && res[uriEncodeImageUrl]) {
+          apmDataRef.current.isPrefetch = "true";
+        } else {
+          apmDataRef.current.isPrefetch = "false";
+        }
+      });
+    }
     return function () {
-      return manager.unregister(imageId);
+      apmDataRef.current.isPrefetch = "";
     };
-  }, [imageId, abortApmCollection, apmBiz]);
-  React.useEffect(function () {
+  }, [formatSource, abortApmCollection]);
+  var pushApmData = React.useCallback(function () {
     if (abortApmCollection) return;
-    components_Image_manager_ImageAPMManager.default.getInstance().updateSource(imageId, formatSource);
-  }, [formatSource, abortApmCollection, imageId]);
-  var checkIsVisible = function checkIsVisible(isVisible) {
+    var apmData = apmDataRef.current;
+    var viewDuration = apmData.loadedTime - apmData.intersectTime;
+    apmData.viewDuration = viewDuration < 0 ? 0 : viewDuration;
+    var imageSize = apmDataRef.current.imageSize || 0;
+    if (!apmDataRef.current.isPrefetch) {
+      apmDataRef.current.isPrefetch = String((imageSize || 0) <= 0);
+    }
+    if (!apmDoneRef && apmData.imageUrl && !abortApmCollection) {
+      setApmDoneRef(true);
+      components_Image_apm.apmPush(components_Image_utils.convertKeysToSnakeCase(apmData));
+    }
+  }, [abortApmCollection]);
+  if ((!apmDataRef.current.isFirstScreen || apmDataRef.current.isFirstScreen === "false") && viewable && !abortApmCollection) {
+    apmDataRef.current.isFirstScreen = "true";
+  }
+  React.useEffect(function () {
     if (abortApmCollection) return;
-    components_Image_manager_ImageAPMManager.default.getInstance().setViewable(imageId, isVisible);
-    setViewable(isVisible);
-  };
-  var onLoadStart = function onLoadStart() {
-    if (!abortApmCollection) {
-      components_Image_manager_ImageAPMManager.default.getInstance().recordLoadStart(imageId);
+    var apmData = apmDataRef.current;
+    if (!apmData.intersectTime && viewable) {
+      apmData.intersectTime = Date.now();
+      if (apmData.loadedTime || apmData.errorReason) {
+        pushApmData();
+      }
     }
+  }, [viewable, pushApmData, abortApmCollection]);
+  var onLoadEnd = function onLoadEnd() {
+    var _props$onLoadEnd;
+    props === null || props === void 0 || (_props$onLoadEnd = props.onLoadEnd) === null || _props$onLoadEnd === void 0 || _props$onLoadEnd.call(props);
+    if (abortApmCollection) return;
+    apmDataRef.current;
+    pushApmData();
   };
   var onProgress = function onProgress(e) {
     var _props$onProgress;
@@ -118,35 +177,42 @@ var Image = function Image(_ref) {
     if (total) {
       setProgress(loaded / total * 100 | 0);
     }
-    if (!abortApmCollection) {
-      components_Image_manager_ImageAPMManager.default.getInstance().recordProgress(imageId, loaded, total);
-    }
+    !abortApmCollection && (apmDataRef.current.imageSize = total);
     (_props$onProgress = props.onProgress) === null || _props$onProgress === void 0 || _props$onProgress.call(props, e);
   };
   var onLoad = function onLoad(e) {
     var _props$onLoad;
     if (!abortApmCollection) {
-      components_Image_manager_ImageAPMManager.default.getInstance().recordLoad(imageId);
+      var now = Date.now();
+      setLoadedTime(now);
+      var loadDuration = now - apmDataRef.current.loadedStartTime;
+      apmDataRef.current.loadedTime = now;
+      apmDataRef.current.loadDuration = loadDuration < 0 ? 0 : loadDuration;
+      apmDataRef.current.isSuccess = "true";
     }
     (_props$onLoad = props.onLoad) === null || _props$onLoad === void 0 || _props$onLoad.call(props, e);
     setImageStatus(components_Image_interface_index.IMAGE_STATUS.LOADED);
   };
+  React.useEffect(function () {
+    var loadDuration = loadedTime - loadStartTime;
+    apmDataRef.current.loadDuration = loadDuration < 0 ? 0 : loadDuration;
+  }, [loadedTime, loadStartTime]);
+  var onLoadStart = function onLoadStart() {
+    if (!abortApmCollection) {
+      var now = Date.now();
+      apmDataRef.current.loadedStartTime = now;
+      setLoadStartTime(now);
+    }
+  };
   var onError = function onError(e) {
     var _props$onError;
     if (!abortApmCollection) {
-      components_Image_manager_ImageAPMManager.default.getInstance().recordError(imageId, "".concat(e.nativeEvent.error));
+      apmDataRef.current.isSuccess = "false";
+      apmDataRef.current.errorReason = "".concat(e.nativeEvent.error);
     }
     (_props$onError = props.onError) === null || _props$onError === void 0 || _props$onError.call(props, e);
     setImageStatus(errorStyle === components_Image_interface_index.TErrorStyle.ERROR ? components_Image_interface_index.IMAGE_STATUS.LOADERROR : components_Image_interface_index.IMAGE_STATUS.RELOAD);
   };
-  var onLoadEnd = function onLoadEnd() {
-    var _props$onLoadEnd;
-    if (!abortApmCollection) {
-      components_Image_manager_ImageAPMManager.default.getInstance().checkAndPush(imageId);
-      setApmDone(true);
-    }
-    props === null || props === void 0 || (_props$onLoadEnd = props.onLoadEnd) === null || _props$onLoadEnd === void 0 || _props$onLoadEnd.call(props);
-  };
   var onReload = function onReload(e) {
     var _props$onReload;
     setImageStatus(components_Image_interface_index.IMAGE_STATUS.HIDE);
@@ -164,7 +230,7 @@ var Image = function Image(_ref) {
     }, style)
   }, imageStatus !== components_Image_interface_index.IMAGE_STATUS.HIDE && (!abortApmCollection ? /* @__PURE__ */React.createElement(components_Image_VisibilitySensor.default, {
     onChange: checkIsVisible,
-    disabled: apmDone
+    disabled: apmDoneRef
   }, /* @__PURE__ */React.createElement(reactNative.Image, _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, props), {}, {
     source: formatSource,
     onLoadStart: onLoadStart,
@@ -173,9 +239,7 @@ var Image = function Image(_ref) {
     onError: onError,
     onLoadEnd: onLoadEnd,
     fadeDuration: fadeDuration,
-    onFirstDrawFinished: function onFirstDrawFinished(e) {
-      return _onFirstDrawFinished(e);
-    },
+    onFirstDrawFinished: onFirstDrawFinished,
     style: {
       width: width || (style === null || style === void 0 ? void 0 : style.width),
       height: height || (style === null || style === void 0 ? void 0 : style.height),
@@ -191,9 +255,7 @@ var Image = function Image(_ref) {
     onError: onError,
     onLoadEnd: onLoadEnd,
     fadeDuration: fadeDuration,
-    onFirstDrawFinished: function onFirstDrawFinished(e) {
-      return _onFirstDrawFinished(e);
-    },
+    onFirstDrawFinished: onFirstDrawFinished,
     style: {
       width: width || (style === null || style === void 0 ? void 0 : style.width),
       height: height || (style === null || style === void 0 ? void 0 : style.height),