npm - @xhsreds/reds-rn-next - Versions diffs - 0.8.4-fix-image-callbacks202510011434 → 0.8.4-image-optimization202510221852 - Mend

@xhsreds/reds-rn-next 0.8.4-fix-image-callbacks202510011434 → 0.8.4-image-optimization202510221852

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (468) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Image69.js","sources":["../../../../src/components/Image/Image69.tsx"],"sourcesContent":["import React, { useState, memo, useMemo, useRef, useCallback, 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 ImageSourcePropType,\n ImageURISource,\n} from \"react-native\";\nimport {\n RedsImage,\n ImageDefaultProps,\n IMAGE_STATUS,\n TErrorStyle,\n TLoadStyle,\n ImageTrackerProps,\n} from \"./interface/index\";\nimport styles from \"./styles\";\nimport { useAveColor, useBlur } from \"./hook\";\nimport CircularProgress from \"./CircularProgress\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\nimport { useColorMode } from \"../ConfigProvider\";\nimport { lightColor, platformLightColor } from \"@xhsreds/reds-token-next\";\nimport { formatUri, isDataUri, isLocalFile, convertKeysToSnakeCase } from \"./utils\";\nimport VisibilitySensor from \"./VisibilitySensor\";\nimport { apmPush } from \"./apm\";\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 platformLight: \"https://picasso-static.xiaohongshu.com/fe-platform/06ae169b310c2926e541903b828486a80fcac404.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 platformLight: \"https://picasso-static.xiaohongshu.com/fe-platform/76fee5bba4ce3bbf3e9ff5fe1935b737bb27625a.png\",\n};\n\nconst Image = ({\n src,\n source: _source,\n width,\n height,\n borderRadius,\n errorStyle,\n loadStyle,\n style,\n abortApmCollection,\n ...props\n}: RedsImage & Omit<ImageProps, keyof RedsImage>) => {\n useMounted(\"Image69\");\n const [imageStatus, setImageStatus] = useState(IMAGE_STATUS.LOADING);\n const [progress, setProgress] = useState(0);\n\n const formatSource = useMemo(() => {\n // @ts-ignore\n if (_source) return { uri: formatUri(_source) } as ImageSourcePropTyp;\n // @ts-ignore\n return { uri: formatUri({ uri: src }) } as ImageSourcePropType;\n }, [src, _source]);\n\n const aveColor = useAveColor({\n source: formatSource,\n defaultColor: lightColor.Fill1,\n loadingAve: loadStyle === TLoadStyle.AVE,\n });\n\n const blurSource = useBlur({ source: formatSource });\n\n const [viewable, setViewable] = useState(false);\n const hasInit = useRef(false);\n const checkIsVisible = (isVisible: boolean) => {\n // 判断首屏\n if (!hasInit.current) {\n hasInit.current = true;\n apmDataRef.current.isFirstScreen = isVisible ? \"true\" : \"false\";\n }\n setViewable(isVisible);\n };\n const apmDataRef = useRef<ImageTrackerProps>({\n imageUrl: \"\",\n imageHost: \"\",\n intersectTime: viewable ? Date.now() : 0,\n imageSize: 0,\n isFirstScreen: \"false\",\n isPrefetch: \"\",\n isSuccess: \"false\",\n errorReason: \"\",\n loadedStartTime: 0,\n loadedTime: 0,\n loadDuration: 0,\n viewDuration: 0,\n });\n const [apmDoneRef, setApmDoneRef] = useState(false);\n\n useEffect(() => {\n try {\n const apmData = apmDataRef.current;\n if (\n typeof formatSource !== \"number\" &&\n !isLocalFile((formatSource as ImageURISource).uri as string) &&\n !isDataUri((formatSource as ImageURISource).uri as string)\n ) {\n const imageUrl = new URL((formatSource as ImageURISource).uri as string);\n apmData.imageHost = `${imageUrl.protocol}//${imageUrl.host}`;\n apmData.imageUrl = (formatSource as ImageURISource).uri as string;\n }\n } catch (error) {\n //\n }\n }, [formatSource]);\n\n useEffect(() => {\n const imageUrl = (formatSource as ImageURISource)?.uri \|\| \"\";\n if (typeof RNImage.queryCache === \"function\" && !!imageUrl) {\n const uriEncodeImageUrl = encodeURI(imageUrl);\n RNImage.queryCache([imageUrl]).then((res) => {\n if (res?.[uriEncodeImageUrl]) {\n apmDataRef.current.isPrefetch = \"true\";\n } else {\n apmDataRef.current.isPrefetch = \"false\";\n }\n });\n }\n return () => {\n apmDataRef.current.isPrefetch = \"\";\n };\n }, [formatSource]);\n\n const pushApmData = useCallback(() => {\n const apmData = apmDataRef.current;\n const viewDuration = apmData.loadedTime - apmData.intersectTime;\n apmData.viewDuration = viewDuration < 0 ? 0 : viewDuration;\n /*\n 如果Image.queryCache未完成时,通过imageSize来判断\n * 如果image_size是-1,那么认为图片已有缓存\n /\n const imageSize = apmDataRef.current.imageSize \|\| 0;\n if (!apmDataRef.current.isPrefetch) {\n apmDataRef.current.isPrefetch = String((imageSize \|\| 0) <= 0);\n }\n if (!apmDoneRef && apmData.imageUrl && !abortApmCollection) {\n setApmDoneRef(true);\n apmPush(convertKeysToSnakeCase(apmData));\n }\n }, [abortApmCollection]);\n\n // 判断首屏\n if ((!apmDataRef.current.isFirstScreen \|\| apmDataRef.current.isFirstScreen === \"false\") && viewable) {\n apmDataRef.current.isFirstScreen = \"true\";\n }\n useEffect(() => {\n const apmData = apmDataRef.current;\n if (!apmData.intersectTime && viewable) {\n apmData.intersectTime = Date.now();\n // 进入视窗前加载完成/失败\n if (apmData.loadedTime \|\| apmData.errorReason) {\n pushApmData();\n }\n }\n }, [viewable, pushApmData]);\n\n const onLoadEnd = () => {\n const apmData = apmDataRef.current;\n // 进入视窗后加载成功/失败\n if (apmData.intersectTime) {\n pushApmData();\n }\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 apmDataRef.current.imageSize = total;\n props.onProgress?.(e);\n };\n const onLoad = (e: NativeSyntheticEvent<ImageLoadEventData>) => {\n const now = Date.now();\n const loadDuration = now - apmDataRef.current.loadedStartTime;\n apmDataRef.current.loadedTime = now;\n apmDataRef.current.loadDuration = loadDuration < 0 ? 0 : loadDuration;\n apmDataRef.current.isSuccess = \"true\";\n props.onLoad?.(e);\n setImageStatus(IMAGE_STATUS.LOADED);\n };\n\n const onLoadStart = () => {\n apmDataRef.current.loadedStartTime = Date.now();\n };\n\n const onError = (e: NativeSyntheticEvent<ImageErrorEventData>) => {\n apmDataRef.current.isSuccess = \"false\";\n apmDataRef.current.errorReason = `${e.nativeEvent.error}`;\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 (!abortApmCollection ? (\n <VisibilitySensor onChange={checkIsVisible} disabled={apmDoneRef}>\n <RNImage\n {...props}\n // @ts-ignore\n source={formatSource}\n onLoadStart={onLoadStart}\n onLoad={onLoad}\n onProgress={onProgress}\n onError={onError}\n onLoadEnd={onLoadEnd}\n style={{\n width,\n height,\n borderRadius,\n // opacity: imageStatus === IMAGE_STATUS.LOADED ? 1 : 0,\n }}\n // @ts-ignore\n onFirstDrawFinished={(e) => onFirstDrawFinished(e)}\n // @ts-ignore\n apmBiz={props.apmBiz}\n ></RNImage>\n </VisibilitySensor>\n ) : (\n <RNImage\n {...props}\n // @ts-ignore\n source={{ uri: formatUri(_source) }}\n onLoad={onLoad}\n onProgress={onProgress}\n onError={onError}\n style={{\n width,\n height,\n borderRadius,\n opacity: imageStatus === IMAGE_STATUS.LOADED ? 1 : 0,\n }}\n // @ts-ignore\n onFirstDrawFinished={(e) => onFirstDrawFinished(e)}\n // @ts-ignore\n apmBiz={props.apmBiz}\n ></RNImage>\n ))}\n {imageStatus === IMAGE_STATUS.LOADING && (\n <View\n style={{\n width,\n height,\n borderRadius,\n ...styles.loadingContainer,\n backgroundColor: loadStyle === TLoadStyle.AVE ? aveColor : styles.loadingContainer.backgroundColor,\n }}\n >\n {loadStyle === TLoadStyle.BLUR && (\n <RNImage\n source={blurSource}\n style={{\n width,\n height,\n borderRadius,\n }}\n // @ts-ignore\n apmBiz={props.apmBiz}\n ></RNImage>\n )}\n {loadStyle === TLoadStyle.LOADING && <></>}\n </View>\n )}\n {(imageStatus === IMAGE_STATUS.LOADERROR \|\| imageStatus === IMAGE_STATUS.RELOAD) && (\n <TouchableOpacity\n activeOpacity={1}\n onPress={(e) => {\n onReload(e);\n }}\n style={{ width, height, borderRadius, ...styles.loadingContainer }}\n >\n <RNImage\n style={{ width: 40, height: 40 }}\n source={{\n uri: imageStatus === IMAGE_STATUS.RELOAD ? imageReLoad[colorMode] : imageError[colorMode],\n }}\n // @ts-ignore\n apmBiz={props.apmBiz}\n />\n </TouchableOpacity>\n )}\n </View>\n );\n};\n\nImage.defaultProps = ImageDefaultProps;\n\nexport default memo(Image);\n"],"names":["imageReLoad","light","dark","platformLight","imageError","Image","src","_ref","_source","source","width","height","borderRadius","errorStyle","loadStyle","style","abortApmCollection","props","_objectWithoutProperties","_excluded","useMounted","_useState","useState","IMAGE_STATUS","LOADING","_useState2","_slicedToArray","imageStatus","setImageStatus","_useState3","_useState4","progress","setProgress","formatSource","useMemo","uri","formatUri","aveColor","useAveColor","defaultColor","lightColor","Fill1","loadingAve","TLoadStyle","AVE","blurSource","useBlur","_useState5","_useState6","viewable","setViewable","hasInit","useRef","checkIsVisible","isVisible","current","apmDataRef","isFirstScreen","imageUrl","imageHost","intersectTime","Date","now","imageSize","isPrefetch","isSuccess","errorReason","loadedStartTime","loadedTime","loadDuration","viewDuration","_useState7","_useState8","apmDoneRef","setApmDoneRef","useEffect","apmData","isLocalFile","isDataUri","URL","protocol","concat","host","error","RNImage","queryCache","uriEncodeImageUrl","encodeURI","then","res","pushApmData","useCallback","String","apmPush","convertKeysToSnakeCase","onLoadEnd","onProgress","e","_props$onProgress","_e$nativeEvent","nativeEvent","total","loaded","call","onLoad","_props$onLoad","LOADED","onLoadStart","onError","_props$onError","TErrorStyle","ERROR","LOADERROR","RELOAD","onReload","_props$onReload","HIDE","setTimeout","colorMode","useColorMode","React","createElement","View","_objectSpread","VisibilitySensor","onChange","disabled","onFirstDrawFinished","_onFirstDrawFinished","_x","apply","arguments","toString","apmBiz","opacity","_onFirstDrawFinished2","_x2","styles","loadingContainer","backgroundColor","BLUR","Fragment","TouchableOpacity","activeOpacity","onPress","defaultProps","ImageDefaultProps","memo"],"mappings":";;;;;;;;;;;;;;;;;;AAgCA,IAAMA,WAAc,GAAA;AAClBC,EAAAA,KAAO,EAAA,iGAAA;AACPC,EAAAA,IAAM,EAAA,iGAAA;AACNC,EAAAA,aAAe,EAAA,iGAAA;AACjB,CAAA,CAAA;AAEA,IAAMC,UAAa,GAAA;AACjBH,EAAAA,KAAO,EAAA,iGAAA;AACPC,EAAAA,IAAM,EAAA,iGAAA;AACNC,EAAAA,aAAe,EAAA,iGAAA;AACjB,CAAA,CAAA;AAEA,IAAME,QAAQ,SAARA,YAW+C;AAAA,EAAA,IAVnDC,GAAA,GAAAC,IAAA,CAAAD,GAAA;IACQE,OAAA,GAAAD,IAAA,CAARE,MAAQ;IACRC,KAAA,GAAAH,IAAA,CAAAG,KAAA;IACAC,MAAA,GAAAJ,IAAA,CAAAI,MAAA;IACAC,YAAA,GAAAL,IAAA,CAAAK,YAAA;IACAC,UAAA,GAAAN,IAAA,CAAAM,UAAA;IACAC,SAAA,GAAAP,IAAA,CAAAO,SAAA;IACAC,KAAA,GAAAR,IAAA,CAAAQ,KAAA;IACAC,kBAAA,GAAAT,IAAA,CAAAS,kBAAA;AACGC,IAAAA,KAAA,GAAAC,wBAAA,CAAAX,IAAA,EAAAY,SAAA,CAAA,CAAA;EAEHC,UAAA,CAAW,SAAS,CAAA,CAAA;AACpB,EAAA,IAAAC,SAAA,GAAsCC,QAAA,CAASC,aAAaC,OAAO,CAAA;IAAAC,UAAA,GAAAC,cAAA,CAAAL,SAAA,EAAA,CAAA,CAAA;AAA5DM,IAAAA,WAAa,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAAG,IAAAA,cAAc,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAClC,EAAA,IAAAI,UAAA,GAAgCP,SAAS,CAAC,CAAA,CAAA;IAAAQ,UAAA,GAAAJ,cAAA,CAAAG,UAAA,EAAA,CAAA,CAAA,CAAA;AAAnCE,IAAAD,UAAA,CAAA,CAAA,CAAA,CAAA;AAAUE,QAAAA,WAAW,GAAAF,UAAA,CAAA,CAAA,EAAA;AAEtB,EAAA,IAAAG,YAAA,GAAeC,QAAQ,YAAM;IAEjC,IAAI1B,SAAgB,OAAA;MAAE2B,GAAK,EAAAC,SAAA,CAAU5B,OAAO,CAAA;KAAE,CAAA;IAE9C,OAAO;MAAE2B,GAAK,EAAAC,SAAA,CAAU;AAAED,QAAAA,GAAK,EAAA7B,GAAAA;OAAK,CAAA;KAAE,CAAA;AACxC,GAAG,EAAA,CAACA,GAAK,EAAAE,OAAO,CAAC,CAAA,CAAA;EAEjB,IAAM6B,WAAWC,WAAY,CAAA;AAC3B7B,IAAAA,MAAQ,EAAAwB,YAAA;IACRM,cAAcC,UAAW,CAAAC,KAAA;AACzBC,IAAAA,UAAA,EAAY5B,cAAc6B,UAAW,CAAAC,GAAAA;AACvC,GAAC,CAAA,CAAA;EAED,IAAMC,UAAa,GAAAC,OAAA,CAAQ;AAAErC,IAAAA,MAAA,EAAQwB,YAAAA;AAAa,GAAC,CAAA,CAAA;AAEnD,EAAA,IAAAc,UAAA,GAAgCzB,SAAS,KAAK,CAAA;IAAA0B,UAAA,GAAAtB,cAAA,CAAAqB,UAAA,EAAA,CAAA,CAAA;AAAvCE,IAAAA,QAAA,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAUE,IAAAA,WAAW,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AACtB,EAAA,IAAAG,OAAA,GAAUC,OAAO,KAAK,CAAA,CAAA;AACtB,EAAA,IAAAC,cAAA,GAAiB,SAAjBA,cAAAA,CAAkBC,SAAuB,EAAA;AAEzC,IAAA,IAAA,CAACH,QAAQI,OAAS,EAAA;MACpBJ,OAAA,CAAQI,OAAU,GAAA,IAAA,CAAA;MACPC,UAAA,CAAAD,OAAA,CAAQE,aAAgB,GAAAH,SAAA,GAAY,MAAS,GAAA,OAAA,CAAA;AAC1D,KAAA;IACAJ,WAAA,CAAYI,SAAS,CAAA,CAAA;GACvB,CAAA;EACA,IAAME,aAAaJ,MAA0B,CAAA;AAC3CM,IAAAA,QAAU,EAAA,EAAA;AACVC,IAAAA,SAAW,EAAA,EAAA;IACXC,aAAe,EAAAX,QAAA,GAAWY,IAAK,CAAAC,GAAA,EAAQ,GAAA,CAAA;AACvCC,IAAAA,SAAW,EAAA,CAAA;AACXN,IAAAA,aAAe,EAAA,OAAA;AACfO,IAAAA,UAAY,EAAA,EAAA;AACZC,IAAAA,SAAW,EAAA,OAAA;AACXC,IAAAA,WAAa,EAAA,EAAA;AACbC,IAAAA,eAAiB,EAAA,CAAA;AACjBC,IAAAA,UAAY,EAAA,CAAA;AACZC,IAAAA,YAAc,EAAA,CAAA;AACdC,IAAAA,YAAc,EAAA,CAAA;AAChB,GAAC,CAAA,CAAA;AACD,EAAA,IAAAC,UAAA,GAAoCjD,SAAS,KAAK,CAAA;IAAAkD,UAAA,GAAA9C,cAAA,CAAA6C,UAAA,EAAA,CAAA,CAAA;AAA3CE,IAAAA,UAAA,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAYE,IAAAA,aAAa,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AAEhCG,EAAAA,SAAA,CAAU,YAAM;IACV,IAAA;AACF,MAAA,IAAMC,UAAUpB,UAAW,CAAAD,OAAA,CAAA;MAC3B,IACE,OAAOtB,YAAA,KAAiB,QACxB,IAAA,CAAC4C,WAAa,CAAA5C,YAAA,CAAgCE,GAAa,CAAA,IAC3D,CAAC2C,SAAA,CAAW7C,YAAgC,CAAAE,GAAa,CACzD,EAAA;QACA,IAAMuB,QAAW,GAAA,IAAIqB,GAAK,CAAA9C,YAAA,CAAgCE,GAAa,CAAA,CAAA;AACvEyC,QAAAA,OAAA,CAAQjB,sBAAeD,QAAA,CAASsB,QAAQ,EAAA,IAAA,CAAA,CAAAC,MAAA,CAAKvB,SAASwB,IAAI,CAAA,CAAA;AAC1DN,QAAAA,OAAA,CAAQlB,WAAYzB,YAAgC,CAAAE,GAAA,CAAA;AACtD,OAAA;AACF,aAASgD,KAAO,EAAA,EAEhB;AACF,GAAA,EAAG,CAAClD,YAAY,CAAC,CAAA,CAAA;AAEjB0C,EAAAA,SAAA,CAAU,YAAM;IACR,IAAAjB,QAAA,GAAY,CAAAzB,yBAAAA,mCAAAA,aAAiCE,GAAO,KAAA,EAAA,CAAA;IAC1D,IAAI,OAAOiD,OAAQ,CAAAC,UAAA,KAAe,UAAc,IAAA,CAAC,CAAC3B,QAAU,EAAA;AACpD,MAAA,IAAA4B,iBAAA,GAAoBC,UAAU7B,QAAQ,CAAA,CAAA;AAC5C0B,MAAAA,OAAA,CAAQC,WAAW,CAAC3B,QAAQ,CAAC,CAAE,CAAA8B,IAAA,CAAK,UAACC,GAAQ,EAAA;QACvC,IAAAA,GAAA,aAAAA,GAAA,KAAA,KAAA,CAAA,IAAAA,GAAA,CAAMH,iBAAiB,CAAG,EAAA;AAC5B9B,UAAAA,UAAA,CAAWD,QAAQS,UAAa,GAAA,MAAA,CAAA;AAClC,SAAO,MAAA;AACLR,UAAAA,UAAA,CAAWD,QAAQS,UAAa,GAAA,OAAA,CAAA;AAClC,SAAA;AACF,OAAC,CAAA,CAAA;AACH,KAAA;AACA,IAAA,OAAO,YAAM;AACXR,MAAAA,UAAA,CAAWD,QAAQS,UAAa,GAAA,EAAA,CAAA;KAClC,CAAA;AACF,GAAA,EAAG,CAAC/B,YAAY,CAAC,CAAA,CAAA;AAEX,EAAA,IAAAyD,WAAA,GAAcC,YAAY,YAAM;AACpC,IAAA,IAAMf,UAAUpB,UAAW,CAAAD,OAAA,CAAA;IACrB,IAAAe,YAAA,GAAeM,OAAQ,CAAAR,UAAA,GAAaQ,OAAQ,CAAAhB,aAAA,CAAA;IAC1CgB,OAAA,CAAAN,YAAA,GAAeA,YAAe,GAAA,CAAA,GAAI,CAAI,GAAAA,YAAA,CAAA;IAKxC,IAAAP,SAAA,GAAYP,UAAW,CAAAD,OAAA,CAAQQ,SAAa,IAAA,CAAA,CAAA;AAC9C,IAAA,IAAA,CAACP,UAAW,CAAAD,OAAA,CAAQS,UAAY,EAAA;AAClCR,MAAAA,UAAA,CAAWD,OAAQ,CAAAS,UAAA,GAAa4B,MAAQ,CAAA,CAAA7B,SAAA,IAAa,MAAM,CAAC,CAAA,CAAA;AAC9D,KAAA;IACA,IAAI,CAACU,UAAA,IAAcG,OAAQ,CAAAlB,QAAA,IAAY,CAAC1C,kBAAoB,EAAA;MAC1D0D,aAAA,CAAc,IAAI,CAAA,CAAA;AACVmB,MAAAA,OAAA,CAAAC,sBAAA,CAAuBlB,OAAO,CAAC,CAAA,CAAA;AACzC,KAAA;AACF,GAAA,EAAG,CAAC5D,kBAAkB,CAAC,CAAA,CAAA;AAGlB,EAAA,IAAA,CAAA,CAACwC,WAAWD,OAAQ,CAAAE,aAAA,IAAiBD,WAAWD,OAAQ,CAAAE,aAAA,KAAkB,YAAYR,QAAU,EAAA;AACnGO,IAAAA,UAAA,CAAWD,QAAQE,aAAgB,GAAA,MAAA,CAAA;AACrC,GAAA;AACAkB,EAAAA,SAAA,CAAU,YAAM;AACd,IAAA,IAAMC,UAAUpB,UAAW,CAAAD,OAAA,CAAA;AACvB,IAAA,IAAA,CAACqB,OAAQ,CAAAhB,aAAA,IAAiBX,QAAU,EAAA;AAC9B2B,MAAAA,OAAA,CAAAhB,aAAA,GAAgBC,KAAKC,GAAI,EAAA,CAAA;AAE7B,MAAA,IAAAc,OAAA,CAAQR,UAAc,IAAAQ,OAAA,CAAQV,WAAa,EAAA;AACjCwB,QAAAA,WAAA,EAAA,CAAA;AACd,OAAA;AACF,KAAA;AACF,GAAG,EAAA,CAACzC,QAAU,EAAAyC,WAAW,CAAC,CAAA,CAAA;AAE1B,EAAA,IAAMK,YAAY,SAAZA,YAAkB;AACtB,IAAA,IAAMnB,UAAUpB,UAAW,CAAAD,OAAA,CAAA;IAE3B,IAAIqB,QAAQhB,aAAe,EAAA;AACb8B,MAAAA,WAAA,EAAA,CAAA;AACd,KAAA;GACF,CAAA;AAEM,EAAA,IAAAM,UAAA,GAAa,SAAbA,UAAAA,CAAcC,CAAuD,EAAA;AAAA,IAAA,IAAAC,iBAAA,CAAA;AACnE,IAAA,IAAAC,cAAA,GAEFF,CAAA,CADFG,WAAA;MAAeC,KAAA,GAAAF,cAAA,CAAAE,KAAA;MAAOC,MAAO,GAAAH,cAAA,CAAPG,MAAO,CAAA;AAE/B,IAAA,IAAID,KAAO,EAAA;MACKrE,WAAA,CAAAsE,MAAA,GAASD,KAAS,GAAA,GAAA,GAAO,CAAC,CAAA,CAAA;AAC1C,KAAA;AACA7C,IAAAA,UAAA,CAAWD,QAAQQ,SAAY,GAAAsC,KAAA,CAAA;AAC/B,IAAA,CAAAH,iBAAA,GAAAjF,KAAA,CAAM+E,8CAANE,KAAAA,CAAAA,IAAAA,iBAAA,CAAAK,IAAA,CAAAtF,KAAA,EAAmBgF,CAAC,CAAA,CAAA;GACtB,CAAA;AACM,EAAA,IAAAO,MAAA,GAAS,SAATA,MAAAA,CAAUP,CAAgD,EAAA;AAAA,IAAA,IAAAQ,aAAA,CAAA;AACxD,IAAA,IAAA3C,GAAA,GAAMD,KAAKC,GAAI,EAAA,CAAA;IACf,IAAAO,YAAA,GAAeP,GAAM,GAAAN,UAAA,CAAWD,OAAQ,CAAAY,eAAA,CAAA;AAC9CX,IAAAA,UAAA,CAAWD,QAAQa,UAAa,GAAAN,GAAA,CAAA;IAChCN,UAAA,CAAWD,OAAQ,CAAAc,YAAA,GAAeA,YAAe,GAAA,CAAA,GAAI,CAAI,GAAAA,YAAA,CAAA;AACzDb,IAAAA,UAAA,CAAWD,QAAQU,SAAY,GAAA,MAAA,CAAA;AAC/B,IAAA,CAAAwC,aAAA,GAAAxF,KAAA,CAAMuF,sCAANC,KAAAA,CAAAA,IAAAA,aAAA,CAAAF,IAAA,CAAAtF,KAAA,EAAegF,CAAC,CAAA,CAAA;AAChBrE,IAAAA,cAAA,CAAeL,aAAamF,MAAM,CAAA,CAAA;GACpC,CAAA;AAEA,EAAA,IAAMC,cAAc,SAAdA,cAAoB;IACbnD,UAAA,CAAAD,OAAA,CAAQY,eAAkB,GAAAN,IAAA,CAAKC,GAAI,EAAA,CAAA;GAChD,CAAA;AAEM,EAAA,IAAA8C,OAAA,GAAU,SAAVA,OAAAA,CAAWX,CAAiD,EAAA;AAAA,IAAA,IAAAY,cAAA,CAAA;AAChErD,IAAAA,UAAA,CAAWD,QAAQU,SAAY,GAAA,OAAA,CAAA;AAC/BT,IAAAA,UAAA,CAAWD,OAAQ,CAAAW,WAAA,GAAAe,EAAAA,CAAAA,MAAA,CAAiBgB,CAAA,CAAEG,YAAYjB,KAAK,CAAA,CAAA;AACvD,IAAA,CAAA0B,cAAA,GAAA5F,KAAA,CAAM2F,wCAANC,KAAAA,CAAAA,IAAAA,cAAA,CAAAN,IAAA,CAAAtF,KAAA,EAAgBgF,CAAC,CAAA,CAAA;AACjBrE,IAAAA,cAAA,CAAef,eAAeiG,WAAY,CAAAC,KAAA,GAAQxF,YAAa,CAAAyF,SAAA,GAAYzF,aAAa0F,MAAM,CAAA,CAAA;GAChG,CAAA;AACM,EAAA,IAAAC,QAAA,GAAW,SAAXA,QAAAA,CAAYjB,CAA6B,EAAA;AAAA,IAAA,IAAAkB,eAAA,CAAA;AAC7CvF,IAAAA,cAAA,CAAeL,aAAa6F,IAAI,CAAA,CAAA;AAChC,IAAA,CAAAD,eAAA,GAAAlG,KAAA,CAAMiG,0CAANC,KAAAA,CAAAA,IAAAA,eAAA,CAAAZ,IAAA,CAAAtF,KAAA,EAAiBgF,CAAC,CAAA,CAAA;AAClBoB,IAAAA,UAAA,CAAW,YAAM;AACfzF,MAAAA,cAAA,CAAeL,aAAaC,OAAO,CAAA,CAAA;AACrC,KAAC,CAAA,CAAA;GACH,CAAA;AAEA,EAAA,IAAM8F,YAAYC,YAAa,EAAA,CAAA;AAG7B,EAAA,sBAAAC,KAAA,CAAAC,aAAA,CAACC;AAAK3G,IAAAA,KAAO,EAAA4G,cAAA,CAAA;AAAE/G,MAAAA,cAAAA;AAAcD,MAAAA,MAAQ,EAARA,MAAQ;AAAAD,MAAAA,KAAA,EAAAA,KAAAA;AAAA,KAAA,EAAWK,KAAa,CAAA;AAAA,GAAA,EAC1DY,gBAAgBJ,YAAa,CAAA6F,IAAA,KAC3B,CAACpG,kBACA,kBAAAwG,KAAA,CAAAC,aAAA,CAACG;AAAiBC,IAAAA,QAAU,EAAAxE,cAAA;AAAgByE,IAAAA,UAAUrD,UAAAA;AACpD,GAAA,iBAAA+C,KAAA,CAAAC,aAAA,CAACrC,OAAA,EAAAuC,cAAA,CAAAA,cAAA,CAAA,EAAA,EACK1G,KAAA,CAAA,EAAA,EAAA,EAAA;AAEJR,IAAAA,MAAQ,EAAAwB,YAAA;AACR0E,IAAAA,WAAA,EAAAA,WAAA;AACAH,IAAAA,MAAA,EAAAA,MAAA;AACAR,IAAAA,UAAA,EAAAA,UAAA;AACAY,IAAAA,OAAA,EAAAA,OAAA;AACAb,IAAAA,SAAA,EAAAA,SAAA;AACAhF,IAAAA,KAAO,EAAA;AACLL,MAAAA,KAAA,EAAAA,KAAA;AACAC,MAAAA,MAAA,EAAAA,MAAA;AACAC,MAAAA,YAAA,EAAAA,YAAAA;AAAA;KAEF;AAEAmH,IAAAA,mBAAqB,YAAAC,oBAAA,EAAA;MAAA,SAArBD,mBAAqBA,CAAAE,EAAA,EAAA;AAAA,QAAA,OAAAD,oBAAA,CAAAE,KAAA,CAAA,IAAA,EAAAC,SAAA,CAAA,CAAA;AAAA,OAAA;AAArBJ,MAAAA,mBAAqB,CAAAK,QAAA,GAAA,YAAA;QAAA,OAAAJ,oBAAA,CAAAI,QAAA,EAAA,CAAA;AAAA,OAAA,CAAA;AAAA,MAAA,OAArBL,mBAAqB,CAAA;AAAA,KAAA,CAAA,UAAC9B,CAAM,EAAA;MAAA,OAAA8B,mBAAA,CAAoB9B,CAAC,CAAA,CAAA;AAAA,KAAA,CAAA;IAEjDoC,QAAQpH,KAAM,CAAAoH,MAAAA;AAAA,GAAA,CACf,CACH,CAEA,kBAAAb,KAAA,CAAAC,aAAA,CAACrC,OAAA,EAAAuC,cAAA,CAAAA,cAAA,KACK1G,KAAA,CAAA,EAAA,EAAA,EAAA;AAEJR,IAAAA,MAAQ,EAAA;MAAE0B,GAAK,EAAAC,SAAA,CAAU5B,OAAO,CAAA;KAAE;AAClCgG,IAAAA,MAAA,EAAAA,MAAA;AACAR,IAAAA,UAAA,EAAAA,UAAA;AACAY,IAAAA,OAAA,EAAAA,OAAA;AACA7F,IAAAA,KAAO,EAAA;AACLL,MAAAA,KAAA,EAAAA,KAAA;AACAC,MAAAA,MAAA,EAAAA,MAAA;AACAC,MAAAA,YAAA,EAAAA,YAAA;MACA0H,OAAS,EAAA3G,WAAA,KAAgBJ,YAAa,CAAAmF,MAAA,GAAS,CAAI,GAAA,CAAA;KACrD;AAEAqB,IAAAA,mBAAqB,YAAAQ,qBAAA,EAAA;MAAA,SAArBR,mBAAqBA,CAAAS,GAAA,EAAA;AAAA,QAAA,OAAAD,qBAAA,CAAAL,KAAA,CAAA,IAAA,EAAAC,SAAA,CAAA,CAAA;AAAA,OAAA;AAArBJ,MAAAA,mBAAqB,CAAAK,QAAA,GAAA,YAAA;QAAA,OAAAG,qBAAA,CAAAH,QAAA,EAAA,CAAA;AAAA,OAAA,CAAA;AAAA,MAAA,OAArBL,mBAAqB,CAAA;AAAA,KAAA,CAAA,UAAC9B,CAAM,EAAA;MAAA,OAAA8B,mBAAA,CAAoB9B,CAAC,CAAA,CAAA;AAAA,KAAA,CAAA;IAEjDoC,QAAQpH,KAAM,CAAAoH,MAAAA;AAAA,GAAA,CACf,CAAA,CAAA,EAEJ1G,WAAgB,KAAAJ,YAAA,CAAaC,OAC5B,mBAAAgG,KAAA,CAAAC,aAAA,CAACC,IAAA,EAAA;IACC3G,KAAO,EAAA4G,cAAA,CAAAA,cAAA,CAAA;AACLjH,MAAAA,KAAA,EAAAA,KAAA;AACAC,MAAAA,MAAA,EAAAA,MAAA;AACAC,MAAAA,YAAA,EAAAA,YAAAA;KACG6H,EAAAA,MAAO,CAAAC,gBAAA,CAAA,EAAA,EAAA,EAAA;AACVC,MAAAA,iBAAiB7H,SAAc,KAAA6B,UAAA,CAAWC,GAAM,GAAAP,QAAA,GAAWoG,OAAOC,gBAAiB,CAAAC,eAAAA;AAAA,KAAA,CAAA;AACrF,GAAA,EAEC7H,SAAA,KAAc6B,WAAWiG,IACxB,mBAAApB,KAAA,CAAAC,aAAA,CAACrC,OAAA,EAAA;AACC3E,IAAAA,MAAQ,EAAAoC,UAAA;AACR9B,IAAAA,KAAO,EAAA;AACLL,MAAAA,KAAA,EAAAA,KAAA;AACAC,MAAAA,MAAA,EAAAA,MAAA;AACAC,MAAAA,YAAA,EAAAA,YAAAA;KACF;IAEAyH,QAAQpH,KAAM,CAAAoH,MAAAA;AAAA,GACf,CAAA,EAEFvH,SAAA,KAAc6B,UAAW,CAAAnB,OAAA,mBAAagG,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAqB,QAAA,EAAA,IAAA,CACzC,IAEAlH,WAAgB,KAAAJ,YAAA,CAAayF,SAAa,IAAArF,WAAA,KAAgBJ,aAAa0F,MACvE,oBAAAO,KAAA,CAAAC,aAAA,CAACqB,gBAAA,EAAA;AACCC,IAAAA,aAAe,EAAA,CAAA;AACfC,IAAAA,OAAA,EAAS,SAATA,OAAAA,CAAU/C,CAAM,EAAA;MACdiB,QAAA,CAASjB,CAAC,CAAA,CAAA;KACZ;AACAlF,IAAAA;AAASL,MAAAA,KAAA,EAAAA,KAAA;AAAOC,MAAAA,QAAAA;AAAQC,MAAAA,YAAc,EAAdA,YAAAA;KAAiB6H,EAAAA,OAAOC,gBAAiB,CAAA;AAAA,GAAA,iBAEjElB,KAAA,CAAAC,aAAA,CAACrC,OAAA,EAAA;AACCrE,IAAAA,KAAO,EAAA;AAAEL,MAAAA,KAAO,EAAA,EAAA;AAAIC,MAAAA,QAAQ,EAAA;KAAG;AAC/BF,IAAAA,MAAQ,EAAA;AACN0B,MAAAA,GAAA,EAAKR,gBAAgBJ,YAAa,CAAA0F,MAAA,GAASjH,YAAYsH,SAAS,CAAA,GAAIlH,WAAWkH,SAAS,CAAA;KAC1F;IAEAe,QAAQpH,KAAM,CAAAoH,MAAAA;GAChB,CACF,CAEJ,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEAhI,KAAA,CAAM4I,YAAe,GAAAC,iBAAA,CAAA;AAErB,cAAeC,aAAAA,KAAK9I,KAAK,CAAA;;;;"}
1	+ {"version":3,"file":"Image69.js","sources":["../../../../src/components/Image/Image69.tsx"],"sourcesContent":["import React, { useState, memo, useMemo, useRef, useCallback, 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 ImageSourcePropType,\n ImageURISource,\n} from \"react-native\";\nimport {\n RedsImage,\n ImageDefaultProps,\n IMAGE_STATUS,\n TErrorStyle,\n TLoadStyle,\n ImageTrackerProps,\n} from \"./interface/index\";\nimport styles from \"./styles\";\nimport { useAveColor, useBlur } from \"./hook\";\nimport CircularProgress from \"./CircularProgress\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\nimport { useColorMode } from \"../ConfigProvider\";\nimport { lightColor, platformLightColor } from \"@xhsreds/reds-token-next\";\nimport { formatUri, isDataUri, isLocalFile, convertKeysToSnakeCase } from \"./utils\";\nimport VisibilitySensor from \"./VisibilitySensor\";\nimport { apmPush } from \"./apm\";\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 platformLight: \"https://picasso-static.xiaohongshu.com/fe-platform/06ae169b310c2926e541903b828486a80fcac404.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 platformLight: \"https://picasso-static.xiaohongshu.com/fe-platform/76fee5bba4ce3bbf3e9ff5fe1935b737bb27625a.png\",\n};\n\nconst Image = ({\n src,\n source: _source,\n width,\n height,\n borderRadius,\n errorStyle,\n loadStyle,\n style,\n abortApmCollection,\n ...props\n}: RedsImage & Omit<ImageProps, keyof RedsImage>) => {\n useMounted(\"Image69\");\n const [imageStatus, setImageStatus] = useState(IMAGE_STATUS.LOADING);\n const [progress, setProgress] = useState(0);\n\n const formatSource = useMemo(() => {\n // @ts-ignore\n if (_source) return { uri: formatUri(_source) } as ImageSourcePropTyp;\n // @ts-ignore\n return { uri: formatUri({ uri: src }) } as ImageSourcePropType;\n }, [src, _source]);\n\n const aveColor = useAveColor({\n source: formatSource,\n defaultColor: lightColor.Fill1,\n loadingAve: loadStyle === TLoadStyle.AVE,\n });\n\n const blurSource = useBlur({ source: formatSource });\n\n const [viewable, setViewable] = useState(false);\n const hasInit = useRef(false);\n const checkIsVisible = (isVisible: boolean) => {\n // 判断首屏\n if (!hasInit.current) {\n hasInit.current = true;\n apmDataRef.current.isFirstScreen = isVisible ? \"true\" : \"false\";\n }\n setViewable(isVisible);\n };\n const apmDataRef = useRef<ImageTrackerProps>({\n imageUrl: \"\",\n imageHost: \"\",\n intersectTime: viewable ? Date.now() : 0,\n imageSize: 0,\n isFirstScreen: \"false\",\n isPrefetch: \"\",\n isSuccess: \"false\",\n errorReason: \"\",\n loadedStartTime: 0,\n loadedTime: 0,\n loadDuration: 0,\n viewDuration: 0,\n });\n const [apmDoneRef, setApmDoneRef] = useState(false);\n\n useEffect(() => {\n try {\n const apmData = apmDataRef.current;\n if (\n typeof formatSource !== \"number\" &&\n !isLocalFile((formatSource as ImageURISource).uri as string) &&\n !isDataUri((formatSource as ImageURISource).uri as string)\n ) {\n const imageUrl = new URL((formatSource as ImageURISource).uri as string);\n apmData.imageHost = `${imageUrl.protocol}//${imageUrl.host}`;\n apmData.imageUrl = (formatSource as ImageURISource).uri as string;\n }\n } catch (error) {\n //\n }\n }, [formatSource]);\n\n useEffect(() => {\n const imageUrl = (formatSource as ImageURISource)?.uri \|\| \"\";\n if (typeof RNImage.queryCache === \"function\" && !!imageUrl) {\n const uriEncodeImageUrl = encodeURI(imageUrl);\n RNImage.queryCache([imageUrl]).then((res) => {\n if (res?.[uriEncodeImageUrl]) {\n apmDataRef.current.isPrefetch = \"true\";\n } else {\n apmDataRef.current.isPrefetch = \"false\";\n }\n });\n }\n return () => {\n apmDataRef.current.isPrefetch = \"\";\n };\n }, [formatSource]);\n\n const pushApmData = useCallback(() => {\n const apmData = apmDataRef.current;\n const viewDuration = apmData.loadedTime - apmData.intersectTime;\n apmData.viewDuration = viewDuration < 0 ? 0 : viewDuration;\n /*\n 如果Image.queryCache未完成时,通过imageSize来判断\n * 如果image_size是-1,那么认为图片已有缓存\n /\n const imageSize = apmDataRef.current.imageSize \|\| 0;\n if (!apmDataRef.current.isPrefetch) {\n apmDataRef.current.isPrefetch = String((imageSize \|\| 0) <= 0);\n }\n if (!apmDoneRef && apmData.imageUrl && !abortApmCollection) {\n setApmDoneRef(true);\n apmPush(convertKeysToSnakeCase(apmData));\n }\n }, [abortApmCollection]);\n\n // 判断首屏\n if ((!apmDataRef.current.isFirstScreen \|\| apmDataRef.current.isFirstScreen === \"false\") && viewable) {\n apmDataRef.current.isFirstScreen = \"true\";\n }\n useEffect(() => {\n const apmData = apmDataRef.current;\n if (!apmData.intersectTime && viewable) {\n apmData.intersectTime = Date.now();\n // 进入视窗前加载完成/失败\n if (apmData.loadedTime \|\| apmData.errorReason) {\n pushApmData();\n }\n }\n }, [viewable, pushApmData]);\n\n const onLoadEnd = () => {\n const apmData = apmDataRef.current;\n // 进入视窗后加载成功/失败\n if (apmData.intersectTime) {\n pushApmData();\n }\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 apmDataRef.current.imageSize = total;\n props.onProgress?.(e);\n };\n const onLoad = (e: NativeSyntheticEvent<ImageLoadEventData>) => {\n const now = Date.now();\n const loadDuration = now - apmDataRef.current.loadedStartTime;\n apmDataRef.current.loadedTime = now;\n apmDataRef.current.loadDuration = loadDuration < 0 ? 0 : loadDuration;\n apmDataRef.current.isSuccess = \"true\";\n props.onLoad?.(e);\n setImageStatus(IMAGE_STATUS.LOADED);\n };\n\n const onLoadStart = () => {\n apmDataRef.current.loadedStartTime = Date.now();\n };\n\n const onError = (e: NativeSyntheticEvent<ImageErrorEventData>) => {\n apmDataRef.current.isSuccess = \"false\";\n apmDataRef.current.errorReason = `${e.nativeEvent.error}`;\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 (!abortApmCollection ? (\n <VisibilitySensor onChange={checkIsVisible} disabled={apmDoneRef}>\n <RNImage\n {...props}\n // @ts-ignore\n source={formatSource}\n onLoadStart={onLoadStart}\n onLoad={onLoad}\n onProgress={onProgress}\n onError={onError}\n onLoadEnd={onLoadEnd}\n style={{\n width,\n height,\n borderRadius,\n // opacity: imageStatus === IMAGE_STATUS.LOADED ? 1 : 0,\n }}\n // @ts-ignore\n onFirstDrawFinished={(e) => onFirstDrawFinished(e)}\n // @ts-ignore\n apmBiz={props.apmBiz}\n ></RNImage>\n </VisibilitySensor>\n ) : (\n <RNImage\n {...props}\n // @ts-ignore\n source={{ uri: formatUri(_source) }}\n onLoad={onLoad}\n onProgress={onProgress}\n onError={onError}\n style={{\n width,\n height,\n borderRadius,\n opacity: imageStatus === IMAGE_STATUS.LOADED ? 1 : 0,\n }}\n // @ts-ignore\n onFirstDrawFinished={(e) => onFirstDrawFinished(e)}\n // @ts-ignore\n apmBiz={props.apmBiz}\n ></RNImage>\n ))}\n {imageStatus === IMAGE_STATUS.LOADING && (\n <View\n style={{\n width,\n height,\n borderRadius,\n ...styles.loadingContainer,\n backgroundColor: loadStyle === TLoadStyle.AVE ? aveColor : styles.loadingContainer.backgroundColor,\n }}\n >\n {loadStyle === TLoadStyle.BLUR && (\n <RNImage\n source={blurSource}\n style={{\n width,\n height,\n borderRadius,\n }}\n // @ts-ignore\n apmBiz={props.apmBiz}\n ></RNImage>\n )}\n {loadStyle === TLoadStyle.LOADING && <></>}\n </View>\n )}\n {(imageStatus === IMAGE_STATUS.LOADERROR \|\| imageStatus === IMAGE_STATUS.RELOAD) && (\n <TouchableOpacity\n activeOpacity={1}\n onPress={(e) => {\n onReload(e);\n }}\n style={{ width, height, borderRadius, ...styles.loadingContainer }}\n >\n <RNImage\n style={{ width: 40, height: 40 }}\n source={{\n uri: imageStatus === IMAGE_STATUS.RELOAD ? imageReLoad[colorMode] : imageError[colorMode],\n }}\n // @ts-ignore\n apmBiz={props.apmBiz}\n />\n </TouchableOpacity>\n )}\n </View>\n );\n};\n\nImage.defaultProps = ImageDefaultProps;\n\nexport default memo(Image);\n"],"names":["imageReLoad","light","dark","platformLight","imageError","Image","src","_ref","_source","source","width","height","borderRadius","errorStyle","loadStyle","style","abortApmCollection","props","_objectWithoutProperties","_excluded","useMounted","_useState","useState","IMAGE_STATUS","LOADING","_useState2","_slicedToArray","imageStatus","setImageStatus","_useState3","_useState4","progress","setProgress","formatSource","useMemo","uri","formatUri","aveColor","useAveColor","defaultColor","lightColor","Fill1","loadingAve","TLoadStyle","AVE","blurSource","useBlur","_useState5","_useState6","viewable","setViewable","hasInit","useRef","checkIsVisible","isVisible","current","apmDataRef","isFirstScreen","imageUrl","imageHost","intersectTime","Date","now","imageSize","isPrefetch","isSuccess","errorReason","loadedStartTime","loadedTime","loadDuration","viewDuration","_useState7","_useState8","apmDoneRef","setApmDoneRef","useEffect","apmData","isLocalFile","isDataUri","URL","protocol","concat","host","error","RNImage","queryCache","uriEncodeImageUrl","encodeURI","then","res","pushApmData","useCallback","String","apmPush","convertKeysToSnakeCase","onLoadEnd","onProgress","e","_props$onProgress","_e$nativeEvent","nativeEvent","total","loaded","call","onLoad","_props$onLoad","LOADED","onLoadStart","onError","_props$onError","TErrorStyle","ERROR","LOADERROR","RELOAD","onReload","_props$onReload","HIDE","setTimeout","colorMode","useColorMode","React","createElement","View","_objectSpread","VisibilitySensor","onChange","disabled","onFirstDrawFinished","_onFirstDrawFinished","_x","apply","arguments","toString","apmBiz","opacity","_onFirstDrawFinished2","_x2","styles","loadingContainer","backgroundColor","BLUR","Fragment","TouchableOpacity","activeOpacity","onPress","defaultProps","ImageDefaultProps","memo"],"mappings":"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"}

package/lib/esm/components/Image/VisibilitySensor.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { i as _objectWithoutProperties, _ as _slicedToArray, a as _objectSpread2 } from '../../_chunks/CAkwE9ZD.js';
+import { i as _objectWithoutProperties, _ as _slicedToArray, a as _objectSpread2 } from '../../_chunks/DpFbw-p-.js';
 import React, { forwardRef, useRef, useImperativeHandle, useState, useCallback, useEffect } from 'react';
 import { Dimensions, View } from 'react-native';

package/lib/esm/components/Image/VisibilitySensor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"VisibilitySensor.js","sources":["../../../../src/components/Image/VisibilitySensor.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState, forwardRef, useImperativeHandle } from \"react\";\nimport { Dimensions, type ScaledSize, View } from \"react-native\";\nimport type { VisibilitySensorRef, VisibilitySensorProps, RectDimensionsState } from \"./interface/visibilitySensor\";\n// function useInterval(callback: () => void, delay: number \| null) {\n// const savedCallback = useRef(callback);\n// useEffect(() => {\n// savedCallback.current = callback;\n// }, [callback]);\n// useEffect(() => {\n// if (delay === null \|\| delay === undefined) {\n// return;\n// }\n// const id = setInterval(() => savedCallback.current(), delay);\n// return () => clearInterval(id);\n// }, [delay]);\n// }\nconst VisibilitySensor = forwardRef<VisibilitySensorRef, VisibilitySensorProps>((props, ref) => {\n const { onChange, disabled = false, triggerOnce = false, delay, threshold = {}, children, ...rest } = props;\n const localRef = useRef<View>(null);\n const hasMountedRef = useRef(false);\n useImperativeHandle(ref, () => ({\n getInnerRef: () => localRef.current,\n }));\n const [rectDimensions, setRectDimensions] = useState<RectDimensionsState>({\n rectTop: 0,\n rectBottom: 0,\n rectLeft: 0,\n rectRight: 0,\n rectWidth: 0,\n rectHeight: 0,\n });\n const [lastValue, setLastValue] = useState<boolean \| undefined>(undefined);\n const [active, setActive] = useState<boolean>(false);\n const measureInnerView = () => {\n if (!active) return;\n localRef.current?.measure((_x: number, _y: number, width: number, height: number, pageX: number, pageY: number) => {\n const dimensions = {\n rectTop: pageY,\n rectBottom: pageY + height,\n rectLeft: pageX,\n rectRight: pageX + width,\n rectWidth: width,\n rectHeight: height,\n };\n if (\n rectDimensions.rectTop !== dimensions.rectTop \|\|\n rectDimensions.rectBottom !== dimensions.rectBottom \|\|\n rectDimensions.rectLeft !== dimensions.rectLeft \|\|\n rectDimensions.rectRight !== dimensions.rectRight \|\|\n rectDimensions.rectWidth !== dimensions.rectWidth \|\|\n rectDimensions.rectHeight !== dimensions.rectHeight\n ) {\n setRectDimensions(dimensions);\n }\n });\n };\n // useInterval(measureInnerView, delay \|\| 100);\n const startWatching = useCallback(() => {\n if (!active) setActive(true);\n }, [active]);\n const stopWatching = useCallback(() => {\n if (active) setActive(false);\n }, [active]);\n useEffect(() => {\n if (!disabled) {\n startWatching();\n }\n return () => {\n stopWatching();\n };\n }, [disabled, startWatching, stopWatching]);\n useEffect(() => {\n if (!hasMountedRef.current) {\n hasMountedRef.current = true;\n return;\n }\n const window: ScaledSize = Dimensions.get(\"window\");\n const isVisible: boolean =\n rectDimensions.rectTop + (threshold.top \|\| 0) <= window.height && // Top edge is within the bottom of the window\n rectDimensions.rectBottom - (threshold.bottom \|\| 0) >= 0 && // Bottom edge is within the top of the window\n rectDimensions.rectLeft + (threshold.left \|\| 0) <= window.width && // Left edge is within the right of the window\n rectDimensions.rectRight - (threshold.right \|\| 0) >= 0; // Right edge is within the left of the window\n if (lastValue !== isVisible) {\n setLastValue(isVisible);\n onChange(isVisible);\n if (isVisible && triggerOnce) {\n stopWatching();\n }\n }\n ~~// change\n~~ }, [rectDimensions, lastValue, threshold, onChange, triggerOnce, stopWatching]);\n return (\n <View ref={localRef} {...rest} onLayout={() => measureInnerView()}>\n {children}\n </View>\n );\n});\nexport default VisibilitySensor;\n"],"names":["VisibilitySensor","forwardRef","props","ref","onChange","_props$disabled","disabled","_props$triggerOnce","triggerOnce","delay","_props$threshold","threshold","children","rest","_excluded","localRef","useRef","hasMountedRef","useImperativeHandle","getInnerRef","current","_useState","useState","rectTop","rectBottom","rectLeft","rectRight","rectWidth","rectHeight","_useState2","_slicedToArray","rectDimensions","setRectDimensions","_useState3","_useState4","lastValue","setLastValue","_useState5","_useState6","active","setActive","measureInnerView","_localRef$current","measure","_x","_y","width","height","pageX","pageY","dimensions","startWatching","useCallback","stopWatching","useEffect","window","Dimensions","get","isVisible","top","bottom","left","right","React","createElement","View","_objectSpread","onLayout"],"mappings":"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~~AAEF~~,GAAA,EAAG,CAACtB,cAAgB,EAAAI,SAAA,EAAWxB,WAAWP,QAAU,EAAAI,WAAA,EAAa6C,YAAY,CAAC,CAAA,CAAA;EAE5E,sBAAAU,KAAA,CAAAC,aAAA,CAACC,IAAK,EAAAC,cAAA,CAAAA,cAAA,CAAA;AAAA/D,IAAAA,GAAA,EAAKY,QAAAA;AAAW,GAAA,EAAGF;IAAMsD,QAAU,EAAA,SAAVA,QAAUA,GAAA;MAAA,OAAM1B,gBAAiB,EAAA,CAAA;AAAA,KAAA;AAAA,GAAA,CAAA,EAC7D7B,QACH,CAAA,CAAA;AAEJ,CAAC;;;;"}
1	+ {"version":3,"file":"VisibilitySensor.js","sources":["../../../../src/components/Image/VisibilitySensor.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState, forwardRef, useImperativeHandle } from \"react\";\nimport { Dimensions, type ScaledSize, View } from \"react-native\";\nimport type { VisibilitySensorRef, VisibilitySensorProps, RectDimensionsState } from \"./interface/visibilitySensor\";\n// function useInterval(callback: () => void, delay: number \| null) {\n// const savedCallback = useRef(callback);\n// useEffect(() => {\n// savedCallback.current = callback;\n// }, [callback]);\n// useEffect(() => {\n// if (delay === null \|\| delay === undefined) {\n// return;\n// }\n// const id = setInterval(() => savedCallback.current(), delay);\n// return () => clearInterval(id);\n// }, [delay]);\n// }\nconst VisibilitySensor = forwardRef<VisibilitySensorRef, VisibilitySensorProps>((props, ref) => {\n const { onChange, disabled = false, triggerOnce = false, delay, threshold = {}, children, ...rest } = props;\n const localRef = useRef<View>(null);\n const hasMountedRef = useRef(false);\n useImperativeHandle(ref, () => ({\n getInnerRef: () => localRef.current,\n }));\n const [rectDimensions, setRectDimensions] = useState<RectDimensionsState>({\n rectTop: 0,\n rectBottom: 0,\n rectLeft: 0,\n rectRight: 0,\n rectWidth: 0,\n rectHeight: 0,\n });\n const [lastValue, setLastValue] = useState<boolean \| undefined>(undefined);\n const [active, setActive] = useState<boolean>(false);\n const measureInnerView = () => {\n if (!active) return;\n localRef.current?.measure((_x: number, _y: number, width: number, height: number, pageX: number, pageY: number) => {\n const dimensions = {\n rectTop: pageY,\n rectBottom: pageY + height,\n rectLeft: pageX,\n rectRight: pageX + width,\n rectWidth: width,\n rectHeight: height,\n };\n if (\n rectDimensions.rectTop !== dimensions.rectTop \|\|\n rectDimensions.rectBottom !== dimensions.rectBottom \|\|\n rectDimensions.rectLeft !== dimensions.rectLeft \|\|\n rectDimensions.rectRight !== dimensions.rectRight \|\|\n rectDimensions.rectWidth !== dimensions.rectWidth \|\|\n rectDimensions.rectHeight !== dimensions.rectHeight\n ) {\n setRectDimensions(dimensions);\n }\n });\n };\n // useInterval(measureInnerView, delay \|\| 100);\n const startWatching = useCallback(() => {\n if (!active) setActive(true);\n }, [active]);\n const stopWatching = useCallback(() => {\n if (active) setActive(false);\n }, [active]);\n useEffect(() => {\n if (!disabled) {\n startWatching();\n }\n return () => {\n stopWatching();\n };\n }, [disabled, startWatching, stopWatching]);\n useEffect(() => {\n if (!hasMountedRef.current) {\n hasMountedRef.current = true;\n return;\n }\n const window: ScaledSize = Dimensions.get(\"window\");\n const isVisible: boolean =\n rectDimensions.rectTop + (threshold.top \|\| 0) <= window.height && // Top edge is within the bottom of the window\n rectDimensions.rectBottom - (threshold.bottom \|\| 0) >= 0 && // Bottom edge is within the top of the window\n rectDimensions.rectLeft + (threshold.left \|\| 0) <= window.width && // Left edge is within the right of the window\n rectDimensions.rectRight - (threshold.right \|\| 0) >= 0; // Right edge is within the left of the window\n if (lastValue !== isVisible) {\n setLastValue(isVisible);\n onChange(isVisible);\n if (isVisible && triggerOnce) {\n stopWatching();\n }\n }\n }, [rectDimensions, lastValue, threshold, onChange, triggerOnce, stopWatching]);\n return (\n <View ref={localRef} {...rest} onLayout={() => measureInnerView()}>\n {children}\n </View>\n );\n});\nexport default VisibilitySensor;\n"],"names":["VisibilitySensor","forwardRef","props","ref","onChange","_props$disabled","disabled","_props$triggerOnce","triggerOnce","delay","_props$threshold","threshold","children","rest","_excluded","localRef","useRef","hasMountedRef","useImperativeHandle","getInnerRef","current","_useState","useState","rectTop","rectBottom","rectLeft","rectRight","rectWidth","rectHeight","_useState2","_slicedToArray","rectDimensions","setRectDimensions","_useState3","_useState4","lastValue","setLastValue","_useState5","_useState6","active","setActive","measureInnerView","_localRef$current","measure","_x","_y","width","height","pageX","pageY","dimensions","startWatching","useCallback","stopWatching","useEffect","window","Dimensions","get","isVisible","top","bottom","left","right","React","createElement","View","_objectSpread","onLayout"],"mappings":"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"}

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

@@ -1,5 +1,6 @@
-import { _ as _slicedToArray, c as _asyncToGenerator, d as _regenerator } from '../../../_chunks/CAkwE9ZD.js';
+import { _ as _slicedToArray, c as _asyncToGenerator, d as _regenerator } from '../../../_chunks/DpFbw-p-.js';
 import { useState, useEffect } from 'react';
+export { useImageId } from './useImageId.js';
 var useAveColor = function useAveColor(_ref) {
   var source = _ref.source,

package/lib/esm/components/Image/hook/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../src/components/Image/hook/index.ts"],"sourcesContent":["import { useState, useEffect, useMemo } from \"react\";\nimport { ImageSourcePropType, ImageURISource } from \"react-native\";\nimport { RedsImage, TLoadStyle } from \"../interface\";\n\nexport const useAveColor = ({\n source,\n defaultColor,\n loadingAve,\n}: {\n source: ImageSourcePropType;\n defaultColor: string;\n loadingAve: boolean;\n}) => {\n const url = (source as ImageURISource)?.uri;\n const [color, setColor] = useState(defaultColor);\n useEffect(() => {\n if (!loadingAve \|\| !url) return;\n fetch(url + `${url.includes(\"?\") ? \"&\" : \"?\"}imageAve`)\n .then(async (a) => a.json())\n .then((res) => {\n res.RGB && setColor(res.RGB.replace(\"0x\", \"#\"));\n })\n .catch(() => {});\n }, [source, loadingAve]);\n return color;\n};\n\nexport const useBlur = ({ source }: { source: ImageSourcePropType }) => {\n const url = (source as ImageURISource)?.uri;\n if (!url) return { uri: \"\" };\n return { uri: url.includes(\"?\") ? url.replace(/\\?.*/, \"?imageMogr2/blur/25x25\") : url + \"?imageMogr2/blur/25x25\" };\n};\n"],"names":["useAveColor","source","_ref","defaultColor","loadingAve","url","uri","_useState","useState","_useState2","_slicedToArray","color","setColor","useEffect","fetch","includes","then","_ref2","_asyncToGenerator","_regenerator","m","_callee","a","json","_x","apply","arguments","res","RGB","replace","useBlur","_ref3"],"mappings":"~~;;;~~IAIaA,cAAc,SAAdA,kBAQP;AAAA,EAAA,IAPJC,MAAA,GAAAC,IAAA,CAAAD,MAAA;IACAE,YAAA,GAAAD,IAAA,CAAAC,YAAA;IACAC,UAAA,GAAAF,IAAA,CAAAE,UAAA,CAAA;EAMA,IAAMC,MAAOJ,MAA2B,KAAA,IAAA,IAA3BA,MAA2B,KAA3BA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,MAA2B,CAAAK,GAAA,CAAA;AACxC,EAAA,IAAAC,SAAA,GAA0BC,SAASL,YAAY,CAAA;IAAAM,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAxCI,IAAAA,KAAA,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAOG,IAAAA,QAAQ,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AACtBI,EAAAA,SAAA,CAAU,YAAM;AACV,IAAA,IAAA,CAACT,UAAc,IAAA,CAACC,GAAK,EAAA,OAAA;AACzBS,IAAAA,KAAA,CAAMT,gBAASA,GAAA,CAAIU,SAAS,GAAG,CAAA,GAAI,MAAM,GAAG,EAAU,UAAA,CAAA,EACnDC,IAAK,cAAA,YAAA;MAAA,IAAAC,KAAA,GAAAC,iBAAA,cAAAC,YAAA,GAAAC,CAAA,CAAA,SAAAC,OAAAA,CAAOC;;;;mCAAMA,CAAE,CAAAC,IAAA,EAAM,CAAA,CAAA;AAAA,WAAA;AAAA,SAAA,EAAAF,OAAA,CAAA,CAAA;AAAA,OAAA,CAAA,CAAA,CAAA;AAAA,MAAA,OAAA,UAAAG,EAAA,EAAA;AAAA,QAAA,OAAAP,KAAA,CAAAQ,KAAA,CAAA,IAAA,EAAAC,SAAA,CAAA,CAAA;AAAA,OAAA,CAAA;AAAA,KAAA,EAAA,CAC1B,CAAAV,IAAA,CAAK,UAACW,GAAQ,EAAA;AACbA,MAAAA,GAAA,CAAIC,OAAOhB,QAAS,CAAAe,GAAA,CAAIC,IAAIC,OAAQ,CAAA,IAAA,EAAM,GAAG,CAAC,CAAA,CAAA;AAChD,KAAC,CACA,CAAA,OAAA,CAAA,CAAM,YAAM,EAAE,CAAA,CAAA;AACnB,GAAG,EAAA,CAAC5B,MAAQ,EAAAG,UAAU,CAAC,CAAA,CAAA;AAChB,EAAA,OAAAO,KAAA,CAAA;AACT,EAAA;IAEamB,OAAU,GAAA,SAAVA,OAAUA,CAAAC,KAAA,EAAiD;AAAA,EAAA,IAA9C9B,MAAA,GAAA8B,KAAA,CAAA9B,MAAA,CAAA;EACxB,IAAMI,MAAOJ,MAA2B,KAAA,IAAA,IAA3BA,MAA2B,KAA3BA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,MAA2B,CAAAK,GAAA,CAAA;EACxC,IAAI,CAACD,GAAA,EAAY,OAAA;AAAEC,IAAAA,KAAK,EAAA;GAAG,CAAA;EAC3B,OAAO;AAAEA,IAAAA,GAAA,EAAKD,GAAI,CAAAU,QAAA,CAAS,GAAG,CAAA,GAAIV,GAAI,CAAAwB,OAAA,CAAQ,MAAQ,EAAA,wBAAwB,CAAI,GAAAxB,GAAA,GAAM,wBAAA;GAAyB,CAAA;AACnH;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../src/components/Image/hook/index.ts"],"sourcesContent":["import { useState, useEffect, useMemo } from \"react\";\nimport { ImageSourcePropType, ImageURISource } from \"react-native\";\nimport { RedsImage, TLoadStyle } from \"../interface\";\n\nexport const useAveColor = ({\n source,\n defaultColor,\n loadingAve,\n}: {\n source: ImageSourcePropType;\n defaultColor: string;\n loadingAve: boolean;\n}) => {\n const url = (source as ImageURISource)?.uri;\n const [color, setColor] = useState(defaultColor);\n useEffect(() => {\n if (!loadingAve \|\| !url) return;\n fetch(url + `${url.includes(\"?\") ? \"&\" : \"?\"}imageAve`)\n .then(async (a) => a.json())\n .then((res) => {\n res.RGB && setColor(res.RGB.replace(\"0x\", \"#\"));\n })\n .catch(() => {});\n }, [source, loadingAve]);\n return color;\n};\n\nexport const useBlur = ({ source }: { source: ImageSourcePropType }) => {\n const url = (source as ImageURISource)?.uri;\n if (!url) return { uri: \"\" };\n return { uri: url.includes(\"?\") ? url.replace(/\\?.*/, \"?imageMogr2/blur/25x25\") : url + \"?imageMogr2/blur/25x25\" };\n};\n\nexport { useImageId } from \"./useImageId\";\n"],"names":["useAveColor","source","_ref","defaultColor","loadingAve","url","uri","_useState","useState","_useState2","_slicedToArray","color","setColor","useEffect","fetch","includes","then","_ref2","_asyncToGenerator","_regenerator","m","_callee","a","json","_x","apply","arguments","res","RGB","replace","useBlur","_ref3"],"mappings":";;;;IAIaA,cAAc,SAAdA,kBAQP;AAAA,EAAA,IAPJC,MAAA,GAAAC,IAAA,CAAAD,MAAA;IACAE,YAAA,GAAAD,IAAA,CAAAC,YAAA;IACAC,UAAA,GAAAF,IAAA,CAAAE,UAAA,CAAA;EAMA,IAAMC,MAAOJ,MAA2B,KAAA,IAAA,IAA3BA,MAA2B,KAA3BA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,MAA2B,CAAAK,GAAA,CAAA;AACxC,EAAA,IAAAC,SAAA,GAA0BC,SAASL,YAAY,CAAA;IAAAM,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAxCI,IAAAA,KAAA,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAOG,IAAAA,QAAQ,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AACtBI,EAAAA,SAAA,CAAU,YAAM;AACV,IAAA,IAAA,CAACT,UAAc,IAAA,CAACC,GAAK,EAAA,OAAA;AACzBS,IAAAA,KAAA,CAAMT,gBAASA,GAAA,CAAIU,SAAS,GAAG,CAAA,GAAI,MAAM,GAAG,EAAU,UAAA,CAAA,EACnDC,IAAK,cAAA,YAAA;MAAA,IAAAC,KAAA,GAAAC,iBAAA,cAAAC,YAAA,GAAAC,CAAA,CAAA,SAAAC,OAAAA,CAAOC;;;;mCAAMA,CAAE,CAAAC,IAAA,EAAM,CAAA,CAAA;AAAA,WAAA;AAAA,SAAA,EAAAF,OAAA,CAAA,CAAA;AAAA,OAAA,CAAA,CAAA,CAAA;AAAA,MAAA,OAAA,UAAAG,EAAA,EAAA;AAAA,QAAA,OAAAP,KAAA,CAAAQ,KAAA,CAAA,IAAA,EAAAC,SAAA,CAAA,CAAA;AAAA,OAAA,CAAA;AAAA,KAAA,EAAA,CAC1B,CAAAV,IAAA,CAAK,UAACW,GAAQ,EAAA;AACbA,MAAAA,GAAA,CAAIC,OAAOhB,QAAS,CAAAe,GAAA,CAAIC,IAAIC,OAAQ,CAAA,IAAA,EAAM,GAAG,CAAC,CAAA,CAAA;AAChD,KAAC,CACA,CAAA,OAAA,CAAA,CAAM,YAAM,EAAE,CAAA,CAAA;AACnB,GAAG,EAAA,CAAC5B,MAAQ,EAAAG,UAAU,CAAC,CAAA,CAAA;AAChB,EAAA,OAAAO,KAAA,CAAA;AACT,EAAA;IAEamB,OAAU,GAAA,SAAVA,OAAUA,CAAAC,KAAA,EAAiD;AAAA,EAAA,IAA9C9B,MAAA,GAAA8B,KAAA,CAAA9B,MAAA,CAAA;EACxB,IAAMI,MAAOJ,MAA2B,KAAA,IAAA,IAA3BA,MAA2B,KAA3BA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,MAA2B,CAAAK,GAAA,CAAA;EACxC,IAAI,CAACD,GAAA,EAAY,OAAA;AAAEC,IAAAA,KAAK,EAAA;GAAG,CAAA;EAC3B,OAAO;AAAEA,IAAAA,GAAA,EAAKD,GAAI,CAAAU,QAAA,CAAS,GAAG,CAAA,GAAIV,GAAI,CAAAwB,OAAA,CAAQ,MAAQ,EAAA,wBAAwB,CAAI,GAAAxB,GAAA,GAAM,wBAAA;GAAyB,CAAA;AACnH;;;;"}

package/lib/esm/components/Image/hook/useImageId.js ADDED Viewed

@@ -0,0 +1,16 @@
+import React, { useRef } from 'react';
+var globalCounter = 0;
+function useImageId() {
+  if (typeof React.useId === "function") {
+    return React.useId();
+  }
+  var idRef = useRef(null);
+  if (idRef.current === null) {
+    idRef.current = "image-".concat(++globalCounter);
+  }
+  return idRef.current;
+}
+export { useImageId };
+//# sourceMappingURL=useImageId.js.map

package/lib/esm/components/Image/hook/useImageId.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useImageId.js","sources":["../../../../../src/components/Image/hook/useImageId.ts"],"sourcesContent":["import { useRef } from \"react\";\nimport React from \"react\";\n\n/**\n * useId polyfill for React < 18\n *\n * React 18+ has native useId() hook for generating unique IDs.\n * For older versions, we implement a simple counter-based solution.\n */\n\nlet globalCounter = 0;\n\n/**\n * Generate a unique ID for each image instance\n *\n * If React 18+ useId is available, use it.\n * Otherwise, use a counter-based fallback.\n */\nexport function useImageId(): string {\n // Try to use React 18+ native useId if available\n if (typeof (React as any).useId === \"function\") {\n return (React as any).useId();\n }\n\n // Fallback for React < 18\n const idRef = useRef<string | null>(null);\n\n if (idRef.current === null) {\n idRef.current = `image-${++globalCounter}`;\n }\n\n return idRef.current;\n}\n"],"names":["globalCounter","useImageId","React","useId","idRef","useRef","current","concat"],"mappings":";;AAUA,IAAIA,aAAgB,GAAA,CAAA,CAAA;AAQb,SAASC,UAAqBA,GAAA;AAE/B,EAAA,IAAA,OAAQC,KAAc,CAAAC,KAAA,KAAU,UAAY,EAAA;AAC9C,IAAA,OAAQD,MAAcC,KAAM,EAAA,CAAA;AAC9B,GAAA;AAGM,EAAA,IAAAC,KAAA,GAAQC,OAAsB,IAAI,CAAA,CAAA;AAEpC,EAAA,IAAAD,KAAA,CAAME,YAAY,IAAM,EAAA;AACpBF,IAAAA,KAAA,CAAAE,OAAA,GAAA,QAAA,CAAAC,MAAA,CAAmB,EAAEP,aAAa,CAAA,CAAA;AAC1C,GAAA;EAEA,OAAOI,KAAM,CAAAE,OAAA,CAAA;AACf;;;;"}

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

@@ -2,11 +2,12 @@ import { Platform } from 'react-native';
 import Image from './Image.js';
 import Image69 from './Image69.js';
 export { i as ImageType } from '../../_chunks/CMnjcQfl.js';
-import '../../_chunks/CAkwE9ZD.js';
+import '../../_chunks/DpFbw-p-.js';
 import 'react';
 import './styles.js';
 import '@xhsreds/reds-token-next';
 import './hook/index.js';
+import './hook/useImageId.js';
 import './CircularProgress.js';
 import 'react-native-svg';
 import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
@@ -17,6 +18,7 @@ import '../ConfigProvider/hooks/themeToken/useColorMode.js';
 import '../ConfigProvider/hooks/ConfigContext/ConfigContext.js';
 import './utils.js';
 import './VisibilitySensor.js';
+import './manager/ImageAPMManager.js';
 import './apm.js';
 var _Platform$constants;

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/Image/index.ts"],"sourcesContent":["import { Platform } from \"react-native\";\nimport Image from \"./Image\";\nimport Image69 from \"./Image69\";\nimport * as ImageType from \"./interface\";\n\nconst ImageComponent = Platform.constants?.reactNativeVersion?.minor === 72 ? Image : Image69;\nexport default ImageComponent;\nexport { ImageComponent as Image, ImageType, Image69 };\n"],"names":["ImageComponent","_Platform$constants","Platform","constants","reactNativeVersion","minor","Image","Image69"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;~~AAKMA,IAAAA,iBAAiB,CAAA,CAAAC,mBAAA,GAAAC,QAAS,CAAAC,SAAA,MAAA,IAAA,IAAAF,mBAAA,KAAA,KAAA,CAAA,IAAA,CAAAA,mBAAA,GAATA,mBAAA,CAAoBG,kBAAoB,MAAA,IAAA,IAAAH,mBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAxCA,mBAAA,CAAwCI,KAAA,MAAU,KAAKC,KAAQ,GAAAC;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/Image/index.ts"],"sourcesContent":["import { Platform } from \"react-native\";\nimport Image from \"./Image\";\nimport Image69 from \"./Image69\";\nimport * as ImageType from \"./interface\";\n\nconst ImageComponent = Platform.constants?.reactNativeVersion?.minor === 72 ? Image : Image69;\nexport default ImageComponent;\nexport { ImageComponent as Image, ImageType, Image69 };\n"],"names":["ImageComponent","_Platform$constants","Platform","constants","reactNativeVersion","minor","Image","Image69"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAKMA,IAAAA,iBAAiB,CAAA,CAAAC,mBAAA,GAAAC,QAAS,CAAAC,SAAA,MAAA,IAAA,IAAAF,mBAAA,KAAA,KAAA,CAAA,IAAA,CAAAA,mBAAA,GAATA,mBAAA,CAAoBG,kBAAoB,MAAA,IAAA,IAAAH,mBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAxCA,mBAAA,CAAwCI,KAAA,MAAU,KAAKC,KAAQ,GAAAC;;;;"}

package/lib/esm/components/Image/manager/ImageAPMManager.js ADDED Viewed

@@ -0,0 +1,393 @@
+import { e as _typeof, g as _createClass, h as _classCallCheck, c as _asyncToGenerator, d as _regenerator, _ as _slicedToArray } from '../../../_chunks/DpFbw-p-.js';
+import { Image } from 'react-native';
+import { isLocalFile, isDataUri, convertKeysToSnakeCase } from '../utils.js';
+import { apmPush } from '../apm.js';
+var __defProp = Object.defineProperty;
+var __defNormalProp = function __defNormalProp(obj, key, value) {
+  return key in obj ? __defProp(obj, key, {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: value
+  }) : obj[key] = value;
+};
+var __publicField = function __publicField(obj, key, value) {
+  return __defNormalProp(obj, _typeof(key) !== "symbol" ? key + "" : key, value);
+};
+var _ImageAPMManager = /*#__PURE__*/function () {
+  function _ImageAPMManager() {
+    _classCallCheck(this, _ImageAPMManager);
+    // Core tracking data
+    __publicField(this, "trackers", /* @__PURE__ */new Map());
+    __publicField(this, "registrations", /* @__PURE__ */new Map());
+    // Cache query batching
+    __publicField(this, "pendingCacheQueries", /* @__PURE__ */new Map());
+    // url -> [imageIds]
+    __publicField(this, "cacheQueryTimer", null);
+    __publicField(this, "CACHE_QUERY_DEBOUNCE_MS", 50);
+  }
+  /**
+   * Singleton pattern - ensures only one manager instance exists
+   */
+  return _createClass(_ImageAPMManager, [{
+    key: "register",
+    value:
+    /**
+     * Register an image for APM tracking
+     * Called once per image on mount
+     *
+     * Corresponds to original useEffect logic at Image.tsx:105-139
+     */
+    function register(imageId, source, apmBiz) {
+      var state = {
+        imageUrl: "",
+        imageHost: "",
+        intersectTime: 0,
+        imageSize: 0,
+        isFirstScreen: "",
+        // Not determined yet
+        isPrefetch: "",
+        // Will be set by cache query
+        isSuccess: "false",
+        errorReason: "",
+        loadedStartTime: 0,
+        loadedTime: 0,
+        loadDuration: 0,
+        viewDuration: 0,
+        _isViewable: false,
+        _hasLoaded: false,
+        _hasPushed: false,
+        _firstVisibilityChecked: false
+      };
+      this.trackers.set(imageId, state);
+      this.registrations.set(imageId, {
+        imageId: imageId,
+        source: source,
+        apmBiz: apmBiz
+      });
+      this.extractUrlInfo(imageId, source);
+      this.queueCacheQuery(imageId, source);
+    }
+    /**
+     * Unregister and cleanup
+     * Called on component unmount
+     */
+  }, {
+    key: "unregister",
+    value: function unregister(imageId) {
+      this.trackers["delete"](imageId);
+      this.registrations["delete"](imageId);
+    }
+    /**
+     * Update source if it changes
+     * Corresponds to formatSource dependency updates
+     */
+  }, {
+    key: "updateSource",
+    value: function updateSource(imageId, source) {
+      var registration = this.registrations.get(imageId);
+      if (!registration) return;
+      registration.source = source;
+      this.extractUrlInfo(imageId, source);
+      this.queueCacheQuery(imageId, source);
+    }
+    /**
+     * Report visibility change from VisibilitySensor
+     *
+     * Corresponds to:
+     * - checkIsVisible callback (Image.tsx:80-88)
+     * - First screen detection (Image.tsx:161-167)
+     * - Visibility tracking useEffect (Image.tsx:168-178)
+     */
+  }, {
+    key: "setViewable",
+    value: function setViewable(imageId, isViewable) {
+      var state = this.trackers.get(imageId);
+      if (!state) return;
+      if (!state._firstVisibilityChecked) {
+        state._firstVisibilityChecked = true;
+        state.isFirstScreen = isViewable ? "true" : "false";
+      }
+      if (!state._isViewable && isViewable) {
+        state._isViewable = true;
+        state.intersectTime = Date.now();
+        if (state._hasLoaded) {
+          this.pushData(imageId);
+        }
+      }
+      state._isViewable = isViewable;
+    }
+    /**
+     * Record load start event
+     * Corresponds to onLoadStart (Image.tsx:211-213)
+     */
+  }, {
+    key: "recordLoadStart",
+    value: function recordLoadStart(imageId) {
+      var state = this.trackers.get(imageId);
+      if (!state) return;
+      state.loadedStartTime = Date.now();
+    }
+    /**
+     * Record progress event
+     * Corresponds to onProgress (Image.tsx:189-198)
+     */
+  }, {
+    key: "recordProgress",
+    value: function recordProgress(imageId, loaded, total) {
+      var state = this.trackers.get(imageId);
+      if (!state) return;
+      state.imageSize = total;
+    }
+    /**
+     * Record successful load
+     * Corresponds to onLoad (Image.tsx:199-209)
+     */
+  }, {
+    key: "recordLoad",
+    value: function recordLoad(imageId) {
+      var state = this.trackers.get(imageId);
+      if (!state) return;
+      var now = Date.now();
+      var loadDuration = now - state.loadedStartTime;
+      state.loadedTime = now;
+      state.loadDuration = loadDuration < 0 ? 0 : loadDuration;
+      state.isSuccess = "true";
+      state._hasLoaded = true;
+    }
+    /**
+     * Record error event
+     * Corresponds to onError (Image.tsx:215-222)
+     */
+  }, {
+    key: "recordError",
+    value: function recordError(imageId, errorMessage) {
+      var state = this.trackers.get(imageId);
+      if (!state) return;
+      state.isSuccess = "false";
+      state.errorReason = errorMessage;
+      state._hasLoaded = true;
+    }
+    /**
+     * Check if ready to push and push if conditions met
+     * Corresponds to onLoadEnd (Image.tsx:179-187)
+     *
+     * Push logic: Only push when BOTH:
+     * 1. Image is viewable (entered viewport)
+     * 2. Image has loaded (success or error)
+     */
+  }, {
+    key: "checkAndPush",
+    value: function checkAndPush(imageId) {
+      var state = this.trackers.get(imageId);
+      if (!state || state._hasPushed) return;
+      if (state._isViewable && state._hasLoaded) {
+        this.pushData(imageId);
+      }
+    }
+    /**
+     * Extract URL and host from image source
+     * Corresponds to useEffect lines 105-121
+     */
+  }, {
+    key: "extractUrlInfo",
+    value: function extractUrlInfo(imageId, source) {
+      var state = this.trackers.get(imageId);
+      if (!state) return;
+      try {
+        if (typeof source !== "number" && !isLocalFile(source.uri) && !isDataUri(source.uri)) {
+          var imageUrl = new URL(source.uri);
+          state.imageHost = "".concat(imageUrl.protocol, "//").concat(imageUrl.host);
+          state.imageUrl = source.uri;
+        }
+      } catch (error) {}
+    }
+    /**
+     * Queue a cache query for batching
+     * Corresponds to useEffect lines 123-139
+     */
+  }, {
+    key: "queueCacheQuery",
+    value: function queueCacheQuery(imageId, source) {
+      var _this = this;
+      var imageUrl = (source === null || source === void 0 ? void 0 : source.uri) || "";
+      if (!imageUrl) return;
+      if (!this.pendingCacheQueries.has(imageUrl)) {
+        this.pendingCacheQueries.set(imageUrl, []);
+      }
+      this.pendingCacheQueries.get(imageUrl).push(imageId);
+      if (!this.cacheQueryTimer) {
+        this.cacheQueryTimer = setTimeout(function () {
+          _this.flushCacheQueries();
+        }, this.CACHE_QUERY_DEBOUNCE_MS);
+      }
+    }
+    /**
+     * Execute batched cache queries
+     *
+     * Key optimization: Instead of 100 individual RNImage.queryCache() calls,
+     * we batch them into 1-5 calls (depending on timing)
+     */
+  }, {
+    key: "flushCacheQueries",
+    value: (function () {
+      var _flushCacheQueries = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+        var _this2 = this;
+        var queries, allUrls, results;
+        return _regenerator().w(function (_context) {
+          while (1) switch (_context.n) {
+            case 0:
+              queries = Array.from(this.pendingCacheQueries.entries());
+              this.pendingCacheQueries.clear();
+              this.cacheQueryTimer = null;
+              if (!(typeof Image.queryCache !== "function")) {
+                _context.n = 1;
+                break;
+              }
+              queries.forEach(function (_ref) {
+                var _ref2 = _slicedToArray(_ref, 2);
+                  _ref2[0];
+                  var imageIds = _ref2[1];
+                imageIds.forEach(function (imageId) {
+                  var state = _this2.trackers.get(imageId);
+                  if (state) {
+                    state.isPrefetch = "";
+                  }
+                });
+              });
+              return _context.a(2);
+            case 1:
+              allUrls = queries.map(function (_ref3) {
+                var _ref4 = _slicedToArray(_ref3, 1),
+                  url = _ref4[0];
+                return url;
+              });
+              _context.p = 2;
+              _context.n = 3;
+              return Image.queryCache(allUrls);
+            case 3:
+              results = _context.v;
+              queries.forEach(function (_ref5) {
+                var _ref6 = _slicedToArray(_ref5, 2),
+                  url = _ref6[0],
+                  imageIds = _ref6[1];
+                var uriEncodeImageUrl = encodeURI(url);
+                var isPrefetched = !!(results !== null && results !== void 0 && results[uriEncodeImageUrl]);
+                imageIds.forEach(function (imageId) {
+                  var state = _this2.trackers.get(imageId);
+                  if (state) {
+                    state.isPrefetch = String(isPrefetched);
+                  }
+                });
+              });
+              _context.n = 5;
+              break;
+            case 4:
+              _context.p = 4;
+              _context.v;
+              queries.forEach(function (_ref7) {
+                var _ref8 = _slicedToArray(_ref7, 2);
+                  _ref8[0];
+                  var imageIds = _ref8[1];
+                imageIds.forEach(function (imageId) {
+                  var state = _this2.trackers.get(imageId);
+                  if (state) {
+                    state.isPrefetch = "false";
+                  }
+                });
+              });
+            case 5:
+              return _context.a(2);
+          }
+        }, _callee, this, [[2, 4]]);
+      }));
+      function flushCacheQueries() {
+        return _flushCacheQueries.apply(this, arguments);
+      }
+      return flushCacheQueries;
+    }()
+    /**
+     * Push APM data to analytics
+     * Corresponds to pushApmData callback (Image.tsx:141-158)
+     *
+     * This is where all the collected metrics are sent to the APM system
+     */
+    )
+  }, {
+    key: "pushData",
+    value: function pushData(imageId) {
+      var state = this.trackers.get(imageId);
+      var registration = this.registrations.get(imageId);
+      if (!state || !registration || state._hasPushed) return;
+      var viewDuration = state.loadedTime - state.intersectTime;
+      state.viewDuration = viewDuration < 0 ? 0 : viewDuration;
+      if (!state.isPrefetch) {
+        var imageSize = state.imageSize || 0;
+        state.isPrefetch = String(imageSize <= 0);
+      }
+      if (!state.imageUrl) return;
+      state._hasPushed = true;
+      var apmData = convertKeysToSnakeCase({
+        imageUrl: state.imageUrl,
+        imageHost: state.imageHost,
+        intersectTime: state.intersectTime,
+        imageSize: state.imageSize,
+        isFirstScreen: state.isFirstScreen,
+        isPrefetch: state.isPrefetch,
+        isSuccess: state.isSuccess,
+        errorReason: state.errorReason,
+        loadedStartTime: state.loadedStartTime,
+        loadedTime: state.loadedTime,
+        loadDuration: state.loadDuration,
+        viewDuration: state.viewDuration
+      });
+      apmPush(apmData);
+    }
+    /**
+     * Debug method to inspect tracker state
+     * Useful for testing and validation
+     */
+  }, {
+    key: "getState",
+    value: function getState(imageId) {
+      return this.trackers.get(imageId);
+    }
+    /**
+     * Debug method to get all tracked image IDs
+     * Useful for testing and validation
+     */
+  }, {
+    key: "getAllTrackedIds",
+    value: function getAllTrackedIds() {
+      return Array.from(this.trackers.keys());
+    }
+    /**
+     * Reset manager state (for testing)
+     */
+  }, {
+    key: "reset",
+    value: function reset() {
+      this.trackers.clear();
+      this.registrations.clear();
+      this.pendingCacheQueries.clear();
+      if (this.cacheQueryTimer) {
+        clearTimeout(this.cacheQueryTimer);
+        this.cacheQueryTimer = null;
+      }
+    }
+  }], [{
+    key: "getInstance",
+    value: function getInstance() {
+      if (!_ImageAPMManager.instance) {
+        _ImageAPMManager.instance = new _ImageAPMManager();
+      }
+      return _ImageAPMManager.instance;
+    }
+  }]);
+}();
+__publicField(_ImageAPMManager, "instance");
+var ImageAPMManager = _ImageAPMManager;
+export { ImageAPMManager as default };
+//# sourceMappingURL=ImageAPMManager.js.map